/** Shopify CDN: Minification failed

Line 3669:0 Unexpected "}"
Line 6344:20 Expected ":"
Line 13493:0 Unexpected "}"
Line 18180:0 Unexpected "}"
Line 18407:0 Unexpected "}"

**/
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;@charset "utf-8";400;500;700&display=swap');

:root {
  --colorBtnPrimary: #111;
  --colorBtnPrimaryDim: #040404;
  --colorBtnPrimaryText: #fff;
  --colorCartDot: #ff4f33;
  --colorLink: #1c1d1d;
  --colorTextBody: #1c1d1d;
  --colorSalePrice: #1c1d1d;
  --colorSaleTag: #900;
  --colorSaleTagText: #fff;
  --colorBody: #fff;
  --colorBodyDim: #f2f2f2;
  --colorInputBg: #fff;
  --colorInputBgDim: #f2f2f2;
  --colorInputBgDark: #e6e6e6;
  --colorInputText: #1c1d1d;
  --colorFooter: #111;
  --colorFooterText: #fff;
  --colorBorder: #e8e8e1;
  --colorNav: #fff;
  --colorNavText: #1c1d1d;
  --colorAnnouncement: #1c1d1d;
  --colorAnnouncementText: #fff;
  --colorHeroText: #fff;
  --colorModalBg: #aeb1b8;
  --colorSmallImageBg: #fff;
  --colorLargeImageBg: #111;
  --colorDrawers: #fff;
  --colorDrawersDim: #f2f2f2;
  --colorDrawerBorder: #e8e8e1;
  --colorDrawerText: #000;
  --colorDrawerTextDarken: #000;
  --colorDrawerButton: #111;
  --colorDrawerButtonText: #fff;
  --color-body-text: #1c1d1d;
  --color-body: #fff;
  --color-bg: #fff
}

@keyframes placeholder-shimmer {
  0% {
    background-position: -150% 0
  }

  to {
    background-position: 150% 0
  }
}

@keyframes spin {
  0% {
    transform: rotate(0deg)
  }

  to {
    transform: rotate(360deg)
  }
}

@keyframes page-fade-in-up {
  0% {
    opacity: 0
  }

  to {
    opacity: 1
  }
}

@keyframes page-fade-in-up-out {
  0% {
    opacity: 1
  }

  to {
    opacity: 0
  }
}

@keyframes page-slide-reveal-across {
  0% {
    transform: translateX(0)
  }

  to {
    transform: translateX(100vw)
  }
}

@keyframes page-slide-reveal-across-out {
  0% {
    transform: translateX(-100vw)
  }

  to {
    transform: translateX(0)
  }
}

@keyframes page-slide-reveal-down {
  0% {
    transform: translateY(0)
  }

  to {
    transform: translateY(110vh)
  }
}

@keyframes page-slide-reveal-down-out {
  0% {
    transform: translateY(110vh)
  }

  to {
    transform: translateY(0)
  }
}

@keyframes overlay-on {
  0% {
    opacity: 0
  }

  to {
    opacity: .6
  }
}

@keyframes overlay-off {
  0% {
    opacity: .6
  }

  to {
    opacity: 0
  }
}

@keyframes full-overlay-on {
  0% {
    opacity: 0
  }

  to {
    opacity: 1
  }
}

@keyframes full-overlay-off {
  0% {
    opacity: 1
  }

  to {
    opacity: 0
  }
}

@keyframes modal-open {
  0% {
    opacity: 0;
    transform: translateY(30px)
  }

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

@keyframes modal-closing {
  0% {
    opacity: 1;
    transform: scale(1)
  }

  to {
    opacity: 0;
    transform: scale(.9)
  }
}

@keyframes rise-up {
  0% {
    opacity: 1;
    transform: translateY(120%)
  }

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

@keyframes rise-up-out {
  0% {
    opacity: 1;
    transform: translateY(0%)
  }

  to {
    opacity: 1;
    transform: translateY(-120%)
  }
}

@keyframes paint-across {
  0% {
    transform: scale(1.1);
    opacity: 1;
    -webkit-clip-path: polygon(0% 0%, 0% 0%, 0% 100%, 0% 100%);
    clip-path: polygon(0% 0%, 0% 0%, 0% 100%, 0% 100%)
  }

  to {
    transform: scale(1);
    opacity: 1;
    -webkit-clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%);
    clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%)
  }
}

@keyframes paint-across-small {
  0% {
    opacity: 1;
    transform: scale(1.1);
    -webkit-clip-path: polygon(0% 0%, 0% 0%, 0% 100%, 0% 100%);
    clip-path: polygon(0% 0%, 0% 0%, 0% 100%, 0% 100%)
  }

  to {
    opacity: 1;
    transform: scale(1);
    -webkit-clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%);
    clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%)
  }
}

@keyframes paint-across-out {
  0% {
    opacity: 1;
    -webkit-clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%);
    clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%)
  }

  to {
    opacity: 1;
    -webkit-clip-path: polygon(100% 0%, 100% 0%, 100% 100%, 100% 100%);
    clip-path: polygon(100% 0%, 100% 0%, 100% 100%, 100% 100%)
  }
}

@keyframes fade-in {
  0% {
    opacity: 0
  }

  to {
    opacity: 1
  }
}

@keyframes fade-in-small {
  0% {
    opacity: 0
  }

  to {
    opacity: 1
  }
}

@keyframes fade-in-out {
  0% {
    opacity: 1
  }

  to {
    opacity: 0
  }
}

@keyframes fade-out {
  0% {
    opacity: 1
  }

  to {
    opacity: 0
  }
}

@keyframes zoom-fade {
  0% {
    opacity: 0;
    transform: scale(1.25)
  }

  to {
    opacity: 1;
    transform: scale(1)
  }
}

@keyframes zoom-fade-small {
  0% {
    opacity: 0;
    transform: scale(1.1)
  }

  10% {
    opacity: .1
  }

  20% {
    opacity: .2
  }

  to {
    opacity: 1;
    transform: scale(1)
  }
}

@keyframes kenburns {
  0% {
    opacity: 0;
    transform: scale(1.27);
    animation-timing-function: cubic-bezier(.12, .63, .6, .74)
  }

  10% {
    opacity: 1;
    transform: scale(1.2);
    animation-timing-function: linear
  }

  to {
    opacity: 1;
    transform: scale(1)
  }
}

@keyframes kenburns-out {
  0% {
    opacity: 1;
    transform: scale(1);
    animation-timing-function: ease-out
  }

  50% {
    opacity: 0
  }

  to {
    transform: scale(1.1)
  }
}

@keyframes preloading {
  0% {
    transform-origin: 0% 50%;
    transform: scaleX(0);
    opacity: 0
  }

  40% {
    transform-origin: 0% 50%;
    transform: scaleX(1);
    opacity: 1
  }

  41% {
    transform-origin: 100% 50%;
    transform: scaleX(1);
    opacity: 1
  }

  to {
    transform-origin: 100% 50%;
    transform: scaleX(0);
    opacity: 1
  }
}

@keyframes grid-product__loading {
  0% {
    opacity: 1
  }

  3% {
    opacity: 0
  }

  10% {
    opacity: 0
  }

  20% {
    opacity: .2
  }

  30% {
    opacity: 0
  }

  40% {
    opacity: .2
  }

  50% {
    opacity: 0
  }

  60% {
    opacity: .2
  }

  70% {
    opacity: 0
  }

  80% {
    opacity: .2
  }

  90% {
    opacity: 0
  }

  98% {
    opacity: .2
  }

  to {
    opacity: 1
  }
}

body.body_hidden {
  overflow: hidden
}

.flickity-enabled {
  position: relative
}

.flickity-enabled:focus {
  outline: none
}

.flickity-viewport {
  overflow: hidden;
  position: relative;
  transition: height 0.35s;
  height: 100%
}

.flickity-slider {
  position: absolute;
  width: 100%;
  height: 100%
}

.flickity-enabled.is-draggable {
  -webkit-user-select: none;
  user-select: none
}

.flickity-enabled.is-draggable .flickity-viewport {
  cursor: move;
  cursor: grab
}

.flickity-enabled.is-draggable .flickity-viewport.is-pointer-down {
  cursor: grabbing
}

.flickity-button {
  position: absolute;
  border: none;
  color: #fff;
  color: var(--colorBtnPrimaryText);
  background: #111;
  background: var(--colorBtnPrimary);
  border-radius: 50%
}

.hero .flickity-button {
  color: #1c1d1d;
  color: var(--colorTextBody);
  background-color: #fff;
  background-color: var(--colorBody);
  box-shadow: 0 5px 5px rgba(0, 0, 0, .1)
}

.flickity-button:hover {
  cursor: pointer;
  opacity: 1
}

.flickity-button:disabled {
  display: none;
  cursor: auto;
  pointer-events: none
}

.flickity-prev-next-button {
  top: 50%;
  width: 40px;
  height: 40px;
  transform: translateY(-50%)
}

@media only screen and (max-width:589px) {
  .flickity-prev-next-button {
    width: 33px;
    height: 33px
  }
}

.flickity-prev-next-button:hover {
  transform: translateY(-50%) scale(1.12)
}

.flickity-prev-next-button:active {
  transform: translateY(-50%) scale(1);
  transition: transform 0.05s ease-out
}

.flickity-previous {
  left: 10px
}

.flickity-next {
  right: 10px
}

.flickity-rtl .flickity-previous {
  left: auto;
  right: 10px
}

.flickity-rtl .flickity-next {
  right: auto;
  left: 10px
}

.flickity-button-icon {
  position: absolute;
  left: 35%;
  top: 35%;
  width: 30%;
  height: 30%;
  fill: currentColor
}

.flickity-page-dots {
  position: absolute;
  width: 100%;
  bottom: -25px;
  padding: 0;
  margin: 0;
  list-style: none;
  text-align: center;
  line-height: 1;
  color: currentColor
}

.hero .flickity-page-dots {
  bottom: 20px;
  right: 20px;
  width: auto;
  color: #fff
}

.flickity-rtl .flickity-page-dots {
  direction: rtl
}

.flickity-page-dots .dot {
  display: inline-block;
  width: 9px;
  height: 9px;
  margin: 0 5px;
  border-radius: 100%;
  background: transparent;
  cursor: pointer;
  border: 2px solid;
  border-color: currentColor
}

.flickity-page-dots .dot.is-selected {
  background-color: currentColor
}

.flickity-enabled.is-fade .flickity-slider>* {
  pointer-events: none;
  z-index: 0
}

.flickity-enabled.is-fade .flickity-slider>.is-selected {
  pointer-events: auto;
  z-index: 1
}

.hero[data-arrows=true] {
  overflow: visible;
  z-index: 4
}

.hero[data-arrows=true] .flickity-prev-next-button {
  top: auto;
  bottom: -20px;
  transform: none
}

.hero[data-arrows=true] .flickity-prev-next-button:hover {
  transform: scale(1.12)
}

.hero[data-arrows=true] .flickity-prev-next-button:active {
  transform: scale(1)
}

.hero[data-arrows=true] .flickity-previous {
  left: auto;
  right: 90px
}

.hero[data-arrows=true] .flickity-next {
  right: 40px
}

.hero[data-arrows=true].flickity-rtl .flickity-previous {
  right: auto;
  left: 90px
}

.hero[data-arrows=true].flickity-rtl .flickity-next {
  right: auto;
  left: 40px
}

@media only screen and (max-width:589px) {
  .hero[data-arrows=true] .flickity-prev-next-button {
    bottom: -16px
  }

  .hero[data-arrows=true] .flickity-previous {
    right: 60px
  }

  .hero[data-arrows=true] .flickity-next {
    right: 20px
  }

  .hero[data-arrows=true].flickity-rtl .flickity-previous {
    left: 60px
  }

  .hero[data-arrows=true].flickity-rtl .flickity-next {
    left: 20px
  }
}

.noUi-target,
.noUi-target * {
  -webkit-touch-callout: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-user-select: none;
  touch-action: none;
  user-select: none;
  box-sizing: border-box
}

.noUi-target {
  position: relative
}

.noUi-base,
.noUi-connects {
  width: 100%;
  height: 100%;
  position: relative;
  z-index: 1
}

.noUi-connects {
  overflow: hidden;
  z-index: 0
}

.noUi-connect,
.noUi-origin {
  will-change: transform;
  position: absolute;
  z-index: 1;
  top: 0;
  right: 0;
  -ms-transform-origin: 0 0;
  -webkit-transform-origin: 0 0;
  -webkit-transform-style: preserve-3d;
  transform-origin: 0 0;
  transform-style: flat
}

.noUi-connect {
  height: 100%;
  width: 100%
}

.noUi-origin {
  height: 10%;
  width: 10%
}

.noUi-txt-dir-rtl.noUi-horizontal .noUi-origin {
  left: 0;
  right: auto
}

.noUi-vertical .noUi-origin {
  width: 0
}

.noUi-horizontal .noUi-origin {
  height: 0
}

.noUi-handle {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  position: absolute
}

.noUi-touch-area {
  height: 100%;
  width: 100%
}

.noUi-state-tap .noUi-connect,
.noUi-state-tap .noUi-origin {
  transition: transform 0.3s
}

.noUi-state-drag * {
  cursor: inherit !important
}

.noUi-horizontal {
  height: 18px
}

.noUi-horizontal .noUi-handle {
  width: 34px;
  height: 28px;
  right: -17px;
  top: -6px
}

.noUi-vertical {
  width: 18px
}

.noUi-vertical .noUi-handle {
  width: 28px;
  height: 34px;
  right: -6px;
  top: -17px
}

.noUi-txt-dir-rtl.noUi-horizontal .noUi-handle {
  left: -17px;
  right: auto
}

.noUi-target {
  background: #fafafa;
  border-radius: 4px;
  border: 1px solid #d3d3d3;
  box-shadow: inset 0 1px 1px #f0f0f0, 0 3px 6px -5px #bbb
}

.noUi-connects {
  border-radius: 3px
}

.noUi-connect {
  background: #3fb8af
}

.noUi-draggable {
  cursor: ew-resize
}

.noUi-vertical .noUi-draggable {
  cursor: ns-resize
}

.noUi-handle {
  border: 1px solid #d9d9d9;
  border-radius: 3px;
  background: #fff;
  cursor: default;
  box-shadow: inset 0 0 1px #fff, inset 0 1px 7px #ebebeb, 0 3px 6px -3px #bbb
}

.noUi-active {
  box-shadow: inset 0 0 1px #fff, inset 0 1px 7px #ddd, 0 3px 6px -3px #bbb
}

.noUi-handle:after,
.noUi-handle:before {
  content: "";
  display: block;
  position: absolute;
  height: 14px;
  width: 1px;
  background: #e8e7e6;
  left: 14px;
  top: 6px
}

.noUi-handle:after {
  left: 17px
}

.noUi-vertical .noUi-handle:after,
.noUi-vertical .noUi-handle:before {
  width: 14px;
  height: 1px;
  left: 6px;
  top: 14px
}

.noUi-vertical .noUi-handle:after {
  top: 17px
}

[disabled] .noUi-connect {
  background: #b8b8b8
}

[disabled].noUi-handle,
[disabled] .noUi-handle,
[disabled].noUi-target {
  cursor: not-allowed
}

.noUi-pips,
.noUi-pips * {
  box-sizing: border-box
}

.noUi-pips {
  position: absolute;
  color: #999
}

.noUi-value {
  position: absolute;
  white-space: nowrap;
  text-align: center
}

.noUi-value-sub {
  color: #ccc;
  font-size: 10px
}

.noUi-marker {
  position: absolute;
  background: #ccc
}

.noUi-marker-sub {
  background: #aaa
}

.noUi-marker-large {
  background: #aaa
}

.noUi-pips-horizontal {
  padding: 10px 0;
  height: 80px;
  top: 100%;
  left: 0;
  width: 100%
}

.noUi-value-horizontal {
  transform: translate(-50%, 50%)
}

.noUi-rtl .noUi-value-horizontal {
  transform: translate(50%, 50%)
}

.noUi-marker-horizontal.noUi-marker {
  margin-left: -1px;
  width: 2px;
  height: 5px
}

.noUi-marker-horizontal.noUi-marker-sub {
  height: 10px
}

.noUi-marker-horizontal.noUi-marker-large {
  height: 15px
}

.noUi-pips-vertical {
  padding: 0 10px;
  height: 100%;
  top: 0;
  left: 100%
}

.noUi-value-vertical {
  transform: translateY(-50%);
  padding-left: 25px
}

.noUi-rtl .noUi-value-vertical {
  transform: translateY(50%)
}

.noUi-marker-vertical.noUi-marker {
  width: 5px;
  height: 2px;
  margin-top: -1px
}

.noUi-marker-vertical.noUi-marker-sub {
  width: 10px
}

.noUi-marker-vertical.noUi-marker-large {
  width: 15px
}

.noUi-tooltip {
  display: block;
  position: absolute;
  border: 1px solid #d9d9d9;
  border-radius: 3px;
  background: #fff;
  color: #000;
  padding: 5px;
  text-align: center;
  white-space: nowrap
}

.noUi-horizontal .noUi-tooltip {
  transform: translate(-50%);
  left: 50%;
  bottom: 120%
}

.noUi-vertical .noUi-tooltip {
  transform: translateY(-50%);
  top: 50%;
  right: 120%
}

.noUi-horizontal .noUi-origin>.noUi-tooltip {
  transform: translate(50%);
  left: auto;
  bottom: 10px
}

.noUi-vertical .noUi-origin>.noUi-tooltip {
  transform: translateY(-18px);
  top: auto;
  right: 28px
}

tool-tip {
  display: none
}

tool-tip[data-tool-tip-open=true] {
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 10001;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%
}

tool-tip[data-tool-tip-open=true]:before {
  content: "";
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #e0e0e0;
  background-color: #aeb1b8;
  background-color: var(--colorModalBg);
  animation: overlay-on 0.3s forwards;
  cursor: pointer
}

.tool-tip__inner {
  animation: modal-close 0.3s forwards;
  opacity: 0
}

tool-tip[data-tool-tip-open=true] .tool-tip__inner {
  animation: modal-open 0.3s forwards;
  display: block;
  position: fixed;
  background-color: #fff;
  box-shadow: 0 10px 20px rgba(0, 0, 0, .0902);
  padding: 30px;
  max-width: 720px
}

@media only screen and (max-width:589px) {
  tool-tip[data-tool-tip-open=true] .tool-tip__inner {
    width: 100%;
    max-width: 93%
  }
}

.tool-tip__content {
  overflow: auto;
  max-height: 80vh
}

@media only screen and (max-width:589px) {
  .tool-tip__content {
    font-size: .85em
  }
}

.tool-tip__close {
  position: absolute;
  top: 0;
  right: 0
}

.tool-tip__close .icon {
  width: 28px;
  height: 28px
}

.tool-tip-trigger {
  cursor: pointer;
  background: none;
  border: 0
}

.tool-tip-trigger .icon {
  width: 28px;
  height: 28px
}

.tool-tip-trigger__title {
  display: inline-block
}

.tool-tip-trigger__title:focus,
.tool-tip-trigger__title:hover {
  text-decoration: underline;
  text-underline-offset: 2px
}

.tool-tip-trigger__content {
  display: none !important
}

*,
:after,
:before,
input {
  box-sizing: border-box
}

body,
html {
  padding: 0;
  margin: 0
}

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

audio,
canvas,
progress,
video {
  display: inline-block;
  vertical-align: baseline
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
  height: auto
}

input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-decoration {
  -webkit-appearance: none
}

.clearfix:after {
  content: "";
  display: table;
  clear: both
}

html:not(.no-js):not(.tab-outline) :focus {
  outline: none
}

.is-transitioning {
  display: block !important;
  visibility: visible !important
}

.display-table {
  display: table;
  table-layout: fixed;
  width: 100%
}

.display-table-cell {
  display: table-cell;
  vertical-align: middle;
  float: none !important
}

@media only screen and (min-width:590px) {
  .medium-up--display-table {
    display: table;
    table-layout: fixed;
    width: 100%
  }

  .medium-up--display-table-cell {
    display: table-cell;
    vertical-align: middle;
    float: none
  }
}

.visually-hidden {
  clip: rect(0, 0, 0, 0);
  overflow: hidden;
  position: absolute;
  height: 1px;
  width: 1px
}

.visually-invisible {
  opacity: 0 !important
}

.skip-link:focus {
  clip: auto;
  width: auto;
  height: auto;
  margin: 0;
  color: #1c1d1d;
  color: var(--colorTextBody);
  background-color: #fff;
  background-color: var(--colorBody);
  padding: 10px;
  opacity: 1;
  z-index: 10000;
  transition: none
}

.grid:after {
  content: "";
  display: table;
  clear: both
}

.grid {
  list-style: none;
  margin: 0;
  padding: 0;
  margin-left: -30px
}

@media only screen and (max-width:589px) {
  .grid {
    margin-left: -22px
  }

  html[dir=rtl] .grid {
    margin-left: 0;
    margin-right: -22px
  }
}

html[dir=rtl] .grid {
  margin-left: 0;
  margin-right: -30px
}

.grid--small {
  margin-left: -10px
}

.grid--small .grid__item {
  padding-left: 10px
}

.grid__item {
  float: left;
  padding-left: 30px;
  width: 100%;
  min-height: 1px
}

@media only screen and (max-width:589px) {
  .grid__item {
    padding-left: 22px
  }

  html[dir=rtl] .grid__item {
    padding-left: 0;
    padding-right: 22px
  }
}

.grid__item[class*="--push"] {
  position: relative
}

html[dir=rtl] .grid__item {
  float: right;
  padding-left: 0;
  padding-right: 30px
}

html[dir=rtl] .grid__item[class*="--push"] {
  position: static
}

.grid--no-gutters {
  margin-left: 0
}

.grid--no-gutters .grid__item {
  padding-left: 0
}

.grid--small-gutters {
  margin-left: -10px;
  margin-bottom: -10px
}

.grid--small-gutters .grid__item {
  padding-left: 10px;
  padding-bottom: 10px
}

html[dir=rtl] .grid--small-gutters {
  margin-left: 0;
  margin-right: -10px
}

html[dir=rtl] .grid--small-gutters .grid__item {
  padding-left: 0;
  padding-right: 10px
}

.grid--flush-bottom {
  margin-bottom: -30px;
  overflow: auto
}

.grid--flush-bottom>.grid__item {
  margin-bottom: 30px
}

.grid--full {
  margin-left: 0
}

.grid--full>.grid__item {
  padding-left: 0
}

@media only screen and (min-width:590px) {
  .grid--table-large {
    display: table;
    width: 100%;
    table-layout: fixed
  }

  .grid--table-large>.grid__item {
    display: table-cell;
    vertical-align: middle;
    float: none
  }
}

@media only screen and (max-width:589px) {
  .small--grid--flush {
    margin-left: -2px
  }

  .page-width .small--grid--flush {
    margin-left: -20px;
    margin-right: -18px
  }

  .small--grid--flush>.grid__item {
    padding-left: 2px
  }

  .small--grid--flush .grid__item--collection-template {
    padding: 0 20px
  }
}

.one-whole {
  width: 100%
}

.one-half {
  width: 50%
}

.one-third {
  width: 33.33333%
}

.two-thirds {
  width: 66.66667%
}

.one-quarter {
  width: 25%
}

.auto-width {
  width: auto
}

.two-quarters {
  width: 50%
}

.three-quarters {
  width: 75%
}

.one-fifth {
  width: 20%
}

.two-fifths {
  width: 40%
}

.three-fifths {
  width: 60%
}

.four-fifths {
  width: 80%
}

.one-sixth {
  width: 16.66667%
}

.two-sixths {
  width: 33.33333%
}

.three-sixths {
  width: 50%
}

.four-sixths {
  width: 66.66667%
}

.five-sixths {
  width: 83.33333%
}

.one-eighth {
  width: 12.5%
}

.two-eighths {
  width: 25%
}

.three-eighths {
  width: 37.5%
}

.four-eighths {
  width: 50%
}

.five-eighths {
  width: 62.5%
}

.six-eighths {
  width: 75%
}

.seven-eighths {
  width: 87.5%
}

.one-tenth {
  width: 10%
}

.two-tenths {
  width: 20%
}

.three-tenths {
  width: 30%
}

.four-tenths {
  width: 40%
}

.five-tenths {
  width: 50%
}

.six-tenths {
  width: 60%
}

.seven-tenths {
  width: 70%
}

.eight-tenths {
  width: 80%
}

.nine-tenths {
  width: 90%
}

.one-twelfth {
  width: 8.33333%
}

.two-twelfths {
  width: 16.66667%
}

.three-twelfths {
  width: 25%
}

.four-twelfths {
  width: 33.33333%
}

.five-twelfths {
  width: 41.66667%
}

.six-twelfths {
  width: 50%
}

.seven-twelfths {
  width: 58.33333%
}

.eight-twelfths {
  width: 66.66667%
}

.nine-twelfths {
  width: 75%
}

.ten-twelfths {
  width: 83.33333%
}

.eleven-twelfths {
  width: 91.66667%
}

@media only screen and (max-width:589px) {
  .small--one-whole {
    width: 100%
  }

  .small--one-half {
    width: 50%
  }

  .small--one-third {
    width: 33.33333%
  }

  .small--two-thirds {
    width: 66.66667%
  }

  .grid--uniform .small--one-half:nth-of-type(odd),
  .grid--uniform .small--one-third:nth-of-type(3n+1) {
    clear: both
  }

  .small--one-quarter {
    width: 25%
  }

  .small--two-quarters {
    width: 50%
  }

  .small--three-quarters {
    width: 75%
  }

  .grid--uniform .small--one-quarter:nth-of-type(4n+1) {
    clear: both
  }

  .small--one-fifth {
    width: 20%
  }

  .small--two-fifths {
    width: 40%
  }

  .small--three-fifths {
    width: 60%
  }

  .small--four-fifths {
    width: 80%
  }

  .grid--uniform .small--one-fifth:nth-of-type(5n+1) {
    clear: both
  }

  .small--one-sixth {
    width: 16.66667%
  }

  .small--two-sixths {
    width: 33.33333%
  }

  .small--three-sixths {
    width: 50%
  }

  .small--four-sixths {
    width: 66.66667%
  }

  .small--five-sixths {
    width: 83.33333%
  }

  .grid--uniform .small--one-sixth:nth-of-type(6n+1),
  .grid--uniform .small--three-sixths:nth-of-type(odd),
  .grid--uniform .small--two-sixths:nth-of-type(3n+1) {
    clear: both
  }

  .small--one-eighth {
    width: 12.5%
  }

  .small--two-eighths {
    width: 25%
  }

  .small--three-eighths {
    width: 37.5%
  }

  .small--four-eighths {
    width: 50%
  }

  .small--five-eighths {
    width: 62.5%
  }

  .small--six-eighths {
    width: 75%
  }

  .small--seven-eighths {
    width: 87.5%
  }

  .grid--uniform .small--four-eighths:nth-of-type(odd),
  .grid--uniform .small--one-eighth:nth-of-type(8n+1),
  .grid--uniform .small--two-eighths:nth-of-type(4n+1) {
    clear: both
  }

  .small--one-tenth {
    width: 10%
  }

  .small--two-tenths {
    width: 20%
  }

  .small--three-tenths {
    width: 30%
  }

  .small--four-tenths {
    width: 40%
  }

  .small--five-tenths {
    width: 50%
  }

  .small--six-tenths {
    width: 60%
  }

  .small--seven-tenths {
    width: 70%
  }

  .small--eight-tenths {
    width: 80%
  }

  .small--nine-tenths {
    width: 90%
  }

  .grid--uniform .small--five-tenths:nth-of-type(odd) {
    clear: both
  }

  .small--one-twelfth {
    width: 8.33333%
  }

  .small--two-twelfths {
    width: 16.66667%
  }

  .small--three-twelfths {
    width: 25%
  }

  .small--four-twelfths {
    width: 33.33333%
  }

  .small--five-twelfths {
    width: 41.66667%
  }

  .small--six-twelfths {
    width: 50%
  }

  .small--seven-twelfths {
    width: 58.33333%
  }

  .small--eight-twelfths {
    width: 66.66667%
  }

  .small--nine-twelfths {
    width: 75%
  }

  .small--ten-twelfths {
    width: 83.33333%
  }

  .small--eleven-twelfths {
    width: 91.66667%
  }

  .grid--uniform .small--four-twelfths:nth-of-type(3n+1),
  .grid--uniform .small--one-twelfth:nth-of-type(12n+1),
  .grid--uniform .small--six-twelfths:nth-of-type(odd),
  .grid--uniform .small--three-twelfths:nth-of-type(4n+1),
  .grid--uniform .small--two-twelfths:nth-of-type(6n+1) {
    clear: both
  }
}

@media only screen and (min-width:590px) {
  .medium-up--one-whole {
    width: 100%
  }

  .medium-up--one-half {
    width: 50%
  }

  .medium-up--one-third {
    width: 33.33333%
  }

  .medium-up--two-thirds {
    width: 66.66667%
  }

  .grid--uniform .medium-up--one-half:nth-of-type(odd) {
    clear: both
  }

  .medium-up--one-quarter {
    width: 25%
  }

  .medium-up--two-quarters {
    width: 50%
  }

  .medium-up--three-quarters {
    width: 75%
  }

  .grid--uniform .medium-up--one-quarter:nth-of-type(4n+1) {
    clear: both
  }

  .medium-up--one-fifth {
    width: 20%
  }

  .medium-up--two-fifths {
    width: 40%
  }

  .medium-up--three-fifths {
    width: 60%
  }

  .medium-up--four-fifths {
    width: 80%
  }

  .grid--uniform .medium-up--one-fifth:nth-of-type(5n+1) {
    clear: both
  }

  .medium-up--one-sixth {
    width: 16.66667%
  }

  .medium-up--two-sixths {
    width: 33.33333%
  }

  .medium-up--three-sixths {
    width: 50%
  }

  .medium-up--four-sixths {
    width: 66.66667%
  }

  .medium-up--five-sixths {
    width: 83.33333%
  }

  .grid--uniform .medium-up--one-sixth:nth-of-type(6n+1),
  .grid--uniform .medium-up--three-sixths:nth-of-type(odd),
  .grid--uniform .medium-up--two-sixths:nth-of-type(3n+1) {
    clear: both
  }

  .medium-up--one-eighth {
    width: 12.5%
  }

  .medium-up--two-eighths {
    width: 25%
  }

  .medium-up--three-eighths {
    width: 37.5%
  }

  .medium-up--four-eighths {
    width: 50%
  }

  .medium-up--five-eighths {
    width: 62.5%
  }

  .medium-up--six-eighths {
    width: 75%
  }

  .medium-up--seven-eighths {
    width: 87.5%
  }

  .grid--uniform .medium-up--four-eighths:nth-of-type(odd),
  .grid--uniform .medium-up--one-eighth:nth-of-type(8n+1),
  .grid--uniform .medium-up--two-eighths:nth-of-type(4n+1) {
    clear: both
  }

  .medium-up--one-tenth {
    width: 10%
  }

  .medium-up--two-tenths {
    width: 20%
  }

  .medium-up--three-tenths {
    width: 30%
  }

  .medium-up--four-tenths {
    width: 40%
  }

  .medium-up--five-tenths {
    width: 50%
  }

  .medium-up--six-tenths {
    width: 60%
  }

  .medium-up--seven-tenths {
    width: 70%
  }

  .medium-up--eight-tenths {
    width: 80%
  }

  .medium-up--nine-tenths {
    width: 90%
  }

  .grid--uniform .medium-up--five-tenths:nth-of-type(odd) {
    clear: both
  }

  .medium-up--one-twelfth {
    width: 8.33333%
  }

  .medium-up--two-twelfths {
    width: 16.66667%
  }

  .medium-up--three-twelfths {
    width: 25%
  }

  .medium-up--four-twelfths {
    width: 33.33333%
  }

  .medium-up--five-twelfths {
    width: 41.66667%
  }

  .medium-up--six-twelfths {
    width: 50%
  }

  .medium-up--seven-twelfths {
    width: 58.33333%
  }

  .medium-up--eight-twelfths {
    width: 66.66667%
  }

  .medium-up--nine-twelfths {
    width: 75%
  }

  .medium-up--ten-twelfths {
    width: 83.33333%
  }

  .medium-up--eleven-twelfths {
    width: 91.66667%
  }

  .grid--uniform .medium-up--four-twelfths:nth-of-type(3n+1),
  .grid--uniform .medium-up--one-twelfth:nth-of-type(12n+1),
  .grid--uniform .medium-up--six-twelfths:nth-of-type(odd),
  .grid--uniform .medium-up--three-twelfths:nth-of-type(4n+1),
  .grid--uniform .medium-up--two-twelfths:nth-of-type(6n+1) {
    clear: both
  }
}

@media only screen and (min-width:1050px) {
  .widescreen--one-whole {
    width: 100%
  }

  .widescreen--one-half {
    width: 50%
  }

  .widescreen--one-third {
    width: 33.33333%
  }

  .widescreen--two-thirds {
    width: 66.66667%
  }

  .grid--uniform .widescreen--one-half:nth-of-type(odd),
  .grid--uniform .widescreen--one-third:nth-of-type(3n+1) {
    clear: both
  }

  .widescreen--one-quarter {
    width: 25%
  }

  .widescreen--two-quarters {
    width: 50%
  }

  .widescreen--three-quarters {
    width: 75%
  }

  .grid--uniform .widescreen--one-quarter:nth-of-type(4n+1) {
    clear: both
  }

  .widescreen--one-fifth {
    width: 20%
  }

  .widescreen--two-fifths {
    width: 40%
  }

  .widescreen--three-fifths {
    width: 60%
  }

  .widescreen--four-fifths {
    width: 80%
  }

  .grid--uniform .widescreen--one-fifth:nth-of-type(5n+1) {
    clear: both
  }

  .widescreen--one-sixth {
    width: 16.66667%
  }

  .widescreen--two-sixths {
    width: 33.33333%
  }

  .widescreen--three-sixths {
    width: 50%
  }

  .widescreen--four-sixths {
    width: 66.66667%
  }

  .widescreen--five-sixths {
    width: 83.33333%
  }

  .grid--uniform .widescreen--one-sixth:nth-of-type(6n+1),
  .grid--uniform .widescreen--three-sixths:nth-of-type(odd),
  .grid--uniform .widescreen--two-sixths:nth-of-type(3n+1) {
    clear: both
  }

  .widescreen--one-eighth {
    width: 12.5%
  }

  .widescreen--two-eighths {
    width: 25%
  }

  .widescreen--three-eighths {
    width: 37.5%
  }

  .widescreen--four-eighths {
    width: 50%
  }

  .widescreen--five-eighths {
    width: 62.5%
  }

  .widescreen--six-eighths {
    width: 75%
  }

  .widescreen--seven-eighths {
    width: 87.5%
  }

  .grid--uniform .widescreen--four-eighths:nth-of-type(odd),
  .grid--uniform .widescreen--one-eighth:nth-of-type(8n+1),
  .grid--uniform .widescreen--two-eighths:nth-of-type(4n+1) {
    clear: both
  }

  .widescreen--one-tenth {
    width: 10%
  }

  .widescreen--two-tenths {
    width: 20%
  }

  .widescreen--three-tenths {
    width: 30%
  }

  .widescreen--four-tenths {
    width: 40%
  }

  .widescreen--five-tenths {
    width: 50%
  }

  .widescreen--six-tenths {
    width: 60%
  }

  .widescreen--seven-tenths {
    width: 70%
  }

  .widescreen--eight-tenths {
    width: 80%
  }

  .widescreen--nine-tenths {
    width: 90%
  }

  .grid--uniform .widescreen--five-tenths:nth-of-type(odd) {
    clear: both
  }

  .widescreen--one-twelfth {
    width: 8.33333%
  }

  .widescreen--two-twelfths {
    width: 16.66667%
  }

  .widescreen--three-twelfths {
    width: 25%
  }

  .widescreen--four-twelfths {
    width: 33.33333%
  }

  .widescreen--five-twelfths {
    width: 41.66667%
  }

  .widescreen--six-twelfths {
    width: 50%
  }

  .widescreen--seven-twelfths {
    width: 58.33333%
  }

  .widescreen--eight-twelfths {
    width: 66.66667%
  }

  .widescreen--nine-twelfths {
    width: 75%
  }

  .widescreen--ten-twelfths {
    width: 83.33333%
  }

  .widescreen--eleven-twelfths {
    width: 91.66667%
  }

  .grid--uniform .widescreen--four-twelfths:nth-of-type(3n+1),
  .grid--uniform .widescreen--one-twelfth:nth-of-type(12n+1),
  .grid--uniform .widescreen--six-twelfths:nth-of-type(odd),
  .grid--uniform .widescreen--three-twelfths:nth-of-type(4n+1),
  .grid--uniform .widescreen--two-twelfths:nth-of-type(6n+1) {
    clear: both
  }
}

@media only screen and (min-width:590px) {
  .medium-up--push-one-half {
    left: 50%
  }

  .medium-up--push-one-third {
    left: 33.33333%
  }

  .medium-up--push-two-thirds {
    left: 66.66667%
  }

  .medium-up--push-one-quarter {
    left: 25%
  }

  .medium-up--push-two-quarters {
    left: 50%
  }

  .medium-up--push-three-quarters {
    left: 75%
  }

  .medium-up--push-one-fifth {
    left: 20%
  }

  .medium-up--push-two-fifths {
    left: 40%
  }

  .medium-up--push-three-fifths {
    left: 60%
  }

  .medium-up--push-four-fifths {
    left: 80%
  }

  .medium-up--push-one-sixth {
    left: 16.66667%
  }

  .medium-up--push-two-sixths {
    left: 33.33333%
  }

  .medium-up--push-three-sixths {
    left: 50%
  }

  .medium-up--push-four-sixths {
    left: 66.66667%
  }

  .medium-up--push-five-sixths {
    left: 83.33333%
  }

  .medium-up--push-one-eighth {
    left: 12.5%
  }

  .medium-up--push-two-eighths {
    left: 25%
  }

  .medium-up--push-three-eighths {
    left: 37.5%
  }

  .medium-up--push-four-eighths {
    left: 50%
  }

  .medium-up--push-five-eighths {
    left: 62.5%
  }

  .medium-up--push-six-eighths {
    left: 75%
  }

  .medium-up--push-seven-eighths {
    left: 87.5%
  }

  .medium-up--push-one-tenth {
    left: 10%
  }

  .medium-up--push-two-tenths {
    left: 20%
  }

  .medium-up--push-three-tenths {
    left: 30%
  }

  .medium-up--push-four-tenths {
    left: 40%
  }

  .medium-up--push-five-tenths {
    left: 50%
  }

  .medium-up--push-six-tenths {
    left: 60%
  }

  .medium-up--push-seven-tenths {
    left: 70%
  }

  .medium-up--push-eight-tenths {
    left: 80%
  }

  .medium-up--push-nine-tenths {
    left: 90%
  }

  .medium-up--push-one-twelfth {
    left: 8.33333%
  }

  .medium-up--push-two-twelfths {
    left: 16.66667%
  }

  .medium-up--push-three-twelfths {
    left: 25%
  }

  .medium-up--push-four-twelfths {
    left: 33.33333%
  }

  .medium-up--push-five-twelfths {
    left: 41.66667%
  }

  .medium-up--push-six-twelfths {
    left: 50%
  }

  .medium-up--push-seven-twelfths {
    left: 58.33333%
  }

  .medium-up--push-eight-twelfths {
    left: 66.66667%
  }

  .medium-up--push-nine-twelfths {
    left: 75%
  }

  .medium-up--push-ten-twelfths {
    left: 83.33333%
  }

  .medium-up--push-eleven-twelfths {
    left: 91.66667%
  }
}

.show {
  display: block !important
}

.hide {
  display: none !important
}

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

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

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

@media only screen and (max-width:589px) {
  .small--show {
    display: block !important
  }

  .small--hide {
    display: none !important
  }

  .small--text-left {
    text-align: left !important
  }

  .small--text-right {
    text-align: right !important
  }

  .small--text-center {
    text-align: center !important
  }
}

@media only screen and (max-width:1026px) {
  .medium-down--show {
    display: block !important
  }

  .medium-down--hide {
    display: none !important
  }

  .medium-down--text-left {
    text-align: left !important
  }

  .medium-down--text-right {
    text-align: right !important
  }

  .medium-down--text-center {
    text-align: center !important
  }
}

@media only screen and (min-width:590px) {
  .medium-up--show {
    display: block !important
  }

  .medium-up--hide {
    display: none !important
  }

  .medium-up--text-left {
    text-align: left !important
  }

  .medium-up--text-right {
    text-align: right !important
  }

  .medium-up--text-center {
    text-align: center !important
  }
}

@media only screen and (min-width:1026px) {
  .large-up--show {
    display: block !important
  }

  .large-up--hide {
    display: none !important
  }

  .large-up--text-left {
    text-align: left !important
  }

  .large-up--text-right {
    text-align: right !important
  }

  .large-up--text-center {
    text-align: center !important
  }
}

@media only screen and (min-width:1050px) {
  .widescreen--show {
    display: block !important
  }

  .widescreen--hide {
    display: none !important
  }

  .widescreen--text-left {
    text-align: left !important
  }

  .widescreen--text-right {
    text-align: right !important
  }

  .widescreen--text-center {
    text-align: center !important
  }
}

html {
  touch-action: manipulation
}

html[dir=rtl] {
  direction: rtl
}

body,
html {
  background-color: #fff;
  background-color: var(--colorBody);
  color: #1c1d1d;
  color: var(--colorTextBody)
}

.page-width {
  max-width: 1300px;
  margin: 0 auto
}

.page-width--narrow {
  max-width: 1000px;
  margin: 0 auto
}

.page-full,
.page-width {
  padding: 0 20px
}

@media only screen and (min-width:590px) {

  .page-full,
  .page-width {
    padding: 0 40px
  }
}

@media only screen and (max-width:589px) {
  .page-width--flush-small {
    padding: 0
  }
}

.page-content,
.shopify-email-marketing-confirmation__container,
.shopify-policy__container {
  padding-top: 30px;
  padding-bottom: 30px
}

.page-content.aaa {
  padding-top: 10px;
  padding-bottom: 10px
}

@media only screen and (min-width:590px) {

  .page-content,
  .shopify-email-marketing-confirmation__container,
  .shopify-policy__container {
    padding-top: 60px;
    padding-bottom: 60px
  }

  .page-content.aaa {
    padding-top: 10px;
    padding-bottom: 10px
  }
}

.shopify-email-marketing-confirmation__container {
  text-align: center
}

.page-content--with-blocks {
  padding-bottom: 0
}

@media only screen and (max-width:589px) {
  .product-section .page-content {
    padding-top: 20px
  }
}

.main-content {
  display: block;
  min-height: 300px
}

@media only screen and (min-width:590px) {
  .main-content {
    min-height: 700px
  }
}

.template-challange .main-content {
  min-height: 0
}

.hr--large,
.hr--medium,
.hr--small,
hr {
  height: 1px;
  border: 0;
  border-top: 1px solid;
  border-top-color: #e8e8e1;
  border-top-color: var(--colorBorder)
}

.hr--small {
  margin: 15px auto
}

.hr--medium {
  margin: 25px auto
}

@media only screen and (min-width:590px) {
  .hr--medium {
    margin: 35px auto
  }
}

.hr--large {
  margin: 40px auto
}

@media only screen and (min-width:590px) {
  .hr--large {
    margin: 60px auto
  }
}

.page-blocks .hr--large {
  margin-top: 0
}

.hr--clear {
  border: 0
}

@media only screen and (max-width:589px) {
  .table--responsive thead {
    display: none
  }

  .table--responsive tr {
    display: block
  }

  .table--responsive td,
  .table--responsive tr {
    float: left;
    clear: both;
    width: 100%
  }

  .table--responsive td,
  .table--responsive th {
    display: block;
    text-align: right;
    padding: 15px
  }

  .table--responsive td:before {
    font-family: var(--typeHeaderPrimary), var(--typeHeaderFallback);
    font-weight: var(--typeHeaderWeight);
    letter-spacing: var(--typeHeaderSpacing);
    line-height: var(--typeHeaderLineHeight)
  }

  [data-type_header_capitalize=true] .table--responsive td:before {
    text-transform: uppercase
  }

  [data-type_header_accent_transform=true] .table--responsive td:before {
    text-transform: uppercase;
    letter-spacing: .2em
  }

  .table--responsive td:before {
    content: attr(data-label);
    float: left;
    font-size: 12px;
    padding-right: 10px
  }
}

@media only screen and (max-width:589px) {
  .table--small-hide {
    display: none !important
  }

  .table__section+.table__section {
    position: relative;
    margin-top: 10px;
    padding-top: 15px
  }

  .table__section+.table__section:after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 15px;
    right: 15px;
    border-bottom: 1px solid;
    border-bottom-color: #e8e8e1;
    border-bottom-color: var(--colorBorder)
  }
}

body,
button,
input,
p,
select,
textarea {
  font-family: var(--typeBasePrimary), var(--typeBaseFallback);
  font-weight: var(--typeBaseWeight);
  letter-spacing: var(--typeBaseSpacing);
  line-height: var(--typeBaseLineHeight);
  font-size: var(--typeBaseSize);
  -webkit-font-smoothing: antialiased;
  -webkit-text-size-adjust: 100%;
  text-rendering: optimizeSpeed
}

body {
  font-weight: 400
}

p {
  margin: 0 0 20px 0
}

p img {
  margin: 0
}

em {
  font-style: italic
}

b,
strong {
  font-weight: 700
}

p[data-spam-detection-disclaimer],
small {
  font-size: .9em
}

p[data-spam-detection-disclaimer] {
  text-align: center
}

sub,
sup {
  position: relative;
  font-size: 60%;
  vertical-align: baseline
}

sup {
  top: -.5em
}

sub {
  bottom: -.5em
}

.rte blockquote,
blockquote {
  margin: 0;
  padding: 20px 40px 40px
}

.rte blockquote p,
blockquote p {
  font-size: calc(var(--typeBaseSize) + 1px)
}

@media only screen and (min-width:590px) {

  .rte blockquote p,
  blockquote p {
    font-size: calc(var(--typeBaseSize) + 3px)
  }
}

.rte blockquote p,
blockquote p {
  margin-bottom: 0
}

.rte blockquote p+cite,
blockquote p+cite {
  margin-top: 20px
}

.rte blockquote cite,
blockquote cite {
  display: block
}

.rte blockquote cite:before,
blockquote cite:before {
  content: "\2014 \0020"
}

code,
pre {
  background-color: #faf7f5;
  font-family: Consolas, monospace;
  font-size: 1em;
  border: 0 none;
  padding: 0 2px;
  color: #51ab62
}

pre {
  overflow: auto;
  padding: 20px;
  margin: 0 0 40px
}

.label,
label {
  font-family: var(--typeHeaderPrimary), var(--typeHeaderFallback);
  font-weight: var(--typeHeaderWeight);
  letter-spacing: var(--typeHeaderSpacing);
  line-height: var(--typeHeaderLineHeight)
}

[data-type_header_capitalize=true] .label,
[data-type_header_capitalize=true] label {
  text-transform: uppercase
}

[data-type_header_accent_transform=true] .label,
[data-type_header_accent_transform=true] label {
  text-transform: uppercase;
  letter-spacing: .2em
}

.label,
label {
  font-size: calc(var(--typeBaseSize)*0.8)
}

[data-type_header_accent_transform=true] .label,
[data-type_header_accent_transform=true] label {
  font-size: calc(var(--typeBaseSize)*0.75)
}

@media only screen and (min-width:590px) {

  .label,
  label {
    font-size: calc(var(--typeBaseSize)*0.88)
  }

  [data-type_header_accent_transform=true] .label,
  [data-type_header_accent_transform=true] label {
    font-size: calc(var(--typeBaseSize)*0.8)
  }
}

.collapsible-content .label,
.collapsible-content label {
  font-family: var(--typeBasePrimary), var(--typeBaseFallback);
  font-weight: var(--typeBaseWeight);
  letter-spacing: var(--typeBaseSpacing);
  line-height: var(--typeBaseLineHeight);
  text-transform: none;
  font-size: calc(var(--typeBaseSize) - 3px)
}

#comments .label,
#comments label {
  font-family: var(--typeBasePrimary), var(--typeBaseFallback);
  font-weight: var(--typeBaseWeight);
  letter-spacing: var(--typeBaseSpacing);
  line-height: var(--typeBaseLineHeight);
  text-transform: none;
  font-size: calc(var(--typeBaseSize) - 3px)
}

.ajaxcart__note .label,
.ajaxcart__note label {
  font-family: var(--typeBasePrimary), var(--typeBaseFallback);
  font-weight: var(--typeBaseWeight);
  letter-spacing: var(--typeBaseSpacing);
  line-height: var(--typeBaseLineHeight);
  text-transform: none;
  font-size: calc(var(--typeBaseSize) - 3px)
}

.template-page .contact-form .label,
.template-page .contact-form label {
  font-family: var(--typeBasePrimary), var(--typeBaseFallback);
  font-weight: var(--typeBaseWeight);
  letter-spacing: var(--typeBaseSpacing);
  line-height: var(--typeBaseLineHeight);
  text-transform: none;
  font-size: var(--typeBaseSize)
}

label {
  display: block;
  margin-bottom: 10px
}

.label-info {
  display: block;
  margin-bottom: 10px
}

.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: var(--typeHeaderPrimary), var(--typeHeaderFallback);
  font-weight: var(--typeHeaderWeight);
  letter-spacing: var(--typeHeaderSpacing);
  line-height: var(--typeHeaderLineHeight)
}

[data-type_header_capitalize=true] .h1,
[data-type_header_capitalize=true] .h2,
[data-type_header_capitalize=true] .h3,
[data-type_header_capitalize=true] .h4,
[data-type_header_capitalize=true] .h5,
[data-type_header_capitalize=true] .h6,
[data-type_header_capitalize=true] h1,
[data-type_header_capitalize=true] h2,
[data-type_header_capitalize=true] h3,
[data-type_header_capitalize=true] h4,
[data-type_header_capitalize=true] h5,
[data-type_header_capitalize=true] h6 {
  text-transform: uppercase
}

.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
h1,
h2,
h3,
h4,
h5,
h6 {
  display: block;
  margin: 0 0 10px
}

.h1 a,
.h2 a,
.h3 a,
.h4 a,
.h5 a,
.h6 a,
h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a {
  text-decoration: none;
  font-weight: inherit
}

@media only screen and (min-width:590px) {

  .h1,
  .h2,
  .h3,
  .h4,
  .h5,
  .h6,
  h1,
  h2,
  h3,
  h4,
  h5,
  h6 {
    margin: 0 0 20px
  }
}

.h1,
h1 {
  font-size: calc(var(--typeHeaderSize)*0.85)
}

@media only screen and (min-width:590px) {

  .h1,
  h1 {
    font-size: var(--typeHeaderSize)
  }
}

.h2,
h2 {
  font-size: calc(var(--typeHeaderSize)*0.9*0.85)
}

@media only screen and (min-width:590px) {

  .h2,
  h2 {
    font-size: calc(var(--typeHeaderSize)*0.9)
  }
}

.h3,
h3 {
  font-size: calc(var(--typeHeaderSize)*0.85*0.85)
}

@media only screen and (min-width:590px) {

  .h3,
  h3 {
    font-size: calc(var(--typeHeaderSize)*0.85)
  }
}

.h4,
h4 {
  font-size: calc(var(--typeHeaderSize)*0.61*0.85)
}

@media only screen and (min-width:590px) {

  .h4,
  h4 {
    font-size: calc(var(--typeHeaderSize)*0.61)
  }
}

.h5 h6,
.h6,
h5 {
  font-size: calc(var(--typeHeaderSize)*0.5)
}

.text-spacing {
  margin-bottom: 20px
}

.subheading {
  font-family: var(--typeBasePrimary), var(--typeBaseFallback);
  font-weight: var(--typeBaseWeight);
  letter-spacing: var(--typeBaseSpacing);
  line-height: var(--typeBaseLineHeight)
}

[data-type_base_accent_transform=true] .subheading {
  text-transform: uppercase;
  letter-spacing: .2em
}

.rte h1 {
  font-size: calc(var(--typeHeaderSize)*0.85)
}

@media only screen and (min-width:590px) {
  .rte h1 {
    font-size: var(--typeHeaderSize)
  }
}

.rte h2 {
  font-size: calc(var(--typeHeaderSize)*0.85*0.85)
}

@media only screen and (min-width:590px) {
  .rte h2 {
    font-size: calc(var(--typeHeaderSize)*0.85)
  }
}

.rte h3 {
  font-size: calc(var(--typeHeaderSize)*0.69*0.85)
}

@media only screen and (min-width:590px) {
  .rte h3 {
    font-size: calc(var(--typeHeaderSize)*0.69)
  }
}

.rte h4 {
  font-size: calc(var(--typeHeaderSize)*0.59*0.85)
}

@media only screen and (min-width:590px) {
  .rte h4 {
    font-size: calc(var(--typeHeaderSize)*0.59)
  }
}

.collapsible-content .rte table {
  font-size: calc(var(--typeBaseSize) - 3px)
}

.collapsible-content .rte table td,
.collapsible-content .rte table th {
  padding: 6px 8px
}

@media only screen and (max-width:589px) {
  .rte table {
    font-size: calc(var(--typeBaseSize) - 3px)
  }

  .rte table td,
  .rte table th {
    padding: 6px 8px
  }
}

.larger-text .h3 {
  font-size: calc(var(--typeHeaderSize)*0.85)
}

@media only screen and (min-width:590px) {
  .larger-text .h3 {
    font-size: var(--typeHeaderSize)
  }

  .collection-custom-black.larger-text .h3 {
    font-size: calc(var(--typeHeaderSize)*1.15)
  }
}

.larger-text p {
  font-size: calc(var(--typeBaseSize) + 1px)
}

@media only screen and (min-width:590px) {
  .larger-text p {
    font-size: calc(var(--typeBaseSize) + 2px)
  }
}

.larger-text .subtitle {
  font-family: var(--typeBasePrimary), var(--typeBaseFallback);
  font-weight: var(--typeBaseWeight);
  letter-spacing: var(--typeBaseSpacing);
  line-height: var(--typeBaseLineHeight)
}

[data-type_base_accent_transform=true] .larger-text .subtitle {
  text-transform: uppercase;
  letter-spacing: .2em
}

.larger-text .subtitle {
  font-size: var(--typeBaseSize);
  margin-bottom: 5px
}

[data-type_base_accent_transform=true] .larger-text .subtitle {
  font-size: calc(var(--typeBaseSize)*0.85)
}

@media only screen and (min-width:590px) {
  .larger-text .subtitle {
    font-size: calc(var(--typeBaseSize)*1.13)
  }

  [data-type_base_accent_transform=true] .larger-text .subtitle {
    font-size: var(--typeBaseSize)
  }
}

.date {
  display: inline-block;
  line-height: 1.7;
  margin-bottom: 5px;
  font-family: var(--typeHeaderPrimary), var(--typeHeaderFallback);
  font-weight: var(--typeHeaderWeight);
  letter-spacing: var(--typeHeaderSpacing);
  line-height: var(--typeHeaderLineHeight)
}

[data-type_header_capitalize=true] .date {
  text-transform: uppercase
}

[data-type_header_accent_transform=true] .date {
  text-transform: uppercase;
  letter-spacing: .2em
}

@media only screen and (min-width:590px) {
  .date {
    margin-bottom: 0
  }
}

.section-header .date:last-child {
  margin-bottom: 40px
}

.comment-author {
  margin-bottom: 0;
  font-size: 16px
}

.comment-date {
  font-family: var(--typeBasePrimary), var(--typeBaseFallback);
  font-weight: var(--typeBaseWeight);
  letter-spacing: var(--typeBaseSpacing);
  line-height: var(--typeBaseLineHeight)
}

[data-type_base_accent_transform=true] .comment-date {
  text-transform: uppercase;
  letter-spacing: .2em
}

.comment-date {
  font-size: 12px;
  display: block;
  margin-top: 3px
}

@media only screen and (max-width:589px) {
  .comment-date {
    font-size: 10px;
    margin-bottom: 20px
  }
}

.ajaxcart__price {
  line-height: 1.2;
  margin-bottom: 10px
}

@media only screen and (max-width:589px) {
  .ajaxcart__price {
    font-size: calc(var(--typeBaseSize)*0.85)
  }
}

.ajaxcart__note {
  font-size: 11px;
  opacity: .8;
  margin-bottom: 15px
}

@media only screen and (min-width:590px) {
  .ajaxcart__note {
    font-size: 13px
  }
}

.cart__savings {
  color: #1c1d1d;
  color: var(--colorSalePrice)
}

.skrim__title {
  font-size: calc(var(--typeHeaderSize)*0.46);
  font-family: var(--typeHeaderPrimary), var(--typeHeaderFallback);
  font-weight: var(--typeHeaderWeight);
  letter-spacing: var(--typeHeaderSpacing);
  line-height: var(--typeHeaderLineHeight)
}

[data-type_header_capitalize=true] .skrim__title {
  text-transform: uppercase
}

@media only screen and (min-width:590px) {
  .skrim__title {
    font-size: calc(var(--typeHeaderSize)*0.71)
  }
}

.rte .enlarge-text {
  margin: 0
}

.rte .enlarge-text p {
  font-size: calc(var(--typeBaseSize)*1.13)
}

.rte .enlarge-text a {
  font-size: calc(var(--typeBaseSize)*1.13);
  margin: 0 auto;
  margin-top: -20px;
  display: block;
  width: fit-content
}

.rte .enlarge-text a .more-btn-act {
  display: none
}

.rte.short-text .enlarge-text p {
  overflow: hidden;
  text-overflow: " ";
  display: -moz-box;
  -moz-box-orient: vertical;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  line-clamp: 2;
  box-orient: vertical;
  transition: all .2s linear
}

.rte.short-text .enlarge-text.search-item__open p {
  -webkit-line-clamp: unset;
  line-clamp: unset
}

.rte.short-text .enlarge-text.search-item__open a span {
  display: none
}

.rte.short-text .enlarge-text.search-item__open a .more-btn-act {
  display: block
}

@media only screen and (min-width:590px) {
  .rte .enlarge-text p {
    font-size: calc(var(--typeBaseSize)*1.4)
  }

  .rte .enlarge-text a {
    font-size: calc(var(--typeBaseSize)*1.4)
  }
}

html[dir=rtl] .text-left {
  text-align: right !important
}

html[dir=rtl] .text-right {
  text-align: left !important
}

.icon-and-text {
  display: flex;
  flex-wrap: nowrap;
  align-items: center
}

.icon-and-text .icon {
  flex: 0 0 auto
}

ol,
ul {
  margin: 0 0 20px 40px;
  padding: 0;
  text-rendering: optimizeLegibility
}

ol ol {
  list-style: lower-alpha
}

ol {
  list-style: decimal
}

ol ol,
ol ul,
ul ol,
ul ul {
  margin: 4px 0 5px 20px
}

li {
  margin-bottom: .15em
}

ul.square {
  list-style: square outside
}

ul.disc {
  list-style: disc outside
}

ol.alpha {
  list-style: lower-alpha outside
}

.no-bullets {
  list-style: none outside;
  margin-left: 0
}

.inline-list {
  padding: 0;
  margin: 0
}

.inline-list li {
  display: inline-block;
  margin-bottom: 0;
  vertical-align: middle
}

table {
  width: 100%;
  border-spacing: 1px;
  position: relative;
  border: 0 none;
  background: #e8e8e1;
  background: transparent
}

.table-wrapper {
  max-width: 100%;
  overflow: auto;
  -webkit-overflow-scrolling: touch
}

td,
th {
  border: 0 none;
  text-align: left;
  padding: 10px 15px;
  background: #fff;
  background: var(--colorBody)
}

html[dir=rtl] td,
html[dir=rtl] th {
  text-align: right
}

th {
  font-weight: 700
}

.table__title,
th {
  font-weight: 700
}

.text-link,
a {
  color: #1c1d1d;
  color: var(--colorTextBody);
  text-decoration: none;
  background: transparent
}

.text-link:hover,
a:hover {
  color: #1c1d1d;
  color: var(--colorTextBody)
}

.customers a {
  text-decoration: none;
  border-bottom: 2px solid;
  border-bottom-color: rgba(28, 29, 29, .1);
  position: relative
}

[data-animate_underlines=true] .customers a:after {
  content: "";
  position: absolute;
  bottom: -2px;
  left: 0;
  width: 100%;
  border-bottom: 2px solid;
  border-bottom-color: #1c1d1d;
  border-bottom-color: var(--colorTextBody);
  transform: scale(0);
  transform-origin: 0 50%;
  transition: transform 0.5s ease
}

[data-animate_underlines=true] .customers a:focus:after,
[data-animate_underlines=true] .customers a:hover:after {
  transform: scale(1)
}

.text-link {
  display: inline;
  border: 0 none;
  background: none;
  padding: 0;
  margin: 0
}

.rte a,
.shopify-email-marketing-confirmation__container a,
.shopify-policy__container a {
  color: #1c1d1d;
  color: var(--colorLink)
}

button {
  overflow: visible;
  color: currentColor
}

button[disabled],
html input[disabled] {
  cursor: default
}

.btn,
.a_btn,
.rte .btn,
.shopify-payment-button .shopify-payment-button__button--unbranded,
.spr-container .spr-button,
.spr-container .spr-summary-actions a {
  font-family: var(--typeHeaderPrimary), var(--typeHeaderFallback);
  font-weight: var(--typeHeaderWeight);
  letter-spacing: var(--typeHeaderSpacing);
  line-height: var(--typeHeaderLineHeight)
}

[data-type_header_capitalize=true] .btn,
[data-type_header_capitalize=true] .rte .btn,
[data-type_header_capitalize=true] .shopify-payment-button .shopify-payment-button__button--unbranded,
[data-type_header_capitalize=true] .spr-container .spr-button,
[data-type_header_capitalize=true] .spr-container .spr-summary-actions a {
  text-transform: uppercase
}

.btn,
.a_btn,
.rte .btn,
.shopify-payment-button .shopify-payment-button__button--unbranded,
.spr-container .spr-button,
.spr-container .spr-summary-actions a {
  display: inline-block;
  padding: 11px 20px;
  margin: 0;
  width: auto;
  min-width: 90px;
  line-height: 1.42;
  font-size: 16px;
  text-decoration: none;
  text-align: center;
  vertical-align: middle;
  white-space: normal;
  cursor: pointer;
  border: 1px solid transparent;
  -webkit-user-select: none;
  user-select: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  border-radius: 0;
  color: #fff;
  color: var(--colorBtnPrimaryText);
  background: #111;
  background: var(--colorBtnPrimary);
  transition: padding-right 0.3s, background 0.3s, opacity 1s
}

@media only screen and (max-width:589px) {

  .btn,
  .a_btn,
  .rte .btn,
  .shopify-payment-button .shopify-payment-button__button--unbranded,
  .spr-container .spr-button,
  .spr-container .spr-summary-actions a {
    font-size: 14px;
    padding: 8px 18px
  }
}

.btn:hover,
.a_btn:hover,
.rte .btn:hover,
.shopify-payment-button .shopify-payment-button__button--unbranded:hover,
.spr-container .spr-button:hover,
.spr-container .spr-summary-actions a:hover {
  color: #fff;
  color: var(--colorBtnPrimaryText);
  background-color: #111;
  background-color: var(--colorBtnPrimary)
}

.btn:active,
.a_btn:active,
.rte .btn:active,
.shopify-payment-button .shopify-payment-button__button--unbranded:active,
.spr-container .spr-button:active,
.spr-container .spr-summary-actions a:active {
  opacity: .6;
  transition: opacity 0.1s ease
}

.btn.disabled,
.btn[disabled],
.rte .btn.disabled,
.rte .btn[disabled],
.shopify-payment-button .shopify-payment-button__button--unbranded.disabled,
.shopify-payment-button .shopify-payment-button__button--unbranded[disabled],
.spr-container .spr-button.disabled,
.spr-container .spr-button[disabled],
.spr-container .spr-summary-actions a.disabled,
.spr-container .spr-summary-actions a[disabled] {
  cursor: default;
  color: #444;
  background-color: #f6f6f6 !important;
  transition: none
}

.btn.disabled:hover,
.btn[disabled]:hover,
.rte .btn.disabled:hover,
.rte .btn[disabled]:hover,
.shopify-payment-button .shopify-payment-button__button--unbranded.disabled:hover,
.shopify-payment-button .shopify-payment-button__button--unbranded[disabled]:hover,
.spr-container .spr-button.disabled:hover,
.spr-container .spr-button[disabled]:hover,
.spr-container .spr-summary-actions a.disabled:hover,
.spr-container .spr-summary-actions a[disabled]:hover {
  color: #444;
  background-color: #f6f6f6
}

.shopify-payment-button .shopify-payment-button__button--unbranded:hover:not([disabled]) {
  color: #fff;
  color: var(--colorBtnPrimaryText);
  background-color: #111;
  background-color: var(--colorBtnPrimary)
}

.shopify-payment-button__more-options {
  color: inherit
}

.btn--no-animate {
  background-image: none;
  transition: opacity 1s
}

[data-animate_buttons=true] .btn:not(.btn--no-animate):not(.btn--tertiary):not(.btn--static) {
  background: #111 url(/cdn/shop/t/16/assets/button-arrow.png) no-repeat 150% 35%;
  background: var(--colorBtnPrimary) url(/cdn/shop/t/16/assets/button-arrow.png) no-repeat 150% 35%;
  background-size: 29px
}

[data-animate_buttons=true] .a_btn {
  background: #111 url(/cdn/shop/t/16/assets/button-arrow.png) no-repeat 150% 35%;
  background: var(--colorBtnPrimary) url(/cdn/shop/t/16/assets/button-arrow.png) no-repeat 150% 35%;
  background-size: 29px
}

[data-animate_buttons=true] .btn:not(.btn--no-animate):not(.btn--tertiary):not(.btn--static).add-to-cart--secondary,
[data-animate_buttons=true] .btn:not(.btn--no-animate):not(.btn--tertiary):not(.btn--static).btn--inverse {
  background-image: url(/cdn/shop/t/16/assets/button-arrow-black.png)
}

[data-animate_buttons=true] .a_btn:not(.btn--no-animate):not(.btn--tertiary):not(.btn--static).add-to-cart--secondary,
[data-animate_buttons=true] .btn:not(.btn--no-animate):not(.btn--tertiary):not(.btn--static).btn--inverse {
  background-image: url(/cdn/shop/t/16/assets/button-arrow-black.png)
}

@media only screen and (-webkit-min-device-pixel-ratio:1.25),
only screen and (-webkit-min-device-pixel-ratio:2.0833333333333335),
only screen and (min-device-pixel-ratio:1.25),
only screen and (min-resolution:1.25dppx),
only screen and (min-resolution:200dpi) {
  [data-animate_buttons=true] .btn:not(.btn--no-animate):not(.btn--tertiary):not(.btn--static) {
    background-image: url(/cdn/shop/t/16/assets/button-arrow-2x.png)
  }

  [data-animate_buttons=true] .btn:not(.btn--no-animate):not(.btn--tertiary):not(.btn--static).add-to-cart--secondary,
  [data-animate_buttons=true] .btn:not(.btn--no-animate):not(.btn--tertiary):not(.btn--static).btn--inverse {
    background-image: url(/cdn/shop/t/16/assets/button-arrow-black-2x.png)
  }
}

[data-animate_buttons=true] .a_btn:not(.btn--no-animate):not(.btn--tertiary):not(.btn--static) {
  background-image: url(/cdn/shop/t/16/assets/button-arrow-2x.png)
}

[data-animate_buttons=true] .a_btn:not(.btn--no-animate):not(.btn--tertiary):not(.btn--static).add-to-cart--secondary,
[data-animate_buttons=true] .btn:not(.btn--no-animate):not(.btn--tertiary):not(.btn--static).btn--inverse {
  background-image: url(/cdn/shop/t/16/assets/button-arrow-black-2x.png)
}
}

[data-animate_buttons=true] .btn:not(.btn--no-animate):not(.btn--tertiary):not(.btn--static):hover:not([disabled]) {
  padding-right: 55px;
  background-position: 91% 35%
}

[data-animate_buttons=true] .a_btn:not(.btn--no-animate):not(.btn--tertiary):not(.btn--static):hover:not([disabled]) {
  padding-right: 55px;
  background-position: 91% 35%
}

[data-animate_buttons=true] .btn:not(.btn--no-animate):not(.btn--tertiary):not(.btn--static):hover:not([disabled]).add-to-cart {
  background-position: 95% 35%
}

[data-animate_buttons=true] .a_btn:not(.btn--no-animate):not(.btn--tertiary):not(.btn--static):hover:not([disabled]).add-to-cart {
  background-position: 95% 35%
}

[data-animate_buttons=true] .btn:not(.btn--no-animate):not(.btn--tertiary):not(.btn--static).disabled:hover,
[data-animate_buttons=true] .btn:not(.btn--no-animate):not(.btn--tertiary):not(.btn--static)[disabled]:hover {
  background-image: none
}

[data-animate_buttons=true] .a_btn:not(.btn--no-animate):not(.btn--tertiary):not(.btn--static).disabled:hover,
[data-animate_buttons=true] .btn:not(.btn--no-animate):not(.btn--tertiary):not(.btn--static)[disabled]:hover {
  background-image: none
}

[data-animate_buttons=true] .btn--small:not(.btn--no-animate):not(.btn--tertiary) {
  background-position: 150% 45%
}

[data-animate_buttons=true] .btn--small:not(.btn--no-animate):not(.btn--tertiary):hover {
  background-position: 91% 45%;
  padding-right: 51px
}

.btn--tertiary,
.rte .btn--tertiary {
  background-color: transparent;
  border: 1px solid;
  border-color: #e8e8e1;
  border-color: var(--colorBorder);
  color: #1c1d1d;
  color: var(--colorTextBody);
  font-weight: 400;
  font-size: 12px;
  padding: 6px 10px
}

@media only screen and (min-width:590px) {

  .btn--tertiary,
  .rte .btn--tertiary {
    font-size: 14px
  }
}

.btn--tertiary:hover,
.rte .btn--tertiary:hover {
  background-color: transparent;
  color: #1c1d1d;
  color: var(--colorTextBody);
  border-color: #1c1d1d;
  border-color: var(--colorTextBody);
  transition: border 0.25s ease
}

.btn--tertiary.disabled,
.btn--tertiary[disabled],
.rte .btn--tertiary.disabled,
.rte .btn--tertiary[disabled] {
  cursor: default;
  color: #444;
  background-color: #f6f6f6
}

.btn--small,
.collapsibles-wrapper .spr-button,
.collapsibles-wrapper .spr-summary-actions a {
  padding: 8px 13px;
  font-size: 14px;
  background-position: 150% 45%;
  min-width: 100px
}

@media only screen and (max-width:589px) {

  .btn--small,
  .collapsibles-wrapper .spr-button,
  .collapsibles-wrapper .spr-summary-actions a {
    font-size: 12px;
    padding: 7px 12px
  }
}

.btn--large {
  padding: 15px 20px;
  font-size: 18px
}

.btn--full {
  width: 100%;
  padding: 12px 20px;
  font-size: 16px
}

.btn--inverse {
  background-color: transparent !important;
  border: 2px solid #fff;
  color: #fff
}

.btn--inverse:active,
.btn--inverse:hover {
  background-color: #fff !important;
  color: #000 !important;
  transition: all 0.5s ease
}

.hero__link .btn--inverse {
  color: #fff;
  color: var(--colorHeroText);
  border-color: #fff;
  border-color: var(--colorHeroText)
}

.btn--body {
  background-color: #fff;
  background-color: var(--colorBody);
  color: #1c1d1d;
  color: var(--colorTextBody)
}

.btn--body:active,
.btn--body:hover {
  background-color: #fff;
  background-color: var(--colorBody);
  color: #1c1d1d;
  color: var(--colorTextBody)
}

.btn--circle {
  padding: 10px;
  border-radius: 50%;
  min-width: 0;
  line-height: 1
}

.btn--circle .icon {
  width: 20px;
  height: 20px
}

.btn--circle:after,
.btn--circle:before {
  content: none;
  background: none;
  width: auto
}

.btn--circle.btn--large .icon {
  width: 30px;
  height: 30px
}

.btn--circle.btn--large {
  padding: 15px
}

.btn--loading {
  position: relative;
  text-indent: -9999px;
  background-color: #040404;
  background-color: var(--colorBtnPrimaryDim);
  color: #040404;
  color: var(--colorBtnPrimaryDim)
}

.btn--loading:active,
.btn--loading:hover {
  background-color: #040404;
  background-color: var(--colorBtnPrimaryDim);
  color: #040404;
  color: var(--colorBtnPrimaryDim);
  background-image: none !important
}

.btn--loading:after {
  content: "";
  display: block;
  width: 24px;
  height: 24px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -12px;
  margin-top: -12px;
  border-radius: 50%;
  border: 3px solid;
  border-color: #fff;
  border-color: var(--colorBtnPrimaryText);
  border-top-color: transparent;
  animation: spin 1s linear infinite
}

.btn--loading.add-to-cart--secondary {
  background-color: transparent;
  border-color: #e8e8e1;
  border-color: var(--colorBorder);
  color: #1c1d1d;
  color: var(--colorTextBody)
}

.btn--loading.add-to-cart--secondary:active,
.btn--loading.add-to-cart--secondary:hover {
  background-color: transparent;
  color: #1c1d1d;
  color: var(--colorTextBody)
}

.btn--loading.add-to-cart--secondary:after {
  border-color: #1c1d1d;
  border-color: var(--colorTextBody);
  border-top-color: transparent
}

.return-link {
  font-family: var(--typeHeaderPrimary), var(--typeHeaderFallback);
  font-weight: var(--typeHeaderWeight);
  letter-spacing: var(--typeHeaderSpacing);
  line-height: var(--typeHeaderLineHeight)
}

[data-type_header_capitalize=true] .return-link {
  text-transform: uppercase
}

.return-link {
  font-size: 18px;
  text-align: center
}

@media only screen and (min-width:590px) {
  .return-link {
    font-size: 20px
  }
}

.return-link .icon {
  width: 27px;
  margin-right: 8px
}

.collapsible-trigger-btn,
.accord-trigger-btn {
  display: block;
  width: 100%;
  text-align: left;
  padding: 22.85714px 0
}

@media only screen and (max-width:589px) {

  .collapsible-trigger-btn,
  .accord-trigger-btn {
    padding: 20px 0
  }
}

.collapsible-trigger-btn.btn--tertiary {
  padding: 6px 10px;
  width: auto
}

.accord-trigger-btn.btn--tertiary {
  padding: 6px 10px;
  width: auto
}

.collapsible-trigger-btn--borders {
  border-top: 1px solid;
  border-top-color: #e8e8e1;
  border-top-color: var(--colorBorder)
}

.accord-trigger-btn--borders {
  border-top: 1px solid;
  border-top-color: #e8e8e1;
  border-top-color: var(--colorBorder)
}

.collapsible-trigger-btn--borders:first-of-type {
  border-top: none
}

.accord-trigger-btn--borders:first-of-type {
  border-top: none
}

.collapsible-content+.collapsible-trigger-btn--borders {
  margin-top: -1px
}

.collapsible-content+.accord-trigger-btn--borders {
  margin-top: -1px
}

.collapsible-trigger-btn--borders+.collapsible-content .collapsible-content__inner {
  padding-bottom: 20px
}

.accord-trigger-btn--borders+.collapsible-content .collapsible-content__inner {
  padding-bottom: 20px
}

.shopify-payment-button {
  margin-top: 10px
}

.shopify-payment-button .shopify-payment-button__button--unbranded {
  display: block;
  width: 100%;
  transition: none
}

.shopify-payment-button .shopify-payment-button__button--unbranded:hover,
.shopify-payment-button .shopify-payment-button__button--unbranded:hover:not([disabled]) {
  background-position: 150% 35%;
  padding: 11px 20px
}

.payment-buttons .add-to-cart,
.payment-buttons .shopify-payment-button,
.payment-buttons .shopify-payment-button__button--unbranded {
  min-height: 50px
}

.payment-buttons .add-to-cart--secondary {
  font-family: var(--typeHeaderPrimary), var(--typeHeaderFallback);
  font-weight: var(--typeHeaderWeight);
  letter-spacing: var(--typeHeaderSpacing);
  line-height: var(--typeHeaderLineHeight)
}

[data-type_header_capitalize=true] .payment-buttons .add-to-cart--secondary {
  text-transform: uppercase
}

.payment-buttons .add-to-cart--secondary {
  background-color: #fff !important;
  background-color: var(--colorBody) !important;
  border: 1px solid;
  border-color: #1c1d1d;
  border-color: var(--colorTextBody);
  color: #1c1d1d !important;
  color: var(--colorTextBody) !important;
  font-size: 16px;
  padding: 11px 20px;
  border-radius: 0
}

@media only screen and (max-width:589px) {
  .payment-buttons .add-to-cart--secondary {
    font-size: 14px;
    padding: 8px 18px
  }
}

.shopify-payment-button__button--hidden {
  display: none !important
}

img {
  border: 0 none
}

svg:not(:root) {
  overflow: hidden
}

iframe,
img {
  max-width: 100%
}

img[data-sizes=auto] {
  display: block;
  width: 100%
}

.lazyload {
  opacity: 0
}

.no-js .lazyload {
  display: none
}

.lazyloaded {
  opacity: 1;
  transition: opacity 0.4s ease
}

.video-wrapper {
  position: relative;
  overflow: hidden;
  max-width: 100%;
  padding-bottom: 56.25%;
  height: 0;
  height: auto
}

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

.video-wrapper--modal {
  width: 1000px
}

.grid__image-ratio {
  position: relative;
  background-color: #fff;
  background-color: var(--colorSmallImageBg)
}

.grid__image-ratio img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover
}

.grid__image-ratio img.grid__image-contain {
  -o-object-fit: contain;
  object-fit: contain
}

[data-animate_images=true] .grid__image-ratio img {
  opacity: 0
}

[data-animate_images=true] .grid__image-ratio img.lazyloaded {
  opacity: 1;
  animation: 0.5s cubic-bezier(.26, .54, .32, 1) 0s forwards;
  animation-name: zoom-fade-small;
  transition: none
}

.grid__image-ratio:before {
  content: "";
  display: block;
  height: 0;
  width: 100%
}

.grid__image-ratio--wide:before {
  padding-bottom: 56.25%
}

.grid__image-ratio--landscape:before {
  padding-bottom: 75%
}

.grid__image-ratio--square:before {
  padding-bottom: 100%
}

.grid__image-ratio--portrait:before {
  padding-bottom: 150%
}

.image-fit {
  position: relative;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  font-family: "object-fit: cover";
  z-index: 1
}

.parallax-container {
  position: absolute;
  top: -30%;
  left: 0;
  height: 160%;
  width: 100%
}

.parallax-image {
  position: absolute;
  top: -5%;
  left: 0;
  width: 100%;
  height: 150%
}

@media only screen and (min-width:590px) {
  .parallax-image {
    height: 115%
  }
}

.parallax-image img {
  display: block;
  -o-object-fit: cover;
  object-fit: cover;
  width: 100%;
  height: 100%
}

form {
  margin: 0
}

.form-vertical {
  margin-bottom: 20px
}

.inline {
  display: inline
}

@media only screen and (max-width:768px) {

  input,
  textarea {
    font-size: 16px
  }
}

button,
input,
textarea {
  -webkit-appearance: none;
  -moz-appearance: none
}

button {
  background: none;
  border: none;
  display: inline-block;
  cursor: pointer
}

fieldset {
  border: 1px solid;
  border-color: #e8e8e1;
  border-color: var(--colorBorder);
  padding: 20px
}

legend {
  border: 0;
  padding: 0
}

button,
input[type=submit] {
  cursor: pointer
}

input,
select,
textarea {
  border: 1px solid;
  border-color: #e8e8e1;
  border-color: var(--colorBorder);
  max-width: 100%;
  padding: 8px 10px;
  border-radius: 0
}

input.disabled,
input[disabled],
select.disabled,
select[disabled],
textarea.disabled,
textarea[disabled] {
  cursor: default;
  border-color: #b6b6b6
}

input.input-full,
select.input-full,
textarea.input-full {
  width: 100%
}

textarea {
  min-height: 100px
}

input[type=checkbox],
input[type=radio] {
  margin: 0 10px 0 0;
  padding: 0;
  width: auto
}

input[type=checkbox] {
  -webkit-appearance: checkbox;
  -moz-appearance: checkbox
}

input[type=radio] {
  -webkit-appearance: radio;
  -moz-appearance: radio
}

input[type=image] {
  padding-left: 0;
  padding-right: 0
}

.faux-select,
select {
  -webkit-appearance: none;
  appearance: none;
  background-color: transparent;
  display: inline-block;
  vertical-align: middle;
  padding-right: 28px;
  text-indent: .01px;
  text-overflow: "";
  cursor: pointer;
  color: inherit
}

select {
  background-position: 100%;
  background-image: url(/cdn/shop/t/16/assets/ico-select.svg);
  background-repeat: no-repeat;
  background-position: right 10px center;
  background-size: 11px
}

.is-light select {
  background-image: url(/cdn/shop/t/16/assets/ico-select-white.svg)
}

.faux-select .icon {
  position: absolute;
  right: 10px;
  top: 50%;
  transform: translateY(-50%);
  width: 11px;
  height: 11px
}

optgroup {
  font-weight: 700
}

option {
  color: #000;
  background-color: #fff
}

option[disabled] {
  color: #ccc
}

select::-ms-expand {
  display: none
}

.hidden-label {
  clip: rect(0, 0, 0, 0);
  overflow: hidden;
  position: absolute;
  height: 1px;
  width: 1px
}

label[for] {
  cursor: pointer
}

.form-vertical input,
.form-vertical select,
.form-vertical textarea {
  display: block;
  margin-bottom: 30px
}

.form-vertical .btn,
.form-vertical input[type=checkbox],
.form-vertical input[type=radio] {
  display: inline-block
}

.form-vertical .btn:not(:last-child) {
  margin-bottom: 30px
}

small {
  display: block
}

input.error,
textarea.error {
  border-color: #d02e2e;
  background-color: #fff6f6;
  color: #d02e2e
}

label.error {
  color: #d02e2e
}

.selector-wrapper label {
  margin-right: 10px
}

.selector-wrapper+.selector-wrapper {
  margin-top: 20px
}

.input-group {
  display: flex
}

.input-group .input-group-btn:first-child,
.input-group .input-group-btn:first-child>.btn,
.input-group .input-group-field:first-child,
.input-group input[type=hidden]:first-child+.input-group-btn>.btn,
.input-group input[type=hidden]:first-child+.input-group-field {
  border-radius: 0 0 0 0
}

.input-group .input-group-btn:last-child>.btn,
.input-group .input-group-field:last-child {
  border-radius: 0 0 0 0
}

.input-group input::-moz-focus-inner {
  border: 0;
  padding: 0;
  margin-top: -1px;
  margin-bottom: -1px
}

.input-group-btn,
.input-group-field {
  margin: 0
}

.input-group .input-group-field {
  flex: 1 1 auto;
  min-width: 0
}

.input-group-btn {
  flex: 0 1 auto;
  padding: 0
}

.input-group-btn .icon {
  vertical-align: baseline;
  vertical-align: initial
}

.input-group-btn .btn {
  margin-top: 0;
  height: 100%;
  background-image: none !important
}

.input-group-btn .btn:hover {
  padding-right: 20px !important
}

.icon {
  display: inline-block;
  width: 20px;
  height: 20px;
  vertical-align: middle;
  fill: currentColor
}

.no-svg .icon {
  display: none
}

.icon--full-color {
  fill: initial
}

svg.icon:not(.icon--full-color) circle,
svg.icon:not(.icon--full-color) ellipse,
svg.icon:not(.icon--full-color) g,
svg.icon:not(.icon--full-color) line,
svg.icon:not(.icon--full-color) path,
svg.icon:not(.icon--full-color) polygon,
svg.icon:not(.icon--full-color) polyline,
svg.icon:not(.icon--full-color) rect,
symbol.icon:not(.icon--full-color) circle,
symbol.icon:not(.icon--full-color) ellipse,
symbol.icon:not(.icon--full-color) g,
symbol.icon:not(.icon--full-color) line,
symbol.icon:not(.icon--full-color) path,
symbol.icon:not(.icon--full-color) polygon,
symbol.icon:not(.icon--full-color) polyline,
symbol.icon:not(.icon--full-color) rect {
  fill: inherit;
  stroke: inherit
}

.icon-bag-minimal circle,
.icon-bag-minimal ellipse,
.icon-bag-minimal g,
.icon-bag-minimal line,
.icon-bag-minimal path,
.icon-bag-minimal polygon,
.icon-bag-minimal polyline,
.icon-bag-minimal rect,
.icon-bag circle,
.icon-bag ellipse,
.icon-bag g,
.icon-bag line,
.icon-bag path,
.icon-bag polygon,
.icon-bag polyline,
.icon-bag rect,
.icon-cart circle,
.icon-cart ellipse,
.icon-cart g,
.icon-cart line,
.icon-cart path,
.icon-cart polygon,
.icon-cart polyline,
.icon-cart rect,
.icon-chevron-down circle,
.icon-chevron-down ellipse,
.icon-chevron-down g,
.icon-chevron-down line,
.icon-chevron-down path,
.icon-chevron-down polygon,
.icon-chevron-down polyline,
.icon-chevron-down rect,
.icon-circle-checkmark circle,
.icon-circle-checkmark ellipse,
.icon-circle-checkmark g,
.icon-circle-checkmark line,
.icon-circle-checkmark path,
.icon-circle-checkmark polygon,
.icon-circle-checkmark polyline,
.icon-circle-checkmark rect,
.icon-close circle,
.icon-close ellipse,
.icon-close g,
.icon-close line,
.icon-close path,
.icon-close polygon,
.icon-close polyline,
.icon-close rect,
.icon-email circle,
.icon-email ellipse,
.icon-email g,
.icon-email line,
.icon-email path,
.icon-email polygon,
.icon-email polyline,
.icon-email rect,
.icon-filter circle,
.icon-filter ellipse,
.icon-filter g,
.icon-filter line,
.icon-filter path,
.icon-filter polygon,
.icon-filter polyline,
.icon-filter rect,
.icon-gift circle,
.icon-gift ellipse,
.icon-gift g,
.icon-gift line,
.icon-gift path,
.icon-gift polygon,
.icon-gift polyline,
.icon-gift rect,
.icon-globe circle,
.icon-globe ellipse,
.icon-globe g,
.icon-globe line,
.icon-globe path,
.icon-globe polygon,
.icon-globe polyline,
.icon-globe rect,
.icon-hamburger circle,
.icon-hamburger ellipse,
.icon-hamburger g,
.icon-hamburger line,
.icon-hamburger path,
.icon-hamburger polygon,
.icon-hamburger polyline,
.icon-hamburger rect,
.icon-heart circle,
.icon-heart ellipse,
.icon-heart g,
.icon-heart line,
.icon-heart path,
.icon-heart polygon,
.icon-heart polyline,
.icon-heart rect,
.icon-leaf circle,
.icon-leaf ellipse,
.icon-leaf g,
.icon-leaf line,
.icon-leaf path,
.icon-leaf polygon,
.icon-leaf polyline,
.icon-leaf rect,
.icon-lock circle,
.icon-lock ellipse,
.icon-lock g,
.icon-lock line,
.icon-lock path,
.icon-lock polygon,
.icon-lock polyline,
.icon-lock rect,
.icon-package circle,
.icon-package ellipse,
.icon-package g,
.icon-package line,
.icon-package path,
.icon-package polygon,
.icon-package polyline,
.icon-package rect,
.icon-phone circle,
.icon-phone ellipse,
.icon-phone g,
.icon-phone line,
.icon-phone path,
.icon-phone polygon,
.icon-phone polyline,
.icon-phone rect,
.icon-ribbon circle,
.icon-ribbon ellipse,
.icon-ribbon g,
.icon-ribbon line,
.icon-ribbon path,
.icon-ribbon polygon,
.icon-ribbon polyline,
.icon-ribbon rect,
.icon-search circle,
.icon-search ellipse,
.icon-search g,
.icon-search line,
.icon-search path,
.icon-search polygon,
.icon-search polyline,
.icon-search rect,
.icon-shield circle,
.icon-shield ellipse,
.icon-shield g,
.icon-shield line,
.icon-shield path,
.icon-shield polygon,
.icon-shield polyline,
.icon-shield rect,
.icon-size-chart circle,
.icon-size-chart ellipse,
.icon-size-chart g,
.icon-size-chart line,
.icon-size-chart path,
.icon-size-chart polygon,
.icon-size-chart polyline,
.icon-size-chart rect,
.icon-tag circle,
.icon-tag ellipse,
.icon-tag g,
.icon-tag line,
.icon-tag path,
.icon-tag polygon,
.icon-tag polyline,
.icon-tag rect,
.icon-truck circle,
.icon-truck ellipse,
.icon-truck g,
.icon-truck line,
.icon-truck path,
.icon-truck polygon,
.icon-truck polyline,
.icon-truck rect,
.icon-user circle,
.icon-user ellipse,
.icon-user g,
.icon-user line,
.icon-user path,
.icon-user polygon,
.icon-user polyline,
.icon-user rect {
  fill: none !important;
  stroke-width: var(--iconWeight);
  stroke: currentColor !important;
  stroke-linecap: var(--iconLinecaps);
  stroke-linejoin: var(--iconLinecaps)
}

.icon-cart circle {
  fill: currentColor !important
}

.icon__fallback-text {
  clip: rect(0, 0, 0, 0);
  overflow: hidden;
  position: absolute;
  height: 1px;
  width: 1px
}

.js-drawer-open {
  overflow: hidden
}

.drawer {
  display: none;
  position: fixed;
  overflow: hidden;
  -webkit-overflow-scrolling: touch;
  top: 0;
  bottom: 0;
  max-width: 95%;
  z-index: 30;
  color: #000;
  color: var(--colorDrawerText);
  background-color: #fff;
  background-color: var(--colorDrawers);
  transition: transform 0.25s cubic-bezier(.43, .01, .44, 1)
}

@media screen and (max-height:400px) {
  .drawer {
    overflow: scroll
  }

  .drawer .drawer__contents {
    height: auto
  }
}

.drawer a:not(.btn, .a_btn) {
  color: #000;
  color: var(--colorDrawerText)
}

.drawer a:not(.btn):hover {
  color: #000;
  color: var(--colorDrawerText)
}

.drawer input,
.drawer textarea {
  border-color: #e8e8e1;
  border-color: var(--colorDrawerBorder)
}

.drawer .btn {
  background-color: #111;
  background-color: var(--colorDrawerButton);
  color: #fff;
  color: var(--colorDrawerButtonText)
}

.drawer .cart__checkout {
  background-color: #111 !important;
  background-color: var(--colorDrawerButton) !important;
  color: #fff;
  color: var(--colorDrawerButtonText)
}

.drawer--left {
  width: 350px;
  left: -350px
}

.drawer--left.drawer--is-open {
  display: block;
  transform: translateX(350px);
  transition-duration: 0.4s
}

@media only screen and (min-width:590px) {
  .drawer--left.drawer--is-open {
    transition-duration: 0.5s
  }
}

.drawer--right {
  width: 350px;
  right: -350px
}

@media only screen and (min-width:590px) {
  .drawer--right {
    width: 450px;
    right: -450px
  }
}

.drawer--right.drawer--is-open {
  display: block;
  transform: translateX(-350px);
  transition-duration: 0.4s
}

@media only screen and (min-width:590px) {
  .drawer--right.drawer--is-open {
    transform: translateX(-450px);
    transition-duration: 0.5s
  }
}

.js-drawer-closing .main-content:after,
.js-drawer-open .main-content:after {
  content: "";
  display: block;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #aeb1b8;
  background-color: var(--colorModalBg);
  opacity: 0;
  cursor: pointer;
  z-index: 26
}

.js-drawer-open .main-content:after {
  animation: overlay-on 0.5s forwards
}

.js-drawer-closing .main-content:after {
  animation: overlay-off 0.4s forwards
}

.drawer__fixed-header,
.drawer__footer,
.drawer__header,
.drawer__scrollable {
  padding-left: 25px;
  padding-right: 25px
}

@media only screen and (min-width:590px) {

  .drawer__fixed-header,
  .drawer__footer,
  .drawer__header,
  .drawer__scrollable {
    padding-left: 40px;
    padding-right: 40px
  }
}

.drawer__header {
  display: table;
  height: 70px;
  width: 100%;
  padding: 15.38462px 0;
  margin-bottom: 0;
  border-bottom: 1px solid;
  border-bottom-color: #e8e8e1;
  border-bottom-color: var(--colorDrawerBorder)
}

@media only screen and (min-width:590px) {
  .drawer__header {
    height: 95px
  }
}

.drawer__fixed-header {
  height: 70px;
  overflow: visible
}

@media only screen and (min-width:590px) {
  .drawer__fixed-header {
    height: 95px
  }
}

.drawer__close,
.drawer__title {
  display: table-cell;
  vertical-align: middle
}

.drawer__title {
  font-family: var(--typeHeaderPrimary), var(--typeHeaderFallback);
  font-weight: var(--typeHeaderWeight);
  letter-spacing: var(--typeHeaderSpacing);
  line-height: var(--typeHeaderLineHeight)
}

[data-type_header_capitalize=true] .drawer__title {
  text-transform: uppercase
}

.drawer__title {
  font-size: 24px;
  width: 100%
}

.drawer__close {
  width: 1%;
  text-align: center
}

.drawer__close-button {
  position: relative;
  right: -20px;
  height: 100%;
  padding: 0 15px;
  color: inherit
}

.drawer__close-button:active {
  background-color: #f2f2f2;
  background-color: var(--colorDrawersDim)
}

.drawer__close-button .icon {
  height: 23px;
  width: 23px
}

@media only screen and (min-width:590px) {
  .drawer__close-button .icon {
    height: 28px;
    width: 28px
  }
}

@media only screen and (min-width:769px) {
  .drawer__close-button {
    right: 0
  }
}

@media only screen and (min-width:769px) {
  .drawer__close-button {
    right: -20px
  }
}

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

.drawer__close--left .drawer__close-button {
  right: auto;
  left: -20px
}

.drawer__contents {
  height: 100%;
  display: flex;
  flex-direction: column
}

.drawer__inner,
.drawer__scrollable {
  flex: 1 1 auto;
  display: flex;
  flex-direction: column;
  overflow-y: hidden
}

.drawer__scrollable {
  padding-top: 20px;
  padding-bottom: 25px;
  overflow: hidden;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch
}

@media only screen and (min-width:590px) {
  .drawer__scrollable {
    padding-top: 40px
  }
}

.drawer__footer {
  padding-top: 20px;
  padding-bottom: calc(20px + env(safe-area-inset-bottom)*1.5)
}

.drawer__footer:after {
  content: "";
  position: absolute;
  top: 0;
  left: 20px;
  right: 20px;
  border-top: 1px solid;
  border-top-color: #e8e8e1;
  border-top-color: var(--colorDrawerBorder)
}

@media only screen and (min-width:590px) {
  .drawer__footer {
    padding-top: 29.62963px;
    padding-bottom: 30px
  }

  .drawer__footer:after {
    left: 40px;
    right: 40px
  }
}

.drawer__inner.is-loading .drawer__scrollable {
  transition: opacity 0.3s ease 0.7s;
  opacity: .4
}

.cart-notes {
  margin-top: 10px;
  margin-bottom: 10px;
  min-height: 60px;
  height: 60px
}

@media only screen and (min-width:590px) {
  .cart-notes {
    min-height: 80px;
    height: 80px
  }
}

.placeholder-svg {
  fill: rgba(28, 29, 29, .35);
  background-color: #f4f4f4;
  width: 100%;
  height: 100%;
  max-width: 100%;
  max-height: 100%;
  display: block;
  padding: 30px 0
}

.placeholder-noblocks {
  padding: 40px;
  text-align: center
}

.placeholder-content {
  overflow: hidden;
  animation: placeholder-shimmer 1.3s linear infinite;
  background-size: 400% 100%;
  margin-bottom: 20px;
  border-radius: 4px
}

@media only screen and (max-width:589px) {
  .placeholder-content {
    margin-left: auto;
    margin-right: auto
  }
}

.animation-cropper {
  overflow: hidden;
  display: inline-flex
}

.appear-delay-20 {
  transition: transform 1s cubic-bezier(.165, .84, .44, 1) 1.3s, opacity 1s cubic-bezier(.165, .84, .44, 1) 1.4s
}

.appear-delay-19 {
  transition: transform 1s cubic-bezier(.165, .84, .44, 1) 1.24s, opacity 1s cubic-bezier(.165, .84, .44, 1) 1.34s
}

.appear-delay-18 {
  transition: transform 1s cubic-bezier(.165, .84, .44, 1) 1.18s, opacity 1s cubic-bezier(.165, .84, .44, 1) 1.28s
}

.appear-delay-17 {
  transition: transform 1s cubic-bezier(.165, .84, .44, 1) 1.12s, opacity 1s cubic-bezier(.165, .84, .44, 1) 1.22s
}

.appear-delay-16 {
  transition: transform 1s cubic-bezier(.165, .84, .44, 1) 1.06s, opacity 1s cubic-bezier(.165, .84, .44, 1) 1.16s
}

.appear-delay-15 {
  transition: transform 1s cubic-bezier(.165, .84, .44, 1) 1s, opacity 1s cubic-bezier(.165, .84, .44, 1) 1.1s
}

.appear-delay-14 {
  transition: transform 1s cubic-bezier(.165, .84, .44, 1) 0.94s, opacity 1s cubic-bezier(.165, .84, .44, 1) 1.04s
}

.appear-delay-13 {
  transition: transform 1s cubic-bezier(.165, .84, .44, 1) 0.88s, opacity 1s cubic-bezier(.165, .84, .44, 1) 0.98s
}

.appear-delay-12 {
  transition: transform 1s cubic-bezier(.165, .84, .44, 1) 0.82s, opacity 1s cubic-bezier(.165, .84, .44, 1) 0.92s
}

.appear-delay-11 {
  transition: transform 1s cubic-bezier(.165, .84, .44, 1) 0.76s, opacity 1s cubic-bezier(.165, .84, .44, 1) 0.86s
}

.appear-delay-10 {
  transition: transform 1s cubic-bezier(.165, .84, .44, 1) 0.7s, opacity 1s cubic-bezier(.165, .84, .44, 1) 0.8s
}

.appear-delay-9 {
  transition: transform 1s cubic-bezier(.165, .84, .44, 1) 0.64s, opacity 1s cubic-bezier(.165, .84, .44, 1) 0.74s
}

.appear-delay-8 {
  transition: transform 1s cubic-bezier(.165, .84, .44, 1) 0.58s, opacity 1s cubic-bezier(.165, .84, .44, 1) 0.68s
}

.appear-delay-7 {
  transition: transform 1s cubic-bezier(.165, .84, .44, 1) 0.52s, opacity 1s cubic-bezier(.165, .84, .44, 1) 0.62s
}

.appear-delay-6 {
  transition: transform 1s cubic-bezier(.165, .84, .44, 1) 0.46s, opacity 1s cubic-bezier(.165, .84, .44, 1) 0.56s
}

.appear-delay-5 {
  transition: transform 1s cubic-bezier(.165, .84, .44, 1) 0.4s, opacity 1s cubic-bezier(.165, .84, .44, 1) 0.5s
}

.appear-delay-4 {
  transition: transform 1s cubic-bezier(.165, .84, .44, 1) 0.34s, opacity 1s cubic-bezier(.165, .84, .44, 1) 0.44s
}

.appear-delay-3 {
  transition: transform 1s cubic-bezier(.165, .84, .44, 1) 0.28s, opacity 1s cubic-bezier(.165, .84, .44, 1) 0.38s
}

.appear-delay-2 {
  transition: transform 1s cubic-bezier(.165, .84, .44, 1) 0.22s, opacity 1s cubic-bezier(.165, .84, .44, 1) 0.32s
}

.appear-delay-1 {
  transition: transform 1s cubic-bezier(.165, .84, .44, 1) 0.1s, opacity 1s cubic-bezier(.165, .84, .44, 1) 0.2s
}

[data-transitions=true] .transition-body {
  opacity: 0
}

.no-js [data-transitions=true] .transition-body {
  opacity: 1
}

[data-transitions=true].loaded .transition-body {
  animation: page-fade-in-up 0.8s ease forwards
}

[data-transitions=true].unloading .transition-body {
  animation: page-fade-in-up-out 0.3s ease forwards
}

[data-transitions=true][data-animate_page_transition_style=page-slow-fade].loaded .transition-body {
  animation-duration: 1.2s
}

[data-transitions=true][data-animate_page_transition_style=page-slow-fade].unloading .transition-body {
  animation-duration: 0.5s
}

[data-transitions=true][data-animate_page_transition_style=page-slide-reveal-across] .transition-body:before,
[data-transitions=true][data-animate_page_transition_style=page-slide-reveal-down] .transition-body:before {
  content: "";
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #fff;
  background: var(--colorBody);
  z-index: 10;
  will-change: transform
}

[data-transitions=true][data-animate_page_transition_style=page-slide-reveal-across].loaded .transition-body:before {
  animation: page-slide-reveal-across 0.8s ease forwards
}

[data-transitions=true][data-animate_page_transition_style=page-slide-reveal-across].unloading .transition-body:before {
  animation: page-slide-reveal-across-out 0.3s ease forwards
}

[data-transitions=true][data-animate_page_transition_style=page-slide-reveal-down].loaded .transition-body:before {
  animation: page-slide-reveal-down 0.8s ease forwards
}

[data-transitions=true][data-animate_page_transition_style=page-slide-reveal-down].unloading .transition-body:before {
  animation: page-slide-reveal-down-out 0.3s ease forwards
}

.image-wrap {
  background: #fff;
  background: var(--colorSmallImageBg);
  overflow: hidden
}

.image-wrap img:not([role=presentation]) {
  display: block
}

.no-js .image-wrap img:not([role=presentation]).lazyload {
  display: none
}

[data-animate_images=true] .image-wrap .animate-me,
[data-animate_images=true] .image-wrap .grid__image-ratio,
[data-animate_images=true] .image-wrap img:not([role=presentation]),
[data-animate_images=true] .image-wrap svg {
  opacity: 0
}

.no-js [data-animate_images=true] .image-wrap .animate-me,
.no-js [data-animate_images=true] .image-wrap .grid__image-ratio,
.no-js [data-animate_images=true] .image-wrap img:not([role=presentation]),
.no-js [data-animate_images=true] .image-wrap svg {
  opacity: 1
}

[data-animate_images=true] .aos-animate.image-wrap .animate-me,
[data-animate_images=true] .aos-animate .image-wrap .animate-me,
[data-animate_images=true] .aos-animate.image-wrap .grid__image-ratio,
[data-animate_images=true] .aos-animate .image-wrap .grid__image-ratio,
[data-animate_images=true] .aos-animate.image-wrap .lazyloaded:not([role=presentation]),
[data-animate_images=true] .aos-animate .image-wrap .lazyloaded:not([role=presentation]),
[data-animate_images=true] .aos-animate.image-wrap img[data-modal-lazy],
[data-animate_images=true] .aos-animate .image-wrap img[data-modal-lazy],
[data-animate_images=true] .aos-animate.image-wrap svg,
[data-animate_images=true] .aos-animate .image-wrap svg {
  animation: 0.5s cubic-bezier(.26, .54, .32, 1) 0s forwards;
  animation-name: zoom-fade-small
}

[data-animate_images=true] .aos-animate .image-wrap--large .animate-me,
[data-animate_images=true] .aos-animate .image-wrap--large .grid__image-ratio,
[data-animate_images=true] .aos-animate .image-wrap--large .lazyloaded:not([role=presentation]),
[data-animate_images=true] .aos-animate .image-wrap--large img[data-modal-lazy],
[data-animate_images=true] .aos-animate .image-wrap--large svg {
  animation-name: zoom-fade
}

[data-animate_images=true] [data-aos=row-of-3].aos-animate:nth-child(3n+2) .image-wrap .grid__image-ratio,
[data-animate_images=true] [data-aos=row-of-3].aos-animate:nth-child(3n+2) .image-wrap img {
  animation-delay: 200ms
}

[data-animate_images=true] [data-aos=row-of-3].aos-animate:nth-child(3n+3) .image-wrap .grid__image-ratio,
[data-animate_images=true] [data-aos=row-of-3].aos-animate:nth-child(3n+3) .image-wrap img {
  animation-delay: 400ms
}

[data-animate_images=true] [data-aos=row-of-4].aos-animate:nth-child(4n+2) .image-wrap img {
  animation-delay: 150ms
}

[data-animate_images=true] [data-aos=row-of-4].aos-animate:nth-child(4n+3) .image-wrap img {
  animation-delay: 300ms
}

[data-animate_images=true] [data-aos=row-of-4].aos-animate:nth-child(4n+4) .image-wrap img {
  animation-delay: 450ms
}

[data-animate_images=true] [data-aos=row-of-5].aos-animate:nth-child(5n+2) .image-wrap img {
  animation-delay: 100ms
}

[data-animate_images=true] [data-aos=row-of-5].aos-animate:nth-child(5n+3) .image-wrap img {
  animation-delay: 200ms
}

[data-animate_images=true] [data-aos=row-of-5].aos-animate:nth-child(5n+4) .image-wrap img {
  animation-delay: 300ms
}

[data-animate_images=true] [data-aos=row-of-5].aos-animate:nth-child(5n+5) .image-wrap img {
  animation-delay: 400ms
}

[data-animate_images=true] .grid-product__tag {
  opacity: 0;
  transition: opacity 1s ease
}

[data-animate_images=true] .aos-animate .grid-product__tag {
  opacity: 1
}

.loading:after,
.loading:before {
  content: "";
  position: absolute;
  width: 100px;
  height: 3px;
  background: #fff;
  background: var(--colorBody);
  left: 50%;
  top: 50%;
  margin: -1px 0 0 -50px;
  z-index: 25;
  opacity: 0
}

.no-js .loading:after,
.no-js .loading:before {
  display: none
}

.loading:before {
  background: #fff;
  background: var(--colorBody);
  opacity: .15
}

.loading:after {
  opacity: 0;
  animation: preloading 0.5s ease 0.3s infinite
}

.loading--delayed:before {
  animation-delay: 0.8s !important;
  animation-duration: 1s !important
}

.loading--delayed:after {
  animation-delay: 1.3s !important
}

.appear-animation {
  opacity: 0;
  transform: translateY(40px)
}

@media only screen and (min-width:590px) {
  .appear-animation {
    transform: translateY(60px)
  }
}

.js-drawer-open .appear-animation {
  opacity: 1;
  transform: translateY(0)
}

.js-drawer-closing .appear-animation {
  transition-duration: 0s;
  transition-delay: 0.5s
}

.shopify-product-reviews-badge {
  display: block;
  min-height: 25px
}

.spr-icon {
  font-size: 14px !important;
  vertical-align: text-bottom
}

.spr-header-title {
  font-size: calc(var(--typeHeaderSize)*0.85*0.85) !important
}

@media only screen and (min-width:590px) {
  .spr-header-title {
    font-size: calc(var(--typeHeaderSize)*0.85) !important
  }
}

.spr-container.spr-container {
  padding: 0;
  border: 0
}

.spr-container .spr-summary-actions-newreview {
  float: none
}

@media only screen and (max-width:589px) {
  .spr-container .spr-summary-starrating {
    justify-content: center
  }
}

.spr-container .spr-form-label,
.spr-container .spr-review-content-body {
  font-size: var(--typeBaseSize);
  line-height: 1.563
}

.spr-container .spr-review-header-byline {
  font-size: 11px;
  opacity: 1
}

.spr-container .spr-review-header-byline strong {
  font-weight: 400
}

.spr-container .spr-form-label {
  display: block;
  text-align: left
}

.spr-container .spr-summary-actions,
.spr-container .spr-summary-caption {
  display: block
}

.spr-container .spr-summary-actions {
  margin-top: 10px
}

@media only screen and (min-width:590px) {
  .product-full-width .spr-container .spr-reviews {
    display: flex;
    flex-wrap: wrap
  }

  .product-full-width .spr-container .spr-review:first-child {
    margin-top: 0
  }

  .product-full-width .spr-container .spr-review {
    flex: 1 1 40%;
    padding: 20px;
    border: 1px solid;
    border-color: #e8e8e1;
    border-color: var(--colorBorder);
    margin-left: 30px;
    margin-bottom: 30px
  }

  .product-full-width .spr-container .spr-review:nth-child(odd) {
    margin-left: 0
  }

  .product-full-width .spr-container .spr-review:last-child {
    padding-bottom: 20px
  }
}

.grid-product .spr-badge {
  margin-top: 6px
}

.grid-product .spr-badge[data-rating="0.0"] {
  display: none
}

.grid-product .spr-badge-starrating {
  font-size: 11px
}

@media only screen and (min-width:590px) {
  .grid-product .spr-badge-starrating {
    font-size: 12px
  }
}

.grid-product .spr-icon {
  margin-right: 1px;
  font-size: 12px !important
}

.grid-product .spr-badge-caption {
  font-size: 11px;
  margin-left: 4px
}

@media only screen and (min-width:590px) {
  .grid-product .spr-badge-caption {
    font-size: 12px
  }
}

.spr-pagination {
  flex: 1 1 100%
}

tool-tip[data-tool-tip-open=true] .tool-tip__inner {
  padding: 45px
}

@media only screen and (max-width:589px) {
  tool-tip[data-tool-tip-open=true] .tool-tip__inner {
    padding: 45px 20px 20px
  }
}

.tool-tip__close {
  padding: 10px
}

.footer-promotions .text-left .rte-setting {
  padding-right: 30px
}

@media only screen and (max-width:589px) {
  .footer-promotions .text-spacing {
    margin-bottom: 10px
  }

  .footer-promotions .grid__item {
    margin-bottom: 32px
  }
}

#shopify-section-footer-promotions .index-section {
  margin-top: 0
}

.site-footer {
  padding-bottom: 40px;
  background-color: #111;
  background-color: var(--colorFooter);
  color: #fff;
  color: var(--colorFooterText)
}

@media only screen and (min-width:590px) {
  .site-footer {
    padding: 0 15px;
    padding-top: 80px;
    padding-bottom: 40px
  }
}

.site-footer .collapsible-content p,
.site-footer .faux-select,
.site-footer .site-footer__linklist a,
.site-footer input,
.site-footer select,
.site-footer textarea {
  font-size: calc(var(--typeBaseSize)*0.93)
}

.site-footer .faux-select,
.site-footer input,
.site-footer select,
.site-footer textarea {
  background-color: #111;
  background-color: var(--colorFooter);
  color: #fff;
  color: var(--colorFooterText);
  border: 1px solid;
  border-color: rgba(255, 255, 255, .12)
}

.site-footer .faux-select:active,
.site-footer .faux-select:focus,
.site-footer input:active,
.site-footer input:focus,
.site-footer select:active,
.site-footer select:focus,
.site-footer textarea:active,
.site-footer textarea:focus {
  border-color: #fff;
  border-color: var(--colorFooterText)
}

.site-footer .faux-select::-webkit-input-placeholder,
.site-footer input::-webkit-input-placeholder,
.site-footer select::-webkit-input-placeholder,
.site-footer textarea::-webkit-input-placeholder {
  color: #fff;
  color: var(--colorFooterText);
  opacity: 1
}

.site-footer .faux-select:-moz-placeholder,
.site-footer input:-moz-placeholder,
.site-footer select:-moz-placeholder,
.site-footer textarea:-moz-placeholder {
  color: #fff;
  color: var(--colorFooterText);
  opacity: 1
}

.site-footer .faux-select::-moz-placeholder,
.site-footer input::-moz-placeholder,
.site-footer select::-moz-placeholder,
.site-footer textarea::-moz-placeholder {
  color: #fff;
  color: var(--colorFooterText);
  opacity: 1
}

.site-footer .faux-select:-ms-input-placeholder,
.site-footer input:-ms-input-placeholder,
.site-footer select:-ms-input-placeholder,
.site-footer textarea:-ms-input-placeholder {
  color: #fff;
  color: var(--colorFooterText);
  opacity: 1
}

.site-footer .faux-select::-ms-input-placeholder,
.site-footer input::-ms-input-placeholder,
.site-footer select::-ms-input-placeholder,
.site-footer textarea::-ms-input-placeholder {
  color: #fff;
  color: var(--colorFooterText);
  opacity: 1
}

.site-footer .faux-select,
.site-footer select {
  padding: 7px 36px 7px 10px
}

.site-footer select {
  background-image: url(/cdn/shop/t/16/assets/ico-select-footer.svg)
}

.site-footer a {
  color: currentColor
}

@media only screen and (max-width:589px) {
  .site-footer {
    padding-bottom: 0
  }

  .site-footer .grid__item:after {
    content: "";
    border-bottom: 1px solid;
    border-color: #fff;
    border-color: var(--colorFooterText);
    opacity: .12;
    display: block
  }

  .site-footer .grid__item:first-child:after {
    display: none
  }
}

.site-footer__bottom {
  padding-top: 10px
}

@media only screen and (min-width:590px) {
  .site-footer__bottom {
    padding-top: 0;
    text-align: left;
    margin-top: 80px;
    color: #a1a1a1
  }
}

@media only screen and (max-width:1020px) {
  .site-footer__bottom {
    text-align: center
  }
}

.site-footer__bottom-block {
  margin: 0 0 20px;
  padding-top: 25px;
  border-top: 1px solid #292929
}

@media only screen and (max-width:589px) {
  .site-footer__bottom-block {
    margin: 0 auto;
    padding-bottom: 15px;
    text-align: center
  }
}

.site-footer__bottom-block.payment-icons {
  margin-bottom: 10px;
  padding-bottom: 0
}

.footer__clear {
  clear: both;
  height: 40px
}

.footer__title {
  font-family: var(--typeHeaderPrimary), var(--typeHeaderFallback);
  font-weight: var(--typeHeaderWeight);
  letter-spacing: var(--typeHeaderSpacing);
  line-height: var(--typeHeaderLineHeight)
}

[data-type_header_capitalize=true] .footer__title {
  text-transform: uppercase
}

[data-type_header_accent_transform=true] .footer__title {
  text-transform: uppercase;
  letter-spacing: .2em
}

.footer__title {
  color: #fff;
  color: var(--colorFooterText);
  font-size: calc(var(--typeHeaderSize)*0.52)
}

[data-type_header_accent_transform=true] .footer__title {
  font-size: calc(var(--typeHeaderSize)*0.42)
}

@media only screen and (min-width:590px) {
  .footer__title {
    margin-bottom: 20px;
    font-size: calc(var(--typeHeaderSize)*0.55)
  }

  [data-type_header_accent_transform=true] .footer__title {
    font-size: calc(var(--typeHeaderSize)*0.42)
  }
}

.footer__copyright {
  font-size: 13px;
  text-align: center;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center
}

@media only screen and (min-width:1020px) {
  .footer__copyright {
    font-size: 13px;
    flex-direction: row
  }
}

.footer__copyright>span {
  display: inline-block;
  padding: 0
}

.site-footer__linklist {
  margin: 0
}

.site-footer__linklist a {
  color: currentColor;
  display: block;
  padding: 4px 0
}

.footer__newsletter {
  position: relative
}

.footer__newsletter-input {
  max-width: 300px;
  width: 100%;
  padding-left: 45px;
  border: 1px solid;
  border-color: rgba(255, 255, 255, .6)
}

.footer__newsletter-btn {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  width: 46px;
  color: #fff;
  color: var(--colorFooterText)
}

.footer__newsletter-btn .icon {
  width: 26px;
  height: 24px
}

@media only screen and (max-width:589px) {
  .footer__logo-social {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    padding: 20px 0
  }

  .footer__logo-social .footer__logo {
    flex: 0 1 auto
  }

  .footer__logo-social .footer__social {
    flex: 1 1 auto;
    text-align: right
  }
}

@media only screen and (min-width:590px) {
  .footer__logo {
    margin-top: -5px;
    margin-bottom: 18px
  }
}

.footer__logo a {
  display: block;
}

/* Santa Hat Footer */
/* .footer__logo a {
  position: relative;
  @media(max-width: 1355px){
    left: 10px;
  }
} */

/* .footer__logo a:before {
  content:'';
  background-image: url("/cdn/shop/files/santa-hat-vector.png?v=1670343916");
  background-size: contain;
  background-repeat: no-repeat;
  display: block;
  width: 45px;
  height: 45px;
  position: absolute;
  left: -20px;
  top: -6px;
} */

/* -- */

.footer__logo img {
  display: block;
  transform: translateZ(0);
  max-height: 100%;
  height: 100%
}

.footer__social {
  margin: 0
}

.footer__social li {
  display: inline-block;
  margin: 0 0 0 10px
}

@media only screen and (min-width:590px) {
  .footer__social li {
    margin: 0 11px 22px 0
  }
}

.footer__social a {
  display: flex
}

.footer__social .icon {
  width: 17px;
  height: 17px
}

@media only screen and (min-width:590px) {
  .footer__social .icon {
    width: 17px;
    height: 17px
  }
}

.footer__social .icon.icon--wide {
  width: 40px
}

@media only screen and (max-width:589px) {
  .footer__collapsible {
    padding: 0 0 20px 0
  }
}

@media only screen and (max-width:589px) {
  .footer_collapsible--disabled {
    padding-top: 20px
  }
}

[data-animate_underlines=true] .collapsible-content p a:after {
  content: "";
  position: absolute;
  bottom: -2px;
  left: 0;
  width: 100%;
  border-bottom: 2px solid;
  border-bottom-color: #fff;
  border-bottom-color: var(--colorFooterText);
  transform: scale(0);
  transform-origin: 0 50%;
  transition: transform 0.5s ease
}

[data-animate_underlines=true] .collapsible-content p a {
  position: relative;
  text-decoration: none;
  border-bottom: 2px solid;
  border-bottom-color: rgba(255, 255, 255, .1)
}

[data-animate_underlines=true] .collapsible-content p a:focus:after,
[data-animate_underlines=true] .collapsible-content p a:hover:after {
  transform: scale(1)
}

.multi-selectors {
  display: flex;
  justify-content: center;
  flex-wrap: wrap
}

.multi-selectors__item {
  margin: 0 10px
}

.payment-icons {
  -webkit-user-select: none;
  user-select: none;
  cursor: default
}

.payment-icons li {
  cursor: default;
  margin: 0 4px 0;
  padding-top: 4px
}

.payment-icons--greyscale {
  filter: grayscale(1)
}

.errors,
.note {
  border-radius: 0;
  padding: 6px 12px;
  margin-bottom: 20px;
  border: 1px solid transparent;
  text-align: left
}

.errors ol,
.errors ul,
.note ol,
.note ul {
  margin-top: 0;
  margin-bottom: 0
}

.errors li:last-child,
.note li:last-child {
  margin-bottom: 0
}

.errors p,
.note p {
  margin-bottom: 0
}

.note {
  border-color: #e8e8e1;
  border-color: var(--colorBorder)
}

.errors ul {
  list-style: disc outside;
  margin-left: 20px
}

.note--success {
  color: #56ad6a;
  background-color: #ecfef0;
  border-color: #56ad6a
}

.note--success a {
  color: #56ad6a;
  text-decoration: underline
}

.note--success a:hover {
  text-decoration: none
}

.errors,
.form-error {
  color: #d02e2e;
  background-color: #fff6f6;
  border-color: #d02e2e
}

.errors a,
.form-error a {
  color: #d02e2e;
  text-decoration: underline
}

.errors a:hover,
.form-error a:hover {
  text-decoration: none
}

.pagination {
  font-family: var(--typeBasePrimary), var(--typeBaseFallback);
  font-weight: var(--typeBaseWeight);
  letter-spacing: var(--typeBaseSpacing);
  line-height: var(--typeBaseLineHeight);
  margin: 0;
  padding: 80px 0;
  text-align: center;
  font-size: 15px display:flex;
  justify-content: center;
  align-items: center
}

@media only screen and (max-width:589px) {
  .pagination {
    font-size: 14px
  }
}

.pagination>span {
  display: inline-block;
  line-height: 1
}

.pagination a {
  display: inline-block
}

.pagination .page>* {
  padding: 0 20px;
  height: 40px;
  width: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: transparent;
  font-size: 16px;
  line-height: 24px;
  border: none;
  color: #626262;
  transition: none;
  border-radius: 4px;
  overflow: hidden;
  transition: 350ms all ease
}

.pagination .page.current>* {
  padding: 0 20px;
  height: 40px;
  width: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 16px;
  line-height: 24px;
  border: none;
  transition: none;
  border-radius: 4px;
  overflow: hidden;
  transition: 350ms all ease;
  background-color: #000;
  color: #fff;
  cursor: default
}

.pagination .next,
.pagination .prev {
  border: 1px solid #292929;
  border-radius: 4px;
  width: auto;
  color: #292929;
  padding: 0;
  white-space: nowrap
}

.pagination .next:hover,
.pagination .prev:hover {
  background-color: #000
}

.pagination .next:hover a,
.pagination .prev:hover a {
  color: #fff
}

.pagination .page:hover a {
  color: #fff;
  background-color: #000
}

.pagination .next a,
.pagination .prev a {
  padding: 12px 15px
}

.pagination .next {
  margin-left: 35px
}

.pagination .prev {
  margin-right: 35px
}

.next-page_btn {
  display: flex;
  justify-content: center;
  margin-bottom: 60px
}

.next-page_btn a {
  font-size: 16px;
  line-height: 24px;
  background-color: #000;
  color: #fff;
  height: 40px;
  max-width: 220px;
  width: 100%;
  border: solid 1px #000;
  border-radius: 4px;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: all 0.3s ease-out
}

.next-page_btn a:hover {
  background-color: #fff;
  color: #000
}

@media only screen and (max-width:1100px) {
  .pagination .next {
    margin-left: 10px
  }

  .pagination .prev {
    margin-right: 10px
  }
}

@media only screen and (max-width:760px) {
  .pagination .page>* {
    padding: 0 5px;
    width: auto;
    font-size: 14px
  }

  .pagination .next a,
  .pagination .prev a {
    padding: 10px 6px
  }

  .pagination .next {
    margin-left: 5px
  }

  .pagination .prev {
    margin-right: 5px
  }

  .pagination .page.current>* {
    padding: 0 10px;
    height: 38px;
    width: auto
  }

  .pagination {
    margin-left: -10px;
    margin-right: -10px
  }
}

@media only screen and (max-width:330px) {
  .pagination .page>* {
    padding: 0 3px;
    font-size: 13px
  }
}

.pagination .next .icon,
.pagination .prev .icon {
  color: #fff;
  color: var(--colorBtnPrimaryText);
  width: 13px;
  height: 13px
}

@media only screen and (max-width:589px) {

  .pagination .next .icon,
  .pagination .prev .icon {
    width: 12px;
    height: 12px
  }
}

.rte:after {
  content: "";
  display: table;
  clear: both
}

.rte+.rte {
  margin-top: 40px
}

.rte img {
  height: auto
}

.rte ol,
.rte p,
.rte table,
.rte ul {
  margin-bottom: 25px
}

.rte ol:last-child,
.rte p:last-child,
.rte table:last-child,
.rte ul:last-child {
  margin-bottom: 0
}

.rte ul ul {
  margin-bottom: 0
}

.rte a:not(.rte__image):not(.btn):not(.spr-summary-actions-newreview) {
  text-decoration: none;
  border-bottom: 2px solid;
  border-bottom-color: rgba(28, 29, 29, .1);
  position: relative
}

.rte a:not(.rte__image):not(.btn):not(.spr-summary-actions-newreview) span {
  text-decoration: none !important
}

[data-animate_underlines=true] .rte a:not(.btn):after {
  content: "";
  position: absolute;
  bottom: -2px;
  left: 0;
  width: 100%;
  border-bottom: 2px solid currentColor;
  transform: scale(0);
  transform-origin: 0 50%;
  transition: transform 0.5s ease
}

[data-animate_underlines=true] .rte a:not(.btn):focus:after,
[data-animate_underlines=true] .rte a:not(.btn):hover:after {
  transform: scale(1)
}

[data-animate_underlines=true] .rte a.rte__image:after {
  content: none
}

.rte h1,
.rte h2,
.rte h3,
.rte h4,
.rte h5,
.rte h6 {
  margin-top: 2.5em;
  margin-bottom: 1em
}

.rte h1:first-child,
.rte h2:first-child,
.rte h3:first-child,
.rte h4:first-child,
.rte h5:first-child,
.rte h6:first-child {
  margin-top: 0
}

.rte h1 a,
.rte h2 a,
.rte h3 a,
.rte h4 a,
.rte h5 a,
.rte h6 a {
  text-decoration: none
}

.rte meta:first-child+h1,
.rte meta:first-child+h2,
.rte meta:first-child+h3,
.rte meta:first-child+h4,
.rte meta:first-child+h5,
.rte meta:first-child+h6 {
  margin-top: 0
}

.rte>div {
  margin-bottom: 20px
}

.rte>div:last-child {
  margin-bottom: 0
}

.rte li {
  margin-bottom: 0
}

.rte table {
  table-layout: fixed
}

.rte--block {
  margin-bottom: 20px
}

.text-center.rte ol,
.text-center .rte ol,
.text-center.rte ul,
.text-center .rte ul {
  list-style-position: inside;
  margin-left: 0
}

.rte--nomargin {
  margin-bottom: 0
}

.rte--indented-images img:not([style]):not(.rte__no-indent),
.rte--indented-images img[style="float: none;"]:not(.rte__no-indent) {
  max-width: calc(100% + 40px);
  margin: 0 -20px;
  display: block
}

@media only screen and (min-width:590px) {

  .rte--indented-images img:not([style]):not(.rte__no-indent),
  .rte--indented-images img[style="float: none;"]:not(.rte__no-indent) {
    max-width: calc(100% + 90px);
    margin: 40px -50px
  }
}

.rte--indented-images p[style] img {
  display: inline;А
  margin: 0;
  max-width: 100%
}

.header-layout {
  display: flex;
  justify-content: space-between;
  max-height: 64px;
}

.header-layout--center {
  align-items: center
}

.header-item {
  display: flex;
  align-items: center;
  flex: 1 1 auto
}

.header-item--logo {
  flex: 0 0 auto
}

.header-item--icons {
  justify-content: flex-end;
  flex: 0 1 auto
}

.header-layout--left-center .header-item--icons,
.header-layout--left-center .header-item--logo {
  flex: 0 0 200px;
  max-width: 50%
}

.header-layout--left-center .header-item--icons {
  max-width: 130px
}

@media only screen and (min-width:590px) {

  .header-layout--left-center .header-item--icons,
  .header-layout--left-center .header-item--logo {
    min-width: 130px
  }
}

@media only screen and (max-width:1026px) {
  .header-layout--left-center .header-item--logo {
    min-width: 190px
  }
}

@media only screen and (min-width:590px) {
  .header-layout[data-logo-align=center] .header-item--logo {
    margin: 0 26.66667px
  }
}

.header-layout[data-logo-align=center] .header-item--icons,
.header-layout[data-logo-align=center] .header-item--navigation {
  flex: 1 1 130px
}

.header-item--logo-split {
  display: flex;
  justify-content: center;
  align-items: center;
  flex: 1 1 100%
}

.header-item--logo-split .header-item:not(.header-item--logo) {
  text-align: center;
  flex: 1 1 20%
}

.header-item--split-left {
  justify-content: flex-end
}

.header-item--left .site-nav {
  margin-left: -12px
}

@media only screen and (max-width:589px) {
  .header-item--left .site-nav {
    margin-left: -10px
  }
}

.header-item--icons .site-nav {
  margin-right: -12px
}

@media only screen and (max-width:589px) {
  .header-item--icons .site-nav {
    margin-right: -10px
  }
}

.site-header {
  position: relative;
  padding: 5px 0;
  background: #fff;
  background: var(--colorNav);
}
#SiteHeader {
  @media(max-width: 1350px){
    padding-left: 20px;
    padding-right: 20px;
  }
  @media(max-width: 590px){
    padding-left: 0px;
    padding-right: 0px;
  }
  @media(max-width: 425px){
    padding-left: 10px;
    padding-right: 10px;
  }
}

@media only screen and (min-width:1020px) {
  .site-header {
    padding: 20px 0
  }
}

@media only screen and (min-width:590px) {
  .site-header {
    padding: 10px 0
  }
}

.site-header--stuck {
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  transform: translate3d(0, -100%, 0);
  transition: none;
  z-index: 20
}

.js-drawer-open--search .site-header--stuck {
  z-index: 28
}

@media only screen and (min-width:590px) {
  .site-header--stuck {
    padding: 5px 0
  }
}

.site-header--opening {
  transform: translateZ(0);
  transition: transform 0.4s cubic-bezier(.165, .84, .44, 1)
}

.site-header__logo {
  margin: 13.33333px 0;
  display: block
}

@media only screen and (min-width:590px) {
  .text-center .site-header__logo {
    padding-right: 0;
    margin: 13.33333px auto
  }
}

.header-layout[data-logo-align=center] .site-header__logo {
  margin-left: auto;
  margin-right: auto;
  text-align: center
}

.site-header__logo a,
.site-header__logo a:hover {
  text-decoration: none
}

.site-header__logo img {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%
}

@media only screen and (max-width:1700px) {
  .site-header__logo img {
    max-width: 230px
  }
}

.header-layout--center .site-header__logo img {
  margin: 0 auto
}

.site-header__logo-link {
  display: flex;
  position: relative;
  align-items: center;
  color: #1c1d1d;
  color: var(--colorNavText)
}

/* santa Hat */
/* .site-header__logo-link:before {
  content: '';
  background-image: url("/cdn/shop/files/santa-hat-vector.png?v=1670343916");
  background-size: contain;
  background-repeat: no-repeat;
  display: block;
  width: 48px;
  height: 48px;
  position: absolute;
  left: -22px;
  top: -6px;
} */
  
/* @media(max-width: 768px){
  .site-header__logo-link:before {
    width: 40px;
    height: 40px;
    left: -19px;
    top: -4px
  }
}
@media(max-width: 425px){
  .site-header__logo-link:before {
    width: 30px;
    height: 30px;
    left: -13px;
    top: -2px;
  }
} */

/* -- */
  
.site-header__logo-link:hover {
  color: #1c1d1d;
  color: var(--colorNavText)
}

@media only screen and (max-width:589px) {
  .site-header__logo-link {
    margin: 0 auto
  }
}

.header-wrapper--overlay {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  z-index: 6;
  background: none;
  background: linear-gradient(180deg, rgba(0, 0, 0, .3) 0%, transparent)
}

.header-wrapper--overlay .site-header:not(.site-header--stuck) {
  background: none
}

.js-drawer-open--search .header-wrapper--overlay {
  z-index: 28
}

.site-header__search-container {
  visibility: hidden;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 100%;
  z-index: 28;
  transition: visibility 0.3s cubic-bezier(0, 0, .38, 1)
}

.site-header__search-container.is-active {
  visibility: visible
}

.site-header__search {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: 28;
  display: flex;
  transform: translate3d(0, -110%, 0);
  background-color: #fff;
  background-color: var(--colorBody);
  color: #1c1d1d;
  color: var(--colorTextBody);
  transition: transform 0.3s cubic-bezier(0, 0, .38, 1)
}

.site-header__search .page-width {
  flex: 1 1 100%;
  display: flex;
  align-items: stretch
}

@media only screen and (max-width:589px) {
  .site-header__search .page-width {
    padding: 0
  }
}

.is-active .site-header__search {
  transform: translateZ(0)
}

.site-header__search .icon {
  width: 30px;
  height: 30px
}

@media only screen and (max-width:589px) {
  .site-header__search .icon {
    width: 27px;
    height: 27px
  }
}

.site-header__search-form {
  flex: 1 1 auto;
  display: flex
}

.site-header__search-input {
  border: 0;
  width: 100px;
  flex: 1 1 auto;
  font-size: 20px
}

@media only screen and (min-width:590px) {
  .site-header__search-input {
    font-size: 24px
  }
}

.site-header__search-input:focus {
  border: 0;
  outline: 0
}

.site-header__search-btn {
  padding: 0 10px 0 20px
}

.predictive-results {
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  background-color: #fff;
  background-color: var(--colorBody);
  color: #1c1d1d;
  color: var(--colorTextBody);
  max-height: 70vh;
  max-height: calc(88vh - 100%);
  overflow: auto;
  margin-top: -1px;
  z-index: 28
}

@media only screen and (min-width:590px) {
  .predictive-results {
    padding-top: 20px;
    max-height: calc(100vh - 100% - 30px)
  }
}

.js-drawer-closing .predictive-results {
  opacity: 0;
  transition: opacity 0.1s ease-in
}

.predictive__label {
  border-bottom: 1px solid;
  border-bottom-color: #e8e8e1;
  border-bottom-color: var(--colorBorder);
  padding-bottom: 5px;
  margin-bottom: 20px
}

.predictive-result__layout>div {
  margin-bottom: 40px
}

.predictive-result__layout>div:last-child {
  margin-bottom: 0
}

.predictive-result__layout .grid__item {
  margin-bottom: 20px;
  opacity: 0;
  animation: fade-in 0.5s ease forwards
}

.predictive-result__layout .grid__item:last-child {
  margin-bottom: 0
}

.predictive-result__layout .grid__item:nth-child(2) {
  animation-delay: 150ms
}

.predictive-result__layout .grid__item:nth-child(3) {
  animation-delay: 300ms
}

.predictive-result__layout .grid__item:nth-child(4) {
  animation-delay: 450ms
}

.predictive-result__layout .grid__item:nth-child(5) {
  animation-delay: 600ms
}

.predictive-result__layout .grid__item:nth-child(6) {
  animation-delay: 750ms
}

.predictive-result__layout .grid__item:nth-child(8) {
  animation-delay: 900ms
}

.predictive__result {
  display: flex;
  align-items: center
}

.predictive__result-image {
  flex: 0 1 60px;
  width: 60px;
  height: 60px;
  margin-right: 20px
}

@media only screen and (min-width:590px) {
  .predictive__result-image {
    flex: 0 1 100px;
    width: 100px;
    height: 100px
  }
}

.predictive__result-meta {
  flex: 1 1 auto
}

.predictive-results__footer {
  padding: 30px 0 30px
}

@media only screen and (min-width:590px) {
  .predictive-results__footer {
    padding: 20px 0 40px
  }
}

.search-bar {
  max-width: 100%
}

.search-bar--page {
  max-width: 300px;
  margin-top: -20px
}

[data-type_header_text_alignment=true] .search-bar--page {
  margin: -20px auto 0 auto
}

.search-bar--drawer {
  margin-bottom: 20px;
  padding-bottom: 20px;
  border-bottom: 1px solid;
  border-bottom-color: #e8e8e1;
  border-bottom-color: var(--colorDrawerBorder)
}

.search-bar--drawer input {
  border: 0
}

.search-bar .icon {
  width: 24px;
  height: 24px;
  vertical-align: middle
}

.section-header {
  margin-bottom: 30px
}

@media only screen and (min-width:590px) {
  .section-header {
    margin-bottom: 50px
  }
}

[data-type_header_text_alignment=true] .section-header {
  text-align: center
}

.section-header--hero {
  position: relative;
  flex: 1 1 100%;
  color: #fff;
  color: var(--colorHeroText);
  margin-bottom: 20px
}

@media only screen and (min-width:590px) {
  .section-header--hero {
    margin-bottom: 40px
  }
}

.section-header__rte {
  margin-top: 20px
}

.section-header__title {
  margin-bottom: 0
}

.section-header__title--big {
  font-size: 40px
}

@media only screen and (min-width:590px) {
  .section-header__title--big {
    font-size: 80px
  }
}

.section-header__title--medium {
  font-size: 32px
}

@media only screen and (min-width:590px) {
  .section-header__title--medium {
    font-size: 60px
  }
}

.section-header__link {
  font-family: var(--typeBasePrimary), var(--typeBaseFallback);
  font-weight: var(--typeBaseWeight);
  letter-spacing: var(--typeBaseSpacing);
  line-height: var(--typeBaseLineHeight);
  font-weight: 400;
  font-size: var(--typeBaseSize);
  padding-top: 6px;
  float: right
}

@media only screen and (max-width:589px) {
  .section-header__link {
    display: none
  }
}

.section-header--404 {
  padding-top: 80px
}

.section-header select {
  margin-left: 20px
}

.section-header .btn {
  float: right;
  margin: 0
}

.site-nav {
  margin: 0
}

.site-nav .site-nav__item:last-child a:before {
  content: '';
  background-image: url(/cdn/shop/files/lens-icon.svg?v=1673305996);
  background-size: contain;
  background-repeat: no-repeat;
  display: block;
  width: 22px;
  height: 9px;
  position: absolute;
  right: -7px;
  top: 8px
}

.text-center .site-navigation {
  margin: 0 auto;
  display: flex
}

.header-layout--left .site-navigation {
  padding-left: 13.33333px
}

.site-nav--icons {
  display: flex;
  align-items: center
}

.site-nav__icons {
  white-space: nowrap;
  font-size: 0
}

.site-nav__item {
  position: relative;
  display: inline-block;
  margin: 0
}

.site-nav__item li {
  display: block
}

.site-nav__item .icon-chevron-down {
  width: 10px;
  height: 10px
}

.site-nav__link {
  display: inline-block;
  vertical-align: middle;
  text-decoration: none;
  padding: 10px 20px;
  white-space: nowrap;
  color: #1c1d1d;
  color: var(--colorNavText)
}

.site-header--heading-style .site-nav__link {
  font-family: var(--typeHeaderPrimary), var(--typeHeaderFallback);
  font-weight: var(--typeHeaderWeight);
  letter-spacing: var(--typeHeaderSpacing);
  line-height: var(--typeHeaderLineHeight)
}

[data-type_header_capitalize=true] .site-header--heading-style .site-nav__link {
  text-transform: uppercase
}

.site-nav__link:hover {
  color: #1c1d1d;
  color: var(--colorNavText)
}

.is-light .site-nav__link {
  color: #fff
}

.is-light .site-nav__link:hover {
  color: #fff
}

.site-nav--has-dropdown>.site-nav__link {
  position: relative;
  z-index: 6
}

.site-nav__link .icon-chevron-down {
  margin-left: 5px
}

@media only screen and (max-width:768px) {
  .site-nav__link {
    padding: 10px
  }

  .header-layout--center .site-nav__link {
    padding-left: 2px;
    padding-right: 2px
  }
}

.site-nav--has-dropdown {
  z-index: 6
}

.site-nav--has-dropdown.is-focused,
.site-nav--has-dropdown:hover {
  z-index: 7
}

.site-nav--has-dropdown.is-focused>a,
.site-nav--has-dropdown:hover>a {
  color: #1c1d1d !important;
  color: var(--colorTextBody) !important;
  background-color: #fff;
  background-color: var(--colorBody);
  opacity: 1;
  transition: none
}

.site-nav--has-dropdown.is-focused>a:before,
.site-nav--has-dropdown:hover>a:before {
  content: "";
  position: absolute;
  left: 15px;
  right: 45px;
  bottom: -5px;
  display: block;
  background-color: #e8e8e1;
  background-color: var(--colorBorder);
  height: 1px;
  z-index: 6
}

.site-nav__link--icon {
  font-size: 0;
  padding-left: 12px;
  padding-right: 12px
}

@media only screen and (max-width:589px) {
  .site-nav__link--icon {
    padding-left: 10px;
    padding-right: 4px
  }

  .site-nav__link--icon+.site-nav__link--icon {
    margin-left: 6px
  }
}

.site-nav__link--icon .icon {
  width: 30px;
  height: 30px
}

@media only screen and (max-width:589px) {
  .site-nav__link--icon .icon {
    width: 32px;
    height: 32px
  }
}

.site-nav__dropdown {
  position: absolute;
  left: 0;
  margin: 0;
  z-index: 5;
  display: block;
  visibility: hidden;
  background-color: #fff;
  background-color: var(--colorBody);
  min-width: 100%;
  padding: 10px 0 5px;
  box-shadow: 0 10px 20px rgba(0, 0, 0, .09);
  transform: translate3d(0, -25px, 0)
}

.is-focused>.site-nav__dropdown,
.site-nav--has-dropdown:hover .site-nav__dropdown {
  display: block;
  visibility: visible;
  transform: translateZ(0);
  transition: all 500ms cubic-bezier(.2, .06, .05, .95)
}

.is-focused>.site-nav__dropdown li,
.site-nav--has-dropdown:hover .site-nav__dropdown li {
  opacity: 1;
  transition: opacity 0.5s ease
}

.site-nav__dropdown li {
  margin: 0;
  opacity: 0;
  transition: none
}

.site-nav__dropdown>li {
  position: relative
}

.site-nav__dropdown>li>a {
  position: relative;
  z-index: 6
}

.site-nav__dropdown a:not(.megamenu__promo-link) {
  background-color: #fff;
  background-color: var(--colorBody);
  padding-right: 0
}

.site-nav__deep-dropdown {
  background-color: #fff;
  background-color: var(--colorBody);
  box-shadow: 0 10px 20px rgba(0, 0, 0, .09);
  position: absolute;
  top: 0;
  left: 100%;
  margin: 0;
  visibility: hidden;
  opacity: 0;
  z-index: 5;
  transform: translate3d(-12px, 0, 0)
}

.header-layout--center .site-nav__item:last-child .site-nav__deep-dropdown {
  left: auto;
  right: 100%
}

.is-focused>.site-nav__deep-dropdown,
.site-nav__deep-dropdown-trigger:hover .site-nav__deep-dropdown {
  visibility: visible;
  opacity: 1;
  transform: translateZ(0);
  transition: all 300ms cubic-bezier(.2, .06, .05, .95)
}

.site-nav__deep-dropdown:before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  width: 10px;
  background-image: linear-gradient(90deg, rgba(0, 0, 0, .09), transparent);
  pointer-events: none
}

.header-layout--center .site-nav__item:last-child .site-nav__deep-dropdown:before {
  left: auto;
  right: 0;
  background-image: linear-gradient(270deg, rgba(0, 0, 0, .09), transparent)
}

.site-nav__deep-dropdown-trigger .icon-chevron-down {
  position: absolute;
  top: 50%;
  right: 10px;
  width: 10px;
  height: 10px;
  transform: rotate(-90deg) translateX(50%)
}

.mobile-nav {
  margin: -20px -20px 0 -20px
}

.mobile-nav li {
  margin-bottom: 0;
  list-style: none
}

.mobile-nav__search {
  padding: 20px
}

.mobile-nav__item {
  position: relative;
  display: block;
  width: 100%;
  overflow: hidden
}

.mobile-nav>.mobile-nav__item {
  background-color: #fff;
  background-color: var(--colorDrawers)
}

.mobile-nav__item:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 20px;
  right: 20px;
  border-bottom: 1px solid;
  border-bottom-color: #e8e8e1;
  border-bottom-color: var(--colorDrawerBorder)
}

.mobile-nav>.mobile-nav__item:last-child:after {
  display: none
}

.mobile-nav__item .mobile-nav__faux-link,
.mobile-nav__item a:not(.megamenu__promo-link) {
  display: block;
  font-size: 19px
}

@media only screen and (min-width:590px) {

  .mobile-nav__item .mobile-nav__faux-link,
  .mobile-nav__item a:not(.megamenu__promo-link) {
    font-size: 24px
  }
}

.mobile-nav__item .mobile-nav__faux-link,
.mobile-nav__item a,
.mobile-nav__toggle button {
  color: #000;
  color: var(--colorDrawerText);
  padding: 15px 20px;
  text-decoration: none
}

.mobile-nav__item .mobile-nav__faux-link:active,
.mobile-nav__item a:active,
.mobile-nav__toggle button:active {
  color: #000;
  color: var(--colorDrawerTextDarken)
}

.mobile-nav__item .mobile-nav__faux-link:active,
.mobile-nav__item a:active,
.mobile-nav__toggle button:active {
  background-color: #f2f2f2;
  background-color: var(--colorDrawersDim)
}

.mobile-nav__child-item {
  display: flex
}

.mobile-nav__item--secondary a {
  font-size: 15px;
  line-height: 1.2;
  padding-top: 10px;
  padding-bottom: 5px
}

.mobile-nav__item--secondary:after {
  display: none
}

.mobile-nav__spacer {
  height: 0;
  padding: 5px
}

.mobile-nav__has-sublist {
  position: relative;
  display: table;
  width: 100%
}

.mobile-nav__has-sublist .mobile-nav__link {
  display: table-cell;
  vertical-align: middle;
  width: 100%
}

.mobile-nav__link--button {
  width: 100%;
  text-align: left;
  padding: 0
}

.mobile-nav__link--button-small {
  width: auto
}

.mobile-nav__link--button-small .collapsible-trigger__icon {
  right: -10px
}

.mobile-nav__toggle {
  display: table-cell;
  vertical-align: middle;
  width: 1%
}

.mobile-nav__toggle .icon {
  width: 16px;
  height: 16px
}

.mobile-nav__sublist {
  margin: 0
}

.mobile-nav__sublist .mobile-nav__item:after {
  top: 0;
  bottom: auto;
  border-bottom: none
}

.mobile-nav__sublist .megamenu__promo--mobile:last-child,
.mobile-nav__sublist .mobile-nav__item:last-child {
  padding-bottom: 20px
}

.mobile-nav__sublist .mobile-nav__faux-link,
.mobile-nav__sublist .mobile-nav__link {
  font-family: var(--typeBasePrimary), var(--typeBaseFallback);
  font-weight: var(--typeBaseWeight);
  letter-spacing: var(--typeBaseSpacing);
  line-height: var(--typeBaseLineHeight);
  font-weight: 400;
  padding: 10px 25px 10px 40px;
  font-size: var(--typeBaseSize)
}

.mobile-nav__grandchildlist {
  margin: 0
}

.mobile-nav__grandchildlist .mobile-nav__item:last-child {
  padding-bottom: 0
}

.mobile-nav__grandchildlist .mobile-nav__link {
  padding-left: 60px
}

.mobile-nav__social {
  margin: 10px 0 15px -5px
}

.mobile-nav__social li {
  margin-right: 10px;
  display: inline-block
}

.mobile-nav__social a {
  padding: 10px 5px
}

.mobile-nav__social .icon {
  width: 24px;
  height: 24px
}

@media only screen and (min-width:590px) {
  .site-nav__link--icon .icon {
    width: 28px;
    height: 28px
  }
}

.cart-link {
  position: relative;
  display: inline-block;
  line-height: 1
}

.cart-link__bubble {
  display: none
}

.cart-link__bubble--visible {
  display: block;
  position: absolute;
  top: 0;
  right: -4px;
  width: 15px;
  height: 15px;
  background-color: #ff4f33;
  background-color: var(--colorCartDot);
  border: 2px solid;
  border-color: #fff;
  border-color: var(--colorBody);
  border-radius: 50%
}

[data-icon=bag] .cart-link__bubble--visible {
  top: 50%;
  right: 0
}

[data-icon=bag-minimal] .cart-link__bubble--visible {
  top: 50%;
  right: 0
}

.breadcrumb {
  font-size: 13px;
  margin-bottom: 40px
}

@media only screen and (max-width:589px) {
  .breadcrumb {
    font-size: 11px;
    margin-bottom: 20px
  }
}

.breadcrumb__divider {
  color: currentColor
}

.site-nav--is-megamenu.site-nav__item {
  position: static
}

.megamenu {
  padding: 52px 0;
  line-height: 1.8
}

.megamenu__wrapper {
  display: flex;
  align-items: flex-start
}

.megamenu__promo {
  flex: 0 0 280px;
  text-align: center;
  padding-left: 30px
}

html[dir=rtl] .megamenu__promo {
  padding-left: 0;
  padding-right: 30px
}

.megamenu__promo--mobile {
  padding: 0
}

.megamenu__promo-link {
  display: block;
  padding: 0
}

.megamenu__promo-image {
  margin-bottom: 15px
}

.megamenu__cols {
  flex: 1 1 100%;
  display: flex;
  flex-wrap: wrap
}

.megamenu__col {
  flex: 1 1 auto;
  page-break-inside: avoid;
  break-inside: avoid
}

.megamenu__link-label {
  position: relative;
  display: inline-block
}

.megamenu__link-label:after {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  border-bottom: 2px solid currentColor;
  transform: scaleX(0);
  transform-origin: 0 50%;
  transition: 0.5s ease
}

a:hover .megamenu__link-label:after {
  transform: scaleX(1)
}

.megamenu__col-title a {
  font-weight: 700;
  font-size: calc(var(--typeBaseSize) + 1px)
}

.site-nav--is-megamenu.is-focused .appear-animation,
.site-nav--is-megamenu:hover .appear-animation {
  opacity: 1;
  transform: translateY(0);
  transition-duration: 0.5s
}

.modal {
  display: none;
  bottom: 0;
  left: 0;
  opacity: 1;
  overflow: hidden;
  position: fixed;
  right: 0;
  top: 0;
  z-index: 25;
  color: #fff;
  align-items: center;
  justify-content: center
}

.modal a,
.modal a:hover {
  color: inherit
}

.modal .btn:not([disabled]),
.modal .btn:not([disabled]):hover {
  color: #fff;
  color: var(--colorBtnPrimaryText)
}

.modal.modal--quick-shop {
  align-items: flex-start
}

.modal-open .modal .modal__inner {
  animation: modal-open 0.5s forwards
}

.modal-open .modal:before {
  content: "";
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #aeb1b8;
  background-color: var(--colorModalBg);
  animation: overlay-on 0.5s forwards;
  cursor: pointer
}

.modal-closing .modal .modal__inner {
  animation: modal-closing 0.5s forwards
}

.modal-closing .modal:before {
  content: "";
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #aeb1b8;
  background-color: var(--colorModalBg);
  animation: overlay-off 0.5s forwards
}

.modal-open--solid .modal:before {
  background-color: #aeb1b8;
  background-color: var(--colorModalBg)
}

.modal-open .modal--solid:before {
  background-color: #000;
  animation: full-overlay-on 0.5s forwards
}

.modal-closing .modal--solid:before {
  background-color: #000;
  animation: full-overlay-off 0.5s forwards
}

.modal--is-closing {
  display: flex !important;
  overflow: hidden
}

.modal--is-active {
  display: flex !important;
  overflow: hidden
}

@media only screen and (min-width:590px) {
  .modal-open {
    overflow: hidden
  }
}

.modal__inner {
  transform-style: preserve-3d;
  flex: 0 1 auto;
  margin: 20px;
  max-width: 100%;
  display: flex;
  align-items: center
}

@media only screen and (min-width:590px) {
  .modal__inner {
    margin: 40px
  }
}

.modal--square .modal__inner {
  background-color: #fff;
  background-color: var(--colorBody);
  color: #1c1d1d;
  color: var(--colorTextBody)
}

.modal__inner img {
  display: block;
  max-height: 90vh
}

.modal__inner .image-wrap img {
  max-height: none
}

.modal__centered {
  position: relative;
  flex: 0 1 auto;
  min-width: 1px;
  max-width: 100%
}

.modal--square .modal__centered-content {
  max-height: 80vh;
  padding: 30px;
  min-width: 200px;
  min-height: 190px;
  overflow: auto;
  -webkit-overflow-scrolling: touch
}

@media only screen and (min-width:590px) {
  .modal--square .modal__centered-content {
    padding: 60px;
    max-height: 90vh;
    max-width: 1200px
  }
}

.modal__close {
  border: 0;
  padding: 20px;
  position: fixed;
  top: 0;
  right: 0;
  color: #fff
}

@media only screen and (min-width:590px) {
  .modal__close {
    padding: 40px
  }
}

.modal__close .icon {
  width: 28px;
  height: 28px
}

.modal__close:focus,
.modal__close:hover {
  color: #fff
}

.modal--square .modal__close {
  position: absolute;
  color: #1c1d1d;
  color: var(--colorTextBody);
  padding: 13.33333px
}

.modal--square .modal__close:focus,
.modal--square .modal__close:hover {
  color: #1c1d1d;
  color: var(--colorTextBody)
}

.modal .page-content,
.modal .page-width {
  padding: 0
}

.popup-cta {
  margin-bottom: 20px
}

@media only screen and (max-width:589px) {
  .modal--mobile-friendly {
    top: auto;
    bottom: 0;
    overflow: auto
  }

  .modal--mobile-friendly.modal--square .modal__centered-content {
    padding: 20px 20px 0
  }

  .modal--mobile-friendly.modal--is-active {
    overflow: auto
  }

  .modal-open .modal--mobile-friendly:before {
    display: none
  }

  .modal-closing .modal--mobile-friendly:before {
    display: none
  }

  .modal--mobile-friendly .modal__inner {
    margin: 10px;
    box-shadow: 0 10px 20px rgba(0, 0, 0, .3)
  }

  .modal--mobile-friendly .h1 {
    padding-right: 25px
  }

  .modal--mobile-friendly input {
    font-size: 16px !important
  }

  .modal--mobile-friendly .input-group {
    margin: 0 auto 20px
  }

  .modal--mobile-friendly .btn {
    min-width: auto
  }

  .modal--mobile-friendly .text-close {
    display: none
  }
}

.js-qty__wrapper {
  position: relative;
  max-width: 80px;
  min-width: 60px;
  overflow: visible;
  background-color: #fff;
  background-color: var(--colorInputBg);
  color: #1c1d1d;
  color: var(--colorInputText)
}

.js-qty__wrapper.is-loading {
  opacity: .5;
  pointer-events: none
}

.js-qty__num {
  display: block;
  background: none;
  text-align: center;
  width: 100%;
  padding: 5px 20px;
  margin: 0;
  z-index: 1
}

.js-qty__adjust {
  cursor: pointer;
  position: absolute;
  display: block;
  top: 0;
  bottom: 0;
  border: 0 none;
  background: none;
  text-align: center;
  overflow: hidden;
  padding: 0 10px;
  line-height: 1;
  -webkit-user-select: none;
  user-select: none;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  transition: background-color 0.1s ease-out;
  z-index: 2;
  fill: #1c1d1d;
  fill: var(--colorInputText)
}

.js-qty__adjust .icon {
  display: block;
  font-size: 8px;
  vertical-align: middle;
  width: 10px;
  height: 10px;
  fill: inherit
}

.js-qty__adjust:hover {
  background-color: #f2f2f2;
  background-color: var(--colorInputBgDim);
  color: #1c1d1d;
  color: var(--colorInputText)
}

.js-qty__adjust:active {
  background-color: #e6e6e6;
  background-color: var(--colorInputBgDark)
}

.js-qty__num:active~.js-qty__adjust,
.js-qty__num:focus~.js-qty__adjust {
  border-color: #1c1d1d;
  border-color: var(--colorTextBody)
}

.js-qty__adjust--plus {
  right: 0
}

.js-qty__adjust--minus {
  left: 0
}

.drawer .js-qty__wrapper {
  background-color: transparent;
  border-color: #e8e8e1;
  border-color: var(--colorDrawerBorder);
  max-width: 90px
}

.drawer .js-qty__num {
  color: #000;
  color: var(--colorDrawerText);
  border-color: #e8e8e1;
  border-color: var(--colorDrawerBorder);
  padding-top: 5px;
  padding-bottom: 5px
}

.drawer .js-qty__adjust {
  border-color: #e8e8e1;
  border-color: var(--colorDrawerBorder);
  color: #000;
  color: var(--colorDrawerText);
  fill: #000;
  fill: var(--colorDrawerText)
}

.drawer .js-qty__adjust:hover {
  background-color: #e8e8e1;
  background-color: var(--colorDrawerBorder);
  color: #fff;
  color: var(--colorDrawers);
  fill: #fff;
  fill: var(--colorDrawers)
}

.drawer .js-qty__num:active~.js-qty__adjust,
.drawer .js-qty__num:focus~.js-qty__adjust {
  border-color: #e8e8e1;
  border-color: var(--colorDrawerBorder)
}

.currency-flag {
  transform: scale(.55);
  margin: -.55rem
}

.currency-options__label {
  display: inline-block;
  vertical-align: middle;
  width: 100px;
  text-underline-offset: .5rem
}

.currency-options__label span {
  border-bottom: 2px solid transparent
}

.is-active .currency-options__label span {
  border-bottom: 2px solid currentColor
}

.currency-options__label--inline {
  display: inline-block;
  width: auto;
  padding-left: 10px
}

@media only screen and (max-width:589px) {
  #FooterCurrency .disclosure-list {
    left: 50%;
    transform: translateX(-50%);
    max-width: 95vw
  }
}

.disclosure {
  position: relative
}

@media only screen and (max-width:589px) {
  .disclosure {
    margin-bottom: 10px
  }
}

.disclosure__toggle {
  white-space: nowrap
}

.disclosure-list {
  background-color: #fff;
  background-color: var(--colorBody);
  color: #1c1d1d;
  color: var(--colorTextBody);
  bottom: 100%;
  padding: 10px 0;
  margin: 0;
  position: absolute;
  display: none;
  min-height: 92px;
  max-height: 60vh;
  overflow-y: auto;
  border-radius: 0;
  box-shadow: 0 0 20px rgba(0, 0, 0, .09)
}

.disclosure-list a {
  color: currentColor
}

.disclosure-list--visible {
  display: block
}

.disclosure-list__item {
  white-space: nowrap;
  padding: 5px 15px 4px;
  text-align: left
}

.disclosure-list__option:focus .currency-options__label,
.disclosure-list__option:hover .currency-options__label {
  text-decoration: underline
}

.disclosure-list__item--current .currency-options__label {
  text-decoration: underline
}

.shopify-model-viewer-ui .shopify-model-viewer-ui__controls-area {
  opacity: 1;
  background: #fff;
  background: var(--colorBody);
  border-color: rgba(28, 29, 29, .05);
  border-radius: 50px
}

.shopify-model-viewer-ui .shopify-model-viewer-ui__button {
  color: #1c1d1d;
  color: var(--colorTextBody)
}

.shopify-model-viewer-ui .shopify-model-viewer-ui__button--control:hover {
  color: #1c1d1d;
  color: var(--colorTextBody)
}

.shopify-model-viewer-ui .shopify-model-viewer-ui__button--control.focus-visible:focus,
.shopify-model-viewer-ui .shopify-model-viewer-ui__button--control:active {
  color: #1c1d1d;
  color: var(--colorTextBody);
  background-color: rgba(28, 29, 29, .05)
}

.shopify-model-viewer-ui .shopify-model-viewer-ui__button--control:not(:last-child):after {
  border-color: rgba(28, 29, 29, .05)
}

.shopify-model-viewer-ui .shopify-model-viewer-ui__button--poster {
  background-color: #1c1d1d;
  background-color: var(--colorTextBody);
  color: #fff;
  color: var(--colorBody);
  border-radius: 100%;
  border: 1px solid;
  border-color: rgba(28, 29, 29, .05)
}

.shopify-model-viewer-ui .shopify-model-viewer-ui__button--poster:focus,
.shopify-model-viewer-ui .shopify-model-viewer-ui__button--poster:hover {
  color: #fff;
  color: var(--colorBody)
}

.product-single__view-in-space {
  display: block;
  color: #1c1d1d;
  color: var(--colorTextBody);
  background-color: rgba(28, 29, 29, .08);
  width: 100%;
  margin-top: 40px;
  padding: 5px 10px 10px
}

.product-single__view-in-space[data-shopify-xr-hidden] {
  display: none
}

.product-single__view-in-space-text {
  display: inline-block;
  vertical-align: middle;
  margin-left: 5px;
  font-size: .9em
}

.shopify-model-viewer-ui,
.shopify-model-viewer-ui model-viewer {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%
}

.shopify-model-viewer-ui__button[hidden] {
  display: none
}

.product-single__close-media {
  position: absolute;
  top: 10px;
  right: 10px;
  z-index: 2
}

:root {
  --collapsibleIconWidth: 12px
}

@media only screen and (max-width:589px) {
  :root {
    --collapsibleIconWidth: 10px
  }
}

.collapsibles-wrapper--border-bottom,
.accords-wrapper--border-bottom {
  border-bottom: 1px solid;
  border-bottom-color: #e8e8e1;
  border-bottom-color: var(--colorBorder)
}

.collapsibles-wrapper--border-bottom+.collapsibles-wrapper--border-bottom .collapsible-trigger-btn--borders {
  border-top: 0
}

.accords-wrapper--border-bottom+.accords-wrapper--border-bottom .accord-trigger-btn--borders {
  border-top: 0
}

.collapsible-trigger,
.accord-trigger {
  color: inherit;
  position: relative
}

.mobile-nav__toggle button {
  padding: 20px 30px
}

.collapsible-trigger__icon {
  display: block;
  position: absolute;
  right: 0;
  top: 50%;
  width: 12px;
  width: var(--collapsibleIconWidth);
  height: 12px;
  height: var(--collapsibleIconWidth);
  transform: translateY(-50%)
}

.mobile-nav__has-sublist .collapsible-trigger__icon {
  right: 20px
}

.collapsible-trigger__icon .icon {
  display: block;
  width: 12px;
  width: var(--collapsibleIconWidth);
  height: 12px;
  height: var(--collapsibleIconWidth);
  transition: all 0.2s ease-in
}

.collapsible-trigger--inline {
  font-weight: 700;
  padding: 11px 0 11px 20px
}

.collapsible-trigger--inline .collapsible-trigger__icon {
  right: auto;
  left: 0
}

.collapsible-trigger__icon--circle {
  border: 1px solid;
  border-color: #e8e8e1;
  border-color: var(--colorBorder);
  border-radius: 50%;
  width: 24px;
  height: 24px;
  text-align: center
}

.collapsible-trigger__icon--circle .icon {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%)
}

.collapsible-trigger.is-open .collapsible-trigger__icon>.icon-chevron-down {
  transform: rotate(180deg)
}

.accord-trigger.is-open .collapsible-trigger__icon>.icon-chevron-down {
  transform: rotate(180deg)
}

.collapsible-trigger .collapsible-trigger__icon .icon-minus,
.collapsible-trigger.is-open .collapsible-trigger__icon .icon-plus {
  display: none
}

.accord-trigger .collapsible-trigger__icon .icon-minus,
.accord-trigger.is-open .collapsible-trigger__icon .icon-plus {
  display: none
}

.collapsible-trigger.is-open .collapsible-trigger__icon .icon-minus {
  display: block
}

.accord-trigger.is-open .collapsible-trigger__icon .icon-minus {
  display: block
}

.collapsible-content {
  transition: opacity 0.3s cubic-bezier(.25, .46, .45, .94), height 0.3s cubic-bezier(.25, .46, .45, .94)
}

.collapsible-content.is-open {
  overflow: unset;
  visibility: visible;
  opacity: 1;
  height: auto;
  transition: opacity 1s cubic-bezier(.25, .46, .45, .94), height 0.5s cubic-bezier(.25, .46, .45, .94)
}

.collapsible-content--all {
  visibility: hidden;
  overflow: hidden;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  opacity: 0;
  height: 0
}

.collapsible-content--all .collapsible-content__inner {
  transform: translateY(40px)
}

.collapsible-content--all .collapsible-content__inner--no-translate {
  transform: translateY(0)
}

@media only screen and (max-width:589px) {
  .collapsible-content--small {
    overflow: hidden;
    visibility: hidden;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    opacity: 0;
    height: 0
  }

  .collapsible-content--small .collapsible-content__inner {
    transform: translateY(40px)
  }

  .collapsible-content--small .collapsible-content__inner--no-translate {
    transform: translateY(0)
  }
}

.collapsible-content__inner {
  transition: transform 0.3s cubic-bezier(.25, .46, .45, .94)
}

.is-open .collapsible-content__inner {
  transform: translateY(0);
  transition: transform 0.5s cubic-bezier(.25, .46, .45, .94)
}

.rte.collapsible-content__inner--faq {
  padding-bottom: 40px
}

.collapsible-trigger[aria-expanded=true] .collapsible-label__closed {
  display: none
}

.collapsible-label__open {
  display: none
}

.collapsible-trigger[aria-expanded=true] .collapsible-label__open {
  display: inline-block
}

.collapsible-content--sidebar {
  visibility: hidden;
  overflow: hidden;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  opacity: 0;
  height: 0
}

@media only screen and (min-width:590px) {
  .collapsible-content--sidebar.is-open {
    overflow: visible;
    overflow: initial;
    visibility: visible;
    opacity: 1;
    height: auto
  }
}

.pswp {
  display: none;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  overflow: hidden;
  touch-action: none;
  z-index: 1500;
  -webkit-text-size-adjust: 100%;
  -webkit-backface-visibility: hidden;
  outline: none
}

.pswp img {
  max-width: none
}

.pswp--animate_opacity {
  opacity: .001;
  will-change: opacity;
  transition: opacity 333ms cubic-bezier(.4, 0, .22, 1)
}

.pswp--open {
  display: block
}

.pswp--zoom-allowed .pswp__img {
  cursor: zoom-in
}

.pswp--zoomed-in .pswp__img {
  cursor: grab
}

.pswp--dragging .pswp__img {
  cursor: grabbing
}

.pswp__bg {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: #fff;
  background: var(--colorBody);
  opacity: 0;
  transform: translateZ(0);
  -webkit-backface-visibility: hidden
}

.pswp__scroll-wrap {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: hidden
}

.pswp__container,
.pswp__zoom-wrap {
  touch-action: none;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0
}

.pswp__container,
.pswp__img {
  -webkit-user-select: none;
  user-select: none;
  -webkit-tap-highlight-color: transparent;
  -webkit-touch-callout: none
}

.pswp__zoom-wrap {
  position: absolute;
  width: 100%;
  transform-origin: left top;
  transition: transform 333ms cubic-bezier(.4, 0, .22, 1)
}

.pswp__bg {
  will-change: opacity;
  transition: opacity 333ms cubic-bezier(.4, 0, .22, 1)
}

.pswp--animated-in .pswp__bg,
.pswp--animated-in .pswp__zoom-wrap {
  transition: none
}

.pswp__container,
.pswp__zoom-wrap {
  -webkit-backface-visibility: hidden
}

.pswp__item {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  overflow: hidden
}

.pswp__img {
  position: absolute;
  width: auto;
  height: auto;
  top: 0;
  left: 0
}

.pswp__img--placeholder {
  -webkit-backface-visibility: hidden
}

.pswp--ie .pswp__img {
  width: 100% !important;
  height: auto !important;
  left: 0;
  top: 0
}

.pswp__error-msg {
  position: absolute;
  left: 0;
  top: 50%;
  width: 100%;
  text-align: center;
  line-height: 16px;
  margin-top: -8px;
  color: #ccc
}

.pswp__error-msg a {
  color: #ccc;
  text-decoration: underline
}

.pswp__button {
  position: relative;
  box-shadow: 0 5px 5px rgba(0, 0, 0, .1)
}

.pswp__button:after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0
}

.pswp__button--arrow--left .icon,
.pswp__button--arrow--right .icon {
  width: 13px;
  height: 13px;
  margin: 8px
}

.pswp__button[disabled] {
  opacity: 0;
  pointer-events: none
}

.pswp__ui {
  position: absolute;
  display: flex;
  justify-content: center;
  align-items: center;
  bottom: 20px;
  flex-wrap: wrap;
  left: 0;
  right: 0;
  transform: translateY(0);
  transition: transform 0.25s 0.6s
}

.pswp__caption {
  display: flex;
  width: 100%;
  justify-content: center;
  align-items: center;
  margin-bottom: -10px
}

.pswp__caption.pswp__caption--fake {
  display: none
}

.pswp__ui .btn {
  margin: 15px
}

.pswp__ui--hidden {
  transform: translateY(150%);
  transition: transform 0.25s
}

html.pswp-open-in-ios,
html.pswp-open-in-ios body {
  background: #444;
  height: var(--window-inner-height);
  overflow: hidden;
  box-sizing: border-box
}

.pswp-open-in-ios body>* {
  display: none
}

.pswp-open-in-ios body .pswp.pswp--open {
  display: block
}

.price-range__slider-wrapper {
  padding: 0 8px 8px
}

@media only screen and (max-width:589px) {
  .price-range__slider-wrapper {
    padding: 0 10px 8px
  }
}

.price-range__input {
  display: none
}

.price-range__display-wrapper {
  display: flex;
  flex: 1 1 auto;
  justify-content: space-between;
  padding: 0;
  padding-bottom: 8px;
  width: 100%
}

@media only screen and (max-width:589px) {
  .price-range__display-wrapper {
    padding: 0
  }
}

.noUi-horizontal .noUi-handle {
  border: 0;
  border-radius: 50%;
  background: #1c1d1d;
  background: var(--colorTextBody);
  box-shadow: 0 0 1px 2px #fff;
  width: 12px;
  height: 12px;
  cursor: pointer;
  right: -6px;
  top: -3px
}

.noUi-horizontal .noUi-handle:focus,
.noUi-horizontal .noUi-handle:hover {
  width: 14px;
  height: 14px;
  right: -7px;
  top: -4px
}

.noUi-horizontal .noUi-handle:after,
.noUi-horizontal .noUi-handle:before {
  content: none
}

.noUi-target {
  background: #f4f4f4;
  border: 0;
  box-shadow: none
}

.noUi-connect {
  background: #1c1d1d;
  background: var(--colorTextBody)
}

.noUi-horizontal {
  height: 6px
}

::-webkit-input-placeholder {
  color: inherit;
  opacity: .5
}

:-moz-placeholder {
  color: inherit;
  opacity: .5
}

:-ms-input-placeholder {
  color: inherit;
  opacity: .5
}

::-ms-input-placeholder {
  color: inherit;
  opacity: 1
}

input,
select,
textarea {
  background-color: transparent;
  color: inherit
}

input.disabled,
input[disabled],
select.disabled,
select[disabled],
textarea.disabled,
textarea[disabled] {
  background-color: #f6f6f6;
  border-color: transparent
}

input:active,
input:focus,
select:active,
select:focus,
textarea:active,
textarea:focus {
  border: 1px solid;
  border-color: #1c1d1d;
  border-color: var(--colorTextBody)
}

input[type=number] {
  font-size: 16px
}

input[type=image] {
  background-color: transparent
}

.skrim-grid--pagination .skrim__item {
  height: 120px
}

@media only screen and (min-width:590px) {
  .skrim-grid--pagination .skrim__item {
    height: 350px
  }
}

.collection--square-small,
.collection--wide {
  height: 150px
}

@media only screen and (min-width:590px) {

  .collection--square-small,
  .collection--wide {
    height: 300px
  }
}

.collection--square-large,
.collection--tall {
  height: 300px
}

@media only screen and (min-width:590px) {

  .collection--square-large,
  .collection--tall {
    height: 600px
  }
}

.collections-list .collection--square-small {
  margin-bottom: 22px
}

@media only screen and (min-width:590px) {
  .collections-list .collection--square-small {
    margin-bottom: 30px
  }
}

.social-sharing {
  font-family: var(--typeBasePrimary), var(--typeBaseFallback);
  font-weight: var(--typeBaseWeight);
  letter-spacing: var(--typeBaseSpacing);
  line-height: var(--typeBaseLineHeight)
}

@media only screen and (max-width:589px) {
  .social-sharing {
    text-align: center
  }
}

.social-sharing .icon {
  height: 18px;
  width: 18px
}

.social-sharing__link {
  display: inline-block;
  color: #1c1d1d;
  color: var(--colorTextBody);
  border-radius: 2px;
  font-size: calc(var(--typeBaseSize) - 1px);
  margin: 0 18px 0 0;
  text-decoration: none;
  font-weight: 400
}

.social-sharing__link:last-child {
  margin-right: 0
}

.social-sharing__title {
  display: inline-block;
  vertical-align: middle;
  padding-right: 15px;
  padding-left: 3px
}

@media only screen and (max-width:589px) {
  .social-sharing__title {
    font-size: .9em
  }
}

.grid-search {
  margin-bottom: 40px
}

.grid-search__product {
  position: relative;
  text-align: center
}

.grid-search__page-link,
.grid-search__product-link {
  height: 280px
}

.grid-search__page-link {
  display: block;
  background-color: #fafafa;
  padding: 20px;
  color: #1c1d1d;
  color: var(--colorTextBody);
  border: 1px solid;
  border-color: #e8e8e1;
  border-color: var(--colorBorder);
  overflow: hidden;
  text-overflow: ellipsis
}

.grid-search__page-link:focus,
.grid-search__page-link:hover {
  background-color: #f5f5f5
}

.grid-search__page-content {
  display: block;
  height: 100%;
  overflow: hidden
}

.grid-search__page-content img {
  display: block;
  margin-bottom: 10px
}

.grid-search__image {
  display: block;
  padding: 20px;
  margin: 0 auto;
  max-height: 100%;
  max-width: 100%
}

@media only screen and (min-width:590px) {
  .grid-search__image {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%)
  }
}

.index-section {
  margin: 34px 0
}

.index-section.background-gray {
  margin: 15px 0;
  padding: 20px 0
}

.index-section--small {
  margin: 24px 0
}

.index-section+.index-section,
.index-section+.index-section--hidden {
  margin-top: 0
}

.index-section--flush {
  margin: 75px 0
}

.index-section--faq {
  margin-bottom: 20px
}

.section--divider {
  border-top: 1px solid;
  border-top-color: #e8e8e1;
  border-top-color: var(--colorBorder);
  padding-top: 34px
}

.index-section--faq {
  margin-bottom: 40px
}

.newsletter-section {
  padding: 34px 0
}

.newsletter-section--with-divider {
  border-top: 1px solid;
  border-top-color: #e8e8e1;
  border-top-color: var(--colorBorder)
}

.testimonials-section {
  padding: 34px 0
}

.testimonials-section--with-divider {
  border-top: 1px solid;
  border-top-color: #e8e8e1;
  border-top-color: var(--colorBorder)
}

@media only screen and (min-width:590px) {
  .index-section {
    margin: 100px 0 60px
  }

  .index-section.background-gray {
    margin: 60px 0 30px;
    padding: 55px 0 70px
  }

  .index-section--small {
    margin: 40px 0
  }

  .index-section--faq {
    margin: 40px 0 20px
  }

  .section--divider {
    padding-top: 100px
  }

  .newsletter-section {
    padding: 60px 0
  }

  .testimonials-section {
    padding: 100px 0
  }
}

.page-blocks--flush .page-width {
  padding: 0
}

.page-blocks>div:first-child .index-section {
  margin-top: 0
}

.feature-row-wrapper {
  overflow: hidden;
  direction: ltr
}

.feature-row {
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap
}

@media only screen and (min-width:1050px) {
  .feature-row {
    margin: 0 6%
  }

  .feature-row.collection-custom {
    margin: 0
  }

  .feature-row.collection-custom.collection-custom-black {
    margin: 0 0 70px 0
  }
}

@media only screen and (max-width:589px) {
  .feature-row {
    flex-direction: column;
    margin: 0
  }
}

@media only screen and (max-width:768px) {
  .feature-row--small-none {
    display: block
  }
}

.feature-row__item {
  flex: 0 1 57%;
  margin: 0 auto
}

@media only screen and (max-width:589px) {
  .feature-row__item {
    flex: 1 1 auto;
    max-width: 100%;
    min-width: 100%
  }
}

.feature-row__item--overlap-images {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0 0 15px;
  margin: 0 0 0 -30px
}

@media only screen and (min-width:590px) {
  .feature-row__item--overlap-images {
    padding: 50px 0;
    margin: 0 auto
  }
}

.feature-row__item--overlap-images>* {
  width: 50%
}

[data-animate_images=true] .feature-row__item--overlap-images>* .image-wrap {
  transform: translate(50px);
  opacity: 0;
  transition: opacity 0.5s ease, transform 0.5s cubic-bezier(.2, .06, .05, .95)
}

[data-animate_images=true] .feature-row__item--overlap-images>:first-child .image-wrap {
  transform: translate(-50px)
}

.feature-row__item--overlap-images>:first-child {
  z-index: 1;
  transform: translate(20px, 20px)
}

.feature-row__item--overlap-images>:last-child {
  z-index: 1;
  transform: translate(15px, -20px)
}

@media only screen and (min-width:590px) {
  .feature-row__item--overlap-images>:first-child {
    transform: translate(-10px, 45px)
  }

  .feature-row__item--overlap-images>:last-child {
    transform: translate(10px, -45px)
  }
}

[data-animate_images=true] .feature-row__item--overlap-images.aos-animate .image-wrap {
  transform: translate(0);
  opacity: 1
}

.feature-row__item--overlap-images svg {
  border: 2px solid;
  border-color: #fff;
  border-color: var(--colorBody)
}

.feature-row__image {
  display: block;
  margin: 0 auto;
  order: 1
}

@media only screen and (min-width:590px) {
  .feature-row__image {
    order: 2
  }
}

.feature-row__text {
  min-width: 43%;
  flex: 0 1 43%;
  padding: 0
}

@media only screen and (max-width:589px) {
  .feature-row__text {
    order: 2;
    margin-top: 0;
    padding: 30px 20px 0;
    padding-bottom: 0
  }
}

.feature-row__text .rte {
  margin: 0
}

.feature-row__text .btn {
  margin-top: 20px;
  margin-right: 20px
}

@media only screen and (min-width:590px) {
  .feature-row__text--left {
    padding-left: 80px
  }

  .feature-row__text--right {
    padding-right: 70px
  }
}

.product-block {
  margin-bottom: 25px
}

.product-block.product-block--header {
  margin-bottom: 50px
}

.product-block.product-block--sales-point {
  margin-bottom: 5px
}

.product-block hr {
  margin: 0
}

.product-block--tab+.product-block--tab {
  margin-top: -25px
}

.product-block--sales-point+.product-block--sales-point {
  margin-top: 5px;
  margin-bottom: 25px
}

.product-block--header+.product-block--price {
  margin-top: -20px
}

.theme-block {
  margin-bottom: 30px
}

.theme-block:last-child {
  margin-bottom: 0
}

[data-product-blocks] .spr-starrating {
  margin-bottom: 15px;
  margin-top: -15px
}

.hero .slideshow__slide {
  height: 100%
}

.slideshow-wrapper {
  position: relative
}

.slideshow__pause:focus {
  clip: auto;
  width: auto;
  height: auto;
  margin: 0;
  color: #fff;
  color: var(--colorBtnPrimaryText);
  background-color: #111;
  background-color: var(--colorBtnPrimary);
  padding: 10px;
  z-index: 10000;
  transition: none
}

.video-is-playing .slideshow__pause:focus {
  display: none
}

.slideshow__pause-stop {
  display: block
}

.is-paused .slideshow__pause-stop {
  display: none
}

.slideshow__pause-play {
  display: none
}

.is-paused .slideshow__pause-play {
  display: block
}

.slideshow__slide {
  display: none;
  width: 100%;
  position: relative;
  overflow: hidden
}

.slideshow__slide:first-child {
  display: block
}

.flickity-slider .slideshow__slide {
  display: block
}

.slideshow__slide:after {
  content: "";
  position: absolute;
  background: #fff;
  background: var(--colorBody);
  bottom: 0;
  left: 0;
  height: 2px;
  width: 100%;
  z-index: 1;
  transform: scaleX(0) translateZ(0);
  transition: transform 0s linear 0s;
  transform-origin: 0 50%
}

.slideshow__slide.is-selected:after {
  transform: scaleX(1)
}

.hero {
  position: relative;
  overflow: hidden;
  background: #111;
  background: var(--colorLargeImageBg)
}

.hero__image-wrapper,
.hero__media {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%
}

.hero__image-wrapper:before,
.hero__media:before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 3
}

.video-interactable .hero__image-wrapper:before,
.video-interactable .hero__media:before {
  pointer-events: none
}

.hero__image-wrapper--no-overlay:before {
  content: none
}

.hero__image {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
  -o-object-fit: cover;
  object-fit: cover
}

.hero__media iframe,
.hero__media video {
  width: 100%;
  height: 100%;
  pointer-events: none
}

.video-interactable .hero__media iframe,
.video-interactable .hero__media video {
  pointer-events: auto
}

.video-parent-section.loading .hero__media iframe,
.video-parent-section.loading .hero__media video {
  opacity: .01
}

.video-parent-section.loaded .hero__media iframe,
.video-parent-section.loaded .hero__media video {
  opacity: 1
}

.hero__media video {
  position: relative;
  -o-object-fit: cover;
  object-fit: cover;
  font-family: "object-fit: cover"
}

.hero__media iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 300%;
  left: -100%;
  max-width: none
}

@media screen and (min-width:1140px) {
  .hero__media iframe {
    width: 100%;
    height: 300%;
    left: auto;
    top: -100%
  }
}

.hero__slide-link {
  display: block;
  position: absolute;
  height: 100%;
  width: 100%;
  color: #fff;
  color: var(--colorHeroText)
}

.hero__text-wrap {
  position: relative;
  height: 100%;
  color: #fff;
  color: var(--colorHeroText)
}

.video-interactable .hero__text-wrap {
  pointer-events: none
}

.hero__text-wrap .page-width {
  display: table;
  width: 100%;
  height: 100%
}

.hero__text-wrap--absolute {
  position: absolute;
  width: 100%
}

.hero__text-content {
  position: relative;
  padding: 20px 0;
  z-index: 4
}

@media only screen and (min-width:590px) {
  .hero__text-content {
    padding: 60px 0 40px
  }
}

[data-dots=true] .hero__text-content {
  padding-right: 50px
}

.hero__title {
  display: block;
  margin-bottom: 0;
  font-size: 40px;
  padding-bottom: 40px
}

.hero__title span {
  font-family: var(--typeBasePrimary), var(--typeBaseFallback);
  font-weight: var(--typeBaseWeight);
  font-size: 22px;
  letter-spacing: .2em;
  text-transform: uppercase
}

@media only screen and (min-width:590px) {
  .hero__title {
    font-size: 80px
  }
}

.hero__subtext {
  margin-top: 20px
}

.hero__subtitle {
  display: inline-block;
  vertical-align: middle;
  margin-right: 20px;
  margin-top: 5px;
  font-family: var(--typeBasePrimary), var(--typeBaseFallback);
  font-weight: var(--typeBaseWeight);
  letter-spacing: var(--typeBaseSpacing);
  line-height: var(--typeBaseLineHeight)
}

[data-type_base_accent_transform=true] .hero__subtitle {
  letter-spacing: .2em
}

.hero__subtitle {
  font-size: var(--typeBaseSize)
}

[data-type_base_accent_transform=true] .hero__subtitle {
  font-size: calc(var(--typeBaseSize)*0.85)
}

@media only screen and (min-width:590px) {
  .hero__subtitle {
    font-size: calc(var(--typeBaseSize)*1.3)
  }

  [data-type_base_accent_transform=true] .hero__subtitle {
    font-size: calc(var(--typeBaseSize)*1)
  }
}

.hero__link {
  display: block;
  margin-top: 15px
}

.video-interactable .hero__link {
  pointer-events: auto
}

.hero__link .btn {
  margin-top: 10px
}

@media only screen and (min-width:590px) {
  .hero__link .btn {
    margin-top: 5px
  }
}

.hero__link .btn .icon-play {
  position: relative;
  top: -2px;
  width: 16px;
  height: 16px;
  margin-right: 15px
}

@media only screen and (max-width:589px) {
  .hero__link .btn .icon-play {
    margin-right: 10px
  }
}

.hero__link .btn--small .icon-play {
  width: 14px;
  height: 14px;
  margin-right: 10px
}

.hero__text-content {
  display: table-cell
}

.hero__text-content.horizontal-left {
  text-align: left
}

.hero__text-content.horizontal-center {
  text-align: center
}

.hero__text-content.horizontal-right {
  text-align: right
}

.hero__text-content.vertical-center {
  vertical-align: middle
}

.hero__text-content.vertical-center .hero__subtitle {
  margin-right: 0
}

.hero__text-content.vertical-center .hero__link {
  display: block
}

@media only screen and (min-width:590px) {
  .hero__text-content.vertical-center .hero__link {
    margin-top: 20px
  }
}

.hero__text-content.vertical-center .hero__link .btn {
  margin-left: 0
}

.hero__text-content.vertical-bottom {
  vertical-align: bottom
}

.hero--450px {
  height: 292.5px
}

.hero--550px {
  height: 357.5px
}

.hero--650px {
  height: 422.5px
}

.hero--750px {
  height: 487.5px
}

.hero--100vh {
  height: 100vh
}

@media only screen and (min-width:590px) {
  .hero--natural[data-natural] {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0
  }

  .hero--450px {
    height: 450px
  }

  .hero--550px {
    height: 550px
  }

  .hero--650px {
    height: 650px
  }

  .hero--750px {
    height: 750px
  }

  .hero--16-9 {
    height: 0;
    padding-bottom: 56.25%
  }
}

@media only screen and (max-width:589px) {
  .hero--mobile--auto[data-mobile-natural=true] {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    height: auto
  }

  .hero--16-9.hero--mobile--auto {
    height: 0;
    padding-bottom: 56.25%
  }

  .hero--natural[data-mobile-natural=false] {
    height: 500px
  }

  .hero--mobile--250px[data-mobile-natural=false] {
    height: 250px
  }

  .hero--mobile--300px[data-mobile-natural=false] {
    height: 300px
  }

  .hero--mobile--400px[data-mobile-natural=false] {
    height: 400px
  }

  .hero--mobile--500px[data-mobile-natural=false] {
    height: 500px
  }

  .hero--mobile--100vh[data-mobile-natural=false] {
    height: 90vh
  }
}

[data-animate_sections=true] .slideshow__slide .animation-cropper {
  opacity: 0
}

[data-animate_sections=true] .slideshow__slide .animation-contents {
  opacity: 0;
  transform: translateY(15px);
  transition: none
}

[data-animate_sections=true] .slideshow__slide .hero__image {
  opacity: 0;
  transition: none
}

[data-animate_sections=true] .hero__image-wrapper {
  transform: scale(1.15);
  opacity: 0;
  transition: none
}

[data-animate_sections=true] .slideshow__slide.is-selected .animation-cropper {
  opacity: 1
}

[data-animate_sections=true] .slideshow__slide.is-selected .animation-contents {
  transform: translateY(0)
}

[data-animate_sections=true] .slideshow__slide.is-selected .hero__title .animation-contents {
  animation: 0.8s cubic-bezier(.26, .54, .32, 1) 0.3s forwards;
  animation-name: rise-up
}

[data-animate_sections=true] .slideshow__slide.is-selected .hero__subtitle .animation-contents {
  animation: 1s cubic-bezier(.26, .54, .32, 1) 0.7s forwards;
  animation-name: rise-up
}

[data-animate_sections=true] .slideshow__slide.is-selected .hero__link .animation-contents {
  animation: fade-in 1.5s ease 1.5s forwards
}

[data-animate_sections=true] .slideshow__slide.is-selected .hero__image--svg,
[data-animate_sections=true] .slideshow__slide.is-selected .hero__image.lazyloaded,
[data-animate_sections=true] .slideshow__slide.is-selected .hero__media {
  animation: 2.5s cubic-bezier(.26, .54, .32, 1) 0s forwards;
  animation-name: zoom-fade
}

[data-animate_sections=true] .slideshow__slide.is-selected .hero__image-wrapper {
  opacity: 1;
  transform: scale(1);
  transition: transform 1.5s cubic-bezier(.26, .54, .32, 1), opacity 1.5s cubic-bezier(.26, .54, .32, 1)
}

[data-animate_sections=true] .animate-out .animation-cropper {
  opacity: 0
}

[data-animate_sections=true] .animate-out .hero__image-wrapper {
  opacity: 0;
  transform: translateX(-60px);
  transition: transform 0.25s ease-in 0.08s, opacity 0.25s ease-in 0.08s
}

[data-animate_sections=true] .animate-out .hero__image {
  opacity: 1
}

[data-animate_sections=false] .slideshow__slide {
  opacity: 0
}

[data-animate_sections=false] .slideshow__slide.is-selected {
  opacity: 1
}

.no-js [data-animate_sections=false] .slideshow__slide {
  opacity: 1
}

[data-aos=hero__animation] .animation-cropper {
  opacity: 0
}

[data-aos=hero__animation] .animation-contents {
  opacity: 0;
  transform: translateY(15px);
  transition: none
}

[data-aos=hero__animation] .hero__link .btn {
  opacity: 0;
  transition: none
}

[data-aos=hero__animation].loaded .animation-cropper {
  opacity: 1
}

[data-aos=hero__animation].loaded .animation-contents {
  transform: translateY(0)
}

[data-aos=hero__animation].loaded .hero__title .animation-contents {
  animation: 0.8s cubic-bezier(.26, .54, .32, 1) 0.3s forwards;
  animation-name: rise-up
}

[data-aos=hero__animation].loaded .hero__subtitle .animation-contents {
  animation: fade-in 2s ease 1s forwards
}

[data-aos=hero__animation].loaded .hero__link .animation-contents {
  opacity: 1
}

[data-aos=hero__animation].loaded .hero__link .btn {
  animation: fade-in 2s ease 1.3s forwards
}

[data-aos=hero__animation].loaded .hero__link .btn:nth-child(2) {
  animation: fade-in 2s ease 1.6s forwards
}

.callout-images {
  position: relative;
  width: 225px;
  max-width: 100%;
  margin: 20px auto;
  display: flex;
  align-items: center;
  justify-content: center
}

@media only screen and (min-width:590px) {
  .callout-images {
    width: 450px
  }
}

.callout-image-centered {
  position: relative;
  width: 140px
}

@media only screen and (min-width:590px) {
  .callout-image-centered {
    width: 280px
  }

  .collection-custom .callout-image-centered {
    width: 330px
  }
}

.callout-image-placeholder {
  display: block;
  max-height: 100%;
  margin: 0 auto 40px
}

@media only screen and (max-width:589px) {
  .callout-image-placeholder {
    max-width: 585px;
    margin: -75px 0 0 -145px
  }
}

.feature-row__callout-image+.feature-row__text .feature-row__content {
  background-color: #fff;
  background-color: var(--colorBody);
  position: relative;
  z-index: 3;
  margin: -10px;
  padding-left: 10px
}

@media only screen and (min-width:590px) {
  .feature-row__callout-image {
    order: 2
  }

  .feature-row__callout-text.feature-row__text--left {
    order: 1;
    padding: 0 80px 0 0
  }

  .feature-row__callout-text.feature-row__text--right {
    order: 3;
    padding: 0 0 0 80px
  }
}

.callout-image {
  position: absolute;
  transition: transform 2.5s cubic-bezier(.39, .68, .29, 1) 0.5s;
  z-index: 1;
  background-color: #fff;
  background-color: var(--colorBody)
}

.callout-image:first-of-type {
  position: relative;
  width: 100%;
  margin: 40px auto;
  z-index: 2
}

.collection-custom .callout-image:first-of-type {
  margin: 75px auto 40px
}

.callout-image:nth-of-type(2) {
  top: 40px;
  left: 0;
  max-width: 90px
}

.callout-image:nth-of-type(3) {
  bottom: 40px;
  right: 0;
  max-width: 80px
}

.callout-image:nth-of-type(4) {
  bottom: 40px;
  left: 0;
  max-width: 100px
}

.callout-image:nth-of-type(5) {
  top: 40px;
  right: 0;
  max-width: 50px
}

[data-aos=collection-callout].aos-animate .callout-image:first-of-type {
  box-shadow: 0 10px 15px rgba(0, 0, 0, .3)
}

[data-aos=collection-callout].aos-animate .callout-image:nth-of-type(2) {
  transform: translate3d(-64px, -30px, 0)
}

[data-aos=collection-callout].aos-animate .callout-image:nth-of-type(3) {
  transform: translate3d(64px, 13%, 0)
}

[data-aos=collection-callout].aos-animate .callout-image:nth-of-type(4) {
  transform: translate3d(-50px, 40px, 0)
}

[data-aos=collection-callout].aos-animate .callout-image:nth-of-type(5) {
  transform: translate3d(40px, 10px, 0)
}

@media only screen and (min-width:590px) {
  .callout-image:nth-of-type(2) {
    max-width: 180px
  }

  .collection-custom .callout-image:nth-of-type(2) {
    max-width: 230px
  }

  .callout-image:nth-of-type(3) {
    max-width: 160px
  }

  .callout-image:nth-of-type(4) {
    max-width: 200px
  }

  .callout-image:nth-of-type(5) {
    max-width: 100px
  }

  [data-aos=collection-callout].aos-animate .callout-image:nth-of-type(2) {
    transform: translate3d(-128px, -40px, 0)
  }

  [data-aos=collection-callout].aos-animate .callout-image:nth-of-type(3) {
    transform: translate3d(120px, 13%, 0)
  }

  [data-aos=collection-callout].aos-animate .callout-image:nth-of-type(4) {
    transform: translate3d(-100px, 80px, 0)
  }

  [data-aos=collection-callout].aos-animate .callout-image:nth-of-type(5) {
    transform: translate3d(80px, 40px, 0)
  }
}

.collection-filter {
  margin-bottom: 20px
}

.collection-filter select {
  display: inline-block;
  width: 100%;
  max-width: 320px
}

.collection-filter .btn,
.collection-filter select {
  height: 44px;
  font-size: 16px;
  font-family: var(--typeBasePrimary), var(--typeBaseFallback);
  font-weight: var(--typeBaseWeight)
}

.collection-filter .btn {
  padding: 0 20px;
  border: 1px solid;
  border-color: #e8e8e1;
  border-color: var(--colorBorder);
  background: #111 url(/cdn/shop/t/6/assets/button-arrow.png) no-repeat 150% 35%;
  background: var(--colorBtnPrimary) url(/cdn/shop/t/6/assets/button-arrow.png) no-repeat 150% 35%;
  background-size: 29px;
  line-height: 1.42;
  font-size: 16px;
  border: 1px solid transparent;
  -webkit-user-select: none;
  user-select: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  border-radius: 0;
  color: #fff;
  color: var(--colorBtnPrimaryText);
  font-family: var(--typeHeaderPrimary), var(--typeHeaderFallback);
  font-weight: var(--typeHeaderWeight);
  letter-spacing: var(--typeHeaderSpacing)
}

@media only screen and (max-width:589px) {
  .collection-filter .btn {
    width: 100%;
    text-align: left
  }
}

.collection-filter .btn .icon {
  position: relative;
  top: -2px;
  margin-right: 10px
}

.section-header .collection-title {
  display: none
}

[data-type_header_text_alignment=true] .collection-description {
  text-align: center;
  margin: 0 auto
}

.collection-hero {
  position: relative;
  width: 100%;
  height: 330px;
  overflow: hidden;
  background: #111;
  background: var(--colorLargeImageBg)
}

@media only screen and (min-width:590px) {
  .collection-hero {
    height: 550px
  }
}

.collection-hero__spacer {
  height: 330px
}

@media only screen and (min-width:590px) {
  .collection-hero__spacer {
    height: 550px
  }
}

.collection-hero__content {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  width: 100%;
  display: flex;
  align-items: flex-end;
  z-index: 1
}

.collection-hero__content .page-width {
  width: 100%
}

.collection-hero__content:before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: auto;
  transition: opacity 2.5s ease;
  opacity: 0;
  display: block
}

.collection-hero.loaded .collection-hero__content:before {
  opacity: 1
}

[data-animate_sections=true] .collection-hero .collection-hero__image {
  opacity: 0
}

.no-js [data-animate_sections=true] .collection-hero .collection-hero__image {
  opacity: 1
}

[data-animate_sections=true] .collection-hero .section-header__title .animation-contents {
  opacity: 0
}

.no-js [data-animate_sections=true] .collection-hero .section-header__title .animation-contents {
  opacity: 1
}

[data-animate_sections=true] .collection-hero .collection-hero__image.lazyloaded {
  animation: 0.8s cubic-bezier(.26, .54, .32, 1) 0s forwards;
  animation-name: zoom-fade;
  transition: none
}

[data-animate_sections=true] .collection-hero.loaded .section-header__title .animation-contents {
  animation: 1s cubic-bezier(.26, .54, .32, 1) 0.5s forwards;
  animation-name: rise-up
}

.collection-sidebar__group {
  border-top: 1px solid;
  border-top-color: #e8e8e1;
  border-top-color: var(--colorDrawerBorder);
  padding-top: 5px;
  margin-top: 5px;
  margin-bottom: 5px;
  overflow: hidden
}

.collection-sidebar__group:first-child {
  margin-top: 0
}

.collection-sidebar__group .collapsible-content__inner {
  padding-bottom: 5px
}

.filter-form div:first-of-type .collection-sidebar__group {
  border-top: 0;
  padding-top: 0
}

.drawer .filter-form {
  margin-top: -20px
}

@media only screen and (min-width:590px) {
  .drawer .filter-form {
    margin-top: -40px
  }
}

.collection-switcher__title {
  display: inline-block;
  margin-bottom: 0
}

.collection-switcher__title+.collection-switcher__title {
  margin-left: 20px
}

.collection-switcher__trigger {
  position: relative;
  display: block;
  overflow: visible
}

.collection-switcher__trigger:after {
  content: "";
  position: absolute;
  bottom: -2px;
  left: 0;
  width: 100%;
  border-bottom: 2px solid currentColor;
  transform: scale(0);
  transform-origin: 0 50%;
  transition: none
}

.collection-switcher__trigger.is-active:after {
  transform: scale(1);
  transition: transform 0.5s ease
}

.collection-switcher__collection-grid {
  margin-bottom: 40px
}

.collection-switcher__collection-grid .grid__item {
  display: none;
  opacity: 0
}

.collection-switcher__collection-grid .grid__item:first-child {
  display: block
}

.collection-switcher__collection-grid .flickity-slider .grid__item {
  display: block;
  opacity: 1
}

@media only screen and (min-width:590px) {
  .collection-switcher__collection-grid .flickity-slider {
    padding: 3px 0
  }
}

.collection-switcher__collection-grid .flickity-slider {
  padding-top: 18px
}

.collection-switcher__collection-grid .quick-product__btn {
  right: 1px
}

.collection-switcher__collection-grid .flickity-prev-next-button {
  top: calc(50% - 40px)
}

.collection-switcher__collection-grid .flickity-next {
  right: -20px
}

.collection-switcher__collection-grid .flickity-previous {
  left: 10px
}

@media only screen and (max-width:589px) {
  .collection-switcher__collection-grid .flickity-next {
    right: -10px
  }

  .collection-switcher__collection-grid .flickity-previous {
    left: 10px
  }
}

.is-light .site-header__logo .logo--has-inverted {
  display: none
}

.site-header__logo .logo--inverted {
  display: none
}

.is-light .site-header__logo .logo--inverted {
  display: block
}

.site-header__logo {
  width: 100%;
  font-size: 20px
}

@media only screen and (min-width:590px) {
  .site-header__logo {
    text-align: left;
    font-size: 25px
  }
}

.header-logo a,
.site-header__logo a {
  color: #1c1d1d;
  color: var(--colorNavText)
}

.is-light .header-logo a,
.is-light .site-header__logo a {
  color: #fff
}

.is-light .header-logo a:hover,
.is-light .site-header__logo a:hover {
  color: #fff
}

.is-light .site-header {
  border-bottom: none
}

.site-nav__dropdown-link {
  display: block;
  white-space: nowrap;
  padding: 6px 20px;
  font-size: 16px;
  transition: padding 0.2s ease
}

.site-nav__dropdown-link:not(.site-nav__dropdown-link--mega):hover {
  padding: 6px 35px 6px 25px
}

.site-nav__deep-dropdown-trigger:hover .site-nav__dropdown-link--has-children,
.site-nav__dropdown-link--has-children:focus,
.site-nav__dropdown-link--has-children:hover {
  padding: 6px 35px 6px 25px
}

.tags a {
  font-size: 16px;
  display: block;
  transition: padding 500ms cubic-bezier(.2, .06, .05, .95);
  padding-bottom: 5px
}

.tags a:hover {
  padding-left: 10px
}

@media only screen and (min-width:590px) {
  .tags a {
    font-size: 19px;
    padding-bottom: 10px
  }
}

.tags--vertical {
  list-style: none outside;
  margin: 0;
  padding: 0
}

.tags--vertical ul {
  list-style: none outside;
  margin: 0;
  padding: 0
}

.tags--article a {
  padding-right: 20px;
  padding-left: 0
}

.tags__title {
  margin-right: 20px
}

.tag--active {
  font-weight: 700
}

.tags--vertical ul li {
  font-weight: 500
}

.tag--active a {
  padding-left: 0
}

.tag--active a:hover {
  padding-left: 0
}

.tags-toggle {
  margin-top: 10px
}

@media only screen and (min-width:590px) {
  .tags-toggle {
    margin-top: 20px
  }
}

.tag-list__header {
  text-align: left
}

.tag-list .tag-list {
  margin-left: 20px
}

.tag-list a,
.tag-list label {
  cursor: pointer;
  display: block;
  line-height: 2
}

.tag-list label:hover {
  text-decoration: underline;
  text-underline-offset: 2px
}

.tag--active>a,
.tag--active>label {
  font-weight: 900
}

.tag-list--active-tags:empty {
  display: none
}

.tag--active .tag-checkbox:after,
input:checked~.tag-checkbox:after {
  background-color: #1c1d1d;
  background-color: var(--colorTextBody);
  border-color: #1c1d1d;
  border-color: var(--colorTextBody)
}

.tag--remove {
  position: relative
}

.tag--remove a {
  text-align: left
}

.tag--remove .icon {
  position: absolute;
  right: 10px;
  top: 50%;
  transform: translateY(-50%);
  pointer-events: none;
  color: #fff;
  color: var(--colorBtnPrimaryText)
}

.tag-list--swatches {
  margin-top: 2px;
  margin-left: -2px
}

.drawer .tag-list--swatches {
  margin-left: -2px
}

.tag-list--swatches li {
  display: inline-block
}

.tag-list .tag-checkbox {
  position: relative;
  padding-left: 25px
}

.tag-list .tag-checkbox:after,
.tag-list .tag-checkbox:before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%)
}

.tag-list .tag-checkbox:before {
  border: 1px solid;
  border-color: #e8e8e1;
  border-color: var(--colorBorder);
  height: 16px;
  width: 16px
}

.tag-list .tag-checkbox:after {
  height: 10px;
  width: 10px;
  left: 3px
}

.tag-list input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0
}

.variant-input-wrap {
  border: 0;
  padding: 0;
  margin: 0 0 5px;
  position: relative
}

.variant-input-wrap input {
  clip: rect(0, 0, 0, 0);
  overflow: hidden;
  position: absolute;
  height: 1px;
  width: 1px
}

.variant-input-wrap label {
  position: relative;
  display: inline-block;
  line-height: 1;
  font-weight: 400;
  padding: 7px 5px 7px;
  text-align: center;
  margin: 0 8px 12px 0;
  font-style: normal;
  font-size: var(--typeBaseSize);
  text-transform: none;
  background-color: #fff;
  background-color: var(--colorBody);
  box-shadow: 0 0 0 1px #e8e8e1;
  box-shadow: 0 0 0 1px var(--colorBorder);
  transition: all 0.25s ease;
  overflow: hidden;
  font-family: var(--typeBasePrimary), var(--typeBaseFallback);
  font-weight: var(--typeBaseWeight);
  letter-spacing: var(--typeBaseSpacing);
  line-height: var(--typeBaseLineHeight)
}

.variant-input-wrap label.color-swatch {
  padding: 5px 5px 5px
}

.round-color-icon .variant-input-wrap[name="Color"] label,
.round-color-icon .variant-input-wrap[name="Frame Color"] label,
.round-color-icon .variant-input-wrap[name="Temple Color"] label,
.round-color-icon .variant-input-wrap[name="Size"] label {
  border-radius: 50%
}

.variant-input-wrap label.color-swatch {
  border-radius: 50%
}

.round-color-icon .variant-input-wrap[name="Size"] label {
  width: 41px;
  text-align: center
}

.round-color-icon .variant-input-wrap[name="Temple Design"] label,
.round-color-icon .variant-input-wrap[name="Material"] label {
  padding: 3px 12px 3px
}

@media only screen and (max-width:589px) {
  .variant-input-wrap label {
    font-size: calc(var(--typeBaseSize) - 1px)
  }
}

.variant-input-wrap label.disabled {
  color: #e8e8e1;
  color: var(--colorBorder)
}

.variant-input-wrap label.disabled:after {
  position: absolute;
  content: "";
  left: 50%;
  top: 0;
  bottom: 0;
  border-left: 1px solid;
  border-color: #e8e8e1;
  border-color: var(--colorBorder);
  transform: rotate(45deg)
}

.variant-input-wrap input[type=radio]:focus+label {
  background-color: rgba(28, 29, 29, .03);
  box-shadow: 0 0 0 1px #1c1d1d;
  box-shadow: 0 0 0 1px var(--colorTextBody)
}

.variant-input-wrap input[type=radio]:checked+label {
  box-shadow: 0 0 0 1px #1c1d1d;
  box-shadow: 0 0 0 1px var(--colorTextBody)
}

.variant-input {
  display: inline-block
}

select .variant-input {
  display: block
}

.variant-wrapper+.variant-wrapper {
  margin-top: 25px
}

.no-js .variant-wrapper {
  display: none
}

.variant-wrapper--dropdown {
  display: inline-block;
  max-width: 100%;
  margin-right: 20px
}

.variant__label {
  display: block;
  margin-bottom: 10px;
  cursor: default;
  font-style: normal
}

.variant__label-info {
  font-family: var(--typeBasePrimary), var(--typeBaseFallback);
  font-weight: var(--typeBaseWeight);
  letter-spacing: var(--typeBaseSpacing);
  line-height: var(--typeBaseLineHeight);
  text-transform: none;
  font-weight: 400
}

.grid-product__content {
  position: relative;
  margin-bottom: 20px;
  text-align: left
}

html[dir=rtl] .grid-product__content {
  text-align: right
}

@media only screen and (min-width:590px) {
  .grid-product__content {
    margin-bottom: 40px
  }
}

.product-single__related .grid-product__content {
  margin-bottom: 0
}

.grid-product__link {
  display: block
}

.grid-product__image-mask {
  position: relative;
  overflow: hidden
}

.grid-product__image {
  display: block;
  margin: 0 auto;
  width: 100%
}

.grid-product__secondary-image {
  position: absolute;
  top: -1px;
  left: -1px;
  right: -1px;
  bottom: -1px;
  background-color: #fff;
  background-color: var(--colorBody);
  opacity: 0
}

.grid-product__secondary-image img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover
}

.grid-product__content:hover .grid-product__secondary-image {
  opacity: 1
}

[data-animate_images=true] .grid-product__content:hover .grid-product__secondary-image {
  opacity: 0;
  animation: 0.5s cubic-bezier(.26, .54, .32, 1) 0s forwards;
  animation-name: fade-in
}

@media only screen and (max-width:589px) {
  .supports-touch .grid-product__secondary-image {
    display: none
  }
}

.grid-product__meta {
  position: relative;
  padding: 10px 0 6px 0;
  line-height: calc(var(--typeBaseLineHeight) - .1)
}

@media only screen and (max-width:589px) {
  .small--grid--flush .grid-product__meta {
    padding-left: 15px;
    padding-right: 10px
  }
}

.grid-product__title {
  font-size: calc(var(--typeBaseSize)*1.2*0.83)
}

@media only screen and (min-width:590px) {
  .grid-product__title {
    font-size: calc(var(--typeBaseSize)*1.18)
  }
}

.grid-product__vendor {
  font-family: var(--typeBasePrimary), var(--typeBaseFallback);
  font-weight: var(--typeBaseWeight);
  letter-spacing: var(--typeBaseSpacing);
  line-height: var(--typeBaseLineHeight)
}

[data-type_base_accent_transform=true] .grid-product__vendor {
  text-transform: uppercase;
  letter-spacing: .2em
}

.grid-product__vendor {
  font-size: 11px;
  margin-top: 3px
}

.grid-product__price {
  margin-top: 6px;
  font-size: calc(var(--typeBaseSize)*0.9*0.92)
}

@media only screen and (min-width:590px) {
  .grid-product__price {
    font-size: calc(var(--typeBaseSize)*0.9)
  }
}

.grid-product__price--original {
  text-decoration: line-through;
  margin-right: 5px
}

.grid-product__tag {
  font-family: var(--typeBasePrimary), var(--typeBaseFallback);
  font-weight: var(--typeBaseWeight);
  letter-spacing: var(--typeBaseSpacing);
  line-height: var(--typeBaseLineHeight)
}

[data-type_base_accent_transform=true] .grid-product__tag {
  text-transform: uppercase;
  letter-spacing: .2em
}

.grid-product__tag {
  position: absolute;
  top: -20px;
  right: 0;
  font-size: 10px;
  line-height: 1;
  padding: 6px 6px 6px 8px;
  background-color: #111;
  background-color: var(--colorBtnPrimary);
  color: #fff;
  color: var(--colorBtnPrimaryText);
  z-index: 1;
  transition: opacity 0.4s ease
}

@media only screen and (min-width:590px) {
  .grid-product__tag {
    font-size: 12px;
    padding: 7px 8px 7px 10px
  }
}

.grid-product__tag--sale {
  background-color: #900;
  background-color: var(--colorSaleTag);
  color: #fff;
  color: var(--colorSaleTagText)
}

.quick-product__btn {
  position: absolute;
  top: -15px;
  right: -15px;
  z-index: 2;
  border-radius: 50%;
  width: 65px;
  height: 65px;
  background-color: #111;
  background-color: var(--colorBtnPrimary);
  color: #fff;
  color: var(--colorBtnPrimaryText);
  overflow: hidden;
  font-size: calc(var(--typeBaseSize)*0.85);
  line-height: 1.2;
  cursor: pointer;
  opacity: 0;
  transform: translateY(5px);
  transition: opacity 0.15s ease, transform 0.15s ease-out, background 0.15s ease
}

.no-js .quick-product__btn {
  display: none
}

.grid-product__content:hover .quick-product__btn {
  opacity: 1;
  transform: translateY(0);
  transition: opacity 0.15s ease, transform 0.15s ease-out
}

.grid-product__content:hover .quick-product__btn:hover {
  transform: scale(1.08);
  transition: none
}

.grid-product__content:hover .quick-product__btn:active {
  transform: none
}

.quick-product__btn--not-ready {
  pointer-events: none
}

.quick-product__label {
  position: relative;
  top: 54%;
  transform: translateY(-50%);
  display: block;
  text-align: center;
  width: 65px
}

.grid-product__has-quick-shop .grid-product__content:hover .grid-product__tag {
  opacity: 0;
  transition-duration: 0.2s
}

@media only screen and (max-width:589px) {
  .grid-overflow-wrapper {
    overflow: hidden;
    overflow-x: scroll;
    -webkit-overflow-scrolling: touch;
    padding-bottom: 26.66667px
  }

  .grid-overflow-wrapper .grid {
    white-space: nowrap;
    display: flex
  }

  .grid-overflow-wrapper .grid__item {
    width: 66vw;
    flex: 0 0 66vw;
    display: inline-block;
    float: none;
    white-space: normal
  }

  .grid-overflow-wrapper .grid__item:first-child {
    margin-left: 20px
  }

  .grid-overflow-wrapper .grid__item:last-child:after {
    content: "";
    display: inline-block;
    width: 100%;
    height: 1px;
    margin-right: 20px
  }

  .grid-overflow-wrapper .grid__item--view-all {
    align-self: center
  }

  .grid-overflow-wrapper .grid-product__content {
    margin-bottom: 0
  }

  [data-aos=overflow__animation] {
    transform: translateX(100vw);
    transition: transform 0.8s cubic-bezier(.25, .46, .45, .94)
  }

  [data-aos=overflow__animation].aos-animate {
    transform: translateX(0)
  }
}

.grid-product__see-all {
  display: inline-block;
  padding: 20px;
  text-align: center;
  border: 1px solid;
  border-color: #e8e8e1;
  border-color: var(--colorBorder);
  margin-top: -60px
}

.grid-product.aos-animate.unload .grid-product__image {
  opacity: 0;
  transition-duration: 0.3s;
  animation: grid-product__loading 15s ease infinite !important
}

.grid-product.aos-animate.unload .grid-product__meta {
  opacity: 0;
  transition-duration: 0.3s
}

.grid-product.aos-animate.unload .grid-product__colors {
  opacity: 0;
  transition-duration: 0.3s
}

.grid-product.aos-animate.unload .grid-product__tag {
  opacity: 0;
  transition-duration: 0.3s
}

.grid-product__colors {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  line-height: 14px;
  margin-top: 5px
}

.grid-product__colors .color-swatch {
  border-radius: 50%
}

.filter-form .color-swatch {
  border-radius: 50%
}

.grid-product__colors .color-swatch--small:before {
  border-radius: 50%
}

.filter-form .color-swatch--small:before {
  border-radius: 50%
}

@media only screen and (max-width:589px) {
  .small--grid--flush .grid-product__colors {
    padding-left: 11px
  }
}

@media only screen and (min-width:590px) {
  .grid-product__colors {
    line-height: 17px
  }
}

.sales-points {
  list-style: none;
  padding: 0;
  margin: 0
}

.quick-add-modal .sales-points {
  display: none
}

.sales-point {
  display: block;
  margin-bottom: 10px
}

.sales-point:last-child {
  margin-bottom: 0
}

.sales-point .icon {
  position: relative;
  width: 25px;
  height: 25px;
  margin-right: 10px
}

[dir=rtl] .sales-point .icon {
  margin-right: 0;
  margin-left: 10px
}

@media only screen and (max-width:589px) {
  .sales-point .icon-and-text {
    justify-content: flex-start;
    font-size: 16px
  }
}

@keyframes inventory-pulse {
  0% {
    opacity: .5
  }

  to {
    transform: scale(2.5);
    opacity: 0
  }
}

.icon--inventory:after,
.icon--inventory:before {
  width: 9px;
  height: 9px;
  background: #54c63a;
  border-radius: 9px;
  position: absolute;
  left: 0;
  top: 0;
  content: "";
  margin: 8px
}

.icon--inventory:before {
  animation: inventory-pulse 2s linear infinite
}

.inventory--low .icon--inventory:after,
.inventory--low .icon--inventory:before {
  background: #f4af29
}

.sales-point_stock,
.sales-point_instorestock {
  color: #54c63a
}

.inventory--low {
  color: #f4af29
}

.color-swatch {
  position: relative;
  display: block;
  text-indent: -9999px;
  margin: 0 4px 4px;
  background-position: 50%;
  background-size: cover;
  background-repeat: no-repeat;
  width: 2.5em;
  border: 3px solid #fff;
  transition: box-shadow 0.2s ease
}

.color-swatch:before {
  content: "";
  position: absolute;
  top: -3px;
  left: -3px;
  right: -3px;
  bottom: -3px;
  z-index: 2
}

.color-swatch:before {
  border: 1px solid;
  border-color: #e8e8e1;
}

.round-color-icon .color-swatch:before {
  border-radius: 50%
}

a.color-swatch:hover::before {
  border: 1px solid #000
}

.color-swatch--small {
  width: 14px;
  height: 14px
}

@media only screen and (min-width:590px) {
  .color-swatch--small {
    width: 23px;
    height: 23px
  }

  .grid-product__colors .color-swatch--small {
    width: 35px;
    height: 35px
  }

  .color-swatch--small.color-swatch--custom-filter {
    width: 29px;
    height: 29px
  }
}

.color-swatch--small:before {
  border: 1px solid;
  border-color: #e8e8e1
}

.tag--swatch {
  display: inline-block
}

.skrim__item {
  overflow: hidden
}

.skrim__item-content {
  position: relative;
  overflow: hidden;
  height: 100%;
  width: 100%;
  background: #111;
  background: var(--colorLargeImageBg)
}

.product-navigation .skrim__item-content {
  background: #111;
  background: var(--colorLargeImageBg)
}

.skrim__item-content .icon-arrow-left {
  width: 33px;
  margin-right: 8px
}

.skrim__item-content .icon-arrow-right {
  width: 33px;
  margin-left: 8px
}

.skrim__item-content .skrim__overlay {
  position: relative;
  transition: transform 2s ease-out 0s
}

.skrim__item-content .skrim__overlay:after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
  transition: opacity 0.5s ease
}

.skrim__item-content .skrim__overlay:before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: auto;
  background: #000;
  opacity: 0;
  transition: opacity 0.5s ease
}

[data-animate_sections=true] .skrim__item-content .skrim__overlay:focus,
[data-animate_sections=true] .skrim__item-content .skrim__overlay:hover {
  transform: scale(1.05)
}

[data-animate_sections=true] .skrim__item-content .skrim__overlay:focus:before,
[data-animate_sections=true] .skrim__item-content .skrim__overlay:hover:before {
  opacity: .2;
  transition: opacity 0.2s ease-in
}

.skrim__link {
  display: block;
  width: 100%;
  height: 100%
}

.skrim__overlay {
  display: block;
  overflow: hidden;
  height: 100%;
  width: 100%;
  transform: scale(1)
}

.skrim__title {
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 2;
  margin: 0 12.5px 12.5px 12.5px;
  pointer-events: none;
  color: #fff;
  color: var(--colorHeroText);
  transition: transform 0.5s ease
}

@media only screen and (min-width:590px) {
  .skrim__title {
    margin: 0 25px 25px 25px
  }
}

.skrim__title--right {
  left: auto;
  right: 0
}

.skrim__underline-me {
  position: relative;
  display: inline-block
}

[data-animate_underlines=true] .skrim__underline-me:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  border-bottom: 2px solid;
  border-bottom-color: #fff;
  border-bottom-color: var(--colorHeroText);
  transform: scaleX(0);
  transform-origin: 0 50%;
  transition: transform 0.5s ease
}

[data-animate_underlines=true] .skrim__link:hover .skrim__underline-me:after {
  transform: scaleX(1)
}

[data-animate_underlines=true] .skrim__link:hover .skrim__title {
  transform: translateY(-10px)
}

[data-animate_sections=true] [data-aos=skrim__animation] .skrim__overlay {
  transform: scale(1.1);
  opacity: 0;
  transition: opacity 1s cubic-bezier(.44, .13, .48, .87), transform 1.5s cubic-bezier(.44, .13, .48, .87)
}

.no-js [data-animate_sections=true] [data-aos=skrim__animation] .skrim__overlay {
  opacity: 1
}

[data-animate_sections=true] [data-aos=skrim__animation] .skrim__overlay:after {
  opacity: 0
}

.no-js [data-animate_sections=true] [data-aos=skrim__animation] .skrim__overlay:after {
  opacity: 1
}

[data-animate_sections=true] [data-aos=skrim__animation].aos-animate .skrim__overlay {
  opacity: 1;
  transform: scale(1)
}

[data-animate_sections=true] [data-aos=skrim__animation].aos-animate .skrim__overlay:after {
  opacity: 1;
  transition-duration: 1.5s
}

[data-animate_sections=true] .skrim__item:nth-child(2) .skrim__overlay {
  transition-delay: 0.25s
}

[data-animate_sections=true] .skrim__item:nth-child(3) .skrim__overlay {
  transition-delay: 0.5s
}

[data-animate_sections=true] .skrim__item:nth-child(4) .skrim__overlay {
  transition-delay: 0.13s
}

[data-animate_sections=true] .skrim__item:nth-child(5) .skrim__overlay {
  transition-delay: 0.38s
}

[data-animate_sections=true] .skrim__item:nth-child(6) .skrim__overlay {
  transition-delay: 0.63s
}

[data-animate_sections=true] .skrim__item:nth-child(7) .skrim__overlay {
  transition-delay: 0.25s
}

[data-animate_sections=true] .skrim__item:nth-child(8) .skrim__overlay {
  transition-delay: 0.5s
}

[data-animate_sections=true] .skrim__item:nth-child(9) .skrim__overlay {
  transition-delay: 0.13s
}

[data-animate_sections=true] .skrim__item:nth-child(10) .skrim__overlay {
  transition-delay: 0.38s
}

[data-animate_sections=true] .skrim__item:nth-child(11) .skrim__overlay {
  transition-delay: 0.63s
}

[data-animate_sections=true] .skrim__item:nth-child(12) .skrim__overlay {
  transition-delay: 0.45s
}

.custom-content {
  display: flex;
  align-items: stretch;
  flex-wrap: wrap;
  width: auto;
  margin-bottom: -30px;
  margin-left: -30px
}

@media only screen and (max-width:589px) {
  .custom-content {
    margin-bottom: -22px;
    margin-left: -22px
  }
}

.custom__item {
  flex: 0 0 auto;
  margin-bottom: 30px;
  padding-left: 30px;
  max-width: 100%
}

@media only screen and (max-width:589px) {
  .custom__item {
    flex: 0 0 auto;
    padding-left: 22px;
    margin-bottom: 22px
  }

  .custom__item.small--one-half {
    flex: 1 0 50%;
    max-width: 400px;
    margin-left: auto;
    margin-right: auto
  }
}

.custom__item img {
  display: block
}

.custom__item-inner {
  position: relative;
  display: inline-block;
  text-align: left;
  max-width: 100%;
  width: 100%
}

.custom__item-inner--html,
.custom__item-inner--video {
  display: block
}

.custom__item-inner--image {
  width: 100%
}

.custom__item-inner--html img {
  display: block;
  margin: 0 auto
}

.custom__item-inner--placeholder-image {
  width: 100%
}

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

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

.align--middle-left {
  align-self: center
}

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

.align--middle-right {
  align-self: center;
  text-align: right
}

.align--bottom-left {
  align-self: flex-end
}

.align--bottom-middle {
  align-self: flex-end;
  text-align: center
}

.align--bottom-right {
  align-self: flex-end;
  text-align: right
}

.article__grid-image {
  display: block;
  text-align: center;
  margin-bottom: 20px;
  overflow: hidden;
  max-height: 200px
}

.article__grid-image .image-wrap {
  display: block;
  position: relative;
  transition: transform 2s ease-out 0s
}

.article__grid-image .image-wrap img {
  max-height: 200px;
  object-fit: cover
}

.article__grid-image .image-wrap:before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: auto;
  background: #000;
  z-index: 1;
  opacity: 0;
  transition: opacity 0.5s ease;
  max-height: 200px
}

[data-animate_sections=true] .article__grid-image:focus .image-wrap,
[data-animate_sections=true] .article__grid-image:hover .image-wrap {
  transform: scale(1.05)
}

[data-animate_sections=true] .article__grid-image:focus .image-wrap:before,
[data-animate_sections=true] .article__grid-image:hover .image-wrap:before {
  opacity: .15;
  transition: opacity 0.2s ease-in
}

.article__date {
  font-family: var(--typeBasePrimary), var(--typeBaseFallback);
  font-weight: var(--typeBaseWeight);
  letter-spacing: var(--typeBaseSpacing);
  line-height: var(--typeBaseLineHeight)
}

[data-type_base_accent_transform=true] .article__date {
  text-transform: uppercase;
  letter-spacing: .2em
}

.article__date {
  margin-bottom: 6px;
  font-size: 11px
}

@media only screen and (min-width:590px) {
  .article__date {
    margin-bottom: 4px;
    font-size: 13px
  }
}

.index-section .article__date {
  margin-bottom: 2px
}

.article__title {
  font-size: calc(var(--typeBaseSize) + 2px)
}

@media only screen and (min-width:590px) {
  .article__title {
    font-size: calc(var(--typeBaseSize) + 5px);
    -ms-text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    overflow: hidden;
    -ms-line-clamp: 1;
    -webkit-line-clamp: 1;
    line-clamp: 1;
    display: -webkit-box;
    display: box;
    word-wrap: break-word;
    -webkit-box-orient: vertical;
    box-orient: vertical
  }
}

.article__author {
  font-size: calc(var(--typeBaseSize) - 1px);
  font-style: italic;
  margin-top: 2px
}

.article__grid-meta {
  margin-bottom: 40px
}

.logo-bar {
  text-align: center;
  margin-bottom: -40px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap
}

.logo-bar__item {
  flex: 0 1 110px;
  vertical-align: middle;
  margin: 0 20px 26.66667px
}

@media only screen and (min-width:590px) {
  .logo-bar__item {
    flex: 0 1 160px;
    margin: 0 26.66667px 40px
  }
}

.logo-bar__image {
  display: block;
  margin: 0 auto
}

.logo-bar__link {
  display: block
}

[data-animate_images=true] [data-aos=logo__animation] .logo-bar__item {
  opacity: 0
}

[data-animate_images=true] [data-aos=logo__animation].aos-animate .logo-bar__item {
  animation: fade-in 0.5s ease 0s forwards
}

[data-animate_images=true] [data-aos=logo__animation].aos-animate .logo-bar__item:nth-child(2) {
  animation-delay: 0.2s
}

[data-animate_images=true] [data-aos=logo__animation].aos-animate .logo-bar__item:nth-child(3) {
  animation-delay: 0.4s
}

[data-animate_images=true] [data-aos=logo__animation].aos-animate .logo-bar__item:nth-child(4) {
  animation-delay: 0.6s
}

[data-animate_images=true] [data-aos=logo__animation].aos-animate .logo-bar__item:nth-child(5) {
  animation-delay: 0.8s
}

[data-animate_images=true] [data-aos=logo__animation].aos-animate .logo-bar__item:nth-child(6) {
  animation-delay: 1.0s
}

[data-animate_images=true] [data-aos=logo__animation].aos-animate .logo-bar__item:nth-child(7) {
  animation-delay: 1.2s
}

[data-animate_images=true] [data-aos=logo__animation].aos-animate .logo-bar__item:nth-child(8) {
  animation-delay: 1.4s
}

[data-animate_images=true] [data-aos=logo__animation].aos-animate .logo-bar__item:nth-child(9) {
  animation-delay: 1.6s
}

[data-animate_images=true] [data-aos=logo__animation].aos-animate .logo-bar__item:nth-child(10) {
  animation-delay: 1.8s
}

.background-media-text {
  position: absolute;
  width: 100%;
  overflow: hidden;
  background: #111;
  background: var(--colorLargeImageBg)
}

.background-media-text__video {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  width: 100%;
  z-index: 0
}

@media only screen and (max-width:589px) {
  .background-media-text__video {
    width: 300%;
    left: -100%
  }
}

.background-media-text__video iframe,
.background-media-text__video video {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  pointer-events: none;
  object-fit: cover
}

@media only screen and (min-width:590px) {

  .background-media-text__video iframe,
  .background-media-text__video video {
    height: 120%;
    max-width: none;
    left: -100%;
    height: 100%;
    width: 300%
  }
}

@media screen and (min-width:1140px) {

  .background-media-text__video iframe,
  .background-media-text__video video {
    width: 100%;
    height: 100%;
    left: auto;
    top: 0;
    object-fit: cover
  }
}

.video-parent-section.video-interactable iframe,
.video-parent-section.video-interactable video {
  pointer-events: auto
}

.background-media-text__inner {
  position: absolute;
  z-index: 2;
  width: 100%;
  height: 100%
}

.video-interactable .background-media-text__inner {
  pointer-events: none
}

.background-media-text__aligner {
  margin: 60px
}

.background-media-text__text {
  text-align: left;
  background: #fff;
  background: var(--colorBody);
  padding: 40px;
  width: 380px
}

.background-media-text__text .btn {
  margin-top: 20px
}

@media only screen and (min-width:590px) {
  .background-media-text--right .animation-cropper {
    float: right
  }
}

.background-media-text__container {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0
}

@media only screen and (max-width:589px) {
  .background-media-text {
    position: relative
  }

  .background-media-text__inner {
    position: relative
  }

  .background-media-text__container,
  .background-media-text__video {
    position: relative;
    height: 240px
  }

  .background-media-text__aligner {
    margin: -11px -11px 11px
  }

  .background-media-text__text {
    padding: 30px;
    width: auto;
    margin: 0 20px
  }

  .background-media-text.loading:after,
  .background-media-text.loading:before {
    top: 117px
  }
}

@media only screen and (min-width:590px) {

  .background-media-text--450,
  .background-media-text--450 .background-media-text__image,
  .background-media-text--450 .background-media-text__video,
  .background-media-text__spacer.background-media-text--450 {
    min-height: 450px
  }

  .background-media-text--550,
  .background-media-text--550 .background-media-text__image,
  .background-media-text--550 .background-media-text__video,
  .background-media-text__spacer.background-media-text--550 {
    min-height: 550px
  }

  .background-media-text--650,
  .background-media-text--650 .background-media-text__image,
  .background-media-text--650 .background-media-text__video,
  .background-media-text__spacer.background-media-text--650 {
    min-height: 650px
  }

  .background-media-text--750,
  .background-media-text--750 .background-media-text__image,
  .background-media-text--750 .background-media-text__video,
  .background-media-text__spacer.background-media-text--750 {
    min-height: 750px
  }

  .background-media-text--850,
  .background-media-text--850 .background-media-text__image,
  .background-media-text--850 .background-media-text__video,
  .background-media-text__spacer.background-media-text--850 {
    min-height: 850px
  }
}

[data-animate_sections=true] [data-aos=background-media-text__animation] .background-media-text__image.lazyloaded,
[data-animate_sections=true] [data-aos=background-media-text__animation] .background-media-text__image svg,
[data-animate_sections=true] [data-aos=background-media-text__animation] .background-media-text__video {
  opacity: 0
}

.no-js [data-animate_sections=true] [data-aos=background-media-text__animation] .background-media-text__image.lazyloaded,
.no-js [data-animate_sections=true] [data-aos=background-media-text__animation] .background-media-text__image svg,
.no-js [data-animate_sections=true] [data-aos=background-media-text__animation] .background-media-text__video {
  animation: none;
  opacity: 1
}

[data-animate_sections=true] [data-aos=background-media-text__animation].aos-animate .background-media-text__image.lazyloaded,
[data-animate_sections=true] [data-aos=background-media-text__animation].aos-animate .background-media-text__image svg,
[data-animate_sections=true] [data-aos=background-media-text__animation].loaded.aos-animate .background-media-text__video {
  animation: 2.5s cubic-bezier(.26, .54, .32, 1) 0s forwards;
  animation-name: zoom-fade;
  transition: none
}

@media only screen and (min-width:590px) {
  [data-animate_sections=true] [data-aos=background-media-text__animation] .background-media-text__inner .animation-contents {
    opacity: 0
  }

  .no-js [data-animate_sections=true] [data-aos=background-media-text__animation] .background-media-text__inner .animation-contents {
    animation: none;
    opacity: 1
  }

  [data-animate_sections=true] [data-aos=background-media-text__animation].loaded.aos-animate .background-media-text__inner .animation-contents {
    animation: 1s cubic-bezier(.26, .54, .32, 1) 0.5s forwards;
    animation-name: rise-up
  }
}

[data-animate_sections=false] [data-aos=background-media-text__animation] .background-media-text__video {
  opacity: 0
}

.no-js [data-animate_sections=false] [data-aos=background-media-text__animation] .background-media-text__video {
  opacity: 1
}

[data-animate_sections=false] [data-aos=background-media-text__animation].loaded .background-media-text__video {
  animation: fade-in 1.5s cubic-bezier(.26, .54, .32, 1) 0s forwards
}

.quote-icon {
  display: block;
  margin: 0 auto 20px
}

.testimonial-stars {
  display: block;
  font-size: 16px;
  letter-spacing: .2em;
  margin-bottom: 10px
}

@media only screen and (min-width:590px) {
  .testimonial-stars {
    font-size: 18px;
    margin-bottom: 15px
  }
}

.testimonials-slide {
  display: none;
  opacity: 0;
  padding: 40px 0 55px;
  width: 33%
}

.testimonials-slide:first-child {
  display: block
}

.flickity-slider .testimonials-slide {
  display: block;
  opacity: 1
}

.testimonials-slide .testimonials-slider__text {
  transform: scale(.95);
  transition: transform 0.5s ease, box-shadow 0.5s ease
}

.testimonials-slide.is-selected .testimonials-slider__text {
  transform: scale(1.1);
  box-shadow: 0 10px 25px rgba(0, 0, 0, .1);
  position: relative;
  z-index: 10
}

@media only screen and (max-width:589px) {
  .testimonials-slide {
    width: 100%
  }

  .testimonials-slide .testimonials-slider__text {
    transform: scale(.86)
  }

  .testimonials-slide.is-selected .testimonials-slider__text {
    transform: scale(1)
  }
}

.testimonials-slider__text {
  margin: 0 30px;
  padding: 30px 20px;
  background: #fff;
  background: var(--colorBody);
  color: #1c1d1d;
  color: var(--colorTextBody);
  margin-bottom: 20px
}

@media only screen and (min-width:590px) {
  .testimonials-slider__text {
    margin: 0;
    padding: 30px;
    margin-bottom: 0
  }
}

.testimonials-slider__text cite {
  font-family: var(--typeHeaderPrimary), var(--typeHeaderFallback);
  font-weight: var(--typeHeaderWeight);
  letter-spacing: var(--typeHeaderSpacing);
  line-height: var(--typeHeaderLineHeight)
}

[data-type_header_capitalize=true] .testimonials-slider__text cite {
  text-transform: uppercase
}

.testimonials-slider__text cite {
  font-style: normal
}

@media only screen and (min-width:590px) {
  .testimonials-slider__text cite {
    font-size: calc(var(--typeBaseSize) + 1px)
  }
}

.testimonials-slider__text p {
  margin-bottom: 10px
}

.testimonials-slider__text p+cite {
  margin-top: 0
}

.testimonail-image {
  max-width: 142px;
  background-color: #fff;
  background-color: var(--colorBody);
  margin-bottom: 20px
}

.text-center .testimonail-image {
  margin-left: auto;
  margin-right: auto
}

.testimonail-image--round {
  width: 65px;
  height: 65px;
  max-width: none;
  border-radius: 65px
}

.testimonail-image--round img {
  overflow: hidden;
  border-radius: 65px
}

.testimonial-meta {
  margin-top: 30px
}

.testimonial-meta cite:before {
  content: ""
}

.testimonial-meta p {
  font-size: calc(var(--typeBaseSize) - 1);
  margin: 5px 0 0
}

@media only screen and (min-width:590px) {
  .testimonial-meta p {
    font-size: var(--typeBaseSize)
  }
}

.testimonials-section .flickity-page-dots {
  bottom: 0
}

.announcement {
  position: relative;
  overflow: hidden;
  background-color: #1c1d1d;
  background-color: var(--colorAnnouncement);
  color: #fff;
  color: var(--colorAnnouncementText);
  max-height: 100px;
  transition: max-height 0.3s cubic-bezier(0, 0, .38, 1);
  ;
  transform: translateZ(0);
  z-index: 29;
  
  @media(max-width: 1350px){
    padding: 0 15px;
  }

}

.announcement.announcement-bottom {
  background-color: #fff;
  color: #1c1d1d;
  font-family: 'Poppins', sans-serif;
  z-index: 4;
  border-bottom: 1px solid;
  border-bottom-color: #e8e8e1
}

.announcement--closed {
  max-height: 0 !important
}

.announcement__text {
  display: block;
  padding: 5px 20px 4px;
  font-size: 13px;
  transition: opacity 0.75s ease;
  text-align: center;
  max-width: 1300px;
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: space-between
}

.announcement__text span img {
  max-height: 18px;
  max-width: 17px;
  margin-bottom: -2px;
  margin-right: 7px;
  width: 100%;
  object-fit: contain
}

.announcement-bottom .announcement__text {
  justify-content: space-between
}

.announcement-bottom .announcement__text.announcement__text-center {
  gap: 40px
}

.announcement-bottom .announcement__text span span {
  color: #cba172
}

.announcement-bottom .announcement__text img {
  height: 19px;
  margin-top: 0
}

.announcement-bottom .announcement__text img.announcement_img-small {
  height: 22px;
  margin-top: 0
}

.announcement-bottom .announcement__text img.announcement_img-big {
  height: 24px;
  margin: -1px
}

.announcement-bottom .announcement__link_zeiss .announcement__text img.announcement_img-small {
  height: 14px;
  margin-top: 0;
}

.announcement-bottom .announcement__link_zeiss .announcement__text img.announcement_img-big {
  height: 34px;
  margin: -1px
}

@media only screen and (min-width:590px) {
  .announcement__text {
    padding: 6px 0px 5px;
    font-size: 13px
  }

  .announcement-bottom .announcement__text {
    font-size: 12px;
    padding: 5px 40px 4px
  }

  .announcement-bottom .announcement__text .first-strong {
    font-size: 16px
  }

  .announcement-bottom .announcement__text .view-more {
    font-size: 13px
  }

  .announcement-bottom .announcement__text.announcement__text-center {
    font-size: 13px
  }

  .announcement-bottom .announcement__text.announcement__text-center .first-strong {
    font-size: 14px;
  }

  .announcement-bottom .announcement__text.announcement__text-center .view-more {
    font-size: 13px
  }

  .announcement__text .num {
    font-size: 12px
  }
}

@media only screen and (max-width:1024px) {
  .announcement {
    display: none
  }

  .announcement.announcement-bottom {
    display: block
  }

  .announcement.announcement-bottom .no_mobile_view {
    display: none
  }

  .announcement.announcement-bottom .first-strong {
    margin-right: auto
  }

  .announcement-bottom .announcement__text img.announcement_img-big {
    height: 26px;
    margin: -3px
  }
}

@media only screen and (max-width:760px) {
  .announcement-bottom .announcement__text.announcement__text-center {
    gap: 29px;
    padding: 6px 20px 4px
  }

  .announcement__text {
    font-size: 10px;
    padding: 5px 10px 4px
  }

  .announcement-bottom .announcement__text img.announcement_img-big {
    height: 23px;
    margin: -3px
  }

  .announcement.announcement-bottom .first-strong {
    margin-right: auto;
    margin-left: 0
  }
}

.announcement--closed .announcement__text {
  opacity: 0
}

.announcement__link {
  display: block;
  color: #fff;
  color: var(--colorAnnouncementText)
}

.announcement-bottom .announcement__link {
  color: #1c1d1d
}

.announcement__link:hover {
  color: #fff;
  color: var(--colorAnnouncementText)
}

.announcement-bottom .announcement__link:hover {
  color: #939393
}

.announcement__close {
  display: block;
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
  padding: 0 10px;
  transition: opacity 1s ease 0.8s;
  cursor: pointer;
  z-index: 2
}

.announcement--closed .announcement__close {
  opacity: 0
}

.announcement__close .icon {
  color: #fff;
  color: var(--colorAnnouncementText);
  width: 20px;
  height: 20px;
  vertical-align: middle
}

@media only screen and (min-width:590px) {
  .announcement__close .icon {
    width: 22px;
    height: 22px
  }
}

.shopify-challenge__container {
  padding: 30px 22px
}

@media only screen and (min-width:590px) {
  .shopify-challenge__container {
    padding: 120px 0
  }
}

.newsletter {
  margin: 0 auto;
  max-width: 520px
}

.newsletter-section .errors {
  margin-left: auto;
  margin-right: auto;
  max-width: 520px
}

.newsletter-section .icon-email {
  width: 40px;
  height: 40px;
  margin-bottom: 5px
}

@media only screen and (min-width:590px) {
  .newsletter-section .icon-email {
    width: 32px;
    height: 32px;
    margin-bottom: 8px
  }
}

.newsletter-section .btn {
  min-width: auto
}

.modal .newsletter .h1 {
  margin-bottom: 10px;
  font-size: 1.45em
}

@media only screen and (min-width:590px) {
  .modal .newsletter .h1 {
    font-size: 1.8em;
    margin-bottom: 40px
  }
}

@media only screen and (max-width:589px) {
  .modal .input-group {
    margin-bottom: 0
  }

  .modal .newsletter p {
    margin-bottom: 15px
  }
}

.modal .newsletter p,
.newsletter-section .rte p {
  font-size: var(--typeBaseSize);
  margin-bottom: 20px
}

@media only screen and (min-width:590px) {

  .modal .newsletter p,
  .newsletter-section .rte p {
    font-size: calc(var(--typeBaseSize) + 2px)
  }
}

.modal .newsletter .image-wrap {
  margin-bottom: 10px
}

@media only screen and (min-width:590px) {
  .modal .newsletter .image-wrap {
    margin-bottom: 20px
  }
}

.modal .newsletter input {
  font-size: var(--typeBaseSize)
}

@media only screen and (min-width:590px) {
  .modal .newsletter input {
    font-size: calc(var(--typeBaseSize) + 1px)
  }
}

.modal .newsletter .text-close {
  text-decoration: underline
}

.newsletter__input-group {
  background-color: #fff;
  background-color: var(--colorInputBg);
  margin: 0 20px 20px;
  max-width: 400px
}

@media only screen and (min-width:590px) {
  .newsletter__input-group {
    margin: 0 auto 20px
  }
}

.newsletter__input::-webkit-input-placeholder {
  color: #1c1d1d;
  color: var(--colorTextBody);
  opacity: 1
}

.newsletter__input:-moz-placeholder {
  color: #1c1d1d;
  color: var(--colorTextBody);
  opacity: 1
}

.newsletter__input::-moz-placeholder {
  color: #1c1d1d;
  color: var(--colorTextBody);
  opacity: 1
}

.newsletter__input:-ms-input-placeholder {
  color: #1c1d1d;
  color: var(--colorTextBody)
}

.newsletter__input::-ms-input-placeholder {
  color: #1c1d1d;
  color: var(--colorTextBody);
  opacity: 1
}

@media only screen and (max-width:589px) {
  .form__submit--large {
    display: none
  }

  .form__submit--small {
    display: block
  }
}

@media only screen and (min-width:590px) {
  .form__submit--large {
    display: block
  }

  .form__submit--small {
    display: none
  }
}

div[data-section-type=fading-images] {
  overflow: hidden
}

.fading-images-overlay__overlay:before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 3
}

.fading-images__item {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  opacity: 0;
  -o-object-fit: cover;
  object-fit: cover
}

.no-js .fading-images__item {
  opacity: 1
}

.fading-images-overlay__titles {
  opacity: 0;
  margin: 0
}

.fading-images-overlay__titles.active-titles,
.fading-images-overlay__titles.finished-titles {
  opacity: 1
}

.fading-images-overlay__titles--heading-style {
  font-family: var(--typeHeaderPrimary), var(--typeHeaderFallback);
  font-weight: var(--typeHeaderWeight);
  letter-spacing: var(--typeHeaderSpacing);
  line-height: var(--typeHeaderLineHeight)
}

[data-type_header_capitalize=true] .fading-images-overlay__titles--heading-style {
  text-transform: uppercase
}

.fading-images-overlay__titles .animation-cropper {
  display: block
}

.fading-images-overlay__title {
  display: inline-block;
  -webkit-box-decoration-break: clone;
  box-decoration-break: clone;
  padding: 4px 15px;
  margin: 2px 0
}

.active-titles .fading-images-overlay__title {
  animation: 1.2s forwards;
  animation-name: rise-up
}

.finished-titles .fading-images-overlay__title {
  animation: 0.75s forwards;
  animation-name: rise-up-out
}

.active-image.lazyloaded {
  animation: kenburns 7s linear forwards;
  z-index: 2
}

.finished-image.lazyloaded {
  animation: kenburns-out 1s linear forwards;
  z-index: 1
}

.map-section {
  position: relative;
  height: 650px;
  width: 100%;
  overflow: hidden
}

@media only screen and (min-width:590px) {
  .map-section {
    height: 500px
  }
}

.map-section .page-width {
  height: 100%;
  padding: 0;
  max-width: none
}

.map-section--load-error {
  height: auto
}

.map-onboarding {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  width: 100%;
  background-size: cover;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  z-index: 0
}

.map-section__overlay-wrapper {
  position: relative;
  height: 100%
}

.map-section__overlay {
  position: relative;
  display: inline-block;
  background-color: #fff;
  background-color: var(--colorBody);
  padding: 30px;
  margin: 30px;
  width: 100%;
  z-index: 3
}

.map-section__overlay .text-spacing p:first-child {
  max-width: 250px
}

@media only screen and (min-width:590px) {
  .map-section__overlay {
    padding: 40px;
    position: absolute;
    left: 310px;
    top: 50%;
    transform: translateY(-50%);
    margin: 0;
    max-width: 30%;
    width: auto;
    padding: 40px 60px 40px 40px
  }
}

.map-section--load-error .map-section__overlay {
  position: static;
  transform: translateY(0)
}

.map-section__link {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 2
}

.map-section__container {
  position: absolute !important;
  top: 0;
  left: 0;
  width: 100%;
  height: 150%;
  margin-bottom: -50%
}

.map-section__container:before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: auto;
  background: #000;
  z-index: 1;
  opacity: .05
}

@media only screen and (min-width:590px) {
  .map-section__container {
    width: 130%;
    height: 100%;
    margin: 0 -30% 0 0
  }
}

[data-animate_sections=true] [data-aos=map-section__animation] .map-section__container {
  animation: fade-out 0.5s cubic-bezier(.26, .54, .32, 1) 0s forwards;
  opacity: 0
}

[data-animate_sections=true] [data-aos=map-section__animation].aos-animate .map-section__container {
  animation: 2.5s cubic-bezier(.26, .54, .32, 1) 0s forwards;
  animation-name: zoom-fade
}

.image-row:after {
  content: "";
  display: table;
  clear: both
}

.image-row__placeholder {
  float: left;
  width: 33.33%
}

.image-row--gutters .image-row__placeholder {
  width: 32%;
  margin: 0 1% 2%
}

.image-row--gutters .image-row__placeholder:first-child {
  margin-left: 0
}

.image-row--gutters .image-row__placeholder:last-child {
  margin-right: 0
}

.image-row__image {
  position: relative;
  min-height: 1px;
  float: left
}

.image-row__image:after {
  content: "";
  display: block;
  height: 0;
  width: 100%
}

.image-row__image img {
  display: block;
  position: absolute;
  top: 0;
  left: 0
}

.image-row__image .js-photoswipe__zoom {
  cursor: zoom-in
}

.image-row__image a .js-photoswipe__zoom {
  cursor: pointer
}

.store-availability {
  display: flex;
  justify-content: space-around
}

.store-availability .icon {
  margin: 6px 0 0;
  width: 12px;
  height: 12px
}

.store-availability .icon-in-stock {
  fill: #56ad6a
}

.store-availability .icon-out-of-stock {
  fill: #d02e2e
}

.store-availability+.store-availability {
  margin-top: 20px
}

.store-availability__info {
  flex: 0 1 90%;
  text-align: left;
  margin-left: 10px
}

.store-availability__info>div {
  margin-bottom: 5px
}

.store-availability__info>div:last-child {
  margin-bottom: 0
}

.store-availability__info a {
  text-decoration: underline
}

.store-availability__small {
  font-size: .8em
}

.store-availability__small a {
  display: block;
  margin-top: 10px
}

.cart__item {
  display: grid;
  grid-gap: 30px;
  grid-template-columns: 150px 1fr;
  grid-template-rows: repeat(2, [row] auto)
}

.drawer .cart__item {
  grid-template-columns: 90px 1fr;
  grid-gap: 20px
}

@media only screen and (max-width:589px) {
  .cart__item {
    grid-template-columns: 90px 1fr;
    grid-gap: 20px
  }

  .drawer .cart__item {
    grid-template-columns: 60px 1fr;
    grid-gap: 20px
  }
}

.cart__item--headers {
  grid-template-rows: 1fr;
  font-family: var(--typeHeaderPrimary), var(--typeHeaderFallback);
  font-weight: var(--typeHeaderWeight);
  letter-spacing: var(--typeHeaderSpacing);
  line-height: var(--typeHeaderLineHeight)
}

[data-type_header_capitalize=true] .cart__item--headers {
  text-transform: uppercase
}

[data-type_header_accent_transform=true] .cart__item--headers {
  text-transform: uppercase;
  letter-spacing: .2em
}

.cart__item--headers {
  font-size: .85em;
  border-bottom: 1px solid;
  border-bottom-color: #e8e8e1;
  border-bottom-color: var(--colorBorder);
  padding-bottom: 30px;
  margin-bottom: 30px
}

.cart__item--details {
  display: grid;
  grid-column: 2;
  grid-template-columns: 2fr 90px 1fr;
  align-items: center
}

@media only screen and (max-width:589px) {
  .cart__item--details {
    grid-template-columns: 90px 1fr
  }
}

.drawer .cart__item--details {
  grid-template-columns: 90px 1fr
}

.drawer .cart__item--details .cart__item--name {
  grid-column: 1 / span 3
}

.drawer .cart__item--details .cart__item--qty {
  grid-column: 1 / span 2
}

.cart__item--qty {
  grid-column: 2
}

.cart__item--price {
  grid-column: 3;
  margin-left: 10px
}

@media only screen and (max-width:589px) {
  .cart__item--name {
    grid-column: 1 / span 2
  }

  .cart__item--qty {
    grid-row: 2;
    grid-column: 1
  }

  .cart__item--price {
    grid-row: 2;
    grid-column: 2
  }
}

.cart__item-row {
  margin-bottom: 20px
}

.cart__item-sub {
  flex: 1 1 100%;
  display: flex;
  justify-content: space-between;
  line-height: 1
}

.cart__item-sub>div:first-child {
  margin-right: 10px
}

.cart__terms {
  display: flex;
  align-items: center;
  justify-content: center
}

.cart__terms label {
  margin-bottom: 0;
  text-transform: none;
  letter-spacing: 0
}

@media only screen and (min-width:590px) {
  .cart__terms--right {
    justify-content: flex-end
  }
}

.cart__footer {
  border-top: 1px solid;
  border-top-color: #e8e8e1;
  border-top-color: var(--colorBorder);
  padding-top: 30px
}

.cart__checkout-wrapper {
  margin-top: 20px
}

.cart__checkout-wrapper .additional-checkout-buttons {
  margin-top: 12px
}

.drawer .additional-checkout-buttons {
  margin: 10px 0
}

.drawer .additional-checkout-buttons [data-shopify-buttoncontainer] {
  justify-content: center
}

.drawer .additional-checkout-buttons [data-shopify-buttoncontainer]>* {
  height: auto !important
}

.cart__row [data-shopify-buttoncontainer] {
  justify-content: flex-end
}

@media only screen and (min-width:590px) {
  .cart__update+.cart__checkout {
    margin-left: 20px
  }
}

.cart__product-name {
  display: block;
  margin-bottom: 5px
}

@media only screen and (min-width:590px) {
  .cart__product-name {
    margin-bottom: 10px
  }
}

.cart__price {
  display: block
}

.cart__price--strikethrough {
  text-decoration: line-through
}

.cart__discount {
  display: block;
  color: #1c1d1d;
  color: var(--colorSalePrice)
}

.cart__variant-meta {
  font-size: .9em;
  margin-bottom: 10px
}

.cart__subtotal {
  font-family: var(--typeHeaderPrimary), var(--typeHeaderFallback);
  font-weight: var(--typeHeaderWeight);
  letter-spacing: var(--typeHeaderSpacing);
  line-height: var(--typeHeaderLineHeight)
}

[data-type_header_capitalize=true] .cart__subtotal {
  text-transform: uppercase
}

[data-type_header_accent_transform=true] .cart__subtotal {
  text-transform: uppercase;
  letter-spacing: .2em
}

@media only screen and (max-width:589px) {
  .cart__subtotal {
    font-size: .9em
  }
}

.cart__checkout {
  width: 100%
}

iframe.zoid-component-frame {
  z-index: 1 !important
}

.drawer__cart-empty {
  display: none
}

.drawer.is-empty .drawer__inner {
  display: none
}

.drawer.is-empty .drawer__cart-empty {
  display: block
}

.cart__empty-text {
  display: none
}

.is-empty .cart__empty-text {
  display: block
}

.template-cart .is-empty form {
  display: none
}

@media only screen and (min-width:590px) {
  .product-single__sticky {
    position: sticky;
    top: 20px
  }

  .modal--quick-shop .page-content {
    width: 70vw;
    max-width: 100%
  }
}

.product-full-width {
  margin-top: 40px
}

.product-single__meta {
  padding-left: 0
}

@media only screen and (max-width:589px) {
  .product-single__meta {
    padding-left: 0;
    margin-top: 20px
  }
}

.product-single__meta .social-sharing {
  margin-top: 25px
}

@media only screen and (min-width:590px) {
  .product-single__meta .social-sharing {
    margin-top: 40px
  }
}

.product-single__vendor {
  font-family: var(--typeBasePrimary), var(--typeBaseFallback);
  font-weight: var(--typeBaseWeight);
  letter-spacing: var(--typeBaseSpacing);
  line-height: var(--typeBaseLineHeight)
}

[data-type_base_accent_transform=true] .product-single__vendor {
  text-transform: uppercase;
  letter-spacing: .2em
}

.product-single__vendor {
  font-size: 12px;
  margin-bottom: 10px
}

.product-single__title {
  font-size: calc(var(--typeHeaderSize)*0.8);
  margin-bottom: 6.66667px;
  word-wrap: break-word
}

@media only screen and (min-width:590px) {
  .product-single__title {
    font-size: var(--typeHeaderSize);
    margin-bottom: 10px
  }
}

.product-single__review-link {
  display: block
}

.product-single__review-link .spr-badge[data-rating="0.0"] {
  display: none
}

.product-single__review-link .spr-badge {
  margin-bottom: 7px
}

.product-single__review-link .spr-badge-starrating {
  margin-right: 8px
}

.product-single__review-link .spr-badge-caption {
  font-size: calc(var(--typeBaseSize) - 1px)
}

.product-single__sku {
  margin-bottom: 6.66667px
}

.product-single__form .errors {
  margin-top: 10px
}

.product-single__variants {
  display: none
}

.no-js .product-single__variants {
  display: block;
  margin-bottom: 40px
}

.product-image-main {
  position: relative
}

.product__video-wrapper {
  position: relative;
  overflow: hidden;
  max-width: 100%;
  padding-bottom: 100%;
  height: auto;
  background-color: #fff;
  background-color: var(--colorSmallImageBg)
}

.product__video-wrapper iframe {
  width: 100%;
  height: 100%;
  transition: opacity 0.5s ease-in
}

.product__video-wrapper.loaded[data-video-style=muted]:before {
  content: "";
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1
}

.product__video-wrapper.video-interactable:before {
  display: none !important
}

.product__video-wrapper.loaded:after {
  display: none
}

.product__video-wrapper.loading iframe {
  opacity: .01
}

.product__video-wrapper.loaded iframe {
  opacity: 1
}

.product__video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%
}

.product-video-trigger {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%)
}

.product__photos--beside {
  display: flex;
  width: 100%
}

.product__photos {
  direction: ltr
}

.product__photos a {
  display: block;
  max-width: 100%
}

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

.product__main-photos {
  position: relative;
  overflow: hidden;
  flex: 1 1 auto
}

@media only screen and (min-width:590px) {
  .product__main-photos {
    order: 2
  }
}

.product-main-slide:not(.is-selected) button,
.product-main-slide:not(.is-selected) iframe,
.product-main-slide:not(.is-selected) model-viewer,
.product-main-slide:not(.is-selected) video {
  display: none
}

.product-main-slide {
  display: none;
  width: 100%
}

.product-main-slide:first-child {
  display: block
}

.flickity-slider .product-main-slide {
  display: block
}

.product__thumbs {
  position: relative;
  overflow: hidden
}

.product__thumbs--below {
  margin-top: 11px
}

@media only screen and (min-width:590px) {
  .product__thumbs--below {
    margin-top: 20px
  }
}

.product__thumbs--beside {
  flex: 0 0 60px;
  max-width: 60px;
  margin-left: 11px
}

@media only screen and (min-width:590px) {
  .product__thumbs--beside {
    flex: 0 0 80px;
    max-width: 80px;
    margin-left: 0;
    margin-right: 20px
  }
}

.product__thumbs--scroller {
  scrollbar-width: none;
  scroll-behavior: smooth;
  -ms-overflow-style: -ms-autohiding-scrollbar
}

.product__thumbs--scroller::-webkit-scrollbar {
  height: 0;
  width: 0
}

.product__thumbs--below .product__thumbs--scroller {
  display: flex;
  flex-wrap: wrap
}

.product__thumbs--beside .product__thumbs--scroller {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  overflow-y: scroll
}

.product__thumb-item {
  border: 2px solid transparent;
  cursor: crosshair;
  transition: transform .4s ease, -webkit-transform .4s ease
}

.product__thumb-item a.is-active,
.product__thumb-item a:focus {
  outline: none
}

.product__thumb-item:hover {
  transform: scale(1.03)
}

.product__thumb-item a.is-active:before,
.product__thumb-item a:focus:before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  box-shadow: none;
  box-shadow: none;
  z-index: 1
}

.product__thumb-item a:active:before {
  content: none
}

.product__thumbs--beside .product__thumb-item {
  margin-bottom: 11px
}

@media only screen and (min-width:590px) {
  .product__thumbs--beside .product__thumb-item {
    margin-bottom: 20px
  }
}

.product__thumbs--beside .product__thumb-item:last-child {
  margin-bottom: 0
}

.product__thumbs--below .product__thumb-item {
  display: inline-block;
  vertical-align: middle;
  gap: 11px;
  max-width: 50%;
  width: 100%
}

@media only screen and (min-width:590px) {
  .product__thumbs--below .product__thumb-item {
    gap: 20px
  }
}

.product__thumbs--below .product__thumb-item:last-child {
  margin-right: 0
}

.product__thumb-arrow {
  position: absolute;
  background: #fff;
  background: var(--colorBody);
  color: #1c1d1d;
  color: var(--colorTextBody);
  transform: none;
  border-radius: 0;
  padding: 0;
  z-index: 2
}

.product__thumb-arrow .icon {
  display: inline-block;
  width: 6px;
  height: 10px
}

.product__thumbs[data-position=below] .product__thumb-arrow {
  top: 0;
  height: 100%;
  width: 25px
}

.product__thumbs[data-position=below] .product__thumb-arrow.product__thumb-arrow--prev {
  left: 0;
  text-align: left
}

.product__thumbs[data-position=below] .product__thumb-arrow.product__thumb-arrow--next {
  right: 0;
  text-align: right
}

.product__thumbs[data-position=beside] .product__thumb-arrow {
  width: 100%
}

.product__thumbs[data-position=beside] .product__thumb-arrow .icon {
  margin: 0 auto;
  transform: rotate(90deg)
}

.product__thumbs[data-position=beside] .product__thumb-arrow.product__thumb-arrow--prev {
  top: 0;
  left: auto;
  padding-bottom: 10px
}

.product__thumbs[data-position=beside] .product__thumb-arrow.product__thumb-arrow--next {
  top: auto;
  bottom: 0;
  right: auto;
  padding-top: 10px
}

.product__thumb {
  position: relative;
  display: block;
  cursor: crosshair
}

.product__thumb-icon {
  position: absolute;
  top: 5px;
  right: 5px;
  background-color: #1c1d1d;
  background-color: var(--colorTextBody);
  border-radius: 100px;
  padding: 6px;
  z-index: 1;
  opacity: 0;
  transition: opacity 0.5s ease;
  font-size: 0
}

.aos-animate .product__thumb-icon {
  opacity: 1
}

.product__thumb-icon .icon {
  fill: #fff;
  fill: var(--colorBody);
  width: 10px;
  height: 10px
}

@media only screen and (min-width:590px) {
  .product__thumb-icon .icon {
    width: 13px;
    height: 13px
  }
}

.product__policies {
  margin-top: 6.6px;
  font-size: .85em
}

@media only screen and (min-width:590px) {
  .product__policies {
    margin-top: 10px
  }
}

.product__price {
  font-size: calc(var(--typeBaseSize) + 2px)
}

@media only screen and (min-width:590px) {
  .product__price {
    font-size: calc(var(--typeBaseSize) + 4px)
  }
}

.sale-price {
  color: #1c1d1d;
  color: var(--colorSalePrice)
}

.product__unit-price {
  font-size: .8em;
  opacity: .8
}

.product__price--compare {
  padding-right: 5px;
  display: inline-block;
  text-decoration: line-through
}

.product__quantity label {
  display: block;
  margin-bottom: 10px
}

.product-form-holder--loaded {
  animation: fade-in 1s ease
}

.add-to-cart[disabled]+.shopify-payment-button {
  display: none
}

.product-slideshow.flickity-enabled .product-main-slide {
  display: none
}

.product-slideshow.flickity-enabled .flickity-viewport .product-main-slide {
  display: block
}

.product__photo-zoom {
  position: absolute;
  bottom: 0;
  right: 0;
  cursor: zoom-in
}

@media only screen and (max-width:589px) {
  .product__photo-zoom {
    padding: 6px
  }

  .product__main-photos .product__photo-zoom {
    margin-bottom: 10px;
    margin-right: 10px
  }

  .product-slideshow .product__photo-zoom {
    opacity: 0;
    transition: opacity 0.5s ease-out
  }

  .product-slideshow .is-selected .product__photo-zoom {
    opacity: 1
  }
}

@media only screen and (min-width:590px) {
  .product__photo-zoom {
    opacity: 0;
    width: 100%;
    top: 0;
    left: 0;
    margin: 0;
    border-radius: 0
  }

  .product__photo-zoom span,
  .product__photo-zoom svg {
    display: none
  }
}

.shopify-payment-terms {
  margin: 12px 0;
  display: none
}

.shopify-payment-terms:empty {
  display: none
}

.modal .shopify-payment-terms {
  display: none
}

.template-blog .article {
  margin-bottom: 60px
}

@media only screen and (min-width:590px) {
  .template-blog .article {
    margin-bottom: 120px
  }
}

.template-blog .article:last-child {
  margin-bottom: 0
}

@media only screen and (min-width:590px) {
  .template-blog .article:last-child {
    margin-bottom: 60px
  }
}

.article .section-header__title,
.article__date,
.article__h3 {
  margin-bottom: 5px
}

@media only screen and (min-width:590px) {

  .article .section-header__title,
  .article__date,
  .article__h3 {
    margin-bottom: 10px
  }
}

.article__content-meta {
  margin-bottom: 20px
}

.article__featured-image {
  display: block;
  margin-bottom: 40px
}

.article__featured-image img {
  display: block;
  margin: 0 auto
}

.article__body {
  margin-bottom: 20px
}

@media only screen and (min-width:590px) {
  .article__body {
    margin-bottom: 40px
  }
}

.article--layout {
  display: flex;
  align-items: center;
  justify-content: flex-end
}

@media only screen and (max-width:589px) {
  .article--layout {
    flex-wrap: wrap
  }
}

.article__content {
  width: 100%
}

.article__image-wrap {
  position: relative;
  flex: 1 1 100%;
  height: 200px;
  margin: 40px 0
}

.article__image-wrap--empty {
  height: 0;
  margin: 0
}

.article__image img {
  position: absolute
}

@media only screen and (min-width:590px) {
  .article__content {
    flex: 1 1 auto;
    padding: 40px 40px 40px 0;
    width: 100%;
    max-width: 50%
  }

  .article__content--right {
    padding: 40px 0 40px 40px
  }

  .article__image-wrap {
    position: static;
    height: 450px;
    margin: 0
  }

  .article__image-wrap--right {
    order: 2
  }

  .article__image {
    position: absolute;
    left: 0;
    right: 50%;
    width: auto;
    height: 450px;
    min-width: 0
  }

  .article__image-wrap--right .article__image {
    left: 50%;
    right: 0
  }
}

.article__comment {
  margin-bottom: 40px
}

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

.site-header--password {
  color: #1c1d1d;
  color: var(--colorNavText)
}

.site-header--password a,
.site-header--password a:hover {
  color: #1c1d1d;
  color: var(--colorNavText)
}

.is-light .site-header--password {
  color: #fff
}

.is-light .site-header--password a,
.is-light .site-header--password a:hover {
  color: #fff
}

.password-page__header__grid {
  display: flex;
  flex: 1 1 auto;
  align-items: center;
  justify-content: space-between
}

.password-page__logo h1 {
  margin-bottom: 0
}

.password-page__logo .logo {
  max-width: 100%
}

.password-login {
  display: block;
  margin: 0 auto;
  font-family: var(--typeBasePrimary), var(--typeBaseFallback);
  font-weight: var(--typeBaseWeight);
  letter-spacing: var(--typeBaseSpacing);
  line-height: var(--typeBaseLineHeight)
}

[data-type_base_accent_transform=true] .password-login {
  text-transform: uppercase;
  letter-spacing: .2em
}

.password-login {
  font-size: .8em;
  padding: 10px 15px;
  border: 1px solid
}
}

;
border:1px solid var(--colorBorder)
}

.is-light .password-login {
  border-color: #fff
}

.password-form {
  margin-bottom: 1em
}

.password__lock .icon {
  position: relative;
  top: -2px;
  margin-right: 4px;
  width: 24px;
  height: 24px
}

.password__footer {
  padding: 40px 0
}

.icon-shopify-logo {
  width: 60px;
  height: 20px
}

@media only screen and (max-width:589px) {
  #LoginModal .modal__close {
    padding: 20px
  }
}

#LoginModal .modal__inner {
  background: #fff;
  background: var(--colorBody);
  color: #1c1d1d;
  color: var(--colorTextBody);
  padding: 30px
}

@media only screen and (max-width:589px) {
  #LoginModal .modal__inner {
    margin-bottom: 40vh
  }
}

.password-admin-link {
  margin: 0
}

.password-admin-link a {
  border-bottom: 2px solid !important;
  border-bottom-color: #e8e8e1 !important;
  border-bottom-color: var(--colorBorder) !important
}

.template-giftcard,
.template-giftcard body {
  background: #fff;
  background: var(--colorBody)
}

.template-giftcard a,
.template-giftcard body a {
  text-decoration: none
}

.template-giftcard .page-width {
  max-width: 588px
}

.template-giftcard .page-width iframe,
.template-giftcard .page-width img,
.template-giftcard .page-width object {
  max-width: 100%
}

.giftcard-header {
  padding: 80px 0;
  font-size: 1em;
  text-align: center
}

.giftcard-header a {
  display: block;
  margin: 0 auto
}

.template-giftcard .shop-url {
  display: none
}

.giftcard__border {
  padding: 1.5em;
  box-shadow: 0 10px 30px rgba(0, 0, 0, .3)
}

.giftcard__content:after {
  content: "";
  display: table;
  clear: both
}

.giftcard__content {
  background-color: #fff;
  background-color: var(--colorBody);
  color: #1c1d1d;
  color: var(--colorTextBody)
}

.giftcard__header:after {
  content: "";
  display: table;
  clear: both
}

.giftcard__header {
  padding: 20px
}

.giftcard__title {
  float: left;
  margin-bottom: 0
}

.giftcard__tag {
  display: block;
  float: right;
  background-color: #1c1d1d;
  background-color: var(--colorTextBody);
  border: 1px solid transparent;
  color: #fff;
  color: var(--colorBody);
  padding: 13.33333px;
  border-radius: 4px;
  font-size: .75em;
  text-transform: uppercase;
  letter-spacing: .05em;
  line-height: 1
}

.giftcard__tag--active {
  background: transparent;
  color: #1c1d1d;
  color: var(--colorTextBody);
  border: 1px solid;
  border-color: #e8e8e1;
  border-color: var(--colorBorder)
}

.giftcard__wrap {
  position: relative;
  margin: 20px 20px 40px
}

.giftcard__wrap img {
  position: relative;
  display: block;
  border-radius: 10px;
  z-index: 2
}

.giftcard__code {
  position: absolute;
  bottom: 40px;
  text-align: center;
  width: 100%;
  z-index: 50
}

.giftcard__code--medium {
  font-size: .875em
}

.giftcard__code--small {
  font-size: .75em
}

.giftcard__code__inner {
  display: inline-block;
  vertical-align: baseline;
  background-color: #fff;
  padding: .5em;
  border-radius: 4px;
  max-width: 450px;
  box-shadow: 0 0 0 1px rgba(0, 0, 0, .1)
}

.giftcard__code--small .giftcard__code__inner {
  overflow: auto
}

.giftcard__code__text {
  font-weight: 400;
  font-size: 1.875em;
  text-transform: uppercase;
  border-radius: 2px;
  border: 1px dashed;
  border-color: #e8e8e1;
  border-color: var(--colorBorder);
  padding: .4em .5em;
  display: inline-block;
  vertical-align: baseline;
  color: #1c1d1d;
  color: var(--colorTextBody);
  line-height: 1
}

.disabled .giftcard__code__text {
  color: #999;
  text-decoration: line-through
}

.giftcard__amount {
  position: absolute;
  top: 0;
  right: 0;
  color: #fff;
  font-size: 2.75em;
  line-height: 1.2;
  padding: 20px;
  z-index: 50
}

.giftcard__amount strong {
  display: block;
  text-shadow: 3px 3px 0 rgba(0, 0, 0, .1)
}

.giftcard__amount--medium {
  font-size: 2em
}

.template-giftcard .tooltip {
  display: block;
  position: absolute;
  top: -50%;
  right: 50%;
  margin-top: 16px;
  z-index: 3;
  color: #fff;
  text-align: center;
  white-space: nowrap
}

.template-giftcard .tooltip:before {
  content: "";
  display: block;
  position: absolute;
  left: 100%;
  bottom: 0;
  width: 0;
  height: 0;
  margin-left: -5px;
  margin-bottom: -5px;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  border-top: 5px solid #333;
  border-top: 5px solid rgba(51, 51, 51, .9)
}

.template-giftcard .tooltip__label {
  display: block;
  position: relative;
  right: -50%;
  border: none;
  border-radius: 4px;
  background: #333;
  background: rgba(51, 51, 51, .9);
  min-height: 14px;
  font-weight: 400;
  font-size: 12px;
  text-decoration: none;
  line-height: 16px;
  text-shadow: none;
  padding: .5em .75em;
  margin-left: .25em
}

.template-giftcard .tooltip__label small {
  text-transform: uppercase;
  letter-spacing: .1em;
  color: #b3b3b3;
  font-size: .875em
}

.giftcard__instructions {
  text-align: center;
  margin: 0 20px 40px
}

.giftcard__actions {
  position: relative;
  text-align: center;
  overflow: hidden;
  padding-bottom: 1em
}

.template-giftcard .action-link {
  position: absolute;
  left: 20px;
  top: 50%;
  font-size: .875em;
  font-weight: 700;
  display: block;
  padding-top: 4px;
  text-transform: uppercase;
  letter-spacing: .2em;
  margin-top: -10px
}

.template-giftcard .action-link:focus,
.template-giftcard .action-link:hover {
  color: #1c1d1d;
  color: var(--colorTextBody)
}

.template-giftcard .action-link__print {
  display: inline-block;
  vertical-align: baseline;
  width: 17px;
  height: 17px;
  vertical-align: middle;
  margin-right: 10px;
  opacity: 1;
  background-repeat: no-repeat;
  background-position: 0 0;
  background-image: url(/cdn/s/assets/gift-card/icon-print-164daa1ae32d10d1f9b83ac21b6f2c70.png)
}

.giftcard__footer {
  text-align: center;
  padding: 80px 0
}

#QrCode img {
  padding: 40px;
  border-color: #e8e8e1;
  border-color: var(--colorBorder);
  border-radius: 4px;
  margin: 0 auto 40px
}

@media only screen and (max-width:589px) {
  .giftcard {
    font-size: 12px
  }

  .giftcard-header {
    padding: 40px 0
  }

  .template-giftcard .header-logo {
    font-size: 2em
  }

  .giftcard__border {
    padding: 20px
  }

  .giftcard__actions {
    padding: 20px
  }

  .giftcard__actions .btn {
    width: 100%;
    padding-left: 0;
    padding-right: 0
  }

  .template-giftcard .action-link {
    display: none
  }
}

@media screen and (max-width:400px) {
  .giftcard__amount strong {
    text-shadow: 2px 2px 0 rgba(0, 0, 0, .1)
  }

  .giftcard__wrap:after,
  .giftcard__wrap:before {
    display: none
  }

  .giftcard__code {
    font-size: .75em
  }

  .giftcard__code--medium {
    font-size: .65em
  }

  .giftcard__code--small {
    font-size: .55em
  }
}

@media screen and (max-height:800px) {
  .template-giftcard .header-logo img {
    max-height: 90px
  }
}

@media print {
  @page {
    margin: .5cm
  }

  h2,
  h3,
  p {
    orphans: 3;
    widows: 3
  }

  h2,
  h3 {
    page-break-after: avoid
  }

  body,
  html {
    background-color: #fff
  }

  .giftcard-header {
    padding: 10px 0
  }

  .giftcard__border,
  .giftcard__content {
    border: 0 none
  }

  .add-to-apple-wallet,
  .giftcard__actions,
  .giftcard__wrap:after,
  .giftcard__wrap:before,
  .site-header__logo-link img:nth-child(2),
  .tooltip {
    display: none
  }

  .giftcard__title {
    float: none;
    text-align: center
  }

  .giftcard__code__text {
    color: #555
  }

  .template-giftcard .shop-url {
    display: block
  }

  .template-giftcard .logo {
    color: #58686f
  }
}

@media screen and (min-width:1020px) {
  .collection-custom .feature-row__item {
    flex: 0 1 50%;
    margin: 0 auto
  }

  .collection-custom .feature-row__callout-text.feature-row__text--right {
    padding: 0 0 0 3px;
    min-width: 50%;
    margin-top: -100px;
    padding-left: 100px
  }

  .collection-custom.collection-custom-black .feature-row__callout-text.feature-row__text--right {
    padding: 0 0 0 3px;
    min-width: 50%;
    margin-top: -79px;
    padding-left: 64px;
    padding-right: 55px
  }

  .collection-custom-img .feature-row__callout-text.feature-row__text--right {
    margin-top: 0
  }

  .collection-custom .feature-row__callout-text.feature-row__text--left {
    padding: 0 0 0 3px;
    min-width: 50%;
    padding-right: 90px;
    margin-top: -100px
  }

  .collection-custom-img .feature-row__callout-text.feature-row__text--left {
    margin-top: 0
  }

  .collection-custom-rev .feature-row__callout-image {
    text-align: right
  }

  .collection-custom .larger-text .subtitle {
    margin-bottom: 6px
  }

  .collection-custom.collection-custom-black .larger-text .subtitle {
    margin-bottom: 35px;
    font-size: calc(var(--typeBaseSize)*0.98)
  }

  .collection-custom .larger-text p {
    font-size: calc(var(--typeBaseSize) + 0);
    margin-bottom: 35px
  }

  .collection-custom.collection-custom-black .larger-text p {
    font-size: calc(var(--typeBaseSize) + 0);
    margin-bottom: 25px;
    line-height: calc(var(--typeBaseLineHeight)*1.1)
  }
}

.custom-page-width .collection-custom-black {
  height: 700px;
  position: relative;
}

.collection-custom ul {
  margin: 0 0 0 20px;
  list-style: disc
}

.collection-custom ul li {
  font-weight: 400;
  padding-bottom: 20px
}

.collection-custom .feature-row__text .btn {
  margin-top: 30px
}

footer .grid-newsletter ul {
  list-style: none;
  margin: 0
}

footer .grid-newsletter a {
  text-decoration: underline;
  font-size: 14px
}

footer .grid-newsletter ul li {
  margin-bottom: 25px;
  font-size: 13px
}

footer .grid-newsletter ul li:last-child {
  margin-bottom: 23px
}

.footer-slogan {
  font-size: 15px;
  margin-bottom: 24px
}

.footer-hashtags {
  color: #a1a1a1;
  font-size: 14px
}

footer .grid-newsletter .footer__title {
  margin-bottom: 27px
}

footer .grid-newsletter ul li.themestek-contact-time {
  display: flex;
  flex-direction: column
}

footer .grid-newsletter ul li.themestek-contact-time span {
  margin-bottom: 5px
}

.team-wrapper {
  display: flex;
  gap: 30px
}

.team-slider__text {
  padding: 0
}

.team-slide {
  width: 100%;
  text-align: left
}

.team-image {
  margin-bottom: 16px
}

.team-slide .testimonial-meta p {
  font-size: calc(var(--typeBaseSize)*0.9);
  color: var(--colorTextBody);
  line-height: calc(var(--typeBaseLineHeight) - .1)
}

.team-slide .testimonial-meta .team-name-title {
  font-size: calc(var(--typeBaseSize)*1.18)
}

@media screen and (max-width:1020px) {
  .team-wrapper {
    flex-wrap: wrap
  }

  .team-slide {
    width: 50%
  }

  .collection-custom .feature-row__text .btn {
    margin: 10px 20px 30px 0
  }
}

@media screen and (max-width:760px) {
  .team-slide {
    width: 100%
  }

  .team-slide .testimonials-slider__text {
    margin: 0 0
  }
}

footer .grid-newsletter .lindberg-link {
  display: flex;
  flex-direction: column;
  font-size: 8px;
  color: rgb(115, 115, 115);
  text-decoration: none;
  letter-spacing: 3px;
  margin-bottom: 28px
}

footer .lindberg-link {
  display: flex;
  flex-direction: column;
  font-size: 8px;
  color: rgb(115, 115, 115);
  text-decoration: none;
  letter-spacing: 3px;
  margin: 25px 0
}

.lindberg-link img {
  max-width: 192px
}

.bbb-accredited img {
  max-width: 188px
}

.eurooptica-brands-logo {
  display: flex;
  flex-wrap: wrap
}

.eurooptica-brands-logo__item {
  width: 16.66667%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  margin-bottom: 12px
}

.more-brand {
  width: 100%;
  display: flex;
  justify-content: center;
  margin-top: 20px
}

.more-brand a {
  text-decoration: underline
}

.more-brand a:hover {
  text-decoration: none
}

.site-nav__dropdown .eurooptica-brands-logo__item a {
  padding-right: 0
}

.eurooptica-brands-logo__item img {
  max-width: 128px !important;
  padding: 2px 20px !important;
  margin: auto !important;
  filter: opacity(.6);
  max-height: 53px;
  height: 100%;
  width: 100%;
  object-fit: contain
}

.eurooptica-brands-logo__item a:hover img {
  filter: opacity(1)
}

@media screen and (min-width:1020px) {
  .eurooptica-brands-logo {
    margin: -10px 50px 0 -35px
  }
}

.sbi_header_link {
  float: left;
  display: block;
  text-decoration: none;
  transition: color .5s ease;
  margin-bottom: 20px
}

.sbi_header_link .sbi_header_text {
  float: left;
  width: 100%;
  padding-top: 5px
}

.sbi_header_link .sbi_header_text .sbi_bio,
.sbi_header_link .sbi_header_text h4 {
  float: left;
  clear: both;
  width: auto;
  margin: 0 0 0 60px !important;
  padding: 0 !important;
  padding-top: 9px !important;
  font-size: 16px
}

.sbi_header_img {
  background: #333;
  color: #fff;
  width: 50px;
  height: 50px;
  position: relative
}

.sbi_header_link .sbi_header_img {
  float: left;
  position: relative;
  width: 50px;
  margin: 0 0 0 -100% !important;
  overflow: hidden;
  -moz-border-radius: 40px;
  -webkit-border-radius: 40px;
  border-radius: 40px
}

.sbi_header_hashtag_icon {
  display: block;
  color: #fff;
  opacity: .9;
  -webkit-transition: background .6s linear, color .6s linear;
  -moz-transition: background .6s linear, color .6s linear;
  -ms-transition: background .6s linear, color .6s linear;
  -o-transition: background .6s linear, color .6s linear;
  transition: background .6s linear, color .6s linear
}

.sbi_header_link .sbi_header_hashtag_icon .sbi_new_logo,
.sbi_header_link .sbi_header_img_hover .sbi_new_logo {
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -12px;
  margin-left: -12px;
  width: 24px;
  height: 24px;
  font-size: 24px
}

.mob-header-bottom {
  display: none
}

.mob-header-bottom_btn {
  display: none
}

.mob-header-bottom_btn .a_btn {
  font-size: 17px;
  font-weight: 400;
  padding: 9px 18px;
  font-family: var(--typeBasePrimary), var(--typeBaseFallback)
}

.mob-header-bottom_btn .a_btn img {
  max-height: 18px;
  max-width: 17px;
  margin-bottom: -2px;
  margin-right: 7px;
  width: 100%;
  object-fit: contain
}

.icon-location {
  display: none
}

@media only screen and (max-width:1026px) {
  .icon-location {
    display: flex
  }

  .mob-header-bottom {
    display: flex;
    justify-content: space-around
  }

  .mob-header-bottom a {
    padding: 13px 7px;
    font-size: 16px;
    font-weight: 600
  }

  .mob-header-bottom_btn {
    display: flex;
    justify-content: space-around
  }

  .mob-header-bottom_btn .a_btn {
    width: 100%
  }

  .site-nav__icons {
    white-space: nowrap;
    font-size: 0;
    display: flex;
    align-items: center
  }

  .site-nav__link--icon.js-drawer-open-cart {
    display: none
  }
}

.icon-wrap {
  display: flex;
  gap: 6px;
  margin: 5px 0
}

.icon-wrap span {
  color: #fff;
  width: 19px;
  height: 19px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  font-weight: 700;
  font-size: 12px;
  box-shadow: 2px 2px 2px -2px #000
}

.red-round {
  background-color: #ff001a
}

.orange-round {
  background-color: #ff8838
}

.blue-round {
  background-color: #005d95
}

.form-vertical .center-position-btn {
  display: block;
  margin: 0 auto;
  min-width: 250px
}

h2.large-head-text {
  font-size: 189px;
  margin: 0
}

h2.large-head-text span {
  color: #15c8a0
}

.svg-logo-wrap {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-bottom: 40px
}

.svg-logo-wrap-top {
  justify-content: space-between;
  margin-bottom: 30px
}

.svg-logo-wrap a {
  border-bottom: none !important;
  align-items: center;
  justify-content: center;
  text-decoration: none;
  color: inherit;
  outline: none
}

.svg-logo-wrap a:hover {
  border-bottom: none !important;
  text-decoration: none;
  color: inherit;
  outline: none;
  color: transparent
}

.svg-logo-wrap a svg {
  max-width: 145px;
  max-height: 75px;
  filter: grayscale(1);
  opacity: .4;
  transition: .3s linear
}

.svg-logo-wrap a:hover svg {
  filter: grayscale(0);
  opacity: 1
}

.ts-custom-heading {
  font-weight: 500;
  text-transform: uppercase;
  font-size: 14px;
  line-height: 28px;
  letter-spacing: 1px;
  color: #15c8a0
}

.double-img {
  display: flex;
  padding-right: 5%
}

.double-img .image-wrap {
  width: 54%
}

.double-img .image-wrap:last-child {
  margin-left: 30px;
  margin-top: 150px;
  width: 46%
}

.double-img.double-img-spaced {
  padding: 0 40px
}

.double-img.double-img-spaced.revers-img-spaced {
  padding: 0 40px 0 0
}

.double-img.double-img-spaced .image-wrap {
  width: 55%
}

.double-img.double-img-spaced .image-wrap:last-child {
  margin-left: 20px;
  margin-top: 70px;
  width: 45%
}

.double-img.double-img-spaced.revers-img-spaced .image-wrap:first-child {
  margin-top: 120px;
  width: 48%
}

.double-img.double-img-spaced.revers-img-spaced .image-wrap:last-child {
  margin-left: 20px;
  margin-top: 0;
  width: 55%
}

.large-background-media-text__aligner .background-media-text__text {
  width: 50%;
  min-width: 50vw
}

.column-color-custom {
  position: relative
}

.column-color-custom .image-wrap {
  position: relative
}

.column-color-custom .image-wrap::before {
  position: absolute;
  top: 0;
  left: 0;
  content: '';
  width: 100%;
  height: 100%;
  justify-content: center;
  align-items: center;
  background: rgba(0, 0, 0, .4);
  transition: all .3s ease-in-out;
  opacity: 1;
  z-index: 1
}

.column-color-custom:hover .image-wrap::before {
  background: rgba(21, 200, 160, .3)
}

.column-color-custom.medium-up--one-quarter .image-wrap::before {
  background: rgba(0, 0, 0, .1)
}

.column-color-custom.medium-up--one-quarter:hover .image-wrap::before {
  background: rgba(0, 0, 0, .6)
}

.column-color-custom h3 {
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 2;
  transform: translate(-50%, -50%);
  color: #fff
}

.column-color-custom:hover h3 {
  text-decoration: underline
}

.column-color-custom .column-color_custom-content {
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 2;
  transform: translate(calc(-50% + 11px), -50%);
  color: #fff
}

.colection-link-wrap {
  display: flex;
  justify-content: center;
  flex-wrap: wrap
}

.colection-link-wrap h3 {
  font-size: calc(var(--typeHeaderSize)*0.65)
}

@media only screen and (max-width:1026px) {
  .double-img {
    flex-direction: column;
    padding-right: 0
  }

  .double-img .image-wrap:last-child {
    margin-left: 0;
    margin-top: 30px;
    width: 100%
  }

  .double-img .image-wrap {
    width: 100%
  }

  .double-img.double-img-spaced .image-wrap {
    width: 100%
  }

  .double-img.double-img-spaced .image-wrap:last-child {
    margin-left: 0;
    margin-top: 80px;
    width: 100%
  }

  .double-img.double-img-spaced.revers-img-spaced .image-wrap:first-child {
    margin-top: 0;
    width: 100%
  }

  .double-img.double-img-spaced.revers-img-spaced .image-wrap:last-child {
    margin-left: 0;
    margin-top: 40px;
    width: 100%
  }

  .double-img.double-img-spaced {
    padding: 0
  }

  .large-background-media-text__aligner .background-media-text__text {
    width: auto
  }
}

.background-gray {
  background-color: #f9f9f9
}

.full-flex {
  width: 100%;
  order: 3
}

.sort_brand-list {
  list-style: none;
  margin: 0
}

.sort_brand-list .child li {
  text-transform: capitalize
}

.sort_brand-list li {
  padding: 0;
  font-weight: 900;
  font-size: 19px
}

.sort_brand-list ul {
  margin: 0
}

.sort_brand-list ul li {
  list-style: none;
  font-weight: 400
}

.sort_brand-list li a {
  padding: 0;
  font-weight: 400;
  font-size: 14px
}

.sort_brand-list li.active a {
  font-weight: 900
}

.collection-custom-black {
  background-color: #1c1d1d
}

.collection-custom-black .feature-row__callout-image+.feature-row__text .feature-row__content {
  background-color: transparent;
  color: #fff
}

.collection-custom-black .larger-text h2 {
  margin-bottom: 30px;
  font-size: calc(var(--typeHeaderSize)*1.15)
}

.collection-custom-black h2 span {
  color: #15c8a0
}

.collection-custom.collection-custom-black .feature-row__text .btn {
  background-color: transparent;
  padding: 5px 0;
  text-decoration: underline;
  margin-right: 80px;
  margin-top: 20px;
  font-size: 18px;
  font-family: var(--typeBasePrimary), var(--typeBaseFallback);
  font-weight: var(--typeBaseWeight)
}

.collection-custom.collection-custom-black .feature-row__text .btn:last-child {
  margin-right: 0
}

.rte a:not(.rte__image):not(.btn):not(.spr-summary-actions-newreview).green-link {
  border-bottom-color: #15c8a0
}

.rte a.green-link {
  color: #15c8a0
}

.product-block--price {
  margin-bottom: 20px
}

.price-payments {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  font-size: 13px;
  margin-top: 5px
}

.payments-img {
  height: 21px;
  width: 100px;
  background-color: #b1fbe3;
  border-radius: 10px;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0 3px
}

.price-payments a {
  color: #06c;
  font-size: 12px;
  text-decoration: underline
}

.product__thumbs .open_other_image {
  width: 100%;
  margin-top: 20px;
  display: flex;
  justify-content: center;
  font-size: 16px;
  color: #545454;
  transition: .3s linear;
  cursor: pointer
}

.product__thumbs .open_other_image .count {
  font-size: 16px;
  color: #15c8a0;
  margin-left: 5px
}

.product__thumbs .open_other_image .less {
  display: none
}

.product__thumbs.active .open_other_image .less {
  display: block
}

.product__thumbs .open_other_image .more {
  display: flex
}

.product__thumbs.active .open_other_image .more {
  display: none
}

.product__thumbs .product__thumb-item:nth-child(n+5) {
  display: none
}

.product__thumbs.active .product__thumb-item:nth-child(n+5) {
  display: block
}

.product-block_custom {
  margin-top: 15px
}

.items__summary {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: space-between;
  margin-top: 30px;
  margin-bottom: 20px;
  gap: 20px
}

.items__summary>div {
  flex: auto;
  display: flex;
  flex-direction: column;
  align-items: center;
  position: relative;
  justify-content: space-between
}

.items__summary .item {
  text-transform: uppercase
}

.items__summary a,
.items__summary .offer-technologies {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  color: #545454;
  font-size: 14px
}

.items__summary .offer-technologies {
  font-size: 14px;
  margin-bottom: 20px
}

.items__summary .offer-technologies a {
  max-width: 30px;
  margin-left: 8px
}

.items__summary .offer-technologies a:first-child {
  margin-left: 11px
}

.items__summary .offer-technologies a img {
  max-height: 19px
}

.items__summary .chat-button {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  cursor: pointer;
  align-items: center;
  color: #545454;
  font-size: 14px
}

.items__summary span {
  display: flex;
  flex-direction: column;
  align-items: center;
  cursor: pointer;
  font-size: 14px
}

.items__summary span span {
  margin-bottom: 11px;
  min-height: 23px;
  display: flex;
  align-items: center;
  justify-content: center
}

.items__summary a span {
  min-height: 23px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 10px
}

.items__summary .chat-button span {
  min-height: 23px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 10px;
  margin-bottom: 0
}

.items__summary>div:last-child:after {
  display: none
}

.lens.links_wrap {
  display: flex;
  justify-content: space-between
}

.lens.links_wrap a {
  display: flex;
  align-items: center;
  color: #545454;
  font-weight: 700
}

.lens.links_wrap a img {
  width: 50px;
  margin-right: 7px
}

.lens.links_wrap a p {
  font-size: 12px;
  line-height: 16px;
  margin: 0
}

.lens.links_wrap.factory_links a img {
  width: auto;
  max-width: 75px;
  max-height: 35px;
  margin: 0
}

.product_brand_wrap {
  width: 100%;
  height: 30px;
  position: relative;
  margin-top: 35px;
  margin-bottom: 40px
}

.product_brand_wrap .product_brand {
  font-size: 13px;
  color: #15c8a0;
  text-transform: uppercase;
  display: flex;
  align-items: center;
  white-space: nowrap;
  margin-top: 0;
  margin-bottom: 0;
  position: absolute;
  right: 50%;
  transform: translateX(50%);
  -ms-transform: translateX(50%);
  -webkit-transform: translateX(50%);
  -moz-transform: translateX(50%);
  -o-transform: translateX(50%);
  width: max-content;
  justify-content: flex-end;
  height: 100%
}

.product_brand_wrap .product_brand img {
  max-height: 22px;
  width: 100%;
  object-fit: contain;
  height: 100%;
  max-width: 162px;
  padding-right: 20px;
  margin-right: 20px;
  position: relative;
  border-right: 1px solid #e2e2e2
}

.info-pages a {
  padding-right: 28px
}

.footer__copyright .footer__social {
  display: none
}

footer .grid-newsletter .lindberg-link,
footer .grid-newsletter .bbb-accredited {
  display: none
}

@media only screen and (max-width:1020px) {
  h2.large-head-text {
    font-size: 82px
  }

  .site-footer__bottom {
    color: #a1a1a1;
    padding-top: 53px
  }

  .footer__logo-social {
    padding: 28px 0 33px
  }

  .footer__logo-social .footer__logo {
    margin-bottom: 20px
  }

  .footer__logo-social .footer__social {
    display: none
  }

  .footer__copyright .footer__social {
    display: block;
    color: #fff;
    margin-bottom: 40px
  }

  .footer__social li {
    margin: 0 10px 0 10px
  }

  .site-footer__bottom-block {
    border-top: none;
    padding-bottom: 30px
  }

  .info-pages {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
    gap: 15px 25px;
    margin-bottom: 55px
  }

  .info-pages a {
    padding-right: 0
  }

  .footer-hashtags,
  .lindberg-link.js-no-transition,
  .bbb-accredited {
    display: none
  }

  footer .grid-newsletter .footer__title {
    margin-bottom: 0
  }

  footer .grid-newsletter .lindberg-link,
  footer .grid-newsletter .bbb-accredited {
    display: flex
  }

  .collection-custom-black .feature-row__text {
    padding: 30px 20px
  }

  .collection-custom-black .larger-text h2 {
    font-size: calc(var(--typeHeaderSize)*1)
  }

  .collection-custom-black .feature-row__callout-image+.feature-row__text .feature-row__content {
    margin: 0;
    padding: 0
  }

  .collection-custom.collection-custom-black .feature-row__text .btn {
    margin-right: 30px
  }
}

@media only screen and (max-width:360px) {
  .footer__social li {
    margin: 0 11px 0 11px
  }
}

.reviewmgr-embed body::-webkit-scrollbar {
  width: 12px
}

.reviewmgr-embed body::-webkit-scrollbar-track {
  background: orange
}

.reviewmgr-embed body::-webkit-scrollbar-thumb {
  background-color: blue;
  border-radius: 20px;
  border: 3px solid orange
}

.embed_layout.eurooptica::-webkit-scrollbar {
  width: 10px
}

.embed_layout.eurooptica {
  overflow: hidden
}

#super-container {
  display: none
}

.embed_layout.eurooptica::-webkit-scrollbar-track {
  background: #f1f1f1
}

.embed_layout.eurooptica::-webkit-scrollbar-thumb {
  background: #888
}

.embed_layout.eurooptica::-webkit-scrollbar-thumb:hover {
  background: #555
}

.site-header__logo a svg {
  height: auto !important
}

.product-block.only-store .product-block form {
  display: none
}

.green-text {
  color: #15c8a0
}

.tags-wrap {
  display: flex;
  margin-top: 20px;
  flex-wrap: wrap
}

.tags-wrap a {
  padding: 2px 12px;
  display: block;
  text-align: center;
  margin-right: 15px;
  margin-bottom: 10px;
  border: 1px solid gray;
  border-radius: 4px
}

.call-box {
  display: block;
  position: fixed;
  z-index: 7001;
  -webkit-backface-visibility: hidden;
  height: 50px;
  bottom: 136px;
  right: 26px
}

.call-box .call-button {
  width: 60px;
  height: 60px;
  float: right;
  background: url(/cdn/shop/files/box-phone-1.svg?v=1659729355) no-repeat;
  background-color: #424557;
  background-size: 50%;
  background-position: center;
  border-radius: 50px;
  box-shadow: rgb(2 6 16 / 20%) 0 2px 16px
}

#bloggy--article .bggle_double-images {
  display: flex;
  flex-direction: row
}

#bloggy--article .first--image {
  padding-right: 10px
}

#bloggy--article .second--image {
  padding-left: 10px
}

.certificates__link___17EUk {
  display: inline-flex;
  transition: all .3s ease;
}

.certificates__transitionIcon___vKqkX {
  transition: all .3s ease
}

.certificates__TrustPilot___-6Uhh {
  height: 18px;
  width: 73px
}

.certificates__TrustPilot___-6Uhh path {
  fill: #fff;
  transition: all .3s ease
}

.certificates__link___17EUk .certificates__TrustPilot___-6Uhh g path:nth-child(2) {
  fill: #00b67a
}

.certificates__link___17EUk .certificates__TrustPilot___-6Uhh g path:nth-child(3) {
  fill: #005128
}

@media only screen and (max-width:560px) {
  .call-box {
    bottom: 115px;
    right: 10px
  }

  .product_brand_wrap .product_brand {
    width: 100%;
    justify-content: center
  }

  .product_brand_wrap .product_brand img {
    padding-right: 15px;
    margin: 0;
    margin-right: 15px
  }
}

.mobile-menu-btn {
  margin-top: 20px
}

.top-contact-mob {
  margin-top: 20px;
  font-size: 14px
}

.top-contact-mob-item-2 {
  margin-top: 15px;
  display: flex;
  justify-content: space-between
}

.top-contact-mob-item-2 .chat-button {
  text-decoration: underline;
  cursor: pointer
}

.zd-sticky-button {
  display: none !important
}

.zd-alert-box {
  display: none !important
}

.alert-message {
  line-height: 25px;
  padding: 20px;
  border: 1px solid #f4af29;
  margin: 10px 0 30px;
  transition: all .3s
}

.alert-message.check-attention {
  border: 1px solid #f44336;
  -webkit-box-shadow: 0 0 9px 2px rgba(244, 67, 54, .67);
  box-shadow: 0 0 9px 2px rgba(244, 67, 54, .67)
}

.alert-message .text-section {
  margin-bottom: 10px
}

.check-container {
  font-family: var(--typeBasePrimary), var(--typeBaseFallback) !important;
  font-weight: var(--typeBaseWeight) !important;
  font-size: 14px !important;
  color: #000;
  position: relative;
  padding-left: 30px;
  user-select: none;
  cursor: pointer;
  display: inline-block;
  text-transform: none !important;
  letter-spacing: 0 !important
}

.check-container .status span {
  font-weight: 300;
  font-size: 15px;
  margin-top: 3px
}

.check-container .checkmark {
  position: absolute;
  top: -6px;
  left: 0;
  width: 20px;
  height: 20px;
  border: 1px solid #929292
}

.check-container .check-point:checked~.checkmark {
  background: #000;
  border: 1px solid transparent
}

.checkmark:after {
  content: "";
  position: absolute;
  display: none
}

.check-container .checkmark:after {
  left: 6px;
  top: 3px;
  width: 5px;
  height: 10px;
  border: solid #fff;
  border-width: 0 2px 2px 0;
  transform: rotate(45deg)
}

.check-container .check-point:checked~.checkmark:after {
  display: block
}

.alert-message span:first-child {
  color: #f4af29
}

.check-container .check-point {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0
}

.alert-message span {
  font-weight: 300;
  font-size: 15px;
  margin-top: 3px
}

.collection-filter_long {
  width: 260px;
  white-space: nowrap;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 25px
}

@media only screen and (max-width:560px) {
  .collection-filter .btn.collection-filter_long {
    width: 200px
  }
}

.collection-filter .btn.collection-filter_long .icon {
  top: 0
}

.team-section.change_padding_top {
  padding-top: 0 !important
}

.team-section.change_padding_bottom {
  padding-bottom: 0 !important
}

.background-media-text-change-position .background-media-text__aligner {
  max-width: 1300px;
  margin: 60px auto;
  padding: 0 0
}

.background-media-big_custom .background-media-text__text {
  width: 66.66667%;
  background: transparent
}

.background-media-big_custom .background-media-text__aligner {
  margin: 60px auto;
  max-width: 1300px
}

.background-media-text-change-position .background-media-text__text {
  min-width: 480px
}

.background-media-big_custom .background-media-text__text p {
  font-size: 17px
}

.background-media-big_custom .background-media-text__text h3 {
  margin: 0 0 15px 0
}

.background-media-big_custom .background-media-text__text b {
  font-size: 18px
}

.background-media-big_custom .custom-group {
  display: flex;
  gap: 40px
}

.background-media-big_custom .custom-group img {
  margin: 10px 0
}

.custom-opacity-background .background-media-text__text {
  background: transparent
}

.background-media-text-change-position .larger-text p {
  font-size: var(--typeBaseSize)
}

.larger-text .background-media-text-blue-title {
  color: #3589CE;
  font-size: 70px
}

.add-to-cart.btn_disabled {
  opacity: .6
}

.in-store_btn.add-to-cart.btn_disabled {
  opacity: 1
}

@media only screen and (max-width:760px) {
  .background-media-big_custom .background-media-text__text {
    width: 100vw;
    padding: 0 20px;
    margin: 0
  }

  .background-media-big_custom .custom-group {
    display: flex;
    flex-direction: column;
    gap: 30px
  }

  .background-media-text-change-position .background-media-text__video,
  .background-media-big_custom .background-media-text__video {
    width: 100%;
    left: 0
  }

  .background-media-text-change-position .background-media-text__text {
    min-width: auto;
    padding: 0 20px;
    margin: 0
  }

  .background-media-text--template--16676499390707__259edc47-9092-40e1-a008-3d5a54409f2c {
    background: #f4f4f4
  }
}

.custom_sidebar-view {
  display: flex;
  justify-content: space-between;
  gap: 0 30px;
  position: relative
}

.custom_sidebar-view .grid-product__meta {
  text-align: center
}

.custom_sidebar-view .grid-product__colors {
  justify-content: center
}

.aside_col {
  max-width: none;
  width: auto;
  padding-inline: 35px;
  flex-basis: 265px;
  flex-shrink: 0;
  width: 100%;
  position: relative
}

.aside_col .drawer__fixed-header {
  padding-left: 0;
  padding-right: 0
}

.aside_col .drawer__scrollable {
  padding-left: 0;
  padding-right: 0;
  padding-top: 15px
}

@media only screen and (min-width:1850px) {
  .aside_col {
    max-width: 295px;
    width: 100%;
    padding-inline: 35px;
    position: absolute;
    right: 100%
  }
}

@media only screen and (max-width:1849px) {
  #CollectionSection .page-width {
    max-width: 1595px
  }
}

@media only screen and (min-width:1120px) {
  .custom-content_title {
    white-space: nowrap
  }
}

@media only screen and (min-width:1020px) {
  #FilterDrawerTrigger {
    display: none
  }

  .standart_drawer {
    display: none
  }

  .svg-logo-wrap a svg:first-child {
    margin-left: -25px
  }

  .svg-logo-wrap a svg:last-child {
    margin-right: -10px
  }

  .column-color-custom .column-color_custom-content {
    transform: translate(calc(-50% + 11px), -50%)
  }

  .grid__item.column-color-custom.medium-up--one-quarter {
    padding-left: 20px
  }
}

@media only screen and (max-width:1020px) {
  #FilterDrawerTrigger {
    display: flex
  }

  .aside_col {
    display: none
  }

  .svg-logo-wrap {
    flex-wrap: wrap
  }

  .column-color-custom.medium-up--one-quarter {
    width: 33.33333%
  }

  .abc-sort_block {
    flex-direction: column;
    gap: 10px
  }

  .abc-sort_line {
    gap: 10px 12px;
    flex-wrap: wrap
  }
}

@media only screen and (max-width:590px) {
  .column-color-custom.medium-up--one-quarter {
    width: 100%
  }
}

.color-swatch--small.no-has-color {
  display: none
}

.grid-product__colors.many-color a:nth-child(n+4) {
  display: none
}

.grid-product__colors .more_color {
  display: none
}

#CollectionAjaxResult {
  width: 100%;
  position: relative
}

.grid-product__colors.many-color .more_color {
  display: block;
  width: 15px;
  height: 15px;
  position: relative;
  margin: 0 8px 4px;
  cursor: pointer
}

.grid-product__colors .more_color::before {
  content: ' ';
  width: 2px;
  height: 15px;
  background-color: #b3b3b3;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%)
}

.grid-product__colors .more_color::after {
  content: ' ';
  width: 15px;
  height: 2px;
  background-color: #b3b3b3;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%)
}

.collection-sidebar__group .collapsible-trigger-btn {
  text-transform: capitalize
}

.reload-status::before {
  position: absolute;
  width: 100%;
  height: 100%;
  content: ' ';
  z-index: 10;
  background-color: #fff;
  pointer-events: none;
  opacity: 1;
  transition: all .4s linear
}

.reload-status.finish-reload::before {
  opacity: 0
}

.product-recommendations .grid-product__colors {
  display: none
}

.logo-in-column-color {
  height: 70px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 15px
}

.logo-in-column-color svg {
  max-height: 65px;
  max-width: 135px
}

.aside_col input[name="filter.v.m.custom.frame_color"]:checked {
  opacity: 1
}

.aside_col input[name="filter.v.m.custom.frame_color"]:checked::before {
  position: absolute;
  content: ' ';
  top: 0;
  left: 4px;
  border-radius: 50%;
  background-color: rgba(0, 0, 0, .2);
  z-index: 3;
  width: 29px;
  height: 29px
}

.aside_col input[name="filter.v.m.custom.frame_color"]:checked::after {
  content: url(/cdn/shop/files/checkmark_icon_125020_f20ae2cf-f0b4-425f-b96f-31c757084d3a.svg?v=1671730067);
  width: 15px;
  height: 13px;
  position: absolute;
  top: 2px;
  left: 11px;
  margin: 0;
  z-index: 4
}

.skrim__item.no_active-brand {
  display: none
}

.abc-sort_all {
  white-space: nowrap;
  font-weight: 700;
  font-size: 16px;
  text-decoration-line: underline;
  line-height: 28px;
  border-bottom-color: #000 !important;
  color: #000;
  margin-right: 20px
}

.abc-sort_block {
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-bottom: 1px solid #D9D9D9;
  margin-bottom: 5px !important;
  padding-bottom: 20px
}

.abc-sort_line {
  display: flex;
  width: 100%;
  justify-content: space-between
}

.abc-sort_line a {
  font-weight: 300;
  font-size: 20px;
  border: none !important;
  color: #000
}

.hidden-btn {
  display: none
}

.sales-point_hidden {
  display: none
}

.product-block .product-block.product-block--sales-point {
  display: none
}

.header-item--navigation .site-nav__link {
  padding-left: 14px;
  padding-right: 14px
}

.in-store_btn {
  min-height: 50px
}

.custom_mob-menu_btn {
  margin-top: 20px;
  text-align: center
}

.custom_mob-menu_btn .a_btn {
  width: 100%
}

#CollectionAjaxContent .grid {
  display: flex;
  flex-wrap: wrap
}

.btn_margin {
  margin-top: 30px
}

@media (max-width:425px) {
  #SiteHeader .site-header__logo a {
    margin-left: 0;
    max-width: 150px
  }

  #SiteHeader .page-width {
    padding: 0 10px
  }

  #SiteHeader .site-nav__link--icon+.site-nav__link--icon {
    margin-left: 0
  }
}

#shopify-section-template--16805207998707__c37a5ea3-8e53-476e-8a6d-4354249d8d48 .page-width--narrow {
  max-width: 1200px
}

@media(min-width:590px) {
  .page-width {
    padding: 0
  }
}

#shopify-section-template--16805207998707__91b8b127-188a-4357-a849-6e60bb88b3a1 .page-width {
  max-width: 1200px
}

#shopify-section-template--16805207998707__91b8b127-188a-4357-a849-6e60bb88b3a1 .grid {
  display: grid;
  grid-template-columns: repeat(3, calc(33.3% - 10px));
  gap: 30px 15px;
  margin: 0 auto
}

#shopify-section-template--16805207998707__91b8b127-188a-4357-a849-6e60bb88b3a1 .grid__item {
  width: 100%;
  margin: 0;
  padding: 0
}

@media(max-width:767px) {
  #shopify-section-template--16805207998707__91b8b127-188a-4357-a849-6e60bb88b3a1 .grid {
    grid-template-columns: repeat(2, calc(50% - 10px))
  }
}

@media(max-width:500px) {
  #shopify-section-template--16805207998707__91b8b127-188a-4357-a849-6e60bb88b3a1 .grid {
    grid-template-columns: repeat(1, 100%)
  }
}

@media(min-width:590px) {
  #shopify-section-template--16805207998707__16604152032844935c .page-width {
    padding: 0
  }

  #shopify-section-template--16805207998707__16604152032844935c.index-section {
    margin-bottom: 100px
  }
}

@media(max-width:1100px) {
  #shopify-section-template--16805207998707__16604152032844935c .page-width {
    padding: 0 10px
  }

  #shopify-section-template--16805207998707__16604152032844935c.index-section {
    margin-bottom: 50px
  }
}

#shopify-section-template--16805207998707__16604152032844935c header~div {
  border-top: 1px solid #e8e8e8;
  padding: 10px 0
}

#shopify-section-template--16805207998707__16604152032844935c header~div:last-child {
  border-bottom: 1px solid #e8e8e8
}

#shopify-section-template--16805207998707__16604152032844935c header~div button.collapsible-trigger {
  width: 100%;
  padding-right: 20px
}

#shopify-section-template--16805207998707__16604152032844935c header~div button.collapsible-trigger--inline .collapsible-trigger__icon {
  right: 0;
  left: auto
}

#shopify-section-template--16805207998707__16604152032844935c header~div .collapsible-content {
  padding: 0 20px
}

.label-instore-status {
  margin-left: 5px
}

@media screen and (max-width:768px) {
  .appointment-block .h3 {
    max-width: 400px;
    margin: auto
  }
}

.call-for-price {
  color: #000000
}

.video-container {
  position: relative
}

#play-button {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-color: transparent;
  border: none;
  cursor: pointer;
  color: white;
  border: 1px solid white;
  padding: 10px 25px;
  transition: 0.3s ease
}

#play-button:hover {
  text-decoration: underline
}

.video-div {
  position: relative
}

#static-video__play {
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 5;
  transform: translate(-50%, -50%);
  background-color: transparent;
  border: none;
  cursor: pointer;
  color: white;
  border: 1px solid white;
  padding: 10px 25px;
  transition: 0.3s ease
}

#static-video__play:hover {
  text-decoration: underline
}

.grey-line__bottom:after {
  content: '';
  width: 100%;
  position: absolute;
  left: 0;
  bottom: 0;
  height: 1px;
  background-color: #E8E8E8
}

.grey-line__top:before {
  content: '';
  width: 100%;
  position: absolute;
  left: 0;
  top: 0;
  height: 1px;
  background-color: #E8E8E8
}

.collapsible-wrapper {
  position: relative
}

.shamir-icons p {
  font-size: 16px;
  margin-top: 20px;
  font-weight: 400
}

.shamir-icons .auto-width {
  width: calc(20% - 32px)
}

.shamir-icons .rte {
  text-align: center
}

.shamir-icons {
  gap: 40px;
  flex-wrap: nowrap;
  margin: 0
}

.shamir-icons .custom__item {
  padding-left: 0
}

.shamir-icons .custom__item span {
  color: #ed1d24;
  font-weight: 700
}

@media screen and (max-width:991px) {
  .shamir-icons {
    display: grid;
    grid-template-columns: 1fr 1fr
  }

  .shamir-icons .auto-width {
    width: 100% !important
  }
}

.media-container .h1 span {
  color: red;
  font-size: 29px
}

.media-container .h1 {
  margin-bottom: 40px;
  text-transform: capitalize;
  font-size: 18px
}

.media-container .feature-row {
  margin: 0
}

.media-container .rte li {
  font-size: 18px;
  font-weight: 400;
  line-height: 30px;
  letter-spacing: .425px;
  padding-bottom: 10px
}

.media-container .feature-row__text {
  flex: 0 1 49%
}

@media screen and (max-width:991px) {
  .media-container .feature-row__item {
    margin: 0;
    max-width: 100% !important;
    flex: 1 1 100%
  }

  .media-container .feature-row__text {
    flex: 1 1 100%;
    padding: 20px 0 20px 15px
  }
}

.blog-header {
  margin-top: 30px
}

.section-header {
  margin-top: 30px
}

.custom-main_title {
  text-align: center;
  font-size: 20px;
  font-weight: 700;
  line-height: 27.2px;
  letter-spacing: .425px;
  margin: 0
}

.custom-main_subtitle {
  text-align: center;
  font-size: 17px;
  font-weight: 400;
  line-height: 27.2px;
  max-width: 76%;
  letter-spacing: .425px
}

.no-margin .grid--flush-bottom>.grid__item {
  margin: 0
}

.no-margin .text-spacing {
  margin-bottom: 10px
}

.background-hover .column-color-custom .image-wrap::before {
  background: none
}

.background-hover .column-color-custom .image-wrap:hover:before {
  background: rgba(0, 0, 0, .4)
}

.background-hover .column-color-custom .column-color_custom-content {
  z-index: 0
}

.logo-group {
  display: flex;
  justify-content: center;
  width: 100%;
  gap: 70px;
  flex-wrap: wrap
}

.svg-logo-wrap {
  gap: 30px;
  flex-direction: column
}

@media screen and (max-width:685px) {
  .logo-group {
    justify-content: space-between
  }

  .svg-logo {
    width: 40%
  }

  .logo-group:last-child {
    gap: 40px !important
  }
}

.svg-logo {
  display: flex
}

.popup_after {
  display: none;
  width: 100vw;
  height: 100vh;
  z-index: 100;
  position: fixed;
  top: 0;
  left: 0
}

.afterpay-modal-back {
  width: 100vw;
  height: 100vh;
  position: absolute;
  top: 0;
  left: 0
}

.popup_after.popup_after-open {
  display: block
}

.afterpay-modal-wrapper.theme-white {
  background: #fff
}

@media (max-width:768px) {
  .grid-container {
    max-width: 500px;
    overflow: scroll;
    max-height: 100vh;
    grid-template-columns: auto;
    grid-template-areas: "logo logo" "headline headline" "body-a body-b" "body-e body-f" "body-c body-d" "body-g body-h" "cbt-block cbt-block" "footer footer"
  }

  .row-1 {
    padding: 3% 0 20px
  }

  .process-icon-container {
    padding: 24px 0 0
  }
}

.popup_after,
.popup_need {
  display: none;
  width: 100vw;
  height: 100vh;
  z-index: 100;
  position: fixed;
  top: 0;
  left: 0
}

.afterpay-modal-back,
.need-modal-back {
  width: 100vw;
  height: 100vh;
  position: absolute;
  top: 0;
  left: 0
}

.popup_after.popup_after-open,
.popup_need.popup_need-open {
  display: block
}

.afterpay-modal-wrapper.theme-white,
.need-modal-wrapper.theme-white {
  background: #fff
}

.modal-content {
  background-color: #0006;
  height: 100vh;
  display: flex;
  justify-content: center;
  align-items: center
}

.afterpay-modal-wrapper {
  box-sizing: border-box;
  text-decoration: none;
  font-family: Italian Plate No2 Expanded, sans-serif;
  color: #000;
  background-color: #b2fce4;
  padding: 0 30px;
  border-radius: 6px;
  -webkit-box-shadow: 1px 1px 15px 0 rgba(0, 0, 0, .87);
  box-shadow: 1px 1px 15px #000de;
  position: relative
}

.need-modal-wrapper {
  box-sizing: border-box;
  text-decoration: none;
  font-family: Futura, sans-serif;
  color: #000;
  background-color: #fff;
  padding: 0;
  border-radius: 0;
  -webkit-box-shadow: 1px 1px 15px 0 rgba(0, 0, 0, .87);
  box-shadow: 1px 1px 15px #000de;
  position: relative
}

.button-close {
  display: block;
  width: 15px;
  height: 15px;
  position: absolute;
  padding: 0;
  top: 15px;
  right: 15px
}

.button-close:before {
  content: "";
  display: block;
  width: 2px;
  height: 20px;
  background-color: #7d7d7d;
  position: absolute;
  transform: rotate(45deg) translate(-50%, -50%);
  top: 50%;
  left: 0
}

.button-close:after {
  content: "";
  display: block;
  width: 2px;
  height: 20px;
  background-color: #7d7d7d;
  position: absolute;
  transform: rotate(-45deg) translate(-50%, -50%);
  top: calc(50% - 1px);
  right: -1px
}

.grid-container {
  display: grid;
  margin: 0 auto;
  max-width: 800px;
  text-align: center;
  font-size: 16px;
  grid-template-rows: auto;
  grid-template-columns: repeat(4, 25%);
  grid-template-areas: "logo logo logo logo" "headline headline headline headline" "body-a body-b body-c body-d" "body-e body-f body-g body-h" "cbt-block cbt-block cbt-block cbt-block" "footer footer footer footer"
}

.flex-container {
  display: flex
}

.img_bg img {
  height: 100%
}

.content_side {
  padding: 70px 40px 60px 50px;
  display: flex;
  flex-direction: column;
  align-items: center
}

.pu_title {
  font-weight: 700;
  font-size: 22px;
  text-align: center;
  margin-bottom: 25px
}

.pu_text {
  max-width: 440px;
  display: block;
  font-style: normal;
  font-weight: 400;
  font-size: 15px;
  line-height: 22px;
  text-align: center;
  margin-bottom: 8px
}

.pu_text.strong-text {
  font-weight: 400;
  font-size: 18px;
  line-height: 22px;
  color: #231f20
}

.strong-text a {
  border-bottom: 2px solid #000
}

.need-modal-wrapper .btn--full {
  margin-top: 25px;
  margin-bottom: 25px;
  max-width: 360px
}

.brand-line {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 11px;
  margin-bottom: 25px
}

.brand-line a {
  max-width: 64px
}

.brand-line a img {
  max-height: 26px
}

.row-0 {
  grid-area: logo;
  padding-top: 45px
}

.row-1 {
  grid-area: headline;
  padding: 3% 0 8%
}

.process-step-1.process-icon-container {
  grid-area: body-a
}

.process-step-2.process-icon-container {
  grid-area: body-b
}

.process-step-3.process-icon-container {
  grid-area: body-c
}

.process-step-4.process-icon-container {
  grid-area: body-d
}

.process-step-1.process-subheading {
  grid-area: body-e
}

.process-step-2.process-subheading {
  grid-area: body-f
}

.process-step-3.process-subheading {
  grid-area: body-g
}

.process-step-4.process-subheading {
  grid-area: body-h
}

.row-3 {
  grid-area: footer
}

.grid-container>div {
  align-content: stretch
}

.afterpay-modal-logo svg {
  width: 100%;
  max-width: 275px;
  height: auto
}

h3.afterpay-modal-headline {
  margin: 0;
  font-size: 44px;
  font-weight: 600;
  line-height: 1.1
}

.process-icon-container {
  align-self: end
}

.process-icon-container svg {
  width: auto;
  height: auto;
  max-width: 110px;
  max-height: 95px
}

.process-icon-container svg .c1 {
  fill: none;
  stroke: #000;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-width: 2px
}

.process-subheading {
  padding: 10% 3% 0;
  font-weight: 600;
  line-height: 1.25
}

svg.afterpay-mobile,
svg.sign-up-mobile {
  display: none
}

.row-3 {
  padding: 8% 0 40px
}

.disclaimer {
  font-size: 12px
}

.disclaimer-link {
  color: #000;
  text-decoration: underline
}

.disclaimer-link:active {
  color: #000
}

.afterpay-footer-example {
  margin-top: 1.875em;
  font-size: x-small;
  font-weight: 600
}

.afterpay-underline {
  text-decoration: underline
}

.afterpay-bold {
  font-weight: 700
}

.afterpay-euro-symbol:after {
  content: " \20ac";
  font-weight: 400
}

.afterpay-reference-symbol {
  font-weight: 400;
  font-size: .5em;
  vertical-align: text-top
}

@media (max-width:1100px) {
  .img_bg {
    display: none
  }
}

@media (max-width:768px) {
  .grid-container {
    max-width: 500px;
    overflow: scroll;
    max-height: 100vh;
    grid-template-columns: auto;
    grid-template-areas: "logo logo" "headline headline" "body-a body-b" "body-e body-f" "body-c body-d" "body-g body-h" "cbt-block cbt-block" "footer footer"
  }

  .content_side {
    padding: 20px
  }

  .row-1 {
    padding: 3% 0 20px
  }

  .process-icon-container {
    padding: 24px 0 0
  }
}

@media (max-width:600px) {
  .afterpay-modal-wrapper {
    padding: 0;
    overflow: scroll;
    max-height: 100vh
  }

  .grid-container {
    padding: 30px;
    text-align: left;
    grid-template-columns: auto;
    grid-template-areas: "logo logo" "headline headline" "body-a body-e" "body-b body-f" "body-c body-g" "body-d body-h" "cbt-block cbt-block" "footer footer"
  }

  .row-0 {
    padding-top: 0
  }

  .row-1 {
    padding: 20px 0 8%
  }

  h3.afterpay-modal-headline {
    font-size: 40px
  }

  svg.afterpay-desktop,
  svg.sign-up-desktop {
    display: none
  }

  svg.afterpay-mobile,
  svg.sign-up-mobile {
    display: block
  }

  .process-icon-container {
    align-self: start;
    padding: 12px 0
  }

  .process-icon-container svg {
    min-width: 30px;
    max-height: 65px
  }

  .process-subheading {
    padding: 6px 0 6px 12px;
    align-self: center
  }

  .row-3 {
    padding: 8% 0 20px
  }
}

@media (max-width:420px) {
  .afterpay-modal-logo svg {
    max-width: 200px
  }

  h3.afterpay-modal-headline {
    font-size: 36px
  }
}

@media (max-width:335px) {
  h3.afterpay-modal-headline {
    font-size: 32px
  }
}

@media (max-width:260px) {
  .grid-container {
    font-size: 14px
  }

  h3.afterpay-modal-headline {
    font-size: 28px
  }
}

.currency-flag {
  background-image: url(/cdn/shop/t/16/assets/country-flags-40.png);
  background-repeat: no-repeat;
  background-position: top left;
  position: relative;
  display: inline-block;
  vertical-align: middle;
  width: 40px;
  height: 40px;
  overflow: hidden;
  box-shadow: 0 0 1px #0004d inset;
  border-radius: 50%;
  background-clip: padding-box
}

.currency-flag.currency-flag--ad {
  background-position: 0 0
}

.currency-flag.currency-flag--ae {
  background-position: 0 -50px
}

.currency-flag.currency-flag--af {
  background-position: 0 -100px
}

.currency-flag.currency-flag--ag {
  background-position: 0 -150px
}

.currency-flag.currency-flag--ai {
  background-position: 0 -200px
}

.currency-flag.currency-flag--al {
  background-position: 0 -250px
}

.currency-flag.currency-flag--am {
  background-position: 0 -300px
}

.currency-flag.currency-flag--ao {
  background-position: 0 -350px
}

.currency-flag.currency-flag--ar {
  background-position: 0 -400px
}

.currency-flag.currency-flag--as {
  background-position: 0 -450px
}

.currency-flag.currency-flag--at {
  background-position: 0 -500px
}

.currency-flag.currency-flag--au {
  background-position: 0 -550px
}

.currency-flag.currency-flag--aw {
  background-position: 0 -600px
}

.currency-flag.currency-flag--ax {
  background-position: 0 -650px
}

.currency-flag.currency-flag--az {
  background-position: 0 -700px
}

.currency-flag.currency-flag--ba {
  background-position: 0 -750px
}

.currency-flag.currency-flag--bb {
  background-position: 0 -800px
}

.currency-flag.currency-flag--bd {
  background-position: 0 -850px
}

.currency-flag.currency-flag--be {
  background-position: 0 -900px
}

.currency-flag.currency-flag--bf {
  background-position: 0 -950px
}

.currency-flag.currency-flag--bg {
  background-position: 0 -1000px
}

.currency-flag.currency-flag--bh {
  background-position: 0 -1050px
}

.currency-flag.currency-flag--bi {
  background-position: 0 -1100px
}

.currency-flag.currency-flag--bj {
  background-position: 0 -1150px
}

.currency-flag.currency-flag--bl {
  background-position: 0 -1200px
}

.currency-flag.currency-flag--bm {
  background-position: 0 -1250px
}

.currency-flag.currency-flag--bn {
  background-position: 0 -1300px
}

.currency-flag.currency-flag--bo {
  background-position: 0 -1350px
}

.currency-flag.currency-flag--bq-bo {
  background-position: 0 -1400px
}

.currency-flag.currency-flag--bq-sa {
  background-position: 0 -1450px
}

.currency-flag.currency-flag--bq-se {
  background-position: 0 -1500px
}

.currency-flag.currency-flag--br {
  background-position: 0 -1550px
}

.currency-flag.currency-flag--bs {
  background-position: 0 -1600px
}

.currency-flag.currency-flag--bt {
  background-position: 0 -1650px
}

.currency-flag.currency-flag--bw {
  background-position: 0 -1700px
}

.currency-flag.currency-flag--by {
  background-position: 0 -1750px
}

.currency-flag.currency-flag--bz {
  background-position: 0 -1800px
}

.currency-flag.currency-flag--ca-bc {
  background-position: 0 -1850px
}

.currency-flag.currency-flag--ca {
  background-position: 0 -1900px
}

.currency-flag.currency-flag--cc {
  background-position: 0 -1950px
}

.currency-flag.currency-flag--cd {
  background-position: 0 -2000px
}

.currency-flag.currency-flag--cf {
  background-position: 0 -2050px
}

.currency-flag.currency-flag--cg {
  background-position: 0 -2100px
}

.currency-flag.currency-flag--ch {
  background-position: 0 -2150px
}

.currency-flag.currency-flag--ci {
  background-position: 0 -2200px
}

.currency-flag.currency-flag--ck {
  background-position: 0 -2250px
}

.currency-flag.currency-flag--cl {
  background-position: 0 -2300px
}

.currency-flag.currency-flag--cm {
  background-position: 0 -2350px
}

.currency-flag.currency-flag--cn {
  background-position: 0 -2400px
}

.currency-flag.currency-flag--co {
  background-position: 0 -2450px
}

.currency-flag.currency-flag--cr {
  background-position: 0 -2500px
}

.currency-flag.currency-flag--cu {
  background-position: 0 -2550px
}

.currency-flag.currency-flag--cv {
  background-position: 0 -2600px
}

.currency-flag.currency-flag--cw {
  background-position: 0 -2650px
}

.currency-flag.currency-flag--cx {
  background-position: 0 -2700px
}

.currency-flag.currency-flag--cy {
  background-position: 0 -2750px
}

.currency-flag.currency-flag--cz {
  background-position: 0 -2800px
}

.currency-flag.currency-flag--de {
  background-position: 0 -2850px
}

.currency-flag.currency-flag--dj {
  background-position: 0 -2900px
}

.currency-flag.currency-flag--dk {
  background-position: 0 -2950px
}

.currency-flag.currency-flag--dm {
  background-position: 0 -3000px
}

.currency-flag.currency-flag--do {
  background-position: 0 -3050px
}

.currency-flag.currency-flag--dz {
  background-position: 0 -3100px
}

.currency-flag.currency-flag--easter_island {
  background-position: 0 -3150px
}

.currency-flag.currency-flag--ec-w {
  background-position: 0 -3200px
}

.currency-flag.currency-flag--ec {
  background-position: 0 -3250px
}

.currency-flag.currency-flag--ee {
  background-position: 0 -3300px
}

.currency-flag.currency-flag--eg {
  background-position: 0 -3350px
}

.currency-flag.currency-flag--eh {
  background-position: 0 -3400px
}

.currency-flag.currency-flag--er {
  background-position: 0 -3450px
}

.currency-flag.currency-flag--es-ce {
  background-position: 0 -3500px
}

.currency-flag.currency-flag--es-cn {
  background-position: 0 -3550px
}

.currency-flag.currency-flag--es-ga {
  background-position: 0 -3600px
}

.currency-flag.currency-flag--es-ib {
  background-position: 0 -3650px
}

.currency-flag.currency-flag--es-ml {
  background-position: 0 -3700px
}

.currency-flag.currency-flag--es-pv {
  background-position: 0 -3750px
}

.currency-flag.currency-flag--es {
  background-position: 0 -3800px
}

.currency-flag.currency-flag--esperanto {
  background-position: 0 -3850px
}

.currency-flag.currency-flag--et {
  background-position: 0 -3900px
}

.currency-flag.currency-flag--european_union {
  background-position: 0 -3950px
}

.currency-flag.currency-flag--fi {
  background-position: 0 -4000px
}

.currency-flag.currency-flag--fj {
  background-position: 0 -4050px
}

.currency-flag.currency-flag--fk {
  background-position: 0 -4100px
}

.currency-flag.currency-flag--fm {
  background-position: 0 -4150px
}

.currency-flag.currency-flag--fo {
  background-position: 0 -4200px
}

.currency-flag.currency-flag--fr-h {
  background-position: 0 -4250px
}

.currency-flag.currency-flag--fr {
  background-position: 0 -4300px
}

.currency-flag.currency-flag--ga {
  background-position: 0 -4350px
}

.currency-flag.currency-flag--gb-eng {
  background-position: 0 -4400px
}

.currency-flag.currency-flag--gb-ork {
  background-position: 0 -4450px
}

.currency-flag.currency-flag--gb-sct {
  background-position: 0 -4500px
}

.currency-flag.currency-flag--gb-wls {
  background-position: 0 -4550px
}

.currency-flag.currency-flag--gb {
  background-position: 0 -4600px
}

.currency-flag.currency-flag--gd {
  background-position: 0 -4650px
}

.currency-flag.currency-flag--ge-ab {
  background-position: 0 -4700px
}

.currency-flag.currency-flag--ge {
  background-position: 0 -4750px
}

.currency-flag.currency-flag--gg {
  background-position: 0 -4800px
}

.currency-flag.currency-flag--gh {
  background-position: 0 -4850px
}

.currency-flag.currency-flag--gi {
  background-position: 0 -4900px
}

.currency-flag.currency-flag--gl {
  background-position: 0 -4950px
}

.currency-flag.currency-flag--gm {
  background-position: 0 -5000px
}

.currency-flag.currency-flag--gn {
  background-position: 0 -5050px
}

.currency-flag.currency-flag--gp {
  background-position: 0 -5100px
}

.currency-flag.currency-flag--gq {
  background-position: 0 -5150px
}

.currency-flag.currency-flag--gr {
  background-position: 0 -5200px
}

.currency-flag.currency-flag--gt {
  background-position: 0 -5250px
}

.currency-flag.currency-flag--gu {
  background-position: 0 -5300px
}

.currency-flag.currency-flag--gw {
  background-position: 0 -5350px
}

.currency-flag.currency-flag--gy {
  background-position: 0 -5400px
}

.currency-flag.currency-flag--hausa {
  background-position: 0 -5450px
}

.currency-flag.currency-flag--hk {
  background-position: 0 -5500px
}

.currency-flag.currency-flag--hmong {
  background-position: 0 -5550px
}

.currency-flag.currency-flag--hn {
  background-position: 0 -5600px
}

.currency-flag.currency-flag--hr {
  background-position: 0 -5650px
}

.currency-flag.currency-flag--ht {
  background-position: 0 -5700px
}

.currency-flag.currency-flag--hu {
  background-position: 0 -5750px
}

.currency-flag.currency-flag--id {
  background-position: 0 -5800px
}

.currency-flag.currency-flag--ie {
  background-position: 0 -5850px
}

.currency-flag.currency-flag--il {
  background-position: 0 -5900px
}

.currency-flag.currency-flag--im {
  background-position: 0 -5950px
}

.currency-flag.currency-flag--in {
  background-position: 0 -6000px
}

.currency-flag.currency-flag--io {
  background-position: 0 -6050px
}

.currency-flag.currency-flag--iq {
  background-position: 0 -6100px
}

.currency-flag.currency-flag--ir {
  background-position: 0 -6150px
}

.currency-flag.currency-flag--is {
  background-position: 0 -6200px
}

.currency-flag.currency-flag--it-82 {
  background-position: 0 -6250px
}

.currency-flag.currency-flag--it-88 {
  background-position: 0 -6300px
}

.currency-flag.currency-flag--it {
  background-position: 0 -6350px
}

.currency-flag.currency-flag--je {
  background-position: 0 -6400px
}

.currency-flag.currency-flag--jm {
  background-position: 0 -6450px
}

.currency-flag.currency-flag--jo {
  background-position: 0 -6500px
}

.currency-flag.currency-flag--jp {
  background-position: 0 -6550px
}

.currency-flag.currency-flag--kannada {
  background-position: 0 -6600px
}

.currency-flag.currency-flag--ke {
  background-position: 0 -6650px
}

.currency-flag.currency-flag--kg {
  background-position: 0 -6700px
}

.currency-flag.currency-flag--kh {
  background-position: 0 -6750px
}

.currency-flag.currency-flag--ki {
  background-position: 0 -6800px
}

.currency-flag.currency-flag--km {
  background-position: 0 -6850px
}

.currency-flag.currency-flag--kn {
  background-position: 0 -6900px
}

.currency-flag.currency-flag--kp {
  background-position: 0 -6950px
}

.currency-flag.currency-flag--kr {
  background-position: 0 -7000px
}

.currency-flag.currency-flag--kurdistan {
  background-position: 0 -7050px
}

.currency-flag.currency-flag--kw {
  background-position: 0 -7100px
}

.currency-flag.currency-flag--ky {
  background-position: 0 -7150px
}

.currency-flag.currency-flag--kz {
  background-position: 0 -7200px
}

.currency-flag.currency-flag--la {
  background-position: 0 -7250px
}

.currency-flag.currency-flag--lb {
  background-position: 0 -7300px
}

.currency-flag.currency-flag--lc {
  background-position: 0 -7350px
}

.currency-flag.currency-flag--li {
  background-position: 0 -7400px
}

.currency-flag.currency-flag--lk {
  background-position: 0 -7450px
}

.currency-flag.currency-flag--lr {
  background-position: 0 -7500px
}

.currency-flag.currency-flag--ls {
  background-position: 0 -7550px
}

.currency-flag.currency-flag--lt {
  background-position: 0 -7600px
}

.currency-flag.currency-flag--lu {
  background-position: 0 -7650px
}

.currency-flag.currency-flag--lv {
  background-position: 0 -7700px
}

.currency-flag.currency-flag--ly {
  background-position: 0 -7750px
}

.currency-flag.currency-flag--ma {
  background-position: 0 -7800px
}

.currency-flag.currency-flag--malayali {
  background-position: 0 -7850px
}

.currency-flag.currency-flag--maori {
  background-position: 0 -7900px
}

.currency-flag.currency-flag--mc {
  background-position: 0 -7950px
}

.currency-flag.currency-flag--md {
  background-position: 0 -8000px
}

.currency-flag.currency-flag--me {
  background-position: 0 -8050px
}

.currency-flag.currency-flag--mf {
  background-position: 0 -8100px
}

.currency-flag.currency-flag--mg {
  background-position: 0 -8150px
}

.currency-flag.currency-flag--mh {
  background-position: 0 -8200px
}

.currency-flag.currency-flag--mk {
  background-position: 0 -8250px
}

.currency-flag.currency-flag--ml {
  background-position: 0 -8300px
}

.currency-flag.currency-flag--mm {
  background-position: 0 -8350px
}

.currency-flag.currency-flag--mn {
  background-position: 0 -8400px
}

.currency-flag.currency-flag--mo {
  background-position: 0 -8450px
}

.currency-flag.currency-flag--mp {
  background-position: 0 -8500px
}

.currency-flag.currency-flag--mq {
  background-position: 0 -8550px
}

.currency-flag.currency-flag--mr {
  background-position: 0 -8600px
}

.currency-flag.currency-flag--ms {
  background-position: 0 -8650px
}

.currency-flag.currency-flag--mt {
  background-position: 0 -8700px
}

.currency-flag.currency-flag--mu {
  background-position: 0 -8750px
}

.currency-flag.currency-flag--mv {
  background-position: 0 -8800px
}

.currency-flag.currency-flag--mw {
  background-position: 0 -8850px
}

.currency-flag.currency-flag--mx {
  background-position: 0 -8900px
}

.currency-flag.currency-flag--my {
  background-position: 0 -8950px
}

.currency-flag.currency-flag--mz {
  background-position: 0 -9000px
}

.currency-flag.currency-flag--na {
  background-position: 0 -9050px
}

.currency-flag.currency-flag--nato {
  background-position: 0 -9100px
}

.currency-flag.currency-flag--nc {
  background-position: 0 -9150px
}

.currency-flag.currency-flag--ne {
  background-position: 0 -9200px
}

.currency-flag.currency-flag--nf {
  background-position: 0 -9250px
}

.currency-flag.currency-flag--ng {
  background-position: 0 -9300px
}

.currency-flag.currency-flag--ni {
  background-position: 0 -9350px
}

.currency-flag.currency-flag--nl {
  background-position: 0 -9400px
}

.currency-flag.currency-flag--no {
  background-position: 0 -9450px
}

.currency-flag.currency-flag--northern_cyprus {
  background-position: 0 -9500px
}

.currency-flag.currency-flag--np {
  background-position: 0 -9550px
}

.currency-flag.currency-flag--nr {
  background-position: 0 -9600px
}

.currency-flag.currency-flag--nu {
  background-position: 0 -9650px
}

.currency-flag.currency-flag--nz {
  background-position: 0 -9700px
}

.currency-flag.currency-flag--om {
  background-position: 0 -9750px
}

.currency-flag.currency-flag--pa {
  background-position: 0 -9800px
}

.currency-flag.currency-flag--pe {
  background-position: 0 -9850px
}

.currency-flag.currency-flag--pf {
  background-position: 0 -9900px
}

.currency-flag.currency-flag--pg {
  background-position: 0 -9950px
}

.currency-flag.currency-flag--ph {
  background-position: 0 -10000px
}

.currency-flag.currency-flag--pk {
  background-position: 0 -10050px
}

.currency-flag.currency-flag--pl {
  background-position: 0 -10100px
}

.currency-flag.currency-flag--pn {
  background-position: 0 -10150px
}

.currency-flag.currency-flag--pr {
  background-position: 0 -10200px
}

.currency-flag.currency-flag--ps {
  background-position: 0 -10250px
}

.currency-flag.currency-flag--pt-20 {
  background-position: 0 -10300px
}

.currency-flag.currency-flag--pt-30 {
  background-position: 0 -10350px
}

.currency-flag.currency-flag--pt {
  background-position: 0 -10400px
}

.currency-flag.currency-flag--pw {
  background-position: 0 -10450px
}

.currency-flag.currency-flag--py {
  background-position: 0 -10500px
}

.currency-flag.currency-flag--qa {
  background-position: 0 -10550px
}

.currency-flag.currency-flag--ro {
  background-position: 0 -10600px
}

.currency-flag.currency-flag--rs {
  background-position: 0 -10650px
}

.currency-flag.currency-flag--ru {
  background-position: 0 -10700px
}

.currency-flag.currency-flag--rw {
  background-position: 0 -10750px
}

.currency-flag.currency-flag--sa {
  background-position: 0 -10800px
}

.currency-flag.currency-flag--sb {
  background-position: 0 -10850px
}

.currency-flag.currency-flag--sc {
  background-position: 0 -10900px
}

.currency-flag.currency-flag--sd {
  background-position: 0 -10950px
}

.currency-flag.currency-flag--se {
  background-position: 0 -11000px
}

.currency-flag.currency-flag--sg {
  background-position: 0 -11050px
}

.currency-flag.currency-flag--sh {
  background-position: 0 -11100px
}

.currency-flag.currency-flag--si {
  background-position: 0 -11150px
}

.currency-flag.currency-flag--sindh {
  background-position: 0 -11200px
}

.currency-flag.currency-flag--sj {
  background-position: 0 -11250px
}

.currency-flag.currency-flag--sk {
  background-position: 0 -11300px
}

.currency-flag.currency-flag--sl {
  background-position: 0 -11350px
}

.currency-flag.currency-flag--sm {
  background-position: 0 -11400px
}

.currency-flag.currency-flag--sn {
  background-position: 0 -11450px
}

.currency-flag.currency-flag--so {
  background-position: 0 -11500px
}

.currency-flag.currency-flag--somaliland {
  background-position: 0 -11550px
}

.currency-flag.currency-flag--south_ossetia {
  background-position: 0 -11600px
}

.currency-flag.currency-flag--sr {
  background-position: 0 -11650px
}

.currency-flag.currency-flag--ss {
  background-position: 0 -11700px
}

.currency-flag.currency-flag--st {
  background-position: 0 -11750px
}

.currency-flag.currency-flag--sv {
  background-position: 0 -11800px
}

.currency-flag.currency-flag--sx {
  background-position: 0 -11850px
}

.currency-flag.currency-flag--sy {
  background-position: 0 -11900px
}

.currency-flag.currency-flag--sz {
  background-position: 0 -11950px
}

.currency-flag.currency-flag--tc {
  background-position: 0 -12000px
}

.currency-flag.currency-flag--td {
  background-position: 0 -12050px
}

.currency-flag.currency-flag--tg {
  background-position: 0 -12100px
}

.currency-flag.currency-flag--th {
  background-position: 0 -12150px
}

.currency-flag.currency-flag--tibet {
  background-position: 0 -12200px
}

.currency-flag.currency-flag--tj {
  background-position: 0 -12250px
}

.currency-flag.currency-flag--tk {
  background-position: 0 -12300px
}

.currency-flag.currency-flag--tl {
  background-position: 0 -12350px
}

.currency-flag.currency-flag--tm {
  background-position: 0 -12400px
}

.currency-flag.currency-flag--tn {
  background-position: 0 -12450px
}

.currency-flag.currency-flag--to {
  background-position: 0 -12500px
}

.currency-flag.currency-flag--tr {
  background-position: 0 -12550px
}

.currency-flag.currency-flag--transnistria {
  background-position: 0 -12600px
}

.currency-flag.currency-flag--tt {
  background-position: 0 -12650px
}

.currency-flag.currency-flag--tv {
  background-position: 0 -12700px
}

.currency-flag.currency-flag--tw {
  background-position: 0 -12750px
}

.currency-flag.currency-flag--tz {
  background-position: 0 -12800px
}

.currency-flag.currency-flag--ua {
  background-position: 0 -12850px
}

.currency-flag.currency-flag--ug {
  background-position: 0 -12900px
}

.currency-flag.currency-flag--united_nations {
  background-position: 0 -12950px
}

.currency-flag.currency-flag--us-hi {
  background-position: 0 -13000px
}

.currency-flag.currency-flag--us {
  background-position: 0 -13050px
}

.currency-flag.currency-flag--uy {
  background-position: 0 -13100px
}

.currency-flag.currency-flag--uz {
  background-position: 0 -13150px
}

.currency-flag.currency-flag--va {
  background-position: 0 -13200px
}

.currency-flag.currency-flag--vc {
  background-position: 0 -13250px
}

.currency-flag.currency-flag--ve {
  background-position: 0 -13300px
}

.currency-flag.currency-flag--vg {
  background-position: 0 -13350px
}

.currency-flag.currency-flag--vi {
  background-position: 0 -13400px
}

.currency-flag.currency-flag--vn {
  background-position: 0 -13450px
}

.currency-flag.currency-flag--vu {
  background-position: 0 -13500px
}

.currency-flag.currency-flag--ws {
  background-position: 0 -13550px
}

.currency-flag.currency-flag--xk {
  background-position: 0 -13600px
}

.currency-flag.currency-flag--xx {
  background-position: 0 -13650px
}

.currency-flag.currency-flag--ye {
  background-position: 0 -13700px
}

.currency-flag.currency-flag--yiddish {
  background-position: 0 -13750px
}

.currency-flag.currency-flag--za {
  background-position: 0 -13800px
}

.currency-flag.currency-flag--zm {
  background-position: 0 -13850px
}

.currency-flag.currency-flag--zw {
  background-position: 0 -13900px
}

.trustpilot-dots:after {
  content: '';
  height: 3px;
  display: block;
  width: 3px;
  border-radius: 50%;
  background-color: #e8e8e8;
  margin: 0;
}

.trustpilot-footer {
  display: flex;
  align-items: center;
  gap: 7px;
  margin-bottom: 10px;
}

@media screen and (max-width: 1020px) {
  .trustpilot-footer {
    justify-content: center;
  }
}

.trustpilot-footer span {
  color: #E8E8E8;
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  line-height: 18px;
}

.support-button__wrapper {
  display: block;
  position: fixed;
  z-index: 7001;
  -webkit-backface-visibility: hidden;
  height: 50px;
  bottom: 40px;
  right: 26px;
}

.support-button {
  width: 60px;
  height: 60px;
  float: right;
  background-color: #424557;
  border-radius: 50px;
  box-shadow: rgb(2 6 16 / 20%) 0 2px 16px;
  display: flex;
  justify-content: center;
  align-items: center;

}

.support-button svg path {
  fill: white;
}

.support-button svg circle {
  fill: white;
}

@media screen and (max-width: 560px) {

  .support-button__wrapper {
    right: 10px;
  }
}


#play-button-2 {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-color: transparent;
  border: none;
  cursor: pointer;
  color: white;
  border: 1px solid white;
  padding: 10px 25px;
  transition: 0.3s ease
}

#play-button-2:hover {
  text-decoration: underline
}


#launcher {
  display: none;
}

.page-container {
  overflow-x: hidden;
}

.team-wrapper a[href="#"] {
  pointer-events: none;
}

.announcement_image-text {
  display: flex;
  align-items: center;
  gap: 12px;
}

.announcement_image-text.small-image-text {
  gap: 19px;
}

.announcement_image-text .announcement_img-big {
  height: 32px !important;
  margin: -1px;
  width: 28px;
}

.announcement_image-text .announcement_img-small,
.announcement_image-text .announcement_img-big {
  max-width: 100%;
  max-height: 100%;
}

.announcement_image-text .announcement_img-small {
  margin-bottom: 2px;
}

.announcement-bottom .announcement__text .announcement_image-text .first-strong,
.announcement-bottom .announcement__text .announcement_image-text .view-more {
  color: #1c1d1d;
  white-space: nowrap;
}

.announcement-bottom .announcement__link:hover .announcement__text .announcement_image-text .first-strong,
.announcement-bottom .announcement__link:hover .announcement__text .announcement_image-text .view-more {
  color: #939393;
}

@media (max-width: 590px) {
  .announcement_image-text.small-image-text {
    gap: 8px;
  }
}


.announcement-bottom .announcement__text {
  max-width: 1165px;
  justify-content: stretch;
}

.top-contact-mob-item-1 {
  display: flex;
  margin-top: 55px;
  line-height: 26px;
  flex-direction: column;
}

.top-contact-mob-item-1 a:nth-child(even) {
  margin-bottom: 30px;
}

.top-contact-mob-item-2 {
  display: flex;
  gap: 8px;
  justify-content: stretch;
}

.yellow-round {
  background-color: #F6C206;
  color: #1F2231 !important;
  font-weight: 400 !important;
}

.green-round {
  background-color: #00950F;
}

.announcement__text>span:nth-child(2)>div>a {
  font-size: 16px;
}

.announcement .dots {
  font-size: 11px;
  margin-inline: 10px;
}

.yelp-accounts, .gmb-accounts {
  display: none;
  position: absolute;
  top: -150px;
  left: -80px;
}

.yelp-accounts.yelp-overlay,
.gmb-accounts.gmb-overlay {
  display: block;
}

@media (max-width: 768px) {
  .yelp-accounts,
  .gmb-accounts{
    left: -150px;
  }
}

@media (max-width: 590px) {
  .yelp-accounts,
  .gmb-accounts {
    left: -190px;
  }
}

.yelp-accounts__container,
.gmb-accounts__container {
  min-width: 232px;
  height: 140px;
}

.yelp-accounts__wrapper,
.gmb-accounts__wrapper {
  background-color: white;
  border: 1px solid #DCDCE6;
  box-shadow: 0px 6px 6px 0px rgba(0, 0, 0, 0.25);
  height: 100%;
}

.yelp-accounts__links,
.gmb-accounts__links {
  display: flex;
  justify-content: center;
  gap: 23px;
}

.yelp-accounts__links p,
.gmb-accounts__links p {
  color: #000;
  font-size: 10px;
  font-weight: 400;
  line-height: normal;
  text-decoration: underline;
}

.yelp-accounts__links a,
.gmb-accounts__links a {
  flex-direction: column;
  gap: 12px;
  align-items: center;
  width: 90px;
}

.yelp-accounts__links img,
.gmb-accounts__links img {
  height: 70px;
  width: 70px;
}

.yelp-accounts__button-close,
.gmb-accounts__button-close {
  display: flex;
  justify-content: flex-end;
}

.footer__social .yelp-choise,
.footer__social .gmb-choise {
  position: relative;
}

.site-header .site-nav--icons .location-icon {
  position: relative;
}

.location-popup {
  position: absolute;
  left: -260px;
  top: 57px;
  z-index: 9999999;
  min-width: 410px;
  width: 100%;
  height: 246px;
  display: none;
}

.icon-location {
  cursor: pointer;
}

.location-popup.active {
  display: block;
}

@media (min-width: 589px) {
  .location-popup {
    left: -305px;
  }
}

@media (max-width: 375px) {
  .location-popup {
    left: -205px;
    min-width: 335px;
  }

  .location-popup__wrapper .location-main {
    gap: 30px;
  }
}


.location-popup__wrapper {
  height: 100%;
  width: 100%;
  background: #fff;
  display: flex;
  flex-direction: column;
  box-shadow: 0px 6px 6px 0px rgba(0, 0, 0, 0.25);
  border: 1px solid #DCDCE6;
  gap: 20px;
  padding: 15px 10px;
  ;
}

.location-popup__wrapper .location-header {
  display: flex;
  justify-content: flex-end;
}

.location-popup__wrapper .location-header .close-location-popup {
  cursor: pointer;
}

.location-popup__wrapper .location-main {
  display: flex;
  gap: 40px;
  justify-content: center;
}

.location-popup__wrapper .location-main a {
  margin-top: 12px;
  color: #000;
  text-align: center;
  font-size: 12px;
  font-weight: 400;
  line-height: normal;
  text-decoration-line: underline;
}

.old-location,
.new-location {
  display: flex;
  flex-direction: column;
}

@media (max-width: 425px) {

  .location-popup__wrapper {
    padding-inline: 20px;
  }
}



/* Custom page-width section (collection custom img) */

.custom-page-width {
  padding: 0;
}

.custom-page-width .feature-row {
  display: flex;
  flex-direction: row-reverse;
}
.custom-page-width .collection-custom.collection-custom-black
  .feature-row__callout-text.feature-row__text--right {
  margin: 0;
  padding: 0;
}

.custom-page-width .feature-row__callout-text {
  height: 100%;
}

.custom-page-width .feature-row__callout-text .feature-row__content {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  height: 100%;
}

.custom-page-width .feature-row__callout-image img {
  position: absolute;
  top: 0;
  height: 100%;
  max-width: 1021px;
}

.custom-page-width .collection-custom.collection-custom-black .subtitle {
  font-size: 49px;
  font-weight: 700;
  line-height: normal;
  margin-bottom: 55px;
  letter-spacing: unset;
  text-transform: capitalize;
  
}


.custom-page-width .feature-row__content {
  color: #000000 !important;
}
    
.custom-page-width .collection-custom.collection-custom-black .h3 {
  font-size: 34px;
  font-weight: 700;
  line-height: 1;
  margin-bottom: 27px;
}
.custom-page-width .collection-custom.collection-custom-black .rte p {
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
}
.custom-page-width .feature-row__callout-image {
  flex: 0 1 55%; 
}  

.custom-page-width .feature-row__text {
  flex: 0 1 45%;
  min-width: auto !important;
}


@media (max-width: 1041px){
  .custom-page-width .feature-row {
    flex-direction: column;
  }
  .custom-page-width .feature-row__callout-image {
    width: 100%;
  }

  .custom-page-width .collection-custom-black {
  height: auto;
  position: relative;
  }

  .custom-page-width .feature-row__callout-image img {
    position: static;
    max-width: 100%;
  }
  
  .custom-page-width .collection-custom.collection-custom-black
  .feature-row__callout-text.feature-row__text--right {
    margin: 0;
    width: 100%;
    padding: 20px;
  }
}

@media (max-width: 768px){
  .custom-page-width .collection-custom.collection-custom-black .subtitle {
    font-size: calc(49px*0.85);
  }
  .custom-page-width .collection-custom.collection-custom-black .h3 {
  font-size: calc(34px*0.85);
  font-weight: 700;
  line-height: 1;
  margin-bottom: 27px;
  }
.custom-page-width .collection-custom.collection-custom-black .rte p {
  font-size: calc(16px*0.85);
  font-weight: 400;
  line-height: 24px;
  }
}

/* Location styles */

.custom-styles h4 {
  font-size: 26px;
  font-weight: 700;
  line-height: normal;
  margin: 30px 0;
}
.custom-styles p {
  font-size: 20px;
  font-weight: 400;
  line-height: 30px;
}

@media (max-width: 765px){
  .custom-styles h4 {
    font-size: calc(26px*0.85);
  }
  .custom-styles p {
    font-size: calc(20px*0.85);
  }
}
                       
.custom-text-bottom {
  text-align: left;
}
.custom-styles .double-img {
  padding: 0;
  gap: 64px;
}
.custom-styles .double-img .image-wrap {
  width: 50%;
  flex-grow: 1;
}
.custom-styles .double-img .image-wrap:last-child {
  margin-top: 264px;
  margin-left: 0;
}

@media (max-width: 1026px) {
  .custom-styles .double-img .image-wrap {
    width: 100%;
  }
  .custom-styles .double-img .image-wrap:last-child {
    margin-top: 0;
  }
  .custom-styles .double-img {
    gap: 30px;
  }
  .custom-styles .index-section
}

.location-social-icons {
  margin: 30px 0;
  display: flex;
  gap: 14px;
}


.location-page-style h2 {
  text-align: center;
}
.location-page-style .grid__item {
  display: flex;
  gap: 30px;
  margin-bottom: 20px;
  width: 100%;
}
.location-page-style .grid__item:nth-child(even) {
  padding-left: 50px;
}

.location-page-style .grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  overflow-y: hidden;
}
    
.location-page-style .image-wrap {
  padding-bottom: 0 !important;
  height: 100% !important;
}
.location-page-style .grid__item > div {
  width: 100%;
  height: 193px;
}
.location-page-style .image-wrap img {
  height: 100%;
}
@media (max-width: 1015px) {
  .location-page-style .grid__item {
    flex-direction: column;
  }
  .location-page-style .grid__item > div {
    height: auto;
    max-width: 650px !important;
  }
  .location-page-style .grid__item:nth-child(even) {
    padding-left: 30px;
  }
}

@media (max-width: 590px){ 
  .location-page-style .grid {
    grid-template-columns: 1fr;
  }
}

/* Elfsight Review */

.review-widget .text-center {
  display: flex;
  justify-content: center;
  gap: 30px;
  flex-wrap: wrap;
}

.review-widget .theme-block {
  flex-grow: 1;
}

.review-widget .theme-block:first-child {
  display: none;
}
  

@media (max-width: 1300px){
  .es-main-container {
      max-width: 100% !important;
  }
  .review-widget .theme-block {
    width: 100%;
  }
  .review-widget .theme-block:first-child {
    display: block;
  }
  .review-widget {
    padding-inline: 15px;
  }
}

.location-anchor {
  justify-content: space-between;
  display: none;
  margin: 0 !important;
}

.location-anchor a{
  flex: 0 1 50%;
  border: none !important;
}

.location-anchor a:after {
  display: none;
}

.location-anchor p {
  line-height: 1.4;
  font-size: 14px;
  font-style: normal;
  color: rgba(17, 17, 17, 0.7);
  margin-top: 8px;
}

.location-zip-codes {
  max-width: 100% !important;
}

.location-zip-codes .feature-row__item {
  flex: 0 1 50%;
}

.location-zip-codes p {
  font-size: 26px;
  font-weight: 700;
  margin-bottom: 30px;
} 
.location-zip-codes .h1 {
  font-size: 36px;
  margin-bottom: 50px;
}


@media (max-width: 1250px) {
  .location-zip-codes .h1 {
    font-size: calc(36px*0.85);
  }
 .location-zip-codes p {
    font-size: calc(26px*0.85);
  }
}

.location-zip-codes .rte {
  width: 70%;
}

@media (max-width: 991px) {
  .location-zip-codes .feature-row {
    flex-direction: column;
    gap: 50px;
  }
  .location-zip-codes .feature-row__item {
    width: 100%;
  }
  .location-zip-codes .feature-row__text {
    padding-bottom: 50px;
  }
  .rte {
    width: 100% !important;
  }
}

@media (max-width: 590px) {
  .location-zip-codes {
    padding: 0;
  }
}

@media only screen and (min-width: 590px) {
  .location-zip-codes .feature-row__text--left {
    padding-left: 72px;
  }
}

.location-zip-codes .feature-row__text {
   flex: 0 1 50%;
}

.location-zip-codes .feature-row__item {
  max-width: 100% !important;
}

.location-zip-codes .image-wrap img {
  width: 100%;
}

.location-zip-codes .feature-row {
    margin: 0;
}

.location-zip-codes .feature-row__item {
  max-width: 100%;
}

.location-anchor span {
  line-height: 1.32;
  display: block;
  font-size: 21px;
  font-weight: bold;
  font-style: normal;
  margin: 0;
  color: rgb(17, 17, 17);  
}

@media (max-width: 1300px) {
  .location-anchor {
    display: flex;
  }
  .WidgetTitle__Inner-sc-ruy1gu-1 {
    display: none;
  }
}

  #anchor-range {
    -webkit-appearance: none;
    appearance: none;
    background: #d3d3d3;
    padding: 0;
    outline: none;
    opacity: 0.7;
    -webkit-transition: .2s;
    transition: opacity .2s;
    border-radius: 4px;
    height: 1px;
    border: none;
    pointer-events: none;
  }
}

#anchor-range:hover {
  opacity: 1;
}

#anchor-range::-webkit-slider-thumb {
  -webkit-appearance: none;
  appearance: none;
  width: 50%;
  height: 2px;
  background: #000;
  border-radius: 4px;
  cursor: pointer;
}

#anchor-range::-moz-range-thumb {
  width: 50%;
  height: 2px;
  background: #000;
  border-radius: 4px;
  cursor: pointer;
}

.icon-with-text {
  display: flex;
  gap: 20px;
}

.location-section .icon-with-text {
  align-items: center;
}

.location-section {
  display: flex;
  flex-direction: column;
  gap: 20px;
}

.location-section > p {
  margin-bottom: 10px !important;
}

.footer-plus-code {
  display: flex;
  align-items: center;
  gap: 10px;
}

.plus-code-link {
  cursor: pointer;
}

.clipboard-alert.hidden {
  display: none;
}

.clipboard-alert {
  position: fixed;
  bottom: 0;
  left: 50%;
  margin-left: -111px;
  color: white;
  padding: 0 24px;
  height: 50px;
  background-color: #000;
  font-size: 14px;
  display: flex;
  z-index: 1000;
  align-items: center;
  border-radius: 4px;
}


.clipboard-alert button {
  margin-left: 18px;
}

/* Varlix custom sections */

.varilux-custom-section {
  max-width: 1102px;
  padding-inline: 24px;
}

.varilux-custom-section .custom__item:first-child .rte {
  display: flex;
  align-items: flex-end;
  flex-direction: column;
}

.varilux-custom-section .custom__item:first-child {
  max-width: 365px;
}

@media (max-width: 767px) {
  .varilux-custom-section .custom__item:first-child {
    max-width: 100%;
  }

  .varilux-custom-section .custom-content  {
    margin: 0;
  }


  .varilux-custom-section .custom__item:last-child {
    padding: 0;
  }
    
  .one-half {
    width: 100%;
  }
}

.varilux-custom-section .custom__item:last-child {
  flex-grow: 1;
}


.varilux-custom-section  video {
  height: auto;
  width: 100%;
  border-radius: 6px;
  cursor: pointer;
}
.varilux-custom-section  h3,
.varilux-custom-section span {
  position: relative;
  font-family: var(--typeBasePrimary), var(--typeBaseFallback);
  width: 100%;
  z-index: 1;
}

.varilux-custom-section span {
  font-family: Noto Sans;
  font-size: 10px;
  color: #010E3D;
  font-style: normal;
  font-weight: 700;
  line-height: 16px
}

.varilux-custom-section  h3:before {
  content: "“";
  font-size: 100px;
  line-height: 68px;
  font-weight: 700;
  user-select: none;
  color: #0088ce;
  font-family: 'Noto Sans', sans-serif;
  z-index: -1;
  position: absolute;
  left: -32px;
}

.varilux-experience {
  position: relative;
}

.varilux-experience h2,
.varilux-experience p,
.varilux-experience .bold-p {
  color: white;
}

.varilux-experience img {
  margin-bottom: 14px;
}

.varilux-experience .bold-p {
  margin-bottom: 8px;
  font-weight: 700;
}

.varilux-experience .custom__item {
  padding: 0;
  margin: 0;
}

.varilux-experience .custom__item:not(:first-child) {
  position: absolute;
}

.varilux-experience .custom__item:not(:first-child) p,
.varilux-experience .custom__item:not(:first-child) h2 {
  font-family: 'Noto Sans', sans-serif;
}

.varilux-experience .custom__item:nth-child(2) {
  top: 10%;
  left: 10%;
  max-width: 65%;
}

.varilux-experience .custom__item:nth-child(2) h2 {
  font-size: 48px;
  font-weight: 700;
  line-height: 68px;
}

.varilux-experience .custom__item:nth-child(2) p {
  font-size: 16px;
  font-weight: 400;
  line-height: 26px;
}

@media (max-width: 1300px) {
  .varilux-experience .custom__item:not(:nth-child(2)) p{
    font-size: 14px;
  }
}
  

.varilux-experience .custom__item:nth-child(3) {
  top: 41%;
  left: 17%;
  max-width: 20%;
}

.varilux-experience .custom__item:nth-child(4) {
  top: 52%;
  right: 5%;
  max-width: 20%;
}

.varilux-experience .custom__item:nth-child(5) {
  top: 63%;
  left: 17%;
  max-width: 19%;
}

.varilux-experience .custom__item:nth-child(3):after {
  content: '';
  position: absolute;
  right: -75%;
  top: 50%;
  width: 70%;
  height: 1px;
  background: white;
}

.varilux-experience .custom__item:nth-child(5):after {
  content: '';
  position: absolute;
  right: -85%;
  top: 50%;
  width: 70%;
  height: 1px;
  background: white;
}

.varilux-experience .custom__item:nth-child(4):after {
  content: '';
  position: absolute;
  left: -85%;
  top: 50%;
  width: 70%;
  height: 1px;
  background: white;
}

@media (max-width: 991px) {
  .varilux-experience .custom__item:nth-child(3):after,
  .varilux-experience .custom__item:nth-child(4):after,
  .varilux-experience .custom__item:nth-child(5):after {
    content: none;
  }

  .varilux-experience .custom__item:first-child {
    display: none;
  }

  .varilux-experience .custom__item:not(:first-child) {
    position: static;
    max-width: 100%;
  }

  
  .varilux-experience {
    margin: 0;
    padding: 0 15px 0 15px;
    display: flex;
    flex-direction: column;
    background: url(/cdn/shop/files/f20b3cd7855db397c10500af4d901d01_jpg.webp?v=1702638853) center/cover no-repeat;
  }

  .varilux-experience .custom__item:nth-child(2) {
    padding-top: 60px;
  }
  .varilux-experience .custom__item:last-child {
    padding-bottom: 60px;
  }
}


/* Varilux video */

.varilux-small-video .video-wrapper {
  padding-bottom: 78%;
  margin: 0;
}

.varilux-small-video .custom__item {
  margin: 0;
}

.varilux-small-video video {
  object-fit: cover;
}

.varilux-small-video .one-half:first-child {
  width: 56%;
}

.varilux-small-video .one-half:last-child {
  width: 44%;
  padding-left: 55px;
}

.varilux-small-video .feature-row {
  margin: 0;
}

.varilux-small-video p {
  font-weight: 700;
  font-size: 21px;
  line-height: 30px;
}

.varilux-small-video .h1 {
  font-size: 30.6px;
  font-weight: 700;
  line-height: 33.66px;
  text-transform: capitalize;
  margin: 0 0 30px 0;
}

.varilux-small-video p {
  max-width: 74%;
}

@media (max-width: 590px) {
  .varilux-small-video {
    flex-direction: column;
    gap: 30px;
  }
  
  .varilux-small-video .one-half:first-child {
    width: 100%;
  }
  
  .varilux-small-video .one-half:last-child {
    padding-left: 30px;
    width: 100%;
  }
  .varilux-small-video p {
    max-width: 100%;
  }
}