/** Shopify CDN: Minification failed

Line 43:0 Comments in CSS use "/* ... */" instead of "//"
Line 44:0 Comments in CSS use "/* ... */" instead of "//"
Line 45:0 Comments in CSS use "/* ... */" instead of "//"
Line 46:0 Comments in CSS use "/* ... */" instead of "//"
Line 47:0 Comments in CSS use "/* ... */" instead of "//"
Line 49:0 Expected identifier but found "$"
Line 50:0 Expected identifier but found "$"
Line 51:0 Expected identifier but found "$"
Line 52:0 Expected identifier but found "$"
Line 53:0 Expected identifier but found "$"
... and 15 more hidden warnings

**/
/*
* Prefixed by https://autoprefixer.github.io
* PostCSS: v8.4.14,
* Autoprefixer: v10.4.7
* Browsers: last 4 version
*/
:root {
    --background: #efefef;
    --background-rgb: 239, 239, 239;
    --light-background: #ffffff;
    --light-background-rgb: 255, 255, 255;
    --heading-color: #1c1b1b;
    --text-color: #B3D0D8;
    --text-color-rgb: 179, 208, 216;
    --text-color-light: #6a6a6a;
    --text-color-light-rgb: 106, 106, 106;
    --link-color: #6a6a6a;
    --link-color-rgb: 106, 106, 106;
    --border-color: #B3D0D8;
    --border-color-rgb: #B3D0D8;
    --button-background: #1c1b1b;
    --button-background-rgb: 28, 27, 27;
    --button-text-color: #ffffff;


}

// Range
//
// Style range inputs the same across browsers. Vendor-specific rules for pseudo
// elements cannot be mixed. As such, there are no shared styles for focus or
// active states on prefixed selectors.
:root {
$form-range-track-width:          100%;
$form-range-track-height:         .5rem;
$form-range-track-cursor:         pointer;
$form-range-track-bg:             $gray-300;
$form-range-track-border-radius:  1rem;
$form-range-track-box-shadow:     $box-shadow-inset;

$form-range-thumb-width:                   1rem;
$form-range-thumb-height:                  $form-range-thumb-width;
$form-range-thumb-bg:                      $component-active-bg;
$form-range-thumb-border:                  0;
$form-range-thumb-border-radius:           1rem;
$form-range-thumb-box-shadow:              0 .1rem .25rem rgba($black, .1);
$form-range-thumb-focus-box-shadow:        0 0 0 1px $body-bg, $input-focus-box-shadow;
$form-range-thumb-focus-box-shadow-width:  $input-focus-width; // For focus box shadow issue in Edge
$form-range-thumb-active-bg:               tint-color($component-active-bg, 70%);
$form-range-thumb-disabled-bg:             $gray-500;
$form-range-thumb-transition:              background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}
.form-range {
  width: 100%;
  height: add($form-range-thumb-height, $form-range-thumb-focus-box-shadow-width * 2);
  padding: 0; 
  background-color: transparent;
  appearance: none;

  &:focus {
    outline: 0;

   
    &::-webkit-slider-thumb { box-shadow: $form-range-thumb-focus-box-shadow; }
    &::-moz-range-thumb     { box-shadow: $form-range-thumb-focus-box-shadow; }
  }

  &::-moz-focus-outer {
    border: 0;
  }

  &::-webkit-slider-thumb {
    width: $form-range-thumb-width;
    height: $form-range-thumb-height;
    margin-top: ($form-range-track-height - $form-range-thumb-height) * .5; 
    @include gradient-bg($form-range-thumb-bg);
    border: $form-range-thumb-border;
    @include border-radius($form-range-thumb-border-radius);
    @include box-shadow($form-range-thumb-box-shadow);
    @include transition($form-range-thumb-transition);
    appearance: none;

    &:active {
      @include gradient-bg($form-range-thumb-active-bg);
    }
  }

  &::-webkit-slider-runnable-track {
    width: $form-range-track-width;
    height: $form-range-track-height;
    color: transparent; // Why?
    cursor: $form-range-track-cursor;
    background-color: $form-range-track-bg;
    border-color: transparent;
    @include border-radius($form-range-track-border-radius);
    @include box-shadow($form-range-track-box-shadow);
  }

  &::-moz-range-thumb {
    width: $form-range-thumb-width;
    height: $form-range-thumb-height;
    @include gradient-bg($form-range-thumb-bg);
    border: $form-range-thumb-border;
    @include border-radius($form-range-thumb-border-radius);
    @include box-shadow($form-range-thumb-box-shadow);
    @include transition($form-range-thumb-transition);
    appearance: none;

    &:active {
      @include gradient-bg($form-range-thumb-active-bg);
    }
  }

  &::-moz-range-track {
    width: $form-range-track-width;
    height: $form-range-track-height;
    color: transparent;
    cursor: $form-range-track-cursor;
    background-color: $form-range-track-bg;
    border-color: transparent; 
    @include border-radius($form-range-track-border-radius);
    @include box-shadow($form-range-track-box-shadow);
  }

  &:disabled {
    pointer-events: none;

    &::-webkit-slider-thumb {
      background-color: $form-range-thumb-disabled-bg;
    }

    &::-moz-range-thumb {
      background-color: $form-range-thumb-disabled-bg;
    }
  }
}

*,
*::before,
*::after {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

@media (prefers-reduced-motion: no-preference) {
  :root {
    scroll-behavior: smooth;
  }
}
div#page {
    overflow: hidden;
}

@font-face {
  font-family: 'SF Cartoonist Hand';
  src: url('SFCartoonistHand.woff2') format('woff2'),
      url('SFCartoonistHand.woff') format('woff');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Futura';
  src: url('Futura.woff2') format('woff2'),
      url('Futura.woff') format('woff');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}


@font-face {
  font-family: 'Futura';
  src: url('Futura-Bold.woff2') format('woff2'),
      url('Futura-Bold.woff') format('woff');
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}


/* font-family: "Lato", sans-serif; */

/* .slick-slide {
  transform: translateZ(0);
  will-change: transform;
} */

body {
  margin: 0;
 
  -webkit-text-size-adjust: 100%;
  font-size: 16px;
  overflow-x: hidden;
  font-family: 'Futura';
  font-weight: 500;
  color: #273032;
  letter-spacing: normal;
}

hr {
  margin: 1rem 0;
  color: inherit;
  background-color: currentColor;
  border: 0;
  opacity: 0.25;
}

hr:not([size]) {
  height: 1px;
}
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
  margin-top: 0;
  font-family: 'Futura';
  margin-bottom: 0.5rem;
  font-weight: 500;
}
.h1, h1 { 
  font-size: 60;
}
.h2, h2 {
  font-size: 40px; 

}
.h3, h3 {
  font-size: 30px;
}
.h4, h4 {
  font-size: 20px;
}
.h5, h5 {
  font-size: 18px;
}
.h6, h6 {
  font-size: 16px;
}
p{margin-top: 0; font-size: 16px;  line-height: 1.54;  }
.img-fluid{max-width: 100%; height: auto;}
.container{max-width: 1270px; margin-left: auto; margin-right: auto; padding-left: 15px; padding-right: 15px;}
.btn{display: inline-block; min-width: 189px;  -webkit-appearance:none; -moz-appearance:none; appearance:none; background: transparent; border: 1px solid transparent; position: relative;  font-family: 'Futura';  -webkit-transition: 0.5s ease all; -o-transition: 0.5s ease all; transition: 0.5s ease all;  letter-spacing: 0px;  border-radius: 50px;  padding: 9px 22px;    font-size: 20px;line-height: 1; font-weight: 500;  text-align: center;    text-decoration: inherit; cursor: pointer;}

.btn-primary{  border-color: #B3D0D8;  color:#000; background:#B3D0D8;}
.btn-primary:hover{background: transparent; color: #000;}
/* .btn-primary:hover{opacity: 0.8;} */
.btn-white{background: #FFFBF2; color: rgba(39, 48, 50, 90%);}
.btn-white:hover{background:rgba(39, 48, 50, 90%) ; color: #FFFBF2;}

.btn-sec{background: #FECAAC; border-color: #FECAAC; color: rgba(39, 48, 50, 90%); }
.btn-sec:hover{color: #FECAAC; background: rgba(39, 48, 50, 90%); border-color: rgba(39, 48, 50, 90%);}


.btn-dark{border: 1px solid #6E8186;background: #6E8186; color: #FFFBF2;}
.btn-dark:hover{background:#FFFBF2 ; color: #6E8186;}
.btn-dark-outline{border: 1px solid #273032B2; color:#273032E5}
.btn-dark-outline:hover{background:#273032E5; color:#fff;}

.btn-dark:focus img{-webkit-filter:invert(1);filter:invert(1);}

.btn:focus{outline: none; }
.btn-secondary:disabled, .btn-secondary[disabled], .btn-secondary.disabled{opacity: 0.64;}
sup {font-size: 10px;font-weight: bold;}

.text-center{text-align: center;}
.text-left{text-align: left;}
.text-right{text-align: right;}
.tab-show{display: none  !important;}
.slick-dots { position: relative; bottom: auto;margin: 10px auto 0;}
.slick-dots li { width: 12px; height: 12px; background: #424242;border-radius: 50%; opacity: 0.5;}
.slick-dots li button { display: none;}
.slick-dots li.slick-active{opacity: 1;}


/* Reset CSS ends */
.PageOverlay {width: 100%;height: 100%; position: fixed;background: rgba(11, 23, 26,0.15);top: 0;left: 0; z-index: 5;opacity: 0;visibility: hidden;}
.PageOverlay.is-visible{opacity: 1; visibility: visible;}
.no-scroll .PageOverlay{opacity: 1; visibility: visible;}
body.no-scroll{overflow: hidden;}
@-webkit-keyframes marquee-scroll {

  0% { -webkit-transform: translateX(0); transform: translateX(0);}

  100% {-webkit-transform: translateX(-100%); transform: translateX(-100%);}

}



@keyframes marquee-scroll {

  0% {-webkit-transform: translateX(0);  transform: translateX(0);}

  100% { -webkit-transform: translateX(-100%);transform: translateX(-100%);}

}
.marquee {
    display: flex
;
    flex-direction: row;
    justify-content: space-between;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    white-space: nowrap;
    position: relative;
    direction: ltr;
    margin: 0;
}
.marquee-content {
    display: flex
;
    align-items: center;
    padding-right: .2em;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
}
.marquee--animate .marquee-content {
    -webkit-animation: marquee-scroll 21.5s linear infinite;
    animation: marquee-scroll 21.5s linear infinite;
}
.annoucm .scrolling-text {
  display: inline-block;
  /* padding-left: 100%; */
  animation: scroll-left 20s linear infinite;
}
.marquee-item.marquee-text {

    padding-left: 35px;

}
@keyframes scroll-left {
  0% {
    transform: translateX(0%);
  }

  100% {
    transform: translateX(-100%);
  }
}

.header_wrap{position: relative; z-index: 4;}
.header_wrap .logo{text-align: center; max-width: 215px; margin-left: auto; margin-right: auto; padding-top: 23px;}
.header_wrap .logo a{display: block;}
.header_wrap .logo a img{display: block; width: 100%; max-width: 100%;}
.progress-bar-top{padding-bottom: 26px; padding-top: 7px; display:block; text-decoration:none;}
.progress-bar-top p{font-family:"proxima-nova"; text-align: center; font-size: 14px; color: #273032; margin-bottom: 0;}
.progress-bar-row{display: flex; align-items: center; gap: 15px;}
.progress-bar-row p{max-width: 79px; margin: 0; }
.progress-bar{border: 1px solid #6E818699; background: #fff; width: 100%; height: 16px; border-radius: 16px;}
.progress-bar .bar{background: #B3D0D8; position: relative; display: block; height: 14px; border-radius: 16px;}
.progress-bar .bar .text{position: absolute; bottom: -26px; right: auto;
    left: 50%; font-family:"proxima-nova"; text-align: center; font-size: 14px; color: #273032;     white-space: nowrap;}

.header-nav{  position: relative; }
.header-row { display: flex; align-items: center; justify-content: space-between;}
.header-row .header_item {display: flex;}
.header-row .header_item.header-fill { flex: 1 0 0;align-items: center;}
.header_item.icon-left{ gap: 22px;}
.header_item.head-icon{justify-content: flex-end; gap: 17px;}
.head-icon a img, .icon-left a img{display: block;}

.menu>ul{list-style: none; padding: 0; margin: 0; display: flex; align-items: center; justify-content: center; gap: 40px;}
.nav_element{font-size: 22px;      font-family: 'Futura'; text-transform: capitalize;   font-weight: 500;}
.nav_element>a{color: #273032; transition: 0.5s ease all; display: block; text-decoration: none; padding: 26px 15px; transition: 0.5s ease all;}
.nav_element:hover>a{color: #fff; }
span.ly-custom-dropdown-current {
    background: transparent !important;
}
.nav_element .submenu {position: absolute; opacity: 0; pointer-events: none; transition: 0.5s ease all; min-width: 216px;background: #FAFFFD;border-radius: 0 0 30px 30px;padding: 30px;left: 0;list-style: none; margin: 0; top: 100%;}

.nav_element.dropdown {position: relative;}
.nav_element .submenu li { font-size: 20px;margin-bottom: 15px; font-weight: 500;}
.nav_element .submenu li a {color: #273032;text-decoration: none;}
.nav_element .submenu li:last-child {margin-bottom: 0;}
.nav_element:hover .submenu{opacity: 1; pointer-events: inherit; top: 100%; }

.megamenu {position: absolute; left: 0; transition: 0.5s ease all;  width: 100%;opacity: 0; pointer-events: none; top: 100%;}

.megamenu-inner { display: flex; justify-content: space-around; gap: 20px; padding: 23px 30px; max-width: 882px; margin: 0 auto;  width: 100%; background: #FAFFFF; border-radius: 0 0 30px 30px;}
.megamenu-inner .Linklist {margin: 0;padding: 0;list-style: none;}
.megamenu-inner .Linklist>li { font-size: 20px;margin-bottom: 7px;}
.megamenu-inner .Linklist>li>a { color: #273032; text-decoration: none;}
.megamenu-inner .Linklist>li ul {list-style: none; margin-top: 20px;padding-left: 0px;}
.megamenu-inner .Linklist>li ul li { font-size: 18px;margin-bottom: 22px;}
.megamenu-inner .Linklist>li ul li a {color: #273030;text-decoration: none;}
.megamenu-inner .Linklist>li ul li a:hover, .megamenu-inner .Linklist>li>a:hover, .nav_element .submenu li a:hover{color:#FECAAC;}
.megamenu-inner .Linklist>li ul li:last-child { margin: 0;}
.nav_element:hover .megamenu {opacity: 1; pointer-events: inherit; top: 100%; }
.breadcrumb a{color:#FECAAC; text-decoration:none;}
.menu-btn {display: none; align-items: center; justify-content: center; }
.header__nav-button { background: transparent;width: 30px;height: 28px; border: none;-webkit-appearance: none;-moz-appearance: none;appearance: none; display: block;   -webkit-transform: rotate(0deg);   -ms-transform: rotate(0deg);   transform: rotate(0deg); }
.header__nav-button:hover, .header__nav-button:focus { outline: none; }
.header__nav-button > span {background:#000;display: block;position: absolute;height: 1px;width: 100%; left: 0;-webkit-transform: rotate(0deg);-ms-transform: rotate(0deg);transform: rotate(0deg);-webkit-transition: 0.3s ease-in-out, background 0.2s cubic-bezier(0, 0, 0.58, 1);-o-transition: 0.3s ease-in-out, background 0.2s cubic-bezier(0, 0, 0.58, 1);transition: 0.3s ease-in-out, background 0.2s cubic-bezier(0, 0, 0.58, 1); }
.header__nav-button > span:nth-child(1) { top: 6px; }
.header__nav-button > span:nth-child(2) {top: 8px; display:none; }
.header__nav-button > span:nth-child(3) {top: 15px; }
.open-menu .header__nav-button > span:nth-child(1) {top: 8px;-webkit-transform: rotate(135deg);-ms-transform: rotate(135deg);transform: rotate(135deg); }
.open-menu .header__nav-button > span:nth-child(2) {opacity: 0;left: -60px; }
.open-menu .header__nav-button > span:nth-child(3) {top: 8px; -webkit-transform: rotate(-135deg); -ms-transform: rotate(-135deg); transform: rotate(-135deg); }
.open-menu .header__nav-button > span{background:#000;}




.desk-search_wrap{width:100%;position:fixed;top:0;background:#fff;left:0;pointer-events:none;visibility:hidden;opacity:0;transform:translateY(-25px);transition:transform .15s ease-in-out,opacity .15s ease-in-out,visibility .15s ease-in-out;z-index:-1;}
.desk-search_wrap .container{width:100%;}
.desk-search_wrap .search-bar{display:flex;align-items:center;height:92px;padding:0 117px;}
.desk-search_wrap .search-bar .form-control{font-size:1.75rem;  font-family: 'Futura'; width:100%; border:none;border-radius:0;color:#000;}
.desk-search_wrap .search-bar .form-control:focus{box-shadow:none;outline:none;}
.desk-search_wrap.active{visibility:visible;opacity:1;pointer-events:auto;transform:translateY(0);z-index:5;}
.form-control:focus{box-shadow:none;outline:none;}
.desk-search_wrap .field {display: flex;align-items: center;}
.modal__toggle-close.icon.search-i {background: transparent;border: none; padding: 0; cursor:pointer}
.Search__Results { position: absolute; top: 100%; width: 100%; left: 0; background: #fff;  max-height: 90vh;overflow-y: auto;}
.Search__Results .Grid.g_collection_row.hgna { display: flex; flex-wrap: wrap; row-gap:30px; margin: 0 -12px; padding-bottom: 37px; }
.Search__Results .Grid.g_collection_row.hgna .single-collection { padding: 0 12px;  width: 33%;}

.search-bar .form-control::-webkit-search-cancel-button{
    position:relative;
    right:20px; 
    -webkit-appearance: none;
    height: 20px;
    width: 20px;
    border-radius:10px;
    background: transparent;
}
@media (max-width: 992px){
  .desk-search_wrap{top:0%;}
  .desk-search_wrap .search-bar .form-control{font-size:1rem;height:60px;}
.desk-search_wrap .search-bar{height:60px;padding:0 20px;}
  .Search__Results .Grid.g_collection_row.hgna .single-collection {
    padding: 0 12px;
    width: 33.33%;
}
}
@media (max-width: 767px){
  .Search__Results .Grid.g_collection_row.hgna .single-collection {width:50%;}
}
@media (max-width: 640px){
  .Search__Results .Grid.g_collection_row.hgna .single-collection {width:100%;}
}




.mobile-show{display: none !important;}
.hero-banner{position: relative;}
.hero-banner>img{width: 100%; display: block;}
.hero-banner .banner-content{position: absolute; top: 0; left: 0; height: 100%; width: 100%;}
.banner-content .container{padding-top: 37px; position: relative; height: 100%; padding-bottom: 34px; display: flex; flex-direction: column; justify-content: space-between; align-items: flex-end;}
.banner-content .btn{min-width: 189px;}
.banner-text{background: #FFFBF2; max-width: 532px; padding: 14px; width: 100%; border-radius: 100px;}
.banner-text p{ margin: 0 auto; text-align:center; font-size: 18px; color:#444; font-family: "Lato", sans-serif;}
.banner-head {
    position: absolute;
    left: 0;
    max-width: 494px;
    top: 70px;
    left: 15px;
}
.banner-head h2{color:#444; font-size:40px; margin-bottom:25px;}
.banner-head p{color:#444; font-size:30px;}

.benefit-wrap{padding: 27px 0;}
.benefit-row{display: flex; margin:0 -10px; flex-wrap: wrap;}
.benefit-row .item{padding: 0 10px; width: 33.33%;}
.single-benefit{display: flex; text-decoration:none; align-items: center; justify-content: center;gap: 5px; background: #B3D0D8; padding: 8px; border-radius: 30px;}
.single-benefit p{margin: 0; font-size: 20px; color:#273032; text-decoration:none;}
.h-collection-row{min-height: 150px; display: none;}
.h-collection-row .slick-arrow, .like-slide .slick-arrow{top:37%;display: flex; flex-wrap: wrap; align-items: center; justify-content: center}
.h-collection-row .slick-track {
    display: flex;
}
.slick-prev, .slick-next{transform: translate(0, -50%) !important;}
.h-collection-row{/*display: flex; flex-wrap: wrap; row-gap: 26px; margin: 0 -10px;padding-bottom: 60px;*/ margin:0;}
.h-collection-row .item{padding: 0 10px; /*width: 33.33%;*/}
.h-collection-wrap .text-center{margin-top:40px;}
.single-collection-img {position: relative;border: 1px solid #dedbd3; background: #fff; border-radius: 10px; overflow: hidden; margin-bottom: 12px;}
.single-collection-img a, .h-col-img a {display: block;}
.h-col-img a{margin-bottom:12px}
.single-collection-img a.img, .h-col-img a {padding-top: 125%;position: relative; overflow:hidden;     background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    overflow: hidden;
    background-color: #f4f2ed;}
.single-collection-img a.img img, .h-col-img a img {position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);object-fit: contain;width: auto;}
.single-collection-img a img, .h-col-img a img {display: block; max-width: 100%; margin: 0 auto;}
.single-collection-img a.bag {position: absolute;bottom: 7px; right: 10px;  z-index:2;   transform: translateZ(0);
  will-change: transform;
  backface-visibility: hidden;}
  .single-collection-img a.wish { top: 10px;position: absolute;right: 10px; z-index:2;   transform: translateZ(0);
  will-change: transform;
  backface-visibility: hidden;}
.single-collection-info{display: block; text-align:center;}
.h-col-single{text-align:center;}
.d-flex.product-color div {
    display: inline-block;
}
.single-collection-info h5, .h-col-single h5 {
   
    padding-bottom: 6px;
}
.single-collection-info .d-flex{display: inline-block; align-items: center; gap: 20px;}
.single-collection-info h5, .h-col-single h5{margin: 0;}
.single-collection-info h5 a, .h-col-single h5 a{text-decoration: none; color: #273030;}
.single-collection-info p{margin: 0;}
.single-collection-info .swat{display: flex; gap: 3px; list-style: none; margin: 0; padding: 0;}
.single-collection-info .swat li a{width: 18px; display: block; border-radius: 50%; height: 18px; border: 1px solid transparent;}
.single-collection-info .swat li a:hover, .single-collection-info .swat li a.active{border-color: #273030;}
.click-col{width: 100%; text-align: center; padding: 95px 0; position: relative;}
.click-col .btn{font-size: 24px; max-width: 724px; width: 100%; padding: 17px;}
.click-col span.abs { position: absolute; top: 48px; display: inline-flex;align-items: center;flex-direction: column;font-size: 18px;font-weight: 500;right: 11%;}

.maitea-wrap {background: #FAFFFF;}

.maitea-row { display: flex; flex-direction: row-reverse; justify-content: space-between;}
.maitea-img {width: 57.5%; position: relative;}
.maitea-img img{width: 100%; height: 100%; object-fit: cover; border-radius: 0; display: block;}
.maitea-img .btn{position: absolute; left: 50%; bottom: 40px; transform: translateX(-50%);}
.maitea-content { width: 35%; padding: 68px 50px; padding-right:0;     display: flex;
    align-items: center;}
.maitea-content h2{   font-size: 60px; color:#444;     font-family: "Lato", sans-serif;   margin-bottom: 37px;}
.maitea-content h2~h2{margin-bottom: 0;}
.maitea-content p{font-size: 20px; color:#444; font-family: "Lato", sans-serif;  font-weight:500;  margin-bottom: 50px;  }
.maitea-content .btn{color:#444; font-family: "Lato", sans-serif;}
.pt6{padding-top: 60px;}

.h-charity-wrap{background: #FAFFFF;}
.h-charity { display: flex;  justify-content: space-between;}
.h-charity-img {width: 57.5%; position: relative;}
.h-charity-img img{width: 100%; height: 100%; object-fit: cover; border-radius: 7px; display: block;}
.h-charity-content { width: 39%; padding: 39px 50px;}
.h-charity-content h2{font-weight: 500; font-size: 60px;  margin-bottom: 45px;}
.h-charity-content p{font-size: 20px; line-height: 1.5;  margin-bottom: 25px;  }
.h-charity-content .btn{font-size: 24px; max-width: 294px; width: 100%;  display: block; margin-top: 43px;}

.h-collection-wrap {
    
    padding: 60px 0;
}
.h-collection-wrap h2{text-align: left; font-weight: 500; font-size: 40px;  margin-bottom: 35px;}
.nature-wrap{background: #B3D0D8;}
.nature-row { display: flex; flex-direction: row-reverse; justify-content: space-between;}
.nature-img {width: 57.5%; position: relative;}
.nature-img img{width: 100%; height: 100%; object-fit: cover; border-radius: 7px; display: block;}
.nature-content { width: 38.2%; padding: 40px 50px; padding-right:0; text-align: right;}
.nature-content h2{ font-size: 60px;  margin-bottom: 36px;}

.nature-content p{font-size: 20px; line-height: 1.5; }
.review-wrap{padding: 60px 0;}
.review-slide{margin-bottom: 0;}
.single-review{max-width: 276px; margin: 0 auto;}
.single-review .star{display: flex; justify-content: center; align-items: center; gap: 3px; margin-bottom: 12px;}
.single-review p{font-size: 18px; font-weight: 300; text-align: center; font-family: "Lato", sans-serif;  font-style: italic;}

.footer_wrap{margin-top: 150px; border-top: 1px solid #000;}
.footer_row{padding: 56px 0;}
.footer_row {display: flex;justify-content: space-between;}
.footer_newsletter {width: 45%;}
.footer_links_wrap { width: 43.5%; display: flex; flex-wrap: wrap; gap: 20px; justify-content: space-between; }
.footer-item h4{font-size: 18px; color: #424242; margin-bottom: 25px;}
.footer-item ul{list-style: none; padding: 0; margin: 0;}
.footer-item ul li{font-size: 14px; margin-bottom: 20px;}
.footer-item ul li a{color: #424242; text-decoration: none; transition: 0.5s ease all;}
.footer-item ul li:last-child{margin-bottom: 0;}
.footer_newsletter p{font-size: 16px; margin-bottom: 25px;}
.footer_newsletter .input-group{display: flex; align-items: center; gap:27px; margin-bottom: 26px;}
.footer_newsletter label{font-size: 16px; white-space: nowrap;}
.footer_newsletter .form-control{width: 100%;  font-family: 'Futura'; border-radius: 20px; height: 20px; padding: 0 10px; background: #FAFFFF; border: 1px solid rgba(39, 48, 50,50%); font-size: 12px;}
.footer_newsletter .btn{font-size: 12px; min-width: 110px; padding: 6px;}
.footer_newsletter .form-control:focus{outline: none;}

.footer-bottom {background: #B3D0D8; padding: 8px 0;}

.footer_botom_row {display: flex; justify-content: space-between;}

#insta-feed h2, .instafeed-shopify h2 {
    margin-bottom: 30px;
    display: none !important;
}
.insta-head {
    text-align: center;
    margin-bottom: 40px;
}
.insta-head h3 {
    font-size: 30px;
    color: #444;
    font-weight: 500;
      font-family: "Lato", sans-serif;
}
.insta-head p {
    font-size:20px;
    color: #444;
    font-weight: 400;
      font-family: "Lato", sans-serif;
}
.insta-footer{margin-top:30px; text-align:center}
.insta-footer p {
    font-size:20px;
    color: #444;
    font-weight: 400;
      font-family: "Lato", sans-serif;
}
.insta-footer .btn{font-family: "Lato", sans-serif; color:rgba(68,68,68,90%)}

.pay-icons { margin: 0; padding: 0; display: flex;align-items: center;list-style: none; gap: 20px;}
.footer_botom_row .d-flex { display: flex;align-items: center;gap: 40px;}
.list {list-style: none;display: flex;align-items: center;gap: 30px; margin: 0; padding: 0;}
.list li { font-size: 14px; margin: 0; padding: 0;}
.list li a { color: #424242; text-decoration: none;}

.social-link {list-style: none;padding: 0;margin: 0;display: flex;align-items: center;gap: 30px;}

.g_side_cart { max-width: 312px; width: 100%; transition:0.5s ease all; position: fixed;  top: 0; background: #FAFFFF; height: 100vh; overflow-y: auto; z-index: 7; right: -100%; transition:0.5s ease all; padding: 0;}
.cart-open .g_side_cart{right:0;}
.g_side_cart_head {display: flex; align-items: center;justify-content: space-between; border-bottom: 1px solid #000; padding: 18px;}

.g_side_cart_head h2 { font-size: 22px;  margin: 0;}
.g_side_cart .h-full {  padding: 18px;text-align: center;}

.g_side_cart .h-full .button { color: #000;}

.min-cart-wrap { padding: 18px;}
  .g_prod_row.single { display: flex; flex-wrap: wrap; align-items: flex-start; gap: 8px; margin-bottom:20px;}
.g_img_outer { width: 95px; box-shadow: 0.3px 0.3px 1px 0px #00000040;     background: #f4f2ed;
    height: 100px;
    display: flex
;
    align-items: center;
    justify-content: center;}
.g_img_outer a { display: block;  margin: 0;}
.g_img_outer img {display: block; width: 100%;}
.g_prod_info {  width: calc(100% - 103px);}
.g_prod_info p { font-size: 16px; font-weight: 400;color: #424242; margin-bottom:0px; font-family: "proxima-nova";}
.g_prod_info p small, .g_prod_info p.sale-price {font-size:14px;}
.g_prod_row .flex.flex-wrap {
    display: flex;
    justify-content: space-between;
    width: 100%;
    align-items: center;
}

.g_prod_row .flex.flex-wrap a.rem {
    font-size: 14px; font-family: "proxima-nova";
    color: #273032;
    text-decoration: none;
}

.slider-for .item a {
    padding-top: 75%;
    display: block;
    background: #f4f2ed;
    position: relative;  aspect-ratio: 4 / 5;
}

.slider-for .item a img {
    width: auto;
    height: auto;
    transform: translate(-50%, -50%);
    position: absolute;
    top: 50%;
    left: 50%;
       
}

.g_prod_row.single .flex>div {
    display: flex;
    align-items: center;
    font-size: 14px;
    gap: 8px;
}
.min-cart-footer {
    padding: 18px;
}

.min-cart-footer h3 {
    display: flex;
    justify-content: space-between;
    font-size: 18px;
    font-family: "proxima-nova";
    color: #273032;
    margin-bottom: 40px;
}

.cart-footer-total .btn {
    width: 100%;
    display: block;
    margin-bottom: 19px;
    padding: 12px;
}


/* product page css*/
.product_wrap{padding-top: 33px; padding-bottom: 60px;}
.product-row{padding-top: 8px; display: flex; flex-wrap: wrap; justify-content: space-between;}
.product-img {width: 66%;}
.slider-for{margin-bottom: 20px;}
.slider-for img{width: 100%; display: block; border-radius: 8px; }
.slider-nav .item{padding: 0 5px 10px;}
.slider-nav .items{box-shadow: 0.75px 0.75px 2.99px 0px #00000040; background:#f4f2ed; display:flex; align-items:center; justify-content:center; width: 100%; border-radius: 8px; aspect-ratio: 4 / 5;}
.slider-nav img{ width: 100%;} 
.product-info {width: 32%;}
.product-info h1{font-size: 30px; margin-bottom: 4px; font-family:"proxima-nova"; font-weight: 400; color: #424242;}
.product-info .price{font-size: 19px; font-family:"proxima-nova"; font-weight: 400; color: #424242; margin-bottom: 20px;}
.product-info .small-des p{font-size: 19px; font-family:"proxima-nova"; font-weight: 400; color: #424242;}
.btn-wrap {display: flex; flex-direction: column; gap: 18px; align-items: flex-start;}
.product-info .icon-list{margin: 35px 0; padding: 0; list-style: none;}
.product-info .icon-list li{display: flex; align-items: center; font-size: 19px; margin-bottom: 10px; font-family:"proxima-nova"; font-weight: 400; color: #424242;}
.product-info .icon-list li span{min-width: 34px;}
.product-info .icon-list li img{display: block;}
.product-info .icon-list li a{text-decoration:underline; color:#424242; transition:0.5s ease all}
.product-info .icon-list li a:hover{opacity:0.7;}
.product-des .accordion{list-style: none; margin: 0; padding: 0;}
.product-des .accordion>li{background: #B3D0D8; border-radius: 30px; padding: 0 8px 0 16px; margin-bottom: 15px;}
.product-des .accordion>li>a{ display: block; padding: 8px  0; padding-right: 26px; position: relative; color: #273032; font-size: 18px; line-height: 22.73px; text-decoration: none;}
.product-des .accordion>li>a::before{ content: ""; width: 16px; height: 2px; background-color: #273032;position: absolute;top: 50%;transform: rotate(90deg);right: 20px;}
.product-des .accordion>li>a::after{ content: ""; width: 16px; height: 2px;background-color: #273032;position: absolute;transform: rotate(0deg);top: 50%;right: 20px;}
.product-des .accordion>li.active>a::before{opacity: 0;}
.product-des .accordion>li div{ padding: 30px 25px 48px;}
.product-des .accordion>li p{font-size: 14px; line-height: 17.68px;}
.product-des .accordion>li p:last-child{margin-bottom: 0;}
.qty-wrap{max-width: 83px; text-align: center; margin: 20px 0;}
.qty-wrap label{text-align: center; font-size: 16px; font-family:"proxima-nova";}
.g_prod_qty {display: flex;align-items: center; justify-content: center;}
.g_prod_qty .form-control{width: 24px; font-size: 16px; font-family:"proxima-nova"; color: #273032; border: none; text-align: center; background: transparent;}
.g_prod_qty .form-control:focus{outline: none;}
.qty__adjust {background: transparent; cursor: pointer; padding: 0; border: none;}
.qty__adjust img{display: block;}
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {-webkit-appearance: none;margin: 0;}
input[type=number] {-moz-appearance: textfield;}

.like-wrap{padding-bottom: 90px;}
.like-wrap h3{font-size: 25px; font-weight: 500; color: #000; margin-bottom: 14px;}
.like-slide .item{ padding: 0 10px;}
.slick-arrow{z-index: 2;    color: #22222299 ;  }
.slick-arrow:hover, .slick-arrow:focus{color: #22222299 ;}
.like-slide .slick-arrow::before{display: none;}
.like-slide .slick-prev{left: -15px;}
.like-slide .slick-next{right: -15px;}


.product-info select#productSelect-option-0 { display: none;}

.product-info .swatch {display: flex; flex-wrap: wrap;  margin-top: 12px;}


.swatch-element.color input { display: none;}
.swatch-element.color label { width: 24px; height: 24px; display: block;border: 1px solid transparent; border-radius: 50%;}
.small-des p { margin-bottom: 4px;}
.selector-wrapper label { font-size: 19px;}
.swatch .swatch-element {-webkit-transform: translateZ(0); -webkit-font-smoothing: antialiased;  position: relative;}
.swatch .tooltip{text-align:center;background:gray;color:#fff;bottom:100%;padding:10px;display:block;position:absolute;width: 80px;
    left: -26px;margin-bottom:15px;filter:alpha(opacity=0);-khtml-opacity:0;-moz-opacity:0;opacity:0;visibility:hidden; -webkit-transition:all .25s ease-out;-moz-transition:all .25s ease-out;-ms-transition:all .25s ease-out;-o-transition:all .25s ease-out;transition:all .25s ease-out;-webkit-box-shadow:2px 2px 6px rgba(0, 0, 0, 0.28);-moz-box-shadow:2px 2px 6px rgba(0, 0, 0, 0.28);-ms-box-shadow:2px 2px 6px rgba(0, 0, 0, 0.28);-o-box-shadow:2px 2px 6px rgba(0, 0, 0, 0.28);box-shadow:2px 2px 6px rgba(0, 0, 0, 0.28);z-index:10000;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;}
.swatch .tooltip:before{bottom:-20px;content:" ";display:block;height:20px;left:0;position:absolute;width:100%;}
.swatch .tooltip:after{border-left:solid transparent 10px;border-right:solid transparent 10px;border-top:solid gray 10px;bottom:-10px;content:" ";height:0;left:50%;margin-left:-13px;position:absolute;width:0;}
.swatch .swatch-element:hover .tooltip{filter:alpha(opacity=100);-khtml-opacity:1;-moz-opacity:1;opacity:1;visibility:visible;-webkit-transform:translateY(0px);-moz-transform:translateY(0px);-ms-transform:translateY(0px);-o-transform:translateY(0px);transform:translateY(0px);}
.swatch-element.color input:checked+label {  border-color:#000;}
 .selector-wrapper label {
    font-size: 19px;
    display: none;
}
.header{font-size: 19px;}

.collection-hero {  padding-top: 50px;}

.collection-hero h1 {color: #424242; margin-bottom: 40px;}
.collection_row {  display: flex;flex-wrap: wrap;  margin: 0 -8px; row-gap: 20px;}

.collection_row .single-collection { padding: 0 8px; width: 25%; }
.filter-flex { display: flex;  gap: 15px;}

.filter-flex label.heading { font-family:"proxima-nova"; min-width:68px;  font-size: 16px; font-weight: 400; line-height: 24px; letter-spacing: 0.20000000298023224px;  text-align: left; color: #273032;}
form#collection-filters-sidebar-form { display: flex; gap: 15px; flex-wrap:wrap;}
.filter-wrap {
    width: calc(100% - 180px);
}

.Collapsible {position: relative; z-index:3;}

.collapse-headers, .select-toggle{ text-decoration:none; position: relative; z-index: 4;   min-width: 163px; gap: 13px; background:  #FAFFFF; border: 1px solid #6E818699; border-radius: 20px;font-family: "proxima-nova";font-size: 14px; font-weight: 400; line-height: 24px; letter-spacing: 0.20000000298023224px; padding: 4px 9px 4px 22px; color: #27303299; display: flex;align-items: center;justify-content: space-between;}
.collapse-headers svg { max-width: 12px; transition:0.5s ease all;}
.Collapsible__Inner, .dropdown-menu { position: absolute; z-index: 3; background: #FAFFFF;   width: 100%; top: 13px;border: 1px solid #6E818699; border-radius: 0 0 20px 20px; padding-top: 20px;padding-bottom: 6px; opacity: 0;pointer-events: none; transform-origin: top left; transition: 0.5s ease all; transform: scaleY(0);}
.Collapsible.active .Collapsible__Inner, .dropdown-menu.active { opacity: 1; transition: 0.5s ease all;  pointer-events: auto;transform: scale(1);}
.Collapsible__Inner ul.Linklist { padding: 0;  list-style: none;  padding: 0;margin: 0;}
.collapse-headers.pate.active svg, .select-toggle.collapse-headers.active-menu svg{ transform: rotate(180deg);}
.Collapsible__Inner .Linklist__Item label, .dropdown-menu button, .dropdown-menu a {    width: 100%; font-family:"proxima-nova"; display:block; background:transparent; border:none; padding:0; font-size: 12px; font-weight: 400;line-height: 24px; letter-spacing: 0.20000000298023224px;text-align: center;}
.collection-sidebar-w {
    margin-bottom: 50px;
}

.collection-sidebar {
    display: flex; justify-content:space-between; flex-wrap:wrap;
}
.Collapsible__Inner .Linklist__Item { text-align: center;}

.Collapsible__Inner .Linklist__Item input { display: none;}
.select-dropdown {position: relative; z-index:3;  max-width: 163px; width:100%}
.h-collection-row .slick-arrow:before{display:none;}
.h-collection-row .slick-prev {
    left: -15px;
}
.h-collection-row .slick-next {
    right: -15px;
}
.h-collection-row .slide-collection .slick-prev {
    left: 15px;
    z-index: 2;
}
.h-collection-row .slide-collection .slick-arrow{top:50%;      transform: translateY(-50%) translateZ(0) !important; will-change: transform;
  backface-visibility: hidden;
}
.h-collection-row .slide-collection .slick-next {
    right: 15px;
    z-index: 2;
}
.h-collection-row .slide-collection{margin: 0}
.h-collection-row .slide-collection .item {
    padding: 0;
}
 .slide-collection .slick-prev {
    left: 0;
    z-index: 2;
}
 .slide-collection .slick-arrow{top:50%; transform: translateY(-50%) translateZ(0) !important; will-change: transform;
  backface-visibility: hidden;}
 .slide-collection .slick-next {
    right: 15px;
    z-index: 2;
}
 .slide-collection{margin: 0}
 .slide-collection .item {
    padding: 0;
}
.slide-collection .slick-arrow:before{display: none}
/* Mission page css*/
.mission_wrap{padding-top: 51px;}
.mission-head{max-width: 1240px;}
.mission-head h1{color: #424242; margin-bottom: 40px;}
.mission-head h5{font-size: 24px; color: #000; margin-bottom: 30px;}
.mission-head p{font-size: 20px; color: #000;}
.mission_content{margin-top: 50px;}
.mission_content p{font-size: 20px; color: #000; line-height: 1.25;}
.mission_content h5{max-width: 1030px; font-size: 24px; font-weight: 400; color: #444; font-family: "Lato", sans-serif; text-align: center; margin: 100px auto 59px;}
.mission_content .btn{max-width: 292px; width: 100%;}
.mission_slide{margin: 26px -10px 0;}
.mission_slide .item{padding: 0 10px;}
.mission_slide .item img{width: 100%; display: block;}
.mission_slide .slick-arrow{z-index: 2;    color: #22222299 ;  }
.mission_slide .slick-arrow::before{display: none;}
.mission_slide .slick-prev{left: 40px;}
.mission_slide .slick-next{right: 40px;}

.mission_feat {
    display: flex;
    flex-wrap: wrap;
}

.mission_feat_content {
    width: 52.6%;
    padding: 50px;
    display: flex;
    align-items: center;
}

.mission_feat_img {
    width: 47.4%;
}

.mission_feat_img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.mission_wraps .mission_feat:nth-child(even) {flex-direction: row-reverse;}
.mission_wraps .mission_feat:nth-child(even) .mission_feat_content   {
    width: 47.4%;
}
.mission_wraps .mission_feat:nth-child(even) .mission_feat_img  {
   width: 52.6%;
}
.mission_feat_content h2 {
    color: #424242;
    font-family: "Lato", sans-serif;
    font-weight: 400;
    margin-bottom: 30px;
}

.mission_feat_content h3 {
    font-family: "Lato", sans-serif;
    font-weight: 400;
    margin-bottom: 30px;
    font-size: 24px;
    color: #444;
}

.mission_feat_content p {
    font-size: 20px;
    color: #444;
    font-family: "Lato", sans-serif;
}
.mission_feat_content h6 {
    font-size: 20px;
    color: #444; text-align:center;
    font-family: "Lato", sans-serif; margin-bottom: 24px;
}

/*charity page css*/
.charity_wrap{padding-top: 51px;}
.charity_head{display: flex;  justify-content: space-between; align-items: center; margin-bottom: 40px;}
.charity_head h1{font-size: 40px; color: #424242; margin: 0; display: flex; align-items: center; gap: 20px; }
.charity_head h1 img{display: block;}
.charity_wrap h5{font-size: 30px; color: #000; margin-bottom: 30px;}
.charity_wrap p{font-size: 20px; color: #000;}
.charity_slide{margin: 60px -10px;}
.charity_slide .item{padding: 0 10px;}
.charity_slide .item img{width: 100%; display: block;}
.charity-bottom{padding-top: 100px;}
.charity-bottom h5{max-width: 814px; margin: 0 auto 50px; font-size: 24px; color:#000;}

/* About page css*/
.about_wrap{padding-top: 50px;}
.about_wrap h1{font-size: 40px; color: #424242; margin: 0; display: flex; align-items: center; gap: 20px; margin-bottom: 45px; }
.about_wrap h1 img{display: block;}
.about_wrap h5{font-size: 24px; color: #000; margin-bottom: 30px;}
.about_wrap p{font-size: 18px; line-height: 22.73px; color: #000;}
.about_wrap .d-flex{display: flex;justify-content: flex-end; align-items: center; gap:20px; margin-top: 50px;}
.about_wrap .d-flex p{margin-bottom: 0;}

.about_team{margin: 85px auto; background: #B3D0D880;}
.about_team_row{display: flex; flex-wrap: wrap; justify-content: space-between;}
.about_team_img { width: 28%;}
.about_team_img img{width: 100%; height: 100%; display: block; object-fit: cover;}
.about_team_content {width: 72%;padding: 42px 50px; display: flex; flex-direction: column; align-self: center;}
.about_team_content p{font-size: 24px; color: #444; font-family: "Lato", sans-serif;font-weight:500}
.ab-text p{font-size: 24px; color: #444; font-family: "Lato", sans-serif; font-weight:500}
.ab-text p:last-child{margin-bottom:0;}
.reverse{flex-direction: row-reverse !important;}
.about-bottom p{font-size: 24px; text-align: center; max-width:818px; margin-left:auto; margin-right:auto; margin-bottom:40px; color: #444; font-family: "Lato", sans-serif;font-weight:500;line-height:inherit}
.about-bottom h5{font-size: 24px; color: #000; text-align: center; margin: 80px auto 40px; max-width: 620px; width: 100%;}
.about-bottom .btn{max-width: 292px;     color: #444; margin: 0 auto; width: 100%; min-width:inherit; display: block;}

.container.ab-text {
    padding: 100px 15px 15px;
}
.ab-text h2{font-size: 32px; color: #444; font-family: "Lato", sans-serif; font-weight:400; margin-bottom:25px;}
.about_wraps {display: flex;justify-content: space-between;}

.about_imgs {width: 40%;}
.about_contents { width: 60%;padding: 50px;}
.about_imgs img { width: 100%; height: 100%;object-fit: cover;}
.about_contents h4{font-size:32px; color:#444; font-family: "Lato", sans-serif; margin-bottom:24px;}
.about_contents p{font-size:24px; color:#444; font-family: "Lato", sans-serif; margin-bottom:24px;}
.about_contents .btn {
    max-width: 253px;
    width: 100%;
}



/* faq page css*/
.faq_wrap{padding-top: 51px; padding-bottom: 140px;}
.faq_head {display: flex;  justify-content: space-between; align-items: center; margin-bottom: 40px;}
.faq_head h1{font-size: 40px; color: #424242; margin: 0; display: flex; align-items: center; gap: 20px; }
.faq_head h1 img{display: block;}
.faq_tab p{font-size: 24px; font-weight: 500;}
.tab-menu{display: flex; flex-wrap: wrap; gap: 15px; list-style: none; padding: 0; margin: 0;}
.tab-menu li a{border: 1px solid #27303280; display: block; border-radius: 20px; padding: 6px 20px; font-size: 18px; color: #273032; text-decoration: none;}
.tab-menu li a.active{color: #FFFBF2;  background: #27303280;} 
.tab-main-box{padding-top: 76px;}
.tab-box{display: none;}
.faq-box{max-width: 818px; margin: 0 auto; border: 1px solid #273032CC; border-radius: 30px; padding: 36px 45px;}
.faq-box h3{font-size: 30px; font-weight: 500; line-height: 37px; color: #000; margin-bottom: 26px;}
.faq-box .accordion{list-style: none; margin: 0; padding: 0;}
.faq-box .accordion>li>a{padding: 24px 0; padding-right: 54px; display: block; position: relative; color: #273032; font-size: 24px; text-decoration: none;}
.faq-box .accordion>li>a::before{ content: ""; width: 16px; height: 2px; background-color: #273032;position: absolute;top: 50%;transform: rotate(90deg);right: 20px;}
.faq-box .accordion>li>a::after{ content: ""; width: 16px; height: 2px;background-color: #273032;position: absolute;transform: rotate(0deg);top: 50%;right: 20px;}
.faq-box .accordion>li.active>a::before{opacity: 0;}
.faq-box .accordion>li{border-bottom: 2px solid #27303299;}
.faq-box .accordion>li:last-child{border: none;}
.faq-box .accordion>li div{ padding: 0 35px 48px;}
.faq-box .accordion>li p{font-size: 22px; line-height: 1.25; font-family:"proxima-nova"; font-weight: 400;}
.faq-box .accordion>li p:last-child{margin-bottom: 0;}

.faq-bottom p{font-size: 20px; margin-bottom: 28px;}
.mobile-select-value{display: none;}


/* contact page css*/
.contact_wrap{padding-top: 51px;}
.contact-head h1{color: #424242; margin-bottom: 40px;}
.contact-head p{font-size: 24px; color: #000;}
.contact_row{margin: 70px -11px; display: flex;  flex-wrap: wrap; row-gap: 20px;}
.contact_row .item{width: 33.33%; padding: 0 11px;}
.single_contact{border: 1px solid rgba(39, 48, 50,80%); display:block; text-decoration:none; transition:0.5s ease all; height: 100%; border-radius: 30px; padding: 64px 60px; text-align: center;}
.single_contact h5{font-size: 24px; color: #000; margin-bottom: 23px;}
.single_contact h5 a{text-decoration: none; color: #000;}
.single_contact h5:last-child{margin-bottom: 0;}
.single_contact:hover{border-color:#FECAAC}
.contact_form_wrap{padding-top: 30px; padding-bottom: 158px;}
.contact-form{display: flex; flex-wrap: wrap; justify-content: space-between;}
.contact_left_part{width: 39%;}
.contact_left_part h5{font-size: 24px; color: #000; margin-bottom: 40px;}
.contact-form .form-group{display: flex; align-items: center; margin-bottom: 15px;}
.contact-form .form-group label{min-width: 80px; font-size: 18px; font-weight: 500; color: #000;}
.contact-form .form-group .form-control{width: 100%;  font-family: 'Futura'; border: 1px solid rgba(39, 48, 50,80%); border-radius: 20px; height: 25px; background: #FAFFFF; padding: 0 10px; font-size: 12px;}
.contact_right_part {width: 49%;}
.form-group .form-control:focus{outline: none;}
.contact-form .form-group.message{flex-wrap: wrap; margin-bottom: 24px;}
.contact-form .form-group.message label{margin-bottom: 10px;}
.contact-form .form-group.message textarea{height: 185px; padding: 15px 10px;}
.contact-form .btn{max-width: 234px; display: block; width: 100%; margin-left: auto;}


/* Blog page css*/
.blog_wrapper{padding-top: 51px;}
.blog_wrap{border: 1px solid #27303280;  border-radius: 30px;  padding: 44px; margin-bottom: 73px;}
.blog_wrap.bg-dark{background: #B3D0D8; border: none;}
.blog_wrap h3{font-size: 27px;font-weight: 500; color: #000; margin-bottom: 18px;}
.blog_row{/*display: flex; flex-wrap: wrap;*/ margin: 0 -10px;}
.single-blog{width: 33.33%; padding: 0 10px;}
.single-blog h4{font-size: 22px; line-height: 1.27; margin-bottom: 10px;}
.single-blog h4 a{text-decoration: none; color: #000;}
.blogimg{display: block; padding-top: 63%;background-size: cover; margin-bottom: 10px; }
.single-blog p{font-size: 16px; color: #000000; margin: 0;}
.blog_row .slick-arrow::before{display:none;}

/* article page css*/

.article_wrap{padding-top: 51px; padding-bottom: 130px;}
.article_head {display: flex;  justify-content: space-between; align-items: center; margin-bottom: 40px;}
.article_head h1{font-size: 40px; color: #424242; margin: 0; display: flex; align-items: center; gap: 20px; }
.article_head h1 img{display: block;}
.article_content{max-width: 843px; margin: 0 auto;}
.article_content h3{font-size: 30px; font-weight: 500; color: #000; margin-bottom: 25px;}
.article_content p{font-size: 24px; line-height: 1.25; color: #000; font-weight: 500;}
.article_content img{width: 100%; height: auto; display: block; margin: 45px auto;}


/* privacy page css*/

.page_wrap{padding-top: 51px;}
.page-head{display: flex; align-items: center; justify-content: space-between ; margin-bottom: 27px;}
.page_content{max-width: 1030px; margin: 0 auto;}
.page_content h1{font-size: 40px; color: #424242; margin-bottom: 55px;}
.page_content h4{font-size: 20px; margin-bottom: 0; font-weight: 500;}
.page_content p{ font-size: 18px; font-family:"proxima-nova";}

.slick-arrow.slick-disabled{opacity: 0;}

.wishlist-wrap {padding-top: 51px;}
.wishlist-wrap h1{font-size: 40px; color: #424242; margin-bottom: 30px;}
.flex-wish{display: flex; align-items: center; justify-content: space-between ; margin-bottom: 27px;}
.flex-wish h4{font-size: 24px; font-family:"proxima-nova"; color:#424242}
.list-wishlist.collection_row .shopify-section {width: 33.33%;}
.list-wishlist.collection_row .single-collection { width: 100%;}
.empty-fav{text-align:center; margin: 40px auto;}
.empty-fav p{font-size:24px;}


.single-collection-img .img{position: relative }
.single-collection-img .img>*:not(:only-child):last-child{  opacity: 0; -webkit-transition: 0.5s ease all; -o-transition: 0.5s ease all; transition: 0.5s ease all;}
.single-collection-img .img img{display: block; -webkit-transition: 0.5s ease all; -o-transition: 0.5s ease all; transition: 0.5s ease all;}
.single-collection-img:hover .img>*:not(:only-child):last-child{opacity: 1; z-index: 2;}
.single-collection-img:hover .img >*:not(:only-child):first-child{opacity: 0;} 
.col-head {
    display: flex;
    justify-content: space-between;
    margin-bottom: 32px;
}
.col-head h4{color:#424242; font-size:24px; margin:0;font-family: "proxima-nova";}
.range-item h5 {
    font-size: 12px;
    margin-bottom: 0;
    color: #000;
    font-weight: 500;
}


.login-box {
    max-width: 638px;
    margin: 100px auto;
    border: 1px solid #273032CC;
    border-radius: 30px;
}
.login-box-inner {
    max-width: 399px;
    margin: 0 auto;
    padding: 70px 0;
}
.login-box-inner h1 {
    font-size: 30px;
    font-weight: 500;
    margin-bottom: 40px;
}
.login-box-inner .form-group {
    display: flex;
    justify-content: flex-end;
    gap: 17px;
    margin-bottom: 26px;
    align-items: center;
}

.login-box-inner .form-group label {
    font-family: Futura;
    font-size: 18px;
    font-weight: 500;
    line-height: 22.73px;
    text-align: left;
    min-width: 83px;
    text-align: right;
    white-space: nowrap;
}
.login-box-inner .form-group p {
    font-size: 16px;
    margin: 0;
}

.login-box-inner .form-group p a, .login-box-inner p a {
    text-decoration: none;
    color: #FFB388;
}

.login-box-inner input.btn.btn-primary {
    margin-left: auto;
    display: block;
}
.login-box-inner .input-full {
    width: 100%;
    height: 40px;
    border-radius: 30px;
    border: 1px solid #273032;
    background: #FAFFFF;
    padding: 5px 15px;
    font-size: 16px;
}

/* acc page css*/
.c-account_wrap{padding:50px 0;}
.account-row{display:flex; flex-wrap:wrap; justify-content:space-between}

.left-part-acc .acc-w {display: flex;align-items: center; gap: 15px;}
.left-part-acc .acc-w .author-img {width: 57px; height: 57px;display: flex; align-items: center;background: #d9d9d9;border-radius: 50%; padding: 11px;}
.left-part-acc .acc-w .author-img img { width: 100%; display: block;}
.author-deat h4 { font-family: 'Futura';font-size: 18px; font-weight: 500; line-height: 22.73px; text-align: left; margin-bottom:10px;}
.author-deat a{color:#273032; text-decoration:none; font-family: "proxima-nova"; }
.left-part-acc {  width: 30%;}
.right-part-acc {width: 68%;}
.acc-top h5{font-family: 'Futura';font-size: 24px; margin-bottom:45px; font-weight: 500;line-height: 30.31px;text-align: left;}
.acc-top p{font-size: 18px;font-weight: 500;}

.acc-list ul {
    list-style: none;
    padding: 0;
    margin: 0;
}
.acc-list ul li {margin-bottom: 40px;}
.acc-list ul li  a{
    display: flex;
    align-items: center;
    gap: 20px;
font-size: 18px; cursor:pointer;
font-weight: 500;
line-height: 22.73px; text-decoration:none; color: #273032;


    
}

.acc-list {
    margin-top: 50px;
}

.acc-list ul li a:hover {
    color: #FFB388;
}
.right-part-acc h2 {
    font-size: 30px;
    margin: 15px 0;
}
.right-part-acc .field, .right-part-acc form>div {
    margin-bottom: 15px;
}

.right-part-acc .field label {
    display: none;
}


.right-part-acc .field input[type="text"], .right-part-acc .select select, .right-part-acc .field input[type="tel"] {
    width: 100%;
    height: 40px;
    border: 1px solid #000;
    padding: 0 14px;
    border-radius: 20px;
}
.right-part-acc .btn{margin:5px 0;}
.right-part-acc ul {
    list-style: none;
    padding: 0;
}
.right-part-acc table {
    width: 100%;
    border-collapse: collapse;
}

.right-part-acc table td, .right-part-acc table th {
    border-bottom: 1px solid #000;
    padding: 10px 5px;     text-align: left;
}
.right-part-acc table tr td:last-child, .right-part-acc table tr th:last-child {
    text-align: right;
}
caption.visually-hidden {
    display: none;
}
.right-part-acc td a, .right-part-acc  a {
    color: #273032;
}

.login_text {
    max-width: 638px;
    margin: 0 auto;
}

.login_text ul {
    padding-left: 17px;
}
.login_text .btn{margin-top:42px;}

/* charity new page css*/
.charity_wrap {
    padding-top: 0;
}
.charity_feat_img img {
    width: 100%;
    display: block;
}
.charity_feat {
    display: flex;
    flex-wrap: wrap;
}

.charity_feat_img {
    width: 59%;
}

.charity_feat_content {
    width: 41%;
}
.charity_feat_content {
    width: 41%;
    padding: 50px;
    display: flex;
    align-items: center;
}
.charity_feat_img img {
    width: 100%; height:100%; object-fit:cover;
    display: block;
}

.charity_feat_content h2 {
    font-size: 40px;
    color: #444;
    font-family: "Lato", sans-serif;
    margin-bottom: 20px;
}

.charity_feat_content h4 {
    font-size: 30px;
    color: #444;
    font-family: "Lato", sans-serif;
    margin-bottom: 20px;
}
.charity_feat_content  h6 {
    color: #444;
    font-size: 24px; margin-bottom:20px;
    font-family: "Lato", sans-serif; font-weight:400;
}
.charity_feat_content p {
    color: #444;
    font-size: 20px;
    font-family: "Lato", sans-serif;
}
.charity_wrap .charity_feat:nth-child(even) {
    flex-direction: row-reverse;
}

.charity_wrap .charity_feat:nth-child(even) .charity_feat_img {
    width: 41%;
}

.charity_wrap .charity_feat:nth-child(even) .charity_feat_content {
    width: 59%;
}
.charity_feat_content a.btn {
    max-width: 502px;
    width: 100%;
}

.charity_newsletter {
    padding-top: 105px;
}

.charity_newsletter_inner {
    max-width: 814px;
    margin: 0 auto;
    text-align: center;
}

.charity_newsletter_inner h4 {
    font-size: 24px;
    font-weight: 500;
    color: #444;
    font-family: "Lato", sans-serif;
    margin-bottom: 23px;
}
.charity_newsletter_inner .input-group {
    max-width: 569px;
    margin: 0 auto 40px;
    display: flex; align-items:center;
    justify-content: space-between;
    width: 100%;
    gap: 22px; 
}
.charity_newsletter_inner .btn.btn-primary {
    font-family: "Lato", sans-serif;
    font-size: 12px;
    min-width: 110px;
    padding: 5px;
}
.charity_newsletter_inner label {
    font-size: 18px; font-family: "Lato", sans-serif;
    color: #444;
    white-space: nowrap;
}
.charity_newsletter_inner p {
    font-size: 18px;
    font-weight: 500;
   font-family: "Lato", sans-serif;
}
.charity_newsletter_inner .form-control {
    width: 100%;
    height: 20px;
    border-radius: 20px;
    border: 1px solid #444444;
}

@media (max-width: 1280px){

.single_contact{padding: 64px 38px;}
.click-col span.abs{right: 5%;}
.about_team_img {
    width: 40%;
}
  .about_team_content{width:60%}
.banner-head{top:60px;}
  .banner-head h2 {
    color: #444;
    font-size: 30px;
    margin-bottom: 25px;
}
  .banner-head p {
    color: #444;
    font-size: 20px;
}
}



@media (max-width: 992px){
  body.open-menu{overflow: hidden;}
  .menu-btn{display: block;}
  .tab-show{display: block !important;}
  .header_item.header-fill.icon-left{display: none;}
  .menu {display: none; position: absolute; top: 100%; background: #FFFBF2; right: -100%; transition: 0.5s ease all;  width: 100%; padding: 24px 40px;         height: 71vh; overflow: hidden;  overflow-y: auto; padding-bottom: 50px;} 
  .menu.open{right: 0;display: block;}
  .scroll-to-fixed-fixed nav.menu {
    height: 100vh;
}
  .menu>ul{display: block;}
  .nav_element { font-size: 14px; line-height: 18px; border-bottom: 1px solid #27303280;}
 .nav_element>a {color: #27303280;padding: 20px 12px;}
 .menu>ul .nav_element:last-child {border: none;}
 .nav_element:hover>a{color: #27303280;}
 .m-icon>a{position: relative; display: block; width: 100%; padding-right: 40px;}
 .m-icon>a::before{ content: ""; width: 14px; height: 2px; background-color: #27303280;position: absolute;top: 50%;transform: rotate(90deg);right: 20px;}
 .m-icon>a::after{ content: ""; width: 14px; height: 2px;background-color: #27303280;position: absolute;transform: rotate(0deg);top: 50%;right: 20px;}
 .m-icon>a.open::before{opacity: 0;}

 .megamenu, .nav_element .submenu {position: relative; display: none; transition: none; width: 100%  !important; opacity: 1;pointer-events: inherit;top: auto;}

.megamenu-inner {background: transparent;flex-direction: column;padding: 12px 34px 20px;gap: 13px;}
.megamenu-inner .Linklist>li, .nav_element .submenu li, .megamenu-inner .Linklist>li ul li  { font-size: 14px;line-height: 18px;}
.megamenu-inner .Linklist>li>a, .nav_element .submenu li a, .megamenu-inner .Linklist>li ul li a {color: #27303280;}
.megamenu-inner .Linklist>li ul {display: none;}
.nav_element .submenu{width: 100%; display: none; background: transparent; padding: 12px 34px 26px;}
.nav_element .submenu li {margin-bottom: 22px;}

.menu  ul.social-icon { display: flex; justify-content: space-between; padding: 0 12px; list-style: none;}

.menu ul.social-icon li { opacity: 50%;}

.header-nav{padding: 12px 0;}
.header_item.head-icon{gap: 20px;}
.header_wrap .logo{max-width: 165px;}


    .banner-head {
        top: 25px;
    }
  .hero-banner>img {
    min-height: 338px;
    object-fit: cover;
}

/* .h-collection-row .item{width: 50%;} */

.maitea-row{flex-wrap: wrap;}
.maitea-img{width: 100%;}
.maitea-content{width: 100%; padding: 35px 15px;}
.tab-hide{display: none !important  ;}
.maitea-wrap {background: #B3D0D880;}
.maitea-wrap .container{padding: 0;}
.maitea-img img{border-radius: 0;}
.maitea-content .btn{margin-top: 30px;}
  .single_contact{padding: 64px 20px;}
  .click-col span.abs{right: 0;}
  .click-col .btn{width: 77%;}
  .h-charity{flex-wrap: wrap;}  
  .h-charity-img{width: 100%;}
  .h-charity-img img{border-radius: 0;}
  .h-charity-content{width: 100%; padding: 35px 15px;}
  .h-charity-wrap .container{padding: 0;}
.h-charity-wrap{background: #B3D0D880;}
.nature-wrap .container{padding: 0;}
.nature-row{flex-wrap: wrap;}
.nature-img{width: 100%;}
.nature-content{padding: 35px 15px; width: 100%; text-align: left;}
.footer_wrap{border-top:none;}
.footer_row{flex-wrap: wrap; padding-top:35px; }
.footer_row .tab-show{width: 100%; margin-top: 45px; text-align: center; order: 3;}
.list{justify-content: center;}
.pay-icons{justify-content: center; margin-top: 20px;}
.footer_row{padding-bottom: 20px; flex-direction: column;}
.social-link {justify-content: flex-end; width: 100%;}
.footer_newsletter{width: 100%; order: 1; margin-bottom: 30px;}
.footer_botom_row {display: block;}
.footer_links_wrap{width: 100%; order: 2;}

.blog_row{justify-content: center; row-gap: 40px;}
.single-blog{width: 50%; }
.blog_row .single-blog:last-child{width: 100%;}
.product-img {
  width: 60%;
}
.product-info {
  width: 36%;
}

  .left-part-acc{width:100%;}
  .right-part-acc{width:100%}
  .footer_newsletter::after {
    content: "";
    width: calc(100% + 30px);
    margin: 44px 0 20px;
    height: 1px;
    background: #000;
    display: block;
    margin-left: -15px;
}
  }

.switches-container {
  width: 44px;
  position: relative;
  display: flex;
  padding: 0;
  position: relative;
  background: #B2B2B2;
  border-radius: 50px;;
  margin-left: auto;
  margin-right: auto;
  height: 22px;
    padding: 2px;
}

/* input (radio) for toggling. hidden - use labels for clicking on */
.switches-container input {
  visibility: hidden;
  position: absolute;
  top: 0;
}

/* labels for the input (radio) boxes - something to click on */
.switches-container label {
  width: 50%;
  padding: 0;
  margin: 0;
  text-align: center;
  cursor: pointer;
 color: #27303280; font-size:10px;
      line-height: 20px;

}

/* switch highlighters wrapper (sliding left / right) 
    - need wrapper to enable the even margins around the highlight box
*/
.switch-wrapper {
  position: absolute;
  top: 0;
  bottom: 0;
  width: 50%;
 font-size:10px;
  z-index: 3;
  transition: transform 0.5s cubic-bezier(0.77, 0, 0.175, 1);
  /* transition: transform 1s; */
}

/* switch box highlighter */
.switch {
    border-radius: 50%;
    background: #fff;
    height: 100%;
    width: 20px;
    height: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    line-height: 24px;
  top: 1px;
    position: relative;
}

/* switch box labels
    - default setup
    - toggle afterwards based on radio:checked status 
*/
.switch div {
  width: 100%;
  text-align: center;
  opacity: 0;
  display: block;
  color: #273032; font-size:10px;
  transition: opacity 0.2s cubic-bezier(0.77, 0, 0.175, 1) 0.125s;
  will-change: opacity;
  position: absolute;
  top: 0;
  left: 0;
}

/* slide the switch box from right to left */
.switches-container input:nth-of-type(1):checked ~ .switch-wrapper {
  transform: translateX(0%);
}

/* slide the switch box from left to right */
.switches-container input:nth-of-type(2):checked ~ .switch-wrapper {
  transform: translateX(100%);
}

/* toggle the switch box labels - first checkbox:checked - show first switch div */
.switches-container
  input:nth-of-type(1):checked
  ~ .switch-wrapper
  .switch
  div:nth-of-type(1) {
  opacity: 1;
}

/* toggle the switch box labels - second checkbox:checked - show second switch div */
.switches-container
  input:nth-of-type(2):checked
  ~ .switch-wrapper
  .switch
  div:nth-of-type(2) {
  opacity: 1;
}

html[lang="de"] .progress-bar .bar .text { right:auto; left: 50%;}
  @media (max-width: 767px){
    body{background: #fff;}

    .progress-bar-row p{display: none;}
    .progress-bar-top p{margin-bottom: 10px; font-size: 12px;}
    .progress-bar-top{padding-bottom: 42px;}
    .progress-bar .bar .text{font-size: 12px; bottom: -26px; }
   
    .banner-text{display: none;}
    .banner-content .container{justify-content: flex-end; padding: 17px 15px;}
    .banner-content .btn { min-width: 113px;  font-size: 14px; }

    .benefit-row{justify-content: center; row-gap: 20px;}
    .benefit-row .item{width: 50%;}
    .single-benefit p{font-size: 16px;}

    .maitea-content h2{font-size: 30px; line-height: 33.56px; margin-bottom: 20px;}
    .maitea-content p{font-size: 18px; margin-bottom:12px;}

    .click-col .btn{max-width: 254px; width: 100%; font-size: 14px; line-height: 17.68px;}
    .click-col span.abs {  right: 15%; font-size: 14px; }
    .click-col{padding: 47px 0;}
    .click-col span.abs img { max-width: 43px;}
    .h-charity-content h2, .h-collection-wrap h2{font-size: 26px; margin-bottom: 20px;}
    /* .h-charity-content h2 br{display: none;} */
    .h-charity-content p{font-size: 18px;}
    .h-charity-content .btn{margin: 20px auto 0; padding: 15px; font-size: 14px;}
    .nature-content h2{font-size: 26px; margin-bottom: 20px;}
    .nature-content p{font-size: 18px;}
    .footer_wrap{margin-top: 34px; /*80px;*/}
    .footer_links_wrap{row-gap: 40px; column-gap: 0;}
    .footer-item{width: 48%;}
    .pay-icons li { width: 14%; }
    .pay-icons li img{width: 100%;}
    .footer_newsletter .input-group{flex-wrap: wrap; gap: 0; justify-content: space-between;}
    .footer_newsletter .input-group label{margin-bottom: 10px; width: 100%;}
    .footer_newsletter .btn{min-width: 82px;}
    .footer_newsletter .form-control{width: calc(100% - 102px);}

    .btn-bottom .btn, .page-head .btn { font-size: 14px;padding: 15px;}

    .contact_wrap{padding-top: 20px;}
    .contact-head h1{font-size: 20px; display: flex; align-items: center; gap: 20px;}
    .contact-head h1 img{display: block;}
    .mobile-show{display: block !important;}
    .desk-show{display: none !important;}
    .contact-head p{font-size: 16px;}
    .contact_row{justify-content: center; row-gap: 40px; margin-top: 40px;}
    .contact_row .item{width: 50%;}
    .single_contact h5{font-size: 16px;}
    .contact_form_wrap{padding-top: 0;}
    .contact_left_part{width: 100%;}
    .contact_left_part h5 {font-size: 16px; margin-bottom: 25px;}
    .contact_left_part h5 br{display: none; }
    .contact-form .form-group label{font-size: 14px;}
    .contact_right_part{width: 100%; margin-top: 40px;}
    .contact-form .form-group.message label{font-size: 18px;}
    .contact-form .btn{max-width: 125px; min-width: auto;}

    .page_content h1{font-size: 30px; margin-bottom: 35px;}
    .page_content p{font-size: 16px;}

    .mission-head h1{font-size: 20px; display: flex; align-items: center; gap: 20px;}
    .mission-head h1 img{display: block;}
    .mission-head h5{font-size: 16px; line-height: 21.5px;}
    .mission-head p{font-size: 16px; line-height: 21.5px;}
    .mission_content p{font-size: 16px;}
    .mission_content h5{margin: 50px auto 25px; font-size: 16px; line-height: 21.25px;}
    
    .mission_content .btn {max-width: inherit;width: inherit;min-width: auto; font-size: 18px; }

    .charity_head h1, .faq_head h1{font-size: 20px;}
    .article_head h1{font-size:30px; text-align:center;}
    .charity_wrap h5{font-size: 16px; line-height: 21.25px;}
    .charity_wrap p{font-size: 14px;}
    .charity_slide{margin-top: 30px; margin-bottom: 30px;}
    .charity_slide .slick-dots {
      position: absolute;
      bottom: 11px;
  }
  .charity-bottom{padding-top: 50px;}
  .charity-bottom h5{font-size: 16px; margin-bottom: 25px; line-height: 21.25px;}
  .single-blog{width: 100%; }
  .single-blog h4{font-size: 18px;}
  .blog_wrap h3{font-size: 22px;}
  .blog_wrap{padding: 30px; margin-bottom: 40px;}
  
  .article_content h3{font-size: 20px;}
  .article_content p{font-size: 16px;}
  .article_content img{margin: 25px auto;}
  .article_wrap{padding-bottom: 50px;}
  .faq_tab p{font-size: 16px;}

  .faq-box{padding: 24px;}
  .faq-box h3{font-size: 18px; line-height: 23px; margin-bottom: 10px;}
  .faq-box .accordion>li>a{font-size: 16px;}
  .faq-box .accordion>li div{padding: 0 24px 24px;}
  .faq-box .accordion>li p{font-size: 16px;}
  .faq-box .accordion>li>a{padding-right: 26px;}
  .faq-box .accordion>li>a::before, .faq-box .accordion>li>a::after{right: 0;}

  .mobile-select-value { padding: 7px 20px;background: #B3D0D8; border-radius: 20px; font-size: 18px;font-weight: 500; display: block; text-align: center;}

.dropdown-mobile { max-width: 229px; position: relative;}

.tab-menu {  background: #6E8186; border-radius: 22px;padding: 16px; justify-content: center; position: absolute; z-index: 2; display: none;}
.tab-menu li a, ul.tab-menu li { width: 100%;  display: block;  text-align: center;}
.tab-menu li a { background: #B3D0D8;}
.tab-menu li a.active { color: #fff; background: #B3D0D8;}
.tab-menu.open{display: flex;}
.tab-main-box{padding-top: 50px;}
.faq_wrap{padding-bottom: 50px;}

.product-img{width: 100%;}
.product-info {
  width: 100%; margin-top: 0;
}
.product-info .icon-list li{font-size: 16px;}
.product-info .small-des p{font-size: 16px;}
.m-flex {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.product-info h1{font-size: 24px;}
.product-info .price{font-size: 16px;}

.about_wrap h1, .wishlist-wrap h1{font-size: 20px; margin-bottom: 25px;}
.about_wrap h5{font-size: 16px;}
.about_wrap p{font-size: 16px; line-height: 20px;}
.about_wrap .d-flex{flex-wrap: wrap; justify-content: flex-start;}
.about_team{margin: 40px auto;}
.about_team .container{padding: 0;}
.about_team_img{width: 100%;}
.about_team_content{width: 100%; padding: 20px 15px;}
.about_team_content p, .ab-text p{font-size: 16px; line-height: 1.54;}
.about-bottom p{font-size: 16px;}
.about-bottom h5 {
  font-size: 16px;
  margin: 40px auto;
}
.list-wishlist.collection_row .shopify-section {width: 50%;}

    .empty-fav p, .flex-wish h4{font-size:18px;}
    .col-head h4{color:#424242; font-size:18px; margin:0;font-family: "proxima-nova";}
    .filter-wrap {
    width: 100%;
}
    .collection_row .single-collection{width:50%;}
.login-box{margin:50px auto;}
        .filter-wrap {
        width: 100%;
        background: #fff;
        position: fixed;
        z-index: 99;
        height: 100vh;
        max-width: 300px;
        width: 100%;
        padding: 25px;
        top: 0;
        right: -100%; transition: 0.5s ease-in-out; overflow-y: auto;
    }
    .filter-wrap.active{right: 0}
    body.no-scrool {
    overflow: hidden;
}
    .no-scrool span.PageOverlay {
    opacity: 1;
    visibility: visible;
}
    .filter-flex {
    display: flex;
    gap: 15px;
    flex-wrap: wrap;
}
    li.HorizontalList__Item, .Collapsible__Content ul {
    text-align: left;
}
li.HorizontalList__Item, .Collapsible__Content ul li {
    text-align: left !important;
}

li.HorizontalList__Item label, .Collapsible__Content li {
    
}

li.HorizontalList__Item label:before, .Collapsible__Content li label:before {
    content: "";
    content: "";
    width: 16px;
    height: 16px;
    border: 1px solid #D9D8D6;
    border-radius: 4px;
    position: absolute;
    left: 6px;
    top: 5px;
}
li.HorizontalList__Item label:after, .Collapsible__Content li label:after {
    content: "";
    width: 12px;
    opacity: 0;
    transition: .5s ease all;
    height: 12px;
    background: #000;
    border-radius: 4px;
    position: absolute;
    left: 8px;
    top: 7px;
}
li.HorizontalList__Item input:checked+label:after, .Collapsible__Content li  input:checked+label:after {
    opacity: 1;
}
    .Collapsible__Content {
    padding: 0 12px;
}

    form#collection-filters-sidebar-form{gap:9px;}
    form#collection-filters-sidebar-form .Collapsible {
        width: 100%;
    }
   .range-item .range-input, .range-item ul{display:none !important;}
    .charity_feat_img{width:100%}
    .charity_wrap .charity_feat:nth-child(even) .charity_feat_content, .charity_wrap .charity_feat:nth-child(even) .charity_feat_img{width:100%}
    .charity_feat_content{width:100%; padding:30px 20px}
    .charity_feat_content h4{font-size:20px;}
    .charity_feat_content h6{font-size:16px;}
    .charity_feat_content h2{font-size:30px;}
    .about_wraps{flex-wrap:wrap;}
    .about_contents{width:100%; padding:30px 15px;}
    .about_imgs{width:100%}
    .about_contents h4, .ab-text h2{font-size:20px;}
    .about_contents p{font-size:16px;}
    .container.ab-text {
    padding: 50px 15px 15px;
}
}
.Collapsible.Collapsible--padded.Collapsible--autoExpand.active {
    z-index: 4;
}

.wishbutton svg {
    display: none;
}
a.wish.wishbutton.active img{display:none}
a.wish.wishbutton.active svg {
    display: block; width:27px;
}
nav.breadcrumb {
    margin-bottom: 15px;
}
@media (max-width: 640px){
  .benefit-row .item{width: 100%;}
  /* .h-collection-row .item{width: 100%;} */
  .single-collection-info h5{font-size: 16px;}
  .single-collection-info p{font-size: 14px;}
  #ProductGridContainer .single-collection-info h5{font-size: 12px;}
  #ProductGridContainer .swatch-element.color label {
    width: 20px;
    height: 20px;
    display: block;
     
    border-radius: 50%;
}
  #ProductGridContainer .single-collection-info .d-flex {
   
}
#ProductGridContainer .single-collection-info p{font-size:10px;}
   #ProductGridContainer  .single-collection.grid_0 .single-collection-info h5{font-size:16px;}
  #ProductGridContainer  .single-collection.grid_0 .single-collection-info p{font-size:14px;}
  
   #ProductGridContainer   .single-collection.grid_0 .swatch-element.color label {
    width: 24px;
    height: 24px;
    display: block;
    
    border-radius: 50%;
}
  .contact_row .item{width: 100%;}
  .single_contact{max-width: 286px; margin: 0 auto; padding: 48px 20px; min-.about_wrap h1: 180px; display: flex; flex-direction: column; justify-content: space-between;}
  .click-col span.abs{right: 0;}
  .mission_slide{margin: 26px 0;}
  .mission_slide .item{padding: 0;}
  .mission_slide .slick-next{right: 15px;}
  .mission_slide .slick-prev{left: 15px;}
  .charity_head, .article_head, .faq_head {flex-wrap: wrap;}
  .charity_head h1, .article_head h1, .faq_head h1{width: 100%; margin-bottom: 12px;}
  .charity_head .btn, .article_head .btn, .faq_head .btn { margin-left: auto;}
  .charity_slide{margin: 30px -15px;}
  .charity_slide .item{padding: 0;}
  .list-wishlist.collection_row .shopify-section {width: 100%;}
.collection_row .single-collection{width:100%;}
  .login-box-inner {
    padding: 39px 15px;
}
  .login-box-inner h1{font-size:25px;}
  .login-box-inner .form-group label{font-size:14px;}
  .login-box-inner .input-full {
    height: 27px;
    padding: 2px 15px;
    font-size: 12px;
}
  .login-box-inner input.btn.btn-primary {
    margin-left: auto;
    display: block;
    margin-right: auto;
}
  /* .h-collection-row .item{padding:0} */
  .h-collection-row .slick-list, .slider-nav .slick-list, .like-slide .slick-list {padding-left:0!important}
}



/* price range */

.price-range {
 display: flex; padding:9px;
    flex-direction: column-reverse;
}

.price-range__input-group {
  display: flex;
  align-items: center;
  margin-bottom:20px;
}

.price-range__input {
    width: calc(50% - 15px);
  margin-bottom:10px;
  display: flex;
    align-items: center;
    justify-content: space-around;
}

.price-range__input input{
    position: relative;
    width: calc(100% - 23px);
    height: 36px;
    float: left;
    margin: 0 ;
    padding: 1px 5px;
    line-height: 24px;
    border: 1px solid #e3e3e3;
    clear: none;
    min-height: auto;
    min-width: auto;
    text-align: center;
}
/* Chrome, Safari, Edge, Opera */
.price-range__input input::-webkit-outer-spin-button,
.price-range__input input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox */
.price-range__input input[type=number] {
  -moz-appearance: textfield;
}

.price-range__delimiter {
float: left;
    font-size: 14px;
    line-height: 1;
    width: 30px;
    text-align: center;
    margin-bottom: 10px;
}

.price-range__range-group {
  position: relative;
  -webkit-margin-after: 30px;
          margin-block-end: 30px;
}



@media not screen and (any-hover: hover) {
  /* On non-touch device the thumb are bigger so we need to adjust the spacing */
  .price-range {
    -webkit-padding-before: 7px;
            padding-block-start: 7px;
  }
}
      
input{color:inherit;font:inherit;margin:0;}
input::-moz-focus-inner{border:0;padding:0;}
input{line-height:normal;border-radius:0;}
input::-moz-placeholder{color:inherit;}
input:-ms-input-placeholder{color:inherit;}
input::placeholder{color:inherit;}
body:not(.is-tabbing) input:focus{outline:none;}
.range{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;background:transparent;}
.range-group{height:2px;
  background:#B3D0D8; border-radius:4px;}
.range-group .range{/*pointer-events:none;*/height:2px;vertical-align:top;}
.range-group .range:last-child{position:absolute;inset-block-start:0;inset-inline-start:0;}
.price-range__range-group{position:relative;-webkit-margin-after:20px;margin-block-end:20px;}
      
      input[type=range]::-webkit-slider-thumb {
    -webkit-appearance: none;
        border: 1px solid #B3D0D8;
    background: #B3D0D8;
    font-weight: 400;
    color: #eb5d0b;
    border-radius: 50%;
    width: 20px;
    height: 20px;
    top: -9px;
}
     
 
      
      /*
 * RANGE ELEMENT
 * Styling range are pretty complex as each browsers has their own way to do it
 */

/* First we revert the styling of range elements */

.range {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none; /* Hides the slider so that custom slider can be made */
  width: 100%; /* Specific width is required for Firefox. */
  background: transparent; /* Otherwise white in Chrome */
}

.range::-webkit-slider-thumb {
  -webkit-appearance: none;
}

/* Chrome and Safari */

.range::-webkit-slider-thumb {
  position: relative;
  height: 10px;
  width: 10px;
  border-radius: 100%;
  border: none;
  background: var(--text-color);
  cursor: pointer;
  margin-top: 0px;
  z-index: 1;
}

.range::-webkit-slider-runnable-track {
  width: 100%;
  height: 2px;
  cursor: pointer;
  background: var(--border-color);
  border-radius: 4px;
  border: none;
}

/* Firefox */

.range::-moz-range-thumb {
  height: 10px;
  width: 10px;
  border-radius: 100%;
  border: none;
  background: var(--text-color);
  cursor: pointer;
}

.range::-moz-range-progress,
.range::-moz-range-track {
  width: 100%;
  height: 2px;
  cursor: pointer;
  border-radius: 4px;
  border: none;
}

.range::-moz-range-progress {
  background-color: rgba(var(--text-color-rgb), 0.7);
}

.range::-moz-range-track {
  background-color: var(--border-color);
}

/* On non-hover devices, we make the thumb bigger */

@media not screen and (any-hover: hover) {
  .range::-webkit-slider-thumb {
    height: 18px;
    width: 18px;
    margin-top: 0px;
  }

  .range::-moz-range-thumb {
    height: 20px;
    width: 20px;
  }
}

/* Range group (when using double range, we need to rely on some clever trick) */



.range-group .range {
  pointer-events: none;
  height: 2px;
  vertical-align: top;
}

.range-group .range::-webkit-slider-runnable-track {
  background: none;
}

.range-group .range::-webkit-slider-thumb {
  pointer-events: auto;
}

.range-group .range::-moz-range-progress,
.range-group .range::-moz-range-track {
  background: none;
}

.range-group .range::-moz-range-thumb {
  pointer-events: auto;
}

.range-group .range:last-child {
  position: absolute;
  inset-block-start: 0;
  inset-inline-start: 0;
}
.active-facets {
    display: flex; width:100%;
    align-items: center; margin-top:15px;
    flex-wrap: wrap; padding: 0; font-size:14px;}
.active-facets .active-facets__button .active-facets__button-inner svg {
    max-width: 13px;
    width: 13px;
    height: auto;
}

.active-facets .active-facets__button .active-facets__button-inner i {
    font-size: 16px;
    color: #1c1c1c;
    width: auto;
    margin-left: 7px;
}


facet-remove {
    margin: 5px;
}
.active-facets .active-facets__button .active-facets__button-inner {
    display: flex;
    align-items: center;
    color: #1c1c1c;
    text-decoration: none; font-size:14px;
}

.active-facets .active-facets__button {
    text-decoration: none;
}

.active-facets .active-facets__button .active-facets__button-inner svg { max-width: 13px; margin-left:5px;}

.active-facets span.visually-hidden { display: none !important;}

.active-facets__button-remove { color: #1c1c1c; font-size:14px; text-decoration: underline; margin-left: 10px; display: flex;
    align-items: center;}
svg#icn--reset {
    margin-left: 5px;
}


/* custom range */

.range-item {
  position: relative;     max-width: 292px;
}
.range-item:not(:last-child) {
  margin-bottom: 24px;
}
.range-item .range-input {
  margin-top: 6px;
}
.range-item .range-input input {
  position: relative;
  z-index: 2;
  cursor: pointer; width:100%;
}
.range-item ul {
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-between;
  width: calc(100% + 34.4px);
  margin: 0 -22px; list-style:none; padding:0;
}
.range-item ul .list-inline-item:not(:last-child) {
  margin-right: 0;
}
.range-item ul .list-inline-item span {
  position: relative;
  min-width: 58px;
  text-align: center;
  display: block;
  font-size: 16px;
  padding-top: 4px;
  word-break: break-word;
  color: #000;
}
.range-item .range-line {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  height: 8px;
  width: 100%;
background: #B3D0D8;
  z-index: 0;
  margin: 0 ;
  border-radius: 50px;
  overflow: hidden;
}
.range-item .range-input.disable-range + ul .list-inline-item span::before {
  background-color: #b1b1b1;
}
.range-item .range-input.disable-range .range-line .active-line {
  background-color: #b1b1b1;
}
.range-item
  .range-input.disable-range
  + ul
  .list-inline-item.active
  span::before {
  background-color: #777777;
}
.range-item .range-input .dot-line {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: calc(100% - 24px);
  left: 0;
  z-index: 1;
}
.range-item .range-input .active-dot {
  display: block;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 0;
  cursor: pointer;
  background-color: #B3D0D8;
  height: 24px;
  width: 24px;
box-shadow: 0.3px 0.3px 1px 0px #00000040;
  z-index: 11;
  left: 0%;
  border-radius: 50%;
}
.range-item .range-input .range-line .active-line {
  position: absolute;
  left: 0;
  width: 0;
  height: 100%;
  background-color: #B3D0D8;
  transition: all 0.1s ease;
}
.range-item ul .list-inline-item span::before {
  content: "";
  display: none;
  position: absolute;
  top: -14px;
  left: 50%;
  transform: translateX(-50%);
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background-color: #696969;
}
.range-item ul .list-inline-item.active span::before {
  background-color: white;
}
.range-item .range-input input:disabled ~ .dot-line .active-dot {
  background-color: #d9d9d9;
  border: 4px solid #b1b1b1;
}
.range-item input[type="range"]::-moz-range-thumb {
  -webkit-appearance: none; /* Override default look */
  appearance: none;
  margin-top: -8px; /* Centers thumb on the track */
  background-color: #0000;
  height: 15px;
  width: 15px;
  border: 4px solid #0000;
  z-index: 11;
  box-shadow: none;
}
.range-item input[type="range"]::-webkit-slider-thumb {
  -webkit-appearance: none; /* Override default look */
  appearance: none;
  margin-top: -8px; /* Centers thumb on the track */
  background-color: #0000;
  height: 24px;
  width: 24px;
  border: 4px solid #0000;
  box-shadow: none;
  z-index: 11;
}

.range-item input[type="range"]::-webkit-slider-runnable-track {
  background-color: #f0f0f000;
}
.range-item input[type="range"]::-moz-range-progress {
  background-color: #f0f0f000;
}
.range-item input[type="range"]::-ms-track {
  background-color: #f0f0f000;
}
.range-item input[type="range"]::-moz-range-track {
  background-color: #f0f0f000;
}
/* IE*/
.range-item input[type="range"]::-ms-fill-lower {
  background-color: #f0f0f000;
}
.range-item input[type="range"]::-ms-fill-upper {
  background-color: #f0f0f000;
}
.range-item input[type="range"]:focus::-webkit-slider-thumb {
  box-shadow: none !important;
  background-color: #f0f0f000;
}

.range-item input[type="range"]:focus::-moz-range-thumb {
  box-shadow: none !important;
  background-color: #f0f0f000;
}

.range-item input[type="range"]:focus::-ms-thumb {
  background-color: #f0f0f000;
  box-shadow: none !important;
}
.range-item input[type="range"]:disabled::-webkit-slider-thumb {
  background-color: #0000.range-item ul;
  border: 4px solid #0000;
}
.range-item input[type="range"]:disabled::-moz-range-thumb {
  background-color: #0000;
  border: 4px solid #0000;
}

.collection_row .single-collection.grid_0 {
    width: 100%;
}
.collection_row .single-collection.grid_1 {
    width: 50%;
}
.collection_row .single-collection.grid_2 {
    width: 33.33%;
}
.collection_row .single-collection.grid_3 {
    width: 25%;
}
.collection_row .single-collection.grid_4 {
    width: 20%;
}
p#ComparePrice {
    display: inline;
    text-decoration: line-through;
}
@media (min-width: 767px){
 
}
.whensticky {
    position: fixed;
    bottom: 0px;
    z-index: 29;
    width: 100%;
    left: 0;

  transition: opacity .3s ease;
    opacity: 0;
    pointer-events: none;
      align-items: center;
 
   
    display: flex; 
    display: block;
    justify-content: space-between;
    
}
.whensticky.fixed {
    background: white;
    z-index: 999 ;  display: block;   flex-wrap: wrap;
     padding: 10px 20px 30px;
    border-radius: 20px 20px 0 0;     opacity: 1;
    pointer-events: all;
}
.whensticky .header { font-size:14px; color:#444; font-weight:500; margin-bottom:16px;
    
}

.whensticky  .swatch.Size .swatch-element label, .whensticky  .swatch.size .swatch-element label, .whensticky  .swatch.Größe .swatch-element label, .whensticky  .swatch.Größe .swatch-element label {
    border: 1px solid #6E8186;
    padding: 6px 10px;
    color: #000;
    display: block;
    border-radius: 20px;
    width: 76px;
    text-align: center;
    font-size: 13px;
    color: #444;
    font-weight: 500;
}
.whensticky .swatch{margin-bottom:26px; justify-content:flex-start}
.button_comes_here{margin-right:5px}
.button_comes_here a {
    display: block;
    border: 1px solid #6E8186;
    font-size: 16px;
    font-weight: 500;
    color: #444;
    text-decoration: none;
    max-width: 121px;     padding: 9px 2px;
    border-radius: 50px; width:100%;
    text-align: center;     font-family: 'Futura';
}
.button_comes_here {
    width: 121px;
}
.whensticky.fixed button#AddToCart {
    width: calc(100% - 129px);
}

.whensticky .swatch-element.color {
    width: 76px;
    text-align: center;
    display: flex;
    flex-direction: column;
}
/* .whensticky.show .button_comes_here{display:none} */
.whensticky .swatch-element.color label{margin:0 auto 5px;     order: 1;}
.whensticky .swatch-element.color .tooltip::before, .whensticky .swatch-element.color .tooltip:after{display:none}
.whensticky .swatch-element.color .tooltip {
    position: relative;
    color: #444;
    width: auto;
    left: auto;
    top: auto; bottom:auto;
    opacity: 1; order: 2;
    visibility: visible;
    background: transparent;
    box-shadow: none;
    font-size: 12px;
    transform: none;
    padding: 0;
    margin: 0;
}
.sticky-bottom {
    width: 100%;
    display: flex;
    justify-content: space-between;
    margin-top: 10px;
}

.sticky-bottom p {
    margin: 0;
    font-size: 11px;
    font-weight: 500;
    color: #6E8186;
}
.sticky-bottom .tag{background:#F0FDF4; padding:8px 14px; font-size:12px; font-weight:500; color:#16A249;}

.whensticky {
    /* display: none; */
}
.whensticky.fixed {
    display: block;
}
.page-widtha {
    display: flex;
}
.page-widtha.fullw {
    display: block;
}

a.filter-link {
    gap: 5px;
    background: #FAFFFF;
    border: 1px solid #6E818699;
    border-radius: 20px;
    font-family: "proxima-nova";
    font-size: 14px;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: 0.20000000298023224px;
    padding: 4px 9px 4px 22px;
    color: #27303299;
    /* display: none; */
    align-items: center;
          width: calc(50% - 5px);
        justify-content: center;
}
.filter-flex {

        flex-wrap: wrap;
    }
.Collapsible {
    width: 100%;
}
 .filter-head-m {
        display: flex;
        padding-bottom: 10px; width: 100%;
        flex-direction: row-reverse;
        justify-content: space-between;
    }
@media (max-width: 767px){
 
  .collection-sidebar{margin-bottom: 20px;}
.mobvefromhere {
    width: calc(50% - 5px);
}
  .select-dropdown {
    position: relative;
    z-index: 3;
    max-width: 100%;
    width: 100%;
}
a.filter-link {display: flex;}
  .filter-flex label.heading{display: none;}
  .Collapsible.active .Collapsible__Inner {
    opacity: 1;
    transition: 0.5s ease all;
    pointer-events: auto;
    transform: scale(1);
    position: relative;
    top: -15px;
}
  .megamenu-inner .Linklist>li ul {
   
    padding-left: 34px;
}
  nav.menu > ul > li:last-child {
    display: none;
}
.range-item {
    position: relative;
    max-width: 300px;
    display: flex;
    align-items: center;
}
  .range-item h5 {
    font-size: 14px;
    margin-bottom: 0;
    color: #000;
    font-weight: 500;
    margin-right: 7px;
}
  .range-item.flex-end {
    align-items: center;
    justify-content: flex-end;
    max-width: 141px;
    margin-bottom: 15px;
    margin-left: auto;
}
     .collection-hero h1 {
        margin-bottom: 0;
        font-size: 20px;
        display: flex;
        gap: 20px;
        align-items: center;
    }
  .collection-hero {
    padding-top: 20px;
}
  .c-head {
   
}
  .c-head {
    position: absolute;
    bottom: 24px;
    right: 17px;
   
}
  .c-head.m-show{display:block;}
  .collection-sidebar {
    position: relative;
}
  .collapse-headers, .select-toggle{min-width:170px;}
  .collection-sidebar-w {
    margin-bottom: 0;
}
  .col-head {
    display: flex;
    justify-content: space-between;
    margin-bottom: 10px;
}
      .col-head h4 {
        color: #424242;
        font-size: 14px;
        margin: 0;
        font-family: "proxima-nova";
    }
  .charity_newsletter {
    padding-top: 70px;
}
  .charity_newsletter_inner h4{font-size:20px;}
  .charity_newsletter_inner .input-group {
    flex-wrap: wrap; margin-bottom:20px; gap:12px;
}
  .charity_newsletter_inner label {
    width: 100%;
    text-align: left;
    margin-bottom: 0;
    font-size: 16px;
}
  .charity_newsletter_inner .form-control {
    width: calc(100% - 132px);
}
  .charity_newsletter_inner p{font-size:16px;}

  .insta-head h3 {
    font-size: 25px;
}
.insta-head p {
    font-size:18px;
}

.insta-footer p {
    font-size:18px;
}
  .mission_feat_content, .mission_wraps .mission_feat:nth-child(even) .mission_feat_content{padding:30px 20px; width:100%;}
  .mission_feat_img, .mission_wraps .mission_feat:nth-child(even) .mission_feat_img{width:100%;}
  .mission_feat_content h2{font-size:30px;}
  .mission_feat_content h3{font-size:20px; margin-bottom:15px;}
  .mission_feat_content p,  .mission_feat_content h6{font-size:14px;}
}
.Segment__Content a.bag.add_to_cart_button, .Segment__Content a.wish {
    display: none;
}


.product-info .header~.header {
    margin-top: 14px;
}

  .swatch.Size .swatch-element input, .swatch.size .swatch-element input, .swatch.Größe .swatch-element input {
    display: none;
}

.swatch.Size .swatch-element label, .swatch.size .swatch-element label, .swatch.Größe .swatch-element label {
    border: 1px solid #FECAAC;
    padding: 3px 10px;
    color: #000;
    display: block;
  border-radius: 20px;
}

.swatch.Size .swatch-element input:checked +label, .swatch.size .swatch-element input:checked +label,  .swatch.Größe .swatch-element input:checked +label {
    background: #FECAAC;
    color: #000;
}
.selector-wrapper {
    display: none;
}
.product-img  {
    position: relative;
   
}
.product-img a.wish.wishbutton {
    position: absolute;
    top: 20px;
    z-index: 1;
    right: 20px;
}

li.HorizontalList__Item {
    list-style: none;
      width: 100%;
    font-family: "proxima-nova";
    display: block;
    background: transparent;
    border: none;
    padding: 0;
    font-size: 12px;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: 0.20000000298023224px;
 
}
ul.ColorSwatchList.HorizontalList.HorizontalList--spacingTight {
    padding: 0;
}
li.HorizontalList__Item input {
    display: none;
}


.footer_row .tab-show ul.list {
    margin-bottom: 20px;
}

span.ly-custom-1000.tab-show .ly-breakpoint-2 {
    display: block;
}
.whensticky.fixed button#AddToCart {
    width: 234px;
}
.product-info  .whensticky.fixed   .swatch {
   
    margin-top: 0;
}

.swatch-element.color label {
    cursor: pointer;
}
.staticswatches .sizgud {
    display: none;
}
.product-info .swatch label {
    cursor: pointer;
}
.whensticky.fixed .page-widtha.fullw button#AddToCart{width:100%}
.sizgud a {
    color: initial;
}
.acadw {
    display: flex;
    justify-content: space-between;
}


@media (max-width: 640px){
  /* form#collection-filters-sidebar-form .Collapsible {
    width: calc(50% - 5px);
}
  form#collection-filters-sidebar-form .dttachagai {
    width: calc(50% - 5px);
} */
     form#collection-filters-sidebar-form .select-dropdown{max-width:100%}
  .price-range__input input{font-size:12px;}
}
@media (max-width: 430px){
.collapse-headers, .select-toggle {
        min-width: 195px;
    }
      .c-head {
      
        right: 33px;
           top: 43px;
    }
  
}
@media (max-width: 414px){
.collapse-headers, .select-toggle {
        min-width: 187px;
    }
      .c-head {
      
        right: 23px;
           top: 43px;
    }
}
@media (max-width: 412px){
.collapse-headers, .select-toggle {
        min-width: 186px;
    }
      .c-head {
      
        right: 23px;
                top: 43px;
    }
}
@media (max-width: 390px){
.collapse-headers, .select-toggle {
        min-width: 175px;
    }
      .c-head {
      
        right: 11px;
                top: 43px;
    }
}
@media (max-width: 375px){
.collapse-headers, .select-toggle {
        min-width: 100%;
    }
  .c-head {
      
        right: 4px;
            top: 43px;
    }
}
@media (max-width: 360px){
.collapse-headers, .select-toggle {
        min-width: 100%;
    }
  .c-head {
      
        right: 4px;
            top: 43px;
    }
}
.swatch .swatch-element {
    margin-right: 5px;
    margin-bottom: 9px;
}
.megamenu-inner .Linklist>li ul.submenus {
    padding-left: 12px;
}


button.back-to-top{
  margin: 0 ;
  padding: 0 ;
  background: #fff;
	height: 0px;
  width: 0px;
  overflow: hidden;
	border-radius: 50px;
	-webkit-border-radius: 50px;
	-moz-border-radius: 50px;
  color: transparent;
	clear: both;
  visibility: hidden;
  position: fixed;
  cursor: pointer;
  display: block;
  border: none;
  right: 50px;
	bottom: 75px;
  font-size: 0px;
  outline: 0 ;
  z-index: 99;
  -webkit-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
}
button.back-to-top:hover,
button.back-to-top:active,
button.back-to-top:focus,{
  outline: 0 ;
}
button.back-to-top::before,
button.back-to-top::after {
  content: "";
    display: block;
    vertical-align: middle;
    border-bottom: solid 10px #EA5D5F;
    border-left: solid 10px transparent;
    line-height: 0;
    border-right: solid 10px transparent;
    height: 0;
    margin: 18px auto 0;
    width: 0;
  border-radius:20px;
  visibility: hidden;
}
button.back-to-top.show::after,
button.back-to-top.show::before{
  visibility: visible;
}
button.back-to-top::after {
  border-bottom-color:#fff;
      position: relative;
  top:-24px;
}
button.back-to-top.show {
  display: block;
  background: #fff;
  color: #00ab6c;
  font-size: 25px;
  right: 25px;
	bottom: 30px;
  height: 50px;
  width: 50px;
  visibility: visible;
	box-shadow: 0px 2px 4px 1px rgba(0, 0, 0, 0.25);
  -webkit-box-shadow: 0px 2px 4px 1px rgba(0, 0, 0, 0.25);
  -moz-box-shadow: 0px 2px 4px 1px rgba(0, 0, 0, 0.25);
}
button.back-to-top.show:active {
  box-shadow: 0px 4px 8px 2px rgba(0, 0, 0, 0.25);
  -webkit-box-shadow: 0px 4px 8px 2px rgba(0, 0, 0, 0.25);
  -moz-box-shadow: 0px 4px 8px 2px rgba(0, 0, 0, 0.25);
}
.header__nav-button > span {
    /* padding: 0px 6px; */
    margin: 5px;
    max-width: 20px;
}

.mobile-logo{display:none !important}

/* header nerw css 992 */
      .header_wrap .logo {
        max-width: 95px; padding:0; margin:0;
    }
  .header_wrap .container.m-flex {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
}
    .progress-bar-top {
        padding-bottom: 36px;
        width: calc(100% - 95px);
    }
/* html[lang="de"] .progress-bar .bar .text, .progress-bar .bar .text {
        right: auto;
        left: 0;
    } */
    .progress-bar-row p {
        display: none;
    }
.progress-bar-top p {
        text-align: left;
    }
/* header nerw css 992 */

@media (max-width: 992px){
  .mobile-logo{display:block !important}
  .header_wrap .logo a img{max-width:51px; margin-left:15px;}
  .desk-logo{display:none !important}

  /* .header_item.header-fill.head-icon img {
    max-width: 24px;
}
  .header_item.header-fill.head-icon img.img-fluid.heart {
    max-width: 19px;
} */
  .tab-hide{display: none !important;}
      .header_item.head-icon {
        gap:10px;
    }
      .header_item.head-icon .tab-show {
       padding:5px;
    }
  .mobile-logo a {
    padding: 5px 0;
    display: block;
}
}
.acchiq{display: none;}
.Segment__Title.Segment__Title--flexed {
    text-align: center;
    display: block;
    margin: 0 auto;
    padding-bottom: 69px;
}
.h-col-img a {
   
    border-radius: 10px;
}
@media (max-width: 640px){
  /* .mobvefromhere .c-head2.d-show.mobveafromhere {
    display: none;
} */
  .single-collection-img:hover .img>*:not(:only-child):last-child {
    opacity: 0;
    z-index: 0;
}
  .single-collection-img:hover .img >*:not(:only-child):first-child {
    opacity: 1;
}
  
  .h-collection-wrap.colgrp {
    padding: 40px 0;
    padding-bottom: 0;
    padding-top: 20px;
}
  .acadw {
    display: none;
}
  a.acchi {
    display: none;
}
  .acchiq{display: block!important;}
.progress-bar-top p{text-align:left}
html[lang="de"] .progress-bar .bar .text, .progress-bar .bar .text {
    right: auto;
    left: 0;
}
      .banner-head h2 {
        color: #444;
        font-size: 18px;
        margin-bottom: 10px;
        line-height: 23px;
    }
  .banner-head p {
        color: #444;
        font-size: 12px;
        line-height: 15px;
    }
      .hero-banner>img {
        min-height: 226px;
        object-fit: cover;
    }
  
    .banner-content .btn {
        min-width: 72px;
        font-size: 10px;
        padding: 4px;
    }
}
a:focus, button:focus, a:active, a:focus-visible, a:target, a:-webkit-any-link:active, a:-webkit-any-link, a:visited {color:inherit; outline:none !important; box-shadow:none; transform: translateY(0); text-decoration: none;}
a, .swatch-element.color label {
    -webkit-tap-highlight-color: transparent;
}

.Segment__Title.Segment__Title--flexed.dvase {
    padding-bottom: 10px;
}

.Segment__Title.Segment__Title--flexed.dvase a {
    text-decoration:underline;
}
@media (min-width: 900px){
.single-collection.grid_null {
    width: 33.33%;
}
  nav.menu.mobile {
    display: none;
}
}
@media (max-width: 900px){
nav.menu.desktop {
    display: none;
}
}


@media (max-width: 767px){
.filter-wrap .collapse-headers {
    border: none;
    font-weight: 700; color:#000;
    padding: 0;
}

.filter-wrap .collapse-headers svg {
    display: none;
}


.Collapsible__Inner {
    position: relative;
    transform: none;
    z-index: 1;
    top: auto;
    opacity: 1;
    pointer-events: inherit;
    background: #fff !important;
    border: none;
    border-radius: 0;
    padding: 10px 0;
}
      .Collapsible.active .Collapsible__Inner {
        opacity: 1;
        transition: 0.5s ease all;
        pointer-events: auto;
        transform: scale(1);
        position: relative;
        top: 0;
    }
      .Collapsible__Content {
        padding: 0;
    }
  .Collapsible__Content ul {
    margin: 0;
}
  .Collapsible__Inner .Linklist__Item label{text-align: left}
}

    .filter-wrap {
        width: 100%;
        background: #fff;
        position: fixed;
        z-index: 99;
        height: 100vh;
        max-width: 300px;
        width: 100%;
        padding: 25px;
        top: 0;
        right: -100%;
        transition: 0.5s ease-in-out;
        overflow-y: auto;
    }

.filter-wrap.active{right: 0}
a.filter-link {
    display: flex
;
}
a.filter-link {
    max-width: 147px;
}
    .Collapsible__Inner {
        position: relative;
        transform: none;
        z-index: 1;
        top: auto;
        opacity: 1;
        pointer-events: inherit;
        background: #fff !important;
        border: none;
        border-radius: 0;
        padding: 10px 0;
    }
    .filter-wrap .collapse-headers {
        border: none;
        font-weight: 700;
        color: #000;
        padding: 0;
    }

 .Collapsible__Content li {
    display: block;
    position: relative;
  padding-left: 30px;
   
}

li.HorizontalList__Item label:before, .Collapsible__Content li label:before {
    content: "";
    content: "";
    width: 16px;
    height: 16px;
    border: 1px solid #D9D8D6;
    border-radius: 4px;
    position: absolute;
    left: 6px;
    top: 5px;
}
li.HorizontalList__Item label:after, .Collapsible__Content li label:after {
    content: "";
    width: 12px;
    opacity: 0;
    transition: .5s ease all;
    height: 12px;
    background: #000;
    border-radius: 4px;
    position: absolute;
    left: 8px;
    top: 7px;
}
li.HorizontalList__Item input:checked+label:after, .Collapsible__Content li  input:checked+label:after {
    opacity: 1;
}
   
    .filter-wrap .collapse-headers svg {
        display: none;
    }
label.heading {
    display: none;
}
.filter-wrap .collapse-headers {
    border: none;
    font-weight: 700;
    color: #000;
    padding: 0;
}
.Collapsible__Inner .Linklist__Item label {
        text-align: left;
    }
span.count {
    position: absolute;
    top: 0;
    background: #B3D0D8;
    width: 16px;
    text-align: center;
    height: 16px;
    border-radius: 50%;
    font-size: 12px;
    left: 24px;
}
p.bagde {
    position: absolute;
    top: 8px;
    background: white;
    padding: 2px 6px;
    border-radius: 10px;
      font-family: "proxima-nova";
    left: 8px;
  color:#444444;
      z-index: 1;
    transform: translateZ(0);
  will-change: transform;
  backface-visibility: hidden;
}
@media (max-width: 992px) {
span.count {
    position: absolute;
    top: 0;
    background: #B3D0D8;
    width: 16px;
    text-align: center;
    height: 16px;
    border-radius: 50%;
    font-size: 12px;
    left: 15px;
}

  section.h-collection-wrap.colgrp .item {
    width: 86%;
}
  section.h-collection-wrap.colgrp .h-collection-row:not(.slick-initialized) .item + .item {
    display: none;
}

   
}

.slide-collection .slick-prev, .slide-collection .slick-next{width: 43px;
    height: 43px;}

    a.img.ratio-4-5.norm {
    display: block;
    position: relative;
    width: 100%;
    padding-top: 125%;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    border-radius: 4px;
    background-color: #f4f2ed;
}


.single-collection-img a.ratio-4-5.oute {
  display: block;
  position: relative;
  width: 100%;
  padding-top: 125%; /* 4:5 ratio */
  background-image: var(--first-image);
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  overflow: hidden;
   background-color: #f4f2ed;
}

/* Hover image layer */
.single-collection-img a.ratio-4-5.oute::after {
  content: "";
  position: absolute;
  inset: 0;
  background-image: var(--second-image);
  background-size: cover; /* <-- fit inside */
  background-position: center;
  background-repeat: no-repeat;
  opacity: 0;
  transition: opacity 0.4s ease-in-out;
}

/* Show hover image */
.single-collection-img a.ratio-4-5.oute:hover::after {
  opacity: 1;
}
 

.acc_slide .item {
  perspective: 1000px;
}

.acc_slide .slick-slide {
  transition: transform 0.6s ease;
  backface-visibility: hidden;
}

.acc_slide .flip-out {
  transform: rotateY(90deg);
  opacity: 0;
}

.acc_slide .flip-in {
  transform: rotateY(0deg);
  opacity: 1;
}
.acc_slide:not(.slick-initialized) .item + .item {
    display: none;
}
.acc_slide.slick-initialized.slick-slider {
    margin: 0;
}

.slide-collection:not(.slick-initialized) .item + .item {
    display: none;
}