/** Shopify CDN: Minification failed

Line 15:0 All "@import" rules must come first
Line 2522:52 Expected ")" to end URL token

**/
/* Mojo custom CSS */
.product-stock-info.row {
    display: none;
}
button.grey.f-p-more {
    display: none;
}

@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400;700;800&display=swap');

body {
  font: normal normal 300 16px/16px 'Open Sans', sans-serif!important;
  font-size: 16px;
  overflow-x:hidden;
  line-height: 1.5!important;
  color:#000!important
}
.rich_img img{
  width: 100%;
}
:focus {
  outline:none!important
}

h1, .h1 {
  font: normal normal 800 70px/90px 'Open Sans', sans-serif!important;
}

@media screen and (max-width:1283.98px) {
  h1, .h1 {
  	font: normal normal 800 70px/70px 'Open Sans', sans-serif!important;
  }
}

@media screen and (max-width:991.98px) {
  h1, .h1 {
  	font: normal normal 800 50px/60px 'Open Sans', sans-serif!important;
  }
}

@media screen and (min-width:577px) and (max-width:928.98px) {
  h1, .h1 {
  	font: normal normal 800 40px/50px 'Open Sans', sans-serif!important;
  }
}

h2, .h2 {
  font: normal normal 800 30px/41px 'Open Sans', sans-serif!important;

}

h3, .h3 {
  font: normal normal 700 20px/27px 'Open Sans', sans-serif!important;
  font-size: 20px!important
}

h4, .h4 {
  font: normal normal 800 16px/22px 'Open Sans', sans-serif!important;
  font-size: 16px
}

a {
  font-size: 16px;
  font-weight: 800;
  color: #000!important;
  text-decoration: none!important
}

a:hover {
  text-decoration: underline!important
}

p {
  font: normal normal 300 16px/24px 'Open Sans', sans-serif!important;
  font-size: 16px;
}

button {
  padding: 12px 28px;
  font: normal normal 800 16px/22px 'Open Sans', sans-serif!important;
  border: none;
  border-radius: 25px!important;
  transition: 0.3s ease;
  text-decoration: none!important
}

button.black, button.cart__checkout-button, form button, .shopify-challenge__button, .addresses button, .newsletter-container input[type=submit] {
    background-color: #83B441 !important;
    color: #fff!important;
    border: 3px solid #83B441 !important;
    border-radius: 25px!important;
    transition: 0.3s all;
}

button.black:hover, button.cart__checkout-button:hover, form button:hover, .shopify-challenge__button:hover, .addresses button:hover {
  background-color: #fff!important;
  color: #000!important;
  border: 3px solid #000!important;
  box-shadow:none!important;
}

button.black.soldout:hover {
  background-color: #000;
  color: #fff;
  border: 3px solid #000;
}

button.white {
  background-color: #fff!important;
  color: #000!important;
  border: 3px solid #000!important
}

button.white:hover {
  background-color: #000!important;
  color: #fff!important;
  border: 3px solid #fff!important
}

button.grey {
  background-color: #EFEFEF;
  color: #000;
  border: 3px solid #EFEFEF
}

button.grey:hover {
  background-color: #000;
  color: #EFEFEF;
  border: 3px solid #EFEFEF
}

#shopify-section-header {
	z-index: 99!important
}

.swiper-button-next, .swiper-button-prev {
  z-index:2!important
}

.pop-out-mob-landscape-close {
  display:none;
  position: absolute;
  top: 20px;
  right: 50%;
  transform: translate(-50%, 0);
  width: 14px;
}

@media screen and (max-height:450px) and (orientation: landscape) {
  .pop-out-mob-landscape-close {
    display:block!important
  }
}

/* .shopify-section {
  overflow-x:hidden;
} */

#shopify-section-announcement-bar {
  background-size: cover;
  background-color:transparent!important;
}

.header__heading {
      font: normal normal 800 70px/0px 'Open Sans',sans-serif!important;
}

.announcement-bar {
  background-color:#000!important;
}

@media screen and (max-width:576.98px) {
  /* .announcement-bar {
    height:auto!important;
    background-image:none!important;
    background-color:#000!important
  } */
}

.header {
  background-color:transparent!important
}

.header-wrapper {
    background-color: #faa61b!important;
}

@media only screen and (max-width: 576.98px) {
  /* .header-wrapper {
    padding-bottom: 20px;
  } */
}

@media only screen and (min-width: 1808px) {
  /* .header-wrapper {
    background-position-y:-2vw
  } */
  .parallax-banner {
    margin-top: calc(-2vw + -120px)!important;
  }
}

.header-bg-svg {
  position:absolute;
  top:0;
  width:100%
}



@media screen and (min-width:990px) {
  nav.header__inline-menu-mobile {
	display:none
  }
}

.modal__close-button.link {
  margin-top: -34px;
}

@media screen and (max-width:989.98px) {
  .menu-drawer-container .switcher {
	position:relative;
    width:173px!important;
    top:0;
    left:0
  }
  .search-modal {
    height:60px!important;
  }
  .modal__content {
    top: 0!important;
    left:19px!important;
  }
  
  /* .modal__content .search__input.field__input {
    padding-top:4px!important
  } */
  
  .menu-drawer__menu-item {
    font-weight:700!important
  }
  
  .search__input.field__input {
    background-color:#fff
  }
  .switcher .option{
    position:fixed!important
  }
}

#shopify-section-footer {
  background-color: #f6f5f5
}

footer {
  background-color:#222;
  color:#fff
}

@media only screen and (max-width: 576.98px) {
  footer {
    padding: 0 3rem
  }
}

footer .accordion h2 {
  color:#fff;
}

footer .footer-block h2 {
  color:#fff;
  margin-bottom:20px
}

footer .footer-block h2 {
  color:#fff;
  margin-bottom:20px
}

footer .footer-block img {
  width:100%;
  margin-bottom: 30px;
}

footer a{
  color:#fff!important;
  font-weight:300!important;
  font-size:16px!important;
}

footer i{
  font-size:26px;
  margin-left:10px
}

.footer-address {
  padding-right:10px
}

@media only screen and (max-width: 750px) {
  footer .grid {
    display:block
  }
}

.footer-bar {
  background-color:#000;
  color:#fff
}

.footer-bar a {
  color:#fff!important
}

.footer-bar .footer-copy {
  text-align:left
}

.footer-bar .footer-com-num {
  text-align:center
}

.footer-bar .footer-site-by {
  text-align:right
}

@media only screen and (max-width: 991.98px) {
  .footer-bar .footer-copy, .footer-bar .footer-com-num, .footer-bar .footer-site-by  {
    text-align:center;
    padding: 20px 0
  }
}

.newsletter-container {
  background-color:#000;
  color:#fff;
  text-align:center;
  display:flex;
  justify-content:center;
  align-items:center;
  padding-top:30px
}

.newsletter-container .response {
  color: #fff;
  text-align: center;
  margin-top: 40px;
  border-radius: 30px;
  font-weight: 700;
}

.newsletter-container .text {
  font-weight:800
}

.newsletter-container input {
  width:100%;
  height:100%;
  color:#fff;
  background-color:#343434;
  border:none;
  padding: 0 20px;
  font-weight:300
}

::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #fff;
  opacity: 1; /* Firefox */
}

::-ms-input-placeholder { /* Microsoft Edge */
  color: #fff;
}

.newsletter-container label {
  display:none
}

.newsletter-container .newsletter-msg {
  justify-content: flex-start
}

.newsletter-container .newsletter-btn {
  justify-content: flex-end
}

@media only screen and (max-width: 991.98px) {
  .newsletter-container .newsletter-msg {
    justify-content: center;
    padding-bottom:20px
  }

  .newsletter-container .newsletter-btn {
    justify-content: center;
    padding-bottom:20px
  }
  
  .newsletter-container .newsletter-name, .newsletter-container .newsletter-email {
    padding-bottom:20px;
    height:60px
  }

}



.usp-banner {
  color:#fff;
  text-align: center;
  padding: 30px 0;
  padding-top: calc(30px + 1rem);
  background-size: cover;
  background-position: center;
  background-attachment:fixed;
  margin: -10px 0;
  z-index: 3;
  position: relative;
}

.usp-banner h2 {
  color:#fff
}

.usp-img {
  margin-bottom: 20px
}

.parallax-banner {
  position: relative;
  height: 400px;
  overflow: hidden
/*   background-attachment: fixed; */
}

@media only screen and (max-width: 576.98px) {
  .parallax-banner {
    height: 290px;
    margin-top: -50px!important;
  }
}

.parallax-image {
  background-attachment:scroll;
  background-position:center -50px;
  background-size:cover;
  background-repeat:no-repeat;
  width:100%;
  height:550px;
}

@media only screen and (max-width: 576.98px) {
  .parallax-image {
    height:400px;
  }
}

.parallax-image-blog {
  background-attachment:scroll;
  background-position:center 200px;
  background-size:cover;
  background-repeat:no-repeat;
  width:100%;
  height:550px;
}

.parallax-banner.banner-blog .line-download-icon {
  right: 70px;
}

.parallax-banner.banner-blog .colour-download-icon {
  right: 30px;
}

.line-download-icon {
  position:absolute;
  bottom: 30px;
  right: 50px
}  

.colour-download-icon {
  position:absolute;
  bottom: 30px;
  right: 10px
} 

@media only screen and (max-width: 576.98px) {
  .line-download-icon, .colour-download-icon {
    width:50px;
    bottom: 40px;
  } 
  
  .line-download-icon {
    right:70px!important
  }
  
  .parallax-banner.banner-blog .line-download-icon {
    right:100px!important
  }
  
  .line-download-icon img, .colour-download-icon img {
    width:100%
  } 
}

.cta-banner, .testimonial-banner {
  color:#fff;
  text-align: center;
  padding: 30px 0;
  padding-top: calc(40px + 1rem);
  padding-bottom:60px;
  background-size: cover;
  background-position: center;
  background-repeat:no-repeat;
  background-attachment:fixed;
  margin: -10px 0;
  z-index: 3;
}

.testimonial-banner {
  overflow-x: hidden;
  position:relative
}

.cta-banner h3, .testimonial-banner h3 {
  color:#fff;
  max-width: 600px;
  margin: 0 auto;
  margin-bottom: 30px
}

.swiper-slide-testimonial {
  width:60%;
  max-width:900px;
  margin:0 auto
}

.swiper-slide-testimonial p {
  font-style: italic!important;
}

.homepage-carousel {
  display:flex;
  width: 100%;
  position:relative
}

.margin-top {
  margin-top:-9vw
}

@media only screen and (max-width: 767.98px) {
  .margin-top {
    margin-top:-10vw
  }
}

@media only screen and (max-width: 576.98px) {
  .margin-top {
    margin-top:0
  }
}

.h-c-text-container {
  width: 45%;
  padding: 4% 4%;
}

.h-c-text-container button {
  margin-top: 10px
}

.h-c-img-container {
  position:relative;
  width: 55%;
  overflow: hidden;
  flex-grow: 1
}

.h-c-img-container img {
  object-fit: cover;
  width: 100%;
  height: 100%;
}

/* Overlay when image on right  */

.h-c-left-overlay {
  position: absolute;
  top: 0;
  left:-3vw;
  height: 100%;
  z-index:2
}

.h-c-left-overlay img {
  width:100%;
  height:100%
}

.h-c-right-overlay {
  position: absolute;
  top: 0;
  right:0;
  height: 100%;
  z-index:2
}

.h-c-right-overlay img {
  width:100%;
  height:100%
}

/* Overlay when image on left  */

.h-c-left-overlay-lft {
  position: absolute;
  top: 0;
  right:-3vw;
  height: 100%;
  z-index:2
}

.h-c-left-overlay-lft img {
  width:100%;
  height:100%;
  -webkit-transform: scaleX(-1);
  transform: scaleX(-1);
}

.h-c-right-overlay-lft {
  position: absolute;
  top: 0;
  left:0;
  height: 100%;
  z-index:2
}

.h-c-right-overlay-lft img {
  width:100%;
  height:100%;
  -webkit-transform: scaleX(-1);
  transform: scaleX(-1);
}

.h-c-line-download-icon, .h-c-colour-download-icon {
  position:absolute;
  width:40px
}

.h-c-line-download-icon {
  left:140px;
  bottom:40px
}

.h-c-colour-download-icon {
  left:90px;    
  bottom: 40px;
}

@media only screen and (max-width: 576.98px) {
  .h-c-line-download-icon img, .h-c-colour-download-icon img {
    width:100%
  }
  .h-c-line-download-icon {
    left:23%;    
    bottom: 15px;
    width:10%
  }

  .h-c-colour-download-icon {
    left:12%;    
    bottom: 15px;
    width:10%
  }
}

@media only screen and (min-width: 577px) and (max-width: 872px) {
  .h-c-left-overlay {
    left:-5.6vw;
  }
}

@media only screen and (max-width: 576.98px) {
  .homepage-carousel {
    display:flex;
    flex-direction: column!important;
    width: 100%;
  }
  
  .h-c-text-container {
    width: 100%;
    padding: 50px 4%;
  }
  
  .h-c-img-container {
    position:relative;
    width: 100%;
    overflow: hidden
  }
  
  .h-c-left-overlay {
    left:-20px;
  }
}

.featured-products-section {
  background-color: #f5f6f6;
  padding: 60px 0;
}

.featured-products-section .featured-products-section .card-wrapper {
  margin: 0 10px
}

.top-divider-grey {
  background-size: cover;
  height: 30px;
  position: relative;
  margin-top: -30px;
  z-index: 2;
}

.top-divider-black {
  background-size: cover;
  height: 30px;
  position: relative;
  margin-top: 30px;
  z-index: 4;
}

.top-divider-white {
  background-size: cover;
  height: 30px;
  position: absolute;
  top:0;
  z-index: 1;
  width:100%;
  transform: rotate(180deg)
}

.bottom-divider-white {
  background-size: cover;
  height: 30px;
  position: absolute;
  bottom:0;
  z-index: 1;
  width:100%
}

.card-wrapper {
  position:relative;
  background-color: #fff;
  border-radius: 30px;
  text-align:center;
  padding: 6%;
  margin:0;
  transition:0.3s all;
}

.card-wrapper .h3 {
  font-weight:800!important
}

.card-wrapper a:hover {
  text-decoration:none!important
}

.f-p-btns {
  /* margin-top: 20px; */
}

.card-wrapper {
  min-height: 100%;
}

@media screen and (min-width: 990px) {

  .card-wrapper:hover {
    transform: translate(-5px,-5px);
    box-shadow:5px 5px 13px 3px rgba(0,0,0,0.06);
  }
  
  .card-wrapper:hover .media.media--hover-effect>img:first-child:only-child {
    transform:scale(1.08)!important;
  }
  .card, .media {
    overflow:visible!important
  }
}

.featured-products-section .card-wrapper {
  width:24%;
  padding:1%
}

/* .card-information__text {
  min-height:54px
} */

@media only screen and (max-width: 1399.98px) {
  .featured-products-section .card-wrapper h3 {
    min-height:54px
  }
}

@media only screen and (max-width: 1199.98px) {
 

  /* .card-wrapper, .featured-products-section .card-wrapper {
    padding-bottom: 160px;
    min-height: 100%;
  } */

  .card-information__text {
    /* min-height:54px */
  }
  
  .card--product {
    min-height: 180px
  }
}



.featured-products-section .media {
  display:flex;
  justify-content:center;
  align-items:center
}

@media only screen and (min-width: 576px) and (max-width: 1199.98px) {
  .featured-products-section .media {
    height: 28vw
  }
}
  

.featured-products-section .card-wrapper img, .blog-product-container .card-wrapper img {
  transition:0.3s ease;
  position:relative;
/*   width:80% */
}

.featured-products-section .card-wrapper:hover img, .blog-product-container .card-wrapper:hover img {
  transform:scale(1.05)
}
.f-p-btns button {
    padding: 2px 10px;
    width: fit-content;
    background-color: #71bf43;
    color: #fff;
    border: none;
}

.f-p-buy-btn {
  min-width:48%
}

/* .f-p-more {
  min-width:100%
} */

dd {
  margin: 0 auto;
  width:100%;
  text-align:center
}

.price {
  display:block!important
}

.price-item--regular {
  font-weight:normal;
}
.f-p-btns .product-form__buttons {
  display:flex;
  justify-content: space-between;
  width:100%;
  background-color:#000;
  border-radius: 25px!important;
}

.f-p-btns .product-form__buttons .quantity-input, .f-p-btns .product-form__buttons button {
  width:48%;
  position:relative
}

.quantity-input .minus {
  position:absolute;
  top:50%;
  left:15px;
  transform:translate(0,-56%);
  font-weight:800;
  color:#000;
  z-index:1;
  width: 30px;
  font-size:30px;
  cursor:pointer
}

.quantity-input .plus {
  position:absolute;
  top:50%;
  right:5px;
  transform:translate(0,-50%);
  color:#000;
  z-index:1;
  width: 30px;
  cursor:pointer;
  font-size:30px!important;
  font-weight:800!important;
}

.quantity-input input {
  width:100%
}

/* Hide number field up/down arrows */

/* Chrome, Safari, Edge, Opera */
.quantity-input input::-webkit-outer-spin-button,
.quantity-input input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

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

.f-p-btns .product-form__buttons input {
  border-radius:25px;
  margin: 6px;
  text-align: center;
  font-weight: 800;
  position:relative;
  padding:12px 0
}

.f-p-btns .product-form__buttons input:focus {
  outline:none!important;
  box-shadow:none!important;
}

.f-p-btns .product-form__buttons button {
  padding:12px 0
}

@media only screen and (max-width: 1399px) {
  .f-p-btns .product-form__buttons {
    flex-direction: column
  }
  
  .f-p-btns .product-form__buttons .quantity-input {
    width: calc(100% - 12px)
  }
  
  .f-p-btns .product-form__buttons button {
    width: calc(100% - 12px);
    margin: 5px 6px!important
  }
}

@media only screen and (max-width: 991px) {
  
  /* .featured-products-section .card-wrapper {
    padding: 3%;
    padding-bottom:160px
  } */
  
  .featured-products-section .featured-products-section .card-wrapper {
    margin-bottom:20px
  }
}

.featured-products-section .price__sale, .blog-product-container .card-wrapper .price__sale {
  display:none!important
}

.featured-products-section .price__regular, .blog-product-container .card-wrapper .price__regular {
  margin-top:10px
}

.f-p-view-more-sm {
  display:none
}

@media only screen and (max-width: 576.98px) {
  .featured-products-section .card-wrapper {
    width: 100%!important
  }
}

@media only screen and (max-width: 1199.98px) {
  .featured-products-section .card-wrapper {
    width: 48%;
    margin-bottom:20px
  }
}

@media only screen and (max-width: 575.98px) {
  .project-tile {
    margin-bottom:20px
  }
  
  .featured-products-section {
    padding:60px 4%;
  }
  .f-p-view-more-sm {
    display:block
  }
  
  /* .featured-products-section .card-wrapper {
    padding: 1.4%;
    padding-bottom:180px
  } */
  
  .f-p-view-more {
    display:none
  }
}

@media screen and (min-width: 990px) {
.collection-list__item.grid__item, #main-collection-product-grid .grid__item {
    max-width: 33% !important;
    /* width: calc(33% - 0.5rem) !important;
    margin: 15px; */
}
  .grid--4-col-desktop .grid__item {
    width: calc(33.33% - 1rem * 3 / 4)!important;
  }
}

@media only screen and (max-width: 575.98px) {
  /* .collection-list__item.grid__item, #main-collection-product-grid .grid__item {
    max-width:100%!important;
  } */
  /* .grid--2-col .grid__item {
    width:100%!important;
  } */
}

.card--product {
    border: none!important;
    width: 80%;
    margin: 0 auto;
    display: flex!important;
    justify-content: center;
}

.add-to-cart-quantity {
  display:none
}

/* .full-unstyled-link {
  display:none!important
}

.full-unstyled-link.product___img {
  display:block!important
} */

@media screen and (min-width: 990px) {
  .card--product {
    min-height: 200px
  }
}

.size-indicator {
  position:absolute;
  top:20px;
  left:20px;
  width:30px;
  height:30px;
  border-radius:50%
}

.new-indicator {
  position:absolute;
  top:-10px;
  right:-10px;
  width:60px;
  height:60px;
  border-radius:50%;
  background-color: #000;
  color:#fff;
  font-weight:800;
  font-size:14px;
  display:flex;
  z-index:3
}

.latest-news-section, .related-blogs-section {
  padding: 40px 0;
  padding-bottom:80px
}

.latest-news-section.blog-archive {
  padding-bottom:0
}

.latest-news-section h2, .related-blogs-section h2 {
  margin: 30px 0
}

.latest-news-section h3, .related-blogs-section h3 {
  margin: 15px 0
}

.related-blogs-section {
  position:relative
}

.related-blog-paw {
  position:absolute;
  width: 150px;
  top: 60px;
  right: -75px;
}

@media screen and (max-width:576.98px) {
  .related-blog-paw {
    position:absolute;
    width: 150px;
    top: 2%;
    right: 7%;
  }
}

.related-blog-paw img {
  width: 100%;
}

/* .latest-news-section a {
  font-weight: 
} */

.blog-card-img {
  border-radius: 30px;
  overflow:hidden;
  padding-bottom:100%;
  height:0;
  background-size:cover;
  background-position:center
}

.blog-card-img {
  transition: 0.3s ease
}

.blog-card-img:hover {
  transform:scale(1.02)
}

.latest-news-section img {
  width: 120%;
  object-fit: contain
}

@media only screen and (max-width:991.98px) {
  .blog-card {
    margin-bottom:30px
  }
}

.category-archive-section {
  position:relative;
  /* background-color: #f5f6f6; */
  text-align: center;
  padding: 40px 0;
}

.category-archive-section .container.collection-page {
  position:relative
}

/* .category-archive-section .container {
  position:relative;
} */

.collection-paw-left {
  position:absolute;
  top: 180px;
  left: 2%;
  width:14%;
  transform:rotate(-30deg)
}

.collection-paw-middle {
  position:absolute;
  bottom: -116px;
  left: 27%;
  width:14%;
  transform:rotate(-170deg)
}

.collection-paw-right {
  position:absolute;
  top: 49%;
  right: -74px;
  width:14%;
  transform:rotate(140deg)
}

.collection-paw-left img, .collection-paw-middle img, .collection-paw-right img {
  width:100%;
}

@media screen and (max-width:991.98px) {
  .collection-paw-left, .collection-paw-middle, .collection-paw-right {
    width:24%;
  }
}

@media screen and (max-width:576.98px) {
  .collection-paw-left, .collection-paw-middle, .collection-paw-right {
    width:34%;
  }
  .collection-paw-left {
    top: 77vh;
    left: 2%;
  }

  .collection-paw-middle {
    bottom: 60vh;
    left: 27%;
  }

  .collection-paw-right {
    top: 49%;
    right: 0;
  }
}

.heading-text-snippet {
  position:relative;
  margin: 80px 0;
  margin-top: 0;
  z-index:1
}

.heading-text-snippet .text {
  max-width: 900px;
  margin: 0 auto
}

.heading-text-snippet h2, .heading-text-snippet h1 {
/*   background-color: #f5f6f6; */
  margin: 40px auto;
  text-align:center
}

.heading-text-snippet p {
  color:#000
}

.heading-text-snippet {
  text-overflow: ellipsis
}

/* @media screen and (max-width:576.98px) {
  .heading-text-snippet p {
    text-align:center
  }
} */

.heading-text-snippet strong {
  font-weight:700!important
}

.category-tile {
  position: relative;
  font-size:30px;
  color:#fff;
  line-height:0.9;
  transition: 0.3s ease
}

.category-tile:hover {
  transform:scale(1.02)
}

.category-tile img {
  width:100%
}

@media screen and (max-width: 1199.98px) {
  .category-tile .text-start img {
    width:60%;
  }
}

@media screen and (max-width: 575.98px) {
  .category-tile .text-start {
    text-align:center!important
  }
}

.category-title-btn {
  position:absolute;
  left: 50%;
  bottom: 10%;
  transform:translate(-50%,0);
  width: 80%!important;
  
}

.category-title-btn button {
  width:100%
}

.category-title-btn button:hover {
  background-color:#000;
  color:#fff;
}

/* .category-title-btn-title {
  
} */

@media only screen and (max-width:1199.98px) {
  .category-title-btn-title {
    margin-bottom:10px
  }
}

@media only screen and (min-width:1200px) {
  .category-title-btn {
    font-size:24px
  }
  .category-title-btn-title {
    display:flex
  }
}

.size-guide-section {
  position:relative;
  margin: 50px auto;
}

.circle {
  min-width:30px;
  min-height:30px;
  max-width:30px;
  max-height:30px;
  border-radius:50%;
  margin-right: 10px
}

.sizes-row .col {
  padding: 15px 5px
}

.faq-section {
  padding: 40px 0;
  padding-bottom: 80px;
}


.faq-section h2 {
  margin: 10px 0;
  margin-bottom:20px
}

.faq-section .accordion-item {
  border:none;
  border-bottom: 1px solid #000!important;
  margin-top:20px;
  border-radius:0!important
}

.accordion-button:not(.collapsed) {
  color:#000!important;
  background-color:#fff!important;
  box-shadow:none!important
}

.distributor-map {
  background-color: #f6f5f5;
  padding: 40px 0;
}

.distributor-map img {
  width: 100%;
  border-radius:25px
}

.distributor-select {
  background-color:#fff;
  border-radius: 25px;
  padding:20px;
  font-weight:700;
  color:#000
}

.distributor-select ul {
  list-style:none;
  margin:0;
  padding:0
}

.distributor-select ul li {
  padding:15px 0;
  padding-left:36px;
  position:relative
}

.region-icon {
  position:absolute;
  top:50%;
  left:0;
  transform:translate(0,-50%);
  -webkit-transform:translate(0,-50%);
}

.region-icon i {
  font-size:24px
}

.distributor-list h2 {
  margin-top:20px
}

@media only screen and (max-width: 575.98px) {
  .distributor-list h2 {
    text-align:center
  }
}

.mojo-distributor {
  background-color:#fff;
  margin:20px 0;
  padding:30px 50px;
  border-radius:25px
}

.mojo-distributor a {
  font-weight:300!important
}

.mojo-distributor-img img {
  width:100%
}

.size-icon {
  width:auto!important
}


/* Classes to hide and show based on screen width */

@media only screen and (max-width: 575.98px) {
  .hide-mobile {
    display:none!important
  }
  .margin-top-sm {
    margin-top:15px!important
  }
}

@media only screen and (min-width: 576px) {
  .show-mobile-only {
    display:none!important
  }
}

/* Classes to hide and show based on screen width */

@media only screen and (max-width: 991.98px) {
  .hide-tablet {
    display:none!important
  }
  .filter-header {
    margin-bottom:20px
  }
  .filter-container.show-tablet-only {
    padding-bottom:1px!important
  }
  .filter-container.custom-filters.show-tablet-only .filter-options.top {
    margin-top: 40px;
  }
  .filter-container.custom-filters.show-tablet-only label {
    font-size:20px;
    margin:4px 0
  }
  .clear-filters {
    padding-bottom:20px
  }
}

@media only screen and (min-width: 992px) {
  .show-tablet-only {
    display:none!important
  }
}

.collection-grid-section {
  background-color:#F5F6F6;
}

.collection-grid-wrapper {
  display:flex;
  justify-content:space-between;
  padding-bottom:100px
}

#CollectionProductGrid {
  width:76%
}

#main-collection-product-grid {
	transition: 0.3s ease;
}


.custom-pagination .pages span.paginate-control {
  cursor: pointer;
  margin-left: 5px;
  margin-right: 5px;
  color:#fff;
}
span#first-elipsis {
    color: #fff;
}
.custom-pagination .pages span.paginate-control.current {
  font-size: 20px;
	font-weight: bold;
   color:#fff;
}
span#last-elipsis, .next, .prev {
    color: #fff;
}

.filter-sidebar {
  width:23%;
 margin:20px;
margin-left:0px;
margin-top:0px;
}
.custom-pagination .fa-chevron-right, .custom-pagination .fa-chevron-left {
    font-size: 20px;
}
/* .main_coll .container {
    background-color: #71bf43;
} */
@media only screen and (max-width: 991.98px) {
  .collection-grid-wrapper {
    flex-direction:column
  }
  
  #CollectionProductGrid {
    width:100%
  }

  .filter-sidebar {
    width:100%;
    margin-top:0
  }
}

.filter-container {
  background-color:#fff;
  /* border-radius:30px; */
  padding: 20px;
  /* margin-bottom:20px */
}

/* .filter-container:first-of-type {
  margin:20px 0
} */

.filter-title {
  margin-bottom:30px
}

.collection-product-count {
  text-align: right;
  width: 100%;
  font-weight: 800!important;
  color: #fff;
  /* margin-bottom: 30px; */
}

.facets__heading {
  display:none!important
}

.facets__form {
  display:block!important
}

.facets__disclosure {
  width:100%;
  border:none!important;
  margin:0!important
}

.facets__disclosure:hover {
  box-shadow: none!important
}

.facets__summary {
  border-bottom: 1px solid #000;
  padding: 10px 0!important;
  font-weight: 700;
  color:#000!important;
  font-size:16px!important;
}

.filter-container .customer .field input, .customer select, .field__input, .select__select {
  box-shadow: none!important;
  padding: 10px 10px!important
}

.filter-container .select__select {
  color:#000!important;
  font-size:16px!important;
  border-bottom: 1px solid #000;
}

#AddAddress input, .edit-address input {
  box-shadow: none!important;
  padding: 10px 10px!important;
  border: 3px solid #000!important;
  border-radius: 25px!important;
}

.collection-filters__label {
  font-weight: 700;
  color:#000!important;
  font-size:16px!important;
  margin-top:20px!important;
}

.other-categories-title {
  text-align:left
}

@media screen and (min-width: 750px) {
 .collection .grid__item, .template-search .grid__item {
   padding-bottom:1rem!important
 }
}

.heading-text-collection {
  padding:50px 0;
  padding-bottom: 80px
}

.heading-text-collection .text {
  max-width: 900px;
  margin: 0 auto
}

.heading-text-collection h1 {
  text-transform: uppercase;
  font: normal normal 700 40px/60px 'Open Sans',sans-serif!important;
}

.header__menu-item {
  color:#000!important;
  font-weight:500!important
}

.header__submenu .header__menu-item {
  padding:1.2rem!important
}

.underlined-link.link {
  font: normal normal 800 30px/41px 'Open Sans',sans-serif!important;
}

.header__active-menu-item {
  text-decoration: none!important
}

div:empty {
  display:block!important
}

.latest-news-section.blog-archive .blog-card {
  margin-bottom:40px
}

.header__icons {
  justify-content:flex-end;
  position:relative
}

.header__icon--menu .icon-hamburger, .header__icon--menu .icon-close {
  height:2.5rem!important;
  width:2.5rem!important
}

.list-menu li a:last-of-type {
  padding-right:0!important
}

.switcher {
    width: 40px!important;
 
}

.switcher .selected {
  background: transparent!important;
  z-index:9!important
}

.switcher .selected a {
  border:none!important;
}

@media screen and (min-width: 990px) {
  .switcher .selected a {
  	color: #fff!important
  }
}

.switcher .selected a:hover {
  text-decoration:none!important;
  background: transparent!important
}

.switcher .selected a:after {
  display:none!important
}

.switcher .option {
  border:none!important
}

.switcher .option a:hover {
  text-decoration:none!important
}

.js .menu-drawer__submenu {
  z-index:10!important
}

.menu-drawer__menu.list-menu li {
  background-color:#fff
}

@media screen and (min-width: 990px) {
  .product:not(.product--no-media) .product__media-wrapper {
      max-width: 50%!important;
      width: calc(50% - 1rem / 2)!important;
  }
  
  .product:not(.product--no-media) .product__info-wrapper {
      padding-left: 4rem;
      max-width: 50%!important;
      width: calc(50% - 1rem / 2)!important;
  }
}

.price__regular dd {
  text-align:left!important
}

.article-featured-img {
  position:absolute;
  left:50%;
  top:50%;
  transform:translate(-50%,-50%);
  width:100%;
  height:100%;
}

.article-featured-img img {
  object-fit:cover
}

.article-template__title {
  text-align:center
}

.caption-with-letter-spacing {
  text-transform:none!important;
  font-size:20px!important
}

.article-social .list-social {
  justify-content:center
}

.blog-product-container {
  position:absolute;
  top:50%;
  right:12rem;
  transform:translate(0,-50%);
  max-width:250px;
  padding-top:90px;
  padding-bottom:100px;
  width:100%;
  text-align:right
}

@media only screen and (max-width: 991.98px) {
  .blog-product-container {
    right: 0;
    left: 50%;
    transform: translate(-50%,-50%);
  }
}

.blog-product-container .product-tile {
  width:100%!important
}

.parallax-banner.banner-blog {
  min-height:550px;
  width: 100vw;
  transform: translate(calc(0px - calc(100vw - 726px)/ 2),0);
  margin: 30px 0;
}

@media only screen and (max-width: 1399.98px) {
  .parallax-banner.banner-blog {
    min-height:600px
  }
  .parallax-image-blog {
    height: 700px;
  }
}

@media only screen and (max-width: 905.98px) {
  .parallax-banner.banner-blog {
    transform: translate(-9rem,0);
  }
  .parallax-image-blog {
    height: 800px;
  }
}


@media only screen and (max-width: 749.98px) {
  .parallax-banner.banner-blog {
    transform: translate(-2rem,0);
    min-height:700px
  }
}


@media only screen and (max-width: 576.98px) {
  .parallax-banner.banner-blog {
    transform: translate(-2rem,50px);
    min-height:700px
  }
  
  .article-template__content {
    text-align:center
  }
}

.swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled {
  opacity:0!important
}

@media screen and (min-width: 990px) {
  .cart__warnings {
      padding: 0rem 0 8rem!important;
  }
  .cart__empty-text {
    margin: 2rem 0 2rem!important;
  }
}

.cart__footer-wrapper {
  margin-bottom: 8rem;
}

.template-404 img, .cart__warnings img {
	width:80%
}

.cart-count-bubble {
  background-color:#000!important
}

.cart-item__quantity .quantity {
  border: 3px solid #000;
  border-radius:30px
}

@media screen and (max-width:749.98px) {
  .cart-item__quantity .quantity {
    margin-top:10px
  }
}

@media screen and (min-width: 750px) {
  .cart-item__quantity {
      padding-top: 2.6rem!important;
  }
}
  
.search-modal {
  border:none!important
}

.search__input.field__input {
  border:1px solid #fff;
  /* border-radius:15px; */
  outline: none!important;
  font-weight:bold;
  padding:4px 10px!important;
  padding-top: 12px!important;
}

.template-search__results {
  background-color:#f6f5f5;
  padding: 20px!important;
  padding-bottom:60px!important
}

.template-search__results .card-wrapper.article .card.card--soft {
  background-color:transparent!important
}

.template-search__results .card-wrapper.article .card {
  border:none!important
}

.template-search__results .card-wrapper.article .card__heading {
  min-height:54px
}

.template-search__results .card-wrapper.article .media {
  min-height: 250px;
  background-color:transparent!important
}

.template-search__results .card-wrapper.article .media img {
  border-radius: 30px
}

.template-search__results .card-wrapper.article .card__content {
  margin-top:1.2rem;
  text-align:center
}

.template-search__results .card-wrapper.article .card-article-info {
  display:block!important
}

.template-search__results .card-wrapper.article .card__badge {
  margin-top: 54px;
  justify-content:flex-end
}

.card-wrapper.article:hover {
  text-decoration:none!important
}

.bundle-indicator {
  position:absolute;
  top:0;
  width:100%;
  background-color: rgba(0,0,0,0.3);
  color:#000;
  font-weight:700;
  left:0;
  padding:15px 0;
  z-index:2;
  border-radius:30px 30px 0 0
}

.cc-compliance a {
  color:#fff!important
}

#shopify-section-header {
  z-index:99
}

.carousel-media.swiper-container a {
  display:none!important
}

.tab-btn {
  border-radius:30px 30px 0 0!important;
  background-color: transparent!important;
  font-weight:400!important
}

.tab-btn.active {
  background-color: #f5f6f6!important;
  font-weight:700!important
}

.tab-pane {
  background-color: #f5f6f6!important;
  padding: 2rem;
  border-radius: 30px
}

.tab-pane.first {
  border-radius: 0 30px 30px
}

.nav-tabs {
  border:none!important
}

@media screen and (max-width:576.98px) {
  .product-info-tabs {
    font-size:14px
  }
}

@media screen and (max-width:479.98px) {
  .nav {
    flex-direction:column
  }
  
  .tab-btn {
    width:100%;
    border-radius:20px!important;
  }
  
  .tab-pane.first {
    border-radius: 30px
  }
  
  .tab-content {
    margin-top:20px
  }
}

@media screen and (min-width:750px) and (max-width:1063.98px) {
  .nav {
    flex-direction:column
  }
  
  .tab-btn {
    width:100%;
    border-radius:20px!important;
  }
  
  .tab-pane.first {
    border-radius: 30px
  }
  
  .tab-content {
    margin-top:20px
  }
}

.breadcrumbs {
  font-size: .85em;
  margin: 2em 0;
}

.breadcrumbs a {
  font-weight:400!important
}

.breadcrumbs ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}

.breadcrumbs li {
  display: inline-block;
}

.breadcrumbs a {
  text-decoration: underline;
}

.breadcrumbs li:not(:last-child):after {
  content: "›\00a0";
  display: inline-block;
  padding-left: .75ch;
/*   speak: none; */
}

.breadcrumbs a [aria-current="page"] {
  color: inherit;
  font-weight: 700;
  text-decoration: none;
}

.breadcrumbs [aria-current="page"]:hover,
.breadcrumbs [aria-current="page"]:focus {
  text-decoration: underline;
}

.filter-options-container {
	border-bottom: solid 1px #000;
  	margin-bottom: 30px;
}

.filter-options-container .filter-options {
	display: none;
    padding-top: 10px;
    padding-bottom: 10px;
      
}

.filter-options-container .filter-options .row {
	margin-bottom: 5px;
}

.filter-options-container .filter-options.filter-price span {

	margin-right: 20px;
}

.h-c-text-container h1 {
  margin-bottom:3rem
}

.carousel-container {
  margin:30px 0
}

.carousel-container img, .carousel-container a {
  width:100%
}

.catalogue {
  margin-bottom:20px
}

@media screen and (max-width:576.98px) {
  .container.instagram h2{
	text-align:center
  }
}

/* CONTACT FORM FIELDS */

.contact__fields .field, .field, .customer .field input, .field__input {
  /* display:block!important */
}

.contact__fields .field label, .field label, .customer .field label, .field__label {
  position:relative!important;
  left: auto!important;
  top: auto!important;
  margin-bottom: 10px!important;
}

.contact__fields .field .field__input, .field .field__input {
    border: 2px solid #fff;
    border-radius: 5px;
    background-color: #fff;
}

.contact__button button {
  background-color: #000;
  color: #fff;
  border: 3px solid #000;
}

.contact__button button:hover {
  background-color: #fff;
  color: #000;
  border: 3px solid #000;
  box-shadow:none!important
}

.contact__button {
  text-align:center
}

#customer_login label, #create_customer label {
  text-align:left!important;
  width:100%
}

#customer_login label:last-of-type, #create_customer label:last-of-type {
  margin-top:10px
}

#customer_login .field, #create_customer .field {
  margin: 0!important
}

#customer_login .field input, #RecoverEmail, #password_confirmation, #password, #create_customer .field input {
  border: 3px solid #000;
  border-radius: 20px;
  padding: 1.5rem;
}

.focus-visible {
  outline:none!important;
  box-shadow:none!important
}

.tooltip-custom .tooltip-inner {
  padding:10px;
  background-color:black;
  font-size: 20px;
  border-radius: 15px;
  width:auto;
}

.poster-popup {
  position:fixed;
  background-color:#000;
  border:2px solid #fff;
  border-radius:50%;
  top: 60px;
  right:0;
  z-index:99999;
  text-align:center;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 430px;
  height: 430px;
  transition:0.3s ease;
  transform:translate(450px,-400px) rotate(180deg);
}

.poster-popup.roll-out{
  transform:translate(-40px,0)  rotate(0deg);
}

.poster-popup p {
  color:#fff;
  margin: 10px auto
}

.poster-popup p i {
  font-size:30px;
  cursor:pointer;
  transform:translate(0,20px);
  transition: 0.3s all;
  margin-left:0!important
}

.poster-popup p i:hover {
  transform:translate(0,20px) rotate(90deg)
}

.posters-tab {
  position:fixed;
  background-color:#000;
  border-radius:30px 30px 0 0;
  padding: 10px 20px;
  top:50%;
  right:-55px;
  transform: translate(0,-50%) rotate(-90deg);
  color:#fff;
  z-index:9999;
  font-weight:700;
  cursor:pointer;
  transition: 0.3s all;
  border-style: solid;
  border-width: 2px 2px 0 2px;
  border-color: #fff
}

.posters-tab.hide {
  right:-99px
}

.posters-tab:hover {
  padding-bottom:20px
}

.poster-meerkat {
  position: absolute;
  width:180px;
  left: -10px;
  bottom: -31px;
}

.poster-meerkat2 {
  position: absolute;
  width:180px;
  right: -10px;
  top: -31px;
  transform:rotate(180deg)
}

.poster-meerkat img, .poster-meerkat2 img{
  width:100%;
}

@media screen and (max-width:576.98px) {
  .poster-popup {
    width: 98vw;
    height: 98vw;
    top:50%;
    right: 0;
    left:50%;
    transform:translate(100%,-50%) rotate(180deg);
    padding:10px
  }
  
  .poster-popup.roll-out{
    transform:translate(-50%,-50%)  rotate(0deg);
  }
  
  .poster-popup p {
    font-size:12px!important;
    margin: 4px auto
  }
  
  .poster-popup p.h3 {
    font-size: 5.4vw!important;
    font-weight: 800!important;
    margin-bottom: 10px;
  }

  .poster-popup p i {
    font-size:28px;
    transform:translate(0,16px);
  }
  
  .posters-tab {
    font-size:12px;
    padding: 10px 20px;
    padding: 8px 20px 4px 20px;
    right:-49px
  }

  .posters-tab.hide {
    right:-99px
  }
}

/* MOBILE MENU */

.menu-drawer {
  position:fixed!important;
  top:0!important;
/*   border:none!important */
  width:100vw!important;
  max-width:100%!important;
/*   height:calc(100vh - 49px - 4rem)!important; */
  height:auto!important
}

.menu-drawer__navigation {
  padding-top: 16rem!important;
  position:relative;
  overflow:hidden;
  min-height:500px
}

@media screen and (max-height:450px) and (orientation: landscape) {
  .menu-drawer__navigation {
    padding-top: 11rem!important;
    max-height: 357px;
  }
  .menu-drawer {
    height:100vh!important
  }
}

.menu-drawer__inner-container {
  overflow:hidden
}

.menu-meerkat {
  position:absolute;
  bottom: -260px;
  right: 165px;
  width: 50px;
  z-index:999
}

@keyframes meerkat-up {
  0% {bottom: -260px;}
  50% {bottom: -150px;}
  100% {bottom: -260px;}
}
.up {
  animation-name: meerkat-up;
  animation-duration: 20s;
}



.product__qty-cart {
  display:flex
}

.product-form__input {
  flex:0!important
}

.product-form {
  width:100%;
  padding-left: 30px;
}

.product-form__quantity label {
  font-size:16px;
  font-weight:700
}

@media screen and (max-width:576.98px) {
  .product__qty-cart {
    flex-direction:column!important
  }
  .product-form {
    width:100%;
    padding-left: 0;
    margin:0!important
  }
  .product-form__quantity {
    width:100%!important;
    max-width:100%!important;
  }
  .quantity {
    width:100%!important;
  }
  .product-form__input label {
   text-align:center
  }
}

.quantity {
  border-radius:30px;
  border:none!important;
  background-color: #f5f6f6;
  opacity:1!important;
}

.quantity__input {
  font-weight:700!important;
  color: #000!important;
  opacity:1!important
}

.qty_btn_minus:after {
  content: '-';
  position:absolute;
  top: 10px
}

.qty_btn_plus:after {
  content: '+';
  position:absolute;
  top: 11px
}

.product__details {
  margin-top:20px
}

.product__details ul{
  margin:0;
  padding:0!important;
  list-style:none
}

.product__details ul li{
  padding-bottom: 10px;
  display:flex
}

.product__info-container .price__regular dd {
  text-align:left!important
}

.product-stock-info p {
  font-size: 11px!important;
  color: #808080;
  margin-bottom: 0px;
}

.cart-notification-wrapper .cart-notification {
  border: 3px solid #000;
  border-radius: 30px;
}

.cart-notification__links .link.button-label {
  color: #000;
}

.cart-notification__links a {
  box-shadow:none!important;
  border:3px solid #000;
  border-radius:25px!important;
  color:#000
}

#specs li:not(:last-of-type){
     padding-bottom: 10px;
} 

cart-remove-button .button {
  box-shadow:none!important;
  background-color:#000;
  border-radius: 10px
}

.menu-drawer-container summary {
  z-index:4!important
}

@media screen and (max-width: 576.98px) {
  .menu-drawer-container summary {
    z-index:1
  }
}

.accordion-item {
  border-radius:20px!important;
  border:none!important
}

.accordion-button:not(.collapsed)::after {
    background-image: url(data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='#000'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e)!important;
    transform: rotate(
-180deg);
}

@media screen and (min-width: 750px) {
  .footer__content-top {
    padding-top: 2rem!important;
    padding-bottom: 3rem!important;
  }
}

@media screen and (max-width: 733.98px) {
  .footer__content-top {
    padding-top: 0!important;
  }
}

.blog-arrows a {
  font-size:20px!important;
}

.blog-arrows a i {
  transition:0.3s all
}

.blog-arrows.next a:hover > i {
  transform:translate(10px,0)
}

.blog-arrows.prev a:hover > i {
  transform:translate(-10px,0)
}

@media screen and (max-width: 576.98px) {
  .blog-arrows a {
    font-size:16px
  }
}

.job-container {
  border-radius:30px;
  background-color:#f5f6f6;
  max-width: 900px!important;
  margin: 0 auto!important
}

@media screen and (max-width: 576.98px) {
  .job-container {
    max-width: 94%!important;
  }
}

.job-container span{
  font-weight:700
}

@media screen and (min-width:990px) {
  .modal__close-button.link {
    margin-top:-34px!important
  }
  .modal__content {
    top: 18px!important;
    left:-8vw!important;
    background-color:transparent!important
  }
  
  .search-modal__form .field label {
    visibility:hidden
  }
  
  .search__input.field__input {
    padding: 4px 10px!important;
  }
}

.template-search__search .field__label {
  visibility:hidden
}

.template-search__results .pagination, nav.pagination {
  justify-content:center!important
}

.template-search__results {
  margin-top:0!important;
  padding-top:6rem!important;
}

.template-search__results .pagination__list, .pagination__list {
  flex-wrap: nowrap!important
}

.pagination-wrapper-small {
  margin-top: 9rem!important;
  margin-bottom: 0!important
}

.template-search .top-divider-grey {
  margin-top:6rem!important
}

.template-search__search .field{
  position:relative
}

.template-search h1{
  position:relative;
  z-index:2;
  background-color:#fff;
  border-radius:20px;
  width: 270px;
  margin: 0 auto;
  box-shadow: 4px 5px 6px 0px rgb(0 0 0 / 30%);
}

.yeti-search {
  position:absolute;
  top: -175px;
  right: 1px;;
  width:250px
}

@media screen and (max-width:576.98px) {
  .yeti-search {
    top: -138px;
    width: 198px;
  }
}

.yeti-search img {
  width:100%
}

.list-social__item .icon {
  height:2.2em!important;
  width:2.2em!important;
}

li[data-address] {
    position: relative;
}

.delete-address-modal-container {
  position: fixed;
  display: none;
  top: 50%;
  left:50%;
  transform:translate(-50%,-50%);
  z-index: 10;
  width: 100vw;
  height: 100vh;
  backdrop-filter: blur(2px);
  justify-content: center;
  align-items: center;

}

.delete-address-modal-container .delete-address-modal {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  width: 400px;
  background-color: #fff;
  border: 3px solid #000;
  border-radius: 30px;
  padding: 20px;
  padding-top: 40px;
}

.delete-address-modal-container .delete-address-modal .close-delete-modal {
	position: absolute;
    top: 0px;
    right: 0px;
    padding: 10px;
  font-size: 12px;
  text-decoration: underline;
  cursor: pointer;
}

@media screen and (max-width:576.98px) {
  .delete-address-modal {
    max-width: 90vw;
  }
}

.address-delete-form {
  margin-top:0!important
}

.delete-address-modal .address-delete-form {
  display:block!important
}

.product__qty-cart .product-form__submit {
  padding:.9rem 2rem 1.1rem;
}

.category-archive-section {
  position:relative;
  overflow:hidden;
}

span.selected-filter{
     text-transform: capitalize
}

.header:not(.header--has-menu) *>.header__search {
    display: inline-flex!important;
}

.customer .field label {
  font-size:16px!important
}

.product__media-item .product__media.media {
  background-color:transparent!important
}

.product-section {
  margin-bottom: 60px;
}

.menu-drawer__navigation .search-modal__content .field__label {
  visibility:hidden
}

#no-posts {
  background-color:#fff;
  border-radius:20px;
  margin-top:50px;
  padding:20px 0
}

.pagination-link:hover {
  text-decoration:none!important
}
/* 19-8-23  */

.banner__content {
     display: none;
}
.banner {
    min-height: auto !important;
}
.banner__media {
    position: unset !important;
}
 .rich-text--full-width.color-background-1 {
    margin-top: 0 !important;
  
}
.rich_img img {
    position: absolute;
    top: -100px;
    right: 0%;
}
.rich_img {
    width: calc(100% - 15rem);
    max-width: 90rem;
    margin: 0 auto;
    position: relative;
    height: 80px;
}
.switcher a img {
     width: 28px !important;
    height: 28px !important;
}
.switcher .selected {
    height: 28px !important;
    width: 28px !important;
}
.header__icon .icon {
     color: #fff;
}
.header__menu-item span {
    color: #fff;
}
.header__menu-item .icon-caret {
     color: #fff;
}

.field__input, .select__select, .customer .field input, .customer select {
    -webkit-appearance: none;
    appearance: none;
    background-color: transparent;
    border: 0;
    border-radius: 0;
    color: var(--color-foreground);
    font-size: 1.6rem;
    width: 100%;
    box-shadow: 0 0 0 .1rem var(--color-foreground-55);
    height: 2.5rem !important;
    box-sizing: border-box;
    transition: box-shadow var(--duration-short) ease;
}
.header__icons {
    display: flex;
    grid-area: icons;
    justify-self: end;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
}
.header__icons {
    justify-self: end;
    justify-content: flex-start;
  padding: 0 1rem;
}
.field {
    position: relative;
    width: 250px !important;
 
}
.switcher .selected a {
    padding: 0 !important;
}
.justify-content-between {
    justify-content: center !important;
}
.coll_btn {
    width: auto !important;
}
.coll_btn button {
    padding: 2px 10px !important;
}
/* .collection-product-count {
    display: none;
} */
.filter-title img {
    width: 30px;
}
.main_coll .media>img {
    object-fit: contain;
}
.card_info_main {
    display: flex;
    justify-content: space-between;
}
.card-information {
    width: 80%;
}
.f-p-btns {
    display: flex;
    flex-direction: column;
   gap:20px;
  
}
.card-wrapper .h3 {
    text-align: left;
}
.filter-options-container ul li a {
    text-transform: capitalize;
    position: relative;
}
.filter-options-container ul li a input[type="radio"] {
    position: absolute;
    width: 100%;
    height: 100%;
  opacity:0;
}
.filter-options-container ul li a input[type="radio"]:checked + .custom-checkbox {
  background-color: #000; /* Change this to your desired checked color */
  border-color: #fff;
}
.checkbox-label {
  display: inline-flex;
  align-items: center;
}
.cst_radius {
    border-radius: 30px;
    overflow: hidden;
}

.custom-checkbox {
  display: inline-block;
  width: 16px;
  height: 16px;
  border: 1px solid #ccc;
  margin-right: 8px;
  background-color: white;
}

.filter-options-container ul li {
    list-style: none;
}
.filter-options-container ul {
    padding: 0;
}

.filter-options-container ul li a {
    text-transform: capitalize;
}
.coll-header .title_img img {
    display: block;
    width: 250px;
}
.coll-header .title_img {
    margin-bottom: 20px;
}
.fro_all {
    margin-bottom: 30px;
}
.coll-header a {
    text-decoration: underline !important;
    color: #fff !IMPORTANT;
}
.coll-header {
    padding: 20px;
  
}
.rich-text__text.rte h2 {
    color: #FAA61B;
}
.category-archive-section h2 {
    color: #FAA61B;
}
.collection__format-grid{
  display:none;
}

@media screen and (max-width:768px) {

li.grid__item.product-card{
  padding-bottom:0px;
}
.collection__format-grid span.heading.h4 {
    margin-bottom: 0px;
margin-right:5px;
}
.header__heading-logo {
    width: 110px !important;
}
  .header__icons {
     padding: 0 !important;
}
  .rich_img {
    width: calc(100% - 2rem);
    max-width: 100rem;
 height: 40px;
}
  #shopify-section-template--16145563058337__8eb1af5e-4f48-4d65-a71a-434d86ef3793 h2.h1 {
    font-size: 36px !important;
}
  .rich-text__text.rte h2 {
    font-size: 16px !important;
    line-height: 1.5 !important;
}
  .rich-text__blocks {
    padding: 0 10px  !important;
}
  .rich-text:not(.rich-text--full-width), .rich-text--full-width.color-background-1 {
    margin-bottom: 0  !important;
}
 .rich-text__text.rte p {
    font-size: 14px !important;
}
  .rich_img img {
    top: -40px;
}
  .heading-text-snippet {
    margin: 0;
 }
  .heading-text-snippet p {
    color: #000;
    font-size: 14px !important;
}
  .heading-text-snippet h2, .heading-text-snippet h1 {
    margin: 30px auto;
}
  .featured-products-section .card-wrapper {
     padding: 5%;
}
  .menu-drawer__navigation {
    padding-top: 0 !important;
 }
  .filter-sidebar {
    margin: 0;
}
  .collection .negative-margin, .template-search .negative-margin {
    margin-bottom: 0 !important;
}
  .grid {
    margin-left: 0 !important;
}
  .collection-grid-wrapper {
    padding: 0 10px;
}
  .cst_radius {
    margin-bottom: 2rem;
}
  .header {
    flex-direction: unset !important;
}
  .contact__fields .field .field__input, .field .field__input {
    border: 2px solid #000;
    border-radius: 15px;
    background-color: #fff;
}
 .search__input.field__input {
    padding: 27px 10px!important;
}
  button.black, button.cart__checkout-button, form button, .shopify-challenge__button, .addresses button, .newsletter-container input[type=submit] {
    background-color: #000 !important;
    color: #fff!important;
    border: 3px solid #000 !important;
    border-radius: 25px!important;
    transition: 0.3s all;
}
  .header__icon .icon {
    color: #000;
}
    .menu-drawer__navigation {
    padding-top: 90px !important;
}
 .search_mobile_cst {
    display: flex;
    gap: 20px;
    align-items: center;
}
  button.close.link.link--text.focus-inset {
    padding: 0;
}
  svg.icon.icon-close {
    width: 20px;
    height: 20px;
}
  .field__button {
    height: 4rem !important;
    top: -1px !important;
    width: 4rem !important;
}
    .search__input.field__input {
    padding: 17px 10px!important;
}
    .search_mobile_cst .search-modal__form {
    width: 75%;
}
  details.menu-opening[open="true"] summary.header__icon.header__icon--search.header__icon--summary.link.link--text.focus-inset.modal__toggle {
    visibility: hidden;
}
 .template-search .field {
    width: 100% !important;
}
  .template-search__search {
    margin: 0 auto;
    max-width: 270px !important;
}
 
}
@media screen and (max-width:750px) {
.collection__format-grid{
 display: flex !important;
    align-items: center;
    justify-content: center;
    margin-bottom: 25px;
    margin-top: 10px;
}

.custom__grid-list.custom__active svg {
    fill: #fff;
}
.custom__grid--column.custom__grid-active svg {
    fill: #fff;
}
ul#main-collection-product-grid {
    gap: 5px;
}
}
/* new changes css 9-8-23 */
.list-collections .category-archive-section h2 {
    margin-top: 0;
}
.coll-header .title_img {
    display: flex;
    align-items: center;
}
.collection-product-count {
    margin: 0 !important;
}
.card-wrapper .h3 {
    font-size: 18px !important;
}
.product .row.slide-row {
    flex-wrap: nowrap;
}
.product  .row.slide-row .column {
    width: auto;
}
.product .prevv, .product .nextt {
    cursor: pointer!important;
    position: absolute;
    top: 50%;
    width: auto;
    padding: 16px;
    margin-top: -50px;
    color: #000;
    font-weight: 700;
    font-size: 20px;
    border-radius: 0 3px 3px 0;
    user-select: none;
    -webkit-user-select: none;
    background-color: transparent;
}
.product:not(.product--no-media) .product__media-wrapper {
    overflow: hidden;
}

@media screen and (max-width:375px) {
.custom__griditem .card_info_main {
    flex-direction: column;
}
.custom__griditem .f-p-btns {
align-items:flex-start;
margin-top:5px;
gap:0px;
column-gap: 5px;
    flex-direction: row;
}
.custom__griditem .card_info_main .f-p-buy-btn{
  min-width:unset !important;
}
.custom__griditem .f-p-btns button{
        font-size: 14px !important;
  }  
.custom__griditem .card-information{
  width:100%;
}
}
@media screen and (max-width:768px) {
  a.f-p-buy-btn {
    display: none;
}
  .f-p-btns button {
    padding: 2px 6px;
   font-size: 12px !important;
}
  .card-wrapper .h3 {
    font-size: 14px !important;
    line-height: 14px !important;
}
  .price dd {
    font-size: 14px;
}
  .product-stock-info p {
    font-size: 10px!important;
}
  .size-indicator {
    width: 20px;
    height: 20px;
}
  .card_info_main {
    display: flex;
    justify-content: space-between;
  flex-direction: column;
}
  .f-p-btns {
    display: flex;
    flex-direction: column;
   gap:20px;
   align-items: center !important;
   flex-wrap: wrap;
   justify-content: center;
  
}
}