@import url("https://use.fontawesome.com/releases/v5.3.1/css/all.css");
html,
body,
div,
span,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
abbr,
address,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
samp,
small,
strong,
sub,
sup,
var,
b,
i,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section,
summary,
time,
mark,
audio,
video {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent
}

body {
    line-height: 1
}

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

nav ul {
    list-style: none
}

blockquote,
q {
    quotes: none
}

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

a {
    margin: 0;
    padding: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent
}

ins {
    background-color: #ff9;
    color: #000;
    text-decoration: none
}

mark {
    background-color: #ff9;
    color: #000;
    font-style: italic;
    font-weight: bold
}

del {
    text-decoration: line-through
}

abbr[title],
dfn[title] {
    border-bottom: 1px dotted;
    cursor: help
}

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

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #cccccc;
    margin: 1em 0;
    padding: 0
}

input,
select {
    vertical-align: middle
}

@font-face {
    font-family: 'Gotham';
    src: url("Gotham-Book.woff2") format("woff2"), url("Gotham-Book.woff") format("woff");
    font-weight: normal;
    font-style: normal
}

@font-face {
    font-family: 'Gotham';
    src: url("Gotham-Medium.woff2") format("woff2"), url("Gotham-Medium.woff") format("woff");
    font-weight: 500;
    font-style: normal
}

@font-face {
    font-family: 'Gotham';
    src: url("Gotham-Light.woff2") format("woff2"), url("Gotham-Light.woff") format("woff");
    font-weight: 300;
    font-style: normal
}

* {
    outline: none
}

select {
    border-radius: 0
}

.lower {
    text-transform: none
}

.no-scroll {
    overflow: hidden
}

.centered {
    margin-left: auto;
    margin-right: auto
}

.hide {
    display: none !important
}

.block {
    display: block
}

.video-wrapper {
    position: relative;
    height: 0;
    padding-bottom: 56.25%
}

.video-wrapper iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.arrow-link {
    position: relative;
    padding-bottom: 5px
}

.arrow-link span {
    padding-right: 10px
}

.arrow-link img {
    -webkit-transition: all 0.35s ease;
    -moz-transition: all 0.35s ease;
    -ms-transition: all 0.35s ease;
    -o-transition: all 0.35s ease;
    transition: all 0.35s ease
}

.arrow-link:hover img {
    -webkit-transform: translateX(5px);
    -moz-transform: translateX(5px);
    -ms-transform: translateX(5px);
    -o-transform: translateX(5px);
    transform: translateX(5px)
}

.arrow-link:after {
    content: "";
    width: 100%;
    height: 1px;
    position: absolute;
    bottom: 0;
    left: 0;
    background: #34b9d0;
    display: block
}

.fade-on-load {
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all 0.7s ease;
    -moz-transition: all 0.7s ease;
    -ms-transition: all 0.7s ease;
    -o-transition: all 0.7s ease;
    transition: all 0.7s ease
}

.fade-on-load.img-loaded {
    opacity: 1;
    visibility: visible
}

.text-left {
    text-align: left
}

@media (min-width: 769px) {
    .text-left-desktop {
        text-align: left
    }
}

@media (max-width: 768px) {
    .text-left-mobile {
        text-align: left
    }
}

.fake-underline,
.fake-link {
    position: relative;
    padding-bottom: 5px;
    display: inline-block
}

.fake-underline:after,
.fake-link:after {
    content: "";
    height: 1px;
    width: 100%;
    background: currentColor;
    left: 0;
    bottom: 0;
    position: absolute;
    -webkit-transition: all 0.35s ease;
    -moz-transition: all 0.35s ease;
    -ms-transition: all 0.35s ease;
    -o-transition: all 0.35s ease;
    transition: all 0.35s ease
}

.fake-link {
    -webkit-transition: all 0.35s ease;
    -moz-transition: all 0.35s ease;
    -ms-transition: all 0.35s ease;
    -o-transition: all 0.35s ease;
    transition: all 0.35s ease
}

.fake-link:after {
    width: 0%
}

.fake-link:hover:after {
    width: 100%
}

.text-center {
    text-align: center
}

@media (min-width: 769px) {
    .text-center-desktop {
        text-align: center
    }
}

@media (max-width: 768px) {
    .text-center-mobile {
        text-align: center
    }
}

.text-right {
    text-align: right
}

@media (min-width: 769px) {
    .text-right-desktop {
        text-align: right
    }
}

@media (max-width: 768px) {
    .text-right-mobile {
        text-align: right
    }
}

.text-sm {
    font-size: 11px
}

.text-align-left {
    text-align: left
}

.text-align-left * {
    margin-right: auto
}

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

.text-align-center * {
    margin: auto
}

.text-align-right {
    text-align: right
}

.text-align-right * {
    margin-left: auto
}

.light {
    font-weight: 300
}

.full-width {
    width: 100% !important
}

.upper {
    text-transform: uppercase;
    letter-spacing: 2px
}

.padded {
    padding: 60px
}

.padded.extra {
    padding: 50px 45px
}

@media (max-width: 768px) {
    .padded.extra {
        padding: 20px
    }
}

.padded.just-horizontal {
    padding: 0 60px
}

@media (max-width: 768px) {
    .padded.just-horizontal {
        padding: 0 25px
    }
}

.padded.double {
    padding: 60px 120px
}

@media (max-width: 768px) {
    .padded.double {
        padding: 20px
    }
}

.padded.triple {
    padding: 60px 180px
}

@media (max-width: 768px) {
    .padded.triple {
        padding: 20px
    }
}

@media (max-width: 768px) {
    .padded {
        padding-left: 25px;
        padding-right: 25px
    }
}

.enforce-width,
.wrapper {
    max-width: 1440px;
    margin-left: auto;
    margin-right: auto;
    overflow: hidden
}

.enforce-width.tiny,
.tiny.wrapper {
    max-width: 990px
}

.enforce-width.smallest,
.smallest.wrapper {
    max-width: 1040px
}

.enforce-width.smaller,
.smaller.wrapper {
    max-width: 1240px
}

.enforce-width.bigger,
.bigger.wrapper {
    max-width: 1640px
}

.enforce-width.biggest,
.biggest.wrapper {
    max-width: 1840px
}

.wrapper {
    padding-left: 60px;
    padding-right: 60px
}

@media (max-width: 768px) {
    .wrapper {
        padding-left: 25px;
        padding-right: 25px
    }
}

.wrapper-mid {
    width: 1100px;
    max-width: 100%;
    margin: auto
}

@media (min-width: 769px) {
    .mobile-only {
        display: none !important
    }
}

@media (max-width: 768px) {
    .desktop-only {
        display: none !important
    }
}

@media (min-width: 769px) {
    .tablet-mobile-only {
        display: none !important
    }
}

@media (max-width: 1024px) {
    .big-desktop-only {
        display: none !important
    }
}

@media (min-width: 1025px) {
    .big-mobile-only {
        display: none !important
    }
}

.slick-middle .slick-track {
    margin: 0 auto
}

.flex {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex
}

.flex>*.grow {
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -moz-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
}

.flex.f-j-start {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    -webkit-justify-content: flex-start;
    -moz-justify-content: flex-start;
    justify-content: flex-start
}

@media (min-width: 769px) {
    .flex.f-j-start-desktop {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        -webkit-justify-content: flex-start;
        -moz-justify-content: flex-start;
        justify-content: flex-start
    }
}

@media (max-width: 768px) {
    .flex.f-j-start-tablet {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        -webkit-justify-content: flex-start;
        -moz-justify-content: flex-start;
        justify-content: flex-start
    }
}

.flex.f-j-center {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    justify-content: center
}

@media (min-width: 769px) {
    .flex.f-j-center-desktop {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        -moz-justify-content: center;
        justify-content: center
    }
}

@media (max-width: 768px) {
    .flex.f-j-center-tablet {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        -moz-justify-content: center;
        justify-content: center
    }
}

.flex.f-j-end {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    -webkit-justify-content: flex-end;
    -moz-justify-content: flex-end;
    justify-content: flex-end
}

@media (min-width: 769px) {
    .flex.f-j-end-desktop {
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        -webkit-justify-content: flex-end;
        -moz-justify-content: flex-end;
        justify-content: flex-end
    }
}

@media (max-width: 768px) {
    .flex.f-j-end-tablet {
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        -webkit-justify-content: flex-end;
        -moz-justify-content: flex-end;
        justify-content: flex-end
    }
}

.flex.f-j-between {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    -moz-justify-content: space-between;
    justify-content: space-between
}

@media (min-width: 769px) {
    .flex.f-j-between-desktop {
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        -webkit-justify-content: space-between;
        -moz-justify-content: space-between;
        justify-content: space-between
    }
}

@media (max-width: 768px) {
    .flex.f-j-between-tablet {
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        -webkit-justify-content: space-between;
        -moz-justify-content: space-between;
        justify-content: space-between
    }
}

.flex.f-j-around {
    -ms-flex-pack: distribute;
    -webkit-justify-content: space-around;
    -moz-justify-content: space-around;
    justify-content: space-around
}

@media (min-width: 769px) {
    .flex.f-j-around-desktop {
        -ms-flex-pack: distribute;
        -webkit-justify-content: space-around;
        -moz-justify-content: space-around;
        justify-content: space-around
    }
}

@media (max-width: 768px) {
    .flex.f-j-around-tablet {
        -ms-flex-pack: distribute;
        -webkit-justify-content: space-around;
        -moz-justify-content: space-around;
        justify-content: space-around
    }
}

.flex.f-a-start {
    -webkit-box-align: start;
    -ms-flex-align: start;
    -webkit-align-items: flex-start;
    -moz-align-items: flex-start;
    align-items: flex-start
}

@media (min-width: 769px) {
    .flex.f-a-start-desktop {
        -webkit-box-align: start;
        -ms-flex-align: start;
        -webkit-align-items: flex-start;
        -moz-align-items: flex-start;
        align-items: flex-start
    }
}

@media (max-width: 768px) {
    .flex.f-a-start-tablet {
        -webkit-box-align: start;
        -ms-flex-align: start;
        -webkit-align-items: flex-start;
        -moz-align-items: flex-start;
        align-items: flex-start
    }
}

.flex.f-a-center {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    align-items: center
}

@media (min-width: 769px) {
    .flex.f-a-center-desktop {
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        -moz-align-items: center;
        align-items: center
    }
}

@media (max-width: 768px) {
    .flex.f-a-center-tablet {
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        -moz-align-items: center;
        align-items: center
    }
}

.flex.f-a-end {
    -webkit-box-align: end;
    -ms-flex-align: end;
    -webkit-align-items: flex-end;
    -moz-align-items: flex-end;
    align-items: flex-end
}

@media (min-width: 769px) {
    .flex.f-a-end-desktop {
        -webkit-box-align: end;
        -ms-flex-align: end;
        -webkit-align-items: flex-end;
        -moz-align-items: flex-end;
        align-items: flex-end
    }
}

@media (max-width: 768px) {
    .flex.f-a-end-tablet {
        -webkit-box-align: end;
        -ms-flex-align: end;
        -webkit-align-items: flex-end;
        -moz-align-items: flex-end;
        align-items: flex-end
    }
}

.flex.f-inline {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -moz-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex
}

@media (min-width: 769px) {
    .flex.f-inline-desktop {
        display: -webkit-inline-box;
        display: -webkit-inline-flex;
        display: -moz-inline-flex;
        display: -ms-inline-flexbox;
        display: inline-flex
    }
}

@media (max-width: 768px) {
    .flex.f-inline-tablet {
        display: -webkit-inline-box;
        display: -webkit-inline-flex;
        display: -moz-inline-flex;
        display: -ms-inline-flexbox;
        display: inline-flex
    }
}

.flex.f-dir-column {
    -webkit-box-direction: normal;
    -webkit-box-orient: vertical;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column
}

@media (min-width: 769px) {
    .flex.f-dir-column-desktop {
        -webkit-box-direction: normal;
        -webkit-box-orient: vertical;
        -webkit-flex-direction: column;
        -moz-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column
    }
}

@media (max-width: 768px) {
    .flex.f-dir-column-tablet {
        -webkit-box-direction: normal;
        -webkit-box-orient: vertical;
        -webkit-flex-direction: column;
        -moz-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column
    }
}

.flex.f-wrap {
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

@media (min-width: 769px) {
    .flex.f-wrap-desktop {
        -webkit-flex-wrap: wrap;
        -moz-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
}

@media (max-width: 768px) {
    .flex.f-wrap-tablet {
        -webkit-flex-wrap: wrap;
        -moz-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
}

.flex.f-equal-width>* {
    -webkit-flex-basis: 0;
    -moz-flex-basis: 0;
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -moz-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
}

@media (max-width: 768px) {
    .flex.f-half-width {
        -webkit-box-direction: normal;
        -webkit-box-orient: vertical;
        -webkit-flex-direction: column;
        -moz-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column
    }
}

.flex.f-half-width>* {
    width: 50%
}

@media (max-width: 768px) {
    .flex.f-half-width>* {
        width: 100%
    }
}

@media (max-width: 768px) {
    .flex.f-third-width {
        flex-direction: column
    }
}

.flex.f-third-width>* {
    width: 33.33%
}

@media (max-width: 768px) {
    .flex.f-third-width>* {
        width: 100%
    }
}

.flex.f-grid {
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-left: -20px;
    margin-right: -20px
}

.flex.f-grid>* {
    padding: 0 20px
}

@media (max-width: 768px) {
    .flex.f-grid {
        margin-left: -5px;
        margin-right: -5px
    }
    .flex.f-grid>* {
        padding: 0 5px
    }
}

.flex.f-grid.f-grid-xxs {
    margin-left: -5px;
    margin-right: -5px
}

.flex.f-grid.f-grid-xxs>* {
    padding: 0 5px
}

@media (min-width: 769px) {
    .flex.f-grid.f-grid-xxs-desktop {
        margin-left: -5px;
        margin-right: -5px
    }
    .flex.f-grid.f-grid-xxs-desktop>* {
        padding: 0 5px
    }
}

@media (max-width: 768px) {
    .flex.f-grid.f-grid-xxs-tablet {
        margin-left: -5px;
        margin-right: -5px
    }
    .flex.f-grid.f-grid-xxs-tablet>* {
        padding: 0 5px
    }
}

.flex.f-grid.f-grid-xs {
    margin-left: -10px;
    margin-right: -10px
}

.flex.f-grid.f-grid-xs>* {
    padding: 0 10px
}

@media (min-width: 769px) {
    .flex.f-grid.f-grid-xs-desktop {
        margin-left: -10px;
        margin-right: -10px
    }
    .flex.f-grid.f-grid-xs-desktop>* {
        padding: 0 10px
    }
}

@media (max-width: 768px) {
    .flex.f-grid.f-grid-xs-tablet {
        margin-left: -10px;
        margin-right: -10px
    }
    .flex.f-grid.f-grid-xs-tablet>* {
        padding: 0 10px
    }
}

.flex.f-grid.f-grid-s {
    margin-left: -15px;
    margin-right: -15px
}

.flex.f-grid.f-grid-s>* {
    padding: 0 15px
}

@media (max-width: 480px) {
    .flex.f-grid.f-grid-s>* {
        padding: 0 5px
    }
}

@media (min-width: 769px) {
    .flex.f-grid.f-grid-s-desktop {
        margin-left: -15px;
        margin-right: -15px
    }
    .flex.f-grid.f-grid-s-desktop>* {
        padding: 0 15px
    }
}

@media (max-width: 768px) {
    .flex.f-grid.f-grid-s-tablet {
        margin-left: -15px;
        margin-right: -15px
    }
    .flex.f-grid.f-grid-s-tablet>* {
        padding: 0 15px
    }
}

.flex.f-grid.f-grid-l {
    margin-left: -30px;
    margin-right: -30px
}

.flex.f-grid.f-grid-l>* {
    padding: 0 30px
}

@media (min-width: 769px) {
    .flex.f-grid.f-grid-l-desktop {
        margin-left: -30px;
        margin-right: -30px
    }
    .flex.f-grid.f-grid-l-desktop>* {
        padding: 0 30px
    }
}

@media (max-width: 768px) {
    .flex.f-grid.f-grid-l-tablet {
        margin-left: -30px;
        margin-right: -30px
    }
    .flex.f-grid.f-grid-l-tablet>* {
        padding: 0 30px
    }
}

.flex.f-grid.f-grid-xl {
    margin-left: -45px;
    margin-right: -45px
}

.flex.f-grid.f-grid-xl>* {
    padding: 0 45px
}

@media (min-width: 769px) {
    .flex.f-grid.f-grid-xl-desktop {
        margin-left: -45px;
        margin-right: -45px
    }
    .flex.f-grid.f-grid-xl-desktop>* {
        padding: 0 45px
    }
}

@media (max-width: 768px) {
    .flex.f-grid.f-grid-xl-tablet {
        margin-left: -45px;
        margin-right: -45px
    }
    .flex.f-grid.f-grid-xl-tablet>* {
        padding: 0 45px
    }
}

.flex.f-grid.f-grid-xxl {
    margin-left: -75px;
    margin-right: -75px
}

.flex.f-grid.f-grid-xxl>* {
    padding: 0 75px
}

@media (min-width: 769px) {
    .flex.f-grid.f-grid-xxl-desktop {
        margin-left: -75px;
        margin-right: -75px
    }
    .flex.f-grid.f-grid-xxl-desktop>* {
        padding: 0 75px
    }
}

@media (max-width: 768px) {
    .flex.f-grid.f-grid-xxl-tablet {
        margin-left: -75px;
        margin-right: -75px
    }
    .flex.f-grid.f-grid-xxl-tablet>* {
        padding: 0 75px
    }
}

.caption-container {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex
}

@media (min-width: 769px) {
    .caption-container.left-desktop {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        -webkit-justify-content: flex-start;
        -moz-justify-content: flex-start;
        justify-content: flex-start
    }
}

@media (max-width: 768px) {
    .caption-container.left-mobile {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        -webkit-justify-content: flex-start;
        -moz-justify-content: flex-start;
        justify-content: flex-start
    }
}

@media (min-width: 769px) {
    .caption-container.middle-desktop {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        -moz-justify-content: center;
        justify-content: center
    }
}

@media (max-width: 768px) {
    .caption-container.middle-mobile {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        -moz-justify-content: center;
        justify-content: center
    }
}

@media (min-width: 769px) {
    .caption-container.right-desktop {
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        -webkit-justify-content: flex-end;
        -moz-justify-content: flex-end;
        justify-content: flex-end
    }
}

@media (max-width: 768px) {
    .caption-container.right-mobile {
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        -webkit-justify-content: flex-end;
        -moz-justify-content: flex-end;
        justify-content: flex-end
    }
}

@media (min-width: 769px) {
    .caption-container.top-desktop {
        -webkit-box-align: start;
        -ms-flex-align: start;
        -webkit-align-items: flex-start;
        -moz-align-items: flex-start;
        align-items: flex-start
    }
}

@media (max-width: 768px) {
    .caption-container.top-mobile {
        -webkit-box-align: start;
        -ms-flex-align: start;
        -webkit-align-items: flex-start;
        -moz-align-items: flex-start;
        align-items: flex-start
    }
}

@media (min-width: 769px) {
    .caption-container.bottom-desktop {
        -webkit-box-align: end;
        -ms-flex-align: end;
        -webkit-align-items: flex-end;
        -moz-align-items: flex-end;
        align-items: flex-end
    }
}

@media (max-width: 768px) {
    .caption-container.bottom-mobile {
        -webkit-box-align: end;
        -ms-flex-align: end;
        -webkit-align-items: flex-end;
        -moz-align-items: flex-end;
        align-items: flex-end
    }
}

@media (min-width: 769px) {
    .caption-container.top-left-desktop {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        -webkit-justify-content: flex-start;
        -moz-justify-content: flex-start;
        justify-content: flex-start;
        -webkit-box-align: start;
        -ms-flex-align: start;
        -webkit-align-items: flex-start;
        -moz-align-items: flex-start;
        align-items: flex-start
    }
}

@media (max-width: 768px) {
    .caption-container.top-left-mobile {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        -webkit-justify-content: flex-start;
        -moz-justify-content: flex-start;
        justify-content: flex-start;
        -webkit-box-align: start;
        -ms-flex-align: start;
        -webkit-align-items: flex-start;
        -moz-align-items: flex-start;
        align-items: flex-start
    }
}

@media (min-width: 769px) {
    .caption-container.top-middle-desktop {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        -moz-justify-content: center;
        justify-content: center;
        -webkit-box-align: start;
        -ms-flex-align: start;
        -webkit-align-items: flex-start;
        -moz-align-items: flex-start;
        align-items: flex-start
    }
}

@media (max-width: 768px) {
    .caption-container.top-middle-mobile {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        -moz-justify-content: center;
        justify-content: center;
        -webkit-box-align: start;
        -ms-flex-align: start;
        -webkit-align-items: flex-start;
        -moz-align-items: flex-start;
        align-items: flex-start
    }
}

@media (min-width: 769px) {
    .caption-container.top-right-desktop {
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        -webkit-justify-content: flex-end;
        -moz-justify-content: flex-end;
        justify-content: flex-end;
        -webkit-box-align: start;
        -ms-flex-align: start;
        -webkit-align-items: flex-start;
        -moz-align-items: flex-start;
        align-items: flex-start
    }
}

@media (max-width: 768px) {
    .caption-container.top-right-mobile {
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        -webkit-justify-content: flex-end;
        -moz-justify-content: flex-end;
        justify-content: flex-end;
        -webkit-box-align: start;
        -ms-flex-align: start;
        -webkit-align-items: flex-start;
        -moz-align-items: flex-start;
        align-items: flex-start
    }
}

@media (min-width: 769px) {
    .caption-container.middle-left-desktop {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        -webkit-justify-content: flex-start;
        -moz-justify-content: flex-start;
        justify-content: flex-start;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        -moz-align-items: center;
        align-items: center
    }
}

@media (max-width: 768px) {
    .caption-container.middle-left-mobile {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        -webkit-justify-content: flex-start;
        -moz-justify-content: flex-start;
        justify-content: flex-start;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        -moz-align-items: center;
        align-items: center
    }
}

@media (min-width: 769px) {
    .caption-container.middle-middle-desktop {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        -moz-justify-content: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        -moz-align-items: center;
        align-items: center
    }
}

@media (max-width: 768px) {
    .caption-container.middle-middle-mobile {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        -moz-justify-content: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        -moz-align-items: center;
        align-items: center
    }
}

@media (min-width: 769px) {
    .caption-container.middle-right-desktop {
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        -webkit-justify-content: flex-end;
        -moz-justify-content: flex-end;
        justify-content: flex-end;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        -moz-align-items: center;
        align-items: center
    }
}

@media (max-width: 768px) {
    .caption-container.middle-right-mobile {
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        -webkit-justify-content: flex-end;
        -moz-justify-content: flex-end;
        justify-content: flex-end;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        -moz-align-items: center;
        align-items: center
    }
}

@media (min-width: 769px) {
    .caption-container.bottom-left-desktop {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        -webkit-justify-content: flex-start;
        -moz-justify-content: flex-start;
        justify-content: flex-start;
        -webkit-box-align: end;
        -ms-flex-align: end;
        -webkit-align-items: flex-end;
        -moz-align-items: flex-end;
        align-items: flex-end
    }
}

@media (max-width: 768px) {
    .caption-container.bottom-left-mobile {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        -webkit-justify-content: flex-start;
        -moz-justify-content: flex-start;
        justify-content: flex-start;
        -webkit-box-align: end;
        -ms-flex-align: end;
        -webkit-align-items: flex-end;
        -moz-align-items: flex-end;
        align-items: flex-end
    }
}

@media (min-width: 769px) {
    .caption-container.bottom-middle-desktop {
        -webkit-box-align: end;
        -ms-flex-align: end;
        -webkit-align-items: flex-end;
        -moz-align-items: flex-end;
        align-items: flex-end;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        -moz-justify-content: center;
        justify-content: center
    }
}

@media (max-width: 768px) {
    .caption-container.bottom-middle-mobile {
        -webkit-box-align: end;
        -ms-flex-align: end;
        -webkit-align-items: flex-end;
        -moz-align-items: flex-end;
        align-items: flex-end;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        -moz-justify-content: center;
        justify-content: center
    }
}

@media (min-width: 769px) {
    .caption-container.bottom-right-desktop {
        -webkit-box-align: end;
        -ms-flex-align: end;
        -webkit-align-items: flex-end;
        -moz-align-items: flex-end;
        align-items: flex-end;
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        -webkit-justify-content: flex-end;
        -moz-justify-content: flex-end;
        justify-content: flex-end
    }
}

@media (max-width: 768px) {
    .caption-container.bottom-right-mobile {
        -webkit-box-align: end;
        -ms-flex-align: end;
        -webkit-align-items: flex-end;
        -moz-align-items: flex-end;
        align-items: flex-end;
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        -webkit-justify-content: flex-end;
        -moz-justify-content: flex-end;
        justify-content: flex-end
    }
}

.caption-container .caption {
    background: rgba(0, 0, 0, 0.4);
    color: #fff;
    padding: 25px;
    -webkit-transition: all 0.35s ease;
    -moz-transition: all 0.35s ease;
    -ms-transition: all 0.35s ease;
    -o-transition: all 0.35s ease;
    transition: all 0.35s ease
}

.line-after {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    font-size: 17px;
    margin-bottom: 30px;
    -webkit-box-align: end;
    -ms-flex-align: end;
    -webkit-align-items: flex-end;
    -moz-align-items: flex-end;
    align-items: flex-end
}

.line-after:after {
    content: "";
    display: block;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -moz-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    height: 1px;
    background: #e8eff1;
    margin-left: 20px
}

.line-before {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -ms-flex-align: end;
    -webkit-align-items: flex-end;
    -moz-align-items: flex-end;
    align-items: flex-end;
    font-size: 17px;
    margin-bottom: 30px
}

.line-before:before {
    content: "";
    display: block;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -moz-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    height: 1px;
    background: #e8eff1;
    margin-right: 20px
}

.object-cover img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center
}

.object-cover__top img {
    object-position: top
}

.object-contain img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    object-position: center
}

.object-contain__top img {
    object-position: top
}

.alternative-object-fit {
    background-size: cover;
    background-position: center center
}

.alternative-object-fit.contain {
    background-size: contain;
    background-repeat: no-repeat
}

.alternative-object-fit img {
    opacity: 0
}

.spacing-default {
    padding-top: 30px;
    padding-bottom: 30px
}

.spacing-default__lg {
    padding-top: 60px;
    padding-bottom: 60px
}

@media (max-width: 768px) {
    .spacing-default__lg {
        padding-top: 30px;
        padding-bottom: 30px
    }
}

@media (min-width: 769px) {
    .language-area {
        flex: 100%
    }
}

@media (min-width: 769px) {
    .margin-r {
        margin-right: 20px
    }
}

.p-t-l {
    padding-top: 60px
}

.p-b-l {
    padding-bottom: 60px
}

.colour-primary {
    color: #34b9d0 !important
}

.colour-primary * {
    color: #34b9d0 !important
}

.section-nav {
    margin-right: 60px;
    position: relative;
    text-align: right;
    width: 250px
}

@media (max-width: 768px) {
    .section-nav {
        padding: 0 25px;
        margin: 40px auto 10px auto
    }
}

.section-nav li button {
    width: 100%;
    text-align: right
}

.section-nav__button {
    position: relative;
    text-align: right;
    font-size: 14px;
    font-weight: 300;
    text-transform: uppercase;
    border-bottom: 1px solid #34b9d0;
    padding: 0 0 7px;
    cursor: pointer
}

.section-nav__button::after {
    content: '';
    background-image:url(//cdn.shopify.com/s/files/1/0129/2068/4608/t/20/assets/chevron-down.svg?v=4578035866023730449);
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    width: 8px;
    height: 4px;
    margin-left: 11px;
    -webkit-transition: 0.3s all ease-in-out;
    -moz-transition: 0.3s all ease-in-out;
    -ms-transition: 0.3s all ease-in-out;
    -o-transition: 0.3s all ease-in-out;
    transition: 0.3s all ease-in-out
}

.section-nav__button.open::after {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg)
}

.section-nav ul {
    position: absolute;
    top: 30px;
    left: -5px;
    width: 100%;
    text-align: right;
    background: white;
    z-index: 5
}

.section-nav ul li {
    padding: 3px 5px
}

.section-nav ul button {
    font-size: 13px;
    font-weight: 300;
    text-transform: uppercase
}

.DOM-slider-hidden {
    opacity: 0;
    -webkit-transition: 0.3s all ease-in-out;
    -moz-transition: 0.3s all ease-in-out;
    -ms-transition: 0.3s all ease-in-out;
    -o-transition: 0.3s all ease-in-out;
    transition: 0.3s all ease-in-out
}

.a-fade {
    -webkit-transition: all 0.35s ease;
    -moz-transition: all 0.35s ease;
    -ms-transition: all 0.35s ease;
    -o-transition: all 0.35s ease;
    transition: all 0.35s ease;
    opacity: 1;
    height: 100%
}

html.is-animating .a-fade {
    opacity: 0
}

*[disabled],
*.disabled {
    pointer-events: none
}

html {
    scroll-behavior: smooth
}

html:not(.no-js) *[data-scroll-reveal] {
/*     visibility: hidden */
}

.visually-hidden {
    display: none;
    opacity: 0;
    visibility: hidden
}

body {
    background: #fff;
    color: #4a4a4a;
    font-size: 13px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-direction: normal;
    -webkit-box-orient: vertical;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    font-family: "Gotham", sans-serif;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    letter-spacing: 1px
}

@media (max-width: 768px) {
    body {
        font-size: 13px
    }
}

body.no-scroll {
    overflow: hidden
}

body .site-footer {
    margin-top: auto
}

img {
    -ms-interpolation-mode: bicubic
}

a {
    color: #4a4a4a;
    font-family: "Gotham", sans-serif;
    text-decoration: none;
    font-weight: 400;
    font-size: 14px;
    -webkit-transition: all 0.35s ease;
    -moz-transition: all 0.35s ease;
    -ms-transition: all 0.35s ease;
    -o-transition: all 0.35s ease;
    transition: all 0.35s ease;
    line-height: 1.2
}

@media (max-width: 768px) {
    a {
        font-size: 12px
    }
}

s {
    text-decoration: none;
    position: relative
}

s:after {
    content: "";
    position: absolute;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 100%;
    height: 2px;
    left: 50%;
    background: currentColor
}

.pagination-area .arrow {
    line-height: 1
}

.back-to-top-container {
    position: absolute;
    top: calc(55px + 80px);
    left: 50% !important;
    width: 100%;
    height: 100vh;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    -webkit-box-align: end;
    -ms-flex-align: end;
    -webkit-align-items: flex-end;
    -moz-align-items: flex-end;
    align-items: flex-end;
    padding-bottom: 80px;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    -webkit-transition: opacity 0.35s ease, visibility 0.35s ease;
    -moz-transition: opacity 0.35s ease, visibility 0.35s ease;
    -ms-transition: opacity 0.35s ease, visibility 0.35s ease;
    -o-transition: opacity 0.35s ease, visibility 0.35s ease;
    transition: opacity 0.35s ease, visibility 0.35s ease
}

.back-to-top-container.sticky {
    opacity: 1;
    visibility: visible
}

.back-to-top-container .back-to-top {
    width: 99px;
    height: 99px;
    background: #34b9d0;
    border-radius: 100%;
    pointer-events: auto
}

@media (max-width: 768px) {
    .back-to-top-container .back-to-top {
        width: 40px;
        height: 40px
    }
    .back-to-top-container .back-to-top img {
        max-width: 15px
    }
}

hr {
    max-width: 170px;
    border: 0 none;
    margin: 20px auto;
    border-bottom: 1px solid #e8eff1
}

.fnt-pri {
    font-family: "Gotham", sans-serif
}

.swup {
    padding-top: 130px;
    overflow: hidden;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-direction: normal;
    -webkit-box-orient: vertical;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    min-height: 100vh
}

.swup.template-index,
.swup.template-full-page-stores {
    background: #fff
}

@media (max-width: 1024px) {
    .swup {
        padding-top: 100px
    }
}

.swup>#MainContent {
    height: 100%;
    padding: 20px 0;
    position: relative;
    background: #fff
}

@media (max-width: 768px) {
    .swup>#MainContent {
        padding: 30px 0 30px 0
    }
}

.swup.template-full-page-landing-1>#MainContent,
.swup.template-full-page-landing-2>#MainContent,
.swup.template-full-page-landing-3>#MainContent,
.swup.template-full-page-landing-4>#MainContent,
.swup.template-collection>#MainContent,
.swup.template-full-blog>#MainContent,
.swup.template-full-article>#MainContent,
.swup.template-full-page-professional>#MainContent,
.swup.template-full-page-technology>#MainContent,
.swup.template-full-page-learning-resources>#MainContent,
.swup.template-full-page-patient-resources>#MainContent,
.swup.template-full-index>#MainContent {
    padding-top: 0
}

.swup .pushed-to-bottom {
    margin-top: auto
}

svg {
    overflow: hidden
}

select {
    background-image:url("//cdn.shopify.com/s/files/1/0129/2068/4608/t/20/assets/icon-dropdown.svg?v=8773289475568920971");
    background-repeat: no-repeat;
    background-size: 9px 6px;
    background-position: left center;
    appearance: none;
    font-size: 13px;
    padding: 4px 4px 4px 16px;
    -webkit-appearance: none;
    -moz-appearance: none;
    font-weight: 400;
    border: none;
    background-color: transparent;
    border: 1px solid #34b9d0
}

h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
blockquote {
    margin-top: 0;
    margin-bottom: 0;
    font-weight: 300;
    line-height: 1.2;
    text-transform: uppercase;
    margin-bottom: 10px
}

h1 span,
h2 span,
h3 span,
h4 span,
h5 span,
h6 span,
.h1 span,
.h2 span,
.h3 span,
.h4 span,
.h5 span,
.h6 span,
blockquote span {
    font-size: inherit
}

h1.less-margin,
h2.less-margin,
h3.less-margin,
h4.less-margin,
h5.less-margin,
h6.less-margin,
.h1.less-margin,
.h2.less-margin,
.h3.less-margin,
.h4.less-margin,
.h5.less-margin,
.h6.less-margin,
blockquote.less-margin {
    margin-bottom: 20px
}

h1,
.h1 {
    font-size: 36px;
    letter-spacing: 3px;
    margin-bottom: 20px
}

@media (max-width: 768px) {
    h1,
    .h1 {
        font-size: 26px
    }
}

@media (max-width: 480px) {
    h1,
    .h1 {
        font-size: 22px
    }
}

h2,
.h2 {
    font-size: 30px;
    letter-spacing: 2px
}

@media (max-width: 768px) {
    h2,
    .h2 {
        font-size: 22px
    }
}

@media (max-width: 480px) {
    h2,
    .h2 {
        font-size: 19px
    }
}

.h2-article {
    font-size: 30px;
    letter-spacing: 2px;
    font-weight: 100
}

@media (max-width: 768px) {
    .h2-article {
        font-size: 22px
    }
}

@media (max-width: 480px) {
    .h2-article {
        font-size: 19px
    }
}

h3,
.h3 {
    font-size: 22px
}

h4,
.h4 {
    font-size: 18px
}

h5,
.h5 {
    font-size: 14px
}

h6,
.h6 {
    font-size: 12px
}

input,
textarea,
select {
    border-radius: 0;
    font-size: 13px;
    font-family: "Gotham", sans-serif
}

input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder,
select::-webkit-input-placeholder {
    color: #4a4a4a
}

input:-moz-placeholder,
textarea:-moz-placeholder,
select:-moz-placeholder {
    color: #4a4a4a
}

input::-moz-placeholder,
textarea::-moz-placeholder,
select::-moz-placeholder {
    color: #4a4a4a
}

input:-ms-input-placeholder,
textarea:-ms-input-placeholder,
select:-ms-input-placeholder {
    color: #4a4a4a
}

* {
    -webkit-margin-before: 0em;
    -webkit-margin-after: 0em;
    box-sizing: border-box
}

ul {
    padding: 0;
    margin: 0;
    list-style-type: none
}

button {
    background-color: transparent;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: none;
    cursor: pointer;
    border-radius: 0;
    font-family: "Gotham", sans-serif
}

.yotpo-default-button {
    background: #34b9d0 !important;
    color: #fff !important;
    border-color: #34b9d0 !important
}

.yotpo-default-button * {
    color: inherit !important
}

.yotpo-default-button:hover {
    background: #5dc7da !important
}

.btn,
.shg-btn,
.yotpo-default-button {
    padding: 15px 30px;
    color: #34b9d0;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -moz-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    line-height: 1;
    position: relative;
    border: 1px solid currentColor;
    border-radius: 0;
    text-transform: uppercase;
    text-align: center;
    font-weight: 500;
    cursor: pointer;
    font-size: 11px;
    overflow: hidden;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    justify-content: center;
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden
}

@media (max-width: 768px) {
    .btn,
    .shg-btn,
    .yotpo-default-button {
        min-width: 0;
        padding: 15px 20px
    }
}

.btn span,
.shg-btn span,
.yotpo-default-button span {
    -webkit-transition: color 0.4s ease;
    -moz-transition: color 0.4s ease;
    -ms-transition: color 0.4s ease;
    -o-transition: color 0.4s ease;
    transition: color 0.4s ease
}

.btn svg use,
.shg-btn svg use,
.yotpo-default-button svg use {
    -webkit-transition: stroke 0.4s ease, fill 0.4s ease;
    -moz-transition: stroke 0.4s ease, fill 0.4s ease;
    -ms-transition: stroke 0.4s ease, fill 0.4s ease;
    -o-transition: stroke 0.4s ease, fill 0.4s ease;
    transition: stroke 0.4s ease, fill 0.4s ease
}

.btn:hover,
.btn.with-bg,
.shg-btn:hover,
.shg-btn.with-bg,
.yotpo-default-button:hover,
.yotpo-default-button.with-bg {
    background: #34b9d0;
    color: #fff;
    border-color: #34b9d0
}

.btn:hover svg use,
.btn.with-bg svg use,
.shg-btn:hover svg use,
.shg-btn.with-bg svg use,
.yotpo-default-button:hover svg use,
.yotpo-default-button.with-bg svg use {
    stroke: #fff
}

.btn:hover:hover,
.btn.with-bg:hover,
.shg-btn:hover:hover,
.shg-btn.with-bg:hover,
.yotpo-default-button:hover:hover,
.yotpo-default-button.with-bg:hover {
    background: #5dc7da;
    border-color: #5dc7da
}

.btn:hover span,
.btn.with-bg span,
.shg-btn:hover span,
.shg-btn.with-bg span,
.yotpo-default-button:hover span,
.yotpo-default-button.with-bg span {
    color: #fff
}

.btn[disabled],
.btn [disabled="disabled"],
.shg-btn[disabled],
.shg-btn [disabled="disabled"],
.yotpo-default-button[disabled],
.yotpo-default-button [disabled="disabled"] {
    opacity: 0.5;
    pointer-events: none
}

.btn.wider,
.shg-btn.wider,
.yotpo-default-button.wider {
    padding-left: 45px;
    padding-right: 45px
}

.btn.large,
.shg-btn.large,
.yotpo-default-button.large {
    padding-top: 20px;
    padding-bottom: 20px;
    font-size: 15px
}

.rte {
    font-weight: 300;
    color: #4a4a4a;
    line-height: 1.7;
    letter-spacing: 0
}

.rte strong,
.rte b {
    font-weight: 500
}

.rte img {
    max-width: 100%
}

@media (max-width: 768px) {
    .rte img {
        width: 100%;
        float: none;
        margin: 15px 0
    }
}

.rte p {
    padding-bottom: 20px
}

.rte li,
.rte p {
    font-size: 13px;
    font-weight: inherit;
    line-height: inherit;
    color: inherit
}

@media (max-width: 768px) {
    .rte li,
    .rte p {
        font-size: 13px
    }
}

.rte ul {
    list-style-type: disc;
    margin-left: 20px;
    margin-bottom: 20px
}

.rte a:not(.btn) {
    text-decoration: underline
}

.rte h1,
.rte h2,
.rte h3,
.rte h4,
.rte h5,
.rte h6 {
    margin-bottom: 20px;
    margin-top: 20px
}

.rte>*:last-child:not(.btn) {
    padding-bottom: 0
}

.rte.smaller li,
.rte.smaller p,
.rte.smaller a {
    font-size: 12px
}

.rte.larger li,
.rte.larger p,
.rte.larger a {
    font-size: 16px
}

.rte.no-underline a {
    text-decoration: none
}

small {
    display: block;
    margin-top: 15px;
    font-size: 10px;
    font-weight: 300;
    color: #4a4a4a;
    letter-spacing: 0;
    line-height: 1.7
}

.rte p+small {
    margin-top: 5px
}

small * {
    font-size: inherit;
    font-family: inherit;
    vertical-align: inherit;
    color: inherit
}

.social-icons,
.social-sharing {
    margin: 35px -7px;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.social-icons li,
.social-sharing li {
    padding: 0 7px;
    line-height: 0
}

.social-icons li a,
.social-sharing li a {
    display: block;
    text-align: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    align-items: center;
    letter-spacing: 0
}

.social-icons li a:hover .fab,
.social-sharing li a:hover .fab {
    color: #34b9d0
}

.social-icons li a .fab,
.social-sharing li a .fab {
    font-size: 25px;
    line-height: 1;
    font-weight: 400;
    color: #9b9b9b;
    -webkit-transition: all 0.35s ease;
    -moz-transition: all 0.35s ease;
    -ms-transition: all 0.35s ease;
    -o-transition: all 0.35s ease;
    transition: all 0.35s ease
}

.social-icons li.text,
.social-sharing li.text {
    text-transform: uppercase;
    font-size: 12px;
    color: #7d7d7d
}

.payment-icons li img {
    width: 45px
}

.social-sharing {
    margin: 35px 0
}

.social-sharing li.text {
    color: #9b9b9b
}

.social-sharing li a {
    background: transparent;
    color: #9b9b9b;
    width: auto;
    height: auto
}

.social-sharing li a .fab {
    font-size: 18px;
    color: #9b9b9b
}

.social-sharing li a:hover {
    background: transparent
}

.social-sharing li a:hover .fab {
    color: #34b9d0
}

.breadcrumb {
    padding: 0px 60px;
    background: #fff;
    margin: 40px 0
}

.breadcrumb .slash {
    margin: 0 15px 0 5px
}

.breadcrumb a,
.breadcrumb span {
    font-size: 10px;
    text-transform: uppercase;
    font-weight: 300
}

.breadcrumb span:not(.slash) {
    color: #34b9d0;
    font-weight: 900
}

.burger-icon {
    width: 18px;
    height: 16px;
    display: block;
    position: relative;
    margin: 0;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: 0.5s ease-in-out;
    -moz-transition: 0.5s ease-in-out;
    -ms-transition: 0.5s ease-in-out;
    -o-transition: 0.5s ease-in-out;
    transition: 0.5s ease-in-out;
    cursor: pointer
}

.burger-icon span {
    display: block;
    position: absolute;
    height: 2px;
    width: 100%;
    background: #9B9B9B;
    opacity: 1;
    filter: alpha(opacity=100);
    left: 0;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transform-origin: left center;
    -moz-transform-origin: left center;
    -ms-transform-origin: left center;
    -o-transform-origin: left center;
    transform-origin: left center;
    -webkit-transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    -moz-transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    -ms-transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    -o-transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1)
}

.burger-icon span:nth-child(1) {
    top: 0px
}

.burger-icon span:nth-child(2) {
    top: 7px
}

.burger-icon span:nth-child(3) {
    top: 14px
}

.burger-icon.open span:nth-child(1) {
    top: 0px;
    left: 2px;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg)
}

.burger-icon.open span:nth-child(2) {
    width: 0;
    opacity: 0;
    filter: alpha(opacity=0)
}

.burger-icon.open span:nth-child(3) {
    top: 13px;
    left: 2px;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.text-center {
    text-align: center
}

.scrollTop {
    position: fixed;
    bottom: 20px;
    right: 20px;
    z-index: 99
}

.scrollTop .scrollBtn {
    width: 45px;
    height: 45px;
    background-color: #fff;
    padding: 10px;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer
}

@media (max-width: 768px) {
    .text-center-mobile {
        text-align: center !important
    }
    .rte p {
        font-size: 14px
    }
}

@media (min-width: 769px) {
    .text-left-desktop {
        text-align: left !important
    }
}

.cc-banner {
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.1)
}

.cc-banner .cc-message {
    font-size: 13px
}

.cc-banner .cc-message a {
    font-size: inherit
}

.cc-banner .cc-btn {
    font-weight: 400;
    text-transform: uppercase;
    font-size: 13px;
    padding: 15px 30px;
    line-height: 1
}

.cc-banner .cc-btn:hover {
    background-color: #5dc7da !important;
    border-color: #5dc7da
}

.choices {
    position: relative;
    margin-bottom: 24px;
    font-size: 14px;
    letter-spacing: 2px;
    color: #4a4a4a;
    display: inline-block
}

.choices:focus {
    outline: none
}

.choices:last-child {
    margin-bottom: 0
}

.choices.is-disabled .choices__inner,
.choices.is-disabled .choices__input {
    background-color: #fff;
    cursor: not-allowed;
    user-select: none
}

.choices.is-disabled .choices__item {
    cursor: not-allowed
}

.choices[data-type*="select-one"] {
    cursor: pointer
}

.choices[data-type*="select-one"] .choices__input {
    display: block;
    width: 100%;
    padding: 10px;
    border-bottom: 1px solid #e8eff1;
    background-color: #FFFFFF;
    margin: 0
}

.choices[data-type*="select-one"] .choices__button {
    background-image: url("../../icons/cross-inverse.svg");
    padding: 0;
    background-size: 8px;
    height: 100%;
    position: absolute;
    top: 50%;
    right: 0;
    margin-top: -10px;
    margin-right: 25px;
    height: 20px;
    width: 20px;
    border-radius: 10em;
    opacity: .5
}

.choices[data-type*="select-one"] .choices__button:hover,
.choices[data-type*="select-one"] .choices__button:focus {
    opacity: 1
}

.choices[data-type*="select-one"] .choices__button:focus {
    box-shadow: 0px 0px 0px 2px #5e5e5e
}

.choices[data-type*="select-one"]:after {
    content: "";
    height: 8px;
    width: 15px;
    position: absolute;
    right: 10px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    background-image:url(//cdn.shopify.com/s/files/1/0129/2068/4608/t/20/assets/icon-dropdown.svg?v=8773289475568920971);
    -webkit-transition: all 0.35s;
    -moz-transition: all 0.35s;
    -ms-transition: all 0.35s;
    -o-transition: all 0.35s;
    transition: all 0.35s;
    background-size: contain;
    background-position: center center;
    background-repeat: no-repeat;
    -webkit-transform-origin: center;
    -moz-transform-origin: center;
    -ms-transform-origin: center;
    -o-transform-origin: center;
    transform-origin: center;
    pointer-events: none
}

.choices[data-type*="select-one"].is-open:after {
    -webkit-transform: translateY(-50%) rotate(180deg);
    -moz-transform: translateY(-50%) rotate(180deg);
    -ms-transform: translateY(-50%) rotate(180deg);
    -o-transform: translateY(-50%) rotate(180deg);
    transform: translateY(-50%) rotate(180deg)
}

.choices[data-type*="select-one"][dir="rtl"]:after {
    left: 11.5px;
    right: auto
}

.choices[data-type*="select-one"][dir="rtl"] .choices__button {
    right: auto;
    left: 0;
    margin-left: 25px;
    margin-right: 0
}

.choices[data-type*="select-multiple"] .choices__inner,
.choices[data-type*="text"] .choices__inner {
    cursor: text
}

.choices[data-type*="select-multiple"] .choices__button,
.choices[data-type*="text"] .choices__button {
    position: relative;
    display: inline-block;
    margin-top: 0;
    margin-right: -4px;
    margin-bottom: 0;
    margin-left: 8px;
    padding-left: 16px;
    border-left: 1px solid #454545;
    background-image: url("../../icons/cross.svg");
    background-size: 8px;
    width: 8px;
    line-height: 1;
    opacity: .75
}

.choices[data-type*="select-multiple"] .choices__button:hover,
.choices[data-type*="select-multiple"] .choices__button:focus,
.choices[data-type*="text"] .choices__button:hover,
.choices[data-type*="text"] .choices__button:focus {
    opacity: 1
}

.choices__inner {
    display: inline-block;
    vertical-align: top;
    width: 100%;
    background-color: transparent;
    border: 0 none;
    border-bottom: 1px solid currentColor;
    padding: 10px 10px 10px 0;
    font-size: 14px;
    overflow: hidden
}

.is-open .choices__inner {
    border-bottom-color: transparent
}

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

.choices__list--single {
    display: inline-block;
    padding: 4px 23px 4px 0;
    width: 100%
}

[dir="rtl"] .choices__list--single {
    padding-right: 4px;
    padding-left: 16px
}

.choices__list--single .choices__item {
    width: 100%
}

.choices__list--multiple {
    display: inline
}

.choices__list--multiple .choices__item {
    display: inline-block;
    vertical-align: middle;
    border-radius: 0px;
    padding: 4px 10px;
    font-size: 14px;
    font-weight: 500;
    margin-right: 3.75px;
    margin-bottom: 3.75px;
    background-color: #5e5e5e;
    border: 1px solid #515151;
    color: #FFFFFF;
    word-break: break-all;
    text-transform: uppercase
}

@media (max-width: 768px) {
    .choices__list--multiple .choices__item {
        font-size: 14px
    }
}

.choices__list--multiple .choices__item[data-deletable] {
    padding-right: 5px
}

[dir="rtl"] .choices__list--multiple .choices__item {
    margin-right: 0;
    margin-left: 3.75px
}

.is-disabled .choices__list--multiple .choices__item {
    background-color: #1e1e1e
}

.choices__list--dropdown {
    display: block;
    z-index: 2;
    position: absolute;
    width: auto;
    min-width: 100%;
    background-color: #fff;
    top: 100%;
    margin-top: 0;
    border: 1px solid rgba(151, 151, 151, 0.2);
    overflow: hidden;
    opacity: 0;
    visibility: hidden;
    text-align: left;
    -webkit-transition: opacity 0.15s, visibility 0.15s;
    -moz-transition: opacity 0.15s, visibility 0.15s;
    -ms-transition: opacity 0.15s, visibility 0.15s;
    -o-transition: opacity 0.15s, visibility 0.15s;
    transition: opacity 0.15s, visibility 0.15s
}

.choices__list--dropdown.is-active {
    display: block;
    opacity: 1;
    visibility: visible
}

.is-flipped .choices__list--dropdown {
    top: auto;
    bottom: 100%;
    margin-top: 0;
    margin-bottom: -1px;
    border-radius: .25rem .25rem 0 0
}

.choices__list--dropdown .choices__list {
    position: relative;
    max-height: 300px;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    will-change: scroll-position;
    padding: 0 10px
}

@media (max-width: 768px) {
    .choices__list--dropdown .choices__list {
        padding: 0 5px
    }
}

.choices__list--dropdown .choices__item {
    position: relative;
    padding: 15px 0;
    white-space: nowrap;
    font-size: 14px;
    -webkit-transition: all 0.15s;
    -moz-transition: all 0.15s;
    -ms-transition: all 0.15s;
    -o-transition: all 0.15s;
    transition: all 0.15s;
    border-bottom: 1px solid rgba(151, 151, 151, 0.2);
    text-transform: none;
    letter-spacing: 1px
}

@media (max-width: 768px) {
    .choices__list--dropdown .choices__item {
        font-size: 14px
    }
}

.choices__list--dropdown .choices__item:last-child {
    border-bottom: 0 none
}

[dir="rtl"] .choices__list--dropdown .choices__item {
    text-align: right
}

.choices__list--dropdown .choices__placeholder {
    display: none
}

@media (min-width: 640px) {
    .choices__list--dropdown .choices__item--selectable:after {
        content: attr(data-select-text);
        font-size: 14px;
        opacity: 0;
        position: absolute;
        right: 10px;
        top: 50%;
        transform: translateY(-50%)
    }
    [dir="rtl"] .choices__list--dropdown .choices__item--selectable {
        text-align: right;
        padding-left: 100px;
        padding-right: 10px
    }
    [dir="rtl"] .choices__list--dropdown .choices__item--selectable:after {
        right: auto;
        left: 10px
    }
}

.choices__list--dropdown .choices__item--selectable.is-highlighted {
    text-decoration: underline
}

.choices__list--dropdown .choices__item--selectable.is-highlighted:after {
    opacity: .5
}

.choices__item {
    cursor: default;
    text-transform: uppercase;
    font-weight: 400;
    font-size: 14px;
    padding: 0 0 0 0
}

@media (max-width: 768px) {
    .choices__item {
        font-size: 14px
    }
}

.choices__item--selectable {
    cursor: pointer
}

.choices__item--disabled {
    cursor: not-allowed;
    user-select: none;
    opacity: .5
}

.choices__heading {
    font-weight: 600;
    font-size: 14px;
    padding: 10px;
    border-bottom: 1px solid #787878;
    color: gray
}

.choices__button {
    text-indent: -9999px;
    -webkit-appearance: none;
    appearance: none;
    border: 0;
    background-color: transparent;
    background-repeat: no-repeat;
    background-position: center;
    cursor: pointer
}

.choices__button:focus {
    outline: none
}

.choices__input {
    display: inline-block;
    vertical-align: baseline;
    background-color: #f9f9f9;
    font-size: 14px;
    margin-bottom: 5px;
    border: 0;
    border-radius: 0;
    max-width: 100%;
    padding: 4px 0 4px 2px
}

.choices__input:focus {
    outline: 0
}

[dir="rtl"] .choices__input {
    padding-right: 2px;
    padding-left: 0
}

.slick-slider {
    position: relative;
    display: block;
    box-sizing: border-box;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all 0.35s ease;
    -moz-transition: all 0.35s ease;
    -ms-transition: all 0.35s ease;
    -o-transition: all 0.35s ease;
    transition: all 0.35s ease
}

.slick-slider.slick-initialized {
    opacity: 1;
    visibility: visible
}

.slick-list {
    position: relative;
    overflow: hidden;
    display: block;
    margin: 0;
    padding: 0
}

.slick-list:focus {
    outline: none
}

.slick-list.dragging {
    cursor: pointer;
    cursor: hand
}

.slick-slider .slick-track,
.slick-slider .slick-list {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.slick-track {
    position: relative;
    left: 0;
    top: 0;
    display: block;
    will-change: transform
}

.slick-track:before,
.slick-track:after {
    content: "";
    display: table
}

.slick-track:after {
    clear: both
}

.slick-loading .slick-track {
    visibility: hidden
}

.slick-slide {
    float: left;
    height: 100%;
    min-height: 1px;
    display: none
}

[dir="rtl"] .slick-slide {
    float: right
}

.slick-slide img {
    display: block
}

.slick-slide.slick-loading img {
    display: none
}

.slick-slide.dragging img {
    pointer-events: none
}

.slick-initialized .slick-slide {
    display: block
}

.slick-loading .slick-slide {
    visibility: hidden
}

.slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent
}

.slick-arrow.slick-hidden {
    display: none
}

.slick-loading .slick-list {
    background: #fff url("./ajax-loader.gif") center center no-repeat
}

@font-face {
    font-family: "slick";
    src: url("./fonts/slick.eot");
    src: url("./fonts/slick.eot?#iefix") format("embedded-opentype"), url("./fonts/slick.woff") format("woff"), url("./fonts/slick.ttf") format("truetype"), url("./fonts/slick.svg#slick") format("svg");
    font-weight: normal;
    font-style: normal
}

.slick-prev,
.slick-next {
    position: absolute;
    display: block;
    height: 15px;
    width: 15px;
    line-height: 0px;
    font-size: 0px;
    cursor: pointer;
    background: transparent;
    color: transparent;
    right: 0;
    padding: 0;
    border: none;
    outline: none;
    color: #000;
    padding: 0px 10px;
    box-sizing: content-box;
    z-index: 1;
    background-size: 8px 16px;
    background-position: center center;
    background-repeat: no-repeat;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%)
}

.slider-navigation .slick-prev,
.slider-navigation .slick-next {
    -webkit-transform: none;
    -moz-transform: none;
    -ms-transform: none;
    -o-transform: none;
    transform: none;
    position: static
}

.slick-prev.slick-disabled,
.slick-next.slick-disabled {
    opacity: 0.3;
    pointer-events: none
}

.slick-prev:before,
.slick-next:before {
    content: none
}

.slick-prev.slick-prev,
.slick-next.slick-prev {
    background-image:url(//cdn.shopify.com/s/files/1/0129/2068/4608/t/20/assets/icon-slider-left.svg?v=2952996532219444678)
}

.slider-navigation .slick-prev.slick-prev,
.slider-navigation .slick-next.slick-prev {
    -webkit-transform: none;
    -moz-transform: none;
    -ms-transform: none;
    -o-transform: none;
    transform: none;
    -webkit-box-ordinal-group: 0;
    -webkit-order: -1;
    -moz-order: -1;
    -ms-flex-order: -1;
    order: -1
}

.slick-prev.slick-next,
.slick-next.slick-next {
    background-image:url(//cdn.shopify.com/s/files/1/0129/2068/4608/t/20/assets/icon-slider-right.svg?v=4292985833828373668)
}

.slider-navigation .slick-prev.slick-next,
.slider-navigation .slick-next.slick-next {
    -webkit-transform: none;
    -moz-transform: none;
    -ms-transform: none;
    -o-transform: none;
    transform: none;
    -webkit-box-ordinal-group: 3;
    -webkit-order: 2;
    -moz-order: 2;
    -ms-flex-order: 2;
    order: 2
}

@media (max-width: 768px) {
    .slick-prev,
    .slick-next {
        padding: 20px 10px
    }
}

.slick-prev {
    left: 0;
    right: auto
}

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

.slick-prev:before {
    content: "←"
}

[dir="rtl"] .slick-prev:before {
    content: "→"
}

.slick-next {
    right: 0
}

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

.slick-next:before {
    content: "→"
}

[dir="rtl"] .slick-next:before {
    content: "←"
}

.slider-wrapper {
    position: relative
}

.slider-navigation {
    position: absolute;
    bottom: 15px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    align-items: center
}

.slick-dots {
    position: absolute;
    bottom: 0;
    list-style: none;
    display: block;
    text-align: center;
    padding: 0;
    margin: 0;
    width: auto;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%)
}

.slider-navigation .slick-dots {
    position: static;
    -webkit-box-ordinal-group: 2;
    -webkit-order: 1;
    -moz-order: 1;
    -ms-flex-order: 1;
    order: 1;
    -webkit-transform: none;
    -moz-transform: none;
    -ms-transform: none;
    -o-transform: none;
    transform: none
}

.slick-dots li {
    position: relative;
    display: inline-block;
    margin: 0 15px;
    padding: 0;
    cursor: pointer
}

.slick-dots li button {
    border: 0 none;
    background: transparent;
    display: block;
    height: 12px;
    width: 12px;
    outline: none;
    line-height: 0px;
    font-size: 0px;
    color: transparent;
    cursor: pointer;
    padding: 0;
    border: 1px solid #d1d1d1;
    border-radius: 100%;
    -webkit-transition: all 0.35s ease;
    -moz-transition: all 0.35s ease;
    -ms-transition: all 0.35s ease;
    -o-transition: all 0.35s ease;
    transition: all 0.35s ease;
    position: relative
}

.slick-dots li button:before {
    content: "";
    position: absolute;
    width: calc(100% - 4px);
    height: calc(100% - 4px);
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    display: block;
    background: #34b9d0;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all 0.35s ease;
    -moz-transition: all 0.35s ease;
    -ms-transition: all 0.35s ease;
    -o-transition: all 0.35s ease;
    transition: all 0.35s ease;
    border-radius: 50%
}

.slick-dots li.slick-active button:before {
    opacity: 1;
    visibility: visible
}

.hero {
    height: 450px;
    position: relative;
    padding: 30px 60px
}

@media (max-width: 768px) {
    .hero {
        padding: 25px
    }
}

.hero__has-background {
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat
}

.hero .wrapper {
    height: 100%;
    width: 1040px;
    max-width: 100%;
    padding: 0
}

.hero-image {
    width: 50%;
    padding-left: 20px
}

.hero-image img {
    max-width: 100%
}

@media (max-width: 768px) {
    .hero-image {
        margin-top: 30px;
        padding-left: 0;
        width: 100%
    }
    .hero-image+.btn {
        margin-top: 30px
    }
}

.hero-text {
    width: 50%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-direction: normal;
    -webkit-box-orient: vertical;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    justify-content: center;
    -webkit-box-align: start;
    -ms-flex-align: start;
    -webkit-align-items: flex-start;
    -moz-align-items: flex-start;
    align-items: flex-start
}

@media (max-width: 768px) {
    .hero-text {
        width: 100%;
        text-align: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        -moz-align-items: center;
        align-items: center
    }
}

.hero-text .btn {
    margin-top: 15px;
    min-width: 200px
}

.center-text {
    width: 750px;
    max-width: 100%;
    text-align: center;
    margin: auto
}

.m-auto {
    margin: auto
}

.columns-three {
    position: relative
}

.columns-three.hide-prev-arrow .slick-prev {
    opacity: 0;
    visibility: hidden
}

.columns-three .slick-next,
.columns-three .slick-prev {
    width: 35px;
    height: 35px;
    background-color: #fff;
    background-position: center center;
    border-radius: 50%;
    border: 1px solid #e8eff1;
    padding: 0;
    top: 250px
}

.columns-three__row {
    width: calc(100% + 40px);
    position: relative;
    left: -20px;
    max-width: calc(100% + 40px);
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    -webkit-align-items: stretch;
    -moz-align-items: stretch;
    align-items: stretch
}

@media (max-width: 768px) {
    .columns-three__row {
        -webkit-flex-wrap: wrap;
        -moz-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
}

.columns-three__column {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    align-items: center;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -moz-box-flex: 1;
    -moz-flex: 1;
    -ms-flex: 1;
    flex: 1;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-direction: normal;
    -webkit-box-orient: vertical;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    margin: 0 20px
}

@media (max-width: 768px) {
    .columns-three__column {
        margin-bottom: 50px
    }
}

.columns-three__column--title {
    font-size: 30px;
    font-weight: 300;
    max-width: 100%
}

@media (min-width: 769px) {
    .columns-three__column--title {
        min-height: 55px;
        margin: 0
    }
    .template-full-page-technology .columns-three__column--title {
        min-height: 150px
    }
}

@media (max-width: 1024px) {
    .columns-three__column--title {
        font-size: 22px
    }
}

@media (max-width: 768px) {
    .columns-three__column--title {
        font-size: 16px
    }
}

.columns-three__column--image {
    -webkit-box-flex: none;
    -webkit-flex: none;
    -moz-box-flex: none;
    -moz-flex: none;
    -ms-flex: none;
    flex: none;
    padding: 30px 0;
    width: 100%;
    position: relative
}

@media (max-width: 480px) {
    .columns-three__column--image {
        height: auto
    }
}

.columns-three__column--image img {
    margin: 0px auto;
    max-height: none;
    width: 100%;
    position: relative
}

@media only screen and (max-width: 1200px) {
    .columns-three__column--image img {
        max-width: 100%;
        height: auto
    }
}

.columns-three__column--text {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    align-items: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -webkit-flex: 1 0 auto;
    -moz-box-flex: 1;
    -moz-flex: 1 0 auto;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    justify-content: center;
    margin-top: 10px;
    margin-bottom: 10px;
    max-width: 100%
}

.columns-three__column a {
    text-decoration: none
}

.columns-three__column .btn {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    justify-content: center;
    margin: 40px auto 0px;
    min-width: 200px;
    max-width: 300px;
    min-height: 40px;
    vertical-align: middle
}

.columns-three__column .btn:before {
    content: '';
    display: inline-block;
    height: 100%
}

.columns-three__column .btn svg {
    margin-right: 12px
}

@media (max-width: 768px) {
    .section-triggers {
        margin: 30px 0
    }
}

.section-triggers .slick-next,
.section-triggers .slick-prev {
    width: 35px;
    height: 35px;
    background-color: #fff;
    background-position: center center;
    border-radius: 50%;
    border: 1px solid #e8eff1;
    padding: 0
}

.section-triggers .slick-next {
    right: 20px
}

.section-triggers .slick-prev {
    left: 20px
}

.section-triggers .section-trigger {
    padding: 0 60px 60px
}

@media (max-width: 768px) {
    .section-triggers .section-trigger {
        text-align: center
    }
}

.section-triggers .section-trigger .flex {
    margin-bottom: 30px
}

.section-triggers .section-trigger .flex h2 {
    margin-bottom: 0
}

@media (max-width: 768px) {
    .section-triggers .section-trigger .flex {
        -webkit-box-direction: normal;
        -webkit-box-orient: vertical;
        -webkit-flex-direction: column;
        -moz-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column
    }
    .section-triggers .section-trigger .flex h2 {
        margin-top: 30px
    }
}

.section-triggers .section-trigger__title {
    font-size: 24px;
    font-weight: 300
}

.section-triggers .section-trigger img {
    max-width: 51px;
    max-height: 51px;
    margin-right: 23px;
    display: block
}

.section-triggers .section-trigger .btn {
    min-width: 200px;
    margin-top: auto
}

.image-text__row {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    align-items: center
}

@media (max-width: 768px) {
    .image-text__row {
        -webkit-box-direction: normal;
        -webkit-box-orient: vertical;
        -webkit-flex-direction: column;
        -moz-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column
    }
    .image-text__row>h2 {
        margin-bottom: 40px
    }
}

.image-text__image,
.image-text__text {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -moz-box-flex: 1;
    -moz-flex: 1;
    -ms-flex: 1;
    flex: 1
}

@media (max-width: 768px) {
    .image-text__image,
    .image-text__text {
        max-width: none;
        width: 100%
    }
}

.image-text__image {
    padding-right: 58px;
    max-width: 50%
}

@media (max-width: 768px) {
    .image-text__image {
        max-width: none
    }
}

@media (max-width: 768px) {
    .image-text__image.title-above-image {
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-direction: normal;
        -webkit-box-orient: vertical;
        -webkit-flex-direction: column;
        -moz-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column
    }
}

.image-text__image+.image-text__text {
    max-width: 50%
}

@media (max-width: 768px) {
    .image-text__image+.image-text__text {
        max-width: none
    }
}

@media (max-width: 768px) {
    .image-text__image {
        margin-bottom: 30px;
        padding-right: 0
    }
}

.image-text__has-secondary-image .image-text__image,
.image-text__wider-image .image-text__image {
    max-width: 70%;
    padding-right: 120px
}

@media (max-width: 768px) {
    .image-text__has-secondary-image .image-text__image,
    .image-text__wider-image .image-text__image {
        padding-right: 0;
        max-width: 100%
    }
}

.image-text__image--caption {
    margin-top: 15px;
    width: 80%;
    margin-left: auto
}

@media (max-width: 768px) {
    .image-text__image--caption {
        width: 100%
    }
}

.image-text__image--secondary {
    margin-top: 45px
}

.image-text__image.image-size-small {
    padding: 0 15%
}

.image-text__image.image-size-small img {
    width: auto;
    max-width: 100%
}

@media (max-width: 480px) {
    .image-text__image.image-size-small img {
        height: 150px
    }
}

@media (max-width: 768px) {
    .image-text__image.image-size-small {
        padding: 0
    }
}

.image-text__image.image-size-medium {
    padding: 0 10%
}

.image-text__image.image-size-medium img {
    max-height: 450px;
    width: auto
}

@media (max-width: 768px) {
    .image-text__image.image-size-medium {
        padding: 0
    }
}

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

.image-text iframe {
    width: 100%;
    height: 321px
}

.image-text__title {
    font-weight: 300
}

.image-text__text img {
    width: 100%;
    margin-bottom: 20px
}

.image-text .btn {
    margin-top: 22px;
    width: 200px;
    height: 40px;
    padding: 0;
    text-decoration: none;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    align-items: center
}

@media (max-width: 768px) {
    .image-text .btn {
        margin: 0 auto
    }
}

.image-text .btn svg {
    margin-right: 12px
}

.image-text small {
    margin-top: 15px
}

.image-text__reverse .image-text__row {
    -webkit-box-direction: reverse;
    -webkit-box-orient: horizontal;
    -webkit-flex-direction: row-reverse;
    -moz-flex-direction: row-reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse
}

@media (max-width: 768px) {
    .image-text__reverse .image-text__row {
        -webkit-box-direction: normal;
        -webkit-box-orient: vertical;
        -webkit-flex-direction: column;
        -moz-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column
    }
}

.image-text__reverse .image-text__image {
    padding-right: 0;
    padding-left: 58px
}

@media (max-width: 768px) {
    .image-text__reverse .image-text__image {
        padding-left: 0
    }
}

.image-text__reverse.image-text__has-secondary-image .image-text__image,
.image-text__reverse.image-text__wider-image .image-text__image {
    padding-right: 0;
    padding-left: 120px
}

@media (max-width: 768px) {
    .image-text__reverse.image-text__has-secondary-image .image-text__image,
    .image-text__reverse.image-text__wider-image .image-text__image {
        padding-left: 0
    }
}

@media (max-width: 768px) {
    .image-text__reverse-mobile .image-text__text {
        -webkit-box-ordinal-group: 0;
        -webkit-order: -1;
        -moz-order: -1;
        -ms-flex-order: -1;
        order: -1;
        margin-bottom: 90px
    }
}

.popup {
    position: fixed;
    top: 0;
    left: 0;
    background-color: rgba(0, 0, 0, 0.6);
    width: 100%;
    height: 100%;
    z-index: 9;
    text-align: center;
    padding: 15px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    align-items: center
}

.popup:not(.show) {
    display: none
}

.popup-inner {
    padding: 70px;
    background: white;
    width: 872px;
    max-width: 100%
}

@media (max-width: 768px) {
    .popup-inner {
        padding: 45px
    }
}

@media (max-width: 480px) {
    .popup-inner {
        padding: 45px 30px 30px
    }
}

.popup-title {
    margin-bottom: 30px;
    font-weight: 300
}

@media (max-width: 480px) {
    .popup-title {
        margin-bottom: 20px
    }
}

.popup-buttons {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    justify-content: center
}

@media (max-width: 480px) {
    .popup-buttons {
        display: block
    }
}

.popup-buttons .btn {
    margin: 0 10px
}

@media (max-width: 480px) {
    .popup-buttons .btn {
        margin: 10px 0;
        width: 100%
    }
}

.site-header {
    padding: 27px 60px 37px;
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.1);
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    background: #fff;
    z-index: 10;
    will-change: transform;
    -webkit-transition: padding 0.2s;
    -moz-transition: padding 0.2s;
    -ms-transition: padding 0.2s;
    -o-transition: padding 0.2s;
    transition: padding 0.2s
    
}

.site-header.fixed {
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    position: fixed;
}

@media (min-width: 769px) {
    .site-header.fixed {
        padding-top: 20px;
        padding-bottom: 20px
    }
}

/*.site-header.hide-from-view {
    -webkit-transform: translateY(-100%);
    -moz-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    -o-transform: translateY(-100%);
    transform: translateY(-100%)
}*/

@media (max-width: 768px) {
    .site-header {
        padding: 32px 25px;
    }
}

.site-header .logo-area {
    line-height: 0;
    max-width: 250px;
    margin-right: -20px;
    width: 100%;
  	float: left;
}

@media (min-width: 769px) {
  .logo-area.desktop-only {
    padding-top: 20px;
    padding-bottom: 10px;
  }
  
    
  .fixed .logo-area.desktop-only {
    padding-top: 0;
    padding-bottom: 0;
  }

}

@media (max-width: 768px) {
    .site-header .logo-area {
/*       margin: 20px auto; */
      max-width: 160px;
/*       text-align: center;
      float: none; */
    }
  
  .left-area.big-mobile-only {
/*     float: left; */
/*     padding-top: 5px; */
  }
}

.site-header .logo-area a {
    line-height: 0;
    display: block
}

.site-header .logo-area a img {
    width: 100%
}

.site-header .nav-area .main-menu ul li a {
    text-transform: uppercase;
    color: #7d7d7d;
    font-size: 14px
}

.site-header .nav-area .main-menu ul li:first-child a {
	color: #7D7D7D;
}

.site-header .nav-area .main-menu ul li a.active,
.site-header .nav-area .main-menu ul li a:hover {
    color: #34b9d0;
}

.site-header .site-menu {
  float: right;
}

@media (min-width: 769px) {
  .site-header .site-menu {
    margin-bottom: 30px;
  }
}

.site-header .main-menu {
  clear: right;
  float: right;
}

.site-header .site-menu-list {
  display: flex;
/*   margin-bottom: 35px; */
/*     margin-right: -20px */
}

@media (max-width: 768px) {
  .site-header .site-menu {
    float: none;
    width: 100%
  }
  
  .site-header .site-menu-list {
    width: 100%;
  }
}

.site-header .main-menu-list li.search button.search-submit {
  background-repeat: no-repeat;
  background-size: 20px 20px;
  display: block;
  height: 20px;
  width: 20px;
  padding-right: 55px;
}

.site-header .site-menu-list li a.burger-icon {
  padding: 0;
}
  
.site-header .site-menu-list li:last-child a {
  padding-right: 0;
}

.site-header .site-menu-list li.search button.search-submit,
.site-header .main-menu-list li.search button.search-submit {
  background-image:url(//cdn.shopify.com/s/files/1/0129/2068/4608/t/20/assets/icon-search-V3.png?v=17609895978272690838);
  padding-top: 0;
}

.site-header .site-menu-list li.cart a {
  background-image:url(//cdn.shopify.com/s/files/1/0129/2068/4608/t/20/assets/icon-cart-V4.svg?v=16053828073859182599);
  width: 18px;
  height: 18px;
  display: block;
  background-size: 18px;
}

.site-header .site-menu-list li.account a {
  background-image:url(//cdn.shopify.com/s/files/1/0129/2068/4608/t/20/assets/icon-account-V2.png?v=5296898741397171120);
}

.site-header .site-menu-list li span {
  color: #7D7D7D;
    font-size: 12px;
}

.site-header .site-menu-list li form,
.site-header .main-menu-list li form {
    position: relative
}

/* .search.site-menu-item input[type="search"] {
    position: absolute;
    right: 20px;
} */

.site-header .site-menu-list li.search button.search-submit,
.site-header .main-menu-list li.search button.search-submit {
  position: absolute;
  left: -21px;
  top: 0px;
  width: 22px;
  padding: 0;
}

li.search.site-menu-item {
/*     padding-right: 40px; */
}

@media (max-width: 768px) {
  .site-header .site-menu-list li {
    width: 25%
  }
  
  .site-header .site-menu-list li a {
    padding: 0;
    text-align: center;
    margin: 0 auto;
  }
  
  li.search.site-menu-item {
    padding-right: 0;
  }
  
  .site-header .site-menu-list li.search button.search-submit,
  .site-header .main-menu-list li.search button.search-submit {
    left: auto;
    position: relative;
    margin: 0 auto;
    top: -15px;
    -webkit-transition: left 0.4s ease-in-out;
  	transition: left 0.4s ease-in-out;
  }
  
  .site-header .site-menu-list li.search button.search-submit.active,
  .site-header .main-menu-list li.search button.search-submit.active {
    left: 0;
    position: absolute;
    top: 2px;
  }
  
  .search input[type="text"] {
    left: 21px;
    top: 2px;
  }
}

.main-menu-beneath {
  display: none;
}

.main-menu-link,
.site-header .logo-area a img {
  position: relative;
  z-index: 99;
}

.main-menu-item {
  display: flex;
}

.main-menu-item .main-menu-list {
  margin: 0 30px;
}

.main-menu-item .main-menu-list:first-of-type {
  margin-left: 0;
}

.main-menu-item .main-menu-list:last-of-type {
  margin-right: 0;
}


.main-menu-item .main-menu-item:focus .main-menu-beneath,
.main-menu-item .main-menu-item:hover .main-menu-beneath {
  position: absolute;
  left: 0;
  top: 0;
  display: flex;
  align-items: flex-start;
  background-color: #ffffff;
  justify-content: space-between;
  right: 0;
  padding: 50px;
  padding-bottom: 30px;
  padding-top: 170px;
  z-index: 0;
  box-shadow: 0 5px 20px rgba(0, 0, 0, 0.1);
}

.main-menu-beneath-product-item {
  display: flex;
  flex-direction: column;
}

.main-menu-product-item .main-menu-product-link {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 5px;
}

.main-menu-product-title.main-menu-product-title.main-menu-product-title {
  text-transform: capitalize;
  text-align: center;
}

.main-menu-beneath-product-wrap.main-menu-beneath-product-wrap {
  display: flex;
  align-items: flex-end;
}

.main-menu-product-item.main-menu-product-item {
  padding: 20px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  max-width: 240px;
}

.main-menu-beneath-product-item > .main-menu-product-link-wrap {
  display: flex;
  align-items: center;
  justify-content: center;
}

.main-menu-product-buy.main-menu-product-buy.main-menu-product-buy.main-menu-product-buy.main-menu-product-buy.main-menu-product-buy.main-menu-product-buy.main-menu-product-buy {
  color: #ffffff;
  font-size: 11px;
}

.main-menu-product-image.main-menu-product-image.main-menu-product-image {
  width: auto;
  height: 100px;
  padding-bottom: 5px;
  justify-content: center;
  align-self: center;
}

.search {
  position: relative;
}

.search.search.search.search form {
  	position: absolute;
    top: -10px;
  	right: 0;
}

.search input[type="text"] {
  	color: #7D7D7D;
    padding: 4px;
    width:0px;
    border: none;
  	-webkit-transition: width 0.4s ease-in-out;
  	transition: width 0.4s ease-in-out;
  	position: relative;
  	z-index: 99;
}

.search.active input[type=text] {
  width: 350px;
}

.search .search-close {
  display: none;
}

.search.active .search-close {
  display: block;
  position: absolute;
  top: 3px;
  right: 0;
  background-image: url(//cdn.shopify.com/s/files/1/0129/2068/4608/t/20/assets/icon-close.svg?v=10095647199325897976);
  background-position: center;
  background-repeat: no-repeat;
  background-size: 10px;
  width: 10px;
  height: 10px;
  color: transparent;
  z-index: 100;
}



/* .site-header .site-menu-list li form input.search {
    position: absolute;
    right: 110px;
    top: -5px;
    width: 130px;
    max-width: none;
    padding: 0;
    height: 30px;
    border: 0 none;
    color: #000;
    font-size: 12px;
} */

/* .site-header .site-menu-list li form input::-webkit-input-placeholder {
    color: #000;
    opacity: 0.2;
    font-size: 12px
}

.site-header .site-menu-list li form input:-moz-placeholder {
    color: #000;
    opacity: 0.2;
    font-size: 12px
}

.site-header .site-menu-list li form input::-moz-placeholder {
    color: #000;
    opacity: 0.2;
    font-size: 12px
}

.site-header .site-menu-list li form input:-ms-input-placeholder {
    color: #000;
    opacity: 0.2;
    font-size: 12px
}

.site-header .site-menu-list li form input.has-value {
    opacity: 1;
    visibility: visible;
    -webkit-transform: scale(1, 1) translateY(-50%);
    -moz-transform: scale(1, 1) translateY(-50%);
    -ms-transform: scale(1, 1) translateY(-50%);
    -o-transform: scale(1, 1) translateY(-50%);
    transform: scale(1, 1) translateY(-50%)
}

.site-header .site-menu-list li form button {
    appearance: none;
    -webkit-appearance: none;
    border: none;
    padding: 0;
    background-color: transparent;
    line-height: 20px;
    z-index: 1;
    display: block
} */

.site-header .site-menu-list li form button img,
.site-header .main-menu-list li form button img{
    pointer-events: none
}

.site-header .site-menu-list li form.open input,
.site-header .main-menu-list li form.open input {
    opacity: 1;
    visibility: visible;
    -webkit-transform: scale(1, 1) translateY(-50%);
    -moz-transform: scale(1, 1) translateY(-50%);
    -ms-transform: scale(1, 1) translateY(-50%);
    -o-transform: scale(1, 1) translateY(-50%);
    transform: scale(1, 1) translateY(-50%)
}

.site-header .site-menu-list li img,
.site-header .main-menu-list li img {
  width: 20px;
  height: 20px;
}


.main-menu-item:empty {
  display: none;
}

.main-menu-list .child,
.main-menu-list .grandchild {
  opacity: 0;
  overflow: hidden;
  height: 0;
  width: 0;
  padding: 0;
}

.main-menu-list .menu-item-collection:hover .child,
.main-menu-list .menu-item-collection:focus .child {
   opacity: 1;
   height: auto;
   width: auto;
   position: absolute;
   background-color: white;
   padding: 10px;
   padding-left: 15px;
   transition: opacity ease 0.5s, padding-top ease 0.5s;
}

.main-menu-list .menu-item-collection:hover .child > li,
.main-menu-list .menu-item-collection:focus .child > li {
  padding-bottom: 10px;
}

.main-menu-list .menu-item-collection .child li:hover .grandchild,
.main-menu-list .menu-item-collection .child li:hover .grandchild {
   opacity: 1;
   height: auto;
   width: auto;
   padding: 10px;
   padding-left: 15px;
   padding-bottom: 0;
   transition: opacity ease 0.5s, padding-top ease 0.5s;
}


.site-footer {
    padding: 40px 0 20px 0
}

@media (max-width: 768px) {
    .site-footer {
        padding: 40px 0 50px 0
    }
}

@media (max-width: 768px) {
    .site-footer .footer-flex {
        text-align: center;
        -webkit-box-direction: normal;
        -webkit-box-orient: vertical;
        -webkit-flex-direction: column;
        -moz-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        -moz-align-items: center;
        align-items: center
    }
}

.site-footer .footer-flex .language-area {
  min-width: 260px;
  margin-bottom: 10px;
}

.site-footer .footer-flex .logo-area,
.site-footer .footer-flex .language-area {
     padding: 10px 0;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -moz-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -webkit-flex-basis: 0;
    -moz-flex-basis: 0;
    -ms-flex-preferred-size: 0;
    flex-basis: 0
}

@media (max-width: 768px) {
    .site-footer .footer-flex .logo-area,
    .site-footer .footer-flex .language-area {
        -webkit-box-flex: 0;
        -webkit-flex-grow: 0;
        -moz-flex-grow: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        -webkit-flex-basis: auto;
        -moz-flex-basis: auto;
        -ms-flex-preferred-size: auto;
        flex-basis: auto
    }
}

.site-footer .footer-flex .logo-area {
    max-width: 220px;
  	min-width: 220px;
    margin-right: 10px;
    margin-bottom: 10px;
    display: block
}

@media (max-width: 768px) {
    .site-footer .footer-flex .logo-area {
        margin-right: 0;
        margin-bottom: 15px;
        width: 100%;
        -webkit-box-ordinal-group: -1;
        -webkit-order: -2;
        -moz-order: -2;
        -ms-flex-order: -2;
        order: -2
    }
}

.site-footer .footer-flex .logo-area img {
    margin-bottom: 0
}

@media (max-width: 768px) {
    .site-footer .footer-flex .logo-area img {
        max-width: 220px
    }
}

@media (max-width: 768px) {
    .site-footer .footer-flex .nav-area ul li {
        width: 50%;
        margin-bottom: 30px
    }
}

.site-footer .footer-flex .nav-area ul li a {
    font-size: 12px;
    color: #9b9b9b;
    text-transform: uppercase;
    font-weight: 500
}

.site-footer .footer-flex .nav-area ul li a:hover {
    color: #34b9d0
}

@media (max-width: 1400px) {
    .site-footer .footer-flex .language-area {
        flex: 100%
    }
}

@media (max-width: 768px) {
    .site-footer .footer-flex .language-area {
        margin-bottom: 30px;
        -webkit-box-ordinal-group: 5;
        -webkit-order: 4;
        -moz-order: 4;
        -ms-flex-order: 4;
        order: 4
    }
}

.site-footer .footer-flex .language-area label {
    margin-right: 10px;
    color: #7d7d7d
}

.site-footer .footer-flex .language-area select {
    padding: 5px;
    padding: 5px 10px 5px 20px;
    background-position: left 6px center
}

.site-footer .footer-flex .social-icons {
    margin-top: 0;
    margin-bottom: 10px;
    padding: 10px 0;
    flex-grow: 1;
    justify-content: flex-start;
}

@media (max-width: 768px) {
    .site-footer .footer-flex .social-icons {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        -moz-justify-content: center;
        justify-content: center;
        margin-bottom: 30px;
        margin-top: 10px;
        -webkit-box-ordinal-group: 0;
        -webkit-order: -1;
        -moz-order: -1;
        -ms-flex-order: -1;
        order: -1
    }
    .site-footer .footer-flex .social-icons .fab {
        font-size: 20px
    }
}

.site-footer .copy {
    color: rgba(155, 155, 155, 0.5);
    font-size: 9px
}

@media (max-width: 768px) {
  .site-footer.site-footer.site-footer .nav-area {
    width: 100%;
    margin-left: 0;
  }
}

.site-footer.site-footer .nav-area {
  width: calc(100% - 274px);
  margin-left: 40px;
}

.footer-menu.footer-menu.footer-menu {
  margin-bottom: 10px;
  margin-right: 0;
}

.footer-menu.footer-menu.footer-menu > li {
  padding: 10px 20px;
}

.homepage-section {
    margin-bottom: 10px;
    padding-bottom: 10px
}

.homepage-section.margin-below-false {
    margin-bottom: 0
}

.homepage-section:last-of-type {
    margin-bottom: 0
}

@media (max-width: 768px) {
    .homepage-section:last-of-type {
        margin-bottom: 20px
    }
}

.template-page .homepage-section:last-of-type {
    margin-bottom: 50px
}

@media (max-width: 768px) {
    .template-page .homepage-section:last-of-type {
        margin-bottom: 20px
    }
}

.homepage-section .section-header {
    margin-bottom: 80px
}

@media (max-width: 768px) {
    .homepage-section .section-header {
        margin-bottom: 50px
    }
}

.homepage-section .section-header .rte {
    max-width: 650px;
    margin: 0 auto
}

.image-and-text:not(.homepage-section) {
    margin-bottom: 120px
}

@media (max-width: 480px) {
    .image-and-text.homepage-section .wrapper {
        padding-top: 0 !important
    }
}

.image-and-text .title-area {
    width: 100%;
    margin-bottom: 30px
}

@media (max-width: 768px) {
    .image-and-text .image-area {
        -webkit-box-ordinal-group: 1;
        -webkit-order: 0;
        -moz-order: 0;
        -ms-flex-order: 0;
        order: 0
    }
}

@media (max-width: 768px) {
    .image-and-text .caption-area {
        -webkit-box-ordinal-group: 2;
        -webkit-order: 1;
        -moz-order: 1;
        -ms-flex-order: 1;
        order: 1
    }
}

@media (max-width: 768px) {
    .image-and-text .is-hero-banner {
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-direction: normal;
        -webkit-box-orient: vertical;
        -webkit-flex-direction: column;
        -moz-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column
    }
}

@media (max-width: 768px) {
    .image-and-text .is-hero-banner .text-title {
        -webkit-box-ordinal-group: 3;
        -webkit-order: 2;
        -moz-order: 2;
        -ms-flex-order: 2;
        order: 2
    }
}

.image-and-text .caption-area {
    width: 50%
}

@media (max-width: 768px) {
    .image-and-text .caption-area {
        width: 100%
    }
}

.image-and-text .caption-area.image-side-right {
    padding-left: 8%
}

@media (max-width: 1024px) {
    .image-and-text .caption-area.image-side-right {
        padding-left: 4%
    }
}

@media (max-width: 768px) {
    .image-and-text .caption-area.image-side-right {
        padding-left: 0
    }
}

.image-and-text .caption-area.image-side-left {
    padding-right: 8%
}

@media (max-width: 768px) {
    .image-and-text .caption-area.image-side-left {
        padding-right: 0
    }
}

.image-and-text .caption-area .rte {
    letter-spacing: 0
}

.image-and-text .caption-area .rte ul {
    padding-right: 0;
    margin: 0;
    list-style-type: none
}

@media (max-width: 480px) {
    .image-and-text .caption-area .rte ul {
        text-align: left
    }
}

.image-and-text .caption-area .rte ul li {
    position: relative;
    padding-left: 25px
}

.image-and-text .caption-area .rte ul li:not(:last-child) {
    margin-bottom: 25px
}

.image-and-text .caption-area .rte ul li:before {
    content: "";
    background-color: #34b9d0;
    border-radius: 50px;
    height: 7.5px;
    display: inline-block;
    width: 7.5px;
    position: absolute;
    top: 7.5px;
    left: 0
}

.image-and-text .caption-area .rte ul li span {
    position: relative;
    left: 25px
}

.image-and-text .caption-area>ul {
    margin: 0 0
}

@media (max-width: 768px) {
    .image-and-text .caption-area>ul {
        text-align: center
    }
}

.image-and-text .caption-area>ul li {
    display: inline-block;
    padding: 0 0
}

.image-and-text .caption-area>ul li .btn {
    min-width: 200px
}

@media (max-width: 768px) {
    .image-and-text .caption-area>ul li .btn {
        min-width: none
    }
}

.image-and-text .caption-area .btn {
    margin-top: 30px;
    font-weight: 400
}

@media (max-width: 768px) {
    .image-and-text .caption-area .btn {
        margin-top: 15px
    }
}

.image-and-text .caption-area>small {
    margin-top: 15px
}

.image-and-text .caption-area .caption-image {
    margin-top: 30px
}

.image-and-text .image-area {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    align-items: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    width: 50%
}

@media (min-width: 1025px) {
    .image-and-text .image-area {
        min-height: 450px
    }
}

@media (max-width: 1024px) {
    .image-and-text .image-area {
        min-height: 350px
    }
}

@media (max-width: 768px) {
    .image-and-text .image-area {
        min-height: auto
    }
}

.image-and-text .image-area:after {
    content: "";
    min-height: inherit;
    font-size: 0
}

@media (max-width: 768px) {
    .image-and-text .image-area {
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-direction: normal;
        -webkit-box-orient: vertical;
        -webkit-flex-direction: column;
        -moz-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        width: 100%;
        height: auto;
        margin-bottom: 20px;
        -webkit-box-ordinal-group: 1;
        -webkit-order: 0;
        -moz-order: 0;
        -ms-flex-order: 0;
        order: 0;
        margin-top: 20px
    }
}

.image-and-text .image-area .caption {
    margin-top: 5px;
    font-size: 10px
}

.image-and-text .image-area .caption * {
    font-size: inherit
}

.image-and-text .image-area h2 {
    margin-bottom: 30px
}

@media (max-width: 768px) {
    .image-and-text .image-area h2 {
        -webkit-box-ordinal-group: 1;
        -webkit-order: 0;
        -moz-order: 0;
        -ms-flex-order: 0;
        order: 0
    }
}

@media (max-width: 768px) {
    .image-and-text .image-area .text-content {
        -webkit-box-ordinal-group: 3;
        -webkit-order: 2;
        -moz-order: 2;
        -ms-flex-order: 2;
        order: 2
    }
}

.image-and-text .image-area.image-size-small {
    padding: 0 15%
}

.image-and-text .image-area.image-size-small img {
    width: auto;
    max-width: 100%
}

@media (max-width: 480px) {
    .image-and-text .image-area.image-size-small img {
        height: 150px
    }
}

@media (max-width: 768px) {
    .image-and-text .image-area.image-size-small {
        padding: 0
    }
}

.image-and-text .image-area.image-size-medium {
    padding: 0 10%
}

.image-and-text .image-area.image-size-medium img {
    max-height: 450px;
    width: auto
}

@media (max-width: 768px) {
    .image-and-text .image-area.image-size-medium {
        padding: 0
    }
}

.image-and-text .image-area .bg-area {
    padding-bottom: 70%;
    background-size: contain;
    background-position: center center;
    background-repeat: no-repeat
    position: relative;
}

.image-and-text .image-area img {
    margin: 0 auto;
    display: block;
    width: 100%;
    max-width: 100%
}

@media (max-width: 768px) {
    .image-and-text .image-area img {
        -webkit-box-ordinal-group: 2;
        -webkit-order: 1;
        -moz-order: 1;
        -ms-flex-order: 1;
        order: 1;
        margin: 10px auto
    }
}

.image-and-text .image-area.image-side-left {
    -webkit-box-ordinal-group: 0;
    -webkit-order: -1;
    -moz-order: -1;
    -ms-flex-order: -1;
    order: -1
}

.image-and-text .image-area.image-side-left .img-container {
    padding-right: 68px
}

@media (max-width: 768px) {
    .image-and-text .image-area.image-side-left .img-container {
        padding-right: 0px
    }
}

.image-and-text .image-area.image-side-right .img-container {
    padding-left: 68px
}

@media (max-width: 768px) {
    .image-and-text .image-area.image-side-right .img-container {
        padding-left: 0px
    }
}

#shopify-section-product .image-and-text .caption-area,
.template-collection .image-and-text .caption-area {
    width: 50%
}

@media (max-width: 768px) {
    #shopify-section-product .image-and-text .caption-area,
    .template-collection .image-and-text .caption-area {
        width: 100%
    }
}

#shopify-section-product .image-and-text .image-area,
.template-collection .image-and-text .image-area {
    width: 50%
}

@media (max-width: 768px) {
    #shopify-section-product .image-and-text .image-area,
    .template-collection .image-and-text .image-area {
        width: 100%;
        margin: 0 auto;
        padding-bottom: 20px
    }
}

#shopify-section-product .image-and-text .image-area.image-side-right,
.template-collection .image-and-text .image-area.image-side-right {
    padding-left: 20px;
    max-width: 500px;
    max-height: 500px
}

@media (max-width: 768px) {
    #shopify-section-product .image-and-text .image-area.image-side-right,
    .template-collection .image-and-text .image-area.image-side-right {
        padding-left: 0;
        max-width: 400px;
        max-height: 500px
    }
}

#shopify-section-product .image-and-text .image-area .aspect-ratio,
.template-collection .image-and-text .image-area .aspect-ratio {
    position: relative;
    padding-bottom: 100%;
    width: 100%
}

#shopify-section-product .image-and-text .image-area .aspect-ratio img,
.template-collection .image-and-text .image-area .aspect-ratio img {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    object-fit: cover
}

.result-container ul {
    margin: 0
}

.result-container .image-and-text {
    margin-top: 100px
}

@media (max-width: 480px) {
    .result-container .image-and-text {
        margin-top: 50px;
        margin-bottom: 0
    }
}

@media (max-width: 480px) {
    .result-container .image-and-text .wrapper {
        padding-left: 10px;
        padding-right: 10px
    }
}

.result-container .image-and-text .image-area {
    width: 50%
}

@media (max-width: 480px) {
    .result-container .image-and-text .image-area {
        width: 100%;
        order: -1
    }
}

.result-container .caption-area {
    padding-left: 0 !important;
    padding-right: 50px;
    width: 50%
}

@media (max-width: 480px) {
    .result-container .caption-area {
        padding-right: 0px;
        width: 100%
    }
}

@media (max-width: 768px) {
    .featured-product-grid .product-grid {
        padding: 0
    }
}

.instagram-section header>a {
    display: inline-block;
    margin-bottom: 20px
}

.instagram-section header>a img {
    width: 45px
}

.instagram-section header>a i {
    color: #d1d1d1;
    font-size: 45px
}

.instagram-section header h3 {
    color: #7d7d7d;
    text-transform: none;
    line-height: 1
}

.featured-article-grid .section-header {
    margin-bottom: 30px
}

@media (max-width: 768px) {
    .featured-article-grid .article-grid {
        padding-bottom: 40px
    }
    .featured-article-grid .article-grid>* {
        padding: 0 !important
    }
    .featured-article-grid .article-grid .slick-slide {
        padding: 0 25px
    }
}

.featured-article-grid .article-grid li {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    width: 33.3%
}

.template-collection .text-on-background .bg-area {
    background-size: auto 100%;
    background-repeat: no-repeat;
    background-position: top right
}

@media (min-width: 769px) {
    .template-collection .text-on-background .caption-area {
        position: absolute;
        left: 0 !important;
        right: 0 !important;
        top: 0 !important;
        bottom: 0 !important;
        width: 100% !important;
        margin: auto;
        padding: 0 60px !important;
        max-width: 1440px !important;
        -webkit-transform: none !important;
        -moz-transform: none !important;
        -ms-transform: none !important;
        -o-transform: none !important;
        transform: none !important
    }
    .template-collection .text-on-background .caption-area .content-area {
        left: 8%;
        width: 50%;
        position: relative
    }
    .template-collection .text-on-background .caption-area .content-area>* {
        width: 50%
    }
}

@media (max-width: 768px) {
    .text-left-mobile .content-area {
        -webkit-box-align: start;
        -ms-flex-align: start;
        -webkit-align-items: flex-start;
        -moz-align-items: flex-start;
        align-items: flex-start;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        -webkit-justify-content: flex-start;
        -moz-justify-content: flex-start;
        justify-content: flex-start;
        text-align: left
    }
    .text-right-desktop .content-area {
        -webkit-box-align: end;
        -ms-flex-align: end;
        -webkit-align-items: flex-end;
        -moz-align-items: flex-end;
        align-items: flex-end;
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        -webkit-justify-content: flex-end;
        -moz-justify-content: flex-end;
        justify-content: flex-end;
        text-align: right
    }
    .text-center-mobile .content-area {
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        -moz-align-items: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        -moz-justify-content: center;
        justify-content: center;
        text-align: center
    }
}

@media (min-width: 769px) {
    .text-left-desktop .content-area {
        -webkit-box-align: start;
        -ms-flex-align: start;
        -webkit-align-items: flex-start;
        -moz-align-items: flex-start;
        align-items: flex-start;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        -webkit-justify-content: flex-start;
        -moz-justify-content: flex-start;
        justify-content: flex-start;
        text-align: left
    }
    .text-right-mobilep .content-area {
        -webkit-box-align: end;
        -ms-flex-align: end;
        -webkit-align-items: flex-end;
        -moz-align-items: flex-end;
        align-items: flex-end;
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        -webkit-justify-content: flex-end;
        -moz-justify-content: flex-end;
        justify-content: flex-end;
        text-align: right
    }
    .text-center-desktop .content-area {
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        -moz-align-items: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        -moz-justify-content: center;
        justify-content: center;
        text-align: center
    }
}

.text-on-background {
    position: relative
}

@media (max-width: 768px) {
    .text-on-background {
        overflow: hidden
    }
}

.text-on-background.has-padding {
    padding: 50px 0px
}

#shopify-section-landing3 .text-on-background .bg-area {
    background-size: contain !important;
    background-position: top left !important;
    background-color: #d1dde3
}

.text-on-background.white-text {
    color: #fff !important;
    z-index: 0
}

@media (max-width: 768px) {
    .text-on-background.white-text {
        color: #000 !important
    }
}

.text-on-background.white-text .content-area * {
    color: #fff !important
}

@media (max-width: 768px) {
    .text-on-background.white-text .content-area * {
        color: #000 !important
    }
}

.text-on-background.white-text .bg-area {
    z-index: 0
}

.text-on-background.white-text .bg-area:before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 1
}

.text-on-background.white-text .caption-area {
    z-index: 2
}

@media (max-width: 768px) {
    .text-on-background .video-trigger-container {
        position: absolute;
        left: 0px;
        top: 0px;
        max-height: 50vh;
        width: 100%
    }
}

@media (max-width: 768px) {
    .text-on-background .video-trigger-container:before {
        content: '';
        display: block;
        padding-bottom: 100%
    }
}

.text-on-background.content-is-overlay .caption-area {
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    position: absolute;
    left: 50%;
    top: 50%
}

@media (max-width: 768px) {
    .text-on-background.content-is-overlay .caption-area {
        -webkit-transform: none !important;
        -moz-transform: none !important;
        -ms-transform: none !important;
        -o-transform: none !important;
        transform: none !important;
        position: static !important
    }
}

.text-on-background.is-video .caption-area {
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    position: absolute;
    left: 50%;
    top: 50%
}

@media (max-width: 768px) {
    .text-on-background.is-video .caption-area {
        -webkit-transform: none !important;
        -moz-transform: none !important;
        -ms-transform: none !important;
        -o-transform: none !important;
        transform: none !important;
        position: static !important
    }
}

.text-on-background.bg-is-underlay .bg-area {
    position: absolute;
    z-index: -1;
    left: 0px;
    top: 0px;
    height: 100% !important;
    width: 100%
}

@media (max-width: 768px) {
    .text-on-background.bg-is-underlay .bg-area {
        max-height: 100%
    }
}

@media (max-width: 768px) {
    .text-on-background.bg-is-underlay .button-container {
        text-align: center
    }
}

@media (max-width: 768px) {
    .text-on-background.bg-is-underlay .button-container .btn {
        width: 100% !important;
        max-width: 250px
    }
}

@media (max-width: 768px) {
    .text-on-background.bg-is-underlay .content-area {
        text-align: center
    }
}

@media (max-width: 768px) {
    .text-on-background.bg-is-underlay .content-area h1 {
        margin-left: auto;
        margin-right: auto
    }
}

@media (max-width: 768px) {
    .text-on-background.bg-is-underlay .caption-image-area {
        margin-top: 15px
    }
}

.text-on-background .bg-area {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    align-items: center;
    padding-bottom: 30%;
    height: 0;
    position: relative;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    background-position: top center
}

@media (max-width: 768px) {
    .text-on-background .bg-area:before {
        content: '';
        display: block;
        padding-bottom: 100%;
        width: 100%
    }
}

@media (max-width: 1024px) {
    .text-on-background .bg-area {
        padding-bottom: 50%
    }
}

@media (max-width: 768px) {
    .text-on-background .bg-area {
        height: auto;
        padding-bottom: 0%;
        max-height: 50vh
    }
}

@media (max-width: 768px) {
    .text-on-background .bg-area {
        background-position: top center;
        z-index: -1;
        width: 100%;
        margin-bottom: 20px
    }
}

@media only screen and (min-width: 1199px) {
    .text-on-background .bg-area {
        padding-bottom: 0;
        height: 400px
    }
}

@media (max-width: 768px) {
    .text-on-background .bg-area.space-above-mobile .caption-area {
        padding-top: 230px
    }
    .text-on-background .bg-area.space-below-mobile .caption-area {
        padding-bottom: 230px
    }
}

.text-on-background .caption-area {
    margin: 0px auto;
    width: 100%
}

@media (max-width: 768px) {
    .text-on-background .caption-area {
        -webkit-transform: none;
        -moz-transform: none;
        -ms-transform: none;
        -o-transform: none;
        transform: none;
        position: static;
        padding-bottom: 30px !important;
        margin-bottom: 50px
    }
}

@media (min-width: 769px) {
    .text-on-background .caption-area>* {
        -webkit-box-flex: 1;
        -webkit-flex-grow: 1;
        -moz-flex-grow: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        -webkit-flex-basis: 0;
        -moz-flex-basis: 0;
        -ms-flex-preferred-size: 0;
        flex-basis: 0
    }
}

.text-on-background .caption-area .content-area {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-direction: normal;
    -webkit-box-orient: vertical;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 0px
}

.text-on-background .caption-area .content-area>*:last-child {
    margin-bottom: 0
}

.text-on-background .caption-area .content-area .rte {
    display: inline-block;
    max-width: 550px
}

.text-on-background .caption-area .content-area .btn {
    margin-top: 30px;
    width: auto
}

.text-on-background .caption-area .content-area ul {
    margin: 0 -10px
}

.text-on-background .caption-area .content-area ul li {
    display: inline-block;
    padding: 0 10px
}

.text-on-background .caption-area .video-trigger {
    margin-top: 10px;
    display: block
}

@media (max-width: 768px) {
    .text-on-background .caption-area .video-trigger {
        margin-top: 0px;
        position: absolute;
        left: 50%;
        top: 50%;
        -webkit-transform: translate(-50%, -25%);
        -moz-transform: translate(-50%, -25%);
        -ms-transform: translate(-50%, -25%);
        -o-transform: translate(-50%, -25%);
        transform: translate(-50%, -25%)
    }
}

.text-on-background .caption-area .caption-image-area img {
    max-width: 100%
}

@media (max-width: 480px) {
    .text-on-background .caption-area .caption-image-area {
        padding-bottom: 30px
    }
}

.text-on-background.dynamic-height .bg-area {
    padding-bottom: 0;
    height: auto
}

.text-on-background.dynamic-height .caption-area {
    -webkit-transform: none;
    -moz-transform: none;
    -ms-transform: none;
    -o-transform: none;
    transform: none;
    position: static;
    padding-bottom: 50px;
    padding-top: 50px;
    margin: auto
}

@media (max-width: 480px) {
    .text-on-background.dynamic-height .caption-area {
        -webkit-box-direction: reverse;
        -webkit-box-orient: vertical;
        -webkit-flex-direction: column-reverse;
        -moz-flex-direction: column-reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse
    }
}

.text-on-background.caption-is-abs .caption-area {
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    position: absolute;
    left: 50%;
    top: 50%;
    padding: 0px;
    width: 50%
}

@media (max-width: 768px) {
    .text-on-background.caption-is-abs .caption-area {
        -webkit-transform: translate(0px, 0px);
        -moz-transform: translate(0px, 0px);
        -ms-transform: translate(0px, 0px);
        -o-transform: translate(0px, 0px);
        transform: translate(0px, 0px);
        position: relative;
        left: auto;
        top: auto;
        width: 90%
    }
}

@media (max-width: 768px) {
    .template-article .text-on-background {
        padding-top: 0px
    }
}

@media (max-width: 768px) {
    .template-article .text-on-background .bg-area {
        max-height: 50vh;
        overflow: hidden;
        position: relative
    }
}

@media (max-width: 768px) {
    .template-article .text-on-background .bg-area:before {
        position: relative !important
    }
}

@media (max-width: 768px) {
    .template-article .caption-area {
        margin-bottom: 0px;
        padding-bottom: 0px !important
    }
}

.image-grid .bg-area {
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat
}

@media (min-width: 769px) {
    .image-grid .content-area.size-small {
        padding-top: 50px;
        padding-bottom: 50px
    }
    .image-grid .content-area.size-medium {
        padding-top: 50px;
        padding-bottom: 50px
    }
    .image-grid .content-area.size-large {
        padding-top: 50px;
        padding-bottom: 50px
    }
}

@media (max-width: 768px) {
    .image-grid .content-area {
        margin-top: 50px;
        margin-bottom: 0
    }
}

.image-grid .content-area>h2 {
    margin-bottom: 50px
}

@media (max-width: 768px) {
    .image-grid .content-area>ul {
        padding-bottom: 50px
    }
}

.image-grid .content-area>ul .image-block {
    width: 25%
}

@media (max-width: 768px) {
    .image-grid .content-area>ul .image-block {
        margin: 15px
    }
}

.image-grid .content-area>ul .image-block.slick-slide:not(.slick-active) {
    opacity: 0
}

.image-grid .content-area>ul .image-block img {
    margin-bottom: 20px;
    margin-left: auto;
    margin-right: auto
}

.image-grid .content-area>ul .image-block h3 {
    margin-bottom: 5px
}

.featured-blog>h2 {
    margin-bottom: 50px
}

.featured-blog .article-grid>li {
    width: 33.3%
}

@media (max-width: 768px) {
    .featured-blog .article-grid>li {
        width: 50%;
        margin-bottom: 20px
    }
}

.suggested-article-grid {
    margin-bottom: 120px
}

@media (max-width: 768px) {
    .suggested-article-grid {
        margin-bottom: 30px
    }
}

.suggested-article-grid .section-header {
    margin-bottom: 30px
}

.template-article .suggested-article-grid .section-header {
    margin-bottom: 60px
}

@media (max-width: 768px) {
    .template-article .suggested-article-grid .section-header {
        margin-bottom: 20px
    }
}

.suggested-article-grid .article-grid li {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    width: 33.3%
}

@media (max-width: 768px) {
    .suggested-article-grid .article-grid li {
        width: 50%
    }
    .suggested-article-grid .article-grid li:nth-child(3) {
        display: none
    }
}

.yotpo-pictures-gallery .load-btn-white,
.yotpo-pictures-widget .load-btn-white {
    width: 200px !important
}

.shopify-section.contact header {
    text-align: center
}

.shopify-section.contact header p {
    font-size: 22px
}

.shopify-section.contact .contact-form {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    margin-top: 50px
}

@media (max-width: 480px) {
    .shopify-section.contact .contact-form {
        -webkit-box-direction: normal;
        -webkit-box-orient: vertical;
        -webkit-flex-direction: column;
        -moz-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column
    }
}

.shopify-section.contact .contact-form.has-content .content-area {
    font-size: 13px;
    font-weight: 300;
    line-height: 22.1px;
    padding-right: 90px;
    width: 40%
}

@media (max-width: 480px) {
    .shopify-section.contact .contact-form.has-content .content-area {
        margin-bottom: 25px;
        padding-right: 0px;
        width: 100%
    }
}

.shopify-section.contact .contact-form.has-content .fields-area {
    width: 60%
}

@media (max-width: 480px) {
    .shopify-section.contact .contact-form.has-content .fields-area {
        width: 100%
    }
}

.shopify-section.contact .input-group {
    margin-bottom: 25px
}

.shopify-section.contact .input-group input,
.shopify-section.contact .input-group textarea {
    background-color: #f2f2f2;
    border: none;
    font-size: 13px;
    font-weight: 300;
    line-height: 22.1px;
    padding: 15px;
    resize: none;
    width: 100%
}

.shopify-section.contact .input-group input::-webkit-input-placeholder,
.shopify-section.contact .input-group textarea::-webkit-input-placeholder {
    text-transform: uppercase
}

.shopify-section.contact .input-group input:-moz-placeholder,
.shopify-section.contact .input-group textarea:-moz-placeholder {
    text-transform: uppercase
}

.shopify-section.contact .input-group input::-moz-placeholder,
.shopify-section.contact .input-group textarea::-moz-placeholder {
    text-transform: uppercase
}

.shopify-section.contact .input-group input:-ms-input-placeholder,
.shopify-section.contact .input-group textarea:-ms-input-placeholder {
    text-transform: uppercase
}

.shopify-section.contact .input-group textarea {
    height: 150px
}

.shopify-section.contact .input-group-row {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    align-items: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    margin-top: 35px
}

.shopify-section.contact .input-group-row label {
    -webkit-box-ordinal-group: 2;
    -webkit-order: 1;
    -moz-order: 1;
    -ms-flex-order: 1;
    order: 1;
    font-size: 13px;
    font-weight: 300;
    line-height: 22.1px;
    margin-left: 5px
}

.shopify-section.contact .input-group-row input {
    -webkit-box-ordinal-group: 1;
    -webkit-order: 0;
    -moz-order: 0;
    -ms-flex-order: 0;
    order: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: #f2f2f2;
    margin-right: 10px;
    height: 25px;
    width: 25px
}

.shopify-section.contact .input-group-row input:checked {
    background-color: #34b9d0
}

.shopify-section.contact .btn-submit {
    background-color: #34b9d0;
    border-radius: 20px;
    color: #fff;
    font-size: 16px;
    text-transform: uppercase;
    margin-top: 40px;
    padding: 10px 30px
}

.product-grid-item {
    position: relative;
  	width: 100%;
}

.product-grid-item .inner {
    width: 100%
}

.product-grid-item .inner:after {
    content: "";
    width: 1px;
    background: #e8eff1;
    height: calc(100% - 50px);
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    right: -5px;
    position: absolute;
    z-index: 1
}

.product-grid-item .image-area {
    width: 100%
}

.regime .product-grid-item .image-area {
/*   width: 50%; */
}

@media (max-width: 768px) {
    .product-grid-item .image-area {
      padding: 0 20px;
    }
}

.product-grid-item .image-area .bg-area {
    padding-bottom: 100%;
    background-size: contain;
    background-position: center center;
    background-repeat: no-repeat;
    display: block
}

.product-grid-item .bottom-area {
    padding: 10px;
    width: 100%;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -moz-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
}


.product-grid-item .bottom-area > p,
.product-grid-item .bottom-area > h3,
.product-grid-item .bottom-area > div {
      -webkit-box-flex: 1;
      -webkit-flex-grow: 1;
      -moz-flex-grow: 1;
      -ms-flex-positive: 1;
      flex-grow: 1;
}

.regime .product-grid-item .bottom-area {
	padding: 25px;
}

.regime .product-grid-item .bottom-area img {
  max-width: 100%;
  width: 100%;
}

.regime .product-description {
  line-height: 1.7em;
  margin-bottom: 30px;
}

.product-grid-item .bottom-area h3 {
    height: 70px;
  	margin: 0px;
    padding-bottom: 10px
}

.regime .product-notes {
  font-size: 10px;
  line-height: 1.6em;
}

.regime .product-form {
  margin-bottom: 25px;
}

.regime .product-grid-item .bottom-area h3 a {
  font-size: 30px;
  text-transform: uppercase;
}

@media (max-width: 768px) {
    .product-grid-item .bottom-area h3 {
        line-height: 12px
    }
}

.product-grid-item .bottom-area h3 a {
    font-size: 20px;
    color: inherit;
    text-transform: none;
    font-weight: inherit;
    text-decoration: none
}

@media (max-width: 768px) {
    .product-grid-item .bottom-area h3 a {
        font-size: 0.6em
    }
}

.product-grid-item .bottom-area .product-use {
    padding-bottom: 10px
}

@media (max-width: 768px) {
    .product-grid-item .bottom-area .product-use {
        font-size: 0.8em;
        font-weight: 300
    }
}

.product-grid-item .bottom-area .reviews {
    margin-bottom: 20px
}

.product-grid-item .bottom-area .reviews .yotpo .text-m {
    display: block;
    margin-top: 20px;
    text-align: center
}

.product-grid-item .bottom-area .btn {
    min-width: 150px;
    text-decoration: none
}

@media (max-width: 768px) {
    .product-grid-item .bottom-area .btn {
        min-width: unset;
        max-width: 100%;
      	white-space: normal
    }
  
  	.regime .product-grid-item .bottom-area .btn {
		max-width: 100%;
    }
}

.article-grid-item-text {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

@media (max-width: 768px) {
    .article-grid-item-text {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        -moz-justify-content: center;
        justify-content: center;
        text-align: center
    }
}

.article-grid-item-text .rte {
    font-size: 18px;
    margin-bottom: 30px;
    line-height: 1.3;
    width: 100%
}

.article-grid-item-text a {
    margin-top: auto
}

.article-grid-item-text a img {
    display: inline-block
}

.article-grid-item {
    width: 100%
}

.article-grid-item .bg-area {
    padding-bottom: 90%;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    margin-bottom: 15px;
    position: relative;
    display: block
}

.article-grid-item .bg-area .tag-area {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 15px;
    color: #fff;
    background: rgba(209, 209, 209, 0.8);
    display: block;
    text-align: center;
    text-transform: uppercase;
    font-size: 13px;
    -webkit-transition: all 0.35s ease;
    -moz-transition: all 0.35s ease;
    -ms-transition: all 0.35s ease;
    -o-transition: all 0.35s ease;
    transition: all 0.35s ease
}

@media (max-width: 768px) {
    .article-grid-item .bg-area .tag-area {
        font-size: 10px
    }
}

.article-grid-item h2 {
    font-size: 18px;
    line-height: 1.3
}

@media (max-width: 768px) {
    .article-grid-item h2 {
        font-size: 14px
    }
}

.article-grid-item h2 a:not(.arrow) {
    font-size: inherit;
    text-transform: none;
    font-weight: 300;
    letter-spacing: 0
}

.article-grid-item h2 .arrow {
    margin-left: 10px
}

.article-grid-item:hover .bg-area .tag-area {
    background: rgba(125, 125, 125, 0.8)
}

.mobile-nav {
    position: fixed;
    top: 0;
    height: calc(100% - 95px);
    width: 100%;
    left: 0;
    background: #fff;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    -webkit-transform: translateY(-100%);
    -moz-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    -o-transform: translateY(-100%);
    transform: translateY(-100%);
    -webkit-transition: all 0.35s ease;
    -moz-transition: all 0.35s ease;
    -ms-transition: all 0.35s ease;
    -o-transition: all 0.35s ease;
    transition: all 0.35s ease;
    z-index: 9;
    opacity: 0;
    visibility: hidden;
    background: #fff;
    padding-top: 50px
}

.mobile-nav::-webkit-scrollbar {
    width: 0px;
    height: 0;
    padding: 0;
    display: none;
    margin: 0;
    border: none;
    background: transparent
}

.header-visible .mobile-nav {
    top: 148px
}

@media (max-width: 1024px) {
    .header-visible .mobile-nav {
        top: 95px
    }
}

.mobile-nav.shown {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
    visibility: visible;
    overflow-x: hidden
}

.mobile-nav>ul li a,
.mobile-nav .nav-area ul li a {
    padding: 15px 30px;
    font-size: 12px;
    font-weight: 500;
    display: flex;
    justify-content: center;
    text-transform: uppercase
}

.mobile-nav>ul li a.active,
.mobile-nav .nav-area ul li a.active {
    color: #34b9d0
}

.mobile-nav>ul li a .active-icon,
.mobile-nav .nav-area ul li a .active-icon {
    margin-right: 10px
}

.mobile-nav>ul li a .arrow,
.mobile-nav .nav-area ul li a .arrow {
    -webkit-transition: all 0.35s ease;
    -moz-transition: all 0.35s ease;
    -ms-transition: all 0.35s ease;
    -o-transition: all 0.35s ease;
    transition: all 0.35s ease;
    width: 13px;
    margin-left: 15px
}

.mobile-nav>ul li a.highlighted,
.mobile-nav .nav-area ul li a.highlighted {
    color: #34b9d0
}

.mobile-nav>ul li.open>a .arrow,
.mobile-nav .nav-area ul li.open>a .arrow {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg)
}

.mobile-nav>ul>li {
    margin-bottom: 15px
}

.mobile-nav>ul>li>a {
    padding: 15px 20px
}

.mobile-nav>ul ul {
    will-change: max-height;
    background: #fff;
    max-height: 0px;
    overflow: hidden;
    -webkit-transition: max-height 0.35s ease;
    -moz-transition: max-height 0.35s ease;
    -ms-transition: max-height 0.35s ease;
    -o-transition: max-height 0.35s ease;
    transition: max-height 0.35s ease
}

.mobile-nav .site-footer {
  	display: none;
    padding-top: 0;
}

.mobile-nav .site-footer .social-icons {
    -webkit-box-ordinal-group: initial1;
    -webkit-order: initial;
    -moz-order: initial;
    -ms-flex-order: initial;
    order: initial
}

.mobile-nav .site-footer .footer-flex .nav-area {
  -webkit-flex-grow: 1;
  -moz-flex-grow: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
}

.mobile-nav .site-footer .footer-flex .nav-area ul {
    padding-top: 0
}

.mobile-nav .site-footer .footer-flex .nav-area ul li {
    width: 100%;
    margin-bottom: 15px
}

.product-grid li {
    width: 33.3%;
    margin-bottom: 80px
}

.product-grid li.regime {
  width: 100%;
}

@media (max-width: 768px) {
    .product-grid li {
        margin-bottom: 30px;
        width: 100%
    }
}

.product-grid li.slick-slide {
    margin-bottom: 0
}

@media (min-width: 481px) {
    .product-grid li:nth-child(3n+3) .product-grid-item:not(.slick-slide) .inner:after,
    .product-grid li:last-child .product-grid-item:not(.slick-slide) .inner:after {
        content: none;
        display: none
    }
    .product-grid li:nth-child(3n+3).slick-slide .product-grid-item .inner:after,
    .product-grid li:last-child.slick-slide .product-grid-item .inner:after {
        content: "";
        display: block
    }
}

@media (max-width: 480px) {
    .product-grid li:nth-child(2n+2) .product-grid-item:not(.slick-slide) .inner:after,
    .product-grid li:last-child .product-grid-item:not(.slick-slide) .inner:after {
        content: none;
        display: none
    }
    .product-grid li:nth-child(2n+2).slick-slide .product-grid-item .inner:after,
    .product-grid li:last-child.slick-slide .product-grid-item .inner:after {
        content: "";
        display: block
    }
}

.product-grid .slick-prev {
    opacity: 0;
    visibility: hidden
}

.product-grid .slick-slide .product-grid-item .inner:after {
    content: none !important;
    display: none !important
}

.product-grid .slick-next,
.product-grid .slick-prev {
    width: 35px;
    height: 35px;
    background-color: #fff;
    background-position: center center;
    border-radius: 50%;
    border: 1px solid #e8eff1;
    padding: 0
}

.product-grid .slick-next {
    right: 25px
}

.product-grid .slick-list {
    margin-left: -115px
}

.product-grid .slick-list .slick-track {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex
}

.product-grid .slick-list .slick-track .slick-slide {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    height: auto
}

.accordion .accordion-item {
  border-bottom: 1px solid #e8eff1;
  position: relative;
}

.accordion .accordion-item h2 {
    font-size: 14px;
    font-weight: 300;
    margin: 0;
  	padding: 30px 0;
    cursor: pointer;
    letter-spacing: 0;
}

.accordion .accordion-item header:after {
    content: "";
    width: 15px;
    height: 15px;
    background-image:url(//cdn.shopify.com/s/files/1/0129/2068/4608/t/20/assets/icon-plus.svg?v=16837198050997467226);
    background-size: contain;
    background-position: center center;
    background-repeat: no-repeat;
  	position: absolute;
    display: block;
    right: 0;
    top: 29px;
}

.accordion .accordion-content {
    overflow: hidden;
    max-height: 0;
    -webkit-transition: all 0.35s ease;
    -moz-transition: all 0.35s ease;
    -ms-transition: all 0.35s ease;
    -o-transition: all 0.35s ease;
    transition: all 0.35s ease
}


.accordion .accordion-content .inner {
    margin-bottom: 50px
}

.accordion-item.open {
  	border-bottom: none;
    color: #34b9d0
}

.accordion-item.open header:after {
    background-image:url(//cdn.shopify.com/s/files/1/0129/2068/4608/t/20/assets/icon-minus.svg?v=1779007917958749370)
}

.may-also-like {
    margin-bottom: 50px
}

@media (max-width: 768px) {
    .may-also-like {
        padding: 0
    }
}

.may-also-like .section-title {
    margin-bottom: 50px
}

.pagination ul li:not(.arrow) a,
.pagination ul li span {
    padding: 10px 15px;
    font-size: 13px
}

.pagination ul li span {
    background: #34b9d0;
    color: #fff
}

.pagination ul li.arrow.prev {
    margin-right: 20px
}

.pagination ul li.arrow.next {
    margin-left: 20px
}

.pagination ul li.arrow img {
    width: 13px
}

.pagination ul li.arrow.disabled {
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: grayscale(100%);
    opacity: 0.5
}

.general-popup {
    position: fixed;
    left: 0;
    top: 0;
    background-color: rgba(255, 255, 255, 0.75);
    padding: 80px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    height: 100%;
    opacity: 0;
    visibility: hidden;
    max-height: 100vh;
    overflow-y: auto;
    -webkit-transition: all 0.35s;
    -moz-transition: all 0.35s;
    -ms-transition: all 0.35s;
    -o-transition: all 0.35s;
    transition: all 0.35s;
    pointer-events: none;
    z-index: -1
}

.general-popup.shown {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
    z-index: 99
}

@media (max-width: 768px) {
    .general-popup {
        padding: 20px
    }
}

.general-popup>.inner {
    background: #fff;
    padding: 0;
    width: 100%;
    max-width: 900px;
    position: relative;
    margin: auto
}

.general-popup>.inner .close {
    position: absolute;
    padding: 15px;
    top: -40px;
    right: -40px;
    pointer-events: auto;
    text-transform: none;
    font-weight: 400
}

@media (max-width: 768px) {
    .general-popup>.inner .close {
        padding: 10px;
        right: 0
    }
}

.general-popup>.inner .close img {
    width: 12px;
    height: 12px
}

.back-to-top-container {
    position: fixed;
    top: 0 !important;
  	left: 0 !important;
    right: 0 !important;
    width: 100%;
    height: 100%;
    padding-bottom: 50px;
  	padding-right: 50px;
  	-webkit-transform: none !important;
    -moz-transform: none !important;
    -ms-transform: none !important;
    -o-transform: none !important;
    transform: none !important;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    -webkit-transition: opacity 0.35s ease, visibility 0.35s ease, top 0.35s ease;
    -moz-transition: opacity 0.35s ease, visibility 0.35s ease, top 0.35s ease;
    -ms-transition: opacity 0.35s ease, visibility 0.35s ease, top 0.35s ease;
    -o-transition: opacity 0.35s ease, visibility 0.35s ease, top 0.35s ease;
    transition: opacity 0.35s ease, visibility 0.35s ease, top 0.35s ease
}

.back-to-top-container.shown {
    opacity: 1;
    visibility: visible
}

.back-to-top-container .back-to-top {
    width: 55px;
    height: 55px;
    background: #fff;
    border-radius: 100%;
    pointer-events: auto;
    border-radius: 50%;
    text-align: center;
    border: 1px solid #e8eff1
}

.back-to-top-container .back-to-top:hover {
    opacity: 0.8
}

.back-to-top-container .back-to-top img {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg)
}

@media (max-width: 768px) {
    .back-to-top-container .back-to-top {
        width: 40px;
        height: 40px
    }
    .back-to-top-container .back-to-top img {
        max-width: 15px
    }
}

.esc-form {
    max-width: 650px;
    margin: 0 auto 50px auto
}

.esc-form .blue-text {
    color: #34b9d0
}

.esc-form header {
    text-align: center;
    margin-bottom: 20px
}

.esc-form header p {
    margin-bottom: 10px
}

.esc-form .main-form-fields .input-field {
    margin-bottom: 40px
}

.esc-form .main-form-fields .input-field.width-style--full {
    width: 100%
}

.esc-form .main-form-fields .input-field.width-style--half {
    width: 50%
}

.esc-form .main-form-fields .input-field.width-style--third {
    width: 33.33%
}

.esc-form .main-form-fields .input-field label {
    text-transform: uppercase;
    font-size: 12px;
    margin-bottom: 15px;
    display: block;
    cursor: pointer
}

.esc-form .main-form-fields .input-field input[type='checkbox']+label,
.esc-form .main-form-fields .input-field input[type='radio']+label {
    padding-left: 10px;
    text-transform: none;
    margin: 0
}

.esc-form .main-form-fields .input-field input[type='checkbox'] {
    width: 20px;
    height: 20px;
    min-width: 20px;
    min-height: 20px;
    appearance: none;
    -webkit-appearance: none;
    border: 1px solid #34b9d0
}

.esc-form .main-form-fields .input-field input[type="text"],
.esc-form .main-form-fields .input-field textarea {
    width: 100%;
    border: 0 none;
    border-bottom: 1px solid #9b9b9b;
    padding: 10px 0;
    font-size: 14px
}

.esc-form .main-form-fields .input-field input[type="text"]::-webkit-input-placeholder,
.esc-form .main-form-fields .input-field textarea::-webkit-input-placeholder {
    opacity: 0.3
}

.esc-form .main-form-fields .input-field input[type="text"]:-moz-placeholder,
.esc-form .main-form-fields .input-field textarea:-moz-placeholder {
    opacity: 0.3
}

.esc-form .main-form-fields .input-field input[type="text"]::-moz-placeholder,
.esc-form .main-form-fields .input-field textarea::-moz-placeholder {
    opacity: 0.3
}

.esc-form .main-form-fields .input-field input[type="text"]:-ms-input-placeholder,
.esc-form .main-form-fields .input-field textarea:-ms-input-placeholder {
    opacity: 0.3
}

.esc-form .main-form-fields .input-field textarea {
    min-height: 140px
}

.esc-form .main-form-fields .input-field .choices {
    width: 100%
}

.esc-form .main-form-fields .input-field .choices .choices__placeholder {
    opacity: 0.3
}

.esc-form .main-form-fields .input-field .choices .choices__inner {
    border-color: #9b9b9b
}

.esc-form .main-form-fields .input-field .choices .choices__list--single {
    padding-top: 0;
    padding-bottom: 0;
    line-height: 1.25
}

.esc-form .main-form-fields .input-field .choices .choices__item {
    text-transform: none;
    letter-spacing: 0
}

.esc-form .main-form-fields .input-field .choices:after {
    width: 8px
}

.esc-form .main-form-fields .input-field .subtext {
    margin-top: 10px;
    font-size: 12px
}

.esc-form .button-area {
    margin-top: 20px
}

.collection-filters {
    padding: 30px 0;
    margin-bottom: 20px
}

.collection-filters .wrapper {
    overflow: visible
}

@media (max-width: 768px) {
    .collection-page .bg-area {
        background-position: top right
    }
}

.collection-page>h1 {
    margin-bottom: 30px
}

.collection-page .product-grid-container {
    margin-bottom: 50px
}

.collection-page .product-grid li {
    position: relative
}

@media (max-width: 480px) {
    .collection-page .product-grid li {
        width: 50%
    }
  
  	.collection-page .product-grid li.regime {
        width: 100%
    }
  
  	.regime .product-grid-item .image-area {
      display: none;
    }
  
  	.regime .product-grid-item .bottom-area {
      padding: 10px;
    }
  
  	.regime .product-grid-item .bottom-area h3 {
      margin-bottom: 20px;
    }
}

.collection-page .product-grid .product-grid-item {
    width: 100%
}

.collection-page .load-more-container {
    margin-top: 50px
}

@media (max-width: 768px) {
    .collection-page .load-more-container {
        margin-top: 30px
    }
}

.template-product .product-page .top-area {
    margin-bottom: 50px
}

@media (max-width: 768px) {
    .template-product .product-page .top-area {
        margin-bottom: 80px
    }
}

.template-product .product-page .top-area .left-area {
    width: 50%
}

@media (max-width: 768px) {
    .template-product .product-page .top-area .left-area {
        width: 100%;
        margin-bottom: 20px
    }
}

.template-product .product-page .top-area .left-area .thumbnails {
    width: 130px;
    padding-top: 40px;
    padding-bottom: 40px;
    padding-right: 20px
}

.template-product .product-page .top-area .left-area .thumbnails li {
    margin-bottom: 0;
    padding: 15px 0
}

.template-product .product-page .top-area .left-area .thumbnails li a {
    border: 1px solid #e8eff1;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    display: block;
    padding-bottom: 80%;
    cursor: pointer
}

.template-product .product-page .top-area .left-area .thumbnails li.slick-current a {
    border-color: #34b9d0
}

.template-product .product-page .top-area .left-area .thumbnails .slick-prev,
.template-product .product-page .top-area .left-area .thumbnails .slick-next {
    width: calc(100% - 20px);
    margin: 0;
    background: #fff;
    background-size: 20px 10px;
    background-position: center center;
    background-repeat: no-repeat;
    height: 40px;
    opacity: 1;
    -webkit-transform: none;
    -moz-transform: none;
    -ms-transform: none;
    -o-transform: none;
    transform: none;
    box-sizing: border-box;
    left: 0;
    border: 1px solid #fff;
    -webkit-transition: all 0.35s;
    -moz-transition: all 0.35s;
    -ms-transition: all 0.35s;
    -o-transition: all 0.35s;
    transition: all 0.35s
}

.template-product .product-page .top-area .left-area .thumbnails .slick-prev:before,
.template-product .product-page .top-area .left-area .thumbnails .slick-prev:after,
.template-product .product-page .top-area .left-area .thumbnails .slick-next:before,
.template-product .product-page .top-area .left-area .thumbnails .slick-next:after {
    content: none;
    display: none
}

.template-product .product-page .top-area .left-area .thumbnails .slick-prev {
    top: 0;
    background-image:url(//cdn.shopify.com/s/files/1/0129/2068/4608/t/20/assets/icon-slider-up.svg?v=17268165101747671071)
}

.template-product .product-page .top-area .left-area .thumbnails .slick-next {
    bottom: 0;
    top: auto;
    background-image:url(//cdn.shopify.com/s/files/1/0129/2068/4608/t/20/assets/icon-slider-down.svg?v=13380552042685545945)
}

.template-product .product-page .top-area .left-area .main-images {
    width: calc(100% - 130px);
    opacity: 1;
    visibility: visible
}

@media (max-width: 768px) {
    .template-product .product-page .top-area .left-area .main-images {
        width: 100%
    }
}

.template-product .product-page .top-area .left-area .main-images li img {
    width: 100%
}

.template-product .product-page .top-area .right-area {
    width: 50%;
    padding-left: 20px
}

.product__price,
.product-size,
.separator {
  float: left;
  font-weight: 300;
  font-size: 22px;
}


@media (max-width: 768px) {
    .template-product .product-page .top-area .right-area {
        width: 100%;
        padding-left: 0
    }
}

.template-product .product-page .top-area .right-area>header {
    margin-bottom: 30px
}

@media (max-width: 768px) {
    .template-product .product-page .top-area .right-area>header {
        text-align: center
    }
}

.template-product .product-page .top-area .right-area>header h1 {
    margin-bottom: 30px
}

.template-product .product-page .top-area .right-area>header .reviews-stars {
    margin: 20px 0
}

@media (max-width: 768px) {
    .template-product .product-page .top-area .right-area>header .reviews-stars .yotpo-bottomline {
        float: none;
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        -moz-justify-content: center;
        justify-content: center
    }
}

.template-product .product-page .top-area .right-area>header .reviews-stars .yotpo-bottomline .yotpo-icon {
    font-size: 20px
}

.template-product .product-page .top-area .right-area>header .reviews-stars .yotpo-bottomline .text-m {
    margin-left: 10px;
    line-height: 1.6
}

.template-product .product-page .top-area .right-area>header .seller-logos {
  width: 100%;
  justify-content: flex-start;
}

.template-product .product-page .top-area .right-area>header .seller-logos li {
    width: 33.3%;
    margin-bottom: 20px
}

@media (max-width: 768px) {
    .template-product .product-page .top-area .right-area>header .seller-logos li {
        width: 50%
    }
}

.template-product .product-page .top-area .right-area>header .seller-logos li a {
    border: 1px solid #f2f2f2;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    justify-content: center;
    padding: 30px 25px
}

.template-product .product-page .top-area .right-area>header .seller-logos li a .bg-area {
    padding-bottom: 50%;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center;
    width: 100%;
  	filter: grayscale(1.0);
}

.template-product .product-page .top-area .right-area>header .tab-area {
    margin-bottom: 30px
}

@media (max-width: 768px) {
    .template-product .product-page .top-area .right-area>header .tab-area {
        height: auto !important
    }
}

.template-product .product-page .top-area .right-area>header .tab-area .channel-advisor-widget {
    width: 100%;
    height: 100%
}

@media (max-width: 768px) {
    .template-product .product-page .top-area .right-area>header .tab-area .channel-advisor-widget {
        height: auto !important;
        overflow: auto !important
    }
}

.template-product .product-page .top-area .right-area>header .tab-area #buy-instore {
    min-height: 400px
}

@media (min-width: 769px) {
    .template-product .product-page .top-area .right-area>header .btn {
        min-width: 200px
    }
}

@media (max-width: 768px) {
    .template-product .product-page .top-area .right-area .accordion {
        border-top: 1px solid #e8eff1
    }
}

.template-product .product-page .top-area .right-area .iframe-wrapper {
    margin-bottom: 20px;
    padding-bottom: 56.25%;
    width: 100%;
    position: relative
}

.template-product .product-page .top-area .right-area .iframe-wrapper iframe {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%
}

.template-product .product-page .top-area .right-area .how-to-use-grid {
    counter-reset: how-to-use;
    max-width: 620px
}

.template-product .product-page .top-area .right-area .how-to-use-grid .slick-dots {
    left: 50%;
    bottom: -10px;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%)
}

.template-product .product-page .top-area .right-area .how-to-use-grid .slick-dots li {
    margin: 0 15px
}

.template-product .product-page .top-area .right-area .how-to-use-grid .slick-dots li button {
    border: 1px solid #d1d1d1;
    position: relative
}

.template-product .product-page .top-area .right-area .how-to-use-grid .slick-dots li button:after {
    content: "";
    width: calc(100% - 2px);
    height: calc(100% - 2px);
    left: 1px;
    top: 1px;
    background: #34b9d0;
    display: block;
    position: absolute;
    border-radius: 50%;
    opacity: 0;
    visibility: hidden
}

.template-product .product-page .top-area .right-area .how-to-use-grid .slick-dots li.slick-active button:after {
    opacity: 1;
    visibility: visible
}

.template-product .product-page .top-area .right-area .how-to-use-grid li {
    width: 50%;
    margin-bottom: 30px
}

.template-product .product-page .top-area .right-area .how-to-use-grid li .image-area {
    width: 100%;
    padding: 0 20px;
    margin-bottom: 20px;
    position: relative
}

.template-product .product-page .top-area .right-area .how-to-use-grid li .image-area img {
    margin: 0 0 0 auto;
    display: block;
    max-width: 180px
}

.template-product .product-page .top-area .right-area .how-to-use-grid li .image-area:before {
    counter-increment: how-to-use;
    content: counter(how-to-use);
    position: absolute;
    top: 40px;
    left: 0;
    font-size: 30px;
    color: #34b9d0;
    font-weight: 300
}

@media (max-width: 768px) {
    .template-product .product-grid {
        margin-bottom: 50px
    }
}

.template-product .product-grid li {
    position: relative
}

@media (max-width: 768px) {
    .template-product .product-grid li {
        width: auto;
        margin-bottom: 0
    }
}

.template-product .product-grid .slick-prev {
    opacity: 0;
    visibility: hidden
}

.template-product .product-grid .slick-next,
.template-product .product-grid .slick-prev {
    width: 35px;
    height: 35px;
    background-color: #fff;
    background-position: center center;
    border-radius: 50%;
    border: 1px solid #e8eff1;
    padding: 0
}

.template-product .product-grid .slick-next {
    right: 25px
}

.template-product .product-grid .slick-list {
    margin-left: -115px
}

.template-product .product-grid .slick-list .slick-track {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex
}

.template-product .product-grid .slick-list .slick-track .slick-slide {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    height: auto
}

.template-product .yotpo-wrapper {
    margin-bottom: 50px
}

.blog-page .blog-main-area .search-container {
    margin-bottom: 40px
}

.blog-page .blog-main-area .search-container form {
    max-width: 450px;
    margin-left: auto;
    width: 100%;
    position: relative
}

@media (max-width: 1198px) {
  .blog-page .blog-main-area .search-container form {
      margin-left: 0;
      margin-right: auto;
  }
}

.blog-page .blog-main-area .search-container form input {
    border: 0 none;
    border-bottom: 1px solid #e8eff1;
    font-size: 18px;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -moz-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    padding: 15px 0
}

.blog-page .blog-main-area .search-container form input::-webkit-input-placeholder {
    opacity: 0.2
}

.blog-page .blog-main-area .search-container form input:-moz-placeholder {
    opacity: 0.2
}

.blog-page .blog-main-area .search-container form input::-moz-placeholder {
    opacity: 0.2
}

.blog-page .blog-main-area .search-container form input:-ms-input-placeholder {
    opacity: 0.2
}

.blog-page .blog-main-area .search-container form .close {
    position: absolute;
    right: 65px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%)
}

.blog-page .blog-main-area .search-container form .close img {
    width: 15px
}

.blog-page .blog-main-area .search-container form button {
    position: absolute;
    right: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%)
}

.blog-page .blog-main-area .search-container form button img {
    width: 20px
}

.blog-page .blog-main-area.blog-main-area.blog-main-area {
  overflow: visible;
}

.blog-page .blog-search-container {
  position: relative;
  top: -75px;
}

.blog-page .blog-main-area .blog-tags {
    margin-top: 50px;
    margin-bottom: 50px
}

.blog-page .blog-main-area .blog-tags li a {
    font-size: 16px
}

@media (max-width: 480px) {
    .blog-page .blog-main-area .blog-tags li a {
        font-size: 11px
    }
}

.blog-page .blog-main-area .blog-tags li a:hover {
    color: #34b9d0
}

.blog-page .blog-main-area .blog-tags li.active a {
    color: #34b9d0
}

.blog-page .blog-main-area .blog-grid {
    margin-bottom: 90px
}

.blog-page .blog-main-area .blog-grid>li {
    width: 33.3%;
    margin-bottom: 50px
}

@media (max-width: 768px) {
    .blog-page .blog-main-area .blog-grid>li {
        width: 50%;
        margin-bottom: 20px
    }
}

.blog-page .blog-main-area .pagination {
    margin-bottom: 90px
}

.article-page .text-on-background {
    position: relative;
    z-index: 0;
    visibility: visible !important;
    padding-bottom: 0;
    height: 450px
}

@media (max-width: 768px) {
    .article-page .text-on-background {
        height: auto
    }
}

.article-page .text-on-background.white-text {
    color: #fff !important
}

@media (max-width: 768px) {
    .article-page .text-on-background.white-text {
        color: #000 !important
    }
}

.article-page .text-on-background.white-text .bg-area {
    z-index: 0
}

.article-page .text-on-background.white-text .bg-area:before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 1
}

.article-page .text-on-background.white-text .caption-area {
    z-index: 2
}

.article-page .text-on-background.no-banner-img {
    background-color: #4a4a4a
}

.article-page .text-on-background .bg-area {
    background-size: cover;
    background-position: center center
}

.article-page .text-on-background .bg-area>* {
    z-index: 1
}

.article-page .text-on-background .bg-area .breadcrumb {
    position: absolute;
    top: 0;
    left: 0;
    background: transparent;
    z-index: 2
    color: #4a4a4a;
}

.article-page .text-on-background .bg-area .breadcrumb span:not(.slash) {
    font-weight: 700
}

.article-page .text-on-background .bg-area .rte {
    color: currentColor
}

.article-page .text-on-background .bg-area .rte * {
    color: inherit
}

.article-page .main-article-area {
    margin-bottom: 0;
    margin-top: 90px
}

@media (max-width: 768px) {
    .article-page .main-article-area.main-article-area {
        margin-top: 40px
    }
}

@media (max-width: 1024px) {
    .article-page .main-article-area {
        margin-top: 200px
    }
}

.article-page .main-article-area header {
    margin-bottom: 50px
}

.article-page .main-article-area header h1 {
    margin-bottom: 15px
}

.article-page .main-article-area header ul li {
    position: relative;
    text-transform: uppercase;
    color: #7d7d7d;
    font-size: 12px
}

@media (max-width: 768px) {
    .article-page .main-article-area header ul li {
        font-size: 10px
    }
}

.article-page .main-article-area header ul li:not(:last-child):after {
    content: "";
    height: 15px;
    right: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    position: absolute;
    width: 1px;
    background: #4a4a4a
}

@media (max-width: 768px) {
    .article-page .main-article-area header ul li:not(: last-child):after {
        height: 8px
    }
}

.article-page .main-article-area header ul li span {
    font-weight: 900
}

.article-page .main-article-area header ul li time {
    color: #34b9d0
}

.article-page .main-article-area .article-content h2 {
    font-weight: 100;
    font-size: 20px
}

.article-page .main-article-area .article-content .product-grid {
    margin-top: 50px;
    margin-bottom: 0
}

@media (max-width: 768px) {
    .article-page .main-article-area .article-content .product-grid {
        margin: 20px -25px 0 -25px
    }
}

.article-page .main-article-area .article-prev-next {
    margin: 80px 0
}

@media (max-width: 768px) {
    .article-page .main-article-area .article-prev-next {
        margin: 40px 0 100px 0
    }
}

.article-page .main-article-area .article-prev-next li a .article-arrow {
    width: 15px;
    -webkit-transition: all 0.35s ease;
    -moz-transition: all 0.35s ease;
    -ms-transition: all 0.35s ease;
    -o-transition: all 0.35s ease;
    transition: all 0.35s ease
}

@media (max-width: 768px) {
    .article-page .main-article-area .article-prev-next li a .article-arrow {
        width: 11px
    }
}

.article-page .main-article-area .article-prev-next li a div {
    padding: 0 10px
}

.article-page .main-article-area .article-prev-next li a div span {
    margin-bottom: 0;
    letter-spacing: 0;
    text-transform: uppercase;
    font-size: 12px;
    color: #9b9b9b;
    display: inline-block;
    line-height: 1.4
}

@media (max-width: 768px) {
    .article-page .main-article-area .article-prev-next li a div span {
        font-size: 10px
    }
}

.article-page .main-article-area .article-prev-next li a div h3 {
    text-transform: none;
    font-weight: 500;
    color: #34b9d0;
    letter-spacing: 0;
    margin: 0
}

@media (max-width: 768px) {
    .article-page .main-article-area .article-prev-next li a div h3 {
        font-size: 13px
    }
}

.article-page .main-article-area .article-prev-next li.disabled {
    opacity: 0;
    visibility: hidden
}

.article-page .main-article-area .article-prev-next li.next-article {
    text-align: right
}

.article-page .main-article-area .article-prev-next li.next-article a:hover .article-arrow {
    -webkit-transform: translateX(5px);
    -moz-transform: translateX(5px);
    -ms-transform: translateX(5px);
    -o-transform: translateX(5px);
    transform: translateX(5px)
}

.article-page .main-article-area .article-prev-next li.prev-article a:hover .article-arrow {
    -webkit-transform: translateX(-5px);
    -moz-transform: translateX(-5px);
    -ms-transform: translateX(-5px);
    -o-transform: translateX(-5px);
    transform: translateX(-5px)
}

.article-page .main-article-area .article-button {
    text-align: left
}

.article-page .main-article-area .center-icons ul {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    justify-content: center
}

@media (max-width: 768px) {
    .article-social ul {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        -moz-justify-content: center;
        justify-content: center
    }
}

.template-page-learning-resources .learning-resources-menu {
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    justify-content: center
}

.template-page-learning-resources .learning-resources-menu .section-trigger {
    min-width: 500px;
    width: 100%;
    max-width: 25%
}

body.template-page-patient-resources .center-text {
    max-width: 1440px;
    width: 100%
}

@media (max-width: 768px) {
    .patient-resources-cols .columns-three__column {
        margin-bottom: 50px
    }
}

@media (max-width: 768px) {
    .patient-resources-cols .columns-three__column--title {
        -webkit-box-ordinal-group: -1;
        -webkit-order: -2;
        -moz-order: -2;
        -ms-flex-order: -2;
        order: -2
    }
}

@media (max-width: 768px) {
    .patient-resources-cols .columns-three__column--image {
        -webkit-box-ordinal-group: 1;
        -webkit-order: 0;
        -moz-order: 0;
        -ms-flex-order: 0;
        order: 0
    }
}

@media (max-width: 768px) {
    .patient-resources-cols .columns-three__column--text {
        -webkit-box-ordinal-group: 0;
        -webkit-order: -1;
        -moz-order: -1;
        -ms-flex-order: -1;
        order: -1
    }
}

.template-page-learning-resources .columns-three__column--image,
.template-page-patient-resources .columns-three__column--image {
    padding: 0 0;
    margin-top: 30px
}

.questionnaire-page .questionnaire-wrapper {
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all 0.35s ease;
    -moz-transition: all 0.35s ease;
    -ms-transition: all 0.35s ease;
    -o-transition: all 0.35s ease;
    transition: all 0.35s ease
}

.questionnaire-page .questionnaire-wrapper.rendered {
    opacity: 1;
    visibility: visible
}

.questionnaire-page .questionnaire-wrapper .main-question-journey {
    max-width: 430px;
    margin: 0 auto
}

.questionnaire-page .questionnaire-wrapper .progress {
    margin-bottom: 50px;
    justify-content: center
}

@media (min-width: 481px) {
    .questionnaire-page .questionnaire-wrapper .progress {
        justify-content: end
    }
}

.questionnaire-page .questionnaire-wrapper .progress li {
    text-align: center
}

.questionnaire-page .questionnaire-wrapper .progress li a {
    position: relative
}

.questionnaire-page .questionnaire-wrapper .progress li a span {
    font-size: 15px;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all 0.35s ease;
    -moz-transition: all 0.35s ease;
    -ms-transition: all 0.35s ease;
    -o-transition: all 0.35s ease;
    transition: all 0.35s ease;
    display: block
}

.questionnaire-page .questionnaire-wrapper .progress li a span small {
    font-size: 10px;
    display: inline-block;
    margin: 0
}

.questionnaire-page .questionnaire-wrapper .progress li a:after {
    content: "";
    height: 4px;
    width: 28px;
    max-width: 100%;
    background: #eeeeee;
    display: block;
    margin-top: 5px;
    -webkit-transition: all 0.35s ease;
    -moz-transition: all 0.35s ease;
    -ms-transition: all 0.35s ease;
    -o-transition: all 0.35s ease;
    transition: all 0.35s ease
}

@media (max-width: 768px) {
    .questionnaire-page .questionnaire-wrapper .progress li a:after {
        width: 25px
    }
}

.questionnaire-page .questionnaire-wrapper .progress li.active a span {
    opacity: 1;
    visibility: visible
}

.questionnaire-page .questionnaire-wrapper .progress li.active a:after {
    background: #d6f1f5
}

.questionnaire-page .questionnaire-wrapper .progress li.completed a:after {
    background: #34b9d0
}

.questionnaire-page .questionnaire-wrapper .questions-container form {
    margin-bottom: 20px
}

.questionnaire-page .questionnaire-wrapper .questions-container form header {
    margin-bottom: 35px
}

.questionnaire-page .questionnaire-wrapper .questions-container form header h3 {
    margin-bottom: 10px
}

.questionnaire-page .questionnaire-wrapper .questions-container form .checkbox-flex li {
    width: 50%;
    margin-bottom: 25px;
    -webkit-flex-wrap: nowrap;
    -moz-flex-wrap: nowrap;
    -ms-flex-wrap: none;
    flex-wrap: nowrap
}

@media (max-width: 768px) {
    .questionnaire-page .questionnaire-wrapper .questions-container form .checkbox-flex li {
        width: 100%
    }
}

.questionnaire-page .questionnaire-wrapper .questions-container form .checkbox-flex li input {
    appearance: none;
    -webkit-appearance: none;
    min-width: 13px;
    min-height: 13px;
    border: 1px solid #d1d1d1;
    cursor: pointer;
    -webkit-transition: all 0.35s ease;
    -moz-transition: all 0.35s ease;
    -ms-transition: all 0.35s ease;
    -o-transition: all 0.35s ease;
    transition: all 0.35s ease
}

.questionnaire-page .questionnaire-wrapper .questions-container form .checkbox-flex li input:checked {
    background: #d1d1d1
}

.questionnaire-page .questionnaire-wrapper .questions-container form .checkbox-flex li label {
    cursor: pointer
}

.questionnaire-page .questionnaire-wrapper .questions-container .button-flex {
    flex-wrap: nowrap
}

.questionnaire-page .questionnaire-wrapper .questions-container .button-flex li {
    margin-bottom: 20px
}

@media (max-width: 480px) {
    .questionnaire-page .questionnaire-wrapper .questions-container .button-flex li {
        width: 100%
    }
}

.questionnaire-page .questionnaire-wrapper .questions-container .button-flex li .btn {
    min-width: 200px
}

@media (max-width: 480px) {
    .questionnaire-page .questionnaire-wrapper .questions-container .button-flex li .btn {
        min-width: 0;
        width: 100%;
        padding: 15px 10px
    }
}

.questionnaire-page .questionnaire-wrapper .result-flex {
    flex-wrap: nowrap;
    justify-content: flex-start;
    align-items: center;
    margin-left: 5%
}

@media (max-width: 480px) {
    .questionnaire-page .questionnaire-wrapper .result-flex {
        margin: 0;
        flex-direction: column
    }
}

.questionnaire-page .questionnaire-wrapper .result-flex .icon-area img {
    width: 197px
}

.questionnaire-page .questionnaire-wrapper .result-flex .icon-area img.visible {
    display: block
}

.questionnaire-page .questionnaire-wrapper .result-flex .icon-area img.hidden {
    display: none
}

.questionnaire-page .questionnaire-wrapper .result-flex .result-info-area {
    max-width: 600px;
    margin-left: 7.5%
}

@media (max-width: 480px) {
    .questionnaire-page .questionnaire-wrapper .result-flex .result-info-area {
        margin: 36px 0 0 0
    }
    .questionnaire-page .questionnaire-wrapper .result-flex .result-info-area h2 {
        text-align: center
    }
}

.section-enamel-test .wrapper {
    max-width: 1240px;
    padding: 120px 0
}

@media (max-width: 480px) {
    .section-enamel-test .wrapper {
        padding: 0
    }
}

@media (min-width: 481px) {
    .section-enamel-test .hidden-desktop {
        display: none
    }
}

@media (max-width: 480px) {
    .section-enamel-test .hidden-mobile {
        display: none
    }
}

.section-enamel-test img {
    object-fit: contain;
    margin-bottom: 36px
}

@media (max-width: 480px) {
    .section-enamel-test img {
        max-width: 240px
    }
}

.section-enamel-test .flex-row {
    display: flex;
    justify-content: space-between;
    align-items: center
}

@media (max-width: 480px) {
    .section-enamel-test .flex-row {
        flex-direction: column
    }
}

.section-enamel-test .flex-row .flex-column-1 {
    width: 66%;
    max-width: 650px;
    padding: 0 20px
}

@media (max-width: 480px) {
    .section-enamel-test .flex-row .flex-column-1 {
        width: 100%
    }
    .section-enamel-test .flex-row .flex-column-1 h1 {
        text-align: center
    }
}

.section-enamel-test .flex-row .flex-column-2 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 33.33%;
    padding: 0 20px
}

@media (max-width: 480px) {
    .section-enamel-test .flex-row .flex-column-2 {
        width: 100%;
        padding: 36px 0
    }
}

.section-enamel-test .flex-row .flex-column-2 a {
    white-space: nowrap
}

.template-page-professional .homepage-section {
    margin-bottom: 0px
}

.text-button {
    padding-bottom: 80px;
    padding-top: 80px
}

@media (max-width: 768px) {
    .text-button {
        margin-bottom: 40px;
        padding: 30px 0
    }
}

.text-button .slick-next,
.text-button .slick-prev {
    width: 35px;
    height: 35px;
    background-color: #fff;
    background-position: center center;
    border-radius: 50%;
    border: 1px solid #e8eff1;
    padding: 0
}

.text-button .slick-next {
    right: 15px
}

.text-button .slick-prev {
    left: 15px
}

.text-button .text-button-wrapper {
    width: 25%
}

@media (max-width: 768px) {
    .text-button .text-button-wrapper {
        width: 100%;
        text-align: center;
        padding: 0 40px;
        margin-bottom: 30px;
        min-height: 250px
    }
}

.text-button .text-button-wrapper h2 {
    min-height: 55px
}

.text-button .text-button-wrapper h2 img {
    padding-right: 10px
}

.text-button .text-button-wrapper .rte {
    margin-bottom: 20px
}

@media (max-width: 768px) {
    .text-button .text-button-wrapper .rte {
        padding: 0 20px
    }
}

.text-button .text-button-wrapper ul {
    margin-top: auto
}

.faq-section h1 {
    margin-bottom: 35px
}

.faq-section .top-filter-area {
    margin: 0 -2px 40px -2px;
    padding-bottom: 20px;
  	overflow: hidden;
  	flex-direction: column;
}

.faq-section .top-filter-area>* {
    padding: 0 2px
}

.faq-section .top-filter-area li a {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    align-items: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    justify-content: center;
    border: 1px solid #e8eff1;
    height: 100%;
    text-align: center;
    padding: 10px;
    white-space: nowrap;
    -webkit-transition: all 0.15s ease;
    -moz-transition: all 0.15s ease;
    -ms-transition: all 0.15s ease;
    -o-transition: all 0.15s ease;
    transition: all 0.15s ease
}

.faq-section .top-filter-area li a.active {
    border-color: #527c88
}

.faq-section .top-filter-button-wrap {
  margin: 20px 20px 20px 0px;
  padding: 0px 0px 0px 10px;
  border-bottom: 1px solid #e8eff1;
}

.faq-section .top-filter-button {
  border: 1px solid #e8eff1;
  padding: 10px;
  margin: 0;
  background-color: #eeeeee;
  color: #4a4a4a;
  min-width: 80px;
  margin-left: -6px;
  margin-bottom: -1px;
  text-transform: uppercase;
  font-size: 15px;
  font-weight: 500;
  letter-spacing: 2px;
  line-height: 1.2;
}

.faq-section .top-filter-button:first-of-type {
  margin-left: 0px;
}

.faq-section .top-filter-button.button-active {
  background: #ffffff;
  border: 1px solid #e8eff1;
  border-bottom: 1px solid #ffffff;
}

.faq-section .top-filter-select-wrap {
  margin: 20px 20px 20px 0;
}

.faq-section .top-filter-select {
  width: 100%;
  padding: 10px 20px 10px 10px;
  background-position: right 5px center;
  border: 1px solid #e8eff1;
}

@media (min-width: 769px) {
  .faq-section .top-filter-select {
    width: 50%;
  }
}

.faq-section .accordion {
    margin-bottom: 40px;
    max-width: 700px
}

.faq-section .accordion .accordion-group-title {
    font-size: 15px;
    font-weight: 500;
    margin-bottom: 10px
}

@media (max-width: 768px) {
    .template-page .text-on-background .caption-area {
        margin-bottom: 0px
    }
}

/*********************PDP *************************/
/**************************************************/

.product-form {
    float: left;
    clear: left;
}

.product-form .product-quantity,
.product-form .add-to-cart {
  float: left;
}

.product__size-wrapper {
  float: left;
  margin-bottom: 20px;
}

.product-form .product-quantity {
    margin-bottom: 20px;
}

.product-form .product-quantity select {
    background-position: 40px center;
    margin-right: 5px;
  	padding: 13px 15px 12px 16px;
    width: 60px;
}

.pdp-message {
  background-image: url(//cdn.shopify.com/s/files/1/0129/2068/4608/t/20/assets/shipping.png?21952);
  background-position: 20px 50%;
  background-repeat: no-repeat;
  background-size: 40px 20px;
  float: left;
  width: 100%;
  padding: 20px 20px 20px 70px;
  font-weight: 300;
}

.pdp-message__title {
  font-size: 16px;
  float: left;
  margin-right: 5px;
}

.pdp-message__body {
  display: block;
}

.template-product section.accordion {
  float: left;
  margin-top: 30px;
  width: 100%;
}

@media (max-width: 768px) {
  .product-form {
    width: 100%;
  }
    
  .product-form .product-quantity .add-to-cart {
    width: 100%;
  }
  
  .product-form .product-quantity,
  .product-form .add-to-cart,
  .product__size-wrapper {
    float: none;
  }
  
  .product__size-wrapper {
    display: inline-block;
    margin-bottom: 30px;
  }
  
  .pdp-message {
    background-position: 0 50%;
    padding: 20px 20px 20px 90px;
  }
  
  .pdp-message__body {
    float: left;
  }
}

.template-product .product-form .add-to-cart {
  margin-bottom: 50px;
}

/******* Cart Page **************/
/************************************/

form.cart {
  float: left;
  clear: left;
  margin: 40px 0;
  width: 100%;
}

form.cart td {
  border-top: 1px solid #EEEEEE;
  padding: 35px 0;
  vertical-align: middle;
}

.cart--empty-message {
  margin-bottom: 20px;
}
  
h1.cart-header__title {
  float: left;
  padding-left: 15px;
}

.cart-header a {
  font-size: 13px;
  float: right;
}

.cart-table {
  width: 100%;
}

.cart-table th {
  visibility: hidden;
}

.cart__meta.image,
.cart__final-price {
  width: 20%
}

.cart__meta.details {
  width: 30%;
}

.cart__quantity-td {
  width: 10%;
}

.cart__remove {
  width: 20%;
}

.cart__image-wrapper {
  float: left;
}

.c-cart__title-product,
.c-cart__price-product {
  font-size: 22px;
  font-weight: 300;
  text-transform: uppercase;
}

.cart__qty label {
 visibility: hidden;
}

.c-cart__quantity-input input {
  padding: 12px 15px 12px 16px;
  appearance: none;
  font-weight: 400;
  border: none;
  background-color: transparent;
  border: 1px solid #F2F2F2;
  width: 70px;
}

.c-cart--remove-item a {
  display: block;
  text-indent: -5000px;
  background-image: url(//cdn.shopify.com/s/files/1/0118/7735/1505/t/3/assets/remove.png?1039);
  height: 10px;
  width: 10px;
  background-repeat: no-repeat;
  background-size: 10px;
  background-position: 0 0;
  overflow: hidden;
  margin: 0;
  float: right;
}

.cart-subtotal__title {
  text-transform: uppercase;
  display: block;
  margin-bottom: 5px;
}

.cart-subtotal {
  margin-bottom: 50px;
}

.cart-subtotal__price {
  font-size: 30px;
  font-weight: 300;
  margin-top: 10px;
}

.cart__shipping.rte {
  display: none;
}

.cart__submit-controls .btn--secondary {
  margin-right: 25px;
}

.cart__buttons-container {
  margin-top: 20px;
}

@media all and (max-width:768px){
  
  .cart-table {
    table-layout: fixed;
    overflow-wrap: break-word;
  }
  
  form.cart tr {
	border-bottom: 1px solid #EEEEEE;
  }
  
  form.cart td {
  	border-top: none;
    display: flex;
    text-align: center;
    padding: 10px 0;
    width: 100%;
  }
  
  .cart__meta.details {
    width: 100%;
  }
  
  .cart__meta.image, .cart__final-price {
    width: 100%;
  }
}

/************ New cart **************/
.c-cart__wrapper {
    width: 100%;
    margin: 30px auto 0px;
    margin: 1.875rem auto 0rem;
    padding: 30px 20px;
    padding: 1.875rem 1.25rem;
}

.c-cart__table {
    margin: 0;
    padding: 0;
}

.column-heading {
  visibility: hidden;
}

.flex-column {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: normal !important;
    -ms-flex-direction: column !important;
    flex-direction: column !important;
}

/* .ml-4, .mx-4 {
    margin-left: 1.5rem !important;
} */

.flex-wrap {
    -ms-flex-wrap: wrap !important;
    flex-wrap: wrap !important;
}

.c-cart__row.c-cart__row--head {
    height: 0;
}

.c-cart__row.cart-item {
    border-top: 1px solid #EEEEEE;
}

.c-cart__row.cart-item:last-child {
  border-top: none!important;
}

.w-100 {
    width: 100% !important;
}

.w-50 {
    width: 50% !important;
}

.continue-shopping {
  float: right;
  padding-top: 10px;
  padding-right: 20px;
  text-align: right;
}

.d-flex {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
}

.c-cart .image-cell {
    width: 15%;
}

.c-cart .product-cell {
    width: 35%;
}

.c-cart__cell {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    padding: 35px 20px;
    overflow: hidden;
    list-style: none;
}

.c-cart .price-cell {
    width: 20%;
}

.c-cart .quantity-cell {
    width: 20%;
}

.c-cart .total-cell,
.cart__submit-controls {
  text-align: right;
  width: 100%;
}

.cart__submit-controls {
  padding: 25px 20px;
}

.c-cart .remove-cell {
  width: 10%;
}

.c-cart--remove-item {
  width: 100%;
}

.c-cart .sub-total-cell {
    width: 20%;
}

.justify-content-start {
    -webkit-box-pack: start !important;
    -ms-flex-pack: start !important;
    justify-content: flex-start !important;
}

.justify-content-center {
    -webkit-box-pack: center !important;
    -ms-flex-pack: center !important;
    justify-content: center !important;
}

.align-self-center {
    -ms-flex-item-align: center !important;
    align-self: center !important;
}

.product-content img {
    max-width: 190px;
}


@media (max-width: 767px) {
  
  h1.cart-header__title {
    float: none;
    padding-left: 0;
	text-align: center;
  }
  
  .w-50 {
    width: 100% !important;
  }
  
  .c-cart .total-cell {
    text-align: center;
    padding-top: 50px;
  }
  
  form.cart {
    margin-bottom: 0;
  }
  
  .c-cart--collapse {
    display: block;
    width: 100%;
    padding: 1em 0px;
  }
  
  .c-cart--collapse .c-cart__row {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    text-align: center;
  }
  
  .c-cart--collapse .c-cart__row .c-cart__cell {
      width: 100% !important;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
  }
  
  .c-cart__cell {
    padding: 20px 0;
  }
  
  .cart__submit-controls .btn {
    width: 100%;
    margin-bottom: 20px;
  }
  
  .c-cart__cell--content {
    margin: 0 auto;
  }
  
  .c-cart--remove-item {
    width: auto;
  }
  
  .continue-shopping {
    float: left;
    text-align: center;
    padding: 0;
  }
}


/************ PLP **************/
.product-grid-item .product__size-wrapper * {
  font-size: 13px;
}

/************ Account **************/

#CustomerLoginForm {
  margin-bottom: 35px;
}

#CustomerLoginForm #LoginHeading {
    margin-bottom: 35px;
}

.form-row {
  margin-bottom: 20px;
}

#CustomerLoginForm input[type=email],
#CustomerLoginForm input[type=password],
#RegisterForm input[type=email],
#RegisterForm input[type=password],
#RegisterForm input[type=text],
#RecoverPasswordForm input[type=email],
.addresses input[type=text],
.addresses select,
.addresses input[type=tel],
#resetPasswordForm input[type=password] {
  color: #4a4a4a;
  height: 48px;
  padding: 15px;
  width: 425px;
  border: 1px solid #F2F2F2;
}

.addresses select {
  background-position: 96% center;
}

@media (max-width: 768px) {
  #CustomerLoginForm input[type=email],
  #CustomerLoginForm input[type=password],
  #RegisterForm input[type=email],
  #RegisterForm input[type=password],
  #RegisterForm input[type=text],
  #RecoverPasswordForm input[type=email],
  .addresses input[type=text],
  .addresses select,
  .addresses input[type=tel],
  #resetPasswordForm input[type=password] {
  	width: 100%;
  }
}
  
#CustomerLoginForm label,
#RegisterForm label,
#RecoverPasswordForm label,
.addresses label,
#resetPasswordForm label {
  visibility: hidden;
  width: 0;
  height: 0;
  display: block;
}

a#RecoverPassword {
  display: block;
  margin: 25px 0 25px;
  font-size: 13px;
  font-weight: 500;
}

#RecoverPasswordForm .form-vertical {
  margin: 20px 0;
}

#CustomerLoginForm .sign-in,
#RegisterForm .submit, 
.addresses .btn,
#RecoverPasswordForm .btn
#resetPasswordForm .btn {
    width: 200px;
    margin-bottom: 30px;
}

#create_account,
#RecoverEmail {
  margin-bottom: 20px;
}

a#customer_register_link,
a#return_to_store,
#resetPasswordForm .reset-text {
  font-size: 13px;
  font-weight: 500;
}

#RegisterForm .submit {
    margin-top: 10px;
}

#customer_logout_link,
.top-link {
  display: block;
  margin-bottom: 30px;
}

.section-header.my-account,
#resetPasswordForm .reset-text {
	margin-bottom: 30px;
}

.myaccount table {
  margin-bottom: 50px;
  width: 100%;
}

.myaccount__order-history h2 {
  border-top: 1px solid #EEEEEE;
  padding: 25px 0 20px 30px;
}

.myaccount td {
  text-align: center;
}

.myaccount tr th {
  padding: 30px 0;
}

.myaccount tr.headings th {
  background-color: #F7F7F7;
  font-size: 14px;
  font-weight: 400;
  text-transform: uppercase;
}

.myaccount th:first-child {
  padding-left:	30px;
  text-align: left;
}

/***** Order *******/
.order__placed {
  font-weight: 500;
  padding: 30px;
}

.myaccount__account-details {
  padding-left: 30px;
}

.myaccount__account-details div {
  margin-bottom: 30px;
}

.myaccount__account-details p,
.address p {
  line-height: 1.5em;
}

.myaccount__account-details a {
  margin-top: 30px;
}

/******* Addresses ***********/
div#AddressNewForm {
    margin-top: 30px;
}

.address-list {
  margin-top: 30px;
}

.address .list--inline {
  margin-top: 30px;
}

.address .address-edit-toggle,
#AddressNewForm .add-address {
  margin-bottom: 20px;
}

label#default_address {
    width: auto;
    height: auto;
    visibility: visible;
}

input#address_default_address_new {
  margin-bottom: 10px;
}

.edit-address {
	margin-top: 20px;
}

.addresses label.edit-address__label {
  height: auto;
  margin-top: 5px;
  width: auto;
  visibility: visible;
}
  
  
  
  
  /************ Country Selector **********/
.template-full-page-landing-page .main-content {
  padding-top: 0;
}

.page-background {
  background-image: url(https://cdn.shopify.com/s/files/1/0129/2068/4608/files/regenerate_background.png?v=1585046883);
  background-repeat: no-repeat;
  background-position: top center;
  height: calc(100vh);
}
   
.country-selector.ui-widget.ui-widget-content {
  border: none;
  box-shadow: 0 0 35px rgba(0,0,0,0.1);
  top: 100px!important;
}
  

.ui-widget-header {
  border: none;
}
   
#country-selector.ui-dialog-content {
  padding: 60px 60px 35px;
  text-align: center;
}
   
.country-selector .logo-area {
  margin-bottom: 50px;
  width: 100%;
}
   
.country-selector .logo-area img {
  width: 235px;
}

.country-selector .intro {
  font-family: "Gotham";
  font-weight: 300;
  line-height: 22px;
  margin: 0 auto 40px;
}
   
.country-selector ul {
  width: 100%;
}
   
.country-selector ul li {
  width: 200px;
  margin: 0 auto 25px;
}
   
.country-selector.ui-widget-content a {
  color: #34b9d0;
  width: 100%;
}
   
.country-selector.ui-widget-content a:hover {
  color: #FFF;
}
   
.country-selector .ui-dialog-titlebar {
  display: none;
}
   
.ui-widget-overlay {
  background: #FFFFFF!important;
  opacity: 0.8!important;
  filter: Alpha(Opacity=80);
}
   
@media (max-width: 768px) {
  .page-background {
    background-image: url(https://cdn.shopify.com/s/files/1/0129/2068/4608/files/regenerate_background_mobile.png?v=1585047407);
  }
  
  .country-selector.ui-widget.ui-widget-content {
    width: 90%!important;
    left: 5%!important;
    top: 30px!important;
  }
  
  #country-selector.ui-dialog-content {
    padding: 45px 30px 25px;
  }
  
  .country-selector .logo-area {
    margin-bottom: 30px;
  }
}

/* OneTrust Banner Style */
#pc-policy-text { color: #fff; } 
#onetrust-pc-sdk.ot-sdk-container { border: 2px solid #34b9d0; background: #fff !important; }
#onetrust-consent-sdk #onetrust-pc-sdk h3, 
#onetrust-consent-sdk #onetrust-pc-sdk h4, 
#onetrust-consent-sdk #onetrust-pc-sdk h6, 
#onetrust-consent-sdk #onetrust-pc-sdk p, 
#onetrust-consent-sdk #onetrust-pc-sdk #pc-policy-text, 
#onetrust-consent-sdk #onetrust-pc-sdk #pc-title {
  color: #000 !important;
}
#onetrust-pc-sdk #pc-policy-text {
  font-size: .80em !important;
}
#onetrust-consent-sdk #onetrust-pc-sdk .accordion-text, 
#onetrust-consent-sdk #onetrust-pc-sdk .accordion-text .cookie-subgroup-toggle .ot-switch.toggle {
    background-color: transparent !important;
    font-size: 1.2em !important;
}
#onetrust-pc-sdk .pc-logo {
  display: none !important;
}
#onetrust-pc-sdk .group-parent-container {
  background: #000 !important;
}
#onetrust-consent-sdk #onetrust-pc-sdk.otPcList {
  margin: 0 auto;
  right: 20%;
  bottom: 0;
  top: 5%;
}
/* #onetrust-consent-sdk #onetrust-pc-sdk #content {
  border: 1px solid #c1a571;
} */
#onetrust-consent-sdk #onetrust-pc-sdk #content .category-item {
  border-bottom: 1px solid #34b9d0;
}
#ot-sdk-btn.ot-sdk-show-settings {
cursor: pointer;
width: 65px;
height: 65px !important;
position: fixed;
bottom: 10px;
left: 10px;
z-index: 1000;
border:0;
background: transparent;
background-repeat: no-repeat;
background-size: contain;
}

#ot-sdk-btn.ot-sdk-show-settings:hover {
background: transparent;
background-size: contain;
}

#onetrust-banner-sdk {
border-top: 1px solid #333;
}

#onetrust-consent-sdk #onetrust-policy {
    background-image: url(https://cdn.cookielaw.org/logos/6ce3ca18-a8e8-4e52-80bc-d334afc636e7/8e993487-0a24-48a9-9e84-10ea58a7c2bc/unilever-logo.png);
    background-size: 80px;
    background-repeat: no-repeat;
    padding: 0 0 80px 80px;
}

#ot-sdk-btn.ot-sdk-show-settings {
    background-image: url(https://cdn.cookielaw.org/logos/6ce3ca18-a8e8-4e52-80bc-d334afc636e7/c21c1cf4-fe74-4cd5-b038-15d2eb1d0db8/oneTrustLogo.png);
    background-size: contain;
    text-indent: -10000px;
}

#ot-sdk-btn.ot-sdk-show-settings:hover {
    background: url(https://cdn.cookielaw.org/logos/6ce3ca18-a8e8-4e52-80bc-d334afc636e7/c21c1cf4-fe74-4cd5-b038-15d2eb1d0db8/oneTrustLogo.png);
    background-size: contain;
    background-repeat: no-repeat;
}

#onetrust-consent-sdk #onetrust-pc-btn-handler.cookie-setting-link {
    display: block;
} 

@media (min-width: 992px) {
  #onetrust-consent-sdk #onetrust-pc-sdk h3 {
    font-size: 1rem !important;
  }
}
#ot-sdk-btn.ot-sdk-show-settings:hover, #ot-sdk-btn.optanon-show-settings:hover {
  background-color: transparent !important;
}
#ot-sdk-btn.ot-sdk-show-settings, #ot-sdk-btn.optanon-show-settings {
  color: #34b9d0 !important;
  border: none !important;
}  
#onetrust-consent-sdk #onetrust-accept-btn-handler, 
#onetrust-banner-sdk #onetrust-reject-all-handler, 
#onetrust-consent-sdk #onetrust-pc-btn-handler,
#onetrust-consent-sdk #onetrust-pc-sdk button.button-theme {
  background: #34b9d0 !important;
  border: none !important;
  color: #fff !important;    
}

#onetrust-consent-sdk #onetrust-pc-sdk .privacy-notice-link, 
#onetrust-consent-sdk #onetrust-pc-sdk .category-vendors-list-handler, 
#onetrust-consent-sdk #onetrust-pc-sdk .category-vendors-list-handler + a, 
#onetrust-consent-sdk #onetrust-pc-sdk .category-host-list-handler, 
#onetrust-consent-sdk #onetrust-pc-sdk .vendor-privacy-notice, 
#onetrust-consent-sdk #onetrust-pc-sdk #hosts-list-container .host-title a, 
#onetrust-consent-sdk #onetrust-pc-sdk #hosts-list-container .accordion-header .host-view-cookies, 
#onetrust-consent-sdk #onetrust-pc-sdk #hosts-list-container .cookie-name-container a {
  color: #34b9d0 !important;
}
#onetrust-consent-sdk #onetrust-pc-sdk .ot-switch.toggle {
  background-color: transparent !important;
}
#onetrust-consent-sdk #onetrust-banner-sdk {
  border-top: 1px solid #faf1e3 !important;
}