:root {
  --animation-speed-fast: .15s;
  --animation-speed-medium: .4s;
  --animation-speed-slow: .7s;
  --container-padding: 1.5rem;
  --header-change-animation-speed: var(--animation-speed-fast);
  --mobile-menu-width: 400px;
  --side-cart-width: 529px;
  --filters-width: 400px;
  --mobile-menu-button-width: 2.5em;
}

@media (max-width: 900px) {
  :root {
    --container-padding: 1.2rem;
  }
}
@media (max-width: 600px) {
  :root {
    --container-padding: 1rem;
    --mobile-menu-width: 100%;
    --side-cart-width: 100%;
    --filters-width: 100%;
  }
}

/* 
******************** 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;}
a:focus-visible, button:focus-visible {outline-style:solid; outline-width:2px}
p a, li a {text-decoration: underline;}
img {display: block; width: 100%; border: none;}
table {width: 100%; border-collapse: collapse; vertical-align: middle; border-spacing: 0;}
input, select {vertical-align: middle;}
input, select, textarea {font-family: inherit; font-size: 1em;}
input::-ms-clear {display: none;}
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 {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;}

svg.icon {display: block; width: 1em; height: 1em; font-size: 1em; line-height: 100%; 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 ********************
*/@import url('https://fonts.googleapis.com/css?family=Raleway:400,700,900%7CRoboto:400,700&display=swap');@font-face {
  font-family: 'Sentinel SSm';
  src: url('//cdn.shopify.com/s/files/1/1002/8980/t/129/assets/SentinelSSm-BlackItalic.woff2?v=80347470037933888831638369184') format('woff2'),
      url('//cdn.shopify.com/s/files/1/1002/8980/t/129/assets/SentinelSSm-BlackItalic.woff?v=126398145608626746871638369184') format('woff');
  font-weight: 500;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: 'Sentinel SSm';
  src: url('//cdn.shopify.com/s/files/1/1002/8980/t/129/assets/SentinelSSm-BoldItalic.woff2?v=161256647467309387541638369184') format('woff2'),
      url('//cdn.shopify.com/s/files/1/1002/8980/t/129/assets/SentinelSSm-BoldItalic.woff?v=170973031787104528741638369184') format('woff');
  font-weight: bold;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: 'Sentinel SSm';
  src: url('//cdn.shopify.com/s/files/1/1002/8980/t/129/assets/SentinelSSm-Black.woff2?v=62131540240790401461638369184') format('woff2'),
      url('//cdn.shopify.com/s/files/1/1002/8980/t/129/assets/SentinelSSm-Black.woff?v=49798891036297469291638369179') format('woff');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Sentinel SSm';
  src: url('//cdn.shopify.com/s/files/1/1002/8980/t/129/assets/SentinelSSm-LightItalic.woff2?v=167740313399283636451638369184') format('woff2'),
      url('//cdn.shopify.com/s/files/1/1002/8980/t/129/assets/SentinelSSm-LightItalic.woff?v=146955919929236879361638369184') format('woff');
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: 'Sentinel SSm';
  src: url('//cdn.shopify.com/s/files/1/1002/8980/t/129/assets/SentinelSSm-Light.woff2?v=145065367659802773471638369184') format('woff2'),
      url('//cdn.shopify.com/s/files/1/1002/8980/t/129/assets/SentinelSSm-Light.woff?v=30686187202701020981638369179') format('woff');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Sentinel SSm';
  src: url('//cdn.shopify.com/s/files/1/1002/8980/t/129/assets/SentinelSSm-MediumItalic.woff2?v=42941509352848244001638369184') format('woff2'),
      url('//cdn.shopify.com/s/files/1/1002/8980/t/129/assets/SentinelSSm-MediumItalic.woff?v=129913910736155184941638369184') format('woff');
  font-weight: 500;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: 'Sentinel SSm';
  src: url('//cdn.shopify.com/s/files/1/1002/8980/t/129/assets/SentinelSSm-Bold.woff2?v=155311733961823168311638369184') format('woff2'),
      url('//cdn.shopify.com/s/files/1/1002/8980/t/129/assets/SentinelSSm-Bold.woff?v=133503402939495513991638369184') format('woff');
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Sentinel SSm';
  src: url('//cdn.shopify.com/s/files/1/1002/8980/t/129/assets/SentinelSSm-BookItalic.woff2?v=94049259432456863001638369184') format('woff2'),
      url('//cdn.shopify.com/s/files/1/1002/8980/t/129/assets/SentinelSSm-BookItalic.woff?v=57593311645556819031638369184') format('woff');
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: 'Sentinel SSm';
  src: url('//cdn.shopify.com/s/files/1/1002/8980/t/129/assets/SentinelSSm-Book.woff2?v=99724869675168889211638369184') format('woff2'),
      url('//cdn.shopify.com/s/files/1/1002/8980/t/129/assets/SentinelSSm-Book.woff?v=59877543902426752951638369184') format('woff');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Sentinel SSm';
  src: url('//cdn.shopify.com/s/files/1/1002/8980/t/129/assets/SentinelSSm-SemiboldItalic.woff2?v=50928891437234051201638369184') format('woff2'),
      url('//cdn.shopify.com/s/files/1/1002/8980/t/129/assets/SentinelSSm-SemiboldItalic.woff?v=44133216895400672311638369184') format('woff');
  font-weight: 600;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: 'Sentinel SSm';
  src: url('//cdn.shopify.com/s/files/1/1002/8980/t/129/assets/SentinelSSm-Medium.woff2?v=75721311400519792911638369184') format('woff2'),
      url('//cdn.shopify.com/s/files/1/1002/8980/t/129/assets/SentinelSSm-Medium.woff?v=177402589477965963261638369184') format('woff');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Sentinel SSm';
  src: url('//cdn.shopify.com/s/files/1/1002/8980/t/129/assets/SentinelSSm-Semibold.woff2?v=135965991455770581871638369184') format('woff2'),
      url('//cdn.shopify.com/s/files/1/1002/8980/t/129/assets/SentinelSSm-Semibold.woff?v=112037050944490397631638369184') format('woff');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

.body-font, html, body {font-family: 'motiva-sans', sans-serif; font-weight: 400; letter-spacing: 0em; line-height: 137%;}
.heading-font, h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {font-family: 'motiva-sans', sans-serif; font-weight: 800; letter-spacing: normal; line-height: 120%; font-style: normal; text-transform: none;}

/*
******************** THEME BASE ********************
*/
html {font-size: 16px; }
body {font-size: 1em; color: #333334; 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: #9fbba7; color: #fff;}
::-moz-selection {background: #9fbba7; color: #fff;}
::-webkit-input-placeholder {color: #58595b;}
:-moz-placeholder {color: #58595b;}
::-moz-placeholder {color: #58595b;}
:-ms-input-placeholder {color: #58595b;}

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6, .rebuy-product-title {margin: 0 0 0.5em; color: #333334;}
h1, .h1 {font-size: 3.125em} h2, .h2 {font-size: 2em;letter-spacing: 0.0312rem;font-weight:500} h3, .h3, .rebuy-product-title {font-size: 1.25em;letter-spacing: 0.0312rem;font-weight:800} h4, .h4 {font-size: 1.125em; font-family: 'Sentinel SSm';letter-spacing: 0.0156rem;font-style:italic;font-weight:400} h5, .h5 {font-size: 0.875rem;text-transform:uppercase; letter-spacing:0.075rem;font-weight: 800;} h6, .h6 {font-size: 1em;}

p {margin: 0 0 1em 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;}

.body-1 {font-size: 1.25em;line-height:150%}
.body-2 {font-size: 1em}
.body-3 {font-size: 0.875em}
.call-out {font-family: 'Sentinel SSm';font-style:italic;font-size: 2em;font-weight:400;letter-spacing:0;line-height:150%}
.display {font-size: 2.5rem;font-weight:800;line-height:130%;letter-spacing: -0.073125rem}

@media all and (max-width: 600px){
  h1, .h1 {font-size: 2em;} h2, .h2 {font-size: 1.5em;} h3, .h3, .rebuy-product-title {font-size: 1.125em;} h4, .h4 {font-size: 1.125em;} h5, .h5 {font-size: 0.875em;} h6, .h6 {font-size: 0.875em;}
  .body-1 {font-size: 1.125em}
  .body-2 {font-size: 0.875em}
  .call-out {font-size: 1.5em;}
  .display {font-size: 1.5rem;}
}

/*
******************** BUTTONS ********************
*/
.btn,.rebuy-widget button.rebuy-button, .wufoo input[type="submit"] {font-family: 'motiva-sans', sans-serif; min-width:12.5rem; display: inline-block; line-height: 100%; 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;}
.btn:disabled {opacity: 0.7;}
/* V1 */
.btn, input.btn, .rebuy-widget button.rebuy-button, .wufoo input[type="submit"] {background-color: #58595b; color: #ffffff; fill: #ffffff; border: 0; -webkit-border-radius: 0em; -moz-border-radius: 0em; border-radius: 0em; padding: 0.8em 3em .8em; font-size: 0.875em; text-transform: uppercase; letter-spacing: 0.0857em; font-weight: 800;}
.not-mobile .btn:hover, .not-mobile input.btn:hover, .not-mobile .rebuy-widget button.rebuy-button:hover, .wufoo input[type="submit"]:hover {opacity: 0.7;background-color: #777777; color: #ffffff; fill: #ffffff; border: 0;}
/* V2 */
.btn.v2, input.btn.v2 {background-color: #333334; color: #ffffff; fill: #ffffff; border: 0; -webkit-border-radius: 0em; -moz-border-radius: 0em; border-radius: 0em; padding: 0.8em 3em .8em; font-size: 0.875em; text-transform: uppercase; letter-spacing: 0.0857em; font-weight: 800;}
.not-mobile .btn.v2:hover, .not-mobile input.btn.v2:hover {opacity: 0.7;background-color: #777777; color: #ffffff; fill: #ffffff; border: 0;}
/* V3 */
.btn.v3, input.btn.v3 {background-color: rgba(0,0,0,0); color: #58595b; fill: #58595b; border: 2px solid #58595B; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; padding: 1em 2em; font-size: 0.875em; text-transform: uppercase; letter-spacing: 0.0857em; font-weight: 800;}
.not-mobile .btn.v3:hover, .not-mobile input.btn.v3:hover {opacity: 0.7;background-color: rgba(0,0,0,0); color: #58595b; fill: #58595b; border: 2px solid #58595B;}
/* 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 {opacity: 0.7;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;}

/*
******************** 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'], .rebuy-widget select.rebuy-select {color: #58595b; font-size: max(16px, .875rem); letter-spacing: inherit; font-weight: inherit; border: 2px solid #58595B; border-radius: 0em; padding: 0.7em 1em; background-color: rgba(0,0,0,0);}
select {background-image: url(//cdn.shopify.com/s/files/1/1002/8980/t/129/assets/select.png?v=111168247038083545801638369184); background-repeat: no-repeat; background-position: right 10px center; background-size: 10px; padding-right: 30px; box-shadow: none;}
input.error, select.error, textarea.error {border-color: #FF0202 !important;}
label {color: ; display: inline-block; ;}
.success-msg {color: #25B831;}
.error-msg {color: #FF0202;}
@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: 0.8em 3em .8em;}
.loader {border: 2px solid rgba(255,255,255,.2); position: absolute; left: 50%; top: 50%; border-top: 2px solid #fff; border-radius: 50%; width: 100px; height: 100px; animation: spin .7s linear infinite; margin-top: -50px; margin-left: -50px; }

/*
******************** 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:last-child,
.header-inner .item .item {margin-right: 0;}
.header-inner .has-dropdown {position: relative;}
.header-inner .submenu {background: var(--header-submenu-color)!important; z-index: 1; position: absolute; top: 100%; left: 0; min-width: 12em;box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);}
.header-inner .submenu-inner {padding: 0.5em 0;}
.header-inner .submenu .submenu {top: -0.5em; left: 100%;}

.header-main-menu {display: flex; flex-flow: row;}
.header-main-menu .nav-1 {border-bottom: 3px solid transparent;padding: 0.5em; 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-main-menu .nav-1:hover,
.header-main-menu .active .nav-1 {border-color: #9fbba7;color: #9fbba7}
.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 0.5em; 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: space-between; /*position: relative;*/}
.header-content .logo {margin: 0.97em 0;}
.header-content .logo img {max-width: var(--header-logo-max-width); transition: max-width var(--header-change-animation-speed) ease-out;}
.header-content.logo_center {justify-content: center;}
.header-content .shop-name {font-size: 1.5em;}

.top-utils {position: absolute; right: var(--container-padding); top: 0; bottom: 0; display: flex; align-items: stretch;}
.top-utils-wrap {display: flex;max-width: -webkit-max-content;justify-content: flex-end;}
.top-utils .item {padding: 0.5em; margin-right: 0.5em; 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.32em; width: 1em; height: 1em; margin-right: 0.5em;}
.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,
#mobile-menu .cart-count {text-indent:-5000em;position: absolute; top: 0.5em; left: 2em; transform: translate(0%, -95%); line-height: 1; width: 1em; height: 1em; display: flex; align-items: center; justify-content: center; font-size: 0.5em; border-radius: 50%; background: #fdc4a1; color: var(--header-color); transition: all var(--header-change-animation-speed) ease-out; }
.top-utils .cart-count:empty,
#mobile-menu .cart-count:empty  {display: none;}
.top-utils .icon.icon-search {font-size: 1.2rem}

.top-utils .trigger-search[aria-expanded="true"] {visibility: hidden; opacity: 0;}
#mobile-menu .trigger-cart {position:relative;color:#fff}
.trigger-cart > div {position:relative}

#search-bar {visibility: hidden;width:0;overflow:hidden;display:flex;align-items:center}
#search-bar.open {visibility: visible; width: 13em;}
#search-bar search-form {flex-grow: 1;}
/*#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;}
#search-bar .close-search-bar {margin-left: 1em; font-size: 1.25em; margin-top: 0.7em;}

.mobile-menu-button {position:absolute;z-index:999;width: 2em; font-size: 1.5em; 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%);}*/
  .top-utils .trigger-search,
  .top-utils .trigger-account {display:none}
}
@media (min-width: 901px){
  .header-content.logo_center .logo {margin-left: 4%; margin-right: 4%;}
  .header-content.logo_left .logo {margin-right: 4%;}
}

/*
******************** 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 .top .links a {display: block; margin: 0 0 0.8em;}

#footer .top h4.h1 {font-size: 2.5em;color: #6f9dab;letter-spacing: -0.0729rem}
#footer .top h5 {color: #333334;margin-bottom: 1.8rem}

#footer .item { /* This prevents a line break inside a column in the footer menu */ overflow: hidden; /* Fix for firefox and IE 10-11  */ -webkit-column-break-inside: avoid; /* Chrome, Safari, Opera */ page-break-inside: avoid; /* Firefox */ break-inside: avoid; /* IE 10+ */ break-inside: avoid-column; }

#footer .social-links {justify-content: start;}
#footer .social-links a {font-size: 0.875em; width: 1.3em; height: 1.3em; margin-right: 1em; border-radius: 4px; border: 1px solid; background: #6f9dab; border-color: #6f9dab; 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 {opacity: 0.8;}
#footer .social-links svg path {fill: var(--footer-top-bg-color);}

#footer .mailing-list {margin-bottom: 1em;}
#footer .mailing-list .title {display: block; padding: 0; margin-bottom: 0.5em; color: #333334;}
#footer .mailing-list .text p {margin-bottom: 1.5em}
#footer .mailing-list .form-wrap {display: inline-block; position: relative; width: 100%;}
#footer .mailing-list input[type="email"] {width: 100%;background:none;border-width:1px;border-radius:2px}
#footer .mailing-list button {position: absolute; right: 0; top: 0; height: 100%;background:transparent;padding: .7em;font-size: .56em;min-width:initial}
#footer .mailing-list button svg path {fill: var(--footer-top-text-color)}


#footer .bottom {color: var(--footer-bottom-text-color); background-color: var(--footer-bottom-bg-color); }
#footer .bottom .wrap {border-top: 1px solid var(--footer-bottom-border-color);}
#footer .bottom .links a {display: inline-block;text-decoration:underline}
#footer .bottom .links span {padding:0 0.5em}
#footer .bottom .links span:last-child {display:none}
#footer .bottom .links a:last-child {margin-right: 0;}

@media all and (min-width: 901px){
  #footer .logo {max-width: var(--footer-logo-max-width-desktop);}
  #footer .top {padding: var(--footer-top-padding-desktop);}
  #footer .top .links {-webkit-column-count: var(--footer-top-linklist-columns-desktop); -moz-column-count: var(--footer-top-linklist-columns-desktop); column-count: var(--footer-top-linklist-columns-desktop);}
  #footer .bottom .wrap {padding: var(--footer-bottom-padding-desktop);}
}  

@media all and (max-width: 900px){
  #footer .top {padding: var(--footer-top-padding-mobile);}
  #footer .top h4.h1 {font-size: 1.5em;margin-bottom:1em}
  #footer .top h5 {font-size: 1em;margin-bottom:1em}
  #footer .top .logo {margin-bottom: 2em; max-width: var(--footer-logo-max-width-mobile);}
  #footer .top .links {margin-bottom: 2em; -webkit-column-count: var(--footer-top-linklist-columns-mobile); -moz-column-count: var(--footer-top-linklist-columns-mobile); column-count: var(--footer-top-linklist-columns-mobile);}
  #footer .bottom .wrap {padding: var(--footer-bottom-padding-mobile);}
  
  #footer .item {margin-bottom:1em}

  #footer .social-links {margin-bottom:3em}
}

/*
******************** PRODUCT CARD ********************
*/
.grid .product-card {margin: 0 0 2em; display: flex; flex-direction: column; justify-content: space-between; height: 91%;} 
.product-card a {display: block;}
.product-card .image-container {position: relative;overflow:hidden}
.product-card .image {padding-top: 120%; position: relative;}
.product-card .image .img {position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover;border-radius: 10px}
.product-card .image.show-hover-image .hover-img {position:absolute; top: 0; left: 0; opacity: 0;background-color:#fff}
.not-mobile .product-card .image.show-hover-image:hover .hover-img {opacity: 1; z-index: 2;}

.product-card .quick-add-wrapper {position: absolute; bottom: 0; left: 0; opacity: 1;}
.quick-view-trigger {border: 2px solid #333334; padding: 0.5em 0; text-align: center; text-transform: uppercase; font-size: .9em; font-weight: 700; background-color: #fff; color: #333334; letter-spacing: .0857em; margin-top: 1em; cursor: pointer;}
.not-mobile .product-card:hover .quick-add-wrapper,
.user-is-tabbing .product-card .card-swatches-wrapper:focus {opacity: 1;}

.product-card .quick-add-wrapper {background: rgba(255, 255, 255, 0.75);color: #58595B}
.product-card .card-swatches-wrapper {position: absolute; top: 100%; background: rgba(255, 255, 255, 0.90);width: 100%;}
.product-card .card-swatches-wrapper > div {padding: 1em;display: flex; flex-direction: column; align-items: center;}
.product-card .card-swatches-wrapper .h5 {color: #58595B}
.not-mobile .product-card:hover .card-swatches-wrapper,
.user-is-tabbing .product-card:focus .card-swatches-wrapper {transform:translateY(-100%)}
product-variants .grid-item.material,
product-card-dropdown[data-label="Material"],
product-dropdown[data-label="Material"] {display: none}
product-card-dropdown select{margin-bottom: 0.5em;}

.product-card product-card-swatch:not(.color-swatches) .label-inner,
.product-card .add-to-cart {opacity:1;border-radius: 5px;border-color: #58595B;color:#58595B;padding: 0.2em 0.5em 0.15em 0.5em; line-height: 100%;}
.not-mobile .product-card product-card-swatch:not(.color-swatches) .label-inner:hover {opacity: 0.7;background-color: #58595b; color: #fff; fill: #58595b; border: 2px solid #58595B;}

.product-card product-card-buttons {width: 100%; display: flex; justify-content: center;}
.product-card product-card-buttons .btn {width:auto;min-width:initial}
.product-card product-card-buttons .btn:hover { background-color: #58595b !important; color: #fff !important; }

.product-card .info {padding-top: 0.7em;}
.product-card .title {margin-top:0.2em;color: #58595B}
.product-card .price {color: #58595B}
.product-card .price .compare,
#product-quick-view .retail {opacity: 0.5; text-decoration: line-through;}
.product-card .price > *:not(:last-child) {margin-right: 0.5rem;}
.product-card .also-available{margin-top: 0.5em;}
.product-card .also-available a{font-size: 0.875em; font-style: italic; font-weight: 400; font-family: 'Sentinel SSm'; color: #58595B;}
.product-card .sub-title-copy{font-size: 0.875em; line-height: 1.428em; margin-bottom: 0.5em;}

.product-badge,
.variant-badge{position: absolute; background: #9fbba7; color: #f6f6f6; padding: 0.5em 1em 0.3em; font-size: 0.875rem; z-index: 1; line-height: 100%; border-radius: 33px; text-transform: uppercase; font-weight: 800;}
.product-badge.custom-badge,
.variant-badge.custom-badge{background: #5F7767;}
.product-badge.third-color{background: #4797AF;}
.product-badge.fifth-color{background: #58595B;}
.product-badge.top-left,
.variant-badge.top-left {top: 0.5em; left: 0.5em;}
.product-badge.top-right,
.variant-badge.top-left {top: 0.5em; right: 0.5em;}
.variant-badge{color: #919191; font-weight: 400; border: 2px solid; padding: 1em 1.1em 0.8em 1.1em; border-radius: 14px;}
.variant-badge:not(.hide){display: inline-table;}
.product-badge.sold-out {border-color: #FF0202;}

/*.product-card .swatch-group {}
.product-card .swatch-group > *:not(:last-child) {margin-right: 0.8em;}
.product-card .swatch-group label {width: 15px; height: 15px; border-radius: 50%; border: 1px solid rgba(0,0,0,0.1);}
.not-mobile .product-card .swatch-group input:not(:checked) + label:hover {border-color: rgba(0,0,0,0.2);}
.product-card .swatch-group input:checked + label {border-color: #fff; box-shadow: 0 0 0 2px rgba(0,0,0,0.2);}
.user-is-tabbing .product-card .swatch-group input:focus + label {outline-width: 2px; outline-style: solid; outline-color: Highlight;}*/

.product-card .product-swatch-element.color-swatches .label-inner {width:15px;height:15px;margin:0;border:0}

.product-card .colors {position:relative}
.product-card .colors .selected-option {font-size: 0.875rem;color:#58595B; display: none !important;}
.product-card .colors .selected-option .selected-name {font-weight: 700;margin-right:0.5em}
.product-card .colors .selected-option .available-options-qty svg {font-size: 0.8em;margin-left:0.5em}
.product-card .option-name {display:none}

.product-card .mobile-swatches{margin-top: 1em;}
.product-card .mobile-swatches .swatch-group{justify-content: center;}
.product-card .mobile-swatches .swatch-group .swatch{margin: auto;}

@media (-webkit-min-device-pixel-ratio:0) {
  .user-is-tabbing .product-card .swatch-group input:focus + label {outline-color: -webkit-focus-ring-color; outline-style: auto;}
}
.product-card .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 .swatch-group .see-more:hover {border-color: rgba(0,0,0,0.1);}
.product-card .swatch-group .see-more span {font-size: 9px;}

.yotpo .yotpo-bottomline .yotpo-icon-star, .yotpo .yotpo-bottomline .yotpo-icon-half-star, .yotpo .yotpo-bottomline .yotpo-icon-empty-star {color: #fdc4a1!important;font-size: 0.875rem!important;padding-right: 0.1em;}
.product-card .yotpo .text-m {font-size: 0.875rem;font-family: 'Sentinel SSm';font-style:italic!important;color: #58595b!important;margin-left:0;}
.product-card .yotpo .text-m {display:none}
collection-page .product-card .yotpo .text-m {display:block}

@media only screen and (max-width: 900px){
  .product-card:hover .colors .selected-option {opacity: 1 !important;}
  .product-card .colors .options{position: relative; opacity: 1; margin-top: 0.9em;}
  .product-card .colors .selected-option {cursor: pointer;}
  .product-card .colors .options {display: none;}
  .product-card .colors .options.expanded {display: block !important;}
}

@media only screen and (max-width: 600px){
  #product-quick-view .main-info-wrapper {max-width:initial;padding-top:1.5em;padding-bottom:2em}
  #product-quick-view .h3 {padding: 0 2em}
  #product-quick-view .deal{margin: auto;}
  #product-quick-view .btn {width:100%}

  .product-badge {font-size: 0.6875rem}
  .product-card .product-swatch-element.color-swatches input:checked+label .label-inner{transform: scale(1.1);}
  .product-card .product-swatch-element.color-swatches .label-inner {width: 17px;height: 17px;}
  .product-card .price{font-size: 0.875em; margin-top: 0.3em;}
  .product-card .product-swatch-element .swatch-group .swatch{margin-bottom: 0.2em;}
}

/* ============ QUICK VIEW MODAL ============ */
.quick-view-modal .tingle-modal-box{width: 900px; max-height: auto;}
.quick-view-modal .tingle-modal__close{font-size: 1.5em; padding: 0; top: 0.7em; right: 0.7em;}
.quick-view-modal .main-product-grid{margin: 0; padding: 0;}
.quick-view-modal .main-product-grid .main-product-media{display: flex; background: white; padding-left: 0; width: 50%;}
.quick-view-modal .main-product-grid .main-product-info{width: 50%; padding: 3em 2.5em;}
.quick-view-modal .main-product-info h1 {font-weight: 700;}
.quick-view-modal .main-product-info .rating-price{border-bottom: 1px solid #C8C8C8;}
.quick-view-modal .main-product-info .form-description .link-to-pdp{font-weight: bold; text-decoration: underline;}
.quick-view-modal .main-product-info product-variants{margin-bottom: 0;}
.quick-view-modal .main-product-info .product-swatch-element:not(.color-swatches) .label-inner{margin-bottom: 0;}
.quick-view-modal .main-product-info .product-card-personalize-btn{display: block; border: 2px solid #333334; padding: 0.5em 0; text-align: center; text-transform: uppercase; font-size: .9em; font-weight: 700; background-color: #f6f6f6; color: #333334; letter-spacing: .0857em; margin-bottom: 1em;}
.quick-view-modal .main-product-info .product-card-personalize-btn.disabled { cursor: default; border-color: #aaa; color: #aaa; pointer-events: none; }

.quick-view-modal .product-info-items{display: flex; flex-direction: column; margin-top: 3em;}
.quick-view-modal .product-info-items > div{width: 100%;}
.quick-view-modal .product-info-items > div:not(:last-child){margin-bottom: 0.7em;}
.quick-view-modal .social-share {display: none !important;}
.quick-view-modal .tingle-modal-box .main-product-grid .main-product-media.sticky product-gallery {top: 0!important; left: 0; right: 0; bottom: 0; margin: 0;}
.quick-view-modal .tingle-modal-box product-gallery .image-wrap {padding-top: 125%; position:relative}
.quick-view-modal .tingle-modal-box product-gallery .image-wrap > img {object-fit: contain!important; position: absolute; left: 0; top: 0; object-position: center; width: 100%; height: 100%;}

@media all and (max-width: 900px){
  .quick-view-modal .tingle-modal-box{max-height: 80vh;}
	.quick-view-modal .main-product-grid .main-product-media,
	.quick-view-modal .main-product-grid .main-product-info{width: 100%;}
	.quick-view-modal .main-product-grid .main-product-media,
	.quick-view-modal product-thumbs{padding: 0;}
  .quick-view-modal {padding: 10% 0 0 0!important;width:100%; opacity:1!important;}

  .quick-view-modal .tingle-modal-box {opacity:1;width:100%;margin-top:0;position: absolute; transform: scale(1); -webkit-transition: all .5s ease-out; -moz-transition: all .5s ease-out; -o-transition: all .5s ease-out; -ms-transition: all .5s ease-out; transition: all .5s ease-out; max-width:80%; margin: 0 auto;}
  .quick-view-modal.tingle-modal--visible .tingle-modal-box {animation:none; box-shadow: 0px -4px 12px rgb(0 0 0 / 10%);}
  .quick-view-modal .tingle-modal-box .close {font-size: 1em;padding: 1.5em 0.8em;position:absolute;right:0;top:0}
  .quick-view-modal .tingle-modal-box product-gallery .image-wrap {padding-top: 100%; position:relative}

	.quick-view-modal .main-product-grid .main-product-info{padding: 1.7em 0;}
}

@media only screen and (max-width: 600px){
  .quick-view-modal .tingle-modal-box product-gallery .image-wrap {padding-top: 125%; position:relative}
  .quick-view-modal {padding: 0!important;width:100%;opacity:1!important;}
  .quick-view-modal .tingle-modal-box {max-width:100%;}

  .quick-view-modal product-buttons .btn {}
  .quick-view-modal product-swatch:not(.color-swatches) .label-inner {border-radius: 5px}
}

/*
******************** REBUY PRODUCT CARD ********************
*/

.rebuy-widget select.rebuy-select{text-transform: uppercase; font-weight: 600; color: #333334; letter-spacing: 1.2px; background-image: linear-gradient(45deg, transparent 50%, #333334 50%),linear-gradient(135deg, #333334 50%, transparent 50%);}

/*
************ SWATCHES ************
*/

.product-swatch-element .swatch-group > *:not(:last-child) {margin-right: 0.8em;}
.product-swatch-element input {border: 0; clip: rect(0 0 0 0); height: 1px; width: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; opacity: 0;}
.product-swatch-element .label-inner {display: block; padding: .5em 1em .5em; line-height: normal; -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;}
.product-swatch-element:not(.color-swatches) .label-inner {border: 2px solid ;opacity:0.25;}
.product-swatch-element input:checked + label .label-inner {opacity:1}
/*.not-mobile .product-swatch-element:not(.color-swatches) input:not(:checked) + label:hover .label-inner {border-color: rgba(0,0,0,0.2);}*/
.user-is-tabbing .product-swatch-element input:focus + label .label-inner {outline-width: 2px; outline-style: solid; outline-color: Highlight;}

.product-swatch-element.color-swatches .label-inner {padding: 0; width: 25px; height: 25px; border-radius: 50%;margin-bottom:0}
.product-swatch-element.color-swatches .label-inner span {border: 0; clip: rect(0 0 0 0); height: 1px; width: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; opacity: 0;}
.not-mobile .product-swatch-element.color-swatches input:not(:checked) + label:hover .label-inner, 
.product-swatch-element.color-swatches input:checked + label .label-inner {    transform: scale(1.2); display: flex; align-items: center; justify-content: center;}
.not-mobile .product-swatch-element.color-swatches input:not(:checked) + label:hover .label-inner::after, 
.product-swatch-element.color-swatches input:checked + label .label-inner::after {content: ''; display: block; background-color: transparent; border: 1px solid #000; border-radius: 100%; width: 100%; height: 100%; transform: scale(1.2); position: absolute;}


.product-swatch-element [data-available=false] label {position: relative;}
.product-swatch-element [data-available=false] label:before,
.product-swatch-element [data-available=false] label:after {content: ''; z-index: 2; position: absolute; left: 50%; top: 0; height: 100%; width: 1px; background: rgba(0,0,0,0.4); mix-blend-mode: multiply; transform: rotate(45deg);}
.product-swatch-element [data-available=false] label:after {transform: rotate(-45deg);}
.product-swatch-element [data-available=false] .label-inner {opacity: 0.4;}

product-dropdown[data-label="Material"] {display: none!important}

product-buttons {width:71%}
product-buttons .btn {width:100%;min-width:initial;padding-left:1em!important;padding-right:1em!important}

@media (-webkit-min-device-pixel-ratio:0) {
	.user-is-tabbing .product-swatch-element input:focus + label {outline-color: -webkit-focus-ring-color; outline-style: auto;}
}

/*
************ OVERLAYS ************
*/
.show-overlay, .show-loading-overlay {
  overflow: hidden;
}
#overlay {visibility: hidden; position: fixed; top: 0; left: 0; bottom: 0; right: 0; z-index: 102; background-color: rgba(0,0,0,0);}
.show-overlay #overlay {visibility: visible; background-color: rgba(0,0,0,0.4);}

#loading-overlay {width: 100%; height: 100%; position: fixed; top: 0; left: 0; background:rgba(0,0,0,.7); z-index: 999999; text-align: center; display: none;}
.show-loading-overlay #loading-overlay {display: block;}

/**** CUSTOM CHECKBOX AND RADIO STYLES ****/
.checkbox-custom, .radio-custom {opacity: 0; border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px;}
.checkbox-custom-label, .radio-custom-label {position: relative;}
.checkbox-custom-label:before, .radio-custom-label:before {margin-top: 0.2em; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; transition: all 0.3s ease-out;}
.checkbox-custom + .checkbox-custom-label:before {content: ''; background: #fff url(//cdn.shopify.com/s/files/1/1002/8980/t/129/assets/checked-white.png?v=177814245546609123131638369184) no-repeat center; background-size: 0%; border: 2px solid #9fbba7;border-radius:100%; width: 16px; height: 16px; margin-right: 0.5em;margin-top:0}
.radio-custom + .radio-custom-label:before {content: ''; border-radius:100%; border: 2px solid #9fbba7; border-radius: 50%; vertical-align: middle; width: 16px; height: 16px; margin-right: 0.5em; text-align: center;}
.checkbox-custom:checked + .checkbox-custom-label:before {background-color: #9fbba7; border-color: #9fbba7; background-size: 70%;}
.radio-custom + .radio-custom-label:before {border-radius: 50%;}
.radio-custom:checked + .radio-custom-label:before {background: #333334; box-shadow: inset 0 0 0 2px #FFFFFF; border-color: #333334;}/*********** FREE SHIPPING PROGRESS BAR ***********/
.free-shipping-progress {margin: 0; padding: 1em 2em 0;}
#cart .free-shipping-progress {margin-bottom:2em}
.free-shipping-progress-title {margin-bottom: 0.7em; line-height: 140%; font-size: 1em; letter-spacing: 0.04em;}
.free-shipping-progress-title i {margin-right: 0.5em; font-style: normal; border-radius: 50%; text-transform: none; color: #9fbba7; 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: rgba(159, 187, 167, 0.5); font-weight: 400; position: relative; height: 0.5em; border-radius: 1em;}
.free-shipping-progress-bar .progress {background: #9fbba7; position: absolute; top: 0; left: 0; height: 100%; width: 0%; border-radius: 1em;}
.free-shipping-progress-bar.goal-achieved .progress {background: #9fbba7;}

@media all and (max-width: 600px){
  .free-shipping-progress {padding: 1em 1em 1em}
}/*
************ COLLECTION PAGE ************
*/

/* tag filters - start */
collection-page.has-tag-filters .collection-grid {overflow: hidden;position: relative;width:100%;height: 100%;}

collection-page.has-tag-filters .collection-grid .grid-collection-overlay {position: absolute;display: none;background-color: #fcf5fa;width:100%;height: 100%;}
collection-page.has-tag-filters #main-content.collection {overflow-x: hidden;}
collection-page.has-tag-filters .collection-top{display: flex; flex-wrap: wrap; align-items: flex-start; justify-content: space-between; margin-top: 2.3em;}

collection-page.has-tag-filters .tag-filter-group {display: flex; z-index: 3;}
collection-page.has-tag-filters .tag-filter-group .checkbox-container {position: relative; margin-right: 10px; margin-bottom: 1em; border: 2px solid;}
collection-page.has-tag-filters .checkbox-overlay {display: none;}
collection-page.has-tag-filters .tag-filter-group .checkbox-container:last-child {margin-right: 0;}
collection-page.has-tag-filters .tag-filter-group .checkbox-container .checkboxes {display: none; position: absolute; background-color: #fff; border: 1px solid #D0D0D0; padding: 15px 15px 15px 0; z-index: 1; margin-top: 3px; left: -2px;}
collection-page.has-tag-filters .tag-filter-group .checkbox-container .checkboxes > div:not(:last-child){margin-bottom: 1em;}
collection-page.has-tag-filters .tag-filter-group .checkbox-container .checkboxes label {display: flex; align-items: center; margin-right: 1.5em; height: 19px;}
collection-page.has-tag-filters .tag-filter-group .checkbox-container .checkboxes label:last-child {margin-right: 0;}
collection-page.has-tag-filters .tag-filter-group .checkbox-container .checkboxes input {margin: 0; cursor: pointer; position: relative; height: 21px; width: 21px; visibility: hidden;}
collection-page.has-tag-filters .tag-filter-group .checkbox-container .checkboxes input[type=checkbox] {-moz-appearance:initial;} /* for firefox browsers: so ::after and ::before can be assigned to an input element */
collection-page.has-tag-filters .tag-filter-group .checkbox-container:not(.color) .checkboxes input[type=checkbox]::before {content: ''; position: absolute; width: 1em; height: 1em; border: 1px solid #5F7767; background-color: #fff; border-radius: 50%; visibility: visible;}
collection-page.has-tag-filters .tag-filter-group .checkbox-container:not(.color) .checkboxes input[type=checkbox]:checked::before,
collection-page.has-tag-filters .tag-filter-group .checkbox-container:not(.color) .checkboxes input[type=checkbox].selected::before {visibility: hidden;}
collection-page.has-tag-filters .tag-filter-group .checkbox-container:not(.color) .checkboxes input[type=checkbox]:checked::after,
collection-page.has-tag-filters .tag-filter-group .checkbox-container:not(.color) .checkboxes input[type=checkbox].selected::after {content: ''; position: absolute; width: 1em; height: 1em; background-image: url("//cdn.shopify.com/s/files/1/1002/8980/files/check.png?v=16383109645968468520"); background-position: center; background-repeat: no-repeat; background-size: 100%; visibility: visible; left: 0; top: 0; z-index: 2;}
collection-page.has-tag-filters .tag-filter-group .checkbox-container .checkboxes span {font-size: 0.9em; white-space: nowrap;}

/* color filters */
collection-page.has-tag-filters .tag-filter-group .checkbox-container.color .checkboxes span{margin-top: 0.1em;}
collection-page.has-tag-filters .tag-filter-group .checkbox-container.color .label-inner{width: 20px; height: 20px; padding: 10px; border-radius: 50%; background-size: cover; position: relative; margin-right: 0.6em; border: 1px solid #cbcbcb;}
collection-page.has-tag-filters .tag-filter-group .checkbox-container.color input[type=checkbox]{position: absolute;}
collection-page.has-tag-filters .tag-filter-group .checkbox-container.color input[type=checkbox]:checked + .label-inner::after{content: ''; display: block; background-color: transparent; border: 1px solid #000; border-radius: 100%; width: 130%; height: 130%; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%);}

/* select only one option at the time */
collection-page.has-tag-filters .tag-filter-group .checkbox-container.has-option-checked input[type=checkbox]:not(:checked),
collection-page.has-tag-filters .tag-filter-group .checkbox-container.has-option-checked input[type=checkbox]:not(:checked)+span{opacity: 0.6;}

collection-page.has-tag-filters .tag-filter-group .filter-name {font-weight: 700; font-size: 0.875em; letter-spacing: 1.2px; text-transform: uppercase; padding: 0.5em 2.7em 0.2em 1em; position: relative; cursor: pointer; user-select: none; -webkit-user-select: none; margin-bottom: 0; z-index: 2; border: 1px solid transparent; color: #000;}
collection-page.has-tag-filters .tag-filter-group .filter-name svg{position: absolute; top: 50%; transform: translate(0, -50%); right: 0.6em;}
collection-page.has-tag-filters .tag-filter-group .filter-name .filter-count {font-weight: 400;}
collection-page.has-tag-filters .tag-filter-group .active .checkboxes {display: flex;}

collection-page.has-tag-filters body {position: relative;}
collection-page.has-tag-filters #filters-mobile-menu {display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100vh; z-index: 101;}
collection-page.has-tag-filters #filters-mobile-menu .filters-mobile-menu-background {background: rgba(0, 0, 0, 0.3); width: 100%; height: 100%; cursor: pointer;}
collection-page.has-tag-filters #filters-mobile-menu .filters-mobile-menu-container {background-color: #F6F6F6; height: 100%; padding: 50px 30px 100px; position: relative; overflow-x: hidden; flex-shrink: 0; width: 100%;}
collection-page.has-tag-filters #filters-mobile-menu .filters-mobile-menu-container .close-filters {position: absolute; top: 0.5em; right: 0.3em; padding: 8px 13px; font-size: 21px; font-weight: 600; cursor: pointer;}
collection-page.has-tag-filters #filters-mobile-menu .filters-mobile-menu-container .checkbox-container:not(.mobile){display: block; border: none;}
collection-page.has-tag-filters #filters-mobile-menu .filters-mobile-menu-container .checkboxes{background-color: #F6F6F6; width: 100% !important; left: 0 !important;}
collection-page.has-tag-filters #filters-mobile-menu .filters-mobile-menu-container .checkbox-container.mobile,
collection-page.has-tag-filters #filters-mobile-menu .filters-mobile-menu-container collection-sort label{display: none;}
collection-page.has-tag-filters #filters-mobile-menu .filters-mobile-menu-container .checkbox-container:not(.color) .checkboxes > div{width: 100%;}
collection-page.has-tag-filters #filters-mobile-menu .tag-filter-group {flex-direction: column;}
collection-page.has-tag-filters #filters-mobile-menu .tag-filter-group .checkboxes {display: none; position: relative; padding: 0.5em 0 0 0; border: none; margin-bottom: 30px;}
collection-page.has-tag-filters #filters-mobile-menu .tag-filter-group .checkboxes span{font-size: 0.875em;}
collection-page.has-tag-filters #filters-mobile-menu .tag-filter-group .filter-name {cursor: pointer;position: relative;}
collection-page.has-tag-filters #filters-mobile-menu .tag-filter-group .filter-name svg {-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; transform: none; top: 0;}
collection-page.has-tag-filters #filters-mobile-menu .tag-filter-group .filter-name.active svg{-webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg);}
collection-page.has-tag-filters #filters-mobile-menu .tag-filter-group .filter-name::after {display: none;}
collection-page.has-tag-filters #filters-mobile-menu .tag-filter-group .filter-name,
collection-page.has-tag-filters #filters-mobile-menu select {padding: 0 2em 0 0 !important; font-weight: 800; margin-bottom: 0.7em; border: none; text-transform: none; font-size: 1.25em;}
collection-page.has-tag-filters #filters-mobile-menu .tag-filter-group .checkboxes label:not(:last-child) {margin-bottom: 12px;}
collection-page.has-tag-filters #filters-mobile-menu .tag-filter-group .filter-name .filter-count {display: none;}
collection-page.has-tag-filters #filters-mobile-menu collection-sort{border: none; padding: 0;}

@media all and (max-width: 1200px){
  collection-page.has-tag-filters .tag-filter-group .checkboxes {flex-direction: column; z-index: 3;}
  collection-page.has-tag-filters .tag-filter-group .checkboxes label {margin-bottom: 0.7em;}
  collection-page.has-tag-filters .tag-filter-group .checkboxes label:last-child {margin-bottom: 0;}
}

@media all and (max-width: 600px) {
  collection-page.has-tag-filters{margin-top: 0.3em !important;}
  collection-page.has-tag-filters .tag-filter-group {flex-shrink: 0; width: 100%;}
  collection-page.has-tag-filters .tag-filter-group .checkbox-container {flex-shrink: 0;}
  collection-page.has-tag-filters .tag-filter-group .checkbox-container:not(.mobile){display: none;}
  collection-page.has-tag-filters .tag-filter-group .checkbox-container.mobile{display: block; width: 100%;}
  collection-page.has-tag-filters .collection-top {padding: 0; margin-top: 0;}
  collection-page.has-tag-filters .tag-filter-group .checkbox-container {margin-right: 0;}
  collection-page.has-tag-filters .collection-top .checkbox-overlay {display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 2; cursor: pointer;}
  collection-page.has-tag-filters collection-sort{display: none !important;}
  collection-page.has-tag-filters collection-sort-mobile{display: flex !important;}

  /* color filters */
  collection-page.has-tag-filters .filters-mobile-menu-container .checkbox-container.color .checkboxes{flex-direction: row;}
  collection-page.has-tag-filters .filters-mobile-menu-container .checkbox-container.color .checkboxes > div{display: inline-block;}
  collection-page.has-tag-filters .filters-mobile-menu-container .checkbox-container.color .checkboxes label{display: flex; flex-direction: column; height: auto;}
  collection-page.has-tag-filters .filters-mobile-menu-container .checkbox-container.color .checkboxes label span{white-space: normal; text-align: center; margin-top: 0.5em;}
  collection-page.has-tag-filters .filters-mobile-menu-container .checkbox-container.color .label-inner{padding: 10px; margin-right: 0;}

}
/* tag filters - end */


/*
************ GLOBAL COMPONENTS ************
*/
#side-cart {display: none;}.cart-addnote {margin: 1.5em 0;}
.cart-addnote label {text-transform: none; font-weight: 400;}
.cart-addnote textarea {margin-top: 1em; height: 8em; padding: 0.5rem 1rem;border: 1px solid #58595B; border-radius: 3px; }/* 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: 0.7;}

/* component-quantity */
.quantity-box {border: 2px solid #58595B; background-color: rgba(0,0,0,0); position: relative; width: 100%; max-width: 6.5em; display: flex; flex-flow: row;}
.quantity-input[type="number"] {border: 0; padding: 0;padding-top:0.2em; color: currentColor; font-size: 1rem; font-weight: 800; text-align: center; background-color: rgba(0,0,0,0); height: 2em; width: 100%; flex-grow: 1; -webkit-appearance: none; appearance: none; margin: 0 2px;}
.quantity-button {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: #58595b;}
.quantity-button svg {width: 1em; pointer-events: none;}
.quantity-button svg path {fill: #58595b;}
.quantity-input:-webkit-autofill,
.quantity-input:-webkit-autofill:hover,
.quantity-input:-webkit-autofill:active {box-shadow: 0 0 0 10em rgba(0,0,0,0) inset !important; -webkit-box-shadow: 0 0 0 10rem rgba(0,0,0,0) 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;}

/*
******************** PAGINATION ********************
*/
.pagination {margin: 2em auto; font-size: 0.875em;}
.pagination a {display: flex; display: -webkit-flex; align-items: center; justify-content: center; margin: 0 0.5em; font-size: 1em; font-weight:bold; width: 2em; height: 2em; text-align: center; border-radius: 50%; text-decoration: none; color: ;padding-top: 0.2em}
.pagination a.active , .not-mobile .pagination a.active:hover {background: #6f9dab; color: #FFFFFF;padding:0}
.not-mobile .pagination a:hover {background-color: #fff; color: #9fbba7; }
.pagination a.disabled, .not-mobile .pagination a.disabled:hover {color:  #b0b0b0;  cursor: default;}
.pagination a.prev, .pagination a.next {width: auto !important; margin: 0 20px;}
.pagination-num-showing {font-size: 0.8em; margin-top: 1em; opacity: 0.5; }
.pagination-loading {position: relative; height: 200px;}
.pagination-loading .loader {border-color: rgba(51, 51, 52, 0.05); border-top-color: rgba(51, 51, 52, 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;}

@media all and (max-width: 600px){
  .pagination {font-size: 1em;}
  .pagination a.prev, .pagination a.next {margin: 0 0.5em;}
  .pagination a {width: 1.2em; height: 1.2em; font-size: 0.9em;} 
}

/*
************ 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;}

.container {max-width: 1300px; padding: 0 var(--container-padding); margin: auto; -moz-box-sizing: initial; -webkit-box-sizing: initial; box-sizing: initial;}

.slide-calculating {position: absolute !important; opacity: 0 !important; height: auto !important;}
.expandable {visibility: hidden; overflow: hidden; max-height: 0; padding-top: 0 !important; padding-bottom: 0 !important; margin-top: 0 !important; margin-bottom: 0 !important; }
.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;}
.uppercase{text-transform: uppercase;}

.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, .justify-content-evenly {-ms-flex-pack: distribute;justify-content: space-around;}
.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: -20px;}
.grid-item{box-sizing:border-box; padding-left: 20px;}
.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--container {padding: 0 var(--container-padding); margin: auto; -moz-box-sizing: initial; -webkit-box-sizing: initial; box-sizing: initial;}
  
  .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--block {display: block !important;}
  .small--inline-block {display: inline-block !important;}

  .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; }
  .medium--expandable,
  .large--expandable {visibility: visible !important; max-height: initial !important;} /* reset expandable of other @media */
  
  .small--show{display:block !important}
  .small--hide{display:none !important}
  .small--text-left{text-align:left !important}
  .small--text-right{text-align:right !important}
  .small--text-center{text-align:center !important}
  .small--visually-hidden {border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px;}

  .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, .small--justify-content-evenly {-ms-flex-pack: distribute;justify-content: space-around;}
  .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--one-whole{width:100%}
  .small--one-half{width:50%}
  .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--container {padding: 0 var(--container-padding); margin: auto; -moz-box-sizing: initial; -webkit-box-sizing: initial; box-sizing: initial;}
  
  .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--block {display: block !important;}
  .medium--inline-block {display: inline-block !important;}

  .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; }
  .large--expandable,
  .small--expandable {visibility: visible !important; max-height: initial !important;} /* reset expandable of other @media */

  .medium--show{display:block !important}
  .medium--hide{display:none !important}
  .medium--text-left{text-align:left !important}
  .medium--text-right{text-align:right !important}
  .medium--text-center{text-align:center !important}
  .medium--visually-hidden {border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px;}

  .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, .medium--justify-content-evenly {-ms-flex-pack: distribute;justify-content: space-around;}
  .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--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--container {padding: 0 var(--container-padding); margin: auto; -moz-box-sizing: initial; -webkit-box-sizing: initial; box-sizing: initial;}
  
  .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--block {display: block !important;}
  .medium-down--inline-block {display: inline-block !important;}

  .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; }
  .large--expandable {visibility: visible !important; max-height: initial !important;} /* reset expandable of other @media */

  .medium-down--show{display:block !important}
  .medium-down--hide{display:none !important}
  .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--visually-hidden {border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px;}

  .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 {-webkit-box-orient: vertical;-webkit-box-direction: column;-ms-flex-direction: column;flex-direction: column;}
  .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, .medium-down--justify-content-evenly {-ms-flex-pack: distribute;justify-content: space-around;}
  .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--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--container {max-width: 1300px; padding: 0 var(--container-padding); margin: auto; -moz-box-sizing: initial; -webkit-box-sizing: initial; box-sizing: initial;}
  
  .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--block {display: block !important;}
  .large--inline-block {display: inline-block !important;}

  .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; }
  .medium-down--expandable,
  .small--expandable {visibility: visible !important; max-height: initial !important;} /* reset expandable of other @media */

  .large--show{display:block !important}
  .large--hide{display:none !important}
  .large--text-left{text-align:left !important}
  .large--text-right{text-align:right !important}
  .large--text-center{text-align:center !important}
  .large--visually-hidden {border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px;}

  .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, .large--justify-content-evenly {-ms-flex-pack: distribute;justify-content: space-around;}
  .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--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 highlight {
  0% {
      opacity: 1;
  }

  50% {
      opacity: 0;
  }

  0% {
      opacity: 1;
  }
}

@keyframes openTransformTop {
  0% {transform: translateY(-101%); }
  100% {transform: translateY(0%); } 
}

@keyframes closeTransformTop {
  0% {visibility: visible; transform: translateY(0%); }
  100% {transform: translateY(-101%); } 
}

/*
******************** KeenSlider Custom ********************
*/
.keen-dots-dot:after {background: rgba(88, 89, 91, 0.5)!important;}
.keen-dots-dot.active:after {background: #58595B!important;}

@media only screen and (max-width: 900px){
  .keen-dots-dot {padding: 0.4em!important;}
  .keen-dots-dot:after {width: 8px!important; height: 8px!important;}
}

/*
******************** Multiple Addresses Cart ********************
*/
#gsGroups {max-width:1300px; padding: 4em var(--container-padding)!important;}
#gsGroups tr td[colspan='4'] .gs__cart-row:before {content: 'How many to this address?';display:block;width:100%;}
#gsGroups .gs__row .selection.gs__dropdown:not(.search) {border:0;background:0;height:auto;}
#gsGroups .gs__row select.gs__select-cart-qty {height:100%}
#gsGroups .gs__row .search.gs__dropdown,
#gsGroups .gs__row select {min-height:initial;color: #58595b; font-size: max(16px, .875rem); letter-spacing: inherit; font-weight: inherit; border: 2px solid #58595B; border-radius: 0em; padding: 0.7em 1em; background-color: rgba(0,0,0,0);background-image: url(//cdn.shopify.com/s/files/1/1002/8980/t/129/assets/select.png?v=111168247038083545801638369184); background-repeat: no-repeat; background-position: right 10px center; background-size: 10px; padding-right: 30px; box-shadow: none;}
#gsGroups .gs__row input.gs__search-input {padding:0;height:auto}
#gsGroups .gs__row .default.text {display: flex; align-items: center;height:100%;line-height:100%;font-size: 0.875em}
#gsGroups .gs__cart-row{padding-left:17%;display: flex; flex-wrap: wrap;}
#gsGroups .gs__remove-wrapper {position:initial;padding-bottom:0}
#gsGroups .gs__cart-meta {padding-left:1.5em}
#gsGroupsBox .gs__shadow-box {box-shadow:none;padding-bottom:0}
#gsGroups .gs__qty-wrapper {margin-right:0.5em}
#gsGroups .gs__remove-btn .gs__cart-remove {visibility:hidden}
#gsGroups .gs__remove-btn .gs__cart-remove:before {width:1.5em;visibility:visible;content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cpath fill='%236f9dab' d='M22.4,6.4V3.2C22.4,1.4,21,0,19.2,0H9.6C7.8,0,6.4,1.4,6.4,3.2v3.2H0v3.2h3.2v19.2c0,1.8,1.4,3.2,3.2,3.2h16 c1.8,0,3.2-1.4,3.2-3.2V9.6h3.2V6.4H22.4z M9.6,3.2h9.6v3.2H9.6V3.2z M6.4,28.8V9.6H8h14.4v19.2C22.4,28.8,6.4,28.8,6.4,28.8z'/%3E%3Crect fill='%236f9dab' x='9.6' y='12.8' class='st0' width='3.2' height='12.8'/%3E%3Crect fill='%236f9dab' x='16' y='12.8' class='st0' width='3.2' height='12.8'/%3E%3C/svg%3E");display:block}
#gsGroups .gs__add-shipping-address {margin-left:17%;margin-bottom:3em}

#gsGroupsBox .gs__group-wrapper > .gs__shadow-box {border:0;}
#gsGroupsBox .gs__group-wrapper > .gs__shadow-box .gs__item-title {font-weight:bold}
#gsGroupsBox .gs__group-wrapper > .gs__shadow-box thead {border-bottom:1px solid #f6f6f6;}
#gsGroupsBox .gs__group-wrapper > .gs__shadow-box thead th {padding-bottom:0.5em}
#gsGroupsBox .gs__group-wrapper > .gs__shadow-box tbody {border-bottom:1px solid #f6f6f6}
#gsGroupsBox .gs__group-wrapper > .gs__shadow-box table td:first-child {padding-top:1em}
#gsGroupsBox .gs__group-wrapper > .gs__shadow-box:not(:first-child) thead.gs__cart-header {display:none}

#gsGroupsBox .gs__group-wrapper .gs__cart-price-wrapper .cart-item__discount {display:none}

#gsGroupsBox .gs__cart-image-wrapper a {box-shadow: 0 0 6px 2px rgb(220 221 222 / 45%); border-radius: 5px; padding-top: 100%; position: relative;}
#gsGroupsBox .gs__cart-image-wrapper a img {width: 100%; height: 100%; object-fit: cover; position: absolute; top: 0; left: 0; }

#gsGroups #gs__toggle-box {display:none!important}

@media only screen and (max-width: 900px){
  #gsGroupsBox .gs__group-wrapper>.gs__shadow-box table td:first-child {padding-top:0}
  #gsGroupsBox .gs__group-wrapper table td.gs__cart-image-wrapper {vertical-align:top;width:30%}
  #gsGroups .gs__cart-row{padding-left:0}
  #gsGroups .gs__qty-wrapper {width:initial}
  #gsGroups .gs__address-wrapper {width:65%}
  #gsGroups .gs__remove-wrapper {width:10%}
  #gsGroups .gs__add-shipping-address {margin-left:0}
}

/* GS CHECKOUT */

#gsCheckoutForm {padding: 4em 0;}
#gsCheckoutForm  label.gs__radio-label {padding-top: 0.4em; padding-left: 2.5em;}
#gsCheckoutForm .gs__shipping-price {padding-top:1.3em}

#gsCheckoutForm .gs__checkbox-label .gs__custom-checkbox::before,
#gsCheckoutForm .gs__checkbox-label input:checked~.gs__custom-checkbox::after,
#gsCheckoutForm .gs__checkbox-label input:checked~.gs__custom-checkbox {border-color: #9fbba7}
#gsCheckoutForm .gs__checkbox-label input:checked~.gs__custom-checkbox::after {left: 7px;top: 2px;}

#gsCheckoutForm .gs__save-attributes {margin-top:1em;color: #9fbba7;display:block}


/* CUSTOM ANIMATIONS */

 @-webkit-keyframes puff-in-center {
  0% {
    -webkit-transform: scale(1.3);
            transform: scale(1.3);
    -webkit-filter: blur(4px);
            filter: blur(4px);
    opacity: 0;
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
    -webkit-filter: blur(0px);
            filter: blur(0px);
    opacity: 1;
  }
}
@keyframes puff-in-center {
  0% {
    -webkit-transform: scale(1.3);
            transform: scale(1.3);
    -webkit-filter: blur(4px);
            filter: blur(4px);
    opacity: 0;
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
    -webkit-filter: blur(0px);
            filter: blur(0px);
    opacity: 1;
  }
}

@-webkit-keyframes roll-in-left {
  0% {
    -webkit-transform: translateX(-800px) rotate(-540deg);
            transform: translateX(-800px) rotate(-540deg);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateX(0) rotate(0deg);
            transform: translateX(0) rotate(0deg);
    opacity: 1;
  }
}
@keyframes roll-in-left {
  0% {
    -webkit-transform: translateX(-800px) rotate(-540deg);
            transform: translateX(-800px) rotate(-540deg);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateX(0) rotate(0deg);
            transform: translateX(0) rotate(0deg);
    opacity: 1;
  }
}

@-webkit-keyframes roll-in-left-reverse {
  0% {
    -webkit-transform: translateX(-800px) rotate(-540deg);
            transform: translateX(-800px) rotate(-540deg);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateX(0) rotate(0deg);
            transform: translateX(0) rotate(0deg);
    opacity: 1;
  }
}
@keyframes roll-in-left {
  0% {
    -webkit-transform: translateX(-800px) rotate(-540deg);
            transform: translateX(-800px) rotate(-540deg);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateX(0) rotate(0deg);
            transform: translateX(0) rotate(0deg);
    opacity: 1;
  }
}


@-webkit-keyframes slide-in-fwd-center {
  0% {
    -webkit-transform: translateZ(-1400px);
            transform: translateZ(-1400px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateZ(0);
            transform: translateZ(0);
    opacity: 1;
  }
}
@keyframes slide-in-fwd-center {
  0% {
    -webkit-transform: translateZ(-1400px);
            transform: translateZ(-1400px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateZ(0);
            transform: translateZ(0);
    opacity: 1;
  }
}

 /* ----------------------------------------------
 * Generated by Animista on 2021-9-24 14:19:9
 * Licensed under FreeBSD License.
 * See http://animista.net/license for more info. 
 * w: http://animista.net, t: @cssanimista
 * ---------------------------------------------- */

/**
 * ----------------------------------------
 * animation shake-horizontal
 * ----------------------------------------
 */
@-webkit-keyframes shake-horizontal {
  0%,
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  10%,
  30%,
  50%,
  70% {
    -webkit-transform: translateX(-10px);
            transform: translateX(-10px);
  }
  20%,
  40%,
  60% {
    -webkit-transform: translateX(10px);
            transform: translateX(10px);
  }
  80% {
    -webkit-transform: translateX(8px);
            transform: translateX(8px);
  }
  90% {
    -webkit-transform: translateX(-8px);
            transform: translateX(-8px);
  }
}
@keyframes shake-horizontal {
  0%,
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  10%,
  30%,
  50%,
  70% {
    -webkit-transform: translateX(-10px);
            transform: translateX(-10px);
  }
  20%,
  40%,
  60% {
    -webkit-transform: translateX(10px);
            transform: translateX(10px);
  }
  80% {
    -webkit-transform: translateX(8px);
            transform: translateX(8px);
  }
  90% {
    -webkit-transform: translateX(-8px);
            transform: translateX(-8px);
  }
}

/* ----------------------------------------------
 * Generated by Animista on 2021-9-24 14:24:37
 * Licensed under FreeBSD License.
 * See http://animista.net/license for more info. 
 * w: http://animista.net, t: @cssanimista
 * ---------------------------------------------- */

/**
 * ----------------------------------------
 * animation wobble-hor-bottom
 * ----------------------------------------
 */
 @-webkit-keyframes wobble-hor-bottom {
  0%,
  100% {
    -webkit-transform: translateX(0%);
            transform: translateX(0%);
    -webkit-transform-origin: 50% 50%;
            transform-origin: 50% 50%;
  }
  15% {
    -webkit-transform: translateX(-30px) rotate(-6deg);
            transform: translateX(-30px) rotate(-6deg);
  }
  30% {
    -webkit-transform: translateX(15px) rotate(6deg);
            transform: translateX(15px) rotate(6deg);
  }
  45% {
    -webkit-transform: translateX(-15px) rotate(-3.6deg);
            transform: translateX(-15px) rotate(-3.6deg);
  }
  60% {
    -webkit-transform: translateX(9px) rotate(2.4deg);
            transform: translateX(9px) rotate(2.4deg);
  }
  75% {
    -webkit-transform: translateX(-6px) rotate(-1.2deg);
            transform: translateX(-6px) rotate(-1.2deg);
  }
}
@keyframes wobble-hor-bottom {
  0%,
  100% {
    -webkit-transform: translateX(0%);
            transform: translateX(0%);
    -webkit-transform-origin: 50% 50%;
            transform-origin: 50% 50%;
  }
  15% {
    -webkit-transform: translateX(-30px) rotate(-6deg);
            transform: translateX(-30px) rotate(-6deg);
  }
  30% {
    -webkit-transform: translateX(15px) rotate(6deg);
            transform: translateX(15px) rotate(6deg);
  }
  45% {
    -webkit-transform: translateX(-15px) rotate(-3.6deg);
            transform: translateX(-15px) rotate(-3.6deg);
  }
  60% {
    -webkit-transform: translateX(9px) rotate(2.4deg);
            transform: translateX(9px) rotate(2.4deg);
  }
  75% {
    -webkit-transform: translateX(-6px) rotate(-1.2deg);
            transform: translateX(-6px) rotate(-1.2deg);
  }
}



.puff-in-center {
-webkit-animation: puff-in-center 0.7s cubic-bezier(0.470, 0.000, 0.745, 0.715) both;
        animation: puff-in-center 0.7s cubic-bezier(0.470, 0.000, 0.745, 0.715) both;
}
.roll-in-left {
-webkit-animation: roll-in-left 0.6s ease-out both;
        animation: roll-in-left 0.6s ease-out both;
}
.roll-in-left-reverse {
-webkit-animation: roll-in-left-reverse 0.6s ease-out reverse both;
        animation: roll-in-left-reverse 0.6s ease-out reverse both;
}
.slide-in-fwd-center {
-webkit-animation: slide-in-fwd-center 0.4s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
        animation: slide-in-fwd-center 0.4s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
}
.shake-horizontal {
	-webkit-animation: shake-horizontal 0.8s cubic-bezier(0.455, 0.030, 0.515, 0.955) both;
	        animation: shake-horizontal 0.8s cubic-bezier(0.455, 0.030, 0.515, 0.955) both;
}
.wobble-hor-bottom {
	-webkit-animation: wobble-hor-bottom 0.8s both;
	        animation: wobble-hor-bottom 0.8s both;
}
