.splitting.cells img {
    width: 100%;
    display: block
}

@supports (display:grid) {
    .splitting.cells {
        position: relative;
        overflow: hidden;
        background-size: cover;
        visibility: hidden
    }

    .splitting .cell-grid {
        background: inherit;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        display: grid;
        grid-template: repeat(var(--row-total), 1fr)/repeat(var(--col-total), 1fr)
    }

    .splitting .cell {
        background: inherit;
        position: relative;
        overflow: hidden
    }

    .splitting .cell-inner {
        background: inherit;
        position: absolute;
        visibility: visible;
        width: calc(100%*var(--col-total));
        height: calc(100%*var(--row-total));
        left: calc(-100%*var(--col-index));
        top: calc(-100%*var(--row-index))
    }

    .splitting .cell {
        --center-x: calc(var(--col-total)/2 - 0.5);
        --center-y: calc(var(--row-total)/2 - 0.5);
        --offset-x: calc(var(--col-index) - var(--center-x));
        --offset-y: calc(var(--row-index) - var(--center-y));
        --distance-x: calc(var(--offset-x)*var(--offset-x)/var(--center-x));
        --distance-y: calc(var(--offset-y)*var(--offset-y)/var(--center-y))
    }
}

.splitting .char,
.splitting .word {
    display: inline-block
}

.splitting .char {
    position: relative
}

.splitting .char:after,
.splitting .char:before {
    content: attr(data-char);
    position: absolute;
    top: 0;
    left: 0;
    visibility: hidden;
    -webkit-transition: inherit;
    transition: inherit;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.splitting {
    --word-center: calc(var(--word-total)/2 - 0.5);
    --char-center: calc(var(--char-total)/2 - 0.5);
    --line-center: calc(var(--line-total)/2 - 0.5)
}

.splitting .word {
    --word-percent: calc(var(--word-index)/var(--word-total));
    --line-percent: calc(var(--line-index)/var(--line-total))
}

.splitting .char {
    --char-percent: calc(var(--char-index)/var(--char-total));
    --char-offset: calc(var(--char-index) - var(--char-center));
    --distance: calc(var(--char-offset)*var(--char-offset)/var(--char-center));
    --distance-sine: calc(var(--char-offset)/var(--char-center));
    --distance-percent: calc(var(--distance)/var(--char-center))
}

.owl-carousel {
    display: none;
    width: 100%;
    -webkit-tap-highlight-color: transparent;
    position: relative;
    z-index: 1
}

.owl-carousel .owl-stage {
    position: relative;
    -ms-touch-action: pan-Y;
    touch-action: manipulation;
    -moz-backface-visibility: hidden
}

.owl-carousel .owl-stage:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0
}

.owl-carousel .owl-stage-outer {
    position: relative;
    overflow: hidden;
    -webkit-transform: translateZ(0)
}

.owl-carousel .owl-item,
.owl-carousel .owl-wrapper {
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    -ms-transform: translateZ(0)
}

.owl-carousel .owl-item {
    position: relative;
    min-height: 1px;
    float: left;
    -webkit-backface-visibility: hidden;
    -webkit-tap-highlight-color: transparent;
    -webkit-touch-callout: none
}

.owl-carousel .owl-item img {
    display: block;
    width: 100%
}

.owl-carousel .owl-dots.disabled,
.owl-carousel .owl-nav.disabled {
    display: none
}

.owl-carousel .owl-dot,
.owl-carousel .owl-nav .owl-next,
.owl-carousel .owl-nav .owl-prev {
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.owl-carousel .owl-nav button.owl-next,
.owl-carousel .owl-nav button.owl-prev,
.owl-carousel button.owl-dot {
    background: none;
    color: inherit;
    border: none;
    padding: 0 !important;
    font: inherit
}

.owl-carousel.owl-loaded {
    display: block
}

.owl-carousel.owl-loading {
    opacity: 0;
    display: block
}

.owl-carousel.owl-hidden {
    opacity: 0
}

.owl-carousel.owl-refresh .owl-item {
    visibility: hidden
}

.owl-carousel.owl-drag .owl-item {
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.owl-carousel.owl-grab {
    cursor: move;
    cursor: -webkit-grab;
    cursor: grab
}

.owl-carousel.owl-rtl {
    direction: rtl
}

.owl-carousel.owl-rtl .owl-item {
    float: right
}

.no-js .owl-carousel {
    display: block
}

.owl-carousel .animated {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

.owl-carousel .owl-animated-in {
    z-index: 0
}

.owl-carousel .owl-animated-out {
    z-index: 1
}

.owl-carousel .fadeOut {
    -webkit-animation-name: fadeOut;
    animation-name: fadeOut
}

@-webkit-keyframes fadeOut {
    0% {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

@keyframes fadeOut {
    0% {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

.owl-height {
    -webkit-transition: height .5s ease-in-out;
    transition: height .5s ease-in-out
}

.owl-carousel .owl-item .owl-lazy {
    opacity: 0;
    -webkit-transition: opacity .4s ease;
    transition: opacity .4s ease
}

.owl-carousel .owl-item .owl-lazy:not([src]),
.owl-carousel .owl-item .owl-lazy[src^=""] {
    max-height: 0
}

.owl-carousel .owl-item img.owl-lazy {
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d
}

.owl-carousel .owl-video-wrapper {
    position: relative;
    height: 100%;
    background: #000
}

.owl-carousel .owl-video-play-icon {
    position: absolute;
    height: 80px;
    width: 80px;
    left: 50%;
    top: 50%;
    margin-left: -40px;
    margin-top: -40px;
    background: url(owl.video.play.png) no-repeat;
    cursor: pointer;
    z-index: 1;
    -webkit-backface-visibility: hidden;
    -webkit-transition: -webkit-transform .1s ease;
    transition: -webkit-transform .1s ease;
    transition: transform .1s ease;
    transition: transform .1s ease, -webkit-transform .1s ease
}

.owl-carousel .owl-video-play-icon:hover {
    -webkit-transform: scale(1.3);
    transform: scale(1.3)
}

.owl-carousel .owl-video-playing .owl-video-play-icon,
.owl-carousel .owl-video-playing .owl-video-tn {
    display: none
}

.owl-carousel .owl-video-tn {
    opacity: 0;
    height: 100%;
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    -webkit-transition: opacity .4s ease;
    transition: opacity .4s ease
}

.owl-carousel .owl-video-frame {
    position: relative;
    z-index: 1;
    height: 100%;
    width: 100%
}

.owl-carousel,
.owl-carousel .owl-item {
    -webkit-tap-highlight-color: transparent;
    position: relative
}

.owl-carousel {
    display: none;
    width: 100%;
    z-index: 1
}

.owl-carousel .owl-stage {
    position: relative;
    -ms-touch-action: pan-Y;
    touch-action: manipulation;
    -moz-backface-visibility: hidden
}

.owl-carousel .owl-stage:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0
}

.owl-carousel .owl-stage-outer {
    position: relative;
    overflow: hidden;
    -webkit-transform: translateZ(0)
}

.owl-carousel .owl-item,
.owl-carousel .owl-wrapper {
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    -ms-transform: translateZ(0)
}

.owl-carousel .owl-item {
    min-height: 1px;
    float: left;
    -webkit-backface-visibility: hidden;
    -webkit-touch-callout: none
}

.owl-carousel .owl-item img {
    display: block;
    width: 100%
}

.owl-carousel .owl-dots.disabled,
.owl-carousel .owl-nav.disabled {
    display: none
}

.no-js .owl-carousel,
.owl-carousel.owl-loaded {
    display: block
}

.owl-carousel .owl-dot,
.owl-carousel .owl-nav .owl-next,
.owl-carousel .owl-nav .owl-prev {
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.owl-carousel .owl-nav button.owl-next,
.owl-carousel .owl-nav button.owl-prev,
.owl-carousel button.owl-dot {
    background: 0 0;
    color: inherit;
    border: none;
    padding: 0 !important;
    font: inherit
}

.owl-carousel.owl-loading {
    opacity: 0;
    display: block
}

.owl-carousel.owl-hidden {
    opacity: 0
}

.owl-carousel.owl-refresh .owl-item {
    visibility: hidden
}

.owl-carousel.owl-drag .owl-item {
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.owl-carousel.owl-grab {
    cursor: move;
    cursor: -webkit-grab;
    cursor: grab
}

.owl-carousel.owl-rtl {
    direction: rtl
}

.owl-carousel.owl-rtl .owl-item {
    float: right
}

.owl-carousel .animated {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

.owl-carousel .owl-animated-in {
    z-index: 0
}

.owl-carousel .owl-animated-out {
    z-index: 1
}

.owl-carousel .fadeOut {
    -webkit-animation-name: fadeOut;
    animation-name: fadeOut
}

@-webkit-keyframes fadeOut {
    0% {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

@keyframes fadeOut {
    0% {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

.owl-height {
    -webkit-transition: height .5s ease-in-out;
    transition: height .5s ease-in-out
}

.owl-carousel .owl-item .owl-lazy {
    opacity: 0;
    -webkit-transition: opacity .4s ease;
    transition: opacity .4s ease
}

.owl-carousel .owl-item .owl-lazy:not([src]),
.owl-carousel .owl-item .owl-lazy[src^=""] {
    max-height: 0
}

.owl-carousel .owl-item img.owl-lazy {
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d
}

.owl-carousel .owl-video-wrapper {
    position: relative;
    height: 100%;
    background: #000
}

.owl-carousel .owl-video-play-icon {
    position: absolute;
    height: 80px;
    width: 80px;
    left: 50%;
    top: 50%;
    margin-left: -40px;
    margin-top: -40px;
    background: url(owl.video.play.png) no-repeat;
    cursor: pointer;
    z-index: 1;
    -webkit-backface-visibility: hidden;
    -webkit-transition: -webkit-transform .1s ease;
    transition: -webkit-transform .1s ease;
    transition: transform .1s ease;
    transition: transform .1s ease, -webkit-transform .1s ease
}

.owl-carousel .owl-video-play-icon:hover {
    -webkit-transform: scale(1.3);
    transform: scale(1.3)
}

.owl-carousel .owl-video-playing .owl-video-play-icon,
.owl-carousel .owl-video-playing .owl-video-tn {
    display: none
}

.owl-carousel .owl-video-tn {
    opacity: 0;
    height: 100%;
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    -webkit-transition: opacity .4s ease;
    transition: opacity .4s ease
}

.owl-carousel .owl-video-frame {
    position: relative;
    z-index: 1;
    height: 100%;
    width: 100%
}

.owl-theme .owl-nav {
    margin-top: 10px;
    text-align: center;
    -webkit-tap-highlight-color: transparent
}

.owl-theme .owl-nav [class*=owl-] {
    color: #fff;
    font-size: 14px;
    margin: 5px;
    padding: 4px 7px;
    background: #d6d6d6;
    display: inline-block;
    cursor: pointer;
    border-radius: 3px
}

.owl-theme .owl-nav [class*=owl-]:hover {
    background: #869791;
    color: #fff;
    text-decoration: none
}

.owl-theme .owl-nav .disabled {
    opacity: .5;
    cursor: default
}

.owl-theme .owl-nav.disabled+.owl-dots {
    margin-top: 10px
}

.owl-theme .owl-dots {
    text-align: center;
    -webkit-tap-highlight-color: transparent
}

.owl-theme .owl-dots .owl-dot {
    display: inline-block;
    zoom: 1;
    *display: inline
}

.owl-theme .owl-dots .owl-dot span {
    width: 10px;
    height: 10px;
    margin: 5px 7px;
    background: #d6d6d6;
    display: block;
    -webkit-backface-visibility: visible;
    -webkit-transition: opacity .2s ease;
    transition: opacity .2s ease;
    border-radius: 30px
}

.owl-theme .owl-dots .owl-dot.active span,
.owl-theme .owl-dots .owl-dot:hover span {
    background: #869791
}

.owl-theme .owl-dots,
.owl-theme .owl-nav {
    text-align: center;
    -webkit-tap-highlight-color: transparent
}

.owl-theme .owl-nav {
    margin-top: 10px
}

.owl-theme .owl-nav [class*=owl-] {
    color: #fff;
    font-size: 14px;
    margin: 5px;
    padding: 4px 7px;
    background: #d6d6d6;
    display: inline-block;
    cursor: pointer;
    border-radius: 3px
}

.owl-theme .owl-nav [class*=owl-]:hover {
    background: #869791;
    color: #fff;
    text-decoration: none
}

.owl-theme .owl-nav .disabled {
    opacity: .5;
    cursor: default
}

.owl-theme .owl-nav.disabled+.owl-dots {
    margin-top: 10px
}

.owl-theme .owl-dots .owl-dot {
    display: inline-block;
    zoom: 1
}

.owl-theme .owl-dots .owl-dot span {
    width: 10px;
    height: 10px;
    margin: 5px 7px;
    background: #d6d6d6;
    display: block;
    -webkit-backface-visibility: visible;
    -webkit-transition: opacity .2s ease;
    transition: opacity .2s ease;
    border-radius: 30px
}

.owl-theme .owl-dots .owl-dot.active span,
.owl-theme .owl-dots .owl-dot:hover span {
    background: #869791
}

.owl-theme .owl-nav {
    margin-top: 10px;
    text-align: center;
    -webkit-tap-highlight-color: transparent
}

.owl-theme .owl-nav [class*=owl-] {
    color: #fff;
    font-size: 14px;
    margin: 5px;
    padding: 4px 7px;
    background: #d6d6d6;
    display: inline-block;
    cursor: pointer;
    border-radius: 3px
}

.owl-theme .owl-nav [class*=owl-]:hover {
    background: #4dc7a0;
    color: #fff;
    text-decoration: none
}

.owl-theme .owl-nav .disabled {
    opacity: .5;
    cursor: default
}

.owl-theme .owl-nav.disabled+.owl-dots {
    margin-top: 10px
}

.owl-theme .owl-dots {
    text-align: center;
    -webkit-tap-highlight-color: transparent
}

.owl-theme .owl-dots .owl-dot {
    display: inline-block;
    zoom: 1;
    *display: inline
}

.owl-theme .owl-dots .owl-dot span {
    width: 10px;
    height: 10px;
    margin: 5px 7px;
    background: #d6d6d6;
    display: block;
    -webkit-backface-visibility: visible;
    -webkit-transition: opacity .2s ease;
    transition: opacity .2s ease;
    border-radius: 30px
}

.owl-theme .owl-dots .owl-dot.active span,
.owl-theme .owl-dots .owl-dot:hover span {
    background: #4dc7a0
}

.owl-theme .owl-dots,
.owl-theme .owl-nav {
    text-align: center;
    -webkit-tap-highlight-color: transparent
}

.owl-theme .owl-nav {
    margin-top: 10px
}

.owl-theme .owl-nav [class*=owl-] {
    color: #fff;
    font-size: 14px;
    margin: 5px;
    padding: 4px 7px;
    background: #d6d6d6;
    display: inline-block;
    cursor: pointer;
    border-radius: 3px
}

.owl-theme .owl-nav [class*=owl-]:hover {
    background: #4dc7a0;
    color: #fff;
    text-decoration: none
}

.owl-theme .owl-nav .disabled {
    opacity: .5;
    cursor: default
}

.owl-theme .owl-nav.disabled+.owl-dots {
    margin-top: 10px
}

.owl-theme .owl-dots .owl-dot {
    display: inline-block;
    zoom: 1
}

.owl-theme .owl-dots .owl-dot span {
    width: 10px;
    height: 10px;
    margin: 5px 7px;
    background: #d6d6d6;
    display: block;
    -webkit-backface-visibility: visible;
    -webkit-transition: opacity .2s ease;
    transition: opacity .2s ease;
    border-radius: 30px
}

.owl-theme .owl-dots .owl-dot.active span,
.owl-theme .owl-dots .owl-dot:hover span {
    background: #4dc7a0
}

.fade-in-up {
    -webkit-transition: 1s cubic-bezier(.8, 0, .2, 1);
    transition: 1s cubic-bezier(.8, 0, .2, 1);
    opacity: 0;
    -webkit-transform: translate3d(0, 1em, 0) scale(.98);
    transform: translate3d(0, 1em, 0) scale(.98)
}

.fade-in-up.show {
    opacity: 1;
    -webkit-transform: translateZ(0) scale(1);
    transform: translateZ(0) scale(1)
}

.fade-in {
    -webkit-transition: .6s cubic-bezier(.8, 0, .2, 1);
    transition: .6s cubic-bezier(.8, 0, .2, 1);
    opacity: 0
}

.fade-in.show {
    opacity: 1
}

.line-reveal .word {
    -webkit-transform: translateY(.2rem);
    transform: translateY(.2rem);
    opacity: 0;
    -webkit-transition: .6s;
    transition: .6s
}

.line-reveal.show .word {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
    -webkit-transition-delay: calc(.4s + 100ms*var(--line-index));
    transition-delay: calc(.4s + 100ms*var(--line-index))
}

.line-reveal-reverse .word {
    -webkit-transform: translateY(.2rem);
    transform: translateY(.2rem);
    opacity: 0;
    -webkit-transition: .6s;
    transition: .6s
}

.line-reveal-reverse em {
    -webkit-transition: 1s 1s;
    transition: 1s 1s;
    opacity: 0
}

.line-reveal-reverse.show .word {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
    -webkit-transition-delay: calc(.4s + 100ms*var(--line-index));
    transition-delay: calc(.4s + 100ms*var(--line-index))
}

.line-reveal-reverse.show em {
    opacity: 1
}

.fadeup {
    -webkit-animation: fadeup .6s;
    animation: fadeup .6s
}

@-webkit-keyframes fadeup {
    0% {
        -webkit-transform: translateY(4rem);
        transform: translateY(4rem);
        opacity: 0
    }

    to {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        opacity: 1
    }
}

@keyframes fadeup {
    0% {
        -webkit-transform: translateY(4rem);
        transform: translateY(4rem);
        opacity: 0
    }

    to {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        opacity: 1
    }
}

@-webkit-keyframes marquee {
    0% {
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%)
    }

    50% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }

    to {
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%)
    }
}

@keyframes marquee {
    0% {
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%)
    }

    50% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }

    to {
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%)
    }
}

@-webkit-keyframes marqueereverse {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }

    50% {
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%)
    }

    to {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

@keyframes marqueereverse {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }

    50% {
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%)
    }

    to {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

@-webkit-keyframes marqueealt {
    0% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    to {
        -webkit-transform: translate3d(-50%, 0, 0);
        transform: translate3d(-50%, 0, 0)
    }
}

@keyframes marqueealt {
    0% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    to {
        -webkit-transform: translate3d(-50%, 0, 0);
        transform: translate3d(-50%, 0, 0)
    }
}

@-webkit-keyframes opacityfades {
    0% {
        opacity: 1
    }

    50% {
        opacity: .25
    }

    to {
        opacity: 1
    }
}

@keyframes opacityfades {
    0% {
        opacity: 1
    }

    50% {
        opacity: .25
    }

    to {
        opacity: 1
    }
}

@-webkit-keyframes spinner {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

@keyframes spinner {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

@-webkit-keyframes infiniteRotation {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    to {
        -webkit-transform: rotate(-1turn);
        transform: rotate(-1turn)
    }
}

@keyframes infiniteRotation {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    to {
        -webkit-transform: rotate(-1turn);
        transform: rotate(-1turn)
    }
}

a,
abbr,
acronym,
address,
applet,
article,
aside,
audio,
b,
big,
blockquote,
body,
canvas,
caption,
center,
cite,
code,
dd,
del,
details,
dfn,
div,
dl,
dt,
em,
embed,
fieldset,
figcaption,
figure,
footer,
form,
h1,
h2,
h3,
h4,
h5,
h6,
header,
hgroup,
html,
i,
iframe,
img,
ins,
kbd,
label,
legend,
li,
mark,
menu,
nav,
object,
ol,
output,
p,
pre,
q,
ruby,
s,
samp,
section,
small,
span,
strike,
strong,
sub,
summary,
sup,
table,
tbody,
td,
tfoot,
th,
thead,
time,
tr,
tt,
u,
ul,
var,
video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
    display: block
}

body {
    line-height: 1
}

ol,
ul {
    list-style: none
}

blockquote,
q {
    quotes: none
}

blockquote:after,
blockquote:before,
q:after,
q:before {
    content: "";
    content: none
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

body {
    color: #231f20;
    font-size: 16px;
    font-family: ibm-plex-mono, Helvetica, sans-serif;
    font-weight: 400;
    font-style: normal
}

button,
input {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

sup {
    font-size: 33%;
    vertical-align: super
}

#cart-pop .cart-addons .addon-items .addon-card .addon-card__grouped .addon-card__form .product-form__actions .quantity-box input,
#footer>.container .footer-main .right .menu-container .menu-col ul li a,
.article-content>.container p,
.article-content>.container ul li,
.form-area input,
.form-area textarea,
.page-content ol li,
.page-content ul li,
.product-info-accordion>.container .accordion-tab dd .content ol li,
.product-info-accordion>.container .accordion-tab dd .content p,
.product-info-accordion>.container .accordion-tab dd .content ul li,
.quantity-box-cart .quantity-input-wrap .quantity-input,
.shopify-policy__body ol li,
.shopify-policy__body ul li,
p,
section.index-climate-neutral-section .left .copy-wrap .desc ol li,
section.index-climate-neutral-section .left .copy-wrap .desc p,
section.index-climate-neutral-section .left .copy-wrap .desc ul li,
section.index-climate-neutral-section .right .copy-wrap .desc ol li,
section.index-climate-neutral-section .right .copy-wrap .desc p,
section.index-climate-neutral-section .right .copy-wrap .desc ul li {
    font-family: ibm-plex-mono, Helvetica, sans-serif;
    font-size: 1rem;
    line-height: 1.5;
    letter-spacing: 0
}

#cart-pop .cart-addons .addon-items .addon-card .addon-card__grouped .addon-card__form .product-form__actions .quantity-box input strong,
#footer>.container .footer-main .right .menu-container .menu-col ul li a strong,
.article-content>.container p strong,
.article-content>.container ul li strong,
.form-area input strong,
.form-area textarea strong,
.page-content ol li strong,
.page-content ul li strong,
.product-info-accordion>.container .accordion-tab dd .content ol li strong,
.product-info-accordion>.container .accordion-tab dd .content p strong,
.product-info-accordion>.container .accordion-tab dd .content ul li strong,
.quantity-box-cart .quantity-input-wrap .quantity-input strong,
.shopify-policy__body ol li strong,
.shopify-policy__body ul li strong,
p strong,
section.index-climate-neutral-section .left .copy-wrap .desc ol li strong,
section.index-climate-neutral-section .left .copy-wrap .desc p strong,
section.index-climate-neutral-section .left .copy-wrap .desc ul li strong,
section.index-climate-neutral-section .right .copy-wrap .desc ol li strong,
section.index-climate-neutral-section .right .copy-wrap .desc p strong,
section.index-climate-neutral-section .right .copy-wrap .desc ul li strong {
    font-weight: 700
}

#cart-pop .cart-addons .addon-items .addon-card .addon-card__grouped .addon-card__form .product-form__actions .quantity-box input em,
#footer>.container .footer-main .right .menu-container .menu-col ul li a em,
.article-content>.container p em,
.article-content>.container ul li em,
.form-area input em,
.form-area textarea em,
.page-content ol li em,
.page-content ul li em,
.product-info-accordion>.container .accordion-tab dd .content ol li em,
.product-info-accordion>.container .accordion-tab dd .content p em,
.product-info-accordion>.container .accordion-tab dd .content ul li em,
.quantity-box-cart .quantity-input-wrap .quantity-input em,
.shopify-policy__body ol li em,
.shopify-policy__body ul li em,
p em,
section.index-climate-neutral-section .left .copy-wrap .desc ol li em,
section.index-climate-neutral-section .left .copy-wrap .desc p em,
section.index-climate-neutral-section .left .copy-wrap .desc ul li em,
section.index-climate-neutral-section .right .copy-wrap .desc ol li em,
section.index-climate-neutral-section .right .copy-wrap .desc p em,
section.index-climate-neutral-section .right .copy-wrap .desc ul li em {
    font-style: italic
}

.reg {
    font-family: ibm-plex-mono, Helvetica, sans-serif;
    text-transform: none;
    font-size: 1rem;
    line-height: 1.5;
    letter-spacing: 0
}

#footer>.container .footer-main .left .form-area #klaviyo-message p,
.article-content>.container .intro-quote p,
.large,
.product-info-accordion>.container .accordion-tab dt button,
section.collection-imageonly-hero .desc ol li,
section.collection-imageonly-hero .desc p,
section.collection-imageonly-hero .desc ul li,
section.product-specs>.container .specs-table table tr td:nth-child(2),
section.product-specs>.container .specs-table table tr td:nth-child(3) {
    font-family: ibm-plex-mono, Helvetica, sans-serif;
    font-size: 1.375rem;
    line-height: 1.27273;
    letter-spacing: 0
}

#footer>.container .footer-main .left .form-area #klaviyo-message p strong,
.article-content>.container .intro-quote p strong,
.large strong,
.product-info-accordion>.container .accordion-tab dt button strong,
section.collection-imageonly-hero .desc ol li strong,
section.collection-imageonly-hero .desc p strong,
section.collection-imageonly-hero .desc ul li strong,
section.product-specs>.container .specs-table table tr td:nth-child(2) strong,
section.product-specs>.container .specs-table table tr td:nth-child(3) strong {
    font-weight: 700
}

#footer>.container .footer-main .left .form-area #klaviyo-message p em,
.article-content>.container .intro-quote p em,
.large em,
.product-info-accordion>.container .accordion-tab dt button em,
section.collection-imageonly-hero .desc ol li em,
section.collection-imageonly-hero .desc p em,
section.collection-imageonly-hero .desc ul li em,
section.product-specs>.container .specs-table table tr td:nth-child(2) em,
section.product-specs>.container .specs-table table tr td:nth-child(3) em {
    font-style: italic
}

.medium {
    font-family: ibm-plex-mono, Helvetica, sans-serif;
    text-transform: none;
    font-size: 1.125rem;
    line-height: 1.44444;
    letter-spacing: 0
}

.medium strong {
    font-weight: 700
}

.medium em {
    font-style: italic
}

.small {
    font-family: ibm-plex-mono, Helvetica, sans-serif;
    font-size: .9375rem;
    line-height: 1.93333;
    letter-spacing: .02667em
}

.small strong {
    font-weight: 700
}

.small em {
    font-style: italic
}

.extrasmall {
    font-family: ibm-plex-mono, Helvetica, sans-serif;
    font-size: .6875rem;
    line-height: 1.54545;
    letter-spacing: .00909em
}

.extrasmall strong {
    font-weight: 700
}

.extrasmall em {
    font-style: italic
}

.accent {
    font-family: ibm-plex-mono, Helvetica, sans-serif;
    font-size: 1rem;
    line-height: 1.5;
    letter-spacing: .125em
}

.accent-sub {
    font-family: ibm-plex-mono, Helvetica, sans-serif;
    font-size: .9375rem;
    line-height: 1.66667;
    letter-spacing: .13333em
}

.btn,
.btn-type,
.btnlink {
    text-transform: uppercase;
    font-family: ibm-plex-mono, Helvetica, sans-serif;
    font-size: .9375rem;
    line-height: 1.13333;
    letter-spacing: .04667em
}

.btn-type-quantity,
.quantity-box .quantity-input-wrap .quantity-input {
    text-transform: uppercase;
    font-family: ibm-plex-mono, Helvetica, sans-serif;
    font-size: 1.625rem;
    line-height: 1.46154;
    letter-spacing: .01538em
}

.accent-btn {
    text-transform: uppercase;
    font-family: Neue Machina, sans-serif;
    font-size: 1.5rem;
    line-height: 1.125;
    letter-spacing: .01667em
}

.h1,
.shopify-policy__title h1 {
    text-transform: uppercase;
    font-family: Neue Machina, sans-serif;
    font-size: 2.5rem;
    line-height: 1;
    letter-spacing: .01412em
}

.h2,
section.b-hero>.container .h1 {
    text-transform: uppercase;
    font-family: Neue Machina, sans-serif;
    font-size: 2.375rem;
    line-height: 1;
    letter-spacing: .01487em
}

.article-content>.container .blog-pullquote p,
.h3 {
    font-family: Neue Machina, sans-serif;
    text-transform: uppercase;
    font-size: 2rem;
    line-height: 1;
    letter-spacing: .01766em
}

.article-content>.container h2,
.article-content>.container h3,
.article-content>.container h4,
.article-content>.container h5,
.article-content>.container h6,
.h4,
section.product-specs>.container .specs-table table tr td:first-child {
    font-family: Neue Machina, sans-serif;
    text-transform: uppercase;
    font-size: 1.25rem;
    line-height: 1;
    letter-spacing: .02825em
}

.h5 {
    font-family: Neue Machina, sans-serif;
    text-transform: uppercase;
    font-size: 1.125rem;
    line-height: 1;
    letter-spacing: .03139em
}

.h6 {
    font-family: Neue Machina, sans-serif;
    text-transform: uppercase;
    font-size: 1.125rem;
    line-height: 1;
    letter-spacing: .03139em
}

.pdp-title {
    font-family: Neue Machina, sans-serif;
    text-transform: uppercase;
    font-size: 2rem;
    line-height: 1;
    letter-spacing: .01766em
}

.digest-container aside.blogs-filter>.container button,
.lead {
    font-family: Neue Machina, sans-serif;
    text-transform: uppercase;
    font-size: 1.25rem;
    line-height: 1;
    letter-spacing: .02825em
}

.lead-sub,
.product-card-titles {
    font-family: Neue Machina, sans-serif;
    text-transform: uppercase;
    font-size: 1.25rem;
    line-height: 1;
    letter-spacing: .02825em
}

.pull {
    font-family: PP Editorial New, Helvetica, sans-serif;
    font-size: 2.1875rem;
    line-height: 1.65714;
    letter-spacing: .01614em
}

.pull-small {
    font-family: PP Editorial New, Helvetica, sans-serif;
    font-size: 2.8125rem;
    line-height: .77778;
    letter-spacing: .01256em
}

.navitem-lvl1 {
    font-family: ibm-plex-mono, Helvetica, sans-serif;
    text-transform: uppercase;
    font-weight: 700;
    color: inherit;
    font-size: 2.5rem;
    line-height: 1;
    letter-spacing: 0
}

.navitem-lvl2 {
    font-family: Neue Machina, sans-serif;
    text-transform: uppercase;
    color: inherit;
    font-size: 1.875rem;
    line-height: 1;
    letter-spacing: .01883em
}

.navitem-lvl3 {
    font-family: Neue Machina, sans-serif;
    text-transform: uppercase;
    color: inherit;
    font-size: 1.5625rem;
    line-height: 1;
    letter-spacing: .0226em
}

.stroke-white {
    color: #fff;
    -webkit-text-stroke: 2px #fff;
    -webkit-text-fill-color: transparent
}

.stroke-black {
    color: #231f20;
    -webkit-text-stroke: 2px #231f20;
    -webkit-text-fill-color: transparent
}

.stroke-red {
    color: #f33c25;
    -webkit-text-stroke: 2px #f33c25;
    -webkit-text-fill-color: transparent
}

.stroke-char {
    color: #231f20;
    -webkit-text-stroke: 2px #231f20;
    -webkit-text-fill-color: transparent
}

.stroke-neon {
    color: #dcfe1d;
    -webkit-text-stroke: 2px #dcfe1d;
    -webkit-text-fill-color: transparent
}

.stroke-hgreen {
    color: #55cea2;
    -webkit-text-stroke: 2px #55cea2;
    -webkit-text-fill-color: transparent
}

.stroke-horng {
    color: #d4591e;
    -webkit-text-stroke: 2px #d4591e;
    -webkit-text-fill-color: transparent
}

html {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

html * {
    -webkit-box-sizing: inherit;
    box-sizing: inherit;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

body {
    overflow-x: hidden;
    -webkit-transition: .2s;
    transition: .2s
}

#MainContent,
#page {
    overflow: hidden
}

[data-gsap] {
    will-change: transform;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

a {
    text-decoration: none;
    cursor: pointer
}

::-moz-selection {
    color: #fff;
    background: #f33c25
}

::selection {
    color: #fff;
    background: #f33c25
}

.noclick,
.noclick * {
    pointer-events: none
}

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

.nobr {
    white-space: nowrap
}

.noscroll {
    overflow: hidden;
    height: 100%
}

.dt-not-m {
    display: none
}

.text--center {
    text-align: center
}

.text--uppercase {
    text-transform: uppercase !important
}

.text--red {
    color: #f33c25
}

.image-wrap {
    overflow: hidden
}

.image-wrap img {
    display: block;
    margin: 0 auto;
    width: 100%;
    height: auto
}

button {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: 0;
    border: 0;
    margin: 0;
    padding: 0
}

.btn {
    -webkit-transition: .2s;
    transition: .2s;
    outline: none;
    cursor: pointer;
    position: relative;
    display: inline-block;
    padding: .5rem 2rem;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    border-radius: 3rem;
    border: 2px solid #231f20;
    color: #231f20
}

.btn:active {
    outline: none
}

.btn:hover {
    border: 2px solid #f33c25;
    color: #fff;
    background-color: #f33c25
}

.btn:disabled {
    cursor: not-allowed
}

.btn:disabled:hover {
    opacity: .75
}

.btn.btn--xl {
    padding: 1.5rem 4.5rem
}

.btn.btn--white {
    border: 2px solid #fff;
    color: #fff
}

.btn.btn--white:hover {
    border: 2px solid #231f20;
    color: #fff;
    background-color: #231f20
}

.btn.btn--white-hover_red {
    border: 2px solid #fff;
    color: #fff
}

.btn.btn--white-hover_red:hover {
    border: 2px solid #f33c25;
    color: #fff;
    background-color: #f33c25
}

.btn.btn--red {
    border: 2px solid #f33c25;
    color: #fff;
    background-color: #f33c25
}

.btn.btn--red:hover {
    border: 2px solid #231f20;
    background-color: #231f20
}

.btn.btn--slim {
    padding: .25rem 1rem
}

.btnlink {
    text-decoration: underline;
    -webkit-transition: .2s;
    transition: .2s;
    outline: none;
    cursor: pointer;
    display: inline-block;
    color: inherit
}

.btnlink.btnlink--red {
    color: #f33c25
}

.owl-carousel .owl-dots {
    display: -webkit-box;
    display: -ms-flexbox;
    -js-display: flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%
}

.owl-carousel .owl-dots .owl-dot {
    outline: 0;
    height: .65rem;
    width: .65rem;
    -webkit-transition: .4s;
    transition: .4s;
    border-radius: 50%;
    margin-right: .65rem;
    opacity: .35
}

.owl-carousel .owl-dots .owl-dot:last-child {
    margin-right: 0
}

.owl-carousel .owl-dots .owl-dot.active {
    opacity: 1
}

.form-area input,
.form-area textarea {
    background-color: transparent;
    border: none;
    border-bottom: 2px solid #231f20;
    color: #231f20;
    -webkit-box-shadow: none;
    box-shadow: none;
    max-width: 100%;
    width: 100%;
    outline: 0;
    padding: .25rem 0
}

.form-area input::-ms-input-placeholder,
.form-area textarea::-ms-input-placeholder {
    font-family: ibm-plex-mono, Helvetica, sans-serif;
    color: #231f20;
    font-size: 1.125rem;
    line-height: 1.11111;
    letter-spacing: 0
}

.form-area input::placeholder,
.form-area textarea::placeholder {
    font-family: ibm-plex-mono, Helvetica, sans-serif;
    color: #231f20;
    font-size: 1.125rem;
    line-height: 1.11111;
    letter-spacing: 0
}

.form-area input::-webkit-input-placeholder,
.form-area textarea::-webkit-input-placeholder {
    font-family: ibm-plex-mono, Helvetica, sans-serif;
    color: #231f20;
    font-size: 1.125rem;
    line-height: 1.11111;
    letter-spacing: 0
}

.form-area input::-moz-placeholder,
.form-area textarea::-moz-placeholder {
    font-family: ibm-plex-mono, Helvetica, sans-serif;
    color: #231f20;
    font-size: 1.125rem;
    line-height: 1.11111;
    letter-spacing: 0
}

.form-area input:-ms-input-placeholder,
.form-area textarea:-ms-input-placeholder {
    font-family: ibm-plex-mono, Helvetica, sans-serif;
    color: #231f20;
    font-size: 1.125rem;
    line-height: 1.11111;
    letter-spacing: 0
}

.file-cta,
.file-name,
.input,
.pagination-ellipsis,
.pagination-link,
.pagination-next,
.pagination-previous,
.select select,
.textarea {
    -webkit-appearance: none;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border: 1px solid transparent;
    border-radius: 0;
    -webkit-box-shadow: none;
    box-shadow: none
}

.grecaptcha-badge {
    visibility: hidden !important
}

.quantity-box {
    display: -webkit-box;
    display: -ms-flexbox;
    -js-display: flex;
    display: flex;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border: 2px solid #231f20;
    border-radius: .5rem
}

.quantity-box .quantity-btn {
    height: auto;
    width: 2rem;
    cursor: pointer;
    position: relative
}

.quantity-box .quantity-btn .icon {
    position: absolute;
    bottom: 0;
    right: 0;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    display: block;
    margin: 0 auto;
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    -webkit-transition: .4s;
    transition: .4s;
    pointer-events: none;
    -webkit-transform: scale(.75);
    transform: scale(.75)
}

.quantity-box .quantity-btn .icon svg {
    position: absolute;
    bottom: 0;
    right: 0;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    display: block;
    margin: 0 auto
}

.quantity-box .minus {
    border-right: 2px solid #231f20;
    -webkit-transition: .4s;
    transition: .4s
}

.quantity-box .minus.disabled {
    cursor: not-allowed;
    opacity: .5
}

.quantity-box .plus {
    border-left: 2px solid #231f20
}

.quantity-box .quantity-input-wrap {
    width: calc(100% - 4rem);
    display: -webkit-box;
    display: -ms-flexbox;
    -js-display: flex;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.quantity-box .quantity-input-wrap .quantity-input {
    width: 100%;
    height: 100%;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: none;
    background-color: transparent;
    color: #231f20;
    height: auto;
    background-repeat: no-repeat;
    background-size: .75rem .75rem;
    background-position: right 3% center;
    cursor: pointer;
    text-align: center;
    padding: 0
}

.quantity-box .quantity-input-wrap .quantity-input[type=number]::-webkit-inner-spin-button,
.quantity-box .quantity-input-wrap .quantity-input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0
}

.quantity-box-cart {
    display: -webkit-box;
    display: -ms-flexbox;
    -js-display: flex;
    display: flex;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border: 2px solid #231f20;
    border-radius: .5rem
}

.quantity-box-cart .quantity-btn {
    height: auto;
    width: 2rem;
    cursor: pointer;
    position: relative
}

.quantity-box-cart .quantity-btn .icon {
    position: absolute;
    bottom: 0;
    right: 0;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    display: block;
    margin: 0 auto;
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    -webkit-transition: .4s;
    transition: .4s;
    pointer-events: none;
    -webkit-transform: scale(.75);
    transform: scale(.75)
}

.quantity-box-cart .quantity-btn .icon svg {
    position: absolute;
    bottom: 0;
    right: 0;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    display: block;
    margin: 0 auto
}

.quantity-box-cart .minus {
    border-right: 2px solid #231f20;
    -webkit-transition: .4s;
    transition: .4s
}

.quantity-box-cart .minus.disabled {
    cursor: not-allowed;
    pointer-events: none;
    opacity: .1
}

.quantity-box-cart .plus {
    border-left: 2px solid #231f20
}

.quantity-box-cart .quantity-input-wrap {
    width: calc(100% - 4rem);
    display: -webkit-box;
    display: -ms-flexbox;
    -js-display: flex;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.quantity-box-cart .quantity-input-wrap .quantity-input {
    pointer-events: none;
    width: 100%;
    height: 100%;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: none;
    background-color: transparent;
    color: #231f20;
    height: auto;
    background-repeat: no-repeat;
    background-size: .75rem .75rem;
    background-position: right 3% center;
    cursor: pointer;
    text-align: center;
    padding: 0
}

.quantity-box-cart .quantity-input-wrap .quantity-input[type=number]::-webkit-inner-spin-button,
.quantity-box-cart .quantity-input-wrap .quantity-input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0
}

body.cart-open #cart-pop {
    right: 0;
    opacity: 1;
    pointer-events: auto
}

body.cart-open #MainContent {
    -webkit-filter: blur(4px);
    filter: blur(4px)
}

.hide {
    display: none
}

#cart-pop {
    border-left: 2px solid #231f20;
    position: fixed;
    top: 0;
    right: -101%;
    left: auto;
    bottom: 0;
    height: 100vh;
    opacity: 0;
    z-index: 99999;
    pointer-events: none;
    -webkit-transition: .4s;
    transition: .4s;
    background-color: #fff;
    width: 92%;
    overflow-y: scroll
}

#cart-pop #close-cart-popper {
    position: absolute;
    top: .5rem;
    right: .5rem;
    left: auto;
    bottom: auto;
    height: 1.5rem;
    width: 1.5rem;
    cursor: pointer
}

#cart-pop #close-cart-popper .cart-close {
    position: absolute;
    bottom: 0;
    right: 0;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    display: block;
    margin: 0 auto;
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    -webkit-transition: .4s;
    transition: .4s;
    pointer-events: none
}

#cart-pop .cart-main {
    padding: 2rem .5rem
}

#cart-pop .cart-main .cart-header {
    text-align: center;
    margin: 0 0 2rem
}

#cart-pop .cart-main .cart-items {
    width: 100%;
    margin: 0 0 2rem;
    -webkit-transition: .4s;
    transition: .4s
}

#cart-pop .cart-main .cart-items.loading {
    opacity: .4;
    pointer-events: none;
    -webkit-transform: scale(.98);
    transform: scale(.98)
}

#cart-pop .cart-main .cart-items .h4 {
    text-align: center;
    margin: 4.5rem 0
}

#cart-pop .cart-main .cart-items .cart-item {
    max-width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    -js-display: flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0 0 3rem
}

#cart-pop .cart-main .cart-items .cart-item .cart-item__img {
    width: 30%;
    overflow: hidden
}

#cart-pop .cart-main .cart-items .cart-item .cart-item__img a {
    display: block;
    margin: 0 auto;
    width: 100%;
    height: 100%
}

#cart-pop .cart-main .cart-items .cart-item .cart-item__img a img {
    display: block;
    margin: 0 auto;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

#cart-pop .cart-main .cart-items .cart-item .cart-item__title {
    width: 70%;
    padding: 0 .5rem
}

#cart-pop .cart-main .cart-items .cart-item .cart-item__title a {
    color: #231f20
}

#cart-pop .cart-main .cart-items .cart-item .cart-item__controls {
    width: 100%;
    color: #231f20;
    display: -webkit-box;
    display: -ms-flexbox;
    -js-display: flex;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin: .5rem 0 0;
    padding: 0 .5rem 0 0
}

#cart-pop .cart-main .cart-items .cart-item .cart-item__controls .quantity-box-cart {
    margin: 0 5rem 0 0;
    width: 33%
}

#cart-pop .cart-main .cart-items .cart-item .cart-item__controls .remove-from-cart {
    height: 1.5rem;
    width: 1.5rem;
    cursor: pointer;
    position: relative
}

#cart-pop .cart-main .cart-items .cart-item .cart-item__controls .remove-from-cart .cart-close {
    position: absolute;
    bottom: 0;
    right: 0;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    display: block;
    margin: 0 auto;
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    -webkit-transition: .4s;
    transition: .4s;
    pointer-events: none;
    -webkit-transform: scale(.5);
    transform: scale(.5)
}

#cart-pop .cart-main .cart-footer {
    text-align: center
}

#cart-pop .cart-main .cart-footer .cart-pop__ctas {
    text-align: center;
    margin: 2rem 0 0
}

#cart-pop .cart-main .cart-footer .cart-disclaimer {
    text-align: center;
    margin: 2rem 0 0
}

#cart-pop .cart-addons .addon-header {
    background-color: #636060;
    text-align: center;
    padding: 2rem .5rem
}

#cart-pop .cart-addons .addon-header h4 {
    color: #fff
}

#cart-pop .cart-addons .addon-items {
    padding: 2rem .5rem 4.5rem
}

#cart-pop .cart-addons .addon-items .addon-card {
    max-width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    -js-display: flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0 0 3rem
}

#cart-pop .cart-addons .addon-items .addon-card .addon-card__img {
    width: 30%;
    overflow: hidden
}

#cart-pop .cart-addons .addon-items .addon-card .addon-card__img a {
    display: block;
    margin: 0 auto;
    width: 100%;
    height: 100%
}

#cart-pop .cart-addons .addon-items .addon-card .addon-card__img a img {
    display: block;
    margin: 0 auto;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

#cart-pop .cart-addons .addon-items .addon-card .addon-card__grouped {
    width: 70%;
    padding: 0 0 0 .5rem
}

#cart-pop .cart-addons .addon-items .addon-card .addon-card__grouped .addon-card__title a {
    color: #231f20
}

#cart-pop .cart-addons .addon-items .addon-card .addon-card__grouped .addon-card__form .product-form__group {
    padding: 0;
    margin: 0 0 .5rem
}

#cart-pop .cart-addons .addon-items .addon-card .addon-card__grouped .addon-card__form .product-form__actions {
    display: -webkit-box;
    display: -ms-flexbox;
    -js-display: flex;
    display: flex
}

#cart-pop .cart-addons .addon-items .addon-card .addon-card__grouped .addon-card__form .product-form__actions .quantity-box {
    width: 50%;
    margin: 0 2rem 0 0
}

body #MainContent {
    -webkit-transition: .4s;
    transition: .4s
}

body.show-notification #notification-msg {
    display: flex !important;
    opacity: 1 !important
}

body.menu-open #header #mobile-navBtn .menu-icon {
    opacity: 0
}

body.menu-open #header #mobile-navBtn .menu-close {
    opacity: 1
}

body.menu-open #header nav#nav {
    left: 0
}

body.menu-open #header #cart-popper {
    opacity: 0;
    pointer-events: none
}

body.menu-open #MainContent {
    -webkit-filter: blur(2px);
    filter: blur(2px)
}

#notification-msg {
    background-color: #636060;
    padding: .5rem 2rem .5rem .5rem;
    z-index: 9999;
    display: -webkit-box;
    display: -ms-flexbox;
    -js-display: flex;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: fixed;
    top: 0;
    width: 100%;
    -webkit-transition: .2s;
    transition: .2s;
    display: none;
    opacity: 0
}

#notification-msg>.container {
    display: -webkit-box;
    display: -ms-flexbox;
    -js-display: flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%
}

#notification-msg>.container .message {
    width: 100%;
    text-align: center;
    color: #fff
}

#notification-msg>.container .message .desktopMsg {
    display: none
}

#notification-msg>.container #notification-dismiss {
    height: 2rem;
    width: 1rem;
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    cursor: pointer;
    position: absolute;
    bottom: 0;
    right: .5rem;
    left: auto;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 3
}

#header {
    z-index: 9998;
    display: -webkit-box;
    display: -ms-flexbox;
    -js-display: flex;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: fixed;
    top: 0;
    padding: 0 1rem;
    width: 100%;
    -webkit-transition: .4s;
    transition: .4s;
    background-color: #231f20;
    height: 3rem
}

#header #mobile-navBtn {
    z-index: 999;
    position: relative;
    height: 1.5rem;
    width: 2rem
}

#header #mobile-navBtn .menu-icon {
    position: absolute;
    bottom: 0;
    right: 0;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    display: block;
    margin: 0 auto;
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    -webkit-transition: .4s;
    transition: .4s
}

#header #mobile-navBtn .menu-close {
    position: absolute;
    bottom: 0;
    right: 0;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    display: block;
    margin: 0 auto;
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    -webkit-transition: .4s;
    transition: .4s;
    opacity: 0
}

#header nav#nav {
    position: fixed;
    top: auto;
    width: 100%;
    height: calc(100% - 3rem);
    z-index: 998;
    right: auto;
    left: -103%;
    bottom: 0;
    -webkit-transition: .4s;
    transition: .4s;
    display: -webkit-box;
    display: -ms-flexbox;
    -js-display: flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    overflow-y: scroll;
    overflow-x: hidden
}

#header nav#nav>.container {
    padding: 2rem 5vw;
    position: relative;
    width: 100%;
    background-color: #fff
}

#header nav#nav ul.level-1 {
    width: 100%;
    z-index: 1
}

#header nav#nav ul.level-1>li {
    margin: 0 0 2rem
}

#header nav#nav ul.level-1>li a.back-to-level-1,
#header nav#nav ul.level-1>li a.back-to-level-2,
#header nav#nav ul.level-1>li button.back-to-level-1,
#header nav#nav ul.level-1>li button.back-to-level-2 {
    margin: 0 0 3rem;
    display: -webkit-box;
    display: -ms-flexbox;
    -js-display: flex;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #231f20
}

#header nav#nav ul.level-1>li a.back-to-level-1 .back-icon,
#header nav#nav ul.level-1>li a.back-to-level-2 .back-icon,
#header nav#nav ul.level-1>li button.back-to-level-1 .back-icon,
#header nav#nav ul.level-1>li button.back-to-level-2 .back-icon {
    height: 2rem;
    width: 2rem;
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    margin: 0 1rem 0 0;
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

#header nav#nav ul.level-1>li>a,
#header nav#nav ul.level-1>li>button {
    color: #231f20;
    width: 100%;
    text-align: left
}

#header nav#nav ul.level-1>li ul.level-2 {
    background-color: #fff;
    position: absolute;
    right: 0;
    left: 101vw;
    top: 0;
    bottom: 0;
    height: 100%;
    width: 100%;
    z-index: 2;
    -webkit-transition: .4s;
    transition: .4s;
    padding: 1.5rem 1rem
}

#header nav#nav ul.level-1>li ul.level-2.show-level-2 {
    left: 0
}

#header nav#nav ul.level-1>li ul.level-2>li {
    margin: 0 0 2rem
}

#header nav#nav ul.level-1>li ul.level-2>li:last-child {
    margin: 0
}

#header nav#nav ul.level-1>li ul.level-2>li>a,
#header nav#nav ul.level-1>li ul.level-2>li>button {
    color: #231f20;
    width: 100%;
    text-align: left
}

#header nav#nav ul.level-1>li ul.level-2>li ul.level-3 {
    background-color: #fff;
    position: absolute;
    right: 0;
    left: 101vw;
    top: 0;
    bottom: 0;
    height: 100%;
    width: 100%;
    z-index: 3;
    -webkit-transition: .4s;
    transition: .4s;
    padding: 1.5rem 1rem
}

#header nav#nav ul.level-1>li ul.level-2>li ul.level-3.show-level-3 {
    left: 0
}

#header nav#nav ul.level-1>li ul.level-2>li ul.level-3>li {
    margin: 0 0 4rem;
    color: #231f20
}

#header nav#nav ul.level-1>li ul.level-2>li ul.level-3>li:first-child,
#header nav#nav ul.level-1>li ul.level-2>li ul.level-3>li:last-child {
    margin: 0
}

#header nav#nav ul.level-1>li ul.level-2>li ul.level-3>li a {
    display: -webkit-box;
    display: -ms-flexbox;
    -js-display: flex;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #231f20
}

#header nav#nav ul.level-1>li ul.level-2>li ul.level-3>li a .img-wrap {
    height: 4.5rem;
    width: 4.5rem;
    position: relative
}

#header nav#nav ul.level-1>li ul.level-2>li ul.level-3>li a .img-wrap img {
    height: 100%;
    width: 100%;
    display: block;
    margin: 0 auto;
    -o-object-fit: cover;
    object-fit: cover
}

#header nav#nav ul.level-1>li ul.level-2>li ul.level-3>li a .navitem-lvl3 {
    text-align: left;
    width: calc(100% - 4.5rem);
    padding: 0 0 0 1.5rem;
    position: relative
}

#header nav#nav ul.level-1>li ul.level-2>li ul.level-3>li a .navitem-lvl3 .menu-badge {
    color: #f33c25;
    position: absolute;
    bottom: auto;
    right: 0;
    left: auto;
    top: -2rem;
    padding: 0 1rem
}

#header nav#nav ul.level-1>li ul.level-2>li ul.level-3>li a .navitem-lvl3 .menu-badge:before {
    content: "";
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    left: 0;
    right: 0;
    margin: 0 auto;
    display: block;
    border: 1px solid #f33c25;
    height: 100%;
    width: 100%;
    border-radius: 50%;
    opacity: 1;
    -webkit-transition: .4s;
    transition: .4s
}

#header nav#nav ul.level-1>li ul.level-2 .main-cta-box,
#header nav#nav ul.level-1>li ul.level-2>li .sub-cta-box {
    display: none
}

#header .site-logo {
    width: 30%;
    margin: 0 auto 0 0
}

#header .site-logo img {
    display: block;
    margin: 0 auto;
    width: 100%;
    height: auto;
    pointer-events: none
}

#header .cart-btn-wrap {
    margin: 0 3rem 0 auto
}

#header .cart-btn-wrap .nav-item {
    display: none
}

#header .cart-btn-wrap .nav-item label a {
    color: #231f20;
    -webkit-transition: .2s;
    transition: .2s
}

#header .cart-btn-wrap #cart-popper {
    z-index: 999;
    position: relative;
    height: 2rem;
    width: 2rem;
    -webkit-transition: .4s;
    transition: .4s;
    cursor: pointer
}

#header .cart-btn-wrap #cart-popper:hover {
    -webkit-transform: scale(1.1);
    transform: scale(1.1)
}

#header .cart-btn-wrap #cart-popper.itemsincart .cart-notification {
    opacity: 1
}

#header .cart-btn-wrap #cart-popper .cart-icon {
    position: absolute;
    bottom: 0;
    right: 0;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    display: block;
    margin: 0 auto;
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    -webkit-transition: .4s;
    transition: .4s;
    pointer-events: none
}

#header .cart-btn-wrap #cart-popper .cart-notification {
    position: absolute;
    bottom: auto;
    right: -.5rem;
    left: auto;
    top: 0;
    z-index: 2;
    height: 1rem;
    width: 1rem;
    display: block;
    margin: 0 auto;
    -webkit-transition: .4s;
    transition: .4s;
    background-color: #f33c25;
    opacity: 0;
    pointer-events: none;
    border-radius: 50%
}

#footer {
    position: relative
}

#footer>.container .footer-main .left {
    background-color: #231f20;
    color: #fff;
    padding: 4.5rem 1rem
}

#footer>.container .footer-main .left .icon {
    width: 25%;
    margin: 0 auto 3rem
}

#footer>.container .footer-main .left .icon svg {
    display: block;
    margin: 0 auto;
    width: 100%;
    height: auto
}

#footer>.container .footer-main .left .subscribe-title {
    margin: 0 0 3rem
}

#footer>.container .footer-main .left .form-area form#footer-klaviyo .form-inner {
    position: relative
}

#footer>.container .footer-main .left .form-area form#footer-klaviyo .form-inner .field-group {
    position: relative;
    z-index: 1
}

#footer>.container .footer-main .left .form-area form#footer-klaviyo .form-inner .field-group input {
    color: #fff;
    border-bottom: 2px solid #fff;
    padding: 1rem 2rem .5rem 1rem
}

#footer>.container .footer-main .left .form-area form#footer-klaviyo .form-inner .field-group input::-ms-input-placeholder {
    color: #fff;
    font-family: ibm-plex-mono, Helvetica, sans-serif;
    font-size: 1.375rem;
    line-height: 1.27273;
    letter-spacing: 0
}

#footer>.container .footer-main .left .form-area form#footer-klaviyo .form-inner .field-group input::placeholder {
    color: #fff;
    font-family: ibm-plex-mono, Helvetica, sans-serif;
    font-size: 1.375rem;
    line-height: 1.27273;
    letter-spacing: 0
}

#footer>.container .footer-main .left .form-area form#footer-klaviyo .form-inner .field-group input::-webkit-input-placeholder {
    color: #fff;
    font-family: ibm-plex-mono, Helvetica, sans-serif;
    font-size: 1.375rem;
    line-height: 1.27273;
    letter-spacing: 0
}

#footer>.container .footer-main .left .form-area form#footer-klaviyo .form-inner .field-group input::-moz-placeholder {
    color: #fff;
    font-family: ibm-plex-mono, Helvetica, sans-serif;
    font-size: 1.375rem;
    line-height: 1.27273;
    letter-spacing: 0
}

#footer>.container .footer-main .left .form-area form#footer-klaviyo .form-inner .field-group input:-ms-input-placeholder {
    color: #fff;
    font-family: ibm-plex-mono, Helvetica, sans-serif;
    font-size: 1.375rem;
    line-height: 1.27273;
    letter-spacing: 0
}

#footer>.container .footer-main .left .form-area form#footer-klaviyo .form-inner button {
    z-index: 2;
    padding: 1rem;
    position: absolute;
    bottom: 0;
    right: 0;
    left: auto;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    height: 100%;
    cursor: pointer
}

#footer>.container .footer-main .left .form-area form#footer-klaviyo .form-inner button svg {
    height: auto;
    display: block;
    margin: 0 auto
}

#footer>.container .footer-main .left .form-area #klaviyo-message p {
    color: #f33c25
}

#footer>.container .footer-main .left .message-area {
    margin: 2rem 0 0
}

#footer>.container .footer-main .right {
    padding: 4.5rem 1rem 6rem;
    margin: 0 0 4.5rem;
    position: relative
}

#footer>.container .footer-main .right .logo {
    margin: 0 0 3rem
}

#footer>.container .footer-main .right .logo .svg-wrap {
    display: block;
    width: 25%;
    margin: 0 auto
}

#footer>.container .footer-main .right .logo .svg-wrap svg {
    display: block;
    margin: 0 auto;
    width: 100%;
    height: auto
}

#footer>.container .footer-main .right .logo .region-wrap {
    position: absolute;
    bottom: 0;
    right: 0;
    left: 0;
    top: auto;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    margin: 0 auto;
    border: 2px solid #231f20;
    border-radius: .5rem;
    padding: .5rem 2.5rem .5rem 1rem;
    cursor: pointer
}

#footer>.container .footer-main .right .logo .region-wrap svg {
    position: absolute;
    bottom: 0;
    right: .5rem;
    left: auto;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    pointer-events: none;
    height: 1rem;
    width: auto
}

#footer>.container .footer-main .right .logo .region-wrap .current-region {
    display: -webkit-box;
    display: -ms-flexbox;
    -js-display: flex;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

#footer>.container .footer-main .right .logo .region-wrap .current-region .region {
    width: calc(100% - 4rem)
}

#footer>.container .footer-main .right .logo .region-wrap .current-region .flag {
    margin: 0 0 0 2rem;
    width: 2rem;
    height: 2rem;
    position: relative;
    border-radius: 50%;
    overflow: hidden
}

#footer>.container .footer-main .right .logo .region-wrap .current-region .flag img {
    position: absolute;
    bottom: 0;
    right: 0;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    display: block;
    margin: 0 auto
}

#footer>.container .footer-main .right .logo .region-wrap ul {
    background-color: #fff;
    width: calc(100% + 4px);
    height: auto;
    padding: 2rem 2.5rem 1.5rem 1rem;
    position: absolute;
    bottom: auto;
    right: auto;
    left: -2px;
    top: 2rem;
    border-left: 2px solid #231f20;
    border-right: 2px solid #231f20;
    border-bottom: 2px solid #231f20;
    border-bottom-left-radius: .5rem;
    border-bottom-right-radius: .5rem;
    -webkit-transition: .4s;
    transition: .4s;
    opacity: 0;
    pointer-events: none
}

#footer>.container .footer-main .right .logo .region-wrap ul.show {
    pointer-events: auto;
    opacity: 1
}

#footer>.container .footer-main .right .logo .region-wrap ul li {
    margin: 0 0 1rem
}

#footer>.container .footer-main .right .logo .region-wrap ul li:last-child {
    margin: 0
}

#footer>.container .footer-main .right .logo .region-wrap ul li a {
    color: inherit;
    display: -webkit-box;
    display: -ms-flexbox;
    -js-display: flex;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

#footer>.container .footer-main .right .logo .region-wrap ul li a .region {
    width: calc(100% - 4rem)
}

#footer>.container .footer-main .right .logo .region-wrap ul li a .flag {
    margin: 0 0 0 2rem;
    width: 2rem;
    height: 2rem;
    position: relative;
    border-radius: 50%;
    overflow: hidden
}

#footer>.container .footer-main .right .logo .region-wrap ul li a .flag img {
    position: absolute;
    bottom: 0;
    right: 0;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    display: block;
    margin: 0 auto
}

#footer>.container .footer-main .right .menu-container .menu-col {
    margin: 0 0 3rem;
    text-align: center
}

#footer>.container .footer-main .right .menu-container .menu-col:last-child {
    margin: 0
}

#footer>.container .footer-main .right .menu-container .menu-col h6 {
    margin: 0 0 1.5rem
}

#footer>.container .footer-main .right .menu-container .menu-col ul li {
    margin: 0 0 1rem
}

#footer>.container .footer-main .right .menu-container .menu-col ul li:last-child {
    margin: 0
}

#footer>.container .footer-main .right .menu-container .menu-col ul li a {
    color: #9b9b9b;
    -webkit-transition: .4s;
    transition: .4s
}

#footer>.container .footer-main .right .menu-container .menu-col ul li a:hover {
    color: #f33c25;
    text-decoration: underline
}

#footer>.container .footer-main .right .social-btns {
    display: -webkit-box;
    display: -ms-flexbox;
    -js-display: flex;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

#footer>.container .footer-main .right .social-btns a {
    -webkit-transition: .4s;
    transition: .4s;
    background-color: #231f20;
    display: block;
    height: 2rem;
    width: 2rem;
    border-radius: 50%;
    position: relative;
    overflow: hidden;
    margin: 0 1.5rem 0 0
}

#footer>.container .footer-main .right .social-btns a:last-child {
    margin: 0
}

#footer>.container .footer-main .right .social-btns a svg {
    position: absolute;
    bottom: 0;
    right: 0;
    left: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    height: 50%;
    width: auto;
    display: block;
    margin: 0 auto;
    -o-object-fit: contain;
    object-fit: contain;
    -webkit-transition: .4s;
    transition: .4s
}

#footer>.container .footer-main .right .social-btns a svg path {
    -webkit-transition: .4s;
    transition: .4s
}

#footer>.container .footer-bottom {
    padding: 1.5rem 1rem 7rem
}

#footer>.container .footer-bottom .small {
    text-align: center
}

#footer>.container .footer-bottom .small .right a {
    color: #231f20;
    -webkit-transition: .4s;
    transition: .4s
}

#footer>.container .footer-bottom .small .right a:hover {
    text-decoration: underline;
    color: #f33c25
}

section.index__hero>.container .left .slide {
    height: 82vw;
    width: 100%;
    position: relative
}

section.index__hero>.container .left .slide a {
    display: block;
    margin: 0 auto;
    position: absolute;
    bottom: 0;
    right: 0;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%
}

section.index__hero>.container .left .slide a img {
    display: block;
    margin: 0 auto;
    position: absolute;
    bottom: 0;
    right: 0;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    pointer-events: none
}

section.index__hero>.container .left .owl-nav button {
    z-index: 3;
    height: 2rem;
    width: 3rem;
    position: absolute;
    bottom: 0;
    right: 0;
    left: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

section.index__hero>.container .left .owl-nav button.owl-prev {
    left: 1rem
}

section.index__hero>.container .left .owl-nav button.owl-next {
    left: auto;
    right: 1rem
}

section.index__hero>.container .left .owl-nav button svg {
    display: block;
    margin: 0 auto;
    position: absolute;
    bottom: 0;
    right: 0;
    left: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 100%;
    height: auto
}

section.index__hero>.container .right {
    position: relative;
    overflow: hidden;
    background-color: #231f20
}

section.index__hero>.container .right .content-slide {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: auto;
    width: 100%;
    height: auto;
    display: block;
    margin: 0 auto;
    pointer-events: none;
    opacity: 0;
    -webkit-transform: translateY(1.5rem);
    transform: translateY(1.5rem)
}

section.index__hero>.container .right .content-slide.active {
    position: relative;
    pointer-events: auto;
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
    -webkit-transition: .4s;
    transition: .4s
}

section.index__hero>.container .right .content-slide .content-wrap {
    height: 82vw;
    width: 100%
}

section.index__hero>.container .right .content-slide .content-wrap .copy-wrap {
    position: relative;
    z-index: 2;
    color: #fff;
    padding: 3rem 1rem;
    display: -webkit-box;
    display: -ms-flexbox;
    -js-display: flex;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    height: 100%
}

section.index__hero>.container .right .content-slide .content-wrap .copy-wrap .top .h3 {
    margin: 0 0 1rem
}

section.index__hero>.container .right .content-slide .content-wrap .copy-wrap .top .reg {
    margin: 0 0 4.5rem
}

section.index__hero>.container .right .content-slide .content-wrap .copy-wrap .bottom .cta-wrap {
    text-align: right
}

section.index__hero>.container .right .content-slide .content-wrap .img-wrap {
    display: block;
    margin: 0 auto;
    position: absolute;
    bottom: 0;
    right: 0;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    z-index: 1
}

section.index__hero>.container .right .content-slide .content-wrap .img-wrap:before {
    content: "";
    position: absolute;
    bottom: 0;
    right: 0;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    display: block;
    margin: 0 auto;
    background-color: #231f20;
    opacity: .2;
    z-index: 2
}

section.index__hero>.container .right .content-slide .content-wrap .img-wrap img {
    display: block;
    margin: 0 auto;
    position: absolute;
    bottom: 0;
    right: 0;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    z-index: 1;
    -o-object-fit: cover;
    object-fit: cover
}

section.index__intro {
    position: relative;
    overflow: hidden
}

section.index__intro>.container .type-main {
    background-color: #231f20;
    color: #f7f6f5;
    padding: 4.5rem 0 2rem
}

section.index__intro>.container .type-main .mobile-wrap .title-wrap {
    text-align: center;
    margin: 0 0 2rem;
    padding: 0 1rem
}

section.index__intro>.container .type-main .mobile-wrap .title-wrap .lead {
    margin: 0 0 1.5rem
}

section.index__intro>.container .type-main .mobile-wrap .title-wrap .mobile-type-titles {
    position: relative
}

section.index__intro>.container .type-main .mobile-wrap .title-wrap .mobile-type-titles .copy-wrap {
    position: absolute;
    bottom: auto;
    right: 0;
    left: 0;
    top: 0;
    width: 100%;
    display: block;
    margin: 0 auto;
    opacity: 0;
    pointer-events: none
}

section.index__intro>.container .type-main .mobile-wrap .title-wrap .mobile-type-titles .copy-wrap.active {
    position: relative;
    pointer-events: auto;
    opacity: 1;
    -webkit-transition: .4s;
    transition: .4s
}

section.index__intro>.container .type-main .mobile-wrap .mobile-icons .owl-item.center .icon .svg-wrap svg path {
    fill: #f33c25
}

section.index__intro>.container .type-main .mobile-wrap .mobile-icons .owl-item.center .icon .small {
    color: #f33c25
}

section.index__intro>.container .type-main .mobile-wrap .mobile-icons .owl-item .icon {
    text-align: center;
    margin: 0 1.5rem
}

section.index__intro>.container .type-main .mobile-wrap .mobile-icons .owl-item .icon .svg-wrap {
    position: relative;
    height: 4.5rem;
    width: 4.5rem;
    display: block;
    margin: 0 auto .5rem;
    -webkit-transition: .4s;
    transition: .4s
}

section.index__intro>.container .type-main .mobile-wrap .mobile-icons .owl-item .icon .svg-wrap svg {
    position: absolute;
    bottom: 0;
    right: 0;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    display: block;
    margin: 0 auto;
    -webkit-transition: .4s;
    transition: .4s
}

section.index__intro>.container .type-main .mobile-wrap .mobile-icons .owl-item .icon .svg-wrap svg path {
    -webkit-transition: .4s;
    transition: .4s;
    fill: #f7f6f5
}

section.index__intro>.container .type-main .mobile-wrap .mobile-icons .owl-item .icon .small {
    -webkit-transition: .4s;
    transition: .4s
}

section.index__intro>.container .type-main .desktop-wrap {
    display: none
}

section.index__intro>.container .type-main .desktop-wrap .title-wrap {
    text-align: center;
    margin: 0 0 2rem;
    position: relative
}

section.index__intro>.container .type-main .desktop-wrap .title-wrap .lead {
    position: absolute;
    bottom: -6vw;
    right: 0;
    left: 0;
    top: auto
}

section.index__intro>.container .type-main .desktop-wrap .title-wrap .type-titles {
    position: relative
}

section.index__intro>.container .type-main .desktop-wrap .title-wrap .type-titles .copy-wrap {
    position: absolute;
    bottom: auto;
    right: 0;
    left: 0;
    top: 0;
    width: 100%;
    height: auto;
    display: block;
    margin: 0 auto;
    opacity: 0;
    pointer-events: none
}

section.index__intro>.container .type-main .desktop-wrap .title-wrap .type-titles .copy-wrap.active {
    position: relative;
    pointer-events: auto;
    opacity: 1;
    -webkit-transition: .4s;
    transition: .4s
}

section.index__intro>.container .type-main .desktop-wrap .desktop-icons {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-gap: 1.5rem
}

section.index__intro>.container .type-main .desktop-wrap .desktop-icons .icon {
    text-align: center;
    color: #fff;
    cursor: pointer
}

section.index__intro>.container .type-main .desktop-wrap .desktop-icons .icon:first-child,
section.index__intro>.container .type-main .desktop-wrap .desktop-icons .icon:nth-child(2) {
    grid-column: span 2;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content
}

section.index__intro>.container .type-main .desktop-wrap .desktop-icons .icon:first-child {
    padding: 0 0 0 .25vw
}

section.index__intro>.container .type-main .desktop-wrap .desktop-icons .icon:nth-child(2) {
    margin: 0 0 0 auto;
    padding: 0 1.5vw 0 0
}

section.index__intro>.container .type-main .desktop-wrap .desktop-icons .icon.active .svg-wrap svg path {
    fill: #f33c25
}

section.index__intro>.container .type-main .desktop-wrap .desktop-icons .icon.active .small {
    color: #f33c25
}

section.index__intro>.container .type-main .desktop-wrap .desktop-icons .icon .svg-wrap {
    position: relative;
    height: 4vw;
    width: 4vw;
    display: block;
    margin: 0 auto .1rem;
    -webkit-transition: .4s;
    transition: .4s
}

section.index__intro>.container .type-main .desktop-wrap .desktop-icons .icon .svg-wrap svg {
    position: absolute;
    bottom: 0;
    right: 0;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    display: block;
    margin: 0 auto;
    -webkit-transition: .4s;
    transition: .4s
}

section.index__intro>.container .type-main .desktop-wrap .desktop-icons .icon .svg-wrap svg path {
    -webkit-transition: .4s;
    transition: .4s;
    fill: #f7f6f5
}

section.index__intro>.container .type-main .desktop-wrap .desktop-icons .icon .small {
    -webkit-transition: .4s;
    transition: .4s
}

section.index__intro>.container .type-main .type-title {
    position: relative;
    text-align: center
}

section.index__intro>.container .type-main .type-title .type-wrap {
    position: absolute;
    bottom: auto;
    right: 0;
    left: 0;
    top: 0;
    width: 100%;
    height: auto;
    display: block;
    margin: 0 auto;
    pointer-events: none;
    opacity: 0;
    -webkit-transform: translateY(1.5rem);
    transform: translateY(1.5rem)
}

section.index__intro>.container .type-main .type-title .type-wrap.active {
    position: relative;
    pointer-events: auto;
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
    -webkit-transition: .4s;
    transition: .4s
}

section.index__intro>.container .type-main .type-title .type-wrap .h2 {
    margin: 0 0 1rem
}

section.index__intro>.container .type-imagery {
    position: relative;
    height: 75vw
}

section.index__intro>.container .type-imagery .imagery-wrap {
    position: absolute;
    bottom: 0;
    right: 0;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    -js-display: flex;
    display: flex;
    margin: 0 auto;
    pointer-events: none;
    opacity: 0;
    -webkit-transition: .4s;
    transition: .4s
}

section.index__intro>.container .type-imagery .imagery-wrap.active {
    pointer-events: auto;
    opacity: 1;
    -webkit-transition: .4s;
    transition: .4s
}

section.index__intro>.container .type-imagery .imagery-wrap img {
    width: 50%;
    height: 100%;
    display: block;
    -o-object-fit: cover;
    object-fit: cover;
    position: relative;
    z-index: 1
}

section.index__featured-stories {
    background-color: #231f20;
    color: #f7f6f5
}

section.index__featured-stories>.container {
    padding: 4.5rem 1rem
}

section.index__featured-stories>.container .title-wrap {
    margin: 0 0 2rem
}

section.index__featured-stories>.container .owl-carousel .owl-item .story-card {
    width: 80vw;
    margin: 0 2rem 0 0
}

section.index__featured-stories>.container .owl-carousel .owl-item .story-card .card-inner {
    max-width: 100%
}

section.index__featured-stories>.container .owl-carousel .owl-item .story-card .card-inner .card-img {
    position: relative;
    height: 12rem;
    width: 100%;
    display: block;
    margin: 0 auto 1.5rem;
    overflow: hidden
}

section.index__featured-stories>.container .owl-carousel .owl-item .story-card .card-inner .card-img img {
    position: absolute;
    bottom: 0;
    right: 0;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    display: block;
    margin: 0 auto;
    -o-object-fit: cover;
    object-fit: cover
}

section.index__featured-stories>.container .owl-carousel .owl-item .story-card .card-inner .card-date,
section.index__featured-stories>.container .owl-carousel .owl-item .story-card .card-inner .card-title {
    margin: 0 0 1.5rem
}

section.index__featured-stories>.container .owl-carousel .owl-item .story-card .card-inner .card-title .large {
    margin: 0 0 .5rem
}

section.index__featured-stories>.container .controls {
    text-align: center;
    display: -webkit-box;
    display: -ms-flexbox;
    -js-display: flex;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 3rem 0 0
}

section.index__featured-stories>.container .controls .slider-buttons {
    margin: 0 0 2rem;
    display: -webkit-box;
    display: -ms-flexbox;
    -js-display: flex;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

section.index__featured-stories>.container .controls .slider-buttons button {
    padding: 1rem 1.5rem;
    cursor: pointer
}

section.index__featured-stories>.container .controls .slider-buttons button.prev {
    border-radius: 2rem 0 0 2rem;
    border: 2px solid #f7f6f5;
    border-right-width: 1px
}

section.index__featured-stories>.container .controls .slider-buttons button.next {
    border-radius: 0 2rem 2rem 0;
    border: 2px solid #f7f6f5;
    border-left-width: 1px
}

section.index__featured-media {
    padding: 4.5rem 1rem
}

section.index__featured-media>.container .media-quotes {
    margin: 0 0 3rem
}

section.index__featured-media>.container .media-quotes .owl-item.active .media-quote {
    opacity: 1
}

section.index__featured-media>.container .media-quotes .owl-item .media-quote {
    opacity: 0;
    -webkit-transition: .4s;
    transition: .4s
}

section.index__featured-media>.container .media-quotes .owl-item .media-quote .pull {
    color: #636060
}

section.index__featured-media>.container .load-bar {
    margin: 0 0 1.5rem;
    display: block;
    height: 3px;
    width: 100%;
    position: relative;
    overflow: hidden
}

section.index__featured-media>.container .load-bar .bar-inner {
    position: absolute;
    top: 0;
    right: auto;
    left: 0;
    bottom: auto;
    width: 0;
    height: 100%;
    background-color: #231f20;
    -webkit-transition: .2s;
    transition: .2s;
    z-index: 2
}

section.index__featured-media>.container .load-bar .bar-bg {
    z-index: 1;
    height: 1px;
    width: 100%;
    background-color: #636060;
    position: absolute;
    bottom: 0;
    right: 0;
    left: auto;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

section.index__featured-media>.container .media-logos .owl-stage {
    display: -webkit-box;
    display: -ms-flexbox;
    -js-display: flex;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

section.index__featured-media>.container .media-logos .owl-stage .owl-item {
    display: -webkit-box;
    display: -ms-flexbox;
    -js-display: flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

section.index__featured-media>.container .media-logos img {
    width: auto;
    display: block;
    margin: 0 1.5rem 0 auto;
    height: 3rem
}

section.index__featured-testimonials {
    border-top: 2px solid #231f20;
    border-bottom: 2px solid #231f20;
    padding: 4.5rem 0
}

section.index__featured-testimonials>.container,
section.index__featured-testimonials>.container .testimonials-wrap {
    position: relative
}

section.index__featured-testimonials>.container .testimonials-wrap .testi {
    position: absolute;
    bottom: auto;
    right: 0;
    left: 0;
    top: 0;
    width: 100%;
    height: auto;
    display: block;
    margin: 0 auto;
    pointer-events: none;
    opacity: 0;
    padding: 0 1rem
}

section.index__featured-testimonials>.container .testimonials-wrap .testi.active {
    -webkit-transition: .6s;
    transition: .6s;
    position: relative;
    pointer-events: auto;
    opacity: 1
}

section.index__featured-testimonials>.container .testimonials-wrap .testi .copy-wrap {
    position: relative;
    z-index: 2
}

section.index__featured-testimonials>.container .testimonials-wrap .testi .copy-wrap .pdp-title {
    text-align: center;
    margin: 0 0 1rem
}

section.index__featured-testimonials>.container .testimonials-wrap .testi .copy-wrap .pdp-title a {
    color: inherit
}

section.index__featured-testimonials>.container .testimonials-wrap .testi .copy-wrap .top {
    display: -webkit-box;
    display: -ms-flexbox;
    -js-display: flex;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin: 0 0 2rem;
    color: #f33c25
}

section.index__featured-testimonials>.container .testimonials-wrap .testi .copy-wrap .top .h5 {
    width: 62%;
    padding: 0 1rem 0 0
}

section.index__featured-testimonials>.container .testimonials-wrap .testi .copy-wrap .top .lead {
    width: 38%;
    text-align: right
}

section.index__featured-testimonials>.container .testimonials-wrap .testi .copy-wrap .middle {
    margin: 0 0 2rem
}

section.index__featured-testimonials>.container .testimonials-wrap .testi .copy-wrap .bottom {
    display: -webkit-box;
    display: -ms-flexbox;
    -js-display: flex;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

section.index__featured-testimonials>.container .testimonials-wrap .testi .copy-wrap .bottom .dot {
    height: .5rem;
    width: .5rem;
    display: inline-block;
    margin: 0 .5rem 0 0;
    background-color: #231f20;
    border-radius: 50%
}

section.index__featured-testimonials>.container .testimonials-wrap .testi .imagery-wrap {
    z-index: 1;
    position: absolute;
    bottom: -8rem;
    right: -5rem;
    left: auto;
    top: auto;
    height: 15rem;
    width: 15rem;
    opacity: .75;
    display: -webkit-box;
    display: -ms-flexbox;
    -js-display: flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

section.index__featured-testimonials>.container .testimonials-wrap .testi .imagery-wrap a {
    display: block
}

section.index__featured-testimonials>.container .testimonials-wrap .testi .imagery-wrap a .h4 {
    display: none
}

section.index__featured-testimonials>.container .testimonials-wrap .testi .imagery-wrap a .img-wrap {
    position: relative;
    display: block;
    margin: 0 auto;
    overflow: hidden;
    height: 15rem;
    width: 15rem;
    border-radius: 50%
}

section.index__featured-testimonials>.container .testimonials-wrap .testi .imagery-wrap a .img-wrap img {
    position: absolute;
    bottom: 0;
    right: 0;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    display: block;
    margin: 0 auto;
    -o-object-fit: cover;
    object-fit: cover
}

section.index__featured-testimonials>.container .testimonial-next {
    -webkit-transition: .6s;
    transition: .6s;
    cursor: pointer;
    padding: 1.5rem;
    display: block;
    margin: 3rem auto 0;
    z-index: 4
}

section.index__featured-testimonials>.container .testimonial-next svg {
    display: block;
    margin: 0 auto;
    width: auto
}

section.index-climate-neutral-section .left,
section.index-climate-neutral-section .right {
    text-align: center;
    padding: 4.5rem 1rem;
    position: relative
}

section.index-climate-neutral-section .left .titleImage,
section.index-climate-neutral-section .right .titleImage {
    display: block;
    width: 100%;
    height: auto;
    position: relative;
    z-index: 2;
    margin: 0 0 1.5rem
}

section.index-climate-neutral-section .left .copy-wrap,
section.index-climate-neutral-section .right .copy-wrap {
    position: relative;
    z-index: 2;
    margin: 0 0 1.5rem
}

section.index-climate-neutral-section .left .copy-wrap .desc p,
section.index-climate-neutral-section .right .copy-wrap .desc p {
    margin: 0 0 1.5rem
}

section.index-climate-neutral-section .left .copy-wrap .desc ol,
section.index-climate-neutral-section .left .copy-wrap .desc ul,
section.index-climate-neutral-section .right .copy-wrap .desc ol,
section.index-climate-neutral-section .right .copy-wrap .desc ul {
    text-align: left;
    margin: 1.5rem 0 0;
    padding: 0 0 0 1.5rem
}

section.index-climate-neutral-section .left .copy-wrap .desc ol li,
section.index-climate-neutral-section .left .copy-wrap .desc ul li,
section.index-climate-neutral-section .right .copy-wrap .desc ol li,
section.index-climate-neutral-section .right .copy-wrap .desc ul li {
    list-style-type: disc;
    margin: 0
}

section.index-climate-neutral-section .left .logo-wrap,
section.index-climate-neutral-section .right .logo-wrap {
    position: relative;
    z-index: 2
}

section.index-climate-neutral-section .left .logo-wrap img,
section.index-climate-neutral-section .right .logo-wrap img {
    display: block;
    margin: 0 auto;
    width: 42%;
    height: auto
}

section.index-climate-neutral-section .left .accent-img,
section.index-climate-neutral-section .right .accent-img {
    position: absolute;
    bottom: 0;
    right: 0;
    left: 0;
    top: auto;
    display: block;
    margin: 0 auto;
    pointer-events: none
}

section.index-climate-neutral-section .left {
    background-color: #9faba4
}

section.index-climate-neutral-section .left .accent-img {
    right: auto;
    height: 4.5rem;
    width: auto
}

section.index-climate-neutral-section .right {
    background-color: #63664c;
    color: #fff
}

section.index-climate-neutral-section .right .accent-img {
    left: auto;
    height: 4.5rem;
    width: auto;
    bottom: 2rem
}

section.product-hero>.container .left {
    position: relative;
    margin-bottom: 2rem;
    min-height: 37vh
}

section.product-hero>.container .left .variant-group {
    -webkit-transition: .2s;
    transition: .2s;
    opacity: 0;
    pointer-events: none;
    position: absolute;
    bottom: auto;
    right: auto;
    left: 0;
    top: 0
}

section.product-hero>.container .left .variant-group.active {
    opacity: 1;
    pointer-events: auto;
    position: static
}

section.product-hero>.container .left .variant-group .owl-dots {
    position: absolute;
    bottom: 1rem;
    right: 0;
    left: 0;
    top: auto
}

section.product-hero>.container .left .variant-group .owl-dots .owl-dot {
    border: 1px solid #d5d2d2;
    background: #d5d2d2;
    -webkit-transform: scale(.5);
    transform: scale(.5)
}

section.product-hero>.container .left .variant-group .owl-dots .owl-dot.active {
    -webkit-transform: scale(1);
    transform: scale(1)
}

section.product-hero>.container .right {
    padding: 0 1rem;
    position: relative
}

section.product-hero>.container .right h1 {
    margin-bottom: .5rem
}

section.product-hero>.container .right .reviews {
    margin-bottom: 1.5rem
}

section.product-hero>.container .right .product-price,
section.product-hero>.container .right .variant-color-name {
    margin-bottom: .5rem
}

section.product-hero>.container .right .extra-info1 {
    margin: 0 0 1rem
}

section.product-hero>.container .right .extra-info1 button {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: 0;
    border: 0;
    margin: 0;
    padding: 0 0 .2rem 1rem;
    border-bottom: 1px solid #231f20;
    cursor: pointer
}

section.product-hero>.container .right .extra-info2 {
    pointer-events: none;
    margin: 1rem 0 0
}

section.product-hero>.container .right .zoom-levels {
    margin: 0 0 1.5rem
}

section.product-hero>.container .right .zoom-levels .img-holder {
    width: 100%;
    margin: 0 0 1.5rem;
    padding: 0 1.5rem
}

section.product-hero>.container .right .zoom-levels .img-holder>img {
    max-width: 100%;
    width: 100%;
    height: auto;
    margin: 0 auto
}

section.product-hero>.container .right .zoom-levels .img-holder>img.dt {
    display: none
}

section.product-hero>.container .right .zoom-levels .img-holder>img.mb {
    display: block
}

section.product-hero>.container .right .zoom-levels .zoom-cols {
    display: -webkit-box;
    display: -ms-flexbox;
    -js-display: flex;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

section.product-hero>.container .right .zoom-levels .zoom-cols .zoom-col {
    width: 100%;
    margin: 0 0 1.5rem
}

section.product-hero>.container .right .zoom-levels .zoom-cols .zoom-col:last-child {
    margin: 0
}

section.product-hero>.container .right .zoom-levels .zoom-cols .zoom-col .zoom-title {
    margin: 0 0 .5rem
}

section.product-hero>.container .right .zoom-levels .zoom-cols .zoom-col .zoom-list {
    padding: 0 0 0 1.5rem
}

section.product-hero>.container .right .zoom-levels .zoom-cols .zoom-col .zoom-list li {
    list-style: disc;
    margin: 0 0 .5rem;
    font-size: 1rem;
    line-height: 1.375;
    letter-spacing: 0
}

section.product-hero>.container .right .order-details form {
    -webkit-transition: .4s;
    transition: .4s
}

section.product-hero>.container .right .order-details form.loading {
    opacity: .5;
    pointer-events: none;
    -webkit-transform: scale(.98);
    transform: scale(.98)
}

section.product-hero>.container .right .order-details .alternative-vendors {
    -webkit-transition: .2s;
    transition: .2s;
    margin: 2.5rem 0;
    position: absolute;
    bottom: 0;
    right: 0;
    left: 0;
    top: 0;
    opacity: 0;
    pointer-events: none
}

section.product-hero>.container .right .order-details .alternative-vendors.show {
    position: static;
    opacity: 1;
    pointer-events: auto
}

section.product-hero>.container .right .order-details .alternative-vendors a {
    margin-top: 1rem
}

section.product-hero>.container .right .order-details .alternative-vendors a:first-child {
    margin-top: 0
}

section.product-hero>.container .right .order-details .pdp-atc__actions {
    margin: 1.5rem 0 0;
    display: -webkit-box;
    display: -ms-flexbox;
    -js-display: flex;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

section.product-hero>.container .right .order-details .pdp-atc__actions .quantity-box {
    width: 40%
}

section.product-hero>.container .right .additional-info {
    margin: 3rem 0
}

section.product-hero>.container .right .additional-info .product-info-text {
    margin-bottom: 3rem;
}

section.product-hero>.container .right .additional-info .product-value-props {
    margin: 3rem 0 1.5rem;
    text-align: center
}

section.product-hero>.container .right .additional-info .product-value-props .lead {
    margin-bottom: 1.5rem
}

section.product-hero>.container .right .additional-info .product-value-props .value-props-container {
    display: -webkit-box;
    display: -ms-flexbox;
    -js-display: flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

section.product-hero>.container .right .additional-info .product-value-props .value-props-container .value-prop {
    width: 50%;
    margin-bottom: 1.5rem
}

section.product-hero>.container .right .additional-info .product-value-props .value-props-container .value-prop:nth-child(odd) {
    padding: 0 1rem 0 0
}

section.product-hero>.container .right .additional-info .product-value-props .value-props-container .value-prop:nth-child(2n) {
    padding: 0 0 0 1rem
}

section.product-hero>.container .right .additional-info .product-value-props .value-props-container .value-prop .svg-holder {
    display: block;
    margin: 0 auto 1rem
}

section.product-hero>.container .right .additional-info .product-value-props .value-props-container .value-prop .svg-holder svg {
    display: block;
    margin: 0 auto;
    max-width: 65%
}

.product-info-additional {
    margin-top: 1rem;
}

.product-info-additional>.btn__gift a {
    color: #000;
    text-align: left;
}

.product-info-accordion>.container .accordion-tab {
    overflow: hidden;
    border-top: 1px solid #231f20
}

.product-info-accordion>.container .accordion-tab:last-child {
    border-bottom: 1px solid #231f20
}

.product-info-accordion>.container .accordion-tab.open dt .svg-holder svg {
    -webkit-transform: translateY(-50%) rotate(45deg);
    transform: translateY(-50%) rotate(45deg)
}

.product-info-accordion>.container .accordion-tab.open dd {
    height: 0;
    overflow: hidden;
    -webkit-transition: .6s;
    transition: .6s
}

.product-info-accordion>.container .accordion-tab.open dd .content {
    opacity: 1
}

.product-info-accordion>.container .accordion-tab dt {
    display: -webkit-box;
    display: -ms-flexbox;
    -js-display: flex;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative
}

.product-info-accordion>.container .accordion-tab dt>* {
    max-width: 100%
}

.product-info-accordion>.container .accordion-tab dt button {
    color: #231f20;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: 0;
    border: 0;
    margin: 0;
    position: relative;
    -webkit-transition: .2s;
    transition: .2s;
    outline: none;
    width: 100%;
    font-weight: 700;
    cursor: pointer;
    text-align: left;
    display: inline-block;
    padding: 1rem 0
}

.product-info-accordion>.container .accordion-tab dt .svg-holder {
    pointer-events: none;
    display: inline-block;
    width: 1rem;
    margin: 0 0 0 1.5rem;
    position: absolute;
    bottom: 0;
    right: 0;
    left: auto;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.product-info-accordion>.container .accordion-tab dt .svg-holder svg {
    height: auto;
    width: 1rem;
    position: absolute;
    bottom: 0;
    right: 0;
    left: auto;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transition: .6s;
    transition: .6s
}

.product-info-accordion>.container .accordion-tab dt .svg-holder svg path {
    fill: #231f20
}

.product-info-accordion>.container .accordion-tab dd {
    height: 0;
    overflow: hidden;
    -webkit-transition: .6s;
    transition: .6s
}

.product-info-accordion>.container .accordion-tab dd .content {
    opacity: 0;
    padding: 1rem 0;
    -webkit-transition: .2s .2s;
    transition: .2s .2s;
    color: #231f20
}

.product-info-accordion>.container .accordion-tab dd .content ol,
.product-info-accordion>.container .accordion-tab dd .content ul {
    padding: 0 0 0 1.5rem;
    margin-bottom: 1rem;
    color: #231f20
}

.product-info-accordion>.container .accordion-tab dd .content ol li,
.product-info-accordion>.container .accordion-tab dd .content ul li {
    margin-bottom: .5rem
}

.product-info-accordion>.container .accordion-tab dd .content ul,
.product-info-accordion>.container .accordion-tab dd .content ul li {
    list-style: disc
}

.product-info-accordion>.container .accordion-tab dd .content ol,
.product-info-accordion>.container .accordion-tab dd .content ol li {
    list-style: decimal
}

.product-form__select {
    display: none
}

.product-form .fake-variants a {
    display: block;
    border-radius: 3px;
    padding: .5rem .75rem;
    cursor: pointer;
    width: 1.75rem;
    height: 1.75rem;
    border-radius: 50%;
    border: 2px solid rgba(0, 0, 0, .25);
    text-indent: -999rem;
    color: transparent
}

.product-form .fake-variants a.oos {
    opacity: .1
}

.product-form .fake-variants,
.product-form__group {
    padding: 1rem 0
}

.product-form .fake-variants__select,
.product-form__group__select {
    display: none
}

.product-form .fake-variants__buttons,
.product-form__group__buttons {
    margin-top: .5rem;
    display: -webkit-box;
    display: -ms-flexbox;
    -js-display: flex;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.product-form .fake-variants__buttons li,
.product-form__group__buttons li {
    list-style: none;
    margin: .25rem .5rem .25rem 0
}

.product-form .fake-variants__buttons li:last-of-type,
.product-form__group__buttons li:last-of-type {
    margin-right: 0
}

.product-form .fake-variants__buttons label,
.product-form__group__buttons label {
    display: block;
    border: 1px solid #231f20;
    border-radius: 3px;
    padding: .5rem .75rem;
    cursor: pointer;
    background-position: 50%;
    background-size: cover;
    background-repeat: no-repeat;
}

.product-form .fake-variants__buttons input,
.product-form__group__buttons input {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    display: block;
    width: 0;
    height: 0;
    overflow: hidden;
    opacity: 0;
    margin: 0;
    padding: 0
}

.product-form .fake-variants__buttons input.oos+label,
.product-form__group__buttons input.oos+label {
    opacity: .1
}

.product-form .fake-variants__buttons input.unavailable+label,
.product-form__group__buttons input.unavailable+label {
    display: none
}

.product-form .fake-variants__buttons input.color+label,
.product-form__group__buttons input.color+label {
    width: 2.25rem;
    height: 2.25rem;
    border-radius: 50%;
    border: 2px solid #fff;
    text-indent: -999rem;
    color: transparent
}

.product-form .fake-variants__buttons input:checked+label,
.product-form__group__buttons input:checked+label {
    color: #fff;
    background-color: #231f20;
    border: 1px solid #231f20
}

.product-form .fake-variants__buttons input:checked.color+label,
.product-form__group__buttons input:checked.color+label {
    color: transparent;
    border: 2px solid #231f20
}

div.product-sidebyside>.img {
    margin: 0 auto;
    display: block;
    -webkit-transform: translateY(1.75rem);
    transform: translateY(1.75rem)
}

div.product-sidebyside>.img svg {
    margin: 0 auto;
    display: block;
    max-width: 100%
}

div.product-sidebyside>.container {
    border-top: 2px solid #6e6b6a;
    background-repeat: repeat-y;
    background-size: 100% auto;
    padding: 6rem 1rem
}

div.product-sidebyside>.container section.p-sbs {
    margin-bottom: 4.5rem
}

div.product-sidebyside>.container section.p-sbs:last-child {
    margin-bottom: 0
}

div.product-sidebyside>.container section.p-sbs:nth-child(2n)>.container .imagery img {
    right: -.75rem;
    left: auto
}

div.product-sidebyside>.container section.p-sbs:nth-child(2n)>.container .imagery .accent {
    position: absolute;
    bottom: -.75rem;
    right: auto;
    left: -.75rem;
    top: auto
}

div.product-sidebyside>.container section.p-sbs>.container {
    display: -webkit-box;
    display: -ms-flexbox;
    -js-display: flex;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse
}

div.product-sidebyside>.container section.p-sbs>.container>* {
    max-width: 100%
}

div.product-sidebyside>.container section.p-sbs>.container .copy .inner .lead {
    margin-bottom: .5rem;
    color: #322f2e
}

div.product-sidebyside>.container section.p-sbs>.container .copy .inner h3 {
    margin-bottom: 1rem
}

div.product-sidebyside>.container section.p-sbs>.container .copy .inner .reg {
    color: #9b9b9b
}

div.product-sidebyside>.container section.p-sbs>.container .copy .inner .btn {
    margin-top: 1.5rem
}

div.product-sidebyside>.container section.p-sbs>.container .imagery {
    position: relative;
    margin-bottom: 4.5rem
}

div.product-sidebyside>.container section.p-sbs>.container .imagery img {
    position: relative;
    z-index: 2;
    left: -.75rem;
    top: -1rem;
    right: auto;
    bottom: auto;
    display: block;
    margin: 0 auto;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

div.product-sidebyside>.container section.p-sbs>.container .imagery .accent {
    pointer-events: none;
    position: absolute;
    bottom: -.75rem;
    right: -.75rem;
    left: auto;
    top: auto;
    height: 100%;
    width: 100%;
    display: block;
    margin: 0 auto;
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: cover
}

section.product-specs {
    padding: 3rem 1rem
}

section.product-specs>.container h2 {
    text-align: center;
    margin-bottom: 2rem
}

section.product-specs>.container .specs-table table {
    width: 100%
}

section.product-specs>.container .specs-table table tr {
    display: -webkit-box;
    display: -ms-flexbox;
    -js-display: flex;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 1rem 0;
    border-bottom: 1px solid #9b9b9b
}

section.product-specs>.container .specs-table table tr:last-child {
    border-bottom: none
}

section.product-specs>.container .specs-table table tr>* {
    max-width: 100%
}

section.product-specs>.container .specs-table table tr td:first-child {
    width: 100%
}

section.product-specs>.container .specs-table table tr td:nth-child(2),
section.product-specs>.container .specs-table table tr td:nth-child(3) {
    width: 50%;
    margin-top: .5rem
}

section.product-renders {
    padding: 3rem 1rem
}

section.product-renders>.container img {
    display: block;
    margin: 0 auto;
    width: 100%;
    height: auto
}

section.product-reviews-temp {
    padding: 6rem 0
}

section.collection-hero {
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: cover;
    color: #fff;
    position: relative;
    padding: 6rem 1rem
}

section.collection-hero:before {
    content: "";
    position: absolute;
    bottom: 0;
    right: 0;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    display: block;
    margin: 0 auto;
    background-color: #231f20;
    opacity: .5
}

section.collection-hero.noBg {
    color: #231f20;
    padding: 6rem 1rem 2rem
}

section.collection-hero.noBg:before {
    display: none
}

section.collection-hero>.container {
    position: relative;
    z-index: 2
}

section.collection-hero>.container .collection-content {
    text-align: center
}

section.collection-hero>.container .collection-content .desc {
    margin: 1.5rem 0 0
}

section.collection-imageonly-hero>.container img.mobileImg {
    display: block;
    margin: 0 auto;
    width: 100%;
    height: auto
}

section.collection-imageonly-hero>.container img.desktopImg {
    display: none
}

section.collection-imageonly-hero .desc {
    color: inherit;
    padding: 3rem 1rem;
    color: #231f20;
    text-align: center
}

section.collection-imageonly-hero .desc ol,
section.collection-imageonly-hero .desc ul {
    padding: 2rem 0
}

section.collection-imageonly-hero .desc ol li,
section.collection-imageonly-hero .desc ul li {
    margin: 0 0 1rem
}

section.collection-imageonly-hero .desc ol li:last-child,
section.collection-imageonly-hero .desc ul li:last-child {
    margin: 0
}

section.collection-list {
    padding: 4.5rem 1rem
}

section.collection-list.list-2col>ul.container,
section.collection-list.list-3col>ul.container,
section.collection-list.list-4col>ul.container {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 1rem
}

section.collection-list>ul.container li.collection-list-item:hover a.inner {
    color: #f33c25
}

section.collection-list>ul.container li.collection-list-item:hover a.inner .image-wrap img {
    -webkit-transform: scale(1.07);
    transform: scale(1.07)
}

section.collection-list>ul.container li.collection-list-item a.inner {
    display: block;
    margin: 0 auto;
    color: inherit;
    text-align: center;
    -webkit-transition: .2s;
    transition: .2s
}

section.collection-list>ul.container li.collection-list-item a.inner .image-wrap {
    position: relative;
    margin: 0 0 1.5rem;
    overflow: hidden
}

section.collection-list>ul.container li.collection-list-item a.inner .image-wrap img {
    display: block;
    margin: 0 auto;
    width: 100%;
    height: auto;
    -webkit-transition: .2s;
    transition: .2s
}

section.collection-list>ul.container li.collection-list-item a.inner .copy-wrap p {
    margin: 1rem auto 0
}

.page-content {
    text-align: center;
    padding: 1rem 1rem 4.5rem
}

.page-content .h1,
.page-content .h2,
.page-content .h3,
.page-content .h4,
.page-content .h5,
.page-content .h6,
.page-content .lead {
    margin: 4.5rem 0 2rem
}

.page-content ol,
.page-content ul {
    text-align: left;
    padding: 0 0 0 1.5rem
}

.page-content ol li,
.page-content ul li {
    list-style-type: disc;
    margin: 0 0 1rem
}

.page-content p {
    margin: 0 0 2rem
}

.page-content p:last-child {
    margin: 0
}

.page-content p a {
    color: #f33c25;
    text-decoration: underline
}

.page-content img {
    width: 100%;
    height: auto;
    display: block;
    margin: 1.5rem auto
}

.page-content iframe {
    display: block;
    margin: 0 auto;
    width: 100%;
    height: 56vw
}

.shopify-policy__title {
    text-align: center;
    padding: 6rem 1rem 2rem
}

.shopify-policy__container {
    max-width: 100%;
    padding: 0
}

.shopify-policy__body {
    text-align: left;
    padding: 0 1rem 4.5rem
}

.shopify-policy__body .h1,
.shopify-policy__body .h2,
.shopify-policy__body .h3,
.shopify-policy__body .h4,
.shopify-policy__body .h5,
.shopify-policy__body .h6,
.shopify-policy__body .lead {
    margin: 4.5rem 0 2rem
}

.shopify-policy__body ol,
.shopify-policy__body ul {
    text-align: left;
    padding: 0 0 0 1.5rem
}

.shopify-policy__body ol li,
.shopify-policy__body ul li {
    list-style-type: disc;
    margin: 0 0 1rem
}

.shopify-policy__body p {
    margin: 0 0 2rem
}

.shopify-policy__body p:last-child {
    margin: 0
}

.shopify-policy__body p a {
    color: #f33c25;
    text-decoration: underline
}

.shopify-policy__body b,
.shopify-policy__body p strong,
.shopify-policy__body strong {
    font-weight: 700
}

.shopify-policy__body img {
    width: 100%;
    height: auto;
    display: block;
    margin: 1.5rem auto
}

section.featured-products-slider {
    padding: 4.5rem 0;
    overflow: hidden
}

section.featured-products-slider>.container .title-wrap {
    padding: 0 1rem;
    text-align: center;
    margin: 0 0 2rem
}

.product-item-card {
    width: 69vw;
    margin: 0 2rem
}

.product-item-card .img-wrap {
    position: relative;
    margin: 0 0 1.5rem;
    overflow: hidden;
    border: 2px solid #231f20
}

.product-item-card .img-wrap a {
    display: block;
    height: 100%;
    width: 100%
}

.product-item-card .img-wrap a img {
    display: block;
    margin: 0 auto;
    width: 100%;
    height: auto;
    -webkit-transition: .2s;
    transition: .2s
}

.product-item-card .copy-wrap {
    border-bottom: 2px solid #231f20;
    padding: 0 0 .5rem;
    margin: 0 0 1rem
}

.product-item-card .copy-wrap .lead {
    margin: 0 0 .5rem
}

section.marquee-section {
    position: relative;
    border-top: 2px solid #231f20;
    border-bottom: 2px solid #231f20;
    height: 6rem
}

section.marquee-section .marquee-full {
    position: absolute;
    bottom: auto;
    right: auto;
    left: 0;
    top: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    -js-display: flex;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100vw;
    max-width: 100%;
    height: 100%;
    overflow-x: hidden;
    z-index: 2
}

section.marquee-section .marquee-full .track-contain {
    display: -webkit-box;
    display: -ms-flexbox;
    -js-display: flex;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    width: 100vw;
    max-width: 100%
}

section.marquee-section .marquee-full .track-contain .track {
    position: absolute;
    white-space: nowrap;
    will-change: transform;
    -webkit-animation: marqueealt 60s linear infinite;
    animation: marqueealt 60s linear infinite
}

section.marquee-section .marquee-full .track-contain .track .inner-content {
    display: -webkit-box;
    display: -ms-flexbox;
    -js-display: flex;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-family: Neue Machina, sans-serif;
    color: #231f20
}

section.marquee-section .marquee-full .track-contain .track .inner-content .content-holder {
    position: relative;
    display: inline-block;
    padding: 0 2rem;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-backface-visibility: hidden;
    -webkit-perspective: 1000
}

section.marquee-section .marquee-full .track-contain .track .inner-content .content-holder:after {
    content: "";
    display: block;
    position: absolute;
    bottom: 0;
    right: -6px;
    left: auto;
    top: 0;
    border-radius: 50rem;
    margin: auto;
    width: 12px;
    height: 12px;
    background-color: #fff
}

section.marquee-section .marquee-full .track-contain .track .inner-content .content-holder .flex-contain {
    display: -webkit-box;
    display: -ms-flexbox;
    -js-display: flex;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

section.marquee-section .marquee-full .track-contain .track .inner-content .content-holder .flex-contain span.large {
    font-weight: 700
}

.hero-simple {
    text-align: center;
    padding: 6rem 1rem 3rem
}

.hero-simple .lead {
    margin: 0 0 1rem
}

section.imagery-slider>.container {
    padding: 0 0 3rem
}

section.imagery-slider>.container .owl-stage,
section.imagery-slider>.container .owl-stage-outer {
    height: 62vw !important
}

section.imagery-slider>.container .owl-item {
    height: 62vw;
    margin: 0 1.5rem 0 0
}

section.imagery-slider>.container .owl-item img {
    height: 62vw;
    width: auto
}

.digest-container .page-top {
    text-align: center
}

.digest-container .page-top h1 {
    margin: 0 auto;
    padding: 2rem 1rem;
    border-bottom: 1px solid #322f2e
}

.digest-container aside.blogs-filter {
    padding: 1rem 0;
    margin: 0 0 1.5rem
}

.digest-container aside.blogs-filter>.container {
    position: relative;
    display: -ms-flexbox;
    -js-display: flex;
    display: flex;
    display: -webkit-box;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch
}

.digest-container aside.blogs-filter>.container>* {
    max-width: 100%
}

.digest-container aside.blogs-filter>.container button {
    cursor: pointer;
    -webkit-transition: .6s;
    transition: .6s;
    padding: 0;
    margin: 0 1rem;
    display: -webkit-box;
    display: -ms-flexbox;
    -js-display: flex;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    color: #322f2e;
    white-space: nowrap;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: 0;
    border: 2px solid transparent
}

.digest-container aside.blogs-filter>.container button:hover {
    color: #f33c25
}

.digest-container aside.blogs-filter>.container button.active {
    color: #f33c25;
    border: 2px solid #f33c25
}

.digest-container section.blogs-grid {
    padding: 0 1rem
}

.digest-container section.blogs-grid>.container {
    display: -webkit-box;
    display: -ms-flexbox;
    -js-display: flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    position: relative;
    background-repeat: no-repeat;
    background-position: 50%
}

.digest-container section.blogs-grid>.container>* {
    max-width: 100%
}

.digest-container section.blogs-grid>.container .blog-card {
    margin: 0 0 3rem;
    width: 100%;
    -webkit-transition: .2s;
    transition: .2s
}

.digest-container section.blogs-grid>.container .blog-card:last-child {
    margin: 0
}

.digest-container section.blogs-grid>.container .blog-card:hover .container .hoverui {
    opacity: 1;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.digest-container section.blogs-grid>.container .blog-card.noshow {
    position: absolute;
    opacity: 0;
    -webkit-transition: 0s;
    transition: 0s;
    pointer-events: none;
    z-index: -1
}

.digest-container section.blogs-grid>.container .blog-card .container {
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    -js-display: flex;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    position: relative
}

.digest-container section.blogs-grid>.container .blog-card .container h4 {
    text-transform: none;
    color: #322f2e;
    margin: 0 0 auto;
    text-align: center
}

.digest-container section.blogs-grid>.container .blog-card .container .imagery {
    height: 20rem;
    width: 100%;
    display: block;
    margin: 1rem auto .5rem;
    background-position: 50%;
    background-size: cover;
    background-repeat: no-repeat
}

.digest-container section.blogs-grid>.container .blog-card .container .info {
    text-align: center
}

.digest-container section.blogs-grid>.container .blog-card .container .info .date,
.digest-container section.blogs-grid>.container .blog-card .container .info .tags {
    color: #322f2e
}

.digest-container section.blogs-grid>.container .blog-card .container .hoverui {
    background-color: rgba(223, 190, 158, .88);
    padding: .5rem;
    -webkit-transform: translateY(-55%);
    transform: translateY(-55%);
    position: absolute;
    bottom: 0;
    right: 0;
    left: 0;
    top: 57%;
    max-width: 90%;
    margin: 0 auto;
    max-height: 8rem;
    opacity: 0;
    -webkit-transition: .4s;
    transition: .4s
}

.digest-container section.blogs-grid>.container .blog-card .container .hoverui .inner {
    border: 2px solid #322f2e;
    text-align: center;
    display: -webkit-box;
    display: -ms-flexbox;
    -js-display: flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #322f2e;
    padding: 1rem;
    height: 100%
}

.digest-container section.blogs-grid>.container .blog-card .container .hoverui .inner>* {
    max-width: 100%
}

.digest-container section.blogs-grid>.container .blog-card .container .hoverui .inner .lead {
    margin-top: 1rem
}

.digest-container section.blogs-grid>.container .blog-card .container .hoverui .inner .img {
    margin: 0 1rem
}

.digest-container section.blogs-grid>.container .blog-card .container .hoverui .inner .img svg {
    width: 3rem;
    height: auto;
    display: block;
    margin: 0 auto
}

article.blog-post-seo .article-header {
    padding: 3rem 1rem 0
}

article.blog-post-seo .article-header .article-info .bot {
    margin: 0 0 2rem
}

article.blog-post-seo .article-header .blog-img {
    width: 100%;
    display: block;
    margin: 0 auto 1rem
}

article.blog-post-seo .article-header .blog-img img {
    width: 100%;
    height: auto
}

.article-header {
    padding: 3rem 1rem 0
}

.article-header .blog-img {
    height: 20rem;
    width: 100%;
    display: block;
    margin: 0 auto 1rem;
    background-position: 50%;
    background-size: cover;
    background-repeat: no-repeat
}

.article-header .article-info {
    text-align: center
}

.article-header .article-info .top {
    margin: 3rem 0 1.5rem
}

.article-content {
    padding: 3rem 1rem
}

.article-content>.container h2,
.article-content>.container h3,
.article-content>.container h4,
.article-content>.container h5,
.article-content>.container h6 {
    text-align: center;
    color: #322f2e;
    margin-top: 3rem;
    margin-bottom: 1rem
}

.article-content>.container>h2,
.article-content>.container>h3,
.article-content>.container>h4,
.article-content>.container>h5,
.article-content>.container>h6,
.article-content>.container>p,
.article-content>.container>ul {
    max-width: 85%;
    margin-left: auto;
    margin-right: auto
}

.article-content>.container p {
    text-align: center;
    color: #767473;
    margin-bottom: 1rem
}

.article-content>.container p a:not(.button) {
    color: #ff3e0a;
    text-decoration: underline;
    cursor: pointer
}

.article-content>.container ul {
    text-align: center;
    padding: 0 0 0 2rem;
    color: #767473;
    margin-bottom: 1rem
}

.article-content>.container ul li {
    list-style: disc;
    list-style-position: inside;
    color: #767473;
    margin-bottom: .5rem
}

.article-content>.container .intro-quote {
    border-top: 1px solid #767473;
    border-bottom: 1px solid #767473;
    padding: 1.5rem;
    margin: 1.5rem 0
}

.article-content>.container .intro-quote p {
    color: #322f2e;
    margin-bottom: 0
}

.article-content>.container .three-col {
    margin: 3rem auto
}

.article-content>.container .three-col .col img {
    display: block;
    margin: 0 auto;
    width: 100%;
    height: auto
}

.article-content>.container .two-col {
    margin: 3rem auto
}

.article-content>.container .two-col .col img {
    display: block;
    margin: 0 auto;
    width: 100%;
    height: auto
}

.article-content>.container .one-col {
    margin: 3rem auto
}

.article-content>.container .one-col .col {
    width: 100%;
    height: auto
}

.article-content>.container .one-col .col img {
    display: block;
    margin: 0 auto;
    width: 100%;
    height: auto
}

.article-content>.container .blog-pullquote {
    position: relative;
    margin: 4.5rem 0;
    padding: 3rem 1.5rem
}

.article-content>.container .blog-pullquote:after,
.article-content>.container .blog-pullquote:before {
    pointer-events: none;
    content: "";
    display: block;
    margin: 0 auto;
    height: 3rem;
    width: 3rem;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: 50%
}

.article-content>.container .blog-pullquote:before {
    position: absolute;
    bottom: auto;
    right: 0;
    left: 0;
    top: -2rem
}

.article-content>.container .blog-pullquote:after {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
    position: absolute;
    bottom: -2rem;
    right: 0;
    left: 0;
    top: auto
}

.article-content>.container .blog-pullquote p {
    color: #322f2e;
    text-transform: none
}

.article-content>.container iframe {
    width: 100%;
    height: 56vw;
    display: block;
    margin: 3rem auto
}

.return-link-wrapper {
    margin-bottom: 3rem
}

.activities-container .act-hero {
    padding: 1.75rem 1rem
}

.activities-container .act-hero>.container {
    text-align: center;
    border-bottom: 1px solid #9b9b9b;
    padding: 0 0 1.75rem
}

.activities-container .act-grid {
    padding: 1.75rem 1rem
}

.activities-container .act-grid>.container {
    display: -webkit-box;
    display: -ms-flexbox;
    -js-display: flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.activities-container .act-grid>.container>* {
    max-width: 100%
}

.activities-container .act-grid>.container .act-card {
    margin: 0 0 3rem;
    width: 100%;
    -webkit-transition: .2s;
    transition: .2s
}

.activities-container .act-grid>.container .act-card:last-child {
    margin: 0
}

.activities-container .act-grid>.container .act-card:hover .container .hoverui {
    opacity: 1;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.activities-container .act-grid>.container .act-card .container {
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    -js-display: flex;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    position: relative
}

.activities-container .act-grid>.container .act-card .container h4 {
    text-transform: none;
    color: #322f2e;
    margin: 0 0 auto;
    text-align: center
}

.activities-container .act-grid>.container .act-card .container .imagery {
    height: 20rem;
    width: 100%;
    display: block;
    margin: 1rem auto .5rem;
    background-position: 50%;
    background-size: cover;
    background-repeat: no-repeat
}

.activities-container .act-grid>.container .act-card .container .info {
    text-align: center
}

.activities-container .act-grid>.container .act-card .container .info .date,
.activities-container .act-grid>.container .act-card .container .info .tags {
    color: #322f2e
}

.activities-container .act-grid>.container .act-card .container .hoverui {
    background-color: rgba(223, 190, 158, .88);
    padding: .5rem;
    -webkit-transform: translateY(-55%);
    transform: translateY(-55%);
    position: absolute;
    bottom: 0;
    right: 0;
    left: 0;
    top: 57%;
    max-width: 90%;
    margin: 0 auto;
    max-height: 8rem;
    opacity: 0;
    -webkit-transition: .4s;
    transition: .4s
}

.activities-container .act-grid>.container .act-card .container .hoverui .inner {
    border: 2px solid #322f2e;
    text-align: center;
    display: -webkit-box;
    display: -ms-flexbox;
    -js-display: flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #322f2e;
    padding: 1rem;
    height: 100%
}

.activities-container .act-grid>.container .act-card .container .hoverui .inner>* {
    max-width: 100%
}

.activities-container .act-grid>.container .act-card .container .hoverui .inner .lead {
    margin-top: 1rem
}

.activities-container .act-grid>.container .act-card .container .hoverui .inner .img {
    margin: 0 1rem
}

.activities-container .act-grid>.container .act-card .container .hoverui .inner .img svg {
    width: 3rem;
    height: auto;
    display: block;
    margin: 0 auto
}

section.b-hero {
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: cover;
    color: #fff;
    position: relative;
    text-align: center
}

section.b-hero>.container {
    padding: 6rem 1rem
}

section.b-hero>.container .leadin {
    margin-bottom: .25rem
}

section.b-hero>.container .larger,
section.b-hero>.container .p-special {
    color: #fff
}

section.b-hero>.container .cta-area {
    margin-top: 1.5rem
}

section.b-three-info-cols>.container .col {
    color: #231f20;
    padding: 2rem 1rem
}

section.b-three-info-cols>.container .col.yellow-bg {
    background-color: #f8be18
}

section.b-three-info-cols>.container .col.ltgreen-bg {
    background-color: #928a6a
}

section.b-three-info-cols>.container .col.sand-bg {
    background-color: #e9e2d4
}

section.b-three-info-cols>.container .col.brown-bg {
    background-color: #a5562b
}

section.b-three-info-cols>.container .col.truebrown-bg {
    background-color: #a96947
}

section.b-three-info-cols>.container .col.neon-bg {
    background-color: #dcfe1d
}

section.b-three-info-cols>.container .col.ltyellow-bg {
    background-color: #f9ffd0
}

section.b-three-info-cols>.container .col.burntorange-bg,
section.b-three-info-cols>.container .col.silver-bg {
    background-color: #d5d2d5
}

section.b-three-info-cols>.container .col.sun-yellow-bg {
    background-color: #faefc4
}

section.b-three-info-cols>.container .col.forest-green {
    background-color: #57968d
}

section.b-three-info-cols>.container .col.yellowgold {
    background-color: #ffdb3e
}

section.b-three-info-cols>.container .col.softorange {
    background-color: #dfb797
}

section.b-three-info-cols>.container .col.softgreen {
    background-color: #bedbbb
}

section.b-three-info-cols>.container .col.hunting-orng {
    background-color: #d4591e
}

section.b-three-info-cols>.container .col.moss-grn {
    background-color: #928a6a
}

section.b-three-info-cols>.container .col.cream-tan {
    background-color: #e9e2d4
}

section.b-three-info-cols>.container .col .top .svg-holder {
    margin-bottom: 1.5rem
}

section.b-three-info-cols>.container .col .top .svg-holder img,
section.b-three-info-cols>.container .col .top .svg-holder svg {
    max-width: 25%
}

section.b-three-info-cols>.container .col .top .h4 {
    text-transform: uppercase
}

section.b-three-info-cols>.container .col .reg {
    border-top: 2px solid #231f20;
    margin-top: 1rem;
    padding-top: 1.5rem
}

section.two-col-cta {
    background-color: #4c82aa;
    padding: 3rem 1rem
}

section.two-col-cta.blue-bg {
    background-color: #4c82aa
}

section.two-col-cta.drkrblue-bg {
    background-color: #103c49
}

section.two-col-cta.darkgreen {
    background-color: #072c2f
}

section.two-col-cta.darkgreen .h2 {
    color: #55cea2;
    -webkit-text-stroke: 2px #55cea2
}

section.two-col-cta.maroon-bg {
    background-color: #6a2627
}

section.two-col-cta>.container .h2 {
    margin-bottom: 3rem
}

section.two-col-cta>.container .cols {
    margin-bottom: 3rem;
    padding: 0 1rem
}

section.two-col-cta>.container .cols .col:first-child {
    margin-bottom: 3rem
}

section.two-col-cta>.container .cols .col img {
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

section.b-reviews {
    padding: 3rem 1rem
}

section.b-reviews>.container .top-divider .svg-holder {
    position: relative
}

section.b-reviews>.container .top-divider .svg-holder:after,
section.b-reviews>.container .top-divider .svg-holder:before {
    content: "";
    position: absolute;
    bottom: 0;
    right: 0;
    left: 0;
    top: 50%;
    height: 2px;
    width: 23%;
    display: block;
    margin: 0 auto;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    background-color: #ff3e0a
}

section.b-reviews>.container .top-divider .svg-holder:before {
    left: 0;
    right: auto
}

section.b-reviews>.container .top-divider .svg-holder:after {
    right: 0;
    left: auto
}

section.b-reviews>.container .top-divider .svg-holder svg {
    display: block;
    margin: 0 auto;
    width: 40%
}

section.b-reviews>.container .h3 {
    margin: 3rem 0 0
}

section.b-reviews>.container .reviews .review-card {
    padding: 3rem 0
}

section.b-reviews>.container .reviews .review-card .top .svg-holder svg {
    display: block;
    margin: 0 auto;
    width: 50%
}

section.b-reviews>.container .reviews .review-card .top .title {
    color: #9b9b9b;
    text-transform: uppercase;
    margin-bottom: 2rem
}

section.b-reviews>.container .reviews .review-card .top .reg {
    color: #9b9b9b;
    margin-bottom: 2rem;
    padding: 0 1rem
}

section.b-reviews>.container .reviews .review-card .author {
    text-transform: uppercase;
    color: #231f20;
    padding-bottom: 1.5rem;
    border-bottom: 2px solid #231f20
}

section.b-reviews>.container .total-reviews {
    margin: 0 0 3rem
}

section.b-reviews>.container .cta-area {
    position: relative
}

section.b-reviews>.container .cta-area:after,
section.b-reviews>.container .cta-area:before {
    content: "";
    position: absolute;
    bottom: 0;
    right: 0;
    left: 0;
    top: 50%;
    height: 2px;
    width: 12%;
    display: block;
    margin: 0 auto;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    background-color: #ff3e0a
}

section.b-reviews>.container .cta-area:before {
    left: 0;
    right: auto
}

section.b-reviews>.container .cta-area:after {
    right: 0;
    left: auto
}

section.marquee-text {
    background-color: #f8be18;
    text-align: center
}

section.marquee-text>.container {
    padding: 0 1rem;
    overflow: hidden
}

section.marquee-text>.container .h3 {
    padding: .5em 0;
    margin: 0 auto;
    white-space: nowrap;
    -webkit-animation: marquee 60s linear infinite;
    animation: marquee 60s linear infinite;
    display: -webkit-box;
    display: -ms-flexbox;
    -js-display: flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #ff3e0a;
    -webkit-text-stroke: 2px #322f2e;
    -webkit-text-fill-color: #ff3e0a
}

section.marquee-text>.container .h3>* {
    max-width: 100%
}

section.b-three-col-cta {
    background-repeat: repeat-y;
    background-size: 100% auto
}

section.b-three-col-cta>.container {
    padding: 3rem 1.75rem;
    text-align: center
}

section.b-three-col-cta>.container .h3 {
    color: #322f2e;
    margin-bottom: 3rem
}

section.b-three-col-cta>.container .icon-grid .icon-item {
    margin-bottom: 3rem
}

section.b-three-col-cta>.container .icon-grid .icon-item .svg-holder {
    height: 3rem;
    display: block;
    margin: 0 auto 1rem
}

section.b-three-col-cta>.container .icon-grid .icon-item .svg-holder:last-child {
    margin-bottom: 0
}

section.b-three-col-cta>.container .icon-grid .icon-item .svg-holder svg {
    height: 100%;
    width: auto;
    display: block;
    margin: 0 auto
}

section.b-three-col-cta>.container .icon-grid .icon-item .bot .subhead {
    color: #231f20;
    margin-bottom: 1rem
}

section.b-three-col-cta>.container .icon-grid .icon-item .bot .leadin {
    color: #767473
}

section.b-three-col-cta>.container .cta-area {
    margin-top: 3rem
}

section.b-basic-textbox {
    padding: 3rem 1rem;
    text-align: center
}

section.b-basic-textbox.orange-red {
    background-color: #db5738
}

section.b-basic-textbox.orange-red>.container .svg-holder svg {
    fill: #fff
}

section.b-basic-textbox.orange-red>.container .h3,
section.b-basic-textbox.orange-red>.container .reg {
    color: #fff
}

section.b-basic-textbox.blue {
    background-color: #4c82aa
}

section.b-basic-textbox.blue>.container .svg-holder svg {
    fill: #fff
}

section.b-basic-textbox.blue>.container .h3,
section.b-basic-textbox.blue>.container .reg {
    color: #fff
}

section.b-basic-textbox.drkst-blue {
    background-color: #202543
}

section.b-basic-textbox.drkst-blue>.container .svg-holder svg {
    fill: #fff
}

section.b-basic-textbox.drkst-blue>.container .h3,
section.b-basic-textbox.drkst-blue>.container .reg {
    color: #fff
}

section.b-basic-textbox.burntorange {
    background-color: #f75b4e
}

section.b-basic-textbox.burntorange>.container .svg-holder svg {
    fill: #fff
}

section.b-basic-textbox.burntorange>.container .h3,
section.b-basic-textbox.burntorange>.container .reg {
    color: #fff
}

section.b-basic-textbox>.container .svg-holder {
    margin-bottom: 1.5rem
}

section.b-basic-textbox>.container .svg-holder svg {
    max-width: 25%;
    height: auto;
    display: block;
    margin: 0 auto
}

section.b-basic-textbox>.container .h3 {
    margin-bottom: 1.5rem
}

section.b-three-img-cols {
    background-color: #e9e2d4;
    padding: 3rem 1rem
}

section.b-three-img-cols.mossgrn-bg {
    background-color: #928a6a
}

section.b-three-img-cols>.container .col img {
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

section.b-two-content-cols>.container .col {
    text-align: center;
    padding: 3rem 1rem
}

section.b-two-content-cols>.container .col.blue {
    background-color: #4c82aa
}

section.b-two-content-cols>.container .col.dk-blue {
    background-color: #132798
}

section.b-two-content-cols>.container .col.yellow {
    background-color: #f8be18
}

section.b-two-content-cols>.container .col.seagreen {
    background-color: #1e3235
}

section.b-two-content-cols>.container .col.lt-orange {
    background-color: #f2b27c
}

section.b-two-content-cols>.container .col.mintgreen {
    background-color: #57968d
}

section.b-two-content-cols>.container .col.sun-yellow {
    background-color: #faefc4
}

section.b-two-content-cols>.container .col.yellowgold {
    background-color: #ffdb3e
}

section.b-two-content-cols>.container .col>img {
    width: 100%;
    height: auto;
    max-height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

section.b-two-content-cols>.container .col .svg-holder {
    margin: 0 auto 1.5rem
}

section.b-two-content-cols>.container .col .svg-holder img,
section.b-two-content-cols>.container .col .svg-holder svg {
    max-width: 100%;
    max-height: 6rem;
    display: block;
    margin: 0 auto
}

section.b-two-content-cols>.container .col .h5 {
    margin: 0 auto 1.5rem
}

section.logo-grid-section {
    padding: 3rem 1rem;
    text-align: center
}

section.logo-grid-section.brown {
    background-color: #a5562b;
    color: #fff
}

section.logo-grid-section.sand {
    background-color: #e9e2d4;
    color: #322f2e
}

section.logo-grid-section.dk-maroon {
    background-color: #302624;
    color: #fff
}

section.logo-grid-section.dirtsand {
    background-color: #dfb797;
    color: #fff
}

section.logo-grid-section>.container .h2,
section.logo-grid-section>.container .h3 {
    margin-bottom: 3rem
}

section.logo-grid-section>.container .logo-grid {
    display: -webkit-box;
    display: -ms-flexbox;
    -js-display: flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

section.logo-grid-section>.container .logo-grid>* {
    max-width: 100%
}

section.logo-grid-section>.container .logo-grid .logo-item {
    width: 50%;
    padding: 0 1rem;
    margin-bottom: 1.5rem;
    display: -webkit-box;
    display: -ms-flexbox;
    -js-display: flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

section.logo-grid-section>.container .logo-grid .logo-item img {
    width: auto;
    max-width: 100%;
    display: block;
    margin: 0 auto;
    max-height: 4rem
}

section.logo-grid-section>.container .cta-area {
    text-align: center;
    margin-top: 3rem
}

section.circle-photo-carousel {
    padding: 5rem 1rem;
    text-align: center;
    background-color: #e9e2d4
}

section.circle-photo-carousel>.container .arrow-accent {
    pointer-events: none;
    height: 6rem;
    width: 6rem;
    -webkit-transform: translateY(6rem);
    transform: translateY(6rem);
    position: relative;
    z-index: 3;
    margin: -2rem 1.75rem 0 auto;
    max-width: 60%
}

section.circle-photo-carousel>.container .arrow-accent svg {
    width: 100%;
    height: auto
}

section.circle-photo-carousel>.container .circle-carousel {
    max-width: 60%;
    margin: 0 auto
}

section.circle-photo-carousel>.container .circle-carousel .owl-stage-outer {
    overflow: visible
}

section.circle-photo-carousel>.container .circle-carousel .owl-item .circle-item img {
    border-radius: 50%;
    -webkit-transform: scale(.6);
    transform: scale(.6);
    -webkit-transition: .4s;
    transition: .4s
}

section.circle-photo-carousel>.container .circle-carousel .owl-item.active .circle-item img {
    -webkit-transform: scale(1);
    transform: scale(1)
}

section.circle-photo-carousel>.container .cta-area {
    margin: 4rem auto 0
}

section.circle-photo-carousel>.container .cta-area .reg {
    margin: 1.5rem auto 3rem
}

section.info-section {
    text-align: center;
    color: #231f20;
    padding: 0 1rem 2rem
}

section.info-section a {
    color: #231f20;
    text-decoration: underline
}

section.info-section strong {
    font-weight: 700
}

section.form-section {
    padding: 0 1rem 2rem
}

section.form-section>.container #klaviyo-warranty-form .form-inner .field-group {
    margin-bottom: 2rem
}

section.form-section>.container #klaviyo-warranty-form .form-inner .field-group label,
section.form-section>.container #klaviyo-warranty-form .form-inner .field-group p {
    color: #322f2e;
    margin-bottom: .5rem
}

section.form-section>.container #klaviyo-warranty-form .form-inner .field-group input,
section.form-section>.container #klaviyo-warranty-form .form-inner .field-group select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-radius: 0;
    outline: 0;
    background: transparent;
    -webkit-transition: .6s;
    transition: .6s;
    padding: 1rem;
    color: #322f2e;
    border: 2px solid #322f2e;
    width: 100%
}

section.form-section>.container #klaviyo-warranty-form .form-inner .field-group input::-webkit-input-placeholder,
section.form-section>.container #klaviyo-warranty-form .form-inner .field-group select::-webkit-input-placeholder {
    font-size: 1rem;
    line-height: 1.375;
    letter-spacing: 0;
    color: #322f2e
}

section.form-section>.container #klaviyo-warranty-form .form-inner .field-group input::-moz-placeholder,
section.form-section>.container #klaviyo-warranty-form .form-inner .field-group select::-moz-placeholder {
    font-size: 1rem;
    line-height: 1.375;
    letter-spacing: 0;
    color: #322f2e
}

section.form-section>.container #klaviyo-warranty-form .form-inner .field-group input:-ms-input-placeholder,
section.form-section>.container #klaviyo-warranty-form .form-inner .field-group select:-ms-input-placeholder {
    font-size: 1rem;
    line-height: 1.375;
    letter-spacing: 0;
    color: #322f2e
}

.style-guide {
    padding: 0 0 3rem
}

.brand-colors {
    padding: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    -js-display: flex;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.brand-colors div {
    display: -webkit-box;
    display: -ms-flexbox;
    -js-display: flex;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 4rem;
    width: 50%;
    position: relative;
    text-align: center;
    font-weight: 700;
    color: #fff
}

.brand-colors div:first-child {
    background: #231f20
}

.brand-colors div:first-child:after {
    content: "Black"
}

.brand-colors div:nth-child(2) {
    background: #fff
}

.brand-colors div:nth-child(2):after {
    content: "Pure White";
    color: #231f20
}

.brand-colors div:nth-child(3) {
    background: #f33c25
}

.brand-colors div:nth-child(3):after {
    content: "Red"
}

.style-guide-card {
    padding: 4.5rem 1rem;
    border-bottom: 1px solid #231f20
}

@media (min-width:768px) {
    body {
        font-size: .75vw
    }

    #cart-pop .cart-addons .addon-items .addon-card .addon-card__grouped .addon-card__form .product-form__actions .quantity-box input,
    #footer>.container .footer-main .right .menu-container .menu-col ul li a,
    .article-content>.container p,
    .article-content>.container ul li,
    .form-area input,
    .form-area textarea,
    .page-content ol li,
    .page-content ul li,
    .product-info-accordion>.container .accordion-tab dd .content ol li,
    .product-info-accordion>.container .accordion-tab dd .content p,
    .product-info-accordion>.container .accordion-tab dd .content ul li,
    .quantity-box-cart .quantity-input-wrap .quantity-input,
    .reg,
    .shopify-policy__body ol li,
    .shopify-policy__body ul li,
    p,
    section.index-climate-neutral-section .left .copy-wrap .desc ol li,
    section.index-climate-neutral-section .left .copy-wrap .desc p,
    section.index-climate-neutral-section .left .copy-wrap .desc ul li,
    section.index-climate-neutral-section .right .copy-wrap .desc ol li,
    section.index-climate-neutral-section .right .copy-wrap .desc p,
    section.index-climate-neutral-section .right .copy-wrap .desc ul li {
        font-size: 1rem;
        line-height: 1.75;
        letter-spacing: 0
    }

    #footer>.container .footer-main .left .form-area #klaviyo-message p,
    .article-content>.container .intro-quote p,
    .large,
    .product-info-accordion>.container .accordion-tab dt button,
    section.collection-imageonly-hero .desc ol li,
    section.collection-imageonly-hero .desc p,
    section.collection-imageonly-hero .desc ul li,
    section.product-specs>.container .specs-table table tr td:nth-child(2),
    section.product-specs>.container .specs-table table tr td:nth-child(3) {
        font-size: 1.375rem;
        line-height: 1.36364;
        letter-spacing: -.01em
    }

    .small {
        font-size: .875rem;
        line-height: 2;
        letter-spacing: -.00071em
    }

    .extrasmall {
        font-size: .75rem;
        line-height: 1.5;
        letter-spacing: .00833em
    }

    .accent-sub {
        font-size: .875rem;
        line-height: 1.78571;
        letter-spacing: .14286em
    }

    .btn,
    .btn-type,
    .btnlink {
        font-size: 1.125rem;
        line-height: 1.11111;
        letter-spacing: .03889em
    }

    .btn-type-quantity,
    .quantity-box .quantity-input-wrap .quantity-input {
        font-size: 1.625rem;
        line-height: 1.46154;
        letter-spacing: .01538em
    }

    .accent-btn {
        font-size: 2.1875rem;
        line-height: 1.14286;
        letter-spacing: .01143em
    }

    .h1,
    .shopify-policy__title h1 {
        font-size: 3.4375rem;
        line-height: 1;
        letter-spacing: .01027em
    }

    .h2,
    section.b-hero>.container .h1 {
        font-size: 2.3125rem;
        line-height: 1;
        letter-spacing: .01527em
    }

    .article-content>.container h2,
    .article-content>.container h3,
    .article-content>.container h4,
    .article-content>.container h5,
    .article-content>.container h6,
    .h4,
    section.product-specs>.container .specs-table table tr td:first-child {
        font-size: 1.375rem;
        line-height: 1;
        letter-spacing: .02568em
    }

    .h5 {
        font-size: 1.25rem;
        line-height: 1;
        letter-spacing: .02825em
    }

    .pdp-title {
        font-size: 2.3125rem;
        line-height: 1;
        letter-spacing: .01527em
    }

    .digest-container aside.blogs-filter>.container button,
    .lead {
        font-size: 1.125rem;
        line-height: 1;
        letter-spacing: .03139em
    }

    .lead-sub {
        font-size: .875rem;
        line-height: 1;
        letter-spacing: .04036em
    }

    .product-card-titles {
        font-size: 1.09375rem;
        line-height: 1;
        letter-spacing: .03229em
    }

    .pull-small {
        font-size: 3.75rem;
        line-height: .83333;
        letter-spacing: .00942em
    }

    .navitem-lvl1 {
        font-size: 1.125rem;
        line-height: 1.11111;
        letter-spacing: 0
    }

    .navitem-lvl2 {
        font-size: 1.25rem;
        line-height: 1;
        letter-spacing: .02825em
    }

    .navitem-lvl3 {
        font-size: 1.125rem;
        line-height: 1;
        letter-spacing: .03139em
    }

    .m-not-tab {
        display: none
    }

    #cart-pop {
        width: 45%
    }

    #cart-pop #close-cart-popper {
        top: 1.5rem;
        right: 3.5vw
    }

    #cart-pop .cart-main {
        padding: 2rem 1rem
    }

    #cart-pop .cart-main .cart-header {
        margin: 0 0 1.5rem
    }

    #cart-pop .cart-main .cart-items {
        margin: 0 0 1.5rem;
        xoverflow-y: scroll;
        xmax-height: 29vw
    }

    #cart-pop .cart-main .cart-items .cart-item {
        margin: 0 0 .5rem
    }

    #cart-pop .cart-main .cart-items .cart-item .cart-item__img {
        width: 20%
    }

    #cart-pop .cart-main .cart-items .cart-item .cart-item__title {
        padding: 0 0 0 1.5rem;
        width: 53%
    }

    #cart-pop .cart-main .cart-items .cart-item .cart-item__controls {
        padding: 0;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        margin: 0;
        width: 27%
    }

    #cart-pop .cart-main .cart-items .cart-item .cart-item__controls .quantity-box-cart {
        margin: 0;
        width: 7rem
    }

    #cart-pop .cart-main .cart-footer .cart-pop__ctas {
        margin: 1.5rem 0 0
    }

    #cart-pop .cart-addons .addon-header,
    #cart-pop .cart-addons .addon-items {
        padding: 2rem 1rem
    }

    #cart-pop .cart-addons .addon-items .addon-card {
        margin: 0 0 2rem
    }

    #cart-pop .cart-addons .addon-items .addon-card .addon-card__img {
        width: 50%
    }

    #cart-pop .cart-addons .addon-items .addon-card .addon-card__grouped {
        padding: 0 0 0 1.5rem;
        width: 50%
    }

    #cart-pop .cart-addons .addon-items .addon-card .addon-card__grouped .addon-card__form .product-form__actions .quantity-box {
        width: 7rem;
        margin: 0 1.5rem 0 0
    }

    #notification-msg {
        padding: .5rem 3.5vw
    }

    #notification-msg>.container .message .mobileMsg {
        display: none
    }

    #notification-msg>.container .message .desktopMsg {
        display: block
    }

    #notification-msg>.container #notification-dismiss {
        height: 1rem;
        width: 1rem;
        right: 1.5rem
    }

    #header {
        padding: 0 3.5vw;
        height: 4.75vw
    }

    #header #mobile-navBtn {
        display: none
    }

    #header nav#nav {
        overflow: visible;
        position: static;
        height: auto;
        padding: 0;
        color: #fff
    }

    #header nav#nav>.container {
        padding: 0;
        background-color: transparent;
        position: static
    }

    #header nav#nav ul.level-1 {
        display: -webkit-box;
        display: -ms-flexbox;
        -js-display: flex;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

    #header nav#nav ul.level-1>li {
        margin: 0
    }

    #header nav#nav ul.level-1>li:hover>button:before,
    #header nav#nav ul.level-1>li:hover a:before {
        opacity: 1
    }

    #header nav#nav ul.level-1>li:hover.has-submenu ul.level-2 {
        opacity: 1;
        pointer-events: auto
    }

    #header nav#nav ul.level-1>li a.back-to-level-1,
    #header nav#nav ul.level-1>li a.back-to-level-2,
    #header nav#nav ul.level-1>li button.back-to-level-1,
    #header nav#nav ul.level-1>li button.back-to-level-2 {
        display: none
    }

    #header nav#nav ul.level-1>li>a,
    #header nav#nav ul.level-1>li>button {
        color: #fff;
        cursor: pointer;
        padding: 2vw 1.5rem;
        position: relative
    }

    #header nav#nav ul.level-1>li>a:before,
    #header nav#nav ul.level-1>li>button:before {
        content: "";
        position: absolute;
        top: 50%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        left: 0;
        right: 0;
        margin: 0 auto;
        display: block;
        border: 1px solid #fff;
        height: 25%;
        width: 80%;
        border-radius: 50%;
        opacity: 0;
        -webkit-transition: .4s;
        transition: .4s
    }

    #header nav#nav ul.level-1>li ul.level-2 {
        padding: 0;
        pointer-events: none;
        opacity: 0;
        top: 4.75vw;
        left: 0;
        z-index: -1;
        height: calc(100vh - 4.75vw);
        max-height: 56vw;
        border-bottom: 3px solid #000
    }

    #header nav#nav ul.level-1>li ul.level-2>li:nth-child(2) {
        margin: 2.75vw 0 0
    }

    #header nav#nav ul.level-1>li ul.level-2>li {
        margin: 0;
        min-width: none;
        width: -webkit-fit-content;
        width: -moz-fit-content;
        width: fit-content;
        min-width: 25vw;
        padding: 0 3.5vw 0 0
    }

    #header nav#nav ul.level-1>li ul.level-2>li:first-child {
        display: none
    }

    #header nav#nav ul.level-1>li ul.level-2>li:hover a:before,
    #header nav#nav ul.level-1>li ul.level-2>li:hover button:before {
        opacity: 1
    }

    #header nav#nav ul.level-1>li ul.level-2>li:hover ul.level-3 {
        opacity: 1;
        pointer-events: auto
    }

    #header nav#nav ul.level-1>li ul.level-2>li:hover .sub-cta-box {
        opacity: 1;
        pointer-events: auto;
        -webkit-transition: 0s;
        transition: 0s
    }

    #header nav#nav ul.level-1>li ul.level-2>li>a,
    #header nav#nav ul.level-1>li ul.level-2>li>button {
        display: inline-block;
        color: #231f20;
        cursor: pointer;
        padding: 1.5rem 3.5vw;
        width: -webkit-fit-content;
        width: -moz-fit-content;
        width: fit-content;
        position: relative
    }

    #header nav#nav ul.level-1>li ul.level-2>li>a:before,
    #header nav#nav ul.level-1>li ul.level-2>li>button:before {
        content: "";
        position: absolute;
        top: 50%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        left: 0;
        right: 0;
        margin: 0 auto;
        display: block;
        border: 1px solid #231f20;
        height: 50%;
        width: 80%;
        border-radius: 50%;
        opacity: 0;
        -webkit-transition: .4s;
        transition: .4s
    }

    #header nav#nav ul.level-1>li ul.level-2>li ul.level-3 {
        position: absolute;
        top: 0;
        bottom: 0;
        right: 35%;
        left: auto;
        height: 100%;
        width: 40%;
        padding: 2.75vw 3rem;
        opacity: 0;
        pointer-events: none;
        overflow-y: scroll;
        border-left: 2px solid #231f20
    }

    #header nav#nav ul.level-1>li ul.level-2>li ul.level-3>li {
        margin: 0 0 1rem
    }

    #header nav#nav ul.level-1>li ul.level-2>li ul.level-3>li a:hover .navitem-lvl3 .item-wrap:before {
        opacity: 1
    }

    #header nav#nav ul.level-1>li ul.level-2>li ul.level-3>li a .img-wrap {
        height: 6rem;
        width: 6rem
    }

    #header nav#nav ul.level-1>li ul.level-2>li ul.level-3>li a .navitem-lvl3 {
        width: calc(100% - 6rem);
        padding: 1.5rem;
        position: relative
    }

    #header nav#nav ul.level-1>li ul.level-2>li ul.level-3>li a .navitem-lvl3 .item-wrap {
        position: relative;
        display: inline-block
    }

    #header nav#nav ul.level-1>li ul.level-2>li ul.level-3>li a .navitem-lvl3 .item-wrap:before {
        content: "";
        position: absolute;
        top: 50%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        left: -10%;
        right: 0;
        margin: 0 auto;
        display: block;
        border: 1px solid #231f20;
        height: 120%;
        width: 120%;
        border-radius: 50%;
        opacity: 0;
        -webkit-transition: .4s;
        transition: .4s
    }

    #header nav#nav ul.level-1>li ul.level-2>li ul.level-3>li a .navitem-lvl3 .menu-badge {
        top: -.5rem
    }

    #header nav#nav ul.level-1>li ul.level-2>li .sub-cta-box {
        display: block;
        position: absolute;
        top: 0;
        bottom: 0;
        right: 0;
        left: auto;
        height: 100%;
        width: 35%;
        padding: 3.5vw 3rem;
        opacity: 0;
        pointer-events: none;
        -webkit-transition: .4s;
        transition: .4s;
        z-index: 4
    }

    #header nav#nav ul.level-1>li ul.level-2>li .sub-cta-box .copy-wrap {
        position: relative;
        z-index: 3
    }

    #header nav#nav ul.level-1>li ul.level-2>li .sub-cta-box .copy-wrap .cta-wrap {
        margin: 1rem 0 0
    }

    #header nav#nav ul.level-1>li ul.level-2>li .sub-cta-box .copy-wrap .cta-wrap a {
        color: #fff
    }

    #header nav#nav ul.level-1>li ul.level-2>li .sub-cta-box:after {
        content: "";
        z-index: 2;
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        display: block;
        margin: 0 auto;
        background-color: #231f20;
        opacity: .4
    }

    #header nav#nav ul.level-1>li ul.level-2>li .sub-cta-box>img {
        z-index: 1;
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        display: block;
        margin: 0 auto;
        -o-object-fit: cover;
        object-fit: cover;
        width: 100%;
        height: 100%
    }

    #header nav#nav ul.level-1>li ul.level-2 .main-cta-box {
        display: block;
        position: absolute;
        top: 0;
        bottom: 0;
        right: 0;
        left: auto;
        height: 100%;
        width: 35%;
        padding: 3.5vw 3rem
    }

    #header nav#nav ul.level-1>li ul.level-2 .main-cta-box .copy-wrap {
        position: relative;
        z-index: 3
    }

    #header nav#nav ul.level-1>li ul.level-2 .main-cta-box .copy-wrap .cta-wrap {
        margin: 1rem 0 0
    }

    #header nav#nav ul.level-1>li ul.level-2 .main-cta-box .copy-wrap .cta-wrap a {
        color: #fff
    }

    #header nav#nav ul.level-1>li ul.level-2 .main-cta-box:after {
        content: "";
        z-index: 2;
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        display: block;
        margin: 0 auto;
        background-color: #231f20;
        opacity: .4
    }

    #header nav#nav ul.level-1>li ul.level-2 .main-cta-box>img {
        z-index: 1;
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        display: block;
        margin: 0 auto;
        -o-object-fit: cover;
        object-fit: cover;
        width: 100%;
        height: 100%
    }

    #header .site-logo {
        width: 9%;
        position: absolute;
        top: 50%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        left: 0;
        right: 0;
        margin: 0 auto;
        display: block;
        z-index: 999
    }

    #header .cart-btn-wrap {
        margin: 0 0 0 2rem
    }

    #header .cart-btn-wrap .nav-item {
        margin: .4rem 1.5rem 0 0;
        display: block;
        text-align: center
    }

    #header .cart-btn-wrap #cart-popper {
        width: 1.5rem;
        height: 1.5rem
    }

    #footer>.container .footer-main {
        display: -webkit-box;
        display: -ms-flexbox;
        -js-display: flex;
        display: flex;
        -webkit-box-align: stretch;
        -ms-flex-align: stretch;
        align-items: stretch;
        border-bottom: 2px solid #231f20
    }

    #footer>.container .footer-main .left {
        padding: 5vw;
        width: 50%
    }

    #footer>.container .footer-main .left .icon {
        margin: 0 auto 5vw 0;
        width: -webkit-fit-content;
        width: -moz-fit-content;
        width: fit-content
    }

    #footer>.container .footer-main .left .subscribe-title {
        margin: 0 0 5vw
    }

    #footer>.container .footer-main .left .form-area form#footer-klaviyo .form-inner .field-group input::-ms-input-placeholder {
        font-size: 1.375rem;
        line-height: 1.36364;
        letter-spacing: -.01em
    }

    #footer>.container .footer-main .left .form-area form#footer-klaviyo .form-inner .field-group input::placeholder {
        font-size: 1.375rem;
        line-height: 1.36364;
        letter-spacing: -.01em
    }

    #footer>.container .footer-main .left .form-area form#footer-klaviyo .form-inner .field-group input::-webkit-input-placeholder {
        font-size: 1.375rem;
        line-height: 1.36364;
        letter-spacing: -.01em
    }

    #footer>.container .footer-main .left .form-area form#footer-klaviyo .form-inner .field-group input::-moz-placeholder {
        font-size: 1.375rem;
        line-height: 1.36364;
        letter-spacing: -.01em
    }

    #footer>.container .footer-main .left .form-area form#footer-klaviyo .form-inner .field-group input:-ms-input-placeholder {
        font-size: 1.375rem;
        line-height: 1.36364;
        letter-spacing: -.01em
    }

    #footer>.container .footer-main .left .message-area {
        margin: 3rem 0 0
    }

    #footer>.container .footer-main .right {
        margin: 0;
        padding: 5vw;
        width: 50%
    }

    #footer>.container .footer-main .right .logo {
        margin: 0 auto 5vw 0;
        display: -webkit-box;
        display: -ms-flexbox;
        -js-display: flex;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }

    #footer>.container .footer-main .right .logo .svg-wrap {
        width: -webkit-fit-content;
        width: -moz-fit-content;
        width: fit-content;
        margin: 0 auto 0 0
    }

    #footer>.container .footer-main .right .logo .region-wrap {
        position: relative;
        top: 0;
        margin: 0 0 0 auto
    }

    #footer>.container .footer-main .right .logo .region-wrap ul {
        padding: 1.5rem 2.5rem 1.5rem 1rem
    }

    #footer>.container .footer-main .right .menu-container {
        display: -webkit-box;
        display: -ms-flexbox;
        -js-display: flex;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }

    #footer>.container .footer-main .right .menu-container .menu-col {
        text-align: left
    }

    #footer>.container .footer-main .right .social-btns a {
        height: 3rem;
        width: 3rem
    }

    #footer>.container .footer-main .right .social-btns a:hover {
        background-color: #f33c25
    }

    #footer>.container .footer-main .right .social-btns a:hover svg {
        -webkit-transform: translateY(-50%) scale(1.07);
        transform: translateY(-50%) scale(1.07)
    }

    #footer>.container .footer-bottom {
        padding: 1rem 5vw
    }

    #footer>.container .footer-bottom .small {
        text-align: left;
        display: -webkit-box;
        display: -ms-flexbox;
        -js-display: flex;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }

    #footer>.container .footer-bottom .small .right {
        text-align: right
    }

    section.index__hero>.container {
        display: -webkit-box;
        display: -ms-flexbox;
        -js-display: flex;
        display: flex;
        -webkit-box-align: stretch;
        -ms-flex-align: stretch;
        align-items: stretch
    }

    section.index__hero>.container .left {
        width: 50%
    }

    section.index__hero>.container .left .slide {
        height: 41vw
    }

    section.index__hero>.container .right {
        width: 50%
    }

    section.index__hero>.container .right .content-slide,
    section.index__hero>.container .right .content-slide .content-wrap {
        height: 100%
    }

    section.index__hero>.container .right .content-slide .content-wrap .copy-wrap {
        padding: 3.5vw
    }

    section.index__hero>.container .right .content-slide .content-wrap .copy-wrap .top .reg {
        margin: 0
    }

    section.index__hero>.container .right .content-slide .content-wrap .copy-wrap .bottom .cta-wrap a:last-child {
        margin: 0 0 0 1rem
    }

    section.index__featured-stories>.container {
        padding: 5vw
    }

    section.index__featured-stories>.container .title-wrap {
        margin: 0 0 5vw
    }

    section.index__featured-stories>.container .owl-carousel .owl-stage-outer {
        overflow: visible
    }

    section.index__featured-stories>.container .owl-carousel .owl-item .story-card {
        margin: 0 5vw 0 0;
        width: 30vw
    }

    section.index__featured-stories>.container .owl-carousel .owl-item .story-card .card-inner .card-img {
        margin: 0 auto 2rem;
        height: 12vw
    }

    section.index__featured-stories>.container .owl-carousel .owl-item .story-card .card-inner .card-date,
    section.index__featured-stories>.container .owl-carousel .owl-item .story-card .card-inner .card-title {
        margin: 0 0 2rem
    }

    section.index__featured-stories>.container .controls {
        padding: 3rem 0 0;
        border-top: 2px solid #f7f6f5;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

    section.index__featured-stories>.container .controls .slider-buttons {
        margin: 0
    }

    section.index__featured-stories>.container .controls .slider-buttons button {
        padding: .5rem 1.5rem
    }

    section.index__featured-media {
        padding: 7vw 5vw
    }

    section.index__featured-media>.container .media-quotes {
        margin: 0 0 5vw
    }

    section.index__featured-media>.container .load-bar {
        margin: 0 0 3.5vw
    }

    section.index__featured-media>.container .media-logos img {
        margin: 0 5vw 0 auto;
        height: 3.5vw
    }

    section.index__featured-testimonials,
    section.index__featured-testimonials>.container .testimonials-wrap .testi {
        padding: 0
    }

    section.index__featured-testimonials>.container .testimonials-wrap .testi .copy-wrap {
        padding: 7vw 5vw;
        border-right: 2px solid #231f20;
        width: 65%
    }

    section.index__featured-testimonials>.container .testimonials-wrap .testi .copy-wrap .pdp-title {
        display: none
    }

    section.index__featured-testimonials>.container .testimonials-wrap .testi .copy-wrap .top .h5 {
        width: 80%
    }

    section.index__featured-testimonials>.container .testimonials-wrap .testi .copy-wrap .top .lead {
        width: 20%
    }

    section.index__featured-testimonials>.container .testimonials-wrap .testi .copy-wrap .middle {
        margin: 0 0 5vw;
        padding: 0 5vw 0 0
    }

    section.index__featured-testimonials>.container .testimonials-wrap .testi .copy-wrap .bottom {
        padding: 0 10vw 0 0
    }

    section.index__featured-testimonials>.container .testimonials-wrap .testi .copy-wrap .bottom .dot {
        height: 1rem;
        width: 1rem
    }

    section.index__featured-testimonials>.container .testimonials-wrap .testi .imagery-wrap {
        opacity: 1;
        width: 28vw;
        height: 28vw;
        position: absolute;
        bottom: 0;
        right: 3.5vw;
        left: auto;
        top: 50%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%)
    }

    section.index__featured-testimonials>.container .testimonials-wrap .testi .imagery-wrap a .h4 {
        text-align: center;
        color: #231f20;
        display: block
    }

    section.index__featured-testimonials>.container .testimonial-next {
        margin: 0;
        position: absolute;
        bottom: 5vw;
        right: 38.25%;
        left: auto;
        top: auto
    }

    section.index-climate-neutral-section>.container {
        display: -webkit-box;
        display: -ms-flexbox;
        -js-display: flex;
        display: flex;
        -webkit-box-align: stretch;
        -ms-flex-align: stretch;
        align-items: stretch
    }

    section.index-climate-neutral-section .left,
    section.index-climate-neutral-section .right {
        width: 50%;
        padding: 3.5vw 0
    }

    section.index-climate-neutral-section .left .titleImage,
    section.index-climate-neutral-section .right .titleImage {
        margin: 0 0 2.75vw
    }

    section.index-climate-neutral-section .left .copy-wrap,
    section.index-climate-neutral-section .right .copy-wrap {
        margin: 0 0 2.75vw;
        padding: 0 5vw
    }

    section.index-climate-neutral-section .left .copy-wrap .desc ol,
    section.index-climate-neutral-section .left .copy-wrap .desc ul,
    section.index-climate-neutral-section .right .copy-wrap .desc ol,
    section.index-climate-neutral-section .right .copy-wrap .desc ul {
        padding: 0 0 0 7vw
    }

    section.index-climate-neutral-section .left .logo-wrap img,
    section.index-climate-neutral-section .right .logo-wrap img {
        width: 25%
    }

    section.index-climate-neutral-section .left .titleImage {
        padding: 0 5vw
    }

    section.index-climate-neutral-section .left .accent-img {
        height: 10vw
    }

    section.index-climate-neutral-section .right .titleImage {
        padding: 0 2.75vw
    }

    section.index-climate-neutral-section .right .accent-img {
        height: 10vw;
        bottom: 5vw
    }

    section.product-hero>.container {
        display: -webkit-box;
        display: -ms-flexbox;
        -js-display: flex;
        display: flex
    }

    section.product-hero>.container>* {
        max-width: 100%
    }

    section.product-hero>.container .left {
        min-height: unset;
        width: 69%
    }

    section.product-hero>.container .left .variant-group {
        padding: 3vw 5vw 5vw;
        display: -webkit-box;
        display: -ms-flexbox;
        -js-display: flex;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    section.product-hero>.container .left .variant-group>* {
        max-width: 100%
    }

    section.product-hero>.container .left .variant-group .prod_img {
        overflow: hidden;
        width: 50%
    }

    section.product-hero>.container .left .variant-group .prod_img:nth-child(odd) {
        padding: 0 1vw 2vw 0
    }

    section.product-hero>.container .left .variant-group .prod_img:nth-child(2n) {
        padding: 0 0 2vw 1vw
    }

    section.product-hero>.container .left .variant-group .prod_img img {
        display: block;
        margin: 0 auto;
        width: 100%;
        height: auto
    }

    section.product-hero>.container .right {
        padding: 3vw 5vw 0 0;
        width: 31%
    }

    section.product-hero>.container .right .zoom-levels {
        margin: 0 0 2rem
    }

    section.product-hero>.container .right .zoom-levels .img-holder {
        margin: 0 0 2rem;
        padding: 0 2rem
    }

    section.product-hero>.container .right .zoom-levels .img-holder>img.dt {
        display: block
    }

    section.product-hero>.container .right .zoom-levels .img-holder>img.mb {
        display: none
    }

    section.product-hero>.container .right .zoom-levels .zoom-cols {
        margin: 0;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }

    section.product-hero>.container .right .zoom-levels .zoom-cols .zoom-col {
        width: 48.5%
    }

    section.product-hero>.container .right .zoom-levels .zoom-cols .zoom-col .zoom-title {
        display: none
    }

    section.product-hero>.container .right .zoom-levels .zoom-cols .zoom-col .zoom-list li {
        font-size: .75rem;
        line-height: 1.41667;
        letter-spacing: 0
    }

    section.product-hero>.container .right .order-details .pdp-atc__actions .quantity-box {
        width: 7rem
    }

    section.product-hero>.container .right .additional-info .product-value-props .value-props-container .value-prop .svg-holder svg {
        max-width: 50%
    }

    div.product-sidebyside>.container {
        padding: 10vw
    }

    div.product-sidebyside>.container section.p-sbs {
        margin-bottom: 10vw
    }

    div.product-sidebyside>.container section.p-sbs:last-child {
        margin-bottom: 0
    }

    div.product-sidebyside>.container section.p-sbs:nth-child(2n)>.container {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
        flex-direction: row-reverse
    }

    div.product-sidebyside>.container section.p-sbs:nth-child(2n)>.container .copy {
        padding: 0 0 0 3vw
    }

    div.product-sidebyside>.container section.p-sbs:nth-child(2n)>.container .imagery {
        margin-bottom: 0;
        width: 50%;
        padding: 0 5vw 0 0
    }

    div.product-sidebyside>.container section.p-sbs:nth-child(2n)>.container .imagery img {
        right: -2.75vw
    }

    div.product-sidebyside>.container section.p-sbs:nth-child(2n)>.container .imagery .accent {
        bottom: -2vw;
        left: -2vw
    }

    div.product-sidebyside>.container section.p-sbs>.container {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row
    }

    div.product-sidebyside>.container section.p-sbs>.container .copy {
        width: 50%;
        padding: 0 3vw 0 0;
        display: -webkit-box !important;
        display: -ms-flexbox !important;
        -js-display: flex !important;
        display: flex !important;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }

    div.product-sidebyside>.container section.p-sbs>.container .copy>* {
        max-width: 100%
    }

    div.product-sidebyside>.container section.p-sbs>.container .copy .inner h3 {
        margin-bottom: 2rem
    }

    div.product-sidebyside>.container section.p-sbs>.container .copy .inner .btn {
        margin-top: 2rem
    }

    div.product-sidebyside>.container section.p-sbs>.container .imagery {
        margin-bottom: 0;
        width: 50%;
        padding: 0 0 0 5vw
    }

    div.product-sidebyside>.container section.p-sbs>.container .imagery img {
        left: -2vw;
        top: -2vw
    }

    div.product-sidebyside>.container section.p-sbs>.container .imagery .accent {
        max-width: calc(100% - 4vw);
        right: -2vw;
        bottom: -2vw
    }

    section.product-specs {
        padding: 5vw 10vw
    }

    section.product-specs>.container h2 {
        margin-bottom: 5vw
    }

    section.product-specs>.container .specs-table table tr {
        padding: 1rem 0
    }

    section.product-specs>.container .specs-table table tr td:first-child {
        width: 33.33333%
    }

    section.product-specs>.container .specs-table table tr td:nth-child(2) {
        margin-top: 0;
        width: 33.33333%;
        padding: 0 1.5rem 0 0
    }

    section.product-specs>.container .specs-table table tr td:nth-child(3) {
        margin-top: 0;
        width: 33.33333%
    }

    section.product-renders {
        padding: 5vw 10vw
    }

    section.product-renders>.container {
        display: -webkit-box;
        display: -ms-flexbox;
        -js-display: flex;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

    section.product-renders>.container>* {
        max-width: 100%
    }

    section.product-renders>.container img {
        width: 50%
    }

    section.product-reviews-temp {
        padding: 5vw
    }

    section.collection-hero {
        padding: 5vw 10vw
    }

    section.collection-hero.noBg {
        padding: 7vw 10vw 2.75vw
    }

    section.collection-hero>.container .collection-content .desc {
        margin: 2rem auto 0;
        max-width: 75%
    }

    section.collection-imageonly-hero>.container img.mobileImg {
        display: none
    }

    section.collection-imageonly-hero>.container img.desktopImg {
        display: block;
        margin: 0 auto;
        width: 100%;
        height: auto
    }

    section.collection-imageonly-hero .desc {
        padding: 3.5vw 10vw
    }

    section.collection-imageonly-hero .desc ol,
    section.collection-imageonly-hero .desc ul {
        padding: 3rem 0
    }

    section.collection-list {
        padding: 2.75vw 5vw
    }

    section.collection-list.list-2col>ul.container {
        grid-gap: 2.75vw
    }

    section.collection-list.list-3col>ul.container {
        grid-gap: 2.75vw;
        grid-template-columns: repeat(3, 1fr)
    }

    section.collection-list.list-4col>ul.container {
        grid-gap: 2.75vw;
        grid-template-columns: repeat(4, 1fr)
    }

    .page-content {
        padding: 3.5vw 10vw 7vw
    }

    .page-content img {
        margin: 3.5vw auto
    }

    .page-content iframe {
        height: 56vw
    }

    .shopify-policy__title {
        padding: 7vw 5vw 2.75vw
    }

    .shopify-policy__body {
        padding: 0 10vw 7vw
    }

    .shopify-policy__body img {
        margin: 3.5vw auto
    }

    section.featured-products-slider {
        padding: 7vw 0
    }

    section.featured-products-slider>.container .title-wrap {
        margin: 0 0 3.5vw;
        padding: 0 5vw
    }

    .owl-carousel .owl-stage-outer .owl-stage .owl-item:first-child .product-item-card {
        margin: 0 2.5vw 0 5vw
    }

    .product-item-card {
        margin: 0 2.5vw;
        width: 18.75vw
    }

    .product-item-card .img-wrap {
        margin: 0 0 2rem
    }

    .product-item-card .img-wrap:hover a img {
        -webkit-transform: scale(1.07);
        transform: scale(1.07)
    }

    .product-item-card .copy-wrap {
        padding: 0 0 1rem;
        margin: 0 0 1.5rem
    }

    section.marquee-section {
        height: 7vw
    }

    section.marquee-section .marquee-full .track-contain .track {
        -webkit-animation: marqueealt 120s linear infinite;
        animation: marqueealt 120s linear infinite
    }

    .hero-simple {
        padding: 7vw 5vw 2.75vw
    }

    section.imagery-slider>.container {
        padding: 0 0 5vw
    }

    section.imagery-slider>.container .owl-stage,
    section.imagery-slider>.container .owl-stage-outer {
        height: 30vw !important
    }

    section.imagery-slider>.container .owl-item {
        margin: 0 2.75vw 0 0;
        height: 30vw
    }

    section.imagery-slider>.container .owl-item img {
        height: 30vw
    }

    .digest-container .page-top h1 {
        padding: 3.5vw 0;
        width: calc(100% - 14vw)
    }

    .digest-container aside.blogs-filter {
        margin: 0 0 5vw;
        padding: 2.75vw 7vw
    }

    .digest-container aside.blogs-filter>.container {
        display: -webkit-box;
        display: -ms-flexbox;
        -js-display: flex;
        display: flex;
        -ms-flex-pack: distribute;
        justify-content: space-around
    }

    .digest-container aside.blogs-filter>.container button {
        white-space: normal;
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1
    }

    .digest-container section.blogs-grid {
        padding: 0 7vw
    }

    .digest-container section.blogs-grid>.container {
        -webkit-box-align: stretch;
        -ms-flex-align: stretch;
        align-items: stretch;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }

    .digest-container section.blogs-grid>.container .blog-card {
        margin: 0 0 5vw;
        width: 31%
    }

    .digest-container section.blogs-grid>.container .blog-card:last-child {
        margin: 0 0 5vw
    }

    .digest-container section.blogs-grid>.container .blog-card .container .imagery {
        margin: 1.5rem auto;
        height: 33vw
    }

    .digest-container section.blogs-grid>.container .blog-card .container .info {
        display: -webkit-box;
        display: -ms-flexbox;
        -js-display: flex;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

    .digest-container section.blogs-grid>.container .blog-card .container .info>* {
        max-width: 100%
    }

    .digest-container section.blogs-grid>.container .blog-card .container .hoverui {
        max-height: 10rem
    }

    .digest-container section.blogs-grid>.container .blog-card .container .hoverui .inner .img {
        margin: 0 1.5rem
    }

    article.blog-post-seo .article-header {
        padding: 3.5vw 7vw 0
    }

    article.blog-post-seo .article-header .article-info .bot h1 {
        max-width: 85%;
        margin: 5vw auto
    }

    .article-header {
        padding: 3.5vw 7vw 0
    }

    .article-header .blog-img {
        margin: 0 auto 3.5vw;
        height: 32vw
    }

    .article-header .article-info .top {
        margin: 0 0 1.5rem
    }

    .article-header .article-info .bot h1 {
        max-width: 85%;
        margin-left: auto;
        margin-right: auto
    }

    .article-content {
        padding: 3.5vw 7vw
    }

    .article-content>.container h2,
    .article-content>.container h3,
    .article-content>.container h4,
    .article-content>.container h5,
    .article-content>.container h6 {
        margin-top: 4.5rem;
        margin-bottom: 2rem
    }

    .article-content>.container p,
    .article-content>.container ul {
        margin-bottom: 1.5rem
    }

    .article-content>.container .intro-quote {
        padding: 3.5vw 0;
        margin: 3.5vw 0
    }

    .article-content>.container .intro-quote p {
        max-width: 80%;
        margin-left: auto;
        margin-right: auto
    }

    .article-content>.container .three-col {
        max-width: 85%;
        margin: 5vw auto;
        display: -webkit-box;
        display: -ms-flexbox;
        -js-display: flex;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-align: stretch;
        -ms-flex-align: stretch;
        align-items: stretch
    }

    .article-content>.container .three-col>* {
        max-width: 100%
    }

    .article-content>.container .three-col .col {
        width: 32%;
        height: 32vw
    }

    .article-content>.container .three-col .col img {
        height: 100%;
        width: auto;
        -o-object-fit: cover;
        object-fit: cover
    }

    .article-content>.container .two-col {
        max-width: 85%;
        margin-top: 5vw;
        margin-bottom: 5vw;
        display: -webkit-box;
        display: -ms-flexbox;
        -js-display: flex;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-align: stretch;
        -ms-flex-align: stretch;
        align-items: stretch
    }

    .article-content>.container .two-col>* {
        max-width: 100%
    }

    .article-content>.container .two-col .col {
        width: 48.5%;
        height: 43vw
    }

    .article-content>.container .two-col .col img {
        height: 100%;
        width: auto;
        -o-object-fit: cover;
        object-fit: cover
    }

    .article-content>.container .one-col {
        max-width: 85%;
        margin-top: 5vw;
        margin-bottom: 5vw;
        display: -webkit-box;
        display: -ms-flexbox;
        -js-display: flex;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-align: stretch;
        -ms-flex-align: stretch;
        align-items: stretch
    }

    .article-content>.container .one-col>* {
        max-width: 100%
    }

    .article-content>.container .blog-pullquote {
        margin: 10vw 0;
        padding: 5vw
    }

    .article-content>.container .blog-pullquote:after,
    .article-content>.container .blog-pullquote:before {
        height: 5vw;
        width: 5vw
    }

    .article-content>.container .blog-pullquote:before {
        top: -6vw
    }

    .article-content>.container .blog-pullquote:after {
        bottom: -6vw
    }

    .article-content>.container iframe {
        margin: 3.5vw auto;
        width: 85%;
        height: 40vw
    }

    .return-link-wrapper {
        margin-bottom: 5vw
    }

    .activities-container .act-hero {
        padding: 3.5vw 7vw
    }

    .activities-container .act-hero>.container {
        padding: 0 0 3.5vw
    }

    .activities-container .act-grid {
        padding: 3.5vw 7vw
    }

    .activities-container .act-grid>.container {
        -webkit-box-align: stretch;
        -ms-flex-align: stretch;
        align-items: stretch;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }

    .activities-container .act-grid>.container .act-card {
        margin: 0 0 5vw;
        width: 31%
    }

    .activities-container .act-grid>.container .act-card:last-child {
        margin: 0 0 5vw
    }

    .activities-container .act-grid>.container .act-card .container .imagery {
        margin: 1.5rem auto;
        height: 23vw
    }

    .activities-container .act-grid>.container .act-card .container .info {
        display: -webkit-box;
        display: -ms-flexbox;
        -js-display: flex;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

    .activities-container .act-grid>.container .act-card .container .info>* {
        max-width: 100%
    }

    .activities-container .act-grid>.container .act-card .container .hoverui {
        max-height: 10rem
    }

    .activities-container .act-grid>.container .act-card .container .hoverui .inner .img {
        margin: 0 1.5rem
    }

    section.b-hero>.container {
        padding: 7vw
    }

    section.b-hero>.container .leadin {
        margin-bottom: 1rem
    }

    section.b-hero>.container .larger,
    section.b-hero>.container .p-special {
        max-width: 80%;
        margin: 1rem auto 0
    }

    section.b-hero>.container .cta-area {
        margin-top: 2rem
    }

    section.b-three-info-cols>.container {
        display: -webkit-box;
        display: -ms-flexbox;
        -js-display: flex;
        display: flex
    }

    section.b-three-info-cols>.container .col {
        padding: 6rem 3rem;
        display: -webkit-box;
        display: -ms-flexbox;
        -js-display: flex;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }

    section.b-three-info-cols>.container .col .reg {
        padding-top: 2rem;
        margin-top: 1.5rem
    }

    section.two-col-cta {
        padding: 3.5vw 7vw
    }

    section.two-col-cta>.container .h2 {
        margin: 0 auto 3vw
    }

    section.two-col-cta>.container .cols {
        margin-bottom: 3.5vw;
        display: -webkit-box;
        display: -ms-flexbox;
        -js-display: flex;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    section.two-col-cta>.container .cols .col {
        width: 45%
    }

    section.two-col-cta>.container .cols .col:first-child {
        margin-bottom: 0
    }

    section.b-reviews {
        padding: 7vw 10vw
    }

    section.b-reviews>.container .top-divider .svg-holder:after,
    section.b-reviews>.container .top-divider .svg-holder:before {
        width: 43%
    }

    section.b-reviews>.container .top-divider .svg-holder svg {
        width: 10%
    }

    section.b-reviews>.container .h3 {
        margin: 3vw auto;
        max-width: 82%
    }

    section.b-reviews>.container .reviews {
        display: -webkit-box;
        display: -ms-flexbox;
        -js-display: flex;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-align: stretch;
        -ms-flex-align: stretch;
        align-items: stretch;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        margin-bottom: 4vw
    }

    section.b-reviews>.container .reviews .review-card {
        width: 42%;
        padding: 0;
        display: -webkit-box;
        display: -ms-flexbox;
        -js-display: flex;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }

    section.b-reviews>.container .reviews .review-card .top .svg-holder {
        margin-bottom: 1.5rem
    }

    section.b-reviews>.container .reviews .review-card .top .reg {
        margin-bottom: 3vw
    }

    section.b-reviews>.container .reviews .review-card .author {
        padding-bottom: 1rem
    }

    section.b-reviews>.container .total-reviews {
        margin: 0 0 4vw
    }

    section.b-reviews>.container .cta-area:after,
    section.b-reviews>.container .cta-area:before {
        width: 37%
    }

    section.b-three-col-cta>.container {
        padding: 7vw
    }

    section.b-three-col-cta>.container .h3 {
        margin-bottom: 5vw
    }

    section.b-three-col-cta>.container .icon-grid {
        display: -webkit-box;
        display: -ms-flexbox;
        -js-display: flex;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start
    }

    section.b-three-col-cta>.container .icon-grid>* {
        max-width: 100%
    }

    section.b-three-col-cta>.container .icon-grid .icon-item {
        margin-bottom: 0;
        width: 30%
    }

    section.b-three-col-cta>.container .icon-grid .icon-item .svg-holder {
        margin-bottom: 5vw;
        height: 6vw
    }

    section.b-three-col-cta>.container .icon-grid .icon-item .bot .subhead {
        margin-bottom: 1.5rem
    }

    section.b-three-col-cta>.container .cta-area {
        margin-top: 5vw
    }

    section.b-basic-textbox {
        padding: 7vw 10vw
    }

    section.b-basic-textbox>.container .svg-holder {
        margin-bottom: 3vw
    }

    section.b-basic-textbox>.container .svg-holder svg {
        max-width: 10%
    }

    section.b-basic-textbox>.container .h3 {
        margin: 0 auto 3vw;
        max-width: 65%
    }

    section.b-basic-textbox>.container .reg {
        margin: 0 auto;
        max-width: 68%
    }

    section.b-three-img-cols {
        padding: 7vw
    }

    section.b-three-img-cols>.container {
        display: -webkit-box;
        display: -ms-flexbox;
        -js-display: flex;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    section.b-three-img-cols>.container .col {
        width: 28.5%
    }

    section.b-two-content-cols>.container {
        display: -webkit-box;
        display: -ms-flexbox;
        -js-display: flex;
        display: flex;
        -webkit-box-align: stretch;
        -ms-flex-align: stretch;
        align-items: stretch
    }

    section.b-two-content-cols>.container .col {
        width: 50%;
        padding: 7vw 10vw;
        display: -webkit-box;
        display: -ms-flexbox;
        -js-display: flex;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    section.b-two-content-cols>.container .col .h5,
    section.b-two-content-cols>.container .col .svg-holder {
        margin: 0 auto 3vw
    }

    section.logo-grid-section {
        padding: 7vw
    }

    section.logo-grid-section>.container .h2,
    section.logo-grid-section>.container .h3 {
        margin-bottom: 3vw
    }

    section.logo-grid-section>.container .logo-grid .logo-item {
        padding: 0 2vw;
        width: 25%;
        margin-bottom: 3vw
    }

    section.logo-grid-section>.container .logo-grid .logo-item img {
        max-height: 7vw
    }

    section.logo-grid-section>.container .cta-area {
        margin-top: 3vw
    }

    section.circle-photo-carousel {
        padding: 7vw 10vw
    }

    section.circle-photo-carousel>.container .arrow-accent {
        max-width: 50%;
        -webkit-transform: translateY(10rem);
        transform: translateY(10rem);
        height: 10rem;
        width: 10rem;
        margin: -5rem 15vw 0 auto
    }

    section.circle-photo-carousel>.container .cta-area {
        margin: 5vw auto 0
    }

    section.circle-photo-carousel>.container .cta-area .reg {
        margin: 3vw auto;
        max-width: 60%
    }

    section.info-section {
        padding: 0 3.5vw 3.5vw
    }

    section.form-section {
        padding: 3.5vw
    }

    section.form-section>.container #klaviyo-warranty-form .form-inner .field-group {
        width: 100%;
        margin-right: .5rem
    }

    section.form-section>.container #klaviyo-warranty-form .form-inner .field-group input::-webkit-input-placeholder,
    section.form-section>.container #klaviyo-warranty-form .form-inner .field-group select::-webkit-input-placeholder {
        font-size: 1.125rem;
        line-height: 1.33333;
        letter-spacing: 0
    }

    section.form-section>.container #klaviyo-warranty-form .form-inner .field-group input::-moz-placeholder,
    section.form-section>.container #klaviyo-warranty-form .form-inner .field-group select::-moz-placeholder {
        font-size: 1.125rem;
        line-height: 1.33333;
        letter-spacing: 0
    }

    section.form-section>.container #klaviyo-warranty-form .form-inner .field-group input:-ms-input-placeholder,
    section.form-section>.container #klaviyo-warranty-form .form-inner .field-group select:-ms-input-placeholder {
        font-size: 1.125rem;
        line-height: 1.33333;
        letter-spacing: 0
    }

    section.form-section>.container #klaviyo-warranty-form .form-inner .group-50-50 {
        display: -webkit-box;
        display: -ms-flexbox;
        -js-display: flex;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-align: end;
        -ms-flex-align: end;
        align-items: flex-end;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    section.form-section>.container #klaviyo-warranty-form .form-inner .group-50-50>* {
        width: 48.5%
    }

    section.form-section>.container #klaviyo-warranty-form .form-inner .address-field {
        display: -webkit-box;
        display: -ms-flexbox;
        -js-display: flex;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-align: end;
        -ms-flex-align: end;
        align-items: flex-end;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    section.form-section>.container #klaviyo-warranty-form .form-inner .address-field p {
        width: 100%
    }

    section.form-section>.container #klaviyo-warranty-form .form-inner .address-field .half-50-50,
    section.form-section>.container #klaviyo-warranty-form .form-inner .address-field .third-66-33 {
        width: 48.5%
    }

    section.form-section>.container #klaviyo-warranty-form .form-inner .address-field .third-33-33 {
        width: 23%
    }

    .brand-colors div {
        width: 25%;
        height: 120px
    }

    .style-guide-card {
        padding: 5vw 10vw
    }
}

@media (min-width:950px) {
    .fade-in-up {
        -webkit-transform: translate3d(0, 2vw, 0) scale(.98);
        transform: translate3d(0, 2vw, 0) scale(.98)
    }

    body {
        font-size: 1.1vw
    }

    .h1,
    .shopify-policy__title h1 {
        font-size: 4.0625rem;
        line-height: 1.15385;
        letter-spacing: .00869em
    }

    .h2,
    section.b-hero>.container .h1 {
        font-size: 3.625rem;
        line-height: 1;
        letter-spacing: .00974em
    }

    .article-content>.container .blog-pullquote p,
    .h3 {
        font-size: 3rem;
        line-height: 1;
        letter-spacing: .01177em
    }

    .navitem-lvl2 {
        font-size: 1.875rem;
        line-height: 1;
        letter-spacing: .01883em
    }

    .dt-not-m {
        display: block
    }

    .m-not-dt {
        display: none
    }

    .owl-carousel .owl-dots .owl-dot {
        height: .8rem;
        width: .8rem;
        margin-right: .8rem
    }

    .form-area input::-ms-input-placeholder,
    .form-area textarea::-ms-input-placeholder {
        font-size: 2rem;
        line-height: 1.25;
        letter-spacing: 0
    }

    .form-area input::placeholder,
    .form-area textarea::placeholder {
        font-size: 2rem;
        line-height: 1.25;
        letter-spacing: 0
    }

    .form-area input::-webkit-input-placeholder,
    .form-area textarea::-webkit-input-placeholder {
        font-size: 2rem;
        line-height: 1.25;
        letter-spacing: 0
    }

    .form-area input::-moz-placeholder,
    .form-area textarea::-moz-placeholder {
        font-size: 2rem;
        line-height: 1.25;
        letter-spacing: 0
    }

    .form-area input:-ms-input-placeholder,
    .form-area textarea:-ms-input-placeholder {
        font-size: 2rem;
        line-height: 1.25;
        letter-spacing: 0
    }

    .quantity-box {
        width: 7rem
    }

    .quantity-box .quantity-btn .icon {
        -webkit-transform: scale(.5);
        transform: scale(.5)
    }

    .quantity-box-cart {
        width: 7rem
    }

    .quantity-box-cart .quantity-btn .icon {
        -webkit-transform: scale(.5);
        transform: scale(.5)
    }

    section.index__intro>.container .type-main {
        position: relative;
        z-index: 2;
        padding: 2.75vw 1.5vw;
        width: 50%;
        margin: 0 auto;
        display: -webkit-box;
        display: -ms-flexbox;
        -js-display: flex;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }

    section.index__intro>.container .type-main .mobile-wrap {
        display: none
    }

    section.index__intro>.container .type-main .desktop-wrap {
        display: block
    }

    section.index__intro>.container .type-imagery {
        z-index: 1;
        position: absolute;
        bottom: 0;
        right: 0;
        left: 0;
        top: 0;
        height: 100%;
        width: 100%
    }

    section.index__intro>.container .type-imagery .imagery-wrap {
        display: block
    }

    section.index__intro>.container .type-imagery .imagery-wrap img {
        position: absolute;
        bottom: 0;
        right: 0;
        left: 0;
        top: 0;
        width: 25%
    }

    section.index__intro>.container .type-imagery .imagery-wrap img.acc1 {
        right: auto;
        left: 0
    }

    section.index__intro>.container .type-imagery .imagery-wrap img.acc2 {
        right: 0;
        left: auto
    }

    .hero-simple .lead {
        margin: 0 0 2rem
    }

    .style-guide {
        padding: 0 0 7vw
    }
}

@media (min-width:1200px) {
    body {
        font-size: .95vw
    }

    #header nav#nav ul.level-1>li>a,
    #header nav#nav ul.level-1>li>button {
        padding: 2vw 2.5rem
    }

    section.index__intro>.container .type-main .desktop-wrap .desktop-icons .icon .small {
        white-space: nowrap
    }
}

@media (min-width:1440px) {
    body {
        font-size: 1.1vw
    }

    #header nav#nav ul.level-1>li>a,
    #header nav#nav ul.level-1>li>button {
        padding: 2vw
    }

    section.index__intro>.container .type-main .desktop-wrap .desktop-icons .icon:first-child {
        padding: 0 0 0 1.75vw
    }
}

/*# sourceMappingURL=nocs.min.css.map */