@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:801px)/";
  width: 551px; }

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

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

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: #fcfcfc;
  color: #333333;
  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: 801px) {
    html {
      font-size: 16px; } }
  @media (min-width: 1261px) {
    html {
      font-size: 16px; } }

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

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

p {
  margin-bottom: 1.5rem; }

h1,
h2,
h3,
h4,
h5,
h6 {
  color: #010101;
  font-family: "Roboto Slab", Arial, Helvetica, sans-serif;
  font-weight: 400;
  letter-spacing: 0.25px;
  margin-bottom: 0.75rem; }
  h1 small,
  h2 small,
  h3 small,
  h4 small,
  h5 small,
  h6 small {
    color: black;
    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: 15px; }

h6 {
  font-size: 13px; }

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

hr {
  border: solid #e1e1e1;
  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 #cccccc;
  color: #333333;
  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: black;
    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 #e1e1e1;
  margin-bottom: 2rem;
  table-layout: auto;
  width: 100%; }
  .table thead {
    background: #e4e4e4; }
    .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 #e1e1e1; }

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

.table-tbody tr {
  border-bottom: 1px solid #e1e1e1; }
  .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: "Roboto 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: #dc3700;
  color: #dc3700;
  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: #dc3700;
    color: white; }
  .button:active {
    background-color: transparent;
    border: 1px solid #dc3700;
    color: white; }
  .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: #ff4800;
  border-color: #ff4800;
  color: white; }
  .button--primary:hover, .button--primary:focus, .button--primary.is-active, .button--primary.active {
    background-color: #d94b0b;
    border-color: #d94b0b;
    color: white; }
  .button--primary:active {
    background-color: rgba(0, 0, 255, 0);
    border: 1px solid rgba(0, 0, 255, 0);
    color: #e3e3e3; }

.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: 15px; }

.button--small {
  font-size: 13px;
  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: #010101; }

/*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: #202738;
  cursor: pointer;
  display: block;
  font-size: 1rem;
  line-height: 1.5;
  margin-bottom: 0.5rem; }
  .form-label small {
    color: black;
    font-size: 0.625rem;
    text-transform: uppercase;
    vertical-align: bottom; }

.form-input {
  appearance: none;
  background-color: white;
  border-color: #333333;
  border-style: solid;
  border-width: 1px;
  border-radius: 4px;
  color: #333333;
  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: #cccccc;
    color: #999999;
    cursor: not-allowed; }
  .form-input[readonly] {
    background-color: #e5e5e5;
    border-color: #999999;
    color: #757575;
    cursor: text; }
  .form-input:focus {
    border-color: #888888;
    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: #333333;
  color: #333333;
  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: #888888; }
  .form-select:disabled {
    background-color: #cccccc;
    cursor: not-allowed; }
  .form-select:focus {
    border-color: #888888; }

/*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 #a0a0a0;
      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: #cccccc; }

.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(220, 55, 0, 0.999)' /%3E%3C/svg%3E");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 100%;
  color: rgba(220, 55, 0, 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(220, 55, 0, 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: #010101;
    box-shadow: 0 0 4px rgba(1, 1, 1, 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: #e4e4e4;
  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: #e4e4e4; }
  .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: black;
  float: left;
  font-size: 13px;
  line-height: 13px;
  margin: 0;
  line-height: 1.5; }
  .breadcrumb a {
    color: black; }
  .breadcrumb.current {
    color: black;
    cursor: default; }
    .breadcrumb.current a {
      color: black;
      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: black;
    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: black;
    cursor: default; }
  .breadcrumb.is-unavailable > .breadcrumb-label {
    color: #999999;
    cursor: default; }

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

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

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

.tab.is-active .tab-title {
  color: #333333;
  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: 15px;
  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: #202738;
  font-size: 15px;
  padding: 0.1875rem 0; }

.pagination-list {
  display: block;
  margin-left: 0; }
  .pagination-list li {
    color: black;
    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: black;
      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: #202738; }

li.pagination-item--current a, li.pagination-item--current button {
  color: #202738;
  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: #e1e1e1 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: #e1e1e1 solid;
  border-width: 1px 0;
  cursor: pointer; }
  .accordion-navigation.is-open > a {
    background: white;
    color: black; }
  .accordion-navigation > a {
    background: white;
    color: #333333;
    padding: 1.875rem;
    display: block;
    font-family: "Roboto Slab", Arial, Helvetica, sans-serif;
    font-size: 1rem; }
    .accordion-navigation > a:hover {
      background: #e4e4e4; }
  .accordion-navigation .accordion-title {
    padding: 1.5rem 1.875rem; }

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

.accordion-content {
  display: none;
  padding: 2rem;
  border: #e1e1e1 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(0, 0, 0, 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: #fcfcfc;
  padding: 2.25rem 2.25rem;
  border: solid 0 #e1e1e1;
  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 #e1e1e1;
  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 #e1e1e1;
  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: 15px;
  margin: 0 0 0.75rem; }
  @media (min-width: 481px) {
    .modal-footer-link {
      display: inline;
      margin: 1.5rem; } }

.modal-close {
  color: #666666;
  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: #666666;
  border-radius: 4px;
  color: white;
  display: inline-block;
  font-size: 15px;
  padding: 0.375rem 0.75rem; }

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

.loadingOverlay {
  background: rgba(0, 0, 0, 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 #dc3700 #dc3700;
    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: black; }

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

.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: black; }

.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: #383838;
    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: white;
        opacity: 0.6;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale; }
    .slick-dots li.slick-active button:before {
      color: #e3e3e3;
      opacity: 1; }

.slick-next,
.slick-prev {
  background-color: blue;
  background-color: rgba(0, 0, 255, 0.9);
  z-index: 1;
  border: 1px solid rgba(0, 0, 255, 0);
  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: blue;
    background-color: rgba(0, 0, 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='%23383838' 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='%23383838' 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 white;
      display: inline-block;
      margin: 0;
      padding: 0;
      position: relative;
      text-align: center;
      vertical-align: middle; }
      .slick-dots li button:hover::before {
        background: white; }
    .slick-dots li button::before {
      display: block;
      left: -1px;
      top: -1px;
      transition: background 100ms ease-out; }
    .slick-dots li.slick-active button::before {
      background: #e3e3e3; }

.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%; }

.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: #dc3700; }

.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 Slab", Arial, Helvetica, sans-serif; }
  .swal2-modal .swal2-title {
    color: #010101;
    font-size: 1.875rem; }
  .swal2-modal .swal2-content {
    color: #333333;
    font-size: 1.125rem; }
  .swal2-modal .swal2-file,
  .swal2-modal .swal2-input,
  .swal2-modal .swal2-textarea {
    border: 1px solid #333333;
    color: #333333; }
  .swal2-modal .swal2-checkbox,
  .swal2-modal .swal2-select {
    color: #333333; }
  .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: "Roboto 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: #dc3700;
    color: #dc3700;
    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: #dc3700;
      color: white; }
    .swal2-modal .swal2-styled:active {
      background-color: transparent;
      border: 1px solid #dc3700;
      color: white; }
  .swal2-modal .swal2-styled:focus {
    outline: none; }
  .swal2-modal .swal2-confirm {
    background-color: #ff4800;
    border-color: #ff4800;
    color: white; }
  .swal2-modal .swal2-confirm:focus,
  .swal2-modal .swal2-confirm:hover {
    background-color: #d94b0b;
    border-color: #d94b0b;
    color: white; }
  .swal2-modal .swal2-confirm:active {
    background-color: rgba(0, 0, 255, 0);
    border-color: rgba(0, 0, 255, 0);
    color: #e3e3e3; }
  .swal2-modal .swal2-cancel {
    background-color: transparent;
    border-color: #dc3700;
    color: #dc3700; }
  .swal2-modal .swal2-cancel:focus,
  .swal2-modal .swal2-cancel:hover {
    background-color: transparent;
    border-color: #dc3700;
    color: white; }
  .swal2-modal .swal2-cancel:active {
    background-color: transparent;
    border-color: #dc3700;
    color: white; }
  .swal2-modal .button + .button {
    margin-left: 0.75rem; }

.swal2-icon {
  display: flex; }

html,
body {
  height: auto; }

body {
  padding-top: 55px; }
  @media (min-width: 801px) {
    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 {
  font-weight: 400;
  margin-top: 2.25rem; }

h5,
h6 {
  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 {
  font-size: 28px; }

h2 {
  font-size: 25px; }

h3 {
  font-size: 22px; }

h4 {
  font-size: 20px; }

h5 {
  font-size: 15px; }

h6 {
  font-size: 13px; }

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

.definitionList:after {
  clear: both; }

.definitionList-key {
  color: black;
  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(51, 51, 51, 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: black;
  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 #e1e1e1; }
  .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: #e1e1e1;
  border-width: 0 0 1px; }
  .table--line .table-thead {
    background-color: #fcfcfc;
    border-color: #e1e1e1;
    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 #e1e1e1; }
    .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;
  width: 100% !important; }
  @media (min-width: 551px) {
    #wishlist-dropdown.is-open {
      padding-right: 20px; } }
  @media (min-width: 801px) {
    #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: 801px) {
    .modal-header-title {
      font-size: 25px; } }

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

.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 Slab", Arial, Helvetica, sans-serif;
  padding: 40px 20px 20px 20px;
  text-align: center; }
  .modal--alert .modal-content {
    color: #333333;
    font-size: 1.125rem; }
  .modal--alert .button-container {
    margin: 25px 0 0; }
    .modal--alert .button-container .confirm {
      background-color: #ff4800;
      border-color: #ff4800;
      color: white; }
    .modal--alert .button-container .confirm:focus, .modal--alert .button-container .confirm:hover {
      background-color: #d94b0b;
      border-color: #d94b0b;
      color: white; }
    .modal--alert .button-container .confirm:active {
      background-color: rgba(0, 0, 255, 0);
      border-color: rgba(0, 0, 255, 0);
      color: #e3e3e3; }

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

.breadcrumb {
  display: inline-block;
  float: none;
  margin-right: 0.25rem; }
  .breadcrumb.is-active > .breadcrumb-label {
    cursor: pointer;
    font-weight: 700; }
  .breadcrumb:not(:first-child):before {
    display: inline-block;
    margin: 0 0.25rem;
    transform: rotate(15deg);
    border-right: 0.1em solid #010101;
    height: 0.8em;
    content: ''; }

.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: #e1e1e1;
    border-radius: 4px;
    margin: 0 0.375rem 0 0.75rem; }
  .pagination-item.pagination-item--previous > a, .pagination-item.pagination-item--next > a {
    color: #202738; }
    .pagination-item.pagination-item--previous > a:hover, .pagination-item.pagination-item--next > a:hover {
      color: #ff580d; }
      .pagination-item.pagination-item--previous > a:hover .icon > svg, .pagination-item.pagination-item--next > a:hover .icon > svg {
        fill: #ff580d; }

.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: black;
    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: 801px) {
      .button + .button {
        margin-left: 0.75rem; } }

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

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

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

.tab-title {
  padding: 1.125rem 0;
  text-align: center;
  text-decoration: none; }
  @media (min-width: 551px) {
    .tab-title {
      text-align: left; } }
  @media (min-width: 801px) {
    .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: 801px) {
  .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: 801px) {
  .accordion--navList {
    border: 0; } }

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

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

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

@media (min-width: 801px) {
  .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: 801px) {
    .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: 801px) {
    .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: black;
    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: "Roboto Slab", Arial, Helvetica, sans-serif;
  font-size: 13px;
  margin-bottom: 0.75rem; }

.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: 13px;
  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: 13px; }

.form-field-group {
  border: 1px solid #333333;
  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: 15px;
  font-weight: 700;
  height: auto;
  padding: 0;
  text-align: center;
  vertical-align: middle;
  width: 2.1875rem; }

.form-option {
  border: 1px solid #333333;
  color: #202738;
  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: #888888; }
  .form-radio:checked + .form-option {
    border-color: #dc3700;
    box-shadow: 0 0 0 1px #dc3700; }

.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: 13px;
  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:focus-within .card-figcaption {
  opacity: 1; }

.card.focus-within .card-figcaption {
  opacity: 1; }

.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: 801px) {
    .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: 15px;
  margin: 0 0 0.25rem; }
  .card-title > a {
    color: #383838;
    text-decoration: none; }
    .card-title > a:hover {
      color: #ff4800; }

.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: #383838;
    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 #e1e1e1;
  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: #010101; }
    .card--alternate:hover .card-body {
      background-color: #010101; }
      .card--alternate:hover .card-body .card-text {
        color: #ff4800; }
    .card--alternate:hover .card-title > a {
      color: #ff4800; }

.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 #a0a0a0;
    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(220, 55, 0, 0.999)' /%3E%3C/svg%3E");
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 100%;
    color: rgba(220, 55, 0, 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: #cccccc; }
  .navList-action--checkbox.is-checked::after, .navList-action--checkbox.is-selected::after {
    opacity: 1;
    transform: scale(1); }

.navList-action-close {
  background: #e4e4e4;
  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: #202738; }
  .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: 801px) {
      .navBar--sub .navBar-item {
        display: inline-block; } }
    @media (min-width: 801px) {
      .navBar--sub .navBar-item.is-active {
        border-bottom: 1px solid #333333; } }
    .navBar--sub .navBar-item.is-active > .navBar-action {
      color: #666666; }
    @media (min-width: 801px) {
      .navBar--sub .navBar-item.navBar-item--separate {
        border-left: 1px solid black;
        margin: 0;
        padding-left: 0.75rem; } }
  .navBar--sub .navBar-action {
    color: black;
    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 #333333;
  border-radius: 4px;
  overflow: hidden; }
  .actionBar-section .form-field:hover {
    border-color: #888888; }

.actionBar-section .form-label {
  color: black;
  font-size: 13px;
  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: #202738;
  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: 801px) {
    .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 #e1e1e1;
    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 #e1e1e1 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: 801px) {
  .navUser-section {
    position: relative; } }

.navUser-action {
  color: #333333;
  font-weight: 700;
  padding: 1rem 0.75rem;
  text-decoration: none;
  text-transform: uppercase; }
  .navUser-action:hover, .navUser-action.is-open {
    color: #ff4800; }
    .navUser-action:hover svg, .navUser-action.is-open svg {
      fill: #ff4800;
      stroke: #ff4800; }
  .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: container("border");*/
  color: #333333;
  display: inline-block;
  /*padding: 0 remCalc(20) 0 0;*/
  text-decoration: none; }

.navUser-item {
  display: none; }
  @media (min-width: 801px) {
    .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 {
    color: #333333; }
    .navUser-item--cart .navUser-action:hover, .navUser-item--cart .navUser-action.is-open {
      color: #ff4800; }
  .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: 801px) {
        .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: 801px) {
          .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: 801px) {
          .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: white;
  padding: 1.5rem 0;
  display: none; }
  @media (min-width: 551px) {
    .dropdown--quickSearch {
      padding: 3rem; } }
  .dropdown--quickSearch.is-open {
    display: initial;
    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: rgba(0, 0, 255, 0);
  border-radius: 50%;
  color: white;
  display: none;
  font-size: 12px;
  font-weight: 700;
  height: 20px;
  line-height: 20px;
  margin-left: 0.1875rem;
  text-align: center;
  width: 20px; }

.countPill--positive {
  display: inline-block; }

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

.navPages .navPage-subMenu-list, .navPage-childList {
  border-left: 1px solid #fafafd;
  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: zIndex("lower");*/
  z-index: -1; }
  @media (min-width: 801px) {
    .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: #323232;
  height: 100%;
  overflow-y: auto;
  padding: 1.5rem; }
  @media (min-width: 801px) {
    .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: 801px) and (min-width: 551px) {
    .navPages-item {
      float: left; } }
  @media (min-width: 801px) {
      .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: 801px) {
      .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: 801px) {
    .navPages-list {
      display: inline-block;
      float: none; } }
  .navPages-list + .navPages-list {
    border-top: 1px solid #fafafd;
    margin-top: 0.75rem;
    padding-top: 0.75rem; }

.navPages-list-depth-max.subMenu-is-open .is-hidden {
  display: none; }
  @media (min-width: 801px) {
    .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: 801px) {
    .navPages-list-depth-max.subMenu-is-open .navPages-item-page {
      display: inline-block; } }

@media (min-width: 801px) {
  .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 #fafafd;
  text-align: center; }
  @media (min-width: 801px) {
    .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: 801px) {
      .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: 801px) {
      .navPages-action-depth-max.has-subMenu.is-open svg {
        height: 100%;
        width: 100%; } }

.navPages-action {
  color: #fafafd;
  display: block;
  font-size: 15px;
  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: 801px) {
    .navPages-action {
      display: inline-block;
      padding: 0.75rem 1.125rem 1.125rem; }
      .navPages-action.is-open {
        background-color: #323232; }
        .navPages-action.is-open svg {
          fill: #ff580d;
          stroke: #ff580d; } }
  .navPages-action:hover, .navPages-action.activePage {
    color: #ff580d; }
    .navPages-action:hover svg, .navPages-action.activePage svg {
      fill: #ff580d;
      stroke: #ff580d; }
  .navPages-action svg {
    fill: #fafafd;
    stroke: #fafafd;
    transition: all 0.15s ease; }

.navPages-action--storeCredit {
  color: black; }

.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: 801px) {
    .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: 801px) {
      .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: 801px) {
    .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: 801px) {
      .navPage-subMenu-action:not(.navPages-action-depth-max) + .navPage-childList {
        margin-left: 0; } }

.navPage-subMenu {
  display: none;
  outline: 0;
  z-index: 10; }
  @media (min-width: 801px) {
    .navPage-subMenu {
      background-color: #323232;
      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: 801px) {
      .navPages-list:not(.navPages-list-depth-max) .navPages-action.has-subMenu + .navPage-subMenu .navPage-subMenu-list {
        margin-right: auto; } }

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

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

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

@media (min-width: 801px) {
  .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 #fafafd;
      margin-bottom: 1.125rem; } }

.navPage-subMenu-item-child,
.navPage-subMenu-item-parent {
  width: 100%; }
  @media (min-width: 801px) {
    .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: 801px) {
      .navPages-list:not(.navPages-list-depth-max) .navPage-subMenu-action {
        padding: 0.75rem 0 1.125rem; } }
  @media (min-width: 801px) {
    .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: 801px) {
      .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 #e1e1e1;
  margin-bottom: 0.75rem; }
  @media (min-width: 801px) {
    .navPages-quickSearch {
      display: none; } }
  .navPages-quickSearch > .container {
    padding: 0; }
  .navPages-quickSearch .form {
    margin: 0; }
  .navPages-quickSearch .form-field {
    margin-bottom: 0; }

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

.navPages-list--user #currencySelection2 {
  background-color: white;
  border: 1px solid #e1e1e1; }
  .navPages-list--user #currencySelection2 .dropdown-menu-item {
    padding: 0; }
    .navPages-list--user #currencySelection2 .dropdown-menu-item:not(:last-child) {
      border-bottom: 1px solid #e1e1e1; }
  .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: black;
    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; }
  .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: #dc3700; }
    .socialLinks .icon svg {
      fill: black;
      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 .socialLinks-item {
    margin-bottom: 0.375rem;
    margin-right: 0.75rem; }
    .socialLinks .socialLinks-item:last-child {
      margin-right: 0; }

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

.socialLinks--alt svg {
  fill: black; }

.heroCarousel {
  width: 1px;
  min-width: 100%;
  margin-bottom: 4.5rem;
  margin-top: -1.5rem;
  overflow: hidden;
  visibility: hidden; }
  .heroCarousel.is-visible {
    visibility: visible; }
  @media (min-width: 801px) {
    .heroCarousel {
      margin-top: -2.5rem; } }
  .heroCarousel.slick-initialized {
    opacity: 1;
    max-height: 100vh; }
    @media (min-width: 551px) {
      .heroCarousel.slick-initialized {
        max-height: 25rem; } }
    @media (min-width: 801px) {
      .heroCarousel.slick-initialized {
        max-height: 50rem; } }
  .heroCarousel:not(.slick-initialized) :not(.heroCarousel-slide--first).heroCarousel-slide {
    display: none; }
  .heroCarousel a {
    text-decoration: none; }
  .heroCarousel .slick-next,
  .heroCarousel .slick-prev {
    top: 50%;
    transform: translateY(-50%);
    margin: 0; }
  .heroCarousel .slick-next {
    right: 15px; }
    @media (min-width: 801px) {
      .heroCarousel .slick-next {
        right: 25px; } }
  .heroCarousel .slick-prev {
    left: 15px; }
    @media (min-width: 801px) {
      .heroCarousel .slick-prev {
        left: 25px; } }
  .heroCarousel .slick-dots {
    bottom: 0.5rem; }
    @media (min-width: 801px) {
      .heroCarousel .slick-dots {
        bottom: 1.5rem; } }
    .heroCarousel .slick-dots li {
      background-color: #f2f2f2;
      background-color: rgba(242, 242, 242, 0.9); }

.heroCarousel-slide {
  position: relative; }
  .heroCarousel-slide a {
    text-decoration: none; }
  .heroCarousel-slide .heroCarousel-image {
    object-fit: contain;
    width: 100%;
    height: 100%;
    object-position: 50% 0%; }
    @media (min-width: 551px) {
      .heroCarousel-slide .heroCarousel-image {
        object-position: 50% 50%; } }
  .heroCarousel-slide.stretch .heroCarousel-image {
    object-fit: cover;
    object-position: 50% 50%; }
  .heroCarousel-slide.stretch.compat-object-fit .heroCarousel-image {
    width: 100%;
    height: 100%; }
  .heroCarousel-slide.compat-object-fit {
    overflow: hidden; }
    .heroCarousel-slide.compat-object-fit .heroCarousel-image {
      width: auto; }
  .heroCarousel-slide .heroCarousel-image-wrapper {
    height: 15.625rem;
    display: flex;
    justify-content: center;
    align-items: flex-start;
    height: 56.25vw; }
    @media (min-width: 551px) {
      .heroCarousel-slide .heroCarousel-image-wrapper {
        max-height: 25rem; } }
    @media (min-width: 801px) {
      .heroCarousel-slide .heroCarousel-image-wrapper {
        max-height: 37.5rem; } }
  .heroCarousel-slide.is-square-image-type .heroCarousel-image-wrapper {
    height: 100vw; }
    @media (min-width: 551px) {
      .heroCarousel-slide.is-square-image-type .heroCarousel-image-wrapper {
        height: 56.25vw; } }
  .heroCarousel-slide.is-vertical-image-type .heroCarousel-image-wrapper {
    height: 110vw; }
    @media (min-width: 551px) {
      .heroCarousel-slide.is-vertical-image-type .heroCarousel-image-wrapper {
        height: 56.25vw; } }

.heroCarousel-content {
  background-color: white;
  padding: 0.75rem 1.5rem 3rem;
  text-align: center; }
  @media (min-width: 551px) {
    .heroCarousel-content {
      background-color: white;
      background-color: rgba(255, 255, 255, 0.9);
      width: 43.75rem;
      padding: 2.25rem;
      width: 70%;
      background-color: rgba(255, 255, 255, 0.9);
      left: 0;
      padding: 1.5rem;
      margin: 0 auto;
      position: absolute;
      right: 0;
      top: 50%;
      transform: translateY(-50%); }
      .heroCarousel-content.heroCarousel-content--empty {
        background-color: transparent; } }

.heroCarousel-title {
  color: #fefefe;
  font-size: 20px;
  margin-top: 0; }
  @media (min-width: 801px) {
    .heroCarousel-title {
      font-size: 50px; } }

.heroCarousel-description {
  color: white;
  font-size: 12px; }
  @media (min-width: 551px) {
    .heroCarousel-description {
      font-size: 13px; } }
  @media (min-width: 801px) {
    .heroCarousel-description {
      font-size: 15px; } }

.heroCarousel-action {
  margin: 0; }
  @media (min-width: 801px) {
    .heroCarousel-action {
      margin-top: 1.5rem; } }

@media (min-width: 801px) {
  .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: 801px) {
  .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: 100%; }

.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: 15px; }
  .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: 15px;
  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: 801px) {
    .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: 801px) {
    .productReview {
      width: 50%; } }
  @media (min-width: 1261px) {
    .productReview {
      width: 33.33333%; } }

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

.productReview-author {
  color: black;
  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: 801px) {
    .productView-image {
      min-height: 366px;
      min-width: inherit; } }
  .productView-image + .productView-thumbnails {
    margin-top: 0.75rem; }
  @media (min-width: 320px) and (max-width: 801px) {
    .productView-image {
      pointer-events: none; } }

.productView-img-container {
  position: relative;
  margin: auto;
  max-width: 700px;
  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: 100%; }

.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: 130px;
    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 #e1e1e1;
  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: 801px) {
  .productView-product {
    border-bottom: 1px solid #e1e1e1;
    padding-bottom: 2rem; } }

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

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

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

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

.productView-reviewLink {
  display: inline-block;
  margin-left: 0.75rem;
  vertical-align: middle; }
  .productView-reviewLink--new {
    padding: 0; }
  .productView-reviewLink > a {
    color: black; }
    .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: "Roboto Slab", Arial, Helvetica, sans-serif;
      font-size: 13px;
      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;
  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: 13px; }
  .productView-options .form-field {
    font-size: 0;
    margin-bottom: 2rem; }
    .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: 801px) {
    .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 #333333;
  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 #333333; }
  .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; }

.PrimaryProductDetails .btn.add-to-cart {
  background-color: #d1d1d1;
  color: #528991;
  font-weight: bold;
  font-size: 16px; }

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

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

.compareTable {
  border-top: 1px solid #e1e1e1;
  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 #e1e1e1; }
  .compareTable-row + .compareTable-row .compareTable-heading:empty {
    border-top: 0; }

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

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

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

.compareTable-removeProduct {
  background-color: #e4e4e4;
  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: black;
    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(252, 252, 252, 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: #fcfcfc;
  bottom: 0;
  padding-top: 10px;
  position: absolute;
  width: 100%; }

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

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

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

.toggleLink-text {
  font-size: 13px;
  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: #e1e1e1 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: 801px) {
    .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: 801px) {
    .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: 801px) {
      .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: 801px) {
    .facetedSearch-refineFilters {
      display: block; } }

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

.banners {
  background-color: #010101;
  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: #e4e4e4;
  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: black;
    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: 801px) {
    .cart {
      display: table; } }

.cart-header {
  display: none; }
  @media (min-width: 801px) {
    .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 #e1e1e1;
  display: block; }
  @media (min-width: 801px) {
    .cart-list {
      display: table-row-group; } }

.cart-item {
  border-bottom: 1px solid #e1e1e1;
  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: 801px) {
    .cart-item {
      display: table-row;
      padding-left: 0; }
      .cart-item:before, .cart-item:after {
        display: none; } }

.cart-item-block {
  display: block; }
  @media (min-width: 801px) {
    .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: 801px) {
    .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: 801px) {
    .cart-item-image {
      margin-left: 0; } }

.cart-item-title {
  display: table-cell;
  height: 6.25rem;
  padding-left: 1.5rem; }
  @media (min-width: 551px) {
    .cart-item-title {
      display: block;
      height: auto;
      margin-bottom: 1.5rem;
      overflow: hidden; } }
  @media (min-width: 801px) {
    .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: 801px) {
    .cart-item-info {
      float: none;
      width: 16.66667%; }
      .cart-item-info:last-child {
        text-align: right; } }

@media (min-width: 801px) {
  .cart-header-quantity,
  .cart-item-quantity {
    text-align: center; } }

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

.cart-item-label {
  color: #333333;
  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: 801px) {
    .cart-item-label {
      display: none; } }

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

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

.cart-item-name {
  font-size: 15px;
  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: #333333; }

.cart-remove {
  background-color: #e4e4e4;
  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: black; }

.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: 801px) {
    .cart-totals {
      margin-bottom: 1rem;
      width: 58.33333%; } }
  @media (min-width: 1261px) {
    .cart-totals {
      width: 41.66667%; } }

.cart-total {
  border-bottom: 0; }
  .cart-total:before, .cart-total:after {
    content: " ";
    display: table; }
  .cart-total:after {
    clear: both; }
  @media (min-width: 801px) {
    .cart-total + .cart-total {
      border-top: 1px solid #e1e1e1; } }
  .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: black;
  width: 33.33333%; }
  @media (min-width: 551px) {
    .cart-total-label {
      width: 50%; } }
  @media (min-width: 801px) {
    .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: 801px) {
    .cart-total-value {
      width: 50%; } }

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

.cart-total-grandTotal {
  font-family: "Roboto Slab", Arial, Helvetica, sans-serif;
  font-size: 20px;
  padding-bottom: 0.1875rem;
  padding-top: 0.1875rem;
  position: relative; }
  @media (min-width: 801px) {
    .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: black;
  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; }

.previewCart-additionalCheckoutButtons {
  padding-right: 1.5rem; }

.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 #e1e1e1; }

.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: black;
  display: inline-block;
  font-size: 13px; }

.previewCartAction {
  margin: 0 auto;
  max-width: 75rem;
  width: 100%;
  border-top: 1px solid #e1e1e1;
  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; }

.previewCart-emptyBody {
  padding: 3rem;
  text-align: center; }

.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: 15px; }

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

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

.panel--newAddress {
  display: block;
  text-align: center;
  text-decoration: none; }
  .panel--newAddress:hover .address-title {
    color: #ff580d; }
  .panel--newAddress .panel-body {
    background-color: transparent;
    border: 1px solid #e1e1e1;
    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: 50px;
  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: 801px) {
    .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: 801px) {
    .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: 801px) {
    .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: #e4e4e4;
  padding: 1rem;
  text-align: center; }
  @media (min-width: 801px) {
    .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: 801px) {
    .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: "Roboto Slab";
  margin: 0 0 0.75rem; }

body.hasAdminBar {
  padding-top: 101px; }
  @media (min-width: 801px) {
    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: 801px) {
    .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: 801px) {
      .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: 801px) {
    .cookieMessage-container {
      width: 83.33333%; } }
  @media (min-width: 1261px) {
    .cookieMessage-container {
      width: 58.33333%; } }

@media (min-width: 801px) {
  .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: 801px) {
    .login-row {
      margin-top: 6rem; } }

.login-form {
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  width: 100%;
  float: left; }
  @media (min-width: 801px) {
    .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: 801px) {
    .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: 801px) {
    .quickSearchResults {
      margin-top: 0; } }
  .quickSearchResults .modal-close {
    display: none; }
    @media (min-width: 801px) {
      .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: 15px; }

.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: 801px) {
    .navBar--account {
      display: block; } }

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

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

.account-listItem {
  border-bottom: 1px solid #e1e1e1;
  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 #e1e1e1;
  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: 15px;
    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 Slab", Arial, Helvetica, sans-serif;
  font-size: 15px;
  margin: -0.1875rem 0 1rem;
  text-transform: inherit; }

.account-product-price {
  float: right;
  font-size: 15px; }

.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: black;
  font-family: "Roboto Slab", 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: 15px;
  margin-top: -1.5rem;
  width: 66.66667%; }

.account-orderTotal-key,
.account-orderTotal-value {
  margin: 0;
  padding: 1.5rem 0; }

.account-orderTotal-key {
  color: black;
  float: left;
  font-weight: 400; }
  .account-orderTotal-key:last-of-type {
    position: relative;
    top: 0.3125rem; }

.account-orderTotal-value {
  border-bottom: 1px solid #e1e1e1;
  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: black;
  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: 15px; }
  .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: #010101;
  font-weight: 400;
  margin-top: 1.5rem; }

.account-downloads-summary {
  border-bottom: 1px solid #e1e1e1;
  font-size: 15px;
  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: black;
  font-size: 15px;
  margin-bottom: 0.1875rem;
  text-transform: inherit; }

.account-downloadsItem-description {
  margin-bottom: 0; }

.account-downloadsItem-availability {
  color: black; }

.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: #f2f2f5; }

.icon--ratingFull svg {
  fill: #ffc600; }

.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 #e1e1e1;
  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: 13px;
    font-weight: 600; }
    @media (min-width: 1261px) {
      .methodHeader-title {
        font-size: 1rem; } }
  .methodHeader-brand {
    font-size: 13px;
    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: #666666;
    height: 1.125rem;
    width: 1.125rem; }
    @media (min-width: 1261px) {
      .methodHeader-default {
        height: 1.25rem;
        width: 1.25rem; } }
  .methodHeader-expiry {
    font-size: 15px;
    text-transform: capitalize; }

.methodDetails {
  margin: 0;
  display: flex; }
  .methodDetails-label {
    flex: 1;
    font-weight: 600; }
  .methodDetails-description {
    flex: 2;
    font-size: 13px; }

.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 Slab", 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: 15px;
  font-weight: 600;
  letter-spacing: 0.25px; }

.category-header-image {
  width: 100%; }

.papaSupermarket-subcategories-grid {
  list-style: none;
  margin-left: 0;
  margin: 0 -0.75rem;
  max-width: none;
  width: auto;
  font-size: 0;
  margin-top: 1.5rem;
  margin-bottom: 1.5rem; }
  .papaSupermarket-subcategories-grid ul,
  .papaSupermarket-subcategories-grid ol {
    list-style: none;
    margin-bottom: 0; }
  .papaSupermarket-subcategories-grid:before, .papaSupermarket-subcategories-grid:after {
    content: " ";
    display: table; }
  .papaSupermarket-subcategories-grid:after {
    clear: both; }
  @media (max-width: 800px) {
    .papaSupermarket-subcategories-grid {
      margin-left: 0;
      margin-right: 0; } }

.papaSupermarket-subcategories-grid-item {
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  width: 50%;
  float: none;
  display: inline-block;
  font-size: 1rem;
  vertical-align: top;
  position: relative;
  margin-top: 0.75rem; }
  .papaSupermarket-subcategories-grid-item:first-child, .papaSupermarket-subcategories-grid-item:nth-child(2) {
    margin-top: 0; }
  @media (max-width: 800px) {
    .papaSupermarket-subcategories-grid-item {
      padding-left: 0.375rem;
      padding-right: 0.375rem; } }
  @media (min-width: 801px) {
    .papaSupermarket-subcategories-grid-item {
      width: 25%;
      margin-top: 0.75rem; }
      .papaSupermarket-subcategories-grid-item:nth-child(3), .papaSupermarket-subcategories-grid-item:nth-child(4) {
        margin-top: 0; }
      .papaSupermarket-subcategories-grid-item:hover img {
        transform: scale(1.2); }
      .papaSupermarket-subcategories-grid-item:hover .papaSupermarket-subcategories-name {
        color: #dc3700; } }

.papaSupermarket-subcategories-image {
  display: block;
  margin-bottom: 0.375rem; }
  .papaSupermarket-subcategories-image img {
    width: 100%; }
  @media (min-width: 801px) {
    .papaSupermarket-subcategories-image {
      overflow: hidden;
      display: block; }
      .papaSupermarket-subcategories-image img {
        transition: 0.8s transform ease-in; } }

.papaSupermarket-subcategories-name {
  text-decoration: none;
  font-weight: 700;
  font-size: 15px;
  color: #333333; }
  .papaSupermarket-subcategories-name:hover, .papaSupermarket-subcategories-name:focus {
    color: #dc3700; }
  .papaSupermarket-subcategories-name:active {
    color: #dc3700; }

.skip-to-main-link {
  background: #fff;
  color: #010101;
  font-weight: 700;
  left: 50%;
  padding: 4px;
  position: absolute;
  transform: translate(-50%, -100%);
  transition: transform 0.3s; }
  .skip-to-main-link:focus {
    transform: translate(-50%, 0%); }

.header {
  background-image: url("https://cdn11.bigcommerce.com/s-kgzykqadp6/product_images/uploaded_images/atr-bg-1.jpg");
  border-bottom: 1px solid #e1e1e1;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 100; }
  @media (min-width: 801px) {
    .header {
      border-bottom: 1px solid #e1e1e1;
      overflow: visible;
      position: relative;
      height: auto; } }
  .header.is-open {
    height: 100%; }
    @media (min-width: 801px) {
      .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: 801px) {
    .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: #5e5e5e;
    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: 801px) {
      .header-logo__link {
        background: none;
        border-bottom: 0;
        display: inline;
        padding: 0;
        width: 100%; } }
    .header-logo__link:hover {
      color: #dc3700; }
    .header-logo__link:active {
      color: #dc3700; }

.header-logo--left {
  text-align: left; }
  @media (min-width: 801px) {
    .header-logo--left {
      margin-left: 2.5rem; } }
  .header-logo--left .header-logo-image {
    right: unset; }

.header-logo--right {
  text-align: right; }
  @media (min-width: 801px) {
    .header-logo--right {
      margin-right: 2.5rem; } }
  .header-logo--right .header-logo-image {
    left: unset; }

.header-logo-text {
  display: block;
  font-family: "Roboto Slab", Arial, Helvetica, sans-serif;
  font-size: 2.25vw;
  font-weight: 400;
  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: 801px) {
    .header-logo-text {
      display: inline;
      font-size: 48px;
      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: 801px) {
    .header-logo-image-container:after {
      padding-bottom: "px"; } }

.header-logo-image {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  max-height: 1.9375rem; }
  @media (min-width: 801px) {
    .header-logo-image {
      max-height: none; } }

.header-logo-image-unknown-size {
  max-height: 1.9375rem; }
  @media (min-width: 801px) {
    .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: 801px) {
    .mobileMenu-toggle {
      display: none; } }
  .mobileMenu-toggle .mobileMenu-toggleIcon,
  .mobileMenu-toggle .mobileMenu-toggleIcon::before,
  .mobileMenu-toggle .mobileMenu-toggleIcon::after {
    background: #010101;
    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: #010101;
      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 {
  background-color: whitespace;
  margin-bottom: 6rem;
  margin-top: 1.5rem; }
  @media (min-width: 801px) {
    .body {
      margin-top: 2.5rem; } }

.page {
  background-color: whitespace;
  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: 801px) {
  .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: 801px) {
    .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; } }

.footer {
  background-color: #565554;
  border-top: 1px solid #e1e1e1;
  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: black;
  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: 801px) {
    .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: 801px) {
  .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: 801px) {
  .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: black;
    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: black;
    font-size: 12px;
    margin: 0; }
  .footer-copyright a {
    color: black;
    text-decoration: none; }
    .footer-copyright a:hover {
      color: #333333; }

.footer-payment-icons {
  height: 2.5rem;
  margin-top: 1.5rem; }
  @media (min-width: 801px) {
    .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: black; }

.footer-geotrust-ssl-seal {
  /*@include breakpoint("small") {
        bottom: 0;
        position: absolute;
        right: 16px;
    }*/ }
  .footer-geotrust-ssl-seal table {
    margin: auto; }
    .footer-geotrust-ssl-seal table td {
      border: none; }

.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: 801px) {
    .blog {
      margin: auto;
      width: 100%; } }
  .blog + .blog {
    border-top: 1px solid #e1e1e1;
    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: black;
  text-align: center; }

.blog-author {
  margin-bottom: 2.5rem; }

.blog-post {
  font-size: 15px;
  text-align: left; }

.blog-thumbnail {
  margin: 0 auto 2rem;
  position: relative;
  max-width: 460px; }
  .blog-thumbnail img {
    width: 100%; }

.blog-post-figure {
  display: block;
  margin: auto;
  text-align: center; }
  @media (min-width: 801px) {
    .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: 801px) {
    .blog-post-body {
      width: 66.66667%; } }
  @media (min-width: 1261px) {
    .blog-post-body {
      width: 50%; } }

.sidebarBlock + .sidebarBlock {
  border-top: 1px solid #e1e1e1;
  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: 801px) {
      .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: 801px) {
      .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: 801px) {
    .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: 801px) {
  .no-csscolumns .productGrid--maxCol6 .product {
    width: 16.66667%; } }

@media (min-width: 801px) {
  .csscolumns .productGrid--maxCol6 {
    column-count: 6; } }

@media (min-width: 801px) {
  .no-csscolumns .productGrid--maxCol3 .product {
    width: 33.33333%; } }

@media (min-width: 801px) {
  .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(56, 56, 56, 0.9);
  color: white; }
  .listItem-button:hover {
    background-color: #383838;
    color: white; }

.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: 801px) {
    .listItem-brand {
      font-size: 15px;
      margin-bottom: 0; } }

.listItem-title {
  font-size: 15px;
  margin: 0 0 0.1875rem; }
  @media (min-width: 801px) {
    .listItem-title {
      font-size: 20px; } }
  .listItem-title > a {
    text-decoration: none; }

.listItem-price {
  margin-bottom: 1rem; }
  @media (min-width: 801px) {
    .listItem-price {
      font-size: 20px; } }

@media (min-width: 1261px) {
  .listItem-actions {
    vertical-align: middle;
    width: 22%; }
    .listItem-actions .button--compare {
      font-size: 13px;
      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: 801px) {
    .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: 801px) {
    .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; }
  .productView-description .productView-title {
    border-bottom: 1px solid #e1e1e1;
    margin-bottom: 1rem;
    padding-left: 1rem;
    padding-right: 1rem; }
  @media (min-width: 801px) {
    .productView-description .productView-description {
      clear: both;
      float: none;
      width: 100%; } }

.sale-flag-star,
.sale-flag-star:before,
.sale-flag-star:after {
  background: #3b8f24;
  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: #3b8f24;
  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: #3b8f24;
  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--none {
  height: 22px;
  overflow: hidden; }

.form-option-variant--color,
.form-option-variant--pattern {
  height: 28px;
  width: 28px; }

.form-option-expanded {
  background-color: #fcfcfc;
  border: 1px solid #888888;
  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: 801px) {
  .account--fixed {
    margin: 0 auto;
    width: 66.66667%; } }

@media (min-width: 801px) {
  .account--fixedSmall {
    margin: 0 auto;
    width: 50%; } }

@media (min-width: 801px) {
  .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: 801px) {
  .account-content--fixed {
    width: 66.66667%; } }

@media (min-width: 801px) {
  .account-content--fixedSmall {
    width: 50%; } }

.account-sidebar {
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  width: 100%;
  float: left; }
  @media (min-width: 801px) {
    .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; } }

/* for custom variables */
/*************** THEME GLOBAL VARIABLES START ***************/
/* primary button variables start */
/* primary button variables end */
/* secondary button variables start */
/* secondary button variables end */
/* button fontsize start */
/* button fontsize end */
/* link variables start */
/* link variables start */
/* body variables start */
/* body variables end */
/* footer variables start */
/* footer variables end */
/* navpages variables start */
/* navpages variables end */
/*navuser variables start*/
/*navuser variables end*/
/* global variables start */
/* global variables end */
/*************** THEME GLOBAL VARIABLES END ***************/
/*************** THEME SECTION VARIABLES START ***************/
/* logo variables start */
/* logo variables end */
/* banner section variable start */
/* banner section variable end */
/* slider section variable start */
/* slider section variable end */
/* section heading variable start*/
/* section heading variable end*/
/* shop by category section start */
/* shop by category section end */
/* recent updates section start */
/* recent updates section end */
/* category page start */
/* category page end */
/* page-heading start */
/* page-heading end */
/* product page start */
/* product page end */
/* product card start */
/* product card end */
/* product card (quick search) start */
/* product card (quick search) end */
/*************** THEME SECTION VARIABLES END ***************/
/*************** THEME MIXIN FUNCTION START ***************/
/* screensize variables and mixin function start */
/* screensize variables and mixin function end */
/*************** THEME MIXIN FUNCTION END ***************/
/*************** THEME CLASSES START ***************/
.show {
  display: inline-block;
  vertical-align: middle; }

.button {
  border-radius: 50px; }

.theme-btn-primary, .swal2-modal .swal2-confirm, .modal--alert .button-container .confirm {
  font-family: "Roboto Slab";
  color: white;
  font-size: 16px;
  font-weight: 700;
  background-color: #ff4800;
  border: 1px solid #ff580d;
  text-transform: uppercase;
  padding: 8px 16px;
  line-height: 1; }
  @media (min-width: 768px) {
    .theme-btn-primary, .swal2-modal .swal2-confirm, .modal--alert .button-container .confirm {
      padding: 10px 20px; } }
  @media (min-width: 1850px) {
    .theme-btn-primary, .swal2-modal .swal2-confirm, .modal--alert .button-container .confirm {
      font-size: 17px;
      padding: 12px 23px; } }
  .theme-btn-primary.button--small, .swal2-modal .swal2-confirm.button--small, .modal--alert .button-container .confirm.button--small {
    font-size: 15px; }
  .theme-btn-primary:hover, .theme-btn-primary:focus, .theme-btn-primary:active, .swal2-modal .swal2-confirm:hover, .swal2-modal .swal2-confirm:focus, .swal2-modal .swal2-confirm:active, .modal--alert .button-container .confirm:hover, .modal--alert .button-container .confirm:focus, .modal--alert .button-container .confirm:active {
    color: white;
    background-color: #d94b0b;
    border: 1px solid #d94b0b; }

.theme-btn-secondary, .swal2-modal .swal2-cancel {
  font-family: "Roboto Slab";
  color: #dc3700;
  font-size: 16px;
  font-weight: 700;
  background-color: rgba(0, 0, 255, 0);
  border: 1px solid #dc3700;
  text-transform: uppercase;
  padding: 8px 16px;
  line-height: 1; }
  @media (min-width: 768px) {
    .theme-btn-secondary, .swal2-modal .swal2-cancel {
      padding: 10px 20px; } }
  @media (min-width: 1850px) {
    .theme-btn-secondary, .swal2-modal .swal2-cancel {
      padding: 12px 23px;
      font-size: 17px; } }
  .theme-btn-secondary.button--small, .swal2-modal .swal2-cancel.button--small {
    font-size: 15px; }
  .theme-btn-secondary:hover, .theme-btn-secondary:focus, .theme-btn-secondary:active, .swal2-modal .swal2-cancel:hover, .swal2-modal .swal2-cancel:focus, .swal2-modal .swal2-cancel:active {
    color: white;
    background-color: #dc3700;
    border: 1px solid #dc3700; }

.theme-icon {
  line-height: 1; }

.theme-icon::before {
  font-family: "icomoon";
  content: attr(data-icon);
  speak: none;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  font-style: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  font-size: 18px; }

.icon-multimedia::before {
  font-size: 12px; }

/*************** THEME CLASSES END ***************/
/*************** AUTOPARTS VARIATION VARIABLES START ***************/
.autoparts .button {
  border-radius: 5px; }

/*************** AUTOPARTS VARIATION VARIABLES END ***************/
/* for general */
* {
  box-sizing: border-box;
  line-height: 1.4; }

ul {
  margin-left: 1.15rem;
  list-style-type: disc;
  list-style-position: inside;
  margin-bottom: 1.5rem; }

ol {
  margin-left: 1.15rem;
  list-style-type: decimal;
  list-style-position: inside;
  margin-bottom: 1.5rem; }

p {
  margin-bottom: 1.5rem; }

a {
  text-decoration: underline;
  color: #202738; }
  a:hover, a:focus, a:active {
    color: #ff580d; }

:focus {
  outline: none; }

body {
  font-family: "Roboto Slab";
  font-weight: 400; }
  body.hasAdminBar .header {
    padding-top: 0; }

.body {
  margin-bottom: 4.5rem;
  margin-top: 1.5rem;
  min-height: 513px; }
  @media (min-width: 1850px) {
    .body {
      margin-bottom: 4.5rem; } }

.page {
  margin: 0; }

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

.alignleft {
  margin-bottom: 1rem;
  text-align: left;
  display: block; }

.aligncenter {
  display: block;
  text-align: center; }

.alignright {
  margin-bottom: 1rem;
  text-align: right;
  display: block; }

.clear {
  clear: both;
  display: block; }

.alignleft_img {
  float: left;
  margin-bottom: 20px; }
  @media (min-width: 551px) {
    .alignleft_img {
      padding-right: 20px; } }

.alignright_img {
  float: right;
  margin-bottom: 20px; }
  @media (min-width: 551px) {
    .alignright_img {
      padding-left: 20px; } }

table {
  width: 100%;
  margin-bottom: 20px; }
  table tbody tr th, table tbody tr td {
    border: 1px solid #e1e1e1;
    padding: 15px;
    text-align: center;
    color: #333333; }
  table tbody tr th {
    background-color: #e9e9e9;
    color: #333333; }

/* Form styling start */
.form-input:disabled {
  background-color: transparent; }

.form-input, .form-select, .form-select--date {
  border-radius: 0;
  color: #333333;
  line-height: 1; }
  .form-input::placeholder, .form-select::placeholder, .form-select--date::placeholder {
    font-family: "Roboto Slab";
    font-size: 14px;
    color: #888888;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 1px; }

.form-select--small, .form-select--date, .form-select {
  background-color: white;
  border-color: #333333;
  border-style: solid;
  border-width: 1px; }

.form-select {
  max-width: 100%; }

.form-label {
  font-weight: 700;
  font-size: 16px;
  color: #202738;
  line-height: 1; }
  .form-label small {
    color: #cc4749;
    font-size: 12px;
    font-weight: 500;
    vertical-align: top;
    float: none; }

.form-field {
  margin: 0 0 15px;
  padding: 0; }
  @media (min-width: 1024px) {
    .form-field {
      margin: 0 0 20px; } }
  @media (min-width: 1850px) {
    .form-field {
      margin: 0 0 30px; } }

.form-column .form-field {
  padding: 0; }
  .form-column .form-field.form-field-group {
    padding: 10px; }

.form-actions .button {
  width: auto;
  margin-bottom: 0; }

.form-prefixPostfix .button {
  width: auto;
  margin: 0 0 0 10px; }
  @media (min-width: 1024px) {
    .form-prefixPostfix .button {
      margin: 0 0 0 15px; } }
  @media (min-width: 1366px) {
    .form-prefixPostfix .button {
      margin: 0 0 0 20px; } }

.form-checkbox + .form-label::before {
  border-radius: 0;
  top: 0; }

.form-radio + .form-label::before {
  top: 0; }

.form-checkbox + .form-label::after,
.form-radio + .form-label::after {
  top: 1px; }

.form-checkbox + .form-label:last-child,
.form-radio + .form-label:last-child {
  margin-bottom: 0; }

.form-checkbox + .form-label,
.form-radio + .form-label {
  margin-bottom: 1.5rem; }

.form-radio:checked + .form-option {
  box-shadow: none; }

/* Form styling end */
.button[disabled]:hover {
  background-color: #cccccc;
  color: white;
  border-color: rgba(0, 0, 255, 0); }

.mt-20 {
  margin-top: 20px; }

/******************** Breadcrumbs style start *********************/
.breadcrumbs {
  text-align: left;
  padding-bottom: 0.75rem;
  border-bottom: 1px solid #e5e5e5;
  margin-bottom: 1.5rem; }
  .breadcrumbs .breadcrumb .breadcrumb-label {
    text-transform: capitalize;
    font-family: "Roboto Slab";
    color: #242526;
    font-size: 14px;
    text-decoration: none; }
    .breadcrumbs .breadcrumb .breadcrumb-label:hover {
      color: #ff580d; }
    @media (min-width: 1024px) {
      .breadcrumbs .breadcrumb .breadcrumb-label {
        font-size: 15px; } }
    @media (min-width: 1366px) {
      .breadcrumbs .breadcrumb .breadcrumb-label {
        font-size: 16px; } }
  .breadcrumbs .breadcrumb.is-active .breadcrumb-label {
    color: #ff580d; }
  .breadcrumbs .breadcrumb.is-active:hover .breadcrumb-label {
    color: #202738; }
  .breadcrumbs .breadcrumb:before {
    border-color: #242526; }

/********************* Breadcrumbs style end *********************/
/********************* Page-heading style start *********************/
.page-heading {
  font-family: "Roboto Slab";
  color: #010101;
  font-size: 26px;
  margin-bottom: 15px;
  font-weight: 700; }
  @media (min-width: 768px) {
    .page-heading {
      font-size: 28px;
      margin-bottom: 20px; } }
  @media (min-width: 1024px) {
    .page-heading {
      font-size: 30px;
      margin-bottom: 25px; } }
  @media (min-width: 1366px) {
    .page-heading {
      font-size: 32px;
      margin-bottom: 30px; } }
  @media (min-width: 1850px) {
    .page-heading {
      font-size: 34px;
      margin-bottom: 40px; } }

/********************* Page-heading style end *********************/
/********************* panel section style start *********************/
.panel {
  margin: 0; }
  .panel .panel-body {
    background-color: #e9e9e9;
    border-top: 1px solid #e1e1e1;
    padding: 10px;
    margin: 10px 0; }
    @media (min-width: 801px) {
      .panel .panel-body {
        margin: 0; } }
    @media (min-width: 1024px) {
      .panel .panel-body {
        padding: 15px; } }
    @media (min-width: 1366px) {
      .panel .panel-body {
        padding: 20px; } }

/********************* panel section style end *********************/
/********************* social links style start *********************/
.socialLinks {
  line-height: 1; }
  .socialLinks .socialLinks-item {
    margin: 0 4px 0 0;
    width: auto; }
    .socialLinks .socialLinks-item .icon {
      width: 30px;
      height: 30px;
      border: 1px solid #e1e1e1;
      border-radius: 100%;
      position: relative; }
      .socialLinks .socialLinks-item .icon svg {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        fill: #8e8e8e;
        width: 20px;
        height: 20px;
        padding: 2px; }
    .socialLinks .socialLinks-item:hover .icon svg {
      fill: white; }
    .socialLinks .socialLinks-item:hover .icon--facebook {
      background-color: #3b5998;
      border-color: #3b5998; }
    .socialLinks .socialLinks-item:hover .icon--email {
      background-color: #ea4335;
      border-color: #ea4335; }
    .socialLinks .socialLinks-item:hover .icon--print {
      background-color: black;
      border-color: black; }
    .socialLinks .socialLinks-item:hover .icon--twitter {
      background-color: #55acee;
      border-color: #55acee; }
    .socialLinks .socialLinks-item:hover .icon--linkedin {
      background-color: #0077b5;
      border-color: #0077b5; }
    .socialLinks .socialLinks-item:hover .icon--google {
      background-color: #dc4e41;
      border-color: #dc4e41; }
    .socialLinks .socialLinks-item:hover .icon--pinterest {
      background-color: #bd081c;
      border-color: #bd081c; }
    @media (min-width: 551px) {
      .socialLinks .socialLinks-item {
        margin: 0 7px 0 0; } }

/********************* social links style end *********************/
/******************* SEARCH PAGE STYLE START *******************/
.dropdown--quickSearch .quick-search {
  display: none;
  visibility: hidden; }
  @media (min-width: 551px) {
    .dropdown--quickSearch .quick-search {
      display: block;
      visibility: visible; } }

/* nav section style start */
.navBar--sub {
  margin-bottom: 20px; }
  .navBar--sub .navBar-section .navBar-item {
    margin-bottom: 10px;
    font-size: 15px; }
    .navBar--sub .navBar-section .navBar-item a {
      color: #202738;
      font-size: 15px; }
      @media (min-width: 801px) {
        .navBar--sub .navBar-section .navBar-item a {
          font-size: 13px; } }
      @media (min-width: 1024px) {
        .navBar--sub .navBar-section .navBar-item a {
          font-size: 15px; } }
      @media (min-width: 1261px) {
        .navBar--sub .navBar-section .navBar-item a {
          font-size: 16px; } }
      @media (min-width: 1366px) {
        .navBar--sub .navBar-section .navBar-item a {
          font-size: 17px; } }
      @media (min-width: 1850px) {
        .navBar--sub .navBar-section .navBar-item a {
          font-size: 18px; } }
      .navBar--sub .navBar-section .navBar-item a.navBar-action-color--active {
        color: #ff580d;
        text-decoration: underline; }
      .navBar--sub .navBar-section .navBar-item a:hover {
        color: #ff580d;
        text-decoration: underline; }
    @media (min-width: 801px) {
      .navBar--sub .navBar-section .navBar-item {
        font-size: 13px; } }
    @media (min-width: 1024px) {
      .navBar--sub .navBar-section .navBar-item {
        font-size: 15px; } }
    @media (min-width: 1261px) {
      .navBar--sub .navBar-section .navBar-item {
        font-size: 16px; } }
    @media (min-width: 1366px) {
      .navBar--sub .navBar-section .navBar-item {
        font-size: 17px; } }
    @media (min-width: 1850px) {
      .navBar--sub .navBar-section .navBar-item {
        font-size: 18px; } }
    .navBar--sub .navBar-section .navBar-item.is-active {
      color: #ff580d;
      border: none;
      text-decoration: underline; }
    @media (min-width: 801px) {
      .navBar--sub .navBar-section .navBar-item {
        margin: 0 2px; } }
    @media (min-width: 1024px) {
      .navBar--sub .navBar-section .navBar-item {
        margin: 0 5px; } }
    @media (min-width: 1366px) {
      .navBar--sub .navBar-section .navBar-item {
        margin: 0 10px; } }
    @media (min-width: 1850px) {
      .navBar--sub .navBar-section .navBar-item {
        margin: 0 15px; } }

/* nav section style end */
/* sidebar section style start */
#facetedSearch {
  background-color: #fafafd;
  padding: 10px 0; }
  @media (min-width: 1024px) {
    #facetedSearch {
      padding: 20px 0; } }
  @media (min-width: 1366px) {
    #facetedSearch {
      padding: 30px 0; } }
  @media (min-width: 1850px) {
    #facetedSearch {
      padding: 40px 0; } }

.search .page {
  margin: 0 -0.75rem;
  max-width: none;
  width: auto; }
  .search .page:before, .search .page:after {
    content: " ";
    display: table; }
  .search .page:after {
    clear: both; }

/* sidebar section style end */
/******************* SEARCH PAGE STYLE END *******************/
/******************* BRAND PAGE STYLE START *******************/
.brand .page {
  margin: 0 -0.75rem;
  max-width: none;
  width: auto; }
  .brand .page:before, .brand .page:after {
    content: " ";
    display: table; }
  .brand .page:after {
    clear: both; }

.brand .card {
  border: none; }

.brand .card-img-container {
  max-width: 500px; }

.brandGrid {
  margin: 0 -5px; }
  @media (min-width: 1024px) {
    .brandGrid {
      margin: 0 -8px; } }
  @media (min-width: 1366px) {
    .brandGrid {
      margin: 0 -10px; } }
  .brandGrid .brand {
    width: 50%;
    padding: 5px 5px 10px 5px; }
    @media (min-width: 551px) {
      .brandGrid .brand {
        width: 50%; } }
    @media (min-width: 768px) {
      .brandGrid .brand {
        width: 33.33%; } }
    @media (min-width: 1024px) {
      .brandGrid .brand {
        padding: 5px 8px 16px 8px; } }
    @media (min-width: 1366px) {
      .brandGrid .brand {
        width: 25%;
        padding: 5px 10px 20px 10px; } }
    .brandGrid .brand .card .card-figure {
      padding: 0; }
      .brandGrid .brand .card .card-figure .card-img-container {
        max-width: 190px;
        margin: 0 auto; }
    .brandGrid .brand .card .card-body .card-title {
      margin-bottom: 0;
      min-height: auto; }
      .brandGrid .brand .card .card-body .card-title a {
        font-size: 16px;
        font-weight: 300;
        color: #383838; }
        .brandGrid .brand .card .card-body .card-title a:hover {
          color: #ff4800; }
        @media (min-width: 768px) {
          .brandGrid .brand .card .card-body .card-title a {
            font-size: 17px; } }
        @media (min-width: 1850px) {
          .brandGrid .brand .card .card-body .card-title a {
            font-size: 18px; } }
    .brandGrid .brand .card:hover .card-body {
      margin-bottom: 0;
      transform: none; }

.brand .card-img-container:after {
  padding-bottom: 100%; }

/******************* BRAND PAGE STYLE END *******************/
/******************* BLOG-LISTING PAGE & BLOG-DETAIL PAGE STYLE START *******************/
.blog {
  margin-bottom: 0; }
  .blog .blog-post-body .blog-header .blog-title {
    margin-bottom: 10px; }
    @media (min-width: 1024px) {
      .blog .blog-post-body .blog-header .blog-title {
        margin-bottom: 15px; } }
    @media (min-width: 1850px) {
      .blog .blog-post-body .blog-header .blog-title {
        margin-bottom: 20px; } }
  .blog .blog-post-body .blog-header .blog-date, .blog .blog-post-body .blog-header .blog-author {
    color: #333333;
    margin-bottom: 10px; }
    @media (min-width: 1024px) {
      .blog .blog-post-body .blog-header .blog-date, .blog .blog-post-body .blog-header .blog-author {
        margin-bottom: 15px; } }
    @media (min-width: 1850px) {
      .blog .blog-post-body .blog-header .blog-date, .blog .blog-post-body .blog-header .blog-author {
        margin-bottom: 20px; } }
  .blog .blog-post-body .blog-post {
    font-size: 15px;
    line-height: 1.4; }
    @media (min-width: 768px) {
      .blog .blog-post-body .blog-post {
        font-size: 16px; } }
    @media (min-width: 1366px) {
      .blog .blog-post-body .blog-post {
        font-size: 17px; } }
    @media (min-width: 1850px) {
      .blog .blog-post-body .blog-post {
        font-size: 18px; } }
    .blog .blog-post-body .blog-post a {
      color: #ff580d;
      text-decoration: underline;
      text-transform: capitalize;
      font-weight: 500; }
      .blog .blog-post-body .blog-post a:hover {
        color: #202738; }
  .blog .pagination, .blog .addthis_toolbox {
    margin: 20px 0 0; }
    @media (min-width: 1024px) {
      .blog .pagination, .blog .addthis_toolbox {
        margin: 25px 0 0; } }
    @media (min-width: 1366px) {
      .blog .pagination, .blog .addthis_toolbox {
        margin: 30px 0 0; } }
  .blog .tags {
    margin-top: 15px;
    margin-bottom: 0; }
    @media (min-width: 1024px) {
      .blog .tags {
        margin-top: 20px; } }
    @media (min-width: 1366px) {
      .blog .tags {
        margin-top: 25px; } }
    @media (min-width: 1850px) {
      .blog .tags {
        margin-top: 30px; } }
    .blog .tags .tag a {
      color: #ff580d;
      text-decoration: underline;
      text-transform: capitalize;
      font-weight: 600; }
      .blog .tags .tag a:hover {
        color: #202738; }

.blog + .blog {
  margin-top: 30px;
  padding-top: 30px; }
  @media (min-width: 1024px) {
    .blog + .blog {
      margin-top: 40px;
      padding-top: 40px; } }
  @media (min-width: 1850px) {
    .blog + .blog {
      margin-top: 50px;
      padding-top: 50px; } }

/******************* BLOG-LISTING PAGE & BLOG-DETAIL PAGE STYLE END *******************/
/******************* CONTACT-US PAGE STYLE START *******************/
#contact-us-page .form {
  margin: 10px 0 0; }
  @media (min-width: 768px) {
    #contact-us-page .form {
      margin: 20px 0 0; } }
  @media (min-width: 1024px) {
    #contact-us-page .form {
      margin: 30px 0 0; } }
  @media (min-width: 1850px) {
    #contact-us-page .form {
      margin: 40px 0 0; } }

#contact-us-page #contact-us-success {
  text-align: center; }
  #contact-us-page #contact-us-success a {
    color: #ff580d;
    text-decoration: underline; }
    #contact-us-page #contact-us-success a:hover {
      color: #202738; }

.g-recaptcha {
  overflow: hidden; }
  .g-recaptcha iframe {
    transform: scale(0.8);
    transform-origin: left; }
    @media (min-width: 1366px) {
      .g-recaptcha iframe {
        transform: scale(1); } }

/******************* CONTACT-US PAGE STYLE END *******************/
/******************* SITEMAP PAGE STYLE START *******************/
.sitemap-list {
  font-size: 0;
  margin-left: 0; }
  .sitemap-list .sitemap-label {
    margin: 10px 0; }
    @media (min-width: 768px) {
      .sitemap-list .sitemap-label {
        margin: 0 0 15px; } }
    @media (min-width: 1366px) {
      .sitemap-list .sitemap-label {
        margin: 0 0 20px; } }
  .sitemap-list .sitemap-item {
    width: 100%; }
    @media (min-width: 768px) {
      .sitemap-list .sitemap-item {
        width: 33.33%;
        vertical-align: top; } }
    .sitemap-list .sitemap-item .sitemap-links {
      text-transform: capitalize;
      display: block;
      margin: 0 0 10px 15px;
      position: relative;
      font-size: 15px;
      text-decoration: none; }
      @media (min-width: 1024px) {
        .sitemap-list .sitemap-item .sitemap-links {
          font-size: 16px; } }
      @media (min-width: 1850px) {
        .sitemap-list .sitemap-item .sitemap-links {
          font-size: 17px; } }
      .sitemap-list .sitemap-item .sitemap-links:before {
        position: absolute;
        font-family: "icomoon";
        content: '\e902';
        speak: none;
        font-weight: normal;
        font-variant: normal;
        text-transform: none;
        font-style: normal;
        line-height: 1;
        -webkit-font-smoothing: antialiased;
        font-size: 10px;
        top: 50%;
        left: -15px;
        transform: translateY(-50%) rotate(-90deg); }
    .sitemap-list .sitemap-item .sitemap-sub-list {
      margin-left: 15px; }

/******************* SITEMAP PAGE STYLE END *******************/
/******************* 404 ERROR PAGE STYLE START *******************/
.u-textAlignCenter {
  margin-bottom: 10px; }
  @media (min-width: 768px) {
    .u-textAlignCenter {
      margin-bottom: 15px; } }
  @media (min-width: 1366px) {
    .u-textAlignCenter {
      margin-bottom: 20px; } }

/******************* 404 ERROR PAGE STYLE END *******************/
/******************* LOGIN PAGE STYLE START *******************/
body.login {
  margin: 0;
  max-width: 100%; }

.login {
  margin: 0 auto; }
  .login .login-row {
    margin: 0 auto;
    max-width: 100%; }
    .login .login-row.account-disabled {
      max-width: 100%; }
      .login .login-row.account-disabled .login-form {
        width: 100%; }
      @media (min-width: 801px) {
        .login .login-row.account-disabled {
          max-width: 50%; } }
    .login .login-row .login-form {
      margin: 0; }
      @media (min-width: 768px) {
        .login .login-row .login-form {
          width: 50%;
          padding-left: 0; } }
      .login .login-row .login-form .form-actions {
        margin: 0 0 10px;
        text-align: left; }
        .login .login-row .login-form .form-actions .button {
          vertical-align: middle; }
        .login .login-row .login-form .form-actions .forgot-password {
          margin: 0 0 0 10px;
          vertical-align: middle;
          width: auto;
          text-decoration: none; }
    .login .login-row .new-customer {
      margin-top: 20px; }
      @media (min-width: 768px) {
        .login .login-row .new-customer {
          width: 50%;
          margin-top: 0;
          padding-right: 0; } }
      .login .login-row .new-customer .panel {
        background-color: #e9e9e9;
        padding: 15px; }
        @media (min-width: 1366px) {
          .login .login-row .new-customer .panel {
            padding: 20px; } }
        @media (min-width: 1850px) {
          .login .login-row .new-customer .panel {
            padding: 25px; } }
        .login .login-row .new-customer .panel .panel-header {
          padding: 0;
          background-color: transparent;
          margin-bottom: 10px; }
        .login .login-row .new-customer .panel .panel-body {
          margin: 0;
          border-top: none;
          background-color: transparent;
          padding: 0; }
          .login .login-row .new-customer .panel .panel-body .new-customer-intro {
            margin-bottom: 10px; }
          .login .login-row .new-customer .panel .panel-body .new-customer-fact-list {
            margin-bottom: 10px; }
            .login .login-row .new-customer .panel .panel-body .new-customer-fact-list .new-customer-fact {
              list-style-position: outside;
              list-style-type: disc;
              line-height: 1.4; }
          .login .login-row .new-customer .panel .panel-body .button {
            margin-bottom: 0; }

/******************* LOGIN PAGE STYLE END *******************/
/******************* CREATE ACCOUNT PAGE STYLE START *******************/
.account .account-body {
  margin: 0; }

/******************* CREATE ACCOUNT PAGE STYLE END *******************/
/******************* ACCOUNT CREATED PAGE STYLE START *******************/
.createaccount_thanks p {
  margin-bottom: 10px; }
  @media (min-width: 768px) {
    .createaccount_thanks p {
      margin-bottom: 15px; } }
  @media (min-width: 1366px) {
    .createaccount_thanks p {
      margin-bottom: 20px; } }

/******************* ACCOUNT CREATED PAGE STYLE START *******************/
/******************* FORGOT PASSWORD PAGE STYLE START *******************/
.forgot-password-form {
  margin: 10px 0 0; }
  @media (min-width: 768px) {
    .forgot-password-form {
      margin: 20px 0 0; } }
  @media (min-width: 1024px) {
    .forgot-password-form {
      margin: 30px 0 0; } }
  @media (min-width: 1850px) {
    .forgot-password-form {
      margin: 40px 0 0; } }

/******************* FORGOT PASSWORD PAGE STYLE END *******************/
/******************* RESET PASSWORD PAGE STYLE START *******************/
.forgotpassword .account--fixedSmall {
  width: 100%; }
  .forgotpassword .account--fixedSmall .form-prefixPostfix .form-input {
    flex: unset; }
    @media (min-width: 1366px) {
      .forgotpassword .account--fixedSmall .form-prefixPostfix .form-input {
        flex: 1;
        width: 100%; } }
  .forgotpassword .account--fixedSmall .form-prefixPostfix .button {
    margin: 10px auto 0; }
    @media (min-width: 1366px) {
      .forgotpassword .account--fixedSmall .form-prefixPostfix .button {
        margin: 0 0 0 10px; } }

/******************* RESET PASSWORD PAGE STYLE END *******************/
/******************* COMMON WEB PAGE STYLE START *******************/
body.page .page-content ul {
  list-style-position: inherit; }

body.page .page-content--centered {
  padding-left: 0;
  padding-right: 0;
  width: 100%; }

/******************* COMMON WEB PAGE STYLE END *******************/
/******************* ALERT BOX STYLE START *******************/
.alertBox--info {
  color: #333333;
  background-color: #e9e9e9;
  border: 1px solid #e1e1e1;
  border-radius: 0;
  margin-bottom: 1.5rem; }
  .alertBox--info svg {
    fill: #333333; }

/******************* ALERT BOX STYLE END *******************/
/******************* ACCOUNT PAGES STYLE START *******************/
.account-body .account-heading {
  display: none; }

.account-sidebar-block .account-heading {
  display: block; }

.account-sidebar-block + .account-sidebar-block {
  margin-top: 1.5rem; }

.account-heading {
  border-bottom: none;
  font-size: 24px; }
  @media (min-width: 801px) {
    .account-heading {
      display: block; } }
  @media (min-width: 1024px) {
    .account-heading {
      font-size: 26px; } }
  @media (min-width: 1850px) {
    .account-heading {
      font-size: 28px; } }

.panel--address {
  border: 1px solid #e1e1e1;
  margin: 0 0 15px; }
  @media (min-width: 551px) {
    .panel--address {
      margin: 0; } }
  .panel--address .panel-body {
    border: none;
    margin: 0; }
    .panel--address .panel-body .address-details .address-label {
      color: #333333; }
  .panel--address .form-actions .button + .button {
    margin-left: 10px; }

.address-title {
  text-transform: capitalize; }

.address-details li {
  line-height: 1.4; }

.account_recentitems .productGrid {
  display: flex;
  flex-wrap: wrap; }
  .account_recentitems .productGrid .product {
    height: auto;
    width: 100%; }
    @media (min-width: 551px) {
      .account_recentitems .productGrid .product {
        width: 50%; } }
    @media (min-width: 768px) {
      .account_recentitems .productGrid .product {
        width: 33.33%; } }
    @media (min-width: 1024px) {
      .account_recentitems .productGrid .product {
        width: 25%; } }
    @media (min-width: 1366px) {
      .account_recentitems .productGrid .product {
        width: 20%; } }
    .account_recentitems .productGrid .product .card {
      height: 100%; }

.wishlist .productGrid {
  display: flex;
  flex-wrap: wrap; }
  .wishlist .productGrid .product {
    height: auto;
    padding-bottom: 90px;
    width: 100%; }
    @media (min-width: 551px) {
      .wishlist .productGrid .product {
        width: 50%; } }
    @media (min-width: 768px) {
      .wishlist .productGrid .product {
        width: 33.33%; } }
    @media (min-width: 1024px) {
      .wishlist .productGrid .product {
        width: 25%; } }
    @media (min-width: 1366px) {
      .wishlist .productGrid .product {
        width: 20%; } }
    @media (min-width: 1850px) {
      .wishlist .productGrid .product {
        padding-bottom: 105px; } }
    .wishlist .productGrid .product .card {
      height: 100%; }
    .wishlist .productGrid .product .form {
      text-align: center;
      margin: 20px 0 0; }
      .wishlist .productGrid .product .form .button {
        margin-bottom: 0; }

.wishlist .account .share-wishlist {
  display: block;
  width: 100%;
  margin: 0 auto 15px; }
  @media (min-width: 801px) {
    .wishlist .account .share-wishlist {
      margin: 0 auto 25px; } }
  .wishlist .account .share-wishlist .panel-body h5 {
    margin-bottom: 10px; }
    @media (min-width: 1024px) {
      .wishlist .account .share-wishlist .panel-body h5 {
        margin-bottom: 15px; } }
    @media (min-width: 1366px) {
      .wishlist .account .share-wishlist .panel-body h5 {
        margin-bottom: 20px; } }

.wishlists .form-actions .button, .shippingaddressform .form-actions .button {
  margin-top: 0; }

.wishlists table tr td, .shippingaddressform table tr td {
  border: none; }

.wishlists .table--line tr td + td {
  padding-left: 0.5rem; }
  @media (min-width: 768px) {
    .wishlists .table--line tr td + td {
      padding-left: 1.5rem; } }

.account-list .account-listItem .account-product .account-product-figure:after {
  padding-bottom: 0; }

.account-list .account-listItem .account-product .account-product-body .account-orderStatus .account-orderStatus-label {
  color: #202738;
  background-color: #e9e9e9; }

.account-list .account-listItem .account-product .account-product-body .account-orderStatus .account-orderStatus-action {
  margin-left: 0;
  color: #202738; }
  .account-list .account-listItem .account-product .account-product-body .account-orderStatus .account-orderStatus-action:hover {
    color: #ff580d; }

.account-list .account-listItem .account-product .account-product-body .account-product-title a {
  text-decoration: underline; }

.account-list .account-listItem .account-product .account-product-body .account-product-description {
  margin-bottom: 20px; }

.account-list .account-listItem .account-product .account-product-body .account-product-description + .definitionList {
  margin-top: 0; }

.account-list .account-listItem .account-product .account-product-body .account-product-details .account-product-detail .account-product-detail-heading {
  color: #010101; }

.account-list .account-listItem:first-child {
  padding-top: 0; }

.account_new_return .table {
  margin: 0 0 20px; }
  @media (min-width: 1024px) {
    .account_new_return .table {
      margin: 0 0 30px; } }
  @media (min-width: 1850px) {
    .account_new_return .table {
      margin: 0 0 40px; } }
  .account_new_return .table .return-itemPrice {
    margin: 10px 0; }
  .account_new_return .table tr td {
    border: none; }

.account_inbox .send-msg {
  margin-bottom: 10px; }
  @media (min-width: 1024px) {
    .account_inbox .send-msg {
      margin-bottom: 15px; } }

.account_inbox .account-list {
  margin-bottom: 10px; }
  @media (min-width: 1024px) {
    .account_inbox .account-list {
      margin-bottom: 15px; } }
  @media (min-width: 1850px) {
    .account_inbox .account-list {
      margin-bottom: 20px; } }
  .account_inbox .account-list .account-listItem {
    padding: 1.5rem 0 3rem; }
    @media (min-width: 551px) {
      .account_inbox .account-list .account-listItem {
        padding: 1.5rem 0; } }
    .account_inbox .account-list .account-listItem .account-orderStatus {
      bottom: 20px; }
      @media (min-width: 551px) {
        .account_inbox .account-list .account-listItem .account-orderStatus {
          bottom: 0; } }
  .account_inbox .account-list .account-message .account-product-title {
    color: #202738;
    font-weight: 400; }
  .account_inbox .account-list .account-message p {
    color: #333333;
    margin-bottom: 0; }

.account_inbox .form-actions .button {
  margin-top: 0; }

.account-orderTotal .account-orderTotal-key {
  font-weight: 500;
  color: #202738;
  font-size: 15px; }
  @media (min-width: 1366px) {
    .account-orderTotal .account-orderTotal-key {
      font-size: 16px; } }

.account-orderTotal .account-orderTotal-value {
  font-size: 18px;
  color: #5e5e5e;
  font-weight: 700; }
  @media (min-width: 768px) {
    .account-orderTotal .account-orderTotal-value {
      font-size: 20px; } }
  @media (min-width: 1850px) {
    .account-orderTotal .account-orderTotal-value {
      font-size: 22px; } }

/******************* ACCOUNT PAGES STYLE END *******************/
/******************* ORDER DETAILES PAGE STYLE START *******************/
.account_order .account-body .account-heading {
  margin-bottom: 0; }

.account_order .account-body .account-content .definitionList .definitionList-value {
  float: left; }
  @media (min-width: 551px) {
    .account_order .account-body .account-content .definitionList .definitionList-value {
      float: none; } }

.account_order .account-body .account-content .account-orderTotal {
  width: 100%; }
  @media (min-width: 551px) {
    .account_order .account-body .account-content .account-orderTotal {
      width: 66.66667%; } }

.account_order .account-body .definitionList {
  margin-bottom: 0;
  font-size: 0; }
  .account_order .account-body .definitionList .definitionList-key {
    color: #202738; }
  .account_order .account-body .definitionList .definitionList-value,
  .account_order .account-body .definitionList .definitionList-key {
    margin: 0 0px 5px 0;
    font-size: 15px;
    display: inline-block;
    vertical-align: middle;
    width: 50%; }
    @media (min-width: 1024px) {
      .account_order .account-body .definitionList .definitionList-value,
      .account_order .account-body .definitionList .definitionList-key {
        margin: 0 0px 10px 0; } }
    @media (min-width: 1366px) {
      .account_order .account-body .definitionList .definitionList-value,
      .account_order .account-body .definitionList .definitionList-key {
        font-size: 16px;
        margin: 0 0px 1.5rem 0; } }
  .account_order .account-body .definitionList .definitionList-value {
    color: #333333;
    font-weight: 500; }
  .account_order .account-body .definitionList .order-payments-description {
    display: inline-block;
    vertical-align: top;
    width: 50%;
    margin: 0 0px 1.5rem 0;
    color: #202738;
    font-size: 15px; }
    @media (min-width: 1366px) {
      .account_order .account-body .definitionList .order-payments-description {
        font-size: 16px; } }
  .account_order .account-body .definitionList .order-payments-value {
    display: inline-block;
    vertical-align: top;
    width: 50%;
    font-size: 15px; }
    @media (min-width: 1366px) {
      .account_order .account-body .definitionList .order-payments-value {
        font-size: 16px; } }

.account_order .account-body .account-orderTotal {
  margin: 0; }
  .account_order .account-body .account-orderTotal .account-orderTotal-key {
    color: #333333;
    font-weight: 700; }

.account_order .navBar--sub .navBar-item.is-active > .navBar-action {
  color: #ff580d; }

.account_order .account-product-body {
  padding-bottom: 0; }

/******************* ORDER DETAILES PAGE STYLE END *******************/
/******************* ORDER RETURNS ITEM PAGE STYLE START *******************/
.account_new_return .account-body .account-content table .table-tbody .return-itemName .return-itemTitle {
  font-weight: 700; }

.account_new_return .account-body .account-content table .table-tbody .definitionList {
  margin: 0.75rem 0; }
  @media (min-width: 1024px) {
    .account_new_return .account-body .account-content table .table-tbody .definitionList {
      margin: 1.5rem 0; } }
  .account_new_return .account-body .account-content table .table-tbody .definitionList .definitionList-label,
  .account_new_return .account-body .account-content table .table-tbody .definitionList .definitionList-description {
    display: inline-block;
    vertical-align: middle;
    margin: 0; }

/******************* ORDER RETURNS ITEM PAGE STYLE END *******************/
/******************* ORDER RETURNS  PAGE STYLE START *******************/
.account_returns .account-list .account-listItem:last-child {
  border-bottom: none; }

.account_returns .account-list .account-listItem .account-product .account-product-body .account-product-detail--full span {
  line-height: 1.5; }

.account_returns .account-list .account-listItem .account-product .account-product-body .definitionList-key {
  color: #202738; }

.account_returns .account-list .account-listItem .account-product .account-product-body .definitionList-value,
.account_returns .account-list .account-listItem .account-product .account-product-body .definitionList-key {
  margin: 5px 5px 5px 0;
  font-size: 15px; }
  @media (min-width: 1024px) {
    .account_returns .account-list .account-listItem .account-product .account-product-body .definitionList-value,
    .account_returns .account-list .account-listItem .account-product .account-product-body .definitionList-key {
      margin: 10px 10px 10px 0; } }
  @media (min-width: 1366px) {
    .account_returns .account-list .account-listItem .account-product .account-product-body .definitionList-value,
    .account_returns .account-list .account-listItem .account-product .account-product-body .definitionList-key {
      font-size: 16px;
      margin: 10px 10px 1.5rem 0; } }

.account_returns .account-list .account-listItem .account-product .account-product-body .definitionList-value {
  color: #333333;
  font-weight: 500; }

/******************* ORDER RETURNS  PAGE STYLE END *******************/
/******************* ORDER STATUS PAGE STYLE START *******************/
.account_orderstatus .account-content .account-list .account-listItem:last-child {
  border-bottom: none; }

.account_orderstatus .account-content .account-list .account-listItem .account-product .account-product-body .account-orderStatus .account-orderStatus-label {
  vertical-align: middle;
  margin: 0; }
  @media (min-width: 551px) {
    .account_orderstatus .account-content .account-list .account-listItem .account-product .account-product-body .account-orderStatus .account-orderStatus-label {
      margin: 0 0 0.35714rem; } }

.account_orderstatus .account-content .account-list .account-listItem .account-product .account-product-body .account-orderStatus .account-orderStatus-action {
  vertical-align: middle; }

/******************* ORDER STATUS PAGE STYLE END *******************/
/******************* ACCCOUNT MESSAGE PAGE STYLE START *******************/
.account_addressbook .addressList .address {
  margin-bottom: 1.5rem; }
  @media (min-width: 551px) {
    .account_addressbook .addressList .address .panel--address .form-actions {
      position: inherit; } }

/******************* ACCCOUNT MESSAGE PAGE STYLE END *******************/
/******************* GIFT CERTIFICATE PAGES STYLE START *******************/
.giftcertificates .form-actions .button + .button {
  display: block;
  margin-left: auto;
  margin-right: auto; }
  @media (min-width: 551px) {
    .giftcertificates .form-actions .button + .button {
      display: inline-block;
      margin-left: 0.75rem;
      margin-right: 0; } }

.giftcertificates_redeem h3, .giftcertificates_redeem p, .giftcertificates_balance h3, .giftcertificates_balance p {
  margin-bottom: 10px; }
  @media (min-width: 1024px) {
    .giftcertificates_redeem h3, .giftcertificates_redeem p, .giftcertificates_balance h3, .giftcertificates_balance p {
      margin-bottom: 15px; } }
  @media (min-width: 1850px) {
    .giftcertificates_redeem h3, .giftcertificates_redeem p, .giftcertificates_balance h3, .giftcertificates_balance p {
      margin-bottom: 20px; } }

.giftcertificates_redeem li, .giftcertificates_balance li {
  margin-bottom: 10px; }

/******************* GIFT CERTIFICATE PAGES STYLE END *******************/
/******************* WRITE REVIEW POPUP STYLE START *******************/
.writeReview-productDetails .product-brand {
  margin: 10px 0;
  color: #a0a19e;
  font-size: 16px; }
  @media (min-width: 1024px) {
    .writeReview-productDetails .product-brand {
      font-size: 17px; } }
  @media (min-width: 1850px) {
    .writeReview-productDetails .product-brand {
      font-size: 18px; } }

.writeReview-productDetails .product-title {
  font-family: "Roboto Slab";
  font-weight: 700;
  color: #333333;
  font-size: 20px;
  margin: 0 0 10px; }
  @media (min-width: 1024px) {
    .writeReview-productDetails .product-title {
      font-size: 24px;
      margin: 0 0 15px; } }
  @media (min-width: 1366px) {
    .writeReview-productDetails .product-title {
      font-size: 25px;
      margin: 0 0 20px; } }
  @media (min-width: 1850px) {
    .writeReview-productDetails .product-title {
      font-size: 26px;
      margin: 0 0 25px; } }

.writeReview-productDetails .writeReview-productImage-container:after {
  padding-bottom: 100%; }

/******************* WRITE REVIEW POPUP STYLE END *******************/
/******************* ADD TO CART POPUP STYLE START *******************/
@media (min-width: 801px) {
  #previewModal .modal-body .previewCart .previewCartCheckout {
    width: 100%;
    float: none;
    display: block;
    max-width: 400px;
    margin: 0 auto 20px; } }

@media (min-width: 1261px) {
  #previewModal .modal-body .previewCart .previewCartCheckout {
    width: 25%;
    float: right;
    max-width: 100%;
    margin: 0; } }

#previewModal .modal-body .previewCart .previewCartCheckout .previewCartCheckout-subtotal {
  line-height: 1;
  margin: 10px 0; }
  @media (min-width: 1850px) {
    #previewModal .modal-body .previewCart .previewCartCheckout .previewCartCheckout-subtotal {
      margin: 15px 0; } }
  #previewModal .modal-body .previewCart .previewCartCheckout .previewCartCheckout-subtotal strong {
    margin: 10px 0 0;
    line-height: 1; }
    @media (min-width: 1850px) {
      #previewModal .modal-body .previewCart .previewCartCheckout .previewCartCheckout-subtotal strong {
        margin: 15px 0 0; } }

#previewModal .modal-body .previewCart .previewCartCheckout p {
  margin: 0 0 10px;
  line-height: 1; }
  @media (min-width: 1850px) {
    #previewModal .modal-body .previewCart .previewCartCheckout p {
      margin: 0 0 15px; } }

@media (min-width: 801px) {
  #previewModal .modal-body .previewCart .productView {
    width: 100%; } }

@media (min-width: 1261px) {
  #previewModal .modal-body .previewCart .productView {
    width: 75%; } }

#previewModal .modal-body .previewCart .productView .productView-img-container:after {
  padding-bottom: 100%; }

#previewModal .modal-body .previewCart .productView .productView-details .productView-brand {
  margin: 0 0 10px;
  color: #a0a19e;
  font-size: 16px; }
  #previewModal .modal-body .previewCart .productView .productView-details .productView-brand:hover {
    color: #ff580d; }
  @media (min-width: 1024px) {
    #previewModal .modal-body .previewCart .productView .productView-details .productView-brand {
      font-size: 17px; } }
  @media (min-width: 1850px) {
    #previewModal .modal-body .previewCart .productView .productView-details .productView-brand {
      font-size: 18px;
      margin: 0 0 15px; } }

#previewModal .modal-body .previewCart .productView .productView-details .productView-price {
  color: #ff580d;
  font-weight: bold;
  font-size: 20px;
  margin-right: 4px;
  order: 3; }
  @media (min-width: 551px) {
    #previewModal .modal-body .previewCart .productView .productView-details .productView-price {
      margin-right: 10px; } }
  @media (min-width: 1024px) {
    #previewModal .modal-body .previewCart .productView .productView-details .productView-price {
      font-size: 22px; } }
  @media (min-width: 1366px) {
    #previewModal .modal-body .previewCart .productView .productView-details .productView-price {
      font-size: 22px;
      margin-right: 8px; } }
  @media (min-width: 1850px) {
    #previewModal .modal-body .previewCart .productView .productView-details .productView-price {
      font-size: 26px;
      margin-right: 15px; } }

#previewModal .modal-body .suggestiveCart .productGrid {
  display: flex;
  flex-wrap: wrap;
  margin-top: 10px; }
  @media (min-width: 1024px) {
    #previewModal .modal-body .suggestiveCart .productGrid {
      margin-top: 15px; } }
  @media (min-width: 1366px) {
    #previewModal .modal-body .suggestiveCart .productGrid {
      margin-top: 20px; } }
  #previewModal .modal-body .suggestiveCart .productGrid .product {
    height: auto; }
    #previewModal .modal-body .suggestiveCart .productGrid .product .card {
      height: 100%; }

/******************* ADD TO CART POPUP STYLE END *******************/
/******************* QUICK VIEW POPUP STYLE START *******************/
.quickView .product-usp .usp-list .usp-list-item {
  width: 100%;
  padding: 5px; }
  @media (min-width: 801px) {
    .quickView .product-usp .usp-list .usp-list-item {
      width: 50%; } }
  @media (min-width: 1366px) {
    .quickView .product-usp .usp-list .usp-list-item {
      width: 25%;
      padding: 0 10px; } }
  @media (min-width: 1850px) {
    .quickView .product-usp .usp-list .usp-list-item .usp-element {
      padding: 20px 10px; } }

.quickView .productView-details .productView-product .price-rating {
  display: block; }
  .quickView .productView-details .productView-product .price-rating .productView-price {
    display: block;
    width: 100%; }
  .quickView .productView-details .productView-product .price-rating .productView-rating {
    display: block;
    width: 100%;
    margin-top: 10px;
    text-align: left; }
    @media (min-width: 1366px) {
      .quickView .productView-details .productView-product .price-rating .productView-rating {
        margin-top: 15px; } }

@media (min-width: 1024px) {
  .quickView .productView-options .product-purchase-section {
    display: inline-block; } }

.quickView .productView-options .product-purchase-section .form-field--increments .form-increment .form-input--incrementTotal {
  font-size: 15px;
  width: 2.25rem; }
  @media (min-width: 1850px) {
    .quickView .productView-options .product-purchase-section .form-field--increments .form-increment .form-input--incrementTotal {
      font-size: 16px; } }

@media (min-width: 1850px) {
  .quickView .productView-options .product-purchase-section .form-field--increments {
    margin: 0 8px 0 0; } }

.quickView .productView-options .product-purchase-section .form-action {
  display: block;
  margin: 20px 0 0;
  width: 40%; }
  @media (min-width: 801px) {
    .quickView .productView-options .product-purchase-section .form-action {
      width: auto;
      padding: 0;
      display: inline-block;
      margin: 0; } }
  @media (min-width: 1024px) {
    .quickView .productView-options .product-purchase-section .form-action {
      display: block;
      padding: 0 4px 0 0;
      margin: 20px 0 0; } }
  @media (min-width: 1366px) {
    .quickView .productView-options .product-purchase-section .form-action {
      margin: 0;
      padding: 0;
      display: inline-block; } }
  .quickView .productView-options .product-purchase-section .form-action #form-action-addToCart {
    font-size: 15px; }
    @media (min-width: 1850px) {
      .quickView .productView-options .product-purchase-section .form-action #form-action-addToCart {
        font-size: 16px; } }

@media (min-width: 1850px) {
  .quickView .productView-options .product-purchase-section {
    padding: 0 8px 0 0; } }

.quickView .productView-options .form-wishlist {
  display: inline-block;
  vertical-align: bottom;
  padding: 0; }
  .quickView .productView-options .form-wishlist .dropdown-menu-button span {
    font-size: 15px; }
    @media (min-width: 1850px) {
      .quickView .productView-options .form-wishlist .dropdown-menu-button span {
        font-size: 16px; } }
  @media (min-width: 1850px) {
    .quickView .productView-options .form-wishlist .dropdown-menu-button {
      padding: 12px 30px; } }

.modal {
  z-index: 10005; }

/******************* QUICK VIEW POPUP STYLE END *******************/
/******************* CART PAGE STYLE START *******************/
body.cart .page {
  margin: -0.75rem; }

body.cart .cart-header {
  background-color: #ff4800; }
  body.cart .cart-header .cart-header-item {
    color: white;
    padding: 10px; }

body.cart tbody tr td {
  border: none;
  padding: 0;
  text-align: left; }

body.cart .definitionList {
  margin: 0 0 10px;
  display: inline-block;
  width: 100%; }
  body.cart .definitionList .definitionList-key {
    margin: 0;
    font-weight: 500;
    color: #202738;
    display: inline-block;
    vertical-align: middle;
    font-size: 15px;
    width: 110px; }
    @media (min-width: 768px) {
      body.cart .definitionList .definitionList-key {
        width: 120px; } }
    @media (min-width: 1366px) {
      body.cart .definitionList .definitionList-key {
        font-size: 16px; } }
  body.cart .definitionList .definitionList-value {
    margin: 0;
    color: #333333;
    display: inline-block;
    vertical-align: middle;
    font-size: 14px; }
    @media (min-width: 1850px) {
      body.cart .definitionList .definitionList-value {
        font-size: 16px; } }
  @media (min-width: 1366px) {
    body.cart .definitionList {
      margin: 0 0 15px; } }
  @media (min-width: 1850px) {
    body.cart .definitionList {
      margin: 0 0 20px; } }

body.cart .change-item-option {
  font-weight: 400;
  margin-top: 10px; }

@media (min-width: 801px) {
  body.cart .cart-item-quantity {
    text-align: center; } }

body.cart .cart-item-quantity .form-increment {
  border: 1px solid #e1e1e1;
  border-radius: 50px;
  padding: 5px 10px; }
  body.cart .cart-item-quantity .form-increment .button {
    border: none;
    padding: 0; }
    body.cart .cart-item-quantity .form-increment .button svg {
      fill: #a1a1a1; }
  @media (min-width: 768px) {
    body.cart .cart-item-quantity .form-increment {
      padding: 8px 16px; } }
  @media (min-width: 1366px) {
    body.cart .cart-item-quantity .form-increment {
      padding: 10px 20px; } }
  body.cart .cart-item-quantity .form-increment .form-input--incrementTotal {
    color: #333333;
    font-size: 15px; }

@media (min-width: 801px) {
  body.cart .cart-header-quantity {
    text-align: center; } }

body.cart .cart-remove {
  margin-top: 0;
  background-color: #ff4800;
  border: 1px solid #ff4800; }
  body.cart .cart-remove svg {
    fill: white; }
  body.cart .cart-remove:hover {
    background-color: transparent; }
    body.cart .cart-remove:hover svg {
      fill: #ff580d; }

body.cart .cart-totals {
  width: 100%; }
  body.cart .cart-totals .cart-total .cart-total-label {
    color: #333333;
    font-size: 16px;
    width: 41%;
    text-align: left;
    padding-left: 0;
    float: left; }
  body.cart .cart-totals .cart-total .cart-total-value {
    float: right;
    font-size: 16px; }
    body.cart .cart-totals .cart-total .cart-total-value button {
      color: #202738; }
      body.cart .cart-totals .cart-total .cart-total-value button:hover {
        color: #ff580d; }
  @media (min-width: 768px) {
    body.cart .cart-totals {
      width: 58.33333%; } }
  @media (min-width: 1366px) {
    body.cart .cart-totals {
      width: 41.66667%; } }

body.cart .cart-form .form .form-input {
  width: 73%; }
  @media (min-width: 551px) {
    body.cart .cart-form .form .form-input {
      width: 78%;
      height: 32px; } }
  @media (min-width: 768px) {
    body.cart .cart-form .form .form-input {
      height: 36px; } }
  @media (min-width: 1850px) {
    body.cart .cart-form .form .form-input {
      height: 40px; } }

body.cart .cart-form .form .button {
  width: 25%;
  float: right; }
  @media (min-width: 551px) {
    body.cart .cart-form .form .button {
      width: 20%; } }

body.cart .estimator-form dl {
  margin-bottom: 0; }

body.cart .cart-item-info {
  margin-top: 0.75rem; }
  @media (min-width: 551px) {
    body.cart .cart-item-info {
      margin-top: 0; } }

@media (min-width: 551px) {
  body.cart .cart-item-info + .cart-item-info {
    margin-top: 0; } }

@media (min-width: 801px) {
  body.cart .cart-item-block.cart-item-figure {
    width: 12%; } }

body.cart .cart-item-block.cart-item-figure .cart-item-fixed-image {
  max-width: 100px;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto; }
  @media (min-width: 801px) {
    body.cart .cart-item-block.cart-item-figure .cart-item-fixed-image {
      margin-left: 0; } }

body.cart .cart-item-block.cart-item-title {
  padding: 0 0 0 1.5rem; }
  @media (min-width: 801px) {
    body.cart .cart-item-block.cart-item-title {
      padding: 1.5rem; } }

body.cart .cart-item-block .cart-item-name {
  margin: 0 0 10px; }
  @media (min-width: 1366px) {
    body.cart .cart-item-block .cart-item-name {
      margin: 0 0 15px; } }
  body.cart .cart-item-block .cart-item-name a {
    text-decoration: none; }

body.cart .cart-item-block .cart-item-label {
  font-weight: 700;
  margin-bottom: 10px; }
  @media (min-width: 801px) {
    body.cart .cart-item-block .cart-item-label {
      margin-bottom: 0; } }

@media (min-width: 551px) {
  body.cart .cart-actions .button {
    width: 100%;
    float: none;
    max-width: 320px;
    margin: 0 auto;
    display: block; } }

@media (min-width: 768px) {
  body.cart .cart-actions .button {
    float: right;
    width: auto; } }

body.cart .modal-body p {
  margin-bottom: 1.5rem; }

body.cart .modal-content .form-actions {
  margin-bottom: 1.5rem; }

body.cart .cart-item-options--giftWrapping {
  margin-bottom: 0; }
  body.cart .cart-item-options--giftWrapping .cart-item-option-description {
    margin-bottom: 0; }
    body.cart .cart-item-options--giftWrapping .cart-item-option-description .cart-item-option-actions {
      display: block; }
      @media (min-width: 551px) {
        body.cart .cart-item-options--giftWrapping .cart-item-option-description .cart-item-option-actions {
          display: inline-block; } }

/******************* CART PAGE STYLE END *******************/
/******************* COMPARE PAGE STYLE START *******************/
.compare .card:hover {
  box-shadow: none;
  border-color: #e1e1e1; }
  .compare .card:hover .card-figure .card-img-container .card-image {
    transform: none; }
  .compare .card:hover .card-body {
    border-top: 1px solid transparent;
    height: auto;
    background-color: white;
    transform: none; }

.custowithscroll_pro {
  max-width: 100%;
  width: 100%;
  overflow-x: scroll; }
  .custowithscroll_pro .compareTable tbody .compareTable-row:first-child .compareTable-heading, .custowithscroll_pro .compareTable tbody .compareTable-row:first-child .compareTable-product, .custowithscroll_pro .compareTable tbody .compareTable-row:first-child .compareTable-item, .custowithscroll_pro .compareTable tbody .compareTable-row:last-child .compareTable-heading, .custowithscroll_pro .compareTable tbody .compareTable-row:last-child .compareTable-product, .custowithscroll_pro .compareTable tbody .compareTable-row:last-child .compareTable-item {
    border-bottom: none; }
  .custowithscroll_pro .compareTable tbody .compareTable-row .compareTable-heading, .custowithscroll_pro .compareTable tbody .compareTable-row .compareTable-product, .custowithscroll_pro .compareTable tbody .compareTable-row .compareTable-action, .custowithscroll_pro .compareTable tbody .compareTable-row .compareTable-item {
    letter-spacing: 0.5px;
    border: none;
    border-bottom: 1px solid #e1e1e1;
    text-align: left;
    width: 200px; }
    @media (min-width: 551px) {
      .custowithscroll_pro .compareTable tbody .compareTable-row .compareTable-heading, .custowithscroll_pro .compareTable tbody .compareTable-row .compareTable-product, .custowithscroll_pro .compareTable tbody .compareTable-row .compareTable-action, .custowithscroll_pro .compareTable tbody .compareTable-row .compareTable-item {
        width: 280px; } }
    @media (min-width: 801px) {
      .custowithscroll_pro .compareTable tbody .compareTable-row .compareTable-heading, .custowithscroll_pro .compareTable tbody .compareTable-row .compareTable-product, .custowithscroll_pro .compareTable tbody .compareTable-row .compareTable-action, .custowithscroll_pro .compareTable tbody .compareTable-row .compareTable-item {
        width: 300px; } }
    @media (min-width: 1850px) {
      .custowithscroll_pro .compareTable tbody .compareTable-row .compareTable-heading, .custowithscroll_pro .compareTable tbody .compareTable-row .compareTable-product, .custowithscroll_pro .compareTable tbody .compareTable-row .compareTable-action, .custowithscroll_pro .compareTable tbody .compareTable-row .compareTable-item {
        width: 320px; } }
  .custowithscroll_pro .compareTable tbody .compareTable-row .compareTable-heading {
    font-weight: 700;
    background-color: transparent;
    width: auto; }
    @media (min-width: 801px) {
      .custowithscroll_pro .compareTable tbody .compareTable-row .compareTable-heading .compareTable-headingText {
        right: 0;
        line-height: 1; } }
    @media (min-width: 801px) {
      .custowithscroll_pro .compareTable tbody .compareTable-row .compareTable-heading {
        width: 300px; } }
    @media (min-width: 1850px) {
      .custowithscroll_pro .compareTable tbody .compareTable-row .compareTable-heading {
        width: 320px; } }
  .custowithscroll_pro .compareTable tbody .compareTable-row .compareTable-product {
    background-color: transparent; }
    .custowithscroll_pro .compareTable tbody .compareTable-row .compareTable-product .card:hover .card-body {
      transform: none;
      margin-bottom: 0; }
    .custowithscroll_pro .compareTable tbody .compareTable-row .compareTable-product .card .card-body .price-section {
      font-family: "Roboto Slab";
      font-size: 16px;
      color: #bababa;
      margin-right: 4px; }
      @media (min-width: 768px) {
        .custowithscroll_pro .compareTable tbody .compareTable-row .compareTable-product .card .card-body .price-section {
          font-size: 17px; } }
      @media (min-width: 1024px) {
        .custowithscroll_pro .compareTable tbody .compareTable-row .compareTable-product .card .card-body .price-section {
          margin-right: 5px; } }
      @media (min-width: 1850px) {
        .custowithscroll_pro .compareTable tbody .compareTable-row .compareTable-product .card .card-body .price-section {
          font-size: 18px; } }
      .custowithscroll_pro .compareTable tbody .compareTable-row .compareTable-product .card .card-body .price-section:last-child {
        margin-right: 0; }
      .custowithscroll_pro .compareTable tbody .compareTable-row .compareTable-product .card .card-body .price-section.actual-price {
        font-size: 18px;
        color: #5e5e5e;
        font-weight: 700; }
        @media (min-width: 768px) {
          .custowithscroll_pro .compareTable tbody .compareTable-row .compareTable-product .card .card-body .price-section.actual-price {
            font-size: 20px; } }
        @media (min-width: 1850px) {
          .custowithscroll_pro .compareTable tbody .compareTable-row .compareTable-product .card .card-body .price-section.actual-price {
            font-size: 22px; } }
  .custowithscroll_pro .compareTable tbody .compareTable-row .compareTable-removeProduct {
    width: 20px;
    height: 20px;
    top: 10px;
    right: 10px;
    background-color: #ff4800;
    border: 1px solid #ff4800; }
    .custowithscroll_pro .compareTable tbody .compareTable-row .compareTable-removeProduct .icon {
      fill: white;
      height: 14px;
      width: 14px;
      margin-top: 0;
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%); }
    .custowithscroll_pro .compareTable tbody .compareTable-row .compareTable-removeProduct:hover {
      background-color: transparent; }
      .custowithscroll_pro .compareTable tbody .compareTable-row .compareTable-removeProduct:hover .icon {
        fill: #ff580d; }

/******************* COMPARE PAGE STYLE END ******************/
/* Update 1.3.1 Added switch for mobile menu */
.desktop-menu {
  border-top: none !important;
  display: none !important; }
  @media only screen and (min-width: 1024px) {
    .desktop-menu {
      display: inline-block !important; } }

.mobile-menu {
  border-top: none !important;
  display: none !important; }
  @media only screen and (max-width: 1023px) {
    .mobile-menu {
      display: block !important; } }

.alertBox--error {
  margin-top: 10px; }

/* Update 1.3.2 Call for Price styling */
.call-for-price-label {
  font-size: 18px;
  color: #ff580d;
  font-weight: 500;
  margin-bottom: 15px;
  display: inline-block; }

/*Account Pagination Start*/
.account .pagination .pagination-list {
  text-align: center; }

/*Account Pagination End*/
/* for navPages */
.navPages-container {
  background-color: #fffce9; }
  @media (min-width: 1024px) {
    .navPages-container {
      background-color: #434343; } }
  .navPages-container .navPages {
    max-width: 100%;
    padding: 1.5rem 1.5rem 5rem; }
    .navPages-container .navPages .navPages-list .navPages-item {
      font-size: 0; }
      .navPages-container .navPages .navPages-list .navPages-item .navPages-action {
        width: calc(100% - 30px);
        padding: 0.75rem 0;
        font-family: "Montserrat";
        font-size: 12px;
        color: #fafafd;
        font-weight: 600;
        display: inline-block; }
        @media (min-width: 768px) {
          .navPages-container .navPages .navPages-list .navPages-item .navPages-action.on-sale {
            color: #fafafd; } }
        @media (min-width: 1024px) {
          .navPages-container .navPages .navPages-list .navPages-item .navPages-action.on-sale {
            color: black; } }
        .navPages-container .navPages .navPages-list .navPages-item .navPages-action.on-sale:hover {
          color: #ff580d; }
        .navPages-container .navPages .navPages-list .navPages-item .navPages-action.has-subMenu.is-open {
          color: #ff580d;
          opacity: 1; }
        .navPages-container .navPages .navPages-list .navPages-item .navPages-action.has-subMenu .navPages-action-moreIcon {
          display: none; }
          @media (min-width: 1024px) {
            .navPages-container .navPages .navPages-list .navPages-item .navPages-action.has-subMenu .navPages-action-moreIcon {
              display: block;
              height: auto;
              width: auto;
              margin-left: 0;
              position: absolute;
              top: 50%;
              transform: translateY(-50%);
              right: 10px; } }
          @media (min-width: 1366px) {
            .navPages-container .navPages .navPages-list .navPages-item .navPages-action.has-subMenu .navPages-action-moreIcon {
              right: 15px; } }
        @media (min-width: 1024px) {
          .navPages-container .navPages .navPages-list .navPages-item .navPages-action.has-subMenu {
            padding-right: 30px;
            position: relative; } }
        @media (min-width: 1366px) {
          .navPages-container .navPages .navPages-list .navPages-item .navPages-action.has-subMenu {
            padding-right: 37px; } }
        @media (min-width: 1850px) {
          .navPages-container .navPages .navPages-list .navPages-item .navPages-action.has-subMenu {
            padding-right: 43px; } }
        @media (min-width: 768px) {
          .navPages-container .navPages .navPages-list .navPages-item .navPages-action {
            position: static;
            border-bottom: none;
            font-size: 13px; } }
        @media (min-width: 801px) {
          .navPages-container .navPages .navPages-list .navPages-item .navPages-action {
            text-transform: uppercase; } }
        @media (min-width: 1024px) {
          .navPages-container .navPages .navPages-list .navPages-item .navPages-action {
            width: auto;
            font-size: 12px;
            padding: 16px 18px; } }
        @media (min-width: 1366px) {
          .navPages-container .navPages .navPages-list .navPages-item .navPages-action {
            font-size: 13px;
            padding: 20px 27px; } }
        @media (min-width: 1850px) {
          .navPages-container .navPages .navPages-list .navPages-item .navPages-action {
            font-size: 14px;
            padding: 24px 35px; } }
        .navPages-container .navPages .navPages-list .navPages-item .navPages-action:hover {
          opacity: 1;
          color: #ff580d; }
          @media (min-width: 1024px) {
            .navPages-container .navPages .navPages-list .navPages-item .navPages-action:hover {
              background-color: #323232; } }
        @media (min-width: 801px) {
          .navPages-container .navPages .navPages-list .navPages-item .navPages-action.navPage-subMenu-action {
            margin-bottom: 0;
            text-transform: uppercase; } }
        @media (min-width: 1024px) {
          .navPages-container .navPages .navPages-list .navPages-item .navPages-action.navPage-subMenu-action {
            text-transform: uppercase;
            width: auto;
            display: inline-block;
            padding: 0.75rem 0 0.375rem;
            border-bottom: 1px solid #fafafd;
            margin-bottom: 1.125rem; } }
        @media (min-width: 1024px) {
          .navPages-container .navPages .navPages-list .navPages-item .navPages-action.navPage-childList-action {
            width: auto;
            padding: 0.375rem 0 0.75rem;
            font-weight: 400; }
            .navPages-container .navPages .navPages-list .navPages-item .navPages-action.navPage-childList-action.has-subMenu {
              text-transform: uppercase;
              border-bottom: none;
              font-weight: 600; } }
      .navPages-container .navPages .navPages-list .navPages-item .custom_icon {
        width: 30px;
        padding: 0.75rem; }
        .navPages-container .navPages .navPages-list .navPages-item .custom_icon .navPages-action-moreIcon {
          width: 10px;
          height: 10px;
          margin-left: 0;
          color: #fafafd; }
          @media (min-width: 801px) {
            .navPages-container .navPages .navPages-list .navPages-item .custom_icon .navPages-action-moreIcon {
              transform: rotate(-90deg);
              display: block; } }
          @media (min-width: 1024px) {
            .navPages-container .navPages .navPages-list .navPages-item .custom_icon .navPages-action-moreIcon {
              transform: none;
              display: inline-block; } }
        .navPages-container .navPages .navPages-list .navPages-item .custom_icon.is-open .navPages-action-moreIcon {
          transform: rotate(0deg); }
        @media (min-width: 1024px) {
          .navPages-container .navPages .navPages-list .navPages-item .custom_icon {
            display: none; } }
      .navPages-container .navPages .navPages-list .navPages-item .navPage-subMenu .navPage-subMenu-list {
        margin: 0 0 0 10px; }
        .navPages-container .navPages .navPages-list .navPages-item .navPage-subMenu .navPage-subMenu-list .navPage-subMenu-item {
          font-size: 0; }
          .navPages-container .navPages .navPages-list .navPages-item .navPage-subMenu .navPage-subMenu-list .navPage-subMenu-item .navPage-childList {
            margin: 0 0 0 10px;
            padding: 0;
            border: none;
            display: none; }
            .navPages-container .navPages .navPages-list .navPages-item .navPage-subMenu .navPage-subMenu-list .navPage-subMenu-item .navPage-childList.is-open {
              display: block; }
            .navPages-container .navPages .navPages-list .navPages-item .navPage-subMenu .navPage-subMenu-list .navPage-subMenu-item .navPage-childList .navPage-childList-item {
              font-size: 0; }
            @media (min-width: 1024px) {
              .navPages-container .navPages .navPages-list .navPages-item .navPage-subMenu .navPage-subMenu-list .navPage-subMenu-item .navPage-childList {
                display: block;
                margin: 0; } }
          @media (min-width: 801px) {
            .navPages-container .navPages .navPages-list .navPages-item .navPage-subMenu .navPage-subMenu-list .navPage-subMenu-item {
              width: 100%;
              float: none;
              padding: 0 !important; } }
          @media (min-width: 1024px) {
            .navPages-container .navPages .navPages-list .navPages-item .navPage-subMenu .navPage-subMenu-list .navPage-subMenu-item {
              padding-left: 0.75rem;
              padding-right: 0.75rem;
              width: 25%;
              float: left;
              padding: 0 0.75rem !important; } }
        @media (min-width: 801px) {
          .navPages-container .navPages .navPages-list .navPages-item .navPage-subMenu .navPage-subMenu-list {
            max-width: 100%; } }
        @media (min-width: 1024px) {
          .navPages-container .navPages .navPages-list .navPages-item .navPage-subMenu .navPage-subMenu-list {
            margin: 0 auto;
            max-width: 75rem;
            width: 100%;
            border-left: 0;
            margin: 0 auto;
            padding-left: 0; }
            .navPages-container .navPages .navPages-list .navPages-item .navPage-subMenu .navPage-subMenu-list:before, .navPages-container .navPages .navPages-list .navPages-item .navPage-subMenu .navPage-subMenu-list:after {
              content: " ";
              display: table; }
            .navPages-container .navPages .navPages-list .navPages-item .navPage-subMenu .navPage-subMenu-list:after {
              clear: both; } }
        .navPages-container .navPages .navPages-list .navPages-item .navPage-subMenu .navPage-subMenu-list .navPage-subMenu-action, .navPages-container .navPages .navPages-list .navPages-item .navPage-subMenu .navPage-subMenu-list .navPage-childList-action {
          text-transform: capitalize; }
          @media (min-width: 801px) {
            .navPages-container .navPages .navPages-list .navPages-item .navPage-subMenu .navPage-subMenu-list .navPage-subMenu-action, .navPages-container .navPages .navPages-list .navPages-item .navPage-subMenu .navPage-subMenu-list .navPage-childList-action {
              text-transform: uppercase; } }
      @media (min-width: 1024px) {
        .navPages-container .navPages .navPages-list .navPages-item .navPage-subMenu .navPages-action-moreIcon {
          display: none; } }
      @media (min-width: 801px) {
        .navPages-container .navPages .navPages-list .navPages-item .navPage-subMenu {
          background-color: transparent;
          padding: 0 !important;
          position: inherit;
          text-align: left; } }
      @media (min-width: 1024px) {
        .navPages-container .navPages .navPages-list .navPages-item .navPage-subMenu {
          background-color: #323232;
          padding: 1.5rem 1.5rem 2.25rem !important;
          position: absolute;
          text-align: left; } }
      @media (min-width: 801px) {
        .navPages-container .navPages .navPages-list .navPages-item {
          float: none; } }
      @media (min-width: 1024px) {
        .navPages-container .navPages .navPages-list .navPages-item {
          float: left; } }
    .navPages-container .navPages .navPages-list.navPages-list-depth-max .navPages-item .navPages-action {
      width: 100%;
      position: relative; }
      .navPages-container .navPages .navPages-list.navPages-list-depth-max .navPages-item .navPages-action .navPages-action-moreIcon {
        display: inline-block;
        border: none;
        height: 10px;
        width: 10px;
        margin: 0;
        padding: 0;
        position: absolute;
        top: 50%;
        /*transform: translateY(-50%) rotate(-90deg);*/
        right: 0.75rem; }
        @media (min-width: 1024px) {
          .navPages-container .navPages .navPages-list.navPages-list-depth-max .navPages-item .navPages-action .navPages-action-moreIcon {
            width: auto;
            height: auto;
            right: 0.75rem; } }
        @media (min-width: 1366px) {
          .navPages-container .navPages .navPages-list.navPages-list-depth-max .navPages-item .navPages-action .navPages-action-moreIcon {
            right: 0.75rem; } }
      .navPages-container .navPages .navPages-list.navPages-list-depth-max .navPages-item .navPages-action.is-open .navPages-action-moreIcon {
        left: 0.75rem;
        /*transform: translateY(-50%) rotate(90deg);*/ }
        @media (min-width: 1024px) {
          .navPages-container .navPages .navPages-list.navPages-list-depth-max .navPages-item .navPages-action.is-open .navPages-action-moreIcon {
            left: auto;
            /*right: 10px;
									transform: translateY(-50%) rotate(0);*/ } }
        @media (min-width: 1366px) {
          .navPages-container .navPages .navPages-list.navPages-list-depth-max .navPages-item .navPages-action.is-open .navPages-action-moreIcon {
            /*right: 15px;*/ } }
      .navPages-container .navPages .navPages-list.navPages-list-depth-max .navPages-item .navPages-action.has-subMenu.is-root + .navPage-subMenu-horizontal {
        margin: auto; }
    .navPages-container .navPages .navPages-list.navPages-list-depth-max .navPages-item .navPage-subMenu-horizontal {
      background-color: #323232; }
      @media (min-width: 1024px) {
        .navPages-container .navPages .navPages-list.navPages-list-depth-max .navPages-item .navPage-subMenu-horizontal {
          width: 11.25rem; } }
      @media (min-width: 1366px) {
        .navPages-container .navPages .navPages-list.navPages-list-depth-max .navPages-item .navPage-subMenu-horizontal {
          width: 12.5rem; } }
      @media (min-width: 1850px) {
        .navPages-container .navPages .navPages-list.navPages-list-depth-max .navPages-item .navPage-subMenu-horizontal {
          width: 13.75rem; } }
      .navPages-container .navPages .navPages-list.navPages-list-depth-max .navPages-item .navPage-subMenu-horizontal .navPage-subMenu-list {
        box-shadow: 5px 5px 8px 0px rgba(0, 0, 0, 0.1);
        margin: 0; }
        .navPages-container .navPages .navPages-list.navPages-list-depth-max .navPages-item .navPage-subMenu-horizontal .navPage-subMenu-list .navPage-subMenu-item-child {
          position: relative; }
          .navPages-container .navPages .navPages-list.navPages-list-depth-max .navPages-item .navPage-subMenu-horizontal .navPage-subMenu-list .navPage-subMenu-item-child:hover {
            background-color: rgba(255, 88, 13, 0.1); }
          .navPages-container .navPages .navPages-list.navPages-list-depth-max .navPages-item .navPage-subMenu-horizontal .navPage-subMenu-list .navPage-subMenu-item-child .navPage-subMenu-action {
            width: 100%;
            border: none;
            padding: 5px 10px;
            margin-bottom: 0;
            background-color: transparent;
            /*@include xl{
										padding:24px;
									}*/ }
            .navPages-container .navPages .navPages-list.navPages-list-depth-max .navPages-item .navPage-subMenu-horizontal .navPage-subMenu-list .navPage-subMenu-item-child .navPage-subMenu-action .navPages-action-moreIcon {
              transform: translateY(-50%) rotate(-90deg); }
      .navPages-container .navPages .navPages-list.navPages-list-depth-max .navPages-item .navPage-subMenu-horizontal.is-open {
        border-top: 1px solid #e1e1e1;
        padding: 0 !important;
        border-left: none;
        margin-top: -1px; }
        @media (min-width: 1024px) {
          .navPages-container .navPages .navPages-list.navPages-list-depth-max .navPages-item .navPage-subMenu-horizontal.is-open {
            margin-left: 11.25rem; } }
        @media (min-width: 1366px) {
          .navPages-container .navPages .navPages-list.navPages-list-depth-max .navPages-item .navPage-subMenu-horizontal.is-open {
            margin-left: 12.5rem; } }
        @media (min-width: 1850px) {
          .navPages-container .navPages .navPages-list.navPages-list-depth-max .navPages-item .navPage-subMenu-horizontal.is-open {
            margin-left: 13.75rem; } }
    @media (min-width: 1024px) {
      .navPages-container .navPages .navPages-list.navPages-list--user {
        display: none; } }
    @media (min-width: 801px) {
      .navPages-container .navPages .navPages-list {
        display: block; } }
    @media (min-width: 1024px) {
      .navPages-container .navPages .navPages-list {
        display: inline-block; } }
    .navPages-container .navPages .navPages-list .navPages-dropdown {
      display: inline !important; }
      .navPages-container .navPages .navPages-list .navPages-dropdown .navPages-action-moreIcon {
        display: block;
        height: auto;
        width: auto;
        margin-left: 0;
        position: absolute;
        right: 0px;
        top: auto !important;
        transform: rotate(0deg) !important;
        right: 0.75rem; }
      .navPages-container .navPages .navPages-list .navPages-dropdown .navPage-subMenu-horizontal .navPages-action-moreIcon {
        transform: rotate(-90deg) !important; }
    .navPages-container .navPages .navPages-quickSearch .quickSearchResults {
      margin-bottom: 1.5rem; }
    @media (min-width: 801px) {
      .navPages-container .navPages .navPages-quickSearch {
        display: block; } }
    @media (min-width: 1024px) {
      .navPages-container .navPages .navPages-quickSearch {
        display: none; } }
    @media (min-width: 801px) {
      .navPages-container .navPages {
        background-color: #e9e9e9;
        height: 100%;
        overflow-y: auto;
        text-align: left; } }
    @media only screen and (max-width: 1024px) {
      .navPages-container .navPages {
        background-color: #323232; } }
    @media (min-width: 1024px) {
      .navPages-container .navPages {
        background-color: inherit;
        overflow-y: visible;
        padding: 0;
        text-align: center; } }
  @media (min-width: 801px) {
    .navPages-container {
      bottom: 0;
      display: none;
      height: 100%;
      left: 0;
      position: absolute;
      right: 0;
      z-index: 10; } }
  @media (min-width: 1024px) {
    .navPages-container {
      display: block;
      height: auto;
      padding: 0;
      position: relative; } }

.socialLinks {
  margin-left: 0; }

.navPages-list + .navPages-list {
  border-color: #e1e1e1; }

/* Add styling for theme editor when they choose how many dropdown columns they want across the site */
@media (min-width: 1024px) {
  .menu-3-columns ul.level-1 .navPage-subMenu-item {
    width: 33% !important; }
  .menu-4-columns ul.level-1 .navPage-subMenu-item {
    width: 25% !important; }
  .menu-5-columns ul.level-1 {
    max-width: calc(1440px + 4rem) !important; }
    .menu-5-columns ul.level-1 .navPage-subMenu-item {
      width: 20% !important; }
  .menu-6-columns ul.level-1 {
    max-width: 100% !important; }
    .menu-6-columns ul.level-1 .navPage-subMenu-item {
      width: 16.6% !important; }
  .menu-7-columns ul.level-1 {
    max-width: 100% !important; }
    .menu-7-columns ul.level-1 .navPage-subMenu-item {
      width: 14.2% !important; }
  .menu-8-columns ul.level-1 {
    max-width: 100% !important; }
    .menu-8-columns ul.level-1 .navPage-subMenu-item {
      width: 12.5% !important; } }

/* for navUser */
/* navUser style start */
.navUser {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 0;
  top: 27px;
  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: 1024px) {
    .navUser {
      padding: 0 1.5rem;
      position: relative;
      right: auto;
      top: auto;
      transform: none;
      z-index: 50; } }

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

.navUser-item {
  display: none;
  float: none; }
  @media (min-width: 1024px) {
    .navUser-item {
      display: inline-block;
      float: none; }
      .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.navUser-item--cart {
    display: inline-block; }
    @media (min-width: 551px) {
      .navUser-item.navUser-item--cart .navUser-action .theme-icon {
        margin-right: 4px; } }
    .navUser-item.navUser-item--cart .navUser-action .theme-icon:before {
      color: #757575;
      font-size: 28px; }
    .navUser-item.navUser-item--cart .navUser-action .navUser-item-cartLabel {
      display: none; }
      @media (min-width: 1024px) {
        .navUser-item.navUser-item--cart .navUser-action .navUser-item-cartLabel {
          line-height: 1;
          display: inline-block; } }
    .navUser-item.navUser-item--cart .navUser-action .countPill {
      line-height: 1;
      font-family: "Roboto Slab";
      font-size: 13px;
      color: #333333;
      font-weight: 400;
      background-color: rgba(0, 0, 255, 0);
      margin: 0;
      width: auto;
      height: auto;
      margin-left: 0px; }
      .navUser-item.navUser-item--cart .navUser-action .countPill:before {
        content: "\0028";
        display: inline-block;
        padding-right: 1px; }
      .navUser-item.navUser-item--cart .navUser-action .countPill:after {
        content: "\0029";
        display: inline-block;
        padding-left: 1px; }
      @media (min-width: 551px) {
        .navUser-item.navUser-item--cart .navUser-action .countPill {
          font-size: 14px; } }
      @media (min-width: 1024px) {
        .navUser-item.navUser-item--cart .navUser-action .countPill {
          font-size: 15px; } }
      @media (min-width: 1366px) {
        .navUser-item.navUser-item--cart .navUser-action .countPill {
          font-size: 16px; } }
    .navUser-item.navUser-item--cart .dropdown-menu {
      max-width: 20rem;
      width: 320px; }
      @media (min-width: 1366px) {
        .navUser-item.navUser-item--cart .dropdown-menu.is-open {
          right: 9px; } }
      @media (min-width: 1366px) {
        .navUser-item.navUser-item--cart .dropdown-menu.is-open:before {
          right: 0.75rem; } }
      @media (min-width: 1366px) {
        .navUser-item.navUser-item--cart .dropdown-menu.is-open:after {
          right: 0.875rem; } }
  .navUser-item.navUser-item--search {
    border-left: 1px dotted #cccccc; }
  .navUser-item.navUser-item--account {
    position: relative; }
    .navUser-item.navUser-item--account .navUser-action {
      display: block; }
      .navUser-item.navUser-item--account .navUser-action .myacc-title {
        display: none; }
    .navUser-item.navUser-item--account .account-dropdown {
      display: none; }
      .navUser-item.navUser-item--account .account-dropdown.is-open {
        display: inline-block;
        position: absolute;
        top: 40px;
        left: 30%;
        border-top: 1px solid #e1e1e1;
        box-shadow: 1px 1px 4px 2px #e1e1e1;
        width: 160px;
        z-index: 500;
        background-color: white;
        text-align: left; }
        @media (min-width: 1366px) {
          .navUser-item.navUser-item--account .account-dropdown.is-open {
            width: 180px;
            left: 34%; } }
        @media (min-width: 1850px) {
          .navUser-item.navUser-item--account .account-dropdown.is-open {
            width: 200px; } }
        .navUser-item.navUser-item--account .account-dropdown.is-open::before {
          content: "";
          position: absolute;
          top: -7px;
          left: 3px;
          border-left: 7px solid transparent;
          border-right: 7px solid transparent;
          border-bottom: 7px solid #e1e1e1; }
      .navUser-item.navUser-item--account .account-dropdown .navUser-action {
        text-transform: capitalize;
        font-weight: 500;
        padding-top: 8px;
        padding-bottom: 8px; }
        .navUser-item.navUser-item--account .account-dropdown .navUser-action .theme-icon {
          font-size: 16px;
          margin-right: 8px; }
    .navUser-item.navUser-item--account .cross-hover {
      position: absolute;
      top: 15px;
      left: 9px;
      background-color: transparent;
      width: 160px;
      height: 30px; }
    .navUser-item.navUser-item--account .theme-icon:before {
      font-weight: 700; }
  .navUser-item.navUser-item-currency .dropdown-menu.is-open {
    border: 1px solid #e1e1e1;
    box-shadow: 1px 1px 4px 2px #e1e1e1;
    width: 165px;
    top: 35px !important;
    left: auto !important;
    right: -8%; }
    @media (min-width: 1366px) {
      .navUser-item.navUser-item-currency .dropdown-menu.is-open {
        width: 200px;
        right: 4%; } }
    .navUser-item.navUser-item-currency .dropdown-menu.is-open::before {
      content: "";
      position: absolute;
      top: -18px;
      right: 14px;
      border-left: 7px solid transparent;
      border-right: 7px solid transparent;
      border-bottom: 7px solid #e1e1e1; }
    .navUser-item.navUser-item-currency .dropdown-menu.is-open::after {
      opacity: 0; }
    .navUser-item.navUser-item-currency .dropdown-menu.is-open .dropdown-menu-item {
      font-size: 14px; }
      .navUser-item.navUser-item-currency .dropdown-menu.is-open .dropdown-menu-item a {
        font-size: 15px; }
      @media (min-width: 1850px) {
        .navUser-item.navUser-item-currency .dropdown-menu.is-open .dropdown-menu-item {
          font-size: 16px; } }

.navUser-action {
  line-height: 1;
  font-family: "Roboto Slab";
  font-size: 14px;
  color: #333333;
  font-weight: 400;
  padding: 0 5px; }
  .navUser-action:hover {
    color: #ff4800; }
  @media (min-width: 551px) {
    .navUser-action {
      padding: 0 10px; } }
  @media (min-width: 1024px) {
    .navUser-action {
      padding: 10px; } }
  @media (min-width: 1366px) {
    .navUser-action {
      padding: 10px 16px;
      font-size: 15px; } }
  @media (min-width: 1850px) {
    .navUser-action {
      font-size: 16px; } }
  .navUser-action .icon {
    margin: 0 0 0 5px;
    width: auto;
    height: auto; }
  .navUser-action.navUser-item--compare {
    display: none;
    position: relative;
    border-left: 1px dotted #cccccc; }
    .navUser-action.navUser-item--compare.show {
      display: block; }
    .navUser-action.navUser-item--compare .countPill {
      font-family: "Roboto Slab";
      font-size: 12px;
      color: white;
      font-weight: 400;
      background-color: #ff580d;
      margin: 0;
      width: 15px;
      height: 15px;
      line-height: 15px;
      position: absolute;
      top: 3px;
      right: 3px; }
      @media (min-width: 1366px) {
        .navUser-action.navUser-item--compare .countPill {
          font-size: 13px;
          width: 16px;
          height: 16px;
          line-height: 16px;
          top: 0;
          right: 10px; } }
      @media (min-width: 1850px) {
        .navUser-action.navUser-item--compare .countPill {
          font-size: 14px;
          width: 18px;
          height: 18px;
          line-height: 18px;
          top: 0px;
          right: 10px; } }

.quickSearchResults {
  position: relative; }
  .quickSearchResults .modal-close {
    display: block;
    top: -21px;
    right: 0; }
    @media (min-width: 1024px) {
      .quickSearchResults .modal-close {
        display: none; } }
  .quickSearchResults .productGrid .product {
    padding: 8px; }

.modal-close.custom_close {
  color: #202738; }
  .modal-close.custom_close:hover {
    color: #ff580d; }

.navUser-item--wishlist {
  border-left: 1px dotted #cccccc;
  border-right: 1px dotted #cccccc; }
  .navUser-item--wishlist .theme-icon {
    margin-left: 5px; }

/* navUser style end */
/* for banners */
/* default marketing banner style start */
.banners {
  padding: 0;
  background-color: transparent; }
  .banners .banner {
    max-width: 100%; }
    .banners .banner img {
      width: 100%; }

.bottom-banner {
  margin: 20px 0px;
  padding: 10px;
  color: #ff7630; }
  .bottom-banner a {
    color: #757575; }

/* default marketing banner style end */
/* marketing banner style start */
.custom-banners {
  background-color: #010101; }
  .custom-banners .banners {
    font-size: 0;
    padding: 8px 0; }
    .custom-banners .banners .banner {
      font-family: "Montserrat";
      font-size: 12px;
      color: #ff7630;
      font-weight: 700;
      text-transform: none; }
      @media (min-width: 1024px) {
        .custom-banners .banners .banner {
          font-size: 14px; } }
      @media (min-width: 1366px) {
        .custom-banners .banners .banner {
          font-size: 16px; } }
    @media (min-width: 1366px) {
      .custom-banners .banners {
        padding: 14px 0; } }
  .custom-banners.top {
    position: fixed;
    width: 100%;
    top: 0;
    z-index: 100; }
    @media (min-width: 1024px) {
      .custom-banners.top {
        position: relative; } }
  .custom-banners .banners + .static-banner {
    padding-top: 0; }

.product-listing-banners .banners {
  font-size: 0;
  padding: 8px 0; }
  .product-listing-banners .banners .banner {
    font-family: "Montserrat";
    font-size: 12px;
    color: #ff7630;
    font-weight: 700;
    text-transform: none;
    text-align: left; }
    @media (min-width: 1024px) {
      .product-listing-banners .banners .banner {
        font-size: 14px; } }
    @media (min-width: 1366px) {
      .product-listing-banners .banners .banner {
        font-size: 16px; } }
  @media (min-width: 1366px) {
    .product-listing-banners .banners {
      padding: 14px 0; } }

/* marketing banner style end */
/* static banner style start */
.static-banner {
  font-size: 0;
  padding: 8px 0; }
  .static-banner .static-banner-left {
    padding-bottom: 4px;
    width: 100%;
    text-align: left; }
    .static-banner .static-banner-left p {
      font-family: "Montserrat";
      font-size: 12px;
      color: #ff7630;
      font-weight: 700;
      text-transform: none;
      margin-bottom: 0; }
      @media (min-width: 1024px) {
        .static-banner .static-banner-left p {
          font-size: 14px; } }
      @media (min-width: 1366px) {
        .static-banner .static-banner-left p {
          font-size: 16px; } }
    @media (min-width: 768px) {
      .static-banner .static-banner-left {
        padding-bottom: 0;
        width: 50%;
        text-align: left; } }
    .static-banner .static-banner-left.center {
      padding-bottom: 0;
      width: 100%;
      text-align: center; }
  .static-banner .static-banner-right {
    width: 100%;
    text-align: left; }
    .static-banner .static-banner-right span {
      font-family: "Montserrat";
      font-size: 12px;
      color: #ff7630;
      font-weight: 700;
      text-transform: uppercase; }
      @media (min-width: 1024px) {
        .static-banner .static-banner-right span {
          font-size: 14px; } }
      @media (min-width: 1366px) {
        .static-banner .static-banner-right span {
          font-size: 16px; } }
      .static-banner .static-banner-right span a {
        text-decoration: none;
        color: #ff7630; }
        .static-banner .static-banner-right span a:hover {
          color: #757575; }
    @media (min-width: 768px) {
      .static-banner .static-banner-right {
        width: 50%;
        text-align: right; } }
  @media (min-width: 1366px) {
    .static-banner {
      padding: 14px 0; } }

/* static banner style end */
/* for header */
/*************** HEADER STYLE START ***************/
/* header partition section style start */
.header {
  border-bottom: 1px solid #e5e5e5;
  background-image: url(https://cdn11.bigcommerce.com/s-mvj4cke2zp/images/stencil/original/image-manager/header-bg5.jpg);
  font-size: 0;
  position: fixed;
  z-index: 100; }
  @media (min-width: 1024px) {
    .header {
      overflow: visible;
      position: relative; } }
  .header .main-header {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between; }
  .header.sticky-header {
    position: fixed;
    -webkit-animation: smoothScroll 1s forwards;
    /* Safari 4+ */
    -moz-animation: smoothScroll 1s forwards;
    /* Fx 5+ */
    -o-animation: smoothScroll 1s forwards;
    /* Opera 12+ */
    animation: smoothScroll 1s forwards; }

@keyframes smoothScroll {
  0% {
    transform: translateY(-175px); }
  100% {
    transform: translateY(0px); } }
  .header.is-open {
    height: 100%; }
    @media (min-width: 1024px) {
      .header.is-open {
        height: auto; } }
  .header.left .main-header .header-middle {
    order: 1; }
    .header.left .main-header .header-middle .header-logo--left {
      text-align: center; }
      .header.left .main-header .header-middle .header-logo--left .header-logo-image {
        right: 0;
        max-height: 1.9375rem; }
        @media (min-width: 1024px) {
          .header.left .main-header .header-middle .header-logo--left .header-logo-image {
            right: unset;
            max-height: none; } }
      @media (min-width: 1024px) {
        .header.left .main-header .header-middle .header-logo--left {
          text-align: left; } }
    @media (min-width: 1024px) {
      .header.left .main-header .header-middle {
        width: 30%; } }
  .header.left .main-header .leftside-header {
    order: 2;
    width: 20%;
    text-align: right; }
    .header.left .main-header .leftside-header .header-left {
      order: 1;
      text-align: right; }
      @media (min-width: 1024px) {
        .header.left .main-header .leftside-header .header-left {
          width: auto; } }
      .header.left .main-header .leftside-header .header-left .navUser-section {
        display: flex;
        margin: 0 0 0 -12px; }
        @media (min-width: 1366px) {
          .header.left .main-header .leftside-header .header-left .navUser-section {
            margin: 0 0 0 -16px; } }
        @media (min-width: 1850px) {
          .header.left .main-header .leftside-header .header-left .navUser-section {
            margin: 0 0 0 -20px; } }
        .header.left .main-header .leftside-header .header-left .navUser-section .navUser-item--account {
          order: 2; }
          @media (min-width: 1024px) {
            .header.left .main-header .leftside-header .header-left .navUser-section .navUser-item--account .account-dropdown.is-open {
              left: -38%; } }
          @media (min-width: 1366px) {
            .header.left .main-header .leftside-header .header-left .navUser-section .navUser-item--account .account-dropdown.is-open {
              left: -33%; } }
          @media (min-width: 1850px) {
            .header.left .main-header .leftside-header .header-left .navUser-section .navUser-item--account .account-dropdown.is-open {
              left: -40%; } }
          .header.left .main-header .leftside-header .header-left .navUser-section .navUser-item--account .account-dropdown.is-open:before {
            right: 3px;
            left: auto; }
        .header.left .main-header .leftside-header .header-left .navUser-section .navUser-item--search {
          order: 1;
          width: 220px;
          text-align: left;
          border-bottom: 1px solid #e1e1e1;
          margin-right: 10px; }
          @media (min-width: 1024px) {
            .header.left .main-header .leftside-header .header-left .navUser-section .navUser-item--search {
              width: 280px !important;
              padding: 0;
              top: 0 !important;
              left: 2.6rem !important; } }
          @media (min-width: 1366px) {
            .header.left .main-header .leftside-header .header-left .navUser-section .navUser-item--search {
              width: 350px !important;
              left: 4.4rem !important; } }
          @media (min-width: 1850px) {
            .header.left .main-header .leftside-header .header-left .navUser-section .navUser-item--search {
              width: 400px !important;
              left: 4.2rem !important; } }
      @media (min-width: 1024px) {
        .header.left .main-header .leftside-header .header-left .dropdown--quickSearch.is-open {
          width: 270px !important;
          padding: 0;
          top: 0px !important;
          left: 0px !important; } }
      @media (min-width: 1366px) {
        .header.left .main-header .leftside-header .header-left .dropdown--quickSearch.is-open {
          width: 330px !important; } }
      @media (min-width: 1850px) {
        .header.left .main-header .leftside-header .header-left .dropdown--quickSearch.is-open {
          width: 370px !important; } }
      .header.left .main-header .leftside-header .header-left .dropdown--quickSearch .form .form-fieldset .form-field .form-input {
        padding: 10px 10px 7px 30px;
        /*background-image: url(../icons/search.svg);
									    background-repeat: no-repeat;
									    background-position: 5px center;
									    background-size: 18px 19px;*/ }
    .header.left .main-header .leftside-header .header-right {
      order: 2;
      width: auto; }
    @media (min-width: 1024px) {
      .header.left .main-header .leftside-header {
        width: 70%; } }
  .header.left .main-header .navUser-item.navUser-item--account {
    border-left: 1px dotted #cccccc;
    border-right: 1px dotted #cccccc; }
  .header.left .main-header .navUser-item.navUser-item--search {
    border: none; }
  .header.left .quickSearchResults .search-cust {
    text-align: left; }
  @media (min-width: 1024px) {
    .header.right .main-header .header-middle {
      order: 2; } }
  @media (min-width: 1024px) {
    .header.right .main-header .rightside-header {
      order: 1; } }
  .header.right .main-header .rightside-header .header-left {
    order: 1; }
    @media (min-width: 1024px) {
      .header.right .main-header .rightside-header .header-left {
        width: auto; } }
    .header.right .main-header .rightside-header .header-left .navUser-section {
      margin: 0 0 0 -12px; }
      @media (min-width: 1366px) {
        .header.right .main-header .rightside-header .header-left .navUser-section {
          margin: 0 0 0 -16px; } }
      @media (min-width: 1850px) {
        .header.right .main-header .rightside-header .header-left .navUser-section {
          margin: 0 0 0 -20px; } }
  .header.right .main-header .rightside-header .header-right {
    order: 2;
    width: auto; }
    .header.right .main-header .rightside-header .header-right .navUser .navUser-section {
      text-align: left; }
  .header.right .main-header .navUser-item.navUser-item--search {
    border-left: 1px dotted #cccccc;
    border-right: 1px dotted #cccccc; }
  .header.right .main-header .dropdown--quickSearch.is-open {
    border: 1px solid #e1e1e1; }
    @media (min-width: 1024px) {
      .header.right .main-header .dropdown--quickSearch.is-open {
        width: 270px !important;
        padding: 0;
        top: 40px !important;
        left: 8.4rem !important; } }
    @media (min-width: 1366px) {
      .header.right .main-header .dropdown--quickSearch.is-open {
        width: 330px !important;
        left: 10rem !important; } }
    @media (min-width: 1850px) {
      .header.right .main-header .dropdown--quickSearch.is-open {
        width: 370px !important;
        left: 11rem !important; } }
  .header.center .main-header .header-middle {
    order: 2; }
  .header.center .main-header .header-left {
    order: 1; }
  .header.center .main-header .header-right {
    order: 3; }
  @media (min-width: 801px) {
    .header.center .header-logo-image-container:after {
      padding-bottom: 41px; } }

.mobileMenu-toggle {
  width: 20%;
  position: relative;
  padding: 0; }
  @media (min-width: 1024px) {
    .mobileMenu-toggle {
      display: none; } }

.mobileMenu-toggle.is-open .mobileMenu-toggleIcon::after, .mobileMenu-toggle.is-open .mobileMenu-toggleIcon::before {
  background-color: #333333;
  bottom: auto;
  top: auto;
  transition: transform .1s ease-in 150ms,top .1s ease-in,bottom .1s ease-in; }

.mobileMenu-toggle .mobileMenu-toggleIcon, .mobileMenu-toggle .mobileMenu-toggleIcon::after, .mobileMenu-toggle .mobileMenu-toggleIcon::before {
  background: #333333; }

.header-left {
  display: none; }
  .header-left .navUser-section {
    float: none;
    margin: 0 -12px; }
    .header-left .navUser-section .navUser-item--search span {
      margin-left: 8px; }
      .header-left .navUser-section .navUser-item--search span.theme-icon {
        margin-left: 0;
        position: relative;
        z-index: 99; }
    @media (min-width: 1366px) {
      .header-left .navUser-section {
        margin: 0 -16px; } }
    @media (min-width: 1850px) {
      .header-left .navUser-section {
        margin: 0 -20px; } }
  @media (min-width: 1024px) {
    .header-left {
      width: 35%;
      text-align: left;
      display: inline-block;
      position: relative; } }

.header-middle {
  width: 60%; }
  @media (min-width: 1024px) {
    .header-middle {
      width: 30%; } }
  .header-middle .header-logo.logo-text a .header-logo-text {
    padding: 4px 0; }
  @media (min-width: 768px) {
    .header-middle .header-logo.logo-text a {
      padding: 16px 0; } }
  @media (min-width: 1024px) {
    .header-middle .header-logo.logo-text a {
      padding: 20px 0; } }
  @media (min-width: 1366px) {
    .header-middle .header-logo.logo-text a {
      padding: 28px 0; } }
  @media (min-width: 1850px) {
    .header-middle .header-logo.logo-text a {
      padding: 32px 0; } }
  .header-middle .header-logo.logo-text a .header-logo-image-container:after {
    padding-bottom: 1.9375rem; }
    @media (min-width: 1024px) {
      .header-middle .header-logo.logo-text a .header-logo-image-container:after {
        padding-bottom: "px"; } }
  @media (min-width: 768px) {
    .header-middle .header-logo.logo-image a {
      padding: 4px 0; } }
  @media (min-width: 1024px) {
    .header-middle .header-logo.logo-image a {
      padding: 5px 0; } }
  @media (min-width: 1366px) {
    .header-middle .header-logo.logo-image a {
      padding: 5px 0; } }
  @media (min-width: 1850px) {
    .header-middle .header-logo.logo-image a {
      padding: 5px 0; } }
  .header-middle .header-logo.logo-image a .header-logo-image-container:after {
    padding-bottom: 1.9375rem; }
    @media (min-width: 1024px) {
      .header-middle .header-logo.logo-image a .header-logo-image-container:after {
        padding-bottom: "px"; } }

.header-right {
  width: 20%; }
  .header-right .navUser {
    padding: 0;
    position: inherit;
    width: auto;
    top: 0;
    transform: none;
    margin-right: -10px; }
    .header-right .navUser .navUser-section--alt {
      width: 100%;
      float: none;
      text-align: right; }
      .header-right .navUser .navUser-section--alt .navUser-section {
        float: none; }
    @media (min-width: 1366px) {
      .header-right .navUser {
        margin-right: -20px; } }
  @media (min-width: 1024px) {
    .header-right {
      width: 35%; } }

.header-logo {
  margin: 0 auto; }
  .header-logo a {
    line-height: 1;
    width: 100%;
    display: inline-block; }
    .header-logo a .header-logo-text {
      font-family: "Roboto Slab";
      font-size: 28px;
      color: #5e5e5e;
      font-weight: 700; }
      @media (min-width: 768px) {
        .header-logo a .header-logo-text {
          font-size: 42px; } }
      @media (min-width: 1366px) {
        .header-logo a .header-logo-text {
          font-size: 48px; } }

.previewCart .previewCartList {
  display: block;
  overflow-y: auto;
  max-height: 400px; }
  .previewCart .previewCartList::-webkit-scrollbar {
    width: 3px;
    background-color: #e1e1e1; }
  .previewCart .previewCartList::-webkit-scrollbar-thumb {
    border-radius: 2px;
    background-color: #dc3700; }
  .previewCart .previewCartList .previewCartItem .previewCartItem-content {
    text-align: left; }
    .previewCart .previewCartList .previewCartItem .previewCartItem-content .previewCartItem-name {
      font-family: "Roboto Slab";
      font-size: 16px;
      color: #333333;
      font-weight: 700;
      margin: 6px 0; }
      @media (min-width: 1366px) {
        .previewCart .previewCartList .previewCartItem .previewCartItem-content .previewCartItem-name {
          font-size: 17px;
          margin: 8px 0; } }
    .previewCart .previewCartList .previewCartItem .previewCartItem-content .previewCartItem-brand, .previewCart .previewCartList .previewCartItem .previewCartItem-content .previewCartItem-price {
      font-family: "Roboto Slab";
      font-size: 14px;
      color: #333333; }
      @media (min-width: 1366px) {
        .previewCart .previewCartList .previewCartItem .previewCartItem-content .previewCartItem-brand, .previewCart .previewCartList .previewCartItem .previewCartItem-content .previewCartItem-price {
          font-size: 15px; } }

.previewCart .previewCartAction .previewCartAction-checkout {
  padding: 0 2px 0 0; }

.previewCart .previewCartAction .previewCartAction-viewCart {
  padding: 0 0 0 2px; }

@media screen and (max-width: 1023px) and (min-width: 801px) {
  .header-logo-text {
    display: block;
    font-size: 2.25vw;
    margin: 0 auto;
    overflow: hidden;
    white-space: nowrap; } }

/* header partition section style end */
/* quick search style start */
.dropdown--quickSearch.is-open {
  border: none; }
  @media (min-width: 1024px) {
    .dropdown--quickSearch.is-open {
      width: 280px !important;
      padding: 0;
      top: 0 !important;
      left: 2.6rem !important; } }
  @media (min-width: 1366px) {
    .dropdown--quickSearch.is-open {
      width: 350px !important;
      left: 4.4rem !important; } }
  @media (min-width: 1850px) {
    .dropdown--quickSearch.is-open {
      width: 350px !important;
      left: 4.2rem !important; } }

.dropdown--quickSearch .custom_close {
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%); }
  .dropdown--quickSearch .custom_close svg {
    width: 20px;
    max-height: 20px;
    fill: black; }
  @media (min-width: 1024px) {
    .dropdown--quickSearch .custom_close {
      top: 0;
      transform: none; } }

.dropdown--quickSearch .form {
  max-width: 100%; }
  .dropdown--quickSearch .form .form-fieldset .form-field .form-input {
    border: none;
    border-bottom: 1px solid #e1e1e1;
    background-color: #fffce9;
    font-size: 14px;
    padding: 10px;
    padding-left: 30px;
    color: #333333; }
    @media (min-width: 1024px) {
      .dropdown--quickSearch .form .form-fieldset .form-field .form-input {
        font-size: 15px; } }
    @media (min-width: 1366px) {
      .dropdown--quickSearch .form .form-fieldset .form-field .form-input {
        font-size: 16px; } }
  .dropdown--quickSearch .form .form-fieldset .form-field::placeholder {
    color: #888888;
    font-size: 14px; }
    @media (min-width: 1024px) {
      .dropdown--quickSearch .form .form-fieldset .form-field::placeholder {
        font-size: 15px; } }
    @media (min-width: 1366px) {
      .dropdown--quickSearch .form .form-fieldset .form-field::placeholder {
        font-size: 16px; } }

.quickSearchResults {
  margin-top: 0;
  background-color: white;
  box-shadow: 0px 3px 6px -2px black; }
  .quickSearchResults .search-cust {
    display: block;
    margin: 0; }
    .quickSearchResults .search-cust .product {
      border-bottom: 1px solid #e1e1e1;
      background-color: white;
      padding: 15px; }
      .quickSearchResults .search-cust .product:nth-child(3) {
        border-bottom: none; }
      .quickSearchResults .search-cust .product .listItem {
        display: block;
        margin: 0; }
        .quickSearchResults .search-cust .product .listItem .listItem-image {
          border: 1px solid #e1e1e1;
          max-width: 80px; }
        .quickSearchResults .search-cust .product .listItem .listItem-details {
          padding: 0 0 0 10px;
          max-width: calc(100% - 80px);
          vertical-align: top; }
          .quickSearchResults .search-cust .product .listItem .listItem-details .listItem-title {
            margin-bottom: 10px;
            line-height: 1.2; }
            .quickSearchResults .search-cust .product .listItem .listItem-details .listItem-title a {
              font-size: 14px;
              font-weight: normal;
              color: #333333; }
              .quickSearchResults .search-cust .product .listItem .listItem-details .listItem-title a:hover {
                color: #ff4800; }
              @media (min-width: 1024px) {
                .quickSearchResults .search-cust .product .listItem .listItem-details .listItem-title a {
                  font-size: 15px; } }
              @media (min-width: 1366px) {
                .quickSearchResults .search-cust .product .listItem .listItem-details .listItem-title a {
                  font-size: 16px; } }
            @media (min-width: 1366px) {
              .quickSearchResults .search-cust .product .listItem .listItem-details .listItem-title {
                margin-bottom: 15px; } }
          .quickSearchResults .search-cust .product .listItem .listItem-details .listItem-actions {
            width: auto; }
            .quickSearchResults .search-cust .product .listItem .listItem-details .listItem-actions .listItem-price .price-section {
              font-family: "Roboto Slab";
              color: #bababa;
              font-size: 14px;
              margin-right: 4px; }
              .quickSearchResults .search-cust .product .listItem .listItem-details .listItem-actions .listItem-price .price-section:last-child {
                margin-right: 0; }
              .quickSearchResults .search-cust .product .listItem .listItem-details .listItem-actions .listItem-price .price-section.actual-price {
                color: #ff580d;
                font-weight: 700;
                font-size: 16px; }
                @media (min-width: 1024px) {
                  .quickSearchResults .search-cust .product .listItem .listItem-details .listItem-actions .listItem-price .price-section.actual-price {
                    font-size: 17px; } }
                @media (min-width: 1366px) {
                  .quickSearchResults .search-cust .product .listItem .listItem-details .listItem-actions .listItem-price .price-section.actual-price {
                    font-size: 18px; } }
              @media (min-width: 1024px) {
                .quickSearchResults .search-cust .product .listItem .listItem-details .listItem-actions .listItem-price .price-section {
                  margin-right: 5px; } }
            @media (min-width: 1366px) {
              .quickSearchResults .search-cust .product .listItem .listItem-details .listItem-actions .listItem-price {
                font-size: 15px; } }
          @media (min-width: 1850px) {
            .quickSearchResults .search-cust .product .listItem .listItem-details {
              padding: 0 0 0 12px; } }
      .quickSearchResults .search-cust .product + .product {
        margin-top: 0; }
      @media (min-width: 1850px) {
        .quickSearchResults .search-cust .product {
          padding: 20px; } }
      .quickSearchResults .search-cust .product:hover {
        box-shadow: none; }
  .quickSearchResults .quickSearchMessage {
    padding: 10px 0;
    margin: 0;
    border: 1px solid #e1e1e1;
    border-top: none; }
    @media (min-width: 1024px) {
      .quickSearchResults .quickSearchMessage {
        padding: 15px 0; } }
    @media (min-width: 1850px) {
      .quickSearchResults .quickSearchMessage {
        padding: 20px 0; } }

.view-quick-result-desktop {
  display: none; }
  @media (min-width: 801px) {
    .view-quick-result-desktop {
      display: block; } }
  .view-quick-result-desktop a {
    font-size: 16px;
    font-weight: 700;
    color: white;
    background-color: black;
    text-align: center;
    display: block;
    padding: 10px 0;
    text-transform: capitalize;
    border: 1px solid white;
    text-decoration: none; }
    @media (min-width: 1024px) {
      .view-quick-result-desktop a {
        font-size: 17px; } }
    @media (min-width: 1366px) {
      .view-quick-result-desktop a {
        font-size: 18px; } }
    .view-quick-result-desktop a:hover, .view-quick-result-desktop a:focus, .view-quick-result-desktop a:active {
      color: black;
      background-color: white;
      border-color: black; }

.view-quick-result-mobile {
  display: block; }
  @media (min-width: 801px) {
    .view-quick-result-mobile {
      display: none; } }
  .view-quick-result-mobile a {
    font-size: 16px;
    font-weight: 700;
    color: white;
    background-color: black;
    text-align: center;
    display: block;
    padding: 10px 0;
    text-transform: capitalize;
    border: 1px solid white;
    text-decoration: none; }
    @media (min-width: 1024px) {
      .view-quick-result-mobile a {
        font-size: 17px; } }
    @media (min-width: 1366px) {
      .view-quick-result-mobile a {
        font-size: 18px; } }
    .view-quick-result-mobile a:hover, .view-quick-result-mobile a:focus, .view-quick-result-mobile a:active {
      color: black;
      background-color: white;
      border-color: black; }

.navPages-quickSearch .custom_close {
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%); }
  .navPages-quickSearch .custom_close span {
    line-height: 1; }
  .navPages-quickSearch .custom_close svg {
    width: 20px;
    max-height: 20px;
    fill: black; }
  @media (min-width: 1024px) {
    .navPages-quickSearch .custom_close {
      top: 0;
      transform: none; } }

.navPages-quickSearch .form {
  position: relative; }

/* quick search style end */
/* Reduce spacing and size of sticky header and font of logo */
.sticky-header .header-middle {
  width: 60%; }
  @media (min-width: 1024px) {
    .sticky-header .header-middle {
      width: 30%; } }
  .sticky-header .header-middle .header-logo.logo-text a .header-logo-text {
    padding: 4px 0; }
  @media (min-width: 768px) {
    .sticky-header .header-middle .header-logo.logo-text a {
      padding: 5px 0; } }
  @media (min-width: 1024px) {
    .sticky-header .header-middle .header-logo.logo-text a {
      padding: 5px 0; } }
  @media (min-width: 1366px) {
    .sticky-header .header-middle .header-logo.logo-text a {
      padding: 5px 0; } }
  @media (min-width: 1850px) {
    .sticky-header .header-middle .header-logo.logo-text a {
      padding: 5px 0; } }
  .sticky-header .header-middle .header-logo.logo-text a .header-logo-image-container:after {
    padding-bottom: 1.9375rem; }
    @media (min-width: 1024px) {
      .sticky-header .header-middle .header-logo.logo-text a .header-logo-image-container:after {
        padding-bottom: "px"; } }
  .sticky-header .header-middle .header-logo {
    margin: 0 auto; }
    .sticky-header .header-middle .header-logo a {
      line-height: 1;
      width: 100%;
      display: inline-block; }
      .sticky-header .header-middle .header-logo a .header-logo-text {
        font-family: "Roboto Slab";
        font-size: 28px;
        color: #5e5e5e;
        font-weight: 700; }
        @media (min-width: 768px) {
          .sticky-header .header-middle .header-logo a .header-logo-text {
            font-size: 34px; } }
        @media (min-width: 1366px) {
          .sticky-header .header-middle .header-logo a .header-logo-text {
            font-size: 40px; } }
  @media (min-width: 768px) {
    .sticky-header .header-middle .header-logo.logo-image a {
      padding: 4px 0; } }
  @media (min-width: 1024px) {
    .sticky-header .header-middle .header-logo.logo-image a {
      padding: 5px 0; } }
  @media (min-width: 1366px) {
    .sticky-header .header-middle .header-logo.logo-image a {
      padding: 5px 0; } }
  @media (min-width: 1850px) {
    .sticky-header .header-middle .header-logo.logo-image a {
      padding: 5px 0; } }
  .sticky-header .header-middle .header-logo.logo-image a .header-logo-image {
    max-height: 1.9375rem; }
  .sticky-header .header-middle .header-logo.logo-image a .header-logo-image-container:after {
    padding-bottom: 1.9375rem; }
    @media (min-width: 1024px) {
      .sticky-header .header-middle .header-logo.logo-image a .header-logo-image-container:after {
        padding-bottom: 4.9375rem; } }

/* Thea header placeholder div prevents page content jumping up the page IF sticky header is active */
.header_placeholder {
  width: 100%;
  display: none; }
  @media (max-width: 1023px) {
    .header_placeholder {
      display: none !important; } }
  @media (min-width: 1024px) {
    .header_placeholder {
      height: 163px; } }
  @media (min-width: 1366px) {
    .header_placeholder {
      height: 173px; } }
  @media (min-width: 1850px) {
    .header_placeholder {
      height: 183px; } }

/*************** HEADER STYLE END ***************/
/* for footer */
/* ==========================================================================
   TRAILWORX footer — warm dark topo layout
   Brand column | Help | Company | (More) | Contact + newsletter
   Bottom bar: copyright + sitemap | payment icons
   ========================================================================== */
.footer {
  border-top: 1px solid #e5e5e5;
  padding: 0;
  position: relative;
  z-index: 1;
  box-shadow: 0 -10px 24px -6px rgba(33, 29, 25, 0.35), 0 -2px 6px rgba(33, 29, 25, 0.18);
  font-family: "Roboto Slab";
  font-size: 16px;
  color: #e9e2da; }
  .footer.footer--topo {
    background-color: #211d19;
    background-image: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 1600 700%22 preserveAspectRatio=%22xMidYMid slice%22%3E%3Cdefs%3E%3CradialGradient id=%22g%22 cx=%2282%25%22 cy=%2218%25%22 r=%2255%25%22%3E%3Cstop offset=%220%22 stop-color=%22%23ff7630%22 stop-opacity=%22.16%22/%3E%3Cstop offset=%221%22 stop-color=%22%23ff7630%22 stop-opacity=%220%22/%3E%3C/radialGradient%3E%3ClinearGradient id=%22b%22 x1=%220%22 y1=%220%22 x2=%220%22 y2=%221%22%3E%3Cstop offset=%220%22 stop-color=%22%2326211c%22/%3E%3Cstop offset=%221%22 stop-color=%22%231a1714%22/%3E%3C/linearGradient%3E%3C/defs%3E%3Crect width=%221600%22 height=%22700%22 fill=%22url(%23b)%22/%3E%3Crect width=%221600%22 height=%22700%22 fill=%22url(%23g)%22/%3E%3Cg fill=%22none%22 stroke-linejoin=%22round%22%3E%3Cpath stroke=%22%23c9a888%22 stroke-opacity=%22.09%22 stroke-width=%221%22 d=%22M856 51 850 56 844 62 839 68 835 76 831 84 829 96 829 108 831 120 833 128 836 139 838 148 841 156 848 163 856 165 866 164 876 160 881 156 887 148 889 140 891 128 891 116 890 104 889 92 887 84 884 72 881 64 877 56 872 51 860 49 M976 175 975 176 974 180 975 184 976 185 980 187 984 186 985 184 985 180 984 178 982 176 980 175 976 175 M860 23 853 28 848 33 843 40 836 48 832 54 828 60 823 68 819 76 816 84 814 96 813 108 813 120 812 128 809 140 805 148 800 156 796 161 791 168 786 176 785 188 788 198 794 204 804 208 810 208 820 206 828 203 836 200 847 196 856 193 864 191 873 188 884 184 892 181 900 178 908 174 916 170 924 165 932 169 937 176 943 184 948 189 954 196 960 202 966 208 972 214 980 220 988 224 993 224 1000 220 1005 212 1008 200 1007 188 1004 176 1000 168 996 163 988 156 980 152 972 150 960 150 952 152 941 156 932 160 924 155 920 146 916 137 913 128 910 120 908 111 905 100 903 92 901 80 899 72 897 60 894 52 892 44 887 36 881 28 875 24 864 22 M684 403 680 404 682 408 684 409 688 409 689 408 688 404 688 404 684 403 M847 0 844 8 840 17 836 25 832 32 827 40 822 48 816 56 812 62 808 69 804 77 800 87 798 96 796 106 794 116 791 124 787 132 781 140 776 144 768 151 762 156 756 162 752 168 750 180 752 192 755 200 759 208 764 215 768 220 776 228 780 232 788 238 796 242 808 243 816 239 824 233 830 228 836 223 844 218 852 213 860 209 868 205 876 203 885 200 896 197 904 196 916 195 924 197 932 200 940 205 948 212 952 216 959 224 964 230 968 236 975 244 980 249 988 254 1000 256 1010 252 1016 245 1019 236 1020 228 1021 216 1021 204 1020 196 1018 184 1015 176 1011 168 1006 160 1000 152 995 148 988 143 980 140 968 136 960 135 949 132 940 128 934 124 928 117 924 110 920 101 917 92 915 84 912 72 911 64 909 52 908 44 906 32 903 24 899 16 892 8 887 4 M878 696 876 694 873 692 872 691 868 688 867 688 864 685 861 684 860 683 856 682 853 684 852 685 851 688 849 692 848 696 M652 87 644 91 641 100 646 108 652 114 660 120 666 124 672 128 680 133 688 138 696 142 704 144 712 144 718 136 716 124 713 116 708 108 704 103 696 96 690 92 681 88 672 86 660 86 M668 383 660 386 654 392 652 400 653 408 659 416 664 420 672 424 684 428 692 428 700 428 709 424 716 416 717 408 714 400 708 392 701 388 692 385 684 383 672 382 M814 0 813 12 811 20 807 28 802 36 796 43 791 48 784 55 779 60 772 67 765 72 757 76 748 77 738 76 728 72 720 69 712 66 704 63 692 62 680 61 668 62 656 63 644 63 632 64 624 64 612 65 600 67 592 71 585 76 582 84 585 92 592 99 598 104 604 109 612 114 620 119 627 124 634 128 641 132 648 136 656 142 664 148 669 152 676 158 682 164 688 170 693 176 699 184 704 192 708 198 712 205 716 213 720 220 724 228 728 236 732 245 736 256 738 264 738 276 738 288 738 300 740 312 743 320 748 328 756 331 768 331 780 329 788 327 800 324 808 322 819 320 828 318 839 316 848 314 856 311 864 305 869 300 872 292 872 280 871 272 868 260 869 248 872 240 880 232 888 228 896 226 908 225 920 228 926 232 932 237 937 244 941 252 945 260 950 268 956 276 960 280 968 284 980 288 988 289 1000 288 1008 288 1020 285 1028 282 1036 277 1040 272 1045 264 1048 252 1048 240 1046 228 1044 217 1042 208 1040 199 1037 188 1034 180 1031 172 1027 164 1022 156 1016 148 1012 143 1005 136 1000 131 992 126 984 121 976 117 968 112 961 108 956 104 949 96 944 88 941 80 939 72 938 60 940 50 944 43 950 36 956 32 964 27 972 23 980 18 987 12 992 8 999 0 M1002 696 1006 688 1010 680 1011 668 1006 660 1000 655 992 652 980 650 968 650 956 651 947 652 936 654 928 656 916 656 908 652 904 647 900 640 896 628 893 620 890 612 886 604 880 598 872 592 864 590 852 589 840 589 828 592 820 595 812 599 806 604 800 608 792 615 788 620 782 628 780 636 781 644 786 652 791 660 796 666 801 672 806 680 810 688 813 696 M660 360 652 361 644 364 636 371 632 377 628 388 627 396 628 408 631 416 636 424 640 428 648 434 656 438 664 441 674 444 684 446 696 446 708 445 716 443 724 439 732 433 736 428 740 420 741 408 740 397 737 388 733 380 728 374 720 369 712 366 702 364 692 362 680 361 672 360 660 360 M36 368 29 372 25 380 28 391 32 396 40 401 52 403 61 400 65 392 64 381 60 375 52 369 44 367 M540 548 534 552 528 559 524 565 520 573 517 584 518 596 524 602 532 605 544 607 556 608 568 606 576 602 581 596 585 588 587 576 584 566 580 560 572 553 564 548 556 546 544 546 M799 0 799 12 796 20 791 28 784 35 779 40 772 45 764 50 756 54 744 56 740 56 728 53 720 51 708 49 696 49 684 51 674 52 664 53 652 54 640 54 628 53 620 52 608 49 600 48 588 47 579 48 570 52 564 56 556 62 551 68 545 76 542 84 545 92 552 98 560 103 568 106 576 110 584 113 592 117 600 120 608 124 616 128 624 132 632 136 640 140 648 145 656 151 663 156 668 161 675 168 680 174 684 180 690 188 694 196 698 204 702 212 705 220 708 228 712 240 714 248 716 258 717 268 718 280 719 292 720 304 720 312 721 324 721 336 717 344 711 348 700 350 688 350 676 349 665 348 656 347 645 348 636 351 630 356 624 364 620 372 617 380 616 388 616 400 617 408 620 418 624 425 631 432 636 436 644 441 652 445 660 448 672 452 680 454 692 454 704 453 712 452 724 448 732 444 738 440 744 434 748 428 752 416 752 408 752 399 751 388 750 376 752 364 756 358 764 353 772 348 780 345 788 342 796 340 808 337 816 335 828 334 840 333 852 332 860 331 871 328 879 324 884 320 892 312 896 307 901 300 905 292 907 280 904 269 902 260 908 253 916 260 919 268 923 276 928 282 935 288 941 292 949 296 960 300 968 302 980 302 992 302 1004 301 1012 300 1024 297 1032 295 1040 291 1048 284 1052 279 1056 271 1059 260 1059 248 1058 236 1056 226 1054 216 1052 208 1048 196 1046 188 1043 180 1039 172 1035 164 1031 156 1025 148 1020 141 1016 136 1008 128 1003 124 996 119 988 113 981 108 975 104 968 98 962 92 957 84 954 76 954 64 956 55 961 48 968 41 974 36 980 32 988 26 995 20 1000 15 1006 8 1012 0 M1015 696 1020 690 1025 684 1030 676 1034 668 1033 656 1028 650 1020 644 1012 640 1004 638 992 637 980 636 968 637 956 637 944 637 935 636 924 632 919 628 914 620 910 612 907 604 904 595 901 584 899 576 900 565 904 559 910 552 916 546 921 540 927 532 930 524 928 516 920 512 908 512 900 515 892 520 888 525 883 532 880 541 876 552 872 557 864 562 856 564 844 567 836 568 824 571 816 575 808 580 803 584 796 591 790 596 784 601 776 607 768 612 762 616 756 620 748 628 747 636 751 644 756 649 764 655 770 660 776 665 783 672 788 677 793 684 797 692 M40 175 32 179 28 188 31 200 34 208 39 216 44 224 48 228 56 236 64 240 72 242 84 242 92 238 99 232 102 224 102 212 98 204 93 196 88 191 80 185 72 181 64 178 56 176 44 175 M204 211 196 214 190 220 186 228 185 240 188 249 192 256 199 264 204 269 212 275 220 279 232 278 237 272 240 260 239 248 237 236 234 228 228 220 224 216 216 212 204 211 M168 339 161 344 157 352 159 364 164 370 172 373 180 372 188 365 191 356 188 346 180 340 172 339 M28 355 20 359 15 364 12 372 12 384 14 392 19 400 24 405 32 410 40 414 50 416 60 417 68 415 76 411 80 404 82 392 80 381 76 373 72 367 64 360 56 356 48 354 36 353 M544 528 536 529 528 535 523 540 518 548 514 556 509 564 504 572 500 580 496 587 493 596 495 608 500 614 508 619 516 622 524 624 536 626 548 628 556 630 564 635 568 644 565 656 562 664 561 676 566 684 576 687 584 683 589 676 592 668 593 656 592 648 589 636 591 624 593 616 596 607 599 596 601 588 602 576 600 564 596 556 592 552 584 545 577 540 570 536 562 532 552 529 544 528 M527 0 532 5 539 12 544 19 547 28 545 40 540 48 536 54 531 60 525 68 520 74 516 80 511 88 512 99 520 104 528 107 536 110 544 113 553 116 564 120 572 122 580 125 589 128 600 131 608 134 616 137 624 140 632 144 640 148 648 154 656 160 661 164 668 171 672 176 678 184 682 192 686 200 689 208 692 216 695 228 697 236 698 248 699 260 699 272 700 284 701 292 702 304 702 316 700 325 694 332 684 335 672 334 662 332 652 328 646 324 641 316 639 308 639 296 636 285 632 279 625 272 618 268 608 265 596 266 592 272 591 284 593 292 596 302 600 311 604 319 608 327 610 336 608 346 606 356 604 364 602 376 602 388 603 400 605 408 608 418 612 425 617 432 624 439 632 444 639 448 647 452 656 456 664 459 672 461 684 463 696 462 708 460 716 458 724 456 735 452 743 448 748 444 756 436 760 430 764 420 765 412 765 400 765 388 768 376 772 369 777 364 784 359 792 355 802 352 812 350 824 349 836 349 848 351 860 352 872 350 880 347 888 341 895 336 900 332 908 325 916 320 924 317 936 316 948 317 960 319 972 318 984 317 992 315 1004 313 1014 312 1024 311 1035 308 1044 304 1050 300 1056 294 1061 288 1065 280 1068 272 1071 260 1070 248 1068 236 1066 228 1064 219 1061 208 1059 200 1056 192 1052 181 1048 172 1044 164 1040 157 1036 151 1031 144 1025 136 1020 130 1015 124 1008 118 1001 112 996 107 988 101 983 96 976 88 972 80 970 72 972 61 976 54 981 48 988 41 993 36 1000 29 1005 24 1012 16 1016 11 1022 4 M781 0 780 11 776 18 770 24 764 28 754 32 744 33 733 32 724 31 712 31 704 33 695 36 684 40 676 42 665 44 656 45 644 45 636 44 624 40 616 36 610 32 604 25 601 16 602 4 M0 379 2 388 6 396 11 404 16 409 24 415 32 420 40 423 48 425 60 428 68 429 80 429 88 428 96 423 100 416 102 404 100 392 98 384 95 376 90 368 84 361 78 356 72 352 64 347 56 344 44 341 32 341 20 343 12 347 7 352 2 360 M604 696 606 688 609 680 611 668 612 656 611 644 609 632 609 620 610 608 612 596 613 588 615 576 616 568 616 560 612 551 605 544 599 540 592 535 584 530 576 525 568 520 560 516 552 512 544 509 532 508 520 511 514 516 509 524 506 532 504 540 500 551 496 558 492 564 486 572 480 578 475 584 471 592 471 604 474 612 479 620 484 626 491 632 496 637 503 644 508 650 512 660 513 668 515 680 519 688 524 696 M1030 696 1036 690 1044 684 1050 680 1057 676 1064 671 1070 664 1068 654 1062 648 1056 644 1048 639 1040 635 1032 631 1024 627 1016 624 1004 622 992 622 980 623 968 623 956 623 944 621 936 617 931 612 926 604 923 596 921 584 924 572 927 564 932 557 936 552 944 544 948 539 954 532 959 524 962 516 960 506 956 500 948 493 940 491 928 491 918 492 908 494 900 497 892 501 884 506 877 512 872 517 865 524 860 530 853 536 848 540 839 544 828 547 820 550 812 553 804 558 799 564 792 572 788 577 782 584 776 589 768 595 760 599 752 603 744 606 736 610 728 615 724 620 721 632 722 644 725 652 731 660 736 664 744 668 754 672 762 676 768 680 776 688 780 695 M448 96 440 100 435 104 431 112 432 124 436 130 444 135 452 137 460 136 468 132 476 125 480 120 485 112 484 101 476 96 468 94 456 94 M20 160 12 163 8 168 6 180 8 188 12 197 16 205 20 213 24 220 29 228 34 236 40 243 45 248 52 252 61 256 72 258 84 259 96 257 104 255 112 251 119 244 124 236 126 228 124 216 121 208 117 200 112 193 107 188 100 181 93 176 87 172 80 168 70 164 60 161 52 159 40 158 28 158 M192 196 184 199 177 204 172 209 166 216 162 224 160 236 162 248 165 256 169 264 174 272 180 280 184 285 188 292 188 301 180 305 168 307 160 309 152 314 146 320 141 328 138 336 135 344 134 356 135 368 137 376 140 384 146 392 152 397 161 400 172 401 180 400 192 396 198 392 204 386 208 380 212 372 216 360 218 352 220 340 221 332 225 324 232 317 238 312 244 306 248 300 252 292 255 280 255 268 254 256 252 244 251 236 248 226 244 216 240 209 235 204 228 199 220 195 208 193 196 195 M204 583 196 588 192 593 189 604 188 616 190 628 192 638 196 645 206 644 212 636 215 628 218 620 220 610 221 600 220 592 214 584 204 583 M117 0 120 8 128 13 140 15 152 15 164 14 176 12 184 11 196 10 205 8 216 5 224 0 M484 0 488 12 490 20 491 32 488 41 481 48 474 52 464 56 456 59 448 62 440 65 432 69 424 72 416 77 408 81 400 87 396 92 391 100 390 112 391 124 393 132 396 140 400 148 408 156 414 160 421 164 430 168 440 171 448 173 460 173 468 171 476 167 484 161 490 156 496 151 504 145 512 140 520 138 532 138 542 140 552 144 560 148 568 151 576 153 588 154 600 154 612 155 620 157 629 160 637 164 644 168 652 175 656 180 662 188 666 196 669 204 672 216 672 224 671 232 668 241 661 248 652 250 640 249 632 247 624 244 615 240 607 236 600 232 592 226 584 221 577 216 568 216 564 223 563 232 563 244 564 253 566 264 568 276 569 284 571 296 572 308 571 320 568 329 564 338 560 345 555 352 551 360 547 368 544 380 545 392 550 400 556 406 563 412 568 416 576 424 580 429 587 436 592 441 600 448 606 452 613 456 620 460 628 465 636 470 643 476 648 481 651 492 647 500 640 507 632 512 624 515 612 515 601 512 593 508 587 504 580 498 573 492 568 488 560 483 552 478 544 474 536 470 528 468 516 465 504 465 492 468 484 471 476 474 468 477 459 480 448 482 436 482 424 481 416 480 404 479 392 480 384 481 376 485 368 492 364 498 360 508 358 516 358 528 360 536 364 545 370 552 376 556 384 560 396 564 404 566 412 569 420 574 425 580 429 588 433 596 438 604 443 612 448 619 452 625 458 632 464 640 468 646 472 653 476 663 479 672 480 680 483 692 M686 0 683 8 676 16 669 20 660 23 648 23 640 19 635 12 632 4 M1564 0 1561 12 1560 24 1562 36 1564 45 1568 55 1572 61 1579 68 1586 72 1596 76 M0 77 12 78 24 78 36 78 48 78 60 78 70 76 77 72 83 64 86 56 88 44 86 32 80 25 72 20 64 16 56 12 49 8 42 4 36 0 M1596 133 1588 136 1579 140 1571 144 1562 148 1552 152 1544 153 1532 155 1524 159 1524 167 1532 169 1544 170 1552 172 1560 176 1568 182 1575 188 1580 194 1584 200 1589 208 1593 216 1596 225 M0 241 2 252 5 260 8 268 14 276 20 283 27 288 35 292 44 294 56 293 68 293 80 295 88 297 95 304 96 312 92 318 84 320 76 319 67 316 57 312 48 308 40 305 32 303 23 304 12 307 4 311 M1596 316 1591 320 1584 327 1580 332 1575 340 1572 349 1572 358 1574 368 1577 376 1581 384 1585 392 1589 400 1594 408 M0 415 5 420 12 426 20 431 28 434 36 438 44 441 52 444 60 448 68 453 76 459 82 464 88 468 96 473 108 475 120 473 128 470 136 467 145 464 156 462 167 464 174 468 180 474 186 480 192 488 196 493 202 500 208 506 216 512 222 512 228 508 235 500 240 494 245 488 251 480 256 473 260 468 266 460 272 452 276 446 280 437 282 428 280 416 277 408 273 400 268 392 264 386 260 376 259 368 260 359 264 348 268 340 272 332 275 324 278 316 280 308 281 296 280 284 279 276 277 264 276 256 274 244 273 232 272 224 271 212 268 200 265 192 260 185 255 180 248 175 240 171 232 168 220 165 208 164 196 165 184 167 176 169 164 171 156 172 148 172 136 169 128 165 121 160 115 156 108 151 100 146 92 141 84 137 76 134 65 132 56 131 44 130 32 129 20 128 8 130 M1596 680 1592 680 1591 680 1588 680 1584 681 1580 683 1578 684 1576 685 1572 688 1572 688 1569 692 1568 693 1566 696 M30 696 28 695 24 692 23 692 20 690 17 688 16 687 12 685 10 684 8 683 4 682 0 680 M227 696 230 688 232 680 234 668 236 656 237 648 239 636 240 628 243 616 246 608 248 598 250 588 250 576 248 564 244 556 240 549 236 544 228 536 221 532 216 532 208 537 200 542 192 547 184 552 178 556 171 560 164 566 158 572 154 580 154 592 156 604 156 612 157 624 156 632 153 644 149 652 144 659 140 664 132 672 128 676 122 684 119 692 M632 696 632 688 634 676 636 664 636 652 634 640 632 628 632 620 632 610 634 600 637 592 641 584 648 577 656 572 664 568 671 564 676 558 679 548 679 536 678 524 677 512 677 500 681 492 688 486 696 481 704 478 712 475 722 472 732 470 740 468 752 465 760 463 768 460 777 456 788 452 796 450 808 450 820 451 832 451 844 451 856 448 864 445 872 441 880 436 886 432 894 428 904 426 913 428 919 436 919 448 914 456 908 461 900 466 892 471 884 475 876 480 871 484 864 490 858 496 852 501 844 507 836 511 828 514 820 516 808 518 800 520 792 525 785 532 780 540 776 548 772 556 768 562 764 568 756 575 748 579 740 582 729 584 720 585 708 587 700 592 696 598 693 608 692 616 691 628 690 640 690 652 690 664 690 676 689 688 687 696 M1106 696 1108 688 1109 676 1109 664 1107 656 1104 646 1100 639 1092 632 1084 628 1076 624 1068 621 1060 617 1052 612 1047 608 1040 601 1036 596 1031 588 1028 579 1028 568 1030 560 1033 552 1038 544 1043 536 1048 528 1052 521 1056 515 1060 508 1065 500 1069 492 1074 484 1079 476 1084 468 1088 462 1092 456 1098 448 1104 440 1108 434 1112 428 1116 420 1120 408 1122 400 1124 392 1128 384 1135 376 1144 372 1152 371 1164 372 1172 374 1180 379 1184 384 1189 392 1192 400 1194 412 1191 420 1185 428 1180 435 1179 444 1184 451 1192 453 1200 449 1205 444 1210 436 1216 429 1223 424 1232 420 1240 418 1248 416 1260 415 1268 417 1276 422 1282 428 1288 434 1294 440 1300 445 1308 449 1316 452 1328 453 1337 452 1348 449 1356 445 1362 440 1367 432 1369 424 1368 413 1365 404 1362 396 1359 388 1356 379 1352 368 1350 360 1347 352 1343 344 1337 336 1332 331 1324 327 1312 325 1304 328 1296 334 1291 340 1286 348 1280 355 1274 360 1264 363 1252 362 1241 360 1232 358 1221 356 1212 354 1204 352 1196 348 1188 340 1184 333 1180 325 1176 317 1172 310 1165 304 1156 302 1146 304 1138 308 1132 312 1124 318 1118 324 1112 330 1104 335 1096 337 1088 335 1083 328 1084 317 1087 308 1090 300 1092 292 1095 280 1096 272 1096 261 1094 252 1092 243 1088 232 1085 224 1082 216 1080 208 1076 196 1074 188 1072 180 1068 170 1064 161 1060 154 1056 147 1051 140 1045 132 1040 126 1035 120 1029 112 1024 106 1019 100 1014 92 1010 84 1007 76 1008 66 1011 56 1016 48 1020 40 1024 34 1028 28 1035 20 1040 16 1048 10 1056 7 1068 5 1080 6 1092 8 1103 4 M1108 35 1103 40 1099 48 1097 60 1100 72 1104 78 1111 84 1117 88 1124 92 1133 96 1144 100 1152 101 1159 96 1154 88 1148 82 1142 76 1136 68 1132 62 1128 55 1123 48 1117 40 1112 36 M1356 227 1352 236 1356 244 1364 250 1376 249 1377 240 1372 232 1367 228 1356 227 M420 312 412 314 404 317 402 328 407 336 412 342 418 348 424 353 432 360 438 364 446 368 452 367 454 356 453 344 451 336 448 327 444 320 436 314 428 312 M1004 352 1016 349 1028 350 1036 356 1036 364 1033 372 1028 379 1024 384 1016 391 1008 394 999 392 992 388 984 381 980 372 986 364 992 359 1000 354 M36 563 28 566 20 571 15 576 10 584 10 596 16 603 28 602 36 598 43 592 48 588 56 580 60 575 60 564 52 562 40 562 M468 0 468 12 467 20 464 28 458 36 452 41 444 46 436 51 428 55 420 59 412 63 404 66 396 69 388 73 380 77 373 84 371 92 372 100 375 112 377 120 379 132 381 140 384 148 388 158 392 164 400 171 408 176 416 179 424 183 432 186 440 189 448 192 460 193 468 190 476 185 483 180 489 176 496 170 504 164 510 160 520 156 528 156 536 158 542 164 546 172 546 184 545 196 545 208 545 220 548 232 550 240 552 248 555 260 557 268 560 279 562 288 563 300 562 312 560 321 556 330 552 337 547 344 541 352 536 358 531 364 524 372 519 376 511 380 502 380 492 376 487 372 480 364 476 358 472 350 468 340 466 332 463 324 460 315 456 306 452 300 444 293 436 291 424 291 416 292 404 292 396 291 384 289 376 286 368 284 356 282 347 284 340 291 338 300 340 308 346 316 352 322 359 328 365 332 372 336 380 341 388 347 396 352 401 356 408 362 414 368 420 374 425 380 430 388 435 396 440 404 444 412 448 419 452 426 456 434 458 444 456 452 448 458 440 461 428 462 416 462 404 463 393 464 384 466 375 468 365 472 359 476 352 484 348 492 346 500 345 512 344 520 344 528 345 540 348 548 352 556 359 564 364 569 372 574 380 578 388 581 396 584 404 589 412 595 417 600 424 607 428 612 435 620 440 626 445 632 451 640 456 648 460 655 464 664 466 672 467 684 468 692 M1548 0 1548 8 1548 16 1549 28 1551 40 1553 48 1556 58 1560 66 1564 73 1570 80 1576 86 1583 92 1588 97 1592 104 1589 112 1584 117 1576 123 1568 127 1560 130 1552 132 1540 134 1528 136 1520 138 1512 141 1504 146 1499 152 1495 160 1495 172 1499 180 1504 184 1516 187 1528 188 1536 188 1548 189 1556 192 1564 197 1572 204 1576 210 1580 219 1582 228 1583 240 1582 252 1581 264 1579 272 1576 284 1573 292 1569 300 1564 307 1559 312 1552 318 1544 321 1532 320 1524 318 1516 315 1504 312 1496 311 1484 312 1477 316 1474 324 1474 336 1476 344 1480 355 1484 361 1491 368 1500 371 1512 371 1524 368 1532 366 1544 365 1552 368 1560 374 1565 380 1571 388 1576 395 1580 402 1584 408 1590 416 1596 423 M0 426 7 432 13 436 21 440 31 444 40 448 48 452 54 456 60 460 68 468 72 472 79 480 84 487 89 492 96 499 108 499 116 495 124 491 132 487 140 483 152 481 164 483 172 488 176 492 182 500 186 508 188 516 187 524 182 532 176 538 168 542 160 545 148 547 136 546 128 542 120 536 114 532 108 527 100 523 88 524 80 528 72 532 64 535 56 538 48 541 38 544 28 548 20 551 12 556 7 560 0 567 M1596 572 1592 580 1589 592 1590 604 1592 614 1595 624 M0 636 4 643 12 639 20 633 26 628 32 623 40 616 45 612 52 607 60 601 68 597 76 593 84 591 96 590 108 591 116 593 124 597 132 604 136 612 137 620 136 631 132 640 128 645 122 652 116 659 111 664 105 672 100 678 95 684 88 690 80 695 M1596 650 1588 655 1580 660 1574 664 1567 668 1560 674 1555 680 1550 688 M68 696 56 694 48 690 40 686 32 680 28 676 20 668 16 663 11 656 5 648 M251 696 248 684 247 676 246 664 246 652 248 640 249 632 252 620 254 612 257 604 260 593 262 584 263 572 261 560 259 552 256 544 252 536 248 524 248 516 249 508 252 500 257 492 262 484 268 476 272 472 279 464 284 459 290 452 295 444 298 436 298 424 296 412 294 404 291 396 288 386 285 376 283 368 284 356 286 348 289 340 293 332 296 324 300 312 301 304 300 296 297 284 294 276 291 268 288 256 287 248 285 236 285 224 284 212 283 204 280 192 276 184 272 178 267 172 260 166 252 161 244 157 236 154 228 152 216 150 204 150 192 152 184 153 172 155 160 156 148 155 140 152 132 148 124 142 117 136 112 130 107 124 103 116 102 104 104 94 106 84 108 76 112 64 114 56 119 48 124 43 132 39 141 36 152 34 164 32 172 31 184 30 196 29 208 30 217 32 228 36 235 40 242 44 249 48 260 52 268 52 276 50 283 44 284 39 280 29 276 24 268 17 262 12 256 5 M653 696 652 688 653 680 656 668 655 656 652 645 649 636 647 628 646 616 648 607 652 600 660 595 668 596 673 604 675 616 674 628 672 640 670 648 668 657 667 668 667 680 665 692 M1126 696 1124 686 1122 676 1120 664 1119 656 1116 645 1112 636 1108 631 1100 624 1093 620 1084 617 1076 613 1068 610 1060 604 1055 600 1049 592 1046 584 1045 572 1047 560 1050 552 1054 544 1059 536 1063 528 1068 520 1072 513 1076 505 1080 497 1084 489 1088 482 1092 476 1097 468 1104 460 1108 456 1116 448 1122 444 1131 440 1139 440 1146 444 1152 450 1157 456 1164 463 1170 468 1177 472 1188 475 1200 473 1208 470 1216 465 1223 460 1229 456 1236 452 1245 448 1256 447 1264 449 1272 453 1280 458 1288 462 1296 467 1304 470 1316 472 1328 471 1340 469 1348 467 1358 464 1368 460 1375 456 1382 452 1388 448 1396 442 1404 437 1410 432 1408 423 1402 416 1396 410 1392 404 1386 396 1381 388 1377 380 1374 372 1371 364 1368 356 1364 346 1360 336 1356 328 1352 321 1348 315 1342 308 1336 303 1328 298 1320 296 1308 296 1300 298 1292 303 1288 308 1282 316 1277 324 1272 330 1266 336 1259 340 1248 342 1236 342 1226 340 1216 336 1209 332 1204 328 1198 320 1195 312 1192 301 1190 292 1188 284 1183 276 1176 272 1164 271 1156 272 1144 274 1132 275 1124 272 1118 264 1113 256 1109 248 1104 240 1100 232 1096 224 1093 216 1090 208 1088 200 1085 188 1083 180 1080 168 1078 160 1075 152 1071 144 1066 136 1061 128 1056 122 1052 116 1046 108 1041 100 1036 92 1033 84 1031 76 1031 64 1033 56 1036 46 1040 39 1046 32 1052 28 1064 28 1069 32 1071 44 1069 56 1068 68 1071 80 1075 88 1080 94 1086 100 1092 104 1100 108 1109 112 1120 116 1128 118 1136 120 1148 123 1156 124 1168 125 1176 123 1184 118 1188 111 1188 100 1185 92 1180 84 1176 80 1168 73 1163 68 1156 62 1151 56 1146 48 1142 40 1138 32 1135 24 1132 15 1128 4 M608 168 620 168 628 170 636 173 644 179 649 184 654 192 658 200 660 208 660 220 657 228 652 233 640 235 628 233 620 230 612 225 606 220 600 213 596 207 592 198 590 188 592 178 597 172 606 168 M1352 195 1344 199 1339 204 1332 212 1328 220 1325 228 1324 236 1323 248 1325 256 1329 264 1336 271 1344 276 1352 279 1360 281 1372 283 1384 284 1392 284 1404 285 1416 284 1424 283 1430 276 1428 267 1424 260 1417 252 1412 246 1407 240 1400 232 1396 227 1390 220 1384 212 1380 208 1373 200 1368 196 1356 193 M808 468 820 467 832 468 840 470 847 476 844 485 838 492 831 496 820 499 812 500 800 500 788 504 783 508 778 516 775 524 771 532 768 540 764 548 759 556 752 564 745 568 736 571 728 572 720 572 708 568 702 564 697 556 694 548 692 537 691 528 691 516 692 506 696 497 700 492 708 486 716 483 724 480 736 478 748 477 760 477 772 477 782 476 792 473 800 470 808 468 M588 472 600 470 608 473 616 477 621 484 620 492 608 494 600 491 593 484 588 476 588 472 M452 0 450 8 447 16 442 24 436 31 430 36 424 40 416 44 408 48 396 52 388 54 376 56 368 57 356 57 344 58 336 56 328 50 323 44 318 36 313 28 308 21 303 16 296 10 288 4 282 0 M1534 0 1536 12 1537 20 1539 32 1541 40 1543 52 1545 60 1548 70 1552 80 1555 88 1558 96 1557 108 1552 113 1544 117 1534 120 1524 122 1516 124 1506 128 1499 132 1492 138 1487 144 1483 152 1480 164 1479 172 1480 180 1484 190 1490 196 1500 200 1508 201 1520 200 1532 200 1544 202 1552 205 1560 211 1564 216 1568 227 1569 236 1568 244 1564 256 1561 264 1556 272 1552 277 1544 284 1536 288 1528 289 1516 288 1508 287 1500 284 1491 280 1484 276 1476 269 1470 264 1464 258 1456 252 1451 248 1444 244 1436 240 1428 235 1420 230 1413 224 1408 219 1402 212 1396 204 1392 196 1388 188 1385 180 1383 172 1381 160 1381 148 1380 137 1375 136 1368 143 1364 149 1359 156 1352 164 1348 168 1341 176 1336 181 1330 188 1324 195 1320 201 1316 208 1311 216 1307 224 1303 232 1299 240 1294 248 1288 254 1281 260 1276 264 1269 272 1266 280 1264 288 1261 300 1259 308 1254 316 1248 321 1236 323 1224 320 1219 316 1214 308 1212 300 1212 290 1213 280 1215 268 1212 258 1207 252 1200 248 1188 245 1176 245 1164 246 1152 247 1140 247 1132 244 1124 239 1117 232 1112 226 1108 220 1104 212 1100 203 1097 192 1096 184 1094 172 1094 160 1096 150 1100 142 1108 137 1116 135 1128 135 1138 136 1148 137 1160 139 1172 139 1184 137 1192 134 1199 128 1203 120 1204 108 1201 96 1198 88 1193 80 1188 74 1182 68 1176 63 1169 56 1164 51 1159 44 1155 36 1151 28 1148 20 1144 9 1141 0 M0 438 8 443 16 447 24 451 32 455 40 459 48 464 52 468 59 476 64 484 67 492 67 504 63 512 56 519 48 524 40 528 32 531 24 534 16 538 8 543 1 548 M1596 552 1591 556 1584 563 1579 568 1574 576 1571 584 1570 596 1571 608 1572 616 1572 628 1569 636 1564 643 1558 648 1550 652 1540 655 1529 652 1526 644 1524 632 1525 620 1527 608 1529 600 1532 589 1534 580 1533 568 1530 560 1527 552 1522 544 1517 536 1512 530 1505 524 1496 524 1492 529 1488 537 1484 545 1480 554 1476 562 1472 571 1468 580 1465 588 1463 596 1461 608 1461 620 1462 632 1464 644 1467 652 1472 658 1480 662 1488 664 1500 665 1512 664 1524 666 1528 674 1531 684 1532 692 M276 696 268 689 264 683 260 675 257 664 256 652 257 640 260 628 262 620 265 612 268 603 272 592 274 584 276 576 277 564 276 556 272 544 269 536 266 528 264 516 266 504 269 496 275 488 280 483 288 476 294 472 301 468 309 464 316 459 318 448 316 436 315 428 312 416 310 408 308 397 306 388 305 376 305 364 308 355 312 348 320 341 328 339 336 340 346 344 355 348 364 352 372 356 379 360 386 364 392 368 400 375 405 380 411 388 415 396 418 404 421 412 423 424 420 434 414 440 406 444 396 447 388 449 376 452 368 454 359 456 348 459 340 461 332 466 329 476 330 488 330 500 330 512 329 524 330 536 331 548 334 556 339 564 344 571 349 576 356 582 363 588 370 592 377 596 385 600 394 604 402 608 408 612 416 618 423 624 428 629 434 636 440 643 444 649 448 656 452 668 453 676 454 688 M1140 696 1136 685 1134 676 1132 668 1129 656 1128 648 1124 636 1120 628 1116 622 1108 616 1100 612 1092 609 1084 606 1076 602 1068 597 1064 592 1059 584 1057 572 1059 560 1062 552 1066 544 1070 536 1075 528 1079 520 1083 512 1087 504 1092 496 1096 488 1100 482 1105 476 1112 468 1119 464 1128 461 1140 463 1148 468 1154 472 1160 477 1168 482 1176 486 1184 488 1196 488 1204 486 1212 483 1220 479 1228 475 1236 471 1248 469 1260 470 1268 473 1276 477 1284 482 1292 488 1300 492 1308 495 1320 494 1328 492 1338 488 1348 485 1356 482 1364 479 1373 476 1383 472 1392 469 1400 466 1411 464 1420 464 1428 464 1440 465 1452 467 1464 466 1470 460 1472 452 1474 440 1475 428 1476 420 1479 408 1484 402 1492 397 1500 395 1508 392 1520 389 1528 387 1540 385 1551 388 1558 392 1564 397 1570 404 1576 412 1580 417 1585 424 1592 431 M1436 35 1428 39 1423 44 1419 52 1423 60 1432 61 1440 58 1446 52 1446 40 1440 35 M168 48 180 47 192 47 200 48 211 52 219 56 226 60 232 64 240 68 252 72 260 73 272 74 284 72 292 71 304 69 316 68 328 69 336 75 340 80 347 88 352 95 356 102 360 110 364 119 367 128 369 136 371 148 373 156 376 166 380 175 384 180 392 186 400 191 408 194 416 198 424 203 431 208 436 214 441 220 445 228 447 240 445 252 440 260 436 264 428 270 420 273 408 275 396 274 388 271 380 268 372 263 364 259 356 256 344 253 332 254 321 256 316 256 308 250 304 242 302 232 300 220 299 212 297 200 294 192 290 184 286 176 280 168 276 164 268 156 263 152 256 147 248 143 240 139 228 136 220 135 208 135 198 136 188 138 176 139 164 140 152 138 144 134 136 128 132 122 128 112 127 104 127 92 128 83 131 72 135 64 140 58 148 53 156 50 165 48 M620 184 628 184 636 188 642 196 645 204 644 213 636 219 625 216 619 212 613 204 611 196 613 188 620 184 M508 187 518 188 524 196 526 204 528 212 532 224 535 232 538 240 541 248 545 256 548 265 551 276 553 284 555 296 554 308 552 317 548 326 544 332 537 340 532 346 525 352 518 356 508 359 496 357 490 352 484 345 480 338 476 328 473 320 471 312 468 300 466 292 464 280 463 272 462 260 463 248 465 240 468 231 472 222 476 215 481 208 488 200 493 196 500 190 508 187 M1396 315 1408 315 1416 316 1426 320 1433 324 1440 330 1445 336 1450 344 1454 352 1457 360 1459 372 1459 384 1452 390 1444 393 1432 394 1420 393 1412 389 1405 384 1400 379 1395 372 1391 364 1388 355 1385 344 1384 336 1384 328 1388 319 1396 315 M736 488 744 488 754 492 760 498 763 508 762 520 760 530 756 540 752 547 748 552 740 557 728 560 716 556 711 552 706 544 703 536 701 524 702 512 705 504 712 496 718 492 728 489 736 488 M148 512 152 509 156 511 157 512 156 516 156 516 152 517 150 516 148 512 148 512 148 512 M76 612 88 611 96 613 104 619 108 628 104 640 100 648 96 654 91 660 84 668 79 672 69 676 60 676 52 673 45 668 40 661 38 652 40 643 44 636 50 628 56 623 64 617 72 613 M409 0 404 4 395 8 384 9 376 8 368 2 M1302 0 1304 8 1308 19 1312 28 1316 36 1320 43 1324 50 1328 56 1332 64 1336 72 1339 84 1339 96 1337 108 1334 116 1331 124 1327 132 1322 140 1316 148 1312 153 1306 160 1300 167 1294 172 1288 177 1280 181 1272 180 1264 172 1260 166 1256 160 1250 152 1244 144 1240 138 1236 129 1233 120 1230 112 1228 104 1224 93 1220 84 1217 76 1212 68 1208 63 1202 56 1196 50 1189 44 1184 38 1179 32 1175 24 1171 16 1167 8 M363 696 359 688 356 679 352 669 348 663 336 661 324 663 312 664 300 663 292 659 286 652 284 644 284 636 288 624 292 616 296 610 303 604 312 600 324 604 329 608 336 615 340 621 344 628 349 636 355 644 364 647 376 645 388 644 400 646 408 650 414 656 419 664 421 672 420 682 416 692 M1163 696 1159 688 1156 679 1152 668 1150 660 1148 650 1146 640 1144 630 1141 620 1137 612 1132 604 1127 600 1120 596 1111 592 1100 588 1092 584 1087 580 1083 572 1083 560 1085 552 1088 544 1092 535 1096 528 1100 520 1105 512 1111 504 1116 498 1124 493 1132 492 1140 494 1148 498 1156 504 1162 508 1171 512 1180 514 1192 514 1200 512 1211 508 1220 505 1228 502 1240 500 1252 502 1260 506 1267 512 1272 517 1278 524 1284 531 1288 537 1293 544 1298 552 1302 560 1305 568 1308 580 1307 592 1304 604 1302 612 1299 620 1296 632 1295 640 1294 652 1295 664 1296 675 1298 684 1300 693 M292 107 304 104 316 106 324 109 332 114 338 120 343 128 346 136 348 148 348 155 347 164 344 174 340 180 328 183 320 179 313 172 308 167 303 160 297 152 292 145 288 139 284 132 281 120 284 112 292 107 M1436 156 1440 157 1440 160 1440 162 1440 164 1438 168 1436 172 1433 168 1433 164 1434 160 1436 156 M1152 175 1164 175 1176 176 1184 179 1189 184 1185 192 1178 196 1168 198 1156 198 1148 196 1140 188 1144 179 1152 175 M504 260 516 258 524 263 528 268 533 276 536 284 538 296 536 308 532 316 528 321 520 327 512 329 504 327 497 320 493 312 491 304 491 292 492 282 495 272 500 264 504 260 M1536 427 1548 427 1555 432 1560 438 1564 445 1568 455 1570 464 1568 472 1556 475 1548 471 1540 466 1534 460 1529 452 1526 444 1528 433 1533 428 M1400 512 1412 510 1424 512 1432 516 1436 520 1441 528 1443 540 1441 552 1439 560 1436 568 1432 579 1429 588 1427 596 1424 607 1421 616 1419 624 1416 632 1412 640 1407 648 1400 655 1392 658 1384 655 1376 649 1371 644 1364 637 1360 632 1354 624 1349 616 1346 608 1344 600 1343 588 1345 580 1348 570 1352 560 1356 552 1360 544 1364 536 1368 530 1374 524 1380 519 1388 516 1399 512 M1285 0 1288 12 1290 20 1294 28 1297 36 1301 44 1305 52 1310 60 1314 68 1317 76 1320 88 1319 100 1316 109 1312 116 1306 124 1300 129 1292 134 1280 136 1268 132 1261 128 1256 124 1249 116 1244 108 1240 100 1237 92 1234 84 1230 76 1226 68 1222 60 1216 53 1212 48 1204 40 1200 36 1193 28 1188 22 1184 15 1180 7 M1175 696 1171 688 1168 680 1164 670 1160 660 1158 652 1156 641 1154 632 1152 621 1149 612 1146 604 1142 596 1136 589 1129 584 1121 580 1112 576 1104 572 1100 567 1098 556 1100 548 1104 538 1108 531 1113 524 1120 516 1127 512 1136 512 1144 516 1151 520 1158 524 1168 528 1176 529 1186 528 1196 526 1204 523 1213 520 1224 516 1232 515 1244 516 1252 519 1260 524 1265 528 1272 535 1276 540 1282 548 1286 556 1290 564 1293 572 1294 584 1293 596 1292 604 1289 616 1288 624 1285 636 1284 644 1282 656 1281 668 1282 680 1283 692 M312 131 323 132 328 140 328 145 320 150 313 144 310 136 M512 283 520 285 524 296 520 306 515 308 508 304 507 292 511 284 M1392 559 1400 560 1405 568 1405 580 1404 589 1400 600 1396 607 1389 612 1380 612 1375 608 1370 600 1369 588 1372 579 1376 572 1383 564 1390 560 M1265 0 1266 12 1268 23 1271 32 1275 40 1279 48 1283 56 1286 64 1289 72 1289 84 1287 92 1280 98 1268 98 1260 93 1256 88 1251 80 1248 72 1244 63 1240 55 1236 48 1230 40 1224 34 1218 28 1212 23 1205 16 1200 10 1196 4 M1191 696 1186 688 1181 680 1177 672 1173 664 1170 656 1168 648 1165 636 1163 628 1161 616 1159 608 1156 596 1154 588 1152 580 1148 568 1147 560 1152 554 1160 551 1169 548 1180 544 1188 542 1196 539 1204 536 1215 532 1224 530 1236 529 1248 532 1255 536 1261 540 1268 547 1272 552 1277 560 1281 568 1284 580 1284 588 1284 596 1282 608 1280 619 1278 628 1276 636 1273 648 1271 656 1268 668 1267 676 1265 688 M1216 556 1228 554 1240 555 1248 558 1256 564 1260 569 1264 576 1267 588 1267 600 1266 612 1264 620 1260 630 1256 639 1252 646 1248 652 1240 660 1234 664 1224 667 1212 665 1204 661 1199 656 1192 648 1188 642 1184 632 1181 624 1180 616 1178 604 1179 592 1181 584 1185 576 1192 568 1198 564 1205 560 1216 556 M1216 568 1228 565 1240 567 1248 572 1252 576 1256 584 1259 596 1258 608 1256 616 1252 627 1248 634 1243 640 1236 646 1228 649 1216 649 1208 646 1201 640 1196 633 1192 624 1190 616 1189 604 1190 592 1194 584 1200 577 1207 572 1215 568 M1220 579 1232 579 1240 582 1245 588 1248 596 1248 607 1245 616 1241 624 1236 629 1228 634 1216 633 1209 628 1204 621 1201 612 1201 600 1204 592 1211 584 1219 580%22/%3E%3Cpath stroke=%22%23e0b48c%22 stroke-opacity=%22.16%22 stroke-width=%221.4%22 d=%22M828 0 827 12 824 21 820 30 816 36 811 44 805 52 800 58 795 64 790 72 785 80 780 88 776 95 772 101 765 108 756 110 747 108 740 104 732 98 724 92 718 88 712 84 704 79 696 76 684 73 672 72 660 72 648 73 636 75 628 77 620 81 615 88 616 98 620 104 628 112 633 116 640 121 648 126 656 131 663 136 668 140 676 146 684 152 688 156 696 163 702 168 708 174 713 180 719 188 724 195 728 201 732 208 738 216 743 224 748 231 752 237 757 244 761 252 765 260 767 272 767 284 768 292 772 300 780 305 792 305 803 304 812 302 820 299 828 295 836 288 840 281 842 272 843 260 844 252 848 242 852 235 858 228 864 223 872 219 880 215 891 212 900 210 912 210 921 212 930 216 936 220 944 228 948 233 953 240 957 248 962 256 968 264 973 268 981 272 992 274 1004 274 1014 272 1022 268 1028 263 1032 256 1035 244 1035 232 1034 220 1032 208 1031 200 1028 188 1025 180 1022 172 1018 164 1013 156 1008 149 1003 144 996 138 988 133 980 129 972 126 964 123 956 119 948 114 941 108 936 102 932 94 928 84 926 76 924 65 923 56 924 46 926 36 929 28 936 21 944 17 952 14 960 11 968 8 976 3 M984 696 988 689 990 680 986 672 980 668 968 666 956 667 948 670 940 674 932 680 925 684 916 687 904 684 897 680 892 675 887 668 883 660 880 650 877 640 875 632 871 624 864 616 857 612 848 610 836 611 828 613 820 617 812 623 808 628 804 636 804 646 808 656 812 663 816 669 820 676 824 684 828 696 M660 372 652 375 645 380 641 388 638 396 639 408 643 416 648 422 656 428 664 432 672 435 680 437 692 438 704 437 712 435 720 430 726 424 730 416 730 404 727 396 722 388 716 383 708 378 700 375 688 372 680 371 668 371 M548 570 543 576 547 584 556 584 561 580 560 572 548 570 M502 0 506 8 511 16 516 24 518 32 517 44 512 52 508 57 500 64 493 68 484 71 476 72 464 74 453 76 444 79 436 82 428 86 420 92 416 96 410 104 408 112 408 124 411 132 416 140 420 144 428 149 436 153 448 156 456 156 464 155 472 151 480 146 487 140 492 135 500 129 508 125 516 123 528 123 536 125 548 128 556 130 564 133 573 136 584 139 592 141 604 143 612 145 621 148 631 152 639 156 645 160 652 165 659 172 664 178 669 184 673 192 677 200 680 209 683 220 684 232 684 237 683 248 680 260 676 268 672 274 664 276 656 272 649 268 641 264 634 260 625 256 616 252 608 249 600 247 588 245 580 250 577 260 577 272 578 284 580 294 582 304 583 316 583 328 580 340 577 348 574 356 572 365 572 372 576 382 580 389 584 396 588 405 592 414 596 422 600 429 606 436 612 442 620 448 627 452 634 456 642 460 649 464 657 468 667 472 676 474 688 473 696 471 708 468 716 466 724 464 736 460 744 457 752 454 760 449 767 444 772 439 779 432 784 428 796 425 804 429 812 433 824 436 832 436 840 436 851 432 858 428 864 423 872 416 876 411 881 404 885 396 888 387 891 376 895 368 899 360 904 354 910 348 916 344 924 340 936 337 948 338 960 338 972 337 980 335 990 332 1000 329 1008 327 1020 326 1032 324 1040 323 1048 320 1056 315 1063 308 1068 302 1072 295 1076 287 1080 277 1082 268 1082 256 1080 244 1078 236 1076 228 1073 216 1070 208 1068 200 1064 188 1061 180 1058 172 1054 164 1049 156 1044 148 1040 142 1035 136 1029 128 1024 122 1019 116 1012 109 1007 104 1000 96 996 91 991 84 988 72 991 60 996 52 1000 47 1005 40 1011 32 1016 26 1021 20 1028 12 1032 8 1040 1 M707 0 703 8 697 16 692 21 684 27 676 31 668 33 656 35 644 35 636 32 628 28 621 20 618 12 618 0 M1596 1 1586 4 1580 10 1576 19 1575 28 1577 36 1580 44 1587 52 1596 56 M0 57 12 56 20 55 28 52 36 48 42 40 40 30 36 24 28 16 23 12 16 7 8 3 M1596 150 1588 156 1584 163 1584 171 1587 180 1592 188 1596 196 M0 203 4 210 8 218 12 227 16 236 20 244 24 250 29 256 36 262 44 267 52 270 62 272 72 273 84 274 96 275 104 276 116 280 121 284 125 292 126 304 124 314 121 324 118 332 115 340 108 348 100 349 92 347 84 343 76 339 68 336 58 332 48 329 40 328 28 327 20 328 9 332 2 336 M1596 341 1591 348 1588 358 1588 368 1589 376 1592 387 1596 396 M0 402 4 408 12 416 17 420 24 424 32 428 43 432 52 435 60 438 68 441 76 444 85 448 94 452 104 454 116 453 124 450 132 447 140 442 148 439 156 436 168 435 176 437 184 444 188 451 192 459 196 467 200 473 206 480 212 484 224 485 232 481 237 476 244 468 248 463 253 456 257 448 260 440 261 428 258 420 252 412 247 408 240 402 235 396 233 384 234 372 236 363 239 352 243 344 247 336 252 329 256 323 260 316 264 308 267 296 268 284 267 272 265 260 264 250 263 240 261 228 259 220 256 208 252 200 248 195 240 188 233 184 224 181 216 179 204 178 192 180 184 182 176 185 168 188 157 192 148 193 140 192 132 187 124 182 117 176 112 172 104 166 96 161 88 157 80 153 72 150 63 148 52 146 40 145 30 144 22 144 12 145 1 148 M618 696 620 687 622 676 623 664 624 652 622 640 621 628 620 616 621 604 624 592 626 584 629 576 633 568 639 560 644 553 649 548 654 540 648 532 636 533 624 533 616 532 605 528 596 524 589 520 583 516 576 511 568 505 560 500 553 496 544 492 536 490 525 488 516 488 508 489 497 492 488 496 480 500 472 504 464 507 456 508 447 508 436 506 428 503 417 500 408 498 396 498 388 501 381 508 377 516 378 528 384 536 392 540 400 541 412 541 421 540 432 538 441 536 452 533 464 533 472 539 472 548 468 555 463 560 457 568 452 576 450 584 451 596 453 604 457 612 462 620 468 628 472 632 478 640 484 648 488 656 491 664 493 672 496 684 499 692 M1049 696 1059 692 1068 689 1076 687 1084 684 1091 676 1094 668 1093 656 1089 648 1084 642 1076 637 1068 633 1060 630 1052 626 1044 621 1036 616 1030 612 1024 608 1016 604 1004 602 993 604 984 606 972 608 967 608 956 606 948 601 943 596 941 584 944 572 948 565 953 560 960 554 968 549 976 545 984 541 992 537 999 532 1003 524 1000 514 996 507 991 500 985 492 980 485 976 479 971 472 964 465 956 461 945 464 937 468 928 472 920 475 912 479 904 482 896 485 888 489 880 494 872 500 867 504 860 510 854 516 848 520 840 525 832 528 820 531 812 533 804 537 796 542 791 548 786 556 781 564 776 571 772 576 764 583 756 588 748 591 740 594 731 596 721 600 715 604 709 612 706 620 704 632 705 644 706 656 707 668 709 676 709 688 708 696 M800 375 812 374 817 380 812 388 808 392 800 398 796 400 789 392 792 382 799 376 M1068 379 1060 383 1054 388 1048 394 1043 400 1038 408 1034 416 1032 424 1031 436 1033 444 1036 455 1040 464 1044 470 1052 474 1060 471 1068 464 1072 460 1079 452 1084 445 1088 439 1092 432 1096 424 1099 412 1100 404 1099 396 1096 386 1090 380 1080 377 1068 379 M208 559 200 562 192 566 184 572 180 576 175 584 172 595 171 604 172 616 172 628 172 640 171 652 170 664 172 676 176 681 184 685 196 685 204 683 212 678 217 672 221 664 224 654 226 644 228 636 231 624 233 616 236 604 237 596 237 584 236 576 232 568 224 561 216 559 M435 0 431 8 424 16 420 20 412 26 404 30 396 33 384 36 372 36 360 34 352 31 344 25 339 20 333 12 328 6 323 0 M1321 0 1324 10 1328 20 1332 27 1336 33 1341 40 1347 48 1352 56 1356 64 1358 72 1360 84 1359 96 1356 106 1353 116 1349 124 1346 132 1342 140 1338 148 1333 156 1328 163 1324 169 1318 176 1313 184 1308 191 1304 196 1299 204 1293 212 1288 218 1280 224 1273 228 1264 230 1252 230 1242 228 1232 225 1224 223 1212 222 1200 222 1188 223 1176 224 1168 225 1156 226 1144 225 1136 222 1128 218 1122 212 1116 204 1113 196 1111 188 1111 176 1112 168 1117 160 1124 155 1136 152 1144 152 1152 152 1164 153 1176 153 1188 152 1196 151 1207 148 1212 144 1216 136 1218 124 1217 112 1216 104 1212 92 1208 84 1204 76 1200 71 1194 64 1188 59 1181 52 1176 47 1171 40 1166 32 1162 24 1159 16 1156 8 M1421 0 1416 4 1408 9 1400 13 1388 12 1381 8 1376 3 M1516 0 1521 8 1524 18 1527 28 1528 36 1530 48 1532 60 1533 68 1535 80 1534 92 1529 100 1523 104 1513 108 1504 111 1496 115 1488 120 1484 124 1477 132 1473 140 1470 148 1467 156 1465 168 1464 176 1463 188 1463 200 1460 212 1455 216 1444 218 1435 216 1426 212 1420 208 1412 200 1408 193 1405 184 1404 176 1404 167 1406 156 1408 148 1411 136 1413 128 1416 119 1420 109 1424 103 1431 96 1437 92 1444 88 1452 84 1460 79 1467 72 1472 64 1474 56 1475 44 1473 32 1471 24 1469 12 1470 0 M0 453 8 457 16 461 24 464 32 469 40 475 44 481 47 492 44 503 40 508 32 513 24 517 16 521 8 525 0 530 M1596 532 1588 538 1580 543 1572 547 1560 547 1552 542 1547 536 1542 528 1538 520 1535 512 1531 504 1527 496 1521 488 1516 480 1512 475 1507 468 1503 460 1500 452 1498 440 1500 428 1504 420 1508 415 1516 409 1524 405 1532 403 1544 403 1552 406 1560 411 1565 416 1572 424 1576 430 1581 436 1588 444 1593 448 M319 696 312 692 302 688 292 684 284 680 279 676 273 668 269 660 268 652 268 640 270 632 272 624 276 614 280 605 284 597 288 589 292 582 296 575 301 568 312 566 320 572 325 576 332 582 338 588 344 594 351 600 356 605 364 611 372 615 380 619 388 621 396 624 405 628 412 632 420 638 426 644 432 652 436 660 438 668 439 680 437 692 M1151 696 1148 687 1144 676 1142 668 1140 660 1138 648 1136 640 1133 628 1129 620 1124 614 1117 608 1109 604 1100 601 1092 598 1084 594 1076 588 1072 582 1069 572 1071 560 1073 552 1077 544 1081 536 1085 528 1089 520 1094 512 1098 504 1103 496 1108 489 1113 484 1120 479 1132 476 1143 480 1150 484 1156 488 1164 494 1172 498 1180 501 1192 501 1200 499 1210 496 1220 492 1228 489 1236 486 1248 485 1259 488 1267 492 1272 496 1280 503 1285 508 1292 516 1296 521 1301 528 1308 536 1313 540 1320 545 1328 543 1334 536 1338 528 1342 520 1347 512 1352 507 1360 501 1368 497 1376 494 1384 491 1395 488 1404 486 1416 485 1428 486 1436 489 1444 493 1452 500 1456 505 1460 512 1464 522 1465 532 1464 541 1461 552 1458 560 1455 568 1452 576 1448 586 1445 596 1444 604 1442 616 1440 628 1440 636 1439 648 1438 660 1437 672 1436 680 1432 688 1426 696 M1371 696 1366 688 1362 680 1358 672 1354 664 1349 656 1344 648 1340 643 1334 636 1328 631 1317 632 1313 640 1311 648 1311 660 1313 668 1315 680 1317 688 M1473 696 1476 694 1479 692 1480 691 1484 690 1488 689 1492 689 1496 689 1500 689 1504 690 1508 692 1508 692 1512 695 1513 696 M168 67 180 65 192 67 200 70 208 75 215 80 220 84 228 90 236 94 248 95 260 93 268 92 280 90 292 88 300 88 308 88 320 91 328 94 336 100 340 104 347 112 352 120 355 128 358 136 360 148 361 156 362 168 363 180 365 188 368 196 374 204 380 208 392 212 400 215 407 220 412 227 415 236 412 246 404 251 392 250 384 245 377 240 372 235 364 229 356 225 348 223 336 220 328 216 323 212 317 204 312 197 308 190 304 183 299 176 294 168 288 160 284 155 277 148 272 142 266 136 260 131 252 124 247 120 240 115 232 111 220 111 212 113 201 116 192 118 183 120 172 121 164 119 156 115 151 108 148 97 148 92 151 80 156 74 164 68 M1508 216 1520 214 1532 214 1541 216 1548 221 1552 228 1552 240 1550 248 1545 256 1540 261 1532 266 1523 268 1516 268 1505 264 1499 260 1492 254 1487 248 1483 240 1482 228 1488 222 1496 219 1506 216 M508 228 516 232 520 236 526 244 532 252 536 260 540 268 543 276 545 284 547 296 546 308 543 316 538 324 532 332 527 336 520 341 508 344 498 340 492 335 488 328 484 319 481 308 480 300 479 288 480 276 481 268 484 259 488 249 492 241 496 235 504 228 M340 368 350 368 360 371 368 374 376 378 384 384 388 388 394 396 397 404 397 416 393 424 388 428 380 433 370 436 360 437 348 436 340 432 335 428 331 420 328 412 325 400 325 388 328 378 332 372 340 368 M292 503 304 504 307 512 305 524 300 531 292 526 288 518 288 509 292 503 M724 503 736 502 744 506 748 514 748 524 746 532 740 540 732 544 728 544 720 540 715 532 714 520 716 512 723 504 M1220 543 1232 542 1244 544 1252 548 1258 552 1264 558 1268 564 1272 572 1275 584 1276 596 1274 608 1272 619 1269 628 1267 636 1264 644 1260 654 1256 662 1252 670 1248 676 1242 684 1236 689 1228 692 1220 692 1211 688 1204 683 1197 676 1192 670 1187 664 1183 656 1179 648 1176 640 1173 628 1171 620 1169 608 1168 599 1168 588 1169 580 1172 571 1177 564 1184 559 1192 554 1200 550 1208 547 1217 544%22/%3E%3C/g%3E%3C/svg%3E");
    background-size: cover;
    background-position: center top;
    background-repeat: no-repeat; }
  .footer a {
    color: #e9e2da;
    text-decoration: none;
    transition: color .15s ease; }
    .footer a:hover, .footer a:focus-visible {
      color: #ff7630; }

/* --- grid ---------------------------------------------------------------- */
.footer-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 32px 16px;
  padding: 44px 0 36px;
  text-align: center; }
  @media (min-width: 768px) {
    .footer-grid {
      gap: 32px;
      text-align: left; } }
  @media (min-width: 1024px) {
    .footer-grid {
      grid-template-columns: 1.6fr 1fr 1fr 1.4fr;
      gap: 48px;
      padding: 72px 0 56px; } }

/* --- brand column -------------------------------------------------------- */
.footer-brand {
  grid-column: 1 / -1; }
  @media (min-width: 1024px) {
    .footer-brand {
      grid-column: auto;
      padding-right: 24px;
      border-right: 1px solid rgba(233, 226, 218, 0.12); } }

.footer-brand-logo {
  margin-bottom: 18px; }
  .footer-brand-logo .header-logo-image-container,
  .footer-brand-logo .header-logo-image-container:after {
    background: none;
    padding: 0; }
  .footer-brand-logo img,
  .footer-brand-logo .header-logo-image,
  .footer-brand-logo .header-logo-image-unknown-size {
    max-width: 220px;
    max-height: none;
    width: 100%;
    height: auto;
    position: static;
    transform: none; }
  @media (min-width: 768px) {
    .footer-brand-logo img {
      margin: 0; } }

.footer-brand-tagline {
  margin: 0 0 22px;
  font-size: 15px;
  line-height: 1.5;
  color: #a89c90;
  max-width: 320px;
  margin-left: auto;
  margin-right: auto; }
  @media (min-width: 768px) {
    .footer-brand-tagline {
      margin-left: 0;
      margin-right: 0; } }

.footer-social .socialLinks {
  display: flex;
  justify-content: center;
  gap: 10px;
  margin: 0;
  line-height: 1; }
  @media (min-width: 768px) {
    .footer-social .socialLinks {
      justify-content: flex-start; } }

.footer-social .socialLinks-item {
  margin: 0;
  padding: 0; }
  .footer-social .socialLinks-item .icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    border: 1px solid rgba(233, 226, 218, 0.12);
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.03);
    transition: background-color .15s ease, border-color .15s ease; }
    .footer-social .socialLinks-item .icon svg {
      width: 18px;
      height: 18px;
      padding: 0;
      fill: #e9e2da; }
  .footer-social .socialLinks-item:hover .icon {
    background-color: #ff7630;
    border-color: #ff7630; }
    .footer-social .socialLinks-item:hover .icon svg {
      fill: white; }

/* --- link columns -------------------------------------------------------- */
.footer-col-heading {
  position: relative;
  margin: 0 0 18px;
  padding-bottom: 12px;
  font-family: "Roboto Slab";
  font-size: 13px;
  font-weight: 800;
  letter-spacing: 2px;
  text-transform: uppercase;
  color: white; }
  .footer-col-heading:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 50%;
    width: 28px;
    height: 2px;
    background: #ff7630;
    transform: translateX(-50%); }
    @media (min-width: 768px) {
      .footer-col-heading:after {
        left: 0;
        transform: none; } }

.footer-col-list {
  margin: 0;
  padding: 0;
  list-style: none; }
  .footer-col-list li {
    margin: 0 0 10px; }
  .footer-col-list a {
    font-size: 15px;
    line-height: 1.4;
    color: #a89c90; }

/* --- contact + newsletter ------------------------------------------------ */
.footer-contact {
  grid-column: 1 / -1; }
  @media (min-width: 1024px) {
    .footer-contact {
      grid-column: auto; } }
  .footer-contact .footer-contact-phone,
  .footer-contact .footer-contact-email {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    margin-bottom: 10px; }
    @media (min-width: 768px) {
      .footer-contact .footer-contact-phone,
      .footer-contact .footer-contact-email {
        justify-content: flex-start; } }
    .footer-contact .footer-contact-phone svg,
    .footer-contact .footer-contact-email svg {
      flex: 0 0 auto;
      fill: #ff7630; }
  .footer-contact .footer-contact-phone {
    font-size: 24px;
    font-weight: 800;
    letter-spacing: .5px;
    color: white; }
  .footer-contact .footer-contact-email {
    font-size: 15px; }
  .footer-contact .footer-contact-address {
    margin: 14px 0 0;
    font-style: normal;
    font-size: 14px;
    line-height: 1.6;
    color: #a89c90; }

.footer-newsletter {
  margin-top: 22px; }
  .footer-newsletter h5 {
    font-size: 13px;
    letter-spacing: 2px;
    text-transform: uppercase;
    color: white;
    margin-bottom: 10px; }
  .footer-newsletter .form {
    margin: 0; }
  .footer-newsletter .form-field {
    margin: 0; }
  .footer-newsletter .form-prefixPostfix {
    position: relative; }
  .footer-newsletter .form-input {
    background: rgba(255, 255, 255, 0.06);
    border: 1px solid rgba(233, 226, 218, 0.12);
    color: white; }
  .footer-newsletter .form-prefixPostfix-button--postfix {
    position: absolute;
    top: 50%;
    right: 12px;
    margin: 0;
    border: none;
    transform: translateY(-50%); }
    .footer-newsletter .form-prefixPostfix-button--postfix .theme-icon:before {
      color: #ff7630;
      font-size: 22px; }

/* --- bottom bar ---------------------------------------------------------- */
.bottom-footer {
  border-top: 1px solid rgba(233, 226, 218, 0.12);
  background-color: rgba(0, 0, 0, 0.28);
  padding: 18px 0;
  font-size: 0; }

.bottom-footer-inner {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 14px; }
  .bottom-footer-inner:before, .bottom-footer-inner:after {
    display: none; }
  @media (min-width: 1024px) {
    .bottom-footer-inner {
      flex-direction: row;
      justify-content: space-between; } }

.bottom-footer-copy {
  margin: 0;
  font-family: "Roboto Slab";
  font-size: 12px;
  letter-spacing: 1px;
  text-transform: uppercase;
  color: #a89c90;
  text-align: center; }
  @media (min-width: 1024px) {
    .bottom-footer-copy {
      text-align: left;
      white-space: nowrap; } }
  .bottom-footer-copy a {
    color: #a89c90; }

.theme-payment {
  display: block;
  width: auto;
  margin: 0; }
  @media (min-width: 1024px) {
    .theme-payment {
      margin-left: auto; } }
  .theme-payment .footer-payment-icons {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 6px;
    margin: 0;
    height: auto; }
    .theme-payment .footer-payment-icons span {
      padding: 0;
      line-height: 0; }
    .theme-payment .footer-payment-icons .footer-payment-icon {
      width: 42px;
      height: 28px;
      margin: 0;
      padding: 2px;
      background-color: white;
      border: 0;
      border-radius: 4px; }

/* for home */
/* hero-carousel style start */
.heroCarousel {
  margin-bottom: 0; }
  @media (min-width: 801px) {
    .heroCarousel {
      margin-top: -1.5rem; } }
  .heroCarousel .slick-dots {
    bottom: 6px; }
    @media (min-width: 551px) {
      .heroCarousel .slick-dots {
        bottom: 10px; } }
    @media (min-width: 801px) {
      .heroCarousel .slick-dots {
        bottom: 20px; } }
    .heroCarousel .slick-dots li {
      background-color: transparent;
      width: 10px;
      height: 10px;
      padding: 0;
      margin: 0 4px; }
      @media (min-width: 768px) {
        .heroCarousel .slick-dots li {
          width: 15px;
          height: 15px; } }
      @media (min-width: 1024px) {
        .heroCarousel .slick-dots li {
          width: 19px;
          height: 19px; } }
      .heroCarousel .slick-dots li button {
        border: 3px solid white;
        width: 10px;
        height: 10px; }
        @media (min-width: 768px) {
          .heroCarousel .slick-dots li button {
            width: 15px;
            height: 15px; } }
        @media (min-width: 1024px) {
          .heroCarousel .slick-dots li button {
            width: 19px;
            height: 19px; } }
        .heroCarousel .slick-dots li button::before {
          background-color: #f2f2f2;
          opacity: 1;
          width: 6px;
          height: 6px; }
          @media (min-width: 768px) {
            .heroCarousel .slick-dots li button::before {
              width: 11px;
              height: 11px; } }
          @media (min-width: 1024px) {
            .heroCarousel .slick-dots li button::before {
              width: 15px;
              height: 15px; } }
      .heroCarousel .slick-dots li.slick-active button::before {
        background-color: #e3e3e3; }
      .heroCarousel .slick-dots li:hover button::before {
        background-color: #e3e3e3; }

.heroCarousel-slide .heroCarousel-image-wrapper {
  max-height: inherit; }
  .heroCarousel-slide .heroCarousel-image-wrapper .heroCarousel-image {
    max-height: inherit;
    object-fit: cover; }

.heroCarousel-content {
  background-color: rgba(255, 255, 255, 0);
  width: 100%;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 0;
  right: 0;
  /*padding: 8px 16px;*/ }
  @media only screen and (max-width: 475px) {
    .heroCarousel-content {
      padding: 40px 1.5rem; } }

.heroCarousel-title, .heroCarousel-description {
  line-height: 1;
  text-transform: uppercase;
  text-shadow: 2px 1px 0 rgba(255, 88, 13, 0.76);
  margin-bottom: 8px; }
  @media (min-width: 1024px) {
    .heroCarousel-title, .heroCarousel-description {
      text-shadow: 2px 1px 0 rgba(255, 88, 13, 0.76); } }

.heroCarousel-title {
  font-family: "Montserrat";
  font-size: 24px;
  color: #fefefe;
  font-weight: 700; }
  @media (min-width: 551px) {
    .heroCarousel-title {
      font-size: 29px; } }
  @media (min-width: 768px) {
    .heroCarousel-title {
      font-size: 43px; } }
  @media (min-width: 1024px) {
    .heroCarousel-title {
      font-size: 66px; } }
  @media (min-width: 1366px) {
    .heroCarousel-title {
      font-size: 71px; } }
  @media (min-width: 1850px) {
    .heroCarousel-title {
      font-size: 86px; } }

.heroCarousel-description {
  font-family: "Roboto Slab";
  font-size: 13px;
  color: white;
  font-weight: 700;
  font-style: italic; }
  @media (min-width: 768px) {
    .heroCarousel-description {
      font-size: 20px; } }
  @media (min-width: 1024px) {
    .heroCarousel-description {
      font-size: 20px; } }
  @media (min-width: 1366px) {
    .heroCarousel-description {
      font-size: 25px; } }
  @media (min-width: 1850px) {
    .heroCarousel-description {
      font-size: 40px; } }

.heroCarousel-action {
  line-height: 1;
  font-size: 14px;
  border: none;
  padding: 8px 16px;
  box-shadow: 0px 0px 1px 3px rgba(255, 255, 255, 0.5);
  text-transform: uppercase;
  font-weight: 700;
  background-color: #383838;
  color: white; }
  .heroCarousel-action:hover {
    box-shadow: 0px 0px 1px 3px #ffc600;
    border: none;
    background-color: white;
    color: #ffc600; }
  @media (min-width: 768px) {
    .heroCarousel-action {
      font-size: 18px;
      padding: 10px 20px; } }
  @media (min-width: 1024px) {
    .heroCarousel-action {
      font-size: 21px;
      padding: 14px 25px; } }
  @media (min-width: 1366px) {
    .heroCarousel-action {
      padding: 15px 34px; } }
  @media (min-width: 1850px) {
    .heroCarousel-action {
      font-size: 26px; } }

.heroCarousel .slick-next,
.heroCarousel .slick-prev {
  background-color: rgba(0, 0, 255, 0); }

.heroCarousel .slick-arrow {
  width: 20px;
  height: 50px; }
  @media (min-width: 1366px) {
    .heroCarousel .slick-arrow {
      width: 30px;
      height: 86px; } }
  .heroCarousel .slick-arrow.slick-prev {
    left: 5px; }
    @media (min-width: 1024px) {
      .heroCarousel .slick-arrow.slick-prev {
        left: 10px; } }
    @media (min-width: 1366px) {
      .heroCarousel .slick-arrow.slick-prev {
        left: 35px; } }
    @media (min-width: 1440px) {
      .heroCarousel .slick-arrow.slick-prev {
        left: 75px; } }
    @media (min-width: 1600px) {
      .heroCarousel .slick-arrow.slick-prev {
        left: 10%; } }
    @media (min-width: 1850px) {
      .heroCarousel .slick-arrow.slick-prev {
        left: 11%; } }
    .heroCarousel .slick-arrow.slick-prev::before {
      transform: rotate(180deg);
      background-image: none;
      color: #383838; }
  .heroCarousel .slick-arrow.slick-next {
    right: 5px; }
    @media (min-width: 1024px) {
      .heroCarousel .slick-arrow.slick-next {
        right: 10px; } }
    @media (min-width: 1366px) {
      .heroCarousel .slick-arrow.slick-next {
        right: 35px; } }
    @media (min-width: 1440px) {
      .heroCarousel .slick-arrow.slick-next {
        right: 75px; } }
    @media (min-width: 1600px) {
      .heroCarousel .slick-arrow.slick-next {
        right: 10%; } }
    @media (min-width: 1850px) {
      .heroCarousel .slick-arrow.slick-next {
        right: 11%; } }
    .heroCarousel .slick-arrow.slick-next::before {
      background-image: none;
      color: #383838; }

/* hero-carousel style end */
/* section heading style start */
.section-title {
  text-align: center;
  padding: 24px 0 12px;
  position: relative; }
  .section-title .section-heading {
    font-family: "Roboto Slab";
    font-size: 22px;
    color: #010101;
    font-weight: 700;
    text-transform: uppercase;
    position: relative;
    display: inline-block;
    margin: 0 0 8px;
    line-height: 1.2; }
    @media (min-width: 551px) {
      .section-title .section-heading:before, .section-title .section-heading:after {
        content: "";
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        border: 3px solid #ff580d;
        width: 80px; } }
    @media (min-width: 551px) {
      .section-title .section-heading:before {
        left: -96px; } }
    @media (min-width: 551px) {
      .section-title .section-heading:after {
        right: -96px; } }
    @media (min-width: 768px) {
      .section-title .section-heading {
        font-size: 24px; } }
    @media (min-width: 1024px) {
      .section-title .section-heading {
        font-size: 26px; } }
    @media (min-width: 1850px) {
      .section-title .section-heading {
        font-size: 28px; } }
  .section-title .section-sub-heading {
    font-family: "Caveat";
    font-size: 20px;
    color: #5e5e5e;
    font-weight: 700;
    font-style: italic; }
    @media (min-width: 768px) {
      .section-title .section-sub-heading {
        font-size: 21px; } }
    @media (min-width: 1024px) {
      .section-title .section-sub-heading {
        font-size: 22px; } }
    @media (min-width: 1850px) {
      .section-title .section-sub-heading {
        font-size: 24px; } }
  @media (min-width: 768px) {
    .section-title {
      padding: 32px 0 22px; } }
  @media (min-width: 1366px) {
    .section-title {
      padding: 40px 0 30px; } }

/* section heading style end */
/* usp section style start */
.usp-list {
  font-size: 0;
  margin: 24px -1px; }
  .usp-list .usp-list-item {
    flex: 1;
    padding: 0 5px; }
    .usp-list .usp-list-item .usp-element {
      border: 2px solid #f4f4f7;
      background-color: rgba(0, 0, 255, 0);
      text-align: center;
      padding: 12px 9px;
      margin-bottom: 0; }
      .usp-list .usp-list-item .usp-element .usp-content {
        text-align: left;
        padding-left: 10px; }
        .usp-list .usp-list-item .usp-element .usp-content .usp-content-main {
          font-family: "Roboto Slab";
          font-size: 16px;
          color: #222222;
          font-weight: 700;
          padding-bottom: 5px;
          display: block; }
          @media (min-width: 1850px) {
            .usp-list .usp-list-item .usp-element .usp-content .usp-content-main {
              font-size: 19px; } }
        .usp-list .usp-list-item .usp-element .usp-content .usp-content-sub {
          font-family: "Roboto Slab";
          font-size: 14px;
          color: #666666;
          font-weight: 400;
          display: block; }
          @media (min-width: 1850px) {
            .usp-list .usp-list-item .usp-element .usp-content .usp-content-sub {
              font-size: 16px; } }
        @media (min-width: 1850px) {
          .usp-list .usp-list-item .usp-element .usp-content {
            padding-left: 14px; } }
      @media (min-width: 768px) {
        .usp-list .usp-list-item .usp-element {
          padding: 12px; } }
      @media (min-width: 1850px) {
        .usp-list .usp-list-item .usp-element {
          padding: 20px 24px; } }
    @media (min-width: 768px) {
      .usp-list .usp-list-item {
        padding: 0 10px; } }
    @media (min-width: 1261px) {
      .usp-list .usp-list-item {
        width: 25%; } }
    @media (min-width: 1850px) {
      .usp-list .usp-list-item {
        padding: 0 15px; } }
  @media (min-width: 768px) {
    .usp-list {
      margin: 0px -10px 40px -10px; } }
  @media (min-width: 1366px) {
    .usp-list {
      display: flex;
      margin: 10px -10px 30px; } }
  @media (min-width: 1850px) {
    .usp-list {
      margin: 10px -15px 30px; } }
  .usp-list .slick-slide img {
    width: auto;
    display: inline-block; }

/* usp section style end */
/* recent updates style start */
.recent-update .recent-update-element .recent-update-element-content {
  background-color: white;
  padding: 20px; }
  .recent-update .recent-update-element .recent-update-element-content .recent-update-left {
    width: 100%;
    margin-bottom: 20px; }
    .recent-update .recent-update-element .recent-update-element-content .recent-update-left .recent-update-details .blog-title {
      font-family: "Roboto Slab";
      font-size: 22px;
      color: white;
      font-weight: 700;
      margin: 0;
      text-transform: none; }
      @media (min-width: 768px) {
        .recent-update .recent-update-element .recent-update-element-content .recent-update-left .recent-update-details .blog-title {
          font-size: 24px; } }
      @media (min-width: 1024px) {
        .recent-update .recent-update-element .recent-update-element-content .recent-update-left .recent-update-details .blog-title {
          font-size: 32px; } }
      @media (min-width: 1366px) {
        .recent-update .recent-update-element .recent-update-element-content .recent-update-left .recent-update-details .blog-title {
          font-size: 40px; } }
      @media (min-width: 1850px) {
        .recent-update .recent-update-element .recent-update-element-content .recent-update-left .recent-update-details .blog-title {
          font-size: 48px; } }
    .recent-update .recent-update-element .recent-update-element-content .recent-update-left .recent-update-details .blog-summary {
      line-height: 1.4;
      font-family: "Roboto Slab";
      font-size: 13px;
      color: black;
      font-weight: 400;
      margin: 12px 0; }
      @media (min-width: 768px) {
        .recent-update .recent-update-element .recent-update-element-content .recent-update-left .recent-update-details .blog-summary {
          font-size: 14px;
          margin: 16px 0; } }
      @media (min-width: 1024px) {
        .recent-update .recent-update-element .recent-update-element-content .recent-update-left .recent-update-details .blog-summary {
          font-size: 15px;
          margin: 48px 0; } }
      @media (min-width: 1366px) {
        .recent-update .recent-update-element .recent-update-element-content .recent-update-left .recent-update-details .blog-summary {
          font-size: 17px;
          margin: 32px 0; } }
      @media (min-width: 1850px) {
        .recent-update .recent-update-element .recent-update-element-content .recent-update-left .recent-update-details .blog-summary {
          font-size: 20px;
          margin: 24px 0; } }
    .recent-update .recent-update-element .recent-update-element-content .recent-update-left .recent-update-details .blog-read-more {
      text-decoration: none; }
      .recent-update .recent-update-element .recent-update-element-content .recent-update-left .recent-update-details .blog-read-more span {
        font-family: "Roboto Slab";
        font-size: 14px;
        color: white;
        font-weight: 700;
        text-transform: uppercase;
        border-bottom: 1px solid rgba(255, 255, 255, 0.5); }
        @media (min-width: 1024px) {
          .recent-update .recent-update-element .recent-update-element-content .recent-update-left .recent-update-details .blog-read-more span {
            font-size: 15px; } }
      .recent-update .recent-update-element .recent-update-element-content .recent-update-left .recent-update-details .blog-read-more:hover span {
        border-bottom: 1px solid black; }
    @media (min-width: 768px) {
      .recent-update .recent-update-element .recent-update-element-content .recent-update-left {
        margin-bottom: 0;
        width: 400px;
        padding: 36px 0px 36px 10px; } }
    @media (min-width: 1024px) {
      .recent-update .recent-update-element .recent-update-element-content .recent-update-left {
        width: 430px;
        padding: 26px 0px 26px 30px; } }
    @media (min-width: 1200px) {
      .recent-update .recent-update-element .recent-update-element-content .recent-update-left {
        width: 480px;
        padding: 52px 0px 52px 50px; } }
    @media (min-width: 1366px) {
      .recent-update .recent-update-element .recent-update-element-content .recent-update-left {
        padding: 122px 0px 122px 50px; } }
    @media (min-width: 1850px) {
      .recent-update .recent-update-element .recent-update-element-content .recent-update-left {
        width: 610px;
        padding: 162px 0px 162px 70px; } }
  .recent-update .recent-update-element .recent-update-element-content .recent-update-right .blog-date, .recent-update .recent-update-element .recent-update-element-content .recent-update-right .blog-author {
    font-family: "Roboto Slab";
    font-size: 15px;
    color: black;
    font-weight: 400;
    display: block;
    text-align: left; }
    @media (min-width: 1024px) {
      .recent-update .recent-update-element .recent-update-element-content .recent-update-right .blog-date, .recent-update .recent-update-element .recent-update-element-content .recent-update-right .blog-author {
        font-size: 16px; } }
    @media (min-width: 1850px) {
      .recent-update .recent-update-element .recent-update-element-content .recent-update-right .blog-date, .recent-update .recent-update-element .recent-update-element-content .recent-update-right .blog-author {
        font-size: 17px; } }
    .recent-update .recent-update-element .recent-update-element-content .recent-update-right .blog-date .theme-icon, .recent-update .recent-update-element .recent-update-element-content .recent-update-right .blog-author .theme-icon {
      margin-right: 8px; }
      .recent-update .recent-update-element .recent-update-element-content .recent-update-right .blog-date .theme-icon:before, .recent-update .recent-update-element .recent-update-element-content .recent-update-right .blog-author .theme-icon:before {
        color: black; }
  .recent-update .recent-update-element .recent-update-element-content .recent-update-right .blog-author {
    margin: 0 0 15px; }
    @media (min-width: 768px) {
      .recent-update .recent-update-element .recent-update-element-content .recent-update-right .blog-author {
        margin: 16px 0; } }
    @media (min-width: 1366px) {
      .recent-update .recent-update-element .recent-update-element-content .recent-update-right .blog-author {
        margin: 24px 0; } }
    @media (min-width: 1850px) {
      .recent-update .recent-update-element .recent-update-element-content .recent-update-right .blog-author {
        margin: 32px 0; } }
  .recent-update .recent-update-element .recent-update-element-content .recent-update-right .blog-date {
    margin: 15px 0 0; }
    @media (min-width: 768px) {
      .recent-update .recent-update-element .recent-update-element-content .recent-update-right .blog-date {
        margin: 16px 0; } }
    @media (min-width: 1366px) {
      .recent-update .recent-update-element .recent-update-element-content .recent-update-right .blog-date {
        margin: 24px 0; } }
    @media (min-width: 1850px) {
      .recent-update .recent-update-element .recent-update-element-content .recent-update-right .blog-date {
        margin: 29px 0; } }
  @media (min-width: 768px) {
    .recent-update .recent-update-element .recent-update-element-content .recent-update-right {
      position: relative;
      top: 0;
      transform: none;
      margin-right: -40px;
      width: calc(100% - 400px); } }
  @media (min-width: 1024px) {
    .recent-update .recent-update-element .recent-update-element-content .recent-update-right {
      margin-right: -68px;
      width: calc(100% - 430px); } }
  @media (min-width: 1200px) {
    .recent-update .recent-update-element .recent-update-element-content .recent-update-right {
      width: calc(100% - 480px); } }
  @media (min-width: 1366px) {
    .recent-update .recent-update-element .recent-update-element-content .recent-update-right {
      margin-right: -84px;
      width: calc(100% - 470px); } }
  @media (min-width: 1850px) {
    .recent-update .recent-update-element .recent-update-element-content .recent-update-right {
      margin-right: -128px;
      width: calc(100% - 553px); } }
  .recent-update .recent-update-element .recent-update-element-content.no-blog-image {
    margin-right: 0; }
    .recent-update .recent-update-element .recent-update-element-content.no-blog-image .recent-update-left {
      padding: 0;
      width: 100%; }
      .recent-update .recent-update-element .recent-update-element-content.no-blog-image .recent-update-left .recent-update-details .blog-summary {
        margin: 12px 0; }
        @media (min-width: 768px) {
          .recent-update .recent-update-element .recent-update-element-content.no-blog-image .recent-update-left .recent-update-details .blog-summary {
            margin: 16px 0; } }
        @media (min-width: 1024px) {
          .recent-update .recent-update-element .recent-update-element-content.no-blog-image .recent-update-left .recent-update-details .blog-summary {
            margin: 24px 0; } }
    .recent-update .recent-update-element .recent-update-element-content.no-blog-image .recent-update-right {
      position: inherit;
      width: 100%;
      right: 0;
      top: 0;
      transform: none; }
      .recent-update .recent-update-element .recent-update-element-content.no-blog-image .recent-update-right .blog-author {
        margin-bottom: 8px; }
        @media (min-width: 1024px) {
          .recent-update .recent-update-element .recent-update-element-content.no-blog-image .recent-update-right .blog-author {
            margin-bottom: 16px; } }
        @media (min-width: 1366px) {
          .recent-update .recent-update-element .recent-update-element-content.no-blog-image .recent-update-right .blog-author {
            margin-bottom: 24px; } }
      .recent-update .recent-update-element .recent-update-element-content.no-blog-image .recent-update-right .blog-date {
        margin-top: 8px; }
        @media (min-width: 1024px) {
          .recent-update .recent-update-element .recent-update-element-content.no-blog-image .recent-update-right .blog-date {
            margin-top: 16px; } }
        @media (min-width: 1366px) {
          .recent-update .recent-update-element .recent-update-element-content.no-blog-image .recent-update-right .blog-date {
            margin-top: 24px; } }
    @media (min-width: 768px) {
      .recent-update .recent-update-element .recent-update-element-content.no-blog-image {
        padding: 25px; } }
    @media (min-width: 1366px) {
      .recent-update .recent-update-element .recent-update-element-content.no-blog-image {
        padding: 30px; } }
  @media (min-width: 768px) {
    .recent-update .recent-update-element .recent-update-element-content {
      padding: 0;
      position: relative;
      margin-right: 40px;
      display: flex;
      align-items: center;
      justify-content: space-between;
      flex-wrap: wrap; } }
  @media (min-width: 1024px) {
    .recent-update .recent-update-element .recent-update-element-content {
      margin-right: 68px; } }
  @media (min-width: 1366px) {
    .recent-update .recent-update-element .recent-update-element-content {
      margin-right: 84px; } }
  @media (min-width: 1850px) {
    .recent-update .recent-update-element .recent-update-element-content {
      margin-right: 128px; } }

.recent-update .recent-update-element .recent-update-more {
  display: block;
  text-align: right;
  margin-top: 10px; }
  .recent-update .recent-update-element .recent-update-more a {
    font-family: "Roboto Slab";
    font-size: 16px;
    color: #ff580d;
    font-weight: 700;
    text-transform: capitalize;
    text-decoration: none; }
    .recent-update .recent-update-element .recent-update-more a:hover {
      color: #202738; }
    @media (min-width: 1024px) {
      .recent-update .recent-update-element .recent-update-more a {
        font-size: 18px; } }
    @media (min-width: 1366px) {
      .recent-update .recent-update-element .recent-update-more a {
        font-size: 20px; } }
    @media (min-width: 1850px) {
      .recent-update .recent-update-element .recent-update-more a {
        font-size: 22px; } }
  @media (min-width: 768px) {
    .recent-update .recent-update-element .recent-update-more {
      margin-top: 12px;
      margin-right: 40px; } }
  @media (min-width: 1024px) {
    .recent-update .recent-update-element .recent-update-more {
      margin-top: 16px;
      margin-right: 68px; } }
  @media (min-width: 1366px) {
    .recent-update .recent-update-element .recent-update-more {
      margin-right: 84px; } }
  @media (min-width: 1850px) {
    .recent-update .recent-update-element .recent-update-more {
      margin-top: 20px;
      margin-right: 128px; } }

.recent-update-element-content.no-blog-image + .recent-update-more {
  margin-right: 0; }

/* recent updates style end */
/* our story style start */
.our-story {
  margin-bottom: 60px; }

.our-story-element .our-story-contents .banners {
  font-size: 0;
  background-color: transparent;
  padding: 0; }
  .our-story-element .our-story-contents .banners .banner {
    max-width: 100%;
    position: relative;
    text-align: left; }
    .our-story-element .our-story-contents .banners .banner .our-story-img {
      margin-bottom: 16px; }
      @media (min-width: 1024px) {
        .our-story-element .our-story-contents .banners .banner .our-story-img {
          width: 100%;
          max-width: 460px;
          /*margin-bottom: 0;*/ } }
      @media (min-width: 1200px) {
        .our-story-element .our-story-contents .banners .banner .our-story-img {
          max-width: 620px; } }
      @media (min-width: 1366px) {
        .our-story-element .our-story-contents .banners .banner .our-story-img {
          max-width: 640px; } }
      @media (min-width: 1850px) {
        .our-story-element .our-story-contents .banners .banner .our-story-img {
          max-width: 800px; } }
    @media (min-width: 1024px) {
      .our-story-element .our-story-contents .banners .banner .our-story-content {
        width: 100%;
        max-width: 550px;
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        right: 0; } }
    @media (min-width: 1261px) {
      .our-story-element .our-story-contents .banners .banner .our-story-content {
        max-width: 620px; } }
    @media (min-width: 1366px) {
      .our-story-element .our-story-contents .banners .banner .our-story-content {
        max-width: 640px; } }
    @media (min-width: 1850px) {
      .our-story-element .our-story-contents .banners .banner .our-story-content {
        max-width: 730px; } }
    .our-story-element .our-story-contents .banners .banner .our-story-content .our-story-sub-content {
      padding: 16px;
      margin-bottom: 20px;
      position: relative;
      text-align: left; }
      .our-story-element .our-story-contents .banners .banner .our-story-content .our-story-sub-content::before {
        position: absolute;
        content: '';
        width: 100%;
        height: 100%;
        top: 0;
        right: 0;
        border: 3px solid #ff580d; }
        @media (min-width: 1024px) {
          .our-story-element .our-story-contents .banners .banner .our-story-content .our-story-sub-content::before {
            border-width: 4px;
            width: calc(100% + 10px); } }
        @media (min-width: 1850px) {
          .our-story-element .our-story-contents .banners .banner .our-story-content .our-story-sub-content::before {
            border-width: 6px; } }
      .our-story-element .our-story-contents .banners .banner .our-story-content .our-story-sub-content p {
        line-height: 1.4;
        font-family: "Roboto Slab";
        font-size: 16px;
        color: #010101;
        font-weight: 500;
        /*margin-bottom: 0;*/ }
        @media (min-width: 1366px) {
          .our-story-element .our-story-contents .banners .banner .our-story-content .our-story-sub-content p {
            font-size: 19px; } }
        @media (min-width: 1850px) {
          .our-story-element .our-story-contents .banners .banner .our-story-content .our-story-sub-content p {
            font-size: 22px; } }
      @media (min-width: 1024px) {
        .our-story-element .our-story-contents .banners .banner .our-story-content .our-story-sub-content {
          padding: 24px 16px 24px 64px; } }
      @media (min-width: 1366px) {
        .our-story-element .our-story-contents .banners .banner .our-story-content .our-story-sub-content {
          padding: 40px 24px 40px 72px; } }
      @media (min-width: 1850px) {
        .our-story-element .our-story-contents .banners .banner .our-story-content .our-story-sub-content {
          padding: 48px 30px 48px 120px; } }
    .our-story-element .our-story-contents .banners .banner .our-story-content a {
      display: inline-block;
      text-align: right;
      position: relative;
      z-index: 1; }
      .our-story-element .our-story-contents .banners .banner .our-story-content a span {
        font-family: "Roboto Slab";
        font-size: 14px;
        color: #5e5e5e;
        font-weight: 700;
        text-transform: uppercase;
        border-bottom: 1px solid rgba(94, 94, 94, 0.5);
        display: inline-block; }
        @media (min-width: 1024px) {
          .our-story-element .our-story-contents .banners .banner .our-story-content a span {
            font-size: 14px; } }
        @media (min-width: 1366px) {
          .our-story-element .our-story-contents .banners .banner .our-story-content a span {
            font-size: 15px; } }
      .our-story-element .our-story-contents .banners .banner .our-story-content a:hover span {
        color: #383838;
        border-bottom: 1px solid #383838; }
      @media (min-width: 1024px) {
        .our-story-element .our-story-contents .banners .banner .our-story-content a {
          /*padding-left: 64px;*/
          text-align: left; } }
      @media (min-width: 1366px) {
        .our-story-element .our-story-contents .banners .banner .our-story-content a {
          /*padding-left: 72px;*/ } }
      @media (min-width: 1850px) {
        .our-story-element .our-story-contents .banners .banner .our-story-content a {
          /*padding-left: 120px;*/ } }

/* our story style end */
/* instagram style start */
.instagram .theme-icon:before {
  font-size: 32px; }

.instagram .section-heading a {
  text-decoration: none; }

.instagram .section-sub-heading a {
  color: #202738;
  text-decoration: none; }
  .instagram .section-sub-heading a:hover {
    color: #ff580d; }

.instagram .instagram-content #instafeed {
  position: relative; }
  .instagram .instagram-content #instafeed .custom_insta_link {
    display: block;
    position: relative;
    padding: 0 5px; }
    .instagram .instagram-content #instafeed .custom_insta_link img {
      width: 100%;
      object-fit: cover; }
    .instagram .instagram-content #instafeed .custom_insta_link span {
      display: none; }
    .instagram .instagram-content #instafeed .custom_insta_link:after {
      content: "";
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      background-color: rgba(220, 55, 0, 0.6);
      width: calc(100% - 30px);
      height: calc(100% - 30px);
      display: none; }
    .instagram .instagram-content #instafeed .custom_insta_link:hover::after {
      display: block; }
    .instagram .instagram-content #instafeed .custom_insta_link:hover span {
      display: block;
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      z-index: 99;
      text-align: center; }
      .instagram .instagram-content #instafeed .custom_insta_link:hover span svg {
        width: 30px;
        height: 30px;
        display: block;
        margin: 0 auto 30px; }
      .instagram .instagram-content #instafeed .custom_insta_link:hover span label {
        font-family: "Roboto Slab";
        font-size: 11px;
        color: black;
        font-weight: 700;
        border: 1px solid black;
        border-radius: 2px;
        padding: 6px;
        display: block; }
        @media (min-width: 1024px) {
          .instagram .instagram-content #instafeed .custom_insta_link:hover span label {
            font-size: 12px;
            padding: 6px; } }
        @media (min-width: 1366px) {
          .instagram .instagram-content #instafeed .custom_insta_link:hover span label {
            font-size: 15px;
            padding: 8px; } }
        @media (min-width: 1850px) {
          .instagram .instagram-content #instafeed .custom_insta_link:hover span label {
            padding: 10px;
            font-size: 16px; } }
        .instagram .instagram-content #instafeed .custom_insta_link:hover span label:hover {
          cursor: pointer;
          background-color: black;
          color: white; }
  .instagram .instagram-content #instafeed .slick-arrow {
    background-color: transparent;
    padding: 0;
    margin: 0;
    width: 20px;
    height: 30px;
    z-index: 99; }
    .instagram .instagram-content #instafeed .slick-arrow.slick-next {
      right: 9px; }
      .instagram .instagram-content #instafeed .slick-arrow.slick-next::before {
        content: "";
        background-image: url("../icons/angle-right.svg");
        width: 20px;
        height: 30px; }
    .instagram .instagram-content #instafeed .slick-arrow.slick-prev {
      left: 9px; }
      .instagram .instagram-content #instafeed .slick-arrow.slick-prev::before {
        content: "";
        background-image: url("../icons/angle-right.svg");
        width: 20px;
        height: 30px; }
  .instagram .instagram-content #instafeed:before {
    position: absolute;
    height: 100%;
    width: 50px;
    background: linear-gradient(to right, rgba(0, 0, 0, 0.7), transparent 100%);
    left: 0;
    top: 0;
    content: '';
    z-index: 1;
    display: block; }
  .instagram .instagram-content #instafeed:after {
    position: absolute;
    height: 100%;
    width: 50px;
    background: linear-gradient(to left, rgba(0, 0, 0, 0.7), transparent 100%);
    right: 0;
    top: 0;
    content: '';
    z-index: 1;
    display: block; }

/* instagram style end */
/* for container */
.container {
  margin-left: auto;
  margin-right: auto;
  max-width: 81rem;
  padding: 0 1.5rem;
  position: relative;
  width: 100%; }
  @media (min-width: 1024px) {
    .container {
      padding: 0 2rem; } }
  @media (min-width: 1850px) {
    .container {
      max-width: calc(1440px + 4rem); } }

/* for slick-slider */
.slick-dotted.slick-slider {
  margin-bottom: 0; }

.slick-arrow {
  padding: 0;
  margin-top: 0;
  width: 20px;
  height: 50px;
  border: 1px solid rgba(0, 0, 255, 0); }
  @media (min-width: 1366px) {
    .slick-arrow {
      width: 30px;
      height: 86px; } }
  .slick-arrow.slick-prev {
    background-color: rgba(0, 0, 255, 0);
    left: -15px; }
    @media (min-width: 1366px) {
      .slick-arrow.slick-prev {
        left: -3%; } }
    .slick-arrow.slick-prev::before {
      content: "\e908";
      color: #cccccc;
      font-family: "icomoon";
      speak: none;
      font-weight: normal;
      font-variant: normal;
      text-transform: none;
      font-style: normal;
      line-height: 1;
      -webkit-font-smoothing: antialiased;
      font-size: 50px;
      opacity: 1;
      transform: rotate(180deg);
      background-image: none;
      width: 20px;
      height: 50px; }
      @media (min-width: 1366px) {
        .slick-arrow.slick-prev::before {
          opacity: 0.5;
          width: 30px;
          height: 86px;
          font-size: 86px;
          /*color: stencilColor("featured-arrow-color");*/ } }
    .slick-arrow.slick-prev:hover::before {
      opacity: 1; }
  .slick-arrow.slick-next {
    background-color: rgba(0, 0, 255, 0);
    right: -15px; }
    @media (min-width: 1366px) {
      .slick-arrow.slick-next {
        right: -3%; } }
    .slick-arrow.slick-next::before {
      content: "\e908";
      color: #cccccc;
      font-family: "icomoon";
      speak: none;
      font-weight: normal;
      font-variant: normal;
      text-transform: none;
      font-style: normal;
      line-height: 1;
      -webkit-font-smoothing: antialiased;
      font-size: 50px;
      opacity: 1;
      background-image: none;
      width: 20px;
      height: 50px; }
      @media (min-width: 1366px) {
        .slick-arrow.slick-next::before {
          /*color: stencilColor("featured-arrow-color");*/
          opacity: 0.5;
          width: 30px;
          height: 86px;
          font-size: 86px; } }
    .slick-arrow.slick-next:hover::before {
      opacity: 1; }

/*************** AUTOPARTS VARIATION SCSS START ***************/
.autoparts .slick-dots li button {
  border-radius: 0; }
  .autoparts .slick-dots li button::before {
    border-radius: 0; }

/*************** AUTOPARTS VARIATION SCSS END ***************/
/* for productgrid */
.wishlist_url {
  margin-bottom: 0; }

.productGrid {
  margin: 0 -5px; }
  @media (min-width: 1024px) {
    .productGrid {
      margin: 0 -8px; } }
  @media (min-width: 1366px) {
    .productGrid {
      margin: 0 -10px; } }
  .productGrid .product {
    width: 100%;
    padding: 5px 5px 10px 5px; }
    @media (min-width: 551px) {
      .productGrid .product {
        width: 50%; } }
    @media (min-width: 768px) {
      .productGrid .product {
        width: 33.33%; } }
    @media (min-width: 1024px) {
      .productGrid .product {
        padding: 5px 8px 16px 8px; } }
    @media (min-width: 1366px) {
      .productGrid .product {
        width: 25%;
        padding: 5px 10px 20px 10px; } }

.featured-products {
  border-top: 1px solid #e5e5e5; }
  .featured-products .productGrid .slick-track {
    display: flex; }
    .featured-products .productGrid .slick-track .slick-slide {
      height: auto;
      padding-bottom: 5px;
      padding-top: 5px; }
      .featured-products .productGrid .slick-track .slick-slide .card {
        height: 100%; }

.card {
  border: 2px solid #e1e1e1;
  color: black;
  margin: 0;
  position: relative;
  height: 100%;
  display: flex;
  flex-direction: column;
  overflow: hidden; }
  @media (min-width: 801px) {
    .card:hover {
      box-shadow: 0 0 6px 2px rgba(0, 0, 0, 0.18);
      border-color: white; } }
  @media (min-width: 801px) {
    .card:hover .card-figure .card-img-container .card-image {
      transform: scale(0.75) translateY(-25px);
      transition: 0.2s all linear; } }
  .card:hover .card-figure .card-figcaption {
    opacity: 1; }
    .card:hover .card-figure .card-figcaption .card-figcaption-body {
      top: 76%; }
      @media (min-width: 1024px) {
        .card:hover .card-figure .card-figcaption .card-figcaption-body {
          top: 72%; } }
      @media (min-width: 1850px) {
        .card:hover .card-figure .card-figcaption .card-figcaption-body {
          top: 75%; } }
  @media (min-width: 801px) {
    .card:hover .card-image-arrow {
      display: block; }
      .card:hover .card-image-arrow .theme-icon:hover {
        opacity: 1; } }
  @media (min-width: 801px) {
    .card:hover .card-body {
      border-top: 1px solid #e1e1e1;
      height: 100%;
      background-color: #fafafd;
      transform: translateY(-40px);
      transition: 0.2s all linear; } }
  .card:hover .card-body .card-figcaption-button-section {
    opacity: 1; }
  .card .card-body {
    flex: 1 0 auto;
    border-top: 1px solid transparent;
    text-align: center;
    padding: 10px;
    background-color: white; }
    .card .card-body .card-text {
      margin-bottom: 15px; }
      @media (min-width: 1850px) {
        .card .card-body .card-text {
          margin-bottom: 18px; } }
      .card .card-body .card-text a {
        text-decoration: none; }
      .card .card-body .card-text.product-brand {
        color: #333333;
        font-size: 15px; }
        @media (min-width: 1366px) {
          .card .card-body .card-text.product-brand {
            font-size: 16px; } }
      .card .card-body .card-text.product-price .login-for-price {
        font-family: "Roboto Slab";
        font-size: 16px;
        color: #bababa;
        margin-bottom: 0; }
        @media (min-width: 768px) {
          .card .card-body .card-text.product-price .login-for-price {
            font-size: 17px; } }
        @media (min-width: 1024px) {
          .card .card-body .card-text.product-price .login-for-price {
            font-size: 15px; } }
        @media (min-width: 1850px) {
          .card .card-body .card-text.product-price .login-for-price {
            font-size: 18px; } }
      .card .card-body .card-text.product-price .price-section {
        font-family: "Roboto Slab";
        font-size: 16px;
        color: #bababa;
        margin-right: 4px; }
        @media (min-width: 768px) {
          .card .card-body .card-text.product-price .price-section {
            font-size: 17px; } }
        @media (min-width: 1024px) {
          .card .card-body .card-text.product-price .price-section {
            font-size: 15px;
            margin-right: 5px; } }
        @media (min-width: 1850px) {
          .card .card-body .card-text.product-price .price-section {
            font-size: 18px; } }
        .card .card-body .card-text.product-price .price-section:last-child {
          margin-right: 0; }
        .card .card-body .card-text.product-price .price-section.actual-price {
          font-size: 18px;
          color: #5e5e5e;
          font-weight: 700; }
          @media (min-width: 768px) {
            .card .card-body .card-text.product-price .price-section.actual-price {
              font-size: 20px; } }
          @media (min-width: 1850px) {
            .card .card-body .card-text.product-price .price-section.actual-price {
              font-size: 22px; } }
    .card .card-body .card-title {
      margin-bottom: 15px; }
      @media (min-width: 551px) {
        .card .card-body .card-title {
          min-height: 70px; } }
      @media (min-width: 1024px) {
        .card .card-body .card-title {
          min-height: 60px; } }
      @media (min-width: 1850px) {
        .card .card-body .card-title {
          margin-bottom: 18px; } }
      .card .card-body .card-title a {
        font-size: 16px;
        font-weight: 300;
        color: #383838;
        line-height: 1.5; }
        .card .card-body .card-title a:hover {
          color: #ff4800; }
        @media (min-width: 768px) {
          .card .card-body .card-title a {
            font-size: 17px; } }
        @media (min-width: 1850px) {
          .card .card-body .card-title a {
            font-size: 18px; } }
    .card .card-body .card-figcaption-button-section {
      text-align: center;
      margin-bottom: 15px; }
      @media (min-width: 801px) {
        .card .card-body .card-figcaption-button-section {
          opacity: 0;
          position: absolute;
          left: 50%;
          transform: translateX(-50%);
          width: 100%;
          margin-bottom: 0; } }
      .card .card-body .card-figcaption-button-section .card-figcaption-button {
        margin: 0;
        display: inline-block;
        font-size: 14px;
        padding: 7px 20px; }
        @media (min-width: 768px) {
          .card .card-body .card-figcaption-button-section .card-figcaption-button {
            font-size: 15px; } }
        @media (min-width: 1850px) {
          .card .card-body .card-figcaption-button-section .card-figcaption-button {
            font-size: 16px; } }
        .card .card-body .card-figcaption-button-section .card-figcaption-button .theme-icon {
          margin-right: 5px;
          vertical-align: middle;
          line-height: 1; }
          .card .card-body .card-figcaption-button-section .card-figcaption-button .theme-icon:before {
            color: white;
            font-size: 14px; }
            @media (min-width: 768px) {
              .card .card-body .card-figcaption-button-section .card-figcaption-button .theme-icon:before {
                font-size: 16px; } }
            @media (min-width: 1850px) {
              .card .card-body .card-figcaption-button-section .card-figcaption-button .theme-icon:before {
                font-size: 18px; } }
        .card .card-body .card-figcaption-button-section .card-figcaption-button:hover .theme-icon:before, .card .card-body .card-figcaption-button-section .card-figcaption-button:focus .theme-icon:before {
          color: white; }
  .card .card-figure {
    overflow: hidden;
    flex: 1 0 auto;
    padding: 8px; }
    @media (min-width: 1024px) {
      .card .card-figure {
        padding: 10px; } }
    .card .card-figure .card-figcaption .card-figcaption-body {
      display: block;
      top: 90%;
      width: 100%;
      position: inherit; }
      @media (min-width: 1024px) {
        .card .card-figure .card-figcaption .card-figcaption-body {
          top: 90%; } }
      @media (min-width: 1366px) {
        .card .card-figure .card-figcaption .card-figcaption-body {
          top: 92%; } }
      .card .card-figure .card-figcaption .card-figcaption-body .card-figcaption-button {
        line-height: 1;
        background-color: rgba(56, 56, 56, 0.9);
        padding: 9px;
        border-radius: 100%;
        border: 1px solid #e1e1e1; }
        @media (min-width: 1366px) {
          .card .card-figure .card-figcaption .card-figcaption-body .card-figcaption-button {
            padding: 10px; } }
        .card .card-figure .card-figcaption .card-figcaption-body .card-figcaption-button .theme-icon {
          line-height: 1; }
          .card .card-figure .card-figcaption .card-figcaption-body .card-figcaption-button .theme-icon:before {
            color: white;
            font-weight: 700;
            font-size: 17px; }
            @media (min-width: 1366px) {
              .card .card-figure .card-figcaption .card-figcaption-body .card-figcaption-button .theme-icon:before {
                font-size: 18px; } }
        .card .card-figure .card-figcaption .card-figcaption-body .card-figcaption-button:hover {
          background-color: #383838;
          border-color: #333333; }
          .card .card-figure .card-figcaption .card-figcaption-body .card-figcaption-button:hover .theme-icon:before {
            color: white; }
        .card .card-figure .card-figcaption .card-figcaption-body .card-figcaption-button.custom-compare input[type="checkbox"] {
          display: none; }
        .card .card-figure .card-figcaption .card-figcaption-body .card-figcaption-button.custom-compare.clicked {
          background-color: #383838;
          border-color: #333333; }
          .card .card-figure .card-figcaption .card-figcaption-body .card-figcaption-button.custom-compare.clicked .theme-icon:before {
            color: white; }

.price--rrp,
.price--non-sale,
.price--discounted {
  text-decoration: none;
  position: relative; }
  .price--rrp::before, .price--non-sale::before, .price--discounted::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) rotate(-30deg);
    width: 100%;
    height: 1px;
    background-color: rgba(186, 186, 186, 0.7); }

.card-img-container:after {
  padding-bottom: 100%; }

.card-img-container .card-image {
  /*margin: 0 auto;*/
  margin: auto; }

.card-figcaption-button + .card-figcaption-button {
  margin: 0; }

/* swatches start */
.options_slide {
  display: inline-block;
  vertical-align: middle; }
  .options_slide .form-option.is-active {
    border-color: #ff580d; }

.page .page-content .productGrid li.options_slide {
  width: auto; }

.card-figure.loading {
  position: relative; }
  .card-figure.loading:after {
    content: '';
    background: rgba(255, 255, 255, 0.7) url("../img/loading-18.gif") no-repeat center center;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%; }

.card-text--colorswatches {
  font-size: 0;
  clear: both;
  min-height: 40px;
  background: url("../img/swatches-loader.gif") no-repeat center center; }
  .card-text--colorswatches.loaded {
    background: none;
    margin: 0;
    text-align: center; }
    .card-text--colorswatches.loaded .option_section {
      display: block;
      width: 100%;
      margin: 0; }
      .card-text--colorswatches.loaded .option_section::empty {
        display: none; }

.productCard-colorSwatch {
  text-decoration: none;
  display: inline-block;
  overflow: hidden;
  border: 2px solid #e1e1e1;
  border-radius: 22px;
  margin-bottom: 0px;
  margin: 1px;
  padding: 2px; }
  @media (min-width: 1366px) {
    .productCard-colorSwatch {
      margin: 2px; } }
  .productCard-colorSwatch:hover, .productCard-colorSwatch.is-active {
    border-color: #ff580d; }
  .productCard-colorSwatch img {
    width: 28px;
    height: 28px;
    border-radius: 100%;
    background: url("../img/loading-18.gif") no-repeat center center; }
  .productCard-colorSwatch .form-option-variant {
    width: 28px;
    height: 28px;
    line-height: 28px;
    border-radius: 100%;
    min-width: 100%; }

.productCard-colorSwatch-color {
  display: inline-block;
  width: 28px;
  height: 28px;
  vertical-align: middle;
  border-radius: 100%; }

/* swatches end */
.card-img-container--slider {
  position: relative;
  overflow: hidden; }
  .card-img-container--slider .card-image {
    opacity: 0;
    left: -100%;
    right: 100%;
    transition: all 0.2s linear; }
    .card-img-container--slider .card-image.is-active {
      opacity: 1;
      left: 0;
      right: 0; }
      .card-img-container--slider .card-image.is-active ~ .card-image {
        left: 100%;
        right: -100%; }

.card-image-arrow {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  display: none;
  z-index: 10; }
  .card-image-arrow .theme-icon {
    width: 25px;
    max-height: 25px;
    background-color: #dc3700;
    border-radius: 100%;
    opacity: 0.5;
    fill: white; }

.card-image-next {
  right: 10px; }

.card-image-prev {
  left: 10px; }

/* trending now products start */
.trending-products {
  background-color: #e9e9e9; }
  @media (min-width: 1366px) {
    .trending-products .productGrid {
      margin: 0 -15px; } }
  .trending-products .productGrid .slick-list {
    padding: 0 !important; }
    .trending-products .productGrid .slick-list .slick-track .product {
      vertical-align: top; }
      @media (min-width: 768px) {
        .trending-products .productGrid .slick-list .slick-track .product {
          vertical-align: bottom;
          margin-bottom: 52px; } }
      @media (min-width: 801px) {
        .trending-products .productGrid .slick-list .slick-track .product {
          margin-bottom: 36px; } }
      @media (min-width: 1024px) {
        .trending-products .productGrid .slick-list .slick-track .product {
          margin-bottom: 44px; } }
      @media (min-width: 1366px) {
        .trending-products .productGrid .slick-list .slick-track .product {
          margin-bottom: 57px;
          padding: 5px 15px 20px 15px; } }
      @media (min-width: 1850px) {
        .trending-products .productGrid .slick-list .slick-track .product {
          margin-bottom: 67px; } }
      .trending-products .productGrid .slick-list .slick-track .product .card {
        border: none;
        margin: 0;
        position: relative; }
        .trending-products .productGrid .slick-list .slick-track .product .card .new-badge {
          display: none; }
        .trending-products .productGrid .slick-list .slick-track .product .card .card-img-container .card-image {
          margin: auto; }
          @media (min-width: 551px) {
            .trending-products .productGrid .slick-list .slick-track .product .card .card-img-container .card-image {
              max-height: 240px; } }
          @media (min-width: 768px) {
            .trending-products .productGrid .slick-list .slick-track .product .card .card-img-container .card-image {
              padding: 10px;
              max-height: 175px; } }
          @media (min-width: 1024px) {
            .trending-products .productGrid .slick-list .slick-track .product .card .card-img-container .card-image {
              max-height: 199px; } }
          @media (min-width: 1366px) {
            .trending-products .productGrid .slick-list .slick-track .product .card .card-img-container .card-image {
              max-height: 299px; } }
          @media (min-width: 1850px) {
            .trending-products .productGrid .slick-list .slick-track .product .card .card-img-container .card-image {
              max-height: 315px; } }
        .trending-products .productGrid .slick-list .slick-track .product .card:hover {
          box-shadow: none;
          background-color: transparent; }
          .trending-products .productGrid .slick-list .slick-track .product .card:hover .card-body {
            background-color: transparent;
            transform: none;
            margin-bottom: 0px; }
            .trending-products .productGrid .slick-list .slick-track .product .card:hover .card-body .card-figcaption-button-section {
              display: block; }
              @media (min-width: 768px) {
                .trending-products .productGrid .slick-list .slick-track .product .card:hover .card-body .card-figcaption-button-section {
                  display: none; } }
          .trending-products .productGrid .slick-list .slick-track .product .card:hover .card-figure {
            transform: none; }
            .trending-products .productGrid .slick-list .slick-track .product .card:hover .card-figure .card-img-container .card-image {
              transform: none; }
            .trending-products .productGrid .slick-list .slick-track .product .card:hover .card-figure .card-figcaption .card-figcaption-body {
              display: none; }
        .trending-products .productGrid .slick-list .slick-track .product .card .card-body {
          border: none;
          background-color: transparent; }
          @media (min-width: 1850px) {
            .trending-products .productGrid .slick-list .slick-track .product .card .card-body {
              padding: 20px; } }
          .trending-products .productGrid .slick-list .slick-track .product .card .card-body .card-title {
            text-transform: uppercase; }
            @media (min-width: 768px) {
              .trending-products .productGrid .slick-list .slick-track .product .card .card-body .card-title {
                min-height: 65px;
                margin-bottom: 0; } }
            @media (min-width: 1024px) {
              .trending-products .productGrid .slick-list .slick-track .product .card .card-body .card-title {
                min-height: 50px; } }
            @media (min-width: 1850px) {
              .trending-products .productGrid .slick-list .slick-track .product .card .card-body .card-title {
                min-height: 60px; } }
            .trending-products .productGrid .slick-list .slick-track .product .card .card-body .card-title a {
              color: #cccccc;
              font-weight: 500; }
              .trending-products .productGrid .slick-list .slick-track .product .card .card-body .card-title a:hover {
                color: #ff580d; }
          .trending-products .productGrid .slick-list .slick-track .product .card .card-body .product-rating {
            position: absolute;
            margin: 0;
            top: 16px;
            left: 16px; }
          .trending-products .productGrid .slick-list .slick-track .product .card .card-body .product-brand {
            position: absolute;
            top: 40px;
            left: 16px;
            color: #333333;
            margin: 0;
            font-size: 15px; }
            @media (min-width: 1366px) {
              .trending-products .productGrid .slick-list .slick-track .product .card .card-body .product-brand {
                font-size: 16px; } }
          .trending-products .productGrid .slick-list .slick-track .product .card .card-body .product-price .price-section {
            margin-right: 4px;
            color: #333333; }
            @media (min-width: 1024px) {
              .trending-products .productGrid .slick-list .slick-track .product .card .card-body .product-price .price-section {
                font-size: 15px;
                margin-right: 8px; } }
            @media (min-width: 1366px) {
              .trending-products .productGrid .slick-list .slick-track .product .card .card-body .product-price .price-section {
                font-size: 18px;
                margin-right: 10px; } }
            .trending-products .productGrid .slick-list .slick-track .product .card .card-body .product-price .price-section:last-child {
              margin-right: 0; }
            .trending-products .productGrid .slick-list .slick-track .product .card .card-body .product-price .price-section.actual-price {
              color: #5e5e5e; }
              @media (min-width: 1024px) {
                .trending-products .productGrid .slick-list .slick-track .product .card .card-body .product-price .price-section.actual-price {
                  font-size: 26px; } }
              @media (min-width: 1366px) {
                .trending-products .productGrid .slick-list .slick-track .product .card .card-body .product-price .price-section.actual-price {
                  font-size: 30px; } }
              @media (min-width: 1850px) {
                .trending-products .productGrid .slick-list .slick-track .product .card .card-body .product-price .price-section.actual-price {
                  font-size: 32px; } }
            .trending-products .productGrid .slick-list .slick-track .product .card .card-body .product-price .price-section .price--rrp::before, .trending-products .productGrid .slick-list .slick-track .product .card .card-body .product-price .price-section .price--non-sale::before, .trending-products .productGrid .slick-list .slick-track .product .card .card-body .product-price .price-section .price--discounted::before {
              background-color: #333333;
              transform: translate(-50%, -50%) rotate(0deg); }
          .trending-products .productGrid .slick-list .slick-track .product .card .card-body .card-text--colorswatches {
            display: none; }
          .trending-products .productGrid .slick-list .slick-track .product .card .card-body .card-figcaption-button-section {
            display: block; }
            @media (min-width: 768px) {
              .trending-products .productGrid .slick-list .slick-track .product .card .card-body .card-figcaption-button-section {
                display: none; } }
        .trending-products .productGrid .slick-list .slick-track .product .card .card-figure {
          padding: 0; }
          @media (min-width: 768px) {
            .trending-products .productGrid .slick-list .slick-track .product .card .card-figure {
              height: 170px; }
              .trending-products .productGrid .slick-list .slick-track .product .card .card-figure a .card-img-container {
                height: 170px; } }
          @media (min-width: 1024px) {
            .trending-products .productGrid .slick-list .slick-track .product .card .card-figure {
              height: 200px; }
              .trending-products .productGrid .slick-list .slick-track .product .card .card-figure a .card-img-container {
                height: 200px; } }
          @media (min-width: 1200px) {
            .trending-products .productGrid .slick-list .slick-track .product .card .card-figure {
              height: 270px; }
              .trending-products .productGrid .slick-list .slick-track .product .card .card-figure a .card-img-container {
                height: 270px; } }
          @media (min-width: 1366px) {
            .trending-products .productGrid .slick-list .slick-track .product .card .card-figure {
              height: 300px; }
              .trending-products .productGrid .slick-list .slick-track .product .card .card-figure a .card-img-container {
                height: 300px; } }
          @media (min-width: 1850px) {
            .trending-products .productGrid .slick-list .slick-track .product .card .card-figure {
              height: 315px; }
              .trending-products .productGrid .slick-list .slick-track .product .card .card-figure a .card-img-container {
                height: 315px; } }
          .trending-products .productGrid .slick-list .slick-track .product .card .card-figure .card-figcaption .card-figcaption-body {
            top: 50%;
            transform: translateY(-50%); }
      .trending-products .productGrid .slick-list .slick-track .product.slick-center {
        margin-bottom: 0; }
        @media (min-width: 768px) {
          .trending-products .productGrid .slick-list .slick-track .product.slick-center .card .card-image {
            max-height: 230px; } }
        @media (min-width: 1024px) {
          .trending-products .productGrid .slick-list .slick-track .product.slick-center .card .card-image {
            max-height: 310px; } }
        @media (min-width: 1366px) {
          .trending-products .productGrid .slick-list .slick-track .product.slick-center .card .card-image {
            max-height: 385px; } }
        @media (min-width: 1850px) {
          .trending-products .productGrid .slick-list .slick-track .product.slick-center .card .card-image {
            max-height: 455px; } }
        .trending-products .productGrid .slick-list .slick-track .product.slick-center .card .card-figure {
          height: 100%; }
          .trending-products .productGrid .slick-list .slick-track .product.slick-center .card .card-figure a .card-img-container {
            height: 100%; }
          .trending-products .productGrid .slick-list .slick-track .product.slick-center .card .card-figure .sale-flag-sash {
            width: 120px;
            top: -20px;
            right: -20px; }
            @media (min-width: 1850px) {
              .trending-products .productGrid .slick-list .slick-track .product.slick-center .card .card-figure .sale-flag-sash {
                width: 140px; } }
            .trending-products .productGrid .slick-list .slick-track .product.slick-center .card .card-figure .sale-flag-sash .sale-text {
              font-size: 16px; }
              @media (min-width: 1366px) {
                .trending-products .productGrid .slick-list .slick-track .product.slick-center .card .card-figure .sale-flag-sash .sale-text {
                  font-size: 18px; } }
              @media (min-width: 1850px) {
                .trending-products .productGrid .slick-list .slick-track .product.slick-center .card .card-figure .sale-flag-sash .sale-text {
                  font-size: 20px; } }
        .trending-products .productGrid .slick-list .slick-track .product.slick-center .card .card-body .product-rating {
          z-index: 9; }
          .trending-products .productGrid .slick-list .slick-track .product.slick-center .card .card-body .product-rating .rating--small .icon {
            width: 20px;
            height: 20px; }
        .trending-products .productGrid .slick-list .slick-track .product.slick-center .card .card-body .card-title a {
          color: black;
          font-weight: 700; }
          @media (min-width: 1850px) {
            .trending-products .productGrid .slick-list .slick-track .product.slick-center .card .card-body .card-title a {
              font-size: 20px; } }
          .trending-products .productGrid .slick-list .slick-track .product.slick-center .card .card-body .card-title a:hover {
            color: #ff580d; }
        @media (min-width: 1024px) {
          .trending-products .productGrid .slick-list .slick-track .product.slick-center .card .card-body .product-price .price-section.actual-price {
            font-size: 36px; } }
        @media (min-width: 1366px) {
          .trending-products .productGrid .slick-list .slick-track .product.slick-center .card .card-body .product-price .price-section.actual-price {
            font-size: 46px; } }
        @media (min-width: 1850px) {
          .trending-products .productGrid .slick-list .slick-track .product.slick-center .card .card-body .product-price .price-section.actual-price {
            font-size: 50px; } }
        @media (min-width: 1024px) {
          .trending-products .productGrid .slick-list .slick-track .product.slick-center .card .card-body .product-price .price-section .price--rrp, .trending-products .productGrid .slick-list .slick-track .product.slick-center .card .card-body .product-price .price-section .price--non-sale, .trending-products .productGrid .slick-list .slick-track .product.slick-center .card .card-body .product-price .price-section .price--discounted {
            font-size: 19px; } }
        @media (min-width: 1366px) {
          .trending-products .productGrid .slick-list .slick-track .product.slick-center .card .card-body .product-price .price-section .price--rrp, .trending-products .productGrid .slick-list .slick-track .product.slick-center .card .card-body .product-price .price-section .price--non-sale, .trending-products .productGrid .slick-list .slick-track .product.slick-center .card .card-body .product-price .price-section .price--discounted {
            font-size: 22px; } }
        .trending-products .productGrid .slick-list .slick-track .product.slick-center .card .card-body .card-figcaption-button-section {
          display: block;
          position: inherit;
          opacity: 1;
          transform: none; }
          .trending-products .productGrid .slick-list .slick-track .product.slick-center .card .card-body .card-figcaption-button-section .card-figcaption-button {
            font-size: 16px; }
            @media (min-width: 1366px) {
              .trending-products .productGrid .slick-list .slick-track .product.slick-center .card .card-body .card-figcaption-button-section .card-figcaption-button {
                font-size: 18px;
                padding: 9px 20px; } }
            @media (min-width: 1850px) {
              .trending-products .productGrid .slick-list .slick-track .product.slick-center .card .card-body .card-figcaption-button-section .card-figcaption-button {
                font-size: 20px;
                padding: 11px 25px; } }
            .trending-products .productGrid .slick-list .slick-track .product.slick-center .card .card-body .card-figcaption-button-section .card-figcaption-button .theme-icon:before {
              font-size: 16px; }
              @media (min-width: 1366px) {
                .trending-products .productGrid .slick-list .slick-track .product.slick-center .card .card-body .card-figcaption-button-section .card-figcaption-button .theme-icon:before {
                  font-size: 18px; } }
              @media (min-width: 1850px) {
                .trending-products .productGrid .slick-list .slick-track .product.slick-center .card .card-body .card-figcaption-button-section .card-figcaption-button .theme-icon:before {
                  font-size: 20px; } }
  .trending-products .productGrid .slick-arrow {
    top: 40%;
    transform: translate(0, -50%); }
    @media (min-width: 1024px) {
      .trending-products .productGrid .slick-arrow {
        top: 45%; } }
    @media (min-width: 1366px) {
      .trending-products .productGrid .slick-arrow {
        top: 50%; } }
    @media (min-width: 1850px) {
      .trending-products .productGrid .slick-arrow.slick-prev {
        left: -3.4%; } }
    .trending-products .productGrid .slick-arrow.slick-prev::before {
      color: #cccccc; }
    @media (min-width: 1850px) {
      .trending-products .productGrid .slick-arrow.slick-next {
        right: -3.4%; } }
    .trending-products .productGrid .slick-arrow.slick-next::before {
      color: #cccccc; }

/* trending now products end */
/********** sale badge style start **********/
/* top-right new badge style start */
.new-badge {
  background: #0062ae;
  color: white;
  font-family: "Roboto Slab";
  font-size: 14px;
  font-weight: 700;
  height: auto;
  line-height: 1;
  padding: 2px 0;
  position: absolute;
  transition: 800ms ease;
  z-index: 10;
  border-radius: 0;
  width: 100px;
  top: -15px;
  left: -15px;
  transform: translateX(-30%) translateY(0%) rotate(-45deg);
  transform-origin: top right;
  text-align: center;
  text-transform: uppercase; }

.card:hover .new-badge,
.listItem-figure:hover .new-badge {
  background: #0062ae; }
  @media (min-width: 801px) {
    .card:hover .new-badge,
    .listItem-figure:hover .new-badge {
      background: black;
      transition: 800ms ease; } }

/* top-right new badge style end */
/* sash badge style start */
.sale-flag-sash {
  width: 100px;
  top: -15px;
  right: -15px;
  left: auto;
  transform: translateX(30%) translateY(0%) rotate(45deg);
  transform-origin: top left;
  padding: 2px 0;
  text-transform: uppercase;
  font-family: "Roboto Slab";
  font-size: 14px;
  line-height: 1;
  height: auto; }

.product:hover .sale-flag-sash {
  background: #3b8f24; }
  @media (min-width: 801px) {
    .product:hover .sale-flag-sash {
      background: #3b8f24;
      transition: none; } }

.card:hover .sale-flag-sash {
  background: #3b8f24; }
  @media (min-width: 801px) {
    .card:hover .sale-flag-sash {
      background: black;
      transition: 800ms ease; } }

/* sash badge style end */
/* burst badge style start */
.starwrap {
  left: 10px;
  width: 40px; }
  .starwrap .sale-flag-star {
    width: 40px;
    height: 40px; }
    .starwrap .sale-flag-star:before, .starwrap .sale-flag-star:after {
      width: 40px;
      height: 40px; }
  @media (min-width: 801px) {
    .starwrap:hover .sale-flag-star {
      background: black;
      transition: 800ms ease; }
      .starwrap:hover .sale-flag-star:before {
        background: black;
        transition: 800ms ease; }
      .starwrap:hover .sale-flag-star:after {
        background: black;
        transition: 800ms ease; } }

.sale-text-burst {
  text-transform: uppercase;
  top: 25%;
  line-height: 1;
  width: 40px; }

/* burst badge style end */
/********** sale badge style end **********/
/********** list-view style start **********/
@media (min-width: 801px) {
  .productList .product:hover .sale-flag-sash {
    background: #3b8f24; } }

.productList .product .listItem {
  margin: 5px; }
  @media (min-width: 801px) {
    .productList .product .listItem .listItem-figure:hover .sale-flag-sash {
      background: black;
      transition: 800ms ease; } }

.listItem {
  margin: 10px; }
  .listItem .listItem-figure {
    position: relative;
    border: 2px solid #e1e1e1;
    overflow: hidden;
    vertical-align: middle;
    padding: 0;
    width: 100%;
    display: block;
    margin: 0 0 1.5rem; }
    .listItem .listItem-figure .sale-flag-sash {
      top: -15px;
      right: -15px;
      left: auto; }
    .listItem .listItem-figure.loading {
      position: relative; }
      .listItem .listItem-figure.loading:after {
        content: '';
        background: rgba(255, 255, 255, 0.7) url("../img/loading-18.gif") no-repeat center center;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%; }
    @media (min-width: 801px) {
      .listItem .listItem-figure:hover {
        box-shadow: 0 0 6px 2px rgba(0, 0, 0, 0.1);
        border-color: white; } }
    @media (min-width: 801px) {
      .listItem .listItem-figure:hover .card-img-container .card-image {
        transform: scale(0.75);
        transition: 0.2s all linear; } }
    .listItem .listItem-figure:hover .listItem-figureBody {
      display: none; }
      @media (min-width: 801px) {
        .listItem .listItem-figure:hover .listItem-figureBody {
          display: block;
          opacity: 1;
          width: 100%; } }
    @media (min-width: 801px) {
      .listItem .listItem-figure:hover .card-image-arrow {
        display: block; }
        .listItem .listItem-figure:hover .card-image-arrow .theme-icon:hover {
          opacity: 1; } }
    .listItem .listItem-figure .listItem-figureBody {
      display: none; }
      @media (min-width: 801px) {
        .listItem .listItem-figure .listItem-figureBody {
          opacity: 0;
          position: absolute;
          top: 50%;
          left: 50%;
          transform: translate(-50%, -50%);
          height: fit-content; } }
      .listItem .listItem-figure .listItem-figureBody .listItem-button {
        line-height: 1;
        background-color: rgba(56, 56, 56, 0.9);
        padding: 9px;
        border-radius: 100%;
        border: 1px solid #e9e9e9;
        margin: 0;
        top: 0;
        transform: none; }
        @media (min-width: 1366px) {
          .listItem .listItem-figure .listItem-figureBody .listItem-button {
            padding: 10px; } }
        .listItem .listItem-figure .listItem-figureBody .listItem-button .theme-icon {
          line-height: 1; }
          .listItem .listItem-figure .listItem-figureBody .listItem-button .theme-icon:before {
            color: white;
            font-weight: 700;
            font-size: 17px; }
            @media (min-width: 1366px) {
              .listItem .listItem-figure .listItem-figureBody .listItem-button .theme-icon:before {
                font-size: 18px; } }
        .listItem .listItem-figure .listItem-figureBody .listItem-button:hover {
          background-color: #ff580d;
          border-color: #ff580d; }
          .listItem .listItem-figure .listItem-figureBody .listItem-button:hover .theme-icon:before {
            color: white; }
        .listItem .listItem-figure .listItem-figureBody .listItem-button.custom-compare input[type="checkbox"] {
          display: none; }
        .listItem .listItem-figure .listItem-figureBody .listItem-button.custom-compare.clicked {
          background-color: #ff580d;
          border-color: #ff580d; }
          .listItem .listItem-figure .listItem-figureBody .listItem-button.custom-compare.clicked .theme-icon:before {
            color: white; }
    @media (min-width: 768px) {
      .listItem .listItem-figure {
        width: 32%;
        display: inline-block; } }
    @media (min-width: 801px) {
      .listItem .listItem-figure {
        width: 40%; } }
    @media (min-width: 1261px) {
      .listItem .listItem-figure {
        width: 32%; } }
  .listItem .listItem-body {
    width: 100%;
    display: block;
    padding: 0; }
    .listItem .listItem-body .listItem-content .listItem-details .listItem-rating {
      margin-bottom: 15px; }
      @media (min-width: 1850px) {
        .listItem .listItem-body .listItem-content .listItem-details .listItem-rating {
          margin-bottom: 18px; } }
    .listItem .listItem-body .listItem-content .listItem-details .listItem-brand {
      margin-bottom: 15px;
      color: #ff580d;
      font-size: 15px; }
      @media (min-width: 1024px) {
        .listItem .listItem-body .listItem-content .listItem-details .listItem-brand {
          font-size: 16px; } }
      @media (min-width: 1850px) {
        .listItem .listItem-body .listItem-content .listItem-details .listItem-brand {
          margin-bottom: 18px;
          font-size: 17px; } }
    .listItem .listItem-body .listItem-content .listItem-details .listItem-title {
      margin-bottom: 15px; }
      @media (min-width: 1850px) {
        .listItem .listItem-body .listItem-content .listItem-details .listItem-title {
          margin-bottom: 18px; } }
      .listItem .listItem-body .listItem-content .listItem-details .listItem-title a {
        font-size: 16px;
        font-weight: 300; }
        @media (min-width: 768px) {
          .listItem .listItem-body .listItem-content .listItem-details .listItem-title a {
            font-size: 17px; } }
        @media (min-width: 1850px) {
          .listItem .listItem-body .listItem-content .listItem-details .listItem-title a {
            font-size: 18px; } }
    .listItem .listItem-body .listItem-content .listItem-details p {
      line-height: 1.4;
      font-size: 14px;
      margin-bottom: 15px; }
      @media (min-width: 1024px) {
        .listItem .listItem-body .listItem-content .listItem-details p {
          font-size: 15px; } }
      @media (min-width: 1850px) {
        .listItem .listItem-body .listItem-content .listItem-details p {
          font-size: 16px;
          margin-bottom: 18px; } }
    .listItem .listItem-body .listItem-content .listItem-details .card-text--colorswatches.loaded {
      text-align: left; }
    .listItem .listItem-body .listItem-content .listItem-actions {
      margin-top: 10px; }
      .listItem .listItem-body .listItem-content .listItem-actions .login-for-price {
        font-family: "Roboto Slab";
        font-size: 16px;
        color: #bababa;
        margin-bottom: 0; }
        @media (min-width: 768px) {
          .listItem .listItem-body .listItem-content .listItem-actions .login-for-price {
            font-size: 17px; } }
        @media (min-width: 1024px) {
          .listItem .listItem-body .listItem-content .listItem-actions .login-for-price {
            font-size: 15px; } }
        @media (min-width: 1850px) {
          .listItem .listItem-body .listItem-content .listItem-actions .login-for-price {
            font-size: 18px; } }
      .listItem .listItem-body .listItem-content .listItem-actions .listItem-price .price-section {
        font-family: "Roboto Slab";
        font-size: 16px;
        color: #bababa;
        margin-right: 4px; }
        @media (min-width: 768px) {
          .listItem .listItem-body .listItem-content .listItem-actions .listItem-price .price-section {
            font-size: 17px; } }
        @media (min-width: 1024px) {
          .listItem .listItem-body .listItem-content .listItem-actions .listItem-price .price-section {
            margin-right: 5px;
            font-size: 15px; } }
        @media (min-width: 1850px) {
          .listItem .listItem-body .listItem-content .listItem-actions .listItem-price .price-section {
            font-size: 18px; } }
        .listItem .listItem-body .listItem-content .listItem-actions .listItem-price .price-section:last-child {
          margin-right: 0; }
        .listItem .listItem-body .listItem-content .listItem-actions .listItem-price .price-section.actual-price {
          font-size: 18px;
          color: #5e5e5e;
          font-weight: 700; }
          @media (min-width: 768px) {
            .listItem .listItem-body .listItem-content .listItem-actions .listItem-price .price-section.actual-price {
              font-size: 20px; } }
          @media (min-width: 1850px) {
            .listItem .listItem-body .listItem-content .listItem-actions .listItem-price .price-section.actual-price {
              font-size: 22px; } }
      @media (min-width: 768px) {
        .listItem .listItem-body .listItem-content .listItem-actions .listItem-price {
          display: inline-block;
          margin-right: 1rem; } }
      @media (min-width: 801px) {
        .listItem .listItem-body .listItem-content .listItem-actions .listItem-price {
          display: block; } }
      @media (min-width: 1261px) {
        .listItem .listItem-body .listItem-content .listItem-actions .listItem-price {
          margin-right: 0;
          margin-bottom: 1rem; } }
      .listItem .listItem-body .listItem-content .listItem-actions .listItem-actions-button-section .card-figcaption-button {
        margin: 0;
        display: inline-block;
        font-size: 14px;
        padding: 7px 20px; }
        @media (min-width: 768px) {
          .listItem .listItem-body .listItem-content .listItem-actions .listItem-actions-button-section .card-figcaption-button {
            font-size: 15px; } }
        @media (min-width: 1850px) {
          .listItem .listItem-body .listItem-content .listItem-actions .listItem-actions-button-section .card-figcaption-button {
            font-size: 16px; } }
        .listItem .listItem-body .listItem-content .listItem-actions .listItem-actions-button-section .card-figcaption-button .theme-icon {
          margin-right: 5px;
          vertical-align: middle;
          line-height: 1; }
          .listItem .listItem-body .listItem-content .listItem-actions .listItem-actions-button-section .card-figcaption-button .theme-icon:before {
            color: white;
            font-size: 14px; }
            @media (min-width: 768px) {
              .listItem .listItem-body .listItem-content .listItem-actions .listItem-actions-button-section .card-figcaption-button .theme-icon:before {
                font-size: 16px; } }
            @media (min-width: 1850px) {
              .listItem .listItem-body .listItem-content .listItem-actions .listItem-actions-button-section .card-figcaption-button .theme-icon:before {
                font-size: 18px; } }
        .listItem .listItem-body .listItem-content .listItem-actions .listItem-actions-button-section .card-figcaption-button:hover .theme-icon:before, .listItem .listItem-body .listItem-content .listItem-actions .listItem-actions-button-section .card-figcaption-button:focus .theme-icon:before {
          color: white; }
    @media (min-width: 768px) {
      .listItem .listItem-body {
        width: 68%;
        display: inline-block;
        vertical-align: top;
        padding-left: 1.25rem;
        padding-right: 0.75rem; } }
    @media (min-width: 801px) {
      .listItem .listItem-body {
        width: 60%; } }
    @media (min-width: 1261px) {
      .listItem .listItem-body {
        width: 68%; } }

@media (min-width: 1261px) {
  .page-sidebar + .page-content .productList .listItem-actions {
    width: 32%;
    text-align: center; } }

/********** list-view style end **********/
/* for 3 variation comparison */
/* shop by category style start */
.shop-by-category {
  padding-bottom: 16px; }
  @media (min-width: 768px) {
    .shop-by-category {
      padding-bottom: 32px; } }
  @media (min-width: 1366px) {
    .shop-by-category {
      padding-bottom: 50px; } }

.section-content {
  font-size: 0; }
  .section-content .section-sub-content {
    padding: 5px 0; }
    @media (min-width: 551px) {
      .section-content .section-sub-content {
        padding: 0; } }
    .section-content .section-sub-content .category-content {
      display: block;
      width: 100%;
      height: 100%;
      overflow: hidden; }
      .section-content .section-sub-content .category-content .category-image {
        position: relative;
        height: inherit; }
        .section-content .section-sub-content .category-content .category-image .category-img {
          width: 100%;
          height: inherit;
          object-fit: cover;
          object-position: top; }
        .section-content .section-sub-content .category-content .category-image:hover .category-subcontent .category-link {
          background-color: white;
          color: black; }
      .section-content .section-sub-content .category-content .category-subcontent {
        position: absolute;
        top: 16px;
        left: 16px;
        text-transform: uppercase; }
        .section-content .section-sub-content .category-content .category-subcontent.cat-no-img {
          position: static;
          /*border: 1px solid $global-border-color;*/
          padding: 10px;
          text-align: center; }
          .section-content .section-sub-content .category-content .category-subcontent.cat-no-img .category-title {
            max-width: 100%; }
        .section-content .section-sub-content .category-content .category-subcontent .category-title {
          font-family: "Roboto Slab";
          font-size: 18px;
          color: white;
          text-shadow: 2px 2px 4px black;
          font-weight: 900;
          max-width: 120px;
          margin: 0 0 8px;
          line-height: 1; }
          @media (min-width: 551px) {
            .section-content .section-sub-content .category-content .category-subcontent .category-title {
              font-size: 12px; } }
          @media (min-width: 768px) {
            .section-content .section-sub-content .category-content .category-subcontent .category-title {
              max-width: 160px;
              font-size: 20px; } }
          @media (min-width: 1024px) {
            .section-content .section-sub-content .category-content .category-subcontent .category-title {
              font-size: 26px; } }
          @media (min-width: 1366px) {
            .section-content .section-sub-content .category-content .category-subcontent .category-title {
              max-width: 180px;
              font-size: 28px; } }
          @media (min-width: 1850px) {
            .section-content .section-sub-content .category-content .category-subcontent .category-title {
              font-size: 30px;
              margin: 0 0 19px; } }
        .section-content .section-sub-content .category-content .category-subcontent .category-link {
          font-family: "Roboto Slab";
          font-size: 12px;
          color: white;
          background-color: #383838;
          font-weight: 500;
          border: 1px solid white;
          padding: 4px;
          text-decoration: none;
          display: inline-block; }
          @media (min-width: 551px) {
            .section-content .section-sub-content .category-content .category-subcontent .category-link {
              font-size: 9px; } }
          @media (min-width: 768px) {
            .section-content .section-sub-content .category-content .category-subcontent .category-link {
              font-size: 13px;
              padding: 5px; } }
          @media (min-width: 1024px) {
            .section-content .section-sub-content .category-content .category-subcontent .category-link {
              padding: 8px 11px;
              font-size: 14px; } }
    @media (min-width: 1024px) {
      .section-content .section-sub-content.section-content-first .category-content .category-subcontent {
        top: 20px;
        left: 20px; } }
    @media (min-width: 1850px) {
      .section-content .section-sub-content.section-content-first .category-content .category-subcontent {
        top: 30px;
        left: 30px; } }
    .section-content .section-sub-content.section-content-second .category-content .category-subcontent {
      top: 56px; }
      @media (min-width: 551px) {
        .section-content .section-sub-content.section-content-second .category-content .category-subcontent {
          top: 23px; } }
      @media (min-width: 768px) {
        .section-content .section-sub-content.section-content-second .category-content .category-subcontent {
          top: 35px; } }
      @media (min-width: 1024px) {
        .section-content .section-sub-content.section-content-second .category-content .category-subcontent {
          top: 56px;
          left: 20px; } }
      @media (min-width: 1850px) {
        .section-content .section-sub-content.section-content-second .category-content .category-subcontent {
          top: 66px;
          left: 30px; } }
      @media (min-width: 551px) {
        .section-content .section-sub-content.section-content-second .category-content .category-subcontent .category-title {
          max-width: 97px; } }
      @media (min-width: 1024px) {
        .section-content .section-sub-content.section-content-second .category-content .category-subcontent .category-title {
          max-width: 180px; } }
    .section-content .section-sub-content.section-content-third .category-content .category-subcontent {
      top: 30px; }
      @media (min-width: 551px) {
        .section-content .section-sub-content.section-content-third .category-content .category-subcontent {
          top: 21px; } }
      @media (min-width: 768px) {
        .section-content .section-sub-content.section-content-third .category-content .category-subcontent {
          top: 35px; } }
      @media (min-width: 1024px) {
        .section-content .section-sub-content.section-content-third .category-content .category-subcontent {
          top: 65px;
          left: 50px; } }
      @media (min-width: 1850px) {
        .section-content .section-sub-content.section-content-third .category-content .category-subcontent {
          top: 75px;
          left: 60px; } }
    .section-content .section-sub-content.section-content-fourth .category-content .category-subcontent {
      top: 30px; }
      @media (min-width: 551px) {
        .section-content .section-sub-content.section-content-fourth .category-content .category-subcontent {
          top: 21px; } }
      @media (min-width: 768px) {
        .section-content .section-sub-content.section-content-fourth .category-content .category-subcontent {
          top: 35px; } }
      @media (min-width: 1024px) {
        .section-content .section-sub-content.section-content-fourth .category-content .category-subcontent {
          top: 60px;
          left: 20px; } }
      @media (min-width: 1850px) {
        .section-content .section-sub-content.section-content-fourth .category-content .category-subcontent {
          top: 70px;
          left: 30px; } }
    .section-content .section-sub-content.section-content-fifth .category-content .category-subcontent {
      top: 75px; }
      @media (min-width: 551px) {
        .section-content .section-sub-content.section-content-fifth .category-content .category-subcontent {
          top: 27px; } }
      @media (min-width: 768px) {
        .section-content .section-sub-content.section-content-fifth .category-content .category-subcontent {
          top: 37px; } }
      @media (min-width: 1024px) {
        .section-content .section-sub-content.section-content-fifth .category-content .category-subcontent {
          top: 75px;
          left: 20px; } }
      @media (min-width: 1850px) {
        .section-content .section-sub-content.section-content-fifth .category-content .category-subcontent {
          top: 95px;
          left: 30px; } }
      @media (min-width: 551px) {
        .section-content .section-sub-content.section-content-fifth .category-content .category-subcontent .category-title {
          max-width: 97px; } }
      @media (min-width: 1024px) {
        .section-content .section-sub-content.section-content-fifth .category-content .category-subcontent .category-title {
          max-width: 180px; } }
  @media (min-width: 551px) {
    .section-content {
      display: -ms-grid;
      display: grid;
      grid-gap: 10px; } }
  @media (min-width: 1024px) {
    .section-content {
      grid-gap: 15px; } }
  @media (min-width: 1366px) {
    .section-content {
      grid-gap: 20px; } }

@media (min-width: 551px) {
  .cat-layout-3 {
    grid-template-columns: 1fr 1fr 1fr;
    -ms-grid-columns: 1fr 1fr 1fr; } }

@media (min-width: 551px) {
  .cat-layout-4 {
    grid-template-columns: 1fr 1fr;
    -ms-grid-columns: 1fr 1fr; } }

@media (min-width: 1024px) {
  .cat-layout-4 {
    grid-template-columns: 1fr 1fr 1fr 1fr;
    -ms-grid-columns: 1fr 1fr 1fr 1fr; } }

/* shop by category style end */
/*************** ONLY FASHION VARIATION STYLE START ***************/
.fashion {
  /* header for fashion start */
  /* header for fashion end */
  /* shop by category for fashion start */
  /* shop by category for fashion end */ }
  .fashion .navPages-container {
    border-top: 1px solid #e1e1e1; }
    .fashion .navPages-container.footer-menu {
      border-top: none; }
  .fashion .header.left .dropdown--quickSearch .form-input {
    border: none; }
  .fashion .header.right .navUser-item.navUser-item--account .navUser-action .myacc-title {
    display: inline-block; }
  .fashion .cat-layout-5 {
    grid-template-columns: 1fr 1fr 1fr 1fr;
    -ms-grid-columns: 1fr 1fr 1fr 1fr; }
    .fashion .cat-layout-5 .section-content-first {
      grid-column: 1 / span 1;
      grid-row: 1 / span 2; }
    .fashion .cat-layout-5 .section-content-second {
      grid-column: 2 / span 1;
      grid-row: 1; }
    .fashion .cat-layout-5 .section-content-third {
      grid-column: 3 / span 2;
      grid-row: 1; }
    .fashion .cat-layout-5 .section-content-fourth {
      grid-column: 2 / span 2;
      grid-row: 2; }
    .fashion .cat-layout-5 .section-content-fifth {
      grid-column: 4 / span 1;
      grid-row: 2; }
  .fashion .icon--ratingEmpty svg {
    fill: #e1e1e1; }

/*************** ONLY FASHION VARIATION STYLE END ***************/
/*************** SHOP BY CATEGORY FOR IE STYLE START ***************/
@media all and (-ms-high-contrast: none) {
  .cat-layout-5 {
    margin: 0 -5px; } }
  @media all and (-ms-high-contrast: none) and (min-width: 1024px) {
    .cat-layout-5 {
      margin: 0 -8px; } }
  @media all and (-ms-high-contrast: none) and (min-width: 1366px) {
    .cat-layout-5 {
      margin: 0 -10px; } }

@media all and (-ms-high-contrast: none) {
    .cat-layout-5 .section-content-first, .cat-layout-5 .section-content-second, .cat-layout-5 .section-content-third,
    .cat-layout-5 .section-content-fourth, .cat-layout-5 .section-content-fifth {
      padding: 5px; } }
    @media all and (-ms-high-contrast: none) and (min-width: 1024px) {
      .cat-layout-5 .section-content-first, .cat-layout-5 .section-content-second, .cat-layout-5 .section-content-third,
      .cat-layout-5 .section-content-fourth, .cat-layout-5 .section-content-fifth {
        padding: 8px; } }
    @media all and (-ms-high-contrast: none) and (min-width: 1366px) {
      .cat-layout-5 .section-content-first, .cat-layout-5 .section-content-second, .cat-layout-5 .section-content-third,
      .cat-layout-5 .section-content-fourth, .cat-layout-5 .section-content-fifth {
        padding: 10px; } }

/*************** SHOP BY CATEGORY FOR IE STYLE END ***************/
/*************** ONLY AUTOPARTS VARIATION STYLE START ***************/
.autoparts {
  /* header style start */
  /* header style end */
  /* slider style start */
  /* slider style end */
  /* shop by category style start */
  /* shop by category style end */
  /* product grid style start */
  /* product grid style end */
  /* trending products style start */
  /* trending products style end */
  /* badge style start */
  /* badge style end */
  /* product list style start */
  /* product list style end */
  /* our story style start */
  /* our story style end */
  /* recent updates style start */
  /* recent updates style end */
  /* usp section style start */
  /* usp section style end */
  /* instagram style start */
  /* instagram style end */
  /* footer style start */
  /* footer style end */
  /* product page style start */
  /* product page style end */
  /* cart page style start */
  /* cart page style end */
  /* compare page style start */
  /* compare page style end */ }
  .autoparts .static-banner .static-banner-left p {
    font-weight: 400; }
  .autoparts .static-banner .static-banner-right span {
    font-weight: 200; }
    .autoparts .static-banner .static-banner-right span a {
      font-weight: 700; }
  .autoparts .navUser-action {
    font-size: 14px; }
  .autoparts .header.right .navUser-item.navUser-item--account .navUser-action .myacc-title {
    display: inline-block; }
  @media (min-width: 551px) {
    .autoparts .heroCarousel-content {
      max-width: 81rem;
      padding: 0 80px;
      width: 100%;
      text-align: right; } }
  @media (min-width: 1366px) {
    .autoparts .heroCarousel-content {
      padding: 1rem 2rem; } }
  @media (min-width: 1850px) {
    .autoparts .heroCarousel-content {
      padding: 1rem 2rem;
      width: 1440px;
      max-width: 100%; } }
  .autoparts .heroCarousel-action {
    border: 2px solid #ff580d;
    box-shadow: none; }
    @media (min-width: 1850px) {
      .autoparts .heroCarousel-action {
        font-size: 28px; } }
  .autoparts .heroCarousel-title {
    text-shadow: none;
    font-style: normal;
    font-weight: 900; }
  .autoparts .heroCarousel-description {
    text-shadow: none;
    font-style: normal;
    font-weight: 700; }
  .autoparts .section-content .section-sub-content .category-content {
    border-radius: 3px; }
    .autoparts .section-content .section-sub-content .category-content .category-subcontent {
      top: 10px;
      left: 10px; }
      .autoparts .section-content .section-sub-content .category-content .category-subcontent .category-title {
        max-width: 100%;
        font-weight: 700; }
      .autoparts .section-content .section-sub-content .category-content .category-subcontent .category-link {
        border-radius: 3px; }
      @media (min-width: 768px) {
        .autoparts .section-content .section-sub-content .category-content .category-subcontent {
          top: 15px;
          left: 15px; } }
    @media (min-width: 768px) {
      .autoparts .section-content .section-sub-content .category-content.firstcategory_content .category-subcontent .category-title {
        max-width: 130px; } }
    @media (min-width: 1850px) {
      .autoparts .section-content .section-sub-content .category-content.firstcategory_content .category-subcontent .category-title {
        max-width: 140px; } }
    @media (min-width: 1024px) {
      .autoparts .section-content .section-sub-content .category-content.firstcategory_content .category-subcontent {
        top: 30px;
        left: 20px; } }
    @media (min-width: 1366px) {
      .autoparts .section-content .section-sub-content .category-content.firstcategory_content .category-subcontent {
        top: 35px;
        left: 25px; } }
    @media (min-width: 1850px) {
      .autoparts .section-content .section-sub-content .category-content.firstcategory_content .category-subcontent {
        top: 40px;
        left: 30px; } }
    @media (min-width: 768px) {
      .autoparts .section-content .section-sub-content .category-content.secondcategory_content .category-subcontent .category-title {
        max-width: 405px; } }
    @media (min-width: 1850px) {
      .autoparts .section-content .section-sub-content .category-content.secondcategory_content .category-subcontent .category-title {
        max-width: 430px; } }
    @media (min-width: 1024px) {
      .autoparts .section-content .section-sub-content .category-content.secondcategory_content .category-subcontent {
        top: 40px;
        left: 20px; } }
    @media (min-width: 1366px) {
      .autoparts .section-content .section-sub-content .category-content.secondcategory_content .category-subcontent {
        top: 45px;
        left: 25px; } }
    @media (min-width: 1850px) {
      .autoparts .section-content .section-sub-content .category-content.secondcategory_content .category-subcontent {
        top: 50px;
        left: 30px; } }
    @media (min-width: 768px) {
      .autoparts .section-content .section-sub-content .category-content.thirdcategory_content .category-subcontent .category-title {
        max-width: 265px; } }
    @media (min-width: 1024px) {
      .autoparts .section-content .section-sub-content .category-content.thirdcategory_content .category-subcontent {
        top: 40px;
        left: 20px; } }
    @media (min-width: 1366px) {
      .autoparts .section-content .section-sub-content .category-content.thirdcategory_content .category-subcontent {
        top: 45px;
        left: 25px; } }
    @media (min-width: 1850px) {
      .autoparts .section-content .section-sub-content .category-content.thirdcategory_content .category-subcontent {
        top: 50px;
        left: 30px; } }
    @media (min-width: 768px) {
      .autoparts .section-content .section-sub-content .category-content.fourthcategory_content .category-subcontent .category-title {
        max-width: 230px; } }
    @media (min-width: 1024px) {
      .autoparts .section-content .section-sub-content .category-content.fourthcategory_content .category-subcontent {
        top: 20px;
        left: 10px; } }
    @media (min-width: 1366px) {
      .autoparts .section-content .section-sub-content .category-content.fourthcategory_content .category-subcontent {
        top: 25px;
        left: 15px; } }
    @media (min-width: 1850px) {
      .autoparts .section-content .section-sub-content .category-content.fourthcategory_content .category-subcontent {
        top: 30px;
        left: 20px; } }
    @media (min-width: 768px) {
      .autoparts .section-content .section-sub-content .category-content.fifthcategory_content .category-subcontent .category-title {
        max-width: 230px; } }
    @media (min-width: 1024px) {
      .autoparts .section-content .section-sub-content .category-content.fifthcategory_content .category-subcontent {
        top: 20px;
        left: 10px; } }
    @media (min-width: 1366px) {
      .autoparts .section-content .section-sub-content .category-content.fifthcategory_content .category-subcontent {
        top: 25px;
        left: 15px; } }
    @media (min-width: 1850px) {
      .autoparts .section-content .section-sub-content .category-content.fifthcategory_content .category-subcontent {
        top: 30px;
        left: 20px; } }
  @media (min-width: 1850px) {
    .autoparts .section-content {
      grid-gap: 30px; } }
  .autoparts .cat-layout-5 {
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
    -ms-grid-columns: 1fr 1fr 1fr 1fr 1fr; }
    .autoparts .cat-layout-5 .section-content-first {
      grid-column: 1 / span 1;
      grid-row: 1 / span 2; }
    .autoparts .cat-layout-5 .section-content-second {
      grid-column: 2 / span 2;
      grid-row: 1 / span 2; }
    .autoparts .cat-layout-5 .section-content-third {
      grid-column: 4 / span 2;
      grid-row: 1; }
    .autoparts .cat-layout-5 .section-content-fourth {
      grid-column: 4 / span 1;
      grid-row: 2; }
    .autoparts .cat-layout-5 .section-content-fifth {
      grid-column: 5 / span 1;
      grid-row: 2; }
  @media (min-width: 801px) {
    .autoparts .card:hover .card-figure .sale-flag-sash, .autoparts .card:hover .card-figure .new-badge {
      opacity: 0; } }
  .autoparts .card:hover .card-figure .card-img-container .card-image {
    transform: none; }
  .autoparts .card:hover .card-body {
    transform: none;
    height: auto; }
    @media (min-width: 801px) {
      .autoparts .card:hover .card-body {
        border-top: 1px solid transparent; } }
    .autoparts .card:hover .card-body .card-figcaption-button-section .card-figcaption-button {
      background-color: #ff4800;
      color: white;
      border-color: #ff4800; }
      .autoparts .card:hover .card-body .card-figcaption-button-section .card-figcaption-button .theme-icon::before {
        color: white; }
      .autoparts .card:hover .card-body .card-figcaption-button-section .card-figcaption-button:hover .theme-icon::before {
        color: white; }
  .autoparts .card:hover .card-image-arrow {
    top: 70%;
    /*&.card-image-prev{
					left: 40%;
					transform: translateX(-40%);
				}
				&.card-image-next{
					right: auto;
					left: 60%;
					transform: translateX(-60%);
				}*/ }
  .autoparts .card .card-figure {
    background-color: black;
    flex: none; }
    .autoparts .card .card-figure .card-figcaption .card-figcaption-body {
      top: 20px;
      right: 20px;
      transform: none;
      width: auto; }
      .autoparts .card .card-figure .card-figcaption .card-figcaption-body .card-figcaption-button {
        width: 40px;
        display: block;
        border-radius: 5px;
        margin: 0 0 10px auto;
        background-color: #383838; }
        .autoparts .card .card-figure .card-figcaption .card-figcaption-body .card-figcaption-button:hover {
          background-color: #383838; }
  .autoparts .card .card-body {
    border-top: 1px solid #e1e1e1; }
    .autoparts .card .card-body .card-title {
      text-align: center; }
      @media (min-width: 551px) {
        .autoparts .card .card-body .card-title {
          text-align: left; } }
      .autoparts .card .card-body .card-title a {
        font-weight: 400;
        font-size: 16px; }
        @media (min-width: 1024px) {
          .autoparts .card .card-body .card-title a {
            font-size: 17px; } }
    .autoparts .card .card-body .auto-price-rating {
      font-size: 0; }
      .autoparts .card .card-body .auto-price-rating .product-price {
        display: block; }
        @media (min-width: 551px) {
          .autoparts .card .card-body .auto-price-rating .product-price {
            width: 50%;
            display: inline-block;
            vertical-align: top;
            text-align: left; } }
        .autoparts .card .card-body .auto-price-rating .product-price .price-section {
          font-weight: 300; }
          .autoparts .card .card-body .auto-price-rating .product-price .price-section.actual-price {
            font-weight: 600; }
          @media (min-width: 551px) {
            .autoparts .card .card-body .auto-price-rating .product-price .price-section {
              display: block;
              margin: 0 0 5px; } }
          @media (min-width: 551px) {
            .autoparts .card .card-body .auto-price-rating .product-price .price-section:last-child {
              margin: 0; } }
          @media (min-width: 551px) {
            .autoparts .card .card-body .auto-price-rating .product-price .price-section span {
              line-height: 1; } }
      .autoparts .card .card-body .auto-price-rating .product-rating {
        display: block; }
        @media (min-width: 551px) {
          .autoparts .card .card-body .auto-price-rating .product-rating {
            width: 50%;
            display: inline-block;
            vertical-align: top; } }
        @media (min-width: 551px) {
          .autoparts .card .card-body .auto-price-rating .product-rating .rating--small .icon {
            margin-top: 0; } }
    @media (min-width: 551px) {
      .autoparts .card .card-body .card-text--colorswatches.loaded {
        text-align: left; } }
    @media (min-width: 551px) {
      .autoparts .card .card-body .card-figcaption-button-section {
        opacity: 1;
        position: inherit;
        text-align: left;
        left: 0;
        transform: none; } }
    .autoparts .card .card-body .card-figcaption-button-section .card-figcaption-button {
      background-color: black;
      color: #999999;
      border-color: black; }
      .autoparts .card .card-body .card-figcaption-button-section .card-figcaption-button .theme-icon {
        vertical-align: top; }
        .autoparts .card .card-body .card-figcaption-button-section .card-figcaption-button .theme-icon::before {
          color: #999999; }
  .autoparts .card-text--colorswatches .form-option {
    border-radius: 5px; }
  .autoparts .productCard-colorSwatch {
    border-radius: 5px; }
    .autoparts .productCard-colorSwatch img {
      border-radius: 5px; }
  .autoparts .productCard-colorSwatch-color {
    border-radius: 5px; }
  .autoparts .icon--ratingFull svg {
    fill: transparent;
    stroke: #ffc600;
    stroke-width: 4px; }
  .autoparts .icon--ratingEmpty svg {
    fill: transparent;
    stroke: #f2f2f5;
    stroke-width: 4px; }
  @media (min-width: 768px) {
    .autoparts .trending-products .productGrid .slick-list .slick-track .product {
      margin-bottom: 50px; } }
  @media (min-width: 801px) {
    .autoparts .trending-products .productGrid .slick-list .slick-track .product {
      margin-bottom: 35px; } }
  @media (min-width: 1024px) {
    .autoparts .trending-products .productGrid .slick-list .slick-track .product {
      margin-bottom: 48px; } }
  @media (min-width: 1366px) {
    .autoparts .trending-products .productGrid .slick-list .slick-track .product {
      margin-bottom: 56px; } }
  @media (min-width: 1850px) {
    .autoparts .trending-products .productGrid .slick-list .slick-track .product {
      margin-bottom: 50px; } }
  .autoparts .trending-products .productGrid .slick-list .slick-track .product .card .card-body .auto-price-rating .product-rating {
    width: auto; }
  .autoparts .trending-products .productGrid .slick-list .slick-track .product .card .card-body .auto-price-rating .product-price {
    width: auto;
    text-align: center; }
    .autoparts .trending-products .productGrid .slick-list .slick-track .product .card .card-body .auto-price-rating .product-price .price-section {
      display: inline-block;
      margin-bottom: 0; }
      @media (min-width: 1850px) {
        .autoparts .trending-products .productGrid .slick-list .slick-track .product .card .card-body .auto-price-rating .product-price .price-section {
          font-size: 21px; } }
      @media (min-width: 1850px) {
        .autoparts .trending-products .productGrid .slick-list .slick-track .product .card .card-body .auto-price-rating .product-price .price-section.actual-price {
          font-size: 32px; } }
  .autoparts .trending-products .productGrid .slick-list .slick-track .product .card .card-body .card-title {
    text-align: center; }
    .autoparts .trending-products .productGrid .slick-list .slick-track .product .card .card-body .card-title a {
      font-weight: 600;
      font-size: 18px; }
      @media (min-width: 1850px) {
        .autoparts .trending-products .productGrid .slick-list .slick-track .product .card .card-body .card-title a {
          font-size: 20px; } }
  .autoparts .trending-products .productGrid .slick-list .slick-track .product .card .card-body .card-figcaption-button-section {
    text-align: center; }
  .autoparts .trending-products .productGrid .slick-list .slick-track .product .card:hover .card-figure .sale-flag-sash {
    opacity: 1; }
  .autoparts .trending-products .productGrid .slick-list .slick-track .product.slick-center {
    margin-bottom: 0; }
    .autoparts .trending-products .productGrid .slick-list .slick-track .product.slick-center .card .card-figure .sale-flag-sash {
      top: 20px;
      right: 20px;
      width: auto; }
    .autoparts .trending-products .productGrid .slick-list .slick-track .product.slick-center .card .card-body .card-title a {
      font-size: 18px; }
      @media (min-width: 1024px) {
        .autoparts .trending-products .productGrid .slick-list .slick-track .product.slick-center .card .card-body .card-title a {
          font-size: 20px; } }
      @media (min-width: 1850px) {
        .autoparts .trending-products .productGrid .slick-list .slick-track .product.slick-center .card .card-body .card-title a {
          font-size: 22px; } }
    @media (min-width: 1024px) {
      .autoparts .trending-products .productGrid .slick-list .slick-track .product.slick-center .card .card-body .product-price .price-section .price--rrp, .autoparts .trending-products .productGrid .slick-list .slick-track .product.slick-center .card .card-body .product-price .price-section .price--non-sale, .autoparts .trending-products .productGrid .slick-list .slick-track .product.slick-center .card .card-body .product-price .price-section .price--discounted {
        font-size: 22px; } }
    @media (min-width: 1366px) {
      .autoparts .trending-products .productGrid .slick-list .slick-track .product.slick-center .card .card-body .product-price .price-section .price--rrp, .autoparts .trending-products .productGrid .slick-list .slick-track .product.slick-center .card .card-body .product-price .price-section .price--non-sale, .autoparts .trending-products .productGrid .slick-list .slick-track .product.slick-center .card .card-body .product-price .price-section .price--discounted {
        font-size: 27px; } }
    .autoparts .trending-products .productGrid .slick-list .slick-track .product.slick-center .card .card-body .card-figcaption-button-section .card-figcaption-button {
      color: white;
      background-color: #d94b0b;
      border: 1px solid #ff580d; }
      .autoparts .trending-products .productGrid .slick-list .slick-track .product.slick-center .card .card-body .card-figcaption-button-section .card-figcaption-button .theme-icon:before {
        color: white; }
      .autoparts .trending-products .productGrid .slick-list .slick-track .product.slick-center .card .card-body .card-figcaption-button-section .card-figcaption-button:hover, .autoparts .trending-products .productGrid .slick-list .slick-track .product.slick-center .card .card-body .card-figcaption-button-section .card-figcaption-button:focus, .autoparts .trending-products .productGrid .slick-list .slick-track .product.slick-center .card .card-body .card-figcaption-button-section .card-figcaption-button:active {
        color: white;
        background-color: #ff4800;
        border: 1px solid #ff580d; }
        .autoparts .trending-products .productGrid .slick-list .slick-track .product.slick-center .card .card-body .card-figcaption-button-section .card-figcaption-button:hover .theme-icon:before, .autoparts .trending-products .productGrid .slick-list .slick-track .product.slick-center .card .card-body .card-figcaption-button-section .card-figcaption-button:focus .theme-icon:before, .autoparts .trending-products .productGrid .slick-list .slick-track .product.slick-center .card .card-body .card-figcaption-button-section .card-figcaption-button:active .theme-icon:before {
          color: white; }
  .autoparts .trending-products .card .card-body .card-figcaption-button-section .card-figcaption-button .theme-icon {
    vertical-align: middle; }
  .autoparts .sale-flag-sash {
    width: auto;
    top: 15px;
    right: 15px;
    left: auto;
    transform: translate(0) rotate(0deg);
    padding: 2px 10px; }
  .autoparts .new-badge {
    width: auto;
    top: 15px;
    left: 15px;
    transform: translate(0) rotate(0deg);
    padding: 2px 10px; }
  .autoparts .listItem .listItem-figure {
    border-color: white; }
    @media (min-width: 801px) {
      .autoparts .listItem .listItem-figure:hover .sale-flag-sash, .autoparts .listItem .listItem-figure:hover .new-badge {
        opacity: 0; } }
    .autoparts .listItem .listItem-figure:hover .card-image-arrow {
      top: 80%; }
      .autoparts .listItem .listItem-figure:hover .card-image-arrow.card-image-prev {
        left: 40%;
        transform: translateX(-40%); }
      .autoparts .listItem .listItem-figure:hover .card-image-arrow.card-image-next {
        right: auto;
        left: 60%;
        transform: translateX(-60%); }
    .autoparts .listItem .listItem-figure:hover .card-img-container .card-image {
      transform: scale(1); }
    .autoparts .listItem .listItem-figure .listItem-figureBody {
      top: 20px;
      right: 20px;
      left: auto;
      transform: none;
      width: auto; }
      .autoparts .listItem .listItem-figure .listItem-figureBody .listItem-button {
        width: 40px;
        display: block;
        border-radius: 5px;
        top: 0;
        transform: none;
        margin: 0 0 10px;
        background-color: #383838; }
        .autoparts .listItem .listItem-figure .listItem-figureBody .listItem-button:hover {
          background-color: #383838; }
          .autoparts .listItem .listItem-figure .listItem-figureBody .listItem-button:hover .theme-icon:before {
            color: white; }
        .autoparts .listItem .listItem-figure .listItem-figureBody .listItem-button:last-child {
          margin: 0; }
    .autoparts .listItem .listItem-figure .sale-flag-sash {
      top: 15px;
      right: 15px; }
  .autoparts .our-story-element .our-story-contents .banners .banner .our-story-content .our-story-sub-content p {
    font-weight: 400; }
  .autoparts .our-story-element .our-story-contents .banners .banner .our-story-content a span {
    font-weight: 600; }
  .autoparts .recent-update .recent-update-element .recent-update-element-content .recent-update-left .recent-update-details .blog-read-more span {
    font-weight: 600; }
  .autoparts .recent-update .recent-update-element .recent-update-element-content .recent-update-right .blog-date, .autoparts .recent-update .recent-update-element .recent-update-element-content .recent-update-right .blog-author {
    font-weight: 500; }
  .autoparts .recent-update .recent-update-element .recent-update-more a {
    font-weight: 600; }
  .autoparts .usp-list .usp-list-item .usp-element .usp-content .usp-content-main {
    font-weight: 600; }
  .autoparts .usp-list .usp-list-item .usp-element .usp-content .usp-content-sub {
    font-weight: 300; }
  .autoparts .instagram .instagram-content #instafeed .custom_insta_link:after {
    background-color: rgba(220, 55, 0, 0.9); }
  .autoparts .instagram .instagram-content #instafeed .custom_insta_link:hover span label {
    background-color: rgba(255, 255, 255, 0.1); }
    .autoparts .instagram .instagram-content #instafeed .custom_insta_link:hover span label:hover {
      background-color: black; }
  .autoparts .footer-content .footer-content-left ul li a {
    font-weight: 400; }
  .autoparts .footer-content .footer-content-middle .footer-subcontent-middle .theme-newsletter h5 {
    font-weight: 700; }
  .autoparts .footer-content .footer-content-right .theme-address address {
    font-weight: 400; }
  .autoparts .bottom-footer p {
    font-weight: 400; }
  .autoparts .productView-images .productView-thumbnails .slick-arrow.slick-next:before {
    color: #999999; }
  .autoparts .productView-images .productView-thumbnails .slick-arrow.slick-prev:before {
    color: #999999; }
  .autoparts .productView-options .product-purchase-section .form-field--increments .form-increment {
    border-radius: 5px;
    padding: 7px 14px; }
    @media (min-width: 1366px) {
      .autoparts .productView-options .product-purchase-section .form-field--increments .form-increment {
        padding: 8px 20px; } }
    @media (min-width: 1850px) {
      .autoparts .productView-options .product-purchase-section .form-field--increments .form-increment {
        padding: 9px 20px; } }
    .autoparts .productView-options .product-purchase-section .form-field--increments .form-increment .form-input--incrementTotal {
      background-color: transparent; }
  .autoparts .productView-options .product-purchase-section .form-action #form-action-addToCart {
    padding: 10px 14px; }
    @media (min-width: 1024px) {
      .autoparts .productView-options .product-purchase-section .form-action #form-action-addToCart {
        padding: 11px 14px; } }
    @media (min-width: 1366px) {
      .autoparts .productView-options .product-purchase-section .form-action #form-action-addToCart {
        padding: 13px 20px; } }
    @media (min-width: 1850px) {
      .autoparts .productView-options .product-purchase-section .form-action #form-action-addToCart {
        padding: 16px 18px; } }
  @media (min-width: 1024px) {
    .autoparts .productView-options .form-wishlist .dropdown-menu-button {
      padding: 9px 20px; } }
  @media (min-width: 1366px) {
    .autoparts .productView-options .form-wishlist .dropdown-menu-button {
      padding: 11px 30px; } }
  @media (min-width: 1850px) {
    .autoparts .productView-options .form-wishlist .dropdown-menu-button {
      padding: 12px 38px; } }
  .autoparts .productView-options .form-wishlist .dropdown-menu-button.is-open {
    border-top-left-radius: 5px;
    border-top-right-radius: 5px; }
  .autoparts .productView-options .form-wishlist #wishlist-dropdown.is-open li:last-child .button {
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0; }
  .autoparts.cart .cart-item-quantity .form-increment {
    border-radius: 5px; }
    .autoparts.cart .cart-item-quantity .form-increment .form-input--incrementTotal {
      background-color: transparent; }
  .autoparts .custowithscroll_pro .compareTable tbody .compareTable-row .compareTable-product .card:hover .card-body {
    border-top: 1px solid #e1e1e1; }

/*************** ONLY AUTOPARTS VARIATION STYLE END **************/
/*************** ONLY OUTDOORS VARIATION STYLE START **************/
.outdoors {
  /* header style start */
  /* header style end */
  /* slider style start */
  /* slider style end */
  /* shop by category style start */
  /* shop by category style end */
  /* product grid style start */
  /* product grid style end */
  /* trending now style start */
  /* trending now style end */
  /* badge style start */
  /* badge style end */
  /* product list style start */
  /* product list style end */
  /* our story style start */
  /* our story style end */
  /* recent updates style start */
  /* recent updates style end */
  /* instagram style start */
  /* instagram style end */
  /* footer style start */
  /* footer style end */
  /* brand page style start */
  /* brand page style end */
  /* compare page style start */
  /* compare page style end */
  /* product page style start */
  /* product page style end */ }
  .outdoors .static-banner .static-banner-left p {
    font-weight: 400; }
  .outdoors .static-banner .static-banner-right span {
    font-weight: 100; }
    .outdoors .static-banner .static-banner-right span a {
      font-weight: 700; }
  .outdoors .navPages-container .navPages .navPages-list .navPages-item .navPages-action {
    /*font-weight: 700;*/ }
  .outdoors .navPages-container {
    border-top: 1px solid #e1e1e1; }
    .outdoors .navPages-container.footer-menu {
      border-top: none; }
  .outdoors .navUser-item.navUser-item--account .navUser-action .myacc-title {
    display: inline-block; }
  .outdoors .header.left .dropdown--quickSearch .form-input {
    border: none; }
  .outdoors .header.center .navUser-item.navUser-item--account .navUser-action .myacc-title {
    display: none; }
  @media (min-width: 551px) {
    .outdoors .heroCarousel-content {
      max-width: 81rem;
      padding: 0 80px;
      width: 100%;
      text-align: right; } }
  @media (min-width: 1366px) {
    .outdoors .heroCarousel-content {
      padding: 1rem 2rem; } }
  @media (min-width: 1850px) {
    .outdoors .heroCarousel-content {
      padding: 1rem 2rem;
      width: 1440px;
      max-width: 100%; } }
  .outdoors .heroCarousel-description, .outdoors .heroCarousel-title {
    font-style: normal; }
  .outdoors .section-content .section-sub-content .category-content {
    display: block; }
    .outdoors .section-content .section-sub-content .category-content .category-image::before {
      position: absolute;
      content: '';
      width: calc(100% - 10px);
      height: calc(100% - 10px);
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      border: 2px solid white;
      border-radius: 5px; }
    .outdoors .section-content .section-sub-content .category-content .category-image img {
      width: 100%;
      border-radius: 5px; }
    .outdoors .section-content .section-sub-content .category-content .category-image:hover .category-subcontent .category-link {
      /*background-color: transparent;
								color: $link-hover-color;*/ }
    .outdoors .section-content .section-sub-content .category-content .category-image .category-subcontent {
      left: 25px; }
      @media (min-width: 1024px) {
        .outdoors .section-content .section-sub-content .category-content .category-image .category-subcontent {
          left: 40px; } }
      @media (min-width: 1366px) {
        .outdoors .section-content .section-sub-content .category-content .category-image .category-subcontent {
          left: 50px; } }
      @media (min-width: 1850px) {
        .outdoors .section-content .section-sub-content .category-content .category-image .category-subcontent {
          left: 60px; } }
      .outdoors .section-content .section-sub-content .category-content .category-image .category-subcontent .category-title {
        max-width: 180px; }
        @media (min-width: 551px) {
          .outdoors .section-content .section-sub-content .category-content .category-image .category-subcontent .category-title {
            max-width: 200px; } }
        @media (min-width: 1366px) {
          .outdoors .section-content .section-sub-content .category-content .category-image .category-subcontent .category-title {
            max-width: 235px; } }
      .outdoors .section-content .section-sub-content .category-content .category-image .category-subcontent .category-link {
        /*background-color: $link-hover-color;
							border-color: $link-hover-color;*/
        font-weight: 700; }
    .outdoors .section-content .section-sub-content .category-content.firstcategory_content .category-subcontent, .outdoors .section-content .section-sub-content .category-content.secondcategory_content .category-subcontent {
      top: 50%;
      transform: translateY(-50%); }
      @media (min-width: 1024px) {
        .outdoors .section-content .section-sub-content .category-content.firstcategory_content .category-subcontent, .outdoors .section-content .section-sub-content .category-content.secondcategory_content .category-subcontent {
          top: 56px;
          transform: none; } }
      @media (min-width: 1366px) {
        .outdoors .section-content .section-sub-content .category-content.firstcategory_content .category-subcontent, .outdoors .section-content .section-sub-content .category-content.secondcategory_content .category-subcontent {
          top: 76px; } }
      @media (min-width: 1850px) {
        .outdoors .section-content .section-sub-content .category-content.firstcategory_content .category-subcontent, .outdoors .section-content .section-sub-content .category-content.secondcategory_content .category-subcontent {
          top: 96px; } }
    .outdoors .section-content .section-sub-content .category-content.thirdcategory_content .category-subcontent, .outdoors .section-content .section-sub-content .category-content.fourthcategory_content .category-subcontent, .outdoors .section-content .section-sub-content .category-content.fourthcategory_content .category-subcontent {
      top: 50%;
      transform: translateY(-50%); }
      @media (min-width: 1024px) {
        .outdoors .section-content .section-sub-content .category-content.thirdcategory_content .category-subcontent, .outdoors .section-content .section-sub-content .category-content.fourthcategory_content .category-subcontent, .outdoors .section-content .section-sub-content .category-content.fourthcategory_content .category-subcontent {
          top: 71px;
          transform: none; } }
      @media (min-width: 1366px) {
        .outdoors .section-content .section-sub-content .category-content.thirdcategory_content .category-subcontent, .outdoors .section-content .section-sub-content .category-content.fourthcategory_content .category-subcontent, .outdoors .section-content .section-sub-content .category-content.fourthcategory_content .category-subcontent {
          top: 91px; } }
      @media (min-width: 1850px) {
        .outdoors .section-content .section-sub-content .category-content.thirdcategory_content .category-subcontent, .outdoors .section-content .section-sub-content .category-content.fourthcategory_content .category-subcontent, .outdoors .section-content .section-sub-content .category-content.fourthcategory_content .category-subcontent {
          top: 111px; } }
  .outdoors .section-content.cat-layout-4 .section-sub-content .category-content.firstcategory_content .category-subcontent, .outdoors .section-content.cat-layout-4 .section-sub-content .category-content.secondcategory_content .category-subcontent {
    top: 50%;
    transform: translateY(-50%); }
    @media (min-width: 1024px) {
      .outdoors .section-content.cat-layout-4 .section-sub-content .category-content.firstcategory_content .category-subcontent, .outdoors .section-content.cat-layout-4 .section-sub-content .category-content.secondcategory_content .category-subcontent {
        top: 71px;
        transform: none; } }
    @media (min-width: 1366px) {
      .outdoors .section-content.cat-layout-4 .section-sub-content .category-content.firstcategory_content .category-subcontent, .outdoors .section-content.cat-layout-4 .section-sub-content .category-content.secondcategory_content .category-subcontent {
        top: 91px; } }
    @media (min-width: 1850px) {
      .outdoors .section-content.cat-layout-4 .section-sub-content .category-content.firstcategory_content .category-subcontent, .outdoors .section-content.cat-layout-4 .section-sub-content .category-content.secondcategory_content .category-subcontent {
        top: 111px; } }
  .outdoors .cat-layout-5 {
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
    -ms-grid-columns: 1fr 1fr 1fr 1fr 1fr 1fr; }
    .outdoors .cat-layout-5 .section-content-first {
      grid-column: 1 / span 3;
      grid-row: 1; }
    .outdoors .cat-layout-5 .section-content-second {
      grid-column: 4 / span 3;
      grid-row: 1; }
    .outdoors .cat-layout-5 .section-content-third {
      grid-column: 1 / span 2;
      grid-row: 2; }
    .outdoors .cat-layout-5 .section-content-fourth {
      grid-column: 3 / span 2;
      grid-row: 2; }
    .outdoors .cat-layout-5 .section-content-fifth {
      grid-column: 5 / span 2;
      grid-row: 2; }
  @media (min-width: 801px) {
    .outdoors .card:hover .card-figure {
      background-color: #fafafd; } }
  .outdoors .card:hover .card-figure .card-img-container .card-image {
    transform: none; }
  @media (min-width: 801px) {
    .outdoors .card:hover .card-figure .sale-flag-sash, .outdoors .card:hover .card-figure .new-badge {
      opacity: 0; } }
  .outdoors .card:hover .card-body {
    /*transform: none;
				height: auto;
				background-color: transparent;*/
    border-color: transparent;
    /*top:-8%;*/
    /*.card-title{
					@include breakpoint("medium"){
						opacity: 0;
						visibility: hidden;
					}
				}*/
    /*.card-figcaption-button-section{
					top: 21%;
				}*/ }
  .outdoors .card:hover .card-image-arrow {
    top: 70%;
    /*&.card-image-prev{
					left: 40%;
					transform: translateX(-40%);
				}
				&.card-image-next{
					right: auto;
					left: 60%;
					transform: translateX(-60%);
				}*/ }
  .outdoors .card .card-figure {
    background-color: white; }
    .outdoors .card .card-figure .sale-flag-sash {
      top: 15px;
      right: 15px; }
    .outdoors .card .card-figure .card-figcaption .card-figcaption-body {
      top: 20px;
      right: 20px;
      transform: none;
      width: auto; }
      .outdoors .card .card-figure .card-figcaption .card-figcaption-body .card-figcaption-button {
        width: 40px;
        display: block;
        border-radius: 5px;
        margin: 0 0 10px auto;
        background-color: #383838; }
        .outdoors .card .card-figure .card-figcaption .card-figcaption-body .card-figcaption-button:hover {
          background-color: #383838; }
  .outdoors .card .card-body {
    background-color: transparent;
    position: relative; }
    .outdoors .card .card-body .card-title {
      opacity: 1;
      visibility: visible; }
      .outdoors .card .card-body .card-title a {
        font-size: 16px; }
        @media (min-width: 1024px) {
          .outdoors .card .card-body .card-title a {
            font-size: 17px; } }
      @media (min-width: 801px) {
        .outdoors .card .card-body .card-title {
          margin-bottom: 0; } }
    .outdoors .card .card-body .card-figcaption-button-section .card-figcaption-button {
      border-radius: 5px; }
      .outdoors .card .card-body .card-figcaption-button-section .card-figcaption-button .theme-icon {
        vertical-align: middle; }
  .outdoors .card-text--colorswatches .form-option {
    border-radius: 5px; }
  .outdoors .productCard-colorSwatch {
    border-radius: 5px; }
    .outdoors .productCard-colorSwatch img {
      border-radius: 5px; }
  .outdoors .productCard-colorSwatch-color {
    border-radius: 5px; }
  .outdoors .trending-products .productGrid .slick-list .slick-track .product .card:hover .card-figure .sale-flag-sash, .outdoors .trending-products .productGrid .slick-list .slick-track .product .card:hover .card-figure .new-badge {
    opacity: 1; }
  .outdoors .trending-products .productGrid .slick-list .slick-track .product .card:hover .card-body .card-title {
    opacity: 1;
    visibility: visible; }
  .outdoors .trending-products .productGrid .slick-list .slick-track .product .card:hover .card-image-arrow {
    top: 50%; }
    .outdoors .trending-products .productGrid .slick-list .slick-track .product .card:hover .card-image-arrow.card-image-prev {
      left: 10px;
      transform: none; }
    .outdoors .trending-products .productGrid .slick-list .slick-track .product .card:hover .card-image-arrow.card-image-next {
      right: 10px;
      left: auto;
      transform: none; }
  .outdoors .trending-products .productGrid .slick-list .slick-track .product .card .card-body {
    position: static; }
    .outdoors .trending-products .productGrid .slick-list .slick-track .product .card .card-body .card-title a {
      font-weight: 700; }
  .outdoors .trending-products .productGrid .slick-list .slick-track .product.slick-center .card .card-figure .sale-flag-sash {
    top: 20px;
    right: 20px;
    width: auto; }
  .outdoors .sale-flag-sash {
    width: auto;
    top: 15px;
    right: 15px;
    left: auto;
    transform: translate(0) rotate(0deg);
    padding: 2px 10px; }
  .outdoors .new-badge {
    width: auto;
    top: 15px;
    left: 15px;
    transform: translate(0) rotate(0deg);
    padding: 2px 10px; }
  @media (min-width: 801px) {
    .outdoors .listItem .listItem-figure:hover .sale-flag-sash, .outdoors .listItem .listItem-figure:hover .new-badge {
      opacity: 0; } }
  .outdoors .listItem .listItem-figure:hover .card-image-arrow {
    top: 80%; }
    .outdoors .listItem .listItem-figure:hover .card-image-arrow.card-image-prev {
      left: 40%;
      transform: translateX(-40%); }
    .outdoors .listItem .listItem-figure:hover .card-image-arrow.card-image-next {
      right: auto;
      left: 60%;
      transform: translateX(-60%); }
  .outdoors .listItem .listItem-figure .listItem-figureBody {
    top: 20px;
    right: 20px;
    left: auto;
    transform: none;
    width: auto; }
    .outdoors .listItem .listItem-figure .listItem-figureBody .listItem-button {
      width: 40px;
      display: block;
      border-radius: 5px;
      top: 0;
      transform: none;
      margin: 0 0 10px; }
      .outdoors .listItem .listItem-figure .listItem-figureBody .listItem-button:last-child {
        margin: 0; }
  .outdoors .listItem .listItem-figure .sale-flag-sash {
    top: 15px;
    right: 15px; }
  .outdoors .our-story-element .our-story-contents .banners .banner .our-story-content .our-story-sub-content p {
    font-weight: 300; }
  .outdoors .recent-update .recent-update-element .recent-update-element-content .recent-update-left .recent-update-details .blog-summary {
    font-weight: 300; }
  @media (min-width: 1366px) {
    .outdoors .recent-update .recent-update-element .recent-update-element-content .recent-update-right .blog-date, .outdoors .recent-update .recent-update-element .recent-update-element-content .recent-update-right .blog-author {
      font-size: 17px; } }
  @media (min-width: 1850px) {
    .outdoors .recent-update .recent-update-element .recent-update-element-content .recent-update-right .blog-date, .outdoors .recent-update .recent-update-element .recent-update-element-content .recent-update-right .blog-author {
      font-size: 18px; } }
  .outdoors .instagram .instagram-content #instafeed .custom_insta_link:after {
    background-color: rgba(220, 55, 0, 0.8); }
  .outdoors .instagram .instagram-content #instafeed .custom_insta_link:hover span svg {
    fill: white; }
  .outdoors .instagram .instagram-content #instafeed .custom_insta_link:hover span label {
    background-color: rgba(255, 255, 255, 0.1);
    border-color: white;
    color: white; }
    .outdoors .instagram .instagram-content #instafeed .custom_insta_link:hover span label:hover {
      background-color: white;
      color: #dc3700; }
  .outdoors .footer-content .footer-content-left ul li a {
    font-weight: 400; }
  .outdoors .footer-content .footer-content-middle .footer-subcontent-middle .theme-newsletter h5 {
    font-weight: 700; }
  .outdoors .footer-content .footer-content-right .theme-address address {
    font-weight: 400; }
  .outdoors .bottom-footer p {
    font-weight: 400; }
  .outdoors .brandGrid .brand .card:hover .card-body .card-title {
    opacity: 1;
    visibility: visible; }
  .outdoors .custowithscroll_pro .compareTable tbody .compareTable-row .compareTable-product .card:hover .card-body .card-title {
    opacity: 1;
    visibility: visible; }
  .outdoors .form-option {
    border-radius: 5px; }
    .outdoors .form-option .form-option-variant.form-option-variant--color {
      border-radius: 5px; }

/*************** ONLY OUTDOORS VARIATION STYLE END **************/
/* for category page */
/* category page style start */
.category {
  /* category description style start */
  /* category description style end */ }
  .category .body {
    margin-top: 0; }
  .category .page {
    margin: 0 -0.75rem;
    max-width: none;
    width: auto; }
    .category .page:before, .category .page:after {
      content: " ";
      display: table; }
    .category .page:after {
      clear: both; }
  .category .category-banner {
    border-top: 1px solid #e5e5e5;
    position: relative; }
    .category .category-banner.with-cat-img {
      /* banner title style start */
      /* banner title style end */ }
      .category .category-banner.with-cat-img .category-banner-title {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%); }
        .category .category-banner.with-cat-img .category-banner-title .page-heading {
          color: #383838;
          line-height: 1; }
        .category .category-banner.with-cat-img .category-banner-title .breadcrumbs .breadcrumb .breadcrumb-label {
          color: #383838; }
        .category .category-banner.with-cat-img .category-banner-title .breadcrumbs .breadcrumb:before {
          border-color: #383838; }
    .category .category-banner.without-cat-img .category-banner-title {
      padding: 10px 0;
      background-color: #f9f9f9; }
      @media (min-width: 768px) {
        .category .category-banner.without-cat-img .category-banner-title {
          padding: 20px 0; } }
      @media (min-width: 1024px) {
        .category .category-banner.without-cat-img .category-banner-title {
          padding: 30px 0; } }
      @media (min-width: 1366px) {
        .category .category-banner.without-cat-img .category-banner-title {
          padding: 40px 0; } }
      @media (min-width: 1850px) {
        .category .category-banner.without-cat-img .category-banner-title {
          padding: 50px 0; } }
    .category .category-banner .category-banner-title {
      display: block; }
      .category .category-banner .category-banner-title .page-heading {
        margin: 0;
        font-family: "Roboto Slab";
        font-weight: 700;
        font-size: 30px;
        text-transform: uppercase;
        color: #383838;
        line-height: 1; }
        @media (min-width: 1024px) {
          .category .category-banner .category-banner-title .page-heading {
            font-size: 32px; } }
        @media (min-width: 1366px) {
          .category .category-banner .category-banner-title .page-heading {
            font-size: 34px; } }
        @media (min-width: 1850px) {
          .category .category-banner .category-banner-title .page-heading {
            font-size: 36px; } }
      .category .category-banner .category-banner-title .breadcrumbs {
        text-align: center;
        margin-bottom: 0; }
        .category .category-banner .category-banner-title .breadcrumbs .breadcrumb {
          margin-top: 10px; }
          .category .category-banner .category-banner-title .breadcrumbs .breadcrumb .breadcrumb-label {
            text-transform: uppercase;
            font-family: "Roboto Slab";
            color: #383838;
            font-size: 16px; }
            .category .category-banner .category-banner-title .breadcrumbs .breadcrumb .breadcrumb-label:hover {
              text-decoration: underline; }
            @media (min-width: 1024px) {
              .category .category-banner .category-banner-title .breadcrumbs .breadcrumb .breadcrumb-label {
                font-size: 18px; } }
            @media (min-width: 1366px) {
              .category .category-banner .category-banner-title .breadcrumbs .breadcrumb .breadcrumb-label {
                font-size: 20px; } }
            @media (min-width: 1850px) {
              .category .category-banner .category-banner-title .breadcrumbs .breadcrumb .breadcrumb-label {
                font-size: 22px; } }
          .category .category-banner .category-banner-title .breadcrumbs .breadcrumb.is-active .breadcrumb-label {
            font-weight: bold; }
            .category .category-banner .category-banner-title .breadcrumbs .breadcrumb.is-active .breadcrumb-label:hover {
              color: #383838;
              text-decoration: none; }
          .category .category-banner .category-banner-title .breadcrumbs .breadcrumb:before {
            font-size: 16px;
            border-color: #383838; }
            @media (min-width: 1024px) {
              .category .category-banner .category-banner-title .breadcrumbs .breadcrumb:before {
                font-size: 18px; } }
            @media (min-width: 1366px) {
              .category .category-banner .category-banner-title .breadcrumbs .breadcrumb:before {
                font-size: 20px; } }
            @media (min-width: 1850px) {
              .category .category-banner .category-banner-title .breadcrumbs .breadcrumb:before {
                font-size: 22px; } }
          @media (min-width: 1024px) {
            .category .category-banner .category-banner-title .breadcrumbs .breadcrumb {
              margin-top: 15px; } }
          @media (min-width: 1366px) {
            .category .category-banner .category-banner-title .breadcrumbs .breadcrumb {
              margin-top: 20px; } }
          @media (min-width: 1850px) {
            .category .category-banner .category-banner-title .breadcrumbs .breadcrumb {
              margin-top: 25px; } }
  .category .category-description {
    border-top: 1px solid #e5e5e5;
    border-bottom: 1px solid #e5e5e5;
    /*background-color: $body-section-bg;*/
    background-color: #fafafd; }
    .category .category-description .category-description-content {
      width: 100%;
      margin: 0 auto;
      text-align: center;
      padding: 15px; }
      .category .category-description .category-description-content .cat-desc-trim-content {
        display: block;
        max-height: 90px;
        overflow: hidden;
        position: relative; }
        @media (min-width: 1024px) {
          .category .category-description .category-description-content .cat-desc-trim-content {
            max-height: 97px; } }
        @media (min-width: 1366px) {
          .category .category-description .category-description-content .cat-desc-trim-content {
            max-height: 105px; } }
        .category .category-description .category-description-content .cat-desc-trim-content.is-open {
          max-height: none;
          transition: all 1s linear; }
          .category .category-description .category-description-content .cat-desc-trim-content.is-open .box-shade {
            display: none; }
        .category .category-description .category-description-content .cat-desc-trim-content .box-shade {
          position: absolute;
          bottom: 0;
          left: 0;
          width: 100%;
          padding: 10px 0;
          background: linear-gradient(to bottom, rgba(250, 250, 253, 0.04) 0%, rgba(250, 250, 253, 0.8) 100%); }
      .category .category-description .category-description-content h2 {
        font-family: "Roboto Slab";
        font-weight: 700;
        text-transform: uppercase;
        color: #333333;
        font-size: 18px;
        margin-top: 0;
        margin-bottom: 10px; }
        @media (min-width: 1024px) {
          .category .category-description .category-description-content h2 {
            font-size: 20px; } }
        @media (min-width: 1366px) {
          .category .category-description .category-description-content h2 {
            font-size: 22px; } }
      .category .category-description .category-description-content p {
        color: #333333;
        font-size: 14px;
        line-height: 1.75;
        margin-bottom: 0; }
        @media (min-width: 1024px) {
          .category .category-description .category-description-content p {
            font-size: 15px; } }
        @media (min-width: 1366px) {
          .category .category-description .category-description-content p {
            font-size: 16px; } }
      .category .category-description .category-description-content .read_more_link {
        margin-top: 10px;
        text-align: center; }
        .category .category-description .category-description-content .read_more_link .toggle-more {
          font-size: 14px;
          font-weight: bold;
          text-decoration: none; }
          .category .category-description .category-description-content .read_more_link .toggle-more:before {
            color: #ff580d;
            content: 'Read More';
            display: inline-block; }
          .category .category-description .category-description-content .read_more_link .toggle-more:hover {
            color: #202738; }
            @media (min-width: 1261px) {
              .category .category-description .category-description-content .read_more_link .toggle-more:hover::before {
                color: #202738; } }
          @media (min-width: 1024px) {
            .category .category-description .category-description-content .read_more_link .toggle-more {
              font-size: 15px; } }
          @media (min-width: 1366px) {
            .category .category-description .category-description-content .read_more_link .toggle-more {
              font-size: 16px; } }
      .category .category-description .category-description-content .cat-desc-trim-content.is-open + .read_more_link .toggle-more:before {
        color: #ff580d;
        content: "Read Less"; }
      .category .category-description .category-description-content .cat-desc-trim-content.is-open + .read_more_link .toggle-more:hover {
        color: #202738; }
        @media (min-width: 1261px) {
          .category .category-description .category-description-content .cat-desc-trim-content.is-open + .read_more_link .toggle-more:hover::before {
            color: #202738; } }
      @media (min-width: 768px) {
        .category .category-description .category-description-content {
          max-width: 650px;
          padding: 20px 0; } }
      @media (min-width: 1024px) {
        .category .category-description .category-description-content {
          max-width: 750px;
          padding: 25px 0; } }
      @media (min-width: 1366px) {
        .category .category-description .category-description-content {
          max-width: 850px;
          padding: 30px 0; } }
      @media (min-width: 1850px) {
        .category .category-description .category-description-content {
          max-width: 1000px;
          padding: 40px 0; } }

/* category page style end */
/* for product-filter */
/********** Page-sidebar style start **********/
.category .page-sidebar {
  background-color: transparent;
  padding: 0 0.75rem; }
  .category .page-sidebar nav {
    background-color: #fafafd;
    padding: 10px 0; }

@inclued md {
  .category .page-sidebar nav {
    padding: 20px 0; } }
    @media (min-width: 1366px) {
      .category .page-sidebar nav {
        padding: 30px 0; } }
    @media (min-width: 1850px) {
      .category .page-sidebar nav {
        padding: 35px 0; } }
  .category .page-sidebar #facetedSearch {
    padding: 0; }

@media (min-width: 801px) {
  .page-sidebar {
    width: 200px;
    border-right: 1px solid #e5e5e5; } }

@media (min-width: 1024px) {
  .page-sidebar {
    width: 250px; } }

@media (min-width: 1366px) {
  .page-sidebar {
    width: 295px; } }

.page-sidebar .banners {
  display: none; }
  @media (min-width: 801px) {
    .page-sidebar .banners {
      display: block;
      margin-top: 10px; } }
  @media (min-width: 1366px) {
    .page-sidebar .banners {
      margin-top: 15px; } }
  @media (min-width: 1850px) {
    .page-sidebar .banners {
      margin-top: 20px; } }

.sidebarBlock {
  border-bottom: 2px solid #fcfcfc;
  padding: 0 10px 20px 10px;
  display: none; }
  @media (min-width: 801px) {
    .sidebarBlock {
      display: block; } }
  .sidebarBlock a {
    text-decoration: none; }
  .sidebarBlock .sidebarBlock-heading {
    font-size: 16px;
    font-weight: bold;
    color: black;
    margin-bottom: 10px; }
    @media (min-width: 1024px) {
      .sidebarBlock .sidebarBlock-heading {
        font-size: 17px;
        margin-bottom: 15px; } }
    @media (min-width: 1850px) {
      .sidebarBlock .sidebarBlock-heading {
        font-size: 18px;
        margin-bottom: 20px; } }
  .sidebarBlock.facetedSearch {
    padding: 0 10px; }
    @media (min-width: 801px) {
      .sidebarBlock.facetedSearch {
        padding: 0 0 20px 0; } }
  .sidebarBlock:last-child {
    border-bottom: none;
    padding-bottom: 0; }
  @media (min-width: 1366px) {
    .sidebarBlock {
      padding: 0 15px 30px 15px; } }
  @media (min-width: 1850px) {
    .sidebarBlock {
      padding: 0 20px 35px 20px; } }

.facetedSearch-navList .accordion {
  margin: 0; }
  .facetedSearch-navList .accordion .accordion-block .accordion-navigation .accordion-title {
    font-size: 16px;
    font-weight: bold;
    color: black;
    margin-bottom: 0; }
    @media (min-width: 1024px) {
      .facetedSearch-navList .accordion .accordion-block .accordion-navigation .accordion-title {
        font-size: 17px; } }
    @media (min-width: 1850px) {
      .facetedSearch-navList .accordion .accordion-block .accordion-navigation .accordion-title {
        font-size: 18px; } }
  .facetedSearch-navList .accordion .accordion-block .accordion-navigation .accordion-navigation-actions {
    top: 50%;
    transform: translateY(-50%); }
    .facetedSearch-navList .accordion .accordion-block .accordion-navigation .accordion-navigation-actions .facetedSearch-clearLink {
      color: #202738;
      text-decoration: none; }
      .facetedSearch-navList .accordion .accordion-block .accordion-navigation .accordion-navigation-actions .facetedSearch-clearLink:hover {
        color: #ff580d; }
    .facetedSearch-navList .accordion .accordion-block .accordion-navigation .accordion-navigation-actions:hover svg {
      fill: #ff580d; }
    .facetedSearch-navList .accordion .accordion-block .accordion-navigation .accordion-navigation-actions svg {
      fill: black; }
  .facetedSearch-navList .accordion .accordion-block .accordion-content.facetedSearch-content--rating .navList .navList-item .navList-action {
    padding-left: 0; }
  .facetedSearch-navList .accordion .accordion-block .accordion-content .toggleLink {
    padding: 5px 0 5px 20px; }
    @media (min-width: 1850px) {
      .facetedSearch-navList .accordion .accordion-block .accordion-content .toggleLink {
        padding: 6px 0 6px 20px; } }
    .facetedSearch-navList .accordion .accordion-block .accordion-content .toggleLink .toggleLink-text {
      color: #ff580d;
      text-decoration: underline; }
    .facetedSearch-navList .accordion .accordion-block .accordion-content .toggleLink:hover .toggleLink-text {
      color: #202738; }
  @media (min-width: 801px) {
    .facetedSearch-navList .accordion .accordion-block .accordion-content .navList {
      margin-top: 10px; } }
  @media (min-width: 1366px) {
    .facetedSearch-navList .accordion .accordion-block .accordion-content .navList {
      margin-top: 15px; } }
  @media (min-width: 1850px) {
    .facetedSearch-navList .accordion .accordion-block .accordion-content .navList {
      margin-top: 20px; } }
  .facetedSearch-navList .accordion .accordion-block .accordion-content .form {
    margin-top: 10px; }
    .facetedSearch-navList .accordion .accordion-block .accordion-content .form .form-fieldset .form-minMaxRow {
      font-size: 0; }
      .facetedSearch-navList .accordion .accordion-block .accordion-content .form .form-fieldset .form-minMaxRow .form-field {
        float: none;
        width: 50%;
        padding: 5px; }
        @media (min-width: 1024px) {
          .facetedSearch-navList .accordion .accordion-block .accordion-content .form .form-fieldset .form-minMaxRow .form-field {
            padding: 7px; } }
        @media (min-width: 1366px) {
          .facetedSearch-navList .accordion .accordion-block .accordion-content .form .form-fieldset .form-minMaxRow .form-field {
            padding: 8px; } }
        .facetedSearch-navList .accordion .accordion-block .accordion-content .form .form-fieldset .form-minMaxRow .form-field .form-input--small {
          height: 32px; }
          @media (min-width: 768px) {
            .facetedSearch-navList .accordion .accordion-block .accordion-content .form .form-fieldset .form-minMaxRow .form-field .form-input--small {
              height: 36px; } }
          @media (min-width: 1850px) {
            .facetedSearch-navList .accordion .accordion-block .accordion-content .form .form-fieldset .form-minMaxRow .form-field .form-input--small {
              height: 40px; } }
        .facetedSearch-navList .accordion .accordion-block .accordion-content .form .form-fieldset .form-minMaxRow .form-field .button {
          text-transform: capitalize;
          padding: 8px 16px;
          font-weight: normal;
          font-size: 15px;
          border-radius: 0; }
          .facetedSearch-navList .accordion .accordion-block .accordion-content .form .form-fieldset .form-minMaxRow .form-field .button.form-input-clear {
            background-color: white;
            border: 1px solid #333333;
            color: #333333; }
            .facetedSearch-navList .accordion .accordion-block .accordion-content .form .form-fieldset .form-minMaxRow .form-field .button.form-input-clear:hover {
              background-color: #333333;
              color: white;
              border: 1px solid #333333; }
          @media (min-width: 768px) {
            .facetedSearch-navList .accordion .accordion-block .accordion-content .form .form-fieldset .form-minMaxRow .form-field .button {
              padding: 10px 20px; } }
          @media (min-width: 1366px) {
            .facetedSearch-navList .accordion .accordion-block .accordion-content .form .form-fieldset .form-minMaxRow .form-field .button {
              font-size: 16px; } }
          @media (min-width: 1850px) {
            .facetedSearch-navList .accordion .accordion-block .accordion-content .form .form-fieldset .form-minMaxRow .form-field .button {
              padding: 12px 24px; } }
    @media (min-width: 1366px) {
      .facetedSearch-navList .accordion .accordion-block .accordion-content .form {
        margin-top: 15px; } }
    @media (min-width: 1850px) {
      .facetedSearch-navList .accordion .accordion-block .accordion-content .form {
        margin-top: 20px; } }
  .facetedSearch-navList .accordion .accordion-block:first-child {
    margin-top: 0; }
  .facetedSearch-navList .accordion .accordion-block:last-child {
    border-bottom: none;
    padding-bottom: 0; }
  @media (min-width: 801px) {
    .facetedSearch-navList .accordion .accordion-block {
      border-bottom: 2px solid #fcfcfc;
      margin-top: 20px;
      padding: 0 10px 20px 10px; } }
  @media (min-width: 1366px) {
    .facetedSearch-navList .accordion .accordion-block {
      margin-top: 30px;
      padding: 0 15px 30px 15px; } }
  @media (min-width: 1850px) {
    .facetedSearch-navList .accordion .accordion-block {
      margin-top: 35px;
      padding: 0 20px 35px 20px; } }

.navList .navList-item {
  font-size: 0; }
  .navList .navList-item .navList-icon {
    width: 15px;
    height: 15px;
    margin-left: 0;
    display: inline-block;
    vertical-align: middle;
    cursor: pointer;
    transform: rotate(0deg); }
    .navList .navList-item .navList-icon svg {
      fill: #202738; }
    .navList .navList-item .navList-icon.is-open {
      transform: rotate(90deg); }
  .navList .navList-item .navList-action {
    color: #202738;
    text-transform: capitalize;
    font-size: 15px;
    display: inline-block;
    vertical-align: middle;
    width: 100%;
    padding: 5px 0 5px 20px; }
    .navList .navList-item .navList-action.is-selected {
      color: #ff580d; }
      .navList .navList-item .navList-action.is-selected::before {
        border-color: #ff580d; }
      .navList .navList-item .navList-action.is-selected::after {
        transform: scale(1) translateY(-50%); }
    .navList .navList-item .navList-action.has-subMenu {
      width: calc(100% - 15px);
      padding: 5px 0 5px 5px; }
    .navList .navList-item .navList-action.navList-action--checkbox {
      margin-bottom: 0; }
      .navList .navList-item .navList-action.navList-action--checkbox::before {
        border-radius: 0;
        width: 10px;
        height: 10px;
        transform: translateY(-50%);
        margin-top: 0px; }
      .navList .navList-item .navList-action.navList-action--checkbox::after {
        left: 0px;
        background-size: 14px;
        margin-top: -2px; }
    .navList .navList-item .navList-action:hover {
      color: #ff580d; }
    .navList .navList-item .navList-action .navList-action-close {
      background-color: #ff4800;
      border: 1px solid #ff4800;
      padding: 1px; }
      .navList .navList-item .navList-action .navList-action-close svg {
        fill: white; }
      .navList .navList-item .navList-action .navList-action-close:hover {
        background-color: transparent; }
        .navList .navList-item .navList-action .navList-action-close:hover svg {
          fill: #ff580d; }
    @media (min-width: 1366px) {
      .navList .navList-item .navList-action {
        font-size: 16px; } }
    @media (min-width: 1850px) {
      .navList .navList-item .navList-action {
        padding: 6px 0 6px 20px; }
        .navList .navList-item .navList-action.has-subMenu {
          padding: 6px 0 6px 5px; } }
  .navList .navList-item .navList-childlist {
    display: none; }
    .navList .navList-item .navList-childlist.is-open {
      display: block;
      margin-left: 25px; }
  .navList .navList-item.is-open a.is-open {
    color: #ff580d; }

.sidebarBlock + .sidebarBlock {
  border-top: 0;
  margin-top: 10px;
  padding-top: 0; }
  @media (min-width: 1024px) {
    .sidebarBlock + .sidebarBlock {
      margin-top: 20px; } }
  @media (min-width: 1366px) {
    .sidebarBlock + .sidebarBlock {
      margin-top: 30px; } }
  @media (min-width: 1850px) {
    .sidebarBlock + .sidebarBlock {
      margin-top: 35px; } }

.facetedSearch-toggle + .facetedSearch-navList,
.sidebarBlock + .facetedSearch-navList {
  margin-top: 10px; }
  @media (min-width: 1024px) {
    .facetedSearch-toggle + .facetedSearch-navList,
    .sidebarBlock + .facetedSearch-navList {
      margin-top: 20px; } }
  @media (min-width: 1366px) {
    .facetedSearch-toggle + .facetedSearch-navList,
    .sidebarBlock + .facetedSearch-navList {
      margin-top: 30px; } }
  @media (min-width: 1850px) {
    .facetedSearch-toggle + .facetedSearch-navList,
    .sidebarBlock + .facetedSearch-navList {
      margin-top: 35px; } }

.toggleLink {
  color: #202738;
  font-size: 15px; }
  .toggleLink:hover {
    color: #ff580d; }
  @media (min-width: 1366px) {
    .toggleLink {
      font-size: 16px; } }

.facetedSearch-toggle {
  margin-bottom: 0;
  font-size: 0; }
  .facetedSearch-toggle span {
    font-size: 15px;
    display: inline-block;
    vertical-align: middle;
    float: none; }
    .facetedSearch-toggle span .toggleLink-text--on {
      display: none; }

.inlineList--labels li .facetLabel {
  border-radius: 0;
  background-color: #ff4800;
  color: white;
  border: 1px solid #ff580d; }
  .inlineList--labels li .facetLabel svg {
    fill: white; }
  .inlineList--labels li .facetLabel:hover {
    background-color: #d94b0b;
    color: white;
    border-color: #ff580d; }
    .inlineList--labels li .facetLabel:hover svg {
      fill: white; }

/* Hide the new page builder sidebar banners on mobile as they were sitting above content and pushing page down too far */
@media (max-width: 800px) {
  [data-content-region="sidebar_below_categories--global"] {
    display: none; }
  [data-content-region="sidebar_below_categories"] {
    display: none; } }

/********** Page-sidebar style end **********/
/********** Product Listing style start **********/
/* counter,pagination and sort by style start*/
.product-listing-filter-section {
  font-size: 0;
  margin: 15px 0; }
  .product-listing-filter-section .product-listing-filter-left {
    width: 100%;
    font-size: 0;
    margin-bottom: 10px; }
    .product-listing-filter-section .product-listing-filter-left .product-listing-counter {
      width: auto;
      padding-right: 10px; }
      .product-listing-filter-section .product-listing-filter-left .product-listing-counter .pagination-count {
        color: #424242;
        font-size: 15px;
        padding: 4px 0; }
        @media (min-width: 768px) {
          .product-listing-filter-section .product-listing-filter-left .product-listing-counter .pagination-count {
            padding: 8px 0; } }
        @media (min-width: 1366px) {
          .product-listing-filter-section .product-listing-filter-left .product-listing-counter .pagination-count {
            font-size: 16px;
            padding: 8px 0; } }
      @media (min-width: 768px) {
        .product-listing-filter-section .product-listing-filter-left .product-listing-counter {
          width: auto; } }
      @media (min-width: 1024px) {
        .product-listing-filter-section .product-listing-filter-left .product-listing-counter {
          padding-right: 15px; } }
      @media (min-width: 1366px) {
        .product-listing-filter-section .product-listing-filter-left .product-listing-counter {
          padding-right: 20px; } }
    .product-listing-filter-section .product-listing-filter-left .product-listing-pagination {
      width: auto;
      border-left: 1px solid #424242;
      padding-left: 10px; }
      @media (min-width: 768px) {
        .product-listing-filter-section .product-listing-filter-left .product-listing-pagination {
          width: auto; } }
      @media (min-width: 1024px) {
        .product-listing-filter-section .product-listing-filter-left .product-listing-pagination {
          padding-left: 15px; } }
      @media (min-width: 1366px) {
        .product-listing-filter-section .product-listing-filter-left .product-listing-pagination {
          padding-left: 20px; } }
    @media (min-width: 768px) {
      .product-listing-filter-section .product-listing-filter-left {
        width: 55%;
        margin-bottom: 0; } }
    @media (min-width: 1024px) {
      .product-listing-filter-section .product-listing-filter-left {
        width: 60%; } }
  .product-listing-filter-section .product-listing-filter-right {
    width: 100%; }
    .product-listing-filter-section .product-listing-filter-right .product-listing-sort-by {
      text-align: left;
      margin-right: -2px;
      width: 100%; }
      @media (min-width: 551px) {
        .product-listing-filter-section .product-listing-filter-right .product-listing-sort-by {
          width: auto;
          text-align: right; } }
    .product-listing-filter-section .product-listing-filter-right .product-view-button {
      /*display: none;*/
      width: 30%; }
      .product-listing-filter-section .product-listing-filter-right .product-view-button .product-view-btn {
        cursor: pointer;
        padding-right: 10px;
        display: none; }
        @media (min-width: 551px) {
          .product-listing-filter-section .product-listing-filter-right .product-view-button .product-view-btn {
            display: inline-block; } }
        .product-listing-filter-section .product-listing-filter-right .product-view-button .product-view-btn svg {
          fill: #333333;
          width: 20px;
          max-height: 20px; }
          @media (min-width: 768px) {
            .product-listing-filter-section .product-listing-filter-right .product-view-button .product-view-btn svg {
              width: 24px;
              max-height: 24px; } }
        .product-listing-filter-section .product-listing-filter-right .product-view-button .product-view-btn.is-active svg {
          fill: #ff580d; }
        .product-listing-filter-section .product-listing-filter-right .product-view-button .product-view-btn:hover svg {
          fill: #ff580d; }
        @media (min-width: 768px) {
          .product-listing-filter-section .product-listing-filter-right .product-view-button .product-view-btn:last-child {
            padding-right: 26px; } }
        @media (min-width: 1366px) {
          .product-listing-filter-section .product-listing-filter-right .product-view-button .product-view-btn:last-child {
            padding-right: 46px; } }
        @media (min-width: 1366px) {
          .product-listing-filter-section .product-listing-filter-right .product-view-button .product-view-btn {
            padding-right: 20px; } }
      @media (min-width: 768px) {
        .product-listing-filter-section .product-listing-filter-right .product-view-button {
          width: auto; } }
    @media (min-width: 768px) {
      .product-listing-filter-section .product-listing-filter-right {
        width: 45%;
        text-align: right; } }
    @media (min-width: 1024px) {
      .product-listing-filter-section .product-listing-filter-right {
        width: 40%; } }
  @media (min-width: 1024px) {
    .product-listing-filter-section {
      margin: 20px 0; } }
  @media (min-width: 1850px) {
    .product-listing-filter-section {
      margin: 25px 0; } }

.pagination .pagination-list {
  margin-bottom: 0;
  text-align: left; }
  .pagination .pagination-list.pagination-list--small .pagination-item {
    color: #424242; }
  .pagination .pagination-list .pagination-item .pagination-link {
    color: #424242; }
    .pagination .pagination-list .pagination-item .pagination-link:hover {
      color: #ff580d; }
    @media (min-width: 1366px) {
      .pagination .pagination-list .pagination-item .pagination-link {
        font-size: 18px; } }
  .pagination .pagination-list .pagination-item.pagination-item--current {
    border-color: #ff580d;
    border-radius: 0; }
    .pagination .pagination-list .pagination-item.pagination-item--current .pagination-link {
      color: #ff580d;
      padding: 4px 9px; }
    .pagination .pagination-list .pagination-item.pagination-item--current:hover {
      background-color: #ff4800; }
      .pagination .pagination-list .pagination-item.pagination-item--current:hover .pagination-link {
        color: white; }
  .pagination .pagination-list .pagination-item.pagination-item--next, .pagination .pagination-list .pagination-item.pagination-item--previous {
    float: none; }
    .pagination .pagination-list .pagination-item.pagination-item--next .pagination-link .icon, .pagination .pagination-list .pagination-item.pagination-item--previous .pagination-link .icon {
      width: 15px;
      height: 15px;
      margin-top: 0; }
      .pagination .pagination-list .pagination-item.pagination-item--next .pagination-link .icon svg, .pagination .pagination-list .pagination-item.pagination-item--previous .pagination-link .icon svg {
        fill: #666666; }
    .pagination .pagination-list .pagination-item.pagination-item--next:hover .pagination-link, .pagination .pagination-list .pagination-item.pagination-item--previous:hover .pagination-link {
      color: #ff580d; }
      .pagination .pagination-list .pagination-item.pagination-item--next:hover .pagination-link .icon svg, .pagination .pagination-list .pagination-item.pagination-item--previous:hover .pagination-link .icon svg {
        fill: #ff580d; }

.actionBar {
  margin: 0; }
  .actionBar .form-fieldset {
    float: none; }
    .actionBar .form-fieldset .form-field {
      margin-bottom: 0;
      border: none;
      background-color: #fcfcfc; }
      .actionBar .form-fieldset .form-field .form-label {
        font-size: 15px;
        color: #424242;
        padding-left: 0;
        padding-right: 10px; }
      .actionBar .form-fieldset .form-field .form-select {
        border: 1px solid #e1e1e1;
        border-radius: 0;
        margin-right: 2px;
        color: #333333;
        height: auto;
        font-size: 15px;
        padding: 7px 10px; }
        .actionBar .form-fieldset .form-field .form-select.form-select--small {
          background-position: right 5px center; }
        @media (min-width: 768px) {
          .actionBar .form-fieldset .form-field .form-select {
            padding: 10px; } }

.no-pro-list {
  margin: 10px 0;
  color: #333333;
  font-size: 14px;
  line-height: 1.4; }
  @media (min-width: 1024px) {
    .no-pro-list {
      margin: 15px 0;
      font-size: 15px; } }
  @media (min-width: 1366px) {
    .no-pro-list {
      margin: 20px 0;
      font-size: 16px; } }
  @media (min-width: 1850px) {
    .no-pro-list {
      margin: 25px 0; } }

/* counter,pagination and sort by style end*/
.page-sidebar.u-hiddenVisually + .page-content {
  width: 100%; }
  .page-sidebar.u-hiddenVisually + .page-content #search-results-content {
    margin: 10px 0; }
    .page-sidebar.u-hiddenVisually + .page-content #search-results-content .actionBar .form-fieldset .form-field .form-select {
      width: 14.28571rem; }
    .page-sidebar.u-hiddenVisually + .page-content #search-results-content ul {
      margin: 10px 0; }
      .page-sidebar.u-hiddenVisually + .page-content #search-results-content ul strong {
        margin-bottom: 10px;
        display: inline-block; }
      @media (min-width: 1024px) {
        .page-sidebar.u-hiddenVisually + .page-content #search-results-content ul {
          margin: 15px 0; } }
      @media (min-width: 1850px) {
        .page-sidebar.u-hiddenVisually + .page-content #search-results-content ul {
          margin: 20px 0; } }
    @media (min-width: 768px) {
      .page-sidebar.u-hiddenVisually + .page-content #search-results-content {
        margin: 15px 0; } }
    @media (min-width: 1024px) {
      .page-sidebar.u-hiddenVisually + .page-content #search-results-content {
        margin: 20px 0; } }
    @media (min-width: 1366px) {
      .page-sidebar.u-hiddenVisually + .page-content #search-results-content {
        margin: 25px 0; } }
    @media (min-width: 1850px) {
      .page-sidebar.u-hiddenVisually + .page-content #search-results-content {
        margin: 30px 0; } }
  .page-sidebar.u-hiddenVisually + .page-content .search-suggestion .suggestion-title {
    margin-bottom: 10px; }
  .page-sidebar.u-hiddenVisually + .page-content .search-suggestion ul li {
    line-height: 1.4; }

@media (min-width: 801px) {
  .page-sidebar + .page-content {
    width: calc(100% - 200px); } }

@media (min-width: 1024px) {
  .page-sidebar + .page-content {
    width: calc(100% - 250px); } }

@media (min-width: 1366px) {
  .page-sidebar + .page-content {
    width: calc(100% - 295px); } }

.page-sidebar + .page-content .product-view-mode {
  margin: 0 -5px; }
  .page-sidebar + .page-content .product-view-mode .productGrid {
    display: none; }
    .page-sidebar + .page-content .product-view-mode .productGrid.is-open {
      margin: 0;
      display: flex;
      flex-wrap: wrap; }
    .page-sidebar + .page-content .product-view-mode .productGrid .product {
      width: 100%; }
      @media (min-width: 551px) {
        .page-sidebar + .page-content .product-view-mode .productGrid .product {
          width: 49.9%; } }
      @media (min-width: 1024px) {
        .page-sidebar + .page-content .product-view-mode .productGrid .product {
          width: 33.29%; } }
      @media (min-width: 1850px) {
        .page-sidebar + .page-content .product-view-mode .productGrid .product {
          width: 24.9%; } }
  .page-sidebar + .page-content .product-view-mode .productList {
    display: none; }
    .page-sidebar + .page-content .product-view-mode .productList.is-open {
      display: block; }
  @media (min-width: 1024px) {
    .page-sidebar + .page-content .product-view-mode {
      margin: 0 -8px; } }
  @media (min-width: 1366px) {
    .page-sidebar + .page-content .product-view-mode {
      margin: 0 -10px; } }

.productList .product + .product {
  margin-top: 10px; }
  @media (min-width: 1024px) {
    .productList .product + .product {
      margin-top: 16px; } }
  @media (min-width: 1366px) {
    .productList .product + .product {
      margin-top: 20px; } }

/********** Product Listing style end **********/
/* for custom */
/******************** Custom CSS BEGIN *********************/
.previewCartCheckout a[data-reveal-close] {
  background-color: #5c5c5c !important;
  border: none !important;
  color: #ffffff !important; }

.previewCartCheckout a[data-reveal-close]:hover {
  background-color: #454545 !important; }

/******************** Custom CSS END *********************/
/* for product page */
body.product {
  overflow-y: scroll; }

.productView, .modal .productView {
  padding-top: 0.75rem; }
  @media (min-width: 1024px) {
    .productView, .modal .productView {
      padding-top: 1.5rem; } }
  @media (min-width: 1850px) {
    .productView, .modal .productView {
      padding-top: 3rem; } }

/* product image style start */
@media (min-width: 801px) {
  .productView-images {
    width: 55%; } }

.productView-images .productView-image-main {
  width: 100%;
  position: relative;
  overflow: hidden; }
  @media (min-width: 801px) {
    .productView-images .productView-image-main {
      border-left: 1px solid #e5e5e5; } }
  .productView-images .productView-image-main .icon-zoom-in {
    position: absolute;
    top: 20px;
    left: 20px;
    z-index: 9; }
    .productView-images .productView-image-main .icon-zoom-in:before {
      color: #ff580d; }
    .productView-images .productView-image-main .icon-zoom-in:hover:before {
      color: #202738;
      cursor: pointer; }
    @media (min-width: 1024px) {
      .productView-images .productView-image-main .icon-zoom-in {
        left: 25px; } }
    @media (min-width: 1366px) {
      .productView-images .productView-image-main .icon-zoom-in {
        left: 30px; } }
  @media (min-width: 1024px) {
    .productView-images .productView-image-main {
      width: calc(100% - 114px);
      float: right;
      padding: 1px 0 1px 5px; } }
  @media (min-width: 1366px) {
    .productView-images .productView-image-main {
      padding: 1px 0 1px 10px;
      width: calc(100% - 136px); } }
  @media (min-width: 1850px) {
    .productView-images .productView-image-main {
      width: calc(100% - 145px); } }
  .productView-images .productView-image-main .productView-image {
    border: 1px solid #e1e1e1; }
    .productView-images .productView-image-main .productView-image .productView-img-container img {
      padding: 0 10px; }
    .productView-images .productView-image-main .productView-image .productView-img-container:after {
      padding-bottom: 100%; }
      @media (min-width: 768px) {
        .productView-images .productView-image-main .productView-image .productView-img-container:after {
          padding-bottom: 131.8%; } }
      @media (min-width: 1024px) {
        .productView-images .productView-image-main .productView-image .productView-img-container:after {
          padding-bottom: 111%; } }
      @media (min-width: 1366px) {
        .productView-images .productView-image-main .productView-image .productView-img-container:after {
          padding-bottom: 104.5%; } }
      @media (min-width: 1850px) {
        .productView-images .productView-image-main .productView-image .productView-img-container:after {
          padding-bottom: 118.5%; } }
    .productView-images .productView-image-main .productView-image .easyzoom-flyout {
      background-color: white; }
  .productView-images .productView-image-main:hover {
    cursor: crosshair; }

.productView-images .productView-thumbnails {
  width: 100%;
  margin: 20px 0 0; }
  @media (min-width: 1024px) {
    .productView-images .productView-thumbnails {
      width: 114px;
      padding: 0 5px 0 0;
      margin: -5px 0 0; } }
  @media (min-width: 1366px) {
    .productView-images .productView-thumbnails {
      width: 136px;
      padding: 0 10px 0 0; } }
  @media (min-width: 1850px) {
    .productView-images .productView-thumbnails {
      width: 145px;
      margin: -10px 0 0; } }
  .productView-images .productView-thumbnails .slick-list {
    text-align: center; }
    @media (min-width: 1024px) {
      .productView-images .productView-thumbnails .slick-list {
        margin: 0 auto; } }
    @media (min-width: 1024px) {
      .productView-images .productView-thumbnails .slick-list .slick-track .slick-slide {
        margin: 5px 0; } }
    @media (min-width: 1850px) {
      .productView-images .productView-thumbnails .slick-list .slick-track .slick-slide {
        margin: 10px 0; } }
  .productView-images .productView-thumbnails .slick-arrow {
    width: 30px;
    height: 30px;
    top: 50%;
    transform: translateY(-50%); }
    @media (min-width: 1024px) {
      .productView-images .productView-thumbnails .slick-arrow {
        left: 47%;
        height: 40px;
        transform: translateX(-50%) rotate(90deg); } }
    @media (min-width: 1366px) {
      .productView-images .productView-thumbnails .slick-arrow {
        height: 50px; } }
    @media (min-width: 1850px) {
      .productView-images .productView-thumbnails .slick-arrow {
        height: 60px; } }
    .productView-images .productView-thumbnails .slick-arrow.slick-prev:before {
      width: 30px;
      height: 30px;
      font-size: 30px;
      color: black; }
      @media (min-width: 1024px) {
        .productView-images .productView-thumbnails .slick-arrow.slick-prev:before {
          height: 40px;
          font-size: 40px; } }
      @media (min-width: 1366px) {
        .productView-images .productView-thumbnails .slick-arrow.slick-prev:before {
          height: 50px;
          font-size: 50px; } }
      @media (min-width: 1850px) {
        .productView-images .productView-thumbnails .slick-arrow.slick-prev:before {
          height: 60px;
          font-size: 60px; } }
    @media (min-width: 1024px) {
      .productView-images .productView-thumbnails .slick-arrow.slick-prev {
        top: -30px; } }
    @media (min-width: 1366px) {
      .productView-images .productView-thumbnails .slick-arrow.slick-prev {
        top: -35px; } }
    @media (min-width: 1850px) {
      .productView-images .productView-thumbnails .slick-arrow.slick-prev {
        top: -40px; } }
    .productView-images .productView-thumbnails .slick-arrow.slick-next:before {
      width: 30px;
      height: 30px;
      font-size: 30px;
      color: black; }
      @media (min-width: 1024px) {
        .productView-images .productView-thumbnails .slick-arrow.slick-next:before {
          height: 40px;
          font-size: 40px; } }
      @media (min-width: 1366px) {
        .productView-images .productView-thumbnails .slick-arrow.slick-next:before {
          height: 50px;
          font-size: 50px; } }
      @media (min-width: 1850px) {
        .productView-images .productView-thumbnails .slick-arrow.slick-next:before {
          height: 60px;
          font-size: 60px; } }
    @media (min-width: 1024px) {
      .productView-images .productView-thumbnails .slick-arrow.slick-next {
        bottom: -30px;
        top: auto; } }
    @media (min-width: 1366px) {
      .productView-images .productView-thumbnails .slick-arrow.slick-next {
        bottom: -35px; } }
    @media (min-width: 1850px) {
      .productView-images .productView-thumbnails .slick-arrow.slick-next {
        bottom: -40px; } }

.productView-thumbnail-link {
  height: 75px;
  max-width: 75px; }
  @media (min-width: 1024px) {
    .productView-thumbnail-link {
      height: 95px;
      max-width: 95px; } }
  @media (min-width: 1366px) {
    .productView-thumbnail-link {
      height: 115px;
      max-width: 115px; } }
  @media (min-width: 1850px) {
    .productView-thumbnail-link {
      height: 125px;
      max-width: 125px; } }
  .productView-thumbnail-link:hover, .productView-thumbnail-link.is-active {
    border-color: #ff580d; }

/* product image style end */
/* product details style start */
.productView-details {
  margin-bottom: 20px; }
  @media (min-width: 801px) {
    .productView-details {
      border-left: 1px solid #e5e5e5; } }
  .productView-details .productView-product {
    border-bottom: none;
    padding-bottom: 0; }
    .productView-details .productView-product .price-rating {
      font-size: 0;
      display: flex;
      justify-content: space-between;
      align-items: center;
      flex-wrap: wrap; }
      .productView-details .productView-product .price-rating .productView-price {
        margin-bottom: 0;
        width: 100%;
        display: flex;
        flex-wrap: wrap;
        align-items: center; }
        @media (min-width: 1366px) {
          .productView-details .productView-product .price-rating .productView-price {
            width: 45%; } }
        @media (min-width: 1850px) {
          .productView-details .productView-product .price-rating .productView-price {
            width: 50%; } }
        .productView-details .productView-product .price-rating .productView-price .login-for-price {
          font-family: "Roboto Slab";
          font-weight: 600;
          color: #a0a19e;
          font-size: 15px;
          margin-bottom: 0; }
          @media (min-width: 1024px) {
            .productView-details .productView-product .price-rating .productView-price .login-for-price {
              font-size: 18px; } }
          @media (min-width: 1850px) {
            .productView-details .productView-product .price-rating .productView-price .login-for-price {
              font-size: 20px; } }
        .productView-details .productView-product .price-rating .productView-price .price-section {
          font-family: "Roboto Slab";
          font-weight: 600;
          color: #a0a19e;
          font-size: 15px; }
          @media (min-width: 1024px) {
            .productView-details .productView-product .price-rating .productView-price .price-section {
              font-size: 18px; } }
          @media (min-width: 1850px) {
            .productView-details .productView-product .price-rating .productView-price .price-section {
              font-size: 20px; } }
          .productView-details .productView-product .price-rating .productView-price .price-section.actual-price {
            color: #ff580d;
            font-weight: bold;
            font-size: 20px;
            margin-right: 4px;
            order: 3; }
            @media (min-width: 551px) {
              .productView-details .productView-product .price-rating .productView-price .price-section.actual-price {
                margin-right: 10px; } }
            @media (min-width: 1024px) {
              .productView-details .productView-product .price-rating .productView-price .price-section.actual-price {
                font-size: 22px; } }
            @media (min-width: 1366px) {
              .productView-details .productView-product .price-rating .productView-price .price-section.actual-price {
                font-size: 22px;
                margin-right: 8px; } }
            @media (min-width: 1850px) {
              .productView-details .productView-product .price-rating .productView-price .price-section.actual-price {
                font-size: 26px;
                margin-right: 10px; } }
          .productView-details .productView-product .price-rating .productView-price .price-section.price-section--withTax.rrp-price--withTax {
            order: 1; }
          .productView-details .productView-product .price-rating .productView-price .price-section.price-section--withTax.non-sale-price--withTax {
            order: 2; }
          .productView-details .productView-product .price-rating .productView-price .price-section.saved-price {
            order: 4;
            font-size: 13px; }
            @media (min-width: 1024px) {
              .productView-details .productView-product .price-rating .productView-price .price-section.saved-price {
                font-size: 14px; } }
            @media (min-width: 1850px) {
              .productView-details .productView-product .price-rating .productView-price .price-section.saved-price {
                font-size: 16px; } }
          .productView-details .productView-product .price-rating .productView-price .price-section .price--rrp, .productView-details .productView-product .price-rating .productView-price .price-section .price--non-sale, .productView-details .productView-product .price-rating .productView-price .price-section .price--discounted {
            margin-right: 4px; }
            @media (min-width: 551px) {
              .productView-details .productView-product .price-rating .productView-price .price-section .price--rrp, .productView-details .productView-product .price-rating .productView-price .price-section .price--non-sale, .productView-details .productView-product .price-rating .productView-price .price-section .price--discounted {
                margin-right: 10px; } }
            @media (min-width: 1366px) {
              .productView-details .productView-product .price-rating .productView-price .price-section .price--rrp, .productView-details .productView-product .price-rating .productView-price .price-section .price--non-sale, .productView-details .productView-product .price-rating .productView-price .price-section .price--discounted {
                margin-right: 8px; } }
            @media (min-width: 1850px) {
              .productView-details .productView-product .price-rating .productView-price .price-section .price--rrp, .productView-details .productView-product .price-rating .productView-price .price-section .price--non-sale, .productView-details .productView-product .price-rating .productView-price .price-section .price--discounted {
                margin-right: 10px; } }
            .productView-details .productView-product .price-rating .productView-price .price-section .price--rrp:before, .productView-details .productView-product .price-rating .productView-price .price-section .price--non-sale:before, .productView-details .productView-product .price-rating .productView-price .price-section .price--discounted:before {
              transform: translate(-50%, -50%) rotate(0deg); }
      .productView-details .productView-product .price-rating .productView-rating {
        margin-top: 10px;
        display: block; }
        @media (min-width: 1366px) {
          .productView-details .productView-product .price-rating .productView-rating {
            display: inline-block;
            text-align: right;
            margin: 0;
            width: 55%; } }
        @media (min-width: 1850px) {
          .productView-details .productView-product .price-rating .productView-rating {
            width: 50%; } }
        .productView-details .productView-product .price-rating .productView-rating .productView-reviewLink {
          color: #666666;
          font-size: 14px;
          margin-left: 10px; }
          .productView-details .productView-product .price-rating .productView-rating .productView-reviewLink + .productView-reviewLink {
            display: inline-block;
            vertical-align: middle; }
            .productView-details .productView-product .price-rating .productView-rating .productView-reviewLink + .productView-reviewLink a {
              text-decoration: underline; }
          @media (min-width: 1366px) {
            .productView-details .productView-product .price-rating .productView-rating .productView-reviewLink {
              font-size: 15px;
              margin-left: 8px; } }
          @media (min-width: 1850px) {
            .productView-details .productView-product .price-rating .productView-rating .productView-reviewLink {
              font-size: 16px;
              margin-left: 15px; } }
          .productView-details .productView-product .price-rating .productView-rating .productView-reviewLink a {
            color: #202738;
            text-decoration: none; }
            .productView-details .productView-product .price-rating .productView-rating .productView-reviewLink a:hover {
              color: #ff580d; }
      .productView-details .productView-product .price-rating.without-price .productView-price {
        display: none; }
      .productView-details .productView-product .price-rating.without-price .productView-rating {
        width: 100%;
        text-align: left; }
  .productView-details .productView-info {
    margin: 20px 0; }
    @media (min-width: 1024px) {
      .productView-details .productView-info {
        margin: 25px 0; } }
    @media (min-width: 1366px) {
      .productView-details .productView-info {
        margin: 40px 0; } }
    @media (min-width: 1850px) {
      .productView-details .productView-info {
        margin: 50px 0; } }
  @media (min-width: 801px) {
    .productView-details {
      width: 45%; } }
  @media (min-width: 1024px) {
    .productView-details {
      margin-bottom: 25px; } }

.productView-info-dl, .productView-info-bulkPricing {
  margin: 0 0 10px;
  display: inline-block;
  width: 100%; }
  .productView-info-dl .productView-info-name, .productView-info-bulkPricing .productView-info-name {
    margin: 0;
    font-weight: 700;
    color: #202738;
    display: inline-block;
    vertical-align: middle;
    font-size: 15px;
    width: 120px; }
    @media (min-width: 1366px) {
      .productView-info-dl .productView-info-name, .productView-info-bulkPricing .productView-info-name {
        font-size: 16px; } }
  .productView-info-dl .productView-info-value, .productView-info-bulkPricing .productView-info-value {
    margin: 0;
    color: #3f4562;
    display: inline-block;
    vertical-align: middle;
    font-size: 14px; }
    @media (min-width: 1850px) {
      .productView-info-dl .productView-info-value, .productView-info-bulkPricing .productView-info-value {
        font-size: 16px; } }
  @media (min-width: 1366px) {
    .productView-info-dl, .productView-info-bulkPricing {
      margin: 0 0 15px; } }
  @media (min-width: 1850px) {
    .productView-info-dl, .productView-info-bulkPricing {
      margin: 0 0 20px; } }

.productView-info > :first-child {
  margin-top: 0; }

.productView-brand {
  margin: 0 0 10px; }
  .productView-brand a {
    color: #a0a19e;
    font-size: 16px;
    text-decoration: none; }
    .productView-brand a:hover {
      color: #ff580d; }
    @media (min-width: 1024px) {
      .productView-brand a {
        font-size: 17px; } }
    @media (min-width: 1850px) {
      .productView-brand a {
        font-size: 18px; } }
  @media (min-width: 1850px) {
    .productView-brand {
      margin: 0 0 15px; } }

.productView-title {
  font-family: "Roboto Slab";
  color: #333333;
  font-size: 20px;
  margin: 0 0 10px; }
  @media (min-width: 1024px) {
    .productView-title {
      font-size: 24px;
      margin: 0 0 15px; } }
  @media (min-width: 1366px) {
    .productView-title {
      font-size: 25px;
      margin: 0 0 20px; } }
  @media (min-width: 1850px) {
    .productView-title {
      font-size: 26px;
      margin: 0 0 25px; } }

.addthis_toolbox {
  display: block; }

/* product details style end */
/* product usp style start */
.product-usp {
  border-top: 1px solid #e5e5e5;
  border-bottom: 1px solid #e5e5e5; }
  .product-usp .container {
    padding: 0; }

/* product usp style end */
/* product description style start */
.productView-description {
  border-top: 1px solid #e5e5e5;
  float: none;
  width: 100%;
  padding: 0 0 5px 0; }
  .productView-description .tabs {
    border: none; }
    .productView-description .tabs .tab {
      border: 1px solid #e1e1e1;
      margin: 0 0 -1px;
      float: none; }
      @media (min-width: 1024px) {
        .productView-description .tabs .tab {
          margin: 0 10px -1px 0;
          float: left; }
          .productView-description .tabs .tab:last-child {
            margin-right: 0; } }
      .productView-description .tabs .tab.is-active {
        position: relative; }
        @media (min-width: 1024px) {
          .productView-description .tabs .tab.is-active:after {
            content: '';
            width: 100%;
            position: absolute;
            height: 1px;
            background: #fcfcfc;
            left: 0;
            bottom: -1px; } }
        .productView-description .tabs .tab.is-active .tab-title {
          color: #ff580d;
          font-weight: 400; }
      .productView-description .tabs .tab .tab-title {
        color: #202738;
        font-size: 16px;
        text-align: center;
        padding: 10px 20px; }
        .productView-description .tabs .tab .tab-title .theme-icon {
          vertical-align: bottom; }
          .productView-description .tabs .tab .tab-title .theme-icon:before {
            font-size: 21px; }
        .productView-description .tabs .tab .tab-title:hover {
          color: #ff580d; }
        @media (min-width: 768px) {
          .productView-description .tabs .tab .tab-title {
            padding: 12px 20px; } }
        @media (min-width: 1024px) {
          .productView-description .tabs .tab .tab-title {
            font-size: 18px; } }
        @media (min-width: 1366px) {
          .productView-description .tabs .tab .tab-title {
            font-size: 19px;
            padding: 15px 30px; } }
        @media (min-width: 1850px) {
          .productView-description .tabs .tab .tab-title {
            font-size: 20px; } }
  .productView-description .tabs-contents {
    border: 1px solid #e1e1e1;
    margin-bottom: 0;
    padding: 10px; }
    .productView-description .tabs-contents .tab-content {
      padding: 0;
      line-height: 1.4;
      font-size: 15px;
      color: #202738; }
      .productView-description .tabs-contents .tab-content p {
        color: #202738;
        margin-bottom: 10px; }
        @media (min-width: 1366px) {
          .productView-description .tabs-contents .tab-content p {
            margin-bottom: 15px; } }
        @media (min-width: 1850px) {
          .productView-description .tabs-contents .tab-content p {
            margin-bottom: 20px; } }
      .productView-description .tabs-contents .tab-content .toggle {
        border-top: none; }
        .productView-description .tabs-contents .tab-content .toggle:last-of-type {
          margin-bottom: 0; }
        .productView-description .tabs-contents .tab-content .toggle.videoGallery .videoGallery-list .videoGallery-item .video .video-body .video-title {
          font-size: 16px;
          margin-bottom: 10px; }
          @media (min-width: 1024px) {
            .productView-description .tabs-contents .tab-content .toggle.videoGallery .videoGallery-list .videoGallery-item .video .video-body .video-title {
              font-size: 17px; } }
          @media (min-width: 1850px) {
            .productView-description .tabs-contents .tab-content .toggle.videoGallery .videoGallery-list .videoGallery-item .video .video-body .video-title {
              font-size: 18px; } }
        .productView-description .tabs-contents .tab-content .toggle.videoGallery .videoGallery-list .videoGallery-item .video .video-body .video-description {
          font-size: 15px; }
          @media (min-width: 1366px) {
            .productView-description .tabs-contents .tab-content .toggle.videoGallery .videoGallery-list .videoGallery-item .video .video-body .video-description {
              font-size: 16px; } }
        .productView-description .tabs-contents .tab-content .toggle.videoGallery .videoGallery-list .videoGallery-item:last-child .video {
          margin-bottom: 0; }
        .productView-description .tabs-contents .tab-content .toggle.productReviews .toggle-title {
          margin-top: 0; }
        .productView-description .tabs-contents .tab-content .toggle.productReviews .productReviews-list .productReview {
          margin-bottom: 10px; }
          @media (min-width: 1366px) {
            .productView-description .tabs-contents .tab-content .toggle.productReviews .productReviews-list .productReview {
              margin-bottom: 15px; } }
          .productView-description .tabs-contents .tab-content .toggle.productReviews .productReviews-list .productReview header .productReview-title {
            margin: 5px 0; }
            @media (min-width: 1366px) {
              .productView-description .tabs-contents .tab-content .toggle.productReviews .productReviews-list .productReview header .productReview-title {
                margin: 10px 0; } }
      @media (min-width: 1366px) {
        .productView-description .tabs-contents .tab-content {
          font-size: 16px; } }
    @media (min-width: 768px) {
      .productView-description .tabs-contents {
        padding: 15px; } }
    @media (min-width: 1024px) {
      .productView-description .tabs-contents {
        padding: 20px; } }
    @media (min-width: 1366px) {
      .productView-description .tabs-contents {
        padding: 25px; } }
    @media (min-width: 1850px) {
      .productView-description .tabs-contents {
        padding: 30px; } }

/* product description style end */
/* product options style start */
.productView-options {
  /* quantity,add to cart,wishlist dropdown style start */
  /* quantity,add to cart,wishlist dropdown style end */ }
  .productView-options .form .form-field {
    text-align: left; }
    .productView-options .form .form-field .form-label {
      margin: 0 0 10px; }
    .productView-options .form .form-field .form-checkbox + .form-label {
      margin: 0 10px 0 0px;
      font-weight: 400; }
    .productView-options .form .form-field .form-radio + .form-label {
      margin: 0 10px 10px 0;
      font-weight: 400;
      font-size: 15px; }
      @media (min-width: 551px) {
        .productView-options .form .form-field .form-radio + .form-label {
          margin: 0 0 10px 0; }
          .productView-options .form .form-field .form-radio + .form-label:last-child {
            margin: 0; } }
  .productView-options .product-purchase-section {
    font-size: 0;
    margin: 20px 0 0; }
    .productView-options .product-purchase-section .form-field--increments {
      width: 40%;
      margin: 0;
      text-align: center;
      padding: 0 10px 0 0; }
      .productView-options .product-purchase-section .form-field--increments .form-increment {
        border: 1px solid #e1e1e1;
        border-radius: 50px;
        padding: 10px 14px; }
        .productView-options .product-purchase-section .form-field--increments .form-increment .button {
          border: none;
          padding: 0; }
          .productView-options .product-purchase-section .form-field--increments .form-increment .button svg {
            fill: #a1a1a1; }
        .productView-options .product-purchase-section .form-field--increments .form-increment .button[disabled] {
          border-radius: 100%;
          width: 16px;
          height: 16px; }
          @media (min-width: 1024px) {
            .productView-options .product-purchase-section .form-field--increments .form-increment .button[disabled] {
              width: 18px;
              height: 18px; } }
          @media (min-width: 1366px) {
            .productView-options .product-purchase-section .form-field--increments .form-increment .button[disabled] {
              width: 19px;
              height: 19px; } }
          @media (min-width: 1850px) {
            .productView-options .product-purchase-section .form-field--increments .form-increment .button[disabled] {
              width: 22px;
              height: 22px; } }
        @media (min-width: 768px) {
          .productView-options .product-purchase-section .form-field--increments .form-increment {
            padding: 9px 16px; } }
        @media (min-width: 1366px) {
          .productView-options .product-purchase-section .form-field--increments .form-increment {
            padding: 11px 20px; } }
        @media (min-width: 1850px) {
          .productView-options .product-purchase-section .form-field--increments .form-increment {
            padding: 12px 20px; } }
        .productView-options .product-purchase-section .form-field--increments .form-increment .form-input--incrementTotal {
          color: #333333;
          font-size: 15px; }
          @media (min-width: 1024px) {
            .productView-options .product-purchase-section .form-field--increments .form-increment .form-input--incrementTotal {
              font-size: 16px; } }
          @media (min-width: 1366px) {
            .productView-options .product-purchase-section .form-field--increments .form-increment .form-input--incrementTotal {
              font-size: 18px; } }
          @media (min-width: 1850px) {
            .productView-options .product-purchase-section .form-field--increments .form-increment .form-input--incrementTotal {
              font-size: 20px;
              width: 4.5rem; } }
      @media (min-width: 551px) {
        .productView-options .product-purchase-section .form-field--increments {
          width: auto;
          padding: 0 4px 0 0; } }
      @media (min-width: 1366px) {
        .productView-options .product-purchase-section .form-field--increments {
          margin: 0 7px 0 0;
          padding: 0; } }
      @media (min-width: 1850px) {
        .productView-options .product-purchase-section .form-field--increments {
          margin: 0 15px 0 0; } }
    .productView-options .product-purchase-section .productAttributes-message {
      margin: 1.5rem 0; }
    .productView-options .product-purchase-section .form-action {
      width: 60%;
      margin: 0px;
      padding: 0 0 0 10px; }
      .productView-options .product-purchase-section .form-action #form-action-addToCart {
        margin: 0;
        padding: 10px 14px; }
        @media (min-width: 1366px) {
          .productView-options .product-purchase-section .form-action #form-action-addToCart {
            padding: 14px 20px; } }
        @media (min-width: 1850px) {
          .productView-options .product-purchase-section .form-action #form-action-addToCart {
            font-size: 18px;
            padding: 15px 18px; } }
      @media (min-width: 551px) {
        .productView-options .product-purchase-section .form-action {
          width: auto;
          padding: 0 0 0 4px;
          float: none; } }
      @media (min-width: 1024px) {
        .productView-options .product-purchase-section .form-action {
          display: block;
          padding: 0 4px 0 0;
          margin: 20px 0 0; } }
      @media (min-width: 1366px) {
        .productView-options .product-purchase-section .form-action {
          margin: 0;
          padding: 0;
          display: inline-block; } }
    @media (min-width: 551px) {
      .productView-options .product-purchase-section {
        display: inline-block;
        vertical-align: middle;
        padding: 0 8px 0 0; } }
    @media (min-width: 1024px) {
      .productView-options .product-purchase-section {
        padding: 0; } }
    @media (min-width: 1366px) {
      .productView-options .product-purchase-section {
        display: inline-block;
        padding: 0 7px 0 0; } }
    @media (min-width: 1850px) {
      .productView-options .product-purchase-section {
        padding: 0 15px 0 0; } }
  .productView-options .form-wishlist {
    display: block;
    margin: 20px 0 0 0; }
    .productView-options .form-wishlist .dropdown-menu-button {
      margin: 0;
      padding: 8px 20px; }
      @media (min-width: 551px) {
        .productView-options .form-wishlist .dropdown-menu-button {
          width: auto; } }
      @media (min-width: 1366px) {
        .productView-options .form-wishlist .dropdown-menu-button {
          padding: 11px 30px; } }
      @media (min-width: 1850px) {
        .productView-options .form-wishlist .dropdown-menu-button {
          padding: 12px 38px; } }
      .productView-options .form-wishlist .dropdown-menu-button span {
        font-size: 16px; }
        @media (min-width: 1850px) {
          .productView-options .form-wishlist .dropdown-menu-button span {
            font-size: 18px; } }
      .productView-options .form-wishlist .dropdown-menu-button.is-open {
        border-top-left-radius: 30px;
        border-top-right-radius: 30px; }
      .productView-options .form-wishlist .dropdown-menu-button .icon {
        width: 14px;
        height: 14px;
        float: none;
        vertical-align: baseline; }
        .productView-options .form-wishlist .dropdown-menu-button .icon svg {
          fill: #dc3700; }
      .productView-options .form-wishlist .dropdown-menu-button:hover .icon svg {
        fill: white; }
    .productView-options .form-wishlist #wishlist-dropdown.is-open {
      padding: 0; }
      .productView-options .form-wishlist #wishlist-dropdown.is-open li:last-child .button {
        border-bottom: 1px solid #ff580d;
        border-bottom-left-radius: 30px;
        border-bottom-right-radius: 30px; }
      .productView-options .form-wishlist #wishlist-dropdown.is-open .icon {
        margin-left: 0; }
      .productView-options .form-wishlist #wishlist-dropdown.is-open .button {
        border-radius: 0;
        border-bottom: none;
        font-size: 15px;
        background-color: #fcfcfc; }
        @media (min-width: 1850px) {
          .productView-options .form-wishlist #wishlist-dropdown.is-open .button {
            font-size: 16px; } }
        .productView-options .form-wishlist #wishlist-dropdown.is-open .button:hover {
          background-color: #ff580d;
          color: white; }
    @media (min-width: 551px) {
      .productView-options .form-wishlist {
        display: inline-block;
        vertical-align: middle;
        float: none;
        width: auto;
        padding: 0; } }
    @media (min-width: 1024px) {
      .productView-options .form-wishlist {
        vertical-align: bottom; } }
    @media (min-width: 1366px) {
      .productView-options .form-wishlist {
        vertical-align: middle; } }

.productOptions-list .productOptions-list-item {
  padding: 10px; }
  .productOptions-list .productOptions-list-item .form-label {
    margin: 0; }
  .productOptions-list .productOptions-list-item .productOptions-list-item-content {
    padding: 0 0 0 10px; }
    @media (min-width: 1366px) {
      .productOptions-list .productOptions-list-item .productOptions-list-item-content {
        padding: 0 0 0 15px; } }

.form-option {
  /*width: 36px;
    height: 36px;*/
  border-radius: 22px;
  border: 2px solid #e1e1e1;
  margin-bottom: 0px;
  margin: 2px;
  padding: 2px; }
  .form-option:hover {
    border-color: #ff580d; }
  .form-option .form-option-variant {
    font-size: 12px;
    color: #333333;
    font-weight: 700;
    padding: 0;
    /*position: absolute;
      	top: 50%;
      	left: 50%;
      	transform: translate(-50%,-50%);*/ }
    .form-option .form-option-variant.form-option-variant--color {
      width: 28px;
      height: 28px;
      border-radius: 100%; }
    @media (min-width: 768px) {
      .form-option .form-option-variant {
        font-size: 16px; } }

.form-option-variant--pattern {
  border-radius: 100%; }

/* product options style end */
/* sharable links style start */
.share-links span {
  color: #202738;
  font-size: 15px; }
  @media (min-width: 1366px) {
    .share-links span {
      font-size: 16px; } }

/* sharable links style start */
/* related products style start */
.related-products-list .productCarousel .slick-arrow.slick-next {
  right: -8px; }
  @media (min-width: 1024px) {
    .related-products-list .productCarousel .slick-arrow.slick-next {
      right: -12px; } }
  @media (min-width: 1366px) {
    .related-products-list .productCarousel .slick-arrow.slick-next {
      right: -3%; } }

.related-products-list .productCarousel .slick-arrow.slick-prev {
  left: -8px; }
  @media (min-width: 1024px) {
    .related-products-list .productCarousel .slick-arrow.slick-prev {
      left: -12px; } }
  @media (min-width: 1366px) {
    .related-products-list .productCarousel .slick-arrow.slick-prev {
      left: -3%; } }

.related-products-list .productCarousel .slick-track {
  display: flex; }
  .related-products-list .productCarousel .slick-track .slick-slide {
    height: auto;
    padding-bottom: 5px;
    padding-top: 5px; }
    .related-products-list .productCarousel .slick-track .slick-slide .card {
      height: 100%; }

/* related products style end */
/* customer also view style start */
.customer-also-section .productCarousel .slick-arrow.slick-next {
  right: -8px; }
  @media (min-width: 1024px) {
    .customer-also-section .productCarousel .slick-arrow.slick-next {
      right: -12px; } }
  @media (min-width: 1366px) {
    .customer-also-section .productCarousel .slick-arrow.slick-next {
      right: -3%; } }

.customer-also-section .productCarousel .slick-arrow.slick-prev {
  left: -8px; }
  @media (min-width: 1024px) {
    .customer-also-section .productCarousel .slick-arrow.slick-prev {
      left: -12px; } }
  @media (min-width: 1366px) {
    .customer-also-section .productCarousel .slick-arrow.slick-prev {
      left: -3%; } }

.customer-also-section .productCarousel .slick-track {
  display: flex; }
  .customer-also-section .productCarousel .slick-track .slick-slide {
    height: auto;
    padding-bottom: 5px;
    padding-top: 5px; }
    .customer-also-section .productCarousel .slick-track .slick-slide .card {
      height: 100%; }

/* customer also view style end */
/* for blog pages */
.blog {
  display: inline-block;
  margin-bottom: 1.5rem; }
  @media (min-width: 801px) {
    .blog {
      margin: auto;
      width: 100%; } }
  .blog + .blog {
    border-top: 1px solid #e1e1e1;
    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 .blog-title {
    font-size: 22px;
    font-weight: bold;
    margin: 0px;
    text-align: left;
    padding-top: 10px; }
    @media (min-width: 801px) {
      .blog .blog-title {
        font-size: 32px; } }
    .blog .blog-title a {
      text-decoration: none; }
  .blog .blog-date,
  .blog .blog-author {
    color: black;
    text-align: left; }
  .blog .blog-author {
    margin-bottom: 2.5rem; }
  .blog .blog-post {
    font-size: 15px;
    text-align: left; }
  .blog .blog-thumbnail {
    margin: 0 auto;
    position: relative;
    max-width: 460px; }
    @media (min-width: 801px) {
      .blog .blog-thumbnail {
        margin: 0; } }
    .blog .blog-thumbnail img {
      width: 100%; }
  .blog .blog-post-figure {
    display: inline-block;
    margin: auto;
    text-align: center;
    float: left;
    width: 100%; }
    @media (min-width: 801px) {
      .blog .blog-post-figure {
        width: 41.66667%; } }
  .blog .blog-post-body {
    display: inline-block;
    margin: 0 auto;
    text-align: center;
    width: 100%;
    float: left; }
    @media (min-width: 801px) {
      .blog .blog-post-body {
        width: 58.33333%;
        text-align: left; } }
    @media (min-width: 1261px) {
      .blog .blog-post-body {
        width: 58.33333%; } }

.blog_post {
  display: inline-block;
  margin-bottom: 1.5rem; }
  @media (min-width: 801px) {
    .blog_post {
      margin: auto;
      width: 100%; } }
  .blog_post + .blog {
    border-top: 1px solid #e1e1e1;
    margin-top: 3rem;
    padding-top: 3rem; }
  .blog_post .tags {
    margin-top: 3rem;
    text-align: center; }
  .blog_post .socialLinks {
    text-align: center; }
  .blog_post .addthis_toolbox {
    margin-top: 3rem; }
  .blog_post .blog-title {
    font-size: 22px;
    font-weight: bold;
    margin: 0px;
    text-align: left;
    padding-top: 10px; }
    @media (min-width: 801px) {
      .blog_post .blog-title {
        font-size: 32px; } }
    .blog_post .blog-title a {
      text-decoration: none; }
  .blog_post .blog-date,
  .blog_post .blog-author {
    color: black;
    text-align: left; }
  .blog_post .blog-author {
    margin-bottom: 2.5rem; }
  .blog_post .blog-post {
    font-size: 15px;
    text-align: left; }
  .blog_post .blog-thumbnail {
    margin: 0 auto;
    position: relative;
    max-width: 460px; }
    @media (min-width: 801px) {
      .blog_post .blog-thumbnail {
        margin: 0; } }
    .blog_post .blog-thumbnail img {
      width: 100%; }
  .blog_post .blog-post-figure {
    display: none;
    margin: auto;
    text-align: center;
    float: left;
    width: 100%; }
    @media (min-width: 801px) {
      .blog_post .blog-post-figure {
        width: 41.66667%; } }
  .blog_post .blog-post-body {
    display: inline-block;
    margin: 0 auto;
    text-align: center;
    width: 100%;
    float: left; }
    @media (min-width: 801px) {
      .blog_post .blog-post-body {
        width: 100%;
        text-align: left; } }
    @media (min-width: 1261px) {
      .blog_post .blog-post-body {
        width: 100%; } }

.banner-text {
  text-transform: none !important; }

.free-shipping-icon {
  display: inline-block;
  margin-top: 10px; }

.free-shipping-icon img {
  width: 40px;
  height: auto; }