.swiper-container {
    margin-left: auto;
    margin-right: auto;
    position: relative;
    overflow: hidden;
    list-style: none;
    padding: 0;
    z-index: 1
}



.brand-map-circle:hover {cursor:none !important;}

/*Cursor*/
/*@media screen and (min-width:767px){body, a.brand-map-circle, a:-webkit-any-link, .image, .title-hero-anime {cursor:none !important;}}*/
/*@media screen and (min-width:768px){

    .cursor2.hover {display:none !important;}
    .cursor2 {opacity: 0;}
    #container-height-cursor:hover .cursor2 {
      width: 25px;
      height: 25px;
      border-radius: 100%;
      background-color: #874e34;
      opacity: 1 !important;
      position: fixed;
      transform: translate(-50%, -50%);
      pointer-events: none;
      z-index: 999999;
      transition: width .3s, height .3s, opacity .3s;}}

@media screen and (min-width:768px){
	.cursor3.hover {display:none !important;}
    .cursor3 {opacity: 0;}
    #container-height-cursor3:hover .cursor3 {
      width: 25px;
      height: 25px;
      border-radius: 100%;
      background-color: #874e34;
      opacity: 1 !important;
      position: fixed;
      transform: translate(-50%, -50%);
      pointer-events: none;
      z-index: 999999;
      transition: width .3s, height .3s, opacity .3s;}}*/

.TABLEAU:hover .ombre-tableau, .TABLEAU:hover .text-tableau , .SPOT-DROIT:hover .ombre-spot-droit, .SPOT-DROIT:hover .text-spot-droit, .SPOT-GAUCHE:hover .ombre-spot-gauche, .SPOT-GAUCHE:hover .text-spot-gauche, .MAC:hover .ombre-mac, .MAC:hover .text-mac {opacity: 1 !important; font-family:'Tussilago';}
a .brand-map-nav-inner:hover {background: black;}
.brand-map-tooltip { font-family:'Tussilago';}

/*Fin*/
a.open-under.-hover{  width: 250px; height: 30px;}
.open-under:hover .brand-map-nav-text {
    opacity: 1
}

.open-under {
    position: absolute;
    color: #fff;
}
.open-under.-disabled {
    opacity: .5;
}
.open-under.-hover .brand-map-nav-text,
.open-under:hover .brand-map-nav-text {
    opacity: 1;
}

.open-under:hover .brand-map-nav-inner  {  width: 250px;}

.open-under.Under-touch .brand-map-nav-inner  {  width: 250px; background:black; }
.open-under.Under-touch .brand-map-nav-text {opacity:1;}
.brand-map-nav.-hover .brand-map-nav-inner  {background:black;}
/*test*/

@media screen and (max-width:1300px){
  .brand-map-nav-text {font-size:13px; padding: 5px 20px 3px 15px !important;}
  .open-under .brand-map-nav-text, a.loge .brand-map-nav-text {font-size:13px; padding: 5px 15px 3px 20px !important;}
  .open-under.Under-touch .brand-map-nav-inner  {  width: 210px !important; }
  .open-under.Under-touch-Deux .brand-map-nav-inner  {  width: 210px !important;  }
  .open-under:hover .brand-map-nav-inner  {  width: 210px !important; }
  .open-under:hover .brand-map-nav-inner  {  width: 210px !important;  }
}

#under-studio.active { visibility:visible !important;}

.swiper-container-no-flexbox .swiper-slide {
    float: left
}

.swiper-container-vertical>.swiper-wrapper {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column
}

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

.swiper-container-android .swiper-slide,
.swiper-wrapper {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate(0)
}

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

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

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

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


.-nav-visible ~ main .brand-map-points  {display:none;}

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

.swiper-container-autoheight .swiper-wrapper {
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-transition-property: height, -webkit-transform;
    transition-property: height, -webkit-transform;
    -o-transition-property: transform, height;
    transition-property: transform, height;
    transition-property: transform, height, -webkit-transform
}

.swiper-container-3d {
    -webkit-perspective: 1200px;
    perspective: 1200px
}

.swiper-container-3d .swiper-cube-shadow,
.swiper-container-3d .swiper-slide,
.swiper-container-3d .swiper-slide-shadow-bottom,
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top,
.swiper-container-3d .swiper-wrapper {
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d
}

.swiper-container-3d .swiper-slide-shadow-bottom,
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: 10
}

.swiper-container-3d .swiper-slide-shadow-left {
    background-image: -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, .5)), to(rgba(0, 0, 0, 0)));
    background-image: -webkit-linear-gradient(right, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
    background-image: -o-linear-gradient(right, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
    background-image: linear-gradient(to left, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
}

.swiper-container-3d .swiper-slide-shadow-right {
    background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, .5)), to(rgba(0, 0, 0, 0)));
    background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
    background-image: -o-linear-gradient(left, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
    background-image: linear-gradient(to right, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
}

.swiper-container-3d .swiper-slide-shadow-top {
    background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, .5)), to(rgba(0, 0, 0, 0)));
    background-image: -webkit-linear-gradient(bottom, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
    background-image: -o-linear-gradient(bottom, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
    background-image: linear-gradient(to top, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
}

.swiper-container-3d .swiper-slide-shadow-bottom {
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, .5)), to(rgba(0, 0, 0, 0)));
    background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
    background-image: -o-linear-gradient(top, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
}

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

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

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

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

.swiper-button-prev,
.swiper-container-rtl .swiper-button-next {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%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%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
    right: 10px;
    left: auto
}

.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%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%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%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%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%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%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%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")
}

.swiper-button-lock {
    display: none
}

.swiper-pagination {
    position: absolute;
    text-align: center;
    -webkit-transition: .3s opacity;
    -o-transition: .3s opacity;
    transition: .3s opacity;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate(0);
    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 {
    overflow: hidden;
    font-size: 0
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.swiper-pagination-progressbar.swiper-pagination-white {
    background: rgba(255, 255, 255, .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 {
    border-radius: 10px;
    position: relative;
    -ms-touch-action: none;
    background: rgba(0, 0, 0, .1)
}

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

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

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

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

.swiper-scrollbar-lock {
    display: none
}

.swiper-zoom-container {
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center
}

.swiper-zoom-container>canvas,
.swiper-zoom-container>img,
.swiper-zoom-container>svg {
    max-width: 100%;
    max-height: 100%;
    -o-object-fit: contain;
    object-fit: contain
}

.swiper-slide-zoomed {
    cursor: move
}

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

.swiper-lazy-preloader:after {
    display: block;
    content: "";
    width: 100%;
    height: 100%;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
    background-position: 50%;
    background-size: 100%;
    background-repeat: no-repeat
}

.swiper-lazy-preloader-white:after {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")
}

@-webkit-keyframes swiper-preloader-spin {
    to {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@keyframes swiper-preloader-spin {
    to {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

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

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

.swiper-container-fade .swiper-slide {
    pointer-events: none;
    -webkit-transition-property: opacity;
    -o-transition-property: opacity;
    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 {
    pointer-events: none;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    z-index: 1;
    visibility: hidden;
    -webkit-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    transform-origin: 0 0;
    width: 100%;
    height: 100%
}

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

.swiper-container-cube.swiper-container-rtl .swiper-slide {
    -webkit-transform-origin: 100% 0;
    -ms-transform-origin: 100% 0;
    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 {
    z-index: 0;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

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

.swiper-container-flip {
    overflow: visible
}

.swiper-container-flip .swiper-slide {
    pointer-events: none;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    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 {
    z-index: 0;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

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

html {
    box-sizing: border-box;
    -ms-text-size-adjust: none;
    -webkit-text-size-adjust: none
}

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

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


h1,
h2,
h3,
h4,
h5,
h6 {
    font-family:Tussilago;
}

body {
    line-height: 1
}

b,
strong {
    font-weight: 600
}

em,
i {
    font-style: italic
}

ol,
ul {
    list-style: none
}

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

button,
input,
option,
select,
textarea {
    margin: 0;
    padding: 0;
    background-color: transparent;
    border: none;
    appearance: none;
    box-shadow: none;
    font: montserrat, sans-serif;
}

button:active,
button:focus,
input:active,
input:focus,
option:active,
option:focus,
select:active,
select:focus,
textarea:active,
textarea:focus {
    outline: 0
}

a {
    font-family: montserrat, sans-serif;
    text-decoration: none;
    color: inherit
}

a:active,
a:focus,
a:hover {
    text-decoration: none
}

img,
picture,
svg {
    max-width: 100%;
    vertical-align: middle
}

svg {
    fill: currentColor
}

button,
input,
textarea {
    color: currentColor;
    font: montserrat, sans-serif;
}

a,
button:not(:disabled) {
    cursor: pointer
}

button:disabled {
    cursor: not-allowed
}

html {
    padding-bottom: 0 !important
}

body {
    background-color: #fff;
    cursor: default
}

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

.cart-checkout-button:before,
.collection-product .product-form-option-item:before,
.product-form-option-label:before,
.product-form-submit-button:before {
    content: "";
    width: 11px;
    height: 11px;
    position: absolute;
    right: 24px;
    top: 50%;
    transform: translateY(-50%);
    background: currentColor;
    border-radius: 50%
}

.page-product-cursor-helper,
.product-tile-cursor-helper {
    width: 25%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0
}

.page-product-cursor-helper:last-of-type,
.product-tile-cursor-helper:last-of-type {
    left: 75%
}

.container,
.page-footer,
.page-header {
    padding-left: 0px;
    padding-right: 0px;
}

.overflow-hidden {
    overflow: hidden !important
}



body {
    font-weight: 700;
    font-size: 16px;
    line-height: 1.25;
    font-family: montserrat, sans-serif;
    color: #000;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

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

.aspect-ratio {
    height: 0;
    overflow: hidden;
    padding-bottom: 100%;
    position: relative;
    width: 100%
}

.aspect-ratio img {
    min-height: 1px;
    position: absolute;
    width: 100%
}

.lazyload,
.lazyloading {
    opacity: 0;
    transition: opacity .25s ease-in-out
}

.lazyloaded {
    opacity: 1;
    transition: opacity .25s ease-in-out
}

.accordion.-some-items-active {
    color: #9a9a9a
}

.accordion-item {
    border-top: 1px solid #000
}

.accordion-item.active {
    color: #000
}

.accordion-title {
    padding: 25px 90px 25px 24px;
    position: relative;
    user-select: none;
    cursor: pointer;
    transition: .15s
}

.accordion-title:before {
    position: absolute;
    top: 50%;
    right: 24px;
    transform: translateY(-50%)
}

.accordion-item:not(.active) .accordion-title:before {
    content: "";
    width: 11px;
    height: 11px;
    background: currentColor;
    border-radius: 50%
}

@media (min-width: 768px) {
    .accordion-item.active .accordion-title:before {
        content: "Close";
        transition: right .15s
    }

    .accordion-item.active .accordion-title:hover:before {
        right: 9px
    }
}

@media (hover: hover) and (pointer: fine) {
    .accordion-item:not(.active) .accordion-title:hover {
        background: #ededed;
        color: #000
    }
}

.accordion-close-icon {
    visibility: hidden;
    width: 14px;
    height: 14px;
    position: absolute;
    top: 29px;
    right: 22px
}

.accordion-item.active .accordion-close-icon {
    visibility: visible
}

@media (min-width: 768px) {
    .accordion-close-icon {
        display: none
    }
}

.accordion-close-arrow {
    display: none;
    opacity: 0;
    width: 11.463px;
    height: 12px;
    position: absolute;
    top: 29px;
    right: 71px;
    transition: .15s;
    pointer-events: none
}

@media (min-width: 768px) {
    .accordion-item.active .accordion-close-arrow {
        display: block
    }

    .accordion-item.active .accordion-title:hover .accordion-close-arrow {
        opacity: 1;
        right: 56px
    }
}

.accordion-content {
    display: none;
    padding: 0 44px 23px 24px
}

.accordion-item.active .accordion-content {
    display: block
}

@media (min-width: 1024px) {
    .accordion-content {
        width: calc((100% - 24px)/2);
        padding-right: 24px
    }
}

.modal {
    position: fixed;
    display: flex;
    flex-direction: column;
    visibility: hidden;
    top: 50%;
    left: 50%;
    width: 1306px;
    max-width: calc(100vw - 150px);
    max-height: calc(100vh - 40px);
    padding: 20px;
    z-index: 10;
    border-radius: 10px;
    opacity: 0;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    background: #fff;
    transform: translate(-50%, -50%);
    transition: opacity .3s ease-in-out, visibility .3s ease-in-out;
    box-shadow: 5px 6px 5px #00000012
}

@media (min-width: 1024px) {
    .modal {
        flex-direction: column
    }
}

.modal.is-visible {
    opacity: 1;
    visibility: visible
}

.modal[aria-hidden=false] {
    visibility: visible;
    opacity: 1
}

.modal-header {
    padding: 10px 0 25px;
    text-align: left
}

.modal-title {
    font-size: 16px;
    margin: 0
}

.modal-close {
    display: block;
    position: absolute;
    top: 27px;
    right: 5px;
    padding: 15px;
    line-height: 0;
    margin: 0
}

.modal-close:before {
    content: "x";
    text-transform: lowercase;
    text-align: center;
    font-size: 24px;
    transform: rotate("45deg");
    color: #000
}

.modal-overlay {
    background-color: transparent;
    bottom: 0;
    left: 0;
    opacity: 0;
    position: fixed;
    right: 0;
    top: 0;
    transform: translate(0);
    transition: opacity .25s ease-in-out, visibility .25s ease-in-out;
    visibility: hidden;
    width: 100%;
    z-index: 0
}

.modal-overlay.is-visible {
    opacity: .6;
    visibility: visible
}

.video-embed {
    background: #000;
    position: relative
}

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

.video-embed-html iframe {
    width: 100%;
    height: 100%
}

.brand-map-outer {
    overflow: hidden
}

.brand-map-wrapper {
    min-height: 100vh;
    overflow: hidden;
    user-select: none;
    background-color: #000;
    backface-visibility: hidden
}

.brand-map-wrapper.-hidden {
    visibility: hidden
}

@media (pointer: coarse) {
    .brand-map-wrapper {
        overflow: auto;
        scrollbar-width: none
    }

    .brand-map-wrapper::-webkit-scrollbar {
        display: none
    }
}

.brand-map-preloader {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 10;
    background: #fff;
    transition: 1s;
    transition-property: visibility, opacity
}

.brand-map-preloader.-hidden {
    visibility: hidden;
    opacity: 0
}

@keyframes blink {

    0%,
    to {
        opacity: 0
    }

    50% {
        opacity: 1
    }
}

.brand-map-preloader-title {
    animation: blink 1.5s infinite;
    font-family: Helvetica Neue, Helvetica, Arial;
    pointer-events: none
}

.brand-map-slide {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    opacity: 0;
    visibility: hidden;
    overflow: hidden;
    filter: blur(25px);
    backface-visibility: hidden;
    transition-timing-function: ease-in-out;
    transition-duration: .7s;
    transition-property: opacity, visibility, filter;
    transition-delay: .7s
}

.brand-map-slide:before {
    box-shadow: none
}

.-bedroom .brand-map-slide {
    filter: blur(0)
}

.brand-map-slide.active {
    opacity: 1;
    visibility: visible;
    transition-timing-function: ease-in-out;
    transition-duration: .7s;
    transition-property: opacity, visibility, filter;
    transition-delay: 1ms;
    filter: blur(0);
    z-index: 1
}

.brand-map-inner {
    min-width: 100%;
    min-height: 100%;
    overflow: hidden
}

@media (pointer: coarse) {
    .brand-map-inner {
        position: relative
    }
}

@media (hover: hover) and (pointer: fine) {
    .brand-map-inner {
        position: absolute;
        top: 0;
        left: 0
    }
}

.brand-map-nav-arrow,
.brand-map-nav-text {
    position: absolute;
    top: 50%
}

.brand-map-nav-text {
    opacity: 0;
    white-space: nowrap;
    transition: opacity .45s ease-in-out;
    padding: 3px 15px 3px 20px;
    display: block;
    top: 0;
    line-height: 1;
    font-family: montserrat, sans-serif;
    font-weight: bold;
}

.brand-map-nav.-hover .brand-map-nav-text {
    opacity: 1
}

.brand-map-nav-arrow {
    display: block;
    position: absolute;
    top: 79%;
    left: 4.25px;
    margin-top: -12px
}

.brand-map-nav-arrow svg {
    width: 14px;
    height: 10px
}

.brand-map-nav-right .brand-map-nav-text {
    padding: 3px 20px 3px 15px;
    left: auto;
    right: 0
}

.brand-map-nav-right .brand-map-nav-arrow {
    left: auto;
    right: 4.25px
}

.brand-map-nav {
    position: absolute;
    color: #fff
}

.brand-map-nav.-disabled {
    opacity: .5
}

.brand-map-nav-inner {
    position: absolute;
    left: 0;
    border: 1px solid #fff;
    border-radius: 12.5px;
    height: 25px;
    width: 25px;
    overflow: hidden;
    transition: width .45s ease-in-out, transform .45s ease-in-out;
    box-shadow: 0 0 10px #0003;
    text-shadow: 0 0 10px rgba(0, 0, 0, .3)
}

.brand-map-nav-right .brand-map-nav-inner {
    right: 0;
    left: auto
}

.brand-map-nav.-hover .brand-map-nav-text,
.brand-map-nav:hover .brand-map-nav-text {
    opacity: 1
}

.brand-map-image {
    width: 100%;
    pointer-events: none;
    height: 100%;
}

.brand-map-points {
    transition: 1s;
    transition-property: visibility, opacity
}

.brand-map-wrapper.-dots-pre-init .brand-map-points,
.brand-map-wrapper.-scrolled-a-bit .brand-map-points {
    visibility: hidden;
    opacity: 0
}

.brand-map-circle {
    display: block;
    position: absolute;
    border-radius: 50%;
    cursor: pointer;
    -webkit-tap-highlight-color: transparent;
    width: 44px;
    height: 44px;
    margin-top: -22px;
    margin-left: -22px;
    font-family: tussilago;
    font-weight: bold;
}

.brand-map-point {
    width: 1px;
    height: 1px;
    position: absolute;
    top: 22px;
    left: 22px
}

.brand-map-dot {
    width: 11px;
    height: 11px;
    position: absolute;
    top: -5px;
    left: -5px;
    background: #fff;
    border-radius: 50%;
    box-shadow: 0 0 10px 5px #00000040;
    transition: transform .15s
}

.brand-map-dot:before {
    content: "";
    position: absolute;
    top: -12px;
    right: -12px;
    bottom: -12px;
    left: -12px;
    border-radius: 50%
}

.brand-map-dot:after {
    content: "";
    width: 11px;
    height: 11px;
    position: absolute;
    top: -20px;
    left: -20px;
    transform: scale(0);
    background: inherit;
    border-radius: 50%;
    transition: 3s cubic-bezier(.165, .84, .44, 1)
}

.brand-map-circle.active .brand-map-dot {
    transform: scale(0)
}

.brand-map-wrapper.-dots-pre-init .brand-map-dot:after {
    transform: scale(1)
}

@media (hover: hover) and (pointer: fine) {
    .brand-map-circle:hover .brand-map-dot {
        transform: scale(0)
    }
}

.brand-map-point-ring {
    opacity: 0;
    position: absolute;
    top: -40px;
    right: -40px;
    bottom: -40px;
    left: -40px;
    background: rgba(255, 255, 255, .5);
    border: 1px solid #fff;
    border-radius: 50%;
    pointer-events: none
}

.brand-map-tooltip {
    opacity: 0;
    position: absolute;
    top: 12px;
    left: 1px;
    transform: translate(-50%) scale(1.2);
    border-radius: 13px;
    box-shadow: 0 0 10px #00000040;
    transition: .15s;
    transition-property: opacity, top
}

.brand-map-tooltip:before {
    content: "";
    width: 8px;
    height: 8px;
    position: absolute;
    top: -4px;
    left: calc(50% - 4px);
    transform: rotate(45deg);
    background: #fff;
    border-radius: 2px 0 0;
    box-shadow: 0 0 10px #0000001a
}

.brand-map-circle.active .brand-map-tooltip {
    opacity: 1;
    top: 7px
}

.brand-map-slide-studio a[href*=betterworld] .brand-map-tooltip {
    left: -75px
}

.brand-map-slide-studio a[href*=betterworld] .brand-map-tooltip:before {
    left: calc(50% + 59px)
}

.brand-map-slide-studio a[href*=el-chico-studios] .brand-map-tooltip {
    left: -59px
}

.brand-map-slide-studio a[href*=el-chico-studios] .brand-map-tooltip:before {
    left: calc(50% + 45px)
}

@media (hover: hover) and (pointer: fine) {
    .brand-map-tooltip {
        pointer-events: none
    }

    .brand-map-circle:hover .brand-map-tooltip {
        opacity: 1;
        top: 7px
    }
}

.brand-map-tooltip-inner {
    display: block;
    padding: 4px 10px 5px;
    position: relative;
    background: #fff;
    border-radius: inherit;
    font-size: 10px;
    line-height: 1.25;
    white-space: nowrap;
    
}

@keyframes bounce {
    0% {
        transform: translateY(0);
        animation-timing-function: ease-out
    }

    50% {
        transform: translateY(-10px);
        animation-timing-function: ease-in
    }

    to {
        transform: translateY(0)
    }
}

.brand-map-scroll-indicator {
    width: 100px;
    height: 0px;
    position: fixed;
    bottom: 0;
    left: 0;
    text-align: center;
    line-height: 1;
    color: #000;
    pointer-events: none;
    animation: bounce 1.1s cubic-bezier(.1, .25, .1, 1) 0s infinite normal;
    transition: opacity .25s
}

.brand-map-scroll-indicator.-scrolled,
.brand-map-wrapper.-dots-pre-init .brand-map-scroll-indicator {
    opacity: 0
}

.brand-map-scroll-position-indicator {
    width: 100vw;
    height: 0px;
    position: fixed;
    bottom: 0;
    right: 0;
    background: #000;
    pointer-events: none
}

.brand-map-scroll-position-indicator.-vertical {
    right: 2px;
    transform-origin: center right;
    transform: rotate(90deg);
    width: 100vh
}

.brand-map-scroll-position-indicator-dot {
    width: 100px;
    height: 4px;
    transform: translate(8px);
    background: #874e34;;
    transition: transform 20ms ease-in-out
}

.button,
.product-form-submit-button {
    display: inline-block;
    height: 72px;
    padding: 0 24px;
    position: relative;
    transition: .15s
}

.button[disabled],
.product-form-submit-button[disabled] {
    color: silver
}

@media (min-width: 768px) {

    .button:hover:not([disabled]),
    .product-form-submit-button:hover:not([disabled]) {
        background: #000;
        color: #fff
    }
}

.cart {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100%;
    position: relative
}

@media (min-width: 768px) {
    .cart.-has-products:before {
        content: "";
        width: 100%;
        height: 150px;
        position: absolute;
        bottom: 144px;
        left: 0;
        z-index: 1;
        background: linear-gradient(to bottom, rgba(255, 255, 255, 0), white);
        pointer-events: none
    }
}

.cart-product-rows {
    border-top: 1px solid
}

.cart-product-rows-inner {
    max-height: calc(100vh - 292px);
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    padding-right: 24px
}

@media (min-width: 768px) {
    .cart-product-rows-inner {
        max-height: calc(100vh - 241px)
    }
}

.cart-summary {
    padding-right: 24px
}

.cart-subtotal {
    display: flex;
    justify-content: space-between;
    height: 72px;
    padding: 0 24px;
    border-top: 1px solid;
    line-height: 72px
}

.cart-checkout-button {
    display: block;
    width: 100%;
    padding-bottom: 1px;
    text-align: left;
    background: #000;
    border-top: 1px solid #000;
    color: #fff
}

.cart-checkout-button:hover {
    opacity: .85
}

@media (max-width: 767px) {

    .cart-checkout-button {
        height: 48px;
        border-radius: 24px;
        text-align: center
    }

    .cart-checkout-button:before {
        display: none
    }
}

.cart-empty-message {
    opacity: .2;
    padding-top: 42px;
    font-size: 24px;
    line-height: 1.5
}

.cart-product-row {
    display: flex;
    justify-content: space-between;
    opacity: 0;
    padding: 24px 0;
    transition: opacity 1s
}

.cart-product-row:nth-child(n+2) {
    border-top: 1px solid
}

.-cart-visible .cart-product-row {
    opacity: 1
}

.-cart-visible .cart-product-row:nth-child(1) {
    transition-delay: .2s
}

.-cart-visible .cart-product-row:nth-child(2) {
    transition-delay: .25s
}

.-cart-visible .cart-product-row:nth-child(3) {
    transition-delay: .3s
}

.-cart-visible .cart-product-row:nth-child(4) {
    transition-delay: .35s
}

.-cart-visible .cart-product-row:nth-child(5) {
    transition-delay: .4s
}

.-cart-visible .cart-product-row:nth-child(6) {
    transition-delay: .45s
}

.-cart-visible .cart-product-row:nth-child(7) {
    transition-delay: .5s
}

.-cart-visible .cart-product-row:nth-child(8) {
    transition-delay: .55s
}

.cart-product-row-image-wrapper {
    display: block;
    width: 94px;
    margin-right: 24px
}

@media (min-width: 768px) {
    .cart-product-row-image-wrapper {
        width: calc((100% - 24px)/2)
    }
}

.cart-product-row-image {
    width: 100%
}

.cart-product-row-details {
    flex: 1
}

.cart-product-row-title {
    text-transform: uppercase
}

.cart-product-row-options-item {
    display: inline-block;
    margin-right: 10px
}

.cart-product-row-qty-selector {
    height: 25px;
    overflow: hidden;
    margin-top: 24px;
    position: relative;
    border: 1px solid;
    border-radius: 13px
}

.cart-product-row-qty-selector-input {
    width: 100%;
    height: 100%;
    text-align: center;
    line-height: 25px
}

.cart-product-row-qty-selector-button {
    width: 25px;
    position: absolute;
    top: -4px;
    bottom: 0;
    left: 0;
    cursor: pointer
}

.cart-product-row-qty-selector-button:last-of-type {
    left: auto;
    right: 0
}

.featured-product-list {
    position: relative;
    background: #fff
}

@media (min-width: 768px) {
    .featured-product-list {
        padding-top: 72px
    }
}

.page-footer {
    position: relative;
    background: #fff
}

.page-footer-inner {
    padding: 24px 0 70px;
    border-top: 1px solid
}

@media (min-width: 768px) {
    .page-footer-inner {
        display: flex;
        padding: 0
    }
}

.page-footer-column {
    margin-bottom: 30px
}

@media (min-width: 768px) {
    .page-footer-column {
        width: 24.6%;
        margin-bottom: 0;
        padding: 24px 0 60px
    }

    .page-footer-column:first-child {
        flex: 1
    }
}

@media (min-width: 768px) and (max-width: 1023px) {
    .page-footer-column:last-child {
        text-align: right
    }
}

.page-footer-menu-link {
    display: inline-block
}

.-nav-visible .contenant-trait { display:block !important;}
.-nav-visible .contenant-services { display:block !important;}
.contenant-services ul:hover a{ opacity: 0.25;}
.contenant-services ul:hover a:hover { opacity: 1;}


@media (max-width:420px){
    .contenant-services p {
        font-size: 9px !important;
   }
}


.trait{ border:1px solid white; width:100%;}




.page-header {
    width: 100%;
    position: fixed;
    bottom: 24px;
    left: 0;
    z-index: 10;
    pointer-events: none
}

@media (max-width: 767px) {

    .-nav-visible .contenant-trait { bottom: 70px !important;}
    .-nav-visible .contenant-services { bottom: 95px !important;}

    .page-header-navigation-menu-item a img { width:50px; height: 48px; }

    .page-header.-distant {
        visibility: hidden;
        opacity: 0;
        transform: translateY(10px);
        transition: opacity .35s ease-in-out, visibility .35s ease-in-out, transform .35s ease-in-out
    }

    .page-header.-distant.-scrolled {
        visibility: visible;
        opacity: 1;
        transform: none
    }
}


.page-header-alt.-nav-visible+main .brand-map-inner  .magic{
    position: absolute;
    width: 35rem;
    height: 35rem;
    border-radius: 50%;
    z-index: 2;
    margin-top: 70vh;
    margin-left: 75vh;
    filter: blur(63px);
    background: center radial-gradient(#874e34,#874e34,#874e3400);
  }


@media (min-width: 768px) {
    .page-header {
        height: 100vh;
        overflow: hidden;
        top: 0;
        bottom: auto
    }

    .page-header.-distant {
        margin-top: 100vh;
        margin-bottom: -200vh;
        position: sticky
    }
}

.page-header-inner {
    display: flex;
    justify-content: space-between;
    align-items: center
}

@media (min-width: 768px) {
    .page-header-inner {
        height: 72px;
        background: #fff;
        border-bottom: 1px solid;
        pointer-events: all
    }
}

.page-header-title {
    display: none;
    position: absolute;
 
}
@media (min-width: 1000px) {

    .page-header-title {
    text-align: right;
    width: 98vw;
    bottom: 20px;
    position: absolute;
    justify-content: right;
    font-size: 50px;
    font-family: Tussilago;
    margin: 0 !important;
    transition: 0.5s;
    transform: translate(0px, 0vh);
    }
}

@media (max-width: 999px) {

    .page-header-title {
    text-align: right;
    width: 98vw;
    bottom: 20px;
    position: absolute;
    justify-content: right;
    font-size: 50px;
    font-family: Tussilago;
    margin: 0 !important;
    }
}

@media (min-width: 768px) {
    .page-header-title {
        display: block;
    }
    .-nav-visible .page-header-title {
        bottom: 0 !important;
        transition: 0.5s;
        transform: translate(0px, -91vh);
    }
}

.page-header-alt .page-header-inner {
    background: 0 0;
    border-bottom: 0
}

@media (min-width: 768px) {

    .page-header-alt .page-header-cart-switcher,
    .page-header-alt .page-header-navigation-switcher,
    .page-header-alt .page-header-title,.page-header-alt .page-header-title2 {
        color: #fff
    }
}

.page-header-alt.-nav-visible .page-header-cart-switcher,
.page-header-alt.-nav-visible .page-header-navigation-switcher {
    background: 0 0;
    border-color: #fff;
    color: #fff
}

.page-header-alt.-cart-visible .page-header-cart-switcher,
.page-header-alt.-cart-visible .page-header-navigation-switcher {
    background-color: #fff;
    border-color: #000;
    color: #000
}

.page-header-alt.-cart-visible .page-header-cart-switcher {
    color: #000
}

.page-header-navigation-menu-item-title {
    margin-top: -50px;
    margin-bottom: 27px;
    font-size: 16px !important
}

@media (min-width: 768px) {
    .page-header-navigation-menu-item-title {
        display: none
    }
}

.page-header-navigation-menu-mobile-menu .page-header-navigation-menu-item-title {
    display: none
}

.template-default_checkpoint {
    margin-top: 10px
}

@media (min-width: 768px) {
    .template-default_checkpoint {
        margin-top: 82px
    }
}

.template-default_checkpoint .content--desc {
    margin: 20px 0
}

@media (max-width: 767px) {
    .page-header-cart {
        position: relative;
        z-index: 4
    }
}

.page-header-cart-switcher {
    transition-property: opacity, color, background-color, border;
    transition-timing-function: ease-in-out;
    transition-duration: .25s;
    z-index: 10
}

.page-header-cart-switcher span[rv-text][style*=none] {
    display: inline-block !important
}

@media (max-width: 767px) {
    .page-header-cart-switcher {
        width: 89px;
        height: 48px;
        border: 1px solid;
        background: #fff;
        border-radius: 24px;
        pointer-events: all
    }

    .page-header-cart-switcher span {
        font-size: 16px
    }

    .page-header-cart-switcher .page-header-cart-switcher-bracket {
        display: none
    }
}

@media (min-width: 768px) {
    .page-header-cart-switcher {
        position: relative;
        z-index: 1;
        transition: padding .25s ease-in-out
    }
}

.page-header-cart-pane {
    width: calc(100vw - 50px);
    max-width: 353px;
    height: 100vh;
    padding: 72px 0 24px 24px;
    position: fixed;
    top: 0;
    right: 0;
    background: #fff;
    transition-property: transform;
    pointer-events: all
}

.page-header-cart-pane,
.page-header-cart-pane:before {
    transition-duration: 1s;
    transition-timing-function: cubic-bezier(.165, .84, .44, 1)
}

.page-header-cart-pane:before {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    box-shadow: 0 4px 48px 36px #00000040;
    pointer-events: none;
    transition-property: opacity
}

.page-header-cart-pane.-hidden {
    transform: translate(100%)
}

.page-header-cart-pane.-hidden,
.page-header-cart-pane.-hidden:before {
    transition-duration: .5s
}

.page-header-cart-pane.-hidden:before {
    opacity: 0
}

@media (min-width: 768px) {
    .page-header-cart-pane {
        width: 100%;
        position: absolute;
        box-shadow: inset 1px 0 0 currentColor
    }
}

.page-header-cart-label {
    position: absolute;
    top: 26px;
    left: 24px;
    cursor: pointer
}

@media (min-width: 768px) {
    .page-header-cart-label {
        display: none
    }
}

.page-header-cart-close-button {
    position: absolute;
    top: 26px;
    right: 24px;
    color: #000
}

@media (min-width: 768px) {
    .page-header-cart-close-button {
        left: 24px;
        right: auto;
        transition: opacity .5s .1s, padding .15s
    }

    .page-header-cart-pane.-hidden .page-header-cart-close-button {
        opacity: 0;
        transition: none
    }
}

.page-header-navigation-switcher {
    position: relative;
    z-index: 3;
    display: inline-flex;
    margin-left: 20px;
    transition-property: opacity, color, background-color, border;
    transition-timing-function: ease-in-out;
    transition-duration: .25s;
    z-index: 10
}

.page-header-navigation-switcher:first-child {
    margin-left: 0
}

@media (max-width: 767px) {

    

    .page-header-navigation-switcher {
        display: none;
        justify-content: center;
        align-items: center;
        width: 89px;
        height: 44px;
        border: 2px solid;
        background: #874e34;
        border-radius: 20px;
        font-size: 0;
        pointer-events: all;
        margin-left: 0
    }

    .page-header-navigation-switcher:before {
        content: "MENU";
        font-size: 12px
    }
}

@media (max-width: 767px) {
    .-submenu-visible .page-header-navigation-switcher {
        opacity: 1 !important
    }
}

.-submenu-visible .page-header-navigation-switcher:before,
.page-header-navigation-switcher.active:before {
    content: "CLOSE"
}

@media (min-width: 768px) {

    .-submenu-visible .page-header-navigation-switcher:before,
    .page-header-navigation-switcher.active:before {
        content: "";
        display: none
    }
}

.-nav-link-hover .page-header-navigation-menu-link:not([href="#"]),
.-nav-switcher-hover .page-header-navigation-switcher,
.page-header.-nav-visible .page-header-navigation-switcher {
    opacity: .2
}

.-nav-link-hover .page-header-navigation-menu-link:not([href="#"]).active,
.-nav-link-hover .page-header-navigation-menu-link:not([href="#"]):hover,
.-nav-switcher-hover .page-header-navigation-switcher.active,
.-nav-switcher-hover .page-header-navigation-switcher:hover,
.page-header.-nav-visible .page-header-navigation-switcher.active,
.page-header.-nav-visible .page-header-navigation-switcher:hover {
    opacity: 1
}

.page-header-navigation-pane {
    width: calc(100vw - 135px);
    max-width: 360px;
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    background: #fff;
    pointer-events: all;
    transition: transform .9s cubic-bezier(.165, .84, .44, 1), left .5s 0s, width .3s ease-in-out;
    overflow: hidden;
    box-shadow: inset -1px 0 0 currentColor
}

.-submenu-visible .page-header-navigation-pane {
    width: 100%
}

.page-header-navigation-pane.-hidden {
    transform: translate(-100%);
    transition: transform .5s cubic-bezier(.165, .84, .44, 1), left 0s .9s
}

.page-header-navigation-pane.-hidden:before {
    opacity: 0;
    transition: opacity .5s cubic-bezier(.165, .84, .44, 1)
}

.page-header-navigation-pane.-hidden.-parent-pane-hidden {
    transition: transform .5s cubic-bezier(.165, .84, .44, 1), left 0s 0s
}

.page-header-navigation-pane.-child-visible:before {
    opacity: 0
}

@media (min-width: 768px) {
    .page-header-navigation-pane {
        width: 100%;
        padding-bottom: 24px;
        position: absolute
    }
}

.page-header-navigation-pane.-first {
    z-index: 2
}

@media (min-width: 768px) {
    .page-header-navigation-pane.-first {
        display: flex;
        flex-direction: column
    }
}

.page-header-alt .page-header-navigation-pane.-second {
    max-width: 220px
}

.page-header-alt .page-header-navigation-pane.-second.-hidden {
    transform: translate(100%)
}

.page-header-alt .page-header-navigation-pane.-one.-hidden {
    transform: translate(100%)
}

@media (max-width: 767px) {
    .page-header-alt .page-header-navigation-pane.-second {
        left: auto;
        right: 0;
        z-index: 2
    }
}

@media (min-width: 768px) {
    .page-header-alt .page-header-navigation-pane.-second {
        z-index: 1
    }
}

.-nav-visible.page-header-alt .page-header-navigation-pane.-second {
    transform: translate(0)
}

.page-header-navigation-pane-inner {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    padding: 150px 24px 96px;
    transition-property: opacity, visibility;
    transition-timing-function: ease-in-out;
    transition-duration: .35s;
    overflow: auto
}

.page-header-navigation-pane-inner.-hidden {
    opacity: 0;
    visibility: hidden
}

.page-header-navigation-menu-label {
    position: absolute;
    top: 26px;
    left: 24px;
    cursor: pointer
}

@media (min-width: 768px) {
    .page-header-navigation-menu-label {
        display: none
    }
}

.page-header-navigation-menu-item {
    opacity: 0;
    visibility: hidden;
    transform: translate(-10px);
    line-height: 1.25;
    transition-duration: 1s;
    transition-property: opacity, transform, visibility;
    transition-timing-function: ease-in-out
}

.page-header-navigation-pane-inner:not(.-hidden) .page-header-navigation-menu .page-header-navigation-menu-item {
    opacity: 1;
    visibility: visible;
    transform: none
}

.page-header-navigation-pane-inner:not(.-hidden) .page-header-navigation-menu .page-header-navigation-menu-item:nth-child(1) {
    transition-delay: .2s
}

.page-header-navigation-pane-inner:not(.-hidden) .page-header-navigation-menu .page-header-navigation-menu-item:nth-child(2) {
    transition-delay: .25s
}

.page-header-navigation-pane-inner:not(.-hidden) .page-header-navigation-menu .page-header-navigation-menu-item:nth-child(3) {
    transition-delay: .3s
}

.page-header-navigation-pane-inner:not(.-hidden) .page-header-navigation-menu .page-header-navigation-menu-item:nth-child(4) {
    transition-delay: .35s
}

.page-header-navigation-pane-inner:not(.-hidden) .page-header-navigation-menu .page-header-navigation-menu-item:nth-child(5) {
    transition-delay: .4s
}

.page-header-navigation-pane-inner:not(.-hidden) .page-header-navigation-menu .page-header-navigation-menu-item:nth-child(6) {
    transition-delay: .45s
}

.page-header-navigation-pane-inner:not(.-hidden) .page-header-navigation-menu .page-header-navigation-menu-item:nth-child(7) {
    transition-delay: .5s
}

.page-header-navigation-pane-inner:not(.-hidden) .page-header-navigation-menu .page-header-navigation-menu-item:nth-child(8) {
    transition-delay: .55s
}

.page-header-navigation-pane-inner:not(.-hidden) .page-header-navigation-menu .page-header-navigation-menu-item:nth-child(9) {
    transition-delay: .6s
}

.page-header-navigation-pane-inner:not(.-hidden) .page-header-navigation-menu .page-header-navigation-menu-item:nth-child(10) {
    transition-delay: .65s
}

.page-header-navigation-pane-inner:not(.-hidden) .page-header-navigation-menu .page-header-navigation-menu-item:nth-child(11) {
    transition-delay: .7s
}

.page-header-navigation-pane-inner:not(.-hidden) .page-header-navigation-menu .page-header-navigation-menu-item:nth-child(12) {
    transition-delay: .75s
}

.page-header-navigation-pane-inner:not(.-hidden) .page-header-navigation-menu .page-header-navigation-menu-item:nth-child(13) {
    transition-delay: .8s
}

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

    .page-header-navigation-menu-item {
        font-size: 24px;
        line-height: 1.2
    }
}

.page-header-navigation-menu-link {
    display: inline-block;
    transition: opacity .25s ease-in-out
}

.page-header-navigation-menu-link[href="#"] {
    opacity: .2;
    cursor: default
}

@media (hover: hover) and (pointer: fine) {
    .page-header-navigation-menu-link:not([disabled]):hover {
        color: #000
    }
}

.page-header-navigation-submenu-title {
    position: absolute;
    top: 26px;
    left: 24px
}

.page-header-navigation-pane-inner-mobile-menu .page-header-navigation-menu-terms .page-header-navigation-menu-item {
    font-size: 16px
}

.page-header-navigation-pane.-second {
    left: auto;
    right: 0
}

.page-header-navigation-pane.-second .page-header-navigation-pane-inner {
    display: flex;
    align-items: flex-end;
    justify-content: flex-end;
    padding-bottom: 24px
}

@media (min-width: 1024px) {
    .page-header-navigation-pane.-second .page-header-navigation-pane-inner {
        padding-bottom: 15px
    }
}

.page-header-navigation-pane.-second.-hidden {
    transform: translate(100%)
}

.page-header-navigation-pane.-one.-hidden {
    transform: translate(100%)
}

.page-header-navigation-menu-terms {
    text-align: right
}

.page-header-navigation-menu-terms li{
    opacity: 1;
    visibility: visible;
}

.page-header-navigation-menu-terms .page-header-navigation-menu-item {
    font-size: 16px
}

.page-header-navigation-menu-terms.-hidden .page-header-navigation-menu-item {
    transform: translate(10px)
}

.page-header.-nav-visible div.brand-map-points{ display:none;}

@media (max-width: 767px) {
    .page-header-alt.-nav-visible .page-header-navigation-pane-inner-terms.-hidden {
        opacity: 1;
        visibility: visible
    }

    .page-header-alt.-nav-visible .page-header-navigation-pane-inner-terms.-hidden .page-header-navigation-menu-item {
        opacity: 1;
        visibility: visible;
        transform: translate(0)
    }
}

.page-header-alt.-submenu-visible.-nav-visible .ui-page-header-navigation-pane.-second {
    transform: translate(100%)
}

@media (max-width: 767px) {
    .page-header-alt.-submenu-visible.-nav-visible .page-header-navigation-pane-inner-terms.-hidden {
        opacity: 0;
        visibility: hidden
    }

    .page-header-alt.-submenu-visible.-nav-visible .page-header-navigation-pane-inner-terms.-hidden .page-header-navigation-menu-item {
        opacity: 0;
        visibility: hidden;
        transform: translate(10)
    }
}

.page-header-navigation-pane-inner-explore,
.page-header-navigation-pane-inner-mobile-menu {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    padding-bottom: 116px
}

@media (min-width: 1024px) {

    .page-header-navigation-pane-inner-explore,
    .page-header-navigation-pane-inner-mobile-menu {
        padding-bottom: 80px
    }
}

.page-header-navigation-pane-inner-terms {
    max-width: 250px;
    opacity: 1 !important;
    visibility: visible !important;
}

.page-header-navigation-pane-inner-mobile-menu {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    flex-direction: column;
    padding-bottom: 116px;
}

@media (min-width: 1024px) {
    .page-header-navigation-pane-inner-mobile-menu {
        padding-bottom: 80px
    }
}


/*@document url("http://127.0.0.1:5500/#under")
 {
    nav .page-header-navigation.ui-page-header-navigation {
        display:none !important;
    }
  }*/




@media (max-width: 420px) {
    .page-header-navigation-menu-link {
        font-size:20px;
    }
}

.page-header-navigation-pane-inner-mobile-menu .page-header-navigation-menu-item {
    font-size: 24px
}

.page-header-navigation-switcher-explore,
.page-header-navigation-switcher-terms,
.page-header-navigation-switcher-terms-mobile-menu {
    position: fixed;
    bottom: 24px;
    margin-left: 0;
    opacity: 0;
    visibility: visible
}

@media (min-width: 1024px) {

    .page-header-navigation-switcher-explore,
    .page-header-navigation-switcher-terms,
    .page-header-navigation-switcher-terms-mobile-menu {
        display: block
    }
}

@media (min-width: 768px) {

    .page-header-navigation-switcher-explore,
    .page-header-navigation-switcher-mobile-menu {
        left: 24px
    }
}

.page-header-navigation-switcher-mobile-menu {
    display: block;
    left: 0
}

@media (min-width: 1024px) {
    .page-header-navigation-switcher-mobile-menu {
        opacity: 0;
        visibility: hidden
    }
}

@media (min-width: 768px) {
    .page-header-navigation-switcher-mobile-menu {
        display: none
    }
}

.page-header-navigation-switcher-terms {
    right: 24px
}

@media (min-width: 1024px) {
    .page-header-navigation-switcher-terms {
        display: none
    }
}

.page-header-navigation-menu-explore {
    padding-top: 20px
}

.page-header-alt .page-header-navigation-pane {
    background: 0 0;
    color: #fff;
    border-right: 0;
    box-shadow: none
}

.page-header-alt .page-header-navigation-pane:before {
    box-shadow: none
}

.page-header-alt .page-header-navigation-switcher-explore {
    opacity: 1;
    visibility: visible
}

.page-header-alt.-nav-visible+main .brand-map-slide {
    filter: blur(25px);
    transition-property: opacity, visibility, filter;
    pointer-events: none
}

.page-header-alt .page-header-navigation-switcher-terms {
    opacity: 0;
    visibility: hidden
}

@media (min-width: 768px) {
    .page-header-alt .page-header-navigation-switcher-terms {
        opacity: 1;
        visibility: visible;
        display: block
    }
}

.page-header-alt .page-header-navigation-menu-link {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    display: block
}

@media (hover: hover) and (pointer: fine) {
    .page-header-alt .page-header-navigation-menu-link:not([disabled]):hover {
        color: #fff
    }
}

@media (max-width: 767px) {
    .page-header-alt .page-header-title,.page-header-alt .page-header-title2 {
        display: block;
        position: fixed;
        top: 0;
        margin: 0;
        font-size: 7vw !important;
        color: #fff
    }
}

@media only screen and (max-height: 480px) {
    .page-header-navigation-menu-item-title {
        margin-bottom: 10px
    }

    .page-header-navigation-pane-inner,
    .page-header-navigation-pane.-second .page-header-navigation-pane-inner {
        padding-top: 60px;
        padding-bottom: 90px
    }

    .page-header-navigation-menu-item h3,
    .page-header-navigation-menu-link {
        font-size: 15px
    }

    .page-header-navigation-menu-item-title {
        margin-top: 0
    }

    .page-header-navigation-pane {
        overflow-y: auto;
        scrollbar-width: none
    }

    .page-header-navigation-pane::-webkit-scrollbar {
        display: none
    }

    .page-header-navigation-menu-item {
        font-size: 16px !important
    }
}

.page-header-navigation-pane-inner-terms .page-header-navigation-menu-item-title {
    display: none
}

@media (hover: hover) and (pointer: fine) {
    .link-group {
        transition: color .5s
    }

    .link-group.-hover {
        color: #9a9a9a
    }

    .link-group-item:hover {
        color: #000
    }
}

.product-collection.-related {
    margin-bottom: 30px;
    border-top: 1px solid
}

.product-collection-row-title {
    margin-bottom: 32px;
    padding: 26px 24px;
    border-bottom: 1px solid;
    text-align: center;
    line-height: 1.2
}

.product-collection.-related .product-collection-row-title {
    text-align: left
}

@media (min-width: 768px) {
    .product-collection-row-title {
        padding: 57px 0;
        font-size: 24px
    }

    .product-collection.-related .product-collection-row-title {
        text-align: center;
        font-size: 16px
    }
}

.product-collection-list {
    display: flex;
    flex-wrap: wrap
}

.product-collection-load-more-button {
    display: block;
    width: 100%;
    height: 72px;
    margin-bottom: -30px;
    border-top: 1px solid;
    transition: background .15s
}

.product-collection-load-more-button:hover {
    background: #ededed
}

@media (min-width: 768px) {
    .product-collection-load-more-button {
        height: 143px
    }
}

.product-form-option {
    position: relative;
    user-select: none
}

.-marked-sold-out .product-form-option:not(:first-of-type),
.-sold-out .product-form-option:not(:first-of-type) {
    display: none
}

.product-form-option-label {
    padding: 25px 50px 25px 24px;
    position: relative;
    border: solid;
    border-width: 1px 0 0;
    border-left-color: transparent;
    border-right-color: transparent;
    cursor: pointer;
    transition: .15s
}

.product-form-option.active .product-form-option-label {
    border-color: currentColor
}

@media (hover: hover) and (pointer: fine) {
    .product-form-option-label:hover {
        background: #ededed
    }
}

@media (min-width: 768px) {
    .product-form-option-label {
        border-width: 1px 1px 0
    }
}

.product-form-option-another-option {
    opacity: .25
}

.product-form-option-another-option-color:before {
    content: "/";
    margin: 0 .5em
}

.product-form-option-another-option.-hidden:before {
    display: none
}

.product-form-option-list {
    display: none;
    border: solid;
    border-width: 1px 0 0
}

.product-form-option.active .product-form-option-list {
    display: block
}

@media (min-width: 768px) {
    .product-form-option-list {
        display: block;
        visibility: hidden;
        width: 100%;
        position: absolute;
        bottom: 70px;
        left: 0;
        background: #fff;
        border-width: 1px
    }

    .product-form-option.active .product-form-option-list {
        visibility: visible
    }
}

.product-form-option-item {
    padding: 25px 24px;
    cursor: pointer;
    transition: background .15s;
    display: block
}

.product-form-option-item:nth-child(n+2) {
    box-shadow: inset 0 1px #9a9a9a
}

.product-form-option-item.-disabled {
    color: gray;
    pointer-events: none
}

@media (hover: hover) and (pointer: fine) {
    .product-form-option-item:hover {
        background: #ededed
    }
}

.product-form-submit-button {
    display: block;
    width: 100%;
    padding-bottom: 1px;
    text-align: left;
    border-top: 1px solid #000
}

.product-form-popup {
    width: 100%;
    padding: 46px 0 21px;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 10;
    background: #000;
    text-align: center;
    color: #fff;
    transition: .5s cubic-bezier(.165, .84, .44, 1)
}

.product-form-popup.-hidden {
    visibility: hidden;
    transform: translateY(-100%)
}

@media (min-width: 768px) {
    .product-form-popup {
        padding: 26px 0
    }
}

.product-tile {
    width: 100%;
    margin-bottom: 32px
}

@media (min-width: 420px) {

    
    .product-tile {
        width: calc((100% - 24px)/2)
    }
}

@media (min-width: 420px) and (max-width: 731px) {
    .product-tile:not(:nth-child(2n+1)) {
        margin-left: 24px
    }
}

@media (min-width: 732px) {
    .product-tile {
        width: calc((100% - 24px * 2)/ 3)
    }
}

@media (min-width: 732px) and (max-width: 1086px) {
    .product-tile:not(:nth-child(3n+1)) {
        margin-left: 24px
    }
}

@media (min-width: 1087px) {
    .product-tile {
        width: calc((100% - 72px)/4)
    }

    .product-tile:not(:nth-child(4n+1)) {
        margin-left: 24px
    }
}

.product-tile-swipe-wrapper {
    display: block;
    margin-bottom: 20px
}

.product-tile-swipe-wrapper img {
    pointer-events: none
}

@media (hover: hover) and (pointer: fine) {
    .product-tile-swipe-wrapper {
        display: none
    }
}

.product-tile-image-wrapper,
.product-tile-swipe-item {
    padding-top: 127.2727273%;
    position: relative;
    background: #e1dfe0
}

.product-tile-image-wrapper img,
.product-tile-swipe-item img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    position: absolute;
    top: 0;
    left: 0
}

.product-tile-image-wrapper {
    display: block;
    overflow: hidden;
    position: relative;
    margin-bottom: 20px
}

@media (pointer: coarse) {
    .product-tile-image-wrapper {
        display: none
    }
}

.product-tile-image-inner {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0
}

.product-tile-blurred-thumbnail {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    background: #fff;
    transition: opacity 1s
}

.product-tile:nth-child(4n+2) .product-tile-blurred-thumbnail {
    transition-delay: .15s
}

.product-tile:nth-child(4n+3) .product-tile-blurred-thumbnail {
    transition-delay: .3s
}

.product-tile:nth-child(4n+4) .product-tile-blurred-thumbnail {
    transition-delay: .45s
}

.product-tile.-observed .product-tile-blurred-thumbnail {
    opacity: 0
}

.product-tile-image {
    visibility: hidden;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0
}

body:not(.-loaded) .product-tile-image:nth-child(n+2) {
    display: none
}

.product-tile-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    image-rendering: -webkit-optimize-contrast
}

.product-tile-image-placeholder {
    z-index: 2;
    filter: blur(12px);
    pointer-events: none;
    transition: opacity 1s
}

.product-tile.-image-loaded .product-tile-image-placeholder {
    opacity: 0
}

.product-tile-image.-visible,
body:not(.-loaded) .product-tile-image.-visible {
    display: block;
    visibility: visible;
    position: static
}

@media (pointer: coarse) {
    .product-tile-image-placeholder {
        display: none
    }
}

.product-tile-details {
    display: block;
    padding-right: 40px;
    position: relative
}

.product-tile-title,
.product-tile-price-tag {
    text-transform: uppercase
}

@media (hover: hover) and (pointer: fine) {
    .product-tile-details:hover .product-tile-price-tag {
        opacity: 0
    }
}

.product-tile-sizes {
    opacity: 0;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    position: absolute;
    left: 0;
    bottom: 0;
    white-space: nowrap
}

.product-tile-sizes-item:not(:last-child):after {
    content: ", "
}

@media (hover: hover) and (pointer: fine) {
    .product-tile-details:hover .product-tile-sizes {
        opacity: 1
    }
}

.product-tile-add-button {
    width: 20px;
    height: 20px;
    position: absolute;
    top: 0;
    right: 0;
    border-radius: 50%
}

.product-tile-add-button:before {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    border: 1px solid;
    border-radius: inherit
}

@media (hover: hover) and (pointer: fine) {
    .product-tile-details:hover .product-tile-add-button {
        background: #000;
        color: #fff
    }

    .product-tile-details:hover .product-tile-add-button:before {
        border-color: transparent
    }
}

.product-tile-plus-sign:after,
.product-tile-plus-sign:before {
    content: "";
    width: 8px;
    height: 2px;
    position: absolute;
    top: 9px;
    left: 6px;
    background: currentColor
}

.product-tile-plus-sign:after {
    transform: rotate(90deg)
}

.product-videos {
    border-top: 1px solid #000
}

.product-videos-title {
    margin-bottom: 32px;
    padding: 26px 24px;
    border-bottom: 1px solid #000;
    text-align: center;
    line-height: 1.2
}

.product-collection.-related .product-videos-title {
    text-align: left
}

@media (min-width: 768px) {
    .product-videos-title {
        padding: 57px 0;
        text-align: center;
        font-size: 16px
    }
}

.product-videos-list {
    display: flex;
    margin-left: -27px;
    flex-wrap: wrap
}

.product-video {
    padding-left: 27px;
    width: 100%
}

@media (min-width: 768px) {
    .product-video {
        width: 50%
    }
}

.product-video-anchor,
.product-video-embed {
    width: 100%;
    display: block
}

.product-video-anchor svg,
.product-video-embed svg {
    border: 1px solid #9a9a9a;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.product-video-details {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: flex-start;
    padding: 12px 0 30px
}

.product-video-title {
    padding-right: 10px
}

.subscribe {
    width: 100%;
    height: 100vh;
    position: fixed;
    top: 0;
    right: 0;
    z-index: 10;
    background: #fff;
    pointer-events: all
}

@media (max-width: 767px) {
    .page-subscribe .subscribe {
        max-width: initial;
        width: 100vw
    }
}

.subscribe input[type=email],
.subscribe input[type=text] {
    border-top: 0 !important;
    border-left: 0 !important;
    border-right: 0 !important;
    border-color: #000 !important;
    text-align: center !important
}

.subscribe button[type=button] {
    background: 0 0 !important;
    border: 0 !important;
    color: #000 !important;
    width: auto !important
}

@media (max-width: 767px) {
    .subscribe button[type=button] {
        position: absolute !important;
        bottom: 0 !important;
        right: 0 !important
    }
}

.subscribe .container,
.subscribe .page-footer,
.subscribe .page-header {
    height: 100%
}

.subscribe.-hidden {
    visibility: hidden
}

@media (min-width: 768px) {
    .subscribe .klaviyo-form-RihNDe .klaviyo-form>div>div {
        height: 107% !important
    }
}

.subscribe .klaviyo-form-RihNDe>div div:nth-child(2) {
    align-items: flex-start !important;
    height: 20% !important
}

.subscribe .klaviyo-form-RihNDe>div div:nth-child(2) input[type=text] {
    margin-top: 10px
}

.subscribe .klaviyo-form-RihNDe>div div:nth-child(3) {
    align-items: flex-start !important
}

.subscribe .klaviyo-form-RihNDe>div div:nth-child(3) button[type=button] {
    margin: 0 auto;
    top: 100px
}

@media (min-width: 768px) {
    .subscribe .klaviyo-form-RihNDe>div div:nth-child(3) button[type=button] {
        margin-top: 13%;
        top: initial
    }
}

@media (max-width: 767px) {
    .subscribe {
        width: calc(100vw - 50px);
        max-width: 353px;
        height: 100%;
        transition: .5s cubic-bezier(.165, .84, .44, 1);
        transition-property: visibility, transform
    }

    .subscribe:before {
        content: "";
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
        box-shadow: 0 4px 48px 36px #00000040;
        pointer-events: none;
        transition: opacity .9s cubic-bezier(.165, .84, .44, 1)
    }

    .subscribe.-hidden {
        transform: translate(100%)
    }
}

@media (min-width: 768px) {
    .subscribe {
        transition: .15s
    }

    .subscribe.-hidden {
        opacity: 0
    }
}

.klaviyo-form {
    height: 100% !important
}

.klaviyo-form>div,
.klaviyo-form>div>div {
    height: 100% !important
}

.kl-private-reset-css-Xuajs1 {
    padding-left: 0 !important;
    padding-right: 0 !important
}

div[data-testid=form-component] {
    padding: 0 !important
}

.subscribe-form {
    height: 100% !important;
    display: flex !important;
    align-items: center !important;
    position: relative;
    padding: 0 !important
}

.subscribe-form.-sent .subscribe-back-button,
.subscribe-form.-sent .subscribe-input,
.subscribe-form.-sent .subscribe-submit-button {
    display: none
}

.subscribe-form.-sent .subscribe-back-button,
.subscribe-form.-sent .subscribe-success-message {
    display: block
}

.subscribe-input {
    width: 100%;
    padding: 20px 0;
    text-align: center;
    border-bottom: 1px solid;
    border-radius: 0;
    line-height: 1.2
}

.subscribe-input::placeholder {
    color: inherit
}

.subscribe-input:focus::placeholder {
    color: #9a9a9a
}

@media (min-width: 768px) {
    .subscribe-input {
        padding: 25px 0;
        font-size: 24px
    }
}

.subscribe-hidden-field {
    position: absolute;
    top: -9000px;
    left: -9000px
}

.subscribe-back-button,
.subscribe-submit-button {
    padding: 10px;
    position: absolute;
    right: 0;
    bottom: 17px
}

@media (min-width: 768px) {

    .subscribe-back-button,
    .subscribe-submit-button {
        margin: 0 auto;
        left: 0
    }
}

.subscribe-back-button {
    display: inline-block;
    top: 17px;
    right: 24px;
    padding-right: 0;
    bottom: auto;
    text-align: center;
    cursor: pointer
}

@media (min-width: 768px) {
    .subscribe-back-button {
        right: auto;
        left: 15px
    }
}

.subscribe-success-message {
    display: none;
    width: 100%;
    text-align: center;
    line-height: 1.2
}

@media (min-width: 768px) {
    .subscribe-success-message {
        font-size: 24px
    }
}

.template-index {
    overflow: hidden
}

.page-coming-soon {
    padding-bottom: 30px
}

@media (min-width: 768px) {
    .page-coming-soon {
        padding-top: 72px
    }
}

.page-coming-soon-title {
    margin-bottom: 32px;
    padding: 30px 0;
    border-bottom: 1px solid;
    text-align: center;
    line-height: 1.2
}

@media (min-width: 768px) {
    .page-coming-soon-title {
        padding: 57px 0;
        font-size: 24px
    }
}

.page-coming-soon-content {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 200px
}

@media (min-width: 768px) {
    .page-coming-soon-content {
        height: calc(100vh - 462px)
    }
}

.page-faq {
    padding-bottom: 30px
}

@media (min-width: 768px) {
    .page-faq {
        padding-top: 72px
    }
}

.page-faq-title {
    padding: 30px 0;
    text-align: center;
    line-height: 1.2
}

@media (min-width: 768px) {
    .page-faq-title {
        padding: 57px 0;
        font-size: 24px
    }
}

@media (min-width: 768px) {
    .page-product {
        padding-top: 102px
    }
}

.collection-product+.product-collection {
    border-top: 1px solid #000
}

@media (min-width: 768px) {
    .collection-product {
        padding-top: 25px
    }
}

.collection-product .product-form-option-item {
    position: relative
}

.page-product-columns {
    display: flex;
    flex-direction: column-reverse;
    position: relative
}

@media (min-width: 768px) {
    .page-product-columns {
        flex-direction: row-reverse;
        justify-content: space-between;
        margin-bottom: 32px
    }
}

.page-product-label {
    width: 100%;
    padding: 46px 0 20px;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    border-bottom: 1px solid;
    text-align: center
}

@media (min-width: 768px) {
    .page-product-label {
        display: none
    }
}

.page-product-column:last-of-type {
    margin: 0 -24px 32px;
    user-select: none
}

@media (min-width: 768px) {
    .page-product-column {
        width: calc((100% - 25px)/2)
    }

    .page-product-column:first-of-type {
        display: flex;
        flex-direction: column
    }

    .page-product-column:last-of-type {
        margin: 0
    }
}

.page-product-header {
    margin-bottom: 20px
}

@media (min-width: 768px) {
    .page-product-header {
        flex: 1;
        font-size: 24px
    }
}

.page-product-title,
.page-product-price-tag {
    text-transform: uppercase
}

.page-product-description {
    margin-bottom: 30px
}

.page-product-description span {
    font-weight: 600 !important
}

@media (min-width: 1024px) {
    .page-product-description {
        width: calc((100% - 24px)/2)
    }
}

.page-product-swipe-wrapper {
    position: relative
}

.page-product-swipe-wrapper img {
    pointer-events: none
}

@media (hover: hover) and (pointer: fine) {
    .page-product-swipe-wrapper {
        display: none
    }
}

.page-product-swipe-item {
    display: flex;
    align-items: center;
    height: 100vw;
    background: #e1dfe0
}

.page-product-swipe-item img {
    width: 100%;
    height: 100%;
    object-fit: cover
}

.page-product-image-counter {
    position: absolute;
    bottom: 20px;
    left: 24px;
    z-index: 1;
    pointer-events: none
}

@media (min-width: 768px) {
    .page-product-image-counter {
        bottom: 24px
    }
}

.page-product-image-wrapper {
    position: relative;
    background: #e1dfe0
}

@media (pointer: coarse) {
    .page-product-image-wrapper {
        display: none
    }
}

.page-product-image {
    visibility: hidden;
    width: 100%;
    object-fit: cover;
    position: absolute;
    top: 0;
    left: 0;
    image-rendering: -webkit-optimize-contrast
}

.page-product-image.-visible {
    visibility: visible;
    position: static
}

.page-product-cursor-helper {
    width: 50%;
    left: 0
}

.page-product-cursor-helper:before {
    content: "";
    opacity: .25;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    transition: opacity .15s
}

.page-product-cursor-helper:last-of-type {
    left: 50%
}

.page-product-cursor-helper:last-of-type:before {
    background-position: calc(100% - 24px)
}

.page-product-image-wrapper:hover .page-product-cursor-helper:before {
    opacity: 0
}

[data-image-count="1"] .page-product-cursor-helper {
    display: none
}

.page-sitemap {
    padding-bottom: 30px
}

@media (min-width: 768px) {
    .page-sitemap {
        padding-top: 72px
    }
}

.page-sitemap-title {
    margin-bottom: 32px;
    padding: 30px 0;
    border-bottom: 1px solid;
    text-align: center;
    line-height: 1.2
}

@media (min-width: 768px) {
    .page-sitemap-title {
        padding: 57px 0;
        font-size: 24px
    }
}

.page-sitemap-list-wrapper {
    max-width: 800px;
    margin: 0 auto
}

.page-sitemap-list ul {
    margin-left: 7px
}

.page-terms {
    padding-bottom: 30px
}

@media (min-width: 768px) {
    .page-terms {
        padding-top: 72px
    }
}

.page-terms-title {
    padding: 30px 0;
    text-align: center;
    line-height: 1.2
}

@media (min-width: 768px) {
    .page-terms-title {
        padding: 57px 0;
        font-size: 24px
    }
}

.page-terms-content {
    max-width: 800px;
    margin: 0 auto
}

.page-terms-content h3,
.page-terms-content p,
.page-terms-content ul {
    margin-bottom: 1em
}

.page-terms-content p+ul {
    margin-top: -1em
}

.page-terms-content li {
    margin-left: 20px;
    list-style-type: disc
}

.page-terms-content a,
.page-terms-content a:hover {
    text-decoration: underline
}

.page-404 {
    padding-bottom: 30px;
    text-align: center
}

@media (min-width: 768px) {
    .page-404 {
        padding-top: 72px
    }
}

.page-404-title {
    margin-bottom: 32px;
    padding: 30px 0;
    border-bottom: 1px solid;
    text-align: center;
    line-height: 1.2
}

@media (min-width: 768px) {
    .page-404-title {
        padding: 57px 0;
        font-size: 24px
    }
}

.shopify-challenge__container {
    padding-top: 120px;
    padding-bottom: 40px
}