/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:none;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}

/* Clearfix */
.clearfix:before, .clearfix:after { content: " "; display: table; }
.clearfix:after { clear: both; }
.clearfix { *zoom: 1; }

/* Visually hidden */

.shopify-buy--visually-hidden,
.screen-reader-text, .visuallyhidden, .content .visuallyhidden, .sr-only {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: fixed;
  width: 1px;
  margin: 0;
  z-index: 2000;
}

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
  clip: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  position: fixed;
  width: auto;
  background: #ccc;
  color: black;
  font-family: 'Roboto', sans-serif;
  font-weight: normal;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  border-radius: 0;
  border: 2px solid black;
  left: 50%;
  top: 20px;
  outline: none;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  z-index: 3000;
  padding: 20px;
}

/* Remove extra margins from various elements */
*, *:after, *:before {
  box-sizing: border-box;
}

a { color: inherit; text-decoration: none;  }
h1,h2,h3,h4,h5,h6,p,ol,ul { margin-top: 0; }
li { display: block; list-style: none }
ul, ol { padding: 0; margin: 0; }
img { display: block; }
h1,h2,h3,h4,h5 { font-weight: normal }

/* Debugging */ 
#comps-overlay-inner img { width: auto; }
#comps-wrapper { bottom: 40px; }
#comps-overlay, #comps-wrapper {
  z-index: 2000000000;
}

/* Utility classes, customization */
:root {
  --content-height: calc(100vh - var(--header-height, 91px) - var(--footer-height));
  --no-footer-height: calc(100vh - var(--header-height, 91px));
}


.content {
  min-height: var(--content-height);
}

.preloader {
  display: none;
}

.image-wrapper {
  position: relative;
  padding-top: 60%;
  display: block;
}

.placeholder {
  opacity: 0; pointer-events: none;
}

.fill, .overlay, picture.fill img {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  background-size: var(--background-size, cover);
  background-position: var(--background-position, 50% 50%);
  height: 100%; width: 100%;
}

.fill-image, .fill-image img { 
  object-fit: var(--background-size, cover);
  object-position: var(--background-position, 50% 50%);
  font-family: 'object-fit: cover; object-position: 50% 50%;';
  width: 100%;
  height: 100%;
}

.fill.contain-image, .fill.contain-image img {
  object-fit: contain;
  object-position: 50% 50%;
}

.image__container,
.fill__container {
  position: relative;
}

.link {
  z-index: 20;
}

.fill {
  background-position: 50% 0;
}

.overlay {
  background: rgba(255,255,255,0.75);
}

.overlay--transparent {
  background: rgba(0,0,0,0.00001);
}


body,
html {
  max-width: 100vw;
  min-height: 100vh;
  position: relative;  
}


html * {
  -webkit-tap-highlight-color: transparent;
  -webkit-font-smoothing: antialiased;
} 




.hide {
  display: none;
}

p:last-child {
  margin-bottom: 0;
}

.video {
  z-index: 2;
}


.is-empty {
  display: none;
}


fieldset {
  padding: 0; border: none;
}

figure {
  margin: 0; padding: 0;
}

input,select,textarea {
  outline: none;
  
}

[type=checkbox],[type=radio] {
  background: none;
}


*::-webkit-input-placeholder { color: var(--placeholder-color, #9b9b9b); }
*:-moz-placeholder { color: var(--placeholder-color, #9b9b9b); }
*::-moz-placeholder { color: var(--placeholder-color, #9b9b9b); }
*:-ms-input-placeholder { color: var(--placeholder-color, #9b9b9b); }

::selection { background: var(--selection-color); color: white; opacity: 1; }
.not-selectable {
  -webkit-user-select: none; 
  user-select: none; 
}

dt,dd,dl { margin: 0; padding: 0; }

textarea,
input, select {
  padding: 5px;
  border: none;
  background: white;
  appearance: none;
  -webkit-appearance: none;
  border-radius: 0;
  font-family: inherit;
  font-weight: inherit;
}

button {
  background: none; padding: 0; border: none;
  font-family: inherit; font-size: inherit; font-weight: inherit;
}

ol, ul, li {
  margin: 0; padding: 0;
  display: block;
}

h1,h2,h3,h4,h5 {
  font-weight: normal;
  margin-top: 0;
  font-size: inherit;
  font-weight: normal;
  margin-bottom: 0;
}

img, picture {
  display: block;
}

a, button, select, textarea {
  color: inherit; text-decoration: none;
}

a, input, button {
  touch-action: manipulation;
}

summary {
  -webkit-appearance: none;
}

summary::-webkit-details-marker,
details[open] > summary::marker,
summary::marker {
  display: none;
  content: '';
}

summary, button {
  cursor: pointer;
}

.picture img {
  max-width: 100%;
  height: auto;
}


.relative { position: relative; }
.absolute { position: absolute; }
.fixed { position: fixed; transform: translateZ(0); }

/* Layouts */
.center {
  display: flex; justify-content: center; align-items: center;
  text-align: center; flex-direction: column;
}

.row,
.row-wrap {
  display: flex; align-items: center; justify-content: start;
}

.row--top {
  align-items: flex-start;;
}

.row--bottom {
  align-items: flex-end;
}

.row--center {
  justify-content: center;
}

.row--space-between {
  justify-content: space-between;
}

.row--end {
  justify-content: flex-end;
}

.row-wrap {
  flex-wrap: wrap
}

.column {
  display: flex; flex-direction: column; align-items: flex-start;
}

.column--space {
  justify-content: space-between;
}

.column-width {
  width: min(100% - var(--side-padding) * 2, var(--column-width));
  margin-inline: auto;
}

.grid {
  display: grid;
  grid-gap: var(--gap, 20px);
  grid-template-columns: repeat(var(--grid-columns, 3), 1fr);
}

.grid--areas > * {
  grid-area: var(--grid-area);
}

.grid--2 { --grid-columns: 2 }
.grid--3 { --grid-columns: 3 }
.grid--4 { --grid-columns: 4 }
.grid--5 { --grid-columns: 5 }
.grid--6 { --grid-columns: 6 }

.full-width {
  width: 100vw;
  position: relative;
  left: 50%;
  right: 50%;
  margin: 0 -50vw;
}

@media (max-width: 1500px) {
  .grid--5 { --grid-columns: 4 }
  .grid--4 { --grid-columns: 3 }
}

@media (max-width: 1000px) {
  .grid--5 { --grid-columns: 3 }
  .grid--4 { --grid-columns: 2 }
}

@media (max-width: 600px) {
  .grid {
    --grid-columns: 1;
  }
}

.columns {
  columns: var(--columns, 2);
  gap: var(--gap, 20px);
}

.columns--3 { --columns: 3 }

@media (max-width: 1000px) {
  .mobile-column {
    display: flex;
    flex-direction: column;
  }

  .mobile-column-reverse {
    display: flex;
    flex-direction: column-reverse;
  }

}

/* Custom elements */
calculate-height, panel-toggle, swiper-slideshow {
  display: block;;
}

/* Enter animation */
.push {
  transform: translateY(35px);
  opacity: 0;
  transition: none;
}

.push.in-viewport {
  transform: none;
  transition: 0.75s cubic-bezier(0.42, 0, 0.15, 0.99);
  opacity: 1;
}

.push.push--2 { transition-delay: 0.1s }
.push.push--3 { transition-delay: 0.2s }
.push.push--4 { transition-delay: 0.3s }
.push.push--5 { transition-delay: 0.4s }
.push.push--6 { transition-delay: 0.5s }

.push.push--index { transition-delay: calc(var(--push-index) * 0.1s); }