@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap");
input:focus,
button:focus,
textarea:focus,
select:focus,
details:focus,
[href]:focus,
[tabindex]:not([tabindex="-1"]):focus,
[contenteditable="true"]:focus {
  outline: 2px solid #0f7fff !important;
  outline-offset: 1px !important; }

input:focus + label {
  outline: 2px solid #0f7fff !important;
  outline-offset: 1px !important; }

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: white;
  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: 14px; }
  @media (min-width: 551px) {
    html {
      font-size: 14px; } }
  @media (min-width: 801px) {
    html {
      font-size: 14px; } }
  @media (min-width: 1261px) {
    html {
      font-size: 14px; } }

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

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

p {
  margin-bottom: 1.5rem; }

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

h1 {
  font-size: 28px; }

h2 {
  font-size: 25px; }

h3 {
  font-size: 22px; }

h4 {
  font-size: 20px; }

h5 {
  font-size: 15px; }

h6 {
  font-size: 13px; }

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

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

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.35714rem; }

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: 1.14286rem;
  width: 1.14286rem;
  display: inline-block;
  vertical-align: middle; }
  .icon svg {
    display: inline-block;
    fill: #757575;
    height: 100%;
    vertical-align: top;
    width: 100%; }

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

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


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

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

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


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

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

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

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

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

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

These are all the button

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

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

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

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

*/
.button {
  -webkit-appearance: none;
  -moz-appearance: none;
  border-radius: 0;
  border-style: solid;
  border-width: 1px;
  cursor: pointer;
  font-family: "Montserrat", 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: #8f8f8f;
  color: #666666;
  font-size: 1rem;
  padding: 0.85714rem 2.28571rem;
  border-radius: 4px;
  outline: none;
  vertical-align: middle; }
  .button:hover, .button:focus, .button.is-active, .button.active {
    background-color: transparent;
    border-color: #474747;
    color: #333333; }
  .button:active {
    background-color: transparent;
    border: 1px solid #757575;
    color: black; }
  .button:focus, .button.is-active, .button.active {
    outline: none; }
  @media (min-width: 481px) {
    .button + .button {
      margin-left: 0.78571rem; } }

/*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: #444444;
  border-color: #444444;
  color: white; }
  .button--primary:hover, .button--primary:focus, .button--primary.is-active, .button--primary.active {
    background-color: #666666;
    border-color: #666666;
    color: white; }
  .button--primary:active {
    background-color: black;
    border: 1px solid black;
    color: white; }

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

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

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

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

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

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

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

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

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

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

.button--small {
  font-size: 13px;
  padding: 0.57143rem 1.5rem; }

.button--tiny { }

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

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

/*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.78571rem;
  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.35714rem 0.71429rem; }
  .dropdown-menu-item a {
    display: block;
    padding: 0.35714rem; }
  .dropdown-menu-item a {
    margin: -0.35714rem; }

/*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.78571rem;
  padding: 0;
  width: 100%; }

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

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

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

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

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

<div class="form-field">
    <label class="form-label" for="disabled_input2">Input Label</label>
    <input class="form-input" id="disabled_input2" readonly type="text" value="Readonly text">
</div>
```
*/ }
  .form-input:disabled {
    background-color: white;
    color: #999999;
    cursor: not-allowed; }
  .form-input[readonly] {
    background-color: #e5e5e5;
    border-color: #999999;
    color: #757575;
    cursor: text; }
  .form-input:focus {
    border-color: #474747;
    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: #8f8f8f;
  color: #666666;
  font-family: inherit;
  font-size: 1rem;
  line-height: normal;
  padding: 0.75rem;
  border-radius: 0;
  cursor: pointer;
  height: 3rem;
  margin: 0;
  outline: 0; }
  .form-select::-ms-expand {
    display: none; }
  .form-select.radius {
    border-radius: 4px; }
  .form-select:focus {
    border-color: #474747; }
  .form-select:disabled {
    background-color: white;
    cursor: not-allowed; }
  .form-select:focus {
    border-color: #474747; }

/*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(255, 255, 255, 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.35714rem;
    padding-left: 1.85714rem;
    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 #8f8f8f;
      border-width: 1px;
      height: 1.14286rem;
      left: 0;
      top: 0;
      width: 1.14286rem; }
    .form-checkbox + .form-label::after,
    .form-radio + .form-label::after {
      height: 1rem;
      left: 1px;
      opacity: 0;
      top: 1px;
      transform: scale(0);
      width: 1rem; }

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

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

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

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

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

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

/*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.85714rem; }
  .form-input.has-action + .button--inputAction {
    background: transparent;
    border: 0;
    border-radius: 0 0 0 0;
    float: left;
    height: 2.85714rem;
    margin: 0.07143rem 0 0 -2.92857rem;
    width: 2.85714rem; }

/*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.57143rem; }
  .form-input.has-icon + .icon {
    height: 3rem;
    margin-left: -2.57143rem;
    width: 1.42857rem; }

/*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: 6.42857rem;
  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: #757575;
    box-shadow: 0 0 4px rgba(117, 117, 117, 0.4); }

.switch-toggle {
  background-color: #757575;
  border: 1px solid #757575;
  border-radius: 2rem;
  cursor: pointer;
  display: inline-block;
  height: 2rem;
  position: relative;
  transition: all 100ms ease-out;
  vertical-align: middle;
  width: 4.28571rem; }
  .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.4286rem;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
  content: "";
  height: 1.4286rem;
  left: 0.21427rem;
  position: absolute;
  top: 0.21427rem;
  transition: all 100ms ease-out;
  width: 1.4286rem; }
  .switch--checked .switch-toggle::before {
    left: 2.49999rem; }

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

.switch-label--icon.icon {
  height: 1.85714rem;
  width: 1.85714rem; }
  .switch-label--icon.icon svg {
    height: 1.85714rem;
    width: 1.85714rem;
    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.57143rem;
  width: 1.57143rem;
  float: left;
  margin: 0 0 0 -2.14286rem;
  position: relative;
  top: 0.71429rem; }
  .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.21429rem; }
  .form-field-errors ul,
  .form-field-errors ol {
    list-style: none;
    margin-bottom: 0; }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.tab-title {
  color: #757575;
  display: block;
  font-size: 15px;
  padding: 0.78571rem 1.57143rem; }
  .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.78571rem; }

/*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: #333333;
  font-size: 15px;
  padding: 0.21429rem 0; }

.pagination-list {
  display: block;
  margin-left: 0; }
  .pagination-list li {
    color: #757575;
    font-size: 1rem;
    margin-left: 0.35714rem; }
    .pagination-list li a, .pagination-list li button {
      border-radius: 4px;
      transition: background-color 300ms ease-out;
      background: none;
      color: #757575;
      display: block;
      font-size: 1em;
      font-weight: normal;
      line-height: inherit;
      padding: 0.28571rem 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: #333333; }

li.pagination-item--current a, li.pagination-item--current button {
  color: #333333;
  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.78571rem;
  padding: 0.78571rem 1.14286rem 0.78571rem 1.14286rem;
  position: relative;
  transition: opacity 300ms ease-out;
  background-color: #e5e5e5;
  border-color: #e5e5e5;
  color: white; }
  .alertBox .icon {
    height: 1.42857rem;
    width: 1.42857rem; }
  .alertBox .button {
    margin: 0 0 0 0.78571rem; }

.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.14286rem; }

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

.alertBox-heading {
  margin: 0; }

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

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

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

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

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

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

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

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

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

body.has-activeModal {
  overflow: hidden; }

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

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

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

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

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

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

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

.modal-footer {
  border-top: 1px solid #e5e5e5;
  padding: 0.78571rem 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.78571rem; }
  @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.42857rem;
    width: 1.42857rem; }

@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.35714rem 0.78571rem; }

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

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

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

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

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

.actionBar-link {
  display: block;
  padding: 0.78571rem 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.35714rem 0 0; }
    .actionBar-section .form-select,
    .actionBar-section .form-input {
      display: inline-block;
      width: 14.28571rem; } }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.aria-description--hidden {
  height: 1px;
  left: 0;
  margin-left: -10000px;
  overflow: hidden;
  position: absolute;
  top: 0;
  width: 1px; }

/* 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: #8f8f8f;
    opacity: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale; }

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

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

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

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

.slick-next,
.slick-prev {
  background-color: white;
  background-color: rgba(255, 255, 255, 0.9);
  border: 1px solid white;
  height: 4.35714rem;
  margin-top: -1.07143rem;
  padding: 0.71429rem;
  width: 2.85714rem;
  z-index: 1; }
  .slick-next::before,
  .slick-prev::before {
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 100%;
    display: block;
    height: 2.92857rem;
    width: 1.42857rem; }
  .slick-next:hover, .slick-next:focus,
  .slick-prev:hover,
  .slick-prev:focus {
    background-color: white;
    background-color: rgba(255, 255, 255, 0.9);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 100%; }

.slick-next {
  right: -5px; }
  @media (min-width: 1261px) {
    .slick-next {
      right: -3.35714rem; } }
  .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='%238f8f8f' 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;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='%23474747' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' fill='none' fill-rule='evenodd' /%3E%3C/svg%3E"); }

.slick-prev {
  left: -5px; }
  @media (min-width: 1261px) {
    .slick-prev {
      left: -3.35714rem; } }
  .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='%238f8f8f' 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;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='%23474747' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' fill='none' fill-rule='evenodd' /%3E%3C/svg%3E"); }

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

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

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

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

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

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

.slick-slide .card-image,
.slick-slide .heroCarousel-image {
  -webkit-touch-callout: default; }

.carousel-tooltip {
  display: none;
  height: 1px;
  margin-top: 10px;
  position: relative; }
  .carousel-tooltip::before {
    border-color: transparent transparent #313440 transparent;
    border-style: solid;
    border-width: 0.71429rem;
    content: " ";
    position: absolute;
    right: 0;
    top: 50%; }
  .carousel-tooltip::after {
    background-color: #313440;
    border-radius: 0.57143rem;
    color: white;
    content: attr(aria-label);
    cursor: default;
    font-size: 1rem;
    padding: 0.28571rem 0.42857rem;
    position: absolute;
    right: 0;
    top: 100%;
    white-space: nowrap; }
  .carousel-tooltip::before, .carousel-tooltip::after {
    display: none; }
  .carousel-tooltip:focus::before, .carousel-tooltip:focus::after {
    display: block; }
  @media (min-width: 551px) {
    .carousel-tooltip {
      display: block; } }
  .carousel-tooltip::after {
    padding: 15px 10px;
    top: 10px; }
  .slick-prev:focus .carousel-tooltip::before, .slick-prev:focus .carousel-tooltip::after,
  .slick-next:focus .carousel-tooltip::before,
  .slick-next:focus .carousel-tooltip::after,
  .slick-dots button:focus .carousel-tooltip::before,
  .slick-dots button:focus .carousel-tooltip::after {
    display: block; }
  .slick-prev .carousel-tooltip::before,
  .slick-next .carousel-tooltip::before {
    top: -7px; }
  .slick-prev .carousel-tooltip::before {
    right: -2px; }
  .slick-prev .carousel-tooltip::after {
    left: -5px;
    right: auto; }
  .slick-next .carousel-tooltip::after {
    right: -5px; }
  .slick-dots button .carousel-tooltip {
    margin-top: 25px; }
    .slick-dots button .carousel-tooltip::before, .slick-dots button .carousel-tooltip::after {
      right: 50%;
      transform: translateX(50%); }
    .slick-dots button .carousel-tooltip::before {
      top: -7px; }

.carousel-play-pause-button {
  background-color: white;
  background-color: rgba(255, 255, 255, 0.9);
  border: 1px solid white;
  bottom: 0.5rem;
  color: #8f8f8f;
  display: none;
  font-size: 14px;
  font-weight: 700;
  height: 32px;
  left: 15px;
  line-height: 1.25;
  max-width: 60px;
  min-width: 60px;
  overflow: hidden;
  position: absolute;
  text-overflow: ellipsis;
  transition: color 100ms ease-out;
  white-space: nowrap;
  z-index: 5; }
  @media (min-width: 551px) {
    .carousel-play-pause-button {
      font-size: 18px;
      max-width: 150px; } }
  @media (min-width: 801px) {
    .carousel-play-pause-button {
      bottom: 1.5rem;
      left: 25px; } }
  .carousel-play-pause-button:hover {
    color: #474747; }
  @media (min-width: 375px) {
    .carousel-play-pause-button {
      max-width: 90px;
      min-width: 80px; } }

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.78571rem; }

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

h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: 400;
  margin-top: 2.28571rem; }

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: #757575;
  float: left;
  font-weight: 400;
  margin: 0 0.35714rem 0 0; }

.definitionList-value {
  margin: 0; }

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

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

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

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

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

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

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

.dropdown-menu {
  z-index: 5; }
  .dropdown-menu.is-loading .loadingOverlay {
    background: none;
    padding: 4.5rem 0;
    position: relative; }
  .dropdown-menu.is-open {
    display: block; }
  .dropdown-menu .button:focus {
    z-index: 5; }

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

.form-wishlist {
  position: relative; }
  @media (min-width: 551px) {
    .form-wishlist {
      float: left;
      padding: 0 0.71429rem;
      width: 50%; } }
  @media (min-width: 801px) {
    .form-wishlist {
      padding: 0;
      width: auto; } }
  @media (min-width: 1261px) {
    .form-wishlist {
      display: inline-block;
      margin-top: 1rem; } }
  .form-wishlist .button {
    width: 100%; }
    @media (min-width: 801px) {
      .form-wishlist .button {
        width: auto; } }
    @media (min-width: 1261px) {
      .form-wishlist .button {
        margin-right: 0.78571rem; } }

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

#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: 0; } }
  @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: 0;
    margin-bottom: 0;
    width: 100%; }
  #wishlist-dropdown.is-open .button {
    background-color: white;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    width: 100%; }
  #wishlist-dropdown.is-open .button--has-items {
    font-weight: 700; }
  #wishlist-dropdown.is-open li:not(:last-child) .button {
    border-bottom: 0;
    border-radius: 0;
    border-top: 0;
    margin-bottom: 0; }

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

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

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

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

.modal-close {
  height: 2.28571rem;
  width: 2.28571rem;
  color: #757575;
  font-size: 26px;
  line-height: 2.28571rem;
  padding: 0;
  position: absolute;
  text-align: center;
  text-decoration: none;
  z-index: 50; }
  .modal-close::before {
    border-color: transparent transparent #313440 transparent;
    border-style: solid;
    border-width: 0.71429rem;
    content: " ";
    position: absolute;
    right: 0;
    top: 50%; }
  .modal-close::after {
    background-color: #313440;
    border-radius: 0.57143rem;
    color: white;
    content: attr(title);
    cursor: default;
    font-size: 1rem;
    padding: 0.28571rem 0.42857rem;
    position: absolute;
    right: 0;
    top: 100%;
    white-space: nowrap; }
  .modal-close::before, .modal-close::after {
    display: none; }
  .modal-close:focus::before, .modal-close:focus::after {
    display: block; }
  @media (min-width: 801px) {
    .modal-close {
      font-size: 32px; } }
  .modal-close:hover {
    color: #999999; }
  .modal-close::before {
    right: 50%;
    transform: translateX(50%); }
  .modal-close::after {
    right: 50%;
    transform: translateX(0.71429rem); }

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

.modal--alert {
  background-color: white !important;
  border-radius: 4px;
  font-family: "Karla", Arial, Helvetica, sans-serif;
  padding: 40px 20px 20px;
  text-align: center; }
  .modal--alert .alert-icon {
    border: 0.25em solid transparent;
    border-radius: 50%;
    box-sizing: content-box;
    cursor: default;
    display: flex;
    font-family: inherit;
    height: 5em;
    justify-content: center;
    line-height: 5em;
    margin: 1.25em auto 1.875em;
    position: relative;
    user-select: none;
    width: 5em; }
  .modal--alert .error-icon {
    animation: animate-icon 0.5s;
    border-color: #f27474;
    color: #f27474; }
    .modal--alert .error-icon .icon-content {
      animation: animate-icon-content 0.5s;
      flex-grow: 1;
      position: relative; }
      .modal--alert .error-icon .icon-content .line {
        background-color: #f27474;
        border-radius: 0.125em;
        display: block;
        height: 0.3125em;
        position: absolute;
        top: 2.3125em;
        width: 2.9375em; }
        .modal--alert .error-icon .icon-content .line-left {
          left: 1.0625em;
          transform: rotate(45deg); }
        .modal--alert .error-icon .icon-content .line-right {
          right: 1em;
          transform: rotate(-45deg); }
  .modal--alert .warning-icon {
    animation: animate-icon 0.5s;
    border-color: #facea8;
    color: #f8bb86; }
    .modal--alert .warning-icon .icon-content {
      align-items: center;
      animation: animate-icon-content 0.5s;
      display: flex;
      font-size: 3.75em; }
  .modal--alert .modal-content {
    color: #333333;
    font-size: 1.14286rem; }
  .modal--alert .button-container {
    margin: 25px 0 0; }
    .modal--alert .button-container .confirm {
      background-color: #444444;
      border-color: #444444;
      color: white; }
    .modal--alert .button-container .confirm:focus,
    .modal--alert .button-container .confirm:hover {
      background-color: #666666;
      border-color: #666666;
      color: white; }
    .modal--alert .button-container .confirm:active {
      background-color: black;
      border-color: black;
      color: white; }

.hide-content {
  opacity: 0; }

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

@keyframes animate-icon-content {
  0% {
    margin-top: 1.625em;
    opacity: 0;
    transform: scale(0.4); }
  50% {
    margin-top: 1.625em;
    opacity: 0;
    transform: scale(0.4); }
  80% {
    margin-top: -0.375em;
    transform: scale(1.15); }
  100% {
    margin-top: 0;
    opacity: 1;
    transform: scale(1); } }

ol.breadcrumbs {
  display: none;
  font-size: 0;
  overflow: visible;
  text-align: center; }
  @media (min-width: 551px) {
    ol.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 {
    border-right: 0.1em solid #757575;
    content: "";
    display: inline-block;
    height: 0.8em;
    margin: 0 0.25rem;
    transform: rotate(15deg); }

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

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

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

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

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

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

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

.pagination-list--small {
  position: relative; }
  .pagination-list--small .pagination-item {
    color: #757575;
    cursor: inherit;
    line-height: 1.5; }
  .pagination-list--small .pagination-link {
    padding: 0 0.35714rem; }
  .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.78571rem; } }

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

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

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

.tab-title {
  padding: 1.14286rem 0;
  text-align: center;
  text-decoration: none; }
  @media (min-width: 551px) {
    .tab-title {
      text-align: left; } }
  @media (min-width: 801px) {
    .tab-title {
      padding: 0.78571rem 1.5rem; } }
  @media (min-width: 1261px) {
    .tab-title {
      padding: 0.78571rem 1.28571rem; } }

.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 {
  color: #444444;
  font-family: "Montserrat", Arial, Helvetica, sans-serif;
  font-size: 1.07143rem;
  margin: 0; }

.accordion-navigation {
  align-items: center;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  padding-right: 1rem;
  position: relative;
  text-decoration: none;
  width: 100%; }

@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-heading {
  font-size: 1rem;
  line-height: 19px;
  margin: 0; }

.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;
    margin-bottom: 0.78571rem !important;
    padding: 0; } }

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

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

.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-nav-clear-holder {
  position: relative; }

.facetedSearch-clearLink {
  color: #757575;
  position: absolute;
  right: 40px;
  top: 50%;
  transform: translateY(-50%); }
  @media (min-width: 801px) {
    .facetedSearch-clearLink {
      right: 20px;
      top: 3px;
      transform: none; } }
  .facetedSearch-clearLink:hover {
    color: #333333; }

ul.inlineList {
  overflow: visible; }
  ul.inlineList:before, ul.inlineList:after {
    content: " ";
    display: table; }
  ul.inlineList:after {
    clear: both; }

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

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

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

.alertBox--info {
  background-color: #707070;
  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: 1rem;
  left: -0.14286rem;
  margin-right: 0.07143rem;
  position: relative;
  top: 0.21429rem;
  width: 1rem; }

.form-field--success .form-input[type="text"] {
  padding-right: 3rem;
  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.71429rem center;
  background-repeat: no-repeat; }

.form-field--success .form-input[name="credit_card_number"] {
  background-position: right 2.28571rem center; }

.form-field--success .form-input[name="cvv"] {
  background-position: right 2.28571rem center; }

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

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

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

.form-option-wrapper {
  display: inline-block;
  position: relative; }
  .form-option-wrapper .form-radio,
  .form-option-wrapper .form-checkbox {
    bottom: 0.5rem;
    left: 0.5rem; }

.form-actions {
  margin: 0 auto;
  max-width: 85.71429rem;
  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.78571rem; }
      @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.78571rem; } }

.form-label--alternate {
  font-family: "Montserrat", Arial, Helvetica, sans-serif;
  font-size: 13px;
  margin-bottom: 0.78571rem; }

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

.form-select--small,
.form-select--date {
  background-position: right 0.5rem top 0.5rem;
  background-size: 1.28571rem;
  font-size: 13px;
  height: 2.28571rem;
  line-height: 1rem;
  max-width: 20rem;
  padding: 0.57143rem 0.78571rem;
  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 #8f8f8f;
  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; } }

.form-prefixPostfix .form-input::-webkit-input-placeholder {
  color: #666666; }

.form-prefixPostfix .form-input::-moz-placeholder {
  color: #666666; }

.form-prefixPostfix .form-input:-ms-input-placeholder {
  color: #666666; }

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

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

.form-prefixPostfix--centeredColumn.wrap {
  flex-direction: column; }

.form-prefixPostfix--centeredColumn .g-recaptcha {
  margin: 2em auto 0; }

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

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

.form-increment .button {
  margin: 0;
  padding: 0.21429rem 0.35714rem; }

.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.5rem; }
  .form-field--success .form-input--incrementTotal {
    float: none; }

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

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

.form-option-variant--color,
.form-option-variant--pattern {
  height: 1.57143rem;
  width: 1.57143rem;
  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.28571rem;
  line-height: 1rem;
  padding: 0.57143rem 0.78571rem; }

.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;
  overflow: hidden;
  padding: 3px;
  position: relative; }
  .card-figure:hover .card-figcaption {
    opacity: 1; }
  .card-figure__link {
    display: block;
    position: relative; }

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

.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 {
  bottom: 0;
  left: 0;
  margin: auto;
  position: absolute;
  right: 0;
  top: 0;
  border: 0;
  /* Object-fit polyfill */
  font-family: "object-fit: contain;";
  max-height: 100%;
  object-fit: contain;
  width: 100%; }

.card-title {
  font-size: 15px;
  margin: 0 0 0.28571rem; }
  .card-title > a {
    color: #333333;
    display: block;
    text-decoration: none; }
    .card-title > a:hover {
      color: #757575; }

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

.card-figcaption-button {
  border: none;
  display: block;
  margin: 0.35714rem 0 0; }
  .card-figcaption-button:active {
    background-color: white;
    border: none; }
  .card-figcaption-body .card-figcaption-button:focus {
    background-color: white;
    outline: revert; }
  .card-figcaption-button + .card-figcaption-button {
    margin: 0.35714rem 0 0; }

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

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

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

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

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

.navList-action--checkbox {
  display: inline-block;
  font-size: 1rem;
  font-weight: 400;
  margin-bottom: 0.35714rem;
  padding-left: 1.85714rem;
  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 #8f8f8f;
    border-width: 1px;
    height: 1.14286rem;
    left: 0;
    top: 0;
    width: 1.14286rem; }
  .navList-action--checkbox::after {
    height: 1rem;
    left: 1px;
    opacity: 0;
    top: 1px;
    transform: scale(0);
    width: 1rem; }
  .navList-action--checkbox::before {
    border-radius: 4px; }
  .navList-action--checkbox::after {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z' fill='rgba(51, 51, 51, 0.999)' /%3E%3C/svg%3E");
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 100%;
    color: rgba(51, 51, 51, 0.999);
    content: "";
    font-size: 1rem;
    line-height: 1;
    text-align: center; }
  .navList-action--checkbox::before, .navList-action--checkbox::after {
    top: 50%; }
  .navList-action--checkbox::before {
    margin-top: -0.57143rem; }
  .navList-action--checkbox::after {
    margin-top: -0.5rem; }
  .navList-action--checkbox.is-disabled {
    cursor: default; }
    .navList-action--checkbox.is-disabled::before {
      background-color: white; }
  .navList-action--checkbox.is-checked::after, .navList-action--checkbox.is-selected::after {
    opacity: 1;
    transform: scale(1); }

.navList-action-close {
  background: #e5e5e5;
  border-radius: 100%;
  display: inline-block;
  float: right;
  line-height: 0;
  opacity: 0;
  padding: 0.28571rem;
  transition: opacity 0.3s ease;
  visibility: hidden; }
  .navList-action-close .icon {
    height: 0.92857rem;
    width: 0.92857rem;
    fill: #333333; }
  .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.78571rem; }
    @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 #757575;
        margin: 0;
        padding-left: 0.78571rem; } }
  .navBar--sub .navBar-action {
    color: #757575;
    font-size: 1rem;
    padding: 0; }
    .navBar--sub .navBar-action:hover {
      color: #333333; }

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

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

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

.actionBar-section .form-field {
  background-color: white;
  border: 1px solid #8f8f8f;
  border-radius: 4px; }
  .actionBar-section .form-field:hover {
    border-color: #474747; }

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

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

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

.actionBar-section .form-select {
  color: #333333;
  height: 2.14286rem; }

.has-ribbon {
  position: relative; }

.ribbon {
  background-color: #333333;
  color: white;
  cursor: default;
  font-weight: 700;
  margin: -0.78571rem -0.78571rem 0 0;
  padding: 0.07143rem 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 #cccccc;
    box-shadow: 0 1px 2px rgba(255, 255, 255, 0.13);
    position: absolute; }
    .navUser .dropdown-menu.is-open::before {
      border: inset 10px;
      content: "";
      display: block;
      height: 0;
      width: 0;
      border-color: transparent transparent #cccccc transparent;
      border-bottom-style: solid;
      bottom: 100%;
      left: 0.78571rem;
      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.92857rem;
      position: absolute; }

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

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

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

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

.navUser-action--storeCredit + .dropdown-menu {
  max-width: 21.42857rem;
  padding: 1.5rem; }
  .navUser-action--storeCredit + .dropdown-menu::before {
    left: 10rem !important; }
  .navUser-action--storeCredit + .dropdown-menu::after {
    left: 10.14286rem !important; }

.navUser-action-divider {
  border-right: 1px solid #e5e5e5;
  color: #757575;
  display: inline-block;
  padding: 0 1.42857rem 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.35714rem;
        padding-right: 0.35714rem; }
      .navUser-item.navUser-item--divider {
        font-size: 1.78571rem;
        margin-top: 0.57143rem;
        padding-left: 0.14286rem; } }

.navUser-item--cart {
  display: block; }
  @media (max-width: 551px) {
    .navUser-item--cart__hidden-s {
      display: none; } }
  .navUser-item--cart .navUser-action {
    color: #333333; }
    .navUser-item--cart .navUser-action:hover, .navUser-item--cart .navUser-action.is-open {
      color: #757575; }
  .navUser-item--cart .dropdown-menu {
    max-width: 22.85714rem; }
    .navUser-item--cart .dropdown-menu.is-open {
      left: auto !important;
      right: 0.35714rem;
      top: auto !important; }
      @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.42857rem; }
        @media (min-width: 801px) {
          .navUser-item--cart .dropdown-menu.is-open::before {
            right: 0.78571rem; } }
      .navUser-item--cart .dropdown-menu.is-open::after {
        right: 0.57143rem; }
        @media (min-width: 801px) {
          .navUser-item--cart .dropdown-menu.is-open::after {
            right: 0.92857rem; } }

.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.85714rem;
  padding: 0 2px;
  position: relative;
  z-index: 1; }

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

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

.countPill {
  background-color: #333333;
  border-radius: 50%;
  color: white;
  display: none;
  font-size: 12px;
  font-weight: 700;
  height: 20px;
  line-height: 20px;
  margin-left: 0.21429rem;
  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 #cccccc;
  margin: 0.35714rem 0.78571rem;
  padding-left: 0.78571rem; }

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

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

.navPages {
  background-color: #e5e5e5;
  height: 100%;
  overflow-y: auto;
  padding: 1.5rem; }
  @media (min-width: 801px) {
    .navPages {
      margin: 0 auto;
      max-width: 85.71429rem;
      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: 85.71429rem;
        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 #cccccc;
    margin-top: 0.78571rem;
    padding-top: 0.78571rem; }

.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 #cccccc;
  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.57143rem;
        width: 0.57143rem;
        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: #333333;
  display: block;
  font-size: 15px;
  font-weight: 700;
  padding: 0.78571rem 0;
  text-decoration: none;
  text-transform: uppercase; }
  @media (min-width: 801px) {
    .navPages-action {
      display: inline-block;
      padding: 0.78571rem 1.14286rem 1.14286rem; }
      .navPages-action.is-open {
        background-color: #e5e5e5; } }
  .navPages-list:not(.navPages-list-depth-max) .navPages-action.has-subMenu {
    align-items: center;
    display: flex;
    justify-content: space-between; }
  .navPages-action.is-open svg,
  .navPages-action .collapsible-icon-wrapper.is-open svg {
    fill: #757575;
    stroke: #757575; }
  .navPages-action:hover, .navPages-action.activePage {
    color: #757575; }
    .navPages-action:hover svg, .navPages-action.activePage svg {
      fill: #757575;
      stroke: #757575; }
  .navPages-action svg {
    fill: #333333;
    stroke: #333333;
    transition: all 0.15s ease; }

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

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

.navPages-action-moreIcon {
  height: 0.57143rem;
  width: 0.57143rem;
  margin-left: 0.78571rem;
  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.78571rem;
    width: 0.78571rem;
    margin: 0 1.5rem; }
    @media (min-width: 801px) {
      .navPages-list:not(.navPages-list-depth-max) .navPages-action-moreIcon {
        height: 0.57143rem;
        width: 0.57143rem;
        margin: 0 0 0 0.78571rem; } }

.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; }
  @media (min-width: 801px) {
    .navPage-subMenu {
      background-color: #e5e5e5;
      padding: 1.5rem 1.5rem 2.28571rem !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: 15.35714rem; } }

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

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

.navPage-subMenu-item {
  padding: 0.78571rem 0; }
  @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 #cccccc;
        margin-bottom: 1.14286rem; } }

.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-action {
  padding: 0.78571rem 0; }
  @media (min-width: 801px) {
    .navPage-subMenu-action {
      padding: 0.78571rem 0 1.14286rem; } }
  .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.78571rem 0 1.14286rem; } }
  .navPage-subMenu-action .collapsible-icon-wrapper {
    box-sizing: content-box;
    display: inline-block;
    height: 100%;
    text-align: right;
    width: 100%; }
    @media (min-width: 801px) {
      .navPage-subMenu-action .collapsible-icon-wrapper {
        display: none; } }

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

.navPages-quickSearch {
  border-bottom: 1px solid #e5e5e5;
  margin-bottom: 0.78571rem; }
  @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 #e5e5e5; }
  .navPages-list--user #currencySelection2 .dropdown-menu-item {
    padding: 0; }
    .navPages-list--user #currencySelection2 .dropdown-menu-item:not(:last-child) {
      border-bottom: 1px solid #e5e5e5; }
  .navPages-list--user #currencySelection2 a {
    padding: 0.78571rem 1.5rem; }

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

.tag {
  display: inline-block;
  font-size: 1rem; }
  .tag a {
    color: #757575;
    display: inline-block;
    padding: 0.35714rem 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.42857rem;
    width: 1.42857rem;
    margin: 0;
    text-decoration: none; }
    .socialLinks .icon:hover svg {
      fill: #999999; }
    .socialLinks .icon svg {
      fill: #757575;
      transition: all 0.15s ease; }

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

.pin_it_iframe_widget {
  display: none; }

.socialLinks-item {
  display: inline-block;
  font-size: 0; }
  .socialLinks .socialLinks-item {
    margin-bottom: 0.35714rem;
    margin-right: 0.78571rem; }
    .socialLinks .socialLinks-item:last-child {
      margin-right: 0; }
  .socialLinks-item .socialLinks__link {
    height: 2rem;
    position: relative; }
    .socialLinks-item .socialLinks__link::before {
      border-color: transparent transparent #313440 transparent;
      border-style: solid;
      border-width: 0.71429rem;
      content: " ";
      position: absolute;
      right: 0;
      top: 50%; }
    .socialLinks-item .socialLinks__link::after {
      background-color: #313440;
      border-radius: 0.57143rem;
      color: white;
      content: attr(title);
      cursor: default;
      font-size: 1rem;
      padding: 0.28571rem 0.42857rem;
      position: absolute;
      right: 0;
      top: 100%;
      white-space: nowrap; }
    .socialLinks-item .socialLinks__link::before, .socialLinks-item .socialLinks__link::after {
      display: none; }
    .socialLinks-item .socialLinks__link:focus::before, .socialLinks-item .socialLinks__link:focus::after {
      display: block; }
    .socialLinks-item .socialLinks__link:focus::after {
      left: 0;
      right: auto;
      z-index: 20; }

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

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

.heroCarousel {
  margin-bottom: 4.5rem;
  margin-top: -1.5rem;
  min-width: 100%;
  width: 1px; }
  @media (min-width: 801px) {
    .heroCarousel {
      margin-top: -2.5rem; } }
  @media (min-width: 551px) {
    .heroCarousel.slick-initialized {
      max-height: 28.57143rem; } }
  @media (min-width: 801px) {
    .heroCarousel.slick-initialized {
      max-height: 42.85714rem; } }
  @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    .heroCarousel {
      opacity: 0; }
      .heroCarousel.slick-initialized {
        opacity: 1; } }
  .heroCarousel:not(.slick-initialized) :not(.heroCarousel-slide--first).heroCarousel-slide {
    display: none; }
  .heroCarousel a {
    text-decoration: none; }
  .heroCarousel .slick-next,
  .heroCarousel .slick-prev {
    margin: 0;
    top: 50%;
    transform: translateY(-50%); }
  .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: white;
      background-color: rgba(255, 255, 255, 0.9); }
  .heroCarousel .slick-slide.is-square-image-type .heroCarousel-image-wrapper {
    height: 100vw; }
  .heroCarousel .slick-slide.is-vertical-image-type .heroCarousel-image-wrapper {
    height: 110vw; }
  @media (min-width: 551px) {
    .heroCarousel .slick-slide.is-square-image-type .heroCarousel-image-wrapper, .heroCarousel .slick-slide.is-vertical-image-type .heroCarousel-image-wrapper {
      height: 56.25vw; } }
  .heroCarousel .slick-slide.is-image-error .heroCarousel-image-wrapper {
    background: url("../img/hero-carousel-image-load-error.svg") center center no-repeat;
    background-size: contain; }

.heroCarousel-slide {
  position: relative; }
  .heroCarousel-slide a {
    text-decoration: none; }
  .heroCarousel-slide .heroCarousel-image {
    height: 100%;
    object-fit: contain;
    object-position: 50% 0%;
    width: 100%; }
    @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 {
    height: 100%;
    width: 100%; }
  .heroCarousel-slide.compat-object-fit {
    overflow: hidden; }
    .heroCarousel-slide.compat-object-fit .heroCarousel-image {
      width: auto; }
  .heroCarousel-slide .heroCarousel-image-wrapper {
    align-items: flex-start;
    display: flex;
    height: 56.25vw;
    justify-content: center;
    max-height: 100vh;
    transition: height 0.3s ease; }
    @media (min-width: 551px) {
      .heroCarousel-slide .heroCarousel-image-wrapper {
        max-height: 28.57143rem; } }
    @media (min-width: 801px) {
      .heroCarousel-slide .heroCarousel-image-wrapper {
        max-height: 42.85714rem; } }

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

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

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

.heroCarousel-action {
  margin: 1.5rem 0 0; }

@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::after {
    content: "";
    display: block;
    height: 0;
    padding-bottom: 131.8%;
    width: 100%; }
  .writeReview-productImage-container img {
    bottom: 0;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    top: 0;
    /* Object-fit polyfill */
    font-family: "object-fit: contain;";
    height: 100%;
    object-fit: contain; }

.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.78571rem;
        padding-top: 0.78571rem; } }
    .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.21429rem; }
  @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.35714rem; }
  @media (min-width: 551px) {
    .return-itemPrice {
      color: inherit;
      margin-bottom: 0;
      text-align: center; } }

.return-itemQuantity .form-label {
  display: inline;
  margin-right: 0.35714rem; }
  @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 {
  margin: 0 -0.75rem;
  max-width: none;
  width: auto;
  min-width: 100%;
  position: relative;
  width: 1px; }
  .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: #757575;
  margin-bottom: 1rem; }

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

.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.78571rem; }
  @media (min-width: 320px) and (max-width: 801px) {
    .productView-image {
      pointer-events: none; } }

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

.productView-thumbnails {
  list-style: none;
  margin-left: 0;
  margin: 0 -0.75rem;
  max-width: none;
  width: auto;
  margin-left: -0.35714rem;
  margin-right: -0.35714rem; }
  .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[data-slick] {
    opacity: 0; }
    .productView-thumbnails[data-slick].slick-initialized {
      opacity: 1; }
  .productView-thumbnails .slick-list {
    margin-left: 2.85714rem;
    margin-right: 2.85714rem; }
  .productView-thumbnails .slick-next {
    right: 0; }
  .productView-thumbnails .slick-prev {
    left: 0; }
  .productView-thumbnails img {
    bottom: 0;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    top: 0;
    /* Object-fit polyfill */
    font-family: "object-fit: contain;";
    margin: 0;
    object-fit: contain;
    position: relative;
    width: 50px; }

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

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

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

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

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

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

.productView-brand {
  color: #757575;
  font-size: 15px;
  margin: 0 0 0.78571rem; }
  @media (min-width: 1261px) {
    .productView-brand {
      font-size: 20px;
      margin: -0.21429rem 0 1rem; } }
  .productView-brand a {
    color: #757575; }
    .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 {
  color: #757575;
  display: inline-block;
  margin-left: 0.35714rem;
  vertical-align: middle; }
  .productView-reviewLink:hover {
    color: #333333; }
  .productView-reviewLink--new {
    padding: 0; }

.productView-info {
  margin-top: 0.78571rem; }
  .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.21429rem;
  margin-right: 0.35714rem; }
  @media (min-width: 551px) {
    .productView-info-name {
      font-family: "Montserrat", Arial, Helvetica, sans-serif;
      font-size: 13px;
      font-weight: 400; } }

.productView-info-value {
  margin-bottom: 0.35714rem; }
  @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 .form .add-to-cart-wrapper {
      display: inline; }
  .productView-options input[type="file"] {
    font-size: 13px; }
  .productView-options .form-field {
    font-size: 0;
    margin-bottom: 2rem; }
    .productView-options .form-field--error > .form-inlineMessage {
      font-size: 1rem; }
    .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 {
      display: inline-block;
      text-align: justify; }
    .productView-options .form-field > .form-label:nth-of-type(2) {
      margin-left: 0; }
  .productView-options .add-to-cart-buttons {
    display: inline-grid;
    float: left;
    margin-bottom: 1rem;
    width: 100%; }
    @media (min-width: 551px) {
      .productView-options .add-to-cart-buttons {
        padding: 0 0.71429rem;
        width: 50%; } }
    @media (min-width: 801px) {
      .productView-options .add-to-cart-buttons {
        padding-right: 0.78571rem;
        width: 50%; } }
    @media (min-width: 1261px) {
      .productView-options .add-to-cart-buttons {
        display: inline-block;
        margin-top: 1rem;
        padding-right: 0.78571rem;
        width: 50%; } }
    @media (min-width: 551px) {
      .productView-options .add-to-cart-buttons.pre-order-buttons {
        min-width: 50%;
        width: auto; } }
    @media (min-width: 801px) {
      .productView-options .add-to-cart-buttons.pre-order-buttons {
        margin-right: 0.78571rem;
        min-width: auto;
        padding: 0;
        width: auto; } }
    .productView-options .add-to-cart-buttons.pre-order-buttons .button {
      padding: 0.92857rem 1.71429rem; }
    .productView-options .add-to-cart-buttons .button {
      margin: 0;
      width: 100%; }
  .productView-options .add-to-cart-wallet-buttons {
    margin-top: 0.78571rem; }
    .productView-options .add-to-cart-wallet-buttons div[data-smart-button-container-id] {
      line-height: 0;
      margin-top: 6px; }
      .productView-options .add-to-cart-wallet-buttons div[data-smart-button-container-id] button,
      .productView-options .add-to-cart-wallet-buttons div[data-smart-button-container-id] div {
        width: 100%; }
    .productView-options .add-to-cart-wallet-buttons button.show-more-button {
      color: #757575;
      display: block;
      margin-top: 0.35714rem;
      padding: 0.35714rem 0;
      text-align: center;
      text-decoration: underline;
      vertical-align: middle;
      width: 100%; }
      .productView-options .add-to-cart-wallet-buttons button.show-more-button:hover {
        color: #333333; }

.productOptions-list {
  border: 1px solid #8f8f8f;
  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 #8f8f8f; }
  .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.28571rem; }

.shareProduct {
  text-align: center; }

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

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

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

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

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

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

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

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

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

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

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

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

.blocker-container {
  position: relative; }

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

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

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

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

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

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

.toggleLink {
  color: #757575; }
  .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: 85.71429rem;
  width: 100%;
  border: #e5e5e5 solid;
  border-radius: 4px;
  border-width: 1px;
  display: block;
  margin-bottom: 2rem;
  padding: 1rem; }
  .facetedSearch-toggle:before, .facetedSearch-toggle:after {
    content: " ";
    display: table; }
  .facetedSearch-toggle:after {
    clear: both; }
  @media (min-width: 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; }

.reset-filters {
  display: none; }

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

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

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

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

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

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

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

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

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

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

.cart-item {
  border-bottom: 1px solid #e5e5e5;
  clear: both;
  display: block;
  padding: 1.5rem 0; }
  @media (min-width: 551px) {
    .cart-item {
      padding-left: 25%; }
      .cart-item:before, .cart-item:after {
        content: " ";
        display: table; }
      .cart-item:after {
        clear: both; } }
  @media (min-width: 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.35714rem; }

.cart-item-figure {
  float: left;
  margin-bottom: 1.5rem;
  position: relative;
  text-align: center;
  width: 33.33333%; }
  .cart-item-figure::after {
    content: "";
    display: block;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%; }
  @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;
      padding: 0.5rem 0;
      width: 8.33333%; } }

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

.cart-content-padding-right {
  padding-right: 4px; }

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

.cart-item-quantity .form-increment {
  display: inline-block;
  margin: 0 0.21429rem 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.35714rem;
  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: #757575;
  margin-bottom: 0.21429rem; }

.cart-item-name {
  display: inline-block;
  font-size: 15px;
  margin: 0; }
  .cart-item-name__label {
    display: inline-block; }
  .cart-item-name + .definitionList {
    margin-top: 0.35714rem; }

.cart-item-options--giftWrapping {
  margin-top: 1.14286rem; }
  .cart-item-options--giftWrapping .cart-item-option-description {
    color: #333333; }

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

.cart-totals {
  list-style: none;
  margin-left: 0;
  margin-bottom: 1.5rem;
  text-align: right;
  width: 100%; }
  .cart-totals ul,
  .cart-totals ol {
    list-style: none;
    margin-bottom: 0; }
  @media (min-width: 551px) {
    .cart-totals {
      float: right;
      width: 75%; } }
  @media (min-width: 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 #e5e5e5; } }
  .cart-total .form-input {
    display: inline-block;
    height: 2.28571rem;
    padding: 0.5rem;
    vertical-align: top;
    width: 75%; }
  .cart-total .form-select {
    background-position: right 0.35714rem center;
    background-size: 1.42857rem 1.42857rem;
    height: 2.28571rem;
    margin-bottom: 0.78571rem;
    padding: 0 0.78571rem; }
  .cart-total .form-inlineMessage {
    text-align: left; }

.cart-total-label {
  color: #757575;
  width: 33.33333%; }
  @media (min-width: 551px) {
    .cart-total-label {
      width: 50%; } }
  @media (min-width: 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: "Montserrat", Arial, Helvetica, sans-serif;
  font-size: 20px;
  padding-bottom: 0.21429rem;
  padding-top: 0.21429rem;
  position: relative; }
  @media (min-width: 801px) {
    .cart-total-grandTotal {
      padding: 1rem 0;
      top: -0.28571rem; } }

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

.coupon-code-cancel,
.shipping-estimate-show[aria-expanded="true"] {
  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.78571rem;
    padding-right: 0.78571rem;
    width: 20%; }

.estimator-form {
  margin-bottom: 0; }
  .estimator-form .form-input {
    margin-bottom: 0.78571rem;
    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: 2.28571rem;
    margin-bottom: 0; }

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

.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.35714rem; }

.previewCartWrapper {
  max-height: calc(100vh - 6rem);
  overflow: auto; }

.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: 85.71429rem;
  width: 100%;
  display: table-row;
  line-height: 19px; }
  .previewCartItem:before, .previewCartItem:after {
    content: " ";
    display: table; }
  .previewCartItem:after {
    clear: both; }
  .previewCartItem + .previewCartItem {
    border-top: 1px solid #e5e5e5; }

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

.previewCartItem-image {
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  width: 33.33333%;
  padding: 0;
  position: relative;
  text-align: center; }
  .previewCartItem-image::after {
    content: "";
    display: block;
    height: 0;
    padding-bottom: 100%;
    width: 100%; }
  .previewCartItem-image img {
    bottom: 0;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    top: 0;
    max-height: 90%; }
  @media (min-width: 320px) {
    .previewCartItem-image::after {
      padding-bottom: 75%; } }
  @media (min-width: 481px) {
    .previewCartItem-image::after {
      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.21429rem; }

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

.previewCartAction {
  margin: 0 auto;
  max-width: 85.71429rem;
  width: 100%;
  border-top: 1px solid #e5e5e5;
  display: block; }
  .previewCartAction:before, .previewCartAction:after {
    content: " ";
    display: table; }
  .previewCartAction:after {
    clear: both; }
  @media (min-width: 320px) {
    .previewCartAction {
      padding: 0.78571rem 0.35714rem; } }
  @media (min-width: 481px) {
    .previewCartAction {
      padding: 1.5rem 0.78571rem; } }
  .previewCartAction .button {
    margin: 0;
    padding-left: 0.78571rem;
    padding-right: 0.78571rem;
    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.35714rem; }

.previewCartAction-checkoutMultiple {
  clear: both;
  padding-left: 0.78571rem;
  padding-top: 0.35714rem; }

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

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

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

.shipping-estimate-value #shipping-cost-discounted {
  margin-left: 0.35714rem; }

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

.address {
  display: inline-block;
  padding: 0 0.78571rem;
  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: 17.85714rem;
    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.78571rem;
    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.78571rem; }
      .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.35714rem; } }

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

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

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

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

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

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

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

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

.videoGallery-main {
  height: 0;
  margin-bottom: 1.14286rem;
  overflow: hidden;
  padding-bottom: 67.5%;
  padding-top: 1.78571rem;
  position: relative;
  margin-bottom: 1.85714rem;
  padding-top: 0; }
  .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.85714rem;
  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.78571rem; }
    .video-figure > img {
      display: block; }
  .video-figure--opposite {
    float: right;
    margin-left: 0.78571rem;
    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.85714rem; } }
  .video:hover, .video.is-active {
    color: #333333;
    opacity: 1; }

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

.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: 85.71429rem;
  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: #e5e5e5;
  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 + p {
      margin-top: 0.78571rem; }
    .previewCartCheckout .button:not(:last-child) {
      margin-bottom: 0.78571rem; }

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

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

.login-row {
  margin: 0 auto;
  max-width: 85.71429rem;
  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.78571rem; }

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

.search-nav {
  position: relative; }

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

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

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

.account-listItem {
  border-bottom: 1px solid #e5e5e5;
  padding: 1.5rem 0;
  position: relative; }
  .account-listItem img {
    width: 100%; }
  .account-listItem .account-product-image {
    bottom: 0;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    top: 0;
    position: relative; }

.account-listShipping {
  border-bottom: 1px solid #e5e5e5;
  font-weight: 700;
  padding: 2rem 0; }
  .account-listShipping .account-listShipping-title {
    margin: 0;
    text-transform: inherit; }

.account-product:before, .account-product:after {
  content: " ";
  display: table; }

.account-product:after {
  clear: both; }

.account-product-figure {
  float: left;
  margin-right: 0.78571rem; }
  .account-product-figure > img {
    display: block; }

.account-product-figure--opposite {
  float: right;
  margin-left: 0.78571rem;
  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;
    padding-bottom: 100%;
    width: 100%; }

.account-product-download {
  border-radius: 50%;
  height: 2.35714rem;
  padding: 0;
  position: absolute;
  right: -0.78571rem;
  top: -0.78571rem;
  width: 2.35714rem;
  z-index: 1; }
  .account-product-download .icon {
    height: 1.5rem;
    margin-top: 0.35714rem;
    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.21429rem;
  text-transform: inherit; }
  .account-product-title > a {
    text-decoration: none; }
  .account-product-title + .definitionList {
    margin-top: 0.78571rem; }

.account-product-subtitle {
  color: #999999;
  font-family: "Karla", Arial, Helvetica, sans-serif;
  font-size: 15px;
  margin: -0.21429rem 0 1rem;
  text-transform: inherit; }

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

.account-product-description + .definitionList {
  margin: -1.35714rem 0 1.5rem; }

.account-product-refundQty {
  color: #999999;
  margin-bottom: 0; }

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

.account-product-detail {
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  width: 100%;
  float: left; }
  @media (min-width: 551px) {
    .account-product-detail {
      width: 33.33333%; } }
  @media (min-width: 1261px) {
    .account-product-detail {
      width: 25%; } }
  .account-product-detail + .account-product-detail {
    margin-top: 1rem; }
    @media (min-width: 551px) {
      .account-product-detail + .account-product-detail {
        margin-top: 0; } }
  @media (min-width: 551px) {
    .account-product-detail + .account-product-detail--full {
      margin-top: 1.5rem; } }

@media (min-width: 1261px) {
  .account-product-detail--large {
    width: 50%; } }

.account-product-detail--full {
  width: 100%; }

.account-product-detail-heading {
  color: #757575;
  font-family: "Karla", Arial, Helvetica, sans-serif;
  font-size: 12px;
  margin: 0 0 0.35714rem; }

.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: #757575;
  float: left;
  font-weight: 400; }
  .account-orderTotal-key:last-of-type {
    position: relative;
    top: 0.28571rem; }

.account-orderTotal-value {
  border-bottom: 1px solid #e5e5e5;
  text-align: right; }
  .account-orderTotal-value:last-child {
    border-bottom: 0;
    font-size: 20px; }

.account-orderStatus {
  bottom: 0;
  left: 0;
  position: absolute; }
  @media (min-width: 551px) {
    .account-orderStatus {
      float: right;
      position: inherit;
      text-align: right; } }

.account-orderStatus-label {
  background-color: #cccccc;
  color: white;
  display: inline-block;
  font-size: 12px;
  line-height: 15px;
  margin: 0 0 0.35714rem;
  padding: 0.21429rem 0.5rem; }

.account-orderStatus-action {
  color: #757575;
  display: inline-block;
  font-size: 12px;
  font-style: italic;
  letter-spacing: 0.25px;
  margin-left: 0.78571rem;
  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: #757575;
  font-weight: 400;
  margin-top: 1.5rem; }

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

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

.account-downloadsItem-availability {
  color: #757575; }

.wishlists-table {
  margin-left: auto;
  margin-right: auto;
  max-width: 85.71429rem; }

.wishlist-header {
  display: none;
  text-align: center; }

.modal .wishlist-header {
  display: block; }

.wishlist-form {
  margin: 0 auto;
  max-width: 85.71429rem;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  max-width: 39.28571rem; }
  .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: 46.42857rem;
  text-align: center; }

.icon--ratingEmpty svg {
  fill: #8f8f8f; }

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

.rating--small {
  display: inline-block; }
  .rating--small .icon {
    height: 1rem;
    width: 1rem;
    margin-top: -3px; }

.paymentMethodsTitle {
  margin: 0 0 0.78571rem;
  padding: 0;
  text-transform: none;
  width: 100%; }

.paymentMethodsGrid {
  display: flex;
  flex-wrap: wrap;
  margin: -0.78571rem;
  margin-bottom: 1.5rem; }
  .paymentMethodsGrid-item {
    min-height: 17.85714rem;
    padding: 0.78571rem;
    width: 100%; }
    @media (min-width: 551px) {
      .paymentMethodsGrid-item {
        width: 50%; } }

.paymentMethod {
  background-color: #e5e5e5;
  border: 1px solid #e5e5e5;
  border-radius: 0.21429rem;
  display: flex;
  flex-flow: column nowrap;
  height: 100%; }
  .paymentMethod-row {
    padding: 1.5rem; }
    .paymentMethod-row:first-child {
      background-color: #fff; }
    .paymentMethod-row:last-child {
      margin-top: auto; }
    .paymentMethod-row:only-child {
      height: 100%; }
  .paymentMethod .button {
    margin-bottom: 0; }

.methodHeader {
  align-items: center;
  display: flex;
  flex-flow: row;
  justify-content: space-between; }
  .methodHeader-icon {
    margin-right: 0.78571rem;
    width: 2rem; }
    @media (min-width: 1261px) {
      .methodHeader-icon {
        width: 3rem; } }
  .methodHeader-title {
    font-size: 13px;
    font-weight: 600; }
    @media (min-width: 1261px) {
      .methodHeader-title {
        font-size: 1rem; } }
  .methodHeader-brand {
    color: #666666;
    font-size: 13px;
    font-weight: 600; }
    @media (min-width: 1261px) {
      .methodHeader-brand {
        font-size: 1rem; } }
  .methodHeader-meta {
    display: flex;
    flex-wrap: nowrap;
    margin-left: auto;
    padding-left: 0.78571rem; }
  .methodHeader-default {
    fill: #666666;
    height: 1.28571rem;
    margin-left: 0.78571rem;
    width: 1.28571rem; }
    @media (min-width: 1261px) {
      .methodHeader-default {
        height: 1.42857rem;
        width: 1.42857rem; } }
  .methodHeader-expiry {
    font-size: 15px;
    text-transform: capitalize; }

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

.newPaymentMethod {
  align-items: center;
  display: flex;
  flex-direction: column;
  height: 100%;
  justify-items: center;
  min-height: 13.28571rem;
  text-decoration: none; }
  .newPaymentMethod-icon {
    font-size: 50px;
    line-height: 1;
    margin: auto 0 0.78571rem; }
  .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.78571rem; } }

.paymentMethodForm-heading {
  color: #333333;
  font-family: "Karla", 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.21429rem;
  width: 2.42857rem; }

.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.64286rem;
  top: 2.78571rem; }
  .paymentMethodForm-inputs-icon.icon {
    fill: #999999;
    height: 1.5rem;
    width: 1.5rem; }

.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.78571rem; }

.paymentMethodForm-details-description {
  font-size: 15px;
  font-weight: 600;
  letter-spacing: 0.25px; }

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

.manual-captcha-input-container {
  align-items: center;
  display: flex; }
  .manual-captcha-input-container .question {
    font-size: 1.25rem;
    margin-right: 1rem; }
  .manual-captcha-input-container .form-input {
    flex: 1; }

@font-face {
  font-family: 'Aileron';
  src: url("https://store-12b4e7vdx4.mybigcommerce.com/content/fonts/Aileron-Thin.otf") format("opentype");
  font-weight: 100;
  font-style: normal; }

@font-face {
  font-family: 'Aileron';
  src: url("https://store-12b4e7vdx4.mybigcommerce.com/content/fonts/Aileron-ThinItalic.otf") format("opentype");
  font-weight: 100;
  font-style: italic; }

@font-face {
  font-family: 'Aileron';
  src: url("https://store-12b4e7vdx4.mybigcommerce.com/content/fonts/Aileron-UltraLight.otf") format("opentype");
  font-weight: 200;
  font-style: normal; }

@font-face {
  font-family: 'Aileron';
  src: url("https://store-12b4e7vdx4.mybigcommerce.com/content/fonts/Aileron-UltraLightItalic.otf") format("opentype");
  font-weight: 200;
  font-style: italic; }

@font-face {
  font-family: 'Aileron';
  src: url("https://store-12b4e7vdx4.mybigcommerce.com/content/fonts/Aileron-Light.otf") format("opentype");
  font-weight: 300;
  font-style: normal; }

@font-face {
  font-family: 'Aileron';
  src: url("https://store-12b4e7vdx4.mybigcommerce.com/content/fonts/Aileron-LightItalic.otf") format("opentype");
  font-weight: 300;
  font-style: italic; }

@font-face {
  font-family: 'Aileron';
  src: url("https://store-12b4e7vdx4.mybigcommerce.com/content/fonts/Aileron-Regular.otf") format("opentype");
  font-weight: 400;
  font-style: normal; }

@font-face {
  font-family: 'Aileron';
  src: url("https://store-12b4e7vdx4.mybigcommerce.com/content/fonts/Aileron-Italic.otf") format("opentype");
  font-weight: 400;
  font-style: italic; }

@font-face {
  font-family: 'Aileron';
  src: url("https://store-12b4e7vdx4.mybigcommerce.com/content/fonts/Aileron-SemiBold.otf") format("opentype");
  font-weight: 600;
  font-style: normal; }

@font-face {
  font-family: 'Aileron';
  src: url("https://store-12b4e7vdx4.mybigcommerce.com/content/fonts/Aileron-SemiBoldItalic.otf") format("opentype");
  font-weight: 600;
  font-style: italic; }

@font-face {
  font-family: 'Aileron';
  src: url("https://store-12b4e7vdx4.mybigcommerce.com/content/fonts/Aileron-Bold.otf") format("opentype");
  font-weight: 700;
  font-style: normal; }

@font-face {
  font-family: 'Aileron';
  src: url("https://store-12b4e7vdx4.mybigcommerce.com/content/fonts/Aileron-BoldItalic.otf") format("opentype");
  font-weight: 700;
  font-style: italic; }

@font-face {
  font-family: 'Aileron';
  src: url("https://store-12b4e7vdx4.mybigcommerce.com/content/fonts/Aileron-Heavy.otf") format("opentype");
  font-weight: 800;
  font-style: normal; }

@font-face {
  font-family: 'Aileron';
  src: url("https://store-12b4e7vdx4.mybigcommerce.com/content/fonts/Aileron-HeavyItalic.otf") format("opentype");
  font-weight: 800;
  font-style: italic; }

@font-face {
  font-family: 'Aileron';
  src: url("https://store-12b4e7vdx4.mybigcommerce.com/content/fonts/Aileron-Black.otf") format("opentype");
  font-weight: 900;
  font-style: normal; }

@font-face {
  font-family: 'Aileron';
  src: url("https://store-12b4e7vdx4.mybigcommerce.com/content/fonts/Aileron-BlackItalic.otf") format("opentype");
  font-weight: 900;
  font-style: italic; }

.skip-to-main-link {
  background: white;
  color: #333333;
  font-weight: 700;
  left: 50%;
  padding: 4px;
  position: absolute;
  transform: translate(-50%, calc(-100% - 55px));
  transition: transform 0.3s;
  z-index: 500; }
  .skip-to-main-link:focus {
    transform: translate(-50%, 0%); }

.header {
  background-color: white;
  border-bottom: 1px solid #e5e5e5;
  height: 55px;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 100; }
  @media (min-width: 801px) {
    .header {
      border-bottom: 1px solid #e5e5e5;
      display: flex;
      flex-direction: column;
      height: auto;
      overflow: visible;
      position: relative; } }
  .header.is-open {
    height: 100%; }
    @media (min-width: 801px) {
      .header.is-open {
        height: auto; } }

.header-logo {
  font-size: 0;
  height: 55px;
  margin: 0 3.92857rem;
  text-align: center; }
  @media (min-width: 551px) {
    .header-logo {
      margin-left: 5.89286rem;
      margin-right: 5.89286rem; } }
  @media (min-width: 801px) {
    .header-logo {
      height: auto;
      margin: 4rem auto 4.5rem;
      padding: 0; }
      .header.fixed .header-logo {
        background-color: #e5e5e5;
        margin: 0;
        padding: 0.35714rem 0;
        position: absolute;
        top: 0;
        width: 100%; } }
  .header-logo__link {
    align-items: center;
    color: #333333;
    display: flex;
    height: inherit;
    justify-content: 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-flex;
        padding: 0;
        width: auto; } }
    .header-logo__link:hover {
      color: #757575; }
    .header-logo__link:active {
      color: #757575; }

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

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

.header-logo-text {
  display: block;
  font-family: "Montserrat", Arial, Helvetica, sans-serif;
  font-size: 2.25vw;
  font-weight: 400;
  letter-spacing: 0.14286rem;
  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: 28px;
      max-width: none;
      overflow: auto;
      padding: 0 10px;
      white-space: normal; }
      .header.fixed .header-logo-text {
        font-size: 25px; } }

.header-logo-image-container {
  position: relative;
  width: 100%; }
  @media (min-width: 801px) {
    .header-logo-image-container {
      min-height: 100px; } }

.header-logo-image-container::after {
  content: "";
  display: block; }

.header-logo-image {
  display: block;
  margin: 0 auto;
  max-height: 2.35714rem; }
  @media (min-width: 801px) {
    .header-logo-image {
      max-height: none; } }

.header-logo-image-unknown-size {
  max-height: 2.35714rem; }
  @media (min-width: 801px) {
    .header-logo-image-unknown-size {
      max-height: none; } }

.mobileMenu-toggle {
  height: 3.92857rem;
  width: 3.92857rem;
  display: inline-block;
  font-size: 0;
  left: 0;
  overflow: hidden;
  padding: 0 1.28571rem;
  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: #444444;
    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.42857rem; }
  .mobileMenu-toggle .mobileMenu-toggleIcon {
    top: 1.92857rem;
    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: #444444;
      bottom: auto;
      top: auto;
      transition: transform 100ms ease-in 150ms, top 100ms ease-in, bottom 100ms ease-in; }
    .mobileMenu-toggle.is-open .mobileMenu-toggleIcon::before {
      top: 0;
      transform: rotate(45deg); }
    .mobileMenu-toggle.is-open .mobileMenu-toggleIcon::after {
      bottom: 0;
      transform: rotate(-45deg); }

.body {
  margin-bottom: 6rem;
  margin-top: 1.5rem; }
  @media (min-width: 801px) {
    .body {
      margin-top: 2.5rem; } }

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

.page-content,
.page-content--full {
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  width: 100%;
  float: left; }

.page-region {
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  width: 100%;
  float: left;
  float: right;
  width: 100%; }
  @media (min-width: 801px) {
    .page-region {
      width: 75%; } }

@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: white;
  border-top: 1px solid #e5e5e5;
  padding: 3rem 0;
  position: relative;
  transform: translateZ(0); }

.footer-title-sr-only {
  height: 1px;
  left: -10000px;
  overflow: hidden;
  position: absolute;
  top: auto;
  width: 1px; }

.footer-info {
  margin: 0 -0.75rem;
  max-width: none;
  width: auto;
  font-size: 0; }
  .footer-info:before, .footer-info:after {
    content: " ";
    display: table; }
  .footer-info:after {
    clear: both; }

.footer-info-col {
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  width: 100%;
  float: left;
  color: #757575;
  display: inline-block;
  float: none;
  font-size: 1rem;
  overflow-wrap: break-word;
  text-align: center;
  vertical-align: top;
  -ms-word-break: break-all; }
  @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: #757575;
    text-decoration: none; }
    .footer-info-list a:hover {
      color: #333333; }

.footer-copyright {
  text-align: center; }
  @media (min-width: 551px) {
    .footer-copyright {
      text-align: left; } }
  .footer-copyright > .powered-by {
    color: #757575;
    font-size: 12px;
    margin: 0; }
  .footer-copyright a {
    color: #757575;
    text-decoration: none; }
    .footer-copyright a:hover {
      color: #333333; }

.footer-payment-icons {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  list-style-type: none;
  margin-left: 0;
  margin-top: 1.5rem; }
  @media (min-width: 551px) {
    .footer-payment-icons {
      justify-content: normal; } }
  @media (min-width: 801px) {
    .footer-payment-icons {
      margin-top: 3rem; } }
  .footer-payment-icons .footer-payment-icon {
    height: 2.85714rem;
    margin: 0.35714rem;
    vertical-align: middle;
    width: 3.57143rem; }
  .footer-payment-icons svg {
    fill: #757575; }

.footer-newsletter-summary {
  text-align: left; }

.container {
  margin-left: auto;
  margin-right: auto;
  max-width: 91.71429rem;
  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 #e5e5e5;
    margin-top: 3rem;
    padding-top: 3rem; }
  .blog .tags {
    margin-top: 3rem;
    text-align: center; }
  .blog .socialLinks {
    text-align: center; }
  .blog .addthis_toolbox {
    margin-top: 3rem; }

.blog-title {
  font-size: 22px;
  margin: 0 1.5rem 0.35714rem; }
  .blog-title a {
    text-decoration: none; }

.blog-date,
.blog-author {
  color: #757575;
  text-align: center; }

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

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

.blog-thumbnail {
  margin: 0 auto 2rem;
  max-width: 190px;
  position: relative; }
  .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 #e5e5e5;
  margin-top: 2rem;
  padding-top: 2rem; }

.sidebarBlock-heading {
  font-size: 1.07143rem;
  margin-top: 0;
  text-transform: inherit; }
  @media (min-width: 801px) {
    .sidebarBlock-heading.heading-price {
      margin-top: -0.85714rem; } }

.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 {
  max-width: 100px;
  position: relative; }
  .brand-image-container::after {
    content: "";
    display: block;
    height: 0;
    padding-bottom: 100%;
    width: 100%; }
  .brand-image-container img {
    bottom: 0;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    top: 0; }

.brand .card-img-container {
  max-width: 190px; }
  .brand .card-img-container::after {
    content: "";
    display: block;
    height: 0;
    padding-bottom: 131.57895%;
    width: 100%; }

.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.42857rem;
  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;
    display: block;
    margin-bottom: 3rem;
    padding: 0;
    page-break-inside: avoid;
    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.78571rem; }
  .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: 1261px) {
  .listItem:focus-within .listItem-figureBody {
    opacity: 1; } }

@media (min-width: 1261px) {
  .listItem.focus-within .listItem-figureBody {
    opacity: 1; } }

@media (min-width: 551px) {
  .listItem-figure,
  .listItem-body {
    display: table-cell;
    vertical-align: top; } }

@media (min-width: 1261px) {
  .listItem-figure,
  .listItem-body {
    vertical-align: middle; } }

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

.listItem-figure {
  margin: 0 0 1.5rem;
  position: relative; }
  @media (min-width: 551px) {
    .listItem-figure {
      margin-bottom: 0;
      padding-left: 0.78571rem;
      padding-right: 0.78571rem;
      width: 25%; } }
  .listItem-figure__link {
    display: block;
    margin: 3px; }
  .listItem-figure .listItem-button {
    margin: 1.5rem 0; }
    @media (min-width: 1261px) {
      .listItem-figure .listItem-button {
        display: inline-block;
        margin: 0;
        pointer-events: all; } }

.listItem-figureBody {
  opacity: 1;
  text-align: center; }
  @media (min-width: 1261px) {
    .listItem-figureBody {
      left: 50%;
      opacity: 0;
      position: absolute;
      top: 50%;
      transform: translateX(-50%) translateY(-50%); }
      .listItem:hover .listItem-figureBody {
        opacity: 1; } }

.listItem-image {
  width: 100%; }

@media (min-width: 551px) {
  .listItem-body {
    padding-left: 1.28571rem;
    padding-right: 0.78571rem;
    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.35714rem; }

.listItem-brand {
  color: #999999;
  font-size: 1rem;
  margin: 0 0 0.21429rem; }
  @media (min-width: 801px) {
    .listItem-brand {
      font-size: 15px;
      margin-bottom: 0; } }

.listItem-title {
  font-size: 15px;
  margin: 0 0 0.21429rem; }
  @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.57143rem 1.5rem; } }

.listItem-actions .button {
  margin-bottom: 0; }
  @media (min-width: 1261px) {
    .listItem-actions .button {
      width: 100%; }
      .listItem-actions .button + .button {
        margin: 0.78571rem 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;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  margin-left: -1rem;
  margin-right: -1rem; }
  .productView:before, .productView:after {
    content: " ";
    display: table; }
  .productView:after {
    clear: both; }
  @media (min-width: 801px) {
    .productView {
      display: block; } }
  .modal .productView {
    padding-bottom: 0;
    padding-top: 0; }

.productView--quickView .socialLinks-item--print {
  display: none; }

.productView-info {
  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-details.product-data {
    order: -1; }

.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 #e5e5e5;
    margin-bottom: 1rem;
    padding-left: 1rem;
    padding-right: 1rem; }
  @media (min-width: 801px) {
    .productView-description .productView-description {
      clear: both;
      float: none;
      width: 100%; } }

.body-product {
  margin-top: 31px !important; }
  @media (min-width: 801px) {
    .body-product {
      margin-top: 0 !important; } }

.bread-wrap {
  padding: 10px 0;
  background: #3D4542; }
  .bread-wrap ol.breadcrumbs {
    margin: 0;
    text-align: left;
    display: flex;
    flex-wrap: nowrap;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none; }
    .bread-wrap ol.breadcrumbs .breadcrumb {
      white-space: nowrap;
      flex: 0 0 auto;
      margin-right: 0; }
      .bread-wrap ol.breadcrumbs .breadcrumb a {
        color: #F2F2F2;
        font-weight: 400;
        font-size: 11px;
        line-height: 150%;
        letter-spacing: 0%;
        text-decoration: none;
        font-family: 'Aileron', sans-serif; }
      .bread-wrap ol.breadcrumbs .breadcrumb + .breadcrumb {
        margin-left: 0; }

.breadcrumbs::-webkit-scrollbar {
  display: none; }

.breadcrumb:not(:first-child)::before {
  border-right: 0.1em solid #828282; }

.productView {
  margin: 0;
  padding-top: 21px; }
  @media (min-width: 551px) {
    .productView {
      padding-top: 23px; } }

.productView-info-value {
  word-wrap: anywhere; }

.product-view-wrap {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between; }
  @media (min-width: 801px) {
    .product-view-wrap {
      flex-wrap: nowrap; } }
  .product-view-wrap .product-images {
    width: 100%; }
    @media (min-width: 801px) {
      .product-view-wrap .product-images {
        width: 52.5%; } }
    .product-view-wrap .product-images .productView-images {
      display: flex;
      margin: 0;
      float: none;
      padding: 0;
      width: 100%;
      flex-wrap: wrap; }
      @media (min-width: 551px) {
        .product-view-wrap .product-images .productView-images {
          flex-wrap: nowrap; } }
      .product-view-wrap .product-images .productView-images .productView-image {
        width: 100%;
        padding-left: 0px;
        pointer-events: all; }
        @media (min-width: 801px) {
          .product-view-wrap .product-images .productView-images .productView-image {
            order: 2;
            width: calc(100% - 61px);
            height: 610px;
            padding-left: 25px;
            max-height: 610px; } }
        .product-view-wrap .product-images .productView-images .productView-image .productView-image-custom {
          width: 100%;
          height: 100%;
          margin-bottom: 17px; }
          @media (min-width: 801px) {
            .product-view-wrap .product-images .productView-images .productView-image .productView-image-custom {
              max-height: 610px;
              margin-bottom: 0; } }
          .product-view-wrap .product-images .productView-images .productView-image .productView-image-custom .productView-img-container-default {
            border-radius: 3px; }
            @media (min-width: 801px) {
              .product-view-wrap .product-images .productView-images .productView-image .productView-image-custom .productView-img-container-default {
                max-height: 610px; } }
            .product-view-wrap .product-images .productView-images .productView-image .productView-image-custom .productView-img-container-default .zoom-container {
              overflow: hidden;
              position: relative; }
              .product-view-wrap .product-images .productView-images .productView-image .productView-image-custom .productView-img-container-default .zoom-container .zoom-img {
                transform: scale(1); }
                @media (min-width: 801px) {
                  .product-view-wrap .product-images .productView-images .productView-image .productView-image-custom .productView-img-container-default .zoom-container .zoom-img {
                    will-change: transform;
                    backface-visibility: hidden;
                    transform-origin: center center;
                    transition: transform 0.35s ease-in-out; } }
              .product-view-wrap .product-images .productView-images .productView-image .productView-image-custom .productView-img-container-default .zoom-container:hover .zoom-img {
                cursor: zoom-in; }
                @media (min-width: 801px) {
                  .product-view-wrap .product-images .productView-images .productView-image .productView-image-custom .productView-img-container-default .zoom-container:hover .zoom-img {
                    cursor: zoom-in;
                    transform: scale(2);
                    transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1); } }
            .product-view-wrap .product-images .productView-images .productView-image .productView-image-custom .productView-img-container-default img {
              width: 100%;
              object-fit: cover;
              border-radius: 3px;
              object-position: top center; }
              @media (min-width: 801px) {
                .product-view-wrap .product-images .productView-images .productView-image .productView-image-custom .productView-img-container-default img {
                  height: 610px;
                  max-height: 610px; } }
            .product-view-wrap .product-images .productView-images .productView-image .productView-image-custom .productView-img-container-default:not(:first-child) {
              display: none; }
            .product-view-wrap .product-images .productView-images .productView-image .productView-image-custom .productView-img-container-default.slick-slide {
              display: block !important; }
        .product-view-wrap .product-images .productView-images .productView-image.notslick {
          display: none; }
          @media (min-width: 801px) {
            .product-view-wrap .product-images .productView-images .productView-image.notslick {
              display: block; } }
          .product-view-wrap .product-images .productView-images .productView-image.notslick .slick-dots {
            display: none !important; }
          .product-view-wrap .product-images .productView-images .productView-image.notslick .slick-arrow {
            display: none !important; }
        .product-view-wrap .product-images .productView-images .productView-image.formobile {
          display: block; }
          @media (min-width: 801px) {
            .product-view-wrap .product-images .productView-images .productView-image.formobile {
              display: none; } }
        .product-view-wrap .product-images .productView-images .productView-image .slick-arrow {
          z-index: 10;
          pointer-events: all;
          opacity: 1;
          touch-action: manipulation;
          background-color: transparent;
          border: 0;
          padding: 0;
          box-shadow: none;
          width: 20px;
          height: 20px;
          bottom: -27px; }
          .product-view-wrap .product-images .productView-images .productView-image .slick-arrow.slick-next {
            top: inherit;
            right: 0; }
            .product-view-wrap .product-images .productView-images .productView-image .slick-arrow.slick-next:before {
              opacity: 1;
              width: 20px;
              height: 20px;
              background-position: right;
              background-image: url('data:image/svg+xml,<svg width="8" height="13" viewBox="0 0 8 13" fill="none" xmlns="http://www.w3.org/2000/svg"><g opacity="1" clip-path="url(%23clip0_1262_1404)"><path fill-rule="evenodd" clip-rule="evenodd" d="M6.51669 7.02664L1.36175 12.1816L0.0732422 10.8931L4.58393 6.38239L0.0732422 1.8717L1.36175 0.583191L6.51669 5.73813C6.68752 5.90902 6.78349 6.14075 6.78349 6.38239C6.78349 6.62402 6.68752 6.85576 6.51669 7.02664Z" fill="%23A5A5A5"/></g><defs><clipPath id="clip0_1262_1404"><rect width="7.29" height="12.7575" fill="%23A5A5A5" transform="translate(-0.00488281)"/></clipPath></defs></svg>');
              background-size: 8px; }
          .product-view-wrap .product-images .productView-images .productView-image .slick-arrow.slick-prev {
            left: 0;
            top: inherit;
            right: unset; }
            .product-view-wrap .product-images .productView-images .productView-image .slick-arrow.slick-prev:before {
              opacity: 1;
              width: 20px;
              height: 20px;
              background-position: left;
              background-image: url('data:image/svg+xml,<svg width="7" height="13" viewBox="0 0 7 13" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M0.473543 7.02664L5.62848 12.1816L6.91699 10.8931L2.4063 6.38239L6.91699 1.8717L5.62848 0.583191L0.473543 5.73813C0.30271 5.90902 0.206741 6.14075 0.206741 6.38239C0.206741 6.62402 0.30271 6.85576 0.473543 7.02664Z" fill="%23A5A5A5"/></svg>');
              background-size: 8px; }
        .product-view-wrap .product-images .productView-images .productView-image .slick-dots {
          bottom: -16px; }
          .product-view-wrap .product-images .productView-images .productView-image .slick-dots li {
            border: 0;
            margin: 0;
            width: 7px;
            padding: 0;
            height: 7px;
            position: relative;
            border-radius: 100px;
            transition: cubic-bezier(0.075, 0.82, 0.165, 1);
            background-color: #D9D9D9; }
            .product-view-wrap .product-images .productView-images .productView-image .slick-dots li button {
              position: absolute;
              top: 0;
              left: 0;
              right: 0;
              margin: 0;
              border: 0;
              bottom: 0;
              width: 7px;
              padding: 0;
              height: 7px;
              border-radius: 100px;
              background-color: #D9D9D9;
              transition: cubic-bezier(0.075, 0.82, 0.165, 1); }
              .product-view-wrap .product-images .productView-images .productView-image .slick-dots li button:before {
                top: 0;
                left: 0;
                border: 0;
                margin: 0;
                width: 7px;
                padding: 0;
                height: 7px;
                border-radius: 100px;
                background-color: #D9D9D9;
                transition: cubic-bezier(0.075, 0.82, 0.165, 1); }
            .product-view-wrap .product-images .productView-images .productView-image .slick-dots li.slick-active {
              border: 0;
              width: 7px;
              border-radius: 100px;
              background-color: #F36C21;
              transition: cubic-bezier(0.075, 0.82, 0.165, 1); }
              .product-view-wrap .product-images .productView-images .productView-image .slick-dots li.slick-active button {
                border: 0;
                width: 7px;
                border-radius: 100px;
                background-color: #F36C21;
                transition: cubic-bezier(0.075, 0.82, 0.165, 1); }
                .product-view-wrap .product-images .productView-images .productView-image .slick-dots li.slick-active button:before {
                  border: 0;
                  width: 7px;
                  border-radius: 100px;
                  background-color: #F36C21;
                  transition: cubic-bezier(0.075, 0.82, 0.165, 1); }
            .product-view-wrap .product-images .productView-images .productView-image .slick-dots li + li {
              margin-left: 18px; }
      .product-view-wrap .product-images .productView-images .productView-thumbnails {
        margin: 0; }
        @media (min-width: 551px) {
          .product-view-wrap .product-images .productView-images .productView-thumbnails {
            order: 1;
            width: 60px;
            display: flex;
            flex-direction: column; } }
        .product-view-wrap .product-images .productView-images .productView-thumbnails .slick-list {
          margin: 0; }
        .product-view-wrap .product-images .productView-images .productView-thumbnails:not(.slick-slider) .productView-thumbnail {
          border-radius: 3px;
          padding: 5px; }
          @media (min-width: 551px) {
            .product-view-wrap .product-images .productView-images .productView-thumbnails:not(.slick-slider) .productView-thumbnail {
              padding: 0;
              width: 100%;
              height: 61px; } }
          .product-view-wrap .product-images .productView-images .productView-thumbnails:not(.slick-slider) .productView-thumbnail .productView-thumbnail-link {
            border: 0;
            padding: 0;
            width: 100%;
            height: 100%;
            max-width: 100%;
            border-radius: 3px;
            border: 1px solid #fff; }
            .product-view-wrap .product-images .productView-images .productView-thumbnails:not(.slick-slider) .productView-thumbnail .productView-thumbnail-link.is-active {
              border: 1px solid #F36C21; }
            .product-view-wrap .product-images .productView-images .productView-thumbnails:not(.slick-slider) .productView-thumbnail .productView-thumbnail-link img {
              width: 100%;
              object-fit: cover;
              border-radius: 3px;
              object-position: top; }
          @media (min-width: 551px) {
            .product-view-wrap .product-images .productView-images .productView-thumbnails:not(.slick-slider) .productView-thumbnail + .productView-thumbnail {
              margin-top: 18px; } }
        .product-view-wrap .product-images .productView-images .productView-thumbnails .productView-thumbnail {
          border-radius: 3px;
          padding: 5px; }
          @media (min-width: 551px) {
            .product-view-wrap .product-images .productView-images .productView-thumbnails .productView-thumbnail {
              padding: 0;
              width: 100%;
              height: 61px; } }
          .product-view-wrap .product-images .productView-images .productView-thumbnails .productView-thumbnail .productView-thumbnail-link {
            border: 0;
            padding: 0;
            width: 100%;
            height: 100%;
            max-width: 100%;
            border-radius: 3px; }
            .product-view-wrap .product-images .productView-images .productView-thumbnails .productView-thumbnail .productView-thumbnail-link img {
              width: 100%;
              object-fit: cover;
              border-radius: 3px;
              object-position: top; }
          @media (min-width: 551px) {
            .product-view-wrap .product-images .productView-images .productView-thumbnails .productView-thumbnail + .productView-thumbnail {
              margin-top: 18px; } }
          .product-view-wrap .product-images .productView-images .productView-thumbnails .productView-thumbnail.slick-slide {
            cursor: grab;
            border: 1px solid #fff; }
            .product-view-wrap .product-images .productView-images .productView-thumbnails .productView-thumbnail.slick-slide.slick-current.slick-active {
              border: 1px solid #F36C21; }
        .product-view-wrap .product-images .productView-images .productView-thumbnails--desktop {
          display: none; }
          @media (min-width: 801px) {
            .product-view-wrap .product-images .productView-images .productView-thumbnails--desktop {
              display: block; } }
        .product-view-wrap .product-images .productView-images .productView-thumbnails--mobile {
          display: none; }
          @media (min-width: 801px) {
            .product-view-wrap .product-images .productView-images .productView-thumbnails--mobile {
              display: none; } }
          .product-view-wrap .product-images .productView-images .productView-thumbnails--mobile.notslick {
            display: block; }
            @media (min-width: 801px) {
              .product-view-wrap .product-images .productView-images .productView-thumbnails--mobile.notslick {
                display: none; } }
        .product-view-wrap .product-images .productView-images .productView-thumbnails.temporary_block {
          display: block; }
          .product-view-wrap .product-images .productView-images .productView-thumbnails.temporary_block .productView-thumbnail--desktop {
            display: block; }
      .product-view-wrap .product-images .productView-images:before {
        content: "";
        display: block;
        clear: both; }
      .product-view-wrap .product-images .productView-images:after {
        content: "";
        display: block;
        clear: both; }
  .product-view-wrap .product-details {
    padding: 0;
    width: 100%;
    padding: 16px 0 0; }
    @media (min-width: 801px) {
      .product-view-wrap .product-details {
        width: 47.5%;
        max-width: 567px;
        margin: 0 auto 0 0;
        padding: 0 0 0 65px; } }
    .product-view-wrap .product-details .productView-details {
      width: 100%;
      padding: 0; }
      .product-view-wrap .product-details .productView-details .bread {
        display: none; }
        @media (min-width: 801px) {
          .product-view-wrap .product-details .productView-details .bread {
            display: block;
            text-align: left; } }
        .product-view-wrap .product-details .productView-details .bread .breadcrumbs {
          text-align: left; }
      .product-view-wrap .product-details .productView-details.product-data {
        order: 0; }
        @media (min-width: 801px) {
          .product-view-wrap .product-details .productView-details.product-data {
            order: unset; } }
        .product-view-wrap .product-details .productView-details.product-data .productView-product {
          padding: 0;
          border: none; }
          .product-view-wrap .product-details .productView-details.product-data .productView-product .productView-title {
            color: #3D4542;
            font-weight: 400;
            font-size: 28px;
            line-height: 120%;
            letter-spacing: -1%;
            text-align: center;
            font-family: 'Aileron', sans-serif; }
            @media (min-width: 801px) {
              .product-view-wrap .product-details .productView-details.product-data .productView-product .productView-title {
                text-align: left;
                font-size: 36px; } }
          .product-view-wrap .product-details .productView-details.product-data .productView-product .scroll-desc-wrap {
            margin: 20px 0 17px 0;
            display: flex;
            gap: 18px 10px;
            flex-wrap: wrap;
            align-items: flex-start;
            justify-content: space-between;
            flex-direction: column; }
            @media (min-width: 551px) {
              .product-view-wrap .product-details .productView-details.product-data .productView-product .scroll-desc-wrap {
                flex-direction: row;
                align-items: center; } }
            .product-view-wrap .product-details .productView-details.product-data .productView-product .scroll-desc-wrap .view_desc {
              font-weight: 600;
              cursor: pointer;
              font-size: 14px;
              line-height: 100%;
              letter-spacing: 0%;
              text-align: center;
              color: #292C2B;
              margin: 0;
              text-align: center;
              border: 1px solid #1F1F1F;
              border-radius: 3px;
              padding: 14.5px 10px;
              font-family: 'Aileron', sans-serif;
              width: 100%; }
              @media (min-width: 551px) {
                .product-view-wrap .product-details .productView-details.product-data .productView-product .scroll-desc-wrap .view_desc {
                  width: 70%;
                  max-width: 297px; } }
              .product-view-wrap .product-details .productView-details.product-data .productView-product .scroll-desc-wrap .view_desc:hover {
                color: #7E2E2B;
                border-color: #7E2E2B; }
            .product-view-wrap .product-details .productView-details.product-data .productView-product .scroll-desc-wrap .sku {
              font-size: 12px;
              font-weight: 400;
              line-height: 160%;
              letter-spacing: 0%;
              text-align: right;
              text-transform: uppercase;
              color: #1F1F1F;
              margin: 0;
              font-family: 'Aileron', sans-serif; }
              .product-view-wrap .product-details .productView-details.product-data .productView-product .scroll-desc-wrap .sku span {
                display: inline;
                text-transform: uppercase;
                font-weight: 700; }
          .product-view-wrap .product-details .productView-details.product-data .productView-product .short_desc {
            cursor: pointer;
            color: #292C2B;
            margin: 5px 0 23px;
            font-weight: 400;
            font-size: 15px;
            line-height: 150%;
            letter-spacing: 0%;
            font-family: 'Aileron', sans-serif; }
      .product-view-wrap .product-details .productView-details .productView-price {
        display: flex;
        gap: 14px;
        font-size: 20px;
        line-height: 160%;
        margin: 0 0 23px 0;
        align-items: center;
        justify-content: flex-end;
        flex-direction: row-reverse; }
        @media (min-width: 801px) {
          .product-view-wrap .product-details .productView-details .productView-price {
            margin: 0 0 23px 0; } }
        .product-view-wrap .product-details .productView-details .productView-price .price-section .price {
          font-size: 20px;
          color: #1F1F1F;
          font-weight: 700;
          line-height: 20px;
          line-height: 160%;
          letter-spacing: 0px;
          font-family: 'Aileron', sans-serif; }
          .product-view-wrap .product-details .productView-details .productView-price .price-section .price--non-sale {
            color: #1F1F1F;
            font-weight: 300;
            font-size: 16px;
            line-height: 160%;
            letter-spacing: 0%;
            text-transform: uppercase;
            text-decoration: line-through;
            font-family: 'Aileron', sans-serif; }
        .product-view-wrap .product-details .productView-details .productView-price .price-section .price-label {
          display: none !important; }
        .product-view-wrap .product-details .productView-details .productView-price .price-section.specialprice .price {
          color: #7E2E2B; }
        .product-view-wrap .product-details .productView-details .productView-price span:not([class]) {
          display: none; }
        .product-view-wrap .product-details .productView-details .productView-price span.price-now-label {
          display: none; }
      .product-view-wrap .product-details .productView-details.product-options .productView-options {
        margin-bottom: 0;
        text-align: left;
        position: relative; }
        .product-view-wrap .product-details .productView-details.product-options .productView-options .form .form-field {
          margin: 0 0 16px 0; }
          @media (min-width: 551px) {
            .product-view-wrap .product-details .productView-details.product-options .productView-options .form .form-field {
              margin: 0 0 25px 0; } }
          .product-view-wrap .product-details .productView-details.product-options .productView-options .form .form-field .form-label {
            font-size: 16px;
            font-weight: 400;
            color: #000000;
            line-height: 110.00000000000001%;
            margin: 0 0 11px 0;
            text-transform: capitalize;
            font-family: 'Aileron', sans-serif; }
            .product-view-wrap .product-details .productView-details.product-options .productView-options .form .form-field .form-label small {
              display: none; }
          .product-view-wrap .product-details .productView-details.product-options .productView-options .form .form-field[data-product-attribute="swatch"] .form-option-wrapper {
            width: 24px;
            height: 24px;
            margin: 0 8px 8px 0; }
            .product-view-wrap .product-details .productView-details.product-options .productView-options .form .form-field[data-product-attribute="swatch"] .form-option-wrapper label {
              margin: 0; }
            .product-view-wrap .product-details .productView-details.product-options .productView-options .form .form-field[data-product-attribute="swatch"] .form-option-wrapper .form-option {
              padding: 0;
              width: 100%;
              height: 100%;
              box-shadow: none;
              outline-offset: 0px;
              border-radius: 100px;
              text-transform: uppercase;
              outline: 1px solid #D4D2D0;
              border: 2px solid #fff !important; }
              .product-view-wrap .product-details .productView-details.product-options .productView-options .form .form-field[data-product-attribute="swatch"] .form-option-wrapper .form-option .form-option-variant {
                width: 100%;
                height: 100%;
                border-radius: 100px; }
            .product-view-wrap .product-details .productView-details.product-options .productView-options .form .form-field[data-product-attribute="swatch"] .form-option-wrapper .form-radio:checked + .form-option {
              position: relative;
              outline-offset: 0px;
              outline: 2px solid #000;
              box-shadow: 0px 4px 30px 0px rgba(0, 0, 0, 0.25); }
          .product-view-wrap .product-details .productView-details.product-options .productView-options .form .form-field[data-product-attribute="set-rectangle"] .form-option-wrapper {
            border-radius: 3px;
            margin: 0 4px 4px 0; }
            @media (min-width: 551px) {
              .product-view-wrap .product-details .productView-details.product-options .productView-options .form .form-field[data-product-attribute="set-rectangle"] .form-option-wrapper {
                margin: 0 8px 8px 0; } }
            .product-view-wrap .product-details .productView-details.product-options .productView-options .form .form-field[data-product-attribute="set-rectangle"] .form-option-wrapper .form-option {
              margin: 0;
              padding: 0;
              box-shadow: none;
              border-radius: 3px;
              text-transform: uppercase;
              border: 1px solid #D4D2D0; }
              .product-view-wrap .product-details .productView-details.product-options .productView-options .form .form-field[data-product-attribute="set-rectangle"] .form-option-wrapper .form-option .form-option-variant {
                color: #0A0A0A;
                min-width: 106px;
                font-size: 16px;
                font-weight: 400;
                padding: 7px 10px;
                border-radius: 3px;
                text-transform: none;
                background-color: #fff;
                text-transform: uppercase;
                border: 1px solid #D4D2D0;
                font-family: 'Aileron', sans-serif; }
                @media (min-width: 551px) {
                  .product-view-wrap .product-details .productView-details.product-options .productView-options .form .form-field[data-product-attribute="set-rectangle"] .form-option-wrapper .form-option .form-option-variant {
                    min-width: 80px; } }
                @media (min-width: 801px) {
                  .product-view-wrap .product-details .productView-details.product-options .productView-options .form .form-field[data-product-attribute="set-rectangle"] .form-option-wrapper .form-option .form-option-variant {
                    padding: 7px 10px; } }
            .product-view-wrap .product-details .productView-details.product-options .productView-options .form .form-field[data-product-attribute="set-rectangle"] .form-option-wrapper .form-radio:checked + .form-option {
              border: 1px solid #343231; }
              .product-view-wrap .product-details .productView-details.product-options .productView-options .form .form-field[data-product-attribute="set-rectangle"] .form-option-wrapper .form-radio:checked + .form-option .form-option-variant {
                color: #fff;
                font-weight: 600;
                padding: 7px 10px;
                background-color: #0A0A0A;
                border: 1px solid #343231; }
        .product-view-wrap .product-details .productView-details.product-options .productView-options .form .add-to-cart-wrapper {
          display: flex;
          gap: 10px;
          flex-wrap: wrap;
          align-items: flex-end;
          justify-content: space-between; }
          @media (min-width: 801px) {
            .product-view-wrap .product-details .productView-details.product-options .productView-options .form .add-to-cart-wrapper {
              gap: 17px; } }
          .product-view-wrap .product-details .productView-details.product-options .productView-options .form .add-to-cart-wrapper .form-field--increments {
            margin: 0;
            width: 112px; }
            @media (min-width: 801px) {
              .product-view-wrap .product-details .productView-details.product-options .productView-options .form .add-to-cart-wrapper .form-field--increments {
                width: 122px; } }
            .product-view-wrap .product-details .productView-details.product-options .productView-options .form .add-to-cart-wrapper .form-field--increments .form-label {
              display: none; }
              .product-view-wrap .product-details .productView-details.product-options .productView-options .form .add-to-cart-wrapper .form-field--increments .form-label--alternate {
                margin: 0 0 8px 0;
                font-size: 14px;
                font-weight: 700;
                color: #918E8B;
                line-height: 18px;
                text-transform: capitalize;
                font-family: 'Aileron', sans-serif; }
            .product-view-wrap .product-details .productView-details.product-options .productView-options .form .add-to-cart-wrapper .form-field--increments .form-increment {
              width: 100%;
              display: flex;
              border-radius: 3px;
              align-items: center;
              border: 1px solid #BDBDBD;
              justify-content: space-between; }
              .product-view-wrap .product-details .productView-details.product-options .productView-options .form .add-to-cart-wrapper .form-field--increments .form-increment .button {
                padding: 0;
                border: 0;
                height: 53px;
                width: 33.33%;
                max-width: 33.33%;
                background: #fff; }
                .product-view-wrap .product-details .productView-details.product-options .productView-options .form .add-to-cart-wrapper .form-field--increments .form-increment .button .icon {
                  width: 10px;
                  height: 10px; }
                  .product-view-wrap .product-details .productView-details.product-options .productView-options .form .add-to-cart-wrapper .form-field--increments .form-increment .button .icon svg {
                    fill: #0A0A0A;
                    stroke: #B5C2C6; }
                .product-view-wrap .product-details .productView-details.product-options .productView-options .form .add-to-cart-wrapper .form-field--increments .form-increment .button.enabled .icon {
                  width: 10px;
                  height: 10px; }
                  .product-view-wrap .product-details .productView-details.product-options .productView-options .form .add-to-cart-wrapper .form-field--increments .form-increment .button.enabled .icon svg {
                    fill: #0A0A0A;
                    stroke: #0A0A0A; }
              .product-view-wrap .product-details .productView-details.product-options .productView-options .form .add-to-cart-wrapper .form-field--increments .form-increment .form-input {
                height: 53px;
                width: 33.33%;
                border-radius: 3px;
                border: 0; }
                .product-view-wrap .product-details .productView-details.product-options .productView-options .form .add-to-cart-wrapper .form-field--increments .form-increment .form-input--incrementTotal {
                  font-size: 16px;
                  font-weight: 600;
                  color: #000000;
                  line-height: 24px;
                  font-family: 'Aileron', sans-serif; }
          .product-view-wrap .product-details .productView-details.product-options .productView-options .form .add-to-cart-wrapper .add-to-cart-buttons {
            margin: 0;
            padding: 0;
            width: calc(100% - 122px);
            padding-right: 69px; }
            @media (min-width: 801px) {
              .product-view-wrap .product-details .productView-details.product-options .productView-options .form .add-to-cart-wrapper .add-to-cart-buttons {
                padding-right: 76px;
                width: calc(100% - 139px); } }
            .product-view-wrap .product-details .productView-details.product-options .productView-options .form .add-to-cart-wrapper .add-to-cart-buttons .form-action .button {
              width: 100%;
              color: #1F1F1F;
              max-width: 100%;
              font-weight: 600;
              font-size: 14px;
              line-height: 100%;
              letter-spacing: 0%;
              font-family: 'Aileron', sans-serif;
              background-color: #F36C21;
              border: 1px solid #F36C21;
              padding: 19.5px 10px;
              border-radius: 3px; }
              @media (min-width: 801px) {
                .product-view-wrap .product-details .productView-details.product-options .productView-options .form .add-to-cart-wrapper .add-to-cart-buttons .form-action .button {
                  max-width: 289px; } }
              .product-view-wrap .product-details .productView-details.product-options .productView-options .form .add-to-cart-wrapper .add-to-cart-buttons .form-action .button:hover {
                color: #ffffff;
                background-color: #292C2B;
                border: 1px solid #292C2B; }
            .product-view-wrap .product-details .productView-details.product-options .productView-options .form .add-to-cart-wrapper .add-to-cart-buttons .add-to-cart-wallet-buttons {
              display: none !important; }
          .product-view-wrap .product-details .productView-details.product-options .productView-options .form .add-to-cart-wrapper .alertBox {
            width: 100%;
            color: #fff;
            background: #0a0a0a;
            text-transform: uppercase;
            font-family: 'Aileron', sans-serif;
            font-weight: 600; }
            .product-view-wrap .product-details .productView-details.product-options .productView-options .form .add-to-cart-wrapper .alertBox .icon svg {
              fill: #fff; }
        .product-view-wrap .product-details .productView-details.product-options .productView-options span[data-option-value=""] {
          font-size: 16px;
          color: #74726F;
          font-weight: 400;
          margin-left: 8px;
          font-family: 'Aileron', sans-serif; }
      .product-view-wrap .product-details .productView-details.product-description-wrap {
        margin: 32px 0 0 0; }
        .product-view-wrap .product-details .productView-details.product-description-wrap .accordion-wrap {
          border-top: 1px solid #BDBDBD; }
          .product-view-wrap .product-details .productView-details.product-description-wrap .accordion-wrap:last-of-type {
            border-bottom: 1px solid #BDBDBD; }
        .product-view-wrap .product-details .productView-details.product-description-wrap .accodion-title {
          margin: 0;
          color: #000;
          font-weight: 600;
          font-size: 20px;
          line-height: 120%;
          letter-spacing: 0%;
          font-family: 'Aileron', sans-serif;
          cursor: pointer;
          padding: 26.5px 0;
          font-size: 20px;
          font-weight: 600;
          line-height: 20px;
          text-transform: capitalize;
          font-family: 'Aileron', sans-serif;
          background-image: url('data:image/svg+xml,<svg width="24" height="25" viewBox="0 0 24 25" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13 7.5C13 6.94772 12.5523 6.5 12 6.5C11.4477 6.5 11 6.94772 11 7.5V17.5C11 18.0523 11.4477 18.5 12 18.5C12.5523 18.5 13 18.0523 13 17.5V7.5Z" fill="%231F1F1F"/><path d="M7 11.5C6.44772 11.5 6 11.9477 6 12.5C6 13.0523 6.44772 13.5 7 13.5H17C17.5523 13.5 18 13.0523 18 12.5C18 11.9477 17.5523 11.5 17 11.5H7Z" fill="%231F1F1F"/></svg>');
          background-size: 23px;
          padding-right: 20px;
          transition: .2s all ease;
          background-repeat: no-repeat;
          background-position: right center;
          font-family: 'Aileron', sans-serif; }
          .product-view-wrap .product-details .productView-details.product-description-wrap .accodion-title.current {
            transition: .2s all ease;
            border-bottom: none;
            background-image: url('data:image/svg+xml,<svg width="24" height="25" viewBox="0 0 24 25" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M7 11.5C6.44772 11.5 6 11.9477 6 12.5C6 13.0523 6.44772 13.5 7 13.5H17C17.5523 13.5 18 13.0523 18 12.5C18 11.9477 17.5523 11.5 17 11.5H7Z" fill="%231F1F1F"/></svg>'); }
        .product-view-wrap .product-details .productView-details.product-description-wrap .accodion-content {
          display: none;
          font-size: 16px;
          padding: 0 0 46px 0;
          font-weight: 400;
          color: #0A0A0A;
          line-height: 24px;
          font-family: 'Aileron', sans-serif; }
          .product-view-wrap .product-details .productView-details.product-description-wrap .accodion-content p {
            margin: 0;
            font-size: 16px;
            font-weight: 600;
            color: #0A0A0A;
            font-family: 'Aileron', sans-serif; }
            .product-view-wrap .product-details .productView-details.product-description-wrap .accodion-content p + p {
              margin: 15px 0 0; }
          .product-view-wrap .product-details .productView-details.product-description-wrap .accodion-content .downaloadable {
            display: block;
            background-image: url('data:image/svg+xml,<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M8 12L3 7L4.4 5.55L7 8.15V0H9V8.15L11.6 5.55L13 7L8 12ZM0 16V11H2V14H14V11H16V16H0Z" fill="%23F36C21"/></svg>');
            background-position: right 19px center;
            background-repeat: no-repeat;
            padding: 20px 40px 20px 24px;
            border: 1px solid #292C2B;
            border-radius: 3px;
            font-weight: 600;
            color: #292C2B;
            text-decoration: none;
            text-transform: capitalize;
            font-size: 14px;
            line-height: 100%;
            letter-spacing: 0%;
            transition: .2s all ease;
            font-family: 'Aileron', sans-serif; }
            .product-view-wrap .product-details .productView-details.product-description-wrap .accodion-content .downaloadable + .downaloadable {
              margin-top: 11px; }
            .product-view-wrap .product-details .productView-details.product-description-wrap .accodion-content .downaloadable:hover {
              transition: .2s all ease;
              color: #fff;
              background-color: #292C2B; }
          .product-view-wrap .product-details .productView-details.product-description-wrap .accodion-content .waranty-wrap {
            margin: 0;
            padding: 0;
            list-style: none; }
            .product-view-wrap .product-details .productView-details.product-description-wrap .accodion-content .waranty-wrap li {
              display: flex;
              align-items: flex-start;
              justify-content: space-between; }
              .product-view-wrap .product-details .productView-details.product-description-wrap .accodion-content .waranty-wrap li .icon {
                display: inline-flex;
                height: 43px;
                width: 43px;
                align-items: center;
                border-radius: 100px;
                background-color: #F2F2F0; }
                .product-view-wrap .product-details .productView-details.product-description-wrap .accodion-content .waranty-wrap li .icon img {
                  display: block;
                  max-width: 20px;
                  margin: 0 auto; }
              .product-view-wrap .product-details .productView-details.product-description-wrap .accodion-content .waranty-wrap li .content {
                display: block;
                width: calc(100% - 43px);
                padding-left: 17px; }
              .product-view-wrap .product-details .productView-details.product-description-wrap .accodion-content .waranty-wrap li h5 {
                margin-top: 5px;
                color: #333333;
                font-weight: 600;
                text-transform: none;
                font-size: 18px;
                line-height: 21px;
                letter-spacing: 0%;
                font-family: 'Aileron', sans-serif; }
              .product-view-wrap .product-details .productView-details.product-description-wrap .accodion-content .waranty-wrap li p {
                color: #333333;
                font-weight: 400;
                font-size: 14px;
                line-height: 21px;
                letter-spacing: 0%;
                font-family: 'Aileron', sans-serif; }
              .product-view-wrap .product-details .productView-details.product-description-wrap .accodion-content .waranty-wrap li + li {
                margin-top: 30px; }
  .product-view-wrap:before, .product-view-wrap:after {
    display: none; }

.above-title-wrap {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  gap: 10px;
  margin-bottom: 5px; }
  @media (min-width: 801px) {
    .above-title-wrap {
      margin-bottom: 12px;
      justify-content: space-between; } }
  .above-title-wrap .productView-brand {
    margin: 0;
    font-weight: 600;
    font-size: 12px;
    line-height: 160%;
    letter-spacing: 0%;
    color: #1F1F1F;
    text-transform: uppercase;
    font-family: 'Aileron', sans-serif; }
    .above-title-wrap .productView-brand a {
      color: #1F1F1F;
      text-decoration: none; }
  .above-title-wrap .productView-reviewLink {
    color: #3D4542;
    display: inline-block;
    margin-left: 0.35714rem;
    vertical-align: middle;
    font-weight: 400;
    font-size: 12px;
    line-height: 160%;
    letter-spacing: 0%;
    text-align: right;
    font-family: "Poppins", sans-serif; }

.productView-rating {
  text-align: center; }
  @media (min-width: 801px) {
    .productView-rating {
      text-align: right; } }
  .productView-rating .icon--ratingEmpty {
    height: 14px;
    width: 14px; }
    .productView-rating .icon--ratingEmpty svg {
      fill: #F36C21 !important; }
  .productView-rating .icon--ratingEmpty {
    height: 14px;
    width: 14px; }
    .productView-rating .icon--ratingEmpty svg {
      fill: #E0E0E0 !important; }
  .productView-rating span[role="img"] {
    margin-right: 8px; }

.wishlist-wrap {
  position: absolute;
  right: 0;
  bottom: 0; }
  .wishlist-wrap .form {
    display: inline-block; }

.form-wishlist {
  padding: 0;
  margin: 0;
  width: 59px;
  height: 55px;
  font-size: 0;
  border-radius: 3px; }
  .form-wishlist .dropdown-menu-button {
    border: 0;
    margin: 0;
    padding: 0;
    width: 100%;
    font-size: 0 !important;
    height: 100%;
    border-radius: 3px;
    border: 1px solid #F2F2F0;
    background: #F2F2F0 url('data:image/svg+xml,<svg width="19" height="13" viewBox="0 0 19 13" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1.625 9.82733H7.58333M11.8393 8.97614H14.3929M14.3929 8.97614H16.9464M14.3929 8.97614V11.5297M14.3929 8.97614V6.42257M1.625 5.57138H10.9881M1.625 1.31543H10.9881" stroke="%23292C2B" stroke-width="1.66667" stroke-linecap="round" stroke-linejoin="round"/></svg>') no-repeat center center !important;
    background-size: 19px; }
    .form-wishlist .dropdown-menu-button .icon {
      display: none; }
    .form-wishlist .dropdown-menu-button.is-open {
      background: #F36C21 url('data:image/svg+xml,<svg width="19" height="13" viewBox="0 0 19 13" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1.625 9.82733H7.58333M11.8393 8.97614H14.3929M14.3929 8.97614H16.9464M14.3929 8.97614V11.5297M14.3929 8.97614V6.42257M1.625 5.57138H10.9881M1.625 1.31543H10.9881" stroke="%23ffffff" stroke-width="1.66667" stroke-linecap="round" stroke-linejoin="round"/></svg>') no-repeat center center !important; }
  .form-wishlist #wishlist-dropdown.is-open {
    margin: 0;
    border-radius: 5px;
    background: #fff;
    right: 0 !important;
    top: 66px !important;
    width: 175px !important;
    position: relative;
    border: 1px solid #E0E0E0 !important;
    padding-right: 0;
    left: unset !important;
    top: 68px !important; }
    @media (min-width: 1261px) {
      .form-wishlist #wishlist-dropdown.is-open {
        left: -58px !important; } }
    .form-wishlist #wishlist-dropdown.is-open .button:hover {
      background-color: #0a0a0a; }
    .form-wishlist #wishlist-dropdown.is-open:before {
      position: absolute;
      content: "";
      top: -2px;
      width: 30px;
      right: 10px;
      height: 30px;
      background-color: #fff;
      transform: rotate(-45deg);
      left: unset;
      border: 1px solid #E0E0E0; }
      @media (min-width: 1261px) {
        .form-wishlist #wishlist-dropdown.is-open:before {
          right: 8px;
          left: 70px; } }
    .form-wishlist #wishlist-dropdown.is-open li {
      border: 0;
      margin: 0; }
      .form-wishlist #wishlist-dropdown.is-open li + li {
        border-top: 0; }
      .form-wishlist #wishlist-dropdown.is-open li .button {
        margin: 0;
        border: 0 !important;
        padding: 10px;
        color: #292C2B;
        font-size: 14px;
        font-weight: 400;
        line-height: 140%;
        letter-spacing: 0%;
        text-align: center;
        font-family: "SourceSansPro", sans-serif; }
        .form-wishlist #wishlist-dropdown.is-open li .button:hover {
          color: #7E2E2B;
          background-color: #FFF;
          text-decoration: none; }
      .form-wishlist #wishlist-dropdown.is-open li:nth-child(1) {
        border-top-left-radius: 5px;
        border-top-right-radius: 5px; }
        .form-wishlist #wishlist-dropdown.is-open li:nth-child(1) .button {
          border-top-left-radius: 5px;
          border-top-right-radius: 5px; }
      .form-wishlist #wishlist-dropdown.is-open li:nth-child(2) {
        border-top-left-radius: 5px;
        border-top-right-radius: 5px; }
        .form-wishlist #wishlist-dropdown.is-open li:nth-child(2) .button {
          border-top-left-radius: 5px;
          border-top-right-radius: 5px; }

.have-question {
  display: none;
  width: 100%;
  max-width: 610px;
  padding-top: 30px;
  border-radius: 3px;
  margin: 22px 0 0 auto;
  border: 1px solid #515A57; }
  @media (min-width: 801px) {
    .have-question {
      display: block; } }
  .have-question:after {
    content: "";
    display: table;
    clear: both; }
  .have-question:before {
    content: "";
    display: table;
    clear: both; }
  .have-question h3 {
    margin: 0;
    color: #1F1F1F;
    font-weight: 600;
    font-size: 22px;
    line-height: 120%;
    letter-spacing: 0%;
    text-align: center;
    font-family: 'Aileron', sans-serif; }
  .have-question p {
    max-width: 410px;
    margin: 7px auto 24px;
    color: #3D4542;
    font-weight: 400;
    font-size: 13px;
    line-height: 150%;
    letter-spacing: 0%;
    text-align: center;
    font-family: 'Aileron', sans-serif; }
  .have-question .cta-wrap {
    border-top: 1px solid #515A57;
    display: flex;
    align-items: center;
    transition: .2s all ease;
    background-color: #fff;
    justify-content: space-between; }
    .have-question .cta-wrap a {
      display: inline-flex;
      width: 33.33%;
      color: #1F1F1F;
      font-weight: 600;
      font-size: 13px;
      line-height: 160%;
      letter-spacing: 0%;
      text-align: center;
      text-decoration: none;
      padding: 15px 5px;
      transition: .2s all ease;
      font-family: 'Aileron', sans-serif; }
      .have-question .cta-wrap a span {
        width: 100%;
        display: block;
        background-repeat: no-repeat;
        background-position: left center;
        width: fit-content;
        margin: 0 auto;
        padding-left: 25px; }
      .have-question .cta-wrap a.chat span {
        background-image: url('data:image/svg+xml,<svg width="19" height="18" viewBox="0 0 19 18" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.93 15.381L5.24445 14.3296L5.25308 14.3227C5.52735 14.1028 5.66621 13.9924 5.8206 13.9139C5.95918 13.8432 6.10523 13.792 6.25875 13.7604C6.43039 13.725 6.60893 13.725 6.96773 13.725H14.4551C15.4194 13.725 15.9024 13.725 16.2707 13.537C16.5952 13.3716 16.8591 13.1077 17.0245 12.7832C17.2125 12.414 17.2125 11.931 17.2125 10.9685V4.40744C17.2125 3.44316 17.2125 2.96016 17.0245 2.59187C16.8589 2.26718 16.5947 2.00328 16.2698 1.83805C15.9015 1.65002 15.4185 1.65002 14.4525 1.65002H4.4475C3.4815 1.65002 2.9985 1.65002 2.62935 1.83805C2.30478 2.00343 2.0409 2.26731 1.87552 2.59187C1.6875 2.96102 1.6875 3.44402 1.6875 4.41002V14.3038C1.6875 15.2232 1.6875 15.6829 1.87552 15.9184C1.95638 16.0199 2.0591 16.1018 2.17603 16.1581C2.29296 16.2144 2.42108 16.2436 2.55086 16.2435C2.85274 16.2435 3.21154 15.9554 3.93 15.381Z" stroke="%23F36C21" stroke-width="1.91667" stroke-linecap="round" stroke-linejoin="round"/></svg>'); }
      .have-question .cta-wrap a.call span {
        background-image: url('data:image/svg+xml,<svg width="16" height="20" viewBox="0 0 16 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1.51562 12.5H14.849M1.51562 12.5V17.5C1.51562 17.721 1.60342 17.933 1.7597 18.0893C1.91598 18.2456 2.12794 18.3334 2.34896 18.3334H14.0156C14.2366 18.3334 14.4486 18.2456 14.6049 18.0893C14.7612 17.933 14.849 17.721 14.849 17.5V12.5M1.51562 12.5V2.50002C1.51563 2.27901 1.60342 2.06704 1.7597 1.91076C1.91598 1.75448 2.12794 1.66669 2.34896 1.66669H14.0156C14.2366 1.66669 14.4486 1.75448 14.6049 1.91076C14.7612 2.06704 14.849 2.27901 14.849 2.50002V12.5" stroke="%23F36C21" stroke-width="1.75" stroke-linejoin="round"/><path d="M7.34961 15.4167H9.01628" stroke="%23F36C21" stroke-width="1.75" stroke-linecap="round"/></svg>'); }
      .have-question .cta-wrap a.email span {
        background-image: url('data:image/svg+xml,<svg width="18" height="17" viewBox="0 0 18 17" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M16.5243 5.24166L8.99935 0.533325L1.47435 5.24166C0.991016 5.53333 0.666016 6.05833 0.666016 6.66666V15C0.666016 15.9167 1.41602 16.6667 2.33268 16.6667H15.666C16.5827 16.6667 17.3327 15.9167 17.3327 15V6.66666C17.3327 6.05833 17.0077 5.53333 16.5243 5.24166ZM15.666 15H2.33268V8.33332L8.99935 12.5L15.666 8.33332V15ZM8.99935 10.8333L2.33268 6.66666L8.99935 2.49999L15.666 6.66666L8.99935 10.8333Z" fill="%23F36C21"/></svg>'); }
      .have-question .cta-wrap a:nth-child(2) {
        border-left: 1px solid #515A57;
        border-right: 1px solid #515A57; }
      .have-question .cta-wrap a:hover {
        color: #ffffff;
        transition: .2s all ease;
        background-color: #3D4542; }
        .have-question .cta-wrap a:hover span {
          color: #ffffff; }

.support-section-wrap {
  margin-top: 59px;
  background-color: #3D4542; }
  .support-section-wrap .support-section {
    display: flex;
    padding: 19px 0;
    align-items: center;
    justify-content: space-between;
    gap: 10px; }
    @media (min-width: 801px) {
      .support-section-wrap .support-section {
        padding: 37.5px 0; } }
    .support-section-wrap .support-section--mbl {
      display: flex; }
      @media (min-width: 801px) {
        .support-section-wrap .support-section--mbl {
          display: none; } }
    .support-section-wrap .support-section--dsktp {
      display: none; }
      @media (min-width: 801px) {
        .support-section-wrap .support-section--dsktp {
          display: flex; } }
    .support-section-wrap .support-section .support-inner {
      margin: 0 20px 0 40px;
      padding: 0 0 0 36px;
      background-size: 25px;
      background-repeat: no-repeat;
      background-position: left center; }
      @media (min-width: 551px) {
        .support-section-wrap .support-section .support-inner {
          margin: 0 10px; } }
      @media (min-width: 801px) {
        .support-section-wrap .support-section .support-inner {
          margin: 0;
          padding: 33px 0 0 0;
          background-position: center top; } }
      .support-section-wrap .support-section .support-inner:not(.slick-slide) {
        width: 25%; }
      .support-section-wrap .support-section .support-inner h3 {
        margin: 0;
        color: #FFFFFF;
        font-weight: 600;
        font-size: 16px;
        line-height: 180%;
        text-align: left;
        letter-spacing: 0%;
        text-transform: capitalize;
        font-family: 'Aileron', sans-serif; }
        @media (min-width: 801px) {
          .support-section-wrap .support-section .support-inner h3 {
            text-align: center; } }
      .support-section-wrap .support-section .support-inner p {
        margin: 0;
        color: #FFFFFF;
        font-weight: 300;
        font-size: 13px;
        line-height: 16px;
        text-align: left;
        letter-spacing: 0%;
        font-family: 'Aileron', sans-serif; }
        @media (min-width: 801px) {
          .support-section-wrap .support-section .support-inner p {
            text-align: center; } }
      .support-section-wrap .support-section .support-inner.support {
        background-image: url('data:image/svg+xml,<svg width="25" height="25" viewBox="0 0 25 25" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M12.5 0.40625C5.82088 0.40625 0.40625 5.82088 0.40625 12.5C0.40625 19.1791 5.82088 24.5938 12.5 24.5938C19.1791 24.5938 24.5938 19.1791 24.5938 12.5C24.5938 5.82088 19.1791 0.40625 12.5 0.40625ZM2.09375 12.5C2.09375 9.9305 3.02525 7.57812 4.56875 5.76238L8.17212 9.36462C7.51022 10.2759 7.15452 11.3737 7.15625 12.5C7.15452 13.6263 7.51022 14.7241 8.17212 15.6354L4.56875 19.2376C2.96646 17.3589 2.08864 14.9692 2.09375 12.5ZM9.36462 8.17212L5.76238 4.56875C7.64112 2.96646 10.0308 2.08864 12.5 2.09375C15.0695 2.09375 17.4219 3.02525 19.2376 4.56875L15.6343 8.17212C14.7233 7.51044 13.6259 7.15476 12.5 7.15625C11.3737 7.15452 10.2759 7.51022 9.36462 8.17212ZM5.76238 20.4312C7.64112 22.0335 10.0308 22.9114 12.5 22.9062C14.9692 22.9114 17.3589 22.0335 19.2376 20.4312L15.6343 16.8279C14.7233 17.4896 13.6259 17.8452 12.5 17.8438C11.3737 17.8455 10.2759 17.4898 9.36462 16.8279L5.76238 20.4312ZM16.8279 15.6343L20.4312 19.2376C22.0335 17.3589 22.9114 14.9692 22.9062 12.5C22.9114 10.0308 22.0335 7.64112 20.4312 5.76238L16.8279 9.36462C17.4898 10.2759 17.8455 11.3737 17.8438 12.5C17.8455 13.6263 17.4898 14.723 16.8279 15.6343ZM8.84375 12.5C8.84375 11.5303 9.22896 10.6003 9.91464 9.91464C10.6003 9.22896 11.5303 8.84375 12.5 8.84375C13.4697 8.84375 14.3997 9.22896 15.0854 9.91464C15.771 10.6003 16.1562 11.5303 16.1562 12.5C16.1562 13.4697 15.771 14.3997 15.0854 15.0854C14.3997 15.771 13.4697 16.1562 12.5 16.1562C11.5303 16.1562 10.6003 15.771 9.91464 15.0854C9.22896 14.3997 8.84375 13.4697 8.84375 12.5Z" fill="%23F36C21"/></svg>'); }
      .support-section-wrap .support-section .support-inner.install {
        background-image: url('data:image/svg+xml,<svg width="21" height="21" viewBox="0 0 21 21" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.21853 0.817301C3.99659 0.539845 4.84052 0.504897 5.63886 0.717073C6.4372 0.929249 7.15242 1.37857 7.69007 2.00571C8.22772 2.63284 8.56253 3.4083 8.65027 4.22968C8.73801 5.05106 8.57457 5.87974 8.18153 6.6063L20.6754 19.1013L19.0257 20.751L6.53069 8.25597C5.80395 8.64785 4.97552 8.81035 4.15458 8.72205C3.33364 8.63375 2.55872 8.29879 1.93194 7.76131C1.30516 7.22384 0.85593 6.50907 0.643456 5.7112C0.430981 4.91334 0.465232 4.06981 0.741695 3.2918L3.35153 5.90163C3.68158 6.22041 4.12364 6.3968 4.58248 6.39281C5.04132 6.38883 5.48025 6.20478 5.80471 5.88032C6.12917 5.55585 6.31322 5.11693 6.31721 4.65809C6.32119 4.19924 6.1448 3.75719 5.82603 3.42713L3.21853 0.817301ZM15.3134 3.01413L19.0257 0.951468L20.6754 2.6023L18.6127 6.31463L16.55 6.72647L14.0767 9.20097L12.4259 7.5513L14.9004 5.0768L15.3134 3.01413ZM7.47569 12.5015L9.12653 14.1511L2.93853 20.338C2.72818 20.5489 2.4451 20.6714 2.14733 20.6803C1.84956 20.6892 1.55966 20.5839 1.33706 20.3859C1.11447 20.1879 0.976036 19.9123 0.950153 19.6155C0.924271 19.3188 1.0129 19.0233 1.19786 18.7898L1.28886 18.6883L7.47569 12.5015Z" fill="%23F36C21"/></svg>'); }
      .support-section-wrap .support-section .support-inner.free {
        background-image: url('data:image/svg+xml,<svg width="26" height="20" viewBox="0 0 26 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.54885e-09 2.6875C3.54885e-09 2.04104 0.256807 1.42105 0.713927 0.963927C1.17105 0.506807 1.79103 0.25 2.4375 0.25H17.0625C17.709 0.25 18.329 0.506807 18.7861 0.963927C19.2432 1.42105 19.5 2.04104 19.5 2.6875V5.125H21.1575C21.5227 5.12533 21.8832 5.20771 22.2122 5.36606C22.5413 5.52442 22.8306 5.75469 23.0588 6.03988L25.4654 9.04613C25.8116 9.47868 26.0002 10.0163 26 10.5704V14.0625C26 14.709 25.7432 15.329 25.2861 15.7861C24.829 16.2432 24.209 16.5 23.5625 16.5H22.75C22.75 17.362 22.4076 18.1886 21.7981 18.7981C21.1886 19.4076 20.362 19.75 19.5 19.75C18.638 19.75 17.8114 19.4076 17.2019 18.7981C16.5924 18.1886 16.25 17.362 16.25 16.5H8.125C8.12593 16.9332 8.04026 17.3622 7.873 17.7618C7.70574 18.1614 7.46028 18.5236 7.15105 18.827C6.84182 19.1303 6.47506 19.3688 6.07233 19.5284C5.6696 19.688 5.23903 19.7655 4.80593 19.7563C4.37282 19.7471 3.94593 19.6514 3.55035 19.4748C3.15476 19.2982 2.79847 19.0444 2.50242 18.7281C2.20636 18.4119 1.97651 18.0396 1.82639 17.6333C1.67627 17.2269 1.6089 16.7946 1.62825 16.3619C1.1522 16.1943 0.7399 15.8831 0.448247 15.4713C0.156594 15.0594 -2.72219e-05 14.5672 3.54885e-09 14.0625L3.54885e-09 2.6875ZM2.10275 14.8035C2.39686 14.3229 2.81087 13.927 3.30416 13.6547C3.79744 13.3824 4.35305 13.243 4.91646 13.2502C5.47988 13.2574 6.03173 13.411 6.51789 13.6958C7.00404 13.9807 7.40778 14.387 7.6895 14.875H16.6855C16.9707 14.381 17.381 13.9707 17.875 13.6855V2.6875C17.875 2.47201 17.7894 2.26535 17.637 2.11298C17.4847 1.9606 17.278 1.875 17.0625 1.875H2.4375C2.22201 1.875 2.01535 1.9606 1.86298 2.11298C1.7106 2.26535 1.625 2.47201 1.625 2.6875V14.0625C1.62487 14.2189 1.66988 14.372 1.75463 14.5034C1.83937 14.6349 1.96025 14.7391 2.10275 14.8035ZM19.5 13.25C20.0705 13.25 20.6309 13.4002 21.125 13.6854C21.619 13.9707 22.0293 14.381 22.3145 14.875H23.5625C23.778 14.875 23.9847 14.7894 24.137 14.637C24.2894 14.4847 24.375 14.278 24.375 14.0625V10.5688C24.3747 10.3844 24.3116 10.2056 24.1963 10.0618L21.7913 7.0555C21.7153 6.96034 21.6189 6.88348 21.5092 6.8306C21.3995 6.77772 21.2793 6.75017 21.1575 6.75H19.5V13.25ZM4.875 14.875C4.44402 14.875 4.0307 15.0462 3.72595 15.351C3.4212 15.6557 3.25 16.069 3.25 16.5C3.25 16.931 3.4212 17.3443 3.72595 17.6491C4.0307 17.9538 4.44402 18.125 4.875 18.125C5.30598 18.125 5.7193 17.9538 6.02405 17.6491C6.3288 17.3443 6.5 16.931 6.5 16.5C6.5 16.069 6.3288 15.6557 6.02405 15.351C5.7193 15.0462 5.30598 14.875 4.875 14.875ZM19.5 14.875C19.069 14.875 18.6557 15.0462 18.351 15.351C18.0462 15.6557 17.875 16.069 17.875 16.5C17.875 16.931 18.0462 17.3443 18.351 17.6491C18.6557 17.9538 19.069 18.125 19.5 18.125C19.931 18.125 20.3443 17.9538 20.649 17.6491C20.9538 17.3443 21.125 16.931 21.125 16.5C21.125 16.069 20.9538 15.6557 20.649 15.351C20.3443 15.0462 19.931 14.875 19.5 14.875Z" fill="%23F36C21"/></svg>'); }
      .support-section-wrap .support-section .support-inner.waranty {
        background-image: url('data:image/svg+xml,<svg width="21" height="25" viewBox="0 0 21 25" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M10.5007 0.458252L20.9173 4.10409V12.4999C20.9173 16.7989 18.2788 19.8041 15.8173 21.6697C14.3325 22.7858 12.7031 23.6952 10.9736 24.3728L10.8829 24.4072L10.8569 24.4166L10.8496 24.4187L10.8465 24.4197C10.8454 24.4197 10.8444 24.4197 10.5007 23.4374L10.1559 24.4208L10.1517 24.4187L10.1444 24.4166L10.1184 24.4062L10.0277 24.3728C9.53644 24.1829 9.05338 23.9722 8.57982 23.7416C7.38438 23.1609 6.24725 22.4671 5.18398 21.6697C2.72357 19.8041 0.0839844 16.7989 0.0839844 12.4999V4.10409L10.5007 0.458252ZM10.5007 23.4374L10.1559 24.4208L10.5007 24.5416L10.8454 24.4208L10.5007 23.4374ZM10.5007 22.3208L10.51 22.3166C11.9513 21.7208 13.3117 20.9456 14.559 20.0093C16.7861 18.3228 18.834 15.8572 18.834 12.4999V5.58325L10.5007 2.66659L2.16732 5.58325V12.4999C2.16732 15.8572 4.21523 18.3208 6.44232 20.0103C7.69232 20.9484 9.05591 21.7247 10.5007 22.3208ZM16.8257 8.69055L9.46003 16.0562L5.04023 11.6374L6.51419 10.1635L9.45899 13.1103L15.3517 7.21763L16.8257 8.69055Z" fill="%23F36C21"/></svg>'); }
    .support-section-wrap .support-section .slick-arrow {
      z-index: 10;
      pointer-events: all;
      opacity: 1;
      touch-action: manipulation;
      background-color: transparent;
      border: 0;
      padding: 0;
      box-shadow: none;
      width: 20px;
      height: 20px;
      top: 50%;
      bottom: 0;
      margin: 0; }
      .support-section-wrap .support-section .slick-arrow.slick-next {
        right: 0; }
        .support-section-wrap .support-section .slick-arrow.slick-next:before {
          opacity: 1;
          width: 20px;
          height: 20px;
          background-position: right;
          background-image: url('data:image/svg+xml,<svg width="8" height="13" viewBox="0 0 8 13" fill="none" xmlns="http://www.w3.org/2000/svg"><g opacity="1" clip-path="url(%23clip0_1262_1404)"><path fill-rule="evenodd" clip-rule="evenodd" d="M6.51669 7.02664L1.36175 12.1816L0.0732422 10.8931L4.58393 6.38239L0.0732422 1.8717L1.36175 0.583191L6.51669 5.73813C6.68752 5.90902 6.78349 6.14075 6.78349 6.38239C6.78349 6.62402 6.68752 6.85576 6.51669 7.02664Z" fill="%238B8F8E"/></g><defs><clipPath id="clip0_1262_1404"><rect width="7.29" height="12.7575" fill="%238B8F8E" transform="translate(-0.00488281)"/></clipPath></defs></svg>');
          background-size: 8px; }
      .support-section-wrap .support-section .slick-arrow.slick-prev {
        left: 0; }
        .support-section-wrap .support-section .slick-arrow.slick-prev:before {
          opacity: 1;
          width: 20px;
          height: 20px;
          background-position: left;
          background-image: url('data:image/svg+xml,<svg width="7" height="13" viewBox="0 0 7 13" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M0.473543 7.02664L5.62848 12.1816L6.91699 10.8931L2.4063 6.38239L6.91699 1.8717L5.62848 0.583191L0.473543 5.73813C0.30271 5.90902 0.206741 6.14075 0.206741 6.38239C0.206741 6.62402 0.30271 6.85576 0.473543 7.02664Z" fill="%238B8F8E"/></svg>');
          background-size: 8px; }

.tabs-bg {
  padding: 40px 0 62px;
  background: url(https://cdn11.bigcommerce.com/s-whwwydb1yw/images/stencil/original/image-manager/pdp-bg.png?t=1753637190), #F2F2F0;
  background: url(https://cdn11.bigcommerce.com/s-whwwydb1yw/images/stencil/original/image-manager/faded-imagepdp.jpg?t=1755199265), #F2F2F0;
  background-repeat: no-repeat;
  background-position: bottom;
  background-size: 100%;
  border-bottom: 1px solid #BDBDBD; }
  @media (min-width: 801px) {
    .tabs-bg {
      padding: 56px 0 83px; } }

.product_view_tabs .tabs {
  display: none;
  margin: 0 0 56px 0;
  align-items: center;
  justify-content: flex-start;
  border-bottom: 1px solid #BDBDBD; }
  @media (min-width: 801px) {
    .product_view_tabs .tabs {
      display: flex; } }
  .product_view_tabs .tabs .tab {
    border: 0;
    margin: 0 17px 0 0; }
    .product_view_tabs .tabs .tab .tab-title {
      margin: 0;
      border: 0;
      padding-top: 0;
      text-align: center;
      opacity: .5;
      color: #1F1F1F;
      font-weight: 600;
      font-size: 20px;
      line-height: 120%;
      letter-spacing: 0%;
      text-align: center;
      padding: 0 42px 21px 42px;
      font-family: 'Aileron', sans-serif;
      position: relative; }
      .product_view_tabs .tabs .tab .tab-title:after {
        content: "";
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
        height: 3px;
        background-color: transparent; }
    .product_view_tabs .tabs .tab.is-active {
      border: 0; }
      .product_view_tabs .tabs .tab.is-active .tab-title {
        opacity: 1; }
        .product_view_tabs .tabs .tab.is-active .tab-title:after {
          background-color: #F36C21; }

.product_view_tabs .toggle:last-of-type {
  margin-bottom: 0; }

.product_view_tabs .tabs-contents {
  margin: 0;
  display: flex;
  flex-direction: column; }
  .product_view_tabs .tabs-contents:before, .product_view_tabs .tabs-contents:after {
    content: "";
    display: block;
    clear: both; }
  @media (min-width: 801px) {
    .product_view_tabs .tabs-contents {
      display: block; } }
  .product_view_tabs .tabs-contents .tab-content {
    padding: 0;
    display: block;
    border-top: 1px solid #BDBDBD; }
    @media (min-width: 801px) {
      .product_view_tabs .tabs-contents .tab-content {
        border: 0;
        display: none; }
        .product_view_tabs .tabs-contents .tab-content.is-active {
          display: block; } }
    .product_view_tabs .tabs-contents .tab-content:before, .product_view_tabs .tabs-contents .tab-content:after {
      content: "";
      display: block;
      clear: both; }
    .product_view_tabs .tabs-contents .tab-content .desc_title {
      margin: 0;
      color: #292C2B;
      font-weight: 400;
      font-size: 26px;
      line-height: 150%;
      letter-spacing: 0%;
      font-family: 'Aileron', sans-serif; }
      @media (min-width: 801px) {
        .product_view_tabs .tabs-contents .tab-content .desc_title {
          font-size: 26px; } }
    .product_view_tabs .tabs-contents .tab-content .desc-wap {
      color: #292C2B;
      font-weight: 400;
      font-size: 15px;
      line-height: 150%;
      letter-spacing: 0%;
      font-family: 'Aileron', sans-serif;
      margin: 0 0 30px; }
      .product_view_tabs .tabs-contents .tab-content .desc-wap p {
        margin: 0;
        color: #292C2B;
        font-weight: 400;
        font-size: 15px;
        line-height: 150%;
        letter-spacing: 0%;
        font-family: 'Aileron', sans-serif; }
    .product_view_tabs .tabs-contents .tab-content .spec-wrap .specs-inner-wrap {
      margin-top: 32px; }
      .product_view_tabs .tabs-contents .tab-content .spec-wrap .specs-inner-wrap .specs-inner {
        display: flex;
        gap: 10px;
        flex-wrap: nowrap;
        align-items: center;
        padding: 4px 5px;
        justify-content: space-between; }
        @media (min-width: 801px) {
          .product_view_tabs .tabs-contents .tab-content .spec-wrap .specs-inner-wrap .specs-inner {
            border-top: 0; } }
        @media (min-width: 801px) {
          .product_view_tabs .tabs-contents .tab-content .spec-wrap .specs-inner-wrap .specs-inner:nth-child(odd) {
            background-color: #D9D8D6; } }
        .product_view_tabs .tabs-contents .tab-content .spec-wrap .specs-inner-wrap .specs-inner:nth-child(even) {
          background-color: #F2F2F0; }
        .product_view_tabs .tabs-contents .tab-content .spec-wrap .specs-inner-wrap .specs-inner p {
          margin: 0;
          width: 50%;
          text-align: left;
          color: #151515;
          font-weight: 400;
          font-size: 14px;
          line-height: 20px;
          letter-spacing: 0%;
          font-family: 'Aileron', sans-serif; }
          @media (min-width: 801px) {
            .product_view_tabs .tabs-contents .tab-content .spec-wrap .specs-inner-wrap .specs-inner p {
              font-size: 16px;
              line-height: 24px; } }
          .product_view_tabs .tabs-contents .tab-content .spec-wrap .specs-inner-wrap .specs-inner p:nth-child(1) {
            font-weight: 400; }
          .product_view_tabs .tabs-contents .tab-content .spec-wrap .specs-inner-wrap .specs-inner p:nth-child(2) {
            font-weight: 400; }
    .product_view_tabs .tabs-contents .tab-content .spec-wrap.usingCustomFields .specs-inner {
      padding: 8.5px 5px;
      border-bottom: 1px solid #BDBDBD; }
      .product_view_tabs .tabs-contents .tab-content .spec-wrap.usingCustomFields .specs-inner:nth-child(odd) {
        background-color: transparent; }
        @media (min-width: 801px) {
          .product_view_tabs .tabs-contents .tab-content .spec-wrap.usingCustomFields .specs-inner:nth-child(odd) {
            background-color: transparent; } }
        .product_view_tabs .tabs-contents .tab-content .spec-wrap.usingCustomFields .specs-inner:nth-child(odd) p:nth-child(1) {
          font-weight: 700; }
      .product_view_tabs .tabs-contents .tab-content .spec-wrap.usingCustomFields .specs-inner:nth-child(even) {
        background-color: transparent; }
        .product_view_tabs .tabs-contents .tab-content .spec-wrap.usingCustomFields .specs-inner:nth-child(even) p:nth-child(1) {
          font-weight: 700; }
    .product_view_tabs .tabs-contents .tab-content .accodion-title {
      margin: 0;
      color: #000;
      font-weight: 600;
      font-size: 20px;
      line-height: 120%;
      letter-spacing: 0%;
      font-family: 'Aileron', sans-serif;
      cursor: pointer;
      padding: 26.5px 0;
      font-size: 20px;
      font-weight: 600;
      line-height: 20px;
      text-transform: capitalize;
      font-family: 'Aileron', sans-serif;
      background-image: url('data:image/svg+xml,<svg width="11" height="11" viewBox="0 0 11 11" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.5 1L5.49979 10" stroke="%231F1F1F" stroke-width="2" stroke-linecap="round"/><path d="M1 5.50049L10 5.50028" stroke="%231F1F1F" stroke-width="2" stroke-linecap="round"/></svg>');
      background-size: 10px;
      transition: .2s all ease;
      background-repeat: no-repeat;
      background-position: right center;
      font-family: 'Aileron', sans-serif; }
      @media (min-width: 801px) {
        .product_view_tabs .tabs-contents .tab-content .accodion-title {
          display: none; } }
      .product_view_tabs .tabs-contents .tab-content .accodion-title.current {
        transition: .2s all ease;
        border-bottom: none;
        background-image: url('data:image/svg+xml,<svg width="15" height="3" viewBox="0 0 15 3" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 1.0155L14 1.0152" stroke="%23292C2B" stroke-width="2" stroke-linecap="round"/></svg>'); }
    .product_view_tabs .tabs-contents .tab-content .accodion-content {
      display: none;
      font-size: 15px;
      padding: 10px 0 43px;
      font-weight: 400;
      color: #292c2b;
      line-height: 24px;
      font-family: 'Aileron', sans-serif; }
      @media (min-width: 801px) {
        .product_view_tabs .tabs-contents .tab-content .accodion-content {
          padding: 0;
          display: block; } }
      .product_view_tabs .tabs-contents .tab-content .accodion-content p {
        margin: 0;
        font-size: 15px;
        font-weight: 400;
        color: #292c2b;
        font-family: 'Aileron', sans-serif; }
        .product_view_tabs .tabs-contents .tab-content .accodion-content p + p {
          margin: 15px 0 0; }
    .product_view_tabs .tabs-contents .tab-content .desc-wrap {
      margin-bottom: 45px; }
    .product_view_tabs .tabs-contents .tab-content .videoGallery .toggle-title {
      display: none; }
    .product_view_tabs .tabs-contents .tab-content .videoGallery .videoGallery-main {
      margin-bottom: 49px; }
      .product_view_tabs .tabs-contents .tab-content .videoGallery .videoGallery-main.widescreen {
        padding-bottom: 68.24%; }
    .product_view_tabs .tabs-contents .tab-content .videoGallery .video {
      margin-bottom: 20px; }
      @media (min-width: 551px) {
        .product_view_tabs .tabs-contents .tab-content .videoGallery .video {
          margin-bottom: 30px; } }
    .product_view_tabs .tabs-contents .tab-content .videoGallery .video-figure {
      margin-right: 15px;
      border-radius: 3px; }
      @media (min-width: 551px) {
        .product_view_tabs .tabs-contents .tab-content .videoGallery .video-figure {
          margin-right: 27px; } }
      .product_view_tabs .tabs-contents .tab-content .videoGallery .video-figure img {
        border-radius: 3px; }
    .product_view_tabs .tabs-contents .tab-content .videoGallery .video-title, .product_view_tabs .tabs-contents .tab-content .videoGallery .video-description {
      color: #3D4542;
      font-size: 15px;
      font-weight: 600;
      line-height: 120%;
      letter-spacing: -1%;
      font-family: 'Aileron', sans-serif; }
    .product_view_tabs .tabs-contents .tab-content:last-of-type {
      border-bottom: 1px solid #BDBDBD; }
      @media (min-width: 801px) {
        .product_view_tabs .tabs-contents .tab-content:last-of-type {
          border-bottom: 0; } }

.tabs-content--mobile {
  display: block; }
  @media (min-width: 801px) {
    .tabs-content--mobile {
      display: none; } }

.literature-wrap {
  padding: 53px 0 0; }
  .literature-wrap h4 {
    color: #333333;
    margin: 0 0 23px;
    font-weight: 700;
    font-size: 18px;
    line-height: 27px;
    letter-spacing: 0%;
    font-family: 'Aileron', sans-serif; }
  .literature-wrap .downloadables-wrap {
    display: flex;
    align-items: center;
    margin: 0 0 33px;
    flex-wrap: wrap;
    gap: 10px 5px;
    justify-content: space-between; }
    @media (min-width: 801px) {
      .literature-wrap .downloadables-wrap {
        flex-wrap: nowrap; } }
    .literature-wrap .downloadables-wrap .downloadables {
      width: calc(33.33% - 5px);
      text-align: center;
      display: inline-block; }
      @media (min-width: 801px) {
        .literature-wrap .downloadables-wrap .downloadables {
          width: 16.66%; } }
  .literature-wrap .excellence-inner {
    display: flex;
    flex-wrap: wrap;
    flex-direction: column; }
    @media (min-width: 801px) {
      .literature-wrap .excellence-inner {
        align-items: center;
        flex-direction: row; } }
    .literature-wrap .excellence-inner .badge {
      width: 206px; }
      .literature-wrap .excellence-inner .badge img {
        display: block;
        margin: 0;
        width: 100%;
        max-width: 150px; }
        @media (min-width: 801px) {
          .literature-wrap .excellence-inner .badge img {
            margin: 0 auto; } }
    .literature-wrap .excellence-inner .content {
      width: 100%; }
      @media (min-width: 801px) {
        .literature-wrap .excellence-inner .content {
          width: calc(100% - 206px); } }
      .literature-wrap .excellence-inner .content p {
        margin: 0 !important;
        color: #333333 !important;
        font-weight: 400 !important;
        font-size: 14px !important;
        line-height: 21px !important;
        letter-spacing: 0%;
        font-family: 'Aileron', sans-serif; }

.productView-options .form-select {
  border: 1px solid #BDBDBD;
  border-radius: 3px;
  width: 100%;
  height: 50px;
  max-width: 100%;
  font-weight: 400;
  font-size: 14px;
  line-height: 160%;
  letter-spacing: 0%;
  padding: 10px 20px;
  color: #000;
  font-family: 'Aileron', sans-serif;
  background-image: url('data:image/svg+xml,<svg width="14" height="8" viewBox="0 0 14 8" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M6.28837 7.157L0.631374 1.5L2.04537 0.0859985L6.99538 5.036L11.9454 0.0859985L13.3594 1.5L7.70237 7.157C7.51485 7.34447 7.26054 7.44978 6.99538 7.44978C6.73021 7.44978 6.4759 7.34447 6.28837 7.157Z" fill="black"/></svg>');
  background-position: right 14px center;
  background-size: 15px; }

.productView-options .info-icon {
  display: inline-block;
  position: relative;
  vertical-align: middle;
  margin: 4px 0 0 4px;
  background: url('data:image/svg+xml,<svg width="12" height="11" viewBox="0 0 12 11" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.99935 0.166687C4.94452 0.166687 3.91337 0.479482 3.03631 1.06552C2.15925 1.65155 1.47566 2.4845 1.07199 3.45904C0.668326 4.43358 0.562709 5.50594 0.768497 6.5405C0.974284 7.57507 1.48224 8.52538 2.22812 9.27126C2.974 10.0171 3.9243 10.5251 4.95887 10.7309C5.99344 10.9367 7.06579 10.831 8.04033 10.4274C9.01487 10.0237 9.84782 9.34013 10.4339 8.46306C11.0199 7.586 11.3327 6.55485 11.3327 5.50002C11.3327 4.08553 10.7708 2.72898 9.77059 1.72878C8.77039 0.72859 7.41384 0.166687 5.99935 0.166687ZM5.11046 2.45558C5.11046 2.27977 5.1626 2.10791 5.26027 1.96174C5.35794 1.81556 5.49677 1.70163 5.65919 1.63435C5.82161 1.56707 6.00034 1.54947 6.17277 1.58377C6.34519 1.61806 6.50358 1.70272 6.62789 1.82704C6.7522 1.95135 6.83686 2.10973 6.87116 2.28216C6.90546 2.45459 6.88786 2.63332 6.82058 2.79574C6.7533 2.95816 6.63937 3.09699 6.49319 3.19466C6.34702 3.29233 6.17516 3.34446 5.99935 3.34446C5.87894 3.35049 5.75855 3.33196 5.64552 3.29C5.5325 3.24803 5.42919 3.18352 5.34188 3.10037C5.25457 3.01722 5.18509 2.91718 5.13767 2.80633C5.09025 2.69548 5.06587 2.57614 5.06602 2.45558H5.11046ZM8.22157 8.16669C8.22157 8.28456 8.17475 8.39761 8.0914 8.48096C8.00805 8.56431 7.895 8.61113 7.77713 8.61113H4.66602C4.54814 8.61113 4.4351 8.56431 4.35175 8.48096C4.2684 8.39761 4.22157 8.28456 4.22157 8.16669C4.22157 8.04881 4.2684 7.93577 4.35175 7.85242C4.4351 7.76907 4.54814 7.72224 4.66602 7.72224H5.55491V5.05558H5.11046C4.99259 5.05558 4.87954 5.00875 4.79619 4.9254C4.71284 4.84205 4.66602 4.72901 4.66602 4.61113C4.66602 4.49326 4.71284 4.38021 4.79619 4.29686C4.87954 4.21351 4.99259 4.16669 5.11046 4.16669H6.88824V7.72224H7.77713C7.895 7.72224 8.00805 7.76907 8.0914 7.85242C8.17475 7.93577 8.22157 8.04881 8.22157 8.16669Z" fill="black"/></svg>');
  height: 16px;
  width: 16px;
  background-repeat: no-repeat;
  background-size: 14px;
  background-position: center;
  position: relative;
  top: -5px; }
  .productView-options .info-icon .info-tooltip {
    position: absolute;
    bottom: 30px;
    left: 50%;
    transform: translateX(-50%);
    background-color: #545657;
    box-shadow: 0 0 7px rgba(0, 0, 0, 0.4);
    padding: 10px;
    min-width: 300px;
    border-radius: 5px;
    text-align: left;
    font-size: 13px;
    line-height: 18px;
    color: #fff;
    transition: all 0.3s ease;
    opacity: 0;
    visibility: hidden;
    text-transform: none;
    font-family: 'Aileron', sans-serif; }
    .productView-options .info-icon .info-tooltip:after {
      content: "";
      width: 0;
      height: 0;
      border-left: 6px solid transparent;
      border-right: 6px solid transparent;
      border-top: 6px solid #545657;
      position: absolute;
      left: 50%;
      top: 100%;
      transform: translateX(-50%); }
  .productView-options .info-icon svg {
    display: none; }
  .productView-options .info-icon:hover .info-tooltip {
    opacity: 1;
    visibility: visible; }

#ob-pdp-options .form-field {
  margin: 0 0 16px 0; }
  @media (min-width: 551px) {
    #ob-pdp-options .form-field {
      margin: 0 0 25px 0; } }
  #ob-pdp-options .form-field .form-label {
    font-size: 16px;
    font-weight: 400;
    color: #000000;
    line-height: 110.00000000000001%;
    margin: 0 0 11px 0;
    text-transform: capitalize;
    font-family: 'Aileron', sans-serif; }
    #ob-pdp-options .form-field .form-label small {
      display: none; }
  #ob-pdp-options .form-field[data-product-attribute="swatch"] .form-option-wrapper {
    width: 24px;
    height: 24px;
    margin: 0 8px 8px 0; }
    #ob-pdp-options .form-field[data-product-attribute="swatch"] .form-option-wrapper label {
      margin: 0; }
    #ob-pdp-options .form-field[data-product-attribute="swatch"] .form-option-wrapper .form-option {
      padding: 0;
      width: 100%;
      height: 100%;
      box-shadow: none;
      outline-offset: 0px;
      border-radius: 100px;
      text-transform: uppercase;
      outline: 1px solid #D4D2D0;
      border: 2px solid #fff !important; }
      #ob-pdp-options .form-field[data-product-attribute="swatch"] .form-option-wrapper .form-option .form-option-variant {
        width: 100%;
        height: 100%;
        border-radius: 100px; }
    #ob-pdp-options .form-field[data-product-attribute="swatch"] .form-option-wrapper .form-radio:checked + .form-option {
      position: relative;
      outline-offset: 0px;
      outline: 2px solid #000;
      box-shadow: 0px 4px 30px 0px rgba(0, 0, 0, 0.25); }
  #ob-pdp-options .form-field[data-product-attribute="set-rectangle"] .form-option-wrapper {
    border-radius: 3px;
    margin: 0 4px 4px 0; }
    @media (min-width: 551px) {
      #ob-pdp-options .form-field[data-product-attribute="set-rectangle"] .form-option-wrapper {
        margin: 0 8px 8px 0; } }
    #ob-pdp-options .form-field[data-product-attribute="set-rectangle"] .form-option-wrapper .form-option {
      margin: 0;
      padding: 0;
      box-shadow: none;
      border-radius: 3px;
      text-transform: uppercase;
      border: 1px solid #D4D2D0; }
      #ob-pdp-options .form-field[data-product-attribute="set-rectangle"] .form-option-wrapper .form-option .form-option-variant {
        color: #0A0A0A;
        min-width: 106px;
        font-size: 16px;
        font-weight: 400;
        padding: 7px 10px;
        border-radius: 3px;
        text-transform: none;
        background-color: #fff;
        text-transform: uppercase;
        border: 1px solid #D4D2D0;
        font-family: 'Aileron', sans-serif; }
        @media (min-width: 551px) {
          #ob-pdp-options .form-field[data-product-attribute="set-rectangle"] .form-option-wrapper .form-option .form-option-variant {
            min-width: 80px; } }
        @media (min-width: 801px) {
          #ob-pdp-options .form-field[data-product-attribute="set-rectangle"] .form-option-wrapper .form-option .form-option-variant {
            padding: 7px 10px; } }
    #ob-pdp-options .form-field[data-product-attribute="set-rectangle"] .form-option-wrapper .form-radio:checked + .form-option {
      border: 1px solid #343231; }
      #ob-pdp-options .form-field[data-product-attribute="set-rectangle"] .form-option-wrapper .form-radio:checked + .form-option .form-option-variant {
        color: #fff;
        font-weight: 600;
        padding: 7px 10px;
        background-color: #0A0A0A;
        border: 1px solid #343231; }

#ob-pdp-options .form-select {
  border-radius: 3px;
  width: 100%;
  color: #000;
  height: 50px;
  max-width: 100%;
  font-weight: 400;
  font-size: 14px;
  line-height: 160%;
  letter-spacing: 0%;
  border: 1px solid #BDBDBD;
  padding: 10px 35px 10px 20px;
  font-family: 'Aileron', sans-serif;
  background-image: url('data:image/svg+xml,<svg width="14" height="8" viewBox="0 0 14 8" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M6.28837 7.157L0.631374 1.5L2.04537 0.0859985L6.99538 5.036L11.9454 0.0859985L13.3594 1.5L7.70237 7.157C7.51485 7.34447 7.26054 7.44978 6.99538 7.44978C6.73021 7.44978 6.4759 7.34447 6.28837 7.157Z" fill="black"/></svg>');
  background-position: right 14px center;
  background-size: 15px; }

#ob-pdp-options .info-icon {
  display: inline-block;
  position: relative;
  vertical-align: middle;
  margin: 4px 0 0 4px;
  background: url('data:image/svg+xml,<svg width="12" height="11" viewBox="0 0 12 11" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.99935 0.166687C4.94452 0.166687 3.91337 0.479482 3.03631 1.06552C2.15925 1.65155 1.47566 2.4845 1.07199 3.45904C0.668326 4.43358 0.562709 5.50594 0.768497 6.5405C0.974284 7.57507 1.48224 8.52538 2.22812 9.27126C2.974 10.0171 3.9243 10.5251 4.95887 10.7309C5.99344 10.9367 7.06579 10.831 8.04033 10.4274C9.01487 10.0237 9.84782 9.34013 10.4339 8.46306C11.0199 7.586 11.3327 6.55485 11.3327 5.50002C11.3327 4.08553 10.7708 2.72898 9.77059 1.72878C8.77039 0.72859 7.41384 0.166687 5.99935 0.166687ZM5.11046 2.45558C5.11046 2.27977 5.1626 2.10791 5.26027 1.96174C5.35794 1.81556 5.49677 1.70163 5.65919 1.63435C5.82161 1.56707 6.00034 1.54947 6.17277 1.58377C6.34519 1.61806 6.50358 1.70272 6.62789 1.82704C6.7522 1.95135 6.83686 2.10973 6.87116 2.28216C6.90546 2.45459 6.88786 2.63332 6.82058 2.79574C6.7533 2.95816 6.63937 3.09699 6.49319 3.19466C6.34702 3.29233 6.17516 3.34446 5.99935 3.34446C5.87894 3.35049 5.75855 3.33196 5.64552 3.29C5.5325 3.24803 5.42919 3.18352 5.34188 3.10037C5.25457 3.01722 5.18509 2.91718 5.13767 2.80633C5.09025 2.69548 5.06587 2.57614 5.06602 2.45558H5.11046ZM8.22157 8.16669C8.22157 8.28456 8.17475 8.39761 8.0914 8.48096C8.00805 8.56431 7.895 8.61113 7.77713 8.61113H4.66602C4.54814 8.61113 4.4351 8.56431 4.35175 8.48096C4.2684 8.39761 4.22157 8.28456 4.22157 8.16669C4.22157 8.04881 4.2684 7.93577 4.35175 7.85242C4.4351 7.76907 4.54814 7.72224 4.66602 7.72224H5.55491V5.05558H5.11046C4.99259 5.05558 4.87954 5.00875 4.79619 4.9254C4.71284 4.84205 4.66602 4.72901 4.66602 4.61113C4.66602 4.49326 4.71284 4.38021 4.79619 4.29686C4.87954 4.21351 4.99259 4.16669 5.11046 4.16669H6.88824V7.72224H7.77713C7.895 7.72224 8.00805 7.76907 8.0914 7.85242C8.17475 7.93577 8.22157 8.04881 8.22157 8.16669Z" fill="black"/></svg>');
  height: 16px;
  width: 16px;
  background-repeat: no-repeat;
  background-size: 14px;
  background-position: center;
  position: relative;
  top: -5px; }
  #ob-pdp-options .info-icon .info-tooltip {
    position: absolute;
    bottom: 30px;
    left: 50%;
    transform: translateX(-50%);
    background-color: #545657;
    box-shadow: 0 0 7px rgba(0, 0, 0, 0.4);
    padding: 10px;
    min-width: 300px;
    border-radius: 5px;
    text-align: left;
    font-size: 13px;
    line-height: 18px;
    color: #fff;
    transition: all 0.3s ease;
    opacity: 0;
    visibility: hidden;
    text-transform: none;
    font-family: 'Aileron', sans-serif; }
    #ob-pdp-options .info-icon .info-tooltip:after {
      content: "";
      width: 0;
      height: 0;
      border-left: 6px solid transparent;
      border-right: 6px solid transparent;
      border-top: 6px solid #545657;
      position: absolute;
      left: 50%;
      top: 100%;
      transform: translateX(-50%); }
  #ob-pdp-options .info-icon svg {
    display: none; }
  #ob-pdp-options .info-icon:hover .info-tooltip {
    opacity: 1;
    visibility: visible; }

.related-wrap {
  background-color: #F2F2F0;
  padding: 53px 0 97px; }
  @media (min-width: 801px) {
    .related-wrap {
      padding: 53px 0 70px; } }
  .related-wrap .more-explore {
    margin: 0;
    color: #1F1F1F;
    font-weight: 600;
    font-size: 14px;
    line-height: 160%;
    letter-spacing: 0%;
    text-align: center;
    text-transform: uppercase;
    text-align: center;
    font-family: 'Aileron', sans-serif; }
    @media (min-width: 801px) {
      .related-wrap .more-explore {
        font-size: 16px; } }
  .related-wrap .related-title {
    margin: 15px 0 0;
    color: #3D4542;
    font-weight: 400;
    font-size: 32px;
    line-height: 120%;
    letter-spacing: 0%;
    text-align: center;
    font-family: 'Aileron', sans-serif; }
    @media (min-width: 801px) {
      .related-wrap .related-title {
        font-size: 46px; } }
  .related-wrap .productCarousel {
    margin: 0;
    padding: 33px 0px 0 0; }
    @media (min-width: 801px) {
      .related-wrap .productCarousel {
        margin: 0 -.75rem;
        padding: 50px 0px 0 0; } }
  .related-wrap .slick-dotted.slick-slider {
    margin-bottom: 0; }
  .related-wrap .slick-list.draggable {
    padding: 0 40px; }
    @media (min-width: 551px) {
      .related-wrap .slick-list.draggable {
        padding: 0 100px; } }
    @media (min-width: 801px) {
      .related-wrap .slick-list.draggable {
        padding: 0 120px; } }
  .related-wrap .slick-arrow {
    z-index: 10;
    pointer-events: all;
    opacity: 1;
    touch-action: manipulation;
    background-color: transparent;
    border: 0;
    padding: 0;
    box-shadow: none;
    width: 20px;
    height: 20px;
    bottom: -27px; }
    .related-wrap .slick-arrow.slick-next {
      top: 0;
      right: 20px; }
      @media (min-width: 801px) {
        .related-wrap .slick-arrow.slick-next {
          right: 120px; } }
      .related-wrap .slick-arrow.slick-next:before {
        opacity: 1;
        width: 20px;
        height: 20px;
        background-position: right;
        background-image: url('data:image/svg+xml,<svg width="8" height="13" viewBox="0 0 8 13" fill="none" xmlns="http://www.w3.org/2000/svg"><g opacity="1" clip-path="url(%23clip0_1262_1404)"><path fill-rule="evenodd" clip-rule="evenodd" d="M6.51669 7.02664L1.36175 12.1816L0.0732422 10.8931L4.58393 6.38239L0.0732422 1.8717L1.36175 0.583191L6.51669 5.73813C6.68752 5.90902 6.78349 6.14075 6.78349 6.38239C6.78349 6.62402 6.68752 6.85576 6.51669 7.02664Z" fill="%23A5A5A5"/></g><defs><clipPath id="clip0_1262_1404"><rect width="7.29" height="12.7575" fill="%23A5A5A5" transform="translate(-0.00488281)"/></clipPath></defs></svg>');
        background-size: 8px; }
      .related-wrap .slick-arrow.slick-next:hover:before {
        opacity: 1;
        width: 20px;
        height: 20px;
        background-position: right;
        background-image: url('data:image/svg+xml,<svg width="8" height="13" viewBox="0 0 8 13" fill="none" xmlns="http://www.w3.org/2000/svg"><g opacity="1" clip-path="url(%23clip0_1262_1404)"><path fill-rule="evenodd" clip-rule="evenodd" d="M6.51669 7.02664L1.36175 12.1816L0.0732422 10.8931L4.58393 6.38239L0.0732422 1.8717L1.36175 0.583191L6.51669 5.73813C6.68752 5.90902 6.78349 6.14075 6.78349 6.38239C6.78349 6.62402 6.68752 6.85576 6.51669 7.02664Z" fill="%237e7e2b"/></g><defs><clipPath id="clip0_1262_1404"><rect width="7.29" height="12.7575" fill="%237e7e2b" transform="translate(-0.00488281)"/></clipPath></defs></svg>');
        background-size: 8px; }
    .related-wrap .slick-arrow.slick-prev {
      left: 20px;
      top: 0;
      right: unset; }
      @media (min-width: 801px) {
        .related-wrap .slick-arrow.slick-prev {
          left: 120px; } }
      .related-wrap .slick-arrow.slick-prev:before {
        opacity: 1;
        width: 20px;
        height: 20px;
        background-position: left;
        background-image: url('data:image/svg+xml,<svg width="7" height="13" viewBox="0 0 7 13" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M0.473543 7.02664L5.62848 12.1816L6.91699 10.8931L2.4063 6.38239L6.91699 1.8717L5.62848 0.583191L0.473543 5.73813C0.30271 5.90902 0.206741 6.14075 0.206741 6.38239C0.206741 6.62402 0.30271 6.85576 0.473543 7.02664Z" fill="%23A5A5A5"/></svg>');
        background-size: 8px; }
      .related-wrap .slick-arrow.slick-prev:hover:before {
        opacity: 1;
        width: 20px;
        height: 20px;
        background-position: left;
        background-image: url('data:image/svg+xml,<svg width="7" height="13" viewBox="0 0 7 13" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M0.473543 7.02664L5.62848 12.1816L6.91699 10.8931L2.4063 6.38239L6.91699 1.8717L5.62848 0.583191L0.473543 5.73813C0.30271 5.90902 0.206741 6.14075 0.206741 6.38239C0.206741 6.62402 0.30271 6.85576 0.473543 7.02664Z" fill="%237e7e2b"/></svg>');
        background-size: 8px; }

.price-section.price-section--withoutTax.rrp-price--withoutTax {
  display: none; }

.price-section.price-section--saving.price {
  display: none; }

.productReviews .productReviews-list {
  margin: 0 0 40px;
  display: flex;
  flex-wrap: wrap;
  gap: 32px 60px;
  justify-content: flex-start; }
  .productReviews .productReviews-list:before, .productReviews .productReviews-list:after {
    display: none; }

.productReviews .toggle-title {
  font-weight: 400;
  color: #292C2B;
  font-size: 15px;
  line-height: 150%;
  letter-spacing: 0%;
  margin: 0;
  font-family: 'Aileron', sans-serif; }
  .productReviews .toggle-title .toggleLink {
    display: none; }

.productReviews .productReview {
  width: 100%;
  padding: 17px 0 30px 0;
  border-bottom: 1px solid #E0E0E0; }
  @media (min-width: 801px) {
    .productReviews .productReview {
      width: calc(50% - 30px); } }
  .productReviews .productReview .productReview-author {
    color: #4F4F4F;
    font-weight: 400;
    font-style: Italic;
    font-size: 16px !important;
    line-height: 150%;
    letter-spacing: 0%;
    margin-bottom: 10px !important;
    font-family: 'Aileron', sans-serif; }
  .productReviews .productReview .productReview-body {
    color: #4F4F4F !important;
    font-size: 16px !important; }

.productReviews .title-wrap {
  display: flex;
  gap: 5px;
  margin: 0 0 4px;
  align-items: center;
  justify-content: space-between; }
  .productReviews .title-wrap .productReview-title {
    font-weight: 400;
    font-size: 26px;
    line-height: 150%;
    letter-spacing: 0%;
    color: #1F1F1F;
    font-family: 'Aileron', sans-serif; }
  .productReviews .title-wrap .productReview-rating {
    margin: 0; }
    .productReviews .title-wrap .productReview-rating .icon--ratingFull svg {
      fill: #F36C21; }
    .productReviews .title-wrap .productReview-rating .icon--ratingEmpty svg {
      fill: #E0E0E0; }

.productReviews .pagination {
  max-width: 980px;
  margin: 0 auto;
  padding: 29px 0 0; }

div[data-product-attribute="textarea"] {
  display: none; }

.productView--option-title {
  display: none; }

.asterix {
  color: #F36C21;
  font-size: 16px;
  position: relative;
  top: -2px; }

.sale-flag-star,
.sale-flag-star::before,
.sale-flag-star::after, .sold-out-flag-star,
.sold-out-flag-star::before,
.sold-out-flag-star::after {
  content: "";
  display: block;
  height: 3.57143rem;
  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.57143rem;
  z-index: 10; }
  
  .sale-flag-star::before,
  .sold-out-flag-star::before {
    transform: rotateZ(30deg) scaleX(1) scaleY(1) scaleZ(1); }
  
  .sale-flag-star::after,
  .sold-out-flag-star::after {
    transform: rotateZ(60deg) scaleX(1) scaleY(1) scaleZ(1); }

.sale-flag-star,
.sale-flag-star::before,
.sale-flag-star::after {
  background: #007dc6; }

.sold-out-flag-star,
.sold-out-flag-star::before,
.sold-out-flag-star::after {
  background: #007dc6; }

.starwrap {
  height: 3.57143rem;
  left: 12px;
  position: absolute;
  top: 12px;
  width: 3.57143rem; }

.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, .sold-out-text-burst {
  font-weight: 600;
  line-height: 1.07143rem;
  position: absolute;
  text-align: center;
  top: 20%;
  width: 3.57143rem;
  z-index: 50; }

.sale-text-burst {
  color: white; }

.sold-out-text-burst {
  color: white; }

.product:hover .starwrap .sale-flag-star,
.product:hover .starwrap .sale-flag-star::before,
.product:hover .starwrap .sale-flag-star::after {
  background: black; }

.product:hover .starwrap .sold-out-flag-star,
.product:hover .starwrap .sold-out-flag-star::before,
.product:hover .starwrap .sold-out-flag-star::after {
  background: black; }

.sale-flag-side, .sold-out-flag-side {
  border-radius: 0 50px 50px 0;
  font-size: 15px;
  font-weight: 700;
  height: 1.42857rem;
  line-height: 1.14286rem;
  padding-left: 0.5rem;
  padding-right: 0.78571rem;
  padding-top: 0.10714rem;
  position: absolute;
  transition: background-color 800ms ease;
  z-index: 10; }

.sale-flag-side {
  background: #007dc6;
  color: white; }

.sold-out-flag-side {
  background: #007dc6;
  color: white; }

.product:hover .sale-flag-side {
  background: black; }

.product:hover .sold-out-flag-side {
  background: black; }

.sale-flag-sash, .sold-out-flag-sash {
  font-size: 15px;
  font-weight: 700;
  height: 1.42857rem;
  left: -25px;
  line-height: 1.14286rem;
  padding-top: 0.10714rem;
  position: absolute;
  text-align: center;
  top: 25px;
  transform: rotate(-45deg);
  transition: background-color 800ms ease;
  width: 8.5rem;
  z-index: 10; }

.sale-flag-sash {
  background: #007dc6;
  color: white; }

.sold-out-flag-sash {
  background: #007dc6;
  color: white; }

.listItem-figure .sale-flag-sash,
.listItem-figure .sold-out-flag-sash {
  top: 24px; }
  @media (min-width: 551px) {
    .listItem-figure .sale-flag-sash,
    .listItem-figure .sold-out-flag-sash {
      left: -20px;
      top: 19px; } }
  @media (min-width: 1261px) {
    .listItem-figure .sale-flag-sash,
    .listItem-figure .sold-out-flag-sash {
      left: -15px;
      top: 24px; } }

.product:hover .sale-flag-sash {
  background: black; }

.product:hover .sold-out-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: 22px;
  width: 22px; }

.form-option-expanded {
  background-color: white;
  border: 1px solid #474747;
  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 {
  display: block;
  height: 100px;
  width: 100px;
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover; }

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

input:focus,
button:focus,
textarea:focus,
select:focus,
details:focus,
[href]:focus,
[tabindex]:not([tabindex="-1"]):focus,
[contenteditable="true"]:focus {
  outline: 0px solid #0f7fff !important;
  outline-offset: 0px !important; }

.header.is-sticky .navPages-container .navPages .navPages-list .navPages-item .navPage-subMenu {
  padding: 0 !important; }

.AccountDropdownList {
  position: absolute;
  top: 99%;
  right: 0;
  padding: 33px 35px;
  width: 245px;
  text-align: center;
  background: #fff;
  z-index: 99;
  border-radius: 3px;
  border: 1px solid #e0e0e0; }
  .AccountDropdownList a {
    color: #1f1f1f;
    font-family: "Aileron", sans-serif;
    font-weight: 400;
    font-size: 14px;
    line-height: 140%;
    display: block;
    text-decoration: none;
    margin-bottom: 8px; }
    .AccountDropdownList a:last-child {
      margin-bottom: 0px; }
    .AccountDropdownList a:hover {
      color: #7e2e2b; }

.customer-support-dropdown {
  background: #fff;
  position: absolute;
  top: 99%;
  right: -110px;
  width: 100%;
  border-radius: 3px;
  border: 1px solid #e0e0e0;
  z-index: 99; }
  @media (min-width: 801px) {
    .customer-support-dropdown {
      width: 450px; } }
  .customer-support-dropdown .customer-support-inner {
    width: 100%;
    padding: 10px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-direction: column; }
    @media (min-width: 801px) {
      .customer-support-dropdown .customer-support-inner {
        padding: 30px;
        flex-direction: row;
        align-items: flex-start; } }
    .customer-support-dropdown .customer-support-inner .customer-support-info {
      padding: 0;
      width: 100%;
      text-align: center; }
      @media (min-width: 801px) {
        .customer-support-dropdown .customer-support-inner .customer-support-info {
          width: 55%;
          padding: 0 10px;
          text-align: left; } }
      .customer-support-dropdown .customer-support-inner .customer-support-info .customer-support-title {
        font-family: "Aileron", sans-serif;
        font-weight: 600;
        font-size: 18px;
        line-height: 160%;
        color: #1f1f1f;
        margin: 0 0 10px 0; }
        @media (min-width: 801px) {
          .customer-support-dropdown .customer-support-inner .customer-support-info .customer-support-title {
            font-size: 16px; } }
      .customer-support-dropdown .customer-support-inner .customer-support-info .customer-support-subtitle {
        margin: 0 0 30px 0;
        font-family: "Aileron", sans-serif;
        font-weight: 300;
        font-size: 15px;
        line-height: 140%;
        color: #1f1f1f; }
        @media (min-width: 801px) {
          .customer-support-dropdown .customer-support-inner .customer-support-info .customer-support-subtitle {
            font-size: 13px; } }
      .customer-support-dropdown .customer-support-inner .customer-support-info .customer-support-btn {
        width: 100%;
        max-width: 375px;
        height: 40px;
        margin: 0 auto 30px auto;
        display: block;
        background: #282b2a;
        border-radius: 3px;
        border: 1px solid #282b2a;
        text-align: center;
        align-content: center;
        justify-content: center;
        font-family: "Aileron", sans-serif;
        font-weight: 600;
        font-size: 13px;
        line-height: 100%;
        color: #fff;
        text-decoration: none;
        transition: 0.2s all ease; }
        @media (min-width: 801px) {
          .customer-support-dropdown .customer-support-inner .customer-support-info .customer-support-btn {
            max-width: 136px;
            margin: 0; } }
        .customer-support-dropdown .customer-support-inner .customer-support-info .customer-support-btn:hover {
          transition: 0.2s all ease;
          background: #f36c21;
          border: 1px solid #f36c21;
          color: #282b2a; }
    .customer-support-dropdown .customer-support-inner .customer-support-links {
      width: 100%;
      padding: 0; }
      @media (min-width: 801px) {
        .customer-support-dropdown .customer-support-inner .customer-support-links {
          width: 45%;
          padding: 0 10px; } }
      .customer-support-dropdown .customer-support-inner .customer-support-links .customer-support-link {
        display: block;
        font-family: "Aileron", sans-serif;
        font-weight: 400;
        font-size: 15px;
        line-height: 140%;
        color: #1f1f1f;
        text-decoration: none;
        margin: 0 0 10px 0;
        text-align: center; }
        @media (min-width: 801px) {
          .customer-support-dropdown .customer-support-inner .customer-support-links .customer-support-link {
            font-size: 14px;
            text-align: left; } }
        .customer-support-dropdown .customer-support-inner .customer-support-links .customer-support-link:hover {
          text-decoration: underline; }
  .customer-support-dropdown .customer-support-bottom {
    border: 1px solid #e0e0e0;
    height: 58px;
    background: #f2f2f0;
    display: flex;
    justify-content: space-between;
    align-items: center; }
    .customer-support-dropdown .customer-support-bottom .customer-support-btn {
      margin: 0;
      display: flex;
      align-items: center;
      justify-content: center;
      height: 100%;
      width: -moz-fit-content;
      width: 50%;
      text-align: center;
      text-decoration: none;
      font-family: "Aileron", sans-serif;
      font-weight: 600;
      font-size: 13px;
      line-height: 100%; }
      .customer-support-dropdown .customer-support-bottom .customer-support-btn span {
        color: #1f1f1f;
        background-position: left center;
        background-repeat: no-repeat;
        padding: 10px 0 10px 50px; }
        .customer-support-dropdown .customer-support-bottom .customer-support-btn span:hover {
          color: #7E2E2B; }
      .customer-support-dropdown .customer-support-bottom .customer-support-btn.mobile {
        border-right: 1px solid #e0e0e0; }
        .customer-support-dropdown .customer-support-bottom .customer-support-btn.mobile span {
          background-image: url('data:image/svg+xml,<svg width="18" height="22" viewBox="0 0 18 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1.6665 13.75H16.3332M1.6665 13.75V19.25C1.6665 19.4931 1.76308 19.7263 1.93499 19.8982C2.1069 20.0701 2.34006 20.1667 2.58317 20.1667H15.4165C15.6596 20.1667 15.8928 20.0701 16.0647 19.8982C16.2366 19.7263 16.3332 19.4931 16.3332 19.25V13.75M1.6665 13.75V2.75001C1.6665 2.5069 1.76308 2.27374 1.93499 2.10183C2.1069 1.92992 2.34006 1.83334 2.58317 1.83334H15.4165C15.6596 1.83334 15.8928 1.92992 16.0647 2.10183C16.2366 2.27374 16.3332 2.5069 16.3332 2.75001V13.75" stroke="%23F36C21" stroke-width="1.75" stroke-linejoin="round"/><path d="M8.08301 16.9583H9.91634" stroke="%23F36C21" stroke-width="1.75" stroke-linecap="round"/></svg>');
          background-position: left 22px center; }
          .customer-support-dropdown .customer-support-bottom .customer-support-btn.mobile span:hover {
            background-image: url('data:image/svg+xml,<svg width="18" height="22" viewBox="0 0 18 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1.6665 13.75H16.3332M1.6665 13.75V19.25C1.6665 19.4931 1.76308 19.7263 1.93499 19.8982C2.1069 20.0701 2.34006 20.1667 2.58317 20.1667H15.4165C15.6596 20.1667 15.8928 20.0701 16.0647 19.8982C16.2366 19.7263 16.3332 19.4931 16.3332 19.25V13.75M1.6665 13.75V2.75001C1.6665 2.5069 1.76308 2.27374 1.93499 2.10183C2.1069 1.92992 2.34006 1.83334 2.58317 1.83334H15.4165C15.6596 1.83334 15.8928 1.92992 16.0647 2.10183C16.2366 2.27374 16.3332 2.5069 16.3332 2.75001V13.75" stroke="%237E2E2B" stroke-width="1.75" stroke-linejoin="round"/><path d="M8.08301 16.9583H9.91634" stroke="%237E2E2B" stroke-width="1.75" stroke-linecap="round"/></svg>');
            background-position: left 22px center; }
        .customer-support-dropdown .customer-support-bottom .customer-support-btn.mobile:hover {
          border-right: 1px solid #e0e0e0; }
      .customer-support-dropdown .customer-support-bottom .customer-support-btn.chat span {
        background-image: url('data:image/svg+xml,<svg width="21" height="19" viewBox="0 0 21 19" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M4.36667 17.09L5.82717 15.9218L5.83675 15.9141C6.1415 15.6698 6.29579 15.5471 6.46733 15.4599C6.62131 15.3813 6.78358 15.3244 6.95417 15.2893C7.14488 15.25 7.34325 15.25 7.74192 15.25H16.0612C17.1326 15.25 17.6693 15.25 18.0785 15.0411C18.4391 14.8573 18.7323 14.5641 18.9161 14.2035C19.125 13.7933 19.125 13.2567 19.125 12.1872V4.89714C19.125 3.82572 19.125 3.28905 18.9161 2.87984C18.7321 2.51907 18.4385 2.22585 18.0775 2.04226C17.6683 1.83334 17.1317 1.83334 16.0583 1.83334H4.94167C3.86833 1.83334 3.33167 1.83334 2.9215 2.04226C2.56087 2.22601 2.26767 2.51922 2.08392 2.87984C1.875 3.29001 1.875 3.82668 1.875 4.90001V15.8931C1.875 16.9146 1.875 17.4254 2.08392 17.6871C2.17375 17.7998 2.28788 17.8909 2.41781 17.9535C2.54773 18.016 2.69009 18.0485 2.83429 18.0483C3.16971 18.0483 3.56837 17.7283 4.36667 17.09Z" stroke="%23F36C21" stroke-width="1.91667" stroke-linecap="round" stroke-linejoin="round"/></svg>');
        background-position: left 20px center; }
        .customer-support-dropdown .customer-support-bottom .customer-support-btn.chat span:hover {
          background-image: url('data:image/svg+xml,<svg width="21" height="19" viewBox="0 0 21 19" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M4.36667 17.09L5.82717 15.9218L5.83675 15.9141C6.1415 15.6698 6.29579 15.5471 6.46733 15.4599C6.62131 15.3813 6.78358 15.3244 6.95417 15.2893C7.14488 15.25 7.34325 15.25 7.74192 15.25H16.0612C17.1326 15.25 17.6693 15.25 18.0785 15.0411C18.4391 14.8573 18.7323 14.5641 18.9161 14.2035C19.125 13.7933 19.125 13.2567 19.125 12.1872V4.89714C19.125 3.82572 19.125 3.28905 18.9161 2.87984C18.7321 2.51907 18.4385 2.22585 18.0775 2.04226C17.6683 1.83334 17.1317 1.83334 16.0583 1.83334H4.94167C3.86833 1.83334 3.33167 1.83334 2.9215 2.04226C2.56087 2.22601 2.26767 2.51922 2.08392 2.87984C1.875 3.29001 1.875 3.82668 1.875 4.90001V15.8931C1.875 16.9146 1.875 17.4254 2.08392 17.6871C2.17375 17.7998 2.28788 17.8909 2.41781 17.9535C2.54773 18.016 2.69009 18.0485 2.83429 18.0483C3.16971 18.0483 3.56837 17.7283 4.36667 17.09Z" stroke="%237E2E2B" stroke-width="1.91667" stroke-linecap="round" stroke-linejoin="round"/></svg>');
          background-position: left 20px center; }
      .customer-support-dropdown .customer-support-bottom .customer-support-btn:hover {
        color: #7E2E2B; }

.header-container {
  width: 100%;
  max-width: 1360px;
  padding: 0 20px;
  margin: 0 auto; }

.header {
  background: #f2f2f0; }
  .header .HeaderTopBarWrap {
    background: #3d4542; }
    .header .HeaderTopBarWrap .header-container {
      width: 100%;
      max-width: 1360px;
      padding: 0 20px;
      margin: 0 auto; }
      .header .HeaderTopBarWrap .header-container .HeaderTopBar {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 10px;
        height: 30px; }
        @media (min-width: 801px) {
          .header .HeaderTopBarWrap .header-container .HeaderTopBar {
            height: 33px; } }
        .header .HeaderTopBarWrap .header-container .HeaderTopBar .TopBarLeft {
          display: flex;
          align-items: center;
          gap: 21px;
          width: 25%; }
          @media only screen and (max-width: 1000px) {
            .header .HeaderTopBarWrap .header-container .HeaderTopBar .TopBarLeft {
              display: none; } }
          .header .HeaderTopBarWrap .header-container .HeaderTopBar .TopBarLeft a {
            color: #e0e0de;
            font-size: 13px;
            font-weight: 400;
            font-family: "Aileron";
            text-decoration: none; }
            .header .HeaderTopBarWrap .header-container .HeaderTopBar .TopBarLeft a:hover {
              text-decoration: underline; }
        .header .HeaderTopBarWrap .header-container .HeaderTopBar .TopBarCenter {
          width: 50%;
          max-width: 616px;
          text-align: center; }
          @media only screen and (max-width: 800px) {
            .header .HeaderTopBarWrap .header-container .HeaderTopBar .TopBarCenter {
              width: 100%;
              max-width: 100%; } }
          .header .HeaderTopBarWrap .header-container .HeaderTopBar .TopBarCenter > div > .TopBarText:not(:first-child) {
            display: none; }
          .header .HeaderTopBarWrap .header-container .HeaderTopBar .TopBarCenter .slick-arrow {
            background: transparent;
            border: 0;
            padding: 0;
            margin-top: 0;
            width: 7px;
            height: 11px; }
            .header .HeaderTopBarWrap .header-container .HeaderTopBar .TopBarCenter .slick-arrow.slick-prev {
              left: 0; }
              .header .HeaderTopBarWrap .header-container .HeaderTopBar .TopBarCenter .slick-arrow.slick-prev:before {
                background-image: url('data:image/svg+xml,<svg width="10" height="18" viewBox="0 0 10 18" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(%23clip0_1_2509)"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.9463 9.91416L1.87504 17.1874L0.107544 15.3694L6.29505 9.00516L0.107544 2.64088L1.87504 0.822876L8.9463 8.09616C9.18063 8.33727 9.31228 8.66424 9.31228 9.00516C9.31228 9.34609 9.18063 9.67306 8.9463 9.91416Z" fill="%23FFFFFF"/></g><defs><clipPath id="clip0_1_2509"><rect width="10" height="18" fill="white"/></clipPath></defs></svg>');
                transform: rotate(180deg);
                height: 11px;
                width: 7px; }
            .header .HeaderTopBarWrap .header-container .HeaderTopBar .TopBarCenter .slick-arrow.slick-next {
              right: 0; }
              .header .HeaderTopBarWrap .header-container .HeaderTopBar .TopBarCenter .slick-arrow.slick-next:before {
                background-image: url('data:image/svg+xml,<svg width="10" height="18" viewBox="0 0 10 18" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(%23clip0_1_2509)"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.9463 9.91416L1.87504 17.1874L0.107544 15.3694L6.29505 9.00516L0.107544 2.64088L1.87504 0.822876L8.9463 8.09616C9.18063 8.33727 9.31228 8.66424 9.31228 9.00516C9.31228 9.34609 9.18063 9.67306 8.9463 9.91416Z" fill="%23FFFFFF"/></g><defs><clipPath id="clip0_1_2509"><rect width="10" height="18" fill="white"/></clipPath></defs></svg>');
                height: 11px;
                width: 7px; }
            .header .HeaderTopBarWrap .header-container .HeaderTopBar .TopBarCenter .slick-arrow .carousel-tooltip {
              display: none; }
          .header .HeaderTopBarWrap .header-container .HeaderTopBar .TopBarCenter .TopBarText {
            color: #e0e0de;
            font-size: 13px;
            font-weight: 700;
            font-family: "Aileron"; }
        .header .HeaderTopBarWrap .header-container .HeaderTopBar .TopBarRight {
          width: 25%; }
          @media only screen and (max-width: 1000px) {
            .header .HeaderTopBarWrap .header-container .HeaderTopBar .TopBarRight {
              width: 50%; } }
          @media only screen and (max-width: 800px) {
            .header .HeaderTopBarWrap .header-container .HeaderTopBar .TopBarRight {
              display: none; } }
          .header .HeaderTopBarWrap .header-container .HeaderTopBar .TopBarRight ul {
            display: flex;
            align-items: center;
            justify-content: flex-end;
            gap: 21px;
            margin: 0;
            padding: 0;
            list-style: none; }
            .header .HeaderTopBarWrap .header-container .HeaderTopBar .TopBarRight ul .TopbarList {
              position: relative; }
              .header .HeaderTopBarWrap .header-container .HeaderTopBar .TopBarRight ul .TopbarList > a {
                color: #e0e0de;
                font-size: 13px;
                font-weight: 400;
                font-family: "Aileron";
                text-decoration: none;
                display: flex;
                align-items: center;
                gap: 6px;
                padding: 7px 0; }
                .header .HeaderTopBarWrap .header-container .HeaderTopBar .TopBarRight ul .TopbarList > a svg {
                  width: 12px;
                  height: 12px;
                  fill: #6d7371; }
              .header .HeaderTopBarWrap .header-container .HeaderTopBar .TopBarRight ul .TopbarList.CustomerService .customer-support-dropdown {
                display: none; }
              .header .HeaderTopBarWrap .header-container .HeaderTopBar .TopBarRight ul .TopbarList.CustomerService:hover > a svg {
                fill: #f36c21; }
              .header .HeaderTopBarWrap .header-container .HeaderTopBar .TopBarRight ul .TopbarList.CustomerService:hover .customer-support-dropdown {
                display: block; }
              .header .HeaderTopBarWrap .header-container .HeaderTopBar .TopBarRight ul .TopbarList.AccountDropdown .AccountDropdownList {
                display: none; }
                .header .HeaderTopBarWrap .header-container .HeaderTopBar .TopBarRight ul .TopbarList.AccountDropdown .AccountDropdownList a {
                  font-size: 15px; }
              .header .HeaderTopBarWrap .header-container .HeaderTopBar .TopBarRight ul .TopbarList.AccountDropdown:hover > a svg {
                fill: #f36c21; }
              .header .HeaderTopBarWrap .header-container .HeaderTopBar .TopBarRight ul .TopbarList.AccountDropdown:hover .AccountDropdownList {
                display: block; }
  .header .HeaderWrap {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    padding: 10px 0; }
    @media (min-width: 801px) {
      .header .HeaderWrap {
        gap: 0px; } }
    .header .HeaderWrap .header-logo {
      margin: 0;
      width: 170px; }
      @media (min-width: 801px) {
        .header .HeaderWrap .header-logo {
          margin: 0 100px 0 0; } }
      .header .HeaderWrap .header-logo .header-logo__link .header-logo-image-container {
        min-height: unset; }
        .header .HeaderWrap .header-logo .header-logo__link .header-logo-image-container .header-logo-image {
          max-height: none; }
    .header .HeaderWrap .HeaderSearch {
      width: 50%;
      max-width: 510px;
      display: none; }
      @media (min-width: 801px) {
        .header .HeaderWrap .HeaderSearch {
          display: block;
          margin-right: 49px; } }
    .header .HeaderWrap .HeaderRightLinks {
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 20px; }
      @media (min-width: 801px) {
        .header .HeaderWrap .HeaderRightLinks {
          gap: 33px; } }
      .header .HeaderWrap .HeaderRightLinks .SupportBtn {
        margin: 0 auto;
        display: none;
        width: fit-content;
        text-align: center;
        text-decoration: none;
        font-family: "Aileron", sans-serif;
        font-weight: 600;
        font-size: 13px;
        line-height: 100%;
        padding: 10px 0 10px 25px;
        color: #1f1f1f;
        background-position: left center;
        background-repeat: no-repeat; }
        @media (min-width: 801px) {
          .header .HeaderWrap .HeaderRightLinks .SupportBtn {
            display: block; } }
        @media only screen and (min-width: 1025px) {
          .header .HeaderWrap .HeaderRightLinks .SupportBtn {
            width: 113px; } }
        @media only screen and (max-width: 1024px) {
          .header .HeaderWrap .HeaderRightLinks .SupportBtn {
            font-size: 0px; } }
        .header .HeaderWrap .HeaderRightLinks .SupportBtn.mobile {
          background-image: url('data:image/svg+xml,<svg width="18" height="22" viewBox="0 0 18 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1.6665 13.75H16.3332M1.6665 13.75V19.25C1.6665 19.4931 1.76308 19.7263 1.93499 19.8982C2.1069 20.0701 2.34006 20.1667 2.58317 20.1667H15.4165C15.6596 20.1667 15.8928 20.0701 16.0647 19.8982C16.2366 19.7263 16.3332 19.4931 16.3332 19.25V13.75M1.6665 13.75V2.75001C1.6665 2.5069 1.76308 2.27374 1.93499 2.10183C2.1069 1.92992 2.34006 1.83334 2.58317 1.83334H15.4165C15.6596 1.83334 15.8928 1.92992 16.0647 2.10183C16.2366 2.27374 16.3332 2.5069 16.3332 2.75001V13.75" stroke="%23F36C21" stroke-width="1.75" stroke-linejoin="round"/><path d="M8.08301 16.9583H9.91634" stroke="%23F36C21" stroke-width="1.75" stroke-linecap="round"/></svg>'); }
        .header .HeaderWrap .HeaderRightLinks .SupportBtn.chat {
          background-image: url('data:image/svg+xml,<svg width="21" height="19" viewBox="0 0 21 19" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M4.36667 17.09L5.82717 15.9218L5.83675 15.9141C6.1415 15.6698 6.29579 15.5471 6.46733 15.4599C6.62131 15.3813 6.78358 15.3244 6.95417 15.2893C7.14488 15.25 7.34325 15.25 7.74192 15.25H16.0612C17.1326 15.25 17.6693 15.25 18.0785 15.0411C18.4391 14.8573 18.7323 14.5641 18.9161 14.2035C19.125 13.7933 19.125 13.2567 19.125 12.1872V4.89714C19.125 3.82572 19.125 3.28905 18.9161 2.87984C18.7321 2.51907 18.4385 2.22585 18.0775 2.04226C17.6683 1.83334 17.1317 1.83334 16.0583 1.83334H4.94167C3.86833 1.83334 3.33167 1.83334 2.9215 2.04226C2.56087 2.22601 2.26767 2.51922 2.08392 2.87984C1.875 3.29001 1.875 3.82668 1.875 4.90001V15.8931C1.875 16.9146 1.875 17.4254 2.08392 17.6871C2.17375 17.7998 2.28788 17.8909 2.41781 17.9535C2.54773 18.016 2.69009 18.0485 2.83429 18.0483C3.16971 18.0483 3.56837 17.7283 4.36667 17.09Z" stroke="%23F36C21" stroke-width="1.91667" stroke-linecap="round" stroke-linejoin="round"/></svg>'); }
      .header .HeaderWrap .HeaderRightLinks .QuoteBtn {
        border: 1px solid #292c2b;
        border-radius: 3px;
        width: 132px;
        height: 38px;
        background: #292c2b;
        color: #fff;
        font-family: "Aileron", sans-serif;
        font-weight: 600;
        font-size: 13px;
        text-align: center;
        align-content: center;
        text-decoration: none;
        display: none; }
        @media (min-width: 801px) {
          .header .HeaderWrap .HeaderRightLinks .QuoteBtn {
            display: block; } }
        @media (min-width: 1261px) {
          .header .HeaderWrap .HeaderRightLinks .QuoteBtn {
            position: relative;
            right: -10px; } }
        .header .HeaderWrap .HeaderRightLinks .QuoteBtn:hover {
          background: transparent;
          color: #292c2b; }
      .header .HeaderWrap .HeaderRightLinks .navUser-item--cart {
        transition: opacity 0.2s ease, transform 0.2s ease; }
        .header .HeaderWrap .HeaderRightLinks .navUser-item--cart .navUser-action {
          display: block;
          padding: 0;
          position: relative;
          height: 19px; }
          .header .HeaderWrap .HeaderRightLinks .navUser-item--cart .navUser-action .navUser-item-cartLabel {
            display: block; }
            .header .HeaderWrap .HeaderRightLinks .navUser-item--cart .navUser-action .navUser-item-cartLabel svg {
              width: 19px;
              height: 19px;
              fill: transparent; }
          .header .HeaderWrap .HeaderRightLinks .navUser-item--cart .navUser-action .countPill {
            background-color: #f36c21;
            border-radius: 50%;
            color: white;
            font-size: 10px;
            font-weight: 700;
            height: 20px;
            line-height: 20px;
            margin-left: 0.21429rem;
            text-align: center;
            width: 20px;
            position: absolute;
            top: -15px;
            right: -15px; }
  .header .navPages-container {
    background: #ffffff;
    transition: 0.2s all ease;
    border-top: 1px solid #e0e0e0; }
    .header .navPages-container .navPages {
      margin: 0 auto;
      max-width: 1360px;
      width: 100%;
      padding: 0 20px; }
      @media (min-width: 801px) {
        .header .navPages-container .navPages .navPages-list .navPages-item:hover .navPage-subMenu {
          display: block; } }
      @media (min-width: 801px) {
        .header .navPages-container .navPages .navPages-list .navPages-item.navPages-item-Resources {
          position: relative; }
          .header .navPages-container .navPages .navPages-list .navPages-item.navPages-item-Resources .navPage-subMenu {
            min-width: 228px;
            left: unset;
            right: -35px;
            padding: 0 !important; }
            .header .navPages-container .navPages .navPages-list .navPages-item.navPages-item-Resources .navPage-subMenu .navPage-subMenu-list {
              padding: 29px 0px; }
              .header .navPages-container .navPages .navPages-list .navPages-item.navPages-item-Resources .navPage-subMenu .navPage-subMenu-list .navPage-subMenu-item {
                float: none;
                width: 100%; }
                .header .navPages-container .navPages .navPages-list .navPages-item.navPages-item-Resources .navPage-subMenu .navPage-subMenu-list .navPage-subMenu-item:last-child .navPage-subMenu-action {
                  margin-bottom: 0px; }
                .header .navPages-container .navPages .navPages-list .navPages-item.navPages-item-Resources .navPage-subMenu .navPage-subMenu-list .navPage-subMenu-item .navPage-subMenu-action {
                  color: #1f1f1f;
                  font-family: "Aileron", sans-serif;
                  font-weight: 400;
                  font-size: 16px;
                  line-height: 170%;
                  padding: 0 20px;
                  margin-bottom: 17px;
                  display: block;
                  text-decoration: none;
                  text-align: left; }
                  .header .navPages-container .navPages .navPages-list .navPages-item.navPages-item-Resources .navPage-subMenu .navPage-subMenu-list .navPage-subMenu-item .navPage-subMenu-action:hover {
                    color: #7e2e2b; } }
      .header .navPages-container .navPages .navPages-list .navPages-item > .navPages-action {
        border-bottom: 3px solid transparent;
        color: #1f1f1f;
        font-family: "Aileron", sans-serif;
        font-weight: 600;
        font-size: 15px;
        padding: 10.3px;
        text-transform: capitalize;
        margin-right: 19px; }
        @media (min-width: 1261px) {
          .header .navPages-container .navPages .navPages-list .navPages-item > .navPages-action {
            margin-right: 33px; } }
        .header .navPages-container .navPages .navPages-list .navPages-item > .navPages-action.forMobile {
          display: block; }
          @media (min-width: 801px) {
            .header .navPages-container .navPages .navPages-list .navPages-item > .navPages-action.forMobile {
              display: none; } }
        .header .navPages-container .navPages .navPages-list .navPages-item > .navPages-action.forDesktop {
          display: none; }
          @media (min-width: 801px) {
            .header .navPages-container .navPages .navPages-list .navPages-item > .navPages-action.forDesktop {
              display: block; } }
        @media (min-width: 801px) {
          .header .navPages-container .navPages .navPages-list .navPages-item > .navPages-action:hover {
            border-bottom: 3px solid #f36c21; } }
        .header .navPages-container .navPages .navPages-list .navPages-item > .navPages-action.is-open {
          background-color: transparent; }
          .header .navPages-container .navPages .navPages-list .navPages-item > .navPages-action.is-open .icon.navPages-action-moreIcon {
            transform: rotate(-180deg); }
        .header .navPages-container .navPages .navPages-list .navPages-item > .navPages-action .icon.navPages-action-moreIcon {
          transform: rotate(0deg); }
          @media (min-width: 801px) {
            .header .navPages-container .navPages .navPages-list .navPages-item > .navPages-action .icon.navPages-action-moreIcon {
              display: none; } }
      .header .navPages-container .navPages .navPages-list .navPages-item .navPage-subMenu {
        background: #fff;
        border-top: 1px solid #e0e0e0;
        padding: 0 1.5rem !important;
        text-align: center;
        top: 100%;
        left: 0;
        width: 100%; }
        .header .navPages-container .navPages .navPages-list .navPages-item .navPage-subMenu .navPage-subMenu-list {
          border-top-width: 1px;
          border-top-style: solid;
          border-top-color: #e0e0e0;
          border-top: 0;
          margin: 0 auto;
          max-width: 1320px;
          width: 100%;
          padding: 48px 0px 110px;
          position: relative; }
          @media (min-width: 801px) {
            .header .navPages-container .navPages .navPages-list .navPages-item .navPage-subMenu .navPage-subMenu-list {
              padding: 48px 200px 110px; } }
          @media (min-width: 801px) {
            .header .navPages-container .navPages .navPages-list .navPages-item .navPage-subMenu .navPage-subMenu-list .navPage-subMenu-item {
              width: 33.333%; } }
          .header .navPages-container .navPages .navPages-list .navPages-item .navPage-subMenu .navPage-subMenu-list .navPage-subMenu-item .navPage-subMenu-action {
            color: #1f1f1f;
            font-family: "Aileron", sans-serif;
            font-weight: 400;
            font-size: 16px;
            line-height: 130%;
            border-bottom: 0;
            margin-bottom: 15px; }
            .header .navPages-container .navPages .navPages-list .navPages-item .navPage-subMenu .navPage-subMenu-list .navPage-subMenu-item .navPage-subMenu-action:hover {
              color: #7e2e2b; }
        .header .navPages-container .navPages .navPages-list .navPages-item .navPage-subMenu .FullWidthBtn {
          color: #f2f2f0 !important;
          font-family: "Aileron", sans-serif;
          font-weight: 600;
          font-size: 16px !important;
          line-height: 120%;
          display: block;
          width: 100%;
          float: none;
          background: #3d4542;
          color: #fff;
          font-size: 20px;
          position: absolute;
          bottom: -1px;
          left: 0;
          right: 0;
          height: 70px;
          align-content: center; }
          .header .navPages-container .navPages .navPages-list .navPages-item .navPage-subMenu .FullWidthBtn:hover {
            background: #000; }
  @media (min-width: 801px) {
    .header .sticky-header {
      display: flex;
      width: 100%;
      padding: 0;
      max-width: 100%;
      align-items: center;
      justify-content: center; }
      .header .sticky-header .header-logo {
        margin: 0;
        width: 100%; }
        .header .sticky-header .header-logo .header-logo__link {
          z-index: 0; }
          .header .sticky-header .header-logo .header-logo__link .header-logo-image-container {
            min-height: unset; }
            .header .sticky-header .header-logo .header-logo__link .header-logo-image-container .header-logo-image {
              max-height: none; }
      .header .sticky-header .sticky-left {
        width: 1px;
        display: none;
        opacity: 0;
        visibility: hidden;
        pointer-events: none;
        transition: opacity 0.2s ease, visibility 0.2s ease; }
      .header .sticky-header .sticky-right {
        width: 1px;
        display: none;
        opacity: 0;
        visibility: hidden;
        pointer-events: none;
        transition: opacity 0.2s ease, visibility 0.2s ease; }
        .header .sticky-header .sticky-right ul {
          margin: 0;
          padding: 0; }
        .header .sticky-header .sticky-right .navUser-action--quickSearch {
          background: url('data:image/svg+xml,<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M8.51888 15.1852C4.83698 15.1852 1.85221 12.2004 1.85221 8.51852C1.85221 4.83662 4.83698 1.85185 8.51888 1.85185C12.2008 1.85185 15.1855 4.83662 15.1855 8.51852C15.1855 12.2004 12.2008 15.1852 8.51888 15.1852Z" stroke="%231F1F1F" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/><path d="M18.1484 18.1481L13.2299 13.2296" stroke="%231F1F1F" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg>');
          font-size: 0;
          padding: 10px;
          background-size: 20px;
          background-position: center;
          background-repeat: no-repeat; }
    .header .navPages {
      padding: 0;
      transition: 0.2s all ease; }
    .header .navPages-container {
      border-top: 1px solid #e0e0e0;
      width: 100%; }
    .header .sticky-bg {
      background: #ffffff;
      transform: translateY(0);
      transition: transform 0.3s ease; }
    .header.is-sticky .sticky-header {
      margin: 0 auto;
      padding: 0px 20px;
      max-width: 1360px; }
      .header.is-sticky .sticky-header .sticky-left {
        width: 122px;
        display: block;
        opacity: 1;
        visibility: visible;
        pointer-events: auto;
        transition: opacity 0.2s ease; }
      .header.is-sticky .sticky-header .sticky-right {
        width: 70px;
        display: flex;
        align-items: center;
        justify-content: space-between;
        transition: opacity 0.2s ease;
        opacity: 1;
        visibility: visible;
        pointer-events: auto; }
      .header.is-sticky .sticky-header .navPages {
        border: 0;
        background: #f2f2f0;
        transition: 0.2s all ease; }
      .header.is-sticky .sticky-header .navPages-container {
        border-top: 0;
        background: #f2f2f0 !important;
        width: calc(100% - 192px);
        transition: 0.2s all ease;
        position: unset; }
        .header.is-sticky .sticky-header .navPages-container .navPages .navPages-list .navPages-item > .navPages-action {
          font-size: 14px;
          padding: 23px 0;
          margin-right: 32px; }
    .header.is-sticky .sticky-bg {
      background: #f2f2f0;
      position: fixed;
      left: 0;
      right: 0;
      transition: all 0.3s ease;
      transform: translateY(0); }
    .header.is-sticky .HeaderWrap {
      position: relative; }
      .header.is-sticky .HeaderWrap .navUser-item.navUser-item--cart {
        transition: opacity 0.2s ease, transform 0.2s ease; }
    .header.is-sticky .navUser-item--cart {
      transition: opacity 0.2s ease, transform 0.2s ease; }
      .header.is-sticky .navUser-item--cart .navUser-action {
        display: block;
        padding: 0;
        position: relative;
        height: 19px; }
        .header.is-sticky .navUser-item--cart .navUser-action .navUser-item-cartLabel {
          display: block; }
          .header.is-sticky .navUser-item--cart .navUser-action .navUser-item-cartLabel svg {
            width: 19px;
            height: 19px;
            fill: transparent; }
        .header.is-sticky .navUser-item--cart .navUser-action .countPill {
          background-color: #f36c21;
          border-radius: 50%;
          color: white;
          font-size: 10px;
          font-weight: 700;
          height: 20px;
          line-height: 20px;
          margin-left: 0.21429rem;
          text-align: center;
          width: 20px;
          position: absolute;
          top: -15px;
          right: -15px; } }
  .header #sticky-spacer {
    transition: height 0.2s ease; }
  .header .dropdown--quickSearch {
    display: block !important;
    left: 0 !important;
    right: -50px !important;
    top: 50% !important;
    width: 100% !important;
    z-index: 50;
    padding: 0;
    background: transparent;
    border-radius: 3px;
    border: 0;
    transform: scaleX(0) translateY(-50%) !important;
    transform-origin: right center;
    transition: transform 0.3s ease, opacity 0.3s ease;
    opacity: 0;
    max-width: 1128px;
    margin: 0 auto;
    pointer-events: none; }
    .header .dropdown--quickSearch.is-open {
      transform: scaleX(1) translateY(-50%) !important;
      opacity: 1;
      pointer-events: auto; }
    .header .dropdown--quickSearch .container {
      padding: 0 0 0 20px; }
    .header .dropdown--quickSearch .form {
      margin: 0;
      max-width: 100%; }
      .header .dropdown--quickSearch .form .form-input {
        color: #3d4542;
        font-size: 14px;
        font-weight: 300;
        font-family: "Aileron";
        border: 0;
        border-radius: 3px;
        padding: 10px 40px 10px 18px;
        width: 100%;
        height: 50px; }
      .header .dropdown--quickSearch .form .button {
        position: absolute;
        top: 0;
        right: -40px;
        background-color: #fff;
        border: 0;
        padding: 0;
        margin: 0;
        background-image: url('data:image/svg+xml,<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M8.51888 15.1852C4.83698 15.1852 1.85221 12.2004 1.85221 8.51852C1.85221 4.83662 4.83698 1.85185 8.51888 1.85185C12.2008 1.85185 15.1855 4.83662 15.1855 8.51852C15.1855 12.2004 12.2008 15.1852 8.51888 15.1852Z" stroke="%231F1F1F" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/><path d="M18.1484 18.1481L13.2299 13.2296" stroke="%231F1F1F" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg>');
        background-repeat: no-repeat;
        background-position: center left 0px;
        background-size: 20px;
        font-size: 0px;
        width: 40px;
        height: 50px; }

.SearchForm {
  margin: 0;
  position: relative; }
  .SearchForm .form-field {
    margin: 0; }
    .SearchForm .form-field .form-prefixPostfix .form-input {
      border-radius: 3px;
      color: #3d4542;
      font-size: 14px;
      font-weight: 300;
      font-family: "Aileron";
      border: 0;
      border-radius: 3px;
      padding: 10px 40px 10px 18px;
      width: 100%;
      height: 40px; }
    .SearchForm .form-field .form-prefixPostfix .button {
      position: absolute;
      top: 0;
      right: 0;
      background-color: transparent;
      border: 0;
      padding: 0;
      margin: 0;
      background-image: url('data:image/svg+xml,<svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(%23clip0_1_2796)"><path d="M7.66669 13.6667C4.35298 13.6667 1.66669 10.9804 1.66669 7.66666C1.66669 4.35296 4.35298 1.66666 7.66669 1.66666C10.9804 1.66666 13.6667 4.35296 13.6667 7.66666C13.6667 10.9804 10.9804 13.6667 7.66669 13.6667Z" stroke="%231F1F1F" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"/><path d="M16.3333 16.3333L11.9066 11.9067" stroke="%231F1F1F" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"/></g><defs><clipPath id="clip0_1_2796"><rect width="18" height="18" fill="white" transform="matrix(-1 0 0 1 18 0)"/></clipPath></defs></svg>');
      background-repeat: no-repeat;
      background-position: center;
      font-size: 0px;
      width: 40px;
      height: 40px; }

@media only screen and (max-width: 800px) {
  .footer-top-wrap .our-support-bottom-wrap::-webkit-scrollbar {
    height: 5px; }
  li.navPages-item.navPages-MobOnly {
    display: block !important;
    background: #F2F2F0; }
    li.navPages-item.navPages-MobOnly a {
      border-color: #E0E0DE !important; }
  .sticky-left,
  .sticky-right {
    display: none; }
  .body {
    margin-top: 52px; }
  .header {
    height: auto; }
    .header .header-container .HeaderWrap {
      padding: 0;
      justify-content: unset; }
      .header .header-container .HeaderWrap .mobileMenu-toggle {
        height: auto;
        width: 28px;
        display: inline-block;
        font-size: 0;
        left: 0;
        overflow: hidden;
        padding: 0;
        position: unset;
        z-index: 50; }
        .header .header-container .HeaderWrap .mobileMenu-toggle.is-open svg.BurgerMenu {
          display: none; }
        .header .header-container .HeaderWrap .mobileMenu-toggle.is-open svg.Cross {
          display: block;
          width: 28px;
          height: 28px; }
        .header .header-container .HeaderWrap .mobileMenu-toggle svg.BurgerMenu {
          width: 28px;
          height: 21px;
          fill: transparent; }
        .header .header-container .HeaderWrap .mobileMenu-toggle svg.Cross {
          display: none; }
      .header .header-container .HeaderWrap .MobileService {
        display: block !important;
        cursor: pointer;
        width: 28px;
        height: 28px; }
        .header .header-container .HeaderWrap .MobileService.is-open svg.Service {
          display: none; }
        .header .header-container .HeaderWrap .MobileService.is-open svg.Cross {
          display: block; }
        .header .header-container .HeaderWrap .MobileService.is-open .customer-support-dropdown {
          display: block;
          top: 86px;
          left: 0;
          right: unset; }
          .header .header-container .HeaderWrap .MobileService.is-open .customer-support-dropdown .customer-support-inner {
            padding: 28px; }
        .header .header-container .HeaderWrap .MobileService svg.Service {
          width: 22px;
          height: 22px;
          position: relative;
          top: 2px; }
        .header .header-container .HeaderWrap .MobileService svg.Cross {
          display: none;
          width: 28px;
          height: 28px;
          position: relative;
          left: -3px;
          top: -1px; }
        .header .header-container .HeaderWrap .MobileService .customer-support-dropdown {
          display: none; }
      .header .header-container .HeaderWrap .header-logo {
        margin: 0 auto;
        width: calc(100% - 170px); }
        .header .header-container .HeaderWrap .header-logo .header-logo__link {
          max-width: 120px; }
      .header .header-container .HeaderWrap .MobileAcc {
        display: block !important;
        cursor: pointer;
        width: 16px;
        height: 20px; }
        .header .header-container .HeaderWrap .MobileAcc.is-open svg.Person {
          display: none; }
        .header .header-container .HeaderWrap .MobileAcc.is-open svg.Cross {
          display: block; }
        .header .header-container .HeaderWrap .MobileAcc.is-open .AccountDropdownList {
          display: block;
          width: 100%; }
        .header .header-container .HeaderWrap .MobileAcc svg.Person {
          width: 16px;
          height: 20px;
          fill: transparent; }
        .header .header-container .HeaderWrap .MobileAcc svg.Cross {
          display: none;
          width: 28px;
          height: 28px;
          position: relative;
          top: -5px;
          left: -5px; }
        .header .header-container .HeaderWrap .MobileAcc .AccountDropdownList {
          display: none; }
      .header .header-container .HeaderWrap .HeaderRightLinks .navUser-item--cart {
        transition: opacity 0.2s ease, transform 0.2s ease; }
        .header .header-container .HeaderWrap .HeaderRightLinks .navUser-item--cart .navUser-action {
          height: 20px; }
    .header .navPages-container.is-open {
      display: block;
      padding-top: 0;
      top: 86px; }
      .header .navPages-container.is-open .navPages {
        background-color: #fff;
        padding: 0;
        height: calc(100% - 85px); }
        .header .navPages-container.is-open .navPages .navPages-quickSearch {
          border-bottom: 1px solid #f2f2f0;
          margin-bottom: 0; }
          .header .navPages-container.is-open .navPages .navPages-quickSearch .SearchForm .form-field .form-prefixPostfix.wrap .form-input {
            height: 69px;
            padding: 10px 60px 10px 18px; }
          .header .navPages-container.is-open .navPages .navPages-quickSearch .SearchForm .form-field .form-prefixPostfix.wrap .button {
            right: 20px;
            height: 69px; }
        .header .navPages-container.is-open .navPages .navPages-list {
          border-bottom: 1px solid #f2f2f2; }
          .header .navPages-container.is-open .navPages .navPages-list.navPages-list--user {
            border-top: 0;
            margin-top: 0;
            padding-top: 0; }
          .header .navPages-container.is-open .navPages .navPages-list .navPages-item.navPages-GetQouteMenu {
            display: block !important; }
          .header .navPages-container.is-open .navPages .navPages-list .navPages-item > .navPages-action {
            align-content: center;
            font-weight: 700;
            padding: 10px 20px;
            text-transform: uppercase;
            margin-right: 0;
            min-height: 69px;
            border-bottom: 1px solid #F2F2F0; }
            .header .navPages-container.is-open .navPages .navPages-list .navPages-item > .navPages-action.is-open {
              border-bottom: 0px solid #F2F2F0; }
            .header .navPages-container.is-open .navPages .navPages-list .navPages-item > .navPages-action.GetQouteMenu {
              background: #1f1f1f;
              color: #fff;
              text-align: center;
              font-size: 15px;
              font-weight: 700;
              font-family: "Aileron";
              letter-spacing: 3%;
              margin-top: 0px; }
            .header .navPages-container.is-open .navPages .navPages-list .navPages-item > .navPages-action .navPages-action-moreIcon {
              margin: 0 0.8rem; }
          .header .navPages-container.is-open .navPages .navPages-list .navPages-item .navPage-subMenu {
            border-top: 0; }
            .header .navPages-container.is-open .navPages .navPages-list .navPages-item .navPage-subMenu .navPage-subMenu-list {
              padding: 0;
              border: 0; }
              .header .navPages-container.is-open .navPages .navPages-list .navPages-item .navPage-subMenu .navPage-subMenu-list .navPage-subMenu-item {
                padding: 0; }
                .header .navPages-container.is-open .navPages .navPages-list .navPages-item .navPage-subMenu .navPage-subMenu-list .navPage-subMenu-item .navPage-subMenu-action {
                  padding: 0;
                  margin: 0 auto;
                  height: 40px;
                  align-content: center;
                  text-align: left;
                  font-size: 15px;
                  text-transform: capitalize; }
            .header .navPages-container.is-open .navPages .navPages-list .navPages-item .navPage-subMenu .FullWidthBtn {
              color: #f2f2f0;
              font-size: 15px;
              height: 60px;
              position: unset;
              margin: 30px -20px 0;
              width: calc(100% + 40px); } }

@media screen and (max-width: 550px) {
  .header .HeaderTopBarWrap .header-container .HeaderTopBar .TopBarCenter .TopBarText {
    font-size: 10px; }
  .footer {
    padding: 49px 0 10px; }
    .footer .footer-info .footer-info-col.StoreInfo h3.footer-info-logo {
      margin: 0 0 8px; }
    .footer .footer-info .footer-info-col.StoreInfo .StoreInfo-inner li.StoreMail p a {
      text-decoration: underline; }
    .footer .footer-bottom-logos .footer-bottom-wrap {
      width: auto; }
  .footer-top-wrap .footer-newsLetter-wrap .newsLetter-wrap .newsLetter-wrap-inner .form .form-fieldset .form-field .form-prefixPostfix .form-input {
    text-align: center; } }

.container {
  width: 100%;
  max-width: 1240px;
  padding: 0 20px;
  margin: 0 auto; }

.footer-top-container {
  width: 100%;
  max-width: 1360px;
  padding: 0 20px;
  margin: 0 auto; }

.body {
  margin-bottom: 0 !important; }

/*-----------Hero Carousel Banner Start ----------*/
.heroCarousel {
  margin-bottom: 0; }
  .heroCarousel.slick-initialized {
    max-height: unset; }
  .heroCarousel .heroCarousel-slide {
    position: relative; }
    .heroCarousel .heroCarousel-slide .heroCarousel-image-wrapper {
      min-height: 485px; }
      @media (min-width: 801px) {
        .heroCarousel .heroCarousel-slide .heroCarousel-image-wrapper {
          min-height: unset; } }
      .heroCarousel .heroCarousel-slide .heroCarousel-image-wrapper .heroCarousel-image {
        width: 100%;
        object-fit: cover;
        object-position: center; }
    .heroCarousel .heroCarousel-slide .heroCarousel-content {
      width: 100%;
      height: 100%;
      max-width: unset;
      max-height: 100%;
      background: #1F1F1F;
      background: linear-gradient(180deg, rgba(31, 31, 31, 0.3) 0%, rgba(31, 31, 31, 0.7) 100%);
      display: flex;
      justify-content: flex-end;
      flex-direction: column;
      padding: 20px;
      position: absolute;
      top: 0; }
      @media (min-width: 551px) {
        .heroCarousel .heroCarousel-slide .heroCarousel-content {
          top: 50%; } }
      @media (min-width: 801px) {
        .heroCarousel .heroCarousel-slide .heroCarousel-content {
          padding: 0 0 0 0; } }
      .heroCarousel .heroCarousel-slide .heroCarousel-content .hero-content-wrap {
        max-width: 1240px;
        margin: 0 auto;
        width: 100%;
        display: flex;
        justify-content: flex-end;
        -ms-flex-direction: column;
        flex-direction: column; }
        @media (min-width: 801px) {
          .heroCarousel .heroCarousel-slide .heroCarousel-content .hero-content-wrap {
            padding: 0 20px; } }
      .heroCarousel .heroCarousel-slide .heroCarousel-content .heroCarousel-title {
        font-family: 'Aileron';
        font-weight: 400;
        font-size: 40px;
        line-height: 100%;
        letter-spacing: -1%;
        color: #fff;
        width: 100%;
        max-width: 800px;
        text-align: center;
        margin: 0 0 35px 0; }
        @media (max-width: 1024px) {
          .heroCarousel .heroCarousel-slide .heroCarousel-content .heroCarousel-title {
            margin: 0 auto 30px auto; } }
        @media (max-width: 550px) {
          .heroCarousel .heroCarousel-slide .heroCarousel-content .heroCarousel-title {
            margin: 0 auto 35px auto; } }
        @media (min-width: 801px) {
          .heroCarousel .heroCarousel-slide .heroCarousel-content .heroCarousel-title {
            font-size: 60px;
            text-align: left; } }
      .heroCarousel .heroCarousel-slide .heroCarousel-content .heroCarousel-description {
        font-family: "Aileron", sans-serif;
        font-weight: 400;
        font-size: 18px;
        line-height: 120%;
        text-align: center;
        color: #fff;
        margin: 0 0 35px 0; }
        @media (min-width: 801px) {
          .heroCarousel .heroCarousel-slide .heroCarousel-content .heroCarousel-description {
            text-align: left;
            font-size: 20px;
            margin: 0 0 40px 0; } }
      .heroCarousel .heroCarousel-slide .heroCarousel-content .heroCarousel-action {
        width: 100%;
        max-width: 330px;
        height: 55px;
        margin: 0 auto 51px auto;
        text-align: center;
        align-content: center;
        background: #f36c21;
        border: 1px solid #f36c21;
        border-radius: 3px;
        font-family: "Aileron", sans-serif;
        font-weight: 600;
        font-size: 14px;
        line-height: 100%;
        color: #1f1f1f;
        transition: 0.2s all ease; }
        @media (min-width: 801px) {
          .heroCarousel .heroCarousel-slide .heroCarousel-content .heroCarousel-action {
            max-width: 165px;
            margin: 0 0 84px 0; } }
        .heroCarousel .heroCarousel-slide .heroCarousel-content .heroCarousel-action:hover {
          transition: 0.2s all ease;
          background: transparent;
          color: #fff; }

/*-----------Hero Carousel Banner End ----------*/
/*-----------Hero Page Start ----------*/
.homeCategory-wrap {
  background: #e0e0de;
  padding: 50px 0; }
  @media (min-width: 801px) {
    .homeCategory-wrap {
      padding: 54px 40px; } }
  @media (min-width: 1261px) {
    .homeCategory-wrap.SubCatSection > .container {
      max-width: 1360px; } }
  @media (min-width: 1261px) {
    .homeCategory-wrap.SubCatSection .homeCategory-inner {
      gap: 22px; } }
  .homeCategory-wrap.SubCatSection .homeCategory-inner .categoryCard {
    border-radius: 3px; }
    @media (min-width: 1261px) {
      .homeCategory-wrap.SubCatSection .homeCategory-inner .categoryCard {
        width: calc(16% - 10px); } }
    .homeCategory-wrap.SubCatSection .homeCategory-inner .categoryCard img {
      min-height: 156px;
      max-height: 156px;
      object-fit: cover;
      border-radius: 3px;
      object-position: center; }
      @media (min-width: 801px) {
        .homeCategory-wrap.SubCatSection .homeCategory-inner .categoryCard img {
          min-height: 177px;
          max-height: 150px; } }
  .homeCategory-wrap .homeCategory-inner {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 24px; }
    .homeCategory-wrap .homeCategory-inner .categoryCard {
      border-radius: 3px;
      overflow: hidden;
      display: block;
      text-decoration: none;
      text-align: center;
      font-family: "Aileron", sans-serif;
      font-weight: 600;
      font-size: 16px;
      line-height: 120%;
      color: #1f1f1f;
      transition: color 0.2s ease;
      width: calc(50% - 15px);
      transition: 0.2s all ease-in-out; }
      @media (min-width: 551px) {
        .homeCategory-wrap .homeCategory-inner .categoryCard {
          width: calc(33% - 20px); } }
      @media (min-width: 801px) {
        .homeCategory-wrap .homeCategory-inner .categoryCard {
          width: calc(19% - 12px); } }
      @media (min-width: 1261px) {
        .homeCategory-wrap .homeCategory-inner .categoryCard {
          width: calc(16% - 12px); } }
      .homeCategory-wrap .homeCategory-inner .categoryCard:hover {
        color: #7e2e2b;
        transform: translateY(-10px);
        transition: 0.4s all ease-in-out; }
        .homeCategory-wrap .homeCategory-inner .categoryCard:hover img {
          transform: translateY(-3px);
          transition: 0.4s all ease-in-out; }
      .homeCategory-wrap .homeCategory-inner .categoryCard img {
        width: 100%;
        max-width: unset;
        margin: 0 0 17px 0;
        display: block;
        transition: 0.4s all ease-in-out;
        transform-origin: center bottom;
        will-change: transform; }

.exceptional-tents-wrap {
  background: #f2f2f0;
  padding: 50px 0; }
  @media (min-width: 801px) {
    .exceptional-tents-wrap {
      padding: 74px 0 80px 0; } }
  .exceptional-tents-wrap .exceptional-subheading {
    margin: 0 0 10px 0;
    font-family: "Aileron", sans-serif;
    font-weight: 600;
    font-size: 14px;
    line-height: 160%;
    text-align: center;
    text-transform: uppercase;
    color: #1f1f1f; }
    @media (min-width: 801px) {
      .exceptional-tents-wrap .exceptional-subheading {
        margin: 0 0 15px 0;
        font-size: 15px; } }
  .exceptional-tents-wrap .exceptional-heading {
    margin: 0 10px 30px 10px;
    font-family: "Aileron", sans-serif;
    font-weight: 400;
    font-size: 30px;
    line-height: 120%;
    letter-spacing: -1%;
    text-align: center;
    color: #3d4542; }
    .exceptional-tents-wrap .exceptional-heading > br {
      display: none; }
      @media (min-width: 551px) {
        .exceptional-tents-wrap .exceptional-heading > br {
          display: block; } }
    @media (min-width: 801px) {
      .exceptional-tents-wrap .exceptional-heading {
        font-size: 46px;
        margin: 0 0 55px 0; } }
  .exceptional-tents-wrap .exceptional-inner {
    display: flex;
    justify-content: space-between;
    align-items: center; }
    .exceptional-tents-wrap .exceptional-inner .exceptionalCard {
      display: block;
      margin: 0 5px;
      text-decoration: none;
      text-align: center;
      font-family: "Aileron", sans-serif;
      font-weight: 400;
      font-size: 20px;
      line-height: 120%;
      color: #3d4542;
      transition: transform 0.3s ease; }
      @media (min-width: 551px) {
        .exceptional-tents-wrap .exceptional-inner .exceptionalCard {
          margin: 0 15px; } }
      .exceptional-tents-wrap .exceptional-inner .exceptionalCard .imageWrapper {
        overflow: hidden;
        max-width: 300px;
        margin: 0 auto 17px auto; }
        @media (min-width: 551px) {
          .exceptional-tents-wrap .exceptional-inner .exceptionalCard .imageWrapper {
            max-width: 380px; } }
        .exceptional-tents-wrap .exceptional-inner .exceptionalCard .imageWrapper img {
          width: 100%;
          display: block;
          transition: transform 0.3s ease; }
      .exceptional-tents-wrap .exceptional-inner .exceptionalCard:hover {
        color: #7e2e2b;
        transform: translateY(-3px); }
  .exceptional-tents-wrap .slick-arrow {
    height: 50px;
    width: 50px;
    padding: 0;
    border-radius: 50px;
    background: #f2f2f0;
    border: none;
    position: absolute;
    top: 170px !important; }
    @media (min-width: 551px) {
      .exceptional-tents-wrap .slick-arrow {
        top: 220px !important; } }
    @media (min-width: 801px) {
      .exceptional-tents-wrap .slick-arrow {
        background: transparent;
        top: -45px !important; } }
    .exceptional-tents-wrap .slick-arrow:before {
      width: 100%;
      height: 100%;
      border-radius: 50px; }
    .exceptional-tents-wrap .slick-arrow:hover {
      border: 1px solid transparent; }
    .exceptional-tents-wrap .slick-arrow.slick-prev {
      right: unset !important;
      left: 10px !important; }
      @media (min-width: 551px) {
        .exceptional-tents-wrap .slick-arrow.slick-prev {
          left: 70px !important; } }
      .exceptional-tents-wrap .slick-arrow.slick-prev:before {
        background-size: 10px;
        background-image: url('data:image/svg+xml,<svg width="10" height="18" viewBox="0 0 10 18" fill="%239E9E9C" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M1.05375 9.91416L8.125 17.1874L9.8925 15.3694L3.705 9.00516L9.8925 2.64088L8.125 0.822876L1.05375 8.09616C0.819411 8.33727 0.687767 8.66424 0.687767 9.00516C0.687767 9.34609 0.819411 9.67306 1.05375 9.91416Z" fill="%239E9E9C"/></svg>');
        background-position: center; }
      .exceptional-tents-wrap .slick-arrow.slick-prev:hover:before {
        background-image: url('data:image/svg+xml,<svg width="10" height="18" viewBox="0 0 10 18" fill="%237E2E2B" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M1.05375 9.91416L8.125 17.1874L9.8925 15.3694L3.705 9.00516L9.8925 2.64088L8.125 0.822876L1.05375 8.09616C0.819411 8.33727 0.687767 8.66424 0.687767 9.00516C0.687767 9.34609 0.819411 9.67306 1.05375 9.91416Z" fill="%237E2E2B"/></svg>');
        background-position: center; }
    .exceptional-tents-wrap .slick-arrow.slick-next {
      left: unset !important;
      right: 10px !important; }
      @media (min-width: 551px) {
        .exceptional-tents-wrap .slick-arrow.slick-next {
          right: 70px !important; } }
      .exceptional-tents-wrap .slick-arrow.slick-next:before {
        background-size: 10px;
        background-image: url('data:image/svg+xml,<svg width="10" height="18" viewBox="0 0 10 18" fill="%239E9E9C" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.94629 9.91416L1.87504 17.1874L0.107544 15.3694L6.29505 9.00516L0.107544 2.64088L1.87504 0.822876L8.94629 8.09616C9.18063 8.33727 9.31228 8.66424 9.31228 9.00516C9.31228 9.34609 9.18063 9.67306 8.94629 9.91416Z" fill="%239E9E9C"/></svg>');
        background-position: center; }
      .exceptional-tents-wrap .slick-arrow.slick-next:hover:before {
        background-image: url('data:image/svg+xml,<svg width="10" height="18" viewBox="0 0 10 18" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.94629 9.91416L1.87504 17.1874L0.107544 15.3694L6.29505 9.00516L0.107544 2.64088L1.87504 0.822876L8.94629 8.09616C9.18063 8.33727 9.31228 8.66424 9.31228 9.00516C9.31228 9.34609 9.18063 9.67306 8.94629 9.91416Z" fill="%237E2E2B"/></svg>');
        background-position: center; }

.home-tabs-wrap {
  padding: 20px 0;
  background: #f2f2f0;
  background-image: url(https://cdn11.bigcommerce.com/s-whwwydb1yw/images/stencil/original/image-manager/faded-image.jpg?t=1755198140);
  background-position: bottom center;
  background-repeat: no-repeat;
  background-size: unset; }
  @media (min-width: 1400px) {
    .home-tabs-wrap {
      background-size: contain; } }
  .home-tabs-wrap .tabs {
    display: flex;
    justify-content: center;
    align-items: center;
    border-bottom: 1px solid #bdbdbd; }
    .home-tabs-wrap .tabs .tab {
      border: 0; }
      .home-tabs-wrap .tabs .tab.is-active {
        border-bottom: 2px solid #f36c21; }
        .home-tabs-wrap .tabs .tab.is-active .tab-title {
          color: #1f1f1f; }
      .home-tabs-wrap .tabs .tab .tab-title {
        padding: 0 21px 24px 14px;
        font-family: "Aileron", sans-serif;
        font-weight: 600;
        font-size: 16px;
        line-height: 120%;
        text-align: center;
        color: #898988; }
        @media (min-width: 551px) {
          .home-tabs-wrap .tabs .tab .tab-title {
            padding: 14px 24px; } }
        @media (min-width: 801px) {
          .home-tabs-wrap .tabs .tab .tab-title {
            font-size: 20px;
            padding: 0 35px 21px 39px; } }
        .home-tabs-wrap .tabs .tab .tab-title:hover {
          color: #7e2e2b; }
  .home-tabs-wrap .tabs-contents {
    margin: 0; }
    .home-tabs-wrap .tabs-contents .tab-content.is-active {
      padding: 45px 0 0 0; }
  .home-tabs-wrap .explore-all-prods {
    display: block;
    width: 100%;
    max-width: 370px;
    height: 55px;
    margin: 0 auto 130px auto;
    background: #292c2b;
    border: 1px solid #292c2b;
    color: #fff;
    text-align: center;
    align-content: center;
    border-radius: 3px;
    font-family: "Aileron", sans-serif;
    font-weight: 600;
    font-size: 14px;
    line-height: 100%;
    text-decoration: none;
    transition: 0.2s all ease; }
    @media (min-width: 801px) {
      .home-tabs-wrap .explore-all-prods {
        max-width: 228px;
        margin: 0 auto 145px auto; } }
    .home-tabs-wrap .explore-all-prods:hover {
      transition: 0.2s all ease;
      background: transparent;
      color: #292c2b; }

.have-question-wrap {
  background: #7e2e2b;
  padding: 55px 0; }
  @media (min-width: 801px) {
    .have-question-wrap {
      padding: 100px 0; } }
  .have-question-wrap .have-question-inner {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-direction: column;
    gap: 20px; }
    @media (min-width: 801px) {
      .have-question-wrap .have-question-inner {
        gap: 0;
        flex-direction: row; } }
    .have-question-wrap .have-question-inner .have-question-left {
      width: 100%; }
      @media (min-width: 801px) {
        .have-question-wrap .have-question-inner .have-question-left {
          width: 65%; } }
      .have-question-wrap .have-question-inner .have-question-left .have-question-hesding {
        font-family: "Aileron", sans-serif;
        font-weight: 400;
        font-size: 30px;
        line-height: 120%;
        text-align: center;
        letter-spacing: -1%;
        color: #fff;
        width: 100%;
        max-width: unset;
        margin: 0 0 14px 0; }
        @media (min-width: 801px) {
          .have-question-wrap .have-question-inner .have-question-left .have-question-hesding {
            font-size: 46px;
            text-align: left;
            max-width: 720px;
            margin: 0 0 14px 0; } }
      .have-question-wrap .have-question-inner .have-question-left .have-question-subheading {
        font-family: "Aileron", sans-serif;
        font-weight: 400;
        font-size: 16px;
        line-height: 160%;
        color: #fff;
        margin: 0;
        text-align: center; }
        @media (min-width: 801px) {
          .have-question-wrap .have-question-inner .have-question-left .have-question-subheading {
            text-align: left; } }
      .have-question-wrap .have-question-inner .have-question-left .have-question-buttons {
        margin: 26px 0;
        display: flex;
        justify-content: unset;
        align-items: center;
        width: 100%;
        max-width: unset;
        flex-direction: column;
        gap: 14px; }
        @media (min-width: 801px) {
          .have-question-wrap .have-question-inner .have-question-left .have-question-buttons {
            gap: 0;
            flex-direction: row;
            margin: 44px 0;
            max-width: 650px; } }
        .have-question-wrap .have-question-inner .have-question-left .have-question-buttons .have-question-btn {
          width: 100%;
          max-width: 374px;
          margin: 0 14px;
          height: 55px;
          background-color: #8a413f;
          text-align: center;
          align-content: center;
          text-decoration: none;
          border-radius: 3px;
          border: 1px solid #8a413f;
          font-family: "Aileron", sans-serif;
          font-weight: 600;
          font-size: 14px;
          line-height: 100%;
          color: #fff;
          background-image: url('data:image/svg+xml,<svg width="13" height="13" viewBox="0 0 13 13" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M6.50001 0.899902L5.51301 1.8939L9.41901 5.7999L0.900007 5.7999L0.900007 7.1999L9.41901 7.1999L5.51301 11.1129L6.50001 12.0999L12.1 6.4999L6.50001 0.899902Z" fill="white"/></svg>');
          background-repeat: no-repeat;
          background-position: right 80px center;
          transition: 0.2s all ease; }
          .have-question-wrap .have-question-inner .have-question-left .have-question-buttons .have-question-btn:first-child {
            margin-left: 0; }
          @media (min-width: 801px) {
            .have-question-wrap .have-question-inner .have-question-left .have-question-buttons .have-question-btn {
              max-width: 160px;
              text-align: left;
              padding-left: 20px;
              background-position: right 20px center; } }
          @media (min-width: 1261px) {
            .have-question-wrap .have-question-inner .have-question-left .have-question-buttons .have-question-btn {
              max-width: 188px;
              padding-left: 40px;
              background-position: right 27px center; } }
          .have-question-wrap .have-question-inner .have-question-left .have-question-buttons .have-question-btn:hover {
            background-color: transparent;
            border: 1px solid #fff;
            transition: 0.2s all ease;
            background-position: right 70px center; }
            @media (min-width: 801px) {
              .have-question-wrap .have-question-inner .have-question-left .have-question-buttons .have-question-btn:hover {
                background-position: right 10px center; } }
            @media (min-width: 1261px) {
              .have-question-wrap .have-question-inner .have-question-left .have-question-buttons .have-question-btn:hover {
                background-position: right 17px center; } }
    .have-question-wrap .have-question-inner .have-question-right {
      width: 100%;
      padding: 0; }
      @media (min-width: 801px) {
        .have-question-wrap .have-question-inner .have-question-right {
          border-left: 1px solid rgba(255, 255, 255, 0.3);
          padding: 0 0 0 30px;
          width: 35%; } }
      @media (min-width: 1261px) {
        .have-question-wrap .have-question-inner .have-question-right {
          padding: 0 0 0 42px; } }
      .have-question-wrap .have-question-inner .have-question-right .right-inner {
        display: flex;
        justify-content: flex-start;
        align-items: center;
        margin: 0 0 40px 0;
        gap: 26px; }
        @media (min-width: 551px) {
          .have-question-wrap .have-question-inner .have-question-right .right-inner {
            margin: 0 0 55px 0; } }
        @media (min-width: 551px) {
          .have-question-wrap .have-question-inner .have-question-right .right-inner {
            gap: 10px; } }
        @media (min-width: 1261px) {
          .have-question-wrap .have-question-inner .have-question-right .right-inner {
            gap: 26px; } }
        .have-question-wrap .have-question-inner .have-question-right .right-inner > span {
          display: block;
          height: 47px;
          width: 47px;
          background: #894340;
          border-radius: 50px;
          display: flex;
          justify-content: center;
          align-items: center; }
          .have-question-wrap .have-question-inner .have-question-right .right-inner > span svg {
            height: 25px;
            width: 25px;
            fill: transparent; }
        .have-question-wrap .have-question-inner .have-question-right .right-inner > p {
          margin: 0;
          font-family: "Aileron", sans-serif;
          font-weight: 600;
          font-size: 18px;
          line-height: 160%;
          text-transform: capitalize;
          color: #f2f2f0; }
          @media (min-width: 801px) {
            .have-question-wrap .have-question-inner .have-question-right .right-inner > p {
              font-size: 15px; } }
          @media (min-width: 1261px) {
            .have-question-wrap .have-question-inner .have-question-right .right-inner > p {
              font-size: 18px; } }
          .have-question-wrap .have-question-inner .have-question-right .right-inner > p > span {
            display: block;
            font-weight: 300;
            font-size: 14px;
            line-height: 160%;
            text-transform: none; }

.perfect-event-wrap {
  background: #f2f2f0; }
  .perfect-event-wrap .perfect-event-wrap-inner {
    padding: 56px 0 0 0; }
    @media (min-width: 801px) {
      .perfect-event-wrap .perfect-event-wrap-inner {
        padding: 103px 0 0 0; } }
    .perfect-event-wrap .perfect-event-wrap-inner .event-subheading {
      margin: 0;
      text-align: center;
      font-family: "Aileron", sans-serif;
      font-weight: 600;
      font-size: 14px;
      line-height: 160%;
      text-transform: uppercase;
      color: #1f1f1f; }
      @media (min-width: 801px) {
        .perfect-event-wrap .perfect-event-wrap-inner .event-subheading {
          font-size: 15px; } }
    .perfect-event-wrap .perfect-event-wrap-inner .event-heading {
      font-family: "Aileron", sans-serif;
      font-weight: 400;
      font-size: 30px;
      line-height: 120%;
      letter-spacing: -1%;
      text-align: center;
      color: #3d4542;
      width: 100%;
      max-width: 500px;
      margin: 0 auto 30px auto; }
      @media (min-width: 801px) {
        .perfect-event-wrap .perfect-event-wrap-inner .event-heading {
          font-size: 46px;
          margin: 10px auto 71px auto; } }
    .perfect-event-wrap .perfect-event-wrap-inner .events-inner-wrap .events-top {
      position: relative;
      margin-bottom: 20px;
      transition: 0.4s all ease; }
      @media (min-width: 551px) {
        .perfect-event-wrap .perfect-event-wrap-inner .events-inner-wrap .events-top {
          margin-bottom: 30px;
          overflow: hidden; } }
      .perfect-event-wrap .perfect-event-wrap-inner .events-inner-wrap .events-top:hover > .event-top-image {
        transition: 0.4s all ease; }
      .perfect-event-wrap .perfect-event-wrap-inner .events-inner-wrap .events-top > .event-top-image {
        width: 100%;
        min-height: 400px;
        object-fit: cover;
        object-position: bottom center;
        transition: 0.4s all ease; }
        @media (min-width: 801px) {
          .perfect-event-wrap .perfect-event-wrap-inner .events-inner-wrap .events-top > .event-top-image {
            min-height: unset; } }
      .perfect-event-wrap .perfect-event-wrap-inner .events-inner-wrap .events-top .event-point {
        position: absolute; }
        .perfect-event-wrap .perfect-event-wrap-inner .events-inner-wrap .events-top .event-point .point-toolbar-wrap {
          display: none;
          position: absolute;
          bottom: 100%;
          left: 50%;
          transform: translateX(-50%);
          z-index: 10; }
          @media (min-width: 801px) {
            .perfect-event-wrap .perfect-event-wrap-inner .events-inner-wrap .events-top .event-point .point-toolbar-wrap {
              bottom: 130%; } }
        .perfect-event-wrap .perfect-event-wrap-inner .events-inner-wrap .events-top .event-point .point-toolbar {
          width: 280px;
          background: #fff;
          padding: 13px 15px;
          height: 120px;
          box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
          display: flex;
          justify-content: center;
          align-items: center;
          gap: 10px;
          text-decoration: none;
          position: relative;
          background-image: url('data:image/svg+xml,<svg width="10" height="17" viewBox="0 0 10 17" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(%23clip0_1_2618)"><path d="M0 1.03063L1.07812 0L10 8.5L1.07812 17L0 15.9747L7.83854 8.5L0 1.03063Z" fill="%231F1F1F"/></g><defs><clipPath id="clip0_1_2618"><rect width="10" height="17" fill="white"/></clipPath></defs></svg>');
          background-repeat: no-repeat;
          background-position: right 15px center; }
          @media (min-width: 801px) {
            .perfect-event-wrap .perfect-event-wrap-inner .events-inner-wrap .events-top .event-point .point-toolbar {
              width: 330px; } }
          @media (min-width: 1261px) {
            .perfect-event-wrap .perfect-event-wrap-inner .events-inner-wrap .events-top .event-point .point-toolbar {
              width: 380px;
              height: 130px; } }
          .perfect-event-wrap .perfect-event-wrap-inner .events-inner-wrap .events-top .event-point .point-toolbar img {
            width: 100%;
            max-width: 95px;
            object-fit: cover;
            object-position: center; }
          .perfect-event-wrap .perfect-event-wrap-inner .events-inner-wrap .events-top .event-point .point-toolbar .content {
            width: calc(100% - 95px);
            padding-right: 30px; }
            .perfect-event-wrap .perfect-event-wrap-inner .events-inner-wrap .events-top .event-point .point-toolbar .content .title {
              font-family: "Aileron", sans-serif;
              font-weight: 600;
              font-size: 14px;
              line-height: 120%;
              color: #3d4542;
              margin: 0 0 10px 0; }
            .perfect-event-wrap .perfect-event-wrap-inner .events-inner-wrap .events-top .event-point .point-toolbar .content .price {
              text-align: left;
              font-family: "Aileron", sans-serif;
              font-weight: 600;
              font-size: 14px;
              line-height: 120%;
              letter-spacing: 0%;
              color: #292c2b;
              padding-left: 30px;
              position: relative;
              margin: 0; }
              .perfect-event-wrap .perfect-event-wrap-inner .events-inner-wrap .events-top .event-point .point-toolbar .content .price:before {
                position: absolute;
                left: 0;
                top: 0;
                content: "from";
                font-family: "Aileron", sans-serif;
                font-weight: 300;
                font-size: 14px;
                line-height: 120%;
                color: #292c2b; }
          .perfect-event-wrap .perfect-event-wrap-inner .events-inner-wrap .events-top .event-point .point-toolbar::after {
            content: "";
            position: absolute;
            top: 100%;
            left: 50%;
            margin-left: -6px;
            border-width: 6px;
            border-style: solid;
            border-color: #fff transparent transparent transparent; }
            @media (max-width: 800px) {
              .perfect-event-wrap .perfect-event-wrap-inner .events-inner-wrap .events-top .event-point .point-toolbar::after {
                display: none; } }
        .perfect-event-wrap .perfect-event-wrap-inner .events-inner-wrap .events-top .event-point .point {
          cursor: pointer;
          display: block;
          width: 22px;
          height: 22px;
          background: #fff;
          border-radius: 50%;
          border: 6px solid #e37941; }
          .perfect-event-wrap .perfect-event-wrap-inner .events-inner-wrap .events-top .event-point .point:hover {
            border-color: #7e2e2b; }
        .perfect-event-wrap .perfect-event-wrap-inner .events-inner-wrap .events-top .event-point.one {
          bottom: 18%;
          left: 30%; }
          @media (max-width: 800px) {
            .perfect-event-wrap .perfect-event-wrap-inner .events-inner-wrap .events-top .event-point.one .point-toolbar-wrap {
              left: 230% !important; } }
        .perfect-event-wrap .perfect-event-wrap-inner .events-inner-wrap .events-top .event-point.two {
          right: 22%;
          bottom: 20%; }
          @media (max-width: 800px) {
            .perfect-event-wrap .perfect-event-wrap-inner .events-inner-wrap .events-top .event-point.two .point-toolbar-wrap {
              left: -235% !important; } }
        .perfect-event-wrap .perfect-event-wrap-inner .events-inner-wrap .events-top .event-point.three {
          top: 30%;
          left: 37%; }
          @media (max-width: 800px) {
            .perfect-event-wrap .perfect-event-wrap-inner .events-inner-wrap .events-top .event-point.three .point-toolbar-wrap {
              left: 120% !important; } }
        .perfect-event-wrap .perfect-event-wrap-inner .events-inner-wrap .events-top .event-point:hover .point-toolbar-wrap {
          display: block; }
    .perfect-event-wrap .perfect-event-wrap-inner .events-inner-wrap .events-bottom {
      display: flex;
      justify-content: space-between;
      align-content: center;
      gap: 15px;
      flex-direction: column; }
      @media (min-width: 551px) {
        .perfect-event-wrap .perfect-event-wrap-inner .events-inner-wrap .events-bottom {
          gap: 30px;
          flex-direction: row; } }
      .perfect-event-wrap .perfect-event-wrap-inner .events-inner-wrap .events-bottom a {
        overflow: hidden;
        width: 100%;
        display: block;
        text-align: center;
        font-family: "Aileron", sans-serif;
        font-weight: 400;
        font-size: 20px;
        line-height: 120%;
        text-decoration: none;
        color: #3d4542;
        transition: transform 0.3s ease; }
        @media (min-width: 551px) {
          .perfect-event-wrap .perfect-event-wrap-inner .events-inner-wrap .events-bottom a {
            max-width: 380px;
            margin: 0 auto; } }
        .perfect-event-wrap .perfect-event-wrap-inner .events-inner-wrap .events-bottom a img {
          display: block;
          width: 100%;
          transition: transform 0.3s ease;
          transform-origin: center bottom;
          max-width: unset;
          margin: 0 0 17px 0; }
          @media (min-width: 551px) {
            .perfect-event-wrap .perfect-event-wrap-inner .events-inner-wrap .events-bottom a img {
              max-width: 380px; } }
        .perfect-event-wrap .perfect-event-wrap-inner .events-inner-wrap .events-bottom a:hover {
          color: #7e2e2b;
          transform: translateY(-3px); }
  .perfect-event-wrap .testimonial-wrap {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 0;
    padding: 54px 0;
    border-top: 1px solid #e8e8e6;
    margin: 55px 0 0 0; }
    @media (min-width: 801px) {
      .perfect-event-wrap .testimonial-wrap {
        padding: 110px 0;
        gap: 47px;
        border-top: 0;
        margin: 0; } }
    .perfect-event-wrap .testimonial-wrap .testimonial-subheading {
      margin: 0;
      font-family: "Aileron", sans-serif;
      font-weight: 600;
      font-size: 14px;
      line-height: 160%;
      text-transform: uppercase;
      color: #1f1f1f;
      width: 100% !important;
      text-align: center; }
      @media (min-width: 801px) {
        .perfect-event-wrap .testimonial-wrap .testimonial-subheading {
          margin: 0 0 20px 0;
          font-size: 15px;
          text-align: left;
          width: fit-content; } }
    .perfect-event-wrap .testimonial-wrap .testimonial-heading {
      margin: 0 0 10px 0;
      font-family: "Aileron", sans-serif;
      font-weight: 400;
      font-size: 30px;
      line-height: 120%;
      letter-spacing: -1%;
      color: #3d4542;
      width: 100% !important;
      text-align: center; }
      @media (min-width: 801px) {
        .perfect-event-wrap .testimonial-wrap .testimonial-heading {
          width: unset;
          text-align: left;
          margin: 0 0 25px 0; } }
      @media (min-width: 1261px) {
        .perfect-event-wrap .testimonial-wrap .testimonial-heading {
          font-size: 46px; } }
    .perfect-event-wrap .testimonial-wrap .view-testimonial {
      margin: 30px auto 0 auto;
      width: 100%;
      max-width: 375px;
      height: 55px;
      background: #292c2b;
      color: #fff;
      text-align: center;
      align-content: center;
      text-decoration: navajowhite;
      border: 1px solid #292c2b;
      border-radius: 3px;
      font-family: "Aileron", sans-serif;
      font-weight: 600;
      font-size: 14px;
      line-height: 100%;
      color: #e0e0de;
      transition: 0.2s all ease; }
      @media (min-width: 801px) {
        .perfect-event-wrap .testimonial-wrap .view-testimonial {
          max-width: 234px;
          margin: 50px 0 0 0; } }
      .perfect-event-wrap .testimonial-wrap .view-testimonial:hover {
        transition: 0.2s all ease;
        background: transparent;
        color: #292c2b; }
    .perfect-event-wrap .testimonial-wrap .testimonial-subheading.desk,
    .perfect-event-wrap .testimonial-wrap .testimonial-heading.desk,
    .perfect-event-wrap .testimonial-wrap .view-testimonial.desk {
      display: none; }
      @media (min-width: 801px) {
        .perfect-event-wrap .testimonial-wrap .testimonial-subheading.desk,
        .perfect-event-wrap .testimonial-wrap .testimonial-heading.desk,
        .perfect-event-wrap .testimonial-wrap .view-testimonial.desk {
          display: block; } }
    .perfect-event-wrap .testimonial-wrap .testimonial-subheading.mbl,
    .perfect-event-wrap .testimonial-wrap .testimonial-heading.mbl,
    .perfect-event-wrap .testimonial-wrap .view-testimonial.mbl {
      display: block; }
      @media (min-width: 801px) {
        .perfect-event-wrap .testimonial-wrap .testimonial-subheading.mbl,
        .perfect-event-wrap .testimonial-wrap .testimonial-heading.mbl,
        .perfect-event-wrap .testimonial-wrap .view-testimonial.mbl {
          display: none; } }
    .perfect-event-wrap .testimonial-wrap .testimonial-content {
      width: 0; }
      @media (min-width: 801px) {
        .perfect-event-wrap .testimonial-wrap .testimonial-content {
          width: 50%; } }
    .perfect-event-wrap .testimonial-wrap .testimonial-card-wrap .testimonial-card {
      display: none;
      position: relative;
      background-color: #fff;
      padding: 30px 20px;
      border-radius: 3px;
      background-image: url('data:image/svg+xml,<svg width="115" height="91" viewBox="0 0 115 91" fill="none" xmlns="http://www.w3.org/2000/svg"><path opacity="0.03" d="M21.814 45.2856V48.3008H42.2852V90.5127H0.0732422V48.6182C0.0732422 16.7741 14.1439 0.852051 42.2852 0.852051V18.6255C35.0911 19.7892 29.8543 22.5399 26.5747 26.8774C23.4009 31.1092 21.814 37.2453 21.814 45.2856ZM93.7012 45.2856V48.3008H114.172V90.5127H72.1191V48.6182C72.1191 16.7741 86.1369 0.852051 114.172 0.852051V18.6255C100.525 20.424 93.7012 29.3107 93.7012 45.2856Z" fill="%231F1F1F"/></svg>');
      background-repeat: no-repeat;
      background-position: right 30px bottom 50px; }
      @media (min-width: 551px) {
        .perfect-event-wrap .testimonial-wrap .testimonial-card-wrap .testimonial-card {
          padding: 50px 20px; } }
      @media (min-width: 801px) {
        .perfect-event-wrap .testimonial-wrap .testimonial-card-wrap .testimonial-card {
          background-position: 30px 30px;
          padding: 20px; } }
      @media (min-width: 1261px) {
        .perfect-event-wrap .testimonial-wrap .testimonial-card-wrap .testimonial-card {
          padding: 50px 60px; } }
      .perfect-event-wrap .testimonial-wrap .testimonial-card-wrap .testimonial-card.one {
        display: block; }
      .perfect-event-wrap .testimonial-wrap .testimonial-card-wrap .testimonial-card .testimonial-desc {
        margin: 0;
        font-family: "Aileron", sans-serif;
        font-weight: 300;
        font-size: 16px;
        line-height: 160%;
        color: #1f1f1f; }
        @media (min-width: 801px) {
          .perfect-event-wrap .testimonial-wrap .testimonial-card-wrap .testimonial-card .testimonial-desc {
            font-size: 20px;
            line-height: 150%; } }
        @media (min-width: 1261px) {
          .perfect-event-wrap .testimonial-wrap .testimonial-card-wrap .testimonial-card .testimonial-desc {
            font-size: 20px; } }
      .perfect-event-wrap .testimonial-wrap .testimonial-card-wrap .testimonial-card .card-inner {
        display: flex;
        justify-content: space-between;
        align-items: center;
        margin: 30px 0 0 0;
        flex-direction: column; }
        @media (min-width: 801px) {
          .perfect-event-wrap .testimonial-wrap .testimonial-card-wrap .testimonial-card .card-inner {
            margin: 50px 0 0 0;
            flex-direction: row; } }
        .perfect-event-wrap .testimonial-wrap .testimonial-card-wrap .testimonial-card .card-inner .testimonial-writer {
          margin: 0;
          font-family: "Aileron", sans-serif;
          font-weight: 400;
          font-size: 16px;
          line-height: 160%;
          vertical-align: middle;
          color: #1f1f1f;
          width: 100%;
          text-align: left; }
          @media (min-width: 801px) {
            .perfect-event-wrap .testimonial-wrap .testimonial-card-wrap .testimonial-card .card-inner .testimonial-writer {
              width: unset;
              text-align: center; } }
        .perfect-event-wrap .testimonial-wrap .testimonial-card-wrap .testimonial-card .card-inner .testimonial-logo {
          width: 100%;
          max-width: 150px;
          margin: 0 auto; }
          @media (min-width: 801px) {
            .perfect-event-wrap .testimonial-wrap .testimonial-card-wrap .testimonial-card .card-inner .testimonial-logo {
              margin: unset; } }
    .perfect-event-wrap .testimonial-wrap .testimonial-image-wrap {
      width: 100%;
      display: flex;
      justify-content: space-between;
      align-items: center;
      gap: 17px;
      flex-wrap: wrap; }
      @media (min-width: 801px) {
        .perfect-event-wrap .testimonial-wrap .testimonial-image-wrap {
          gap: 29px 26px;
          width: 52%; } }
      .perfect-event-wrap .testimonial-wrap .testimonial-image-wrap .testimonial-image {
        position: relative;
        cursor: pointer;
        width: calc(50% - 9px); }
        @media (min-width: 551px) {
          .perfect-event-wrap .testimonial-wrap .testimonial-image-wrap .testimonial-image {
            width: calc(50% - 13px); } }
        .perfect-event-wrap .testimonial-wrap .testimonial-image-wrap .testimonial-image > img {
          width: 100%;
          opacity: 0.3;
          transition: opacity 0.3s ease;
          filter: grayscale(100%); }
        .perfect-event-wrap .testimonial-wrap .testimonial-image-wrap .testimonial-image.active > img {
          opacity: 1;
          filter: grayscale(0%); }
        .perfect-event-wrap .testimonial-wrap .testimonial-image-wrap .testimonial-image.active::after {
          content: "";
          position: absolute;
          bottom: -10px;
          right: -40px;
          width: 80px;
          height: 50px;
          background-image: url("data:image/svg+xml,<svg width='105' height='69' viewBox='0 0 105 69' fill='none' xmlns='http://www.w3.org/2000/svg'><circle cx='23' cy='23' r='22.5' stroke='white'/><path d='M17.4819 22.0396V22.457H20.3164V28.3018H14.4717V22.501C14.4717 18.0918 16.4199 15.8872 20.3164 15.8872V18.3481C19.3203 18.5093 18.5952 18.8901 18.1411 19.4907C17.7017 20.0767 17.4819 20.9263 17.4819 22.0396ZM27.4355 22.0396V22.457H30.27V28.3018H24.4473V22.501C24.4473 18.0918 26.3882 15.8872 30.27 15.8872V18.3481C28.3804 18.5972 27.4355 19.8276 27.4355 22.0396Z' fill='white'/> </svg>");
          background-repeat: no-repeat;
          background-size: contain;
          pointer-events: none; }
          @media (min-width: 801px) {
            .perfect-event-wrap .testimonial-wrap .testimonial-image-wrap .testimonial-image.active::after {
              right: -30px;
              bottom: 0; } }

.local-roots-banner {
  position: relative;
  width: 100%;
  height: 100%;
  min-height: 400px;
  background-image: url("https://store-12b4e7vdx4.mybigcommerce.com/content/img/local-root-banner.png");
  background-size: cover;
  background-position: center;
  background-attachment: unset;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  overflow: hidden; }
  @media (min-width: 801px) {
    .local-roots-banner {
      min-height: 600px;
      background-attachment: fixed; } }
  .local-roots-banner .local-roots-banner-content {
    background-color: rgba(31, 31, 31, 0.6);
    width: 100%;
    height: 100%;
    min-height: 400px;
    align-content: end; }
    @media (min-width: 801px) {
      .local-roots-banner .local-roots-banner-content {
        min-height: 600px; } }
    .local-roots-banner .local-roots-banner-content .banner-top-title {
      margin: 0 0 20px 0;
      font-family: "Aileron", sans-serif;
      font-weight: 600;
      font-size: 14px;
      line-height: 160%;
      text-align: center;
      text-transform: uppercase;
      color: #f2f2f0; }
      @media (min-width: 801px) {
        .local-roots-banner .local-roots-banner-content .banner-top-title {
          font-size: 15px; } }
    .local-roots-banner .local-roots-banner-content .banner-heading {
      font-family: "Aileron", sans-serif;
      font-weight: 400;
      font-size: 30px;
      line-height: 100%;
      letter-spacing: -1%;
      text-align: center;
      margin: 0 0 20px 0;
      color: #fff; }
      @media (min-width: 801px) {
        .local-roots-banner .local-roots-banner-content .banner-heading {
          font-size: 60px; } }
    .local-roots-banner .local-roots-banner-content .banner-subheading {
      font-family: "Aileron", sans-serif;
      font-weight: 400;
      font-size: 16px;
      line-height: 120%;
      letter-spacing: -1%;
      text-align: center;
      color: #fff;
      margin: 0 0 70px 0; }
      @media (min-width: 801px) {
        .local-roots-banner .local-roots-banner-content .banner-subheading {
          font-size: 20px; } }

.aboutUs-wrap {
  background: #f2f2f0;
  padding: 35px 0; }
  @media (min-width: 801px) {
    .aboutUs-wrap {
      padding: 75px 0; } }
  .aboutUs-wrap .aboutUs-inner {
    display: flex;
    justify-content: space-between;
    gap: 57px;
    flex-wrap: wrap; }
    @media (min-width: 801px) {
      .aboutUs-wrap .aboutUs-inner {
        gap: 57px; } }
    .aboutUs-wrap .aboutUs-inner .aboutUs-content {
      width: 100%; }
      @media (min-width: 801px) {
        .aboutUs-wrap .aboutUs-inner .aboutUs-content {
          width: calc(50% - 29px); } }
      .aboutUs-wrap .aboutUs-inner .aboutUs-content .aboutUs-heading {
        margin: 0 0 15px 0;
        font-family: "Aileron", sans-serif;
        font-weight: 400;
        font-size: 30px;
        line-height: 120%;
        letter-spacing: -1%;
        color: #1f1f1f; }
        @media (min-width: 551px) {
          .aboutUs-wrap .aboutUs-inner .aboutUs-content .aboutUs-heading {
            font-size: 46px; } }
      .aboutUs-wrap .aboutUs-inner .aboutUs-content .aboutUs-desc {
        margin: 0 0 5px 0;
        font-family: "Aileron", sans-serif;
        font-weight: 300;
        font-size: 16px;
        line-height: 160%;
        letter-spacing: 0%;
        width: 100%;
        max-width: 520px; }
        @media (min-width: 551px) {
          .aboutUs-wrap .aboutUs-inner .aboutUs-content .aboutUs-desc {
            line-height: 150%; } }
      .aboutUs-wrap .aboutUs-inner .aboutUs-content .aboutUs-accordion-wrap .accordion-Heading {
        margin: 0;
        padding: 25px 0 30px 0;
        font-family: "Aileron", sans-serif;
        font-weight: 600;
        font-size: 20px;
        line-height: 110%;
        color: #1f1f1f;
        border-bottom: 1px solid #c3c5c3;
        background-image: url('data:image/svg+xml,<svg width="24" height="25" viewBox="0 0 24 25" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13 7.5C13 6.94772 12.5523 6.5 12 6.5C11.4477 6.5 11 6.94772 11 7.5V17.5C11 18.0523 11.4477 18.5 12 18.5C12.5523 18.5 13 18.0523 13 17.5V7.5Z" fill="%231F1F1F"/><path d="M7 11.5C6.44772 11.5 6 11.9477 6 12.5C6 13.0523 6.44772 13.5 7 13.5H17C17.5523 13.5 18 13.0523 18 12.5C18 11.9477 17.5523 11.5 17 11.5H7Z" fill="%231F1F1F"/></svg>');
        background-repeat: no-repeat;
        background-position: right center; }
        .aboutUs-wrap .aboutUs-inner .aboutUs-content .aboutUs-accordion-wrap .accordion-Heading.current {
          border: 0;
          background-image: url('data:image/svg+xml,<svg width="24" height="25" viewBox="0 0 24 25" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M7 11.5C6.44772 11.5 6 11.9477 6 12.5C6 13.0523 6.44772 13.5 7 13.5H17C17.5523 13.5 18 13.0523 18 12.5C18 11.9477 17.5523 11.5 17 11.5H7Z" fill="%231F1F1F"/></svg>'); }
          .aboutUs-wrap .aboutUs-inner .aboutUs-content .aboutUs-accordion-wrap .accordion-Heading.current + .accordion-desc {
            border-bottom: 1px solid #c3c5c3;
            padding: 10px 0 40px 0; }
      .aboutUs-wrap .aboutUs-inner .aboutUs-content .aboutUs-accordion-wrap .accordion-desc .membership-logos {
        width: 100%;
        max-width: unset;
        display: flex;
        justify-content: center;
        margin: 0 auto;
        align-items: flex-end;
        gap: 30px;
        flex-wrap: wrap; }
        @media (min-width: 551px) {
          .aboutUs-wrap .aboutUs-inner .aboutUs-content .aboutUs-accordion-wrap .accordion-desc .membership-logos {
            gap: 45px;
            max-width: 80%; } }
        .aboutUs-wrap .aboutUs-inner .aboutUs-content .aboutUs-accordion-wrap .accordion-desc .membership-logos > span {
          display: block;
          width: calc(33% - 30px); }
          .aboutUs-wrap .aboutUs-inner .aboutUs-content .aboutUs-accordion-wrap .accordion-desc .membership-logos > span > img {
            display: block;
            width: 100%; }
      .aboutUs-wrap .aboutUs-inner .aboutUs-content .aboutUs-accordion-wrap .accordion-desc .recent-press-wrap .recent-press {
        margin: 0 0 20px 0;
        display: flex;
        justify-content: flex-start;
        align-items: flex-start;
        gap: 15px; }
        @media (min-width: 551px) {
          .aboutUs-wrap .aboutUs-inner .aboutUs-content .aboutUs-accordion-wrap .accordion-desc .recent-press-wrap .recent-press {
            margin: 0 0 33px 0;
            gap: 35px; } }
        .aboutUs-wrap .aboutUs-inner .aboutUs-content .aboutUs-accordion-wrap .accordion-desc .recent-press-wrap .recent-press .press-image {
          display: block;
          width: 100%;
          max-width: 120px;
          border-radius: 3px;
          height: 100%; }
        .aboutUs-wrap .aboutUs-inner .aboutUs-content .aboutUs-accordion-wrap .accordion-desc .recent-press-wrap .recent-press .press-content .press-heading {
          font-family: "Aileron", sans-serif;
          font-weight: 600;
          font-size: 14px;
          line-height: 150%;
          text-transform: uppercase;
          margin: 0 0 5px 0;
          color: #1f1f1f; }
          @media (min-width: 551px) {
            .aboutUs-wrap .aboutUs-inner .aboutUs-content .aboutUs-accordion-wrap .accordion-desc .recent-press-wrap .recent-press .press-content .press-heading {
              margin: 0 0 8px 0; } }
        .aboutUs-wrap .aboutUs-inner .aboutUs-content .aboutUs-accordion-wrap .accordion-desc .recent-press-wrap .recent-press .press-content .press-desc {
          margin: 0 0 5px 0;
          font-family: "Aileron", sans-serif;
          font-weight: 300;
          font-size: 12px;
          line-height: 150%;
          color: #1f1f1f; }
          @media (min-width: 551px) {
            .aboutUs-wrap .aboutUs-inner .aboutUs-content .aboutUs-accordion-wrap .accordion-desc .recent-press-wrap .recent-press .press-content .press-desc {
              margin: 0 0 8px 0;
              font-size: 16px; } }
        .aboutUs-wrap .aboutUs-inner .aboutUs-content .aboutUs-accordion-wrap .accordion-desc .recent-press-wrap .recent-press .press-content .read-article {
          margin: 0;
          font-family: "Aileron", sans-serif;
          font-weight: 600;
          font-size: 16px;
          line-height: 150%;
          text-decoration: underline;
          color: #1f1f1f; }
          .aboutUs-wrap .aboutUs-inner .aboutUs-content .aboutUs-accordion-wrap .accordion-desc .recent-press-wrap .recent-press .press-content .read-article:hover {
            color: #7e2e2b;
            text-decoration: none; }
      .aboutUs-wrap .aboutUs-inner .aboutUs-content .aboutUs-accordion-wrap .accordion-desc .product-supprt-wrap {
        display: flex;
        justify-content: center;
        align-items: center;
        gap: 15px;
        flex-wrap: wrap; }
        @media (min-width: 801px) {
          .aboutUs-wrap .aboutUs-inner .aboutUs-content .aboutUs-accordion-wrap .accordion-desc .product-supprt-wrap {
            justify-content: flex-start; } }
        .aboutUs-wrap .aboutUs-inner .aboutUs-content .aboutUs-accordion-wrap .accordion-desc .product-supprt-wrap .product-support {
          display: block;
          width: 100%;
          max-width: 370px;
          height: 55px;
          text-align: center;
          align-content: center;
          text-decoration: none;
          border: 1px solid #e0e0de;
          border-radius: 3px;
          background-color: #e0e0de;
          font-family: "Aileron", sans-serif;
          font-weight: 600;
          font-size: 14px;
          line-height: 100%;
          color: #1f1f1f;
          transition: 0.2s all ease; }
          @media (min-width: 801px) {
            .aboutUs-wrap .aboutUs-inner .aboutUs-content .aboutUs-accordion-wrap .accordion-desc .product-supprt-wrap .product-support {
              width: calc(50% - 8px);
              max-width: 271px; } }
          @media (min-width: 801px) {
            .aboutUs-wrap .aboutUs-inner .aboutUs-content .aboutUs-accordion-wrap .accordion-desc .product-supprt-wrap .product-support {
              font-size: 12px;
              background-position: right 10px center; } }
          @media (min-width: 1261px) {
            .aboutUs-wrap .aboutUs-inner .aboutUs-content .aboutUs-accordion-wrap .accordion-desc .product-supprt-wrap .product-support {
              font-size: 14px;
              background-position: right 50px center; } }
          .aboutUs-wrap .aboutUs-inner .aboutUs-content .aboutUs-accordion-wrap .accordion-desc .product-supprt-wrap .product-support:hover {
            background-color: #f2f2f0;
            border-color: #1f1f1f; }
          .aboutUs-wrap .aboutUs-inner .aboutUs-content .aboutUs-accordion-wrap .accordion-desc .product-supprt-wrap .product-support span {
            border: 0 !important;
            position: relative;
            padding-right: 15px;
            display: inline-block; }
            .aboutUs-wrap .aboutUs-inner .aboutUs-content .aboutUs-accordion-wrap .accordion-desc .product-supprt-wrap .product-support span:before {
              content: "";
              background-image: url("data:image/svg+xml,<svg width='12' height='13' viewBox='0 0 12 13' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M5.99998 0.899902L5.01298 1.8939L8.91898 5.7999L0.399977 5.7999L0.399976 7.1999L8.91898 7.1999L5.01298 11.1129L5.99998 12.0999L11.6 6.4999L5.99998 0.899902Z' fill='%231F1F1F'/></svg>");
              background-repeat: no-repeat;
              background-position: left center;
              width: 12px;
              height: 13px;
              display: inline-block;
              position: absolute;
              right: -10px;
              background-size: 12px; }
      .aboutUs-wrap .aboutUs-inner .aboutUs-content .read-more {
        display: block;
        margin: 40px auto 0 auto;
        width: 100%;
        max-width: 375px;
        height: 55px;
        background: #292c2b;
        border: 1px solid #292c2b;
        border-radius: 3px;
        color: #e0e0de;
        text-align: center;
        align-content: center;
        text-decoration: none;
        font-family: "Aileron", sans-serif;
        font-weight: 600;
        font-size: 14px;
        line-height: 100%;
        transition: 0.2s all ease; }
        @media (min-width: 551px) {
          .aboutUs-wrap .aboutUs-inner .aboutUs-content .read-more {
            max-width: 172px;
            margin: 50px 0 0 0; } }
        .aboutUs-wrap .aboutUs-inner .aboutUs-content .read-more:hover {
          transition: 0.2s all ease;
          background-color: transparent;
          color: #292c2b; }
    .aboutUs-wrap .aboutUs-inner .aboutUs-image {
      width: 100%; }
      @media (min-width: 801px) {
        .aboutUs-wrap .aboutUs-inner .aboutUs-image {
          width: calc(50% - 29px); } }
      .aboutUs-wrap .aboutUs-inner .aboutUs-image > img {
        width: 100%;
        border-radius: 3px;
        object-fit: cover; }

.home-blog-wrap {
  background: #f2f2f0;
  padding: 0 0 50px 0; }
  @media (min-width: 551px) {
    .home-blog-wrap {
      padding: 20px 0 80px 0; } }
  .home-blog-wrap .home-blog-subheading {
    font-family: "Aileron", sans-serif;
    font-weight: 600;
    font-size: 14px;
    line-height: 160%;
    text-align: center;
    text-transform: uppercase;
    color: #1f1f1f;
    margin: 0 0 15px 0; }
    @media (min-width: 551px) {
      .home-blog-wrap .home-blog-subheading {
        font-size: 16px;
        margin: 0 0 20px 0; } }
  .home-blog-wrap .home-blog-heading {
    font-family: "Aileron", sans-serif;
    font-weight: 400;
    font-size: 30px;
    line-height: 120%;
    text-align: center;
    color: #3d4542;
    margin: 0 0 30px 0; }
    @media (min-width: 551px) {
      .home-blog-wrap .home-blog-heading {
        font-size: 46px;
        margin: 0 0 50px 0; } }
  .home-blog-wrap .HomeRecentBlogPost .blogCarousel {
    max-height: 450px; }
    .home-blog-wrap .HomeRecentBlogPost .blogCarousel .HomeRecentBlogPost-slide {
      margin: 0 8px;
      max-width: 290px; }
      @media (min-width: 551px) {
        .home-blog-wrap .HomeRecentBlogPost .blogCarousel .HomeRecentBlogPost-slide {
          margin: 0 15px;
          max-width: 380px; } }
      .home-blog-wrap .HomeRecentBlogPost .blogCarousel .HomeRecentBlogPost-slide .HomeRecentBlogPost_Img > a > img {
        max-width: 380px;
        border-radius: 3px; }
      .home-blog-wrap .HomeRecentBlogPost .blogCarousel .HomeRecentBlogPost-slide .HomeRecentBlogPost_Title {
        margin: 20px 0;
        line-height: 0;
        width: 95%; }
        @media (min-width: 551px) {
          .home-blog-wrap .HomeRecentBlogPost .blogCarousel .HomeRecentBlogPost-slide .HomeRecentBlogPost_Title {
            margin: 29px 0 23px 0; } }
        .home-blog-wrap .HomeRecentBlogPost .blogCarousel .HomeRecentBlogPost-slide .HomeRecentBlogPost_Title > a {
          font-family: "Aileron", sans-serif;
          font-weight: 400;
          font-size: 20px;
          line-height: 120%;
          color: #3d4542;
          text-align: left;
          text-decoration: none; }
      .home-blog-wrap .HomeRecentBlogPost .blogCarousel .HomeRecentBlogPost-slide .HomeRecentBlogPost_Desc {
        margin: 0 0 16px 0;
        font-family: "Aileron", sans-serif;
        font-weight: 300;
        font-size: 16px;
        line-height: 150%;
        color: #1f1f1f; }
        @media (min-width: 551px) {
          .home-blog-wrap .HomeRecentBlogPost .blogCarousel .HomeRecentBlogPost-slide .HomeRecentBlogPost_Desc {
            margin: 0 0 20px 0; } }
      .home-blog-wrap .HomeRecentBlogPost .blogCarousel .HomeRecentBlogPost-slide .HomeRecentBlogPost_Readmore > a {
        font-family: "Aileron", sans-serif;
        font-weight: 700;
        font-size: 14px;
        line-height: 160%;
        text-decoration: none;
        text-transform: uppercase;
        color: #1f1f1f; }
        .home-blog-wrap .HomeRecentBlogPost .blogCarousel .HomeRecentBlogPost-slide .HomeRecentBlogPost_Readmore > a:hover {
          color: #7e2e2b; }
    .home-blog-wrap .HomeRecentBlogPost .blogCarousel .slick-arrow {
      height: 50px;
      width: 50px;
      padding: 0;
      border-radius: 50px;
      background: #f2f2f0;
      border: 00;
      position: absolute;
      top: 100px !important; }
      @media (min-width: 551px) {
        .home-blog-wrap .HomeRecentBlogPost .blogCarousel .slick-arrow {
          top: 220px !important; } }
      @media (min-width: 801px) {
        .home-blog-wrap .HomeRecentBlogPost .blogCarousel .slick-arrow {
          background: transparent;
          top: -34px !important; } }
      .home-blog-wrap .HomeRecentBlogPost .blogCarousel .slick-arrow:before {
        width: 100%;
        height: 100%;
        border-radius: 50px; }
      .home-blog-wrap .HomeRecentBlogPost .blogCarousel .slick-arrow:hover {
        border: 0; }
      .home-blog-wrap .HomeRecentBlogPost .blogCarousel .slick-arrow.slick-prev {
        right: unset !important;
        left: 10px !important; }
        @media (min-width: 551px) {
          .home-blog-wrap .HomeRecentBlogPost .blogCarousel .slick-arrow.slick-prev {
            left: 70px !important; } }
        .home-blog-wrap .HomeRecentBlogPost .blogCarousel .slick-arrow.slick-prev:before {
          background-size: 10px;
          background-image: url('data:image/svg+xml,<svg width="10" height="18" viewBox="0 0 10 18" fill="%239E9E9C" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M1.05375 9.91416L8.125 17.1874L9.8925 15.3694L3.705 9.00516L9.8925 2.64088L8.125 0.822876L1.05375 8.09616C0.819411 8.33727 0.687767 8.66424 0.687767 9.00516C0.687767 9.34609 0.819411 9.67306 1.05375 9.91416Z" fill="%239E9E9C"/></svg>'); }
        .home-blog-wrap .HomeRecentBlogPost .blogCarousel .slick-arrow.slick-prev:hover:before {
          background-image: url('data:image/svg+xml,<svg width="10" height="18" viewBox="0 0 10 18" fill="%237E2E2B" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M1.05375 9.91416L8.125 17.1874L9.8925 15.3694L3.705 9.00516L9.8925 2.64088L8.125 0.822876L1.05375 8.09616C0.819411 8.33727 0.687767 8.66424 0.687767 9.00516C0.687767 9.34609 0.819411 9.67306 1.05375 9.91416Z" fill="%237E2E2B"/></svg>'); }
      .home-blog-wrap .HomeRecentBlogPost .blogCarousel .slick-arrow.slick-next {
        left: unset !important;
        right: 10px !important; }
        @media (min-width: 551px) {
          .home-blog-wrap .HomeRecentBlogPost .blogCarousel .slick-arrow.slick-next {
            right: 70px !important; } }
        .home-blog-wrap .HomeRecentBlogPost .blogCarousel .slick-arrow.slick-next:before {
          background-size: 10px;
          background-image: url('data:image/svg+xml,<svg width="10" height="18" viewBox="0 0 10 18" fill="%239E9E9C" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.94629 9.91416L1.87504 17.1874L0.107544 15.3694L6.29505 9.00516L0.107544 2.64088L1.87504 0.822876L8.94629 8.09616C9.18063 8.33727 9.31228 8.66424 9.31228 9.00516C9.31228 9.34609 9.18063 9.67306 8.94629 9.91416Z" fill="%239E9E9C"/></svg>'); }
        .home-blog-wrap .HomeRecentBlogPost .blogCarousel .slick-arrow.slick-next:hover:before {
          background-image: url('data:image/svg+xml,<svg width="10" height="18" viewBox="0 0 10 18" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.94629 9.91416L1.87504 17.1874L0.107544 15.3694L6.29505 9.00516L0.107544 2.64088L1.87504 0.822876L8.94629 8.09616C9.18063 8.33727 9.31228 8.66424 9.31228 9.00516C9.31228 9.34609 9.18063 9.67306 8.94629 9.91416Z" fill="%237E2E2B"/></svg>'); }

/*-----------Hero Page End ----------*/
/*-----------Footer Start ----------*/
.footer-top-wrap {
  background: #e0e0de;
  padding: 56px 0 7px 0; }
  .footer-top-wrap .footer-newsLetter-wrap {
    position: relative; }
    .footer-top-wrap .footer-newsLetter-wrap .newsLetter-Image {
      width: 100%;
      min-height: 385px; }
      @media (min-width: 551px) {
        .footer-top-wrap .footer-newsLetter-wrap .newsLetter-Image {
          min-height: 364px; } }
    .footer-top-wrap .footer-newsLetter-wrap .newsLetter-wrap {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background: #3D4542;
      background: linear-gradient(360deg, #3d4542 0%, rgba(61, 69, 66, 0) 100%); }
      .footer-top-wrap .footer-newsLetter-wrap .newsLetter-wrap .newsLetter-wrap-inner {
        width: 100%;
        max-width: unset;
        margin: 0 auto;
        padding: 0 20px; }
        @media (min-width: 801px) {
          .footer-top-wrap .footer-newsLetter-wrap .newsLetter-wrap .newsLetter-wrap-inner {
            padding: 0;
            max-width: 700px; } }
        .footer-top-wrap .footer-newsLetter-wrap .newsLetter-wrap .newsLetter-wrap-inner .footer-info-heading {
          margin: 36px 0 6px 0;
          font-family: "Aileron", sans-serif;
          font-weight: 400;
          font-size: 30px;
          line-height: 120%;
          text-align: center;
          color: #fff; }
          @media (min-width: 801px) {
            .footer-top-wrap .footer-newsLetter-wrap .newsLetter-wrap .newsLetter-wrap-inner .footer-info-heading {
              font-size: 33px;
              margin: 54px 0 6px 0; } }
          .footer-top-wrap .footer-newsLetter-wrap .newsLetter-wrap .newsLetter-wrap-inner .footer-info-heading + p {
            margin: 0 0 16px 0;
            font-family: "Aileron", sans-serif;
            font-weight: 400;
            font-size: 14px;
            line-height: 140%;
            text-align: center;
            color: #fff; }
            @media (min-width: 801px) {
              .footer-top-wrap .footer-newsLetter-wrap .newsLetter-wrap .newsLetter-wrap-inner .footer-info-heading + p {
                margin: 0 0 28px 0; } }
        .footer-top-wrap .footer-newsLetter-wrap .newsLetter-wrap .newsLetter-wrap-inner .form {
          margin: 0 0 20px 0; }
          @media (min-width: 551px) {
            .footer-top-wrap .footer-newsLetter-wrap .newsLetter-wrap .newsLetter-wrap-inner .form {
              margin: 0 0 50px 0; } }
          .footer-top-wrap .footer-newsLetter-wrap .newsLetter-wrap .newsLetter-wrap-inner .form .form-fieldset .form-field {
            margin: 0; }
            .footer-top-wrap .footer-newsLetter-wrap .newsLetter-wrap .newsLetter-wrap-inner .form .form-fieldset .form-field .form-prefixPostfix .form-input {
              width: 100%;
              height: 55px;
              background: #4f5653;
              border-color: none;
              border-style: none;
              border-width: 0;
              color: #e0e0de;
              border-top-left-radius: 3px;
              border-bottom-left-radius: 3px;
              border-top-right-radius: 0;
              border-bottom-right-radius: 0; }
              @media (min-width: 551px) {
                .footer-top-wrap .footer-newsLetter-wrap .newsLetter-wrap .newsLetter-wrap-inner .form .form-fieldset .form-field .form-prefixPostfix .form-input {
                  width: calc(100% - 132px); } }
              .footer-top-wrap .footer-newsLetter-wrap .newsLetter-wrap .newsLetter-wrap-inner .form .form-fieldset .form-field .form-prefixPostfix .form-input::placeholder {
                border: 0;
                font-family: "Aileron", sans-serif;
                font-weight: 300;
                font-size: 16px;
                line-height: 100%;
                color: #e0e0de; }
            .footer-top-wrap .footer-newsLetter-wrap .newsLetter-wrap .newsLetter-wrap-inner .form .form-fieldset .form-field .form-prefixPostfix .form-prefixPostfix-button--postfix {
              width: 100%;
              height: 55px;
              margin: 10px 0 0 0;
              background-color: #1f1f1f;
              border: 1px solid #1f1f1f;
              color: #fff;
              font-family: "Aileron", sans-serif;
              font-weight: 600;
              font-size: 14px;
              line-height: 100%;
              border-top-left-radius: 0;
              border-bottom-left-radius: 0;
              border-top-right-radius: 3px;
              border-bottom-right-radius: 3px;
              padding: 16px 26px; }
              @media (min-width: 551px) {
                .footer-top-wrap .footer-newsLetter-wrap .newsLetter-wrap .newsLetter-wrap-inner .form .form-fieldset .form-field .form-prefixPostfix .form-prefixPostfix-button--postfix {
                  margin: 0;
                  width: 132px; } }
              .footer-top-wrap .footer-newsLetter-wrap .newsLetter-wrap .newsLetter-wrap-inner .form .form-fieldset .form-field .form-prefixPostfix .form-prefixPostfix-button--postfix:hover {
                background-color: #fff;
                border: 1px solid #fff;
                color: #1f1f1f; }
        .footer-top-wrap .footer-newsLetter-wrap .newsLetter-wrap .newsLetter-wrap-inner .Custom-SocialLinks {
          width: 100%;
          max-width: unset;
          margin: 0 auto; }
          @media (min-width: 551px) {
            .footer-top-wrap .footer-newsLetter-wrap .newsLetter-wrap .newsLetter-wrap-inner .Custom-SocialLinks {
              max-width: 365px; } }
          .footer-top-wrap .footer-newsLetter-wrap .newsLetter-wrap .newsLetter-wrap-inner .Custom-SocialLinks .Custom-SocialLinks-inner {
            width: 100%;
            display: flex;
            justify-content: center;
            align-items: center;
            gap: 10px; }
            @media (min-width: 551px) {
              .footer-top-wrap .footer-newsLetter-wrap .newsLetter-wrap .newsLetter-wrap-inner .Custom-SocialLinks .Custom-SocialLinks-inner {
                gap: 30px; } }
            .footer-top-wrap .footer-newsLetter-wrap .newsLetter-wrap .newsLetter-wrap-inner .Custom-SocialLinks .Custom-SocialLinks-inner .Custom-SocialLink {
              display: flex;
              justify-content: center;
              align-items: center;
              height: 48px;
              width: 48px;
              background: #4e5552;
              border-radius: 50px; }
              .footer-top-wrap .footer-newsLetter-wrap .newsLetter-wrap .newsLetter-wrap-inner .Custom-SocialLinks .Custom-SocialLinks-inner .Custom-SocialLink:hover {
                background: #f36c21; }
              .footer-top-wrap .footer-newsLetter-wrap .newsLetter-wrap .newsLetter-wrap-inner .Custom-SocialLinks .Custom-SocialLinks-inner .Custom-SocialLink svg {
                height: 15px;
                width: 15px;
                fill: #fff; }
  .footer-top-wrap .our-support-top-wrap {
    padding: 40px 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-direction: column;
    gap: 30px;
    border-bottom: 0; }
    @media (min-width: 801px) {
      .footer-top-wrap .our-support-top-wrap {
        border-bottom: 1px solid #c7c9c6; } }
    @media (min-width: 1261px) {
      .footer-top-wrap .our-support-top-wrap {
        gap: 0;
        flex-direction: row; } }
    .footer-top-wrap .our-support-top-wrap .have-question-heading {
      margin: 0;
      font-family: "Aileron", sans-serif;
      font-weight: 400;
      font-size: 30px;
      line-height: 120%;
      color: #1f1f1f;
      width: 100%;
      max-width: unset;
      text-align: center; }
      @media (min-width: 801px) {
        .footer-top-wrap .our-support-top-wrap .have-question-heading {
          font-size: 33px;
          max-width: 480px;
          text-align: left; } }
    .footer-top-wrap .our-support-top-wrap .support-links {
      display: flex;
      justify-content: flex-end;
      align-items: center;
      gap: 10px;
      flex-direction: column;
      width: 100%; }
      @media (min-width: 801px) {
        .footer-top-wrap .our-support-top-wrap .support-links {
          gap: 30px;
          width: unset;
          flex-direction: row; } }
      .footer-top-wrap .our-support-top-wrap .support-links .our-support-link {
        display: block;
        width: 100%;
        max-width: 374px;
        background: #292c2b;
        height: 55px;
        text-align: center;
        align-content: center;
        border: 1px solid #292c2b;
        border-radius: 3px;
        font-family: "Aileron", sans-serif;
        font-weight: 600;
        font-size: 14px;
        line-height: 100%;
        color: #fff;
        text-decoration: none;
        background-image: url('data:image/svg+xml,<svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M6.49998 0.649902L5.51298 1.6439L9.41898 5.5499L0.899977 5.5499L0.899976 6.9499L9.41898 6.9499L5.51298 10.8629L6.49998 11.8499L12.1 6.2499L6.49998 0.649902Z" fill="white"/></svg>');
        background-repeat: no-repeat;
        background-position: right 70px center;
        transition: 0.2s all ease; }
        @media (min-width: 551px) {
          .footer-top-wrap .our-support-top-wrap .support-links .our-support-link {
            background-position: right 100px center; } }
        @media (min-width: 801px) {
          .footer-top-wrap .our-support-top-wrap .support-links .our-support-link {
            width: 200px;
            background-position: right 30px center; } }
        .footer-top-wrap .our-support-top-wrap .support-links .our-support-link:hover {
          color: #292c2b;
          transition: 0.2s all ease;
          background-color: transparent;
          background-image: url('data:image/svg+xml,<svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M6.49998 0.649902L5.51298 1.6439L9.41898 5.5499L0.899977 5.5499L0.899976 6.9499L9.41898 6.9499L5.51298 10.8629L6.49998 11.8499L12.1 6.2499L6.49998 0.649902Z" fill="black"/></svg>');
          background-position: right 60px center; }
          @media (min-width: 551px) {
            .footer-top-wrap .our-support-top-wrap .support-links .our-support-link:hover {
              background-position: right 90px center; } }
          @media (min-width: 801px) {
            .footer-top-wrap .our-support-top-wrap .support-links .our-support-link:hover {
              background-position: right 20px center; } }
  .footer-top-wrap .our-support-bottom-wrap {
    padding: 36px 0;
    display: flex;
    justify-content: space-around;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap; }
    @media (max-width: 800px) {
      .footer-top-wrap .our-support-bottom-wrap {
        padding: 20px 0 40px 0;
        -webkit-overflow-scrolling: touch; }
        .footer-top-wrap .our-support-bottom-wrap .swiper-wrapper {
          margin-bottom: 42px; } }
    .footer-top-wrap .our-support-bottom-wrap .support-inner {
      text-align: center; }
      @media (max-width: 800px) {
        .footer-top-wrap .our-support-bottom-wrap .support-inner {
          min-width: 200px;
          flex: 0 0 auto;
          margin-right: 16px; } }
      @media (max-width: 550px) {
        .footer-top-wrap .our-support-bottom-wrap .support-inner {
          min-width: 100%; } }
      .footer-top-wrap .our-support-bottom-wrap .support-inner span {
        display: block;
        margin: 0 auto 10px;
        height: 30px;
        width: 30px;
        text-align: center;
        align-content: center; }
        @media (max-width: 550px) {
          .footer-top-wrap .our-support-bottom-wrap .support-inner span {
            margin: 0 auto 20px; } }
        .footer-top-wrap .our-support-bottom-wrap .support-inner span svg {
          width: 100%;
          height: 100%;
          fill: #7e2e2b; }
      .footer-top-wrap .our-support-bottom-wrap .support-inner .support-title {
        margin: 0;
        font-family: "Aileron", sans-serif;
        font-weight: 600;
        font-size: 16px;
        line-height: 180%;
        color: #1f1f1f;
        text-transform: capitalize; }
      .footer-top-wrap .our-support-bottom-wrap .support-inner .support-desc {
        margin: 0;
        font-family: "Aileron", sans-serif;
        font-weight: 300;
        font-size: 13px;
        line-height: 140%;
        text-align: center; }

.footer {
  background: #fff;
  padding: 60px 0; }
  @media (min-width: 801px) {
    .footer {
      padding: 60px 40px 8px 40px; } }
  .footer .footer-info {
    padding: 0;
    border-bottom: 0; }
    @media (min-width: 801px) {
      .footer .footer-info {
        padding: 0 0 40px 0;
        border-bottom: 1px solid #ebebeb; } }
    .footer .footer-info .footer-info-col {
      text-align: left; }
      .footer .footer-info .footer-info-col.StoreInfo {
        width: 100%;
        text-align: center;
        margin: 0 0 30px 0; }
        @media (min-width: 801px) {
          .footer .footer-info .footer-info-col.StoreInfo {
            margin: 0;
            text-align: left;
            width: 25%; } }
        .footer .footer-info .footer-info-col.StoreInfo .footer-info-logo {
          margin: 0; }
          .footer .footer-info .footer-info-col.StoreInfo .footer-info-logo > img {
            width: 100%;
            max-width: 170px; }
        .footer .footer-info .footer-info-col.StoreInfo .StoreDesc {
          margin: 17px 0;
          font-family: "Aileron", sans-serif;
          font-weight: 400;
          font-size: 14px;
          line-height: 160%;
          color: #1f1f1f;
          width: 100%;
          max-width: unset; }
          @media (min-width: 801px) {
            .footer .footer-info .footer-info-col.StoreInfo .StoreDesc {
              max-width: 250px; } }
          .footer .footer-info .footer-info-col.StoreInfo .StoreDesc span {
            font-weight: 900; }
        .footer .footer-info .footer-info-col.StoreInfo .StoreInfo-inner {
          margin: 0;
          list-style-type: none; }
          .footer .footer-info .footer-info-col.StoreInfo .StoreInfo-inner li {
            display: flex;
            justify-content: center;
            align-items: center;
            gap: 17px;
            margin-bottom: 17px; }
            @media (min-width: 801px) {
              .footer .footer-info .footer-info-col.StoreInfo .StoreInfo-inner li {
                justify-content: flex-start;
                align-items: flex-start; } }
            .footer .footer-info .footer-info-col.StoreInfo .StoreInfo-inner li span {
              display: inline-block;
              height: 18px;
              width: 18px;
              position: relative;
              top: 3px; }
              .footer .footer-info .footer-info-col.StoreInfo .StoreInfo-inner li span > svg {
                height: 100%;
                width: 100%;
                fill: inherit;
                stroke: inherit; }
              .footer .footer-info .footer-info-col.StoreInfo .StoreInfo-inner li span img {
                width: 100%;
                height: 100%;
                object-fit: contain;
                display: block; }
            .footer .footer-info .footer-info-col.StoreInfo .StoreInfo-inner li p {
              margin: 0;
              font-family: "Aileron", sans-serif;
              font-weight: 400;
              font-size: 14px;
              line-height: 140%;
              color: #1f1f1f; }
              .footer .footer-info .footer-info-col.StoreInfo .StoreInfo-inner li p a {
                text-decoration: none; }
                .footer .footer-info .footer-info-col.StoreInfo .StoreInfo-inner li p a.telephone {
                  font-weight: 700; }
                .footer .footer-info .footer-info-col.StoreInfo .StoreInfo-inner li p a:hover {
                  color: #7e2e2b; }
              .footer .footer-info .footer-info-col.StoreInfo .StoreInfo-inner li p br {
                display: none; }
                @media (min-width: 801px) {
                  .footer .footer-info .footer-info-col.StoreInfo .StoreInfo-inner li p br {
                    display: block; } }
      .footer .footer-info .footer-info-col.customer-service .footer-info-heading {
        border-top: 1px solid #ebebeb; }
        @media (min-width: 801px) {
          .footer .footer-info .footer-info-col.customer-service .footer-info-heading {
            border-top: 0; } }
      .footer .footer-info .footer-info-col.customer-service, .footer .footer-info .footer-info-col.order-sales, .footer .footer-info .footer-info-col.comany, .footer .footer-info .footer-info-col.information {
        width: 100%; }
        @media (min-width: 801px) {
          .footer .footer-info .footer-info-col.customer-service, .footer .footer-info .footer-info-col.order-sales, .footer .footer-info .footer-info-col.comany, .footer .footer-info .footer-info-col.information {
            width: calc(75% / 4); } }
        @media (min-width: 1261px) {
          .footer .footer-info .footer-info-col.customer-service, .footer .footer-info .footer-info-col.order-sales, .footer .footer-info .footer-info-col.comany, .footer .footer-info .footer-info-col.information {
            max-width: 187px;
            margin-left: 45px; } }
      .footer .footer-info .footer-info-col .footer-info-heading {
        font-family: "Aileron", sans-serif;
        font-weight: 600;
        font-size: 18px;
        line-height: 160%;
        margin: 0 0 30px 0;
        color: #1f1f1f;
        margin: 0;
        padding: 20px 0;
        border-bottom: 1px solid #ebebeb;
        background-image: url('data:image/svg+xml,<svg width="24" height="25" viewBox="0 0 24 25" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13 7.5C13 6.94772 12.5523 6.5 12 6.5C11.4477 6.5 11 6.94772 11 7.5V17.5C11 18.0523 11.4477 18.5 12 18.5C12.5523 18.5 13 18.0523 13 17.5V7.5Z" fill="%231F1F1F"/><path d="M7 11.5C6.44772 11.5 6 11.9477 6 12.5C6 13.0523 6.44772 13.5 7 13.5H17C17.5523 13.5 18 13.0523 18 12.5C18 11.9477 17.5523 11.5 17 11.5H7Z" fill="%231F1F1F"/></svg>');
        background-repeat: no-repeat;
        background-position: right center; }
        .footer .footer-info .footer-info-col .footer-info-heading.current {
          border-bottom: 0;
          background-image: url('data:image/svg+xml,<svg width="24" height="25" viewBox="0 0 24 25" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M7 11.5C6.44772 11.5 6 11.9477 6 12.5C6 13.0523 6.44772 13.5 7 13.5H17C17.5523 13.5 18 13.0523 18 12.5C18 11.9477 17.5523 11.5 17 11.5H7Z" fill="%231F1F1F"/></svg>'); }
          .footer .footer-info .footer-info-col .footer-info-heading.current + .footer-info-list {
            border-bottom: 1px solid #ebebeb;
            padding-bottom: 20px; }
        @media (min-width: 801px) {
          .footer .footer-info .footer-info-col .footer-info-heading {
            background-image: none;
            margin: 0 0 30px 0;
            border-bottom: 0;
            padding: 0; } }
      .footer .footer-info .footer-info-col .footer-info-list > li {
        margin: 0 0 17px 0; }
        .footer .footer-info .footer-info-col .footer-info-list > li > a {
          font-family: "Aileron", sans-serif;
          font-weight: 400;
          font-size: 14px;
          line-height: 140%;
          color: #1f1f1f; }
          .footer .footer-info .footer-info-col .footer-info-list > li > a:hover {
            color: #7e2e2b; }
  .footer .footer-bottom-wrap {
    padding: 20px 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap; }
    .footer .footer-bottom-wrap .footer-bottom-left {
      background-image: url('data:image/svg+xml,<svg width="25" height="17" viewBox="0 0 25 17" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0.204327 0.0410156V9.44006H24.6418V7.56025H13.363V5.68044H24.6418V3.80063H13.363V1.92082H24.6418V0.0410156H0.204327ZM2.08413 0.98092C2.33341 0.98092 2.57248 1.07995 2.74875 1.25621C2.92501 1.43248 3.02404 1.67155 3.02404 1.92082C3.02404 2.1701 2.92501 2.40917 2.74875 2.58544C2.57248 2.7617 2.33341 2.86073 2.08413 2.86073C1.83486 2.86073 1.59579 2.7617 1.41952 2.58544C1.24326 2.40917 1.14423 2.1701 1.14423 1.92082C1.14423 1.67155 1.24326 1.43248 1.41952 1.25621C1.59579 1.07995 1.83486 0.98092 2.08413 0.98092ZM5.84375 0.98092C6.09303 0.98092 6.3321 1.07995 6.50836 1.25621C6.68463 1.43248 6.78365 1.67155 6.78365 1.92082C6.78365 2.1701 6.68463 2.40917 6.50836 2.58544C6.3321 2.7617 6.09303 2.86073 5.84375 2.86073C5.59447 2.86073 5.3554 2.7617 5.17914 2.58544C5.00287 2.40917 4.90385 2.1701 4.90385 1.92082C4.90385 1.67155 5.00287 1.43248 5.17914 1.25621C5.3554 1.07995 5.59447 0.98092 5.84375 0.98092ZM9.60336 0.98092C9.85264 0.98092 10.0917 1.07995 10.268 1.25621C10.4442 1.43248 10.5433 1.67155 10.5433 1.92082C10.5433 2.1701 10.4442 2.40917 10.268 2.58544C10.0917 2.7617 9.85264 2.86073 9.60336 2.86073C9.35409 2.86073 9.11502 2.7617 8.93875 2.58544C8.76249 2.40917 8.66346 2.1701 8.66346 1.92082C8.66346 1.67155 8.76249 1.43248 8.93875 1.25621C9.11502 1.07995 9.35409 0.98092 9.60336 0.98092ZM3.96394 3.80063C4.21322 3.80063 4.45229 3.89966 4.62855 4.07592C4.80482 4.25219 4.90385 4.49126 4.90385 4.74054C4.90385 4.98981 4.80482 5.22888 4.62855 5.40515C4.45229 5.58141 4.21322 5.68044 3.96394 5.68044C3.71466 5.68044 3.4756 5.58141 3.29933 5.40515C3.12306 5.22888 3.02404 4.98981 3.02404 4.74054C3.02404 4.49126 3.12306 4.25219 3.29933 4.07592C3.4756 3.89966 3.71466 3.80063 3.96394 3.80063ZM7.72356 3.80063C7.97284 3.80063 8.2119 3.89966 8.38817 4.07592C8.56444 4.25219 8.66346 4.49126 8.66346 4.74054C8.66346 4.98981 8.56444 5.22888 8.38817 5.40515C8.2119 5.58141 7.97284 5.68044 7.72356 5.68044C7.47428 5.68044 7.23521 5.58141 7.05895 5.40515C6.88268 5.22888 6.78365 4.98981 6.78365 4.74054C6.78365 4.49126 6.88268 4.25219 7.05895 4.07592C7.23521 3.89966 7.47428 3.80063 7.72356 3.80063ZM11.4832 3.80063C11.7325 3.80063 11.9715 3.89966 12.1478 4.07592C12.3241 4.25219 12.4231 4.49126 12.4231 4.74054C12.4231 4.98981 12.3241 5.22888 12.1478 5.40515C11.9715 5.58141 11.7325 5.68044 11.4832 5.68044C11.2339 5.68044 10.9948 5.58141 10.8186 5.40515C10.6423 5.22888 10.5433 4.98981 10.5433 4.74054C10.5433 4.49126 10.6423 4.25219 10.8186 4.07592C10.9948 3.89966 11.2339 3.80063 11.4832 3.80063ZM2.08413 6.62034C2.33341 6.62034 2.57248 6.71937 2.74875 6.89564C2.92501 7.0719 3.02404 7.31097 3.02404 7.56025C3.02404 7.80953 2.92501 8.04859 2.74875 8.22486C2.57248 8.40113 2.33341 8.50015 2.08413 8.50015C1.83486 8.50015 1.59579 8.40113 1.41952 8.22486C1.24326 8.04859 1.14423 7.80953 1.14423 7.56025C1.14423 7.31097 1.24326 7.0719 1.41952 6.89564C1.59579 6.71937 1.83486 6.62034 2.08413 6.62034ZM5.84375 6.62034C6.09303 6.62034 6.3321 6.71937 6.50836 6.89564C6.68463 7.0719 6.78365 7.31097 6.78365 7.56025C6.78365 7.80953 6.68463 8.04859 6.50836 8.22486C6.3321 8.40113 6.09303 8.50015 5.84375 8.50015C5.59447 8.50015 5.3554 8.40113 5.17914 8.22486C5.00287 8.04859 4.90385 7.80953 4.90385 7.56025C4.90385 7.31097 5.00287 7.0719 5.17914 6.89564C5.3554 6.71937 5.59447 6.62034 5.84375 6.62034ZM9.60336 6.62034C9.85264 6.62034 10.0917 6.71937 10.268 6.89564C10.4442 7.0719 10.5433 7.31097 10.5433 7.56025C10.5433 7.80953 10.4442 8.04859 10.268 8.22486C10.0917 8.40113 9.85264 8.50015 9.60336 8.50015C9.35409 8.50015 9.11502 8.40113 8.93875 8.22486C8.76249 8.04859 8.66346 7.80953 8.66346 7.56025C8.66346 7.31097 8.76249 7.0719 8.93875 6.89564C9.11502 6.71937 9.35409 6.62034 9.60336 6.62034ZM0.204327 11.3199V13.1997H24.6418V11.3199H0.204327ZM0.204327 15.0795V16.9593H24.6418V15.0795H0.204327Z" fill="%231F1F1F"/></svg>');
      background-position: left center;
      background-repeat: no-repeat;
      padding: 0 0 0 42px;
      font-family: "Aileron", sans-serif;
      font-weight: 400;
      font-size: 12px;
      line-height: 140%;
      order: 1;
      width: 100%;
      max-width: fit-content;
      margin: 20px auto; }
      @media (min-width: 1261px) {
        .footer .footer-bottom-wrap .footer-bottom-left {
          margin: 0;
          max-width: unset;
          width: unset;
          order: unset; } }
    .footer .footer-bottom-wrap .footerPolicy-wrap {
      list-style-type: none;
      display: flex;
      justify-content: center;
      align-items: center;
      margin: 0;
      order: 2;
      flex-wrap: wrap;
      width: 100%; }
      @media (min-width: 801px) {
        .footer .footer-bottom-wrap .footerPolicy-wrap {
          width: unset; } }
      @media (min-width: 1261px) {
        .footer .footer-bottom-wrap .footerPolicy-wrap {
          order: unset; } }
      .footer .footer-bottom-wrap .footerPolicy-wrap li {
        font-family: "Aileron", sans-serif;
        font-weight: 400;
        font-size: 12px;
        line-height: 140%;
        color: #1f1f1f;
        opacity: 0.5;
        margin: 0 15px 0 0;
        position: relative; }
        .footer .footer-bottom-wrap .footerPolicy-wrap li:last-child:after {
          content: ""; }
        .footer .footer-bottom-wrap .footerPolicy-wrap li:after {
          position: absolute;
          content: "|";
          right: -10px;
          color: #1f1f1f; }
        .footer .footer-bottom-wrap .footerPolicy-wrap li a {
          text-decoration: none; }
          .footer .footer-bottom-wrap .footerPolicy-wrap li a:hover {
            color: #7e2e2b; }
    .footer .footer-bottom-wrap .footer-bottom-logos {
      display: flex;
      justify-content: center;
      align-items: center;
      width: 100%;
      order: 0;
      padding: 0 0 20px 0;
      border-bottom: 1px solid #ebebeb; }
      @media (min-width: 1261px) {
        .footer .footer-bottom-wrap .footer-bottom-logos {
          justify-content: flex-end;
          width: unset;
          order: unset;
          padding: 0;
          border-bottom: 0; } }
      .footer .footer-bottom-wrap .footer-bottom-logos span {
        display: block;
        width: 80px; }
        .footer .footer-bottom-wrap .footer-bottom-logos span > img {
          display: block;
          width: 80%;
          margin: 0 auto; }
        .footer .footer-bottom-wrap .footer-bottom-logos span:nth-child(2) > img {
          max-width: 60%; }

/*-----------Footer End ----------*/
@media screen and (max-width: 550px) {
  .perfect-event-wrap .perfect-event-wrap-inner .event-subheading {
    margin: 0 0 16px 0; }
  .perfect-event-wrap .perfect-event-wrap-inner .events-inner-wrap .events-bottom a {
    margin: 0 0 10px 0; }
  .perfect-event-wrap .testimonial-wrap {
    padding: 54px 0 60px 0; }
    .perfect-event-wrap .testimonial-wrap .view-testimonial {
      margin: 23px auto 0; }
  .card .card-text[data-test-info-type="price"] {
    flex-wrap: wrap; }
  .have-question-wrap .have-question-inner .have-question-left .have-question-buttons .have-question-btn {
    margin: 0; }
  .local-roots-banner .local-roots-banner-content .banner-heading {
    padding: 0 10px; }
  .home-tabs-wrap {
    background-position: bottom;
    background-size: contain; }
    .home-tabs-wrap .productGrid {
      margin-bottom: 55px; }
  .home-blog-wrap {
    padding: 0 0; }
    .home-blog-wrap .slick-list {
      overflow: hidden; } }

.supportSwiper {
  padding: 36px 0; }

.supportSwiper .swiper-wrapper {
  align-items: center; }

.supportSwiper .swiper-slide {
  display: flex;
  justify-content: center; }

.supportSwiper .support-inner {
  text-align: center;
  width: 100%;
  max-width: 220px;
  /* keeps items neat on desktop */ }

.supportSwiper .support-inner span {
  margin: 0 auto 20px;
  display: block;
  height: 30px;
  width: 30px;
  text-align: center;
  align-content: center; }

.supportSwiper .support-inner span svg {
  width: 100%;
  height: 100%;
  fill: #7e2e2b; }

.supportSwiper .support-title {
  margin: 0;
  font-family: "Aileron", sans-serif;
  font-weight: 600;
  font-size: 16px;
  line-height: 180%;
  color: #1f1f1f;
  text-transform: capitalize; }

.supportSwiper .support-desc {
  margin: 0;
  font-family: "Aileron", sans-serif;
  font-weight: 300;
  font-size: 13px;
  line-height: 140%;
  text-align: center; }

/* Scrollbar styling */
.support-scrollbar {
  height: 2px;
  background: #BDBDBD !important;
  border-radius: 0;
  margin-top: 0;
  width: 100%;
  max-width: calc(100% - 60px);
  margin: 0 auto; }

.support-scrollbar .swiper-scrollbar-drag {
  background: #1F1F1F !important;
  border-radius: 0 !important; }

h1,
h2,
h3,
h4,
h5,
h6,
a,
span,
label,
p,
li,
td,
tr,
th,
dd,
dt,
select,
option,
div,
strong {
  font-family: "Aileron", sans-serif; }

div:where(.swal2-icon).swal2-warning {
  border-color: #f36c21 !important;
  color: #f36c21 !important; }

.page-terms-and-conditions .page-content--centered, .page-privacy-policy .page-content--centered {
  padding-left: 0;
  padding-right: 0;
  width: 100%; }
  .page-terms-and-conditions .page-content--centered .terms-container p, .page-terms-and-conditions .page-content--centered .privacy-container p, .page-privacy-policy .page-content--centered .terms-container p, .page-privacy-policy .page-content--centered .privacy-container p {
    text-align: left !important;
    margin: 0 !important; }
  .page-terms-and-conditions .page-content--centered .terms-container a:hover, .page-terms-and-conditions .page-content--centered .privacy-container a:hover, .page-privacy-policy .page-content--centered .terms-container a:hover, .page-privacy-policy .page-content--centered .privacy-container a:hover {
    color: #7e2e2b; }

.snize-tab-selected-categories .snize-title, .snize-search-results.snize-tab-selected-pages .snize-title {
  color: #292c2b !important; }

.snize-tab-selected-categories .snize-description, .snize-search-results.snize-tab-selected-pages .snize-description {
  color: #515a57 !important; }

#snize-search-results-list-mode .snize-search-results-content .snize-product {
  width: 100% !important; }
  #snize-search-results-list-mode .snize-search-results-content .snize-product .snize-buttons {
    margin: 0 !important; }
    #snize-search-results-list-mode .snize-search-results-content .snize-product .snize-buttons .snize-button {
      width: auto !important; }

.snize-buttons {
  margin: 0 !important; }
  @media (min-width: 801px) {
    .snize-buttons {
      margin: 0 auto !important; } }
  .snize-buttons .snize-button.snize-action-button {
    top: -72px !important;
    max-width: 230px !important;
    margin: 20px auto !important;
    background: #f36c21 !important;
    border-radius: 4px !important;
    border: 1px solid #f36c21 !important;
    font-family: "Aileron", sans-serif;
    font-weight: 600 !important;
    font-size: 14px !important;
    line-height: 100% !important;
    color: #1f1f1f !important;
    transition: 0.2s all ease !important;
    text-transform: capitalize !important; }
    .snize-buttons .snize-button.snize-action-button:hover {
      background: #fff !important; }
    @media (min-width: 801px) {
      .snize-buttons .snize-button.snize-action-button {
        margin: 0 auto !important; } }

div.snize li.snize-filter-button:not(.snize-clear-all-button) {
  display: inline-block !important;
  background-color: #e0e0de !important;
  color: #000 !important;
  padding: 7px 18px !important;
  border-radius: 3px !important; }

div.snize *:focus-visible {
  outline-style: none !important;
  outline-width: medium !important; }

div.snize ul.snize-product-filters-list .snize-filter-variant-count {
  color: #000000 !important;
  font-size: 14px !important;
  margin-left: 10px !important;
  position: unset !important; }

.snize-product-filters-list .needsclick {
  color: #000 !important;
  font-size: 14px !important; }

.snize-product-filters-list .snize-filter-variant-count {
  color: #000 !important; }

.back-bar .selected-bar {
  background-color: #292c2b !important; }

.back-bar .pointer {
  background: #292c2b !important; }

.snize-product-filters-title {
  color: #000 !important; }
  .snize-product-filters-title span {
    color: #000 !important;
    font-size: 14px !important; }
  .snize-product-filters-title .snize-product-filters-close {
    color: #000 !important; }
  .snize-product-filters-title:hover span, .snize-product-filters-title:hover .snize-product-filters-close {
    color: #7e2e2b !important; }

.snize-pagination ul li a.active {
  background: transparent !important;
  border-bottom: 1px solid #1f1f1f !important;
  height: auto !important;
  padding: 0.28571rem 0.5rem !important;
  width: auto !important;
  font-weight: 600 !important;
  color: #1f1f1f !important; }

.snize-pagination ul li a, .snize-pagination ul li span {
  font-weight: 400 !important;
  color: #1f1f1f !important; }

.snize-header .snize-search-results-header {
  color: #1f1f1f !important; }

.snize-main-panel-dropdown-button span, .snize-main-panel-dropdown-button a {
  color: #1f1f1f !important; }

.snize-results-page {
  background: #f2f2f0; }
  @media (min-width: 1261px) {
    .snize-results-page .container {
      max-width: 1360px !important;
      padding: 0 20px; } }

.snize-main-panel .snize-main-panel-controls ul li .snize-main-panel-controls-products, .snize-main-panel .snize-main-panel-controls ul li .snize-main-panel-controls-categories, .snize-main-panel .snize-main-panel-controls ul li .snize-main-panel-controls-pages {
  color: #828282 !important;
  border-bottom-color: #828282 !important; }
  .snize-main-panel .snize-main-panel-controls ul li .snize-main-panel-controls-products.active, .snize-main-panel .snize-main-panel-controls ul li .snize-main-panel-controls-categories.active, .snize-main-panel .snize-main-panel-controls ul li .snize-main-panel-controls-pages.active {
    color: #1f1f1f !important;
    border-bottom-color: #1f1f1f !important; }
    .snize-main-panel .snize-main-panel-controls ul li .snize-main-panel-controls-products.active span, .snize-main-panel .snize-main-panel-controls ul li .snize-main-panel-controls-categories.active span, .snize-main-panel .snize-main-panel-controls ul li .snize-main-panel-controls-pages.active span {
      color: #1f1f1f !important; }
  .snize-main-panel .snize-main-panel-controls ul li .snize-main-panel-controls-products span, .snize-main-panel .snize-main-panel-controls ul li .snize-main-panel-controls-categories span, .snize-main-panel .snize-main-panel-controls ul li .snize-main-panel-controls-pages span {
    color: #828282 !important; }

@media (min-width: 1086px) {
  .snize-search-results-content .snize-product {
    width: calc(33.3% - 26px) !important;
    margin: 0 13px 30px !important; } }

.snize-search-results-content .snize-product .snize-view-link .snize-item .snize-title {
  font-weight: 600 !important;
  font-size: 16px !important;
  line-height: 120% !important;
  margin: 0 0 10px 0 !important;
  color: #292c2b !important; }

.snize-search-results-content .snize-product .snize-view-link .snize-item .snize-description {
  color: #515a57 !important;
  display: none !important; }

.snize-search-results-content .snize-product .snize-view-link .snize-item .snize-price-list .snize-price {
  color: #515a57 !important;
  font-size: 16px; }

.snize-search-results-content .snize-product .snize-view-link .snize-item .snize-thumbnail-wrapper .snize-thumbnail img {
  max-height: 280px !important;
  height: 100% !important;
  width: 100% !important;
  border-radius: 3px; }

.swal2-popup .swal2-html-container {
  color: #1f1f1f !important; }

.swal2-popup .swal2-actions {
  gap: 10px; }

.swal2-popup .swal2-confirm {
  background: #f36c21;
  color: #1f1f1f;
  border: 1px solid #f36c21; }
  .swal2-popup .swal2-confirm:hover {
    border: 1px solid #1f1f1f;
    background: transparent; }

.swal2-popup .swal2-cancel {
  border: 1px solid #1f1f1f;
  background: #1f1f1f;
  color: #fff; }
  .swal2-popup .swal2-cancel:hover {
    border: 1px solid #1f1f1f;
    background: transparent;
    color: #1f1f1f; }

.upsell-products_wrap-cartPreview .upsell-productCarousel-cartPreview .slick-slide .card-figcaption-body .button.button--small.quickview {
  height: 45px !important;
  margin: 0 auto 5px !important; }

.compareTable-item li {
  word-wrap: anywhere; }

.body-404 h1,
.body-404 h2,
.body-404 h3,
.body-404 h4,
.body-404 h5,
.body-404 h6,
.body-404 a,
.body-404 p,
.body-404 span {
  color: #1f1f1f; }

.body-404 .form-prefixPostfix.wrap {
  margin: 0 0 30px; }

.body-product {
  overflow-x: hidden; }

.body-account_orderstatus h1,
.body-account_orderstatus h2,
.body-account_orderstatus h3,
.body-account_orderstatus h4,
.body-account_orderstatus h5,
.body-account_orderstatus h6,
.body-account_orderstatus a,
.body-account_orderstatus label,
.body-account_orderstatus p,
.body-account_orderstatus span,
.body-account_orderstatus select,
.body-account_orderstatus th,
.body-account_orderstatus td .navBar--sub .navBar-action,
.body-account_orderstatus .navBar--sub .navBar-item.is-active > .navBar-action,
.body-account_orderstatus .navBar--sub .navBar-action,
.body-account_inbox h1,
.body-account_inbox h2,
.body-account_inbox h3,
.body-account_inbox h4,
.body-account_inbox h5,
.body-account_inbox h6,
.body-account_inbox a,
.body-account_inbox label,
.body-account_inbox p,
.body-account_inbox span,
.body-account_inbox select,
.body-account_inbox th,
.body-account_inbox td .navBar--sub .navBar-action,
.body-account_inbox .navBar--sub .navBar-item.is-active > .navBar-action,
.body-account_inbox .navBar--sub .navBar-action,
.body-account_addressbook h1,
.body-account_addressbook h2,
.body-account_addressbook h3,
.body-account_addressbook h4,
.body-account_addressbook h5,
.body-account_addressbook h6,
.body-account_addressbook a,
.body-account_addressbook label,
.body-account_addressbook p,
.body-account_addressbook span,
.body-account_addressbook select,
.body-account_addressbook th,
.body-account_addressbook td .navBar--sub .navBar-action,
.body-account_addressbook .navBar--sub .navBar-item.is-active > .navBar-action,
.body-account_addressbook .navBar--sub .navBar-action,
.body-wishlists h1,
.body-wishlists h2,
.body-wishlists h3,
.body-wishlists h4,
.body-wishlists h5,
.body-wishlists h6,
.body-wishlists a,
.body-wishlists label,
.body-wishlists p,
.body-wishlists span,
.body-wishlists select,
.body-wishlists th,
.body-wishlists td .navBar--sub .navBar-action,
.body-wishlists .navBar--sub .navBar-item.is-active > .navBar-action,
.body-wishlists .navBar--sub .navBar-action,
.body-add-wishlist h1,
.body-add-wishlist h2,
.body-add-wishlist h3,
.body-add-wishlist h4,
.body-add-wishlist h5,
.body-add-wishlist h6,
.body-add-wishlist a,
.body-add-wishlist label,
.body-add-wishlist p,
.body-add-wishlist span,
.body-add-wishlist select,
.body-add-wishlist th,
.body-add-wishlist td .navBar--sub .navBar-action,
.body-add-wishlist .navBar--sub .navBar-item.is-active > .navBar-action,
.body-add-wishlist .navBar--sub .navBar-action,
.body-shippingaddressform h1,
.body-shippingaddressform h2,
.body-shippingaddressform h3,
.body-shippingaddressform h4,
.body-shippingaddressform h5,
.body-shippingaddressform h6,
.body-shippingaddressform a,
.body-shippingaddressform label,
.body-shippingaddressform p,
.body-shippingaddressform span,
.body-shippingaddressform select,
.body-shippingaddressform th,
.body-shippingaddressform td .navBar--sub .navBar-action,
.body-shippingaddressform .navBar--sub .navBar-item.is-active > .navBar-action,
.body-shippingaddressform .navBar--sub .navBar-action,
.body-account_recentitems h1,
.body-account_recentitems h2,
.body-account_recentitems h3,
.body-account_recentitems h4,
.body-account_recentitems h5,
.body-account_recentitems h6,
.body-account_recentitems a,
.body-account_recentitems label,
.body-account_recentitems p,
.body-account_recentitems span,
.body-account_recentitems select,
.body-account_recentitems th,
.body-account_recentitems td .navBar--sub .navBar-action,
.body-account_recentitems .navBar--sub .navBar-item.is-active > .navBar-action,
.body-account_recentitems .navBar--sub .navBar-action,
.body-editaccount h1,
.body-editaccount h2,
.body-editaccount h3,
.body-editaccount h4,
.body-editaccount h5,
.body-editaccount h6,
.body-editaccount a,
.body-editaccount label,
.body-editaccount p,
.body-editaccount span,
.body-editaccount select,
.body-editaccount th,
.body-editaccount td .navBar--sub .navBar-action,
.body-editaccount .navBar--sub .navBar-item.is-active > .navBar-action,
.body-editaccount .navBar--sub .navBar-action {
  color: #1f1f1f; }

.body-account_orderstatus option,
.body-account_inbox option,
.body-account_addressbook option,
.body-wishlists option,
.body-add-wishlist option,
.body-shippingaddressform option,
.body-account_recentitems option,
.body-editaccount option {
  color: #3d4542; }

.body-account_orderstatus .alertBox--info,
.body-account_inbox .alertBox--info,
.body-account_addressbook .alertBox--info,
.body-wishlists .alertBox--info,
.body-add-wishlist .alertBox--info,
.body-shippingaddressform .alertBox--info,
.body-account_recentitems .alertBox--info,
.body-editaccount .alertBox--info {
  background: #e0e0de; }
  .body-account_orderstatus .alertBox--info svg,
  .body-account_inbox .alertBox--info svg,
  .body-account_addressbook .alertBox--info svg,
  .body-wishlists .alertBox--info svg,
  .body-add-wishlist .alertBox--info svg,
  .body-shippingaddressform .alertBox--info svg,
  .body-account_recentitems .alertBox--info svg,
  .body-editaccount .alertBox--info svg {
    fill: #1f1f1f; }

.body-account_orderstatus .account-content .button,
.body-account_inbox .account-content .button,
.body-account_addressbook .account-content .button,
.body-wishlists .account-content .button,
.body-add-wishlist .account-content .button,
.body-shippingaddressform .account-content .button,
.body-account_recentitems .account-content .button,
.body-editaccount .account-content .button {
  background: #292c2b;
  border: 1px solid #292c2b;
  color: #fff;
  transition: 0.2s all ease; }
  .body-account_orderstatus .account-content .button:hover,
  .body-account_inbox .account-content .button:hover,
  .body-account_addressbook .account-content .button:hover,
  .body-wishlists .account-content .button:hover,
  .body-add-wishlist .account-content .button:hover,
  .body-shippingaddressform .account-content .button:hover,
  .body-account_recentitems .account-content .button:hover,
  .body-editaccount .account-content .button:hover {
    border: 1px solid #292c2b;
    transition: 0.2s all ease;
    color: #292c2b;
    background: #fff; }

.body-account_orderstatus .addressList .panel-body,
.body-account_inbox .addressList .panel-body,
.body-account_addressbook .addressList .panel-body,
.body-wishlists .addressList .panel-body,
.body-add-wishlist .addressList .panel-body,
.body-shippingaddressform .addressList .panel-body,
.body-account_recentitems .addressList .panel-body,
.body-editaccount .addressList .panel-body {
  background: #e0e0de; }
  .body-account_orderstatus .addressList .panel-body .address-title:hover,
  .body-account_inbox .addressList .panel-body .address-title:hover,
  .body-account_addressbook .addressList .panel-body .address-title:hover,
  .body-wishlists .addressList .panel-body .address-title:hover,
  .body-add-wishlist .addressList .panel-body .address-title:hover,
  .body-shippingaddressform .addressList .panel-body .address-title:hover,
  .body-account_recentitems .addressList .panel-body .address-title:hover,
  .body-editaccount .addressList .panel-body .address-title:hover {
    color: #1f1f1f; }

.body-account_orderstatus .button.button--primary,
.body-account_inbox .button.button--primary,
.body-account_addressbook .button.button--primary,
.body-wishlists .button.button--primary,
.body-add-wishlist .button.button--primary,
.body-shippingaddressform .button.button--primary,
.body-account_recentitems .button.button--primary,
.body-editaccount .button.button--primary {
  background: #f36c21;
  border: 1px solid #f36c21;
  font-family: "Aileron", sans-serif;
  font-weight: 600;
  font-size: 14px;
  line-height: 100%;
  color: #1f1f1f;
  transition: 0.2s all ease; }
  .body-account_orderstatus .button.button--primary:hover,
  .body-account_inbox .button.button--primary:hover,
  .body-account_addressbook .button.button--primary:hover,
  .body-wishlists .button.button--primary:hover,
  .body-add-wishlist .button.button--primary:hover,
  .body-shippingaddressform .button.button--primary:hover,
  .body-account_recentitems .button.button--primary:hover,
  .body-editaccount .button.button--primary:hover {
    border: 1px solid #292c2b;
    transition: 0.2s all ease;
    background: #fff; }

.body-account_orderstatus .table-actions .button.button--small,
.body-account_inbox .table-actions .button.button--small,
.body-account_addressbook .table-actions .button.button--small,
.body-wishlists .table-actions .button.button--small,
.body-add-wishlist .table-actions .button.button--small,
.body-shippingaddressform .table-actions .button.button--small,
.body-account_recentitems .table-actions .button.button--small,
.body-editaccount .table-actions .button.button--small {
  background: #292c2b;
  border: 1px solid #292c2b;
  color: #fff;
  transition: 0.2s all ease; }
  .body-account_orderstatus .table-actions .button.button--small:hover,
  .body-account_inbox .table-actions .button.button--small:hover,
  .body-account_addressbook .table-actions .button.button--small:hover,
  .body-wishlists .table-actions .button.button--small:hover,
  .body-add-wishlist .table-actions .button.button--small:hover,
  .body-shippingaddressform .table-actions .button.button--small:hover,
  .body-account_recentitems .table-actions .button.button--small:hover,
  .body-editaccount .table-actions .button.button--small:hover {
    border: 1px solid #292c2b;
    transition: 0.2s all ease;
    color: #292c2b;
    background: #fff; }

.body-account_orderstatus .button.button--small.secondary,
.body-account_inbox .button.button--small.secondary,
.body-account_addressbook .button.button--small.secondary,
.body-wishlists .button.button--small.secondary,
.body-add-wishlist .button.button--small.secondary,
.body-shippingaddressform .button.button--small.secondary,
.body-account_recentitems .button.button--small.secondary,
.body-editaccount .button.button--small.secondary {
  background: #292c2b;
  border: 1px solid #292c2b;
  color: #fff;
  transition: 0.2s all ease; }
  .body-account_orderstatus .button.button--small.secondary:hover,
  .body-account_inbox .button.button--small.secondary:hover,
  .body-account_addressbook .button.button--small.secondary:hover,
  .body-wishlists .button.button--small.secondary:hover,
  .body-add-wishlist .button.button--small.secondary:hover,
  .body-shippingaddressform .button.button--small.secondary:hover,
  .body-account_recentitems .button.button--small.secondary:hover,
  .body-editaccount .button.button--small.secondary:hover {
    border: 1px solid #292c2b;
    transition: 0.2s all ease;
    color: #292c2b;
    background: #fff; }

.facetLabel {
  border-radius: 3px; }

.login-row .form-actions {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap; }

.body-login h1,
.body-login h2,
.body-login h3,
.body-login h4,
.body-login h5,
.body-login h6,
.body-login a,
.body-login label,
.body-login p,
.body-login span,
.body-login select,
.body-createaccount h1,
.body-createaccount h2,
.body-createaccount h3,
.body-createaccount h4,
.body-createaccount h5,
.body-createaccount h6,
.body-createaccount a,
.body-createaccount label,
.body-createaccount p,
.body-createaccount span,
.body-createaccount select,
.body-createaccount_thanks h1,
.body-createaccount_thanks h2,
.body-createaccount_thanks h3,
.body-createaccount_thanks h4,
.body-createaccount_thanks h5,
.body-createaccount_thanks h6,
.body-createaccount_thanks a,
.body-createaccount_thanks label,
.body-createaccount_thanks p,
.body-createaccount_thanks span,
.body-createaccount_thanks select {
  color: #1f1f1f; }

.body-login option,
.body-login div,
.body-createaccount option,
.body-createaccount div,
.body-createaccount_thanks option,
.body-createaccount_thanks div {
  color: #3d4542; }

.body-login .button.button--primary,
.body-createaccount .button.button--primary,
.body-createaccount_thanks .button.button--primary {
  background: #f36c21;
  border: 1px solid #f36c21;
  font-family: "Aileron", sans-serif;
  font-weight: 600;
  font-size: 14px;
  line-height: 100%;
  color: #1f1f1f;
  transition: 0.2s all ease; }
  .body-login .button.button--primary:hover,
  .body-createaccount .button.button--primary:hover,
  .body-createaccount_thanks .button.button--primary:hover {
    border: 1px solid #292c2b;
    transition: 0.2s all ease;
    background: #fff; }

.body-login .panel-body,
.body-login .panel-header,
.body-createaccount .panel-body,
.body-createaccount .panel-header,
.body-createaccount_thanks .panel-body,
.body-createaccount_thanks .panel-header {
  background: #e0e0de; }
  .body-login .panel-body a,
  .body-login .panel-header a,
  .body-createaccount .panel-body a,
  .body-createaccount .panel-header a,
  .body-createaccount_thanks .panel-body a,
  .body-createaccount_thanks .panel-header a {
    text-decoration: none; }

.page-contact-us h1,
.page-contact-us p,
.body-page h1,
.body-page p,
.body-newsletter_subscribe h1,
.body-newsletter_subscribe p {
  color: #1f1f1f; }

.page-contact-us .alertBox--success,
.body-page .alertBox--success,
.body-newsletter_subscribe .alertBox--success {
  background: #e0e0de; }
  .page-contact-us .alertBox--success svg,
  .body-page .alertBox--success svg,
  .body-newsletter_subscribe .alertBox--success svg {
    fill: #1f1f1f; }
  .page-contact-us .alertBox--success .alertBox-message,
  .body-page .alertBox--success .alertBox-message,
  .body-newsletter_subscribe .alertBox--success .alertBox-message {
    text-align: left; }

.page-contact-us option,
.page-contact-us div,
.body-page option,
.body-page div,
.body-newsletter_subscribe option,
.body-newsletter_subscribe div {
  color: #3d4542; }

.page-contact-us p,
.body-page p,
.body-newsletter_subscribe p {
  margin: 0 auto 30px;
  text-align: center; }

.body-cart h1,
.body-cart h2,
.body-cart h3,
.body-cart h4,
.body-cart h5,
.body-cart h6,
.body-cart a,
.body-cart label,
.body-cart p,
.body-cart th,
.body-cart span,
.body-cart select {
  color: #1f1f1f; }

.body-cart li,
.body-cart td,
.body-cart tr,
.body-cart dd,
.body-cart dt,
.body-cart option,
.body-cart div,
.body-cart button {
  color: #3d4542; }

.body-cart .button.button--small.button--primary {
  height: auto; }

.body-cart .button.shipping-estimate-submit.button--small.button--primary {
  height: 55px; }

.body-cart .button.button--primary {
  max-width: 230px;
  height: 55px;
  background: #f36c21;
  border: 1px solid #f36c21;
  font-family: "Aileron", sans-serif;
  font-weight: 600;
  font-size: 14px;
  line-height: 100%;
  color: #1f1f1f;
  transition: 0.2s all ease;
  display: flex;
  justify-content: center;
  align-items: center; }
  .body-cart .button.button--primary:hover {
    border: 1px solid #292c2b;
    transition: 0.2s all ease;
    background: #fff; }

.body-cart .cart-actions.cart-content-padding-right {
  margin: 0 0 30px; }

.modal--alert .warning-icon,
.modal--alert .icon-content {
  border-color: #f36c21;
  color: #f36c21; }

.modal--alert .confirm.button {
  color: #1F1F1F;
  font-weight: 600;
  font-size: 14px;
  line-height: 100%;
  letter-spacing: 0%;
  font-family: 'Aileron', sans-serif;
  background-color: #F36C21;
  border: 1px solid #F36C21;
  border-radius: 3px; }
  .modal--alert .confirm.button:hover, .modal--alert .confirm.button:focus, .modal--alert .confirm.button:active {
    color: #1F1F1F;
    background-color: #F36C21;
    border: 1px solid #F36C21; }

.modal--alert .button.cancel {
  background: #292c2b;
  border: 1px solid #292c2b;
  color: #fff;
  transition: 0.2s all ease; }
  .modal--alert .button.cancel:hover {
    border: 1px solid #292c2b;
    transition: 0.2s all ease;
    color: #292c2b;
    background: #fff; }

.body-search h1,
.body-search h2,
.body-search h3,
.body-search h4,
.body-search h5,
.body-search h6,
.body-search a,
.body-search label,
.body-search p,
.body-search th,
.body-search span,
.body-search select,
.modal h1,
.modal h2,
.modal h3,
.modal h4,
.modal h5,
.modal h6,
.modal a,
.modal label,
.modal p,
.modal th,
.modal span,
.modal select {
  color: #1f1f1f; }

.body-search li,
.body-search td,
.body-search tr,
.body-search dd,
.body-search dt,
.body-search option,
.body-search div,
.modal li,
.modal td,
.modal tr,
.modal dd,
.modal dt,
.modal option,
.modal div {
  color: #3d4542; }

.body-search .button.button--primary,
.modal .button.button--primary {
  max-width: 230px;
  height: 55px;
  background: #f36c21;
  border: 1px solid #f36c21;
  font-family: "Aileron", sans-serif;
  font-weight: 600;
  font-size: 14px;
  line-height: 100%;
  color: #1f1f1f;
  transition: 0.2s all ease; }
  .body-search .button.button--primary:hover,
  .modal .button.button--primary:hover {
    border: 1px solid #292c2b;
    transition: 0.2s all ease;
    background: #fff; }

.body-search .button,
.modal .button {
  background: #292c2b;
  display: inline-block;
  border: 1px solid #292c2b;
  border-radius: 3px;
  text-align: center;
  align-content: center;
  text-decoration: none;
  font-family: "Aileron", sans-serif;
  font-weight: 600;
  font-size: 14px;
  color: #fff;
  transition: 0.2s all ease; }
  .body-search .button:hover,
  .modal .button:hover {
    border: 1px solid #292c2b;
    transition: 0.2s all ease;
    color: #292c2b;
    background: #fff; }

.body-search .panel-body,
.body-search .previewCartCheckout,
.modal .panel-body,
.modal .previewCartCheckout {
  background: #e0e0de; }

.body-search .search-suggestion .search-refine:hover,
.modal .search-suggestion .search-refine:hover {
  color: #7e2e2b; }

.body-search .category-suggestion-list .category-suggestion a:hover,
.modal .category-suggestion-list .category-suggestion a:hover {
  color: #7e2e2b; }

/*-----------flame certificates Start ----------*/
.FlameAccTitle.current + .FlameAccContent {
  display: block !important; }

.FlameVideoWrap {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  margin: 0 0 70px 0; }
  .FlameVideoWrap .FlameLeft {
    width: calc(50% - 15px); }
    @media only screen and (max-width: 800px) {
      .FlameVideoWrap .FlameLeft {
        width: 100%;
        margin: 0 0 30px 0; } }
    .FlameVideoWrap .FlameLeft .page-heading {
      margin: 0 0 15px 0;
      text-align: left;
      font-weight: 700; }
    .FlameVideoWrap .FlameLeft p {
      margin: 0 0 15px 0;
      text-align: left; }
    .FlameVideoWrap .FlameLeft .Flame-table-wrapper .Flame-table {
      width: 100%;
      text-align: center;
      border: 1px solid #d5d6d7;
      border-collapse: collapse; }
      .FlameVideoWrap .FlameLeft .Flame-table-wrapper .Flame-table tr td {
        border: 1px solid #d5d6d7;
        padding: 5px;
        font-weight: 700; }
  .FlameVideoWrap .FlameRight {
    width: calc(50% - 15px); }
    @media only screen and (max-width: 800px) {
      .FlameVideoWrap .FlameRight {
        width: 100%; } }
    .FlameVideoWrap .FlameRight iframe.youtube-video {
      aspect-ratio: 16 / 9;
      width: 100%; }

.FlameAccordion {
  margin: 0 0 50px 0; }
  .FlameAccordion h2 {
    margin: 0 0 20px 0;
    font-weight: 700;
    text-align: center; }
  .FlameAccordion .FlameAccBox {
    border: 1px solid #ddd;
    border-radius: 3px;
    margin: 0 0 5px 0; }
    .FlameAccordion .FlameAccBox .FlameAccTitle {
      background: #f5f5f5;
      padding: 10px;
      text-align: left;
      font-weight: 700;
      font-size: 16px;
      cursor: pointer; }
      .FlameAccordion .FlameAccBox .FlameAccTitle:after {
        content: "+";
        float: right;
        margin-right: 10px;
        transition: 0.4s all ease-in-out; }
      .FlameAccordion .FlameAccBox .FlameAccTitle.current:after {
        transform: rotate(45deg);
        transition: 0.4s all ease-in-out; }
    .FlameAccordion .FlameAccBox .FlameAccContent .FlameLinks {
      display: flex;
      justify-content: space-between;
      flex-wrap: wrap;
      padding: 10px 5%; }
      .FlameAccordion .FlameAccBox .FlameAccContent .FlameLinks .FlameLinkBox {
        width: 33.333%; }
        @media only screen and (max-width: 800px) {
          .FlameAccordion .FlameAccBox .FlameAccContent .FlameLinks .FlameLinkBox {
            width: 100%; } }
        .FlameAccordion .FlameAccBox .FlameAccContent .FlameLinks .FlameLinkBox a {
          display: block;
          width: fit-content;
          text-align: left; }
          .FlameAccordion .FlameAccBox .FlameAccContent .FlameLinks .FlameLinkBox a:hover {
            font-weight: 700; }

/*-----------flame certificates End ----------*/
/**********Starting Your Own Tent Rental Business Start*****************/
.RentalBusinessTitle {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  margin: 0 0 30px 0; }
  .RentalBusinessTitle .page-heading {
    width: 380px;
    color: #ff6c0e;
    margin: 0;
    border-right: 2px solid #ff6c0e; }
    @media only screen and (max-width: 800px) {
      .RentalBusinessTitle .page-heading {
        width: 100%;
        margin: 0 0 20px 0;
        border-right: 0; } }
  .RentalBusinessTitle p {
    width: calc(100% - 380px);
    padding-left: 45px;
    margin: 0;
    height: 100%;
    text-align: left; }
    @media only screen and (max-width: 800px) {
      .RentalBusinessTitle p {
        width: 100%;
        text-align: center;
        padding-left: 0px; } }

.DrawnWrap {
  background: #ebebeb;
  padding: 20px;
  text-align: center;
  margin: 0 0 30px 0; }
  .DrawnWrap h3 {
    margin: 0 0 50px 0;
    text-transform: capitalize; }
  .DrawnWrap .DrwanBoxWrap {
    display: flex;
    justify-content: center;
    gap: 50px;
    flex-wrap: wrap; }
    .DrawnWrap .DrwanBoxWrap .DrwanBox {
      width: 45%;
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 40px; }
      @media only screen and (max-width: 800px) {
        .DrawnWrap .DrwanBoxWrap .DrwanBox {
          width: 100%; } }
      .DrawnWrap .DrwanBoxWrap .DrwanBox .DrawnImg {
        width: 70px; }
        .DrawnWrap .DrwanBoxWrap .DrwanBox .DrawnImg img {
          width: 100%; }
      .DrawnWrap .DrwanBoxWrap .DrwanBox .DrawnText {
        width: calc(100% - 70px); }
        .DrawnWrap .DrwanBoxWrap .DrwanBox .DrawnText h6 {
          color: #ff6c0e;
          text-align: left;
          font-size: 16px;
          font-weight: 700;
          margin: 0 0 5px 0;
          text-transform: capitalize; }
        .DrawnWrap .DrwanBoxWrap .DrwanBox .DrawnText p {
          text-align: left;
          margin: 0; }

.PromotionBox {
  display: flex;
  gap: 30px;
  margin: 0 0 50px; }
  @media only screen and (max-width: 800px) {
    .PromotionBox {
      flex-wrap: wrap;
      margin: 0 0 30px;
      gap: 20px; } }
  .PromotionBox .PromoImg {
    width: 50%; }
    @media only screen and (max-width: 800px) {
      .PromotionBox .PromoImg {
        width: 100%; } }
  .PromotionBox .PromoText {
    width: 50%; }
    @media only screen and (max-width: 800px) {
      .PromotionBox .PromoText {
        width: 100%; } }
    .PromotionBox .PromoText .PromoHd {
      color: #ff6c0e;
      font-size: 20px;
      font-weight: 600;
      text-align: left;
      margin: 0 0 10px 0; }
    .PromotionBox .PromoText p {
      text-align: left;
      margin: 0 0 10px 0; }

.page-starting-your-own-tent-rental-business ul {
  margin: 0 0 0 50px;
  list-style: disc; }
  .page-starting-your-own-tent-rental-business ul li {
    color: #1f1f1f;
    margin-bottom: 5px; }

.PromoList {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 50px;
  padding-bottom: 50px;
  border-bottom: 1px solid #ebebeb;
  margin-bottom: 50px; }
  @media only screen and (max-width: 800px) {
    .PromoList {
      margin-bottom: 30px;
      gap: 0; } }
  .PromoList .PromoListBox {
    width: calc(33.333% - 50px); }
    @media only screen and (max-width: 800px) {
      .PromoList .PromoListBox {
        width: 100%; } }
    .PromoList .PromoListBox h4 {
      color: #ff6c0e;
      font-size: 20px;
      font-weight: 600;
      text-align: left;
      margin: 0 0 10px 0;
      margin: 20px 0 10px 0;
      text-transform: capitalize; }

.WhyChooseSection {
  background: #ebebeb;
  padding: 10px 5% 30px;
  text-align: center;
  margin: 0 0 50px; }
  .WhyChooseSection h4 {
    color: #ff6c0e;
    font-size: 24px;
    font-weight: 600;
    text-align: center;
    margin: 0 0 10px 0;
    margin: 20px 0 10px 0;
    text-transform: capitalize; }
  .WhyChooseSection p {
    text-align: left; }
  .WhyChooseSection .ChooseBtn {
    display: inline-block;
    text-decoration: none;
    background: #ff6c0e;
    color: #fff;
    width: 133px;
    height: 47px;
    align-content: center;
    font-size: 18px; }
    .WhyChooseSection .ChooseBtn:hover {
      background: #1f1f1f; }

/**********Starting Your Own Tent Rental Business End*****************/
/**************Wholesale Start**********/
.WholsaleBanner {
  position: relative;
  margin: 0 0 50px 0; }
  .WholsaleBanner img {
    height: 500px;
    object-fit: cover;
    width: 100%;
    object-position: bottom; }
    @media only screen and (max-width: 800px) {
      .WholsaleBanner img {
        height: 400px; } }
  .WholsaleBanner .WholesaleText {
    background: rgba(0, 0, 0, 0.3);
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    align-content: center;
    padding-left: 80px; }
    @media only screen and (max-width: 800px) {
      .WholsaleBanner .WholesaleText {
        padding: 0 20px; } }
    .WholsaleBanner .WholesaleText .page-heading {
      margin: 0 0 20px 0;
      color: #fff;
      font-weight: 700;
      font-size: 48px;
      text-align: left;
      line-height: 100%;
      max-width: 380px; }
      @media only screen and (max-width: 800px) {
        .WholsaleBanner .WholesaleText .page-heading {
          font-size: 38px; } }
    .WholsaleBanner .WholesaleText p {
      text-align: left;
      color: #fff;
      font-size: 18px;
      margin: 0 0 20px 0; }
    .WholsaleBanner .WholesaleText .WholsaleBannerBtn {
      width: 231px;
      height: 51px;
      display: inline-block;
      align-content: center;
      text-align: center;
      background: #ff6c0e;
      color: #fff;
      text-decoration: none;
      font-size: 15px;
      border-radius: 5px; }
      .WholsaleBanner .WholesaleText .WholsaleBannerBtn:hover {
        background: #1f1f1f; }

.WhlesaleInfoIcons {
  display: flex;
  gap: 30px;
  flex-wrap: wrap;
  margin: 0 0 50px 0; }
  .WhlesaleInfoIcons .WhlesaleInfoBox {
    width: calc(25% - 30px);
    text-align: center;
    margin: 0 0 20px 0; }
    @media only screen and (max-width: 800px) {
      .WhlesaleInfoIcons .WhlesaleInfoBox {
        width: calc(50% - 30px); } }
    .WhlesaleInfoIcons .WhlesaleInfoBox .InfoIcon {
      width: 80px;
      height: 80px;
      background: #ff6c0e;
      border-radius: 100%;
      padding: 20px;
      margin: 0 auto 20px; }
      .WhlesaleInfoIcons .WhlesaleInfoBox .InfoIcon img {
        width: 100%; }
    .WhlesaleInfoIcons .WhlesaleInfoBox h4 {
      margin: 0 0 10px 0;
      font-weight: 700; }
      @media only screen and (max-width: 800px) {
        .WhlesaleInfoIcons .WhlesaleInfoBox h4 {
          font-size: 18px; } }
    .WhlesaleInfoIcons .WhlesaleInfoBox p {
      font-size: 16px;
      margin: 0; }
      @media only screen and (max-width: 800px) {
        .WhlesaleInfoIcons .WhlesaleInfoBox p {
          font-size: 14px; } }

.WholsalePromoWrap {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 50px;
  flex-wrap: wrap;
  margin: 0 0 70px 0; }
  .WholsalePromoWrap .wsPromoText {
    width: calc(50% - 25px); }
    @media only screen and (max-width: 800px) {
      .WholsalePromoWrap .wsPromoText {
        width: 100%; } }
    .WholsalePromoWrap .wsPromoText h5 {
      font-size: 36px;
      line-height: 100%;
      font-weight: 700;
      text-transform: capitalize;
      max-width: 500px;
      margin: 0 0 15px 0;
      text-align: left; }
      @media only screen and (max-width: 800px) {
        .WholsalePromoWrap .wsPromoText h5 {
          font-size: 24px; } }
    .WholsalePromoWrap .wsPromoText .PromoSubHeading {
      font-size: 20px;
      font-weight: 700;
      margin: 0 0 30px 0; }
    .WholsalePromoWrap .wsPromoText p {
      font-size: 16px;
      max-width: 500px;
      margin: 0 0 15px 0;
      text-align: left; }
    .WholsalePromoWrap .wsPromoText .wsPromoBtn {
      min-width: 231px;
      height: 51px;
      display: inline-block;
      align-content: center;
      text-align: center;
      background: #ff6c0e;
      color: #fff;
      text-decoration: none;
      font-size: 15px;
      border-radius: 5px;
      padding: 0 20px; }
      .WholsalePromoWrap .wsPromoText .wsPromoBtn:hover {
        background: #1f1f1f; }
  .WholsalePromoWrap .wsPromoImg {
    width: calc(50% - 25px); }
    @media only screen and (max-width: 800px) {
      .WholsalePromoWrap .wsPromoImg {
        width: 100%; } }
    .WholsalePromoWrap .wsPromoImg img {
      width: 100%; }

.WholesaleContact {
  background: #ff6c0e;
  padding: 50px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 20px;
  margin: 0 0 50px 0; }
  .WholesaleContact .wsContactImg {
    width: calc(50% - 20px);
    text-align: center; }
    @media only screen and (max-width: 800px) {
      .WholesaleContact .wsContactImg {
        width: 100%; } }
  .WholesaleContact .wsContactText {
    width: calc(50% - 20px); }
    @media only screen and (max-width: 800px) {
      .WholesaleContact .wsContactText {
        width: 100%; } }
    .WholesaleContact .wsContactText h5 {
      font-size: 40px;
      line-height: 100%;
      font-weight: 700;
      color: #fff;
      text-transform: capitalize;
      text-align: left;
      margin: 0 0 20px 0; }
      @media only screen and (max-width: 800px) {
        .WholesaleContact .wsContactText h5 {
          font-size: 30px; } }
    .WholesaleContact .wsContactText p {
      color: #fff;
      font-size: 16px;
      text-align: left; }

/**************Wholesale End**********/
/**************Prospan Start**********/
.page-prospan .WholsaleBanner img {
  height: 550px;
  object-position: center; }

.page-prospan .WholsaleBanner .WholesaleText .page-heading {
  max-width: 390px; }

.ProsProd-Section {
  margin: 0 0 70px 0; }
  .ProsProd-Section h5 {
    color: #ff6c0e;
    font-size: 36px;
    font-weight: 700;
    text-transform: capitalize;
    line-height: 100%;
    margin: 0 0 20px 0;
    text-align: center; }
    .ProsProd-Section h5 span {
      font-size: 14px;
      display: block;
      font-weight: 300; }
  .ProsProd-Section > p {
    max-width: 580px;
    font-size: 16px; }
  .ProsProd-Section .ProsProdWrap {
    display: flex;
    justify-content: space-between;
    gap: 20px;
    flex-wrap: wrap; }
    .ProsProd-Section .ProsProdWrap .ProsProdBox {
      border-radius: 20px;
      box-shadow: 1px 1px 5px 1px rgba(0, 0, 0, 0.3);
      width: calc(33.333% - 20px); }
      @media only screen and (max-width: 800px) {
        .ProsProd-Section .ProsProdWrap .ProsProdBox {
          width: 100%; } }
      .ProsProd-Section .ProsProdWrap .ProsProdBox > img {
        border-top-left-radius: 20px;
        border-top-right-radius: 20px;
        min-height: 225px;
        background-position: center bottom;
        max-height: 225px;
        width: 100%;
        object-fit: cover; }
      .ProsProd-Section .ProsProdWrap .ProsProdBox .ProsProdText {
        background: #ff6c0e;
        padding: 20px 30px;
        border-bottom-left-radius: 20px;
        border-bottom-right-radius: 20px; }
        .ProsProd-Section .ProsProdWrap .ProsProdBox .ProsProdText h6 {
          display: flex;
          align-items: center;
          gap: 10px;
          color: #fff;
          font-size: 24px;
          font-weight: 700;
          line-height: 100%;
          margin: 0; }
          .ProsProd-Section .ProsProdWrap .ProsProdBox .ProsProdText h6 img {
            width: 50px;
            height: 50px; }
        .ProsProd-Section .ProsProdWrap .ProsProdBox .ProsProdText .bolfLine {
          font-weight: 700; }
        .ProsProd-Section .ProsProdWrap .ProsProdBox .ProsProdText p {
          color: #fff;
          margin: 0 auto 20px;
          text-align: left; }
        .ProsProd-Section .ProsProdWrap .ProsProdBox .ProsProdText .ProsProdBtn {
          display: inline-block;
          width: 133px;
          height: 41px;
          background: #fff;
          text-decoration: none;
          text-align: center;
          align-content: center;
          color: #ff6c0e;
          border-radius: 5px; }
          .ProsProd-Section .ProsProdWrap .ProsProdBox .ProsProdText .ProsProdBtn:hover {
            background: #1f1f1f; }

.PageTestimonialWrap {
  margin: 0 0 70px 0; }
  .PageTestimonialWrap .TestimonialHeading {
    font-size: 36px;
    font-weight: 700;
    margin: 0 0 50px 0;
    line-height: 100%; }
  .PageTestimonialWrap .PageTestimonial {
    display: flex;
    justify-content: space-between;
    gap: 30px;
    flex-wrap: wrap; }
    .PageTestimonialWrap .PageTestimonial .PageTestimonialBox {
      background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiPjxkZWZzPjxsaW5lYXJHcmFkaWVudCBpZD0iMTQ0ZDVhMzItYTg4My00MWE5LWI0NzQtZmQ2Nzk2Y2RjZGU1IiB4MT0iMCIgeTE9IjAiIHgyPSIwIiB5Mj0iMSI+PHN0b3Agb2Zmc2V0PSIwLjIzMTgxODE4MTgxODE4MTgiIHN0eWxlPSJzdG9wLWNvbG9yOiNmZmZmZmY7c3RvcC1vcGFjaXR5OjEiLz48c3RvcCBvZmZzZXQ9IjEiIHN0eWxlPSJzdG9wLWNvbG9yOiNmZmVlZTM7c3RvcC1vcGFjaXR5OjEiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoIzE0NGQ1YTMyLWE4ODMtNDFhOS1iNDc0LWZkNjc5NmNkY2RlNSkiLz48L3N2Zz4=);
      box-shadow: 1px 1px 5px 1px rgba(0, 0, 0, 0.2);
      background-repeat: no-repeat;
      padding: 50px 100px;
      width: calc(50% - 15px); }
      @media only screen and (max-width: 800px) {
        .PageTestimonialWrap .PageTestimonial .PageTestimonialBox {
          width: 100%;
          padding: 50px 20px 20px 20px; } }
      .PageTestimonialWrap .PageTestimonial .PageTestimonialBox .icon--ratingFull {
        display: flex;
        justify-content: center;
        align-items: center;
        gap: 30px;
        margin: 0 0 30px 0; }
        .PageTestimonialWrap .PageTestimonial .PageTestimonialBox .icon--ratingFull svg {
          fill: #ff6c0e;
          width: 25px;
          height: 25px; }
      .PageTestimonialWrap .PageTestimonial .PageTestimonialBox p {
        text-align: left; }
        .PageTestimonialWrap .PageTestimonial .PageTestimonialBox p strong {
          display: block;
          text-align: right; }

.ProsShelter {
  background: url("https://store-12b4e7vdx4.mybigcommerce.com/content/img/pages/shelter.avif") no-repeat center/cover;
  height: 600px;
  align-content: center;
  text-align: center;
  padding: 30px;
  margin: 0 0 70px 0; }
  .ProsShelter img {
    width: 75px;
    height: 75px;
    margin: 0 0 20px; }
  .ProsShelter h6 {
    font-size: 36px;
    font-weight: 700;
    color: #fff;
    margin: 0 0 20px 0;
    line-height: 100%; }
  .ProsShelter p {
    max-width: 550px;
    color: #fff; }
  .ProsShelter .ProsShelBtn {
    display: inline-block;
    width: 145px;
    height: 51px;
    background: #fff;
    text-decoration: none;
    text-align: center;
    align-content: center;
    color: #ff6c0e;
    border-radius: 5px; }
    .ProsShelter .ProsShelBtn:hover {
      background: #1f1f1f; }

.ProsTable {
  margin: 0 0 70px 0; }
  @media only screen and (max-width: 800px) {
    .ProsTable {
      display: none; } }
  .ProsTable table {
    border: 0; }
    .ProsTable table tr {
      border: 0;
      border-bottom: 1px solid rgba(61, 69, 67, 0.15); }
      .ProsTable table tr th,
      .ProsTable table tr td {
        border: 0;
        padding: 20px;
        width: 25%; }
      .ProsTable table tr td img {
        max-width: 40px; }

/**************Prospan End**********/
/**************Custom Printed Tents Start**********/
.TentFlagBanner {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap; }
  .TentFlagBanner .TentFlagText {
    align-content: center;
    background: #ff6c0e;
    padding: 50px;
    width: 45%; }
    @media only screen and (max-width: 800px) {
      .TentFlagBanner .TentFlagText {
        width: 100%; } }
    .TentFlagBanner .TentFlagText .page-heading {
      color: #fff;
      text-align: left;
      font-size: 46px;
      line-height: 100%;
      font-weight: 700;
      margin: 0 0 20px 0; }
    .TentFlagBanner .TentFlagText p {
      color: #fff;
      text-align: left; }
      .TentFlagBanner .TentFlagText p:nth-child(2) {
        font-size: 18px; }
      .TentFlagBanner .TentFlagText p:last-child {
        margin: 0px; }
  .TentFlagBanner .TentFlagImg {
    width: 55%; }
    @media only screen and (max-width: 800px) {
      .TentFlagBanner .TentFlagImg {
        width: 100%; } }

.page-custom-tents-flags-banners .ProsProd-Section .ProsProdWrap .ProsProdBox {
  width: calc(33.333% - 15px); }
  @media only screen and (max-width: 800px) {
    .page-custom-tents-flags-banners .ProsProd-Section .ProsProdWrap .ProsProdBox {
      width: 100%; } }
  .page-custom-tents-flags-banners .ProsProd-Section .ProsProdWrap .ProsProdBox .ProsProdText {
    text-align: center; }
    .page-custom-tents-flags-banners .ProsProd-Section .ProsProdWrap .ProsProdBox .ProsProdText h6,
    .page-custom-tents-flags-banners .ProsProd-Section .ProsProdWrap .ProsProdBox .ProsProdText p {
      text-align: center;
      justify-content: center;
      margin: 0 0 20px 0; }

.FlagHeading {
  font-size: 30px;
  font-weight: 700;
  line-height: 100%;
  text-align: center;
  margin: 0 0 30px 0; }

.FlagTopProd {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 30px;
  flex-wrap: wrap;
  margin: 0 0 70px 0; }
  .FlagTopProd .FlagTopBox {
    width: calc(16.66% - 30px); }
    @media only screen and (max-width: 1260px) {
      .FlagTopProd .FlagTopBox {
        width: calc(25% - 30px); } }
    @media only screen and (max-width: 1024px) {
      .FlagTopProd .FlagTopBox {
        width: calc(33.333% - 30px); } }
    @media only screen and (max-width: 800px) {
      .FlagTopProd .FlagTopBox {
        width: calc(50% - 30px); } }
    .FlagTopProd .FlagTopBox a {
      display: block;
      text-decoration: none; }
      .FlagTopProd .FlagTopBox a img {
        width: 100%; }
      .FlagTopProd .FlagTopBox a span {
        display: block;
        text-align: center;
        font-size: 16px;
        font-weight: 700;
        margin: 10px 0 0 0; }
      .FlagTopProd .FlagTopBox a:hover span {
        color: #ff6c0e; }

.FlagBestProd {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 30px;
  flex-wrap: wrap; }
  .FlagBestProd .FlagBestItem {
    width: calc(16.66% - 30px);
    margin: 0 0 30px 0; }
    @media only screen and (max-width: 1260px) {
      .FlagBestProd .FlagBestItem {
        width: calc(25% - 30px); } }
    @media only screen and (max-width: 1024px) {
      .FlagBestProd .FlagBestItem {
        width: calc(33.333% - 30px); } }
    @media only screen and (max-width: 800px) {
      .FlagBestProd .FlagBestItem {
        width: calc(50% - 30px); } }
    .FlagBestProd .FlagBestItem a {
      display: block; }
      .FlagBestProd .FlagBestItem a img {
        width: 100%; }
    .FlagBestProd .FlagBestItem h6 {
      font-size: 18px;
      font-weight: 700;
      text-align: center;
      line-height: 100%;
      margin: 10px 0 20px 0; }
    .FlagBestProd .FlagBestItem p {
      font-size: 16px;
      font-weight: 700;
      margin: 0 0 30px 0; }
    .FlagBestProd .FlagBestItem .button {
      font-size: 14px;
      background: #ff6c0e;
      border-color: #ff6c0e; }
      .FlagBestProd .FlagBestItem .button:hover {
        background: #1f1f1f;
        border-color: #1f1f1f; }

/**************Custom Printed Tents End**********/
/**************Truck Tarps Start**********/
.page-truck-tarps .WholsaleBanner .WholsaleBanner img {
  height: 400px; }

.page-truck-tarps .ProsShelter {
  background: url("https://store-12b4e7vdx4.mybigcommerce.com/content/img/pages/assistance.jpg") no-repeat center/cover; }

.TrapTypeSection {
  margin: 0 0 70px 0; }
  .TrapTypeSection h4 {
    color: #ff6c0e;
    font-size: 36px;
    font-weight: 700;
    text-align: center;
    margin: 0 0 20px 0; }
  .TrapTypeSection > p {
    font-size: 14px;
    letter-spacing: 1px;
    max-width: 600px;
    color: #3d4543; }
  .TrapTypeSection .TrapType {
    display: flex;
    justify-content: center;
    gap: 70px;
    flex-wrap: wrap; }
    .TrapTypeSection .TrapType .TrapTypeBox {
      width: calc(33.333% - 70px); }
      @media only screen and (max-width: 800px) {
        .TrapTypeSection .TrapType .TrapTypeBox {
          width: 100%; } }
      .TrapTypeSection .TrapType .TrapTypeBox a {
        display: block;
        text-align: center;
        text-decoration: none;
        margin-bottom: 1.5rem; }
        .TrapTypeSection .TrapType .TrapTypeBox a img {
          border-radius: 20px;
          width: 100%; }
        .TrapTypeSection .TrapType .TrapTypeBox a span {
          color: #ff6c0e;
          font-size: 24px;
          font-weight: 700;
          display: block; }
      .TrapTypeSection .TrapType .TrapTypeBox p {
        font-size: 14px;
        margin: 0; }

.TrapPomo {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 30px;
  flex-wrap: wrap;
  margin-bottom: 70px;
  padding-bottom: 70px;
  border-bottom: 2px solid #ddd; }
  .TrapPomo .TrapPomoItem {
    width: calc(33.333% - 30px);
    text-align: center; }
    @media only screen and (max-width: 800px) {
      .TrapPomo .TrapPomoItem {
        width: 100%; } }
    .TrapPomo .TrapPomoItem .TrapPromoIcon {
      width: 70px;
      height: 70px;
      border-radius: 100%;
      background: #ff6c0e;
      padding: 15px;
      margin: 0 auto 20px; }
    .TrapPomo .TrapPomoItem h5 {
      font-size: 22px;
      font-weight: 700;
      text-transform: capitalize;
      margin: 0 0 40px 0; }
    .TrapPomo .TrapPomoItem p {
      max-width: 250px;
      margin-bottom: 0; }

.TrapTopProd {
  margin: 0 0 70px 0; }
  .TrapTopProd .TrapTopCard {
    text-align: center;
    padding: 0 20px; }
    .TrapTopProd .TrapTopCard img {
      max-width: 295px;
      margin: 0 auto;
      box-shadow: 1px 1px 5px 1px rgba(0, 0, 0, 0.25);
      border-radius: 20px;
      margin-top: 4px; }
    .TrapTopProd .TrapTopCard h5 {
      font-size: 16px;
      font-weight: 700;
      margin: 20px 0; }
    .TrapTopProd .TrapTopCard p {
      color: #3d4543;
      font-size: 16px;
      margin: 0 0 10px 0; }
    .TrapTopProd .TrapTopCard .button {
      font-size: 14px;
      background: #ff6c0e;
      border-color: #ff6c0e;
      text-decoration: underline; }
      .TrapTopProd .TrapTopCard .button:hover {
        background: #1f1f1f;
        border-color: #1f1f1f; }

/**************Truck Tarps End**********/
/*-----------Category Page Start ----------*/
@media (min-width: 1261px) {
  .body-category > .container {
    max-width: 1360px; }
  .page-sidebar + .page-content {
    width: calc(75% + 7px); } }

.body-category {
  background: #f2f2f0;
  margin-top: 0px; }
  @media only screen and (max-width: 800px) {
    .body-category {
      margin-top: 31px; } }
  @media only screen and (max-width: 800px) {
    .body-category .card-body .CardBtnWrap {
      display: flex !important; } }

.carousel-tooltip {
  display: none; }

.mbl_hidden {
  display: none !important; }
  @media (min-width: 801px) {
    .mbl_hidden {
      display: block !important; } }

.dsktp_hidden {
  display: block !important; }
  @media (min-width: 801px) {
    .dsktp_hidden {
      display: none !important; } }

nav[aria-label="Breadcrumb"] .breadcrumbs {
  text-align: left;
  margin: 12px 0;
  display: block; }
  nav[aria-label="Breadcrumb"] .breadcrumbs .breadcrumb a {
    color: #f2f2f2;
    font-size: 12px;
    font-weight: 400;
    font-family: "Aileron", sans-serif;
    line-height: 150%;
    text-decoration: none; }
  nav[aria-label="Breadcrumb"] .breadcrumbs .breadcrumb.is-active a {
    font-weight: 400;
    color: #fff; }

.CategoryTopBannerWrap {
  background: #3d4542;
  position: relative; }
  .CategoryTopBannerWrap .CategoryTopBanner {
    width: 100%;
    margin: 0 auto;
    display: flex;
    flex-wrap: wrap; }
    @media only screen and (max-width: 1399px) {
      .CategoryTopBannerWrap .CategoryTopBanner {
        padding: 0 0 0 20px; } }
    @media only screen and (max-width: 800px) {
      .CategoryTopBannerWrap .CategoryTopBanner {
        padding: 0; } }
    .CategoryTopBannerWrap .CategoryTopBanner .CatBannerText {
      padding: 0 7% 13px 0;
      width: 50%;
      height: 100%;
      height: 100%;
      max-width: 660px;
      margin: 0 0 0 auto; }
      @media only screen and (max-width: 800px) {
        .CategoryTopBannerWrap .CategoryTopBanner .CatBannerText {
          padding: 30px 20px;
          width: 100%;
          order: 2; } }
      .CategoryTopBannerWrap .CategoryTopBanner .CatBannerText .page-heading {
        margin: 13px 0 13px 0;
        color: #fff;
        font-size: 46px;
        font-weight: 400;
        font-family: "Aileron", sans-serif;
        line-height: 120%;
        text-align: left; }
        @media (min-width: 1261px) {
          .CategoryTopBannerWrap .CategoryTopBanner .CatBannerText .page-heading {
            margin: 66px 0 13px 0; } }
        @media only screen and (max-width: 800px) {
          .CategoryTopBannerWrap .CategoryTopBanner .CatBannerText .page-heading {
            font-size: 36px;
            text-align: center;
            margin: 0 0 13px 0;
            letter-spacing: -1px; } }
      .CategoryTopBannerWrap .CategoryTopBanner .CatBannerText .CatDescp {
        margin: 0 0 13px 0;
        color: #fff;
        font-size: 16px;
        font-weight: 400;
        font-family: "Aileron", sans-serif;
        line-height: 160%;
        text-align: left; }
        @media only screen and (max-width: 800px) {
          .CategoryTopBannerWrap .CategoryTopBanner .CatBannerText .CatDescp {
            text-align: center; } }
      .CategoryTopBannerWrap .CategoryTopBanner .CatBannerText > a {
        border-radius: 3px;
        font-size: 14px;
        font-weight: 600;
        color: #fff;
        text-decoration: none;
        background: #4d5654 url('data:image/svg+xml,<svg width="13" height="13" viewBox="0 0 13 13" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12.0996 6.50001L11.1056 5.51301L7.19961 9.41901L7.19961 0.900007L5.79961 0.900007L5.79961 9.41901L1.88661 5.51301L0.899611 6.50001L6.49961 12.1L12.0996 6.50001Z" fill="white"/></svg>') no-repeat right 32px center;
        width: 174px;
        height: 55px;
        display: flex;
        align-items: center;
        justify-content: center;
        padding-right: 25px; }
        .CategoryTopBannerWrap .CategoryTopBanner .CatBannerText > a:hover {
          background-color: #f36c21; }
        @media only screen and (max-width: 800px) {
          .CategoryTopBannerWrap .CategoryTopBanner .CatBannerText > a {
            margin: 0 auto; } }
    .CategoryTopBannerWrap .CategoryTopBanner .CatBannerImg {
      width: 50%; }
      @media only screen and (max-width: 800px) {
        .CategoryTopBannerWrap .CategoryTopBanner .CatBannerImg {
          width: 100%;
          order: 1; } }
      .CategoryTopBannerWrap .CategoryTopBanner .CatBannerImg .category-header-image {
        width: 100%;
        height: 100%;
        max-height: 158px;
        object-fit: cover;
        object-position: center; }
        @media (min-width: 551px) {
          .CategoryTopBannerWrap .CategoryTopBanner .CatBannerImg .category-header-image {
            max-height: unset; } }
        @media (min-width: 1261px) {
          .CategoryTopBannerWrap .CategoryTopBanner .CatBannerImg .category-header-image {
            max-height: 412px; } }

.body-category .homeCategory-wrap {
  padding: 40px; }

.SortingWrap {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 30px 0; }
  @media only screen and (max-width: 800px) {
    .SortingWrap {
      flex-wrap: wrap;
      padding: 14px 0 24px;
      order: 1; } }
  @media only screen and (max-width: 550px) {
    .SortingWrap {
      flex-wrap: nowrap;
      gap: 14px;
      order: 2; } }
  @media only screen and (max-width: 800px) {
    .SortingWrap .CompareBtn {
      width: 100%;
      order: 2; } }
  @media only screen and (max-width: 550px) {
    .SortingWrap .CompareBtn {
      order: 1; } }
  .SortingWrap .CompareBtn .navUser-item--compare {
    width: 145px;
    height: 40px;
    border: 1px solid #bdbdbd;
    align-content: center;
    padding: 0;
    text-align: center;
    text-transform: capitalize;
    background: url('data:image/svg+xml,<svg width="21" height="15" viewBox="0 0 21 15" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M14.6631 9.10022C14.4985 9.10009 14.3501 9.02768 14.2207 8.89905L10.6992 5.37561C10.6007 5.27789 10.5264 5.17328 10.4834 5.06213C10.4418 4.95448 10.4219 4.83834 10.4219 4.71545C10.4219 4.59258 10.4418 4.47641 10.4834 4.36877C10.5156 4.28552 10.5649 4.20613 10.6289 4.13049L10.6982 4.05627L14.2275 0.526C14.3458 0.407819 14.4887 0.343397 14.6523 0.337524C14.8233 0.33151 14.976 0.401588 15.1064 0.532836L15.1074 0.533813C15.2322 0.662533 15.302 0.809233 15.3037 0.971313C15.3053 1.13515 15.2346 1.28258 15.1064 1.41077L12.4219 4.09436L19.3545 4.09436C19.5272 4.09444 19.6772 4.15424 19.7969 4.27307C19.9168 4.39233 19.9754 4.54279 19.9746 4.71643C19.9737 4.88935 19.9151 5.03875 19.7969 5.15784C19.6782 5.27733 19.5283 5.33647 19.3545 5.33655L12.4219 5.33655L15.1055 8.02014L15.1055 8.02112C15.1919 8.10727 15.2484 8.20836 15.2744 8.32288L15.29 8.44202C15.2986 8.6126 15.2333 8.76531 15.1064 8.89709L15.1055 8.89905C14.9766 9.02796 14.8279 9.10022 14.6631 9.10022ZM6.34668 14.6822C6.21851 14.6868 6.10061 14.6486 5.99512 14.5739L5.89355 14.4869L5.89258 14.486C5.76809 14.3575 5.6981 14.2118 5.69629 14.0504L5.70801 13.9303C5.73312 13.8136 5.79712 13.7065 5.89355 13.61L8.57715 10.9264L1.64551 10.9264C1.47207 10.9263 1.32222 10.8666 1.20313 10.7467C1.08424 10.627 1.02541 10.4771 1.02539 10.3043C1.02539 10.1315 1.08422 9.98168 1.20313 9.86194C1.32225 9.742 1.47207 9.68357 1.64551 9.6842L1.64551 9.68323L8.57813 9.68323L5.89551 7.00061C5.77959 6.88551 5.71639 6.74294 5.70899 6.57873C5.70134 6.40787 5.76718 6.25461 5.89356 6.12268L5.89453 6.12073L5.89551 6.1217C6.02389 5.99261 6.17156 5.91955 6.33691 5.91955C6.50216 5.91969 6.65002 5.99262 6.77832 6.1217L6.77832 6.12073L10.3018 9.64514C10.4001 9.74279 10.4736 9.84659 10.5166 9.95764C10.5582 10.0653 10.5781 10.1814 10.5781 10.3043C10.5781 10.4272 10.5583 10.5433 10.5166 10.651C10.4736 10.762 10.4001 10.8662 10.3018 10.9645L6.77246 14.4938C6.65406 14.6121 6.51089 14.6764 6.34668 14.6822Z" fill="%231F1F1F" stroke="%23292C2B" stroke-width="0.2"/></svg>') no-repeat left 10px center;
    padding-left: 25px;
    border-radius: 3px;
    color: #292c2b;
    font-size: 12px;
    font-weight: 600;
    font-family: "Aileron", sans-serif;
    display: flex;
    align-items: center;
    gap: 8px;
    padding-left: 40px; }
    .SortingWrap .CompareBtn .navUser-item--compare .countPill {
      display: inline-block;
      background: #E0E0DE;
      color: #292C2B;
      width: 26px;
      height: 26px;
      border-radius: 100%;
      align-content: center;
      font-size: 10px;
      font-weight: 700;
      font-family: "Aileron", sans-serif;
      line-height: 150%;
      padding: 5px; }
    .SortingWrap .CompareBtn .navUser-item--compare.show .countPill {
      color: #fff;
      display: inline-block;
      background: #292c2b; }
    @media only screen and (max-width: 800px) {
      .SortingWrap .CompareBtn .navUser-item--compare {
        margin: 14px auto 0; } }
    @media only screen and (max-width: 550px) {
      .SortingWrap .CompareBtn .navUser-item--compare {
        margin: 0;
        width: 100%; } }
    .SortingWrap .CompareBtn .navUser-item--compare:hover {
      background: url('data:image/svg+xml,<svg width="21" height="15" viewBox="0 0 21 15" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M14.6631 9.10022C14.4985 9.10009 14.3501 9.02768 14.2207 8.89905L10.6992 5.37561C10.6007 5.27789 10.5264 5.17328 10.4834 5.06213C10.4418 4.95448 10.4219 4.83834 10.4219 4.71545C10.4219 4.59258 10.4418 4.47641 10.4834 4.36877C10.5156 4.28552 10.5649 4.20613 10.6289 4.13049L10.6982 4.05627L14.2275 0.526C14.3458 0.407819 14.4887 0.343397 14.6523 0.337524C14.8233 0.33151 14.976 0.401588 15.1064 0.532836L15.1074 0.533813C15.2322 0.662533 15.302 0.809233 15.3037 0.971313C15.3053 1.13515 15.2346 1.28258 15.1064 1.41077L12.4219 4.09436L19.3545 4.09436C19.5272 4.09444 19.6772 4.15424 19.7969 4.27307C19.9168 4.39233 19.9754 4.54279 19.9746 4.71643C19.9737 4.88935 19.9151 5.03875 19.7969 5.15784C19.6782 5.27733 19.5283 5.33647 19.3545 5.33655L12.4219 5.33655L15.1055 8.02014L15.1055 8.02112C15.1919 8.10727 15.2484 8.20836 15.2744 8.32288L15.29 8.44202C15.2986 8.6126 15.2333 8.76531 15.1064 8.89709L15.1055 8.89905C14.9766 9.02796 14.8279 9.10022 14.6631 9.10022ZM6.34668 14.6822C6.21851 14.6868 6.10061 14.6486 5.99512 14.5739L5.89355 14.4869L5.89258 14.486C5.76809 14.3575 5.6981 14.2118 5.69629 14.0504L5.70801 13.9303C5.73312 13.8136 5.79712 13.7065 5.89355 13.61L8.57715 10.9264L1.64551 10.9264C1.47207 10.9263 1.32222 10.8666 1.20313 10.7467C1.08424 10.627 1.02541 10.4771 1.02539 10.3043C1.02539 10.1315 1.08422 9.98168 1.20313 9.86194C1.32225 9.742 1.47207 9.68357 1.64551 9.6842L1.64551 9.68323L8.57813 9.68323L5.89551 7.00061C5.77959 6.88551 5.71639 6.74294 5.70899 6.57873C5.70134 6.40787 5.76718 6.25461 5.89356 6.12268L5.89453 6.12073L5.89551 6.1217C6.02389 5.99261 6.17156 5.91955 6.33691 5.91955C6.50216 5.91969 6.65002 5.99262 6.77832 6.1217L6.77832 6.12073L10.3018 9.64514C10.4001 9.74279 10.4736 9.84659 10.5166 9.95764C10.5582 10.0653 10.5781 10.1814 10.5781 10.3043C10.5781 10.4272 10.5583 10.5433 10.5166 10.651C10.4736 10.762 10.4001 10.8662 10.3018 10.9645L6.77246 14.4938C6.65406 14.6121 6.51089 14.6764 6.34668 14.6822Z" fill="%237E2E2B" stroke="%237E2E2B" stroke-width="0.2"/></svg>') no-repeat left 10px center;
      color: #7E2E2B; }
  .SortingWrap .SortingSection {
    display: flex;
    align-items: center;
    gap: 38px; }
    @media only screen and (max-width: 800px) {
      .SortingWrap .SortingSection {
        width: 100%;
        gap: 14px; } }
    @media only screen and (max-width: 550px) {
      .SortingWrap .SortingSection {
        order: 2; } }
    .SortingWrap .SortingSection .action-number-of-products {
      display: block; }
      @media only screen and (max-width: 800px) {
        .SortingWrap .SortingSection .action-number-of-products {
          width: 50%; } }
      @media only screen and (max-width: 500px) {
        .SortingWrap .SortingSection .action-number-of-products {
          display: none; } }
    .SortingWrap .SortingSection .actionBar {
      margin: 0; }
      @media only screen and (max-width: 800px) {
        .SortingWrap .SortingSection .actionBar {
          width: 50%; } }
      @media only screen and (max-width: 550px) {
        .SortingWrap .SortingSection .actionBar {
          width: 100%; } }
    @media only screen and (max-width: 800px) {
      .SortingWrap .SortingSection .actionBar-section {
        width: 100%; } }
    .SortingWrap .SortingSection .form-field {
      background-color: transparent;
      border: 0;
      margin: 0; }
      .SortingWrap .SortingSection .form-field .form-label {
        color: #292c2b;
        font-size: 12px;
        font-weight: 600;
        font-family: "Aileron", sans-serif;
        line-height: 160%;
        padding-right: 16px;
        padding-left: 0;
        margin: 0; }
        @media only screen and (max-width: 800px) {
          .SortingWrap .SortingSection .form-field .form-label {
            display: none; } }
      .SortingWrap .SortingSection .form-field .form-select {
        background-color: transparent;
        background-image: url('data:image/svg+xml,<svg width="8" height="5" viewBox="0 0 8 5" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 1L4 4L7 1" stroke="%23292C2B" stroke-width="1.2"/></svg>');
        background-position: right 18px center;
        background-size: 8px;
        width: 160px;
        height: 40px;
        border: 1px solid #bdbdbd;
        border-radius: 3px;
        align-content: center;
        padding: 0 25px 0 22px;
        font-size: 12px;
        font-weight: 400;
        font-family: "Aileron", sans-serif;
        line-height: 160%; }
        @media only screen and (max-width: 800px) {
          .SortingWrap .SortingSection .form-field .form-select {
            width: 100%;
            max-width: 100%; } }

#facetedSearch-content--price .form-field,
#facetedSearch-content--price .button {
  border-radius: 3px; }

.page-sidebar {
  padding-top: 30px; }
  @media (min-width: 1261px) {
    .page-sidebar {
      width: calc(25% - 7px); } }
  .page-sidebar .facetedSearch .sidebarBlock .sidebarBlock-heading {
    font-size: 24px;
    font-weight: 600;
    font-family: "Aileron", sans-serif;
    line-height: 120%;
    color: #1f1f1f;
    margin: 0 0 30px 0; }
    .page-sidebar .facetedSearch .sidebarBlock .sidebarBlock-heading + p {
      color: #000;
      font-size: 14px;
      font-weight: 400;
      font-family: "Aileron", sans-serif;
      line-height: 160%; }
  .page-sidebar .facetedSearch .sidebarBlock .inlineList--labels {
    margin: 0 0 15px 0; }
    .page-sidebar .facetedSearch .sidebarBlock .inlineList--labels + a {
      font-size: 12px;
      font-weight: 600;
      font-family: "Aileron", sans-serif;
      color: #828282;
      text-transform: capitalize;
      text-decoration: underline;
      line-height: 120%; }
    .page-sidebar .facetedSearch .sidebarBlock .inlineList--labels li {
      margin-bottom: 0.78571rem;
      margin-right: 0.78571rem;
      margin-left: 0; }
      .page-sidebar .facetedSearch .sidebarBlock .inlineList--labels li .facetLabel {
        background: #e0e0de;
        font-size: 11px;
        font-weight: 600;
        font-family: "Aileron", sans-serif;
        line-height: 160%;
        color: #000;
        min-height: 34px;
        align-content: center;
        padding: 7px 18px; }
        .page-sidebar .facetedSearch .sidebarBlock .inlineList--labels li .facetLabel:hover {
          background: #fff;
          color: #7e2e2b; }
        .page-sidebar .facetedSearch .sidebarBlock .inlineList--labels li .facetLabel .icon {
          height: 12px;
          width: 12px;
          fill: #000; }
  .page-sidebar .facetedSearch .facetedSearch-navList .accordion--navList .accordion-block {
    border-bottom: 1px solid #cdd4d6;
    padding: 17px 0;
    margin: 0 !important; }
    .page-sidebar .facetedSearch .facetedSearch-navList .accordion--navList .accordion-block:first-child {
      border-top: 1px solid #cdd4d6; }
    .page-sidebar .facetedSearch .facetedSearch-navList .accordion--navList .accordion-block .accordion-heading {
      cursor: pointer; }
      .page-sidebar .facetedSearch .facetedSearch-navList .accordion--navList .accordion-block .accordion-heading .accordion-navigation {
        margin: 0 !important; }
        .page-sidebar .facetedSearch .facetedSearch-navList .accordion--navList .accordion-block .accordion-heading .accordion-navigation:hover .accordion-title {
          color: #7e2e2b; }
        .page-sidebar .facetedSearch .facetedSearch-navList .accordion--navList .accordion-block .accordion-heading .accordion-navigation:hover .icon {
          fill: #7e2e2b; }
        .page-sidebar .facetedSearch .facetedSearch-navList .accordion--navList .accordion-block .accordion-heading .accordion-navigation .accordion-title {
          color: #000;
          font-size: 14px;
          font-weight: 600;
          font-family: "Aileron", sans-serif;
          line-height: 160%; }
        .page-sidebar .facetedSearch .facetedSearch-navList .accordion--navList .accordion-block .accordion-heading .accordion-navigation .icon {
          fill: #292c2b; }
      .page-sidebar .facetedSearch .facetedSearch-navList .accordion--navList .accordion-block .accordion-heading .facetedSearch-clearLink {
        color: #828282;
        font-size: 12px;
        font-weight: 600;
        font-family: "Aileron", sans-serif;
        line-height: 120%;
        right: 25px; }
    .page-sidebar .facetedSearch .facetedSearch-navList .accordion--navList .accordion-block .accordion-content {
      padding-top: 20px; }
      .page-sidebar .facetedSearch .facetedSearch-navList .accordion--navList .accordion-block .accordion-content .navList .navList-item .navList-action {
        color: #000;
        font-size: 14px;
        font-weight: 400;
        font-family: "Aileron", sans-serif;
        line-height: 160%; }
        .page-sidebar .facetedSearch .facetedSearch-navList .accordion--navList .accordion-block .accordion-content .navList .navList-item .navList-action.is-selected:before {
          background-color: #000;
          border-color: #000; }
        .page-sidebar .facetedSearch .facetedSearch-navList .accordion--navList .accordion-block .accordion-content .navList .navList-item .navList-action.is-selected:after {
          background-image: url('data:image/svg+xml,<svg width="8" height="7" viewBox="0 0 8 7" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M6.46875 0.469727L7.52941 1.53039L2.99908 6.06072L0.46875 3.53039L1.52941 2.46973L2.99908 3.9394L6.46875 0.469727Z" fill="white"/></svg>');
          background-size: 10px; }
        .page-sidebar .facetedSearch .facetedSearch-navList .accordion--navList .accordion-block .accordion-content .navList .navList-item .navList-action:before {
          border-radius: 3px;
          border-color: #bdbdbd; }
        .page-sidebar .facetedSearch .facetedSearch-navList .accordion--navList .accordion-block .accordion-content .navList .navList-item .navList-action:hover {
          color: #7e2e2b; }
  .page-sidebar .have-question-wrap.SideBarQuwstion {
    display: none; }
    @media (min-width: 1261px) {
      .page-sidebar .have-question-wrap.SideBarQuwstion {
        display: block; } }

.have-question-wrap.SideBarQuwstion {
  background: transparent;
  padding: 0px;
  margin-top: 48px; }
  .have-question-wrap.SideBarQuwstion .have-question-inner {
    display: block; }
    .have-question-wrap.SideBarQuwstion .have-question-inner .have-question-left {
      border-radius: 3px;
      background: #7e2e2b;
      padding: 30px 27px;
      width: 100%; }
      .have-question-wrap.SideBarQuwstion .have-question-inner .have-question-left .have-question-hesding {
        font-size: 24px;
        max-width: 220px;
        text-align: left;
        margin: 0 0 14px 0; }
        @media only screen and (max-width: 800px) {
          .have-question-wrap.SideBarQuwstion .have-question-inner .have-question-left .have-question-hesding {
            max-width: 100%; } }
      .have-question-wrap.SideBarQuwstion .have-question-inner .have-question-left .have-question-subheading {
        font-size: 14px;
        line-height: 150%;
        text-align: left; }
      .have-question-wrap.SideBarQuwstion .have-question-inner .have-question-left .have-question-buttons {
        margin: 0;
        display: block;
        max-width: 100%; }
        .have-question-wrap.SideBarQuwstion .have-question-inner .have-question-left .have-question-buttons .have-question-btn {
          background-color: #973c3a;
          display: block;
          text-align: left;
          width: 100%;
          max-width: 100%;
          margin: 0 0 20px 0;
          padding: 17px 22px;
          background-position: right 25px center; }
          .have-question-wrap.SideBarQuwstion .have-question-inner .have-question-left .have-question-buttons .have-question-btn:first-child {
            margin-top: 20px; }
          .have-question-wrap.SideBarQuwstion .have-question-inner .have-question-left .have-question-buttons .have-question-btn:last-child {
            margin-bottom: 0px; }
    .have-question-wrap.SideBarQuwstion .have-question-inner .have-question-right {
      padding: 42px 0px 0;
      border: 0;
      width: 100%; }
      .have-question-wrap.SideBarQuwstion .have-question-inner .have-question-right .right-inner {
        display: flex;
        justify-content: flex-start;
        align-items: flex-start;
        margin: 0 0 40px 0;
        gap: 26px; }
        .have-question-wrap.SideBarQuwstion .have-question-inner .have-question-right .right-inner .users-two {
          background: #e5e5e3 url('data:image/svg+xml,<svg width="26" height="26" viewBox="0 0 26 26" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M20.7695 8.79785C21.3197 9.07715 21.8148 9.41992 22.2549 9.82617C22.695 10.2324 23.0758 10.6895 23.3975 11.1973C23.7191 11.7051 23.9603 12.2467 24.1211 12.8223C24.2819 13.3978 24.3665 13.9987 24.375 14.625H22.75C22.75 13.9564 22.623 13.3258 22.3691 12.7334C22.1152 12.141 21.764 11.6247 21.3154 11.1846C20.8669 10.7445 20.3506 10.3975 19.7666 10.1436C19.1826 9.88965 18.5521 9.75846 17.875 9.75C17.2064 9.75 16.5758 9.87695 15.9834 10.1309C15.391 10.3848 14.8747 10.736 14.4346 11.1846C13.9945 11.6331 13.6475 12.1494 13.3936 12.7334C13.1396 13.3174 13.0085 13.9479 13 14.625C13 15.3952 12.8265 16.1273 12.4795 16.8213C12.1325 17.5153 11.6458 18.0908 11.0195 18.5479C11.5697 18.8271 12.0648 19.1699 12.5049 19.5762C12.945 19.9824 13.3258 20.4395 13.6475 20.9473C13.9691 21.4551 14.2103 21.9967 14.3711 22.5723C14.5319 23.1478 14.6165 23.7487 14.625 24.375H13C13 23.7064 12.873 23.0758 12.6191 22.4834C12.3652 21.891 12.014 21.3747 11.5654 20.9346C11.1169 20.4945 10.6006 20.1475 10.0166 19.8936C9.43262 19.6396 8.80208 19.5085 8.125 19.5C7.45638 19.5 6.82585 19.627 6.2334 19.8809C5.64095 20.1348 5.12467 20.486 4.68457 20.9346C4.24447 21.3831 3.89746 21.8994 3.64355 22.4834C3.38965 23.0674 3.25846 23.6979 3.25 24.375H1.625C1.625 23.7572 1.70964 23.1605 1.87891 22.585C2.04818 22.0094 2.28939 21.4678 2.60254 20.96C2.91569 20.4521 3.29232 19.9951 3.73242 19.5889C4.17253 19.1826 4.67188 18.8356 5.23047 18.5479C4.61263 18.0908 4.13021 17.5153 3.7832 16.8213C3.4362 16.1273 3.25846 15.3952 3.25 14.625C3.25 13.9564 3.37695 13.3258 3.63086 12.7334C3.88477 12.141 4.236 11.6247 4.68457 11.1846C5.13314 10.7445 5.64941 10.3975 6.2334 10.1436C6.81738 9.88965 7.44792 9.75846 8.125 9.75C8.89518 9.75 9.62728 9.9235 10.3213 10.2705C11.0153 10.6175 11.5908 11.1042 12.0479 11.7305C12.3695 11.0957 12.7799 10.5286 13.2793 10.0293C13.7786 9.52995 14.3457 9.11947 14.9805 8.79785C14.3626 8.34082 13.8802 7.7653 13.5332 7.07129C13.1862 6.37728 13.0085 5.64518 13 4.875C13 4.20638 13.127 3.57585 13.3809 2.9834C13.6348 2.39095 13.986 1.87467 14.4346 1.43457C14.8831 0.994466 15.3994 0.647461 15.9834 0.393555C16.5674 0.139648 17.1979 0.00846354 17.875 0C18.5436 0 19.1742 0.126953 19.7666 0.380859C20.359 0.634766 20.8753 0.986003 21.3154 1.43457C21.7555 1.88314 22.1025 2.39941 22.3564 2.9834C22.6104 3.56738 22.7415 4.19792 22.75 4.875C22.75 5.64518 22.5765 6.37728 22.2295 7.07129C21.8825 7.7653 21.3958 8.34082 20.7695 8.79785ZM8.125 17.875C8.5651 17.875 8.98405 17.7904 9.38184 17.6211C9.77962 17.4518 10.1224 17.2191 10.4102 16.9229C10.6979 16.6266 10.9307 16.2839 11.1084 15.8945C11.2861 15.5052 11.375 15.082 11.375 14.625C11.375 14.1849 11.2904 13.766 11.1211 13.3682C10.9518 12.9704 10.7191 12.6276 10.4229 12.3398C10.1266 12.0521 9.77962 11.8193 9.38184 11.6416C8.98405 11.4639 8.5651 11.375 8.125 11.375C7.67643 11.375 7.25749 11.4596 6.86816 11.6289C6.47884 11.7982 6.13607 12.0309 5.83984 12.3271C5.54362 12.6234 5.31087 12.9704 5.1416 13.3682C4.97233 13.766 4.88346 14.1849 4.875 14.625C4.875 15.0736 4.95964 15.4925 5.12891 15.8818C5.29818 16.2712 5.53092 16.6139 5.82715 16.9102C6.12337 17.2064 6.46615 17.4391 6.85547 17.6084C7.24479 17.7777 7.66797 17.8665 8.125 17.875ZM14.625 4.875C14.625 5.32357 14.7096 5.74251 14.8789 6.13184C15.0482 6.52116 15.2809 6.86393 15.5771 7.16016C15.8734 7.45638 16.2161 7.68913 16.6055 7.8584C16.9948 8.02767 17.418 8.11654 17.875 8.125C18.3151 8.125 18.734 8.04036 19.1318 7.87109C19.5296 7.70182 19.8724 7.46908 20.1602 7.17285C20.4479 6.87663 20.6807 6.53385 20.8584 6.14453C21.0361 5.75521 21.125 5.33203 21.125 4.875C21.125 4.4349 21.0404 4.01595 20.8711 3.61816C20.7018 3.22038 20.4691 2.8776 20.1729 2.58984C19.8766 2.30208 19.5296 2.06934 19.1318 1.8916C18.734 1.71387 18.3151 1.625 17.875 1.625C17.4264 1.625 17.0075 1.70964 16.6182 1.87891C16.2288 2.04818 15.8861 2.28092 15.5898 2.57715C15.2936 2.87337 15.0609 3.22038 14.8916 3.61816C14.7223 4.01595 14.6335 4.4349 14.625 4.875Z" fill="%237E2E2B"/></svg>') no-repeat center center; }
        .have-question-wrap.SideBarQuwstion .have-question-inner .have-question-right .right-inner .mobile-answer {
          background: #e5e5e3 url('data:image/svg+xml,<svg width="16" height="22" viewBox="0 0 16 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M11.5202 0.979248H4.47852C2.68359 0.979248 1.22852 2.43432 1.22852 4.22925V17.7709C1.22852 19.5658 2.68359 21.0209 4.47852 21.0209H11.5202C13.3151 21.0209 14.7702 19.5658 14.7702 17.7709V4.22925C14.7702 2.43432 13.3151 0.979248 11.5202 0.979248Z" stroke="%237E2E2B" stroke-width="1.625" stroke-linecap="round" stroke-linejoin="round"/><path d="M6.91602 17.2292H9.08268" stroke="%237E2E2B" stroke-width="1.625" stroke-linecap="round" stroke-linejoin="round"/></svg>') no-repeat center center; }
        .have-question-wrap.SideBarQuwstion .have-question-inner .have-question-right .right-inner .question-mark {
          background: #e5e5e3 url('data:image/svg+xml,<svg width="14" height="22" viewBox="0 0 14 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1.58398 6.66667C1.58398 3.67667 4.01065 1.25 7.00065 1.25C9.99065 1.25 12.4173 3.67667 12.4173 6.66667C12.4173 8.44333 11.5615 10.0142 10.2507 11C9.34065 11.6825 7.00065 13.1667 7.00065 16.4167" stroke="%237E2E2B" stroke-width="2.16667" stroke-linecap="round" stroke-linejoin="round"/><path d="M7 20.75V20.76" stroke="%237E2E2B" stroke-width="2.16667" stroke-linecap="round" stroke-linejoin="round"/></svg>') no-repeat center center; }
        .have-question-wrap.SideBarQuwstion .have-question-inner .have-question-right .right-inner > p {
          margin: 0;
          font-family: "Aileron", sans-serif;
          font-weight: 600;
          font-size: 18px;
          line-height: 160%;
          text-transform: capitalize;
          color: #1f1f1f;
          width: calc(100% - 75px); }
          .have-question-wrap.SideBarQuwstion .have-question-inner .have-question-right .right-inner > p > span {
            display: block;
            font-weight: 400;
            font-size: 15px;
            line-height: 110%;
            margin: 5px 0 0 0; }

.custom-container {
  width: 100%;
  max-width: 1360px;
  padding: 0 20px;
  margin: 0 auto; }

.why-pole-tent-wrap {
  background: #3d4542;
  padding: 44px 0 50px 0;
  color: #fff; }
  @media (min-width: 801px) {
    .why-pole-tent-wrap {
      padding: 75px 0 90px 0; } }
  .why-pole-tent-wrap .pole-subheading {
    margin: 0 0 11px 0;
    font-family: "Aileron", sans-serif;
    font-weight: 600;
    font-size: 14px;
    line-height: 160%;
    text-align: center;
    text-transform: uppercase;
    color: #fff; }
    @media (min-width: 801px) {
      .why-pole-tent-wrap .pole-subheading {
        margin: 0 0 2px 0; } }
  .why-pole-tent-wrap .pole-heading {
    margin: 0 0 30px 0;
    font-family: "Aileron", sans-serif;
    font-weight: 400;
    font-size: 30px;
    line-height: 120%;
    text-align: center;
    color: #fff; }
    @media (min-width: 801px) {
      .why-pole-tent-wrap .pole-heading {
        font-size: 48px;
        line-height: 150%; } }
  .why-pole-tent-wrap .pole-tent-inner-wrap {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 25px;
    flex-direction: column; }
    @media (min-width: 801px) {
      .why-pole-tent-wrap .pole-tent-inner-wrap {
        gap: 10px;
        flex-direction: row; } }
    @media (min-width: 1261px) {
      .why-pole-tent-wrap .pole-tent-inner-wrap {
        gap: 52px; } }
    .why-pole-tent-wrap .pole-tent-inner-wrap .why-pole-tent {
      width: 100%; }
      @media (min-width: 801px) {
        .why-pole-tent-wrap .pole-tent-inner-wrap .why-pole-tent {
          width: 20%; } }
      .why-pole-tent-wrap .pole-tent-inner-wrap .why-pole-tent .tent-heading {
        margin: 0 0 10px 0;
        font-family: "Aileron", sans-serif;
        font-weight: 700;
        font-size: 18px;
        line-height: 150%;
        text-align: center; }
        @media (min-width: 801px) {
          .why-pole-tent-wrap .pole-tent-inner-wrap .why-pole-tent .tent-heading {
            margin: 0 0 9px 0; } }
      .why-pole-tent-wrap .pole-tent-inner-wrap .why-pole-tent .tent-desc {
        margin: 0;
        font-family: "Aileron", sans-serif;
        font-weight: 400;
        font-size: 15px;
        line-height: 150%;
        text-align: center; }

/*-----------Product Card Start ----------*/
.card {
  margin-bottom: 30px; }
  .card .card-figure {
    padding: 0;
    background-color: #fff;
    border-radius: 3px; }
    @media (min-width: 801px) {
      .card .card-figure {
        background-color: transparent; } }
    .card .card-figure:hover .CardBtnWrap {
      opacity: 1;
      visibility: visible;
      height: auto; }
    .card .card-figure:hover .card-figure__link .card-img-container .card-image.Secondary-image {
      opacity: 1; }
    .card .card-figure .CardBtnWrap {
      position: absolute;
      top: 15px;
      right: 13px;
      width: fit-content;
      opacity: 0;
      visibility: hidden;
      height: 0; }
    .card .card-figure .card-figure__link .card-img-container {
      height: 100%;
      max-height: 280px;
      position: relative; }
      .card .card-figure .card-figure__link .card-img-container .SaleBadge {
        position: absolute;
        top: 15px;
        left: 17px;
        background: #7E2E2B;
        z-index: 99;
        width: 34px;
        height: 16px;
        text-align: center;
        align-content: center;
        font-size: 10px;
        font-weight: 700;
        font-family: "Aileron";
        line-height: 100%;
        color: #fff;
        border-radius: 3px;
        padding-bottom: 0.3px; }
      .card .card-figure .card-figure__link .card-img-container .card-image.Secondary-image {
        opacity: 0; }
      @media (min-width: 801px) {
        .card .card-figure .card-figure__link .card-img-container .card-image {
          object-fit: cover;
          max-width: 100%; } }
      .card .card-figure .card-figure__link .card-img-container:after {
        padding-bottom: 100%; }
    .card .card-figure .card-figcaption {
      height: auto;
      top: unset; }
      .card .card-figure .card-figcaption .card-figcaption-body {
        transform: none;
        align-content: end;
        width: 100%;
        height: 100%; }
        .card .card-figure .card-figcaption .card-figcaption-body .button.button--small.quickview {
          display: block !important;
          width: 95%;
          max-width: 230px;
          height: 55px;
          background: #f36c21;
          border: 1px solid #f36c21;
          font-family: "Aileron", sans-serif;
          font-weight: 600;
          font-size: 14px;
          line-height: 100%;
          color: #1f1f1f;
          transition: 0.2s all ease;
          margin: 0 auto 22px; }
          .card .card-figure .card-figcaption .card-figcaption-body .button.button--small.quickview:hover {
            border: 1px solid #f36c21;
            transition: 0.2s all ease;
            background: #fff; }
  .card .card-body {
    text-align: left;
    padding: 18px 0 0 0; }
    .card .card-body [data-test-info-type="brandName"] {
      display: none !important; }
    .card .card-body .card-title > a {
      font-family: "Aileron", sans-serif;
      font-weight: 600;
      font-size: 16px;
      line-height: 120%;
      margin: 0 0 10px 0;
      color: #292c2b;
      text-align: left; }
      .card .card-body .card-title > a:hover {
        text-decoration: underline; }
    .card .card-body .card-text {
      margin: 0; }
      .card .card-body .card-text .price-section .price {
        text-align: left;
        font-family: "Aileron", sans-serif;
        font-weight: 600;
        font-size: 16px;
        line-height: 120%;
        letter-spacing: 0%;
        color: #515a57;
        padding: 0; }
        .card .card-body .card-text .price-section .price:before {
          content: "from";
          font-family: "Aileron", sans-serif;
          font-weight: 300;
          font-size: 14px;
          line-height: 120%;
          color: #828282;
          margin-right: 5px; }
    .card .card-body .price.price--non-sale:before {
      display: none; }
    @media only screen and (max-width: 800px) {
      .card .card-body .CardBtnWrap {
        align-items: center;
        gap: 15px;
        margin-top: 15px; }
        .card .card-body .CardBtnWrap .button {
          background-color: #e0e0de;
          margin: 0; } }
  .card:hover .card-figure {
    display: block; }
  .card .card-text[data-test-info-type="price"] {
    display: flex;
    gap: 10px;
    text-align: left;
    font-family: "Aileron", sans-serif;
    font-weight: 600;
    font-size: 16px;
    line-height: 120%;
    letter-spacing: 0%;
    color: #515a57;
    padding: 0;
    flex-direction: row-reverse;
    justify-content: flex-end; }
    .card .card-text[data-test-info-type="price"] .price-label {
      display: none !important; }
    .card .card-text[data-test-info-type="price"] .price-label,
    .card .card-text[data-test-info-type="price"] .price-now-label {
      display: none !important; }
    .card .card-text[data-test-info-type="price"] .price[data-product-price-without-tax=""] {
      color: #515a57; }
      .card .card-text[data-test-info-type="price"] .price[data-product-price-without-tax=""].price-red {
        color: #7e2e2b; }
    .card .card-text[data-test-info-type="price"] .price[data-product-rrp-price-without-tax=""] {
      font-weight: 400;
      color: #515a57; }
    .card .card-text[data-test-info-type="price"] .price[data-product-non-sale-price-without-tax=""] {
      font-weight: 300;
      color: #515a57; }

.CardBtnWrap .figcaption-Wishlist {
  background: #f2f2f0 url('data:image/svg+xml,<svg width="19" height="13" viewBox="0 0 19 13" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1.625 9.82733H7.58333M11.8393 8.97614H14.3929M14.3929 8.97614H16.9464M14.3929 8.97614V11.5297M14.3929 8.97614V6.42257M1.625 5.57138H10.9881M1.625 1.31543H10.9881" stroke="%23292C2B" stroke-width="1.66667" stroke-linecap="round" stroke-linejoin="round"/></svg>') no-repeat center center;
  width: 31px;
  height: 31px;
  padding: 0;
  border-radius: 3px;
  border-color: transparent;
  margin: 0 0 17px 0; }
  .CardBtnWrap .figcaption-Wishlist:hover {
    background: #f36c21 url('data:image/svg+xml,<svg width="19" height="13" viewBox="0 0 19 13" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1.625 9.82733H7.58333M11.8393 8.97614H14.3929M14.3929 8.97614H16.9464M14.3929 8.97614V11.5297M14.3929 8.97614V6.42257M1.625 5.57138H10.9881M1.625 1.31543H10.9881" stroke="%23FFFFFF" stroke-width="1.66667" stroke-linecap="round" stroke-linejoin="round"/></svg>') no-repeat center center; }

.CardBtnWrap .figcaption-Compare {
  background: #f2f2f0 url('data:image/svg+xml,<svg width="21" height="15" viewBox="0 0 21 15" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M14.6631 9.10022C14.4985 9.10009 14.3501 9.02768 14.2207 8.89905L10.6992 5.37561C10.6007 5.27789 10.5264 5.17328 10.4834 5.06213C10.4418 4.95448 10.4219 4.83834 10.4219 4.71545C10.4219 4.59258 10.4418 4.47641 10.4834 4.36877C10.5156 4.28552 10.5649 4.20613 10.6289 4.13049L10.6982 4.05627L14.2275 0.526C14.3458 0.407819 14.4887 0.343397 14.6523 0.337524C14.8233 0.33151 14.976 0.401588 15.1064 0.532836L15.1074 0.533813C15.2322 0.662533 15.302 0.809233 15.3037 0.971313C15.3053 1.13515 15.2346 1.28258 15.1064 1.41077L12.4219 4.09436L19.3545 4.09436C19.5272 4.09444 19.6772 4.15424 19.7969 4.27307C19.9168 4.39233 19.9754 4.54279 19.9746 4.71643C19.9737 4.88935 19.9151 5.03875 19.7969 5.15784C19.6782 5.27733 19.5283 5.33647 19.3545 5.33655L12.4219 5.33655L15.1055 8.02014L15.1055 8.02112C15.1919 8.10727 15.2484 8.20836 15.2744 8.32288L15.29 8.44202C15.2986 8.6126 15.2333 8.76531 15.1064 8.89709L15.1055 8.89905C14.9766 9.02796 14.8279 9.10022 14.6631 9.10022ZM6.34668 14.6822C6.21851 14.6868 6.10061 14.6486 5.99512 14.5739L5.89355 14.4869L5.89258 14.486C5.76809 14.3575 5.6981 14.2118 5.69629 14.0504L5.70801 13.9303C5.73312 13.8136 5.79712 13.7065 5.89355 13.61L8.57715 10.9264L1.64551 10.9264C1.47207 10.9263 1.32222 10.8666 1.20313 10.7467C1.08424 10.627 1.02541 10.4771 1.02539 10.3043C1.02539 10.1315 1.08422 9.98168 1.20313 9.86194C1.32225 9.742 1.47207 9.68357 1.64551 9.6842L1.64551 9.68323L8.57813 9.68323L5.89551 7.00061C5.77959 6.88551 5.71639 6.74294 5.70899 6.57873C5.70134 6.40787 5.76718 6.25461 5.89356 6.12268L5.89453 6.12073L5.89551 6.1217C6.02389 5.99261 6.17156 5.91955 6.33691 5.91955C6.50216 5.91969 6.65002 5.99262 6.77832 6.1217L6.77832 6.12073L10.3018 9.64514C10.4001 9.74279 10.4736 9.84659 10.5166 9.95764C10.5582 10.0653 10.5781 10.1814 10.5781 10.3043C10.5781 10.4272 10.5583 10.5433 10.5166 10.651C10.4736 10.762 10.4001 10.8662 10.3018 10.9645L6.77246 14.4938C6.65406 14.6121 6.51089 14.6764 6.34668 14.6822Z" fill="%231F1F1F" stroke="%23292C2B" stroke-width="0.2"/></svg>') no-repeat center center;
  width: 31px;
  height: 31px;
  padding: 0;
  border-radius: 3px;
  border-color: transparent;
  margin: 0 0 17px 0;
  cursor: pointer; }
  .CardBtnWrap .figcaption-Compare:hover {
    background: #f36c21 url('data:image/svg+xml,<svg width="21" height="15" viewBox="0 0 21 15" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M14.6631 9.10022C14.4985 9.10009 14.3501 9.02768 14.2207 8.89905L10.6992 5.37561C10.6007 5.27789 10.5264 5.17328 10.4834 5.06213C10.4418 4.95448 10.4219 4.83834 10.4219 4.71545C10.4219 4.59258 10.4418 4.47641 10.4834 4.36877C10.5156 4.28552 10.5649 4.20613 10.6289 4.13049L10.6982 4.05627L14.2275 0.526C14.3458 0.407819 14.4887 0.343397 14.6523 0.337524C14.8233 0.33151 14.976 0.401588 15.1064 0.532836L15.1074 0.533813C15.2322 0.662533 15.302 0.809233 15.3037 0.971313C15.3053 1.13515 15.2346 1.28258 15.1064 1.41077L12.4219 4.09436L19.3545 4.09436C19.5272 4.09444 19.6772 4.15424 19.7969 4.27307C19.9168 4.39233 19.9754 4.54279 19.9746 4.71643C19.9737 4.88935 19.9151 5.03875 19.7969 5.15784C19.6782 5.27733 19.5283 5.33647 19.3545 5.33655L12.4219 5.33655L15.1055 8.02014L15.1055 8.02112C15.1919 8.10727 15.2484 8.20836 15.2744 8.32288L15.29 8.44202C15.2986 8.6126 15.2333 8.76531 15.1064 8.89709L15.1055 8.89905C14.9766 9.02796 14.8279 9.10022 14.6631 9.10022ZM6.34668 14.6822C6.21851 14.6868 6.10061 14.6486 5.99512 14.5739L5.89355 14.4869L5.89258 14.486C5.76809 14.3575 5.6981 14.2118 5.69629 14.0504L5.70801 13.9303C5.73312 13.8136 5.79712 13.7065 5.89355 13.61L8.57715 10.9264L1.64551 10.9264C1.47207 10.9263 1.32222 10.8666 1.20313 10.7467C1.08424 10.627 1.02541 10.4771 1.02539 10.3043C1.02539 10.1315 1.08422 9.98168 1.20313 9.86194C1.32225 9.742 1.47207 9.68357 1.64551 9.6842L1.64551 9.68323L8.57813 9.68323L5.89551 7.00061C5.77959 6.88551 5.71639 6.74294 5.70899 6.57873C5.70134 6.40787 5.76718 6.25461 5.89356 6.12268L5.89453 6.12073L5.89551 6.1217C6.02389 5.99261 6.17156 5.91955 6.33691 5.91955C6.50216 5.91969 6.65002 5.99262 6.77832 6.1217L6.77832 6.12073L10.3018 9.64514C10.4001 9.74279 10.4736 9.84659 10.5166 9.95764C10.5582 10.0653 10.5781 10.1814 10.5781 10.3043C10.5781 10.4272 10.5583 10.5433 10.5166 10.651C10.4736 10.762 10.4001 10.8662 10.3018 10.9645L6.77246 14.4938C6.65406 14.6121 6.51089 14.6764 6.34668 14.6822Z" fill="%23FFFFFF" stroke="%23FFFFFF" stroke-width="0.2"/></svg>') no-repeat center center; }
  .CardBtnWrap .figcaption-Compare input {
    width: 100%;
    height: 100%;
    opacity: 0;
    cursor: pointer; }

/*-----------Product Card End ----------*/
.pagination {
  padding: 29px 0; }
  .pagination.paginationAppear {
    border-top: 1px solid #bdbdbd; }
  .pagination .pagination-list {
    margin: 0; }
    .pagination .pagination-list .pagination-item {
      border-bottom: 1px solid transparent;
      border-radius: 0;
      margin: 0;
      border: 0; }
      .pagination .pagination-list .pagination-item.pagination-item--current {
        border-bottom: 1px solid #1f1f1f; }
      .pagination .pagination-list .pagination-item .pagination-link {
        color: #1f1f1f !important;
        font-family: "Aileron", sans-serif;
        font-weight: 600;
        font-size: 16px;
        line-height: 110%;
        text-transform: uppercase; }
        .pagination .pagination-list .pagination-item .pagination-link:hover {
          color: #7e2e2b !important; }
        .pagination .pagination-list .pagination-item .pagination-link .icon {
          display: none; }

.pole-tent-kit-wrap {
  background: #f2f2f0;
  padding: 25px 0 65px 0; }
  @media (min-width: 801px) {
    .pole-tent-kit-wrap {
      padding: 74px 0; } }
  .pole-tent-kit-wrap .pole-kit-inner {
    display: flex;
    justify-content: space-between;
    gap: 30px;
    flex-wrap: wrap; }
    @media (min-width: 801px) {
      .pole-tent-kit-wrap .pole-kit-inner {
        gap: 45px; } }
    .pole-tent-kit-wrap .pole-kit-inner .pole-kit-img {
      width: 100%; }
      @media (min-width: 801px) {
        .pole-tent-kit-wrap .pole-kit-inner .pole-kit-img {
          width: calc(50% - 22.5px);
          margin: 0 auto; } }
      .pole-tent-kit-wrap .pole-kit-inner .pole-kit-img img {
        width: 100%;
        height: 100%;
        max-height: 100%;
        object-fit: cover;
        object-position: center; }
    .pole-tent-kit-wrap .pole-kit-inner .pole-kit-content {
      width: 100%; }
      @media (min-width: 1261px) {
        .pole-tent-kit-wrap .pole-kit-inner .pole-kit-content {
          width: calc(50% - 22.5px); } }
      .pole-tent-kit-wrap .pole-kit-inner .pole-kit-content .content-subheading {
        margin: 0 0 4px 0;
        font-family: "Aileron", sans-serif;
        font-weight: 600;
        font-size: 14px;
        line-height: 160%;
        text-transform: uppercase;
        color: #1f1f1f;
        text-align: center; }
        @media (min-width: 1261px) {
          .pole-tent-kit-wrap .pole-kit-inner .pole-kit-content .content-subheading {
            text-align: left; } }
      .pole-tent-kit-wrap .pole-kit-inner .pole-kit-content .content-heading {
        margin: 0 0 20px 0;
        font-family: "Aileron", sans-serif;
        font-weight: 400;
        font-size: 30px;
        line-height: 150%;
        color: #292c2b;
        text-align: center; }
        @media (min-width: 1261px) {
          .pole-tent-kit-wrap .pole-kit-inner .pole-kit-content .content-heading {
            font-size: 33px;
            text-align: left; } }
      .pole-tent-kit-wrap .pole-kit-inner .pole-kit-content .content-desc {
        margin: 0;
        font-family: "Aileron", sans-serif;
        font-weight: 400;
        font-size: 15px;
        line-height: 150%;
        color: #292c2b;
        max-width: 550px; }
      .pole-tent-kit-wrap .pole-kit-inner .pole-kit-content .pole-content-inner {
        margin-top: 20px;
        display: block; }
        .pole-tent-kit-wrap .pole-kit-inner .pole-kit-content .pole-content-inner .content-inner-heading {
          margin: 0;
          font-family: "Aileron", sans-serif;
          font-weight: 700;
          font-size: 15px;
          line-height: 150%;
          color: #292c2b;
          background-image: url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M6 10L4 12L10 18L20 8L18 6L10 14L6 10Z" fill="black"/></svg>');
          background-repeat: no-repeat;
          background-position: left top;
          padding-left: 25px;
          background-size: 22px; }
        .pole-tent-kit-wrap .pole-kit-inner .pole-kit-content .pole-content-inner .content-inner-subheading {
          margin: 0 0 10px 0;
          font-family: "Aileron", sans-serif;
          font-weight: 400;
          font-size: 15px;
          line-height: 150%;
          color: #292c2b; }
          .pole-tent-kit-wrap .pole-kit-inner .pole-kit-content .pole-content-inner .content-inner-subheading:last-child {
            margin: 0; }

.sizes-available-wrap {
  background: #f2f2f0;
  margin: 0 auto;
  padding: 30px 0 60px 0;
  max-width: calc(100% - 40px);
  border-top: 1px solid #e0e0e0; }
  @media (min-width: 801px) {
    .sizes-available-wrap {
      padding: 39px 0 74px 0;
      max-width: calc(100% - 60px); } }
  .sizes-available-wrap .sizes-available-inner .sizes-subheading {
    margin: 0 0 2px 0;
    font-family: "Aileron", sans-serif;
    font-weight: 600;
    font-size: 14px;
    line-height: 160%;
    text-align: center;
    text-transform: uppercase;
    color: #1f1f1f; }
  .sizes-available-wrap .sizes-available-inner .sizes-heading {
    margin: 0 0 15px 0;
    font-family: "Aileron", sans-serif;
    font-weight: 400;
    font-size: 33px;
    line-height: 150%;
    text-align: center;
    color: #292c2b; }
  .sizes-available-wrap .sizes-available-inner .sizes-desc {
    margin: 0 0 25px 0;
    font-family: "Aileron", sans-serif;
    font-weight: 400;
    font-size: 15px;
    line-height: 150%;
    text-align: center;
    color: #292c2b; }
  .sizes-available-wrap .sizes-available-inner .sizes-available-cards {
    display: none; }
    @media (min-width: 801px) {
      .sizes-available-wrap .sizes-available-inner .sizes-available-cards {
        padding-top: 70px; } }
    .sizes-available-wrap .sizes-available-inner .sizes-available-cards .sizes-card {
      display: flex;
      justify-content: flex-start;
      align-items: flex-start;
      gap: 28px;
      width: 100%;
      max-width: unset;
      flex-direction: column;
      margin: 0 auto 54px auto; }
      @media (min-width: 801px) {
        .sizes-available-wrap .sizes-available-inner .sizes-available-cards .sizes-card {
          gap: 45px;
          max-width: 95%;
          flex-direction: row;
          margin: 0 auto 90px auto; } }
      .sizes-available-wrap .sizes-available-inner .sizes-available-cards .sizes-card:last-child {
        margin: 0 auto 26px auto; }
      .sizes-available-wrap .sizes-available-inner .sizes-available-cards .sizes-card .card-img {
        width: 100%;
        max-width: 175px;
        margin: 0 auto; }
        @media (min-width: 801px) {
          .sizes-available-wrap .sizes-available-inner .sizes-available-cards .sizes-card .card-img {
            margin: unset; } }
        .sizes-available-wrap .sizes-available-inner .sizes-available-cards .sizes-card .card-img > img {
          display: block;
          width: 100%; }
      .sizes-available-wrap .sizes-available-inner .sizes-available-cards .sizes-card .card-content {
        width: 100%; }
        @media (min-width: 801px) {
          .sizes-available-wrap .sizes-available-inner .sizes-available-cards .sizes-card .card-content {
            width: calc(100% - 200px); } }
        .sizes-available-wrap .sizes-available-inner .sizes-available-cards .sizes-card .card-content .card-content-heading {
          margin: 0 0 10px 0;
          font-family: "Aileron", sans-serif;
          font-weight: 400;
          font-size: 22px;
          line-height: 150%;
          color: #292c2b;
          text-align: center; }
          @media (min-width: 801px) {
            .sizes-available-wrap .sizes-available-inner .sizes-available-cards .sizes-card .card-content .card-content-heading {
              text-align: left; } }
        .sizes-available-wrap .sizes-available-inner .sizes-available-cards .sizes-card .card-content .card-content-desc {
          margin: 0 0 10px 0;
          font-family: "Aileron", sans-serif;
          font-weight: 400;
          font-size: 15px;
          line-height: 150%;
          color: #292c2b;
          text-align: center; }
          @media (min-width: 801px) {
            .sizes-available-wrap .sizes-available-inner .sizes-available-cards .sizes-card .card-content .card-content-desc {
              text-align: left;
              margin: 0 0 15px 0; } }
          .sizes-available-wrap .sizes-available-inner .sizes-available-cards .sizes-card .card-content .card-content-desc > span {
            font-weight: 700; }
        .sizes-available-wrap .sizes-available-inner .sizes-available-cards .sizes-card .card-content .shop-now {
          margin: 30px auto 0 auto;
          display: block;
          width: 100%;
          max-width: 375px;
          height: 55px;
          background: #292c2b;
          border: 1px solid #292c2b;
          border-radius: 3px;
          text-align: center;
          align-content: center;
          font-family: "Aileron", sans-serif;
          font-weight: 600;
          font-size: 14px;
          color: #fff;
          text-decoration: none;
          transition: 0.2s all ease; }
          @media (min-width: 801px) {
            .sizes-available-wrap .sizes-available-inner .sizes-available-cards .sizes-card .card-content .shop-now {
              margin: 30px 0 0 0;
              max-width: 165px; } }
          .sizes-available-wrap .sizes-available-inner .sizes-available-cards .sizes-card .card-content .shop-now:hover {
            transition: 0.2s all ease;
            background: transparent;
            color: #292c2b; }
  .sizes-available-wrap .sizes-available-inner .show-sizes {
    display: block;
    width: 100%;
    max-width: 375px;
    height: 45px;
    margin: 0 auto;
    background-color: transparent;
    border: 1px solid #292c2b;
    border-radius: 3px;
    text-align: center;
    align-content: center;
    text-decoration: none;
    font-family: "Aileron", sans-serif;
    font-weight: 600;
    font-size: 14px;
    color: #292c2b;
    background-image: url('data:image/svg+xml,<svg width="10" height="11" viewBox="0 0 10 11" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5 1.51514L4.99981 9.51514" stroke="%23292C2B" stroke-width="1.5" stroke-linecap="round"/><path d="M1 5.51562L9 5.51544" stroke="%23292C2B" stroke-width="1.5" stroke-linecap="round"/></svg>');
    background-position: right 40px center;
    background-repeat: no-repeat; }
    @media (min-width: 801px) {
      .sizes-available-wrap .sizes-available-inner .show-sizes {
        max-width: 195px; } }
    .sizes-available-wrap .sizes-available-inner .show-sizes.current {
      background-image: url('data:image/svg+xml,<svg width="10" height="3" viewBox="0 0 10 3" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 1.51611L9 1.51593" stroke="%23292C2B" stroke-width="1.5" stroke-linecap="round"/></svg>'); }
    .sizes-available-wrap .sizes-available-inner .show-sizes:hover {
      color: #292c2b; }

.setup-guide-wrap {
  border-top: 1px solid #e0e0e0;
  background: #f2f2f0;
  padding: 39px 0 61px 0;
  text-align: center;
  margin: 0 auto;
  max-width: calc(100% - 40px); }
  @media (min-width: 801px) {
    .setup-guide-wrap {
      max-width: calc(100% - 60px); } }
  .setup-guide-wrap .setup-guide-inner .setup-subheading {
    margin: 0 0 2px 0;
    font-family: "Aileron", sans-serif;
    font-weight: 600;
    font-size: 14px;
    line-height: 160%;
    text-transform: uppercase;
    color: #1f1f1f; }
  .setup-guide-wrap .setup-guide-inner .setup-heading {
    margin: 0 0 30px 0;
    font-family: "Aileron", sans-serif;
    font-weight: 400;
    font-size: 33px;
    line-height: 150%;
    color: #292c2b; }
  .setup-guide-wrap .setup-guide-inner .setup-guides {
    margin: 0 0 50px 0; }
    @media (min-width: 801px) {
      .setup-guide-wrap .setup-guide-inner .setup-guides {
        margin: 0 0 58px 0; } }
    .setup-guide-wrap .setup-guide-inner .setup-guides .guide-Heading {
      margin: 0 0 5px 0;
      font-family: "Aileron", sans-serif;
      font-weight: 700;
      font-size: 18px;
      line-height: 120%;
      color: #1f1f1f; }
    .setup-guide-wrap .setup-guide-inner .setup-guides .guide-SubHeading {
      margin: 0 0 40px 0;
      font-family: "Aileron", sans-serif;
      font-weight: 400;
      font-size: 15px;
      line-height: 120%;
      color: #1f1f1f; }
      .setup-guide-wrap .setup-guide-inner .setup-guides .guide-SubHeading:last-child {
        margin: 0; }
  .setup-guide-wrap .setup-guide-inner .detailed-guide {
    width: 100%;
    background: #292c2b;
    border: 1px solid #292c2b;
    border-radius: 3px;
    padding: 23px 40px 20px 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 20px;
    flex-direction: column;
    text-decoration: none; }
    .setup-guide-wrap .setup-guide-inner .detailed-guide:hover {
      background: #f36c21;
      border-color: #f36c21; }
    @media (min-width: 801px) {
      .setup-guide-wrap .setup-guide-inner .detailed-guide {
        gap: 0;
        flex-direction: row;
        justify-content: space-between; } }
    .setup-guide-wrap .setup-guide-inner .detailed-guide > p {
      margin: 0;
      font-family: "Aileron", sans-serif;
      font-weight: 400;
      font-size: 15px;
      line-height: 150%;
      color: #fff; }
    .setup-guide-wrap .setup-guide-inner .detailed-guide .view-guide {
      margin: 0;
      display: block;
      font-family: "Aileron", sans-serif;
      font-weight: 600;
      font-size: 14px;
      color: #fff;
      text-decoration: none;
      padding: 0 34px 0 0;
      background-image: url('data:image/svg+xml,<svg width="12" height="13" viewBox="0 0 12 13" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.99961 0.899902L5.01261 1.8939L8.91861 5.7999L0.39961 5.7999L0.39961 7.1999L8.91861 7.1999L5.01261 11.1129L5.99961 12.0999L11.5996 6.4999L5.99961 0.899902Z" fill="white"/></svg>');
      background-repeat: no-repeat;
      background-position: right 10px center;
      transition: 0.2s all ease; }
      .setup-guide-wrap .setup-guide-inner .detailed-guide .view-guide:hover {
        transition: 0.2s all ease;
        background-position: right 0 center; }
    .setup-guide-wrap .setup-guide-inner .detailed-guide:hover {
      background-color: #fff;
      border-color: #fff; }
      .setup-guide-wrap .setup-guide-inner .detailed-guide:hover .view-guide {
        color: #292c2b;
        background-image: url('data:image/svg+xml,<svg width="12" height="13" viewBox="0 0 12 13" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.99961 0.899902L5.01261 1.8939L8.91861 5.7999L0.39961 5.7999L0.39961 7.1999L8.91861 7.1999L5.01261 11.1129L5.99961 12.0999L11.5996 6.4999L5.99961 0.899902Z" fill="%23292c2b"/></svg>');
        background-repeat: no-repeat;
        background-position: right 0px center; }
      .setup-guide-wrap .setup-guide-inner .detailed-guide:hover p {
        color: #292c2b; }

.pole-tent-uses-wrap {
  background: #f2f2f0;
  padding: 0 0 55px 0;
  border-top: 1px solid #e0e0e0;
  border-bottom: 1px solid #e0e0e0;
  margin: 0 auto; }
  @media (min-width: 801px) {
    .pole-tent-uses-wrap {
      padding: 0 0 75px 0;
      max-width: calc(100% - 60px); } }
  .pole-tent-uses-wrap .tent-uses-inner {
    padding: 39px 0 0 0; }
    .pole-tent-uses-wrap .tent-uses-inner .uses-subheading {
      margin: 0 0 10px 0;
      font-family: "Aileron", sans-serif;
      font-weight: 600;
      font-size: 14px;
      line-height: 160%;
      text-align: center;
      text-transform: uppercase;
      color: #1f1f1f; }
    .pole-tent-uses-wrap .tent-uses-inner .uses-heading {
      margin: 0 0 15px 0;
      font-family: "Aileron", sans-serif;
      font-weight: 400;
      font-size: 33px;
      line-height: 150%;
      text-align: center;
      color: #292c2b; }
    .pole-tent-uses-wrap .tent-uses-inner .uses-desc {
      margin: 0 0 50px 0;
      font-family: "Aileron", sans-serif;
      font-weight: 400;
      font-size: 15px;
      line-height: 150%;
      text-align: center;
      color: #292c2b; }
    .pole-tent-uses-wrap .tent-uses-inner .tents-uses {
      display: flex;
      justify-content: flex-start;
      align-items: flex-start;
      gap: 34px;
      flex-wrap: wrap; }
      .pole-tent-uses-wrap .tent-uses-inner .tents-uses .use-wrap {
        text-align: center;
        width: 100%; }
        @media (min-width: 551px) {
          .pole-tent-uses-wrap .tent-uses-inner .tents-uses .use-wrap {
            width: calc(50% - 17px); } }
        @media (min-width: 801px) {
          .pole-tent-uses-wrap .tent-uses-inner .tents-uses .use-wrap {
            width: calc(33% - 21px); } }
        @media (min-width: 1261px) {
          .pole-tent-uses-wrap .tent-uses-inner .tents-uses .use-wrap {
            width: calc(25% - 26px); } }
        .pole-tent-uses-wrap .tent-uses-inner .tents-uses .use-wrap .use-img {
          display: block;
          height: 102px;
          width: 102px;
          border-radius: 50px;
          background: #fff;
          align-content: center;
          text-align: center;
          margin: 0 auto 25px auto; }
        .pole-tent-uses-wrap .tent-uses-inner .tents-uses .use-wrap .use-title {
          margin: 0 0 10px 0;
          font-family: "Aileron", sans-serif;
          font-weight: 700;
          font-size: 18px;
          line-height: 150%;
          color: #292c2b; }
        .pole-tent-uses-wrap .tent-uses-inner .tents-uses .use-wrap .use-desc {
          margin: 0;
          font-family: "Aileron", sans-serif;
          font-weight: 400;
          font-size: 15px;
          line-height: 150%;
          color: #292c2b; }

.choose-pole-wrap {
  background: #f2f2f0;
  padding: 0 0 63px 0; }
  @media (min-width: 801px) {
    .choose-pole-wrap {
      padding: 0 0 90px 0; } }
  .choose-pole-wrap .choose-pole-inner-wrap {
    padding: 39px 0 0 0; }
    .choose-pole-wrap .choose-pole-inner-wrap .choose-pole-subheading {
      margin: 0 0 10px 0;
      font-family: "Aileron", sans-serif;
      font-weight: 600;
      font-size: 14px;
      line-height: 160%;
      text-align: center;
      text-transform: uppercase;
      color: #1f1f1f; }
    .choose-pole-wrap .choose-pole-inner-wrap .choose-pole-heading {
      margin: 0;
      font-family: "Aileron", sans-serif;
      font-weight: 400;
      font-size: 33px;
      line-height: 150%;
      text-align: center;
      color: #292c2b; }
    .choose-pole-wrap .choose-pole-inner-wrap .choose-pole-inner {
      margin: 30px 0 0 0;
      display: flex;
      justify-content: space-between;
      gap: 30px;
      flex-wrap: wrap; }
      @media (min-width: 801px) {
        .choose-pole-wrap .choose-pole-inner-wrap .choose-pole-inner {
          gap: 45px;
          margin: 50px 0 0 0; } }
      .choose-pole-wrap .choose-pole-inner-wrap .choose-pole-inner.bottom .choose-pole-content .contact-us {
        margin: 50px auto 0 0; }
        @media (min-width: 801px) {
          .choose-pole-wrap .choose-pole-inner-wrap .choose-pole-inner.bottom .choose-pole-content .contact-us {
            margin: 45px auto 0 0; } }
      .choose-pole-wrap .choose-pole-inner-wrap .choose-pole-inner .choose-pole-img {
        width: 100%; }
        @media (min-width: 801px) {
          .choose-pole-wrap .choose-pole-inner-wrap .choose-pole-inner .choose-pole-img {
            margin: 0 auto;
            width: calc(50% - 23px); } }
        .choose-pole-wrap .choose-pole-inner-wrap .choose-pole-inner .choose-pole-img > img {
          width: 100%;
          max-height: 500px;
          object-fit: cover;
          object-position: center; }
      .choose-pole-wrap .choose-pole-inner-wrap .choose-pole-inner .choose-pole-content {
        width: 100%;
        text-align: center; }
        @media (min-width: 1261px) {
          .choose-pole-wrap .choose-pole-inner-wrap .choose-pole-inner .choose-pole-content {
            text-align: left;
            width: calc(50% - 22px); } }
        .choose-pole-wrap .choose-pole-inner-wrap .choose-pole-inner .choose-pole-content .content-inner-subheading {
          margin: 0 0 10px 0;
          font-family: "Aileron", sans-serif;
          font-weight: 400;
          font-size: 15px;
          line-height: 150%;
          color: #3d4542; }
        .choose-pole-wrap .choose-pole-inner-wrap .choose-pole-inner .choose-pole-content .content-inner-heading {
          margin: 0;
          font-family: "Aileron", sans-serif;
          font-weight: 700;
          font-size: 15px;
          line-height: 150%;
          color: #3d4542; }
        .choose-pole-wrap .choose-pole-inner-wrap .choose-pole-inner .choose-pole-content .contact-us {
          width: 100%;
          max-width: 375px;
          height: 55px;
          background: #292c2b;
          display: block;
          border: 1px solid #292c2b;
          border-radius: 3px;
          text-align: center;
          align-content: center;
          text-decoration: none;
          font-family: "Aileron", sans-serif;
          font-weight: 600;
          font-size: 14px;
          color: #fff;
          margin: 50px auto 0 auto;
          transition: 0.2s all ease; }
          @media (min-width: 1261px) {
            .choose-pole-wrap .choose-pole-inner-wrap .choose-pole-inner .choose-pole-content .contact-us {
              max-width: 170px;
              margin: 37px 0 0 0; } }
          .choose-pole-wrap .choose-pole-inner-wrap .choose-pole-inner .choose-pole-content .contact-us:hover {
            transition: 0.2s all ease;
            background: transparent;
            color: #292c2b; }

.why-celina-wrap {
  background: #f2f2f0;
  padding: 0 0 64px 0;
  max-width: calc(100% - 40px);
  border-top: 1px solid #e0e0e0;
  margin: 0 auto; }
  @media (min-width: 801px) {
    .why-celina-wrap {
      padding: 0 0 95px 0;
      max-width: calc(100% - 60px); } }
  .why-celina-wrap .why-celina-inner {
    padding: 39px 0 0 0; }
    @media (min-width: 801px) {
      .why-celina-wrap .why-celina-inner {
        padding: 46px 0 0 0; } }
    .why-celina-wrap .why-celina-inner .celina-subheading {
      margin: 0 0 10px 0;
      font-family: "Aileron", sans-serif;
      font-weight: 600;
      font-size: 14px;
      line-height: 160%;
      text-align: center;
      text-transform: uppercase;
      color: #1f1f1f; }
    .why-celina-wrap .why-celina-inner .celina-heading {
      margin: 0 0 15px 0;
      font-family: "Aileron", sans-serif;
      font-weight: 400;
      font-size: 33px;
      line-height: 150%;
      text-align: center;
      color: #292c2b; }
    .why-celina-wrap .why-celina-inner .celina-desc {
      margin: 0 0 27px 0;
      font-family: "Aileron", sans-serif;
      font-weight: 400;
      font-size: 15px;
      line-height: 150%;
      text-align: center;
      color: #292c2b; }
      @media (min-width: 801px) {
        .why-celina-wrap .why-celina-inner .celina-desc {
          margin: 0 0 39px 0; } }
    .why-celina-wrap .why-celina-inner .celina-benefits-wrap {
      display: flex;
      justify-content: space-between;
      align-items: flex-start;
      gap: 20px 60px;
      flex-wrap: wrap; }
      .why-celina-wrap .why-celina-inner .celina-benefits-wrap .celine-benefits {
        width: 100%;
        text-align: center;
        border-top: 1px solid #e0e0e0;
        padding: 30px 20px 23px 20px; }
        @media (min-width: 551px) {
          .why-celina-wrap .why-celina-inner .celina-benefits-wrap .celine-benefits {
            padding: 30px 5px 23px 5px;
            width: calc(50% - 30px); } }
        @media (min-width: 801px) {
          .why-celina-wrap .why-celina-inner .celina-benefits-wrap .celine-benefits {
            padding: 30px 55px 23px 55px; } }
        @media (min-width: 1261px) {
          .why-celina-wrap .why-celina-inner .celina-benefits-wrap .celine-benefits {
            width: calc(33.33% - 40px); } }
        .why-celina-wrap .why-celina-inner .celina-benefits-wrap .celine-benefits .benefits-title {
          margin: 0 0 10px 0;
          font-family: "Aileron", sans-serif;
          font-weight: 700;
          font-size: 15px;
          line-height: 130%;
          color: #292c2b; }
        .why-celina-wrap .why-celina-inner .celina-benefits-wrap .celine-benefits .benefits-desc {
          margin: 0;
          font-family: "Aileron", sans-serif;
          font-weight: 400;
          font-size: 15px;
          line-height: 150%;
          color: #292c2b; }

.order-tent-wrap {
  position: relative; }
  .order-tent-wrap > img {
    object-fit: cover;
    object-position: center;
    width: 100%;
    height: 100%;
    min-height: 550px;
    max-height: unset;
    object-position: top; }
    @media (min-width: 801px) {
      .order-tent-wrap > img {
        min-height: unset;
        max-height: 503px; } }
  .order-tent-wrap .order-tent-content {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    text-align: center;
    align-content: center;
    background-color: rgba(31, 31, 31, 0.65);
    padding: 0 20px; }
    @media (min-width: 801px) {
      .order-tent-wrap .order-tent-content {
        padding: 0; } }
    .order-tent-wrap .order-tent-content .order-tent-subtitle {
      margin: 0 0 7px 0;
      font-family: "Aileron", sans-serif;
      font-weight: 600;
      font-size: 14px;
      line-height: 160%;
      text-transform: uppercase;
      color: #fff; }
      @media (min-width: 801px) {
        .order-tent-wrap .order-tent-content .order-tent-subtitle {
          margin: 0 0 10px 0; } }
    .order-tent-wrap .order-tent-content .order-tent-title {
      margin: 0 0 13px 0;
      font-family: "Aileron", sans-serif;
      font-weight: 400;
      font-size: 33px;
      line-height: 130%;
      color: #fff; }
      @media (min-width: 801px) {
        .order-tent-wrap .order-tent-content .order-tent-title {
          line-height: 150%; } }
    .order-tent-wrap .order-tent-content .order-tent-desc {
      font-family: "Aileron", sans-serif;
      font-weight: 400;
      font-size: 15px;
      line-height: 150%;
      color: #fff;
      width: 100%;
      max-width: 700px;
      margin: 0 auto 10px auto; }
    .order-tent-wrap .order-tent-content .order-tent-btn-wrap {
      display: flex;
      justify-content: center;
      align-items: center;
      gap: 21px;
      margin: 40px 0 0 0; }
      .order-tent-wrap .order-tent-content .order-tent-btn-wrap .order-tent {
        display: block;
        width: 100%;
        max-width: 180px;
        height: 55px;
        background: #f36c21;
        border: 1px solid #f36c21;
        border-radius: 3px;
        text-align: center;
        align-content: center;
        text-decoration: none;
        font-family: "Aileron", sans-serif;
        font-weight: 600;
        font-size: 14px;
        color: #1f1f1f;
        transition: 0.2s all ease; }
        .order-tent-wrap .order-tent-content .order-tent-btn-wrap .order-tent:hover {
          transition: 0.2s all ease;
          background: transparent;
          color: #fff; }

.slick-slide {
  cursor: grab; }

/*-----------Category Page End ----------*/
@media only screen and (max-width: 800px) {
  .page-sidebar {
    padding-top: 22px; }
    .page-sidebar nav .facetedSearch .facetedSearch-toggle {
      background: #f36c21 url('data:image/svg+xml,<svg width="21" height="15" viewBox="0 0 21 15" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M14.6631 9.10022C14.4985 9.10009 14.3501 9.02768 14.2207 8.89905L10.6992 5.37561C10.6007 5.27789 10.5264 5.17328 10.4834 5.06213C10.4418 4.95448 10.4219 4.83834 10.4219 4.71545C10.4219 4.59258 10.4418 4.47641 10.4834 4.36877C10.5156 4.28552 10.5649 4.20613 10.6289 4.13049L10.6982 4.05627L14.2275 0.526C14.3458 0.407819 14.4887 0.343397 14.6523 0.337524C14.8233 0.33151 14.976 0.401588 15.1064 0.532836L15.1074 0.533813C15.2322 0.662533 15.302 0.809233 15.3037 0.971313C15.3053 1.13515 15.2346 1.28258 15.1064 1.41077L12.4219 4.09436L19.3545 4.09436C19.5272 4.09444 19.6772 4.15424 19.7969 4.27307C19.9168 4.39233 19.9754 4.54279 19.9746 4.71643C19.9737 4.88935 19.9151 5.03875 19.7969 5.15784C19.6782 5.27733 19.5283 5.33647 19.3545 5.33655L12.4219 5.33655L15.1055 8.02014L15.1055 8.02112C15.1919 8.10727 15.2484 8.20836 15.2744 8.32288L15.29 8.44202C15.2986 8.6126 15.2333 8.76531 15.1064 8.89709L15.1055 8.89905C14.9766 9.02796 14.8279 9.10022 14.6631 9.10022ZM6.34668 14.6822C6.21851 14.6868 6.10061 14.6486 5.99512 14.5739L5.89355 14.4869L5.89258 14.486C5.76809 14.3575 5.6981 14.2118 5.69629 14.0504L5.70801 13.9303C5.73312 13.8136 5.79712 13.7065 5.89355 13.61L8.57715 10.9264L1.64551 10.9264C1.47207 10.9263 1.32222 10.8666 1.20313 10.7467C1.08424 10.627 1.02541 10.4771 1.02539 10.3043C1.02539 10.1315 1.08422 9.98168 1.20313 9.86194C1.32225 9.742 1.47207 9.68357 1.64551 9.6842L1.64551 9.68323L8.57813 9.68323L5.89551 7.00061C5.77959 6.88551 5.71639 6.74294 5.70899 6.57873C5.70134 6.40787 5.76718 6.25461 5.89356 6.12268L5.89453 6.12073L5.89551 6.1217C6.02389 5.99261 6.17156 5.91955 6.33691 5.91955C6.50216 5.91969 6.65002 5.99262 6.77832 6.1217L6.77832 6.12073L10.3018 9.64514C10.4001 9.74279 10.4736 9.84659 10.5166 9.95764C10.5582 10.0653 10.5781 10.1814 10.5781 10.3043C10.5781 10.4272 10.5583 10.5433 10.5166 10.651C10.4736 10.762 10.4001 10.8662 10.3018 10.9645L6.77246 14.4938C6.65406 14.6121 6.51089 14.6764 6.34668 14.6822Z" fill="%231F1F1F" stroke="%23292C2B" stroke-width="0.2"/></svg>') no-repeat left 13px center;
      padding-left: 43px;
      margin: 0;
      display: flex;
      align-items: center;
      text-decoration: none; }
      .page-sidebar nav .facetedSearch .facetedSearch-toggle.is-open {
        background: #000 url('data:image/svg+xml,<svg width="21" height="15" viewBox="0 0 21 15" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M14.6631 9.10022C14.4985 9.10009 14.3501 9.02768 14.2207 8.89905L10.6992 5.37561C10.6007 5.27789 10.5264 5.17328 10.4834 5.06213C10.4418 4.95448 10.4219 4.83834 10.4219 4.71545C10.4219 4.59258 10.4418 4.47641 10.4834 4.36877C10.5156 4.28552 10.5649 4.20613 10.6289 4.13049L10.6982 4.05627L14.2275 0.526C14.3458 0.407819 14.4887 0.343397 14.6523 0.337524C14.8233 0.33151 14.976 0.401588 15.1064 0.532836L15.1074 0.533813C15.2322 0.662533 15.302 0.809233 15.3037 0.971313C15.3053 1.13515 15.2346 1.28258 15.1064 1.41077L12.4219 4.09436L19.3545 4.09436C19.5272 4.09444 19.6772 4.15424 19.7969 4.27307C19.9168 4.39233 19.9754 4.54279 19.9746 4.71643C19.9737 4.88935 19.9151 5.03875 19.7969 5.15784C19.6782 5.27733 19.5283 5.33647 19.3545 5.33655L12.4219 5.33655L15.1055 8.02014L15.1055 8.02112C15.1919 8.10727 15.2484 8.20836 15.2744 8.32288L15.29 8.44202C15.2986 8.6126 15.2333 8.76531 15.1064 8.89709L15.1055 8.89905C14.9766 9.02796 14.8279 9.10022 14.6631 9.10022ZM6.34668 14.6822C6.21851 14.6868 6.10061 14.6486 5.99512 14.5739L5.89355 14.4869L5.89258 14.486C5.76809 14.3575 5.6981 14.2118 5.69629 14.0504L5.70801 13.9303C5.73312 13.8136 5.79712 13.7065 5.89355 13.61L8.57715 10.9264L1.64551 10.9264C1.47207 10.9263 1.32222 10.8666 1.20313 10.7467C1.08424 10.627 1.02541 10.4771 1.02539 10.3043C1.02539 10.1315 1.08422 9.98168 1.20313 9.86194C1.32225 9.742 1.47207 9.68357 1.64551 9.6842L1.64551 9.68323L8.57813 9.68323L5.89551 7.00061C5.77959 6.88551 5.71639 6.74294 5.70899 6.57873C5.70134 6.40787 5.76718 6.25461 5.89356 6.12268L5.89453 6.12073L5.89551 6.1217C6.02389 5.99261 6.17156 5.91955 6.33691 5.91955C6.50216 5.91969 6.65002 5.99262 6.77832 6.1217L6.77832 6.12073L10.3018 9.64514C10.4001 9.74279 10.4736 9.84659 10.5166 9.95764C10.5582 10.0653 10.5781 10.1814 10.5781 10.3043C10.5781 10.4272 10.5583 10.5433 10.5166 10.651C10.4736 10.762 10.4001 10.8662 10.3018 10.9645L6.77246 14.4938C6.65406 14.6121 6.51089 14.6764 6.34668 14.6822Z" fill="%23FFFFFF" stroke="%23FFFFFF" stroke-width="0.2"/></svg>') no-repeat left 13px center; }
        .page-sidebar nav .facetedSearch .facetedSearch-toggle.is-open .facetedSearch-toggle-text {
          color: #fff; }
      .page-sidebar nav .facetedSearch .facetedSearch-toggle .facetedSearch-toggle-text {
        font-family: "Aileron", sans-serif;
        font-weight: 600;
        font-size: 12px;
        color: #292c2b;
        line-height: 160%; }
      .page-sidebar nav .facetedSearch .facetedSearch-toggle .facetedSearch-toggle-indicator .toggleLink-text .icon svg {
        fill: #292c2b; }
      .page-sidebar nav .facetedSearch .facetedSearch-toggle .facetedSearch-toggle-indicator .toggleLink-text .icon.Cross {
        background: #ff6200 url('data:image/svg+xml,<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" stroke="%23ffffff"><g id="SVGRepo_bgCarrier" stroke-width="0"></g><g id="SVGRepo_tracerCarrier" stroke-linecap="round" stroke-linejoin="round"></g><g id="SVGRepo_iconCarrier"><path d="M16 8L8 16M8.00001 8L16 16" stroke="%23fffff" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></g></svg>');
        width: 26px;
        height: 26px;
        border-radius: 100%; }
        .page-sidebar nav .facetedSearch .facetedSearch-toggle .facetedSearch-toggle-indicator .toggleLink-text .icon.Cross svg {
          display: none; }
    .page-sidebar nav .facetedSearch .facetedSearch-navList {
      background: #fff; }
      .page-sidebar nav .facetedSearch .facetedSearch-navList .MobFilterBy {
        display: block !important; }
        .page-sidebar nav .facetedSearch .facetedSearch-navList .MobFilterBy .facetedSearch-refineFilters {
          display: block !important;
          padding: 15px 15px 0 15px;
          position: relative; }
          .page-sidebar nav .facetedSearch .facetedSearch-navList .MobFilterBy .facetedSearch-refineFilters .sidebarBlock-heading {
            font-size: 18px;
            margin: 0 0 20px 0; }
          .page-sidebar nav .facetedSearch .facetedSearch-navList .MobFilterBy .facetedSearch-refineFilters > a {
            position: absolute;
            top: 15px;
            right: 15px; }
      .page-sidebar nav .facetedSearch .facetedSearch-navList .accordion--navList .accordion-block {
        border: 0 !important;
        padding: 0; }
        .page-sidebar nav .facetedSearch .facetedSearch-navList .accordion--navList .accordion-block .accordion-heading .accordion-navigation {
          padding: 0 13px 0 0; }
          .page-sidebar nav .facetedSearch .facetedSearch-navList .accordion--navList .accordion-block .accordion-heading .accordion-navigation + .facetedSearch-clearLink {
            right: 33px; }
  #CatProdSection + .have-question-wrap.SideBarQuwstion {
    display: block !important; } }

.blog-page-wrapper .blog-hero-parallax {
  background: url("https://cdn11.bigcommerce.com/s-whwwydb1yw/images/stencil/original/image-manager/blog-banner.jpg") no-repeat;
  height: 200px;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: white;
  position: relative;
  text-align: center;
  background-size: cover; }
  @media (min-width: 801px) {
    .blog-page-wrapper .blog-hero-parallax {
      height: 300px;
      background-position: center; } }
  .blog-page-wrapper .blog-hero-parallax::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 1; }
  .blog-page-wrapper .blog-hero-parallax .custom-container {
    height: 100% !important; }
  .blog-page-wrapper .blog-hero-parallax .breadcrumb {
    margin-right: 0 !important; }
  .blog-page-wrapper .blog-hero-parallax .banner-bread {
    display: flex;
    position: relative;
    z-index: 9; }
  .blog-page-wrapper .blog-hero-parallax .blog-hero-inner {
    z-index: 9;
    position: relative; }
  .blog-page-wrapper .blog-hero-parallax .blog-hero-inner h1 {
    font-size: 34px;
    line-height: normal;
    font-weight: 400;
    color: #fff; }
    @media (min-width: 551px) {
      .blog-page-wrapper .blog-hero-parallax .blog-hero-inner h1 {
        font-size: 40px; } }
    @media (min-width: 801px) {
      .blog-page-wrapper .blog-hero-parallax .blog-hero-inner h1 {
        font-size: 60px; } }
  .blog-page-wrapper .blog-hero-parallax .blog-hero-inner h4 {
    font-size: 15px;
    line-height: normal;
    font-weight: 600;
    color: #fff;
    text-transform: uppercase;
    margin-bottom: 28px; }

.blog-page-wrapper .blog-post-content {
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  margin-top: 44px;
  gap: 2rem; }
  @media (min-width: 801px) {
    .blog-page-wrapper .blog-post-content {
      flex-direction: row; } }
  @media (min-width: 801px) {
    .blog-page-wrapper .blog-post-content .blog-sidebar {
      flex: 1; } }
  .blog-page-wrapper .blog-post-content .blog-sidebar h3 {
    margin-bottom: 1rem; }
  @media (min-width: 801px) {
    .blog-page-wrapper .blog-post-content .blog-main {
      flex: 3; } }
  .blog-page-wrapper .blog-post-content .blog-main .blog-listing {
    display: grid;
    grid-template-columns: 1fr;
    gap: 20px;
    margin-bottom: 30px; }
    @media (min-width: 551px) {
      .blog-page-wrapper .blog-post-content .blog-main .blog-listing {
        grid-template-columns: 1fr 1fr;
        gap: 51px 38px;
        margin-bottom: 80px; } }
    .blog-page-wrapper .blog-post-content .blog-main .blog-listing .blog + .blog {
      border-top: 0;
      margin-top: 0rem;
      padding-top: 0; }
    .blog-page-wrapper .blog-post-content .blog-main .blog-listing .blog-post-figure {
      width: 100%; }
      .blog-page-wrapper .blog-post-content .blog-main .blog-listing .blog-post-figure .blog-thumbnail {
        max-width: 100%;
        margin: 0 auto 18px; }
    .blog-page-wrapper .blog-post-content .blog-main .blog-listing .blog-post-body {
      width: 100%;
      text-align: left; }
      .blog-page-wrapper .blog-post-content .blog-main .blog-listing .blog-post-body .blog-date {
        color: #1f1f1f;
        text-align: left;
        font-size: 12px;
        font-weight: 600;
        margin-bottom: 10px; }
      .blog-page-wrapper .blog-post-content .blog-main .blog-listing .blog-post-body .blog-title {
        margin: 0; }
        .blog-page-wrapper .blog-post-content .blog-main .blog-listing .blog-post-body .blog-title a {
          color: #3d4542;
          font-size: 20px;
          line-height: normal; }
      .blog-page-wrapper .blog-post-content .blog-main .blog-listing .blog-post-body .blog-post {
        font-size: 15px;
        font-weight: 300;
        color: #1f1f1f;
        margin-top: 10px;
        line-height: normal; }
        .blog-page-wrapper .blog-post-content .blog-main .blog-listing .blog-post-body .blog-post a {
          display: block;
          text-transform: uppercase;
          font-size: 14px;
          font-weight: 700;
          text-decoration: none;
          margin-top: 25px;
          color: #1f1f1f; }
          .blog-page-wrapper .blog-post-content .blog-main .blog-listing .blog-post-body .blog-post a:hover {
            color: #7e2e2b; }

.blog-page-wrapper .pagination {
  margin-bottom: 32px; }
  @media (min-width: 551px) {
    .blog-page-wrapper .pagination {
      margin-bottom: 62px; } }

.compareTable-action .button {
  display: block;
  width: 100%;
  color: #1F1F1F;
  max-width: 100%;
  font-weight: 600;
  font-size: 14px;
  line-height: 100%;
  letter-spacing: 0%;
  font-family: 'Aileron', sans-serif;
  background-color: #F36C21;
  border: 1px solid #F36C21;
  padding: 19.5px 10px;
  border-radius: 3px; }
  .compareTable-action .button:hover {
    color: #ffffff;
    background-color: #292C2B;
    border: 1px solid #292C2B; }

.open_sidebar::after {
  content: "";
  height: 100%;
  width: 100%;
  background: rgba(0, 0, 0, 0.7);
  position: absolute;
  top: 0;
  bottom: 0;
  z-index: 9999; }

.sidebar_close {
  margin: 0;
  font-size: 0;
  position: fixed;
  right: 30px;
  cursor: pointer;
  background-image: url('data:image/svg+xml,<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg"><circle cx="16" cy="16" r="16" fill="%23222222"/><path d="M10.0718 10.0772L21.9166 21.922" stroke="%23ffffff" stroke-width="2" stroke-linecap="round"/><path d="M10.0718 21.9228L21.9166 10.078" stroke="%23ffffff" stroke-width="2" stroke-linecap="round"/></svg>');
  height: 32px;
  width: 32px; }
  @media (min-width: 801px) {
    .sidebar_close {
      display: none; } }

.sidebar-toggler {
  display: block;
  font-family: "Aileron", sans-serif;
  font-weight: 700;
  font-style: Bold;
  font-size: 18px;
  line-height: 140%;
  letter-spacing: -1%;
  color: #f36c22;
  text-align: left;
  margin: 0 0 20px;
  background: url('data:image/svg+xml,<svg version="1.1" id="_x32_" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512" xml:space="preserve" fill="%23F36C22"><g id="SVGRepo_bgCarrier" stroke-width="0"></g><g id="SVGRepo_tracerCarrier" stroke-linecap="round" stroke-linejoin="round"></g><g id="SVGRepo_iconCarrier"><style type="text/css"> .st0{fill:%23F36C22;} </style><g><path class="st0" d="M421.073,221.719c-0.578,11.719-9.469,26.188-23.797,40.094v183.25c-0.016,4.719-1.875,8.719-5.016,11.844 c-3.156,3.063-7.25,4.875-12.063,4.906H81.558c-4.781-0.031-8.891-1.844-12.047-4.906c-3.141-3.125-4.984-7.125-5-11.844V152.219 c0.016-4.703,1.859-8.719,5-11.844c3.156-3.063,7.266-4.875,12.047-4.906h158.609c12.828-16.844,27.781-34.094,44.719-49.906 c0.078-0.094,0.141-0.188,0.219-0.281H81.558c-18.75-0.016-35.984,7.531-48.25,19.594c-12.328,12.063-20.016,28.938-20,47.344 v292.844c-0.016,18.406,7.672,35.313,20,47.344C45.573,504.469,62.808,512,81.558,512h298.641c18.781,0,36.016-7.531,48.281-19.594 c12.297-12.031,20-28.938,19.984-47.344V203.469c0,0-0.125-0.156-0.328-0.313C440.37,209.813,431.323,216.156,421.073,221.719z"></path><path class="st0" d="M498.058,0c0,0-15.688,23.438-118.156,58.109C275.417,93.469,211.104,237.313,211.104,237.313 c-15.484,29.469-76.688,151.906-76.688,151.906c-16.859,31.625,14.031,50.313,32.156,17.656 c34.734-62.688,57.156-119.969,109.969-121.594c77.047-2.375,129.734-69.656,113.156-66.531c-21.813,9.5-69.906,0.719-41.578-3.656 c68-5.453,109.906-56.563,96.25-60.031c-24.109,9.281-46.594,0.469-51-2.188C513.386,138.281,498.058,0,498.058,0z"></path></g></g></svg>');
  background-position: left center;
  background-repeat: no-repeat;
  background-size: 23px;
  padding-left: 28px;
  cursor: pointer; }
  @media (min-width: 801px) {
    .sidebar-toggler {
      display: none; } }

.filter-toggler {
  margin: 0 0 18px;
  font-weight: 400;
  font-size: 16px;
  line-height: 26.6px;
  letter-spacing: 0px;
  text-align: center;
  vertical-align: middle;
  color: #222222;
  border: 1px solid #000000;
  padding: 10px;
  border-radius: 100px;
  font-family: "Aileron", sans-serif; }
  @media (min-width: 801px) {
    .filter-toggler {
      display: none; } }
  .filter-toggler span {
    padding-left: 22px;
    background-image: url('data:image/svg+xml,<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M6 1C5.37935 0.999675 4.77387 1.19186 4.26702 1.55006C3.76016 1.90826 3.37688 2.41484 3.17 3H0V5H3.17C3.3766 5.58553 3.75974 6.09257 4.2666 6.45121C4.77346 6.80985 5.37909 7.00245 6 7.00245C6.62091 7.00245 7.22654 6.80985 7.7334 6.45121C8.24026 6.09257 8.6234 5.58553 8.83 5H16V3H8.83C8.62312 2.41484 8.23984 1.90826 7.73298 1.55006C7.22613 1.19186 6.62065 0.999675 6 1ZM5 4C5 3.73478 5.10536 3.48043 5.29289 3.29289C5.48043 3.10536 5.73478 3 6 3C6.26522 3 6.51957 3.10536 6.70711 3.29289C6.89464 3.48043 7 3.73478 7 4C7 4.26522 6.89464 4.51957 6.70711 4.70711C6.51957 4.89464 6.26522 5 6 5C5.73478 5 5.48043 4.89464 5.29289 4.70711C5.10536 4.51957 5 4.26522 5 4ZM10 9C9.37935 8.99967 8.77387 9.19186 8.26702 9.55006C7.76016 9.90826 7.37688 10.4148 7.17 11H0V13H7.17C7.3766 13.5855 7.75974 14.0926 8.2666 14.4512C8.77346 14.8099 9.37909 15.0025 10 15.0025C10.6209 15.0025 11.2265 14.8099 11.7334 14.4512C12.2403 14.0926 12.6234 13.5855 12.83 13H16V11H12.83C12.6231 10.4148 12.2398 9.90826 11.733 9.55006C11.2261 9.19186 10.6207 8.99967 10 9ZM9 12C9 11.7348 9.10536 11.4804 9.29289 11.2929C9.48043 11.1054 9.73478 11 10 11C10.2652 11 10.5196 11.1054 10.7071 11.2929C10.8946 11.4804 11 11.7348 11 12C11 12.2652 10.8946 12.5196 10.7071 12.7071C10.5196 12.8946 10.2652 13 10 13C9.73478 13 9.48043 12.8946 9.29289 12.7071C9.10536 12.5196 9 12.2652 9 12Z" fill="black"/></svg>');
    background-repeat: no-repeat;
    background-position: left center; }

.singleblog-header {
  background: #3d4542;
  padding: 12px 0 25px; }
  @media (min-width: 801px) {
    .singleblog-header {
      padding: 12px 0 57px; } }
  .singleblog-header ol.breadcrumbs {
    margin: 0;
    padding: 0 0 0 13px; }
  .singleblog-header .breadcrumb:not(:first-child)::before {
    z-index: 9; }
  .singleblog-header .post-title {
    font-family: "Aileron", sans-serif;
    font-weight: 400;
    font-size: 30px;
    line-height: 110.00000000000001%;
    letter-spacing: -2%;
    text-align: center;
    color: #f2f2f2;
    margin: 20px 0; }
    @media (min-width: 801px) {
      .singleblog-header .post-title {
        font-size: 40px;
        margin: 40px 0 20px; } }
  .singleblog-header .post-meta-details {
    display: flex;
    gap: 23px;
    align-items: center;
    justify-content: center; }
    .singleblog-header .post-meta-details p {
      margin: 0;
      font-weight: 400;
      font-size: 15px;
      line-height: 150%;
      letter-spacing: 0%;
      font-family: "Aileron", sans-serif;
      color: #f2f2f2; }
    .singleblog-header .post-meta-details .socialLinks {
      display: flex;
      gap: 0;
      align-items: center;
      justify-content: space-between; }
      .singleblog-header .post-meta-details .socialLinks .socialLinks-item {
        margin: 0 23px 0 0; }
        .singleblog-header .post-meta-details .socialLinks .socialLinks-item--pinterest {
          display: none; }
        .singleblog-header .post-meta-details .socialLinks .socialLinks-item--google {
          display: none; }
        .singleblog-header .post-meta-details .socialLinks .socialLinks-item .icon {
          width: 16px;
          height: 16px;
          background-size: contain;
          background-repeat: no-repeat;
          background-position: center; }
          .singleblog-header .post-meta-details .socialLinks .socialLinks-item .icon--facebook {
            background-image: url('data:image/svg+xml,<svg width="6" height="13" viewBox="0 0 6 13" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.71545 4.54343V3.51104C3.71545 3.35605 3.72258 3.23601 3.73707 3.15121C3.75151 3.06628 3.78436 2.98276 3.83534 2.9003C3.88625 2.81789 3.96868 2.76101 4.08251 2.72948C4.19649 2.6979 4.34796 2.68216 4.53707 2.68216H5.56941V0.617432H3.91902C2.96407 0.617432 2.27821 0.843997 1.86134 1.29713C1.44452 1.75036 1.23614 2.41796 1.23614 3.30018V4.5434H0V6.60829H1.23606V12.5992H3.71543V6.60831H5.36571L5.58385 4.54343H3.71545Z" fill="%23F2F2F2"/></svg>'); }
            .singleblog-header .post-meta-details .socialLinks .socialLinks-item .icon--facebook:hover {
              background-image: url('data:image/svg+xml,<svg width="6" height="13" viewBox="0 0 6 13" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.71545 4.54343V3.51104C3.71545 3.35605 3.72258 3.23601 3.73707 3.15121C3.75151 3.06628 3.78436 2.98276 3.83534 2.9003C3.88625 2.81789 3.96868 2.76101 4.08251 2.72948C4.19649 2.6979 4.34796 2.68216 4.53707 2.68216H5.56941V0.617432H3.91902C2.96407 0.617432 2.27821 0.843997 1.86134 1.29713C1.44452 1.75036 1.23614 2.41796 1.23614 3.30018V4.5434H0V6.60829H1.23606V12.5992H3.71543V6.60831H5.36571L5.58385 4.54343H3.71545Z" fill="%23F36C21"/></svg>'); }
          .singleblog-header .post-meta-details .socialLinks .socialLinks-item .icon--x {
            background-image: url('data:image/svg+xml,<svg width="12" height="11" viewBox="0 0 12 11" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(%23clip0_432_2565)"><mask id="mask0_432_2565" style="mask-type:luminance" maskUnits="userSpaceOnUse" x="0" y="0" width="12" height="11"><path d="M0.660156 0H11.6602V11H0.660156V0Z" fill="white"/></mask><g mask="url(%23mask0_432_2565)"><path d="M9.32266 0.515442H11.0096L7.32458 4.73787L11.6602 10.4846H8.26587L5.60544 6.99994L2.56473 10.4846H0.876228L4.81737 5.96673L0.660156 0.516228H4.14087L6.54201 3.70073L9.32266 0.515442ZM8.72944 9.47258H9.66444L3.63016 1.4748H2.62758L8.72944 9.47258Z" fill="%23ffffff"/></g></g><defs><clipPath id="clip0_432_2565"><rect width="11" height="11" fill="%23F36C21" transform="translate(0.660156)"/></clipPath></defs></svg>'); }
            .singleblog-header .post-meta-details .socialLinks .socialLinks-item .icon--x:hover {
              background-image: url('data:image/svg+xml,<svg width="12" height="11" viewBox="0 0 12 11" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(%23clip0_432_2565)"><mask id="mask0_432_2565" style="mask-type:luminance" maskUnits="userSpaceOnUse" x="0" y="0" width="12" height="11"><path d="M0.660156 0H11.6602V11H0.660156V0Z" fill="white"/></mask><g mask="url(%23mask0_432_2565)"><path d="M9.32266 0.515442H11.0096L7.32458 4.73787L11.6602 10.4846H8.26587L5.60544 6.99994L2.56473 10.4846H0.876228L4.81737 5.96673L0.660156 0.516228H4.14087L6.54201 3.70073L9.32266 0.515442ZM8.72944 9.47258H9.66444L3.63016 1.4748H2.62758L8.72944 9.47258Z" fill="%23F36C21"/></g></g><defs><clipPath id="clip0_432_2565"><rect width="11" height="11" fill="white" transform="translate(0.660156)"/></clipPath></defs></svg>'); }
          .singleblog-header .post-meta-details .socialLinks .socialLinks-item .icon--email {
            background-image: url('data:image/svg+xml,<svg width="12" height="10" viewBox="0 0 12 10" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M9.7778 0.321533H1.80044C1.40374 0.321533 1.02329 0.479121 0.742784 0.75963C0.462275 1.04014 0.304688 1.42059 0.304688 1.81729V7.8003C0.304688 8.197 0.462275 8.57745 0.742784 8.85796C1.02329 9.13847 1.40374 9.29606 1.80044 9.29606H9.7778C10.1745 9.29606 10.5549 9.13847 10.8355 8.85796C11.116 8.57745 11.2736 8.197 11.2736 7.8003V1.81729C11.2736 1.42059 11.116 1.04014 10.8355 0.75963C10.5549 0.479121 10.1745 0.321533 9.7778 0.321533ZM9.61426 6.61367C9.66488 6.65707 9.70628 6.71017 9.73602 6.76985C9.76575 6.82953 9.78321 6.89456 9.78737 6.96111C9.79153 7.02765 9.7823 7.09435 9.76023 7.15727C9.73815 7.22018 9.70368 7.27803 9.65886 7.32739C9.61404 7.37674 9.55977 7.41661 9.49927 7.44463C9.43877 7.47265 9.37326 7.48824 9.30663 7.4905C9.23999 7.49276 9.17358 7.48162 9.11132 7.45776C9.04906 7.4339 8.99222 7.39779 8.94417 7.35158L6.87853 5.4769C6.55596 5.69211 6.17689 5.80695 5.78912 5.80695C5.40136 5.80695 5.02228 5.69211 4.69971 5.4769L2.63408 7.35158C2.53556 7.43604 2.40799 7.47876 2.27848 7.47066C2.14896 7.46257 2.02771 7.4043 1.94047 7.30824C1.85323 7.21217 1.80688 7.08588 1.81127 6.95618C1.81566 6.82649 1.87044 6.70362 1.96398 6.61367L3.93638 4.82326L1.96348 3.02885C1.91503 2.98478 1.87573 2.93161 1.84783 2.87236C1.81993 2.8131 1.80397 2.74894 1.80087 2.68352C1.79461 2.5514 1.84108 2.4222 1.93007 2.32435C2.01907 2.2265 2.14329 2.168 2.27541 2.16174C2.40753 2.15547 2.53672 2.20195 2.63457 2.29094L5.11703 4.54903C5.30111 4.71668 5.54114 4.80959 5.79012 4.80959C6.0391 4.80959 6.27912 4.71668 6.46321 4.54903L8.94367 2.29094C9.04152 2.20195 9.17072 2.15547 9.30284 2.16174C9.43496 2.168 9.55917 2.2265 9.64817 2.32435C9.73716 2.4222 9.78364 2.5514 9.77737 2.68352C9.77111 2.81564 9.71262 2.93986 9.61476 3.02885L7.64236 4.82375L9.61426 6.61367Z" fill="%23F2F2F2"/></svg>'); }
            .singleblog-header .post-meta-details .socialLinks .socialLinks-item .icon--email:hover {
              background-image: url('data:image/svg+xml,<svg width="12" height="10" viewBox="0 0 12 10" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M9.7778 0.321533H1.80044C1.40374 0.321533 1.02329 0.479121 0.742784 0.75963C0.462275 1.04014 0.304688 1.42059 0.304688 1.81729V7.8003C0.304688 8.197 0.462275 8.57745 0.742784 8.85796C1.02329 9.13847 1.40374 9.29606 1.80044 9.29606H9.7778C10.1745 9.29606 10.5549 9.13847 10.8355 8.85796C11.116 8.57745 11.2736 8.197 11.2736 7.8003V1.81729C11.2736 1.42059 11.116 1.04014 10.8355 0.75963C10.5549 0.479121 10.1745 0.321533 9.7778 0.321533ZM9.61426 6.61367C9.66488 6.65707 9.70628 6.71017 9.73602 6.76985C9.76575 6.82953 9.78321 6.89456 9.78737 6.96111C9.79153 7.02765 9.7823 7.09435 9.76023 7.15727C9.73815 7.22018 9.70368 7.27803 9.65886 7.32739C9.61404 7.37674 9.55977 7.41661 9.49927 7.44463C9.43877 7.47265 9.37326 7.48824 9.30663 7.4905C9.23999 7.49276 9.17358 7.48162 9.11132 7.45776C9.04906 7.4339 8.99222 7.39779 8.94417 7.35158L6.87853 5.4769C6.55596 5.69211 6.17689 5.80695 5.78912 5.80695C5.40136 5.80695 5.02228 5.69211 4.69971 5.4769L2.63408 7.35158C2.53556 7.43604 2.40799 7.47876 2.27848 7.47066C2.14896 7.46257 2.02771 7.4043 1.94047 7.30824C1.85323 7.21217 1.80688 7.08588 1.81127 6.95618C1.81566 6.82649 1.87044 6.70362 1.96398 6.61367L3.93638 4.82326L1.96348 3.02885C1.91503 2.98478 1.87573 2.93161 1.84783 2.87236C1.81993 2.8131 1.80397 2.74894 1.80087 2.68352C1.79461 2.5514 1.84108 2.4222 1.93007 2.32435C2.01907 2.2265 2.14329 2.168 2.27541 2.16174C2.40753 2.15547 2.53672 2.20195 2.63457 2.29094L5.11703 4.54903C5.30111 4.71668 5.54114 4.80959 5.79012 4.80959C6.0391 4.80959 6.27912 4.71668 6.46321 4.54903L8.94367 2.29094C9.04152 2.20195 9.17072 2.15547 9.30284 2.16174C9.43496 2.168 9.55917 2.2265 9.64817 2.32435C9.73716 2.4222 9.78364 2.5514 9.77737 2.68352C9.77111 2.81564 9.71262 2.93986 9.61476 3.02885L7.64236 4.82375L9.61426 6.61367Z" fill="%23F36C21"/></svg>'); }
          .singleblog-header .post-meta-details .socialLinks .socialLinks-item .icon--google {
            display: none; }
          .singleblog-header .post-meta-details .socialLinks .socialLinks-item .icon--print {
            background-image: url('data:image/svg+xml,<svg width="11" height="12" viewBox="0 0 11 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M9.85829 3.40182H9.48005C9.48005 3.32617 9.44223 3.25052 9.4044 3.17487C9.4044 3.17487 9.4044 3.17487 9.36658 3.13705L7.09715 0.867622C7.02151 0.791974 6.94586 0.75415 6.83239 0.75415H2.29353C2.06659 0.75415 1.9153 0.905446 1.9153 1.13239V3.40182H1.53706C0.894053 3.40182 0.402344 3.89352 0.402344 4.53653V8.69714C0.402344 8.92409 0.553639 9.07538 0.780582 9.07538H1.9153V10.9666C1.9153 11.1935 2.06659 11.3448 2.29353 11.3448H9.10181C9.32876 11.3448 9.48005 11.1935 9.48005 10.9666V9.07538H10.6148C10.8417 9.07538 10.993 8.92409 10.993 8.69714V4.53653C10.993 3.89352 10.5013 3.40182 9.85829 3.40182ZM2.67177 1.51063H6.45415V3.40182C6.45415 3.62876 6.60544 3.78005 6.83239 3.78005H8.72358V4.91477H2.67177V1.51063ZM8.72358 10.5883H2.67177V7.56243H8.72358V10.5883Z" fill="%23F2F2F2"/></svg>'); }
            .singleblog-header .post-meta-details .socialLinks .socialLinks-item .icon--print:hover {
              background-image: url('data:image/svg+xml,<svg width="11" height="12" viewBox="0 0 11 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M9.85829 3.40182H9.48005C9.48005 3.32617 9.44223 3.25052 9.4044 3.17487C9.4044 3.17487 9.4044 3.17487 9.36658 3.13705L7.09715 0.867622C7.02151 0.791974 6.94586 0.75415 6.83239 0.75415H2.29353C2.06659 0.75415 1.9153 0.905446 1.9153 1.13239V3.40182H1.53706C0.894053 3.40182 0.402344 3.89352 0.402344 4.53653V8.69714C0.402344 8.92409 0.553639 9.07538 0.780582 9.07538H1.9153V10.9666C1.9153 11.1935 2.06659 11.3448 2.29353 11.3448H9.10181C9.32876 11.3448 9.48005 11.1935 9.48005 10.9666V9.07538H10.6148C10.8417 9.07538 10.993 8.92409 10.993 8.69714V4.53653C10.993 3.89352 10.5013 3.40182 9.85829 3.40182ZM2.67177 1.51063H6.45415V3.40182C6.45415 3.62876 6.60544 3.78005 6.83239 3.78005H8.72358V4.91477H2.67177V1.51063ZM8.72358 10.5883H2.67177V7.56243H8.72358V10.5883Z" fill="%23F36C21"/></svg>'); }
          .singleblog-header .post-meta-details .socialLinks .socialLinks-item .icon--pinterest {
            display: none; }
          .singleblog-header .post-meta-details .socialLinks .socialLinks-item .icon svg {
            display: none; }

.post-sidebar {
  width: 100%;
  margin-top: 0;
  display: none;
  padding: 20px;
  background: #f2f2f0;
  border-radius: 10px;
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  margin: auto;
  z-index: 999999;
  max-width: calc(100% - 40px);
  max-height: calc(100% - 40px);
  overflow-y: auto; }
  @media (min-width: 801px) {
    .post-sidebar {
      padding: 0;
      display: block;
      width: 270px;
      position: sticky;
      margin: 0;
      top: 70px;
      z-index: 0;
      max-width: unset;
      max-height: unset;
      border-radius: 0px; } }
  @media (min-width: 1261px) {
    .post-sidebar {
      width: 304px; } }
  .post-sidebar .sidebar-title {
    margin: 0;
    font-weight: 700;
    font-style: Bold;
    font-size: 24px;
    line-height: 100%;
    letter-spacing: 0%;
    color: #1e1e1e;
    border-bottom: 1px solid #e7e6e9;
    padding-bottom: 19px;
    font-family: "Aileron", sans-serif; }
  .post-sidebar ul {
    margin: 0;
    padding: 0;
    list-style: none; }
    .post-sidebar ul.recent-list li {
      width: 100%;
      max-width: 100%;
      padding: 15px 0;
      border-bottom: 1px solid #e7e6e9; }
      @media (min-width: 801px) {
        .post-sidebar ul.recent-list li {
          padding: 20px 0;
          max-width: 274px; } }
      .post-sidebar ul.recent-list li a {
        display: inline-block;
        margin: 0;
        color: #1e1e1e;
        text-decoration: none;
        font-weight: 400;
        font-size: 16px;
        line-height: 130%;
        letter-spacing: 0%;
        font-family: "Aileron", sans-serif; }
        @media (min-width: 801px) {
          .post-sidebar ul.recent-list li a {
            font-size: 18px; } }
        .post-sidebar ul.recent-list li a:hover {
          color: #7e2e2b; }
    .post-sidebar ul.tag-list li {
      display: flex;
      align-items: center;
      padding: 8px 0;
      border-bottom: 1px solid #e0e0e0; }
      .post-sidebar ul.tag-list li a {
        display: inline-flex;
        text-decoration: none;
        align-items: center;
        width: 100%; }
        .post-sidebar ul.tag-list li a .blog-icon {
          display: inline-block;
          border-radius: 3px;
          width: 94px; }
          .post-sidebar ul.tag-list li a .blog-icon img {
            border-radius: 3px; }
        .post-sidebar ul.tag-list li a .tag-detail {
          display: inline-flex;
          align-items: center;
          justify-content: space-between;
          gap: 5px;
          flex-wrap: wrap;
          padding-left: 20px;
          width: calc(100% - 94px); }
          .post-sidebar ul.tag-list li a .tag-detail .tagname {
            color: #1f1f1f;
            font-weight: 600;
            font-size: 16px;
            line-height: 120%;
            letter-spacing: 0%;
            font-family: "Aileron", sans-serif; }
          .post-sidebar ul.tag-list li a .tag-detail .tagcount {
            opacity: 0.4;
            font-weight: 600;
            font-size: 12px;
            line-height: 120%;
            letter-spacing: 0%;
            text-align: right;
            color: #3d4542;
            font-family: "Aileron", sans-serif; }
        .post-sidebar ul.tag-list li a:hover .tag-detail .tagname {
          color: #7e2e2b; }
    .post-sidebar ul.tag-list + .sidebar-title {
      margin: 63px 0 0 0; }

.body-blog_post, .body-blog {
  background: #f2f2f0;
  margin-top: 30px; }
  @media (min-width: 801px) {
    .body-blog_post, .body-blog {
      margin-top: 0; } }

.blog-single-post {
  display: flex;
  align-items: flex-start;
  margin-top: 30px;
  padding-bottom: 30px;
  justify-content: space-between;
  border-bottom: 1px solid #e7e6e9;
  flex-wrap: wrap; }
  @media (min-width: 801px) {
    .blog-single-post {
      flex-wrap: nowrap;
      margin-top: 51px;
      padding-bottom: 63px; } }
  .blog-single-post .post-content {
    width: 100%; }
    @media (min-width: 801px) {
      .blog-single-post .post-content {
        width: calc(100% - 270px); } }
    @media (min-width: 1261px) {
      .blog-single-post .post-content {
        padding-left: 77px;
        width: calc(100% - 304px); } }
    .blog-single-post .post-content .blog-post-figure {
      width: 100%;
      max-width: 100%;
      border-radius: 3px; }
      .blog-single-post .post-content .blog-post-figure .blog-thumbnail {
        margin: 0;
        max-width: 100%;
        border-radius: 3px; }
        .blog-single-post .post-content .blog-post-figure .blog-thumbnail a {
          display: block; }
          .blog-single-post .post-content .blog-post-figure .blog-thumbnail a img {
            width: 100%;
            max-width: 100%;
            display: block;
            border-radius: 3px; }
    .blog-single-post .post-content .blog-post-body {
      width: 100%;
      margin: 25px 0 0; }
      @media (min-width: 801px) {
        .blog-single-post .post-content .blog-post-body {
          margin: 37px 0 0; } }
      .blog-single-post .post-content .blog-post-body .main-heading {
        font-family: "Aileron", sans-serif;
        font-weight: 700;
        font-style: Bold;
        font-size: 24px;
        line-height: 140%;
        letter-spacing: -1%;
        color: #292c2b;
        text-align: left;
        margin: 0 0 10px; }
        @media (min-width: 801px) {
          .blog-single-post .post-content .blog-post-body .main-heading {
            font-size: 30px;
            margin: 0 0 15px; } }
      .blog-single-post .post-content .blog-post-body .sub-heading {
        font-weight: 700;
        font-style: Bold;
        font-size: 20px;
        line-height: 140%;
        letter-spacing: 0%;
        color: #292c2b;
        margin: 0 0 10px;
        font-family: "Aileron", sans-serif; }
        @media (min-width: 801px) {
          .blog-single-post .post-content .blog-post-body .sub-heading {
            font-size: 26px;
            margin: 0 0 15px; } }
      .blog-single-post .post-content .blog-post-body p {
        margin: 0;
        color: #292c2b;
        font-weight: 400;
        font-style: Bold;
        font-size: 15px;
        line-height: 140%;
        letter-spacing: -1%;
        font-family: "Aileron", sans-serif; }
        .blog-single-post .post-content .blog-post-body p + p {
          margin-top: 10px; }
      .blog-single-post .post-content .blog-post-body .img-text-section {
        display: flex;
        align-items: center;
        margin: 25px 0;
        flex-wrap: wrap;
        gap: 25px 0;
        justify-content: space-between; }
        @media (min-width: 801px) {
          .blog-single-post .post-content .blog-post-body .img-text-section {
            flex-wrap: nowrap;
            margin: 42px 0 45px; } }
        .blog-single-post .post-content .blog-post-body .img-text-section .img-inner {
          width: 100%;
          border-radius: 3px; }
          @media (min-width: 801px) {
            .blog-single-post .post-content .blog-post-body .img-text-section .img-inner {
              width: 50%; } }
          .blog-single-post .post-content .blog-post-body .img-text-section .img-inner img {
            display: block;
            width: 100%;
            margin: 0 auto;
            border-radius: 3px; }
            @media (min-width: 801px) {
              .blog-single-post .post-content .blog-post-body .img-text-section .img-inner img {
                max-width: 100%; } }
        .blog-single-post .post-content .blog-post-body .img-text-section .text-inner {
          width: 100%; }
          @media (min-width: 801px) {
            .blog-single-post .post-content .blog-post-body .img-text-section .text-inner {
              width: 50%;
              margin: 0 auto 0 0;
              padding-left: 44px;
              max-width: calc(385px + 44px); } }
      .blog-single-post .post-content .blog-post-body .quote-section {
        border-radius: 3px;
        background: #e0e0de;
        margin: 30px 0;
        padding: 40px 0 30px 0; }
        @media (min-width: 551px) {
          .blog-single-post .post-content .blog-post-body .quote-section {
            margin: 45px 0 31px;
            padding: 40px 40px 30px 40px; } }
        @media (min-width: 801px) {
          .blog-single-post .post-content .blog-post-body .quote-section {
            margin: 45px 0 31px; } }
        @media (min-width: 1261px) {
          .blog-single-post .post-content .blog-post-body .quote-section {
            padding: 57px 57px 30px 57px; } }
        .blog-single-post .post-content .blog-post-body .quote-section .details {
          color: #333333;
          margin: 0;
          font-weight: 400;
          font-size: 16px;
          line-height: 160%;
          letter-spacing: 0%;
          text-align: center;
          padding: 0 35px 30px 40px;
          font-family: "Aileron", sans-serif;
          background-image: url('data:image/svg+xml,<svg width="32" height="29" viewBox="0 0 32 29" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M7.78 28.82C5.8 28.82 4.11333 27.9767 2.72 26.29C1.4 24.6033 0.666667 22.66 0.52 20.46C0.3 17.7467 0.446667 15.4367 0.96 13.53C1.54667 11.55 2.46333 9.64333 3.71 7.81C4.73667 6.12333 6.02 4.65666 7.56 3.40999C9.17333 2.16333 10.8967 1.35667 12.73 0.989999C13.7567 0.549996 14.27 0.733329 14.27 1.54V5.83C14.27 6.41666 14.1967 6.82 14.05 7.03999C13.9767 7.18666 13.83 7.33333 13.61 7.47999C10.75 8.72666 9.13667 10.89 8.77 13.97C10.2367 14.3367 11.6667 15.1067 13.06 16.28C14.4533 17.38 15.15 18.92 15.15 20.9C15.15 23.2467 14.4533 25.1533 13.06 26.62C11.6667 28.0867 9.90667 28.82 7.78 28.82ZM24.72 28.82C22.6667 28.82 20.9433 27.9767 19.55 26.29C18.23 24.6033 17.4967 22.66 17.35 20.46C17.13 17.7467 17.3133 15.4367 17.9 13.53C18.4867 11.55 19.4033 9.64333 20.65 7.81C21.6767 6.12333 22.96 4.65666 24.5 3.40999C26.04 2.16333 27.7633 1.35667 29.67 0.989999C30.6967 0.549996 31.21 0.733329 31.21 1.54V5.83C31.21 6.41666 31.1367 6.82 30.99 7.03999C30.9167 7.18666 30.7333 7.33333 30.44 7.47999C29.12 8.06666 28.02 8.94666 27.14 10.12C26.26 11.22 25.7833 12.5033 25.71 13.97C27.1767 14.3367 28.57 15.1067 29.89 16.28C31.2833 17.38 31.98 18.92 31.98 20.9C31.98 23.2467 31.2833 25.1533 29.89 26.62C28.57 28.0867 26.8467 28.82 24.72 28.82Z" fill="%231F1F1F"/></svg>');
          background-position: top left 4px;
          background-repeat: no-repeat;
          border-bottom: 1px solid rgba(61, 69, 66, 0.2); }
          @media (min-width: 551px) {
            .blog-single-post .post-content .blog-post-body .quote-section .details {
              font-size: 20px;
              padding: 0 30px 36px 30px;
              background-position: top left; } }
          @media (min-width: 801px) {
            .blog-single-post .post-content .blog-post-body .quote-section .details {
              font-size: 22px; } }
          @media (min-width: 1261px) {
            .blog-single-post .post-content .blog-post-body .quote-section .details {
              padding: 0 80px 36px 80px; } }
        .blog-single-post .post-content .blog-post-body .quote-section .author {
          margin: 0;
          font-weight: 700;
          font-style: Bold;
          font-size: 16px;
          padding: 24px 20px 0 20px;
          color: #333333;
          line-height: 160%;
          letter-spacing: 0%;
          text-align: center;
          font-family: "Aileron", sans-serif; }
          @media (min-width: 551px) {
            .blog-single-post .post-content .blog-post-body .quote-section .author {
              padding: 24px 0 0; } }
      .blog-single-post .post-content .blog-post-body .table-type-section {
        margin: 25px 0; }
        @media (min-width: 801px) {
          .blog-single-post .post-content .blog-post-body .table-type-section {
            margin: 25px 0 41px; } }
        .blog-single-post .post-content .blog-post-body .table-type-section table {
          width: 100%;
          border: 1px solid #e0e0de;
          border-radius: 3px; }
          .blog-single-post .post-content .blog-post-body .table-type-section table thead {
            background: #e0e0de; }
            .blog-single-post .post-content .blog-post-body .table-type-section table thead th {
              font-weight: 700;
              font-style: Bold;
              color: #292c2b;
              font-size: 14px;
              line-height: 140%;
              letter-spacing: 0%;
              padding: 10px 5px;
              font-family: "Aileron", sans-serif; }
              @media (min-width: 801px) {
                .blog-single-post .post-content .blog-post-body .table-type-section table thead th {
                  padding: 13px 10px 13px 33px; } }
          .blog-single-post .post-content .blog-post-body .table-type-section table tbody {
            background-color: #fff; }
          .blog-single-post .post-content .blog-post-body .table-type-section table tr {
            border-top: 1px solid #e0e0de; }
          .blog-single-post .post-content .blog-post-body .table-type-section table td {
            font-weight: 400;
            font-style: Bold;
            color: #292c2b;
            font-size: 14px;
            line-height: 140%;
            letter-spacing: 0%;
            padding: 10px 5px;
            font-family: "Aileron", sans-serif; }
            @media (min-width: 801px) {
              .blog-single-post .post-content .blog-post-body .table-type-section table td {
                padding: 14px 10px 14px 33px; } }
      .blog-single-post .post-content .blog-post-body .tags {
        display: flex;
        gap: 12px;
        align-items: center;
        flex-wrap: wrap;
        margin: 36px 0 10px;
        justify-content: flex-start; }
        @media (min-width: 801px) {
          .blog-single-post .post-content .blog-post-body .tags {
            gap: 18px; } }
        .blog-single-post .post-content .blog-post-body .tags .tag a {
          padding: 12.5px 16px;
          font-weight: 600;
          font-size: 14px;
          color: #1e1e1e;
          border-radius: 3px;
          background-color: #e0e0de;
          text-transform: capitalize;
          line-height: 150%;
          letter-spacing: 0%;
          text-align: center;
          font-family: "Aileron", sans-serif; }
        .blog-single-post .post-content .blog-post-body .tags .tag:hover a {
          color: #fff;
          background-color: #1f1f1f; }

.blog-recents {
  padding: 30px 0 50px; }
  @media (min-width: 801px) {
    .blog-recents {
      padding: 45px 0 93px; } }
  .blog-recents .slick-list.draggable {
    padding: 0 20px; }
    @media (min-width: 551px) {
      .blog-recents .slick-list.draggable {
        padding: 0 60px; } }
    @media (min-width: 801px) {
      .blog-recents .slick-list.draggable {
        padding: 0 150px; } }
  .blog-recents .blogCarousel {
    margin-top: 30px; }
    @media (min-width: 801px) {
      .blog-recents .blogCarousel {
        margin-top: 45px; } }
    .blog-recents .blogCarousel .slick-arrow {
      z-index: 10;
      pointer-events: all;
      opacity: 1;
      touch-action: manipulation;
      background-color: transparent;
      border: 0;
      padding: 0;
      box-shadow: none;
      width: 20px;
      height: 20px;
      top: -46px;
      bottom: 0;
      margin: 0; }
      @media (min-width: 551px) {
        .blog-recents .blogCarousel .slick-arrow {
          top: -50px; } }
      @media (min-width: 801px) {
        .blog-recents .blogCarousel .slick-arrow {
          top: -70px; } }
      .blog-recents .blogCarousel .slick-arrow.slick-next {
        right: 20px; }
        @media (min-width: 801px) {
          .blog-recents .blogCarousel .slick-arrow.slick-next {
            right: 15.3%; } }
        .blog-recents .blogCarousel .slick-arrow.slick-next:before {
          opacity: 1;
          width: 20px;
          height: 20px;
          background-position: right;
          background-image: url('data:image/svg+xml,<svg width="8" height="13" viewBox="0 0 8 13" fill="none" xmlns="http://www.w3.org/2000/svg"><g opacity="1" clip-path="url(%23clip0_1262_1404)"><path fill-rule="evenodd" clip-rule="evenodd" d="M6.51669 7.02664L1.36175 12.1816L0.0732422 10.8931L4.58393 6.38239L0.0732422 1.8717L1.36175 0.583191L6.51669 5.73813C6.68752 5.90902 6.78349 6.14075 6.78349 6.38239C6.78349 6.62402 6.68752 6.85576 6.51669 7.02664Z" fill="%238B8F8E"/></g><defs><clipPath id="clip0_1262_1404"><rect width="7.29" height="12.7575" fill="%238B8F8E" transform="translate(-0.00488281)"/></clipPath></defs></svg>');
          background-size: 8px; }
        .blog-recents .blogCarousel .slick-arrow.slick-next:hover:before {
          opacity: 1;
          background-position: right;
          background-image: url('data:image/svg+xml,<svg width="8" height="13" viewBox="0 0 8 13" fill="none" xmlns="http://www.w3.org/2000/svg"><g opacity="1" clip-path="url(%23clip0_1262_1404)"><path fill-rule="evenodd" clip-rule="evenodd" d="M6.51669 7.02664L1.36175 12.1816L0.0732422 10.8931L4.58393 6.38239L0.0732422 1.8717L1.36175 0.583191L6.51669 5.73813C6.68752 5.90902 6.78349 6.14075 6.78349 6.38239C6.78349 6.62402 6.68752 6.85576 6.51669 7.02664Z" fill="%237E2E2B"/></g><defs><clipPath id="clip0_1262_1404"><rect width="7.29" height="12.7575" fill="%237E2E2B" transform="translate(-0.00488281)"/></clipPath></defs></svg>');
          background-size: 8px; }
      .blog-recents .blogCarousel .slick-arrow.slick-prev {
        left: 20px; }
        @media (min-width: 801px) {
          .blog-recents .blogCarousel .slick-arrow.slick-prev {
            right: 0;
            left: 15.3%; } }
        .blog-recents .blogCarousel .slick-arrow.slick-prev:before {
          opacity: 1;
          width: 20px;
          height: 20px;
          background-position: left;
          background-image: url('data:image/svg+xml,<svg width="7" height="13" viewBox="0 0 7 13" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M0.473543 7.02664L5.62848 12.1816L6.91699 10.8931L2.4063 6.38239L6.91699 1.8717L5.62848 0.583191L0.473543 5.73813C0.30271 5.90902 0.206741 6.14075 0.206741 6.38239C0.206741 6.62402 0.30271 6.85576 0.473543 7.02664Z" fill="%238B8F8E"/></svg>');
          background-size: 8px; }
        .blog-recents .blogCarousel .slick-arrow.slick-prev:hover:before {
          opacity: 1;
          background-position: left;
          background-image: url('data:image/svg+xml,<svg width="7" height="13" viewBox="0 0 7 13" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M0.473543 7.02664L5.62848 12.1816L6.91699 10.8931L2.4063 6.38239L6.91699 1.8717L5.62848 0.583191L0.473543 5.73813C0.30271 5.90902 0.206741 6.14075 0.206741 6.38239C0.206741 6.62402 0.30271 6.85576 0.473543 7.02664Z" fill="%237E2E2B"/></svg>');
          background-size: 8px; }
  .blog-recents .related-articles {
    margin: 0;
    color: #3d4542;
    font-weight: 400;
    font-size: 28px;
    line-height: 120%;
    letter-spacing: 0%;
    text-align: center;
    text-transform: capitalize;
    font-family: "Aileron", sans-serif; }
    @media (min-width: 551px) {
      .blog-recents .related-articles {
        font-size: 35px; } }
    @media (min-width: 801px) {
      .blog-recents .related-articles {
        font-size: 46px; } }
    .blog-recents .related-articles span {
      color: #1f1f1f;
      font-weight: 600;
      font-size: 14px;
      line-height: 160%;
      letter-spacing: 0%;
      text-align: center;
      text-transform: uppercase;
      display: block;
      text-align: center;
      font-family: "Aileron", sans-serif; }
      @media (min-width: 801px) {
        .blog-recents .related-articles span {
          font-size: 16px; } }
  .blog-recents .RecentBlogPost-slide:not(:first-child) {
    display: none; }
  .blog-recents .RecentBlogPost-slide.slick-slide {
    display: block;
    margin: 0 7px; }
    @media (min-width: 801px) {
      .blog-recents .RecentBlogPost-slide.slick-slide {
        margin: 0 15px; } }
  .blog-recents .RecentBlogPost-slide .RecentBlogPost_Img {
    margin: 0 0 15px;
    border-radius: 3px; }
    .blog-recents .RecentBlogPost-slide .RecentBlogPost_Img img {
      display: block;
      border-radius: 3px; }
    @media (min-width: 801px) {
      .blog-recents .RecentBlogPost-slide .RecentBlogPost_Img {
        margin: 0 0 29px; } }
  .blog-recents .RecentBlogPost-slide .RecentBlogPost_Title {
    font-family: "Aileron", sans-serif;
    font-weight: 400;
    font-size: 18px;
    line-height: 120%;
    letter-spacing: 0%;
    color: #3d4542;
    margin: 0 0 12px; }
    @media (min-width: 801px) {
      .blog-recents .RecentBlogPost-slide .RecentBlogPost_Title {
        font-size: 20px;
        margin: 0 0 22px; } }
    .blog-recents .RecentBlogPost-slide .RecentBlogPost_Title a {
      text-decoration: none; }
      .blog-recents .RecentBlogPost-slide .RecentBlogPost_Title a:hover {
        color: #7e2e2b; }
  .blog-recents .RecentBlogPost-slide .RecentBlogPost_Desc {
    color: #1f1f1f;
    font-weight: 300;
    font-size: 15px;
    margin: 0 0 8px;
    line-height: 150%;
    letter-spacing: 0%;
    font-family: "Aileron", sans-serif; }
    @media (min-width: 801px) {
      .blog-recents .RecentBlogPost-slide .RecentBlogPost_Desc {
        font-size: 16px;
        margin: 0 0 10px; } }
  .blog-recents .RecentBlogPost-slide .RecentBlogPost_Readmore a {
    text-decoration: none;
    color: #1f1f1f;
    font-weight: 700;
    font-style: Bold;
    font-size: 13px;
    line-height: 160%;
    letter-spacing: 0%;
    text-transform: uppercase;
    font-family: "Aileron", sans-serif; }
    @media (min-width: 801px) {
      .blog-recents .RecentBlogPost-slide .RecentBlogPost_Readmore a {
        font-size: 14px; } }
    .blog-recents .RecentBlogPost-slide .RecentBlogPost_Readmore a:hover {
      color: #7e2e2b; }

/* Cart Preview Slide */
#previewModal-cart {
  left: unset;
  max-width: 600px;
  max-height: 100%;
  min-height: 100%;
  right: 0;
  top: 0 !important;
  transform: none; }
  @media only screen and (max-width: 560px) {
    #previewModal-cart {
      max-width: 98%; } }
  #previewModal-cart .modal-close {
    padding: 0 45px 0 0;
    top: 11px; }
    #previewModal-cart .modal-close span {
      color: #E0E0DE; }
  #previewModal-cart .modal-body.customCart {
    padding-left: 0;
    padding-right: 0;
    max-height: 100vh !important; }
  #previewModal-cart .modal-header {
    display: block !important; }
    #previewModal-cart .modal-header .modal-header-title {
      font-size: 15px;
      line-height: 2.8rem;
      font-family: "Aileron", sans-serif; }

#cart-preview-dropdown {
  z-index: 999;
  height: 100vh;
  width: 100% !important;
  max-width: 100%;
  border: 1px solid;
  top: 0 !important;
  left: auto !important;
  right: 0px !important;
  background-color: rgba(0, 0, 0, 0.7);
  position: fixed !important; }
  #cart-preview-dropdown .preview-dropdown-cutom {
    height: 100%;
    max-width: 330px;
    margin: 0 0 0 auto;
    background-color: #fff; }

#cart-preview-dropdown .previewCartAction .button,
.modal-content .previewCartAction .button {
  padding-left: 0.68571rem;
  padding-right: 0.68571rem; }

#cart-preview-dropdown .cart-drodown-title,
.modal-content .cart-drodown-title {
  background: #292c2b;
  margin: 0;
  font-size: 26px;
  font-weight: 400;
  color: #fff;
  padding: 20px 0 20px 20px;
  line-height: 20px;
  text-align: center;
  font-family: "Aileron", sans-serif; }
  #cart-preview-dropdown .cart-drodown-title span,
  .modal-content .cart-drodown-title span {
    color: #ff6600; }

#cart-preview-dropdown .previewCartWrapper,
.modal-content .previewCartWrapper {
  padding: 7px 11px 0;
  background-color: #f2f2f0; }
  #cart-preview-dropdown .previewCartWrapper .or-use-label,
  .modal-content .previewCartWrapper .or-use-label {
    display: none; }
  #cart-preview-dropdown .previewCartWrapper .previewCartList,
  .modal-content .previewCartWrapper .previewCartList {
    display: flex;
    flex-direction: column;
    height: 40vh;
    overflow: auto;
    scrollbar-width: thin; }
    #cart-preview-dropdown .previewCartWrapper .previewCartList .previewCartItem,
    .modal-content .previewCartWrapper .previewCartList .previewCartItem {
      display: flex;
      padding: 15px;
      margin-top: 9px;
      border-radius: 3px;
      background-color: #fff;
      box-shadow: 0px 2px 10px 0px #0000001a; }
      #cart-preview-dropdown .previewCartWrapper .previewCartList .previewCartItem .previewCartItem-image,
      .modal-content .previewCartWrapper .previewCartList .previewCartItem .previewCartItem-image {
        width: 90px; }
        #cart-preview-dropdown .previewCartWrapper .previewCartList .previewCartItem .previewCartItem-image:after,
        .modal-content .previewCartWrapper .previewCartList .previewCartItem .previewCartItem-image:after {
          padding-bottom: 0; }
        #cart-preview-dropdown .previewCartWrapper .previewCartList .previewCartItem .previewCartItem-image img,
        .modal-content .previewCartWrapper .previewCartList .previewCartItem .previewCartItem-image img {
          max-height: unset;
          width: 90px;
          margin: 0;
          position: unset;
          border: 1px solid #bdbdbd;
          padding: 6px;
          border-radius: 3px; }
      #cart-preview-dropdown .previewCartWrapper .previewCartList .previewCartItem .previewCartItem-content,
      .modal-content .previewCartWrapper .previewCartList .previewCartItem .previewCartItem-content {
        width: 85%;
        padding: 0 0 0 0.75rem;
        display: flex;
        align-items: center;
        flex-wrap: wrap;
        justify-content: space-between; }
        #cart-preview-dropdown .previewCartWrapper .previewCartList .previewCartItem .previewCartItem-content .content-upper,
        .modal-content .previewCartWrapper .previewCartList .previewCartItem .previewCartItem-content .content-upper {
          display: block;
          padding-right: 5px; }
        #cart-preview-dropdown .previewCartWrapper .previewCartList .previewCartItem .previewCartItem-content .previewCartItem-name,
        .modal-content .previewCartWrapper .previewCartList .previewCartItem .previewCartItem-content .previewCartItem-name {
          line-height: 120%;
          width: 100%;
          font-family: "Aileron", sans-serif; }
          #cart-preview-dropdown .previewCartWrapper .previewCartList .previewCartItem .previewCartItem-content .previewCartItem-name a,
          .modal-content .previewCartWrapper .previewCartList .previewCartItem .previewCartItem-content .previewCartItem-name a {
            font-size: 16px;
            font-weight: 600;
            line-height: 120%;
            color: #292c2b;
            font-family: "Aileron", sans-serif; }
            #cart-preview-dropdown .previewCartWrapper .previewCartList .previewCartItem .previewCartItem-content .previewCartItem-name a:hover,
            .modal-content .previewCartWrapper .previewCartList .previewCartItem .previewCartItem-content .previewCartItem-name a:hover {
              text-decoration: underline; }
        #cart-preview-dropdown .previewCartWrapper .previewCartList .previewCartItem .previewCartItem-content .removeItem,
        .modal-content .previewCartWrapper .previewCartList .previewCartItem .previewCartItem-content .removeItem {
          font-size: 25px;
          font-weight: 500;
          color: #000;
          padding: 0;
          margin: 0;
          margin-left: 26px; }
          #cart-preview-dropdown .previewCartWrapper .previewCartList .previewCartItem .previewCartItem-content .removeItem svg,
          .modal-content .previewCartWrapper .previewCartList .previewCartItem .previewCartItem-content .removeItem svg {
            stroke: #999; }
          #cart-preview-dropdown .previewCartWrapper .previewCartList .previewCartItem .previewCartItem-content .removeItem:hover svg,
          .modal-content .previewCartWrapper .previewCartList .previewCartItem .previewCartItem-content .removeItem:hover svg {
            stroke: #7e2e2b; }
        #cart-preview-dropdown .previewCartWrapper .previewCartList .previewCartItem .previewCartItem-content .definitionList,
        .modal-content .previewCartWrapper .previewCartList .previewCartItem .previewCartItem-content .definitionList {
          margin: 0;
          width: 100%; }
          #cart-preview-dropdown .previewCartWrapper .previewCartList .previewCartItem .previewCartItem-content .definitionList .definitionList-key,
          .modal-content .previewCartWrapper .previewCartList .previewCartItem .previewCartItem-content .definitionList .definitionList-key {
            font-size: 12px;
            font-weight: 400;
            color: #888888;
            line-height: 13px;
            margin-right: 10px; }
          #cart-preview-dropdown .previewCartWrapper .previewCartList .previewCartItem .previewCartItem-content .definitionList .definitionList-value,
          .modal-content .previewCartWrapper .previewCartList .previewCartItem .previewCartItem-content .definitionList .definitionList-value {
            font-size: 12px;
            font-weight: 400;
            color: #888888;
            line-height: 13px; }
        #cart-preview-dropdown .previewCartWrapper .previewCartList .previewCartItem .previewCartItem-content .previewCartItem-increments,
        .modal-content .previewCartWrapper .previewCartList .previewCartItem .previewCartItem-content .previewCartItem-increments {
          border: 0;
          margin: 0 0 0 20px;
          width: 98px; }
          #cart-preview-dropdown .previewCartWrapper .previewCartList .previewCartItem .previewCartItem-content .previewCartItem-increments .form-increment,
          .modal-content .previewCartWrapper .previewCartList .previewCartItem .previewCartItem-content .previewCartItem-increments .form-increment {
            display: flex;
            align-items: center;
            height: 36px; }
            #cart-preview-dropdown .previewCartWrapper .previewCartList .previewCartItem .previewCartItem-content .previewCartItem-increments .form-increment .button,
            .modal-content .previewCartWrapper .previewCartList .previewCartItem .previewCartItem-content .previewCartItem-increments .form-increment .button {
              border: 1px solid #bdbdbd;
              display: flex;
              align-items: center;
              justify-content: center;
              width: 22px;
              height: 20px;
              background: #fff; }
              #cart-preview-dropdown .previewCartWrapper .previewCartList .previewCartItem .previewCartItem-content .previewCartItem-increments .form-increment .button:hover .icon svg,
              .modal-content .previewCartWrapper .previewCartList .previewCartItem .previewCartItem-content .previewCartItem-increments .form-increment .button:hover .icon svg {
                stroke: #d63600 !important; }
              #cart-preview-dropdown .previewCartWrapper .previewCartList .previewCartItem .previewCartItem-content .previewCartItem-increments .form-increment .button .icon,
              .modal-content .previewCartWrapper .previewCartList .previewCartItem .previewCartItem-content .previewCartItem-increments .form-increment .button .icon {
                color: #000;
                display: flex;
                width: 22px;
                height: 20px;
                align-items: center;
                justify-content: center; }
                #cart-preview-dropdown .previewCartWrapper .previewCartList .previewCartItem .previewCartItem-content .previewCartItem-increments .form-increment .button .icon svg,
                .modal-content .previewCartWrapper .previewCartList .previewCartItem .previewCartItem-content .previewCartItem-increments .form-increment .button .icon svg {
                  width: 6px;
                  height: 6px; }
              #cart-preview-dropdown .previewCartWrapper .previewCartList .previewCartItem .previewCartItem-content .previewCartItem-increments .form-increment .button:hover,
              .modal-content .previewCartWrapper .previewCartList .previewCartItem .previewCartItem-content .previewCartItem-increments .form-increment .button:hover {
                background: #fff; }
            #cart-preview-dropdown .previewCartWrapper .previewCartList .previewCartItem .previewCartItem-content .previewCartItem-increments .form-increment .form-input--incrementTotal,
            .modal-content .previewCartWrapper .previewCartList .previewCartItem .previewCartItem-content .previewCartItem-increments .form-increment .form-input--incrementTotal {
              border-color: #000;
              padding: 5px;
              margin: 0;
              background: transparent;
              border-top: 0;
              border-bottom: 0;
              width: 40px;
              font-size: 14px;
              font-weight: 600;
              font-family: "Aileron", sans-serif; }
              #cart-preview-dropdown .previewCartWrapper .previewCartList .previewCartItem .previewCartItem-content .previewCartItem-increments .form-increment .form-input--incrementTotal[readonly],
              .modal-content .previewCartWrapper .previewCartList .previewCartItem .previewCartItem-content .previewCartItem-increments .form-increment .form-input--incrementTotal[readonly] {
                color: #000; }
        #cart-preview-dropdown .previewCartWrapper .previewCartList .previewCartItem .previewCartItem-content .previewCartItem-price,
        .modal-content .previewCartWrapper .previewCartList .previewCartItem .previewCartItem-content .previewCartItem-price {
          color: #515a57;
          font-size: 14px;
          font-weight: 600;
          margin-top: 0;
          font-family: "Aileron", sans-serif; }
          #cart-preview-dropdown .previewCartWrapper .previewCartList .previewCartItem .previewCartItem-content .previewCartItem-price span,
          .modal-content .previewCartWrapper .previewCartList .previewCartItem .previewCartItem-content .previewCartItem-price span {
            color: #515a57;
            font-size: 14px;
            font-weight: 600;
            font-family: "Aileron", sans-serif; }

#cart-preview-dropdown .previewCartAction,
.modal-content .previewCartAction {
  display: flex;
  gap: 13px;
  padding: 20px 14px 36px;
  border: 0; }
  #cart-preview-dropdown .previewCartAction::before, #cart-preview-dropdown .previewCartAction::after,
  .modal-content .previewCartAction::before,
  .modal-content .previewCartAction::after {
    display: none; }
  #cart-preview-dropdown .previewCartAction .button,
  .modal-content .previewCartAction .button {
    font-size: 14px;
    font-family: "Aileron", sans-serif;
    color: #1f1f1f;
    border: 1px solid transparent;
    padding: 17px 20px 21px 20px;
    line-height: 15px;
    font-weight: 600; }
    #cart-preview-dropdown .previewCartAction .button--primary,
    .modal-content .previewCartAction .button--primary {
      background-color: #f36c21; }
  #cart-preview-dropdown .previewCartAction-viewCart,
  .modal-content .previewCartAction-viewCart {
    max-width: 192px;
    width: 100%;
    padding: 0; }
    #cart-preview-dropdown .previewCartAction-viewCart .button,
    .modal-content .previewCartAction-viewCart .button {
      background-color: #e0e0de; }
      #cart-preview-dropdown .previewCartAction-viewCart .button:hover,
      .modal-content .previewCartAction-viewCart .button:hover {
        border-color: #7e2e2b;
        color: #7e2e2b;
        background-color: #fff; }
  #cart-preview-dropdown .previewCartAction-checkout,
  .modal-content .previewCartAction-checkout {
    width: 100%;
    padding: 0; }
    #cart-preview-dropdown .previewCartAction-checkout .button,
    .modal-content .previewCartAction-checkout .button {
      width: 100%;
      max-width: 100%; }
      #cart-preview-dropdown .previewCartAction-checkout .button:hover,
      .modal-content .previewCartAction-checkout .button:hover {
        background-color: #292c2b;
        color: #fff; }

#cart-preview-dropdown .preview_total,
.modal-content .preview_total {
  display: flex;
  justify-content: space-between;
  font-size: 16px;
  font-family: "Aileron", sans-serif;
  padding: 24px 14px 0; }
  #cart-preview-dropdown .preview_total .total_text,
  .modal-content .preview_total .total_text {
    color: #000; }
  #cart-preview-dropdown .preview_total .total_value,
  .modal-content .preview_total .total_value {
    font-size: 20px;
    font-weight: bold;
    color: #292c2b; }

/* Cart Upsell Carousel */
.preview-dropdown-cutom {
  overflow-y: auto;
  max-height: 100vh; }
  .preview-dropdown-cutom .upsell-products_wrap {
    padding-left: 25px;
    padding-right: 25px; }
    .preview-dropdown-cutom .upsell-products_wrap h2 {
      text-align: center;
      font-weight: normal;
      color: #3d4542; }

.upsell-products_wrap {
  display: block;
  padding-top: 23px;
  padding-bottom: 20px;
  position: relative; }
  .upsell-products_wrap h2 {
    color: #000;
    font-size: 26px;
    font-weight: 600;
    font-family: "Aileron", sans-serif;
    margin: 0 0 30px 0; }
  .upsell-products_wrap .card .card-body {
    background-color: #fff; }
  .upsell-products_wrap .slick-slide:not(:last-child) .productCarousel-slide {
    border-right-color: #fff; }
  .upsell-products_wrap .slick-slide:not(:last-child) .productCarousel-slide:hover {
    border-right-color: #ed1f00; }
  .upsell-products_wrap .slick-arrow {
    position: absolute;
    top: -32px; }
  .upsell-products_wrap .slick-prev {
    left: 0;
    background: none;
    width: 50px;
    height: 50px;
    padding: 0; }
    .upsell-products_wrap .slick-prev::before {
      background-image: url("data:image/svg+xml,%3Csvg width='50' height='50' viewBox='0 0 50 50' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg opacity='0.4'%3E%3Ccircle cx='25' cy='25' r='25' transform='matrix(-1 0 0 1 50 0)' fill='white'/%3E%3Cg clip-path='url(%23clip0_108_398)'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M20.0538 25.9142L27.1251 33.1874L28.8926 31.3694L22.7051 25.0052L28.8926 18.6409L27.1251 16.8229L20.0538 24.0962C19.8195 24.3373 19.6878 24.6642 19.6878 25.0052C19.6878 25.3461 19.8195 25.6731 20.0538 25.9142Z' fill='%231F1F1F'/%3E%3C/g%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_108_398'%3E%3Crect width='10' height='18' fill='white' transform='matrix(-1 0 0 1 29 16)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
      width: 50px;
      height: 50px; }
    .upsell-products_wrap .slick-prev:hover::before {
      background-image: url("data:image/svg+xml,%3Csvg width='50' height='50' viewBox='0 0 50 50' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg opacity='0.4'%3E%3Ccircle cx='25' cy='25' r='25' transform='matrix(-1 0 0 1 50 0)' fill='white'/%3E%3Cg clip-path='url(%23clip0_108_398)'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M20.0538 25.9142L27.1251 33.1874L28.8926 31.3694L22.7051 25.0052L28.8926 18.6409L27.1251 16.8229L20.0538 24.0962C19.8195 24.3373 19.6878 24.6642 19.6878 25.0052C19.6878 25.3461 19.8195 25.6731 20.0538 25.9142Z' fill='%237E2E2B'/%3E%3C/g%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_108_398'%3E%3Crect width='10' height='18' fill='white' transform='matrix(-1 0 0 1 29 16)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A"); }
  .upsell-products_wrap .slick-next {
    right: 0;
    background: none;
    width: 50px;
    height: 50px;
    padding: 0; }
    .upsell-products_wrap .slick-next::before {
      background-image: url("data:image/svg+xml,%3Csvg width='50' height='50' viewBox='0 0 50 50' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg opacity='0.4'%3E%3Ccircle cx='25' cy='25' r='25' fill='white'/%3E%3Cg clip-path='url(%23clip0_108_394)'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M29.9462 25.9142L22.8749 33.1874L21.1074 31.3694L27.2949 25.0052L21.1074 18.6409L22.8749 16.8229L29.9462 24.0962C30.1805 24.3373 30.3122 24.6642 30.3122 25.0052C30.3122 25.3461 30.1805 25.6731 29.9462 25.9142Z' fill='%231F1F1F'/%3E%3C/g%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_108_394'%3E%3Crect width='10' height='18' fill='white' transform='translate(21 16)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
      width: 50px;
      height: 50px; }
    .upsell-products_wrap .slick-next:hover::before {
      background-image: url("data:image/svg+xml,%3Csvg width='50' height='50' viewBox='0 0 50 50' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg opacity='0.4'%3E%3Ccircle cx='25' cy='25' r='25' fill='white'/%3E%3Cg clip-path='url(%23clip0_108_394)'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M29.9462 25.9142L22.8749 33.1874L21.1074 31.3694L27.2949 25.0052L21.1074 18.6409L22.8749 16.8229L29.9462 24.0962C30.1805 24.3373 30.3122 24.6642 30.3122 25.0052C30.3122 25.3461 30.1805 25.6731 29.9462 25.9142Z' fill='%237E2E2B'/%3E%3C/g%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_108_394'%3E%3Crect width='10' height='18' fill='white' transform='translate(21 16)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A"); }
  .upsell-products_wrap.upsell-products_wrap-cartPage {
    margin-top: 36px;
    padding: 30px 0px 42px;
    border-top: 1px solid #b0b0b0;
    background-color: #fff; }
    .upsell-products_wrap.upsell-products_wrap-cartPage .slick-prev {
      left: inherit;
      right: 60px; }

.productGrid {
  margin-bottom: 6px; }
  .productGrid .product {
    border-radius: 3px;
    padding-left: 13px;
    padding-right: 13px; }

.custom-order-process-page {
  margin: 0px;
  position: relative; }
  .custom-order-process-page .container {
    max-width: 1350px;
    padding: 0px 20px;
    margin: 0px auto; }
  .custom-order-process-page .breadcrumbs-wrapper {
    position: absolute;
    z-index: 99;
    top: -21px; }
    @media (min-width: 801px) {
      .custom-order-process-page .breadcrumbs-wrapper {
        top: -34px; } }
    .custom-order-process-page .breadcrumbs-wrapper .breadcrumbs {
      display: block !important; }
      .custom-order-process-page .breadcrumbs-wrapper .breadcrumbs a,
      .custom-order-process-page .breadcrumbs-wrapper .breadcrumbs span {
        font-family: "Aileron", sans-serif;
        font-weight: 400;
        font-size: 11px;
        line-height: 150%;
        text-decoration: none;
        color: #f2f2f2 !important; }
  .custom-order-process-page .heroCarousel {
    position: relative;
    overflow: hidden; }
    .custom-order-process-page .heroCarousel-slide--first {
      max-height: 470px;
      position: relative; }
      .custom-order-process-page .heroCarousel-slide--first.hero-banner {
        background-image: url("https://store-whwwydb1yw.mybigcommerce.com/content/custom-pages-images/custom-order-process-page-banner.png");
        background-size: cover;
        background-position: center;
        justify-content: center;
        text-align: center;
        overflow: hidden; }
      .custom-order-process-page .heroCarousel-slide--first .heroCarousel-image-wrapper {
        max-height: 470px;
        position: relative;
        z-index: 1;
        display: block;
        overflow: hidden;
        background: rgba(0, 0, 0, 0.5); }
        @media screen and (max-width: 800px) {
          .custom-order-process-page .heroCarousel-slide--first .heroCarousel-image-wrapper {
            min-height: 360px; } }
        .custom-order-process-page .heroCarousel-slide--first .heroCarousel-image-wrapper img {
          width: 100%;
          object-fit: cover;
          object-position: center;
          height: 100%;
          transition: transform 0.5s ease-out; }
      .custom-order-process-page .heroCarousel-slide--first .button.button--primary {
        max-width: 300px; }
      .custom-order-process-page .heroCarousel-slide--first .heroCarousel-content .heroCarousel-action {
        margin: 0 0 67px 0; }
      .custom-order-process-page .heroCarousel-slide--first .heroCarousel-content {
        max-width: 1240px;
        margin: 0 auto;
        width: 100%;
        padding: 0 20px;
        background: unset; }
        .custom-order-process-page .heroCarousel-slide--first .heroCarousel-content .heroCarousel-title {
          margin-bottom: 20px; }
        .custom-order-process-page .heroCarousel-slide--first .heroCarousel-content .heroCarousel-description {
          margin-bottom: 38px; }
        @media screen and (max-width: 800px) {
          .custom-order-process-page .heroCarousel-slide--first .heroCarousel-content {
            padding-left: 20px; } }
  .custom-order-process-page .custom-order-process-intro {
    padding: 41px 0px 61px;
    background-color: #e0e0de;
    font-family: "Aileron", sans-serif; }
    .custom-order-process-page .custom-order-process-intro .second-section-custom-order-process p {
      font-family: "Aileron", sans-serif;
      font-weight: 400;
      font-size: 16px;
      line-height: 150%;
      letter-spacing: 0%;
      text-align: center;
      margin-bottom: 45px; }
    .custom-order-process-page .custom-order-process-intro .custom-order-process-cards {
      display: flex;
      justify-content: space-between;
      align-items: start;
      text-align: center; }
      @media screen and (max-width: 800px) {
        .custom-order-process-page .custom-order-process-intro .custom-order-process-cards {
          flex-direction: column;
          align-items: center; } }
      .custom-order-process-page .custom-order-process-intro .custom-order-process-cards .custom-order-process-card {
        flex: 1; }
        .custom-order-process-page .custom-order-process-intro .custom-order-process-cards .custom-order-process-card:not(:last-child) {
          position: relative; }
          .custom-order-process-page .custom-order-process-intro .custom-order-process-cards .custom-order-process-card:not(:last-child)::after {
            display: block;
            content: "";
            width: 0;
            border: 1px solid;
            height: 114px;
            position: absolute;
            right: 0;
            top: 0;
            color: #bcbcbc; }
            @media screen and (max-width: 800px) {
              .custom-order-process-page .custom-order-process-intro .custom-order-process-cards .custom-order-process-card:not(:last-child)::after {
                display: none; } }
        .custom-order-process-page .custom-order-process-intro .custom-order-process-cards .custom-order-process-card img {
          margin-bottom: 10px;
          margin-top: 5px;
          min-height: 29px; }
        .custom-order-process-page .custom-order-process-intro .custom-order-process-cards .custom-order-process-card .custom-order-process-title {
          font-family: "Aileron", sans-serif;
          font-weight: 600;
          font-size: 16px;
          line-height: 180%;
          letter-spacing: 0%;
          text-align: center;
          margin: 0px 0px 4px 0px;
          color: #1f1f1f; }
        .custom-order-process-page .custom-order-process-intro .custom-order-process-cards .custom-order-process-card p.custom-order-process-description {
          font-family: "Aileron", sans-serif;
          font-weight: 300;
          font-size: 13px;
          line-height: 140%;
          letter-spacing: 0%;
          text-align: center;
          text-transform: capitalize;
          padding: 0px 30px;
          color: #1f1f1f;
          margin: 0; }
  .custom-order-process-page .custom-order-process-steps .exceptional-tents-wrap {
    background-color: #ffffff !important;
    font-family: "Aileron", sans-serif;
    padding: 55px 0 43px; }
    .custom-order-process-page .custom-order-process-steps .exceptional-tents-wrap .exceptional-subheading {
      font-size: 16px; }
    .custom-order-process-page .custom-order-process-steps .exceptional-tents-wrap .custom-order-process-steps-slide .slick-arrow {
      border-width: 0px; }
    .custom-order-process-page .custom-order-process-steps .exceptional-tents-wrap .custom-order-process-steps-slide .exceptionalCard.overlayCard {
      display: block;
      overflow: hidden;
      border-radius: 3px;
      text-align: center;
      position: relative; }
      .custom-order-process-page .custom-order-process-steps .exceptional-tents-wrap .custom-order-process-steps-slide .exceptionalCard.overlayCard img {
        width: 100%;
        height: auto;
        display: block; }
      .custom-order-process-page .custom-order-process-steps .exceptional-tents-wrap .custom-order-process-steps-slide .exceptionalCard.overlayCard .overlay {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 81%;
        background-color: #7e2e2b;
        z-index: 1;
        opacity: 90%;
        border-radius: 5px;
        display: none;
        transition: all 0.3s ease; }
        @media screen and (max-width: 800px) {
          .custom-order-process-page .custom-order-process-steps .exceptional-tents-wrap .custom-order-process-steps-slide .exceptionalCard.overlayCard .overlay {
            display: none !important; } }
      .custom-order-process-page .custom-order-process-steps .exceptional-tents-wrap .custom-order-process-steps-slide .exceptionalCard.overlayCard .overlayContent {
        position: absolute;
        bottom: 30%;
        left: 10%;
        z-index: 2;
        padding: 15px;
        width: 100%;
        max-width: 322px;
        display: none;
        transition: all 0.3s ease; }
        @media screen and (max-width: 800px) {
          .custom-order-process-page .custom-order-process-steps .exceptional-tents-wrap .custom-order-process-steps-slide .exceptionalCard.overlayCard .overlayContent {
            display: none !important; } }
        .custom-order-process-page .custom-order-process-steps .exceptional-tents-wrap .custom-order-process-steps-slide .exceptionalCard.overlayCard .overlayContent .overlayText {
          font-family: "Aileron", sans-serif;
          font-weight: 300;
          font-size: 18px;
          line-height: 140%;
          text-align: center;
          vertical-align: middle;
          color: #fff; }
        .custom-order-process-page .custom-order-process-steps .exceptional-tents-wrap .custom-order-process-steps-slide .exceptionalCard.overlayCard .overlayContent .shopNowBtn {
          max-width: 188px;
          background-color: #f37021;
          color: #000;
          padding: 20px 45px;
          font-family: "Aileron", sans-serif;
          font-weight: 600;
          font-size: 14px;
          line-height: 100%;
          border: 1px solid #f37021;
          border-radius: 3px;
          cursor: pointer;
          -webkit-transition: background-color 0.3s ease;
          transition: background-color 0.3s ease;
          margin: 0 auto; }
          .custom-order-process-page .custom-order-process-steps .exceptional-tents-wrap .custom-order-process-steps-slide .exceptionalCard.overlayCard .overlayContent .shopNowBtn:hover {
            color: #ffffff;
            border-width: 1px;
            border-style: solid;
            border-color: white;
            border-image: initial;
            background: transparent; }
      .custom-order-process-page .custom-order-process-steps .exceptional-tents-wrap .custom-order-process-steps-slide .exceptionalCard.overlayCard:hover .overlay {
        display: block;
        transition: all 0.3s ease; }
      .custom-order-process-page .custom-order-process-steps .exceptional-tents-wrap .custom-order-process-steps-slide .exceptionalCard.overlayCard:hover .overlayContent {
        display: block;
        transition: all 0.3s ease; }
      .custom-order-process-page .custom-order-process-steps .exceptional-tents-wrap .custom-order-process-steps-slide .exceptionalCard.overlayCard .captionText {
        position: relative;
        z-index: 3;
        margin: 21px auto 25px;
        font-family: "Aileron", sans-serif;
        font-weight: 400;
        font-size: 18px;
        line-height: 140%;
        color: #3d4542; }
  .custom-order-process-page .custom-order-printed-products .exceptional-tents-wrap {
    background-color: #f2f2f0 !important;
    padding: 53px 0 72px; }
    .custom-order-process-page .custom-order-printed-products .exceptional-tents-wrap .exceptional-inner {
      padding-bottom: 37px; }
      .custom-order-process-page .custom-order-printed-products .exceptional-tents-wrap .exceptional-inner a {
        font-family: "Aileron", sans-serif;
        font-weight: 600;
        font-size: 16px;
        line-height: 120%;
        margin: 0 14px;
        text-align: left;
        color: #292C2B; }
        .custom-order-process-page .custom-order-printed-products .exceptional-tents-wrap .exceptional-inner a:hover {
          text-decoration: underline;
          color: #292C2B; }
        .custom-order-process-page .custom-order-printed-products .exceptional-tents-wrap .exceptional-inner a img {
          padding-bottom: 18px; }
    .custom-order-process-page .custom-order-printed-products .exceptional-tents-wrap .slick-arrow {
      border-width: 0px; }
      .custom-order-process-page .custom-order-printed-products .exceptional-tents-wrap .slick-arrow.slick-prev {
        margin-left: -15px; }
      .custom-order-process-page .custom-order-printed-products .exceptional-tents-wrap .slick-arrow.slick-next {
        margin-right: -15px; }
    .custom-order-process-page .custom-order-printed-products .exceptional-tents-wrap .shopNowBtn {
      background-color: #f37021;
      color: #000;
      padding: 20px 85px;
      font-family: "Aileron", sans-serif;
      font-weight: 600;
      font-size: 14px;
      line-height: 100%;
      border: 1px solid #f37021;
      border-radius: 3px;
      cursor: pointer;
      -webkit-transition: background-color 0.3s ease;
      transition: background-color 0.3s ease;
      margin: 0 auto;
      display: table; }
      .custom-order-process-page .custom-order-printed-products .exceptional-tents-wrap .shopNowBtn:hover {
        color: #ffffff;
        background-color: #292C2B;
        border: 1px solid #292C2B; }
  .custom-order-process-page .custom-order-simple-steps {
    background-color: #292c2b;
    padding: 60px 0px 72px; }
    .custom-order-process-page .custom-order-simple-steps .custom-order-simple-steps-inner h2 {
      font-family: "Aileron", sans-serif;
      font-weight: 400;
      font-size: 46px;
      color: #ffffff;
      line-height: 120%;
      text-align: center;
      margin: 0px auto 67px; }
      @media screen and (max-width: 800px) {
        .custom-order-process-page .custom-order-simple-steps .custom-order-simple-steps-inner h2 {
          font-size: 36px;
          margin: 0px auto 40px; } }
    .custom-order-process-page .custom-order-simple-steps .custom-order-simple-steps-inner .custom-order-simple-steps-list {
      display: flex;
      justify-content: space-between;
      align-items: start;
      text-align: center;
      gap: 60px; }
      @media screen and (max-width: 800px) {
        .custom-order-process-page .custom-order-simple-steps .custom-order-simple-steps-inner .custom-order-simple-steps-list {
          flex-direction: column;
          gap: 30px; } }
      .custom-order-process-page .custom-order-simple-steps .custom-order-simple-steps-inner .custom-order-simple-steps-list .custom-order-simple-step h3 {
        font-family: "Aileron", sans-serif;
        font-weight: 400;
        font-size: 22px;
        line-height: 120%;
        text-align: center;
        vertical-align: middle;
        color: #ffffff;
        margin: 10px 0px 25px;
        min-height: 52px;
        align-content: space-evenly; }
      .custom-order-process-page .custom-order-simple-steps .custom-order-simple-steps-inner .custom-order-simple-steps-list .custom-order-simple-step .custom-order-simple-step-number {
        font-family: "Aileron", sans-serif;
        font-weight: 300;
        font-size: 20px;
        line-height: 160%;
        text-align: center;
        color: #f36c21;
        margin-bottom: 20px;
        display: block;
        position: relative; }
      .custom-order-process-page .custom-order-simple-steps .custom-order-simple-steps-inner .custom-order-simple-steps-list .custom-order-simple-step:not(:last-child) .custom-order-simple-step-number {
        position: relative; }
        .custom-order-process-page .custom-order-simple-steps .custom-order-simple-steps-inner .custom-order-simple-steps-list .custom-order-simple-step:not(:last-child) .custom-order-simple-step-number::after {
          content: "";
          position: absolute;
          top: 50.35%;
          right: -87px;
          width: 122px;
          height: 1.5px;
          background-color: #e0e0de;
          opacity: 20%; }
          @media screen and (max-width: 800px) {
            .custom-order-process-page .custom-order-simple-steps .custom-order-simple-steps-inner .custom-order-simple-steps-list .custom-order-simple-step:not(:last-child) .custom-order-simple-step-number::after {
              display: none; } }
        .custom-order-process-page .custom-order-simple-steps .custom-order-simple-steps-inner .custom-order-simple-steps-list .custom-order-simple-step:not(:last-child) .custom-order-simple-step-number::before {
          content: ">";
          position: absolute;
          top: 43%;
          right: -92px;
          font-size: 2rem;
          margin-left: 40px;
          line-height: 0;
          color: #e0e0de;
          opacity: 20%; }
          @media screen and (max-width: 800px) {
            .custom-order-process-page .custom-order-simple-steps .custom-order-simple-steps-inner .custom-order-simple-steps-list .custom-order-simple-step:not(:last-child) .custom-order-simple-step-number::before {
              display: none; } }
      .custom-order-process-page .custom-order-simple-steps .custom-order-simple-steps-inner .custom-order-simple-steps-list .custom-order-simple-step .custom-order-simple-step-text {
        font-family: "Aileron", sans-serif;
        font-weight: 300;
        font-size: 16px;
        line-height: 140%;
        letter-spacing: 0%;
        text-align: center;
        color: #fff;
        margin-bottom: 50px; }
        .custom-order-process-page .custom-order-simple-steps .custom-order-simple-steps-inner .custom-order-simple-steps-list .custom-order-simple-step .custom-order-simple-step-text a {
          color: #fff; }
    .custom-order-process-page .custom-order-simple-steps .custom-order-simple-steps-inner .custom-order-simple-steps-button {
      max-width: 1160px;
      margin: 0 auto;
      border-top: 1px solid #525452;
      padding: 57px 0px 0px;
      text-align: center; }
      .custom-order-process-page .custom-order-simple-steps .custom-order-simple-steps-inner .custom-order-simple-steps-button p {
        font-family: "Aileron", sans-serif;
        font-weight: 300;
        font-size: 18px;
        line-height: 21px;
        text-align: center;
        color: #fff; }
      .custom-order-process-page .custom-order-simple-steps .custom-order-simple-steps-inner .custom-order-simple-steps-button a.button.button--primary {
        width: 100%;
        max-width: max-content;
        height: 55px;
        padding: 0 96px;
        margin: 13px auto 0px auto;
        text-align: center;
        -ms-flex-line-pack: center;
        align-content: center;
        background: #f36c21;
        border: 1px solid #f36c21;
        border-radius: 3px;
        font-family: "Aileron", sans-serif;
        font-weight: 600;
        font-size: 14px;
        line-height: 100%;
        color: #1f1f1f;
        -webkit-transition: 0.2s all ease;
        transition: 0.2s all ease; }
        .custom-order-process-page .custom-order-simple-steps .custom-order-simple-steps-inner .custom-order-simple-steps-button a.button.button--primary:hover {
          color: #ffffff;
          border-width: 1px;
          border-style: solid;
          border-color: white;
          border-image: initial;
          background: transparent; }
  .custom-order-process-page .custom-order-faqs {
    background: #ffffff; }
    .custom-order-process-page .custom-order-faqs .aboutUs-content {
      width: calc(65% - 29px); }
      @media screen and (max-width: 800px) {
        .custom-order-process-page .custom-order-faqs .aboutUs-content {
          width: 100%; } }
      .custom-order-process-page .custom-order-faqs .aboutUs-content .aboutUs-heading {
        text-align: left;
        margin-bottom: 25px; }
      .custom-order-process-page .custom-order-faqs .aboutUs-content .aboutUs-desc {
        max-width: 100%;
        text-align: left; }
      .custom-order-process-page .custom-order-faqs .aboutUs-content .accordion_box {
        border-bottom: 1px solid #c3c5c3; }
      .custom-order-process-page .custom-order-faqs .aboutUs-content .aboutUs-accordion-wrap p.accordion-Heading {
        text-align: left;
        cursor: pointer;
        border: 0; }
      .custom-order-process-page .custom-order-faqs .aboutUs-content .aboutUs-accordion-wrap .accordion-desc {
        border: 0;
        padding-top: 0px !important; }
        .custom-order-process-page .custom-order-faqs .aboutUs-content .aboutUs-accordion-wrap .accordion-desc p {
          text-align: left;
          margin-bottom: 0;
          font-weight: 300;
          font-size: 16px;
          line-height: 150%;
          letter-spacing: 0%;
          font-family: "Aileron", sans-serif; }
    .custom-order-process-page .custom-order-faqs .aboutUs-image {
      width: calc(35% - 29px); }
      @media screen and (max-width: 800px) {
        .custom-order-process-page .custom-order-faqs .aboutUs-image {
          width: 100%; } }
      .custom-order-process-page .custom-order-faqs .aboutUs-image img {
        height: inherit !important;
        width: 100%;
        max-width: 402px; }
      .custom-order-process-page .custom-order-faqs .aboutUs-image .faqs-testimonial {
        max-width: 304px;
        margin: 57px auto 0px;
        position: relative; }
        .custom-order-process-page .custom-order-faqs .aboutUs-image .faqs-testimonial p {
          font-family: "Aileron", sans-serif;
          font-weight: 300;
          font-size: 18px;
          line-height: 160%;
          text-align: left; }
        .custom-order-process-page .custom-order-faqs .aboutUs-image .faqs-testimonial a {
          margin: 30px auto 0 auto;
          width: 100%;
          max-width: 375px;
          height: 55px;
          background: #ffffff;
          color: #292c2b;
          text-align: center;
          -ms-flex-line-pack: center;
          align-content: center;
          -webkit-text-decoration: navajowhite;
          text-decoration: navajowhite;
          border: 1px solid #292c2b;
          border-radius: 3px;
          font-family: "Aileron", sans-serif;
          font-weight: 600;
          font-size: 14px;
          line-height: 100%;
          -webkit-transition: 0.2s all ease;
          transition: 0.2s all ease;
          display: block; }
          .custom-order-process-page .custom-order-faqs .aboutUs-image .faqs-testimonial a:hover {
            -webkit-transition: 0.2s all ease;
            transition: 0.2s all ease;
            background: #292c2b;
            color: #fff; }
        .custom-order-process-page .custom-order-faqs .aboutUs-image .faqs-testimonial::after {
          display: block;
          content: "“";
          font-family: Rockwell;
          font-weight: 400;
          font-size: 325px;
          opacity: 3%;
          position: absolute;
          bottom: -13%;
          left: -72px; }

.gsa-sales-page {
  margin: -40px 0px 0px 0px;
  position: relative; }
  .gsa-sales-page .container {
    width: 100%;
    max-width: 1360px;
    padding: 0px 20px;
    margin: 0px auto; }
  .gsa-sales-page .breadcrumbs-wrapper {
    position: absolute;
    z-index: 99;
    top: 19px; }
    @media (min-width: 801px) {
      .gsa-sales-page .breadcrumbs-wrapper {
        top: 7px; } }
    .gsa-sales-page .breadcrumbs-wrapper .breadcrumbs {
      display: block !important; }
      .gsa-sales-page .breadcrumbs-wrapper .breadcrumbs a,
      .gsa-sales-page .breadcrumbs-wrapper .breadcrumbs span {
        font-family: "Aileron", sans-serif;
        font-weight: 400;
        font-size: 11px;
        line-height: 150%;
        text-decoration: none;
        color: #f2f2f2 !important; }
  .gsa-sales-page .gsa-sales-banner-wrap {
    background-image: url("https://store-whwwydb1yw.mybigcommerce.com/content/custom-pages-images/gsa-sales-banner.png");
    min-height: 514px;
    background-size: cover;
    position: relative;
    background-position: top center;
    background-attachment: fixed;
    justify-content: center;
    text-align: center;
    overflow: hidden;
    background-repeat: no-repeat; }
    @media (hover: none) {
      .gsa-sales-page .gsa-sales-banner-wrap {
        background-attachment: scroll; } }
    .gsa-sales-page .gsa-sales-banner-wrap .gsa-sales-banner-wrap-content {
      position: absolute;
      color: #fff;
      bottom: 73px;
      margin: 0 auto;
      display: flex;
      justify-content: center;
      align-items: center;
      width: 100%;
      text-align: center;
      flex-direction: column;
      z-index: 2; }
      .gsa-sales-page .gsa-sales-banner-wrap .gsa-sales-banner-wrap-content .gsa-sales-hero .gsa-sales-hero-title {
        font-family: "Aileron", sans-serif;
        font-weight: 400;
        font-size: 60px;
        line-height: 120%;
        text-align: center;
        color: #fff;
        margin-top: 29px;
        text-shadow: 0 2px 4px rgba(0, 0, 0, 0.3); }
        @media screen and (max-width: 551px) {
          .gsa-sales-page .gsa-sales-banner-wrap .gsa-sales-banner-wrap-content .gsa-sales-hero .gsa-sales-hero-title {
            font-size: 46px;
            margin: 29px 30px 0; } }
  .gsa-sales-page .gsa-sales-who-we-are {
    background-color: #e0e0de;
    text-align: center;
    padding: 50px 0;
    min-height: 261px; }
    .gsa-sales-page .gsa-sales-who-we-are .gsa-sales-content .gsa-sales-section-title {
      font-family: "Aileron", sans-serif;
      font-weight: 400;
      font-size: 46px;
      line-height: 120%;
      text-align: center;
      color: #1f1f1f;
      margin: 0 auto;
      padding-bottom: 16px; }
      @media screen and (max-width: 800px) {
        .gsa-sales-page .gsa-sales-who-we-are .gsa-sales-content .gsa-sales-section-title {
          font-size: 36px; } }
    .gsa-sales-page .gsa-sales-who-we-are .gsa-sales-section-text {
      font-family: "Aileron", sans-serif;
      max-width: 957px;
      font-weight: 300;
      font-size: 16px;
      line-height: 160%;
      text-align: center;
      margin: 0 auto;
      color: #1f1f1f; }
  .gsa-sales-page .custom-what-we-offer .exceptional-tents-wrap {
    background-color: #ffffff !important;
    font-family: "Aileron", sans-serif;
    padding: 52px 0px; }
    .gsa-sales-page .custom-what-we-offer .exceptional-tents-wrap .exceptional-heading {
      font-family: "Aileron", sans-serif;
      font-weight: 400;
      font-size: 46px;
      line-height: 120%;
      text-align: center;
      margin-bottom: 41px;
      color: #1f1f1f; }
      @media screen and (max-width: 800px) {
        .gsa-sales-page .custom-what-we-offer .exceptional-tents-wrap .exceptional-heading {
          font-size: 36px; } }
    .gsa-sales-page .custom-what-we-offer .exceptional-tents-wrap .exceptional-inner {
      align-items: flex-start; }
      @media screen and (max-width: 800px) {
        .gsa-sales-page .custom-what-we-offer .exceptional-tents-wrap .exceptional-inner {
          flex-direction: column;
          align-items: center; } }
      .gsa-sales-page .custom-what-we-offer .exceptional-tents-wrap .exceptional-inner .exceptionalCard {
        flex: 1;
        position: relative; }
        @media screen and (max-width: 800px) {
          .gsa-sales-page .custom-what-we-offer .exceptional-tents-wrap .exceptional-inner .exceptionalCard {
            margin-bottom: 30px; } }
        .gsa-sales-page .custom-what-we-offer .exceptional-tents-wrap .exceptional-inner .exceptionalCard .captionHeading {
          font-family: "Aileron", sans-serif;
          font-weight: 700;
          font-size: 16px;
          line-height: 160%;
          text-align: center;
          margin-top: 25px;
          color: #1f1f1f; }
        .gsa-sales-page .custom-what-we-offer .exceptional-tents-wrap .exceptional-inner .exceptionalCard:hover {
          color: #1f1f1f; }
        .gsa-sales-page .custom-what-we-offer .exceptional-tents-wrap .exceptional-inner .exceptionalCard .captionText {
          font-family: "Aileron", sans-serif;
          font-weight: 300;
          font-size: 16px;
          line-height: 160%;
          text-align: center;
          padding: 0 37px;
          max-width: 391px; }
        .gsa-sales-page .custom-what-we-offer .exceptional-tents-wrap .exceptional-inner .exceptionalCard .overlayContent {
          display: none; }
          @media screen and (max-width: 800px) {
            .gsa-sales-page .custom-what-we-offer .exceptional-tents-wrap .exceptional-inner .exceptionalCard .overlayContent {
              display: block;
              margin-top: 10px; } }
          .gsa-sales-page .custom-what-we-offer .exceptional-tents-wrap .exceptional-inner .exceptionalCard .overlayContent .shopNowBtn {
            background-color: #f37021;
            border: 1px solid #f37021;
            color: #000;
            padding: 20px 45px;
            font-family: "Aileron", sans-serif;
            font-weight: 600;
            font-size: 14px;
            line-height: 100%;
            border-radius: 3px;
            cursor: pointer;
            width: 100%;
            -webkit-transition: background-color 0.3s ease;
            transition: 0.2s all ease; }
            .gsa-sales-page .custom-what-we-offer .exceptional-tents-wrap .exceptional-inner .exceptionalCard .overlayContent .shopNowBtn:hover {
              color: #ffffff;
              background-color: #292C2B;
              border: 1px solid #292C2B; }
        .gsa-sales-page .custom-what-we-offer .exceptional-tents-wrap .exceptional-inner .exceptionalCard:hover .overlayContent {
          display: block;
          transition: all 0.3s ease;
          position: absolute;
          width: 88%;
          left: 6%;
          top: 183px; }
  .gsa-sales-page .custom-why-choose-celina {
    background-color: #3d4542;
    padding: 55px 0px; }
    .gsa-sales-page .custom-why-choose-celina h2.custon-why-choose-celina-heading {
      font-family: "Aileron", sans-serif;
      font-weight: 400;
      font-size: 46px;
      line-height: 120%;
      text-align: center;
      margin: 0 auto;
      color: #ffffff; }
      @media (max-width: 800px) {
        .gsa-sales-page .custom-why-choose-celina h2.custon-why-choose-celina-heading {
          font-size: 36px;
          text-align: center;
          margin: 0 0 13px 0;
          letter-spacing: -1px; } }
    @media (max-width: 767px) {
      .gsa-sales-page .custom-why-choose-celina .custom-why-choose-celina-content .custom-why-choose-carousel {
        display: none; }
        .gsa-sales-page .custom-why-choose-celina .custom-why-choose-celina-content .custom-why-choose-carousel.slick-initialized {
          display: block; }
        .gsa-sales-page .custom-why-choose-celina .custom-why-choose-celina-content .custom-why-choose-carousel .custom-why-choose-celina-column {
          padding: 20px;
          text-align: center; }
        .gsa-sales-page .custom-why-choose-celina .custom-why-choose-celina-content .custom-why-choose-carousel .slick-dots {
          bottom: 0;
          position: relative; }
          .gsa-sales-page .custom-why-choose-celina .custom-why-choose-celina-content .custom-why-choose-carousel .slick-dots li {
            top: 0;
            left: 0;
            right: 0;
            position: relative;
            width: 7px;
            height: 7px;
            margin: 0 14px 0 0;
            padding: 0; }
            .gsa-sales-page .custom-why-choose-celina .custom-why-choose-celina-content .custom-why-choose-carousel .slick-dots li button {
              border-color: #f37021;
              margin: 0 14px 0 1px;
              position: absolute; } }
        @media (max-width: 767px) and (max-width: 767px) {
          .gsa-sales-page .custom-why-choose-celina .custom-why-choose-celina-content .custom-why-choose-carousel .slick-dots li button {
            height: 7px;
            width: 7px;
            background: rgba(255, 255, 255, 0.2);
            border: transparent; } }
    @media (max-width: 767px) {
              .gsa-sales-page .custom-why-choose-celina .custom-why-choose-celina-content .custom-why-choose-carousel .slick-dots li button:before {
                font-size: 10px;
                color: #f37021; } }
          @media (max-width: 767px) and (max-width: 767px) {
            .gsa-sales-page .custom-why-choose-celina .custom-why-choose-celina-content .custom-why-choose-carousel .slick-dots li button:before {
              height: 7px;
              width: 7px;
              top: 0;
              left: 0; } }
    @media (max-width: 767px) {
          .gsa-sales-page .custom-why-choose-celina .custom-why-choose-celina-content .custom-why-choose-carousel .slick-dots li.slick-active button:before {
            color: #f37021;
            opacity: 0.9;
            background: #f37021; } }
    @media (min-width: 768px) {
      .gsa-sales-page .custom-why-choose-celina .custom-why-choose-celina-content .custom-why-choose-carousel {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between; }
        .gsa-sales-page .custom-why-choose-celina .custom-why-choose-celina-content .custom-why-choose-carousel .slick-dots {
          display: none !important; } }
    .gsa-sales-page .custom-why-choose-celina .custom-why-choose-celina-content .custom-why-choose-celina-column {
      padding-top: 42px;
      text-align: center; }
      .gsa-sales-page .custom-why-choose-celina .custom-why-choose-celina-content .custom-why-choose-celina-column .custom-why-choose-image {
        max-width: 30px;
        margin: 0 auto; }
      .gsa-sales-page .custom-why-choose-celina .custom-why-choose-celina-content .custom-why-choose-celina-column .custom-why-choose-title {
        font-family: "Aileron", sans-serif;
        font-weight: 700;
        font-size: 18px;
        line-height: 180%;
        text-align: center;
        margin: 17px 0px 0px 0px;
        color: #ffffff; }
      .gsa-sales-page .custom-why-choose-celina .custom-why-choose-celina-content .custom-why-choose-celina-column .custom-why-choose-description {
        font-family: "Aileron", sans-serif;
        font-weight: 300;
        font-size: 15px;
        line-height: 140%;
        text-align: center;
        padding: 0px 14px;
        color: #ffffff; }
        @media (max-width: 767px) {
          .gsa-sales-page .custom-why-choose-celina .custom-why-choose-celina-content .custom-why-choose-celina-column .custom-why-choose-description {
            padding: 0 20px;
            min-height: 42px; } }
      @media (min-width: 768px) {
        .gsa-sales-page .custom-why-choose-celina .custom-why-choose-celina-content .custom-why-choose-celina-column {
          flex: 0 0 23%;
          max-width: 23%; } }
  .gsa-sales-page .how-to-order {
    padding: 55px 0 143px;
    font-family: "Aileron", sans-serif;
    position: relative;
    overflow: hidden;
    min-height: 600px;
    display: flex;
    align-items: center;
    background-image: url("https://store-whwwydb1yw.mybigcommerce.com/content/custom-pages-images/how-to-order.png");
    background-size: cover;
    background-position: center;
    background-attachment: fixed;
    justify-content: center;
    text-align: center;
    overflow: hidden; }
    @media (hover: none) {
      .gsa-sales-page .how-to-order {
        background-attachment: scroll; } }
    .gsa-sales-page .how-to-order .container {
      position: relative;
      z-index: 2;
      width: 100%; }
    .gsa-sales-page .how-to-order .section-title {
      font-family: "Aileron", sans-serif;
      font-weight: 400;
      font-size: 46px;
      line-height: 150%;
      text-align: center;
      color: #ffffff;
      margin: 38px auto 43px;
      text-shadow: 0 2px 4px rgba(0, 0, 0, 0.3); }
      @media (max-width: 800px) {
        .gsa-sales-page .how-to-order .section-title {
          font-size: 36px;
          margin: 20px auto 30px; } }
    .gsa-sales-page .how-to-order .order-methods {
      display: flex;
      justify-content: space-between;
      gap: 72px; }
      @media (max-width: 768px) {
        .gsa-sales-page .how-to-order .order-methods {
          flex-direction: column;
          gap: 30px; } }
    .gsa-sales-page .how-to-order .method-card {
      -webkit-box-flex: 1;
      -ms-flex: 1;
      flex: 1;
      background: rgba(41, 44, 43, 0.8);
      padding: 41px 80px 49px;
      border-top: 5px solid #f36c21;
      border-top-right-radius: 3px;
      border-bottom-right-radius: 3px;
      transition: transform 0.3s ease; }
      @media (max-width: 768px) {
        .gsa-sales-page .how-to-order .method-card {
          padding: 41px 40px 40px; } }
      .gsa-sales-page .how-to-order .method-card .method-title {
        font-family: "Aileron", sans-serif;
        font-weight: 400;
        font-size: 33px;
        line-height: 120%;
        text-align: center;
        color: #ffffff;
        margin: 0 auto 10px; }
      .gsa-sales-page .how-to-order .method-card .method-description {
        font-family: "Aileron", sans-serif;
        font-weight: 300;
        font-size: 15px;
        line-height: 150%;
        text-align: center;
        color: #ffffff;
        min-height: 69px;
        margin-bottom: 26px; }
      .gsa-sales-page .how-to-order .method-card .shop-button {
        width: 100%;
        max-width: 180px;
        height: 55px;
        margin: 30px auto 0;
        display: flex;
        align-items: center;
        justify-content: center;
        background: #f36c21;
        border: 1px solid #f36c21;
        border-radius: 3px;
        font-family: "Aileron", sans-serif;
        font-weight: 600;
        font-size: 14px;
        color: #1f1f1f;
        transition: all 0.3s ease;
        text-decoration: none; }
        .gsa-sales-page .how-to-order .method-card .shop-button:hover {
          background-color: rgba(243, 108, 33, 0.6);
          border: 1px solid #f37021;
          color: white;
          background: transparent; }
  .gsa-sales-page .custom-featured-products {
    padding: 50px 0 10px;
    background-color: #f2f2f0; }
    .gsa-sales-page .custom-featured-products .featured-products-title {
      font-family: "Aileron", sans-serif;
      font-weight: 400;
      font-size: 46px;
      line-height: 150%;
      text-align: center;
      color: #1f1f1f;
      margin-top: 0px;
      margin-bottom: 50px; }
      @media (max-width: 768px) {
        .gsa-sales-page .custom-featured-products .featured-products-title {
          font-size: 36px;
          margin-bottom: 20px; } }
    .gsa-sales-page .custom-featured-products .featured-products-list {
      margin-bottom: 70px; }
      @media (max-width: 768px) {
        .gsa-sales-page .custom-featured-products .featured-products-list {
          margin-bottom: 30px; } }
    .gsa-sales-page .custom-featured-products .product-card {
      display: flex; }
      @media (max-width: 768px) {
        .gsa-sales-page .custom-featured-products .product-card {
          flex-direction: column; } }
      .gsa-sales-page .custom-featured-products .product-card .product-image {
        width: 50%;
        background-size: cover;
        background-position: center; }
        @media screen and (max-width: 768px) {
          .gsa-sales-page .custom-featured-products .product-card .product-image {
            width: 100%;
            padding: 20px 0px; } }
        .gsa-sales-page .custom-featured-products .product-card .product-image img {
          width: 100%;
          height: 100%;
          object-fit: cover;
          border-radius: 3px;
          max-height: 427px; }
      .gsa-sales-page .custom-featured-products .product-card .product-content {
        width: 50%;
        padding: 0px 40px 15px; }
        @media screen and (max-width: 768px) {
          .gsa-sales-page .custom-featured-products .product-card .product-content {
            width: 100%;
            padding: 20px 0px; } }
        .gsa-sales-page .custom-featured-products .product-card .product-content .divider {
          height: 1px;
          background: #bdbdbd;
          width: 100%;
          margin: 0px 0px 25px 0; }
        .gsa-sales-page .custom-featured-products .product-card .product-content .product-title {
          font-family: "Aileron", sans-serif;
          font-weight: 400;
          font-size: 36px;
          line-height: 150%;
          color: #292c2b;
          margin: 0 auto; }
        .gsa-sales-page .custom-featured-products .product-card .product-content .product-subtitle {
          font-family: "Aileron", sans-serif;
          font-weight: 400;
          font-size: 15px;
          line-height: 150%;
          color: #292c2b;
          text-align: left;
          margin: 0 auto 25px; }
        .gsa-sales-page .custom-featured-products .product-card .product-content .product-specs {
          margin: 0px 0px 30px;
          padding: 0;
          list-style: none; }
          .gsa-sales-page .custom-featured-products .product-card .product-content .product-specs li {
            color: #292c2b;
            min-height: 37px;
            background-color: #EBEBE9;
            border-bottom: 3px solid #fff;
            display: flex; }
            .gsa-sales-page .custom-featured-products .product-card .product-content .product-specs li span {
              background-color: #E5E5E3 !important;
              min-width: 111px;
              min-height: 37px;
              display: inline-block;
              border-right: 2px solid #fff;
              padding: 6px 15px 8px;
              margin-right: 20px;
              border-bottom-left-radius: 3px;
              border-top-left-radius: 3px;
              font-family: "Aileron", sans-serif;
              font-weight: 400;
              font-size: 15px; }
            .gsa-sales-page .custom-featured-products .product-card .product-content .product-specs li span.span2 {
              background-color: unset !important;
              min-width: unset !important;
              min-height: unset !important;
              padding: 6px 0px 8px;
              border-right: 0;
              border-bottom-right-radius: 3px;
              border-top-right-radius: 3px;
              font-family: "Aileron", sans-serif;
              font-weight: 400;
              font-size: 15px; }
            .gsa-sales-page .custom-featured-products .product-card .product-content .product-specs li:last-child {
              border-bottom: 0; }
        .gsa-sales-page .custom-featured-products .product-card .product-content .shop-button {
          width: 100%;
          max-width: 180px;
          height: 55px;
          text-align: center;
          -ms-flex-line-pack: center;
          align-content: center;
          background: #f36c21;
          border: 1px solid #f36c21;
          border-radius: 3px;
          font-family: "Aileron", sans-serif;
          font-weight: 600;
          font-size: 14px;
          line-height: 100%;
          color: #1f1f1f;
          -webkit-transition: 0.2s all ease;
          transition: 0.2s all ease;
          text-decoration: none;
          display: block; }
          .gsa-sales-page .custom-featured-products .product-card .product-content .shop-button:hover {
            color: #ffffff;
            background-color: #292c2b;
            border: 1px solid #292c2b; }

.support-scrollbar {
  height: 3px;
  background: #EEEEEE;
  border-radius: 2px;
  margin-top: 15px; }

.support-scrollbar .swiper-scrollbar-drag {
  background: #a6a6a6;
  border-radius: 2px; }

@media screen and (max-width: 550px) {
  .body-category .homeCategory-wrap {
    padding: 40px 0; }
  .sizes-available-wrap .custom-container {
    padding: 0; }
  .setup-guide-wrap .custom-container {
    padding: 0; }
  .CategoryTopBannerWrap .CategoryTopBanner .CatBannerText {
    padding: 30px 20px 46px; }
    .CategoryTopBannerWrap .CategoryTopBanner .CatBannerText .breadcrumbs {
      position: absolute;
      top: 0; }
    .CategoryTopBannerWrap .CategoryTopBanner .CatBannerText .CatDescp {
      margin: 0 0 20px 0; }
  .why-celina-wrap .custom-container {
    padding: 0; }
  .our-support-bottom-wrap {
    display: none !important; }
  .our-support-bottom-wrap.mbl {
    cursor: grab;
    padding: 9px 0 50px 0;
    display: block !important; } }

h1,
h2,
h3,
h4,
h5,
h6,
a,
button,
p,
span,
label,
li {
  font-family: "Aileron", sans-serif; }

div#___ratingbadge_0 {
  left: 0 !important;
  right: auto; }

.body-page nav[aria-label="Breadcrumb"] .breadcrumbs {
  text-align: left;
  margin: 12px 0;
  display: block; }
  .body-page nav[aria-label="Breadcrumb"] .breadcrumbs .breadcrumb a {
    color: #1f1f1f;
    font-size: 12px;
    font-weight: 400;
    font-family: "Aileron", sans-serif;
    line-height: 150%;
    text-decoration: none; }
  .body-page nav[aria-label="Breadcrumb"] .breadcrumbs .breadcrumb.is-active a {
    font-weight: 400;
    color: #1f1f1f; }

.page-heading {
  margin: 0 0 20px;
  text-align: left;
  font-size: 30px;
  font-weight: 600;
  color: #1f1f1f; }

.secure-section p, .secure-section ul li {
  color: #292c2b;
  font-size: 16px;
  margin: 0 0 8px 0;
  line-height: 24px;
  text-align: left; }

.secure-section .secure-section-inner h3, .secure-section .secure-section-inner h4 {
  font-size: 30px;
  text-align: left;
  font-weight: 600;
  line-height: normal;
  margin: 0 0 18px 0;
  color: #1f1f1f; }

.pricing-section-inner h3 {
  font-size: 30px;
  text-align: left;
  font-weight: 600;
  line-height: normal;
  margin: 0 0 18px 0;
  color: #1f1f1f; }

.pricing-section-inner p, .pricing-section-inner ul li {
  color: #292c2b;
  font-size: 16px;
  margin: 0 0 8px 0;
  line-height: 24px;
  text-align: left; }

.pricing-section-inner ul {
  list-style: none; }

.pricing-section-inner img {
  margin: 0 0 20px 0; }

.pricing-section-inner .pricing-lists, .pricing-section-inner .pricing-bottom {
  display: flex;
  flex-wrap: wrap;
  gap: 30px;
  margin: 20px 0 0; }
  .pricing-section-inner .pricing-lists ul, .pricing-section-inner .pricing-bottom ul {
    margin: 0;
    width: 100%; }
    @media (min-width: 801px) {
      .pricing-section-inner .pricing-lists ul, .pricing-section-inner .pricing-bottom ul {
        width: calc(50% - 30px); } }

.pricing-section-inner .pricing-bottom p, .pricing-section-inner .pricing-bottom img {
  width: 100%; }
  @media (min-width: 801px) {
    .pricing-section-inner .pricing-bottom p, .pricing-section-inner .pricing-bottom img {
      width: calc(50% - 30px); } }

.inst-manual-cont-inner .inst-top p {
  color: #292c2b;
  font-size: 16px;
  margin: 0 0 8px 0;
  line-height: 24px;
  text-align: left; }

.inst-manual-cont-inner .inst-table {
  margin: 20px 0; }
  .inst-manual-cont-inner .inst-table table {
    width: 100%; }
    .inst-manual-cont-inner .inst-table table .colored-bg {
      background-color: #7e2e2b;
      color: #f2f2f0; }
    .inst-manual-cont-inner .inst-table table tr {
      display: table-row; }
      .inst-manual-cont-inner .inst-table table tr td {
        padding: 2px 6px;
        width: 70%; }
        .inst-manual-cont-inner .inst-table table tr td:nth-child(2n) {
          width: 30%; }
      .inst-manual-cont-inner .inst-table table tr a:hover {
        color: #7e2e2b; }
    .inst-manual-cont-inner .inst-table table .grey-color-bg {
      background-color: #f2f2f0; }

.get-started-cont-inner .gs-top {
  display: flex;
  gap: 30px;
  align-items: center;
  flex-wrap: wrap;
  margin: 60px 0; }
  .get-started-cont-inner .gs-top .left-section {
    width: 100%; }
    @media (min-width: 801px) {
      .get-started-cont-inner .gs-top .left-section {
        width: calc(35% - 30px); } }
    .get-started-cont-inner .gs-top .left-section h1 {
      font-size: 36px;
      text-align: center;
      font-weight: 700;
      line-height: normal;
      margin: 0 0 0px 0;
      color: #1f1f1f; }
    .get-started-cont-inner .gs-top .left-section p {
      color: #292c2b;
      font-size: 18px;
      margin: 0 0 8px 0;
      line-height: 24px;
      text-align: center; }
  .get-started-cont-inner .gs-top .right-section {
    width: 100%;
    position: relative; }
    @media (min-width: 801px) {
      .get-started-cont-inner .gs-top .right-section {
        width: 65%; } }
    .get-started-cont-inner .gs-top .right-section:before {
      position: absolute;
      content: "";
      bottom: -12px;
      min-height: 120px;
      height: 100%;
      width: 3px;
      background-color: #1f1f1f; }
    .get-started-cont-inner .gs-top .right-section h3 {
      color: #292c2b;
      font-size: 24px;
      margin: 0 0 8px 30px;
      line-height: 24px;
      text-align: left; }
    .get-started-cont-inner .gs-top .right-section p {
      color: #292c2b;
      font-size: 20px;
      margin: 0 0 8px 30px;
      line-height: 24px;
      text-align: left; }

.get-started-cont-inner .gs-descrp {
  display: flex;
  justify-content: center;
  align-items: stretch;
  gap: 30px;
  margin: 60px 0;
  flex-wrap: wrap; }
  .get-started-cont-inner .gs-descrp .descrp-img {
    width: 100%; }
    @media (min-width: 801px) {
      .get-started-cont-inner .gs-descrp .descrp-img {
        width: calc(35% - 30px); } }
    .get-started-cont-inner .gs-descrp .descrp-img img {
      height: 100%;
      object-fit: cover;
      object-position: center;
      width: 100%;
      vertical-align: middle;
      max-height: 250px; }
  .get-started-cont-inner .gs-descrp .descrp-outer {
    background: #f2f2f0;
    padding: 20px;
    width: 100%; }
    @media (min-width: 801px) {
      .get-started-cont-inner .gs-descrp .descrp-outer {
        width: 65%; } }
    .get-started-cont-inner .gs-descrp .descrp-outer h3 {
      font-size: 20px;
      text-align: left;
      font-weight: 700;
      line-height: normal;
      margin: 16px 0;
      color: #292c2b; }
    .get-started-cont-inner .gs-descrp .descrp-outer p {
      color: #292c2b;
      font-size: 16px;
      margin: 0 0 8px 0;
      line-height: 24px;
      text-align: left; }

.get-started-cont-inner .gs-two-col-section {
  display: flex;
  justify-content: space-between;
  align-items: stretch;
  flex-wrap: wrap;
  gap: 30px;
  margin: 30px 0; }
  .get-started-cont-inner .gs-two-col-section .box {
    width: 100%;
    background: #f2f2f0;
    padding: 20px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column; }
    @media (min-width: 801px) {
      .get-started-cont-inner .gs-two-col-section .box {
        width: calc(50% - 20px); } }
    .get-started-cont-inner .gs-two-col-section .box h3 {
      font-size: 20px;
      text-align: left;
      font-weight: 700;
      line-height: normal;
      margin: 16px 0;
      color: #292c2b; }
    .get-started-cont-inner .gs-two-col-section .box .box-inner {
      display: flex;
      justify-content: center;
      align-items: center;
      gap: 20px; }
      .get-started-cont-inner .gs-two-col-section .box .box-inner img {
        width: 50%; }
    .get-started-cont-inner .gs-two-col-section .box .box-col {
      display: flex;
      flex-direction: column;
      gap: 20px;
      margin: 20px 0 0; }
      .get-started-cont-inner .gs-two-col-section .box .box-col a {
        font-size: 16px;
        text-align: left;
        font-weight: 400;
        line-height: normal;
        margin: 0 0 10px 0;
        color: #292c2b; }
        .get-started-cont-inner .gs-two-col-section .box .box-col a:hover {
          color: #7e2e2b; }
      .get-started-cont-inner .gs-two-col-section .box .box-col ul {
        margin: 0;
        list-style: none; }
        .get-started-cont-inner .gs-two-col-section .box .box-col ul p {
          font-size: 16px;
          text-align: left;
          font-weight: 400;
          line-height: normal;
          margin: 0 0 10px 0;
          color: #292c2b; }
        .get-started-cont-inner .gs-two-col-section .box .box-col ul li {
          font-size: 16px;
          text-align: left;
          font-weight: 400;
          line-height: normal;
          margin: 0 0 6px 0;
          color: #292c2b;
          position: relative;
          padding: 0 0 0 30px; }
          .get-started-cont-inner .gs-two-col-section .box .box-col ul li:before {
            position: absolute;
            content: "";
            height: 6px;
            width: 6px;
            border-radius: 100%;
            background-color: #292c2b;
            top: 6px;
            left: 10px; }

.get-started-cont-inner .three-col-section {
  display: flex;
  justify-content: center;
  align-items: stretch;
  gap: 30px;
  flex-wrap: wrap;
  margin: 0 0 30px; }
  .get-started-cont-inner .three-col-section .box {
    padding: 20px 15px;
    width: 100%;
    background-color: #f2f2f0;
    /* text-align: center; */ }
    @media (min-width: 801px) {
      .get-started-cont-inner .three-col-section .box {
        width: calc(33.3% - 20px); } }
    .get-started-cont-inner .three-col-section .box h3 {
      color: #292c2b;
      font-size: 24px;
      margin: 14px 0;
      line-height: 24px;
      text-align: center; }
    .get-started-cont-inner .three-col-section .box p {
      color: #292c2b;
      font-size: 14px;
      margin: 0 0 8px 0;
      line-height: 24px;
      text-align: left; }

.get-started-cont-inner .gs-feat-section {
  padding: 0;
  display: flex;
  justify-content: center;
  align-items: stretch;
  background: #f2f2f0;
  flex-wrap: wrap;
  gap: 30px; }
  .get-started-cont-inner .gs-feat-section .feat-img {
    width: 100%; }
    @media (min-width: 801px) {
      .get-started-cont-inner .gs-feat-section .feat-img {
        width: calc(75% - 30px); } }
    .get-started-cont-inner .gs-feat-section .feat-img img {
      width: 100%;
      height: 100%;
      object-fit: cover;
      object-position: center; }
  .get-started-cont-inner .gs-feat-section .feat-content {
    width: 100%;
    padding: 10px 10px 10px 0; }
    @media (min-width: 801px) {
      .get-started-cont-inner .gs-feat-section .feat-content {
        width: 25%; } }
    .get-started-cont-inner .gs-feat-section .feat-content h4 {
      color: #292c2b;
      font-size: 20px;
      margin: 14px 0;
      line-height: 24px;
      text-align: left; }
    .get-started-cont-inner .gs-feat-section .feat-content ul {
      margin: 0;
      list-style: none; }
      .get-started-cont-inner .gs-feat-section .feat-content ul li {
        font-size: 14px;
        text-align: left;
        font-weight: 400;
        line-height: normal;
        margin: 0 0 6px 0;
        color: #292c2b;
        position: relative;
        padding: 0 0 0 30px; }
        .get-started-cont-inner .gs-feat-section .feat-content ul li:before {
          position: absolute;
          content: "";
          height: 6px;
          width: 6px;
          border-radius: 100%;
          background-color: #292c2b;
          top: 6px;
          left: 10px; }
    .get-started-cont-inner .gs-feat-section .feat-content p {
      color: #292c2b;
      font-size: 14px;
      margin: 0 0 8px 0;
      line-height: 24px;
      text-align: left; }

.get-started-cont-inner .gs-guide-section {
  margin: 0 0 30px; }
  .get-started-cont-inner .gs-guide-section h2 {
    color: #1f1f1f;
    font-size: 28px;
    margin: 20px 0;
    line-height: 32px;
    text-align: center; }
  .get-started-cont-inner .gs-guide-section p {
    color: #292c2b;
    font-size: 14px;
    margin: 0 0 8px 0;
    line-height: 24px;
    text-align: center; }
  .get-started-cont-inner .gs-guide-section a {
    color: #292c2b;
    font-size: 14px; }
    .get-started-cont-inner .gs-guide-section a:hover {
      color: #7e2e2b; }

.get-started-cont-inner .gs-artwork {
  margin: 50px 0 30px; }
  .get-started-cont-inner .gs-artwork h2 {
    color: #1f1f1f;
    font-size: 28px;
    margin: 20px 0;
    line-height: 32px;
    text-align: center; }
  .get-started-cont-inner .gs-artwork .gs-artwork-inner {
    display: flex;
    justify-content: center;
    align-items: stretch;
    gap: 30px;
    flex-wrap: wrap;
    margin: 20px 0 0; }
    .get-started-cont-inner .gs-artwork .gs-artwork-inner .artwork-box {
      width: 100%; }
      @media (min-width: 801px) {
        .get-started-cont-inner .gs-artwork .gs-artwork-inner .artwork-box {
          width: calc(50% - 15px); } }
      .get-started-cont-inner .gs-artwork .gs-artwork-inner .artwork-box h4 {
        color: #292c2b;
        font-size: 20px;
        margin: 14px 0;
        line-height: 24px;
        text-align: left; }
      .get-started-cont-inner .gs-artwork .gs-artwork-inner .artwork-box p {
        color: #292c2b;
        font-size: 14px;
        margin: 0 0 8px 0;
        line-height: 24px;
        text-align: left; }

.aboutus-cont-inner .about-us-top {
  display: flex;
  gap: 30px;
  align-items: center;
  flex-wrap: wrap;
  margin: 60px 0; }
  .aboutus-cont-inner .about-us-top .left-section {
    width: 100%; }
    @media (min-width: 801px) {
      .aboutus-cont-inner .about-us-top .left-section {
        width: calc(35% - 30px); } }
    .aboutus-cont-inner .about-us-top .left-section h1 {
      font-size: 36px;
      text-align: center;
      font-weight: 700;
      line-height: normal;
      margin: 0 0 0px 0;
      color: #1f1f1f; }
    .aboutus-cont-inner .about-us-top .left-section p {
      color: #292c2b;
      font-size: 24px;
      margin: 0 0 8px 0;
      line-height: 24px;
      text-align: center; }
  .aboutus-cont-inner .about-us-top .right-section {
    width: 100%;
    position: relative; }
    @media (min-width: 801px) {
      .aboutus-cont-inner .about-us-top .right-section {
        width: 65%; } }
    .aboutus-cont-inner .about-us-top .right-section::before {
      position: absolute;
      content: "";
      bottom: -12px;
      min-height: 120px;
      height: 100%;
      width: 3px;
      background-color: #1f1f1f; }
    .aboutus-cont-inner .about-us-top .right-section p {
      color: #292c2b;
      font-size: 24px;
      margin: 0 0 8px 30px;
      line-height: 24px;
      text-align: left; }

.aboutus-cont-inner .aboutus-descrp {
  display: flex;
  justify-content: center;
  align-items: stretch;
  gap: 30px;
  margin: 60px 0;
  flex-wrap: wrap; }
  .aboutus-cont-inner .aboutus-descrp .descrp-img {
    width: 100%; }
    @media (min-width: 801px) {
      .aboutus-cont-inner .aboutus-descrp .descrp-img {
        width: calc(35% - 30px); } }
    .aboutus-cont-inner .aboutus-descrp .descrp-img img {
      height: 100%;
      object-fit: cover;
      object-position: center; }
  .aboutus-cont-inner .aboutus-descrp .descrp-outer {
    background: #f2f2f0;
    padding: 20px;
    width: 100%; }
    @media (min-width: 801px) {
      .aboutus-cont-inner .aboutus-descrp .descrp-outer {
        width: 65%; } }
    .aboutus-cont-inner .aboutus-descrp .descrp-outer h3 {
      font-size: 20px;
      text-align: left;
      font-weight: 700;
      line-height: normal;
      margin: 16px 0;
      color: #292c2b; }
    .aboutus-cont-inner .aboutus-descrp .descrp-outer p {
      color: #292c2b;
      font-size: 16px;
      margin: 0 0 8px 0;
      line-height: 24px;
      text-align: left; }

.aboutus-cont-inner .aboutUs-slider .aboutUs-slide {
  padding: 20px;
  text-align: center; }
  .aboutus-cont-inner .aboutUs-slider .aboutUs-slide span {
    font-size: 36px;
    text-align: center;
    font-weight: 700;
    display: inline-block;
    line-height: normal;
    margin: 0 0 16px 0;
    color: #1f1f1f; }
  .aboutus-cont-inner .aboutUs-slider .aboutUs-slide p {
    max-width: 350px;
    color: #292c2b;
    font-size: 16px;
    margin: 0 auto 8px auto;
    line-height: 24px; }

.aboutus-cont-inner .aboutUs-slider .slick-prev {
  left: 0; }

.aboutus-cont-inner .aboutUs-slider .slick-next {
  right: 15px; }

.aboutus-cont-inner .aboutUs-slider .slick-next,
.aboutus-cont-inner .aboutUs-slider .slick-prev {
  background-color: transparent;
  border: transparent;
  height: 24px;
  width: 24px;
  z-index: 1; }
  .aboutus-cont-inner .aboutUs-slider .slick-next::before,
  .aboutus-cont-inner .aboutUs-slider .slick-prev::before {
    height: 24px;
    width: 24px; }

.aboutus-cont-inner .two-col-section {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  gap: 30px;
  margin: 30px 0; }
  .aboutus-cont-inner .two-col-section .box {
    width: 100%;
    background: #f2f2f0;
    padding: 20px; }
    @media (min-width: 801px) {
      .aboutus-cont-inner .two-col-section .box {
        width: calc(50% - 20px); } }
    .aboutus-cont-inner .two-col-section .box h3 {
      font-size: 20px;
      text-align: left;
      font-weight: 700;
      line-height: normal;
      margin: 16px 0;
      color: #292c2b; }
    .aboutus-cont-inner .two-col-section .box p {
      color: #292c2b;
      font-size: 16px;
      margin: 0 0 14px 0;
      line-height: 24px;
      text-align: left; }
    .aboutus-cont-inner .two-col-section .box ul {
      list-style: none; }
      .aboutus-cont-inner .two-col-section .box ul li {
        position: relative;
        padding: 0 0 0 20px;
        margin: 0 0 6px 0; }
        .aboutus-cont-inner .two-col-section .box ul li:before {
          position: absolute;
          content: "";
          height: 6px;
          width: 6px;
          border-radius: 100%;
          background-color: #292c2b;
          top: 8px;
          left: 0; }

.aboutus-cont-inner .aboutus-celina-section {
  margin: 0 20px 30px 20px; }
  .aboutus-cont-inner .aboutus-celina-section h3 {
    font-size: 24px;
    text-align: left;
    font-weight: 700;
    line-height: 24px;
    margin: 16px 0;
    color: #292c2b; }
  .aboutus-cont-inner .aboutus-celina-section p {
    color: #292c2b;
    font-size: 16px;
    margin: 0 0 8px 0;
    line-height: 24px;
    text-align: left; }

.inst-cont-inner .inst-section-outer p {
  text-align: left !important; }

.inst-cont-inner .inst-section-outer .inst-section-top {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  flex-wrap: wrap;
  gap: 20px;
  background: #f2f2f0; }
  .inst-cont-inner .inst-section-outer .inst-section-top .inst-content {
    width: 100%;
    padding: 30px; }
    @media (min-width: 801px) {
      .inst-cont-inner .inst-section-outer .inst-section-top .inst-content {
        padding: 40px 50px;
        width: calc(45% - 20px); } }
    .inst-cont-inner .inst-section-outer .inst-section-top .inst-content h1 {
      font-size: 32px;
      text-align: left;
      font-weight: 500;
      line-height: 42px;
      margin: 0 0 16px 0;
      color: #292c2b; }
    .inst-cont-inner .inst-section-outer .inst-section-top .inst-content p {
      color: #292c2b;
      font-size: 18px;
      margin: 0 0 8px 0;
      line-height: 24px;
      text-align: left; }
    .inst-cont-inner .inst-section-outer .inst-section-top .inst-content img {
      max-width: 200px; }
  .inst-cont-inner .inst-section-outer .inst-section-top .inst-img {
    width: 100%; }
    @media (min-width: 801px) {
      .inst-cont-inner .inst-section-outer .inst-section-top .inst-img {
        width: calc(55% - 20px); } }
    .inst-cont-inner .inst-section-outer .inst-section-top .inst-img img {
      width: 100%;
      max-width: 100%;
      min-height: 340px; }

.inst-cont-inner .inst-section-outer .affirm-section {
  margin: 40px 0; }
  .inst-cont-inner .inst-section-outer .affirm-section h2 {
    font-size: 26px;
    text-align: center;
    font-weight: 500;
    line-height: 42px;
    margin: 0 0 20px 0;
    color: #292c2b; }
  .inst-cont-inner .inst-section-outer .affirm-section ol {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    gap: 20px; }
    .inst-cont-inner .inst-section-outer .affirm-section ol li {
      width: 100%;
      text-align: center;
      display: flex;
      flex-direction: column;
      align-items: center;
      max-width: 100%;
      font-size: 16px;
      text-align: left;
      font-weight: 500;
      margin: 0 0 16px 0;
      color: #292c2b; }
      @media (min-width: 801px) {
        .inst-cont-inner .inst-section-outer .affirm-section ol li {
          width: calc(33.3% - 20px);
          max-width: 360px; } }
      .inst-cont-inner .inst-section-outer .affirm-section ol li strong {
        font-size: 20px;
        text-align: left;
        line-height: 42px;
        margin: 0 0 16px 0;
        color: #292c2b; }

.inst-cont-inner .inst-section-outer .affirm-bottom-section {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  flex-wrap: wrap;
  gap: 30px;
  background: #f2f2f0;
  padding: 20px; }
  @media (min-width: 801px) {
    .inst-cont-inner .inst-section-outer .affirm-bottom-section {
      padding: 40px; } }
  .inst-cont-inner .inst-section-outer .affirm-bottom-section .content-box {
    width: 100%; }
    @media (min-width: 801px) {
      .inst-cont-inner .inst-section-outer .affirm-bottom-section .content-box {
        width: calc(50% - 20px); } }
    .inst-cont-inner .inst-section-outer .affirm-bottom-section .content-box h2 {
      font-size: 26px;
      text-align: left;
      font-weight: 500;
      line-height: 42px;
      margin: 0 0 20px 0;
      color: #292c2b; }
    .inst-cont-inner .inst-section-outer .affirm-bottom-section .content-box p {
      color: #292c2b;
      font-size: 18px;
      margin: 0 0 8px 0;
      line-height: 24px;
      text-align: left; }
    .inst-cont-inner .inst-section-outer .affirm-bottom-section .content-box ul {
      margin: 0;
      display: flex;
      justify-content: space-between;
      gap: 20px;
      flex-direction: column;
      list-style: none; }
      .inst-cont-inner .inst-section-outer .affirm-bottom-section .content-box ul li {
        width: 100%;
        display: flex;
        flex-direction: column;
        max-width: 100%;
        font-size: 14px;
        font-weight: 500;
        color: #292c2b; }
        .inst-cont-inner .inst-section-outer .affirm-bottom-section .content-box ul li strong {
          font-size: 16px;
          text-align: left;
          margin: 0 0 6px 0;
          color: #292c2b; }

.inst-cont-inner .inst-section-outer .affirm-para {
  margin: 20px 0; }
  .inst-cont-inner .inst-section-outer .affirm-para p {
    color: #292c2b;
    font-size: 16px;
    margin: 0 0;
    text-align: center; }

.inst-cont-inner .inst-section-outer .affirm-faqs {
  margin: 30px 0; }
  .inst-cont-inner .inst-section-outer .affirm-faqs h2 {
    font-size: 26px;
    text-align: center;
    font-weight: 600;
    line-height: 42px;
    margin: 0 0 16px 0;
    color: #292c2b; }
  .inst-cont-inner .inst-section-outer .affirm-faqs .faq-box h3 {
    font-size: 18px;
    text-align: left;
    font-weight: 500;
    line-height: 36px;
    margin: 10px 0 6px 0;
    color: #292c2b; }
  .inst-cont-inner .inst-section-outer .affirm-faqs .faq-box p {
    color: #292c2b;
    font-size: 16px;
    margin: 0 0;
    text-align: left; }

.payment-cont-inner .payment-section-outer .py-section-top {
  display: flex;
  flex-wrap: wrap;
  gap: 30px; }
  .payment-cont-inner .payment-section-outer .py-section-top p {
    color: #292c2b;
    font-size: 16px;
    margin: 0 0 8px 0;
    line-height: 24px;
    text-align: left;
    width: 100%; }
    @media (min-width: 551px) {
      .payment-cont-inner .payment-section-outer .py-section-top p {
        width: calc(60% - 32px); } }
  .payment-cont-inner .payment-section-outer .py-section-top ul {
    width: 100%; }
    @media (min-width: 551px) {
      .payment-cont-inner .payment-section-outer .py-section-top ul {
        width: calc(20% - 32px); } }

.payment-cont-inner .payment-section-outer .py-section-cards {
  display: flex;
  justify-content: space-between;
  gap: 30px;
  flex-wrap: wrap;
  align-items: stretch;
  margin: 30px 0; }
  .payment-cont-inner .payment-section-outer .py-section-cards .py-card {
    width: 100%;
    padding: 20px;
    background: #f2f2f0; }
    @media (min-width: 551px) {
      .payment-cont-inner .payment-section-outer .py-section-cards .py-card {
        width: calc(50% - 20px); } }
    @media (min-width: 801px) {
      .payment-cont-inner .payment-section-outer .py-section-cards .py-card {
        width: calc(33.3% - 20px); } }
    .payment-cont-inner .payment-section-outer .py-section-cards .py-card h2 {
      font-size: 22px;
      text-align: left;
      font-weight: 500;
      line-height: 24px;
      margin: 0 0 16px 0;
      color: #292c2b; }
    .payment-cont-inner .payment-section-outer .py-section-cards .py-card p {
      color: #292c2b;
      font-size: 16px;
      margin: 0 0 24px 0;
      line-height: 24px;
      text-align: left; }
    .payment-cont-inner .payment-section-outer .py-section-cards .py-card a {
      color: #292c2b;
      font-size: 16px;
      line-height: 24px;
      text-align: left;
      font-weight: 600;
      display: block;
      margin: 0 0 4px 0; }
      .payment-cont-inner .payment-section-outer .py-section-cards .py-card a:hover {
        color: #7e2e2b; }
    .payment-cont-inner .payment-section-outer .py-section-cards .py-card span {
      display: inline-block; }
      .payment-cont-inner .payment-section-outer .py-section-cards .py-card span a {
        display: inline;
        font-weight: 600; }
        .payment-cont-inner .payment-section-outer .py-section-cards .py-card span a:hover {
          color: #7e2e2b; }
    .payment-cont-inner .payment-section-outer .py-section-cards .py-card .affirm-card-img img {
      max-width: 50px;
      width: 100%; }
    .payment-cont-inner .payment-section-outer .py-section-cards .py-card .py-card-imgs {
      display: flex;
      justify-content: left;
      align-items: center;
      gap: 20px 40px;
      flex-wrap: wrap;
      margin: 25px 25px 0; }
      .payment-cont-inner .payment-section-outer .py-section-cards .py-card .py-card-imgs img {
        max-width: 50px;
        width: 100%; }

.contact-cont-inner .contact-section-outer .contact-section-inner {
  display: flex;
  justify-content: space-between;
  gap: 30px;
  margin: 30px 0;
  flex-wrap: wrap; }
  .contact-cont-inner .contact-section-outer .contact-section-inner .contact-info,
  .contact-cont-inner .contact-section-outer .contact-section-inner .contact-form {
    width: 100%;
    background: #f2f2f0;
    padding: 20px; }
    @media (min-width: 801px) {
      .contact-cont-inner .contact-section-outer .contact-section-inner .contact-info,
      .contact-cont-inner .contact-section-outer .contact-section-inner .contact-form {
        width: calc(50% - 20px); } }
    .contact-cont-inner .contact-section-outer .contact-section-inner .contact-info h2,
    .contact-cont-inner .contact-section-outer .contact-section-inner .contact-form h2 {
      font-size: 22px;
      text-align: left;
      font-weight: 500;
      line-height: 24px;
      margin: 0 0 16px 0;
      color: #292c2b; }
    .contact-cont-inner .contact-section-outer .contact-section-inner .contact-info p,
    .contact-cont-inner .contact-section-outer .contact-section-inner .contact-form p {
      color: #292c2b;
      font-size: 14px;
      margin: 0 0 14px 0;
      line-height: 20px;
      text-align: left; }
    .contact-cont-inner .contact-section-outer .contact-section-inner .contact-info ul,
    .contact-cont-inner .contact-section-outer .contact-section-inner .contact-form ul {
      list-style: none;
      margin: 0; }
      .contact-cont-inner .contact-section-outer .contact-section-inner .contact-info ul li,
      .contact-cont-inner .contact-section-outer .contact-section-inner .contact-form ul li {
        margin: 0 0 8px 0;
        color: #292c2b;
        font-size: 14px;
        line-height: 20px;
        text-align: left; }
    .contact-cont-inner .contact-section-outer .contact-section-inner .contact-info form,
    .contact-cont-inner .contact-section-outer .contact-section-inner .contact-form form {
      display: flex;
      flex-direction: column;
      gap: 10px;
      align-items: stretch; }
      .contact-cont-inner .contact-section-outer .contact-section-inner .contact-info form label.checkbox,
      .contact-cont-inner .contact-section-outer .contact-section-inner .contact-form form label.checkbox {
        display: flex;
        gap: 5px;
        align-items: flex-start; }
      .contact-cont-inner .contact-section-outer .contact-section-inner .contact-info form input[type="checkbox"],
      .contact-cont-inner .contact-section-outer .contact-section-inner .contact-form form input[type="checkbox"] {
        appearance: none;
        -webkit-appearance: none;
        -moz-appearance: none;
        min-width: 20px;
        min-height: 20px;
        border: 1px solid #000;
        background: #fff;
        cursor: pointer;
        transition: all 250ms ease;
        display: flex;
        align-items: center;
        justify-content: center;
        margin-right: 8px; }
      .contact-cont-inner .contact-section-outer .contact-section-inner .contact-info form input[type="checkbox"]:checked,
      .contact-cont-inner .contact-section-outer .contact-section-inner .contact-form form input[type="checkbox"]:checked {
        background-color: #fff;
        border-color: #000; }
      .contact-cont-inner .contact-section-outer .contact-section-inner .contact-info form input[type="checkbox"]:checked::after,
      .contact-cont-inner .contact-section-outer .contact-section-inner .contact-form form input[type="checkbox"]:checked::after {
        content: "";
        height: 16px;
        width: 16px;
        background-color: #000;
        font-size: 14px; }
      .contact-cont-inner .contact-section-outer .contact-section-inner .contact-info form .submit-btn,
      .contact-cont-inner .contact-section-outer .contact-section-inner .contact-form form .submit-btn {
        width: 95%;
        max-width: 180px;
        height: 55px;
        font-family: Aileron, sans-serif;
        font-weight: 600;
        font-size: 14px;
        line-height: 100% 14px;
        color: #43342a;
        display: inline-flex;
        text-decoration: none;
        background: #f36c21;
        border-width: 1px;
        border-style: solid;
        border-color: #f36c21;
        border-image: initial;
        transition: 0.2s;
        justify-content: center;
        align-items: center; }
        .contact-cont-inner .contact-section-outer .contact-section-inner .contact-info form .submit-btn:hover,
        .contact-cont-inner .contact-section-outer .contact-section-inner .contact-form form .submit-btn:hover {
          background-color: #fff;
          border-bottom-color: #43342a;
          border-left-color: #43342a;
          border-right-color: #43342a;
          border-top-color: #43342a; }

.contact-cont-inner .contact-section-outer .account-managers {
  display: flex;
  flex-wrap: wrap;
  gap: 30px;
  margin: 30px 0; }
  .contact-cont-inner .contact-section-outer .account-managers h2 {
    width: 100%;
    font-size: 24px;
    text-align: left;
    font-weight: 500;
    line-height: 28px;
    margin: 0 0 16px 0;
    color: #292c2b; }
  .contact-cont-inner .contact-section-outer .account-managers .manager-card {
    width: 100%;
    background-color: #f2f2f0;
    padding: 20px; }
    @media (min-width: 801px) {
      .contact-cont-inner .contact-section-outer .account-managers .manager-card {
        width: calc(33.3% - 20px); } }
    .contact-cont-inner .contact-section-outer .account-managers .manager-card h3 {
      font-size: 20px;
      text-align: left;
      font-weight: 500;
      line-height: 28px;
      margin: 0 0 8px 0;
      color: #292c2b; }
    .contact-cont-inner .contact-section-outer .account-managers .manager-card p.sales {
      color: #f36c21; }
    .contact-cont-inner .contact-section-outer .account-managers .manager-card p strong {
      color: #292c2b; }
    .contact-cont-inner .contact-section-outer .account-managers .manager-card p {
      color: #292c2b;
      font-size: 14px;
      margin: 0 0 4px 0;
      line-height: 20px;
      text-align: left; }

.terms-cont-inner .terms-section-outer {
  margin: 0 0 30px; }
  .terms-cont-inner .terms-section-outer .terms-section-top p {
    color: #292c2b;
    font-size: 14px;
    margin: 0 0 20px 0;
    line-height: 24px;
    text-align: left; }
  .terms-cont-inner .terms-section-outer .terms-grid {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 45px 30px;
    margin: 30px 0 0; }
    .terms-cont-inner .terms-section-outer .terms-grid .terms-box.term-full-box {
      width: 100%; }
    .terms-cont-inner .terms-section-outer .terms-grid .terms-box {
      width: 100%; }
      @media (min-width: 801px) {
        .terms-cont-inner .terms-section-outer .terms-grid .terms-box {
          width: calc(50% - 20px); } }
      .terms-cont-inner .terms-section-outer .terms-grid .terms-box h3 {
        font-size: 22px;
        text-align: left;
        font-weight: 500;
        line-height: 20px;
        margin: 0 0 16px 0;
        color: #292c2b; }
      .terms-cont-inner .terms-section-outer .terms-grid .terms-box p {
        color: #292c2b;
        font-size: 14px;
        margin: 0 0 16px 0;
        line-height: 24px;
        text-align: left; }
      .terms-cont-inner .terms-section-outer .terms-grid .terms-box .terms-link {
        width: 95%;
        max-width: 230px;
        height: 55px;
        font-family: Aileron, sans-serif;
        font-weight: 600;
        font-size: 14px;
        line-height: 100% 14px;
        color: #1f1f1f;
        display: inline-flex;
        text-decoration: none;
        background: #f36c21;
        border-width: 1px;
        border-style: solid;
        border-color: #f36c21;
        border-image: initial;
        transition: 0.2s;
        justify-content: center;
        align-items: center; }
        .terms-cont-inner .terms-section-outer .terms-grid .terms-box .terms-link:hover {
          background-color: #fff;
          border-bottom-color: #43342a;
          border-left-color: #43342a;
          border-right-color: #43342a;
          border-top-color: #43342a; }

.support-cont-inner .support-info-section {
  display: flex;
  gap: 30px;
  justify-content: space-between;
  align-items: stretch;
  flex-wrap: wrap;
  margin: 0 0 30px; }
  .support-cont-inner .support-info-section .info-box {
    background: #f2f2f0;
    width: 100%; }
    @media (min-width: 801px) {
      .support-cont-inner .support-info-section .info-box {
        width: calc(33.3% - 20px); } }
    .support-cont-inner .support-info-section .info-box img {
      width: 100%; }
    .support-cont-inner .support-info-section .info-box .info-content {
      padding: 20px; }
      .support-cont-inner .support-info-section .info-box .info-content h2 {
        font-size: 22px;
        text-align: left;
        font-weight: 500;
        line-height: 24px;
        margin: 0 0 16px 0;
        color: #292c2b; }
      .support-cont-inner .support-info-section .info-box .info-content ul {
        list-style: none;
        margin: 0; }
        .support-cont-inner .support-info-section .info-box .info-content ul li a {
          color: #292c2b;
          font-size: 14px;
          line-height: 24px;
          text-align: left;
          display: block;
          margin: 0 0 2px 0; }
        .support-cont-inner .support-info-section .info-box .info-content ul li:hover a {
          font-weight: 600;
          color: #7e2e2b; }

.test-cont-inner .test-section .test-top-section p {
  color: #292c2b;
  font-size: 14px;
  margin: 0 0 14px 0;
  line-height: 20px;
  text-align: left; }

.test-cont-inner .test-section .test-top-section h3 {
  font-size: 22px;
  text-align: left;
  font-weight: 500;
  line-height: 20px;
  margin: 16px 0;
  color: #292c2b; }

.test-cont-inner .test-section .test-top-section .test-video {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 30px;
  flex-wrap: wrap;
  margin: 30px 0; }
  .test-cont-inner .test-section .test-top-section .test-video p {
    width: 100%; }
    @media (min-width: 801px) {
      .test-cont-inner .test-section .test-top-section .test-video p {
        width: calc(50% - 25px); } }
  .test-cont-inner .test-section .test-top-section .test-video iframe {
    height: 100%;
    min-height: 355px;
    width: 100%; }
    @media (min-width: 801px) {
      .test-cont-inner .test-section .test-top-section .test-video iframe {
        width: calc(50% - 25px); } }

.test-cont-inner .test-section .test-top-section .testimonials {
  margin: 0 0 30px; }
  .test-cont-inner .test-section .test-top-section .testimonials .test-box {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 30px;
    flex-wrap: wrap; }
    .test-cont-inner .test-section .test-top-section .testimonials .test-box p {
      width: 100%; }
      @media (min-width: 801px) {
        .test-cont-inner .test-section .test-top-section .testimonials .test-box p {
          width: calc(50% - 25px); } }
    .test-cont-inner .test-section .test-top-section .testimonials .test-box img {
      width: 100%; }
      @media (min-width: 801px) {
        .test-cont-inner .test-section .test-top-section .testimonials .test-box img {
          width: calc(50% - 25px);
          max-width: 450px;
          margin: 0 auto; } }
  .test-cont-inner .test-section .test-top-section .testimonials .test-box.test-box-full p {
    width: 100%; }

.customer-cont-inner .customer-section .customer-assistance {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  flex-wrap: wrap;
  gap: 30px;
  margin: 40px 0;
  background-color: #f2f2f0; }
  .customer-cont-inner .customer-section .customer-assistance .assistance-text {
    width: 100%;
    padding: 20px; }
    @media (min-width: 801px) {
      .customer-cont-inner .customer-section .customer-assistance .assistance-text {
        width: calc(50% - 25px); } }
    .customer-cont-inner .customer-section .customer-assistance .assistance-text h2 {
      font-size: 36px;
      text-align: left;
      font-weight: 500;
      line-height: 36px;
      margin: 20px 0;
      padding: 0 0 24px 0;
      color: #1f1f1f;
      border-bottom: 1px solid #1f1f1f; }
    .customer-cont-inner .customer-section .customer-assistance .assistance-text p {
      color: #292c2b;
      font-size: 14px;
      margin: 0 0 16px 0;
      line-height: 24px;
      text-align: left; }
    .customer-cont-inner .customer-section .customer-assistance .assistance-text a.cust-btn {
      margin: 30px 0;
      width: 95%;
      max-width: 230px;
      height: 55px;
      font-family: Aileron, sans-serif;
      font-weight: 600;
      font-size: 14px;
      line-height: 100% 14px;
      color: #1f1f1f;
      display: inline-flex;
      text-decoration: none;
      background: #f36c21;
      border-width: 1px;
      border-style: solid;
      border-color: #f36c21;
      border-image: initial;
      transition: 0.2s;
      justify-content: center;
      align-items: center; }
      .customer-cont-inner .customer-section .customer-assistance .assistance-text a.cust-btn:hover {
        background-color: #fff;
        border-bottom-color: #43342a;
        border-left-color: #43342a;
        border-right-color: #43342a;
        border-top-color: #43342a; }
  .customer-cont-inner .customer-section .customer-assistance .assistance-image {
    width: 100%; }
    @media (min-width: 801px) {
      .customer-cont-inner .customer-section .customer-assistance .assistance-image {
        width: calc(50% - 25px); } }

.customer-cont-inner .customer-section .support-links {
  display: flex;
  justify-content: space-between;
  align-items: stretch;
  gap: 30px;
  flex-wrap: wrap;
  margin: 0 0 40px; }
  .customer-cont-inner .customer-section .support-links .support-category {
    background-color: #f2f2f0;
    padding: 20px;
    width: 100%; }
    @media (min-width: 801px) {
      .customer-cont-inner .customer-section .support-links .support-category {
        width: calc(33.3% - 25px); } }
    .customer-cont-inner .customer-section .support-links .support-category h2 {
      font-size: 22px;
      text-align: left;
      font-weight: 500;
      line-height: 28px;
      margin: 0 0 16px 0;
      color: #292c2b; }
    .customer-cont-inner .customer-section .support-links .support-category ul {
      list-style: none;
      margin: 0; }
      .customer-cont-inner .customer-section .support-links .support-category ul li {
        margin: 0 0 6px 0; }
        .customer-cont-inner .customer-section .support-links .support-category ul li a:hover {
          color: #7e2e2b; }

.customer-cont-inner .customer-section .testimonials-cta {
  position: relative;
  margin: 0 0 30px; }
  .customer-cont-inner .customer-section .testimonials-cta img {
    height: 400px;
    object-position: center;
    object-fit: cover; }
    @media (min-width: 801px) {
      .customer-cont-inner .customer-section .testimonials-cta img {
        height: 300px; } }
  .customer-cont-inner .customer-section .testimonials-cta .cta-content {
    position: absolute;
    top: 0;
    right: 0;
    padding: 30px; }
    .customer-cont-inner .customer-section .testimonials-cta .cta-content h3 {
      font-size: 36px;
      max-width: 580px;
      text-align: left;
      font-weight: 500;
      line-height: 42px;
      margin: 0 0 26px 0;
      color: #f2f2f0;
      border-bottom: 1px solid #f2f2f0;
      padding: 0 0 20px 0; }
    .customer-cont-inner .customer-section .testimonials-cta .cta-content a {
      width: 95%;
      max-width: 180px;
      height: 55px;
      font-family: Aileron, sans-serif;
      font-weight: 600;
      font-size: 14px;
      line-height: 100% 14px;
      color: #fdece2;
      display: inline-flex;
      text-decoration: none;
      background: #f36c21;
      border-width: 1px;
      border-style: solid;
      border-color: #f36c21;
      border-image: initial;
      transition: 0.2s;
      justify-content: center;
      align-items: center; }
      .customer-cont-inner .customer-section .testimonials-cta .cta-content a:hover {
        color: #000;
        background-color: #fff;
        border-bottom-color: #43342a;
        border-left-color: #43342a;
        border-right-color: #43342a;
        border-top-color: #43342a; }

.access-cont-inner .access-section {
  margin: 0 0 30px; }
  .access-cont-inner .access-section h4 {
    color: #292c2b;
    font-size: 20px;
    margin: 0 0 16px 0;
    line-height: 24px;
    font-weight: 600;
    text-align: left; }
  .access-cont-inner .access-section p {
    color: #292c2b;
    font-size: 14px;
    margin: 0 0 16px 0;
    line-height: 24px;
    text-align: left; }
    .access-cont-inner .access-section p span {
      display: block;
      color: #292c2b;
      font-size: 20px;
      font-weight: 600;
      margin: 0 0 6px 0;
      line-height: 24px;
      text-align: left; }
  .access-cont-inner .access-section ul {
    list-style: none;
    margin: 0 0 16px 0; }
    .access-cont-inner .access-section ul li {
      color: #292c2b;
      font-size: 14px;
      line-height: 24px;
      text-align: left; }

.shipment-cont-inner .shipment-info {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  margin: 30px 0;
  gap: 30px; }
  .shipment-cont-inner .shipment-info .info-box-content {
    width: 100%; }
    @media (min-width: 801px) {
      .shipment-cont-inner .shipment-info .info-box-content {
        width: calc(65% - 20px); } }
    .shipment-cont-inner .shipment-info .info-box-content h2 {
      font-size: 22px;
      text-align: left;
      font-weight: 600;
      line-height: 20px;
      margin: 0 0 16px 0;
      color: #292c2b; }
    .shipment-cont-inner .shipment-info .info-box-content p {
      color: #292c2b;
      font-size: 14px;
      margin: 0 0 16px 0;
      line-height: 24px;
      text-align: left; }
    .shipment-cont-inner .shipment-info .info-box-content .shipment-link a:hover,
    .shipment-cont-inner .shipment-info .info-box-content .contact-link a:hover {
      font-size: 15px;
      font-weight: 500;
      color: #292c2b; }
  .shipment-cont-inner .shipment-info .info-box-img {
    width: 100%;
    margin: 0 auto; }
    @media (min-width: 801px) {
      .shipment-cont-inner .shipment-info .info-box-img {
        width: calc(35% - 20px); } }
    .shipment-cont-inner .shipment-info .info-box-img p {
      color: #292c2b;
      font-size: 14px;
      margin: 0 0 16px 0;
      line-height: 24px;
      text-align: center; }
    .shipment-cont-inner .shipment-info .info-box-img a {
      width: 100%;
      display: inline-block;
      text-align: center; }
      .shipment-cont-inner .shipment-info .info-box-img a img {
        margin: 0 auto; }
      .shipment-cont-inner .shipment-info .info-box-img a:hover {
        color: #7e2e2b; }

.shipment-cont-inner .shipment-bottom-box {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  flex-wrap: wrap;
  margin: 30px 0;
  gap: 30px; }
  .shipment-cont-inner .shipment-bottom-box .shipment-box {
    width: 100%;
    text-align: center; }
    @media (min-width: 551px) {
      .shipment-cont-inner .shipment-bottom-box .shipment-box {
        width: calc(50% - 20px); } }
    @media (min-width: 801px) {
      .shipment-cont-inner .shipment-bottom-box .shipment-box {
        width: calc(33.3% - 20px); } }
    .shipment-cont-inner .shipment-bottom-box .shipment-box h5 {
      color: #292c2b;
      font-size: 16px;
      text-decoration: underline;
      font-weight: 600;
      margin: 0 0 16px 0;
      line-height: 24px;
      text-align: center; }
    .shipment-cont-inner .shipment-bottom-box .shipment-box p,
    .shipment-cont-inner .shipment-bottom-box .shipment-box span {
      color: #292c2b;
      font-size: 14px;
      margin: 0;
      line-height: 24px;
      text-align: center; }
      .shipment-cont-inner .shipment-bottom-box .shipment-box p a:hover,
      .shipment-cont-inner .shipment-bottom-box .shipment-box span a:hover {
        font-size: 15px;
        font-weight: 500; }
        .shipment-cont-inner .shipment-bottom-box .shipment-box p a:hover:hover,
        .shipment-cont-inner .shipment-bottom-box .shipment-box span a:hover:hover {
          color: #7e2e2b; }
    .shipment-cont-inner .shipment-bottom-box .shipment-box img {
      max-width: 150px;
      width: 100%; }

.return-cont-inner .return-section p {
  color: #292c2b;
  font-size: 14px;
  margin: 0 0 16px 0;
  line-height: 24px;
  text-align: left; }

.return-cont-inner .policies {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  flex-wrap: wrap;
  margin: 30px 0;
  gap: 30px; }
  .return-cont-inner .policies .return-policy-inner {
    width: 100%; }
    @media (min-width: 801px) {
      .return-cont-inner .policies .return-policy-inner {
        width: calc(50% - 20px); } }
    .return-cont-inner .policies .return-policy-inner h2 {
      font-size: 24px;
      text-align: left;
      font-weight: 600;
      line-height: 24px;
      margin: 0 0 16px 0;
      color: #292c2b; }
    .return-cont-inner .policies .return-policy-inner h3 {
      font-size: 18px;
      text-align: left;
      font-weight: 600;
      line-height: 24px;
      margin: 0 0 16px 0;
      color: #292c2b; }
    .return-cont-inner .policies .return-policy-inner a.rma-button {
      width: 95%;
      max-width: 230px;
      height: 55px;
      font-family: Aileron, sans-serif;
      font-weight: 600;
      font-size: 14px;
      line-height: 100% 14px;
      color: #1f1f1f;
      display: inline-flex;
      text-decoration: none;
      background: #f36c21;
      border-width: 1px;
      border-style: solid;
      border-color: #f36c21;
      border-image: initial;
      transition: 0.2s;
      justify-content: center;
      align-items: center; }
      .return-cont-inner .policies .return-policy-inner a.rma-button:hover {
        background-color: #fff;
        border-bottom-color: #43342a;
        border-left-color: #43342a;
        border-right-color: #43342a;
        border-top-color: #43342a; }
    .return-cont-inner .policies .return-policy-inner h1 {
      font-size: 24px;
      text-align: left;
      font-weight: 600;
      line-height: 24px;
      margin: 0 0 16px 0;
      color: #f36c21; }
    .return-cont-inner .policies .return-policy-inner ul {
      display: flex;
      justify-content: space-between;
      align-items: flex-start;
      flex-wrap: wrap;
      flex-direction: column;
      gap: 10px; }
  .return-cont-inner .policies .return-policy-full {
    width: 100%; }
    .return-cont-inner .policies .return-policy-full h2 {
      font-size: 24px;
      text-align: left;
      font-weight: 600;
      line-height: 24px;
      margin: 0 0 16px 0;
      color: #292c2b; }
    .return-cont-inner .policies .return-policy-full ul {
      display: flex;
      justify-content: space-between;
      align-items: flex-start;
      flex-wrap: wrap;
      flex-direction: column;
      gap: 10px; }

.return-cont-inner .return-address {
  margin: 0 0 30px 20px; }
  .return-cont-inner .return-address p {
    color: #292c2b;
    font-size: 14px;
    margin: 0 0 10px 0;
    line-height: 24px;
    font-weight: 600;
    text-align: left;
    text-decoration: underline; }
  .return-cont-inner .return-address span {
    color: #292c2b;
    font-size: 14px;
    display: inline-block;
    line-height: 24px;
    text-align: left;
    margin: 0 0 0 10px; }

.warranty-cont-inner .warranty-section .warranty-policy p {
  color: #292c2b;
  font-size: 14px;
  margin: 0 0 16px 0;
  line-height: 24px;
  text-align: left; }

.warranty-cont-inner .warranty-section .warranty-policy ul li {
  color: #292c2b;
  font-size: 16px;
  margin: 0 0 6px 0;
  line-height: 24px;
  text-align: left; }

.warranty-cont-inner .warranty-section .warranty-policies h2 {
  font-size: 24px;
  text-align: left;
  font-weight: 600;
  line-height: 24px;
  margin: 0 0 16px 0;
  color: #292c2b; }

.warranty-cont-inner .warranty-section .warranty-policies .warranty-policy-outer {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  flex-wrap: wrap;
  margin: 30px 0;
  gap: 30px; }
  .warranty-cont-inner .warranty-section .warranty-policies .warranty-policy-outer .warranty-policy-inner {
    width: 100%; }
    @media (min-width: 801px) {
      .warranty-cont-inner .warranty-section .warranty-policies .warranty-policy-outer .warranty-policy-inner {
        width: calc(50% - 20px); } }
    .warranty-cont-inner .warranty-section .warranty-policies .warranty-policy-outer .warranty-policy-inner p {
      color: #292c2b;
      font-size: 14px;
      margin: 0 0 6px 0;
      line-height: 24px;
      text-align: left; }
      .warranty-cont-inner .warranty-section .warranty-policies .warranty-policy-outer .warranty-policy-inner p u {
        font-weight: 700; }
    .warranty-cont-inner .warranty-section .warranty-policies .warranty-policy-outer .warranty-policy-inner a {
      width: 95%;
      max-width: 230px;
      margin: 30px 0 10px 0;
      height: 55px;
      font-family: Aileron, sans-serif;
      font-weight: 600;
      font-size: 14px;
      line-height: 100% 14px;
      color: #1f1f1f;
      display: inline-flex;
      text-decoration: none;
      background: #f36c21;
      border-width: 1px;
      border-style: solid;
      border-color: #f36c21;
      border-image: initial;
      transition: 0.2s;
      justify-content: center;
      align-items: center; }
      .warranty-cont-inner .warranty-section .warranty-policies .warranty-policy-outer .warranty-policy-inner a:hover {
        background-color: #fff;
        border-bottom-color: #43342a;
        border-left-color: #43342a;
        border-right-color: #43342a;
        border-top-color: #43342a; }
    .warranty-cont-inner .warranty-section .warranty-policies .warranty-policy-outer .warranty-policy-inner ul li {
      color: #292c2b;
      font-size: 14px;
      margin: 0 0 4px 0;
      line-height: 24px;
      text-align: left; }

.dam-ship-cont-inner .dam-ship-section .dam-ship-policy {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  gap: 30px;
  margin: 20px 0; }
  .dam-ship-cont-inner .dam-ship-section .dam-ship-policy p {
    color: #292c2b;
    font-size: 14px;
    margin: 0 0 16px 0;
    line-height: 24px;
    text-align: left; }
  .dam-ship-cont-inner .dam-ship-section .dam-ship-policy a {
    width: 95%;
    max-width: 250px;
    height: 55px;
    text-align: center;
    font-family: Aileron, sans-serif;
    font-weight: 600;
    font-size: 14px;
    line-height: 100% 14px;
    color: #1f1f1f;
    display: inline-flex;
    text-decoration: none;
    background: #f36c21;
    border-width: 1px;
    border-style: solid;
    border-color: #f36c21;
    border-image: initial;
    transition: 0.2s;
    justify-content: center;
    align-items: center; }
    .dam-ship-cont-inner .dam-ship-section .dam-ship-policy a:hover {
      background-color: #fff;
      border-bottom-color: #43342a;
      border-left-color: #43342a;
      border-right-color: #43342a;
      border-top-color: #43342a; }

.dam-ship-cont-inner .dam-ship-section .dam-ship-para p {
  color: #292c2b;
  font-size: 14px;
  margin: 0 0 16px 0;
  line-height: 24px;
  text-align: left; }

.dam-ship-cont-inner .dam-ship-section .dam-ship-policies h2 {
  font-size: 24px;
  text-align: left;
  font-weight: 600;
  line-height: 24px;
  margin: 0 0 16px 0;
  color: #292c2b; }

.dam-ship-cont-inner .dam-ship-section .dam-ship-policies .dam-ship-policy-outer {
  display: flex;
  gap: 30px;
  justify-content: space-between;
  align-items: flex-start;
  flex-wrap: wrap; }
  .dam-ship-cont-inner .dam-ship-section .dam-ship-policies .dam-ship-policy-outer .dam-ship-policy-inner {
    width: 100%; }
    @media (min-width: 801px) {
      .dam-ship-cont-inner .dam-ship-section .dam-ship-policies .dam-ship-policy-outer .dam-ship-policy-inner {
        width: calc(50% - 20px); } }
    .dam-ship-cont-inner .dam-ship-section .dam-ship-policies .dam-ship-policy-outer .dam-ship-policy-inner p {
      color: #292c2b;
      font-size: 14px;
      margin: 0 0 16px 0;
      line-height: 24px;
      text-align: left; }

.dam-ship-cont-inner .dam-ship-section .dam-ship-policies .dam-ship-policy-full p {
  color: #292c2b;
  font-size: 14px;
  margin: 0 0 16px 0;
  line-height: 24px;
  text-align: left; }

.dam-ship-cont-inner .dam-ship-section .dam-ship-policies .dam-ship-policy-full h2 {
  font-size: 24px;
  text-align: left;
  font-weight: 600;
  line-height: 24px;
  margin: 0 0 16px 0;
  color: #292c2b; }

.dam-ship-cont-inner .dam-ship-section .dam-ship-policies .dam-ship-policy-full h3 {
  font-size: 22px;
  text-align: left;
  font-weight: 600;
  line-height: 24px;
  margin: 0 0 16px 0;
  color: #292c2b; }

.tax-cont-inner .tax-section h2 {
  font-size: 24px;
  text-align: left;
  font-weight: 600;
  line-height: 24px;
  margin: 0 0 16px 0;
  color: #292c2b; }

.tax-cont-inner .tax-section p {
  color: #292c2b;
  font-size: 14px;
  margin: 0 0 16px 0;
  line-height: 24px;
  text-align: left; }

.tax-cont-inner .tax-section-inner {
  display: flex;
  justify-content: space-between;
  align-items: start;
  gap: 30px;
  flex-wrap: wrap;
  margin: 30px 0; }
  .tax-cont-inner .tax-section-inner .tax-img {
    width: 100%;
    text-align: center; }
    @media (min-width: 801px) {
      .tax-cont-inner .tax-section-inner .tax-img {
        width: calc(50% - 20px); } }
    .tax-cont-inner .tax-section-inner .tax-img img {
      max-width: 150px;
      width: 100%; }
  .tax-cont-inner .tax-section-inner .tax-table {
    width: 100%; }
    @media (min-width: 801px) {
      .tax-cont-inner .tax-section-inner .tax-table {
        width: calc(50% - 20px); } }
    .tax-cont-inner .tax-section-inner .tax-table th,
    .tax-cont-inner .tax-section-inner .tax-table td {
      font-size: 16px;
      color: #292c2b;
      border: 1px solid #292c2b;
      padding: 4px 10px;
      text-align: left;
      vertical-align: top;
      min-width: 200px;
      height: 30px; }
    .tax-cont-inner .tax-section-inner .tax-table td a {
      font-size: 16px;
      color: #292c2b;
      font-weight: 500; }
      .tax-cont-inner .tax-section-inner .tax-table td a:hover {
        color: #7e2e2b; }

.shipping-cont-inner .shipping-content-section {
  margin: 30px 0; }
  .shipping-cont-inner .shipping-content-section .content-box.content-half-box {
    display: flex;
    gap: 30px;
    align-items: center;
    flex-wrap: wrap; }
    .shipping-cont-inner .shipping-content-section .content-box.content-half-box .content-inner {
      display: block;
      width: 100%; }
      @media (min-width: 801px) {
        .shipping-cont-inner .shipping-content-section .content-box.content-half-box .content-inner {
          width: calc(30% - 30px); } }
      .shipping-cont-inner .shipping-content-section .content-box.content-half-box .content-inner:first-child {
        width: 100%; }
        @media (min-width: 801px) {
          .shipping-cont-inner .shipping-content-section .content-box.content-half-box .content-inner:first-child {
            width: calc(70% - 30px); } }
      .shipping-cont-inner .shipping-content-section .content-box.content-half-box .content-inner a {
        width: 100%;
        max-width: auto;
        padding: 0 20px;
        height: 55px;
        font-family: Aileron, sans-serif;
        font-weight: 600;
        font-size: 14px;
        line-height: 100% 14px;
        color: #43342a;
        display: inline-flex;
        text-decoration: none;
        background: #f36c21;
        border-width: 1px;
        border-style: solid;
        border-color: #f36c21;
        border-image: initial;
        transition: 0.2s;
        justify-content: center;
        align-items: center; }
        .shipping-cont-inner .shipping-content-section .content-box.content-half-box .content-inner a:hover {
          background-color: #fff;
          border-bottom-color: #43342a;
          border-left-color: #43342a;
          border-right-color: #43342a;
          border-top-color: #43342a; }
  .shipping-cont-inner .shipping-content-section .bottom-content-btn a:hover {
    color: #7e2e2b; }
  .shipping-cont-inner .shipping-content-section .content-box h2 {
    font-size: 30px;
    text-align: left;
    font-weight: 600;
    line-height: 32px;
    margin: 24px 0;
    color: #f36c21; }
  .shipping-cont-inner .shipping-content-section .content-box .faq-lists {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 0px; }
    @media (min-width: 801px) {
      .shipping-cont-inner .shipping-content-section .content-box .faq-lists {
        gap: 30px; } }
    .shipping-cont-inner .shipping-content-section .content-box .faq-lists ul {
      width: 100%; }
      @media (min-width: 801px) {
        .shipping-cont-inner .shipping-content-section .content-box .faq-lists ul {
          width: calc(50% - 50px); } }
  .shipping-cont-inner .shipping-content-section .content-box h3 {
    font-size: 20px;
    text-align: left;
    font-weight: 600;
    line-height: 24px;
    margin: 16px 0;
    color: #292c2b; }
  .shipping-cont-inner .shipping-content-section .content-box p {
    color: #292c2b;
    font-size: 14px;
    margin: 0 0 16px 0;
    line-height: 24px;
    text-align: left; }
  .shipping-cont-inner .shipping-content-section .content-box ul {
    margin: 10px 0 16px 30px; }
    .shipping-cont-inner .shipping-content-section .content-box ul li {
      color: #292c2b;
      font-size: 14px;
      margin: 0 0 16px 0;
      line-height: 24px;
      text-align: left; }
  .shipping-cont-inner .shipping-content-section .content-img {
    margin: 0 auto;
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center; }
    .shipping-cont-inner .shipping-content-section .content-img img {
      max-width: 600px; }
    .shipping-cont-inner .shipping-content-section .content-img p {
      font-size: 12px; }
  .shipping-cont-inner .shipping-content-section .content-inner {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 30px; }
    .shipping-cont-inner .shipping-content-section .content-inner div {
      width: calc(50% - 20px); }
      .shipping-cont-inner .shipping-content-section .content-inner div a {
        margin: 0 auto;
        display: block;
        width: 100%;
        text-align: center; }
        .shipping-cont-inner .shipping-content-section .content-inner div a:hover {
          color: #7e2e2b; }