/** Shopify CDN: Minification failed

Line 636:1 Unexpected "}"
Line 2193:10 Expected identifier but found whitespace
Line 2193:19 Unexpected ";"

**/
/* Derived from base colors (theme settings) */
 :root, .color-background-1 {
     --color-foreground: var(--color-base-text);
     --color-foreground-rgb: var(--color-base-text-rgb);
     --color-background: var(--color-base-background-1);
     --color-background-rbg: var(--color-base-background-1-rgb);
     --payment-terms-background-color: var(--color-base-background-1);
}
 .color-background-2 {
     --color-background: var(--color-base-background-2);
     --color-background-rbg: var(--color-base-background-2-rgb);
}
 .color-inverse {
     --color-foreground: var(--color-base-background-1);
     --color-foreground-rgb: var(--color-base-background-1-rgb);
     --color-background: var(--color-base-text);
     --color-background-rbg: var(--color-base-text-rgb);
}
 .color-accent-1 {
     --color-foreground: var(--color-base-solid-button-labels);
     --color-foreground-rgb: var(--color-base-solid-button-labels-rgb);
     --color-background: var(--color-base-accent-1);
     --color-background-rbg: var(--color-base-accent-1-rgb);
}
 .color-accent-2 {
     --color-foreground: var(--color-base-solid-button-labels);
     --color-foreground-rgb: var(--color-base-solid-button-labels-rgb);
     --color-background: var(--color-base-accent-2);
     --color-background-rbg: var(--color-base-accent-2-rgb);
}
 .color-foreground-outline-button {
     --color-foreground: var(--color-base-outline-button-labels);
     --color-foreground-rbg: var(--color-base-outline-button-labels-rgb);
}
 .color-foreground-accent-1 {
     --color-foreground: var(--color-base-accent-1);
     --color-foreground-rbg: var(--color-base-accent-1-rgb);
}
 .color-foreground-accent-2 {
     --color-foreground: var(--color-base-accent-2);
     --color-foreground-rbg: var(--color-base-accent-2-rgb);
}
 :root, .color-background-1, .color-background-2, .color-inverse, .color-accent-1, .color-accent-2 {
     --color-foreground-75: rgba(var(--color-foreground-rgb), 0.75);
     --color-foreground-70: rgba(var(--color-foreground-rgb), 0.7);
     --color-foreground-55: rgba(var(--color-foreground-rgb), 0.55);
     --color-foreground-50: rgba(var(--color-foreground-rgb), 0.5);
     --color-foreground-40: rgba(var(--color-foreground-rgb), 0.4);
     --color-foreground-30: rgba(var(--color-foreground-rgb), 0.3);
     --color-foreground-20: rgba(var(--color-foreground-rgb), 0.2);
     --color-foreground-10: rgba(var(--color-foreground-rgb), 0.1);
     --color-foreground-8: rgba(var(--color-foreground-rgb), 0.08);
     --color-foreground-4: rgba(var(--color-foreground-rgb), 0.04);
     --color-foreground-3: rgba(var(--color-foreground-rgb), 0.03);
}
/* Links */
 :root, .color-background-1 {
     --color-link: var(--color-base-outline-button-labels);
     --color-link-hover: rgba(var(--color-base-outline-button-labels-rgb), 0.85);
}
 .color-background-2, .color-inverse, .color-accent-1, .color-accent-2 {
     --color-link: var(--color-foreground);
     --color-link-hover: var(--color-foreground-70);
}
/* Primary button */
 :root, .color-background-1 {
     --color-button-background: var(--color-base-accent-1);
     --color-button-border: var(--color-base-accent-1);
     --color-button-text: var(--color-base-solid-button-labels);
     --color-button-text-rgb: var(--color-base-solid-button-labels-rgb);
}
 .color-background-2, .color-inverse, .color-accent-1, .color-accent-2 {
     --color-button-background: var(--color-foreground);
     --color-button-border: var(--color-foreground);
     --color-button-text: var(--color-background);
     --color-button-text-rgb: var(--color-background-rbg);
}
/* Secondary button */
 .button--secondary {
     --color-button-background: transparent;
     --color-button-border: var(--color-base-outline-button-labels);
     --color-button-text: var(--color-base-outline-button-labels);
     --color-button-text-rgb: var(--color-base-outline-button-labels-rgb);
}
 .color-background-2 .button--secondary, .color-inverse .button--secondary, .color-accent-1 .button--secondary, .color-accent-2 .button--secondary {
     --color-button-border: var(--color-foreground);
     --color-button-text: var(--color-foreground);
     --color-button-text-rgb: var(--color-foreground-rgb);
}
/* Tertiary button */
 .button--tertiary {
     --color-button-background: transparent;
     --color-button-border: rgba(var(--color-base-outline-button-labels-rgb), 0.2);
     --color-button-text: var(--color-base-outline-button-labels);
     --color-button-text-rgb: var(--color-base-outline-button-labels-rgb);
}
 .color-background-2 .button--tertiary, .color-inverse .button--tertiary, .color-accent-1 .button--tertiary, .color-accent-2 .button--tertiary {
     --color-button-border: var(--color-foreground-20);
     --color-button-text: var(--color-foreground);
}
/* Badges */
 :root, .color-background-1 {
     --color-badge-background: var(--color-background);
     --color-badge-border: var(--color-foreground-10);
}
 .color-background-2, .color-inverse, .color-accent-1, .color-accent-2 {
     --color-badge-background: var(--color-background);
     --color-badge-border: var(--color-background);
}
/* Cards and announcement bar */
 :root, .color-background-1, .color-background-2 {
     --color-card-hover: rgba(var(--color-base-text-rgb), 0.06);
}
 .color-inverse {
     --color-card-hover: rgba(var(--color-base-background-1-rgb), 0.06);
}
 .color-accent-1, .color-accent-2 {
     --color-card-hover: rgba(var(--color-base-solid-button-labels-rgb), 0.06);
}
/* base */
 .no-js:not(html) {
     display: none !important;
}
 html.no-js .no-js:not(html) {
     display: block !important;
}
 .no-js-inline {
     display: none !important;
}
 html.no-js .no-js-inline {
     display: inline-block !important;
}
 .sca-fancybox-item.sca-fancybox-close {
     display: block;
}
 html.no-js .no-js-hidden {
     display: none !important;
}
#admin-bar-iframe{display:none!important;}
.page-width {
	max-width: 1230px;
	margin: 0 auto;
	padding: 0 15px;
}
 .page-width-desktop {
     padding: 0 15px;
     margin: 0 auto;
}
label.spr-icon {
	min-width: auto !important;
	min-height: auto !important;
	outline: none !important;
	box-shadow: none !important;
}
.spr-form-input.spr-starrating {
	margin-left: 0 !important;
} 
 @media screen and (min-width: 750px) {
     .page-width {
         padding: 0 15px;
    }
}
 #sca-brankmark a{
    display:none!important;
}
 .element-margin {
     margin-top: 3rem;
}
.header__submenu a:hover {
	color: var(--color-base-accent-1);
}
.btn-group a.active {
	background-color: var(--color-base-button-background-hover);
}
 .btn-group a.active .icon {
     fill: var(--color-base-button-text);
}
 .product-hover {
     cursor: pointer;
}
.announcement-bar .modal__close-button.link:hover {
	color: var(--color-base-accent-1);
}
.spr-badge-caption {
	margin-left: 5px;
	color: var(--color-base-accent-2);
	display: none;
}
   .announcement-bar .modal__close-button.link {
	background-color: #1b1a1c;
	color: var(--color-base-background-1);
}
   .article-date {
	margin-bottom: 10px;
	float: left;
	width: 100%;
}
   .article-date span {
	color: var(--color-base-accent-2);
}
   .article-date time {
	color: var(--color-base-accent-2);
	position: relative;
}
   .multicolumn-list.grid {
	margin: 0;
}
   .site-header__search .icon-header-search {
	fill: var(--color-base-button-background);
}
  
   .my-account {
	width: 160px;
	overflow-y: auto;
	padding: 15px 20px;
	position: absolute;
	top: 53px;
	z-index: 9;
	background-color: var(--color-base-background-1);
	opacity: 1;
	border: 1px solid var(--color-base-border);
	margin: 0;
	min-height: auto;
}
  .right_icon .my-account li {
	margin: 2px 0;
	float: left;
	width: 100%;
	line-height: 24px;
}
   .product__media-list.grid.grid--peek.list-unstyled.slider.slider--mobile {
	margin: 0;
}
   .slider.slider--mobile .slider__slide {
	padding: 0;
}
  .my-account .link {
	font-size: 13px;
	font-weight: 400;
	color: var(--color-base-text);
}
   .my-account .login a {
	margin: 0;
}
  .my-account li:hover .link {
	color: var(--color-base-accent-2);
}
  .icon-user, .icon-cart-header{
	width: 19px;
	height: 19px;
	fill: var(--color-base-accent-2);
	display: none;
}
.product-form__buttons .product-form__submit.button.button--secondary {
	background-color: var(--color-base-button-background-hover);
	color: var(--color-base-button-text);
	font-size: 15px;
	padding: 10px 31px;
}
.announcement-bar .icon-header-caret {
	margin-inline-start: 3px;
}

.title-breadcrumbs {
	width: 100%;
	float: left;
	margin: 55px 0;
}
   .account .icon-header-caret {
	fill: var(--color-base-background-1);
}
   
.icon-header-caret {
	width: 20px;
	height: 20px;
	display: inline-block;
	vertical-align: middle;
	
}
.spr-form-input-text, .spr-form-input-email{
	height: 40px;
}
.spr-form-input-text, .spr-form-input-email, .spr-form-input-textarea {
	border: 1px solid var(--color-base-border);
	padding: 11px;
	color: var(--color-base-text);
	font-size: 13px;
	font-family: var(--font-body-family);
}
   .breadcrumb a:hover::after {
	color: var(--color-base-text);
}
   .title-breadcrumbs .breadcrumb a {
	color: var(--color-base-text);
}
   .title-breadcrumbs .breadcrumb a:hover {
	color: var(--color-base-accent-1);
}
   
   #TopColumnContent .caption-with-letter-spacing {
	float: none;
}
   
   .title-breadcrumbs-container {
	text-align: center;
}
   .title-breadcrumbs .breadcrumb {
	float: left;
	width: 100%;
}
   #admin-bar-iframe{display:none!important;}
   .card-img {
	position: relative;
}
   
.breadcrumb_title {
	display: inline-block;
	vertical-align: middle;
	color: var(--color-base-text);
	font-size: 22px;
	font-weight: 500;
	text-transform: uppercase;
	line-height: 30px;
	margin-bottom: 5px;
	margin-top: 5px;
}
.collection-hero__description {
float: none;
margin-top: 15px;
color: var(--color-base-button-text);
width: 75%;
display: inline-block;
vertical-align: top;
opacity: 0.7;
}
.icon.menu-icon-caret {
	width: 20px;
	height: 20px;
	display: inline-block;
	vertical-align: middle;
}
   
   
 a {
     text-decoration: none !important;
}
 .template-index .spaced-section.tm-service {
     margin-top: 0;
}
.template-index .spaced-section {
	float: left;
	width: 100%;
	margin-top: 70px;
}
   .rte h4 {
	font-size: 14px;
	font-family: Poppins, sans-serif;
}
   
 .template-product .main-container.medium-up--three-quarters {
     width: 100%;
     float: left;
}

 .spaced-section:last-child {
     float: left;
     width: 100%;
}
 .item .item.list-group-item {
     width: 100%;
     max-width: 100%;
}
 .spaced-section--full-width + .spaced-section--full-width {
     margin-top: 0;
}
  .spaced-section--full-width.tm-subbanners {
	margin-top: 0;
}
   
 .spaced-section--full-width:first-child {
     margin-top: 0;
}
 .spaced-section--full-width:last-child {
     margin-bottom: 0;
}
.tab-container .spr-icon-star::before {
	content: "\2605";
	line-height: .7;
	display: inline-block;
	font-family: Times;
	margin: 0;
	font-weight: 700;
	font-size: 17px;
}
.tab-container .spr-icon-star-empty::before, .tab-container .spr-icon-star-empty.spr-icon-star-hover::before {
	content: "\2605";
	line-height: .7;
	display: inline-block;
	font-family: Times;
	margin: 0;
	font-weight: 700;
	font-size: 17px;
}
   
 .shopify-section-header-hidden #header-SiteCat {
     visibility: hidden;
}
 .color-background-1, .color-background-2, .color-inverse, .color-accent-2 {
     color: var(--color-foreground-75);
     background-color: var(--color-background);
}
 .background-secondary {
     padding: 4rem 0 5rem;
}
 .grid-auto-flow {
     display: grid;
     grid-auto-flow: column;
}
 .page-margin, .shopify-challenge__container {
     margin: 7rem auto;
}

 .list-unstyled {
     margin: 0;
     padding: 0;
     list-style: none;
}
 .hidden {
     display: none !important;
}
.right_icon .account {
	color: var(--color-base-accent-2);
} 
.main-container.medium-up--three-quarters.without-sidebar-main-container {
     float: left;
     width: 100%;
     padding: 0;
}
.right_icon {
	text-align: right;
	display: flex;
	flex-direction: row;
	justify-content: right;
	align-content: center;
	flex-wrap: wrap;
	width: auto;
	flex: 1;
	position: relative;
}
 .shopify-section-header-sticky {
	box-shadow: 0 8px 8px rgba(0,0,0,.12);
	-moz-box-shadow: 0 8 8px rgba(0,0,0,.12);
	-webkit-box-shadow: 0 8px 8px rgba(0,0,0,.12);
}

   .box-content li:hover {
	color: var(--color-base-accent-2);
}
   
 a {
     text-decoration: none;
     color: var(--color-base-text);
}
 .caption-large, .customer .field input, .customer select, .field__input, .form__label, .select__select {
     font-size: 15px;
     line-height: 24px;
   font-weight: 400;
}
 .main-container.medium-up--three-quarters {
     width: 76%;
     float: right;
     padding-left: 30px;
     padding-top: 10px;
}
 .breadcrumb a::after {
     content: "/";
     padding: 0 5px;
}
 .breadcrumb a:last-child::after{
     content: none;
}
   .template-product .breadcrumb_title {
	display: none;
}
 .side-bar.medium-up--one-quarter {
     width: 24%;
     padding-top: 10px;
     float: left;
   position : relative;
}
   .announcement-bar {
	display: flex;
	justify-content: flex-end;
	width: 100%;
}
   
.top_button {
	top: auto !important;
	bottom: 20px !important;
	display: none;
	height: 40px;
	width: 40px;
	position: fixed;
	right: 20px;
	text-align: center;
	border-radius: 5px;
}
   
   .popup-confirm-transfer-data__close .icon.icon-close {
	width: 17px;
	height: auto;
}
   .popup__content .popup-confirm-transfer-data {
	padding: 25px !important;
}
.popup-confirm-transfer-data__content h4 {
	font-weight: 500;
	margin: 0 !important;
}
 .top_button .icon-chevron-up {
     height: 12px;
     width: 12px;
     position: relative;
     top: 9px;
}
 .template-index .main-container.medium-up--three-quarters {
     margin: 0;
     padding: 0;
}

.wishlist__grid, .compare__grid {
    column-gap: 10px;
    row-gap: 10px;
}
.wishlist__grid .card-wrapper {
	width: 19.4%;
}
.wishlist__grid .product-hover, .compare__grid .product-hover {
	top: 60px;
	right: 10px;
	left: auto;
  opacity:1;
}
.product-hover button.active .icon.not-added {
	display: none;
}
.product-hover button.active .icon.added {
	display: inline-block;
    vertical-align: middle;
}
.product-hover button .icon.added{
	display: none;
}
.compare__grid.grid {
    column-gap: 0;
}
.compare__grid .product-card-compare {
    width: 23%;
    list-style: none;
    padding: 0;
    margin: 0;
    border: 1px solid var(--color-base-border);
    margin-inline-end: -1px;
}
.compare__grid .product-card-compare li {
    display: flex;
    border-bottom: 1px solid var(--color-base-border);
    padding: 15px;
    position: relative;
}
.compare__grid .product-card-compare li:last-child {
    border-bottom: none;
    min-height: 110px;
}
.compare__grid .product-card-compare li span {
    width: 50%;
    text-align: right;
}
.compare__grid .product-card-compare li .form__label {
    text-align: left;
    color: #000;
    font-weight: 500;
    margin-bottom: 0;
}
.compare .title, .wishlist .title {
	justify-content: left;
	font-size: 20px;
	width: auto;
}
 .compare .btn.button, .wishlist .btn.button {
     position: absolute;
     top: 23px;
     left: auto;
     right: 60px;
     margin-top: 0 !important;
   	 width: auto;
}
input.sca-qv-cartbtn {
	color: #fff !important;
}
 .name-title strong {
     font-size: 20px;
}
#sca-qv-des {
	color: var(--color-base-accent-2);
	float: left;
	width: 100%;
}
 #sca-qv-detail {
     font-weight: 500;
}
 .sca-qv-product-options {
     color: #000;
}
#sca-qv-sale {
	border-radius: 0;
	display: inline-block;
	font-size: 12px;
	line-height: 20px;
	padding: 1px 5px;
	text-align: center;
	background-color: transparent !important;
	/* border-color: var(--color-base-button-background); */
	color: var(--color-base-accent-1);
	word-break: break-word;
	right: auto;
	left: 40px;
	top: 25px;
}}
   .cm-title a:hover {
	color: var(--color-base-accent-2);
}
   
 #sca-qv-quantity {
     border: 1px solid #e0e0e0;
     background-color: #f5f5f5;
}
 ul {
     padding-left: 0;
}
 .cm-grid__item {
     width: 25%;
     display: inline-block;
    
     margin: 0;
     padding: 15px;
}
 .compare table tr td h4 {
     padding: 0 15px;
     font-weight: 600;
}
 .price {
     color: var(--color-base-accent-1);
     font-weight: 500;
     font-size: 15px;
     letter-spacing: -.1px;
}
 .compare table {
     width: auto;
     border-collapse: collapse;
     border-spacing: 0px;
     margin-bottom: 25px;
     float: left;
     border-top: 1px solid var(--color-base-border);
}
 .cm-grid {
     margin: 0;
     padding: 0;
}


 .visually-hidden {
     position: absolute !important;
     overflow: hidden;
     width: 1px;
     height: 1px;
     margin: -1px;
     padding: 0;
     border: 0;
     clip: rect(0 0 0 0);
     word-wrap: normal !important;
}
 .header-menu {
     float: left;
     padding: 0;
     width: 240px;
     cursor: pointer;
     margin: 7px 0;
     margin-right: 15px;
}
 .ttloader {
     height: 100%;
     left: 0;
     position: fixed;
     top: 0;
     width: 100%;
     z-index: 999999;
}
 .template-index .tm-banners {
	margin-top: 70px;
}
 .rotating {
     background-position: center center;
     background-repeat: no-repeat;
     bottom: 0;
     height: auto;
     left: 0;
     margin: auto;
     position: absolute;
     right: 0;
     top: 0;
     width: auto;
}
 .visually-hidden--inline {
     margin: 0;
     height: 1em;
}
 .overflow-hidden {
     overflow: hidden;
}
 .skip-to-content-link:focus {
     z-index: 9999;
     position: inherit;
     overflow: auto;
     width: auto;
     height: auto;
     clip: auto;
}
 .full-width-link {
     position: absolute;
     top: 0;
     right: 0;
     bottom: 0;
     left: 0;
     z-index: 2;
}
 h1, h2, h3, h4, h5, .h0, .h1, .h2, .h3, .h4, .h5 {
     font-family: var(--font-heading-family);
     font-style: var(--font-heading-style);
     font-weight: normal;
     letter-spacing: 0.06rem;
     color: var(--color-foreground);
     line-height: 1.3;
}
 .h0 {
     font-size: 4rem;
}
 @media only screen and (min-width: 750px) {
     .h0 {
         font-size: 5.2rem;
    }
}
 h1, .h1 {
     font-size: 19px;
     font-weight:500;
}
 h2, .h2 {
     font-size: 2rem;
}
 @media only screen and (min-width: 750px) {
     h2, .h2 {
         font-size: 2rem;
    }
}
 h3, .h3 {
     font-size: 1.7rem;
}
 @media only screen and (min-width: 750px) {
     h3, .h3 {
         font-size: 1.8rem;
    }
}
 h5, .h5 {
     font-size: 1.2rem;
}
 @media only screen and (min-width: 750px) {
     h5, .h5 {
         font-size: 1.3rem;
    }
}
 h6, .h6 {
     color: var(--color-foreground-75);
     margin-block-start: 1.67em;
     margin-block-end: 1.67em;
}
 blockquote {
     font-style: italic;
     color: var(--color-foreground-75);
     border-left: 0.2rem solid var(--color-foreground-20);
     padding-left: 1rem;
}
 @media screen and (min-width: 750px) {
     blockquote {
         padding-left: 1.5rem;
    }
}
 .caption {
     font-size: 1rem;
     letter-spacing: 0.07rem;
     line-height: 1.7;
}
 @media screen and (min-width: 750px) {
     .caption {
         font-size: 1.2rem;
    }
}
.caption-with-letter-spacing {
	font-size: 14px;
	font-weight: 400;
	letter-spacing: 0.4px;
}
   .circle-divider.caption-with-letter-spacing::after {
	content: "";
	background: #878787;
	width: 1px;
	height: 15px;
	display: inline-block;
	float: none;
	vertical-align: sub;
	margin-inline-end: 4px;
	left: 12px;
	position: relative;
}
 .color-foreground {
     color: var(--color-foreground);
}
table:not([class]) {
	table-layout: fixed;
	border-collapse: collapse;
	font-size: 1.4rem;
	border-style: hidden;
	box-shadow: none;
	border: 1px solid var(--color-base-border);
}
 table:not([class]) td, table:not([class]) th {
     padding: 1em;
     border: 1px solid var(--color-base-border);
}
 @media screen and (max-width: 749px) {
     .small-hide {
         display: none;
    }
   
}
 .hidden {
     display: none !important;
}
 @media screen and (max-width: 749px) {
     .small-hide {
         display: none !important;
    }
}

 @media screen and (min-width: 990px) {
     .large-up-hide {
         display: none !important;
    }
}
 .center {
     text-align: center;
}
 .right {
     text-align: right;
}
 .uppercase {
     text-transform: uppercase;
}
 .light {
     opacity: 0.7;
}
 a:empty, ul:empty, dl:empty, div:empty, section:empty, article:empty, p:empty, h1:empty, h2:empty, h3:empty, h4:empty, h5:empty, h6:empty {
     display: none;
}
 .link, .customer a {
     cursor: pointer;
     display: inline-block;
     border: none;
     box-shadow: none;
     text-decoration: none;
     text-underline-offset: 0.3rem;
     color: var(--color-base-background-2);
     background-color: transparent;
     font-size: 14px;
     font-family: var(--font-body-family);
}
 .link--text {
     color: var(--color-foreground);
}
      .customer a {
	font-size: 13px;
}
   
/* .link--text:hover {
     color: var(--color-foreground-75);
}
 */
 .spr-icon.spr-icon-star {
	font-size: 75% !important;
	line-height: 0;
	color: var(--color-rating-filled);
}
.customer button:hover {
	background-color: var(--color-base-button-background-hover);
	color: var(--color-base-button-text-hover);
}
.spr-icon.spr-icon-star, .spr-icon.spr-icon-star-empty {
   font-size: 100% !important;
}
.spr-icon.spr-icon-star {
   color: var(--color-rating-filled);
   line-height: 0;
   display: inline-block;  
   font-size: 80% !important;
   width: 1.3em;
}
.spr-icon.spr-icon-star-empty {
	color: var(--color-rating-empty);
	opacity: 1 !important;
	font-size: 80% !important;
	width: 1.3em;
}
 .link-with-icon {
     display: inline-flex;
     font-size: 1.4rem;
     font-weight: 600;
     letter-spacing: 0.1rem;
     text-decoration: none;
     margin-bottom: 4.5rem;
     white-space: nowrap;
}
 .link-with-icon .icon {
     width: 1.5rem;
     margin-left: 1rem;
}

 .circle-divider:last-of-type::after {
     display: none;
}
 hr {
     border: none;
     height: 0.1rem;
     background-color: var(--color-foreground-20);
     display: block;
     margin: 5rem 0;
}
 @media screen and (min-width: 750px) {
     hr {
         margin: 7rem 0;
    }
}
 .full-unstyled-link {
     text-decoration: none;
     color: currentColor;
     display: block;
}
 .placeholder {
     background-color: var(--color-foreground-4);
     color: var(--color-foreground-55);
     fill: var(--color-foreground-55);
}
 details > * {
     box-sizing: border-box;
}
 .break {
     word-break: break-word;
}
 .visibility-hidden {
     visibility: hidden;
}
 @media (prefers-reduced-motion) {
     .motion-reduce {
         transition: none !important;
    }
}
 :root {
     --duration-short: 100ms;
     --duration-default: 200ms;
     --duration-long: 500ms;
}
 .underlined-link {
     color: var(--color-link-hover);
     text-underline-offset: 0.3rem;
     text-decoration-thickness: 0.1rem;
     transition: text-decoration-thickness ease 100ms;
}
 .underlined-link:hover {
     color: var(--color-link);
     text-decoration-thickness: 0.2rem;
}
/* arrow animation */
 .animate-arrow .icon-arrow path {
     transform: translateX(-0.25rem);
     transition: transform var(--duration-short) ease;
}
 .animate-arrow:hover .icon-arrow path {
     transform: translateX(-0.05rem);
}
/* base-details-summary */
 summary {
     cursor: pointer;
     list-style: none;
     position: relative;
}
 summary .icon-caret {
     position: relative;
     height: 22px;
     display: inline-block;
     vertical-align: middle;
     margin-left: 2px;
}
 summary::-webkit-details-marker {
     display: none;
}
 .disclosure-has-popup {
     position: relative;
}
 .disclosure-has-popup[open] > summary::before {
     position: fixed;
     top: 0;
     right: 0;
     bottom: 0;
     left: 0;
     z-index: 2;
     display: block;
     cursor: default;
     content: ' ';
     background: transparent;
}
 .disclosure-has-popup > summary::before {
     display: none;
}
 .disclosure-has-popup[open] > summary + * {
     z-index: 100;
}
/* base-focus */
/* Focus ring - default (with offset) */
/* *:focus-visible {
     outline: 0.2rem solid var(--color-foreground-50);
     outline-offset: 0.3rem;
     box-shadow: 0 0 0 0.3rem var(--color-background), 0 0 0.5rem 0.4rem var(--color-foreground-30);
}
 */
/* Fallback - for browsers that don't support :focus-visible, a fallback is set for :focus */
 *:focus {
     outline: none;
     outline-offset: 0;
     box-shadow: none;
}
/* Negate the fallback side-effect for browsers that support :focus-visible */
/* *:focus:not(:focus-visible) {
     outline: 0;
     box-shadow: none;
}
 */
/* Dangerous for a11y - Use with care */
 .focus-none {
     box-shadow: none !important;
     outline: 0 !important;
}
 .product_tab-block .title {
     margin-bottom: 20px;
}
/* component-title */
.title, .title-wrapper-with-link {
	margin-bottom: 15px;
	font-size: 33px;
	font-weight: 500;
	line-height: 43px;
	margin-top: 0;
	display: flex;
	gap: 1rem;
	flex-wrap: wrap;
	justify-content: center;
	width: 100%;
	letter-spacing: 0;
	text-transform: capitalize;
}
 .title-wrapper-with-link .title {
     margin: 0;
}
   .grid--4-col-desktop .grid__item {
	padding: 15px;
}
 .title-wrapper {
     margin-bottom: 3rem;
}
 time {
	color: var(--color-base-accent-2);
}
 .title--primary {
     margin: 4rem 0;
}
 
 .title-wrapper--self-padded-tablet-down, .title-wrapper--self-padded-mobile {
     padding-left: 1.5rem;
     padding-right: 1.5rem;
}
 @media screen and (min-width: 750px) {
     .title-wrapper--self-padded-mobile {
         padding-left: 0;
         padding-right: 0;
    }
}
 @media screen and (min-width: 990px) {
     .title--primary {
         margin: 2rem 0;
    }
     .title-wrapper-with-link .title {
         margin-bottom: 0;
    }
     .title-wrapper--self-padded-tablet-down {
         padding-left: 0;
         padding-right: 0;
    }
}
 .title-wrapper-with-link .link-with-icon {
     margin: 0;
     flex-shrink: 0;
     display: flex;
     align-items: center;
}
 .title-wrapper-with-link .link-with-icon svg {
     width: 1.5rem;
}
 .title-wrapper-with-link a {
     color: var(--color-base-outline-button-labels);
     margin-top: 0;
     flex-shrink: 0;
}
 @media screen and (min-width: 990px) {
     .title-wrapper-with-link.title-wrapper-with-link--no-heading {
         display: none;
    }
}
.subtitle, .blog_subtitle {
	color: var(--color-base-accent-1);
	font-size: 16px;
	font-weight: 400;
	letter-spacing: .1px;
	float: left;
	width: 100%;
	line-height: 20px;
	position: relative;
	margin-bottom: 19px;
	text-transform: capitalize !important;
	text-align: center;
	margin-top: 0;
}
   .spr-badge-starrating {
	margin: 0 !important;
}
   
/* component-grid */
 .grid {
     display: flex;
     flex-wrap: wrap;
     margin-bottom: 2rem;
     margin-left: -0.5rem;
     padding: 0;
     list-style: none;
     margin: 0 -15px;
}
.grid__item {
	padding: 15px;
	width: 100%;
	max-width: 100%;
	flex-grow: 0;
	flex-shrink: 0;
}
 .template-index .slideshow {
     margin-top: 0;
}

 .grid--gapless .grid__item {
     padding-left: 0;
     padding-bottom: 0;
}
 @media screen and (max-width: 749px) {
     .grid__item.slider__slide--full-width {
         width: 100%;
         max-width: none;
    }
}
 @media screen and (min-width: 750px) and (max-width: 989px) {
     .grid--one-third-max.grid--3-col-tablet .grid__item {
         max-width: 33.33%;
    }
}
 @media screen and (min-width: 990px) {
     .grid--quarter-max.grid--4-col-desktop .grid__item {
         max-width: 100%;
    }
}
.grid--1-col .grid__item {
	max-width: 100%;
	width: 100%;
	z-index: 2;
}
 .grid--3-col .grid__item {
     width: 33.33%;
}
 @media screen and (min-width: 750px) {
     .grid--3-col .grid__item {
         width: 33.33%;
    }
}
 .grid--2-col .grid__item {
     width: 50%;
}
@media screen and (min-width: 1270px) {
     .grid--5-col-desktop .grid__item {
         width: 20% !important;
    }
} 
 @media screen and (min-width: 990px) {
     #ProductGridContainer .grid--4-col-desktop .grid__item, .grid--4-col-desktop .grid__item {
         width: 25%;
    }
     .grid--3-col-desktop .grid__item {
         width: 33.33%;
    }
     .grid--2-col-desktop .grid__item {
         width: 50%;
    }
}
 

 @media screen and (min-width: 750px) {
     #ProductGridContainer .grid--3-col-desktop .grid__item {
         max-width: 33.33%;
    }
     #ProductGridContainer .grid--2-col-desktop .grid__item {
         max-width: 50%;
    }
     #ProductGridContainer .item .item.list-group-item {
	width: 100%;
	max-width: 100%;
}
}
 .grid__item--vertical-align {
     align-self: center;
}
 .grid__item--full-width {
     flex: 0 0 100%;
     max-width: 100%;
}
 @media screen and (max-width: 749px) {
     .grid--peek.slider--mobile {
         margin: 0;
         width: 100%;
    }
     .grid--peek.slider--mobile .grid__item {
         box-sizing: content-box;
         margin: 0;
    }
   .quick-view-button {
	display: none !important;
}

}
 @media screen and (min-width: 750px) and (max-width: 989px) {
     .slider--tablet.grid--peek .grid__item {
         width: calc(25% - 4rem * 3 / 4);
    }
     .slider--tablet.grid--peek.grid--3-col-tablet .grid__item {
         width: 33.33%;
    }
     .slider--tablet.grid--peek.grid--2-col-tablet .grid__item {
         width: calc(50% - 4rem / 2);
    }
}
 @media screen and (max-width: 989px) {
   .right_icon {
	float: right;
}
  
     .title-wrapper--self-padded-mobile, .title-wrapper--self-padded-tablet-down {
         padding-left: 0;
         padding-right: 0;
    }
     .slider--tablet.grid--peek .grid__item {
         margin: 0;
    }
   .collection-hero__description {
	width: auto;
}
 
}
/* component-media */
 .media {
	display: block;
	background-color: var(--color-base-text);
	position: relative;
	overflow: hidden;
}
 .media--transparent {
     background-color: transparent;
}
 .media > *:not(.zoom, .deferred-media__poster-button), .media model-viewer {
     display: block;
     max-width: 100%;
     position: absolute;
     top: 0;
     left: 0;
     height: 100%;
     width: 100%;
}
 .media > img {
     object-fit: cover;
     object-position: center center;
     transition: opacity 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
 .media--square {
     padding-bottom: 100%;
}
 .media--portrait {
     padding-bottom: 125%;
}

 .media--cropped {
     padding-bottom: 56%;
}
 .media--16-9 {
     padding-bottom: 56.25%;
}
 .media--circle {
     padding-bottom: 100%;
     border-radius: 50%;
}
 .media.media--hover-effect > img + img {
     opacity: 0;
}
 @media screen and (min-width: 990px) {
     .media--cropped {
         padding-bottom: 63%;
    }
}
 deferred-media {
     display: block;
}
/* component-button */
/* Button - default */
.button, .customer button, .shopify-challenge__button {
	cursor: pointer;
	display: inline-flex;
	justify-content: center;
	align-items: center;
	box-sizing: border-box;
	text-decoration: none;
	border: 0;
	background-color: var(--color-base-button-background);
	color: var(--color-base-button-text);
	-webkit-appearance: none;
	appearance: none;
	padding: 9px 22px;
	font-family: var(--font-body-family);
      border-radius: 25px;
}
.button:hover {
	background: var(--color-base-button-background-hover);
	color: var(--color-base-button-text-hover);
}
 .button, .button-label, .shopify-challenge__button, .customer button {
	font-size: 13px;
	letter-spacing: 0.5px;
	line-height: 21px;
	font-weight: 500;
	text-transform: uppercase;
}
   .cart-notification .button:hover {
	background-color: var(--color-base-button-background);
	color: var(--color-base-button-text);
}
   
 .button--tertiary {
     padding: 1rem 1.5rem;
     min-width: 9rem;
     min-height: 3.5rem;
}
 .button--small {
     padding: 1.2rem 2.6rem;
}
/* Button - hover */
/* .button:not([disabled]):hover, .shopify-challenge__button:hover, .customer button:hover {
     box-shadow: 0 0 0 0.2rem var(--color-button-border);
}
 */
/* Button - other */
 .button:disabled, .button[aria-disabled='true'], .button.disabled, .customer button:disabled, .customer button[aria-disabled='true'], .customer button.disabled {
     cursor: not-allowed;
     opacity: 0.5;
}
 .button--full-width {
     display: flex;
     width: 100%;
}
 .button.loading {
     color: transparent;
}
   .cm-compare-button span:hover, .cm-wishlist-button span:hover {
	color: var(--color-base-accent-2);
}
   #TopColumnContent {
	margin-bottom: 30px;
     background-attachment: fixed;
}
   
.button.loading::after {
	animation: loading var(--duration-long) infinite linear;
	border: transparent;
	border-left: .5rem solid var(--color-button-text);
	border-radius: 100%;
	box-sizing: content-box;
	content: '';
	display: block;
	height: 2rem;
	position: absolute;
	width: 2rem;
	top: 0;
	left: -2px;
	right: auto;
}
   
 @keyframes loading {
     0% {
         transform: rotate(0deg);
    }
     100% {
         transform: rotate(360deg);
    }
}
/* component-form */
.customer .field input, .customer select, .field__input, .select__select {
	-webkit-appearance: none;
	appearance: none;
	background-color: var(--color-base-background-1);
	border-radius: 0;
	color: var(--color-base-text);
	font-size: 15px;
	width: 100%;
	box-shadow: none;
	border: 1px solid #e8e8e8;
	height: 37px;
	box-sizing: border-box;
	transition: box-shadow var(--duration-short) ease;
	text-transform: capitalize;
}
a.sca-qv-cartbtn-config:hover, input.sca-qv-cartbtn-config:hover {
	background-color: var(--color-base-button-background-hover) !important;
	color: var(--color-base-button-text-hover) !important;
}
   
 .select__select {
	font-family: var(--font-body-family);
	font-style: var(--font-body-style);
	font-weight: var(--font-body-weight);
	font-size: 13px;
}
/* .field__input:hover, .select__select:hover, .customer .field input:hover, .customer select:hover, .localization-form__select:hover {
     box-shadow: 0 0 0 0.2rem var(--color-foreground-55);
}
 */
/* .field__input:focus-visible, .select__select:focus-visible, .field input:focus-visible {
     box-shadow: 0 0 0 0.1rem var(--color-foreground-55), 0 0 0 0.3rem var(--color-background), 0 0 0.5rem 0.4rem var(--color-foreground-30);
}
 */
/* .field__input:focus, .select__select:focus, .field input:focus {
     box-shadow: 0 0 0 0.1rem var(--color-foreground-55), 0 0 0 0.3rem var(--color-background), 0 0 0.5rem 0.4rem var(--color-foreground-30);
}
 */
 .text-area, .select {
     display: inline-block;
     position: relative;
     width: 100%;
}
/* Select */
 .select .icon-caret, .customer select + svg {
     height: 0.7rem;
     pointer-events: none;
     position: absolute;
     top: calc(50% - 0.35rem);
     right: 1.5rem;
}
 .select__select, .customer select {
     cursor: pointer;
     padding: 0 4rem 0 1.5rem;
}
/* Field */
 .field {
     position: relative;
     width: 100%;
     display: flex;
}
 .customer .field {
     display: block;
}
 .field--with-error {
     flex-wrap: wrap;
}
 .field__input, .customer .field input {
     flex-grow: 1;
     text-align: left;
     padding: 1.5rem;
}
.customer .field label, .field__label {
	font-size: 13px;
	left: 1.5rem;
	top: 1rem;
	margin-bottom: 0;
	pointer-events: none;
	position: absolute;
	transition: top var(--duration-short) ease,font-size var(--duration-short) ease;
	color: var(--color-foreground-75);
	letter-spacing: .1rem;
	line-height: 1.2;
}
 .field__input:focus ~ .field__label, .field__input:not(:placeholder-shown) ~ .field__label, .field__input:-webkit-autofill ~ .field__label, .customer .field input:focus ~ label, .customer .field input:not(:placeholder-shown) ~ label, .customer .field input:-webkit-autofill ~ label {
     font-size: 1rem;
     top: 0.3em;
     letter-spacing: 0.04rem;
}
 .field__input:focus, .field__input:not(:placeholder-shown), .field__input:-webkit-autofill, .customer .field input:focus, .customer .field input:not(:placeholder-shown), .customer .field input:-webkit-autofill {
     padding: 2.2rem 1.5rem 0.8rem;
}
 .field__input::-webkit-search-cancel-button, .customer .field input::-webkit-search-cancel-button {
     display: none;
}
 .field__input::placeholder, .customer .field input::placeholder {
     opacity: 0;
}
 .field__button {
     align-items: center;
     background-color: transparent;
     border: 0;
     color: currentColor;
     cursor: pointer;
     display: flex;
     height: 4.4rem;
     justify-content: center;
     overflow: hidden;
     padding: 0;
     position: absolute;
     right: 0;
     top: 0;
     width: 4.4rem;
}
 .field__button > svg {
     height: 2.5rem;
     width: 2.5rem;
}
/* Text area */
 .text-area {
     font-family: var(--font-body-family);
     font-style: var(--font-body-style);
     font-weight: var(--font-body-weight);
     padding: 1.2rem;
     min-height: 10rem;
     resize: none;
}
 .text-area--resize-vertical {
     resize: vertical;
}
 input[type='checkbox'] {
     display: inline-block;
     width: auto;
     margin-right: 0.5rem;
}
/* Form global */
 .form__label {
     display: block;
     margin-bottom: 0.6rem;
}
 .form__message {
     align-items: center;
     display: flex;
     font-size: 1.4rem;
     line-height: 1;
     margin-top: 1rem;
}
   .account .icon {
	fill: var(--color-base-accent-2);
}
.right_icon .account {
	font-size: 15px;
	font-weight: 400;
	line-height: 24px;
	letter-spacing: .1px;
	text-transform: capitalize;
}
   
.menu-drawer__account span {
	height: 100%;
	position: relative !important;
	width: auto;
	font-size: 14px;
	line-height: 20px;
	letter-spacing: 0.5px;
	font-weight: 400;
	color: var(--color-base-accent-1);
}
   .menu-drawer__account span:hover {
	color: var(--color-base-text);
}
 .form__message--large {
     font-size: 1.6rem;
}
 .customer .field .form__message {
     font-size: 1.4rem;
     text-align: left;
}
 img {
     max-width: 100%;
}
 .form__message .icon, .customer .form__message svg {
     flex-shrink: 0;
     height: 1.3rem;
     margin-right: 0.5rem;
     width: 1.3rem;
}
 .form__message--large .icon, .customer .form__message svg {
     height: 1.5rem;
     width: 1.5rem;
     margin-right: 1rem;
}
 .customer .field .form__message svg {
     align-self: start;
}
 .form-status {
     margin: 0;
     font-size: 1.6rem;
}
 .form-status-list {
     padding: 0;
     margin: 2rem 0 4rem;
}
 .form-status-list li {
     list-style-position: inside;
}
 .form-status-list .link::first-letter {
     text-transform: capitalize;
}
/* component-quantity */
 .quantity {
     border: 1px solid var(--color-base-border);
     position: relative;
     width: 12rem;
     display: flex;
}
 .quantity__input {
     color: currentColor;
     font-size: 1.4rem;
     font-weight: 500;
     opacity: 0.85;
     text-align: center;
     background-color: transparent;
     border: 0;
     padding: 0 0.5rem;
     height: 4rem;
     width: 100%;
     flex-grow: 1;
     -webkit-appearance: none;
     appearance: none;
}
 .quantity__button {
     width: 4.5rem;
     flex-shrink: 0;
     font-size: 1.8rem;
     border: 0;
     background-color: transparent;
     cursor: pointer;
     display: flex;
     align-items: center;
     justify-content: center;
     color: var(--color-foreground);
}
 .quantity__button svg {
     width: 1rem;
     pointer-events: none;
}
 .quantity__input:-webkit-autofill, .quantity__input:-webkit-autofill:hover, .quantity__input:-webkit-autofill:active {
     box-shadow: 0 0 0 10rem var(--color-background) inset !important;
     -webkit-box-shadow: 0 0 0 10rem var(--color-background) 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;
}
/* component-modal */
 .modal__toggle {
     list-style-type: none;
}
 .no-js details[open] .modal__toggle {
     position: absolute;
     z-index: 2;
}
 .modal__toggle-close {
     display: none;
}
 .no-js details[open] svg.modal__toggle-close {
     display: flex;
     z-index: 1;
     height: 1.7rem;
     width: 1.7rem;
}
   .icon-header-search:hover {
	fill: var(--color-base-text);
}
   
   .hearder-cart:hover .header__cart-background {
	color: var(--color-base-text);
}
.right_icon .account:hover {
	color: var(--color-base-text);
}
   .account:hover .icon-header-caret {
	fill: var(--color-base-accent-2);
}
   
   .header__icon--cart .icon:hover {
	fill: var(--color-base-accent-1);
}
  
   
 .modal__toggle-open {
     display: flex;
}
 .no-js details[open] .modal__toggle-open {
     display: none;
}
 .no-js .modal__close-button.link {
     display: none;
}
.modal__close-button.link {
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 0;
	height: 2rem;
	width: 3rem;
	background: #fff;
}
.modal__close-button .icon {
	width: 1.5rem;
	height: 1.5rem;
}
.icon {
	width: 10px;
	height: 10px;
}
.modal__content {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 999;
	display: flex;
	justify-content: center;
	align-items: center;
}
 .banner-inner {
     overflow: hidden;
     position: relative;
     display: inline-block;
     vertical-align: middle;
}
 .banner-inner img {
     transition: transform var(--duration-long) ease;
     display: block;
}
 .sub-banner:hover img {
     -o-transform: scale(1.05);
     -moz-transform: scale(1.05);
     -ms-transform: scale(1.05);
     -webkit-transform: scale(1.05);
     transform: scale(1.05);
}
#cart-icon-bubble {
	position: relative;
	cursor: pointer;
	align-items: center;
	display: flex;
}
.cm-compare-icon, .cm-wishlist-icon {
	margin-left: 0;
	float: left;
	color: var(--color-base-accent-1);
}
   .header-left .cm-compare-icon:hover, .header-left .cm-wishlist-icon:hover {
	color: var(--color-base-button-background);
}

/* section-announcement-bar */
 .announcement-bar {
     color: var(--color-foreground);
}
   .announcement-bar localization-form {
	display: flex;
}
   
 .announcement-bar__link {
     display: block;
     width: 100%;
     padding: 1rem 2rem;
     text-decoration: none;
}
 .announcement-bar__link:hover {
     color: var(--color-foreground);
     background-color: var(--color-card-hover);
}
 .announcement-bar__link .icon-arrow {
     display: inline-block;
     height: 1.2rem;
     pointer-events: none;
     padding-left: 1rem;
     vertical-align: middle;
     margin-bottom: 0.2rem;
}
 @media screen and (min-width: 750px) {
     .announcement-bar__link .icon-arrow {
         height: 1.3rem;
    }
}
 .announcement-bar__link .announcement-bar__message {
     padding: 0;
}
 .announcement-bar__message {
     text-align: center;
     padding: 1rem 2rem;
     margin: 0;
     letter-spacing: 0.1rem;
   display:none;
}
/* section-header */
#shopify-section-header {
	background-color: transparent;
	text-align: center;
}
   .shopify-section-header-sticky {
     position: sticky;
     top: 0;
}
 .shopify-section-header-hidden {
     transform: translateY(-100%);
}
 #shopify-section-header.animate {
     transition: transform 0.15s ease-out;
}
/* Main Header Layout */
.header-wrapper {
	display: inline-block;
	position: relative;
	width: 100%;
}
.header {
	display: grid;
	grid-template-areas: 'left-icon heading icons';
	grid-template-columns: 1fr 1fr 1fr;
	align-items: center;
	padding-top: 27px;
	padding-bottom: 27px;
}
   #header-nav li {
	position: relative;
}

   .header-left .cm-wishlist-button, .header-left .cm-compare-button {
	width: auto;
     float: left;
	padding: 0 20px;
}
      .header-left .cm-wishlist-button {
	padding-left: 0;
	border-right: 1px solid #e6e6e6;
}
 @media screen and (min-width: 990px) {
     .header--top-left {
         grid-template-areas: 'heading icons' 'navigation navigation';
         grid-template-columns: 1fr auto;
    }
     .header--middle-left {
         grid-template-areas: 'heading navigation icons';
         grid-template-columns: auto 1fr auto;
    }
     .header--top-center {
         grid-template-areas: 'left-icon heading icons' 'navigation navigation navigation';
    }
     .header--middle-left .header__inline-menu {
         min-width: 45rem;
    }
     .header:not(.header--middle-left) .header__inline-menu {
         margin-top: 1.05rem;
    }
}
 .header *[tabindex='-1']:focus {
     outline: none;
}
 .header__heading {
     margin: 0;
     line-height: 0;
}
 .header > .header__heading-link {
     line-height: 0;
}
 .header__heading-link {
     display: inline-block;
     padding: 0;
     text-decoration: none;
     word-break: break-word;
}
 .header__heading-link:hover .h2 {
     color: var(--color-foreground);
}
 .header__heading-link .h2 {
     line-height: 1;
     color: var(--color-foreground-75);
}
 .header__heading-logo {
     width: 100%;
}
 @media screen and (min-width: 990px) {
     .header__heading-link {
         margin-left: 0;
    }
     .header__heading, .header__heading-link {
         justify-self: center;
    }
     .header--top-center .header__heading-link, .header--top-center .header__heading {
         justify-self: center;
    }
}
/* Header icons */
 .header__icons {
     display: none;
     grid-area: icons;
     justify-self: end;
}
 .header__icon:not(.header__icon--summary), .header__icon span {
     display: inline-flex;
     align-items: center;
     justify-content: center;
}
 .header__icon::after {
     content: none;
}
.header__icon--cart .icon {
	height: 20px;
	width: 20px;
	float: left;
	fill: var(--color-base-accent-2);
	cursor: pointer;
}
   
 .header__icon--cart {
     position: relative;
}
   .header__cart-background {
	vertical-align: middle;
	display: inline-block;
	position: relative;
	font-size: 14px;
	text-transform: capitalize;
	letter-spacing: 0.4px;
	color: var(--color-base-accent-2);
	font-weight: 400;
}
   .header__cart-background {
	vertical-align: middle;
	display: inline-block;
	position: relative;
	font-size: 14px;
	text-transform: capitalize;
	letter-spacing: 0.4px;
	color: var(--color-base-accent-2);
	font-weight: 400;
}
  #cart-icon-bubble .cart-count-bubble span {
	font-size: 14px;
	color: var(--color-base-accent-2);
	font-weight: 400;
	line-height: 18px;
	outline: none;
	vertical-align: middle;
}
.cm-compare-counter, .cm-wishlist-counter {
	position: relative;
	font-size: 12px;
	font-weight: 500;
	line-height: 16px;
	text-align: center;
	color: var(--color-base-button-text);
	border-radius: 50%;
	padding: 0 5px;
	float: left;
	margin-top: 0;
	height: 17px;
	width: auto;
	left: 0;
	right: auto;
	background: 0 0;
	top: 0;
}
   .cart-count-bubble {
	color: var(--color-base-text);
	position: relative;
	display: inline-block;
	vertical-align: middle;
}
   .right_icon .hearder-cart.header__icon {
	float: right;
	position: relative;
	z-index: 99;
}
 @media screen and (max-width: 989px) {
     menu-drawer ~ .header__icons .header__icon--account {
         display: none;
    }
}
/* Search */
 menu-drawer + .header__search {
     display: none;
}
 .header > .header__search {
     grid-area: left-icon;
     justify-self: start;
}
 .header:not(.header--has-menu) * > .header__search {
     display: none;
}
.header__search {
	display: inline-flex;
	line-height: 0;
	padding: 0 17px;
	position: relative;
	align-items: center;
}
 @media screen and (min-width: 990px) {
     .header:not(.header--top-center) * > .header__search, .header--top-center > .header__search {
         display: inline-flex;
    }
}
 details[open] > .search-modal {
     opacity: 1;
}
 .no-js details[open] > .header__icon--search {
     top: 1rem;
     right: 0.5rem;
}
 .search-modal {
     opacity: 0;
     height: 100%;
}
 .search-modal__content {
     display: flex;
     align-items: center;
     justify-content: center;
     width: 100%;
     height: 100%;
     line-height: 1.8;
}
.cm-compare-button:hover span, .cm-wishlist-button:hover span {
	color: var(--color-base-accent-2);
}
  .cm-compare-button:hover, .cm-wishlist-button:hover {
	color: var(--color-base-accent-2);
}
.search-modal__form {
	position: absolute;
	right: 5px;
	top: 27px;
	width: 280px;
	z-index: 5;
/* 	border: 1px solid var(--color-base-border); */
	left: auto;
}
   .search__button.field__button {
	height: 37px;
	width: 37px;
}
   
 .right_icon .search-modal__close-button {
	right: 1rem;
}  
 .search-modal__close-button {
     position: absolute;
     right: 0.3rem;
}
 @media screen and (min-width: 750px) {
     .search-modal__close-button {
         right: 1rem;
    }
    
}
 @media screen and (min-width: 990px) {
     .search-modal__form {
         max-width: 47.8rem;
    }
     .search-modal__close-button {
         position: initial;

    }
}
/* Header menu drawer */
 .header__icon--menu .icon {
     width: 20px;
     height: 20px;
}

   
.cm-compare-counter, .cm-wishlist-counter {
	padding: 0;
	float: none;
	height: auto;
	width: auto;
	display: inline-block;
	vertical-align: top;
	color: var(--color-base-accent-1);
	line-height: 24px;
}
   .cm-compare-counter::before, .cm-wishlist-counter::before {
	content: '(';
	position: relative;
	font-size: 12px;
	margin-right: 2px;
}
   .cm-compare-counter::after, .cm-wishlist-counter::after {
	content: ')';
	position: relative;
	font-size: 12px;
	margin-left: 2px;
}
 details:not([open])  .header__icon--menu .icon-close, details[open]  .header__icon--menu .icon-hamburger {
     visibility: hidden;
     opacity: 0;
}
 .js details[open]:not(.menu-opening) > .header__icon--menu .icon-close {
     visibility: hidden;
}
 .js details[open]:not(.menu-opening) > .header__icon--menu .icon-hamburger {
     visibility: visible;
     opacity: 1;
}
 .header__inline-menu details[open] > .header__submenu {
     opacity: 1;
}
/* Header menu */
 .header__inline-menu {
     margin-left: 0;
     grid-area: navigation;
     display: none;
}
 .header--top-center .header__inline-menu, .header--top-center .header__heading-link {
     margin-left: 0;
}
 @media screen and (min-width: 990px) {
    .header__inline-menu {
	display: block;
	float: left;
	width: 100%;
}
   .header--top-center .header__inline-menu {
         justify-self: center;
    }
     .header--top-center .header__inline-menu > .list-menu--inline {
         justify-content: center;
    }
     .header--middle-left .header__inline-menu {
         margin-left: 0;
    }
}
 .header__menu {
     padding: 0 1rem;
}
.header__menu-item {
	padding: 23px 20px 17px;
	text-decoration: none;
	font-size: 14px;
	line-height: 24px;
	font-weight: 500;
	text-transform: uppercase;
	letter-spacing: .4px;
}
	position: relative;
}
   	.site-header__search .modal__close-button.link {
	background-color: var(--color-base-background-1);
	color: var(--color-base-accent-1);
}
   .site-header__search .header__search {
	padding: 9px 0;
}
   .site-header__search .search-modal__form {
	right: 0;
}
   

   
 .header__submenu {
     transition: opacity var(--duration-default) ease, transform var(--duration-default) ease;
}
.header__submenu.list-menu {
	padding: 30px;
}


   
.header__submenu .header__submenu {
	padding: 0;
	background: #fff none repeat scroll 0 0;
	margin-top: 10px;
}
 .header__submenu .header__menu-item:after {
     right: 2rem;
}
.header__submenu .header__menu-item {
	padding: 0;
	font-weight: 500;
}
.header__submenu .header__submenu .header__menu-item {
	font-weight: 400;
	padding: 4px 0;
	text-transform: capitalize;
	letter-spacing: 0.8px;
	line-height: 22px;
}
 .header__submenu .icon-caret {
     right: 2rem;
}
 details-disclosure > details {
     position: relative;
}
 @keyframes animateMenuOpen {
     0% {
         opacity: 0;
         transform: translateY(-1.5rem);
    }
     100% {
         opacity: 1;
         transform: translateY(0);
    }
}
 @media (max-width: 1269px) {
.page-width {
	max-width: 1190px;
}
    #col_5 {
	display: none;
}
	
   
 
   .cm-grid__item {
	width: 28%;
}
     .side-bar.medium-up--one-quarter {
         display: none;
    }
     .main-container.medium-up--three-quarters {
         width: 100%;
         float: left;
         padding-left: 0;
    }
}
 @media (max-width: 989px) {
   .header-left {
	float: none;
	display: inline-block;
	vertical-align: top;
}
     .page-width {
         max-width: 750px;
    }
  .template-index .spaced-section {
	margin-top: 30px;
}
   .header__cart-background {
	display: none;
}
   .header {
	display: block;
}
   .template-index .tm-banners {
	margin-top: 50px;
}
  .header__heading {
	display: inline-block;
	float: left;
}
   .search-modal__form {
	top: 32px;
}
   .header-left .cm-compare-icon, .header-left .cm-wishlist-icon {
	font-size: 0;
	line-height: 0;
}
   .header__search {
	padding: 0 17px 0 13px;
}
   .menu-drawer-container span {
	vertical-align: middle;
}
   .right_icon .account {
     font-size: 0;
	line-height: 0;
	align-items: center;
	display: flex;
     padding: 0 18px 0 18px;
}
   .icon-header-search:hover {
	fill: var(--color-base-accent-2);
}
  .cm-account-button .myaccount {
	display: none;
}
   .icon-user, .icon-cart-header {
	display: inline-block;
}
   .template-index .slideshow {
	margin-top: 0;
}
   .spaced-section--full-width.tm-subbanners {
	margin-top: 0;
}
  .header-left .cm-wishlist-button, .header-left .cm-compare-button {
	padding: 0 0 0 10px;
	border: none;
}
   .header-left .cm-wishlist-button {
	padding-left: 0;
}
      .header-wrapper {
	width: 100%;
}
   .header {
	padding: 40px 15px;
     text-align: right;
}
   .menu-drawer .icon-header-caret {
	display: none;
}
   .cm-compare-counter, .cm-wishlist-counter {
	display: none;
}
   .cm-grid__item {
		width: 44%;
	}
   .shopify-section.spaced-section.Tm-logo-bar {
		margin-top: 85px;
	}
}
 @media (max-width: 749px) {
     .page-width {
         max-width: 100%;
    }
   
   	.template-index .tm-banners {
	margin-top: 40px;
}
   		
   	
   .cm-grid__item {
	width: 100%;
	margin: 0;
     margin-bottom: 15px;
}
     
}
 @media (max-width: 479px) {
     .header__icons {
         display: inline;
    }
   .cart-count-bubble {
	display: none;
}
   .header__heading-link {
	text-align: left;
}
   .header__heading-logo {
	width: 100px;
	height: 21px;
}
   .header__heading {
	margin: 1px 0 0;
}
   .header-left .cm-wishlist-button {
	padding: 0;
}
   .header-left .cm-compare-button {
	padding-right: 6px;
}
   .right_icon {
	margin-left: 14px;
}
    .card-information__text.h5 {
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
    }
   .product-form__buttons .product-form__submit.button.button--secondary {
		font-size: 12px;
		padding: 11px 27px;
	}
   .shopify-section.spaced-section.Tm-logo-bar {
		margin-top: 20px;
	}
     .header-menu {
         width: auto;
    }
     .template-index .spaced-section {
         float: left;
         width: 100%;
         margin-top: 40px;
    }
   .spaced-section--full-width.tm-subbanners {
	margin-top: 0;
	}
   .account .my-account {
	right: 0;
	left: auto;
}
   .grid--4-col-desktop .grid__item {
	padding: 10px;
}
   .title, .title-wrapper-with-link {
	font-size: 24px;
	line-height: 30px;

}
   .blog_subtitle, .subtitle {
	font-size: 13px;
	line-height: 18px;
}
     .spaced-section:last-child {
         float: left;
         width: 100%;
    }

   
   	#cart-icon-bubble {
	margin-left: 10px;
}
     .template-index .service-section {
         margin-top: 0;
    }
     .template-index .slideshow {
         margin-top: 0;
    }
     .template-index .spaced-section.tm-service {
         margin-top: 0;
    }
     .collection .grid__item {
         width: 50%;
    }
     .card-information__wrapper .spr-badge-caption {
         display: none;
    }
   .header-wrapper .modal__content {
		 background: #fff;
	}
   .header-wrapper .search-modal__content {
		 padding: 0 5rem 0 1rem;
	}
   .header-wrapper .search-modal__form {
		 width: 100%;
		 position: unset;
	}
    .header-wrapper .header__search {
		 padding: 0;
		 position: unset;
	}
}
 