.swiper-wrapper {
    box-sizing: content-box;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    position: relative;
    transition-property: transform;
    width: 100%;
    z-index: 1
  }

  .swiper-container-android .swiper-slide,
  .swiper-wrapper {
    transform: translateZ(0)
  }

  .swiper-container-multirow>.swiper-wrapper {
    flex-wrap: wrap
  }

  .swiper-container-free-mode>.swiper-wrapper {
    margin: 0 auto;
    transition-timing-function: ease-out
  }

  .swiper-slide {
    flex-shrink: 0;
    height: 100%;
    position: relative;
    transition-property: transform;
    width: 100%
  }

  .swiper-slide-invisible-blank {
    visibility: hidden
  }

  /* .swiper-container-autoheight,
  .swiper-container-autoheight .swiper-slide {
    height: auto
  }

  .swiper-container-autoheight .swiper-wrapper {
    align-items: flex-start;
    transition-property: transform, height
  } */

/* 
  .swiper-container-wp8-horizontal,
  .swiper-container-wp8-horizontal>.swiper-wrapper {
    touch-action: pan-y
  }

  .swiper-container-wp8-vertical,
  .swiper-container-wp8-vertical>.swiper-wrapper {
    touch-action: pan-x
  } */

  .swiper-button-next,
  .swiper-button-prev {
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 27px 44px;
    cursor: pointer;
    height: 44px;
    margin-top: -22px;
    position: absolute;
    top: 50%;
    width: 27px;
    z-index: 10
  }

  .swiper-button-next.swiper-button-disabled,
  .swiper-button-prev.swiper-button-disabled {
    cursor: auto;
    opacity: .35;
    pointer-events: none
  }

  .swiper-button-prev,
  .swiper-container-rtl .swiper-button-next {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 44'%3E%3Cpath d='M0 22 22 0l2.1 2.1L4.2 22l19.9 19.9L22 44 0 22z' fill='%23007aff'/%3E%3C/svg%3E");
    left: 10px;
    right: auto
  }

  .swiper-button-next,
  .swiper-container-rtl .swiper-button-prev {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 44'%3E%3Cpath d='M27 22 5 44l-2.1-2.1L22.8 22 2.9 2.1 5 0l22 22z' fill='%23007aff'/%3E%3C/svg%3E");
    left: auto;
    right: 10px
  }

  .swiper-button-prev.swiper-button-white,
  .swiper-container-rtl .swiper-button-next.swiper-button-white {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 44'%3E%3Cpath d='M0 22 22 0l2.1 2.1L4.2 22l19.9 19.9L22 44 0 22z' fill='%23fff'/%3E%3C/svg%3E")
  }

  .swiper-button-next.swiper-button-white,
  .swiper-container-rtl .swiper-button-prev.swiper-button-white {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 44'%3E%3Cpath d='M27 22 5 44l-2.1-2.1L22.8 22 2.9 2.1 5 0l22 22z' fill='%23fff'/%3E%3C/svg%3E")
  }

  .swiper-button-prev.swiper-button-black,
  .swiper-container-rtl .swiper-button-next.swiper-button-black {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 44'%3E%3Cpath d='M0 22 22 0l2.1 2.1L4.2 22l19.9 19.9L22 44 0 22z'/%3E%3C/svg%3E")
  }

  .swiper-button-next.swiper-button-black,
  .swiper-container-rtl .swiper-button-prev.swiper-button-black {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 44'%3E%3Cpath d='M27 22 5 44l-2.1-2.1L22.8 22 2.9 2.1 5 0l22 22z'/%3E%3C/svg%3E")
  }

  .swiper-button-lock {
    display: none
  }

  .swiper-pagination {
    position: absolute;
    text-align: center;
    transform: translateZ(0);
    transition: opacity .3s;
    z-index: 10
  }

  .swiper-pagination.swiper-pagination-hidden {
    opacity: 0
  }

  .swiper-container-horizontal>.swiper-pagination-bullets,
  .swiper-pagination-custom,
  .swiper-pagination-fraction {
    bottom: 10px;
    left: 0;
    width: 100%
  }

  .swiper-pagination-bullets-dynamic {
    font-size: 0;
    overflow: hidden
  }

  .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    position: relative;
    transform: scale(.33)
  }

  .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active,
  .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
    transform: scale(1)
  }

  .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
    transform: scale(.66)
  }

  .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
    transform: scale(.33)
  }

  .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
    transform: scale(.66)
  }

  .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
    transform: scale(.33)
  }

  .swiper-pagination-bullet {
    background: #000;
    border-radius: 100%;
    display: inline-block;
    height: 8px;
    opacity: .2;
    width: 8px
  }

  button.swiper-pagination-bullet {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: none;
    box-shadow: none;
    margin: 0;
    padding: 0
  }

  .swiper-pagination-clickable .swiper-pagination-bullet {
    cursor: pointer
  }

  .swiper-pagination-bullet-active {
    background: #007aff;
    opacity: 1
  }

  .swiper-container-vertical>.swiper-pagination-bullets {
    right: 10px;
    top: 50%;
    transform: translate3d(0, -50%, 0)
  }

  .swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet {
    display: block;
    margin: 6px 0
  }

  .swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
    top: 50%;
    transform: translateY(-50%);
    width: 8px
  }

  .swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    display: inline-block;
    transition: transform .2s, top .2s
  }

  .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 4px
  }

  .swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
    left: 50%;
    transform: translateX(-50%);
    white-space: nowrap
  }

  .swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    transition: transform .2s, left .2s
  }

  .swiper-container-horizontal.swiper-container-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    transition: transform .2s, right .2s
  }

  .swiper-pagination-progressbar {
    background: rgba(0, 0, 0, .25);
    position: absolute
  }

  .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    background: #007aff;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    transform: scale(0);
    transform-origin: left top;
    width: 100%
  }

  .swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    transform-origin: right top
  }

  .swiper-container-horizontal>.swiper-pagination-progressbar,
  .swiper-container-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
    height: 4px;
    left: 0;
    top: 0;
    width: 100%
  }

  .swiper-container-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,
  .swiper-container-vertical>.swiper-pagination-progressbar {
    height: 100%;
    left: 0;
    top: 0;
    width: 4px
  }

  .swiper-pagination-white .swiper-pagination-bullet-active {
    background: #fff
  }

  .swiper-pagination-progressbar.swiper-pagination-white {
    background: hsla(0, 0%, 100%, .25)
  }

  .swiper-pagination-progressbar.swiper-pagination-white .swiper-pagination-progressbar-fill {
    background: #fff
  }

  .swiper-pagination-black .swiper-pagination-bullet-active {
    background: #000
  }

  .swiper-pagination-progressbar.swiper-pagination-black {
    background: rgba(0, 0, 0, .25)
  }

  .swiper-pagination-progressbar.swiper-pagination-black .swiper-pagination-progressbar-fill {
    background: #000
  }

  .swiper-pagination-lock {
    display: none
  }

  .swiper-scrollbar {
    background: rgba(0, 0, 0, .1);
    border-radius: 10px;
    position: relative;
    -ms-touch-action: none
  }

  .swiper-container-horizontal>.swiper-scrollbar {
    bottom: 3px;
    height: 5px;
    left: 1%;
    position: absolute;
    width: 98%;
    z-index: 50
  }

  .swiper-container-vertical>.swiper-scrollbar {
    height: 98%;
    position: absolute;
    right: 3px;
    top: 1%;
    width: 5px;
    z-index: 50
  }

  .swiper-scrollbar-drag {
    background: rgba(0, 0, 0, .5);
    border-radius: 10px;
    height: 100%;
    left: 0;
    position: relative;
    top: 0;
    width: 100%
  }

  /* .swiper-scrollbar-cursor-drag {
    cursor: move
  } */

  /* .swiper-scrollbar-lock {
    display: none
  } */
 /*
  .swiper-zoom-container {
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    justify-content: center;
    text-align: center;
    width: 100%
  }
 
  .swiper-zoom-container>canvas,
  .swiper-zoom-container>img,
  .swiper-zoom-container>svg {
    max-height: 100%;
    max-width: 100%;
    -o-object-fit: contain;
    object-fit: contain
  }

  .swiper-slide-zoomed {
    cursor: move
  }

  .swiper-lazy-preloader {
    animation: swiper-preloader-spin 1s steps(12) infinite;
    height: 42px;
    left: 50%;
    margin-left: -21px;
    margin-top: -21px;
    position: absolute;
    top: 50%;
    transform-origin: 50%;
    width: 42px;
    z-index: 10
  }

  .swiper-lazy-preloader:after {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 120 120' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdefs%3E%3Cpath id='a' stroke='%236c6c6c' stroke-width='11' stroke-linecap='round' d='M60 7v20'/%3E%3C/defs%3E%3Cuse xlink:href='%23a' opacity='.27'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(30 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(60 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(90 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(120 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(150 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.37' transform='rotate(180 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.46' transform='rotate(210 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.56' transform='rotate(240 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.66' transform='rotate(270 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.75' transform='rotate(300 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.85' transform='rotate(330 60 60)'/%3E%3C/svg%3E");
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 100%;
    content: "";
    display: block;
    height: 100%;
    width: 100%
  }

  .swiper-lazy-preloader-white:after {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 120 120' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdefs%3E%3Cpath id='a' stroke='%23fff' stroke-width='11' stroke-linecap='round' d='M60 7v20'/%3E%3C/defs%3E%3Cuse xlink:href='%23a' opacity='.27'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(30 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(60 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(90 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(120 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(150 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.37' transform='rotate(180 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.46' transform='rotate(210 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.56' transform='rotate(240 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.66' transform='rotate(270 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.75' transform='rotate(300 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.85' transform='rotate(330 60 60)'/%3E%3C/svg%3E")
  }

  @keyframes swiper-preloader-spin {
    to {
      transform: rotate(1turn)
    }
  } */

  /* 2023change */
  /* .swiper-container .swiper-notification {
    left: 0;
    opacity: 0;
    pointer-events: none;
    position: absolute;
    top: 0;
    z-index: -1000
  }

  .swiper-container-fade.swiper-container-free-mode .swiper-slide {
    transition-timing-function: ease-out
  }

  .swiper-container-fade .swiper-slide {
    pointer-events: none;
    transition-property: opacity
  }

  .swiper-container-fade .swiper-slide .swiper-slide {
    pointer-events: none
  }

  .swiper-container-fade .swiper-slide-active,
  .swiper-container-fade .swiper-slide-active .swiper-slide-active {
    pointer-events: auto
  }

  .swiper-container-cube {
    overflow: visible
  }

  .swiper-container-cube .swiper-slide {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    height: 100%;
    pointer-events: none;
    transform-origin: 0 0;
    visibility: hidden;
    width: 100%;
    z-index: 1
  }

  .swiper-container-cube .swiper-slide .swiper-slide {
    pointer-events: none
  }

  .swiper-container-cube.swiper-container-rtl .swiper-slide {
    transform-origin: 100% 0
  }

  .swiper-container-cube .swiper-slide-active,
  .swiper-container-cube .swiper-slide-active .swiper-slide-active {
    pointer-events: auto
  }

  .swiper-container-cube .swiper-slide-active,
  .swiper-container-cube .swiper-slide-next,
  .swiper-container-cube .swiper-slide-next+.swiper-slide,
  .swiper-container-cube .swiper-slide-prev {
    pointer-events: auto;
    visibility: visible
  }

  .swiper-container-cube .swiper-slide-shadow-bottom,
  .swiper-container-cube .swiper-slide-shadow-left,
  .swiper-container-cube .swiper-slide-shadow-right,
  .swiper-container-cube .swiper-slide-shadow-top {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    z-index: 0
  }

  .swiper-container-cube .swiper-cube-shadow {
    background: #000;
    bottom: 0;
    filter: blur(50px);
    height: 100%;
    left: 0;
    opacity: .6;
    position: absolute;
    width: 100%;
    z-index: 0
  }

  .swiper-container-flip {
    overflow: visible
  }

  .swiper-container-flip .swiper-slide {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    pointer-events: none;
    z-index: 1
  }

  .swiper-container-flip .swiper-slide .swiper-slide {
    pointer-events: none
  }

  .swiper-container-flip .swiper-slide-active,
  .swiper-container-flip .swiper-slide-active .swiper-slide-active {
    pointer-events: auto
  }

  .swiper-container-flip .swiper-slide-shadow-bottom,
  .swiper-container-flip .swiper-slide-shadow-left,
  .swiper-container-flip .swiper-slide-shadow-right,
  .swiper-container-flip .swiper-slide-shadow-top {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    z-index: 0
  }

  .swiper-container-coverflow .swiper-wrapper {
    -ms-perspective: 1200px
  } */

  @font-face {
    font-display: optional;
    font-family: Exo2-Bold;
    font-stretch: normal;
    font-style: normal;
    font-weight: 700;
    src: url("../font/Exo2-Bold.ttf") format("truetype")
  }

  @font-face {
    font-display: optional;
    font-family: Exo2-SemiBold;
    font-stretch: normal;
    font-style: normal;
    font-weight: 600;
    src: url("../font/Exo2-SemiBold.ttf") format("truetype")
  }

  @font-face {
    font-display: optional;
    font-family: Exo2-Medium;
    font-stretch: normal;
    font-style: normal;
    font-weight: 500;
    src: url("../font/Exo2-Medium.ttf") format("truetype")
  }

  @font-face {
    font-display: optional;
    font-family: Exo2-Regular;
    font-stretch: normal;
    font-style: normal;
    font-weight: 400;
    src: url("../font/Exo2-Regular.ttf") format("truetype")
  }

  h1,
  h2,
  h3,
  h4,
  h5,
  h6 {
    font-weight: 400;
    text-rendering: auto
  }

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

  .js-focus-hidden:focus {
    outline: none
  }

  .label-hidden {
    clip: rect(0 0 0 0);
    border: 0;
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute !important;
    width: 1px
  }

  .no-placeholder .label-hidden,
  .visually-shown {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: auto;
    position: inherit !important;
    width: auto
  }

  .no-js:not(html) {
    display: none
  }

  .no-js .no-js:not(html) {
    display: block
  }

  .no-js .js,
  .supports-no-cookies:not(html) {
    display: none
  }

  html.supports-no-cookies .supports-no-cookies:not(html) {
    display: block
  }

  html.supports-no-cookies .supports-cookies {
    display: none
  }

  .skip-link:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: auto;
    position: absolute !important;
    width: auto
  }

  .display-flex {
    --display: flex;
    align-items: flex-start;
    align-items: var(--align-items, flex-start);
    display: var(--display);
    flex-direction: row;
    flex-direction: var(--flex-direction, row);
    flex-wrap: nowrap;
    flex-wrap: var(--flex-wrap, nowrap);
    justify-content: flex-start;
    justify-content: var(--justify-content, flex-start)
  }

  @media(min-width:1024px) {
    .display-flex-tablet-landscape {
      align-items: flex-start;
      align-items: var(--align-items, flex-start);
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      flex-direction: row;
      flex-direction: var(--flex-direction, row);
      flex-wrap: nowrap;
      flex-wrap: var(--flex-wrap, nowrap);
      justify-content: flex-start;
      justify-content: var(--justify-content, flex-start)
    }
  }

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

  .display-flex--aic {
    --align-items: center
  }

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

  .image-contain {
    -o-object-fit: contain;
    object-fit: contain
  }

  .image-contain,
  .image-cover {
    --mix-blend-mode: normal;
    --position: absolute;
    height: 100%;
    left: 0;
    max-width: none;
    mix-blend-mode: var(--mix-blend-mode);
    -o-object-position: center;
    -o-object-position: var(--object-position, center);
    object-position: center;
    object-position: var(--object-position, center);
    position: var(--position);
    top: 0;
    width: 100%
  }

  .image-cover {
    -o-object-fit: cover;
    object-fit: cover
  }

  .display-grid {
    grid-column-gap: 0;
    grid-column-gap: var(--column-gap, 0);
    grid-row-gap: 0;
    grid-row-gap: var(--row-gap, 0);
    display: grid;
    grid-template-columns: repeat(1, minmax(0, 1fr));
    grid-template-columns: repeat(var(--columns, 1), minmax(0, 1fr))
  }

  @media(min-width:1024px) {
    .display-grid-tablet-landscape {
      grid-column-gap: 0;
      grid-column-gap: var(--column-gap, 0);
      grid-row-gap: 0;
      grid-row-gap: var(--row-gap, 0);
      display: grid;
      grid-template-columns: repeat(1, minmax(0, 1fr));
      grid-template-columns: repeat(var(--columns, 1), minmax(0, 1fr))
    }
  }

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

  /* article,
  aside,
  details,
  figcaption,
  figure,
  footer,
  header,
  hgroup,
  img,
  main,
  menu,
  nav,
  section,
  video {
    display: block
  } */


/* 2023change */
/* a, */
  abbr,
  acronym,
  address,
  article,
  aside,
  audio,
  blockquote,
  body,
  canvas,
  cite,
  code,
  dd,
  div,
  dl,
  dt,
  em,
  fieldset,
  figcaption,
  figure,
  footer,
  form,
  /* h1,
  h2,
  h3,
  h4,
  h5,
  h6, */
  header,
  hgroup,
  html,
  iframe,
  img,
  label,
  li,
  mark,
  menu,
  nav,
  ol,
  optgroup,
  /* p, */
  pre,
  q,
  section,
  span,
  strong,
  sub,
  sup,
  table,
  tbody,
  td,
  textarea,
  tfoot,
  th,
  thead,
  time,
  tr,
  ul,
  video {
    margin: 0;
    padding: 0
  }

  :focus,
  a:active,
  a:focus,
  a:hover,
  object {
    outline: 0 none transparent
  }

  body,
  html {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    min-height: 100%
  }

  button,
  select {
    text-transform: none
  }

  button {
    background: transparent;
    border: none;
    border-radius: 0;
    cursor: pointer;
    display: inline-block;
    padding: 0
  }

  button::-moz-focus-inner,
  input::-moz-focus-inner {
    border: 0;
    padding: 0
  }

  fieldset {
    border: none
  }

  html {
    -webkit-tap-highlight-color: transparent;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%
  }

  img,
  video {
    border: none;
    height: auto;
    max-width: 100%;
    outline: none
  }

  input,
  optgroup,
  select,
  textarea {
    -webkit-appearance: none;
    border-radius: 0;
    color: inherit;
    font-family: inherit;
    font-size: 100%;
    vertical-align: baseline
  }

  input {
    line-height: normal;
    margin: 0
  }

  input[type=number],
  input[type=search],
  input[type=text] {
    -webkit-appearance: none
  }

  input[type=password] {
    font-family: arial, sans-serif
  }

  input[type=submit] {
    -webkit-appearance: none;
    border-radius: 0;
    box-shadow: none;
    cursor: pointer
  }

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

  td,
  th {
    padding: 0
  }

  textarea {
    overflow: auto
  }

  ul {
    list-style-type: none
  }

  a {
    text-decoration: none
  }

  body {
    color: #000;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-direction: column;
    font-family: Exo2-Medium, Helvetica, Arial, sans-serif;
    font-size: 16px;
    min-height: 100%;
    overflow: hidden;
    overflow-y: auto
  }

  body,
  html {
    margin: 0
  }

  b,
  strong {
    font-family: Exo2-Bold, Helvetica, Arial, sans-serif;
    font-weight: 400
  }

  html {
    height: 100%;
    scroll-behavior: smooth;
    touch-action: manipulation
  }

  iframe[src*=localhost]#preview-bar-iframe {
    display: none
  }

  main {
    flex: 1 0 auto
  }

  .overlay {
    background: rgba(0, 0, 0, .75);
    height: 100%;
    left: 0;
    opacity: 0;
    pointer-events: none;
    position: fixed;
    top: 0;
    transition: opacity .3s ease, visibility .3s ease;
    visibility: hidden;
    width: 100%;
    z-index: 500
  }

  .menu-active .overlay--menu {
    opacity: 1;
    pointer-events: auto;
    visibility: visible
  }

  @media(min-width:1024px) {
    .overlay--menu {
      display: none
    }
  }

  .overlay--search {
    z-index: 509
  }

  .search-active .overlay--search {
    opacity: 1;
    pointer-events: auto;
    visibility: visible
  }

  #shopify-section-footer,
  #shopify-section-header {
    flex-shrink: 0
  }

  .visually-hidden {
    clip: rect(0 0 0 0);
    border: 0;
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute !important;
    width: 1px
  }

  .template-index main {
    padding-bottom: 30px
  }

  @media(min-width:1024px) {
    .template-index main {
      padding-bottom: 39px
    }
  }

  @media(min-width:1200px) {
    .template-index main {
      padding-bottom: 48px
    }
  }

  img.lazy {
    opacity: 0;
    transition: opacity .25s
  }

  img.lazy.loaded {
    opacity: 1
  }

  img[src*="pixel.locker2.com"] {
    clip: rect(0 0 0 0);
    border: 0;
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute !important;
    width: 1px
  }

  input[type=checkbox]:not(.disable-styling):not(.ec-hidden) {
    left: -999em;
    opacity: 0;
    position: absolute;
    top: 0;
    visibility: hidden
  }

  input[type=checkbox]:not(.disable-styling):not(.ec-hidden)+label {
    align-items: center;
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-flow: row wrap;
    font-family: Exo2-Medium, Helvetica, Arial, sans-serif;
    font-size: 16px;
    line-height: 1.4;
    min-height: 34px;
    padding-left: 50px;
    position: relative
  }

  input[type=checkbox]:not(.disable-styling):not(.ec-hidden)+label:after {
    background-image: url('static/image/icon-checkmark.svg');
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 26px 22px;
    content: "";
    height: 26px;
    left: 4px;
    opacity: 0;
    position: absolute;
    top: 4px;
    visibility: hidden;
    width: 26px
  }

  input[type=checkbox]:not(.disable-styling):not(.ec-hidden)+label:before {
    background-color: #fff;
    border: 1px solid #d9d9d9;
    content: "";
    display: block;
    font-size: 0;
    height: 34px;
    left: 0;
    position: absolute;
    top: 0;
    width: 34px
  }

  input[type=checkbox]:not(.disable-styling):not(.ec-hidden):checked+label:after {
    opacity: 1;
    visibility: visible
  }

  input[type=radio]:not(.disable-styling):not(.ec-hidden) {
    left: -999em;
    opacity: 0;
    position: absolute;
    top: auto;
    visibility: hidden
  }

  /* input[type=radio]:not(.disable-styling):not(.ec-hidden):checked+label:after {
    background-color: #2d3142;
    border-radius: 100%;
    content: "";
    height: 26px;
    left: 4px;
    position: absolute;
    top: 4px;
    width: 26px
  } */

  input[type=radio]:not(.disable-styling):not(.ec-hidden)+label {
    align-items: center;
    clear: left;
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-flow: row wrap;
    font-family: Exo2-Medium, Helvetica, Arial, sans-serif;
    font-size: 16px;
    line-height: 1.4;
    min-height: 34px;
    padding-left: 50px;
    position: relative
  }

  /* 2023change */
  /* input[type=radio]:not(.disable-styling):not(.ec-hidden)+label:before {
    background-color: #fff;
    border: 1px solid #d9d9d9;
    border-radius: 100%;
    content: "";
    display: block;
    font-size: 0;
    height: 34px;
    left: 0;
    position: absolute;
    top: 0;
    width: 34px
  } */

  main input[type=date],
  main input[type=email],
  main input[type=number],
  main input[type=password],
  main input[type=search],
  main input[type=tel],
  main input[type=text] {
    background-color: transparent;
    border: 1px solid #d9d9d9;
    border-radius: 0;
    box-shadow: none !important;
    color: #000;
    font-family: Exo2-Regular, Helvetica, Arial, sans-serif;
    font-size: 16px;
    height: 56px;
    letter-spacing: 0;
    line-height: 56px;
    padding: 0 18px;
    text-align: left;
    text-indent: 0;
    width: 100%
  }

  main input[type=date]::-webkit-input-placeholder,
  main input[type=email]::-webkit-input-placeholder,
  main input[type=number]::-webkit-input-placeholder,
  main input[type=password]::-webkit-input-placeholder,
  main input[type=search]::-webkit-input-placeholder,
  main input[type=tel]::-webkit-input-placeholder,
  main input[type=text]::-webkit-input-placeholder {
    color: inherit;
    line-height: inherit;
    opacity: 1;
    overflow: visible
  }

  main input[type=date]::-moz-placeholder,
  main input[type=email]::-moz-placeholder,
  main input[type=number]::-moz-placeholder,
  main input[type=password]::-moz-placeholder,
  main input[type=search]::-moz-placeholder,
  main input[type=tel]::-moz-placeholder,
  main input[type=text]::-moz-placeholder {
    color: inherit;
    line-height: inherit;
    opacity: 1;
    overflow: visible
  }

  main input[type=date]:-ms-input-placeholder,
  main input[type=email]:-ms-input-placeholder,
  main input[type=number]:-ms-input-placeholder,
  main input[type=password]:-ms-input-placeholder,
  main input[type=search]:-ms-input-placeholder,
  main input[type=tel]:-ms-input-placeholder,
  main input[type=text]:-ms-input-placeholder {
    color: inherit;
    line-height: inherit;
    opacity: 1;
    overflow: visible
  }

  main input[type=date]:-moz-placeholder,
  main input[type=email]:-moz-placeholder,
  main input[type=number]:-moz-placeholder,
  main input[type=password]:-moz-placeholder,
  main input[type=search]:-moz-placeholder,
  main input[type=tel]:-moz-placeholder,
  main input[type=text]:-moz-placeholder {
    color: inherit;
    line-height: inherit;
    opacity: 1;
    overflow: visible
  }

  main input[type=date]:focus,
  main input[type=date]:focus:required:invalid,
  main input[type=date]:focus:required:invalid:focus,
  main input[type=email]:focus,
  main input[type=email]:focus:required:invalid,
  main input[type=email]:focus:required:invalid:focus,
  main input[type=number]:focus,
  main input[type=number]:focus:required:invalid,
  main input[type=number]:focus:required:invalid:focus,
  main input[type=password]:focus,
  main input[type=password]:focus:required:invalid,
  main input[type=password]:focus:required:invalid:focus,
  main input[type=search]:focus,
  main input[type=search]:focus:required:invalid,
  main input[type=search]:focus:required:invalid:focus,
  main input[type=tel]:focus,
  main input[type=tel]:focus:required:invalid,
  main input[type=tel]:focus:required:invalid:focus,
  main input[type=text]:focus,
  main input[type=text]:focus:required:invalid,
  main input[type=text]:focus:required:invalid:focus {
    border-color: #4f5d75;
    box-shadow: none !important;
    color: #2d3142
  }

  main input[type=email],
  main input[type=password] {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
  }

  main select {
    -moz-appearance: none;
    -webkit-appearance: none;
    background-color: transparent;
    background-image: url('static/image/select-chevron-down.svg');
    background-position: right 15px center;
    background-repeat: no-repeat;
    background-size: 12px 8px;
    border: 1px solid #d9d9d9;
    border-radius: 0;
    box-shadow: none !important;
    color: #000;
    cursor: pointer;
    font-family: Exo2-Regular, Helvetica, Arial, sans-serif;
    font-size: 16px;
    height: 56px;
    letter-spacing: 0;
    line-height: 56px;
    padding: 0 41px 0 18px;
    text-align: left;
    text-indent: 0;
    width: 100%
  }

  main select::-webkit-input-placeholder {
    color: inherit;
    line-height: inherit;
    opacity: 1;
    overflow: visible
  }

  main select::-moz-placeholder {
    color: inherit;
    line-height: inherit;
    opacity: 1;
    overflow: visible
  }

  main select:-ms-input-placeholder {
    color: inherit;
    line-height: inherit;
    opacity: 1;
    overflow: visible
  }

  main select:-moz-placeholder {
    color: inherit;
    line-height: inherit;
    opacity: 1;
    overflow: visible
  }

  main select:focus,
  main select:focus:required:invalid,
  main select:focus:required:invalid:focus {
    border-color: #4f5d75;
    box-shadow: none !important;
    color: #2d3142
  }

  main select:focus:invalid:-moz-focusring {
    color: transparent;
    text-shadow: 0 0 0 #2d3142
  }

  main select:-moz-focusring {
    color: transparent;
    text-shadow: 0 0 0 #ccc
  }

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

  main textarea {
    background-color: transparent;
    border: 1px solid #d9d9d9;
    border-radius: 0;
    box-shadow: none !important;
    color: #000;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-family: Exo2-Regular, Helvetica, Arial, sans-serif;
    font-size: 16px;
    height: 140px;
    letter-spacing: 0;
    max-width: 100%;
    padding: 18px;
    resize: vertical;
    text-align: left;
    text-indent: 0;
    width: 100%
  }

  main textarea::-webkit-input-placeholder {
    color: inherit;
    line-height: inherit;
    opacity: 1;
    overflow: visible
  }

  main textarea::-moz-placeholder {
    color: inherit;
    line-height: inherit;
    opacity: 1;
    overflow: visible
  }

  main textarea:-ms-input-placeholder {
    color: inherit;
    line-height: inherit;
    opacity: 1;
    overflow: visible
  }

  main textarea:-moz-placeholder {
    color: inherit;
    line-height: inherit;
    opacity: 1;
    overflow: visible
  }

  main textarea:focus,
  main textarea:focus:required:invalid,
  main textarea:focus:required:invalid:focus {
    border-color: #4f5d75;
    box-shadow: none !important;
    color: #2d3142
  }

  select:-internal-autofill-selected,
  select:-internal-autofill-selected:active,
  select:-internal-autofill-selected:focus,
  select:-internal-autofill-selected:hover {
    box-shadow: inset 0 0 0 1000px #fff !important
  }

  .lity {
    background: rgba(0, 0, 0, .75)
  }

  .lity-content:after,
  .lity-iframe-container iframe {
    box-shadow: 0 0 8px rgba(0, 0, 0, .6)
  }

  .lity-iframe-container iframe {
    background: #000
  }

  .lity-iframe .lity-container {
    max-width: 1200px;
    width: 100%
  }

  .lity-close svg {
    display: none
  }

  .lity-close,
  .lity-close:hover {
    background-blend-mode: difference;
    background-color: #fff;
    background-image: var(--icon-close);
    background-position: 50%;
    background-repeat: no-repeat;
    border: none;
    border-radius: 50%;
    box-shadow: 0 2px 12px rgba(0, 0, 0, .2);
    cursor: pointer;
    font-size: 0;
    height: 35px;
    line-height: 1;
    margin: 0;
    padding: 0;
    position: fixed;
    right: 35px;
    text-shadow: none;
    top: 20px;
    width: 35px;
    z-index: 50
  }

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

    .lity-close,
    .lity-close:hover {
      height: 38px;
      right: 53px;
      top: 42px;
      width: 38px
    }
  }

  .lity-close:hover,
  .lity-close:hover:hover {
    color: #000 !important
  }

  .lity-inline .lity-container {
    margin: 0 auto;
    max-width: 1872px;
    width: calc(100% - 48px)
  }

  @media(min-width:1200px) {
    .lity-inline .lity-container {
      max-width: 1824px;
      width: calc(100% - 96px)
    }
  }

  .lity-inline .lity-content {
    margin: 0 auto
  }

  .lity-inline .lity-close {
    position: fixed;
    right: 20px;
    top: 20px;
    transform: translate(0)
  }

  @media(min-aspect-ratio:1.6) {
    .lity-inline .lity-content {
      max-width: 90%
    }
  }

  @media(min-aspect-ratio:1.8) {
    .lity-inline .lity-content {
      max-width: 80%
    }
  }

  .header-search input[type=search]::-webkit-input-placeholder {
    color: #939393;
    opacity: 1
  }

  .header-search input[type=search]::-moz-placeholder {
    color: #939393;
    opacity: 1
  }

  .header-search input[type=search]:-ms-input-placeholder {
    color: #939393;
    opacity: 1
  }

  .header-search input[type=search]:-moz-placeholder {
    color: #939393;
    opacity: 1
  }

  .header-search input[type=search]::-webkit-search-cancel-button {
    -webkit-appearance: none !important
  }

  .header-search .klevuAutoSuggestionsWrap {
    padding: 0 0 35px
  }

  .header-search .klevuAutoSuggestionsWrap ul li:hover {
    background: transparent
  }

  .header-search .klevuAutoSuggestionsWrap ul li a {
    color: #000;
    font-family: Exo2-Medium, Helvetica, Arial, sans-serif;
    font-size: 16px;
    line-height: 1.2;
    padding: 5px 0
  }

  .header-search .klevuQuickSearchingArea [data-content=productList] {
    border-bottom: 1px solid #ddd;
    margin-bottom: 35px;
    padding-bottom: 20px
  }

  .header-search .klevuAutoSuggestionsWrap+.klevuAutoSuggestionsWrap {
    padding-top: 20px
  }

  .header-search .klevuHeadingText {
    color: #939393;
    font-family: Exo2-Medium, Helvetica, Arial, sans-serif;
    font-size: 16px;
    text-transform: none
  }

  .header-search .klevuQuickSearchingArea {
    border-radius: 0;
    box-shadow: none
  }

  .header-search .klevuResultsBlock {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-direction: column;
    padding-top: 20px
  }

  .header-search .klevuResultsBlock .klevuProductsViewAll {
    display: block;
    order: 3;
    padding-top: 24px;
    position: static;
    text-align: center;
    width: 100%
  }

  .header-search .klevuResultsBlock .klevuProductsViewAll a {
    align-items: center;
    background: #ea212e;
    border: 0;
    border-radius: 18px;
    color: #fff;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    flex-flow: row nowrap;
    font-family: Exo2-Medium, Helvetica, Arial, sans-serif;
    font-size: 14px;
    height: 37px;
    justify-content: center;
    letter-spacing: 0;
    max-width: 100%;
    overflow: visible;
    padding: 0 20px 2px;
    text-align: center;
    text-decoration: none;
    text-transform: none;
    transition: background-color .25s, border-color .25s, color .25s;
    white-space: nowrap;
    width: auto
  }

  .header-search .klevuResultsBlock .klevuProductsViewAll a i {
    display: block;
    overflow: hidden;
    transition: width .25s;
    width: 0
  }

  .header-search .klevuResultsBlock .klevuProductsViewAll a svg {
    margin-left: 10px;
    opacity: 0;
    position: relative;
    top: 2px;
    transition: opacity .35s
  }

  .no-touchevents .header-search .klevuResultsBlock .klevuProductsViewAll a:hover i {
    width: 24px
  }

  .no-touchevents .header-search .klevuResultsBlock .klevuProductsViewAll a:hover svg {
    opacity: 1
  }

  .header-search .klevuResultsBlock .klevuQuickSearchResults {
    width: 100%
  }

  .header-search .klevuResultsBlock .klevuQuickSearchResults .klevuProductItemBottom {
    float: none;
    min-height: 1px;
    padding: 0;
    width: 100%
  }

  .header-search .klevuResultsBlock .klevuQuickSearchResults .klevuProductItemBottom .klevu-desc-l2 {
    clip: rect(0 0 0 0);
    border: 0;
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute !important;
    width: 1px
  }

  .header-search .klevuResultsBlock .klevuQuickSearchResults .klevuProductItemTop {
    float: none;
    padding: 0;
    width: 100%
  }

  .header-search .klevuResultsBlock .klevuQuickSearchResults .klevuQuickDiscountBadge {
    clip: rect(0 0 0 0);
    border: 0;
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute !important;
    width: 1px
  }

  .header-search .klevuResultsBlock .klevuQuickSearchResults .klevuQuickImgWrap {
    float: none;
    max-height: 0;
    padding-top: 121.4%
  }

  .header-search .klevuResultsBlock .klevuQuickSearchResults img {
    display: block;
    height: 100%;
    left: 0;
    margin: 0;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center top;
    object-position: center top;
    position: absolute;
    top: 0;
    width: 100%
  }

  .header-search .klevuResultsBlock .klevuQuickSearchResults ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-flow: row wrap;
    margin: 0 -4px -8px
  }

  .header-search .klevuResultsBlock .klevuQuickSearchResults ul li {
    border-bottom: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-direction: column;
    margin-bottom: 0;
    max-width: 50%;
    padding: 0 4px 8px
  }

  .header-search .klevuResultsBlock .klevuQuickSearchResults ul li:hover {
    background: transparent
  }

  .header-search .klevuResultsBlock .klevuQuickSearchResults ul li .klevuQuickProductName {
    font-family: Exo2-Medium, Helvetica, Arial, sans-serif;
    font-size: 12px;
    font-weight: 400
  }

  .header-search .klevuResultsBlock .klevuQuickSearchResults ul li .klevuQuickProductName.kuClippedOne {
    line-clamp: none;
    word-wrap: normal;
    display: block !important
  }

  .header-search .klevuResultsBlock .klevuQuickSearchResults ul li .klevuQuickProductDescBlock {
    border-top: 1px solid #c7c7c7;
    float: none;
    margin: 10px 8px 0;
    padding: 10px 0 20px;
    width: auto
  }

  .header-search .klevuResultsBlock .klevuQuickSearchResults ul li .klevuQuickProductPrice {
    align-items: baseline;
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important
  }

  .header-search .klevuResultsBlock .klevuQuickSearchResults ul li .klevuQuickSalePrice {
    display: block;
    margin: 6px 0 0
  }

  .header-search .klevuResultsBlock .klevuQuickSearchResults ul li .klevuQuickSalePrice,
  .header-search .klevuResultsBlock .klevuQuickSearchResults ul li .klevuQuickSalePrice * {
    color: #717171 !important;
    font-size: 12px !important;
    font-weight: 400 !important
  }

  .header-search .klevuResultsBlock .klevuQuickSearchResults ul li .klevuQuickSalePrice.is-sale-price {
    color: #ef8354 !important
  }

  .header-search .klevuResultsBlock .klevuQuickSearchResults ul li .klevuQuickOrigPrice {
    margin-left: 5px;
    margin-right: 0
  }

  .header-search .klevuResultsBlock .klevuQuickSearchResults ul li a.klevuQuickProductInnerBlock {
    background: #f0f0f0;
    color: #000;
    height: 100%;
    line-height: 1.2;
    padding: 0
  }

  .header-search .klevuResultsBlock .klevuSuggestionHeading {
    padding: 0 0 20px
  }

  .header-search .klevuSuggestionHeading {
    padding: 0 0 15px
  }

  .header-search .klevuTarget {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
  }

  .header-search .klevuTarget.kuEmptySearchBox {
    clip: rect(0 0 0 0);
    border: 0;
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute !important;
    width: 1px
  }

  .header-search .klevuWrap {
    position: static !important
  }

  .header-search [ku-container][data-container-role=main] {
    padding: 0 24px 24px
  } */



  .homepage-blog {
    overflow: hidden;
    padding-bottom: 30px;
    padding-top: 30px
  }

  @media(min-width:1024px) {
    .homepage-blog {
      padding-bottom: 39px
    }
  }

  @media(min-width:1200px) {
    .homepage-blog {
      padding-bottom: 48px
    }
  }

  @media(min-width:1024px) {
    .homepage-blog {
      padding-top: 39px
    }
  }

  @media(min-width:1200px) {
    .homepage-blog {
      padding-top: 48px
    }

    .homepage-blog.is-v2 {
      padding-bottom: 125px
    }
  }

  .homepage-blog__cta {
    align-items: center;
    background: #ea212e;
    border: 0;
    border-radius: 18px;
    color: #fff;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    flex-flow: row nowrap;
    font-family: Exo2-Medium, Helvetica, Arial, sans-serif;
    font-size: 14px;
    height: 37px;
    justify-content: center;
    letter-spacing: 0;
    margin-top: 24px;
    max-width: 100%;
    overflow: visible;
    padding: 0 20px 2px;
    text-align: center;
    text-decoration: none;
    transition: background-color .25s, border-color .25s, color .25s;
    white-space: nowrap;
    width: auto
  }

  .homepage-blog__cta i {
    display: block;
    overflow: hidden;
    transition: width .25s;
    width: 0
  }

  .homepage-blog__cta svg {
    margin-left: 10px;
    opacity: 0;
    position: relative;
    top: 2px;
    transition: opacity .35s
  }

  .no-touchevents .homepage-blog__cta:hover i {
    width: 24px
  }

  .no-touchevents .homepage-blog__cta:hover svg {
    opacity: 1
  }

  @media(min-width:768px) {
    .homepage-blog__cta {
      display: none
    }
  }

  .homepage-blog__info {
    padding-top: 7px
  }

  @media(min-width:1024px) {
    .homepage-blog__info {
      padding-top: 14px
    }
  }

  @media(min-width:1200px) {
    .homepage-blog__info {
      padding-top: 21px
    }
  }

  .homepage-blog__link {
    color: inherit;
    display: block
  }

  .homepage-blog__overlay {
    background: #2d3142;
    height: 100%;
    left: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    transition: opacity .25s;
    width: 100%
  }

  .homepage-blog__picture,
  .homepage-blog__picture * {
    display: block;
    height: 100%;
    left: 0;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center center;
    object-position: center center;
    position: absolute;
    top: 0;
    width: 100%
  }

  .homepage-blog__picture-holder {
    padding-top: 66.6666666667%;
    position: relative
  }

  .no-touchevents .homepage-blog__picture-holder:hover .homepage-blog__overlay {
    opacity: .1
  }

  .no-touchevents .homepage-blog__picture-holder:hover .homepage-blog__play,
  .no-touchevents .homepage-blog__picture-holder:hover .homepage-blog__play-icon {
    opacity: .9;
    transform: scale(1) translate(-50%, -50%)
  }

  .homepage-blog__title {
    line-height: 1.2
  }

  .homepage-blog__title span {
    display: inline-block;
    font-size: 13px
  }

  @media(min-width:375px) {
    .homepage-blog__title span {
      font-size: 14px
    }
  }

  @media(min-width:1024px) {
    .homepage-blog__title span {
      font-size: 15px
    }
  }

  @media(min-width:1200px) {
    .homepage-blog__title span {
      font-size: 16px
    }
  }

  .homepage-blog__wrap {
    margin-left: auto;
    margin-right: auto;
    max-width: 1920px;
    padding-left: 24px;
    padding-right: 24px;
    width: 100%
  }

  @media(min-width:768px) {
    .homepage-blog__wrap {
      padding-left: 24px;
      padding-right: 24px
    }
  }

  @media(min-width:1200px) {
    .homepage-blog__wrap {
      padding-left: 48px;
      padding-right: 48px
    }
  }

  .homepage-blog__header {
    padding-bottom: 32px;
    text-align: center
  }

  @media(min-width:1200px) {
    .homepage-blog__header {
      padding-bottom: 65px
    }
  }

  .homepage-blog__header .homepage-blog__title {
    font-size: 24px
  }

  @media(min-width:1200px) {
    .homepage-blog__header .homepage-blog__title {
      font-size: 34px
    }
  }

  .homepage-blog__header .homepage-blog__subtitle {
    color: #717171;
    font-size: 16px
  }

  @media(min-width:1200px) {
    .homepage-blog__header .homepage-blog__subtitle {
      font-size: 24px
    }
  }

  .homepage-blog__feature-title {
    font-size: 14px
  }

  @media(min-width:1200px) {
    .homepage-blog__feature-title {
      font-size: 18px
    }
  }

  .homepage-blog__feature-title a {
    color: #000
  }

  .homepage-blog__feature-title a:hover {
    text-decoration: underline
  }

  .homepage-blog__feature-subtitle {
    color: #717171;
    font-family: Exo2-Regular, Helvetica, Arial, sans-serif;
    font-size: 14px;
    margin-top: 8px
  }

  .homepage-blog__play,
  .homepage-blog__play-icon {
    left: 50%;
    opacity: .8;
    position: absolute;
    top: 50%;
    transform: scale(.95) translate(-50%, -50%);
    transform-origin: center;
    transition: all .25s ease-in-out;
    z-index: 99
  }

  .homepage-collection-carousel {
    overflow: hidden;
    padding-bottom: 30px;
    padding-top: 30px
  }

  @media(min-width:1024px) {
    .homepage-collection-carousel {
      padding-bottom: 39px
    }
  }

  @media(min-width:1200px) {
    .homepage-collection-carousel {
      padding-bottom: 48px
    }
  }

  @media(min-width:1024px) {
    .homepage-collection-carousel {
      padding-top: 39px
    }
  }

  @media(min-width:1200px) {
    .homepage-collection-carousel {
      padding-top: 48px
    }
  }

  .no-touchevents .homepage-collection-carousel:hover .swiper-scrollbar-holder {
    opacity: 1
  }

  .homepage-collection-carousel__cta {
    align-items: center;
    background: #ea212e;
    border: 0;
    border-radius: 18px;
    color: #fff;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    flex-flow: row nowrap;
    font-family: Exo2-Medium, Helvetica, Arial, sans-serif;
    font-size: 14px;
    height: 37px;
    justify-content: center;
    letter-spacing: 0;
    margin-top: 24px;
    max-width: 100%;
    overflow: visible;
    padding: 0 20px 2px;
    text-align: center;
    text-decoration: none;
    transition: background-color .25s, border-color .25s, color .25s;
    white-space: nowrap;
    width: auto
  }

  .homepage-collection-carousel__cta i {
    display: block;
    overflow: hidden;
    transition: width .25s;
    width: 0
  }

  .homepage-collection-carousel__cta svg {
    margin-left: 10px;
    opacity: 0;
    position: relative;
    top: 2px;
    transition: opacity .35s
  }

  .no-touchevents .homepage-collection-carousel__cta:hover i {
    width: 24px
  }

  .no-touchevents .homepage-collection-carousel__cta:hover svg {
    opacity: 1
  }

  @media(min-width:768px) {
    .homepage-collection-carousel__cta {
      display: none
    }
  }

  .homepage-collection-carousel .product-tile {
    height: 100%
  }

  @media(max-width:1199px) {
    .homepage-collection-carousel .section-heading__buttons {
      clip: rect(0 0 0 0);
      border: 0;
      height: 1px;
      margin: -1px;
      overflow: hidden;
      padding: 0;
      position: absolute !important;
      width: 1px
    }
  }

  @media(min-width:1200px) {
    .homepage-collection-carousel .swiper {
      overflow: hidden
    }
  }

  .homepage-collection-carousel .swiper-scrollbar {
    background: transparent;
    height: 5px;
    left: 0;
    position: absolute;
    top: 12px;
    width: 100%;
    z-index: 2
  }

  @media(min-width:1024px) {
    .homepage-collection-carousel .swiper-scrollbar {
      top: 20px
    }
  }

  @media(min-width:1200px) {
    .homepage-collection-carousel .swiper-scrollbar {
      top: 30px
    }
  }

  .homepage-collection-carousel .swiper-scrollbar-drag:after,
  .homepage-collection-carousel .swiper-scrollbar:before {
    bottom: -10px;
    content: "";
    left: 0;
    position: absolute;
    top: -10px;
    width: 100%
  }

  .homepage-collection-carousel .swiper-scrollbar-holder {
    opacity: 0;
    position: relative;
    transition: opacity .25s
  }

  .homepage-collection-carousel .swiper-slide {
    height: auto
  }

  .homepage-collection-carousel__wrap {
    margin-left: auto;
    margin-right: auto;
    max-width: 1920px;
    padding-left: 24px;
    padding-right: 24px;
    width: 100%
  }

  @media(min-width:768px) {
    .homepage-collection-carousel__wrap {
      padding-left: 24px;
      padding-right: 24px
    }
  }

  @media(min-width:1200px) {
    .homepage-collection-carousel__wrap {
      padding-left: 48px;
      padding-right: 48px
    }
  }

  .homepage-story-double {
    padding-bottom: 30px;
    padding-top: 30px
  }

  @media(min-width:1024px) {
    .homepage-story-double {
      padding-bottom: 39px
    }
  }

  @media(min-width:1200px) {
    .homepage-story-double {
      padding-bottom: 48px
    }
  }

  @media(min-width:1024px) {
    .homepage-story-double {
      padding-top: 39px
    }
  }

  @media(min-width:1200px) {
    .homepage-story-double {
      padding-top: 48px
    }
  }

  .homepage-story-double__container {
    background: #f0f0f0;
    padding-top: 95%;
    position: relative
  }

  @media(max-width:767px) {
    .is-increased-mobile-height .homepage-story-double__container {
      padding-top: 150%
    }
  }

  .homepage-story-double__info {
    align-items: flex-end;
    color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-flow: row nowrap;
    height: 100%;
    justify-content: flex-start;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
  }

  .homepage-story-double__info.is-theme-dark {
    color: #000
  }

  .homepage-story-double__info--no-image {
    color: #2d3142
  }

  .homepage-story-double__info-inner {
    max-width: 360px;
    padding: 45px 24px;
    width: 100%
  }

  @media(min-width:768px) {
    .homepage-story-double__info-inner {
      padding: 24px
    }
  }

  @media(min-width:1024px) {
    .homepage-story-double__info-inner {
      max-width: 405px;
      padding: 35px
    }
  }

  @media(min-width:1200px) {
    .homepage-story-double__info-inner {
      max-width: 450px;
      padding: 40px
    }
  }

  @media(min-width:1400px) {
    .homepage-story-double__info-inner {
      max-width: 490px;
      padding: 45px
    }
  }

  @media(min-width:1600px) {
    .homepage-story-double__info-inner {
      max-width: 540px;
      padding: 52px
    }
  }

  .is-align-center .homepage-story-double__info-inner {
    max-width: 100%;
    text-align: center
  }

  .homepage-story-double__item {
    padding: 6px 0
  }

  @media(min-width:768px) {
    .homepage-story-double__item {
      padding: 0 4px;
      width: 50%
    }
  }

  @media(min-width:1200px) {
    .homepage-story-double__item {
      padding: 0 6px
    }
  }

  .homepage-story-double__label {
    align-items: center;
    background: #fff;
    border: 0;
    border-radius: 18px;
    color: #000;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    flex-flow: row nowrap;
    font-family: Exo2-Medium, Helvetica, Arial, sans-serif;
    font-size: 14px;
    height: 37px;
    justify-content: center;
    letter-spacing: 0;
    margin-top: 25px;
    max-width: 100%;
    overflow: visible;
    padding: 0 20px 2px;
    text-align: center;
    text-decoration: none;
    transition: background-color .25s, border-color .25s, color .25s;
    white-space: nowrap;
    width: auto
  }

  .homepage-story-double__label i {
    display: block;
    overflow: hidden;
    transition: width .25s;
    width: 0
  }

  .homepage-story-double__label svg {
    margin-left: 10px;
    opacity: 0;
    position: relative;
    top: 2px;
    transition: opacity .35s
  }

  .no-touchevents .homepage-story-double__label:hover i {
    width: 24px
  }

  .no-touchevents .homepage-story-double__label:hover svg {
    opacity: 1
  }

  .is-theme-dark .homepage-story-double__label {
    align-items: center;
    background: #ea212e;
    border: 0;
    border-radius: 18px;
    color: #fff;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    flex-flow: row nowrap;
    font-family: Exo2-Medium, Helvetica, Arial, sans-serif;
    font-size: 14px;
    height: 37px;
    justify-content: center;
    letter-spacing: 0;
    max-width: 100%;
    overflow: visible;
    padding: 0 20px 2px;
    text-align: center;
    text-decoration: none;
    transition: background-color .25s, border-color .25s, color .25s;
    white-space: nowrap;
    width: auto
  }

  .is-theme-dark .homepage-story-double__label i {
    display: block;
    overflow: hidden;
    transition: width .25s;
    width: 0
  }

  .is-theme-dark .homepage-story-double__label svg {
    margin-left: 10px;
    opacity: 0;
    position: relative;
    top: 2px;
    transition: opacity .35s
  }

  .no-touchevents .is-theme-dark .homepage-story-double__label:hover i {
    width: 24px
  }

  .no-touchevents .is-theme-dark .homepage-story-double__label:hover svg {
    opacity: 1
  }

  @media(min-width:1200px) {
    .homepage-story-double__label {
      margin-top: 30px
    }
  }

  @media(min-width:1400px) {
    .homepage-story-double__label {
      margin-top: 35px
    }
  }

  .homepage-story-double__link {
    display: block
  }

  .homepage-story-double__list {
    margin: -6px 0
  }

  @media(min-width:768px) {
    .homepage-story-double__list {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      flex-flow: row wrap;
      margin: 0 -4px
    }
  }

  @media(min-width:1200px) {
    .homepage-story-double__list {
      margin: 0 -6px
    }
  }

  .homepage-story-double__picture,
  .homepage-story-double__picture * {
    display: block;
    height: 100%;
    left: 0;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center center;
    object-position: center center;
    position: absolute;
    top: 0;
    width: 100%
  }

  .homepage-story-double__title {
    line-height: 1.2
  }

  .homepage-story-double__title span {
    display: inline-block;
    font-family: Exo2-Medium, Helvetica, Arial, sans-serif;
    font-size: 20px
  }

  @media(min-width:375px) {
    .homepage-story-double__title span {
      font-size: 22px
    }
  }

  @media(min-width:1024px) {
    .homepage-story-double__title span {
      font-size: 24px
    }
  }

  @media(min-width:1200px) {
    .homepage-story-double__title span {
      font-size: 26px
    }
  }

  @media(min-width:1400px) {
    .homepage-story-double__title span {
      font-size: 28px
    }
  }

  @media(min-width:1600px) {
    .homepage-story-double__title span {
      font-size: 30px
    }
  }

  @media(min-width:1800px) {
    .homepage-story-double__title span {
      font-size: 32px
    }
  }

  .homepage-story-double__subtitle {
    font-family: Exo2-Regular, Helvetica, Arial, sans-serif
  }

  .homepage-story-double__wrap {
    margin-left: auto;
    margin-right: auto;
    max-width: 1920px;
    padding-left: 0;
    padding-right: 0;
    width: 100%
  }

  @media(min-width:768px) {
    .homepage-story-double__wrap {
      padding-left: 24px;
      padding-right: 24px
    }
  }

  @media(min-width:1200px) {
    .homepage-story-double__wrap {
      padding-left: 48px;
      padding-right: 48px
    }
  }

  @media(max-width:767px) {
    .homepage-story-double .section-heading {
      padding-left: 24px;
      padding-right: 24px
    }
  }

  .homepage-story-double.is-v2 {
    margin-bottom: 12px;
    padding-bottom: 0;
    padding-top: 0
  }

  .homepage-story-double.is-v2 .homepage-story-double__list {
    grid-gap: 12px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-direction: column;
    gap: 12px;
    margin: 0
  }

  @media(min-width:768px) {
    .homepage-story-double.is-v2 .homepage-story-double__list {
      flex-direction: row
    }
  }

  .homepage-story-double.is-v2:not(.has-image-lead) .homepage-story-double__list {
    flex-direction: column-reverse
  }

  @media(min-width:768px) {
    .homepage-story-double.is-v2:not(.has-image-lead) .homepage-story-double__list {
      flex-direction: row
    }
  }

  .homepage-story-double.is-v2 .homepage-story-double__link {
    height: 100%
  }

  .homepage-story-double.is-v2 .homepage-story-double__item {
    background: #f0f0f0;
    padding: 0
  }

  @media(min-width:768px) {
    .homepage-story-double.is-v2 .homepage-story-double__item {
      width: calc(50% - 6px)
    }
  }

  .homepage-story-double.is-v2 .homepage-story-double__container {
    height: 100%;
    padding-top: 0
  }

  .homepage-story-double.is-v2 .homepage-story-double__info {
    position: relative
  }

  .homepage-story-double.is-v2 .homepage-story-double__picture {
    height: 100%;
    position: relative
  }

  .homepage-story-double.is-v2 .homepage-story-double__picture img {
    aspect-ratio: 1;
    height: 100%;
    position: relative
  }

  .homepage-story-double.is-v2 .homepage-story-double__info--no-image {
    align-items: flex-start
  }

  .homepage-story-double.is-v2 .homepage-story-double__info-inner {
    max-width: 660px;
    padding: 40px 25px
  }

  @media(min-width:1200px) {
    .homepage-story-double.is-v2 .homepage-story-double__info-inner {
      padding: 80px
    }
  }

  .homepage-story-double.is-v2 .homepage-story-double__logo {
    display: block;
    margin-bottom: 24px;
    max-width: var(--max-width);
    transform: scale(.75);
    transform-origin: left;
    width: 100%
  }

  @media(min-width:1024px) {
    .homepage-story-double.is-v2 .homepage-story-double__logo {
      transform: scale(1)
    }
  }

  @media(min-width:1200px) {
    .homepage-story-double.is-v2 .homepage-story-double__logo {
      margin-bottom: 32px
    }
  }

  .homepage-story-double.is-v2 .homepage-story-double__title {
    font-size: 24px
  }

  .homepage-story-double.is-v2 .homepage-story-double__subtitle {
    color: #717171;
    font-family: Exo2-Regular, Helvetica, Arial, sans-serif;
    font-size: 16px;
    line-height: 1.375;
    margin-top: 12px
  }

  @media(min-width:1200px) {
    .homepage-story-double.is-v2 .homepage-story-double__subtitle {
      font-size: 16px
    }
  }

  .homepage-story-full {
    padding-bottom: 30px;
    padding-top: 30px
  }

  @media(min-width:1024px) {
    .homepage-story-full {
      padding-bottom: 39px
    }
  }

  @media(min-width:1200px) {
    .homepage-story-full {
      padding-bottom: 48px
    }
  }

  @media(min-width:1024px) {
    .homepage-story-full {
      padding-top: 39px
    }
  }

  @media(min-width:1200px) {
    .homepage-story-full {
      padding-top: 48px
    }
  }

  .homepage-story-full__container {
    position: relative
  }

  .homepage-story-full__info {
    align-items: flex-end;
    color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-flow: row nowrap;
    height: 100%;
    justify-content: flex-start;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
  }

  .homepage-story-full__info-inner {
    max-width: 310px;
    padding: 75px 24px;
    width: 100%
  }

  @media(min-width:768px) {
    .homepage-story-full__info-inner {
      max-width: 325px;
      padding: 24px
    }
  }

  @media(min-width:1024px) {
    .homepage-story-full__info-inner {
      max-width: 365px;
      padding: 55px 35px
    }
  }

  @media(min-width:1200px) {
    .homepage-story-full__info-inner {
      max-width: 455px;
      padding: 70px 45px
    }
  }

  @media(min-width:1400px) {
    .homepage-story-full__info-inner {
      max-width: 485px;
      padding: 85px 60px
    }
  }

  @media(min-width:1600px) {
    .homepage-story-full__info-inner {
      max-width: 650px;
      padding: 100px 75px
    }
  }

  .homepage-story-full__label {
    align-items: center;
    background: #ea212e;
    border: 0;
    border-radius: 18px;
    color: #fff;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    flex-flow: row nowrap;
    font-family: Exo2-Medium, Helvetica, Arial, sans-serif;
    font-size: 14px;
    height: 37px;
    justify-content: center;
    letter-spacing: 0;
    margin-top: 25px;
    max-width: 100%;
    overflow: visible;
    padding: 0 20px 2px;
    text-align: center;
    text-decoration: none;
    transition: background-color .25s, border-color .25s, color .25s;
    white-space: nowrap;
    width: auto
  }

  @media(min-width:1200px) {
    .homepage-story-full__label {
      border-radius: 28px;
      font-size: 16px;
      height: 56px;
      padding: 0 30px
    }
  }

  .homepage-story-full__label i {
    display: block;
    overflow: hidden;
    transition: width .25s;
    width: 0
  }

  .homepage-story-full__label svg {
    margin-left: 10px;
    opacity: 0;
    position: relative;
    top: 2px;
    transition: opacity .35s
  }

  @media(min-width:1200px) {
    .homepage-story-full__label svg {
      top: 1px
    }
  }

  .no-touchevents .homepage-story-full__label:hover i {
    width: 24px
  }

  .no-touchevents .homepage-story-full__label:hover svg {
    opacity: 1
  }

  @media(min-width:1200px) {
    .homepage-story-full__label {
      margin-top: 30px
    }
  }

  @media(min-width:1400px) {
    .homepage-story-full__label {
      margin-top: 35px
    }
  }

  @media(min-width:1600px) {
    .homepage-story-full__label {
      margin-top: 40px
    }
  }

  .homepage-story-full__link {
    display: block
  }

  .homepage-story-full__message {
    line-height: 1.3
  }

  .homepage-story-full__message span {
    display: inline-block;
    font-size: 14px;
    margin-top: 10px
  }

  @media(min-width:375px) {
    .homepage-story-full__message span {
      font-size: 16px
    }
  }

  @media(min-width:1024px) {
    .homepage-story-full__message span {
      font-size: 17px;
      line-height: 1.35
    }
  }

  @media(min-width:1200px) {
    .homepage-story-full__message span {
      font-size: 18px;
      line-height: 1.4;
      margin-top: 15px
    }
  }

  @media(min-width:1400px) {
    .homepage-story-full__message span {
      margin-top: 20px
    }
  }

  @media(min-width:1600px) {
    .homepage-story-full__message span {
      margin-top: 25px
    }
  }

  .homepage-story-full__picture,
  .homepage-story-full__picture * {
    display: block;
    height: auto;
    width: 100%
  }

  .homepage-story-full__title {
    line-height: 1.2
  }

  .homepage-story-full__title span {
    display: inline-block;
    font-family: Exo2-Medium, Helvetica, Arial, sans-serif;
    font-size: 20px
  }

  @media(min-width:375px) {
    .homepage-story-full__title span {
      font-size: 22px
    }
  }

  @media(min-width:768px) {
    .homepage-story-full__title span {
      font-size: 34px
    }
  }

  @media(min-width:1024px) {
    .homepage-story-full__title span {
      font-size: 39px
    }
  }

  @media(min-width:1200px) {
    .homepage-story-full__title span {
      font-size: 44px
    }
  }

  @media(min-width:1400px) {
    .homepage-story-full__title span {
      font-size: 49px
    }
  }

  @media(min-width:1600px) {
    .homepage-story-full__title span {
      font-size: 56px
    }
  }

  .homepage-story-full__wrap {
    margin-left: auto;
    margin-right: auto;
    max-width: 1920px;
    padding-left: 0;
    padding-right: 0;
    width: 100%
  }

  @media(min-width:768px) {
    .homepage-story-full__wrap {
      padding-left: 24px;
      padding-right: 24px
    }
  }

  @media(min-width:1200px) {
    .homepage-story-full__wrap {
      padding-left: 48px;
      padding-right: 48px
    }
  }

  @media(max-width:767px) {
    .homepage-story-full .section-heading {
      padding-left: 24px;
      padding-right: 24px
    }
  }


  .menu-active body {
    overflow: hidden
  }

  @media(min-width:1024px) {

    .header-logo__link,
    .header-tools__item,
    .nav__link span {
      position: relative;
      transform: translate(0);
      z-index: 512
    }
  }

  .product-tile {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-direction: column
  }

  .product-tile__badges {
    left: 13px;
    position: absolute;
    top: 12px
  }

  @media(min-width:1024px) {
    .product-tile__badges {
      left: 17px;
      top: 18px
    }
  }

  .product-tile__badge {
    align-items: center;
    border-radius: 13px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-flow: row nowrap;
    width: 25px
  }

  @media(min-width:1024px) {
    .product-tile__badge {
      border-radius: 19px;
      width: 38px
    }
  }

  .product-tile__badge+.product-tile__badge {
    margin-top: 4px
  }

  @media(min-width:1024px) {
    .product-tile__badge+.product-tile__badge {
      margin-top: 8px
    }
  }

  .product-tile__badge-icon {
    border-radius: 50%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 25px;
    min-width: 25px;
    overflow: hidden;
    position: relative;
    width: 25px
  }

  .product-tile__badge-icon * {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    left: 0;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center center;
    object-position: center center;
    position: absolute;
    top: 0;
    width: 100%
  }

  @media(min-width:1024px) {
    .product-tile__badge-icon {
      height: 38px;
      min-width: 38px;
      width: 38px
    }
  }

  .product-tile__badge-text {
    color: #000;
    font-family: Exo2-Medium, Helvetica, Arial, sans-serif;
    font-size: 11px;
    opacity: 0;
    visibility: hidden
  }

  .product-tile__badge p {
    padding: 0 17px 0 4px
  }

  @media(min-width:1025px) {
    .no-touchevents .product-tile__badge:hover {
      background: #fff;
      width: auto
    }

    .no-touchevents .product-tile__badge:hover .product-tile__badge-text {
      opacity: 1;
      visibility: visible
    }
  }

  .product-tile__container {
    background: #f0f0f0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    position: relative
  }

  .product-tile__flag {
    color: #ea212e;
    font-family: Exo2-Medium, Helvetica, Arial, sans-serif;
    font-size: 12px;
    margin-bottom: 2px
  }

  @media(min-width:1024px) {
    .product-tile__flag {
      font-size: 14px;
      margin-bottom: 7px
    }
  }

  .klevuLanding .product-tile__flag {
    font-family: Exo2-Medium, Helvetica, Arial, sans-serif !important
  }

/*2024change*/
  .product-tile__image {
    height: 100%;
    left: 0;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center center;
    object-position: center center;
    position: absolute;
    /*top: 0;*/
    top: 16%;
    width: 100%
  }

  .product-tile__image.lazy {
    opacity: 0;
    transition: opacity .25s
  }

  .product-tile__image.lazy.loaded {
    opacity: 1
  }

  .product-tile__image-holder {
    padding-top: 121.4%;
    position: relative
  }

  .no-touchevents .product-tile__image-holder:hover .product-tile__image-container--alt {
    opacity: 1
  }

  .product-tile__image-container {
    background: #f0f0f0;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    transition: opacity .25s;
    width: 100%
  }

  .hovering .product-tile__image-container,
  .product-tile__image-container--alt,
  .product-tile__image-container--swatch {
    opacity: 0
  }

  .product-tile__image-container--swatch.hover {
    opacity: 1
  }

  .product-tile__info {
    border-top: 1px solid #c7c7c7;
    line-height: 1.2;
    margin: 0 24px;
    padding: 10px 0 20px
  }

  .product-tile__info [data-title-link] {
    color: #000;
    display: block
  }

  @media(min-width:1024px) {
    .product-tile__info {
      padding: 14px 0 35px
    }
  }

  @media(max-width:1023px) {
    .klevuLanding .product-tile__info {
      margin: 0 12px
    }
  }

  @media(min-width:1600px) {
    .product-tile__info-inner {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      flex-flow: row nowrap;
      justify-content: space-between
    }
  }

  .product-tile__link {
    color: #000;
    display: block
  }

  .product-tile__price {
    color: #717171;
    font-family: Exo2-Regular, Helvetica, Arial, sans-serif;
    margin-top: 0;
    white-space: nowrap
  }

  .klevuLanding .product-tile__price,
  .product-tile__price {
    font-size: 13px !important
  }

  @media(min-width:1024px) {

    .klevuLanding .product-tile__price,
    .product-tile__price {
      font-size: 14px !important
    }
  }

  @media(min-width:1600px) {
    .product-tile__price {
      margin-top: 0;
      white-space: nowrap
    }
  }

  .product-tile__price-label {
    display: inline-block;
    font-size: 13px !important;
    margin-right: 5px
  }

  @media(min-width:1024px) {
    .product-tile__price-label {
      font-size: 14px !important
    }
  }

  .product-tile__price-sale {
    color: #ea212e
  }

  .product-tile__price-wrapper {
    align-items: baseline;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 6px
  }

  @media(min-width:1600px) {
    .product-tile__price-wrapper {
      margin-top: 0
    }
  }

  .product-tile__price span {
    padding-right: 4px
  }

  @media(min-width:1024px) {
    .product-tile__price span {
      padding-right: 5px
    }
  }

  .product-tile__sale {
    color: #ea212e;
    font-size: 13px !important;
    padding-bottom: 5px
  }

  @media(min-width:1024px) {
    .product-tile__sale {
      font-size: 14px !important
    }
  }

  .product-tile__title {
    font-family: Exo2-Medium, Helvetica, Arial, sans-serif;
    font-size: 12px
  }

  @media(min-width:1024px) {
    .product-tile__title {
      font-size: 14px
    }
  }

  @media(min-width:1600px) {
    .product-tile__title {
      padding-right: 10px
    }
  }

  .klevuLanding .product-tile__title {
    font-family: Exo2-Medium, Helvetica, Arial, sans-serif !important
  }

  .product-tile__title a {
    color: inherit
  }

  .product-tile-promo__label {
    align-items: center;
    background: #fff;
    border: 0;
    border-radius: 18px;
    color: #000;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    flex-flow: row nowrap;
    font-family: Exo2-Medium, Helvetica, Arial, sans-serif;
    font-size: 14px;
    height: 37px;
    justify-content: center;
    letter-spacing: 0;
    margin-top: 25px;
    max-width: 100%;
    overflow: visible;
    padding: 0 20px 2px;
    text-align: center;
    text-decoration: none;
    transition: background-color .25s, border-color .25s, color .25s;
    white-space: nowrap;
    width: auto
  }

  .product-tile-promo__label i {
    display: block;
    overflow: hidden;
    transition: width .25s;
    width: 0
  }

  .product-tile-promo__label svg {
    margin-left: 10px;
    opacity: 0;
    position: relative;
    top: 2px;
    transition: opacity .35s
  }

  /* .no-touchevents .product-tile-promo__label:hover i {
    width: 24px
  }

  .no-touchevents .product-tile-promo__label:hover svg {
    opacity: 1
  } */

  .product-tile-promo__message {
    font-family: Exo2-Medium, Helvetica, Arial, sans-serif !important;
    font-size: 22px !important;
    line-height: 1.3 !important;
    max-width: 245px
  }

  @media(min-width:768px) {
    .product-tile-promo__message {
      font-size: 18px !important;
      max-width: 190px
    }
  }

  @media(min-width:1024px) {
    .product-tile-promo__message {
      font-size: 26px !important;
      max-width: 310px
    }
  }

  @media(min-width:1200px) {
    .product-tile-promo__message {
      font-size: 22px !important;
      max-width: 220px
    }
  }

  @media(min-width:1400px) {
    .product-tile-promo__message {
      font-size: 24px !important;
      max-width: 280px
    }
  }

  @media(min-width:1600px) {
    .product-tile-promo__message {
      font-size: 28px !important;
      max-width: 290px
    }
  }

  @media(min-width:1800px) {
    .product-tile-promo__message {
      font-size: 32px !important;
      max-width: 360px
    }
  }

  .product-tile-promo__overlay {
    align-items: flex-end;
    color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-flow: row wrap;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
  }

  .product-tile-promo__overlay-inner {
    padding: 48px 24px;
    width: 100%
  }

  @media(min-width:1600px) {
    .product-tile-promo__overlay-inner {
      padding: 48px
    }
  }

  .product-tile-promo__picture {
    display: block
  }

  .product-tile-promo__picture * {
    display: block;
    height: 100%;
    left: 0;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center top;
    object-position: center top;
    position: absolute;
    top: 0;
    width: 100%
  }

  @media(max-width:390px) {
    .product-tile-promo__picture {
      padding-top: 190.306122449%;
      position: relative
    }
  }

  @media(min-width:391px)and (max-width:767px) {
    .product-tile-promo__picture {
      height: 729px;
      position: relative
    }
  }

  @media(min-width:768px) {
    .product-tile-promo__picture {
      height: 100%;
      left: 0;
      -o-object-fit: cover;
      object-fit: cover;
      -o-object-position: center top;
      object-position: center top;
      position: absolute;
      top: 0;
      width: 100%
    }
  }

  .product-tile-swatch {
    margin: 0 24px;
    min-height: 50px;
    padding: 15px 1px
  }

  @media(min-width:1400px) {
    .product-tile-swatch {
      min-height: 54px
    }
  }

  @media(max-width:1023px) {
    .klevuLanding .product-tile-swatch {
      margin: 0 12px
    }
  }

  .product-tile-swatch__button {
    position: relative
  }

  .product-tile-swatch__button.active:after,
  .product-tile-swatch__button.active:before {
    border-radius: 50%;
    content: ""
  }

  .product-tile-swatch__button.active:after {
    border: 2px solid #f0f0f0;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
  }

  .product-tile-swatch__button.active:before {
    border: 1px solid #000;
    bottom: -1px;
    left: -1px;
    position: absolute;
    right: -1px;
    top: -1px
  }

  .product-tile-swatch__button-inner {
    display: block
  }

  .product-tile-swatch__button-inner:before {
    bottom: -4px;
    content: "";
    left: -4px;
    position: absolute;
    right: -4px;
    top: -4px
  }

  @media(min-width:1400px) {
    .product-tile-swatch__button-inner:before {
      bottom: -6px;
      left: -6px;
      right: -6px;
      top: -6px
    }
  }

  .product-tile-swatch__image {
    border-radius: 100%;
    height: auto;
    width: 100%
  }

  .product-tile-swatch__image-holder {
    background: #fff;
    border-radius: 100%;
    height: 20px;
    width: 20px
  }

  @media(min-width:1400px) {
    .product-tile-swatch__image-holder {
      height: 24px;
      width: 24px
    }
  }

  .product-tile-swatch__item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 0 4px 8px
  }

  @media(min-width:1400px) {
    .product-tile-swatch__item {
      padding: 0 6px 12px
    }
  }

  @media(max-width:1399px) {

    .product-tile-swatch__item:nth-child(4):not(.product-tile-swatch__item--show-hidden),
    .product-tile-swatch__item:nth-child(5):not(.product-tile-swatch__item--show-hidden) {
      display: none
    }
  }

  .product-tile-swatch__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-flow: row wrap;
    margin: 0 -4px -8px
  }

  .product-tile-swatch__list.hidden {
    opacity: 0;
    visibility: hidden
  }

  @media(min-width:1400px) {
    .product-tile-swatch__list {
      margin: 0 -6px -12px
    }
  }

  .product-tile-swatch__remaining {
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%
  }

  @media(max-width:1399px) {
    .product-tile-swatch__remaining.hide--mobile {
      display: none
    }
  }

  @media(min-width:1400px) {

    .product-tile-swatch__remaining .mobile,
    .product-tile-swatch__remaining.hide--no-mobile {
      display: none
    }
  }

  @media(max-width:1399px) {
    .product-tile-swatch__remaining .no-mobile {
      display: none
    }
  }

  .product-tile-swatch__remaining small {
    display: block;
    font-size: 11px
  }

  @media(min-width:1400px) {
    .product-tile-swatch__remaining small {
      font-size: 14px
    }
  }

  .product-tile-swatch img {
    font-size: 0
  }

  .section-heading {
    margin-bottom: 24px
  }

  @media(min-width:768px) {
    .section-heading {
      align-items: flex-end;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      flex-flow: row nowrap;
      justify-content: space-between
    }
  }

  @media(min-width:1200px) {
    .section-heading {
      margin-bottom: 30px
    }
  }

  .section-heading__buttons {
    flex-flow: row nowrap
  }

  .section-heading__button,
  .section-heading__buttons {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
  }

  .section-heading__button+.section-heading__button {
    margin-left: 8px
  }

  @media(min-width:1200px) {
    .section-heading__button+.section-heading__button {
      margin-left: 12px
    }
  }

  .section-heading__button.loading {
    opacity: 0
  }

  .section-heading__button.swiper-button-disabled {
    cursor: default;
    opacity: .25
  }

  .section-heading__button circle,
  .section-heading__button polygon {
    transition: fill .25s
  }

  /* .no-touchevents .section-heading__button:not(.swiper-button-disabled):hover circle {
    fill: #ea212e
  }

  .no-touchevents .section-heading__button:not(.swiper-button-disabled):hover polygon {
    fill: #fff
  } */

  .section-heading__button--next,
  .section-heading__button--prev {
    border: 1px solid #bfc0c0;
    border-radius: 50%;
    transition: opacity .25s ease-in-out
  }

  @media(min-width:768px) {
    .section-heading__column--content {
      padding-right: 10px
    }
  }

  @media(min-width:1024px) {
    .section-heading__column--content {
      align-items: center;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      flex-flow: row wrap
    }
  }

  @media(max-width:767px) {
    .section-heading__column--cta:not(.is-showtime) {
      clip: rect(0 0 0 0);
      border: 0;
      height: 1px;
      margin: -1px;
      overflow: hidden;
      padding: 0;
      position: absolute !important;
      width: 1px
    }
  }

  @media(min-width:768px) {
    .section-heading__column--cta {
      padding-left: 10px
    }
  }

  /* .section-heading__cta {
    align-items: center;
    background: #ea212e;
    border: 0;
    border-radius: 18px;
    color: #fff;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    flex-flow: row nowrap;
    font-family: Exo2-Medium, Helvetica, Arial, sans-serif;
    font-size: 14px;
    height: 37px;
    justify-content: center;
    letter-spacing: 0;
    max-width: 100%;
    overflow: visible;
    padding: 0 20px 2px;
    text-align: center;
    text-decoration: none;
    transition: background-color .25s, border-color .25s, color .25s;
    white-space: nowrap;
    width: auto
  }

  .section-heading__cta i {
    display: block;
    overflow: hidden;
    transition: width .25s;
    width: 0
  }

  .section-heading__cta svg {
    margin-left: 10px;
    opacity: 0;
    position: relative;
    top: 2px;
    transition: opacity .35s
  }

  .no-touchevents .section-heading__cta:hover i {
    width: 24px
  }

  .no-touchevents .section-heading__cta:hover svg {
    opacity: 1
  } */

  .section-heading h2 {
    line-height: 1.2
  }

  .section-heading h2 span {
    color: #ea212e;
    display: inline-block;
    font-family: Exo2-Medium, Helvetica, Arial, sans-serif;
    font-size: 22px
  }

  @media(min-width:1200px) {
    .section-heading h2 span {
      font-size: 24px
    }
  }

  @media(min-width:1024px) {
    .section-heading h2:after {
      content: " "
    }
  }

  .section-heading p {
    line-height: 1.2
  }

  .section-heading p span {
    color: #000;
    display: inline-block;
    font-size: 22px
  }

  @media(min-width:1200px) {
    .section-heading p span {
      font-size: 24px
    }
  }