*,*::before,*::after{box-sizing:border-box}
html{font-size:var(--typeBaseSize);line-height:var(--typeBaseLineHeight);-webkit-text-size-adjust:100%}
body{margin:0;padding:0;background:#ffffff;color:#333;font-family:var(--typeBasePrimary),var(--typeBaseFallback);font-weight:var(--typeBaseWeight);font-size:var(--typeBaseSize);letter-spacing:var(--typeBaseSpacing);line-height:var(--typeBaseLineHeight);overflow-wrap:break-word;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}

h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4{font-family:var(--typeHeaderPrimary),var(--typeHeaderFallback);font-weight:var(--typeHeaderWeight);line-height:var(--typeHeaderLineHeight);letter-spacing:var(--typeHeaderSpacing);text-transform:uppercase}

h1,.h1{font-size:36px}
h2, .h2{font-size: 36px}
h3,.h3{ font-size:36px }
h4,.h4{font-size:18px;text-transform:uppercase;letter-spacing:.2em}

a{color:inherit;text-decoration:none}
a:hover{text-decoration: none}
img{max-width:100%;height:auto;display:block}
ul{list-style:none;margin:0;padding:0}

.visually-hidden{position:absolute!important;overflow:hidden;clip:rect(0 0 0 0);height:1px;width:1px;margin:-1px;padding:0;border:0}
.skip-link:focus{clip:auto;width:auto;height:auto;margin:0;overflow:visible;position:fixed;top:0;left:0;z-index:10000;padding:15px;background:#fff;color:#111111}

.no-bullets{list-style:none;margin:0;padding:0}
.inline-list{list-style:none;margin:0;padding:0;display:inline-flex;gap:0}
.inline-list li{display:inline}
.inline-list li+li{margin-left:15px}

.text-center{ text-align: center }

.page-container{ overflow:hidden }
.transition-body{position:relative}

.page-width{max-width:1200px;margin:0 auto;padding:0 1.875rem}
.page-width--narrow{max-width:780px}
.page-width--flush-small{padding:0 30px}
@media only screen and (max-width: 589px) {
  .page-width--flush-small{ padding:0 15px }
}

.small--hide{display:block}
.medium-up--hide{display:none!important}
@media only screen and (max-width: 768px) {
  .small--hide{display:none!important}
  .medium-up--hide{display:block!important}
}

.bi{font-size:18px;vertical-align:middle;line-height:1}
.site-nav__link--icon .bi{font-size:1.15em}

.placeholder-content{background-image:linear-gradient(100deg, #ffffff 40%, #f7f7f7 63%, #ffffff 79%)}

.site-nav__link,
.site-nav__dropdown-link:not(.site-nav__dropdown-link--top-level){font-size:13px}
.site-nav__link, .mobile-nav__link--top-level{text-transform:uppercase;letter-spacing:0.2em}
.mobile-nav__link--top-level{font-size:1.1em}

.toolbar{background-color:#111111;color:#fff;font-size:13px;letter-spacing:0.2em;text-transform:uppercase;position:relative;z-index:20}
.toolbar--transparent{background:rgba(0,0,0,0.3)}
.toolbar__content{display:flex;justify-content:space-between;align-items:center;padding:6px 0}
.toolbar__item{display:flex;align-items:center}
.toolbar__item--menu{flex:1}
.toolbar__menu{display:inline-flex;gap:0}
.toolbar__menu li+li{margin-left:20px}
.toolbar__menu a{color:rgba(255,255,255,.7);font-size:12px;letter-spacing:.15em;transition:color .2s}
.toolbar__menu a:hover{color:#fff}

.header-sticky-wrapper{position:relative;z-index:15}
.header-wrapper{position: relative}
.header-wrapper--sticky{position:sticky;top:0;z-index:15}

.site-header{padding:15px 0;position:relative;z-index:15;transition:background-color .3s,box-shadow .3s;box-shadow:0 0 1px rgba(0,0,0,0.2);background:#fff}
.toolbar + .header-sticky-wrapper .site-header{border-top:0}

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

.header-item{display:flex;align-items:center}
.header-item--navigation{flex:1;justify-content:center}
.header-item--icons{ justify-content:flex-end }

.header-item--logo,
.header-layout--left-center .header-item--logo,
.header-layout--left-center .header-item--icons{-webkit-box-flex:0 1 110px;-ms-flex:0 1 110px;flex:0 1 110px}
@media only screen and (min-width: 769px) {
  .header-item--logo,
  .header-layout--left-center .header-item--logo,
  .header-layout--left-center .header-item--icons{-webkit-box-flex:0 0 200px;-ms-flex:0 0 200px;flex:0 0 200px}
}

.site-header__logo{margin:0;padding:0;line-height:1}
.site-header__logo a{display:block;position:relative;overflow:hidden;width:110px}
.site-header__logo a img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:contain}
@media only screen and (min-width: 769px) {
  .site-header__logo a{width:200px}
}

.site-nav{display:flex;align-items:center}
.site-navigation{display:flex;align-items:center;justify-content:center;gap:0;margin:0;padding:0;list-style:none}
.site-nav__item{display:inline-block}
.site-nav__expanded-item{margin:0 3px}
.site-nav__link{display:inline-block;padding:10px 12px;color:#111111;font-size:13px;text-transform:uppercase;letter-spacing:.2em;font-family:var(--typeBasePrimary),var(--typeBaseFallback);font-weight:400;white-space:nowrap;transition:opacity .2s}
.site-nav__link:hover{opacity:.7}
.site-nav__link--underline{position:relative}
.site-nav__link--underline:after{content:'';position:absolute;left:12px;right:12px;bottom:6px;height:1px;background:currentColor;transform:scaleX(0);transition:transform .3s ease}
.site-nav__link--underline:hover:after{transform:scaleX(1)}
.site-nav__link--icon{padding:10px 8px;position:relative}
.site-nav__icons{display:flex;align-items:center}

.cart-badge{position:absolute;top:2px;right:0;background:#111;color:#fff;font-size:10px;font-weight:600;width:17px;height:17px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;line-height:1}

.btn{display:inline-block;padding:0.625rem 1.25rem;background:transparent;border:1px solid #111111;color:#111111;font-family:var(--typeBasePrimary),var(--typeBaseFallback);font-size:13px;font-weight:400;text-transform:uppercase;letter-spacing:.2em;text-align:center;cursor:pointer;border-radius:var(--buttonRadius);transition:background-color .2s,color .2s;text-decoration:none;line-height:1.4}
.btn:hover{background:#111111;color:#fff}
.btn:disabled{opacity:.5;cursor:default}
.btn--inverse{border-color:#fff;color:#fff}
.btn--inverse:hover{background:#fff;color:#111111}
.btn--secondary{border:0;background:transparent;text-decoration:underline;text-underline-offset:3px;padding:5px 0}
.btn--secondary:hover{background:transparent;color:#111;text-decoration:underline}
.btn--small{font-size:12px;padding:5px 0}
.btn--addcart{display:block;width:100%;margin-top:8px;font-size:11px;padding:7px 10px;letter-spacing:.15em;border-color:#ccc;color:#555;transition:all .2s}
.btn--addcart:hover{border-color:#111;color:#111;background:transparent}

.hero{position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center}
.hero--650px{height:650px}
.hero--750px{height:750px}
.hero--mobile--auto{ height:650px }
.hero--mobile--300px{height:750px}
@media only screen and (max-width: 768px) {
  .hero--mobile--auto{height:auto;min-height:25rem}
  .hero--mobile--300px{height:300px}
}

.hero--template--16973433241647__hero_video_ppWceG .hero__title{font-size:30.0px}
@media only screen and (min-width: 769px) {
  .hero--template--16973433241647__hero_video_ppWceG .hero__title{font-size:60px}
}
.hero--template--16973433241647__hero_video_ppWceG .hero__text-wrap:after{content:'';position:absolute;left:0;right:0;top:0;bottom:0;z-index:3;background-color:#000;opacity:0.2}

.hero__media,.hero__media-container{position:absolute;top:0;left:0;right:0;bottom:0;z-index:1}
.hero__image-wrapper{position:absolute;top:0;left:0;right:0;bottom:0}
.hero__image{width:100%;height:100%;object-fit:cover}

.hero__text-wrap{position:absolute;top:0;left:0;right:0;bottom:0;z-index:4;display:flex;align-items:center;justify-content:center}
.hero__text-wrap:after{content:'';position:absolute;left:0;right:0;top:0;bottom:0;z-index:3;background-color:#000;opacity:.2}
.hero__text-content{position:relative;z-index:5;text-align:center;width:100%;padding:30px}
.hero__text-shadow{display:inline-block}
.hero__title{color:#fff;margin:0;line-height:1;font-size:30.0px}
@media only screen and (min-width: 769px) {
  .hero__title{font-size:60px}
}

.animation-cropper{ overflow:hidden }
.animation-contents{transform:translateY(0)}

.vertical-center{display:flex;align-items:center;justify-content:center;flex-direction:column}
.vertical-bottom{display:flex;align-items:flex-end}
.horizontal-center{text-align:center;justify-content:center}

.rte h3{font-size:var(--typeHeaderSize);font-family:var(--typeHeaderPrimary),var(--typeHeaderFallback);font-weight:var(--typeHeaderWeight);line-height:var(--typeHeaderLineHeight);letter-spacing:var(--typeHeaderSpacing);text-transform:uppercase;margin:0}

.index-section{padding:55px 0}
.idx-about{padding:65px 0 58px}
.idx-products{ padding:52px 0 48px }
.idx-blog{padding:58px 0 50px}
.idx-jobs{padding:50px 0 55px}
.idx-faq{padding:52px 0 58px}
.idx-contact{padding:56px 0 62px}
.index-section--hero{padding:0}

.section-header{text-align:center;margin-bottom:1.875rem}
.section-header__title{font-size:var(--typeHeaderSize);margin:0 0 10px;text-transform:uppercase;letter-spacing:0.05em}
.section-header__link{margin:0;display:inline-block}

.grid{display:flex;flex-wrap:wrap;margin:0 -15px;list-style:none;padding:0}
.grid--uniform .grid__item{margin-bottom:30px}
.grid__item{padding:0 15px}

.grid-overflow-wrapper{overflow:visible}

.grid-product{position:relative}
.small--one-half{width:50%;flex:0 0 50%}
.medium-up--one-quarter{width:25%;flex:0 0 25%}
@media only screen and (max-width: 768px) {
  .medium-up--one-quarter{width:50%;flex:0 0 50%}
}

.grid-product__content{position:relative}
.grid__item-image-wrapper{position:relative}
.grid-product__image-mask{position:relative;overflow:hidden;background:#eee}
.grid__image-ratio{position:relative;width:100%}
.grid__image-ratio--square{padding-bottom:100%}
.grid__image-ratio img{position:absolute;top:0;left:0;width:100%;height:100%}
.grid__image-contain{object-fit:contain}
.image-style--{object-fit:contain}

.grid-product__link{display:block;text-align:center;padding:10px 0;text-decoration:none;color:#111111}
.grid-product__meta{margin-top:0.625rem}
.grid-product__title{font-size:14px;font-family:var(--typeBasePrimary),var(--typeBaseFallback);font-weight:400;text-transform:uppercase;letter-spacing:0.1em;margin:0 0 5px;color:#111}
.grid-product__title--body{font-size:14px}
.grid-product__price{font-size:0.875rem;color:#333;font-family:var(--typeBasePrimary),var(--typeBaseFallback);font-weight:600}
.grid-product__desc{font-size:12px;color:#777;line-height:1.55;margin:6px 0 0;text-align:center}

.slideshow__slide{position:relative;width:100%;height:100%}

.blog-card{background:#fff}
.blog-card__img-wrap{display:block;overflow:hidden;position:relative;padding-bottom:56%}
.blog-card__img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;transition:transform .5s ease}
.blog-card:hover .blog-card__img{transform:scale(1.03)}
.blog-card__body{padding:22px 0 0}
.blog-card__date{font-size:11px;text-transform:uppercase;letter-spacing:.15em;color:#999;display:block;margin-bottom:8px}
.blog-card__title{font-family:var(--typeHeaderPrimary),serif;font-weight:700;font-size:18px;line-height:1.35;text-transform:none;letter-spacing:0;margin:0 0 10px}
.blog-card__title a{color:#111;transition:opacity .2s}
.blog-card__title a:hover{opacity:.7}
.blog-card__text{font-size:14px;line-height:1.7;color:#555;margin:0}

.form-label{display:block;font-size:11px;text-transform:uppercase;letter-spacing:.15em;color:#555;margin-bottom:6px;font-family:var(--typeBasePrimary),sans-serif}
.form-input{width:100%;border:1px solid #ccc;padding:10px 12px;font-size:15px;font-family:var(--typeBasePrimary),sans-serif;background:#fff;border-radius:0;outline:none;transition:border-color .2s;-webkit-appearance:none}
.form-input:focus{border-color:#111}

.faq-item .faq-a{max-height:0;overflow:hidden;transition:max-height .4s ease}
.faq-item.is-open .faq-a{max-height:300px}
.faq-item.is-open .bi-chevron-down{transform:rotate(180deg)}

.cart-drawer{position:fixed;top:0;left:0;right:0;bottom:0;z-index:9990}
.cart-drawer__overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,0);transition:background .35s}
.cart-drawer.is-open .cart-drawer__overlay{background:rgba(0,0,0,.45)}
.cart-drawer__panel{position:fixed;top:0;left:0;bottom:0;width:480px;max-width:92%;background:#fff;transform:translateX(-100%);transition:transform .35s ease;display:flex;flex-direction:column;z-index:9991;box-shadow:4px 0 24px rgba(0,0,0,.12)}
.cart-drawer.is-open .cart-drawer__panel{transform:translateX(0)}
.cart-drawer__head{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid #e5e5e5}
.cart-drawer__body{flex:1;overflow-y:auto;padding:0}
.cart-drawer__foot{padding:20px 24px;border-top:1px solid #e5e5e5}

.cart-card{display:flex;align-items:flex-start;padding:16px 24px;border-bottom:1px solid #f0f0f0;width:100%}
.cart-card__img{width:72px;height:72px;flex:0 0 72px;background:#f7f7f7;margin-right:14px}
.cart-card__info{flex:1;min-width:0}
.cart-card__name{font-size:13px;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:#111;margin-bottom:4px;line-height:1.3}
.cart-card__price{font-size:13px;color:#333;margin-bottom:8px}
.cart-card__actions{display:flex;align-items:center}
.cart-qty-btn{width:28px;height:28px;border:1px solid #ccc;background:#fff;cursor:pointer;font-size:15px;display:inline-flex;align-items:center;justify-content:center;color:#333;transition:border-color .2s}
.cart-qty-btn:hover{border-color:#111}

.logo-bar--template--16973433241647__logo_list_jaP4XG{opacity:1.0}

.site-footer{background:#111111;color:rgba(255,255,255,.7);padding:3.75rem 0 1.875rem;font-size:14px}
.site-footer a{color:rgba(255,255,255,.7);transition:color .2s}
.site-footer a:hover{color:#fff}
.site-footer .grid{display:flex;flex-wrap:wrap}
.site-footer .grid__item{padding:0 15px;margin-bottom:30px}

.footer__title{color:#fff;font-size:13px;font-family:var(--typeBasePrimary),var(--typeBaseFallback);font-weight:600;text-transform:uppercase;letter-spacing:.2em;margin:0 0 20px;line-height:1.4}

.site-footer__linklist{padding:0;margin:0;list-style:none}
.site-footer__linklist li{margin-bottom:8px}
.site-footer__linklist a{font-size:14px;line-height:1.6}

.footer-logo{display:block;margin:40px auto 20px;opacity:.5; filter: brightness(0) invert(1);}

.footer__social{text-align:center;margin-bottom:1.25rem}

.footer__small-text{text-align:center;font-size:12px;color:rgba(255,255,255,.4);margin:5px 0;line-height:1.6}
.footer__small-text a{color:rgba(255,255,255,.4)}
.footer__small-text a:hover{color:rgba(255,255,255,.7)}

.footer-fine-print{max-width:700px;margin:15px auto}
.footer-fine-print p{font-size:11px;line-height:1.6;color:rgba(255,255,255,.35)}

.horizontal-list{display:flex;justify-content:center;flex-wrap:wrap;gap:5px;list-style:none;margin:15px 0 0;padding:0}
.horizontal-list li{display:inline}
.horizontal-list li+li:before{content:' · ';color:rgba(255,255,255,.3);margin:0 5px}
.horizontal-list a{font-size:.75rem;color:rgba(255,255,255,.4)}
.horizontal-list a:hover{color:rgba(255,255,255,.7)}

.js-drawer-open-nav{background:none;border:none;cursor:pointer;padding:10px 8px;color:inherit}

@media only screen and (min-width: 769px) and (max-width: 959px) {
  .site-footer .grid__item{width:50%;padding-top:0}
}

@media only screen and (min-width: 960px){
  .footer__item--footer-1{width:15%}
  .footer__item--menu_Y7y47a{width:15%}
}

@media only screen and (min-width:769px) and (max-width:959px){
  .footer__item--footer-1{width:50%;padding-top:40px}
  .footer__item--footer-1:nth-child(2n + 1){clear:left}
  .footer__item--menu_Y7y47a{width:50%;padding-top:40px}
  .footer__item--menu_Y7y47a:nth-child(2n + 1){clear:left}
}

@media only screen and (max-width: 768px) {
  .site-footer .grid{flex-direction:column}
  .site-footer .grid__item{width:100%;padding-top:1.25rem}
  .toolbar{display:none}
  .idx-about .grid,.idx-contact .grid{flex-direction:column}
  .idx-about .grid .grid__item,.idx-contact .grid .grid__item{flex:0 0 100%!important;max-width:100%!important;padding-left:15px!important}
  .idx-about .grid .grid__item:last-child,.idx-contact .grid .grid__item:last-child{margin-top:24px}
  .idx-blog .grid .grid__item{flex:0 0 100%!important;max-width:100%!important}
  .idx-blog .grid .grid__item+.grid__item{margin-top:30px}
  .idx-jobs .grid .grid__item{flex:0 0 100%!important;max-width:100%!important}
  .idx-jobs .grid .grid__item+.grid__item{margin-top:16px}
}

@media only screen and (max-width: 589px) {
  .page-width{padding:0 20px}
  .index-section{padding:2.2rem 0}
  .idx-about{padding:36px 0 32px}
  .idx-products{padding:34px 0}
  .idx-blog{padding:36px 0 32px}
  .idx-jobs{padding:32px 0 36px}
  .idx-faq{padding:34px 0 40px}
  .idx-contact{padding:36px 0 42px}
  .section-header__title{font-size:24px}
  .grid-product__title{font-size:12px}
  .grid-product__price{font-size:.75rem}
  .grid-product__desc{font-size:11px}
  .blog-card__title{font-size:16px}
  .blog-card__text{font-size:13px}
  .cart-card__img{width:56px;height:56px;flex:0 0 56px}
}

.nav-drawer{position:fixed;top:0;left:0;right:0;bottom:0;z-index:9995;display:none}
.nav-drawer.is-open{display:block}
.nav-drawer__overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,0);transition:background .3s}
.nav-drawer.is-open .nav-drawer__overlay{background:rgba(0,0,0,.45)}
.nav-drawer__panel{position:fixed;top:0;right:0;bottom:0;width:300px;max-width:85%;background:#fff;transform:translateX(100%);transition:transform .3s ease;z-index:9996;overflow-y:auto}
.nav-drawer.is-open .nav-drawer__panel{transform:translateX(0)}
.nav-drawer__head{display:flex;justify-content:flex-end;padding:18px 20px;border-bottom:1px solid #e5e5e5}
.nav-drawer__head button{background:none;border:none;cursor:pointer;font-size:22px;color:#111;padding:0}
.nav-drawer__links{padding:20px 0;list-style:none;margin:0}
.nav-drawer__links li{border-bottom:1px solid #f0f0f0}
.nav-drawer__links a{display:block;padding:14px 24px;font-size:15px;color:#111;text-transform:uppercase;letter-spacing:.15em;font-family:var(--typeBasePrimary),sans-serif;transition:background .2s}
.nav-drawer__links a:hover{background:#f7f7f7}

.site-header__logo a img{
display: flex!important;
}
