@charset "UTF-8";
/* Source chain — only edit these three to retheme */
/* Semantic aliases — always use these in component CSS */
/* old @extend classes, convert to mixins temporarily. Add them to tailwind custom utilities classes list later */
/* ==========================================================================
   Normalize.scss settings
   ========================================================================== */
/**
 * Includes legacy browser support IE6/7
 *
 * Set to false if you want to drop support for IE6 and IE7
 */
/* Base
   ========================================================================== */
/**
 * 1. Set default font family to sans-serif.
 * 2. Prevent iOS and IE text size adjust after device orientation change,
 *    without disabling user zoom.
 * 3. Corrects text resizing oddly in IE 6/7 when body `font-size` is set using
 *  `em` units.
 */
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 6/7/8/9 and Firefox 3.
 * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera.
 */
audio,
canvas,
progress,
video {
  display: inline-block; /* 1 */
  vertical-align: baseline; /* 2 */
}

/**
 * Prevents 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: normal;
  font-family: "DM Sans", sans-serif;
  font-weight: 600;
}

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

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

/**
 * 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
   ========================================================================== */
/**
 * 1. Remove border when inside `a` element in IE 8/9/10.
 * 2. Improves image quality when scaled in IE 7.
 */
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.
 * Correct font family set oddly in IE 6, Safari 4/5, and Chrome.
 */
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.
 * 4. Improves appearance and consistency in all browsers.
 */
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.
 * 4. Removes inner spacing in IE 7 without affecting normal text inputs.
 *  Known issue: inner spacing remains in IE 6.
 */
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 {
  box-sizing: border-box;
  line-height: normal;
}

/**
 * 1. Address box sizing set to `content-box` in IE 8/9/10.
 * 2. Remove excess padding in IE 8/9/10.
 *  Known issue: excess padding remains in IE 6.
 */
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: border-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.
 * 3. Corrects text not wrapping in Firefox 3.
 * 4. Corrects alignment displayed oddly in IE 6/7.
 */
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;
}

/* Adding Foundation
   ========================================================================== */
div, section {
  box-sizing: border-box;
}

a {
  display: block;
  text-decoration: none;
}

img {
  display: block;
  max-width: 100%;
  height: auto;
  border: 0;
}

.svg-sprite--hover {
  position: relative;
}
.svg-sprite--hover:after {
  content: "";
  opacity: 0;
  transition: opacity 0.3s ease;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.svg-sprite--hover:hover {
  opacity: 1;
  transition: background 0.3s ease;
}
.svg-sprite--hover:hover:after {
  opacity: 1;
}
@media only screen and (max-width: 800px) {
  .svg-sprite--mobile-hidden {
    display: none !important;
  }
}

.currency-wrapper .flag-svg:first-child {
  width: 40px;
  height: 40px;
}
@media only screen and (max-width: 800px) {
  .currency-wrapper .flag-svg:first-child {
    width: 27px;
    height: 27px;
  }
}

[class*=no-csscolumn] .print-product-list {
  columns: inherit !important;
}
[class*=no-csscolumn] .print-product-list li.print-product {
  display: block;
  width: 25%;
  float: left;
}
[class*=no-csscolumn] .sample-item-list {
  columns: inherit !important;
}
[class*=no-csscolumn] .sample-item-list li {
  display: block;
  width: 50%;
  float: left;
}

button {
  background: none;
  border: none;
  cursor: pointer;
  outline: none;
  -webkit-appearance: none;
  appearance: none;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

.button-styles, input[type=submit], .button {
  position: relative;
  font-family: "DM Sans", sans-serif;
  font-weight: 500;
  line-height: 1.8;
  font-family: "DM Sans", sans-serif !important;
  font-weight: 600 !important;
  display: inline-block;
  min-width: 130px;
  padding: 10px 34px;
  font-size: 20px;
  line-height: 20px;
  color: #fff !important;
  text-align: center;
  border: none;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  -ms-border-radius: 30px;
  -o-border-radius: 30px;
  border-radius: 30px;
  cursor: pointer;
  box-sizing: border-box;
  outline: none !important;
  -webkit-appearance: none;
  appearance: none;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
@media only screen and (max-width: 1400px) and (min-width: 1050px) {
  .button-styles, input[type=submit], .button {
    padding-bottom: 7px;
  }
}

.button:after, .button:hover:after {
  background: none;
}
.button.button-small {
  min-width: 107px;
  max-height: 36px;
  padding: 6px 20px;
  margin: 0;
  font-size: 14px;
  color: #fff;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  -ms-border-radius: 30px;
  -o-border-radius: 30px;
  border-radius: 30px;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
@media only screen and (min-width: 2500px) {
  .button.button-small {
    min-width: 120px;
    max-height: 40px;
  }
}
.button.button-small.icon {
  text-align: center;
  padding-left: 40px;
}
.button.button-small.icon .svg {
  position: absolute;
  top: 50%;
  margin-top: -10px;
  left: 18px;
}
.button.button-small.icon .svg path {
  fill: #fff;
}
.button.button-small.original-button {
  color: #000 !important;
  background-color: #eaf9ff;
  border: 1px solid #000;
}
.button.button-small.proof-button {
  color: #000 !important;
  background-color: #ffa11c;
  border: 1px solid #000;
}
.button.button-small.premade-button {
  color: #000 !important;
  background-color: #7ac142;
  border: 1px solid #000;
}
.button.button-small.proof-preview-button {
  color: #000 !important;
  background-color: #fed5b9;
  border: 1px solid #000;
}
.button.button-small.internal-button {
  color: #000 !important;
  background-color: #fff;
  border: 1px solid #000;
}
.button.button-small.delete-toggle-button {
  background-color: #000;
}
.button.button-small.checkout-button {
  font-family: "DM Sans", sans-serif;
  font-weight: 600;
  line-height: 1.8;
  color: #01aaff !important;
  font-size: 15px;
  line-height: 1 !important;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
  min-width: 105px;
  max-height: none;
  padding: 12px;
  letter-spacing: 0.3px;
  border: 1px solid #4ccef7;
}
@media only screen and (max-width: 450px) {
  .button.button-small.checkout-button {
    padding: 6px;
  }
}
@media only screen and (min-width: 1024px), (hover: hover) {
  .button.button-small.checkout-button:hover {
    color: #008bf3 !important;
    background-color: #e7faff !important;
  }
}
.button.bold-button {
  font-family: "DM Sans", sans-serif;
  font-weight: 600;
  line-height: 1.8;
}
.button.modal-button {
  width: 100%;
  margin: 0;
}
.button.pink-button {
  background-color: #ff0084 !important;
}
@media only screen and (min-width: 1024px), (hover: hover) {
  .button.pink-button:hover {
    background-color: #ff4ca8 !important;
  }
}
.button.blue-button {
  background-color: #3cb1cb !important;
}
@media only screen and (min-width: 1024px), (hover: hover) {
  .button.blue-button:hover {
    background-color: #4ec6da !important;
  }
}
.button.black-button {
  background-color: #000;
}
.button.black-button:hover {
  background-color: #535353 !important;
}
.button.light-blue-button {
  background-color: #0dd9ff;
}
@media only screen and (min-width: 1024px), (hover: hover) {
  .button.light-blue-button:hover {
    background-color: #0eeaff;
  }
}
.button.bright-blue-button {
  color: #fff !important;
  background-color: #38e8f2 !important;
}
@media only screen and (min-width: 1024px), (hover: hover) {
  .button.bright-blue-button:hover {
    background-color: #4ec6da !important;
  }
}
.button.green-button {
  background-color: #7ac142 !important;
}
@media only screen and (min-width: 1024px), (hover: hover) {
  .button.green-button:hover {
    background-color: #9dd464 !important;
  }
}
.button.red-button {
  background-color: #ff687a !important;
}
@media only screen and (min-width: 1024px), (hover: hover) {
  .button.red-button:hover {
    background-color: #ffa6b2 !important;
  }
}
.button.orange-button {
  background-color: #ffa11c !important;
}
@media only screen and (min-width: 1024px), (hover: hover) {
  .button.orange-button:hover {
    background-color: #ffb144 !important;
  }
}
.button.orange-button.hover-orange:hover {
  background: #ff8713 !important;
}
.button.gray-button {
  background-color: #666666 !important;
}
@media only screen and (min-width: 1024px), (hover: hover) {
  .button.gray-button:hover {
    background-color: #bfbfbf !important;
  }
}
.button.yellow-button {
  color: #000 !important;
  background-color: #fef200 !important;
}
@media only screen and (min-width: 1024px), (hover: hover) {
  .button.yellow-button:hover {
    background-color: #ffff00 !important;
  }
}
.button.teal-button {
  background-color: #17c3ac !important;
}
@media only screen and (min-width: 1024px), (hover: hover) {
  .button.teal-button:hover {
    background-color: #3ee8d1 !important;
  }
}
.button.purple-button {
  background-color: #b12af7;
}
@media only screen and (min-width: 1024px), (hover: hover) {
  .button.purple-button:hover {
    background-color: #ce6fff !important;
  }
}
.button.black-stroke-button {
  color: #000 !important;
  border: 2px solid #000 !important;
  background-color: transparent !important;
}
@media only screen and (min-width: 1024px), (hover: hover) {
  .button.black-stroke-button:hover {
    background-color: rgba(255, 255, 255, 0.4) !important;
  }
}
.button.white-stroke-button {
  color: #fff !important;
  border: 2px solid #fff !important;
  background-color: transparent !important;
}
.button.white-stroke-button.black-button {
  background-color: #000 !important;
}
@media only screen and (min-width: 1024px), (hover: hover) {
  .button.white-stroke-button:hover {
    background-color: rgba(255, 255, 255, 0.4) !important;
  }
}
@media only screen and (min-width: 1024px), (hover: hover) {
  .button.pink-hover:hover {
    background-color: #ff9889 !important;
  }
}
@media only screen and (min-width: 1024px), (hover: hover) {
  .button.white-stroke-hover:hover {
    color: #fff !important;
    border: 2px solid #fff !important;
  }
}
@media only screen and (min-width: 1024px), (hover: hover) {
  .button.orange-hover:hover {
    color: #fff !important;
    border: 2px solid #fff !important;
    background-color: #ff7800 !important;
  }
}
.button.button-secondary {
  padding: 8px 32px;
  background-color: transparent !important;
  border: 2px solid #000;
}
.button.button-secondary.button-small {
  padding: 6px 20px;
  line-height: normal;
}
.button.button-secondary.squared {
  border: 1px solid #000;
}
.button.button-secondary.blue-button {
  color: #3cb1cb !important;
  border-color: #3cb1cb;
}
@media only screen and (min-width: 1024px), (hover: hover) {
  .button.button-secondary.blue-button:hover {
    border-color: #4ec6da;
  }
}
.button.button-secondary.green-button {
  border-color: #7ac142;
}
@media only screen and (min-width: 1024px), (hover: hover) {
  .button.button-secondary.green-button:hover {
    border-color: #9dd464;
  }
}
.button.button-secondary.red-button {
  color: #ff687a !important;
  border-color: #ff687a;
}
@media only screen and (min-width: 1024px), (hover: hover) {
  .button.button-secondary.red-button:hover {
    border-color: #ffa6b2;
  }
}
.button.button-secondary.orange-button {
  border-color: #ffa11c;
}
@media only screen and (min-width: 1024px), (hover: hover) {
  .button.button-secondary.orange-button:hover {
    border-color: #ffb144;
  }
}
.button.button-secondary.white-button {
  border-color: #fff;
}
@media only screen and (min-width: 1024px), (hover: hover) {
  .button.button-secondary.white-button:hover {
    color: #4ec6da;
    background-color: #fff !important;
  }
}
.button.button-secondary.white-button.filled {
  color: #4ec6da !important;
  background-color: #fff !important;
}
@media only screen and (min-width: 1024px), (hover: hover) {
  .button.button-secondary.white-button.filled:hover {
    color: #fff !important;
    background-color: transparent !important;
  }
}
.button.button-secondary.black-button {
  color: #000 !important;
  border-color: #000 !important;
}
@media only screen and (min-width: 1024px), (hover: hover) {
  .button.button-secondary.black-button:hover {
    color: #4ec6da !important;
    background-color: #fff !important;
  }
}
.button.button-secondary.black-button.filled {
  color: #fff !important;
  background-color: #000 !important;
}
@media only screen and (min-width: 1024px), (hover: hover) {
  .button.button-secondary.black-button.filled:hover {
    color: #000 !important;
    background-color: transparent !important;
  }
}
@media only screen and (min-width: 1024px), (hover: hover) {
  .button.button-secondary:hover {
    background-color: #fff !important;
    color: #4ec6da !important;
  }
}
@media only screen and (max-width: 600px) {
  .button.button-secondary {
    min-width: 150px;
    padding: 5px 20px;
    font-size: 14px;
  }
}
.button.squared {
  padding: 7px 20px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
  border-radius: 10px;
}
.button.squared.edges {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
  border-radius: 0;
}
.button.media-button {
  padding-left: 50px;
}
.button.media-button:after {
  content: "";
  background: url('data:image/svg+xml;charset=UTF-8, <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="20" height="20" viewBox="0 0 20 20"><path d="M9.5 20c-2.538 0-4.923-0.988-6.718-2.782s-2.782-4.18-2.782-6.717c0-2.538 0.988-4.923 2.782-6.718s4.18-2.783 6.718-2.783c2.538 0 4.923 0.988 6.718 2.783s2.782 4.18 2.782 6.718-0.988 4.923-2.782 6.717c-1.794 1.794-4.18 2.782-6.718 2.782zM9.5 2c-4.687 0-8.5 3.813-8.5 8.5s3.813 8.5 8.5 8.5c4.687 0 8.5-3.813 8.5-8.5s-3.813-8.5-8.5-8.5z" fill="white"/><path d="M6.5 16c-0.083 0-0.167-0.021-0.242-0.063-0.159-0.088-0.258-0.256-0.258-0.437v-10c0-0.182 0.099-0.349 0.258-0.437s0.353-0.083 0.507 0.013l8 5c0.146 0.091 0.235 0.252 0.235 0.424s-0.089 0.333-0.235 0.424l-8 5c-0.081 0.051-0.173 0.076-0.265 0.076zM7 6.402v8.196l6.557-4.098-6.557-4.098z" fill="white"/></svg>');
  position: absolute;
  top: 50%;
  left: 15px;
  width: 27px;
  height: 27px;
  margin-top: -15px;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  z-index: 0;
  overflow: hidden;
}
@media only screen and (max-width: 600px) {
  .button.media-button:after {
    left: 15px;
    height: 20px;
    width: 20px;
    margin-top: -10px;
  }
}

a.disabled,
a:disabled,
a[disabled],
button.disabled,
button:disabled,
button[disabled],
label.disabled,
label:disabled,
label[disabled],
input[type=submit].disabled,
input[type=submit]:disabled input[type=submit][disabled],
input[type=button].disabled,
input[type=button]:disabled input[type=button][disabled] {
  opacity: 0.3 !important;
  cursor: not-allowed !important;
  pointer-events: none !important;
}

.bounce-button-parent:hover .bounce-button {
  box-shadow: 0 0px 0 1.5px black, 0 7px 0 1.5px black;
  transform: translateY(-10px);
}

.bounce-button {
  position: relative;
  font-family: "DM Sans", sans-serif;
  font-weight: 600;
  line-height: 1.8;
  font-family: "DM Sans", sans-serif !important;
  font-weight: 600 !important;
  padding: inherit;
  padding: 5px 25px;
  width: fit-content;
  font-size: 18px;
  box-shadow: 0 0 0 1.5px #000;
  border-radius: 30px !important;
  transform: translateY(0);
  transition: transform 0.3s cubic-bezier(0.5, 2.5, 0.7, 0.7), box-shadow 0.3s cubic-bezier(0.5, 2.5, 0.7, 0.7), background 0.3s ease, -webkit-transform 0.3s cubic-bezier(0.5, 2.5, 0.7, 0.7), -webkit-box-shadow 0.3s cubic-bezier(0.5, 2.5, 0.7, 0.7), -webkit-background 0.3s cubic-bezier(0.5, 2.5, 0.7, 0.7) !important;
}
.bounce-button:hover:not(.disabled) {
  box-shadow: 0 0px 0 1.5px black, 0 7px 0 1.5px black;
  transform: translateY(-10px);
}
.bounce-button:hover:not(.disabled):before {
  bottom: -10px;
}
.bounce-button:before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  bottom: 0;
  left: 0;
  transition: bottom 0.3s cubic-bezier(0.5, 2.5, 0.7, 0.7);
}
@media only screen and (max-width: 1050px) {
  .bounce-button {
    font-size: 15px;
  }
}

.spinner-load-button[disabled] {
  position: relative;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  opacity: inherit;
  opacity: 1 !important;
  color: transparent !important;
  pointer-events: none;
}
.spinner-load-button[disabled]:before {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  border-radius: 30px;
  width: 100%;
  height: 100%;
}
.spinner-load-button[disabled]:after {
  position: absolute;
  content: "";
  height: 20px;
  width: 20px;
  border: 2px solid #fff;
  border-radius: 50%;
  border-color: #fff #fff #fff transparent;
  animation: spinner 1s cubic-bezier(0.5, 0, 0.5, 1) infinite;
}

.default-button-style, input[type=submit].default-button-style {
  background-color: transparent;
  color: inherit !important;
}
.default-button-style:hover, input[type=submit].default-button-style:hover {
  background-color: inherit;
}

.dark-background-button {
  background-color: #393939 !important;
}

.full-width-button {
  width: 100%;
}

@keyframes spinner {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.row {
  margin-right: -15px;
  margin-left: -15px;
}
.row:after {
  content: "";
  display: table;
  clear: both;
}
@media only screen and (max-width: 1300px) {
  .row {
    padding-left: 60px;
    padding-right: 60px;
  }
}
@media only screen and (max-width: 1000px) {
  .row {
    padding-left: 30px;
    padding-right: 30px;
  }
}
@media only screen and (max-width: 450px) {
  .row {
    padding-left: 0;
    padding-right: 0;
  }
}
.row.center-offset {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-pack: distribute;
  -webkit-justify-content: space-around;
  -moz-justify-content: space-around;
  justify-content: space-around;
}
.row.center-offset:after {
  display: none;
}
@media only screen and (max-width: 750px) {
  .row.center-offset {
    display: block;
  }
}

.col {
  float: left;
  margin: 0 15px;
  margin-bottom: 30px;
}
.col.col-center {
  float: none;
  margin: 0 auto;
}

.col-01 {
  width: calc(8.3333333333% - 30px);
}

.col-02 {
  width: calc(16.6666666667% - 30px);
}

.col-03,
.col-03-09 {
  width: calc(25% - 30px);
}

.col-04,
.col-04-08 {
  width: calc(33.3333333333% - 30px);
}

.col-05 {
  width: calc(41.6666666667% - 30px);
}

.col-06 {
  width: calc(50% - 30px);
}

.col-07 {
  width: calc(58.3333333333% - 30px);
}

.col-08 {
  width: calc(66.6666666667% - 30px);
}

.col-09 {
  width: calc(75% - 30px);
}

.col-095 {
  width: calc(79.1666666667% - 30px);
}

.col-10 {
  width: calc(83.3333333333% - 30px);
}

.col-11 {
  width: calc(91.6666666667% - 30px);
}

.col-12 {
  width: calc(100% - 30px);
}

@media only screen and (max-width: 1050px) {
  .col-02 {
    width: calc(33.3333333333% - 30px);
  }
  .col-03 {
    width: calc(50% - 30px);
  }
  .col-03-09,
.col-04-08,
.col-05,
.col-06,
.col-07,
.col-08,
.col-09,
.col-095 {
    width: calc(100% - 30px);
  }
}
@media only screen and (max-width: 750px) {
  .col-03,
.col-04 {
    width: calc(100% - 30px);
  }
}
section.header-image {
  padding: 0;
  -webkit-background-repeat: no-repeat;
  -moz-background-repeat: no-repeat;
  -ms-background-repeat: no-repeat;
  -o-background-repeat: no-repeat;
  background-repeat: no-repeat;
  -webkit-background-position: center center;
  -moz-background-position: center center;
  -ms-background-position: center center;
  -o-background-position: center center;
  background-position: center center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -ms-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
section.header-image.mobile-image {
  display: none;
}
@media only screen and (max-width: 600px) {
  section.header-image.mobile-image {
    display: block;
  }
  section.header-image.has-mobile {
    display: none;
  }
}
section.header-image h1,
section.header-image p {
  margin: 0;
}
section.header-image h1 {
  font-size: 54px;
  line-height: 1.3;
}
@media only screen and (max-width: 600px) {
  section.header-image h1 {
    font-size: 32px;
  }
}
section.header-image .fullNav-heading {
  font-family: "DM Sans", sans-serif;
  font-weight: 600;
  line-height: 1.8;
  font-size: 2.9em;
  line-height: 1.2;
  margin-bottom: 0 !important;
  margin-top: -250px;
}
section.header-image div.header-image-inner .fullNav-heading {
  margin-top: -175px;
}
@media only screen and (max-width: 1300px) {
  section.header-image div.header-image-inner .fullNav-heading {
    margin-top: -100px;
    font-size: 30px;
  }
}
section.header-image p,
section.header-image span {
  display: block;
  font-size: 18px;
  font-family: "DM Sans", sans-serif;
  font-weight: 500;
  line-height: 1.8;
}
@media only screen and (max-width: 1050px) {
  section.header-image p,
section.header-image span {
    font-size: 17px;
  }
}
@media only screen and (max-width: 600px) {
  section.header-image p,
section.header-image span {
    font-size: 22px;
  }
}
section.header-image .button {
  margin-top: 30px;
}
@media only screen and (max-width: 600px) {
  section.header-image .button {
    padding: 5px 20px;
    min-width: 150px;
    font-size: 14px;
  }
}
@media only screen and (max-width: 450px) {
  section.header-image .button {
    margin-top: 0;
  }
}
section.header-image.text-dark h1, section.header-image.text-dark h2, section.header-image.text-dark h3, section.header-image.text-dark h4, section.header-image.text-dark h5, section.header-image.text-dark h6,
section.header-image.text-dark p,
section.header-image.text-dark span {
  color: #000;
}
section.header-image.text-dark .button {
  border-color: #000 !important;
  color: #000 !important;
}
section.header-image.text-light h1, section.header-image.text-light h2, section.header-image.text-light h3, section.header-image.text-light h4, section.header-image.text-light h5, section.header-image.text-light h6,
section.header-image.text-light p,
section.header-image.text-light span {
  color: #fff;
}
section.header-image.text-light .button {
  border-color: #fff;
  color: #fff;
}
section.header-image.full-nav-image .header-image-container {
  height: 580px;
}
@media only screen and (max-width: 1300px) {
  section.header-image.full-nav-image .header-image-container {
    height: 600px;
  }
}
@media only screen and (max-width: 750px) {
  section.header-image.full-nav-image .header-image-container {
    height: 390px;
  }
}
@media only screen and (max-width: 450px) {
  section.header-image.full-nav-image .header-image-container {
    height: 290px;
  }
}
@media only screen and (min-width: 2500px) {
  section.header-image.full-nav-image .header-image-container {
    background-size: auto 720px !important;
    height: 720px;
  }
}
section.header-image .header-image-container {
  position: relative;
  height: 480px;
  overflow: hidden;
}
section.header-image .header-image-container.mobile-image {
  display: none;
}
@media only screen and (min-width: 2500px) {
  section.header-image .header-image-container {
    height: 600px;
  }
}
section.header-image .header-image-container .image-description {
  display: inline-block;
  position: absolute;
  padding: 3px 15px;
  bottom: 15px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
  right: 6%;
}
section.header-image .header-image-container .image-description span {
  width: 100%;
  margin: 0;
  font-size: 11px;
  color: inherit;
  font-family: "DM Sans", sans-serif;
  font-weight: 500;
  line-height: 1.8;
}
section.header-image .header-image-container .image-description.left {
  left: 6%;
  right: auto;
}
section.header-image .header-image-container .image-description.center {
  right: auto;
  left: 50%;
  text-align: center;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%);
}
@media only screen and (max-width: 600px) {
  section.header-image .header-image-container .image-description {
    display: none;
  }
}
section.header-image .header-image-container .header-image-inner, section.header-image .header-image-container .description-content-align {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
section.header-image .header-image-container .header-image-inner.description-content-align, section.header-image .header-image-container .description-content-align.description-content-align {
  padding: 0;
}
section.header-image .header-image-container .header-image-inner.description-content-align .header-image-content, section.header-image .header-image-container .description-content-align.description-content-align .header-image-content {
  top: 0;
  transform: none;
  height: 100%;
}
section.header-image .header-image-container .header-image-inner.description-content-align .header-image-content .image-description, section.header-image .header-image-container .description-content-align.description-content-align .header-image-content .image-description {
  height: inherit;
  display: block;
  padding-left: 0;
  padding-right: 0;
  left: 0;
  top: 0;
}
section.header-image .header-image-container .header-image-inner.description-content-align .header-image-content .image-description .content-align, section.header-image .header-image-container .description-content-align.description-content-align .header-image-content .image-description .content-align {
  position: absolute;
  bottom: 15px;
}
section.header-image .header-image-container .header-image-inner .content-container, section.header-image .header-image-container .description-content-align .content-container {
  position: relative;
}
@media only screen and (max-width: 1200px) {
  section.header-image .header-image-container .header-image-inner .content-container, section.header-image .header-image-container .description-content-align .content-container {
    padding-left: 50px;
    padding-right: 50px;
  }
}
@media only screen and (max-width: 600px) {
  section.header-image .header-image-container .header-image-inner .content-container, section.header-image .header-image-container .description-content-align .content-container {
    padding-left: 30px;
    padding-right: 30px;
  }
  section.header-image .header-image-container .header-image-inner .content-container *, section.header-image .header-image-container .description-content-align .content-container * {
    display: none;
  }
}
@media only screen and (max-width: 450px) {
  section.header-image .header-image-container .header-image-inner .content-container .header-image-content, section.header-image .header-image-container .description-content-align .content-container .header-image-content {
    margin-top: -20px;
    text-align: left;
  }
}
section.header-image .header-image-container a.header-image-inner {
  z-index: 1;
}
@media only screen and (max-width: 600px) {
  section.header-image.mobile-hide {
    display: none;
  }
  section.header-image.mobile-275 .header-image-container {
    height: 275px;
  }
  section.header-image.mobile-375 .header-image-container {
    height: 375px;
  }
  section.header-image.mobile-450 .header-image-container {
    height: 450px;
  }
  section.header-image.mobile-550 .header-image-container {
    height: 550px;
  }
  section.header-image .header-image-container.mobile-image {
    display: block;
    background-repeat: no-repeat;
  }
  section.header-image .header-image-container.mobile-image a {
    width: 94%;
    height: 100%;
    margin: auto;
  }
}
@media only screen and (max-width: 600px) and (max-width: 400px) {
  section.header-image .header-image-container.mobile-image a {
    width: 88%;
  }
}
@media only screen and (max-width: 600px) {
  section.header-image .header-image-container.has-mobile {
    display: none;
  }
}
section.header-image.image-full-text .header-image-container {
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}
section.header-image.image-full-text .content-container {
  height: 100%;
}
section.header-image.image-full-text .header-image-content {
  position: absolute;
  top: 48%;
  width: 42.5%;
  text-align: left;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
}
@media only screen and (max-width: 1050px) {
  section.header-image.image-full-text .header-image-content {
    top: 40%;
    width: 65%;
  }
}
@media only screen and (max-width: 800px) {
  section.header-image.image-full-text .header-image-content {
    width: 70%;
  }
}
@media only screen and (max-width: 650px) {
  section.header-image.image-full-text .header-image-content {
    width: 70%;
  }
}
@media only screen and (max-width: 600px) {
  section.header-image.image-full-text .header-image-content {
    width: 75%;
  }
}
@media only screen and (max-width: 450px) {
  section.header-image.image-full-text .header-image-content {
    width: 100%;
  }
}
section.header-image.image-full-text .header-image-content h1 {
  margin-bottom: 30px;
}
section.header-image.image-full-text .header-image-content h1 *, section.header-image.image-full-text .header-image-content h2 *, section.header-image.image-full-text .header-image-content h3 *, section.header-image.image-full-text .header-image-content h4 *, section.header-image.image-full-text .header-image-content h5 *, section.header-image.image-full-text .header-image-content h6 * {
  display: inline;
  font-size: inherit;
  font-weight: inherit;
  font-family: inherit;
  line-height: inherit;
}
section.header-image.image-full-text .header-image-content > p, section.header-image.image-full-text .header-image-content > span {
  width: 90%;
}
@media only screen and (max-width: 1400px) {
  section.header-image.image-full-text .header-image-content > p, section.header-image.image-full-text .header-image-content > span {
    width: 80%;
  }
}
section.header-image.image-full-text .header-image-content > p > span.currency-price, section.header-image.image-full-text .header-image-content > span > span.currency-price {
  display: inline !important;
  color: inherit;
  font-size: inherit !important;
}
section.header-image.image-full-text.content-center .header-image-content {
  position: static;
  width: 100%;
  text-align: center;
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -ms-transform: translateY(0);
  -o-transform: translateY(0);
  transform: translateY(0);
}
section.header-image.image-full-text.content-center .header-image-content h1 {
  margin-bottom: 0;
}
section.header-image.image-full-text.content-center .header-image-content p,
section.header-image.image-full-text.content-center .header-image-content span {
  width: 100%;
}
section.header-image.image-full-text.content-left .header-image-content {
  left: 0;
}
@media only screen and (max-width: 1400px) {
  section.header-image.image-full-text.content-left .header-image-content {
    left: 50px;
  }
}
@media only screen and (max-width: 1200px) {
  section.header-image.image-full-text.content-left .header-image-content {
    position: static;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
  }
}
section.header-image.image-full-text.content-right .header-image-content {
  right: 0;
}
@media only screen and (max-width: 1200px) {
  section.header-image.image-full-text.content-right .header-image-content {
    padding-right: 50px;
    text-align: right;
  }
  section.header-image.image-full-text.content-right .header-image-content p,
section.header-image.image-full-text.content-right .header-image-content span {
    padding-left: 20%;
  }
}
@media only screen and (max-width: 600px) {
  section.header-image.image-full-text.content-right .header-image-content {
    padding-right: 30px;
  }
}
@media only screen and (max-width: 450px) {
  section.header-image.image-full-text.content-right .header-image-content {
    position: static;
    padding-right: 0;
    text-align: right !important;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
  }
}
section.header-image.image-full-text.content-top .header-image-content {
  top: 0;
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -ms-transform: translateY(0);
  -o-transform: translateY(0);
  transform: translateY(0);
}
section.header-image.image-full-text.content-top .header-image-inner {
  padding-top: 0;
}
section.header-image.image-full-text.full-width .header-image-content {
  width: 100%;
}
section.header-image.image-full-text.content-small h1 {
  margin: 0;
  line-height: 1;
  margin-bottom: 5px;
}
section.header-image.image-full-text.content-small .button {
  margin-top: 5px;
}
section.header-image.image-full-text.content-small.bottom-right .header-image-content {
  top: auto;
  bottom: 0;
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -ms-transform: translateY(0);
  -o-transform: translateY(0);
  transform: translateY(0);
  text-align: right;
}
section.header-image.image-full-text.content-small.bottom-right .header-image-content span {
  width: 100%;
}
section.header-image.image-full-text.content-small.top-right .header-image-content {
  top: 0;
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -ms-transform: translateY(0);
  -o-transform: translateY(0);
  transform: translateY(0);
  text-align: right;
}
section.header-image.image-full-text.content-small.top-right .header-image-content span {
  width: 100%;
}
section.header-image.image-full-text.content-small .header-image-content span {
  width: 100%;
  padding: 0 !important;
}
@media only screen and (min-width: 1024px), (hover: hover) {
  section.header-image.image-full-text.content-small .header-image-content .pink-button:hover {
    color: #ff0084 !important;
    background-color: #fff !important;
  }
}
@media only screen and (max-width: 600px) {
  section.header-image.image-full-text.content-small .header-image-content {
    top: 100% !important;
    bottom: auto;
    height: 100%;
  }
  section.header-image.image-full-text.content-small .header-image-content a {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    min-height: 100%;
  }
  section.header-image.image-full-text.content-small .header-image-content br {
    display: none;
  }
}
@media only screen and (max-width: 600px) {
  section.header-image.image-full-text.homepage-header {
    height: 500px;
    background-color: #eaf9ff;
    overflow: hidden;
  }
  section.header-image.image-full-text.homepage-header .content-container {
    position: static;
  }
  section.header-image.image-full-text.homepage-header .header-image-container {
    height: 360px;
    background-position: 36%;
    overflow: visible;
  }
  section.header-image.image-full-text.homepage-header .header-image-content {
    position: absolute !important;
    top: 100%;
    left: 0;
    width: 100%;
    padding: 15px 15px !important;
    margin: 0 !important;
    text-align: left !important;
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    transform: translate(0, 0);
  }
  section.header-image.image-full-text.homepage-header .header-image-content h1, section.header-image.image-full-text.homepage-header .header-image-content a.button, section.header-image.image-full-text.homepage-header .header-image-content span {
    color: #000;
  }
  section.header-image.image-full-text.homepage-header .header-image-content h1 {
    font-size: 26px;
    margin-bottom: 10px;
  }
  section.header-image.image-full-text.homepage-header .header-image-content .button {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    margin: 0;
    border: none;
    background-color: transparent !important;
    font-size: 0;
    opacity: 0;
  }
  section.header-image.image-full-text.homepage-header .header-image-content span {
    display: block !important;
    width: 100%;
    margin: 0;
    padding: 0;
    color: #018278;
  }
}
@media only screen and (max-width: 350px) {
  section.header-image.image-full-text.homepage-header .header-image-content h1 {
    font-size: 24px;
    margin-bottom: 10px;
  }
}
section.header-image.image-full-text .header-image-content a.button.button-small {
  color: #fff !important;
}
section.header-image.image-full .header-image-inner {
  padding: 0;
}
section.header-image.image-full .content-container {
  height: 100%;
}
section.header-image.image-full .header-image-caption {
  position: absolute;
  top: 50%;
  width: auto;
  display: inline-block;
  padding: 10px 20px;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
}
@media only screen and (max-width: 600px) {
  section.header-image.image-full .header-image-caption {
    top: auto;
    bottom: 0;
    width: 100%;
    padding: 10px 15px;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
  }
  section.header-image.image-full .header-image-caption h1 {
    font-size: 26px;
  }
}
section.header-image.image-full.content-right .header-image-caption {
  right: 0;
}
section.header-image.image-full.content-left .header-image-caption {
  left: 0;
}
section.header-image.image-full.text-light .header-image-caption {
  background-color: rgb(255, 255, 255);
}
@media only screen and (max-width: 600px) {
  section.header-image.image-full.text-light .header-image-caption {
    background-color: rgba(255, 255, 255, 0.9);
  }
}
section.header-image.image-full.text-dark .header-image-caption {
  background-color: rgb(0, 0, 0);
}
@media only screen and (max-width: 600px) {
  section.header-image.image-full.text-dark .header-image-caption {
    background-color: rgba(0, 0, 0, 0.9);
  }
}
section.header-image.image-text {
  text-align: center;
}
section.header-image.image-text.black-heading h1 {
  color: #000;
}
section.header-image.image-text.blue-heading h1 {
  color: #4ec6da;
}
section.header-image.image-text .header-image-container {
  padding: 50px 0;
  height: auto;
  max-height: 480px;
}
section.header-image.image-text .header-image-container h1 {
  margin-bottom: 30px;
  line-height: 1.8;
}
@media only screen and (max-width: 600px) {
  section.header-image.image-text .header-image-container h1 {
    line-height: 1.3;
  }
}
section.header-image.image-text .header-image-container img {
  width: auto;
  max-height: 280px;
  margin: 0 auto;
}
@media only screen and (max-width: 600px) {
  section.header-image.image-text .header-image-container img {
    max-width: 150%;
    margin-left: -25%;
  }
}
section.header-image.image-text.large-image .header-image-container {
  padding: 20px 0 0;
  max-height: 600px;
}
section.header-image.image-text.large-image .header-image-container img {
  max-height: 560px;
}
section.header-image.description .header-image-container {
  height: 350px;
}
@media only screen and (max-width: 1050px) {
  section.header-image.description .header-image-container {
    height: auto;
    padding: 50px 0 0;
  }
}
section.header-image.description .content-container {
  position: relative;
  height: 100%;
}
@media only screen and (max-width: 600px) {
  section.header-image.description .content-container {
    padding: 0 30px;
  }
}
section.header-image.description .header-section {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
}
section.header-image.description .header-section.half {
  width: 45%;
}
section.header-image.description .header-section.half.image {
  width: 47.5%;
}
@media only screen and (max-width: 1050px) {
  section.header-image.description .header-section {
    position: static;
    width: 80% !important;
    margin: 0 auto;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
  }
}
@media only screen and (max-width: 600px) {
  section.header-image.description .header-section {
    width: 100% !important;
  }
  section.header-image.description .header-section.image {
    padding: 0 15px;
    overflow: hidden;
  }
  section.header-image.description .header-section.image img {
    max-width: 150%;
    margin: 0 auto;
    margin-left: -25%;
  }
}
section.header-image.description .header-section h2 {
  line-height: 1.6;
}
@media only screen and (max-width: 1050px) {
  section.header-image.description .header-section h2 {
    text-align: center;
  }
}
@media only screen and (max-width: 600px) {
  section.header-image.description .header-section h2 {
    line-height: 1.3;
    font-size: 24px;
  }
}
@media only screen and (max-width: 450px) {
  section.header-image.description .header-section h2 {
    font-size: 20px;
  }
  section.header-image.description .header-section h2 br {
    display: none;
  }
}
section.header-image.description.content-right .image {
  left: 0;
}
section.header-image.description.content-right .text {
  right: 0;
}
section.header-image.description.content-left .image {
  right: 0;
}
section.header-image.description.content-left .text {
  left: 0;
}
section.header-image .seasonal-wrapper {
  width: 63% !important;
  height: 440px;
  display: block;
}
@media only screen and (max-width: 1400px) {
  section.header-image .seasonal-wrapper {
    width: 58% !important;
    min-width: 600px;
    height: 407px;
  }
}
@media only screen and (max-width: 1050px) {
  section.header-image .seasonal-wrapper {
    height: 260px;
  }
}
section.header-image .seasonal-wrapper .seasonal-heading {
  font-size: 68px;
}
@media only screen and (max-width: 1050px) {
  section.header-image .seasonal-wrapper .seasonal-heading {
    font-size: 38px;
  }
}
@media only screen and (max-width: 800px) {
  section.header-image .seasonal-wrapper .seasonal-heading {
    font-size: 35px;
  }
}
section.header-image .seasonal-wrapper h3 {
  margin: 1.5em 0;
  font-size: 20px;
}
@media only screen and (max-width: 1050px) {
  section.header-image .seasonal-wrapper h3 {
    font-size: 18px;
  }
}
@media only screen and (max-width: 800px) {
  section.header-image .seasonal-wrapper h3 {
    font-size: 17px;
  }
}
section.header-image .seasonal-wrapper .button {
  line-height: 1 !important;
  padding: 13px 31px;
  font-family: "DM Sans", sans-serif;
  font-weight: 600;
  line-height: 1.8;
  font-size: 30px;
}
@media only screen and (max-width: 1050px) {
  section.header-image .seasonal-wrapper .button {
    font-size: 22px;
  }
}
section.header-image .seasonal-wrapper .fine-print-message {
  font-family: "DM Sans", sans-serif;
  font-weight: 500;
  line-height: 1.8;
  font-size: 14px;
}
@media only screen and (max-width: 750px) {
  section.header-image .seasonal-wrapper {
    display: none;
  }
}
section.header-image .seasonal-heading.hover-dark-blue:hover {
  color: #0075b0 !important;
}

.hero-carousel {
  position: relative;
  height: 500px;
  margin: 0 auto;
  outline: none;
  overflow: hidden;
}
@media only screen and (max-width: 1050px) {
  .hero-carousel {
    height: 400px;
  }
}
.hero-carousel * {
  outline: none;
}
.hero-carousel.slick-initialized {
  overflow: visible;
}
.hero-carousel .slick-dots {
  top: auto;
  bottom: 10px;
}
.hero-carousel .slick-dots li button:before {
  color: #fff;
  font-size: 14px;
}
.hero-carousel .slick-dots li.slick-active button:before {
  color: #4ec6da;
}
.hero-carousel .slick-list,
.hero-carousel .slick-track {
  height: 100%;
}
.hero-carousel .image-fit {
  height: 100%;
}
.hero-carousel .hero-item {
  height: 500px;
  overflow: hidden;
}
@media only screen and (max-width: 1200px) {
  .hero-carousel .hero-item {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    border-radius: 0;
  }
}
@media only screen and (max-width: 1050px) {
  .hero-carousel .hero-item {
    height: 400px;
  }
}

section.hero-image .hero-image-container h1.hero-heading {
  font-family: "DM Sans", sans-serif;
  font-weight: 600;
  line-height: 1.8;
  margin: 0 0 30px 0;
  font-size: 45px;
}
@media only screen and (max-width: 1050px) {
  section.hero-image .hero-image-container h1.hero-heading {
    font-size: 40px;
  }
}
@media only screen and (max-width: 800px) {
  section.hero-image .hero-image-container h1.hero-heading {
    font-size: 36px;
  }
}
@media only screen and (max-width: 600px) {
  section.hero-image .hero-image-container h1.hero-heading {
    line-height: 1.3;
  }
}

section.header-image.canada-business-cards {
  padding: 4rem 0;
  background-color: #ffffff;
  position: relative;
  overflow: hidden;
  z-index: 10;
}
@media only screen and (min-width: 640px) {
  section.header-image.canada-business-cards {
    padding: 6rem 0;
  }
}
section.header-image.canada-business-cards .content-container {
  max-width: 80rem;
  margin: 0 auto;
  padding: 0 1.5rem;
  position: relative;
  z-index: 10;
  display: grid;
  grid-template-columns: 1fr;
  gap: 3rem;
  align-items: center;
  margin-bottom: -3rem;
}
@media only screen and (min-width: 1050px) {
  section.header-image.canada-business-cards .content-container {
    padding: 0 2rem;
  }
}
@media only screen and (min-width: 1050px) {
  section.header-image.canada-business-cards .content-container {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 4rem;
    margin-bottom: -4rem;
  }
}
section.header-image.canada-business-cards .content-container .feature-bar-content {
  text-align: center;
  margin: 0;
}
@media only screen and (min-width: 1050px) {
  section.header-image.canada-business-cards .content-container .feature-bar-content {
    text-align: left !important;
  }
}
section.header-image.canada-business-cards .content-container .feature-bar-content h1 {
  margin: 0;
  font-size: 3rem;
  font-weight: 900;
  font-family: "DM Sans", sans-serif;
  color: #111827;
  line-height: 1;
}
section.header-image.canada-business-cards .content-container .feature-bar-content h1.title-with-flag::after {
  content: " 🇨🇦";
  font-size: 3rem;
}
@media only screen and (min-width: 800px) {
  section.header-image.canada-business-cards .content-container .feature-bar-content h1 {
    font-size: 4.5rem;
  }
  section.header-image.canada-business-cards .content-container .feature-bar-content h1.title-with-flag::after {
    font-size: 4.5rem;
  }
}
section.header-image.canada-business-cards .content-container .feature-bar-content h1 span {
  line-height: 1;
}
section.header-image.canada-business-cards .content-container .feature-bar-content p {
  margin-top: 1.5rem;
  margin-bottom: 0;
  font-size: 1.125rem;
  color: #4b5563;
  line-height: 1.75rem;
}
@media only screen and (min-width: 800px) {
  section.header-image.canada-business-cards .content-container .feature-bar-content p {
    font-size: 1.25rem;
  }
}
section.header-image.canada-business-cards .content-container .feature-bar-content p:not(:first-of-type) {
  margin-top: 1rem;
}
section.header-image.canada-business-cards .content-container .feature-bar-content .jb-btn.btn-primary {
  margin-top: 1.5rem;
}
section.header-image.canada-business-cards .content-container .image-wrapper img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 25px;
}

section.header-image.why-jukebox-print {
  padding: 4rem 0;
  background-color: #ffffff;
  position: relative;
  z-index: 10;
  overflow: hidden;
}
@media only screen and (min-width: 640px) {
  section.header-image.why-jukebox-print {
    padding: 6rem 0;
  }
}
section.header-image.why-jukebox-print > div:first-of-type {
  display: none;
}
@media only screen and (min-width: 1050px) {
  section.header-image.why-jukebox-print > div:first-of-type {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0;
    height: 16rem;
    width: 16rem;
    margin-top: -2.5rem;
    margin-left: -2.5rem;
    background-repeat: no-repeat;
    background-size: contain;
  }
}
section.header-image.why-jukebox-print .content-container {
  max-width: 80rem;
  margin: 0 auto;
  padding: 0 1.5rem;
  position: relative;
  z-index: 10;
}
@media only screen and (min-width: 1050px) {
  section.header-image.why-jukebox-print .content-container {
    padding: 0 2rem;
  }
}
section.header-image.why-jukebox-print .content-container > div {
  max-width: 48rem;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}
section.header-image.why-jukebox-print .content-container > div h1 {
  margin: 0;
  font-size: 2.25rem;
  font-weight: 900;
  font-family: "DM Sans", sans-serif;
  color: #111827;
  line-height: 1.25;
}
@media only screen and (min-width: 800px) {
  section.header-image.why-jukebox-print .content-container > div h1 {
    font-size: 4.5rem;
    line-height: 1;
  }
}
section.header-image.why-jukebox-print .content-container > div p {
  margin-top: 1.5rem;
  margin-bottom: 0;
  font-size: 1rem;
  color: #4b5563;
  line-height: 1.75rem;
}
@media only screen and (min-width: 800px) {
  section.header-image.why-jukebox-print .content-container > div p {
    font-size: 1.25rem;
  }
}

body.admin label {
  display: block;
}
body.admin .float-labels {
  display: none;
}

.form-row {
  position: relative;
  display: block;
  margin-top: 10px;
  margin-bottom: 35px;
}
.form-row.address-street-wrapper::before {
  content: url("https://storage.jukeboxprint.com/s/images/search-icon.svg");
  position: absolute;
  width: 20px;
  height: 20px;
  right: 13px;
  top: 50%;
  transform: translateY(-50%);
  z-index: 1;
}
.form-row.card-number-wrapper::before {
  content: url("https://storage.jukeboxprint.com/s/images/lock-icon.svg");
  position: absolute;
  width: 20px;
  height: 20px;
  right: 12px;
  bottom: 6%;
  transform: translateY(-50%);
  z-index: 1;
}

.form-section {
  padding: 30px 40px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
  border-radius: 10px;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
@media only screen and (max-width: 450px) {
  .form-section {
    padding: 30px 15px;
  }
}
.form-section h4 {
  margin-top: 0;
  color: #000;
}
.form-section .form-row:last-of-type {
  margin-bottom: 0;
}
.form-section.form-section-focus {
  background-color: #f7f7f7;
}

label {
  font-family: "DM Sans", sans-serif;
  font-weight: 500;
  line-height: 1.8;
  position: relative;
  display: block;
  font-size: 16px;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
label.admin-label {
  display: none;
}
label.float-label {
  position: absolute;
  top: -10px;
  left: 20px;
  margin: 0;
  font-size: 12px;
  font-family: "DM Sans", sans-serif;
  font-weight: 500;
  line-height: 1.8;
  color: #666666;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
label.float-label.active {
  top: -20px;
  opacity: 1;
  visibility: visible;
}

label[for=accept] {
  display: inline;
  position: relative;
  left: 15px;
  cursor: pointer;
}

.form-field-styles, textarea, input {
  font-family: "DM Sans", sans-serif;
  font-weight: 500;
  line-height: 1.8;
  position: relative;
  display: block;
  padding: 7px 20px;
  font-size: 16px;
  color: #000;
  border: 1px solid #bfbfbf;
  outline: none;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
@media only screen and (max-width: 1400px) and (min-width: 1050px) {
  .form-field-styles, textarea, input {
    padding-top: 6px;
    padding-bottom: 6px;
  }
}
.form-field-styles:focus, textarea:focus, input:focus {
  border: 2px solid #6ec0ff;
  box-shadow: 0 0 0 4px #d0f7ff;
  -webkit-transition: 0.1s;
  transition: 0.1s;
}

input {
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  -ms-border-radius: 30px;
  -o-border-radius: 30px;
  border-radius: 30px;
}
input[type=text], input[type=email], input[type=password] {
  width: 100%;
}
input.input-short {
  width: 40%;
}
@media only screen and (max-width: 1050px) {
  input.input-short {
    width: 60%;
  }
}
input[type=search] {
  display: inline;
  padding: 3px 15px;
  margin-bottom: 0px;
  font-size: 16px;
}
input:focus {
  background-color: #fff;
}
input.invalid {
  background-color: #ffeff1;
}
input.error {
  border-color: red;
}
@media only screen and (max-width: 600px) {
  input[type=text], input[type=email], input[type=password], input[type=number], input[type=search] {
    font-size: 16px !important;
  }
}
input.select2-search__field:focus {
  border: inherit !important;
  box-shadow: inherit;
}

input:-webkit-autofill {
  background-color: transparent !important;
}

input:autofill {
  background-color: transparent !important;
}

.fos_user_resetting_request input[type=text],
.fos_user_resetting_request input[type=email],
.fos_user_resetting_request input[type=password],
.fos_user_resetting_reset input[type=text],
.fos_user_resetting_reset input[type=email],
.fos_user_resetting_reset input[type=password] {
  width: 400px;
}

textarea {
  width: 100%;
  height: 250px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
  overflow-x: hidden;
  resize: none;
  box-sizing: border-box;
}
textarea.radius-none {
  -webkit-border-top-right-radius: 0;
  -moz-border-top-right-radius: 0;
  -ms-border-top-right-radius: 0;
  -o-border-top-right-radius: 0;
  border-top-right-radius: 0;
  -webkit-border-bottom-right-radius: 0;
  -moz-border-bottom-right-radius: 0;
  -ms-border-bottom-right-radius: 0;
  -o-border-bottom-right-radius: 0;
  border-bottom-right-radius: 0;
}
textarea ::-webkit-scrollbar-track {
  background-color: transparent;
}
@media only screen and (max-width: 450px) {
  textarea {
    font-size: 16px !important;
  }
}

input::placeholder, textarea::placeholder {
  color: #000 !important;
  opacity: 1;
}

input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
  color: #000;
}

input::-moz-input-placeholder,
textarea::-moz-input-placeholder {
  color: #000;
}

input:-moz-input-placeholder,
textarea:-moz-input-placeholder {
  color: #000;
}

input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
  color: #000;
}

/* checkbox styles */
input[type=checkbox]:not(.style1) {
  display: none;
}
input[type=checkbox]:not(.style1) + label:before {
  content: "\f096";
  font-weight: 300;
  position: absolute;
  top: -4px;
  left: -25px;
  display: inline;
  font-family: "Font Awesome 6 Free";
  font-size: 20px;
  letter-spacing: 10px;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  cursor: pointer;
}
input[type=checkbox]:not(.style1):checked + label:before {
  content: "\f14a";
  font-weight: 900;
  color: #3cb1cb;
}

label.checkbox-label {
  display: inline-block;
  left: 26px;
  cursor: pointer;
}

/* radio buttons */
input[type=radio] {
  display: none;
}
input[type=radio] + label {
  font-size: 14px;
  color: #000;
  cursor: pointer;
}
input[type=radio] + label:before {
  content: "";
  position: absolute;
  top: 50%;
  left: -25px;
  width: 14px;
  height: 14px;
  margin-top: -7.5px;
  border: 1px solid #bfbfbf;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -mos-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
}
input[type=radio] + label:after {
  content: "";
  position: absolute;
  top: 50%;
  left: -18.5px;
  width: 3px;
  height: 3px;
  margin-top: -1px;
  background-color: #45d3ea;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  opacity: 0;
}
input[type=radio]:checked + label:after {
  left: -22px;
  width: 10px;
  height: 10px;
  margin-top: -4.5px;
  opacity: 1;
}

.radio-label {
  float: left;
  margin: 0;
}
.radio-label label {
  display: inline;
  margin: 0;
}

.radio-buttons {
  float: left;
  margin: 0;
}
.radio-buttons label {
  font-family: "DM Sans", sans-serif;
  font-weight: 500;
  line-height: 1.8;
  position: relative;
  left: 40px;
  margin-bottom: 5px;
  cursor: pointer;
}
.radio-buttons.two-button label {
  display: inline;
  margin-right: 30px;
}
.radio-buttons.multiple-button label {
  display: block;
}

/* submit form button */
input[type=submit].modal-button {
  width: 100%;
}
@media only screen and (min-width: 1024px), (hover: hover) {
  input[type=submit]:hover {
    background-color: #4ec6da;
  }
}
input[type=submit].green-button {
  background-color: #7ac142;
}
@media only screen and (min-width: 1024px), (hover: hover) {
  input[type=submit].green-button:hover {
    background-color: #9dd464;
  }
}

a.form-link {
  font-family: "DM Sans", sans-serif;
  font-weight: 500;
  line-height: 1.8;
  display: inline-block;
  font-size: 14px;
}
@media only screen and (min-width: 1024px), (hover: hover) {
  a.form-link:hover {
    color: #3cb1cb;
  }
}

/* form field errors */
.error-input {
  border-color: #ff687a;
  background-color: #fff4f6;
}

.error-select {
  color: #ff687a;
}

div.error {
  font-family: "DM Sans", sans-serif;
  font-weight: 500;
  line-height: 1.8;
  display: inline;
  font-size: 12px;
  color: #ff687a;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

div.checkout-error {
  display: none;
  color: #ff687a;
  margin-top: 5px;
}

div.success {
  display: inline;
  font-family: "DM Sans", sans-serif;
  font-weight: 500;
  line-height: 1.8;
  font-size: 12px;
  color: #7ac142;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

.radio-buttons div.error {
  left: 25px;
  top: -15px;
}

div.data {
  font-family: "DM Sans", sans-serif;
  font-weight: 600;
  line-height: 1.8;
  display: inline;
  font-size: 12px;
  color: #000;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

.search-large {
  width: 100%;
}
.search-large .container {
  position: relative;
  display: block;
  width: 800px;
  margin: 0 auto;
  text-align: center;
}
@media only screen and (max-width: 830px) {
  .search-large .container {
    width: 100%;
  }
}
@media only screen and (max-width: 750px) {
  .search-large .container {
    width: 500px;
  }
}
@media only screen and (max-width: 600px) {
  .search-large .container {
    width: 100%;
  }
}
.search-large .container input[type=search], .search-large .container input[type=email] {
  width: 100%;
  padding: 10px 140px 10px 50px;
  margin: 0;
  font-family: "DM Sans", sans-serif;
  font-weight: 500;
  line-height: 1.8;
  text-align: center;
}
@media only screen and (max-width: 1400px) and (min-width: 1050px) {
  .search-large .container input[type=search], .search-large .container input[type=email] {
    text-align: left;
  }
}
@media only screen and (max-width: 600px) {
  .search-large .container input[type=search], .search-large .container input[type=email] {
    padding: 10px 80px 10px 35px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -ms-border-radius: 20px;
    -o-border-radius: 20px;
    border-radius: 20px;
  }
  .search-large .container input[type=search]::-webkit-input-placeholder, .search-large .container input[type=email]::-webkit-input-placeholder {
    color: transparent;
  }
  .search-large .container input[type=search]::-moz-placeholder, .search-large .container input[type=email]::-moz-placeholder {
    color: transparent;
  }
  .search-large .container input[type=search]:-ms-input-placeholder, .search-large .container input[type=email]:-ms-input-placeholder {
    color: transparent;
  }
  .search-large .container input[type=search]:-moz-placeholder, .search-large .container input[type=email]:-moz-placeholder {
    color: transparent;
  }
}
.search-large .container .search-icon {
  position: absolute;
  top: 50%;
  left: 15px;
  margin-top: -9px;
  width: 18px;
  height: 18px;
  z-index: 1;
}
@media only screen and (max-width: 600px) {
  .search-large .container .search-icon {
    width: 15px;
    height: 15px;
    margin-top: -7px;
  }
}
.search-large .container .search-results-page-input {
  display: none;
}
.search-large .container button[type=submit],
.search-large .container input[type=submit],
.search-large .container .search-large-button {
  position: absolute;
  top: 0;
  right: -2px;
  min-width: 0;
  padding-top: 7px;
  padding-bottom: 7px;
  margin: 0;
  background-color: #29d6e0 !important;
  -webkit-border-top-left-radius: 0;
  -moz-border-top-left-radius: 0;
  -ms-border-top-left-radius: 0;
  -o-border-top-left-radius: 0;
  border-top-left-radius: 0;
  -webkit-border-bottom-left-radius: 0;
  -moz-border-bottom-left-radius: 0;
  -ms-border-bottom-left-radius: 0;
  -o-border-bottom-left-radius: 0;
  border-bottom-left-radius: 0;
  transition-property: none;
}
@media only screen and (max-width: 600px) {
  .search-large .container button[type=submit],
.search-large .container input[type=submit],
.search-large .container .search-large-button {
    padding: 15px;
    font-size: 12px;
    -webkit-border-top-right-radius: 20px;
    -moz-border-top-right-radius: 20px;
    -ms-border-top-right-radius: 20px;
    -o-border-top-right-radius: 20px;
    border-top-right-radius: 20px;
    -webkit-border-bottom-right-radius: 20px;
    -moz-border-bottom-right-radius: 20px;
    -ms-border-bottom-right-radius: 20px;
    -o-border-bottom-right-radius: 20px;
    border-bottom-right-radius: 20px;
  }
}
@media only screen and (min-width: 1024px), (hover: hover) {
  .search-large .container button[type=submit]:hover,
.search-large .container input[type=submit]:hover,
.search-large .container .search-large-button:hover {
    background-color: #38e8f2 !important;
  }
}
.search-large .container button[type=submit] .icon,
.search-large .container input[type=submit] .icon,
.search-large .container .search-large-button .icon {
  display: none;
}
@media only screen and (max-width: 600px) {
  .search-large .container button[type=submit] .icon,
.search-large .container input[type=submit] .icon,
.search-large .container .search-large-button .icon {
    display: block;
  }
}
.search-large .container h2 {
  margin-top: 0;
}
.search-large .container .message, .search-large .container .response {
  margin-top: 20px;
  line-height: 1.8;
  color: #fff;
}
.search-large .container .message a, .search-large .container .response a {
  color: #7ac142 !important;
}
.search-large .container .mce_inline_error {
  background-color: #ff687a;
}
.search-large.mailing-list-form .container {
  width: 600px;
}
@media only screen and (max-width: 660px) {
  .search-large.mailing-list-form .container {
    width: 100%;
  }
}
.search-large.mailing-list-form .container input[type=email] {
  padding-left: 20px;
  box-shadow: none;
}
.search-large.mailing-list-form .container button[type=submit], .search-large.mailing-list-form .container input[type=submit] {
  padding-top: 12px;
  padding-bottom: 12px;
  background-color: #7ac142 !important;
}
@media only screen and (max-width: 600px) {
  .search-large.mailing-list-form .container button[type=submit], .search-large.mailing-list-form .container input[type=submit] {
    font-size: 16px;
    height: 100%;
  }
}
.search-large .mobile-hide {
  color: inherit;
  font-family: "DM Sans", sans-serif;
  font-weight: 600;
  line-height: 1.8;
  height: 0;
}
@media only screen and (max-width: 600px) {
  .search-large .mobile-hide {
    display: none;
  }
}

::-webkit-search-cancel-button {
  display: none;
}

/* styles for select2 dropdowns */
select {
  border: none;
  width: 100%;
  height: 100%;
  font-family: "DM Sans", sans-serif;
  font-weight: 500;
  line-height: 1.8;
  font-size: 16px;
  color: #000 !important;
  background-color: transparent;
  outline: none;
  -webkit-appearance: none !important;
}
select.mobile {
  cursor: pointer;
  font-family: "DM Sans", sans-serif;
  font-weight: 600;
  line-height: 1.8;
  padding: 4px 0px 2px 15px;
  border: 0px;
}
@media only screen and (max-width: 600px) {
  select {
    font-size: 15px !important;
  }
}

.select2.select2-container.select2-container--default {
  position: relative;
  display: inline-block;
  width: 100% !important;
  font-family: "DM Sans", sans-serif;
  font-weight: 500;
  line-height: 1.8;
  font-size: 16px;
  background-color: #fff;
  border: 1px solid #000;
  -webkit-border-radius: 1px;
  -moz-border-radius: 1px;
  -ms-border-radius: 1px;
  -o-border-radius: 1px;
  border-radius: 1px;
  outline: none;
  cursor: pointer;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  -webkit-appearance: none;
}

.select2.select2-container-select2-container--default.open {
  border: 1px solid #3cb1cb !important;
}

.select2-selection {
  display: inline !important;
  width: 100%;
  background-color: transparent !important;
  border: none !important;
  outline: none;
}

.select2-selection__rendered {
  padding: 3px 20px !important;
  color: #000 !important;
  min-height: 28px;
}
@media only screen and (min-width: 2500px) {
  .select2-selection__rendered {
    padding: 5px 20px !important;
  }
}
@media only screen and (max-width: 600px) {
  .select2-selection__rendered {
    font-size: 14px;
  }
}

form .select2-selection__rendered {
  padding: 7px 20px !important;
}

.select2-selection--multiple .select2-selection__rendered {
  padding: 7px 20px !important;
}
@media only screen and (max-width: 1400px) and (min-width: 1050px) {
  .select2-selection--multiple .select2-selection__rendered {
    padding-top: 5px !important;
    padding-bottom: 3px !important;
  }
}
@media only screen and (max-width: 600px) {
  .select2-selection--multiple .select2-selection__rendered {
    padding: 5px 20px !important;
  }
}

.select2-selection__arrow {
  top: 0 !important;
  right: 11px !important;
  height: 100% !important;
  cursor: pointer !important;
}
.select2-selection__arrow:after {
  content: "\f107";
  font-weight: 900;
  position: absolute;
  left: 0;
  top: 50%;
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
  font-size: 16px;
  color: #000;
  z-index: 0;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
}

.select2-container--open .selection .select2-selection .select2-selection__arrow:after {
  content: "\f106";
}

.select2-selection__arrow b {
  display: none;
}

.select2-dropdown {
  -webkit-border-top-left-radius: 0px !important;
  -moz-border-top-left-radius: 0px !important;
  -ms-border-top-left-radius: 0px !important;
  -o-border-top-left-radius: 0px !important;
  border-top-left-radius: 0px !important;
  /*override select2*/
  -webkit-border-top-right-radius: 0px !important;
  -moz-border-top-right-radius: 0px !important;
  -ms-border-top-right-radius: 0px !important;
  -o-border-top-right-radius: 0px !important;
  border-top-right-radius: 0px !important;
  /*override select2*/
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  -ms-border-radius: 0px;
  -o-border-radius: 0px;
  border-radius: 0px;
}

.select2-dropdown--below {
  position: absolute;
  border: 1px solid #e1e1e1;
  left: 0;
  box-shadow: 0 10px 10px -3px #ccc;
  -webkit-border-top-left-radius: 0px !important;
  -moz-border-top-left-radius: 0px !important;
  -ms-border-top-left-radius: 0px !important;
  -o-border-top-left-radius: 0px !important;
  border-top-left-radius: 0px !important;
  /*override select2*/
  -webkit-border-top-right-radius: 0px !important;
  -moz-border-top-right-radius: 0px !important;
  -ms-border-top-right-radius: 0px !important;
  -o-border-top-right-radius: 0px !important;
  border-top-right-radius: 0px !important;
  /*override select2*/
}

.select2-results__option[aria-selected] {
  border-bottom: 1px solid #e1e1e1;
}

.select2-dropdown--above {
  position: absolute;
  border: 1px solid #e1e1e1;
  box-shadow: -5px -2px 10px -3px #ccc;
  top: 0;
  left: 0;
  -webkit-border-bottom-left-radius: 0px !important;
  -moz-border-bottom-left-radius: 0px !important;
  -ms-border-bottom-left-radius: 0px !important;
  -o-border-bottom-left-radius: 0px !important;
  border-bottom-left-radius: 0px !important;
  /*override select2*/
  -webkit-border-bottom-right-radius: 0px !important;
  -moz-border-bottom-right-radius: 0px !important;
  -ms-border-bottom-right-radius: 0px !important;
  -o-border-bottom-right-radius: 0px !important;
  border-bottom-right-radius: 0px !important;
  /*override select2*/
}

.select2-selection__choice {
  margin-top: 0 !important;
  background-color: #3cb1cb !important;
  color: #fff;
}

.select2-selection__choice__remove {
  color: #fff !important;
  transition: all 0.3s ease;
}

@media only screen and (min-width: 1024px), (hover: hover) {
  .select2-selection__choice__remove:hover {
    color: #666666 !important;
  }
}

.select2-selection--multiple .select2-selection__rendered {
  display: block !important;
}

.select2-search {
  position: relative;
  padding: 0 20px;
}
@media only screen and (max-width: 600px) {
  .select2-search {
    padding: 0 10px;
  }
}

.select2-selection--multiple .select2-search {
  padding: 0;
}

.select2-search:after {
  content: "\e86f";
  position: absolute;
  top: 7px;
  left: 25px;
  margin-top: -3.5px;
  font-family: Linearicons-Free;
  font-size: 16px;
}
@media only screen and (max-width: 600px) {
  .select2-search:after {
    left: 15px;
  }
}

.select2-selection--multiple .select2-search:after {
  content: "";
}

.select2-search__field {
  padding-left: 25px !important;
  margin-bottom: 12px;
  border: none !important;
  border-bottom: 1px solid #666666 !important;
  -webkit-border-radius: 0 !important;
  -moz-border-radius: 0 !important;
  -ms-border-radius: 0 !important;
  -o-border-radius: 0 !important;
  border-radius: 0 !important;
}

.select2-selection--multiple .select2-search__field {
  margin: 0 !important;
  padding-left: 0 !important;
  border-bottom: none !important;
}

.select2-container--default .select2-results__group {
  padding: 7px 30px;
  font-family: "DM Sans", sans-serif;
  font-weight: 600;
  line-height: 1.8;
  font-size: 18px;
  color: #4ec6da;
}

.select2-results__option[role=group] {
  border-bottom: 2px solid #4ec6da;
}

.select2-results__options:not(.select2-results__options--nested) {
  max-height: 250px !important;
  overflow-x: hidden;
  scrollbar-width: thin;
}

.select2-results__option,
.select2-container--default .select2-results__option .select2-results__option {
  min-height: 27px;
  display: block;
  padding: 7px 20px;
  font-family: "DM Sans", sans-serif;
  font-weight: 500;
  line-height: 1.8;
  color: #000;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

.select2-results__option--highlighted {
  color: #000 !important;
  background-color: #fbfbfb !important;
}

@media only screen and (min-width: 1024px), (hover: hover) {
  .select2-results__option:not([aria-disabled=true]):not([role=group]):not(.select2-results__option--selected):hover {
    color: #000 !important;
    background-color: #fbfbfb !important;
  }
}

.select2-results__option[aria-selected=true] {
  background-color: #fbfbfb !important;
  color: #000 !important;
}
@media only screen and (min-width: 1024px), (hover: hover) {
  .select2-results__option[aria-selected=true]:hover {
    color: #000 !important;
    background-color: #fbfbfb !important;
  }
}

.select2-container--default .select2-results__option--selected {
  background-color: #753cfa !important;
  color: white !important;
}
@media only screen and (min-width: 1024px), (hover: hover) {
  .select2-container--default .select2-results__option--selected:hover {
    background-color: #753cfa !important;
    color: white !important;
  }
}
.select2-container--default .select2-results__option--selected span {
  color: white !important;
}

.col-06 .input-short {
  width: 60%;
}

.fos_user_registration_register .form-section h4 {
  font-family: "DM Sans", sans-serif;
  font-weight: 600;
  line-height: 1.8;
}
.fos_user_registration_register .form-section input {
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
}
.fos_user_registration_register .form-section .select2.select2-container.select2-container--default {
  border: 1px solid #bfbfbf;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
}
.fos_user_registration_register .form-section label.float-label {
  font-family: "DM Sans", sans-serif;
  font-weight: 500;
  line-height: 1.8;
}
.fos_user_registration_register .button.blue-button {
  font-size: 18px;
  font-family: "DM Sans", sans-serif;
  font-weight: 600;
  line-height: 1.8;
  line-height: 1 !important;
  letter-spacing: 0.2px;
  padding: 13px;
  min-width: 200px;
  cursor: pointer;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
}

.flash-message {
  position: absolute;
  top: 100%;
  height: fit-content;
  width: 100%;
  padding: 10px 0;
  text-align: center;
  cursor: pointer;
  z-index: 9997;
}
@media only screen and (max-width: 350px) {
  .flash-message {
    padding: 6px 0 4px;
  }
}
.flash-message span {
  font-family: "DM Sans", sans-serif;
  font-weight: 500;
  line-height: 1.8;
  position: relative;
  margin-left: 40px;
  font-size: 18px;
  color: #fff;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
@media only screen and (min-width: 1024px), (hover: hover) {
  .flash-message:hover span {
    color: #2d4d0b;
  }
}

.flash-message-notice {
  padding: 30px 0;
  background-color: #ccfcff;
}
.flash-message-notice:after {
  content: "\f00d";
  position: absolute;
  top: 50%;
  right: 30px;
  margin-top: -10px;
  font-family: "Font Awesome 6 Free";
  font-weight: 600;
  font-size: 20px;
  color: #2d4d0b;
  opacity: 0;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
@media only screen and (min-width: 1024px), (hover: hover) {
  .flash-message-notice:hover:after {
    opacity: 1;
  }
}
.flash-message-notice span {
  color: #2d4d0b;
  margin-left: 60px;
}

.flash-message-success {
  background-color: #9dd464;
}
.flash-message-success span:after {
  content: "\e87f";
  position: absolute;
  top: 50%;
  left: -35px;
  transform: translateY(-50%);
  font-family: "Linearicons-Free";
  font-size: 24px;
}

.flash-message-error {
  background-color: #ff687a;
}
.flash-message-error span:after {
  content: "\e880";
  position: absolute;
  top: 50%;
  left: -35px;
  transform: translateY(-50%);
  font-family: "Linearicons-Free";
  font-size: 24px;
}

.feature-bar-container {
  padding: 50px 0 100px;
}
@media only screen and (max-width: 800px) {
  .feature-bar-container .apply-mobile-height {
    height: 270px;
    min-height: 270px !important;
    background-position: center;
  }
}
.feature-bar-container .feature-bar-basic.feature-0 + .feature-bar-basic-image {
  padding-top: 75px;
}

section#pricing + section.feature-bar-container .feature-bar:first-child.feature-bar-basic.feature-0 {
  margin-top: 75px;
}

.feature-bar-wrapper {
  position: relative;
  padding: 0 30px;
  margin: 0 auto;
  background-size: cover;
  background-repeat: no-repeat;
}
.feature-bar-wrapper:not(.feature-bar-details):not(.feature-bar-button) {
  min-height: 600px;
}
@media only screen and (max-width: 450px) {
  .feature-bar-wrapper {
    padding-left: 20px;
    padding-right: 20px;
  }
}
@media only screen and (min-width: 2500px) {
  .feature-bar-wrapper:not(.feature-bar-details):not(.feature-bar-button):not(.feature-bar-countdown-timer):not(.feature-bar-instagram) {
    height: 700px;
  }
}
.feature-bar-wrapper.fixed {
  background-attachment: fixed;
}
.feature-bar-wrapper.heading-blue h2 {
  color: #4ec6da !important;
}
.feature-bar-wrapper .content-container {
  position: relative;
  min-height: 600px;
}
@media only screen and (max-width: 1400px) {
  .feature-bar-wrapper .content-container {
    min-height: 525px;
  }
}
@media only screen and (max-width: 600px) {
  .feature-bar-wrapper h2 {
    position: relative;
    padding-bottom: 15px;
    margin-bottom: 15px;
  }
  .feature-bar-wrapper h2.no-underline:after {
    background-color: transparent;
  }
}
@media only screen and (max-width: 600px) and (max-width: 600px) {
  .feature-bar-wrapper h2.feature-bar-custom-title {
    padding-bottom: 5px;
  }
  .feature-bar-wrapper h2.feature-bar-custom-title p {
    font-size: 17px;
  }
}
@media only screen and (max-width: 600px) and (max-width: 450px) {
  .feature-bar-wrapper h2.feature-bar-custom-title p {
    font-size: 16px;
  }
}
@media only screen and (max-width: 600px) {
  .feature-bar-wrapper h2.feature-bar-custom-title:after {
    background: transparent;
  }
}
.feature-bar-wrapper.full-width {
  padding-left: 0;
  padding-right: 0;
}
.feature-bar-wrapper.full-width .content-container {
  padding-left: 0;
  padding-right: 0;
}
.feature-bar-wrapper .button-secondary {
  min-width: 150px;
}
.feature-bar-wrapper .button-secondary.squared {
  padding: 7px 20px;
}
@media only screen and (max-width: 1050px) {
  .feature-bar-wrapper .button-secondary.squared {
    padding: 4px 15px;
    font-size: 13px;
  }
}
.feature-bar-wrapper .feature-bar-content {
  position: absolute;
  top: 50%;
  width: 45%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  z-index: 1;
}
.feature-bar-wrapper .feature-bar-content.left {
  left: 0;
}
@media only screen and (max-width: 800px) {
  .feature-bar-wrapper .feature-bar-content.left {
    left: 50%;
  }
}
.feature-bar-wrapper .feature-bar-content.right {
  right: 0;
}
@media only screen and (max-width: 800px) {
  .feature-bar-wrapper .feature-bar-content.right {
    right: 50%;
  }
}
.feature-bar-wrapper .feature-bar-content.full-width {
  width: 100%;
}
.feature-bar-wrapper .feature-bar-content h2 {
  margin: 0;
}
.feature-bar-wrapper .feature-bar-content p.button-container {
  font-size: 16px;
}
.feature-bar-wrapper .feature-bar-content.text-dark h2,
.feature-bar-wrapper .feature-bar-content.text-dark h3 {
  color: #000;
}
.feature-bar-wrapper .feature-bar-content.text-dark p {
  color: #000;
}
.feature-bar-wrapper .feature-bar-content.text-dark .video-toggle {
  color: #000;
  border-color: #000;
}
@media only screen and (min-width: 1024px), (hover: hover) {
  .feature-bar-wrapper .feature-bar-content.text-dark .video-toggle:hover {
    background-color: #fff !important;
  }
}
.feature-bar-wrapper .feature-bar-content.text-light h2,
.feature-bar-wrapper .feature-bar-content.text-light h3,
.feature-bar-wrapper .feature-bar-content.text-light p {
  color: #fff;
}
.feature-bar-wrapper .feature-bar-content.text-light .video-toggle {
  border-color: #fff;
  color: #fff;
}
@media only screen and (min-width: 1024px), (hover: hover) {
  .feature-bar-wrapper .feature-bar-content.text-light .video-toggle:hover {
    background-color: #000 !important;
  }
}
@media only screen and (max-width: 800px) {
  .feature-bar-wrapper .feature-bar-content:not(.full-width) {
    top: 100%;
    left: 50% !important;
    width: 80%;
    -webkit-transform: translate(-50%, -100%);
    -moz-transform: translate(-50%, -100%);
    -ms-transform: translate(-50%, -100%);
    -o-transform: translate(-50%, -100%);
    transform: translate(-50%, -100%);
  }
}
@media only screen and (max-width: 600px) {
  .feature-bar-wrapper .feature-bar-content {
    width: 100%;
  }
}
.feature-bar-wrapper .feature-bar-content.unset-position {
  position: inherit;
  transform: inherit;
  top: auto;
}

.feature-bar-detailsCarousel {
  position: relative;
  padding: 40px 30px;
  margin: 0;
  min-height: inherit !important;
}
@media only screen and (max-width: 750px) {
  .feature-bar-detailsCarousel {
    padding-top: 80px;
  }
}
.feature-bar-detailsCarousel .content-container {
  min-height: inherit !important;
}
@media only screen and (max-width: 450px) {
  .feature-bar-detailsCarousel .content-container {
    padding: 0;
  }
}
.feature-bar-detailsCarousel .header-wrapper {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: 10px 0;
}
.feature-bar-detailsCarousel .header-wrapper h2 {
  font-size: 32px;
  margin: 0;
}
@media only screen and (max-width: 800px) {
  .feature-bar-detailsCarousel .header-wrapper h2 {
    font-size: 29px;
  }
}
@media only screen and (max-width: 450px) {
  .feature-bar-detailsCarousel .header-wrapper h2 {
    line-height: 1.3;
  }
}
.feature-bar-detailsCarousel .header-wrapper h2 .mobile-break {
  font-size: inherit;
  line-height: inherit;
  font-family: inherit;
}
@media only screen and (max-width: 450px) {
  .feature-bar-detailsCarousel .header-wrapper h2 .mobile-break {
    display: inline-block;
  }
}
.feature-bar-detailsCarousel p {
  color: #000;
  font-size: 18px;
  margin: 0;
  text-align: center;
}
@media only screen and (max-width: 800px) {
  .feature-bar-detailsCarousel p {
    text-align: left;
  }
}
.feature-bar-detailsCarousel .related-wrapper {
  position: relative;
  min-height: 600px;
}
@media only screen and (max-width: 1050px) {
  .feature-bar-detailsCarousel .related-wrapper {
    min-height: 535px;
  }
}
@media only screen and (max-width: 650px) {
  .feature-bar-detailsCarousel .related-wrapper {
    min-height: 450px;
  }
}
.feature-bar-detailsCarousel .templates-wrapper {
  width: 100vw;
  overflow: hidden;
}
@media only screen and (max-width: 1050px) {
  .feature-bar-detailsCarousel .templates-wrapper {
    width: 100%;
  }
}
.feature-bar-detailsCarousel .templates-wrapper .slide-wrapper {
  position: initial;
}
.feature-bar-detailsCarousel .templates-wrapper .slide-wrapper .detail-item {
  display: inline-block;
  padding: 10px;
}
.feature-bar-detailsCarousel .templates-wrapper .slide-wrapper .detail-item > a {
  height: 400px;
}
@media only screen and (max-width: 1050px) {
  .feature-bar-detailsCarousel .templates-wrapper .slide-wrapper .detail-item > a {
    height: 300px;
  }
}
@media only screen and (max-width: 650px) {
  .feature-bar-detailsCarousel .templates-wrapper .slide-wrapper .detail-item > a {
    height: 250px;
  }
}
.feature-bar-detailsCarousel .templates-wrapper .slide-wrapper .detail-item > a img {
  width: 100%;
  height: 100%;
  border-radius: 5px;
  object-fit: cover;
}
.feature-bar-detailsCarousel .templates-wrapper .slide-wrapper .detail-item .text-centent {
  padding: 20px;
}
.feature-bar-detailsCarousel .templates-wrapper .slide-wrapper .detail-item .text-centent h2 {
  line-height: 1;
  margin: 0 0 20px 0;
  font-size: 25px;
}
@media only screen and (max-width: 1050px) {
  .feature-bar-detailsCarousel .templates-wrapper .slide-wrapper .detail-item .text-centent h2 {
    font-size: 25px;
  }
}
.feature-bar-detailsCarousel .templates-wrapper .slide-wrapper .detail-item .text-centent p {
  margin-top: 10px;
  text-align: left;
}
.feature-bar-detailsCarousel .templates-wrapper .slide-wrapper .detail-item .text-centent p a {
  font-family: "DM Sans", sans-serif;
  font-weight: 600;
  line-height: 1.8;
  background-image: none;
  color: black !important;
  font-size: 19px;
}
.feature-bar-detailsCarousel .templates-wrapper .slide-wrapper .detail-item .text-centent p a span.discount-rate {
  font-family: "DM Sans", sans-serif;
  font-weight: 600;
  line-height: 1.8;
  display: block;
  line-height: 1;
  color: red !important;
}
.feature-bar-detailsCarousel .templates-wrapper .slide-wrapper .detail-item .text-centent .learn-more-btn {
  font-family: "DM Sans", sans-serif;
  font-weight: 600;
  line-height: 1.8;
  color: black !important;
}
.feature-bar-detailsCarousel .templates-wrapper .slide-wrapper .detail-item .text-centent .learn-more-btn:hover {
  color: black !important;
}
.feature-bar-detailsCarousel .slick-track {
  display: flex;
}
.feature-bar-detailsCarousel .slick-arrow {
  position: absolute;
  top: auto;
  bottom: 0px;
  height: 50px;
  width: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid black;
  border-radius: 50%;
  font-size: 22px;
  color: black;
  z-index: 1;
  font-size: 0;
}
.feature-bar-detailsCarousel .slick-arrow:before {
  content: "";
  width: 22px;
  height: 22px;
  background-repeat: no-repeat;
}
@media only screen and (max-width: 450px) {
  .feature-bar-detailsCarousel .slick-arrow {
    display: none !important;
  }
}
.feature-bar-detailsCarousel .slick-prev {
  left: 10px;
}
.feature-bar-detailsCarousel .slick-prev:before {
  background-image: url("https://storage.jukeboxprint.com/s/images/carousel-left.svg");
}
.feature-bar-detailsCarousel .slick-next {
  left: 80px;
}
.feature-bar-detailsCarousel .slick-next:before {
  background-image: url("https://storage.jukeboxprint.com/s/images/carousel-right.svg");
}
@media only screen and (max-width: 1050px) {
  .feature-bar-detailsCarousel .slick-next {
    left: auto;
    right: 10px;
  }
}
.feature-bar-detailsCarousel .slick-dots {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  justify-content: center;
  position: absolute;
  left: 50%;
  top: auto;
  bottom: 25px;
  transform: translateX(-50%);
  width: 400px;
}
@media only screen and (max-width: 1050px) {
  .feature-bar-detailsCarousel .slick-dots {
    width: 350px;
  }
}
@media only screen and (max-width: 800px) {
  .feature-bar-detailsCarousel .slick-dots {
    width: 250px;
  }
}
.feature-bar-detailsCarousel .slick-dots li {
  position: relative;
  display: inline-block;
  flex: 1;
  height: 4px;
  margin: 0 5px;
  padding: 0;
  cursor: pointer;
}
.feature-bar-detailsCarousel .slick-dots li button {
  font-size: 0;
  line-height: 0;
  display: block;
  width: 100%;
  height: 4px;
  cursor: pointer;
  color: transparent;
  border: 0;
  outline: 0;
  background: rgba(0, 0, 0, 0.2);
}
.feature-bar-detailsCarousel .slick-dots li button::before {
  content: none;
}
.feature-bar-detailsCarousel .slick-dots li.slick-active button {
  background: black;
}

.feature-bar-side-by-side-box {
  display: flex;
  height: 600px !important;
  min-height: 600px !important;
  max-width: 1440px;
  padding: 0;
}
@media only screen and (max-width: 1400px) {
  .feature-bar-side-by-side-box {
    max-width: 1100px;
  }
}
@media only screen and (max-width: 1050px) {
  .feature-bar-side-by-side-box {
    height: inherit;
    min-height: inherit !important;
  }
}
@media only screen and (max-width: 750px) {
  .feature-bar-side-by-side-box {
    display: block;
    height: 1000px;
    min-height: 1000px !important;
  }
}
@media only screen and (max-width: 600px) {
  .feature-bar-side-by-side-box {
    display: block;
    min-height: 1050px !important;
    height: 1050px;
  }
}
.feature-bar-side-by-side-box .box-wrapper {
  display: flex;
  width: 100%;
  max-width: 1440px;
  margin: 0 auto;
}
@media only screen and (max-width: 750px) {
  .feature-bar-side-by-side-box .box-wrapper {
    display: block;
  }
}
@media only screen and (max-width: 750px) {
  .feature-bar-side-by-side-box .box-wrapper.revert-on-mobile {
    display: flex;
    flex-direction: column-reverse;
  }
}
.feature-bar-side-by-side-box .box {
  width: 50%;
  height: 600px;
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-items: center;
  background-size: cover;
}
@media only screen and (max-width: 1050px) {
  .feature-bar-side-by-side-box .box {
    height: 400px;
  }
}
@media only screen and (max-width: 750px) {
  .feature-bar-side-by-side-box .box {
    width: 100%;
    height: 500px;
  }
}
.feature-bar-side-by-side-box .box .link {
  height: 100%;
  width: 100%;
}
.feature-bar-side-by-side-box .box .icon-item {
  text-align: center;
  padding: 0px 10px;
  width: 53px;
  margin: 0 !important;
  margin-bottom: 9px !important;
  font-size: 22px;
  font-family: "DM Sans", sans-serif;
  font-weight: 600;
  line-height: 1.8;
  color: #ff0000;
  border-radius: 6px;
  border: 1.5px solid #ff0000;
}
@media only screen and (min-width: 2000px) {
  .feature-bar-side-by-side-box .box .icon-item {
    width: 70px;
  }
}
@media only screen and (min-width: 2500px) {
  .feature-bar-side-by-side-box .box .icon-item {
    width: 80px;
  }
}
.feature-bar-side-by-side-box .box h2 {
  line-height: 1 !important;
  text-align: left;
  font-size: 37px;
  margin: 0;
  transition: background 200ms linear;
  background-size: 0px 23px !important;
  background-repeat: no-repeat !important;
  background-position: left 80% !important;
  display: inline;
}
@media only screen and (min-width: 1024px), (hover: hover) {
  .feature-bar-side-by-side-box .box h2:hover {
    background-size: 100% 25px !important;
  }
}
@media only screen and (max-width: 1050px) {
  .feature-bar-side-by-side-box .box h2 {
    font-size: 26px;
    background-size: 0px 18px !important;
  }
}
@media only screen and (max-width: 1050px) and (min-width: 1024px), only screen and (max-width: 1050px) and (hover: hover) {
  .feature-bar-side-by-side-box .box h2:hover {
    background-size: 100% 18px !important;
  }
}
@media only screen and (max-width: 750px) {
  .feature-bar-side-by-side-box .box h2 {
    font-size: 28px;
  }
}
@media only screen and (max-width: 600px) {
  .feature-bar-side-by-side-box .box h2 {
    background-position: left 45% !important;
  }
}
.feature-bar-side-by-side-box .box button {
  padding: 5px 25px;
  font-family: "DM Sans", sans-serif;
  font-weight: 600;
  line-height: 1.8;
  font-size: 20px;
}
@media only screen and (max-width: 750px) {
  .feature-bar-side-by-side-box .box button {
    font-size: 16px;
  }
}
.feature-bar-side-by-side-box .box button:hover {
  background: #d4ffff !important;
}
.feature-bar-side-by-side-box .box .content-wrapper {
  width: 80%;
}
@media only screen and (max-width: 450px) {
  .feature-bar-side-by-side-box .box .content-wrapper {
    width: 90%;
  }
}
.feature-bar-side-by-side-box .box .content-wrapper p {
  font-family: "DM Sans", sans-serif;
  font-weight: 500;
  line-height: 1.8;
  line-height: 1.7;
  margin: 30px 0px;
  color: #000;
  font-size: 18px;
}
@media only screen and (max-width: 1050px) {
  .feature-bar-side-by-side-box .box .content-wrapper p {
    font-size: 17px;
    margin: 15px 0px;
  }
}
@media only screen and (max-width: 750px) {
  .feature-bar-side-by-side-box .box .content-wrapper p {
    font-size: 18px;
  }
}
.feature-bar-side-by-side-box .box .content-wrapper p.icon-item {
  font-family: "DM Sans", sans-serif;
  font-weight: 600;
  line-height: 1.8;
  font-size: 18px;
}
@media only screen and (max-width: 1050px) {
  .feature-bar-side-by-side-box .box .content-wrapper p.icon-item {
    font-size: 19px;
  }
}
@media only screen and (max-width: 750px) {
  .feature-bar-side-by-side-box .box .content-wrapper p.icon-item {
    font-size: 22px;
  }
}
.feature-bar-side-by-side-box .box .content-wrapper .left-box-disclaimer, .feature-bar-side-by-side-box .box .content-wrapper .right-box-disclaimer {
  color: #727272;
  font-size: 12px;
  font-family: "DM Sans", sans-serif;
  font-weight: 500;
  line-height: 1.8;
  margin-top: 70px;
  margin-bottom: 0;
}
.feature-bar-side-by-side-box .box.pink-background button:hover {
  background: #feeeef !important;
}
.feature-bar-side-by-side-box .box.purple-background button:hover, .feature-bar-side-by-side-box .box.white-kraft-wrapping-paper-text-box button:hover {
  background: #5069cd !important;
}
.feature-bar-side-by-side-box .box.background-contain {
  background-size: contain !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
}
.feature-bar-side-by-side-box .box.background-contain-position-center {
  background-size: contain !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
}
.feature-bar-side-by-side-box .box.background-contain-position-top {
  background-size: contain !important;
  background-repeat: no-repeat !important;
  background-position: top !important;
}
.feature-bar-side-by-side-box .box.background-position-center {
  background-repeat: no-repeat !important;
  background-position: center !important;
}
@media only screen and (max-width: 600px) {
  .feature-bar-side-by-side-box .box.has-words {
    height: fit-content;
    padding: 50px 0;
  }
}
@media only screen and (max-width: 450px) {
  .feature-bar-side-by-side-box .box.pride-image-box {
    background-repeat: no-repeat;
    background-position: 70%;
  }
}
.feature-bar-side-by-side-box .box.sticker-roll-image {
  background-size: 150% !important;
}
@media only screen and (min-width: 750px) {
  .feature-bar-side-by-side-box .box.sticker-roll-image {
    background-size: 130% !important;
  }
}
.feature-bar-side-by-side-box .box.matte-image {
  background-repeat: no-repeat !important;
  background-position: center !important;
}
@media only screen and (max-width: 450px) {
  .feature-bar-side-by-side-box .box.matte-image {
    background-size: cover;
    background-repeat: no-repeat !important;
    background-position: bottom !important;
    height: 325px;
  }
}
.feature-bar-side-by-side-box .box.homepage-coaster-image {
  background-repeat: no-repeat;
  background-color: #88dbed;
  background-size: 115%;
  background-position: bottom;
}
@media only screen and (max-width: 2000px) {
  .feature-bar-side-by-side-box .box.homepage-coaster-image {
    background-position: bottom;
  }
}
@media only screen and (max-width: 1500px) {
  .feature-bar-side-by-side-box .box.homepage-coaster-image {
    background-size: 115%;
  }
}
@media only screen and (max-width: 750px) {
  .feature-bar-side-by-side-box .box.homepage-coaster-image {
    background-position: top;
  }
}
@media only screen and (max-width: 700px) {
  .feature-bar-side-by-side-box .box.homepage-coaster-image {
    background-position: bottom;
  }
}
@media only screen and (max-width: 450px) {
  .feature-bar-side-by-side-box .box.homepage-coaster-image {
    height: 350px;
  }
}
.feature-bar-side-by-side-box.right-image-full-width, .feature-bar-side-by-side-box.right-image-offset {
  padding: 0 30px;
  max-width: none;
  max-height: 545px;
  height: auto !important;
  min-height: auto !important;
}
@media only screen and (max-width: 600px) {
  .feature-bar-side-by-side-box.right-image-full-width, .feature-bar-side-by-side-box.right-image-offset {
    max-height: fit-content;
  }
}
@media only screen and (max-width: 450px) {
  .feature-bar-side-by-side-box.right-image-full-width, .feature-bar-side-by-side-box.right-image-offset {
    padding-left: 1rem;
    padding-right: 1rem;
    max-height: none;
  }
}
.feature-bar-side-by-side-box.right-image-full-width .box-wrapper, .feature-bar-side-by-side-box.right-image-offset .box-wrapper {
  padding-bottom: 8rem;
  position: relative;
  padding-top: 8rem;
  max-width: calc(1320px - 2rem);
}
@media only screen and (max-width: 600px) {
  .feature-bar-side-by-side-box.right-image-full-width .box-wrapper, .feature-bar-side-by-side-box.right-image-offset .box-wrapper {
    display: flex;
    flex-direction: column-reverse;
    padding: 2rem 0;
    gap: 1.5rem;
  }
}
.feature-bar-side-by-side-box.right-image-full-width .box-wrapper::before, .feature-bar-side-by-side-box.right-image-offset .box-wrapper::before {
  content: "";
  position: absolute;
  width: 100vw;
  height: 100%;
  background-color: #f5f5f5;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: -1;
}
@media only screen and (max-width: 750px) {
  .feature-bar-side-by-side-box.right-image-full-width .box-wrapper .box, .feature-bar-side-by-side-box.right-image-offset .box-wrapper .box {
    width: 50%;
  }
}
@media only screen and (max-width: 600px) {
  .feature-bar-side-by-side-box.right-image-full-width .box-wrapper .box, .feature-bar-side-by-side-box.right-image-offset .box-wrapper .box {
    width: 100%;
    padding: 0;
  }
}
.feature-bar-side-by-side-box.right-image-full-width .box-wrapper .box button, .feature-bar-side-by-side-box.right-image-offset .box-wrapper .box button {
  font-size: 18px;
  margin-top: 15px;
}
@media only screen and (max-width: 450px) {
  .feature-bar-side-by-side-box.right-image-full-width .box-wrapper .box button, .feature-bar-side-by-side-box.right-image-offset .box-wrapper .box button {
    font-size: 15px;
  }
}
@media only screen and (max-width: 750px) {
  .feature-bar-side-by-side-box.right-image-full-width .box-wrapper .box:not(.image-box), .feature-bar-side-by-side-box.right-image-offset .box-wrapper .box:not(.image-box) {
    margin: 0;
  }
}
.feature-bar-side-by-side-box.right-image-full-width .box-wrapper .box.has-words, .feature-bar-side-by-side-box.right-image-offset .box-wrapper .box.has-words {
  height: inherit;
  width: 33.33333%;
}
@media only screen and (max-width: 750px) {
  .feature-bar-side-by-side-box.right-image-full-width .box-wrapper .box.has-words, .feature-bar-side-by-side-box.right-image-offset .box-wrapper .box.has-words {
    width: 41.66667%;
  }
}
@media only screen and (max-width: 600px) {
  .feature-bar-side-by-side-box.right-image-full-width .box-wrapper .box.has-words, .feature-bar-side-by-side-box.right-image-offset .box-wrapper .box.has-words {
    width: 100%;
  }
}
.feature-bar-side-by-side-box.right-image-full-width .box-wrapper .box.has-words .content-wrapper, .feature-bar-side-by-side-box.right-image-offset .box-wrapper .box.has-words .content-wrapper {
  width: 100%;
}
.feature-bar-side-by-side-box.right-image-full-width .box-wrapper .box.has-words h2, .feature-bar-side-by-side-box.right-image-offset .box-wrapper .box.has-words h2 {
  display: inline-block;
  font-size: 30px;
  line-height: 1.2 !important;
  margin: 0 0 2rem 0;
}
@media only screen and (max-width: 450px) {
  .feature-bar-side-by-side-box.right-image-full-width .box-wrapper .box.has-words h2, .feature-bar-side-by-side-box.right-image-offset .box-wrapper .box.has-words h2 {
    font-size: 27px;
  }
}
.feature-bar-side-by-side-box.right-image-full-width .box-wrapper .box.has-words p, .feature-bar-side-by-side-box.right-image-offset .box-wrapper .box.has-words p {
  font-size: 18px;
  margin: 0 0 2rem 0;
}
.feature-bar-side-by-side-box.right-image-full-width .box-wrapper .box.has-words p:empty, .feature-bar-side-by-side-box.right-image-offset .box-wrapper .box.has-words p:empty {
  margin: 0;
}
.feature-bar-side-by-side-box.right-image-full-width .box-wrapper .box:not(.has-words), .feature-bar-side-by-side-box.right-image-offset .box-wrapper .box:not(.has-words) {
  position: absolute;
  padding: 0;
  border-radius: 0;
  left: 50%;
  width: 50vw;
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  top: 0;
  height: 100%;
  border-radius: 25px;
}
@media only screen and (max-width: 600px) {
  .feature-bar-side-by-side-box.right-image-full-width .box-wrapper .box:not(.has-words), .feature-bar-side-by-side-box.right-image-offset .box-wrapper .box:not(.has-words) {
    position: relative;
    display: block;
    transform: none !important;
    left: auto;
    width: 100% !important;
    height: 325px;
  }
}
.feature-bar-side-by-side-box.right-image-offset {
  margin: 8rem auto;
}
.feature-bar-side-by-side-box.right-image-offset .box-wrapper .box:not(.has-words) {
  width: 50%;
  transform: translateY(6rem);
  right: 0;
}
.feature-bar-side-by-side-box.right-image-offset .box-wrapper .box.has-words {
  height: inherit;
}
@media only screen and (max-width: 600px) {
  .feature-bar-side-by-side-box.right-image-offset .box-wrapper .box.has-words {
    margin-left: 0;
  }
}

body.home .box.image-box {
  padding: 50px;
  background-origin: content-box;
  background-clip: content-box;
  border-radius: 70px;
}
@media only screen and (max-width: 450px) {
  body.home .box.image-box {
    height: 400px;
    padding: 20px;
    border-radius: 60px;
  }
}
@media only screen and (max-width: 350px) {
  body.home .box.image-box {
    height: 340px;
    padding: 20px;
    border-radius: 55px;
  }
}
@media only screen and (max-width: 750px) {
  body.home .box:not(.image-box) {
    margin-top: -50px;
  }
}
@media only screen and (max-width: 450px) {
  body.home .box:not(.image-box) {
    margin-top: -35px;
  }
}

.feature-bar-blog-feature {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: vertical;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  -webkit-justify-content: start;
  -moz-justify-content: start;
  justify-content: start;
  -webkit-flex-wrap: nowrap;
  -moz-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  min-height: auto !important;
  height: fit-content !important;
  margin-top: 50px !important;
  padding: 30px 0px;
  max-width: 1440px;
  margin-bottom: 3em;
}
@media only screen and (max-width: 750px) {
  .feature-bar-blog-feature {
    flex-direction: column;
    padding: 30px !important;
  }
}
.feature-bar-blog-feature .header {
  font-size: 52px;
  line-height: 1.2;
  margin: 0;
  white-space: nowrap;
}
@media only screen and (max-width: 600px) {
  .feature-bar-blog-feature .header {
    font-size: 36px;
  }
}
.feature-bar-blog-feature .sub-header {
  font-family: "DM Sans", sans-serif;
  font-weight: 600;
  line-height: 1.8;
  font-size: 15.5px;
  letter-spacing: 1.2px;
  margin: 0;
}
@media only screen and (max-width: 600px) {
  .feature-bar-blog-feature .sub-header {
    font-size: 8.2px;
  }
}
.feature-bar-blog-feature .blog-post-item {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: horizontal;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-align-items: flex-start;
  -moz-align-items: flex-start;
  -ms-align-items: flex-start;
  align-items: flex-start;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  justify-content: center;
  -webkit-flex-wrap: nowrap;
  -moz-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  width: 100%;
  border-bottom: solid 1px #bfbfbf;
  flex-direction: row-reverse;
  padding: 25px 0px;
}
.feature-bar-blog-feature .blog-post-item:last-of-type {
  border-bottom: none;
}
@media only screen and (max-width: 750px) {
  .feature-bar-blog-feature .blog-post-item {
    flex-direction: column;
  }
}
.feature-bar-blog-feature .blog-post-item .blog-post-image {
  height: 120px;
  width: 60%;
  padding-right: 0px;
  border-radius: 20px;
  overflow: hidden;
}
@media only screen and (max-width: 750px) {
  .feature-bar-blog-feature .blog-post-item .blog-post-image {
    height: 200px;
    width: 100%;
  }
}
.feature-bar-blog-feature .blog-post-item .blog-post-image a {
  height: 100%;
}
.feature-bar-blog-feature .blog-post-item .blog-post-image a img {
  height: 100%;
  object-fit: contain;
}
.feature-bar-blog-feature .blog-post-item .post-content {
  width: 100%;
  padding-right: 30px;
}
@media only screen and (max-width: 750px) {
  .feature-bar-blog-feature .blog-post-item .post-content {
    padding: 20px 10px 0px 0px;
  }
}
.feature-bar-blog-feature .blog-post-item .post-content h5 {
  margin: 0px 0px 0px 0px;
  letter-spacing: 1.2px;
  font-size: 13.3px;
  font-family: "DM Sans", sans-serif;
  font-weight: 600;
  line-height: 1.8;
}
@media only screen and (max-width: 750px) {
  .feature-bar-blog-feature .blog-post-item .post-content h5 {
    font-size: 9.8px;
    margin: 0px 0px 10px 0px;
  }
}
.feature-bar-blog-feature .blog-post-item .post-content .post-item-title h2 {
  font-size: 20px;
  margin: 5px 0px;
  line-height: 1.4;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
@media only screen and (max-width: 750px) {
  .feature-bar-blog-feature .blog-post-item .post-content .post-item-title h2 {
    margin: 0px;
    font-size: 18.6px;
  }
}
@media only screen and (min-width: 1024px), (hover: hover) {
  .feature-bar-blog-feature .blog-post-item .post-content .post-item-title:hover h2 {
    text-decoration: underline;
  }
}
.feature-bar-blog-feature .blog-post-item .post-content > p {
  display: none;
}
.feature-bar-blog-feature .blog-post-item .post-content .written-date {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: horizontal;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  -webkit-justify-content: flex-start;
  -moz-justify-content: flex-start;
  justify-content: flex-start;
  -webkit-flex-wrap: nowrap;
  -moz-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
}
@media only screen and (max-width: 750px) {
  .feature-bar-blog-feature .blog-post-item .post-content .written-date {
    margin-top: 10px;
  }
}
.feature-bar-blog-feature .blog-post-item .post-content .written-date p {
  margin: 0px 8px 0px 0px;
  font-size: 12px;
  color: #666666;
  font-family: "DM Sans", sans-serif;
  font-weight: 500;
  line-height: 1.8;
}
@media only screen and (max-width: 750px) {
  .feature-bar-blog-feature .blog-post-item .post-content .written-date p {
    font-size: 11.7px;
  }
}
.feature-bar-blog-feature .title-wrapper {
  display: none;
}
.feature-bar-blog-feature .blog-content-wrapper {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: horizontal;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  -webkit-justify-content: start;
  -moz-justify-content: start;
  justify-content: start;
  -webkit-flex-wrap: nowrap;
  -moz-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  width: 100%;
}
@media only screen and (max-width: 750px) {
  .feature-bar-blog-feature .blog-content-wrapper {
    flex-direction: column;
  }
}
.feature-bar-blog-feature .blog-content-wrapper .left-container {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: horizontal;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  justify-content: center;
  -webkit-flex-wrap: nowrap;
  -moz-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  width: 50%;
  text-align: center;
}
@media only screen and (max-width: 750px) {
  .feature-bar-blog-feature .blog-content-wrapper .left-container {
    margin-bottom: 30px;
    width: 100%;
  }
}
.feature-bar-blog-feature .blog-content-wrapper .left-container a.link {
  width: fit-content;
}
.feature-bar-blog-feature .blog-content-wrapper .right-container {
  width: 40%;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: vertical;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  -webkit-justify-content: flex-start;
  -moz-justify-content: flex-start;
  justify-content: flex-start;
  -webkit-flex-wrap: nowrap;
  -moz-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
}
@media only screen and (max-width: 750px) {
  .feature-bar-blog-feature .blog-content-wrapper .right-container {
    width: 100%;
  }
}
@media only screen and (max-width: 1400px) {
  .feature-bar-blog-feature.has-trending-blog {
    padding: 30px;
  }
}
@media only screen and (max-width: 750px) {
  .feature-bar-blog-feature.has-trending-blog .blog-post-item .post-content .post-item-title h2 {
    padding-bottom: 0;
  }
}
.feature-bar-blog-feature.has-trending-blog .blog-content-wrapper {
  justify-content: space-between;
  align-items: flex-start;
  gap: 3em;
}
@media only screen and (max-width: 750px) {
  .feature-bar-blog-feature.has-trending-blog .blog-content-wrapper {
    gap: 0;
  }
}
.feature-bar-blog-feature.has-trending-blog .title-wrapper {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: horizontal;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-align-items: flex-end;
  -moz-align-items: flex-end;
  -ms-align-items: flex-end;
  align-items: flex-end;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  justify-content: space-between;
  -webkit-flex-wrap: nowrap;
  -moz-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  width: 100%;
  padding-bottom: 10px;
  border-bottom: 1px solid #8b8b94;
}
@media only screen and (max-width: 600px) {
  .feature-bar-blog-feature.has-trending-blog .title-wrapper .titles {
    text-align: center;
    width: 100%;
  }
}
.feature-bar-blog-feature.has-trending-blog .title-wrapper .titles .header {
  font-size: 52px;
  line-height: 1;
}
@media only screen and (max-width: 600px) {
  .feature-bar-blog-feature.has-trending-blog .title-wrapper .titles .header {
    font-size: 36px;
  }
}
.feature-bar-blog-feature.has-trending-blog .title-wrapper .titles .sub-header {
  font-family: "DM Sans", sans-serif;
  font-weight: 500;
  line-height: 1.8;
  letter-spacing: 1.2px;
  font-size: 23px;
}
@media only screen and (max-width: 600px) {
  .feature-bar-blog-feature.has-trending-blog .title-wrapper .titles .sub-header {
    font-size: 14px;
  }
}
.feature-bar-blog-feature.has-trending-blog .title-wrapper .all-articles-arrow a {
  font-size: 15px;
  font-family: "DM Sans", sans-serif;
  font-weight: 500;
  line-height: 1.8;
}
.feature-bar-blog-feature.has-trending-blog .title-wrapper .all-articles-arrow {
  width: 100%;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: horizontal;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  -webkit-justify-content: flex-end;
  -moz-justify-content: flex-end;
  justify-content: flex-end;
  -webkit-flex-wrap: nowrap;
  -moz-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  padding: 15px 0px;
}
@media only screen and (max-width: 600px) {
  .feature-bar-blog-feature.has-trending-blog .title-wrapper .all-articles-arrow {
    display: none;
  }
}
.feature-bar-blog-feature.has-trending-blog .title-wrapper .all-articles-arrow a {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: horizontal;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  justify-content: center;
  -webkit-flex-wrap: nowrap;
  -moz-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  font-family: "DM Sans", sans-serif;
  font-weight: 500;
  line-height: 1.8;
  font-size: 15px;
  line-height: 1;
  color: #000;
}
@media only screen and (max-width: 800px) {
  .feature-bar-blog-feature.has-trending-blog .title-wrapper .all-articles-arrow a {
    font-size: 20px;
  }
}
@media only screen and (max-width: 600px) {
  .feature-bar-blog-feature.has-trending-blog .title-wrapper .all-articles-arrow a {
    font-size: 15px;
  }
}
.feature-bar-blog-feature.has-trending-blog .title-wrapper .all-articles-arrow a img {
  display: inline-block;
  margin-left: 5px;
}
@media only screen and (max-width: 800px) {
  .feature-bar-blog-feature.has-trending-blog .title-wrapper .all-articles-arrow a img {
    width: 25px;
  }
}
.feature-bar-blog-feature.has-trending-blog .left-container {
  text-align: left;
}
.feature-bar-blog-feature.has-trending-blog .left-container .blog-post-item {
  flex-direction: column;
  padding-top: 40px;
}
.feature-bar-blog-feature.has-trending-blog .left-container .blog-post-item .blog-post-image {
  width: 100%;
  height: inherit;
}
.feature-bar-blog-feature.has-trending-blog .left-container .blog-post-item .post-content h5 {
  position: relative;
  margin: 15px 0 20px 0;
}
.feature-bar-blog-feature.has-trending-blog .left-container .blog-post-item .post-content h5::after {
  content: "";
  position: absolute;
  width: 100px;
  height: 34px;
  top: 0;
  left: 0;
  background-image: url(https://storage.jukeboxprint.com/s/images/trending-icon.png);
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
}
@media only screen and (max-width: 600px) {
  .feature-bar-blog-feature.has-trending-blog .left-container .blog-post-item .post-content h5 {
    margin: 0px 0 25px 0;
  }
  .feature-bar-blog-feature.has-trending-blog .left-container .blog-post-item .post-content h5::after {
    width: 80px;
    height: 30px;
  }
}
@media only screen and (min-width: 2500px) {
  .feature-bar-blog-feature.has-trending-blog .left-container .blog-post-item .post-content h5 {
    font-size: 13px;
  }
}
.feature-bar-blog-feature.has-trending-blog .left-container .blog-post-item .post-content .post-item-title h2 {
  width: 85%;
  font-size: 31px;
  line-height: 1.39;
}
@media only screen and (max-width: 750px) {
  .feature-bar-blog-feature.has-trending-blog .left-container .blog-post-item .post-content .post-item-title h2 {
    font-size: 18.6px;
  }
}
.feature-bar-blog-feature.has-trending-blog .left-container .blog-post-item .post-content > p {
  display: block;
  font-family: "DM Sans", sans-serif;
  font-weight: 500;
  line-height: 1.8;
  font-size: 15px;
  line-height: 1.47;
  margin: 10px 0;
}
@media only screen and (max-width: 750px) {
  .feature-bar-blog-feature.has-trending-blog .left-container .blog-post-item .post-content > p {
    font-size: 14px;
  }
}
.feature-bar-blog-feature.has-trending-blog .right-container {
  width: 50%;
}
@media only screen and (max-width: 750px) {
  .feature-bar-blog-feature.has-trending-blog .right-container {
    width: 100%;
  }
}
.feature-bar-blog-feature.has-trending-blog .right-container .blog-post-item {
  align-items: center;
}
.feature-bar-blog-feature.has-trending-blog .right-container .blog-post-item .blog-post-image {
  height: inherit;
  width: 100%;
}

.feature-bar-four-blocks-collection {
  padding: 6rem 0;
}
@media only screen and (max-width: 600px) {
  .feature-bar-four-blocks-collection {
    padding-top: 0rem;
  }
}
.feature-bar-four-blocks-collection .content-container {
  min-height: fit-content;
  max-width: 1320px;
}
@media only screen and (max-width: 450px) {
  .feature-bar-four-blocks-collection .content-container {
    padding: 0;
  }
}
.feature-bar-four-blocks-collection .title-wrapper {
  padding: 0 1rem;
  text-align: center;
}
.feature-bar-four-blocks-collection .title-wrapper h2,
.feature-bar-four-blocks-collection .title-wrapper h3 {
  line-height: 1.2;
  font-size: 38px;
  margin: 0 0 1rem 0;
}
@media only screen and (max-width: 600px) {
  .feature-bar-four-blocks-collection .title-wrapper h2,
.feature-bar-four-blocks-collection .title-wrapper h3 {
    font-size: 32px;
  }
}
.feature-bar-four-blocks-collection .title-wrapper p {
  font-size: 18px;
  line-height: 1.5;
  margin: 0;
}
.feature-bar-four-blocks-collection .title-wrapper p.last-line {
  margin-bottom: 4rem;
}
.feature-bar-four-blocks-collection .collection-wrapper {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: horizontal;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  -webkit-justify-content: flex-start;
  -moz-justify-content: flex-start;
  justify-content: flex-start;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.feature-bar-four-blocks-collection .collection-wrapper .item-outer {
  padding: 0 1rem;
  margin-bottom: 2rem;
  width: 33.33333%;
}
.feature-bar-four-blocks-collection .collection-wrapper .item-outer .item-inner {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  padding: 1.5rem;
  min-height: 400px;
  border-radius: 25px;
  overflow: hidden;
}
.feature-bar-four-blocks-collection .collection-wrapper .item-outer .item-inner:hover {
  transition: all 0.2s ease-in-out;
  cursor: pointer;
}
.feature-bar-four-blocks-collection .collection-wrapper .item-outer .item-inner:hover .shopper-button::after {
  background-color: rgba(31, 31, 31, 0.15);
}
.feature-bar-four-blocks-collection .collection-wrapper .item-outer .item-inner:hover .shopper-button svg {
  transform: translateX(0.25rem);
}
.feature-bar-four-blocks-collection .collection-wrapper .item-outer .item-inner .heading {
  font-family: "DM Sans", sans-serif;
  font-weight: 600;
  line-height: 1.8;
  font-size: 28px;
  color: white;
  text-align: center;
  margin-top: auto;
  margin-bottom: 0;
}
.feature-bar-four-blocks-collection .collection-wrapper .item-outer .item-inner .shopper-button {
  display: inline-block;
  font-family: "DM Sans", sans-serif;
  font-weight: 600;
  line-height: 1.8;
  font-size: 1rem;
  line-height: 1.5rem;
  width: fit-content;
  padding: 0.875rem 1.75rem;
  text-align: center;
  margin-top: 0;
  margin-bottom: auto;
}
.feature-bar-four-blocks-collection .collection-wrapper .item-outer .item-inner .shopper-button svg {
  margin-left: 0.5rem;
  vertical-align: -0.1em;
  transition: all 0.2s ease-in-out;
}
.feature-bar-four-blocks-collection .collection-wrapper .item-outer .item-inner .shopper-button::after {
  position: absolute;
  bottom: 0;
  content: "";
  left: 0;
  right: 0;
  top: 0;
  z-index: 1;
  background-color: rgba(31, 31, 31, 0.05);
  transition: all 0.2s ease-in-out;
}
.feature-bar-four-blocks-collection .collection-wrapper .item-outer:nth-child(2), .feature-bar-four-blocks-collection .collection-wrapper .item-outer:nth-child(3) {
  width: 66.66667%;
}
.feature-bar-four-blocks-collection .collection-wrapper .item-outer:nth-child(2) .item-inner, .feature-bar-four-blocks-collection .collection-wrapper .item-outer:nth-child(3) .item-inner {
  padding-left: 4rem;
  padding-right: 4rem;
  align-items: flex-start;
}
.feature-bar-four-blocks-collection .collection-wrapper .item-outer:nth-child(2) .item-inner .heading, .feature-bar-four-blocks-collection .collection-wrapper .item-outer:nth-child(3) .item-inner .heading {
  text-align: left;
}
.feature-bar-four-blocks-collection .collection-wrapper .item-outer:nth-child(2) .item-inner .shopper-button, .feature-bar-four-blocks-collection .collection-wrapper .item-outer:nth-child(3) .item-inner .shopper-button {
  text-align: left;
  padding-left: 0;
  padding-right: 0;
}
@media only screen and (max-width: 1050px) {
  .feature-bar-four-blocks-collection .collection-wrapper .item-outer {
    min-height: 370px;
    width: 50%;
  }
  .feature-bar-four-blocks-collection .collection-wrapper .item-outer:nth-child(2), .feature-bar-four-blocks-collection .collection-wrapper .item-outer:nth-child(3) {
    width: 50%;
  }
  .feature-bar-four-blocks-collection .collection-wrapper .item-outer:nth-child(2) .item-inner, .feature-bar-four-blocks-collection .collection-wrapper .item-outer:nth-child(3) .item-inner {
    align-items: center;
  }
  .feature-bar-four-blocks-collection .collection-wrapper .item-outer:nth-child(2) .item-inner .heading, .feature-bar-four-blocks-collection .collection-wrapper .item-outer:nth-child(3) .item-inner .heading {
    text-align: center;
  }
  .feature-bar-four-blocks-collection .collection-wrapper .item-outer:nth-child(2) .item-inner .shopper-button, .feature-bar-four-blocks-collection .collection-wrapper .item-outer:nth-child(3) .item-inner .shopper-button {
    text-align: center;
    padding-left: 0;
    padding-right: 0;
  }
}
@media only screen and (max-width: 600px) {
  .feature-bar-four-blocks-collection .collection-wrapper .item-outer {
    width: 100%;
  }
  .feature-bar-four-blocks-collection .collection-wrapper .item-outer:nth-child(2), .feature-bar-four-blocks-collection .collection-wrapper .item-outer:nth-child(3) {
    width: 100%;
  }
}

.feature-bar-text-on-two-images {
  padding: 6rem 0;
  padding-bottom: 12rem;
}
@media only screen and (max-width: 450px) {
  .feature-bar-text-on-two-images {
    padding-bottom: 9rem;
  }
}
.feature-bar-text-on-two-images .content-container {
  display: flex;
  justify-content: center;
  position: relative;
  min-height: fit-content;
  max-width: 1320px;
  padding: 10rem 0;
}
@media only screen and (max-width: 800px) {
  .feature-bar-text-on-two-images .content-container {
    min-height: 580px;
    padding: 0;
  }
}
.feature-bar-text-on-two-images .text-content-wrapper {
  width: 41%;
  padding: 25px;
  text-align: center;
  background: white;
}
@media only screen and (max-width: 800px) {
  .feature-bar-text-on-two-images .text-content-wrapper {
    position: absolute;
    width: 85%;
    bottom: 0;
    background: #f5f5f5;
  }
}
.feature-bar-text-on-two-images .text-content-wrapper h2,
.feature-bar-text-on-two-images .text-content-wrapper h3 {
  font-family: "DM Sans", sans-serif;
  font-weight: 600;
  line-height: 1.8;
  font-size: 30px;
  margin: 0;
  line-height: 1.2;
  margin-bottom: 1rem;
}
.feature-bar-text-on-two-images .text-content-wrapper p {
  font-size: 16px;
  line-height: 1.5;
  margin-bottom: 1rem;
  margin-top: 0;
}
.feature-bar-text-on-two-images .text-content-wrapper .action-button {
  margin: 30px 0 10px 0;
}
.feature-bar-text-on-two-images .text-content-wrapper .action-button a {
  background-image: none !important;
  padding: 0;
}
.feature-bar-text-on-two-images .text-content-wrapper .action-button a button {
  padding: 5px 25px;
  font-family: "DM Sans", sans-serif;
  font-weight: 600;
  line-height: 1.8;
  font-size: 18px;
  color: black !important;
}
@media only screen and (max-width: 750px) {
  .feature-bar-text-on-two-images .text-content-wrapper .action-button a button {
    font-size: 15px;
  }
}
.feature-bar-text-on-two-images .text-content-wrapper .action-button a button:hover {
  background: #d4ffff !important;
}
.feature-bar-text-on-two-images .images-wrapper {
  position: absolute;
  display: flex;
  top: 0;
  left: 0;
  z-index: -1;
  height: 100%;
  width: 100%;
}
.feature-bar-text-on-two-images .images-wrapper .item-outer {
  width: 50%;
  padding: 0 1rem;
  height: 100%;
}
.feature-bar-text-on-two-images .images-wrapper .item-outer img {
  height: 100%;
  width: 100%;
  object-fit: cover;
  object-position: center;
  border-radius: 25px;
}
@media only screen and (max-width: 800px) {
  .feature-bar-text-on-two-images .images-wrapper .item-outer:first-child {
    position: absolute;
    width: 100%;
    height: 80%;
  }
  .feature-bar-text-on-two-images .images-wrapper .item-outer:last-child {
    display: none;
  }
}

.feature-bar-basic-two-images {
  padding: 6rem 0;
}
.feature-bar-basic-two-images .content-container {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  min-height: auto;
}
@media only screen and (max-width: 800px) {
  .feature-bar-basic-two-images .content-container {
    flex-direction: column;
  }
}
@media only screen and (max-width: 450px) {
  .feature-bar-basic-two-images .content-container {
    padding-left: 0;
    padding-right: 0;
  }
}
.feature-bar-basic-two-images .content-container > div {
  padding: 0 1rem;
}
.feature-bar-basic-two-images .content-container::after {
  content: none;
}
.feature-bar-basic-two-images .left-wrapper {
  width: 50%;
}
@media only screen and (max-width: 800px) {
  .feature-bar-basic-two-images .left-wrapper {
    width: 100%;
  }
}
.feature-bar-basic-two-images .left-wrapper .back-image {
  display: inline-block;
  width: 50%;
  aspect-ratio: 1;
  object-fit: cover;
  border-radius: 25px;
}
.feature-bar-basic-two-images .left-wrapper .front-img-wrapper {
  margin-top: -12rem;
  display: flex;
  justify-content: flex-end;
}
@media only screen and (max-width: 800px) {
  .feature-bar-basic-two-images .left-wrapper .front-img-wrapper {
    margin-top: -8rem;
    margin-bottom: 4rem;
  }
}
.feature-bar-basic-two-images .left-wrapper .front-img-wrapper .front-image {
  display: inline-block;
  width: 75%;
  aspect-ratio: 1;
  object-fit: cover;
  border-radius: 25px;
}
.feature-bar-basic-two-images .right-wrapper {
  width: 41.66667%;
}
@media only screen and (max-width: 800px) {
  .feature-bar-basic-two-images .right-wrapper {
    width: 100%;
  }
}
.feature-bar-basic-two-images .right-wrapper h2 {
  font-size: 38px;
  margin: 0 0 2rem 0;
  line-height: 1.2;
  color: #1f1f1f;
}
@media only screen and (max-width: 450px) {
  .feature-bar-basic-two-images .right-wrapper h2 {
    font-size: 32px;
  }
}
.feature-bar-basic-two-images .right-wrapper p {
  font-family: "DM Sans", sans-serif;
  font-weight: 500;
  line-height: 1.8;
  line-height: 1.5;
  font-size: 18px;
  margin: 0 0 1.5rem 0;
  color: #767676;
}
.feature-bar-basic-two-images .right-wrapper p.sub-title {
  font-family: "DM Sans", sans-serif;
  font-weight: 600;
  line-height: 1.8;
  font-size: 15px;
  line-height: 1.2;
  color: #909090;
  margin: 0 0 0.75rem 0;
  letter-spacing: 0.02em;
}
.feature-bar-basic-two-images .right-wrapper .action-button {
  margin: 0;
}
.feature-bar-basic-two-images .right-wrapper .action-button a {
  background-image: none !important;
  padding: 0;
}
.feature-bar-basic-two-images .right-wrapper .action-button a button {
  padding: 5px 25px;
  font-family: "DM Sans", sans-serif;
  font-weight: 600;
  line-height: 1.8;
  font-size: 18px;
  color: black !important;
}
@media only screen and (max-width: 750px) {
  .feature-bar-basic-two-images .right-wrapper .action-button a button {
    font-size: 15px;
  }
}
.feature-bar-basic-two-images .right-wrapper .action-button a button:hover {
  background: #d4ffff !important;
}
.feature-bar-basic-two-images.row-reverse .content-container {
  flex-direction: row-reverse;
}
.feature-bar-basic-two-images.row-reverse .content-container .left-wrapper {
  text-align: right;
}
.feature-bar-basic-two-images.row-reverse .content-container .left-wrapper .front-img-wrapper {
  justify-content: flex-start;
}

.feature-bar-basic-sticky {
  padding: 6rem 0;
}
.feature-bar-basic-sticky .content-container {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  flex-wrap: wrap;
  min-height: auto;
}
@media only screen and (max-width: 800px) {
  .feature-bar-basic-sticky .content-container {
    flex-direction: column;
    gap: 4rem;
  }
}
@media only screen and (max-width: 450px) {
  .feature-bar-basic-sticky .content-container {
    padding-left: 0;
    padding-right: 0;
  }
}
.feature-bar-basic-sticky .content-container > div {
  padding: 0 1rem;
}
.feature-bar-basic-sticky .content-container::after {
  content: none;
}
.feature-bar-basic-sticky .left-wrapper {
  width: 50%;
}
@media only screen and (max-width: 800px) {
  .feature-bar-basic-sticky .left-wrapper {
    width: 100%;
  }
}
.feature-bar-basic-sticky .left-wrapper .back-image {
  display: inline-block;
  width: 50%;
  aspect-ratio: 1;
  object-fit: cover;
  border-radius: 25px;
}
.feature-bar-basic-sticky .right-wrapper {
  position: sticky;
  width: 41.66667%;
  top: 50%;
  transform: translateY(-50%);
  margin-top: 6rem;
}
@media only screen and (max-width: 800px) {
  .feature-bar-basic-sticky .right-wrapper {
    position: relative;
    width: 100%;
    margin: 0;
    top: auto;
    transform: none;
  }
}
.feature-bar-basic-sticky .right-wrapper h2 {
  font-size: 38px;
  line-height: 1.2;
  color: black;
  margin: 0 0 2rem 0;
}
@media only screen and (max-width: 450px) {
  .feature-bar-basic-sticky .right-wrapper h2 {
    font-size: 32px;
  }
}
.feature-bar-basic-sticky .right-wrapper p {
  font-family: "DM Sans", sans-serif;
  font-weight: 500;
  line-height: 1.8;
  font-size: 18px;
  margin: 0 0 1.5rem 0;
  line-height: 1.5;
  color: black;
}
.feature-bar-basic-sticky .right-wrapper p.sub-title {
  font-family: "DM Sans", sans-serif;
  font-weight: 600;
  line-height: 1.8;
  line-height: 1.2;
  font-size: 15px;
  color: black;
  margin: 0 0 0.75rem 0;
  letter-spacing: 0.02em;
}
.feature-bar-basic-sticky .right-wrapper .action-button {
  margin: 0;
}
.feature-bar-basic-sticky .right-wrapper .action-button a {
  padding: 0;
  background-image: none !important;
}
.feature-bar-basic-sticky .right-wrapper .action-button a button {
  font-family: "DM Sans", sans-serif;
  font-weight: 600;
  line-height: 1.8;
  font-size: 18px;
  padding: 5px 25px;
  color: black !important;
}
@media only screen and (max-width: 750px) {
  .feature-bar-basic-sticky .right-wrapper .action-button a button {
    font-size: 15px;
  }
}
.feature-bar-basic-sticky .right-wrapper .action-button a button:hover {
  background: #d4ffff !important;
}
.feature-bar-basic-sticky.row-reverse .content-container {
  flex-direction: row-reverse;
}
.feature-bar-basic-sticky.row-reverse .content-container .left-wrapper {
  text-align: right;
}
.feature-bar-basic-sticky.row-reverse .content-container .left-wrapper .front-img-wrapper {
  justify-content: flex-start;
}

.feature-bar-sample-pack-wide-bar {
  position: relative;
  background-size: cover;
  background-repeat: no-repeat;
  min-height: 600px;
  padding: 6rem 0;
  background-position-y: 50%;
  display: flex;
  flex-direction: row;
  align-items: center;
}
.feature-bar-sample-pack-wide-bar .content-container {
  width: 100%;
  max-width: 1320px;
  min-height: auto;
  display: flex;
  justify-content: flex-start;
  padding: 0 1rem;
}
.feature-bar-sample-pack-wide-bar .content-container .feature-bar-content {
  position: relative;
  width: 41.66667%;
  top: auto;
  transform: none;
  padding: 2rem;
  border-radius: 25px;
  background-color: #fff;
}
@media only screen and (max-width: 800px) {
  .feature-bar-sample-pack-wide-bar .content-container .feature-bar-content {
    left: auto !important;
    width: 100%;
  }
}
.feature-bar-sample-pack-wide-bar .content-container .feature-bar-content h3 {
  margin: 0;
  margin-bottom: 1.5rem;
  font-size: 33px;
  line-height: 1.2;
}
.feature-bar-sample-pack-wide-bar .content-container .feature-bar-content p {
  font-size: 18px;
  line-height: 1.5;
  margin-top: 0;
  margin-bottom: 1.5rem;
}
.feature-bar-sample-pack-wide-bar .content-container .feature-bar-content .action-button {
  margin: 0;
}
.feature-bar-sample-pack-wide-bar .content-container .feature-bar-content .action-button a {
  background-image: none !important;
  padding: 0;
}
.feature-bar-sample-pack-wide-bar .content-container .feature-bar-content .action-button a button {
  padding: 5px 25px;
  font-family: "DM Sans", sans-serif;
  font-weight: 600;
  line-height: 1.8;
  font-size: 18px;
  color: black !important;
}
@media only screen and (max-width: 750px) {
  .feature-bar-sample-pack-wide-bar .content-container .feature-bar-content .action-button a button {
    font-size: 15px;
  }
}
.feature-bar-sample-pack-wide-bar .content-container .feature-bar-content .action-button a button:hover {
  background: #d4ffff !important;
}

.feature-bar-two-image-a-row {
  padding: 6rem 0;
}
.feature-bar-two-image-a-row .content-container {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 4rem;
  min-height: fit-content;
}
@media only screen and (max-width: 800px) {
  .feature-bar-two-image-a-row .content-container {
    min-height: 580px;
    padding: 0;
  }
}
.feature-bar-two-image-a-row .content-container:after {
  content: none;
}
.feature-bar-two-image-a-row .row-wrapper {
  display: flex;
  height: 630px;
  width: 100%;
}
@media only screen and (max-width: 800px) {
  .feature-bar-two-image-a-row .row-wrapper {
    flex-direction: column;
    gap: 4rem;
    height: 1000px;
  }
}
.feature-bar-two-image-a-row .row-wrapper .item-wrapper {
  position: relative;
  width: 50%;
  height: 100%;
  padding: 0 1rem;
}
@media only screen and (max-width: 800px) {
  .feature-bar-two-image-a-row .row-wrapper .item-wrapper {
    width: 100%;
  }
}
.feature-bar-two-image-a-row .row-wrapper .item-wrapper .item-inner-wrapper {
  width: 100%;
  height: 100%;
  border-radius: 8px;
  overflow: hidden;
  position: relative;
}
.feature-bar-two-image-a-row .row-wrapper .item-wrapper .item-inner-wrapper:hover .item-background {
  transform: scale(1.07);
}
.feature-bar-two-image-a-row .row-wrapper .item-wrapper a.image-link {
  height: 100%;
  width: 100%;
}
.feature-bar-two-image-a-row .row-wrapper .item-wrapper .item-background {
  position: relative;
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  -webkit-transition: all 0.6s ease;
  -moz-transition: all 0.6s ease;
  -ms-transition: all 0.6s ease;
  -o-transition: all 0.6s ease;
  transition: all 0.6s ease;
}
.feature-bar-two-image-a-row .row-wrapper .item-wrapper .item-background:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0) 54%, rgba(0, 0, 0, 0.75) 100%);
  pointer-events: none;
}
.feature-bar-two-image-a-row .row-wrapper .item-wrapper .item-background.color-background::after {
  content: none;
}
.feature-bar-two-image-a-row .row-wrapper .item-wrapper .item-content {
  position: absolute;
  width: fit-content;
  height: fit-content;
  padding: 30px 15px;
  left: 0;
  bottom: 0;
}
.feature-bar-two-image-a-row .row-wrapper .item-wrapper .item-content .caption {
  font-size: 16px;
}
.feature-bar-two-image-a-row .row-wrapper .item-wrapper .item-content .heading {
  font-family: "DM Sans", sans-serif;
  font-weight: 600;
  line-height: 1.8;
  line-height: 1;
  font-size: 30px;
  color: black;
  margin: 5px 0 0 0;
}
.feature-bar-two-image-a-row .row-wrapper .item-wrapper .item-content .button {
  font-family: "DM Sans", sans-serif;
  font-weight: 600;
  line-height: 1.8;
  font-size: 18px;
  margin-top: 15px;
  padding: 5px 25px;
  color: black !important;
  background: white;
}
.feature-bar-two-image-a-row .row-wrapper .item-wrapper.center .item-content {
  text-align: center;
  width: 90%;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.feature-bar-two-image-a-row .row-wrapper .item-wrapper.center .item-content .button {
  margin-left: auto;
  margin-right: auto;
}
.feature-bar-two-image-a-row .row-wrapper .item-wrapper.top-left .item-content {
  left: 0;
  top: 0;
  bottom: auto;
}
.feature-bar-two-image-a-row .row-wrapper .item-wrapper.top-right .item-content {
  text-align: right;
  top: 0;
  bottom: auto;
  left: auto;
  right: 0;
}
.feature-bar-two-image-a-row .row-wrapper .item-wrapper.bottom-right .item-content {
  text-align: right;
  left: auto;
  right: 0;
}
.feature-bar-two-image-a-row .row-wrapper .item-wrapper.text-white .caption,
.feature-bar-two-image-a-row .row-wrapper .item-wrapper.text-white .heading {
  color: white !important;
}
.feature-bar-two-image-a-row .row-wrapper .item-wrapper.badge-caption .caption {
  position: relative;
  font-family: "DM Sans", sans-serif;
  font-weight: 600;
  line-height: 1.8;
  font-size: 18px;
  z-index: 1;
}
.feature-bar-two-image-a-row .row-wrapper .item-wrapper.badge-caption .caption::before {
  content: "";
  position: absolute;
  left: 50%;
  top: 52%;
  width: calc(100% + 30px);
  height: 130%;
  transform: translate(-50%, -50%);
  background: #ff1818;
  z-index: -1;
}

.feature-bar-details {
  min-height: auto;
  padding: 0 0 40px 0;
}
.feature-bar-details .content-container {
  width: 100%;
  min-height: auto;
}
@media only screen and (max-width: 1400px) {
  .feature-bar-details .content-container {
    max-width: 1100px;
  }
}
@media only screen and (max-width: 450px) {
  .feature-bar-details .content-container {
    padding-left: 1rem;
    padding-right: 1rem;
  }
}
.feature-bar-details .content-container .details {
  gap: 0;
  justify-content: center;
  flex-wrap: nowrap;
}
@media only screen and (max-width: 1200px) {
  .feature-bar-details .content-container .details {
    flex-wrap: wrap;
    max-width: 720px;
    margin: auto;
  }
}
.feature-bar-details .content-container .details .detail {
  width: fit-content;
  position: relative;
  padding: 0 1rem;
  max-width: 24%;
  text-align: left;
}
@media only screen and (max-width: 1200px) {
  .feature-bar-details .content-container .details .detail {
    width: 50%;
    margin-bottom: 3rem;
    max-width: none;
  }
}
@media only screen and (max-width: 600px) {
  .feature-bar-details .content-container .details .detail {
    margin-bottom: 1rem;
  }
}
@media only screen and (max-width: 450px) {
  .feature-bar-details .content-container .details .detail {
    width: 100%;
    padding: 0;
  }
}
.feature-bar-details .content-container .details .detail h5 {
  font-family: "DM Sans", sans-serif;
  font-weight: 600;
  line-height: 1.8;
  font-size: 15px;
  line-height: 1.2;
  letter-spacing: 0.02em;
  margin: 0;
  margin-bottom: 0.25rem;
  margin-left: 90px;
  color: #1f1f1f;
}
@media only screen and (max-width: 600px) {
  .feature-bar-details .content-container .details .detail h5 {
    font-size: 15px;
    margin-left: 85px;
  }
}
.feature-bar-details .content-container .details .detail img {
  position: absolute;
  object-fit: contain;
  height: 90px;
  width: 90px;
  margin: 0;
  top: -15px;
  left: 0;
}
@media only screen and (max-width: 600px) {
  .feature-bar-details .content-container .details .detail img {
    width: 70px;
    height: 70px;
  }
}
.feature-bar-details .content-container .details .detail p {
  font-family: "DM Sans", sans-serif;
  font-weight: 500;
  line-height: 1.8;
  font-size: 15px;
  line-height: 1.5;
  min-height: auto;
  color: #767676;
  margin: 0;
  margin-left: 90px;
}
@media only screen and (max-width: 600px) {
  .feature-bar-details .content-container .details .detail p {
    font-size: 12px;
    margin-left: 85px;
  }
}
.feature-bar-details .content-container .trustpilot-widget {
  margin-top: 35px;
}

.feature-bar-basic {
  padding: 0;
  padding-top: 6rem;
  padding-bottom: 6rem;
  background-position-y: 50%;
  display: flex;
  flex-direction: row;
  align-items: center;
}
@media only screen and (max-width: 450px) {
  .feature-bar-basic.hide-mobile {
    display: none;
  }
}
.feature-bar-basic .content-container {
  display: flex;
  min-height: auto;
  max-width: 1320px;
  width: 100%;
  justify-content: flex-start;
  padding: 0 1rem;
}
.feature-bar-basic .content-container .feature-bar-content {
  position: relative;
  width: 41.66667%;
  top: auto;
  transform: none;
  padding-left: 1rem;
  padding-right: 1rem;
  background-color: #fff;
  border-radius: 25px;
  padding: 2rem;
}
@media only screen and (max-width: 800px) {
  .feature-bar-basic .content-container .feature-bar-content {
    left: auto !important;
    width: 100%;
  }
}
.feature-bar-basic .content-container .feature-bar-content h3 {
  font-family: "DM Sans", sans-serif;
  font-weight: 600;
  line-height: 1.8;
  font-size: 30px;
  line-height: 1.2;
  margin: 0;
  margin-bottom: 1.5rem;
}
.feature-bar-basic .content-container .feature-bar-content p {
  font-size: 18px;
  line-height: 1.5;
  margin-top: 0;
  margin-bottom: 1.5rem;
}
.feature-bar-basic .content-container .feature-bar-content .action-button {
  margin: 0;
}
.feature-bar-basic .content-container .feature-bar-content .action-button a {
  background-image: none !important;
  padding: 0;
}
.feature-bar-basic .content-container .feature-bar-content .action-button a button {
  padding: 5px 25px;
  font-family: "DM Sans", sans-serif;
  font-weight: 600;
  line-height: 1.8;
  font-size: 18px;
  color: black !important;
}
.feature-bar-basic .content-container .feature-bar-content .action-button a button:hover {
  background: #d4ffff !important;
}
.feature-bar-basic.right-aligned .content-container {
  justify-content: flex-end;
}
.feature-bar-basic.home-intro {
  padding-bottom: 4rem;
}
.feature-bar-basic.home-intro .content-container .feature-bar-content {
  text-align: center;
  width: 100%;
  background: none;
  padding: 0;
}
.feature-bar-basic.home-intro .content-container .feature-bar-content h2 {
  line-height: 1.2;
  font-size: 42px;
  margin: 0;
  margin-bottom: 2rem;
}
.feature-bar-basic.home-intro .content-container .feature-bar-content p {
  font-size: 26px;
  margin: 0;
}
@media only screen and (max-width: 750px) {
  .feature-bar-basic.home-intro .content-container .feature-bar-content {
    padding-right: 0;
    padding-left: 0;
  }
  .feature-bar-basic.home-intro .content-container .feature-bar-content h2 {
    font-size: 35px;
  }
  .feature-bar-basic.home-intro .content-container .feature-bar-content p {
    font-size: 22px;
  }
}
.feature-bar-basic.home-intro .content-container .feature-bar-content .page-buttons-wrapper {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin-top: 4rem;
}
.feature-bar-basic.home-intro .content-container .feature-bar-content .page-buttons-wrapper button {
  width: 20%;
  padding: 0 1rem;
  margin-bottom: 2rem;
  cursor: default;
}
.feature-bar-basic.home-intro .content-container .feature-bar-content .page-buttons-wrapper button a {
  width: 100%;
  color: white;
  padding: 13px 0;
  border-radius: 25px;
  background: #957cff;
  font-family: "DM Sans", sans-serif;
  font-weight: 600;
  line-height: 1.8;
  line-height: 1;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.feature-bar-basic.home-intro .content-container .feature-bar-content .page-buttons-wrapper button a:hover {
  background: #e1a6ff;
}
@media only screen and (max-width: 1050px) {
  .feature-bar-basic.home-intro .content-container .feature-bar-content .page-buttons-wrapper button {
    width: 33.33%;
    padding: 0 0.5rem;
  }
}
@media only screen and (max-width: 450px) {
  .feature-bar-basic.home-intro .content-container .feature-bar-content .page-buttons-wrapper button {
    width: 50%;
  }
}

body.home section.header-image.image-full-text .header-image-content h3 {
  font-size: 22px;
}
@media only screen and (max-width: 1400px) {
  body.home section.header-image.image-full-text .header-image-content h3 {
    font-size: 18px;
  }
}
@media only screen and (max-width: 450px) {
  body.home section.header-image.image-full-text .header-image-content h3 {
    font-size: 16px !important;
  }
}
body.home section.header-image.image-full-text .header-image-content span {
  font-size: 15px;
  color: black;
}
body.home section.header-image.image-full-text .header-image-content h1 {
  font-size: 52px;
}
@media only screen and (max-width: 450px) {
  body.home section.header-image.image-full-text .header-image-content h1 {
    font-size: 24px !important;
  }
}
@media only screen and (max-width: 1400px) {
  body.home section.header-image.image-full-text .header-image-content h1 {
    font-size: 38px;
  }
}
@media only screen and (min-width: 2500px) {
  body.home section.header-image.image-full-text .header-image-content h1 {
    font-size: 55px;
  }
}
body.home .feature-bar-side-by-side-box {
  min-height: auto !important;
  height: auto !important;
}
body.home .news-bar {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 40px;
  position: absolute;
  background: #000;
  top: 0;
}
body.home .news-bar .svg-forbes-logo-white {
  width: 65px;
  height: 18px;
  margin-right: 15px;
}
body.home .news-bar p {
  margin: 0;
  color: white;
  font-size: 14px;
}
@media only screen and (max-width: 600px) {
  body.home .news-bar {
    display: flex !important;
    position: absolute;
    top: 30px;
  }
  body.home .news-bar p {
    max-width: 400px;
    line-height: 1.2;
    font-size: 12px !important;
  }
}
@media only screen and (max-width: 450px) {
  body.home .news-bar {
    position: absolute;
    top: 50px;
  }
  body.home .news-bar p {
    max-width: 300px;
    font-size: 11px !important;
    max-width: 200px;
  }
}
body.home .news-bar p {
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  background-image: none;
  background-position: 0 90%;
  background-repeat: no-repeat;
  background-size: 100% 1.5px;
  display: inline;
  padding-bottom: 0px;
  color: #fff !important;
}
@media only screen and (min-width: 450px) {
  body.home .news-bar p:hover {
    background-image: linear-gradient(123.06deg, #5f1ae2 64.85%, #e372ff 120.57%);
    background-repeat: no-repeat;
    background-size: 100% 1.5px;
    display: inline;
    text-decoration: none;
    padding-bottom: 10px;
    background-position: 0 70%;
  }
}
body.home section.mobile-title {
  position: absolute;
  top: 450px;
  left: 50%;
  width: 90%;
  transform: translateX(-50%);
  background-color: white;
  padding: 2rem;
  border-radius: 25px;
  text-align: center;
}
body.home section.mobile-title h1, body.home section.mobile-title h2, body.home section.mobile-title h3, body.home section.mobile-title h4 {
  margin: 0;
  text-wrap: balance;
}
body.home section.mobile-title h3 {
  position: relative;
  color: white;
}
body.home section.mobile-title a {
  line-height: 1.2;
  font-size: 30px;
  color: white;
}
@media only screen and (max-width: 1050px) {
  body.home section.mobile-title a {
    font-size: 30px;
  }
}
@media only screen and (max-width: 450px) {
  body.home section.mobile-title a {
    font-size: 27px;
  }
}
@media only screen and (max-width: 750px) {
  body.home section.mobile-title {
    display: block !important;
  }
}
body.home section.header-image {
  padding: 0 0 50px 0;
  margin: 0 auto;
  padding-bottom: 80px;
}
@media only screen and (max-width: 750px) {
  body.home section.header-image {
    padding-bottom: 120px;
  }
}
@media only screen and (max-width: 450px) {
  body.home section.header-image {
    padding-bottom: 145px;
  }
}
body.home section.header-image .seasonal-wrapper {
  width: inherit !important;
  max-width: 1440px;
  margin-left: auto;
  margin-right: auto;
}
@media only screen and (max-width: 1400px) {
  body.home section.header-image .seasonal-wrapper {
    max-width: 1100px;
  }
}
@media only screen and (max-width: 1200px) {
  body.home section.header-image .seasonal-wrapper {
    height: 400px;
    max-width: 1000px;
  }
}
@media only screen and (max-width: 1050px) {
  body.home section.header-image .seasonal-wrapper {
    width: 90% !important;
  }
}
body.home section.header-image .seasonal-wrapper h1.seasonal-heading {
  line-height: 1.1 !important;
  text-align: left;
  margin: 0;
  transition: background 200ms linear;
  background-size: 0px 23px !important;
  background-repeat: no-repeat !important;
  background-position: left 80% !important;
  display: inline;
}
@media only screen and (min-width: 1024px), (hover: hover) {
  body.home section.header-image .seasonal-wrapper h1.seasonal-heading:hover {
    background-size: 100% 25px !important;
  }
}
@media only screen and (max-width: 1200px) {
  body.home section.header-image .seasonal-wrapper h1.seasonal-heading {
    font-size: 50px;
  }
}
@media only screen and (max-width: 1050px) {
  body.home section.header-image .seasonal-wrapper h1.seasonal-heading {
    font-size: 40px;
    background-size: 0px 18px !important;
  }
}
@media only screen and (max-width: 1050px) and (min-width: 1024px), only screen and (max-width: 1050px) and (hover: hover) {
  body.home section.header-image .seasonal-wrapper h1.seasonal-heading:hover {
    background-size: 100% 18px !important;
  }
}
@media only screen and (max-width: 800px) {
  body.home section.header-image .seasonal-wrapper h1.seasonal-heading {
    font-size: 37px;
  }
}
@media only screen and (max-width: 750px) {
  body.home section.header-image .seasonal-wrapper h1.seasonal-heading {
    font-size: 30px;
  }
}
@media only screen and (max-width: 600px) {
  body.home section.header-image .seasonal-wrapper h1.seasonal-heading {
    background-position: left 45% !important;
  }
}
body.home section.header-image.full-nav-image .header-image-container {
  height: 550px;
}
@media only screen and (max-width: 750px) {
  body.home section.header-image.full-nav-image .header-image-container {
    height: 390px;
  }
}
body.home section.header-image.full-nav-image .header-image-container.custom-sticker {
  height: 820px;
}
@media only screen and (max-width: 1300px) {
  body.home section.header-image.full-nav-image .header-image-container.custom-sticker {
    height: 700px;
  }
}
@media only screen and (max-width: 1050px) {
  body.home section.header-image.full-nav-image .header-image-container.custom-sticker {
    height: 530px;
  }
}
@media only screen and (max-width: 800px) {
  body.home section.header-image.full-nav-image .header-image-container.custom-sticker {
    height: 525px;
  }
}
@media only screen and (max-width: 750px) {
  body.home section.header-image.full-nav-image .header-image-container.custom-sticker {
    height: 475px;
    background-size: contain !important;
    background-position: bottom;
    margin-top: 170px;
  }
}
@media only screen and (max-width: 600px) {
  body.home section.header-image.full-nav-image .header-image-container.custom-sticker {
    height: 375px;
  }
}
@media only screen and (max-width: 400px) {
  body.home section.header-image.full-nav-image .header-image-container.custom-sticker {
    margin-top: 110px;
    background-size: auto 350px !important;
  }
}
body.home section.header-image.full-nav-image .header-image-container.custom-sticker .content-container {
  max-width: 1350px;
}
@media only screen and (max-width: 1400px) {
  body.home section.header-image.full-nav-image .header-image-container.custom-sticker .content-container {
    max-width: 1200px;
  }
}
@media only screen and (max-width: 1050px) {
  body.home section.header-image.full-nav-image .header-image-container.custom-sticker .content-container {
    max-width: 850px;
  }
}
body.home .header-image.image-full-text .content-container {
  max-width: 100%;
}
@media only screen and (max-width: 1400px) {
  body.home .header-image.image-full-text .content-container {
    max-width: 100%;
  }
}
body.home .header-image.image-full-text .header-image-content {
  top: 50%;
}
@media only screen and (max-width: 450px) {
  body.home .header-image.image-full-text .header-image-content {
    top: auto;
    bottom: 1.5rem;
    transform: none;
  }
}
body.home .header-image.image-full-text.image-left-align {
  background-color: #cdebfd !important;
}
body.home .header-image.image-full-text.image-left-align .header-image-container {
  transform: translateX(-50%);
  position: initial;
  overflow: visible;
  background-size: contain !important;
  background-position-x: right !important;
  background-color: #47efed;
}
@media only screen and (max-width: 750px) {
  body.home .header-image.image-full-text.image-left-align .header-image-container {
    background-position: center !important;
    transform: translateX(0%);
  }
}
body.home .header-image.image-full-text.image-left-align .header-image-container .header-image-inner {
  transform: translateX(50%);
}
@media only screen and (max-width: 1200px) {
  body.home .header-image.image-full-text.image-left-align .header-image-container .header-image-inner .content-container {
    padding: 0;
  }
}
@media only screen and (max-width: 1050px) {
  body.home .header-image.image-full-text.image-left-align .header-image-container .header-image-inner .content-container .header-image-content {
    top: 45%;
  }
}
@media only screen and (min-width: 2500px) {
  body.home .header-image.image-full-text.image-left-align .header-image-container .header-image-inner .content-container .header-image-content {
    top: 68%;
  }
}
body.home .header-image.image-full-text.image-left-align .header-image-container .header-image-inner .content-container .header-image-content h3 {
  font-size: 17px;
}
body.home .header-image.image-full-text.image-left-align .header-image-container .header-image-inner .content-container .header-image-content h1 {
  font-size: 40px;
}
@media only screen and (max-width: 1400px) {
  body.home .header-image.image-full-text.image-left-align .header-image-container .header-image-inner .content-container .header-image-content h1 {
    font-size: 38px;
  }
}
@media only screen and (min-width: 2500px) {
  body.home .header-image.image-full-text.image-left-align .header-image-container .header-image-inner .content-container .header-image-content h1 {
    font-size: 45px;
  }
}
body.home .header-image.image-full-text.image-left-align .header-image-container .header-image-inner .content-container .header-image-content .seasonal-wrapper {
  padding-left: 58%;
}
@media only screen and (max-width: 1200px) {
  body.home .header-image.image-full-text.image-left-align .header-image-container .header-image-inner .content-container .header-image-content .seasonal-wrapper {
    padding-left: 56%;
  }
}
@media only screen and (max-width: 1050px) {
  body.home .header-image.image-full-text.image-left-align .header-image-container .header-image-inner .content-container .header-image-content .seasonal-wrapper {
    width: 95% !important;
  }
}
@media only screen and (max-width: 750px) {
  body.home .header-image.image-right-align {
    padding-bottom: 40px !important;
  }
}
body.home .header-image.image-right-align .header-image-container {
  background-image: none !important;
}
body.home .header-image.image-right-align .header-image-container.mobile-image {
  display: none !important;
}
body.home .header-image.image-right-align .header-image-container.has-mobile {
  display: block !important;
}
body.home .header-image.image-right-align .header-image-content {
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
@media only screen and (max-width: 750px) {
  body.home .header-image.image-right-align .header-image-content {
    margin-top: -40px;
  }
}
@media only screen and (max-width: 600px) {
  body.home .header-image.image-right-align .header-image-content {
    margin-top: -15px;
  }
}
@media only screen and (max-width: 450px) {
  body.home .header-image.image-right-align .header-image-content {
    margin-top: -15px !important;
  }
}
body.home .header-image.image-right-align .header-image-content .seasonal-wrapper {
  display: flex;
  margin: auto !important;
  align-items: center;
  justify-content: center;
  padding: 0 150px;
  height: 475px;
}
@media only screen and (max-width: 1400px) {
  body.home .header-image.image-right-align .header-image-content .seasonal-wrapper {
    padding: 0;
  }
}
@media only screen and (max-width: 750px) {
  body.home .header-image.image-right-align .header-image-content .seasonal-wrapper {
    height: 225px;
  }
}
body.home .header-image.image-right-align .header-image-content .seasonal-wrapper .text-wrapper {
  width: 45%;
  height: fit-content;
}
@media only screen and (max-width: 750px) {
  body.home .header-image.image-right-align .header-image-content .seasonal-wrapper .text-wrapper {
    display: none !important;
  }
}
body.home .header-image.image-right-align .header-image-content .seasonal-wrapper .text-wrapper .bounce-button span {
  font-family: "DM Sans", sans-serif;
  font-weight: 600;
  line-height: 1.8;
  display: inline-block;
  font-size: inherit;
}
body.home .header-image.image-right-align .header-image-content .seasonal-wrapper .image-wrapper {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 55%;
  height: 100%;
}
body.home .header-image.image-right-align .header-image-content .seasonal-wrapper .image-wrapper img {
  height: 100%;
  object-fit: contain;
}
@media only screen and (max-width: 600px) {
  body.home .header-image.image-right-align .header-image-content {
    display: flex;
    align-items: center;
    justify-content: center;
  }
  body.home .header-image.image-right-align .header-image-content * {
    display: block;
  }
}
body.home .header-image.image-right-align + section.mobile-title {
  top: 360px;
  width: 100%;
}
@media only screen and (max-width: 600px) {
  body.home .header-image.image-right-align + section.mobile-title {
    top: 320px;
  }
}
@media only screen and (max-width: 450px) {
  body.home .header-image.image-right-align + section.mobile-title {
    top: 370px;
    padding: 1rem 1rem;
  }
}
@media only screen and (max-width: 450px) {
  body.home .header-image.image-right-align + section.mobile-title .content-container {
    padding: 0;
  }
}
body.home .header-image.image-right-align + section.mobile-title .row {
  margin: 0;
}
body.home .header-image.image-right-align + section.mobile-title h3 {
  color: black;
}
body.home .header-image.image-right-align + section.mobile-title h3 a {
  color: black;
}
@media only screen and (max-width: 450px) {
  body.home .header-image.image-right-align + section.mobile-title h3 a {
    font-size: 25px;
  }
}
@media only screen and (max-width: 750px) {
  body.home .header-image.image-in-background {
    padding-bottom: 150px !important;
  }
}
@media only screen and (max-width: 450px) {
  body.home .header-image.image-in-background {
    padding-bottom: 80px !important;
  }
}
body.home .header-image.image-in-background .header-image-container {
  background-size: cover !important;
}
body.home .header-image.image-in-background .header-image-container.mobile-image {
  display: none !important;
}
body.home .header-image.image-in-background .header-image-container.has-mobile {
  display: block !important;
}
body.home .header-image.image-in-background .header-image-content {
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
@media only screen and (max-width: 750px) {
  body.home .header-image.image-in-background .header-image-content {
    margin-top: -40px;
  }
}
@media only screen and (max-width: 600px) {
  body.home .header-image.image-in-background .header-image-content {
    margin-top: -15px;
  }
}
@media only screen and (max-width: 450px) {
  body.home .header-image.image-in-background .header-image-content {
    margin-top: -15px !important;
  }
}
body.home .header-image.image-in-background .header-image-content .seasonal-wrapper {
  display: flex;
  margin: auto !important;
  align-items: center;
  justify-content: flex-start;
  padding: 0 150px;
  height: 475px;
}
@media only screen and (max-width: 1400px) {
  body.home .header-image.image-in-background .header-image-content .seasonal-wrapper {
    padding: 0;
  }
}
@media only screen and (max-width: 750px) {
  body.home .header-image.image-in-background .header-image-content .seasonal-wrapper {
    height: 225px;
  }
}
body.home .header-image.image-in-background .header-image-content .seasonal-wrapper .text-wrapper {
  height: fit-content;
  background: white;
  padding: 20px 50px;
  border-radius: 20px;
}
@media only screen and (max-width: 750px) {
  body.home .header-image.image-in-background .header-image-content .seasonal-wrapper .text-wrapper {
    display: none !important;
  }
}
body.home .header-image.image-in-background .header-image-content .seasonal-wrapper .text-wrapper h1 {
  font-family: "DM Sans", sans-serif;
  font-weight: 600;
  line-height: 1.8;
  font-size: 45px;
  line-height: 1;
  margin: 0;
  color: black;
}
body.home .header-image.image-in-background .header-image-content .seasonal-wrapper .text-wrapper h3 {
  font-family: "DM Sans", sans-serif;
  font-weight: 500;
  line-height: 1.8;
  font-size: 26px;
  line-height: 1;
  margin: 20px 0;
  color: black;
}
body.home .header-image.image-in-background .header-image-content .seasonal-wrapper .text-wrapper h5 {
  line-height: 1;
  font-size: 18px;
  margin: 20px 0;
  color: black;
}
body.home .header-image.image-in-background .header-image-content .seasonal-wrapper .text-wrapper .button-wrapper {
  display: flex;
  gap: 10px;
  align-items: center;
}
body.home .header-image.image-in-background .header-image-content .seasonal-wrapper .text-wrapper .button {
  font-family: "DM Sans", sans-serif;
  font-weight: 900;
  line-height: 1.8;
  line-height: 1.2 !important;
  color: white;
  padding: 10px;
  width: fit-content;
  min-width: auto;
  height: fit-content;
  margin: 0;
  position: relative;
  padding: 8px 25px 10px 25px;
  background-color: #ff2ab6;
}
body.home .header-image.image-in-background .header-image-content .seasonal-wrapper .text-wrapper .button:hover {
  background-color: #b40478 !important;
}
body.home .header-image.image-in-background .header-image-content .seasonal-wrapper .text-wrapper .sale-ends {
  height: fit-content;
}
body.home .header-image.image-in-background .header-image-content .seasonal-wrapper .text-wrapper .sale-ends span {
  font-size: 11px;
  line-height: 1.2;
  color: #737373;
}
@media only screen and (max-width: 600px) {
  body.home .header-image.image-in-background .header-image-content {
    display: flex;
    align-items: center;
    justify-content: center;
  }
  body.home .header-image.image-in-background .header-image-content * {
    display: block;
  }
}
body.home .header-image.image-in-background + section.mobile-title {
  top: 360px;
  width: 90%;
}
@media only screen and (max-width: 600px) {
  body.home .header-image.image-in-background + section.mobile-title {
    top: 285px;
  }
}
@media only screen and (max-width: 450px) {
  body.home .header-image.image-in-background + section.mobile-title {
    padding: 1.5rem 1rem;
  }
}
@media only screen and (max-width: 450px) {
  body.home .header-image.image-in-background + section.mobile-title .content-container {
    padding: 0;
  }
}
body.home .header-image.image-in-background + section.mobile-title .row {
  margin: 0;
}
@media only screen and (max-width: 600px) {
  body.home .header-image.image-in-background + section.mobile-title .row {
    padding: 0;
  }
}
body.home .header-image.image-in-background + section.mobile-title h2 {
  line-height: 1.3;
}
@media only screen and (max-width: 450px) {
  body.home .header-image.image-in-background + section.mobile-title h2 {
    font-size: 28px;
  }
}
body.home .header-image.image-in-background + section.mobile-title h3 {
  font-family: "DM Sans", sans-serif;
  font-weight: 500;
  line-height: 1.8;
  line-height: 1.5;
  margin: 15px 0;
  color: black;
  font-size: 18px;
}
@media only screen and (max-width: 450px) {
  body.home .header-image.image-in-background + section.mobile-title h3 {
    font-size: 16px;
  }
}
body.home .header-image.image-in-background + section.mobile-title a.button {
  background: black;
  font-size: 15px;
  margin-bottom: 10px;
}
body.home .header-image.image-in-background + section.mobile-title span.sale-text {
  display: block;
  font-size: 11px;
  line-height: 1.2;
  color: #737373;
}
@media only screen and (max-width: 750px) {
  body.home .header-image.desktop-image-in-background {
    padding-bottom: 150px !important;
  }
}
@media only screen and (max-width: 450px) {
  body.home .header-image.desktop-image-in-background {
    padding-bottom: 80px !important;
  }
}
body.home .header-image.desktop-image-in-background .header-image-content {
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
@media only screen and (max-width: 750px) {
  body.home .header-image.desktop-image-in-background .header-image-content {
    margin-top: -40px;
  }
}
@media only screen and (max-width: 600px) {
  body.home .header-image.desktop-image-in-background .header-image-content {
    margin-top: -15px;
  }
}
@media only screen and (max-width: 450px) {
  body.home .header-image.desktop-image-in-background .header-image-content {
    margin-top: -15px !important;
  }
}
body.home .header-image.desktop-image-in-background .header-image-content .seasonal-wrapper {
  display: flex;
  margin: auto !important;
  align-items: center;
  justify-content: flex-start;
  height: 475px;
  padding: 0 110px;
}
@media only screen and (max-width: 1400px) {
  body.home .header-image.desktop-image-in-background .header-image-content .seasonal-wrapper {
    padding: 0;
  }
}
@media only screen and (max-width: 750px) {
  body.home .header-image.desktop-image-in-background .header-image-content .seasonal-wrapper {
    height: 225px;
  }
}
body.home .header-image.desktop-image-in-background .header-image-content .seasonal-wrapper .text-wrapper {
  height: fit-content;
  background: white;
  padding: 20px 30px;
  border-radius: 20px;
}
body.home .header-image.desktop-image-in-background .header-image-content .seasonal-wrapper .text-wrapper h1 {
  line-height: 1;
  font-size: 38px;
  margin: 0;
  color: black;
}
body.home .header-image.desktop-image-in-background .header-image-content .seasonal-wrapper .text-wrapper h3 {
  line-height: 1;
  font-size: 26px;
  margin: 20px 0;
  color: black;
}
body.home .header-image.desktop-image-in-background .header-image-content .seasonal-wrapper .text-wrapper h5 {
  font-size: 18px;
  line-height: 1;
  margin: 20px 0;
  color: black;
}
body.home .header-image.desktop-image-in-background .header-image-content .seasonal-wrapper .text-wrapper .button-wrapper {
  display: flex;
  align-items: center;
  gap: 10px;
}
body.home .header-image.desktop-image-in-background .header-image-content .seasonal-wrapper .text-wrapper .button {
  font-family: "DM Sans", sans-serif;
  font-weight: 900;
  line-height: 1.8;
  line-height: 1.2 !important;
  color: white;
  padding: 10px;
  min-width: auto;
  width: fit-content;
  height: fit-content;
  position: relative;
  margin: 0;
  padding: 10px 40px;
  background-color: #ff2ab6;
}
body.home .header-image.desktop-image-in-background .header-image-content .seasonal-wrapper .text-wrapper .button:hover {
  background-color: #f66ada;
}
body.home .header-image.desktop-image-in-background .header-image-content .seasonal-wrapper .text-wrapper .sale-ends {
  height: fit-content;
}
body.home .header-image.desktop-image-in-background .header-image-content .seasonal-wrapper .text-wrapper .sale-ends span {
  font-size: 11px;
  line-height: 1.2;
  color: #737373;
}
@media only screen and (max-width: 750px) {
  body.home section.header-image.relative-mobile-description {
    padding-bottom: 0px !important;
  }
  body.home section.header-image.relative-mobile-description .header-image-container {
    height: 260px;
  }
  body.home section.header-image.relative-mobile-description .header-image-container.mobile-image {
    display: block !important;
  }
  body.home section.header-image.relative-mobile-description .header-image-container.has-mobile {
    display: none !important;
  }
  body.home section.header-image.relative-mobile-description + section.mobile-title {
    position: relative;
    top: auto;
    left: auto;
    width: 100%;
    transform: none;
    padding: 1rem;
  }
  body.home section.header-image.relative-mobile-description + section.mobile-title .content-container > .row {
    padding: 0;
    margin: 0;
  }
  body.home section.header-image.relative-mobile-description + section.mobile-title h2 {
    font-size: 38px;
    line-height: 1;
  }
  body.home section.header-image.relative-mobile-description + section.mobile-title h3 {
    font-family: "DM Sans", sans-serif;
    font-weight: 500;
    line-height: 1.8;
    font-size: 23px;
    margin: 5px 0;
    color: black;
  }
  body.home section.header-image.relative-mobile-description + section.mobile-title .button {
    line-height: 1.8;
    font-size: 16px;
    min-width: fit-content;
    margin-top: 15px;
    padding: 3px 20px;
    background: #9C00D9;
  }
}
@media only screen and (max-width: 750px) and (max-width: 450px) {
  body.home section.header-image.relative-mobile-description + section.mobile-title .content-container {
    padding: 0 10px;
  }
  body.home section.header-image.relative-mobile-description + section.mobile-title h2 {
    font-size: 30px;
    line-height: 1.3;
  }
  body.home section.header-image.relative-mobile-description + section.mobile-title h3 {
    font-size: 19px;
    margin: 10px 0;
  }
  body.home section.header-image.relative-mobile-description + section.mobile-title .button {
    font-family: "DM Sans", sans-serif;
    font-weight: 600;
    line-height: 1.8;
    font-size: 19px;
    padding: 7px 30px;
    background: #9C00D9;
  }
}
@media only screen and (max-width: 450px) {
  body.home section.header-image.christmas-sale .header-image-container {
    height: 320px;
  }
}
body.home section.header-image.christmas-sale + section.mobile-title {
  top: 380px;
}
@media only screen and (max-width: 600px) {
  body.home section.header-image.christmas-sale + section.mobile-title {
    top: 305px;
  }
}
@media only screen and (max-width: 450px) {
  body.home section.header-image.christmas-sale + section.mobile-title {
    top: 285px;
    padding: 2rem 1rem;
  }
}
body.home section.header-image.christmas-sale + section.mobile-title h3 {
  color: black;
}
body.home section.header-image.christmas-sale + section.mobile-title h3 a {
  color: black;
}
@media only screen and (max-width: 750px) {
  body.home section.header-image.black-friday {
    padding-bottom: 90px !important;
  }
}
body.home section.header-image.black-friday .header-image-container {
  background-image: none !important;
  background-color: black;
}
body.home section.header-image.black-friday .header-image-container.mobile-image {
  display: none !important;
}
body.home section.header-image.black-friday .header-image-container.has-mobile {
  display: block !important;
}
body.home section.header-image.black-friday .header-image-content {
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
@media only screen and (max-width: 750px) {
  body.home section.header-image.black-friday .header-image-content {
    margin-top: -60px;
  }
}
@media only screen and (max-width: 600px) {
  body.home section.header-image.black-friday .header-image-content {
    margin-top: -35px;
  }
}
@media only screen and (max-width: 450px) {
  body.home section.header-image.black-friday .header-image-content {
    margin-top: -30px !important;
  }
}
body.home section.header-image.black-friday .header-image-content .seasonal-wrapper {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: auto !important;
  padding: 0 70px;
}
@media only screen and (max-width: 1400px) {
  body.home section.header-image.black-friday .header-image-content .seasonal-wrapper {
    padding: 0;
  }
}
@media only screen and (max-width: 750px) {
  body.home section.header-image.black-friday .header-image-content .seasonal-wrapper {
    height: 200px;
  }
}
body.home section.header-image.black-friday .header-image-content .seasonal-wrapper .text-wrapper {
  width: 45%;
  height: fit-content;
}
@media only screen and (max-width: 750px) {
  body.home section.header-image.black-friday .header-image-content .seasonal-wrapper .text-wrapper {
    display: none !important;
  }
}
body.home section.header-image.black-friday .header-image-content .seasonal-wrapper .gif-image-wrapper {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 55%;
  height: 100%;
}
@media only screen and (max-width: 750px) {
  body.home section.header-image.black-friday .header-image-content .seasonal-wrapper .gif-image-wrapper img {
    height: 100%;
  }
}
@media only screen and (max-width: 600px) {
  body.home section.header-image.black-friday .header-image-content {
    display: flex;
    align-items: center;
    justify-content: center;
  }
  body.home section.header-image.black-friday .header-image-content * {
    display: block;
  }
}
body.home section.header-image.black-friday + section.mobile-title {
  top: 360px;
}
@media only screen and (max-width: 600px) {
  body.home section.header-image.black-friday + section.mobile-title {
    top: 305px;
  }
}
@media only screen and (max-width: 450px) {
  body.home section.header-image.black-friday + section.mobile-title {
    top: 335px;
    padding: 1rem 1rem;
  }
}
@media only screen and (max-width: 450px) {
  body.home section.header-image.black-friday + section.mobile-title .content-container {
    padding: 0;
  }
}
body.home section.header-image.black-friday + section.mobile-title .row {
  margin: 0;
}
body.home section.header-image.black-friday + section.mobile-title h3 {
  color: black;
}
body.home section.header-image.black-friday + section.mobile-title h3 a {
  color: black;
}
@media only screen and (max-width: 750px) {
  body.home section.header-image.end-of-year-sale {
    padding-bottom: 10px !important;
  }
}
body.home section.header-image.end-of-year-sale .header-image-container {
  background-image: none !important;
  background-color: #1C0030;
}
body.home section.header-image.end-of-year-sale .header-image-container.mobile-image {
  display: none !important;
}
body.home section.header-image.end-of-year-sale .header-image-container.has-mobile {
  display: block !important;
}
body.home section.header-image.end-of-year-sale .header-image-content {
  height: 100%;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
@media only screen and (max-width: 600px) {
  body.home section.header-image.end-of-year-sale .header-image-content {
    display: block;
  }
  body.home section.header-image.end-of-year-sale .header-image-content * {
    display: block;
  }
}
@media only screen and (max-width: 450px) {
  body.home section.header-image.end-of-year-sale .header-image-content {
    margin: 0 !important;
  }
}
body.home section.header-image.end-of-year-sale .header-image-content .seasonal-wrapper {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  margin: auto !important;
  height: 100%;
  padding: 0;
  gap: 40px;
}
@media only screen and (max-width: 1400px) {
  body.home section.header-image.end-of-year-sale .header-image-content .seasonal-wrapper {
    max-width: 100%;
  }
}
@media only screen and (max-width: 1050px) {
  body.home section.header-image.end-of-year-sale .header-image-content .seasonal-wrapper {
    width: 100% !important;
    min-width: auto;
    gap: 15px;
  }
}
body.home section.header-image.end-of-year-sale .header-image-content .seasonal-wrapper .middle-wrapper {
  text-align: center;
  min-width: fit-content;
}
@media only screen and (max-width: 600px) {
  body.home section.header-image.end-of-year-sale .header-image-content .seasonal-wrapper .middle-wrapper {
    margin-top: 40px;
  }
}
body.home section.header-image.end-of-year-sale .header-image-content .seasonal-wrapper .middle-wrapper img {
  width: 100%;
  object-fit: contain;
  margin: auto;
}
@media only screen and (max-width: 600px) {
  body.home section.header-image.end-of-year-sale .header-image-content .seasonal-wrapper .middle-wrapper img {
    max-width: 250px;
  }
}
@media only screen and (max-width: 450px) {
  body.home section.header-image.end-of-year-sale .header-image-content .seasonal-wrapper .middle-wrapper img {
    max-width: 225px;
  }
}
body.home section.header-image.end-of-year-sale .header-image-content .seasonal-wrapper .middle-wrapper .text-wrapper {
  height: fit-content;
}
body.home section.header-image.end-of-year-sale .header-image-content .seasonal-wrapper .middle-wrapper .text-wrapper h3 {
  font-family: "DM Sans", sans-serif;
  font-weight: 500;
  line-height: 1.8;
  line-height: 1.4;
  font-size: 27px;
  margin: 1.3rem 0;
  text-align: center;
  color: white;
}
body.home section.header-image.end-of-year-sale .header-image-content .seasonal-wrapper .middle-wrapper .text-wrapper h3 span {
  font-family: "DM Sans", sans-serif;
  font-weight: 900;
  line-height: 1.8;
  color: white;
  font-size: 24px;
  display: inline !important;
}
body.home section.header-image.end-of-year-sale .header-image-content .seasonal-wrapper .middle-wrapper .text-wrapper p {
  font-family: "DM Sans", sans-serif;
  font-weight: 500;
  line-height: 1.8;
  color: white;
  font-size: 14px;
}
body.home section.header-image.end-of-year-sale .header-image-content .seasonal-wrapper .middle-wrapper .text-wrapper a.button {
  font-family: "DM Sans", sans-serif;
  font-weight: 600;
  line-height: 1.8;
  color: #000 !important;
  background-color: #00f500;
  width: fit-content;
  font-size: 17px;
  border-radius: 30px;
  margin: 25px auto 0 auto;
  padding: 10px 20px;
}
@media only screen and (min-width: 1024px), (hover: hover) {
  body.home section.header-image.end-of-year-sale .header-image-content .seasonal-wrapper .middle-wrapper .text-wrapper a.button:hover {
    color: white !important;
  }
}
@media only screen and (max-width: 750px) {
  body.home section.header-image.end-of-year-sale .header-image-content .seasonal-wrapper .middle-wrapper .text-wrapper h3 {
    font-size: 21px;
  }
  body.home section.header-image.end-of-year-sale .header-image-content .seasonal-wrapper .middle-wrapper .text-wrapper h3 span {
    font-size: 19px;
  }
}
@media only screen and (max-width: 750px) and (max-width: 450px) {
  body.home section.header-image.end-of-year-sale .header-image-content .seasonal-wrapper .middle-wrapper .text-wrapper h3 span {
    font-size: 14px;
  }
}
@media only screen and (max-width: 750px) {
  body.home section.header-image.end-of-year-sale .header-image-content .seasonal-wrapper .middle-wrapper .text-wrapper p {
    display: none;
  }
}
@media only screen and (max-width: 750px) {
  body.home section.header-image.end-of-year-sale .header-image-content .seasonal-wrapper .middle-wrapper .text-wrapper a.button {
    font-size: 15px;
  }
}
body.home section.header-image.end-of-year-sale .header-image-content .seasonal-wrapper .desktop-image-wrapper,
body.home section.header-image.end-of-year-sale .header-image-content .seasonal-wrapper .mobile-image-wrapper {
  width: auto;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
@media only screen and (max-width: 1050px) {
  body.home section.header-image.end-of-year-sale .header-image-content .seasonal-wrapper .desktop-image-wrapper,
body.home section.header-image.end-of-year-sale .header-image-content .seasonal-wrapper .mobile-image-wrapper {
    display: none !important;
  }
}
body.home section.header-image.end-of-year-sale .header-image-content .seasonal-wrapper .desktop-image-wrapper img,
body.home section.header-image.end-of-year-sale .header-image-content .seasonal-wrapper .mobile-image-wrapper img {
  height: 100%;
}
body.home section.header-image.end-of-year-sale .header-image-content .seasonal-wrapper .mobile-image-wrapper {
  display: none !important;
}
@media only screen and (max-width: 1050px) {
  body.home section.header-image.end-of-year-sale .header-image-content .seasonal-wrapper .mobile-image-wrapper {
    display: block !important;
  }
}
body.home section.header-image.end-of-year-sale + section.mobile-title {
  display: none !important;
}
body.home .home-page-container {
  position: relative;
}
body.home .home-page-container.page-container {
  margin-top: 0 !important;
}
@media only screen and (max-width: 750px) {
  body.home .home-page-container.page-container {
    margin-top: 40px !important;
  }
}
@media only screen and (min-width: 1050px) {
  body.home .home-page-container {
    padding-top: 15px;
  }
}
body.home .home-page-container .mobile-more-text {
  font-family: "DM Sans", sans-serif;
  font-weight: 600;
  line-height: 1.8;
  line-height: 1.2 !important;
  font-size: 19px;
  margin: 0;
  text-align: left;
}
body.home .home-page-container .mobile-headline {
  line-height: 1 !important;
  text-align: left;
  margin: 0;
  margin-bottom: 15px;
  font-size: 20px;
}
body.home .home-page-container .mobile-shop-now {
  font-size: 19px;
  font-family: "DM Sans", sans-serif;
  font-weight: 600;
  line-height: 1.8;
}
body.home .home-page-container .home-popular-page-bar {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: horizontal;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  justify-content: center;
  -webkit-flex-wrap: nowrap;
  -moz-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  position: absolute;
  left: 50%;
  top: -105px;
  padding: 10px;
  transform: translateX(-50%);
  background: #fff;
  box-shadow: 0 4px 7px 0 rgba(0, 0, 0, 0.16);
  z-index: 1;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  -ms-border-radius: 30px;
  -o-border-radius: 30px;
  border-radius: 30px;
}
@media only screen and (max-width: 750px) {
  body.home .home-page-container .home-popular-page-bar {
    display: none;
  }
}
body.home .home-page-container .home-popular-page-bar h4 {
  font-size: 14px;
  margin: 0 30px;
  white-space: nowrap;
}
body.home .home-page-container .home-popular-page-bar .divider {
  width: 1px;
  height: 30px;
  border-left: solid 1px #000;
}
body.home .home-page-container .home-popular-page-bar .page-buttons-wrapper {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: horizontal;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  justify-content: center;
  -webkit-flex-wrap: nowrap;
  -moz-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  margin-left: 10px;
}
body.home .home-page-container .home-popular-page-bar .page-buttons-wrapper .page-btn {
  font-family: "DM Sans", sans-serif;
  font-weight: 500;
  line-height: 1.8;
  font-size: 14px;
  padding: 10px 25px;
  border-radius: 20px;
  cursor: pointer;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
body.home .home-page-container .home-popular-page-bar .page-buttons-wrapper .page-btn .page-link {
  line-height: 1;
  color: #000;
  white-space: nowrap;
}
body.home .home-page-container .home-popular-page-bar .page-buttons-wrapper .page-btn:hover {
  background-color: #f3f3f3;
}
body.home .home-page-container .home-popular-page-bar .page-buttons-wrapper .page-btn:hover .page-link {
  text-decoration: underline;
}
body.home .feature-bar-container {
  padding: 0;
}

section.page-reviews {
  margin-bottom: 50px;
  background-color: #fff;
}
section.page-reviews h2 {
  margin-bottom: 0;
  font-size: 30px;
}
@media only screen and (max-width: 450px) {
  section.page-reviews h2 {
    font-size: 27px;
  }
}

section.newsletter-container {
  margin: 0;
}
section.newsletter-container .container-background {
  background-color: #abd6e9;
}
/*# sourceMappingURL=home.css.map */