@charset "utf-8";

/*!
  Motion, by Archetype Themes
  http://archetypethemes.co
*/:root
{
  --colorBtnPrimary: rgba(0,0,0,0)
  ;
  --colorBtnPrimaryDim: rgba(0, 0, 0, 0.0)
  ;
  --colorBtnPrimaryText: #ffffff
  ;
  --colorCartDot: #fdea02
  ;

  --colorLink: #eaeaea
  ;

  --colorTextBody: #eaeaea
  ;
  --colorSalePrice: #fdea02
  ;
  --colorCartSalePrice:#930000;
  --colorSaleTag: #930000
  ;
  --colorSaleTagText: #ffffff
  ;

  --colorBody: #161616
  ;
  --colorBodyDim: #090909
  ;
  --colorInputBg: #161616
  ;
  --colorInputBgDim: #090909
  ;
  --colorInputBgDark: #000000
  ;
  --colorInputText: #eaeaea
  ;

  --colorFooter: #212121
  ;
  --colorFooterText: #ffffff
  ;

  --colorBorder: #848484
  ;

  --colorNav: rgba(0,0,0,0)
  ;
  --colorNavText: #ffffff
  ;
  --colorAnnouncement: #1c1d1d
  ;
  --colorAnnouncementText: #ffffff
  ;

  --colorHeroText: #ffffff
  ;

  --colorModalBg: #000000
  ;

  --colorSmallImageBg: #161616
  ;
  --colorLargeImageBg: #111111
  ;

  --colorDrawers: #ffffff
  ;
  --colorDrawersDim: #f2f2f2
  ;
  --colorDrawerBorder: #e8e8e1
  ;
  --colorDrawerText: #000000
  ;
  --colorDrawerTextDarken: #000000
  ;
  --colorDrawerButton: #111111
  ;
  --colorDrawerButtonText: #ffffff
  ;

  --sizeChartMargin: 25px 0;
  --sizeChartIconMargin: 5px;

  --newsletterReminderPadding: 30px 35px;
  --color-body-text: #eaeaea
  ;
  --color-body: #161616
  ;
  --color-bg: #161616
  ;
  --urlButtonArrowPng:url(//karnox.com/cdn/shop/t/59/assets/button-arrow.png);
    --util-width:18px;
}

@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: 0.6;
  }
}

@keyframes overlay-off {
  0% {
    opacity: 0.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(0.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: 0.1;
  }
  20% {
    opacity: 0.2;
  }
  to {
    opacity: 1;
    transform: scale(1);
  }
}

@keyframes kenburns {
  0% {
    opacity: 0;
    transform: scale(1.27);
    animation-timing-function: cubic-bezier(0.12, 0.63, 0.6, 0.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: 0.2;
  }
  30% {
    opacity: 0;
  }
  40% {
    opacity: 0.2;
  }
  50% {
    opacity: 0;
  }
  60% {
    opacity: 0.2;
  }
  70% {
    opacity: 0;
  }
  80% {
    opacity: 0.2;
  }
  90% {
    opacity: 0;
  }
  98% {
    opacity: 0.2;
  }
  to {
    opacity: 1;
  }
}




.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;
  /* margin-top:15%; */
}

.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: #ffffff
  ;
  color: var(--colorBtnPrimaryText);
  background: rgba(0,0,0,0)
  ;
  background: var(--colorBtnPrimary);
  border-radius: 50%
}

.hero .flickity-button {
  color: #eaeaea
  ;
  color: var(--colorTextBody);
  background-color: #161616
  ;
  background-color: var(--colorBody);
  box-shadow: 0 5px 5px rgba(0, 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 50% 0 0;
  list-style: none;
  text-align: center;
  line-height: 1;
  color: currentColor;
}

.hero .flickity-page-dots {
  bottom: 10px;
  /* 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: #000000
  ;
  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: #161616
  ;
  background: var(--colorBody);
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.0902);
  padding: 30px;
  max-width: 720px;
  min-width: 250px;
  min-height: 250px
}

@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: 0.85em
  }
}

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

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

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

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

.size-chart__standalone {
  margin: var(--sizeChartMargin);
}

.size-chart__standalone svg {
  margin-left: 5px;
  margin-left: var(--sizeChartIconMargin);
}

.text-with-icons__blocks {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin-left: -30px;
  margin-right: -30px
}

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

  .text-with-icons__blocks {
    flex-direction: column;
    margin: 0
  }
}

.has-1-per-row .text-with-icons__block {
  width: 100%;
}

.has-2-per-row .text-with-icons__block {
  width: 50%;
}

.has-3-per-row .text-with-icons__block {
  width: 33.333%;
}

.has-4-per-row .text-with-icons__block {
  width: 25%;
}

.has-5-per-row .text-with-icons__block {
  width: 20%;
}

.text-with-icons__blocks .text-with-icons__block {
  display: flex;
  flex-direction: column;
  flex: none;
  padding: 30px
}

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

  .text-with-icons__blocks .text-with-icons__block {
    width: 100%;
    padding: 0 0 60px
  }
}

.text-with-icons__block-icon {
  display: block;
  margin-bottom: 10px
}

.text-with-icons__block-icon .icon {
  width: 70px;
  height: 70px
}

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

  .text-with-icons__block-icon .icon {
    width: 60px;
    height: 60px
  }
}

.text-with-icons__button {
  display: flex;
  justify-content: center;
}

newsletter-reminder {
  position: fixed;
  left: 20px;
  bottom: 20px;
  transition: opacity 0.3s ease-in-out;
  box-shadow: 0 12px 25px rgba(0, 0, 0, 0.15);
  max-width: 240px;
  z-index: 10
}

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

  newsletter-reminder {
    max-width: calc(100% - 40px)
  }
}

newsletter-reminder[data-enabled=false] {
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
}

newsletter-reminder[class*=color-scheme-]:not(.color-scheme-none) {
  position: fixed;
}

newsletter-reminder .color-scheme-none {
  color: #ffffff
  ;
  color: var(--colorBtnPrimaryText);
  background-color: rgba(0,0,0,0)
  ;
  background-color: var(--colorBtnPrimary);
}

.newsletter-reminder__message.h3 {
  cursor: pointer;
  padding: var(--newsletterReminderPadding);
  margin: 0;
}

.parallax-image {
  height: 100%;
  overflow: hidden;
  transition: transform 0.05s linear;
}

.countdown-wrapper {
  position: relative;
}

.countdown__background-image-wrapper {
  width: 100%;
  height: 100%;
  position: absolute;
}

.countdown__background-image {
  position: absolute;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  top: 0;
  left: 0;
}

.countdown__mobile-image-wrapper {
  width: 100%;
  height: 100%;
  position: absolute;
}

.countdown__mobile-image {
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.countdown-layout--banner .countdown__content {
  padding: 2rem
}

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

  .countdown-layout--banner .countdown__content {
    display: flex;
    flex-wrap: nowrap;
    flex-direction: row;
    justify-content: space-around;
    grid-gap: 1rem;
    gap: 1rem;
    padding: 1.6rem 2rem
  }
}

.countdown-layout--banner.countdown-blocks--2.page-width .countdown__content {
  justify-content: space-around;
}

.countdown-layout--banner.countdown-blocks--2 .countdown__content {
  justify-content: center;
}

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

  .countdown-layout--banner .countdown__block {
    width: 33%
  }
}

.countdown__content {
  width: 100%;
  height: auto;
  max-height: 650px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 5rem 2rem;
  text-align: center
}

.page-width .countdown__content {
  position: relative
}

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

  .countdown-layout--hero .countdown__content {
    height: 100vh
  }
}

.countdown__block {
  width: 100%;
  margin: 1rem auto;
  z-index: 3;
}

.countdown__block--content {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center
}

.countdown__block--content .countdown__block--button {
  width: 100%;
  margin: 0;
}

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

  .countdown-blocks--2.countdown-layout--banner .countdown__block--content,
  .countdown-blocks--2.countdown-layout--banner .countdown__block--timer {
    width: 50%
  }
}

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

  .countdown-blocks--2.countdown-layout--banner .countdown__block--button.button-block-active {
    width: 50%
  }
}

.countdown__text-wrapper {
  display: flex;
  flex-direction: column;
  justify-content: center
}

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

  .countdown-layout--hero .countdown__text-wrapper {
    width: 50%
  }
}

.countdown__text-wrapper--content-alignment-left {
  text-align: left;
}

.countdown__text-wrapper--content-alignment-right {
  text-align: right;
}

.countdown__display {
  display: flex;
  justify-content: center;
}

.countdown__display--visible + .countdown__timer-message--visible {
  margin-top: 1.5rem;
}

.countdown__display--hidden {
  visibility: hidden;
  opacity: 0;
  width: 0;
  height: 0;
  margin: 0;
  transition: opacity 3s ease-out;
}

.countdown__display-block {
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  align-content: center;
  border-right: 1px solid;
  padding: 0 1rem
}

.countdown__display-block h2 {
  margin-bottom: 16px
}

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

  .countdown__display-block h2 {
    margin-bottom: 4px
  }
}

.countdown__display-block span {
  font-size: 0.6rem;
  letter-spacing: 1.7px
}

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

  .countdown__display-block span {
    font-size: 0.75rem
  }
}

.countdown__display-block:last-child {
  border-right: none;
}

.countdown__timer-message {
  opacity: 0;
  visibility: hidden;
  margin: 0;
  height: 0;
}

.countdown__timer-message--visible {
  opacity: 1;
  visibility: visible;
  transition: opacity 1s ease-in;
  height: auto;
}

.countdown__block--hidden {
  opacity: 0;
  visibility: hidden;
  margin: 0;
  transition: opacity 1s ease-out;
  width: 0 !important;
}

.countdown__overlay:after {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 2;
  background-color: var(--countdown-overlay-rgba);
}

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

  .hotspots-section .index-section {
    margin-bottom: 10px
  }
}

.hotspots-section .hotspots-wrapper {
  display: flex;
  flex-wrap: wrap
}

.hotspots-section .hotspots-wrapper.is-reverse {
  flex-direction: row-reverse;
}

.hotspots__title {
  width: 100%;
  padding-top: 1.5rem;
}

.hotspots {
  position: relative;
  width: 70%
}

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

  .hotspots {
    width: 100%
  }
}

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

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

.hotspots__buttons {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.hotspot__button {
  padding: 10px;
  border-radius: 50%;
  position: absolute;
  line-height: 0;
  transform: translate(-50%, -50%)
}

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

  .hotspot__button {
    padding: 6px
  }
}

.hotspot__button:hover .hotspot__button-content {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
}

.hotspot__button-content {
  color: #eaeaea
  ;
  color: var(--colorTextBody);
  background-color: #161616
  ;
  background-color: var(--colorBody);
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  padding: 1rem;
  position: absolute;
  top: calc(100% + 1rem);
  left: 50%;
  transform: translateX(-50%);
  transition: opacity 0.3s ease-in-out;
  min-width: 5rem;
  border-radius: 5px;
  box-shadow: 3px 3px 10px 3px rgba(0, 0, 0, 0.2)
}

.hotspot__button-content p,
.hotspot__button-content span {
  white-space: nowrap;
  margin-bottom: 0
}

.hotspot__button-content:before {
  position: absolute;
  top: -10px;
  left: 50%;
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 5px 10px 5px;
  transform: translateX(-50%);
  border-color: transparent transparent#161616transparent;
  border-color: transparent transparent var(--colorBody) transparent;
}

.hotspot__button-content .content__prices {
  display: flex;
  flex-wrap: nowrap;
}

.hotspots__content {
  width: 30%;
  padding: 24px;
  display: flex;
  align-items: center
}

.page-width .hotspots__content {
  padding-right: 0;
  padding-left: 40px
}

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

  .page-width .hotspots__content {
    padding-left: 0
  }
}

.page-width.is-reverse .hotspots__content {
  padding-left: 0;
  padding-right: 40px
}

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

  .page-width.is-reverse .hotspots__content {
    padding-right: 20px
  }
}

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

  .hotspots__content {
    width: 100%;
    padding: 1rem 20px 0
  }
}

.hotspot-content__block {
  display: none;
  max-height: 0;
  width: 100%;
  animation: fade-in 0.5s ease 0s forwards;
  position: sticky;
  top: 0
}

.modal-closing .hotspot-content__block,
.modal-open .hotspot-content__block {
  animation: none;
  position: static
}

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

  .hotspot-content__block {
    align-items: center;
    position: relative;
    padding-top: 0
  }
}

.hotspot-content__block.is-active {
  display: block;
  max-height: none;
}

.hotspot-content__block .grid-product__image-wrap {
  margin: 0;
}

.hotspot-content__block .grid__item {
  display: block;
  float: none;
  padding: 0;
}

.hotspot-content__block .grid-product__tags {
  margin-left: 0;
}

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

  .hotspot-content__block .grid-product__tag {
    right: auto;
    left: 0
  }
}

.hotspot-content__block .grid-item__meta,
.hotspot-content__block .grid-product__meta {
  padding-top: 10px
}

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

  .hotspot-content__block .grid-item__meta,
  .hotspot-content__block .grid-product__meta {
    display: flex;
    justify-content: center;
    flex-direction: column;
    flex-wrap: wrap;
    padding-left: 10px;
    padding-top: 0;
    text-align: left
  }

  .hotspot-content__block .grid-item__meta .grid-item__meta-main,
  .hotspot-content__block .grid-item__meta .grid-item__meta-secondary,
  .hotspot-content__block .grid-product__meta .grid-item__meta-main,
  .hotspot-content__block .grid-product__meta .grid-item__meta-secondary {
    width: 100%;
    flex: none;
  }
}

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

  .hotspot-content__block .grid-product {
    padding-right: 0;
    padding-left: 0;
  }

  .hotspot-content__block .quick-add-btn {
    display: none;
  }

  .hotspot-content__block .grid-item__link,
  .hotspot-content__block .grid-product__link {
    display: flex;
    flex-wrap: nowrap;
  }
  [data-grid-style=grey-round] .hotspot-content__block .grid-item__link {
    border-radius: 10px 0 0 10px
  }
  [data-grid-style=white-round] .hotspot-content__block .grid-item__link {
    border-radius: 10px 0 0 10px
  }

  .hotspot-content__block .grid-product__image-mask,
  .hotspot-content__block .grid-product__image-wrap,
  .hotspot-content__block .product-slider {
    width: 30%;
  }

  .hotspot-content__block .grid-product__actions {
    right: auto;
    left: 10px;
    top: 10px;
  }
}

.hotspot-content__block .modal .grid__item {
  float: left;
}

image-compare {
  position: relative;
  display: block;
  width: 100%;
  background: #222;
  overflow: hidden;
}

.comparison__draggable {
  position: absolute;
  top: 0;
  height: 100%;
  width: 50%;
  overflow: hidden;
}

.comparison__image {
  width: 100%;
  height: 100%;
  max-width: none;
  -o-object-fit: cover;
  object-fit: cover;
  display: block;
  -webkit-user-select: none;
  user-select: none;
}

.comparison__image-wrapper {
  width: 100%;
  height: 100%;
}

.comparison__button {
  width: 64px;
  height: 64px;
  position: absolute;
  border-radius: 50%;
  left: 50%;
  top: 50%;
  transform: translate(-32px, -50%);
  border: 0;
  cursor: pointer;
  z-index: 3;
  display: flex;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: center;
  border: 3px solid #fff
}

.comparison--style-minimal .comparison__button {
  border: 0;
  background: transparent;
  width: auto;
  transform: translate(-56px, -50%)
}

.comparison--style-minimal .comparison__button svg {
  margin: 0 20px
}

@supports(-webkit-touch-callout:none) {

  .comparison--style-minimal .comparison__button svg {
    position: absolute
  }

  .comparison--style-minimal .comparison__button svg.icon-chevron-left {
    left: 2px;
    width: 9px;
  }

  .comparison--style-minimal .comparison__button svg.icon-chevron-right {
    right: 2px;
    width: 9px;
  }
}

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

  .comparison--style-classic .comparison__button {
    width: 48px;
    height: 48px;
    transform: translate(-24px, -50%)
  }
}

.comparison__button svg {
  width: 12px;
  height: auto;
  pointer-events: none;
  margin: 0 5px;
}

.comparison__button:before {
  content: "";
  width: 2px;
  position: absolute;
  background-color: #fff !important;
}

.comparison__button:after {
  content: "";
  width: 2px;
  height: 50%;
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translate(-50%);
  background-color: #fff !important;
}

.age-verification-popup .rte {
  margin-top: 20px;
  margin-bottom: 20px
}

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

  .age-verification-popup .rte {
    margin-bottom: 30px
  }
}

.age-verification-popup .age-verification-popup__btns-wrapper {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  grid-gap: 10px;
  gap: 10px;
}

.age-verification-popup__background-image-wrapper {
  overflow: hidden;
  width: 100%;
  height: 100%;
  position: absolute;
}

.age-verification-popup__background-image {
  -o-object-fit: cover;
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.age-verification-popup__content--active {
  opacity: 1;
  transition: opacity 1.5s ease-in;
}

.age-verification-popup__content--inactive,
.age-verification-popup__content--inactive *,
.age-verification-popup__content--inactive .btn {
  opacity: 0;
  width: 0;
  height: 0;
  position: absolute;
  visibility: hidden;
  padding: 0;
  border: 0;
  margin: 0;
  line-height: 0;
  font-size: 0;
}

.age-verification-popup__decline-content--inactive,
.age-verification-popup__decline-content--inactive *,
.age-verification-popup__decline-content--inactive .btn {
  opacity: 0;
  width: 0;
  height: 0;
  position: absolute;
  visibility: hidden;
  padding: 0;
  border: 0;
  margin: 0;
  line-height: 0;
  font-size: 0;
}

.age-verification-popup__decline-content--active {
  opacity: 1;
  transition: opacity 1.5s ease-in;
}

.age-verification-popup__content-wrapper {
  text-align: center;
  max-width: 520px;
  margin: 0 auto;
}

product-recommendations[data-intent=complementary] {
  display: block
}

product-recommendations[data-intent=complementary] .product-recommendations__title {
  margin-top: 40px;
  width: 100%;
  max-width: 72%;
  margin-bottom: 20px;
  text-align: left;
}

product-recommendations[data-intent=complementary] .grid {
  margin-left: 0;
}

product-recommendations[data-intent=complementary] .grid-item,
product-recommendations[data-intent=complementary] .grid__item {
  margin-bottom: 1rem;
  padding-left: 0;
  padding-bottom: 8px
}

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

  product-recommendations[data-intent=complementary] .grid-item,
  product-recommendations[data-intent=complementary] .grid__item {
    margin-left: 0 !important;
    flex: 0 0 100%
  }
}

product-recommendations[data-intent=complementary] .grid-product__image-wrap {
  min-width: 90px;
}

product-recommendations[data-intent=complementary] .grid__image-ratio {
  background-color: transparent;
}

product-recommendations[data-intent=complementary] img.image-style--circle {
  border-radius: 50%;
  -o-object-fit: cover;
  object-fit: cover;
  width: 85%;
  height: 85%;
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  margin: auto;
}

product-recommendations[data-intent=complementary] .grid-item__link,
product-recommendations[data-intent=complementary] .grid-product__link {
  display: flex;
  align-items: center
}

product-recommendations[data-intent=complementary] .grid-item__link .grid-product__image-mask,
product-recommendations[data-intent=complementary] .grid-item__link .grid-product__image-wrap,
product-recommendations[data-intent=complementary] .grid-item__link .image-wrap,
product-recommendations[data-intent=complementary] .grid-product__link .grid-product__image-mask,
product-recommendations[data-intent=complementary] .grid-product__link .grid-product__image-wrap,
product-recommendations[data-intent=complementary] .grid-product__link .image-wrap {
  width: 112px;
  margin: 0;
}

product-recommendations[data-intent=complementary] .grid-item__link .grid-product__meta,
product-recommendations[data-intent=complementary] .grid-product__link .grid-product__meta {
  margin-left: 48px;
  width: calc(100% - 112px);
  text-align: left;
}

product-recommendations[data-intent=complementary] .grid-product__actions {
  top: 0;
  right: 0;
}

product-recommendations[data-intent=complementary] .grid-product__tag {
  top: auto;
  right: auto;
  left: 0;
  bottom: 0;
}

product-recommendations[data-intent=complementary] .flickity-viewport {
  width: 100%;
}

product-recommendations[data-intent=complementary] .flickity-previous {
  left: auto;
  top: -32px;
  right: 50px
}

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

  product-recommendations[data-intent=complementary] .flickity-previous {
    right: 45px
  }
}

product-recommendations[data-intent=complementary] .flickity-next {
  right: 0;
  top: -32px;
}

product-recommendations[data-intent=complementary] .flickity-page-dots {
  top: -41px;
  right: 0;
  width: auto;
  bottom: auto;
}

product-recommendations[data-intent=complementary] .flickity-button:disabled {
  display: block;
  opacity: 0.35;
}

.product-recommendations__slide {
  display: block;
  overflow: hidden;
  width: 100%;
  margin: 0;
  padding: 0
}

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

  .product-recommendations__slide {
    display: flex;
    flex-wrap: wrap
  }
}

.product-recommendations__slide .grid__item:last-child {
  margin-bottom: 0;
  padding-bottom: 0;
}

.product-recommendations--title-missing {
  margin-top: 80px;
}

img {
  display: block;
  max-width: 100%;
}

.image-wrap img {
  width: 100%;
  height: 100%;
  position: absolute;
  -o-object-fit: cover;
  object-fit: cover;
}

.svg-mask {
  background: transparent !important;
  background-color: transparent !important;
  padding-bottom: 100% !important;
  position: relative !important
}

.svg-mask .grid__image-ratio {
  background: transparent !important;
  background-color: transparent !important;
}

.svg-mask img,
.svg-mask svg {
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
  height: 100% !important;
  position: absolute !important;
  -o-object-fit: cover !important;
  object-fit: cover !important;
}

.svg-mask--landscape {
  padding-bottom: 56.25% !important;
}

.svg-mask--portrait {
  padding-bottom: 150% !important;
}

.svg-mask--square {
  padding-bottom: 100% !important;
}

.svg-mask--rounded-top img,
.svg-mask--rounded-top svg {
  border-top-right-radius: 50%;
  border-top-left-radius: 50%;
}

.svg-mask--rounded img,
.svg-mask--rounded svg {
  border-radius: 50%;
}

.svg-mask--star img,
.svg-mask--star svg {
  -webkit-mask-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTI4NCIgaGVpZ2h0PSIxMjUxIiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxwYXRoIGQ9Ik02NDIgMGwxNzcuMDA3IDI5MC40NDEgMzM3LjQ0My00Mi42OTctMTE2LjcyIDMxOS40NzYgMjQzLjc3IDIzNy4xOTktMzIyLjU0NCAxMDcuOTQtMzMuNDYxIDMzOC40ODFMNjQyIDEwNjUuOTZsLTI4NS40OTYgMTg0Ljg4LTMzLjQ2LTMzOC40ODFMLjQ5NyA4MDQuNDE5IDI0NC4yNjggNTY3LjIyIDEyNy41NTUgMjQ3Ljc0NGwzMzcuNDM4IDQyLjY5N0w2NDIgMHoiIGZpbGw9IiNBNDk1RkIiLz48L3N2Zz4=");
  mask-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTI4NCIgaGVpZ2h0PSIxMjUxIiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxwYXRoIGQ9Ik02NDIgMGwxNzcuMDA3IDI5MC40NDEgMzM3LjQ0My00Mi42OTctMTE2LjcyIDMxOS40NzYgMjQzLjc3IDIzNy4xOTktMzIyLjU0NCAxMDcuOTQtMzMuNDYxIDMzOC40ODFMNjQyIDEwNjUuOTZsLTI4NS40OTYgMTg0Ljg4LTMzLjQ2LTMzOC40ODFMLjQ5NyA4MDQuNDE5IDI0NC4yNjggNTY3LjIyIDEyNy41NTUgMjQ3Ljc0NGwzMzcuNDM4IDQyLjY5N0w2NDIgMHoiIGZpbGw9IiNBNDk1RkIiLz48L3N2Zz4=");
}

.svg-mask--rounded-wave img,
.svg-mask--rounded-wave svg {
  -webkit-mask-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTA2NiIgaGVpZ2h0PSIxMDY2IiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxwYXRoIGQ9Ik00OTIuNTA5IDMxLjgzYzEwLjU0NS00Mi4xNDUgNzAuNDM3LTQyLjE0NSA4MC45ODIgMCA4LjkzMyAzNS43MDEgNTYuMzQyIDQzLjIxIDc1Ljg3IDEyLjAxNkM2NzIuNDEzIDcuMDIzIDcyOS4zNzQgMjUuNTMgNzI2LjM4IDY4Ljg3Yy0yLjUzNyAzNi43MTUgNDAuMjMxIDU4LjUwNiA2OC40NDMgMzQuODczIDMzLjMwMi0yNy44OTcgODEuNzU3IDcuMzA3IDY1LjUxNiA0Ny42LTEzLjc1OCAzNC4xMzQgMjAuMTgzIDY4LjA3NSA1NC4zMTcgNTQuMzE3IDQwLjI5My0xNi4yNDEgNzUuNDk3IDMyLjIxNCA0Ny42IDY1LjUxNi0yMy42MzMgMjguMjEyLTEuODQyIDcwLjk4IDM0Ljg3MyA2OC40NDMgNDMuMzQxLTIuOTk0IDYxLjg1MSA1My45NjcgMjUuMDIxIDc3LjAxOS0zMS4xOSAxOS41MjgtMjMuNjgxIDY2LjkzNyAxMi4wMiA3NS44NyA0Mi4xNCAxMC41NDUgNDIuMTQgNzAuNDM3IDAgODAuOTgyLTM1LjcwMSA4LjkzMy00My4yMSA1Ni4zNDItMTIuMDIgNzUuODcgMzYuODMgMjMuMDUyIDE4LjMyIDgwLjAxMy0yNS4wMjEgNzcuMDE5LTM2LjcxNS0yLjUzNy01OC41MDYgNDAuMjMxLTM0Ljg3MyA2OC40NDMgMjcuODk3IDMzLjMwMi03LjMwNyA4MS43NTctNDcuNiA2NS41MTYtMzQuMTM0LTEzLjc1OC02OC4wNzUgMjAuMTgzLTU0LjMxNyA1NC4zMTcgMTYuMjQxIDQwLjI5My0zMi4yMTQgNzUuNDk3LTY1LjUxNiA0Ny42LTI4LjIxMi0yMy42MzMtNzAuOTgtMS44NDItNjguNDQzIDM0Ljg3MyAyLjk5NCA0My4zNDEtNTMuOTY3IDYxLjg1MS03Ny4wMTkgMjUuMDIxLTE5LjUyOC0zMS4xOS02Ni45MzctMjMuNjgxLTc1Ljg3IDEyLjAyLTEwLjU0NSA0Mi4xNC03MC40MzcgNDIuMTQtODAuOTgyIDAtOC45MzMtMzUuNzAxLTU2LjM0Mi00My4yMS03NS44Ny0xMi4wMi0yMy4wNTIgMzYuODMtODAuMDEzIDE4LjMyLTc3LjAxOS0yNS4wMjEgMi41MzctMzYuNzE1LTQwLjIzMS01OC41MDYtNjguNDQzLTM0Ljg3My0zMy4zMDIgMjcuODk3LTgxLjc1Ny03LjMwNy02NS41MTYtNDcuNiAxMy43NTgtMzQuMTM0LTIwLjE4My02OC4wNzUtNTQuMzE3LTU0LjMxNy00MC4yOTMgMTYuMjQxLTc1LjQ5Ny0zMi4yMTQtNDcuNi02NS41MTYgMjMuNjMzLTI4LjIxMiAxLjg0Mi03MC45OC0zNC44NzMtNjguNDQzLTQzLjM0IDIuOTk0LTYxLjg0OC01My45NjctMjUuMDI1LTc3LjAxOSAzMS4xOTQtMTkuNTI4IDIzLjY4NS02Ni45MzctMTIuMDE3LTc1Ljg3LTQyLjE0NC0xMC41NDUtNDIuMTQ0LTcwLjQzNyAwLTgwLjk4MiAzNS43MDItOC45MzMgNDMuMjEtNTYuMzQyIDEyLjAxNy03NS44N0M3LjAyMyAzOTMuNTg3IDI1LjUzIDMzNi42MjYgNjguODcgMzM5LjYyYzM2LjcxNSAyLjUzNyA1OC41MDYtNDAuMjMxIDM0Ljg3My02OC40NDMtMjcuODk3LTMzLjMwMiA3LjMwNy04MS43NTcgNDcuNi02NS41MTYgMzQuMTM0IDEzLjc1OCA2OC4wNzUtMjAuMTgzIDU0LjMxNy01NC4zMTctMTYuMjQxLTQwLjI5MyAzMi4yMTQtNzUuNDk3IDY1LjUxNi00Ny42IDI4LjIxMiAyMy42MzMgNzAuOTggMS44NDIgNjguNDQzLTM0Ljg3My0yLjk5NC00My4zNCA1My45NjctNjEuODQ4IDc3LjAxOS0yNS4wMjUgMTkuNTI4IDMxLjE5NCA2Ni45MzcgMjMuNjg1IDc1Ljg3LTEyLjAxN3oiIGZpbGw9IiNBNDk1RkIiLz48L3N2Zz4=');
  mask-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTA2NiIgaGVpZ2h0PSIxMDY2IiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxwYXRoIGQ9Ik00OTIuNTA5IDMxLjgzYzEwLjU0NS00Mi4xNDUgNzAuNDM3LTQyLjE0NSA4MC45ODIgMCA4LjkzMyAzNS43MDEgNTYuMzQyIDQzLjIxIDc1Ljg3IDEyLjAxNkM2NzIuNDEzIDcuMDIzIDcyOS4zNzQgMjUuNTMgNzI2LjM4IDY4Ljg3Yy0yLjUzNyAzNi43MTUgNDAuMjMxIDU4LjUwNiA2OC40NDMgMzQuODczIDMzLjMwMi0yNy44OTcgODEuNzU3IDcuMzA3IDY1LjUxNiA0Ny42LTEzLjc1OCAzNC4xMzQgMjAuMTgzIDY4LjA3NSA1NC4zMTcgNTQuMzE3IDQwLjI5My0xNi4yNDEgNzUuNDk3IDMyLjIxNCA0Ny42IDY1LjUxNi0yMy42MzMgMjguMjEyLTEuODQyIDcwLjk4IDM0Ljg3MyA2OC40NDMgNDMuMzQxLTIuOTk0IDYxLjg1MSA1My45NjcgMjUuMDIxIDc3LjAxOS0zMS4xOSAxOS41MjgtMjMuNjgxIDY2LjkzNyAxMi4wMiA3NS44NyA0Mi4xNCAxMC41NDUgNDIuMTQgNzAuNDM3IDAgODAuOTgyLTM1LjcwMSA4LjkzMy00My4yMSA1Ni4zNDItMTIuMDIgNzUuODcgMzYuODMgMjMuMDUyIDE4LjMyIDgwLjAxMy0yNS4wMjEgNzcuMDE5LTM2LjcxNS0yLjUzNy01OC41MDYgNDAuMjMxLTM0Ljg3MyA2OC40NDMgMjcuODk3IDMzLjMwMi03LjMwNyA4MS43NTctNDcuNiA2NS41MTYtMzQuMTM0LTEzLjc1OC02OC4wNzUgMjAuMTgzLTU0LjMxNyA1NC4zMTcgMTYuMjQxIDQwLjI5My0zMi4yMTQgNzUuNDk3LTY1LjUxNiA0Ny42LTI4LjIxMi0yMy42MzMtNzAuOTgtMS44NDItNjguNDQzIDM0Ljg3MyAyLjk5NCA0My4zNDEtNTMuOTY3IDYxLjg1MS03Ny4wMTkgMjUuMDIxLTE5LjUyOC0zMS4xOS02Ni45MzctMjMuNjgxLTc1Ljg3IDEyLjAyLTEwLjU0NSA0Mi4xNC03MC40MzcgNDIuMTQtODAuOTgyIDAtOC45MzMtMzUuNzAxLTU2LjM0Mi00My4yMS03NS44Ny0xMi4wMi0yMy4wNTIgMzYuODMtODAuMDEzIDE4LjMyLTc3LjAxOS0yNS4wMjEgMi41MzctMzYuNzE1LTQwLjIzMS01OC41MDYtNjguNDQzLTM0Ljg3My0zMy4zMDIgMjcuODk3LTgxLjc1Ny03LjMwNy02NS41MTYtNDcuNiAxMy43NTgtMzQuMTM0LTIwLjE4My02OC4wNzUtNTQuMzE3LTU0LjMxNy00MC4yOTMgMTYuMjQxLTc1LjQ5Ny0zMi4yMTQtNDcuNi02NS41MTYgMjMuNjMzLTI4LjIxMiAxLjg0Mi03MC45OC0zNC44NzMtNjguNDQzLTQzLjM0IDIuOTk0LTYxLjg0OC01My45NjctMjUuMDI1LTc3LjAxOSAzMS4xOTQtMTkuNTI4IDIzLjY4NS02Ni45MzctMTIuMDE3LTc1Ljg3LTQyLjE0NC0xMC41NDUtNDIuMTQ0LTcwLjQzNyAwLTgwLjk4MiAzNS43MDItOC45MzMgNDMuMjEtNTYuMzQyIDEyLjAxNy03NS44N0M3LjAyMyAzOTMuNTg3IDI1LjUzIDMzNi42MjYgNjguODcgMzM5LjYyYzM2LjcxNSAyLjUzNyA1OC41MDYtNDAuMjMxIDM0Ljg3My02OC40NDMtMjcuODk3LTMzLjMwMiA3LjMwNy04MS43NTcgNDcuNi02NS41MTYgMzQuMTM0IDEzLjc1OCA2OC4wNzUtMjAuMTgzIDU0LjMxNy01NC4zMTctMTYuMjQxLTQwLjI5MyAzMi4yMTQtNzUuNDk3IDY1LjUxNi00Ny42IDI4LjIxMiAyMy42MzMgNzAuOTggMS44NDIgNjguNDQzLTM0Ljg3My0yLjk5NC00My4zNCA1My45NjctNjEuODQ4IDc3LjAxOS0yNS4wMjUgMTkuNTI4IDMxLjE5NCA2Ni45MzcgMjMuNjg1IDc1Ljg3LTEyLjAxN3oiIGZpbGw9IiNBNDk1RkIiLz48L3N2Zz4=");
}

.svg-mask--splat-1 img,
.svg-mask--splat-1 svg {
  -webkit-mask-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTA0OCIgaGVpZ2h0PSIxMDUyIiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNNTcwLjkwNSAxNTIuMzQ4QzY4OC40NDEgMTQwLjMzIDc3MS4xODctMjcuOTE1IDg4NC45NDEgNC4wMjYgOTg3Ljk5NyAzMi45NjIgMTAwNi4yMyAxNzguMTg4IDEwMzIuNiAyODEuOTg1YzIzLjE2IDkxLjE2OSAxOS42NSAxODYuMTQ5LTYuODQgMjc2LjQwMy0yNC4wNiA4MS45NDgtODUuNDYyIDE0Mi4xNTEtMTM2LjIwOCAyMTAuODMxLTU1LjUzIDc1LjE1Ni05NC4yNTIgMTY1LjI0MS0xNzUuNjAyIDIxMS4xNzgtOTEuNjMyIDUxLjc0My0yMDMuODQyIDkzLjEwMy0zMDMuNTE0IDU5LjM3My05OS4yNS0zMy41OS0xMzQuNTA5LTE1Mi4zNjUtMjAzLjc1OS0yMzEuMDMzLTY5Ljk3NC03OS40ODktMTkyLjAyMy0xMjguNzU5LTIwNS40NTMtMjMzLjgzLTEzLjQzOS0xMDUuMTQ0IDg3LjA2Ni0xODYuNDc0IDEzOS45OTctMjc4LjI5NSA0Ny4zOTUtODIuMjE4IDY0LjQyMi0yMDIuMTMgMTU0LjM1NC0yMzIuMzI0IDkzLjIzNC0zMS4zMDMgMTc3LjQ5NiA5OC4wNjMgMjc1LjMzIDg4LjA2eiIgZmlsbD0iI0E0OTVGQiIvPjwvc3ZnPg==");
  mask-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTA0OCIgaGVpZ2h0PSIxMDUyIiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNNTcwLjkwNSAxNTIuMzQ4QzY4OC40NDEgMTQwLjMzIDc3MS4xODctMjcuOTE1IDg4NC45NDEgNC4wMjYgOTg3Ljk5NyAzMi45NjIgMTAwNi4yMyAxNzguMTg4IDEwMzIuNiAyODEuOTg1YzIzLjE2IDkxLjE2OSAxOS42NSAxODYuMTQ5LTYuODQgMjc2LjQwMy0yNC4wNiA4MS45NDgtODUuNDYyIDE0Mi4xNTEtMTM2LjIwOCAyMTAuODMxLTU1LjUzIDc1LjE1Ni05NC4yNTIgMTY1LjI0MS0xNzUuNjAyIDIxMS4xNzgtOTEuNjMyIDUxLjc0My0yMDMuODQyIDkzLjEwMy0zMDMuNTE0IDU5LjM3My05OS4yNS0zMy41OS0xMzQuNTA5LTE1Mi4zNjUtMjAzLjc1OS0yMzEuMDMzLTY5Ljk3NC03OS40ODktMTkyLjAyMy0xMjguNzU5LTIwNS40NTMtMjMzLjgzLTEzLjQzOS0xMDUuMTQ0IDg3LjA2Ni0xODYuNDc0IDEzOS45OTctMjc4LjI5NSA0Ny4zOTUtODIuMjE4IDY0LjQyMi0yMDIuMTMgMTU0LjM1NC0yMzIuMzI0IDkzLjIzNC0zMS4zMDMgMTc3LjQ5NiA5OC4wNjMgMjc1LjMzIDg4LjA2eiIgZmlsbD0iI0E0OTVGQiIvPjwvc3ZnPg==');
}

.svg-mask--splat-2 img,
.svg-mask--splat-2 svg {
  -webkit-mask-image: url("data:image/svg+xml;base64,PHN2ZyBmaWxsPSJub25lIiBoZWlnaHQ9Ijg5NiIgd2lkdGg9Ijk3NyIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik05NzUuNjg0IDM4MS44MzJjMTcuMjYzIDk1LjAzMy0xNDAuMjE0IDEyOS4yMzEtMTg3LjE3NyAyMTMuNjY2LTUyLjEzOCA5My43MzcgOC41MTUgMjg4LjA5NS05OC4yNTMgMjk5LjUwMy0xMjcuMTc1IDEzLjU4Ny0xMzguMDQ5LTExNS4zNjItMjYzLTE0Mi42My0xMDkuNTg1LTIzLjkxNC0yMjQuNTM1IDkxLjg5NC0zMDguNzE1IDE3Ljg2NC04NC41NDMtNzQuMzQ4IDExOC42ODgtMjA3LjM3MyA5My44MjktMzE3LjA5NEMxOTAuMjE5IDM1NS4zODEgOC4xNzEgMzQ4LjI2My4yOTcgMjQ4LjM0MS02LjU3IDE2MS4yMjMgMTA3LjMxOCAxMTIuMTY0IDE4MS44OTMgNjYuNDRjNjYuMTYzLTQwLjU2NyAxNDIuNTMxLTc2LjcwNSAyMTkuMDgyLTYzLjc3IDcxLjM4MyAxMi4wNjIgMTQwLjQ4NiA2Mi43NzMgMTY4Ljg1MiAxMjkuMzIgOS45MjkgMjMuMjkzIDI1LjgzOSA1NC41MjggNjkuOTIgNzguNTE3IDkxLjg1OSA0OS45OSAzMDQuODE2IDAgMzM1LjkzNyAxNzEuMzI1eiIgZmlsbD0iI2E0OTVmYiIgZmlsbC1ydWxlPSJldmVub2RkIi8+PC9zdmc+");
  mask-image: url("data:image/svg+xml;base64,PHN2ZyBmaWxsPSJub25lIiBoZWlnaHQ9Ijg5NiIgd2lkdGg9Ijk3NyIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik05NzUuNjg0IDM4MS44MzJjMTcuMjYzIDk1LjAzMy0xNDAuMjE0IDEyOS4yMzEtMTg3LjE3NyAyMTMuNjY2LTUyLjEzOCA5My43MzcgOC41MTUgMjg4LjA5NS05OC4yNTMgMjk5LjUwMy0xMjcuMTc1IDEzLjU4Ny0xMzguMDQ5LTExNS4zNjItMjYzLTE0Mi42My0xMDkuNTg1LTIzLjkxNC0yMjQuNTM1IDkxLjg5NC0zMDguNzE1IDE3Ljg2NC04NC41NDMtNzQuMzQ4IDExOC42ODgtMjA3LjM3MyA5My44MjktMzE3LjA5NEMxOTAuMjE5IDM1NS4zODEgOC4xNzEgMzQ4LjI2My4yOTcgMjQ4LjM0MS02LjU3IDE2MS4yMjMgMTA3LjMxOCAxMTIuMTY0IDE4MS44OTMgNjYuNDRjNjYuMTYzLTQwLjU2NyAxNDIuNTMxLTc2LjcwNSAyMTkuMDgyLTYzLjc3IDcxLjM4MyAxMi4wNjIgMTQwLjQ4NiA2Mi43NzMgMTY4Ljg1MiAxMjkuMzIgOS45MjkgMjMuMjkzIDI1LjgzOSA1NC41MjggNjkuOTIgNzguNTE3IDkxLjg1OSA0OS45OSAzMDQuODE2IDAgMzM1LjkzNyAxNzEuMzI1eiIgZmlsbD0iI2E0OTVmYiIgZmlsbC1ydWxlPSJldmVub2RkIi8+PC9zdmc+");
}

.svg-mask--splat-3 img,
.svg-mask--splat-3 svg {
  -webkit-mask-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTA3MiIgaGVpZ2h0PSIxMDUxIiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNNjE4LjkxMyAyMTUuMzgzQzc0NS43NzUgMjI1LjY1NyA4NDEuNzUgMTguMDA1IDk2MC42NzggNjMuMzIzYzEwOS4xNzIgNDEuNjAxIDEwOS43NTIgMjA3LjkzOSAxMTEuMzEyIDMyNC43MDUgMS4yNiA5NC4yNi05OS45NjQgMTYyLjgyNy0xMDMuNTQxIDI1Ny4wMjctNC4zMDIgMTEzLjI3NiAxMzUuMjQxIDIyMy4yNDMgODEuNTExIDMyMy4wNzEtNDkuNzIgOTIuMzc0LTE5My40OTIgNzAuNjk0LTI5OC4wODQgNzkuMjg0LTg3LjU2IDcuMTktMTc4LjIxMiA3LjAzLTI1Ni4wMDYtMzMuNzctNzEuMTM5LTM3LjMwOS04Ni4wMzYtMTM0Ljk1MS0xNTIuMjg4LTE4MC4zNjhDMjQxLjM0OSA3NjMuMTkgNjYuNCA3OTMuNDE2IDEyLjExOSA2ODIuMDIzYy00OS42OTMtMTAxLjk3OSA2Ny4xNTctMjA5LjQ4NSAxMDMuMjgzLTMxNy4wMTUgNDEuMjctMTIyLjg0NC0uMDgyLTMyMy4xNTIgMTI0LjE5Ni0zNjAuMDgyIDE0MS40ODMtNDIuMDQ0IDIzMi4xOTMgMTk4LjU0MiAzNzkuMzE1IDIxMC40NTd6IiBmaWxsPSIjQTQ5NUZCIi8+PC9zdmc+');
  mask-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTA3MiIgaGVpZ2h0PSIxMDUxIiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNNjE4LjkxMyAyMTUuMzgzQzc0NS43NzUgMjI1LjY1NyA4NDEuNzUgMTguMDA1IDk2MC42NzggNjMuMzIzYzEwOS4xNzIgNDEuNjAxIDEwOS43NTIgMjA3LjkzOSAxMTEuMzEyIDMyNC43MDUgMS4yNiA5NC4yNi05OS45NjQgMTYyLjgyNy0xMDMuNTQxIDI1Ny4wMjctNC4zMDIgMTEzLjI3NiAxMzUuMjQxIDIyMy4yNDMgODEuNTExIDMyMy4wNzEtNDkuNzIgOTIuMzc0LTE5My40OTIgNzAuNjk0LTI5OC4wODQgNzkuMjg0LTg3LjU2IDcuMTktMTc4LjIxMiA3LjAzLTI1Ni4wMDYtMzMuNzctNzEuMTM5LTM3LjMwOS04Ni4wMzYtMTM0Ljk1MS0xNTIuMjg4LTE4MC4zNjhDMjQxLjM0OSA3NjMuMTkgNjYuNCA3OTMuNDE2IDEyLjExOSA2ODIuMDIzYy00OS42OTMtMTAxLjk3OSA2Ny4xNTctMjA5LjQ4NSAxMDMuMjgzLTMxNy4wMTUgNDEuMjctMTIyLjg0NC0uMDgyLTMyMy4xNTIgMTI0LjE5Ni0zNjAuMDgyIDE0MS40ODMtNDIuMDQ0IDIzMi4xOTMgMTk4LjU0MiAzNzkuMzE1IDIxMC40NTd6IiBmaWxsPSIjQTQ5NUZCIi8+PC9zdmc+");
}

.svg-mask--splat-4 img,
.svg-mask--splat-4 svg {
  -webkit-mask-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTE4IiBoZWlnaHQ9IjUwNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTMwMy43OTMgODQuNjczYzE2LjE0OSAyMy44NDggMzEuNzM3IDQzLjU4IDU2LjQ5NiA0OC43MjQgNDMuMzU0IDkuMDA3IDk0LjEzMi0zNS42NjUgMTMwLjE5LTkuOTQgMjkuODMyIDIxLjI4MiAzMy4zMjEgODcuMTg5IDIwIDExMi41NDItMTUuNSAyOS41LTUyLjIwMSA0NC4wNDEtNjcuNSA3NC0xOC4zNSAzNS45MzIgMTAuNzYxIDc0Ljk2OC0zMi41IDEwMy41LTMyLjkwMSAyMS42OTktNjguNjYzLTE1LjYyNy0xMDYuNjg2LTUuMzAxLTU5LjkwNyAxNi4yNjgtOTQuNTkzIDk2LjM0My0xNTYuNjQ1IDk0LjgwMS01Ny44MDctMS40MzYtMTE1LjYzOC00OC4xNjMtMTM2LjY2OS0xMDIuMDkxLTIxLjIyNy01NC40MzEtOC4wNDQtMTI1Ljg1MiAzMC43MzYtMTY5LjU0MkM2OS41IDE5OS41IDEwNSAxODkgMTIyLjQ4IDEzOWM5LjQ1NS0yNy4wNDctMy0xMDMgNTEuODk3LTEzMi4wNSA0NS4yNC0yMy45NCA5Mi4wNjUgMTcuMDcyIDEyOS40MTYgNzcuNzIzeiIgZmlsbD0iI0E0OTVGQiIvPjwvc3ZnPg==");
  mask-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTE4IiBoZWlnaHQ9IjUwNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTMwMy43OTMgODQuNjczYzE2LjE0OSAyMy44NDggMzEuNzM3IDQzLjU4IDU2LjQ5NiA0OC43MjQgNDMuMzU0IDkuMDA3IDk0LjEzMi0zNS42NjUgMTMwLjE5LTkuOTQgMjkuODMyIDIxLjI4MiAzMy4zMjEgODcuMTg5IDIwIDExMi41NDItMTUuNSAyOS41LTUyLjIwMSA0NC4wNDEtNjcuNSA3NC0xOC4zNSAzNS45MzIgMTAuNzYxIDc0Ljk2OC0zMi41IDEwMy41LTMyLjkwMSAyMS42OTktNjguNjYzLTE1LjYyNy0xMDYuNjg2LTUuMzAxLTU5LjkwNyAxNi4yNjgtOTQuNTkzIDk2LjM0My0xNTYuNjQ1IDk0LjgwMS01Ny44MDctMS40MzYtMTE1LjYzOC00OC4xNjMtMTM2LjY2OS0xMDIuMDkxLTIxLjIyNy01NC40MzEtOC4wNDQtMTI1Ljg1MiAzMC43MzYtMTY5LjU0MkM2OS41IDE5OS41IDEwNSAxODkgMTIyLjQ4IDEzOWM5LjQ1NS0yNy4wNDctMy0xMDMgNTEuODk3LTEzMi4wNSA0NS4yNC0yMy45NCA5Mi4wNjUgMTcuMDcyIDEyOS40MTYgNzcuNzIzeiIgZmlsbD0iI0E0OTVGQiIvPjwvc3ZnPg==');
}

.feature-row__item--overlap-images .feature-row__first-image {
  width: 40%;
}

.feature-row__item--overlap-images .feature-row__second-image {
  width: 60%;
}

.feature-row__item--placeholder-images .placeholder-image-wrap {
  width: 50%;
}

.feature-row-wrapper .feature-row__images {
  width: 100%;
  min-width: 0;
}

.feature-row-wrapper .feature-row__text {
  width: 100%;
  min-width: 0;
}

.feature-row--33 .feature-row__images {
  max-width: 50%
}

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

  .feature-row--33 .feature-row__images {
    max-width: none;
    flex: 0 1 33.333%
  }
}

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

  .feature-row--33 .feature-row__text {
    max-width: 800px;
    flex: 0 1 66.666%
  }
}

.feature-row--50 .feature-row__images {
  max-width: 100%;
  padding-right: 20px;
  padding-left: 20px
}

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

  .feature-row--50 .feature-row__images {
    max-width: none;
    flex: 0 1 50%;
    padding-right: 0;
    padding-left: 0
  }
}

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

  .feature-row--50 .feature-row__text {
    max-width: 800px;
    flex: 0 1 50%
  }
}

.feature-row--66 .feature-row__images {
  max-width: 100%;
  padding-right: 20px;
  padding-left: 20px
}

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

  .feature-row--66 .feature-row__images {
    max-width: none;
    flex: 0 1 66.666%;
    padding-right: 0;
    padding-left: 0
  }
}

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

  .feature-row--66 .feature-row__text {
    max-width: 800px;
    flex: 0 1 33.333%
  }
}

.scrolling-text {
  overflow: hidden;
}

.scrolling-text__inner {
  visibility: visible;
  white-space: nowrap;
  display: inline-flex;
  margin: 0.15em 0;
  animation: scrolling-text var(--move-speed) linear infinite;
  animation-play-state: running;
}

.scrolling-text__inner--right {
  transform: translateX(-50%);
  animation: scrolling-text-right var(--move-speed) linear infinite;
}

.scrolling-text span {
  white-space: nowrap;
}

.scrolling-text:focus .scrolling-text__inner,
.scrolling-text:hover .scrolling-text__inner {
  animation-play-state: paused;
}

@keyframes scrolling-text {
  0% {
    transform: translateX(0);
    -webkit-transform: translateX(0);
  }
  to {
    transform: translateX(-100%);
    -webkit-transform: translateX(-100%);
  }
}

@keyframes scrolling-text-right {
  0% {
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
  }
  to {
    transform: translateX(0);
    -webkit-transform: translateX(0);
  }
}

.newsletter-container {
  margin: 0 auto !important;
  padding: 0 !important;
}

.newsletter-section {
  display: flex;
  grid-gap: 40px;
  gap: 40px;
  align-items: center;
  padding: 60px 0
}

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

  .newsletter-section {
    flex-direction: column;
    padding: 30px 0
  }
}

.newsletter-section--image-left {
  flex-direction: row-reverse
}

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

  .newsletter-section--image-left {
    flex-direction: column-reverse
  }
}

.newsletter-section__content {
  flex: 100%;
  max-width: 800px;
  padding-left: 20px;
  margin: 0 auto
}

.newsletter-section--no-image .newsletter-section__content {
  flex: 100%
}

.newsletter-section__content form {
  display: flex;
  width: 100%
}

.text-left .newsletter-section__content form {
  justify-content: flex-start
}

.text-center .newsletter-section__content form {
  justify-content: center
}

.text-right .newsletter-section__content form {
  justify-content: flex-end
}

.newsletter-section__content .newsletter__input-group {
  margin: 0;
}

.newsletter-section__image {
  width: 100%;
}

.newsletter-section__image--33 {
  flex: 33.333% 0 0;
}

.newsletter-section__image--50 {
  flex: 50% 0 0
}

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

  .newsletter-section__image--50 {
    max-width: 100%
  }
}

.newsletter-section__image--66 {
  flex: 66.666% 0 0
}

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

  .newsletter-section__image--66 {
    max-width: 100%
  }
}

.text-left .newsletter-form-group {
  margin: 0
}

.text-right .newsletter-form-group {
  margin: 0
}

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

  .spr-starrating.spr-summary-starrating {
    justify-content: flex-start !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 {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}

.visually-invisible {
  opacity: 0 !important;
}

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

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

.grid {
  list-style: none;
  
  padding: 0;
  
}
/* @media screen and (min-width:900px) {
  .grid {
    display: flex;
    justify-content: center;
  }
} */
@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 {
  
  }

  .grid--small .grid__item {
    padding-left: 20px;
  }

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

  @media only screen and (max-width:589px) {
    .grid__item {
      padding-left: 3%;
      padding-right: 3%
    }

    /* .grid__item:nth-child(2n) {
      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-1 {
    display: flex;
    flex-wrap: wrap;
  }
  .grid--flush-bottom > .grid__item {
    margin-bottom: 5%;
  }

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

  .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),
    .grid--uniform .medium-up--one-third:nth-of-type(3n + 1) {
      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:768px) {
    .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:769px) {
    .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: #161616
    ;
    background-color: var(--colorBody);
    color: #eaeaea
    ;
    color: var(--colorTextBody);
  }

  @media only screen and (max-width:589px) {
    .supports-touch.lock-scroll {
      overflow: hidden
    }
    @supports(-webkit-touch-callout:none) {
      .supports-touch.lock-scroll {
        overflow: visible;
        overflow: initial
      }
    }
  }

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

  .page-width--narrow {
    max-width: 1268px;
    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
  }

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

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

  .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: #848484
    ;
    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: 0.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: #848484
      ;
      border-bottom-color: var(--colorBorder);
    }
  }

  @media screen and (max-width:500px) {
    body,
    button,
    input,
    p,
    select,
    textarea {
      font-family: var(--typeBasePrimary), var(--typeBaseFallback);
      font-weight: 100;
      letter-spacing: var(--typeBaseSpacing);
      line-height: var(--typeBaseLineHeight);
      font-size: 0.9rem;
      -webkit-font-smoothing: antialiased;
      -webkit-text-size-adjust: 100%;
      text-rendering: optimizeSpeed;
    }
  }

  @media screen and (min-width:900px) {
    body,
    button,
    input,
    p,
    select,
    textarea {
      font-family: var(--typeBasePrimary), var(--typeBaseFallback);
      font-weight: 0;
      letter-spacing: var(--typeBaseSpacing);
      line-height: var(--typeBaseLineHeight);
      font-size: 17px;
      -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: 0.9em;
  }

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

  sup {
    top: -0.5em;
  }

  sub {
    bottom: -0.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: 0.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: 600;
    letter-spacing: var(--typeBaseSpacing);
    line-height: var(--typeBaseLineHeight);
    text-transform: none;
    font-size: 18px;
    margin-left: 10px
  }

  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: 'Pirulen Rg';
    font-weight: var(--typeHeaderWeight);
    letter-spacing: var(--typeHeaderSpacing);
    line-height: 1.2
  }

  [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
    }
  }
 @media only screen and (max-width:589) {
   .h1,
  h1 {
    font-size: 0.9rem;
  }
 }
  

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

    .h1,
    h1 {
      font-size: 24px;
    }
  }

  .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.95);
      font-weight: 600;
      position: relative;
      /*       top: -110px; */
      color: #fff;
    }
  }

  .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-shoadow {
      -webkit-box-shadow: -5px 10px 15px 0 rgb(0 0 0 / 30%);
      opacity: 0.8;
      transition: all 1.5s;
    } */

        /*   margin-bottom:20px; */
    /*  给外边盒子加阴影 -5为方向 50%为轻重度*/
  .text-spacing {
  -webkit-box-shadow: -5px 10px 15px 0 rgb(0 0 0 / 30%);
    opacity: 0.8;
    transition: all 1.5s;
    border-radius: 6px;

  }
  /*鼠标悬停：5秒过渡 阴影  */
  .text-spacing:hover {
    opacity: 1;
    transition: all 1.5s;
  }

  .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: 0.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)
    }
  }

  .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: 0.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: 0.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: 0.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: 0.8;
    margin-bottom: 15px
  }

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

    .ajaxcart__note {
      font-size: 13px
    }
  }

  .cart__savings {
    font-weight: 600;
    color: var(--colorCartSalePrice)
  }

  .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;
    text-align:left;
  }

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

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

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

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

  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: #848484
    ;
    background: var(--colorBorder);
  }

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

  td,
  th {
    border: 0 none;
    text-align: left;
    padding: 10px 15px;
    background: #161616
    ;
    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: #eaeaea
    ;
    
    text-decoration: none;
    background: transparent
  }

  .text-link:hover,
  a:hover {
    color: #eaeaea
    ;
    color: #cdcdcd;
  }

  .customers a {
    text-decoration: none;
    border-bottom: 2px solid;
    border-bottom-color: rgba(234, 234, 234, 0.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: #eaeaea
    ;
    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: #eaeaea
    ;
    color: var(--colorLink);
  }

  button {
    overflow: visible;
    color: currentColor;
  }

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

  .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,
  .rte .btn,
  .shopify-payment-button .shopify-payment-button__button--unbranded,
  .spr-container .spr-button,
  .spr-container .spr-summary-actions a {
    display: inline-block;
    padding: 8px 16px;
    margin: 0;
    width: 100% !important;
    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 #595959;
    -webkit-user-select: none;
    user-select: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    border-radius: 0;
    color: #ffffff
    ;
    color: var(--colorBtnPrimaryText);
    background: rgba(0,0,0,0)
    ;
    background: var(--colorBtnPrimary);
    transition: padding-right 0.3s, background 0.3s, opacity 1s
  }

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

    .btn,
    .rte .btn,
    .shopify-payment-button .shopify-payment-button__button--unbranded,
    .spr-container .spr-button,
    .spr-container .spr-summary-actions a {
      font-size: .9em;
      padding: 4px 10px
    }
  }

  .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: #ffffff
    ;
    color: var(--colorBtnPrimaryText);
    background-color: rgba(0,0,0,0)
    ;
    background-color: var(--colorBtnPrimary);
  }

  .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: 0.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: #ffffff
    ;
    color: var(--colorBtnPrimaryText);
    background-color: rgba(0,0,0,0)
    ;
    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: rgba(0,0,0,0)
    url('//karnox.com/cdn/shop/t/59/assets/button-arrow.png') no-repeat 150% 35%; */
    /* background: var(--colorBtnPrimary) url('//karnox.com/cdn/shop/t/59/assets/button-arrow.png') no-repeat 150% 35%; */
    background:var(--colorBtnPrimary) var(--urlButtonArrowPng) 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('//karnox.com/cdn/shop/t/59/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('//karnox.com/cdn/shop/t/59/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('//karnox.com/cdn/shop/t/59/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] .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] .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: #848484
    ;
    border-color: var(--colorBorder);
    color: #eaeaea
    ;
    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: #eaeaea
    ;
    color: var(--colorTextBody);
    border-color: #eaeaea
    ;
    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: 11px 20px;
    font-size: 16px;
  }

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

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

  }

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

  .btn--body {
    background-color: #161616
    ;
    background-color: var(--colorBody);
    color: #eaeaea
    ;
    color: var(--colorTextBody)
  }

  .btn--body:active,
  .btn--body:hover {
    background-color: #161616
    ;
    background-color: var(--colorBody);
    color: #eaeaea
    ;
    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: rgba(0, 0, 0, 0.0)
    ;

    background-color: var(--colorBtnPrimaryDim);
    color: rgba(0, 0, 0, 0.0)
    ;
    color: var(--colorBtnPrimaryDim)
  }

  .btn--loading:active,
  .btn--loading:hover {
    background-color: rgba(0, 0, 0, 0.0)
    ;
    background-color: var(--colorBtnPrimaryDim);
    color: rgba(0, 0, 0, 0.0)
    ;
    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: #ffffff
    ;
    border-color: var(--colorBtnPrimaryText);
    border-top-color: transparent;
    animation: spin 1s linear infinite;
  }

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

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

  .btn--loading.add-to-cart--secondary:after {
    border-color: #eaeaea
    ;
    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 {
    display: block;
    width: 100%;
    text-align: left;
    padding: 22.85714px 0
  }

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

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

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

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

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

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

  .collapsible-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: #161616
     !important;
    background-color: var(--colorBody) !important;
    border: 1px solid;
    border-color: #eaeaea
    ;
    border-color: var(--colorTextBody);
    color: #eaeaea
     !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%;
  }

  .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: #161616
    ;
    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 {
    animation: 0.5s cubic-bezier(0.26, 0.54, 0.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 .placeholder-svg {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
  }

  .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: 20px 0;
  }

  .form-vertical {
    margin-bottom: 20px;
    padding-top: 50px
  }

  .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: #848484
    ;
    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: #848484
    ;
    
    max-width: 100%;
    padding: 3px 10px;
    border-radius: 8px;
  }

  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: 0.01px;
    text-overflow: "";
    cursor: pointer;
    color: inherit;
  }

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

  .is-light select {
    background-image: url('//karnox.com/cdn/shop/t/59/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 {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
  }

  label[for] {
    cursor: pointer;
  }

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

  .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-tcwi-bills circle,
  .icon-tcwi-bills ellipse,
  .icon-tcwi-bills g,
  .icon-tcwi-bills line,
  .icon-tcwi-bills path,
  .icon-tcwi-bills polygon,
  .icon-tcwi-bills polyline,
  .icon-tcwi-bills rect,
  .icon-tcwi-calendar circle,
  .icon-tcwi-calendar ellipse,
  .icon-tcwi-calendar g,
  .icon-tcwi-calendar line,
  .icon-tcwi-calendar path,
  .icon-tcwi-calendar polygon,
  .icon-tcwi-calendar polyline,
  .icon-tcwi-calendar rect,
  .icon-tcwi-cart circle,
  .icon-tcwi-cart ellipse,
  .icon-tcwi-cart g,
  .icon-tcwi-cart line,
  .icon-tcwi-cart path,
  .icon-tcwi-cart polygon,
  .icon-tcwi-cart polyline,
  .icon-tcwi-cart rect,
  .icon-tcwi-charity circle,
  .icon-tcwi-charity ellipse,
  .icon-tcwi-charity g,
  .icon-tcwi-charity line,
  .icon-tcwi-charity path,
  .icon-tcwi-charity polygon,
  .icon-tcwi-charity polyline,
  .icon-tcwi-charity rect,
  .icon-tcwi-chat circle,
  .icon-tcwi-chat ellipse,
  .icon-tcwi-chat g,
  .icon-tcwi-chat line,
  .icon-tcwi-chat path,
  .icon-tcwi-chat polygon,
  .icon-tcwi-chat polyline,
  .icon-tcwi-chat rect,
  .icon-tcwi-gears circle,
  .icon-tcwi-gears ellipse,
  .icon-tcwi-gears g,
  .icon-tcwi-gears line,
  .icon-tcwi-gears path,
  .icon-tcwi-gears polygon,
  .icon-tcwi-gears polyline,
  .icon-tcwi-gears rect,
  .icon-tcwi-gift circle,
  .icon-tcwi-gift ellipse,
  .icon-tcwi-gift g,
  .icon-tcwi-gift line,
  .icon-tcwi-gift path,
  .icon-tcwi-gift polygon,
  .icon-tcwi-gift polyline,
  .icon-tcwi-gift rect,
  .icon-tcwi-globe circle,
  .icon-tcwi-globe ellipse,
  .icon-tcwi-globe g,
  .icon-tcwi-globe line,
  .icon-tcwi-globe path,
  .icon-tcwi-globe polygon,
  .icon-tcwi-globe polyline,
  .icon-tcwi-globe rect,
  .icon-tcwi-open-envelope circle,
  .icon-tcwi-open-envelope ellipse,
  .icon-tcwi-open-envelope g,
  .icon-tcwi-open-envelope line,
  .icon-tcwi-open-envelope path,
  .icon-tcwi-open-envelope polygon,
  .icon-tcwi-open-envelope polyline,
  .icon-tcwi-open-envelope rect,
  .icon-tcwi-package circle,
  .icon-tcwi-package ellipse,
  .icon-tcwi-package g,
  .icon-tcwi-package line,
  .icon-tcwi-package path,
  .icon-tcwi-package polygon,
  .icon-tcwi-package polyline,
  .icon-tcwi-package rect,
  .icon-tcwi-phone circle,
  .icon-tcwi-phone ellipse,
  .icon-tcwi-phone g,
  .icon-tcwi-phone line,
  .icon-tcwi-phone path,
  .icon-tcwi-phone polygon,
  .icon-tcwi-phone polyline,
  .icon-tcwi-phone rect,
  .icon-tcwi-plant circle,
  .icon-tcwi-plant ellipse,
  .icon-tcwi-plant g,
  .icon-tcwi-plant line,
  .icon-tcwi-plant path,
  .icon-tcwi-plant polygon,
  .icon-tcwi-plant polyline,
  .icon-tcwi-plant rect,
  .icon-tcwi-recycle circle,
  .icon-tcwi-recycle ellipse,
  .icon-tcwi-recycle g,
  .icon-tcwi-recycle line,
  .icon-tcwi-recycle path,
  .icon-tcwi-recycle polygon,
  .icon-tcwi-recycle polyline,
  .icon-tcwi-recycle rect,
  .icon-tcwi-ribbon circle,
  .icon-tcwi-ribbon ellipse,
  .icon-tcwi-ribbon g,
  .icon-tcwi-ribbon line,
  .icon-tcwi-ribbon path,
  .icon-tcwi-ribbon polygon,
  .icon-tcwi-ribbon polyline,
  .icon-tcwi-ribbon rect,
  .icon-tcwi-sales-tag circle,
  .icon-tcwi-sales-tag ellipse,
  .icon-tcwi-sales-tag g,
  .icon-tcwi-sales-tag line,
  .icon-tcwi-sales-tag path,
  .icon-tcwi-sales-tag polygon,
  .icon-tcwi-sales-tag polyline,
  .icon-tcwi-sales-tag rect,
  .icon-tcwi-shield circle,
  .icon-tcwi-shield ellipse,
  .icon-tcwi-shield g,
  .icon-tcwi-shield line,
  .icon-tcwi-shield path,
  .icon-tcwi-shield polygon,
  .icon-tcwi-shield polyline,
  .icon-tcwi-shield rect,
  .icon-tcwi-stopwatch circle,
  .icon-tcwi-stopwatch ellipse,
  .icon-tcwi-stopwatch g,
  .icon-tcwi-stopwatch line,
  .icon-tcwi-stopwatch path,
  .icon-tcwi-stopwatch polygon,
  .icon-tcwi-stopwatch polyline,
  .icon-tcwi-stopwatch rect,
  .icon-tcwi-store circle,
  .icon-tcwi-store ellipse,
  .icon-tcwi-store g,
  .icon-tcwi-store line,
  .icon-tcwi-store path,
  .icon-tcwi-store polygon,
  .icon-tcwi-store polyline,
  .icon-tcwi-store rect,
  .icon-tcwi-thumbs-up circle,
  .icon-tcwi-thumbs-up ellipse,
  .icon-tcwi-thumbs-up g,
  .icon-tcwi-thumbs-up line,
  .icon-tcwi-thumbs-up path,
  .icon-tcwi-thumbs-up polygon,
  .icon-tcwi-thumbs-up polyline,
  .icon-tcwi-thumbs-up rect,
  .icon-tcwi-trophy circle,
  .icon-tcwi-trophy ellipse,
  .icon-tcwi-trophy g,
  .icon-tcwi-trophy line,
  .icon-tcwi-trophy path,
  .icon-tcwi-trophy polygon,
  .icon-tcwi-trophy polyline,
  .icon-tcwi-trophy rect,
  .icon-tcwi-truck circle,
  .icon-tcwi-truck ellipse,
  .icon-tcwi-truck g,
  .icon-tcwi-truck line,
  .icon-tcwi-truck path,
  .icon-tcwi-truck polygon,
  .icon-tcwi-truck polyline,
  .icon-tcwi-truck rect,
  .icon-tcwi-wallet circle,
  .icon-tcwi-wallet ellipse,
  .icon-tcwi-wallet g,
  .icon-tcwi-wallet line,
  .icon-tcwi-wallet path,
  .icon-tcwi-wallet polygon,
  .icon-tcwi-wallet polyline,
  .icon-tcwi-wallet 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 {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    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: 99;
    color: #000000
    ;
    color: var(--colorDrawerText);
    background-color: #ffffff
    ;
    background-color: var(--colorDrawers);
    transition: transform 0.25s cubic-bezier(0.43, 0.01, 0.44, 1)
  }

  @media screen and (max-height:400px) {

    .drawer {
      overflow: scroll
    }

    .drawer .drawer__contents {
      height: auto;
    }
  }

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

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

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

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

  .drawer .cart__checkout {
    background-color: #111111
     !important;
    background-color: var(--colorDrawerButton) !important;
    color: #ffffff
    ;
    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: #000000
    ;
    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;
    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: 0.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(234, 234, 234, 0.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;
  }
  /* .animation-contents {
    font-family: 'Pirulen Rg';
  } */

  .appear-delay-20 {
    transition: transform 1s cubic-bezier(0.165, 0.84, 0.44, 1) 1.3s, opacity 1s cubic-bezier(0.165, 0.84, 0.44, 1) 1.4s;
  }

  .appear-delay-19 {
    transition: transform 1s cubic-bezier(0.165, 0.84, 0.44, 1) 1.24s, opacity 1s cubic-bezier(0.165, 0.84, 0.44, 1) 1.34s;
  }

  .appear-delay-18 {
    transition: transform 1s cubic-bezier(0.165, 0.84, 0.44, 1) 1.18s, opacity 1s cubic-bezier(0.165, 0.84, 0.44, 1) 1.28s;
  }

  .appear-delay-17 {
    transition: transform 1s cubic-bezier(0.165, 0.84, 0.44, 1) 1.12s, opacity 1s cubic-bezier(0.165, 0.84, 0.44, 1) 1.22s;
  }

  .appear-delay-16 {
    transition: transform 1s cubic-bezier(0.165, 0.84, 0.44, 1) 1.06s, opacity 1s cubic-bezier(0.165, 0.84, 0.44, 1) 1.16s;
  }

  .appear-delay-15 {
    transition: transform 1s cubic-bezier(0.165, 0.84, 0.44, 1) 1s, opacity 1s cubic-bezier(0.165, 0.84, 0.44, 1) 1.1s;
  }

  .appear-delay-14 {
    transition: transform 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0.94s, opacity 1s cubic-bezier(0.165, 0.84, 0.44, 1) 1.04s;
  }

  .appear-delay-13 {
    transition: transform 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0.88s, opacity 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0.98s;
  }

  .appear-delay-12 {
    transition: transform 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0.82s, opacity 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0.92s;
  }

  .appear-delay-11 {
    transition: transform 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0.76s, opacity 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0.86s;
  }

  .appear-delay-10 {
    transition: transform 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0.7s, opacity 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0.8s;
  }

  .appear-delay-9 {
    transition: transform 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0.64s, opacity 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0.74s;
  }

  .appear-delay-8 {
    transition: transform 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0.58s, opacity 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0.68s;
  }

  .appear-delay-7 {
    transition: transform 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0.52s, opacity 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0.62s;
  }

  .appear-delay-6 {
    transition: transform 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0.46s, opacity 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0.56s;
  }

  .appear-delay-5 {
    transition: transform 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0.4s, opacity 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0.5s;
  }

  .appear-delay-4 {
    transition: transform 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0.34s, opacity 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0.44s;
  }

  .appear-delay-3 {
    transition: transform 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0.28s, opacity 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0.38s;
  }

  .appear-delay-2 {
    transition: transform 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0.22s, opacity 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0.32s;
  }

  .appear-delay-1 {
    transition: transform 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0.1s, opacity 1s cubic-bezier(0.165, 0.84, 0.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: #161616
    ;
    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 {
    
    
    overflow: hidden;
    position: relative;
  }

  .image-wrap img:not([role=presentation]) {
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    -o-object-fit: cover;
    object-fit: cover;
  }

  [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 img:not([role=presentation]),
  [data-animate_images=true] .aos-animate .image-wrap img: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(0.26, 0.54, 0.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 img: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: #161616
    ;
    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: #161616
    ;
    background: var(--colorBody);
    opacity: 0.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(0px);
  }

  .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: #848484
      ;
      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: #212121
    ;
    background-color: var(--colorFooter);
    color: #ffffff
    ;
    color: var(--colorFooterText)
  }

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

    .site-footer {
      padding-top: 40px;
      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.75);
  }

  .site-footer .faux-select,
  .site-footer input,
  .site-footer select,
  .site-footer textarea {
    background-color: #212121
    ;
    background-color: var(--colorFooter);
    color: #ffffff
    ;
    color: var(--colorFooterText);
    border: 1px solid;
    border-color: rgba(255, 255, 255, 0.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: #ffffff
    ;
    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: #ffffff
    ;
    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: #ffffff
    ;
    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: #ffffff
    ;
    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: #ffffff
    ;
    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: #ffffff
    ;
    color: var(--colorFooterText);
    opacity: 1;
  }

  .site-footer .faux-select,
  .site-footer select {
    padding: 7px 36px 7px 10px;
  }

  .site-footer select {
    background-image: url('//karnox.com/cdn/shop/t/59/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: #ffffff
      ;
      border-color: var(--colorFooterText);
      opacity: 0.12;
      display: block;
    }

    .site-footer .grid__item:first-child:after,
    .site-footer .grid__item:last-child:after {
      display: none;
    }
  }

  .site-footer__bottom {
    padding-top: 10px
  }

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

    .site-footer__bottom {
      padding-top: 40px;
      text-align: center
    }
  }

  .site-footer__bottom-block {
    margin: 0 20px 20px
  }

  @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;
    display:flex;
    justify-content:center;
    align-item:center;
  }

  .site-footer__bottom-block.payment-icons img {
    margin:2px;
  }

  .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)
  }
  .footer__title:after {
    
    content: '';
    display: block;
    width: 25px;
    height: 2px;
    left: 0;
    bottom: 0;
    background-color: #A98B2F;
  }
  [data-type_header_capitalize=true] .footer__title {
    text-transform: uppercase
  }

  [data-type_header_accent_transform=true] .footer__title {
    text-transform: uppercase;
    /*     letter-spacing:0.2em */
  }

  .footer__title {
    color: #ffffff
    ;
    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-family: Pirulen Rg;
      font-size: 20px !important;
    }

    [data-type_header_accent_transform=true] .footer__title {
      font-size: calc(var(--typeHeaderSize) * 0.42)
    }
  }

  .footer__copyright {
    font-size: 10px;
    text-align: center
  }

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

    .footer__copyright {
      font-size: 12px
    }
  }

  .footer__copyright > span {
    display: inline-block;
    padding: 0 8px;
  }

  .site-footer__linklist {
    margin: 0
  }

  .site-footer__linklist a {
    color: currentColor;
    display: block;
    padding: 4px 0;
  }

  @media only screen and (max-width:589px) {
    .grid-newsletter .collapsible-trigger-btn {
      padding-top: 30px;
      padding-bottom: 0;
    }
    .grid-newsletter .collapsible-trigger__icon {
      display: none;
    }
    .grid-newsletter .collapsible-content {
      height: auto;
    }
    .grid-newsletter .footer__collapsible {
      padding: 15px 0 30px;
    }
  }

  .footer__newsletter {
    position: relative;
  }

  .footer__newsletter-input {
    max-width: 300px;
    width: 100%;
    padding-left: 45px;
    border: 1px solid;
    border-color: rgba(255, 255, 255, 0.6)
    ;
  }

  .footer__newsletter-btn {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    width: 46px;
    color: #ffffff
    ;
    color: var(--colorFooterText)
  }

  .footer__newsletter-btn .icon {
    width: 26px;
    height: 24px;
  }

  @media only screen and (max-width:589px) {
    .footer__logo-social {
      display: flex;
      align-items: 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;
    }

    .footer__logo img {
       display: block;
      transform: translateZ(0);
      max-height: 100%;
      max-width:60%;
      margin:0 auto;
    }
  }
  @media only screen and (max-width:500px) {
    .footer__logo {
      display: flex;
      align-items: center;
      justify-content: center;
      padding-top: 3%
    }
  }

  @media only screen and (min-width:900px) {
    .footer__logo {
      display: flex;
      align-items: center;
      justify-content: center;
    }

    .footer__logo img {
    display: block;
    transform: translateZ(0);
    max-height: 100%;
    max-width:70%;
    margin:0 auto;
  }
  }

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

    .footer__logo {
      margin-bottom: 40px
    }
  }

  .footer__logo a {
    display: block;
  }

 

  .footer__social {
    margin: 50px 0 0;
  }

  .footer__social li {
    display: inline-block;
    margin: 0 0 0 15px
  }

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

    .footer__social li {
      margin: 0 15px 15px 0
    }
  }

  .footer__social a {
    display: block;
  }

  .footer__social .icon {
    width: 22px;
    height: 22px
  }

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

    .footer__social .icon {
      width: 24px;
      height: 24px
    }
  }

  .footer__social .icon.icon--wide {
    width: 40px;
  }

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

    .footer__collapsible {
      padding: 0 0 20px
    }
  }

  @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: #ffffff
    ;
    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, 0.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;
    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: #848484
    ;
    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 0;
    text-align: center;
    font-size: 15px
  }

  @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.current,
  .pagination a {
    padding: 8px 12px;
  }

  .pagination .page.current {
    opacity: 0.3;
  }

  .pagination .next,
  .pagination .prev {
    color: #ffffff
    ;
    color: var(--colorBtnPrimaryText);
    background: rgba(0,0,0,0)
    ;
    background: var(--colorBtnPrimary);
    width: 43px;
    height: 43px;
    line-height: 27px;
    border-radius: 43px;
    margin: 0 10px;
    transition: transform 0.05s ease-out
  }

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

    .pagination .next,
    .pagination .prev {
      width: 35px;
      height: 35px;
      line-height: 19px
    }
  }

  .pagination .next .icon,
  .pagination .prev .icon {
    color: #ffffff
    ;
    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;
  }
  .kar-after:after {
    border: 1px solid;
    color: #848484;
    width: 100%;
    margin-top: 40px
  }

  .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;
    
    color: #fff;
  }

  .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(234, 234, 234, 0.1)
    ;
    position: relative;
  }

  [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;
    height:48px;
  }

  .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%
  }

  @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 (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-layout[data-logo-align=left] .site-header__logo {
    margin-right: 13.33333px;
  }

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

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

    .site-header {
      ;
      /*     padding:20px 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(0.165, 0.84, 0.44, 1);
  }

  .site-header__logo {
    
    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
  }

  .site-header .site-header__logo img {
    position: absolute;
    top: 0;
    left: 0
  }

  .header-layout--center .site-header__logo img {
    margin: 0 auto
  }

  .site-header__logo-link {
    display: flex;
    position: relative;
    align-items: center;
    color: #ffffff
    ;
    color: var(--colorNavText)
  }

  .site-header__logo-link:hover {
    color: #ffffff
    ;
    color: var(--colorNavText);
  }

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

    .site-header__logo-link {
      margin: 0 auto
    }
  }

  .header-wrapper--overlay {
    position: absolute;
    left: 0;
    right: 0;
    z-index: 6;
    background: none;
    background: linear-gradient(180deg, rgba(0, 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, 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: #161616
    ;
    background-color: var(--colorBody);
    color: #eaeaea
    ;
    color: var(--colorTextBody);
    transition: transform 0.3s cubic-bezier(0, 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: #161616
    ;
    background-color: var(--colorBody);
    color: #eaeaea
    ;
    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: #848484
    ;
    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
  }

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

  .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 {
    text-align: center;
      margin-top: 30px;
    }

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

      .section-header {
        
        }
      }

      @media screen and (max-width:500px) {
        [data-type_header_text_alignment=true] .section-header {
          padding: 0 15px 20px;
        }
      }
      @media screen and (min-width:900px) {
        [data-type_header_text_alignment=true] .section-header {
          padding: 0 15px 20px;
            margin-bottom: 15px;
          }
        }


        .section-header--hero {
          position: relative;
          flex: 1 1 100%;
          color: #ffffff
          ;
          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;
        }
        @media screen and (max-width:500px) {
          .section-header__title {
            margin-bottom: 0;
            font-size: calc(var(--typeHeaderSize) * 0.5);
          }

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

        .text-center .site-navigation {
          margin: 0 auto
        }

        .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;
        }
        .icon-search:hover {
          color: #D9D919;
          font-weight: 1000
        }

        .icon-cart:hover {
          color: #D9D919;
          font-weight: 1000
        }
        .site-nav__item {
          position: relative;
          display: inline-block;
          margin: 0 0 0 30px;
          
          /* margin: 0 7% */
        }

        .site-nav__item li {
          display: block;
        }
        
        .site-nav__item a:hover {
              color: #fdea02;
    /* background-image: -webkit-linear-gradient(180deg, #7c510a, #f2e49d); */
    /* -webkit-background-clip: text; */
    /* -webkit-text-fill-color: transparent; */
    font-weight: 1000;
        }

        .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: #ffffff
          ;
          color: #fff;
        }

        .site-header--heading-style .site-nav__link {
          
          font-family: 'Roboto', sans-serif;
          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
        }

        .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: 999;
          pointer-events: none;
        }

        .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: #eaeaea
           !important;
          color: var(--colorTextBody) !important;
          background-color: #161616
          ;
          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: #848484
          ;
          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: 4px;
            padding-right: 4px
          }

          .site-nav__link--icon + .site-nav__link--icon {
            margin-left: -3px;
          }
        }

        .site-nav__link--icon .icon {
          width: 30px;
          height: 30px
        }

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

          .site-nav__link--icon .icon {
            width: 27px;
            height: 27px
          }
        }

        .site-nav__dropdown {
          position: absolute;
          left: 0;
          margin: 0;
          z-index: 5;
          display: block;
          visibility: hidden;
          background-color: #161616
          ;
          background-color: var(--colorBody);
          min-width: 100%;
          padding: 10px 0 5px;
          box-shadow: 0 10px 20px rgba(0, 0, 0, 0.09);
          transform: translate3d(0px, -25px, 0px);
          max-height: 90vh;
          overflow: visible;
          overflow: initial
        }

        .is-focused > .site-nav__dropdown,
        .site-nav--has-dropdown:hover .site-nav__dropdown {
          display: block;
          visibility: visible;
          transform: translateZ(0px);
          transition: all 500ms cubic-bezier(0.2, 0.06, 0.05, 0.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: #161616
          ;
          background-color: var(--colorBody);
          padding-right: 40px;
        }

        .site-nav__deep-dropdown {
          background-color: #161616
          ;
          background-color: var(--colorBody);
          box-shadow: 0 10px 20px rgba(0, 0, 0, 0.09);
          position: absolute;
          top: 0;
          left: 100%;
          margin: 0;
          visibility: hidden;
          opacity: 0;
          z-index: 5;
          transform: translate3d(-12px, 0px, 0px)
        }

        .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(0px);
          transition: all 300ms cubic-bezier(0.2, 0.06, 0.05, 0.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, 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, 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
        }

        .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: #ffffff
          ;
          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: #000000
          ;
          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: #000000
          ;
          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: #fdea02
          ;
          background-color: var(--colorCartDot);
          border: 2px solid;
          border-color: #161616
          ;
          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: 15px;
            margin: 30px 0;
          }
        }

        .breadcrumb__divider {
          color: currentColor;
        }

        .site-nav--is-megamenu.site-nav__item {
          position: static;
        }

        .megamenu {
          padding: 52px 0;
          line-height: 1.8;
          max-height: 70vh;
          overflow-y: auto;
        }

        .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(0px);
          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: #ffffff
          ;
          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: #000000
          ;
          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: #000000
          ;
          background-color: var(--colorModalBg);
          animation: overlay-off 0.5s forwards;
        }

        .modal-open--solid .modal:before {
          background-color: #f4eeee
          ;
          background-color: #f4eeee;
        }

        .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: #161616
          ;
          background-color: #161616;
          color: #fff
          ;
          color: #fff;
        }

        .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: #eaeaea
          ;
          color: var(--colorTextBody);
          padding: 13.33333px
        }

        .modal--square .modal__close:focus,
        .modal--square .modal__close:hover {
          color: #eaeaea
          ;
          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: 40px 20px;
          }

          .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, 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: #161616
          ;
          background-color: var(--colorInputBg);
          color: #eaeaea
          ;
          color: var(--colorInputText)
        }

        .js-qty__wrapper.is-loading {
          opacity: 0.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: #eaeaea
          ;
          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: #090909
          ;
          background-color: var(--colorInputBgDim);
          color: #eaeaea
          ;
          color: var(--colorInputText);
        }

        .js-qty__adjust:active {
          background-color: #000000
          ;
          background-color: var(--colorInputBgDark);
        }

        .js-qty__num:active~.js-qty__adjust,
        .js-qty__num:focus~.js-qty__adjust {
          border-color: #eaeaea
          ;
          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: #000000
          ;
          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: #000000
          ;
          color: var(--colorDrawerText);
          fill: #000000
          ;
          fill: var(--colorDrawerText)
        }

        .drawer .js-qty__adjust:hover {
          background-color: #e8e8e1
          ;
          background-color: var(--colorDrawerBorder);
          color: #ffffff
          ;
          color: var(--colorDrawers);
          fill: #ffffff
          ;
          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(0.55);
          margin: -0.55rem;
        }

        .currency-options__label {
          display: inline-block;
          vertical-align: middle;
          width: 100px;
          text-underline-offset: 0.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: #161616
          ;
          background-color: var(--colorBody);
          color: #eaeaea
          ;
          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, 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: #161616
          ;
          background: var(--colorBody);
          border-color: rgba(234, 234, 234, 0.05)
          ;
          border-radius: 50px;
        }

        .shopify-model-viewer-ui .shopify-model-viewer-ui__button {
          color: #eaeaea
          ;
          color: var(--colorTextBody);
        }

        .shopify-model-viewer-ui .shopify-model-viewer-ui__button--control:hover {
          color: #eaeaea
          ;
          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: #eaeaea
          ;
          color: var(--colorTextBody);
          background-color: rgba(234, 234, 234, 0.05)
          ;
        }

        .shopify-model-viewer-ui .shopify-model-viewer-ui__button--control:not(:last-child):after {
          border-color: rgba(234, 234, 234, 0.05)
          ;
        }

        .shopify-model-viewer-ui .shopify-model-viewer-ui__button--poster {
          background-color: #eaeaea
          ;
          background-color: var(--colorTextBody);
          color: #161616
          ;
          color: var(--colorBody);
          border-radius: 100%;
          border: 1px solid;
          border-color: rgba(28, 29, 29, 0.05)
        }

        .shopify-model-viewer-ui .shopify-model-viewer-ui__button--poster:focus,
        .shopify-model-viewer-ui .shopify-model-viewer-ui__button--poster:hover {
          color: #161616
          ;
          color: var(--colorBody);
        }

        .product-single__view-in-space {
          display: block;
          color: #eaeaea
          ;
          color: var(--colorTextBody);
          background-color: rgba(234, 234, 234, 0.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: 0.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 {
        border-bottom: 1px solid;
        border-bottom-color: #848484
        ;
        border-bottom-color: var(--colorBorder);
      }

      .collapsibles-wrapper--border-bottom + .collapsibles-wrapper--border-bottom .collapsible-trigger-btn--borders {
        border-top: 0;
      }

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

      @media screen and (max-width:500px) {
        .collapsible-trigger--inline {
          font-weight: 700;
          padding: 9px 0 0 20px;
          font-size: 1rem;
        }
      }
      @media screen and (min-width:900px) {
        .collapsible-trigger--inline {
          font-weight: 700;
          padding: 11px 0 11px 20px;
          /* font-size: 23px; */
        }
      }

      .collapsible-trigger--inline .collapsible-trigger__icon {
        right: auto;
        left: 0;
      }

      .collapsible-trigger__icon--circle {
        border: 1px solid;
        border-color: #848484
        ;
        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);
      }

      .collapsible-trigger .collapsible-trigger__icon .icon-minus,
      .collapsible-trigger.is-open .collapsible-trigger__icon .icon-plus {
        display: none;
      }

      .collapsible-trigger.is-open .collapsible-trigger__icon .icon-minus {
        display: block;
      }

      .collapsible-content {
        transition: opacity 0.3s cubic-bezier(0.25,0.46,0.45,0.94), height 0.3s cubic-bezier(0.25,0.46,0.45,0.94)
      }

      .collapsible-content.is-open {
        overflow: unset;
        visibility: visible;
        opacity: 1;
        transition: opacity 1s cubic-bezier(0.25,0.46,0.45,0.94), height 0.5s cubic-bezier(0.25,0.46,0.45,0.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(0.25,0.46,0.45,0.94)
      }

      .is-open .collapsible-content__inner {
        transform: translateY(0);
        transition: transform 0.5s cubic-bezier(0.25,0.46,0.45,0.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: 0.001;
        will-change: opacity;
        transition: opacity 333ms cubic-bezier(0.4, 0, 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: #161616
        ;
        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(0.4, 0, 0.22, 1);
      }

      .pswp__bg {
        will-change: opacity;
        transition: opacity 333ms cubic-bezier(0.4, 0, 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, 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: 40px;
        left: 0;
        right: 0;
        transform: translateY(0);
        transition: transform 0.25s 0.6s
      }

      .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 0 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: #eaeaea
        ;
        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: #eaeaea
        ;
        background: var(--colorTextBody);
      }

      .noUi-horizontal {
        height: 6px;
      }

      .countdown__content {
        background-color: var(--countdown-background-color);
        color: var(--countdown-text-color);
      }

      .countdown__block--button .btn.btn--inverse {
        color: var(--accent-color);
        border-color: var(--accent-color);
      }

      ::-webkit-input-placeholder {
        color: inherit;
        opacity: 0.5;
      }

      :-moz-placeholder {
        color: inherit;
        opacity: 0.5;
      }

      :-ms-input-placeholder {
        color: inherit;
        opacity: 0.5;
      }

      ::-ms-input-placeholder {
        color: inherit;
        opacity: 1;
      }

      /* 在输入时,文本框内文字的颜色 */

      input,
      select,
      textarea {
        background-color: transparent;
        /* color: inherit; */
        color: #727272;
      }

      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: #eaeaea
        ;
        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: #eaeaea
        ;
        color: var(--colorTextBody);
        border-radius: 2px;
        font-size: calc(var(--typeBaseSize) - 1px);
        margin: 0 3px 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: 0.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: #111111
        ;
        padding: 20px;
        color: #eaeaea
        ;
        color: var(--colorTextBody);
        border: 1px solid;
        border-color: #848484
        ;
        border-color: var(--colorBorder);
        overflow: hidden;
        text-overflow: ellipsis
      }

      .grid-search__page-link:focus,
      .grid-search__page-link:hover {
        background-color: #0c0c0c
        ;
      }

      .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%)
        }
      }

      @media screen and (max-width:500px) {
        .index-section {
          margin: 60px 0 10px;
        }
      }
      @media screen and (min-width:900px) {
        .index-section {
          margin: 80px 0;
        }
      }

      .index-section--small {
        margin: 24px 0;
      }

      .index-section + .index-section,
      .index-section + .index-section--hidden {
        margin-top: 0;
      }

      .index-section--flush {
        margin: 0;
      }

      .index-section--faq {
        margin-bottom: 20px;
      }

      .section--divider {
        /*   border-top:1px solid; */
        border-top-color: #848484
        ;
        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: #848484
        ;
        border-top-color: var(--colorBorder);
      }

      .testimonials-section {
        padding: 34px 0;
      }

      .testimonials-section--with-divider {
        border-top: 1px solid;
        border-top-color: #848484
        ;
        border-top-color: var(--colorBorder);
      }

      @media only screen and (min-width:590px) {
        .index-section {
          ;
          /*     margin:100px 0; */
        }

        .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 {
        direction: ltr;
        overflow: hidden;
      }

      .feature-row {
        margin: 0 auto;
        display: flex;
        justify-content: space-between;
        align-items: center
      }

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

        .feature-row {
          ;
          /*     margin:0 6% */
        }
      }

      @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(0.2, 0.06, 0.05, 0.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(30px, 30px)
      }

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

        .feature-row__item--overlap-images > :first-child {
          transform: translate(50px, 50px)
        }
      }

      [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: #161616
        ;
        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;
        }
      }

      .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: 80px;
        }
      }

      .product-block {
        margin-bottom: 25px
      }

      .product-block hr {
        margin: 0;
      }

      .product-block--tab + .product-block--tab {
        margin-top: -25px;
      }

      /* .product-block--sales-point + .product-block--sales-point {
        margin-top: -20px;
      } */

      .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: #ffffff
        ;
        color: var(--colorBtnPrimaryText);
        background-color: rgba(0,0,0,0)
        ;
        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:#161616; */
        /*     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: #111111
        ; */
        /* 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: 0.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: #ffffff
        ;
        color: var(--colorHeroText);
      }

      .hero__text-wrap {
        position: relative;
        height: 100%;
        color: #ffffff
        ;
        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-top: 110px
        }
      }

      [data-dots=true] .hero__text-content {
        ;
        /* padding-right: 50px */
      }

      .hero__title {
        display: block;
        margin-bottom: 0;
        font-size: 40px
      }
      /* .heroTitle-aboutAs {
      margin-bottom: 450px
    } */

      @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 {
        text-transform: uppercase;
        letter-spacing: 0.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.18)
        }
      }

      .hero__link {
        display: inline-block;
        margin-top: 25px;
        /*   margin-right:80px; */
        /*   display: flex; */
        /*   justify-content: center; */
      }

      .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;
        /*   display:flex;
  flex-direction: column; */
      }

      .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(0px);
      }

      [data-animate_sections=true] .slideshow__slide.is-selected .hero__title .animation-contents {
        animation: 0.8s cubic-bezier(0.26, 0.54, 0.32, 1) 0.3s forwards;
        animation-name: fade-in
        ;
      }

      [data-animate_sections=true] .slideshow__slide.is-selected .hero__subtitle .animation-contents {
        animation: 1s cubic-bezier(0.26, 0.54, 0.32, 1) 0.7s forwards;
        animation-name: fade-in
        ;
      }

      [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,
      [data-animate_sections=true] .slideshow__slide.is-selected .hero__image--svg,
      [data-animate_sections=true] .slideshow__slide.is-selected .hero__media {
        animation: 2.5s cubic-bezier(0.26, 0.54, 0.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(0.26, 0.54, 0.32, 1), opacity 1.5s cubic-bezier(0.26, 0.54, 0.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(0px);
      }

      [data-aos=hero__animation].loaded .hero__title .animation-contents {
        animation: 0.8s cubic-bezier(0.26, 0.54, 0.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
        }
      }

      .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: #161616
        ;
        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(0.39, 0.68, 0.29, 1) 0.5s;
        z-index: 1;
        background-color: #161616
        ;
        background-color: var(--colorBody);
        -o-object-fit: cover;
        object-fit: cover;
        height: auto
      }

      .callout-image:first-of-type {
        position: relative;
        width: 100%;
        margin: 40px auto;
        z-index: 2;
      }

      .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, 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;
        }
        .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: #848484
        ;
        border-color: var(--colorBorder)
      }

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

      .collection-description {
        max-width: 900px
      }

      [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: #111111
        ;
        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 {
        animation: 0.8s cubic-bezier(0.26, 0.54, 0.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(0.26, 0.54, 0.32, 1) 0.5s forwards;
        animation-name: fade-in
        ;
      }

      .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 {
        
        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: #ffffff
        ;
        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(0.2, 0.06, 0.05, 0.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--article a {
        padding-right: 20px;
        padding-left: 0;
      }

      .tags__title {
        margin-right: 20px;
      }

      .tag--active {
        font-weight: 700
      }

      .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: #eaeaea
        ;
        background-color: var(--colorTextBody);
        border-color: #eaeaea
        ;
        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: #ffffff
        ;
        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: #848484
        ;
        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 -12px;
        position: relative
      }

      .variant-input-wrap input {
        border: 0;
        clip: rect(0 0 0 0);
        height: 1px;
        margin: -1px;
        overflow: hidden;
        padding: 0;
        position: absolute;
        width: 1px;
      }

      .variant-input-wrap label {
        position: relative;
        display: inline-block;
        line-height: 1;
        font-weight: 400;
        padding: 7px 15px;
        margin: 0 8px 12px 0;
        font-style: normal;
        font-size: var(--typeBaseSize);
        text-transform: none;
        background-color: #161616
        ;
        background-color: var(--colorBody);
        box-shadow: 0 0 0 1px#848484;
        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)
      }

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

        .variant-input-wrap label {
          font-size: calc(var(--typeBaseSize) - 1px)
        }
      }

      .variant-input-wrap label.disabled {
        color: #848484
        ;
        color: var(--colorBorder);
      }

      .variant-input-wrap label.disabled:after {
        position: absolute;
        content: "";
        left: 50%;
        top: 0;
        bottom: 0;
        border-left: 1px solid;
        border-color: #848484
        ;
        border-color: var(--colorBorder);
        transform: rotate(45deg);
      }

      .variant-input-wrap input[type=radio]:focus + label {
        background-color: rgba(234, 234, 234, 0.03)
        ;
        box-shadow: 0 0 0 1px#eaeaea;
        box-shadow: 0 0 0 1px var(--colorTextBody);
      }

      .variant-input-wrap input[type=radio]:checked + label {
        box-shadow: 0 0 0 2px#eaeaea;
        box-shadow: 0 0 0 1px var(--colorTextBody);
        border-color:#fdea02;
        border-radius:3px;
        
      }

      .variant-input {
        display: 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;
        background:#202020
      }

      .grid-product__image {
        display: block;
        margin: 0 auto;
        width: 100%;
        height: 100%;
        -o-object-fit: cover;
        object-fit: cover;
      }

      .grid-product__secondary-image {
        position: absolute;
        top: -1px;
        left: -1px;
        right: -1px;
        bottom: -1px;
        background-color: #161616
        ;
        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(0.26, 0.54, 0.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;
        line-height: calc(var(--typeBaseLineHeight) - 0.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.)
      }       
  }

      

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

        .grid-product__title {
          font-size: calc(var(--typeBaseSize) * 1)
        }
      }

      .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: 0.08em;
      }

      .grid-product__vendor {
        font-size: 10px;
        margin-top: 3px;
        font-weight: 600;
        color: #fdea02
      }

      .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;
        color:#4e4e4f
      }

      .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: 0.08em
      }

      .grid-product__tag {
        position: absolute;
        top: 0;
        right: 0;
        font-size: 12px;
        line-height: 1;
        padding: 4px;
        background-color: rgba(0,0,0,0)
        ;
        background-color: var(--colorBtnPrimary);
        color: #ffffff
        ;
        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: 6px
        }
      }

      .grid-product__tag--sale {
        background-color: #930000
        ;
        background-color: var(--colorSaleTag);
        color: #ffffff
        ;
        color: var(--colorSaleTagText);
      }

      .quick-product__btn {
        position: absolute;
        top: -15px;
        right: -15px;
        z-index: 2;
        border-radius: 50%;
        width: 65px;
        height: 65px;
        background-color: rgba(0,0,0,0)
        ;
        background-color: var(--colorBtnPrimary);
        color: #ffffff
        ;
        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;
          flex-wrap: wrap;
        }

        .grid-overflow-wrapper .grid__item {
          width: 50%;
/*           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(0.25,0.46,0.45,0.94)
        }

        [data-aos=overflow__animation].aos-animate {
          transform: translateX(0);
        }
      }

      .grid-product__see-all {
        display: flex;
        padding: 20px;
        text-align: -webkit-left;
        /* border: 1px solid; */
        border-color: #848484
        ;
        border-color: var(--colorBorder);
        margin-top: -30px;
        text-decoration:underline;
      }

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

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

      @keyframes inventory-pulse {
        0% {
          opacity: 0.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;
      }

      .color-swatch {
        position: relative;
        display: block;
        text-indent: -9999px;
        overflow: hidden;
        margin: 0 4px 4px;
        background-position: 50%;
        background-size: cover;
        background-repeat: no-repeat;
        width: 2.5em;
        box-shadow: 0 0 0 1px#848484;
        box-shadow: 0 0 0 1px var(--colorBorder);
        transition: box-shadow 0.2s ease
      }

      .color-swatch:before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        z-index: 2;
      }

      .color-swatch:before {
        border: 3px solid;
        border-color: #161616
        ;
        border-color: var(--colorBody);
      }

      a.color-swatch:hover {
        box-shadow: 0 0 0 1px#eaeaea;
        box-shadow: 0 0 0 1px var(--colorTextBody);
      }

      .color-swatch--small {
        width: 14px;
        height: 14px
      }

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

        .color-swatch--small {
          width: 17px;
          height: 17px
        }
      }

      .color-swatch--small:before {
        border: 2px solid;
        border-color: #161616
        ;
        border-color: var(--colorBody);
      }

      .tag--swatch {
        display: inline-block;
      }

      .skrim__item {
        overflow: hidden;
      }

      .skrim__item-content {
        position: relative;
        overflow: hidden;
        height: 100%;
        width: 100%;
        background: #111111
        ;
        background: var(--colorLargeImageBg)
      }

      .product-navigation .skrim__item-content {
        background: #111111
        ;
        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: 0.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;
        margin: 0 12.5px 12.5px;
        pointer-events: none;
        color: #ffffff
        ;
        color: var(--colorHeroText);
        transition: transform 0.5s ease
      }

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

        .skrim__title {
          margin: 0 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: #ffffff
        ;
        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(0.44, 0.13, 0.48, 0.87), transform 1.5s cubic-bezier(0.44, 0.13, 0.48, 0.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
      }

      .article__grid-image .image-wrap {
        display: block;
        position: relative;
        transition: opacity 2s ease-out 0s;
      }

      [data-animate_sections=true] .article__grid-image:focus .image-wrap,
      [data-animate_sections=true] .article__grid-image:hover .image-wrap {
        opacity: 0.75;
      }

      .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: 0.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)
        }
      }

      .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;
        width: 100%;
        height: 100%;
        -o-object-fit: cover;
        object-fit: cover;
      }

      .logo-bar__link {
        display: block;
      }

      [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: #111111
        ;
        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
      }

      @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: 150%;
          width: 300%
        }
      }

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

        .background-media-text__video iframe,
        .background-media-text__video video {
          width: 100%;
          height: 300%;
          left: auto;
          top: -100%
        }
      }

      .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: #161616
        ;
        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;
        }
      }

      [data-animate_sections=true] [data-aos=background-media-text__animation] .background-media-text__image,
      [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,
      .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,
      [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(0.26, 0.54, 0.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(0.26, 0.54, 0.32, 1) 0.5s forwards;
          animation-name: fade-in
          ;
        }
      }

      [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(0.26, 0.54, 0.32, 1) 0s forwards;
      }

      .quote-icon {
        display: block;
        margin: 0 auto 20px;
      }

      .testimonial-stars {
        display: block;
        font-size: 16px;
        letter-spacing: 0.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(0.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, 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(0.86);
        }

        .testimonials-slide.is-selected .testimonials-slider__text {
          transform: scale(1);
        }
      }

      .testimonials-slider__text {
        margin: 0 30px 20px;
        padding: 30px 20px;
        background: #161616
        ;
        background: var(--colorBody);
        color: #eaeaea
        ;
        color: var(--colorTextBody);
      }

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

        .testimonials-slider__text {
          margin: 0;
          padding: 30px;
        }
      }

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

      .testimonial-image {
        max-width: 142px;
        background-color: #161616
        ;
        background-color: var(--colorBody);
        margin-bottom: 20px
      }

      .text-center .testimonial-image {
        margin-left: auto;
        margin-right: auto
      }

      .testimonial-image .image-wrap {
        width: 100%;
        height: 100%;
      }

      .testimonial-image--round {
        width: 65px;
        height: 65px;
        max-width: none;
        border-radius: 65px
      }

      .testimonial-image--round img {
        overflow: hidden;
        border-radius: 65px;
        height: 100%;
      }

      .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: #ffffff
        ;
        color: var(--colorAnnouncementText);
        max-height: 100px;
        transition: max-height 0.3s cubic-bezier(0, 0, 0.38, 1);
        transform: translateZ(0);
        z-index: 29;
      }

      .announcement--closed {
        max-height: 0 !important;
      }

      .announcement__text {
        display: block;
        padding: 5px 20px 4px;
        font-size: 14px;
        transition: opacity 0.75s ease;
        text-align: center
      }

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

        .announcement__text {
          padding: 6px 20px 5px;
          font-size: 16px
        }
      }

      .announcement--closed .announcement__text {
        opacity: 0
      }

      .announcement__link {
        display: block;
        color: #ffffff
        ;
        color: var(--colorAnnouncementText)
      }

      .announcement__link:hover {
        color: #ffffff
        ;
        color: var(--colorAnnouncementText);
      }

      .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: #ffffff
        ;
        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-section-group-header-group > .announcement {
        z-index: 6;
      }

      .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;
        color:#fff;
        text-align:left;
      }

      @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: #fff;
        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: #eaeaea
        ;
        color: var(--colorTextBody);
        opacity: 1;
      }

      .newsletter__input:-moz-placeholder {
        color: #eaeaea
        ;
        color: var(--colorTextBody);
        opacity: 1;
      }

      .newsletter__input::-moz-placeholder {
        color: #eaeaea
        ;
        color: var(--colorTextBody);
        opacity: 1;
      }

      .newsletter__input:-ms-input-placeholder {
        color: #eaeaea
        ;
        color: var(--colorTextBody);
      }

      .newsletter__input::-ms-input-placeholder {
        color: #eaeaea
        ;
        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;
        }
      }

      [data-has-image] .modal__close {
        background-color: #161616
        ;
        background-color: var(--colorBody);
        border-radius: 50%;
        padding: 5px;
        top: 10px;
        right: 10px
      }

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

        [data-has-image] .modal__close {
          background-color: transparent;
          top: 0;
          right: 0
        }
      }

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

        #NewsletterPopup-newsletter-popup {
          bottom: 20px;
          text-align: center
        }

        #NewsletterPopup-newsletter-popup .modal__inner {
          max-width: calc(100% - 40px);
        }

        #NewsletterPopup-newsletter-popup.modal--square .modal__close {
          padding: 5px;
        }
      }

      #NewsletterPopup-newsletter-popup .h2 {
        margin-bottom: 0
      }

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

        #NewsletterPopup-newsletter-popup .h2 {
          margin-bottom: 0
        }
      }

      #NewsletterPopup-newsletter-popup .rte {
        margin-top: 20px;
        margin-bottom: 0
      }

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

        #NewsletterPopup-newsletter-popup .rte {
          margin-top: 20px;
          margin-bottom: 0
        }
      }

      #NewsletterPopup-newsletter-popup .rte p {
        margin-bottom: 0;
      }

      #NewsletterPopup-newsletter-popup .popup-cta {
        margin-bottom: 0;
      }

      #NewsletterPopup-newsletter-popup .newsletter__input-group {
        margin-top: 30px;
        margin-bottom: 0
      }

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

        #NewsletterPopup-newsletter-popup .newsletter__input-group {
          margin-top: 20px;
          margin-bottom: 0
        }
      }

      #NewsletterPopup-newsletter-popup .newsletter-button {
        margin-top: 30px;
        background-image: none;
        position: relative
      }

      #NewsletterPopup-newsletter-popup .newsletter-button:hover {
        background-image: none
      }

      #NewsletterPopup-newsletter-popup .newsletter-button:hover .button-arrow {
        opacity: 1;
        visibility: visible;
        right: 20px;
        transition: right 0.2s ease-in-out, opacity 0.4s ease-in-out;
      }

      #NewsletterPopup-newsletter-popup .newsletter-button .button-arrow {
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        right: 50%;
        opacity: 0;
        visibility: hidden;
        transition: 1s ease-in-out, opacity 0.3s ease-in-out;
      }

      #NewsletterPopup-newsletter-popup .social-icons a {
        display: inline-block;
        margin-top: 30px;
        padding: 0 5px;
      }

      .modal__centered-content.newsletter--has-image {
        padding: 0
      }

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

        .modal__centered-content.newsletter--has-image {
          padding: 0
        }
      }

      .modal__centered-content.newsletter--has-image .newsletter-popup {
        display: flex;
        max-width: 800px;
        min-width: 650px
      }

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

        .modal__centered-content.newsletter--has-image .newsletter-popup {
          max-width: none;
          min-width: 0
        }
      }

      .modal__centered-content.newsletter--has-image .newsletter-popup.newsletter-popup--image-reversed {
        flex-direction: row-reverse;
      }

      .modal__centered-content.newsletter--has-image .form__submit--large {
        display: none;
      }

      .modal__centered-content.newsletter--has-image .form__submit--small {
        display: block;
      }

      .modal__centered-content.newsletter--has-image .newsletter-popup__image-wrapper {
        position: relative;
        width: 50%
      }

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

        .modal__centered-content.newsletter--has-image .newsletter-popup__image-wrapper {
          display: none
        }
      }

      .modal__centered-content.newsletter--has-image .newsletter-popup__image {
        width: 100%;
        height: 100%;
        /* -o-object-fit: cover; */
        /* object-fit: cover; */
        /* position: absolute; */
      }

      .modal__centered-content.newsletter--has-image .newsletter-popup__content {
        padding: 40px;
        width: 50%
      }

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

        .modal__centered-content.newsletter--has-image .newsletter-popup__content {
          padding: 0 0 20px;
          width: 100%
        }
      }

      newsletter-reminder {
        color: #ffffff
        ;
        color: var(--colorBtnPrimaryText);
        background-color: rgba(0,0,0,0)
        ;
        background-color: var(--colorBtnPrimary);
        z-index: 5
      }

      newsletter-reminder.modal--square .modal__close {
        color: #ffffff
        ;
        color: var(--colorBtnPrimaryText);
        padding: 0
      }

      newsletter-reminder.modal--square .modal__close:hover {
        color: #ffffff
        ;
        color: var(--colorBtnPrimaryText);
        opacity: 50%;
      }

      newsletter-reminder .newsletter-reminder__message {
        font-size: calc(var(--typeHeaderSize) * 0.5);
      }

      .form__submit--small {
        line-height: 0;
      }

      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
      }

      .fading-images__item img {
        width: 100%;
        height: 100%;
        position: absolute;
        -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: fade-in
        ;
      }

      .finished-titles .fading-images-overlay__title {
        animation: 0.75s forwards;
        animation-name: fade-in-out
        ;
      }

      .active-image {
        animation: kenburns 7s linear forwards;
        z-index: 2;
      }

      .finished-image {
        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: #161616
        ;
        background-color: var(--colorBody);
        padding: 30px;
        margin: 30px;
        width: 100%;
        z-index: 3
      }

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

        .map-section__overlay {
          padding: 40px 60px 40px 40px;
          position: absolute;
          left: 60px;
          top: 50%;
          transform: translateY(-50%);
          margin: 0;
          max-width: 30%;
          width: auto;
        }
      }

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

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

        .map-section__container {
          width: 130%;
          height: 100%;
          margin: 0 -30% 0 0
        }
      }

      .display-map--false.bg-image--true .map-section__container {
        width: 100%;
        height: 100%
      }

      .display-map--false.bg-image--true .map-section__container img {
        -o-object-fit: cover;
        object-fit: cover;
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
      }

      [data-animate_sections=true] [data-aos=map-section__animation] .map-section__container {
        animation: fade-out 0.5s cubic-bezier(0.26, 0.54, 0.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(0.26, 0.54, 0.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: 0.8em
      }

      .store-availability__small a {
        display: block;
        margin-top: 10px;
      }

      .text-with-icons {
        margin-bottom: -30px;
      }

      .text-with-icons__blocks .text-with-icons__block {
        padding: 0 30px 30px
      }

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

        .text-with-icons__blocks .text-with-icons__block {
          padding: 0 0 30px
        }
      }

      .text-with-icons__button {
        padding-bottom: 30px;
      }

      .age-verification-popup {
        top: 0;
        bottom: 0
      }

      .age-verification-popup.age-verification-popup--image-false {
        background-color: #161616
        ;
        background-color: var(--colorBody)
      }

      .age-verification-popup.age-verification-popup--image-false.modal:before {
        background-color: #161616
        ;
        background-color: var(--colorBody);
        animation: none;
      }

      .age-verification-popup.age-verification-popup--image-false .modal__inner {
        box-shadow: none;
      }

      .age-verification-popup.modal--mobile-friendly.modal--square .modal__centered-content {
        background-color: #ffffff
        ;
        background-color: var(--colorDrawers);
      }

      .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: 0.2em;
      }

      .cart__item--headers {
        font-size: 0.85em;
        border-bottom: 1px solid;
        border-bottom-color: #848484
        ;
        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: #848484
        ;
        border-top-color: var(--colorBorder);
        padding-top: 30px;
      }

      .cart__checkout-wrapper {
        margin-top: 20px;
        margin-bottom:25px;
      }

      .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;
        font-weight: 600;
        color: var(--colorCartSalePrice);
      }

      .cart__variant-meta {
        font-size: 0.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: 0.2em
      }

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

        .cart__subtotal {
          font-size: 0.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: 50px;
        }

        .modal--quick-shop .page-content {
          width: 70vw;
          max-width: 100%;
        }
      }

      .product-full-width {
        margin-top: 40px;
      }

      .product-single__meta {
        padding-left: 45px
      }

      @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: 0.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: #161616
        ;
        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: 0.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;
          margin-left:15%;
          padding-top:15%;
        }
      }

      /* 添加移动端尺寸 */
      @media only screen and (max-width:589px) {
         .product__main-photos {
          order: 2;
          margin-left:25%;
          padding-top:25%;
        }
      }

      .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 */
          /* margin-top:-25%; */
          display:flex;
          justify-content:center;
          aliign-items:center;
          margin-left:10%;
          
        }
      }

      .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 {
        overflow-x: scroll;
        white-space: nowrap
      }

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

      .product__thumb-item a.is-active,
      .product__thumb-item a:focus {
        outline: none
      }

      .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: inset 0 0 0 2px#eaeaea;
        box-shadow: inset 0 0 0 2px var(--colorTextBody);
        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;
        margin-right: 11px;
        max-width: 80px
      }

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

        .product__thumbs--below .product__thumb-item {
          margin-right: 20px
        }
      }

      .product__thumbs--below .product__thumb-item:last-child {
        margin-right: 0;
      }

      .product__thumb-arrow {
        position: absolute;
        background: #161616
        ;
        background: var(--colorBody);
        color: #eaeaea
        ;
        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: center;
      }

      .product__thumbs[data-position=below] .product__thumb-arrow.product__thumb-arrow--next {
        right: 0;
        text-align: center;
      }

      .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: pointer
      }

      .product__thumb > .image-wrap img {
        position: static;
        height: auto;
      }

      .product__thumb-icon {
        position: absolute;
        top: 5px;
        right: 5px;
        background-color: #eaeaea
        ;
        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: #161616
        ;
        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: 0.85em
      }

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

        .product__policies {
          margin-top: 10px
        }
      }

      .product__price {
        font-size: calc(var(--typeBaseSize) + 2px);
        color:#fdea02;
        font-weight:700;
      }

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

        .product__price {
          font-size: calc(var(--typeBaseSize) + 4px);
                  color:#fdea02;
        font-weight:700;
        }
      }

      .sale-price {
        /* color: #fdea02
        ; */
        color: var(--colorSalePrice);
    /* color: transparent; */
    /* background-image: -webkit-linear-gradient(180deg, #7c510a, #f2e49d); */
    /* -webkit-background-clip: text; */
    /* -webkit-text-fill-color: transparent; */
      }

      .product__unit-price {
        font-size: 0.8em;
        opacity: 0.8;
      }

      .product__price--compare {
        padding-right: 5px;
        display: inline-block;
        text-decoration: line-through;
        color:#878787
      }

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

      .shopify-payment-terms:empty {
        display: none;
      }

      .modal .shopify-payment-terms {
        display: none
      }

      .template-blog .article {
        margin-bottom: 24px
      }

      @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__comment {
        margin-bottom: 40px
      }

      .article__comment:last-child {
        margin-bottom: 0;
      }

      .site-header--password {
        color: #ffffff
        ;
        color: var(--colorNavText)
      }

      .site-header--password a,
      .site-header--password a:hover {
        color: #ffffff
        ;
        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: 0.2em
      }

      .password-login {
        font-size: 0.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: #161616
    ;
    background: var(--colorBody);
    color: #eaeaea
    ;
    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: #848484
     !important;
    border-bottom-color: var(--colorBorder) !important;
  }

  .template-giftcard,
  .template-giftcard body {
    background: #161616
    ;
    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, 0.3);
  }

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

  .giftcard__content {
    background-color: #161616
    ;
    background-color: var(--colorBody);
    color: #eaeaea
    ;
    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: #eaeaea
    ;
    background-color: var(--colorTextBody);
    border: 1px solid transparent;
    color: #161616
    ;
    color: var(--colorBody);
    padding: 13.33333px;
    border-radius: 4px;
    font-size: 0.75em;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    line-height: 1;
  }

  .giftcard__tag--active {
    background: transparent;
    color: #eaeaea
    ;
    color: var(--colorTextBody);
    border: 1px solid;
    border-color: #848484
    ;
    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: 0.875em;
  }

  .giftcard__code--small {
    font-size: 0.75em;
  }

  .giftcard__code__inner {
    display: inline-block;
    vertical-align: baseline;
    background-color: #fff;
    padding: 0.5em;
    border-radius: 4px;
    max-width: 450px;
    box-shadow: 0 0 0 1px rgba(0, 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: #848484
    ;
    border-color: var(--colorBorder);
    padding: 0.4em 0.5em;
    display: inline-block;
    vertical-align: baseline;
    color: #eaeaea
    ;
    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, 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, 0.9);
  }

  .template-giftcard .tooltip__label {
    display: block;
    position: relative;
    right: -50%;
    border: none;
    border-radius: 4px;
    background: #333;
    background: rgba(51, 51, 51, 0.9);
    min-height: 14px;
    font-weight: 400;
    font-size: 12px;
    text-decoration: none;
    line-height: 16px;
    text-shadow: none;
    padding: 0.5em 0.75em;
    margin-left: 0.25em
  }

  .template-giftcard .tooltip__label small {
    text-transform: uppercase;
    letter-spacing: 0.1em;
    color: #b3b3b3;
    font-size: 0.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: 0.875em;
    font-weight: 700;
    display: block;
    padding-top: 4px;
    text-transform: uppercase;
    letter-spacing: 0.2em;
    margin-top: -10px
  }

  .template-giftcard .action-link:focus,
  .template-giftcard .action-link:hover {
    color: #eaeaea
    ;
    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: #848484
    ;
    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, 0.1);
    }

    .giftcard__wrap:after,
    .giftcard__wrap:before {
      display: none;
    }

    .giftcard__code {
      font-size: 0.75em;
    }

    .giftcard__code--medium {
      font-size: 0.65em;
    }

    .giftcard__code--small {
      font-size: 0.55em;
    }
  }

  @media screen and (max-height:800px) {
    .template-giftcard .header-logo img {
      max-height: 90px;
    }
  }

  @media print {
    @page {
      margin: 0.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 (max-width:500px) {
    .new_product_all .variant-wrapper {
      background: #222222;
      margin-top: 20px;
      padding: 20px;
      border-radius: 8px;
    }
  }
  @media(min-width:769px) {
    /* 3 */
    .new_product_all .variantInput1 .product_variant_box,
    .new_product_all .variantInput2 .product_variant_box {
      display: flex;
      width: 100%;
      align-items: center;
      font-size: 14px;
    }
    .new_product_all .variantInput1 .variant-input,
    .new_product_all .variantInput2 .variant-input {
      display: block;
    }
    .new_product_all .variant-wrapper {
      background: #222222;
      margin-top: 25px;
      padding: 20px;
      border-radius: 8px;
    }
    .new_product_all .Productvariant_label_title {
      display: flex;
      align-items: center;
      font-size: 18px;
      font-weight: 600;
      letter-spacing: 0;
      text-transform: capitalize;
    }
    .new_product_all .Productvariant_label_title span {
      display: flex;
      justify-content: center;
      align-items: center;
      min-width: 35px;
      min-height: 35px;
      border-radius: 50%;
      color: #fff;
      margin-right: 14px;
      font-weight: 600;
      background: #a72a2f;
    }
    .new_product_all .product_variant_boxLeft {
      width: 18%;
      padding: 0 6px;
      font-weight: 600;
    }
    .new_product_all .product_variant_boxRight {
      width: 70%;
      padding-left: 20px;
      color: #6c757d;
      border-left: 1px solid #ced4da;
    }

    .new_product_all .product_variant_boxRight_top {
      text-transform: uppercase;
    }
    .new_product_all .product_variant_boxRight_bottom {
      font-weight: 600;
    }
    .new_product_all .variant-input-wrap label {
      border: 1px solid #ced4da;
      transition: all 0.2s ease;
      /*     background: #fff; */
      height: auto;
      display: flex;
      margin: 4px;
      border-radius: 4px;
      overflow: hidden;
      align-items: center;
      display: flex;
      flex-direction: row;
      justify-content:center;
      /* width: 170px; */
      padding: 5px;
      /* height: 70px; */
      font-size: 13px;
      line-height: 1.2;
      /*     margin: 5px; */
    }
    .new_product_all .variant-input-wrap label img {
      width: 50px;
      height: auto;
      margin-right: 10px;
    }

    .new_product_all .variantInput3 {
      padding: 20px 10px;
    }
    .variantInput3 .Productvariant_label_title {
      padding: 0 10px;
    }
    .Productvariant_label_title a {
      font-size: 13px;
      font-weight: 400;
      text-decoration: underline;
      margin-left: 15px;
    }
    .new_product_all .variant-input-wrap label:hover {
      border-color: #fdea02;
    }
    .new_product_all .variant-input-wrap input[type=radio]:checked + label {
      border-color: #fdea02;
      /*     background: #fff; */
      box-shadow: 0 0 10px #fdea0226;
    }

    /* size */
    .product_variantUpholstery_left {
      width: 50px;
      height: 50px;
    }
    .product_variantUpholstery_left img {
      width: 100%;
      border-radius: 4px;
    }
    .product_variantUpholstery_right {
      font-size: 14px;
      font-weight: 600;
      margin-left: 20px;
    }
    /* color */
    #variantColor {
      display: flex;
      padding: 5px;
      margin: 10px;
      align-items: flex-start;
      height: 85px;
      flex-direction: column;
    }
    .variantInput3 .variant-input {
      width: 33.3%;
    }
    .product_variantColor_left {
      width: 100%;
    }
    .product_variantColor_left img {
      width: 100%;
      border-radius: 4px;
      height: 40px;
    }
    .product_variantColor_right {
      text-align: left;
      font-weight: 600;
      line-height: 1;
      padding: 0 5px;
      font-size: 14px;
      margin-top: 8px;
      text-transform: capitalize;
    }
    .frequentlyBoughtTogether {
      background: #f2f2f2;
      padding: 15px;
      border-radius: 4px;
      margin-bottom: 40px;
    }
    .frequentlyBoughtTogether_box {
      display: flex;
      min-height: 96px;
      height: 100%;
      padding: 10px 20px;
      transition: all 0.2s ease;
      border-radius: 4px;
      background: #fff;
      margin-bottom: 15px;
      border: 1px solid #ded4da;
    }
    .frequentlyBoughtTogether_box:hover {
      border-color: #a72a2f;
    }
    .frequentlyBoughtTogether_img {
      margin-right: 20px;
      width: calc(50px + 2vw);
      height: calc(50px + 2vw);
      max-width: 75px;
      max-height: 75px;
      object-fit: contain;
    }
    .frequentlyBoughtTogether_title {
      width: 50%;
      font-size: 14px;
      text-transform: capitalize;
      font-weight: 600;
    }
    .frequentlyBoughtTogether_quantity {
      width: 30%;
      display: flex;
      justify-content: space-between;
      flex-direction: column;
      align-items: flex-end;
    }
    .frequentlyBoughtTogether_quantityBox {
      display: flex;
      height: 30px;
      align-items: stretch;
    }
    .frequentlyBoughtTogether_price {
      color: #a72a2f;
      font-weight: 600;
      font-size: 14px;
    }
    .frequentlyBoughtTogether_input {
      height: 30px;
      border-left: unset;
      border-right: unset;
      width: 40px;
      border-color: #ced4da;
      text-align: center;
      padding: 0;
    }
    .frequentlyBoughtTogether_input::-webkit-outer-spin-button,
    .frequentlyBoughtTogether_input::-webkit-inner-spin-button {
      -webkit-appearance: none !important;
      margin: 0;
    }
    .frequentlyTogether_quantity {
      background: #fff;
      width: 30px;
      height: 30px;
      vertical-align: middle;
      border: 1px solid #ced4da;
      outline: 0;
      padding: 0;
    }
    .Productvariant_label_titles {
      margin-bottom: 20px;
      padding: 0 10px;
    }
    /* 4 */
    .accessoryAdd_Ons_all {
      background: #f2f2f2;
      padding: 15px;
      border-radius: 4px;
      margin-bottom: 25px;
    }
    .accessoryAdd_OnsBox {
      display: flex;
      padding: 10px 20px;
      background: #fff;
      justify-content: space-between;
      margin-top:20px;
    }
    .accessoryAdd_Ons_banner_title {
      font-size: 14px;
      font-weight: 600;
      line-height: 1.2;
      overflow: hidden;
      -webkit-line-clamp: 2;
      text-overflow: ellipsis;
      display: -webkit-box;
      -webkit-box-orient: vertical;
    }
    .accessoryAdd_Ons_top {
      margin: auto 20px auto 0;
      width: calc(50px + 2vw);
      height: calc(50px + 2vw);
      max-width: 75px;
      max-height: 75px;
      object-fit: contain;
    }
    .accessoryAdd_Ons_banner {
      width: 50%;
    }
    .accessoryAdd_Ons_last {
      width: 30%;
      display: flex;
      flex-direction: column;
      justify-content: space-between;
      align-items: flex-end;
    }
    .accessoryAdd_Ons_color {
      padding: 12px 0;
      display: flex;
    }
    .accessoryAdd_Ons_img,
    .accessoryAdd_Ons_priceBox {
      display: none;
    }

    .accessoryAdd_Ons_all .selected {
      display: block;
    }
    .accessoryAdd_Ons_last_quantityBox {
      display: flex;
      align-items: center;
      justify-content: flex-end;
    }
    .accessoryAdd_swatchColor {
      border-radius: 4px;
      border: 1px solid #ced4da;
    }
    .color_swatch_item {
      position: relative;
      display: flex;
      cursor: pointer;
      margin-bottom: 0 !important;
      min-height: 0;
      width: calc(40px + 1vw);
      height: calc(40px + 1vw);
      padding: 2px;
      transition: all 0.2s ease;
      border-radius: 4px;
      background-size: cover;
      background-position: center;
      -webkit-tap-highlight-color: transparent;
    }
    .color_visually_hidden {
      position: absolute !important;
      overflow: hidden;
      clip: rect(0 0 0 0);
      height: 1px;
      width: 1px;
      margin: -1px;
      padding: 0;
      border: 0;
    }
    .color_visually_hiddenValue::after {
      position: absolute;
      content: "";
      border-color: transparent;
      border-style: solid;
      bottom: -5px;
      left: 0;
      display: flex;
      width: 9px;
      right: 0;
      margin: 0 auto;
      border-width: 0.4rem 0.4rem 0;
      border-top-color: #000;
    }
    .color_swatch_item:hover .color_visually_hiddenValue {
      display: block;
    }
    .color_visually_hiddenValue {
      display: none;
      color: #fff;
      font-size: 12px;
      letter-spacing: 0;
      padding: 4px 8px;
      font-weight: 500;
      background: #000;
      width: max-content;
      text-transform: capitalize;
      top: -33px;
      position: absolute;
    }


    .accessoryAdd_swatchColor.active {
      opacity: 1;
      border-color: #a72a2f;
      border-radius: 4px;
      overflow: hidden;
      border: 1px solid #a72a2f;
      box-shadow: 0 0 10px rgb(167 42 47 / 50%);
    }
    .accessoryAdd_swatchColor:hover {
      border: 1px solid #a72a2f;
      border-radius: 4px;
      overflow: hidden;
    }
    .accessoryAdd_Ons_priceBox {
      font-weight: 600;
      font-size: 14px;
      color: #a72a2f;
    }

    .accessoryAdd_swatchColor {
      margin-right: 10px;
    }
    .product_form_option_value {
      display: none;
    }
    .accessoryAdd_Ons_color_name {
      display: flex;
      font-size: 14px;
      align-items: center;
    }
    .product_form_option_value {
      font-weight: 600;
      margin-left: 5px;
    }
  }

  .gpo-form__group:last-child {
    display: none !important;
  }
  .gpo-element {
    background: #f2f2f2;
    background: #F4F4F4;
    border-radius: 0.3rem !important;
    padding: 15px !important;
  }
  .circle-header-count {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 35px;
    height: 35px;
    border-radius: 50%;
    color: #fff;
    margin-right: 14px;
    font-weight: 600;
    background: #fdea02;
  }
  .label-content {
    display: flex;
    align-items: center;
    font-size: 18px !important;
    font-weight: 600 !important;
    letter-spacing: 0;
    text-transform: capitalize;
  }
  .label-content a {
    font-size: 13px;
    font-weight: 400;
    text-decoration: underline;
    margin-left: 15px;
  }
  .gpo-app .gpo-swatches.buttons input:checked + label,
  .gpo-app .gpo-swatches.buttons input:checked + label span {
    border-color: #fdea02 !important;
    background: #fff !important;
    box-shadow: 0 0 10px rgb(211 235 3 / 4%);
    color: #000 !important;
    letter-spacing: 0.2px;
  }
  .gpo-app .gpo-swatches.buttons input + label {
    letter-spacing: 0.2px;
  }
  .size-1 .gpo-tooltip {
    display: none;
  }
  .size-1 .gpo-swatches label {
    padding: 5px 10px !important;
  }

  .gpo-label {
    margin-bottom: 20px !important;
  }
  .fabic-1 .gpo-tooltip {
    width: 100% !important;
    position: unset !important;
    visibility: unset !important;
    opacity: 1 !important;
    transform: unset !important;
    margin-bottom: unset !important;
    color: #000 !important;
    letter-spacing: 0.2px;
    background: transparent !important;

    font-family: 'Open Sans';
    font-size: 14px !important;
    text-transform: unset !important;

  }
  .fabic-1 .gpo-tooltip::after {
    display: none;
  }

  .fabic-1 .image-swatches label {
    display: flex !important;
    align-items: center;
    justify-content: center;
    flex-direction: row;
    padding: 5px 10px !important;
  }
  .gpo-app .gpo-swatches input:checked + label {
    border-color: #fdea02 !important;
    box-shadow: 0 0 10px rgb(211 235 3 / 4%);

  }

  .color-1 .gpo-label .addOn {
    display: none !important;
  }
  .color-1 .gpo-tooltip {
    width: 100% !important;
    position: unset !important;
    visibility: unset !important;
    opacity: 1 !important;
    transform: unset !important;
    margin-bottom: unset !important;
    color: #000 !important;
    letter-spacing: 0.2px;
    background: transparent !important;

    font-family: 'Open Sans';
    font-size: 14px !important;
    text-transform: unset !important;
  }
  .color-1 .gpo-tooltip::after {
    display: none;
  }

  .cart__item--details .circle-header-count {
    display: none;
  }

  .color-1 .gpo-swatch__image {
    width: 66px !important;
    height: 66px !important;
    margin: 0 auto;
    background-repeat: unset !important;
  }
  .gpo-app {
    background: transparent !important;
  }
  .gpo-app .gpo-total-text {
    display: none !important;
  }

  .size-1 .gpo-swatches,
  .fabic-1 .gpo-swatches {
    width: 100%;
  }
  .size-1 label {
    text-align: left !important;
  }

  .color-1 .gpo-tooltip__title {
    display: flex;
    align-items: center;
    font-weight: 300;
    font-family: 'Open Sans';
  }

  .color-1 .gpo-tooltip__title span {
    display: flex;
    align-items: center;
    flex-direction: row;
  }
  .color-1 .gpo-tooltip__title span p {
    margin: 0 0 0 10px;
    font-size: 14px;
    line-height: 1;
    font-weight: 600;
    color: #a72a2f;
  }
  .model-1 .gpo-tooltip {
    display: none;
  }
  .model-1 .gpo-swatches {
    width: 30%;
  }
  .fabic-1 .gpo-swatch__image {
    width: 140px !important;
    height: 40px !important;
  }

  .gpo-app .gpo-tooltip {
    text-align: left !important;
  }

  /* #overlay {
      position: fixed;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background: rgba(0, 0, 0, 0.5);
      z-index: 9999;
    }

    #large-image {
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      max-width: 90%;
      max-height: 90%;
    } */
  @media screen and (max-width:500px) {
    .footer-h2 {
      color: #fdea02;
      text-align: center
    }
  }
  .footer-h2 {
    color: #fdea02;
  }

  /* globo custom form */
  .globo-form-control label{
    display : inline-flex !important;
    
  }
  .text-smaller{
    margin-left : .5rem !important;
  }
  .globo-form-control input, .globo-form-control textarea, .globo-form-control select{
    background-color : #606060 !important;
  }


  /* product css start */
  @media only screen and (max-width:589px) {
    
    .cr_product .Productvariant_label_titles{
      padding:0;
      margin-top:10px;
      font-size: 23px;
    color: #a6a6a6;
      font-weight:600;
    }

    .accessoryAdd_Ons_img img {
      width:80px;
      height:80px;
    }

    .cr_product .accessoryAdd_OnsBox{
      background: transparent;
      border: 1px solid #595959;
      border-radius:0.5rem;
      display:flex;
      justify-content:space-around;
      margin-top:3%;
    }

    .accessoryAdd_Ons_last {
      margin-top:3%;
    }

    .cr_product .frequentlyBoughtTogether_input{
      border:unset;
      color: #fff;
      text-align:center;
    }

    .prod_add_all {
      margin-top:3%;
    }

    .prod_add_all .prod_add_sub {
      font-size:15px;
    }

    .prod_add_all .prod_add_tt {
      font-size:23px;
      font-weight:700;
    }

    .prod_add_all ul li .add_left .add_tt {
      font-size:15px;
    }

    .all_price .pric {
      font-weight:600;
      font-size:23px;
      color:#fdea02;
    }

    
  }

  /* 详情页公共样式start */
  .prod_sub{
    font-family: 'Pirulen Rg';
    font-size: 14px;
    margin: 0;
    text-transform: uppercase;
  }

  /* .cr_product .product-single__title{
    font-size:28px;
    margin-top: 10px;
  } */

  .cr_product .icon--inventory:after,.cr_product .icon--inventory:before{
    background: #FFF100;
  }

  .cr_product .product-block{
    /* margin-bottom:10px; */
  }
.product-block.product-block--sales-point {
    display: inline-block;
    vertical-align: top;
    width: calc(50% - 10px);
    margin: 5px;
    margin-top: 3%;
    box-sizing: border-box;
}
  .cr_product .sales-point{
    font-size:14px;
  }

  .cr_product .prod_suface {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 20px;
}

  

  .cr_product .prod_suface span:last-child{
    font-size:14px;
    margin-left:20px;
    color:#FFF100;
    text-decoration-line: underline;
    cursor: pointer;
  }

  .cr_product .sales-point .icon{
    width:20px;
    height:20px;
  }
  .surrface_tt{
    font-size:18px;
  }

  .surrface_desc {
    margin-top:25px;
  }
 
  .surrface_desc ul li{
    list-style: none;
    width: 33%;
    display: flex;

  }
  .surrface_desc ul li img{
    width:20px;
  }


       /* 布料弹窗的样式 */
       .crmodal {
        display: none; /* 默认隐藏 */
        position: fixed; /* 固定在屏幕上 */
        top: 0;
        left: 0;
        z-index: 29;
        width: 100%;
        height: 100%;
        background-color: rgba(0,0,0,0.5); /* 半透明黑色背景 */
    }
    .crmodal .crmodal-content {
        background-color: white;
        width: 60%;
        /* max-width: 400px; */
        margin: 100px auto; /* 居中 */
        border-radius: 5px;
        box-shadow: 0 0 10px rgba(0,0,0,0.3);
        position: relative;
    }

    .crmodal .crmodal-content button{
      position: absolute;
      right: 5px;
      top: 5px;
    }

    /* 推荐尺寸弹窗的样式 */
       .recommodal {
        display: none; /* 默认隐藏 */
        position: fixed; /* 固定在屏幕上 */
        top: 0;
        left: 0;
        z-index: 29;
        width: 100%;
        height: 100%;
        background-color: rgba(0,0,0,0.5); /* 半透明黑色背景 */
    }
    /* .recommodal .recommodal-content {
        background-color: white;
        width: 80%;
        /* max-width: 400px; */
        margin: 100px auto; /* 居中 */
        border-radius: 5px;
        box-shadow: 0 0 10px rgba(0,0,0,0.3);
        position: relative;
    } */

    .cr_product .variant-input{
      display:block;
    }
    .cr_product .variant-wrapper{
      padding: 0;
      background: unset;
    }

    .cr_product .variant-input-wrap{
      display:flex;
    }
     .cr_product .color-swatch:before{
      /* border-radius: 50%; */
      display:none;
    }
    .cr_product .variant-input-wrap label{
      /* border-radius:50%; */
      /* width: 30px; */
      /* height: 30px; */
    }

    .cr_product .accessoryAdd_Ons_all{
      background: unset;
      padding: 0;
    }
    .cr_product .Productvariant_label_titles{
      padding:0;
      margin-top:10px;
      font-size: 25px;
    color: #a6a6a6;
      font-weight:600;
    }

    .cr_product .accessoryAdd_OnsBox{
      background: transparent;
      border: 1px solid #595959;
      border-radius:0.5rem;
      display:flex;
    }

    .cr_product .frequentlyBoughtTogether_input{
      border:unset;
      color: #fff;
    }
    .cr_product .accessoryAdd_Ons_last_quantityBox{
      border: 1px solid #5b5b5b;
      border-radius:0.5rem;
    }
    .cr_product .frequentlyTogether_quantity{
      background: transparent;
      border: unset;
    }
    .cr_product .accessoryAdd_Ons_color{
      padding: 0;
      font-size: 12px;
      color: #CDCBCB;
    }

    .cr_product .acc_link{
      color: #FFF400;
      font-size: 14px;
      margin-top: 24px;
      display: block;
    }

    .cr_product .accessoryAdd_Ons_priceBox{
      text-align: right;
      margin-top: 10px;
    }
    .cr_product .accessoryAdd_Ons_priceBox .comp_price{
      color: #fdfdfd8a;
    text-decoration: line-through;
    }
    .cr_product .accessoryAdd_Ons_priceBox .now_price{
      color: #FFF400;
    }

    .cr_product .add-to-cart{
      background-color: #FFF400 !important;
      color: #000 !important;
      /* border-radius: 40px; */
      border-color: unset;
    }

    .prod_add_all .prod_add_sub{
      font-size:18px;
    }
    .prod_add_all .prod_add_tt{
      font-size: 24px;
    }

    .prod_add_all ul{
  
      margin:0;
      padding:0;
    }
    .prod_add_all ul li{
      list-style: none;
      display: flex;
      justify-content: space-between;
      align-items: flex-end;
      margin-top: 14px;
      line-height: 1.3;
      border-bottom: 1px solid #fff;
      padding-bottom: 20px;
    }

    .prod_add_all ul li .add_left .add_tt{
      font-size: 16px;
    }
    .prod_add_all ul li .add_left  .add_desc{
      font-size: 14px;
    color: #CDCBCB;
    }

    .prod_add_all ul li .add_right{
      text-align:right;
    }
    .prod_add_all ul li .add_right .add_com_price{
      font-size: 14px;
      text-decoration: line-through;
      color: #CDCBCB;
    }

    .btn_icon ul{
      margin:0;
      padding:0;
      display: flex;
      gap: 2px;
    }

    .btn_icon ul li{
      list-style: none;
      display: flex;
      align-items: center;
      font-size: 12px;
      line-height: 1.2;
    }

    .col-auto {
      display:flex;
      align-items: flex-end;
    }

    .add_qty {
      width:85px;
    }

    /*详情页公共样式end  */

   
    /* 移动端尺寸 */
    @media only screen and (max-width: 768px) {
      /* 详情页 */
       .surrface_desc ul{
    margin:0;
    padding:0;
    display: flex;
    flex-wrap: wrap;
    font-size: 12px;
    align-items: center;
    row-gap: 2px;
    /* margin-top: 10px; */
  }
  .surrface_desc_title, .cr_product .variant__label {
    text-transform: capitalize;
    font-size: 23px;
    color: #a6a6a6;
    font-weight: 600;
    margin-top: 10px;
    letter-spacing: .4px;
 }
      
    .surrface_tt{
    font-size:15px;
   }
      .cr_product .prod_suface span:first-child {
    font-size: 23px;
    color: #a6a6a6;
    font-weight: 700;
   }
      .cr_product .product-single__title{
    font-size:22px;
    margin-top: 10px;
  }
      /* 详情页推荐尺寸弹窗 */
       .recommodal {
        display: none; /* 默认隐藏 */
        position: fixed; /* 固定在屏幕上 */
        top: 0;
        left: 0;
        z-index: 29;
        width: 100%;
        height: 100%;
        background-color: rgba(0,0,0,0.5); /* 半透明黑色背景 */
    }
       .recommodal .recommodal-content {
        background-color: white;
        width: 100%;
        /* max-width: 400px; */
        margin: 60% auto; /* 居中 */
        border-radius: 5px;
        box-shadow: 0 0 10px rgba(0,0,0,0.3);
        position: relative;
    }
      .recommodal .recommodal-content button{
      position: absolute;
      right: 5px;
      top: 5px;
    }
      /* 详情页布料推荐弹窗 */
      .crmodal {
        display: none; /* 默认隐藏 */
        position: fixed; /* 固定在屏幕上 */
        top: 0;
        left: 0;
        z-index: 29;
        width: 100%;
        height: 100%;
        background-color: rgba(0,0,0,0.5); /* 半透明黑色背景 */
    }
    .crmodal .crmodal-content {
        background-color: white;
        width: 100%;
        /* max-width: 400px; */
        margin: 60% auto; /* 居中 */
        border-radius: 5px;
        box-shadow: 0 0 10px rgba(0,0,0,0.3);
        position: relative;
    }
      
      
    .cr_product .grid__item {
        padding-left: 0;
        padding-right: 0;
    }
      .cr_product .accessoryAdd_OnsBox{
        padding:5px;
        justify-content: space-between;
      }
      .cr_product .accessoryAdd_Ons_last_quantityBox{
            width: max-content;
    padding: 0 5px;
      }
    }

    @media only screen and (min-width:769px) and (max-width:1919px) {
      /* 详情页 */
       .surrface_desc ul{
    margin:0;
    padding:0;
    display: flex;
    flex-wrap: wrap;
    font-size: 14px;
    align-items: center;
    row-gap: 8px;
    margin-top: 10px;
  }
      .surrface_desc_title, .cr_product .variant__label {
    text-transform: capitalize;
    font-size: 25px;
    color: #a6a6a6;
    font-weight: 600;
    margin-top: 10px;
    letter-spacing: .4px;
}
      
    .surrface_tt{
      font-size:18px;
     }
      .cr_product .prod_suface span:first-child {
          font-size: 27px;
          color: #a6a6a6;
          font-weight: 700;
      }
      .cr_product .product-single__title{
    font-size:27px;
    margin-top: 10px;
  }
      .recommodal .recommodal-content {
        background-color: white;
        width: 80%;
        /* max-width: 400px; */
        margin: 50px auto; /* 居中 */
        border-radius: 5px;
        box-shadow: 0 0 10px rgba(0,0,0,0.3);
        position: relative;
    }
      .recommodal .recommodal-content button{
      position: absolute;
      right: 5px;
      top: 5px;
    }
      .crmodal .crmodal-content {
        background-color: white;
        width: 62%;
        /* max-width: 400px; */
        margin: 10px auto; /* 居中 */
        border-radius: 5px;
        box-shadow: 0 0 10px rgba(0,0,0,0.3);
        position: relative;
    }
    }

    @media only screen and (min-width:1920px) {
      /* 详情页 */
       .surrface_desc ul{
    margin:0;
    padding:0;
    display: flex;
    flex-wrap: wrap;
    font-size: 14px;
    align-items: center;
    row-gap: 8px;
    margin-top: 10px;
  }
      .surrface_desc_title, .cr_product .variant__label {
    text-transform: capitalize;
    font-size: 25px;
    color: #a6a6a6;
    font-weight: 600;
    margin-top: 10px;
    letter-spacing: .4px;
}
      
    .surrface_tt{
      font-size:18px;
     }
      .cr_product .prod_suface span:first-child {
        font-size: 27px;
        color: #a6a6a6;
        font-weight: 700;
    }
      .cr_product .product-single__title{
        font-size:27px;
        margin-top: 10px;
      }
      
      .recommodal .recommodal-content {
        background-color: white;
        width: 70%;
        /* max-width: 400px; */
        margin: 50px auto; /* 居中 */
        border-radius: 5px;
        box-shadow: 0 0 10px rgba(0,0,0,0.3);
        position: relative;
     }
      .recommodal .recommodal-content button{
      position: absolute;
      right: 5px;
      top: 5px;
    }
      .crmodal .crmodal-content {
        background-color: white;
        width: 55%;
        /* max-width: 400px; */
        margin: 25px auto; /* 居中 */
        border-radius: 5px;
        box-shadow: 0 0 10px rgba(0,0,0,0.3);
        position: relative;
     }
      
    }

    
  /* product css end */

  /* image and text scroll */
  .images-scrolling__content {
  gap: var(--spacing-4);
  display: grid;
}

.images-scrolling__counter {
  align-items: center;
  gap: var(--spacing-4);
  display: flex;
}

.images-scrolling__counter:before {
  content: "";
  background: currentColor;
  width: 1.5rem;
  height: .125rem;
}

.images-scrolling__icon {
  max-width: calc(var(--images-scrolling-item-icon-width) / 1.5);
}

@media screen and (min-width: 700px) {
  .images-scrolling__content {
    gap: var(--spacing-8);
    padding-block: var(--spacing-8);
    order: -1;
    align-content: start;
  }

  .images-scrolling__counter {
    gap: var(--spacing-6);
  }

  .images-scrolling__counter:before {
    width: 2.5rem;
  }

  .images-scrolling__icon {
    max-width: calc(var(--images-scrolling-item-icon-width));
  }
}

.images-scrolling-mobile {
  grid: var(--images-scrolling-grid);
  gap: var(--spacing-12) var(--container-gutter);
  display: grid;
}

.images-scrolling-mobile__item {
  align-content: start;
  gap: var(--spacing-4);
  display: grid;
}

@media screen and (min-width: 700px) {
  .images-scrolling-mobile {
    display: none;
  }
}

.images-scrolling-desktop {
  grid-template-columns: var(--images-scrolling-grid-template-columns);
  grid-template-rows: repeat(var(--images-scrolling-block-count), minmax(0, 1fr));
  column-gap: var(--spacing-8);
  display: grid;
}

.images-scrolling-desktop__media-wrapper {
  top: calc(var(--sticky-area-height)  + 20px);
  grid-column: media;
  position: sticky;
}

.images-scrolling-desktop__media-wrapper > * {
  object-fit: cover;
  object-position: center;
  will-change: transform;
}

.images-scrolling-desktop__media-wrapper > :first-child {
  max-height: calc(100vh - var(--sticky-area-height)  - 40px);
}

@supports (max-height: 100svh) {
  .images-scrolling-desktop__media-wrapper > :first-child {
    max-height: calc(100svh - var(--sticky-area-height)  - 40px);
  }
}

.images-scrolling-desktop__media-wrapper > :not(:first-child) {
  opacity: 0;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.images-scrolling-desktop__content-list {
  grid-area: 1 / content / -1;
  grid-auto-columns: minmax(0, 1fr);
  align-items: center;
  display: grid;
}

@media screen and (min-width: 1000px) {
  .images-scrolling-desktop {
    column-gap: var(--spacing-16);
  }
}

@media screen and (min-width: 1150px) {
  .images-scrolling-desktop {
    column-gap: var(--spacing-28);
  }
}

@media screen and (max-width: 699px) {
  .images-scrolling-desktop {
    display: none;
  }
}