@charset "UTF-8";
@import url("https://p.typekit.net/p.css?s=1&k=enw3fve&ht=tk&f=27897.28000.28028&a=9983782&app=typekit&e=css");
input:focus,
button:focus,
textarea:focus,
select:focus,
details:focus,
[href]:focus,
[tabindex]:not([tabindex="-1"]):focus,
[contenteditable="true"]:focus {
  outline: 2px solid "" !important;
  outline-offset: 1px !important; }

input:focus + label {
  outline: 2px solid "" !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:992px)/";
  width: 551px; }

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

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

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

/* Magnific Popup CSS */
.mfp-bg {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1042;
  overflow: hidden;
  position: fixed;
  background: #0b0b0b;
  opacity: 0.8; }

.mfp-wrap {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1043;
  position: fixed;
  outline: none !important;
  -webkit-backface-visibility: hidden; }

.mfp-container {
  text-align: center;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  padding: 0 8px;
  box-sizing: border-box; }

.mfp-container:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle; }

.mfp-align-top .mfp-container:before {
  display: none; }

.mfp-content {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  margin: 0 auto;
  text-align: left;
  z-index: 1045; }

.mfp-inline-holder .mfp-content,
.mfp-ajax-holder .mfp-content {
  width: 100%;
  cursor: auto; }

.mfp-ajax-cur {
  cursor: progress; }

.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close {
  cursor: -moz-zoom-out;
  cursor: -webkit-zoom-out;
  cursor: zoom-out; }

.mfp-zoom {
  cursor: pointer;
  cursor: -webkit-zoom-in;
  cursor: -moz-zoom-in;
  cursor: zoom-in; }

.mfp-auto-cursor .mfp-content {
  cursor: auto; }

.mfp-close,
.mfp-arrow,
.mfp-preloader,
.mfp-counter {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none; }

.mfp-loading.mfp-figure {
  display: none; }

.mfp-hide {
  display: none !important; }

.mfp-preloader {
  color: #CCC;
  position: absolute;
  top: 50%;
  width: auto;
  text-align: center;
  margin-top: -0.8em;
  left: 8px;
  right: 8px;
  z-index: 1044; }

.mfp-preloader a {
  color: #CCC; }

.mfp-preloader a:hover {
  color: #FFF; }

.mfp-s-ready .mfp-preloader {
  display: none; }

.mfp-s-error .mfp-content {
  display: none; }

button.mfp-close,
button.mfp-arrow {
  overflow: visible;
  cursor: pointer;
  background: transparent;
  border: 0;
  -webkit-appearance: none;
  display: block;
  outline: none;
  padding: 0;
  z-index: 1046;
  box-shadow: none;
  touch-action: manipulation; }

button::-moz-focus-inner {
  padding: 0;
  border: 0; }

.mfp-close {
  width: auto;
  height: 44px;
  line-height: 44px;
  position: absolute;
  right: 0;
  top: 0;
  text-decoration: none;
  text-align: center;
  opacity: 0.65;
  padding: 0 0 18px 10px;
  color: #FFF;
  font-style: normal;
  font-size: 28px;
  font-family: Arial, Baskerville, monospace; }

.mfp-close:hover,
.mfp-close:focus {
  opacity: 1; }

.mfp-close:active {
  top: 1px; }

.mfp-close-btn-in .mfp-close {
  color: #333; }

.mfp-image-holder .mfp-close,
.mfp-iframe-holder .mfp-close {
  color: #FFF;
  right: -6px;
  text-align: right;
  padding-right: 6px;
  width: 100%; }

.mfp-counter {
  position: absolute;
  top: 0;
  right: 0;
  color: #CCC;
  font-size: 12px;
  line-height: 18px;
  white-space: nowrap; }

.mfp-arrow {
  position: absolute;
  opacity: 0.65;
  margin: 0;
  top: 50%;
  margin-top: -55px;
  padding: 0;
  width: 90px;
  height: 110px;
  -webkit-tap-highlight-color: transparent; }

.mfp-arrow:active {
  margin-top: -54px; }

.mfp-arrow:hover,
.mfp-arrow:focus {
  opacity: 1; }

.mfp-arrow:before,
.mfp-arrow:after {
  content: '';
  display: block;
  width: 0;
  height: 0;
  position: absolute;
  left: 0;
  top: 0;
  margin-top: 35px;
  margin-left: 35px;
  border: medium inset transparent; }

.mfp-arrow:after {
  border-top-width: 13px;
  border-bottom-width: 13px;
  top: 8px; }

.mfp-arrow:before {
  border-top-width: 21px;
  border-bottom-width: 21px;
  opacity: 0.7; }

.mfp-arrow-left {
  left: 0; }

.mfp-arrow-left:after {
  border-right: 17px solid #FFF;
  margin-left: 31px; }

.mfp-arrow-left:before {
  margin-left: 25px;
  border-right: 27px solid #3F3F3F; }

.mfp-arrow-right {
  right: 0; }

.mfp-arrow-right:after {
  border-left: 17px solid #FFF;
  margin-left: 39px; }

.mfp-arrow-right:before {
  border-left: 27px solid #3F3F3F; }

.mfp-iframe-holder {
  padding-top: 40px;
  padding-bottom: 40px; }

.mfp-iframe-holder .mfp-content {
  line-height: 0;
  width: 100%;
  max-width: 900px; }

.mfp-iframe-holder .mfp-close {
  top: -40px; }

.mfp-iframe-scaler {
  width: 100%;
  height: 0;
  overflow: hidden;
  padding-top: 56.25%; }

.mfp-iframe-scaler iframe {
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
  background: #000; }

/* Main image in popup */
img.mfp-img {
  width: auto;
  max-width: 100%;
  height: auto;
  display: block;
  line-height: 0;
  box-sizing: border-box;
  padding: 40px 0 40px;
  margin: 0 auto; }

/* The shadow behind the image */
.mfp-figure {
  line-height: 0; }

.mfp-figure:after {
  content: '';
  position: absolute;
  left: 0;
  top: 40px;
  bottom: 40px;
  display: block;
  right: 0;
  width: auto;
  height: auto;
  z-index: -1;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
  background: #444; }

.mfp-figure small {
  color: #BDBDBD;
  display: block;
  font-size: 12px;
  line-height: 14px; }

.mfp-figure figure {
  margin: 0; }

.mfp-bottom-bar {
  margin-top: -36px;
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  cursor: auto; }

.mfp-title {
  text-align: left;
  line-height: 18px;
  color: #F3F3F3;
  word-wrap: break-word;
  padding-right: 36px; }

.mfp-image-holder .mfp-content {
  max-width: 100%; }

.mfp-gallery .mfp-image-holder .mfp-figure {
  cursor: pointer; }

@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) {
  /**
       * Remove all paddings around the image on small screen
       */
  .mfp-img-mobile .mfp-image-holder {
    padding-left: 0;
    padding-right: 0; }
  .mfp-img-mobile img.mfp-img {
    padding: 0; }
  .mfp-img-mobile .mfp-figure:after {
    top: 0;
    bottom: 0; }
  .mfp-img-mobile .mfp-figure small {
    display: inline;
    margin-left: 5px; }
  .mfp-img-mobile .mfp-bottom-bar {
    background: rgba(0, 0, 0, 0.6);
    bottom: 0;
    margin: 0;
    top: auto;
    padding: 3px 5px;
    position: fixed;
    box-sizing: border-box; }
  .mfp-img-mobile .mfp-bottom-bar:empty {
    padding: 0; }
  .mfp-img-mobile .mfp-counter {
    right: 5px;
    top: 3px; }
  .mfp-img-mobile .mfp-close {
    top: 0;
    right: 0;
    width: 35px;
    height: 35px;
    line-height: 35px;
    background: rgba(0, 0, 0, 0.6);
    position: fixed;
    text-align: center;
    padding: 0; } }

@media all and (max-width: 900px) {
  .mfp-arrow {
    -webkit-transform: scale(0.75);
    transform: scale(0.75); }
  .mfp-arrow-left {
    -webkit-transform-origin: 0;
    transform-origin: 0; }
  .mfp-arrow-right {
    -webkit-transform-origin: 100%;
    transform-origin: 100%; }
  .mfp-container {
    padding-left: 6px;
    padding-right: 6px; } }

.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: #38383e;
  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: 12px; }
  @media (min-width: 551px) {
    html {
      font-size: 12px; } }
  @media (min-width: 992px) {
    html {
      font-size: 12px; } }
  @media (min-width: 1261px) {
    html {
      font-size: 12px; } }

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

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

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

dl dd {
  margin-bottom: 1.5rem; }

abbr,
acronym {
  border-bottom: 1px dotted #cccccc;
  color: #38383e;
  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.33333rem;
  width: 1.33333rem;
  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.41667rem;
  margin-left: -1.83333rem;
  margin-right: 0;
  overflow: hidden;
  padding: 0; }
  .inlineList > li {
    display: block;
    float: left;
    list-style: none;
    margin-left: 1.83333rem; }
    .inlineList > li > * {
      display: block; }

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


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

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

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

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

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

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

These are all the button

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

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

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

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

*/
.button {
  -webkit-appearance: none;
  -moz-appearance: none;
  border-radius: 0;
  border-style: solid;
  border-width: 1px;
  cursor: pointer;
  font-family: "Roboto", Arial, Helvetica, sans-serif;
  font-weight: 400;
  line-height: normal;
  margin: 0 0 1rem;
  position: relative;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  background-color: transparent;
  border-color: #cccccc;
  color: #666666;
  font-size: 1rem;
  padding: 0.91667rem 2.25rem;
  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: 375px) {
    .button + .button {
      margin-left: 0.75rem; } }

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

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

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

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

<button class="button button--action">Call-to-Action Button</button>
```
    */
.button--primary {
  background-color: #00b9e4;
  border-color: #00b9e4;
  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.58333rem 1.5rem; }

.button--tiny { }

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

.button--icon {
  font-size: 1rem;
  padding: 0.75rem 0.75rem; }
  .button--icon svg {
    fill: #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.75rem;
  width: 100%;
  z-index: 89;
  max-width: 200px; }
  .dropdown-menu--content.open {
    display: block; }
  .dropdown-menu--content > *:first-child {
    margin-top: 0; }
  .dropdown-menu--content > *:last-child {
    margin-bottom: 0; }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

<div class="form-field">
    <label class="form-label" for="disabled_input2">Input Label</label>
    <input class="form-input" id="disabled_input2" readonly type="text" value="Readonly text">
</div>
```
*/ }
  .form-input:disabled {
    background-color: white;
    color: #999999;
    cursor: not-allowed; }
  .form-input[readonly] {
    background-color: #e5e5e5;
    border-color: #999999;
    color: #757575;
    cursor: text; }
  .form-input:focus {
    border-color: #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: #cccccc;
  color: #666666;
  font-family: inherit;
  font-size: 1rem;
  line-height: normal;
  padding: 0.75rem;
  border-radius: 0;
  cursor: pointer;
  height: 3rem;
  margin: 0;
  outline: 0; }
  .form-select::-ms-expand {
    display: none; }
  .form-select.radius {
    border-radius: 4px; }
  .form-select:focus {
    border-color: #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.41667rem;
    padding-left: 1.91667rem;
    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.33333rem;
      left: 0;
      top: 0;
      width: 1.33333rem; }
    .form-checkbox + .form-label::after,
    .form-radio + .form-label::after {
      height: 1.16667rem;
      left: 1px;
      opacity: 0;
      top: 1px;
      transform: scale(0);
      width: 1.16667rem; }

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

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

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

/*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: 7.5rem;
  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: 2.33333rem;
  cursor: pointer;
  display: inline-block;
  height: 2.33333rem;
  position: relative;
  transition: all 100ms ease-out;
  vertical-align: middle;
  width: 5rem; }
  .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.6667rem;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
  content: "";
  height: 1.6667rem;
  left: 0.24998rem;
  position: absolute;
  top: 0.24998rem;
  transition: all 100ms ease-out;
  width: 1.6667rem; }
  .switch--checked .switch-toggle::before {
    left: 2.91665rem; }

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

.switch-label--icon.icon {
  height: 2.16667rem;
  width: 2.16667rem; }
  .switch-label--icon.icon svg {
    height: 2.16667rem;
    width: 2.16667rem;
    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: 375px) {
    .form-actions {
      text-align: left; } }

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

@media (min-width: 375px) {
  .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.83333rem;
  width: 1.83333rem;
  float: left;
  margin: 0 0 0 -2.5rem;
  position: relative;
  top: 0.83333rem; }
  .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.16667rem; }
  .form-field-errors ul,
  .form-field-errors ol {
    list-style: none;
    margin-bottom: 0; }

.form-inlineMessage {
  display: inline-block;
  line-height: 24px;
  margin: 0.41667rem 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: 375px) {
      .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.75rem 1.5rem; }
  .tab-title:hover {
    color: #38383e; }

.tab.is-active .tab-title {
  color: #38383e;
  font-weight: 700; }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.navBar:after {
  clear: both; }

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

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

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

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

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

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

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

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

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

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

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

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

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

.navList:after {
  clear: both; }

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

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

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

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

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

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

.navList-action {
  color: #333333;
  font-size: 15px;
  padding: 0.16667rem 0; }

.pagination-list {
  display: block;
  margin-left: 0; }
  .pagination-list li {
    color: #757575;
    font-size: 1rem;
    margin-left: 0.41667rem; }
    .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.33333rem 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.75rem;
  padding: 0.75rem 1.16667rem 0.75rem 1.16667rem;
  position: relative;
  transition: opacity 300ms ease-out;
  background-color: #e5e5e5;
  border-color: #e5e5e5;
  color: white; }
  .alertBox .icon {
    height: 1.66667rem;
    width: 1.66667rem; }
  .alertBox .button {
    margin: 0 0 0 0.75rem; }

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

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

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

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

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

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

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

.alertBox-heading {
  margin: 0; }

.alertBox-close {
  cursor: pointer;
  padding-left: 1.16667rem; }
  .alertBox-close .icon {
    height: 1.66667rem;
    width: 1.66667rem; }
  .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: #38383e;
    padding: 1.91667rem;
    display: block;
    font-family: "Roboto", Arial, Helvetica, sans-serif;
    font-size: 1rem; }
    .accordion-navigation > a:hover {
      background: #e5e5e5; }
  .accordion-navigation .accordion-title {
    padding: 1.5rem 1.91667rem; }

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

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

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

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

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

body.has-activeModal {
  overflow: hidden; }

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

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

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

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

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

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

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

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

.modal-footer-link {
  display: inline-block;
  font-size: 15px;
  margin: 0 0 0.75rem; }
  @media (min-width: 375px) {
    .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.66667rem;
    width: 1.66667rem; }

@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.41667rem 0.75rem; }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.visually-hidden {
  position: absolute;
  clip: rect(1px, 1px, 1px, 1px);
  -webkit-clip-path: inset(0px 0px 99.9% 99.9%);
  clip-path: inset(0px 0px 99.9% 99.9%);
  overflow: hidden;
  height: 1px;
  width: 1px;
  padding: 0;
  border: 0; }

.hidden {
  display: none !important; }

.not-hidden {
  display: block; }

.hidden-on-desktop {
  display: block; }
  @media (min-width: 992px) {
    .hidden-on-desktop {
      display: none; } }

.hidden-on-mobile {
  display: none; }
  @media (min-width: 992px) {
    .hidden-on-mobile {
      display: block; } }

/* 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: 5.08333rem;
  margin-top: -1.25rem;
  padding: 0.83333rem;
  width: 3.33333rem;
  z-index: 1; }
  .slick-next::before,
  .slick-prev::before {
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 100%;
    display: block;
    height: 3.41667rem;
    width: 1.66667rem; }
  .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.41667rem; } }
  .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.41667rem; } }
  .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.66667rem;
    width: 2.66667rem;
    margin: 0;
    padding: 0.41667rem; }
    .slick-dots li button,
    .slick-dots li button::before {
      height: 1.25rem;
      width: 1.25rem;
      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%; }

.carousel-tooltip {
  display: none;
  height: 1px;
  margin-top: 10px;
  position: relative; }
  .carousel-tooltip:before {
    content: " ";
    position: absolute;
    right: 0;
    top: 50%;
    border-width: 0.83333rem;
    border-style: solid;
    border-color: transparent transparent #313440 transparent; }
  .carousel-tooltip:after {
    content: attr(aria-label);
    padding: 0.33333rem 0.5rem;
    background-color: #313440;
    color: white;
    position: absolute;
    font-size: 1rem;
    white-space: nowrap;
    right: 0;
    top: 100%;
    cursor: default;
    border-radius: 0.66667rem; }
  .carousel-tooltip:before, .carousel-tooltip:after {
    display: none; }
  .carousel-tooltip:focus:before, .carousel-tooltip:focus:after {
    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;
  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: 992px) {
    .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; } }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.swal2-noanimation {
  transition: none; }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.swal2-icon {
  display: flex; }

.swal2-container {
  z-index: 1000; }

html,
body {
  height: auto; }

body {
  padding-top: 55px; }
  @media (min-width: 992px) {
    body {
      padding-top: 0; } }

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

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

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

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

h5,
h6 {
  text-transform: uppercase; }

a {
  transition: color 0.15s ease; }

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

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

h1 {
  font-size: 28px; }

h2 {
  font-size: 25px; }

h3 {
  font-size: 22px; }

h4 {
  font-size: 20px; }

h5 {
  font-size: 15px; }

h6 {
  font-size: 13px; }

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

.definitionList:after {
  clear: both; }

.definitionList-key {
  color: #757575;
  float: left;
  font-weight: 400;
  margin: 0 0.41667rem 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.58333rem top 0.66667rem;
  border-radius: 4px;
  padding: 0.75rem 3rem 0.75rem 1rem; }

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

.form-label--inlineSmall small {
  color: #757575;
  float: none;
  font-size: inherit;
  font-weight: 400;
  margin-left: 0.41667rem;
  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.41667rem; } }

.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.75rem; }
  .dropdown-menu-item:last-child > a {
    padding-bottom: 1rem; }
  .dropdown-menu-item > a {
    margin: 0;
    padding: 0.25rem 1.16667rem;
    text-decoration: none; }

.form-wishlist {
  position: relative; }

.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: 992px) {
    #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.41667rem; }

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

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

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

.modal--alert {
  background-color: white !important;
  border-radius: 4px;
  font-family: "Roboto", Arial, Helvetica, sans-serif;
  padding: 40px 20px 20px;
  text-align: center; }
  .modal--alert .modal-content {
    color: #38383e;
    font-size: 1.16667rem; }
  .modal--alert .button-container {
    margin: 25px 0 0; }
    .modal--alert .button-container .confirm {
      background-color: #00b9e4;
      border-color: #00b9e4;
      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; }

ol.breadcrumbs {
  display: none;
  font-size: 0;
  overflow: visible;
  text-align: left;
  margin-bottom: 0; }
  @media (min-width: 992px) {
    ol.breadcrumbs {
      display: block; } }

.breadcrumb {
  display: inline-block;
  float: none;
  margin-right: 0.25rem; }
  .breadcrumb.is-active > .breadcrumb-label {
    cursor: pointer; }

.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.41667rem 0 0.75rem; }
  .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.66667rem;
  margin-top: -0.16667rem;
  width: 1.66667rem; }

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

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

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

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

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

.button.button--blue-shadow {
  border-radius: 5px;
  background: linear-gradient(to bottom, #008cab, #008cab);
  box-shadow: #02657b 0 3px 0 0; }

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

.tab-title {
  padding: 1.16667rem 1.5rem;
  text-decoration: none; }
  @media (min-width: 551px) {
    .tab-title {
      text-align: left; } }
  @media (min-width: 768px) {
    .tab-title {
      padding: 0.75rem 1.5rem; } }
  @media (min-width: 1261px) {
    .tab-title {
      padding: 0.91667rem 1.5rem; } }

.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: 992px) {
  .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: #38383e;
  font-family: "Roboto",Arial,Helvetica,sans-serif;
  font-size: 1.25rem;
  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: 992px) {
  .accordion--navList {
    border: 0; } }

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

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

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

@media (min-width: 992px) {
  .accordion--navList .accordion-navigation {
    background-position: right 0 top 50%;
    border: 0;
    margin-bottom: 0.75rem !important;
    padding: 0; } }

.accordion--navList .accordion-title {
  font-weight: normal;
  padding: 1rem;
  text-decoration: none;
  text-transform: inherit; }
  @media (min-width: 992px) {
    .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: 992px) {
    .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.75rem; }
  .inlineList--labels > li {
    margin-bottom: 0.75rem;
    margin-left: 0.75rem; }

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

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

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

.category-reviews {
  margin-bottom: 2.5rem; }
  @media (min-width: 551px) {
    .category-reviews {
      margin-bottom: 6.25rem; } }
  .category-reviews .reviews-container {
    padding-top: 5.41667rem; }
    @media (min-width: 767px) {
      .category-reviews .reviews-container {
        display: flex;
        justify-content: space-between;
        align-items: stretch; } }
    @media (min-width: 767px) {
      .category-reviews .reviews-container .review {
        flex: 0 1 30%; } }
    .category-reviews .reviews-container .review__content {
      margin: 65px auto 20px;
      position: relative;
      background-color: #fff;
      text-align: center;
      max-width: 29.16667rem;
      width: 100%;
      padding: 6.66667rem 0.83333rem 0.41667rem 0.83333rem;
      box-shadow: 0 3px 1rem rgba(0, 0, 0, 0.2);
      height: 100%; }
      @media (min-width: 767px) {
        .category-reviews .reviews-container .review__content {
          margin: unset; } }
    .category-reviews .reviews-container .review__image {
      width: auto;
      height: 10.41667rem;
      position: absolute;
      top: 0;
      left: 50%;
      transform: translate(-50%, -50%);
      border: 3px solid #00b9e4;
      border-radius: 50%;
      box-shadow: 0 3px 1rem rgba(0, 0, 0, 0.2); }
    .category-reviews .reviews-container .review__text {
      font-size: 1.33333rem;
      font-weight: 700;
      line-height: 2.08333rem;
      min-height: 100px; }
    .category-reviews .reviews-container .review__stars .rating-star {
      height: 2.5rem; }
      .category-reviews .reviews-container .review__stars .rating-star:before {
        content: "\2605";
        display: inline-block;
        color: #f9ae0c;
        font-size: 2rem; }
        @supports (-webkit-background-clip: text) {
          .category-reviews .reviews-container .review__stars .rating-star:before {
            background: -webkit-linear-gradient(#f9ae0c, #fac41d);
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent; } }
    .category-reviews .reviews-container .review__customer-name {
      font-size: 1.33333rem; }
  .category-reviews + div > .ship-and-guarantee {
    display: none; }
    @media (min-width: 551px) {
      .category-reviews + div > .ship-and-guarantee {
        display: flex; } }

.section-marquee {
  margin-top: 4.16667rem; }
  @media only screen and (min-width: 767px) {
    .section-marquee {
      margin-top: 8.33333rem;
      margin-bottom: 8.33333rem; } }
  .section-marquee__title {
    font-size: 1.5rem;
    line-height: 2.16667rem;
    color: #38383e;
    font-weight: 700;
    font-family: "Paralucent";
    text-align: center;
    margin-bottom: 3.33333rem; }
  .section-marquee .marquee-wrapper {
    margin: auto;
    max-width: 100vw; }
    .section-marquee .marquee-wrapper .marquee {
      display: flex;
      max-width: 1370px;
      overflow-x: hidden; }
      .section-marquee .marquee-wrapper .marquee__group {
        flex-shrink: 0;
        display: flex;
        align-items: center;
        justify-content: space-around;
        animation: scroll-left 20s linear infinite; }
      .section-marquee .marquee-wrapper .marquee__item {
        margin: 0 25px; }
        .section-marquee .marquee-wrapper .marquee__item img {
          min-width: 100px; }

@keyframes scroll-left {
  from {
    transform: translateX(0); }
  to {
    transform: translateX(-100%); } }

.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: 1.16667rem;
  left: -0.16667rem;
  margin-right: 0.08333rem;
  position: relative;
  top: 0.25rem;
  width: 1.16667rem; }

.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.66667rem center;
  background-repeat: no-repeat; }

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

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

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

.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: 100rem;
  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; } }
    @media (min-width: 551px) {
      .form-actions .button + .button,
      .form-actions .button + input,
      .form-actions .button + a,
      .form-actions input + .button,
      .form-actions input + input,
      .form-actions input + a,
      .form-actions a + .button,
      .form-actions a + input,
      .form-actions a + a {
        margin: 0 0 0 0.75rem; } }

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

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

.form-select--small,
.form-select--date {
  background-position: right 0.5rem top 0.5rem;
  background-size: 1.5rem;
  font-size: 13px;
  height: 2.33333rem;
  line-height: 1rem;
  padding: 0.58333rem 0.75rem;
  padding-right: 2rem;
  width: auto;
  float: left;
  max-width: 100%; }

.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 #cccccc;
  border-radius: 4px;
  padding: 1.5rem; }

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

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

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

@media (min-width: 1200px) {
  .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: 1200px) {
  .form-prefixPostfix .button {
    width: auto; } }

.form-prefixPostfix .form-inlineMessage {
  margin-bottom: 0.41667rem; }
  @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.75rem; } }

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

.form-increment .button {
  margin: 0;
  padding: 0.25rem 0.41667rem; }

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

.form-option {
  border: 1px solid #cccccc;
  color: #666666;
  cursor: pointer;
  display: inline-block;
  font-size: 0;
  margin-bottom: 0.5rem;
  margin-right: 0.5rem;
  padding: 1px;
  transition: all 0.15s ease; }
  .form-option:hover {
    border-color: #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: 3.16667rem;
  padding: 1px 0.41667rem;
  pointer-events: none;
  text-align: center; }

.form-option-variant--color,
.form-option-variant--pattern {
  height: 1.83333rem;
  width: 1.83333rem;
  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.33333rem;
  line-height: 1rem;
  padding: 0.58333rem 0.75rem; }

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

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

[data-product-attribute] .form-option {
  overflow: hidden;
  position: relative; }
  [data-product-attribute] .form-option.unavailable {
    background-color: #ddd; }
    [data-product-attribute] .form-option.unavailable::before {
      background-color: red;
      content: "";
      height: 2px;
      left: -7px;
      position: absolute;
      top: 17px;
      transform: rotate(-45deg);
      width: 50px; }
    [data-product-attribute] .form-option.unavailable:after {
      background-color: red;
      content: "";
      height: 2px;
      right: -7px;
      position: absolute;
      top: 17px;
      transform: rotate(45deg);
      width: 50px; }

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

.card-figure {
  margin-top: 0;
  overflow: hidden;
  position: relative;
  padding: 3px; }
  .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; }

.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.25rem; }
  .card-title > a {
    color: #333333;
    display: block;
    text-decoration: none; }
    .card-title > a:hover {
      color: #757575; }

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

.card-figcaption-button {
  border: none;
  display: block;
  margin: 0.41667rem 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.41667rem 0 0; }

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

.card--alternate {
  border: 3px solid white;
  transition: all 0.15s ease; }
  .card--alternate .card-body {
    background-color: white;
    padding: 0.75rem;
    transition: all 0.15s ease; }
    @media (min-width: 551px) {
      .card--alternate .card-body {
        padding: 1.5rem; } }
  .card--alternate:hover {
    border-color: #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.41667rem;
  padding-left: 1.91667rem;
  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.33333rem;
    left: 0;
    top: 0;
    width: 1.33333rem; }
  .navList-action--checkbox::after {
    height: 1.16667rem;
    left: 1px;
    opacity: 0;
    top: 1px;
    transform: scale(0);
    width: 1.16667rem; }
  .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: 1.16667rem;
    line-height: 1;
    text-align: center; }
  .navList-action--checkbox::before, .navList-action--checkbox::after {
    top: 50%; }
  .navList-action--checkbox::before {
    margin-top: -0.66667rem; }
  .navList-action--checkbox::after {
    margin-top: -0.58333rem; }
  .navList-action--checkbox.is-disabled {
    cursor: default; }
    .navList-action--checkbox.is-disabled::before {
      background-color: white; }
  .navList-action--checkbox.is-checked::after, .navList-action--checkbox.is-selected::after {
    opacity: 1;
    transform: scale(1); }

.navList-action-close {
  background: #e5e5e5;
  border-radius: 100%;
  display: inline-block;
  float: right;
  line-height: 0;
  opacity: 0;
  padding: 0.25rem;
  transition: opacity 0.3s ease;
  visibility: hidden; }
  .navList-action-close .icon {
    height: 1.08333rem;
    width: 1.08333rem;
    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.75rem; }
    @media (min-width: 992px) {
      .navBar--sub .navBar-item {
        display: inline-block; } }
    @media (min-width: 992px) {
      .navBar--sub .navBar-item.is-active {
        border-bottom: 1px solid #38383e; } }
    .navBar--sub .navBar-item.is-active > .navBar-action {
      color: white; }
      .navBar--sub .navBar-item.is-active > .navBar-action:hover {
        color: white; }
    @media (min-width: 992px) {
      .navBar--sub .navBar-item.navBar-item--separate {
        border-left: 1px solid #757575;
        margin: 0;
        padding-left: 0.75rem; } }
  .navBar--sub .navBar-action {
    color: #757575;
    font-size: 1rem;
    padding: 0; }
    .navBar--sub .navBar-action:hover {
      color: #333333; }

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

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

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

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

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

.actionBar-section .form-input,
.actionBar-section .form-select {
  border: 0;
  padding-left: 0.16667rem;
  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.16667rem; }

.has-ribbon {
  position: relative; }

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

.rewardsPlus-container {
  background: linear-gradient(to top, white 0%, white 25%, #d7f8ff 25%, #d7f8ff 100%);
  padding: 4rem 0; }

.rewardsPlus-section {
  background-image: url("https://cdn11.bigcommerce.com/s-8mji1/images/stencil/original/image-manager/zogicsplus-background.png");
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 10px;
  color: white;
  margin: 1rem;
  max-width: 1347px;
  min-height: 882px;
  padding: 2rem;
  text-align: center; }
  @media (min-width: 1261px) {
    .rewardsPlus-section {
      margin: auto; } }

.rewardsPlus-description,
.rewardsPlus-description-blue {
  font-family: 'Roboto';
  font-size: 25px;
  font-weight: bold; }

.rewardsPlus-description {
  line-height: 1;
  margin: 50px auto;
  max-width: 801px; }

.rewardsPlus-description-blue {
  color: #00b9e4; }

.rewardsPlus-description-small {
  font-family: 'Roboto';
  font-size: 15px;
  line-height: 2;
  margin: 30px auto;
  max-width: 915px; }

.rewardsPlus-cta p {
  font-size: 20px; }

.rewardsPlus-cta .button,
.rewardsPlus-activate .button--white-blue {
  background: white;
  box-shadow: #00b9e4 0 3px 0 0;
  color: #34448f;
  font-size: 15px;
  padding: 20px 50px; }

.rewardsPlus-activate .button {
  margin-right: 15px;
  padding: 20px 50px; }

.rewardsPlus-card img {
  margin-top: 100px;
  margin-bottom: 25px; }

.rewardsPlus-activate p {
  font-family: 'Roboto';
  font-size: 20px;
  font-weight: bold;
  margin: 0 auto 2rem;
  max-width: 648px; }

.rewardsPlus-activate img {
  margin-bottom: 2rem; }

.rewardsPlus-activate .seeMore-text {
  color: white;
  font-family: 'Roboto';
  font-size: 13px;
  margin-top: 2rem; }

.rewardsPlus-activate .rewards-link {
  color: white;
  text-decoration: underline; }

.rewardsPlus-section > .rewards-section {
  grid-template-columns: 1fr; }

.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: 992px) {
    .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.75rem;
      position: absolute; }
    .navUser .dropdown-menu.is-open::after {
      border: inset 8px;
      content: "";
      display: block;
      height: 0;
      width: 0;
      border-color: transparent transparent white transparent;
      border-bottom-style: solid;
      bottom: 100%;
      left: 0.91667rem;
      position: absolute; }

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

.navUser-section > li.null {
  display: none; }

.navUser-action {
  color: #333333;
  font-weight: 700;
  padding: 0.5rem 0.6rem;
  text-decoration: none;
  text-transform: uppercase; }
  @media (min-width: 1200px) {
    .navUser-action {
      padding: 0.5rem 0.25rem; } }
  @media (min-width: 1300px) {
    .navUser-action {
      padding: 0.5rem 0.6rem; } }
  .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.66667rem;
    width: 0.66667rem;
    margin: -1px 0 0 0.16667rem; }
  .navUser-action svg {
    fill: #333333;
    stroke: #333333;
    transition: all 0.15s ease; }
  .navUser-action.navUser-action--rewards {
    padding: 7px 0.75rem 0.5rem; }
    @media (min-width: 992px) {
      .navUser-action.navUser-action--rewards {
        padding: 0.5rem 0.6rem; } }
    .navUser-action.navUser-action--rewards img {
      transform: translateY(-5px); }

.navUser-item--tel {
  padding-right: 0.6rem !important; }
  @media (min-width: 1200px) {
    .navUser-item--tel {
      padding-right: 0.25rem !important; } }
  @media (min-width: 1310px) {
    .navUser-item--tel {
      padding-right: 0.6rem !important; } }

.navUser-item--rewards {
  padding-left: 0.6rem !important; }
  @media (min-width: 1200px) {
    .navUser-item--rewards {
      padding-left: 0.25rem !important; } }
  @media (min-width: 1310px) {
    .navUser-item--rewards {
      padding-right: 0.6rem !important; } }

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

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

.navUser-action--storeCredit + .dropdown-menu {
  max-width: 25rem;
  padding: 1.5rem; }
  .navUser-action--storeCredit + .dropdown-menu::before {
    left: 11.66667rem !important; }
  .navUser-action--storeCredit + .dropdown-menu::after {
    left: 11.83333rem !important; }

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

.navUser-item {
  display: none; }
  @media (min-width: 992px) {
    .navUser-item {
      display: block; }
      .navUser-item.navUser-item--social {
        margin-top: 0.41667rem;
        padding-right: 0.41667rem; }
      .navUser-item.navUser-item--divider {
        font-size: 2.08333rem;
        margin-top: 0.66667rem;
        padding-left: 0.16667rem; } }

.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: 26.66667rem; }
    .navUser-item--cart .dropdown-menu.is-open {
      left: auto !important;
      right: 0.41667rem;
      top: auto !important; }
      @media (min-width: 992px) {
        .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.33333rem; }
        @media (min-width: 992px) {
          .navUser-item--cart .dropdown-menu.is-open::before {
            right: 0.75rem; } }
      .navUser-item--cart .dropdown-menu.is-open::after {
        right: 0.5rem; }
        @media (min-width: 992px) {
          .navUser-item--cart .dropdown-menu.is-open::after {
            right: 0.91667rem; } }

.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 {
  position: relative; }
  .navUser-item--account .navUser-or + .navUser-action {
    margin-right: -0.5rem; }
  .navUser-item--account .navUser-action {
    display: inline-block; }
  .navUser-item--account .dropdown-menu .null {
    position: relative; }
    .navUser-item--account .dropdown-menu .null::after {
      content: '';
      position: absolute;
      right: 10px;
      height: 1.2rem;
      width: 1.2rem;
      top: 10px;
      background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSIjZWEzYTAyIiBzdHJva2U9IiNlYTNhMDIiPjxwYXRoIGQ9Ik0xMCA2TDguNTkgNy40MSAxMy4xNyAxMmwtNC41OCA0LjU5TDEwIDE4bDYtNnoiLz48L3N2Zz4K");
      background-position: center;
      transform: scale(0.6); }
    .navUser-item--account .dropdown-menu .null svg {
      fill: #ea3a02;
      stroke: #ea3a02; }

.navUser-or {
  color: #333333;
  cursor: default;
  display: inline-block;
  margin: 0 -1rem;
  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;
  font-size: 12px;
  font-weight: 700;
  height: 20px;
  line-height: 20px;
  margin-left: 0.16667rem;
  text-align: center;
  width: 20px; }
  @media screen and (min-width: 992px) {
    .countPill {
      height: 16px;
      line-height: 16px; } }

.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.41667rem 0.75rem;
  padding-left: 0.75rem; }

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

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

.navPages {
  background-color: #e5e5e5;
  height: 100%;
  overflow-y: auto;
  padding: 1.5rem; }
  @media (min-width: 992px) {
    .navPages {
      margin: 0 auto;
      max-width: 100rem;
      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: 992px) and (min-width: 551px) {
    .navPages-item {
      float: left; } }
  @media (min-width: 992px) {
      .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: 992px) {
      .navPages .navPage-subMenu-list {
        margin: 0 auto;
        max-width: 100rem;
        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: 992px) {
    .navPages-list {
      display: inline-block;
      float: none; } }
  .navPages-list + .navPages-list {
    border-top: 1px solid #cccccc;
    margin-top: 0.75rem;
    padding-top: 0.75rem; }

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

@media (min-width: 992px) {
  .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: 992px) {
    .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: 992px) {
      .navPages-action-depth-max.has-subMenu.is-open .navPages-action-moreIcon {
        height: 0.66667rem;
        width: 0.66667rem;
        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: 992px) {
      .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.75rem 0;
  text-decoration: none;
  text-transform: uppercase; }
  @media (min-width: 992px) {
    .navPages-action {
      display: inline-block;
      padding: 0.75rem 1.16667rem 1.16667rem; }
      .navPages-action.is-open {
        background-color: #e5e5e5; } }
  .navPages-list:not(.navPages-list-depth-max) .navPages-action.has-subMenu {
    align-items: center;
    display: flex; }
  .navPages-action.is-open svg,
  .navPages-action .collapsible-icon-wrapper.is-open svg {
    fill: #757575;
    stroke: #757575; }
  .navPages-action:hover, .navPages-action.activePage {
    color: s #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.66667rem;
  width: 0.66667rem;
  margin-left: 0.75rem;
  transform: rotate(-90deg); }
  @media (min-width: 992px) {
    .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.91667rem;
    width: 0.91667rem;
    margin: 0 1.5rem; }
    @media (min-width: 992px) {
      .navPages-list:not(.navPages-list-depth-max) .navPages-action-moreIcon {
        height: 0.66667rem;
        width: 0.66667rem;
        margin: 0 0 0 0.75rem; } }

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

.navPage-subMenu {
  display: none;
  outline: 0; }
  @media (min-width: 992px) {
    .navPage-subMenu {
      background-color: #e5e5e5;
      position: absolute;
      text-align: left; }
      .navPage-subMenu .container {
        padding: 1.5rem 1.5rem 2.25rem !important; }
      .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: 992px) {
      .navPages-list:not(.navPages-list-depth-max) .navPages-action.has-subMenu + .navPage-subMenu .navPage-subMenu-list {
        margin-right: auto; } }

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

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

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

@media (min-width: 992px) {
  .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.16667rem; } }

.navPage-subMenu-item-child,
.navPage-subMenu-item-parent {
  width: 100%; }
  @media (min-width: 992px) {
    .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.75rem 0; }
  @media (min-width: 992px) {
    .navPage-subMenu-action {
      padding: 0.75rem 0 1.16667rem; } }
  .navPages-list:not(.navPages-list-depth-max) .navPage-subMenu-action {
    padding: 0 0 0 1.5rem; }
    @media (min-width: 992px) {
      .navPages-list:not(.navPages-list-depth-max) .navPage-subMenu-action {
        padding: 0.75rem 0 1.16667rem; } }
  .navPage-subMenu-action .collapsible-icon-wrapper {
    box-sizing: content-box;
    display: inline-block;
    height: 100%;
    text-align: right;
    width: 100%; }
    @media (min-width: 992px) {
      .navPage-subMenu-action .collapsible-icon-wrapper {
        display: none; } }

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

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

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

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

.tags {
  padding: 0;
  margin: 0; }
  .tags .tag {
    list-style: none;
    color: #00b9e4;
    display: inline; }
    .tags .tag a {
      font-style: italic;
      color: #00b9e4;
      font-size: 14px; }
    .tags .tag:after {
      content: ','; }
    .tags .tag:last-of-type:after {
      content: ''; }

.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.66667rem;
    width: 1.66667rem;
    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.41667rem;
    margin-right: 0.75rem; }
    .socialLinks .socialLinks-item:last-child {
      margin-right: 0; }

.socialLinks__link {
  position: relative; }
  .socialLinks__link:before {
    content: " ";
    position: absolute;
    right: 0;
    top: 50%;
    border-width: 0.83333rem;
    border-style: solid;
    border-color: transparent transparent #313440 transparent; }
  .socialLinks__link:after {
    content: attr(title);
    padding: 0.33333rem 0.5rem;
    background-color: #313440;
    color: white;
    position: absolute;
    font-size: 1rem;
    white-space: nowrap;
    right: 0;
    top: 100%;
    cursor: default;
    border-radius: 0.66667rem; }
  .socialLinks__link:before, .socialLinks__link:after {
    display: none; }
  .socialLinks__link:focus:before, .socialLinks__link:focus:after {
    display: block; }
  .socialLinks__link:focus::after {
    left: 0;
    right: auto; }

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

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

.heroCarousel {
  margin-bottom: 4.5rem;
  margin-top: -1.5rem;
  width: 1px;
  min-width: 100%; }
  @media (min-width: 992px) {
    .heroCarousel {
      margin-top: -2.5rem; } }
  @media (min-width: 551px) {
    .heroCarousel.slick-initialized {
      max-height: 33.33333rem; } }
  @media (min-width: 992px) {
    .heroCarousel.slick-initialized {
      max-height: 50rem; } }
  @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: 992px) {
      .heroCarousel .slick-next {
        right: 25px; } }
  .heroCarousel .slick-prev {
    left: 15px; }
    @media (min-width: 992px) {
      .heroCarousel .slick-prev {
        left: 25px; } }
  .heroCarousel .slick-dots {
    bottom: 0.5rem; }
    @media (min-width: 992px) {
      .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: 33.33333rem; } }
    @media (min-width: 992px) {
      .heroCarousel-slide .heroCarousel-image-wrapper {
        max-height: 50rem; } }

.heroCarousel-content {
  background-color: white;
  padding: 0.75rem 1.5rem 3rem;
  text-align: center; }
  @media (min-width: 551px) {
    .heroCarousel-content {
      background-color: white;
      background-color: rgba(255, 255, 255, 0.9);
      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: 58.33333rem;
      width: 70%; }
      .heroCarousel-content.heroCarousel-content--empty {
        background-color: transparent; } }

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

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

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

@media (min-width: 992px) {
  .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: 992px) {
  .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.75rem;
        padding-top: 0.75rem; } }
    .account--addReturn .table th + th,
    .account--addReturn .table th + td,
    .account--addReturn .table td + th,
    .account--addReturn .table td + td {
      padding-left: 0; }
      @media (min-width: 551px) {
        .account--addReturn .table th + th,
        .account--addReturn .table th + td,
        .account--addReturn .table td + th,
        .account--addReturn .table td + td {
          padding-left: 1.5rem; } }
  .account--addReturn .table .return-itemTitle + .definitionList {
    margin-top: 0.16667rem; }
  @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.41667rem; }
  @media (min-width: 551px) {
    .return-itemPrice {
      color: inherit;
      margin-bottom: 0;
      text-align: center; } }

.return-itemQuantity .form-label {
  display: inline;
  margin-right: 0.41667rem; }
  @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: 992px) {
    .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; }

.productReviews {
  min-height: 544px; }
  @media (min-width: 551px) {
    .productReviews {
      min-height: 411px; } }

.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: 992px) {
    .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.41667rem; }

.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: 992px) {
    .productView-image {
      min-height: 366px;
      min-width: inherit; } }
  .productView-image + .productView-thumbnails {
    margin-top: 0.75rem; }
  @media (min-width: 320px) and (max-width: 992px) {
    .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;";
    max-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.41667rem;
  margin-right: -0.41667rem; }
  .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: 3.33333rem;
    margin-right: 3.33333rem; }
  .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: 105px; }

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

.productView-thumbnail-link {
  border: 1px solid #e5e5e5;
  box-sizing: content-box;
  display: inline-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: 0.25rem; }

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

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

.productView-title {
  font-size: 20px;
  margin: -0.75rem 0 0.41667rem; }
  @media (min-width: 992px) {
    .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.75rem; }
  @media (min-width: 1261px) {
    .productView-brand {
      font-size: 20px;
      margin: -0.16667rem 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: 992px) {
    .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.41667rem;
  vertical-align: middle; }
  .productView-reviewLink:hover {
    color: #333333; }
  .productView-reviewLink--new {
    padding: 0; }

.productView-info {
  margin-top: 0.75rem; }
  .productView-info:before, .productView-info:after {
    content: " ";
    display: table; }
  .productView-info:after {
    clear: both; }
  @media (min-width: 551px) {
    .productView-info {
      margin-top: 0; } }
  @media (min-width: 551px) {
    .productView-info > :first-child {
      margin-top: 0.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.16667rem;
  margin-right: 0.41667rem; }
  @media (min-width: 551px) {
    .productView-info-name {
      font-family: "Roboto", Arial, Helvetica, sans-serif;
      font-size: 13px;
      font-weight: 400; } }

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

.productView-options {
  margin-bottom: 1.5rem;
  overflow: hidden; }
  .productView-options:before, .productView-options:after {
    content: " ";
    display: table; }
  .productView-options:after {
    clear: both; }
  @media (min-width: 992px) {
    .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; }
      @media (max-width: 576px) {
        .productView-options .form .add-to-cart-wrapper__sticky-mobile {
          position: fixed;
          bottom: 0;
          left: 0;
          right: 0;
          z-index: 100;
          padding: 1.33333rem;
          background-color: #F7F7F7; }
          .productView-options .form .add-to-cart-wrapper__sticky-mobile .form-field--increments {
            display: flex;
            justify-content: space-between; }
            .productView-options .form .add-to-cart-wrapper__sticky-mobile .form-field--increments::after, .productView-options .form .add-to-cart-wrapper__sticky-mobile .form-field--increments::before {
              display: none; }
            .productView-options .form .add-to-cart-wrapper__sticky-mobile .form-field--increments .form-label {
              display: none; }
            .productView-options .form .add-to-cart-wrapper__sticky-mobile .form-field--increments .total {
              font-size: 2rem;
              font-weight: 700;
              justify-content: flex-end;
              align-items: center;
              display: flex; } }
      @media (max-width: 576px) and (min-width: 577px) {
        .productView-options .form .add-to-cart-wrapper__sticky-mobile .form-field--increments .total {
          display: none; } }
      @media (max-width: 576px) {
          .productView-options .form .add-to-cart-wrapper__sticky-mobile .form-action {
            min-width: calc(50% - 10px); }
            .productView-options .form .add-to-cart-wrapper__sticky-mobile .form-action button.button {
              width: 100%; }
              .productView-options .form .add-to-cart-wrapper__sticky-mobile .form-action button.button span {
                margin: 0 auto; } }
  .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,
    .productView-options .form-field > .form-radio + .form-label {
      display: inline-block;
      margin-left: 1.5rem;
      width: auto; }
      @media (min-width: 551px) {
        .productView-options .form-field > .form-checkbox + .form-label,
        .productView-options .form-field > .form-radio + .form-label {
          margin-left: 0;
          width: 100%; } }
    .productView-options .form-field > .form-label:nth-of-type(2) {
      margin-left: 0; }
  .productView-options .form-action {
    display: inline-block; }
    @media (min-width: 992px) {
      .productView-options .form-action {
        float: left;
        padding: 0 0.83333rem;
        width: 50%; } }
    @media (min-width: 992px) {
      .productView-options .form-action {
        padding: 0;
        width: auto; } }
    @media (min-width: 992px) {
      .productView-options .form-action {
        margin-top: 1rem; } }
    .productView-options .form-action .button {
      width: 100%; }
      @media (min-width: 992px) {
        .productView-options .form-action .button {
          width: auto; } }
      @media (min-width: 1261px) {
        .productView-options .form-action .button {
          margin-right: 0.75rem; } }
    .productView-options .form-action .button--primary {
      margin-right: 0.75rem; }

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

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

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

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

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

.shareProduct {
  text-align: center; }

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

#wr360ThemePanel__wr360_player {
  visibility: hidden !important; }
  #wr360ThemePanel__wr360_player.show {
    visibility: visible !important; }

.relatedCarousel .productCarousel {
  margin: 0 auto 2rem; }

.relatedCarousel .slick-dots {
  display: block !important; }

.relatedCarousel .card-title,
.relatedCarousel .card-figure {
  margin-bottom: 0 !important;
  height: auto !important; }

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

.relatedCarousel .relatedCarousel-title {
  text-align: center;
  font-family: inherit;
  font-weight: 700;
  font-size: 20px;
  min-height: 20px; }

.relatedCarousel .card {
  padding: 0px .5rem 1rem; }

.relatedCarousel .card .price-section.ss-on-sale,
.customersViewed .card .price-section.ss-on-sale {
  color: #ea3a02;
  font-weight: 700; }

.relatedCarousel .card .price-section--withoutTax,
.customersViewed .card .price-section--withoutTax {
  visibility: hidden; }

.relatedCarousel .card.showPrice .price-section--withoutTax,
.customersViewed .card.showPrice .price-section--withoutTax {
  visibility: visible; }

.productView-relatedProducts {
  display: none; }
  @media (min-width: 992px) {
    .productView-relatedProducts {
      display: block;
      margin: auto;
      max-width: 800px; }
      .productView-relatedProducts h2 {
        font-size: 18px;
        font-weight: 700;
        margin-top: 0;
        text-align: center; }
      .productView-relatedProducts .productGrid {
        text-align: center; }
      .productView-relatedProducts .card {
        margin-bottom: 1rem;
        padding: 0 12.5px 1rem; }
        .productView-relatedProducts .card .button {
          width: 100%; }
      .productView-relatedProducts .card-body {
        text-align: center; }
      .productView-relatedProducts .card-figure {
        margin-bottom: 0;
        min-height: auto; }
      .productView-relatedProducts .card-title a {
        display: -webkit-box;
        overflow: hidden;
        text-decoration: none;
        text-overflow: ellipsis; }
      .productView-relatedProducts .card-title + div {
        display: flex; }
      .productView-relatedProducts .card-img-container::after {
        padding-bottom: 100%; } }
  .productView-relatedProducts .button--small {
    font-size: 10px;
    margin: auto;
    max-width: max-content;
    padding: 0.5rem 1rem; }
  .productView-relatedProducts .button--white-shadow {
    background-color: #fff;
    border: 1px solid #ec3700;
    box-shadow: #ec3700 0 3px 0 0;
    color: #ec3700; }

.yotpo-reviews {
  justify-content: center; }
  .yotpo-reviews .yotpo-bottomline {
    flex-direction: column;
    align-items: center; }

.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: "Roboto", Arial, Helvetica, sans-serif;
  font-size: 15px;
  font-weight: 400;
  padding: 1.25rem 1rem;
  position: relative;
  text-align: right;
  width: 0; }
  @media (min-width: 992px) {
    .compareTable-heading {
      width: 25%; } }

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

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

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

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

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

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

.blocker-container {
  position: relative; }

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

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

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

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

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

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

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

.toggleLink-text {
  font-size: 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: 100rem;
  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: 992px) {
    .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: 992px) {
    .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: 992px) {
      .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: 992px) {
    .facetedSearch-refineFilters {
      display: block; } }

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

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

.banner {
  margin: 0 auto;
  max-width: 100rem;
  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.16667rem 0.5rem 0.16667rem 0.66667rem;
  text-decoration: none; }
  .facetLabel .icon {
    height: 1rem;
    width: 1rem;
    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: 992px) {
    .cart {
      display: table; } }

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

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

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

.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: 992px) {
    .cart-item-figure {
      margin-bottom: 0;
      margin-left: -33.33333%;
      width: 33.33333%;
      padding: 0.5rem 0; } }
  @media (min-width: 992px) {
    .cart-item-figure {
      float: none;
      width: 8.33333%; } }

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

.cart-item-image {
  max-height: 14rem;
  max-width: 100px;
  bottom: 0;
  left: 0;
  margin: auto;
  position: absolute;
  right: 0;
  top: 0; }
  @media (min-width: 992px) {
    .cart-item-image {
      margin-left: 0; } }

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

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

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

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

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

.cart-item-label {
  color: #38383e;
  float: left;
  margin-bottom: 0.41667rem;
  text-align: right;
  width: 33.33333%; }
  @media (min-width: 992px) {
    .cart-item-label {
      display: block;
      padding-left: 1.5rem;
      text-align: left;
      width: 100%; } }
  @media (min-width: 992px) {
    .cart-item-label {
      display: none; } }

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

.cart-item-brand {
  color: #757575;
  margin-bottom: 0.16667rem; }

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

.cart-item-options--giftWrapping {
  margin-top: 1.16667rem; }
  .cart-item-options--giftWrapping .cart-item-option-description {
    color: #38383e; }

.cart-remove {
  background-color: #e5e5e5;
  border-radius: 50%;
  cursor: pointer;
  float: right;
  height: 1.5rem;
  margin-top: 0.16667rem;
  padding: 0.16667rem;
  transition: background-color 0.15s ease;
  width: 1.5rem; }
  @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: 992px) {
    .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; }
  .cart-total + .cart-total {
    border-top: 1px solid #e5e5e5; }
  .cart-total .form-input {
    display: inline-block;
    height: 2.66667rem;
    padding: 0.5rem;
    vertical-align: top;
    width: 75%; }
  .cart-total .form-select {
    background-position: right 0.41667rem center;
    background-size: 1.66667rem 1.66667rem;
    height: 2.66667rem;
    margin-bottom: 0.75rem;
    padding: 0 0.75rem; }
  .cart-total .form-inlineMessage {
    text-align: left; }

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

.cart-total-value {
  text-align: right;
  padding: 1rem 0;
  width: 66.66667%; }
  @media (min-width: 551px) {
    .cart-total-value {
      width: 50%; } }

.cart-total-label,
.cart-total-value {
  float: left; }

.cart-total-grandTotal {
  font-family: "Roboto", Arial, Helvetica, sans-serif;
  font-size: 20px;
  position: relative; }
  @media (min-width: 992px) {
    .cart-total-grandTotal {
      top: -0.25rem; } }

.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.75rem;
    padding-right: 0.75rem;
    width: 20%; }

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

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

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

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

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

.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: 100rem;
  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: 375px) {
    .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.16667rem; }

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

.previewCartAction {
  margin: 0 auto;
  max-width: 100rem;
  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.75rem 0.41667rem; } }
  @media (min-width: 375px) {
    .previewCartAction {
      padding: 1.5rem 0.75rem; } }
  .previewCartAction .button {
    margin: 0;
    padding-left: 0.75rem;
    padding-right: 0.75rem;
    width: 100%; }

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

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

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

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

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

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

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

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

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

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

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

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

.address-label {
  color: #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.33333rem;
  overflow: hidden;
  padding-bottom: 67.5%;
  padding-top: 2.08333rem;
  position: relative;
  margin-bottom: 1.91667rem; }
  .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: 992px) {
    .videoGallery-item {
      width: 50%; } }

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

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

.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: 100rem;
  width: 100%; }
  .previewCart:before, .previewCart:after {
    content: " ";
    display: table; }
  .previewCart:after {
    clear: both; }
  @media (min-width: 992px) {
    .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: 41.66667%;
      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: 58.33333%;
      float: left; } }
  .previewCart .productView-title {
    margin-top: 0; }

.previewCartCheckout {
  background: #e5e5e5;
  padding: 1rem;
  text-align: center; }
  @media (min-width: 992px) {
    .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.75rem; }
    .previewCartCheckout .button:not(:last-child) {
      margin-bottom: 0.75rem; }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.login-form {
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  width: 100%;
  float: left; }
  @media (min-width: 992px) {
    .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: 992px) {
    .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 {
  font-size: 14px;
  padding-left: 0.75rem; }
  .new-customer-fact:first-child {
    font-weight: 700; }

.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: 992px) {
    .quickSearchResults {
      margin-top: 0; } }
  .quickSearchResults .modal-close {
    display: none; }
    @media (min-width: 992px) {
      .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; }
  .search-nav .search-tabs-widget-description {
    position: absolute;
    top: 0;
    left: 0;
    height: 1px;
    width: 1px;
    overflow: hidden;
    margin-left: -10000px; }

.navBar--account {
  display: none; }
  @media (min-width: 992px) {
    .navBar--account {
      display: block; } }
  .navBar--account .navBar-section {
    display: flex;
    flex-direction: column; }
    .navBar--account .navBar-section li {
      display: flex !important;
      order: 3; }
    .navBar--account .navBar-section li:first-child {
      order: 0; }
    .navBar--account .navBar-section li:nth-child(2) {
      order: 2; }
    .navBar--account .navBar-section li:nth-child(3) {
      order: 1; }

.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.75rem; }
  .account-product-figure > img {
    display: block; }

.account-product-figure--opposite {
  float: right;
  margin-left: 0.75rem;
  margin-right: 0; }

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

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

.account-product-figure {
  align-items: center;
  display: flex;
  flex-direction: column;
  margin: 0 2rem 0 0;
  position: relative;
  width: 70px; }
  .account-product-figure::after {
    content: "";
    display: block;
    height: 0;
    padding-bottom: 100%;
    width: 100%; }

.account-product-download {
  border-radius: 50%;
  height: 2.75rem;
  padding: 0;
  position: absolute;
  right: -0.75rem;
  top: -0.75rem;
  width: 2.75rem;
  z-index: 1; }
  .account-product-download .icon {
    height: 1.5rem;
    margin-top: 0.41667rem;
    width: 1.5rem; }
  .account-product-download svg {
    fill: white; }

.account-product-body {
  overflow: hidden;
  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.16667rem;
  text-transform: inherit; }
  .account-product-title > a {
    text-decoration: none; }
  .account-product-title + .definitionList {
    margin-top: 0.75rem; }

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

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

.account-product-description + .definitionList {
  margin: -1.41667rem 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%; } }
  @media (min-width: 551px) {
    .account-product-detail + .account-product-detail {
      margin-top: 0; } }
  @media (min-width: 551px) {
    .account-product-detail + .account-product-detail--full {
      margin-top: 1.5rem; } }

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

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

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

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

.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.41667rem;
  padding: 0.16667rem 0.5rem; }

.account-orderStatus-action {
  color: #757575;
  display: inline-block;
  font-size: 12px;
  font-style: italic;
  letter-spacing: 0.25px;
  margin-left: 0.75rem;
  text-align: right;
  text-decoration: underline;
  vertical-align: top; }
  @media (min-width: 551px) {
    .account-orderStatus-action {
      display: block;
      margin-left: 0; } }
  .account-orderStatus-action:hover {
    color: #333333; }

.account .pagination {
  color: #999999;
  margin-top: 3rem;
  text-align: center; }

.account-message .is-read {
  color: #999999; }

.account-sidebar-block {
  font-size: 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.16667rem;
  text-transform: inherit; }

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

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

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

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

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

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

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

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

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

.rewards-container {
  background: linear-gradient(to top, #f5f5f5 0%, #f5f5f5 50%, #d7f8ff 50%, #d7f8ff 100%);
  padding: 4rem 0; }

.rewards-section {
  display: grid;
  gap: 2rem;
  grid-template-columns: 1fr;
  margin: auto;
  max-width: 1200px; }
  @media (min-width: 992px) {
    .rewards-section {
      grid-template-columns: 1fr 1fr; } }

.rewards-card {
  border-radius: 10px;
  box-shadow: 0px 7px 13px rgba(0, 0, 0, 0.06);
  display: flex;
  flex-direction: column;
  justify-content: inherit;
  max-width: 80%;
  margin: auto;
  padding: 46px;
  text-align: center; }
  .rewards-card--white {
    background-color: white;
    color: #38383e; }
    .rewards-card--white .rewards-link {
      color: #38383e; }
  .rewards-card--blue {
    background-color: #324191;
    color: white; }
    .rewards-card--blue .rewards-link {
      color: white; }
  .rewards-card--lightblue {
    background-color: #00B8E5;
    color: white; }
    .rewards-card--lightblue .seeMore-text,
    .rewards-card--lightblue .rewards-link {
      color: white;
      font-weight: bold; }
  .rewards-card .button {
    margin: 1rem auto; }
    @media (min-width: 992px) {
      .rewards-card .button {
        width: 254px; } }
  .rewards-card .button.button--white {
    background-color: white;
    border: 1px solid white;
    box-shadow: none;
    color: #324191; }
    .rewards-card .button.button--white:hover {
      background-color: transparent;
      border: 1px solid white; }
  .rewards-card img {
    margin: 0 auto 2rem;
    max-width: 120px; }
    @media (min-width: 551px) {
      .rewards-card img {
        max-width: 200px; } }
    @media (min-width: 992px) {
      .rewards-card img {
        max-width: 250px; } }
  @media (min-width: 992px) {
    .rewards-card {
      height: 100%;
      max-width: 100%;
      margin: auto; } }

.rewards-description {
  font-family: 'Roboto';
  font-size: 16px;
  max-width: 500px; }
  @media (min-width: 992px) {
    .rewards-description {
      font-size: 20px; } }

.rewards-link {
  font-size: 15px;
  font-weight: bold;
  margin-top: 1rem;
  text-decoration: underline; }

.rewards-image .reward-image--check {
  float: right; }

.reward-contact-wraper {
  background-color: #324191;
  background-image: url("../img/background-reward-contact.svg");
  min-height: 200px;
  padding: 78px 0 50px; }

.apple-pay-checkout-button {
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: 100% 60%;
  border-radius: 0.33333rem;
  cursor: pointer;
  display: none;
  max-height: 5.33333rem;
  min-height: 2.66667rem;
  min-width: 11.16667rem;
  padding: 1.5rem;
  background-color: #000;
  background-image: -webkit-named-image(apple-pay-logo-white); }

.apple-pay-supported .apple-pay-checkout-button {
  display: block; }
  @media (min-width: 551px) {
    .apple-pay-supported .apple-pay-checkout-button {
      display: inline-block;
      float: right; } }

.apple-pay-supported .previewCartCheckout .apple-pay-checkout-button {
  display: inline-block;
  float: none; }

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

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

.paymentMethod {
  background-color: #e5e5e5;
  border: 1px solid #e5e5e5;
  border-radius: 0.25rem;
  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.75rem;
    width: 2.33333rem; }
    @media (min-width: 1261px) {
      .methodHeader-icon {
        width: 3.5rem; } }
  .methodHeader-title {
    font-size: 13px;
    font-weight: 600; }
    @media (min-width: 1261px) {
      .methodHeader-title {
        font-size: 1rem; } }
  .methodHeader-brand {
    font-size: 13px;
    font-weight: 600; }
    @media (min-width: 1261px) {
      .methodHeader-brand {
        font-size: 1rem; } }
  .methodHeader-meta {
    display: flex;
    flex-wrap: nowrap;
    padding-left: 0.75rem;
    margin-left: auto; }
  .methodHeader-default {
    fill: #666666;
    height: 1.5rem;
    margin-left: 0.75rem;
    width: 1.5rem; }
    @media (min-width: 1261px) {
      .methodHeader-default {
        height: 1.66667rem;
        width: 1.66667rem; } }
  .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;
  min-height: 15.5rem;
  height: 100%;
  justify-items: center;
  min-height: 15.5rem;
  text-decoration: none; }
  .newPaymentMethod-icon {
    font-size: 50px;
    line-height: 1;
    margin: auto 0 0.75rem; }
  .newPaymentMethod-title {
    margin: 0 auto auto;
    text-align: center; }

@media (min-width: 551px) {
  .paymentMethodForm {
    max-width: 60%; } }

@media (min-width: 551px) {
  .paymentMethodForm-column {
    display: flex; }
    .paymentMethodForm-column:first-child .form-field {
      margin-bottom: 0.75rem; } }

.paymentMethodForm-heading {
  color: #333333;
  font-family: "Roboto", Arial, Helvetica, sans-serif;
  margin-top: 1.5rem;
  text-transform: capitalize; }

.paymentMethodForm-subheading {
  display: flex;
  font-weight: 600; }

@media (min-width: 551px) {
  .paymentMethodForm-cards {
    margin-left: auto; } }

.paymentMethodForm-cards-icon {
  margin-right: 0.16667rem;
  width: 2.83333rem; }

.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.75rem;
  top: 2.75rem; }
  .paymentMethodForm-inputs-icon.icon {
    fill: #999999;
    height: 1.75rem;
    width: 1.75rem; }

.paymentMethodForm-details {
  margin-bottom: 0; }
  @media (min-width: 551px) {
    .paymentMethodForm-details {
      display: inline-block;
      margin: 0 3rem 0 0; } }

.paymentMethodForm-details-term {
  font-weight: 400;
  margin-bottom: 0.75rem; }

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

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

.searchspring-content,
#searchspring-sidebar {
  visibility: hidden; }
  .searchspring-content.ss-targeted,
  #searchspring-sidebar.ss-targeted {
    visibility: visible; }
  .searchspring-content .listing-loader,
  #searchspring-sidebar .listing-loader {
    position: absolute;
    left: 0;
    right: 0;
    display: block !important;
    text-align: center;
    visibility: visible; }

.searchspring-content {
  min-height: 500px !important; }

.reportSection-btn {
  margin-bottom: 0; }

@media (min-width: 992px) {
  .reportForm-fields {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap; }
    .reportForm-fields .form-field {
      display: inline-block;
      width: 48%; } }

.reportForm-actions {
  text-align: center; }

.reportForm-errorGeneral,
.reportForm-error {
  color: #ea3a02; }
  .reportForm-errorGeneral span,
  .reportForm-error span {
    display: inline-block; }

.reportForm-error span {
  margin-top: 1rem; }

.reportForm-errorGeneral {
  text-align: center; }
  .reportForm-errorGeneral span {
    margin-bottom: 1rem; }

.listing-loader {
  display: none; }
  .listing-loader.active {
    display: flex;
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    width: 100%;
    z-index: 10000;
    justify-content: center;
    align-items: center; }

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

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

.header-logo {
  font-size: 0;
  height: inherit;
  margin: 0 4.58333rem;
  text-align: center; }
  @media (min-width: 551px) {
    .header-logo {
      margin-left: 6.875rem;
      margin-right: 6.875rem; } }
  @media (min-width: 992px) {
    .header-logo {
      height: auto;
      margin: 4rem auto 4.5rem;
      padding: 0; }
      .header.fixed .header-logo {
        background-color: #e5e5e5;
        margin: 0;
        padding: 0.41667rem 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;
    padding: 0;
    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: 992px) {
      .header-logo__link {
        background: none;
        border-bottom: 0;
        padding: 0;
        width: auto; } }
    .header-logo__link:hover {
      color: black; }
    .header-logo__link:active {
      color: black; }

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

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

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

.header-logo-image-container {
  position: relative;
  width: 100%; }

.header-logo-image-container::after {
  content: "";
  display: block;
  padding-bottom: 100px; }

.header-logo-image {
  bottom: 0;
  left: 0;
  margin: auto;
  position: absolute;
  right: 0;
  top: 0;
  max-height: none; }

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

.mobileMenu-toggle {
  height: 4.58333rem;
  width: 4.58333rem;
  display: inline-block;
  font-size: 0;
  left: 0;
  overflow: hidden;
  padding: 0 1.5rem;
  position: absolute;
  z-index: 50; }
  @media (min-width: 992px) {
    .mobileMenu-toggle {
      display: none; } }
  .mobileMenu-toggle .mobileMenu-toggleIcon,
  .mobileMenu-toggle .mobileMenu-toggleIcon::before,
  .mobileMenu-toggle .mobileMenu-toggleIcon::after {
    background: #38383e;
    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.66667rem; }
  .mobileMenu-toggle .mobileMenu-toggleIcon {
    top: 2.25rem;
    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: #38383e;
      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: 992px) {
    .body {
      margin-top: 2.5rem; } }

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

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

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

.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;
  margin-bottom: 3rem;
  vertical-align: top; }
  @media (min-width: 551px) {
    .footer-info-col {
      width: 50%; } }
  @media (min-width: 992px) {
    .footer-info-col {
      text-align: left;
      width: 33.33334%; } }
  .footer-info-col > :first-child {
    margin-top: 0; }
  .footer-info-col > :last-child {
    margin-bottom: 0; }

@media (min-width: 992px) {
  .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: 992px) {
  .footer-info-col--right {
    left: 0;
    padding: 0;
    text-align: right;
    width: 100%; } }

.footer-info-heading {
  font-size: 1rem;
  text-transform: inherit; }

.footer-info-list {
  list-style: none;
  margin-left: 0; }
  .footer-info-list a {
    color: #757575;
    text-decoration: none; }
    .footer-info-list a:hover {
      color: #333333; }

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

.footer-payment-icons {
  height: 3.33333rem;
  margin-top: 1.5rem; }
  @media (min-width: 992px) {
    .footer-payment-icons {
      margin-top: 3rem; } }
  .footer-payment-icons .footer-payment-icon {
    height: 100%;
    margin: 0.41667rem;
    vertical-align: middle;
    width: 4.16667rem; }
  .footer-payment-icons svg {
    fill: #757575; }

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

.container {
  margin-left: auto;
  margin-right: auto;
  padding: 0 1.5rem;
  width: 100%; }
  @media (min-width: 1261px) {
    .container {
      padding: 0 6rem; } }

pad-content.blog {
  margin-bottom: 1.5rem;
  padding: 3rem;
  padding-top: 0; }
  @media (min-width: 992px) {
    pad-content.blog {
      margin: auto;
      width: 100%; } }
  pad-content.blog + .blog {
    border-top: 1px solid #e5e5e5;
    padding-top: 3rem; }
    pad-content.blog + .blog .blog-title {
      padding-top: 0; }
  pad-content.blog .socialLinks {
    text-align: left; }
  pad-content.blog .addthis_toolbox {
    margin-top: 3rem; }
  pad-content.blog blockquote, pad-content.blog blockquote p {
    font-size: 12px;
    line-height: 18px;
    padding-left: 20px;
    margin-bottom: 20px; }
  pad-content.blog .blog-post-summary h1, pad-content.blog .blog-post-summary h2, pad-content.blog .blog-post-summary h3, pad-content.blog .blog-post-summary h4, pad-content.blog .blog-post-summary h5, pad-content.blog .blog-post-summary h6 {
    position: relative;
    padding-left: 16px; }
    pad-content.blog .blog-post-summary h1:before, pad-content.blog .blog-post-summary h2:before, pad-content.blog .blog-post-summary h3:before, pad-content.blog .blog-post-summary h4:before, pad-content.blog .blog-post-summary h5:before, pad-content.blog .blog-post-summary h6:before {
      content: "\f054";
      color: #ea8e0a;
      position: absolute;
      left: 0;
      top: 4px;
      font: normal normal normal 9px/1 FontAwesome; }

.blog-header {
  margin-bottom: 20px; }

.blog-title {
  margin: 0 0 1rem 0;
  font-family: "Roboto", Arial, Helvetica, sans-serif;
  font-weight: 700;
  padding: 15px 0px 5px;
  margin-bottom: 0;
  font-size: 15px;
  line-height: 1.1; }
  .blog-title a {
    text-decoration: none;
    color: #444; }
    .blog-title a:hover {
      color: #ea3a02; }

.brg-content {
  background-color: #ffffff;
  border-radius: 3px;
  overflow: hidden; }

.blog-post-summary {
  font-size: 1rem;
  text-align: left;
  margin-bottom: 10px;
  line-height: 20px; }
  .blog-post-summary p {
    font-size: 1rem !important;
    line-height: 20px !important; }

.blog-thumbnail {
  margin: 0;
  text-align: center; }
  .blog-thumbnail a img {
    border-radius: 4px; }

.blog-post-figure {
  display: block;
  margin: auto;
  text-align: left; }

.blog-post-body {
  display: block;
  margin: 0 auto;
  text-align: left;
  width: 100%;
  padding-top: 2rem;
  padding-bottom: 5rem; }
  .blog-post-body img {
    width: 100%; }
  .blog-post-body .blog-post {
    margin-bottom: 30px; }
    @media (min-width: 576px) {
      .blog-post-body .blog-post {
        min-height: 205px; } }
    @media (min-width: 768px) {
      .blog-post-body .blog-post {
        min-height: 225px; } }
    @media (min-width: 1200px) {
      .blog-post-body .blog-post {
        min-height: 185px; } }

.blog-readmore {
  border-width: 1px;
  font-size: 12px;
  letter-spacing: 0;
  margin-bottom: 30px;
  font-family: "Roboto", Arial, Helvetica, sans-serif;
  color: #ea3a02;
  font-weight: normal;
  box-shadow: none;
  padding: 0;
  border: none;
  height: auto;
  background: none !important;
  text-transform: none;
  text-decoration: underline; }
  .blog-readmore:hover {
    color: #ea3a02;
    text-decoration: none; }
  .blog-readmore ~ ul.tags {
    margin-top: 10px;
    margin-bottom: 10px; }

.pagination {
  width: 100%;
  margin: 0 0 15px;
  padding-top: 0.41667rem; }

.search-container {
  width: 100%;
  padding: 0 0 10px; }
  .search-container #blog-search {
    position: relative; }
    .search-container #blog-search .blog-search-input {
      padding: 10px;
      border: 1px solid #ccc;
      border-radius: 4px;
      width: 100%; }
    .search-container #blog-search button {
      position: absolute;
      right: 0;
      top: 0;
      background: #00b9e4;
      color: #fff;
      padding: 9px 10px;
      font-weight: bold;
      border-top-right-radius: 4px;
      border-bottom-right-radius: 4px; }
      .search-container #blog-search button:hover {
        background: #333; }

.blog-page #sideRecentPosts {
  border: none !important;
  padding-top: 0 !important; }
  .blog-page #sideRecentPosts .accordion-navigation {
    border: none;
    display: block; }
  .blog-page #sideRecentPosts .toggleLink .accordion-title {
    border: none;
    padding: 16px 0 14px;
    text-transform: none;
    font-weight: 600;
    font-size: 1.15rem; }
  .blog-page #sideRecentPosts .filter-content li {
    padding: 8px 0 7px; }
  .blog-page #sideRecentPosts .filter-content li:first-child {
    padding-top: 0; }

.blog-page article.blog {
  height: initial; }
  @media (min-width: 576px) {
    .blog-page article.blog {
      width: 50%;
      float: left;
      padding-left: 15px;
      padding-right: 15px;
      height: 427px; } }
  @media (min-width: 768px) {
    .blog-page article.blog {
      width: 33.33333333%;
      float: left;
      padding-left: 15px;
      padding-right: 15px; } }
  @media (min-width: 1200px) {
    .blog-page article.blog {
      height: 400px; } }
  @media (min-width: 1440px) {
    .blog-page article.blog {
      height: 425px; } }

.blog-page .blog-post-body {
  padding: 0; }

.blog-page .pagination-top {
  float: left;
  width: 100%;
  margin-bottom: 0; }

.blog-page .pagination-bottom {
  float: left;
  width: 100%;
  margin-top: 20px; }

.blog-page .search-results-header {
  width: 100%; }
  .blog-page .search-results-header .blog-search-results-heading {
    float: left; }
    @media (min-width: 992px) {
      .blog-page .search-results-header .blog-search-results-heading {
        padding-left: 30px; } }
    .blog-page .search-results-header .blog-search-results-heading .page-heading {
      margin-bottom: 40px; }
  .blog-page .search-results-header .clear-button-container {
    float: right;
    display: none; }

.blog-intro {
  background: #f5f5f5;
  text-align: center;
  padding: 60px 40px;
  margin-bottom: 40px; }
  .blog-intro h1 {
    font-weight: 600;
    font-size: 36px;
    margin-bottom: 12px;
    text-align: center;
    line-height: 1.1; }
  .blog-intro .sub-heading {
    color: #00b9e4;
    font-size: 20px !important;
    line-height: 20px !important; }
  .blog-intro .line-break {
    margin: 20px auto 15px;
    width: 60px;
    height: 2px;
    background: #00b9e4; }
  .blog-intro p:last-child {
    margin-bottom: 0; }

.bc-buy-button {
  width: 295px !important;
  height: 500px !important;
  padding: 5px; }
  .bc-buy-button iframe {
    border: 1px solid #eeeeee; }

.custom-blog .tags {
  display: flex;
  flex-wrap: wrap;
  justify-content: center; }
  @media (min-width: 1261px) {
    .custom-blog .tags {
      padding: 2rem 0; } }
  .custom-blog .tags .tag {
    color: white;
    display: inline;
    padding: .5rem .25rem; }
    .custom-blog .tags .tag a {
      display: inline-block;
      font-size: 14px;
      line-height: 1;
      color: #ffffff;
      font-weight: bold;
      font-family: "Paralucent";
      text-transform: uppercase;
      font-style: normal;
      text-align: center;
      min-width: 173px;
      padding: .5rem;
      border-radius: 5px;
      background-color: #00b9e4; }

.custom-blog .blog-header {
  margin-bottom: 0; }

.custom-blog .blog-title {
  font-size: 30px;
  padding: 1rem 0;
  text-align: center; }

.custom-blog .blog-post {
  margin-bottom: 0; }

.custom-blog .blog-post-summary p {
  font-size: 15px !important;
  line-height: 25px !important;
  letter-spacing: .01em; }

.custom-blog .blog-post-summary h2, .custom-blog .blog-post-summary h3, .custom-blog .blog-post-summary h4 {
  font-weight: 700;
  margin: 2.5rem 0 1.5rem; }

.custom-blog .blog-post-summary h2 {
  font-size: 20px; }

.custom-blog .blog-post-summary h3 {
  font-size: 18px; }

.custom-blog .blog-post-summary h4 {
  font-size: 15px; }

.custom-blog .post-quote {
  border-radius: 5px;
  background-color: #d2f7ff;
  padding: 2.5rem 2rem;
  margin: 3rem auto;
  font-size: 18px;
  line-height: 33px; }
  .custom-blog .post-quote figure {
    margin: 0; }
  .custom-blog .post-quote figcaption {
    display: inline;
    font-weight: 700;
    color: #38383e; }

.custom-blog .blog-thumbnail {
  margin: 0;
  text-align: center; }

.custom-blog .blog-post-figure {
  margin: 0 auto 3rem; }

.custom-blog .blog-post-body {
  padding: 0;
  position: relative;
  width: 100vw;
  left: calc(-50vw + 50%); }

.custom-blog .post-content {
  background-color: #f7f7f7;
  padding: 1rem 0; }
  @media (min-width: 1261px) {
    .custom-blog .post-content {
      min-height: 33rem;
      padding-top: 3rem; } }

.custom-blog .post-content-body {
  background-color: white;
  box-shadow: 0px 11px 8px -10px #cccccc, 0px -11px 8px -10px #cccccc; }
  @media (min-width: 1261px) {
    .custom-blog .post-content-body {
      width: 70%;
      margin: auto;
      position: relative;
      margin-top: -15rem; } }

.custom-blog .post-content-header {
  background-color: #dceff3;
  padding: .5rem;
  font-size: 13px;
  color: #38383d;
  font-weight: 400;
  font-family: "Roboto";
  display: flex;
  justify-content: space-around;
  align-items: center;
  position: relative; }
  .custom-blog .post-content-header .content-share {
    display: flex;
    align-items: center; }
    .custom-blog .post-content-header .content-share > span {
      padding: .25rem; }
      @media (min-width: 992px) {
        .custom-blog .post-content-header .content-share > span {
          padding: .5rem 1rem; } }
    .custom-blog .post-content-header .content-share .socialLinks li {
      display: inline-block;
      width: 25px;
      height: 25px; }
      @media (min-width: 992px) {
        .custom-blog .post-content-header .content-share .socialLinks li {
          width: 27px;
          height: 27px; } }
    .custom-blog .post-content-header .content-share .socialLinks::before, .custom-blog .post-content-header .content-share .socialLinks::after {
      display: none; }
    .custom-blog .post-content-header .content-share .socialLinks__link {
      width: 25px;
      height: 25px;
      margin-right: 2px;
      margin-left: 2px;
      border-radius: 50px;
      background-position: 50% 50%;
      -webkit-transition: all 200ms ease;
      transition: all 200ms ease;
      max-width: 100%;
      display: inline-block;
      background-repeat: no-repeat;
      background-size: 15px; }
      .custom-blog .post-content-header .content-share .socialLinks__link.icon--facebook {
        margin-left: 0px;
        background-image: url(../icons/fb.svg);
        background-color: #3b5998; }
      .custom-blog .post-content-header .content-share .socialLinks__link.icon--twitter {
        background-image: url(../icons/tw.webp);
        background-color: #1da1f2; }
      .custom-blog .post-content-header .content-share .socialLinks__link.icon--linkedin {
        background-image: url(../icons/in.svg);
        background-color: #0077b5; }
      .custom-blog .post-content-header .content-share .socialLinks__link.icon--email {
        background-image: url(../icons/email.svg);
        background-size: 19px;
        background-color: #ff4903; }
      .custom-blog .post-content-header .content-share .socialLinks__link:hover {
        transform: translate(0px, -3px); }
      @media (min-width: 992px) {
        .custom-blog .post-content-header .content-share .socialLinks__link {
          width: 27px;
          height: 27px; } }
  .custom-blog .post-content-header .content-back {
    display: none;
    transition: all 0.3s ease 0s;
    cursor: pointer; }
    .custom-blog .post-content-header .content-back::before {
      content: '<'; }
    .custom-blog .post-content-header .content-back a {
      color: #38383d; }
    .custom-blog .post-content-header .content-back:hover {
      color: #00b9e4; }
      .custom-blog .post-content-header .content-back:hover a {
        border-bottom: 1px solid #00b9e4;
        color: #00b9e4; }
    @media (min-width: 992px) {
      .custom-blog .post-content-header .content-back {
        display: block; } }
  .custom-blog .post-content-header .content-date {
    display: flex;
    text-align: center; }
    .custom-blog .post-content-header .content-date > span {
      padding: .5rem; }
    @media (min-width: 992px) {
      .custom-blog .post-content-header .content-date {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%); } }
  .custom-blog .post-content-header .content-dateText {
    padding: .5rem 0 .5rem .5rem; }
    .custom-blog .post-content-header .content-dateText:after {
      content: '|';
      color: #00b9e4; }
      @media (min-width: 992px) {
        .custom-blog .post-content-header .content-dateText:after {
          padding-left: .5rem; } }
    .custom-blog .post-content-header .content-dateText span:first-child {
      font-weight: 700; }
  .custom-blog .post-content-header .content-shareInner {
    display: none; }
  @media (min-width: 992px) {
    .custom-blog .post-content-header {
      justify-content: space-between;
      padding: .5rem 1rem; }
      .custom-blog .post-content-header .content-shareInner {
        display: inline; } }

.custom-blog .post-content-main {
  padding: 3.5rem 0 0;
  margin: auto;
  width: 85%; }

.custom-blog .blog-recentPosts {
  display: none;
  padding: 3rem;
  background-color: #334291;
  position: relative;
  width: 100vw;
  left: calc(-50vw + 50%); }
  .custom-blog .blog-recentPosts.show {
    display: block; }
  @media (min-width: 1261px) {
    .custom-blog .blog-recentPosts {
      margin: 3rem 0 0; } }

.custom-blog .blog-recentPosts-title {
  color: #00b9e4;
  font-size: 25px;
  text-transform: uppercase;
  font-weight: 700;
  text-align: center; }

.custom-blog .blog-recentPosts-tags {
  display: flex;
  flex-wrap: wrap;
  justify-content: center; }
  .custom-blog .blog-recentPosts-tags li {
    border-radius: 5px;
    border: 1px solid #ffffff;
    margin: .5rem;
    cursor: pointer; }
  .custom-blog .blog-recentPosts-tags a {
    color: #ffffff;
    font-size: 14px;
    line-height: 1;
    text-transform: uppercase;
    font-family: "Paralucent";
    padding: .5rem;
    display: inline-block; }
  @media (min-width: 1261px) {
    .custom-blog .blog-recentPosts-tags {
      width: 60%;
      margin: auto; } }

.custom-blog .blog-recentPosts-posts {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin-bottom: 1rem; }
  .custom-blog .blog-recentPosts-posts li {
    width: 286px;
    margin: .5rem;
    padding: .25rem;
    text-align: center; }
  .custom-blog .blog-recentPosts-posts img {
    width: 280px;
    height: 160px;
    object-fit: cover; }
  .custom-blog .blog-recentPosts-posts .blog-recentPosts-name {
    display: inline-block;
    font-size: 18px;
    line-height: 23px;
    color: #ffffff;
    font-weight: 700;
    font-family: "Roboto"; }
  @media (min-width: 1261px) {
    .custom-blog .blog-recentPosts-posts {
      margin-bottom: 2rem; }
      .custom-blog .blog-recentPosts-posts li {
        margin: 2rem; } }

.sidebarBlock + .sidebarBlock {
  border-top: 1px solid #e5e5e5;
  margin-top: 2rem;
  padding-top: 2rem; }

.sidebarBlock-heading {
  font-size: 1.25rem;
  margin-top: 0;
  text-transform: inherit; }

.blog-page aside.page-sidebar.col-sm-3 {
  padding: 0;
  margin-right: 0 !important; }
  @media (min-width: 992px) {
    .blog-page aside.page-sidebar.col-sm-3 > nav {
      display: block !important; } }
  @media (max-width: 991px) {
    .blog-page aside.page-sidebar.col-sm-3 {
      width: 100%; }
      .blog-page aside.page-sidebar.col-sm-3 > nav {
        display: none; } }

.blog-page #sidebar-toggle {
  display: none; }
  @media (max-width: 991px) {
    .blog-page #sidebar-toggle {
      display: block !important;
      clear: both;
      -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.08);
      -moz-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.08);
      box-shadow: 0 2px 5px rgba(0, 0, 0, 0.08);
      border-bottom: 1px solid #dcdcdc;
      background-color: #ffffff;
      border-radius: 3px;
      overflow: hidden;
      margin: 0 auto;
      max-width: 100rem;
      width: 100%;
      margin-bottom: 28px;
      padding: 14px 20px; }
      .blog-page #sidebar-toggle .title-sidebar-toggle {
        padding-left: 35px;
        padding-right: 5px;
        display: inline-block;
        text-transform: uppercase;
        font-size: 17px;
        font-weight: 500;
        background: url("/assets/img/filter-icon.png") no-repeat; }
      .blog-page #sidebar-toggle .btn-sidebar-toggle {
        display: inline-block;
        padding: 0;
        font-size: 19px;
        font-weight: bold;
        color: #ea3a02; }
      .blog-page #sidebar-toggle a {
        display: -webkit-box;
        /* OLD - iOS 6-, Safari 3.1-6 */
        display: -moz-box;
        /* OLD - Firefox 19- (buggy but mostly works) */
        display: -ms-flexbox;
        /* TWEENER - IE 10 */
        display: -webkit-flex;
        /* NEW - Chrome */
        display: flex;
        /* NEW, Spec - Opera 12.1, Firefox 20+ */
        flex-wrap: nowrap;
        text-align: center;
        text-transform: capitalize;
        display: block;
        color: #38383e; }
        .blog-page #sidebar-toggle a:hover {
          color: black; }
        .blog-page #sidebar-toggle a i {
          font-size: 14px;
          line-height: 20px; } }

.blog-page aside.page-sidebar.col-sm-3 ~ main.page-content.col-sm-9 {
  padding: 0;
  padding-left: 30px; }
  @media (max-width: 991px) {
    .blog-page aside.page-sidebar.col-sm-3 ~ main.page-content.col-sm-9 {
      width: 100%;
      padding-left: 0; } }

.blog-page .sidebarBlock {
  margin-bottom: 20px;
  clear: both;
  border: 1px solid;
  background-color: #ffffff;
  -o-border-radius: 5px;
  -ms-border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  overflow: hidden; }

.blog-page #sideRecentPosts ul {
  list-style: none;
  margin-bottom: 10px;
  margin: 0; }
  .blog-page #sideRecentPosts ul li {
    padding: 8px 20px 7px;
    border-bottom: 1px solid #eaeaea; }
    .blog-page #sideRecentPosts ul li a {
      font-family: "Roboto", Arial, Helvetica, sans-serif;
      font-size: 12px;
      display: inline;
      position: relative;
      color: #ea3a02; }
      .blog-page #sideRecentPosts ul li a:hover {
        text-decoration: underline;
        color: #ea3a02; }
    .blog-page #sideRecentPosts ul li:last-child {
      border-bottom: 0; }

.blog-page .page-sidebar .side-module-heading {
  font-family: "Roboto", Arial, Helvetica, sans-serif;
  background: #ffffff;
  padding-top: 0;
  border-bottom: 1px solid;
  padding: 16px 20px 14px;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 16px;
  letter-spacing: 0;
  text-align: left;
  font-weight: bold;
  color: #38383e;
  line-height: 1.1;
  text-transform: uppercase; }

@media (max-width: 991px) {
  .blog-page .page-sidebar .accordion-navigation.is-open .accordion-title.side-module-heading {
    border-bottom: 1px solid #eaeaea; }
  .blog-page .page-sidebar .accordion-navigation .accordion-title.side-module-heading {
    border-bottom: 0; } }

.blog-page .page-sidebar .accordion-content {
  background: #ffffff;
  padding: 20px; }

.blog-page .page-sidebar .accordion-block {
  border: 1px solid;
  -o-border-radius: 5px;
  -ms-border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  overflow: hidden; }
  .blog-page .page-sidebar .accordion-block .accordion-navigation.is-open .accordion-title.side-module-heading {
    border-bottom: 1px solid; }
  .blog-page .page-sidebar .accordion-block .accordion-navigation .accordion-title.side-module-heading {
    border-bottom: 0; }

.blog-page .page-sidebar .navList-action {
  padding: 0; }

.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: 992px) {
      .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: 992px) {
      .productGrid .product {
        width: 25%; } }

.productMasonry {
  column-count: 2;
  column-fill: auto;
  column-gap: 1.66667rem;
  margin: 0 0 1.5rem;
  overflow: hidden; }
  @media (min-width: 551px) {
    .productMasonry {
      column-count: 3; } }
  @media (min-width: 992px) {
    .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: 992px) {
  .no-csscolumns .productGrid--maxCol6 .product {
    width: 16.66667%; } }

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

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

@media (min-width: 992px) {
  .csscolumns .productGrid--maxCol3 {
    padding-left: 0.75rem;
    padding-right: 0.75rem;
    width: 100%;
    float: left;
    float: none; }
    .csscolumns .productGrid--maxCol3 .product {
      padding-left: 0.75rem;
      padding-right: 0.75rem;
      width: 33.33333%;
      float: none; } }

.productList {
  list-style: none;
  margin-left: 0;
  margin: 0.75rem; }
  .productList ul,
  .productList ol {
    list-style: none;
    margin-bottom: 0; }
  .productList .product + .product {
    margin-top: 4rem; }

@media (min-width: 551px) {
  .listItem {
    margin: 0 -0.75rem;
    max-width: none;
    width: auto;
    display: table;
    width: 100%; }
    .listItem:before, .listItem:after {
      content: " ";
      display: table; }
    .listItem:after {
      clear: both; } }

@media (min-width: 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.75rem;
      padding-right: 0.75rem;
      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;
        transform-style: preserve-3d; } }

.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.25rem;
    padding-right: 0.75rem;
    width: 75%; } }

@media (min-width: 1261px) {
  .listItem-content {
    display: table; } }

@media (min-width: 1261px) {
  .listItem-details,
  .listItem-actions {
    display: table-cell;
    vertical-align: top; } }

@media (min-width: 1261px) {
  .listItem-details {
    padding-right: 6rem; }
    .listItem-details > :last-child {
      margin-bottom: 0; } }

.listItem-rating {
  margin-bottom: 0.41667rem; }

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

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

.listItem-price {
  margin-bottom: 1rem; }
  @media (min-width: 992px) {
    .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.58333rem 1.5rem; } }

.listItem-actions .button {
  margin-bottom: 0; }
  @media (min-width: 1261px) {
    .listItem-actions .button {
      width: 100%; }
      .listItem-actions .button + .button {
        margin: 0.75rem 0 0; } }

@media (min-width: 1261px) {
  .page-sidebar + .page-content .productList .listItem-details {
    padding-right: 3rem; } }

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

.actionBar-wrapper {
  display: flex;
  justify-content: flex-end; }
  .actionBar-wrapper .actionBar {
    margin: 0; }

.productView {
  margin: 0 -0.75rem;
  max-width: none;
  width: auto;
  margin-left: -1rem;
  margin-right: -1rem; }
  .productView:before, .productView:after {
    content: " ";
    display: table; }
  .productView:after {
    clear: both; }
  @media (min-width: 992px) {
    .productView {
      display: block; } }
  .modal .productView {
    padding-bottom: 0;
    padding-top: 0; }

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

.productView-images {
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  width: 100%;
  float: left;
  padding-left: 1rem;
  padding-right: 1rem; }
  @media (min-width: 768px) {
    .productView-images {
      width: 58.33333%; } }

.productView-details {
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  width: 100%;
  float: left;
  padding-left: 1rem;
  padding-right: 1rem; }
  @media (min-width: 768px) {
    .productView-details {
      clear: right;
      float: right;
      width: 41.66667%; } }
  .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: 768px) {
    .productView-description .productView-description {
      clear: both;
      float: none;
      width: 100%; } }

.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: 4.16667rem;
  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: 4.16667rem;
  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: 4.16667rem;
  left: 12px;
  position: absolute;
  top: 12px;
  width: 4.16667rem; }

.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 {
  line-height: 1.25rem;
  position: absolute;
  text-align: center;
  top: 20%;
  width: 4.16667rem;
  z-index: 50; }

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

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

.sale-flag-side, .sold-out-flag-side {
  border-radius: 0 50px 50px 0;
  font-size: 15px;
  font-weight: 700;
  height: 1.66667rem;
  line-height: 1.33333rem;
  padding-left: 0.5rem;
  padding-right: 0.75rem;
  padding-top: 0.08333rem;
  position: absolute;
  transition: 800ms ease;
  z-index: 10; }

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

.sold-out-flag-side {
  background: #007dc6;
  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; }

.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.66667rem;
  left: -25px;
  line-height: 1.33333rem;
  padding-top: 0.08333rem;
  position: absolute;
  text-align: center;
  top: 25px;
  transform: rotate(-45deg);
  transition: background-color 800ms ease;
  width: 9.91667rem;
  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-container {
  position: relative; }

.account {
  padding-bottom: 1.5rem; }

@media (min-width: 992px) {
  .account--fixed {
    width: 50%; } }

.account-benefits-info {
  margin: 0 -50vw;
  padding: 3rem 30px;
  left: 50%;
  max-width: 100vw;
  position: relative;
  right: 50%;
  width: 100vw;
  top: 0;
  bottom: 0; }
  @media (min-width: 992px) {
    .account-benefits-info {
      position: absolute;
      margin-left: 0;
      max-width: 50vw;
      width: 50vw;
      padding: 3rem 20px 3rem 80px; } }

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

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

.account-sidebar {
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  width: 100%;
  float: left; }
  @media (min-width: 992px) {
    .account-sidebar {
      width: 33.33333%; }
      .account-content--fixedSmall + .account-sidebar {
        float: right; } }

.shipping-tracking-button {
  display: block; }

.wipes-section--lightBlue {
  background-color: #eaf4f6 !important; }

.category-heading.wipes-section--lightBlue {
  background-image: none;
  padding: 0; }
  @media (min-width: 992px) {
    .category-heading.wipes-section--lightBlue {
      background-image: url("https://cdn11.bigcommerce.com/s-4vy9fc0z3x/images/stencil/original/image-manager/zogicsmarch2022-9776.png");
      background-position-x: right;
      background-repeat: no-repeat;
      min-height: 250px; } }

.wipes-section--grey {
  background-color: #f7f7f7;
  padding: 0 !important; }
  @media (min-width: 992px) {
    .wipes-section--grey {
      padding: 28px 10px !important; } }
  .wipes-section--grey .section-marquee .marquee-wrapper .marquee__group {
    animation: scroll-left 40s linear infinite; }

.wipes-section--white {
  background-color: #FFFFFF !important;
  padding: 10px; }

.category-heading.wipes-section--white {
  padding-left: 0;
  padding-right: 0; }
  .category-heading.wipes-section--white .container {
    padding-left: 0;
    padding-right: 0; }
  .category-heading.wipes-section--white .button-section {
    margin: 1rem; }
  .category-heading.wipes-section--white .wdgt-button-large {
    max-width: 100%; }
    @media (min-width: 551px) {
      .category-heading.wipes-section--white .wdgt-button-large {
        max-width: 246px; } }
  @media (min-width: 992px) {
    .category-heading.wipes-section--white {
      padding-left: unset;
      padding-right: unset; } }

.wipes-section--grey .bath-body-categories {
  margin-bottom: 1rem !important; }

.wipes-heading {
  display: flex;
  flex-direction: column;
  flex-flow: column-reverse;
  margin-top: 1rem;
  padding: 0; }
  .wipes-heading h1 {
    font-family: "Paralucent", sans-serif;
    font-size: 40px !important;
    font-weight: 700 !important;
    margin-bottom: 10px !important; }
  .wipes-heading p,
  .wipes-heading h2 {
    display: none; }
  .wipes-heading img {
    float: unset;
    min-height: 260px;
    width: fit-content;
    object-fit: cover; }
  @media (min-width: 551px) {
    .wipes-heading {
      align-items: center;
      grid-template-columns: 1fr; }
      .wipes-heading img {
        float: right; } }
  @media (min-width: 992px) {
    .wipes-heading {
      display: grid;
      grid-template-columns: 2fr 2fr; }
      .wipes-heading img {
        display: none; }
      .wipes-heading h2 {
        display: block;
        font-size: 14px;
        font-weight: 700 !important;
        margin-top: 0; }
      .wipes-heading p {
        display: block; } }
  @media (min-width: 1261px) {
    .wipes-heading {
      grid-template-columns: 3fr 2fr; } }

.wipes-subHeading {
  align-items: center;
  display: none;
  justify-content: space-between; }
  @media (min-width: 992px) {
    .wipes-subHeading {
      display: flex; } }
  .wipes-subHeading .wipes-subHeading--link {
    align-items: center;
    color: black;
    column-gap: 1rem;
    display: flex;
    flex-direction: row;
    font-weight: 700;
    justify-content: center;
    text-align: center; }
  .wipes-subHeading .slick-slide {
    text-align: center; }
  .wipes-subHeading .wipes-icon {
    max-height: 50px;
    width: auto; }
  .wipes-subHeading .slick-next,
  .wipes-subHeading .slick-prev {
    background-color: transparent !important;
    border-color: transparent;
    margin-top: 0; }

.wipes-comparison {
  display: flex;
  flex-direction: column; }
  @media (min-width: 992px) {
    .wipes-comparison {
      flex-direction: row;
      justify-content: center; } }

.wipes-component-section {
  display: grid;
  justify-content: center; }
  @media (min-width: 992px) {
    .wipes-component-section {
      display: unset; } }

.wipes-component {
  max-width: 314px;
  min-width: 180px !important; }
  .wipes-component h3 {
    color: black;
    font-size: 16px;
    font-weight: 700;
    margin-top: 1rem; }
    @media screen and (min-width: 993px) and (max-width: 1670px) {
      .wipes-component h3 {
        min-height: 45px; } }
  .wipes-component p {
    color: #929292;
    font-size: 13px;
    font-weight: 500; }
    @media screen and (min-width: 1065px) and (max-width: 1670px) {
      .wipes-component p {
        min-height: 43px; } }
  .wipes-component .icon {
    border: 1px solid  #00b9e4;
    border-radius: 50%; }
    .wipes-component .icon svg {
      fill: #00b9e4; }
  .wipes-component .wipes-component-image {
    display: block;
    margin: 1rem auto 0; }
  .wipes-component .wipes-badge {
    margin-top: 1rem; }
  .wipes-component-details {
    text-align: center;
    padding-top: 1rem; }
  .wipes-component-atributes {
    border-bottom: 1px solid #d0d3d4;
    border-top: 1px solid #d0d3d4;
    display: flex;
    flex-direction: column;
    margin-bottom: .5rem;
    padding: 1rem; }
    .wipes-component-atributes li {
      align-items: center;
      display: grid;
      font-size: 12pt;
      grid-template-columns: 50px auto; }
      @media screen and (min-width: 993px) {
        .wipes-component-atributes li {
          min-height: 75px; } }
      @media screen and (min-width: 1440px) {
        .wipes-component-atributes li {
          min-height: 60px; } }
      @media screen and (min-width: 993px) {
        .wipes-component-atributes li:first-child {
          min-height: 55px; } }
      @media screen and (min-width: 1440px) {
        .wipes-component-atributes li:first-child {
          min-height: 50px; } }
      @media screen and (min-width: 1440px) and (max-width: 1670px) {
        .wipes-component-atributes li:last-child {
          margin-top: 8px; } }
      .wipes-component-atributes li img {
        height: 2rem;
        margin: 0.5rem auto; }
  .wipes-component-button--mobile {
    display: inline-block;
    font-size: 1.16667rem;
    font-weight: 700;
    padding: 1rem 0;
    width: 100%; }
    @media (min-width: 992px) {
      .wipes-component-button--mobile {
        display: none; } }
  .wipes-component-button--desktop {
    display: none; }
    @media (min-width: 992px) {
      .wipes-component-button--desktop {
        display: inline-block;
        font-size: 1.16667rem;
        font-weight: 700;
        padding: 2rem 0;
        width: 100%; } }
  @media (min-width: 1670px) {
    .wipes-component {
      width: 314px !important; } }

.wipes-component-details .yotpo .rating-star:before,
.wipes-component-details .yotpo .rating-star,
.wipes-component-details .yotpo .yotpo-icon-empty-star:before,
.wipes-component-details .yotpo .yotpo-icon-empty-star,
.wipes-component-details .yotpo .yotpo-icon-half-star:before,
.wipes-component-details .yotpo .yotpo-icon-half-star {
  color: white; }

.wipes-component-details button {
  color: #929292; }

.wipes-component-details .yotpo a {
  color: white !important;
  margin-left: 1rem;
  text-decoration: underline !important; }

.wipes-switch {
  display: block;
  padding: 0; }
  @media (min-width: 992px) {
    .wipes-switch {
      display: none; } }
  .wipes-switch .icon svg {
    height: 2rem;
    width: 2rem; }

.wipes-switch--hide {
  display: none; }

.wipes-badge {
  align-content: center;
  border-radius: 50%;
  display: flex;
  height: 80px;
  justify-content: center;
  position: absolute;
  width: 80px; }
  .wipes-badge span {
    color: white;
    font-family: 'Paralucent';
    font-size: 13px;
    line-height: 1;
    margin: auto;
    text-align: center;
    text-transform: uppercase; }

.wipes-badge-popular {
  background-color: #8883d4; }

.wipes-badge-balanced {
  background-color: #ee6831; }

.wipes-badge-lowest {
  background-color: #61c251; }

.wipes-badge-valueWipes {
  background-color: #1b2023; }

.wipes-badge-plantPowered {
  background-image: url(../img/background-plant.png);
  height: 90px; }

.wipes-component--show {
  display: block; }

.wipes-component--hide {
  display: none; }

.wipes-component--back {
  height: 100%;
  margin: 0 12px;
  max-width: 314px;
  width: 100%; }
  @media (min-width: 1670px) {
    .wipes-component--back {
      width: 314px; } }
  .wipes-component--back.wipes-component--hide {
    margin: 0; }

.wipes-component-plantBase--back {
  background-color: #06618a; }

.wipes-component-desinfecting--back {
  background-color: #8c87d5; }

.wipes-component-cleaning--back {
  background-color: #ef6d37; }

.wipes-component-handSanitizing--back {
  background-color: #66c456; }

.wipes-component-valueWipes--back {
  background-color: #1b2023; }

.wipes-component--front {
  margin: 1rem; }

.wipes-component-plantBase--back,
.wipes-component-desinfecting--back,
.wipes-component-cleaning--back,
.wipes-component-handSanitizing--back,
.wipes-component-valueWipes--back {
  border-radius: 8px;
  text-align: left;
  margin: 1rem 0; }
  @media (min-width: 992px) {
    .wipes-component-plantBase--back,
    .wipes-component-desinfecting--back,
    .wipes-component-cleaning--back,
    .wipes-component-handSanitizing--back,
    .wipes-component-valueWipes--back {
      height: 100%; } }
  .wipes-component-plantBase--back p,
  .wipes-component-plantBase--back h3,
  .wipes-component-plantBase--back h4,
  .wipes-component-plantBase--back ul,
  .wipes-component-desinfecting--back p,
  .wipes-component-desinfecting--back h3,
  .wipes-component-desinfecting--back h4,
  .wipes-component-desinfecting--back ul,
  .wipes-component-cleaning--back p,
  .wipes-component-cleaning--back h3,
  .wipes-component-cleaning--back h4,
  .wipes-component-cleaning--back ul,
  .wipes-component-handSanitizing--back p,
  .wipes-component-handSanitizing--back h3,
  .wipes-component-handSanitizing--back h4,
  .wipes-component-handSanitizing--back ul,
  .wipes-component-valueWipes--back p,
  .wipes-component-valueWipes--back h3,
  .wipes-component-valueWipes--back h4,
  .wipes-component-valueWipes--back ul {
    color: white;
    text-align: left; }
  .wipes-component-plantBase--back p,
  .wipes-component-plantBase--back h4,
  .wipes-component-desinfecting--back p,
  .wipes-component-desinfecting--back h4,
  .wipes-component-cleaning--back p,
  .wipes-component-cleaning--back h4,
  .wipes-component-handSanitizing--back p,
  .wipes-component-handSanitizing--back h4,
  .wipes-component-valueWipes--back p,
  .wipes-component-valueWipes--back h4 {
    font-size: 1rem; }
  .wipes-component-plantBase--back h3,
  .wipes-component-desinfecting--back h3,
  .wipes-component-cleaning--back h3,
  .wipes-component-handSanitizing--back h3,
  .wipes-component-valueWipes--back h3 {
    font-size: 14px;
    font-weight: bold; }
  .wipes-component-plantBase--back ul,
  .wipes-component-desinfecting--back ul,
  .wipes-component-cleaning--back ul,
  .wipes-component-handSanitizing--back ul,
  .wipes-component-valueWipes--back ul {
    list-style: disc;
    padding-left: 1.5rem; }
  .wipes-component-plantBase--back img,
  .wipes-component-desinfecting--back img,
  .wipes-component-cleaning--back img,
  .wipes-component-handSanitizing--back img,
  .wipes-component-valueWipes--back img {
    padding-bottom: 2rem; }
  .wipes-component-plantBase--back .wipes-component-details,
  .wipes-component-desinfecting--back .wipes-component-details,
  .wipes-component-cleaning--back .wipes-component-details,
  .wipes-component-handSanitizing--back .wipes-component-details,
  .wipes-component-valueWipes--back .wipes-component-details {
    padding: 0 1.5rem 1.5rem; }
    .wipes-component-plantBase--back .wipes-component-details button,
    .wipes-component-desinfecting--back .wipes-component-details button,
    .wipes-component-cleaning--back .wipes-component-details button,
    .wipes-component-handSanitizing--back .wipes-component-details button,
    .wipes-component-valueWipes--back .wipes-component-details button {
      width: 100%; }

.wipes-cards {
  align-content: center;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between; }
  @media (min-width: 1261px) {
    .wipes-cards::after {
      content: "";
      width: 32.5%; } }
  .wipes-cards.cards-last-3-column {
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: auto;
    justify-items: center; }
    @media (min-width: 551px) {
      .wipes-cards.cards-last-3-column {
        grid-template-columns: 1fr 1fr;
        grid-template-rows: auto; } }
    @media (min-width: 992px) {
      .wipes-cards.cards-last-3-column {
        grid-template-columns: repeat(3, 1fr);
        grid-template-rows: auto; } }
    .wipes-cards.cards-last-3-column .card {
      width: 97%; }

#wipes-component-valueWipes--front .wipes-component-image {
  max-height: 220px; }

.wipes-clients-section {
  margin: 3rem auto; }
  .wipes-clients-section h2 {
    color: #353535;
    font-family: 'Roboto', sans-serif;
    font-size: 15px;
    font-weight: 700;
    margin-bottom: 2rem;
    text-align: center; }
    @media (min-width: 992px) {
      .wipes-clients-section h2 {
        font-size: 18px; } }
  .wipes-clients-section .wipes-clients-list {
    align-items: center;
    column-gap: 2rem;
    display: flex;
    flex-direction: row; }
  .wipes-clients-section .slick-slide img {
    margin: auto;
    max-height: 50px;
    width: auto !important; }

.wipes-prices {
  display: none; }
  @media (min-width: 992px) {
    .wipes-prices {
      column-gap: 4rem;
      display: grid;
      grid-template-columns: 1fr 1fr; } }
  .wipes-prices h2 {
    font-family: 'Roboto', sans-serif;
    font-size: 18px;
    font-weight: 700; }
  .wipes-prices p {
    font-family: 'Roboto', sans-serif;
    font-size: 14px; }
  .wipes-prices article {
    display: grid;
    grid-template-columns: auto 1fr;
    column-gap: 2rem; }
    .wipes-prices article img {
      margin-top: 2.5rem; }
  .wipes-prices .title-link {
    color: #38383e;
    font-size: 14px;
    font-weight: 700;
    letter-spacing: 0px;
    line-height: 22px;
    text-decoration: underline; }
  .wipes-prices .wipes-prices--detail span {
    color: #ea3a02;
    text-decoration: none; }

.wipes-button-container {
  padding: 0 2rem 2rem;
  border-bottom: 1px solid #d0d3d4; }

.wipes-mobile {
  border-bottom: 1px solid #cccec5;
  border-top: 1px solid #cccec5;
  display: flex;
  flex-direction: row;
  font-size: 18px;
  font-weight: 700;
  justify-content: space-between;
  padding: 1rem;
  text-align: left; }
  .wipes-mobile:first-child {
    border-top: 0; }
  @media (min-width: 992px) {
    .wipes-mobile {
      display: none; } }
  .wipes-mobile .icon svg {
    fill: #ea3a02;
    height: 2rem;
    width: 2rem; }

/* Dimensions and Screen sizes */
/* Colors */
/* Fonts */
@-ms-viewport {
  width: device-width; }

.visible-xs,
.visible-sm,
.visible-md,
.visible-lg {
  display: none !important; }

.visible-xs-block,
.visible-xs-inline,
.visible-xs-inline-block,
.visible-sm-block,
.visible-sm-inline,
.visible-sm-inline-block,
.visible-md-block,
.visible-md-inline,
.visible-md-inline-block,
.visible-lg-block,
.visible-lg-inline,
.visible-lg-inline-block {
  display: none !important; }

@media (max-width: 767px) {
  .visible-xs {
    display: block !important; }
  table.visible-xs {
    display: table; }
  tr.visible-xs {
    display: table-row !important; }
  th.visible-xs,
  td.visible-xs {
    display: table-cell !important; } }

@media (max-width: 767px) {
  .visible-xs-block {
    display: block !important; } }

@media (max-width: 767px) {
  .visible-xs-inline {
    display: inline !important; } }

@media (max-width: 767px) {
  .visible-xs-inline-block {
    display: inline-block !important; } }

@media (min-width: 768px) and (max-width: 991px) {
  .visible-sm {
    display: block !important; }
  table.visible-sm {
    display: table; }
  tr.visible-sm {
    display: table-row !important; }
  th.visible-sm,
  td.visible-sm {
    display: table-cell !important; } }

@media (min-width: 768px) and (max-width: 991px) {
  .visible-sm-block {
    display: block !important; } }

@media (min-width: 768px) and (max-width: 991px) {
  .visible-sm-inline {
    display: inline !important; } }

@media (min-width: 768px) and (max-width: 991px) {
  .visible-sm-inline-block {
    display: inline-block !important; } }

@media (min-width: 992px) and (max-width: 1199px) {
  .visible-md {
    display: block !important; }
  table.visible-md {
    display: table; }
  tr.visible-md {
    display: table-row !important; }
  th.visible-md,
  td.visible-md {
    display: table-cell !important; } }

@media (min-width: 992px) and (max-width: 1199px) {
  .visible-md-block {
    display: block !important; } }

@media (min-width: 992px) and (max-width: 1199px) {
  .visible-md-inline {
    display: inline !important; } }

@media (min-width: 992px) and (max-width: 1199px) {
  .visible-md-inline-block {
    display: inline-block !important; } }

@media (min-width: 1440px) {
  .visible-lg {
    display: block !important; }
  table.visible-lg {
    display: table; }
  tr.visible-lg {
    display: table-row !important; }
  th.visible-lg,
  td.visible-lg {
    display: table-cell !important; } }

@media (min-width: 1440px) {
  .visible-lg-block {
    display: block !important; } }

@media (min-width: 1440px) {
  .visible-lg-inline {
    display: inline !important; } }

@media (min-width: 1440px) {
  .visible-lg-inline-block {
    display: inline-block !important; } }

@media (max-width: 767px) {
  .hidden-xs {
    display: none !important; } }

@media (min-width: 768px) and (max-width: 991px) {
  .hidden-sm {
    display: none !important; } }

@media (min-width: 992px) and (max-width: 1199px) {
  .hidden-md {
    display: none !important; } }

@media (min-width: 1440px) {
  .hidden-lg {
    display: none !important; } }

.visible-print {
  display: none !important; }

@media print {
  .visible-print {
    display: block !important; }
  table.visible-print {
    display: table; }
  tr.visible-print {
    display: table-row !important; }
  th.visible-print,
  td.visible-print {
    display: table-cell !important; } }

.visible-print-block {
  display: none !important; }

@media print {
  .visible-print-block {
    display: block !important; } }

.visible-print-inline {
  display: none !important; }

@media print {
  .visible-print-inline {
    display: inline !important; } }

.visible-print-inline-block {
  display: none !important; }

@media print {
  .visible-print-inline-block {
    display: inline-block !important; } }

@media print {
  .hidden-print {
    display: none !important; } }

.container {
  margin-right: auto;
  margin-left: auto;
  padding-left: 15px;
  padding-right: 15px; }

@media (min-width: 576px) {
  .container {
    width: 100%; } }

@media (min-width: 768px) {
  .container {
    width: 100%; } }

@media (min-width: 992px) {
  .container {
    width: 100%; } }

@media (min-width: 1200px) {
  .container {
    width: 1140px; } }

@media (min-width: 1440px) {
  .container {
    width: 1400px; } }

.container-fluid {
  margin-right: auto;
  margin-left: auto;
  padding-left: 15px;
  padding-right: 15px; }

.col,
.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xl-1, .col-xxl-1, .col-xxxl-1,
.col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xl-2, .col-xxl-2, .col-xxxl-2,
.col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xl-3, .col-xxl-3, .col-xxxl-3,
.col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xl-4, .col-xxl-4, .col-xxxl-4,
.col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xl-5, .col-xxl-5, .col-xxxl-5,
.col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xl-6, .col-xxl-6, .col-xxxl-6,
.col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xl-7, .col-xxl-7, .col-xxxl-7,
.col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xl-8, .col-xxl-8, .col-xxxl-8,
.col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xl-9, .col-xxl-9, .col-xxxl-9,
.col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xl-10, .col-xxl-10, .col-xxxl-10,
.col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xl-11, .col-xxl-11, .col-xxxl-11,
.col-xs-12, .col-sm-12, .col-md-12, .col-lg-12, .col-xl-12, .col-xxl-12, .col-xxxl-12 {
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px; }

.col, .col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 {
  float: left; }

.col-xs-12 {
  width: 100%; }

.col-xs-11 {
  width: 91.66666667%; }

.col-xs-10 {
  width: 83.33333333%; }

.col-xs-9 {
  width: 75%; }

.col-xs-8 {
  width: 66.66666667%; }

.col-xs-7 {
  width: 58.33333333%; }

.col-xs-6 {
  width: 50%; }

.col-xs-5 {
  width: 41.66666667%; }

.col-xs-4 {
  width: 33.33333333%; }

.col-xs-3 {
  width: 25%; }

.col-xs-2 {
  width: 16.66666667%; }

.col-xs-1 {
  width: 8.33333333%; }

.col-xs-pull-12 {
  right: 100%; }

.col-xs-pull-11 {
  right: 91.66666667%; }

.col-xs-pull-10 {
  right: 83.33333333%; }

.col-xs-pull-9 {
  right: 75%; }

.col-xs-pull-8 {
  right: 66.66666667%; }

.col-xs-pull-7 {
  right: 58.33333333%; }

.col-xs-pull-6 {
  right: 50%; }

.col-xs-pull-5 {
  right: 41.66666667%; }

.col-xs-pull-4 {
  right: 33.33333333%; }

.col-xs-pull-3 {
  right: 25%; }

.col-xs-pull-2 {
  right: 16.66666667%; }

.col-xs-pull-1 {
  right: 8.33333333%; }

.col-xs-pull-0 {
  right: auto; }

.col-xs-push-12 {
  left: 100%; }

.col-xs-push-11 {
  left: 91.66666667%; }

.col-xs-push-10 {
  left: 83.33333333%; }

.col-xs-push-9 {
  left: 75%; }

.col-xs-push-8 {
  left: 66.66666667%; }

.col-xs-push-7 {
  left: 58.33333333%; }

.col-xs-push-6 {
  left: 50%; }

.col-xs-push-5 {
  left: 41.66666667%; }

.col-xs-push-4 {
  left: 33.33333333%; }

.col-xs-push-3 {
  left: 25%; }

.col-xs-push-2 {
  left: 16.66666667%; }

.col-xs-push-1 {
  left: 8.33333333%; }

.col-xs-push-0 {
  left: auto; }

.col-xs-offset-12 {
  margin-left: 100%; }

.col-xs-offset-11 {
  margin-left: 91.66666667%; }

.col-xs-offset-10 {
  margin-left: 83.33333333%; }

.col-xs-offset-9 {
  margin-left: 75%; }

.col-xs-offset-8 {
  margin-left: 66.66666667%; }

.col-xs-offset-7 {
  margin-left: 58.33333333%; }

.col-xs-offset-6 {
  margin-left: 50%; }

.col-xs-offset-5 {
  margin-left: 41.66666667%; }

.col-xs-offset-4 {
  margin-left: 33.33333333%; }

.col-xs-offset-3 {
  margin-left: 25%; }

.col-xs-offset-2 {
  margin-left: 16.66666667%; }

.col-xs-offset-1 {
  margin-left: 8.33333333%; }

.col-xs-offset-0 {
  margin-left: 0%; }

@media (min-width: 576px) {
  .col, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 {
    float: left; }
  .col-sm-12 {
    width: 100%; }
  .col-sm-11 {
    width: 91.66666667%; }
  .col-sm-10 {
    width: 83.33333333%; }
  .col-sm-9 {
    width: 75%; }
  .col-sm-8 {
    width: 66.66666667%; }
  .col-sm-7 {
    width: 58.33333333%; }
  .col-sm-6 {
    width: 50%; }
  .col-sm-5 {
    width: 41.66666667%; }
  .col-sm-4 {
    width: 33.33333333%; }
  .col-sm-3 {
    width: 25%; }
  .col-sm-2 {
    width: 16.66666667%; }
  .col-sm-1 {
    width: 8.33333333%; }
  .col-sm-pull-12 {
    right: 100%; }
  .col-sm-pull-11 {
    right: 91.66666667%; }
  .col-sm-pull-10 {
    right: 83.33333333%; }
  .col-sm-pull-9 {
    right: 75%; }
  .col-sm-pull-8 {
    right: 66.66666667%; }
  .col-sm-pull-7 {
    right: 58.33333333%; }
  .col-sm-pull-6 {
    right: 50%; }
  .col-sm-pull-5 {
    right: 41.66666667%; }
  .col-sm-pull-4 {
    right: 33.33333333%; }
  .col-sm-pull-3 {
    right: 25%; }
  .col-sm-pull-2 {
    right: 16.66666667%; }
  .col-sm-pull-1 {
    right: 8.33333333%; }
  .col-sm-pull-0 {
    right: auto; }
  .col-sm-push-12 {
    left: 100%; }
  .col-sm-push-11 {
    left: 91.66666667%; }
  .col-sm-push-10 {
    left: 83.33333333%; }
  .col-sm-push-9 {
    left: 75%; }
  .col-sm-push-8 {
    left: 66.66666667%; }
  .col-sm-push-7 {
    left: 58.33333333%; }
  .col-sm-push-6 {
    left: 50%; }
  .col-sm-push-5 {
    left: 41.66666667%; }
  .col-sm-push-4 {
    left: 33.33333333%; }
  .col-sm-push-3 {
    left: 25%; }
  .col-sm-push-2 {
    left: 16.66666667%; }
  .col-sm-push-1 {
    left: 8.33333333%; }
  .col-sm-push-0 {
    left: auto; }
  .col-sm-offset-12 {
    margin-left: 100%; }
  .col-sm-offset-11 {
    margin-left: 91.66666667%; }
  .col-sm-offset-10 {
    margin-left: 83.33333333%; }
  .col-sm-offset-9 {
    margin-left: 75%; }
  .col-sm-offset-8 {
    margin-left: 66.66666667%; }
  .col-sm-offset-7 {
    margin-left: 58.33333333%; }
  .col-sm-offset-6 {
    margin-left: 50%; }
  .col-sm-offset-5 {
    margin-left: 41.66666667%; }
  .col-sm-offset-4 {
    margin-left: 33.33333333%; }
  .col-sm-offset-3 {
    margin-left: 25%; }
  .col-sm-offset-2 {
    margin-left: 16.66666667%; }
  .col-sm-offset-1 {
    margin-left: 8.33333333%; }
  .col-sm-offset-0 {
    margin-left: 0%; } }

@media (min-width: 768px) {
  .col, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 {
    float: left; }
  .col-md-12 {
    width: 100%; }
  .col-md-11 {
    width: 91.66666667%; }
  .col-md-10 {
    width: 83.33333333%; }
  .col-md-9 {
    width: 75%; }
  .col-md-8 {
    width: 66.66666667%; }
  .col-md-7 {
    width: 58.33333333%; }
  .col-md-6 {
    width: 50%; }
  .col-md-5 {
    width: 41.66666667%; }
  .col-md-4 {
    width: 33.33333333%; }
  .col-md-3 {
    width: 25%; }
  .col-md-2 {
    width: 16.66666667%; }
  .col-md-1 {
    width: 8.33333333%; }
  .col-md-pull-12 {
    right: 100%; }
  .col-md-pull-11 {
    right: 91.66666667%; }
  .col-md-pull-10 {
    right: 83.33333333%; }
  .col-md-pull-9 {
    right: 75%; }
  .col-md-pull-8 {
    right: 66.66666667%; }
  .col-md-pull-7 {
    right: 58.33333333%; }
  .col-md-pull-6 {
    right: 50%; }
  .col-md-pull-5 {
    right: 41.66666667%; }
  .col-md-pull-4 {
    right: 33.33333333%; }
  .col-md-pull-3 {
    right: 25%; }
  .col-md-pull-2 {
    right: 16.66666667%; }
  .col-md-pull-1 {
    right: 8.33333333%; }
  .col-md-pull-0 {
    right: auto; }
  .col-md-push-12 {
    left: 100%; }
  .col-md-push-11 {
    left: 91.66666667%; }
  .col-md-push-10 {
    left: 83.33333333%; }
  .col-md-push-9 {
    left: 75%; }
  .col-md-push-8 {
    left: 66.66666667%; }
  .col-md-push-7 {
    left: 58.33333333%; }
  .col-md-push-6 {
    left: 50%; }
  .col-md-push-5 {
    left: 41.66666667%; }
  .col-md-push-4 {
    left: 33.33333333%; }
  .col-md-push-3 {
    left: 25%; }
  .col-md-push-2 {
    left: 16.66666667%; }
  .col-md-push-1 {
    left: 8.33333333%; }
  .col-md-push-0 {
    left: auto; }
  .col-md-offset-12 {
    margin-left: 100%; }
  .col-md-offset-11 {
    margin-left: 91.66666667%; }
  .col-md-offset-10 {
    margin-left: 83.33333333%; }
  .col-md-offset-9 {
    margin-left: 75%; }
  .col-md-offset-8 {
    margin-left: 66.66666667%; }
  .col-md-offset-7 {
    margin-left: 58.33333333%; }
  .col-md-offset-6 {
    margin-left: 50%; }
  .col-md-offset-5 {
    margin-left: 41.66666667%; }
  .col-md-offset-4 {
    margin-left: 33.33333333%; }
  .col-md-offset-3 {
    margin-left: 25%; }
  .col-md-offset-2 {
    margin-left: 16.66666667%; }
  .col-md-offset-1 {
    margin-left: 8.33333333%; }
  .col-md-offset-0 {
    margin-left: 0%; } }

@media (min-width: 992px) {
  .col, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 {
    float: left; }
  .col-lg-12 {
    width: 100%; }
  .col-lg-11 {
    width: 91.66666667%; }
  .col-lg-10 {
    width: 83.33333333%; }
  .col-lg-9 {
    width: 75%; }
  .col-lg-8 {
    width: 66.66666667%; }
  .col-lg-7 {
    width: 58.33333333%; }
  .col-lg-6 {
    width: 50%; }
  .col-lg-5 {
    width: 41.66666667%; }
  .col-lg-4 {
    width: 33.33333333%; }
  .col-lg-3 {
    width: 25%; }
  .col-lg-2 {
    width: 16.66666667%; }
  .col-lg-1 {
    width: 8.33333333%; }
  .col-lg-pull-12 {
    right: 100%; }
  .col-lg-pull-11 {
    right: 91.66666667%; }
  .col-lg-pull-10 {
    right: 83.33333333%; }
  .col-lg-pull-9 {
    right: 75%; }
  .col-lg-pull-8 {
    right: 66.66666667%; }
  .col-lg-pull-7 {
    right: 58.33333333%; }
  .col-lg-pull-6 {
    right: 50%; }
  .col-lg-pull-5 {
    right: 41.66666667%; }
  .col-lg-pull-4 {
    right: 33.33333333%; }
  .col-lg-pull-3 {
    right: 25%; }
  .col-lg-pull-2 {
    right: 16.66666667%; }
  .col-lg-pull-1 {
    right: 8.33333333%; }
  .col-lg-pull-0 {
    right: auto; }
  .col-lg-push-12 {
    left: 100%; }
  .col-lg-push-11 {
    left: 91.66666667%; }
  .col-lg-push-10 {
    left: 83.33333333%; }
  .col-lg-push-9 {
    left: 75%; }
  .col-lg-push-8 {
    left: 66.66666667%; }
  .col-lg-push-7 {
    left: 58.33333333%; }
  .col-lg-push-6 {
    left: 50%; }
  .col-lg-push-5 {
    left: 41.66666667%; }
  .col-lg-push-4 {
    left: 33.33333333%; }
  .col-lg-push-3 {
    left: 25%; }
  .col-lg-push-2 {
    left: 16.66666667%; }
  .col-lg-push-1 {
    left: 8.33333333%; }
  .col-lg-push-0 {
    left: auto; }
  .col-lg-offset-12 {
    margin-left: 100%; }
  .col-lg-offset-11 {
    margin-left: 91.66666667%; }
  .col-lg-offset-10 {
    margin-left: 83.33333333%; }
  .col-lg-offset-9 {
    margin-left: 75%; }
  .col-lg-offset-8 {
    margin-left: 66.66666667%; }
  .col-lg-offset-7 {
    margin-left: 58.33333333%; }
  .col-lg-offset-6 {
    margin-left: 50%; }
  .col-lg-offset-5 {
    margin-left: 41.66666667%; }
  .col-lg-offset-4 {
    margin-left: 33.33333333%; }
  .col-lg-offset-3 {
    margin-left: 25%; }
  .col-lg-offset-2 {
    margin-left: 16.66666667%; }
  .col-lg-offset-1 {
    margin-left: 8.33333333%; }
  .col-lg-offset-0 {
    margin-left: 0%; } }

@media (min-width: 1200px) {
  .col, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12 {
    float: left; }
  .col-xl-12 {
    width: 100%; }
  .col-xl-11 {
    width: 91.66666667%; }
  .col-xl-10 {
    width: 83.33333333%; }
  .col-xl-9 {
    width: 75%; }
  .col-xl-8 {
    width: 66.66666667%; }
  .col-xl-7 {
    width: 58.33333333%; }
  .col-xl-6 {
    width: 50%; }
  .col-xl-5 {
    width: 41.66666667%; }
  .col-xl-4 {
    width: 33.33333333%; }
  .col-xl-3 {
    width: 25%; }
  .col-xl-2 {
    width: 16.66666667%; }
  .col-xl-1 {
    width: 8.33333333%; } }

@media (min-width: 1440px) {
  .col, .col-xxl-1, .col-xxl-2, .col-xxl-3, .col-xxl-4, .col-xxl-5, .col-xxl-6, .col-xxl-7, .col-xxl-8, .col-xxl-9, .col-xxl-10, .col-xxl-11, .col-xxl-12 {
    float: left; }
  .col-xxl-12 {
    width: 100%; }
  .col-xxl-11 {
    width: 91.66666667%; }
  .col-xxl-10 {
    width: 83.33333333%; }
  .col-xxl-9 {
    width: 75%; }
  .col-xxl-8 {
    width: 66.66666667%; }
  .col-xxl-7 {
    width: 58.33333333%; }
  .col-xxl-6 {
    width: 50%; }
  .col-xxl-5 {
    width: 41.66666667%; }
  .col-xxl-4 {
    width: 33.33333333%; }
  .col-xxl-3 {
    width: 25%; }
  .col-xxl-2 {
    width: 16.66666667%; }
  .col-xxl-1 {
    width: 8.33333333%; } }

@media (min-width: 1600px) {
  .col, .col-xxxl-1, .col-xxxl-2, .col-xxxl-3, .col-xxxl-4, .col-xxxl-5, .col-xxxl-6, .col-xxxl-7, .col-xxxl-8, .col-xxxl-9, .col-xxxl-10, .col-xxxl-11, .col-xxxl-12 {
    float: left; }
  .col-xxxl-12 {
    width: 100%; }
  .col-xxxl-11 {
    width: 91.66666667%; }
  .col-xxxl-10 {
    width: 83.33333333%; }
  .col-xxxl-9 {
    width: 75%; }
  .col-xxxl-8 {
    width: 66.66666667%; }
  .col-xxxl-7 {
    width: 58.33333333%; }
  .col-xxxl-6 {
    width: 50%; }
  .col-xxxl-5 {
    width: 41.66666667%; }
  .col-xxxl-4 {
    width: 33.33333333%; }
  .col-xxxl-3 {
    width: 25%; }
  .col-xxxl-2 {
    width: 16.66666667%; }
  .col-xxxl-1 {
    width: 8.33333333%; } }

.clearfix,
.clearfix:before,
.clearfix:after,
.container:before,
.container:after,
.container-fluid:before,
.container-fluid:after,
.row:before,
.row:after {
  content: " ";
  display: table; }

.clearfix:after,
.container:after,
.container-fluid:after,
.row:after {
  clear: both; }

.center-block {
  display: block;
  margin-left: auto;
  margin-right: auto; }

.pull-right {
  float: right !important; }

.pull-left {
  float: left !important; }

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

.seven-col-grid .col-xs-1,
.seven-col-grid .col-sm-1,
.seven-col-grid .col-md-1,
.seven-col-grid .col-lg-1,
.seven-col-grid .col-xl-1,
.seven-col-grid .col-xxl-1,
.seven-col-grid .col-xxxl-1 {
  width: calc(100% / 7); }

/* BAPO Custom SCSS */
.desktop-only {
  display: block; }
  @media screen and (max-width: 768px) {
    .desktop-only {
      display: none; } }

.mobile-only {
  display: none; }
  @media screen and (max-width: 768px) {
    .mobile-only {
      display: block; } }

.custom-btn.dark {
  display: flex;
  align-items: center;
  border-radius: 3px;
  border: 2px solid #38383e;
  text-transform: uppercase;
  font-weight: 600;
  padding: 0.66667rem 1.66667rem;
  margin-top: 2.5rem;
  line-height: 1;
  font-size: 1.16667rem; }
  .custom-btn.dark .icon {
    width: 0.83333rem;
    height: 0.83333rem;
    margin-left: 0.5rem; }
    .custom-btn.dark .icon.rotate-up {
      transform: rotate(180deg); }
    .custom-btn.dark .icon svg {
      stroke: #38383e; }

.custom-btn.mobile-only {
  display: none; }
  @media screen and (max-width: 768px) {
    .custom-btn.mobile-only {
      display: block; } }

.custom-btn[data-action="show-less"] {
  display: none; }

.link a, .link span {
  color: #38383e;
  text-decoration: underline;
  line-height: 34px;
  letter-spacing: 0px;
  font-family: "Paralucent";
  font-weight: bold;
  font-size: 18px; }

.link a:hover {
  color: #38383e;
  text-decoration: none; }

.link span {
  color: #ea3a02;
  text-decoration: none; }

img {
  aspect-ratio: auto 640 / 360; }

/* Dimensions and Screen sizes */
/* Colors */
/* Fonts */
@keyframes stickyHeaderFade {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@keyframes rotatingBanner {
  0% {
    opacity: 1; }
  50% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@keyframes bannerOne {
  0% {
    opacity: 0; }
  15% {
    opacity: 1; }
  30% {
    opacity: 0; }
  100% {
    opacity: 0; } }

@keyframes bannerTwo {
  0% {
    opacity: 0; }
  30% {
    opacity: 0; }
  45% {
    opacity: 1; }
  60% {
    opacity: 0; }
  100% {
    opacity: 0; } }

@keyframes bannerThree {
  0% {
    opacity: 0; }
  60% {
    opacity: 0; }
  75% {
    opacity: 1; }
  90% {
    opacity: 0; }
  100% {
    opacity: 0; } }

/* Layout */
#FormField_28 {
  display: none; }

* {
  outline: none; }

html {
  scroll-behavior: smooth; }

body {
  padding: 0; }
  body h1, body h2, body h3, body h4, body h5, body h6, body p, body a {
    letter-spacing: .02em; }

.body {
  margin: 0;
  overflow-x: hidden; }

.page {
  margin: 0; }
  .page > .page-content {
    padding-top: 3rem;
    padding-bottom: 3rem; }
    @media (min-width: 992px) {
      .page > .page-content {
        padding-top: 6rem;
        padding-bottom: 6rem; } }
  .page .page-sidebar + .page-content {
    padding-top: 0;
    padding-bottom: 0; }

a {
  text-decoration: none;
  transition: all .3s ease 0s;
  color: #ea3a02; }
  a:hover {
    color: #00b9e4; }
  a.black-link {
    color: #38383e; }
    a.black-link:hover {
      color: #00b9e4; }

p,
p span {
  font-size: 14px;
  line-height: 1.75; }

ul {
  list-style: none;
  margin: 0; }

.footer-info {
  margin: 0; }

.icon--ratingEmpty svg {
  fill: #fff;
  stroke: #fa912e; }

.icon--ratingFull svg {
  fill: #fa912e;
  stroke: #fa912e; }

@media (min-width: 768px) {
  .account-page .page-sidebar + .page-content {
    padding: 0 0 0 30px; } }

.account-page .page-content {
  margin-bottom: 6rem; }

.account-page .account-body {
  margin: 0; }

.account-page .account-content {
  padding: 0; }

.account-page .account-heading {
  font-weight: bold; }

.account-page .account, .account-page .account.account--fixed {
  width: 100%; }

.form-select {
  background-image: url(../img/select-arr.png);
  background-position: right !important;
  background-size: auto !important;
  padding-right: 4rem; }
  .form-select:focus {
    background-image: url(../img/select-arr-focus.png); }

[data-layout-name='Layout mobile-show'] {
  display: none !important; }

@media (max-width: 992px) {
  [data-layout-name='Layout mobile-hide'] {
    display: none !important; }
  [data-layout-name='Layout mobile-show'] {
    display: flex !important; } }

/* Components */
.banners[data-banner-location="top"] {
  background: #28282d;
  height: 35px;
  display: flex;
  align-items: center; }
  @media (max-width: 576px) {
    .banners[data-banner-location="top"] {
      display: none; } }
  @media (max-width: 991px) {
    .banners[data-banner-location="top"] .container {
      width: 100%; } }
  @media (max-width: 1439px) {
    .banners[data-banner-location="top"] .container {
      width: 100%; } }
  .banners[data-banner-location="top"] .banner {
    max-width: none; }
    @media (min-width: 992px) {
      .banners[data-banner-location="top"] .banner__separator {
        float: left;
        width: 8%; }
        .banners[data-banner-location="top"] .banner__separator::after {
          content: "\00a0"; } }
    @media (min-width: 1200px) {
      .banners[data-banner-location="top"] .banner__separator {
        float: revert;
        width: 0; }
        .banners[data-banner-location="top"] .banner__separator::after {
          content: ""; } }
  .banners[data-banner-location="top"] .brands-navigation {
    display: flex;
    font-size: 0;
    padding: 0;
    text-align: left; }
    .banners[data-banner-location="top"] .brands-navigation a {
      display: inline-block;
      flex-basis: 100px;
      flex-grow: 1;
      height: 36px;
      text-align: center;
      vertical-align: top; }
      @media (min-width: 1200px) {
        .banners[data-banner-location="top"] .brands-navigation a:first-child {
          max-width: 90px; } }
      .banners[data-banner-location="top"] .brands-navigation a:last-child {
        width: 161px;
        padding: 0 10px; }
        @media (min-width: 1200px) {
          .banners[data-banner-location="top"] .brands-navigation a:last-child {
            width: 60%; } }
      @media (min-width: 1200px) {
        .banners[data-banner-location="top"] .brands-navigation a {
          width: 30%; } }
      .banners[data-banner-location="top"] .brands-navigation a:hover {
        background: #38383e; }
      .banners[data-banner-location="top"] .brands-navigation a img {
        max-width: revert; }
    .banners[data-banner-location="top"] .brands-navigation a.active {
      background: #38383e; }
    .banners[data-banner-location="top"] .brands-navigation img {
      opacity: 25%; }
      .banners[data-banner-location="top"] .brands-navigation img.zogics-logo {
        margin-top: -15px; }
      .banners[data-banner-location="top"] .brands-navigation img.ardent-logo {
        margin: -30px 10px; }
      .banners[data-banner-location="top"] .brands-navigation img.bloomist-logo {
        margin-top: -30px;
        overflow: hidden; }
      .banners[data-banner-location="top"] .brands-navigation img.amenie-logo {
        margin: -35px -10px; }
      .banners[data-banner-location="top"] .brands-navigation img.cleaning-services-logo {
        opacity: 1;
        margin-top: 10px; }
  .banners[data-banner-location="top"] .banner-content {
    padding: 1rem 0;
    letter-spacing: 0.05em;
    font-size: 13px;
    letter-spacing: normal;
    display: none; }
    @media (min-width: 1200px) {
      .banners[data-banner-location="top"] .banner-content {
        height: 100%; }
        .banners[data-banner-location="top"] .banner-content .injectable {
          display: block;
          line-height: 2;
          position: relative;
          text-align: center; } }
    @media (min-width: 1440px) {
      .banners[data-banner-location="top"] .banner-content .injectable {
        line-height: 2.3; } }
    .banners[data-banner-location="top"] .banner-content .promo {
      position: absolute;
      left: 0;
      right: 0; }
      .banners[data-banner-location="top"] .banner-content .promo.bannerOne, .banners[data-banner-location="top"] .banner-content .promo.bannerTwo, .banners[data-banner-location="top"] .banner-content .promo.bannerThree {
        animation-fill-mode: both;
        animation-iteration-count: infinite;
        animation-duration: 15s; }
      .banners[data-banner-location="top"] .banner-content .promo.bannerOne {
        animation-name: bannerOne; }
      .banners[data-banner-location="top"] .banner-content .promo.bannerTwo {
        animation-name: bannerTwo;
        z-index: 1; }
      .banners[data-banner-location="top"] .banner-content .promo.bannerThree {
        animation-name: bannerThree; }
    .banners[data-banner-location="top"] .banner-content strong {
      color: #00b9e4;
      font-style: italic;
      text-transform: uppercase; }
      .banners[data-banner-location="top"] .banner-content strong.red {
        color: #ea3a02; }
    .banners[data-banner-location="top"] .banner-content a {
      text-decoration: underline; }
  .banners[data-banner-location="top"] .banner-nav {
    padding: 0; }
  .banners[data-banner-location="top"] .navUser {
    z-index: 101;
    padding: 0;
    width: auto; }
    .banners[data-banner-location="top"] .navUser .navUser-item-cartLabel {
      display: inline-block; }
    .banners[data-banner-location="top"] .navUser .navUser-item--tel {
      border-right: 2px solid #38383e; }
    @media (max-width: 991px) {
      .banners[data-banner-location="top"] .navUser {
        top: 74px; }
        .banners[data-banner-location="top"] .navUser .navUser-item {
          float: none; }
        .banners[data-banner-location="top"] .navUser .navUser-item {
          display: inline-block;
          padding: 0.78571rem 1.14286rem 1.14286rem; }
          .banners[data-banner-location="top"] .navUser .navUser-item.navUser-item--account {
            padding-right: 0; }
            .banners[data-banner-location="top"] .navUser .navUser-item.navUser-item--account .navUser-action svg {
              margin-bottom: -6px; }
          .banners[data-banner-location="top"] .navUser .navUser-item.navUser-item--cart {
            padding-left: 0; }
            .banners[data-banner-location="top"] .navUser .navUser-item.navUser-item--cart .countPill.countPill--positive {
              background: #00b9e4; }
        .banners[data-banner-location="top"] .navUser .navUser-item--contact {
          display: none; }
        .banners[data-banner-location="top"] .navUser .navUser-item--quotes {
          padding-right: 0; }
        .banners[data-banner-location="top"] .navUser .navUser-item--help,
        .banners[data-banner-location="top"] .navUser .navUser-item--tel,
        .banners[data-banner-location="top"] .navUser .navUser-item--rewards {
          display: none; } }
    @media (min-width: 992px) {
      .banners[data-banner-location="top"] .navUser {
        padding-top: 5px; } }
    .banners[data-banner-location="top"] .navUser .navUser-action {
      font-weight: normal;
      font-size: 11px;
      letter-spacing: 0.05em;
      text-transform: capitalize; }
      @media (max-width: 1280px) {
        .banners[data-banner-location="top"] .navUser .navUser-action {
          letter-spacing: 0; } }
      .banners[data-banner-location="top"] .navUser .navUser-action:hover {
        color: #00b9e4; }
        .banners[data-banner-location="top"] .navUser .navUser-action:hover .navPages-action-moreIcon svg {
          stroke: #00b9e4;
          stroke-width: 2; }
    .banners[data-banner-location="top"] .navUser .navPages-action-moreIcon svg {
      stroke: #fff;
      stroke-width: 2; }

.navUser-item--account .navUser-action,
.navUser-item--contact .navUser-action,
.navUser-item--quotes .navUser-action {
  padding: 0;
  color: #fff; }
  .navUser-item--account .navUser-action:hover circle,
  .navUser-item--account .navUser-action:hover path,
  .navUser-item--contact .navUser-action:hover circle,
  .navUser-item--contact .navUser-action:hover path,
  .navUser-item--quotes .navUser-action:hover circle,
  .navUser-item--quotes .navUser-action:hover path {
    stroke: #00b9e4; }
  .navUser-item--account .navUser-action:hover svg,
  .navUser-item--contact .navUser-action:hover svg,
  .navUser-item--quotes .navUser-action:hover svg {
    fill: #00b9e4; }
  @media (min-width: 992px) {
    .navUser-item--account .navUser-action,
    .navUser-item--contact .navUser-action,
    .navUser-item--quotes .navUser-action {
      padding: 0.5rem 0.6rem; } }

.navUser-item--account p.logged-in {
  font-size: 1rem;
  line-height: 1.5;
  margin-bottom: 0; }

.navUser-item--account .icon {
  display: none; }
  @media (min-width: 992px) {
    .navUser-item--account .icon {
      display: inline-block; } }

.navUser-item--account .navUser-account-logo svg {
  height: 2rem;
  width: 2rem; }

.navUser-item--account .navUser-account-logo circle,
.navUser-item--account .navUser-account-logo path {
  transition: all 0.3s ease 0s; }

@media (max-width: 991px) {
  .navUser-item--account .navUser-account-label {
    display: none; } }

@media (min-width: 992px) {
  .navUser-item--account:hover .dropdown-menu {
    display: block; }
  .navUser-item--account .navUser-account-logo {
    display: none; } }

.navUser-item--account .dropdown-menu {
  max-width: 220px;
  min-width: 200px;
  left: -20px;
  top: 25px;
  border-radius: 3px; }
  .navUser-item--account .dropdown-menu li {
    position: relative; }
    .navUser-item--account .dropdown-menu li .icon {
      position: absolute;
      right: 10px;
      height: 1.2rem;
      width: 1.2rem;
      top: 10px; }
      .navUser-item--account .dropdown-menu li .icon svg {
        fill: #ea3a02;
        stroke: #ea3a02; }
  .navUser-item--account .dropdown-menu p,
  .navUser-item--account .dropdown-menu a {
    color: #28282d;
    padding: 7px 15px;
    display: block;
    text-align: left; }
  .navUser-item--account .dropdown-menu p {
    text-transform: uppercase;
    color: #787878;
    font-weight: 700; }
    .navUser-item--account .dropdown-menu p strong {
      color: #000; }
  .navUser-item--account .dropdown-menu a {
    font-size: 12px;
    color: #303030;
    border-top: 1px solid #f3f3f3; }
    .navUser-item--account .dropdown-menu a:hover {
      background-color: #f5f5f5;
      color: #ea3a02; }
  .navUser-item--account .dropdown-menu.signed-in {
    padding-top: 6px; }
  .navUser-item--account .dropdown-menu.not-signed-in li:nth-child(2) a {
    border-top-color: transparent; }
  .navUser-item--account .dropdown-menu .login-register .navUser-action--rewards {
    font-size: 1.08333rem;
    line-height: 15px;
    color: #000;
    font-weight: 700;
    border-top: unset;
    padding-bottom: 0; }
    .navUser-item--account .dropdown-menu .login-register .navUser-action--rewards img {
      transform: translateY(-5px); }

.navUser-item--rewards + .navUser-item--account .dropdown-menu {
  left: 120px; }
  .navUser-item--rewards + .navUser-item--account .dropdown-menu.not-signed-in {
    left: 84px; }

.navUser-item--quotes {
  padding-right: 0; }
  @media (max-width: 991px) {
    .navUser-item--quotes .navUser-action {
      position: relative;
      top: 6px; } }
  .navUser-item--quotes .navUser-action#qn-dialog-toggle {
    position: relative;
    background: none;
    color: #fff; }
    @media (min-width: 992px) {
      .navUser-item--quotes .navUser-action#qn-dialog-toggle {
        position: static;
        padding: 0.5rem 0.8rem; } }
    .navUser-item--quotes .navUser-action#qn-dialog-toggle:hover {
      color: #00b9e4; }
  .navUser-item--quotes svg {
    fill: #fff;
    height: 24px;
    width: 24px;
    float: left;
    margin-right: 8px; }
    @media (min-width: 992px) {
      .navUser-item--quotes svg {
        display: none; } }
    @media (max-width: 992px) {
      .navUser-item--quotes svg {
        margin-right: 0;
        float: none; } }
    @media (min-width: 1440px) {
      .navUser-item--quotes svg {
        display: inline;
        height: 19px;
        width: 19px; } }
  .navUser-item--quotes .quotes-label {
    display: none; }
    @media (min-width: 992px) {
      .navUser-item--quotes .quotes-label {
        display: inline; } }
    @media (min-width: 1440px) {
      .navUser-item--quotes .quotes-label {
        position: relative; } }
    @media (min-width: 992px) and (max-width: 1199px) {
      .navUser-item--quotes .quotes-label .view-word {
        display: none; } }

.navUser-item--cart .navUser-action {
  margin-bottom: -5px;
  padding: 0; }
  @media (min-width: 1440px) {
    .navUser-item--cart .navUser-action {
      padding: 0 0 0 0.75rem; } }
  .navUser-item--cart .navUser-action:hover path {
    fill: #00b9e4;
    stroke: #00b9e4; }

.navUser-item--cart .navUser-item-cartLabel {
  vertical-align: middle; }
  .navUser-item--cart .navUser-item-cartLabel svg {
    height: 3.8rem;
    width: 3.8rem; }
    @media screen and (min-width: 992px) {
      .navUser-item--cart .navUser-item-cartLabel svg {
        height: 2.5rem; } }
  .navUser-item--cart .navUser-item-cartLabel path {
    fill: #fff;
    stroke: #fff;
    transition: all 0.3s ease 0s; }
  .navUser-item--cart .navUser-item-cartLabel .cart-label {
    display: none; }

.navUser-item--cart .countPill {
  background: #00b9e4;
  border-radius: 3px;
  display: inline-block;
  min-width: 30px;
  font-size: 14px;
  font-weight: 400;
  letter-spacing: 0;
  margin: 0 0 0 -1.7rem;
  position: relative;
  top: 0.5rem;
  vertical-align: top; }
  @media screen and (min-width: 992px) {
    .navUser-item--cart .countPill {
      min-width: 26px; } }
  .navUser-item--cart .countPill.countPill--positive {
    background: #00b9e4;
    font-size: 1rem; }

.navUser-item--cart .dropdown-menu {
  border: 1px solid #d0d0d0;
  border-radius: 3px;
  background: #fff;
  box-shadow: 0 1px 10px rgba(0, 0, 0, 0.1);
  min-width: 374px;
  max-width: 600px; }
  @media (min-width: 768px) {
    .navUser-item--cart .dropdown-menu {
      min-width: 620px; } }
  @media (max-width: 400px) {
    .navUser-item--cart .dropdown-menu {
      min-width: 335px; } }
  @media (max-width: 360px) {
    .navUser-item--cart .dropdown-menu {
      min-width: 320px; } }
  @media (max-width: 320px) {
    .navUser-item--cart .dropdown-menu {
      min-width: 280px; } }
  .navUser-item--cart .dropdown-menu.is-open {
    right: 16px; }
    @media (min-width: 992px) {
      .navUser-item--cart .dropdown-menu.is-open {
        right: -3px; } }

.header {
  border: none;
  position: relative;
  /* Quick Link Nav */ }
  @media (max-width: 576px) {
    .header {
      position: sticky;
      height: 5.58333rem; }
      .header .desktop-search {
        display: none; }
        .header .desktop-search .form.fast-simon-form {
          max-width: 90%;
          float: left; }
        .header .desktop-search .close-btn {
          position: absolute;
          right: 40px;
          cursor: pointer;
          padding: 65px 0 25px 0; }
          .header .desktop-search .close-btn .close-btn-icon::after, .header .desktop-search .close-btn .close-btn-icon::before {
            position: absolute;
            left: 15px;
            content: ' ';
            height: 24px;
            width: 2px;
            background-color: #fff; }
          .header .desktop-search .close-btn .close-btn-icon:before {
            transform: rotate(45deg); }
          .header .desktop-search .close-btn .close-btn-icon:after {
            transform: rotate(-45deg); } }
  @media (max-width: 991px) {
    .header .container {
      width: 100%; } }
  .header .mobileMenu-toggle {
    margin-top: 9px; }
    .header .mobileMenu-toggle:hover .mobileMenu-toggleIcon {
      background: #00b9e4; }
      .header .mobileMenu-toggle:hover .mobileMenu-toggleIcon:before, .header .mobileMenu-toggle:hover .mobileMenu-toggleIcon:after {
        background: #00b9e4; }
    .header .mobileMenu-toggle .mobileMenu-toggleIcon {
      background: #fff;
      transition: all .3s ease 0s; }
      .header .mobileMenu-toggle .mobileMenu-toggleIcon:before, .header .mobileMenu-toggle .mobileMenu-toggleIcon:after {
        transition: all .3s ease 0s;
        background: #fff; }
    .header .mobileMenu-toggle.is-open .mobileMenu-toggleIcon {
      background: transparent; }
    .header .mobileMenu-toggle.is-open:hover .mobileMenu-toggleIcon:before, .header .mobileMenu-toggle.is-open:hover .mobileMenu-toggleIcon:after {
      background: #28282d; }
  @media (max-width: 991px) {
    .header .header-logo {
      position: absolute;
      top: 0;
      left: 4rem;
      right: 0;
      text-align: left;
      margin: unset;
      max-width: 40%; } }
  @media (min-width: 992px) {
    .header .header-logo {
      margin: 0 0 0 -15px; } }
  .header .header-logo .header-logo-image-container:after {
    padding-bottom: 70px; }
    @media (min-width: 992px) {
      .header .header-logo .header-logo-image-container:after {
        padding-bottom: 70px; } }
  @media (max-width: 576px) {
    .header .header-logo .header-logo-image-container .header-logo-image {
      margin: auto 0; } }
  .header .header-logo img {
    margin-left: 0;
    width: 82.25px;
    max-height: none;
    -webkit-backface-visibility: hidden;
    -ms-transform: translateZ(0);
    /* IE 9 */
    -webkit-transform: translateZ(0);
    /* Chrome, Safari, Opera */
    transform: translateZ(0); }
    @media (min-width: 992px) {
      .header .header-logo img {
        width: 120px; } }
  .header .navPages-container {
    margin: 0 -15px; }
    @media (max-width: 991px) {
      .header .navPages-container {
        display: none; } }
    @media (min-width: 1200px) {
      .header .navPages-container .navPages {
        margin-left: -15px; } }
    @media (min-width: 1440px) {
      .header .navPages-container .navPages {
        padding-right: 20px; } }
    .header .navPages-container a {
      font-size: 1rem; }
    .header .navPages-container p,
    .header .navPages-container p span {
      font-size: 1rem;
      line-height: 1.5; }
    .header .navPages-container .navPages-list {
      float: right;
      padding-top: 13px; }
      @media (min-width: 1200px) {
        .header .navPages-container .navPages-list {
          float: none; } }
    .header .navPages-container .navPages-item {
      padding: 0.78571rem 28px 1.14286rem 0; }
      @media (min-width: 1440px) {
        .header .navPages-container .navPages-item {
          padding: 0.78571rem 25px 1.14286rem; } }
      @media (max-width: 1199px) {
        .header .navPages-container .navPages-item:last-child {
          padding-right: 0; } }
      .header .navPages-container .navPages-item > .navPages-action {
        font-size: 13px; }
    .header .navPages-container .navPages-action {
      color: #fff;
      font-weight: normal;
      border-bottom: 1px solid transparent;
      letter-spacing: .035em;
      padding: 3px; }
      .header .navPages-container .navPages-action:hover {
        border-color: #fff; }
      .header .navPages-container .navPages-action.has-subMenu + .navPage-subMenu {
        background: #fff;
        z-index: 1; }
        .header .navPages-container .navPages-action.has-subMenu + .navPage-subMenu.is-open {
          top: 131px;
          border-top: 5px solid #00b9e4;
          box-shadow: 0 1px 10px rgba(0, 0, 0, 0.1); }
          @media (min-width: 1200px) {
            .header .navPages-container .navPages-action.has-subMenu + .navPage-subMenu.is-open {
              z-index: 11;
              top: 70px; } }
        .header .navPages-container .navPages-action.has-subMenu + .navPage-subMenu .navPage-subMenu-item {
          width: 100%; }
        .header .navPages-container .navPages-action.has-subMenu + .navPage-subMenu .chevron {
          color: #ea3a02;
          padding-left: 5px; }
      .header .navPages-container .navPages-action.is-open {
        background: none;
        border-color: #00b9e4;
        color: #00b9e4; }
        .header .navPages-container .navPages-action.is-open .navPages-action-moreIcon svg {
          fill: #00b9e4;
          stroke: #00b9e4; }
      .header .navPages-container .navPages-action.navPage-subMenu-action, .header .navPages-container .navPages-action.navPage-childList-action {
        color: #38383e; }
        .header .navPages-container .navPages-action.navPage-subMenu-action:hover, .header .navPages-container .navPages-action.navPage-childList-action:hover {
          color: #ea3a02; }
          .header .navPages-container .navPages-action.navPage-subMenu-action:hover:before, .header .navPages-container .navPages-action.navPage-childList-action:hover:before {
            opacity: 1; }
      .header .navPages-container .navPages-action.navPage-childList-action {
        position: relative; }
        .header .navPages-container .navPages-action.navPage-childList-action:hover {
          padding-left: 10px; }
        .header .navPages-container .navPages-action.navPage-childList-action:before {
          position: absolute;
          color: #ea3a02;
          left: -2px;
          content: "";
          transition: all 0.3s ease 0s;
          opacity: 0;
          background-image: url("https://store-8mji1.mybigcommerce.com/content/shop-nav-hover-arrow.svg");
          background-repeat: no-repeat;
          width: 9px;
          height: 9px;
          top: 8px; }
      .header .navPages-container .navPages-action .navPages-action-moreIcon {
        margin-left: 5px;
        width: 5px;
        height: 5px; }
        .header .navPages-container .navPages-action .navPages-action-moreIcon svg {
          fill: #fff;
          stroke: #fff; }
    .header .navPages-container .navPages-item .navPage-subMenu-action {
      font-size: 14px;
      color: #28282d;
      border-bottom: 1px solid #c7c7c7;
      margin-bottom: 3px;
      font-weight: 700; }
      .header .navPages-container .navPages-item .navPage-subMenu-action.is-open + .navPage-childList {
        display: block; }
    .header .navPages-container .navPages-item.navPages-item-shop .navPage-subMenu {
      background: linear-gradient(90deg, #f7f7f7 50%, white 50%); }
    .header .navPages-container .navPages-item.navPages-item-shop .container {
      padding: 0 !important; }
    .header .navPages-container .navPages-item.navPages-item-shop .navPage-childList-action {
      border: none; }
    .header .navPages-container .navPages-item.navPages-item-shop .navPage-childList-item .navPage-subMenu-action {
      border: none;
      font-weight: normal;
      font-size: 1rem;
      color: #38383e;
      position: relative; }
      .header .navPages-container .navPages-item.navPages-item-shop .navPage-childList-item .navPage-subMenu-action:hover {
        padding-left: 10px;
        color: #ea3a02; }
        .header .navPages-container .navPages-item.navPages-item-shop .navPage-childList-item .navPage-subMenu-action:hover:before {
          opacity: 1; }
      .header .navPages-container .navPages-item.navPages-item-shop .navPage-childList-item .navPage-subMenu-action:before {
        position: absolute;
        color: #ea3a02;
        left: -2px;
        content: "";
        transition: all 0.3s ease 0s;
        opacity: 0;
        background-image: url("https://store-8mji1.mybigcommerce.com/content/shop-nav-hover-arrow.svg");
        background-repeat: no-repeat;
        width: 9px;
        height: 9px;
        top: 8px; }
    .header .navPages-container .navPages-item.navPages-item-shop .navPage-subMenu-list {
      max-width: none; }
    .header .navPages-container .navPages-item.navPages-item-shop .seven-col-grid {
      display: grid;
      grid-template-columns: repeat(7, 1fr); }
      .header .navPages-container .navPages-item.navPages-item-shop .seven-col-grid .col-md-1 {
        background-color: white;
        padding: 1.5rem 0;
        width: 100%; }
      .header .navPages-container .navPages-item.navPages-item-shop .seven-col-grid .navPage-subMenu--grey {
        background-color: #f7f7f7; }
      .header .navPages-container .navPages-item.navPages-item-shop .seven-col-grid div {
        padding: 0; }
        .header .navPages-container .navPages-item.navPages-item-shop .seven-col-grid div:first-child {
          padding-right: 40px; }
    .header .navPages-container .navPages-item.navPages-item-shop p {
      font-weight: bold;
      padding-top: 10px; }
    .header .navPages-container .navPages-item.navPages-item-shop .shop-now-link {
      color: #ea3a02;
      text-decoration: underline; }
    .header .navPages-container .navPages-item.navPages-item-industries .navPage-subMenu-list div {
      padding: 0; }
    .header .navPages-container .navPages-item.navPages-item-industries img {
      height: 50px;
      display: block;
      margin: 30px auto 20px auto; }
    .header .navPages-container .navPages-item.navPages-item-brands .navPage-subMenu {
      overflow: hidden; }
      .header .navPages-container .navPages-item.navPages-item-brands .navPage-subMenu .container {
        padding-bottom: 0 !important; }
    .header .navPages-container .navPages-item.navPages-item-brands .navPage-subMenu-list {
      max-width: none; }
    .header .navPages-container .navPages-item.navPages-item-brands .seven-col-grid {
      display: flex;
      align-items: center; }
      .header .navPages-container .navPages-item.navPages-item-brands .seven-col-grid div {
        padding: 0; }
    .header .navPages-container .navPages-item.navPages-item-brands .navPage-childList {
      position: relative; }
      .header .navPages-container .navPages-item.navPages-item-brands .navPage-childList .shop-all-link {
        position: absolute;
        top: -28px;
        right: 20px;
        color: #ea3a02;
        text-decoration: underline; }
    .header .navPages-container .navPages-item.navPages-item-brands .brand-images-list {
      background: #f5f5f5;
      margin-top: 10px;
      left: 50%;
      margin-left: -50vw;
      margin-right: -50vw;
      max-width: 100vw;
      position: relative;
      right: 50%;
      width: 100vw; }
      .header .navPages-container .navPages-item.navPages-item-brands .brand-images-list .container {
        padding: 0 !important; }
    .header .navPages-container .navPages-item.navPages-item-brands img {
      padding: 15px 25px; }
      .header .navPages-container .navPages-item.navPages-item-brands img[alt="Kimberly Clark logo"] {
        padding: 15px; }
      @media (min-width: 1440px) {
        .header .navPages-container .navPages-item.navPages-item-brands img {
          padding: 30px 50px; }
          .header .navPages-container .navPages-item.navPages-item-brands img[alt="Kimberly Clark logo"] {
            padding: 30px; } }
    .header .navPages-container .navPages-item.navPages-item-services .navPage-subMenu {
      transition: all .2s ease-in-out; }
    .header .navPages-container .navPages-item.navPages-item-services .navPage-subMenu-list {
      display: flex;
      justify-content: center; }
      .header .navPages-container .navPages-item.navPages-item-services .navPage-subMenu-list div {
        padding: 0; }
        .header .navPages-container .navPages-item.navPages-item-services .navPage-subMenu-list div:first-child h3 {
          padding: 3px 0;
          margin: 0; }
        .header .navPages-container .navPages-item.navPages-item-services .navPage-subMenu-list div:first-child p, .header .navPages-container .navPages-item.navPages-item-services .navPage-subMenu-list div:first-child a {
          margin-bottom: 2.5rem; }
        .header .navPages-container .navPages-item.navPages-item-services .navPage-subMenu-list div:first-child a {
          padding: 0 30px;
          height: 34px;
          line-height: 34px; }
        .header .navPages-container .navPages-item.navPages-item-services .navPage-subMenu-list div:nth-child(2) {
          padding-right: 80px; }
    .header .navPages-container .navPages-item.navPages-item-services h3 {
      margin: 0;
      font-size: 14px;
      color: #28282d;
      margin-bottom: 3px;
      font-weight: 700; }
    .header .navPages-container .navPages-item.navPages-item-services p,
    .header .navPages-container .navPages-item.navPages-item-services p span {
      line-height: 2; }
    .header .navPages-container .navPages-item.navPages-item-services .bold {
      font-weight: bold; }
    .header .navPages-container .navPages-item.navPages-item-services img {
      box-shadow: 0 1px 10px rgba(0, 0, 0, 0.1); }
    .header .navPages-container .navPages-item.navPages-item-resources h3 {
      margin: 0;
      font-size: 14px;
      color: #28282d;
      margin-bottom: 3px;
      font-weight: 700; }
    .header .navPages-container .navPages-item.navPages-item-resources p {
      line-height: 2; }
    .header .navPages-container .navPages-item.navPages-item-resources .navPage-subMenu {
      background: linear-gradient(90deg, #f7f7f7 50%, white 50%); }
    .header .navPages-container .navPages-item.navPages-item-resources .blogPost-list {
      padding-right: 2rem; }
    .header .navPages-container .navPages-item.navPages-item-resources .blogPost-item {
      column-gap: 1rem;
      display: grid;
      grid-template-columns: 1fr 1fr;
      margin: 10px; }
    .header .navPages-container .navPages-item.navPages-item-resources .blogPost-item-img img {
      border: 1px solid #cacaca;
      border-radius: 8px;
      max-height: 93px;
      object-fit: cover;
      width: -webkit-fill-available; }
    .header .navPages-container .navPages-item.navPages-item-resources .blogPost-item-detail a {
      color: #38383e;
      font-size: 14px;
      font-weight: 700; }
    .header .navPages-container .navPages-item.navPages-item-resources .blogPost-item-detail p {
      color: #38383e; }
    .header .navPages-container .navPages-item.navPages-item-about .navPage-subMenu-list {
      display: flex;
      justify-content: center; }
      .header .navPages-container .navPages-item.navPages-item-about .navPage-subMenu-list div {
        padding: 0; }
  .header .desktop-search {
    margin: 0 -15px; }
    .header .desktop-search a {
      color: #38383e; }
    .header .desktop-search .form {
      width: 100%;
      margin: 0;
      float: right;
      padding: 60px 0 25px 0; }
      @media (min-width: 992px) {
        .header .desktop-search .form {
          padding-top: 0; } }
      @media (min-width: 1200px) {
        .header .desktop-search .form {
          padding: 16px 0; } }
      @media (min-width: 1440px) {
        .header .desktop-search .form {
          width: 360px; } }
    .header .desktop-search .form-field {
      position: relative;
      margin: 0; }
    .header .desktop-search .form-input {
      border: none;
      border-radius: 2px; }
      .header .desktop-search .form-input::placeholder {
        font-style: italic; }
    .header .desktop-search button {
      position: absolute;
      top: 4px;
      right: 3px; }
      .header .desktop-search button img {
        height: 25px;
        width: 25px; }
  .header .quicklink-nav {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 38px;
    border-bottom: 1px solid #bebebe;
    background-color: #f7f7f7; }
    @media (max-width: 992px) {
      .header .quicklink-nav {
        display: none; } }
    .header .quicklink-nav .container {
      display: flex;
      justify-content: center;
      align-items: center;
      height: 100%;
      text-align: center; }
      .header .quicklink-nav .container .carousel .slick-prev, .header .quicklink-nav .container .carousel .slick-next {
        margin-top: 0 !important;
        height: initial !important;
        background: none !important;
        border: none !important; }
        .header .quicklink-nav .container .carousel .slick-prev::before, .header .quicklink-nav .container .carousel .slick-next::before {
          height: 12px !important; }
      .header .quicklink-nav .container .carousel .slick-track {
        display: flex;
        justify-content: space-between; }
        .header .quicklink-nav .container .carousel .slick-track a {
          border: 1px solid #f7f7f7;
          text-align: center;
          color: #38383e;
          letter-spacing: 0px;
          font-family: "Roboto";
          font-weight: 400;
          font-size: 12px;
          width: initial !important;
          animation: fadeIn 2s;
          -webkit-animation: fadeIn 2s;
          -moz-animation: fadeIn 2s;
          -o-animation: fadeIn 2s;
          -ms-animation: fadeIn 2s; }
          .header .quicklink-nav .container .carousel .slick-track a:hover {
            border-bottom: 1px solid #00b9e4;
            color: #00b9e4; }
  .header .header-nav {
    display: none; }
    @media (max-width: 576px) {
      .header .header-nav {
        display: block; } }
    @media (max-width: 576px) {
      .header .header-nav .navUser {
        max-width: 70%;
        right: 1.25rem;
        top: 2.66667rem; }
        .header .header-nav .navUser .navUser-section {
          display: flex;
          align-items: flex-end; }
          .header .header-nav .navUser .navUser-section .navUser-item--mobile-search, .header .header-nav .navUser .navUser-section .navUser-item--account, .header .header-nav .navUser .navUser-section .navUser-item--quotes, .header .header-nav .navUser .navUser-section .navUser-item--cart {
            display: block; }
          .header .header-nav .navUser .navUser-section .navUser-item--quotes .navUser-action#qn-dialog-toggle {
            position: static; }
          .header .header-nav .navUser .navUser-section .navUser-item-cartLabel {
            display: inline-block; }
          .header .header-nav .navUser .navUser-section .navUser-item--mobile-search, .header .header-nav .navUser .navUser-section .navUser-item--quotes, .header .header-nav .navUser .navUser-section .navUser-item--account {
            margin-bottom: 6px; }
          .header .header-nav .navUser .navUser-section .navUser-item--account {
            margin-left: 0.83333rem;
            margin-right: 0.83333rem; } }

@media (min-width: 576px) {
  .banners[data-banner-location="top"] .navUser-item.navUser-item--mobile-search {
    display: none; } }

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  /* IE10+ CSS styles go here */
  .navPages-item-shop .container {
    border: 1px solid transparent; } }

/* The sticky class is added to the header with JS when it reaches its scroll position */
@media (min-width: 992px) {
  .banners.sticky {
    position: fixed;
    z-index: 101;
    width: 100%;
    animation-name: stickyHeaderFade;
    animation-duration: 1s; } }

@media (min-width: 992px) {
  .header.sticky {
    position: fixed;
    top: 34.5px;
    width: 100%;
    animation-name: stickyHeaderFade;
    animation-duration: 1s; } }

@media (min-width: 992px) {
  .sticky ~ .body {
    padding-top: 220px; } }

@media (min-width: 1200px) {
  .sticky ~ .body {
    padding-top: 159px; } }

.services-title {
  font-weight: bold;
  font-size: 14px !important;
  line-height: 1.75 !important; }

@media (min-width: 992px) {
  .sidenav {
    display: none; } }

@media (max-width: 991px) {
  .sidenav {
    height: 100%;
    /* 100% Full-height */
    width: 0;
    /* 0 width - change this with JavaScript */
    position: fixed;
    /* Stay in place */
    z-index: 102;
    /* Stay on top */
    top: 0;
    left: 0;
    background-color: #fff;
    overflow-x: hidden;
    /* Disable horizontal scroll */
    transition: 0.5s;
    /* 0.5 second transition effect to slide in the sidenav */
    /* Set the width of the side navigation and push the page content */ }
    .sidenav.is-open {
      width: calc(100% - 55px); }
      .sidenav.is-open + #main .pushed-content {
        transform: translateX(calc(100% - 55px)); } }
      @media all and (max-width: 991px) and (-ms-high-contrast: none), (max-width: 991px) and (-ms-high-contrast: active) {
        .sidenav.is-open + #main .pushed-content {
          /* IE10+ CSS styles go here */
          transform: translateX(100%) translateX(-55px); } }

@media (max-width: 991px) {
        .sidenav.is-open + #main .pushed-content .mobileMenu-toggle {
          background: #00b9e4; }
    .sidenav .navPages {
      background: #fff;
      padding: 0;
      border-right: 1px solid #e5e5e5;
      box-shadow: inset -16px -1px 8px -18px #BFBFBF;
      -webkit-box-shadow: inset -16px -1px 8px -18px #BFBFBF;
      -moz-box-shadow: inset -16px -1px 8px -18px #BFBFBF;
      -o-box-shadow: inset -16px -1px 8px -18px #BFBFBF; }
      .sidenav .navPages .navPages-list + .navPages-list {
        border: none;
        padding: 0;
        margin: 0;
        border-bottom: 1px solid #e5e5e5; }
        .sidenav .navPages .navPages-list + .navPages-list .navPages-action {
          text-transform: capitalize;
          border: none; }
        .sidenav .navPages .navPages-list + .navPages-list a:not(.navPages-action), .sidenav .navPages .navPages-list + .navPages-list p {
          display: block;
          padding: 0 20px 10px;
          margin: 0; }
          .sidenav .navPages .navPages-list + .navPages-list a:not(.navPages-action) strong, .sidenav .navPages .navPages-list + .navPages-list p strong {
            text-transform: capitalize; }
        .sidenav .navPages .navPages-list + .navPages-list a:not(.navPages-action) {
          color: #ea3a02; } }
    @media all and (max-width: 991px) and (-ms-high-contrast: none), (max-width: 991px) and (-ms-high-contrast: active) {
      .sidenav .navPages .navPages-item {
        /* IE10+ CSS styles go here */
        float: none; } }

@media (max-width: 991px) {
      .sidenav .navPages .navPages-action {
        color: #000;
        padding: 13px 20px 12px;
        border-bottom: 1px solid #e5e5e5;
        font-size: 14px;
        font-weight: 700;
        letter-spacing: 0; }
        .sidenav .navPages .navPages-action:hover {
          color: #094996;
          background: #f5f5f5; }
        .sidenav .navPages .navPages-action .navPages-action-moreIcon,
        .sidenav .navPages .navPages-action .chevron {
          display: none; }
      .sidenav .navPages .navPages-action.has-subMenu:not(.navPage-subMenu-action):not(.navPage-childList-action) {
        position: relative; }
        .sidenav .navPages .navPages-action.has-subMenu:not(.navPage-subMenu-action):not(.navPage-childList-action):before {
          position: absolute;
          top: 20px;
          right: 16px;
          content: '';
          border: 5px solid transparent;
          border-top: 5px solid #000; }
        .sidenav .navPages .navPages-action.has-subMenu:not(.navPage-subMenu-action):not(.navPage-childList-action).is-open:before {
          transform: scaleY(-1); }
      .sidenav .navPages .navPage-subMenu-action.has-subMenu,
      .sidenav .navPages .navPage-childList-action.has-subMenu {
        position: relative; }
        .sidenav .navPages .navPage-subMenu-action.has-subMenu:before,
        .sidenav .navPages .navPage-childList-action.has-subMenu:before {
          position: absolute;
          top: 15px;
          right: 13px;
          content: '';
          background-image: url("https://store-8mji1.mybigcommerce.com/content/mobile-nav-arrow.svg");
          background-repeat: no-repeat;
          width: 16px;
          height: 16px; }
        .sidenav .navPages .navPage-subMenu-action.has-subMenu.is-open:before,
        .sidenav .navPages .navPage-childList-action.has-subMenu.is-open:before {
          background-image: unset;
          content: '\2212';
          text-align: center;
          font-size: 20px;
          top: 50%;
          transform: translateY(-50%);
          height: auto;
          color: #000; }
      .sidenav .navPages .navPages-item-shop .seven-col-grid div {
        width: 100%;
        padding: 0; }
      .sidenav .navPages .navPages-item-industries .navPage-subMenu-list div {
        padding: 0; }
      .sidenav .navPages .navPages-item-industries .navPage-subMenu-list img, .sidenav .navPages .navPages-item-industries .navPage-subMenu-list p {
        display: none; }
      .sidenav .navPages .navPages-item-deals .navPage-subMenu-list {
        flex-direction: column; }
        .sidenav .navPages .navPages-item-deals .navPage-subMenu-list div {
          padding: 0; }
        .sidenav .navPages .navPages-item-deals .navPage-subMenu-list img, .sidenav .navPages .navPages-item-deals .navPage-subMenu-list p {
          display: none; }
        .sidenav .navPages .navPages-item-deals .navPage-subMenu-list a {
          padding: 13px 20px 12px !important;
          border-bottom: 1px solid #efefef !important;
          font-size: 14px !important;
          font-weight: 700 !important;
          letter-spacing: 0 !important; }
      .sidenav .navPages .navPages-item-brands img {
        display: none; }
      .sidenav .navPages .navPages-item-brands .seven-col-grid div {
        width: 100%;
        padding: 0; }
      .sidenav .navPages .navPages-item-brands a[href="/brands"] {
        display: none; }
      .sidenav .navPages .navPages-item-brands .navPage-childList {
        border: none;
        margin: 0;
        padding: 0; }
      .sidenav .navPages .navPages-item-services .navPage-subMenu-list div {
        padding: 0 20px 20px; }
        .sidenav .navPages .navPages-item-services .navPage-subMenu-list div:first-child {
          display: none; }
      .sidenav .navPages .navPages-item-services .navPage-subMenu-list .bold {
        font-weight: bold; }
      .sidenav .navPages .navPages-item-resources .navPage-subMenu-list div {
        padding: 0; }
        .sidenav .navPages .navPages-item-resources .navPage-subMenu-list div:first-child, .sidenav .navPages .navPages-item-resources .navPage-subMenu-list div:nth-child(2) {
          display: none; }
      .sidenav .navPages .navPages-item-about .navPage-subMenu-list div {
        padding: 0; }
      .sidenav .navPages .navPages-item-shop .navPage-subMenu .container,
      .sidenav .navPages .navPages-item-services .navPage-subMenu .container,
      .sidenav .navPages .navPages-item-resources .navPage-subMenu .container,
      .sidenav .navPages .navPages-item-about .navPage-subMenu .container {
        padding: 0;
        width: 100%; }
      .sidenav .navPages .navPages-item-shop .navPage-subMenu .navPage-subMenu-list,
      .sidenav .navPages .navPages-item-services .navPage-subMenu .navPage-subMenu-list,
      .sidenav .navPages .navPages-item-resources .navPage-subMenu .navPage-subMenu-list,
      .sidenav .navPages .navPages-item-about .navPage-subMenu .navPage-subMenu-list {
        margin: 0; } }

#main .pushed-content {
  transition: all .5s; }
  #main .pushed-content ul.protexus {
    margin-left: 15px; }
    #main .pushed-content ul.protexus li {
      list-style: disc; }

.footer {
  background: #38383e;
  padding-top: 0;
  border-top-color: #787878;
  width: 100%; }
  .footer .newsletterSubscription {
    background: #fff; }
    @media (max-width: 767px) {
      .footer .newsletterSubscription {
        text-align: center; } }
    .footer .newsletterSubscription a {
      font-size: 16px;
      vertical-align: middle; }
    .footer .newsletterSubscription p {
      font-size: 14px; }
    .footer .newsletterSubscription .form-input {
      height: 39px; }
    .footer .newsletterSubscription .button {
      padding: 0 50px; }
    .footer .newsletterSubscription .footer-info-heading {
      font-size: 20px;
      font-weight: bold; }
      .footer .newsletterSubscription .footer-info-heading ~ div {
        padding: 5px 0; }
        .footer .newsletterSubscription .footer-info-heading ~ div:nth-child(2) img {
          width: 40px; }
        @media (min-width: 768px) {
          .footer .newsletterSubscription .footer-info-heading ~ div {
            padding: 20px 0 0 0; } }
        @media (min-width: 1200px) {
          .footer .newsletterSubscription .footer-info-heading ~ div {
            white-space: nowrap; }
            .footer .newsletterSubscription .footer-info-heading ~ div:nth-child(4) {
              margin-left: -30px; } }
        @media (min-width: 1440px) {
          .footer .newsletterSubscription .footer-info-heading ~ div:nth-child(3) {
            margin-left: -25px; }
          .footer .newsletterSubscription .footer-info-heading ~ div:nth-child(4) {
            margin-left: -50px; } }
    .footer .newsletterSubscription img {
      width: 45px;
      padding-right: 10px; }
    .footer .newsletterSubscription .container {
      padding-top: 1rem;
      padding-bottom: 1rem; }
      @media (max-width: 767px) {
        .footer .newsletterSubscription .container > div:last-child {
          padding-top: 2rem; } }
      @media (min-width: 768px) {
        .footer .newsletterSubscription .container > div:last-child .footer-info-heading,
        .footer .newsletterSubscription .container > div:last-child p {
          display: inline-block; }
        .footer .newsletterSubscription .container > div:last-child .footer-info-heading {
          padding-right: 20px; } }
  .footer .footer-info {
    padding-top: 5rem; }
    .footer .footer-info .footer-info-heading {
      color: #00b9e4;
      font-weight: 700;
      letter-spacing: 0;
      font-size: 14px; }
    .footer .footer-info .footer-info-list {
      white-space: nowrap; }
      .footer .footer-info .footer-info-list a {
        color: #fff;
        padding: 2px 0;
        display: inline-block;
        font-size: 14px;
        border-bottom: 1px solid transparent; }
        .footer .footer-info .footer-info-list a:hover {
          color: #00b9e4;
          border-color: #00b9e4; }
    @media (max-width: 575px) {
      .footer .footer-info .seven-col-grid article {
        width: 50%; } }
    @media (min-width: 576px) and (max-width: 767px) {
      .footer .footer-info .seven-col-grid article {
        width: calc(100% / 3);
        float: none; } }
    @media (min-width: 768px) and (max-width: 1199px) {
      .footer .footer-info .seven-col-grid article {
        width: calc(100% / 4);
        float: none; }
        .footer .footer-info .seven-col-grid article:nth-child(2), .footer .footer-info .seven-col-grid article:nth-child(6) {
          padding-left: 0; } }
    @media (min-width: 1200px) and (max-width: 1439px) {
      .footer .footer-info .seven-col-grid article:nth-child(1), .footer .footer-info .seven-col-grid article:nth-child(2), .footer .footer-info .seven-col-grid article:nth-child(3) {
        margin: 0 -15px 0 0; }
      .footer .footer-info .seven-col-grid article:nth-child(6) {
        margin-right: 30px; } }
  .footer .socialLinks {
    text-align: center; }
    .footer .socialLinks .socialLinks-item {
      padding: 2px 14px; }
    .footer .socialLinks a {
      font-size: 2.5rem; }
      .footer .socialLinks a i {
        color: #a7a7a7;
        transition: all 0.15s ease; }
      .footer .socialLinks a:hover i {
        color: #fff; }
  .footer .family-of-brands {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 60px; }
    @media (max-width: 425px) {
      .footer .family-of-brands {
        margin-bottom: 20px; } }
    .footer .family-of-brands .content {
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center;
      width: 100%; }
      .footer .family-of-brands .content p {
        text-align: center;
        color: #ffffff;
        letter-spacing: 0px;
        font-family: "Roboto";
        font-weight: 700;
        font-size: 13px; }
      .footer .family-of-brands .content .logo-container {
        display: flex;
        align-items: center;
        flex-direction: row;
        gap: 1rem;
        justify-content: space-between;
        max-width: 650px;
        width: 100%; }
        @media (max-width: 992px) {
          .footer .family-of-brands .content .logo-container {
            max-width: initial;
            flex-wrap: wrap;
            justify-content: space-around; } }
        @media (max-width: 425px) {
          .footer .family-of-brands .content .logo-container img {
            margin-bottom: 20px; } }
  .footer .footer-copyright {
    position: absolute;
    bottom: 0;
    left: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 36px;
    width: 100%;
    background-color: #26282e;
    text-align: center;
    color: #616365; }
    .footer .footer-copyright a {
      color: #616365; }
      .footer .footer-copyright a:hover {
        color: #00b9e4;
        border-bottom: 1px solid #00b9e4; }
    .footer .footer-copyright li,
    .footer .footer-copyright p {
      display: inline; }
    .footer .footer-copyright p {
      font-size: 1rem;
      line-height: 1.5; }

.card {
  padding: 0px 12.5px 38px; }
  .card:hover .card-figcaption {
    display: none; }
  .card:hover .card-image {
    opacity: 0.6; }
  .card:hover .card-title a {
    color: #00b9e4; }

.card-figure {
  margin-bottom: 22px; }
  .card-figure .badges-container .sale-flag-side,
  .card-figure .badges-container .out-of-stock-badge,
  .card-figure .badges-container .pre-order-badge {
    border-radius: 15px;
    padding: 0 15px;
    height: 25px;
    line-height: 26px;
    font-size: 12px;
    font-weight: normal;
    text-transform: uppercase;
    color: #fff;
    text-shadow: .1px 0px #fff; }
  .card-figure .badges-container .sale-flag-side {
    background: #00af4c;
    right: 0; }
    .card-figure .badges-container .sale-flag-side + .out-of-stock-badge,
    .card-figure .badges-container .sale-flag-side + .pre-order-badge {
      top: 30px; }
  .card-figure .badges-container .out-of-stock-badge,
  .card-figure .badges-container .pre-order-badge {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 1; }
  .card-figure .badges-container .out-of-stock-badge {
    background: #787878; }
  .card-figure .badges-container .pre-order-badge {
    background: #ff7e00; }
  .card-figure .card-image {
    transition: all .3s ease 0s; }
  @media (min-width: 551px) {
    .card-figure {
      min-height: 202px; } }

.card-body {
  padding: 0; }

.card-text[data-test-info-type="brandName"] {
  text-align: center;
  margin-bottom: 8px;
  font-weight: 700;
  min-height: 20px;
  display: block;
  letter-spacing: 0;
  color: #8c8c8c;
  font-size: 11px;
  line-height: 1.5;
  text-transform: uppercase; }

.card-title {
  text-align: center;
  margin-bottom: 10px; }
  .card-title a {
    font-size: 13px;
    font-weight: 400;
    line-height: 20px;
    letter-spacing: 0; }

.card-text[data-test-info-type="price"] {
  text-align: center;
  color: #2c2c2c;
  line-height: 25px;
  margin-bottom: 10px;
  font-weight: 400;
  font-size: 16px; }
  .card-text[data-test-info-type="price"] .price-section.rrp-price--withoutTax,
  .card-text[data-test-info-type="price"] .price-section.non-sale-price--withoutTax,
  .card-text[data-test-info-type="price"] .price-now-label {
    display: none; }

.card-text[data-test-info-type="productRating"] {
  text-align: center; }
  .card-text[data-test-info-type="productRating"] .icon {
    height: 17px;
    width: 17px;
    margin: 0 -1px; }
    .card-text[data-test-info-type="productRating"] .icon svg {
      fill: #fc9217; }
  .card-text[data-test-info-type="productRating"].productCarousel {
    display: none; }

.productCarousel .card-figure .badges-container {
  display: none; }

.productCarousel .card-title {
  height: 60px;
  margin-bottom: 17px; }

.productCarousel .card-text.productCarousel {
  display: block;
  margin-bottom: 7px !important; }
  .productCarousel .card-text.productCarousel a {
    font-size: 13px;
    color: #00b9e4;
    vertical-align: middle;
    padding-left: 2px; }

.previewCart .preview-cart-titles,
.previewCart .previewCartItem,
.previewCart .previewCartItem-price,
.previewCart .previewCartTotals {
  text-align: left;
  color: #28282d; }
  .previewCart .preview-cart-titles a,
  .previewCart .previewCartItem a,
  .previewCart .previewCartItem-price a,
  .previewCart .previewCartTotals a {
    color: #28282d; }

.previewCart .preview-cart-titles {
  min-height: 36px;
  padding: 8px 20px 7px 10px;
  border-bottom: 1px solid #e5e5e5;
  background: #fff; }
  .previewCart .preview-cart-titles .preview-cart-title {
    font-weight: bold;
    text-transform: uppercase;
    color: #797979; }
    .previewCart .preview-cart-titles .preview-cart-title p {
      font-size: 11px;
      line-height: 20px; }
    .previewCart .preview-cart-titles .preview-cart-title.title-item {
      padding-left: 0.75rem;
      padding-right: 0.75rem;
      width: 41.66667%;
      float: left; }
      @media (max-width: 767px) {
        .previewCart .preview-cart-titles .preview-cart-title.title-item {
          padding-left: 0; } }
    .previewCart .preview-cart-titles .preview-cart-title.title-price {
      padding-left: 0.75rem;
      padding-right: 0.75rem;
      width: 16.66667%;
      float: left;
      text-align: center; }
    .previewCart .preview-cart-titles .preview-cart-title.title-quantity {
      padding-left: 0.75rem;
      padding-right: 0.75rem;
      width: 25%;
      float: left;
      text-align: center; }
    .previewCart .preview-cart-titles .preview-cart-title.title-total {
      padding-left: 0.75rem;
      padding-right: 0.75rem;
      width: 16.66667%;
      float: left;
      text-align: right; }
    @media (max-width: 767px) {
      .previewCart .preview-cart-titles .preview-cart-title.title-price, .previewCart .preview-cart-titles .preview-cart-title.title-quantity, .previewCart .preview-cart-titles .preview-cart-title.title-total {
        display: none; } }

.previewCart .previewCartList {
  max-height: 230px;
  overflow-y: scroll;
  display: block;
  /* width */
  /* Track */
  /* Handle */
  /* Handle on hover */ }
  .previewCart .previewCartList::-webkit-scrollbar {
    width: 10px; }
  .previewCart .previewCartList::-webkit-scrollbar-track {
    background: #f5f5f5; }
  .previewCart .previewCartList::-webkit-scrollbar-thumb {
    background: #28282d; }
  .previewCart .previewCartList::-webkit-scrollbar-thumb:hover {
    background: #cccccc; }

.previewCart .previewCartItem {
  border: none;
  padding: 15px 10px 10px;
  display: list-item; }
  .previewCart .previewCartItem > div .form-label {
    text-align: left;
    font-weight: bold;
    width: 80px; }
    @media (min-width: 768px) {
      .previewCart .previewCartItem > div .form-label {
        display: none; } }
  .previewCart .previewCartItem > div.item-info {
    width: 100%; }
    @media (min-width: 768px) {
      .previewCart .previewCartItem > div.item-info {
        padding-left: 0.75rem;
        padding-right: 0.75rem;
        width: 41.66667%;
        float: left; } }
  .previewCart .previewCartItem > div.item-price {
    width: 100%;
    padding-top: 15px; }
    @media (max-width: 767px) {
      .previewCart .previewCartItem > div.item-price {
        clear: left; } }
    @media (min-width: 768px) {
      .previewCart .previewCartItem > div.item-price {
        padding-left: 0.75rem;
        padding-right: 0.75rem;
        width: 16.66667%;
        float: left;
        padding-top: 0; } }
    .previewCart .previewCartItem > div.item-price .previewCartItem-price {
      text-align: center; }
  .previewCart .previewCartItem > div.item-quantity {
    width: 100%;
    padding-top: 15px; }
    @media (min-width: 768px) {
      .previewCart .previewCartItem > div.item-quantity {
        padding-left: 0.75rem;
        padding-right: 0.75rem;
        width: 25%;
        float: left;
        padding-top: 20px; }
        .previewCart .previewCartItem > div.item-quantity .cart-item-quantity {
          text-align: center; } }
    .previewCart .previewCartItem > div.item-quantity .form-increment {
      margin: 0; }
      .previewCart .previewCartItem > div.item-quantity .form-increment .button {
        width: 36px;
        height: 36px; }
        .previewCart .previewCartItem > div.item-quantity .form-increment .button[disabled] {
          background: #fff;
          border: 1px solid #cccccc; }
        .previewCart .previewCartItem > div.item-quantity .form-increment .button[data-action="dec"] {
          border-top-right-radius: 0;
          border-bottom-right-radius: 0;
          position: relative; }
          .previewCart .previewCartItem > div.item-quantity .form-increment .button[data-action="dec"]:before {
            position: absolute;
            top: calc(50% - 10px);
            left: calc(50% - 10px);
            content: "";
            background-image: url("https://store-8mji1.mybigcommerce.com/content/cart-minus.svg");
            background-repeat: no-repeat;
            width: 20px;
            height: 20px; }
        .previewCart .previewCartItem > div.item-quantity .form-increment .button[data-action="inc"] {
          border-top-left-radius: 0;
          border-bottom-left-radius: 0;
          position: relative; }
          .previewCart .previewCartItem > div.item-quantity .form-increment .button[data-action="inc"]:before {
            position: absolute;
            top: calc(50% - 10px);
            left: calc(50% - 10px);
            content: "";
            background-image: url("https://store-8mji1.mybigcommerce.com/content/cart-plus.svg");
            background-repeat: no-repeat;
            width: 20px;
            height: 20px; }
        .previewCart .previewCartItem > div.item-quantity .form-increment .button .icon {
          display: none; }
        .previewCart .previewCartItem > div.item-quantity .form-increment .button .fa {
          color: #7b7b7b; }
        .previewCart .previewCartItem > div.item-quantity .form-increment .button:hover, .previewCart .previewCartItem > div.item-quantity .form-increment .button:focus {
          border-color: #000; }
      .previewCart .previewCartItem > div.item-quantity .form-increment .form-input {
        font-size: 1rem;
        color: #303843;
        border-top: 1px solid #cbcbcb;
        border-bottom: 1px solid #cbcbcb;
        height: 36px;
        min-width: 50px;
        border-radius: 0;
        margin: 0 -3px; }
  .previewCart .previewCartItem > div.item-total {
    width: 100%;
    padding-top: 15px; }
    @media (min-width: 768px) {
      .previewCart .previewCartItem > div.item-total {
        padding-left: 0.75rem;
        padding-right: 0.75rem;
        width: 16.66667%;
        float: left;
        text-align: right;
        padding-top: 27px; } }
    .previewCart .previewCartItem > div.item-total .previewCartItem-price {
      padding-top: 0;
      width: auto; }
    .previewCart .previewCartItem > div.item-total .cart-remove.icon {
      margin-top: 0;
      padding: .1rem;
      background: none;
      margin-left: 5px; }
      .previewCart .previewCartItem > div.item-total .cart-remove.icon svg {
        fill: #ea3a02; }
  .previewCart .previewCartItem .previewCartItem-image {
    float: left;
    text-align: left;
    padding-right: 20px; }
    @media (max-width: 767px) {
      .previewCart .previewCartItem .previewCartItem-image {
        width: auto; } }
    .previewCart .previewCartItem .previewCartItem-image:after {
      display: none; }
    .previewCart .previewCartItem .previewCartItem-image img {
      width: 60px;
      position: static; }
  .previewCart .previewCartItem .previewCartItem-brand {
    color: #8c8c8c;
    font-size: 12px;
    display: inline;
    text-shadow: .1px 0px #8c8c8c; }
  .previewCart .previewCartItem .previewCartItem-name {
    float: left;
    width: 65%; }
    .previewCart .previewCartItem .previewCartItem-name h6 {
      margin: 8px 0 5px;
      text-transform: capitalize;
      font-size: 12px;
      line-height: 1.5em;
      text-shadow: 0.1px 0px #28282d; }
      .previewCart .previewCartItem .previewCartItem-name h6 a {
        letter-spacing: 0; }
        .previewCart .previewCartItem .previewCartItem-name h6 a:hover {
          color: #00b9e4; }
  .previewCart .previewCartItem .previewCartItem-price {
    text-align: right;
    font-size: 12px;
    font-weight: bold; }
    @media (min-width: 768px) {
      .previewCart .previewCartItem .previewCartItem-price {
        width: 100%;
        padding-top: 27px; } }

.previewCart .previewCartTotals {
  background: #f5f5f5;
  text-align: right; }
  .previewCart .previewCartTotals .subtotal,
  .previewCart .previewCartTotals .grand-total {
    padding: 9px 20px;
    border-top: 1px solid #e5e5e5; }
  .previewCart .previewCartTotals .subtotal-value,
  .previewCart .previewCartTotals .grand-total-value {
    width: 33%;
    display: inline-block;
    font-weight: bold; }
  .previewCart .previewCartTotals .grand-total-value {
    font-size: 16px; }

.previewCart .previewCartAction {
  background: #f5f5f5;
  border: none;
  padding: 5px 20px 20px;
  text-align: right; }
  .previewCart .previewCartAction .previewCartAction-viewCart {
    padding-left: 0; }
  .previewCart .previewCartAction .previewCartAction-checkout {
    padding-right: 0; }
    .previewCart .previewCartAction .previewCartAction-checkout .button {
      border-radius: 3px; }
  .previewCart .previewCartAction .previewCartAction-viewCart,
  .previewCart .previewCartAction .previewCartAction-checkout {
    width: auto;
    float: none;
    display: inline-block; }
  .previewCart .previewCartAction .button {
    height: 46px;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.15);
    border-color: #cbcbcb;
    font-size: 12px;
    line-height: 46px; }
    .previewCart .previewCartAction .button[href="/cart.php"] {
      background: #fff;
      color: #28282d;
      padding: 0 44px; }
      .previewCart .previewCartAction .button[href="/cart.php"]:hover {
        background: #f5f5f5; }
    .previewCart .previewCartAction .button[href="/checkout"] {
      padding: 0 25px; }

.previewCart .previewCart-emptyBody {
  padding: 20px; }
  .previewCart .previewCart-emptyBody .content {
    background-color: #fcf8e3;
    border-color: #faebcc;
    color: #8a6d3b;
    border: 1px solid #faebcc;
    border-radius: 4px;
    padding: 11px 11px 11px 27px; }

.previewCart-rewardsPlus-message {
  color: black !important;
  margin: 2rem 0 0; }
  .previewCart-rewardsPlus-message img {
    margin: 0 0.25rem; }

.previewCart-rewardsPlus-link {
  color: black !important;
  font-weight: 700;
  text-decoration: underline; }
  .previewCart-rewardsPlus-link span {
    color: red; }

.swatchBoxInfo {
  margin-bottom: 8px; }
  .swatchBoxInfo .tooltip,
  .swatchBoxInfo .form-option-expanded {
    display: none; }
  .swatchBoxInfo .form-field {
    text-align: center;
    margin: 0; }
    .swatchBoxInfo .form-field .swatch-wrapper {
      display: inline; }
      .swatchBoxInfo .form-field .swatch-wrapper .form-option {
        padding: 0; }
      .swatchBoxInfo .form-field .swatch-wrapper .form-radio:checked + .form-option {
        border-color: #fff; }
      .swatchBoxInfo .form-field .swatch-wrapper .form-option-variant--color,
      .swatchBoxInfo .form-field .swatch-wrapper .form-option-variant--pattern {
        height: 15px;
        width: 15px;
        min-width: 0; }

.frequently-bought-together {
  background: #f5f5f5;
  left: 50%;
  margin-left: -50vw;
  margin-right: -50vw;
  max-width: 100vw;
  position: relative;
  right: 50%;
  width: 100vw; }
  .frequently-bought-together .container {
    padding: 1rem 30px 2rem 30px; }
    @media (min-width: 1200px) {
      .frequently-bought-together .container {
        padding: 1rem 15px 2rem 15px; } }
  .frequently-bought-together h2 {
    font-weight: 600;
    letter-spacing: .25px;
    position: relative;
    padding-left: 16px;
    margin-bottom: 26px;
    font-size: 16px;
    line-height: 1.1; }
    .frequently-bought-together h2:before {
      color: #00b9e4;
      position: absolute;
      content: "\f054";
      top: 2px;
      left: 0;
      font-size: 10px;
      font-family: "Font Awesome 5 Free";
      font-weight: 900; }
  .frequently-bought-together .products-list {
    margin-bottom: 30px; }
    @media (min-width: 992px) {
      .frequently-bought-together .products-list {
        float: left;
        padding-right: 100px; } }
    .frequently-bought-together .products-list .product-item {
      display: inline-block; }
      @media (max-width: 767px) {
        .frequently-bought-together .products-list .product-item {
          padding-right: 10px;
          padding-bottom: 10px; } }
      .frequently-bought-together .products-list .product-item .icon {
        display: none; }
      @media (min-width: 768px) {
        .frequently-bought-together .products-list .product-item + .product-item .icon {
          display: inline-block;
          height: 20px;
          width: 20px;
          margin: 0 15px; }
          .frequently-bought-together .products-list .product-item + .product-item .icon svg {
            fill: #000;
            stroke: #000; } }
      .frequently-bought-together .products-list .product-item .image-container {
        display: inline-block;
        width: 100px; }
        @media (min-width: 1200px) {
          .frequently-bought-together .products-list .product-item .image-container {
            width: 140px; } }
  .frequently-bought-together .add-all-button-container {
    font-size: 14px;
    color: #000;
    margin-bottom: 20px; }
    @media (min-width: 992px) {
      .frequently-bought-together .add-all-button-container {
        float: left; } }
    .frequently-bought-together .add-all-button-container .price {
      font-weight: bold;
      display: block;
      font-size: 21px;
      padding: 5px 0 20px 0; }
      .frequently-bought-together .add-all-button-container .price:before {
        content: '$'; }
    .frequently-bought-together .add-all-button-container .button--white {
      background: #fff;
      color: #ea3a02;
      border-color: #ea3a02;
      box-shadow: #aa2500 0 3px 0 0; }
      .frequently-bought-together .add-all-button-container .button--white.added {
        background: #ea3a02;
        color: #fff; }
      .frequently-bought-together .add-all-button-container .button--white:hover {
        background: #ea3a02;
        color: #fff; }
      .frequently-bought-together .add-all-button-container .button--white .added {
        padding: 0 10px 0 25px;
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' x='0px' y='0px'%0Awidth='24' height='24'%0AviewBox='0 0 172 172'%0Astyle=' fill:%23000000;'%3E%3Cg fill='none' fill-rule='nonzero' stroke='none' stroke-width='1' stroke-linecap='butt' stroke-linejoin='miter' stroke-miterlimit='10' stroke-dasharray='' stroke-dashoffset='0' font-family='none' font-weight='none' font-size='none' text-anchor='none' style='mix-blend-mode: normal'%3E%3Cpath d='M0,172v-172h172v172z' fill='none'%3E%3C/path%3E%3Cg fill='%23ffffff'%3E%3Cpath d='M145.43294,37.93294l-80.93294,80.93295l-30.76628,-30.76628l-10.13411,10.13411l40.90039,40.90039l91.06706,-91.06705z'%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
        background-repeat: no-repeat;
        background-position: 0 -5px;
        background-size: 17%; }
      .frequently-bought-together .add-all-button-container .button--white .adding, .frequently-bought-together .add-all-button-container .button--white .added, .frequently-bought-together .add-all-button-container .button--white .remove, .frequently-bought-together .add-all-button-container .button--white .removing, .frequently-bought-together .add-all-button-container .button--white .removed {
        display: none; }
  .frequently-bought-together .checkbox-container {
    clear: both; }
    .frequently-bought-together .checkbox-container .product-checkboxes {
      display: inline-block; }
    .frequently-bought-together .checkbox-container li {
      margin: 15px 0; }
      .frequently-bought-together .checkbox-container li .form-checkbox + .form-label {
        padding-left: 2.5rem; }
      .frequently-bought-together .checkbox-container li .form-checkbox + .form-label:before {
        background: #00b9e4;
        border: none;
        border-radius: 0; }
      .frequently-bought-together .checkbox-container li .form-checkbox:checked + .form-label:after {
        content: '';
        position: absolute;
        width: .9rem;
        height: .5rem;
        background: none;
        top: .55rem;
        left: .2rem;
        border: 2px solid #fff;
        border-top: none;
        border-right: none;
        -webkit-transform: rotate(-45deg);
        -moz-transform: rotate(-45deg);
        -o-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        transform: rotate(-45deg); }
      .frequently-bought-together .checkbox-container li .form-label {
        font-size: 14px;
        color: #000; }
        .frequently-bought-together .checkbox-container li .form-label .this-item {
          font-weight: bold;
          display: none; }
        .frequently-bought-together .checkbox-container li .form-label .price {
          font-weight: bold; }
          .frequently-bought-together .checkbox-container li .form-label .price:before {
            content: '$'; }

.account-page .page-heading {
  text-align: left;
  font-weight: bold;
  margin: 2rem 0;
  letter-spacing: -1px; }

.account-page .page-sidebar {
  width: 100%;
  padding: 0 0 1rem 0; }
  @media (min-width: 768px) {
    .account-page .page-sidebar {
      padding-left: 0.75rem;
      padding-right: 0.75rem;
      width: 33.33333%;
      float: left;
      padding: 0 0 6rem 0; } }
  @media (min-width: 992px) {
    .account-page .page-sidebar {
      padding-left: 0.75rem;
      padding-right: 0.75rem;
      width: 25%;
      float: left;
      padding-left: 0;
      padding-right: 0; } }
  @media (min-width: 1440px) {
    .account-page .page-sidebar {
      padding-left: 0.75rem;
      padding-right: 0.75rem;
      width: 16.66667%;
      float: left;
      padding-left: 0;
      padding-right: 0; } }
  .account-page .page-sidebar .navBar {
    margin-bottom: 0;
    background: #f5f5f5;
    padding: 20px 0;
    display: block; }
    @media (min-width: 768px) {
      .account-page .page-sidebar .navBar {
        padding-bottom: 0; } }
  .account-page .page-sidebar .navBar-item {
    display: block;
    text-align: left;
    margin: 0 0 5px 0;
    padding: 0 20px;
    line-height: 25px;
    font-size: 14px; }
    .account-page .page-sidebar .navBar-item a {
      color: #000;
      font-size: 14px; }
      .account-page .page-sidebar .navBar-item a:hover {
        color: #00b9e4; }
    .account-page .page-sidebar .navBar-item.is-active {
      border: none;
      background: #00b9e4;
      color: #fff;
      position: relative; }
      .account-page .page-sidebar .navBar-item.is-active:after {
        border: inset 8px;
        content: "";
        display: block;
        height: 0;
        width: 0;
        border-color: transparent transparent transparent #00b9e4;
        border-left-style: solid;
        bottom: 100%;
        left: auto;
        position: absolute;
        right: -13px;
        top: 4px; }
  .account-page .page-sidebar .help-section,
  .account-page .page-sidebar .reportSection {
    text-align: left;
    padding: 20px 20px 0 20px;
    position: relative; }
    @media (min-width: 768px) {
      .account-page .page-sidebar .help-section:before,
      .account-page .page-sidebar .reportSection:before {
        content: '';
        display: block;
        width: 100%;
        height: 1px;
        border-top: 1px solid #d7d7d7; } }
    .account-page .page-sidebar .help-section h4, .account-page .page-sidebar .help-section a,
    .account-page .page-sidebar .reportSection h4,
    .account-page .page-sidebar .reportSection a {
      font-size: 14px; }
    .account-page .page-sidebar .help-section h4,
    .account-page .page-sidebar .reportSection h4 {
      color: #00b9e4;
      font-style: italic;
      font-weight: bold; }
    .account-page .page-sidebar .help-section div,
    .account-page .page-sidebar .reportSection div {
      margin: 20px 0; }
    .account-page .page-sidebar .help-section img,
    .account-page .page-sidebar .reportSection img {
      width: 30px;
      margin-right: 10px; }
    .account-page .page-sidebar .help-section a,
    .account-page .page-sidebar .reportSection a {
      color: #38383e; }
      .account-page .page-sidebar .help-section a:hover,
      .account-page .page-sidebar .reportSection a:hover {
        color: #00b9e4; }
      .account-page .page-sidebar .help-section a.chat, .account-page .page-sidebar .help-section a.email,
      .account-page .page-sidebar .reportSection a.chat,
      .account-page .page-sidebar .reportSection a.email {
        text-decoration: underline; }
  .account-page .page-sidebar .promo-area {
    background: #f5f5f5;
    margin-top: 20px;
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 250px; }
    .account-page .page-sidebar .promo-area.no-promo {
      display: none; }
  @media (max-width: 767px) {
    .account-page .page-sidebar .help-section {
      display: none; } }

@media (min-width: 768px) {
  .account-page .page-content {
    padding-left: 0.75rem;
    padding-right: 0.75rem;
    width: 66.66667%;
    float: left; } }

@media (min-width: 992px) {
  .account-page .page-content {
    padding-left: 0.75rem;
    padding-right: 0.75rem;
    width: 75%;
    float: left; } }

@media (min-width: 1440px) {
  .account-page .page-content {
    padding-left: 0.75rem;
    padding-right: 0.75rem;
    width: 83.33333%;
    float: left; } }

.account-page .alertBox.alertBox--success,
.account-page .alertBox.alertBox--info,
.account-page .alertBox.alertBox--storeCredit {
  background-color: #DE3702; }

.pagination .pagination-list {
  text-align: right; }

.pagination .pagination-item {
  float: none;
  border-color: #d7d7d7;
  border-radius: 3px; }
  .pagination .pagination-item.pagination-item--next, .pagination .pagination-item.pagination-item--previous {
    border: none; }
  .pagination .pagination-item a {
    font-weight: bold;
    color: #38383e;
    padding: 6px 9px; }
  .pagination .pagination-item.pagination-item--current {
    background: #ea3a02;
    border-color: #ea3a02; }
    .pagination .pagination-item.pagination-item--current a {
      color: #fff; }

@media (min-width: 1440px) {
  .page-sidebar#faceted-search-container {
    margin-right: -75px; } }

.page-sidebar#faceted-search-container .facetedSearch-refineFilters {
  padding-bottom: 2rem; }

.page-sidebar#faceted-search-container .facetedSearch-toggle {
  margin-bottom: 10px;
  border-color: #cccccc;
  border-radius: 3px; }
  .page-sidebar#faceted-search-container .facetedSearch-toggle:hover {
    border-color: #999999; }
  .page-sidebar#faceted-search-container .facetedSearch-toggle.is-open {
    margin-bottom: -1px; }

.page-sidebar#faceted-search-container .facetedSearch-navList {
  margin-top: 0; }
  @media (min-width: 1440px) {
    .page-sidebar#faceted-search-container .facetedSearch-navList {
      margin-right: 75px; } }

.page-sidebar#faceted-search-container .accordion-title {
  font-weight: 700;
  font-size: 16px; }

.page-sidebar#faceted-search-container .accordion-navigation-actions {
  color: #ea3a02; }

.page-sidebar#faceted-search-container .navList-action--checkbox:before {
  border-radius: 0; }

.page-sidebar#faceted-search-container .navList-action--checkbox span:not(.navList-action-close) {
  font-size: 10px;
  color: #b0b0b0; }

@media (min-width: 992px) {
  .page-sidebar#faceted-search-container .accordion-block {
    border-top: 1px solid #bcbcbe;
    padding-top: 1rem; }
    .page-sidebar#faceted-search-container .accordion-block .accordion-navigation,
    .page-sidebar#faceted-search-container .accordion-block .accordion-content {
      padding-left: 10px; } }

.page-content .actionBar {
  margin-top: 0; }
  .page-content .actionBar .form-fieldset {
    width: 100%; }
  .page-content .actionBar .form-field {
    border-color: #cccccc;
    border-radius: 3px;
    margin-bottom: 0; }
    .page-content .actionBar .form-field:hover {
      border-color: #999999; }
  .page-content .actionBar .form-select {
    padding: 0 14px;
    height: 3rem;
    width: calc(100% - 62px);
    max-width: none;
    float: none; }
  @media (max-width: 991px) {
    .page-content .actionBar .form-label {
      margin: 0; } }
  @media (min-width: 992px) {
    .page-content .actionBar .form-field {
      border: none; }
      .page-content .actionBar .form-field:hover .form-select {
        border-color: #999999; }
      .page-content .actionBar .form-field .form-label {
        font-weight: bold;
        text-transform: uppercase;
        color: #28282d; }
      .page-content .actionBar .form-field .form-select {
        border: 1px solid #cccccc;
        border-radius: 3px;
        width: 210px; } }

.region-above-footer {
  background: #f5f5f5; }

.banners[data-banner-location="bottom"] {
  background: #f5f5f5;
  text-align: left;
  padding-bottom: 20px;
  padding-left: 15px;
  padding-right: 15px;
  margin-top: 0 !important;
  color: #38383e; }
  .banners[data-banner-location="bottom"] h1, .banners[data-banner-location="bottom"] h2, .banners[data-banner-location="bottom"] h3, .banners[data-banner-location="bottom"] h4, .banners[data-banner-location="bottom"] h5, .banners[data-banner-location="bottom"] h6 {
    font-weight: 700; }
  .banners[data-banner-location="bottom"] h3 {
    font-size: 22px;
    font-weight: 700;
    letter-spacing: .015em; }
  .banners[data-banner-location="bottom"] p:last-child {
    margin-bottom: 15px; }
  .banners[data-banner-location="bottom"] a, .banners[data-banner-location="bottom"] a:hover {
    color: #ea3a02; }
  .banners[data-banner-location="bottom"] .zogics-or-button {
    background: linear-gradient(to bottom, #ff4903, #ea3802);
    box-shadow: #9c2e13 0 3px 0 0;
    color: #fff;
    border-radius: 5px;
    text-transform: uppercase;
    font-weight: 700;
    padding: .91667rem 2.25rem;
    display: block;
    width: 100%;
    max-width: 180px;
    margin: 0 auto; }
    .banners[data-banner-location="bottom"] .zogics-or-button:hover {
      color: #fff;
      background: linear-gradient(to bottom, #ff5804, #ff4302); }
  .banners[data-banner-location="bottom"] .banner-category-bottom {
    border-top: 1px solid #d7d7d7;
    margin-top: 50px;
    text-align: left; }
    .banners[data-banner-location="bottom"] .banner-category-bottom .container {
      width: 100%; }
    .banners[data-banner-location="bottom"] .banner-category-bottom .desc-top {
      padding-top: 32px;
      padding-bottom: 45px;
      border-bottom: 1px solid #d7d7d7;
      margin-bottom: 40px;
      width: 100%;
      float: left; }
      .banners[data-banner-location="bottom"] .banner-category-bottom .desc-top .desc-top-left {
        width: 255px;
        float: left; }
        @media (max-width: 580px) {
          .banners[data-banner-location="bottom"] .banner-category-bottom .desc-top .desc-top-left {
            width: 170px;
            padding-right: 20px; } }
        @media (max-width: 480px) {
          .banners[data-banner-location="bottom"] .banner-category-bottom .desc-top .desc-top-left {
            width: 100%;
            text-align: center;
            margin-bottom: 20px; } }
        .banners[data-banner-location="bottom"] .banner-category-bottom .desc-top .desc-top-left img {
          border-radius: 50%;
          -webkit-border-radius: 50%;
          -moz-border-radius: 50%;
          -ms-border-radius: 50%;
          -o-border-radius: 50%; }
      .banners[data-banner-location="bottom"] .banner-category-bottom .desc-top .desc-top-right {
        width: calc(100% - 255px);
        float: left; }
        @media (max-width: 580px) {
          .banners[data-banner-location="bottom"] .banner-category-bottom .desc-top .desc-top-right {
            width: calc(100% - 170px); } }
        @media (max-width: 580px) {
          .banners[data-banner-location="bottom"] .banner-category-bottom .desc-top .desc-top-right {
            width: 100%; } }
        .banners[data-banner-location="bottom"] .banner-category-bottom .desc-top .desc-top-right h3 {
          font-size: 22px;
          font-weight: 700;
          letter-spacing: .015em;
          text-align: left; }
          @media (max-width: 580px) {
            .banners[data-banner-location="bottom"] .banner-category-bottom .desc-top .desc-top-right h3 {
              margin-top: 0; } }
        .banners[data-banner-location="bottom"] .banner-category-bottom .desc-top .desc-top-right p {
          letter-spacing: .035em; }
    .banners[data-banner-location="bottom"] .banner-category-bottom .desc-bottom {
      clear: both;
      margin-bottom: 45px; }
      @media (max-width: 991px) {
        .banners[data-banner-location="bottom"] .banner-category-bottom .desc-bottom {
          margin-bottom: 78px; } }
      .banners[data-banner-location="bottom"] .banner-category-bottom .desc-bottom ul {
        margin: 30px -15px 28px;
        display: -webkit-box;
        /* OLD - iOS 6-, Safari 3.1-6 */
        display: -moz-box;
        /* OLD - Firefox 19- (buggy but mostly works) */
        display: -ms-flexbox;
        /* TWEENER - IE 10 */
        display: -webkit-flex;
        /* NEW - Chrome */
        display: flex;
        /* NEW, Spec - Opera 12.1, Firefox 20+ */
        flex-wrap: wrap;
        flex-wrap: wrap; }
        @media (max-width: 991px) {
          .banners[data-banner-location="bottom"] .banner-category-bottom .desc-bottom ul {
            margin-bottom: 0; } }
        .banners[data-banner-location="bottom"] .banner-category-bottom .desc-bottom ul li {
          border-right: 1px solid #d7d7d7; }
          @media (min-width: 992px) {
            .banners[data-banner-location="bottom"] .banner-category-bottom .desc-bottom ul li {
              width: 24.95%; } }
          @media (max-width: 991px) {
            .banners[data-banner-location="bottom"] .banner-category-bottom .desc-bottom ul li {
              border-right: none;
              width: 100%;
              margin-bottom: 22px; } }
          .banners[data-banner-location="bottom"] .banner-category-bottom .desc-bottom ul li:last-child {
            border-right: none; }
          .banners[data-banner-location="bottom"] .banner-category-bottom .desc-bottom ul li h5 {
            margin-top: 5px;
            margin-bottom: 5px;
            letter-spacing: .015em;
            text-transform: capitalize;
            font-weight: 700; }
            @media (max-width: 991px) {
              .banners[data-banner-location="bottom"] .banner-category-bottom .desc-bottom ul li h5 {
                font-size: 12px; } }
          .banners[data-banner-location="bottom"] .banner-category-bottom .desc-bottom ul li p:last-child {
            margin-bottom: 0; }

.modal {
  border-radius: 5px; }
  .modal .modal-header {
    background: #f5f5f5; }
  .modal .modal-header-title {
    text-transform: uppercase;
    font-weight: bold;
    font-size: 20px; }
  .modal .modal-close {
    color: #000;
    font-size: 28px; }
  .modal textarea {
    resize: vertical; }
  .modal#previewModal {
    max-height: 100%;
    width: 1100px; }
    @media (max-width: 991px) {
      .modal#previewModal .modal-body {
        height: 67vh; } }
  .modal .previewCart {
    border-bottom: 1px solid #e5e5e5; }
  .modal .previewCartCheckout {
    background: #f5f5f5; }
    @media (min-width: 992px) {
      .modal .previewCartCheckout {
        width: 30%; } }
    .modal .previewCartCheckout .previewCartCheckout-subtotal {
      font-size: 14px;
      margin: 0; }
      .modal .previewCartCheckout .previewCartCheckout-subtotal + p {
        font-size: 1rem;
        font-style: italic; }
    .modal .previewCartCheckout .button {
      height: 40px;
      line-height: 40px;
      padding: 0; }
      .modal .previewCartCheckout .button + .button {
        margin-top: 1rem; }
      .modal .previewCartCheckout .button.button--red {
        box-shadow: #aa2500 0 3px 0 0; }
        .modal .previewCartCheckout .button.button--red:hover {
          background: linear-gradient(to bottom, #ff5804, #ff4302); }
        .modal .previewCartCheckout .button.button--red:active {
          background: linear-gradient(to bottom, #bb2d02, #ea3802); }
      .modal .previewCartCheckout .button.button--primary {
        background: #008bab;
        box-shadow: #02657b 0 3px 0 0; }
        .modal .previewCartCheckout .button.button--primary:hover {
          background: linear-gradient(to bottom, #00a8cd, #00a8cd); }
        .modal .previewCartCheckout .button.button--primary:active {
          background: linear-gradient(to bottom, #005467, #008cab); }
    .modal .previewCartCheckout a.view-edit-cart {
      text-decoration: underline;
      display: block;
      margin-top: 1.5rem; }
  @media (max-width: 991px) {
    .modal .productView.inside-modal {
      padding-top: 50px; } }
  @media (min-width: 992px) {
    .modal .productView.inside-modal {
      width: 70%; } }
  .modal .productView.inside-modal .productView-image {
    min-height: 0; }
    .modal .productView.inside-modal .productView-image .productView-img-container img {
      padding-bottom: 50px; }
    .modal .productView.inside-modal .productView-image .productView-img-container:after {
      padding-bottom: 100%; }
  @media (max-width: 991px) {
    .modal .productView.inside-modal .productView-details {
      width: 100%; } }
  @media (min-width: 992px) {
    .modal .productView.inside-modal .productView-details {
      padding: 3rem; } }
  .modal .productView.inside-modal .productView-details .productView-brand {
    color: #AEAEAE;
    margin-bottom: 0; }
  .modal .productView.inside-modal .productView-details .productView-title {
    font-size: 13px;
    font-weight: normal;
    margin: 5px 0; }
  .modal .productView.inside-modal .productView-details .productView-price p {
    margin-bottom: 0;
    font-weight: normal; }
  .modal .productView.inside-modal .productView-details .productView-price .bold {
    font-weight: bold;
    text-transform: uppercase; }
  .modal .productView.inside-modal .productView-details .productView-price p, .modal .productView.inside-modal .productView-details .productView-price span {
    font-size: 13px;
    letter-spacing: 0; }
  .modal .productView.inside-modal .productView-details .productView-info-name,
  .modal .productView.inside-modal .productView-details .productView-info-value {
    float: none;
    margin: 0; }
  .modal .suggestiveCart > h4 {
    font-weight: bold;
    font-style: italic;
    font-size: 16px; }
  .modal .suggestiveCart .card-text[data-test-info-type="brandName"] {
    font-size: 13px !important;
    color: #AEAEAE;
    margin-bottom: 0; }
  .modal .suggestiveCart .card-text[data-test-info-type="price"] {
    display: none; }

.breadcrumbs {
  text-align: left;
  padding: 15px 0;
  border-bottom: 1px solid #dbdbdb;
  left: 50%;
  margin-left: -50vw;
  margin-right: -50vw;
  max-width: 100vw;
  position: relative;
  right: 50%;
  width: 100vw; }
  .breadcrumbs .breadcrumb-label,
  .breadcrumbs .breadcrumb.is-active > .breadcrumb-label {
    color: #28282d;
    padding: 0 10px; }
  @media (min-width: 1200px) {
    .breadcrumbs .breadcrumb:first-child .breadcrumb-label {
      padding-left: 0; } }
  .breadcrumbs .breadcrumb:last-child .breadcrumb-label:after {
    display: none; }
  .breadcrumbs .breadcrumb-label {
    position: relative;
    display: inline-block; }
    .breadcrumbs .breadcrumb-label:after {
      position: absolute;
      color: #cdcdcf;
      right: -10px;
      content: "";
      background-image: url("https://store-8mji1.mybigcommerce.com/content/breadcrumb-arrow.svg");
      background-repeat: no-repeat;
      width: 10px;
      height: 10px;
      top: 4px; }
  @media (max-width: 991px) {
    .breadcrumbs li:last-child .breadcrumb-label {
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
      max-width: 170px;
      float: left;
      margin-left: 0.5rem; } }
  @media (max-width: 380px) {
    .breadcrumbs li:last-child .breadcrumb-label {
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
      max-width: 145px;
      float: left;
      margin-left: 0.5rem; } }

.button {
  color: #fff;
  text-transform: uppercase;
  font-weight: bold;
  border-radius: 3px;
  transition: all .3s ease 0s; }
  .button.button--primary {
    border: none; }
    .button.button--primary:hover {
      background: #008bab; }
  .button.button--red, .button.button--red-shadow, .button.button--blue-shadow {
    border: none; }
    .button.button--red:hover, .button.button--red:focus, .button.button--red-shadow:hover, .button.button--red-shadow:focus, .button.button--blue-shadow:hover, .button.button--blue-shadow:focus {
      color: #fff; }
    .button.button--red:focus, .button.button--red-shadow:focus, .button.button--blue-shadow:focus {
      border: none; }
  .button.button--red {
    background: #f8452c; }
    .button.button--red:hover {
      background: #000; }
  .button.button--red-shadow {
    border-radius: 5px;
    background: linear-gradient(to bottom, #ff4903, #ea3802);
    box-shadow: #aa2500 0 3px 0 0; }
    .button.button--red-shadow:hover {
      background: linear-gradient(to bottom, #ff5804, #ff4302); }
    .button.button--red-shadow:active {
      background: linear-gradient(to bottom, #bb2d02, #ea3802); }
  .button.button--blue-shadow {
    border-radius: 5px;
    background: linear-gradient(to bottom, #008cab, #008cab);
    box-shadow: #02657b 0 3px 0 0; }
    .button.button--blue-shadow:hover {
      background: linear-gradient(to bottom, #00a8cd, #00a8cd); }
    .button.button--blue-shadow:active {
      background: linear-gradient(to bottom, #005467, #008cab); }
  .button.button--white {
    background: #fff;
    color: #ea3a02;
    border-color: #ea3a02;
    box-shadow: #aa2500 0 3px 0 0; }
    .button.button--white:hover {
      background: #ea3a02;
      color: #fff; }

.alertBox {
  padding: 11px 11px 11px 27px;
  margin-bottom: 20px;
  color: #fff; }
  .alertBox span {
    font-size: 1rem;
    line-height: 1.5; }
  .alertBox svg {
    fill: #fff; }
  .alertBox.alertBox--success, .alertBox.alertBox--info {
    background-color: #00b9e4; }
  .alertBox.alertBox--error {
    background-color: #ea3a02; }
  .alertBox.productAttributes-message .icon {
    width: 22px;
    height: 22px; }
  .alertBox.productAttributes-message svg {
    fill: #ea3a02; }
  .alertBox.productAttributes-message p {
    color: #28282d;
    font-size: 1rem; }

.custom-field-container {
  border-top: 1px solid #eee;
  border-bottom: 1px solid #eee;
  display: flex;
  align-items: center;
  padding: 15px 0 15px;
  margin-top: 12px;
  margin-bottom: 12px; }

@media (min-width: 576px) {
  .freeShipping-section ~ .bulk-section {
    margin-left: 30px; } }

.freeShipping-section ~ .warranty-section {
  margin-left: 30px; }

.expert-section .text-container {
  margin-left: 5px !important; }

.freeShipping-section,
.bulk-section,
.origin-section,
.warranty-section, .expert-section {
  display: flex;
  align-items: center; }
  .freeShipping-section .freeShipping-icon,
  .freeShipping-section .sameDay-icon,
  .bulk-section .freeShipping-icon,
  .bulk-section .sameDay-icon,
  .origin-section .freeShipping-icon,
  .origin-section .sameDay-icon,
  .warranty-section .freeShipping-icon,
  .warranty-section .sameDay-icon, .expert-section .freeShipping-icon,
  .expert-section .sameDay-icon {
    height: 28px; }
  .freeShipping-section .casesShip-icon,
  .bulk-section .casesShip-icon,
  .origin-section .casesShip-icon,
  .warranty-section .casesShip-icon, .expert-section .casesShip-icon {
    margin-left: 10px;
    height: 28px; }
  .freeShipping-section .bulk-icon,
  .bulk-section .bulk-icon,
  .origin-section .bulk-icon,
  .warranty-section .bulk-icon, .expert-section .bulk-icon {
    height: 63px; }
  .freeShipping-section .warranty-icon,
  .bulk-section .warranty-icon,
  .origin-section .warranty-icon,
  .warranty-section .warranty-icon, .expert-section .warranty-icon {
    height: 50px; }
  .freeShipping-section .expert-icon,
  .bulk-section .expert-icon,
  .origin-section .expert-icon,
  .warranty-section .expert-icon, .expert-section .expert-icon {
    height: 28px; }
  .freeShipping-section .usa-icon,
  .bulk-section .usa-icon,
  .origin-section .usa-icon,
  .warranty-section .usa-icon, .expert-section .usa-icon {
    width: auto;
    height: 28px; }
  .freeShipping-section .text-container,
  .bulk-section .text-container,
  .origin-section .text-container,
  .warranty-section .text-container, .expert-section .text-container {
    margin-left: 10px; }
  .freeShipping-section .freeShipping-title,
  .freeShipping-section .bulk-title, .freeShipping-section .expert-title, .freeShipping-section .origin-title,
  .bulk-section .freeShipping-title,
  .bulk-section .bulk-title,
  .bulk-section .expert-title,
  .bulk-section .origin-title,
  .origin-section .freeShipping-title,
  .origin-section .bulk-title,
  .origin-section .expert-title,
  .origin-section .origin-title,
  .warranty-section .freeShipping-title,
  .warranty-section .bulk-title,
  .warranty-section .expert-title,
  .warranty-section .origin-title, .expert-section .freeShipping-title,
  .expert-section .bulk-title, .expert-section .expert-title, .expert-section .origin-title {
    font-family: "Roboto", Arial, Helvetica, sans-serif;
    text-transform: uppercase;
    font-style: italic;
    font-size: 11px;
    font-weight: 900;
    margin: 0;
    line-height: 1; }
  .freeShipping-section .col-xl-4,
  .bulk-section .col-xl-4,
  .origin-section .col-xl-4,
  .warranty-section .col-xl-4, .expert-section .col-xl-4 {
    padding-left: 0 !important;
    width: 200% !important; }
  .freeShipping-section .details-link,
  .bulk-section .details-link,
  .origin-section .details-link,
  .warranty-section .details-link, .expert-section .details-link {
    color: #38383e;
    text-decoration: underline;
    display: block;
    width: 100% !important; }
  .freeShipping-section + .freeShipping-section,
  .bulk-section + .freeShipping-section,
  .origin-section + .freeShipping-section,
  .warranty-section + .freeShipping-section, .expert-section + .freeShipping-section {
    margin-left: 1.5rem; }
    @media screen and (min-width: 1031px) and (max-width: 1035px) {
      .freeShipping-section + .freeShipping-section,
      .bulk-section + .freeShipping-section,
      .origin-section + .freeShipping-section,
      .warranty-section + .freeShipping-section, .expert-section + .freeShipping-section {
        margin-left: 5px; } }
    @media screen and (min-width: 1036px) and (max-width: 1044px) {
      .freeShipping-section + .freeShipping-section,
      .bulk-section + .freeShipping-section,
      .origin-section + .freeShipping-section,
      .warranty-section + .freeShipping-section, .expert-section + .freeShipping-section {
        margin-left: 8px; } }
    @media screen and (min-width: 1045px) and (max-width: 1060px) {
      .freeShipping-section + .freeShipping-section,
      .bulk-section + .freeShipping-section,
      .origin-section + .freeShipping-section,
      .warranty-section + .freeShipping-section, .expert-section + .freeShipping-section {
        margin-left: 12px; } }

.origin-section {
  margin-left: 1.5rem; }
  @media screen and (min-width: 768px) and (max-width: 991px) {
    .origin-section {
      margin-left: -10px; } }
  @media screen and (min-width: 992px) and (max-width: 1030px) {
    .origin-section {
      margin-left: 0; } }
  @media screen and (min-width: 1031px) and (max-width: 1035px) {
    .origin-section {
      margin-left: 5px; } }
  @media screen and (min-width: 1036px) and (max-width: 1044px) {
    .origin-section {
      margin-left: 8px; } }
  @media screen and (min-width: 1045px) and (max-width: 1060px) {
    .origin-section {
      margin-left: 12px; } }
  .origin-section .text-container {
    max-width: 45px;
    min-width: 40px; }

@media (min-width: 1440px) {
  .warranty-section .text-container {
    display: flex;
    align-items: flex-end; }
    .warranty-section .text-container a {
      margin-left: 10px; } }

.warranty-section .text-container p {
  font-family: "Roboto", Arial, Helvetica, sans-serif;
  text-transform: uppercase;
  font-style: italic;
  margin: 0;
  font-size: 1rem; }

.warranty-section .text-container p,
.warranty-section .text-container span,
.warranty-section .text-container a {
  line-height: 1.2; }

.warranty-section .text-container .bold {
  font-weight: bold;
  display: block; }

.warranty-section .text-container .hide-on-mobile {
  display: none; }
  @media (min-width: 992px) {
    .warranty-section .text-container .hide-on-mobile {
      display: inline; } }

#freeShipping-popup,
#bulk-popup,
#warranty-popup {
  background-color: #fff;
  max-width: 490px;
  margin: auto;
  padding: 20px 30px 30px;
  position: relative;
  font-family: "Roboto", Arial, Helvetica, sans-serif;
  text-align: center; }
  #freeShipping-popup button.mfp-close,
  #bulk-popup button.mfp-close,
  #warranty-popup button.mfp-close {
    position: absolute;
    right: 15px;
    top: -5px;
    color: transparent; }
    #freeShipping-popup button.mfp-close:after,
    #bulk-popup button.mfp-close:after,
    #warranty-popup button.mfp-close:after {
      content: "Close";
      text-transform: uppercase;
      color: #000;
      font-size: 13px;
      font-weight: 600;
      text-decoration: underline; }

#freeShipping-popup .img-container,
#bulk-popup .img-container {
  height: 82px;
  margin: auto;
  display: flex;
  align-items: center;
  justify-content: center; }
  #freeShipping-popup .img-container .popup-img,
  #bulk-popup .img-container .popup-img {
    display: none;
    height: 62px; }

#freeShipping-popup h2,
#bulk-popup h2 {
  font-size: 18px;
  font-weight: 800;
  margin-top: 10px; }
  #freeShipping-popup h2:after,
  #bulk-popup h2:after {
    content: "";
    display: block;
    width: 70px;
    margin: 15px auto;
    border-bottom: 3px solid #00b9e4; }

#freeShipping-popup p,
#bulk-popup p {
  margin-bottom: 0; }

#warranty-popup {
  max-width: 680px; }
  @media (min-width: 768px) {
    #warranty-popup {
      padding: 60px; } }
  @media (min-width: 768px) {
    #warranty-popup .img-container {
      float: left;
      height: 175px;
      margin-right: 30px; } }
  #warranty-popup img {
    height: 150px; }
  #warranty-popup h2 {
    font-weight: bold; }
    @media (min-width: 768px) {
      #warranty-popup h2 {
        margin-top: 0; } }
  @media (min-width: 768px) {
    #warranty-popup h2,
    #warranty-popup span {
      text-align: left; } }
  #warranty-popup span {
    display: block; }
  #warranty-popup a {
    color: #38383e;
    font-size: 16px;
    text-decoration: underline; }

.videos-popup-container {
  padding: 1rem;
  background-color: white; }
  @media (min-width: 768px) {
    .videos-popup-container #videoGallery-content {
      display: flex;
      justify-content: center;
      align-items: center; } }
  .videos-popup-container .videoGallery-main {
    padding-right: 1rem;
    margin-bottom: 0; }
  .videos-popup-container .video-selector-container .title {
    font-size: 18px;
    font-weight: bold;
    text-align: center;
    margin-top: 2rem; }
  .videos-popup-container .video-selector {
    height: 100%;
    position: relative;
    margin-top: 2rem; }
    @media (min-width: 576px) {
      .videos-popup-container .video-selector {
        margin: 5rem 0; } }
    .videos-popup-container .video-selector .slick-slide .video {
      padding: 5px;
      border-bottom: 2px solid transparent;
      opacity: 1; }
      .videos-popup-container .video-selector .slick-slide .video.is-active {
        border-bottom: 2px solid #00b9e4; }
    .videos-popup-container .video-selector .slick-prev, .videos-popup-container .video-selector .slick-next {
      height: 6rem; }
      .videos-popup-container .video-selector .slick-prev:before, .videos-popup-container .video-selector .slick-next:before {
        height: 2rem; }
    @media (min-width: 768px) {
      .videos-popup-container .video-selector .slick-slider {
        margin-top: 60px; }
      .videos-popup-container .video-selector .slick-prev, .videos-popup-container .video-selector .slick-next {
        left: 50%;
        transform: translate(-50%, 0) rotate(90deg); }
      .videos-popup-container .video-selector .slick-next {
        top: unset;
        bottom: -35px; }
      .videos-popup-container .video-selector .slick-prev {
        top: -35px; } }

#videos-popup {
  position: relative;
  max-width: 1000px;
  margin: 0 auto;
  padding: 30px; }
  #videos-popup button.mfp-close {
    position: absolute;
    top: 20px;
    right: 20px;
    height: 25px;
    width: 25px;
    line-height: 25px;
    background: #00b9e4;
    border-radius: 50%;
    color: #fff;
    font-size: 20px;
    opacity: 1; }

.productView-details.hide-everything {
  display: none; }

@media (min-width: 992px) {
  .productView-images.add-spacing {
    margin-bottom: 100px; } }

.build-custom-package {
  display: flex;
  align-items: center; }
  .build-custom-package p {
    margin: 0; }
  .build-custom-package .bold {
    font-weight: bold; }
  .build-custom-package .text-container {
    margin-left: 15px; }
  .build-custom-package img {
    width: 80px; }

.subitems-container {
  position: relative; }
  @media (min-width: 992px) {
    .subitems-container {
      top: -95px;
      margin-bottom: -55px; } }

.subitems-table {
  display: table;
  border: 2px solid #e5e5e5; }
  .subitems-table .table-tbody {
    display: table-row-group; }
  .subitems-table .table-row {
    display: flex;
    flex-wrap: wrap; }
    @media (min-width: 992px) {
      .subitems-table .table-row {
        display: table-row; } }
    .subitems-table .table-row:not(.alt-row) {
      background: #fff; }
    .subitems-table .table-row:not(.table-thead) {
      font-size: 14px; }
    .subitems-table .table-row.table-thead {
      background: #38383e;
      color: #fff; }
      @media (max-width: 991px) {
        .subitems-table .table-row.table-thead {
          display: none; } }
  .subitems-table .table-cell {
    text-align: center; }
    @media (min-width: 992px) {
      .subitems-table .table-cell {
        text-align: left;
        display: table-cell; } }
    .subitems-table .table-cell.bulk-options {
      display: none; }
    .subitems-table .table-cell > label {
      text-transform: uppercase;
      font-weight: bold; }
      @media (min-width: 992px) {
        .subitems-table .table-cell > label {
          display: none; } }
    .subitems-table .table-cell.table-hcell {
      text-transform: uppercase;
      font-weight: bold;
      letter-spacing: 0.25px;
      padding: 20px 0; }
    @media (min-width: 992px) {
      .subitems-table .table-cell.quantity {
        padding-right: 30px; } }
    .subitems-table .table-cell.total {
      font-weight: bold; }
      @media (min-width: 992px) {
        .subitems-table .table-cell.total {
          padding-right: 50px; }
          .subitems-table .table-cell.total div {
            width: 63px; } }
    @media (max-width: 1199px) {
      .subitems-table .table-cell.image {
        display: none; } }
    @media (min-width: 992px) {
      .subitems-table .table-cell.sku {
        padding-left: 20px; } }
    @media (min-width: 992px) {
      .subitems-table .table-cell.product-name, .subitems-table .table-cell.sku, .subitems-table .table-cell.options {
        padding-right: 20px; } }
    @media (min-width: 992px) and (max-width: 1199px) {
      .subitems-table .table-cell.sku, .subitems-table .table-cell.product-name {
        padding-top: 40px;
        padding-bottom: 40px; } }
    @media (max-width: 991px) {
      .subitems-table .table-cell {
        padding: 0 20px 20px;
        flex: 100%; }
        .subitems-table .table-cell.sku {
          padding: 20px 0 10px; }
        .subitems-table .table-cell.quantity {
          flex: 1; }
        .subitems-table .table-cell.total {
          flex: 1; }
          .subitems-table .table-cell.total div {
            position: relative;
            top: 7.5px; } }
  .subitems-table select,
  .subitems-table .form-increment {
    margin: 0; }
  .subitems-table select,
  .subitems-table input {
    border-radius: 0;
    border: 1px solid #ccc;
    color: #38383e;
    font-size: 14px; }
  .subitems-table select {
    text-transform: capitalize;
    font-weight: normal;
    padding-left: 1rem;
    background-color: #fff; }
    @media (min-width: 992px) {
      .subitems-table select {
        max-width: 200px; } }
    @media (min-width: 1440px) {
      .subitems-table select {
        max-width: 375px; } }
    @media (min-width: 992px) {
      .subitems-table select {
        width: auto; } }
  .subitems-table input[type="number"]::-webkit-inner-spin-button,
  .subitems-table input[type="number"]::-webkit-outer-spin-button {
    opacity: 1; }
  .subitems-table input {
    width: 75px;
    padding-right: 10px;
    height: 3rem; }
  .subitems-table .image-container {
    background: #fff;
    display: inline-block; }
  .subitems-table img {
    max-height: 150px;
    padding: 20px; }
  .subitems-table .select-option-message {
    color: #ea3a02;
    font-size: 12px;
    margin-top: 5px; }

.subitems-table-total {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  flex-direction: column; }
  @media (min-width: 992px) {
    .subitems-table-total {
      flex-direction: row; } }
  .subitems-table-total .subitems-total-amount {
    font-size: 21px;
    font-weight: bold;
    text-align: center; }
    @media (min-width: 992px) {
      .subitems-table-total .subitems-total-amount {
        text-align: left;
        padding-right: 55px; } }
    .subitems-table-total .subitems-total-amount span {
      display: block;
      margin: 5px 0 25px; }
      @media (min-width: 992px) {
        .subitems-table-total .subitems-total-amount span {
          padding-left: 15px;
          display: inline-block;
          margin: 0; } }
  .subitems-table-total .button {
    width: auto;
    height: 52px;
    padding: 0 48px;
    font-size: 14px;
    margin: 0; }
    .subitems-table-total .button .loaded {
      display: flex;
      align-items: center; }
      .subitems-table-total .button .loaded svg {
        height: 3.8rem;
        width: 3.8rem;
        margin-left: -10px; }
        .subitems-table-total .button .loaded svg path {
          fill: #fff;
          stroke: #fff; }
    .subitems-table-total .button .loading,
    .subitems-table-total .button .done {
      display: none; }

/************
CUSTOM BANNER
*************/
.custom-banner {
  position: relative;
  display: flex;
  justify-content: center;
  padding: 0;
  max-width: 1440px;
  width: 100%; }
  @media screen and (max-width: 768px) {
    .custom-banner {
      flex-direction: column; } }
  .custom-banner img {
    width: 100%; }
  .custom-banner .image--desktop {
    display: block;
    height: 504px;
    object-fit: cover; }
    @media screen and (max-width: 768px) {
      .custom-banner .image--desktop {
        display: none; } }
  .custom-banner .image--mobile {
    display: none; }
    @media screen and (max-width: 768px) {
      .custom-banner .image--mobile {
        display: block;
        height: 504px;
        object-fit: cover; } }
    @media screen and (max-width: 576px) {
      .custom-banner .image--mobile {
        height: 266px; } }
  .custom-banner.alcohol-wipes__home-banner .image--desktop {
    object-fit: contain; }
  .custom-banner .content-container {
    position: absolute;
    top: 0;
    right: 0;
    height: 100%;
    width: 100%; }
    @media screen and (max-width: 768px) {
      .custom-banner .content-container {
        position: relative;
        display: flex;
        justify-content: center;
        align-items: center; } }
    .custom-banner .content-container .content {
      margin: auto;
      position: absolute;
      display: flex;
      flex-direction: column;
      justify-content: center;
      height: 100%;
      width: 50%; }
      @media screen and (max-width: 768px) {
        .custom-banner .content-container .content {
          padding: 3rem 1rem !important;
          position: relative;
          display: flex;
          justify-content: center;
          align-items: center; } }
      .custom-banner .content-container .content .tagline {
        margin-bottom: 8px;
        color: #00b9e4;
        letter-spacing: 0px;
        font-family: "Roboto";
        font-weight: 700;
        font-size: 16px; }
      .custom-banner .content-container .content .title {
        margin-bottom: 30px;
        color: #34448f;
        letter-spacing: 0px;
        line-height: 49px;
        font-family: "Paralucent";
        font-weight: 300;
        font-size: 42px; }
      .custom-banner .content-container .content p {
        margin-bottom: 35px;
        letter-spacing: 0px;
        color: #38383d;
        line-height: 26px;
        font-family: "Roboto";
        font-weight: 400;
        font-size: 15px; }
      .custom-banner .content-container .content .button {
        width: 150px; }

.cleaning-disinfecting-technologies {
  margin-bottom: 82px;
  padding: 80px 15px 65px;
  background: #e5f8fc; }
  @media (max-width: 768px) {
    .cleaning-disinfecting-technologies {
      margin-bottom: 70px; } }
  .cleaning-disinfecting-technologies h3 {
    margin-top: 0;
    margin-bottom: 20px;
    text-align: center;
    text-transform: uppercase;
    letter-spacing: 0px;
    font-family: "Paralucent";
    font-weight: bold;
    font-size: 20px; }
  .cleaning-disinfecting-technologies h2 {
    font-size: 1.66667rem;
    font-weight: bold;
    text-align: center;
    text-transform: uppercase; }
  .cleaning-disinfecting-technologies p {
    margin: 0 auto;
    width: 760px;
    text-align: center;
    line-height: 24px;
    letter-spacing: 0px;
    font-weight: 400;
    font-size: 13px; }
    @media (max-width: 1440px) {
      .cleaning-disinfecting-technologies p {
        width: 90%; } }
    @media (max-width: 768px) {
      .cleaning-disinfecting-technologies p {
        width: 100%; } }
  .cleaning-disinfecting-technologies .cards {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    margin-top: 40px;
    margin-inline: auto;
    max-width: 1350px; }
    @media (max-width: 1200px) {
      .cleaning-disinfecting-technologies .cards {
        flex-direction: column; } }
    .cleaning-disinfecting-technologies .cards .card {
      display: flex;
      flex-direction: row;
      padding: 5px;
      width: 49.5%;
      background-color: #fff;
      border-radius: 5px;
      max-width: 1350px; }
      @media (max-width: 1200px) {
        .cleaning-disinfecting-technologies .cards .card {
          width: 670px; } }
      @media (max-width: 768px) {
        .cleaning-disinfecting-technologies .cards .card {
          width: 100%; } }
      @media (max-width: 576px) {
        .cleaning-disinfecting-technologies .cards .card {
          flex-direction: column; } }
      @media (max-width: 576px) {
        .cleaning-disinfecting-technologies .cards .card {
          width: 90%; } }
      .cleaning-disinfecting-technologies .cards .card img {
        height: 100%;
        width: 100%; }
        @media (max-width: 1440px) {
          .cleaning-disinfecting-technologies .cards .card img {
            width: 45%; } }
        @media (max-width: 576px) {
          .cleaning-disinfecting-technologies .cards .card img {
            width: 100%; } }
      .cleaning-disinfecting-technologies .cards .card .content {
        padding: 20px 33px; }
        @media (max-width: 1440px) {
          .cleaning-disinfecting-technologies .cards .card .content {
            padding: 2px 10px; } }
        @media (max-width: 1200px) {
          .cleaning-disinfecting-technologies .cards .card .content {
            display: flex;
            flex-direction: column;
            justify-content: center; } }
        .cleaning-disinfecting-technologies .cards .card .content h3 {
          margin: 0;
          text-align: left;
          text-transform: initial;
          letter-spacing: 0px;
          font-family: "Roboto";
          font-weight: 700;
          font-size: 22px; }
          @media (max-width: 576px) {
            .cleaning-disinfecting-technologies .cards .card .content h3 {
              font-size: 18px; } }
        .cleaning-disinfecting-technologies .cards .card .content h4 {
          margin: 0;
          margin-bottom: 15px;
          letter-spacing: 0px;
          font-weight: 700;
          font-size: 16px; }
          @media (max-width: 576px) {
            .cleaning-disinfecting-technologies .cards .card .content h4 {
              font-size: 14px; } }
        .cleaning-disinfecting-technologies .cards .card .content p {
          margin: 0;
          margin-bottom: 25px;
          width: 93%;
          color: #929292;
          text-align: left;
          line-height: 21px;
          letter-spacing: 0px;
          font-weight: 400;
          font-size: 13px; }
          @media (max-width: 1440px) {
            .cleaning-disinfecting-technologies .cards .card .content p {
              margin-bottom: 15px;
              width: 100%;
              font-size: 12px; } }
        .cleaning-disinfecting-technologies .cards .card .content div a, .cleaning-disinfecting-technologies .cards .card .content div span {
          font-size: 15px; }
          @media (max-width: 576px) {
            .cleaning-disinfecting-technologies .cards .card .content div a, .cleaning-disinfecting-technologies .cards .card .content div span {
              font-size: 13px; } }

.categoriesCards-section {
  background: #f5f5f5;
  margin-top: 20px;
  left: 50%;
  margin-left: -50vw;
  margin-right: -50vw;
  max-width: 100vw;
  padding-top: 50px;
  position: relative;
  right: 50%;
  width: 100vw; }
  .categoriesCards-section .cards {
    column-gap: 0.5rem;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-pack: justify;
    justify-content: flex-start;
    -ms-flex-line-pack: center;
    align-content: center; }
  .categoriesCards-section .card {
    background-color: #fff;
    border-radius: 5px;
    margin-bottom: 10px;
    min-width: 230px;
    padding: 6px;
    width: 24.5%; }
    @media (max-width: 992px) {
      .categoriesCards-section .card {
        width: 32.5%; } }
    @media (max-width: 768px) {
      .categoriesCards-section .card {
        width: 49%; } }
    @media (max-width: 576px) {
      .categoriesCards-section .card {
        width: 100%; } }
    .categoriesCards-section .card .content {
      padding: 22px 20px; }
    .categoriesCards-section .card h3,
    .categoriesCards-section .card .title-link {
      color: #38383e;
      font-weight: 700;
      letter-spacing: 0; }
    .categoriesCards-section .card h3 {
      font-size: 22px;
      line-height: 22px;
      margin-bottom: 8px;
      margin-top: 0; }
    .categoriesCards-section .card .title-link {
      font-size: 15px;
      line-height: 22px;
      text-decoration: underline; }
    .categoriesCards-section .card .card-description {
      color: #929292;
      font-size: 13px;
      font-weight: 400;
      line-height: 20px;
      letter-spacing: 0;
      margin-bottom: 12px;
      margin-top: 6px; }
    .categoriesCards-section .card ul a,
    .categoriesCards-section .card .subcategories-list a {
      color: #38383e;
      font-size: 13px;
      font-weight: 400;
      letter-spacing: 0;
      line-height: 27px;
      text-decoration: underline; }
    .categoriesCards-section .card img {
      width: 100%; }

.typesOfFacilities-section {
  background: linear-gradient(#2992c7, #34448f);
  margin-left: calc(50% - 50vw);
  margin-right: calc(50% - 50vw);
  padding: 100px 0; }
  .typesOfFacilities-section a,
  .typesOfFacilities-section h3,
  .typesOfFacilities-section li,
  .typesOfFacilities-section p {
    color: white; }
  .typesOfFacilities-section .container {
    margin: auto;
    max-width: 1400px; }

.typesOfFacilities-heading {
  color: white;
  font-weight: 700;
  text-align: center;
  text-transform: uppercase; }

.typesOfFacilities-cards {
  display: flex;
  flex-wrap: wrap; }

.typesOfFacilities-card {
  max-width: 430px;
  padding: 1rem;
  width: 100%; }
  @media (min-width: 551px) {
    .typesOfFacilities-card {
      width: 50%; } }
  @media (min-width: 992px) {
    .typesOfFacilities-card {
      width: 33%; } }
  .typesOfFacilities-card-title {
    font-size: 22px;
    font-weight: 700; }
  .typesOfFacilities-card-description {
    font-size: 14px;
    font-weight: 400;
    line-height: 1.5 !important; }
  .typesOfFacilities-card-list {
    list-style: disc; }
  .typesOfFacilities-card img {
    height: 280px;
    object-fit: cover; }

/* Pages */
.category-heading {
  background: #f5f5f5;
  padding: 30px 8px;
  left: 50%;
  margin-left: -50vw;
  margin-right: -50vw;
  max-width: 100vw;
  position: relative;
  right: 50%;
  width: 100vw; }
  .category-heading h1, .category-heading .page-heading {
    text-align: left;
    margin: 0 0 5px;
    font-size: 30px;
    font-weight: bold; }
  .category-heading p strong {
    font-weight: bold;
    font-size: 13px; }
  .category-heading p a {
    color: #ea3a02;
    font-size: 13px; }
  .category-heading + .page {
    padding: 4rem 0; }
    @media (min-width: 801px) {
      .category-heading + .page {
        margin-bottom: 2.75rem; } }
    .category-heading + .page .pagination {
      margin: 0; }
    @media (min-width: 992px) {
      .category-heading + .page .actionBar {
        float: left; }
        .category-heading + .page .actionBar + .pagination {
          float: right; }
          .category-heading + .page .actionBar + .pagination + form {
            clear: left; } }
    .category-heading + .page .listing-loader {
      display: none;
      min-height: 50px;
      margin-bottom: 5rem;
      text-align: center; }
  .category-heading .row {
    margin: 0 -7.5px; }
    .category-heading .row .category-item {
      background: #fff;
      border-radius: 4px;
      display: flex;
      justify-content: center;
      padding: 0 15px;
      margin-bottom: 15px; }
    .category-heading .row a {
      width: 100%;
      color: #38383e;
      font-weight: bold; }
    .category-heading .row .image-container {
      display: flex;
      justify-content: center;
      align-items: center; }
  .category-heading .main-row > div {
    padding: 0 7.5px; }
  .category-heading .main-row .image-container {
    height: 270px; }
  @media (min-width: 992px) {
    .category-heading .main-row.five-items > div {
      width: calc(100% / 5); } }
  .category-heading .secondary-row > div {
    padding: 0;
    display: flex;
    flex-wrap: wrap; }
  .category-heading .secondary-row .category-item {
    margin-left: 7.5px;
    margin-right: 7.5px;
    width: calc(50% - 15px);
    flex-grow: 1; }
    .category-heading .secondary-row .category-item.one-item {
      flex-grow: 0; }
      @media (min-width: 992px) {
        .category-heading .secondary-row .category-item.one-item {
          flex-grow: 1; } }
  .category-heading .secondary-row .image-container {
    height: 160px; }
  @media (min-width: 992px) {
    .category-heading .secondary-row p {
      min-height: 48px; } }
  .category-heading .secondary-row.five-items > div {
    width: 50%; }
    @media (min-width: 992px) {
      .category-heading .secondary-row.five-items > div {
        width: calc(100% / 5); } }
  .category-heading .css-1wn6xct {
    text-transform: capitalize; }

#right-wipes-popup {
  background: #fff;
  max-width: 450px;
  margin: 0 auto;
  border-radius: 5px;
  overflow: hidden;
  text-align: center;
  position: relative; }
  #right-wipes-popup button.mfp-close {
    position: absolute;
    right: 10px;
    top: -10px;
    color: transparent;
    opacity: 1;
    width: auto; }
    #right-wipes-popup button.mfp-close:after {
      content: "close";
      text-transform: uppercase;
      color: #000;
      font-size: 11px;
      font-weight: 600;
      text-decoration: underline;
      font-family: "paralucent"; }
  #right-wipes-popup .bold {
    font-weight: bold; }
  #right-wipes-popup .popup-header {
    padding: 30px 30px 15px 30px;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: left;
    font-weight: bold;
    font-size: 25px;
    text-transform: uppercase;
    line-height: 1.1;
    font-family: 'paralucent'; }
    @media (min-width: 480px) {
      #right-wipes-popup .popup-header {
        font-size: 29px; } }
    #right-wipes-popup .popup-header div {
      margin-top: 15px;
      margin-left: 10px; }
    #right-wipes-popup .popup-header span {
      display: block;
      font-size: 23px;
      color: #ea3a02; }
  #right-wipes-popup .popup-body {
    padding: 15px 30px 20px 30px; }
    #right-wipes-popup .popup-body p {
      padding: 0 5px; }
    #right-wipes-popup .popup-body small {
      font-size: 12px;
      margin-bottom: 30px;
      display: inline-block;
      line-height: 2; }

[data-content-region="category_below_header"] h1, [data-content-region="category_below_header"] .page-heading {
  margin: 0 0 30px; }

[data-content-region="category_below_header"] h1 + p, [data-content-region="category_below_header"] .page-heading + p {
  margin-bottom: 40px; }

.card.hide-price .price-section {
  display: none; }

.pushed-content .banners .banner:not([data-name=""]) ul {
  list-style: initial !important;
  margin: 1.15rem !important; }
  .pushed-content .banners .banner:not([data-name=""]) ul li {
    letter-spacing: 0.02rem !important;
    font-size: 14px !important;
    line-height: 1.75 !important; }

/* START - Ship and Guaratee section */
.ship-and-guarantee {
  display: flex;
  justify-content: space-evenly;
  flex-direction: column; }
  .ship-and-guarantee p {
    text-transform: uppercase; }
  @media (min-width: 992px) {
    .ship-and-guarantee {
      flex-direction: row; } }

/* START - Ship and Guaratee section */
#fast-simon-serp-app .fs-top-container .custom-options {
  z-index: 100; }

.productView:not(.inside-modal) {
  padding-top: 2rem;
  padding-bottom: 40px; }
  @media (min-width: 768px) {
    .productView:not(.inside-modal) {
      padding-top: 5rem;
      padding-bottom: 40px; } }

.productView .productView-details {
  margin-bottom: 0; }
  .productView .productView-details .productView-product {
    border: none;
    padding: 0; }
  .productView .productView-details .productView-brand {
    font-size: 13px;
    font-weight: 700;
    text-transform: uppercase;
    line-height: 1;
    margin: 0 0 25px; }
    .productView .productView-details .productView-brand a {
      color: #a9a9a9;
      border-bottom: 1px solid transparent; }
      .productView .productView-details .productView-brand a:hover {
        color: #000;
        border-bottom: 1px solid #000; }
  .productView .productView-details .productView-title {
    font-size: 22px;
    font-weight: 700;
    margin: -7px 10px 12px 0;
    letter-spacing: 0; }
  .productView .productView-details .productView-price {
    font-size: 24px;
    letter-spacing: .015em;
    font-weight: 700;
    margin-top: 10px;
    color: #2c2c2c; }
    .productView .productView-details .productView-price .price-section {
      display: inline-block; }
      .productView .productView-details .productView-price .price-section.non-sale-price--withoutTax {
        color: #616365;
        font-size: 18px;
        margin-right: 10px; }
      .productView .productView-details .productView-price .price-section.rrp-price--withoutTax, .productView .productView-details .productView-price .price-section.price-section--saving {
        display: none !important; }
    .productView .productView-details .productView-price .price-now-label {
      display: none !important; }
  .productView .productView-details .productView-info {
    padding-bottom: 12px;
    margin-bottom: 0; }
    .productView .productView-details .productView-info .productView-info-name,
    .productView .productView-details .productView-info .productView-info-value {
      float: left;
      letter-spacing: .015em;
      line-height: 1.42857;
      margin: 0 0 1rem 0; }
    .productView .productView-details .productView-info .productView-info-name {
      font-size: 1rem;
      min-width: 110px;
      margin-right: 5px;
      text-transform: uppercase;
      font-weight: 700; }
    .productView .productView-details .productView-info .productView-info-value {
      margin-left: 7px; }
    .productView .productView-details .productView-info .info-field.fbt-skus {
      display: none; }
  .productView .productView-details .productView-options .swym-button-bar {
    margin-left: 0 !important; }
  .productView .productView-details .productView-options .pre-order-message {
    font-weight: bold;
    color: #ea3a02; }
  .productView .productView-details .productView-options .form-field {
    margin-bottom: 12px; }
  .productView .productView-details .productView-options .form-label {
    font-size: 1rem;
    text-transform: uppercase;
    font-weight: 700;
    margin-bottom: .75rem;
    color: #000; }
    .productView .productView-details .productView-options .form-label small {
      display: none; }
    .productView .productView-details .productView-options .form-label .asterik {
      color: #ea3a02;
      font-style: italic; }
  .productView .productView-details .productView-options input + .form-label {
    font-weight: normal; }
  .productView .productView-details .productView-options .form-option {
    line-height: 20px;
    min-width: 36px;
    height: 36px;
    text-align: center;
    padding: 8px 7px 7px;
    box-shadow: inset 0 0 0 1px #d7d7d7;
    color: #616365;
    font-weight: 700;
    margin: 0 0 9px 9px;
    transition: all .15s ease; }
    .productView .productView-details .productView-options .form-option.form-option-swatch {
      padding: 0; }
    .productView .productView-details .productView-options .form-option .form-option-variant {
      padding: 0;
      min-width: 0; }
      .productView .productView-details .productView-options .form-option .form-option-variant.form-option-variant--color, .productView .productView-details .productView-options .form-option .form-option-variant.form-option-variant--pattern {
        width: 100%;
        height: 100%; }
  .productView .productView-details .productView-options .form-radio:checked + .form-option {
    box-shadow: inset 0 0 0 2px #38383e;
    background: #38383e;
    color: #fff; }
    .productView .productView-details .productView-options .form-radio:checked + .form-option .form-option-variant--color,
    .productView .productView-details .productView-options .form-radio:checked + .form-option .form-option-variant--pattern {
      border: 2px solid #ea3a02;
      box-shadow: none; }
  .productView .productView-details .productView-options .form-select {
    border-radius: 0;
    font-size: 1rem;
    height: 3rem;
    border-color: #c2c2c2;
    color: #303843; }
  .productView .productView-details .productView-options .form-field[data-product-attribute="product-list"] .form-checkbox + .form-label {
    text-transform: capitalize; }
  .productView .productView-details .productView-options .form-field--increments {
    margin-bottom: 20px; }
    .productView .productView-details .productView-options .form-field--increments .form-label .asterik {
      display: none; }
    .productView .productView-details .productView-options .form-field--increments .form-increment .button {
      width: 36px;
      height: 36px; }
      .productView .productView-details .productView-options .form-field--increments .form-increment .button[data-action="dec"] {
        border-top-right-radius: 0;
        border-bottom-right-radius: 0;
        position: relative; }
        .productView .productView-details .productView-options .form-field--increments .form-increment .button[data-action="dec"]:before {
          position: absolute;
          top: calc(50% - 10px);
          left: calc(50% - 10px);
          content: "";
          background-image: url("https://store-8mji1.mybigcommerce.com/content/cart-minus.svg");
          background-repeat: no-repeat;
          width: 20px;
          height: 20px; }
      .productView .productView-details .productView-options .form-field--increments .form-increment .button[data-action="inc"] {
        border-top-left-radius: 0;
        border-bottom-left-radius: 0;
        position: relative; }
        .productView .productView-details .productView-options .form-field--increments .form-increment .button[data-action="inc"]:before {
          position: absolute;
          top: calc(50% - 10px);
          left: calc(50% - 10px);
          content: "";
          background-image: url("https://store-8mji1.mybigcommerce.com/content/cart-plus.svg");
          background-repeat: no-repeat;
          width: 20px;
          height: 20px; }
      .productView .productView-details .productView-options .form-field--increments .form-increment .button .icon {
        display: none; }
      .productView .productView-details .productView-options .form-field--increments .form-increment .button .fa {
        color: #7b7b7b; }
      .productView .productView-details .productView-options .form-field--increments .form-increment .button:hover, .productView .productView-details .productView-options .form-field--increments .form-increment .button:focus {
        border-color: #000; }
    .productView .productView-details .productView-options .form-field--increments .form-increment .form-input {
      font-size: 1rem;
      color: #303843;
      border-top: 1px solid #cbcbcb;
      border-bottom: 1px solid #cbcbcb;
      height: 36px;
      min-width: 50px;
      border-radius: 0; }
  .productView .productView-details .productView-options .out-of-stock-button {
    padding-inline: 0;
    width: 130px;
    background-color: #ededed;
    border: 1px solid #b6b6b9;
    color: #000;
    cursor: not-allowed;
    text-transform: uppercase;
    text-align: center; }
  .productView .productView-details .productView-options .notification {
    font-size: 13px;
    line-height: 1.8;
    font-weight: 600; }
    .productView .productView-details .productView-options .notification .out-of-stock-header {
      color: red;
      font-weight: 600; }
    .productView .productView-details .productView-options .notification .coming-soon-header {
      color: #00b9e4;
      font-weight: 600; }
    .productView .productView-details .productView-options .notification p {
      font-size: 13px;
      display: inline-block;
      max-width: 529px; }
    .productView .productView-details .productView-options .notification .button {
      font-size: 13px;
      padding: 10px 25px;
      line-height: normal; }
  .productView .productView-details .productView-options .ask-an-expert {
    font-weight: 700;
    text-transform: uppercase;
    margin-bottom: 18px; }
    .productView .productView-details .productView-options .ask-an-expert a {
      color: #ea3a02;
      position: relative; }
      .productView .productView-details .productView-options .ask-an-expert a:hover {
        text-decoration: underline; }
      .productView .productView-details .productView-options .ask-an-expert a + a {
        padding-left: 10px;
        margin-left: 5px; }
        .productView .productView-details .productView-options .ask-an-expert a + a:before {
          content: "";
          border-left: 2px solid #7a7a7e;
          height: 11px;
          position: absolute;
          top: 2px;
          left: 0; }
  .productView .productView-details .productView-options .form-action {
    margin: 0; }
    .productView .productView-details .productView-options .form-action .button {
      width: auto;
      height: 52px;
      padding: 0 25px;
      font-size: 14px;
      margin: 0 0 15px 0;
      display: flex;
      align-items: center; }
      @media (max-width: 768px) {
        .productView .productView-details .productView-options .form-action .button {
          padding: 0 15px; } }
      .productView .productView-details .productView-options .form-action .button svg {
        height: 3.8rem;
        width: 3.8rem;
        margin-left: -10px; }
        .productView .productView-details .productView-options .form-action .button svg path {
          fill: #fff;
          stroke: #fff; }
  .productView .productView-details #qn-add-to-quote {
    float: left;
    width: auto;
    height: 55px;
    padding: 0 25px;
    font-size: 14px;
    margin: 0 0 15px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 5px;
    border: 1px solid #848484;
    background: #fff;
    border-bottom: 3px solid #848484;
    color: #848484;
    margin-top: -85px;
    margin-left: 190px;
    line-height: normal; }
    @media (max-width: 576px) {
      .productView .productView-details #qn-add-to-quote {
        position: fixed;
        bottom: 27px;
        right: 16px;
        z-index: 100;
        min-width: 45vw;
        justify-content: center;
        margin-bottom: 0; } }
    @media (max-width: 768px) {
      .productView .productView-details #qn-add-to-quote {
        padding: 0 15px;
        margin-left: 170px; } }
  .productView .productView-details #qn-add-to-quote:hover {
    border: 1px solid #333 !important;
    border-bottom: 3px solid #333 !important;
    color: #333 !important; }

.productView [data-product-oos] #qn-add-to-quote {
  display: none !important; }

.productView .productView-images {
  padding: 0;
  display: flex;
  flex-direction: column-reverse; }
  @media (min-width: 576px) {
    .productView .productView-images {
      padding: 0 1rem;
      flex-direction: row; }
      .productView .productView-images .productView-image {
        height: 100%; }
      .productView .productView-images > div:first-child {
        padding: 0; }
      .productView .productView-images .productView-thumbnails {
        max-width: 112px; } }
  @media (min-width: 1200px) {
    .productView .productView-images {
      padding: 0; } }
  @media (max-width: 575px) {
    .productView .productView-images .videos-button {
      padding-left: 0.75rem;
      padding-right: 0.75rem;
      width: 25%;
      float: left;
      padding: 0; }
      .productView .productView-images .videos-button + .productView-thumbnails {
        padding-left: 0.75rem;
        padding-right: 0.75rem;
        width: 75%;
        float: left;
        padding: 0; } }
  .productView .productView-images .slick-list {
    margin: 0; }
  .productView .productView-images .productView-thumbnail {
    text-align: left;
    margin-top: 15px; }
    @media (min-width: 576px) {
      .productView .productView-images .productView-thumbnail {
        margin-top: 0;
        margin-bottom: 15px; } }
  .productView .productView-images .productView-thumbnail-link {
    height: 100px;
    max-width: 100px; }
    @media (max-width: 575px) {
      .productView .productView-images .productView-thumbnail-link {
        padding: 0; } }
    .productView .productView-images .productView-thumbnail-link:hover, .productView .productView-images .productView-thumbnail-link.is-active {
      border: 1px solid #e5e5e5;
      border-bottom: 2px solid #00b9e4; }
    .productView .productView-images .productView-thumbnail-link img {
      width: 100%;
      padding: 5px; }
  .productView .productView-images .videos-button {
    padding-top: 15px; }
    .productView .productView-images .videos-button .productView-thumbnail-link {
      border: none; }
    .productView .productView-images .videos-button svg {
      width: 45px; }
    @media (min-width: 576px) {
      .productView .productView-images .videos-button {
        padding-top: 0;
        padding-bottom: 10px; } }
  .productView .productView-images .productView-img-container {
    height: 500px; }
    @media (max-width: 767px) {
      .productView .productView-images .productView-img-container {
        border: 1px solid #e5e5e5; } }
  .productView .productView-images .slick-arrow {
    background: none;
    border: none; }
    @media (min-width: 576px) {
      .productView .productView-images .slick-arrow {
        transform: rotate(90deg); } }
    .productView .productView-images .slick-arrow.slick-prev {
      top: 80px;
      left: -35px; }
      @media (min-width: 576px) {
        .productView .productView-images .slick-arrow.slick-prev {
          top: -40px;
          left: calc(50% - (41px / 2)); } }
    .productView .productView-images .slick-arrow.slick-next {
      top: 80px;
      right: -35px; }
      @media (min-width: 576px) {
        .productView .productView-images .slick-arrow.slick-next {
          top: auto;
          bottom: -40px;
          right: calc(50% - (41px / 2)); } }
    .productView .productView-images .slick-arrow:before {
      background-size: 50%; }
  .productView .productView-images .badges-container .badge {
    border-radius: 15px;
    padding: 0 15px;
    height: 25px;
    line-height: 26px;
    font-size: 12px;
    font-weight: normal;
    text-transform: uppercase;
    color: #fff;
    text-shadow: .1px 0px #fff;
    position: absolute; }
    .productView .productView-images .badges-container .badge + .badge {
      margin-top: 30px; }
  .productView .productView-images .badges-container .sale-flag-side {
    background: #00af4c;
    top: 10px;
    right: 10px; }
    @media (min-width: 1440px) {
      .productView .productView-images .badges-container .sale-flag-side {
        right: 58px; } }
  .productView .productView-images .badges-container .out-of-stock-badge,
  .productView .productView-images .badges-container .pre-order-badge,
  .productView .productView-images .badges-container .coming-soon-badge {
    top: 10px;
    right: 10px;
    z-index: 1; }
    @media (min-width: 1440px) {
      .productView .productView-images .badges-container .out-of-stock-badge,
      .productView .productView-images .badges-container .pre-order-badge,
      .productView .productView-images .badges-container .coming-soon-badge {
        right: 58px; } }
  .productView .productView-images .badges-container .out-of-stock-badge {
    background: #787878; }
  .productView .productView-images .badges-container .pre-order-badge {
    background: #ff7e00; }
  .productView .productView-images .badges-container .coming-soon-badge {
    background: #00b9e4; }
  @media (min-width: 768px) {
    .productView .productView-images + .productView-details {
      margin-bottom: 2rem; } }
  @media (min-width: 1200px) {
    .productView .productView-images + .productView-details {
      margin-bottom: 5rem; } }

.productView .frequently-bought-together {
  padding: 0;
  background: #f5f5f5;
  left: 50%;
  margin-left: -50vw;
  margin-right: -50vw;
  max-width: 100vw;
  position: relative;
  right: 50%;
  width: 100vw; }

.productView .productView-description {
  width: 100%;
  float: none;
  padding: 30px 0; }
  .productView .productView-description .left-tabs .tab,
  .productView .productView-description .right-tabs .tab {
    border: 1px solid #e5e5e5;
    border-bottom: 2px solid transparent; }
    .productView .productView-description .left-tabs .tab .tab-title,
    .productView .productView-description .right-tabs .tab .tab-title {
      color: #38383e;
      font-weight: 700;
      font-size: 14px; }
    .productView .productView-description .left-tabs .tab.is-active,
    .productView .productView-description .right-tabs .tab.is-active {
      border-bottom: 2px solid #00b9e4; }
  @media (min-width: 768px) {
    .productView .productView-description .left-tabs .tab,
    .productView .productView-description .right-tabs .tab {
      border: none; }
      .productView .productView-description .left-tabs .tab .tab-title,
      .productView .productView-description .right-tabs .tab .tab-title {
        padding-bottom: 5px; } }
  @media (min-width: 1200px) {
    .productView .productView-description .left-tabs,
    .productView .productView-description .right-tabs {
      padding: 0; } }
  .productView .productView-description .left-tabs .tab-content .table, .productView .productView-description .left-tabs .tab-content td,
  .productView .productView-description .right-tabs .tab-content .table,
  .productView .productView-description .right-tabs .tab-content td {
    font-size: 14px; }
  .productView .productView-description .left-tabs {
    padding-bottom: 30px; }
    @media (min-width: 768px) {
      .productView .productView-description .left-tabs .tab-title[href="#tab-specifications-left"] {
        display: none; } }
    @media (min-width: 1200px) {
      .productView .productView-description .left-tabs {
        padding-right: 50px; } }
  .productView .productView-description .right-tabs {
    padding-bottom: 100px; }
    @media (max-width: 767px) {
      .productView .productView-description .right-tabs {
        display: none; } }
    .productView .productView-description .right-tabs .tab {
      border: 1px solid transparent; }
      .productView .productView-description .right-tabs .tab .tab-title {
        padding-left: 0; }
      .productView .productView-description .right-tabs .tab.is-active {
        border: 1px solid transparent;
        margin-bottom: 0; }
  .productView .productView-description .tab-content {
    padding: 1rem 0;
    overflow-wrap: break-word;
    word-wrap: break-word; }
    .productView .productView-description .tab-content h2, .productView .productView-description .tab-content h3 {
      font-weight: 600;
      letter-spacing: .25px; }
    .productView .productView-description .tab-content h2 {
      position: relative;
      padding-left: 16px;
      margin-bottom: 16px;
      font-size: 16px;
      line-height: 1.1; }
      .productView .productView-description .tab-content h2:before {
        position: absolute;
        content: "";
        top: 2px;
        left: 0;
        background-image: url("https://store-8mji1.mybigcommerce.com/content/pdp-h2-arrow.svg");
        background-repeat: no-repeat;
        width: 11px;
        height: 11px; }
    .productView .productView-description .tab-content img {
      margin-top: 14px; }
    .productView .productView-description .tab-content h3 {
      font-size: 14px;
      margin-bottom: 0; }
    .productView .productView-description .tab-content p {
      font-size: 14px;
      line-height: 25px; }
    .productView .productView-description .tab-content ul,
    .productView .productView-description .tab-content ol {
      margin-left: 33px;
      list-style-position: outside;
      font-size: 14px;
      line-height: 25px; }
      .productView .productView-description .tab-content ul li,
      .productView .productView-description .tab-content ol li {
        line-height: 25px; }
    .productView .productView-description .tab-content ul {
      list-style: disc; }
    .productView .productView-description .tab-content#tab-specifications-left .table,
    .productView .productView-description .tab-content#tab-specifications-left td, .productView .productView-description .tab-content#tab-specifications-right .table,
    .productView .productView-description .tab-content#tab-specifications-right td {
      border: none; }
    .productView .productView-description .tab-content#tab-specifications-left td, .productView .productView-description .tab-content#tab-specifications-right td {
      display: inline;
      position: relative; }
      .productView .productView-description .tab-content#tab-specifications-left td + td, .productView .productView-description .tab-content#tab-specifications-right td + td {
        padding-left: 5px; }
      .productView .productView-description .tab-content#tab-specifications-left td p, .productView .productView-description .tab-content#tab-specifications-right td p {
        display: inline; }
      .productView .productView-description .tab-content#tab-specifications-left td:first-child:after, .productView .productView-description .tab-content#tab-specifications-right td:first-child:after {
        position: absolute;
        content: ":";
        font-weight: bold;
        bottom: -2px; }
    .productView .productView-description .tab-content#tab-specifications-left tr, .productView .productView-description .tab-content#tab-specifications-right tr {
      display: block;
      margin: 3px 0; }

.productView ~ .productView-bottom {
  background: #ecf5f8;
  padding: 30px 20px;
  left: 50%;
  margin-left: -50vw;
  margin-right: -50vw;
  max-width: 100vw;
  position: relative;
  right: 50%;
  width: 100vw; }
  @media (min-width: 992px) {
    .productView ~ .productView-bottom {
      padding: 50px 20px; } }
  .productView ~ .productView-bottom .container {
    background: #fff;
    padding: 0; }

.productView ~ .productView-bottom .productReviews .yotpo.yotpo-main-widget {
  border: none; }

.productView ~ .productView-bottom .productReviews .yotpo-label.yotpo-small-box {
  border-bottom: 1px solid #d7d7d7;
  padding: 30px 20px 15px 30px; }
  @media (max-width: 991px) {
    .productView ~ .productView-bottom .productReviews .yotpo-label.yotpo-small-box {
      padding-left: 40px; } }
  .productView ~ .productView-bottom .productReviews .yotpo-label.yotpo-small-box h4 {
    position: relative;
    margin: 0;
    font-weight: 700;
    display: inline;
    font-size: 18px; }
    .productView ~ .productView-bottom .productReviews .yotpo-label.yotpo-small-box h4:before {
      position: absolute;
      content: "\f054";
      top: 3px;
      left: -14px;
      font-size: 10px;
      color: #00b9e4;
      font-family: "Font Awesome 5 Free";
      font-weight: 900; }
  .productView ~ .productView-bottom .productReviews .yotpo-label.yotpo-small-box .yotpo-default-button {
    font-weight: 400;
    padding: 12px 20px;
    border: 2px solid #3c89a8;
    position: relative;
    top: -5px;
    border-radius: 3px;
    display: inline-block !important; }
    .productView ~ .productView-bottom .productReviews .yotpo-label.yotpo-small-box .yotpo-default-button .yotpo-icon {
      display: none; }
    .productView ~ .productView-bottom .productReviews .yotpo-label.yotpo-small-box .yotpo-default-button .yotpo-icon-button-text {
      display: inline; }
    .productView ~ .productView-bottom .productReviews .yotpo-label.yotpo-small-box .yotpo-default-button.write-review-button {
      background: #3c89a8;
      color: #fff; }
      .productView ~ .productView-bottom .productReviews .yotpo-label.yotpo-small-box .yotpo-default-button.write-review-button:hover {
        border-color: #737373;
        background: #737373; }
    .productView ~ .productView-bottom .productReviews .yotpo-label.yotpo-small-box .yotpo-default-button.write-question-button {
      background: #fff; }
      .productView ~ .productView-bottom .productReviews .yotpo-label.yotpo-small-box .yotpo-default-button.write-question-button .yotpo-icon-button-text {
        color: #3c89a8; }
      .productView ~ .productView-bottom .productReviews .yotpo-label.yotpo-small-box .yotpo-default-button.write-question-button:hover {
        border-color: #737373; }
        .productView ~ .productView-bottom .productReviews .yotpo-label.yotpo-small-box .yotpo-default-button.write-question-button:hover .yotpo-icon-button-text {
          color: #737373; }

.productView ~ .productView-bottom .productReviews .yotpo-regular-box.yotpo-bottomline.yotpo-bottomline-3-boxes {
  border: none;
  margin: 0 !important;
  min-height: auto; }
  .productView ~ .productView-bottom .productReviews .yotpo-regular-box.yotpo-bottomline.yotpo-bottomline-3-boxes .yotpo-star-distribution {
    padding: 0 !important;
    border: none !important; }
  .productView ~ .productView-bottom .productReviews .yotpo-regular-box.yotpo-bottomline.yotpo-bottomline-3-boxes .yotpo-star-distribution-content {
    width: auto !important; }

.productView ~ .productView-bottom .productReviews .yotpo-regular-box.write-review {
  width: 100%;
  border: none; }
  @media (min-width: 992px) {
    .productView ~ .productView-bottom .productReviews .yotpo-regular-box.write-review {
      width: auto;
      border: 1px solid #e3e3e3; } }

.productView ~ .productView-bottom .productReviews .yotpo-nav-content > div.yotpo-active {
  margin: 0; }
  .productView ~ .productView-bottom .productReviews .yotpo-nav-content > div.yotpo-active .yotpo-regular-box {
    width: 100%;
    margin: 0 !important;
    border: none;
    min-height: auto;
    border-radius: 0; }
    .productView ~ .productView-bottom .productReviews .yotpo-nav-content > div.yotpo-active .yotpo-regular-box + .yotpo-regular-box {
      border-top: 1px solid #e3e3e3; }
  .productView ~ .productView-bottom .productReviews .yotpo-nav-content > div.yotpo-active .yotpo-header,
  .productView ~ .productView-bottom .productReviews .yotpo-nav-content > div.yotpo-active .yotpo-main {
    float: left; }
  .productView ~ .productView-bottom .productReviews .yotpo-nav-content > div.yotpo-active .yotpo-header {
    width: 170px; }
    .productView ~ .productView-bottom .productReviews .yotpo-nav-content > div.yotpo-active .yotpo-header .yotpo-icon-profile {
      display: none !important; }
    .productView ~ .productView-bottom .productReviews .yotpo-nav-content > div.yotpo-active .yotpo-header .yotpo-header-element {
      display: flex;
      flex-direction: column; }
      .productView ~ .productView-bottom .productReviews .yotpo-nav-content > div.yotpo-active .yotpo-header .yotpo-header-element .label-with-tooltip {
        float: none !important; }
      .productView ~ .productView-bottom .productReviews .yotpo-nav-content > div.yotpo-active .yotpo-header .yotpo-header-element .yotpo-review-stars {
        order: -1;
        margin-bottom: 1rem; }
  .productView ~ .productView-bottom .productReviews .yotpo-nav-content > div.yotpo-active .yotpo-footer {
    clear: both; }
    .productView ~ .productView-bottom .productReviews .yotpo-nav-content > div.yotpo-active .yotpo-footer .footer-actions {
      display: none; }

.productView ~ .productView-bottom .productReviews .text-m {
  margin-top: 1px;
  margin-left: 5px; }

.productView ~ .productView-bottom .productReviews + .customersViewed {
  padding-top: 30px; }
  @media (min-width: 992px) {
    .productView ~ .productView-bottom .productReviews + .customersViewed {
      padding-top: 50px; } }

.productView ~ .productView-bottom .customersViewed .tabs {
  border-color: #d7d7d7; }
  .productView ~ .productView-bottom .customersViewed .tabs .tab .tab-title {
    padding: 20px 30px 17px;
    text-transform: uppercase;
    font-size: 14px;
    color: #2f2f2f;
    text-align: left; }
    @media (min-width: 992px) {
      .productView ~ .productView-bottom .customersViewed .tabs .tab .tab-title {
        text-align: center; } }
  .productView ~ .productView-bottom .customersViewed .tabs .tab.is-active {
    border: none; }

.productView ~ .productView-bottom .customersViewed .tabs-contents {
  margin-bottom: 0; }

.productView ~ .productView-bottom .customersViewed .tab-content {
  padding: 0; }
  .productView ~ .productView-bottom .customersViewed .tab-content .productCarousel {
    margin: 0; }
    .productView ~ .productView-bottom .customersViewed .tab-content .productCarousel .slick-arrow {
      top: -15px;
      left: auto;
      background: #5f5f5f;
      border: none;
      border-radius: 3px;
      height: 32px;
      width: 32px;
      cursor: pointer;
      transition: all .3s ease 0s; }
      .productView ~ .productView-bottom .customersViewed .tab-content .productCarousel .slick-arrow.slick-disabled {
        opacity: 1; }
        .productView ~ .productView-bottom .customersViewed .tab-content .productCarousel .slick-arrow.slick-disabled:before {
          opacity: 1; }
      .productView ~ .productView-bottom .customersViewed .tab-content .productCarousel .slick-arrow.slick-prev {
        right: 60px; }
        @media (min-width: 992px) {
          .productView ~ .productView-bottom .customersViewed .tab-content .productCarousel .slick-arrow.slick-prev {
            right: 50px; } }
        .productView ~ .productView-bottom .customersViewed .tab-content .productCarousel .slick-arrow.slick-prev:before {
          content: "";
          background-image: url("https://store-8mji1.mybigcommerce.com/content/pdp-wh-arrow.svg");
          transform: scaleX(-1); }
      .productView ~ .productView-bottom .customersViewed .tab-content .productCarousel .slick-arrow.slick-next {
        right: 20px; }
        @media (min-width: 992px) {
          .productView ~ .productView-bottom .customersViewed .tab-content .productCarousel .slick-arrow.slick-next {
            right: 10px; } }
        .productView ~ .productView-bottom .customersViewed .tab-content .productCarousel .slick-arrow.slick-next:before {
          content: "";
          background-image: url("https://store-8mji1.mybigcommerce.com/content/pdp-wh-arrow.svg"); }
      .productView ~ .productView-bottom .customersViewed .tab-content .productCarousel .slick-arrow:before {
        background-image: none;
        color: #fff;
        font-size: 15px;
        width: 100%;
        height: 100%;
        margin-top: -2px;
        font-family: "Font Awesome 5 Free";
        font-weight: 900; }
      .productView ~ .productView-bottom .customersViewed .tab-content .productCarousel .slick-arrow:hover {
        background: #000; }
        .productView ~ .productView-bottom .customersViewed .tab-content .productCarousel .slick-arrow:hover:before {
          opacity: 1; }

a[data-action="scroll-to-all-reviews"]:visited, a[data-action="scroll-to-all-reviews"]:focus {
  color: #ea3a02; }

.productView-details.hide-price .productView-price {
  display: none; }

.productView-details.hide-add-to-cart #form-action-addToCart {
  display: none; }

.productView-details.hide-add-to-cart #qn-add-to-quote {
  margin-top: -30px;
  margin-left: 0; }

[data-content-region="product_below_description"] {
  text-align: center; }

span.product-list .form-field {
  margin-bottom: 0 !important; }

span.product-list .productOptions-list {
  border-bottom: none;
  margin: 0; }

span.product-list ~ span.product-list .form-label.form-label--alternate {
  display: none; }

span.product-list ~ span.product-list .productOptions-list {
  border-top: none; }

span.product-list:last-of-type .form-field {
  margin-bottom: 2rem !important; }

span.product-list:last-of-type .productOptions-list {
  border-bottom: 1px solid #cccccc; }

.account.account--fixed {
  padding: 20px; }
  @media (min-width: 551px) {
    .account.account--fixed {
      padding: 3rem 0; } }
  @media (min-width: 992px) {
    .account.account--fixed .container {
      max-width: 45vw; } }
  @media (min-width: 1200px) {
    .account.account--fixed .container {
      max-width: 530px; } }

.account .page-heading {
  font-weight: bold;
  position: relative;
  margin-bottom: 5rem; }
  .account .page-heading:after {
    position: absolute;
    content: '';
    width: 60px;
    height: 2px;
    border-bottom: 2px solid #00b9e4;
    bottom: -10px;
    left: calc(50% - 30px); }

@media (min-width: 551px) {
  .account form[action="/login.php?action=save_new_account"] .form-row--half > .form-field:nth-child(odd) {
    clear: none; } }

.account form[action="/login.php?action=save_new_account"] .form-actions .button {
  min-width: 210px;
  line-height: 39px;
  height: 42px;
  padding: 0 35px;
  width: auto; }

.account form[action="/login.php?action=save_new_account"] .form-field[data-type="AddressLine1"],
.account form[action="/login.php?action=save_new_account"] .form-field[data-type="AddressLine2"],
.account form[action="/login.php?action=save_new_account"] .form-field[data-type="Country"] {
  width: 100%; }

.account form[action="/login.php?action=save_new_account"] .form-field[data-type="City"],
.account form[action="/login.php?action=save_new_account"] .form-field[data-type="State"],
.account form[action="/login.php?action=save_new_account"] .form-field[data-type="Zip"] {
  width: 100%; }
  @media (min-width: 576px) {
    .account form[action="/login.php?action=save_new_account"] .form-field[data-type="City"],
    .account form[action="/login.php?action=save_new_account"] .form-field[data-type="State"],
    .account form[action="/login.php?action=save_new_account"] .form-field[data-type="Zip"] {
      width: calc(100% / 3); } }

.account form[action="/login.php?action=save_new_account"] .form-label,
.account form[action="/account.php?action=update_new_shipping_address"] .form-label,
.account form[action="/account.php?action=save_new_shipping_address"] .form-label,
.account form[action="/account.php?action=update_account"] .form-label,
.account form[action="/login.php?action=send_password_email"] .form-label {
  font-weight: bold;
  color: #28282d; }
  .account form[action="/login.php?action=save_new_account"] .form-label small,
  .account form[action="/account.php?action=update_new_shipping_address"] .form-label small,
  .account form[action="/account.php?action=save_new_shipping_address"] .form-label small,
  .account form[action="/account.php?action=update_account"] .form-label small,
  .account form[action="/login.php?action=send_password_email"] .form-label small {
    display: none; }
  .account form[action="/login.php?action=save_new_account"] .form-label .asterik,
  .account form[action="/account.php?action=update_new_shipping_address"] .form-label .asterik,
  .account form[action="/account.php?action=save_new_shipping_address"] .form-label .asterik,
  .account form[action="/account.php?action=update_account"] .form-label .asterik,
  .account form[action="/login.php?action=send_password_email"] .form-label .asterik {
    color: #ea3a02; }

.account form[action="/login.php?action=save_new_account"] .form-input,
.account form[action="/login.php?action=save_new_account"] .form-select,
.account form[action="/account.php?action=update_new_shipping_address"] .form-input,
.account form[action="/account.php?action=update_new_shipping_address"] .form-select,
.account form[action="/account.php?action=save_new_shipping_address"] .form-input,
.account form[action="/account.php?action=save_new_shipping_address"] .form-select,
.account form[action="/account.php?action=update_account"] .form-input,
.account form[action="/account.php?action=update_account"] .form-select,
.account form[action="/login.php?action=send_password_email"] .form-input,
.account form[action="/login.php?action=send_password_email"] .form-select {
  border-radius: 2px; }

.account form[action="/login.php?action=save_new_account"] .form-field[data-type="EmailAddress"],
.account form[action="/account.php?action=update_new_shipping_address"] .form-field[data-type="EmailAddress"],
.account form[action="/account.php?action=save_new_shipping_address"] .form-field[data-type="EmailAddress"] {
  width: 100%; }

.account-settings-page .account.account--fixed {
  padding: 1.5rem 0 0 0; }

.account-settings-page form[action="/account.php?action=update_account"] {
  padding-top: 2rem; }
  .account-settings-page form[action="/account.php?action=update_account"] .form-actions {
    text-align: left;
    margin-top: 0.5rem; }
    .account-settings-page form[action="/account.php?action=update_account"] .form-actions .button {
      height: 35px; }
  .account-settings-page form[action="/account.php?action=update_account"] .form-label {
    display: inline-block; }
  .account-settings-page form[action="/account.php?action=update_account"] #showPassword {
    cursor: pointer;
    float: right;
    color: #ea3a02;
    text-decoration: underline; }

.account-benefits-info {
  background-image: linear-gradient(180deg, #0eb3e0, #354690);
  color: white; }
  .account-benefits-info .title {
    font-family: "Paralucent", sans-serif;
    font-size: 28px;
    text-transform: uppercase;
    font-weight: 600;
    margin: 2.91667rem 0;
    color: white; }
  .account-benefits-info .description {
    font-size: 18px;
    font-weight: 600;
    padding-bottom: 1.5rem;
    border-bottom: solid 1px white; }
  .account-benefits-info .benefits-title {
    font-size: 15px;
    font-weight: 600;
    margin-bottom: 0; }
  .account-benefits-info .benefits-list {
    list-style: square;
    margin-left: 15px; }
    .account-benefits-info .benefits-list .benefits-list__item {
      font-size: 15px;
      padding: 5px 0; }
  .account-benefits-info .image-container {
    text-align: center; }
    @media (min-width: 992px) {
      .account-benefits-info .image-container {
        text-align: left; } }
  @media (min-width: 992px) {
    .account-benefits-info .container {
      margin: 0;
      max-width: 45vw; } }
  @media (min-width: 1200px) {
    .account-benefits-info .container {
      margin: 0;
      max-width: 500px; } }

.page-heading--subscription {
  color: #38383e;
  font-family: "Roboto", Arial, Helvetica, sans-serif;
  font-size: 28px; }

.page-contact-us .contactUs-header {
  background: linear-gradient(90deg, #34448f 0%, #00b9e4 100%); }
  .page-contact-us .contactUs-header-block {
    display: flex;
    flex-direction: column;
    gap: 30px;
    padding: 2rem; }
    .page-contact-us .contactUs-header-block.container:before {
      content: none; }
    @media (min-width: 992px) {
      .page-contact-us .contactUs-header-block {
        flex-direction: row;
        padding: 70px 0; } }
  .page-contact-us .contactUs-header h1,
  .page-contact-us .contactUs-header p {
    color: white;
    margin: 0; }
  .page-contact-us .contactUs-header-title {
    font-size: 45px;
    font-family: 'Paralucent', sans-serif;
    font-weight: bold;
    text-transform: uppercase; }
    @media (min-width: 992px) {
      .page-contact-us .contactUs-header-title {
        white-space: nowrap; } }
    .page-contact-us .contactUs-header-title span {
      color: white; }
      @media (min-width: 992px) {
        .page-contact-us .contactUs-header-title span {
          color: #00b9e4; } }
  .page-contact-us .contactUs-header-description {
    font-size: 14px;
    font-family: "Roboto";
    line-height: 1.858; }

.page-contact-us .contactUs-faq-section {
  background-color: white; }
  .page-contact-us .contactUs-faq-section .contactUs-faq-header {
    background: linear-gradient(90deg, #34448f 0%, #00b9e4 100%);
    height: 12rem;
    margin-bottom: -3rem;
    padding-top: 1rem;
    text-align: center; }
    @media (min-width: 992px) {
      .page-contact-us .contactUs-faq-section .contactUs-faq-header {
        height: 10rem; } }
    .page-contact-us .contactUs-faq-section .contactUs-faq-header h2 {
      color: white;
      font-family: 'Paralucent', sans-serif;
      font-weight: 500;
      height: 200px;
      line-height: 1.167;
      text-transform: uppercase; }
  .page-contact-us .contactUs-faq-section .contactUs-faq-cards {
    display: grid;
    gap: 40px;
    grid-template-columns: 1fr; }
    @media (min-width: 551px) {
      .page-contact-us .contactUs-faq-section .contactUs-faq-cards {
        grid-template-columns: 1fr 1fr; } }
    @media (min-width: 992px) {
      .page-contact-us .contactUs-faq-section .contactUs-faq-cards {
        grid-template-columns: 1fr 1fr 1fr 1fr; } }
    .page-contact-us .contactUs-faq-section .contactUs-faq-cards.container:before {
      content: none; }
  .page-contact-us .contactUs-faq-section .contactUs-faq-card {
    background-color: white;
    border-radius: 5px;
    box-shadow: 0px 3px 12.22px 0.78px rgba(0, 0, 0, 0.1);
    padding: 24px; }
    .page-contact-us .contactUs-faq-section .contactUs-faq-card--detail h3 {
      font-family: 'Roboto', Arial, Helvetica, sans-serif;
      font-size: 18px;
      font-weight: 700; }
    .page-contact-us .contactUs-faq-section .contactUs-faq-card--detail a {
      color: #38383e;
      font-family: "Roboto";
      font-size: 13px;
      line-height: 2.232;
      text-decoration: underline; }
    .page-contact-us .contactUs-faq-section .contactUs-faq-card--detail ul {
      margin-left: 0; }
    .page-contact-us .contactUs-faq-section .contactUs-faq-card--button {
      font-weight: 700; }
      .page-contact-us .contactUs-faq-section .contactUs-faq-card--button .chevron {
        color: #ea3a02; }
  .page-contact-us .contactUs-faq-section .contactUs-faq-buttons {
    margin: auto;
    text-align: center; }

.page-contact-us .tax-and-payment {
  display: grid;
  grid-template-columns: 1fr;
  margin: 2rem auto; }
  @media (min-width: 992px) {
    .page-contact-us .tax-and-payment {
      grid-template-columns: 1fr 1fr; } }
  .page-contact-us .tax-and-payment.container:before {
    content: none; }
  .page-contact-us .tax-and-payment .infoCard-detail {
    padding: 1rem; }
  .page-contact-us .tax-and-payment .infoCard-button {
    font-weight: 700; }
    .page-contact-us .tax-and-payment .infoCard-button .chevron {
      color: #ea3a02; }

.page-contact-us .contact-info {
  display: grid;
  gap: 1rem;
  grid-template-columns: 1fr;
  margin: 60px auto 70px; }
  @media (min-width: 551px) {
    .page-contact-us .contact-info {
      grid-template-columns: 1fr 1fr; } }
  @media (min-width: 992px) {
    .page-contact-us .contact-info {
      grid-template-columns: 1fr 1fr 1fr 1fr; } }
  .page-contact-us .contact-info.container:before {
    content: none; }
  .page-contact-us .contact-info .infoCard {
    border: 1px solid #bebebe;
    border-radius: 5px;
    border-top: 4px solid #00b9e4;
    margin: 0;
    min-height: 105px; }
    .page-contact-us .contact-info .infoCard h3 {
      margin: 0 auto; }
    .page-contact-us .contact-info .infoCard p {
      margin-bottom: 1rem; }
    .page-contact-us .contact-info .infoCard-link {
      text-decoration: underline; }

.page-contact-us .headquarters {
  background-color: #f7f7f7;
  padding: 60px 0 70px;
  text-align: center; }
  .page-contact-us .headquarters h2,
  .page-contact-us .headquarters .store-address {
    color: #38383e;
    font-family: 'Roboto', sans-serif;
    font-size: 18px; }
  .page-contact-us .headquarters h2 {
    font-weight: 700; }
  .page-contact-us .headquarters .social-icons {
    margin-top: 3rem; }
  .page-contact-us .headquarters .social-icons img {
    max-width: 4rem; }

.page-contact-us .infoCard {
  align-items: center;
  display: flex;
  margin: 1rem; }
  .page-contact-us .infoCard-detail {
    padding: 1rem; }
  .page-contact-us .infoCard img {
    height: fit-content;
    padding: 1rem; }
  .page-contact-us .infoCard h3 {
    font-family: 'Roboto', Arial, Helvetica, sans-serif;
    font-size: 18px;
    font-weight: 700; }
  .page-contact-us .infoCard a,
  .page-contact-us .infoCard p {
    color: #38383e;
    font-size: 14px; }

.login {
  max-width: none;
  margin: 0;
  padding: 3rem 0 6rem 0;
  background: #f5f5f5;
  left: 50%;
  margin-left: -50vw;
  margin-right: -50vw;
  max-width: 100vw;
  position: relative;
  right: 50%;
  width: 100vw; }
  .login .page-heading {
    text-align: left;
    font-size: 20px;
    font-weight: bold; }
  .login .login-row {
    max-width: none;
    margin-top: 0;
    background: #fff;
    border-radius: 5px;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.1); }
  .login .login-form {
    margin: 0;
    padding: 3rem; }
    @media (min-width: 1440px) {
      .login .login-form {
        padding-right: 10rem; } }
  .login .login-intro {
    margin-top: 1rem; }
  .login .login-intro,
  .login .new-customer-intro {
    font-size: 1rem;
    line-height: 1.5; }
  .login .form-label {
    font-weight: bold;
    color: #28282d; }
    .login .form-label .asterik {
      color: #ea3a02; }
  .login .form-input {
    border-radius: 2px; }
  .login .panel-header {
    padding-top: 3rem; }
  .login .panel-title {
    font-size: 18px;
    font-weight: 900; }
  .login .panel-header,
  .login .panel-body {
    background: #fff; }
    .login .panel-header p,
    .login .panel-body p {
      margin-bottom: 1rem; }
    .login .panel-header ul,
    .login .panel-body ul {
      margin: 0 0 25px 0;
      list-style: disc;
      list-style-position: inside; }
    .login .panel-header li,
    .login .panel-body li {
      line-height: 25px; }
  .login .form-actions {
    text-align: left; }
    .login .form-actions .button {
      margin-right: 30px;
      width: auto; }
    .login .form-actions .forgot-password {
      color: #ea3a02;
      border-bottom: 1px dotted #ea3a02;
      margin-top: 10px;
      width: auto; }
  .login .button {
    line-height: 39px;
    height: 42px;
    padding: 0 35px; }
  @media (max-width: 1199px) {
    .login .container {
      padding: 0 30px; } }

.rewards {
  background-color: #f5f5f5;
  width: 100vw;
  left: 50%;
  margin-left: -50vw;
  margin-right: -50vw;
  max-width: 100vw;
  position: relative;
  right: 50%;
  padding-bottom: 6rem; }
  .rewards .container {
    display: flex;
    flex-direction: column-reverse;
    align-items: center; }
    @media (min-width: 992px) {
      .rewards .container {
        flex-direction: row; } }
    .rewards .container .content {
      padding-left: 3.33333rem; }
      .rewards .container .content .rewards-title {
        font-size: 2.5rem;
        letter-spacing: 0px;
        line-height: 3.58333rem;
        font-family: "Paralucent";
        font-weight: 300;
        color: #38383e;
        text-transform: uppercase;
        margin-top: 0;
        margin-bottom: 3.33333rem; }
        .rewards .container .content .rewards-title span {
          font-weight: 600;
          text-decoration: underline;
          text-decoration-thickness: 2px; }
      .rewards .container .content .rewards-description {
        font-size: 1.25rem;
        line-height: 2.66667rem; }
        .rewards .container .content .rewards-description span {
          font-size: 1.25rem;
          font-weight: 800; }
      .rewards .container .content .rewards-link {
        font-size: 13px;
        letter-spacing: 0px;
        line-height: 32px;
        text-decoration: underline;
        text-transform: uppercase;
        color: #38383e;
        font-weight: 700; }

.rewards-carousel {
  position: relative;
  margin: 0 -50vw;
  left: 50%;
  max-width: 100vw;
  right: 50%;
  width: 100vw;
  top: 0;
  bottom: 0;
  background-color: #f5f5f5; }
  .rewards-carousel .images-row {
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-pack: justify;
    flex-wrap: wrap;
    justify-content: space-around;
    margin-inline: auto;
    padding-bottom: 8px;
    max-width: 1450px;
    gap: 5px; }
    @media (min-width: 551px) {
      .rewards-carousel .images-row {
        flex-wrap: nowrap;
        justify-content: space-between; } }
    .rewards-carousel .images-row img {
      width: 100%;
      max-width: 370px;
      height: 100%; }

.quotes .content {
  max-width: 730px;
  margin: 0 auto;
  text-align: center;
  padding: 40px 0 65px; }
  .quotes .content .quotes-title {
    font-size: 1.5rem;
    font-weight: 700;
    margin: 35px 0 0;
    padding: 5px; }
  .quotes .content .quotes-text {
    margin: 0; }
    .quotes .content .quotes-text blockquote {
      font-size: 18px;
      line-height: 35px; }
  .quotes .content .quotes-author {
    color: #20c1e7;
    font-size: 14px;
    font-style: italic; }

.cart-page {
  padding-top: 3rem;
  background: #f5f5f5;
  left: 50%;
  margin-left: -50vw;
  margin-right: -50vw;
  max-width: 100vw;
  position: relative;
  right: 50%;
  width: 100vw; }
  @media (min-width: 1200px) {
    .cart-page main {
      padding: 0; } }

.cart-page-title .page-heading {
  text-align: left;
  font-size: 20px;
  font-weight: 700;
  margin: 0 0 27px; }
  @media (min-width: 992px) {
    .cart-page-title .page-heading {
      display: inline-block;
      width: auto; } }

@media (min-width: 992px) {
  .cart-page-title .value-divs {
    float: right;
    display: inline-block;
    width: auto; } }

@media (max-width: 991px) {
  .cart-page-title .value-divs .returns-value,
  .cart-page-title .value-divs .shipping-value {
    margin-bottom: 20px; } }

@media (min-width: 992px) {
  .cart-page-title .value-divs .returns-value,
  .cart-page-title .value-divs .shipping-value {
    margin-bottom: 10px;
    width: auto;
    float: right; } }

@media (min-width: 992px) {
  .cart-page-title .value-divs .returns-value .value-icon {
    margin-right: 0; } }

.cart-page-title .value-divs .value-icon {
  float: left;
  width: 60px;
  height: 60px;
  padding-bottom: 10px;
  margin-right: 10px; }

@media (min-width: 992px) {
  .cart-page-title .value-divs .value-text {
    float: right; } }

.cart-page-title .value-divs .value-text .value-shipping-title {
  margin-top: 0;
  font-style: italic;
  font-weight: 600;
  font-size: 14px;
  margin-bottom: 0;
  text-transform: uppercase; }

.cart-page-title .value-divs .value-text .value-shipping-text {
  margin-bottom: 0;
  font-size: 13px;
  line-height: 1.5; }

.cart-container {
  background: #fff;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.08);
  border-radius: 3px;
  width: 100%;
  margin-bottom: 6rem; }
  .cart-container .cart-header-row {
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.08);
    border-bottom: 1px solid #e5e5e5;
    margin-bottom: 22px;
    width: 100%; }
    .cart-container .cart-header-row .header-container {
      padding-left: 0.75rem;
      padding-right: 0.75rem;
      width: 66.66667%;
      float: left;
      padding: 16px 0 12px; }
    .cart-container .cart-header-row .cart-header-item {
      display: inline-block;
      padding: 0;
      margin: 0;
      text-transform: uppercase;
      font-weight: bold;
      font-size: 1rem;
      line-height: 20px; }
      .cart-container .cart-header-row .cart-header-item:first-child {
        width: 59%;
        float: left;
        padding-left: 18px; }
        @media (min-width: 768px) {
          .cart-container .cart-header-row .cart-header-item:first-child {
            padding-left: 30px; } }
      .cart-container .cart-header-row .cart-header-item:nth-child(2), .cart-container .cart-header-row .cart-header-item:last-child {
        text-align: center;
        display: none; }
        @media (min-width: 992px) {
          .cart-container .cart-header-row .cart-header-item:nth-child(2), .cart-container .cart-header-row .cart-header-item:last-child {
            display: inline-block;
            float: left; } }
      @media (min-width: 992px) {
        .cart-container .cart-header-row .cart-header-item:nth-child(2) {
          width: 22.25%; } }
      @media (min-width: 992px) {
        .cart-container .cart-header-row .cart-header-item:last-child {
          width: 18.75%; } }
  @media (min-width: 768px) {
    .cart-container .cart {
      padding-left: 0.75rem;
      padding-right: 0.75rem;
      width: 66.66667%;
      float: left;
      float: left; } }
  .cart-container .cart .cart-list {
    border: none; }
  .cart-container .cart .cart-item-block {
    vertical-align: top; }
    @media (min-width: 992px) {
      .cart-container .cart .cart-item-block {
        padding: 35px 0; } }
    .cart-container .cart .cart-item-block.cart-item-info {
      padding-top: 5px; }
      @media (min-width: 992px) {
        .cart-container .cart .cart-item-block.cart-item-info {
          padding-top: 38px; } }
      @media (max-width: 991px) {
        .cart-container .cart .cart-item-block.cart-item-info {
          padding-left: 18px;
          padding-right: 15px; } }
      @media (min-width: 992px) {
        .cart-container .cart .cart-item-block.cart-item-info:not(.cart-item-quantity) {
          padding-top: 45px; } }
      .cart-container .cart .cart-item-block.cart-item-info.cart-item-quantity .cart-item-label {
        padding-top: 7px; }
    .cart-container .cart .cart-item-block .cart-item-label {
      text-align: left;
      font-weight: 600; }
  .cart-container .cart .cart-item-figure {
    padding-left: 18px; }
    @media (min-width: 992px) {
      .cart-container .cart .cart-item-figure {
        width: 12.5%; } }
    .cart-container .cart .cart-item-figure:after {
      display: none; }
    .cart-container .cart .cart-item-figure img {
      position: static;
      max-width: none;
      width: 100%; }
  .cart-container .cart .cart-item-title {
    padding-left: 20px; }
    @media (max-width: 991px) {
      .cart-container .cart .cart-item-title {
        padding-right: 15px;
        padding-bottom: 1.5rem; } }
    @media (min-width: 992px) {
      .cart-container .cart .cart-item-title {
        width: 40%; } }
    .cart-container .cart .cart-item-title .cart-item-brand {
      margin-bottom: 10px;
      margin-top: 10px;
      color: #8c8c8c;
      letter-spacing: 0;
      font-size: 1rem;
      line-height: 1.5; }
    .cart-container .cart .cart-item-title .cart-item-name {
      font-size: 13px;
      margin: 0 0 10px; }
      .cart-container .cart .cart-item-title .cart-item-name a {
        line-height: 1.5em;
        color: #38383e;
        letter-spacing: 0;
        font-weight: 500; }
    .cart-container .cart .cart-item-title .definitionList .definitionList-key {
      color: #2d2d2d;
      min-width: 40px;
      padding: 3px 0; }
    .cart-container .cart .cart-item-title .definitionList .definitionList-value {
      color: #8c8c8c;
      padding: 3px 0; }
    .cart-container .cart .cart-item-title a {
      color: #ea3a02;
      font-weight: 700; }
  @media (min-width: 992px) {
    .cart-container .cart .cart-item-quantity {
      width: 20%; } }
  .cart-container .cart .cart-item-quantity .form-increment .button {
    width: 36px;
    height: 36px; }
    .cart-container .cart .cart-item-quantity .form-increment .button[data-action="dec"] {
      border-top-right-radius: 0;
      border-bottom-right-radius: 0;
      position: relative; }
      .cart-container .cart .cart-item-quantity .form-increment .button[data-action="dec"]:before {
        position: absolute;
        top: calc(50% - 10px);
        left: calc(50% - 10px);
        content: "";
        background-image: url("https://store-8mji1.mybigcommerce.com/content/cart-minus.svg");
        background-repeat: no-repeat;
        width: 20px;
        height: 20px; }
    .cart-container .cart .cart-item-quantity .form-increment .button[data-action="inc"] {
      border-top-left-radius: 0;
      border-bottom-left-radius: 0;
      position: relative; }
      .cart-container .cart .cart-item-quantity .form-increment .button[data-action="inc"]:before {
        position: absolute;
        top: calc(50% - 10px);
        left: calc(50% - 10px);
        content: "";
        background-image: url("https://store-8mji1.mybigcommerce.com/content/cart-plus.svg");
        background-repeat: no-repeat;
        width: 20px;
        height: 20px; }
    .cart-container .cart .cart-item-quantity .form-increment .button .icon {
      display: none; }
    .cart-container .cart .cart-item-quantity .form-increment .button:hover, .cart-container .cart .cart-item-quantity .form-increment .button:focus {
      border-color: #000; }
  .cart-container .cart .cart-item-quantity .form-increment .form-input {
    font-size: 1rem;
    color: #303843;
    border-top: 1px solid #cbcbcb;
    border-bottom: 1px solid #cbcbcb;
    height: 36px;
    min-width: 50px;
    border-radius: 0;
    margin: 0 -3px; }
    .cart-container .cart .cart-item-quantity .form-increment .form-input[disabled] {
      border: none; }
  .cart-container .cart .cart-item-info:not(.cart-item-quantity) {
    text-align: center; }
    @media (max-width: 991px) {
      .cart-container .cart .cart-item-info:not(.cart-item-quantity) {
        padding-bottom: 1.5rem; } }
    .cart-container .cart .cart-item-info:not(.cart-item-quantity) .cart-item-value {
      margin-left: 2rem; }
      .cart-container .cart .cart-item-info:not(.cart-item-quantity) .cart-item-value.price--discounted {
        margin-left: 0;
        display: grid;
        margin-right: 1rem; }
      @media (max-width: 991px) {
        .cart-container .cart .cart-item-info:not(.cart-item-quantity) .cart-item-value {
          float: left;
          margin: 0; } }
    .cart-container .cart .cart-item-info:not(.cart-item-quantity) .icon {
      background: none;
      margin-bottom: 3px; }
      @media (min-width: 992px) {
        .cart-container .cart .cart-item-info:not(.cart-item-quantity) .icon {
          float: none; } }
      .cart-container .cart .cart-item-info:not(.cart-item-quantity) .icon svg {
        fill: #ea3a02; }
  .cart-container .row {
    padding-bottom: 22px; }
    @media (min-width: 768px) {
      .cart-container .row {
        padding-left: 0.75rem;
        padding-right: 0.75rem;
        width: 33.33333%;
        float: left;
        float: right; } }
    .cart-container .row .cart-total-div {
      border-left: 1px solid #e8e8e8;
      padding-left: 20px;
      padding-right: 15px; }
      .cart-container .row .cart-total-div .cart-rewards-message {
        margin-top: 2.5rem;
        display: flex;
        align-items: center;
        color: #000; }
        .cart-container .row .cart-total-div .cart-rewards-message svg {
          max-height: 40px;
          max-width: 35px; }
          @media (min-width: 992px) {
            .cart-container .row .cart-total-div .cart-rewards-message svg {
              max-height: 25px; } }
          @media (min-width: 1261px) {
            .cart-container .row .cart-total-div .cart-rewards-message svg {
              max-height: 40px; } }
        .cart-container .row .cart-total-div .cart-rewards-message .message {
          flex: 1 0 85%;
          font-size: 1.08333rem;
          line-height: 1.66667rem;
          margin-left: 10px;
          margin-bottom: 0; }
          .cart-container .row .cart-total-div .cart-rewards-message .message span {
            font-weight: 700;
            display: block;
            font-size: 1.08333rem;
            line-height: 1.66667rem; }
    .cart-container .row .cart-totals {
      width: 100%; }
    .cart-container .row .cart-total:first-child .cart-total-value {
      font-size: 1.33rem; }
    .cart-container .row .cart-total-label {
      padding: 17px 0;
      color: #000;
      font-size: 13px;
      line-height: 20px; }
    .cart-container .row .cart-total-value {
      color: #000;
      font-weight: 700; }
    .cart-container .row .shipping-estimator .estimator-form .estimator-form-label {
      display: none; }
    .cart-container .row .shipping-estimator .estimator-form-input:nth-child(2) {
      float: none;
      width: 100%; }
    .cart-container .row .shipping-estimator .estimator-form-input:nth-child(4) {
      width: 100%; }
      @media (min-width: 1440px) {
        .cart-container .row .shipping-estimator .estimator-form-input:nth-child(4) {
          width: 49%;
          margin-right: 1%;
          float: left; } }
    .cart-container .row .shipping-estimator .estimator-form-input:nth-child(6) {
      width: 100%; }
      @media (min-width: 1440px) {
        .cart-container .row .shipping-estimator .estimator-form-input:nth-child(6) {
          width: 49%;
          margin-left: 1%; } }
    .cart-container .row .shipping-estimator .form-select,
    .cart-container .row .shipping-estimator .form-input {
      border-radius: 3px;
      height: 3rem; }
      .cart-container .row .shipping-estimator .form-select::placeholder,
      .cart-container .row .shipping-estimator .form-input::placeholder {
        color: #000; }
    .cart-container .row .shipping-estimator .shipping-estimate-submit {
      background: #777a7c;
      border-color: #777a7c;
      width: 100%;
      line-height: 38px;
      height: 42px;
      padding: 0 35px; }
      .cart-container .row .shipping-estimator .shipping-estimate-submit:hover {
        background: #000;
        border-color: #000; }
    .cart-container .row .shipping-estimator .select-shipping-quote {
      margin-bottom: 15px;
      height: 40px;
      line-height: initial;
      padding: 0 44px; }
      @media (min-width: 768px) {
        .cart-container .row .shipping-estimator .select-shipping-quote {
          width: 100%;
          padding: 0; } }
      @media (min-width: 992px) {
        .cart-container .row .shipping-estimator .select-shipping-quote {
          width: auto;
          padding: 0 44px; } }
  .cart-container .cart-actions .button {
    font-size: 16px;
    width: 100%;
    padding: 0 25px;
    height: 52px;
    line-height: 52px; }
  .cart-container .empty-cart {
    text-align: center;
    padding: 50px 0 60px 0; }

.order-page .page-content {
  margin-top: -20px; }

.order-page .account-body {
  display: none; }
  .order-page .account-body .account-product-figure:after {
    display: none; }
  .order-page .account-body .account-product-title a {
    color: #ea3a02;
    font-weight: bold; }
  .order-page .account-body .account-product-title a.subscription-edit-btn {
    color: #fff; }
    .order-page .account-body .account-product-title a.subscription-edit-btn .up-caret,
    .order-page .account-body .account-product-title a.subscription-edit-btn .down-caret {
      margin-left: 30px; }
  .order-page .account-body .account-product-description {
    font-size: 1rem;
    line-height: 1.5; }
  .order-page .account-body .account-product-detail-heading {
    color: #28282d;
    font-weight: bold; }
  .order-page .account-body .account-listItem {
    position: relative; }
    .order-page .account-body .account-listItem .action-icon {
      position: absolute;
      top: 20px;
      right: 10px; }
      .order-page .account-body .account-listItem .action-icon .icon {
        height: 25px;
        width: 25px; }
      .order-page .account-body .account-listItem .action-icon svg {
        fill: #ea3a02;
        stroke: #ea3a02; }
  .order-page .account-body .account-product-detail {
    padding-top: 10px; }
    .order-page .account-body .account-product-detail.order-description {
      width: 100%; }
    .order-page .account-body .account-product-detail.order-date, .order-page .account-body .account-product-detail.order-updates, .order-page .account-body .account-product-detail.order-status {
      width: calc(100% / 3); }
    @media (min-width: 992px) {
      .order-page .account-body .account-product-detail.order-description {
        width: 40%; }
      .order-page .account-body .account-product-detail.order-date, .order-page .account-body .account-product-detail.order-updates, .order-page .account-body .account-product-detail.order-status {
        width: calc(50% / 3); } }
    @media (min-width: 1440px) {
      .order-page .account-body .account-product-detail.order-description {
        width: 50%; } }

.order-details-page .back-button {
  float: right;
  text-decoration: underline;
  color: #ea3a02;
  text-transform: uppercase;
  font-size: 14px;
  position: relative;
  top: -50px; }

@media (min-width: 768px) {
  .order-details-page .page-content {
    margin-top: -30px; } }

.order-details-page .account-header {
  width: 100%; }
  .order-details-page .account-header .page-heading.title {
    float: left; }
  .order-details-page .account-header .print-invoice-button {
    margin-top: 3rem;
    text-transform: uppercase;
    color: #ea3a02;
    text-decoration: underline;
    font-size: 14px;
    padding: 1px 25px; }
  .order-details-page .account-header .order-status {
    background: #f5f5f5;
    padding: 10px 20px;
    font-size: 14px;
    margin: 2rem 0 2.5rem 0; }
    @media (min-width: 992px) {
      .order-details-page .account-header .order-status {
        float: right; } }
    .order-details-page .account-header .order-status .order-status-key {
      font-weight: bold; }
    .order-details-page .account-header .order-status .divider {
      padding: 0 10px; }

.order-details-page .account-info-row.clearfix {
  width: 100%; }

.order-details-page .account-info-row + .account-info-row {
  margin-top: 3rem; }

.order-details-page .account-info-block {
  margin-bottom: 30px; }
  @media (min-width: 576px) {
    .order-details-page .account-info-block {
      padding-left: 0.75rem;
      padding-right: 0.75rem;
      width: 33.33333%;
      float: left;
      padding: 0;
      margin-bottom: 0; }
      .order-details-page .account-info-block:first-child, .order-details-page .account-info-block:nth-child(2) {
        padding-right: 20px; } }
  .order-details-page .account-info-block .account-heading {
    padding-bottom: 0;
    font-size: 14px;
    text-transform: uppercase; }
  .order-details-page .account-info-block .definitionList,
  .order-details-page .account-info-block .account-order-address {
    padding-top: 5px;
    line-height: 25px;
    text-transform: capitalize;
    font-size: 14px; }
  .order-details-page .account-info-block .definitionList-key {
    font-weight: bold;
    color: #38383e; }

.order-details-page .account-content {
  width: 100%;
  padding-top: 3rem; }
  .order-details-page .account-content .account-reorder-form {
    display: block; }
  .order-details-page .account-content .account-list-title {
    font-weight: bold;
    text-transform: uppercase;
    color: #28282d;
    font-size: 14px;
    line-height: 1.5; }
  .order-details-page .account-content .account-product-price {
    float: none; }
  .order-details-page .account-content .account-product-checkItem {
    display: none; }
  .order-details-page .account-content .account-listItem {
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
    border-bottom: none;
    margin-bottom: 30px;
    border-radius: 3px; }
  .order-details-page .account-content .order-details-info {
    padding-right: 1rem;
    display: table-cell;
    vertical-align: bottom;
    text-align: right; }
    @media (min-width: 576px) {
      .order-details-page .account-content .order-details-info {
        padding-bottom: 0.5rem; } }
    @media (min-width: 1440px) {
      .order-details-page .account-content .order-details-info {
        padding-right: 3rem; } }
    .order-details-page .account-content .order-details-info .button {
      color: #ea3a02;
      border-color: #ea3a02;
      padding: 0 30px;
      height: 3.3rem; }
      .order-details-page .account-content .order-details-info .button:hover, .order-details-page .account-content .order-details-info .button.added {
        background: #ea3a02;
        color: #fff; }
      .order-details-page .account-content .order-details-info .button.added {
        padding: 0 35px 0 50px;
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' x='0px' y='0px'%0Awidth='24' height='24'%0AviewBox='0 0 172 172'%0Astyle=' fill:%23000000;'%3E%3Cg fill='none' fill-rule='nonzero' stroke='none' stroke-width='1' stroke-linecap='butt' stroke-linejoin='miter' stroke-miterlimit='10' stroke-dasharray='' stroke-dashoffset='0' font-family='none' font-weight='none' font-size='none' text-anchor='none' style='mix-blend-mode: normal'%3E%3Cpath d='M0,172v-172h172v172z' fill='none'%3E%3C/path%3E%3Cg fill='%23ffffff'%3E%3Cpath d='M145.43294,37.93294l-80.93294,80.93295l-30.76628,-30.76628l-10.13411,10.13411l40.90039,40.90039l91.06706,-91.06705z'%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
        background-repeat: no-repeat;
        background-position: 25px 7px;
        background-size: 12%; }
      .order-details-page .account-content .order-details-info .button[disabled] {
        border-color: #999999;
        color: #999999;
        box-shadow: #999999 0 3px 0 0; }
        .order-details-page .account-content .order-details-info .button[disabled]:hover {
          background: #ffffff; }
      @media (max-width: 575px) {
        .order-details-page .account-content .order-details-info .button {
          padding: 0;
          border-color: transparent;
          margin: 0;
          height: auto; }
          .order-details-page .account-content .order-details-info .button:hover, .order-details-page .account-content .order-details-info .button.added {
            background: none;
            color: #00b9e4; }
          .order-details-page .account-content .order-details-info .button.added {
            padding: 0;
            background: none; } }
  .order-details-page .account-content .account-product {
    padding-left: 1.5rem; }
  .order-details-page .account-content .account-product-figure {
    position: static; }
    .order-details-page .account-content .account-product-figure:after {
      display: none; }
  .order-details-page .account-content .account-product-body {
    padding: 0 0 0 2rem; }
    .order-details-page .account-content .account-product-body .account-product-title {
      font-weight: bold; }
    .order-details-page .account-content .account-product-body .definitionList {
      padding-top: 3px;
      font-size: 14px; }
    .order-details-page .account-content .account-product-body .definitionList-key {
      font-weight: bold;
      color: #38383e; }
  .order-details-page .account-content .account-orderTotal {
    width: 40%;
    padding-top: 30px;
    font-size: 14px; }
    .order-details-page .account-content .account-orderTotal .account-orderTotal-key {
      padding: 5px 0;
      color: #38383e; }
      .order-details-page .account-content .account-orderTotal .account-orderTotal-key:last-of-type {
        position: static;
        font-weight: bold; }
    .order-details-page .account-content .account-orderTotal .account-orderTotal-value {
      border: none;
      padding: 5px 0; }
      .order-details-page .account-content .account-orderTotal .account-orderTotal-value:last-child {
        font-size: inherit;
        font-weight: bold; }

.order-details-page .button.reorder_button .removing, .order-details-page .button.reorder_button .removed, .order-details-page .button.reorder_button .remove, .order-details-page .button.reorder_button .adding, .order-details-page .button.reorder_button .added, .order-details-page .button.reorder_button .reorder {
  display: none; }

.order-details-page .button.reorder_button.removing, .order-details-page .button.reorder_button.adding, .order-details-page .button.reorder_button.added, .order-details-page .button.reorder_button.removed, .order-details-page .button.reorder_button .reorder {
  pointer-events: none;
  cursor: not-allowed; }

.order-details-page .button.reorder_button.removing, .order-details-page .button.reorder_button.adding, .order-details-page .button.reorder_button.added, .order-details-page .button.reorder_button.removed, .order-details-page .button.reorder_button.remove {
  background: #ea3a02;
  color: #fff; }

.order-details-page .button.reorder_button.removing .removing, .order-details-page .button.reorder_button.adding .adding, .order-details-page .button.reorder_button.added .added, .order-details-page .button.reorder_button.removed .removed, .order-details-page .button.reorder_button.remove .remove, .order-details-page .button.reorder_button.reorder .reorder {
  display: inline; }

.addresses-page .account-heading {
  margin-top: 1.5rem; }

.addresses-page .addressList {
  padding-top: 2rem; }

.addresses-page .address {
  width: 100%; }
  @media (min-width: 992px) {
    .addresses-page .address {
      padding-left: 0.75rem;
      padding-right: 0.75rem;
      width: 50%;
      float: left; } }
  .addresses-page .address .panel-body {
    background: #fff;
    border: 1px solid #ececec;
    text-transform: capitalize; }
    .addresses-page .address .panel-body .address-title {
      text-transform: capitalize;
      font-weight: bold; }
    .addresses-page .address .panel-body .address-details {
      font-size: 13px; }
    .addresses-page .address .panel-body a {
      background: #5b5b5b;
      line-height: 3.5rem; }
      .addresses-page .address .panel-body a:hover {
        background: #000; }
    .addresses-page .address .panel-body button {
      color: #fff; }
    .addresses-page .address .panel-body a, .addresses-page .address .panel-body button {
      border: none;
      height: 3.5rem;
      padding: 0 44px;
      width: auto; }
    .addresses-page .address .panel-body .address-addNew .address-symbol {
      border: 2px solid #9a9a9a;
      display: inline-block;
      width: 70px;
      height: 70px;
      border-radius: 50%;
      line-height: 70px;
      font-size: 70px;
      color: #9a9a9a;
      position: relative; }
      .addresses-page .address .panel-body .address-addNew .address-symbol:before, .addresses-page .address .panel-body .address-addNew .address-symbol:after {
        position: absolute;
        content: '';
        display: block;
        height: 40px;
        width: 40px;
        border-bottom: 2px solid #9a9a9a; }
      .addresses-page .address .panel-body .address-addNew .address-symbol:before {
        transform: rotate(90deg);
        top: 13.5px;
        left: 31.5px; }
      .addresses-page .address .panel-body .address-addNew .address-symbol:after {
        top: -5px;
        left: 12.5px; }
    .addresses-page .address .panel-body .address-addNew .address-title {
      color: #38383e;
      padding-top: 20px;
      border-bottom: 1px dotted #38383e;
      text-transform: uppercase;
      font-size: 14px; }

.edit-address-page .account {
  padding: 0; }

.edit-address-page .page-content .page-heading {
  padding-bottom: 1rem;
  border-bottom: 1px solid #e5e5e5; }

.edit-address-page .form-actions {
  text-align: left;
  margin-top: 0.5rem; }

.edit-address-page form[action="/account.php?action=update_new_shipping_address"] .button,
.edit-address-page form[action="/account.php?action=save_new_shipping_address"] .button {
  width: 160px; }

.edit-address-page form[action="/account.php?action=update_new_shipping_address"] .button--red-shadow,
.edit-address-page form[action="/account.php?action=save_new_shipping_address"] .button--red-shadow {
  height: 35px; }

.edit-address-page form[action="/account.php?action=update_new_shipping_address"] .button:not(.button--red-shadow),
.edit-address-page form[action="/account.php?action=save_new_shipping_address"] .button:not(.button--red-shadow) {
  box-shadow: #ea3a02 0 2px 0 0;
  border-color: #ea3a02;
  color: #ea3a02;
  height: 36px; }
  .edit-address-page form[action="/account.php?action=update_new_shipping_address"] .button:not(.button--red-shadow):hover,
  .edit-address-page form[action="/account.php?action=save_new_shipping_address"] .button:not(.button--red-shadow):hover {
    background: #00b9e4;
    box-shadow: #02647b 0 2px 0 0;
    border-color: #00b9e4;
    border-bottom-color: #02647b;
    color: #fff; }

.page.industries-page,
.page.industry-page,
.page.new-industry-page {
  margin: 0; }
  .page.industries-page a:not(.button),
  .page.industry-page a:not(.button),
  .page.new-industry-page a:not(.button) {
    color: #38383e; }
    .page.industries-page a:not(.button):hover,
    .page.industry-page a:not(.button):hover,
    .page.new-industry-page a:not(.button):hover {
      color: #00b9e4; }
  .page.industries-page .industry-description,
  .page.industries-page .resources-section,
  .page.industry-page .industry-description,
  .page.industry-page .resources-section,
  .page.new-industry-page .industry-description,
  .page.new-industry-page .resources-section {
    background: #f5f5f5;
    left: 50%;
    margin-left: -50vw;
    margin-right: -50vw;
    max-width: 100vw;
    position: relative;
    right: 50%;
    width: 100vw; }
  .page.industries-page .page-heading,
  .page.industry-page .page-heading,
  .page.new-industry-page .page-heading {
    text-align: left;
    margin-top: 60px;
    position: relative;
    font-size: 3.5rem;
    font-weight: bold; }
    .page.industries-page .page-heading:after,
    .page.industry-page .page-heading:after,
    .page.new-industry-page .page-heading:after {
      position: absolute;
      content: '';
      width: 50px;
      height: 3px;
      border-bottom: 3px solid #00b9e4;
      bottom: -10px;
      left: 0; }
  .page.industries-page .section-title,
  .page.industry-page .section-title,
  .page.new-industry-page .section-title {
    font-family: "Paralucent";
    text-align: center;
    font-weight: 700;
    font-size: 20px; }
  .page.industries-page .container > div,
  .page.industries-page .page-content,
  .page.industry-page .container > div,
  .page.industry-page .page-content,
  .page.new-industry-page .container > div,
  .page.new-industry-page .page-content {
    padding: 0; }
  .page.industries-page .industry-description,
  .page.industry-page .industry-description,
  .page.new-industry-page .industry-description {
    margin-bottom: 2rem; }
    @media (min-width: 992px) {
      .page.industries-page .industry-description,
      .page.industry-page .industry-description,
      .page.new-industry-page .industry-description {
        margin-bottom: 100px; } }
    @media (min-width: 1440px) {
      .page.industries-page .industry-description,
      .page.industry-page .industry-description,
      .page.new-industry-page .industry-description {
        margin-bottom: 150px; } }
    @media (max-width: 991px) {
      .page.industries-page .industry-description .container,
      .page.industry-page .industry-description .container,
      .page.new-industry-page .industry-description .container {
        display: flex;
        flex-direction: column-reverse; } }
    @media (max-width: 1199px) {
      .page.industries-page .industry-description .container > div,
      .page.industry-page .industry-description .container > div,
      .page.new-industry-page .industry-description .container > div {
        padding: 0 30px; } }
    .page.industries-page .industry-description .container > div:last-child img,
    .page.industry-page .industry-description .container > div:last-child img,
    .page.new-industry-page .industry-description .container > div:last-child img {
      box-shadow: -5px 10px 20px rgba(0, 0, 0, 0.2); }
    @media (max-width: 991px) {
      .page.industries-page .industry-description .container > div:last-child,
      .page.industry-page .industry-description .container > div:last-child,
      .page.new-industry-page .industry-description .container > div:last-child {
        padding-top: 3rem; } }
    @media (min-width: 992px) {
      .page.industries-page .industry-description .container > div:last-child,
      .page.industry-page .industry-description .container > div:last-child,
      .page.new-industry-page .industry-description .container > div:last-child {
        margin-bottom: -30px;
        padding-left: 100px; }
        .page.industries-page .industry-description .container > div:last-child img,
        .page.industry-page .industry-description .container > div:last-child img,
        .page.new-industry-page .industry-description .container > div:last-child img {
          position: relative;
          top: 60px;
          box-shadow: -5px 10px 20px rgba(0, 0, 0, 0.2); } }
    .page.industries-page .industry-description p,
    .page.industry-page .industry-description p,
    .page.new-industry-page .industry-description p {
      font-size: 14px;
      line-height: 2;
      padding-top: 10px; }
      @media (min-width: 992px) {
        .page.industries-page .industry-description p,
        .page.industry-page .industry-description p,
        .page.new-industry-page .industry-description p {
          width: 400px; } }
    .page.industries-page .industry-description a:not(.button),
    .page.industry-page .industry-description a:not(.button),
    .page.new-industry-page .industry-description a:not(.button) {
      display: inline-block;
      margin-bottom: 5rem;
      font-size: 1.7rem;
      font-weight: bold;
      padding-right: 30px; }
      @media (min-width: 1440px) {
        .page.industries-page .industry-description a:not(.button),
        .page.industry-page .industry-description a:not(.button),
        .page.new-industry-page .industry-description a:not(.button) {
          margin-top: 5rem;
          margin-bottom: 0; } }
      .page.industries-page .industry-description a:not(.button) .chevron,
      .page.industry-page .industry-description a:not(.button) .chevron,
      .page.new-industry-page .industry-description a:not(.button) .chevron {
        color: #ea3a02; }
    .page.industries-page .industry-description .button,
    .page.industry-page .industry-description .button,
    .page.new-industry-page .industry-description .button {
      max-width: none;
      padding: 0 30px;
      width: auto;
      margin: 0 0 50px; }
  .page.industries-page .shop-section .section-title,
  .page.industry-page .shop-section .section-title,
  .page.new-industry-page .shop-section .section-title {
    margin-bottom: 4rem; }
  .page.industries-page .shop-section .categories-container > div,
  .page.industry-page .shop-section .categories-container > div,
  .page.new-industry-page .shop-section .categories-container > div {
    padding: 0 10px 20px 10px; }
    @media (min-width: 768px) {
      .page.industries-page .shop-section .categories-container > div,
      .page.industry-page .shop-section .categories-container > div,
      .page.new-industry-page .shop-section .categories-container > div {
        padding-bottom: 0; } }
  @media (max-width: 767px) {
    .page.industries-page .shop-section .categories-container > div:nth-child(3),
    .page.industry-page .shop-section .categories-container > div:nth-child(3),
    .page.new-industry-page .shop-section .categories-container > div:nth-child(3) {
      clear: left; } }
  .page.industries-page .shop-section .categories-container .image-container,
  .page.industry-page .shop-section .categories-container .image-container,
  .page.new-industry-page .shop-section .categories-container .image-container {
    border: 1px solid #6c6d71;
    height: 206.5px;
    border-radius: 3px;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 10px; }
    @media (min-width: 1440px) {
      .page.industries-page .shop-section .categories-container .image-container,
      .page.industry-page .shop-section .categories-container .image-container,
      .page.new-industry-page .shop-section .categories-container .image-container {
        height: 320px; } }
    .page.industries-page .shop-section .categories-container .image-container img,
    .page.industry-page .shop-section .categories-container .image-container img,
    .page.new-industry-page .shop-section .categories-container .image-container img {
      max-height: 100%;
      width: 100%; }
  .page.industries-page .shop-section .categories-container .text,
  .page.industry-page .shop-section .categories-container .text,
  .page.new-industry-page .shop-section .categories-container .text {
    text-align: center;
    padding-top: 20px;
    font-size: 16px;
    font-weight: bold;
    display: inline-block;
    width: 100%; }
  .page.industries-page .shop-section .brands-container,
  .page.industry-page .shop-section .brands-container,
  .page.new-industry-page .shop-section .brands-container {
    padding-top: 4rem; }
    .page.industries-page .shop-section .brands-container > div,
    .page.industry-page .shop-section .brands-container > div,
    .page.new-industry-page .shop-section .brands-container > div {
      padding: 0; }
    @media (min-width: 768px) {
      .page.industries-page .shop-section .brands-container,
      .page.industry-page .shop-section .brands-container,
      .page.new-industry-page .shop-section .brands-container {
        padding-top: 8rem; } }
    @media (max-width: 767px) {
      .page.industries-page .shop-section .brands-container > div:nth-child(4),
      .page.industry-page .shop-section .brands-container > div:nth-child(4),
      .page.new-industry-page .shop-section .brands-container > div:nth-child(4) {
        clear: left; } }
    .page.industries-page .shop-section .brands-container > div:nth-child(2) img,
    .page.industry-page .shop-section .brands-container > div:nth-child(2) img,
    .page.new-industry-page .shop-section .brands-container > div:nth-child(2) img {
      padding: 10px 25px; }
    .page.industries-page .shop-section .brands-container > div:nth-child(4) img,
    .page.industry-page .shop-section .brands-container > div:nth-child(4) img,
    .page.new-industry-page .shop-section .brands-container > div:nth-child(4) img {
      padding: 15px 25px; }
    .page.industries-page .shop-section .brands-container > div:nth-child(6) img,
    .page.industry-page .shop-section .brands-container > div:nth-child(6) img,
    .page.new-industry-page .shop-section .brands-container > div:nth-child(6) img {
      padding: 15px; }
    .page.industries-page .shop-section .brands-container img,
    .page.industry-page .shop-section .brands-container img,
    .page.new-industry-page .shop-section .brands-container img {
      padding: 10px; }
    @media (min-width: 1440px) {
      .page.industries-page .shop-section .brands-container > div:nth-child(2) img,
      .page.industry-page .shop-section .brands-container > div:nth-child(2) img,
      .page.new-industry-page .shop-section .brands-container > div:nth-child(2) img {
        padding: 20px 55px; }
      .page.industries-page .shop-section .brands-container > div:nth-child(4) img,
      .page.industry-page .shop-section .brands-container > div:nth-child(4) img,
      .page.new-industry-page .shop-section .brands-container > div:nth-child(4) img {
        padding: 30px 55px; }
      .page.industries-page .shop-section .brands-container > div:nth-child(6) img,
      .page.industry-page .shop-section .brands-container > div:nth-child(6) img,
      .page.new-industry-page .shop-section .brands-container > div:nth-child(6) img {
        padding: 35px; }
      .page.industries-page .shop-section .brands-container img,
      .page.industry-page .shop-section .brands-container img,
      .page.new-industry-page .shop-section .brands-container img {
        padding: 30px; } }
  .page.industries-page .shop-section .products-container,
  .page.industry-page .shop-section .products-container,
  .page.new-industry-page .shop-section .products-container {
    padding: 5rem 0; }
    @media (min-width: 768px) {
      .page.industries-page .shop-section .products-container,
      .page.industry-page .shop-section .products-container,
      .page.new-industry-page .shop-section .products-container {
        padding: 8rem 0; } }
    .page.industries-page .shop-section .products-container > div,
    .page.industry-page .shop-section .products-container > div,
    .page.new-industry-page .shop-section .products-container > div {
      padding: 0 10px; }
    @media (max-width: 767px) {
      .page.industries-page .shop-section .products-container > div:nth-child(3),
      .page.industry-page .shop-section .products-container > div:nth-child(3),
      .page.new-industry-page .shop-section .products-container > div:nth-child(3) {
        clear: left;
        padding-top: 3rem; }
      .page.industries-page .shop-section .products-container > div:nth-child(4),
      .page.industry-page .shop-section .products-container > div:nth-child(4),
      .page.new-industry-page .shop-section .products-container > div:nth-child(4) {
        padding-top: 3rem; } }
    .page.industries-page .shop-section .products-container .product-title,
    .page.industry-page .shop-section .products-container .product-title,
    .page.new-industry-page .shop-section .products-container .product-title {
      font-size: 16px;
      line-height: 1.5;
      font-weight: bold;
      padding-bottom: 1.5rem;
      border-bottom: 1px solid #757575; }
      @media (min-width: 1440px) {
        .page.industries-page .shop-section .products-container .product-title br,
        .page.industry-page .shop-section .products-container .product-title br,
        .page.new-industry-page .shop-section .products-container .product-title br {
          display: none; } }
    .page.industries-page .shop-section .products-container a,
    .page.industry-page .shop-section .products-container a,
    .page.new-industry-page .shop-section .products-container a {
      display: inline-block;
      width: 100%;
      font-size: 16px;
      line-height: 2; }
    .page.industries-page .shop-section .products-container p, .page.industries-page .shop-section .products-container a,
    .page.industry-page .shop-section .products-container p,
    .page.industry-page .shop-section .products-container a,
    .page.new-industry-page .shop-section .products-container p,
    .page.new-industry-page .shop-section .products-container a {
      padding-left: 5px; }
  .page.industries-page .resources-section,
  .page.industry-page .resources-section,
  .page.new-industry-page .resources-section {
    padding-bottom: 2rem; }
    .page.industries-page .resources-section .section-title,
    .page.industry-page .resources-section .section-title,
    .page.new-industry-page .resources-section .section-title {
      margin: 3rem 0; }
      @media (min-width: 768px) {
        .page.industries-page .resources-section .section-title,
        .page.industry-page .resources-section .section-title,
        .page.new-industry-page .resources-section .section-title {
          margin: 6rem 0; } }
    .page.industries-page .resources-section .container > div,
    .page.industry-page .resources-section .container > div,
    .page.new-industry-page .resources-section .container > div {
      padding: 0 10px;
      margin-bottom: 4rem; }
      .page.industries-page .resources-section .container > div .blog-title,
      .page.industry-page .resources-section .container > div .blog-title,
      .page.new-industry-page .resources-section .container > div .blog-title {
        font-size: 22px;
        font-weight: bold;
        margin: 0;
        padding-top: 20px;
        display: inline-block; }
      .page.industries-page .resources-section .container > div .blog-category,
      .page.industry-page .resources-section .container > div .blog-category,
      .page.new-industry-page .resources-section .container > div .blog-category {
        color: #00b9e4;
        font-style: italic;
        text-transform: uppercase;
        font-size: 14px;
        text-shadow: 0.1px 0px #00b9e4;
        display: block; }

.page.industries-page h3,
.page.new-industry-page h3 {
  font-weight: bold;
  font-size: 18px; }

.page.industries-page p,
.page.new-industry-page p {
  line-height: 2; }

.page.industries-page .button,
.page.new-industry-page .button {
  margin-top: 2rem;
  max-width: 232px;
  height: 54px;
  width: 100%;
  line-height: 54px;
  padding: 0; }

.page.industries-page .industry-description .container > div:first-of-type,
.page.new-industry-page .industry-description .container > div:first-of-type {
  margin-top: 3.5rem; }

.page.industries-page .industry-description .industry-name,
.page.new-industry-page .industry-description .industry-name {
  margin-bottom: 0;
  font-size: 2rem;
  font-family: paralucent, sans-serif;
  font-weight: 100; }

.page.industries-page .industry-description .page-heading,
.page.new-industry-page .industry-description .page-heading {
  font-size: 3rem;
  line-height: 1.2;
  margin-top: 0; }

@media (min-width: 768px) {
  .page.industries-page .reopen-section .clearfix,
  .page.new-industry-page .reopen-section .clearfix {
    display: flex;
    align-items: center; }
    .page.industries-page .reopen-section .clearfix > div:last-child,
    .page.new-industry-page .reopen-section .clearfix > div:last-child {
      padding-right: 60px; } }

.page.industries-page .reopen-section .section-title,
.page.new-industry-page .reopen-section .section-title {
  text-align: left;
  margin-bottom: 2rem; }

.page.industries-page .promo-section,
.page.new-industry-page .promo-section {
  padding-top: 100px; }
  @media (min-width: 768px) {
    .page.industries-page .promo-section .clearfix,
    .page.new-industry-page .promo-section .clearfix {
      display: flex;
      justify-content: center; } }
  @media (max-width: 767px) {
    .page.industries-page .promo-section .clearfix > div + div,
    .page.new-industry-page .promo-section .clearfix > div + div {
      margin-top: 3rem; } }
  .page.industries-page .promo-section .promo-block,
  .page.new-industry-page .promo-section .promo-block {
    box-shadow: -5px 10px 20px rgba(0, 0, 0, 0.2);
    border-radius: 4px;
    overflow: hidden; }
  .page.industries-page .promo-section img,
  .page.new-industry-page .promo-section img {
    width: 100%;
    height: 164px;
    object-fit: cover; }
  .page.industries-page .promo-section .promo-body,
  .page.new-industry-page .promo-section .promo-body {
    padding: 0 25px 50px; }
    @media (min-width: 992px) {
      .page.industries-page .promo-section .promo-body,
      .page.new-industry-page .promo-section .promo-body {
        padding: 0 50px 50px; } }
  .page.industries-page .promo-section h2:not(.has-subheading),
  .page.industries-page .promo-section h2 + .subheading,
  .page.new-industry-page .promo-section h2:not(.has-subheading),
  .page.new-industry-page .promo-section h2 + .subheading {
    margin-bottom: 3rem; }
  .page.industries-page .promo-section .subheading,
  .page.new-industry-page .promo-section .subheading {
    text-align: center;
    color: #00b9e4;
    font-style: italic; }
  .page.industries-page .promo-section .bold,
  .page.new-industry-page .promo-section .bold {
    font-weight: bold; }
  .page.industries-page .promo-section .button-container,
  .page.new-industry-page .promo-section .button-container {
    text-align: center; }
  .page.industries-page .promo-section .button--white,
  .page.new-industry-page .promo-section .button--white {
    background: #fff;
    color: #ea3a02;
    border-color: #ea3a02;
    box-shadow: #ea3a02 0 3px 0 0;
    max-width: none;
    height: 50px;
    line-height: 50px; }
    @media (min-width: 992px) {
      .page.industries-page .promo-section .button--white,
      .page.new-industry-page .promo-section .button--white {
        width: auto;
        padding: 0 2.5rem; } }
    .page.industries-page .promo-section .button--white:hover,
    .page.new-industry-page .promo-section .button--white:hover {
      background: #ea3a02;
      color: #fff; }

.page.industries-page .brands-container,
.page.new-industry-page .brands-container {
  padding: 60px 0 80px; }
  .page.industries-page .brands-container h3,
  .page.new-industry-page .brands-container h3 {
    margin-bottom: 2rem; }
  .page.industries-page .brands-container img,
  .page.new-industry-page .brands-container img {
    padding: 0; }
  .page.industries-page .brands-container div.and-more,
  .page.new-industry-page .brands-container div.and-more {
    display: flex;
    justify-content: center; }
  .page.industries-page .brands-container div.circle,
  .page.new-industry-page .brands-container div.circle {
    background: #00b9e4;
    color: #fff;
    width: 60px;
    height: 60px;
    border-radius: 60px;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    font-weight: bold; }

.page.industries-page .shop-section .featured-container,
.page.new-industry-page .shop-section .featured-container {
  height: 505px;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  text-align: center;
  margin-bottom: 220px;
  padding-top: 50px;
  left: 50%;
  margin-left: -50vw;
  margin-right: -50vw;
  max-width: 100vw;
  position: relative;
  right: 50%;
  width: 100vw; }
  .page.industries-page .shop-section .featured-container h2, .page.industries-page .shop-section .featured-container h2 + p, .page.industries-page .shop-section .featured-container h3,
  .page.new-industry-page .shop-section .featured-container h2,
  .page.new-industry-page .shop-section .featured-container h2 + p,
  .page.new-industry-page .shop-section .featured-container h3 {
    color: #fff; }
  .page.industries-page .shop-section .featured-container h2 + p,
  .page.new-industry-page .shop-section .featured-container h2 + p {
    max-width: 700px;
    margin: 0 auto; }
  .page.industries-page .shop-section .featured-container h3,
  .page.new-industry-page .shop-section .featured-container h3 {
    margin-bottom: 2.5rem; }

.page.industries-page .shop-section .featured-products,
.page.new-industry-page .shop-section .featured-products {
  font-weight: bold;
  position: relative;
  top: 50px; }
  .page.industries-page .shop-section .featured-products .featured-products-carousel a,
  .page.new-industry-page .shop-section .featured-products .featured-products-carousel a {
    padding: 10px; }
  .page.industries-page .shop-section .featured-products .featured-products-carousel .image-container,
  .page.new-industry-page .shop-section .featured-products .featured-products-carousel .image-container {
    padding: 10px;
    background: #fff;
    border-radius: 10px;
    box-shadow: -2.5px 5px 10px rgba(0, 0, 0, 0.2); }
  .page.industries-page .shop-section .featured-products p,
  .page.new-industry-page .shop-section .featured-products p {
    margin-top: 2rem; }

.page.industries-page .shop-section .products-container,
.page.new-industry-page .shop-section .products-container {
  padding: 12rem 0; }
  @media (min-width: 480px) {
    .page.industries-page .shop-section .products-container,
    .page.new-industry-page .shop-section .products-container {
      padding: 5rem 0; } }
  @media (min-width: 992px) {
    .page.industries-page .shop-section .products-container,
    .page.new-industry-page .shop-section .products-container {
      padding: 8rem 0; } }
  @media (min-width: 768px) {
    .page.industries-page .shop-section .products-container,
    .page.new-industry-page .shop-section .products-container {
      display: flex;
      justify-content: center; } }

.page.industries-page .reviews-section,
.page.new-industry-page .reviews-section {
  background: #f5f5f5;
  margin-top: 150px;
  left: 50%;
  margin-left: -50vw;
  margin-right: -50vw;
  max-width: 100vw;
  position: relative;
  right: 50%;
  width: 100vw; }
  .page.industries-page .reviews-section .clearfix > div:first-of-type,
  .page.new-industry-page .reviews-section .clearfix > div:first-of-type {
    position: relative;
    top: -180px; }
    @media (max-width: 767px) {
      .page.industries-page .reviews-section .clearfix > div:first-of-type,
      .page.new-industry-page .reviews-section .clearfix > div:first-of-type {
        margin-bottom: -180px; } }
  .page.industries-page .reviews-section img,
  .page.new-industry-page .reviews-section img {
    margin-left: -25px; }
  .page.industries-page .reviews-section .clearfix > div:last-of-type,
  .page.new-industry-page .reviews-section .clearfix > div:last-of-type {
    padding-top: 50px; }
  .page.industries-page .reviews-section .icon,
  .page.new-industry-page .reviews-section .icon {
    width: 2rem;
    height: 2rem; }
  .page.industries-page .reviews-section div.stars,
  .page.new-industry-page .reviews-section div.stars {
    padding-bottom: 50px; }
    @media (min-width: 768px) {
      .page.industries-page .reviews-section div.stars,
      .page.new-industry-page .reviews-section div.stars {
        padding: 50px 0; } }
  .page.industries-page .reviews-section p.highlight,
  .page.new-industry-page .reviews-section p.highlight {
    font-size: 18px;
    font-weight: bold; }
  .page.industries-page .reviews-section p,
  .page.new-industry-page .reviews-section p {
    margin-bottom: 0; }
  .page.industries-page .reviews-section .testimonial p:last-of-type,
  .page.new-industry-page .reviews-section .testimonial p:last-of-type {
    margin-bottom: 4rem; }
  .page.industries-page .reviews-section .review-title,
  .page.new-industry-page .reviews-section .review-title {
    color: #38383e;
    text-transform: uppercase; }

.page.industries-page .resources-section,
.page.new-industry-page .resources-section {
  background: none;
  margin-bottom: 6rem; }
  .page.industries-page .resources-section h3,
  .page.new-industry-page .resources-section h3 {
    margin-bottom: 0; }
  .page.industries-page .resources-section h3 + p,
  .page.new-industry-page .resources-section h3 + p {
    color: #00b9e4;
    font-style: italic; }
  .page.industries-page .resources-section a img,
  .page.new-industry-page .resources-section a img {
    height: 315px;
    object-fit: cover; }
  .page.industries-page .resources-section .container > div .blog-title,
  .page.new-industry-page .resources-section .container > div .blog-title {
    font-size: 16px;
    line-height: 2; }
  .page.industries-page .resources-section .container + .button,
  .page.new-industry-page .resources-section .container + .button {
    margin: 0 auto;
    display: block; }

.page.industries-page .questions-container,
.page.new-industry-page .questions-container {
  height: 671px;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: top;
  text-align: center;
  margin-bottom: 600px;
  padding-top: 100px;
  left: 50%;
  margin-left: -50vw;
  margin-right: -50vw;
  max-width: 100vw;
  position: relative;
  right: 50%;
  width: 100vw; }
  @media (min-width: 480px) {
    .page.industries-page .questions-container,
    .page.new-industry-page .questions-container {
      margin-bottom: 400px; } }
  .page.industries-page .questions-container h2, .page.industries-page .questions-container p,
  .page.new-industry-page .questions-container h2,
  .page.new-industry-page .questions-container p {
    color: #fff; }
  .page.industries-page .questions-container h2 + p,
  .page.new-industry-page .questions-container h2 + p {
    max-width: 470px;
    margin: 3rem auto 0; }
  .page.industries-page .questions-container .form-container,
  .page.new-industry-page .questions-container .form-container {
    margin: 0 auto;
    background: #fff;
    max-width: 600px;
    border-radius: 4px;
    padding: 50px 10px 50px 18px;
    position: relative;
    bottom: -100px;
    box-shadow: -2.5px 5px 10px rgba(0, 0, 0, 0.2); }
    .page.industries-page .questions-container .form-container .hbspt-form,
    .page.industries-page .questions-container .form-container .hs-form-iframe,
    .page.new-industry-page .questions-container .form-container .hbspt-form,
    .page.new-industry-page .questions-container .form-container .hs-form-iframe {
      width: 100% !important; }

.page.industries-page .reviews-section {
  margin-top: 0;
  padding: 80px 0; }

.page.industries-page .section-heading {
  text-transform: uppercase; }

.page.industries-page .explorer-section {
  display: grid;
  grid-template-columns: 1fr;
  margin: 1rem 0; }
  @media (min-width: 700px) {
    .page.industries-page .explorer-section {
      grid-template-columns: 1fr 1fr; } }
  .page.industries-page .explorer-section .section-title {
    text-align: left; }
  .page.industries-page .explorer-section-img {
    margin: auto;
    max-width: 350px; }

.page.industries-page .resources-section .container > div {
  min-height: 425px; }

.search-results-heading {
  background: #f5f5f5;
  padding: 30px 8px;
  left: 50%;
  margin-left: -50vw;
  margin-right: -50vw;
  max-width: 100vw;
  position: relative;
  right: 50%;
  width: 100vw; }
  .search-results-heading .page-heading {
    text-align: left;
    margin: 0 0 5px;
    font-size: 30px; }
  .search-results-heading .navBar {
    display: none; }
  .search-results-heading + .page {
    padding-top: 4rem; }
    .search-results-heading + .page .pagination {
      display: none; }
    .search-results-heading + .page .listing-loader {
      min-height: 50px;
      margin-bottom: 5rem;
      text-align: center; }

.search-results.page-content .panel {
  display: none; }

.full-width {
  left: 50%;
  margin-left: -50vw;
  margin-right: -50vw;
  max-width: 100vw;
  position: relative;
  right: 50%;
  width: 100vw; }
  .full-width.offWhite {
    background-color: #f7f7f7; }
  .full-width.blue {
    background: #f4fbfc; }

.homepage-hero {
  position: relative; }
  @media (min-width: 992px) {
    .homepage-hero {
      max-height: 475px; } }
  .homepage-hero video {
    height: 100%;
    width: 100%;
    border-bottom: 4px solid #00b9e4; }
    @media (min-width: 992px) {
      .homepage-hero video {
        border: none; } }
  .homepage-hero .content-container {
    text-align: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0 15px; }
    @media (min-width: 992px) {
      .homepage-hero .content-container {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0; } }
  .homepage-hero h1 {
    font-family: "paralucent";
    font-weight: 300;
    text-transform: uppercase;
    line-height: 1;
    margin-bottom: 2rem; }
    @media (min-width: 992px) {
      .homepage-hero h1 {
        font-size: 50px;
        color: #fff; } }
  .homepage-hero .blue {
    color: #00b9e4;
    font-weight: 400; }
  @media (min-width: 992px) {
    .homepage-hero p {
      font-size: 22px;
      color: #fff; } }
  .homepage-hero .button {
    position: relative;
    border: 2px solid #38383e;
    color: #38383e;
    margin: 30px 0 40px; }
    @media (min-width: 992px) {
      .homepage-hero .button {
        margin: 30px 0 0;
        border: 2px solid #fff;
        color: #fff; } }
    .homepage-hero .button img {
      position: absolute;
      top: 36px;
      left: 50%;
      right: 0;
      transform: translateX(-50%); }
      .homepage-hero .button img.white-arrow {
        display: none; }
        @media (min-width: 992px) {
          .homepage-hero .button img.white-arrow {
            display: inline-block; } }
      @media (min-width: 992px) {
        .homepage-hero .button img.black-arrow {
          display: none; } }

.facility-disinfection-safety .publications-carousel .slick-arrow,
.main.full .industry-carousel .slick-arrow,
.industry-carousel .slick-arrow,
.brands-carousel .slick-arrow {
  background: none;
  border: none; }
  .facility-disinfection-safety .publications-carousel .slick-arrow:before,
  .main.full .industry-carousel .slick-arrow:before,
  .industry-carousel .slick-arrow:before,
  .brands-carousel .slick-arrow:before {
    content: "";
    background-repeat: no-repeat;
    width: 15px; }
  .facility-disinfection-safety .publications-carousel .slick-arrow.slick-next,
  .main.full .industry-carousel .slick-arrow.slick-next,
  .industry-carousel .slick-arrow.slick-next,
  .brands-carousel .slick-arrow.slick-next {
    right: 0; }
    .facility-disinfection-safety .publications-carousel .slick-arrow.slick-next:before,
    .main.full .industry-carousel .slick-arrow.slick-next:before,
    .industry-carousel .slick-arrow.slick-next:before,
    .brands-carousel .slick-arrow.slick-next:before {
      background-image: url("https://store-8mji1.mybigcommerce.com/content/slideshow-arrow-R.svg"); }
  .facility-disinfection-safety .publications-carousel .slick-arrow.slick-prev,
  .main.full .industry-carousel .slick-arrow.slick-prev,
  .industry-carousel .slick-arrow.slick-prev,
  .brands-carousel .slick-arrow.slick-prev {
    left: 0; }
    .facility-disinfection-safety .publications-carousel .slick-arrow.slick-prev:before,
    .main.full .industry-carousel .slick-arrow.slick-prev:before,
    .industry-carousel .slick-arrow.slick-prev:before,
    .brands-carousel .slick-arrow.slick-prev:before {
      background-image: url("https://store-8mji1.mybigcommerce.com/content/slideshow-arrow-L.svg"); }

.main.full .industry-carousel img,
.industry-carousel img,
.main.full .brands-carousel img {
  width: auto;
  margin: 0 auto; }

.facility-disinfection-safety .publications-carousel {
  padding: 2rem 0 1rem; }
  .facility-disinfection-safety .publications-carousel p {
    color: white;
    line-height: 1.5; }
  .facility-disinfection-safety .publications-carousel .bold {
    font-weight: bold;
    text-transform: uppercase;
    font-size: 13px; }
  .facility-disinfection-safety .publications-carousel a {
    color: white;
    font-style: italic;
    text-decoration: underline; }
  .facility-disinfection-safety .publications-carousel .slick-arrow {
    margin-top: 1.25rem; }
    .facility-disinfection-safety .publications-carousel .slick-arrow.slick-disabled {
      opacity: 1; }

.homepage-section-heading {
  padding-bottom: 15px;
  text-transform: uppercase;
  font-family: "paralucent";
  font-size: 27px; }
  .homepage-section-heading:not(.no-underline) {
    position: relative;
    margin-bottom: 40px; }
    .homepage-section-heading:not(.no-underline):after {
      position: absolute;
      content: '';
      width: 40px;
      height: 2px;
      border-bottom: 2px solid #00b9e4;
      bottom: -10px;
      left: calc(50% - 20px); }
  .homepage-section-heading.white-heading {
    color: #fff; }
  .homepage-section-heading ~ p {
    line-height: 25px; }

.main.full .homepage-section-heading {
  font-size: 24px; }

.facility-disinfection-safety .homepage-banner {
  text-align: center; }
  .facility-disinfection-safety .homepage-banner .hero-container {
    margin-bottom: 320px; }
    @media (min-width: 768px) {
      .facility-disinfection-safety .homepage-banner .hero-container {
        margin-bottom: 400px; } }
    .facility-disinfection-safety .homepage-banner .hero-container .background-image {
      width: 100%;
      height: 455px;
      object-fit: cover;
      object-position: left; }
    .facility-disinfection-safety .homepage-banner .hero-container .overlay-container {
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      padding: 0 15px; }
    .facility-disinfection-safety .homepage-banner .hero-container .content-container {
      padding-top: 5rem; }
      .facility-disinfection-safety .homepage-banner .hero-container .content-container h1, .facility-disinfection-safety .homepage-banner .hero-container .content-container p {
        color: #fff; }
    .facility-disinfection-safety .homepage-banner .hero-container h1 {
      font-size: 25px;
      line-height: 1.2;
      margin-bottom: 2rem;
      font-family: "paralucent"; }
      @media (min-width: 500px) {
        .facility-disinfection-safety .homepage-banner .hero-container h1 {
          font-size: 35px; } }
      @media (min-width: 768px) {
        .facility-disinfection-safety .homepage-banner .hero-container h1 {
          font-size: 45px; } }
    .facility-disinfection-safety .homepage-banner .hero-container h1 + p {
      font-style: italic;
      margin-bottom: 4rem; }
      @media (min-width: 768px) {
        .facility-disinfection-safety .homepage-banner .hero-container h1 + p {
          font-size: 20px; } }
    .facility-disinfection-safety .homepage-banner .hero-container a {
      color: #38383e; }
      .facility-disinfection-safety .homepage-banner .hero-container a:hover {
        color: #00b9e4; }
    .facility-disinfection-safety .homepage-banner .hero-container .hero-carousel {
      position: relative; }
      .facility-disinfection-safety .homepage-banner .hero-container .hero-carousel .carousel-slide {
        opacity: 0; }
      .facility-disinfection-safety .homepage-banner .hero-container .hero-carousel.slick-initialized .carousel-slide {
        opacity: 1; }
      @media (min-width: 768px) {
        .facility-disinfection-safety .homepage-banner .hero-container .hero-carousel:after {
          position: absolute;
          content: '';
          border-bottom: 1px dashed #9b9b9e;
          bottom: -45px;
          height: 1px;
          width: 50%;
          left: 25%; } }
      @media (min-width: 992px) {
        .facility-disinfection-safety .homepage-banner .hero-container .hero-carousel:after {
          width: 66.5%;
          left: 17%; } }
      @media (min-width: 1200px) {
        .facility-disinfection-safety .homepage-banner .hero-container .hero-carousel:after {
          width: 75%;
          left: 12.5%; } }
      .facility-disinfection-safety .homepage-banner .hero-container .hero-carousel .slick-list {
        overflow: visible; }
      .facility-disinfection-safety .homepage-banner .hero-container .hero-carousel .carousel-container {
        padding: 0 16px;
        position: relative; }
        .facility-disinfection-safety .homepage-banner .hero-container .hero-carousel .carousel-container:after {
          position: absolute;
          content: '';
          border-left: 1px dashed #9b9b9e;
          bottom: -60px;
          height: 40px;
          width: 1px;
          left: 50%; }
      .facility-disinfection-safety .homepage-banner .hero-container .hero-carousel img {
        box-shadow: 0 0 20px rgba(0, 0, 0, 0.15);
        height: 311px;
        width: 311px;
        margin: 0 auto 1.5rem;
        object-fit: cover;
        border-radius: 5px; }
      .facility-disinfection-safety .homepage-banner .hero-container .hero-carousel p.product-name {
        font-size: 20px;
        line-height: 1.2;
        font-weight: bold;
        min-height: 48px;
        font-family: "paralucent"; }
      .facility-disinfection-safety .homepage-banner .hero-container .hero-carousel p.product-description {
        font-size: 13px;
        min-height: 44px; }
      .facility-disinfection-safety .homepage-banner .hero-container .hero-carousel .slick-arrow {
        top: 35%;
        margin-top: 0;
        transform: none;
        box-shadow: 0 0 20px rgba(0, 0, 0, 0.15); }
        @media (min-width: 500px) {
          .facility-disinfection-safety .homepage-banner .hero-container .hero-carousel .slick-arrow {
            top: 30%; } }
      @media (max-width: 575px) {
        .facility-disinfection-safety .homepage-banner .hero-container .hero-carousel .slick-prev {
          left: -30px; }
        .facility-disinfection-safety .homepage-banner .hero-container .hero-carousel .slick-next {
          right: -30px; } }

.facility-disinfection-safety .homepage-intro {
  text-align: center; }
  .facility-disinfection-safety .homepage-intro .background-image {
    width: 100%;
    height: 310px;
    object-fit: cover;
    object-position: left;
    margin-top: 50px; }
    @media (min-width: 576px) {
      .facility-disinfection-safety .homepage-intro .background-image {
        margin-top: 150px; } }
  .facility-disinfection-safety .homepage-intro .overlay-container {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    padding: 0 15px; }
  .facility-disinfection-safety .homepage-intro h2 {
    font-size: 25px;
    font-family: "paralucent";
    line-height: 1;
    margin-bottom: 2rem; }
    @media (min-width: 576px) {
      .facility-disinfection-safety .homepage-intro h2 {
        font-size: 40px; } }
  .facility-disinfection-safety .homepage-intro h2 span {
    font-weight: 300;
    font-size: 20px;
    color: #00b9e4; }
    @media (min-width: 576px) {
      .facility-disinfection-safety .homepage-intro h2 span {
        font-size: 30px; } }
  .facility-disinfection-safety .homepage-intro p {
    max-width: 600px;
    margin: 0 auto 2rem; }
    @media (min-width: 576px) {
      .facility-disinfection-safety .homepage-intro p {
        font-size: 18px;
        line-height: 2;
        margin-bottom: 4rem; } }
  .facility-disinfection-safety .homepage-intro .button {
    color: #ea3a02;
    border: 2px solid #ea3a02;
    max-width: 230px;
    width: 100%; }
    .facility-disinfection-safety .homepage-intro .button:hover {
      background: #ea3a02;
      color: white; }

.facility-disinfection-safety .homepage-pillar:not(.disinfecting-sprayers) .image-container img {
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.15); }

@media (min-width: 768px) {
  .facility-disinfection-safety .homepage-pillar.hand-sanitizer .clearfix {
    padding: 9rem 0; } }

.facility-disinfection-safety .homepage-pillar.air-purification .clearfix, .facility-disinfection-safety .homepage-pillar.cleaning-wipes .clearfix {
  position: relative;
  top: -50px; }

.facility-disinfection-safety .homepage-pillar .clearfix {
  width: 100%; }
  @media (min-width: 768px) {
    .facility-disinfection-safety .homepage-pillar .clearfix {
      display: flex;
      justify-content: center;
      align-items: center; } }

.facility-disinfection-safety .homepage-pillar .image-container img {
  height: 100%;
  width: auto;
  object-fit: cover; }

@media (min-width: 1440px) {
  .facility-disinfection-safety .homepage-pillar .content-container {
    padding-right: 150px; } }

@media (max-width: 767px) {
  .facility-disinfection-safety .homepage-pillar .content-container {
    padding-top: 30px;
    padding-bottom: 30px; } }

.facility-disinfection-safety .homepage-pillar p.blue-heading {
  font-family: "paralucent";
  color: #00b9e4;
  font-weight: 300;
  font-size: 18px;
  margin: 2rem 0 0; }

.facility-disinfection-safety .homepage-pillar h2 {
  margin-top: 1rem;
  line-height: 1.2; }

.facility-disinfection-safety .homepage-pillar p.long-text {
  margin-bottom: 3rem;
  line-height: 2; }

.facility-disinfection-safety .homepage-pillar .button {
  height: 42px;
  line-height: 42px;
  padding-top: 0;
  padding-bottom: 0; }
  .facility-disinfection-safety .homepage-pillar .button span {
    display: none; }
    @media (min-width: 576px) and (max-width: 767px) {
      .facility-disinfection-safety .homepage-pillar .button span {
        display: inline; } }
    @media (min-width: 1200px) {
      .facility-disinfection-safety .homepage-pillar .button span {
        display: inline; } }

.facility-disinfection-safety .homepage-pillar .banner {
  display: flex;
  background: #00b9e4;
  color: #fff;
  border-radius: 4px;
  justify-content: space-around;
  align-items: center;
  height: 250px;
  max-width: 1160px;
  flex-direction: column;
  padding: 0 15px;
  text-align: center;
  margin: 100px auto 150px; }
  @media (min-width: 992px) {
    .facility-disinfection-safety .homepage-pillar .banner {
      flex-direction: row;
      height: 90px; } }
  .facility-disinfection-safety .homepage-pillar .banner .banner-title {
    font-size: 20px;
    font-weight: bold; }
    @media (min-width: 1200px) {
      .facility-disinfection-safety .homepage-pillar .banner .banner-title {
        font-size: 25px; } }
  .facility-disinfection-safety .homepage-pillar .banner p {
    margin-bottom: 0; }
  .facility-disinfection-safety .homepage-pillar .banner a {
    display: inline-block;
    border: 2px solid white;
    height: 50px;
    width: 50px;
    border-radius: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff; }

.facility-disinfection-safety .homepage-pillar .featured-products {
  margin-bottom: 80px; }
  .facility-disinfection-safety .homepage-pillar .featured-products h3 {
    text-align: center;
    font-weight: bold;
    font-size: 18px;
    margin-bottom: 3rem; }
  .facility-disinfection-safety .homepage-pillar .featured-products img {
    height: 280px;
    width: 280px;
    object-fit: cover;
    margin: 0 auto 1.5rem; }
  .facility-disinfection-safety .homepage-pillar .featured-products .carousel-container {
    text-align: center;
    padding: 0 16px; }
  .facility-disinfection-safety .homepage-pillar .featured-products a {
    color: #38383e; }
  .facility-disinfection-safety .homepage-pillar .featured-products p.product-name {
    font-weight: bold;
    margin-bottom: 0; }
  .facility-disinfection-safety .homepage-pillar .featured-products span {
    font-weight: normal; }

.facility-disinfection-safety .homepage-video {
  margin-bottom: 300px; }
  @media (min-width: 768px) {
    .facility-disinfection-safety .homepage-video {
      margin-bottom: 400px; } }

.facility-disinfection-safety .book-cleaning-services {
  background: #38383e url("https://cdn11.bigcommerce.com/s-8mji1/product_images/uploaded_images/book-cleaning-services-background.png?t=1617042612");
  background-repeat: repeat-x;
  background-position: bottom;
  background-blend-mode: multiply;
  color: #fff;
  margin-top: 150px; }
  .facility-disinfection-safety .book-cleaning-services .image-container {
    position: relative;
    top: -100px; }
  .facility-disinfection-safety .book-cleaning-services .content-container {
    margin-top: -75px;
    margin-bottom: 50px; }
    @media (min-width: 768px) {
      .facility-disinfection-safety .book-cleaning-services .content-container {
        margin-top: auto; } }
    @media (min-width: 992px) {
      .facility-disinfection-safety .book-cleaning-services .content-container {
        padding-top: 50px; } }
    @media (min-width: 1200px) {
      .facility-disinfection-safety .book-cleaning-services .content-container {
        padding-top: 100px;
        padding-right: 100px; } }
  .facility-disinfection-safety .book-cleaning-services h2 {
    padding-bottom: 0; }
  .facility-disinfection-safety .book-cleaning-services h2 + p {
    color: #00b9e4;
    font-weight: bold;
    font-size: 16px;
    font-style: italic;
    margin-bottom: 3rem; }
  .facility-disinfection-safety .book-cleaning-services .button {
    margin-top: 2rem;
    max-width: 320px;
    width: 100%; }

.facility-disinfection-safety .homepage-video {
  text-align: center; }
  .facility-disinfection-safety .homepage-video .background-image {
    width: 100%;
    height: 500px;
    object-fit: cover;
    object-position: left; }
    @media (min-width: 768px) {
      .facility-disinfection-safety .homepage-video .background-image {
        height: 600px; } }
  .facility-disinfection-safety .homepage-video .overlay-container {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    padding: 50px 0 80px; }
  .facility-disinfection-safety .homepage-video img {
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.15); }
  .facility-disinfection-safety .homepage-video p {
    max-width: 700px;
    margin: 0 auto 3rem; }

.facility-disinfection-safety .homepage-guides,
.facility-disinfection-safety .homepage-brands,
.facility-disinfection-safety .homepage-reviews {
  text-align: center;
  padding-top: 60px; }
  .facility-disinfection-safety .homepage-guides .homepage-section-heading,
  .facility-disinfection-safety .homepage-brands .homepage-section-heading,
  .facility-disinfection-safety .homepage-reviews .homepage-section-heading {
    padding-bottom: 0; }

.main.full .homepage-brands,
.main.full .homepage-reviews {
  margin-bottom: 52px;
  text-align: center;
  padding: 60px 0; }
  .main.full .homepage-brands .homepage-section-heading,
  .main.full .homepage-reviews .homepage-section-heading {
    padding-bottom: 0;
    font-size: 18px; }

.main.full .homepage-brands.helping-companies {
  margin-bottom: 50px;
  padding: 50px 0;
  border-bottom: 1px solid #a9a9a9; }
  @media (max-width: 576px) {
    .main.full .homepage-brands.helping-companies {
      margin-bottom: 15px;
      padding: 0;
      padding-bottom: 25px; } }

.main.full .homepage-brands .brands-carousel .slick-prev {
  left: -1rem; }

.main.full .homepage-brands .brands-carousel .slick-next {
  right: -1rem; }

.facility-disinfection-safety .homepage-guides {
  padding-bottom: 150px;
  padding-left: 15px;
  padding-right: 15px; }
  .facility-disinfection-safety .homepage-guides h2 {
    margin-bottom: 0; }
  .facility-disinfection-safety .homepage-guides .homepage-section-subheading {
    font-size: 18px;
    font-style: italic;
    color: #00b9e4; }
  .facility-disinfection-safety .homepage-guides p:not(.homepage-section-subheading) {
    font-size: 15px;
    max-width: 800px;
    margin-left: auto;
    margin-right: auto; }
  .facility-disinfection-safety .homepage-guides .button {
    margin-top: 1rem; }

.homepage-reviews {
  padding-bottom: 100px; }

.facility-disinfection-safety .homepage-industries {
  text-align: center; }
  .facility-disinfection-safety .homepage-industries img {
    padding-top: 20px; }
    @media (min-width: 552px) {
      .facility-disinfection-safety .homepage-industries img {
        padding-top: 3px; } }
    @media (min-width: 1108px) and (max-width: 1662px) {
      .facility-disinfection-safety .homepage-industries img {
        width: calc(98% / 6); } }

.facility-disinfection-safety .homepage-brands {
  clear: left;
  padding-bottom: 100px; }
  @media (max-width: 991px) {
    .facility-disinfection-safety .homepage-brands {
      padding-top: 0; } }
  .facility-disinfection-safety .homepage-brands p {
    margin: 0 auto 5rem; }
  .facility-disinfection-safety .homepage-brands .brands-carousel .slick-arrow {
    top: 80%; }

.main.full .homepage-brands {
  clear: left; }
  @media (min-width: 992px) {
    .main.full .homepage-brands {
      padding-top: 0; } }
  .main.full .homepage-brands .homepage-section-heading {
    margin-bottom: 60px; }
  .main.full .homepage-brands .brands-carousel .slick-arrow {
    top: 80%;
    margin-top: 0; }
  .main.full .homepage-brands .brands-carousel .image-container,
  .main.full .homepage-brands .brands-carousel a {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 50px;
    padding: 0 10px; }
  .main.full .homepage-brands .brands-carousel .image-container {
    min-width: 80px;
    display: flex;
    justify-content: flex-end; }
  .main.full .homepage-brands .brands-carousel .image-container span {
    height: 50px;
    width: 50px;
    border-radius: 50px;
    background: #00b9e4;
    color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    line-height: 1;
    text-transform: uppercase; }

.homepage-value-props {
  text-align: center;
  padding-top: 40px; }
  @media (min-width: 1200px) {
    .homepage-value-props {
      text-align: left;
      padding: 80px 0 50px; } }
  .homepage-value-props .clearfix {
    width: 100%; }
    .homepage-value-props .clearfix > div {
      padding-bottom: 20px; }
  .homepage-value-props .image-container {
    padding-bottom: 15px; }
    @media (min-width: 768px) {
      .homepage-value-props .image-container {
        height: 90px; } }
    @media (min-width: 768px) and (max-width: 1199px) {
      .homepage-value-props .image-container {
        display: flex;
        justify-content: center;
        align-items: center; } }
    @media (min-width: 1200px) {
      .homepage-value-props .image-container {
        padding-right: 20px; } }
  .homepage-value-props .value-prop-heading {
    font-weight: bold;
    margin-bottom: 0; }
  @media (min-width: 1200px) {
    .homepage-value-props .image-container,
    .homepage-value-props .text-container {
      float: left; } }

.main.full .homepage-cards {
  padding: 25px 0; }
  @media (min-width: 992px) {
    .main.full .homepage-cards {
      padding: 60px 0 25px; } }
  .main.full .homepage-cards .homepage-card-container {
    background: #fff;
    border-radius: 10px;
    border: 1px solid #dfdfde;
    text-align: center;
    margin-bottom: 30px; }
  .main.full .homepage-cards img {
    width: 100%;
    object-fit: cover; }
  .main.full .homepage-cards .homepage-card-body {
    padding: 15px 15px 5px; }
    @media (min-width: 576px) {
      .main.full .homepage-cards .homepage-card-body {
        height: 137px;
        display: flex;
        flex-direction: column;
        justify-content: center; } }
    @media (min-width: 1440px) {
      .main.full .homepage-cards .homepage-card-body {
        height: auto;
        display: block; } }
  .main.full .homepage-cards p {
    margin-bottom: 10px; }
  .main.full .homepage-cards .homepage-card-title {
    color: #38383e;
    text-transform: uppercase;
    font-family: "paralucent";
    font-size: 17.5px;
    line-height: 1.2; }
  .main.full .homepage-cards .homepage-card-text {
    color: #9898a1;
    font-size: 13.4px;
    line-height: 1.5; }

.main.full .homepage-industries {
  text-align: center;
  padding: 25px 0 75px; }
  @media (max-width: 576px) {
    .main.full .homepage-industries h2 {
      padding: 0 !important; } }
  .main.full .homepage-industries .image-container {
    height: 80px;
    display: flex;
    justify-content: center;
    align-items: center; }
  .main.full .homepage-industries figcaption {
    color: #38383e;
    font-weight: bold;
    text-transform: uppercase;
    font-family: "paralucent";
    font-size: 18px; }
  .main.full .homepage-industries ul {
    margin-bottom: 10px;
    display: none; }
    @media (min-width: 576px) {
      .main.full .homepage-industries ul {
        display: block; } }
  .main.full .homepage-industries ul,
  .main.full .homepage-industries a {
    font-size: 14px; }
  .main.full .homepage-industries a {
    font-weight: bold; }
  .main.full .homepage-industries span {
    text-decoration: underline;
    color: #38383e; }

.main.full .homepage-banner {
  background: #00b9e4;
  padding-bottom: 30px; }
  @media (min-width: 992px) {
    .main.full .homepage-banner {
      height: 288px;
      padding-bottom: 0; } }
  .main.full .homepage-banner .image-container {
    position: relative;
    top: -70px; }
  .main.full .homepage-banner h2,
  .main.full .homepage-banner p {
    color: #fff; }
  .main.full .homepage-banner h2 {
    margin-top: -70px; }
    @media (min-width: 992px) {
      .main.full .homepage-banner h2 {
        margin-top: 60px;
        max-width: 500px; } }
  @media (min-width: 992px) {
    .main.full .homepage-banner p {
      max-width: 590px; } }

.npm-sale--section {
  display: flex;
  flex-direction: row;
  margin-bottom: 4rem;
  padding: 1rem; }
  @media screen and (max-width: 768px) {
    .npm-sale--section {
      flex-direction: column; } }

.npm-sale--image-container {
  width: 100%; }
  .npm-sale--image-container img {
    width: 100%; }

.npm-sale--text-container {
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding-left: 3rem;
  width: 100%; }
  @media screen and (max-width: 768px) {
    .npm-sale--text-container {
      margin-top: 2rem;
      padding-left: 0;
      text-align: center; } }
  .npm-sale--text-container h1 {
    margin: 0;
    margin-bottom: 2.5rem;
    font-size: 2rem;
    font-weight: bold; }
    @media screen and (max-width: 1044px) {
      .npm-sale--text-container h1 {
        margin-bottom: 1.5rem;
        font-size: 1.5rem; } }
  .npm-sale--text-container p {
    margin-bottom: 2.5rem; }
    @media screen and (max-width: 1044px) {
      .npm-sale--text-container p {
        margin-bottom: 1.5rem;
        font-size: 1rem; } }
    .npm-sale--text-container p span {
      padding: 0.3rem;
      border-radius: 3px;
      background-color: #62976f;
      color: white; }
  .npm-sale--text-container a {
    padding: 0.5rem 2rem;
    border-radius: 5px;
    box-shadow: 0 2px #9f0000;
    background-color: #dc4822;
    color: white;
    font-weight: bold; }

/* HOMEPAGE NEW CONTENT */
.home-container {
  margin: 0 auto;
  width: 100%;
  max-width: 1350px;
  /* Home Carousel */ }
  .home-container .second-row {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    margin-top: 1rem; }
    @media (min-width: 992px) {
      .home-container .second-row {
        flex-direction: row; } }
  .home-container h1 {
    margin-bottom: 43px;
    text-align: center;
    color: #38383e;
    line-height: 31px;
    letter-spacing: 0px;
    font-family: "Paralucent";
    font-weight: 300;
    font-size: 30px; }
    @media (max-width: 576px) {
      .home-container h1 {
        margin-bottom: 10px;
        font-size: 20px; } }
    .home-container h1 span {
      color: #00b8e6;
      font-weight: bold; }
  .home-container h2 {
    font-size: 25px;
    letter-spacing: 0px;
    color: #38383e;
    font-weight: 300;
    font-family: "Paralucent";
    text-align: center; }
    @media (max-width: 576px) {
      .home-container h2 {
        font-size: 18px !important; } }
    .home-container h2 span {
      color: #00b8e6 !important;
      font-weight: bold !important;
      text-decoration: none !important; }
  .home-container h3 {
    font-size: 25px !important;
    letter-spacing: 0px;
    line-height: 38px;
    color: #38383e;
    font-weight: 300;
    font-family: "Paralucent";
    text-align: center; }
    @media (max-width: 576px) {
      .home-container h3 {
        font-size: 17px !important; } }
    .home-container h3 span {
      color: #00b8e6 !important;
      font-weight: bold !important;
      text-decoration: none !important; }
  .home-container #home-banner-carousel,
  .home-container .home-banner-carousel-section {
    margin-top: 25px !important;
    padding-bottom: 58px !important;
    margin: auto;
    animation: fadeIn 2s;
    -webkit-animation: fadeIn 2s;
    -moz-animation: fadeIn 2s;
    -o-animation: fadeIn 2s;
    -ms-animation: fadeIn 2s;
    overflow: hidden;
    max-height: 46.83333rem; }
    @media (min-width: 1441px) {
      .home-container #home-banner-carousel,
      .home-container .home-banner-carousel-section {
        margin: 0 auto;
        left: 0;
        right: 0;
        max-width: 1440px;
        width: 100%; } }
    .home-container #home-banner-carousel .slick-track,
    .home-container .home-banner-carousel-section .slick-track {
      margin: 0 auto; }
    .home-container #home-banner-carousel .slick-dots,
    .home-container .home-banner-carousel-section .slick-dots {
      display: initial !important;
      bottom: 15px; }
      .home-container #home-banner-carousel .slick-dots li,
      .home-container .home-banner-carousel-section .slick-dots li {
        padding-left: 0;
        padding-right: 0;
        width: 20px; }
      .home-container #home-banner-carousel .slick-dots button::before,
      .home-container .home-banner-carousel-section .slick-dots button::before {
        border: 1px solid #c2c2c2; }
      .home-container #home-banner-carousel .slick-dots .slick-active button::before,
      .home-container .home-banner-carousel-section .slick-dots .slick-active button::before {
        background-color: #00b8e6; }
    .home-container #home-banner-carousel .custom-banner,
    .home-container .home-banner-carousel-section .custom-banner {
      overflow: hidden; }
      @media (max-width: 768px) {
        .home-container #home-banner-carousel .custom-banner .content,
        .home-container .home-banner-carousel-section .custom-banner .content {
          display: flex;
          justify-content: center;
          align-items: center;
          left: 0 !important;
          width: 100% !important;
          text-align: center;
          padding: 1rem; } }
      .home-container #home-banner-carousel .custom-banner .content .button,
      .home-container .home-banner-carousel-section .custom-banner .content .button {
        margin-bottom: 0;
        width: 150px;
        font-size: 12px; }
        @media (max-width: 1440px) {
          .home-container #home-banner-carousel .custom-banner .content .button,
          .home-container .home-banner-carousel-section .custom-banner .content .button {
            width: calc(10.417vw * 0.90);
            font-size: calc(0.833vw * 0.90); } }
        @media (max-width: 1200px) {
          .home-container #home-banner-carousel .custom-banner .content .button,
          .home-container .home-banner-carousel-section .custom-banner .content .button {
            width: 150px;
            font-size: 12px; } }
        @media (max-width: 576px) {
          .home-container #home-banner-carousel .custom-banner .content .button,
          .home-container .home-banner-carousel-section .custom-banner .content .button {
            padding: 7px 0 !important;
            width: 110px;
            font-size: 11px; } }
    @media (max-width: 768px) {
      .home-container #home-banner-carousel .home-personal-procurement__home-banner,
      .home-container .home-banner-carousel-section .home-personal-procurement__home-banner {
        top: initial;
        left: initial;
        background-color: #dbf8ff; } }
    .home-container #home-banner-carousel .home-personal-procurement__home-banner .content,
    .home-container .home-banner-carousel-section .home-personal-procurement__home-banner .content {
      left: 96px;
      width: 36%; }
      @media (max-width: 1440px) {
        .home-container #home-banner-carousel .home-personal-procurement__home-banner .content,
        .home-container .home-banner-carousel-section .home-personal-procurement__home-banner .content {
          left: calc(6.667vw * 0.90);
          width: 43%; } }
      @media (max-width: 1200px) {
        .home-container #home-banner-carousel .home-personal-procurement__home-banner .content,
        .home-container .home-banner-carousel-section .home-personal-procurement__home-banner .content {
          left: calc(6.667vw * 1.1);
          width: 40%; } }
      @media (max-width: 992px) {
        .home-container #home-banner-carousel .home-personal-procurement__home-banner .content,
        .home-container .home-banner-carousel-section .home-personal-procurement__home-banner .content {
          left: calc(6.667vw * 1.2);
          width: 43%; } }
      @media (max-width: 768px) {
        .home-container #home-banner-carousel .home-personal-procurement__home-banner .content,
        .home-container .home-banner-carousel-section .home-personal-procurement__home-banner .content {
          padding: 3rem 1rem !important; } }
      .home-container #home-banner-carousel .home-personal-procurement__home-banner .content .tagline,
      .home-container .home-banner-carousel-section .home-personal-procurement__home-banner .content .tagline {
        margin-bottom: 8px;
        color: #00b9e4;
        letter-spacing: 0px;
        font-family: "Roboto";
        font-weight: 700;
        font-size: 16px; }
        @media (max-width: 1440px) {
          .home-container #home-banner-carousel .home-personal-procurement__home-banner .content .tagline,
          .home-container .home-banner-carousel-section .home-personal-procurement__home-banner .content .tagline {
            margin-bottom: calc(0.556vw * 0.90);
            font-size: calc(1.111vw * 0.90); } }
        @media (max-width: 1200px) {
          .home-container #home-banner-carousel .home-personal-procurement__home-banner .content .tagline,
          .home-container .home-banner-carousel-section .home-personal-procurement__home-banner .content .tagline {
            margin-bottom: calc(0.556vw * 1.1);
            font-size: calc(1.111vw * 1.1); } }
        @media (max-width: 992px) {
          .home-container #home-banner-carousel .home-personal-procurement__home-banner .content .tagline,
          .home-container .home-banner-carousel-section .home-personal-procurement__home-banner .content .tagline {
            margin-bottom: calc(0.556vw * 1.2);
            font-size: calc(1.111vw * 1.2); } }
        @media (max-width: 768px) {
          .home-container #home-banner-carousel .home-personal-procurement__home-banner .content .tagline,
          .home-container .home-banner-carousel-section .home-personal-procurement__home-banner .content .tagline {
            margin-bottom: 8px;
            font-size: 16px; } }
        @media (max-width: 576px) {
          .home-container #home-banner-carousel .home-personal-procurement__home-banner .content .tagline,
          .home-container .home-banner-carousel-section .home-personal-procurement__home-banner .content .tagline {
            margin-bottom: 8px;
            font-size: 12px; } }
      .home-container #home-banner-carousel .home-personal-procurement__home-banner .content .title,
      .home-container .home-banner-carousel-section .home-personal-procurement__home-banner .content .title {
        margin-bottom: 30px;
        color: #34448f;
        letter-spacing: 0px;
        line-height: 49px;
        font-family: "Paralucent";
        font-weight: 300;
        font-size: 42px; }
        @media (max-width: 1440px) {
          .home-container #home-banner-carousel .home-personal-procurement__home-banner .content .title,
          .home-container .home-banner-carousel-section .home-personal-procurement__home-banner .content .title {
            margin-bottom: calc(2.083vw * 0.90);
            line-height: calc(3.403vw * 0.90);
            font-size: calc(2.917vw * 0.90); } }
        @media (max-width: 1200px) {
          .home-container #home-banner-carousel .home-personal-procurement__home-banner .content .title,
          .home-container .home-banner-carousel-section .home-personal-procurement__home-banner .content .title {
            margin-bottom: calc(2.083vw * 1.1);
            line-height: calc(3.403vw * 1.1);
            font-size: calc(2.917vw * 1.1); } }
        @media (max-width: 992px) {
          .home-container #home-banner-carousel .home-personal-procurement__home-banner .content .title,
          .home-container .home-banner-carousel-section .home-personal-procurement__home-banner .content .title {
            margin-bottom: calc(2.083vw * 1.2);
            line-height: calc(3.403vw * 1.2);
            font-size: calc(2.917vw * 1.2); } }
        @media (max-width: 768px) {
          .home-container #home-banner-carousel .home-personal-procurement__home-banner .content .title,
          .home-container .home-banner-carousel-section .home-personal-procurement__home-banner .content .title {
            margin-bottom: 30px;
            line-height: 49px;
            font-size: 42px; } }
        @media (max-width: 576px) {
          .home-container #home-banner-carousel .home-personal-procurement__home-banner .content .title,
          .home-container .home-banner-carousel-section .home-personal-procurement__home-banner .content .title {
            margin-bottom: 8px;
            font-size: 20px;
            line-height: initial; } }
      .home-container #home-banner-carousel .home-personal-procurement__home-banner .content p,
      .home-container .home-banner-carousel-section .home-personal-procurement__home-banner .content p {
        margin-bottom: 35px;
        letter-spacing: 0px;
        color: #38383d;
        line-height: 26px;
        font-family: "Roboto";
        font-weight: 400;
        font-size: 15px; }
        @media (max-width: 1440px) {
          .home-container #home-banner-carousel .home-personal-procurement__home-banner .content p,
          .home-container .home-banner-carousel-section .home-personal-procurement__home-banner .content p {
            margin-bottom: calc(2.431vw * 0.90);
            line-height: calc(1.806vw * 0.90);
            font-size: calc(1.042vw * 0.90); } }
        @media (max-width: 1200px) {
          .home-container #home-banner-carousel .home-personal-procurement__home-banner .content p,
          .home-container .home-banner-carousel-section .home-personal-procurement__home-banner .content p {
            margin-bottom: calc(2.431vw * 1.1);
            line-height: calc(1.806vw * 1.1);
            font-size: calc(1.042vw * 1.1); } }
        @media (max-width: 992px) {
          .home-container #home-banner-carousel .home-personal-procurement__home-banner .content p,
          .home-container .home-banner-carousel-section .home-personal-procurement__home-banner .content p {
            margin-bottom: calc(2.431vw * 1.2);
            line-height: calc(1.806vw * 1.2);
            font-size: calc(1.042vw * 1.2); } }
        @media (max-width: 768px) {
          .home-container #home-banner-carousel .home-personal-procurement__home-banner .content p,
          .home-container .home-banner-carousel-section .home-personal-procurement__home-banner .content p {
            margin-bottom: 35px;
            line-height: 26px;
            font-size: 15px; } }
        @media (max-width: 576px) {
          .home-container #home-banner-carousel .home-personal-procurement__home-banner .content p,
          .home-container .home-banner-carousel-section .home-personal-procurement__home-banner .content p {
            margin-bottom: 15px;
            font-size: 12px;
            line-height: initial; } }
    @media (max-width: 768px) {
      .home-container #home-banner-carousel .nspire__home-banner,
      .home-container .home-banner-carousel-section .nspire__home-banner {
        background-color: #feffff; } }
    .home-container #home-banner-carousel .nspire__home-banner .content,
    .home-container .home-banner-carousel-section .nspire__home-banner .content {
      left: 90px;
      width: 34%; }
      @media (max-width: 1440px) {
        .home-container #home-banner-carousel .nspire__home-banner .content,
        .home-container .home-banner-carousel-section .nspire__home-banner .content {
          left: 6.25vw; } }
      @media (max-width: 1200px) {
        .home-container #home-banner-carousel .nspire__home-banner .content,
        .home-container .home-banner-carousel-section .nspire__home-banner .content {
          left: calc(6.25vw * 1.1); } }
      @media (max-width: 992px) {
        .home-container #home-banner-carousel .nspire__home-banner .content,
        .home-container .home-banner-carousel-section .nspire__home-banner .content {
          left: calc(6.25vw * 1.2); } }
      .home-container #home-banner-carousel .nspire__home-banner .content b,
      .home-container .home-banner-carousel-section .nspire__home-banner .content b {
        color: #ed3800; }
      .home-container #home-banner-carousel .nspire__home-banner .content .title,
      .home-container .home-banner-carousel-section .nspire__home-banner .content .title {
        margin-bottom: 25px;
        color: #38383e;
        line-height: 40px;
        letter-spacing: 1px;
        font-family: "Paralucent";
        font-weight: 300;
        font-size: 42px; }
        @media (max-width: 1440px) {
          .home-container #home-banner-carousel .nspire__home-banner .content .title,
          .home-container .home-banner-carousel-section .nspire__home-banner .content .title {
            margin-bottom: 1.736vw;
            line-height: 2.778vw;
            letter-spacing: 0.069vw;
            font-size: 2.917vw; } }
        @media (max-width: 1200px) {
          .home-container #home-banner-carousel .nspire__home-banner .content .title,
          .home-container .home-banner-carousel-section .nspire__home-banner .content .title {
            margin-bottom: calc(1.736vw * 1.1);
            line-height: calc(2.778vw * 1.1);
            letter-spacing: calc(0.069vw * 1.1);
            font-size: calc(2.917vw * 1.1); } }
        @media (max-width: 992px) {
          .home-container #home-banner-carousel .nspire__home-banner .content .title,
          .home-container .home-banner-carousel-section .nspire__home-banner .content .title {
            margin-bottom: calc(1.736vw * 1.2);
            line-height: calc(2.778vw * 1.2);
            letter-spacing: calc(0.069vw * 1.2);
            font-size: calc(2.917vw * 1.2); } }
        @media (max-width: 768px) {
          .home-container #home-banner-carousel .nspire__home-banner .content .title,
          .home-container .home-banner-carousel-section .nspire__home-banner .content .title {
            margin-bottom: 25px;
            line-height: 40px;
            font-size: 42px; } }
        @media (max-width: 576px) {
          .home-container #home-banner-carousel .nspire__home-banner .content .title,
          .home-container .home-banner-carousel-section .nspire__home-banner .content .title {
            margin-bottom: 15px;
            font-size: 20px;
            line-height: initial; } }
      .home-container #home-banner-carousel .nspire__home-banner .content p,
      .home-container .home-banner-carousel-section .nspire__home-banner .content p {
        margin-bottom: 35px;
        color: #38383d;
        line-height: 26px;
        letter-spacing: 0px;
        font-family: "Roboto";
        font-weight: 400;
        font-size: 15px; }
        @media (max-width: 1440px) {
          .home-container #home-banner-carousel .nspire__home-banner .content p,
          .home-container .home-banner-carousel-section .nspire__home-banner .content p {
            margin-bottom: 2.431vw;
            line-height: 1.806vw;
            font-size: 1.042vw; } }
        @media (max-width: 1200px) {
          .home-container #home-banner-carousel .nspire__home-banner .content p,
          .home-container .home-banner-carousel-section .nspire__home-banner .content p {
            margin-bottom: calc(2.431vw * 1.1);
            line-height: calc(1.806vw * 1.1);
            font-size: calc(1.042vw * 1.1); } }
        @media (max-width: 992px) {
          .home-container #home-banner-carousel .nspire__home-banner .content p,
          .home-container .home-banner-carousel-section .nspire__home-banner .content p {
            margin-bottom: calc(2.431vw * 1.2);
            line-height: calc(1.806vw * 1.2);
            font-size: calc(1.042vw * 1.2); } }
        @media (max-width: 768px) {
          .home-container #home-banner-carousel .nspire__home-banner .content p,
          .home-container .home-banner-carousel-section .nspire__home-banner .content p {
            margin-bottom: 35px;
            line-height: 26px;
            font-size: 15px; } }
        @media (max-width: 576px) {
          .home-container #home-banner-carousel .nspire__home-banner .content p,
          .home-container .home-banner-carousel-section .nspire__home-banner .content p {
            margin-bottom: 15px;
            font-size: 12px;
            line-height: initial; } }
    @media (max-width: 768px) {
      .home-container #home-banner-carousel .alcohol-wipes__home-banner,
      .home-container .home-banner-carousel-section .alcohol-wipes__home-banner {
        background: linear-gradient(90deg, #324493 35%, #00b7e5 100%); } }
    .home-container #home-banner-carousel .alcohol-wipes__home-banner .content,
    .home-container .home-banner-carousel-section .alcohol-wipes__home-banner .content {
      left: 90px;
      width: 33%; }
      @media (max-width: 1440px) {
        .home-container #home-banner-carousel .alcohol-wipes__home-banner .content,
        .home-container .home-banner-carousel-section .alcohol-wipes__home-banner .content {
          left: 6.25vw; } }
      @media (max-width: 1200px) {
        .home-container #home-banner-carousel .alcohol-wipes__home-banner .content,
        .home-container .home-banner-carousel-section .alcohol-wipes__home-banner .content {
          left: calc(6.25vw * 1.1);
          width: 36%; } }
      @media (max-width: 992px) {
        .home-container #home-banner-carousel .alcohol-wipes__home-banner .content,
        .home-container .home-banner-carousel-section .alcohol-wipes__home-banner .content {
          left: calc(6.25vw * 1.2);
          width: 40%; } }
      .home-container #home-banner-carousel .alcohol-wipes__home-banner .content .title,
      .home-container .home-banner-carousel-section .alcohol-wipes__home-banner .content .title {
        margin-bottom: 42px;
        color: #ffffff;
        line-height: 40px;
        letter-spacing: 1px;
        font-family: "Paralucent";
        font-weight: 300;
        font-size: 42px; }
        @media (max-width: 1440px) {
          .home-container #home-banner-carousel .alcohol-wipes__home-banner .content .title,
          .home-container .home-banner-carousel-section .alcohol-wipes__home-banner .content .title {
            margin-bottom: 2.917vw;
            line-height: 2.778vw;
            letter-spacing: 0.069vw;
            font-size: 2.917vw; } }
        @media (max-width: 1200px) {
          .home-container #home-banner-carousel .alcohol-wipes__home-banner .content .title,
          .home-container .home-banner-carousel-section .alcohol-wipes__home-banner .content .title {
            margin-bottom: calc(2.917vw * 1.1);
            line-height: calc(2.778vw * 1.1);
            letter-spacing: calc(0.069vw * 1.1);
            font-size: calc(2.917vw * 1.1); } }
        @media (max-width: 992px) {
          .home-container #home-banner-carousel .alcohol-wipes__home-banner .content .title,
          .home-container .home-banner-carousel-section .alcohol-wipes__home-banner .content .title {
            margin-bottom: calc(2.917vw * 1.2);
            line-height: calc(2.778vw * 1.2);
            letter-spacing: calc(0.069vw * 1.2);
            font-size: calc(2.917vw * 1.2); } }
        @media (max-width: 768px) {
          .home-container #home-banner-carousel .alcohol-wipes__home-banner .content .title,
          .home-container .home-banner-carousel-section .alcohol-wipes__home-banner .content .title {
            margin-bottom: 42px;
            line-height: 40px;
            font-size: 42px; } }
        @media (max-width: 576px) {
          .home-container #home-banner-carousel .alcohol-wipes__home-banner .content .title,
          .home-container .home-banner-carousel-section .alcohol-wipes__home-banner .content .title {
            margin-bottom: 20px;
            font-size: 20px;
            line-height: initial; } }
      .home-container #home-banner-carousel .alcohol-wipes__home-banner .content p,
      .home-container .home-banner-carousel-section .alcohol-wipes__home-banner .content p {
        margin-bottom: 40px;
        color: #ffffff;
        line-height: 26px;
        letter-spacing: 0px;
        font-family: "Roboto";
        font-weight: 400;
        font-size: 15px; }
        @media (max-width: 1440px) {
          .home-container #home-banner-carousel .alcohol-wipes__home-banner .content p,
          .home-container .home-banner-carousel-section .alcohol-wipes__home-banner .content p {
            margin-bottom: 2.778vw;
            line-height: 1.806vw;
            font-size: 1.042vw; } }
        @media (max-width: 1200px) {
          .home-container #home-banner-carousel .alcohol-wipes__home-banner .content p,
          .home-container .home-banner-carousel-section .alcohol-wipes__home-banner .content p {
            margin-bottom: cald(3.0558vw);
            line-height: cald(1.9866vw);
            font-size: cald(1.1462vw); } }
        @media (max-width: 992px) {
          .home-container #home-banner-carousel .alcohol-wipes__home-banner .content p,
          .home-container .home-banner-carousel-section .alcohol-wipes__home-banner .content p {
            margin-bottom: cald(3.3336vw);
            line-height: cald(2.1672vw);
            font-size: cald(1.2504vw); } }
        @media (max-width: 768px) {
          .home-container #home-banner-carousel .alcohol-wipes__home-banner .content p,
          .home-container .home-banner-carousel-section .alcohol-wipes__home-banner .content p {
            margin-bottom: 40px;
            line-height: 26px;
            font-size: 15px; } }
        @media (max-width: 576px) {
          .home-container #home-banner-carousel .alcohol-wipes__home-banner .content p,
          .home-container .home-banner-carousel-section .alcohol-wipes__home-banner .content p {
            margin-bottom: 25px;
            font-size: 11px;
            line-height: initial; } }
      .home-container #home-banner-carousel .alcohol-wipes__home-banner .content .button,
      .home-container .home-banner-carousel-section .alcohol-wipes__home-banner .content .button {
        box-shadow: #ec3700 0 3px 0 0;
        border: 1px solid #ec3700;
        background-color: white;
        color: #ec3700; }
  .home-container #business-buyer-wipe-cases {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    margin-bottom: 65px; }
    @media (max-width: 992px) {
      .home-container #business-buyer-wipe-cases {
        flex-direction: column;
        align-items: center; } }
    .home-container #business-buyer-wipe-cases .homepage-card-container {
      position: relative;
      height: 285px;
      width: 50%;
      max-width: 663px;
      border: 1px solid #bebebe;
      border-radius: 5px; }
      @media (max-width: 1439px) {
        .home-container #business-buyer-wipe-cases .homepage-card-container {
          height: 240px;
          width: 49%; } }
      @media (max-width: 992px) {
        .home-container #business-buyer-wipe-cases .homepage-card-container {
          height: 275px;
          width: 100%; } }
      @media (max-width: 768px) {
        .home-container #business-buyer-wipe-cases .homepage-card-container {
          height: 236px; } }
      @media (max-width: 576px) {
        .home-container #business-buyer-wipe-cases .homepage-card-container {
          height: 224px; } }
      @media (max-width: 325px) {
        .home-container #business-buyer-wipe-cases .homepage-card-container {
          height: 240px; } }
      @media (max-width: 992px) {
        .home-container #business-buyer-wipe-cases .homepage-card-container:first-child {
          margin-bottom: 3rem; } }
      @media (max-width: 1439px) {
        .home-container #business-buyer-wipe-cases .homepage-card-container img {
          height: 106px;
          object-fit: cover; } }
      @media (max-width: 992px) {
        .home-container #business-buyer-wipe-cases .homepage-card-container img {
          height: 123px; } }
      .home-container #business-buyer-wipe-cases .homepage-card-container .homepage-card-body {
        padding: 10px 16px 10px 32px; }
        @media (max-width: 1439px) {
          .home-container #business-buyer-wipe-cases .homepage-card-container .homepage-card-body {
            padding: 10px 8px 10px 8px; } }
        @media (max-width: 992px) {
          .home-container #business-buyer-wipe-cases .homepage-card-container .homepage-card-body {
            padding: 10px 16px 10px 32px; } }
        @media (max-width: 768px) {
          .home-container #business-buyer-wipe-cases .homepage-card-container .homepage-card-body {
            padding: 10px 8px 10px 8px; } }
        .home-container #business-buyer-wipe-cases .homepage-card-container .homepage-card-body .homepage-card-title-container {
          display: flex;
          flex-direction: row;
          justify-content: space-between;
          align-items: center; }
          .home-container #business-buyer-wipe-cases .homepage-card-container .homepage-card-body .homepage-card-title-container .homepage-card-title {
            margin-bottom: 0;
            padding: 8px 0;
            width: 70%;
            color: #38383e;
            line-height: 38px;
            font-family: "Roboto";
            font-weight: 400;
            font-size: 25px; }
            @media (max-width: 1439px) {
              .home-container #business-buyer-wipe-cases .homepage-card-container .homepage-card-body .homepage-card-title-container .homepage-card-title {
                line-height: 30px;
                font-size: 23px;
                padding: 0;
                width: 78%; } }
            @media (max-width: 1100px) {
              .home-container #business-buyer-wipe-cases .homepage-card-container .homepage-card-body .homepage-card-title-container .homepage-card-title {
                font-size: 20px; } }
            @media (max-width: 992px) {
              .home-container #business-buyer-wipe-cases .homepage-card-container .homepage-card-body .homepage-card-title-container .homepage-card-title {
                padding: 8px 0;
                font-size: 25px; } }
            @media (max-width: 768px) {
              .home-container #business-buyer-wipe-cases .homepage-card-container .homepage-card-body .homepage-card-title-container .homepage-card-title {
                line-height: 30px;
                font-size: 23px;
                padding: 0; } }
            @media (max-width: 576px) {
              .home-container #business-buyer-wipe-cases .homepage-card-container .homepage-card-body .homepage-card-title-container .homepage-card-title {
                line-height: initial;
                font-size: 20px; } }
            @media (max-width: 490px) {
              .home-container #business-buyer-wipe-cases .homepage-card-container .homepage-card-body .homepage-card-title-container .homepage-card-title {
                width: 100%;
                font-size: 16px; } }
            .home-container #business-buyer-wipe-cases .homepage-card-container .homepage-card-body .homepage-card-title-container .homepage-card-title span {
              color: #00b8e6;
              line-height: 38px;
              font-family: "Roboto";
              font-weight: bold;
              font-style: italic;
              font-size: 25px; }
              @media (max-width: 1439px) {
                .home-container #business-buyer-wipe-cases .homepage-card-container .homepage-card-body .homepage-card-title-container .homepage-card-title span {
                  line-height: 30px;
                  font-size: 23px; } }
              @media (max-width: 1100px) {
                .home-container #business-buyer-wipe-cases .homepage-card-container .homepage-card-body .homepage-card-title-container .homepage-card-title span {
                  font-size: 20px; } }
              @media (max-width: 992px) {
                .home-container #business-buyer-wipe-cases .homepage-card-container .homepage-card-body .homepage-card-title-container .homepage-card-title span {
                  font-size: 25px; } }
              @media (max-width: 768px) {
                .home-container #business-buyer-wipe-cases .homepage-card-container .homepage-card-body .homepage-card-title-container .homepage-card-title span {
                  line-height: 30px;
                  font-size: 23px;
                  padding: 0; } }
              @media (max-width: 576px) {
                .home-container #business-buyer-wipe-cases .homepage-card-container .homepage-card-body .homepage-card-title-container .homepage-card-title span {
                  line-height: initial;
                  font-size: 20px; } }
              @media (max-width: 490px) {
                .home-container #business-buyer-wipe-cases .homepage-card-container .homepage-card-body .homepage-card-title-container .homepage-card-title span {
                  font-size: 16px; } }
          .home-container #business-buyer-wipe-cases .homepage-card-container .homepage-card-body .homepage-card-title-container .homepage-card-arrow .material-icons {
            padding: 9px;
            border-radius: 50%;
            border: 2px solid #444448;
            color: #00b8e6;
            font-size: 38px !important; }
            @media (max-width: 576px) {
              .home-container #business-buyer-wipe-cases .homepage-card-container .homepage-card-body .homepage-card-title-container .homepage-card-arrow .material-icons {
                font-size: 25px !important; } }
            @media (max-width: 490px) {
              .home-container #business-buyer-wipe-cases .homepage-card-container .homepage-card-body .homepage-card-title-container .homepage-card-arrow .material-icons {
                padding: 5px;
                font-size: 20px !important; } }
        .home-container #business-buyer-wipe-cases .homepage-card-container .homepage-card-body .homepage-card-text {
          position: absolute;
          bottom: 0;
          left: 0;
          margin-bottom: 0;
          padding: 8px 32px;
          width: 100%;
          background-color: #f7f7f7;
          border-bottom-left-radius: 5px;
          border-bottom-right-radius: 5px;
          color: #000000;
          line-height: 38px;
          font-family: "Roboto";
          font-weight: 400;
          font-size: 15px; }
          @media (max-width: 1439px) {
            .home-container #business-buyer-wipe-cases .homepage-card-container .homepage-card-body .homepage-card-text {
              padding: 8px;
              font-size: 13px; } }
          @media (max-width: 1100px) {
            .home-container #business-buyer-wipe-cases .homepage-card-container .homepage-card-body .homepage-card-text {
              font-size: 12px; } }
          @media (max-width: 992px) {
            .home-container #business-buyer-wipe-cases .homepage-card-container .homepage-card-body .homepage-card-text {
              padding: 8px 32px;
              font-size: 15px; } }
          @media (max-width: 768px) {
            .home-container #business-buyer-wipe-cases .homepage-card-container .homepage-card-body .homepage-card-text {
              padding: 8px;
              line-height: initial;
              font-size: 13px; } }
          @media (max-width: 576px) {
            .home-container #business-buyer-wipe-cases .homepage-card-container .homepage-card-body .homepage-card-text {
              font-size: 12px; } }
          @media (max-width: 490px) {
            .home-container #business-buyer-wipe-cases .homepage-card-container .homepage-card-body .homepage-card-text {
              display: flex;
              align-items: center;
              height: 44px; } }
    @media (min-width: 1440px) {
      .home-container #business-buyer-wipe-cases .homepage-card-container:nth-child(1) p:first-child {
        width: 66%; } }
  .home-container #just-for-you {
    margin: 0 auto;
    max-width: 1194px; }
    .home-container #just-for-you #just-for-you__carousel {
      margin-bottom: 65px;
      padding: 15px 0;
      max-height: 30.66667rem; }
      @media (max-width: 576px) {
        .home-container #just-for-you #just-for-you__carousel {
          margin-bottom: 30px; } }
      .home-container #just-for-you #just-for-you__carousel .slick-prev, .home-container #just-for-you #just-for-you__carousel .slick-next {
        height: 50px;
        width: 40px;
        background: #585b64; }
        .home-container #just-for-you #just-for-you__carousel .slick-prev::before, .home-container #just-for-you #just-for-you__carousel .slick-next::before {
          color: white; }
      .home-container #just-for-you #just-for-you__carousel .slick-prev {
        display: flex;
        justify-content: center;
        align-items: center;
        left: 15px;
        padding: 0; }
        .home-container #just-for-you #just-for-you__carousel .slick-prev::before {
          height: initial;
          background-image: none;
          font-family: 'Material Icons';
          content: "arrow_back_ios";
          -webkit-font-feature-settings: 'liga';
          font-size: 35px; }
      .home-container #just-for-you #just-for-you__carousel .slick-next {
        display: flex;
        justify-content: center;
        align-items: center;
        right: 15px;
        padding: 0; }
        .home-container #just-for-you #just-for-you__carousel .slick-next::before {
          display: flex;
          justify-content: center;
          align-items: center;
          height: initial;
          background-image: none;
          font-family: 'Material Icons';
          content: "arrow_forward_ios";
          -webkit-font-feature-settings: 'liga';
          font-size: 35px; }
      .home-container #just-for-you #just-for-you__carousel .slick-list {
        margin: 0 auto;
        width: 90%; }
      .home-container #just-for-you #just-for-you__carousel .just-for-you__product-container {
        text-align: center; }
        .home-container #just-for-you #just-for-you__carousel .just-for-you__product-container .just-for-you__product-item {
          margin: 0 auto;
          width: 240px; }
          .home-container #just-for-you #just-for-you__carousel .just-for-you__product-container .just-for-you__product-item a {
            color: black; }
          .home-container #just-for-you #just-for-you__carousel .just-for-you__product-container .just-for-you__product-item img {
            margin: 0 auto;
            height: 240px;
            width: 240px; }
          .home-container #just-for-you #just-for-you__carousel .just-for-you__product-container .just-for-you__product-item .title {
            margin: 0;
            font-weight: bold; }
          .home-container #just-for-you #just-for-you__carousel .just-for-you__product-container .just-for-you__product-item .text {
            margin: 0; }
  .home-container #carousel-top-panel .headline {
    display: none; }

.landing-page {
  background: #fff; }
  .landing-page a:not(.button) {
    color: #ea3a02; }
  .landing-page .button {
    font-size: 13px;
    height: 47px;
    line-height: 47px;
    padding: 0 2rem; }
  .landing-page .row {
    margin: 0 -15px; }
  .landing-page .hero-section {
    background: #f5f5f5;
    padding: 80px 0 25px; }
    @media (max-width: 991px) {
      .landing-page .hero-section {
        padding: 40px 0 25px; } }
    .landing-page .hero-section .container {
      max-width: 1000px; }
    .landing-page .hero-section h1 {
      font-size: 45px;
      text-align: center;
      margin-bottom: 25px;
      font-weight: bold; }
      @media (max-width: 991px) {
        .landing-page .hero-section h1 {
          font-size: 35px; } }
    .landing-page .hero-section .sub-heading {
      color: #00b9e4;
      font-size: 25px;
      text-align: center;
      margin-bottom: 40px; }
      @media (max-width: 991px) {
        .landing-page .hero-section .sub-heading {
          font-size: 21px;
          line-height: 1.4;
          margin-bottom: 30px; } }
    .landing-page .hero-section .hero-image {
      width: 100%;
      text-align: center;
      margin-bottom: 25px; }
    @media (max-width: 991px) {
      .landing-page .hero-section .download-guide {
        text-align: center; } }
    .landing-page .hero-section .download-guide ul {
      padding: 0;
      margin: 5px 0 0;
      float: right; }
      @media (max-width: 991px) {
        .landing-page .hero-section .download-guide ul {
          float: none;
          margin: 25px 0 0; } }
      .landing-page .hero-section .download-guide ul li {
        list-style: none;
        display: inline-block;
        margin: 0 10px; }
        .landing-page .hero-section .download-guide ul li a:hover {
          opacity: 0.87; }
      .landing-page .hero-section .download-guide ul li:last-child {
        margin-right: 0; }
  .landing-page .content-section {
    background: #fff;
    padding: 60px 0;
    display: inline-block;
    width: 100%;
    font-size: 15px;
    color: #38383e; }
    .landing-page .content-section .sidebar-navigation {
      padding: 10px;
      box-shadow: 0 0 10px rgba(153, 153, 153, 0.3);
      border-radius: 5px;
      background: #fff;
      z-index: 9; }
      @media (min-width: 576px) {
        .landing-page .content-section .sidebar-navigation {
          max-width: 265px; } }
      @media (max-width: 991px) {
        .landing-page .content-section .sidebar-navigation {
          margin-bottom: 50px; } }
      .landing-page .content-section .sidebar-navigation .title {
        color: #00b9e4;
        font-weight: 600;
        font-size: 12px;
        line-height: 1.5;
        margin-bottom: 6px; }
      .landing-page .content-section .sidebar-navigation ul {
        padding: 0;
        margin: 0; }
        .landing-page .content-section .sidebar-navigation ul li {
          list-style: none;
          border-top: 1px solid #bcbcbe; }
          .landing-page .content-section .sidebar-navigation ul li:first-child {
            border-top: none; }
          .landing-page .content-section .sidebar-navigation ul li a {
            color: #38383e;
            padding: 6px 0;
            display: inline-block;
            width: 100%;
            font-size: 12px; }
        .landing-page .content-section .sidebar-navigation ul li.active a {
          color: #00b9e4;
          font-size: 12px;
          font-weight: bold; }
    .landing-page .content-section .fixed {
      position: fixed;
      top: 85px;
      width: 265px; }
      @media (max-width: 1140px) {
        .landing-page .content-section .fixed {
          width: 230px; } }
      @media (max-width: 991px) {
        .landing-page .content-section .fixed {
          position: relative;
          width: 100%;
          top: auto; } }
    .landing-page .content-section .inner-content h2 {
      margin: 0;
      font-size: 18px;
      font-weight: 600;
      color: #38383e; }
      @media (max-width: 991px) {
        .landing-page .content-section .inner-content h2 {
          line-height: 1.5; } }
    .landing-page .content-section .inner-content p {
      line-height: 1.8;
      margin-top: 40px;
      margin-bottom: 0; }
      @media (max-width: 991px) {
        .landing-page .content-section .inner-content p {
          margin-top: 20px; } }
    .landing-page .content-section .inner-content img {
      margin: 60px 0;
      width: 100%; }
      .landing-page .content-section .inner-content img.rcorners {
        width: auto; }
      @media (max-width: 991px) {
        .landing-page .content-section .inner-content img {
          margin: 30px 0; } }
    .landing-page .content-section .inner-content ul {
      margin: 20px 0 0 50px;
      padding: 0;
      list-style: disc; }
      .landing-page .content-section .inner-content ul li {
        margin-bottom: 25px; }
  .landing-page .full-background-section {
    background: #00b9e4;
    padding: 80px 0;
    color: #fff;
    display: inline-block;
    width: 100%; }
    @media (max-width: 991px) {
      .landing-page .full-background-section {
        padding: 40px 0; } }
    .landing-page .full-background-section .title {
      font-size: 30px;
      font-weight: 600; }
      @media (max-width: 991px) {
        .landing-page .full-background-section .title {
          line-height: normal;
          font-size: 25px; } }
    .landing-page .full-background-section p {
      margin: 40px 0 0;
      font-size: 18px;
      line-height: 1.6; }
      @media (max-width: 991px) {
        .landing-page .full-background-section p {
          font-size: 16px; } }
    .landing-page .full-background-section .source-link {
      font-size: 13px; }
  .landing-page .content-section.lobbies .sub-heading {
    font-size: 18px;
    color: #00b9e4;
    font-style: italic;
    margin-bottom: 6px;
    float: left;
    width: 100%; }
  .landing-page .content-section.lobbies h2 {
    font-size: 30px;
    font-weight: 600; }
    @media (max-width: 991px) {
      .landing-page .content-section.lobbies h2 {
        line-height: 1.5; } }
  .landing-page .content-section.lobbies p {
    margin-top: 25px; }
    .landing-page .content-section.lobbies p a {
      text-decoration: underline; }
      .landing-page .content-section.lobbies p a:hover {
        text-decoration: none; }
  .landing-page .content-section.lobbies img {
    margin: 25px 0 15px; }
  .landing-page .content-section.lobbies .button {
    float: right; }
    @media (max-width: 991px) {
      .landing-page .content-section.lobbies .button {
        float: left;
        margin-top: 20px; } }
  .landing-page .content-section.lobbies .features {
    background: #00b9e4;
    padding: 30px;
    color: #fff;
    border-radius: 5px;
    margin: 40px 0; }
    .landing-page .content-section.lobbies .features .title {
      font-weight: 600;
      margin-bottom: 10px;
      font-size: 16px; }
    .landing-page .content-section.lobbies .features ul {
      margin: 0 0 0 18px;
      padding: 0; }
      .landing-page .content-section.lobbies .features ul li {
        margin: 0 0 5px 0;
        padding: 0;
        font-size: 16px; }
        .landing-page .content-section.lobbies .features ul li a {
          font-size: 16px;
          color: #fff; }
  .landing-page .content-section.lobbies .features.black {
    background: #38383e; }

.landing-page .indoor-air-quality-page .content-section {
  padding-bottom: 0; }

.landing-page .indoor-air-quality-page .content-section .inner-content img {
  width: auto; }

.landing-page .indoor-air-quality-page .content-section .inner-content ul,
.landing-page .indoor-air-quality-page .content-section .inner-content li {
  margin: 0;
  list-style-position: inside;
  line-height: 1.75; }

.landing-page .indoor-air-quality-page .column-title,
.landing-page .indoor-air-quality-page .list-title {
  font-weight: bold; }

.landing-page .indoor-air-quality-page .list-title {
  margin-bottom: 0; }

.landing-page .indoor-air-quality-page figcaption {
  font-style: italic;
  text-align: center;
  font-size: 12px; }

.landing-page .indoor-air-quality-page .hero-section {
  background: #38383e;
  text-align: center;
  margin-bottom: 100px; }
  @media (min-width: 576px) {
    .landing-page .indoor-air-quality-page .hero-section {
      margin-bottom: 150px; } }
  .landing-page .indoor-air-quality-page .hero-section .sub-heading,
  .landing-page .indoor-air-quality-page .hero-section p {
    font-weight: 100; }
  .landing-page .indoor-air-quality-page .hero-section .sub-heading {
    margin-bottom: 5px; }
  .landing-page .indoor-air-quality-page .hero-section .sub-heading,
  .landing-page .indoor-air-quality-page .hero-section .page-heading {
    font-family: "paralucent"; }
  .landing-page .indoor-air-quality-page .hero-section .page-heading,
  .landing-page .indoor-air-quality-page .hero-section p {
    color: #fff; }
  .landing-page .indoor-air-quality-page .hero-section .page-heading {
    line-height: 1.2;
    margin-bottom: 50px; }
  .landing-page .indoor-air-quality-page .hero-section p {
    font-size: 16px;
    margin-bottom: 30px; }
  .landing-page .indoor-air-quality-page .hero-section .heading-container {
    max-width: 700px; }
  .landing-page .indoor-air-quality-page .hero-section .text-container {
    max-width: 750px; }
  .landing-page .indoor-air-quality-page .hero-section .heading-container,
  .landing-page .indoor-air-quality-page .hero-section .text-container {
    margin: 0 auto; }
  .landing-page .indoor-air-quality-page .hero-section .image-container {
    position: relative;
    padding-bottom: 120px; }
    @media (min-width: 500px) {
      .landing-page .indoor-air-quality-page .hero-section .image-container {
        padding-bottom: 160px; } }
    @media (min-width: 768px) {
      .landing-page .indoor-air-quality-page .hero-section .image-container {
        padding-bottom: 250px; } }
    @media (min-width: 992px) {
      .landing-page .indoor-air-quality-page .hero-section .image-container {
        padding-bottom: 330px; } }
  .landing-page .indoor-air-quality-page .hero-section figure {
    position: absolute; }
  .landing-page .indoor-air-quality-page .hero-section img {
    margin-bottom: 10px;
    box-shadow: -5px 10px 20px rgba(0, 0, 0, 0.2); }

.landing-page .indoor-air-quality-page #intro img {
  padding-top: 30px; }

.landing-page .indoor-air-quality-page #effects .clearfix {
  margin-top: 30px; }

.landing-page .indoor-air-quality-page #effects img {
  display: block;
  margin-left: auto;
  margin-right: auto; }

.landing-page .indoor-air-quality-page #effects .column-title {
  font-size: 20px; }

.landing-page .indoor-air-quality-page #causes {
  background: #f5f5f5;
  padding: 0 0 100px;
  margin-top: 150px; }
  @media (min-width: 576px) {
    .landing-page .indoor-air-quality-page #causes {
      margin-top: 200px; } }
  @media (min-width: 992px) {
    .landing-page .indoor-air-quality-page #causes {
      margin-top: 250px; } }
  @media (min-width: 1440px) {
    .landing-page .indoor-air-quality-page #causes {
      margin-top: 300px; } }
  .landing-page .indoor-air-quality-page #causes .image-container {
    position: relative;
    padding-bottom: 50px; }
    @media (min-width: 500px) {
      .landing-page .indoor-air-quality-page #causes .image-container {
        padding-bottom: 100px; } }
    @media (min-width: 576px) {
      .landing-page .indoor-air-quality-page #causes .image-container {
        padding-bottom: 125px; } }
    @media (min-width: 992px) {
      .landing-page .indoor-air-quality-page #causes .image-container {
        padding-bottom: 150px; } }
    @media (min-width: 1440px) {
      .landing-page .indoor-air-quality-page #causes .image-container {
        padding-bottom: 175px; } }
  .landing-page .indoor-air-quality-page #causes img {
    position: absolute;
    left: 0;
    top: -125px; }
    @media (min-width: 576px) {
      .landing-page .indoor-air-quality-page #causes img {
        top: -175px; } }
    @media (min-width: 992px) {
      .landing-page .indoor-air-quality-page #causes img {
        top: -200px; } }
    @media (min-width: 1440px) {
      .landing-page .indoor-air-quality-page #causes img {
        top: -250px; } }

.landing-page .indoor-air-quality-page #maintain {
  padding-top: 0; }
  .landing-page .indoor-air-quality-page #maintain figure {
    margin-bottom: 60px; }

.landing-page .indoor-air-quality-page #fresh {
  background: url("https://cdn11.bigcommerce.com/s-8mji1/product_images/uploaded_images/resources-fresh-bg.png?t=1619104727");
  background-repeat: no-repeat;
  background-size: cover;
  color: #fff;
  padding: 0 0 100px;
  margin-top: 150px; }
  .landing-page .indoor-air-quality-page #fresh h2,
  .landing-page .indoor-air-quality-page #fresh a {
    color: #fff; }
  @media (min-width: 576px) {
    .landing-page .indoor-air-quality-page #fresh {
      margin-top: 250px; } }
  @media (min-width: 992px) {
    .landing-page .indoor-air-quality-page #fresh {
      margin-top: 300px; } }
  @media (min-width: 1440px) {
    .landing-page .indoor-air-quality-page #fresh {
      margin-top: 400px; } }
  .landing-page .indoor-air-quality-page #fresh .image-container {
    position: relative;
    padding-bottom: 100px; }
    @media (min-width: 500px) {
      .landing-page .indoor-air-quality-page #fresh .image-container {
        padding-bottom: 150px; } }
    @media (min-width: 992px) {
      .landing-page .indoor-air-quality-page #fresh .image-container {
        padding-bottom: 175px; } }
  .landing-page .indoor-air-quality-page #fresh img {
    position: absolute;
    left: 0;
    top: -125px; }
    @media (min-width: 576px) {
      .landing-page .indoor-air-quality-page #fresh img {
        top: -200px; } }
    @media (min-width: 992px) {
      .landing-page .indoor-air-quality-page #fresh img {
        top: -250px; } }
    @media (min-width: 1440px) {
      .landing-page .indoor-air-quality-page #fresh img {
        top: -350px; } }
  .landing-page .indoor-air-quality-page #fresh strong {
    font-size: 16px; }

.landing-page .indoor-air-quality-page #resources {
  background: none;
  margin-bottom: 6rem; }
  .landing-page .indoor-air-quality-page #resources a img {
    height: 315px;
    object-fit: cover; }
  .landing-page .indoor-air-quality-page #resources .blog-title,
  .landing-page .indoor-air-quality-page #resources .blog-category {
    display: block; }
  .landing-page .indoor-air-quality-page #resources .blog-title {
    font-size: 16px;
    line-height: 2;
    color: #38383e;
    font-weight: bold;
    padding: 0; }
  .landing-page .indoor-air-quality-page #resources .blog-category {
    color: #00b9e4;
    font-style: italic;
    text-transform: uppercase;
    font-size: 14px;
    text-shadow: 0.1px 0px #00b9e4; }
  .landing-page .indoor-air-quality-page #resources .clearfix {
    margin: 0 -15px; }

.page-heading.brand-heading {
  background: #f5f5f5;
  padding: 30px 8px;
  text-align: left;
  font-size: 30px;
  left: 50%;
  margin-left: -50vw;
  margin-right: -50vw;
  max-width: 100vw;
  position: relative;
  right: 50%;
  width: 100vw; }

.brand-heading + .page .actionBar {
  float: left;
  width: 100%; }
  @media (min-width: 992px) {
    .brand-heading + .page .actionBar {
      width: auto; } }

.page.template960 {
  max-width: 960px;
  margin: 0 auto; }

.full-width-one-banner {
  width: 100%;
  float: left; }
  .full-width-one-banner .banner-content {
    width: 50%; }
    @media (max-width: 991px) {
      .full-width-one-banner .banner-content {
        width: 80%; } }
    @media (max-width: 767px) {
      .full-width-one-banner .banner-content {
        width: 100%; } }
  .full-width-one-banner .banner-text {
    margin-bottom: 2px; }
    .full-width-one-banner .banner-text > img {
      width: 100%; }
      @media (max-width: 767px) {
        .full-width-one-banner .banner-text > img {
          height: 600px;
          object-fit: cover; } }
      @media (max-width: 480px) {
        .full-width-one-banner .banner-text > img {
          height: 570px; } }
    .full-width-one-banner .banner-text .banner-content h1 {
      color: white;
      font-size: 68px;
      font-weight: 800;
      line-height: 78px;
      display: inline-block; }
      @media (max-width: 1199px) {
        .full-width-one-banner .banner-text .banner-content h1 {
          font-size: 58px;
          line-height: 58px; } }
      @media (max-width: 991px) {
        .full-width-one-banner .banner-text .banner-content h1 {
          margin-top: 0;
          width: 70%; } }
      @media (max-width: 767px) {
        .full-width-one-banner .banner-text .banner-content h1 {
          font-size: 47px;
          line-height: 54px;
          width: 90%;
          margin-top: 30px; } }
      @media (max-width: 580px) {
        .full-width-one-banner .banner-text .banner-content h1 {
          margin-top: 20px; } }
      @media (max-width: 480px) {
        .full-width-one-banner .banner-text .banner-content h1 {
          width: 100%;
          text-align: left;
          margin-bottom: 40px; } }
      @media (max-width: 380px) {
        .full-width-one-banner .banner-text .banner-content h1 {
          font-size: 38px;
          line-height: 44px; } }
      .full-width-one-banner .banner-text .banner-content h1 span {
        color: #00b9e4; }
    .full-width-one-banner .banner-text .banner-content h3,
    .full-width-one-banner .banner-text .banner-content h5 {
      margin-bottom: 30px; }
    .full-width-one-banner .banner-text .banner-content h5 {
      padding-bottom: 10px;
      max-width: 370px; }
      @media (max-width: 767px) {
        .full-width-one-banner .banner-text .banner-content h5 {
          max-width: 100%; } }
    .full-width-one-banner .banner-text .banner-content .banner-logo {
      width: 100%;
      display: inline-block;
      text-align: right; }
    .full-width-one-banner .banner-text .banner-content p {
      font-size: 16px;
      line-height: 25px;
      margin-bottom: 30px; }
      @media (max-width: 480px) {
        .full-width-one-banner .banner-text .banner-content p {
          line-height: 26px;
          margin-bottom: 40px;
          text-align: left;
          font-size: 14px; } }
    .full-width-one-banner .banner-text .banner-content ul.bottom-cate {
      position: absolute;
      bottom: 18px;
      left: 20px;
      right: 20px;
      border-top: 1px solid #00b9e4;
      width: calc(100% - 40px);
      max-width: 600px;
      margin: 0;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -ms-flex-align: center;
      -webkit-align-items: center;
      align-items: center;
      -ms-flex-pack: center;
      -webkit-justify-content: flex-start;
      justify-content: flex-start;
      flex-wrap: wrap; }
      @media (max-width: 991px) {
        .full-width-one-banner .banner-text .banner-content ul.bottom-cate {
          padding-top: 10px;
          max-width: 100%;
          width: calc(80% - 40px);
          left: auto;
          right: auto; } }
      @media (max-width: 767px) {
        .full-width-one-banner .banner-text .banner-content ul.bottom-cate {
          max-width: 100% !important;
          width: 100%;
          left: 0 !important;
          padding-top: 15px;
          padding-bottom: 10px; } }
      .full-width-one-banner .banner-text .banner-content ul.bottom-cate li {
        width: 16.66%;
        float: left;
        text-align: center;
        padding: 20px 15px;
        list-style: none;
        line-height: 15px; }
        @media (max-width: 1199px) {
          .full-width-one-banner .banner-text .banner-content ul.bottom-cate li {
            width: 33.33%;
            padding-bottom: 10px; } }
        @media (max-width: 991px) {
          .full-width-one-banner .banner-text .banner-content ul.bottom-cate li {
            padding: 20px 30px;
            width: 16.66%; } }
        @media (max-width: 767px) {
          .full-width-one-banner .banner-text .banner-content ul.bottom-cate li {
            width: 33.33%;
            padding: 15px 30px; } }
        @media (max-width: 580px) {
          .full-width-one-banner .banner-text .banner-content ul.bottom-cate li {
            padding: 15px; } }
        @media (max-width: 480px) {
          .full-width-one-banner .banner-text .banner-content ul.bottom-cate li {
            padding: 10px 20px; } }
        .full-width-one-banner .banner-text .banner-content ul.bottom-cate li a {
          color: white;
          text-transform: uppercase;
          font-weight: 900;
          font-size: 11px; }
    .full-width-one-banner .banner-text .inner-wrap {
      position: relative;
      width: 100%;
      height: 600px; }
      .full-width-one-banner .banner-text .inner-wrap .inner {
        position: absolute;
        top: 0;
        bottom: 0;
        left: 18%;
        right: 18%;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        align-items: flex-end;
        width: 64%; }
        @media (max-width: 1199px) {
          .full-width-one-banner .banner-text .inner-wrap .inner {
            width: 100%;
            left: 0;
            right: 0;
            padding: 0 20px; } }
        @media (max-width: 991px) {
          .full-width-one-banner .banner-text .inner-wrap .inner {
            width: 100%;
            left: 0;
            right: 0;
            padding: 0; } }
  .full-width-one-banner .banner-text-left .banner-content {
    float: left; }
    @media (max-width: 767px) {
      .full-width-one-banner .banner-text-left .banner-content {
        padding-right: 0px; } }
    @media (max-width: 1199px) {
      .full-width-one-banner .banner-text-left .banner-content ul.bottom-cate {
        bottom: 8px; } }
  .full-width-one-banner .banner-text-center .container {
    justify-content: center;
    -webkit-justify-content: center; }
  .full-width-one-banner .banner-text-right > img {
    object-fit: cover; }
    @media (max-width: 1700px) {
      .full-width-one-banner .banner-text-right > img {
        height: 600px; } }
    @media (max-width: 767px) {
      .full-width-one-banner .banner-text-right > img {
        width: 100%;
        max-width: 100%; } }
  @media (min-width: 992px) {
    .full-width-one-banner .banner-text-right .container {
      justify-content: flex-end;
      -ms-justify-content: flex-end;
      -webkit-justify-content: flex-end; } }
  .full-width-one-banner .banner-text-right .container .banner-content {
    float: right;
    text-align: right; }
    @media (max-width: 991px) {
      .full-width-one-banner .banner-text-right .container .banner-content {
        width: 80%; } }
    @media (max-width: 767px) {
      .full-width-one-banner .banner-text-right .container .banner-content {
        width: 100%;
        text-align: center; } }
    .full-width-one-banner .banner-text-right .container .banner-content h5 {
      font-size: 16px;
      width: 100%;
      float: right;
      margin-bottom: 32px; }
      @media (max-width: 767px) {
        .full-width-one-banner .banner-text-right .container .banner-content h5 {
          margin-bottom: 25px; } }
    .full-width-one-banner .banner-text-right .container .banner-content h3 {
      font-size: 24px;
      line-height: 24px;
      clear: both; }
      @media (max-width: 767px) {
        .full-width-one-banner .banner-text-right .container .banner-content h3 {
          line-height: 28px;
          font-size: 22px; } }
    @media (max-width: 767px) {
      .full-width-one-banner .banner-text-right .container .banner-content p {
        margin-bottom: 45px; } }
    .full-width-one-banner .banner-text-right .container .banner-content ul.bottom-cate {
      left: auto; }
      @media (max-width: 767px) {
        .full-width-one-banner .banner-text-right .container .banner-content ul.bottom-cate {
          left: 0; } }
  .full-width-one-banner.two-images .banner-text {
    width: 100%;
    float: left; }
  .full-width-one-banner.two-images .container .banner-content {
    padding-bottom: 100px; }
    @media (max-width: 1199px) {
      .full-width-one-banner.two-images .container .banner-content {
        padding-bottom: 120px; } }
    @media (max-width: 991px) {
      .full-width-one-banner.two-images .container .banner-content {
        padding-bottom: 120px; } }
  .full-width-one-banner.two-images .banner-text-left .images-wrap .col-lg-6 {
    padding: 0; }
    .full-width-one-banner.two-images .banner-text-left .images-wrap .col-lg-6 img {
      width: 100%;
      height: 674px;
      object-fit: cover; }
      @media (max-width: 480px) {
        .full-width-one-banner.two-images .banner-text-left .images-wrap .col-lg-6 img {
          height: 634px; } }
    @media (max-width: 767px) {
      .full-width-one-banner.two-images .banner-text-left .images-wrap .col-lg-6.right-col {
        display: none; } }
  .full-width-one-banner.two-images .banner-text-left .container {
    padding: 0 20px; }
    @media (min-width: 1420px) {
      .full-width-one-banner.two-images .banner-text-left .container {
        width: 1220px; } }
    @media (max-width: 991px) {
      .full-width-one-banner.two-images .banner-text-left .container {
        height: 50%;
        padding: 0; } }
    @media (max-width: 767px) {
      .full-width-one-banner.two-images .banner-text-left .container {
        height: 100%; } }
    @media (max-width: 480px) {
      .full-width-one-banner.two-images .banner-text-left .container {
        padding: 0; } }
    .full-width-one-banner.two-images .banner-text-left .container .banner-content {
      padding-right: 30px; }
      @media (max-width: 991px) {
        .full-width-one-banner.two-images .banner-text-left .container .banner-content {
          width: 80%;
          padding-right: 0; } }
      @media (max-width: 767px) {
        .full-width-one-banner.two-images .banner-text-left .container .banner-content {
          width: 100%;
          padding-left: 20px;
          padding-right: 20px;
          text-align: center; } }
      .full-width-one-banner.two-images .banner-text-left .container .banner-content ul.bottom-cate {
        max-width: 540px;
        width: calc(50% - 40px); }
        @media (max-width: 991px) {
          .full-width-one-banner.two-images .banner-text-left .container .banner-content ul.bottom-cate {
            max-width: 100%;
            width: 80%; } }
        @media (max-width: 767px) {
          .full-width-one-banner.two-images .banner-text-left .container .banner-content ul.bottom-cate {
            width: 100%; } }
  @media (max-width: 480px) {
    .full-width-one-banner.two-images .banner-text-right img {
      height: 500px; } }
  @media (max-width: 991px) {
    .full-width-one-banner.two-images .banner-text-right .container {
      background-color: rgba(0, 0, 0, 0.5); } }
  .full-width-one-banner.two-images .banner-text-right .container .banner-content {
    padding-bottom: 50px; }
    @media (max-width: 1199px) {
      .full-width-one-banner.two-images .banner-text-right .container .banner-content {
        padding-bottom: 0px; } }
    @media (max-width: 480px) {
      .full-width-one-banner.two-images .banner-text-right .container .banner-content {
        padding-bottom: 0px; } }
    .full-width-one-banner.two-images .banner-text-right .container .banner-content ul.bottom-cate {
      -webkit-justify-content: flex-end;
      justify-content: flex-end;
      right: 0;
      left: 0;
      width: 100%; }
      @media (max-width: 767px) {
        .full-width-one-banner.two-images .banner-text-right .container .banner-content ul.bottom-cate {
          display: none; } }
      .full-width-one-banner.two-images .banner-text-right .container .banner-content ul.bottom-cate li {
        display: inline-block;
        float: none;
        width: auto;
        padding: 15px; }
        .full-width-one-banner.two-images .banner-text-right .container .banner-content ul.bottom-cate li:last-child {
          padding-right: 0; }
          @media (max-width: 1199px) {
            .full-width-one-banner.two-images .banner-text-right .container .banner-content ul.bottom-cate li:last-child {
              padding-right: 15px; } }
    .full-width-one-banner.two-images .banner-text-right .container .banner-content .inner-wrap .inner {
      padding-bottom: 120px; }
      @media (max-width: 767px) {
        .full-width-one-banner.two-images .banner-text-right .container .banner-content .inner-wrap .inner {
          padding-bottom: 0;
          -ms-flex-align: center;
          -webkit-align-items: center;
          align-items: center; } }
  @media (max-width: 767px) {
    .full-width-one-banner.block-7 .banner-content {
      padding-bottom: 0px; } }
  @media (max-width: 767px) {
    .full-width-one-banner.block-7 .banner-content p {
      margin-bottom: 25px; } }

.full-width-two-banner {
  width: 100%;
  float: left;
  position: relative;
  margin-bottom: 2px; }
  .full-width-two-banner .banner-text {
    position: relative;
    width: 100%;
    float: left; }
    .full-width-two-banner .banner-text > .col-xs-6 {
      position: relative;
      padding-left: 0;
      padding-right: 0; }
      @media (max-width: 991px) {
        .full-width-two-banner .banner-text > .col-xs-6 {
          width: 100%; } }
      .full-width-two-banner .banner-text > .col-xs-6 .image-wrap img {
        width: 100%;
        height: 600px;
        object-fit: cover; }
      .full-width-two-banner .banner-text > .col-xs-6 .inner-wrap {
        position: absolute;
        top: 0;
        bottom: 0;
        left: 18%;
        right: 18%;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: flex-end;
        width: 64%; }
        @media (max-width: 1199px) {
          .full-width-two-banner .banner-text > .col-xs-6 .inner-wrap {
            width: 100%;
            left: 0;
            right: 0;
            padding: 0 20px; } }
        @media (max-width: 991px) {
          .full-width-two-banner .banner-text > .col-xs-6 .inner-wrap {
            width: 80%;
            left: 10%;
            right: 10%;
            padding: 0; } }
        @media (max-width: 767px) {
          .full-width-two-banner .banner-text > .col-xs-6 .inner-wrap {
            width: 100%;
            padding: 0 20px;
            left: 0;
            right: 0; } }
        .full-width-two-banner .banner-text > .col-xs-6 .inner-wrap .inner {
          padding-bottom: 65px; }
          .full-width-two-banner .banner-text > .col-xs-6 .inner-wrap .inner h5,
          .full-width-two-banner .banner-text > .col-xs-6 .inner-wrap .inner h3 {
            color: white;
            font-weight: 900; }
          .full-width-two-banner .banner-text > .col-xs-6 .inner-wrap .inner h5 {
            font-size: 16px;
            border-bottom: 1px solid #00b9e4;
            padding-bottom: 10px;
            max-width: 370px;
            width: 100%;
            display: inline-block; }
          .full-width-two-banner .banner-text > .col-xs-6 .inner-wrap .inner h3 {
            font-size: 24px;
            line-height: 24px;
            margin-top: 8px;
            margin-bottom: 30px; }
          .full-width-two-banner .banner-text > .col-xs-6 .inner-wrap .inner p {
            color: white;
            font-size: 16px;
            line-height: 30px;
            margin-bottom: 25px; }
      .full-width-two-banner .banner-text > .col-xs-6 .images-inner {
        width: 100%;
        margin: 0 auto; }
        @media (max-width: 1199px) {
          .full-width-two-banner .banner-text > .col-xs-6 .images-inner {
            margin-top: 10px;
            margin-bottom: 20px;
            float: left; } }
        .full-width-two-banner .banner-text > .col-xs-6 .images-inner h5,
        .full-width-two-banner .banner-text > .col-xs-6 .images-inner h3 {
          text-transform: capitalize;
          font-weight: 900;
          font-size: 16px; }
        @media (max-width: 480px) {
          .full-width-two-banner .banner-text > .col-xs-6 .images-inner h3 {
            font-size: 14px; } }
        @media (max-width: 380px) {
          .full-width-two-banner .banner-text > .col-xs-6 .images-inner h3 {
            font-size: 13px; } }
        .full-width-two-banner .banner-text > .col-xs-6 .images-inner h5 {
          text-align: center;
          line-height: 30px;
          margin-top: 20px;
          margin-bottom: 0;
          position: relative;
          text-transform: none; }
          @media (max-width: 767px) {
            .full-width-two-banner .banner-text > .col-xs-6 .images-inner h5 {
              padding: 0 20px; } }
          .full-width-two-banner .banner-text > .col-xs-6 .images-inner h5:before {
            content: '';
            border-bottom: 1px solid #00b9e4;
            padding-bottom: 6px;
            position: absolute;
            position: absolute;
            bottom: -2px;
            width: 256px;
            left: 50%;
            margin-left: -128px; }
        .full-width-two-banner .banner-text > .col-xs-6 .images-inner h3 {
          margin-top: 15px; }
        .full-width-two-banner .banner-text > .col-xs-6 .images-inner ul {
          margin-top: 10px;
          margin-left: 0; }
          @media (max-width: 991px) {
            .full-width-two-banner .banner-text > .col-xs-6 .images-inner ul {
              margin-top: 20px; } }
          .full-width-two-banner .banner-text > .col-xs-6 .images-inner ul li {
            text-align: center;
            list-style: none;
            margin-top: 5px;
            margin-bottom: 20px;
            padding: 0 20px; }
            @media (max-width: 1199px) {
              .full-width-two-banner .banner-text > .col-xs-6 .images-inner ul li {
                margin-bottom: 5px; } }
            @media (max-width: 991px) {
              .full-width-two-banner .banner-text > .col-xs-6 .images-inner ul li {
                margin-bottom: 25px; } }
            @media (max-width: 480px) {
              .full-width-two-banner .banner-text > .col-xs-6 .images-inner ul li {
                padding: 0 15px; } }
    .full-width-two-banner .banner-text.banner-text-right .left-col .images-inner ul li h3 {
      margin-top: 48px; }
    @media (min-width: 992px) and (max-width: 1199px) {
      .full-width-two-banner .banner-text.banner-text-right .left-col .images-inner ul.four-columns li {
        margin-bottom: 0;
        margin-top: 10px; } }
    .full-width-two-banner .banner-text.banner-text-right .left-col .images-inner ul.four-columns li h3 {
      margin-top: 12px; }
    .full-width-two-banner .banner-text.banner-text-right .right-col .inner-wrap .inner {
      text-align: right; }

.full-width-banner-three-columns {
  width: 100%;
  position: relative;
  float: left;
  margin-bottom: 2px; }
  @media (max-width: 767px) {
    .full-width-banner-three-columns {
      display: none; } }
  .full-width-banner-three-columns > img {
    width: 100%;
    text-align: center;
    height: 464px;
    object-fit: cover; }
  .full-width-banner-three-columns .container .banner-content .col {
    text-align: center;
    float: left; }
    .full-width-banner-three-columns .container .banner-content .col span {
      color: white;
      display: block;
      font-size: 20px;
      font-style: italic;
      margin-top: 10px; }
    .full-width-banner-three-columns .container .banner-content .col h3 {
      color: #00b9e4;
      font-size: 55px;
      margin-top: 0; }
      @media (max-width: 991px) {
        .full-width-banner-three-columns .container .banner-content .col h3 {
          font-size: 40px; } }
    .full-width-banner-three-columns .container .banner-content .col p {
      max-width: 48%;
      margin: 0 auto; }
      @media (max-width: 1199px) {
        .full-width-banner-three-columns .container .banner-content .col p {
          max-width: 57%; } }
      @media (max-width: 991px) {
        .full-width-banner-three-columns .container .banner-content .col p {
          max-width: 82%; } }
    .full-width-banner-three-columns .container .banner-content .col.col-1 {
      width: 32%; }
      @media (max-width: 991px) {
        .full-width-banner-three-columns .container .banner-content .col.col-1 {
          max-width: 32%; } }
    .full-width-banner-three-columns .container .banner-content .col.col-2 {
      width: 27%; }
      @media (max-width: 991px) {
        .full-width-banner-three-columns .container .banner-content .col.col-2 {
          max-width: 30%; } }
    .full-width-banner-three-columns .container .banner-content .col.col-3 {
      width: 41%; }
      @media (max-width: 991px) {
        .full-width-banner-three-columns .container .banner-content .col.col-3 {
          width: 38%; } }

.block-three-images {
  position: relative;
  width: 100%;
  float: left;
  padding: 20px 0 80px 0; }
  @media (max-width: 580px) {
    .block-three-images {
      padding-bottom: 20px; } }
  .block-three-images .inner-wrap {
    padding: 0 20px; }
    .block-three-images .inner-wrap .inner {
      text-align: center;
      margin-bottom: 30px; }
      .block-three-images .inner-wrap .inner h5 {
        font-size: 24px;
        line-height: 24px;
        display: inline-block;
        border-bottom: 1px solid #00b9e4;
        padding-bottom: 5px;
        margin-bottom: 22px; }
        .block-three-images .inner-wrap .inner h5 span {
          color: #00b9e4; }
      .block-three-images .inner-wrap .inner h3 {
        margin-top: 1.75rem;
        margin-bottom: 2.75rem;
        font-weight: 800; }
    .block-three-images .inner-wrap ul li {
      list-style: none;
      text-align: center; }
      @media (max-width: 991px) {
        .block-three-images .inner-wrap ul li {
          width: 50%; } }
      @media (max-width: 580px) {
        .block-three-images .inner-wrap ul li {
          width: 100%;
          margin-bottom: 20px; } }
      .block-three-images .inner-wrap ul li .button {
        margin-top: 35px; }
        @media (max-width: 580px) {
          .block-three-images .inner-wrap ul li .button {
            margin-top: 15px; } }

.block-four-images {
  width: 100%;
  float: left;
  background: white;
  border-bottom: 12px solid #00b9e4;
  margin-bottom: 2px;
  padding-bottom: 20px; }
  .block-four-images .col-md-3 {
    padding: 30px 15px;
    text-align: center; }
    @media (max-width: 480px) {
      .block-four-images .col-md-3 {
        padding: 15px; } }

.yotpo.yotpo-main-widget {
  background: #fff !important;
  margin-bottom: 30px !important;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  -ms-border-radius: 5px;
  border-radius: 5px;
  border: 1px solid #d7d7d7;
  padding-bottom: 25px; }

.yotpo.yotpo-main-widget .yotpo-bottomline.yotpo-bottomline-2-boxes,
.yotpo .yotpo-modal-dialog .yotpo-bottomline.yotpo-bottomline-2-boxes {
  margin: 0 !important;
  border: none !important;
  width: 100%;
  min-height: auto !important; }

.yotpo.yotpo-main-widget .yotpo-bottomline.yotpo-bottomline-2-boxes .yotpo-default-button,
.yotpo .yotpo-modal-dialog .yotpo-bottomline.yotpo-bottomline-2-boxes .yotpo-default-button {
  right: 20px !important; }

.yotpo .yotpo-pager {
  clear: both;
  width: 100%;
  font-family: 'Roboto', Arial, Helvetica, sans-serif; }

#yotpo-testimonials-custom-tab .yotpo-label {
  text-align: center; }

.yotpo .yotpo-popup-box-medium {
  border-top: none !important; }

.yotpo .yotpo-modal-dialog .yotpo-label .yotpo-logo-title,
.yotpo .yotpo-modal-dialog .yotpo-label .yotpo-icon-btn-big {
  float: none !important; }

.yotpo .yotpo-modal-dialog .yotpo-bottomline .text-m {
  color: #383838 !important;
  font-size: 16px;
  text-transform: uppercase;
  display: block;
  margin-top: 15px;
  padding-top: 10px;
  position: relative; }
  .yotpo .yotpo-modal-dialog .yotpo-bottomline .text-m:before {
    content: '';
    border-top: 1px solid #383838;
    position: absolute;
    top: 0;
    left: 50%;
    width: 120px;
    height: 1px;
    margin-left: -60px; }

.yotpo .yotpo-modal-bottom-line .yotpo-bottomline {
  width: 100%;
  text-align: center; }

.yotpo .yotpo-modal-dialog .yotpo-bottomline .yotpo-icon-star,
.yotpo .yotpo-modal-dialog .yotpo-bottomline .yotpo-icon-half-star {
  font-size: 50px !important; }
  @media (max-width: 480px) {
    .yotpo .yotpo-modal-dialog .yotpo-bottomline .yotpo-icon-star,
    .yotpo .yotpo-modal-dialog .yotpo-bottomline .yotpo-icon-half-star {
      font-size: 40px !important; } }

.yotpo .yotpo-nav-content > div.yotpo-active {
  margin-left: -2%;
  margin-right: -2%; }
  @media (max-width: 991px) {
    .yotpo .yotpo-nav-content > div.yotpo-active {
      margin-left: 0%;
      margin-right: 0%; } }

.yotpo .yotpo-regular-box {
  padding: 20px 20px 30px 20px !important;
  margin-left: 2% !important;
  margin-right: 2% !important;
  margin-bottom: 10px !important; }
  @media (max-width: 991px) {
    .yotpo .yotpo-regular-box {
      margin-left: 0% !important;
      margin-right: 0% !important;
      width: 100%; } }

.yotpo .yotpo-regular-box {
  width: 29%;
  float: left;
  border: 1px solid #e3e3e3;
  padding: 20px !important;
  -o-border-radius: 5px;
  -ms-border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  margin-bottom: 30px !important;
  min-height: 390px; }
  @media (max-width: 991px) {
    .yotpo .yotpo-regular-box {
      width: 100%;
      min-height: auto; } }

#yotpo-testimonials-custom-tab .yotpo-review .yotpo-main .content-review {
  display: inline-block;
  font-style: italic !important;
  color: #616365 !important;
  font-size: 13px !important; }

#yotpo-testimonials-custom-tab .yotpo-main .product-link {
  color: #00b9e4 !important;
  text-decoration: underline;
  min-height: 72px;
  display: none !important; }

#yotpo-testimonials-custom-tab .yotpo-review .yotpo-main .content-title {
  width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis; }
  @media (max-width: 991px) {
    #yotpo-testimonials-custom-tab .yotpo-review .yotpo-main .content-title {
      white-space: normal;
      overflow: visible;
      text-overflow: unset;
      line-height: 22px; } }

.yotpo .yotpo-pager .yotpo-page-element {
  width: 25px;
  height: 25px;
  border: 1px solid #383838;
  background: #fff;
  color: #383838 !important;
  display: inline-block;
  padding: 2px;
  font-weight: 700;
  margin-bottom: 8px; }

#yotpo-testimonials-custom-tab .yotpo-review .yotpo-main .content-title {
  font-size: 16px !important;
  color: #383838 !important; }

.yotpo .yotpo-pager .yotpo-page-element.yotpo-icon-left-arrow,
.yotpo .yotpo-pager .yotpo-page-element.yotpo-icon-right-arrow {
  padding-top: 3px; }

.yotpo .yotpo-review .yotpo-header .yotpo-header-actions {
  width: 100%;
  padding-bottom: 25px;
  padding-top: 10px !important; }
  @media (max-width: 480px) {
    .yotpo .yotpo-review .yotpo-header .yotpo-header-actions {
      padding-left: 0; } }

.yotpo .yotpo-review .yotpo-main,
.yotpo .yotpo-comment .yotpo-main,
.yotpo .yotpo-question .yotpo-main,
.yotpo .yotpo-onsite-upload .yotpo-main,
.yotpo .yotpo-review .yotpo-footer {
  margin-left: 0 !important; }

.yotpo .yotpo-review .yotpo-footer {
  margin-top: 10px; }

@media (max-width: 480px) {
  .yotpo .yotpo-review .yotpo-main,
  .yotpo .yotpo-comment .yotpo-main,
  .yotpo .yotpo-question .yotpo-main,
  .yotpo .yotpo-onsite-upload .yotpo-main,
  .yotpo .yotpo-review .yotpo-footer {
    margin-left: 0 !important; } }

.yotpo .yotpo-review .yotpo-header .yotpo-header-element .y-label.yotpo-review-date {
  color: #383838 !important; }

.yotpo .y-label,
.yotpo label.y-label {
  color: #383838 !important; }

.yotpo .yotpo-pager .yotpo-page-element.yotpo-active {
  color: #00b9e4 !important;
  background: #00b9e4; }

@media (max-width: 480px) {
  .mobilehide {
    display: none; } }

@media (min-width: 480px) {
  .mobileshow {
    display: none; } }

.our-company .block {
  position: relative; }
  .our-company .block p.blue-background {
    text-align: center;
    font-size: 19px;
    font-weight: 500;
    padding: 15px;
    margin-bottom: 22px;
    color: white;
    background: #00b9e4;
    -o-border-radius: 3px;
    -ms-border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px; }
  @media (max-width: 767px) {
    .our-company .block .container {
      padding-left: 15px;
      padding-right: 15px; } }
  .our-company .block .container .left-col {
    padding-left: 0; }
    @media (max-width: 991px) {
      .our-company .block .container .left-col {
        width: 30%; } }
    @media (max-width: 767px) {
      .our-company .block .container .left-col {
        width: 100%;
        padding-right: 0; } }
    .our-company .block .container .left-col h2 {
      border: 3px solid transparent;
      font-size: 59px;
      font-weight: 800;
      text-align: right;
      line-height: 69px;
      letter-spacing: 0;
      margin-top: -5px;
      padding-right: 4px; }
      @media (max-width: 991px) {
        .our-company .block .container .left-col h2 {
          font-size: 40px;
          line-height: 50px; } }
      @media (max-width: 767px) {
        .our-company .block .container .left-col h2 {
          text-align: left; } }
      .our-company .block .container .left-col h2 span {
        color: #00b9e4;
        display: block; }
        @media (max-width: 767px) {
          .our-company .block .container .left-col h2 span {
            display: inline-block; } }
  .our-company .block .block-content {
    padding-left: 30px; }
    @media (max-width: 991px) {
      .our-company .block .block-content {
        padding-left: 15px;
        width: 70%; } }
    @media (max-width: 767px) {
      .our-company .block .block-content {
        width: 100%;
        padding-left: 0;
        padding-right: 0; } }
    .our-company .block .block-content .content p {
      font-size: 16px;
      line-height: 29px;
      margin-bottom: 32px; }
      @media (max-width: 991px) {
        .our-company .block .block-content .content p {
          font-size: 14px;
          line-height: 26px;
          margin-bottom: 15px; } }
      @media (max-width: 380px) {
        .our-company .block .block-content .content p {
          line-height: 24px; } }
      .our-company .block .block-content .content p:last-child {
        margin-bottom: 0; }
        @media (max-width: 991px) {
          .our-company .block .block-content .content p:last-child {
            margin-bottom: 0; } }

.our-company .block.img .container {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0; }

.our-company .block.intro-block.img {
  background: none; }
  .our-company .block.intro-block.img > img {
    width: 100%;
    object-fit: cover;
    height: 508px; }
    @media (max-width: 767px) {
      .our-company .block.intro-block.img > img {
        height: 620px; } }
    @media (max-width: 580px) {
      .our-company .block.intro-block.img > img {
        height: 680px; } }
    @media (max-width: 480px) {
      .our-company .block.intro-block.img > img {
        height: 750px; } }
    @media (max-width: 380px) {
      .our-company .block.intro-block.img > img {
        height: 820px; } }
  .our-company .block.intro-block.img .container {
    padding-top: 0;
    padding-bottom: 0; }
    .our-company .block.intro-block.img .container .block-content {
      color: white; }
      .our-company .block.intro-block.img .container .block-content h3,
      .our-company .block.intro-block.img .container .block-content h1 {
        color: white; }
      .our-company .block.intro-block.img .container .block-content h3 {
        margin-top: 15px; }

.our-company .block.intro-block {
  background: #f5f5f5; }
  .our-company .block.intro-block .container {
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -ms-flex-align: center;
    -webkit-box-align: center;
    align-items: center;
    padding-top: 80px;
    padding-bottom: 52px; }
    @media (max-width: 767px) {
      .our-company .block.intro-block .container {
        padding-top: 30px; } }
    .our-company .block.intro-block .container .navBar {
      text-align: left;
      padding-right: 24px;
      padding-left: 0; }
      @media (max-width: 991px) {
        .our-company .block.intro-block .container .navBar {
          padding-right: 15px;
          width: 30%;
          max-width: 271px; } }
      @media (max-width: 767px) {
        .our-company .block.intro-block .container .navBar {
          width: 100%;
          max-width: 100%;
          margin-bottom: 25px;
          padding-right: 0; } }
      .our-company .block.intro-block .container .navBar .navBar-wrapper {
        padding: 0;
        display: inline-block;
        width: 100%; }
        .our-company .block.intro-block .container .navBar .navBar-wrapper h3 {
          background: #00b9e4;
          color: white;
          font-size: 16px;
          font-weight: 700;
          letter-spacing: 0.055em;
          padding: 20px 20px 10px 20px;
          text-transform: uppercase;
          margin-top: 0;
          margin-bottom: 0;
          border-radius: 5px 5px 0 0;
          -o-border-radius: 5px 5px 0 0;
          -ms-border-radius: 5px 5px 0 0;
          -moz-border-radius: 5px 5px 0 0;
          -webkit-border-radius: 5px 5px 0 0; }
        .our-company .block.intro-block .container .navBar .navBar-wrapper .all-pages-list {
          margin: 0;
          padding: 10px 20px 10px 20px;
          float: left;
          width: 100%;
          border: 1px solid #cecece;
          border-top: none;
          background: white;
          -o-border-radius: 0 0 5px 5px;
          -ms-border-radius: 0 0 5px 5px;
          -moz-border-radius: 0 0 5px 5px;
          -webkit-border-radius: 0 0 5px 5px;
          border-radius: 0 0 5px 5px; }
          .our-company .block.intro-block .container .navBar .navBar-wrapper .all-pages-list li {
            margin: 0;
            width: 100%; }
            .our-company .block.intro-block .container .navBar .navBar-wrapper .all-pages-list li a {
              padding: 5px 0;
              color: #38383e;
              font-weight: 500;
              text-transform: uppercase; }
              .our-company .block.intro-block .container .navBar .navBar-wrapper .all-pages-list li a i {
                float: right;
                font-size: 16px;
                padding-top: 1px; }
              .our-company .block.intro-block .container .navBar .navBar-wrapper .all-pages-list li a:hover {
                font-weight: 700;
                color: #00b9e4; }
            .our-company .block.intro-block .container .navBar .navBar-wrapper .all-pages-list li.current-cat a {
              font-weight: 700;
              color: #00b9e4; }
    @media (max-width: 991px) {
      .our-company .block.intro-block .container .block-content {
        width: 70%; } }
    @media (max-width: 767px) {
      .our-company .block.intro-block .container .block-content {
        width: 100%;
        padding: 0; } }
    .our-company .block.intro-block .container .block-content h3 {
      font-size: 19px;
      font-weight: 700;
      letter-spacing: 0.035em;
      text-transform: uppercase;
      color: #00b9e4;
      font-family: 'Roboto Condensed', sans-serif;
      margin-top: 5px; }
      @media (max-width: 991px) {
        .our-company .block.intro-block .container .block-content h3 {
          margin-top: 0; } }
    .our-company .block.intro-block .container .block-content h1 {
      font-size: 59px;
      font-weight: 800;
      text-align: left;
      line-height: 1.1;
      margin: 0 0 27px; }
      @media (max-width: 991px) {
        .our-company .block.intro-block .container .block-content h1 {
          font-size: 40px;
          margin-bottom: 18px; } }
      @media (max-width: 480px) {
        .our-company .block.intro-block .container .block-content h1 {
          font-size: 30px; } }
      @media (max-width: 380px) {
        .our-company .block.intro-block .container .block-content h1 {
          font-size: 25px; } }
    .our-company .block.intro-block .container .block-content .centered-images {
      text-align: center; }

.our-company .block.list-block li {
  text-align: center;
  padding: 0 15px 65px 15px; }
  .our-company .block.list-block li h3 {
    font-size: 17px;
    font-weight: 700;
    letter-spacing: 0.02em;
    line-height: 17px;
    margin-bottom: 7px; }
  .our-company .block.list-block li span {
    font-size: 14px;
    letter-spacing: 0.055em;
    font-style: italic;
    color: #00b9e4; }

.our-company.Our.Company .block.who-we-are > img {
  height: 527px;
  width: 100%;
  object-fit: cover; }
  @media (max-width: 380px) {
    .our-company.Our.Company .block.who-we-are > img {
      height: 630px; } }

.our-company.Our.Company .block.who-we-are .container {
  display: block;
  padding-top: 70px;
  padding-bottom: 20px; }
  @media (max-width: 767px) {
    .our-company.Our.Company .block.who-we-are .container {
      padding-top: 35px; } }
  .our-company.Our.Company .block.who-we-are .container .content {
    color: #28282d; }

.our-company.Our.Company .block.what-we-do .container {
  padding-top: 85px; }
  @media (max-width: 767px) {
    .our-company.Our.Company .block.what-we-do .container {
      padding-top: 55px; } }

.our-company.Our.Company .block.industries {
  padding-top: 66px; }
  .our-company.Our.Company .block.industries ul li {
    text-align: center;
    padding: 32px 55px; }
    @media (max-width: 1199px) {
      .our-company.Our.Company .block.industries ul li {
        padding: 32px 20px; } }
    @media (max-width: 991px) {
      .our-company.Our.Company .block.industries ul li {
        padding: 32px 55px; } }
    @media (max-width: 767px) {
      .our-company.Our.Company .block.industries ul li {
        padding: 32px 20px; } }
    @media (max-width: 580px) {
      .our-company.Our.Company .block.industries ul li {
        padding: 25px 15px; } }
    @media (max-width: 480px) {
      .our-company.Our.Company .block.industries ul li {
        padding: 25px 0; } }
    .our-company.Our.Company .block.industries ul li h3 {
      font-size: 28px;
      font-weight: 900;
      text-transform: uppercase;
      letter-spacing: 0.055em;
      margin-top: 25px;
      padding-bottom: 15px;
      border-bottom: 1px solid #38383e; }
      @media (max-width: 580px) {
        .our-company.Our.Company .block.industries ul li h3 {
          font-size: 20px; } }
    .our-company.Our.Company .block.industries ul li p {
      font-size: 20px;
      line-height: 32px; }
      @media (max-width: 580px) {
        .our-company.Our.Company .block.industries ul li p {
          font-size: 15px;
          line-height: 26px; } }

.our-company.Meet.The.Team .intro-block, .our-company.The.Dogs.Of.Zogics .intro-block {
  padding-bottom: 158px; }

.our-company.Meet.The.Team .list-block, .our-company.The.Dogs.Of.Zogics .list-block {
  margin-top: -158px; }

@media (min-width: 576px) {
  .our-company.Meet.The.Team ul.team-list li:nth-child(odd), .our-company.The.Dogs.Of.Zogics ul.team-list li:nth-child(odd) {
    clear: left; } }

@media (min-width: 768px) {
  .our-company.Meet.The.Team ul.team-list li:nth-child(odd), .our-company.The.Dogs.Of.Zogics ul.team-list li:nth-child(odd) {
    clear: none; }
  .our-company.Meet.The.Team ul.team-list li:nth-child(3n + 1), .our-company.The.Dogs.Of.Zogics ul.team-list li:nth-child(3n + 1) {
    clear: left; } }

.our-company.Meet.The.Team ul.team-list h3 {
  font-size: 22px; }

.our-company.Meet.The.Team ul.team-list span {
  font-size: 18px;
  display: block;
  height: 27px; }

@media (min-width: 992px) {
  .our-company.The.Dogs.Of.Zogics ul.team-list li:nth-child(3n + 1) {
    clear: none; }
  .our-company.The.Dogs.Of.Zogics ul.team-list li:nth-child(4n + 1) {
    clear: left; } }

.our-company.The.Dogs.Of.Zogics .full-width-two-banner {
  background: #f5f5f5; }
  .our-company.The.Dogs.Of.Zogics .full-width-two-banner .banner-text {
    clear: both; }
    .our-company.The.Dogs.Of.Zogics .full-width-two-banner .banner-text .image-wrap img {
      height: 525px; }
    .our-company.The.Dogs.Of.Zogics .full-width-two-banner .banner-text .text {
      font-size: 16px;
      line-height: 30px;
      margin-top: 28px; }
    .our-company.The.Dogs.Of.Zogics .full-width-two-banner .banner-text h2 {
      font-size: 42px;
      font-weight: 700;
      margin-bottom: 48px; }
      @media (max-width: 991px) {
        .our-company.The.Dogs.Of.Zogics .full-width-two-banner .banner-text h2 {
          text-align: center;
          font-size: 32px;
          margin-bottom: 28px; } }
      @media (max-width: 480px) {
        .our-company.The.Dogs.Of.Zogics .full-width-two-banner .banner-text h2 {
          font-size: 28px; } }
      @media (max-width: 480px) {
        .our-company.The.Dogs.Of.Zogics .full-width-two-banner .banner-text h2 {
          font-size: 23px; } }
    .our-company.The.Dogs.Of.Zogics .full-width-two-banner .banner-text .content-col .content-inner {
      max-width: 710px;
      padding-right: 12%;
      padding-left: 12%; }
      @media (max-width: 1199px) {
        .our-company.The.Dogs.Of.Zogics .full-width-two-banner .banner-text .content-col .content-inner {
          max-width: 100%;
          padding-left: 20px;
          padding-right: 20px; } }
      @media (max-width: 991px) {
        .our-company.The.Dogs.Of.Zogics .full-width-two-banner .banner-text .content-col .content-inner {
          text-align: center; } }
  .our-company.The.Dogs.Of.Zogics .full-width-two-banner .banner-text-left .content-col .content-inner {
    float: left; }
    @media (min-width: 992px) {
      .our-company.The.Dogs.Of.Zogics .full-width-two-banner .banner-text-left .content-col .content-inner {
        padding-top: 135px; } }
  .our-company.The.Dogs.Of.Zogics .full-width-two-banner .banner-text-left .image-wrap {
    border-right: 5px solid white;
    border-bottom: 5px solid white; }
  .our-company.The.Dogs.Of.Zogics .full-width-two-banner .banner-text-right .content-col .content-inner {
    float: right;
    padding-top: 50px; }
  .our-company.The.Dogs.Of.Zogics .full-width-two-banner .banner-text-right .image-wrap {
    border-left: 5px solid white;
    border-top: 5px solid white; }

.our-company.Careers .block.intro-block .container {
  padding-bottom: 98px; }
  @media (max-width: 767px) {
    .our-company.Careers .block.intro-block .container .block-content {
      margin-top: 50px; } }
  .our-company.Careers .block.intro-block .container .block-content h3 {
    margin-bottom: 16px;
    margin-top: 25px; }
    @media (max-width: 380px) {
      .our-company.Careers .block.intro-block .container .block-content h3 {
        font-size: 18px; } }
  .our-company.Careers .block.intro-block .container .block-content .title h1 {
    display: inline-block;
    letter-spacing: 0px;
    color: #38383e;
    font-family: "Paralucent";
    font-weight: bold;
    font-size: 51px; }
    @media (max-width: 1199px) {
      .our-company.Careers .block.intro-block .container .block-content .title h1 {
        font-size: 40px; } }
    @media (max-width: 991px) {
      .our-company.Careers .block.intro-block .container .block-content .title h1 {
        font-size: 26px; } }
    @media (max-width: 480px) {
      .our-company.Careers .block.intro-block .container .block-content .title h1 {
        font-size: 24px; } }
    @media (max-width: 380px) {
      .our-company.Careers .block.intro-block .container .block-content .title h1 {
        font-size: 20px; } }
    .our-company.Careers .block.intro-block .container .block-content .title h1 span {
      display: block;
      padding-top: 5px; }
  .our-company.Careers .block.intro-block .container .block-content .title img {
    float: right;
    margin-top: -75px; }
    @media (max-width: 1199px) {
      .our-company.Careers .block.intro-block .container .block-content .title img {
        max-width: 170px; } }
    @media (max-width: 991px) {
      .our-company.Careers .block.intro-block .container .block-content .title img {
        max-width: 140px; } }
    @media (max-width: 480px) {
      .our-company.Careers .block.intro-block .container .block-content .title img {
        max-width: 95px;
        margin-top: -40px; } }
    @media (max-width: 380px) {
      .our-company.Careers .block.intro-block .container .block-content .title img {
        max-width: 75px;
        margin-top: -30px; } }

.our-company.Careers .together .together-text {
  background: #38383e;
  color: white;
  padding-top: 40px;
  padding-bottom: 210px;
  text-align: center; }
  .our-company.Careers .together .together-text h3 {
    margin-top: 50px;
    margin-bottom: 42px;
    text-align: center;
    color: #38383e;
    text-transform: uppercase;
    line-height: 69px;
    letter-spacing: 0px;
    font-family: "Paralucent";
    font-weight: bold;
    font-size: 40px; }
    @media (max-width: 992px) {
      .our-company.Careers .together .together-text h3 {
        margin-bottom: 25px;
        line-height: 35px;
        font-size: 30px; } }
    @media (max-width: 768px) {
      .our-company.Careers .together .together-text h3 {
        font-size: 22px; } }
    @media (max-width: 480px) {
      .our-company.Careers .together .together-text h3 {
        font-size: 19px; } }
    .our-company.Careers .together .together-text h3 strike {
      color: #616365; }
  .our-company.Careers .together .together-text .text {
    font-size: 16px;
    line-height: 29px;
    letter-spacing: 0.02em;
    text-align: left; }
    @media (max-width: 380px) {
      .our-company.Careers .together .together-text .text {
        font-size: 14px; } }

.our-company.Careers .together .together-gallery {
  margin-top: -135px; }
  .our-company.Careers .together .together-gallery .container {
    width: 1295px; }
    @media (max-width: 1315px) {
      .our-company.Careers .together .together-gallery .container {
        width: 100%; } }
    .our-company.Careers .together .together-gallery .container .row {
      margin-left: -5px;
      margin-right: -5px; }
      .our-company.Careers .together .together-gallery .container .row > .col-xs-7 {
        width: 51.4%;
        padding-right: 5px;
        padding-left: 5px; }
        @media (max-width: 680px) {
          .our-company.Careers .together .together-gallery .container .row > .col-xs-7 {
            width: 100%; } }
        .our-company.Careers .together .together-gallery .container .row > .col-xs-7 img {
          padding-bottom: 10px; }
      .our-company.Careers .together .together-gallery .container .row > .col-xs-5 {
        width: 48.6%;
        padding-left: 5px;
        padding-right: 5px; }
        @media (max-width: 680px) {
          .our-company.Careers .together .together-gallery .container .row > .col-xs-5 {
            width: 100%; } }
        .our-company.Careers .together .together-gallery .container .row > .col-xs-5 img {
          padding-bottom: 10px; }
        .our-company.Careers .together .together-gallery .container .row > .col-xs-5 .col-xs-7 {
          width: 57%; }
          @media (max-width: 680px) {
            .our-company.Careers .together .together-gallery .container .row > .col-xs-5 .col-xs-7 {
              width: 56.9%; } }
        .our-company.Careers .together .together-gallery .container .row > .col-xs-5 .col-xs-5 {
          width: 43%; }
          @media (max-width: 680px) {
            .our-company.Careers .together .together-gallery .container .row > .col-xs-5 .col-xs-5 {
              width: 43.1%; } }
      .our-company.Careers .together .together-gallery .container .row .col-xs-12 {
        padding-left: 5px;
        padding-right: 5px; }

.our-company.Careers .benefits {
  background: #00b9e4;
  margin-top: 55px;
  padding-bottom: 240px; }
  .our-company.Careers .benefits .container h3 {
    margin-top: 50px;
    margin-bottom: 80px;
    text-align: center;
    color: #38383e;
    text-transform: uppercase;
    letter-spacing: 0px;
    font-family: "Paralucent";
    font-weight: bold;
    font-size: 40px; }
    @media (max-width: 992px) {
      .our-company.Careers .benefits .container h3 {
        margin-top: 25px;
        margin-bottom: 35px;
        font-size: 30px; } }
    @media (max-width: 768px) {
      .our-company.Careers .benefits .container h3 {
        font-size: 22px; } }
    @media (max-width: 480px) {
      .our-company.Careers .benefits .container h3 {
        font-size: 19px;
        margin-bottom: 50px; } }
  .our-company.Careers .benefits .container ul li {
    min-height: 162px;
    padding: 0 10px;
    text-align: center;
    padding-bottom: 30px; }
    @media (max-width: 580px) {
      .our-company.Careers .benefits .container ul li {
        padding-bottom: 40px; } }
    .our-company.Careers .benefits .container ul li img {
      margin-bottom: 22px; }
    .our-company.Careers .benefits .container ul li span {
      display: block;
      width: 100%;
      color: white;
      font-size: 16px; }

.our-company.Careers .culture {
  margin-top: -136px; }
  .our-company.Careers .culture .col-sm-4 {
    margin-bottom: 20px; }
    .our-company.Careers .culture .col-sm-4 .image-wrap {
      text-align: center;
      position: relative; }
      .our-company.Careers .culture .col-sm-4 .image-wrap .title {
        width: 100%;
        position: absolute;
        bottom: 27px;
        left: 0;
        text-align: center;
        color: white; }
        .our-company.Careers .culture .col-sm-4 .image-wrap .title h4 {
          color: white;
          font-size: 73px;
          font-weight: 500;
          margin-top: 12px;
          line-height: 1.1; }
          @media (max-width: 991px) {
            .our-company.Careers .culture .col-sm-4 .image-wrap .title h4 {
              font-size: 58px; } }
        .our-company.Careers .culture .col-sm-4 .image-wrap .title span {
          font-size: 35px; }
          @media (max-width: 991px) {
            .our-company.Careers .culture .col-sm-4 .image-wrap .title span {
              font-size: 25px; } }
    .our-company.Careers .culture .col-sm-4 .text {
      padding: 32px 45px;
      font-size: 22px;
      line-height: 33px;
      min-height: 230px;
      max-width: 375px;
      margin: 5px auto 0 auto; }
      @media (max-width: 1199px) {
        .our-company.Careers .culture .col-sm-4 .text {
          min-height: 295px; } }
      @media (max-width: 991px) {
        .our-company.Careers .culture .col-sm-4 .text {
          min-height: 200px;
          padding: 15px;
          font-size: 16px;
          line-height: 28px; } }
      @media (max-width: 767px) {
        .our-company.Careers .culture .col-sm-4 .text {
          min-height: 0;
          padding: 25px 15px; } }
    .our-company.Careers .culture .col-sm-4.col1 .text {
      background: #00b9e4; }
    .our-company.Careers .culture .col-sm-4.col2 .text {
      background: #1cb94a; }
    .our-company.Careers .culture .col-sm-4.col3 .title {
      bottom: 46px; }
      .our-company.Careers .culture .col-sm-4.col3 .title h4 {
        font-size: 45px !important; }
        @media (max-width: 991px) {
          .our-company.Careers .culture .col-sm-4.col3 .title h4 {
            font-size: 30px !important; } }
    .our-company.Careers .culture .col-sm-4.col3 .text {
      background: #a65f52;
      color: white; }

.our-company.Careers .open-position {
  padding-top: 110px; }
  @media (max-width: 991px) {
    .our-company.Careers .open-position {
      padding-top: 60px; } }
  .our-company.Careers .open-position #BambooHR-ATS h2 {
    font-size: 51px;
    line-height: 69px;
    font-weight: 700;
    text-align: center;
    padding-bottom: 25px;
    text-transform: uppercase;
    color: #38383e; }
    @media (max-width: 992px) {
      .our-company.Careers .open-position #BambooHR-ATS h2 {
        font-size: 40px; } }
    @media (max-width: 768px) {
      .our-company.Careers .open-position #BambooHR-ATS h2 {
        font-size: 26px; } }
    @media (max-width: 480px) {
      .our-company.Careers .open-position #BambooHR-ATS h2 {
        font-size: 20px; } }
  .our-company.Careers .open-position #BambooHR-ATS ul {
    width: 100%;
    float: left; }
    .our-company.Careers .open-position #BambooHR-ATS ul a {
      color: #ea3a02; }

.our-company.In.The.Press .media-inquiries {
  background: #383838;
  -o-border-radius: 5px;
  -ms-border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  padding: 20px 15px;
  color: white;
  text-align: center;
  margin-top: 25px; }
  .our-company.In.The.Press .media-inquiries h3 {
    color: white;
    font-size: 16px;
    font-weight: 700;
    text-transform: uppercase;
    border-bottom: 1px solid #00b9e4;
    padding: 0 12px 10px 12px;
    display: inline-block;
    margin-bottom: 15px;
    margin-top: 0; }
  .our-company.In.The.Press .media-inquiries p {
    font-size: 16px;
    line-height: 22px; }
    @media (max-width: 991px) {
      .our-company.In.The.Press .media-inquiries p {
        font-size: 15px; } }
    @media (max-width: 767px) {
      .our-company.In.The.Press .media-inquiries p br {
        display: none; } }
    @media (max-width: 380px) {
      .our-company.In.The.Press .media-inquiries p br {
        display: block; } }
    .our-company.In.The.Press .media-inquiries p a {
      color: #00b9e4; }

.our-company.In.The.Press .articles {
  width: 100%;
  margin-top: 65px;
  margin-left: -8px;
  margin-right: -8px; }
  .our-company.In.The.Press .articles .article {
    padding: 0 8px;
    margin: 0 auto 15px auto; }
    @media (max-width: 580px) {
      .our-company.In.The.Press .articles .article {
        max-width: 290px; } }
    .our-company.In.The.Press .articles .article .inner-wrap {
      border: 1px solid #e3e3e3;
      text-align: center;
      background-color: white; }
      .our-company.In.The.Press .articles .article .inner-wrap img {
        width: 100%; }
      .our-company.In.The.Press .articles .article .inner-wrap .inner {
        padding: 18px 15px;
        text-align: left; }
        .our-company.In.The.Press .articles .article .inner-wrap .inner .category {
          color: #616365;
          font-style: italic;
          margin-top: 5px; }
        .our-company.In.The.Press .articles .article .inner-wrap .inner .title {
          min-height: 60px;
          font-size: 15px;
          font-weight: 700;
          line-height: 20px; }
        .our-company.In.The.Press .articles .article .inner-wrap .inner .read-more {
          margin-top: 15px;
          text-decoration: underline;
          color: #ea3a02;
          font-size: 12px;
          display: inline-block; }

.our-company.Reviews {
  background: #f5f5f5; }

.our-company.Autoship .autoship-header {
  display: flex;
  flex-direction: column-reverse;
  justify-content: center;
  align-items: flex-start; }
  @media (min-width: 768px) {
    .our-company.Autoship .autoship-header {
      flex-direction: row;
      align-items: center; } }

@media (min-width: 992px) {
  .our-company.Autoship .autoship-hero-text {
    margin-left: auto; } }

@media (min-width: 992px) {
  .our-company.Autoship .left-column {
    padding-right: 50px; } }

@media (max-width: 991px) {
  .our-company.Autoship .page-heading {
    font-size: 35px !important; } }

.custom-page h5 {
  font-weight: 900; }

.custom-page p {
  font-size: 16px; }

.custom-page .button:not(.autosize) {
  min-width: 225px;
  height: 50px;
  line-height: 50px;
  font-size: 20px;
  font-weight: 400;
  padding: 0 20px; }
  @media (max-width: 480px) {
    .custom-page .button:not(.autosize) {
      font-size: 18px; } }
  @media (max-width: 380px) {
    .custom-page .button:not(.autosize) {
      font-size: 15px;
      padding: 0 15px; } }
  .custom-page .button:not(.autosize) svg {
    width: 18px;
    height: 16px;
    margin-top: 1px;
    letter-spacing: 0.055em; }

.custom-page .container {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  padding: 0px;
  width: 100%; }
  @media (max-width: 991px) {
    .custom-page .container {
      justify-content: center;
      -ms-justify-content: center;
      -webkit-justify-content: center; } }
  @media (max-width: 767px) {
    .custom-page .container {
      justify-content: center;
      padding: 0 20px; } }
  .custom-page .container p {
    color: white; }
  .custom-page .container h3,
  .custom-page .container h5 {
    color: white;
    text-transform: uppercase;
    font-weight: 900; }

.custom-page .banner-text {
  position: relative; }
  .custom-page .banner-text > img {
    height: 600px;
    object-fit: cover; }
  .custom-page .banner-text .container .col-xs-6 h5 {
    border-bottom: 1px solid #00b9e4;
    padding-bottom: 7px;
    max-width: 372px; }
  .custom-page .banner-text .container .col-xs-6 h3 {
    margin-top: 14px;
    margin-bottom: 28px; }
  .custom-page .banner-text .container .col-xs-6 p {
    font-size: 16px;
    line-height: 30px;
    margin-bottom: 42px; }

.custom-page.hl-story-pages {
  background: #f5f5f5;
  padding-bottom: 10px; }
  .custom-page.hl-story-pages p {
    line-height: 30px; }
  .custom-page.hl-story-pages .banner-text .banner-content p {
    margin-bottom: 45px; }
  .custom-page.hl-story-pages .banner-text .banner-content .button {
    min-width: 225px; }
    @media (max-width: 1419px) {
      .custom-page.hl-story-pages .banner-text .banner-content .button {
        min-width: auto; } }
  .custom-page.hl-story-pages .banner-text .inner-wrap .inner p {
    margin-bottom: 45px; }
  .custom-page.hl-story-pages .banner-text-left .banner-content .button {
    margin-right: 22px;
    margin-left: 0 !important; }
    @media (max-width: 480px) {
      .custom-page.hl-story-pages .banner-text-left .banner-content .button {
        margin-right: 0; } }
  .custom-page.hl-story-pages .banner-text-right .banner-content .button {
    margin-left: 22px; }
    @media (max-width: 480px) {
      .custom-page.hl-story-pages .banner-text-right .banner-content .button {
        margin-left: 0; } }
  .custom-page.hl-story-pages .full-width-one-banner.fitness-story-header .banner-text > img {
    height: 670px; }
  .custom-page.hl-story-pages .full-width-one-banner.fitness-story-header .banner-text-right .container {
    padding: 0 20px; }
    @media (min-width: 1420px) {
      .custom-page.hl-story-pages .full-width-one-banner.fitness-story-header .banner-text-right .container {
        width: 1220px; } }
    .custom-page.hl-story-pages .full-width-one-banner.fitness-story-header .banner-text-right .container .banner-content {
      width: 100%;
      padding-bottom: 170px; }
      @media (max-width: 580px) {
        .custom-page.hl-story-pages .full-width-one-banner.fitness-story-header .banner-text-right .container .banner-content {
          padding-bottom: 250px; } }
      .custom-page.hl-story-pages .full-width-one-banner.fitness-story-header .banner-text-right .container .banner-content .inner {
        width: 60%;
        display: inline-block; }
        @media (max-width: 991px) {
          .custom-page.hl-story-pages .full-width-one-banner.fitness-story-header .banner-text-right .container .banner-content .inner {
            width: 80%; } }
        @media (max-width: 767px) {
          .custom-page.hl-story-pages .full-width-one-banner.fitness-story-header .banner-text-right .container .banner-content .inner {
            width: 100%; } }
        .custom-page.hl-story-pages .full-width-one-banner.fitness-story-header .banner-text-right .container .banner-content .inner h5 {
          margin-bottom: 2px; }
          @media (min-width: 768px) {
            .custom-page.hl-story-pages .full-width-one-banner.fitness-story-header .banner-text-right .container .banner-content .inner h5 {
              max-width: 645px; } }
        .custom-page.hl-story-pages .full-width-one-banner.fitness-story-header .banner-text-right .container .banner-content .inner h1 {
          margin-top: 0;
          margin-bottom: 25px;
          width: 100%;
          text-align: right; }
          @media (max-width: 1199px) {
            .custom-page.hl-story-pages .full-width-one-banner.fitness-story-header .banner-text-right .container .banner-content .inner h1 {
              margin-top: 10px; } }
          @media (max-width: 767px) {
            .custom-page.hl-story-pages .full-width-one-banner.fitness-story-header .banner-text-right .container .banner-content .inner h1 {
              text-align: center; } }
          @media (max-width: 580px) {
            .custom-page.hl-story-pages .full-width-one-banner.fitness-story-header .banner-text-right .container .banner-content .inner h1 {
              font-size: 32px;
              line-height: 42px; } }
          @media (max-width: 380px) {
            .custom-page.hl-story-pages .full-width-one-banner.fitness-story-header .banner-text-right .container .banner-content .inner h1 {
              font-size: 26px;
              line-height: 36px;
              margin-bottom: 15px; } }
        .custom-page.hl-story-pages .full-width-one-banner.fitness-story-header .banner-text-right .container .banner-content .inner p {
          margin-bottom: 45px; }
          @media (max-width: 480px) {
            .custom-page.hl-story-pages .full-width-one-banner.fitness-story-header .banner-text-right .container .banner-content .inner p {
              margin-bottom: 20px; } }
      .custom-page.hl-story-pages .full-width-one-banner.fitness-story-header .banner-text-right .container .banner-content ul.bottom-cate {
        width: calc(100% - 40px);
        max-width: 100%; }
        @media (max-width: 1199px) {
          .custom-page.hl-story-pages .full-width-one-banner.fitness-story-header .banner-text-right .container .banner-content ul.bottom-cate {
            padding: 7px 0; } }
        @media (max-width: 767px) {
          .custom-page.hl-story-pages .full-width-one-banner.fitness-story-header .banner-text-right .container .banner-content ul.bottom-cate {
            width: 100%; } }
        @media (max-width: 580px) {
          .custom-page.hl-story-pages .full-width-one-banner.fitness-story-header .banner-text-right .container .banner-content ul.bottom-cate {
            bottom: 5px; } }
        .custom-page.hl-story-pages .full-width-one-banner.fitness-story-header .banner-text-right .container .banner-content ul.bottom-cate li {
          width: 12.5%; }
          @media (max-width: 1199px) {
            .custom-page.hl-story-pages .full-width-one-banner.fitness-story-header .banner-text-right .container .banner-content ul.bottom-cate li {
              width: 12.5%;
              padding: 8px 15px; } }
          @media (max-width: 767px) {
            .custom-page.hl-story-pages .full-width-one-banner.fitness-story-header .banner-text-right .container .banner-content ul.bottom-cate li {
              width: 25%; } }
          @media (max-width: 580px) {
            .custom-page.hl-story-pages .full-width-one-banner.fitness-story-header .banner-text-right .container .banner-content ul.bottom-cate li {
              width: 25%; } }
          @media (max-width: 480px) {
            .custom-page.hl-story-pages .full-width-one-banner.fitness-story-header .banner-text-right .container .banner-content ul.bottom-cate li {
              width: 33.33%; } }
          .custom-page.hl-story-pages .full-width-one-banner.fitness-story-header .banner-text-right .container .banner-content ul.bottom-cate li:first-child {
            padding-left: 0; }
            @media (max-width: 1199px) {
              .custom-page.hl-story-pages .full-width-one-banner.fitness-story-header .banner-text-right .container .banner-content ul.bottom-cate li:first-child {
                padding-left: 15px; } }
          .custom-page.hl-story-pages .full-width-one-banner.fitness-story-header .banner-text-right .container .banner-content ul.bottom-cate li:last-child {
            padding-right: 0; }
            @media (max-width: 1199px) {
              .custom-page.hl-story-pages .full-width-one-banner.fitness-story-header .banner-text-right .container .banner-content ul.bottom-cate li:last-child {
                padding-right: 15px; } }
          @media (min-width: 1199px) {
            .custom-page.hl-story-pages .full-width-one-banner.fitness-story-header .banner-text-right .container .banner-content ul.bottom-cate li.small {
              width: 7%; } }
          @media (min-width: 1199px) {
            .custom-page.hl-story-pages .full-width-one-banner.fitness-story-header .banner-text-right .container .banner-content ul.bottom-cate li.big {
              width: 8.38%; } }
  .custom-page.hl-story-pages .full-width-one-banner.cleaning-story-header .banner-text > img {
    height: 670px; }
  .custom-page.hl-story-pages .full-width-one-banner.cleaning-story-header .banner-text-right .container {
    padding: 0 20px; }
    @media (min-width: 1420px) {
      .custom-page.hl-story-pages .full-width-one-banner.cleaning-story-header .banner-text-right .container {
        width: 1220px; } }
    .custom-page.hl-story-pages .full-width-one-banner.cleaning-story-header .banner-text-right .container .banner-content {
      width: 100%;
      padding-bottom: 170px; }
      @media (max-width: 580px) {
        .custom-page.hl-story-pages .full-width-one-banner.cleaning-story-header .banner-text-right .container .banner-content {
          padding-bottom: 250px; } }
      .custom-page.hl-story-pages .full-width-one-banner.cleaning-story-header .banner-text-right .container .banner-content .inner {
        width: 60%;
        display: inline-block; }
        @media (max-width: 991px) {
          .custom-page.hl-story-pages .full-width-one-banner.cleaning-story-header .banner-text-right .container .banner-content .inner {
            width: 80%; } }
        @media (max-width: 767px) {
          .custom-page.hl-story-pages .full-width-one-banner.cleaning-story-header .banner-text-right .container .banner-content .inner {
            width: 100%; } }
        .custom-page.hl-story-pages .full-width-one-banner.cleaning-story-header .banner-text-right .container .banner-content .inner h5 {
          margin-bottom: 2px; }
          @media (min-width: 768px) {
            .custom-page.hl-story-pages .full-width-one-banner.cleaning-story-header .banner-text-right .container .banner-content .inner h5 {
              max-width: 645px; } }
        .custom-page.hl-story-pages .full-width-one-banner.cleaning-story-header .banner-text-right .container .banner-content .inner h1 {
          margin-top: 0;
          margin-bottom: 25px;
          width: 100%;
          text-align: right; }
          @media (max-width: 1199px) {
            .custom-page.hl-story-pages .full-width-one-banner.cleaning-story-header .banner-text-right .container .banner-content .inner h1 {
              margin-top: 10px; } }
          @media (max-width: 767px) {
            .custom-page.hl-story-pages .full-width-one-banner.cleaning-story-header .banner-text-right .container .banner-content .inner h1 {
              text-align: center; } }
          @media (max-width: 580px) {
            .custom-page.hl-story-pages .full-width-one-banner.cleaning-story-header .banner-text-right .container .banner-content .inner h1 {
              font-size: 32px;
              line-height: 42px; } }
          @media (max-width: 380px) {
            .custom-page.hl-story-pages .full-width-one-banner.cleaning-story-header .banner-text-right .container .banner-content .inner h1 {
              font-size: 26px;
              line-height: 36px;
              margin-bottom: 15px; } }
        .custom-page.hl-story-pages .full-width-one-banner.cleaning-story-header .banner-text-right .container .banner-content .inner p {
          margin-bottom: 45px; }
          @media (max-width: 480px) {
            .custom-page.hl-story-pages .full-width-one-banner.cleaning-story-header .banner-text-right .container .banner-content .inner p {
              margin-bottom: 20px; } }
      .custom-page.hl-story-pages .full-width-one-banner.cleaning-story-header .banner-text-right .container .banner-content ul.bottom-cate {
        width: calc(80% - 40px);
        max-width: 80%; }
        @media (max-width: 1199px) {
          .custom-page.hl-story-pages .full-width-one-banner.cleaning-story-header .banner-text-right .container .banner-content ul.bottom-cate {
            padding: 7px 0; } }
        @media (max-width: 767px) {
          .custom-page.hl-story-pages .full-width-one-banner.cleaning-story-header .banner-text-right .container .banner-content ul.bottom-cate {
            width: 100%; } }
        @media (max-width: 580px) {
          .custom-page.hl-story-pages .full-width-one-banner.cleaning-story-header .banner-text-right .container .banner-content ul.bottom-cate {
            bottom: 5px; } }
        .custom-page.hl-story-pages .full-width-one-banner.cleaning-story-header .banner-text-right .container .banner-content ul.bottom-cate li {
          width: 11.11%; }
          @media (max-width: 1199px) {
            .custom-page.hl-story-pages .full-width-one-banner.cleaning-story-header .banner-text-right .container .banner-content ul.bottom-cate li {
              width: 20%;
              padding: 8px 15px; } }
          @media (max-width: 767px) {
            .custom-page.hl-story-pages .full-width-one-banner.cleaning-story-header .banner-text-right .container .banner-content ul.bottom-cate li {
              width: 25%; } }
          @media (max-width: 580px) {
            .custom-page.hl-story-pages .full-width-one-banner.cleaning-story-header .banner-text-right .container .banner-content ul.bottom-cate li {
              width: 33.33%; } }
          @media (max-width: 480px) {
            .custom-page.hl-story-pages .full-width-one-banner.cleaning-story-header .banner-text-right .container .banner-content ul.bottom-cate li {
              width: 33.33%; } }
          .custom-page.hl-story-pages .full-width-one-banner.cleaning-story-header .banner-text-right .container .banner-content ul.bottom-cate li:first-child {
            padding-left: 0; }
            @media (max-width: 1199px) {
              .custom-page.hl-story-pages .full-width-one-banner.cleaning-story-header .banner-text-right .container .banner-content ul.bottom-cate li:first-child {
                padding-left: 15px; } }
          .custom-page.hl-story-pages .full-width-one-banner.cleaning-story-header .banner-text-right .container .banner-content ul.bottom-cate li:last-child {
            padding-right: 0; }
            @media (max-width: 1199px) {
              .custom-page.hl-story-pages .full-width-one-banner.cleaning-story-header .banner-text-right .container .banner-content ul.bottom-cate li:last-child {
                padding-right: 15px; } }
          @media (min-width: 1199px) {
            .custom-page.hl-story-pages .full-width-one-banner.cleaning-story-header .banner-text-right .container .banner-content ul.bottom-cate li.small {
              width: 11%; } }
          @media (min-width: 1199px) {
            .custom-page.hl-story-pages .full-width-one-banner.cleaning-story-header .banner-text-right .container .banner-content ul.bottom-cate li.big {
              width: 14%; } }
  .custom-page.hl-story-pages .full-width-one-banner.facility-story-header .banner-text > img {
    height: 670px; }
  .custom-page.hl-story-pages .full-width-one-banner.facility-story-header .banner-text-right .container {
    padding: 0 20px; }
    @media (min-width: 1420px) {
      .custom-page.hl-story-pages .full-width-one-banner.facility-story-header .banner-text-right .container {
        width: 1220px; } }
    .custom-page.hl-story-pages .full-width-one-banner.facility-story-header .banner-text-right .container .banner-content {
      width: 100%;
      padding-bottom: 170px; }
      @media (max-width: 580px) {
        .custom-page.hl-story-pages .full-width-one-banner.facility-story-header .banner-text-right .container .banner-content {
          padding-bottom: 250px; } }
      .custom-page.hl-story-pages .full-width-one-banner.facility-story-header .banner-text-right .container .banner-content .inner {
        width: 75%;
        display: inline-block; }
        @media (max-width: 991px) {
          .custom-page.hl-story-pages .full-width-one-banner.facility-story-header .banner-text-right .container .banner-content .inner {
            width: 80%; } }
        @media (max-width: 767px) {
          .custom-page.hl-story-pages .full-width-one-banner.facility-story-header .banner-text-right .container .banner-content .inner {
            width: 100%; } }
        .custom-page.hl-story-pages .full-width-one-banner.facility-story-header .banner-text-right .container .banner-content .inner h5 {
          margin-bottom: 2px; }
          @media (min-width: 768px) {
            .custom-page.hl-story-pages .full-width-one-banner.facility-story-header .banner-text-right .container .banner-content .inner h5 {
              max-width: 645px; } }
        .custom-page.hl-story-pages .full-width-one-banner.facility-story-header .banner-text-right .container .banner-content .inner h1 {
          margin-top: 0;
          margin-bottom: 25px;
          width: 100%;
          text-align: right; }
          @media (max-width: 1199px) {
            .custom-page.hl-story-pages .full-width-one-banner.facility-story-header .banner-text-right .container .banner-content .inner h1 {
              margin-top: 10px; } }
          @media (max-width: 767px) {
            .custom-page.hl-story-pages .full-width-one-banner.facility-story-header .banner-text-right .container .banner-content .inner h1 {
              text-align: center; } }
          @media (max-width: 580px) {
            .custom-page.hl-story-pages .full-width-one-banner.facility-story-header .banner-text-right .container .banner-content .inner h1 {
              font-size: 32px;
              line-height: 42px; } }
          @media (max-width: 380px) {
            .custom-page.hl-story-pages .full-width-one-banner.facility-story-header .banner-text-right .container .banner-content .inner h1 {
              font-size: 26px;
              line-height: 36px;
              margin-bottom: 15px; } }
        .custom-page.hl-story-pages .full-width-one-banner.facility-story-header .banner-text-right .container .banner-content .inner p {
          margin-bottom: 45px; }
          @media (max-width: 480px) {
            .custom-page.hl-story-pages .full-width-one-banner.facility-story-header .banner-text-right .container .banner-content .inner p {
              margin-bottom: 20px; } }
      .custom-page.hl-story-pages .full-width-one-banner.facility-story-header .banner-text-right .container .banner-content ul.bottom-cate {
        width: calc(100% - 40px);
        max-width: 100%; }
        @media (max-width: 1199px) {
          .custom-page.hl-story-pages .full-width-one-banner.facility-story-header .banner-text-right .container .banner-content ul.bottom-cate {
            padding: 7px 0; } }
        @media (max-width: 767px) {
          .custom-page.hl-story-pages .full-width-one-banner.facility-story-header .banner-text-right .container .banner-content ul.bottom-cate {
            width: 100%; } }
        @media (max-width: 580px) {
          .custom-page.hl-story-pages .full-width-one-banner.facility-story-header .banner-text-right .container .banner-content ul.bottom-cate {
            bottom: 5px; } }
        .custom-page.hl-story-pages .full-width-one-banner.facility-story-header .banner-text-right .container .banner-content ul.bottom-cate li {
          width: 10%; }
          @media (max-width: 1199px) {
            .custom-page.hl-story-pages .full-width-one-banner.facility-story-header .banner-text-right .container .banner-content ul.bottom-cate li {
              width: 20%;
              padding: 8px 15px; } }
          @media (max-width: 767px) {
            .custom-page.hl-story-pages .full-width-one-banner.facility-story-header .banner-text-right .container .banner-content ul.bottom-cate li {
              width: 20%; } }
          @media (max-width: 580px) {
            .custom-page.hl-story-pages .full-width-one-banner.facility-story-header .banner-text-right .container .banner-content ul.bottom-cate li {
              width: 25%; } }
          @media (max-width: 480px) {
            .custom-page.hl-story-pages .full-width-one-banner.facility-story-header .banner-text-right .container .banner-content ul.bottom-cate li {
              width: 33.33%; } }
          .custom-page.hl-story-pages .full-width-one-banner.facility-story-header .banner-text-right .container .banner-content ul.bottom-cate li:first-child {
            padding-left: 0; }
            @media (max-width: 1199px) {
              .custom-page.hl-story-pages .full-width-one-banner.facility-story-header .banner-text-right .container .banner-content ul.bottom-cate li:first-child {
                padding-left: 15px; } }
          .custom-page.hl-story-pages .full-width-one-banner.facility-story-header .banner-text-right .container .banner-content ul.bottom-cate li:last-child {
            padding-right: 0; }
            @media (max-width: 1199px) {
              .custom-page.hl-story-pages .full-width-one-banner.facility-story-header .banner-text-right .container .banner-content ul.bottom-cate li:last-child {
                padding-right: 15px; } }
          @media (min-width: 1199px) {
            .custom-page.hl-story-pages .full-width-one-banner.facility-story-header .banner-text-right .container .banner-content ul.bottom-cate li.small {
              width: 8%; } }
          @media (min-width: 1199px) {
            .custom-page.hl-story-pages .full-width-one-banner.facility-story-header .banner-text-right .container .banner-content ul.bottom-cate li.big {
              width: 10.5%; } }
  .custom-page.hl-story-pages .full-width-one-banner.body-care-story-header .banner-text > img {
    height: 560px; }
  .custom-page.hl-story-pages .full-width-one-banner.body-care-story-header .banner-text-left .container {
    padding: 0 20px; }
    @media (min-width: 1420px) {
      .custom-page.hl-story-pages .full-width-one-banner.body-care-story-header .banner-text-left .container {
        width: 1220px; } }
    .custom-page.hl-story-pages .full-width-one-banner.body-care-story-header .banner-text-left .container .banner-content {
      width: 100%;
      padding-bottom: 170px; }
      @media (max-width: 580px) {
        .custom-page.hl-story-pages .full-width-one-banner.body-care-story-header .banner-text-left .container .banner-content {
          padding-bottom: 250px; } }
      .custom-page.hl-story-pages .full-width-one-banner.body-care-story-header .banner-text-left .container .banner-content .inner {
        width: 60%;
        display: inline-block; }
        @media (max-width: 991px) {
          .custom-page.hl-story-pages .full-width-one-banner.body-care-story-header .banner-text-left .container .banner-content .inner {
            width: 75%; } }
        @media (max-width: 767px) {
          .custom-page.hl-story-pages .full-width-one-banner.body-care-story-header .banner-text-left .container .banner-content .inner {
            width: 100%; } }
        .custom-page.hl-story-pages .full-width-one-banner.body-care-story-header .banner-text-left .container .banner-content .inner h5 {
          margin-bottom: 2px;
          max-width: 645px;
          color: black;
          border-bottom: 1px solid white; }
        .custom-page.hl-story-pages .full-width-one-banner.body-care-story-header .banner-text-left .container .banner-content .inner h1 {
          margin-top: 0;
          margin-bottom: 25px;
          color: black;
          width: 100%;
          text-align: left; }
          @media (max-width: 1199px) {
            .custom-page.hl-story-pages .full-width-one-banner.body-care-story-header .banner-text-left .container .banner-content .inner h1 {
              margin-top: 10px; } }
          @media (max-width: 580px) {
            .custom-page.hl-story-pages .full-width-one-banner.body-care-story-header .banner-text-left .container .banner-content .inner h1 {
              font-size: 32px;
              line-height: 42px; } }
          @media (max-width: 380px) {
            .custom-page.hl-story-pages .full-width-one-banner.body-care-story-header .banner-text-left .container .banner-content .inner h1 {
              font-size: 26px;
              line-height: 36px;
              margin-bottom: 15px; } }
        .custom-page.hl-story-pages .full-width-one-banner.body-care-story-header .banner-text-left .container .banner-content .inner p {
          margin-bottom: 45px;
          color: black; }
          @media (max-width: 480px) {
            .custom-page.hl-story-pages .full-width-one-banner.body-care-story-header .banner-text-left .container .banner-content .inner p {
              margin-bottom: 20px; } }
      .custom-page.hl-story-pages .full-width-one-banner.body-care-story-header .banner-text-left .container .banner-content ul.bottom-cate {
        width: calc(60% - 40px);
        max-width: 100%;
        border-top: 1px solid white;
        color: black; }
        @media (max-width: 1199px) {
          .custom-page.hl-story-pages .full-width-one-banner.body-care-story-header .banner-text-left .container .banner-content ul.bottom-cate {
            padding: 7px 0; } }
        @media (max-width: 767px) {
          .custom-page.hl-story-pages .full-width-one-banner.body-care-story-header .banner-text-left .container .banner-content ul.bottom-cate {
            width: 100%; } }
        @media (max-width: 580px) {
          .custom-page.hl-story-pages .full-width-one-banner.body-care-story-header .banner-text-left .container .banner-content ul.bottom-cate {
            bottom: 5px; } }
        .custom-page.hl-story-pages .full-width-one-banner.body-care-story-header .banner-text-left .container .banner-content ul.bottom-cate li,
        .custom-page.hl-story-pages .full-width-one-banner.body-care-story-header .banner-text-left .container .banner-content ul.bottom-cate a {
          width: 16.66%;
          color: black; }
          @media (max-width: 1199px) {
            .custom-page.hl-story-pages .full-width-one-banner.body-care-story-header .banner-text-left .container .banner-content ul.bottom-cate li,
            .custom-page.hl-story-pages .full-width-one-banner.body-care-story-header .banner-text-left .container .banner-content ul.bottom-cate a {
              width: 16.66 0%;
              padding: 8px 15px; } }
          @media (max-width: 767px) {
            .custom-page.hl-story-pages .full-width-one-banner.body-care-story-header .banner-text-left .container .banner-content ul.bottom-cate li,
            .custom-page.hl-story-pages .full-width-one-banner.body-care-story-header .banner-text-left .container .banner-content ul.bottom-cate a {
              width: 33.33%; } }
          @media (max-width: 580px) {
            .custom-page.hl-story-pages .full-width-one-banner.body-care-story-header .banner-text-left .container .banner-content ul.bottom-cate li,
            .custom-page.hl-story-pages .full-width-one-banner.body-care-story-header .banner-text-left .container .banner-content ul.bottom-cate a {
              width: 33.33%; } }
          @media (max-width: 480px) {
            .custom-page.hl-story-pages .full-width-one-banner.body-care-story-header .banner-text-left .container .banner-content ul.bottom-cate li,
            .custom-page.hl-story-pages .full-width-one-banner.body-care-story-header .banner-text-left .container .banner-content ul.bottom-cate a {
              width: 33.33%; } }
          .custom-page.hl-story-pages .full-width-one-banner.body-care-story-header .banner-text-left .container .banner-content ul.bottom-cate li:first-child,
          .custom-page.hl-story-pages .full-width-one-banner.body-care-story-header .banner-text-left .container .banner-content ul.bottom-cate a:first-child {
            padding-left: 0; }
            @media (max-width: 1199px) {
              .custom-page.hl-story-pages .full-width-one-banner.body-care-story-header .banner-text-left .container .banner-content ul.bottom-cate li:first-child,
              .custom-page.hl-story-pages .full-width-one-banner.body-care-story-header .banner-text-left .container .banner-content ul.bottom-cate a:first-child {
                padding-left: 15px; } }
          .custom-page.hl-story-pages .full-width-one-banner.body-care-story-header .banner-text-left .container .banner-content ul.bottom-cate li:last-child,
          .custom-page.hl-story-pages .full-width-one-banner.body-care-story-header .banner-text-left .container .banner-content ul.bottom-cate a:last-child {
            padding-right: 0; }
            @media (max-width: 1199px) {
              .custom-page.hl-story-pages .full-width-one-banner.body-care-story-header .banner-text-left .container .banner-content ul.bottom-cate li:last-child,
              .custom-page.hl-story-pages .full-width-one-banner.body-care-story-header .banner-text-left .container .banner-content ul.bottom-cate a:last-child {
                padding-right: 15px; } }
          @media (min-width: 1199px) {
            .custom-page.hl-story-pages .full-width-one-banner.body-care-story-header .banner-text-left .container .banner-content ul.bottom-cate li.small,
            .custom-page.hl-story-pages .full-width-one-banner.body-care-story-header .banner-text-left .container .banner-content ul.bottom-cate a.small {
              width: 8%; } }
          @media (min-width: 1199px) {
            .custom-page.hl-story-pages .full-width-one-banner.body-care-story-header .banner-text-left .container .banner-content ul.bottom-cate li.big,
            .custom-page.hl-story-pages .full-width-one-banner.body-care-story-header .banner-text-left .container .banner-content ul.bottom-cate a.big {
              width: 10.5%; } }
  .custom-page.hl-story-pages .full-width-one-banner.towel-story-header .banner-text > img {
    height: 674px; }
  .custom-page.hl-story-pages .full-width-one-banner.towel-story-header .banner-text-left .container {
    padding: 0 20px; }
    @media (min-width: 1420px) {
      .custom-page.hl-story-pages .full-width-one-banner.towel-story-header .banner-text-left .container {
        width: 1220px; } }
    .custom-page.hl-story-pages .full-width-one-banner.towel-story-header .banner-text-left .container .banner-content {
      width: 100%;
      padding-bottom: 170px; }
      @media (max-width: 580px) {
        .custom-page.hl-story-pages .full-width-one-banner.towel-story-header .banner-text-left .container .banner-content {
          padding-bottom: 250px; } }
      .custom-page.hl-story-pages .full-width-one-banner.towel-story-header .banner-text-left .container .banner-content .inner {
        width: 65%;
        display: inline-block; }
        @media (max-width: 991px) {
          .custom-page.hl-story-pages .full-width-one-banner.towel-story-header .banner-text-left .container .banner-content .inner {
            width: 75%; } }
        @media (max-width: 767px) {
          .custom-page.hl-story-pages .full-width-one-banner.towel-story-header .banner-text-left .container .banner-content .inner {
            width: 100%; } }
        .custom-page.hl-story-pages .full-width-one-banner.towel-story-header .banner-text-left .container .banner-content .inner h5 {
          margin-bottom: 2px;
          max-width: 645px;
          border-bottom: 1px solid white; }
        .custom-page.hl-story-pages .full-width-one-banner.towel-story-header .banner-text-left .container .banner-content .inner h1 {
          margin-top: 0;
          margin-bottom: 25px;
          width: 100%;
          text-align: left; }
          @media (max-width: 1199px) {
            .custom-page.hl-story-pages .full-width-one-banner.towel-story-header .banner-text-left .container .banner-content .inner h1 {
              margin-top: 10px; } }
          @media (max-width: 580px) {
            .custom-page.hl-story-pages .full-width-one-banner.towel-story-header .banner-text-left .container .banner-content .inner h1 {
              font-size: 32px;
              line-height: 42px; } }
          @media (max-width: 380px) {
            .custom-page.hl-story-pages .full-width-one-banner.towel-story-header .banner-text-left .container .banner-content .inner h1 {
              font-size: 26px;
              line-height: 36px;
              margin-bottom: 15px; } }
        .custom-page.hl-story-pages .full-width-one-banner.towel-story-header .banner-text-left .container .banner-content .inner p {
          margin-bottom: 45px; }
          @media (max-width: 480px) {
            .custom-page.hl-story-pages .full-width-one-banner.towel-story-header .banner-text-left .container .banner-content .inner p {
              margin-bottom: 20px; } }
      .custom-page.hl-story-pages .full-width-one-banner.towel-story-header .banner-text-left .container .banner-content ul.bottom-cate {
        width: calc(70% - 40px);
        max-width: 100%;
        border-top: 1px solid white; }
        @media (max-width: 1199px) {
          .custom-page.hl-story-pages .full-width-one-banner.towel-story-header .banner-text-left .container .banner-content ul.bottom-cate {
            padding: 7px 0; } }
        @media (max-width: 767px) {
          .custom-page.hl-story-pages .full-width-one-banner.towel-story-header .banner-text-left .container .banner-content ul.bottom-cate {
            width: 100%; } }
        @media (max-width: 580px) {
          .custom-page.hl-story-pages .full-width-one-banner.towel-story-header .banner-text-left .container .banner-content ul.bottom-cate {
            bottom: 5px; } }
        .custom-page.hl-story-pages .full-width-one-banner.towel-story-header .banner-text-left .container .banner-content ul.bottom-cate li,
        .custom-page.hl-story-pages .full-width-one-banner.towel-story-header .banner-text-left .container .banner-content ul.bottom-cate a {
          text-align: center;
          width: 12.5%; }
          @media (max-width: 1199px) {
            .custom-page.hl-story-pages .full-width-one-banner.towel-story-header .banner-text-left .container .banner-content ul.bottom-cate li,
            .custom-page.hl-story-pages .full-width-one-banner.towel-story-header .banner-text-left .container .banner-content ul.bottom-cate a {
              width: 12.5 0%;
              padding: 8px 15px; } }
          @media (max-width: 767px) {
            .custom-page.hl-story-pages .full-width-one-banner.towel-story-header .banner-text-left .container .banner-content ul.bottom-cate li,
            .custom-page.hl-story-pages .full-width-one-banner.towel-story-header .banner-text-left .container .banner-content ul.bottom-cate a {
              width: 25%; } }
          @media (max-width: 580px) {
            .custom-page.hl-story-pages .full-width-one-banner.towel-story-header .banner-text-left .container .banner-content ul.bottom-cate li,
            .custom-page.hl-story-pages .full-width-one-banner.towel-story-header .banner-text-left .container .banner-content ul.bottom-cate a {
              width: 25%; } }
          @media (max-width: 480px) {
            .custom-page.hl-story-pages .full-width-one-banner.towel-story-header .banner-text-left .container .banner-content ul.bottom-cate li,
            .custom-page.hl-story-pages .full-width-one-banner.towel-story-header .banner-text-left .container .banner-content ul.bottom-cate a {
              width: 33.33%; } }
          .custom-page.hl-story-pages .full-width-one-banner.towel-story-header .banner-text-left .container .banner-content ul.bottom-cate li:first-child,
          .custom-page.hl-story-pages .full-width-one-banner.towel-story-header .banner-text-left .container .banner-content ul.bottom-cate a:first-child {
            padding-left: 0; }
            @media (max-width: 1199px) {
              .custom-page.hl-story-pages .full-width-one-banner.towel-story-header .banner-text-left .container .banner-content ul.bottom-cate li:first-child,
              .custom-page.hl-story-pages .full-width-one-banner.towel-story-header .banner-text-left .container .banner-content ul.bottom-cate a:first-child {
                padding-left: 15px; } }
          .custom-page.hl-story-pages .full-width-one-banner.towel-story-header .banner-text-left .container .banner-content ul.bottom-cate li:last-child,
          .custom-page.hl-story-pages .full-width-one-banner.towel-story-header .banner-text-left .container .banner-content ul.bottom-cate a:last-child {
            padding-right: 0; }
            @media (max-width: 1199px) {
              .custom-page.hl-story-pages .full-width-one-banner.towel-story-header .banner-text-left .container .banner-content ul.bottom-cate li:last-child,
              .custom-page.hl-story-pages .full-width-one-banner.towel-story-header .banner-text-left .container .banner-content ul.bottom-cate a:last-child {
                padding-right: 15px; } }
          @media (min-width: 1199px) {
            .custom-page.hl-story-pages .full-width-one-banner.towel-story-header .banner-text-left .container .banner-content ul.bottom-cate li.small,
            .custom-page.hl-story-pages .full-width-one-banner.towel-story-header .banner-text-left .container .banner-content ul.bottom-cate a.small {
              width: 8%; } }
          @media (min-width: 1199px) {
            .custom-page.hl-story-pages .full-width-one-banner.towel-story-header .banner-text-left .container .banner-content ul.bottom-cate li.big,
            .custom-page.hl-story-pages .full-width-one-banner.towel-story-header .banner-text-left .container .banner-content ul.bottom-cate a.big {
              width: 10.5%; } }
  .custom-page.hl-story-pages .full-width-one-banner.wipes-story-header .banner-text > img {
    height: 670px; }
  .custom-page.hl-story-pages .full-width-one-banner.wipes-story-header .banner-text-right .container {
    padding: 0 20px; }
    @media (min-width: 1420px) {
      .custom-page.hl-story-pages .full-width-one-banner.wipes-story-header .banner-text-right .container {
        width: 1220px; } }
    .custom-page.hl-story-pages .full-width-one-banner.wipes-story-header .banner-text-right .container .banner-content {
      width: 100%;
      padding-bottom: 170px; }
      @media (max-width: 580px) {
        .custom-page.hl-story-pages .full-width-one-banner.wipes-story-header .banner-text-right .container .banner-content {
          padding-bottom: 250px; } }
      .custom-page.hl-story-pages .full-width-one-banner.wipes-story-header .banner-text-right .container .banner-content .inner {
        width: 60%;
        display: inline-block; }
        @media (max-width: 991px) {
          .custom-page.hl-story-pages .full-width-one-banner.wipes-story-header .banner-text-right .container .banner-content .inner {
            width: 80%; } }
        @media (max-width: 767px) {
          .custom-page.hl-story-pages .full-width-one-banner.wipes-story-header .banner-text-right .container .banner-content .inner {
            width: 100%; } }
        .custom-page.hl-story-pages .full-width-one-banner.wipes-story-header .banner-text-right .container .banner-content .inner h5 {
          margin-bottom: 2px; }
          @media (min-width: 768px) {
            .custom-page.hl-story-pages .full-width-one-banner.wipes-story-header .banner-text-right .container .banner-content .inner h5 {
              max-width: 645px; } }
        .custom-page.hl-story-pages .full-width-one-banner.wipes-story-header .banner-text-right .container .banner-content .inner h1 {
          margin-top: 0;
          margin-bottom: 25px;
          width: 100%;
          text-align: right; }
          @media (max-width: 1199px) {
            .custom-page.hl-story-pages .full-width-one-banner.wipes-story-header .banner-text-right .container .banner-content .inner h1 {
              margin-top: 10px; } }
          @media (max-width: 767px) {
            .custom-page.hl-story-pages .full-width-one-banner.wipes-story-header .banner-text-right .container .banner-content .inner h1 {
              text-align: center; } }
          @media (max-width: 580px) {
            .custom-page.hl-story-pages .full-width-one-banner.wipes-story-header .banner-text-right .container .banner-content .inner h1 {
              font-size: 32px;
              line-height: 42px; } }
          @media (max-width: 380px) {
            .custom-page.hl-story-pages .full-width-one-banner.wipes-story-header .banner-text-right .container .banner-content .inner h1 {
              font-size: 26px;
              line-height: 36px;
              margin-bottom: 15px; } }
        .custom-page.hl-story-pages .full-width-one-banner.wipes-story-header .banner-text-right .container .banner-content .inner p {
          margin-bottom: 45px; }
          @media (max-width: 480px) {
            .custom-page.hl-story-pages .full-width-one-banner.wipes-story-header .banner-text-right .container .banner-content .inner p {
              margin-bottom: 20px; } }
      .custom-page.hl-story-pages .full-width-one-banner.wipes-story-header .banner-text-right .container .banner-content ul.bottom-cate {
        width: calc(80% - 40px);
        max-width: 80%; }
        @media (max-width: 1199px) {
          .custom-page.hl-story-pages .full-width-one-banner.wipes-story-header .banner-text-right .container .banner-content ul.bottom-cate {
            padding: 7px 0; } }
        @media (max-width: 767px) {
          .custom-page.hl-story-pages .full-width-one-banner.wipes-story-header .banner-text-right .container .banner-content ul.bottom-cate {
            width: 100%; } }
        @media (max-width: 580px) {
          .custom-page.hl-story-pages .full-width-one-banner.wipes-story-header .banner-text-right .container .banner-content ul.bottom-cate {
            bottom: 5px; } }
        .custom-page.hl-story-pages .full-width-one-banner.wipes-story-header .banner-text-right .container .banner-content ul.bottom-cate li {
          width: 16.66%; }
          @media (max-width: 1199px) {
            .custom-page.hl-story-pages .full-width-one-banner.wipes-story-header .banner-text-right .container .banner-content ul.bottom-cate li {
              width: 16.66%;
              padding: 8px 15px; } }
          @media (max-width: 767px) {
            .custom-page.hl-story-pages .full-width-one-banner.wipes-story-header .banner-text-right .container .banner-content ul.bottom-cate li {
              width: 33.33%; } }
          @media (max-width: 580px) {
            .custom-page.hl-story-pages .full-width-one-banner.wipes-story-header .banner-text-right .container .banner-content ul.bottom-cate li {
              width: 33.33%; } }
          @media (max-width: 480px) {
            .custom-page.hl-story-pages .full-width-one-banner.wipes-story-header .banner-text-right .container .banner-content ul.bottom-cate li {
              width: 33.33%; } }
          .custom-page.hl-story-pages .full-width-one-banner.wipes-story-header .banner-text-right .container .banner-content ul.bottom-cate li:first-child {
            padding-left: 0; }
            @media (max-width: 1199px) {
              .custom-page.hl-story-pages .full-width-one-banner.wipes-story-header .banner-text-right .container .banner-content ul.bottom-cate li:first-child {
                padding-left: 15px; } }
          .custom-page.hl-story-pages .full-width-one-banner.wipes-story-header .banner-text-right .container .banner-content ul.bottom-cate li:last-child {
            padding-right: 0; }
            @media (max-width: 1199px) {
              .custom-page.hl-story-pages .full-width-one-banner.wipes-story-header .banner-text-right .container .banner-content ul.bottom-cate li:last-child {
                padding-right: 15px; } }
          @media (min-width: 1199px) {
            .custom-page.hl-story-pages .full-width-one-banner.wipes-story-header .banner-text-right .container .banner-content ul.bottom-cate li.small {
              width: 11%; } }
          @media (min-width: 1199px) {
            .custom-page.hl-story-pages .full-width-one-banner.wipes-story-header .banner-text-right .container .banner-content ul.bottom-cate li.big {
              width: 14%; } }
  .custom-page.hl-story-pages .full-width-one-banner.shop-by-zone-header .banner-text > img {
    height: 574px; }
  .custom-page.hl-story-pages .full-width-one-banner.shop-by-zone-header .banner-text-left .container {
    padding: 0 20px; }
    @media (min-width: 1420px) {
      .custom-page.hl-story-pages .full-width-one-banner.shop-by-zone-header .banner-text-left .container {
        width: 1220px; } }
    .custom-page.hl-story-pages .full-width-one-banner.shop-by-zone-header .banner-text-left .container .banner-content {
      height: 520px;
      background: #f5f5f5;
      width: 100%;
      padding-bottom: 170px; }
      @media (max-width: 580px) {
        .custom-page.hl-story-pages .full-width-one-banner.shop-by-zone-header .banner-text-left .container .banner-content {
          padding-bottom: 250px; } }
      .custom-page.hl-story-pages .full-width-one-banner.shop-by-zone-header .banner-text-left .container .banner-content .inner {
        width: 55%;
        display: inline-block; }
        @media (max-width: 991px) {
          .custom-page.hl-story-pages .full-width-one-banner.shop-by-zone-header .banner-text-left .container .banner-content .inner {
            width: 75%; } }
        @media (max-width: 767px) {
          .custom-page.hl-story-pages .full-width-one-banner.shop-by-zone-header .banner-text-left .container .banner-content .inner {
            width: 100%; } }
        .custom-page.hl-story-pages .full-width-one-banner.shop-by-zone-header .banner-text-left .container .banner-content .inner h5 {
          margin-bottom: 2px;
          max-width: 645px;
          color: black;
          border-bottom: 1px solid white; }
        .custom-page.hl-story-pages .full-width-one-banner.shop-by-zone-header .banner-text-left .container .banner-content .inner h1 {
          margin-top: 0;
          margin-bottom: 25px;
          width: 100%;
          color: black;
          text-align: left; }
          @media (max-width: 1199px) {
            .custom-page.hl-story-pages .full-width-one-banner.shop-by-zone-header .banner-text-left .container .banner-content .inner h1 {
              margin-top: 10px; } }
          @media (max-width: 580px) {
            .custom-page.hl-story-pages .full-width-one-banner.shop-by-zone-header .banner-text-left .container .banner-content .inner h1 {
              font-size: 32px;
              line-height: 42px; } }
          @media (max-width: 380px) {
            .custom-page.hl-story-pages .full-width-one-banner.shop-by-zone-header .banner-text-left .container .banner-content .inner h1 {
              font-size: 26px;
              line-height: 36px;
              margin-bottom: 15px; } }
        .custom-page.hl-story-pages .full-width-one-banner.shop-by-zone-header .banner-text-left .container .banner-content .inner p {
          margin-bottom: 45px;
          color: black; }
          @media (max-width: 480px) {
            .custom-page.hl-story-pages .full-width-one-banner.shop-by-zone-header .banner-text-left .container .banner-content .inner p {
              margin-bottom: 20px; } }
      .custom-page.hl-story-pages .full-width-one-banner.shop-by-zone-header .banner-text-left .container .banner-content ul.bottom-cate {
        width: calc(100% - 40px);
        max-width: 100%;
        border-top: 1px solid black; }
        @media (max-width: 1199px) {
          .custom-page.hl-story-pages .full-width-one-banner.shop-by-zone-header .banner-text-left .container .banner-content ul.bottom-cate {
            padding: 7px 0; } }
        @media (max-width: 767px) {
          .custom-page.hl-story-pages .full-width-one-banner.shop-by-zone-header .banner-text-left .container .banner-content ul.bottom-cate {
            width: 100%; } }
        @media (max-width: 580px) {
          .custom-page.hl-story-pages .full-width-one-banner.shop-by-zone-header .banner-text-left .container .banner-content ul.bottom-cate {
            bottom: 5px; } }
        .custom-page.hl-story-pages .full-width-one-banner.shop-by-zone-header .banner-text-left .container .banner-content ul.bottom-cate li,
        .custom-page.hl-story-pages .full-width-one-banner.shop-by-zone-header .banner-text-left .container .banner-content ul.bottom-cate a {
          text-align: center;
          width: 7.14%;
          color: black; }
          @media (max-width: 1199px) {
            .custom-page.hl-story-pages .full-width-one-banner.shop-by-zone-header .banner-text-left .container .banner-content ul.bottom-cate li,
            .custom-page.hl-story-pages .full-width-one-banner.shop-by-zone-header .banner-text-left .container .banner-content ul.bottom-cate a {
              width: 12.5 0%;
              padding: 8px 15px; } }
          @media (max-width: 767px) {
            .custom-page.hl-story-pages .full-width-one-banner.shop-by-zone-header .banner-text-left .container .banner-content ul.bottom-cate li,
            .custom-page.hl-story-pages .full-width-one-banner.shop-by-zone-header .banner-text-left .container .banner-content ul.bottom-cate a {
              width: 25%; } }
          @media (max-width: 580px) {
            .custom-page.hl-story-pages .full-width-one-banner.shop-by-zone-header .banner-text-left .container .banner-content ul.bottom-cate li,
            .custom-page.hl-story-pages .full-width-one-banner.shop-by-zone-header .banner-text-left .container .banner-content ul.bottom-cate a {
              width: 25%; } }
          @media (max-width: 480px) {
            .custom-page.hl-story-pages .full-width-one-banner.shop-by-zone-header .banner-text-left .container .banner-content ul.bottom-cate li,
            .custom-page.hl-story-pages .full-width-one-banner.shop-by-zone-header .banner-text-left .container .banner-content ul.bottom-cate a {
              width: 33.33%; } }
          .custom-page.hl-story-pages .full-width-one-banner.shop-by-zone-header .banner-text-left .container .banner-content ul.bottom-cate li:first-child,
          .custom-page.hl-story-pages .full-width-one-banner.shop-by-zone-header .banner-text-left .container .banner-content ul.bottom-cate a:first-child {
            padding-left: 0; }
            @media (max-width: 1199px) {
              .custom-page.hl-story-pages .full-width-one-banner.shop-by-zone-header .banner-text-left .container .banner-content ul.bottom-cate li:first-child,
              .custom-page.hl-story-pages .full-width-one-banner.shop-by-zone-header .banner-text-left .container .banner-content ul.bottom-cate a:first-child {
                padding-left: 15px; } }
          .custom-page.hl-story-pages .full-width-one-banner.shop-by-zone-header .banner-text-left .container .banner-content ul.bottom-cate li:last-child,
          .custom-page.hl-story-pages .full-width-one-banner.shop-by-zone-header .banner-text-left .container .banner-content ul.bottom-cate a:last-child {
            padding-right: 0; }
            @media (max-width: 1199px) {
              .custom-page.hl-story-pages .full-width-one-banner.shop-by-zone-header .banner-text-left .container .banner-content ul.bottom-cate li:last-child,
              .custom-page.hl-story-pages .full-width-one-banner.shop-by-zone-header .banner-text-left .container .banner-content ul.bottom-cate a:last-child {
                padding-right: 15px; } }
          @media (min-width: 1199px) {
            .custom-page.hl-story-pages .full-width-one-banner.shop-by-zone-header .banner-text-left .container .banner-content ul.bottom-cate li.small,
            .custom-page.hl-story-pages .full-width-one-banner.shop-by-zone-header .banner-text-left .container .banner-content ul.bottom-cate a.small {
              width: 8%; } }
          @media (min-width: 1199px) {
            .custom-page.hl-story-pages .full-width-one-banner.shop-by-zone-header .banner-text-left .container .banner-content ul.bottom-cate li.big,
            .custom-page.hl-story-pages .full-width-one-banner.shop-by-zone-header .banner-text-left .container .banner-content ul.bottom-cate a.big {
              width: 10.5%; } }
  .custom-page.hl-story-pages .full-width-one-banner.finance-story-header .banner-text > img {
    height: 550px; }
  .custom-page.hl-story-pages .full-width-one-banner.finance-story-header .banner-text-left .container {
    padding: 0 20px; }
    @media (min-width: 1420px) {
      .custom-page.hl-story-pages .full-width-one-banner.finance-story-header .banner-text-left .container {
        width: 1220px; } }
    .custom-page.hl-story-pages .full-width-one-banner.finance-story-header .banner-text-left .container .banner-content {
      width: 100%;
      padding-bottom: 0px; }
      @media (max-width: 580px) {
        .custom-page.hl-story-pages .full-width-one-banner.finance-story-header .banner-text-left .container .banner-content {
          padding-bottom: 250px; } }
      .custom-page.hl-story-pages .full-width-one-banner.finance-story-header .banner-text-left .container .banner-content .inner {
        width: 75%;
        display: inline-block; }
        @media (max-width: 991px) {
          .custom-page.hl-story-pages .full-width-one-banner.finance-story-header .banner-text-left .container .banner-content .inner {
            width: 75%; } }
        @media (max-width: 767px) {
          .custom-page.hl-story-pages .full-width-one-banner.finance-story-header .banner-text-left .container .banner-content .inner {
            width: 100%; } }
        .custom-page.hl-story-pages .full-width-one-banner.finance-story-header .banner-text-left .container .banner-content .inner h5 {
          margin-bottom: 2px;
          max-width: 645px; }
        .custom-page.hl-story-pages .full-width-one-banner.finance-story-header .banner-text-left .container .banner-content .inner h1 {
          margin-top: 0;
          margin-bottom: 25px;
          width: 100%;
          text-align: left; }
          @media (max-width: 1199px) {
            .custom-page.hl-story-pages .full-width-one-banner.finance-story-header .banner-text-left .container .banner-content .inner h1 {
              margin-top: 10px; } }
          @media (max-width: 580px) {
            .custom-page.hl-story-pages .full-width-one-banner.finance-story-header .banner-text-left .container .banner-content .inner h1 {
              font-size: 32px;
              line-height: 42px; } }
          @media (max-width: 380px) {
            .custom-page.hl-story-pages .full-width-one-banner.finance-story-header .banner-text-left .container .banner-content .inner h1 {
              font-size: 26px;
              line-height: 36px;
              margin-bottom: 15px; } }
        .custom-page.hl-story-pages .full-width-one-banner.finance-story-header .banner-text-left .container .banner-content .inner p {
          margin-bottom: 45px; }
          @media (max-width: 480px) {
            .custom-page.hl-story-pages .full-width-one-banner.finance-story-header .banner-text-left .container .banner-content .inner p {
              margin-bottom: 20px; } }
      .custom-page.hl-story-pages .full-width-one-banner.finance-story-header .banner-text-left .container .banner-content ul.bottom-cate {
        width: calc(75% - 40px);
        max-width: 100%;
        border-top: 1px solid white; }
        @media (max-width: 1199px) {
          .custom-page.hl-story-pages .full-width-one-banner.finance-story-header .banner-text-left .container .banner-content ul.bottom-cate {
            padding: 7px 0; } }
        @media (max-width: 767px) {
          .custom-page.hl-story-pages .full-width-one-banner.finance-story-header .banner-text-left .container .banner-content ul.bottom-cate {
            width: 100%; } }
        @media (max-width: 580px) {
          .custom-page.hl-story-pages .full-width-one-banner.finance-story-header .banner-text-left .container .banner-content ul.bottom-cate {
            bottom: 5px; } }
        .custom-page.hl-story-pages .full-width-one-banner.finance-story-header .banner-text-left .container .banner-content ul.bottom-cate li,
        .custom-page.hl-story-pages .full-width-one-banner.finance-story-header .banner-text-left .container .banner-content ul.bottom-cate a {
          text-align: center;
          width: 12.5%; }
          @media (max-width: 1199px) {
            .custom-page.hl-story-pages .full-width-one-banner.finance-story-header .banner-text-left .container .banner-content ul.bottom-cate li,
            .custom-page.hl-story-pages .full-width-one-banner.finance-story-header .banner-text-left .container .banner-content ul.bottom-cate a {
              width: 12.5 0%;
              padding: 8px 15px; } }
          @media (max-width: 767px) {
            .custom-page.hl-story-pages .full-width-one-banner.finance-story-header .banner-text-left .container .banner-content ul.bottom-cate li,
            .custom-page.hl-story-pages .full-width-one-banner.finance-story-header .banner-text-left .container .banner-content ul.bottom-cate a {
              width: 25%; } }
          @media (max-width: 580px) {
            .custom-page.hl-story-pages .full-width-one-banner.finance-story-header .banner-text-left .container .banner-content ul.bottom-cate li,
            .custom-page.hl-story-pages .full-width-one-banner.finance-story-header .banner-text-left .container .banner-content ul.bottom-cate a {
              width: 25%; } }
          @media (max-width: 480px) {
            .custom-page.hl-story-pages .full-width-one-banner.finance-story-header .banner-text-left .container .banner-content ul.bottom-cate li,
            .custom-page.hl-story-pages .full-width-one-banner.finance-story-header .banner-text-left .container .banner-content ul.bottom-cate a {
              width: 33.33%; } }
          .custom-page.hl-story-pages .full-width-one-banner.finance-story-header .banner-text-left .container .banner-content ul.bottom-cate li:first-child,
          .custom-page.hl-story-pages .full-width-one-banner.finance-story-header .banner-text-left .container .banner-content ul.bottom-cate a:first-child {
            padding-left: 0; }
            @media (max-width: 1199px) {
              .custom-page.hl-story-pages .full-width-one-banner.finance-story-header .banner-text-left .container .banner-content ul.bottom-cate li:first-child,
              .custom-page.hl-story-pages .full-width-one-banner.finance-story-header .banner-text-left .container .banner-content ul.bottom-cate a:first-child {
                padding-left: 15px; } }
          .custom-page.hl-story-pages .full-width-one-banner.finance-story-header .banner-text-left .container .banner-content ul.bottom-cate li:last-child,
          .custom-page.hl-story-pages .full-width-one-banner.finance-story-header .banner-text-left .container .banner-content ul.bottom-cate a:last-child {
            padding-right: 0; }
            @media (max-width: 1199px) {
              .custom-page.hl-story-pages .full-width-one-banner.finance-story-header .banner-text-left .container .banner-content ul.bottom-cate li:last-child,
              .custom-page.hl-story-pages .full-width-one-banner.finance-story-header .banner-text-left .container .banner-content ul.bottom-cate a:last-child {
                padding-right: 15px; } }
          @media (min-width: 1199px) {
            .custom-page.hl-story-pages .full-width-one-banner.finance-story-header .banner-text-left .container .banner-content ul.bottom-cate li.small,
            .custom-page.hl-story-pages .full-width-one-banner.finance-story-header .banner-text-left .container .banner-content ul.bottom-cate a.small {
              width: 8%; } }
          @media (min-width: 1199px) {
            .custom-page.hl-story-pages .full-width-one-banner.finance-story-header .banner-text-left .container .banner-content ul.bottom-cate li.big,
            .custom-page.hl-story-pages .full-width-one-banner.finance-story-header .banner-text-left .container .banner-content ul.bottom-cate a.big {
              width: 10.5%; } }
  .custom-page.hl-story-pages .full-width-one-banner.fitness-block-3 .banner-text-right .container .banner-content .inner-wrap .inner {
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center; }
  .custom-page.hl-story-pages .full-width-one-banner.fitness-block-3 .banner-text-right .container .banner-content p {
    margin-bottom: 35px; }
  .custom-page.hl-story-pages .full-width-one-banner.cleaning-block-2 .banner-text-right .container h3,
  .custom-page.hl-story-pages .full-width-one-banner.cleaning-block-2 .banner-text-right .container h5,
  .custom-page.hl-story-pages .full-width-one-banner.cleaning-block-2 .banner-text-right .container p {
    color: white; }
  .custom-page.hl-story-pages .full-width-one-banner.cleaning-block-2 .banner-text-right .container .banner-content p {
    margin-bottom: 35px; }
  .custom-page.hl-story-pages .full-width-one-banner.cleaning-block-2 .banner-text-right .container .banner-content .inner-wrap .inner {
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center; }
  .custom-page.hl-story-pages .full-width-one-banner.fitness-block-5 .banner-text-left .banner-content .inner-wrap .inner {
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center; }
  .custom-page.hl-story-pages .full-width-one-banner .body-block-5 .banner-text-right .banner-content p {
    margin-bottom: 35px; }
  .custom-page.hl-story-pages .full-width-one-banner .body-block-5 .banner-text-right .banner-content .inner-wrap .inner {
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center; }
    .custom-page.hl-story-pages .full-width-one-banner .body-block-5 .banner-text-right .banner-content .inner-wrap .inner h3,
    .custom-page.hl-story-pages .full-width-one-banner .body-block-5 .banner-text-right .banner-content .inner-wrap .inner h1,
    .custom-page.hl-story-pages .full-width-one-banner .body-block-5 .banner-text-right .banner-content .inner-wrap .inner p {
      color: black; }
  .custom-page.hl-story-pages .full-width-two-banner.fitness-block-2 .right-col h5 {
    text-transform: none; }
    .custom-page.hl-story-pages .full-width-two-banner.fitness-block-2 .right-col h5 span {
      color: #00b9e4; }
  .custom-page.hl-story-pages .full-width-two-banner.fitness-block-4 .banner-text .left-col {
    height: 600px;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    ms-flex-pack: center;
    justify-content: center;
    -ms-justify-content: center;
    -webkit-justify-content: center;
    flex-wrap: wrap; }
    @media (max-width: 580px) {
      .custom-page.hl-story-pages .full-width-two-banner.fitness-block-4 .banner-text .left-col {
        height: 400px; } }
    @media (max-width: 380px) {
      .custom-page.hl-story-pages .full-width-two-banner.fitness-block-4 .banner-text .left-col {
        height: 300px; } }
    .custom-page.hl-story-pages .full-width-two-banner.fitness-block-4 .banner-text .left-col .images-inner {
      margin: 0; }
      .custom-page.hl-story-pages .full-width-two-banner.fitness-block-4 .banner-text .left-col .images-inner ul.two-columns {
        margin: 0; }
        .custom-page.hl-story-pages .full-width-two-banner.fitness-block-4 .banner-text .left-col .images-inner ul.two-columns li .logo {
          margin-top: 15px;
          display: block; }
  .custom-page.hl-story-pages .full-width-two-banner.fitness-block-4 .banner-text h5 {
    text-transform: none; }
    .custom-page.hl-story-pages .full-width-two-banner.fitness-block-4 .banner-text h5 span {
      color: #00b9e4; }
  .custom-page.hl-story-pages .full-width-two-banner.fitness-block-4l .banner-text .right-col {
    height: 600px;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    ms-flex-pack: center;
    justify-content: center;
    -ms-justify-content: center;
    -webkit-justify-content: center;
    flex-wrap: wrap; }
    @media (max-width: 580px) {
      .custom-page.hl-story-pages .full-width-two-banner.fitness-block-4l .banner-text .right-col {
        height: 400px; } }
    @media (max-width: 380px) {
      .custom-page.hl-story-pages .full-width-two-banner.fitness-block-4l .banner-text .right-col {
        height: 300px; } }
    .custom-page.hl-story-pages .full-width-two-banner.fitness-block-4l .banner-text .right-col .images-inner {
      margin: 0; }
      .custom-page.hl-story-pages .full-width-two-banner.fitness-block-4l .banner-text .right-col .images-inner ul.two-columns {
        margin: 0; }
        .custom-page.hl-story-pages .full-width-two-banner.fitness-block-4l .banner-text .right-col .images-inner ul.two-columns li .logo {
          margin-top: 15px;
          display: block; }
  .custom-page.hl-story-pages .full-width-two-banner.fitness-block-4l .banner-text h5 {
    text-transform: none; }
    .custom-page.hl-story-pages .full-width-two-banner.fitness-block-4l .banner-text h5 span {
      color: #00b9e4; }
  .custom-page.hl-story-pages .full-width-two-banner.zone-block-2 .banner-text .left-col {
    height: 600px;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    ms-flex-pack: center;
    justify-content: center;
    -ms-justify-content: center;
    -webkit-justify-content: center;
    flex-wrap: wrap; }
    @media (max-width: 580px) {
      .custom-page.hl-story-pages .full-width-two-banner.zone-block-2 .banner-text .left-col {
        height: 400px; } }
    @media (max-width: 380px) {
      .custom-page.hl-story-pages .full-width-two-banner.zone-block-2 .banner-text .left-col {
        height: 300px; } }
    .custom-page.hl-story-pages .full-width-two-banner.zone-block-2 .banner-text .left-col .images-inner {
      margin: 0; }
      .custom-page.hl-story-pages .full-width-two-banner.zone-block-2 .banner-text .left-col .images-inner ul.two-columns {
        margin: 0; }
        .custom-page.hl-story-pages .full-width-two-banner.zone-block-2 .banner-text .left-col .images-inner ul.two-columns li .logo {
          margin-top: 15px;
          display: block; }
  .custom-page.hl-story-pages .full-width-two-banner.zone-block-2 .banner-text .right-col {
    height: 600px;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    ms-flex-pack: center;
    justify-content: center;
    -ms-justify-content: center;
    -webkit-justify-content: center;
    flex-wrap: wrap; }
    @media (max-width: 580px) {
      .custom-page.hl-story-pages .full-width-two-banner.zone-block-2 .banner-text .right-col {
        height: 400px; } }
    @media (max-width: 380px) {
      .custom-page.hl-story-pages .full-width-two-banner.zone-block-2 .banner-text .right-col {
        height: 300px; } }
    .custom-page.hl-story-pages .full-width-two-banner.zone-block-2 .banner-text .right-col .images-inner {
      margin: 0; }
      .custom-page.hl-story-pages .full-width-two-banner.zone-block-2 .banner-text .right-col .images-inner ul.two-columns {
        margin: 0; }
        .custom-page.hl-story-pages .full-width-two-banner.zone-block-2 .banner-text .right-col .images-inner ul.two-columns li .logo {
          margin-top: 15px;
          display: block; }
  .custom-page.hl-story-pages .full-width-two-banner.zone-block-2 .banner-text h5 {
    text-transform: none; }
    .custom-page.hl-story-pages .full-width-two-banner.zone-block-2 .banner-text h5 span {
      color: #00b9e4; }
  .custom-page.hl-story-pages .full-width-two-banner.cleaning-block-7 .banner-text .right-col {
    height: 600px;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    ms-flex-pack: center;
    justify-content: center;
    -ms-justify-content: center;
    -webkit-justify-content: center;
    flex-wrap: wrap; }
    @media (max-width: 580px) {
      .custom-page.hl-story-pages .full-width-two-banner.cleaning-block-7 .banner-text .right-col {
        height: 400px; } }
    @media (max-width: 380px) {
      .custom-page.hl-story-pages .full-width-two-banner.cleaning-block-7 .banner-text .right-col {
        height: 300px; } }
    .custom-page.hl-story-pages .full-width-two-banner.cleaning-block-7 .banner-text .right-col .images-inner {
      margin: 0; }
      .custom-page.hl-story-pages .full-width-two-banner.cleaning-block-7 .banner-text .right-col .images-inner ul.two-columns {
        margin: 0; }
        .custom-page.hl-story-pages .full-width-two-banner.cleaning-block-7 .banner-text .right-col .images-inner ul.two-columns li .logo {
          margin-top: 15px;
          display: block; }
  .custom-page.hl-story-pages .block-three-images .width-800 {
    max-width: 800px;
    margin: auto; }
  .custom-page.hl-story-pages .block-three-images.blog-four-wide .inner-wrap .inner .blog-wrapper {
    text-align: center;
    margin: 0 auto; }
    .custom-page.hl-story-pages .block-three-images.blog-four-wide .inner-wrap .inner .blog-wrapper .blog-element {
      display: inline-block;
      text-align: center;
      margin: 10px;
      vertical-align: top;
      max-width: 271px;
      background-color: white; }
    .custom-page.hl-story-pages .block-three-images.blog-four-wide .inner-wrap .inner .blog-wrapper .blog-body {
      margin: 25px 5px; }
      .custom-page.hl-story-pages .block-three-images.blog-four-wide .inner-wrap .inner .blog-wrapper .blog-body .blog-post-title {
        color: #38383e;
        font-size: 13px; }
      .custom-page.hl-story-pages .block-three-images.blog-four-wide .inner-wrap .inner .blog-wrapper .blog-body a {
        color: #ea3a02; }
  .custom-page.hl-story-pages .block-three-images.elements-three-wide .inner-wrap .inner .blog-wrapper {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    -ms-flex-pack: center;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    flex-wrap: wrap;
    text-align: center;
    margin: 0 auto; }
    .custom-page.hl-story-pages .block-three-images.elements-three-wide .inner-wrap .inner .blog-wrapper .blog-element {
      max-width: 600px;
      width: calc(100% / 3);
      flex-basis: 100%;
      text-align: center;
      margin: 10px;
      vertical-align: top;
      background: white;
      box-sizing: border-box;
      -moz-box-sizing: border-box;
      -webkit-box-sizing: border-box; }
      @media (max-width: 680px) {
        .custom-page.hl-story-pages .block-three-images.elements-three-wide .inner-wrap .inner .blog-wrapper .blog-element {
          width: calc(100% / 2); } }
      @media (max-width: 450px) {
        .custom-page.hl-story-pages .block-three-images.elements-three-wide .inner-wrap .inner .blog-wrapper .blog-element {
          width: 100%; } }
  .custom-page.hl-story-pages .wipe-matrix {
    padding-bottom: 10px; }
    .custom-page.hl-story-pages .wipe-matrix .inner-wrap .inner .blog-wrapper {
      text-align: center;
      margin: 0 auto; }
      .custom-page.hl-story-pages .wipe-matrix .inner-wrap .inner .blog-wrapper .blog-element {
        display: inline-block;
        text-align: center;
        margin: 10px;
        vertical-align: top; }

.magnific-popup-page {
  padding-bottom: 0; }
  .magnific-popup-page .page-content {
    border: 0;
    background: transparent;
    box-shadow: unset; }
  .magnific-popup-page .top-content {
    padding-bottom: 100px; }
    @media (max-width: 850px) {
      .magnific-popup-page .top-content {
        padding-bottom: 35px; } }
    .magnific-popup-page .top-content .top-banner {
      width: 100%;
      height: 100%;
      max-height: 425px;
      overflow: hidden; }
      .magnific-popup-page .top-content .top-banner img {
        height: 100%;
        width: 100%;
        object-fit: cover; }
    .magnific-popup-page .top-content .title {
      display: block;
      font-size: 0;
      letter-spacing: 0;
      max-width: 1180px;
      width: 100%;
      margin-left: auto;
      margin-right: auto; }
      @media (max-width: 1344px) {
        .magnific-popup-page .top-content .title {
          padding-left: 15px;
          padding-right: 15px; } }
      .magnific-popup-page .top-content .title .left,
      .magnific-popup-page .top-content .title .right {
        display: inline-block;
        vertical-align: top; }
      .magnific-popup-page .top-content .title .left {
        width: 100%;
        max-width: 340px; }
        @media (max-width: 850px) {
          .magnific-popup-page .top-content .title .left {
            margin-left: auto;
            margin-right: auto; } }
        .magnific-popup-page .top-content .title .left .wrapper {
          display: block;
          max-width: 270px;
          width: 100%; }
          @media (max-width: 850px) {
            .magnific-popup-page .top-content .title .left .wrapper {
              margin-left: auto;
              margin-right: auto;
              max-width: 100%; } }
        .magnific-popup-page .top-content .title .left h2 {
          font-size: 16px;
          font-family: 'Roboto', sans-serif;
          text-transform: uppercase;
          display: block;
          width: 100%;
          background: black;
          padding-top: 15px;
          padding-bottom: 10px;
          padding-left: 25px;
          border-radius: 4px 4px 0 0;
          text-align: left;
          color: white;
          font-weight: 700;
          margin-bottom: 0; }
          .magnific-popup-page .top-content .title .left h2.first {
            background: #00b9e4;
            margin-top: -43px; }
          .magnific-popup-page .top-content .title .left h2.second {
            background: #ea3a02;
            margin-top: 22px; }
            @media (max-width: 767px) {
              .magnific-popup-page .top-content .title .left h2.second {
                display: none; } }
        .magnific-popup-page .top-content .title .left .nav {
          background: white;
          margin: 0;
          padding-left: 25px;
          padding-right: 15px;
          padding-bottom: 25px;
          border-radius: 0 0 4px 4px; }
          .magnific-popup-page .top-content .title .left .nav li {
            line-height: 1;
            padding-top: 15px; }
            .magnific-popup-page .top-content .title .left .nav li a {
              color: #38383e;
              font-size: 12px;
              letter-spacing: 0.055em;
              line-height: 1;
              font-family: 'Roboto', sans-serif;
              font-weight: 500;
              transition: all ease 0.3s;
              text-transform: uppercase; }
              .magnific-popup-page .top-content .title .left .nav li a span {
                float: right; }
            .magnific-popup-page .top-content .title .left .nav li:hover a {
              color: #00b9e4; }
        .magnific-popup-page .top-content .title .left .btn-wrapper {
          background: #38383e;
          margin: 0;
          padding-top: 15px;
          padding-left: 25px;
          padding-right: 15px;
          padding-bottom: 30px;
          border-radius: 0 0 4px 4px; }
          .magnific-popup-page .top-content .title .left .btn-wrapper p {
            color: white;
            font-size: 12px;
            letter-spacing: 0.055em;
            line-height: 2;
            font-family: 'Roboto', sans-serif;
            font-weight: 400;
            margin: 0; }
          .magnific-popup-page .top-content .title .left .btn-wrapper a {
            background: #ea3a02;
            display: inline-block;
            text-align: center;
            vertical-align: middle;
            padding: 10px 25px;
            border: 0px solid #aa2400;
            border-radius: 5px;
            box-shadow: #aa2400 0px 3px 0px 0px;
            font: normal normal bold 13px roboto;
            color: white;
            text-decoration: none;
            text-transform: uppercase;
            height: unset;
            font-size: 13.79px;
            letter-spacing: 0.015em;
            margin-top: 35px;
            transition: all ease 0.3s; }
            .magnific-popup-page .top-content .title .left .btn-wrapper a:hover {
              background: #aa2400; }
          @media (max-width: 767px) {
            .magnific-popup-page .top-content .title .left .btn-wrapper {
              display: none; } }
      .magnific-popup-page .top-content .title .right {
        width: calc(100% - 375px);
        margin-top: 75px; }
        @media (max-width: 850px) {
          .magnific-popup-page .top-content .title .right {
            width: 100%;
            margin-top: 35px; } }
        .magnific-popup-page .top-content .title .right p {
          font-size: 16px;
          letter-spacing: 0.015em;
          line-height: 2;
          font-family: 'Roboto', sans-serif;
          font-weight: 400;
          margin: 0; }
        .magnific-popup-page .top-content .title .right h3 {
          font-family: 'Roboto Condensed', sans-serif;
          text-transform: uppercase;
          font-size: 21.67px;
          line-height: 30.15px;
          letter-spacing: 0.015em;
          font-weight: 700;
          margin-top: 0;
          margin-bottom: 20px;
          position: relative;
          padding-bottom: 15px; }
          .magnific-popup-page .top-content .title .right h3:before {
            content: '';
            display: block;
            position: absolute;
            bottom: 0;
            left: 0;
            height: 2px;
            width: 60px;
            background: #00b9e4; }
          @media (max-width: 767px) {
            .magnific-popup-page .top-content .title .right h3 {
              text-align: center; }
              .magnific-popup-page .top-content .title .right h3:before {
                left: 50%;
                transform: translateX(-50%); } }
        .magnific-popup-page .top-content .title .right .page-heading {
          font-size: 49.52px;
          line-height: 60.12px;
          letter-spacing: 0.015em;
          font-weight: 800;
          color: #38383e;
          font-family: 'Roboto', sans-serif;
          text-align: left;
          margin-top: 0;
          margin-bottom: 40px;
          position: relative; }
          @media (max-width: 767px) {
            .magnific-popup-page .top-content .title .right .page-heading {
              text-align: center; } }
        .magnific-popup-page .top-content .title .right .desciptions {
          font-family: 'Roboto Condensed', sans-serif;
          color: #38383e;
          font-size: 15px;
          letter-spacing: 0.015em;
          line-height: 29px;
          margin-bottom: 0; }
          .magnific-popup-page .top-content .title .right .desciptions + .desciptions {
            margin-top: 35px; }
        .magnific-popup-page .top-content .title .right .icon-list {
          list-style-type: none;
          margin: 0;
          padding-top: 40px;
          display: block;
          font-size: 0;
          letter-spacing: 0; }
          @media (max-width: 767px) {
            .magnific-popup-page .top-content .title .right .icon-list {
              padding-top: 0;
              margin: 0 -10px; } }
          .magnific-popup-page .top-content .title .right .icon-list li {
            display: inline-block;
            vertical-align: top;
            width: 16.666667%;
            text-align: center; }
            @media (max-width: 767px) {
              .magnific-popup-page .top-content .title .right .icon-list li {
                width: 33.333333%;
                padding: 0 10px !important;
                margin-bottom: 10px; } }
            .magnific-popup-page .top-content .title .right .icon-list li img {
              width: 90px;
              height: 90px;
              object-fit: scale-down; }
            .magnific-popup-page .top-content .title .right .icon-list li span {
              margin-top: 22px;
              font-size: 13.66px;
              display: block;
              font-weight: 700;
              font-family: 'Roboto', sans-serif;
              line-height: 22px;
              letter-spacing: 0.015em;
              text-align: center;
              padding: 0 5px; }
  .magnific-popup-page .middle-content {
    background: white;
    padding-top: 75px; }
    @media (max-width: 850px) {
      .magnific-popup-page .middle-content {
        padding-top: 0; } }
    .magnific-popup-page .middle-content > h3 {
      display: block;
      text-align: center;
      font-family: 'Roboto', sans-serif;
      font-size: 20px;
      letter-spacing: 0.05em;
      line-height: 32px;
      font-weight: 700;
      margin-top: 0;
      margin-bottom: 0;
      padding-bottom: 20px;
      position: relative; }
      .magnific-popup-page .middle-content > h3:before {
        content: '';
        width: 75px;
        height: 3px;
        position: absolute;
        bottom: 0;
        left: 50%;
        transform: translateX(-50%);
        background: #00b9e4; }
    .magnific-popup-page .middle-content > p {
      display: block;
      max-width: 780px;
      width: 100%;
      margin-top: 35px;
      margin-left: auto;
      margin-right: auto;
      font-family: 'Roboto', sans-serif;
      font-size: 15px;
      line-height: 2;
      letter-spacing: 0.015em; }
      @media (max-width: 850px) {
        .magnific-popup-page .middle-content > p {
          padding-left: 15px;
          padding-right: 15px; } }
    .magnific-popup-page .middle-content .blocks {
      margin-top: 80px; }
      @media (max-width: 991px) {
        .magnific-popup-page .middle-content .blocks {
          margin-top: 35px; } }
      .magnific-popup-page .middle-content .blocks .item {
        display: block;
        letter-spacing: 0;
        font-size: 0;
        background: white; }
        .magnific-popup-page .middle-content .blocks .item .left,
        .magnific-popup-page .middle-content .blocks .item .right {
          display: inline-block;
          vertical-align: top;
          width: 50%; }
          .magnific-popup-page .middle-content .blocks .item .left img,
          .magnific-popup-page .middle-content .blocks .item .right img {
            width: 100%; }
        .magnific-popup-page .middle-content .blocks .item .content {
          text-align: center;
          padding-top: 65px; }
          @media (max-width: 1344px) {
            .magnific-popup-page .middle-content .blocks .item .content {
              padding-top: 20px; } }
          .magnific-popup-page .middle-content .blocks .item .content h3 {
            font-size: 21.67px;
            line-height: 30.15px;
            letter-spacing: 0.015em;
            text-transform: uppercase;
            font-weight: 700;
            color: #38383e;
            font-family: 'Roboto Condensed', sans-serif;
            text-align: center;
            margin-top: 0;
            margin-bottom: 0;
            padding-bottom: 20px;
            position: relative; }
            .magnific-popup-page .middle-content .blocks .item .content h3:before {
              content: '';
              position: absolute;
              width: 55px;
              height: 2px;
              background: #00b9e4;
              bottom: 0;
              left: 50%;
              transform: translateX(-50%); }
            @media (max-width: 1024px) {
              .magnific-popup-page .middle-content .blocks .item .content h3 {
                font-size: 16px;
                padding-bottom: 5px; } }
          .magnific-popup-page .middle-content .blocks .item .content h1 {
            font-size: 50.67px;
            line-height: 1;
            letter-spacing: 0.015em;
            font-weight: 700;
            color: #38383e;
            font-family: 'Roboto Condensed', sans-serif;
            text-align: center;
            margin-top: 35px;
            margin-bottom: 0; }
            @media (max-width: 1344px) {
              .magnific-popup-page .middle-content .blocks .item .content h1 {
                font-size: 44px;
                margin-top: 20px; } }
            @media (max-width: 1024px) {
              .magnific-popup-page .middle-content .blocks .item .content h1 {
                font-size: 34px;
                margin-top: 10px; } }
          .magnific-popup-page .middle-content .blocks .item .content .text {
            max-width: 540px;
            width: 100%;
            display: block;
            margin-left: auto;
            margin-right: auto;
            margin-top: 40px;
            margin-bottom: 0;
            font-size: 16px;
            line-height: 30px;
            letter-spacing: 0.015em;
            font-family: 'Roboto', sans-serif; }
            @media (max-width: 1344px) {
              .magnific-popup-page .middle-content .blocks .item .content .text {
                margin-top: 20px;
                padding-left: 15px;
                padding-right: 15px; } }
            @media (max-width: 1024px) {
              .magnific-popup-page .middle-content .blocks .item .content .text {
                font-size: 14px;
                margin-top: 10px; } }
          .magnific-popup-page .middle-content .blocks .item .content .btn {
            background: #008bab;
            display: inline-block;
            text-align: center;
            vertical-align: middle;
            padding: 10px 25px;
            border: 0px solid #b3b3b3;
            border-radius: 5px;
            box-shadow: #02647b 0px 3px 0px 0px;
            font: normal normal bold 13px roboto;
            color: white;
            text-decoration: none;
            text-transform: uppercase;
            height: unset;
            font-size: 13.79px;
            letter-spacing: 0.015em;
            margin-top: 40px; }
            .magnific-popup-page .middle-content .blocks .item .content .btn:hover, .magnific-popup-page .middle-content .blocks .item .content .btn:focus {
              border: 0 solid #008cab;
              background: #00a8cd;
              color: white;
              text-decoration: none; }
            @media (max-width: 1344px) {
              .magnific-popup-page .middle-content .blocks .item .content .btn {
                margin-top: 20px; } }
            @media (max-width: 1024px) {
              .magnific-popup-page .middle-content .blocks .item .content .btn {
                margin-top: 10px; } }
        @media (max-width: 850px) {
          .magnific-popup-page .middle-content .blocks .item {
            display: flex;
            flex-wrap: wrap; }
            .magnific-popup-page .middle-content .blocks .item .left,
            .magnific-popup-page .middle-content .blocks .item .right {
              width: 100%; }
            .magnific-popup-page .middle-content .blocks .item + .item {
              margin-top: 35px; }
            .magnific-popup-page .middle-content .blocks .item:nth-child(even) .right {
              order: -1; } }
  .magnific-popup-page .first-block {
    background: white;
    padding-top: 80px; }
    @media (max-width: 767px) {
      .magnific-popup-page .first-block {
        padding-top: 35px; } }
    .magnific-popup-page .first-block .wrapper {
      display: block;
      font-size: 0;
      letter-spacing: 0;
      max-width: 1180px;
      width: 100%;
      margin-left: auto;
      margin-right: auto; }
      @media (max-width: 1344px) {
        .magnific-popup-page .first-block .wrapper {
          padding-left: 15px;
          padding-right: 15px; } }
      .magnific-popup-page .first-block .wrapper .left,
      .magnific-popup-page .first-block .wrapper .right {
        display: inline-block;
        vertical-align: top; }
      .magnific-popup-page .first-block .wrapper .left {
        width: 100%;
        max-width: 375px; }
        @media (max-width: 850px) {
          .magnific-popup-page .first-block .wrapper .left {
            margin-left: auto;
            margin-right: auto; } }
        .magnific-popup-page .first-block .wrapper .left .list-wrapper {
          display: block;
          max-width: 270px;
          width: 100%; }
          @media (max-width: 767px) {
            .magnific-popup-page .first-block .wrapper .left .list-wrapper {
              display: none; } }
        .magnific-popup-page .first-block .wrapper .left h2 {
          font-family: 'Roboto Condensed', sans-serif;
          text-transform: uppercase;
          font-size: 18.67px;
          font-weight: 700;
          letter-spacing: 0.015em;
          line-height: 30.15px;
          margin-top: 0;
          padding-bottom: 12px;
          border-bottom: 1px solid #e1e1e1; }
        .magnific-popup-page .first-block .wrapper .left ul {
          margin: 0;
          padding-left: 15px;
          list-style-type: none; }
          .magnific-popup-page .first-block .wrapper .left ul li {
            font-family: 'Roboto', sans-serif;
            font-size: 16px; }
            .magnific-popup-page .first-block .wrapper .left ul li a {
              font-family: 'Roboto', sans-serif;
              font-size: 16px;
              letter-spacing: 0.015em;
              line-height: 30.15px;
              color: #38383e;
              transition: all ease 0.3s; }
            .magnific-popup-page .first-block .wrapper .left ul li:before {
              content: '\2022';
              color: #00b9e4;
              font-weight: bold;
              display: inline-block;
              margin-left: -15px;
              width: 1em; }
            .magnific-popup-page .first-block .wrapper .left ul li:hover a {
              color: #00b9e4; }
      .magnific-popup-page .first-block .wrapper .right {
        width: calc(100% - 375px); }
        @media (max-width: 850px) {
          .magnific-popup-page .first-block .wrapper .right {
            width: 100%;
            margin-top: 35px; } }
        .magnific-popup-page .first-block .wrapper .right p {
          font-family: 'Roboto', sans-serif;
          font-size: 16px;
          letter-spacing: 0.015em;
          line-height: 30.15px;
          color: #38383e; }
          @media (max-width: 767px) {
            .magnific-popup-page .first-block .wrapper .right p {
              padding-left: 10px;
              padding-right: 10px; } }
      .magnific-popup-page .first-block .wrapper .bottom {
        display: block;
        font-size: 0;
        letter-spacing: 0;
        margin: 0 -7.5px;
        margin-top: 80px;
        padding-bottom: 150px; }
        @media (max-width: 767px) {
          .magnific-popup-page .first-block .wrapper .bottom {
            padding-bottom: 35px;
            margin-top: 35px; } }
        .magnific-popup-page .first-block .wrapper .bottom .item {
          display: inline-block;
          vertical-align: top;
          width: 33.333333%;
          padding: 0 7.5px; }
          .magnific-popup-page .first-block .wrapper .bottom .item img {
            width: 100%;
            border-radius: 5px; }
          .magnific-popup-page .first-block .wrapper .bottom .item:nth-child(n + 4) {
            margin-top: 15px; }
          @media (max-width: 767px) {
            .magnific-popup-page .first-block .wrapper .bottom .item {
              width: 50%; }
              .magnific-popup-page .first-block .wrapper .bottom .item:nth-child(n + 3) {
                margin-top: 15px; } }
    .magnific-popup-page .first-block.first-block-custom {
      padding-top: 60px; }
      .magnific-popup-page .first-block.first-block-custom .wrapper .bottom {
        margin: 0; }
  .magnific-popup-page .second-block {
    padding: 120px 0; }
    .magnific-popup-page .second-block.block-carousel {
      background: url(https://cdn11.bigcommerce.com/s-8mji1/product_images/uploaded_images/background-page-custom.png?t=1559034377&_ga=2.81491103.981576558.1558921449-1285586094.1557712972);
      background-size: cover;
      background-repeat: repeat;
      background-position: center; }
      .magnific-popup-page .second-block.block-carousel.background-1 {
        background: url(https://cdn11.bigcommerce.com/s-8mji1/product_images/uploaded_images/background-page-custom.png?t=1559034377&_ga=2.81491103.981576558.1558921449-1285586094.1557712972);
        background-size: cover;
        background-repeat: repeat;
        background-position: center; }
      .magnific-popup-page .second-block.block-carousel.background-2 {
        background: url(https://cdn11.bigcommerce.com/s-8mji1/product_images/uploaded_images/background-page-custom.png?t=1559034377&_ga=2.81491103.981576558.1558921449-1285586094.1557712972);
        background-size: cover;
        background-repeat: repeat;
        background-position: center; }
      .magnific-popup-page .second-block.block-carousel h2 {
        text-align: center;
        font-size: 27.67px;
        font-family: 'Roboto', sans-serif;
        line-height: 30.16px;
        letter-spacing: 0.015em;
        color: white;
        font-weight: 800;
        padding-bottom: 25px;
        margin-top: 0;
        margin-bottom: 0;
        position: relative; }
        .magnific-popup-page .second-block.block-carousel h2:before {
          content: '';
          position: absolute;
          width: 80px;
          height: 3px;
          background: #00b9e4;
          bottom: 0;
          left: 50%;
          transform: translateX(-50%); }
        @media (max-width: 767px) {
          .magnific-popup-page .second-block.block-carousel h2 {
            margin-top: 35px; } }
      .magnific-popup-page .second-block.block-carousel p {
        display: block;
        width: 100%;
        max-width: 970px;
        margin-left: auto;
        margin-right: auto;
        font-size: 16.67px;
        line-height: 30.15px;
        letter-spacing: 0.015em;
        text-align: center;
        font-family: 'Roboto', sans-serif;
        margin-top: 50px;
        margin-bottom: 0;
        color: white; }
        @media (max-width: 767px) {
          .magnific-popup-page .second-block.block-carousel p {
            margin-top: 20px; } }
      .magnific-popup-page .second-block.block-carousel .carousel {
        margin-top: 50px; }
        .magnific-popup-page .second-block.block-carousel .carousel .item {
          display: block;
          width: 100%; }
          .magnific-popup-page .second-block.block-carousel .carousel .item h3 {
            color: #00b3dd;
            font-family: 'Roboto Condensed', sans-serif;
            padding-top: 60px;
            padding-bottom: 0;
            font-size: 20.67px; }
            .magnific-popup-page .second-block.block-carousel .carousel .item h3:before {
              display: none; }
          .magnific-popup-page .second-block.block-carousel .carousel .item ul {
            list-style-type: disc;
            margin: 0;
            padding-left: 15px;
            padding-right: 25px; }
            .magnific-popup-page .second-block.block-carousel .carousel .item ul li {
              font-size: 16px;
              line-height: 44.15px;
              letter-spacing: 0.015em;
              color: white; }
        .magnific-popup-page .second-block.block-carousel .carousel .owl-nav > div.disabled {
          display: none; }
        .magnific-popup-page .second-block.block-carousel .carousel .owl-nav > .owl-next {
          background: url(https://cdn11.bigcommerce.com/s-8mji1/product_images/uploaded_images/arrow-next.png?t=1559037229&_ga=2.81058207.981576558.1558921449-1285586094.1557712972);
          background-repeat: no-repeat;
          background-position: center;
          border: 0;
          transform: unset;
          right: 0; }
          .magnific-popup-page .second-block.block-carousel .carousel .owl-nav > .owl-next:before {
            display: none; }
          @media (max-width: 767px) {
            .magnific-popup-page .second-block.block-carousel .carousel .owl-nav > .owl-next {
              top: 20%; } }
        .magnific-popup-page .second-block.block-carousel .carousel .owl-nav > .owl-prev {
          background: url(https://cdn11.bigcommerce.com/s-8mji1/product_images/uploaded_images/arrow-next.png?t=1559037229&_ga=2.81058207.981576558.1558921449-1285586094.1557712972);
          background-repeat: no-repeat;
          background-position: center;
          border: 0;
          transform: rotate(180deg);
          left: 0; }
          .magnific-popup-page .second-block.block-carousel .carousel .owl-nav > .owl-prev:before {
            display: none; }
          @media (max-width: 767px) {
            .magnific-popup-page .second-block.block-carousel .carousel .owl-nav > .owl-prev {
              top: 20%; } }
    @media (max-width: 767px) {
      .magnific-popup-page .second-block {
        padding: 35px 0; } }
    .magnific-popup-page .second-block .wrapper {
      display: block;
      font-size: 0;
      letter-spacing: 0;
      max-width: 1180px;
      width: 100%;
      margin-left: auto;
      margin-right: auto; }
      @media (max-width: 1344px) {
        .magnific-popup-page .second-block .wrapper {
          padding-left: 15px;
          padding-right: 15px; } }
      .magnific-popup-page .second-block .wrapper .left,
      .magnific-popup-page .second-block .wrapper .right {
        display: inline-block;
        vertical-align: top;
        width: 50%; }
        @media (max-width: 767px) {
          .magnific-popup-page .second-block .wrapper .left,
          .magnific-popup-page .second-block .wrapper .right {
            width: 100%; } }
      .magnific-popup-page .second-block .wrapper .left img {
        margin: 0 auto; }
        @media (max-width: 767px) {
          .magnific-popup-page .second-block .wrapper .left img {
            padding: 0 50px; } }
      .magnific-popup-page .second-block .wrapper .right {
        padding-left: 25px; }
        .magnific-popup-page .second-block .wrapper .right h3 {
          font-size: 27.67px;
          font-family: 'Roboto', sans-serif;
          line-height: 32px;
          letter-spacing: 0.015em;
          font-weight: 800;
          padding-bottom: 25px;
          margin-top: 0;
          margin-bottom: 0;
          position: relative; }
          .magnific-popup-page .second-block .wrapper .right h3:before {
            content: '';
            position: absolute;
            width: 80px;
            height: 3px;
            background: #00b9e4;
            bottom: 0;
            left: 0; }
          @media (max-width: 767px) {
            .magnific-popup-page .second-block .wrapper .right h3 {
              margin-top: 20px; }
              .magnific-popup-page .second-block .wrapper .right h3:before {
                left: 50%;
                transform: translateX(-50%); } }
        .magnific-popup-page .second-block .wrapper .right .list-wrapper {
          margin: 0;
          margin-top: 50px;
          padding-left: 15px;
          list-style-type: none; }
          @media (max-width: 767px) {
            .magnific-popup-page .second-block .wrapper .right .list-wrapper {
              margin-top: 20px; }
              .magnific-popup-page .second-block .wrapper .right .list-wrapper li {
                font-size: 16px !important;
                line-height: 2 !important; } }
          .magnific-popup-page .second-block .wrapper .right .list-wrapper li {
            font-family: 'Roboto', sans-serif;
            font-size: 20px;
            letter-spacing: 0.015em;
            line-height: 42px;
            color: #38383e;
            transition: all ease 0.3s; }
            .magnific-popup-page .second-block .wrapper .right .list-wrapper li:before {
              content: '\2022';
              color: #00b9e4;
              font-weight: bold;
              display: inline-block;
              margin-left: -15px;
              width: 1em; }
    .magnific-popup-page .second-block.second-block-custom {
      padding-top: 0; }
      .magnific-popup-page .second-block.second-block-custom .wrapper {
        display: flex;
        justify-content: space-between;
        align-content: center; }
        @media (max-width: 767px) {
          .magnific-popup-page .second-block.second-block-custom .wrapper {
            flex-wrap: wrap; } }
      .magnific-popup-page .second-block.second-block-custom .left,
      .magnific-popup-page .second-block.second-block-custom .right {
        width: 50%; }
        @media (max-width: 767px) {
          .magnific-popup-page .second-block.second-block-custom .left,
          .magnific-popup-page .second-block.second-block-custom .right {
            width: 100%; } }
      @media (max-width: 767px) {
        .magnific-popup-page .second-block.second-block-custom .left img {
          padding: 0; } }
      .magnific-popup-page .second-block.second-block-custom .right {
        padding-left: 70px;
        display: flex;
        align-items: center;
        flex-wrap: wrap;
        align-self: center; }
        @media (max-width: 767px) {
          .magnific-popup-page .second-block.second-block-custom .right {
            padding-left: 15px;
            padding-right: 15px; } }
        .magnific-popup-page .second-block.second-block-custom .right h3 {
          display: block;
          width: 100%;
          margin-bottom: 40px; }
          @media (max-width: 767px) {
            .magnific-popup-page .second-block.second-block-custom .right h3 {
              text-align: center; } }
        .magnific-popup-page .second-block.second-block-custom .right ul {
          display: block;
          width: 100%;
          list-style-type: disc;
          margin: 0;
          padding-left: 15px;
          padding-right: 25px; }
          .magnific-popup-page .second-block.second-block-custom .right ul li {
            font-size: 20px;
            line-height: 44.15px;
            letter-spacing: 0.015em; }
            @media (max-width: 767px) {
              .magnific-popup-page .second-block.second-block-custom .right ul li {
                line-height: 2;
                font-size: 15px; } }
  .magnific-popup-page .third-block {
    background: white;
    padding-top: 95px; }
    @media (max-width: 767px) {
      .magnific-popup-page .third-block {
        padding-top: 35px; } }
    .magnific-popup-page .third-block .wrapper {
      display: block;
      font-size: 0;
      letter-spacing: 0;
      max-width: 1400px;
      width: 100%;
      margin-left: auto;
      margin-right: auto; }
      @media (max-width: 1344px) {
        .magnific-popup-page .third-block .wrapper {
          padding-left: 15px;
          padding-right: 15px; } }
      .magnific-popup-page .third-block .wrapper .content {
        padding-bottom: 60px;
        position: relative; }
        .magnific-popup-page .third-block .wrapper .content:last-child:before {
          display: none; }
        @media (max-width: 850px) {
          .magnific-popup-page .third-block .wrapper .content {
            padding-bottom: 35px; }
            .magnific-popup-page .third-block .wrapper .content:before {
              width: 80%; } }
      .magnific-popup-page .third-block .wrapper .content-1 {
        display: block; }
        .magnific-popup-page .third-block .wrapper .content-1 .item {
          display: inline-block;
          vertical-align: top;
          width: 33.333333%; }
          @media (max-width: 767px) {
            .magnific-popup-page .third-block .wrapper .content-1 .item {
              width: 100%; }
              .magnific-popup-page .third-block .wrapper .content-1 .item + .item {
                margin-top: 20px; }
              .magnific-popup-page .third-block .wrapper .content-1 .item h2 {
                text-align: center !important;
                padding-bottom: 10px !important; }
                .magnific-popup-page .third-block .wrapper .content-1 .item h2:before {
                  left: 50% !important;
                  transform: translateX(-50%) !important; } }
          .magnific-popup-page .third-block .wrapper .content-1 .item h2 {
            font-size: 20px;
            font-family: 'Roboto Condensed', sans-serif;
            line-height: 29px;
            letter-spacing: 0.015em;
            text-transform: uppercase;
            font-weight: 700;
            padding-bottom: 25px;
            margin-top: 0;
            margin-bottom: 0;
            position: relative; }
            .magnific-popup-page .third-block .wrapper .content-1 .item h2:before {
              content: '';
              position: absolute;
              width: 80px;
              height: 3px;
              background: #00b9e4;
              bottom: 0;
              left: 0; }
          .magnific-popup-page .third-block .wrapper .content-1 .item .list-wrapper {
            margin: 0;
            margin-top: 12px;
            padding-left: 15px;
            padding-right: 25px;
            list-style-type: disc; }
            .magnific-popup-page .third-block .wrapper .content-1 .item .list-wrapper li {
              font-family: 'Roboto', sans-serif;
              font-size: 15px;
              letter-spacing: 0.015em;
              line-height: 30px;
              color: #38383e;
              transition: all ease 0.3s; }
              .magnific-popup-page .third-block .wrapper .content-1 .item .list-wrapper li span {
                font-style: italic; }
      .magnific-popup-page .third-block .wrapper .content-2 h2 {
        text-align: center;
        font-size: 27.67px;
        font-family: 'Roboto', sans-serif;
        line-height: 30.16px;
        letter-spacing: 0.015em;
        text-transform: capitalize;
        font-weight: 800;
        padding-bottom: 25px;
        margin-top: 60px;
        margin-bottom: 0;
        position: relative; }
        .magnific-popup-page .third-block .wrapper .content-2 h2:before {
          content: '';
          position: absolute;
          width: 80px;
          height: 3px;
          background: #00b9e4;
          bottom: 0;
          left: 50%;
          transform: translateX(-50%); }
        @media (max-width: 767px) {
          .magnific-popup-page .third-block .wrapper .content-2 h2 {
            margin-top: 35px; } }
      .magnific-popup-page .third-block .wrapper .content-2 p {
        display: block;
        width: 100%;
        max-width: 970px;
        margin-left: auto;
        margin-right: auto;
        font-size: 16.67px;
        line-height: 30.15px;
        letter-spacing: 0.015em;
        text-align: center;
        font-family: 'Roboto', sans-serif;
        margin-top: 50px;
        margin-bottom: 0; }
        @media (max-width: 767px) {
          .magnific-popup-page .third-block .wrapper .content-2 p {
            margin-top: 20px; } }
      .magnific-popup-page .third-block .wrapper .content-2 .wrapper {
        max-width: 1088px;
        width: 100%;
        margin-left: auto;
        margin-right: auto;
        margin-top: 40px; }
        @media (max-width: 767px) {
          .magnific-popup-page .third-block .wrapper .content-2 .wrapper {
            margin-top: 20px; } }
        .magnific-popup-page .third-block .wrapper .content-2 .wrapper .finish-list {
          width: 100%;
          margin-left: -2px;
          margin-right: -2px;
          display: block; }
          .magnific-popup-page .third-block .wrapper .content-2 .wrapper .finish-list li {
            display: inline-block;
            vertical-align: top;
            width: 25%;
            padding: 0 2px; }
            @media (max-width: 767px) {
              .magnific-popup-page .third-block .wrapper .content-2 .wrapper .finish-list li {
                width: 50%; } }
            .magnific-popup-page .third-block .wrapper .content-2 .wrapper .finish-list li img {
              height: 148px;
              width: 100%; }
            .magnific-popup-page .third-block .wrapper .content-2 .wrapper .finish-list li span {
              display: block;
              font-size: 13px;
              text-align: center;
              letter-spacing: 0.015em;
              line-height: 2; }
            .magnific-popup-page .third-block .wrapper .content-2 .wrapper .finish-list li:nth-child(n + 5) {
              margin-top: 15px; }
        .magnific-popup-page .third-block .wrapper .content-2 .wrapper .color-list li {
          display: inline-block;
          padding: 0 2px;
          width: 50%; }
          @media (min-width: 576px) {
            .magnific-popup-page .third-block .wrapper .content-2 .wrapper .color-list li {
              width: calc(100% / 3); } }
          @media (min-width: 992px) {
            .magnific-popup-page .third-block .wrapper .content-2 .wrapper .color-list li {
              width: calc(100% / 6); } }
          .magnific-popup-page .third-block .wrapper .content-2 .wrapper .color-list li img {
            height: 148px;
            width: 100%; }
          .magnific-popup-page .third-block .wrapper .content-2 .wrapper .color-list li span {
            display: block;
            font-size: 13px;
            text-align: center;
            letter-spacing: 0.015em;
            line-height: 2; }
      .magnific-popup-page .third-block .wrapper .content-3 h2 {
        text-align: center;
        font-size: 27.67px;
        font-family: 'Roboto', sans-serif;
        line-height: 30.16px;
        letter-spacing: 0.015em;
        text-transform: capitalize;
        font-weight: 800;
        padding-bottom: 25px;
        margin-top: 60px;
        margin-bottom: 0;
        position: relative; }
        .magnific-popup-page .third-block .wrapper .content-3 h2:before {
          content: '';
          position: absolute;
          width: 80px;
          height: 3px;
          background: #00b9e4;
          bottom: 0;
          left: 50%;
          transform: translateX(-50%); }
        @media (max-width: 767px) {
          .magnific-popup-page .third-block .wrapper .content-3 h2 {
            margin-top: 35px; } }
      .magnific-popup-page .third-block .wrapper .content-3 p {
        display: block;
        width: 100%;
        max-width: 970px;
        margin-left: auto;
        margin-right: auto;
        font-size: 16.67px;
        line-height: 30.15px;
        letter-spacing: 0.015em;
        text-align: center;
        font-family: 'Roboto', sans-serif;
        margin-top: 50px;
        margin-bottom: 0; }
        @media (max-width: 767px) {
          .magnific-popup-page .third-block .wrapper .content-3 p {
            margin-top: 20px; } }
      .magnific-popup-page .third-block .wrapper .content-3 .wrapper {
        margin-top: 20px;
        text-align: center; }
      .magnific-popup-page .third-block .wrapper .content-4 h2 {
        text-align: center;
        font-size: 27.67px;
        font-family: 'Roboto', sans-serif;
        line-height: 30.16px;
        letter-spacing: 0.015em;
        text-transform: capitalize;
        font-weight: 800;
        padding-bottom: 25px;
        margin-top: 60px;
        margin-bottom: 0;
        position: relative; }
        .magnific-popup-page .third-block .wrapper .content-4 h2:before {
          content: '';
          position: absolute;
          width: 80px;
          height: 3px;
          background: #00b9e4;
          bottom: 0;
          left: 50%;
          transform: translateX(-50%); }
        @media (max-width: 767px) {
          .magnific-popup-page .third-block .wrapper .content-4 h2 {
            margin-top: 35px; } }
      .magnific-popup-page .third-block .wrapper .content-4 p {
        display: block;
        width: 100%;
        max-width: 970px;
        margin-left: auto;
        margin-right: auto;
        font-size: 16.67px;
        line-height: 30.15px;
        letter-spacing: 0.015em;
        text-align: center;
        font-family: 'Roboto', sans-serif;
        margin-top: 50px;
        margin-bottom: 0; }
        @media (max-width: 767px) {
          .magnific-popup-page .third-block .wrapper .content-4 p {
            margin-top: 20px; } }
      .magnific-popup-page .third-block .wrapper .content-4 .wrapper {
        display: block;
        margin-top: 30px; }
        .magnific-popup-page .third-block .wrapper .content-4 .wrapper .item {
          display: inline-block;
          vertical-align: top;
          width: 25%;
          padding: 0 15px;
          text-align: center; }
          @media (max-width: 767px) {
            .magnific-popup-page .third-block .wrapper .content-4 .wrapper .item {
              width: 100%; }
              .magnific-popup-page .third-block .wrapper .content-4 .wrapper .item + .item {
                margin-top: 20px; } }
          .magnific-popup-page .third-block .wrapper .content-4 .wrapper .item h3 {
            text-align: center;
            font-size: 20px;
            font-family: 'Roboto Condensed', sans-serif;
            line-height: 1.5;
            letter-spacing: 0.015em;
            text-transform: uppercase;
            font-weight: 700;
            margin-top: 50px;
            margin-bottom: 0; }
            @media (max-width: 767px) {
              .magnific-popup-page .third-block .wrapper .content-4 .wrapper .item h3 {
                margin-top: 20px; } }
          .magnific-popup-page .third-block .wrapper .content-4 .wrapper .item .option-list {
            margin: 0;
            margin-top: 30px;
            padding-left: 15px;
            list-style-type: disc; }
            .magnific-popup-page .third-block .wrapper .content-4 .wrapper .item .option-list li {
              font-size: 15px;
              line-height: 30.15px;
              font-family: 'Roboto', sans-serif;
              text-align: left;
              letter-spacing: 0.015em; }
            @media (max-width: 767px) {
              .magnific-popup-page .third-block .wrapper .content-4 .wrapper .item .option-list {
                margin-top: 20px; } }
      .magnific-popup-page .third-block .wrapper .content-carousel h2 {
        text-align: center;
        font-size: 27.67px;
        font-family: 'Roboto', sans-serif;
        line-height: 30.16px;
        letter-spacing: 0.015em;
        text-transform: capitalize;
        font-weight: 800;
        padding-bottom: 25px;
        margin-top: 60px;
        margin-bottom: 0;
        position: relative; }
        .magnific-popup-page .third-block .wrapper .content-carousel h2:before {
          content: '';
          position: absolute;
          width: 80px;
          height: 3px;
          background: #00b9e4;
          bottom: 0;
          left: 50%;
          transform: translateX(-50%); }
        @media (max-width: 767px) {
          .magnific-popup-page .third-block .wrapper .content-carousel h2 {
            margin-top: 35px; } }
      .magnific-popup-page .third-block .wrapper .content-carousel p {
        display: block;
        width: 100%;
        max-width: 970px;
        margin-left: auto;
        margin-right: auto;
        font-size: 16.67px;
        line-height: 30.15px;
        letter-spacing: 0.015em;
        text-align: center;
        font-family: 'Roboto', sans-serif;
        margin-top: 50px;
        margin-bottom: 0; }
        @media (max-width: 767px) {
          .magnific-popup-page .third-block .wrapper .content-carousel p {
            margin-top: 20px; } }
      .magnific-popup-page .third-block .wrapper .content-carousel .carousel {
        margin-top: 60px; }
        @media (max-width: 767px) {
          .magnific-popup-page .third-block .wrapper .content-carousel .carousel {
            margin-top: 35px; }
            .magnific-popup-page .third-block .wrapper .content-carousel .carousel .item {
              padding: 0 50px; } }
        .magnific-popup-page .third-block .wrapper .content-carousel .carousel h3 {
          text-align: center;
          font-size: 23.03px;
          font-family: 'Roboto Condensed', sans-serif;
          line-height: 25.09px;
          letter-spacing: 0.035em;
          text-transform: capitalize;
          font-weight: 700;
          margin-bottom: 0;
          margin-top: 0; }
        .magnific-popup-page .third-block .wrapper .content-carousel .carousel .wrap {
          width: 100%;
          display: block;
          max-width: 870px;
          margin-left: auto;
          margin-right: auto; }
        .magnific-popup-page .third-block .wrapper .content-carousel .carousel ul {
          display: block;
          font-size: 0;
          letter-spacing: 0;
          margin-top: 35px;
          margin-bottom: 0;
          margin-left: -2px;
          margin-right: -2px;
          text-align: center; }
          .magnific-popup-page .third-block .wrapper .content-carousel .carousel ul li {
            display: inline-block;
            vertical-align: top;
            width: 25%;
            padding: 0 2px; }
            @media (max-width: 767px) {
              .magnific-popup-page .third-block .wrapper .content-carousel .carousel ul li {
                width: 50%; } }
            .magnific-popup-page .third-block .wrapper .content-carousel .carousel ul li img {
              border-radius: 4px; }
            .magnific-popup-page .third-block .wrapper .content-carousel .carousel ul li span {
              display: block;
              text-align: center;
              font-size: 12px;
              font-family: 'Roboto', sans-serif;
              line-height: 2;
              letter-spacing: 0.015em; }
        .magnific-popup-page .third-block .wrapper .content-carousel .carousel .owl-nav > div.disabled {
          display: none; }
        .magnific-popup-page .third-block .wrapper .content-carousel .carousel .owl-nav > .owl-next {
          background: url(https://cdn11.bigcommerce.com/s-8mji1/product_images/uploaded_images/arrow-next-2.png?t=1559038932&_ga=2.251967873.981576558.1558921449-1285586094.1557712972);
          background-repeat: no-repeat;
          background-position: center;
          border: 0;
          transform: unset;
          right: 0; }
          .magnific-popup-page .third-block .wrapper .content-carousel .carousel .owl-nav > .owl-next:before {
            display: none; }
          @media (max-width: 767px) {
            .magnific-popup-page .third-block .wrapper .content-carousel .carousel .owl-nav > .owl-next {
              top: 40%; } }
        .magnific-popup-page .third-block .wrapper .content-carousel .carousel .owl-nav > .owl-prev {
          background: url(https://cdn11.bigcommerce.com/s-8mji1/product_images/uploaded_images/arrow-next-2.png?t=1559038932&_ga=2.251967873.981576558.1558921449-1285586094.1557712972);
          background-repeat: no-repeat;
          background-position: center;
          border: 0;
          transform: rotate(180deg);
          left: 0; }
          .magnific-popup-page .third-block .wrapper .content-carousel .carousel .owl-nav > .owl-prev:before {
            display: none; }
          @media (max-width: 767px) {
            .magnific-popup-page .third-block .wrapper .content-carousel .carousel .owl-nav > .owl-prev {
              top: 40%; } }
      @media (min-width: 1440px) {
        .magnific-popup-page .third-block .wrapper .content-carousel.gym-turf-flooring {
          margin: 0 -40px; } }
      .magnific-popup-page .third-block .wrapper .color-grid {
        display: flex;
        flex-wrap: wrap;
        margin: 0 auto; }
        .magnific-popup-page .third-block .wrapper .color-grid .flex-item {
          width: calc(50% - 30px);
          margin: 15px; }
        @media (min-width: 576px) {
          .magnific-popup-page .third-block .wrapper .color-grid {
            max-width: 570px; }
            .magnific-popup-page .third-block .wrapper .color-grid .flex-item {
              width: 160px; } }
        @media (min-width: 768px) {
          .magnific-popup-page .third-block .wrapper .color-grid {
            max-width: 760px; } }
        @media (min-width: 992px) {
          .magnific-popup-page .third-block .wrapper .color-grid {
            max-width: 950px; } }
      .magnific-popup-page .third-block .wrapper .content-custom {
        display: block;
        font-size: 0;
        letter-spacing: 0; }
        .magnific-popup-page .third-block .wrapper .content-custom .title {
          display: block;
          width: 100%;
          text-align: center;
          font-family: 'Roboto', sans-serif;
          font-size: 27.67px;
          letter-spacing: 0.035em;
          line-height: 30.16px;
          font-weight: 800;
          color: #38383e;
          position: relative;
          padding-bottom: 20px;
          margin-top: 0;
          margin-bottom: 50px; }
          .magnific-popup-page .third-block .wrapper .content-custom .title:before {
            content: '';
            display: block;
            width: 80px;
            height: 4px;
            background: #00b3dd;
            position: absolute;
            bottom: 0;
            left: 50%;
            transform: translateX(-50%); }
        .magnific-popup-page .third-block .wrapper .content-custom .description {
          font-family: 'Roboto', sans-serif;
          color: #38383e;
          font-size: 16px;
          letter-spacing: 0.015em;
          line-height: 2;
          display: block;
          width: 100%;
          max-width: 980px;
          margin: 0 auto;
          text-align: center; }
        .magnific-popup-page .third-block .wrapper .content-custom .item {
          display: inline-block;
          vertical-align: top;
          width: 33.333333%;
          margin-top: 45px;
          margin-bottom: 80px; }
          @media (max-width: 767px) {
            .magnific-popup-page .third-block .wrapper .content-custom .item {
              width: 100%;
              margin: 25px 0; } }
          .magnific-popup-page .third-block .wrapper .content-custom .item img {
            padding: 0 20px;
            height: 255px;
            object-fit: contain; }
          .magnific-popup-page .third-block .wrapper .content-custom .item h2 {
            font-family: 'Roboto Condensed', sans-serif;
            color: #38383e;
            font-size: 20px;
            letter-spacing: 0.015em;
            line-height: 30.15px;
            font-weight: 700;
            display: block;
            width: 100%;
            text-align: center;
            position: relative;
            padding-bottom: 10px;
            text-transform: uppercase;
            margin-top: 40px;
            margin-bottom: 40px; }
            .magnific-popup-page .third-block .wrapper .content-custom .item h2:before {
              content: '';
              display: block;
              width: 70px;
              height: 4px;
              background: #00b3dd;
              position: absolute;
              bottom: 0;
              left: 50%;
              transform: translateX(-50%); }
          .magnific-popup-page .third-block .wrapper .content-custom .item ul {
            list-style-type: none;
            margin: 0;
            padding: 0 40px 0 15px; }
            .magnific-popup-page .third-block .wrapper .content-custom .item ul li {
              font-family: 'Roboto', sans-serif;
              font-size: 15px;
              letter-spacing: 0.015em;
              line-height: 30px;
              color: #38383e;
              transition: all ease 0.3s; }
  .magnific-popup-page .fourth-block {
    padding-bottom: 105px; }
    @media (max-width: 767px) {
      .magnific-popup-page .fourth-block {
        padding-bottom: 35px;
        display: none; } }
    .magnific-popup-page .fourth-block .wrapper {
      width: 100%;
      max-width: 1180px;
      margin-left: auto;
      margin-right: auto; }
    .magnific-popup-page .fourth-block h2 {
      text-align: center;
      font-size: 27.67px;
      font-family: 'Roboto', sans-serif;
      line-height: 30.16px;
      letter-spacing: 0.015em;
      text-transform: capitalize;
      font-weight: 800;
      padding-bottom: 25px;
      margin-top: 60px;
      margin-bottom: 0;
      position: relative; }
      .magnific-popup-page .fourth-block h2:before {
        content: '';
        position: absolute;
        width: 80px;
        height: 3px;
        background: #00b9e4;
        bottom: 0;
        left: 50%;
        transform: translateX(-50%); }
      @media (max-width: 767px) {
        .magnific-popup-page .fourth-block h2 {
          margin-top: 35px; } }
    .magnific-popup-page .fourth-block p {
      display: block;
      width: 100%;
      max-width: 970px;
      margin-left: auto;
      margin-right: auto;
      font-size: 16.67px;
      line-height: 30.15px;
      letter-spacing: 0.015em;
      text-align: center;
      font-family: 'Roboto', sans-serif;
      margin-top: 50px;
      margin-bottom: 0; }
      @media (max-width: 767px) {
        .magnific-popup-page .fourth-block p {
          margin-top: 20px; } }
    .magnific-popup-page .fourth-block .wrap {
      width: 100%;
      display: block;
      max-width: 860px;
      margin-left: auto;
      margin-right: auto;
      margin-top: 60px; }
      @media (max-width: 767px) {
        .magnific-popup-page .fourth-block .wrap {
          margin-top: 35px; } }
    .magnific-popup-page .fourth-block .additional-list {
      display: block;
      font-size: 0;
      letter-spacing: 0;
      margin: 0 -10px; }
      .magnific-popup-page .fourth-block .additional-list li {
        display: inline-block;
        vertical-align: top;
        width: 33.333333%;
        padding: 0 10px; }
        @media (max-width: 767px) {
          .magnific-popup-page .fourth-block .additional-list li {
            width: 100%;
            text-align: center; }
            .magnific-popup-page .fourth-block .additional-list li img {
              width: 100%; } }
        .magnific-popup-page .fourth-block .additional-list li .summery {
          background: white;
          padding: 30px;
          text-align: center; }
          .magnific-popup-page .fourth-block .additional-list li .summery h3 {
            margin-top: 0;
            font-family: 'Roboto', sans-serif;
            font-size: 16.44px;
            letter-spacing: 0.015em;
            text-align: center;
            font-weight: 700;
            text-transform: capitalize;
            line-height: 25.55px;
            margin-bottom: 0; }
          .magnific-popup-page .fourth-block .additional-list li .summery .desc {
            margin-top: 20px;
            margin-bottom: 0;
            text-align: left;
            font-size: 13.79px;
            line-height: 26.55px;
            letter-spacing: 0.035em; }
          .magnific-popup-page .fourth-block .additional-list li .summery a {
            margin-top: 30px;
            display: block;
            font-family: 'Roboto', sans-serif;
            font-size: 13.79px;
            line-height: 26.55px;
            letter-spacing: 0.035em;
            color: #ea3a02;
            text-transform: capitalize; }
  .magnific-popup-page .last-block {
    display: block;
    background: #f5f5f5;
    font-size: 0;
    letter-spacing: 0;
    width: 100%;
    max-width: 1180px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 120px;
    margin-bottom: 110px; }
    @media (max-width: 850px) {
      .magnific-popup-page .last-block {
        margin-top: 35px;
        margin-bottom: 35px; } }
    .magnific-popup-page .last-block .left,
    .magnific-popup-page .last-block .right {
      display: inline-block;
      vertical-align: top;
      width: 50%; }
      @media (max-width: 850px) {
        .magnific-popup-page .last-block .left,
        .magnific-popup-page .last-block .right {
          width: 100%;
          text-align: center; }
          .magnific-popup-page .last-block .left img,
          .magnific-popup-page .last-block .right img {
            margin-right: -10%; } }
    .magnific-popup-page .last-block .right {
      text-align: left; }
      @media (max-width: 850px) {
        .magnific-popup-page .last-block .right {
          text-align: center; } }
      .magnific-popup-page .last-block .right h3 {
        font-size: 20px;
        font-family: 'Roboto', sans-serif;
        line-height: 32px;
        letter-spacing: 0.015em;
        text-transform: uppercase;
        font-weight: 700;
        padding-bottom: 15px;
        margin-top: 0;
        margin-bottom: 0;
        position: relative; }
        .magnific-popup-page .last-block .right h3:before {
          content: '';
          position: absolute;
          width: 55px;
          height: 3px;
          background: #00b9e4;
          bottom: 0;
          left: 0; }
        @media (max-width: 850px) {
          .magnific-popup-page .last-block .right h3 {
            font-size: 16px;
            padding-bottom: 5px; }
            .magnific-popup-page .last-block .right h3:before {
              left: 50%;
              transform: translateX(-50%); } }
      .magnific-popup-page .last-block .right h1 {
        font-family: 'Roboto', sans-serif;
        font-size: 35px;
        letter-spacing: 0.015em;
        line-height: 32px;
        font-weight: 700;
        margin-top: 25px;
        margin-bottom: 0; }
      .magnific-popup-page .last-block .right .text {
        max-width: 540px;
        width: 100%;
        display: block;
        margin-left: 0;
        margin-right: auto;
        margin-top: 40px;
        margin-bottom: 0;
        font-size: 16px;
        line-height: 30px;
        letter-spacing: 0.015em;
        font-family: 'Roboto', sans-serif; }
        @media (max-width: 850px) {
          .magnific-popup-page .last-block .right .text {
            font-size: 14px;
            margin-top: 10px;
            margin-left: auto;
            padding-left: 15px;
            padding-right: 15px;
            text-align: justify; } }
      .magnific-popup-page .last-block .right .btn {
        background: #008bab;
        display: inline-block;
        text-align: center;
        vertical-align: middle;
        padding: 10px 25px;
        border: 0px solid #b3b3b3;
        border-radius: 5px;
        box-shadow: #02647b 0px 3px 0px 0px;
        font: normal normal bold 13px roboto;
        color: white;
        text-decoration: none;
        text-transform: uppercase;
        height: unset;
        font-size: 13.79px;
        letter-spacing: 0.015em;
        margin-top: 40px; }
        .magnific-popup-page .last-block .right .btn:hover, .magnific-popup-page .last-block .right .btn:focus {
          border: 0 solid #008cab;
          background: #00a8cd;
          color: white;
          text-decoration: none; }
        @media (max-width: 850px) {
          .magnific-popup-page .last-block .right .btn {
            margin-top: 10px; } }
  .magnific-popup-page .bottom-content {
    display: inline-block;
    vertical-align: top;
    width: 100%;
    padding-top: 90px;
    padding-bottom: 45px;
    text-align: center;
    background: #f5f5f5; }
    @media (max-width: 850px) {
      .magnific-popup-page .bottom-content {
        padding-top: 35px; } }
    .magnific-popup-page .bottom-content .page-heading {
      font-size: 49.52px;
      line-height: 60.12px;
      letter-spacing: 0.015em;
      font-weight: 800;
      color: #38383e;
      font-family: 'Roboto', sans-serif;
      text-align: center;
      margin-top: 0;
      margin-bottom: 0;
      padding-bottom: 25px;
      position: relative; }
      .magnific-popup-page .bottom-content .page-heading:before {
        content: '';
        position: absolute;
        width: 55px;
        height: 4px;
        background: #00b9e4;
        bottom: 0;
        left: 50%;
        transform: translateX(-50%); }
      @media (max-width: 991px) {
        .magnific-popup-page .bottom-content .page-heading {
          font-size: 44px;
          padding-bottom: 20px;
          line-height: 1.5; } }
    .magnific-popup-page .bottom-content p {
      display: block;
      max-width: 830px;
      margin-left: auto;
      margin-right: auto;
      margin-top: 40px;
      margin-bottom: 0;
      font-family: 'Roboto', sans-serif;
      font-size: 15px;
      letter-spacing: 0.015em;
      line-height: 2; }
      @media (max-width: 850px) {
        .magnific-popup-page .bottom-content p {
          padding-left: 15px;
          padding-right: 15px;
          margin-top: 10px;
          text-align: justify; } }
    .magnific-popup-page .bottom-content .btn {
      background: #ea3a02;
      display: inline-block;
      text-align: center;
      vertical-align: middle;
      padding: 10px 25px;
      border-bottom: 3px solid #aa2400;
      border-radius: 5px;
      font: normal normal bold 13px roboto;
      color: white;
      text-decoration: none;
      text-transform: uppercase;
      height: unset;
      font-size: 13.79px;
      letter-spacing: 0.015em;
      margin-top: 40px;
      transition: all ease 0.3s; }
      .magnific-popup-page .bottom-content .btn:hover, .magnific-popup-page .bottom-content .btn:focus {
        background: #aa2400;
        color: white;
        text-decoration: none; }
      @media (max-width: 1344px) {
        .magnific-popup-page .bottom-content .btn {
          margin-top: 20px; } }
      @media (max-width: 1024px) {
        .magnific-popup-page .bottom-content .btn {
          margin-top: 10px; } }
      @media (max-width: 767px) {
        .magnific-popup-page .bottom-content .btn {
          margin-top: 20px; } }

.icon-list-a {
  list-style-type: none;
  margin: 0;
  padding-top: 40px;
  display: block;
  font-size: 0;
  letter-spacing: 0; }
  @media (max-width: 767px) {
    .icon-list-a {
      padding-top: 0;
      margin: 0 -10px; } }
  .icon-list-a li {
    display: inline-block;
    vertical-align: top;
    width: 16.666667%;
    text-align: center; }
    @media (max-width: 767px) {
      .icon-list-a li {
        width: 33.333333%;
        padding: 0 10px !important;
        margin-bottom: 10px; } }
    .icon-list-a li img {
      width: 90px;
      height: 90px;
      object-fit: scale-down; }
    .icon-list-a li span {
      margin-top: 22px;
      font-size: 13.66px;
      display: block;
      font-weight: 700;
      font-family: 'Roboto', sans-serif;
      line-height: 22px;
      letter-spacing: 0.015em;
      text-align: center;
      padding: 0 5px; }

.hl-main-story {
  background: #f5f5f5; }
  .hl-main-story .full-width-one-banner.bath-and-body-care .banner-text .inner-wrap .inner {
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center; }
  .hl-main-story .full-width-one-banner.wholesale-towels .banner-text-right .banner-content .inner-wrap .inner {
    padding-bottom: 130px; }
    @media (max-width: 767px) {
      .hl-main-story .full-width-one-banner.wholesale-towels .banner-text-right .banner-content .inner-wrap .inner {
        padding-bottom: 150px; } }
    .hl-main-story .full-width-one-banner.wholesale-towels .banner-text-right .banner-content .inner-wrap .inner ul.bottom-cate {
      width: 100%;
      right: 0; }
      @media (max-width: 767px) {
        .hl-main-story .full-width-one-banner.wholesale-towels .banner-text-right .banner-content .inner-wrap .inner ul.bottom-cate {
          bottom: 10px;
          padding-top: 10px; } }
      .hl-main-story .full-width-one-banner.wholesale-towels .banner-text-right .banner-content .inner-wrap .inner ul.bottom-cate li {
        padding: 20px 5px; }
        @media (max-width: 1199px) {
          .hl-main-story .full-width-one-banner.wholesale-towels .banner-text-right .banner-content .inner-wrap .inner ul.bottom-cate li {
            padding-bottom: 10px; } }
        .hl-main-story .full-width-one-banner.wholesale-towels .banner-text-right .banner-content .inner-wrap .inner ul.bottom-cate li a {
          letter-spacing: 0.015em; }

.x19TipTitle {
  font-size: 22px;
  font-weight: 600;
  margin-bottom: 25px; }

.x19TipText {
  font-size: 16px;
  line-height: 1.6;
  font-weight: 400; }

.x19TipRightDiv {
  display: inline-block;
  max-width: 500px;
  width: 100%;
  text-align: left;
  margin: 15px;
  vertical-align: top; }

.x19TipLeftDiv {
  display: inline-block;
  max-width: 500px;
  width: 100%;
  margin: 15px;
  vertical-align: top; }

.x19TipText a {
  color: #ea3a02;
  font-weight: 400; }

.x19Blurb {
  margin: 25px auto;
  margin-bottom: 45px;
  max-width: 1100px; }

@media screen and (max-width: 1059px) {
  .x19Blurb {
    margin: 25px auto;
    max-width: 1100px;
    display: none;
    visibility: hidden; } }

.x19BlurbIcon {
  display: inline-block;
  max-width: 50px;
  width: 100%;
  vertical-align: middle; }

.x19BlurbText {
  display: inline-block;
  text-align: left;
  margin-left: 15px;
  max-width: 900px;
  font-size: 18px;
  line-height: 1.3;
  font-style: italic;
  vertical-align: middle; }

.big-ass-fans-hero-section,
.pillar-page-hero-section {
  overflow: hidden;
  position: relative;
  width: 100%;
  padding: 120px 0 100px;
  background-size: cover;
  background-position: center;
  text-align: center;
  color: #fff; }
  @media (max-width: 992px) {
    .big-ass-fans-hero-section,
    .pillar-page-hero-section {
      padding: 80px 0; } }
  @media (max-width: 768px) {
    .big-ass-fans-hero-section,
    .pillar-page-hero-section {
      padding: 60px 0; } }
  .big-ass-fans-hero-section .tagline h1,
  .pillar-page-hero-section .tagline h1 {
    color: #fff;
    margin: 0;
    font-size: 25px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-family: 'paralucent'; }
  .big-ass-fans-hero-section .tagline span,
  .pillar-page-hero-section .tagline span {
    font-weight: 300; }
  @media (max-width: 768px) {
    .big-ass-fans-hero-section .tagline,
    .pillar-page-hero-section .tagline {
      font-size: 21px;
      line-height: normal; } }
  .big-ass-fans-hero-section .logos,
  .pillar-page-hero-section .logos {
    padding: 60px 0; }
    @media (max-width: 992px) {
      .big-ass-fans-hero-section .logos,
      .pillar-page-hero-section .logos {
        padding: 30px 0; }
        .big-ass-fans-hero-section .logos img,
        .pillar-page-hero-section .logos img {
          width: 100%;
          max-width: 700px; } }
    @media (max-width: 768px) {
      .big-ass-fans-hero-section .logos,
      .pillar-page-hero-section .logos {
        padding: 30px 15px; } }
  .big-ass-fans-hero-section .features,
  .pillar-page-hero-section .features {
    width: 100%;
    max-width: 600px;
    margin: 0 auto;
    display: inline-block; }
    @media (max-width: 992px) {
      .big-ass-fans-hero-section .features,
      .pillar-page-hero-section .features {
        margin: 20px auto 0; } }
    .big-ass-fans-hero-section .features .icon,
    .pillar-page-hero-section .features .icon {
      width: 100%;
      height: auto;
      position: relative;
      min-height: 80px;
      vertical-align: middle; }
      @media (max-width: 576px) {
        .big-ass-fans-hero-section .features .icon,
        .pillar-page-hero-section .features .icon {
          min-height: 75px; } }
      .big-ass-fans-hero-section .features .icon img,
      .pillar-page-hero-section .features .icon img {
        vertical-align: middle; }
    .big-ass-fans-hero-section .features .title,
    .pillar-page-hero-section .features .title {
      font-weight: 600;
      font-size: 24px;
      line-height: 1.1; }
      @media (max-width: 992px) {
        .big-ass-fans-hero-section .features .title,
        .pillar-page-hero-section .features .title {
          font-size: 18px;
          margin-top: 10px; } }
      @media (max-width: 768px) {
        .big-ass-fans-hero-section .features .title,
        .pillar-page-hero-section .features .title {
          margin-bottom: 30px;
          line-height: 1.2; } }
      @media (max-width: 576px) {
        .big-ass-fans-hero-section .features .title,
        .pillar-page-hero-section .features .title {
          font-size: 14px; } }
  .big-ass-fans-hero-section .tagline-alt,
  .pillar-page-hero-section .tagline-alt {
    font-size: 18px;
    font-weight: 600;
    margin: 60px 0 0; }
    @media (max-width: 768px) {
      .big-ass-fans-hero-section .tagline-alt,
      .pillar-page-hero-section .tagline-alt {
        margin: 40px 0 0; } }
    @media (max-width: 576px) {
      .big-ass-fans-hero-section .tagline-alt,
      .pillar-page-hero-section .tagline-alt {
        font-size: 16px;
        margin: 20px 0 0; } }
  .big-ass-fans-hero-section .button--red-shadow,
  .pillar-page-hero-section .button--red-shadow {
    margin: 60px 0 0;
    width: 100%;
    max-width: 250px;
    height: 50px;
    font-size: 14px;
    text-transform: uppercase;
    line-height: 50px;
    padding: 0; }
    @media (max-width: 576px) {
      .big-ass-fans-hero-section .button--red-shadow,
      .pillar-page-hero-section .button--red-shadow {
        margin: 40px 0 0; } }
  .big-ass-fans-hero-section.lucid-drones-hero-section,
  .pillar-page-hero-section.lucid-drones-hero-section {
    padding: 130px 0; }
    @media (min-width: 992px) {
      .big-ass-fans-hero-section.lucid-drones-hero-section,
      .pillar-page-hero-section.lucid-drones-hero-section {
        padding: 230px 0; } }
    .big-ass-fans-hero-section.lucid-drones-hero-section .tagline,
    .big-ass-fans-hero-section.lucid-drones-hero-section .page-heading,
    .pillar-page-hero-section.lucid-drones-hero-section .tagline,
    .pillar-page-hero-section.lucid-drones-hero-section .page-heading {
      font-family: 'paralucent'; }
    .big-ass-fans-hero-section.lucid-drones-hero-section .tagline,
    .pillar-page-hero-section.lucid-drones-hero-section .tagline {
      text-transform: uppercase;
      font-size: 20px;
      font-weight: 300; }
    .big-ass-fans-hero-section.lucid-drones-hero-section .page-heading,
    .pillar-page-hero-section.lucid-drones-hero-section .page-heading {
      color: #fff;
      font-weight: bolder;
      font-size: 40px;
      margin: 2rem 0;
      line-height: 1; }
      @media (min-width: 576px) {
        .big-ass-fans-hero-section.lucid-drones-hero-section .page-heading,
        .pillar-page-hero-section.lucid-drones-hero-section .page-heading {
          font-size: 60px; } }
    .big-ass-fans-hero-section.lucid-drones-hero-section .tagline-alt,
    .pillar-page-hero-section.lucid-drones-hero-section .tagline-alt {
      margin-top: 0; }
    .big-ass-fans-hero-section.lucid-drones-hero-section ~ .anchor-tab-section,
    .pillar-page-hero-section.lucid-drones-hero-section ~ .anchor-tab-section {
      padding: 0; }
    @media (min-width: 768px) {
      .big-ass-fans-hero-section.lucid-drones-hero-section ~ .column-section .text img + p,
      .pillar-page-hero-section.lucid-drones-hero-section ~ .column-section .text img + p {
        margin: 50px 0 40px; } }
    .big-ass-fans-hero-section.lucid-drones-hero-section ~ .column-section .text p,
    .pillar-page-hero-section.lucid-drones-hero-section ~ .column-section .text p {
      line-height: 2; }
    .big-ass-fans-hero-section.lucid-drones-hero-section ~ .column-section .blue,
    .pillar-page-hero-section.lucid-drones-hero-section ~ .column-section .blue {
      color: #00b9e4; }
    .big-ass-fans-hero-section.lucid-drones-hero-section ~ .column-section .blue-overlay-text,
    .pillar-page-hero-section.lucid-drones-hero-section ~ .column-section .blue-overlay-text {
      padding: 10px !important; }
      .big-ass-fans-hero-section.lucid-drones-hero-section ~ .column-section .blue-overlay-text img,
      .pillar-page-hero-section.lucid-drones-hero-section ~ .column-section .blue-overlay-text img {
        margin-left: 10px; }
    .big-ass-fans-hero-section.lucid-drones-hero-section ~ .column-section#how-section,
    .pillar-page-hero-section.lucid-drones-hero-section ~ .column-section#how-section {
      background: #f9f9f9; }
    .big-ass-fans-hero-section.lucid-drones-hero-section ~ .column-section .title,
    .pillar-page-hero-section.lucid-drones-hero-section ~ .column-section .title {
      font-family: 'paralucent';
      font-size: 25px;
      margin-bottom: 10px; }
    .big-ass-fans-hero-section.lucid-drones-hero-section ~ .column-section p a,
    .pillar-page-hero-section.lucid-drones-hero-section ~ .column-section p a {
      text-decoration: underline; }
    .big-ass-fans-hero-section.lucid-drones-hero-section ~ .image-row img,
    .pillar-page-hero-section.lucid-drones-hero-section ~ .image-row img {
      margin: 0 1px; }
      @media (min-width: 576px) {
        .big-ass-fans-hero-section.lucid-drones-hero-section ~ .image-row img,
        .pillar-page-hero-section.lucid-drones-hero-section ~ .image-row img {
          height: 365px;
          object-fit: cover;
          max-width: 529px;
          float: none;
          display: inline; } }
    .big-ass-fans-hero-section.lucid-drones-hero-section ~ .image-row .slick-track,
    .pillar-page-hero-section.lucid-drones-hero-section ~ .image-row .slick-track {
      display: flex;
      justify-content: center; }
    .big-ass-fans-hero-section.lucid-drones-hero-section ~ .value-props,
    .pillar-page-hero-section.lucid-drones-hero-section ~ .value-props {
      background: #e5f8fc;
      padding-top: 0; }
      .big-ass-fans-hero-section.lucid-drones-hero-section ~ .value-props p,
      .pillar-page-hero-section.lucid-drones-hero-section ~ .value-props p {
        line-height: 2; }
      .big-ass-fans-hero-section.lucid-drones-hero-section ~ .value-props .title,
      .pillar-page-hero-section.lucid-drones-hero-section ~ .value-props .title {
        font-size: 25px; }
    .big-ass-fans-hero-section.lucid-drones-hero-section ~ .efficient img,
    .pillar-page-hero-section.lucid-drones-hero-section ~ .efficient img {
      box-shadow: 0 6px 12px 0 rgba(0, 0, 0, 0.15); }
    .big-ass-fans-hero-section.lucid-drones-hero-section ~ .efficient .title,
    .pillar-page-hero-section.lucid-drones-hero-section ~ .efficient .title {
      margin-bottom: 30px; }
    .big-ass-fans-hero-section.lucid-drones-hero-section ~ #facilities-section .features,
    .pillar-page-hero-section.lucid-drones-hero-section ~ #facilities-section .features {
      margin: 0; }
    .big-ass-fans-hero-section.lucid-drones-hero-section ~ #facilities-section .features > .title,
    .pillar-page-hero-section.lucid-drones-hero-section ~ #facilities-section .features > .title {
      margin-bottom: 60px;
      font-size: 25px; }
    .big-ass-fans-hero-section.lucid-drones-hero-section ~ #facilities-section .facility,
    .pillar-page-hero-section.lucid-drones-hero-section ~ #facilities-section .facility {
      padding: 0 25px; }
    .big-ass-fans-hero-section.lucid-drones-hero-section ~ #facilities-section .featured-img,
    .pillar-page-hero-section.lucid-drones-hero-section ~ #facilities-section .featured-img {
      height: 100px;
      display: flex;
      justify-content: center;
      align-items: center; }
    .big-ass-fans-hero-section.lucid-drones-hero-section ~ #facilities-section img,
    .pillar-page-hero-section.lucid-drones-hero-section ~ #facilities-section img {
      width: auto; }
    .big-ass-fans-hero-section.lucid-drones-hero-section ~ #facilities-section p,
    .pillar-page-hero-section.lucid-drones-hero-section ~ #facilities-section p {
      line-height: 2; }
    .big-ass-fans-hero-section.lucid-drones-hero-section ~ #drone-section .container > .row > .heading-title,
    .pillar-page-hero-section.lucid-drones-hero-section ~ #drone-section .container > .row > .heading-title {
      font-size: 25px;
      margin-bottom: 30px; }
      @media (min-width: 576px) {
        .big-ass-fans-hero-section.lucid-drones-hero-section ~ #drone-section .container > .row > .heading-title,
        .pillar-page-hero-section.lucid-drones-hero-section ~ #drone-section .container > .row > .heading-title {
          font-size: 35px; } }
    .big-ass-fans-hero-section.lucid-drones-hero-section ~ #drone-section .container > .row > .heading-title + p,
    .pillar-page-hero-section.lucid-drones-hero-section ~ #drone-section .container > .row > .heading-title + p {
      max-width: 730px;
      margin: 0 auto;
      line-height: 2;
      margin-bottom: 50px; }
      @media (min-width: 576px) {
        .big-ass-fans-hero-section.lucid-drones-hero-section ~ #drone-section .container > .row > .heading-title + p,
        .pillar-page-hero-section.lucid-drones-hero-section ~ #drone-section .container > .row > .heading-title + p {
          text-align: left; } }
    .big-ass-fans-hero-section.lucid-drones-hero-section ~ #drone-section .every-spin,
    .pillar-page-hero-section.lucid-drones-hero-section ~ #drone-section .every-spin {
      background: none;
      padding: 0; }
    .big-ass-fans-hero-section.lucid-drones-hero-section ~ #drone-section .features:not(#accessories-section):not(#disinfectants-section),
    .pillar-page-hero-section.lucid-drones-hero-section ~ #drone-section .features:not(#accessories-section):not(#disinfectants-section) {
      margin-top: -30px; }
      @media (min-width: 576px) {
        .big-ass-fans-hero-section.lucid-drones-hero-section ~ #drone-section .features:not(#accessories-section):not(#disinfectants-section),
        .pillar-page-hero-section.lucid-drones-hero-section ~ #drone-section .features:not(#accessories-section):not(#disinfectants-section) {
          margin-top: -50px; } }
      @media (min-width: 992px) {
        .big-ass-fans-hero-section.lucid-drones-hero-section ~ #drone-section .features:not(#accessories-section):not(#disinfectants-section),
        .pillar-page-hero-section.lucid-drones-hero-section ~ #drone-section .features:not(#accessories-section):not(#disinfectants-section) {
          margin-top: -100px; } }
    .big-ass-fans-hero-section.lucid-drones-hero-section ~ #drone-section p,
    .pillar-page-hero-section.lucid-drones-hero-section ~ #drone-section p {
      line-height: 2; }
    @media (min-width: 768px) {
      .big-ass-fans-hero-section.lucid-drones-hero-section ~ #drone-section #accessories-section .heading-title,
      .pillar-page-hero-section.lucid-drones-hero-section ~ #drone-section #accessories-section .heading-title {
        margin-bottom: 0; } }
    .big-ass-fans-hero-section.lucid-drones-hero-section ~ #drone-section #accessories-section .featured-img,
    .pillar-page-hero-section.lucid-drones-hero-section ~ #drone-section #accessories-section .featured-img {
      height: 387px;
      display: flex;
      justify-content: center;
      align-items: flex-end; }
    @media (min-width: 768px) {
      .big-ass-fans-hero-section.lucid-drones-hero-section ~ #drone-section #accessories-section .title,
      .pillar-page-hero-section.lucid-drones-hero-section ~ #drone-section #accessories-section .title {
        font-size: 30px; } }
    .big-ass-fans-hero-section.lucid-drones-hero-section ~ #drone-section #accessories-section ul,
    .pillar-page-hero-section.lucid-drones-hero-section ~ #drone-section #accessories-section ul {
      list-style-type: disc;
      text-align: left;
      font-size: 14px;
      line-height: 2;
      max-width: 300px;
      margin: 3rem auto 0;
      padding-left: 1.15rem; }
    .big-ass-fans-hero-section.lucid-drones-hero-section ~ #drone-section #disinfectants-section .title,
    .pillar-page-hero-section.lucid-drones-hero-section ~ #drone-section #disinfectants-section .title {
      margin-left: 15px;
      margin-right: 15px; }
    .big-ass-fans-hero-section.lucid-drones-hero-section ~ #drone-section #disinfectants-section .featured-img,
    .pillar-page-hero-section.lucid-drones-hero-section ~ #drone-section #disinfectants-section .featured-img {
      height: 312px;
      display: flex;
      justify-content: center;
      align-items: center; }
    .big-ass-fans-hero-section.lucid-drones-hero-section ~ #drone-section #disinfectants-section img,
    .pillar-page-hero-section.lucid-drones-hero-section ~ #drone-section #disinfectants-section img {
      width: auto; }
    .big-ass-fans-hero-section.lucid-drones-hero-section ~ #drone-section #disinfectants-section a,
    .pillar-page-hero-section.lucid-drones-hero-section ~ #drone-section #disinfectants-section a {
      color: #38383e; }
      .big-ass-fans-hero-section.lucid-drones-hero-section ~ #drone-section #disinfectants-section a:hover,
      .pillar-page-hero-section.lucid-drones-hero-section ~ #drone-section #disinfectants-section a:hover {
        color: #00b9e4; }
    .big-ass-fans-hero-section.lucid-drones-hero-section ~ .get-a-quote-section .quote-form-wrapper,
    .pillar-page-hero-section.lucid-drones-hero-section ~ .get-a-quote-section .quote-form-wrapper {
      padding-left: 65px; }

.column-section {
  padding: 100px 0; }
  @media (max-width: 992px) {
    .column-section {
      padding: 60px 0; } }
  .column-section .container {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row; }
    .column-section .container .column {
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center;
      text-align: left; }
      .column-section .container .column .text {
        max-width: 515px; }
        @media (max-width: 768px) {
          .column-section .container .column .text {
            max-width: 100%; } }
        .column-section .container .column .text img {
          margin-top: 30px; }
          @media (max-width: 992px) {
            .column-section .container .column .text img {
              margin-top: 20px; } }
          @media (max-width: 768px) {
            .column-section .container .column .text img {
              margin: 15px 0 30px; } }
    .column-section .container .popup-youtube {
      position: relative; }
      .column-section .container .popup-youtube .blue-overlay-text {
        background: #00b9e4;
        color: #fff;
        text-align: center;
        padding: 10px;
        position: absolute;
        bottom: 0;
        font-size: 15px;
        left: 20px;
        right: 20px;
        bottom: 20px; }
      .column-section .container .popup-youtube img {
        box-shadow: 0 0 20px rgba(0, 0, 0, 0.15); }

.anchor-tab-section {
  padding: 0 0 200px;
  text-align: center; }
  @media (max-width: 992px) {
    .anchor-tab-section {
      padding: 0 0 150px; } }
  .anchor-tab-section .anchor-tabs {
    background: #38383e;
    text-align: center;
    border-top: 2px solid #00b9e4; }
    @media (min-width: 768px) {
      .anchor-tab-section .anchor-tabs {
        position: sticky;
        position: -webkit-sticky;
        top: 0; } }
    @media (max-width: 576px) {
      .anchor-tab-section .anchor-tabs {
        padding-top: 10px; } }
    .anchor-tab-section .anchor-tabs ul {
      margin: 0;
      padding: 0; }
      .anchor-tab-section .anchor-tabs ul li {
        list-style-type: none;
        display: inline-block;
        margin: 0 10px;
        border-bottom: 5px solid transparent; }
        .anchor-tab-section .anchor-tabs ul li:hover {
          border-bottom: 5px solid #fff; }
        @media (max-width: 576px) {
          .anchor-tab-section .anchor-tabs ul li {
            margin: 0 20px;
            width: auto;
            float: none; }
            .anchor-tab-section .anchor-tabs ul li:hover {
              border-color: transparent;
              color: #fff; }
            .anchor-tab-section .anchor-tabs ul li:not(.get-a-quote-btn) a {
              text-decoration: underline; } }
        .anchor-tab-section .anchor-tabs ul li a {
          color: #fff;
          display: inline-block;
          padding-bottom: 10px;
          font-size: 13px;
          text-transform: uppercase;
          font-weight: 400; }
          @media (min-width: 576px) {
            .anchor-tab-section .anchor-tabs ul li a {
              padding: 18px 10px 15px; } }
      @media (min-width: 576px) {
        .anchor-tab-section .anchor-tabs ul li.active {
          border-bottom: 5px solid #00b9e4; }
          .anchor-tab-section .anchor-tabs ul li.active a {
            font-weight: 700; } }
      .anchor-tab-section .anchor-tabs ul li.get-a-quote-btn {
        border: none !important;
        padding-bottom: 10px; }
        .anchor-tab-section .anchor-tabs ul li.get-a-quote-btn:hover {
          border: none; }
        .anchor-tab-section .anchor-tabs ul li.get-a-quote-btn a {
          background: #ea3a02;
          color: #fff;
          padding: 5px 15px;
          border-radius: 4px;
          font-weight: 600; }
          .anchor-tab-section .anchor-tabs ul li.get-a-quote-btn a:hover {
            background: #fff;
            color: #000; }
  .anchor-tab-section .anchor-tabs .c1-item {
    display: none; }
  .anchor-tab-section .background-overlay {
    background: #e5f8fc;
    width: 100%;
    position: absolute;
    height: 700px;
    z-index: -1; }
    @media (max-width: 768px) {
      .anchor-tab-section .background-overlay {
        height: 500px; } }
  .anchor-tab-section .featured-img {
    width: 100%;
    text-align: center;
    margin-bottom: 60px; }
  .anchor-tab-section .title {
    text-transform: uppercase;
    font-weight: 600;
    font-size: 28px;
    margin-bottom: 30px;
    font-family: 'paralucent'; }
    @media (max-width: 992px) {
      .anchor-tab-section .title {
        font-size: 24px;
        margin-bottom: 20px; } }
    @media (max-width: 768px) {
      .anchor-tab-section .title {
        font-size: 20px; } }
    .anchor-tab-section .title span {
      font-weight: 300; }
  .anchor-tab-section p.sub-title {
    width: 100%;
    max-width: 630px;
    margin: 0 auto 80px;
    font-size: 15px;
    color: #38383e; }
    @media (max-width: 992px) {
      .anchor-tab-section p.sub-title {
        margin: 0 auto 40px; } }
  .anchor-tab-section .column img {
    border-radius: 5px;
    margin-bottom: 30px; }
  .anchor-tab-section .column .title {
    font-size: 18px;
    text-transform: uppercase;
    margin-bottom: 5px;
    font-family: 'paralucent'; }
  .anchor-tab-section .column .category {
    color: #00b9e4;
    font-size: 15px;
    font-style: italic;
    font-weight: 600;
    margin-bottom: 40px; }
    @media (max-width: 768px) {
      .anchor-tab-section .column .category {
        margin-bottom: 20px; } }
  .anchor-tab-section .column p {
    text-align: left;
    max-width: 475px;
    margin: 0 auto; }
    @media (max-width: 768px) {
      .anchor-tab-section .column p {
        margin-bottom: 20px; } }

.every-spin {
  background: #f9f9f9;
  padding: 60px 0 100px; }
  @media (max-width: 768px) {
    .every-spin {
      padding: 0 0 40px; } }
  .every-spin img.featured {
    margin-top: -120px; }
  .every-spin .title {
    font-size: 28px;
    text-transform: uppercase;
    margin-bottom: 40px;
    font-weight: 500;
    font-family: 'paralucent'; }
    .every-spin .title span {
      font-weight: 300; }
    @media (max-width: 992px) {
      .every-spin .title {
        font-size: 24px; } }
    @media (max-width: 768px) {
      .every-spin .title {
        font-size: 20px;
        margin-bottom: 10px; } }
  .every-spin .column .text {
    padding-left: 60px; }
    @media (max-width: 992px) {
      .every-spin .column .text {
        padding-left: 30px; } }
    @media (max-width: 768px) {
      .every-spin .column .text {
        padding-left: 0;
        margin-top: 20px; } }
  .every-spin .features {
    margin: 100px 0 0;
    text-align: center; }
    @media (max-width: 768px) {
      .every-spin .features {
        margin: 50px 0 0; } }
    .every-spin .features .title {
      font-size: 20px;
      font-weight: 600;
      margin-top: 30px;
      margin-bottom: 5px;
      font-family: 'paralucent'; }
      @media (max-width: 992px) {
        .every-spin .features .title {
          font-size: 18px; } }
    .every-spin .features p {
      max-width: 250px;
      margin: 0 auto; }
      @media (max-width: 768px) {
        .every-spin .features p {
          margin-bottom: 40px; } }

#drone-section {
  padding-top: 100px; }
  #drone-section .tabs {
    display: flex;
    justify-content: center;
    border: none; }
  #drone-section .tab {
    border: none;
    font-weight: bold;
    padding: 0 1.5rem; }
    #drone-section .tab a {
      color: #38383e;
      padding: 0.5rem 0;
      border-bottom: 3px solid transparent; }
    #drone-section .tab.is-active a {
      border-color: #00b9e4; }
  #drone-section .tabs-contents {
    margin-bottom: 0; }
  #drone-section .tab-content {
    padding-bottom: 0; }

.product-grid-section {
  padding: 50px 0 100px;
  text-align: center; }
  @media (max-width: 992px) {
    .product-grid-section {
      padding: 60px 0; } }
  .product-grid-section .logo {
    width: 100%;
    text-align: center;
    margin-bottom: 30px; }
    @media (max-width: 768px) {
      .product-grid-section .logo img {
        max-width: 365px; } }
  .product-grid-section .heading-title {
    text-transform: uppercase;
    text-align: center;
    font-size: 24px;
    font-weight: 600;
    color: #38383e;
    margin-bottom: 50px;
    font-family: 'paralucent'; }
    @media (max-width: 768px) {
      .product-grid-section .heading-title {
        font-size: 20px;
        margin-bottom: 25px; } }
  .product-grid-section .sub-title {
    text-align: center;
    color: #00b9e4;
    font-size: 20px;
    font-weight: 500;
    margin-bottom: 30px; }
  .product-grid-section .card {
    padding: 0 20px;
    font-size: 15px;
    text-align: left; }
    @media (max-width: 992px) {
      .product-grid-section .card {
        padding: 0 20px; } }
    @media (max-width: 768px) {
      .product-grid-section .card {
        padding: 0 15px; } }
    .product-grid-section .card .featured-img {
      border: 1px solid #ccc;
      text-align: center;
      padding: 10px;
      border-radius: 4px;
      margin-bottom: 20px; }
      .product-grid-section .card .featured-img img {
        width: 100%; }
    .product-grid-section .card .title {
      font-size: 20px;
      font-weight: 600;
      margin-bottom: 10px;
      font-family: 'paralucent'; }
    .product-grid-section .card ul {
      margin: 0 0 30px 15px; }
      .product-grid-section .card ul li {
        font-weight: 500;
        list-style: disc;
        font-size: 15px;
        margin-bottom: 2px; }
  .product-grid-section .button {
    min-width: 180px; }
  .product-grid-section hr + .sub-title {
    margin: 50px 0; }
    @media (max-width: 768px) {
      .product-grid-section hr + .sub-title {
        margin: 30px 0; } }

.process-trust {
  padding: 180px 0 140px;
  color: #fff;
  text-align: center;
  background-size: cover;
  background-position: center; }
  @media (max-width: 992px) {
    .process-trust {
      padding: 100px 0; } }
  @media (max-width: 768px) {
    .process-trust {
      padding: 60px 0; } }
  .process-trust .heading-title {
    font-size: 28px;
    font-weight: 600;
    margin-bottom: 80px;
    font-family: 'paralucent'; }
    @media (max-width: 992px) {
      .process-trust .heading-title {
        margin-bottom: 40px; } }
    @media (max-width: 768px) {
      .process-trust .heading-title {
        font-size: 24px;
        margin-bottom: 20px; } }
  .process-trust p.sub-title {
    width: 100%;
    max-width: 700px;
    margin: 0 auto;
    font-size: 15px; }
  .process-trust .features {
    width: 100%;
    max-width: 920px;
    margin: 90px auto 0;
    display: inline-block; }
    .process-trust .features .icon {
      width: 100%;
      height: auto;
      position: relative;
      min-height: 100px;
      vertical-align: middle;
      margin-bottom: 10px; }
    .process-trust .features .title {
      font-weight: 500;
      font-size: 18px;
      line-height: 1.1;
      line-height: 1.4;
      font-family: 'paralucent'; }
      @media (max-width: 768px) {
        .process-trust .features .title {
          margin-bottom: 40px; } }
  .process-trust .button {
    margin-top: 140px; }
    @media (max-width: 768px) {
      .process-trust .button {
        margin-top: 40px; } }

.custom-service-section {
  padding: 100px 0 0; }
  @media (max-width: 768px) {
    .custom-service-section {
      padding: 60px 0 0; } }
  .custom-service-section .container {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row; }
    .custom-service-section .container .column {
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: left;
      margin-bottom: 100px; }
      @media (max-width: 768px) {
        .custom-service-section .container .column {
          margin-bottom: 30px; } }
  .custom-service-section .title {
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 20px;
    text-align: left;
    font-family: 'paralucent'; }
  .custom-service-section p {
    width: 100%;
    max-width: 650px; }

.accordion-section {
  text-align: left;
  padding: 120px 0;
  background: transparent; }
  @media (max-width: 992px) {
    .accordion-section {
      padding: 60px 0 80px; } }
  .accordion-section .heading-title {
    text-align: center;
    font-size: 28px;
    font-weight: 600;
    margin-bottom: 40px;
    font-family: 'paralucent'; }
    @media (max-width: 768px) {
      .accordion-section .heading-title {
        font-size: 24px; } }
  .accordion-section + .accordion-section {
    padding-top: 0; }
  .accordion-section #accordion,
  .accordion-section .custom-accordion {
    width: 100%;
    max-width: 1200px;
    margin: 15px auto 0; }
    .accordion-section #accordion .accordion-item,
    .accordion-section .custom-accordion .accordion-item {
      border-bottom: 1px solid #ccc;
      outline: none;
      position: relative; }
      .accordion-section #accordion .accordion-item:last-child,
      .accordion-section .custom-accordion .accordion-item:last-child {
        border-bottom: none; }
      .accordion-section #accordion .accordion-item .accordion-toggle,
      .accordion-section .custom-accordion .accordion-item .accordion-toggle {
        font-size: 18px;
        padding: 15px 50px 15px 20px;
        cursor: pointer;
        outline: none;
        background: #fff; }
        @media (max-width: 768px) {
          .accordion-section #accordion .accordion-item .accordion-toggle,
          .accordion-section .custom-accordion .accordion-item .accordion-toggle {
            font-size: 16px; } }
        .accordion-section #accordion .accordion-item .accordion-toggle:hover,
        .accordion-section .custom-accordion .accordion-item .accordion-toggle:hover {
          color: #02657b; }
        .accordion-section #accordion .accordion-item .accordion-toggle a,
        .accordion-section .custom-accordion .accordion-item .accordion-toggle a {
          position: absolute;
          right: 20px; }
    .accordion-section #accordion .material-icons,
    .accordion-section #accordion img,
    .accordion-section .custom-accordion .material-icons,
    .accordion-section .custom-accordion img {
      float: right;
      margin-top: 6px;
      font-size: 18px;
      position: absolute;
      right: 20px; }
    .accordion-section #accordion .accordion-content,
    .accordion-section .custom-accordion .accordion-content {
      padding: 10px 20px;
      margin-top: 0;
      background: #fff; }
      .accordion-section #accordion .accordion-content p,
      .accordion-section .custom-accordion .accordion-content p {
        max-width: 800px; }
      .accordion-section #accordion .accordion-content ul,
      .accordion-section .custom-accordion .accordion-content ul {
        margin: 0 0 0 15px; }
        .accordion-section #accordion .accordion-content ul li,
        .accordion-section .custom-accordion .accordion-content ul li {
          list-style: disc; }

.product-links ul {
  padding: 0;
  margin: 0;
  max-width: 1200px;
  margin: 0 auto; }
  .product-links ul li {
    margin-bottom: 5px; }
    .product-links ul li a {
      display: inline-block;
      width: 100%;
      background: #fff;
      font-size: 18px;
      padding: 15px 20px 15px 20px;
      cursor: pointer;
      outline: none;
      color: #38383e; }
      .product-links ul li a img {
        float: right; }
      .product-links ul li a:hover {
        background: #fff;
        color: #00b9e4; }

.get-a-quote-section {
  padding: 120px 0;
  color: #fff;
  text-align: center;
  background-size: cover;
  background-position: bottom;
  text-align: center;
  margin-bottom: 200px; }
  @media (max-width: 768px) {
    .get-a-quote-section {
      padding: 60px 0; } }
  .get-a-quote-section .heading-title {
    font-size: 28px;
    font-weight: 600;
    margin-bottom: 40px;
    font-family: 'paralucent'; }
    @media (max-width: 768px) {
      .get-a-quote-section .heading-title {
        font-size: 24px;
        margin-bottom: 20px; } }
  .get-a-quote-section .sub-title {
    max-width: 750px;
    margin: 0 auto; }
  .get-a-quote-section .quote-form-wrapper {
    width: 100%;
    max-width: 600px;
    margin: 0 auto;
    border-radius: 10px;
    margin-top: 50px;
    padding: 40px 40px 20px 40px;
    text-align: center;
    background: #fff;
    margin-bottom: -200px;
    box-shadow: 0 0 40px rgba(0, 0, 0, 0.15); }

@media (min-width: 768px) {
  body.sticky-anchor .anchor-tabs {
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 9; }
  body.sticky-anchor .anchor-tab-section {
    padding-top: 53px; } }

/*************** VIDASHIELD ****************/
.banners.sticky {
  z-index: 102; }

.vidashield-video-popup {
  position: relative;
  max-width: 765px;
  margin: 0 auto;
  padding: 30px; }
  .vidashield-video-popup .videos-popup-container {
    display: flex;
    justify-content: center; }
  .vidashield-video-popup button.mfp-close {
    position: absolute;
    top: 20px;
    right: 20px;
    height: 25px;
    width: 25px;
    line-height: 25px;
    background: #00b9e4;
    border-radius: 50%;
    color: #fff;
    font-size: 20px;
    opacity: 1; }

.vidashield h1,
.vidashield h4,
.vidashield h5,
.vidashield h6 {
  font-family: 'paralucent'; }

.vidashield h6 {
  font-size: 18px; }

.vidashield p {
  font-size: 15px; }

.vidashield .vidashield__ts .vidashield__ts__banner-image {
  display: flex;
  flex-direction: row;
  height: 420px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  text-align: center;
  color: #fff; }
  @media screen and (max-width: 768px) {
    .vidashield .vidashield__ts .vidashield__ts__banner-image {
      width: 200%;
      height: 350px; } }
  .vidashield .vidashield__ts .vidashield__ts__banner-image .vidashield__ts__banner-content-container {
    width: 50%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    position: relative; }
    .vidashield .vidashield__ts .vidashield__ts__banner-image .vidashield__ts__banner-content-container .vidashield__ts__banner-content {
      text-align: left;
      margin-left: 18%;
      margin-right: 18%;
      width: 64%; }
      @media screen and (max-width: 768px) {
        .vidashield .vidashield__ts .vidashield__ts__banner-image .vidashield__ts__banner-content-container .vidashield__ts__banner-content {
          text-align: center; } }
      @media (max-width: 450px) {
        .vidashield .vidashield__ts .vidashield__ts__banner-image .vidashield__ts__banner-content-container .vidashield__ts__banner-content {
          width: 90%; } }
      .vidashield .vidashield__ts .vidashield__ts__banner-image .vidashield__ts__banner-content-container .vidashield__ts__banner-content h1 {
        margin: 0;
        padding-bottom: 5px;
        color: white;
        font-weight: bold;
        font-size: 32px; }
        @media (max-width: 1024px) {
          .vidashield .vidashield__ts .vidashield__ts__banner-image .vidashield__ts__banner-content-container .vidashield__ts__banner-content h1 {
            font-size: 28px; } }
        @media (max-width: 450px) {
          .vidashield .vidashield__ts .vidashield__ts__banner-image .vidashield__ts__banner-content-container .vidashield__ts__banner-content h1 {
            font-size: 20px; } }
      .vidashield .vidashield__ts .vidashield__ts__banner-image .vidashield__ts__banner-content-container .vidashield__ts__banner-content h4 {
        margin: 0;
        padding-bottom: 15px;
        color: white; }
        @media (max-width: 450px) {
          .vidashield .vidashield__ts .vidashield__ts__banner-image .vidashield__ts__banner-content-container .vidashield__ts__banner-content h4 {
            font-size: 16px; } }
      .vidashield .vidashield__ts .vidashield__ts__banner-image .vidashield__ts__banner-content-container .vidashield__ts__banner-content p {
        margin: 0;
        padding-bottom: 30px; }
        @media (max-width: 450px) {
          .vidashield .vidashield__ts .vidashield__ts__banner-image .vidashield__ts__banner-content-container .vidashield__ts__banner-content p {
            padding-bottom: 25px;
            font-size: 14px; } }
      .vidashield .vidashield__ts .vidashield__ts__banner-image .vidashield__ts__banner-content-container .vidashield__ts__banner-content a {
        padding: 10px 40px;
        border-radius: 5px;
        box-shadow: 0 3px #e02207;
        background-color: white;
        color: #e02207;
        font-weight: bold; }

.vidashield .vidashield__ts .vidashield__ts__description {
  display: flex;
  margin: 80px auto; }
  @media screen and (max-width: 768px) {
    .vidashield .vidashield__ts .vidashield__ts__description {
      flex-direction: column; } }
  .vidashield .vidashield__ts .vidashield__ts__description div {
    width: 50%; }
  .vidashield .vidashield__ts .vidashield__ts__description .vidashield__ts__description__left-content {
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: 100%;
    padding-right: 30px; }
    @media screen and (max-width: 768px) {
      .vidashield .vidashield__ts .vidashield__ts__description .vidashield__ts__description__left-content {
        align-items: center;
        text-align: center;
        padding-bottom: 40px;
        padding-right: 0; } }
    .vidashield .vidashield__ts .vidashield__ts__description .vidashield__ts__description__left-content img {
      width: 40%; }
    .vidashield .vidashield__ts .vidashield__ts__description .vidashield__ts__description__left-content p {
      margin-top: 25px;
      margin-bottom: 0; }
      .vidashield .vidashield__ts .vidashield__ts__description .vidashield__ts__description__left-content p strong {
        font-size: 20px; }
  .vidashield .vidashield__ts .vidashield__ts__description .vidashield__ts__description__right-content {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%; }
    .vidashield .vidashield__ts .vidashield__ts__description .vidashield__ts__description__right-content .youtube-play-button {
      position: absolute;
      width: 50px;
      text-align: center; }
    .vidashield .vidashield__ts .vidashield__ts__description .vidashield__ts__description__right-content img {
      width: 90%; }
      @media screen and (max-width: 450px) {
        .vidashield .vidashield__ts .vidashield__ts__description .vidashield__ts__description__right-content img {
          width: 100%; } }

.vidashield .anchor-tab-section {
  padding-bottom: 0 !important; }
  .vidashield .anchor-tab-section .anchor-tabs {
    z-index: 101; }

.vidashield .vidashield__how-it-works {
  padding-top: 65px;
  background-color: whitesmoke; }
  @media screen and (max-width: 768px) {
    .vidashield .vidashield__how-it-works {
      padding-bottom: 65px; } }
  .vidashield .vidashield__how-it-works .vidashield__how-it-works__body {
    display: flex;
    flex-direction: row; }
    @media screen and (max-width: 450px) {
      .vidashield .vidashield__how-it-works .vidashield__how-it-works__body {
        flex-direction: column; } }
    .vidashield .vidashield__how-it-works .vidashield__how-it-works__body .vidashield__how-it-works_left-container {
      display: flex;
      flex-direction: column;
      align-items: center;
      width: 100%; }
      @media screen and (max-width: 450px) {
        .vidashield .vidashield__how-it-works .vidashield__how-it-works__body .vidashield__how-it-works_left-container {
          padding-bottom: 30px; } }
      .vidashield .vidashield__how-it-works .vidashield__how-it-works__body .vidashield__how-it-works_left-container .vidashield__how-it-works__video-link {
        margin: 20px 0; }
        .vidashield .vidashield__how-it-works .vidashield__how-it-works__body .vidashield__how-it-works_left-container .vidashield__how-it-works__video-link img {
          margin-right: 10px; }
        .vidashield .vidashield__how-it-works .vidashield__how-it-works__body .vidashield__how-it-works_left-container .vidashield__how-it-works__video-link a {
          color: black;
          text-decoration: underline;
          font-weight: bold;
          font-size: 15px; }
    .vidashield .vidashield__how-it-works .vidashield__how-it-works__body .vidashield__how-it-works__right-container {
      width: 100%;
      padding-left: 30px; }
      @media screen and (max-width: 450px) {
        .vidashield .vidashield__how-it-works .vidashield__how-it-works__body .vidashield__how-it-works__right-container {
          padding-left: 0; } }
      .vidashield .vidashield__how-it-works .vidashield__how-it-works__body .vidashield__how-it-works__right-container .vidashield__how-it-works__right-content {
        margin-top: 5px;
        text-align: left; }
        .vidashield .vidashield__how-it-works .vidashield__how-it-works__body .vidashield__how-it-works__right-container .vidashield__how-it-works__right-content h4 {
          margin-bottom: 50px;
          font-weight: bold; }
        .vidashield .vidashield__how-it-works .vidashield__how-it-works__body .vidashield__how-it-works__right-container .vidashield__how-it-works__right-content ul {
          margin-top: 20px;
          font-weight: bold;
          font-size: 15px; }
          .vidashield .vidashield__how-it-works .vidashield__how-it-works__body .vidashield__how-it-works__right-container .vidashield__how-it-works__right-content ul li {
            list-style-type: disc;
            list-style-position: inside; }
        .vidashield .vidashield__how-it-works .vidashield__how-it-works__body .vidashield__how-it-works__right-container .vidashield__how-it-works__right-content .vidashield__how-it-works__icons {
          display: flex;
          flex-direction: column; }
          .vidashield .vidashield__how-it-works .vidashield__how-it-works__body .vidashield__how-it-works__right-container .vidashield__how-it-works__right-content .vidashield__how-it-works__icons .vidashield__how-it-works__icon-container {
            margin-top: 50px; }
          .vidashield .vidashield__how-it-works .vidashield__how-it-works__body .vidashield__how-it-works__right-container .vidashield__how-it-works__right-content .vidashield__how-it-works__icons div {
            width: 90%;
            display: flex;
            flex-direction: row; }
            .vidashield .vidashield__how-it-works .vidashield__how-it-works__body .vidashield__how-it-works__right-container .vidashield__how-it-works__right-content .vidashield__how-it-works__icons div p {
              margin: auto 0;
              padding-left: 30px;
              font-weight: bold;
              font-size: 18px;
              width: 90%; }
            .vidashield .vidashield__how-it-works .vidashield__how-it-works__body .vidashield__how-it-works__right-container .vidashield__how-it-works__right-content .vidashield__how-it-works__icons div div {
              display: flex;
              justify-content: center;
              align-items: center;
              width: 10%; }
              .vidashield .vidashield__how-it-works .vidashield__how-it-works__body .vidashield__how-it-works__right-container .vidashield__how-it-works__right-content .vidashield__how-it-works__icons div div img {
                width: 100%; }
          .vidashield .vidashield__how-it-works .vidashield__how-it-works__body .vidashield__how-it-works__right-container .vidashield__how-it-works__right-content .vidashield__how-it-works__icons :first-child div img {
            width: 75%; }

.vidashield .vidashield__pure-air .vidashield__pure-air__banner {
  position: relative;
  display: flex; }
  @media screen and (max-width: 1024px) {
    .vidashield .vidashield__pure-air .vidashield__pure-air__banner img {
      object-fit: cover;
      height: 500px; } }
  .vidashield .vidashield__pure-air .vidashield__pure-air__banner .vidashield__pure-air {
    width: 100%;
    display: block; }
    @media screen and (max-width: 768px) {
      .vidashield .vidashield__pure-air .vidashield__pure-air__banner .vidashield__pure-air {
        display: none; } }
  .vidashield .vidashield__pure-air .vidashield__pure-air__banner .vidashield__pure-air-mobile {
    display: none; }
    @media screen and (max-width: 768px) {
      .vidashield .vidashield__pure-air .vidashield__pure-air__banner .vidashield__pure-air-mobile {
        display: block;
        height: 350px; } }
    @media screen and (max-width: 450px) {
      .vidashield .vidashield__pure-air .vidashield__pure-air__banner .vidashield__pure-air-mobile {
        height: 550px; } }
  .vidashield .vidashield__pure-air .vidashield__pure-air__banner .vidashield__pure-air__banner-content {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    position: absolute;
    top: 0;
    left: 0;
    padding-left: 50px;
    width: 100%;
    height: 82%;
    text-align: left;
    color: white; }
    @media screen and (max-width: 1024px) {
      .vidashield .vidashield__pure-air .vidashield__pure-air__banner .vidashield__pure-air__banner-content {
        height: 81%; } }
    @media screen and (max-width: 768px) {
      .vidashield .vidashield__pure-air .vidashield__pure-air__banner .vidashield__pure-air__banner-content {
        padding-left: 0;
        height: 100%; } }
    .vidashield .vidashield__pure-air .vidashield__pure-air__banner .vidashield__pure-air__banner-content h1 {
      margin-bottom: 30px;
      color: white;
      font-size: 25px;
      font-weight: bold; }
    .vidashield .vidashield__pure-air .vidashield__pure-air__banner .vidashield__pure-air__banner-content p {
      font-size: 18px; }
      @media screen and (max-width: 768px) {
        .vidashield .vidashield__pure-air .vidashield__pure-air__banner .vidashield__pure-air__banner-content p {
          font-size: 15px; } }
    .vidashield .vidashield__pure-air .vidashield__pure-air__banner .vidashield__pure-air__banner-content .container div {
      width: 50%; }
      @media screen and (max-width: 768px) {
        .vidashield .vidashield__pure-air .vidashield__pure-air__banner .vidashield__pure-air__banner-content .container div {
          width: 100%; } }

.vidashield .vidashield__pure-air .vidashield__pure-air__text-content {
  padding: 50px 10px; }
  .vidashield .vidashield__pure-air .vidashield__pure-air__text-content p {
    padding: 0 220px;
    text-align: center; }
    @media screen and (max-width: 768px) {
      .vidashield .vidashield__pure-air .vidashield__pure-air__text-content p {
        padding: 0 120px; } }
    @media screen and (max-width: 450px) {
      .vidashield .vidashield__pure-air .vidashield__pure-air__text-content p {
        padding: 50px; } }
  .vidashield .vidashield__pure-air .vidashield__pure-air__text-content h1 {
    margin: 80px;
    margin-bottom: 20px;
    text-transform: uppercase;
    text-align: center;
    font-weight: bold;
    font-size: 30px; }
    @media screen and (max-width: 768px) {
      .vidashield .vidashield__pure-air .vidashield__pure-air__text-content h1 {
        margin: 60px; } }
    @media screen and (max-width: 450px) {
      .vidashield .vidashield__pure-air .vidashield__pure-air__text-content h1 {
        margin: 10px; } }
    .vidashield .vidashield__pure-air .vidashield__pure-air__text-content h1 span {
      color: #15abdd; }
  .vidashield .vidashield__pure-air .vidashield__pure-air__text-content h5 {
    text-transform: initial;
    text-align: center;
    font-size: 20px; }

@media screen and (max-width: 450px) {
  .vidashield .vidashield__pure-air .vidashield__pure-air__circle-graph img {
    margin-top: 250px;
    transform: scale(2.5); } }

.vidashield .vidashield__products-features {
  margin-top: -225px;
  margin-bottom: 100px; }
  @media screen and (max-width: 768px) {
    .vidashield .vidashield__products-features {
      margin-top: -150px; } }
  @media screen and (max-width: 450px) {
    .vidashield .vidashield__products-features {
      margin-top: -50px; } }
  .vidashield .vidashield__products-features h2 {
    margin-bottom: 50px;
    text-align: center;
    font-weight: bold; }
  .vidashield .vidashield__products-features .vidashield__products-features__products-container {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: flex-start; }
    @media screen and (max-width: 450px) {
      .vidashield .vidashield__products-features .vidashield__products-features__products-container {
        flex-direction: column;
        align-items: center; } }
    .vidashield .vidashield__products-features .vidashield__products-features__products-container .vidashield__products-features__product {
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center;
      width: 30%; }
      @media screen and (max-width: 450px) {
        .vidashield .vidashield__products-features .vidashield__products-features__products-container .vidashield__products-features__product {
          width: 90%;
          margin-bottom: 50px; } }
      .vidashield .vidashield__products-features .vidashield__products-features__products-container .vidashield__products-features__product img {
        width: 60%; }
      .vidashield .vidashield__products-features .vidashield__products-features__products-container .vidashield__products-features__product .vidashield__products-features__product-description {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center; }
        .vidashield .vidashield__products-features .vidashield__products-features__products-container .vidashield__products-features__product .vidashield__products-features__product-description h2,
        .vidashield .vidashield__products-features .vidashield__products-features__products-container .vidashield__products-features__product .vidashield__products-features__product-description p {
          margin-bottom: 0; }
        .vidashield .vidashield__products-features .vidashield__products-features__products-container .vidashield__products-features__product .vidashield__products-features__product-description h2 {
          font-weight: bold; }
        .vidashield .vidashield__products-features .vidashield__products-features__products-container .vidashield__products-features__product .vidashield__products-features__product-description p:first-of-type {
          font-weight: bold;
          font-size: 18px;
          color: #15abdd; }
        .vidashield .vidashield__products-features .vidashield__products-features__products-container .vidashield__products-features__product .vidashield__products-features__product-description p {
          font-size: 16px; }
  .vidashield .vidashield__products-features .vidashield__products-features__features-specs {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin-top: 45px; }
    @media screen and (max-width: 450px) {
      .vidashield .vidashield__products-features .vidashield__products-features__features-specs {
        margin-top: 10px; } }
    .vidashield .vidashield__products-features .vidashield__products-features__features-specs div {
      border-bottom: 1px solid #e5e5e5; }
      .vidashield .vidashield__products-features .vidashield__products-features__features-specs div h5 {
        margin-bottom: 0;
        padding-bottom: 15px;
        font-weight: bold; }
    .vidashield .vidashield__products-features .vidashield__products-features__features-specs ul {
      padding-top: 15px;
      line-height: 2;
      text-align: center;
      font-size: 18px; }

.vidashield .vidashield__get-quote {
  position: relative;
  display: flex;
  justify-content: center;
  width: 100%;
  height: 100%;
  margin: auto; }
  @media screen and (max-width: 2130px) {
    .vidashield .vidashield__get-quote {
      padding-bottom: 6vw; } }
  @media screen and (max-width: 1880px) {
    .vidashield .vidashield__get-quote {
      padding-bottom: 10vw; } }
  @media screen and (max-width: 1770px) {
    .vidashield .vidashield__get-quote {
      padding-bottom: 13vw; } }
  @media screen and (max-width: 1630px) {
    .vidashield .vidashield__get-quote {
      padding-bottom: 17vw; } }
  @media screen and (max-width: 1530px) {
    .vidashield .vidashield__get-quote {
      padding-bottom: 20vw; } }
  @media screen and (max-width: 1450px) {
    .vidashield .vidashield__get-quote {
      padding-bottom: 24vw; } }
  @media screen and (max-width: 1350px) {
    .vidashield .vidashield__get-quote {
      padding-bottom: 28vw; } }
  @media screen and (max-width: 1270px) {
    .vidashield .vidashield__get-quote {
      padding-bottom: 34vw; } }
  @media screen and (max-width: 1120px) {
    .vidashield .vidashield__get-quote {
      padding-bottom: 42vw; } }
  @media screen and (max-width: 1075px) {
    .vidashield .vidashield__get-quote {
      padding-bottom: 46vw; } }
  @media screen and (max-width: 1020px) {
    .vidashield .vidashield__get-quote {
      padding-bottom: 52vw; } }
  @media screen and (max-width: 950px) {
    .vidashield .vidashield__get-quote {
      padding-bottom: 58vw; } }
  @media screen and (max-width: 895px) {
    .vidashield .vidashield__get-quote {
      padding-bottom: 66vw; } }
  @media screen and (max-width: 768px) {
    .vidashield .vidashield__get-quote {
      flex-direction: column;
      padding-bottom: 0; } }
  .vidashield .vidashield__get-quote img {
    width: 100vw; }
    @media screen and (max-width: 450px) {
      .vidashield .vidashield__get-quote img {
        height: 190px; } }
  .vidashield .vidashield__get-quote .vidashield__get-quote__text {
    position: absolute;
    top: 50px;
    left: auto;
    background-color: initial; }
    @media screen and (max-width: 768px) {
      .vidashield .vidashield__get-quote .vidashield__get-quote__text {
        height: 100px; } }
    @media screen and (max-width: 450px) {
      .vidashield .vidashield__get-quote .vidashield__get-quote__text {
        padding: 10px 15px;
        top: 0; } }
    .vidashield .vidashield__get-quote .vidashield__get-quote__text h1 {
      margin-bottom: 20px;
      color: white;
      font-size: 25px;
      font-weight: bold; }
      @media screen and (max-width: 450px) {
        .vidashield .vidashield__get-quote .vidashield__get-quote__text h1 {
          margin-bottom: 10px;
          font-size: 16px; } }
    .vidashield .vidashield__get-quote .vidashield__get-quote__text p {
      color: white; }
  .vidashield .vidashield__get-quote div {
    z-index: 100;
    position: absolute;
    padding: 60px;
    top: 300px;
    left: auto;
    width: 80%;
    max-width: 800px;
    height: 600px;
    background-color: white;
    border-radius: 5px;
    box-shadow: 1px 10px 35px -17px rgba(0, 0, 0, 0.56); }
    @media screen and (max-width: 1024px) {
      .vidashield .vidashield__get-quote div {
        bottom: -145px; } }
    @media screen and (max-width: 768px) {
      .vidashield .vidashield__get-quote div {
        position: relative;
        flex-direction: column;
        width: 100%;
        height: 100%;
        top: 0;
        bottom: 0;
        padding: 35px; } }

.page.assessment-page .page-content {
  padding-left: 0;
  padding-right: 0;
  padding-bottom: 0; }

.page.assessment-page h1 {
  text-align: left;
  margin-top: 60px;
  margin-bottom: 0;
  position: relative;
  font-size: 3.5rem;
  font-weight: bold; }

.page.assessment-page h1 + p {
  font-size: 18px;
  font-style: italic;
  color: #00b9e4;
  margin-top: -10px; }

.page.assessment-page ul {
  list-style: disc;
  list-style-position: inside;
  font-size: 14px;
  line-height: 2; }

.page.assessment-page .clearfix {
  width: 100%; }

.page.assessment-page .hero-section {
  padding-bottom: 3rem; }

.page.assessment-page .hero-section img {
  width: 100%;
  box-shadow: -5px 10px 20px rgba(0, 0, 0, 0.2); }

.page.assessment-page .hero-section .content-container {
  max-width: 480px;
  margin-bottom: 3rem; }
  .page.assessment-page .hero-section .content-container > p:first-of-type {
    font-size: 15px;
    line-height: 2;
    margin-bottom: 3rem; }

.page.assessment-page .hero-section .form {
  margin-top: -18px; }

.page.assessment-page .hero-section .list-heading {
  color: #00b9e4;
  font-weight: bold;
  margin-bottom: 1rem; }

.page.assessment-page .hero-section ul {
  font-weight: bold; }

.page.assessment-page .guide-section {
  background: #f5f5f5;
  padding: 6rem 0 12rem; }

.page.assessment-page h2 {
  text-align: center;
  font-weight: bold;
  font-size: 20px;
  max-width: 865px;
  margin-left: auto;
  margin-right: auto; }
  @media (min-width: 768px) {
    .page.assessment-page h2 {
      margin-bottom: 5rem; } }

.page.assessment-page .guide-section .clearfix > div {
  padding: 3.5rem; }
  @media (min-width: 768px) {
    .page.assessment-page .guide-section .clearfix > div {
      padding: 0 3.5rem; } }

.page.assessment-page .guide-section img {
  margin: 0 auto 3rem;
  display: block; }

.page.assessment-page .guide-section p {
  font-size: 14px;
  line-height: 2;
  margin-bottom: 2rem; }

.page.assessment-page .guide-section img + p {
  font-weight: bold;
  font-size: 20px;
  line-height: 1.75;
  text-transform: capitalize; }

.page .ardent-fitness-webpage {
  color: #000; }
  .page .ardent-fitness-webpage h1,
  .page .ardent-fitness-webpage h2,
  .page .ardent-fitness-webpage p,
  .page .ardent-fitness-webpage a {
    color: #000; }
  .page .ardent-fitness-webpage h1,
  .page .ardent-fitness-webpage h2 {
    font-family: termina, sans-serif;
    text-transform: uppercase; }
  .page .ardent-fitness-webpage h1 {
    font-size: 24px; }
  .page .ardent-fitness-webpage h2 {
    font-size: 20px; }
  .page .ardent-fitness-webpage .gold {
    color: #cf8a00; }
  .page .ardent-fitness-webpage .bold {
    font-weight: bold; }
  .page .ardent-fitness-webpage .ardent-button {
    background: #cf8a00;
    border-color: #cf8a00;
    color: #fff;
    border-radius: 5px;
    width: 262px;
    height: 48px;
    padding: 0;
    line-height: 46px; }
    .page .ardent-fitness-webpage .ardent-button:hover {
      background: #e99b00; }
    .page .ardent-fitness-webpage .ardent-button:focus {
      background: #dc9300; }
  .page .ardent-fitness-webpage section.hero {
    background-image: url("https://cdn11.bigcommerce.com/s-8mji1/product_images/uploaded_images/hero-bg.png?t=1606229416");
    color: #fff;
    padding: 100px 0;
    background-repeat: no-repeat;
    background-size: cover;
    text-align: center; }
    @media (min-width: 992px) {
      .page .ardent-fitness-webpage section.hero {
        padding: 250px 0; } }
    .page .ardent-fitness-webpage section.hero p,
    .page .ardent-fitness-webpage section.hero p span {
      color: #fff;
      font-size: 18px; }
    .page .ardent-fitness-webpage section.hero p,
    .page .ardent-fitness-webpage section.hero img {
      margin-bottom: 4rem; }
    .page .ardent-fitness-webpage section.hero .container {
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center; }
  .page .ardent-fitness-webpage section.intro {
    padding: 50px 0;
    background: #f5f5f5; }
    @media (min-width: 768px) {
      .page .ardent-fitness-webpage section.intro {
        padding: 150px 0 50px; } }
    @media (min-width: 1440px) {
      .page .ardent-fitness-webpage section.intro .container {
        width: 1140px; } }
    .page .ardent-fitness-webpage section.intro h1,
    .page .ardent-fitness-webpage section.intro p {
      margin-bottom: 2.5rem; }
    .page .ardent-fitness-webpage section.intro p {
      line-height: 2; }
      @media (min-width: 1440px) {
        .page .ardent-fitness-webpage section.intro p {
          margin-right: -40px; } }
    @media (max-width: 767px) {
      .page .ardent-fitness-webpage section.intro .image-container img {
        width: 100%; } }
    @media (min-width: 768px) {
      .page .ardent-fitness-webpage section.intro .image-container {
        position: relative;
        display: inline-block; }
        .page .ardent-fitness-webpage section.intro .image-container img {
          position: relative;
          z-index: 3; }
        .page .ardent-fitness-webpage section.intro .image-container:after {
          position: absolute;
          content: "";
          z-index: 1; }
        .page .ardent-fitness-webpage section.intro .image-container .background-stripes {
          position: relative; }
          .page .ardent-fitness-webpage section.intro .image-container .background-stripes:before, .page .ardent-fitness-webpage section.intro .image-container .background-stripes:after {
            position: absolute;
            content: "";
            z-index: 2; } }
    @media (min-width: 768px) {
      .page .ardent-fitness-webpage section.intro .image-container {
        top: -60px; }
        .page .ardent-fitness-webpage section.intro .image-container:after {
          bottom: -14px;
          left: -14px;
          background: #cf8a00;
          width: 100%;
          height: 90%; }
      .page .ardent-fitness-webpage section.intro .background-stripes:before, .page .ardent-fitness-webpage section.intro .background-stripes:after {
        bottom: -14px;
        background: #f5f5f5;
        width: 14px;
        height: 90%; }
      .page .ardent-fitness-webpage section.intro .background-stripes:before {
        right: 28px; }
      .page .ardent-fitness-webpage section.intro .background-stripes:after {
        right: 56px; } }
    @media (min-width: 768px) and (max-width: 991px) {
      .page .ardent-fitness-webpage section.intro .right-content {
        padding-right: 0; } }
  .page .ardent-fitness-webpage section.brands {
    padding: 50px 0 100px;
    text-align: center; }
    .page .ardent-fitness-webpage section.brands h2 {
      margin-bottom: 4rem; }
    .page .ardent-fitness-webpage section.brands li {
      display: inline; }
      .page .ardent-fitness-webpage section.brands li.third-row img {
        margin: 16px 24px; }
    .page .ardent-fitness-webpage section.brands img {
      margin: 16px; }
  .page .ardent-fitness-webpage section.categories {
    padding: 40px 0 60px;
    background: #f5f5f5;
    text-align: center; }
    @media (max-width: 575px) {
      .page .ardent-fitness-webpage section.categories .container {
        padding: 0; } }
    .page .ardent-fitness-webpage section.categories h2 {
      margin-bottom: 5rem; }
    @media (min-width: 1200px) {
      .page .ardent-fitness-webpage section.categories .categories-container {
        margin: 0 -40px; }
        .page .ardent-fitness-webpage section.categories .categories-container > div {
          padding: 0 40px; } }
    .page .ardent-fitness-webpage section.categories .categories-container a {
      text-decoration: none;
      text-transform: uppercase;
      font-weight: bold; }
      .page .ardent-fitness-webpage section.categories .categories-container a:hover {
        color: #cf8a00; }
    .page .ardent-fitness-webpage section.categories .image-container {
      background: #fff;
      display: flex;
      justify-content: center;
      align-items: center; }
      .page .ardent-fitness-webpage section.categories .image-container + a {
        margin: 1rem 0;
        display: inline-block;
        min-height: 42px; }
        @media (min-width: 768px) {
          .page .ardent-fitness-webpage section.categories .image-container + a {
            margin: 1rem 0 3rem; } }
      .page .ardent-fitness-webpage section.categories .image-container img {
        height: 230px;
        object-fit: scale-down; }
        @media (min-width: 576px) {
          .page .ardent-fitness-webpage section.categories .image-container img {
            height: 260px; } }
        @media (min-width: 1200px) {
          .page .ardent-fitness-webpage section.categories .image-container img {
            height: 280px; } }
  .page .ardent-fitness-webpage section.equipment {
    padding: 60px 0 120px; }
    .page .ardent-fitness-webpage section.equipment .container > div,
    .page .ardent-fitness-webpage section.equipment .container > div > div {
      margin-top: 3rem; }
    @media (max-width: 767px) {
      .page .ardent-fitness-webpage section.equipment .container > div {
        padding: 0; } }
    .page .ardent-fitness-webpage section.equipment h2 {
      text-align: center; }
    .page .ardent-fitness-webpage section.equipment .interactive-training,
    .page .ardent-fitness-webpage section.equipment .flooring {
      clear: left; }
    .page .ardent-fitness-webpage section.equipment .list-title {
      font-size: 16px;
      line-height: 1.5;
      font-weight: bold;
      padding-bottom: 1.5rem;
      border-bottom: 1px solid #757575; }
    .page .ardent-fitness-webpage section.equipment a {
      font-size: 16px;
      line-height: 2; }
    .page .ardent-fitness-webpage section.equipment p,
    .page .ardent-fitness-webpage section.equipment a {
      padding-left: 5px; }

.video-library {
  width: 100%;
  margin-bottom: 6rem; }
  .video-library .container > div {
    margin-bottom: 2rem; }
  .video-library p {
    font-weight: bold;
    margin-top: 1rem;
    font-size: 16px; }

.distributor-page .above-heading {
  color: #00b9e4;
  font-style: italic;
  font-weight: bold;
  font-size: 20px; }

.distributor-page h1,
.distributor-page h2,
.distributor-page .bold {
  font-weight: bold; }

.distributor-page .button {
  margin-top: 1.5rem;
  height: 46px;
  line-height: 46px;
  padding: 0;
  width: 100%; }

.distributor-page section.distributor-hero {
  padding: 50px 0; }
  @media (min-width: 1200px) {
    .distributor-page section.distributor-hero {
      padding: 100px 0; } }
  @media (min-width: 768px) {
    .distributor-page section.distributor-hero .container {
      display: flex; }
    .distributor-page section.distributor-hero .content-container {
      padding-left: 50px; }
    .distributor-page section.distributor-hero p {
      max-width: 400px; } }
  .distributor-page section.distributor-hero .image-container {
    text-align: right;
    padding-top: 50px; }
    @media (min-width: 768px) {
      .distributor-page section.distributor-hero .image-container {
        padding-top: 0; } }
  .distributor-page section.distributor-hero h1 {
    line-height: 32px;
    margin-bottom: 3rem;
    margin-top: 0; }
    @media (min-width: 992px) {
      .distributor-page section.distributor-hero h1 {
        font-size: 40px;
        line-height: 45px; } }
  .distributor-page section.distributor-hero .button {
    max-width: 246px; }

.distributor-page section.value-props {
  background: url("https://cdn11.bigcommerce.com/s-8mji1/product_images/uploaded_images/distributor-background-image-1.png?t=1617212429");
  background-repeat: no-repeat;
  background-size: cover;
  text-align: center;
  color: #fff;
  padding: 50px 0; }
  @media (min-width: 768px) {
    .distributor-page section.value-props {
      padding: 100px 0; } }
  .distributor-page section.value-props h2 {
    color: #fff; }
  .distributor-page section.value-props h2 + p {
    margin-bottom: 50px; }
  .distributor-page section.value-props .value-props-container {
    max-width: 1050px;
    margin: 0 auto; }
    .distributor-page section.value-props .value-props-container > div {
      margin-bottom: 50px; }
  .distributor-page section.value-props .image-container {
    height: 90px;
    display: flex;
    justify-content: center;
    align-items: flex-end;
    margin-bottom: 1rem; }
    @media (min-width: 768px) {
      .distributor-page section.value-props .image-container {
        margin-bottom: 3rem; } }
  .distributor-page section.value-props .image-container + p {
    font-size: 20px;
    font-weight: bold;
    max-width: 250px;
    margin: 0 auto; }

.distributor-page section.why {
  padding: 100px 0; }
  .distributor-page section.why h2,
  .distributor-page section.why .image-container {
    margin-bottom: 30px; }
  @media (min-width: 768px) {
    .distributor-page section.why .content-container {
      padding: 0 50px; } }
  @media (min-width: 1440px) {
    .distributor-page section.why .content-container {
      padding: 0 100px; } }
  .distributor-page section.why ul {
    font-size: 18px;
    font-weight: bold; }
  .distributor-page section.why li {
    margin-top: 2rem;
    position: relative;
    padding-left: 1rem; }
    .distributor-page section.why li:before {
      position: absolute;
      content: "\2022";
      left: 0;
      color: #00b9e4; }

.distributor-page section.steps {
  background: #f5f5f5;
  padding: 50px 0; }
  @media (min-width: 768px) {
    .distributor-page section.steps {
      padding: 100px 0; } }
  .distributor-page section.steps h2 {
    text-align: center;
    margin-bottom: 50px; }
  .distributor-page section.steps ol {
    max-width: 800px;
    margin: 0 auto;
    list-style: none; }
  .distributor-page section.steps li + li {
    margin-top: 60px; }
    @media (min-width: 576px) {
      .distributor-page section.steps li + li {
        margin-top: 120px; } }
  .distributor-page section.steps .item-heading {
    font-weight: bold;
    font-size: 16px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 2.5rem; }
    @media (min-width: 576px) {
      .distributor-page section.steps .item-heading {
        justify-content: flex-start;
        font-size: 18px; } }
  .distributor-page section.steps .number {
    font-size: 30px;
    color: #fff;
    background: #00b9e4;
    display: inline-block;
    height: 60px;
    width: 60px;
    border-radius: 60px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-right: 15px; }
  .distributor-page section.steps .button {
    max-width: 322px; }
  .distributor-page section.steps .image-container {
    margin-bottom: 30px; }
  @media (min-width: 576px) {
    .distributor-page section.steps .content-container {
      padding-left: 50px; } }
  @media (max-width: 575px) {
    .distributor-page section.steps .image-container,
    .distributor-page section.steps .content-container {
      text-align: center; } }

.distributor-page section.hubspot-form {
  position: relative;
  background: linear-gradient(rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6)), url("https://cdn11.bigcommerce.com/s-8mji1/product_images/uploaded_images/distributor-background-image-2.png?t=1617209751");
  background-repeat: no-repeat;
  background-size: cover;
  height: 852px;
  background-position: bottom;
  margin-bottom: 2400px; }
  @media (min-width: 548px) {
    .distributor-page section.hubspot-form {
      padding-top: 60px;
      margin-bottom: 1400px; } }
  .distributor-page section.hubspot-form .container {
    max-width: 930px;
    margin: 0 auto; }
  .distributor-page section.hubspot-form .section-content {
    max-width: 500px;
    margin: 70px auto;
    color: #fff;
    text-align: center; }
    .distributor-page section.hubspot-form .section-content h2 {
      color: #fff;
      margin-bottom: 50px; }
  .distributor-page section.hubspot-form .form-container {
    background: #fff;
    padding: 50px;
    box-shadow: -2.5px 5px 10px rgba(0, 0, 0, 0.2);
    border-radius: 4px; }
    .distributor-page section.hubspot-form .form-container h2 {
      font-size: 40px;
      text-align: center;
      margin-bottom: 50px;
      font-weight: 900; }
    .distributor-page section.hubspot-form .form-container .hbspt-form,
    .distributor-page section.hubspot-form .form-container .hs-form-iframe {
      width: 100% !important; }

.buying-made-easy-page h1,
.buying-made-easy-page h2,
.buying-made-easy-page h3 {
  font-weight: bold; }

.buying-made-easy-page h2 {
  font-size: 28px; }

.buying-made-easy-page .blue {
  color: #00b9e4; }

.buying-made-easy-page .bold {
  font-weight: bold; }

.buying-made-easy-page .underline {
  text-decoration: underline; }

.buying-made-easy-page .button {
  height: 46px;
  max-width: 246px;
  width: 100%;
  padding: 0;
  line-height: 46px; }

.buying-made-easy-page .page-intro {
  background: #f5f5f5;
  text-align: center;
  padding: 50px 0; }
  .buying-made-easy-page .page-intro p {
    margin-bottom: 0; }
  .buying-made-easy-page .page-intro p.above-heading {
    font-style: italic; }
  .buying-made-easy-page .page-intro h1 {
    margin: 0.5rem 0 1rem;
    font-size: 36px; }
  .buying-made-easy-page .page-intro p,
  .buying-made-easy-page .page-intro p span {
    font-size: 16px; }
  .buying-made-easy-page .page-intro h1 + p {
    font-weight: bold; }

.buying-made-easy-page .submit-purchase-order {
  background: url("https://cdn11.bigcommerce.com/s-8mji1/product_images/uploaded_images/submit-po-background-image.png?t=1617638428");
  background-repeat: no-repeat;
  background-size: cover;
  text-align: center; }
  .buying-made-easy-page .submit-purchase-order .container {
    padding: 50px 0; }
    @media (max-width: 1199px) {
      .buying-made-easy-page .submit-purchase-order .container {
        background: rgba(255, 255, 255, 0.6); } }
  .buying-made-easy-page .submit-purchase-order .small-container {
    max-width: 300px;
    margin: 0 auto; }
  .buying-made-easy-page .submit-purchase-order .small-container > p {
    margin: 2rem 0; }
  .buying-made-easy-page .submit-purchase-order .small-container > div {
    text-align: left; }
    .buying-made-easy-page .submit-purchase-order .small-container > div:nth-child(2) {
      padding: 50px 0 0 0; }
    .buying-made-easy-page .submit-purchase-order .small-container > div:last-child {
      padding: 50px 0 20px 15px; }
    .buying-made-easy-page .submit-purchase-order .small-container > div p {
      margin-bottom: 0; }
  .buying-made-easy-page .submit-purchase-order a {
    color: #38383e;
    font-size: 14px; }

@media (min-width: 768px) {
  .buying-made-easy-page .pre-approval .container,
  .buying-made-easy-page .payment-options .container {
    display: flex;
    justify-content: space-around; } }

.buying-made-easy-page .pre-approval {
  text-align: center;
  padding: 60px 0 80px; }
  .buying-made-easy-page .pre-approval h3 {
    margin-bottom: 2rem; }
  .buying-made-easy-page .pre-approval p.bold {
    margin-bottom: 0; }
  .buying-made-easy-page .pre-approval ul {
    font-size: 14px;
    line-height: 2;
    padding-bottom: 1.5rem; }
  .buying-made-easy-page .pre-approval .button {
    margin: 1rem 0 3rem;
    max-width: none; }
  .buying-made-easy-page .pre-approval a.email {
    color: #38383e;
    font-weight: normal; }
  @media (max-width: 575px) {
    .buying-made-easy-page .pre-approval .container > div + div {
      margin-top: 3rem; } }
  @media (min-width: 992px) {
    .buying-made-easy-page .pre-approval .container > div:first-child p {
      margin-bottom: 3rem; } }
  .buying-made-easy-page .pre-approval .pre-approval-heading {
    margin-bottom: 5rem; }
    .buying-made-easy-page .pre-approval .pre-approval-heading h2 {
      margin-bottom: 2rem; }
    .buying-made-easy-page .pre-approval .pre-approval-heading p {
      margin-bottom: 0; }

.buying-made-easy-page .payment-options {
  background: url("https://cdn11.bigcommerce.com/s-8mji1/product_images/uploaded_images/payment-options-background-image.png?t=1617638428");
  background-repeat: no-repeat;
  background-size: cover;
  text-align: center;
  padding: 50px 0;
  color: #fff; }
  .buying-made-easy-page .payment-options h2,
  .buying-made-easy-page .payment-options h3,
  .buying-made-easy-page .payment-options a {
    color: #fff; }
  .buying-made-easy-page .payment-options h2 {
    margin: 0 15px 4rem; }
  .buying-made-easy-page .payment-options h3 {
    margin-bottom: 2rem; }
  .buying-made-easy-page .payment-options .container > div {
    padding: 0 30px; }
  @media (max-width: 767px) {
    .buying-made-easy-page .payment-options .container > div + div {
      margin-top: 3rem; } }
  .buying-made-easy-page .payment-options .image-container {
    height: 65px;
    display: flex;
    justify-content: center;
    align-items: center; }

.buying-made-easy-page .vendor-setup {
  padding: 25px 0 75px; }
  @media (min-width: 768px) {
    .buying-made-easy-page .vendor-setup {
      padding: 100px 0 150px; } }
  @media (min-width: 768px) {
    .buying-made-easy-page .vendor-setup .container {
      display: flex;
      justify-content: center;
      align-items: center; } }
  @media (min-width: 992px) {
    .buying-made-easy-page .vendor-setup .container > div:first-child {
      padding: 0 60px; } }
  @media (min-width: 1440px) {
    .buying-made-easy-page .vendor-setup .container > div:first-child {
      padding: 0 120px; } }
  .buying-made-easy-page .vendor-setup a:not(.button) {
    color: #38383e;
    font-weight: normal; }
  .buying-made-easy-page .vendor-setup h2 {
    margin-bottom: 3rem; }
  .buying-made-easy-page .vendor-setup .button {
    margin: 1rem 0 3rem; }

.cta-intro-text {
  display: inline-block;
  width: 100%;
  padding: 80px 0;
  color: #fff;
  text-align: center; }
  @media (max-width: 992px) {
    .cta-intro-text {
      padding: 40px 20px; } }
  .cta-intro-text .sub-heading {
    color: #00b9e4;
    font-size: 25px;
    font-weight: 300;
    margin-bottom: 10px;
    font-family: 'Paralucent'; }
    @media (max-width: 992px) {
      .cta-intro-text .sub-heading {
        font-size: 18px; } }
  .cta-intro-text .title {
    color: #fff;
    font-size: 35px;
    font-weight: bold;
    max-width: 570px;
    margin: 0 auto 30px;
    line-height: normal; }
    @media (max-width: 992px) {
      .cta-intro-text .title {
        font-size: 24px;
        margin: 0 auto 10px; } }
  .cta-intro-text .text {
    font-size: 15px;
    max-width: 570px;
    margin: 0 auto;
    line-height: 1.8; }

.recommended-picks {
  display: inline-block;
  width: 100%;
  padding: 80px 0 180px;
  background-position: bottom center !important;
  background-repeat: repeat-x !important; }
  @media (max-width: 992px) {
    .recommended-picks {
      padding: 50px 0 180px; } }
  .recommended-picks img {
    float: right; }
    @media (max-width: 992px) {
      .recommended-picks img {
        float: none;
        max-width: 350px;
        width: 100%; } }
  .recommended-picks .content {
    margin-top: 40px; }
    .recommended-picks .content p {
      font-size: 15px;
      color: #000;
      font-weight: 500;
      max-width: 550px;
      margin-bottom: 30px; }
    .recommended-picks .content ul {
      margin: 0;
      padding: 0; }
      .recommended-picks .content ul li {
        margin-bottom: 10px; }
        .recommended-picks .content ul li a {
          font-size: 18px;
          color: #38383e;
          font-weight: 500;
          text-decoration: underline; }
          @media (max-width: 992px) {
            .recommended-picks .content ul li a {
              font-size: 16px; } }
          .recommended-picks .content ul li a:hover {
            text-decoration: none; }
          .recommended-picks .content ul li a .dot {
            width: 4px;
            height: 4px;
            background: #00b9e4;
            border-radius: 100px;
            float: left;
            margin: 12px 10px 0 0; }

.surface-cleaning-wipes {
  display: inline-block;
  width: 100%;
  padding: 0;
  margin-top: -60px;
  background: #f9f9f9;
  margin-bottom: -5px; }
  .surface-cleaning-wipes .icon-wipes {
    margin: 40px 0 20px; }
    @media (max-width: 992px) {
      .surface-cleaning-wipes .icon-wipes {
        margin: 20px 0; } }
  .surface-cleaning-wipes .sub-title {
    text-transform: uppercase;
    font-size: 18px;
    margin-bottom: 10px;
    color: #00b9e4;
    font-family: 'Paralucent';
    font-weight: 300; }
    @media (max-width: 992px) {
      .surface-cleaning-wipes .sub-title {
        font-size: 16px;
        margin-bottom: 0; } }
  .surface-cleaning-wipes .title {
    font-size: 30px;
    font-weight: bold;
    color: #38383e;
    margin-bottom: 30px; }
    @media (max-width: 992px) {
      .surface-cleaning-wipes .title {
        font-size: 20px;
        margin-bottom: 20px; } }
  .surface-cleaning-wipes p {
    font-weight: 600;
    max-width: 550px; }
    .surface-cleaning-wipes p .bullet {
      font-size: 20px;
      color: #00b9e4;
      float: left;
      margin: -4px 6px 0 -10px; }
  .surface-cleaning-wipes img {
    margin-top: -70px; }
    @media (max-width: 992px) {
      .surface-cleaning-wipes img {
        margin-top: 0; } }

.shop-products {
  background: #f9f9f9;
  padding: 50px 0; }
  .shop-products .title {
    font-size: 18px;
    font-weight: bold;
    float: left; }
    @media (max-width: 992px) {
      .shop-products .title {
        float: none;
        text-align: center;
        margin-bottom: 20px; } }
  .shop-products .cta {
    float: right; }
    @media (max-width: 992px) {
      .shop-products .cta {
        float: none;
        text-align: center;
        width: 100%; } }
    .shop-products .cta a {
      color: #ea3a02;
      border-color: #ea3a02;
      border-bottom: 3px solid #aa2400; }
      .shop-products .cta a:hover {
        background: #ea3a02;
        color: #fff; }
  .shop-products .featured-carousel {
    display: inline-block;
    width: 100%;
    margin-top: 20px; }
    .shop-products .featured-carousel .carousel-slide {
      padding: 0 15px; }
      .shop-products .featured-carousel .carousel-slide .carousel-container a {
        text-align: center;
        color: #38383e; }
        .shop-products .featured-carousel .carousel-slide .carousel-container a .product-name {
          font-size: 15px;
          font-weight: 700;
          margin-top: 15px;
          padding: 0 10px; }
          .shop-products .featured-carousel .carousel-slide .carousel-container a .product-name span {
            font-weight: normal; }
  .shop-products.white-bg {
    background: #fff; }
    .shop-products.white-bg .featured-carousel a img {
      border: 1px solid #f0f0f0; }

.disinfection-system-for-gyms {
  display: inline-block;
  width: 100%;
  padding: 100px 0 50px;
  background: #fff;
  margin-bottom: -5px; }
  @media (max-width: 992px) {
    .disinfection-system-for-gyms {
      padding: 50px 0; } }
  .disinfection-system-for-gyms .icon-wipes {
    margin: 40px 0 20px; }
    @media (max-width: 992px) {
      .disinfection-system-for-gyms .icon-wipes {
        margin: 0 0 20px; } }
  .disinfection-system-for-gyms .sub-title {
    text-transform: uppercase;
    font-size: 18px;
    margin-bottom: 10px;
    color: #00b9e4;
    font-family: 'Paralucent';
    font-weight: 300; }
    @media (max-width: 992px) {
      .disinfection-system-for-gyms .sub-title {
        font-size: 16px;
        margin-bottom: 0; } }
  .disinfection-system-for-gyms .title {
    font-size: 30px;
    font-weight: bold;
    color: #38383e;
    margin-bottom: 30px; }
    @media (max-width: 992px) {
      .disinfection-system-for-gyms .title {
        font-size: 20px;
        margin-bottom: 20px; } }
  .disinfection-system-for-gyms p {
    font-weight: 600;
    max-width: 550px; }
    .disinfection-system-for-gyms p .bullet {
      font-size: 20px;
      color: #00b9e4;
      float: left;
      margin: -4px 6px 0 -10px; }

.accordion-section.white-bg {
  background: #fff; }
  .accordion-section.white-bg .accordion-item {
    border: 1px solid #ccc;
    margin-bottom: -1px; }
    .accordion-section.white-bg .accordion-item:last-child {
      border: 1px solid #ccc; }

.disinfection-faqs {
  padding: 50px 0 250px !important;
  display: inline-block;
  width: 100%; }
  @media (max-width: 992px) {
    .disinfection-faqs {
      padding: 50px 0 150px !important; } }

.sprayers-faqs {
  background: #f9f9f9 !important; }

.questions-answers {
  height: 671px;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: top;
  text-align: center;
  margin-bottom: 600px;
  padding-top: 150px;
  left: 50%;
  margin-left: -50vw;
  margin-right: -50vw;
  max-width: 100vw;
  position: relative;
  right: 50%;
  width: 100vw; }
  @media (min-width: 480px) {
    .questions-answers {
      margin-bottom: 400px; } }
  @media (max-width: 992px) {
    .questions-answers {
      padding: 50px 15px 0; } }
  .questions-answers .title {
    text-align: center;
    font-weight: bold;
    font-size: 25px;
    margin-bottom: 20px;
    color: #fff; }
    @media (max-width: 992px) {
      .questions-answers .title {
        font-size: 20px;
        margin-bottom: 10px; } }
  .questions-answers p {
    max-width: 470px;
    margin: 2rem auto 0;
    color: #fff; }
    @media (max-width: 992px) {
      .questions-answers p {
        margin: 1rem auto 0; } }
  .questions-answers .form-container {
    margin: 0 auto;
    background: #fff;
    max-width: 600px;
    border-radius: 4px;
    padding: 50px 0;
    position: relative;
    bottom: -50px;
    box-shadow: -2.5px 5px 10px rgba(0, 0, 0, 0.2); }
    .questions-answers .form-container .hbspt-form,
    .questions-answers .form-container .hs-form-iframe {
      width: 100% !important; }
    .questions-answers .form-container .hs-form-iframe {
      margin-left: 13px; }
      @media (min-width: 576px) {
        .questions-answers .form-container .hs-form-iframe {
          margin-left: 65px; } }

.cta-surfacide {
  background-size: cover !important;
  background-position: center !important;
  padding: 80px 0;
  height: 1300px;
  text-align: center;
  color: #fff; }
  @media (max-width: 992px) {
    .cta-surfacide {
      padding: 60px 0;
      height: 1024px; } }
  @media (max-width: 576px) {
    .cta-surfacide {
      padding: 40px 20px 200px;
      height: auto; } }
  .cta-surfacide .sub-heading {
    font-size: 20px;
    color: #00b9e4;
    margin-bottom: 25px;
    font-weight: 100;
    font-family: "paralucent"; }
    @media (max-width: 576px) {
      .cta-surfacide .sub-heading {
        font-size: 16px; } }
  .cta-surfacide .logo {
    margin-bottom: 30px; }
  .cta-surfacide .intro-text {
    font-size: 43px;
    line-height: 1.2;
    font-weight: 600;
    max-width: 620px;
    margin: 0 auto;
    margin-bottom: 40px; }
    @media (max-width: 992px) {
      .cta-surfacide .intro-text {
        font-size: 18px; } }
    @media (max-width: 576px) {
      .cta-surfacide .intro-text {
        font-size: 16px; } }
  .cta-surfacide .form-info {
    font-size: 15px;
    margin: 0 auto;
    max-width: 620px;
    line-height: 2; }
  .cta-surfacide .learn-more {
    margin-top: 40px;
    position: relative; }
    .cta-surfacide .learn-more a {
      width: 229px;
      height: 45px;
      line-height: 45px;
      padding: 0;
      display: inline-block;
      position: relative;
      scroll-behavior: smooth;
      outline: none; }
  .cta-surfacide ~ .anchor-tab-section {
    padding: 0;
    margin: 0; }

.surfacide-video {
  pointer-events: none;
  overflow: hidden;
  height: 450px; }
  @media (max-width: 1140px) {
    .surfacide-video {
      height: 300px; } }
  @media (max-width: 992px) {
    .surfacide-video {
      height: auto; } }
  .surfacide-video > div {
    margin: -150px 0; }
    @media (max-width: 1140px) {
      .surfacide-video > div {
        margin: -80px 0; } }
    @media (max-width: 992px) {
      .surfacide-video > div {
        margin: -50px 0; } }

.meet-helios {
  padding: 500px 0;
  background-size: cover !important;
  background-position: center !important;
  color: #fff; }
  @media (max-width: 992px) {
    .meet-helios {
      padding: 250px 0; } }
  @media (max-width: 576px) {
    .meet-helios {
      padding: 100px 0; } }
  .meet-helios .title {
    font-size: 25px;
    text-transform: uppercase;
    font-weight: 600;
    margin-bottom: 70px; }
    @media (max-width: 992px) {
      .meet-helios .title {
        font-size: 20px;
        margin-bottom: 50px; } }
    @media (max-width: 576px) {
      .meet-helios .title {
        font-size: 18px;
        margin-bottom: 30px; } }
  .meet-helios .text {
    font-size: 15px;
    max-width: 580px;
    margin-bottom: 70px; }
    @media (max-width: 992px) {
      .meet-helios .text {
        margin-bottom: 50px; } }
  .meet-helios .text-highlight {
    font-size: 20px;
    font-weight: 600;
    max-width: 515px; }
    @media (max-width: 992px) {
      .meet-helios .text-highlight {
        font-size: 18px; } }
    @media (max-width: 576px) {
      .meet-helios .text-highlight {
        font-size: 16px; } }
    .meet-helios .text-highlight span {
      color: #00b9e4; }

.three-col-banner {
  padding: 2px 0; }
  .three-col-banner .clearfix {
    width: 100%; }
    .three-col-banner .clearfix > div {
      padding: 0 2px; }
  .three-col-banner img {
    width: 100%; }

.covid-19 {
  padding: 60px 0 0; }
  @media (min-width: 768px) {
    .covid-19 {
      padding: 120px 0; } }
  .covid-19 .title {
    font-weight: bold;
    font-size: 25px;
    font-family: "paralucent";
    text-align: center;
    margin-bottom: 6rem; }
  .covid-19 .number {
    display: inline-block;
    width: 50px;
    height: 50px;
    border-radius: 50px;
    background: #00b9e4;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff;
    font-size: 20px;
    margin: 0 auto 30px; }
  .covid-19 .clearfix > div {
    margin-bottom: 6rem; }
    @media (min-width: 992px) {
      .covid-19 .clearfix > div {
        padding: 0 45px; } }
  .covid-19 small {
    font-size: 12px;
    margin-top: 1rem;
    display: inline-block; }

@media (max-width: 767px) {
  .power-of-3 .section-banner {
    background: none !important; } }

@media (min-width: 768px) {
  .power-of-3 .section-banner {
    height: 309px;
    text-align: center;
    margin-top: 200px; } }

.power-of-3 .section-banner .image-container {
  position: relative; }
  @media (min-width: 768px) {
    .power-of-3 .section-banner .image-container {
      transform: translateY(-40%); } }

.power-of-3 .section-banner .text-container {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  padding-top: 100px;
  text-align: center; }

.power-of-3 .section-banner .sub-heading {
  color: #00b9e4;
  font-family: "paralucent";
  font-size: 20px;
  font-weight: 300; }

.power-of-3 .section-banner .title {
  color: #fff;
  font-weight: bold;
  font-size: 35px; }

.power-of-3 .value-props {
  padding: 50px 0 100px; }
  @media (max-width: 575px) {
    .power-of-3 .value-props {
      background: #f5f5f5 !important; } }
  @media (min-width: 576px) {
    .power-of-3 .value-props {
      padding: 100px 0; } }
  @media (min-width: 768px) {
    .power-of-3 .value-props {
      padding: 200px 0; } }
  @media (min-width: 1440px) {
    .power-of-3 .value-props {
      padding: 400px 0; } }
  @media (min-width: 992px) {
    .power-of-3 .value-props .container {
      display: flex;
      justify-content: flex-end; } }
  @media (min-width: 1200px) {
    .power-of-3 .value-props .container {
      padding: 0 100px; } }
  .power-of-3 .value-props .title {
    font-weight: bold;
    margin: 0;
    font-size: 18px; }
  .power-of-3 .value-props li + li {
    margin-top: 50px; }

.power-of-3 .more-info {
  padding: 50px 0; }
  @media (min-width: 768px) {
    .power-of-3 .more-info {
      padding: 100px 0 200px; } }
  .power-of-3 .more-info .container > .title {
    font-weight: bold;
    font-size: 25px;
    font-family: "paralucent";
    text-align: center;
    margin-bottom: 6rem; }
  .power-of-3 .more-info .row .title {
    font-weight: bold;
    font-size: 18px; }
  .power-of-3 .more-info .row {
    display: flex;
    flex-direction: column; }
    .power-of-3 .more-info .row.reverse {
      flex-direction: column-reverse; }
    @media (min-width: 768px) {
      .power-of-3 .more-info .row {
        flex-direction: row; }
        .power-of-3 .more-info .row.reverse {
          flex-direction: row; }
        .power-of-3 .more-info .row + .row {
          margin-top: 150px; } }
  .power-of-3 .more-info .row div {
    display: flex;
    flex-direction: column;
    justify-content: center; }
  .power-of-3 .more-info .row .text-col {
    padding: 30px 15px; }
    @media (min-width: 768px) {
      .power-of-3 .more-info .row .text-col {
        padding: 0 30px; } }
  .power-of-3 .more-info img {
    box-shadow: 0 6px 12px 0 rgba(0, 0, 0, 0.15); }

.four-col-banner .clearfix {
  width: 100%; }
  .four-col-banner .clearfix > div {
    padding: 0; }

.four-col-banner img {
  width: 100%;
  max-height: 345px; }

.surfacide-features {
  padding: 100px 0;
  background: #f5f5f5; }
  @media (min-width: 576px) {
    .surfacide-features {
      padding-bottom: 0; } }
  .surfacide-features .container > .title {
    font-weight: bold;
    font-size: 35px;
    font-family: "paralucent";
    text-align: center;
    margin-bottom: 6rem; }
  .surfacide-features .clearfix .title {
    font-weight: bold;
    font-size: 18px; }
  .surfacide-features .clearfix > div {
    padding: 0 30px;
    text-align: center; }
    .surfacide-features .clearfix > div + div {
      margin-top: 60px; }
    @media (min-width: 576px) {
      .surfacide-features .clearfix > div {
        min-height: 500px;
        text-align: left; }
        .surfacide-features .clearfix > div + div {
          margin-top: 0; } }
    @media (min-width: 768px) {
      .surfacide-features .clearfix > div {
        min-height: 550px; } }
    @media (min-width: 992px) {
      .surfacide-features .clearfix > div {
        min-height: 450px; } }
    @media (min-width: 1200px) {
      .surfacide-features .clearfix > div {
        min-height: 400px; } }
  .surfacide-features .image-container {
    min-height: 110px; }

.application-images {
  padding: 100px 0; }
  .application-images .container > .title {
    font-weight: bold;
    font-size: 35px;
    font-family: "paralucent";
    text-align: center;
    margin-bottom: 3rem; }
  .application-images .container > div {
    padding: 1.5px; }
  .application-images .image-container {
    position: relative; }
    .application-images .image-container span {
      position: absolute;
      display: inline-block;
      top: 10px;
      right: 15px;
      border: 5px solid #fff;
      border-radius: 3px;
      color: #fff;
      text-transform: uppercase;
      font-weight: bold;
      font-size: 18px;
      font-family: "paralucent";
      width: 186px;
      height: 54px;
      display: flex;
      justify-content: center;
      align-items: center;
      transition: all 0.3s ease 0s; }
  .application-images a:hover span {
    background: #fff;
    color: #38383e; }
  .application-images img {
    width: 100%;
    height: 440px;
    object-fit: cover; }

.request-product-information {
  padding: 100px 0;
  height: 710px;
  margin-bottom: 500px;
  background-size: cover !important;
  background-position: center !important;
  color: #fff;
  text-align: center; }
  @media (min-width: 768px) {
    .request-product-information {
      margin-bottom: 300px; } }
  @media (max-width: 992px) {
    .request-product-information {
      padding: 180px 0; } }
  @media (max-width: 576px) {
    .request-product-information {
      padding: 100px 0; } }
  .request-product-information .title {
    font-size: 25px;
    font-weight: 600;
    margin-bottom: 30px; }
    @media (max-width: 992px) {
      .request-product-information .title {
        font-size: 20px;
        margin-bottom: 15px; } }
    @media (max-width: 576px) {
      .request-product-information .title {
        font-size: 18px; } }
  .request-product-information .text-highlight {
    font-size: 20px;
    font-weight: 600; }
  .request-product-information .text {
    font-size: 15px;
    line-height: 1.8; }
  .request-product-information .hubspot-form .form-container {
    max-width: 600px;
    margin: 60px auto 0;
    background: #fff;
    padding: 50px 60px 40px;
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);
    border-radius: 4px; }
  .request-product-information .hubspot-form .hbspt-form,
  .request-product-information .hubspot-form .hs-form-iframe {
    width: 100% !important; }

.preferred-program-hero {
  position: relative;
  z-index: -1; }
  .preferred-program-hero .container {
    position: relative;
    padding: 0; }
    .preferred-program-hero .container .hero-content {
      position: absolute;
      left: 80px;
      top: 110px;
      max-width: 750px; }
      @media (max-width: 1440px) {
        .preferred-program-hero .container .hero-content {
          top: 60px;
          left: 40px; } }
      @media (max-width: 1200px) {
        .preferred-program-hero .container .hero-content {
          top: 40px;
          left: 20px; } }
      @media (max-width: 992px) {
        .preferred-program-hero .container .hero-content {
          position: relative;
          left: 0;
          top: 0;
          max-width: 100%;
          padding: 30px; } }
      .preferred-program-hero .container .hero-content .sub-title {
        font-size: 18px;
        color: #00b9e4;
        font-style: italic;
        margin-bottom: 5px;
        padding-left: 160px; }
        @media (max-width: 1440px) {
          .preferred-program-hero .container .hero-content .sub-title {
            margin-bottom: 3px; } }
        @media (max-width: 1200px) {
          .preferred-program-hero .container .hero-content .sub-title {
            padding-left: 140px;
            font-size: 16px;
            margin-bottom: 0; } }
        @media (max-width: 992px) {
          .preferred-program-hero .container .hero-content .sub-title {
            max-width: 100%;
            padding: 0;
            font-size: 15px;
            margin-bottom: 5px; } }
      .preferred-program-hero .container .hero-content .title {
        font-size: 38px;
        font-weight: bold;
        color: #38383d;
        padding-left: 160px; }
        @media (max-width: 1440px) {
          .preferred-program-hero .container .hero-content .title {
            font-size: 32px; } }
        @media (max-width: 1200px) {
          .preferred-program-hero .container .hero-content .title {
            padding-left: 140px;
            font-size: 30px; } }
        @media (max-width: 992px) {
          .preferred-program-hero .container .hero-content .title {
            max-width: 100%;
            padding: 0;
            font-size: 25px;
            line-height: normal; } }
      .preferred-program-hero .container .hero-content p {
        font-size: 18px;
        width: 100%;
        display: inline-block;
        margin-top: 40px;
        max-width: 600px;
        margin-bottom: 60px;
        padding-left: 50px; }
        @media (max-width: 1440px) {
          .preferred-program-hero .container .hero-content p {
            margin-bottom: 30px; } }
        @media (max-width: 1200px) {
          .preferred-program-hero .container .hero-content p {
            font-size: 16px;
            max-width: 550px; } }
        @media (max-width: 992px) {
          .preferred-program-hero .container .hero-content p {
            max-width: 100%;
            padding: 0;
            margin-top: 10px;
            margin-bottom: 0;
            font-size: 15px; }
            .preferred-program-hero .container .hero-content p br {
              display: none; } }
      .preferred-program-hero .container .hero-content a {
        font-size: 20px;
        font-weight: bold;
        color: #38383d;
        float: left;
        outline: none;
        padding-left: 50px; }
        .preferred-program-hero .container .hero-content a img {
          float: right;
          margin: 0 0 0 15px; }
        @media (max-width: 992px) {
          .preferred-program-hero .container .hero-content a {
            display: none; } }
      .preferred-program-hero .container .hero-content .featured-icon {
        position: absolute;
        left: 0;
        top: -40px; }
        @media (max-width: 1200px) {
          .preferred-program-hero .container .hero-content .featured-icon {
            max-width: 120px;
            top: -20px; } }
        @media (max-width: 992px) {
          .preferred-program-hero .container .hero-content .featured-icon {
            top: 0;
            max-width: 80px;
            position: relative;
            margin-bottom: 10px; } }
  .preferred-program-hero .background-img {
    width: 100%;
    background-size: cover !important;
    background-position: center !important;
    height: 480px;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    z-index: -1; }
    @media (max-width: 992px) {
      .preferred-program-hero .background-img {
        background: none !important;
        z-index: 1; } }
  .preferred-program-hero .hero-img {
    margin-top: 0; }

@media (max-width: 992px) {
  .preferred-benefits {
    padding-bottom: 20px; }
    .preferred-benefits .container {
      display: flex;
      flex-direction: column; }
      .preferred-benefits .container .col-lg-7 {
        order: 2; }
      .preferred-benefits .container .col-lg-5 {
        order: 1; } }

.preferred-benefits .left-content {
  padding: 60px 80px; }
  @media (max-width: 992px) {
    .preferred-benefits .left-content {
      padding: 20px 0 0; } }
  .preferred-benefits .left-content .title {
    font-size: 30px;
    color: #38383d;
    font-weight: bold; }
    @media (max-width: 992px) {
      .preferred-benefits .left-content .title {
        font-size: 25px; } }
  .preferred-benefits .left-content ul.features {
    margin: 50px 0 0 0;
    padding: 0; }
    .preferred-benefits .left-content ul.features li {
      list-style: none;
      position: relative;
      padding-left: 130px;
      font-size: 15px;
      max-width: 550px;
      margin-bottom: 60px; }
      @media (max-width: 992px) {
        .preferred-benefits .left-content ul.features li {
          padding-left: 80px; } }
      .preferred-benefits .left-content ul.features li img {
        position: absolute;
        left: 0;
        top: 5px; }
        @media (max-width: 992px) {
          .preferred-benefits .left-content ul.features li img {
            max-width: 50px; } }
      .preferred-benefits .left-content ul.features li b {
        font-weight: bold;
        display: inline-block;
        width: 100%;
        font-size: 18px;
        margin-bottom: 12px; }
    .preferred-benefits .left-content ul.features .sourcing img {
      margin-left: 10px; }
      @media (max-width: 992px) {
        .preferred-benefits .left-content ul.features .sourcing img {
          margin-left: 0; } }

.preferred-benefits .preferred-program-form {
  background: #fff;
  border-top: 7px solid #00b9e4;
  padding: 40px 30px 40px 35px;
  box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);
  margin-top: -350px;
  z-index: 9;
  max-width: 410px;
  border-radius: 5px; }
  @media (max-width: 1440px) {
    .preferred-benefits .preferred-program-form {
      margin-top: -285px; } }
  @media (max-width: 992px) {
    .preferred-benefits .preferred-program-form {
      margin: 0 auto;
      max-width: 530px; } }
  @media (max-width: 1200px) {
    .preferred-benefits .preferred-program-form {
      margin-top: -250px; } }
  @media (max-width: 992px) {
    .preferred-benefits .preferred-program-form {
      margin-top: -70px; } }
  .preferred-benefits .preferred-program-form .title {
    text-align: center;
    font-weight: bold;
    font-size: 25px;
    line-height: normal;
    margin-bottom: 40px;
    padding-right: 14px; }
  .preferred-benefits .preferred-program-form form .input input {
    height: 40px;
    border-radius: 0;
    box-shadow: none;
    padding-top: 0;
    padding-bottom: 0;
    padding-left: 10px;
    outline: none; }
  .preferred-benefits .preferred-program-form form .hs_submit .actions {
    padding: 0 8px 0 0;
    margin: 15px 0 0 0; }
    .preferred-benefits .preferred-program-form form .hs_submit .actions input {
      width: 100%;
      padding: 0;
      height: 45px;
      background: #f1411d;
      border: none;
      border-radius: 0;
      text-shadow: none;
      text-transform: uppercase;
      font-weight: bold;
      box-shadow: none;
      outline: none; }
      .preferred-benefits .preferred-program-form form .hs_submit .actions input:focus {
        box-shadow: none;
        background: #333;
        outline: none; }

.preferred-benefits .other-ways-to-get-started {
  background: #f7f7f7;
  max-width: 410px;
  width: 100%;
  border-radius: 5px;
  margin-top: 50px;
  padding: 30px 20px;
  display: inline-block;
  text-align: center;
  margin-bottom: 40px; }
  @media (max-width: 992px) {
    .preferred-benefits .other-ways-to-get-started {
      margin: 30px auto;
      max-width: 530px;
      display: block; } }
  @media (max-width: 576px) {
    .preferred-benefits .other-ways-to-get-started .col-sm-6 {
      margin-bottom: 20px; }
      .preferred-benefits .other-ways-to-get-started .col-sm-6:last-child {
        margin-bottom: 0; } }
  .preferred-benefits .other-ways-to-get-started .title {
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 25px;
    text-align: center; }
  .preferred-benefits .other-ways-to-get-started img {
    float: none;
    display: inline-block;
    margin: -5px 10px 0 0; }
  .preferred-benefits .other-ways-to-get-started a {
    font-size: 15px;
    font-weight: bold;
    color: #38383e;
    text-decoration: none; }
    .preferred-benefits .other-ways-to-get-started a:hover {
      text-decoration: underline; }

.preferred-benefits .more-info {
  max-width: 410px; }
  @media (max-width: 992px) {
    .preferred-benefits .more-info {
      margin: 0 auto;
      max-width: 530px; } }
  .preferred-benefits .more-info p {
    color: #b6b6b6; }

.buyers-program {
  background: #f7f7f7;
  padding: 50px 0;
  text-align: left; }
  .buyers-program .container {
    display: flex;
    align-items: center;
    flex-direction: row;
    justify-content: left; }
    @media (max-width: 992px) {
      .buyers-program .container {
        flex-direction: column; } }
  .buyers-program .content {
    flex-direction: column;
    justify-content: left;
    align-self: center; }
    .buyers-program .content .title {
      font-size: 25px;
      font-weight: bold;
      margin-bottom: 20px; }
      @media (max-width: 992px) {
        .buyers-program .content .title {
          font-size: 20px;
          margin-bottom: 15px;
          margin-top: 20px; } }
    .buyers-program .content .button {
      margin-top: 25px;
      min-width: 180px; }

.preferred-brands {
  padding: 100px 0; }
  @media (max-width: 992px) {
    .preferred-brands {
      padding: 50px 0; } }
  .preferred-brands .title {
    text-align: center;
    font-weight: bold;
    font-size: 25px;
    margin-bottom: 40px; }
    @media (max-width: 992px) {
      .preferred-brands .title {
        font-size: 20px; } }
  .preferred-brands ul {
    margin: 0;
    padding: 0;
    text-align: center;
    margin: 0 auto;
    max-width: 1260px; }
    @media (max-width: 992px) {
      .preferred-brands ul {
        display: none; } }
    .preferred-brands ul li {
      display: inline-block;
      margin: 0 25px 25px; }
      @media (max-width: 768px) {
        .preferred-brands ul li {
          margin: 0 0 30px;
          width: 50%; } }
      @media (max-width: 576px) {
        .preferred-brands ul li {
          width: 100%; } }
  .preferred-brands .preferred-purchasing-carousel {
    display: none; }
    @media (max-width: 992px) {
      .preferred-brands .preferred-purchasing-carousel {
        display: block; }
        .preferred-brands .preferred-purchasing-carousel .slick-slide {
          display: inline-block; }
          .preferred-brands .preferred-purchasing-carousel .slick-slide img {
            width: auto;
            margin: 0 auto; }
        .preferred-brands .preferred-purchasing-carousel .slick-next {
          right: -15px;
          outline: none; }
        .preferred-brands .preferred-purchasing-carousel .slick-prev {
          left: -15px;
          outline: none; } }
  .preferred-brands .review {
    width: 100%;
    max-width: 760px;
    margin: 100px auto 0; }
    @media (max-width: 576px) {
      .preferred-brands .review {
        margin: 50px auto 0; } }
    .preferred-brands .review .featured-img {
      float: left;
      margin: 0 40px 0 0; }
      @media (max-width: 576px) {
        .preferred-brands .review .featured-img {
          max-width: 100%;
          display: inline-block;
          width: 100%;
          margin: 0;
          text-align: center; } }
    .preferred-brands .review p span {
      display: inline-block;
      color: #222;
      font-weight: 500;
      margin-top: 15px; }

.preferred-faq {
  padding: 100px 0;
  background: #f7f7f7; }
  @media (max-width: 992px) {
    .preferred-faq {
      padding: 50px 0; } }
  .preferred-faq .title {
    text-align: center;
    font-weight: bold;
    font-size: 25px;
    margin-bottom: 30px; }
    @media (max-width: 992px) {
      .preferred-faq .title {
        font-size: 20px;
        margin-bottom: 15px; } }

.onsite-covid-testing .bold {
  font-weight: bold; }

.onsite-covid-testing .blue {
  color: #00b9e4; }

.onsite-covid-testing .sub-heading,
.onsite-covid-testing .sub-heading span {
  font-size: 23px; }

.onsite-covid-testing .sub-heading {
  color: #00b9e4;
  font-style: italic;
  margin-bottom: 0.5rem; }

.onsite-covid-testing h1 {
  font-size: 38px;
  margin-top: 0;
  margin-bottom: 4rem;
  line-height: 1.2; }

.onsite-covid-testing h2 {
  font-size: 28px; }

.onsite-covid-testing h1,
.onsite-covid-testing h2,
.onsite-covid-testing h3 {
  font-weight: bold; }

.onsite-covid-testing .hero {
  padding: 70px 0; }
  .onsite-covid-testing .hero .container > div:first-child {
    padding-right: 50px; }
  .onsite-covid-testing .hero .container > div:last-child {
    text-align: right; }
    .onsite-covid-testing .hero .container > div:last-child > img {
      width: 100%;
      box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);
      max-height: 436px;
      object-fit: cover; }
    @media (max-width: 767px) {
      .onsite-covid-testing .hero .container > div:last-child {
        margin-top: 3rem; } }
    @media (max-width: 575px) {
      .onsite-covid-testing .hero .container > div:last-child .row div + div {
        margin-top: 20px; } }
    @media (min-width: 768px) and (max-width: 991px) {
      .onsite-covid-testing .hero .container > div:last-child .row div + div {
        margin-top: 20px; } }
  .onsite-covid-testing .hero .block-content > p:first-child,
  .onsite-covid-testing .hero .contact-us p {
    font-size: 18px; }
  .onsite-covid-testing .hero .button {
    margin-top: 2rem;
    height: 49px;
    width: 247px;
    line-height: 49px;
    padding: 0; }
  .onsite-covid-testing .hero .contact-us {
    background: #f5f5f5;
    margin-top: 30px;
    display: inline-block;
    padding: 20px 20px 30px;
    text-align: center;
    border-radius: 4px; }
    .onsite-covid-testing .hero .contact-us p,
    .onsite-covid-testing .hero .contact-us a {
      font-weight: bold;
      color: #38383e; }
    .onsite-covid-testing .hero .contact-us a {
      font-size: 15px;
      padding-left: 10px; }
      .onsite-covid-testing .hero .contact-us a:hover {
        text-decoration: underline; }

.onsite-covid-testing .services-offered {
  background: url("https://cdn11.bigcommerce.com/s-8mji1/product_images/uploaded_images/onsite-covid-testing-services-bg.png?t=1621260963");
  background-size: cover;
  background-repeat: no-repeat;
  text-align: center;
  padding-top: 40px; }
  @media (min-width: 768px) {
    .onsite-covid-testing .services-offered {
      height: 513px; } }
  @media (max-width: 767px) {
    .onsite-covid-testing .services-offered .container > div + div {
      margin: 3rem 0; } }
  .onsite-covid-testing .services-offered h2,
  .onsite-covid-testing .services-offered h3 {
    color: #fff; }
  .onsite-covid-testing .services-offered h2 {
    margin-bottom: 5rem; }
  .onsite-covid-testing .services-offered .service-card {
    text-align: left; }
  .onsite-covid-testing .services-offered .service-body {
    background: #fff;
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.1); }
  @media (min-width: 1440px) {
    .onsite-covid-testing .services-offered .standard-test {
      padding: 0 25px 0 75px; }
    .onsite-covid-testing .services-offered .rapid-test {
      padding: 0 75px 0 25px; } }
  .onsite-covid-testing .services-offered .standard-test .service-heading {
    background: #38383e; }
  .onsite-covid-testing .services-offered .rapid-test .service-heading {
    background: #68686f; }
  .onsite-covid-testing .services-offered .service-heading,
  .onsite-covid-testing .services-offered .service-body {
    padding: 30px; }
  .onsite-covid-testing .services-offered .service-heading {
    border-radius: 4px 4px 0 0; }
  .onsite-covid-testing .services-offered .service-body {
    border-radius: 0 0 4px 4px; }
  .onsite-covid-testing .services-offered h3 {
    margin: 0; }
  .onsite-covid-testing .services-offered em {
    color: #00b9e4;
    font-size: 18px; }
  .onsite-covid-testing .services-offered ul {
    font-weight: bold;
    font-size: 14px;
    list-style-type: disc;
    list-style-position: inside;
    line-height: 2; }

.onsite-covid-testing .hubspot-form {
  padding-top: 3rem;
  text-align: center;
  background: #f5f5f5;
  height: 730px;
  margin-bottom: 950px; }
  @media (min-width: 768px) {
    .onsite-covid-testing .hubspot-form {
      padding-top: 500px; } }
  @media (min-width: 992px) {
    .onsite-covid-testing .hubspot-form {
      padding-top: 300px; } }
  @media (min-width: 768px) and (max-width: 991px) {
    .onsite-covid-testing .hubspot-form {
      margin-bottom: 1200px; } }
  .onsite-covid-testing .hubspot-form h2 {
    margin-bottom: 2rem; }
  .onsite-covid-testing .hubspot-form .form-container {
    max-width: 600px;
    margin: 60px auto 0;
    background: #fff;
    padding: 40px 35px 20px;
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);
    border-radius: 4px; }
    @media (min-width: 768px) {
      .onsite-covid-testing .hubspot-form .form-container {
        padding: 40px 70px 20px; } }
  .onsite-covid-testing .hubspot-form .hbspt-form,
  .onsite-covid-testing .hubspot-form .hs-form-iframe {
    width: 100% !important; }

.landing-page .haiku-uvc-for-education-page .content-section img, .landing-page .covid-relief-page .content-section img {
  width: auto; }
  @media (min-width: 768px) {
    .landing-page .haiku-uvc-for-education-page .content-section img, .landing-page .covid-relief-page .content-section img {
      width: 100%; } }

.landing-page .haiku-uvc-for-education-page .hero-section, .landing-page .covid-relief-page .hero-section {
  margin: 0;
  padding: 75px 0 150px;
  background: url("https://cdn11.bigcommerce.com/s-8mji1/product_images/uploaded_images/haiku-hero.png?t=1623356905");
  background-size: cover;
  text-align: center;
  position: relative; }
  @media (min-width: 576px) {
    .landing-page .haiku-uvc-for-education-page .hero-section, .landing-page .covid-relief-page .hero-section {
      padding: 175px 0 150px; } }
  @media (min-width: 1200px) {
    .landing-page .haiku-uvc-for-education-page .hero-section, .landing-page .covid-relief-page .hero-section {
      padding: 350px 0 150px; } }
  .landing-page .haiku-uvc-for-education-page .hero-section .background-figcaption, .landing-page .covid-relief-page .hero-section .background-figcaption {
    position: absolute;
    bottom: 50px;
    left: 0;
    right: 0;
    margin: 0 auto;
    color: #f7f7f7;
    font-style: italic; }
  .landing-page .haiku-uvc-for-education-page .hero-section .sub-heading,
  .landing-page .haiku-uvc-for-education-page .hero-section p, .landing-page .covid-relief-page .hero-section .sub-heading,
  .landing-page .covid-relief-page .hero-section p {
    font-weight: 100; }
  .landing-page .haiku-uvc-for-education-page .hero-section .sub-heading, .landing-page .covid-relief-page .hero-section .sub-heading {
    margin-bottom: 5px; }
  .landing-page .haiku-uvc-for-education-page .hero-section .sub-heading,
  .landing-page .haiku-uvc-for-education-page .hero-section .page-heading, .landing-page .covid-relief-page .hero-section .sub-heading,
  .landing-page .covid-relief-page .hero-section .page-heading {
    font-family: "paralucent"; }
  .landing-page .haiku-uvc-for-education-page .hero-section .page-heading,
  .landing-page .haiku-uvc-for-education-page .hero-section p, .landing-page .covid-relief-page .hero-section .page-heading,
  .landing-page .covid-relief-page .hero-section p {
    color: #fff; }
  .landing-page .haiku-uvc-for-education-page .hero-section .page-heading, .landing-page .covid-relief-page .hero-section .page-heading {
    line-height: 1.2;
    margin-bottom: 50px; }
  .landing-page .haiku-uvc-for-education-page .hero-section strong, .landing-page .covid-relief-page .hero-section strong {
    font-size: 18px; }
  .landing-page .haiku-uvc-for-education-page .hero-section p, .landing-page .covid-relief-page .hero-section p {
    margin-bottom: 30px; }
  .landing-page .haiku-uvc-for-education-page .hero-section .heading-container, .landing-page .covid-relief-page .hero-section .heading-container {
    max-width: 900px; }
  .landing-page .haiku-uvc-for-education-page .hero-section .text-container, .landing-page .covid-relief-page .hero-section .text-container {
    max-width: 780px; }
  .landing-page .haiku-uvc-for-education-page .hero-section .heading-container,
  .landing-page .haiku-uvc-for-education-page .hero-section .text-container, .landing-page .covid-relief-page .hero-section .heading-container,
  .landing-page .covid-relief-page .hero-section .text-container {
    margin: 0 auto; }

.landing-page .haiku-uvc-for-education-page #what, .landing-page .covid-relief-page #what {
  padding-bottom: 0; }
  .landing-page .haiku-uvc-for-education-page #what img, .landing-page .covid-relief-page #what img {
    padding-top: 20px; }

.landing-page .haiku-uvc-for-education-page #how, .landing-page .covid-relief-page #how {
  padding: 0; }
  .landing-page .haiku-uvc-for-education-page #how a, .landing-page .covid-relief-page #how a {
    display: block;
    position: relative;
    margin-top: 40px; }
  .landing-page .haiku-uvc-for-education-page #how figure,
  .landing-page .haiku-uvc-for-education-page #how img, .landing-page .covid-relief-page #how figure,
  .landing-page .covid-relief-page #how img {
    margin: 0; }
  .landing-page .haiku-uvc-for-education-page #how figcaption, .landing-page .covid-relief-page #how figcaption {
    text-align: center;
    font-size: 1rem;
    font-style: italic;
    position: absolute;
    left: 0;
    right: 0;
    margin-top: 20px; }

.landing-page .haiku-uvc-for-education-page #banner, .landing-page .covid-relief-page #banner {
  background: url("https://cdn11.bigcommerce.com/s-8mji1/product_images/uploaded_images/zogics-haiku-bg-02.jpg?t=1623425436");
  background-size: cover;
  padding: 50px 0 350px;
  margin-top: 130px; }
  @media (min-width: 992px) {
    .landing-page .haiku-uvc-for-education-page #banner, .landing-page .covid-relief-page #banner {
      padding: 75px 0 525px; } }
  @media (min-width: 1440px) {
    .landing-page .haiku-uvc-for-education-page #banner, .landing-page .covid-relief-page #banner {
      padding: 100px 0 700px; } }
  .landing-page .haiku-uvc-for-education-page #banner p, .landing-page .covid-relief-page #banner p {
    color: #fff; }
  .landing-page .haiku-uvc-for-education-page #banner p,
  .landing-page .haiku-uvc-for-education-page #banner p span, .landing-page .covid-relief-page #banner p,
  .landing-page .covid-relief-page #banner p span {
    font-size: 20px; }
  .landing-page .haiku-uvc-for-education-page #banner .blue, .landing-page .covid-relief-page #banner .blue {
    color: #00b9e4; }

.landing-page .haiku-uvc-for-education-page #product, .landing-page .covid-relief-page #product {
  padding: 0;
  margin-bottom: -100px; }
  .landing-page .haiku-uvc-for-education-page #product .inner-content, .landing-page .covid-relief-page #product .inner-content {
    position: relative;
    top: -100px; }
  .landing-page .haiku-uvc-for-education-page #product figcaption, .landing-page .covid-relief-page #product figcaption {
    font-style: italic;
    font-size: 1rem;
    text-align: center;
    max-width: 900px;
    margin: 0 auto; }
  .landing-page .haiku-uvc-for-education-page #product .brand-name, .landing-page .covid-relief-page #product .brand-name {
    color: #bebebe;
    font-size: 12px;
    text-transform: uppercase; }
  .landing-page .haiku-uvc-for-education-page #product .product-name, .landing-page .covid-relief-page #product .product-name {
    font-weight: bold;
    font-size: 16px; }
  .landing-page .haiku-uvc-for-education-page #product .image-container, .landing-page .covid-relief-page #product .image-container {
    border: 1px solid #bebebe;
    max-width: 310px;
    max-height: 310px; }
  .landing-page .haiku-uvc-for-education-page #product ul,
  .landing-page .haiku-uvc-for-education-page #product li, .landing-page .covid-relief-page #product ul,
  .landing-page .covid-relief-page #product li {
    margin: 0;
    line-height: 1.75;
    list-style-position: inside;
    font-size: 14px; }
  .landing-page .haiku-uvc-for-education-page #product ul, .landing-page .covid-relief-page #product ul {
    margin-top: 41px; }
  .landing-page .haiku-uvc-for-education-page #product .button, .landing-page .covid-relief-page #product .button {
    float: none;
    margin-top: 30px; }

.landing-page .haiku-uvc-for-education-page #blockquote, .landing-page .covid-relief-page #blockquote {
  background: url("https://cdn11.bigcommerce.com/s-8mji1/product_images/uploaded_images/haiku-gradient-bg.png?t=1623420451");
  background-size: cover;
  margin-top: 100px;
  padding: 40px 0; }
  @media (min-width: 768px) {
    .landing-page .haiku-uvc-for-education-page #blockquote .inner-content, .landing-page .covid-relief-page #blockquote .inner-content {
      display: flex;
      align-items: center; } }
  .landing-page .haiku-uvc-for-education-page #blockquote blockquote,
  .landing-page .haiku-uvc-for-education-page #blockquote p, .landing-page .covid-relief-page #blockquote blockquote,
  .landing-page .covid-relief-page #blockquote p {
    color: #fff; }
  .landing-page .haiku-uvc-for-education-page #blockquote blockquote, .landing-page .covid-relief-page #blockquote blockquote {
    font-size: 20px;
    line-height: 2;
    max-width: 660px; }
  .landing-page .haiku-uvc-for-education-page #blockquote p, .landing-page .covid-relief-page #blockquote p {
    font-style: italic;
    font-size: 16px;
    margin-top: 10px; }

.landing-page .haiku-uvc-for-education-page #keep-safe, .landing-page .covid-relief-page #keep-safe {
  background: #f7f7f7;
  padding-bottom: 150px;
  margin-bottom: 75px; }
  @media (min-width: 576px) {
    .landing-page .haiku-uvc-for-education-page #keep-safe, .landing-page .covid-relief-page #keep-safe {
      padding-bottom: 200px;
      margin-bottom: 125px; } }
  @media (min-width: 992px) {
    .landing-page .haiku-uvc-for-education-page #keep-safe, .landing-page .covid-relief-page #keep-safe {
      padding-bottom: 300px;
      margin-bottom: 150px; } }
  @media (min-width: 1440px) {
    .landing-page .haiku-uvc-for-education-page #keep-safe, .landing-page .covid-relief-page #keep-safe {
      padding-bottom: 400px;
      margin-bottom: 250px; } }
  .landing-page .haiku-uvc-for-education-page #keep-safe .image-container, .landing-page .covid-relief-page #keep-safe .image-container {
    position: relative;
    margin-top: 40px; }
    .landing-page .haiku-uvc-for-education-page #keep-safe .image-container img, .landing-page .covid-relief-page #keep-safe .image-container img {
      position: absolute;
      box-shadow: -5px 10px 20px rgba(0, 0, 0, 0.2); }

.landing-page .haiku-uvc-for-education-page #federal-funding .row-title, .landing-page .covid-relief-page #federal-funding .row-title {
  font-weight: bold;
  font-size: 17px; }

.landing-page .haiku-uvc-for-education-page #federal-funding .row + .row, .landing-page .covid-relief-page #federal-funding .row + .row {
  margin-top: 40px; }

.landing-page .haiku-uvc-for-education-page #federal-funding .image-container, .landing-page .covid-relief-page #federal-funding .image-container {
  position: relative;
  display: inline-block; }
  .landing-page .haiku-uvc-for-education-page #federal-funding .image-container span, .landing-page .covid-relief-page #federal-funding .image-container span {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff;
    font-size: 25px;
    text-align: center;
    font-weight: 500;
    line-height: 1;
    padding-top: 10px; }

.landing-page .haiku-uvc-for-education-page #request-quote, .landing-page .covid-relief-page #request-quote {
  background: #f7f7f7;
  margin-top: 250px; }
  .landing-page .haiku-uvc-for-education-page #request-quote img, .landing-page .covid-relief-page #request-quote img {
    margin: 0; }
  .landing-page .haiku-uvc-for-education-page #request-quote .inner-content > .image-container, .landing-page .covid-relief-page #request-quote .inner-content > .image-container {
    position: relative;
    top: -250px;
    margin-bottom: -200px; }
    .landing-page .haiku-uvc-for-education-page #request-quote .inner-content > .image-container > img, .landing-page .covid-relief-page #request-quote .inner-content > .image-container > img {
      display: none; }
    .landing-page .haiku-uvc-for-education-page #request-quote .inner-content > .image-container .image-container img, .landing-page .covid-relief-page #request-quote .inner-content > .image-container .image-container img {
      box-shadow: -5px 10px 20px rgba(0, 0, 0, 0.2); }
    .landing-page .haiku-uvc-for-education-page #request-quote .inner-content > .image-container p, .landing-page .covid-relief-page #request-quote .inner-content > .image-container p {
      font-style: italic; }
    @media (min-width: 768px) {
      .landing-page .haiku-uvc-for-education-page #request-quote .inner-content > .image-container, .landing-page .covid-relief-page #request-quote .inner-content > .image-container {
        box-shadow: -5px 10px 20px rgba(0, 0, 0, 0.2); }
        .landing-page .haiku-uvc-for-education-page #request-quote .inner-content > .image-container > img, .landing-page .covid-relief-page #request-quote .inner-content > .image-container > img {
          display: inline-block; }
        .landing-page .haiku-uvc-for-education-page #request-quote .inner-content > .image-container .image-container, .landing-page .covid-relief-page #request-quote .inner-content > .image-container .image-container {
          position: absolute;
          top: 0;
          left: 0;
          bottom: 0;
          right: 35%; }
          .landing-page .haiku-uvc-for-education-page #request-quote .inner-content > .image-container .image-container img, .landing-page .covid-relief-page #request-quote .inner-content > .image-container .image-container img {
            height: 100%;
            object-fit: cover;
            box-shadow: none; }
        .landing-page .haiku-uvc-for-education-page #request-quote .inner-content > .image-container p, .landing-page .covid-relief-page #request-quote .inner-content > .image-container p {
          position: absolute;
          bottom: 0;
          right: 0;
          width: 35%;
          padding: 30px;
          color: #fff;
          font-size: 20px;
          line-height: 1.5;
          font-weight: 500;
          font-style: normal; } }
  .landing-page .haiku-uvc-for-education-page #request-quote .button, .landing-page .covid-relief-page #request-quote .button {
    float: none;
    margin-top: 30px; }

.landing-page .haiku-uvc-for-education-page #resources, .landing-page .covid-relief-page #resources {
  background: none;
  margin-bottom: 6rem; }
  .landing-page .haiku-uvc-for-education-page #resources a img, .landing-page .covid-relief-page #resources a img {
    height: 315px;
    object-fit: cover; }
  .landing-page .haiku-uvc-for-education-page #resources .blog-title,
  .landing-page .haiku-uvc-for-education-page #resources .blog-category, .landing-page .covid-relief-page #resources .blog-title,
  .landing-page .covid-relief-page #resources .blog-category {
    display: block; }
  .landing-page .haiku-uvc-for-education-page #resources .blog-title, .landing-page .covid-relief-page #resources .blog-title {
    font-size: 16px;
    line-height: 2;
    color: #38383e;
    font-weight: bold;
    padding: 0; }
  .landing-page .haiku-uvc-for-education-page #resources .blog-category, .landing-page .covid-relief-page #resources .blog-category {
    color: #00b9e4;
    font-style: italic;
    text-transform: uppercase;
    font-size: 14px;
    text-shadow: 0.1px 0px #00b9e4; }
  .landing-page .haiku-uvc-for-education-page #resources .clearfix, .landing-page .covid-relief-page #resources .clearfix {
    margin: 0 -15px; }

.zogics-club-page {
  padding-bottom: 10px; }
  @media (min-width: 576px) {
    .zogics-club-page .club-overview {
      position: relative;
      top: -150px;
      margin-bottom: -150px; }
      .zogics-club-page .club-overview.locker-overview {
        top: -300px;
        margin-bottom: -300px; } }
  .zogics-club-page .club-overview .clearfix {
    max-width: 1100px;
    margin: 0 auto; }
  .zogics-club-page .club-overview .overview-img-container {
    background: rgba(255, 255, 255, 0);
    z-index: 72;
    margin: 60px auto 40px;
    vertical-align: top; }
    .zogics-club-page .club-overview .overview-img-container .link-container {
      max-width: 220px;
      margin: 15px auto;
      text-align: center;
      display: flex;
      justify-content: space-between;
      text-align: left; }
      .zogics-club-page .club-overview .overview-img-container .link-container:nth-child(3) {
        margin: 15px auto; }
      .zogics-club-page .club-overview .overview-img-container .link-container .learn-more {
        text-transform: none;
        font-size: 18px; }
    .zogics-club-page .club-overview .overview-img-container.locker-container {
      padding-left: 0.75rem;
      padding-right: 0.75rem;
      width: 100%;
      float: left;
      padding: 0 30px; }
      @media (min-width: 992px) {
        .zogics-club-page .club-overview .overview-img-container.locker-container {
          padding-left: 0.75rem;
          padding-right: 0.75rem;
          width: 50%;
          float: left;
          padding: 0 30px; } }
      .zogics-club-page .club-overview .overview-img-container.locker-container .blue-overlay {
        margin-bottom: 4rem; }
        .zogics-club-page .club-overview .overview-img-container.locker-container .blue-overlay:hover .image-container:before {
          opacity: 0.9; }
      .zogics-club-page .club-overview .overview-img-container.locker-container .image-container {
        position: relative; }
        .zogics-club-page .club-overview .overview-img-container.locker-container .image-container:before {
          content: "";
          position: absolute;
          top: 0;
          left: 0;
          right: 0;
          bottom: 0;
          border-radius: 100%;
          background: #00b9e4;
          opacity: 0;
          transition: all 0.3s ease 0s; }
      .zogics-club-page .club-overview .overview-img-container.locker-container h2 {
        font-weight: bolder;
        font-size: 30px;
        position: relative;
        margin-top: 45px; }
        @media (min-width: 576px) {
          .zogics-club-page .club-overview .overview-img-container.locker-container h2 {
            font-size: 40px;
            margin-top: 90px; } }
        .zogics-club-page .club-overview .overview-img-container.locker-container h2:after {
          position: absolute;
          content: "";
          width: 45px;
          height: 3px;
          background: #00b9e4;
          bottom: 0;
          left: 0;
          right: 0;
          display: flex;
          margin: 0 auto; }
          @media (min-width: 992px) {
            .zogics-club-page .club-overview .overview-img-container.locker-container h2:after {
              width: 90px; } }
      .zogics-club-page .club-overview .overview-img-container.locker-container p {
        line-height: 2; }
    @media (min-width: 576px) {
      .zogics-club-page .club-overview .overview-img-container {
        padding-left: 0.75rem;
        padding-right: 0.75rem;
        width: 50%;
        float: left; } }
    @media (min-width: 992px) {
      .zogics-club-page .club-overview .overview-img-container {
        padding-left: 0.75rem;
        padding-right: 0.75rem;
        width: 33.33333%;
        float: left; } }
    .zogics-club-page .club-overview .overview-img-container :nth-child(3) {
      margin-right: 0; }
    .zogics-club-page .club-overview .overview-img-container > a:first-child {
      display: block;
      margin-bottom: 2rem; }
    .zogics-club-page .club-overview .overview-img-container a.learn-more {
      color: #000;
      text-transform: uppercase;
      text-decoration: underline;
      font-weight: 600;
      font-size: 14px; }
    .zogics-club-page .club-overview .overview-img-container .chevron {
      color: #ea3a02;
      font-weight: 700; }
    .zogics-club-page .club-overview .overview-img-container h2 {
      margin: 0 auto; }
    .zogics-club-page .club-overview .overview-img-container p {
      margin-bottom: 1rem; }
    .zogics-club-page .club-overview .overview-img-container img {
      object-fit: cover;
      box-shadow: -5px 10px 20px rgba(0, 0, 0, 0.2);
      width: 250px;
      height: 250px;
      overflow: hidden;
      border-style: none;
      border-radius: 50%;
      border: 0; }
      .zogics-club-page .club-overview .overview-img-container img.locker-img {
        width: auto;
        height: auto; }
    .zogics-club-page .club-overview .overview-img-container .image-container {
      position: relative; }
    .zogics-club-page .club-overview .overview-img-container .jump-link {
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      display: flex;
      justify-content: center;
      align-items: center;
      max-width: 250px;
      color: #fff;
      padding: 0 25px;
      font-weight: 700;
      margin-left: auto;
      margin-right: auto;
      text-align: center; }
      .zogics-club-page .club-overview .overview-img-container .jump-link.locker-jump-link {
        max-width: none; }
        @media (min-width: 576px) {
          .zogics-club-page .club-overview .overview-img-container .jump-link.locker-jump-link {
            max-width: 400px; } }
        .zogics-club-page .club-overview .overview-img-container .jump-link.locker-jump-link p {
          font-size: 16px;
          margin-top: 15px; }
        @media (max-width: 992px) {
          .zogics-club-page .club-overview .overview-img-container .jump-link.locker-jump-link h2 {
            font-size: 14px; } }
      .zogics-club-page .club-overview .overview-img-container .jump-link p {
        font-size: 25px;
        line-height: 1.2; }
      .zogics-club-page .club-overview .overview-img-container .jump-link a {
        text-decoration: underline;
        text-transform: uppercase;
        color: #fff;
        font-size: 15px; }
      .zogics-club-page .club-overview .overview-img-container .jump-link .chevron {
        color: #fff;
        margin-left: 5px; }
  @media (max-width: 992px) {
    .zogics-club-page .club-overview {
      padding: 40px 0; }
      .zogics-club-page .club-overview .overview-img-container {
        margin: 40px auto; } }
  .zogics-club-page .hero-container {
    height: 200px;
    background-repeat: no-repeat;
    background-size: cover;
    display: flex;
    justify-self: center;
    align-items: center;
    padding: 0 20px; }
    .zogics-club-page .hero-container.locker-hero {
      height: 480px; }
      @media (min-width: 576px) {
        .zogics-club-page .hero-container.locker-hero {
          height: 650px; } }
      .zogics-club-page .hero-container.locker-hero > div {
        margin: 0 auto; }
        @media (min-width: 576px) {
          .zogics-club-page .hero-container.locker-hero > div {
            margin-top: -150px; } }
    @media (min-width: 576px) {
      .zogics-club-page .hero-container {
        height: 320px; } }
    .zogics-club-page .hero-container img {
      margin: 0 auto; }
      @media (min-width: 576px) {
        .zogics-club-page .hero-container img {
          margin: -60px auto 0; } }
  .zogics-club-page .cus-lock-sys {
    background: #f5f5f5;
    display: flex;
    margin: 0 auto;
    padding: 60px 0; }
    @media (min-width: 992px) {
      .zogics-club-page .cus-lock-sys {
        padding: 120px 0; } }
    .zogics-club-page .cus-lock-sys.locker-lock-system {
      background: none;
      padding-top: 0; }
    @media (min-width: 992px) {
      .zogics-club-page .cus-lock-sys .locker-sys-sec {
        display: flex;
        justify-content: center;
        align-items: center; } }
    .zogics-club-page .cus-lock-sys .lock-sys-label {
      padding-top: 100px;
      text-align: center; }
      .zogics-club-page .cus-lock-sys .lock-sys-label.clearfix {
        width: 100%; }
      .zogics-club-page .cus-lock-sys .lock-sys-label .sys-container {
        padding: 20px 0; }
        @media (min-width: 576px) {
          .zogics-club-page .cus-lock-sys .lock-sys-label .sys-container {
            padding-left: 0.75rem;
            padding-right: 0.75rem;
            width: 33.33333%;
            float: left;
            padding-top: 0;
            padding-bottom: 0; } }
    @media (min-width: 992px) {
      .zogics-club-page .cus-lock-sys .cus-desc {
        padding-left: 0.75rem;
        padding-right: 0.75rem;
        width: 50%;
        float: left;
        padding-right: 50px; } }
    .zogics-club-page .cus-lock-sys .cus-desc p {
      font-size: 15px; }
    .zogics-club-page .cus-lock-sys .cus-desc .sys-container {
      display: flex;
      width: auto;
      align-items: center;
      padding: 10px 0; }
      .zogics-club-page .cus-lock-sys .cus-desc .sys-container .sys-img {
        width: 55px;
        height: 55px; }
      .zogics-club-page .cus-lock-sys .cus-desc .sys-container p {
        line-height: normal;
        margin-bottom: 0;
        font-weight: 600;
        margin-left: 20px; }
        @media (max-width: 992px) {
          .zogics-club-page .cus-lock-sys .cus-desc .sys-container p {
            text-align: left !important; } }
    @media (max-width: 992px) {
      .zogics-club-page .cus-lock-sys .cus-desc {
        margin-right: 0; }
        .zogics-club-page .cus-lock-sys .cus-desc h2 {
          text-align: center !important; }
        .zogics-club-page .cus-lock-sys .cus-desc p {
          width: 100%;
          text-align: center;
          margin-right: 0; } }
    .zogics-club-page .cus-lock-sys .cus-img img {
      margin: 40px auto 0;
      display: block; }
      @media (min-width: 992px) {
        .zogics-club-page .cus-lock-sys .cus-img img {
          margin: 0; } }
    @media (min-width: 992px) {
      .zogics-club-page .cus-lock-sys .cus-img {
        padding-left: 0.75rem;
        padding-right: 0.75rem;
        width: 50%;
        float: left;
        padding-right: 50px; } }
  .zogics-club-page .img-banner-section {
    display: flex;
    width: 100%; }
    .zogics-club-page .img-banner-section .background-image {
      width: 33.3%; }
    @media (max-width: 992px) {
      .zogics-club-page .img-banner-section {
        flex-direction: column; }
        .zogics-club-page .img-banner-section .background-image {
          width: 100%; } }
  .zogics-club-page .start-finance {
    background: #f2fbfe;
    padding-top: 50px; }
    .zogics-club-page .start-finance h2 {
      max-width: none; }
    .zogics-club-page .start-finance .cus-img {
      margin-top: 20px;
      position: relative;
      text-align: center; }
      @media (max-width: 992px) {
        .zogics-club-page .start-finance .cus-img {
          padding-left: 0.75rem;
          padding-right: 0.75rem;
          width: 100%;
          float: left;
          padding-top: 40px;
          padding-bottom: 40px; }
          .zogics-club-page .start-finance .cus-img .finance-label {
            margin: 0;
            top: 0px;
            left: 0;
            right: 0;
            margin: 0 auto;
            border-radius: 50%;
            border: none;
            background-color: #f5f5f5;
            position: absolute; } }
      @media (min-width: 992px) {
        .zogics-club-page .start-finance .cus-img {
          padding: 60px 0;
          padding-left: 0.75rem;
          padding-right: 0.75rem;
          width: 50%;
          float: left; }
          .zogics-club-page .start-finance .cus-img img {
            margin-bottom: -120px;
            box-shadow: -5px 10px 20px rgba(0, 0, 0, 0.2); }
            .zogics-club-page .start-finance .cus-img img.finance-label {
              margin: 0;
              top: 20px;
              right: 140px;
              border-radius: 50%;
              border: none;
              background-color: #f5f5f5;
              position: absolute; } }
    .zogics-club-page .start-finance .cus-desc {
      padding-top: 60px;
      padding-bottom: 30px; }
      @media (max-width: 992px) {
        .zogics-club-page .start-finance .cus-desc {
          text-align: center;
          max-width: 80%;
          margin: 0 auto !important; }
          .zogics-club-page .start-finance .cus-desc h2 {
            text-align: center !important; }
          .zogics-club-page .start-finance .cus-desc p {
            width: 100%; } }
      @media (min-width: 992px) {
        .zogics-club-page .start-finance .cus-desc {
          padding-left: 0.75rem;
          padding-right: 0.75rem;
          width: 50%;
          float: left; } }
  .zogics-club-page .guide-section {
    background-color: #f5f5f5;
    padding: 6rem 15px;
    margin: 0 auto; }
    .zogics-club-page .guide-section h2 + p {
      margin-bottom: 50px; }
    @media (min-width: 1200px) {
      .zogics-club-page .guide-section.locker-guide-section {
        padding-top: 150px; } }
  .zogics-club-page h2 {
    text-align: center;
    font-weight: 700;
    font-size: 2.5rem;
    max-width: 865px;
    margin-left: auto;
    margin-right: auto; }
    @media (min-width: 992px) {
      .zogics-club-page h2 {
        margin-bottom: 3rem; } }

.comparison-page.air-purifier section.intro-container {
  background: #f5f5f5;
  text-align: center;
  padding: 50px 0; }
  .comparison-page.air-purifier section.intro-container h1 {
    text-transform: uppercase;
    font-weight: bold;
    font-family: "paralucent";
    font-size: 38px;
    line-height: 1;
    margin-bottom: 2rem; }

.comparison-page.air-purifier section.comparison-container {
  text-align: center; }
  @media (min-width: 1200px) {
    .comparison-page.air-purifier section.comparison-container .container > div {
      padding: 0 30px; } }
  .comparison-page.air-purifier section.comparison-container .selection-container {
    box-shadow: 0 1px 10px rgba(0, 0, 0, 0.1);
    padding: 25px 0; }
    .comparison-page.air-purifier section.comparison-container .selection-container select {
      max-width: 321px; }
  .comparison-page.air-purifier section.comparison-container .product-container {
    padding-bottom: 150px; }
    .comparison-page.air-purifier section.comparison-container .product-container .main-body figure {
      border-bottom: 1px solid #dddddd;
      padding-bottom: 20px; }
    .comparison-page.air-purifier section.comparison-container .product-container .main-body .image-container {
      height: 200px; }
      @media (min-width: 768px) {
        .comparison-page.air-purifier section.comparison-container .product-container .main-body .image-container {
          height: 400px; } }
    .comparison-page.air-purifier section.comparison-container .product-container .main-body img {
      height: 100%;
      object-fit: cover; }
    .comparison-page.air-purifier section.comparison-container .product-container .main-body span {
      display: block;
      font-weight: bold; }
    .comparison-page.air-purifier section.comparison-container .product-container .main-body .brand {
      font-size: 14px;
      text-transform: uppercase; }
    .comparison-page.air-purifier section.comparison-container .product-container .main-body .title {
      color: #000;
      font-size: 20px;
      min-height: 90px; }
      @media (min-width: 480px) {
        .comparison-page.air-purifier section.comparison-container .product-container .main-body .title {
          min-height: 60px; } }
      @media (min-width: 1200px) {
        .comparison-page.air-purifier section.comparison-container .product-container .main-body .title {
          min-height: auto; } }
    .comparison-page.air-purifier section.comparison-container .product-container .main-body .price {
      font-weight: bold;
      font-size: 16px; }
    .comparison-page.air-purifier section.comparison-container .product-container .main-body .button {
      max-width: 139px;
      width: 100%; }
    .comparison-page.air-purifier section.comparison-container .product-container .divider {
      background: #929292;
      color: #fff;
      text-transform: uppercase;
      border-radius: 4px;
      font-size: 13px;
      font-weight: bolder;
      padding: 2px 0;
      margin-bottom: 15px; }
    .comparison-page.air-purifier section.comparison-container .product-container dl:first-of-type {
      margin-bottom: 50px; }
    .comparison-page.air-purifier section.comparison-container .product-container dl.filters {
      min-height: 475px; }
      @media (min-width: 400px) {
        .comparison-page.air-purifier section.comparison-container .product-container dl.filters {
          min-height: 390px; } }
      @media (min-width: 540px) {
        .comparison-page.air-purifier section.comparison-container .product-container dl.filters {
          min-height: 355px; } }
      @media (min-width: 680px) {
        .comparison-page.air-purifier section.comparison-container .product-container dl.filters {
          min-height: 240px; } }
      @media (min-width: 992px) {
        .comparison-page.air-purifier section.comparison-container .product-container dl.filters {
          min-height: auto; }
          .comparison-page.air-purifier section.comparison-container .product-container dl.filters dd:first-of-type {
            min-height: 125px; }
          .comparison-page.air-purifier section.comparison-container .product-container dl.filters dd:last-of-type {
            min-height: 65px; } }
      @media (min-width: 1440px) {
        .comparison-page.air-purifier section.comparison-container .product-container dl.filters dd:first-of-type {
          min-height: 95px; }
        .comparison-page.air-purifier section.comparison-container .product-container dl.filters dd:last-of-type {
          min-height: auto; } }
    .comparison-page.air-purifier section.comparison-container .product-container dt {
      font-size: 16px;
      font-weight: bold;
      margin-bottom: 0; }
    .comparison-page.air-purifier section.comparison-container .product-container dd {
      font-size: 18px;
      margin-bottom: 35px;
      line-height: 1.75; }

.comparison-page.air-purifier section.explore-container {
  background: url("https://cdn11.bigcommerce.com/s-8mji1/product_images/uploaded_images/air-purifier-comparison-bg.png?t=1626277332");
  background-size: cover; }
  @media (min-width: 768px) {
    .comparison-page.air-purifier section.explore-container {
      height: 348px; } }
  .comparison-page.air-purifier section.explore-container .container {
    text-align: center;
    position: relative;
    top: -50px; }
    @media (min-width: 768px) {
      .comparison-page.air-purifier section.explore-container .container {
        text-align: left;
        position: static;
        display: flex;
        justify-content: center;
        align-items: center; } }
    @media (min-width: 992px) {
      .comparison-page.air-purifier section.explore-container .container {
        position: relative; } }
  @media (min-width: 768px) {
    .comparison-page.air-purifier section.explore-container .image-column {
      display: flex;
      justify-content: flex-end;
      position: relative;
      top: -50px; } }
  @media (min-width: 992px) {
    .comparison-page.air-purifier section.explore-container .image-column {
      position: static;
      padding-right: 50px; } }
  .comparison-page.air-purifier section.explore-container img {
    box-shadow: -5px 10px 20px rgba(0, 0, 0, 0.2);
    border-radius: 100%;
    height: 200px;
    width: auto; }
    @media (min-width: 768px) {
      .comparison-page.air-purifier section.explore-container img {
        height: auto; } }
  .comparison-page.air-purifier section.explore-container .text-column {
    padding-top: 30px; }
    @media (min-width: 992px) {
      .comparison-page.air-purifier section.explore-container .text-column {
        padding-top: 0;
        padding-right: 90px; } }
  .comparison-page.air-purifier section.explore-container h2 {
    margin-top: 0;
    font-size: 20px;
    font-weight: bold; }
  .comparison-page.air-purifier section.explore-container h2,
  .comparison-page.air-purifier section.explore-container p {
    color: #fff;
    line-height: 2; }

.comparison-page.air-purifier .guide-section {
  background: #f5f5f5;
  padding: 150px 15px 100px; }
  .comparison-page.air-purifier .guide-section h2 {
    font-weight: bold;
    margin-bottom: 20px; }
  .comparison-page.air-purifier .guide-section h2 + p {
    margin-bottom: 50px; }

/**************************

01-PAGE HEADER 
02-SIDE BAR 
03-PAGE BODY
    03.1-Typography
    03.2-Content Components

***************************/
.covid-relief-page {
  /* 01-PAGE HEADER */
  /* 02-SIDE BAR */
  /* 03-PAGE BODY */ }
  .covid-relief-page .page-heading-container {
    margin-top: 80px;
    margin-bottom: 50px;
    padding-bottom: 25px;
    box-shadow: 0px 21px 41px -6px rgba(240, 240, 240, 0.76); }
    .covid-relief-page .page-heading-container .page-heading {
      display: flex;
      flex-direction: column;
      align-items: center; }
      .covid-relief-page .page-heading-container .page-heading h1 {
        margin: 0;
        color: #38383e;
        line-height: 100%;
        letter-spacing: 0px;
        font-family: "Paralucent";
        font-weight: bold;
        font-size: 70px; }
        @media screen and (max-width: 992px) {
          .covid-relief-page .page-heading-container .page-heading h1 {
            font-size: 50px; } }
      .covid-relief-page .page-heading-container .page-heading h2 {
        margin: 0;
        margin-bottom: 20px;
        color: #00b9e4;
        line-height: 100%;
        letter-spacing: 0px;
        font-family: 'Paralucent';
        font-weight: 300;
        font-size: 25px; }
        @media screen and (max-width: 992px) {
          .covid-relief-page .page-heading-container .page-heading h2 {
            font-size: 20px; } }
      .covid-relief-page .page-heading-container .page-heading img {
        margin: 45px auto; }
      .covid-relief-page .page-heading-container .page-heading p {
        width: 835px;
        text-align: center;
        letter-spacing: 0px;
        line-height: 31px;
        color: #38383e;
        font-family: "Roboto";
        font-weight: 400;
        font-size: 15px; }
        @media screen and (max-width: 992px) {
          .covid-relief-page .page-heading-container .page-heading p {
            width: 80%; } }
        @media screen and (max-width: 576px) {
          .covid-relief-page .page-heading-container .page-heading p {
            font-size: 14px; } }
  .covid-relief-page .sidebar-contact {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin-top: 43px;
    padding: 12px;
    max-width: 265px;
    word-break: break-word;
    text-align: center; }
    @media screen and (max-width: 576px) {
      .covid-relief-page .sidebar-contact {
        margin-bottom: 40px;
        max-width: initial; } }
    .covid-relief-page .sidebar-contact p {
      width: 100% !important; }
      .covid-relief-page .sidebar-contact p:nth-child(1) {
        margin-bottom: 10px !important;
        line-height: 22px;
        font-family: "Roboto";
        font-weight: 700;
        font-size: 15px; }
      .covid-relief-page .sidebar-contact p:nth-child(2) {
        margin-bottom: 25px !important;
        line-height: 20px;
        word-break: break-word;
        font-size: 12px; }
    .covid-relief-page .sidebar-contact div {
      width: 100%; }
      .covid-relief-page .sidebar-contact div a {
        width: 100%; }
  .covid-relief-page .fixed-contact {
    position: fixed;
    top: 380px;
    width: 265px; }
    @media (max-width: 1140px) {
      .covid-relief-page .fixed-contact {
        width: 230px; } }
    @media (max-width: 991px) {
      .covid-relief-page .fixed-contact {
        position: relative;
        width: 100%;
        top: auto; } }
  .covid-relief-page .page-body {
    /* 03.1-Typography */
    /* 03.2-Content Components */ }
    .covid-relief-page .page-body h2 {
      margin-bottom: 40px !important;
      color: #38383e !important;
      line-height: 27px;
      font-family: "Roboto";
      font-weight: 700 !important;
      font-size: 30px !important; }
      @media screen and (max-width: 576px) {
        .covid-relief-page .page-body h2 {
          margin-bottom: 20px !important;
          font-size: 18px !important; } }
    .covid-relief-page .page-body p {
      margin: 0 !important;
      margin-bottom: 40px !important;
      width: 960px;
      color: #38383e;
      line-height: 27px;
      font-family: "Roboto";
      font-weight: 400;
      font-size: 15px; }
      @media screen and (max-width: 576px) {
        .covid-relief-page .page-body p {
          font-size: 14px !important; } }
    .covid-relief-page .page-body .content-section {
      padding: 50px 0 32px !important; }
      @media screen and (max-width: 768px) {
        .covid-relief-page .page-body .content-section {
          padding: 50px 0 0 !important; } }
      @media screen and (max-width: 576px) {
        .covid-relief-page .page-body .content-section {
          padding: 20px 0 0 !important; } }
      .covid-relief-page .page-body .content-section .inner-content.mt-70 {
        margin-top: 70px; }
        @media screen and (max-width: 576px) {
          .covid-relief-page .page-body .content-section .inner-content.mt-70 {
            margin-top: 50px; } }
      .covid-relief-page .page-body .content-section .inner-content:first-child {
        margin-top: 0; }
      .covid-relief-page .page-body .content-section .inner-content {
        margin-top: 70px; }
        .covid-relief-page .page-body .content-section .inner-content p {
          margin: 0 !important;
          width: 100%; }
        .covid-relief-page .page-body .content-section .inner-content ul {
          margin-top: 0 !important;
          line-height: 27px; }
          @media screen and (max-width: 576px) {
            .covid-relief-page .page-body .content-section .inner-content ul {
              margin-left: 3rem; } }
          .covid-relief-page .page-body .content-section .inner-content ul li {
            margin: 0 !important; }
        .covid-relief-page .page-body .content-section .inner-content a {
          text-decoration: underline; }
          .covid-relief-page .page-body .content-section .inner-content a:hover {
            text-decoration: none; }
        .covid-relief-page .page-body .content-section .inner-content .subheader {
          margin-top: 48px !important;
          margin-bottom: 40px !important;
          font-size: 18px;
          line-height: 27px;
          color: #38383e;
          font-weight: 700;
          font-family: "Roboto"; }
        .covid-relief-page .page-body .content-section .inner-content .new-line {
          margin-top: 25px !important; }
        .covid-relief-page .page-body .content-section .inner-content .funding-products {
          display: flex;
          flex-direction: column;
          flex-wrap: wrap;
          justify-content: center;
          align-items: center;
          margin-bottom: 40px;
          padding: 0;
          width: 100%; }
          @media screen and (max-width: 576px) {
            .covid-relief-page .page-body .content-section .inner-content .funding-products {
              justify-content: center; } }
          .covid-relief-page .page-body .content-section .inner-content .funding-products .products-row {
            margin: 0 !important;
            width: 100%;
            display: flex;
            flex-direction: row;
            justify-content: space-between; }
            @media screen and (max-width: 1440px) {
              .covid-relief-page .page-body .content-section .inner-content .funding-products .products-row {
                justify-content: flex-start;
                margin-right: 3.9%; } }
            @media screen and (max-width: 768px) {
              .covid-relief-page .page-body .content-section .inner-content .funding-products .products-row {
                flex-direction: column;
                align-items: center; } }
            @media screen and (max-width: 1440px) {
              .covid-relief-page .page-body .content-section .inner-content .funding-products .products-row .product {
                margin-right: 3.9% !important;
                width: 21.5% !important; } }
            @media screen and (max-width: 768px) {
              .covid-relief-page .page-body .content-section .inner-content .funding-products .products-row .product {
                margin-right: 0 !important;
                margin-bottom: 50px;
                width: 217px !important; } }
            .covid-relief-page .page-body .content-section .inner-content .funding-products .products-row .product img {
              margin: 0; }
            .covid-relief-page .page-body .content-section .inner-content .funding-products .products-row .product p {
              margin-top: 15px !important;
              width: 100%;
              color: #38383e;
              line-height: 27px;
              text-align: center;
              font-family: "Roboto";
              font-weight: 700;
              font-size: 15px; }
          .covid-relief-page .page-body .content-section .inner-content .funding-products .products-row:last-child {
            margin-top: 45px !important;
            justify-content: flex-start; }
            @media screen and (max-width: 768px) {
              .covid-relief-page .page-body .content-section .inner-content .funding-products .products-row:last-child {
                margin-top: 0 !important; } }
            .covid-relief-page .page-body .content-section .inner-content .funding-products .products-row:last-child .product {
              margin-right: 38px; }
        .covid-relief-page .page-body .content-section .inner-content.eans-funding .subheader {
          margin-top: 25px !important; }
        .covid-relief-page .page-body .content-section .inner-content .alcohol-wipes-image {
          margin: 125px 0 35px !important; }
        .covid-relief-page .page-body .content-section .inner-content.funding-info-resources {
          margin-bottom: 125px; }
          .covid-relief-page .page-body .content-section .inner-content.funding-info-resources ul {
            text-decoration: underline; }
    .covid-relief-page .page-body .state-funding {
      margin-bottom: 120px !important; }
    .covid-relief-page .page-body .get-quote {
      z-index: 10;
      position: relative;
      display: flex;
      justify-content: center;
      align-items: center;
      text-align: center;
      height: 1000px; }
      @media screen and (max-width: 1650px) {
        .covid-relief-page .page-body .get-quote {
          height: 60.1vw; } }
      @media screen and (max-width: 1440px) {
        .covid-relief-page .page-body .get-quote {
          height: 65vw; } }
      @media screen and (max-width: 1200px) {
        .covid-relief-page .page-body .get-quote {
          height: 72vw; } }
      @media screen and (max-width: 992px) {
        .covid-relief-page .page-body .get-quote {
          height: 82vw; } }
      @media screen and (max-width: 768px) {
        .covid-relief-page .page-body .get-quote {
          flex-direction: column;
          padding-top: 0 !important;
          height: 100%; } }
      .covid-relief-page .page-body .get-quote h1, .covid-relief-page .page-body .get-quote p {
        margin: 0;
        color: white; }
      .covid-relief-page .page-body .get-quote h1 {
        color: #ffffff;
        line-height: 27px;
        text-align: center;
        font-family: "Paralucent";
        font-weight: bold;
        font-size: 25px; }
        @media screen and (max-width: 1650px) {
          .covid-relief-page .page-body .get-quote h1 {
            font-size: 1.52vw; } }
        @media screen and (max-width: 992px) {
          .covid-relief-page .page-body .get-quote h1 {
            font-size: 2.52vw; } }
        @media screen and (max-width: 768px) {
          .covid-relief-page .page-body .get-quote h1 {
            font-size: 5vw; } }
      .covid-relief-page .page-body .get-quote p {
        margin-top: 30px !important;
        padding: 0 20px;
        width: 100%;
        color: #ffffff;
        text-align: center;
        font-family: "Roboto";
        font-weight: 400;
        font-size: 15px; }
        @media screen and (max-width: 1650px) {
          .covid-relief-page .page-body .get-quote p {
            margin-top: 1.9vw !important;
            font-size: 0.915vw; } }
        @media screen and (max-width: 992px) {
          .covid-relief-page .page-body .get-quote p {
            margin-top: 1.9vw !important;
            font-size: 1.5vw; } }
        @media screen and (max-width: 768px) {
          .covid-relief-page .page-body .get-quote p {
            margin-top: 5vw !important;
            font-size: 2vw; } }
        @media screen and (max-width: 576px) {
          .covid-relief-page .page-body .get-quote p {
            margin-top: 4vw !important;
            font-size: 3vw; } }
      .covid-relief-page .page-body .get-quote img {
        position: absolute;
        top: 0;
        margin: auto;
        width: 100%; }
        @media screen and (max-width: 768px) {
          .covid-relief-page .page-body .get-quote img {
            position: relative; } }
      .covid-relief-page .page-body .get-quote .get-quote__header {
        position: absolute;
        top: 113px; }
        @media screen and (max-width: 1650px) {
          .covid-relief-page .page-body .get-quote .get-quote__header {
            top: 7.2vw; } }
        @media screen and (max-width: 768px) {
          .covid-relief-page .page-body .get-quote .get-quote__header {
            top: 16vw; } }
        @media screen and (max-width: 576px) {
          .covid-relief-page .page-body .get-quote .get-quote__header {
            top: 15vw; } }
        @media screen and (max-width: 425px) {
          .covid-relief-page .page-body .get-quote .get-quote__header {
            top: 11vw; } }
      .covid-relief-page .page-body .get-quote .get-quote__form {
        position: absolute;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        top: 290px;
        padding: 50px 70px;
        width: 613px;
        box-shadow: 0px 7px 23px -12px rgba(0, 0, 0, 0.2);
        background-color: white; }
        @media screen and (max-width: 1650px) {
          .covid-relief-page .page-body .get-quote .get-quote__form {
            top: 17.5vw;
            padding: 2.7vw 3.7vw;
            width: 37.1vw; } }
        @media screen and (max-width: 1200px) {
          .covid-relief-page .page-body .get-quote .get-quote__form {
            width: 50vw; } }
        @media screen and (max-width: 992px) {
          .covid-relief-page .page-body .get-quote .get-quote__form {
            width: 60vw; } }
        @media screen and (max-width: 768px) {
          .covid-relief-page .page-body .get-quote .get-quote__form {
            position: relative;
            padding: 7vw 0;
            top: 0;
            width: 85%;
            box-shadow: none; } }
        .covid-relief-page .page-body .get-quote .get-quote__form div {
          width: 100%; }

/**************************

01-PAGE HEADER 
    01.1-Banner
    01.2-Description
02-GRID

***************************/
.industries {
  font-family: "Roboto";
  /* 01-PAGE HEADER */
  /* 02-GRID */ }
  .industries .industries__page-header {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    /* 01.1-Banner */
    /* 01.2-Description */ }
    .industries .industries__page-header .industries__banner {
      position: relative; }
      .industries .industries__page-header .industries__banner .industries__banner-image {
        width: 100%;
        max-width: 1650px; }
        @media screen and (max-width: 768px) {
          .industries .industries__page-header .industries__banner .industries__banner-image.desktop {
            display: none; } }
        .industries .industries__page-header .industries__banner .industries__banner-image.mobile {
          display: none; }
          @media screen and (max-width: 768px) {
            .industries .industries__page-header .industries__banner .industries__banner-image.mobile {
              display: block; } }
      .industries .industries__page-header .industries__banner .industries__banner-content {
        position: absolute;
        top: 0;
        left: 0;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 100%;
        height: 100%;
        text-align: center; }
        .industries .industries__page-header .industries__banner .industries__banner-content h1, .industries .industries__page-header .industries__banner .industries__banner-content h5, .industries .industries__page-header .industries__banner .industries__banner-content p {
          margin: 0;
          color: white; }
        .industries .industries__page-header .industries__banner .industries__banner-content h1 {
          letter-spacing: 1px;
          line-height: 48px;
          font-weight: 700;
          font-size: 40px; }
          @media screen and (max-width: 1650px) {
            .industries .industries__page-header .industries__banner .industries__banner-content h1 {
              line-height: 2.9vw;
              font-size: 2.4vw; } }
          @media screen and (max-width: 992px) {
            .industries .industries__page-header .industries__banner .industries__banner-content h1 {
              line-height: 3.48vw;
              font-size: 3.6vw; } }
          @media screen and (max-width: 768px) {
            .industries .industries__page-header .industries__banner .industries__banner-content h1 {
              line-height: 6.08vw;
              font-size: 4.8vw; } }
          @media screen and (max-width: 576px) {
            .industries .industries__page-header .industries__banner .industries__banner-content h1 {
              line-height: 7.6vw;
              font-size: 6vw; } }
        .industries .industries__page-header .industries__banner .industries__banner-content h5 {
          margin-bottom: 22px;
          letter-spacing: 0px;
          line-height: 0;
          font-family: "Paralucent";
          font-weight: 300;
          font-size: 20px; }
          @media screen and (max-width: 1650px) {
            .industries .industries__page-header .industries__banner .industries__banner-content h5 {
              margin-bottom: 1.2vw;
              font-size: 1.2vw; } }
          @media screen and (max-width: 992px) {
            .industries .industries__page-header .industries__banner .industries__banner-content h5 {
              margin-bottom: 1.44vw;
              font-size: 1.44vw; } }
          @media screen and (max-width: 768px) {
            .industries .industries__page-header .industries__banner .industries__banner-content h5 {
              margin-bottom: 4.8vw;
              font-size: 2.88vw; } }
          @media screen and (max-width: 576px) {
            .industries .industries__page-header .industries__banner .industries__banner-content h5 {
              margin-bottom: 6vw;
              font-size: 3.6vw; } }
        .industries .industries__page-header .industries__banner .industries__banner-content p {
          margin-top: 52px;
          letter-spacing: 0px;
          line-height: 0;
          font-weight: 400;
          font-size: 18px; }
          @media screen and (max-width: 1650px) {
            .industries .industries__page-header .industries__banner .industries__banner-content p {
              margin-top: 2.8vw;
              font-size: 1.075vw; } }
          @media screen and (max-width: 1200px) {
            .industries .industries__page-header .industries__banner .industries__banner-content p {
              font-size: 1.2vw; } }
          @media screen and (max-width: 992px) {
            .industries .industries__page-header .industries__banner .industries__banner-content p {
              margin-top: 3.36vw;
              font-size: 1.29vw; } }
          @media screen and (max-width: 768px) {
            .industries .industries__page-header .industries__banner .industries__banner-content p {
              margin-top: 6.4vw;
              font-size: 2.08vw; } }
          @media screen and (max-width: 576px) {
            .industries .industries__page-header .industries__banner .industries__banner-content p {
              margin-top: 8vw;
              font-size: 3vw; } }
    .industries .industries__page-header .industries__description-container {
      display: flex;
      justify-content: center;
      align-items: center;
      margin: 0;
      padding-top: 75px;
      padding-bottom: 50px;
      width: 100vw;
      max-width: 1650px;
      background-color: #f7f7f7; }
      @media screen and (max-width: 768px) {
        .industries .industries__page-header .industries__description-container {
          padding-top: 60px;
          padding-bottom: 35px; } }
      @media screen and (max-width: 768px) {
        .industries .industries__page-header .industries__description-container {
          padding-top: 35px; } }
      .industries .industries__page-header .industries__description-container .industries__content-container {
        display: flex;
        flex-direction: row;
        max-width: 1170px;
        width: 70%; }
        @media screen and (max-width: 1650px) {
          .industries .industries__page-header .industries__description-container .industries__content-container {
            width: 80%; } }
        @media screen and (max-width: 1200px) {
          .industries .industries__page-header .industries__description-container .industries__content-container {
            width: 90%; } }
        @media screen and (max-width: 768px) {
          .industries .industries__page-header .industries__description-container .industries__content-container {
            flex-direction: column-reverse; } }
        .industries .industries__page-header .industries__description-container .industries__content-container .industries__description {
          width: 84%;
          padding-right: 80px;
          border-right: 2px solid #3EC8E9; }
          @media screen and (max-width: 1200px) {
            .industries .industries__page-header .industries__description-container .industries__content-container .industries__description {
              width: 80%; } }
          @media screen and (max-width: 992px) {
            .industries .industries__page-header .industries__description-container .industries__content-container .industries__description {
              width: 75%;
              padding-right: 60px; } }
          @media screen and (max-width: 768px) {
            .industries .industries__page-header .industries__description-container .industries__content-container .industries__description {
              padding: 0;
              padding-top: 25px;
              width: 100%;
              border: none;
              border-top: 2px solid #3EC8E9; } }
          .industries .industries__page-header .industries__description-container .industries__content-container .industries__description p {
            font-size: 15px;
            letter-spacing: 0px;
            line-height: 27px;
            color: #38383e;
            font-weight: 400; }
            @media screen and (max-width: 768px) {
              .industries .industries__page-header .industries__description-container .industries__content-container .industries__description p {
                font-size: 14px; } }
        .industries .industries__page-header .industries__description-container .industries__content-container .industries__nav-links {
          padding-left: 25px;
          width: 16%;
          border-left: 1px solid #3EC8E9;
          letter-spacing: 0px;
          line-height: 37px;
          font-weight: 700;
          font-size: 18px; }
          @media screen and (max-width: 1440px) {
            .industries .industries__page-header .industries__description-container .industries__content-container .industries__nav-links {
              font-size: 16px; } }
          @media screen and (max-width: 1200px) {
            .industries .industries__page-header .industries__description-container .industries__content-container .industries__nav-links {
              width: 20%; } }
          @media screen and (max-width: 992px) {
            .industries .industries__page-header .industries__description-container .industries__content-container .industries__nav-links {
              width: 25%; } }
          @media screen and (max-width: 768px) {
            .industries .industries__page-header .industries__description-container .industries__content-container .industries__nav-links {
              padding: 0;
              padding-bottom: 25px;
              width: 100%;
              border: none;
              border-bottom: 1px solid #3EC8E9; } }
          @media screen and (max-width: 768px) {
            .industries .industries__page-header .industries__description-container .industries__content-container .industries__nav-links ul {
              display: flex;
              flex-wrap: wrap;
              width: 100%; } }
          @media screen and (max-width: 768px) {
            .industries .industries__page-header .industries__description-container .industries__content-container .industries__nav-links ul li {
              margin-right: 20px; } }
          .industries .industries__page-header .industries__description-container .industries__content-container .industries__nav-links span {
            color: #38383e;
            text-decoration: underline; }
          .industries .industries__page-header .industries__description-container .industries__content-container .industries__nav-links a:hover > span {
            color: #EB6429 !important; }
  .industries .industries__grid {
    margin-top: 75px; }
    @media screen and (max-width: 768px) {
      .industries .industries__grid {
        margin-top: 50px; } }
    .industries .industries__grid .industries__content {
      display: flex;
      flex-direction: column; }
      .industries .industries__grid .industries__content .industries__row {
        margin-bottom: 60px;
        display: flex;
        flex-direction: row;
        justify-content: space-between; }
        @media screen and (max-width: 768px) {
          .industries .industries__grid .industries__content .industries__row {
            margin-bottom: 0;
            flex-direction: column;
            align-items: center; } }
        .industries .industries__grid .industries__content .industries__row .industries__card {
          padding: 10px;
          width: 380px; }
          @media screen and (max-width: 768px) {
            .industries .industries__grid .industries__content .industries__row .industries__card {
              margin-bottom: 50px; } }
          .industries .industries__grid .industries__content .industries__row .industries__card .industries__body {
            padding: 10px; }
            .industries .industries__grid .industries__content .industries__row .industries__card .industries__body h4 {
              margin: 0;
              margin-bottom: 35px;
              letter-spacing: 1px;
              line-height: 37px;
              color: #38383e;
              font-family: "Paralucent";
              font-weight: bold;
              font-size: 30px; }
              @media screen and (max-width: 768px) {
                .industries .industries__grid .industries__content .industries__row .industries__card .industries__body h4 {
                  margin-bottom: 25px;
                  font-size: 22px; } }
            .industries .industries__grid .industries__content .industries__row .industries__card .industries__body p {
              margin-bottom: 30px;
              line-height: 25px;
              color: #38383e;
              font-weight: normal;
              font-size: 15px; }
              @media screen and (max-width: 768px) {
                .industries .industries__grid .industries__content .industries__row .industries__card .industries__body p {
                  font-size: 14px; } }
            .industries .industries__grid .industries__content .industries__row .industries__card .industries__body button {
              padding: 0 50px;
              letter-spacing: 0px;
              font-weight: 700;
              font-size: 14px; }

#hero-banner-services {
  background: #dcf8ff;
  padding: 80px 0;
  margin-bottom: 0; }
  @media (max-width: 768px) {
    #hero-banner-services {
      padding: 40px 0; } }
  @media (max-width: 480px) {
    #hero-banner-services {
      padding: 20px 0; } }
  #hero-banner-services .content .tagline {
    color: #00b9e4;
    font-size: 22px;
    font-weight: bold;
    font-style: italic;
    margin-bottom: 15px; }
    @media (max-width: 1199px) {
      #hero-banner-services .content .tagline {
        font-size: 18px; } }
    @media (max-width: 768px) {
      #hero-banner-services .content .tagline {
        font-size: 16px; } }
    @media (max-width: 480px) {
      #hero-banner-services .content .tagline {
        font-size: 14px;
        margin-bottom: 10px; } }
  #hero-banner-services .content .title {
    color: #34448f;
    font-size: 62px;
    line-height: 62px;
    font-family: 'Paralucent';
    font-weight: 300;
    margin-bottom: 40px; }
    @media (max-width: 1199px) {
      #hero-banner-services .content .title {
        font-size: 52px;
        line-height: 52px;
        margin-bottom: 25px; } }
    @media (max-width: 768px) {
      #hero-banner-services .content .title {
        font-size: 42px;
        line-height: 42px;
        margin-bottom: 20px; } }
    @media (max-width: 480px) {
      #hero-banner-services .content .title {
        font-size: 32px;
        line-height: 32px;
        margin-bottom: 15px; } }
  #hero-banner-services .content p {
    font-size: 16px;
    line-height: 30px;
    max-width: 485px; }
  #hero-banner-services .content .button {
    margin-top: 40px; }
    @media (max-width: 768px) {
      #hero-banner-services .content .button {
        margin-top: 20px;
        margin-bottom: 30px; } }

#brand-logos {
  padding: 60px 0;
  text-align: center; }
  @media (max-width: 768px) {
    #brand-logos {
      padding: 40px 0; } }
  #brand-logos .title {
    font-size: 20px;
    line-height: 26px;
    margin-bottom: 20px;
    color: #38383d; }
    @media (max-width: 768px) {
      #brand-logos .title {
        line-height: 1.4;
        padding: 0 40px;
        font-size: 18px;
        margin-bottom: 20px; } }
  #brand-logos ul {
    margin: 0;
    padding: 0; }
    #brand-logos ul li {
      list-style: none;
      display: inline-block; }
      @media (max-width: 480px) {
        #brand-logos ul li {
          width: 49%; } }

#program-services {
  padding: 100px 0;
  position: relative;
  text-align: center; }
  @media (max-width: 768px) {
    #program-services {
      padding: 50px 0; } }
  #program-services .title {
    font-size: 25px;
    line-height: 26px;
    color: #38383d;
    margin-bottom: 40px; }
    @media (max-width: 768px) {
      #program-services .title {
        font-size: 18px;
        line-height: normal; } }
  #program-services .background-dummy {
    background: #f7f7f7;
    width: 100%;
    height: 335px;
    position: absolute;
    top: 0;
    z-index: -1; }
  #program-services ul li {
    background: #fff;
    float: left;
    width: 228px;
    margin-right: 50px;
    padding: 15px 20px 25px 20px;
    box-shadow: 0 0 9px rgba(0, 0, 0, 0.2);
    min-height: 350px; }
    @media (max-width: 1439px) {
      #program-services ul li {
        margin-right: 25px;
        padding: 15px 15px 15px 15px;
        width: 200px; } }
    @media (max-width: 1199px) {
      #program-services ul li {
        float: none;
        display: inline-block;
        vertical-align: top;
        width: 30.333%;
        min-height: 260px;
        margin-bottom: 25px; } }
    @media (max-width: 991px) {
      #program-services ul li {
        width: 100%;
        max-width: 480px;
        min-height: auto;
        margin-right: 0; } }
    #program-services ul li:last-child {
      margin-right: 0; }
    #program-services ul li img {
      margin-bottom: 5px; }
    #program-services ul li .title {
      font-size: 18px;
      line-height: normal;
      font-weight: 600;
      margin-bottom: 25px; }
      @media (max-width: 1439px) {
        #program-services ul li .title {
          font-size: 16px;
          margin-bottom: 20px; } }

#customer-savings {
  padding: 20px 0 100px; }
  @media (max-width: 768px) {
    #customer-savings {
      padding: 20px 0 50px; } }
  #customer-savings .container {
    max-width: 1024px;
    text-align: center; }
    #customer-savings .container .pyramid {
      margin-right: -30px; }
      @media (max-width: 991px) {
        #customer-savings .container .pyramid {
          margin-right: -60px; } }
      @media (max-width: 768px) {
        #customer-savings .container .pyramid {
          margin-top: 40px;
          margin-bottom: 40px; } }
    #customer-savings .container .content .tagline {
      color: #38383d;
      font-size: 20px;
      font-weight: 500;
      margin-bottom: 5px; }
      @media (max-width: 991px) {
        #customer-savings .container .content .tagline {
          font-size: 16px; } }
    #customer-savings .container .content .percentage {
      font-size: 256px;
      font-family: 'Paralucent';
      letter-spacing: 0;
      position: relative;
      vertical-align: top;
      line-height: 0.8;
      color: #00b9e4;
      margin-bottom: 5px;
      display: inline-block; }
      @media (max-width: 1199px) {
        #customer-savings .container .content .percentage {
          font-size: 180px; } }
      @media (max-width: 991px) {
        #customer-savings .container .content .percentage {
          font-size: 150px; } }
      #customer-savings .container .content .percentage span {
        font-size: 66px;
        position: absolute;
        right: -60px;
        top: 15px; }
        @media (max-width: 1199px) {
          #customer-savings .container .content .percentage span {
            right: -30px;
            font-size: 40px; } }
        @media (max-width: 991px) {
          #customer-savings .container .content .percentage span {
            font-size: 30px;
            right: -30px; } }
      #customer-savings .container .content .percentage.red {
        color: #ea3a02; }
    #customer-savings .container .content .savings-text {
      font-size: 45px;
      line-height: 40px;
      text-transform: uppercase;
      font-family: 'Paralucent';
      color: #34448f; }
      @media (max-width: 991px) {
        #customer-savings .container .content .savings-text {
          font-size: 30px;
          line-height: 30px; } }
      @media (max-width: 768px) {
        #customer-savings .container .content .savings-text {
          font-size: 20px;
          line-height: 24px; } }
      #customer-savings .container .content .savings-text span {
        display: block;
        width: 100%;
        font-size: 30px;
        text-transform: none;
        font-weight: 500; }
        @media (max-width: 768px) {
          #customer-savings .container .content .savings-text span {
            font-size: 20px; } }

#shipping-map {
  margin-top: 130px;
  background: #f7f7f7;
  padding-bottom: 50px; }
  #shipping-map .map {
    margin-top: -65px; }
  #shipping-map .map-content {
    padding: 75px 0 0; }
    @media (max-width: 768px) {
      #shipping-map .map-content {
        text-align: center; } }
    #shipping-map .map-content .title {
      font-size: 25px;
      line-height: normal;
      margin-bottom: 15px; }
      @media (max-width: 768px) {
        #shipping-map .map-content .title {
          font-size: 20px; } }
    #shipping-map .map-content .locations {
      font-size: 18px;
      font-weight: 500;
      margin-bottom: 30px; }
      @media (max-width: 768px) {
        #shipping-map .map-content .locations {
          font-size: 16px; } }
      #shipping-map .map-content .locations span {
        color: #00b9e4;
        padding: 0 2px; }
    #shipping-map .map-content p {
      font-size: 16px; }

#help-you-save {
  background: #354e96;
  background: linear-gradient(90deg, #354e96 0%, #00b9e4 100%);
  padding: 60px 0 100px; }
  @media (max-width: 768px) {
    #help-you-save {
      padding: 40px 0; } }
  #help-you-save .title {
    font-size: 30px;
    text-align: center;
    font-weight: 600;
    text-align: center;
    color: #fff; }
    @media (max-width: 768px) {
      #help-you-save .title {
        font-size: 20px; } }

#landing-page-form {
  margin-bottom: 100px; }
  @media (max-width: 768px) {
    #landing-page-form {
      margin-bottom: 0; } }
  #landing-page-form .container {
    max-width: 900px;
    margin: 0 auto;
    background: #fff;
    padding: 60px 50px 50px 50px;
    margin-top: -60px;
    border-radius: 4px;
    box-shadow: 0 0 9px rgba(0, 0, 0, 0.1); }
    @media (max-width: 768px) {
      #landing-page-form .container {
        margin-top: 0;
        padding: 40px; } }

.services-library ul div:nth-child(1) img {
  box-shadow: none !important; }

.services-library ul div:nth-child(2) {
  padding-left: 40px !important;
  padding-right: 10px !important; }

.services-library ul div:nth-child(3) {
  padding-left: 30px !important; }

/*******************
 * REUSABLE CLASSES
 *******************/
.awards-text {
  display: flex;
  flex-direction: row;
  justify-content: space-around; }
  @media (max-width: 768px) {
    .awards-text {
      flex-direction: column; } }
  .awards-text p {
    text-align: center;
    letter-spacing: 0px;
    color: #38383e;
    font-family: "Roboto";
    font-weight: 900;
    font-size: 18px; }
    @media (max-width: 768px) {
      .awards-text p {
        text-align: left;
        font-size: 15px; } }
    .awards-text p span {
      margin-left: 5px;
      padding-left: 5px;
      border-left: 1px solid black;
      font-weight: 400;
      font-size: 15px; }
      @media (max-width: 768px) {
        .awards-text p span {
          font-size: 13px; } }

/***************
 * PAGE STYLING
 ***************/
.our-company--careers {
  /* INTRO BLOCK */
  /* INTRO BLOCK END */
  /* REMOTE BLOCK */
  /* REMOTE BLOCK END */
  /* TOGETHER BLOCK */
  /* TOGETHER BLOCK END */
  /* BENEFITS BLOCK */
  /* BENEFITS BLOCK END */
  /* CULTURE BLOCK */
  /* CULTURE BLOCK END*/ }
  .our-company--careers .highlight {
    color: #ea3a02; }
  .our-company--careers .intro-block h1 span {
    display: initial !important;
    color: #00b9e4;
    font-weight: 400 !important;
    font-style: italic;
    font-family: "Roboto"; }
  .our-company--careers .intro-block .about-content {
    padding-right: 110px; }
    @media (max-width: 768px) {
      .our-company--careers .intro-block .about-content {
        padding-right: 0; } }
    .our-company--careers .intro-block .about-content p {
      letter-spacing: 0px;
      line-height: 25px;
      font-size: 15px !important; }
  .our-company--careers .remote .container {
    width: 1295px;
    padding-top: 87px; }
    @media (max-width: 1315px) {
      .our-company--careers .remote .container {
        width: 100%; } }
    .our-company--careers .remote .container .content {
      display: flex;
      flex-direction: row;
      justify-content: space-between;
      margin-top: 60px;
      margin-bottom: 70px; }
      @media (max-width: 992px) {
        .our-company--careers .remote .container .content {
          flex-direction: column; } }
      @media (max-width: 768px) {
        .our-company--careers .remote .container .content {
          margin-top: 20px; } }
      .our-company--careers .remote .container .content .remote-text {
        display: flex;
        flex-direction: column;
        justify-content: center;
        width: 50%; }
        @media (max-width: 992px) {
          .our-company--careers .remote .container .content .remote-text {
            width: 100%; } }
        .our-company--careers .remote .container .content .remote-text h3 {
          margin-bottom: 34px;
          letter-spacing: 0px;
          color: #38383e;
          font-family: "Paralucent";
          font-weight: bold;
          font-size: 25px; }
          @media (max-width: 992px) {
            .our-company--careers .remote .container .content .remote-text h3 {
              font-size: 22px; } }
          @media (max-width: 768px) {
            .our-company--careers .remote .container .content .remote-text h3 {
              margin-bottom: 25px;
              font-size: 18px; } }
        .our-company--careers .remote .container .content .remote-text p {
          letter-spacing: 0px;
          line-height: 27px;
          font-size: 18px; }
          @media (max-width: 768px) {
            .our-company--careers .remote .container .content .remote-text p {
              font-size: 15px; } }
          .our-company--careers .remote .container .content .remote-text p a {
            font-size: 15px; }
            @media (max-width: 768px) {
              .our-company--careers .remote .container .content .remote-text p a {
                font-size: 13px; } }
            .our-company--careers .remote .container .content .remote-text p a:hover {
              text-decoration: underline; }
      .our-company--careers .remote .container .content .remote-image {
        display: flex;
        justify-content: center;
        align-items: center;
        margin-right: -50px;
        letter-spacing: 0px;
        line-height: 27px;
        font-size: 18px; }
        @media (max-width: 1375px) {
          .our-company--careers .remote .container .content .remote-image {
            margin-right: 0; } }
        .our-company--careers .remote .container .content .remote-image img {
          width: 100%;
          max-width: 645px; }
  .our-company--careers .together .together-text {
    background: #dcf8ff !important;
    background: linear-gradient(180deg, #dcf8ff 35%, white 100%) !important; }
    .our-company--careers .together .together-text h3 {
      color: black !important;
      text-transform: uppercase; }
      .our-company--careers .together .together-text h3 strike {
        color: #79d9f1 !important; }
    .our-company--careers .together .together-text .text {
      margin: 0 auto;
      padding: 0 120px;
      text-align: center;
      letter-spacing: 0px;
      line-height: 27px;
      color: black;
      font-size: 15px !important; }
      @media (max-width: 576px) {
        .our-company--careers .together .together-text .text {
          padding: 0 !important; } }
  .our-company--careers .benefits {
    background-color: white !important; }
    .our-company--careers .benefits h3 {
      color: black !important; }
    .our-company--careers .benefits ul li .benefits-icon {
      display: flex;
      justify-content: center;
      align-items: center;
      margin: 0 auto;
      height: 80px;
      width: 80px; }
      .our-company--careers .benefits ul li .benefits-icon img {
        margin: 0 !important; }
    .our-company--careers .benefits ul li span {
      color: black !important; }
  .our-company--careers .culture .row {
    display: flex;
    flex-direction: row;
    justify-content: space-between; }
    @media (max-width: 768px) {
      .our-company--careers .culture .row {
        flex-wrap: wrap;
        justify-content: center; } }
    .our-company--careers .culture .row .card {
      padding: 0;
      width: 23%;
      max-width: 315px;
      border: 1px solid #38383e;
      border-radius: 4px;
      background-color: #ffffff;
      filter: drop-shadow(0px 11px 6.5px rgba(0, 0, 0, 0.05)); }
      @media (max-width: 768px) {
        .our-company--careers .culture .row .card {
          margin: 1rem;
          width: 45%; } }
      @media (max-width: 576px) {
        .our-company--careers .culture .row .card {
          margin: 1rem;
          width: 100%; } }
      .our-company--careers .culture .row .card .text {
        padding: 30px 21px; }
        .our-company--careers .culture .row .card .text h3 {
          margin: 0;
          margin-bottom: 22px;
          color: #38383e;
          line-height: 27px;
          letter-spacing: 0px;
          font-family: "Paralucent";
          font-weight: bold;
          font-size: 25px; }
          @media (max-width: 992px) {
            .our-company--careers .culture .row .card .text h3 {
              font-size: 18px; } }
        .our-company--careers .culture .row .card .text p {
          margin: 0;
          color: #38383e;
          line-height: 26px;
          letter-spacing: 0px;
          font-weight: 400;
          font-size: 15px; }
          @media (max-width: 992px) {
            .our-company--careers .culture .row .card .text p {
              font-size: 13px; } }
  .our-company--careers .open-position {
    padding-bottom: 16.5rem; }
    .our-company--careers .open-position a:hover {
      text-decoration: underline; }

.offer-wall {
  margin: 0 auto;
  padding: 19.5px;
  padding-right: 30px;
  max-width: 1107.69px; }
  @media (max-width: 992px) {
    .offer-wall {
      margin-bottom: 130px; } }
  @media (max-width: 967px) {
    .offer-wall {
      padding-right: 19.5px; } }
  .offer-wall h2 {
    margin: 0;
    padding: 21.5px; }
  .offer-wall .productCarousel {
    margin: 0;
    background-color: #fff;
    box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.08); }
    .offer-wall .productCarousel .slick-prev, .offer-wall .productCarousel .slick-next {
      height: 50px;
      width: 40px;
      background: #585b64; }
      .offer-wall .productCarousel .slick-prev::before, .offer-wall .productCarousel .slick-next::before {
        color: white; }
    .offer-wall .productCarousel .slick-prev {
      display: flex;
      justify-content: center;
      align-items: center;
      left: 15px;
      padding: 0; }
      .offer-wall .productCarousel .slick-prev::before {
        height: initial;
        background-image: none;
        font-family: 'Material Icons';
        content: "arrow_back_ios";
        font-size: 35px; }
    .offer-wall .productCarousel .slick-next {
      display: flex;
      justify-content: center;
      align-items: center;
      right: 15px;
      padding: 0; }
      .offer-wall .productCarousel .slick-next::before {
        display: flex;
        justify-content: center;
        align-items: center;
        height: initial;
        background-image: none;
        font-family: 'Material Icons';
        content: "arrow_forward_ios";
        font-size: 35px; }
    .offer-wall .productCarousel .productCarousel-slide {
      background-color: white; }
      @media (max-width: 576px) {
        .offer-wall .productCarousel .productCarousel-slide .card {
          width: 100%; } }
      .offer-wall .productCarousel .productCarousel-slide .card .card-text {
        margin-bottom: 8px;
        min-height: 20px;
        text-align: center;
        line-height: 1.5;
        color: #8c8c8c;
        text-transform: uppercase;
        font-weight: 700;
        font-size: 11px; }
      .offer-wall .productCarousel .productCarousel-slide .card .card-title {
        margin-bottom: 10px;
        color: #38383e; }
        .offer-wall .productCarousel .productCarousel-slide .card .card-title a {
          font-size: 13px;
          line-height: 20px;
          letter-spacing: 0; }
      .offer-wall .productCarousel .productCarousel-slide .card .price {
        color: #2c2c2c;
        line-height: 25px;
        font-weight: 400;
        font-size: 16px; }

#ordering {
  max-width: 1650px;
  margin-inline: auto;
  /* START - BANNER */
  /* END - BANNER */
  /* START - ORDERING LINKS */
  /* END - ORDERING LINKS */
  /* START - BUSINESS BUYER SPOTLIGHT */
  /* END - BUSINESS BUYER SPOTLIGHT */ }
  #ordering .ordering__banner {
    position: relative; }
    #ordering .ordering__banner .ordering_banner-image.mobile {
      display: none; }
      @media (max-width: 768px) {
        #ordering .ordering__banner .ordering_banner-image.mobile {
          display: block; } }
    @media (max-width: 768px) {
      #ordering .ordering__banner .ordering_banner-image.desktop {
        display: none; } }
    #ordering .ordering__banner .ordering__banner-content {
      position: absolute;
      top: 0;
      left: 0;
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center;
      height: 100%;
      width: 100%; }
      #ordering .ordering__banner .ordering__banner-content .ordering__banner-header {
        margin: 0;
        margin-bottom: 28px;
        text-align: center;
        text-transform: uppercase;
        color: #ffffff;
        line-height: 40px;
        letter-spacing: 1px;
        font-family: "Paralucent";
        font-weight: bold;
        font-size: 45px; }
        @media (max-width: 1650px) {
          #ordering .ordering__banner .ordering__banner-content .ordering__banner-header {
            margin-bottom: 1.697vw;
            line-height: 2.424vw;
            letter-spacing: 0.061vw;
            font-size: 2.727vw; } }
        @media (max-width: 1200px) {
          #ordering .ordering__banner .ordering__banner-content .ordering__banner-header {
            margin-bottom: 2.333vw;
            line-height: 3.333vw;
            letter-spacing: 0.083vw;
            font-size: 3.75vw; } }
        @media (max-width: 992px) {
          #ordering .ordering__banner .ordering__banner-content .ordering__banner-header {
            margin-bottom: 2.828vw;
            line-height: 4.04vw;
            letter-spacing: 0.101vw;
            font-size: 4.545vw; } }
        @media (max-width: 768px) {
          #ordering .ordering__banner .ordering__banner-content .ordering__banner-header {
            margin-bottom: 28px;
            line-height: 40px;
            letter-spacing: 1px;
            font-size: 35px; } }
        @media (max-width: 576px) {
          #ordering .ordering__banner .ordering__banner-content .ordering__banner-header {
            margin-bottom: 15px;
            font-size: 25px; } }
        @media (max-width: 374px) {
          #ordering .ordering__banner .ordering__banner-content .ordering__banner-header {
            margin-bottom: 0;
            font-size: 20px; } }
      #ordering .ordering__banner .ordering__banner-content .ordering__banner-text {
        font-size: 14px;
        letter-spacing: 0px;
        line-height: 30px;
        color: #ffffff;
        font-weight: 400;
        font-family: "Roboto";
        text-align: center;
        max-width: 793px; }
        @media (max-width: 1650px) {
          #ordering .ordering__banner .ordering__banner-content .ordering__banner-text {
            font-size: 0.848vw;
            line-height: 1.818vw;
            max-width: 48.061vw; } }
        @media (max-width: 1200px) {
          #ordering .ordering__banner .ordering__banner-content .ordering__banner-text {
            font-size: 1.167vw;
            line-height: 2.5vw;
            max-width: 66.083vw; } }
        @media (max-width: 992px) {
          #ordering .ordering__banner .ordering__banner-content .ordering__banner-text {
            font-size: 1.414vw;
            letter-spacing: 0vw;
            line-height: 3.03vw;
            max-width: 80.101vw; } }
        @media (max-width: 768px) {
          #ordering .ordering__banner .ordering__banner-content .ordering__banner-text {
            font-size: 14px;
            line-height: 30px;
            max-width: initial;
            width: 80%; } }
        @media (max-width: 576px) {
          #ordering .ordering__banner .ordering__banner-content .ordering__banner-text {
            margin: 0;
            width: 95%;
            line-height: 25px;
            font-size: 12px; } }
        @media (max-width: 374px) {
          #ordering .ordering__banner .ordering__banner-content .ordering__banner-text {
            line-height: 20px;
            font-size: 11px; } }
  #ordering .ordering__boxes {
    padding: 60px 0;
    background-color: #f7f7f7; }
    @media (max-width: 576px) {
      #ordering .ordering__boxes {
        padding: 40px 0; } }
    #ordering .ordering__boxes .content-container {
      max-width: 1165px;
      margin-inline: auto;
      display: flex;
      flex-direction: row;
      justify-content: space-between;
      flex-wrap: wrap; }
      @media (max-width: 1200px) {
        #ordering .ordering__boxes .content-container {
          justify-content: space-around; } }
      #ordering .ordering__boxes .content-container .box-container {
        display: flex;
        justify-content: center;
        margin: 22px 0; }
        #ordering .ordering__boxes .content-container .box-container .box-card {
          max-width: 270px;
          padding: 18px 13px 12px;
          background-color: #fff;
          border-radius: 5px;
          border: 1px solid #bfbfbf;
          text-align: center; }
          @media (max-width: 1200px) {
            #ordering .ordering__boxes .content-container .box-container .box-card {
              max-width: 235px; } }
          @media (max-width: 992px) {
            #ordering .ordering__boxes .content-container .box-container .box-card {
              max-width: 360px; } }
          @media (max-width: 768px) {
            #ordering .ordering__boxes .content-container .box-container .box-card {
              max-width: 270px; } }
          @media (max-width: 576px) {
            #ordering .ordering__boxes .content-container .box-container .box-card {
              max-width: 340px;
              height: 161.5px; } }
          #ordering .ordering__boxes .content-container .box-container .box-card h1 {
            margin: 0;
            margin-bottom: 6px;
            font-weight: 700;
            font-size: 20px;
            color: #38383e; }
            @media (max-width: 576px) {
              #ordering .ordering__boxes .content-container .box-container .box-card h1 {
                font-size: 18px; } }
          #ordering .ordering__boxes .content-container .box-container .box-card P {
            margin-bottom: 30px;
            color: #8d8d8d;
            font-size: 15px; }
            @media (max-width: 576px) {
              #ordering .ordering__boxes .content-container .box-container .box-card P {
                margin-bottom: 25px;
                font-size: 14px; } }
          #ordering .ordering__boxes .content-container .box-container .box-card a {
            color: #000;
            text-decoration: underline;
            font-weight: 700;
            font-size: 15px; }
            @media (max-width: 576px) {
              #ordering .ordering__boxes .content-container .box-container .box-card a {
                font-size: 14px; } }
            #ordering .ordering__boxes .content-container .box-container .box-card a:hover {
              text-decoration: none; }
          #ordering .ordering__boxes .content-container .box-container .box-card span {
            color: #ea3a02;
            font-weight: 700;
            font-size: 15px; }
  #ordering .business-buyer-spotlight {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    margin: 77px auto 102px;
    max-width: 1350px; }
    @media (max-width: 1350px) {
      #ordering .business-buyer-spotlight {
        padding-inline: 10px; } }
    @media (max-width: 992px) {
      #ordering .business-buyer-spotlight {
        flex-direction: column; } }
    @media (max-width: 576px) {
      #ordering .business-buyer-spotlight {
        margin: 50px auto 70px; } }
    #ordering .business-buyer-spotlight .homepage-card-container {
      position: relative;
      height: 285px;
      width: 50%;
      max-width: 663px;
      border: 1px solid #bebebe;
      border-radius: 5px; }
      @media (max-width: 1439px) {
        #ordering .business-buyer-spotlight .homepage-card-container {
          height: 258px;
          width: 49%; } }
      @media (max-width: 992px) {
        #ordering .business-buyer-spotlight .homepage-card-container {
          height: 275px;
          width: 100%; } }
      @media (max-width: 768px) {
        #ordering .business-buyer-spotlight .homepage-card-container {
          height: 236px; } }
      @media (max-width: 576px) {
        #ordering .business-buyer-spotlight .homepage-card-container {
          height: 224px; } }
      @media (max-width: 325px) {
        #ordering .business-buyer-spotlight .homepage-card-container {
          height: 240px; } }
      @media (max-width: 992px) {
        #ordering .business-buyer-spotlight .homepage-card-container:first-child {
          margin-bottom: 3rem; } }
      @media (max-width: 1439px) {
        #ordering .business-buyer-spotlight .homepage-card-container img {
          height: 123px;
          object-fit: cover; } }
      #ordering .business-buyer-spotlight .homepage-card-container .homepage-card-body {
        padding: 10px 16px 10px 32px; }
        @media (max-width: 1439px) {
          #ordering .business-buyer-spotlight .homepage-card-container .homepage-card-body {
            padding: 10px 8px 10px 8px; } }
        @media (max-width: 992px) {
          #ordering .business-buyer-spotlight .homepage-card-container .homepage-card-body {
            padding: 10px 16px 10px 32px; } }
        @media (max-width: 768px) {
          #ordering .business-buyer-spotlight .homepage-card-container .homepage-card-body {
            padding: 10px 8px 10px 8px; } }
        #ordering .business-buyer-spotlight .homepage-card-container .homepage-card-body .homepage-card-title-container {
          display: flex;
          flex-direction: row;
          justify-content: space-between;
          align-items: center; }
          #ordering .business-buyer-spotlight .homepage-card-container .homepage-card-body .homepage-card-title-container .homepage-card-title {
            margin-bottom: 0;
            padding: 8px 0;
            width: 70%;
            color: #38383e;
            line-height: 38px;
            font-family: "Roboto";
            font-weight: 400;
            font-size: 25px; }
            @media (max-width: 1439px) {
              #ordering .business-buyer-spotlight .homepage-card-container .homepage-card-body .homepage-card-title-container .homepage-card-title {
                line-height: 30px;
                font-size: 23px;
                padding: 0;
                width: 78%; } }
            @media (max-width: 1100px) {
              #ordering .business-buyer-spotlight .homepage-card-container .homepage-card-body .homepage-card-title-container .homepage-card-title {
                font-size: 20px; } }
            @media (max-width: 992px) {
              #ordering .business-buyer-spotlight .homepage-card-container .homepage-card-body .homepage-card-title-container .homepage-card-title {
                padding: 8px 0;
                font-size: 25px; } }
            @media (max-width: 768px) {
              #ordering .business-buyer-spotlight .homepage-card-container .homepage-card-body .homepage-card-title-container .homepage-card-title {
                line-height: 30px;
                font-size: 23px;
                padding: 0; } }
            @media (max-width: 576px) {
              #ordering .business-buyer-spotlight .homepage-card-container .homepage-card-body .homepage-card-title-container .homepage-card-title {
                line-height: initial;
                font-size: 20px; } }
            @media (max-width: 490px) {
              #ordering .business-buyer-spotlight .homepage-card-container .homepage-card-body .homepage-card-title-container .homepage-card-title {
                width: 100%;
                font-size: 16px; } }
            #ordering .business-buyer-spotlight .homepage-card-container .homepage-card-body .homepage-card-title-container .homepage-card-title span {
              color: #00b8e6;
              line-height: 38px;
              font-family: "Roboto";
              font-weight: bold;
              font-style: italic;
              font-size: 25px; }
              @media (max-width: 1439px) {
                #ordering .business-buyer-spotlight .homepage-card-container .homepage-card-body .homepage-card-title-container .homepage-card-title span {
                  line-height: 30px;
                  font-size: 23px; } }
              @media (max-width: 1100px) {
                #ordering .business-buyer-spotlight .homepage-card-container .homepage-card-body .homepage-card-title-container .homepage-card-title span {
                  font-size: 20px; } }
              @media (max-width: 992px) {
                #ordering .business-buyer-spotlight .homepage-card-container .homepage-card-body .homepage-card-title-container .homepage-card-title span {
                  font-size: 25px; } }
              @media (max-width: 768px) {
                #ordering .business-buyer-spotlight .homepage-card-container .homepage-card-body .homepage-card-title-container .homepage-card-title span {
                  line-height: 30px;
                  font-size: 23px;
                  padding: 0; } }
              @media (max-width: 576px) {
                #ordering .business-buyer-spotlight .homepage-card-container .homepage-card-body .homepage-card-title-container .homepage-card-title span {
                  line-height: initial;
                  font-size: 20px; } }
              @media (max-width: 490px) {
                #ordering .business-buyer-spotlight .homepage-card-container .homepage-card-body .homepage-card-title-container .homepage-card-title span {
                  font-size: 16px; } }
          #ordering .business-buyer-spotlight .homepage-card-container .homepage-card-body .homepage-card-title-container .homepage-card-arrow .material-icons {
            padding: 9px;
            border-radius: 50%;
            border: 2px solid #444448;
            color: #00b8e6;
            font-size: 38px !important; }
            @media (max-width: 576px) {
              #ordering .business-buyer-spotlight .homepage-card-container .homepage-card-body .homepage-card-title-container .homepage-card-arrow .material-icons {
                font-size: 25px !important; } }
            @media (max-width: 490px) {
              #ordering .business-buyer-spotlight .homepage-card-container .homepage-card-body .homepage-card-title-container .homepage-card-arrow .material-icons {
                padding: 5px;
                font-size: 20px !important; } }
        #ordering .business-buyer-spotlight .homepage-card-container .homepage-card-body .homepage-card-text {
          position: absolute;
          bottom: 0;
          left: 0;
          margin-bottom: 0;
          padding: 8px 32px;
          width: 100%;
          background-color: #f7f7f7;
          border-bottom-left-radius: 5px;
          border-bottom-right-radius: 5px;
          color: #000000;
          line-height: 38px;
          font-family: "Roboto";
          font-weight: 400;
          font-size: 15px; }
          @media (max-width: 1439px) {
            #ordering .business-buyer-spotlight .homepage-card-container .homepage-card-body .homepage-card-text {
              padding: 8px;
              font-size: 13px; } }
          @media (max-width: 1100px) {
            #ordering .business-buyer-spotlight .homepage-card-container .homepage-card-body .homepage-card-text {
              font-size: 12px; } }
          @media (max-width: 992px) {
            #ordering .business-buyer-spotlight .homepage-card-container .homepage-card-body .homepage-card-text {
              padding: 8px 32px;
              font-size: 15px; } }
          @media (max-width: 768px) {
            #ordering .business-buyer-spotlight .homepage-card-container .homepage-card-body .homepage-card-text {
              padding: 8px;
              line-height: initial;
              font-size: 13px; } }
          @media (max-width: 576px) {
            #ordering .business-buyer-spotlight .homepage-card-container .homepage-card-body .homepage-card-text {
              font-size: 12px; } }
          @media (max-width: 490px) {
            #ordering .business-buyer-spotlight .homepage-card-container .homepage-card-body .homepage-card-text {
              display: flex;
              align-items: center;
              height: 44px; } }

#request-a-quote {
  margin-inline: auto;
  max-width: 1650px;
  /* START - HEADER */
  /* END - HEADER */
  /* START - FORM */
  /* END - FORM */
  /* START - GET A QUOTE */
  /* END - GET A QUOTE */
  /* START - QUOTE PROMOTION */
  /* END - QUOTE PROMOTION */
  /* START - FACILITY ESSENTIALS */
  /* END - FACILITY ESSENTIALS */
  /* START - PROCUREMENT */
  /* END - PROCUREMENT */ }
  #request-a-quote .request-a-quote__header {
    padding: 55px 0 300px;
    background-color: #e5f8fd; }
    @media (max-width: 576px) {
      #request-a-quote .request-a-quote__header {
        padding: 35px 0 280px; } }
    #request-a-quote .request-a-quote__header .content {
      margin-inline: auto;
      max-width: 790px;
      text-align: center; }
      @media (max-width: 768px) {
        #request-a-quote .request-a-quote__header .content {
          width: 80%; } }
      #request-a-quote .request-a-quote__header .content h1 {
        margin-bottom: 27px;
        color: #38383d;
        line-height: 40px;
        letter-spacing: 1px;
        font-family: "Paralucent";
        font-weight: bold;
        font-size: 45px; }
        @media (max-width: 576px) {
          #request-a-quote .request-a-quote__header .content h1 {
            margin-bottom: 10px;
            font-size: 25px; } }
      #request-a-quote .request-a-quote__header .content p {
        color: #38383d;
        line-height: 30px;
        letter-spacing: 0px;
        font-weight: 400;
        font-size: 14px; }
        @media (max-width: 576px) {
          #request-a-quote .request-a-quote__header .content p {
            font-size: 12px; } }
  #request-a-quote .request-a-quote__form {
    margin-top: -255px;
    margin-inline: auto;
    max-width: 1008px;
    padding: 65px 110px 35px;
    background-color: #fff;
    border-radius: 8px;
    border-top: 7px solid #00b9e4;
    box-shadow: 0 0 10px rgba(153, 153, 153, 0.3); }
    @media (max-width: 768px) {
      #request-a-quote .request-a-quote__form {
        padding: 60px; } }
    @media (max-width: 576px) {
      #request-a-quote .request-a-quote__form {
        padding: 20px; } }
  #request-a-quote .request-a-quote__get-a-quote {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    margin: 20px 0 70px; }
    @media (max-width: 576px) {
      #request-a-quote .request-a-quote__get-a-quote {
        flex-direction: column; } }
    #request-a-quote .request-a-quote__get-a-quote p {
      margin: 0;
      color: #38383e;
      letter-spacing: 0px;
      font-weight: 700;
      font-size: 15px; }
    #request-a-quote .request-a-quote__get-a-quote .contact-group {
      display: flex;
      flex-direction: row;
      justify-content: center;
      align-items: center;
      margin: 30px 10px;
      color: #38383e;
      letter-spacing: 0px;
      font-weight: 700;
      font-size: 15px; }
      @media (max-width: 576px) {
        #request-a-quote .request-a-quote__get-a-quote .contact-group {
          margin: 10px 0; } }
      #request-a-quote .request-a-quote__get-a-quote .contact-group:last-child a {
        text-decoration: underline; }
      #request-a-quote .request-a-quote__get-a-quote .contact-group img {
        margin-inline: 12px;
        height: 34px; }
        @media (max-width: 576px) {
          #request-a-quote .request-a-quote__get-a-quote .contact-group img {
            margin: 0; } }
  #request-a-quote .request-a-quote__quote-promotion {
    display: flex;
    flex-direction: row;
    margin-bottom: 125px;
    margin-inline: auto;
    max-width: 1180px;
    width: 95%; }
    @media (max-width: 992px) {
      #request-a-quote .request-a-quote__quote-promotion {
        flex-direction: column; } }
    @media (max-width: 576px) {
      #request-a-quote .request-a-quote__quote-promotion {
        margin-bottom: 50px; } }
    @media (max-width: 1200px) {
      #request-a-quote .request-a-quote__quote-promotion img {
        width: 50%; } }
    @media (max-width: 992px) {
      #request-a-quote .request-a-quote__quote-promotion img {
        margin-bottom: 30px;
        margin-inline: auto;
        width: 70%; } }
    #request-a-quote .request-a-quote__quote-promotion .content {
      display: flex;
      flex-direction: column;
      justify-content: center; }
      @media (max-width: 992px) {
        #request-a-quote .request-a-quote__quote-promotion .content {
          flex-direction: column;
          margin-inline: auto;
          width: 80%; } }
      #request-a-quote .request-a-quote__quote-promotion .content h2 {
        margin-bottom: 40px;
        color: #38383e;
        line-height: 30px;
        letter-spacing: 1px;
        font-family: "Paralucent";
        font-weight: bold;
        font-size: 25px; }
        @media (max-width: 992px) {
          #request-a-quote .request-a-quote__quote-promotion .content h2 {
            margin-bottom: 20px; } }
        @media (max-width: 576px) {
          #request-a-quote .request-a-quote__quote-promotion .content h2 {
            font-size: 22px; } }
      #request-a-quote .request-a-quote__quote-promotion .content p {
        color: #38383d;
        text-align: start;
        letter-spacing: 0px;
        line-height: 30px;
        font-weight: 400;
        font-size: 14px; }
        @media (max-width: 576px) {
          #request-a-quote .request-a-quote__quote-promotion .content p {
            font-size: 12px; } }
  #request-a-quote .request-a-quote__facility-essentials {
    padding: 112px 0;
    background-color: #f7f7f7; }
    @media (max-width: 768px) {
      #request-a-quote .request-a-quote__facility-essentials {
        padding: 75px 0; } }
    #request-a-quote .request-a-quote__facility-essentials .content {
      margin-inline: auto;
      max-width: 1350px; }
      #request-a-quote .request-a-quote__facility-essentials .content h3 {
        margin: 0;
        margin-bottom: 62px;
        color: #38383e;
        text-align: center;
        letter-spacing: 0px;
        line-height: 30px;
        font-family: "Paralucent";
        font-weight: bold;
        font-size: 20px; }
        @media (max-width: 576px) {
          #request-a-quote .request-a-quote__facility-essentials .content h3 {
            margin-inline: auto;
            width: 95%;
            font-size: 18px; } }
      #request-a-quote .request-a-quote__facility-essentials .content .request-a-quote__cards {
        display: flex;
        flex-wrap: wrap;
        flex-direction: row;
        color: #38383e; }
        @media (max-width: 768px) {
          #request-a-quote .request-a-quote__facility-essentials .content .request-a-quote__cards {
            justify-content: center; } }
        #request-a-quote .request-a-quote__facility-essentials .content .request-a-quote__cards .request-a-quote__card {
          width: 20%;
          display: flex;
          flex-direction: column;
          align-items: center;
          color: #38383e;
          text-align: center; }
          @media (max-width: 1200px) {
            #request-a-quote .request-a-quote__facility-essentials .content .request-a-quote__cards .request-a-quote__card {
              width: 33%; } }
          @media (max-width: 768px) {
            #request-a-quote .request-a-quote__facility-essentials .content .request-a-quote__cards .request-a-quote__card {
              margin-bottom: 60px;
              width: 50%; } }
          @media (max-width: 576px) {
            #request-a-quote .request-a-quote__facility-essentials .content .request-a-quote__cards .request-a-quote__card {
              width: 100%; } }
          #request-a-quote .request-a-quote__facility-essentials .content .request-a-quote__cards .request-a-quote__card h6 {
            margin-bottom: 0;
            text-transform: initial;
            line-height: 27px;
            letter-spacing: 0px;
            font-weight: 700;
            font-size: 15px; }
          #request-a-quote .request-a-quote__facility-essentials .content .request-a-quote__cards .request-a-quote__card p {
            margin: 0;
            line-height: 27px;
            letter-spacing: 0px;
            font-size: 13px; }
  #request-a-quote .request-a-quote__procurement {
    position: relative; }
    @media (max-width: 768px) {
      #request-a-quote .request-a-quote__procurement img {
        height: 490px;
        object-fit: cover; } }
    @media (max-width: 992px) {
      #request-a-quote .request-a-quote__procurement .desktop {
        display: none; } }
    #request-a-quote .request-a-quote__procurement .mobile {
      display: none; }
      @media (max-width: 992px) {
        #request-a-quote .request-a-quote__procurement .mobile {
          display: block; } }
    #request-a-quote .request-a-quote__procurement .content {
      position: absolute;
      top: 0;
      left: 0;
      height: 100%;
      width: 100%;
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center; }
      #request-a-quote .request-a-quote__procurement .content h3 {
        margin-bottom: 20px;
        color: #00b9e4;
        line-height: 30px;
        letter-spacing: 0px;
        font-style: italic;
        font-weight: 400;
        font-size: 20px; }
        @media (max-width: 1650px) {
          #request-a-quote .request-a-quote__procurement .content h3 {
            line-height: 1.818vw;
            font-size: 1.212vw; } }
        @media (max-width: 1200px) {
          #request-a-quote .request-a-quote__procurement .content h3 {
            line-height: 2.5vw;
            font-size: 1.667vw; } }
        @media (max-width: 992px) {
          #request-a-quote .request-a-quote__procurement .content h3 {
            line-height: 30px;
            font-size: 20px; } }
        @media (max-width: 768px) {
          #request-a-quote .request-a-quote__procurement .content h3 {
            margin: 0;
            line-height: initial;
            font-size: 16px; } }
      #request-a-quote .request-a-quote__procurement .content h1 {
        margin-top: 0;
        margin-bottom: 45px;
        color: #ffffff;
        line-height: 30px;
        letter-spacing: 1px;
        font-family: "Paralucent";
        font-weight: bold;
        font-size: 30px; }
        @media (max-width: 1650px) {
          #request-a-quote .request-a-quote__procurement .content h1 {
            margin-bottom: 2.727vw;
            line-height: 1.818vw;
            letter-spacing: 0.061vw;
            font-size: 1.818vw; } }
        @media (max-width: 1200px) {
          #request-a-quote .request-a-quote__procurement .content h1 {
            margin-bottom: 3.75vw;
            line-height: 2.5vw;
            letter-spacing: 0.083vw;
            font-size: 2.5vw; } }
        @media (max-width: 992px) {
          #request-a-quote .request-a-quote__procurement .content h1 {
            margin-bottom: 45px;
            line-height: 30px;
            letter-spacing: 1px;
            font-size: 30px; } }
        @media (max-width: 768px) {
          #request-a-quote .request-a-quote__procurement .content h1 {
            margin: 20px 0;
            font-size: 22px;
            text-align: center; } }
      #request-a-quote .request-a-quote__procurement .content ul {
        margin-bottom: 55px;
        display: flex;
        flex-direction: row;
        color: #ffffff;
        text-align: center;
        letter-spacing: 0px;
        line-height: 21px;
        font-weight: 700;
        font-size: 18px; }
        @media (max-width: 1650px) {
          #request-a-quote .request-a-quote__procurement .content ul {
            margin-bottom: 3.333vw;
            line-height: 1.273vw;
            font-size: 1.091vw; } }
        @media (max-width: 1200px) {
          #request-a-quote .request-a-quote__procurement .content ul {
            margin-bottom: 3.5vw;
            line-height: 1.75vw;
            font-size: 1.5vw; } }
        @media (max-width: 992px) {
          #request-a-quote .request-a-quote__procurement .content ul {
            margin-bottom: 40px;
            line-height: 21px;
            font-size: 16px; } }
        @media (max-width: 768px) {
          #request-a-quote .request-a-quote__procurement .content ul {
            font-size: 14px; } }
        @media (max-width: 576px) {
          #request-a-quote .request-a-quote__procurement .content ul {
            margin-bottom: 25px;
            flex-direction: column;
            padding: 10px 0;
            width: 246px;
            border-top: 1px solid #00b9e4;
            border-bottom: 1px solid #00b9e4; } }
        #request-a-quote .request-a-quote__procurement .content ul li {
          padding: 0 26px;
          border-right: 1px solid #00b9e4; }
          @media (max-width: 1650px) {
            #request-a-quote .request-a-quote__procurement .content ul li {
              padding: 0 1.576vw; } }
          @media (max-width: 1200px) {
            #request-a-quote .request-a-quote__procurement .content ul li {
              padding: 0 2.167vw; } }
          @media (max-width: 992px) {
            #request-a-quote .request-a-quote__procurement .content ul li {
              padding: 0 26px; } }
          @media (max-width: 768px) {
            #request-a-quote .request-a-quote__procurement .content ul li {
              font-size: 14px;
              flex-wrap: wrap; } }
          @media (max-width: 576px) {
            #request-a-quote .request-a-quote__procurement .content ul li {
              border: none; } }
          @media (max-width: 576px) {
            #request-a-quote .request-a-quote__procurement .content ul li br {
              display: none; } }
          #request-a-quote .request-a-quote__procurement .content ul li:last-child {
            border-right: none; }
      #request-a-quote .request-a-quote__procurement .content p {
        margin-top: 0;
        margin-bottom: 80px;
        max-width: 612px;
        color: #ffffff;
        text-align: center;
        line-height: 30px;
        letter-spacing: 0px;
        font-weight: 400;
        font-size: 14px; }
        @media (max-width: 1650px) {
          #request-a-quote .request-a-quote__procurement .content p {
            margin-bottom: 4.848vw;
            max-width: 37.091vw;
            line-height: 1.818vw;
            font-size: 0.848vw; } }
        @media (max-width: 1200px) {
          #request-a-quote .request-a-quote__procurement .content p {
            margin-bottom: 2.5vw;
            max-width: 51vw;
            line-height: 2.5vw;
            font-size: 1.167vw; } }
        @media (max-width: 992px) {
          #request-a-quote .request-a-quote__procurement .content p {
            margin-bottom: 60px;
            max-width: 95%;
            line-height: 30px;
            font-size: 14px; } }
        @media (max-width: 576px) {
          #request-a-quote .request-a-quote__procurement .content p {
            margin-bottom: 40px;
            line-height: 20px;
            font-size: 12px; } }
      #request-a-quote .request-a-quote__procurement .content a {
        padding: 16px 68px;
        box-shadow: #e93901 0 3px 0 0;
        border: none;
        color: #ea3a02;
        text-align: center;
        letter-spacing: 0px;
        font-weight: 700;
        font-size: 13px; }
        @media (max-width: 1650px) {
          #request-a-quote .request-a-quote__procurement .content a {
            padding: 0.97vw 4.121vw;
            box-shadow: #e93901 0 0.182vw 0 0;
            font-size: 0.788vw; } }
        @media (max-width: 1200px) {
          #request-a-quote .request-a-quote__procurement .content a {
            padding: 1.333vw 5.667vw;
            box-shadow: #e93901 0 0.25vw 0 0;
            font-size: 1.083vw; } }
        @media (max-width: 992px) {
          #request-a-quote .request-a-quote__procurement .content a {
            padding: 16px 68px;
            box-shadow: #e93901 0 3px 0 0;
            font-size: 13px; } }
        @media (max-width: 576px) {
          #request-a-quote .request-a-quote__procurement .content a {
            padding: 12px 40px; } }
        #request-a-quote .request-a-quote__procurement .content a:hover {
          color: white; }

.industries-page,
.bath-body-care {
  padding: 18px 0;
  /* START - HEADING SECTION */
  /* END - HEADING SECTION */
  /* START - CATEGORY PANELS SECTION */
  /* END - CATEGORY PANELS SECTION */
  /* START - BUY MORE, SAVE MORE SECTION */
  /* END - BUY MORE, SAVE MORE SECTION */ }
  @media (max-width: 576px) {
    .industries-page,
    .bath-body-care {
      padding: 20px 0; } }
  .industries-page .title-link,
  .bath-body-care .title-link {
    color: #38383e;
    text-decoration: underline;
    line-height: 22px;
    letter-spacing: 0px;
    font-weight: 700;
    font-size: 15px; }
    @media (max-width: 576px) {
      .industries-page .title-link,
      .bath-body-care .title-link {
        font-size: 13px;
        margin-bottom: initial; } }
    .industries-page .title-link + span,
    .bath-body-care .title-link + span {
      color: #ea3a02;
      font-weight: 700;
      font-size: 15px; }
    .industries-page .title-link:hover,
    .bath-body-care .title-link:hover {
      text-decoration: none; }
  .industries-page .heading,
  .bath-body-care .heading {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    margin-bottom: 25px; }
    @media (max-width: 768px) {
      .industries-page .heading,
      .bath-body-care .heading {
        flex-direction: column; } }
    .industries-page .heading .content-container,
    .bath-body-care .heading .content-container {
      display: flex;
      flex-direction: column;
      justify-content: space-between;
      align-items: flex-start;
      width: 50%; }
      @media (max-width: 992px) {
        .industries-page .heading .content-container,
        .bath-body-care .heading .content-container {
          width: 65%; } }
      @media (max-width: 768px) {
        .industries-page .heading .content-container,
        .bath-body-care .heading .content-container {
          width: 100%; } }
      .industries-page .heading .content-container h1,
      .bath-body-care .heading .content-container h1 {
        margin-bottom: 12px;
        color: #38383e;
        text-transform: uppercase;
        line-height: 40px;
        letter-spacing: 0;
        font-family: "Paralucent";
        font-weight: bold;
        font-size: 40px; }
        @media (max-width: 576px) {
          .industries-page .heading .content-container h1,
          .bath-body-care .heading .content-container h1 {
            margin-bottom: 0px;
            font-size: 35px; } }
      .industries-page .heading .content-container h2,
      .bath-body-care .heading .content-container h2 {
        line-height: 1;
        margin-top: 1rem; }
        @media (max-width: 576px) {
          .industries-page .heading .content-container h2,
          .bath-body-care .heading .content-container h2 {
            margin-top: 0px; } }
      .industries-page .heading .content-container .text,
      .bath-body-care .heading .content-container .text {
        margin-bottom: 30px;
        width: 95%;
        color: #38383e;
        line-height: 24px;
        letter-spacing: 0px;
        font-weight: 400;
        font-size: 13px; }
        @media (max-width: 768px) {
          .industries-page .heading .content-container .text,
          .bath-body-care .heading .content-container .text {
            margin-bottom: 15px; } }
        @media (max-width: 576px) {
          .industries-page .heading .content-container .text,
          .bath-body-care .heading .content-container .text {
            margin-top: 1rem;
            font-size: 12px; } }
      .industries-page .heading .content-container .highlights .highlight,
      .bath-body-care .heading .content-container .highlights .highlight {
        display: flex;
        flex-direction: row;
        align-content: center;
        padding: 13px 0;
        line-height: 24px;
        letter-spacing: 0px;
        font-weight: 700;
        font-size: 15px; }
        @media (max-width: 768px) {
          .industries-page .heading .content-container .highlights .highlight,
          .bath-body-care .heading .content-container .highlights .highlight {
            padding: 8px 0; } }
        .industries-page .heading .content-container .highlights .highlight:first-child p span,
        .bath-body-care .heading .content-container .highlights .highlight:first-child p span {
          font-style: italic; }
        .industries-page .heading .content-container .highlights .highlight:last-child img:last-child,
        .bath-body-care .heading .content-container .highlights .highlight:last-child img:last-child {
          margin-left: 8px; }
          @media (max-width: 576px) {
            .industries-page .heading .content-container .highlights .highlight:last-child img:last-child,
            .bath-body-care .heading .content-container .highlights .highlight:last-child img:last-child {
              margin-left: 5px; } }
        .industries-page .heading .content-container .highlights .highlight .icon-container,
        .bath-body-care .heading .content-container .highlights .highlight .icon-container {
          width: 68px; }
          @media (max-width: 576px) {
            .industries-page .heading .content-container .highlights .highlight .icon-container,
            .bath-body-care .heading .content-container .highlights .highlight .icon-container {
              width: 82px; } }
        .industries-page .heading .content-container .highlights .highlight p,
        .bath-body-care .heading .content-container .highlights .highlight p {
          margin: auto 0;
          width: 100%; }
          @media (max-width: 576px) {
            .industries-page .heading .content-container .highlights .highlight p,
            .bath-body-care .heading .content-container .highlights .highlight p {
              font-size: 12px; } }
          .industries-page .heading .content-container .highlights .highlight p span,
          .bath-body-care .heading .content-container .highlights .highlight p span {
            color: #00b9e4; }
            @media (max-width: 576px) {
              .industries-page .heading .content-container .highlights .highlight p span,
              .bath-body-care .heading .content-container .highlights .highlight p span {
                font-size: 12px; } }
    .industries-page .heading .image-container,
    .bath-body-care .heading .image-container {
      width: 50%;
      display: flex;
      justify-content: center;
      align-items: center; }
      @media (max-width: 992px) {
        .industries-page .heading .image-container,
        .bath-body-care .heading .image-container {
          width: 35%; } }
      @media (max-width: 768px) {
        .industries-page .heading .image-container,
        .bath-body-care .heading .image-container {
          width: 45%;
          margin-top: 15px; } }
      @media (max-width: 576px) {
        .industries-page .heading .image-container,
        .bath-body-care .heading .image-container {
          width: 80%; } }
  .industries-page .bath-body-categories,
  .bath-body-care .bath-body-categories {
    margin-bottom: 82px; }
    @media (max-width: 768px) {
      .industries-page .bath-body-categories,
      .bath-body-care .bath-body-categories {
        margin-bottom: 70px;
        display: none; } }
    .industries-page .bath-body-categories .cards,
    .bath-body-care .bath-body-categories .cards {
      display: flex;
      flex-direction: row;
      flex-wrap: wrap;
      justify-content: space-between;
      align-content: center;
      /* column-gap: 1rem; */
      /*
            @media (min-width: $md) {
                flex-wrap: inherit;
            }
            */ }
      @media (max-width: 992px) {
        .industries-page .bath-body-categories .cards::after,
        .bath-body-care .bath-body-categories .cards::after {
          content: "";
          width: 32.5%; } }
      .industries-page .bath-body-categories .cards.cards-last-3-column,
      .bath-body-care .bath-body-categories .cards.cards-last-3-column {
        display: grid;
        grid-template-columns: 1fr;
        grid-template-rows: auto;
        justify-items: center; }
        @media (min-width: 576px) {
          .industries-page .bath-body-categories .cards.cards-last-3-column,
          .bath-body-care .bath-body-categories .cards.cards-last-3-column {
            grid-template-columns: 1fr 1fr;
            grid-template-rows: auto; } }
        @media (min-width: 768px) {
          .industries-page .bath-body-categories .cards.cards-last-3-column,
          .bath-body-care .bath-body-categories .cards.cards-last-3-column {
            grid-template-columns: repeat(3, 1fr);
            grid-template-rows: auto; } }
        .industries-page .bath-body-categories .cards.cards-last-3-column .card,
        .bath-body-care .bath-body-categories .cards.cards-last-3-column .card {
          width: 97%; }
    .industries-page .bath-body-categories .card,
    .bath-body-care .bath-body-categories .card {
      margin-bottom: 10px;
      background-color: #fff;
      border-radius: 5px;
      padding: 6px;
      width: 24.5%; }
      @media (max-width: 992px) {
        .industries-page .bath-body-categories .card,
        .bath-body-care .bath-body-categories .card {
          width: 32.5%; } }
      @media (max-width: 768px) {
        .industries-page .bath-body-categories .card,
        .bath-body-care .bath-body-categories .card {
          width: 49%; } }
      @media (max-width: 576px) {
        .industries-page .bath-body-categories .card,
        .bath-body-care .bath-body-categories .card {
          width: 100%; } }
      .industries-page .bath-body-categories .card img,
      .bath-body-care .bath-body-categories .card img {
        width: 100%; }
      .industries-page .bath-body-categories .card .content,
      .bath-body-care .bath-body-categories .card .content {
        padding: 22px 20px; }
      .industries-page .bath-body-categories .card h1,
      .industries-page .bath-body-categories .card h3,
      .bath-body-care .bath-body-categories .card h1,
      .bath-body-care .bath-body-categories .card h3 {
        margin-bottom: 8px;
        color: #38383e;
        letter-spacing: 0px;
        line-height: 22px;
        font-weight: 700;
        font-size: 22px; }
        @media (max-width: 576px) {
          .industries-page .bath-body-categories .card h1,
          .industries-page .bath-body-categories .card h3,
          .bath-body-care .bath-body-categories .card h1,
          .bath-body-care .bath-body-categories .card h3 {
            margin-bottom: 4px;
            font-size: 18px; } }
      .industries-page .bath-body-categories .card h3,
      .bath-body-care .bath-body-categories .card h3 {
        margin-top: 0; }
      .industries-page .bath-body-categories .card p,
      .bath-body-care .bath-body-categories .card p {
        margin-top: 6px;
        margin-bottom: 12px;
        color: #929292;
        line-height: 20px;
        letter-spacing: 0px;
        font-weight: 400;
        font-size: 13px; }
        @media (max-width: 768px) {
          .industries-page .bath-body-categories .card p,
          .bath-body-care .bath-body-categories .card p {
            margin-bottom: 0; } }
        @media (max-width: 576px) {
          .industries-page .bath-body-categories .card p,
          .bath-body-care .bath-body-categories .card p {
            line-height: 22px;
            font-size: 12px; } }
      @media (max-width: 768px) {
        .industries-page .bath-body-categories .card ul,
        .bath-body-care .bath-body-categories .card ul {
          display: none; } }
      .industries-page .bath-body-categories .card ul a,
      .bath-body-care .bath-body-categories .card ul a {
        color: #38383e;
        text-decoration: underline;
        line-height: 27px;
        letter-spacing: 0px;
        font-weight: 400;
        font-size: 13px; }
        .industries-page .bath-body-categories .card ul a:hover,
        .bath-body-care .bath-body-categories .card ul a:hover {
          text-decoration: none; }
  .industries-page .top-products-title,
  .bath-body-care .top-products-title {
    margin-bottom: 0;
    color: #38383e;
    letter-spacing: 0px;
    text-align: center;
    font-family: "Paralucent";
    font-weight: bold;
    font-size: 20px; }
  .industries-page .buy-more-save-more,
  .bath-body-care .buy-more-save-more {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-content: center;
    margin-top: 35px; }
    @media (max-width: 768px) {
      .industries-page .buy-more-save-more,
      .bath-body-care .buy-more-save-more {
        flex-direction: column; } }
    .industries-page .buy-more-save-more .image-container,
    .bath-body-care .buy-more-save-more .image-container {
      display: flex;
      justify-content: end;
      width: 55%; }
      @media (max-width: 768px) {
        .industries-page .buy-more-save-more .image-container,
        .bath-body-care .buy-more-save-more .image-container {
          flex-direction: column;
          justify-content: center;
          margin-inline: auto;
          width: 40%; } }
      @media (max-width: 576px) {
        .industries-page .buy-more-save-more .image-container,
        .bath-body-care .buy-more-save-more .image-container {
          width: 75%; } }
    .industries-page .buy-more-save-more .content-container,
    .bath-body-care .buy-more-save-more .content-container {
      display: flex;
      flex-direction: column;
      justify-content: center;
      margin-inline: 45px;
      width: 100%; }
      @media (max-width: 768px) {
        .industries-page .buy-more-save-more .content-container,
        .bath-body-care .buy-more-save-more .content-container {
          margin: 0;
          margin-top: 30px; } }
      .industries-page .buy-more-save-more .content-container h1,
      .industries-page .buy-more-save-more .content-container h2,
      .bath-body-care .buy-more-save-more .content-container h1,
      .bath-body-care .buy-more-save-more .content-container h2 {
        margin-bottom: 13px;
        color: #38383e;
        line-height: 1.25;
        letter-spacing: 0px;
        font-family: "Paralucent";
        font-weight: bold;
        font-size: 22px;
        text-transform: uppercase; }
        @media (max-width: 576px) {
          .industries-page .buy-more-save-more .content-container h1,
          .industries-page .buy-more-save-more .content-container h2,
          .bath-body-care .buy-more-save-more .content-container h1,
          .bath-body-care .buy-more-save-more .content-container h2 {
            font-size: 18px; } }
        .industries-page .buy-more-save-more .content-container h1 span,
        .industries-page .buy-more-save-more .content-container h2 span,
        .bath-body-care .buy-more-save-more .content-container h1 span,
        .bath-body-care .buy-more-save-more .content-container h2 span {
          color: #00b9e4; }
      .industries-page .buy-more-save-more .content-container p,
      .bath-body-care .buy-more-save-more .content-container p {
        margin-bottom: 23px;
        width: 80%;
        color: #38383e;
        line-height: 24px;
        letter-spacing: 0px;
        font-size: 13px; }
        @media (max-width: 992px) {
          .industries-page .buy-more-save-more .content-container p,
          .bath-body-care .buy-more-save-more .content-container p {
            width: 100%; } }
        @media (max-width: 576px) {
          .industries-page .buy-more-save-more .content-container p,
          .bath-body-care .buy-more-save-more .content-container p {
            margin-bottom: 15px;
            font-size: 12px; } }
  .industries-page .card-3-column > .card,
  .bath-body-care .card-3-column > .card {
    width: 33%; }
  @media (min-width: 992px) {
    .industries-page .cards-first-3-column > .card:nth-child(-n+3),
    .bath-body-care .cards-first-3-column > .card:nth-child(-n+3) {
      width: 33%; } }

#our-company {
  margin-top: 80px;
  /* START - HEADING */
  /* END - HEADING */
  /* START - WHO WE ARE */
  /* END - WHO WE ARE */
  /* START - FAST SHIPPING, WORLDWIDE DISTRIBUTION */
  /* END - FAST SHIPPING, WORLDWIDE DISTRIBUTION */
  /* START - CUSTOMER EXPERIENCE */
  /* END - CUSTOMER EXPERIENCE */
  /* START - CUSTOMER REVIEW */
  /* END - CUSTOMER REVIEW */
  /* START - WHAT WE DO */
  /* END - WHAT WE DO */
  /* START - BOXES */
  /* END - BOXES */
  /* START - IMAGES ROW */
  /* END - IMAGES ROW */
  /* START - HOMEPAGE INDUSTRIES */
  /* END - HOMEPAGE INDUSTRIES */
  /* START - LEARN MORE */
  /* END - LEARN MORE */
  /* START - FAMILY OF BRANDS */
  /* END - FAMILY OF BRANDS */ }
  @media (max-width: 768px) {
    #our-company {
      margin-top: 40px; } }
  #our-company h2 {
    color: #38383e;
    text-align: center;
    line-height: 17px;
    letter-spacing: 0px;
    font-family: "Paralucent";
    font-weight: bold;
    font-size: 25px; }
    @media (max-width: 576px) {
      #our-company h2 {
        font-size: 22px; } }
    #our-company h2 span {
      color: #00b9e4; }
  #our-company .container {
    max-width: 1350px;
    padding: 0; }
    @media (max-width: 1200px) {
      #our-company .container {
        max-width: 95%; } }
    @media (max-width: 768px) {
      #our-company .container {
        max-width: 90%; } }
  #our-company .heading .highlights {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    margin-bottom: 35px; }
    @media (max-width: 768px) {
      #our-company .heading .highlights {
        flex-direction: column;
        margin-bottom: 20px; } }
    #our-company .heading .highlights .slick-list, #our-company .heading .highlights .slick-track {
      width: 100%; }
    #our-company .heading .highlights .slick-track {
      width: 100%;
      display: flex;
      justify-content: space-between; }
      #our-company .heading .highlights .slick-track::before, #our-company .heading .highlights .slick-track::after {
        content: initial; }
      @media (min-width: 769px) {
        #our-company .heading .highlights .slick-track .highlight-group {
          width: initial !important;
          margin-right: 15px; } }
      @media (max-width: 768px) {
        #our-company .heading .highlights .slick-track .highlight-group {
          justify-content: center; } }
      #our-company .heading .highlights .slick-track .highlight-group:last-child {
        margin-right: 0; }
    #our-company .heading .highlights .highlight-group {
      width: initial;
      display: flex;
      flex-direction: row;
      justify-content: center;
      align-items: center; }
      @media (max-width: 768px) {
        #our-company .heading .highlights .highlight-group {
          justify-content: start;
          margin-bottom: 2rem; } }
      #our-company .heading .highlights .highlight-group .image-container {
        max-width: 84px; }
      #our-company .heading .highlights .highlight-group p {
        margin: 0;
        margin-left: 15px;
        color: #38383e;
        text-transform: uppercase;
        letter-spacing: 0px;
        font-family: "Paralucent";
        font-weight: bold;
        font-size: 18px; }
  #our-company .heading .video-banner {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center; }
    @media (max-width: 768px) {
      #our-company .heading .video-banner {
        flex-direction: column; } }
    #our-company .heading .video-banner video {
      max-width: 1650px;
      width: 100%; }
    #our-company .heading .video-banner .content-overlay {
      position: absolute;
      top: 0;
      bottom: 0;
      left: 0;
      right: 0;
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center;
      height: 100%; }
      @media (max-width: 768px) {
        #our-company .heading .video-banner .content-overlay {
          margin-top: 10px;
          margin-bottom: 30px;
          position: relative; } }
      #our-company .heading .video-banner .content-overlay h1 {
        margin: 0;
        color: #ffffff;
        text-align: center;
        text-transform: uppercase;
        letter-spacing: 1px;
        font-family: "Paralucent";
        font-weight: 300;
        font-size: 50px; }
        @media (max-width: 1200px) {
          #our-company .heading .video-banner .content-overlay h1 {
            font-size: 40px; } }
        @media (max-width: 992px) {
          #our-company .heading .video-banner .content-overlay h1 {
            font-size: 30px; } }
        @media (max-width: 768px) {
          #our-company .heading .video-banner .content-overlay h1 {
            color: #000; } }
        @media (max-width: 576px) {
          #our-company .heading .video-banner .content-overlay h1 {
            margin-bottom: 10px;
            line-height: normal;
            font-size: 35px; } }
        #our-company .heading .video-banner .content-overlay h1 span {
          color: #00b9e4;
          font-weight: bold; }
      #our-company .heading .video-banner .content-overlay h6 {
        margin: 0;
        color: #ffffff;
        text-align: center;
        letter-spacing: 0px;
        font-family: "Paralucent";
        font-weight: 300;
        font-size: 20px; }
        @media (max-width: 1200px) {
          #our-company .heading .video-banner .content-overlay h6 {
            font-size: 18px; } }
        @media (max-width: 768px) {
          #our-company .heading .video-banner .content-overlay h6 {
            color: #000; } }
        @media (max-width: 576px) {
          #our-company .heading .video-banner .content-overlay h6 {
            margin-bottom: 10px;
            font-size: 16px; } }
      #our-company .heading .video-banner .content-overlay p {
        margin: 0;
        color: #ffffff;
        text-align: center;
        letter-spacing: 0px;
        font-family: "Roboto";
        font-weight: 400;
        font-size: 25px; }
        @media (max-width: 1200px) {
          #our-company .heading .video-banner .content-overlay p {
            font-size: 22px; } }
        @media (max-width: 992px) {
          #our-company .heading .video-banner .content-overlay p {
            font-size: 18px; } }
        @media (max-width: 768px) {
          #our-company .heading .video-banner .content-overlay p {
            color: #000; } }
        @media (max-width: 576px) {
          #our-company .heading .video-banner .content-overlay p {
            font-size: 12px; } }
  #our-company .who-we-are, #our-company .fast-shipping-worldwide-distribution, #our-company .customer-experience {
    padding: 54px 0; }
    @media (max-width: 768px) {
      #our-company .who-we-are, #our-company .fast-shipping-worldwide-distribution, #our-company .customer-experience {
        padding: 50px 0; } }
    #our-company .who-we-are .container, #our-company .fast-shipping-worldwide-distribution .container, #our-company .customer-experience .container {
      display: flex;
      flex-direction: row;
      justify-content: center; }
      @media (max-width: 768px) {
        #our-company .who-we-are .container, #our-company .fast-shipping-worldwide-distribution .container, #our-company .customer-experience .container {
          flex-direction: column;
          align-items: center; } }
      #our-company .who-we-are .container .image-container, #our-company .fast-shipping-worldwide-distribution .container .image-container, #our-company .customer-experience .container .image-container {
        display: flex;
        justify-content: center;
        align-items: center;
        width: 50%; }
        @media (max-width: 768px) {
          #our-company .who-we-are .container .image-container, #our-company .fast-shipping-worldwide-distribution .container .image-container, #our-company .customer-experience .container .image-container {
            width: 100%; } }
        @media (max-width: 1200px) {
          #our-company .who-we-are .container .image-container img, #our-company .fast-shipping-worldwide-distribution .container .image-container img, #our-company .customer-experience .container .image-container img {
            width: 80%; } }
        @media (max-width: 768px) {
          #our-company .who-we-are .container .image-container img, #our-company .fast-shipping-worldwide-distribution .container .image-container img, #our-company .customer-experience .container .image-container img {
            width: 60%; } }
      #our-company .who-we-are .container .content-container, #our-company .fast-shipping-worldwide-distribution .container .content-container, #our-company .customer-experience .container .content-container {
        display: flex;
        width: 50%; }
        @media (max-width: 768px) {
          #our-company .who-we-are .container .content-container, #our-company .fast-shipping-worldwide-distribution .container .content-container, #our-company .customer-experience .container .content-container {
            margin-top: 0;
            width: 100%; } }
        #our-company .who-we-are .container .content-container .content, #our-company .fast-shipping-worldwide-distribution .container .content-container .content, #our-company .customer-experience .container .content-container .content {
          display: flex;
          flex-direction: column;
          justify-content: center;
          margin-inline: auto;
          max-width: 595px; }
          @media (max-width: 768px) {
            #our-company .who-we-are .container .content-container .content, #our-company .fast-shipping-worldwide-distribution .container .content-container .content, #our-company .customer-experience .container .content-container .content {
              max-width: initial; } }
          #our-company .who-we-are .container .content-container .content h3, #our-company .fast-shipping-worldwide-distribution .container .content-container .content h3, #our-company .customer-experience .container .content-container .content h3 {
            margin-top: 0;
            color: #00b9e4;
            line-height: 34px;
            letter-spacing: 0px;
            font-family: "Paralucent";
            font-weight: bold;
            font-size: 20px; }
            @media (max-width: 768px) {
              #our-company .who-we-are .container .content-container .content h3, #our-company .fast-shipping-worldwide-distribution .container .content-container .content h3, #our-company .customer-experience .container .content-container .content h3 {
                line-height: initial;
                font-size: 18px; } }
          #our-company .who-we-are .container .content-container .content p, #our-company .fast-shipping-worldwide-distribution .container .content-container .content p, #our-company .customer-experience .container .content-container .content p {
            color: #38383e;
            line-height: 34px;
            letter-spacing: 0px;
            font-weight: 400;
            font-size: 16px; }
            @media (max-width: 768px) {
              #our-company .who-we-are .container .content-container .content p, #our-company .fast-shipping-worldwide-distribution .container .content-container .content p, #our-company .customer-experience .container .content-container .content p {
                font-size: 14px;
                line-height: 25px; } }
            @media (max-width: 576px) {
              #our-company .who-we-are .container .content-container .content p, #our-company .fast-shipping-worldwide-distribution .container .content-container .content p, #our-company .customer-experience .container .content-container .content p {
                font-size: 12px; } }
  #our-company .fast-shipping-worldwide-distribution {
    padding: 60px 0 28px;
    background: #f7f7f7; }
    @media (max-width: 768px) {
      #our-company .fast-shipping-worldwide-distribution {
        padding: 50px 0; } }
    #our-company .fast-shipping-worldwide-distribution .content {
      margin-left: 90px;
      max-width: 565px; }
  #our-company .customer-experience {
    padding: 100px 0; }
    @media (max-width: 768px) {
      #our-company .customer-experience {
        padding: 50px 0; } }
    @media (max-width: 768px) {
      #our-company .customer-experience .content-container {
        margin-top: 40px !important; } }
    #our-company .customer-experience .content-container .content {
      max-width: 584px; }
      #our-company .customer-experience .content-container .content p:nth-child(2) {
        margin-bottom: 34px; }
  #our-company .customer-review {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 230px;
    height: 418px;
    background-color: #34448f; }
    @media (max-width: 992px) {
      #our-company .customer-review {
        flex-direction: column;
        margin-top: 0;
        height: initial; } }
    #our-company .customer-review .review-box {
      position: absolute;
      top: -40%;
      left: 0;
      right: 0;
      margin-inline: auto;
      min-height: 340px;
      max-width: 900px;
      background: white;
      border: 2px solid black;
      border-radius: 5px;
      box-shadow: -1px 8px 11px -3px rgba(0, 0, 0, 0.75);
      -webkit-box-shadow: -1px 8px 11px -3px rgba(0, 0, 0, 0.75);
      -moz-box-shadow: -1px 8px 11px -3px rgba(0, 0, 0, 0.75); }
      @media (max-width: 992px) {
        #our-company .customer-review .review-box {
          position: relative;
          top: 0;
          max-width: initial; } }
      @media (max-width: 768px) {
        #our-company .customer-review .review-box {
          min-height: initial; } }
      #our-company .customer-review .review-box .heading {
        position: relative;
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        align-items: center;
        padding: 32px 55px 18px;
        background: #00c1e7;
        border-top-left-radius: 5px;
        border-top-right-radius: 5px;
        color: #fff; }
        @media (max-width: 768px) {
          #our-company .customer-review .review-box .heading {
            padding: 20px; } }
        @media (max-width: 576px) {
          #our-company .customer-review .review-box .heading {
            flex-direction: column;
            padding: 15px; } }
        #our-company .customer-review .review-box .heading .love-icon {
          position: absolute;
          top: -30%; }
        #our-company .customer-review .review-box .heading h3 {
          margin: 0;
          color: #fff;
          line-height: 34px;
          letter-spacing: 0px;
          font-family: "Paralucent";
          font-weight: bold;
          font-size: 22px; }
          @media (max-width: 768px) {
            #our-company .customer-review .review-box .heading h3 {
              font-size: 18px; } }
      #our-company .customer-review .review-box .body {
        padding: 26px 84px; }
        @media (max-width: 768px) {
          #our-company .customer-review .review-box .body {
            padding: 20px; } }
        #our-company .customer-review .review-box .body p {
          color: #38383e;
          text-align: center;
          line-height: 34px;
          letter-spacing: 0px;
          font-weight: 400;
          font-size: 20px; }
          @media (max-width: 768px) {
            #our-company .customer-review .review-box .body p {
              line-height: 25px;
              font-size: 14px; } }
          @media (max-width: 576px) {
            #our-company .customer-review .review-box .body p {
              font-size: 12px; } }
          #our-company .customer-review .review-box .body p:first-child {
            margin-bottom: 37px; }
            @media (max-width: 768px) {
              #our-company .customer-review .review-box .body p:first-child {
                margin-bottom: 20px; } }
        #our-company .customer-review .review-box .body .signature {
          color: #38383e;
          line-height: 34px;
          letter-spacing: 0px;
          font-weight: bold;
          font-size: 16px; }
          @media (max-width: 768px) {
            #our-company .customer-review .review-box .body .signature {
              font-size: 14px; } }
          @media (max-width: 576px) {
            #our-company .customer-review .review-box .body .signature {
              font-size: 12px; } }
          #our-company .customer-review .review-box .body .signature span {
            color: #00c1e7;
            font-style: italic; }
    #our-company .customer-review .awards-text {
      margin-top: 205px; }
      @media (max-width: 992px) {
        #our-company .customer-review .awards-text {
          margin: 50px 0; } }
      #our-company .customer-review .awards-text p {
        color: #fff; }
        @media (max-width: 768px) {
          #our-company .customer-review .awards-text p {
            text-align: center; } }
        @media (max-width: 768px) {
          #our-company .customer-review .awards-text p {
            text-align: left; } }
        #our-company .customer-review .awards-text p span {
          border-left: 1px solid #1c7bb7; }
  #our-company .what-we-do {
    padding: 127px 0 365px;
    background: #dcf8ff; }
    @media (max-width: 992px) {
      #our-company .what-we-do {
        padding: 80px 0; } }
    #our-company .what-we-do .content {
      margin-inline: auto;
      margin-bottom: 75px;
      width: 65%;
      text-align: center; }
      @media (max-width: 992px) {
        #our-company .what-we-do .content {
          margin-bottom: 50px;
          width: 100%; } }
      @media (max-width: 576px) {
        #our-company .what-we-do .content {
          margin-bottom: 30px; } }
      #our-company .what-we-do .content h3 {
        margin: 0;
        margin-bottom: 6px;
        color: #00b9e4;
        line-height: 34px;
        letter-spacing: 0px;
        font-family: "Paralucent";
        font-weight: bold;
        font-size: 20px; }
        @media (max-width: 576px) {
          #our-company .what-we-do .content h3 {
            font-size: 18px; } }
      #our-company .what-we-do .content p {
        color: #38383e;
        text-align: center;
        line-height: 34px;
        letter-spacing: 0px;
        font-weight: 400;
        font-size: 16px; }
        @media (max-width: 768px) {
          #our-company .what-we-do .content p {
            font-size: 14px; } }
        @media (max-width: 576px) {
          #our-company .what-we-do .content p {
            line-height: 25px;
            font-size: 12px; } }
    #our-company .what-we-do .categories .slick-track {
      display: flex;
      justify-content: space-between; }
    #our-company .what-we-do .categories .category {
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center; }
      #our-company .what-we-do .categories .category img {
        max-width: 93px;
        margin-bottom: 10px; }
  #our-company .boxes {
    margin-top: -200px;
    margin-bottom: 188px; }
    @media (max-width: 992px) {
      #our-company .boxes {
        margin: 0; } }
    @media (max-width: 768px) {
      #our-company .boxes {
        margin: 50px 0; } }
    #our-company .boxes .container {
      display: flex;
      flex-direction: row;
      justify-content: space-between;
      max-width: 1175px; }
      @media (max-width: 768px) {
        #our-company .boxes .container {
          flex-direction: column;
          justify-content: center;
          align-items: center; } }
      #our-company .boxes .container::before, #our-company .boxes .container::after {
        content: initial; }
      #our-company .boxes .container .box {
        display: flex;
        flex-direction: column;
        width: 50%;
        max-width: 559px;
        text-align: center; }
        @media (max-width: 768px) {
          #our-company .boxes .container .box {
            margin-bottom: 80px;
            width: 100%; } }
        #our-company .boxes .container .box .box-image {
          margin-bottom: 54px; }
        #our-company .boxes .container .box h2 {
          margin: 0;
          margin-bottom: 30px;
          color: #38383e;
          text-transform: uppercase;
          line-height: 31px;
          letter-spacing: 0px;
          font-family: "Paralucent";
          font-weight: bold;
          font-size: 25px; }
          @media (max-width: 576px) {
            #our-company .boxes .container .box h2 {
              margin-bottom: 20px;
              font-size: 22px; } }
        #our-company .boxes .container .box p {
          margin-bottom: 50px;
          color: #38383e;
          line-height: 34px;
          letter-spacing: 0px;
          font-weight: 400;
          font-size: 16px; }
          @media (max-width: 576px) {
            #our-company .boxes .container .box p {
              margin-bottom: 30px;
              line-height: 25px;
              font-size: 12px; } }
        #our-company .boxes .container .box .box-icon {
          margin-inline: auto;
          max-width: 210px; }
        #our-company .boxes .container .box h3 {
          margin: 0;
          margin-top: 12px;
          color: #38383e;
          line-height: 47px;
          letter-spacing: 0px;
          font-weight: 700;
          font-size: 20px; }
          @media (max-width: 576px) {
            #our-company .boxes .container .box h3 {
              font-size: 18px; } }
          #our-company .boxes .container .box h3 + p {
            margin-bottom: 40px;
            font-style: italic; }
            @media (max-width: 576px) {
              #our-company .boxes .container .box h3 + p {
                margin-bottom: 25px; } }
        #our-company .boxes .container .box a {
          font-family: 'Roboto';
          font-size: 16px; }
          @media (max-width: 576px) {
            #our-company .boxes .container .box a {
              font-size: 14px; } }
  #our-company .images-row {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    margin-inline: auto;
    margin-bottom: 8px;
    width: 100%;
    max-width: 1650px; }
    @media (max-width: 992px) {
      #our-company .images-row {
        margin: 30px 0;
        flex-wrap: wrap;
        justify-content: space-around; } }
    #our-company .images-row img {
      width: 100%;
      max-width: 407px; }
      @media (max-width: 992px) {
        #our-company .images-row img {
          margin-bottom: 10px; } }
  #our-company .main.full .homepage-industries {
    padding-top: 158px;
    padding-bottom: 142px; }
    @media (max-width: 768px) {
      #our-company .main.full .homepage-industries h2 {
        line-height: normal; } }
    @media (max-width: 576px) {
      #our-company .main.full .homepage-industries h2 {
        margin-bottom: 50px;
        font-size: 22px !important; } }
  #our-company .learn-more {
    margin: 100px 0 132px; }
    @media (max-width: 768px) {
      #our-company .learn-more {
        margin: 50px 0; } }
    #our-company .learn-more .container {
      max-width: 1295px; }
      #our-company .learn-more .container .categories {
        margin-top: 74px;
        display: flex;
        flex-direction: row;
        justify-content: space-between; }
        @media (max-width: 768px) {
          #our-company .learn-more .container .categories {
            margin-top: 40px; } }
        @media (max-width: 576px) {
          #our-company .learn-more .container .categories {
            flex-direction: column; } }
        #our-company .learn-more .container .categories .category {
          text-align: center; }
          @media (max-width: 576px) {
            #our-company .learn-more .container .categories .category {
              margin-bottom: 40px; } }
          #our-company .learn-more .container .categories .category img {
            margin-bottom: 10px; }
            @media (max-width: 992px) {
              #our-company .learn-more .container .categories .category img {
                width: 100%;
                max-width: 258px; } }
          #our-company .learn-more .container .categories .category .link a {
            font-family: 'Roboto'; }
            @media (max-width: 768px) {
              #our-company .learn-more .container .categories .category .link a {
                font-size: 14px; } }
            @media (max-width: 576px) {
              #our-company .learn-more .container .categories .category .link a {
                font-size: 18px; } }
  #our-company .family-of-brands {
    padding: 132px 0 60px;
    background: #dcf8ff;
    text-align: center; }
    @media (max-width: 768px) {
      #our-company .family-of-brands {
        padding: 60px 0 0; } }
    #our-company .family-of-brands .container {
      max-width: 1167px; }
      @media (max-width: 992px) {
        #our-company .family-of-brands .container {
          width: 95%; } }
      #our-company .family-of-brands .container h2 {
        margin-bottom: 43px; }
        @media (max-width: 576px) {
          #our-company .family-of-brands .container h2 {
            margin-bottom: 30px;
            font-size: 22px; } }
      #our-company .family-of-brands .container p {
        color: #38383e;
        line-height: 34px;
        letter-spacing: 0px;
        font-weight: 400;
        font-size: 16px; }
        @media (max-width: 576px) {
          #our-company .family-of-brands .container p {
            line-height: 25px;
            font-size: 12px; } }
      #our-company .family-of-brands .container .brands {
        margin-top: 110px; }
        @media (max-width: 768px) {
          #our-company .family-of-brands .container .brands {
            margin-top: 50px; } }
        #our-company .family-of-brands .container .brands .brand {
          display: flex;
          flex-direction: row;
          margin-bottom: 85px; }
          @media (max-width: 768px) {
            #our-company .family-of-brands .container .brands .brand {
              flex-direction: column;
              align-items: center; } }
          @media (max-width: 576px) {
            #our-company .family-of-brands .container .brands .brand {
              margin-bottom: 50px; } }
          #our-company .family-of-brands .container .brands .brand .image-container {
            width: 50%; }
            @media (max-width: 768px) {
              #our-company .family-of-brands .container .brands .brand .image-container {
                margin-bottom: 20px;
                width: 100%; } }
            #our-company .family-of-brands .container .brands .brand .image-container img {
              width: 86%; }
              @media (max-width: 992px) {
                #our-company .family-of-brands .container .brands .brand .image-container img {
                  margin-inline: auto; } }
              @media (max-width: 768px) {
                #our-company .family-of-brands .container .brands .brand .image-container img {
                  width: 100%;
                  max-width: 501px; } }
          #our-company .family-of-brands .container .brands .brand .content {
            width: 50%;
            text-align: left;
            padding-right: 6%; }
            @media (max-width: 768px) {
              #our-company .family-of-brands .container .brands .brand .content {
                width: 100%;
                text-align: center; } }
            #our-company .family-of-brands .container .brands .brand .content h2 {
              margin-top: 8px;
              margin-bottom: 30px;
              text-align: left; }
              @media (max-width: 768px) {
                #our-company .family-of-brands .container .brands .brand .content h2 {
                  text-align: center; } }
              @media (max-width: 576px) {
                #our-company .family-of-brands .container .brands .brand .content h2 {
                  margin-bottom: 20px;
                  font-size: 22px; } }
            #our-company .family-of-brands .container .brands .brand .content p, #our-company .family-of-brands .container .brands .brand .content a {
              color: #38383e;
              line-height: 34px;
              letter-spacing: 0px;
              font-family: "Roboto";
              font-weight: 400;
              font-size: 16px; }
              @media (max-width: 576px) {
                #our-company .family-of-brands .container .brands .brand .content p, #our-company .family-of-brands .container .brands .brand .content a {
                  line-height: 25px;
                  font-size: 12px; } }
            #our-company .family-of-brands .container .brands .brand .content a {
              font-weight: bold; }

.shopBy {
  padding: 18px 0; }
  @media (max-width: 576px) {
    .shopBy {
      padding: 20px 0; } }
  .shopBy--grey {
    background-color: #F5f5f5; }
  .shopBy .title-link {
    color: #38383e;
    font-size: 15px;
    font-weight: 700;
    letter-spacing: 0px;
    line-height: 22px;
    text-decoration: underline; }
    @media (max-width: 576px) {
      .shopBy .title-link {
        font-size: 13px;
        margin-bottom: initial; } }
    .shopBy .title-link .link-icon {
      color: #ea3a02; }
    .shopBy .title-link + span {
      color: #ea3a02;
      font-size: 15px;
      font-weight: 700; }
    .shopBy .title-link:hover {
      text-decoration: none; }
  .shopBy .heading {
    align-items: center;
    display: flex;
    flex-direction: row;
    justify-content: center;
    margin-bottom: 25px; }
    @media (max-width: 768px) {
      .shopBy .heading {
        flex-direction: column; } }
    .shopBy .heading .content-container {
      align-items: flex-start;
      display: flex;
      flex-direction: column;
      justify-content: space-between;
      width: 50%; }
      @media (max-width: 992px) {
        .shopBy .heading .content-container {
          width: 65%; } }
      @media (max-width: 768px) {
        .shopBy .heading .content-container {
          width: 100%; } }
      .shopBy .heading .content-container h1 {
        color: #38383e;
        font-family: "Paralucent";
        font-size: 40px;
        font-weight: bold;
        letter-spacing: 0;
        line-height: 40px;
        margin-bottom: 12px;
        text-transform: uppercase; }
        @media (max-width: 576px) {
          .shopBy .heading .content-container h1 {
            font-size: 35px;
            margin-bottom: 0px; } }
      .shopBy .heading .content-container h2 {
        line-height: 1;
        margin-top: 1rem; }
        @media (max-width: 576px) {
          .shopBy .heading .content-container h2 {
            margin-top: 0px; } }
      .shopBy .heading .content-container .text {
        color: #38383e;
        font-size: 13px;
        font-weight: 400;
        letter-spacing: 0px;
        line-height: 24px;
        margin-bottom: 30px;
        width: 95%; }
        @media (max-width: 768px) {
          .shopBy .heading .content-container .text {
            margin-bottom: 15px; } }
        @media (max-width: 576px) {
          .shopBy .heading .content-container .text {
            font-size: 12px;
            margin-top: 1rem; } }
    .shopBy .heading .image-container {
      align-items: center;
      display: flex;
      justify-content: center;
      width: 50%; }
      @media (max-width: 992px) {
        .shopBy .heading .image-container {
          width: 35%; } }
      @media (max-width: 768px) {
        .shopBy .heading .image-container {
          margin-top: 15px;
          width: 45%; } }
      @media (max-width: 576px) {
        .shopBy .heading .image-container {
          width: 80%; } }
  .shopBy-categories {
    margin-bottom: 82px; }
    @media (max-width: 768px) {
      .shopBy-categories {
        margin-bottom: 70px; } }
    .shopBy-categories .cards {
      align-content: center;
      display: flex;
      flex-direction: row;
      flex-wrap: wrap;
      justify-content: space-between; }
      @media (max-width: 992px) {
        .shopBy-categories .cards::after {
          content: "";
          width: 32.5%; } }
    .shopBy-categories .card {
      background-color: #fff;
      border-radius: 5px;
      margin-bottom: 10px;
      padding: 6px;
      width: 24.5%; }
      @media (max-width: 992px) {
        .shopBy-categories .card {
          width: 32.5%; } }
      @media (max-width: 768px) {
        .shopBy-categories .card {
          width: 49%; } }
      @media (max-width: 576px) {
        .shopBy-categories .card {
          width: 100%; } }
      .shopBy-categories .card img {
        width: 100%; }
      .shopBy-categories .card .content {
        padding: 22px 20px; }
      .shopBy-categories .card h1,
      .shopBy-categories .card h3 {
        color: #38383e;
        font-weight: 700;
        font-size: 22px;
        letter-spacing: 0px;
        line-height: 22px;
        margin-bottom: 8px; }
        @media (max-width: 576px) {
          .shopBy-categories .card h1,
          .shopBy-categories .card h3 {
            font-size: 18px;
            margin-bottom: 4px; } }
      .shopBy-categories .card h3 {
        margin-top: 0; }
      .shopBy-categories .card p {
        color: #929292;
        font-size: 13px;
        font-weight: 400;
        letter-spacing: 0px;
        line-height: 20px;
        margin-bottom: 12px;
        margin-top: 6px; }
        @media (max-width: 768px) {
          .shopBy-categories .card p {
            margin-bottom: 0; } }
        @media (max-width: 576px) {
          .shopBy-categories .card p {
            font-size: 12px;
            line-height: 22px; } }
      .shopBy-categories .card ul a {
        color: #38383e;
        font-size: 13px;
        font-weight: 400;
        letter-spacing: 0px;
        line-height: 27px;
        text-decoration: underline; }
        .shopBy-categories .card ul a:hover {
          text-decoration: none; }
        @media (max-width: 768px) {
          .shopBy-categories .card ul a:nth-child(n+6) {
            display: none; } }
      @media (max-width: 768px) {
        .shopBy-categories .card ul.view-items a:nth-child(n+6) {
          display: initial; } }
      .shopBy-categories .card ul button {
        padding: 0.5rem 0; }
  .shopBy .getAQuote-section {
    align-content: center;
    display: flex;
    flex-direction: row;
    justify-content: center;
    margin: auto;
    margin-bottom: 100px;
    margin-top: 35px;
    max-width: 1088px;
    padding: 1rem; }
    @media (max-width: 768px) {
      .shopBy .getAQuote-section {
        flex-direction: column;
        margin-bottom: 50px; } }
    .shopBy .getAQuote-section .image-container {
      display: flex;
      justify-content: end;
      min-height: 200px;
      min-width: 200px;
      width: 55%; }
      @media (max-width: 768px) {
        .shopBy .getAQuote-section .image-container {
          flex-direction: column;
          justify-content: center;
          margin-inline: auto;
          width: 40%; } }
      @media (max-width: 576px) {
        .shopBy .getAQuote-section .image-container {
          width: 75%; } }
      .shopBy .getAQuote-section .image-container img {
        border-radius: 50%;
        box-shadow: 0 0 26px 8px #ccc; }
    .shopBy .getAQuote-section .content-container {
      display: flex;
      flex-direction: column;
      justify-content: center;
      margin-inline: 45px;
      width: 100%; }
      @media (max-width: 768px) {
        .shopBy .getAQuote-section .content-container {
          margin: 0;
          margin-top: 30px; } }
      .shopBy .getAQuote-section .content-container h1,
      .shopBy .getAQuote-section .content-container h2 {
        color: #38383e;
        font-family: "Paralucent";
        font-size: 22px;
        font-weight: bold;
        letter-spacing: 0px;
        line-height: 1.25;
        margin-bottom: 13px;
        text-transform: uppercase; }
        @media (max-width: 576px) {
          .shopBy .getAQuote-section .content-container h1,
          .shopBy .getAQuote-section .content-container h2 {
            font-size: 18px; } }
        .shopBy .getAQuote-section .content-container h1 span,
        .shopBy .getAQuote-section .content-container h2 span {
          color: #00b9e4; }
      .shopBy .getAQuote-section .content-container p {
        color: #38383e;
        font-size: 13px;
        letter-spacing: 0px;
        line-height: 24px;
        margin-bottom: 23px;
        width: 80%; }
        @media (max-width: 992px) {
          .shopBy .getAQuote-section .content-container p {
            width: 100%; } }
        @media (max-width: 576px) {
          .shopBy .getAQuote-section .content-container p {
            font-size: 12px;
            margin-bottom: 15px; } }
  .shopBy .card-3-column > .card {
    width: 33%; }
  @media (min-width: 992px) {
    .shopBy .cards-first-3-column > .card:nth-child(-n+3) {
      width: 33%; } }

/* fallback */
@font-face {
  font-family: 'Material Icons';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/materialicons/v126/flUhRq6tzZclQEJ-Vdg-IuiaDsNc.woff2) format("woff2"); }

.material-icons {
  font-family: 'Material Icons';
  font-weight: normal;
  font-style: normal;
  font-size: 24px;
  line-height: 1;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  -webkit-font-feature-settings: 'liga';
  -webkit-font-smoothing: antialiased; }

/* cyrillic-ext */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v29/KFOmCnqEu92Fr1Mu72xKOzY.woff2) format("woff2");
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; }

/* cyrillic */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v29/KFOmCnqEu92Fr1Mu5mxKOzY.woff2) format("woff2");
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; }

/* greek-ext */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v29/KFOmCnqEu92Fr1Mu7mxKOzY.woff2) format("woff2");
  unicode-range: U+1F00-1FFF; }

/* greek */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v29/KFOmCnqEu92Fr1Mu4WxKOzY.woff2) format("woff2");
  unicode-range: U+0370-03FF; }

/* vietnamese */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v29/KFOmCnqEu92Fr1Mu7WxKOzY.woff2) format("woff2");
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB; }

/* latin-ext */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v29/KFOmCnqEu92Fr1Mu7GxKOzY.woff2) format("woff2");
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; }

/* latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v29/KFOmCnqEu92Fr1Mu4mxK.woff2) format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }

/* cyrillic-ext */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v29/KFOlCnqEu92Fr1MmWUlfCRc4EsA.woff2) format("woff2");
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; }

/* cyrillic */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v29/KFOlCnqEu92Fr1MmWUlfABc4EsA.woff2) format("woff2");
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; }

/* greek-ext */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v29/KFOlCnqEu92Fr1MmWUlfCBc4EsA.woff2) format("woff2");
  unicode-range: U+1F00-1FFF; }

/* greek */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v29/KFOlCnqEu92Fr1MmWUlfBxc4EsA.woff2) format("woff2");
  unicode-range: U+0370-03FF; }

/* vietnamese */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v29/KFOlCnqEu92Fr1MmWUlfCxc4EsA.woff2) format("woff2");
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB; }

/* latin-ext */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v29/KFOlCnqEu92Fr1MmWUlfChc4EsA.woff2) format("woff2");
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; }

/* latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v29/KFOlCnqEu92Fr1MmWUlfBBc4.woff2) format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }

/*
 * The Typekit service used to deliver this font or fonts for use on websites
 * is provided by Adobe and is subject to these Terms of Use
 * http://www.adobe.com/products/eulas/tou_typekit. For font license
 * information, see the list below.
 *
 * paralucent:
 *   - http://typekit.com/eulas/00000000000000003b9b40ac
 *   - http://typekit.com/eulas/00000000000000003b9b40b0
 *   - http://typekit.com/eulas/00000000000000003b9b40a9
 *
 * © 2009-2022 Adobe Systems Incorporated. All Rights Reserved.
 */
/*{"last_published":"2020-12-10 14:30:08 UTC"}*/
@font-face {
  font-family: "paralucent";
  src: url("https://use.typekit.net/af/dfe88a/00000000000000003b9b40ac/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n5&v=3") format("woff2"), url("https://use.typekit.net/af/dfe88a/00000000000000003b9b40ac/27/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n5&v=3") format("woff"), url("https://use.typekit.net/af/dfe88a/00000000000000003b9b40ac/27/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n5&v=3") format("opentype");
  font-display: swap;
  font-style: normal;
  font-weight: 500;
  font-stretch: normal; }

@font-face {
  font-family: "paralucent";
  src: url("https://use.typekit.net/af/63a0de/00000000000000003b9b40b0/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n3&v=3") format("woff2"), url("https://use.typekit.net/af/63a0de/00000000000000003b9b40b0/27/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n3&v=3") format("woff"), url("https://use.typekit.net/af/63a0de/00000000000000003b9b40b0/27/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n3&v=3") format("opentype");
  font-display: swap;
  font-style: normal;
  font-weight: 300;
  font-stretch: normal; }

@font-face {
  font-family: "paralucent";
  src: url("https://use.typekit.net/af/c555d9/00000000000000003b9b40a9/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n2&v=3") format("woff2"), url("https://use.typekit.net/af/c555d9/00000000000000003b9b40a9/27/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n2&v=3") format("woff"), url("https://use.typekit.net/af/c555d9/00000000000000003b9b40a9/27/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n2&v=3") format("opentype");
  font-display: swap;
  font-style: normal;
  font-weight: 200;
  font-stretch: normal; }

@font-face {
  font-family: "paralucent";
  src: url("https://use.typekit.net/af/7596b6/00000000000000007735f0d1/30/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n6&v=3") format("woff2"), url("https://use.typekit.net/af/7596b6/00000000000000007735f0d1/30/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n6&v=3") format("woff"), url("https://use.typekit.net/af/7596b6/00000000000000007735f0d1/30/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n6&v=3") format("opentype");
  font-display: swap;
  font-style: normal;
  font-weight: 600;
  font-stretch: normal; }

@font-face {
  font-family: "paralucent";
  src: url("https://use.typekit.net/af/302a59/00000000000000007735f0cd/30/l?subset_id=2&fvd=n9&v=3") format("woff2"), url("https://use.typekit.net/af/302a59/00000000000000007735f0cd/30/d?subset_id=2&fvd=n9&v=3") format("woff"), url("https://use.typekit.net/af/302a59/00000000000000007735f0cd/30/a?subset_id=2&fvd=n9&v=3") format("opentype");
  font-display: swap;
  font-style: normal;
  font-weight: 900;
  font-stretch: normal; }

@font-face {
  font-family: "paralucent";
  src: url("https://use.typekit.net/af/465f1b/00000000000000007735f0d4/30/l?subset_id=2&fvd=n7&v=3") format("woff2"), url("https://use.typekit.net/af/465f1b/00000000000000007735f0d4/30/d?subset_id=2&fvd=n7&v=3") format("woff"), url("https://use.typekit.net/af/465f1b/00000000000000007735f0d4/30/a?subset_id=2&fvd=n7&v=3") format("opentype");
  font-display: swap;
  font-style: normal;
  font-weight: 700;
  font-stretch: normal; }

.tk-paralucent {
  font-family: "paralucent",sans-serif; }

h1.txt {
  font-size: 32px;
  font-weight: 700;
  line-height: 0; }

@media (max-width: 992px) {
  h1.txt {
    font-size: 25px !important; } }

h1.time {
  font-size: 22px;
  font-weight: 600;
  margin-bottom: 25px; }

h1.Locker {
  text-align: left;
  font-size: 30px;
  font-weight: 700; }

@media (max-width: 992px) {
  h1.Locker {
    font-size: 25px !important; } }

h1.Happiness {
  color: white;
  font-family: 'Paralucent';
  font-size: 20px;
  font-weight: 400;
  text-transform: uppercase; }

h1.Leading {
  font-size: 43px;
  line-height: 1.2;
  font-weight: 600;
  max-width: 620px;
  margin: 0 auto;
  margin-bottom: 40px;
  color: #ffffff !important; }

h1.Choose {
  font-size: 25px;
  font-weight: 700;
  color: #38383e;
  ont-family: Roboto; }