/** Shopify CDN: Minification failed

Line 485:37 Unexpected "{"

**/
:root {
  --animation-speed-fast: .15s;
  --animation-speed-medium: .4s;
  --animation-speed-slow: .7s;
  --container-width: 1300px;
  --container-padding: 1.5rem;
  --header-change-animation-speed: var(--animation-speed-fast);
  --mobile-menu-width: 400px;
  --side-panel-width: 400px;
  --side-panel-bg-color: #fff;
  --filters-width: 400px;
  --mobile-menu-button-width: 2.5em;
  --grid-gap: 20px;
  --vh: 1vh;
  --100vh: calc(var(--vh) * 100);

}
@media all and (min-width: 1540px){
  :root {
    --container-width: 85vw;
  }
}
@media (max-width: 900px) {
  :root {
    --container-padding: 1.2rem;
  }
}
@media (max-width: 600px) {
  :root {
    --container-padding: 1rem;
    --mobile-menu-width: 100%;
    --side-panel-width: 100%;
    --filters-width: 100%;
  }
}
.shopify-pc__banner__dialog{
  left: 0 !important;
}



/* 
******************** RESET ********************
*/
* {-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;}
html {padding-bottom: 0 !important;} /* Overrides Shopify's preview bar padding */
html, body {margin: 0; padding: 0; border: 0;}
a {color: inherit; text-decoration: none;}
p a, li a {text-decoration: underline;}
img {display: block; width: 100%; height: initial; border: none;}
table {width: 100%; border-collapse: collapse; vertical-align: middle; border-spacing: 0;}
input, select {vertical-align: middle;}
input, select, textarea, button {font: inherit;}
input::-ms-clear {display: none;}
ul, ol {padding-inline-start: 1.1875em;}
textarea {line-height: inherit; resize: none;}
select, textarea, input[type="button"], input[type="submit"], input[type='text'],input[type='email'], input[type='number'], input[type='search'], input[type='date'], input[type="tel"], input[type="phone"], input[type='password'], button {font: inherit; appearance:none; -moz-appearance:none; -webkit-appearance:none; border: 0; padding: 0; border-radius: 0; background: transparent;}
select, textarea, input[type='text'],input[type='email'], input[type='number'], input[type='search'], input[type='date'], input[type="tel"], input[type="phone"], input[type='password'] {display: block; width: 100%; line-height: normal;}
select, input[type="button"], input[type="submit"], button, label {cursor: pointer;}
select::-ms-expand {display: none;}
button[disabled] {opacity: 0.4;}

svg.icon {display: block; width: 1em; height: 1em; font-size: 1em; line-height: 1; overflow: visible;}
svg.icon path {-webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; -ms-transition: all 0.2s linear; transition: all 0.2s linear;}
svg.icon:focus {outline: none;}

/*
******************** FONTS ********************
*/@font-face {
  font-family: 'Gabriela Black It';
  src: url(//jeandousset.com/cdn/shop/files/Gabriela-BlackIt.woff2?v=17323376514131303492) format('woff2'),
      url(//jeandousset.com/cdn/shop/files/Gabriela-BlackIt.woff?v=2875996641243914967) format('woff');
  font-weight: 900;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: 'Gabriela Bold It';
  src: url(//jeandousset.com/cdn/shop/files/Gabriela-BoldIt.woff2?v=5328259190679473287) format('woff2'),
      url(//jeandousset.com/cdn/shop/files/Gabriela-BoldIt.woff?v=17887644223935023379) format('woff');
  font-weight: bold;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: 'Gabriela';
  src: url(//jeandousset.com/cdn/shop/files/Gabriela-Black.woff2?v=13718326458977257193) format('woff2'),
      url(//jeandousset.com/cdn/shop/files/Gabriela-Black.woff?v=11568367738716995894) format('woff');
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Gabriela';
  src: url(//jeandousset.com/cdn/shop/files/Gabriela-ExtraLight.woff2?v=4592295495235887230) format('woff2'),
      url(//jeandousset.com/cdn/shop/files/Gabriela-ExtraLight.woff?v=8858619665257770691) format('woff');
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Gabriela Light It';
  src: url(//jeandousset.com/cdn/shop/files/Gabriela-ExtraLightIt.woff2?v=5737741234534611762) format('woff2'),
      url(//jeandousset.com/cdn/shop/files/Gabriela-ExtraLightIt.woff?v=14572883857993687337) format('woff');
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: 'Gabriela';
  src: url(//jeandousset.com/cdn/shop/files/Gabriela-Bold.woff2?v=12959319884735794780) format('woff2'),
      url(//jeandousset.com/cdn/shop/files/Gabriela-Bold.woff?v=1014510951342343340) format('woff');
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Gabriela-Bold';
  src: url(//jeandousset.com/cdn/shop/files/Gabriela-Bold.woff2?v=12959319884735794780) format('woff2'),
      url(//jeandousset.com/cdn/shop/files/Gabriela-Bold.woff?v=1014510951342343340) format('woff');
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Gabriela';
  src: url(//jeandousset.com/cdn/shop/files/Gabriela-ExtraBold.woff2?v=11251232610965584376) format('woff2'),
      url('Gabriela-ExtraBold.woff') format('woff');
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Gabriela ExtraBold It';
  src: url(//jeandousset.com/cdn/shop/files/Gabriela-ExtraBoldIt.woff2?v=5265697467113903637) format('woff2'),
      url(//jeandousset.com/cdn/shop/files/Gabriela-ExtraBoldIt.woff?v=3689892197481091750) format('woff');
  font-weight: bold;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: 'Gabriela ExtraLight It';
  src: url(//jeandousset.com/cdn/shop/files/Gabriela-ExtraLightIt.woff2?v=5737741234534611762) format('woff2'),
      url(//jeandousset.com/cdn/shop/files/Gabriela-ExtraLightIt.woff?v=14572883857993687337) format('woff');
  font-weight: 200;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: 'Gabriela';
  src: url(//jeandousset.com/cdn/shop/files/Gabriela-Medium.woff2?v=17516380674243442619) format('woff2'),
      url(//jeandousset.com/cdn/shop/files/Gabriela-Medium.woff?v=9005731614951563262) format('woff');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Gabriela Medium It';
  src: url(//jeandousset.com/cdn/shop/files/Gabriela-MediumIt.woff2?v=10285804059401437644) format('woff2'),
      url(//jeandousset.com/cdn/shop/files/Gabriela-MediumIt.woff?v=5151369811137325749) format('woff');
  font-weight: 500;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: 'Gabriela';
  src: url(//jeandousset.com/cdn/shop/files/Gabriela-Light.woff2?v=4130695887567908299) format('woff2'),
      url(//jeandousset.com/cdn/shop/files/Gabriela-Light.woff?v=8476971459203515289) format('woff');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Gabriela SemiBold It';
  src: url(//jeandousset.com/cdn/shop/files/Gabriela-SemiBoldIt.woff2?v=10354678181450681893) format('woff2'),
      url(//jeandousset.com/cdn/shop/files/Gabriela-SemiBoldIt.woff?v=2918359311179236468) format('woff');
  font-weight: 600;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: 'Gabriela It';
  src: url(//jeandousset.com/cdn/shop/files/Gabriela-RegularIt.woff2?v=220534211007583672) format('woff2'),
      url(//jeandousset.com/cdn/shop/files/Gabriela-RegularIt.woff?v=4158248099102933651) format('woff');
  font-weight: normal;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: 'Gabriela';
  src: url(//jeandousset.com/cdn/shop/files/Gabriela-Regular.woff2?v=12337432945362698381) format('woff2'),
      url(//jeandousset.com/cdn/shop/files/Gabriela-Regular.woff?v=15217481148614745663) format('woff');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Gabriela';
  src: url(//jeandousset.com/cdn/shop/files/Gabriela-SemiBold.woff2?v=12173280495237339813) format('woff2'),
      url(//jeandousset.com/cdn/shop/files/Gabriela-SemiBold.woff?v=7355526808428406849) format('woff');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Gabriela Thin It';
  src: url(//jeandousset.com/cdn/shop/files/Gabriela-ThinIt.woff2?v=10143416312073859031) format('woff2'),
      url(//jeandousset.com/cdn/shop/files/Gabriela-ThinIt.woff?v=2893482600860012409) format('woff');
  font-weight: 100;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: 'Gabriela';
  src: url(//jeandousset.com/cdn/shop/files/Gabriela-Thin.woff2?v=6880559614279070264) format('woff2'),
      url(//jeandousset.com/cdn/shop/files/Gabriela-Thin.woff?v=2628257612136266181) format('woff');
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Magnite';
  src: url(//jeandousset.com/cdn/shop/files/Magnite-Regular.woff2?122624) format('woff2'),
      url(//jeandousset.com/cdn/shop/files/Magnite-Regular.woff?122624) format('woff');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
font-family: 'Cambon'; 
src: url(//jeandousset.com/cdn/shop/files/Cambon-Black.woff2?v=8258584952699634307) format('woff2'),
url(//jeandousset.com/cdn/shop/files/Cambon-Black.woff?v=1741305206117854405) format('woff');
font-weight: 900;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Cambon'; 
src: url(//jeandousset.com/cdn/shop/files/Cambon-BlackItalic.woff2?v=3918257806889217239) format('woff2'),
url(//jeandousset.com/cdn/shop/files/Cambon-BlackItalic.woff?v=11270120400026915758) format('woff');
font-weight: 900;
font-style: italic;
font-display: swap;
}
@font-face {
font-family: 'Cambon'; 
src: url(//jeandousset.com/cdn/shop/files/Cambon-Bold.woff2?v=2087775626204684263) format('woff2'),
url(//jeandousset.com/cdn/shop/files/Cambon-Bold.woff?v=14245660694774810364) format('woff');
font-weight: 700;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Cambon'; 
src: url(//jeandousset.com/cdn/shop/files/Cambon-BoldItalic.woff2?v=13524201571072223611) format('woff2'),
url(//jeandousset.com/cdn/shop/files/Cambon-BoldItalic.woff?v=16972039611565708390) format('woff');
font-weight: 700;
font-style: italic;
font-display: swap;
}
@font-face {
font-family: 'Cambon'; 
src: url(//jeandousset.com/cdn/shop/files/Cambon-Book.woff2?v=10526796878772858577) format('woff2'),
url(//jeandousset.com/cdn/shop/files/Cambon-Book.woff?v=5335062312031734610) format('woff');
font-weight: 500;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Cambon'; 
src: url(//jeandousset.com/cdn/shop/files/Cambon-BookItalic.woff2?v=5530101094158422411) format('woff2'),
url(//jeandousset.com/cdn/shop/files/Cambon-BookItalic.woff?v=1197654504298870335) format('woff');
font-weight: 500;
font-style: italic;
font-display: swap;
}
@font-face {
font-family: 'Cambon'; 
src: url(//jeandousset.com/cdn/shop/files/Cambon-Demi.woff2?v=2917576510135289469) format('woff2'),
url(//jeandousset.com/cdn/shop/files/Cambon-Demi.woff?v=93166079976705378) format('woff');
font-weight: 600;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Cambon'; 
src: url(//jeandousset.com/cdn/shop/files/Cambon-DemiItalic.woff2?v=6821901559419108703) format('woff2'),
url(//jeandousset.com/cdn/shop/files/Cambon-DemiItalic.woff?v=9121472616631712936) format('woff');
font-weight: 600;
font-style: italic;
font-display: swap;
}
@font-face {
font-family: 'Cambon'; 
src: url(//jeandousset.com/cdn/shop/files/Cambon-ExtraBold.woff2?v=2686999777193659183) format('woff2'),
url(//jeandousset.com/cdn/shop/files/Cambon-ExtraBold.woff?v=16014744560487553936) format('woff');
font-weight: 800;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Cambon'; 
src: url(//jeandousset.com/cdn/shop/files/Cambon-ExtraBoldItalic.woff2?v=10322877315918653002) format('woff2'),
url(//jeandousset.com/cdn/shop/files/Cambon-ExtraBoldItalic.woff?v=15291278171444519690) format('woff');
font-weight: 800;
font-style: italic;
font-display: swap;
}
@font-face {
font-family: 'Cambon'; 
src: url(//jeandousset.com/cdn/shop/files/Cambon-Italic.woff2?v=774760128191685159) format('woff2'),
url(//jeandousset.com/cdn/shop/files/Cambon-Italic.woff?v=7622380008893391819) format('woff');
font-weight: 400;
font-style: italic;
font-display: swap;
}
@font-face {
font-family: 'Cambon'; 
src: url(//jeandousset.com/cdn/shop/files/Cambon-Light.woff2?v=273280266400257494) format('woff2'),
url(//jeandousset.com/cdn/shop/files/Cambon-Light.woff?v=9312386849325204678) format('woff');
font-weight: 300;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Cambon'; 
src: url(//jeandousset.com/cdn/shop/files/Cambon-LightItalic.woff2?v=6336112511957101593) format('woff2'),
url(//jeandousset.com/cdn/shop/files/Cambon-LightItalic.woff?v=14527234239248394892) format('woff');
font-weight: 300;
font-style: italic;
font-display: swap;
}
@font-face {
font-family: 'Cambon'; 
src: url(//jeandousset.com/cdn/shop/files/Cambon-Regular.woff2?v=14944015800700551293) format('woff2'),
url(//jeandousset.com/cdn/shop/files/Cambon-Regular.woff?v=5499706263976893559) format('woff');
font-weight: 400;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Cambon'; 
src: url(//jeandousset.com/cdn/shop/files/Cambon-Thin.woff2?v=16989543478634490626) format('woff2'),
url(//jeandousset.com/cdn/shop/files/Cambon-Thin.woff?v=14120483419486783595) format('woff');
font-weight: 100;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Cambon'; 
src: url(//jeandousset.com/cdn/shop/files/Cambon-ThinItalic.woff2?v=16384052356409098970) format('woff2'),
url(//jeandousset.com/cdn/shop/files/Cambon-ThinItalic.woff?v=5624246756540728715) format('woff');
font-weight: 100;
font-style: italic;
font-display: swap;
}


@font-face {
  font-family: 'Synthese';
  src: url(//jeandousset.com/cdn/shop/files/Synthese-Bold.woff2?v=172370290235175521) format('woff2'),
      url(//jeandousset.com/cdn/shop/files/Synthese-Bold.woff?v=13912187211207525651) format('woff'),
      url(//jeandousset.com/cdn/shop/files/Synthese-Bold.ttf?v=7993260432857096845) format('truetype');
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Synthese';
  src: url(//jeandousset.com/cdn/shop/files/Synthese-Book.woff2?v=7882305944357011193) format('woff2'),
      url(//jeandousset.com/cdn/shop/files/Synthese-Book.woff?v=18079032456884614099) format('woff'),
      url(//jeandousset.com/cdn/shop/files/Synthese-Book.ttf?v=4057970246928656544) format('truetype');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Synthese';
  src: url(//jeandousset.com/cdn/shop/files/Synthese-BoldOblique.woff2?v=7157050559715690065) format('woff2'),
      url(//jeandousset.com/cdn/shop/files/Synthese-BoldOblique.woff?v=3483238221166884171) format('woff'),
      url(//jeandousset.com/cdn/shop/files/Synthese-BoldOblique.ttf?v=7683321670639201176) format('truetype');
  font-weight: bold;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: 'Synthese';
  src: url(//jeandousset.com/cdn/shop/files/Synthese-BookOblique.woff2?v=11024499974600678980) format('woff2'),
      url(//jeandousset.com/cdn/shop/files/Synthese-BookOblique.woff?v=13329466894006341235) format('woff'),
      url(//jeandousset.com/cdn/shop/files/Synthese-BookOblique.ttf?v=5855840037239327829) format('truetype');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Synthese';
  src: url(//jeandousset.com/cdn/shop/files/Synthese-LightOblique.woff2?v=3934019885140820835) format('woff2'),
      url(//jeandousset.com/cdn/shop/files/Synthese-LightOblique.woff?v=12915748396761686123) format('woff'),
      url(//jeandousset.com/cdn/shop/files/Synthese-LightOblique.ttf?v=14559244131773768769) format('truetype');
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: 'Synthese';
  src: url(//jeandousset.com/cdn/shop/files/Synthese-Light.woff2?v=11209865649347569168) format('woff2'),
      url(//jeandousset.com/cdn/shop/files/Synthese-Light.woff?v=13768494549643761204) format('woff'),
      url(//jeandousset.com/cdn/shop/files/Synthese-Light.ttf?v=12474907052511480175) format('truetype');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Synthese';
  src: url(//jeandousset.com/cdn/shop/files/Synthese-Oblique.woff2?v=10966079696243171200) format('woff2'),
      url(//jeandousset.com/cdn/shop/files/Synthese-Oblique.woff?v=11350318742716245488) format('woff'),
      url(//jeandousset.com/cdn/shop/files/Synthese-Oblique.ttf?v=10120727055226602007) format('truetype');
  font-weight: normal;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: 'Synthese';
  src: url(//jeandousset.com/cdn/shop/files/Synthese-Regular.woff2?v=2651316060130890179) format('woff2'),
      url(//jeandousset.com/cdn/shop/files/Synthese-Regular.woff?v=6678431447297823974) format('woff'),
      url(//jeandousset.com/cdn/shop/files/Synthese-Regular.ttf?v=12500379167528559610) format('truetype');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Synthese Ultra';
  src: url(//jeandousset.com/cdn/shop/files/Synthese-Ultra.woff2?v=10726909776097164569) format('woff2'),
      url(//jeandousset.com/cdn/shop/files/Synthese-Ultra.woff?v=8554079046943571693) format('woff'),
      url(//jeandousset.com/cdn/shop/files/Synthese-Ultra.ttf?v=2414349572922543336) format('truetype');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Synthese Ultra';
  src: url(//jeandousset.com/cdn/shop/files/Synthese-UltraOblique.woff2?v=2534863779955527394) format('woff2'),
      url(//jeandousset.com/cdn/shop/files/Synthese-UltraOblique.woff?v=8165045888237094111) format('woff'),
      url(//jeandousset.com/cdn/shop/files/Synthese-UltraOblique.ttf?v=7430694082551001301) format('truetype');
  font-weight: normal;
  font-style: italic;
  font-display: swap;
}
.body-font, html, body, .body-small, .body-medium, .body-large {font-family: 'Synthese', sans-serif; font-weight: 300; letter-spacing: 0.05em; line-height: 1.5;}
.heading-font, h1, h2, .display-large, .display-medium, .display-small, .display-tiny {font-family: 'Cambon', serif; font-weight: 200; letter-spacing: 0; line-height: 1.2; font-style: normal; text-transform: none;}
.small-heading-font, h3, h4, h5, h6, {font-family: 'Synthese', sans-serif; font-weight: 300; letter-spacing: 0.05em; line-height: 1.022; font-style: normal; text-transform: uppercase;}

/*
******************** THEME BASE ********************
*/
html {font-size: 14px; }
body {font-size: 1em; color: #000000; background: #FFFFFF; -webkit-text-size-adjust: 100%; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; -webkit-tap-highlight-color: transparent;}
body:not(.user-is-tabbing) :focus {outline: none;}
:active {outline: none; box-shadow: none;}
::selection {background: #3a3f51; color: #fff;}
::-moz-selection {background: #3a3f51; color: #fff;}
::-webkit-input-placeholder {color: #999999;}
:-moz-placeholder {color: #999999;}
::-moz-placeholder {color: #999999;}
:-ms-input-placeholder {color: #999999;}

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6, .display-large, .display-small, .display-medium, .display-tiny {margin: 0 0 0.5em; color: #000000;}
h1, .h1 {font-size: 4em;font-style: normal;font-weight: 300;} h2, .h2 {font-size: 3.75em;font-style: normal;font-weight: 300;} h3, .h3 {font-size: 2em;font-family: 'Synthese';font-style: normal;font-weight: 300;line-height: 150%;} h4, .h4 {font-size: 1.5em;} h5, .h5 {font-size: 1.25em;font-size: 2em;font-family: 'Synthese';font-style: normal;font-weight: 300;} h6, .h6 {font-size: 1.25em;} .display-large {font-size: 4.5em;} .display-medium {font-size: 4.5em;} .display-small {font-size: 4em;} .display-tiny {font-size: 3em;} 
/* h1, .h1 {font-size: 3em;font-size: 2em;font-family: 'Synthese';font-style: normal;font-weight: 300;} h2, .h2 {font-size: 2.5em;font-size: 2em;font-family: 'Synthese';font-style: normal;font-weight: 300;} h3, .h3 {font-size: 2em;font-family: 'Synthese';font-style: normal;font-weight: 300;line-height: 150%;} h4, .h4 {font-size: 1.5em;} h5, .h5 {font-size: 1.25em;font-size: 2em;font-family: 'Synthese';font-style: normal;font-weight: 300;} h6, .h6 {font-size: 1.25em;} .display-large {font-size: 4.5em;} .display-medium {font-size: 4.5em;} .display-small {font-size: 4em;} .display-tiny {font-size: 3em;} */
.body-large {font-size: 1.125em;} .body-medium {font-size: 1em;} .body-small {font-size: 0.875em;}
p {margin: 0 0 1em 0;}

p:last-child {margin-bottom: 0;}
a {-webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; -ms-transition: all 0.2s linear; transition: all 0.2s linear;}

@media all and (max-width: 600px){
  h1, .h1 {font-size: 2em;} h2, .h2 {font-size: 1.75em;} h3, .h3 {font-size: 1.5em;} h4, .h4 {font-size: 1.375em;} h5, .h5 {font-size: 1.125em;} h6, .h6 {font-size: 1.125em;}  .display-large {font-size: 4em;} .display-medium {font-size: 3.5em;} .display-small {font-size: 3.5em;} .display-tiny {font-size: 2em;}
  .body-large {font-size: 1.125em;} .body-medium {font-size: 0.875em;} .body-small {font-size: 0.75em;}

  .small--h1 {font-size: 2.5em;} .small--h2 {font-size: 2em;} .small--h3 {font-size: 1.5em;} .small--h4 {font-size: 1.2em;} .small--h5 {font-size: 1.1em;} .small--h6 {font-size: 1em;} .small--display-large {font-size: 4em;} .small--display-medium {font-size: 3.5em;} .small--display-small {font-size: 3.5em;} .small--display-tiny {font-size: 2em;}
  .small--body-large {font-size: 1em;} .small--body-medium {font-size: 0.875em;} .small--body-small {font-size: 0.75em;}
}

/*
******************** GENERIC ********************
*/
body {min-height: 100vh; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;}
#main-content {-webkit-box-flex: 1; -moz-box-flex: 1; -ms-flex: 1; -webkit-flex: 1; flex: 1;max-width: 100vw;}

@media all and (max-width: 600px) {
  #main-content { overflow: hidden; } /** this has to be removed from desktop so we can make sticky work **/
}

.shopify-challenge__container {padding: 5em 0; }
.shopify-challenge__container .shopify-challenge__button {margin-top: 1em; padding-left: 2em!important}


sup.tm {font-size: .3em;}

/*
******************** BUTTONS ********************
*/
.btn {font-family: 'Synthese', sans-serif; line-height: 1.437em; display: inline-block; line-height: 1.5em; text-align: center; text-decoration: none; cursor: pointer; -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; -ms-transition: all 0.2s ease-out; transition: all 0.2s ease-out;}
.btn path {fill: inherit;}
/* V1 */
.btn, input.btn {background-color: rgba(0,0,0,0); color: #000000; fill: #000000; border: solid 1px #000; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; padding: 1em 2em; font-size: 1.25em; text-transform: uppercase; letter-spacing: 0; font-weight: 300;}
.not-mobile .btn:hover, .not-mobile input.btn:hover {background-color: #000000; color: #FFFFFF; fill: #FFFFFF; border: solid 1px #000;}
/* V2 */
.btn.v2, input.btn.v2 {background-color: rgba(0,0,0,0); color: #FFFFFF; fill: #FFFFFF; border: solid 1px #fff; -webkit-border-radius: 0em; -moz-border-radius: 0em; border-radius: 0em; padding: 1em 2em; font-size: 1.25em; text-transform: uppercase; letter-spacing: 0; font-weight: 300;}
.not-mobile .btn.v2:hover, .not-mobile input.btn.v2:hover {background-color: #FFFFFF; color: #000000; fill: #000000; border: solid 1px #fff;}
/* V3 */
.btn.v3, input.btn.v3 {background-color: transparent; color: #B88E7B; fill: #B88E7B; border: 1px solid #B88E7B; -webkit-border-radius: 0em; -moz-border-radius: 0em; border-radius: 0em; padding: .625em 2em; font-size: 1em; text-transform: uppercase; letter-spacing: 0; font-weight: 600;}
.not-mobile .btn.v3:hover, .not-mobile input.btn.v3:hover {background-color: rgba(0,0,0,0); color: #b88e7b; fill: #b88e7b; border: 1px solid transparent;}
/* V4 */
.btn.v4, input.btn.v4 {background-color: #000000; color: #ffffff; fill: #ffffff; border: 0; -webkit-border-radius: 0em; -moz-border-radius: 0em; border-radius: 0em; padding: 1em 2em; font-size: 1em; text-transform: uppercase; letter-spacing: 0; font-weight: 700;}
.not-mobile .btn.v4:hover, .not-mobile input.btn.v4:hover {background-color: #777777; color: #ffffff; fill: #ffffff; border: 0;}

/* button as link */
.link {text-underline-offset: 0.2em; text-decoration: underline; text-decoration-thickness: 1px; font: inherit; font-family: inherit; letter-spacing: inherit; font-weight: inherit; line-height: inherit; background-color: inherit; color: inherit; font-size: inherit; cursor: pointer; -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; -ms-transition: all 0.2s ease-out; transition: all 0.2s ease-out;}
.not-mobile .link:hover {color: #3a3f51;}

@media all and (max-width: 600px) {
  .btn {padding: 1rem 1.5rem!important; height: auto; font-size: 0.75em!important; line-height: 235%!important;}
}

/*
******************** FORMS ********************
*/
select, textarea, input[type='text'],input[type='email'], input[type='number'], input[type='search'], input[type='date'], input[type="tel"], input[type="phone"], input[type='password'] {color: #333333; font-size: 1em; letter-spacing: inherit; font-weight: inherit; border: 1px solid #ddd; border-radius: 0em; padding: 1em 1.5em!important; background-color: #fff;}
select {background-image: url(//jeandousset.com/cdn/shop/t/418/assets/select.png?v=111168247038083545801764931011); background-repeat: no-repeat; background-position: right center; background-size: 10px; padding-right: 30px; box-shadow: none;}
input.error, select.error, textarea.error {border-color: #CC3D3E !important;}
label {color: ; display: inline-block; ;}
.success-msg {color: #25B831;}
.error-msg {color: #CC3D3E;}
@media all and (max-width: 900px){
  select, textarea, input[type='text'],input[type='email'], input[type='number'], input[type='search'], input[type='date'], input[type="tel"], input[type="phone"], input[type='password'] {font-size: 16px !important;}
}

/*
******************** ELEMENTS ********************
*/
.skip-to-content-link {position: fixed; z-index: 200; top: 0; left: 0; -webkit-transition: none; -moz-transition: none; -o-transition: none; -ms-transition: none; transition: none;}
.skip-to-content-link:focus, .skip-to-content-link:active {width: auto; height: auto; clip: auto; padding: 1em 2em;}

.loader {border: 2px solid rgba(0, 0, 0,.2); position: absolute; left: 50%; top: 50%; border-top: 2px solid rgba(0, 0, 0, 1); border-radius: 50%; width: 80px; height: 80px; margin-top: -40px; margin-left: -40px; animation: spin .7s linear infinite; }
deferred-media[loaded] > .deferred-media-poster {display: none;}
[data-shopify-xr-hidden] {display: none;}
/*
******************** HEADER ********************
*/
.header-outer {position: relative; z-index: 100; border-bottom: var(--header-border);}

.header-inner {background-color: var(--header-color); color: var(--header-text-color); transition: background-color var(--header-change-animation-speed) ease-out; display: flex;}
.header-inner path { fill: var(--header-text-color); transition: fill var(--header-change-animation-speed) ease-out;}
.header-inner .item {display: flex; align-items: stretch; margin-right: 2em;}
.header-inner .item:hover {color: #999999;}
.header-inner .item:last-child,
.header-inner .item .item {margin-right: 0;}

.header-inner .has-dropdown {position: relative;}
.header-inner .has-dropdown {position: relative;}
.header-inner .submenu { border-top: 1px solid #fff; background-color: var(--header-submenu-color); z-index: 1; position: absolute; top: 100%; left: 0; min-width: 10em; }
.header-inner .submenu-inner {padding: 0.5em 0;}
.header-inner .submenu .submenu {top: -0.5em; left: 100%;}
@media (min-width: 901px) and (max-width: 1050px) {
  .header-inner .item{max-width: 120px; margin-right: 1.5em;}
 }
.header-main-menu,
.header-left-menu {display: flex; flex-flow: row;}
.header-main-menu .nav-1,
.header-left-menu .nav-1 {padding: 0.5em 1em; font-size: var(--header-menu-font-size); font-weight: var(--header-menu-font-weight); letter-spacing: var(--header-menu-letter-spacing); text-transform: var(--header-menu-text-transform); color: var(--header-text-color); transition: color var(--header-change-animation-speed) ease-out; display: flex; align-items: center; justify-content: center;}
.header-left-menu .nav-1:hover {color: #999999;}
.header-main-menu .nav-1 svg, .header-main-menu .nav-2 svg {margin-left: 0.5em;}
.header-main-menu .nav-2,
.header-main-menu .nav-3 {padding: 0.5em 1em; display: flex; align-items: center; justify-content: space-between; width: 100%;}

.header-content {width: 100%; display: flex; flex-flow: row; align-items: stretch; justify-content: flex-start;}
.header-content .logo {margin: 1.17em 0; display: flex; align-items: center; position: relative; padding-top: 60px ; width: 100%; max-width: var(--header-logo-max-width); }
.header-content .logo img {transition: all 0.5s ease-in-out; margin-left: auto; margin-right: auto; object-fit: contain; object-position: center; position: absolute; left: 0; top: 0; width: 100%; height: 100%;}
.header-content.logo-center {justify-content: center;}
.header-content .shop-name {font-size: 1.5em;}
.header-content .logo-hover { max-width: 2rem; left: 50% !important; transform: translateX(-50%); }
@media all and (min-width: 901px) { .header-content { position: relative; } .header-content .logo { left: 50% !important; transform: translateX(-50%); } .header-content .logo img { max-height: 2rem; transform: translateY(50%); } }

.top-utils {position: absolute; right: var(--container-padding); top: 0; bottom: 0; display: flex; align-items: stretch;}
.top-utils-wrap {display: flex;}
.top-utils .item {padding: 0.5em; margin-right: 1.4em; display: inline-flex; align-items: center; background: transparent; border: 0; font-size: 1em; font-family: inherit; line-height: inherit; text-decoration: none; color: inherit; height: 100%; position: relative;}
.top-utils .item:last-child {margin-right: -0.5em; }
.top-utils .icon {font-size: 1.5em; width: 1em; height: 1em;}
.top-utils .icon:last-child {margin-right: 0em; }
.top-utils path {fill: var(--header-text-color); transition: fill var(--header-change-animation-speed) ease-out; }
.top-utils .cart-count {position: absolute; top: 50%; right: 0; transform: translate(0%, -95%); line-height: 1; width: 1.8em; height: 1.8em; display: flex; align-items: center; justify-content: center; font-size: 0.6em; border-radius: 50%; background: var(--header-text-color); color: var(--header-color); transition: all var(--header-change-animation-speed) ease-out; }
.top-utils .cart-count:empty {display: none; }
.top-utils .customer-name {position: absolute; transform: translateX(-50%); left: calc(50% - 0.3em); background: var(--header-text-color); color: var(--header-color); top: 2.5em; font-size: 0.75em; line-height: 1; padding: 0.25em 0.5em; border-radius: 0.5em; }
.top-utils .item:hover path {fill: #999999;}

#header input[type="search"]::-webkit-search-decoration,
#header input[type="search"]::-webkit-search-cancel-button,
#header input[type="search"]::-webkit-search-results-button,
#header input[type="search"]::-webkit-search-results-decoration { display: none; }#search-bar {position: absolute; top: 100%; left: 0; right: 0; padding: 0.5em 0; background-color: var(--header-color); z-index: -1; visibility: hidden; transform: translateY(-101%); box-shadow: 0px 1px 4px 1px rgba(180, 180, 180, 0.6);}
#search-bar search-form {width: 100%;}
#search-bar .search-form {margin-right: 2em;}
#search-bar.close {animation: closeTransformTop var(--animation-speed-fast);}
#search-bar.open {animation: openTransformTop var(--animation-speed-fast); visibility: visible; transform: translateY(0%);}
#search-bar .container {max-width: 600px; position: relative;}
#search-bar .close-search-bar {margin-left: 1em; font-size: 1.25em; margin-top: 0.7em; position: absolute; right: var(--container-padding);}
@media (max-width: 900px) {
  .header-content {height: 2rem;}
  #search-bar .search-form .input-search {padding-left: 0.5em; padding-bottom: 0.5em; padding-top: 0.5em;}
  #search-bar .close-search-bar {margin-top: 0.4em;}
}.mobile-menu-button {width: 3em; font-size: 1.125em; height: 100%; background: var(--mobile-menu-button-bg-color); display: flex; display: -webkit-flex; justify-content: center; align-items: center; }
.mobile-menu-button svg path {fill: var(--mobile-menu-button-icon-color);}
#mobile-menu {display: none;}

@media (max-width: 1200px) {
  .top-utils .nav-1 span {display: none;}
  .top-utils .icon {margin-right: 0;}
}

@media (max-width: 900px) {
  .header-main-menu {display: none;}
  .top-utils .cart-count {transform: translate(-40%,-95%);}
}
@media (min-width: 901px){
  .header-content.logo-center .logo {margin-left: 4%; margin-right: 4%;}
  .header-content.logo-left .logo {margin-right: 4%;}

  .header-inner {flex-wrap: wrap;}
}


/*
******************** SIDE PANEL ********************
*/
.side-panel {
  display: block; right: calc(-1 * var(--side-panel-width)); visibility: hidden; outline: none; width: var(--side-panel-width); overflow: hidden; box-shadow: 0 0 10px rgba(0,0,0,0.2); background-color: var(--side-panel-bg-color); position: fixed; top: 0; bottom: 0; z-index: 200;
  --side-panel-padding: 2em;
  --side-panel-title-bg-color: #F2F1F1;
  --side-panel-title-color: #000000;
  --side-panel-title-weight: 300;
  --side-panel-title-transform: uppercase;
  --side-panel-title-border-color: #F2F1F1;
  --side-panel-bg-color: #ffffff;
  --side-panel-text-color: #000000;
  --side-panel-borders-color: #dfdfdf;
}
.side-panel.open {visibility: visible; right: 0;}
.side-panel .head {margin-top: 0px; box-sizing: border-box; padding: 1.5em; line-height: 1; position: relative; margin-bottom: 0; background: var(--side-panel-title-bg-color); border-bottom: 1px solid var(--side-panel-title-border-color);}
.side-panel .head .title {text-transform:var(--side-panel-title-transform); line-height: 1; margin: 0; padding: 0; border: none; font-weight: var(--side-panel-title-weight); color: var(--side-panel-title-color);font-family: 'Gabriela', serif; font-size: 1.5em; line-height: 1.2em; text-transform: capitalize}
.side-panel .close {padding: 1em; margin-right: -1em; cursor: pointer; position: absolute; right: var(--container-padding); top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); display: flex; display: -webkit-flex; align-items: center; color: var(--side-panel-title-color);}
.side-panel .close svg {font-size: .85em;}
.side-panel .close svg path {fill: var(--side-panel-title-color);}
.side-panel .content {color: var(--side-panel-text-color); padding: 0; height: 100%; overflow-y: auto;}


/*
******************** FOOTER ********************
*/
#footer {position: relative; width: 100%; text-transform: none; margin: 0; }
#footer .success-msg, #footer .error-msg {display: none;}
.not-mobile #footer a:hover {text-decoration: underline; }

#footer .top {background-color: var(--footer-top-bg-color); color: var(--footer-top-text-color); border-top: 1px solid var(--footer-top-border-color);}

#footer .social-links {justify-content: start;}
#footer .social-links a {font-size: 1em; width: 2em; height: 2em; margin-right: 1em; border-radius: 50%; border: 1px solid; background: var(--footer-top-text-color); border-color: var(--footer-top-text-color); display: flex; align-items: center; justify-content: center; text-align: center; }
#footer .social-links a:last-child {margin-right: 0;}
.not-mobile #footer .social-links a:hover {background: var(--footer-top-bg-color); border-color: var(--footer-top-text-color);}
.not-mobile #footer .social-links a:hover svg path {fill: var(--footer-top-text-color);}
#footer .social-links svg path {fill: var(--footer-top-bg-color);}

#footer .mailing-list {margin-bottom: 2em;}
#footer .mailing-list .title {display: block; padding: 0; margin-bottom: 1em; color: var(--footer-text-color);font-size: .875rem;}
#footer .mailing-list .form-wrap {display: inline-block; position: relative; width: 100%; border-bottom: 1px solid #fff;}
#footer .mailing-list .checkbox-mail {margin-top: 1.75em;}
#footer .mailing-list .checkbox-mail .check-label:not(:last-child) {margin-right: 1.75em;}
#footer .mailing-list .checkbox-mail label {margin-left: 0.5em; padding-bottom: 0.3em;}
#footer .mailing-list .checkbox-mail input[type="checkbox"] {-webkit-appearance: none; appearance: none; background-color: #000; margin: 0; font: inherit; color: #000; width: 16px; height: 16px; border-radius: 0; transform: translateY(-0.075em); border: solid 1px #fff;}
#footer .mailing-list .checkbox-mail input[type="checkbox"]::before, #footer .mailing-list .checkbox-mail input[type="checkbox"]::after { content: " "; height: 15px; width: 1px; background-color: #fff; display: block; transform: scale(0) translateX(-50%); transition: transform 0.3s; position: absolute; left: 50%;}
#footer .mailing-list .checkbox-mail input[type="checkbox"]:checked::before {transform: scale(1) translateX(-50%) rotate(45deg);}
#footer .mailing-list .checkbox-mail input[type="checkbox"]:checked::after {transform: scale(1) translateX(-50%) rotate(-45deg);}

#footer .mailing-list input[type="email"] {width: 100%;}
#footer .mailing-list button {position: absolute; right: 0; bottom: 5px; height: 100%;}

#footer .bottom {color: var(--footer-bottom-text-color); background-color: var(--footer-bottom-bg-color); border-top: 1px solid var(--footer-bottom-border-color);}
#footer .bottom .links a {display: inline-block;}
#footer .bottom .links a:not(:last-child) {margin-right: 1em;}
#footer .bottom .links a:not(:first-child) {margin-left: 1em;}
#footer .logo {max-width: var(--footer-logo-max-width);}
#footer .top {padding: var(--footer-top-padding);}
#footer .top .links {display: flex; flex-flow: row; flex-wrap: wrap;}
#footer .top .links > div {width: calc(100% / var(--footer-top-linklist-columns)); min-width: 12.5em;}
#footer .top .links .l1, #footer .top .links .l2 {display: table; margin: 0 0 0.75em; text-align: left; color: var(--footer-top-text-color)}
#footer .top .links button.l1:hover {text-decoration: underline;}
#footer .top .links .l2 {font-size: 0.875em;}
#footer .top .links > div > *:last-child {margin-bottom: 1.5rem;}
#footer .bottom {padding: var(--footer-bottom-padding);}

@media all and (max-width: 900px){
  #footer .top .logo {margin-bottom: 2em;}
  #footer .top .links {margin-bottom: 0.875em;}
  #footer .top .links > div {min-width: initial;}
}/*
******************** PRODUCT CARD ********************
*/

.grid .product-card {margin: 0 0 2em; background: transparent;} 
.product-card {position:relative; min-height: 100%;}
.product-card .product-card-url {display: block;height: fit-content;background: #fff; padding: 1em 1em 0 1em; overflow: hidden;}
.product-card.dark-mode .product-card-url {background: #000;}
.product-card .product-card-url .image-container {position: relative; height: 100%; overflow: hidden; padding: 3.5rem 0;} 
.product-card .info {display: block;height: fit-content;background: transparent; display: block;}
.product-card .image {padding-top: 100%; position: relative;}
.product-card .image .img {position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover;}
.product-card .image .img.lazyload { opacity: 0; }
.product-card .image .img.lazyloaded { opacity: 1; }
.product-card .image.show-hover-image .hover-img {position:absolute; top: 0; left: 0; opacity: 0.01;}
.product-card-video a{
  position: absolute;
  inset: 0;
  z-index: 1;
}
.not-mobile .product-card .image.show-hover-image:hover .hover-img {opacity: 1;}
.product-card .quick-view-trigger {position: absolute; bottom: 0; left: 0; opacity: 0; visibility: hidden;}
.not-mobile .product-card:hover .quick-view-trigger,
.user-is-tabbing .product-card .quick-view-trigger:focus {opacity: 1; visibility: visible;}
.product-card .title {font-weight: 300; font-size: .875rem; padding-bottom: .25rem;
  font-family: 'Synthese';
  font-style: normal;
  line-height: 150%;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  color: #000000;
}
.product-card .description {
  font-family: 'Synthese'; 
  font-style: normal;
  font-weight: 300;
  font-size: .65rem;
  line-height: 150%;
  letter-spacing: 0.05em;
  color: #000;
  padding-bottom: 16px;
  text-transform: capitalize;
}

.product-card .price{
  font-weight: 300;
  font-size: .75rem;
  padding-bottom: 0;
  font-family: 'Synthese';
  font-style: normal;
  font-weight: 300;
  line-height: 150%;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  color: #000000;
}

.product-card .info {padding-top: 1.08rem;overflow: hidden;}
.product-card .description {font-size: .875rem; font-weight: 300; color: #000; padding: 0 0 2rem 0; }


.product-card .price { color: #000000; font-size: .75rem; font-weight: 300; text-transform: uppercase; }
.product-card .price .compare {color: #848484; text-decoration: line-through;}
.product-card .price > *:not(:last-child) {margin-right: 0.76em;}

.product-card .price--sale {align-items: center;}
.product-card .price--sale .final {font-weight: 700;}
.product-card .price--sale .discount {
  display: none;
  color: #A21018;
  font-weight: 700;
  font-size: 7px;
  padding: 5px 9px;
  line-height: 1;
  border-radius: 10px;
  letter-spacing: normal;
  border: 1px solid #A21018;
}

.product-card .badge {position: absolute; background: #000000; color: #FFFFFF; padding: .19rem 0.6rem; font-size: 0.625em; z-index: 1; line-height: 1em; border-radius: 4em; text-transform: uppercase;}
.product-card.dark-mode .badge {background: transparent ; color:#fff; border: 1px solid #fff;}
.product-card .badge.top-left {top: 0.5em; left: 0.5em;}
.product-card .badge.top-right {top: 0.5em; right: 0.5em;}
.product-card .badge.sold-out {color: #000;background-color: transparent;border: 1px solid #000000;}
.product-card.dark-mode .badge.sold-out {background: transparent ; color:#fff; border: 1px solid #fff;}
.product-card .badge.best-seller {background-color: #FFFFFF;color:#000; border: 1px solid #000;}
.product-card.dark-mode .badge.best-seller {background: transparent ; color:#fff; border: 1px solid #fff;}
.product-card .badge.get-in-time {
  background: transparent;
  color: #000;
  display: flex;
  gap: 5px;
  align-items: center;
  padding: 0;
}
.product-card .badge.get-in-time span {
  padding: .19rem 0.6rem;
  border: 1px solid;
  border-radius: 4em;
}
.product-card.dark-mode .badge.get-in-time {
  color: #FFF;
  border: none;
}
.product-card.dark-mode .badge.get-in-time svg path {fill: #FFF;}


/** exclusive for badges leaving out number 2 because it's reserved for carousel **/
.product-card .badge.top-left:nth-of-type(1) { top: .5em; }
.product-card .badge.top-left:nth-of-type(3) { top: 2.75em; }
.product-card .badge.top-left:nth-of-type(4) { top: 5em; }
.product-card .badge.sale {display: none;}

.product-card .wishlist-btn {font-size: 1.5rem;position: absolute;right: 0.5rem;top:0.5rem;z-index: 1; height: 20px;}
.product-card .wishlist-btn path {fill: #000;}
.product-card.dark-mode .wishlist-btn.swym-add-to-wishlist-view-product:after{color: #fff!important;}

.product-card .inline-swatch-group {margin-top: 0.5em;}
.product-card .inline-swatch-group > *:not(:last-child) {margin-right: 0.5em;}
.product-card .inline-swatch-group label {width: 20px; height: 20px; border-radius: 50%; border: 1px solid rgba(0,0,0,0.1);}
.not-mobile .product-card .inline-swatch-group input:not(:checked) + label:hover {border-color: rgba(0,0,0,0.2);}
.product-card .inline-swatch-group input:checked + label {border-color: #fff; box-shadow: 0 0 0 2px rgba(0,0,0,0.2); transform: scale(0.85);}
.user-is-tabbing .product-card .inline-swatch-group input:focus + label {outline-width: 2px; outline-style: solid; outline-color: Highlight;}
@media (-webkit-min-device-pixel-ratio:0) {
  .user-is-tabbing .product-card .inline-swatch-group input:focus + label {outline-color: -webkit-focus-ring-color; outline-style: auto;}
}
.product-card .inline-swatch-group .see-more {width: 20px; height: 20px; border-radius: 50%; border: 1px solid rgba(0,0,0,0.1); white-space: nowrap; text-align: center; color: rgba(0,0,0,0.5);}
.not-mobile .product-card .inline-swatch-group .see-more:hover {border-color: rgba(0,0,0,0.1);}
.product-card .inline-swatch-group .see-more span {font-size: 9px;}
.product-quick-view #shopify-section-product_main {width: 1000px; max-width: 100%;}

.product-card .keen-arrow {font-size: 1.5rem;z-index: 2;}
.product-card .keen-arrow.disabled {display: block;opacity: .5;}
.product-card .keen-arrow.next {right:0;left: initial;}
.product-card .keen-arrow.prev {left: 0;right: initial;}

.product-card .keen-dots {margin: 0;}
.product-card .keen-dots .keen-dots-dot {width: 100%;padding: 0;}
.product-card .keen-dots .keen-dots-dot:after {width: 100%;height:1px;border-radius: 0;background-color: #EEEFED}
.product-card .keen-dots .keen-dots-dot.active:after {background-color: #666;}
.product-card .keen-arrow {fill: #969696 ;}
.product-card .keen-arrow.disabled {fill: #b2b2b2;}

/* PRODUCT CARD VIDEO CONTROLS */
.product-card .video-controls-container.hide {display: none;}
.product-card .video-controls-container {position: absolute; bottom: 0.5em; left: 0.5em;}
.product-card .video-btns-wrapper { display: flex; align-items: center; /*width: 20%;*/ }
.product-card .video-btns-wrapper span { font-size: .75rem; display: inline-block; margin-left: .5rem; }
.product-card .video-controls { display: flex; align-items: center; justify-content: space-between; padding: .5rem .5rem .75rem 0; background: transparent; }
.product-card .video-controls .video-btn { width: 30px; height: 30px; border: 1px solid #fff; border-radius: 50%; display: flex; align-items: center; justify-content: center; }
.product-card .video-controls .video-btn svg { width: .8em; }
.product-card .video-controls .play-btn.hide, .product-card .video-controls .pause-btn.hide {display:none;}

@media all and (max-width: 600px){
  .product-card .video-controls-container {position: absolute; bottom: 0em; left: 0.3em;}
  .product-card .video-controls { padding: 0; }
  .product-card .video-controls .video-btn svg { width: .6em; }
  .product-card .video-controls .video-btn { width: 20px; height: 20px;  }
}

/* PRODUCT CARD DEFAULT STATE DESKTOP */
/*.product-card.mode-carousel .keen-slider-card {transform: translateY(5%);}*/
.product-card.mode-carousel .info {opacity: 1;}
.product-card.mode-carousel .keen-arrow,
.product-card.mode-carousel .keen-dots {opacity: 0;}

/* this is how we position the dot animation for the carousel*/
.product-card.mode-carousel .keen-dots { 
  position: absolute;
  bottom: 0px;
  left: 0;
}


/* PRODUCT CARD HOVER STATE DESKTOP */
.not-mobile .product-card:hover .keen-slider-card {transform: translateY(0);}
.not-mobile .product-card:hover .keen-arrow,
.not-mobile .product-card:hover .keen-dots {opacity: 1;}

.product-card .info-white{display: none;}
.product-card .info-grey{display: block;text-align: left;}

.product-card .product-card-url .image-container .carousel .keen-slider-card .keen-slider-slide a, 
.product-card .product-card-url .image-container .carousel .keen-slider-card .keen-slider-slide a:visited, 
.product-card .product-card-url .image-container .carousel .keen-slider-card .keen-slider-slide a:hover, 
.product-card .product-card-url .image-container .carousel .keen-slider-card .keen-slider-slide a:focus,
.product-card .product-card-url .image-container .carousel .keen-slider-card .keen-slider-slide a:active  {
  text-decoration: none; 
  color: transparent; 
  border: none; 
  cursor: pointer;
 }

 .product-card .product-card-url .image-container .carousel .keen-slider-card .keen-slider-slide div img.image {
  border: none;
 }
@media all and (max-width: 900px){
  .product-card.mode-carousel .keen-arrow, .product-card.mode-carousel .keen-dots {opacity: 1;}
  .product-card .keen-arrow.next {right:-15px;left: initial;}
  .product-card .keen-arrow.prev {left: -15px;right: initial;}
}
@media all and (max-width: 600px){
  .product-card .product-card-url {padding: .5em; min-height: 100%;}
  .product-card .wishlist-btn {font-size: .75rem;}
  .product-card .info a .title {font-size: .75rem; align-self: start; padding: 0 0 1em;}
  .product-card .description {font-size: .7rem; font-weight: 300; color: #000; }
  
  .product-card.mode-carousel .keen-slider-card {transform: none;}
  .product-card.mode-carousel .keen-arrow,
  .product-card.mode-carousel .keen-dots {opacity: 1;}
  .product-card .keen-arrow {font-size: 1.2rem; z-index: 2;}
  .product-card .image-container .carousel .image img{
    transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    -webkit-transform: scale(1, 1);
  }
  .product-card .product-card-url { padding-bottom: 1em; }
  .product-card .info {
    padding-bottom: 0;
    align-items: start;
  }

  .product-card .product-card-url .image-container {position: relative; height: 100%; overflow: hidden; padding: 2.5rem 0;} 
  .product-card .info-white{display: block;}
  .product-card .info-grey{display: none;}
  .product-card .description{ padding-bottom: .5em; color: #000; }
  .product-card .price{color: #000;}
  .product-card .info {padding: 1em 0 0;} 
  .product-card .keen-arrow.next {right:-4px; left: initial;}
  .product-card .keen-arrow.prev {left: -4px;right: initial;}
}

/*
************ OVERLAYS ************
*/
.show-overlay, .show-loading-overlay {
  overflow: hidden;
}
.fixed-body.show-overlay body {
  position: fixed; 
  top: 0; 
  bottom: 0; 
  left: 0;
  right: 0;
  overflow: hidden;
}

#overlay {visibility: hidden; position: fixed; top: 0; left: 0; bottom: 0; right: 0; z-index: 102; background-color: rgba(255, 255, 255, 0); transition-property: visibility, background-color; padding-top: var(--overlay-bg-offset-top, 0px); background-clip: content-box;}
.show-overlay #overlay {visibility: visible; background-color: rgba(255,255,255, 0.7);}

#loading-overlay {width: 100%; height: 100%; position: fixed; top: 0; left: 0; background: rgba(255,255,255, 0.7); z-index: 999999; text-align: center; display: none;}
.pagination-loading {width: 100%; height: 100%; position: fixed; top: 0; left: 0; background: rgba(255,255,255, 0.7); z-index: 999999; text-align: center;}
.show-loading-overlay #loading-overlay {display: block;}

/**** CUSTOM CHECKBOX AND RADIO STYLES ****/
.checkbox-custom, .radio-custom {opacity: 0; position: absolute;}
.checkbox-custom, .checkbox-custom-label, .radio-custom, .radio-custom-label {display: inline-block; vertical-align: middle; cursor: pointer;}
.checkbox-custom-label, .radio-custom-label { position: relative; padding: 0;}
.checkbox-custom + .checkbox-custom-label:before { content: ''; border-radius: 0.3em; background: #FFFFFF url(//jeandousset.com/cdn/shop/t/418/assets/checked-white.png?v=177814245546609123131764930957) no-repeat center; background-size: 0%; border: 2px solid #B2B2B2; margin-top: -0.25em; display: inline-block; vertical-align: middle; width: 1em; height: 1em; margin-right: .5em; text-align: center; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; -ms-transition: all 0.2s linear; transition: all 0.2s linear;}
.radio-custom + .radio-custom-label:before { content: ''; border: 2px solid #000000; border-radius: 50%; display: inline-block; vertical-align: middle; width: .75em; height: .75em; margin-right: .5em; margin-top: -0.25em; text-align: center; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; -ms-transition: all 0.2s linear; transition: all 0.2s linear;}
.checkbox-custom:checked + .checkbox-custom-label:before { background-color: #B2B2B2; background-size: 80%; }
.radio-custom + .radio-custom-label:before { border-radius: 50%;}
.radio-custom:checked + .radio-custom-label:before { background: #979EB8; box-shadow: inset 0 0 0 0.17em #FFFFFF; }/*********** FREE SHIPPING PROGRESS BAR ***********/
.free-shipping-progress {margin: 0 0; padding: 0.7em 1em 1.2em; background: #f5f5f5; }
.free-shipping-progress-title {text-align: center; margin-bottom: 0.7em; line-height: 1; font-size: 0.875em; letter-spacing: 0.04em;}
.free-shipping-progress-title i {margin-right: 0.5em; font-style: normal; border-radius: 50%; text-transform: none; color: #3a3f51; width: 1.65em; height: 1.65em; border: 1px solid; text-align: center;}
.free-shipping-progress-title i.checkmark {color: #25B831;}
.free-shipping-progress-bar {width: 100%; background: #ddd; font-weight: 400; position: relative; font-size: 0.8em; height: 0.7857em; border-radius: 1em;}
.free-shipping-progress-bar .progress {background: #3a3f51; position: absolute; top: 0; left: 0; height: 100%; width: 0%; border-radius: 1em;}
.free-shipping-progress-bar.goal-achieved .progress {background: #25B831;}/*
************ GLOBAL COMPONENTS ************
*/.cart-addnote {margin: 1.5em 0; position: relative;}
.cart-addnote label {text-transform: none; font-weight: 400;}
.cart-addnote textarea {margin-top: 1em; padding: 0.5em; }.cart-additional-message {margin-bottom: 1.5em;}.return-policy-message {width: 100%; max-width: 40em; padding: 1em; }/* cart-property-field */
cart-property-field {display: block; position: relative;}
cart-property-field .badge {position: absolute; visibility: hidden; bottom: 0; right: 0; opacity: 0; padding: 0.4rem; line-height: 1; font-size: 0.75em; background-color: #ccc; color: #000; transition: opacity var(--animation-speed-fast) linear;}
cart-property-field .badge.show {visibility: visible; opacity: 1;}

/* component-quantity */
.quantity-box {height: 3em; border: 1px solid #ddd; background-color: #fff; position: relative; width: 100%; max-width: 8em; display: flex; flex-flow: row;}
.quantity-input[type="number"] {height: 100%; width: 100%; flex-grow: 1; border: 0; padding: 0 0.5em; color: currentColor; font-size: 1.125em; font-weight: 500; text-align: center; background-color: #fff; -webkit-appearance: none; appearance: none; margin: 0 2px;}
.quantity-button {height: 100%; width: 2.5em; flex-shrink: 0; font-size: 0.875em; border: 0; background-color: transparent; cursor: pointer; display: flex; align-items: center; justify-content: center; color: #333333;}
.quantity-button svg {width: 1em; pointer-events: none;}
.quantity-input:-webkit-autofill,
.quantity-input:-webkit-autofill:hover,
.quantity-input:-webkit-autofill:active {box-shadow: 0 0 0 10em #fff inset !important; -webkit-box-shadow: 0 0 0 10rem #fff inset !important;}
.quantity-input::-webkit-outer-spin-button,
.quantity-input::-webkit-inner-spin-button {-webkit-appearance: none; margin: 0;}
.quantity-input[type='number'] {-moz-appearance: textfield;}

.quantity-box.quantity-disabled .quantity-button {display: none;}
.quantity-box.quantity-disabled .quantity-input {background: #f5f5f5; margin: 0;}

/*
******************** PAGINATION ********************
*/
/* .pagination {margin: 2.25rem auto; font-size: .7125rem;}
.pagination a {display: flex; display: -webkit-flex; align-items: center; align-content: center; justify-content: center; margin: 0 0.5em; font-size: 1em; width: 1.625rem; height: 1.625rem; text-align: center; text-decoration: none; color: #969696; margin-top: -4px;  }
.pagination a.active , .not-mobile .pagination a.active:hover {background:none; color: #000;}
.not-mobile .pagination a:hover:not(.arrow) {background-color: none; color: #000}
.pagination a.disabled, .not-mobile .pagination a.disabled:hover {color:  #EEEFED;  cursor: default;}
.pagination a.prev, .pagination a.next {width: 1.625rem; margin: 0 20px;font-size: .8125rem;}
.pagination .arrow path {fill: #000;}
.pagination-num-showing {color: #000;
  font-family: 'Synthese';
  font-style: normal;
  font-weight: 300;
  font-size: .7125rem;
  line-height: 150%;
  text-align: right;
  letter-spacing: 0.05em;}
.pagination-loading {position: relative; height: 200px;}
.pagination-loading .loader {border-color: rgba(0, 0, 0, 0.05); border-top-color: rgba(0, 0, 0, 0.3);}
.pagination-loading.fixed {position: fixed; z-index: 90; top: 0; left: 0; width: 100%; height: 100%; background: rgba(255, 255, 255, 0.8);}
.infinite-scroll-up {height: 200px;}
page-manager {display: block;}
page-results-end {display: none !important;}

@media all and (max-width: 600px){
  .pagination-num-showing {margin-bottom: 1rem;}
} */

/*
************ Klaviyo Popup ************
*/
input#email_73860984::placeholder,
input#phone_number_73860985::placeholder {color: #fff!important; opacity:1;}

/*
************ HELPERS ************
*/
.animation {-webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; -ms-transition: all 0.2s linear; transition: all 0.2s linear;}
.ease-animation {-webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; -ms-transition: all 0.2s ease-out; transition: all 0.2s ease-out;}
.ease-animation-slow {-webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out; -o-transition: all 0.5s ease-out; -ms-transition: all 0.5s ease-out; transition: all 0.5s ease-out;}

.slide-calculating {position: absolute !important; opacity: 0 !important; height: auto !important;}
.expandable {visibility: hidden; overflow-y: hidden; max-height: 0; padding-top: 0 !important; padding-bottom: 0 !important; margin-top: 0 !important; margin-bottom: 0 !important; }
.expandable.expandable-default-open {visibility: visible; overflow: visible; max-height: none;}

.container {max-width: var(--container-width); padding: 0 var(--container-padding); margin: auto; -moz-box-sizing: initial; -webkit-box-sizing: initial; box-sizing: initial;}
.container-left {box-sizing: border-box; width: 100%; padding-left: var(--container-padding); padding-left: max(var(--container-padding),calc(calc(100% / 2 - var(--container-width) / 2)));}
.container-right {box-sizing: border-box; width: 100%; padding-right: var(--container-padding); padding-right: max(var(--container-padding),calc(calc(100% / 2 - var(--container-width) / 2)));}
.container-top {box-sizing: border-box; width: 100%; padding-top: var(--container-padding); padding-top: max(var(--container-padding),calc(calc(100% / 2 - var(--container-width) / 2)));}
.container-bottom {box-sizing: border-box; width: 100%; padding-bottom: var(--container-padding); padding-bottom: max(var(--container-padding),calc(calc(100% / 2 - var(--container-width) / 2)));}

.show {display: block;}
.hide {display: none;}
.invisible {visibility: hidden;}
.visually-hidden {border: 0; clip: rect(0 0 0 0); height: 1px; width: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute;}

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

.center {margin: auto;}

.text-left {text-align: left;}
.text-right {text-align: right;}
.text-center {text-align: center;}
.text-uppercase{text-transform: uppercase;}

.bg-cover {background-size: cover; background-position: center; background-repeat: no-repeat;}
.bg-contain {background-size: contain; background-position: center; background-repeat: no-repeat;}
.bg-left {background-position-x: left;}
.bg-right {background-position-x: right;}
.bg-top {background-position-y: top;}
.bg-bottom {background-position-y: bottom;}

.flex {display: -webkit-box !important; display: -moz-box !important; display: -ms-flexbox !important; display: -webkit-flex !important; display: flex !important;}
.flex-wrap {-webkit-box-wrap: wrap; -moz-box-wrap: wrap; -ms-flex-wrap: wrap; -webkit-flex-wrap: wrap; flex-wrap: wrap;}
.flex-1 {-webkit-box-flex: 1; -moz-box-flex: 1; -ms-flex: 1; -webkit-flex: 1; flex: 1;}
.direction-row {-webkit-box-orient: horizontal;-webkit-box-direction: normal;-ms-flex-direction: row;flex-direction: row;}
.direction-column {-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;}
.row-reverse {-webkit-box-orient: horizontal;-webkit-box-direction: reverse;-ms-flex-direction: row-reverse;flex-direction: row-reverse;}
.column-reverse {-webkit-box-orient: vertical;-webkit-box-direction: reverse;-ms-flex-direction: column-reverse;flex-direction: column-reverse;}
.justify-content-start {-webkit-box-pack: start;-ms-flex-pack: start;justify-content: flex-start;}
.justify-content-center {-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;}
.justify-content-end {-webkit-box-pack: end;-ms-flex-pack: end;justify-content: flex-end;}
.justify-content-around {-ms-flex-pack: distribute;justify-content: space-around;}
.justify-content-evenly {-ms-flex-pack: space-evenly;justify-content: space-evenly;}
.justify-content-between {-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;}
.align-items-start {-webkit-box-align: start;-ms-flex-align: start;align-items: flex-start;}
.align-items-center {-webkit-box-align: center;-ms-flex-align: center;align-items: center;}
.align-items-end {-webkit-box-align: end;-ms-flex-align: end;align-items: flex-end;}
.align-content-start {-webkit-align-content: flex-start; align-content: flex-start;}
.align-content-center {-webkit-align-content: center; align-content: center;}
.align-content-end {-webkit-align-content: flex-end; align-content: flex-end;}

.grid, .grid-full{display: -ms-flexbox; display: flex; display: -webkit-box; display: -webkit-flex; -ms-flex-wrap: wrap; -webkit-flex-wrap: wrap; flex-wrap: wrap; box-sizing:border-box; margin:0; padding:0; margin-left: calc(var(--grid-gap) * -1);}
.grid-item{box-sizing:border-box; padding-left: var(--grid-gap);}
.grid-full{margin-left:0}
.grid-full>.grid-item{padding-left:0}

.one-whole{width:100%}
.one-half{width:50%}
.one-third{width:33.333%}
.two-thirds{width:66.666%}
.one-quarter{width:25%}
.two-quarters{width:50%}
.three-quarters{width:75%}
.one-fifth{width:20%}
.two-fifths{width:40%}
.three-fifths{width:60%}
.four-fifths{width:80%}
.one-sixth{width:16.666%}
.two-sixths{width:33.333%}
.three-sixths{width:50%}
.four-sixths{width:66.666%}
.five-sixths{width:83.333%}
.one-eighth{width:12.5%}
.two-eighths{width:25%}
.three-eighths{width:37.5%}
.four-eighths{width:50%}
.five-eighths{width:62.5%}
.six-eighths{width:75%}
.seven-eighths{width:87.5%}
.one-tenth{width:10%}
.two-tenths{width:20%}
.three-tenths{width:30%}
.four-tenths{width:40%}
.five-tenths{width:50%}
.six-tenths{width:60%}
.seven-tenths{width:70%}
.eight-tenths{width:80%}
.nine-tenths{width:90%}

@media only screen and (max-width: 600px){
  .small--expandable {visibility: hidden; overflow: hidden; max-height: 0; padding-top: 0 !important; padding-bottom: 0 !important; margin-top: 0 !important; margin-bottom: 0 !important; }
  /* reset expandable of other @media */
  .medium--expandable,
  .large--expandable {visibility: visible !important; max-height: initial !important;}
  
  .small--container {padding: 0 var(--container-padding); margin: auto; -moz-box-sizing: initial; -webkit-box-sizing: initial; box-sizing: initial;}
  .small--container-left {box-sizing: border-box; width: 100%; padding-left: var(--container-padding); padding-left: max(var(--container-padding),calc(calc(100% / 2 - var(--container-width) / 2)));}
  .small--container-right {box-sizing: border-box; width: 100%; padding-right: var(--container-padding); padding-right: max(var(--container-padding),calc(calc(100% / 2 - var(--container-width) / 2)));}
  
  .small--show{display:block !important}
  .small--hide{display:none !important}
  .small--invisible {visibility: hidden;}
  .small--visually-hidden {border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px;}

  .small--block {display: block !important;}
  .small--inline-block {display: inline-block !important;}
  
  .small--center {margin: auto;}

  .small--text-left{text-align:left !important}
  .small--text-right{text-align:right !important}
  .small--text-center{text-align:center !important}
  
  .small--bg-cover {background-size: cover; background-position: center; background-repeat: no-repeat;}
  .small--bg-contain {background-size: contain; background-position: center; background-repeat: no-repeat;}
  .small--bg-left {background-position-x: left;}
  .small--bg-right {background-position-x: right;}
  .small--bg-top {background-position-y: top;}
  .small--bg-bottom {background-position-y: bottom;}
  
  .small--flex {display: -webkit-box !important; display: -moz-box !important; display: -ms-flexbox !important; display: -webkit-flex !important; display: flex !important;}
  .small--flex-wrap {-ms-flex-wrap: wrap; -webkit-flex-wrap: wrap; flex-wrap: wrap;}
  .small--flex-1 {-webkit-box-flex: 1; -moz-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1;}
  .small--direction-row {-webkit-box-orient: horizontal;-webkit-box-direction: normal;-ms-flex-direction: row;flex-direction: row;}
  .small--direction-column {-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;}
  .small--row-reverse {-webkit-box-orient: horizontal;-webkit-box-direction: reverse;-ms-flex-direction: row-reverse;flex-direction: row-reverse;}
  .small--column-reverse {-webkit-box-orient: vertical;-webkit-box-direction: reverse;-ms-flex-direction: column-reverse;flex-direction: column-reverse;}
  .small--justify-content-start {-webkit-box-pack: start;-ms-flex-pack: start;justify-content: flex-start;}
  .small--justify-content-center {-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;}
  .small--justify-content-end {-webkit-box-pack: end;-ms-flex-pack: end;justify-content: flex-end;}
  .small--justify-content-around {-ms-flex-pack: distribute;justify-content: space-around;}
  .small--justify-content-evenly {-ms-flex-pack: space-evenly;justify-content: space-evenly;}
  .small--justify-content-between {-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;}
  .small--align-items-start {-webkit-box-align: start;-ms-flex-align: start;align-items: flex-start;}
  .small--align-items-center {-webkit-box-align: center;-ms-flex-align: center;align-items: center;}
  .small--align-items-end {-webkit-box-align: end;-ms-flex-align: end;align-items: flex-end;}
  .small--align-content-start {-webkit-align-content: flex-start; align-content: flex-start;}
  .small--align-content-center {-webkit-align-content: center; align-content: center;}
  .small--align-content-end {-webkit-align-content: flex-end; align-content: flex-end;}

  .small--grid, .small--grid-full{display: -ms-flexbox; display: flex; display: -webkit-box; display: -webkit-flex; -ms-flex-wrap: wrap; -webkit-flex-wrap: wrap; flex-wrap: wrap; box-sizing:border-box; margin:0; padding:0; margin-left: -20px;}
  .small--grid-item{box-sizing:border-box; padding-left: 20px;}
  
  .small--one-whole{width:100%}
  .small--one-half{width:100%}
  .small--one-third{width:33.333%}
  .small--two-thirds{width:66.666%}
  .small--one-quarter{width:25%}
  .small--two-quarters{width:50%}
  .small--three-quarters{width:75%}
  .small--one-fifth{width:20%}
  .small--two-fifths{width:40%}
  .small--three-fifths{width:60%}
  .small--four-fifths{width:80%}
  .small--one-sixth{width:16.666%}
  .small--two-sixths{width:33.333%}
  .small--three-sixths{width:50%}
  .small--four-sixths{width:66.666%}
  .small--five-sixths{width:83.333%}
  .small--one-eighth{width:12.5%}
  .small--two-eighths{width:25%}
  .small--three-eighths{width:37.5%}
  .small--four-eighths{width:50%}
  .small--five-eighths{width:62.5%}
  .small--six-eighths{width:75%}
  .small--seven-eighths{width:87.5%}
  .small--one-tenth{width:10%}
  .small--two-tenths{width:20%}
  .small--three-tenths{width:30%}
  .small--four-tenths{width:40%}
  .small--five-tenths{width:50%}
  .small--six-tenths{width:60%}
  .small--seven-tenths{width:70%}
  .small--eight-tenths{width:80%}
  .small--nine-tenths{width:90%}
}

@media only screen and (min-width: 601px) and (max-width: 900px){
  .medium--expandable {visibility: hidden; overflow: hidden; max-height: 0; padding-top: 0 !important; padding-bottom: 0 !important; margin-top: 0 !important; margin-bottom: 0 !important; }
  /* reset expandable of other @media */
  .large--expandable,
  .small--expandable {visibility: visible !important; max-height: initial !important;}

  .medium--container {padding: 0 var(--container-padding); margin: auto; -moz-box-sizing: initial; -webkit-box-sizing: initial; box-sizing: initial;}
  .medium--container-left {box-sizing: border-box; width: 100%; padding-left: var(--container-padding); padding-left: max(var(--container-padding),calc(calc(100% / 2 - var(--container-width) / 2)));}
  .medium--container-right {box-sizing: border-box; width: 100%; padding-right: var(--container-padding); padding-right: max(var(--container-padding),calc(calc(100% / 2 - var(--container-width) / 2)));}
  
  .medium--show{display:block !important}
  .medium--hide{display:none !important}
  .medium--invisible {visibility: hidden;}
  .medium--visually-hidden {border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px;}

  .medium--block {display: block !important;}
  .medium--inline-block {display: inline-block !important;}
  
  .medium--center {margin: auto;}

  .medium--text-left{text-align:left !important}
  .medium--text-right{text-align:right !important}
  .medium--text-center{text-align:center !important}
  
  .medium--bg-cover {background-size: cover; background-position: center; background-repeat: no-repeat;}
  .medium--bg-contain {background-size: contain; background-position: center; background-repeat: no-repeat;}
  .medium--bg-left {background-position-x: left;}
  .medium--bg-right {background-position-x: right;}
  .medium--bg-top {background-position-y: top;}
  .medium--bg-bottom {background-position-y: bottom;}

  .medium--flex {display: -webkit-box !important; display: -moz-box !important; display: -ms-flexbox !important; display: -webkit-flex !important; display: flex !important;}
  .medium--flex-wrap {-ms-flex-wrap: wrap; -webkit-flex-wrap: wrap; flex-wrap: wrap;}
  .medium--flex-1 {-webkit-box-flex: 1; -moz-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1;}
  .medium--direction-row {-webkit-box-orient: horizontal;-webkit-box-direction: normal;-ms-flex-direction: row;flex-direction: row;}
  .medium--direction-column {-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;}
  .medium--row-reverse {-webkit-box-orient: horizontal;-webkit-box-direction: reverse;-ms-flex-direction: row-reverse;flex-direction: row-reverse;}
  .medium--column-reverse {-webkit-box-orient: vertical;-webkit-box-direction: reverse;-ms-flex-direction: column-reverse;flex-direction: column-reverse;}
  .medium--justify-content-start {-webkit-box-pack: start;-ms-flex-pack: start;justify-content: flex-start;}
  .medium--justify-content-center {-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;}
  .medium--justify-content-end {-webkit-box-pack: end;-ms-flex-pack: end;justify-content: flex-end;}
  .medium--justify-content-around {-ms-flex-pack: distribute;justify-content: space-around;}
  .medium--justify-content-evenly {-ms-flex-pack: space-evenly;justify-content: space-evenly;}
  .medium--justify-content-between {-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;}
  .medium--align-items-start {-webkit-box-align: start;-ms-flex-align: start;align-items: flex-start;}
  .medium--align-items-center {-webkit-box-align: center;-ms-flex-align: center;align-items: center;}
  .medium--align-items-end {-webkit-box-align: end;-ms-flex-align: end;align-items: flex-end;}
  .medium--align-content-start {-webkit-align-content: flex-start; align-content: flex-start;}
  .medium--align-content-center {-webkit-align-content: center; align-content: center;}
  .medium--align-content-end {-webkit-align-content: flex-end; align-content: flex-end;}

  .medium--grid, .medium-down--grid-full{display: -ms-flexbox; display: flex; display: -webkit-box; display: -webkit-flex; -ms-flex-wrap: wrap; -webkit-flex-wrap: wrap; flex-wrap: wrap; box-sizing:border-box; margin:0; padding:0; margin-left: -20px;}
  .medium--grid-item{box-sizing:border-box; padding-left: 20px;}

  .medium--one-whole{width:100%}
  .medium--one-half{width:50%}
  .medium--one-third{width:33.333%}
  .medium--two-thirds{width:66.666%}
  .medium--one-quarter{width:25%}
  .medium--two-quarters{width:50%}
  .medium--three-quarters{width:75%}
  .medium--one-fifth{width:20%}
  .medium--two-fifths{width:40%}
  .medium--three-fifths{width:60%}
  .medium--four-fifths{width:80%}
  .medium--one-sixth{width:16.666%}
  .medium--two-sixths{width:33.333%}
  .medium--three-sixths{width:50%}
  .medium--four-sixths{width:66.666%}
  .medium--five-sixths{width:83.333%}
  .medium--one-eighth{width:12.5%}
  .medium--two-eighths{width:25%}
  .medium--three-eighths{width:37.5%}
  .medium--four-eighths{width:50%}
  .medium--five-eighths{width:62.5%}
  .medium--six-eighths{width:75%}
  .medium--seven-eighths{width:87.5%}
  .medium--one-tenth{width:10%}
  .medium--two-tenths{width:20%}
  .medium--three-tenths{width:30%}
  .medium--four-tenths{width:40%}
  .medium--five-tenths{width:50%}
  .medium--six-tenths{width:60%}
  .medium--seven-tenths{width:70%}
  .medium--eight-tenths{width:80%}
  .medium--nine-tenths{width:90%}
}

@media only screen and (max-width: 900px){
  .medium-down--expandable {visibility: hidden; overflow: hidden; max-height: 0; padding-top: 0 !important; padding-bottom: 0 !important; margin-top: 0 !important; margin-bottom: 0 !important; }
  /* reset expandable of other @media */
  .large--expandable {visibility: visible !important; max-height: initial !important;}

  .medium-down--container {padding: 0 var(--container-padding); margin: auto; -moz-box-sizing: initial; -webkit-box-sizing: initial; box-sizing: initial;}
  .medium-down--container-left {box-sizing: border-box; width: 100%; padding-left: var(--container-padding); padding-left: max(var(--container-padding),calc(calc(100% / 2 - var(--container-width) / 2)));}
  .medium-down--container-right {box-sizing: border-box; width: 100%; padding-right: var(--container-padding); padding-right: max(var(--container-padding),calc(calc(100% / 2 - var(--container-width) / 2)));}

  .medium-down--show {display:block !important}
  .medium-down--hide {display:none !important}
  .medium-down--invisible {visibility: hidden;}
  .medium-down--visually-hidden {border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px;}

  .medium-down--block {display: block !important;}
  .medium-down--inline-block {display: inline-block !important;}

  .medium-down--center {margin: auto;}

  .medium-down--text-left{text-align:left !important}
  .medium-down--text-right{text-align:right !important}
  .medium-down--text-center{text-align:center !important}
  
  .medium-down--bg-cover {background-size: cover; background-position: center; background-repeat: no-repeat;}
  .medium-down--bg-contain {background-size: contain; background-position: center; background-repeat: no-repeat;}
  .medium-down--bg-left {background-position-x: left;}
  .medium-down--bg-right {background-position-x: right;}
  .medium-down--bg-top {background-position-y: top;}
  .medium-down--bg-bottom {background-position-y: bottom;}
  
  .medium-down--flex {display: -webkit-box !important; display: -moz-box !important; display: -ms-flexbox !important; display: -webkit-flex !important; display: flex !important;}
  .medium-down--flex-wrap {-ms-flex-wrap: wrap; -webkit-flex-wrap: wrap; flex-wrap: wrap;}
  .medium-down--flex-1 {-webkit-box-flex: 1; -moz-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1;}
  .medium-down--direction-row {-webkit-box-orient: horizontal;-webkit-box-direction: normal;-ms-flex-direction: row;flex-direction: row;}
  .medium-down--direction-column {-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;}
  .medium-down--row-reverse {-webkit-box-orient: horizontal;-webkit-box-direction: reverse;-ms-flex-direction: row-reverse;flex-direction: row-reverse;}
  .medium-down--column-reverse {-webkit-box-orient: vertical;-webkit-box-direction: reverse;-ms-flex-direction: column-reverse;flex-direction: column-reverse;}
  .medium-down--justify-content-start {-webkit-box-pack: start;-ms-flex-pack: start;justify-content: flex-start;}
  .medium-down--justify-content-center {-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;}
  .medium-down--justify-content-end {-webkit-box-pack: end;-ms-flex-pack: end;justify-content: flex-end;}
  .medium-down--justify-content-around {-ms-flex-pack: distribute;justify-content: space-around;}
  .medium-down--justify-content-evenly {-ms-flex-pack: space-evenly;justify-content: space-evenly;}
  .medium-down--justify-content-between {-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;}
  .medium-down--align-items-start {-webkit-box-align: start;-ms-flex-align: start;align-items: flex-start;}
  .medium-down--align-items-center {-webkit-box-align: center;-ms-flex-align: center;align-items: center;}
  .medium-down--align-items-end {-webkit-box-align: end;-ms-flex-align: end;align-items: flex-end;}
  .medium-down--align-content-start {-webkit-align-content: flex-start; align-content: flex-start;}
  .medium-down--align-content-center {-webkit-align-content: center; align-content: center;}
  .medium-down--align-content-end {-webkit-align-content: flex-end; align-content: flex-end;}

  .medium-down--grid, .medium-down--grid-full{display: -ms-flexbox; display: flex; display: -webkit-box; display: -webkit-flex; -ms-flex-wrap: wrap; -webkit-flex-wrap: wrap; flex-wrap: wrap; box-sizing:border-box; margin:0; padding:0; margin-left: -20px;}
  .medium-down--grid-item{box-sizing:border-box; padding-left: 20px;}

  .medium-down--one-whole{width:100%}
  .medium-down--one-half{width:50%}
  .medium-down--one-third{width:33.333%}
  .medium-down--two-thirds{width:66.666%}
  .medium-down--one-quarter{width:25%}
  .medium-down--two-quarters{width:50%}
  .medium-down--three-quarters{width:75%}
  .medium-down--one-fifth{width:20%}
  .medium-down--two-fifths{width:40%}
  .medium-down--three-fifths{width:60%}
  .medium-down--four-fifths{width:80%}
  .medium-down--one-sixth{width:16.666%}
  .medium-down--two-sixths{width:33.333%}
  .medium-down--three-sixths{width:50%}
  .medium-down--four-sixths{width:66.666%}
  .medium-down--five-sixths{width:83.333%}
  .medium-down--one-eighth{width:12.5%}
  .medium-down--two-eighths{width:25%}
  .medium-down--three-eighths{width:37.5%}
  .medium-down--four-eighths{width:50%}
  .medium-down--five-eighths{width:62.5%}
  .medium-down--six-eighths{width:75%}
  .medium-down--seven-eighths{width:87.5%}
  .medium-down--one-tenth{width:10%}
  .medium-down--two-tenths{width:20%}
  .medium-down--three-tenths{width:30%}
  .medium-down--four-tenths{width:40%}
  .medium-down--five-tenths{width:50%}
  .medium-down--six-tenths{width:60%}
  .medium-down--seven-tenths{width:70%}
  .medium-down--eight-tenths{width:80%}
  .medium-down--nine-tenths{width:90%}
}

@media only screen and (min-width: 901px){
  .large--expandable {visibility: hidden; overflow: hidden; max-height: 0; padding-top: 0 !important; padding-bottom: 0 !important; margin-top: 0 !important; margin-bottom: 0 !important; }
  /* reset expandable of other @media */
  .medium-down--expandable,
  .small--expandable {visibility: visible !important; max-height: initial !important;}

  .large--container {max-width: var(--container-width); padding: 0 var(--container-padding); margin: auto; -moz-box-sizing: initial; -webkit-box-sizing: initial; box-sizing: initial;}
  .large--container-left {box-sizing: border-box; width: 100%; padding-left: var(--container-padding); padding-left: max(var(--container-padding),calc(calc(100% / 2 - var(--container-width) / 2)));}
  .large--container-right {box-sizing: border-box; width: 100%; padding-right: var(--container-padding); padding-right: max(var(--container-padding),calc(calc(100% / 2 - var(--container-width) / 2)));}

  .large--show {display:block !important}
  .large--hide {display:none !important}
  .large--invisible {visibility: hidden;}
  .large--visually-hidden {border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px;}

  .large--block {display: block !important;}
  .large--inline-block {display: inline-block !important;}
  
  .large--center {margin: auto;}
  
  .large--text-left {text-align:left !important}
  .large--text-right {text-align:right !important}
  .large--text-center {text-align:center !important}
  
  .large--bg-cover {background-size: cover; background-position: center; background-repeat: no-repeat;}
  .large--bg-contain {background-size: contain; background-position: center; background-repeat: no-repeat;}
  .large--bg-left {background-position-x: left;}
  .large--bg-right {background-position-x: right;}
  .large--bg-top {background-position-y: top;}
  .large--bg-bottom {background-position-y: bottom;}
  
  .large--flex {display: -webkit-box !important; display: -moz-box !important; display: -ms-flexbox !important; display: -webkit-flex !important; display: flex !important;}
  .large--flex-wrap {-ms-flex-wrap: wrap; -webkit-flex-wrap: wrap; flex-wrap: wrap;}
  .large--flex-1 {-webkit-box-flex: 1; -moz-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1;}
  .large--direction-row {-webkit-box-orient: horizontal;-webkit-box-direction: normal;-ms-flex-direction: row;flex-direction: row;}
  .large--direction-column {-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;}
  .large--row-reverse {-webkit-box-orient: horizontal;-webkit-box-direction: reverse;-ms-flex-direction: row-reverse;flex-direction: row-reverse;}
  .large--column-reverse {-webkit-box-orient: vertical;-webkit-box-direction: reverse;-ms-flex-direction: column-reverse;flex-direction: column-reverse;}
  .large--justify-content-start {-webkit-box-pack: start;-ms-flex-pack: start;justify-content: flex-start;}
  .large--justify-content-center {-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;}
  .large--justify-content-end {-webkit-box-pack: end;-ms-flex-pack: end;justify-content: flex-end;}
  .large--justify-content-around {-ms-flex-pack: distribute;justify-content: space-around;}
  .large--justify-content-evenly {-ms-flex-pack: space-evenly;justify-content: space-evenly;}
  .large--justify-content-between {-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;}
  .large--align-items-start {-webkit-box-align: start;-ms-flex-align: start;align-items: flex-start;}
  .large--align-items-center {-webkit-box-align: center;-ms-flex-align: center;align-items: center;}
  .large--align-items-end {-webkit-box-align: end;-ms-flex-align: end;align-items: flex-end;}
  .large--align-content-start {-webkit-align-content: flex-start; align-content: flex-start;}
  .large--align-content-center {-webkit-align-content: center; align-content: center;}
  .large--align-content-end {-webkit-align-content: flex-end; align-content: flex-end;}

  .large--grid, .large-down--grid-full{display: -ms-flexbox; display: flex; display: -webkit-box; display: -webkit-flex; -ms-flex-wrap: wrap; -webkit-flex-wrap: wrap; flex-wrap: wrap; box-sizing:border-box; margin:0; padding:0; margin-left: -20px;}
  .large--grid-item{box-sizing:border-box; padding-left: 20px;}

  .large--one-whole{width:100%}
  .large--one-half{width:50%}
  .large--one-third{width:33.333%}
  .large--two-thirds{width:66.666%}
  .large--one-quarter{width:25%}
  .large--two-quarters{width:50%}
  .large--three-quarters{width:75%}
  .large--one-fifth{width:20%}
  .large--two-fifths{width:40%}
  .large--three-fifths{width:60%}
  .large--four-fifths{width:80%}
  .large--one-sixth{width:16.666%}
  .large--two-sixths{width:33.333%}
  .large--three-sixths{width:50%}
  .large--four-sixths{width:66.666%}
  .large--five-sixths{width:83.333%}
  .large--one-eighth{width:12.5%}
  .large--two-eighths{width:25%}
  .large--three-eighths{width:37.5%}
  .large--four-eighths{width:50%}
  .large--five-eighths{width:62.5%}
  .large--six-eighths{width:75%}
  .large--seven-eighths{width:87.5%}
  .large--one-tenth{width:10%}
  .large--two-tenths{width:20%}
  .large--three-tenths{width:30%}
  .large--four-tenths{width:40%}
  .large--five-tenths{width:50%}
  .large--six-tenths{width:60%}
  .large--seven-tenths{width:70%}
  .large--eight-tenths{width:80%}
  .large--nine-tenths{width:90%}
}

/*
******************** REDUCED MOTION ********************
*/

@media (prefers-reduced-motion: reduce) {
  a, .animation, .ease-animation, .ease-animation-slow,
  .btn, a.btn, input.btn, button.btn,
  svg.icon path,
  .tingle-modal, .tingle-modal-box
  {-webkit-transition: none !important; -moz-transition: none !important; -o-transition: none !important; -ms-transition:none !important; transition: none !important;}
}

/*
******************** Animations ********************
*/
@keyframes spin {
  0% {
    -ms-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }

  100% {
    -ms-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg); } 
}

@keyframes openTransformTop {
  0% {transform: translateY(-101%); }
  100% {transform: translateY(0%); } 
}

@keyframes closeTransformTop {
  0% {visibility: visible; transform: translateY(0%); }
  100% {transform: translateY(-101%); } 
}

/*
******************** Color Swatches ********************
*/
.color-black {background: #292929;}
.color-blue {background: #649ee1;}
.color-green {background: #5ac6a9;}
.color-orange {background: #f28346;}
.color-pink {background: #ea81cc;}
.color-red {background: #e13131;}
.color-white {background: #fff;}
.color-yellow {background: #fbf06e;}
.color-gold {background: #d4b465;}
.color-silver {background: #cecece;}
.color-rose-gold {background: #e9c2a7;}
.color-18k-rose-gold {background:#F9DDCF}
.color-18k-yellow-gold {background:#FFDD63}
.color-18k-white-gold {background:#F5F5F5}
.color-18k-white-gold-and-yellow-gold {background: linear-gradient(180deg, rgba(255, 255, 255, 1) 50%, rgba(255, 221, 99, 1) 50%);}
.color-18k-white-gold-and-rose-gold {background: linear-gradient(180deg, rgba(255, 255, 255, 1) 50%, rgba(249, 221, 207, 1) 50%);}

/*
******************** Specific for JD ********************
*/
.mx-auto { margin: 0 auto; }

/** JEAN DOUSSET **/
.header-content{align-items: center;}
.header-main-menu .nav-1 { padding-left: .3em; padding-right: .3em;}
.header-main-menu .nav-1:hover { padding-left: .3em; padding-right: .3em; color: #999999;}
.header-content.menu-left { justify-content: center; position: relative;}
.header-content.menu-left .header-left-menu { position: absolute; top: 50%; left: 1em; transform: translateY(-50%); }
/* .header-content.menu-left + .header-main-menu {border-top: 1px solid #EEEFED;border-bottom: 1px solid #EEEFED;} */
.header-content.menu-left + .header-main-menu > .item {margin-right: 0;width: calc(100% / var(--items-amount));}
.header-content.menu-left + .header-main-menu .nav-1 {line-height: 1.29em;padding-top: .625rem;padding-bottom: 1em;display: flex;width: 100%;min-width: 6.875em;text-align: center;border-bottom: 1px solid transparent;}
.header-content.menu-left + .header-main-menu .nav-1:hover {border-color: #666666;}
.header-content.menu-left + .header-main-menu .nav-1 svg {display: none;}



.header-left-menu .nav-1 {font-size: .75rem;}

@media (min-width: 901px){
  .header-content.menu-only-left{
    --header-paddings: 3vw;
  }

  .header-content.menu-only-left {min-height: 92px; max-width: unset; padding: 0 var(--header-paddings);}
  .header-content.menu-only-left .header-main-menu {max-width: 45%; padding: 0.75em 0;}
  .header-content.menu-only-left .header-main-menu .item {margin-right: 1.56em; white-space: nowrap}
  .header-content.menu-only-left .header-main-menu .item > a {padding: 0;}

  .header-content.menu-only-left .logo {position: absolute; left: 50%; transform:translateX(-50%);}
  .header-content.menu-only-left .top-utils {right: calc(var(--header-paddings) + 0.5em);}
}
@media (min-width: 901px) and (max-width: 1400px){
  .header-content.menu-only-left .header-main-menu {max-width: 35%; }
}

@media all and (max-width: 900px){
  .header-content.menu-left { justify-content: space-between;padding-left: .5em; }
  .header-outer .header-inner{padding: 1em .5em;}
  .header-content .logo img:first-of-type {display: none;}
  .header-content{ justify-content: center; padding-top: .5em;padding-bottom: .5em;}
  .header-content a.item.nav-1[title="Wishlist"] {display: none;}
  .header-content .logo { position: absolute; left: 50%; transform: translateX(-50%);}
  .header-inner svg.icon.icon-hamburger {font-size: 2em;}
}

#footer .pre-top {  background-color: var(--footer-top-bg-color); color: var(--footer-top-text-color); padding: 1.4em 0; border-bottom: 1px solid #666; }
#footer .pre-top .logo { min-width: 217px; }
#footer .top .links h4 { font-family: 'Synthese', sans-serif; font-weight: 300; color: var(--footer-top-text-color); letter-spacing: 0.05em; text-transform: uppercase; font-size: 1rem; margin-bottom: 0.9375em; }
#footer .top .links>div>*:last-child { margin-bottom: 0.9375em; font-size: 1em; text-align: left; color: var(--footer-top-text-color);}
#footer .top .links { display: block; }
#footer .top .under-top { margin-top: 4.625em; }
#footer .top .under-top .separator-bottom { margin-left: 0.45em; }

#footer .footer-right {max-width: 25.9rem;width: 100%;}
#footer .mailing-list .title { font-family: 'Synthese', sans-serif;letter-spacing: 0.05em; font-weight: 300; color: var(--footer-top-text-color); text-transform: uppercase; font-size: 1rem; margin-bottom: 1.125em; }
#footer .mailing-list input[type=email] { background: transparent; border: none; padding-left: 0!important; padding-bottom: 10px !important; color: #fff; }
#footer .mailing-list input[type=email]::placeholder {color: var(--footer-top-text-color); opacity: 1;}
#footer .mailing-list button { background: transparent; text-align: right; padding-right: 0!important; padding-bottom: 0!important; display: flex; align-items: center;}
#footer .mailing-list button span { color: #fff; font-size: 1rem; }
#footer .mailing-list .text {font-size: 1rem; margin-bottom: 2.4em;}

#footer .social-links { margin-top: 4em; }
#footer .social-links h4 { font-family: 'Synthese', sans-serif;font-size: .875rem; font-weight: 700;letter-spacing:.1em; color: #fff; text-transform: uppercase; font-size: .875rem; margin-bottom: 2em; }
#footer .social-links a { background: transparent; border: none; color: #fff; font-size: 1.25em; width: auto; }
#footer .social-links svg path { fill: #fff; }
#footer .right-last { margin-top: 3.7em; }
#footer .right-last svg { font-size: 7.25em; color: #fff; fill: #fff; }

#footer .accordion-icon {flex-shrink: 0; color: #969696 !important; position: relative; width: 11px; height: 11px; padding: 0.4rem; margin: -1rem; box-sizing: content-box; transform: translateY(0.3em);}
#footer .accordion-icon i {position: relative; width: 100%; display: block; height: 100%; }
#footer .accordion-icon i:before,
#footer .accordion-icon i:after {content: ""; position: absolute; width: 100%; height: 1px; top: 50%; left: 0; margin-top: -1px; background: currentColor; transition: all var(--animation-speed-fast) linear; }
#footer .accordion-icon i:before {transform: rotate(90deg); }
#footer .open .accordion-icon i:before {transform: rotate(0deg); }


@media all and (max-width: 900px){
  #footer .footer-right {max-width: initial;}
  #footer .social-links {margin-top: 1.5rem;}
  #footer .top .links .bullet-top h4 {margin-bottom: 0;}
  #footer .top .links .bullet-top button {margin-bottom: 0 !important;}
  #footer .copy {margin-top: 1.5rem;}
  #footer .links-container {margin-top: 1rem !important; }

  #footer .mailing-list .title { margin-top: 6.25em; }
}

@media all and (max-width: 600px){
  #footer {--mobile-font-size: 0.875em;}

  #footer .top .links h4 { font-size: 1em; margin-bottom: 0.9em; }
  #footer .top .links > div { font-size: var(--mobile-font-size); margin-bottom: 0.7em; }
  #footer .top .links>div>*:last-child {margin-bottom: 0.7em; }

  #footer .mailing-list .title { font-size: var(--mobile-font-size); margin-bottom: 0.9em; }
  #footer .mailing-list .text { font-size: var(--mobile-font-size);  margin-bottom: 2.25em;}
  #footer .mailing-list input[type=email] { font-size: var(--mobile-font-size); }
  #footer .mailing-list button span { font-size: 0.875rem; }
  #footer .copy { font-size: var(--mobile-font-size); }
  #footer .footer-right { max-width: 31.375rem; }
  #footer .top .under-top { font-size: var(--mobile-font-size); margin-top: 3.9em; }
  #footer .bottom .copy{ margin-bottom: 0.85em; margin-top: 0; }
  #footer .bottom .links{ font-size: var(--mobile-font-size); display: flex; justify-content: center;}
  #footer .mailing-list .checkbox-mail label {font-size: var(--mobile-font-size); padding-bottom: 0.2em;}
  #footer .right-last svg { font-size: 5.125em;}

}

@media (min-width: 1921px){
  #footer {--wide-font-size: 1.25em;}

  #footer .top .links h4 { font-size: 1em; margin-bottom: 0.9em; }
  #footer .top .links > div { font-size: var(--wide-font-size); margin-bottom: 0.7em; }
  #footer .top .links>div>*:last-child {margin-bottom: 0.7em; }

  #footer .mailing-list .title { font-size: var(--wide-font-size); margin-bottom: 0.9em; }
  #footer .mailing-list .text { font-size: var(--wide-font-size);  margin-bottom: 2.25em;}
  #footer .mailing-list input[type=email] { font-size: var(--wide-font-size); }
  #footer .mailing-list button span { font-size: 1em; }
  #footer .copy { font-size: var(--wide-font-size); }
  #footer .footer-right { max-width: 31.375rem; }
  #footer .top .under-top { font-size: var(--wide-font-size); margin-top: 2.5em; }

}
/*
******************** Popup Services ********************
*/

.popup-services .pop-services .pop-container,
.default-popup .container {padding:4em; padding-right: 7.125em; max-width: 46.25em;}
.popup-services .pop-services .pop-container .title-popup,
.default-popup .title {font-family: 'Gabriela', serif; font-weight: 500; font-size: 1.5em; line-height: 120%; margin-bottom: 1.2em}
.popup-services .pop-services .pop-container .description-popup,
.default-popup .text {font-size: 0.875em;}
.popup-services .tingle-modal__close,
.default-popup .tingle-modal__close {top: 38px; right: 36px;}
.popup-services .tingle-modal__close .icon,
.default-popup .tingle-modal__close .icon {font-size: 0.89375em;}

@media all and (max-width: 900px) {
  .popup-services .pop-services .pop-container,
  .default-popup .container {padding:2.5em; padding-right: 3.875em;}
  .popup-services .pop-services .pop-container .description-popup {font-size: 1em;}
  .popup-services .tingle-modal__close {top: 34px; right: 20px;}
}


/*
******************** Float Label ********************
*/
:root {
  --fields-padding-horizontal: 0.9375rem;
  --fields-padding-vertical: 0.9375rem;
}
.float-label {border: 1px solid #ddd; position: relative;}

.float-label input,
.float-label select,
.float-label textarea {border: none; padding-left: var(--fields-padding-horizontal); padding-right: var(--fields-padding-horizontal);}
.float-label label {position: absolute; opacity: 0.8; top: 50%; left: var(--fields-padding-horizontal); line-height: 1; transform: translateY(-50%); transition: all var(--animation-speed-medium) ease-out;}

.float-label:not(.no-label) input {padding-top: calc(var(--fields-padding-vertical) * 1.5); padding-bottom: calc(var(--fields-padding-vertical) * 0.5);}
.float-label input:focus ~ label, 
.float-label input:not(:placeholder-shown) ~ label,
.float-label input:-webkit-autofill ~ label {top: calc(var(--fields-padding-vertical) / 1.25); font-size: 0.6875em;}

.float-label:not(.no-label) textarea {padding-top: calc(var(--fields-padding-vertical) * 1.5); padding-bottom: calc(var(--fields-padding-vertical) * 0.5);}
.float-label textarea ~ label {display: flex; align-items: center; border-radius: 1em; top: calc(var(--fields-padding-vertical) / 1.5); min-height: calc(var(--fields-padding-vertical) * 1.3); background: transparent; left: calc(var(--fields-padding-horizontal) / 2); padding: 0; transform: translateY(0);}
.float-label textarea:focus ~ label, 
.float-label textarea:not(:placeholder-shown) ~ label,
.float-label textarea:-webkit-autofill ~ label {top: 1px; opacity: 1; width: 99%; font-size: 0.6875em; padding: 0; border-radius: 0; background: #FFFFFF;}

.float-label select {padding-top: calc(var(--fields-padding-vertical) * 1.5); padding-bottom: calc(var(--fields-padding-vertical) * 0.5);}
.float-label select + label {top: calc(var(--fields-padding-vertical) / 1.25); font-size: 0.6875em;}

input::placeholder {color: inherit; opacity: 0.7;}
.float-label:not(.no-label) input::placeholder,
.float-label:not(.no-label) textarea::placeholder {color: inherit; opacity: 0;}

/* fields border bottom only */
input,
select,
textarea {padding-left: 0 !important; border-top: 0; border-left: 0; border-right: 0;}
.float-label {border-width: 0 0 1px 0;}
.float-label label {left: 0 !important;}
.float-label input.error, .float-label select.error, .float-label textarea.error {box-shadow: none; border-bottom: 1px solid #CC3D3E; margin-bottom: -1px;}

/* Search page mobile */
.search-filter-container {width: 100%;}
.search-filter-container .filters-button-wrapper {width: fit-content;}

/* DROP A HINT */
.klaviyo-form-popup .tingle-modal-box{width: 90%;}
.klaviyo-form-popup .modal-content{padding: 4em;}
.klaviyo-form-popup h2{margin-bottom: .2em;font-family: 'Cambon';font-style: normal;font-weight: 250;font-size: 3.75em;line-height: 120%;}
.klaviyo-form-popup .title-modal {margin-bottom: 2em;}
.klaviyo-form-popup .title-modal p{font-family: 'Synthese';font-style: normal;font-weight: 300;font-size: 1.25em;line-height: 150%;letter-spacing: 0.05em;}
.klaviyo-form-popup label#news-choice-input-label {padding-left: 1em;font-family: 'Synthese';font-style: normal;font-weight: 300;font-size: .8em;line-height: 150%;letter-spacing: 0.05em;}
.klaviyo-form-popup .newsletter-opt-in {display: flex;margin-bottom: 1em;}
.klaviyo-form-popup input {margin-bottom: 1em;margin-bottom: 1em;padding-left:0 !important;font-family: 'Synthese';font-style: normal;font-weight: 300;font-size: 1em;line-height: 150%;letter-spacing: 0.05em;border: none;color: #000000;border-bottom: 1px solid black;}
.klaviyo-form-popup .rec-name, .klaviyo-form-popup .your-name{margin-right: 1em;}
.klaviyo-form-popup input#news-choice-input {width: 2.5em;}
.klaviyo-form-popup .success-msg {text-align: center;}
.klaviyo-form-popup .btn{width: 100%;font-family: 'Synthese';font-style: normal;padding: 0.8em 0;font-weight: 300;font-size: 1.25em;line-height: 143.7%;text-align: center;letter-spacing: 0.05em;background: black;text-transform: uppercase;color: #FFFFFF;}
.klaviyo-form-popup .btn:hover {background: white;color: black;}
.klaviyo-form-popup .product-title{font-family: 'Synthese';font-style: normal;font-weight: 300;font-size: 1.5em;line-height: 135%;padding:0 4em;text-align: center;letter-spacing: 0.07em;text-transform: uppercase;}
.klaviyo-form-popup .newsletter-modal-wrapper {margin: 46px 0;}
.klaviyo-form-popup .modal-content svg.icon.icon-envelope-heart {font-size: 2em;}
.klaviyo-form-popup img{max-width: 26em;}
.klaviyo-form-popup select#variant-option {border-bottom: 1px solid black;}
.klaviyo-form-popup .img-title {justify-content: center;align-items: center;display: flex;flex-flow: column;}

/** This is a quick fix for SWYM button widget that is injecting a div outside the body and causing a white space at the bottom of the footer **/
.swym-button-bar { position: absolute; left: -100px; } 

@media all and (max-width: 600px){
  .klaviyo-form-popup .tingle-modal-box{width: 100%;}
  .klaviyo-form-popup .modal-content{padding: 2em;}
  .klaviyo-form-popup h2{font-size: 30px;margin-bottom: .5em;}
  .klaviyo-form-popup input {margin-bottom: 1em;font-size: 10px !important;}
  .klaviyo-form-popup .title-modal p {font-family: 'Synthese';font-style: normal;font-weight: 300;font-size: 12px;text-align: center;line-height: 150%;letter-spacing: 0.05em;}
  .klaviyo-form-popup label#news-choice-input-label {font-size: 10px;padding-left: 1em;padding-right: 1em;}
  .klaviyo-form-popup img {max-width: 15em;}
  .klaviyo-form-popup .product-title{font-size: 12px;}
  .klaviyo-form-popup .form-image-wrapper {flex-flow: column;}
}



/** this is hiding SFL, WL and YMAL functionality, we should remove at least SFL whenever we fix the issue w/app **/
.swym-wishlist-grid .swym-wishlist-item .swym-product-price { margin-bottom: 1em; }
.cart-recommended .product-card product-buttons .btn.add,
button.swym-add-to-cart-btn.swym-button.swym-button-1.swym-is-button.swym-is-button,
.swym-save-for-later-list-view { display: none !important; }

/* Ring Builder Stepper Widget */

.lsa-stepper-widget {
  margin-bottom: 0px!important;
}

button.lsa-select-setting-btn {
  background-color: #B2B2B2!important;
  font-size: 1rem;
  width: 100%;
  color: #fff;
  border: 1px solid #000;
  text-align: center;
  font-family: Synthese, sans-serif;
  padding: 1rem 0;
  transition: all .3s;
  margin-bottom: 14px!important;
}

button.lsa-select-setting-btn:hover {
  background-color: #000!important;
}

button.lsa-buy-setting-only-btn {
  display: none;
}


/* Ring Builder Diamond Feed Page */

.lsa-diamonds-stage {
  max-width: 100%!important;
  padding: 0 6vw;
  margin: 0 auto;
}

.rc-slider-track {
  background-color: #B2B2B2!important;
}

.rc-slider-handle {
  border: solid 2px #000!important;
}

span.rc-slider-dot.rc-slider-dot-active {
  border-color: #000!important;
}

.rc-slider-handle {
  box-shadow: 0 0 5px #000;
}

button.lsa-view-full-spec-btn {
  background-color: #fff!important;
  font-size: 1rem;
  width: 100%;
  color: #000;
  border: 1px solid #000;
  text-align: center;
  font-family: Synthese, sans-serif;
  padding: 1rem 0;
  transition: all .3s;
}


button.lsa-add-diamond-btn {
  background-color: #000000!important;
  font-size: 1rem;
  width: 100%;
  color: #fff;
  border: 1px solid #000;
  text-align: center;
  font-family: Synthese, sans-serif;
  padding: 1rem 0;
  transition: all .3s;
}

button.lsa-add-diamond-btn:hover {
  background-color: #000!important;
}



button.lsa-add-diamond-btn:nth-of-type(2) {
  display: none;
}

.lsa-diamond-shape-filter-btn.jss16:hover {
  border-color: #B2B2B2!important;
}



/* Ring Builder Diamond Complete Page */


.lsa-complete-stage {
  max-width: 100%!important;
  padding: 0 6vw;
  margin: 0 auto;
}

button.lsa-complete-btn {
  background-color: #000000!important;
  font-size: 1rem;
  width: 100%;
  color: #fff;
  border: 1px solid #000;
  text-align: center;
  font-family: Synthese, sans-serif;
  padding: 1rem 0;
  transition: all .3s;
}

button.lsa-complete-btn:hover {
  background-color: #000!important;
}
.lsa-certificate-link {
  display: flex!important;
  align-items: center;
  gap: 4px;
  width: fit-content;
  border: none!important;
  padding-left: 0!important;
}
.lsa-certificate-link img {
  width: 102px;
  height: 46px;
}
.MuiGrid-item video{
  display: block;
  margin: 0 auto;
  max-width: 50%;
}
.jss5 img {
  max-width: 50%!important;
}

.jss12 {
border: none!important;
}
@media screen and (max-width: 768px) {
  .lsa-step {
    max-height: fit-content!important;
  }
}

/* Limiting page to 2000px and centering it */
body {
  max-width: 2000px;
  margin: 0 auto;
}

jd-ring-builder .sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}

.full-bleed {
  width: 100vw !important;
  margin-left: calc(-50vw + 50%) !important;
  margin-right: calc(-50vw + 50%) !important;
}

.rb-btn-default-video{
  display:none;
}

/*===== Header - custom CSS =====*/
@media (min-width: 901px) and (max-width: 1289px) {
    .header-content.menu-only-left .header-main-menu .item {
      margin-right: .8em;
    }
    .header-content.menu-only-left .header-main-menu .item > a {
      font-size: .7em;
    }
}

/*===== Footer - custom CSS =====*/
@media screen and (min-width: 901px) { 
  #footer .top .links {flex: 1 1 auto;}
}
@media (min-width: 1280px) and (max-width: 1665px) {
  #footer .two-thirds {width: 75%;}
  #footer .one-third {width: 25%;}
}

/*===== Search - custom CSS =====*/
#search-bar .close-search-bar {
  background: #FFF;
  padding: .62em;
  position: static;
  margin: 0;
}
#search-bar .search-form {
  margin-right: .5em;
}
.search-form .input-search {
  padding-top: .6em !important;
  padding-bottom: .6em !important;
}
.search-form button {
  padding: .8em 1.2em .8em .8em;
}
.search-form button svg {
  width: 16px;
  height: 16px;
}
.search-form button svg path {
  fill: #7b7b7b;
}
search-form .search-results:not(:empty) {
  /* position: absolute;
  background: #000; */
  padding: 8px;
}
.search-results .result-group-title {
  font-weight: 400;
  margin-bottom: 8px;
}
.search-results-collections.search-results-group img {display: none;}
.search-results .result-item .price {
  font-size: 1em;
}
.search-results div.loader {
  border-top-color: #FFF;
  margin-top: 10px;
}
@media (max-width: 900px) {
  .search-form .input-search {
    padding: .45em 2em .45em 1em !important;
  }
}

/* Bambuser Call Widget */
#one-to-one-initiation{
  z-index: 2147483646!important;
}

/* Hide shopify cookie consent */
#shopify-section-cookies_consent {
  display: none!important;
}