/** Shopify CDN: Minification failed

Line 1954:0 Unexpected "="
Line 1971:0 Unexpected "="
Line 2362:23 Expected identifier but found "*"
Line 3912:2 Expected identifier but found "*"
Line 5525:25 Unexpected "{"
Line 7119:1 Unexpected ";"
Line 7161:13 Expected ":"
Line 7718:2 Comments in CSS use "/* ... */" instead of "//"
Line 12566:48 Expected identifier but found "*"
Line 14544:28 Unexpected "{"

**/
/*
* Icon Shopify Theme
* Version 6.6.3
* Copyright 2019, We are Underground llc
* https://www.weareunderground.com
*
* Gridlock v3.2.1
* A responsive CSS grid system. Part of the Formstone Library.
* http://formstone.it/gridlock/
*
* Copyright 2014 Ben Plum; MIT Licensed
*/
*, :after, :before {
 box-sizing: border-box;
}

/*
@font-face {
font-family: "Athelas";
src: url("Athlas-Regular.woff") format("woff"),
url("NAthlas-Regular.woff") format("woff");
}
*/
*{
  box-sizing: border-box;
}
.gridlock .row {
 width: 92%;
 margin-left: auto;
 margin-right: auto
}

.gridlock .row:after {
 height: 0;
 clear: both;
 content: "";
 display: block;
 line-height: 0;
 visibility: hidden
}

.gridlock .row .row {
 width: 102.08333333%;
 margin-left: -1.04166667%;
 margin-right: -1.04166667%
}

.gridlock .row .contained .row {
 width: 100%;
 margin-left: 0;
 margin-right: 0
}

.gridlock .row [class*=all-], .gridlock .row [class*=desktop-], .gridlock .row [class*=max-], .gridlock .row [class*=min-], .gridlock .row [class*=mobile-], .gridlock .row [class*=tablet-] {
 float: left;
 margin-left: 1.04166667%;
 margin-right: 1.04166667%
}

.gridlock .row [class*=all-].padded, .gridlock .row [class*=desktop-].padded, .gridlock .row [class*=max-].padded, .gridlock .row [class*=min-].padded, .gridlock .row [class*=mobile-].padded, .gridlock .row [class*=tablet-].padded {
 box-sizing: content-box;
 margin-left: 0;
 margin-right: 0;
 padding-left: 1.04166667%;
 padding-right: 1.04166667%
}

.gridlock .row [class*=all-].contained, .gridlock .row [class*=desktop-].contained, .gridlock .row [class*=max-].contained, .gridlock .row [class*=min-].contained, .gridlock .row [class*=mobile-].contained, .gridlock .row [class*=tablet-].contained {
 margin-left: 0;
 margin-right: 0
}

.gridlock .row [class*=all-].right, .gridlock .row [class*=desktop-].right, .gridlock .row [class*=max-].right, .gridlock .row [class*=min-].right, .gridlock .row [class*=mobile-].right, .gridlock .row [class*=tablet-].right {
 float: right
}
.wrapper-new{
  max-width:   1352px;
  padding: 0 20px;
  margin: 0 auto;
}
div.rc_popup__block{
   border-radius: 5px;
}
div.rc_popup__block:before{
   left: 3px!important;
}
div.rc_popup__block__footer{
   text-align: center!important;
}
img.rc_popup__badge{
   height: auto!important;
   border-top-right-radius: 20px!important;
   border-bottom-right-radius: 20px!important;
}
.textUpper{
   text-transform: uppercase;
}
.descriptionOuter{
   background: #f5f5f5;
   padding: 20px;
}
.descriptionOuter h3{
   font-size: 18px;
   font-weight: bold;
   width: 100%;
   margin-left: 0!important;

}
.online_order{
   display: block !important;
    margin-top: 10px;
    width: 100%;
    line-height: 48px !important;
    padding: 0 !important;
    text-align: center;
    margin-bottom: 0px! important;
    background: #000000;
    border: none;
    -webkit-transition: background 0.3s ease,color 0.3s ease;
    -moz-transition: background 0.3s ease,color 0.3s ease;
    -o-transition: background 0.3s ease,color 0.3s ease;
    transition: background 0.3s ease,color 0.3s ease;
    -webkit-appearance: none;
    color: #ffffff;
    display: inline-block;
    font-family: Helvetica !important;
    font-weight: 300;
    font-size: 16px !important;
    cursor: pointer;
    height: 48px;
    text-decoration: none!important;
}
.online_order:hover{
    color: #ffffff;
    background: #d80000;
    
}
.cta2 a:hover{
  background-color: #000000;
  color: #ffffff;
}
.banner_area{
   height: 50vh; 
   width: 100%;
     display: flex;
   align-items: center;
     justify-content: center;
     position: relative;
}
.banner_area h1{
  font-size: 52px;
  font-weight: bold;
  color: #fff;
}
.banner_area p{
    color: #fff;
    font-size: 21px;
    line-height: 31px;
}
.overlay{
    position: absolute;
    top: 0;
    left: 0;
    z-index: 9;
    background-color: #000;
    opacity: 0.4;
    width: 100%;
    height: 100%;
}
.banner_area .gridlock{
  position: relative;
  z-index: 10;
}
.gift_subsciption{
  background:#f53c32;
  padding-top: 20px;
  padding-bottom: 5px ;
}
.subscription_produc_image{
  position: relative;
  width: 351px;
  float: left;
    height: 250px;
}
.subscription_produc_image img{
  position: absolute;
    z-index: 999;
    top: -85px;
}
.subscription_details{
  text-align: center;
    float: left;
    width: 58%;
    color: #fff;
}
.subscription_details h2{
  font-size: 28px;
  font-weight: bold;
  color: #fff;
}
.subscription_details p{
  font-size: 18px;
}
.gift_subsciption #rc_container, .gift_subsciption .descriptionOuter{
  display: none!important;
}
.gift_subsciption  .ajaxified-cart-feedback a{
    display: inline-block;
    text-align: center;
    margin: 6px 0;
    border-radius: 0;
}
.subscription_button{
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
}
.subscription_button a{
  background: #fff;
  color: #000;
  text-decoration: none;
  padding: 10px 15px;
  border-radius: 7px;
}
.Merchandise, .Brewing, .coffee{
  margin-top: 80px;
}
.gift_subsciption.gift_card{
    display: flex;
    justify-content: center;
    align-items: center;
}
.gift_card h2{
    font-size: 26px;
    font-weight: bold;
    color: #fff;
}
.gift_card p{
    font-size: 18px;
    margin: 20px 0 30px;
    color: #fff;
}
.gift_card a{
    background: #fff;
    color: #000;
    text-decoration: none;
    padding: 15px 37px;
    display: inline-block;
    border-radius: 0;
    -webkit-appearance: none;
}
.gift-image{
  position: relative;
}
.gift-image1 img{
  width: 60%;
  margin-top:10px;
}
.gift-image img{
    width: 80%;
    position: absolute;
    top: -149px;
}
.Brewing {
    margin-top: 145px;
}
.Merchandise {
  margin-bottom: 80px;
}
.gift_subsciption .row{
  display:flex;
  align-items: center;
}
.coffee-slider .product-details h3, .coffee-slider .price, .coffee-slider .jdgm-prev-badge{
  text-align: center;
}
.giftpage .box-ratio img, .gift_page_image .box-ratio img{
    width: auto!important;
    height: 253px;
    display: initial;
    transition: 0.3s;
}
.box-ratio img{
  transition: 1s;
}
.box-ratio img:hover {
    transform: scale(1.1);
    transition: 1s;
}
.giftpage .box-ratio, .gift_page_image .box-ratio {
  padding-bottom: 0px!important;
  height: 100%!important;
}
.coffee-slider .slick-slide {
  margin-left:27px;
}
.gift_subsciption .coffee-product-details, .gift_subsciption .coffee-product-details .money span {
    color: #fff !important;
}
.gift_subsciption .coffee-product-details .descriptionOuter {
    background: transparent;
}
.gift_subsciption .coffee-product-details input.add.clearfix.AddtoCart{
  background: #fff;
  color: #000;
  -webkit-appearance:none;
  border-radius: 0;
  font-weight: 400;
}
.gift_subsciption .coffee-product-details input.add.clearfix.AddtoCart:hover{
  background: #fff;
  opacity: 0.8;
}
.gift_subsciption .coffee-product-details .rc_popup__block__content a{
  display: inline-block;
  margin-top: 10px;
}
.gift_subsciption.gift_card {
    padding-bottom: 20px;
}
.gift_card a:hover {
    background: #fff;
    opacity: 0.8;
}
/* the parent */
.coffee-slider .slick-list {
  margin-left:-27px;
}
.slider_outer .slick-arrow {
    position: absolute;
    top: 50%;

    z-index: 1;
    background-size: contain;
    background-repeat: no-repeat;
    font-size: 0;
    background-color: rgba(255, 255, 255, .6);
    border: none;
    outline: 0;
    transform: none;
    cursor: pointer;
    background-repeat: no-repeat !important;
    width: 30px!important;
    height: 30px!important;
}
.slider_outer .nextArrow {
    right: -39px;
    background-image: url(arrow-right.svg);
}
.slider_outer .prevArrow {
    left: -26px;
    background-image: url(arrow-left.svg);
}
.slider_outer .nextArrow:hover{
  background-image: url(arrow-right.svg);
  background-color: transparent;
  background-repeat: no-repeat;
  background-repeat: no-repeat !important;
  width: 30px;
  height: 30px;
}
.slider_outer .prevArrow:hover {
  background-image: url(arrow-left.svg);
  background-color: transparent;
  background-repeat: no-repeat;
  background-repeat: no-repeat !important;
  width: 30px;
  height: 30px;
}
.slider_outer .subscription_button a{
    display: inline-block;
    padding: 10px 27px;
    margin-top: 10px;
}
.product-des-new #readmore,
.product-des-new a#readless {
  color: #6A656B;
  font-size: 13px;
  /* font-family: Raleway; */
  line-height: 22px;
  text-decoration-line: underline;
  margin-top: 0px;
  display: block;
}
.product\.dark .rc-container-wrapper.rc_container_wrapper{
  display: none;
}
.product\.dark div#thumbnail-gallery{
  display: block;
}
@media screen and (max-width:1230px) {
  .gift_subsciption {
    overflow: hidden;
  }
  .subscription_produc_image{

      width: 223px;
  }
  .subscription_produc_image img{
     top: -32px;
  }
  .subscription_details{
    width: 60%;
  }
  .gift_subsciption{
      /*margin: 53px 0;*/
  }
  .gift_subsciption.gift_card{
      overflow: inherit;
  }
}
@media screen and (max-width:940px) {
  .ajaxified-cart-feedback.success, .ajaxified-cart-feedback.error{
    text-align: center;
  }
  .new-single-product-sec input#AddToCart{
    border-radius: 5px;
  }
/*   .product-add{
    text-align: center;
  } */
  .banner_area{
    height: 70vh;
  }
  .gift_subsciption{
    height: auto;
    max-height:inherit;
  }
  .subscription_produc_image{
    height: 180px;
  }
  .subscription_button{
    height: 99px;
  }
  .Brewing {
    margin-top: 50px;
  }
  .gift-image img{
    top: -76px;
  }
}
@media screen and (max-width:600px) {
  .subscription_produc_image img{
    position: static;
    top: auto;
    width: 100%;
  }
  .subscription_details{
    width: 100%;
  }
  .subscription_produc_image img{
    top: 0;
  }
  .gift-image{
    text-align: center;
  }
  .gift-image img{
    position: static;
    top: 0;
  }
  .gift_subsciption  .mobile-3{
    text-align: center;
  }
  .gift_subsciption.gift_card{
    height: auto;
    padding-top: 20px;
  }
  }

@media screen and (min-width:500px) {
 .gridlock .row {
   width: 92%
 }
}

@media screen and (min-width:740px) {
 .gridlock .row {
   width: 720px
 }
}

@media screen and (min-width:980px) {
 .gridlock .row {
   width: 960px
 }
}

@media screen and (min-width:1220px) {
 .gridlock .row {
   width: 1200px
 }
}

@media screen and (min-width:1320px) {
 .gridlock .row {
   width: 1170px
 }
}

@media screen and (min-width:1420px) {
 .gridlock .row {
   width: 1170px
 }
}

@media screen and (min-width:1660px) {
 .gridlock .row {
   width: 1200px
 }
}

@media screen and (max-width:739px) {
.cta_outer{
 display: flex;
 align-items: baseline;
}
 .gridlock-mobile-fluid .row {
   width: 98%
 }
}

.gridlock .row .all-fifth {
 width: 17.91666667%
}

.gridlock .row .all-fourth {
 width: 22.91666667%
}

.gridlock .row .all-third {
 width: 31.25%
}

.gridlock .row .all-half {
 width: 47.91666667%
}

.gridlock .row .all-full {
 width: 97.91666667%
}

.gridlock .row .all-push-fifth {
 margin-left: 21.04166667%
}

.gridlock .row .all-push-fourth {
 margin-left: 26.04166667%
}

.gridlock .row .all-push-third {
 margin-left: 34.375%
}

.gridlock .row .all-push-half {
 margin-left: 51.04166667%
}

.gridlock .row .contained.all-fifth {
 width: 20%
}

.gridlock .row .contained.all-fourth {
 width: 25%
}

.gridlock .row .contained.all-third {
 width: 33.33333333%
}

.gridlock .row .contained.all-half {
 width: 50%
}

.gridlock .row .contained.all-full {
 width: 100%
}

.gridlock .row .contained.all-push-fifth {
 margin-left: 20%
}

.gridlock .row .contained.all-push-fourth {
 margin-left: 25%
}

.gridlock .row .contained.all-push-third {
 margin-left: 33.33333333%
}

.gridlock .row .contained.all-push-half {
 margin-left: 50%
}

.gridlock .row [class*=all-].centered {
 float: none;
 margin-left: auto;
 margin-right: auto
}

.gridlock .row .all-hide {
 display: none
}

@media screen and (max-width:739px) {
 .gridlock .row .mobile-1 {
   width: 31.25%
 }
 .gridlock .row .mobile-2 {
   width: 64.58333333%
 }
 .gridlock .row .mobile-3 {
   width: 97.91666667%
 }
 .gridlock .row .mobile-push-1 {
   margin-left: 34.375%
 }
 .gridlock .row .mobile-push-2 {
   margin-left: 67.70833333%
 }
 .gridlock .row .contained.mobile-1 {
   width: 33.33333333%
 }
 .gridlock .row .contained.mobile-2 {
   width: 66.66666667%
 }
 .gridlock .row .contained.mobile-3 {
   width: 100%
 }
 .gridlock .row .contained.mobile-push-1 {
   margin-left: 33.33333333%
 }
 .gridlock .row .contained.mobile-push-2 {
   margin-left: 66.66666667%
 }
 .gridlock .row .mobile-fifth {
   width: 17.91666667%
 }
 .gridlock .row .mobile-fourth {
   width: 22.91666667%
 }
 .gridlock .row .mobile-third {
   width: 31.25%
 }
 .gridlock .row .mobile-half {
   width: 47.91666667%
 }
 .gridlock .row .mobile-full {
   width: 97.91666667%
 }
 .gridlock .row .mobile-push-fifth {
   margin-left: 21.04166667%
 }
 .gridlock .row .mobile-push-fourth {
   margin-left: 26.04166667%
 }
 .gridlock .row .mobile-push-third {
   margin-left: 34.375%
 }
 .gridlock .row .mobile-push-half {
   margin-left: 51.04166667%
 }
 .gridlock .row .contained.mobile-fifth {
   width: 20%
 }
 .gridlock .row .contained.mobile-fourth {
   width: 25%
 }
 .gridlock .row .contained.mobile-third {
   width: 33.33333333%
 }
 .gridlock .row .contained.mobile-half {
   width: 50%
 }
 .gridlock .row .contained.mobile-full {
   width: 100%
 }
 .gridlock .row .contained.mobile-push-fifth {
   margin-left: 20%
 }
 .gridlock .row .contained.mobile-push-fourth {
   margin-left: 25%
 }
 .gridlock .row .contained.mobile-push-third {
   margin-left: 33.33333333%
 }
 .gridlock .row .contained.mobile-push-half {
   margin-left: 50%
 }
 .gridlock .row [class*=mobile-].centered {
   float: none;
   margin-left: auto;
   margin-right: auto
 }
 .gridlock .row .mobile-hide {
   display: none
 }
}
@media screen and (max-width:590px) {
.cta_outer {
    display: block;
}

}
@media screen and (max-width:499px) {
 .gridlock .row .min-1 {
   width: 31.25%
 }
 .gridlock .row .min-2 {
   width: 64.58333333%
 }
 .gridlock .row .min-3 {
   width: 97.91666667%
 }
 .gridlock .row .min-push-1 {
   margin-left: 34.375%
 }
 .gridlock .row .min-push-2 {
   margin-left: 67.70833333%
 }
 .gridlock .row .contained.min-1 {
   width: 33.33333333%
 }
 .gridlock .row .contained.min-2 {
   width: 66.66666667%
 }
 .gridlock .row .contained.min-3 {
   width: 100%
 }
 .gridlock .row .contained.min-push-1 {
   margin-left: 33.33333333%
 }
 .gridlock .row .contained.min-push-2 {
   margin-left: 66.66666667%
 }
 .gridlock .row .min-fifth {
   width: 17.91666667%
 }
 .gridlock .row .min-fourth {
   width: 22.91666667%
 }
 .gridlock .row .min-third {
   width: 31.25%
 }
 .gridlock .row .min-half {
   width: 47.91666667%
 }
 .gridlock .row .min-full {
   width: 97.91666667%
 }
 .gridlock .row .min-push-fifth {
   margin-left: 21.04166667%
 }
 .gridlock .row .min-push-fourth {
   margin-left: 26.04166667%
 }
 .gridlock .row .min-push-third {
   margin-left: 34.375%
 }
 .gridlock .row .min-push-half {
   margin-left: 51.04166667%
 }
 .gridlock .row .contained.min-fifth {
   width: 20%
 }
 .gridlock .row .contained.min-fourth {
   width: 25%
 }
 .gridlock .row .contained.min-third {
   width: 33.33333333%
 }
 .gridlock .row .contained.min-half {
   width: 50%
 }
 .gridlock .row .contained.min-full {
   width: 100%
 }
 .gridlock .row .contained.min-push-fifth {
   margin-left: 20%
 }
 .gridlock .row .contained.min-push-fourth {
   margin-left: 25%
 }
 .gridlock .row .contained.min-push-third {
   margin-left: 33.33333333%
 }
 .gridlock .row .contained.min-push-half {
   margin-left: 50%
 }
 .gridlock .row [class*=min-].centered {
   float: none;
   margin-left: auto;
   margin-right: auto
 }
 .gridlock .row .min-hide {
   display: none
 }
}

@media screen and (min-width:740px) and (max-width:979px) {
   .cta a{
    padding: 0 34px!important;   
    font-size: 11px;
   }
 .cta2 a{
   width: 185px!important;
   font-size: 11px;
    padding: 0px 14px;
 }  
 .gridlock .row .tablet-1 {
   width: 14.58333333%
 }
 .gridlock .row .tablet-2 {
   width: 31.25%
 }
 .gridlock .row .tablet-3 {
   width: 47.91666667%
 }
 .gridlock .row .tablet-4 {
   width: 64.58333333%
 }
 .gridlock .row .tablet-5 {
   width: 81.25%
 }
 .gridlock .row .tablet-6 {
   width: 97.91666667%
 }
 .gridlock .row .tablet-push-1 {
   margin-left: 17.70833333%
 }
 .gridlock .row .tablet-push-2 {
   margin-left: 34.375%
 }
 .gridlock .row .tablet-push-3 {
   margin-left: 51.04166667%
 }
 .gridlock .row .tablet-push-4 {
   margin-left: 67.70833333%
 }
 .gridlock .row .tablet-push-5 {
   margin-left: 84.375%
 }
 .gridlock .row .contained.tablet-1 {
   width: 16.66666667%
 }
 .gridlock .row .contained.tablet-2 {
   width: 33.33333333%
 }
 .gridlock .row .contained.tablet-3 {
   width: 50%
 }
 .gridlock .row .contained.tablet-4 {
   width: 66.66666667%
 }
 .gridlock .row .contained.tablet-5 {
   width: 83.33333333%
 }
 .gridlock .row .contained.tablet-6 {
   width: 100%
 }
 .gridlock .row .contained.tablet-push-1 {
   margin-left: 16.66666667%
 }
 .gridlock .row .contained.tablet-push-2 {
   margin-left: 33.33333333%
 }
 .gridlock .row .contained.tablet-push-3 {
   margin-left: 50%
 }
 .gridlock .row .contained.tablet-push-4 {
   margin-left: 66.66666667%
 }
 .gridlock .row .contained.tablet-push-5 {
   margin-left: 83.33333333%
 }
 .gridlock .row .tablet-fifth {
   width: 17.91666667%
 }
 .gridlock .row .tablet-fourth {
   width: 22.91666667%
 }
 .gridlock .row .tablet-third {
   width: 31.25%
 }
 .gridlock .row .tablet-three-quarter {
   width: 72.9%
 }
 .gridlock .row .tablet-two-thirds {
   width: 64.5%
 }
 .gridlock .row .tablet-half {
   width: 47.91666667%
 }
 .gridlock .row .tablet-full {
   width: 97.91666667%
 }
 .gridlock .row .tablet-push-fifth {
   margin-left: 21.04166667%
 }
 .gridlock .row .tablet-push-fourth {
   margin-left: 26.04166667%
 }
 .gridlock .row .tablet-push-third {
   margin-left: 34.375%
 }
 .gridlock .row .tablet-push-half {
   margin-left: 51.04166667%
 }
 .gridlock .row .contained.tablet-fifth {
   width: 20%
 }
 .gridlock .row .contained.tablet-fourth {
   width: 25%
 }
 .gridlock .row .contained.tablet-third {
   width: 33.33333333%
 }
 .gridlock .row .contained.tablet-half {
   width: 50%
 }
 .gridlock .row .contained.tablet-full {
   width: 100%
 }
 .gridlock .row .contained.tablet-push-fifth {
   margin-left: 20%
 }
 .gridlock .row .contained.tablet-push-fourth {
   margin-left: 25%
 }
 .gridlock .row .contained.tablet-push-third {
   margin-left: 33.33333333%
 }
 .gridlock .row .contained.tablet-push-half {
   margin-left: 50%
 }
 .gridlock .row [class*=tablet-].centered {
   float: none;
   margin-left: auto;
   margin-right: auto
 }
 .gridlock .row .tablet-hide {
   display: none !important
 }
}

@media screen and (min-width:980px) {
 .gridlock .row .desktop-1 {
   width: 6.25%
 }
 .gridlock .row .desktop-2 {
   width: 14.58333333%
 }
 .gridlock .row .desktop-3 {
   width: 22.91666667%
 }
 .gridlock .row .desktop-4 {
   width: 31.25%
 }
 .gridlock .row .desktop-5 {
   width: 39.58333333%
 }
 .gridlock .row .desktop-6 {
   width: 47.91666667%
 }
 .gridlock .row .desktop-7 {
   width: 56.25%
 }
 .gridlock .row .desktop-8 {
   width: 64.58333333%
 }
 .gridlock .row .desktop-9 {
   width: 72.91666667%
 }
 .gridlock .row .desktop-10 {
   width: 81.25%
 }
 .gridlock .row .desktop-11 {
   width: 89.58333333%
 }
 .gridlock .row .desktop-12 {
   width: 97.91666667%
 }
 .gridlock .row .desktop-push-1 {
   margin-left: 9.375%
 }
 .gridlock .row .desktop-push-2 {
   margin-left: 17.70833333%
 }
 .gridlock .row .desktop-push-3 {
   margin-left: 26.04166667%
 }
 .gridlock .row .desktop-push-4 {
   margin-left: 34.375%
 }
 .gridlock .row .desktop-push-5 {
   margin-left: 42.70833333%
 }
 .gridlock .row .desktop-push-6 {
   margin-left: 51.04166667%
 }
 .gridlock .row .desktop-push-7 {
   margin-left: 59.375%
 }
 .gridlock .row .desktop-push-8 {
   margin-left: 67.70833333%
 }
 .gridlock .row .desktop-push-9 {
   margin-left: 76.04166667%
 }
 .gridlock .row .desktop-push-10 {
   margin-left: 84.375%
 }
 .gridlock .row .desktop-push-11 {
   margin-left: 92.70833333%
 }
 .gridlock .row .contained.desktop-1 {
   width: 8.33333333%
 }
 .gridlock .row .contained.desktop-2 {
   width: 16.66666667%
 }
 .gridlock .row .contained.desktop-3 {
   width: 25%
 }
 .gridlock .row .contained.desktop-4 {
   width: 33.33333333%
 }
 .gridlock .row .contained.desktop-5 {
   width: 41.66666667%
 }
 .gridlock .row .contained.desktop-6 {
   width: 50%
 }
 .gridlock .row .contained.desktop-7 {
   width: 58.33333333%
 }
 .gridlock .row .contained.desktop-8 {
   width: 66.66666667%
 }
 .gridlock .row .contained.desktop-9 {
   width: 75%
 }
 .gridlock .row .contained.desktop-10 {
   width: 83.33333333%
 }
 .gridlock .row .contained.desktop-11 {
   width: 91.66666667%
 }
 .gridlock .row .contained.desktop-12 {
   width: 100%
 }
 .gridlock .row .contained.desktop-push-1 {
   margin-left: 8.33333333%
 }
 .gridlock .row .contained.desktop-push-2 {
   margin-left: 16.66666667%
 }
 .gridlock .row .contained.desktop-push-3 {
   margin-left: 25%
 }
 .gridlock .row .contained.desktop-push-4 {
   margin-left: 33.33333333%
 }
 .gridlock .row .contained.desktop-push-5 {
   margin-left: 41.66666667%
 }
 .gridlock .row .contained.desktop-push-6 {
   margin-left: 50%
 }
 .gridlock .row .contained.desktop-push-7 {
   margin-left: 58.33333333%
 }
 .gridlock .row .contained.desktop-push-8 {
   margin-left: 66.66666667%
 }
 .gridlock .row .contained.desktop-push-9 {
   margin-left: 75%
 }
 .gridlock .row .contained.desktop-push-10 {
   margin-left: 83.33333333%
 }
 .gridlock .row .contained.desktop-push-11 {
   margin-left: 91.66666667%
 }
 .gridlock .row .desktop-fifth {
   width: 17.91666667%
 }
 .gridlock .row .desktop-fourth {
   width: 22.91666667%
 }
 .gridlock .row .desktop-third {
   width: 31.25%
 }
 .gridlock .row .desktop-half {
   width: 47.91666667%
 }
 .gridlock .row .desktop-full {
   width: 97.91666667%
 }
 .gridlock .row .desktop-push-fifth {
   margin-left: 21.04166667%
 }
 .gridlock .row .desktop-push-fourth {
   margin-left: 26.04166667%
 }
 .gridlock .row .desktop-push-third {
   margin-left: 34.375%
 }
 .gridlock .row .desktop-push-half {
   margin-left: 51.04166667%
 }
 .gridlock .row .contained.desktop-fifth {
   width: 20%
 }
 .gridlock .row .contained.desktop-fourth {
   width: 25%
 }
 .gridlock .row .contained.desktop-third {
   width: 33.33333333%
 }
 .gridlock .row .contained.desktop-half {
   width: 50%
 }
 .gridlock .row .contained.desktop-full {
   width: 100%
 }
 .gridlock .row .contained.desktop-push-fifth {
   margin-left: 20%
 }
 .gridlock .row .contained.desktop-push-fourth {
   margin-left: 25%
 }
 .gridlock .row .contained.desktop-push-third {
   margin-left: 33.33333333%
 }
 .gridlock .row .contained.desktop-push-half {
   margin-left: 50%
 }
 .gridlock .row [class*=desktop-].centered {
   float: none;
   margin-left: auto;
   margin-right: auto
 }
 .gridlock .row .desktop-hide {
   display: none !important
 }
}

@media screen and (min-width:1220px) {
 .gridlock .row .max-1 {
   width: 6.25%
 }
 .gridlock .row .max-2 {
   width: 14.58333333%
 }
 .gridlock .row .max-3 {
   width: 22.91666667%
 }
 .gridlock .row .max-4 {
   width: 31.25%
 }
 .gridlock .row .max-5 {
   width: 39.58333333%
 }
 .gridlock .row .max-6 {
   width: 47.91666667%
 }
 .gridlock .row .max-7 {
   width: 56.25%
 }
 .gridlock .row .max-8 {
   width: 64.58333333%
 }
 .gridlock .row .max-9 {
   width: 72.91666667%
 }
 .gridlock .row .max-10 {
   width: 81.25%
 }
 .gridlock .row .max-11 {
   width: 89.58333333%
 }
 .gridlock .row .max-12 {
   width: 97.91666667%
 }
 .gridlock .row .max-push-1 {
   margin-left: 9.375%
 }
 .gridlock .row .max-push-2 {
   margin-left: 17.70833333%
 }
 .gridlock .row .max-push-3 {
   margin-left: 26.04166667%
 }
 .gridlock .row .max-push-4 {
   margin-left: 34.375%
 }
 .gridlock .row .max-push-5 {
   margin-left: 42.70833333%
 }
 .gridlock .row .max-push-6 {
   margin-left: 51.04166667%
 }
 .gridlock .row .max-push-7 {
   margin-left: 59.375%
 }
 .gridlock .row .max-push-8 {
   margin-left: 67.70833333%
 }
 .gridlock .row .max-push-9 {
   margin-left: 76.04166667%
 }
 .gridlock .row .max-push-10 {
   margin-left: 84.375%
 }
 .gridlock .row .max-push-11 {
   margin-left: 92.70833333%
 }
 .gridlock .row .contained.max-1 {
   width: 8.33333333%
 }
 .gridlock .row .contained.max-2 {
   width: 16.66666667%
 }
 .gridlock .row .contained.max-3 {
   width: 25%
 }
 .gridlock .row .contained.max-4 {
   width: 33.33333333%
 }
 .gridlock .row .contained.max-5 {
   width: 41.66666667%
 }
 .gridlock .row .contained.max-6 {
   width: 50%
 }
 .gridlock .row .contained.max-7 {
   width: 58.33333333%
 }
 .gridlock .row .contained.max-8 {
   width: 66.66666667%
 }
 .gridlock .row .contained.max-9 {
   width: 75%
 }
 .gridlock .row .contained.max-10 {
   width: 83.33333333%
 }
 .gridlock .row .contained.max-11 {
   width: 91.66666667%
 }
 .gridlock .row .contained.max-12 {
   width: 100%
 }
 .gridlock .row .contained.max-push-1 {
   margin-left: 8.33333333%
 }
 .gridlock .row .contained.max-push-2 {
   margin-left: 16.66666667%
 }
 .gridlock .row .contained.max-push-3 {
   margin-left: 25%
 }
 .gridlock .row .contained.max-push-4 {
   margin-left: 33.33333333%
 }
 .gridlock .row .contained.max-push-5 {
   margin-left: 41.66666667%
 }
 .gridlock .row .contained.max-push-6 {
   margin-left: 50%
 }
 .gridlock .row .contained.max-push-7 {
   margin-left: 58.33333333%
 }
 .gridlock .row .contained.max-push-8 {
   margin-left: 66.66666667%
 }
 .gridlock .row .contained.max-push-9 {
   margin-left: 75%
 }
 .gridlock .row .contained.max-push-10 {
   margin-left: 83.33333333%
 }
 .gridlock .row .contained.max-push-11 {
   margin-left: 91.66666667%
 }
 .gridlock .row .max-fifth {
   width: 17.91666667%
 }
 .gridlock .row .max-fourth {
   width: 22.91666667%
 }
 .gridlock .row .max-third {
   width: 31.25%
 }
 .gridlock .row .max-half {
   width: 47.91666667%
 }
 .gridlock .row .max-full {
   width: 97.91666667%
 }
 .gridlock .row .max-push-fifth {
   margin-left: 21.04166667%
 }
 .gridlock .row .max-push-fourth {
   margin-left: 26.04166667%
 }
 .gridlock .row .max-push-third {
   margin-left: 34.375%
 }
 .gridlock .row .max-push-half {
   margin-left: 51.04166667%
 }
 .gridlock .row .contained.max-fifth {
   width: 20%
 }
 .gridlock .row .contained.max-fourth {
   width: 25%
 }
 .gridlock .row .contained.max-third {
   width: 33.33333333%
 }
 .gridlock .row .contained.max-half {
   width: 50%
 }
 .gridlock .row .contained.max-full {
   width: 100%
 }
 .gridlock .row .contained.max-push-fifth {
   margin-left: 20%
 }
 .gridlock .row .contained.max-push-fourth {
   margin-left: 25%
 }
 .gridlock .row .contained.max-push-third {
   margin-left: 33.33333333%
 }
 .gridlock .row .contained.max-push-half {
   margin-left: 50%
 }
 .gridlock .row [class*=max-].centered {
   float: none;
   margin-left: auto;
   margin-right: auto
 }
 .gridlock .row .max-hide {
   display: none
 }
}

.gridlock-fluid .row {
 width: 98%
}

* {
  margin: 0;
}

.first {
  clear: left;
}



@supports (display: grid) {
  .grid_wrapper {
    width: 100%;
    display: grid;
    grid-template-columns: repeat(12, 1fr);
    grid-column-gap: 22px;
    grid-row-gap: 40px;
  }
  .span-12 {
    grid-column: auto / span 12;
    float: none !important;
    margin: 0 !important;
    width: 100% !important;
  }
  .span-11 {
    grid-column: auto / span 11;
    float: none !important;
    margin: 0 !important;
    width: 100% !important;
  }
  .span-10 {
    grid-column: auto / span 10;
    float: none !important;
    margin: 0 !important;
    width: 100% !important;
  }
  .span-9 {
    grid-column: auto / span 9;
    float: none !important;
    margin: 0 !important;
    width: 100% !important;
  }
  .span-8 {
    grid-column: auto / span 8;
    float: none !important;
    margin: 0 !important;
    width: 100% !important;
  }
  .span-7 {
    grid-column: auto / span 7;
    float: none !important;
    margin: 0 !important;
    width: 100% !important;
  }
  .span-6 {
    grid-column: auto / span 6;
    float: none !important;
    margin: 0 !important;
    width: 100% !important;
  }
  .span-5 {
    grid-column: auto / span 5;
    float: none !important;
    margin: 0 !important;
    width: 100% !important;
  }
  .span-4 {
    grid-column: auto / span 4;
    float: none !important;
    margin: 0 !important;
    width: 100% !important;
  }
  .span-3 {
    grid-column: auto / span 3;
    float: none !important;
    margin: 0 !important;
    width: 100% !important;
  }
  .span-2 {
    grid-column: auto / span 2;
    float: none !important;
    margin: 0 !important;
    width: 100% !important;
  }
  .span-1 {
    grid-column: auto / span 1;
    float: none !important;
    margin: 0 !important;
    width: 100% !important;
  }
  .span-one-fifth {
    grid-column: auto / span 1;
    float: none !important;
    margin: 0 !important;
    width: 100% !important;
  }
  .span-5.push-1 {
    grid-column: 2 / 7; width: 100%;
  }
  .span-8.push-2 {
    grid-column: 3 / 11; width: 100%;
  }
  .span-6.push-3 {
    grid-column: 4 / 10; width: 100%;
  }
  .product-page .grid_wrapper {
    grid-column-gap: 30px;
    grid-row-gap: 25px;
  }
  div#main-content.grid_wrapper {
    grid-row-gap: 10px! important;
  }
}

@media screen and ( min-width: 741px ) and ( max-width: 980px ) {
  @supports (display: grid) {
    .span-3 {
      grid-column: auto / span 3 !important;
    }
    .span-4 {
      grid-column: auto / span 4 !important;
    }
    .span-6 {
      grid-column: auto / span 6 !important;
    }
    .span-9 {
      grid-column: auto / span 6 !important;
    }
  }
}

@media screen and ( max-width: 740px ) {
  @supports (display: grid) {
    .span-4 {
      grid-column: auto / span 6 !important;
    }
    .span-6 {
      grid-column: auto / span 6 !important;
    }
    .span-9 {
      grid-column: auto / span 12 !important;
    }
    .span-3 {
      grid-column: auto / span 6 !important;
    }
    .span-one-fifth {
      grid-column: auto / span 1 !important;
    }
    .product-loop .mobile-half, .product-page .mobile-half {
     grid-column: auto / span 6 !important;
     width: 100%;
    }
    .product-loop .mobile-3, .product-page .mobile-3 {
     grid-column: auto / span 12 !important;
     width: 100%;
    }


  }
}


/* Assign font picker families from theme settings */




/*
@font-face {
  font-family: "Bricolage Grotesque";
  font-weight: 400;
  font-style: normal;
  src: url("//mudhouse.com/cdn/fonts/bricolage_grotesque/bricolagegrotesque_n4.3c051773a9f927cd8737c10568a7e4175690f7d9.woff2?h1=bXVkaG91c2UuY29t&h2=bXVkLWhvdXNlLmFjY291bnQubXlzaG9waWZ5LmNvbQ&hmac=748c4a8be7631389d0ede09c102b4f5149a25a27dbd61fe087893a9e0fcbbb1b") format("woff2"),
       url("//mudhouse.com/cdn/fonts/bricolage_grotesque/bricolagegrotesque_n4.58698d726495f44d45631b33dcda62f474c467fc.woff?h1=bXVkaG91c2UuY29t&h2=bXVkLWhvdXNlLmFjY291bnQubXlzaG9waWZ5LmNvbQ&hmac=fa5683ff01d1ca35aa99e02c605ab129ddf4ff1341e1ee17778c90854e9536a3") format("woff");
}

@font-face {
  font-family: "Bricolage Grotesque";
  font-weight: 400;
  font-style: normal;
  src: url("//mudhouse.com/cdn/fonts/bricolage_grotesque/bricolagegrotesque_n4.3c051773a9f927cd8737c10568a7e4175690f7d9.woff2?h1=bXVkaG91c2UuY29t&h2=bXVkLWhvdXNlLmFjY291bnQubXlzaG9waWZ5LmNvbQ&hmac=748c4a8be7631389d0ede09c102b4f5149a25a27dbd61fe087893a9e0fcbbb1b") format("woff2"),
       url("//mudhouse.com/cdn/fonts/bricolage_grotesque/bricolagegrotesque_n4.58698d726495f44d45631b33dcda62f474c467fc.woff?h1=bXVkaG91c2UuY29t&h2=bXVkLWhvdXNlLmFjY291bnQubXlzaG9waWZ5LmNvbQ&hmac=fa5683ff01d1ca35aa99e02c605ab129ddf4ff1341e1ee17778c90854e9536a3") format("woff");
}

@font-face {
  font-family: "Lexend Zetta";
  font-weight: 400;
  font-style: normal;
  src: url("//mudhouse.com/cdn/fonts/lexend_zetta/lexendzetta_n4.495048b4b35f2e44f63b545e170ce1a5a233b370.woff2?h1=bXVkaG91c2UuY29t&h2=bXVkLWhvdXNlLmFjY291bnQubXlzaG9waWZ5LmNvbQ&hmac=34a479d8e2f8075814d2c766eef9757afb63c287c2bc2fc9ecf23047895ded85") format("woff2"),
       url("//mudhouse.com/cdn/fonts/lexend_zetta/lexendzetta_n4.cf45bcd354ceafb692ce3629a34791a37c3da481.woff?h1=bXVkaG91c2UuY29t&h2=bXVkLWhvdXNlLmFjY291bnQubXlzaG9waWZ5LmNvbQ&hmac=90c28d68f9e22bf866ed39a2528403ff669ab6a331663cbb47ff495e67485e79") format("woff");
}

*//*

  @font-face {
  font-family: "Bricolage Grotesque";
  font-weight: 700;
  font-style: normal;
  src: url("//mudhouse.com/cdn/fonts/bricolage_grotesque/bricolagegrotesque_n7.de5675dd7a8e145fdc4cb2cfe67a16cb085528d0.woff2?h1=bXVkaG91c2UuY29t&h2=bXVkLWhvdXNlLmFjY291bnQubXlzaG9waWZ5LmNvbQ&hmac=14e092ff4b03b0b5c29e67163b65709f895c5119ac5ad44b735dc0b3d559f29b") format("woff2"),
       url("//mudhouse.com/cdn/fonts/bricolage_grotesque/bricolagegrotesque_n7.d701b766b46c76aceb10c78473f491dff9b09e5e.woff?h1=bXVkaG91c2UuY29t&h2=bXVkLWhvdXNlLmFjY291bnQubXlzaG9waWZ5LmNvbQ&hmac=de2d726a054eff462bc2b46a50abe0bf9ec075c5ac8bbab11671acccab835012") format("woff");
}






*/

html, body {
  height: 100%;
}

body {
  color: #000000;
  background: #ffffff;
  font-size: 16px;
  /* font-family:"Bricolage Grotesque"; */
  line-height: 1.6em;
    -webkit-font-smoothing: antialiased;
    -webkit-text-size-adjust: 100%;
  position: relative;
  /* margin-top: -26px !important; */
}


img {
  max-width: 100%;
  border: 0;
}

img[data-sizes="auto"] {
  display: block;
  width: 100%;

}
@media only screen and (max-width: 984px) {
.collection-page-collection-page-template img[data-sizes="auto"] {
  min-height: 175px;
  object-fit: cover;
}
}
@media only screen and (min-width: 985px) {
.collection-page-collection-page-template img[data-sizes="auto"] {
  min-height: 300px;
  object-fit: cover;
}
}

.box-ratio {
  display: block;
  height: 0;
  width: 100%;
  overflow: hidden;
}

.product .box-ratio, .product-index .box-ratio {
  background-color: white;
}

.box-ratio img {
  background-color: white;
}

.lazyload-fade {
  opacity: 0;
  transition: opacity 200ms;
}

.flexslider .lazyload-fade {
  transition: opacity 0ms;
}

.lazyload-fade.lazyloaded {
  opacity: 1;
}
.visually-hidden {
  display: none;
}

#logo a {
  color: #000000;
  font-family:"Lexend Zetta";
  font-weight: 400;
  font-size: 22px;
}

h1, h2, h3, h4, h5, h6 {
  color: #000000;
  font-family:"Lexend Zetta";
  font-weight: 400;
  margin-top: 0;
  margin-bottom: 10px;
  line-height: normal;
  -webkit-font-smoothing: antialiased;
}

h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
  font-weight: inherit;
  color: #000000 !important;
}
h1 {
  font-size: 22px;
}
h2 {
  font-size: 20px;
}
h3 {
  font-size: 20px;
}
h4 {
  font-size: 16px;
}
h5 {
  font-size: 16px;
}

h1, h2, h3, h4, h5, h6, p, dl, hr, ol, ul, pre, table, address, fieldset {
  margin-bottom: 10px;
}

p {
  font-size: 16px; margin-bottom: 10px;
}

strong {
  font-weight: bold;
}

em {
  font-style:italic;
}

pre {
  /* font-family: "Bricolage Grotesque"; */
  font-size: 13px;
  font-weight:bold;
}

.text-left {
  text-align: left;
}

.text-center {
  text-align: center;
}

.text-right {
  text-align: right;
}

a {
  text-decoration: none;
  color: #6a656b;
  outline: 0;
  -webkit-transition:color 0.3s ease-in;
  -moz-transition:color 0.3s ease-in;
  -o-transition:color 0.3s ease-in;
  transition:color 0.3s ease-in;
}

a:hover {
  color:#6a656b;
  text-decoration: none;
}

/* a:visited {
  color:#6a656b;
  text-decoration: none;
} */

a:focus {
  outline: none;
}

/* .row hr, .row p, .row ul, .row ol, .row dl, .row pre, .row address, .row table, .row form {margin-bottom: 1.6em;} */
dt {
  font-weight: bold;
}
ol {
  padding: 0;
  margin-left: 0;
  margin-bottom: 20px;
  text-indent: 0;
  list-style-position: inside;
}
ul {
  padding: 0;
  margin: 0 0 20px 0;
  list-style: disc;
}
blockquote {
  font-size: 18px;
  line-height: 24px;
  font-style: italic;
  padding-left: 35px;
  color: #999;
  margin: 20px 0;
}

.rte ul {
  list-style-position: outside;
  margin-left: 20px;
}

hr {
  background:#e5e5e5;
  border:none;
  color:#e5e5e5;
  display:block;
  height:1px;
  margin-top: 20px;
  width:100%;
}

.clear {
  clear: both;
  display: block;
  overflow: hidden;
  visibility: hidden;
  width: 0;
  height: 0;
}

.clearfix:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

/* NO JS Helpers
================================================== */
.no-js .no-fouc {
  visibility: visible;
}

.no-js .lazyload-fade {
  display: none;
}

.no-js .box-ratio {
  display: none;
}

.no-js .load-wait {
  display: none;
}

.no-js .product-thumbnails .lazyload {
  display: none;
}

.no-js .vantage-accordion .product-accordion-content {
  display: block;
}

.no-js .collection-carousel {
 text-align: center;
}

.no-js .shifter-navigation {
  display: none;
}

.errors {
  background: #ffdede;
  border: 1px solid red;
  padding: 10px;
  line-height: 19px;
  font-size: 14px;
  margin-bottom: 10px;
}
.errors ul {
  list-style: none;
  margin: 0;
}
.errors li {
  margin-bottom: 3px;
}
/* #Buttons
================================================== */
.button,
button,
input[type="submit"],
input[type="reset"],
input[type="button"] {
  width: 100%;
  max-width: 100%;
  background: #6a656b;
  border: none;
  -webkit-transition: background 0.3s ease,color 0.3s ease;
  -moz-transition: background 0.3s ease,color 0.3s ease;
  -o-transition: background 0.3s ease,color 0.3s ease;
  transition: background 0.3s ease,color 0.3s ease;
  -webkit-appearance: none;
  color: #ffffff;
  display: inline-block;
  /* font-family: "Bricolage Grotesque" !important; */
  font-weight: 400;
  font-size: 16px;
  text-decoration: none;
  cursor: pointer;
  margin-bottom: 20px;
  line-height: normal;
  height: 48px;
  line-height: 48px;
  
}

  .shopify-payment-button__button {
    border-radius: 0px !important;
    -webkit-border-radius: 0px !important;
  }


.button:hover,
button:hover,
input[type="submit"]:hover,
input[type="reset"]:hover,
input[type="button"]:hover {
  color: #ffffff;
  background: #827c83;
}

.secondary-button {
  background: #000000 !important;
  color: #ffffff !important;
  
}

.secondary-button:hover {
  color: #ffffff !important;
  background: #6a656b !important;
}

.button.full-width,
button.full-width,
input[type="submit"].full-width,
input[type="reset"].full-width,
input[type="button"].full-width {
  width: 100%;
  padding-left: 0 !important;
  padding-right: 0 !important;
  text-align: center; }

/* Fix for odd Mozilla border & padding issues */
button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}


a.button, a.button:visited {
  background: #6a656b;
  border: none;
  text-align: center;
  -webkit-transition: background 0.3s ease,color 0.3s ease;
  -moz-transition: background 0.3s ease,color 0.3s ease;
  -o-transition: background 0.3s ease,color 0.3s ease;
  transition: background 0.3s ease,color 0.3s ease;
  -webkit-appearance: none;
  color: #ffffff;
  display: inline-block;
  /* font-family: "Bricolage Grotesque" !important; */
  font-weight: 400;
  font-size: 16px !important;
  text-decoration: none;
  cursor: pointer;
  margin-bottom: 20px;
  line-height: normal;
  height: 48px;
  line-height: 48px;
  
}

a.button:hover {
  color: #ffffff;
  background: #827c83;
}


================================================== */

::-moz-selection {
  background:#fff3c2;
}

::selection {
  background:#fff3c2;
}

form {
  margin-bottom: 0;
}

fieldset {
  margin-bottom: 20px;
}
=======
=======
/* #Forms
================================================== */
form {
  margin-bottom: 0;
}

fieldset {
  margin-bottom: 20px;
}

input {
  height: 48px;
  line-height: 48px;
  padding: 0;
}

input::placeholder {
  line-height: inherit;
}

input[type="text"],
input[type="password"],
input[type="email"],
textarea,
select {
  border: 1px solid #ccc;
  padding: 6px 4px;
  outline: none;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  border-radius: 2px;
  font-size: 16px;
  font-family: Brandon Grotesque, sans-serif;
  /* font-family: "Bricolage Grotesque"; */
  color: #777;
  margin: 0;
  width: 100%;
  max-width: 100%;
  display: block;
  margin-bottom: 20px;
  background: #fff;
}

select {
  padding: 0;
}

select::-ms-expand {
  display: none;
}

input[type="text"]:focus,
input[type="password"]:focus,
input[type="email"]:focus,
textarea:focus {
  color: #444;
  -moz-box-shadow: 0 0 3px rgba(0,0,0,.2);
  -webkit-box-shadow: 0 0 3px rgba(0,0,0,.2);
  box-shadow:  0 0 3px rgba(0,0,0,.2);
}

textarea {
  min-height: 60px; min-width: 300px;
}

label,
legend {
  display: block;
  font-weight: 400;
  font-size: 16px;
  margin-bottom: 5px;
}

input[type="checkbox"] {
  display: inline;
}

/*label span,
legend span {
  font-weight: 400;
}*/

::-webkit-input-placeholder { /* WebKit browsers */
  color: #000000;
}

:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
  color: #000000;
}

::-moz-placeholder { /* Mozilla Firefox 19+ */
  color: #000000;
}

:-ms-input-placeholder { /* Internet Explorer 10+ */
  color: #000000;
}

input[type=text], input[type=password], input[type=email], input[type=url], input[type=number] {
  width: 100%;
  /*border: 1px solid #e5e5e5;*/
  height: 48px;
  line-height: 48px;
  padding: 0;
  margin: 0px;
  margin-bottom: 20px;
  max-width: 100%;
  text-indent: 17px;
  outline: none;
}

textarea {
  width: 100%;
  border: 1px solid #e5e5e5;
  height: 200px;
  margin: 0px;
  margin-bottom: 40px;
  max-width: 100%;
  padding: 2% 17px;
  outline: none;
}

/* =============== */
/* = HEADER = */
/* =============== */
@media screen and (max-width: 1200px) and (min-width: 767px) {
  .content-left h2{
    font-size: 35px !important;
  }
}
.topbar {
  /* line-height: 40px; */
  /* font-family: "Bricolage Grotesque"; */
  background: #6A656B;
  color: #ffffff;
  text-align: left;
}

.topbar p { margin-bottom: 0;}

ul#top_nav {
  text-align: left;
  z-index: 5;
  position: relative;
  list-style: none;
  margin-top: 0;
}
ul#top_nav li {
  display: inline-block;
  list-style: none;
  padding: 0 10px 0 0;
}
ul#cart {
  text-align: right;
  z-index: 5;
  position: relative;
  list-style: none;
  margin-top: 0;
  align-self: center;
  padding-top: 15px;
}

ul#cart li {
  display: inline-block;
  padding: 0 5px;
}

ul#cart li:last-child {
  padding-right: 0;
}

ul#cart li a {
  display: inline-block;
  padding: 0 5px;
}

ul#cart li a:last-child {
  padding-right: 0px;
}
ul#cart li i.fa {
    font-size: 20px;
}
span.CartCount {
  padding: 0 5px;
}

.topbar ul#cart li a, ul#top_nav li a {
  /* font-family: "Bricolage Grotesque"; */
  color: #ffffff;
}

.topbar select.currency-picker {
  font-family: "Bricolage Grotesque";
  font-weight: 400;
  font-size: 14px;
  color: #ffffff;
}

select.currency-picker {
  width: auto;
  text-align: center;
  display: inline-block;
  float: none;
  margin-left: 10px;
  background: transparent;
  border: 0;
  margin-bottom: 0;
  -moz-appearance:none;
  -webkit-appearance: none;
  text-transform: uppercase;
  background-image: url(//mudhouse.com/cdn/shop/t/38/assets/select-arrow.png?v=112595941721225094991759473422) no-repeat right;
}

select.currency-picker::-ms-expand {
  display:none;
}

select.currency-picker:focus::-ms-value {
  background-color: white;
  color:#000;
}

i.icon-shopping-cart {
  margin-left: 5px;
  font-size: 15px;
}

#phantom {
  visibility: hidden;
}

header {
  width: 100%;
  /* line-height: 50px; */
  top:0;
  z-index: 20;
  -webkit-transition: background-color 1000ms linear;
  -moz-transition: background-color 1000ms linear;
  -o-transition: background-color 1000ms linear;
  -ms-transition: background-color 1000ms linear;
  transition: background-color 1000ms linear;
}

.ignore-this {
  height: 0 !important;
  display: none !important;
}

.scrollheader {
  position: relative;
}

.coverheader {
  position: fixed;
}

header ul { margin-bottom: 0; }

#logo {
  vertical-align: middle;
  display: inline-block;
}

#logo a {
  float: left;
  font-family: "Lexend Zetta";
  font-size: 20;
  text-transform: uppercase;
  font-weight: 700;
  text-decoration: none;
  display:flex;
}

/* NAV REST OF SITE */
.scrollheader .nav-container .shifter-handle,
.scrollheader ul#main-nav li a.top_level,
.scrollheader .nav-container ul#cart li a,
.scrollheader .nav-container ul#cart li select.currency-picker {
  color: #2e2d2f !important;
}

.coverheader .nav-container .shifter-handle,
.coverheader ul#main-nav li a.top_level,
.coverheader .nav-container ul#cart li a,
.coverheader .nav-container ul#cart li select.currency-picker  {
  color: #2e2d2f;
}
.scrollheader #logo a {
  color: #2e2d2f;
}
.coverheader #logo a {
  color: #2e2d2f;
}
.coverheader {
  background: #f8f8f8;
}
header {
  background: #ffffff;
}

/* NAV HOMEPAGE */
.index .scrollheader .nav-container .shifter-handle,
.index .scrollheader ul#main-nav li a.top_level,
.index .scrollheader .nav-container ul#cart li a,
.index .scrollheader .nav-container ul#cart li select.currency-picker,
.index .scrollheader #logo a {
  color: #2e2d2f !important;
}

.index .coverheader .nav-container .shifter-handle,
.index .coverheader ul#main-nav li a.top_level,
.index .coverheader .nav-container ul#cart li a,
.index .coverheader .nav-container ul#cart li select.currency-picker,
.index .coverheader #logo a  {
  color: #2e2d2f;
}
.index .coverheader {
  background: #f8f8f8;
}
.index header {
  background: rgba(0,0,0,0);
}

#logo img {
  vertical-align: middle;
  padding: 10px 0;
}

#navigation {
  width: 100%;
  position: relative;
}

.nav-container {
  display: grid;
  text-align: center;
}

nav {
  text-align: left;
  align-self: center;
  position: inherit;
  z-index: 6! important;
}

ul#main-nav {
  list-style: none;
  text-align: left;
  margin-bottom: 0;
  width: 100%;
  padding-top:15px;
}

ul#main-nav li {
  display: inline-block;
  vertical-align: middle;
}

ul#main-nav li a  {
 /* font-family: "Bricolage Grotesque";
  font-weight: 400;
  font-size: 14px; */
  /* font-family: Raleway,sans-serif!important; */
  font-size:12px;
  font-weight: 500;
  line-height: 14px;
  padding: 0 15px 0 0;
}

.nav-container ul#cart li a, .nav-container ul#cart li {
  /*font-family: "Bricolage Grotesque"; */
  font-weight: 400;
  font-size: 14px;
  padding: 0 0 0 15px;
}

/* NO LINK UNDERLINE */
ul#main-nav li a:hover, .nav-container ul#cart li a:hover {
  text-decoration: none;
  font-weight: bold;
}

/* DOWNDOWN INDICATOR CHEVRONS */
ul#main-nav li.dropdown > a:after {
  font-family: FontAwesome;
  /*/* font-family: "LineAwesome"; */
  content: "\f107";
  margin-left: 5px;
  font-size: 12px;
  line-height: initial;*/
}

/* DROPDOWN LEVEL 1 */
ul#main-nav li ul.submenu {
  display: none;
  position: absolute;
  text-align: left;
  z-index: 5;
  -webkit-transition: background-color 1000ms linear;
  -moz-transition: background-color 1000ms linear;
  -o-transition: background-color 1000ms linear;
  -ms-transition: background-color 1000ms linear;
  transition: background-color 1000ms linear;
  width: 260px;
  padding: 20px 25px;
  margin-left: 0px;
  background: #fff;
}
ul#main-nav > li{
  position: relative;
}
ul#main-nav > li:hover a{
  font-weight: bold;
  cursor: pointer;
}
ul#main-nav > li:hover:before {
    content: "";
    border-bottom: 2px solid #47414B;
    position: absolute;
    height: 3px;
    width: 100%;
    bottom: 0px;
    left: 0px;
    cursor: pointer;
}
ul#main-nav li.dropdown:hover:before {
    content: "";
    border-bottom: 2px solid #47414B;
    position: absolute;
    height: 3px;
    width: calc( 100% + 15px );
    bottom: 0px;
    left: 0px;
}
.top-header-outer span.CartCost {
    display: none;
}
/* SHOW DROPDOWN ON HOVER */
ul#main-nav li.dropdown:hover ul.submenu {
  display: block;
  box-shadow: rgb(133 133 133 / 48%) 0 3px 6px;
  top: 50px;
}


/* DROPDOWN LEVEL 1 STYLES */
ul#main-nav li ul.submenu li{
  line-height: 28px !important;
  margin: 0;
  width: 100%;
  white-space: nowrap;
  background: transparent !important;
  min-width: 220px;
  float: left;
}

/* DROPDOWN LEVEL 1 LINK STYLES */
ul#main-nav li ul.submenu li a {
  text-align: left;
  text-transform: none !important;
  font-weight: 400! important;
  /*font-size: 16px ! important; */
      font-size: 13px ! important;
}

ul#main-nav li ul.submenu li a, ul#main-nav li ul.megamenu li a {
  color: #000000! important;
}

/* NESTED MENU */
.submenu li.nest, .mega-stack li.nest {
  position: relative;
}

/* NESTED MENU INDICATOR */
ul#main-nav li ul li.nest:after {
  position: absolute;
  top: 6px;
  right: 25px;
  font-size: 12px;
  /* font-family: "LineAwesome"; */
  font-family: FontAwesome;
  content: "\f107";
  line-height: initial;
}

/* VISIBLE NESTED MENU */
.submenu li.nest:hover > ul.nested, .mega-stack li.nest:hover > ul.nested {
  display: block;
}

/* HIDDEN NESTED MENU */
.nested {
  display: none;
  position: absolute;
  left: 98%;
  background: #fff;
  top: -15px;
  padding: 15px 10px 15px 20px;
  border: 1px solid #eee;
}

ul.nested:before {
    content: "";
    position: absolute;
    left: -10px;
    background: #fff;
    height: 30px;
    width: 30px;
    /* line-height: 30px; */
    top: 18px;
    border-color: transparent #f5f5f5;
    border-style: solid;
    border-width: 10px 10px 10px 0px;
    height: 0px;
    width: 0px;
}

.nested li a {
  text-transform: none !important;
  font-weight: 400;
  font-size: 16px !important;
}

li.nest.has_sub_menu.edge ul.nested {
    left: initial;
    right: 100%;
}

ul.megamenu {
  display: none;
  position: absolute;
  left: 0;
  z-index: 2;
  line-height: initial;
  width: 100%;
  padding-bottom: 50px! important;
  background: #fff;
  -webkit-transition: background-color 1000ms linear;
  -moz-transition: background-color 1000ms linear;
  -o-transition: background-color 1000ms linear;
  -ms-transition: background-color 1000ms linear;
  transition: background-color 1000ms linear;
}

ul.megamenu h4 a {
  font-weight: 400 !important;
}

ul#main-nav li.dropdown ul.megamenu .mega-container li.desktop-3:nth-child(5n) {
    clear: left;
}

ul#main-nav li.dropdown ul.megamenu .mega-container li h4 a {
  padding-left: 0;
}

/* MEGAMENUS */
ul#main-nav li.dropdown:hover > ul.megamenu {
  display: block;
}

@media screen and (min-width: 1600px) {
  .mega-container {
    width: 1480px;
  }
}

@media screen and (max-width: 1600px) {
  .mega-container {
    width: 1200px;
  }
}

@media screen and (max-width: 1220px) {
  .mega-container {
    width: 960px;
  }
}

@media screen and (max-width: 980px) {
  .mega-container {
    width: 720px;
  }
}

@media screen and (max-width: 740px) {
  .mega-container {
    display: none;
  }
}

.mega-container {
  margin: 0 auto;
}

.mega-container li {
    vertical-align: top !important;
}


ul.megamenu li > ul {
  width: 100%;
}

ul.megamenu {
  padding-bottom: 20px;
}

ul.megamenu h4 {
  padding: 20px 0 5px;
  font-family: "Bricolage Grotesque" !important;
  font-weight: 400;
  margin-bottom: 10px;
  text-align: left;
  font-size: 14px;
  text-transform: uppercase;
  letter-spacing: initial;
}

ul.megamenu li:hover {
}

ul.megamenu li > ul.mega-stack {
  border: 0 !important;
  margin-bottom: 20px;
}

ul.megamenu li > ul.mega-stack li {
  line-height: 28px !important;
  text-align: left !important;
  display: block !important;
  clear: left;
  z-index: 1;
  width: 90%;
}

ul.megamenu li > ul.mega-stack li a {
  padding: 0 !important;
  text-transform: none !important;
  font-weight: 400;
  font-size: 16px !important;
  display: block;
  max-width: 200px;
  overflow: hidden;
}

.mega-container .product-details {
  margin-top: 0! important;
}


.coverheader ul#main-nav li ul.megamenu h4 {
  color: #000000;
}


.mega-container .product a,
.mega-container .product .price {
  line-height: 1em;
}

.mega-container .product-details {
  line-height: 1em;
}

.mega-container .product-details p {
  /* font-family: "Bricolage Grotesque"; */
}

.mega-container .product_listing_options {
    display: none;
}

.mega-container .product-details a {
  display: block;
  padding: 0 !important;
}
.mega-container .product-details .price {
  display: inline;
}
.mega-container .product-details h4 {
  color: #000000 !important;
  margin-bottom: 3px;
  letter-spacing: initial;
  font-weight: 400;
  font-size: 16px;
  /* font-family: "Bricolage Grotesque" !important; */
  padding: 0;
  text-transform: capitalize;
}

.mega-container .ci a {
  display: block;
  padding: 0! important;
  margin-top: 20px;
  margin-bottom: 10px;
}

.mm-image { padding-top: 15px; }

ul#main-nav li.dropdown:hover > ul.image_menu.submenu {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  width: intrinsic;
  width: -moz-max-content;
  width: -webkit-max-content;
  justify-content: space-around;
  align-items: center;
  flex-wrap: nowrap;
}

span.submenu_column {
  grid-column-start: auto;
  grid-column-end: span 2;
  align-self: start;
}

span.nav_image {
  width: 200px;
}

.submenu_column li {
  width: 100%! important;
  white-space: nowrap! important;
  float: none! important;
  text-align: left! important;
  display: block! important;
  min-width: unset! important;
}

.submenu_column li a {
  line-height: 20px;
  min-width: 190px;
}

.nav_image.submenu_column a {
  display: block;
}

#search_reveal {
  position: relative;
  width: 80%;
  margin: 10px auto 0;
  text-align: center;
}

input#search_button {
  position: absolute;
  right: 2px;
  top: 1px;
  width: 100px;
  margin-bottom: 0;
  height: 40px;
  line-height: 40px;
}

#search_reveal input#q {
  height: 42px;
  margin-bottom: 25px;
  line-height: 50px;
  border: 1px solid #e5e5e5;
}


/* ============================================== */
/* ================ AJAX CART ================ */
/* ============================================== */

.js-drawer-open {
  overflow: hidden;
  height: 100%;
}

.js-drawer-open-right .is-moved-by-drawer {
  -ms-transform: translateX(-350px);
  -webkit-transform: translateX(-350x);
  transform: translateX(-350px);
}

.is-moved-by-drawer {
  transition: all 0.4s cubic-bezier(0.46, 0.01, 0.32, 1);
}

.js-drawer-open-right .drawer--right {
  display: block;
  -ms-transform: translateX(-350px);
  -webkit-transform: translateX(-350px);
  transform: translateX(-350px);
}

.drawer--right {
  width: 350px;
  right: -350px;
  border-left: 1px solid #e5e5e5;
}

.drawer {
  -webkit-transform: translateZ(0);
  will-change: transform;
  outline: 0 none;
   display: none; 
  position: fixed;
  overflow-y: auto;
  overflow-x: hidden;
  -webkit-overflow-scrolling: touch;
  top: 0;
  bottom: 0;
  padding: 0 15px 15px;
  max-width: 95%;
  z-index: 22;
  color: #000000;
  background-color: #ffffff;
  transition: all 0.4s cubic-bezier(0.46, 0.01, 0.32, 1);
}

.drawer__header {
  display: table;
  height: 70px;
  width: 100%;
  margin-bottom: 15px;
  border-bottom: 1px solid #e5e5e5;
}

.table-cell {
  display: table-cell;
  vertical-align: middle;
  width: 50%;
}

.drawer__header h3 {
  margin-bottom: 0;
}

.drawer__close {
  text-align: right;
  float: right;
  cursor: pointer;
}

.ajaxcart__inner {
  margin-bottom: 30px;
}

.ajaxcart__product {
  position: relative;
  max-height: 500px;
}

#CartDrawer .row {
  padding-bottom: 15px;
  margin-bottom: 15px;
  border-bottom: 1px solid #e5e5e5;
  width: 100%;
}

.ajaxcart__product-image {
  display: block;
  overflow: hidden;
  margin-bottom: 15px;
}

.ajaxcart__product-image img {
  display: block;
  margin: 0 auto;
  max-width: 100%;
}

.item_dtl p {
    margin-bottom: 0;
}

p.item_price {
    margin: 5px 0 10px;
}

.grid__item.desktop-12.tablet62.mobile-3.item_img {
    height: 150px;
    overflow: hidden;
    margin-bottom: 10px;
    margin-left: auto;
    margin-right: auto;
    float: none;
}

.ajaxcart__qty {
    clear: left;
    display: block;
}

.ajaxcart__footer.row .additional_checkout_buttons {
    text-align: center;
}

span.fallback-text {
  display: none;
}

input.ajaxcart__qty-num {
  float: left;
  display: inline-block;
  width: 50px;
  height: 48px;
  line-height: 46px;
  border: 1px solid #e5e5e5;
  padding: 0;
  text-align: center;
  -webkit-appearance: none;
  text-indent: 0;
  -moz-appearance: none;
  color: #000000;
  border-left: 0;
  border-right: 0;
  margin-bottom:0;
  background: transparent;
  outline: 0 none;
}

input.js-qty__num {
  float: left;
  display: inline-block;
  width: initial;
  height: 48px;
  line-height: 46px;
  padding: 0;
  margin: 0;
  border-left: 0;
  border-right: 0;
  text-align: center;
  min-width: initial;
  max-width: 60px;
  -webkit-appearance: none;
  -moz-appearance: none;
  text-indent: 0;
  outline: 0 none;
}


textarea#CartSpecialInstructions {
  width: 320px !important;
  max-width: 320px;
  min-width: 320px;
}

.drawer .text-right {
  line-height: 40px;
}


.with_progress.cart-free-shipping{
    color: #2e2d2f;
    font-size: 12px;
    line-height: 1.3;
    font-weight: 500;
    margin-bottom: 20px;
      width: 100%;
}
.progress_bar{
  margin-bottom: 30px;
  padding-bottom: 15px;
  display: table;
  width: 100%;
  border-bottom: 1px solid #e5e5e5;
}
.progress_bar .start{ float: left; }
.progress_bar .threshold{ float: right; }

.progress_bar .start,
.progress_bar .threshold{
  color: #000;
  font-weight: 600;
  font-size: 15px;
  margin-top: -9px;
  width: 10%;
}

.progress_wrap{
  border: 2px solid #6A656B;
  border-radius: 5px;
  width: 73%;
  height: 7px;
  float: left;
  margin: 0 5% 0 2%;
  overflow: hidden;
}
.progress_filled{
  border-radius: 5px;
  height: 3px;
  width: 0;
  background: #6A656B;
  transition: 1s;
}


.ajaxcart__footer.row .text-right {
  line-height: initial;
}

.ajaxcart__footer.row .text-center {
  clear: left;
}

/* ============================================== */
/* ================ index.liquid ================ */
/* ============================================== */

/* ALL HOMEPAGE ELEMENTS */
.index-section {
  width: 100%;
  position: relative;
}
.index-section section {
  padding-top: 20px;
}
.index-section:first-child section {
  padding-top: 0;
}
.index-section:last-child section {
  margin-bottom: 0;
}

.prod-vendor {
  text-align: center;
}

.collection-block {
  padding-bottom: 30px;
  display: block;
  float: left;
  width: 100%;
}

.collection-carousel {
  padding: 0 10px 0;
}


.collection-carousel .product {
  margin-bottom: 0;
}

.collection-index {
  position: relative;
}

.collection-info {
  text-align: center;
  margin-top: 10px;
}

.collection-info h3 {
  text-transform: uppercase;
  margin-bottom: 0;
}

.collection-info p {
  margin-bottom: 0;
  text-transform: uppercase;
  font-size: 12px;
}

.collection-image {
  padding: 2px;
  text-align: center;
}

/* IMAGE BLOCKS */
.homepage-promo,
.homepage-promo .caption p {
  font-family: "Lexend Zetta";
}
.homepage-promo {
  margin-bottom: 30px;
}
.homepage-promo .pimg {
  min-height: 1px;
}

.promo-inner {
  position: relative;
}

.promo-inner .caption p {
  margin-bottom: 0;
}

.promo-inner span.cta {
  margin-bottom: 0;
  margin-right: 0;
}

section.parallax .row {
  display: table;
  width: 100%;
}

.parallax-mirror {
  -webkit-transform-style: preserve-3d;
}

.parallax {
  position: relative;
  width: 100%;
  min-height: 100px;
}

.parallax-text {
  font-family: "Lexend Zetta";
  line-height: initial;
  position: relative;
  z-index: 2;
}

.parallax-text .button {
    width: auto;
    width: initial;
    padding: 0 20px;
    margin-top: 10px;
}

.parallax-content {
  display: table-cell;
  float: none !important;
  vertical-align: middle;
  text-align: center;
  margin: 0 !important;
  width: 100% !important;
}
/* NEWSLETTER */

#newsletter {
  line-height: 80px;
  padding: 45px 0px 134px 0 !important;
}
section.homepage-newsletter #social-icons {
  text-align: center;
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 0;
}
section.homepage-newsletter #social-icons li {
  line-height: 13px;
}
section.homepage-newsletter p.form--success {
    margin-top: 15px;
    text-align: center;
    font-size: 18px;
    font-weight: 700;
}

section.homepage-newsletter .section-title {
  margin-bottom: 0;
}
section.homepage-newsletter .section-header p {
  margin: 0;
  padding: 0;
  color: #FFF;
  text-align: center;
  /* font-family: Raleway; */
  font-size: 22px;
  font-style: normal;
  font-weight: 500;
  line-height: 32px; /* 145.455% */
  max-width: 758px;
}
section.homepage-newsletter .newsletter__input::placeholder{
      /* font-family: Raleway,sans-serif!important; */
    font-size: 16px !important;
    color: #2E2D2F;
    font-weight: 500;
}
section.homepage-newsletter .newsletter__input{
  /* font-family: Raleway,sans-serif!important; */
}
section.homepage-newsletter .newsletter__submit{
  font-family: Brandon Grotesque, sans-serif !important;
  /* font-family: Raleway,sans-serif!important; */
    font-size: 17px !important;
    font-weight: 700;
}
.button, button, input[type="submit"], input[type="reset"], input[type="button"]{
  font-family: Brandon Grotesque, sans-serif !important;
}
section.homepage-newsletter .section-header {
  text-align: center;
}

section.homepage-newsletter .input-group {
    position: relative;
    display: table;
    width: 100%;
    border-collapse: separate;
}
section.homepage-newsletter .password__input-group {
    max-width: 480px;
    margin: 0 auto;
}

section.homepage-newsletter .newsletter__submit {
  width: 30%;
  float: left;
  font-size: 13px;
  padding: 0 12px;
  height: 44px;
  text-transform: uppercase;
  transition: all .25s ease-in-out;
}
/* section.homepage-newsletter .newsletter__submit:hover{
  opacity: 0.8;
} */

section.homepage-newsletter .newsletter__input {
  width: 70%;
  float:left;
  border-radius: 0;
  border: 1px solid ;
  background: transparent;
  margin-bottom: 0;
  height: 44px;
  line-height: 44px;
  border-color: #fff;
}

/* Instafeed */
#insta-feed {
  max-width: 1180px;
  margin-top: 5px !important;
  margin-bottom: 100px !important;
}
#insta-feed img{ padding: 10px; }

#insta-feed .instafeed-overlay,
#insta-feed .instafeed-overlay:hover{
  width: calc(100% - 20px) !important;
  height: calc(100% - 20px) !important;
  top: 10px !important;
}
.instafeed-heading{
  padding: 50px 5px 0;
  align-items: flex-start;
  justify-content: center;
  display: flex;
  grid-gap: 20px 50px;
}
.insta-follow{
  color: #47414B;
  /* font-family: Raleway; */
  font-size: 25px;
  font-style: normal;
  font-weight: 600;
  line-height: 44px; /* 176% */
  text-transform: uppercase;
}
.insta-handle{
  color: #47414B;
  /* float: right; */
  font-weight: bold;
}
.insta-handle a{
  color: #47414B;
  /* font-family: Raleway; */
  font-size: 25px;
  font-style: normal;
  font-weight: 600;
  line-height: 44px; /* 176% */
}
@media screen and (max-width: 350px){
  .insta-handle a{ font-size: 15px; }
}

.insta-handle svg{
  display: inline-block;
  margin-right: 12px;
  position: relative;
  top: 6px;
  width: 33px;
  height: 33px;
}
.insta-handle svg path{
  fill: #47414B;
}
/* === Section titles === */
.section-title {
  text-align: center;
  float: none !important;
  width: 100%;
  border-bottom: 0;
  padding: 0 0 15px;
  margin-bottom: 20px;
  text-transform: uppercase;
}

.section-title h1,
.section-title h2,
.section-title h3 {
  color: #000000;
  margin-bottom: 0;
}
.add{
  margin-left: 0 !important;
}

  .section-title h1,
  .section-title h2,
  .section-title h3,
  .collection-listing h2 {
    border: 0;
  }




.product .section-title h1 {
    padding-top: 10px;
    padding-bottom: 8px;
    padding-right: 200px;
}
.prod-loc {
    font-size: 13px;
    text-transform: uppercase;
}

  .product .section-title {
    padding: 0 !important;
    margin: 0 !important;
  }
 /* .product .section-title h1 {
    padding: 10px 0;
  }*/


.social-content {
  text-align: center;
}

ul#social-icons {
  list-style: none;
  margin: 30px 0;
}

ul#social-icons li {
  text-align: center;
  display: inline-block;
  margin: 0 10px;
}

input#social-EMAIL {
  border: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  border-bottom: 1px solid #e5e5e5;
  font-size: 16px;
  text-transform: uppercase;
  text-indent: 0;
  width: 80%;
  margin: 0 auto;
  height: 40px;
  line-height: 40px;
  padding: 0;
  text-align: center;
}

input#social-subscribe {
  height: 40px;
  line-height: 40px;
  padding: 0;
  margin: 0;
  width: 80%;
  margin-top: 10px;
}

input#social-EMAIL:focus {
  outline:0;
  box-shadow: 0 0 0;
}




#content {
  margin-bottom: 40px;
}

#content.custom-page-content {
  margin-bottom: 0;
}

/* HOMEPAGE MAP SECTION (Added 1-24-18) */
.map-caption-inner {
  padding: 30px;
}
.awardlisting .logos {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
}
.awardlisting .partner-logo {
    text-align: center;
    margin-bottom: 15px;
    width: 20%;
    height: 200px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.awardlisting .logos img {
    max-width: 80%;
    max-height: 160px;
}
.awardlisting h2{
   color: #000000 !important;
   border-color: #000000 !important;   
}
.awardlisting{
   margin: 30px 0;
}
.awardlisting_2 {
    background: #f7f7f7;
    padding: 20px 0;
}
.awardlisting_2 .logos{
   display: flex;
    flex-wrap: wrap;
    justify-content: space-evenly;
}
.awardlisting_2 .partner-logo{
   width: 8%;
   margin-bottom: 15px;
}
@media screen and (max-width: 500px) {
  .map-caption-inner {
    text-align: center;
  }
}

.product-page #breadcrumb,
.collection-list-template #breadcrumb {
  margin-bottom: 0! important;
}


.map-section__image {
  height: 100%;
  position:relative;
  top: 0;
  left: 0;
  width: 100%;
  background-size: cover;
  background-position: center;
}

/* Hide Google maps UI */
.gm-style-cc,
.gm-style-cc + div {
  visibility: hidden;
}

.homepage-map .placeholder-svg {
  fill: rgba(28,29,29,0.1);
  padding-top: 30px;
}

.homepage-map .text_left .map-container {
  float: right;
}


/* =================== */
/* = Text With Image = */
/* =================== */
.text-with-image {
  display: inline-block;
  float: none !important;
  vertical-align: middle;
  margin-left: -2px !important;
}

.text-with-image.text_section {
  display: inline-block;
  float: none !important;
  vertical-align: middle;
  padding: 15px;
}

.image-with-text-wrapper.grid_wrapper {
    align-items: center;
}

@media screen and ( max-width: 740px ) {
  .image-with-text-wrapper h3 {
    margin-top: 15px;
  }

  .text-with-image.text_section.desktop-6,
  .text-with-image.text_section.desktop-8,
  .text-with-image.text_section.desktop-4 {
      width: 100%! important;
  }

}

.text-with-image.text_section h2.sections {
  margin-top: 20px;
  margin-bottom: 20px;
}

.text-with-image.text_section h2.sections, .text_section .rte {
  text-align: left;
  margin-left: 0;
}

.text-with-image.text_section h2.sections span {
  padding-left: 0;
}

.text-with-image.text_section.text-centered h2.sections,
.text-with-image.text_section.text-centered .rte {
  text-align: center;
}

.text-with-image.text_section.text-centered h2.sections span {
  padding-left: 10px !important;
}

@media screen and ( max-width: 740px ) {
    .image-right {
        display: none;
    }
    .mobile-image .image-right {
      display: block;
    }
}

@supports (display: grid) {
  @media screen and ( max-width: 740px ) {
    .image-with-text-wrapper.grid_wrapper {
      width: 100%;
      display: grid;
      grid-template-columns: repeat(3, 1fr);
      grid-column-gap: px;
      grid-row-gap: 20px;
    }
    .image-with-text-wrapper.grid_wrapper .span-3,
    .image-with-text-wrapper.grid_wrapper .span-4,
    .image-with-text-wrapper.grid_wrapper .span-6,
    .image-with-text-wrapper.grid_wrapper .span-8 {
      grid-column: auto / span 3 !important;
    }
  }
}

.image-column {
    margin-bottom: 20px;
}

/* ============================================== */
/* ================ collection.liquid ================ */
/* ============================================== */

.collection-banner img {
  width: 100%;
  object-fit: cover;
  height: 400px;
}

.collection-banner {
  height: 400px;
  position: relative;
  overflow: hidden;
}

.list-collections .collection-banner {
  height: auto !important;
}

.collection-banner .box-ratio {
  padding-bottom: 400px;
}

@media screen and (max-width: 740px) {
  .collection-banner {
    height: auto;
  }
  .collection-banner img {
    height: auto;
  }
  .collection-banner .box-ratio {
    padding-bottom: 0;
  }
}

div#collection-description {
    padding-bottom: 10px;
}

.product-loop { margin-bottom: 50px; }

.collection-listing {
  text-align: center;
}

.ci {
  text-align: center;
  position: relative;
}

.collection-title {
  border-bottom: 2px solid #e5e5e5;
  text-align: center;
}

p.view-full {
  margin-top: 15px;
  padding: 15px 0;
}

.collection .bigimage {
  max-width: 99.4%;
}

span.prev-prod,
span.next-prod {
  min-height: 1px;
}



#collection-description h1 {
  text-align: center;
  margin-bottom: 10px;
}

#collection-description .rte {
  border-top: 0;
  margin-top:0;
  margin-bottom: 20px;
  padding: 0;
}

.product-index {
  margin-bottom: 20px;
  position: relative;
}

.product-info {
  text-align: center;
  position: absolute;
  bottom: 35%;
  left: 50%;
  margin-left: -50%;
  width: 100%;
  display: none;
}

.product-index:hover .product-info {
  display: block;
}

.product-quick-view {
  max-height: 760px;
  overflow-x: hidden !important;
}

.product-quick-view .product-description {
  padding-bottom: 15px;
  padding-left: 20px;
}

.product-quick-view .selector-wrapper label {
  line-height: 18px;
  float: none;
}

.product-info form {
  margin-top: 20px;
}

.product-form__variants {
    display: none;
}

.qvimages img {
  padding: 5px;
}

.product-details {
  text-align: left; margin-top: 15px;
}

.product-details .onsale {
  display: inline;
}
.coll-head{
  text-align: center;
  padding-top: 30px;
}
.coll-head h1 {
    font-size: 21px;
    color: #2E2D2F;
    opacity: 53%;
    margin-bottom: 16px;
    border-bottom: 1px solid #2E2D2F;
    padding-bottom: 27px;
    font-weight: 500;
}
.collection-page-collection-page-template .desktop-sidebar {
    padding-top: 58px;
}
select#sort-by {
    /*width: 12%;*/
    border: none;
    float: right;
    cursor: pointer;
    font-weight: 700;
    color: #2E2D2F;
    font-size: 14px;
    /* font-family: Raleway,sans-serif!important; */
    margin-bottom: 34px;
    margin-right: 20px;
    margin-top: 20px;
    text-indent: 1px;
    text-overflow: '';
    width: 120px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    padding: 2px 2px 2px 2px;
    border: none;
    background: transparent url(//mudhouse.com/cdn/shop/t/38/assets/down-arrow.svg?v=96706144313419425541759473422) no-repeat 103px center;
    background-size: 15px !important;
    padding-right: 18px;
}
ul.extended-submenu {
    padding-left: 30px !important;
}

.product-details h4 {
  color: #000000;
  margin-bottom: 10px;
  letter-spacing: initial;
  font-weight: 400;
  font-size: 16px;
  /* font-family: "Bricolage Grotesque"; */
  border-bottom: 2px solid #9c9c9c;
  display: inline-block;
  padding-bottom: 5px;
}

.product-details h3 {
  color: #000000;
  margin-bottom: 3px;
  font-weight: 400;
  letter-spacing: initial;
  font-size: 16px;
  /* font-family: "Bricolage Grotesque"; */
}

.price {
  color: #000000;
  margin-bottom: 3px;
  letter-spacing: initial;
  font-size: 16px;
}
.product-index .price .onsale { display: inline; }
.was,
.product-compare-price,
.compare-price,
.was-listing {
  text-decoration: line-through;
}

.was,
.was-listing {
  display: inline-block;
  margin-left: 5px;
}

.onsale {
  color: #6a656b;
}

.icn {
  position: absolute;
  text-align: center;
  padding: 0 10px;
  /* font-family: "Bricolage Grotesque"; */
  font-size: 12px;

  
  top: 0; right: 0;
  
  
    padding: 8px 10px;
  
}


  .new {
    z-index: 3;
    background: #6a656b;
    color: #ffffff;
  }
  


  .sale-item {
    z-index: 4;
    background: #6a656b;
    color: #ffffff;
  }
  

  
  .so {
    z-index: 5;
    background: #6a656b;
    color: #ffffff;
    
  }
  

.product-photos {
  position: relative;
  margin-top: 15px !important;
}
.product-photos .icn {
  top: 0;
  left: 0;
  right: auto !important;
  bottom: auto !important;
}
.product-modal {
  font-size: 12px;
  position: absolute;
  bottom: 40%;
  text-align: center;
  color: #ffffff;
  background: #6a656b !important;
  padding: 10px;
  left: 50%;
  width: 60%;
  margin-left: -30%;
  font-weight: 300;
  -webkit-transition: background-color 0.3s linear;
  -moz-transition: background-color 0.3s linear;
  -o-transition: background-color 0.3s linear;
  -ms-transition: background-color 0.3s linear;
  transition: background-color 0.3s linear;
  z-index: 5;
  
}

.product-modal:hover {
  color: #ffffff !important;
  background: #827c83 !important;
}

.quick-shop {
  overflow: hidden;
  width: 720px;
}

.product-quick-view {
  width: 900px! important;
}

.product-quick-view div#content {
  margin-top: 0;
  margin-bottom: 0;
}

.thumbnail-slider .la-angle-up:before {
  font-size: 20px;
}
.thumbnail-slider .la-angle-down:before {
  font-size: 20px;
}
.product-quick-view .product-page,
.product-quick-view .product-page #content .section-title {
  margin-top: 0! important;
}


.product-quick-view .product-page #content.grid_wrapper {
  grid-row-gap: 0;
}

.product-details a.button, .product-details .add {
  max-width: 150px;
  display: inline-block! important;
  margin-top: 10px;
  float: none;
}

.product-index .size-swatch {
  padding: 15px 0 10px;
}

.product-index .size-swatch ul {
  margin-bottom: 0;
}


.product-index .size-swatch ul li {
  display: inline-block;
  vertical-align: middle;
  margin: 0 2px 5px;
  background: #f7f7f7;
  padding: 2px 8px;
  min-width: 30px;
}

.product-index .size-swatch ul li a {font-size: 13px;}

.product-index:hover > .product-index-inner .size-swatch {
  display: block;
}

.quick-add-to-cart {
  clear: left;
  display: block;
  margin-top: 10px;
}

.col-swatch {
  margin: 0 0 20px 0;
}

.col-swatch ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
  margin-top: 10px;
}

.col-swatch li {
  display: -moz-inline-stack;
  display: inline-block;
  zoom: 1;
  *display: inline;
  padding: 0;
  margin: 0px 2px;
}

.col-swatch li span {
  display:block;
}

.col-swatch li.color {
  width: 25px;
  height: 25px;
  margin:0;
  border-radius: 25px;
  border: 1px solid #eee;
  overflow: hidden;
}

.col-swatch li.color span {
  background-size: cover;
  background-position: center center;
  width: 100%;
  height: 100%;
}

.col-swatch li.color img.variant-image {
  transform: scale(3);
}

.col-swatch .options li {
  -webkit-transform: translateZ(0); /* webkit flicker fix */
  -webkit-font-smoothing: antialiased; /* webkit text rendering fix */
}




#sidebar { height: 100%; }

#sidebar .box-ratio {
  margin-bottom: 20px;
}

#sidebar .selecter {
  margin-bottom: 20px;
}

.sidebar {
    will-change: min-height;
}

.sidebar__inner {
    transform: translate(0, 0); /* For browsers don't support translate3d. */
    transform: translate3d(0, 0, 0);
    will-change: position, transform;
}

#side-filter {
  width: 100%;
  border-top: 1px solid #e5e5e5;
  border-bottom: 1px solid #e5e5e5;
  margin-bottom: 20px;
  padding-top: 20px;
}

#side-filter p {
  margin-bottom: 5px;
}

#side-filter li {
  margin-bottom: 10px;
}

.filter li {
  list-style-type: none;
  cursor: pointer;
}

.filter li h4 {
  font-size: px;
  font-weight: normal;
  letter-spacing: initial;
  margin-bottom: 0;
}

.filter li > ul.filter-list li a {
  font-size: 13px;
}

.filter li.current a {
  text-decoration: underline;
}

.filter span.color_filter {
  width: 16px;
  height: 16px;
  border: 1px solid #ccc;
  display: inline-block;
  margin: 0 5px 0 0;
  line-height: initial;
  vertical-align: middle;
  background-size: contain;
  background-position: center;
}

.current span.color_filter:after {
  content: "\f17b";
  font-size: 10px;
  color: white;
  /* font-family: "LineAwesome"; */
  display: block;
  background: rgba(33, 43, 54, .5);
  line-height: 14px;
  text-align: center;
}

#current-filters {
  padding: 10px 11px 10px 11px !important;
  margin-top: 10px;
  margin-bottom: 20px;
}

#current-filters h5 {
  display: inline-block;
  margin-right: 20px;
  margin-bottom: 0;
}

#current-filters a {
  margin-right: 8px;
}
#current-filters a:before {
  content: "\f344";
  font-size: 14px;
  color: #e5e5e5;
  /* font-family: "LineAwesome"; */
  margin-right: 4px;
}

.filter-menu {
  padding: 5px 0;
  position: relative;
  outline: none;
}

ul.filter-list ul.extended-submenu {
  padding-left: 10px;
  border-top: 1px solid #eee;
  border-bottom: 1px solid #eee;
  margin-bottom: 7px;
  padding-top: 7px;
}

ul.filter-list {
  display: none;
  border: 0;
}

ul.filter-list li {
  margin-bottom: 5px;
}

#collection-filters h2 {
  padding-bottom: 20px;
  border-bottom: 1px solid #e5e5e5;
  text-align: center;
}
a#filtersButton {
  margin: 0 0 20px 0;
}
div#current-filters {
  border: 1px solid #e5e5e5;
  margin-bottom: 20px !important;
  display: inline-block;
}
#sidebar {
  min-height: 1px;
  
  position: relative;
  z-index: 5;
}

#sidebar h4 {
  font-size: 15px;
  padding-bottom: 5px;
  margin-bottom: 5px;
  border-bottom: 1px solid #e5e5e5;
  letter-spacing: 0;
}

#sidebar ul {
  list-style-type: none;
  margin-bottom: 0px;
}

#sidebar h1 {
  padding-bottom: 10px;
  border-bottom: 1px solid #e5e5e5;
}

#sidebar ul li a.current {
  border-bottom: 1px solid #e5e5e5;
  text-decoration: none;
}

#sidebar .collection_container {
  display: block;
  width: 100%;
  float: none;
  margin-top: 20px;
}

#sidebar .collection_container .icn {
  padding: 2px 3px;
  font-size: 10px;
}

#sidebar .collection_container .price {
  display: none;
}

#sidebar .collection_container .sidebar_product_container {
  display: grid;
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  grid-template-columns: repeat(2, 1fr);
  grid-template-rows: auto;
}

#sidebar .collection_container .product-index {
  grid-column: auto / span 1;
}

#sidebar .textnote_container {
  margin-top: 10px;
}
#sidebar .textnote_container p {
  margin-bottom: 0;
}

#sidebar .textnote_container .subheading {
  padding: 10px 0;
}

#sidebar .image_container {
  margin: 20px 0;
}

#sidebar ul.sortme {
  float: right;
}

#sidebar ul.sortme h4 {
  margin-bottom: 5px;
}

#sidebar ul.sortme {
  float: left;
  display: block;
  clear: left;
  width: 100%;
}

#sidebar .filter {
  width: 100%;
  padding: 0 !important;
  text-align: left;
  background-color: transparent;
  color: #ffffff;
  margin-bottom: 10px;
  border-radius: 3px;
}

 #sidebar button.filter-menu {
  background-color: transparent;
  color: #6a656b;
  width: 100%;
  padding: 0 !important;
  text-align: left;
  margin: 0 !important;
}

#sidebar .filter h4:after {
  content: "\f110";
  /* font-family: "LineAwesome"; */
  background: #6a656b;
  padding: 4px 6px;
  color: #ffffff;
  position: absolute;
  right: 0;
  top: auto;
  font-size: 12px;
}

#sidebar .filter li > ul.filter-list {
  position: absolute;
  z-index: 5;
  background: #fff;
  border: 1px solid #e5e5e5;
  padding: 10px 20px;
  top: 38px;
  min-width: 200px;
}

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

#sidebar ul.filter-list {
  display: none;
  position: relative;
  margin-bottom: 5px;
  border-top: 1px solid #e5e5e5;
  padding-top: 10px;
  margin-top: 10px;
}

#sidebar .filter li > ul.filter-list {
  top: 0;
}

#sidebar ul.filter-list li {
  line-height: 13px;
  font-size: 13px;
}

#sidebar ul.filter-list.color-filter li {
  width: auto;
  min-width: 125px;
}

#sidebar .extended-submenu {
    margin-left: 0;
    border-bottom: 1px solid #ddd;
    padding: 10px 5px;
}

#sidebar ul.sidebar_sub_menu {
  margin-bottom: 0;
  margin-left: 10px;
}

#sidebar .extend {
  position: relative;
  cursor: pointer;
}

#sidebar .filter {
  margin: 0;
  min-width: 175px;
  text-align: left;
  display: block;
  padding: 10px 11px 10px 11px !important;
  margin-bottom: 3px;
  position: relative;
}

#sidebar button.filter-menu h4 {
  border-bottom: none;
  padding: 0;
  margin: 0;
}

#full-width-filter button:focus {outline:0;}

#full-width-filter .filter {
  background: none;
  color: #000000;
  margin: 0;
  line-height: 12px !important;
  min-width: 175px;
  text-align: left;
  display: inline-block;
  padding: 10px 11px 10px 11px !important;
  margin-bottom: 3px;
  position: relative;
  
  width: intrinsic;           /* Safari/WebKit uses a non-standard name */
  width: -moz-max-content;    /* Firefox/Gecko */
  width: -webkit-max-content; /* Chrome */
  position: relative;
}

#full-width-filter button.filter-menu {
  background-color: transparent;
  color: #6a656b;
  width: 100%;
  padding: 0 !important;
  text-align: left;
  margin: 0 !important;
}

#full-width-filter button.filter-menu:after {
  content: "\f110";
  /* font-family: "LineAwesome"; */
  background: #6a656b;
  padding: 3px 6px;
  color: #ffffff;
  position: absolute;
  font-size: 14px;
  top: 0;
  right: 0;
  line-height: 14px;
  margin-bottom: 3px;
}

#full-width-filter button.filter-menu h4 {
  font-size: 14px;
  margin: 0;
  padding-right: 30px !important;
}

#full-width-filter ul.filter-list {
  position: absolute;
  z-index: 5;
  padding: 15px 20px;
  top: 41px;
  min-width: 200px;
  left: -1px;
  font-size: 13px;
  line-height: 16px;
}

#full-width-filter ul.filter-list.color-filter {
  min-width: 368px;
}

#full-width-filter ul.filter-list.color-filter.lg {
  min-width: 700px;
}

#full-width-filter ul.filter-list.color-filter li {
  display: inline-block;
  min-width: 160px;
}

#full-width-filter {
  margin-bottom: 20px;
}
#full-width-filter .filter {
  margin-bottom: 5px;
  outline: none;
  min-width: unset;
  width: 173px !important;
}
#full-width-filter button.filter-menu {
  min-width: 153px;
}
ul.sidebar-accordion li,
#sidebar .extend {
  width: 100% !important;
}

button.filter-menu {
  border-radius: 0;
  height: auto;
  line-height: auto;
}





/* ============================================== */
/* ================ product.liquid ================ */
/* ============================================== */

.js-qty {
  display: inline-block;
}

@media screen and ( min-width: 741px ) {
  .product-right .section-title, .product-right .section-title:after {
      text-align: left;
      margin-left: 0;
      left: 0;
      margin-bottom: 0;
  }
}

.selector-wrapper {
    clear: left;
}

.single-option-selector {
  -webkit-appearance: none;
  -moz-appearance: none;
  padding-left: 12px;
  height: 46px;
  line-height: 46px;
  color: #000000;
  font-size: 16px;
  /* font-family:"Bricolage Grotesque"; */
  background-image: url(//mudhouse.com/cdn/shop/t/38/assets/select-arrow.png?v=112595941721225094991759473422);
  background-repeat: no-repeat;
  background-position: right;
  background-color: #f8f8f8;
  border: 1px solid #e5e5e5;
  width: 280px;
}

.selector-wrapper label {
    display: inline-block;
    float: left;
    min-width: 80px;
    margin-right: 15px;
    line-height: 48px;
}

img.zoomImg {
  cursor: move;
}

.active img {
  border:1px solid #ccc !important;
}

/* New Product Quick View Image Gallery */

.product-image-container.show-all {
  overflow: initial !important;
  height: initial !important;
}

.product-image-container.show-all .product-main-image {
  position: relative !important;
  top: initial !important;
  visibility: visible !important;
  margin-bottom: 20px;
}

.product-main-image img {
  margin: 0 auto;
}

#thumbnail-gallery .product-thumbnail img {
  cursor: pointer;
  border: 1px solid transparent;
/*   height: 100px !important; */
}

.thumbnail-slider {
  margin-top: 5px;
  display: flex !important;
  align-items: center;
}

img.zoomImg {
  background: #ffffff;
}

.thumbnail {
  margin-bottom: 10px;
}

#product-price,
.product-price {
  font-size: 18px;
  margin-bottom: 0px;
  display: inline-block;
}

.col-prev {
    display: inline-block;
    vertical-align: sub;
    margin-right: 20px;
    font-size: 12px;
}

.col-next {
    display: inline-block;
    vertical-align: sub;
    margin-left: 20px;
    font-size: 12px;
}

.product-right {
    position: relative;
}

.share-icon {
    position: absolute;
    top: 0;
    right: 0;
    color: #aaa;
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
}

.share-icon i {
    display: block;
    cursor: pointer;
}

#sticky-container .inner-wrapper-sticky {
  text-align: left;
  padding: 10px 20px;
}
@media (min-width: 741px) {
  .share-icons {
    margin-left: 0 !important;
    margin-right: 0 !important;
    margin-top: 70px;
  }
}

.product-description form {
  display: block;
  width: 100%;
  float: left;
  margin-bottom: 15px;
  border-bottom: 1px solid #e5e5e5;
  padding-top: 0;
}

.product-page #content .product-right .section-title {
  padding-top: 15px;
}

.product-form {
    display: block;
    float: left;
    width: 100%;
    position: relative;
}

.product-form .icn {
    right: 0;
    left: unset! important;
}

.product-add {
    clear: left;
    float: left;
    display: block;
    width: 100%;
}

.product-add label {
  float: left;
  line-height: 44px;
  padding: 0 !important;
  display: inline-block;
  font-weight: 400;
}

.qty-selection {
    clear: left;
    display: inline-block;
    margin: 10px auto 0;
}

.quantity {
  float: left;
  display: inline-block;
  height: 50px;
  line-height: 50px;
  -webkit-appearance: none;
  text-indent: 0! important;
  -moz-appearance: none;
  text-align: center;
  padding: 0 !important;
  width: 80px !important;
  color: #000000;
  background: transparent !important;
  border: 1px solid #e5e5e5;
  border-left: 0! important;
  border-right: 0! important;
  color: #000000;
  margin-bottom: 0 !important;
  outline: 0 none;
}

.quantity-increment {
  border: 1px solid #e5e5e5;
  background: transparent;
  width: 30px;
  height: 48px;
  line-height: 46px;
  padding: 0;
  color: #000000;
  font-weight: 400;
  float: left;
  display: inline-block;
  margin: 0;
  outline: 0 none;
  border-radius: 0;
  text-align: center;
  cursor: pointer;
}

.quantity-selector {
  margin-bottom: 15px;
}

.product-quantity {
  font-weight: bold;
  text-align: center;
  margin: 0 !important;
  width: 70px! important;
  display: inline-block! important;
  vertical-align: top;
  padding: 0! important;
  text-indent: 0! important;
  float: none;
  margin-left: -4px !important;
  margin-right: -5px !important;
  /*border: 1px solid #f0f0f0 !important;*/
  color: #000000;
}

.up,
.downer {
  border: 1px solid #f0f0f0;
  padding: 0 8px;
  line-height: 46px;
  height: 48px;
  display: inline-block;
  color: #000000;
  font-size: 20px;
  width: 38px;
  text-align: center;
}

.up:hover,
.downer:hover {
  cursor: pointer;
}

.ajaxified-cart-feedback a {
  text-decoration: underline;
}
.ajaxified-cart-feedback.success,
.ajaxified-cart-feedback.error {
  padding-top: 15px;
  margin-bottom: 10px;
}
.errors.qty-error {
  color: #cc0000;
  display: inline-block;
  float: left;
  padding: 10px;
  margin-bottom: 10px;
  width: 100%;
  font-weight: 400;
  text-align: left;
  text-transform: uppercase;
}
.cart h2.errors.qty-error {
  margin-bottom: 0;
  padding: 0;
  color: black;
  background: none;
  border: none;
  font-size: 18px;
}

input#AddToCart {
  display: block !important;
  margin-top: 15px;
  width: 280px;
  line-height: 48px !important;
  height: 48px;
  padding: 0 !important;
  clear: left;
  float: left;
  margin-bottom: 15px! important;
}

.shopify-payment-button {
  clear: left;
}

.shopify-payment-button__button--branded,
.shopify-payment-button__button--unbranded {
  line-height: 48px !important;
  min-height: 48px;
  padding: 0! important;
  margin-bottom: 15px! important;
  width: 280px !important;
}

.shopify-payment-button__button--unbranded {
  background: #6a656b! important;
  color: #ffffff! important;
}

.shopify-payment-button__button--unbranded:hover {
  color: #ffffff! important;
  background: #827c83! important;
}

.shopify-payment-button__more-options, button.shopify-payment-button__more-options:hover {
  background: transparent! important;
  color: #000! important;
  padding: 0! important;
  text-align: left !important;
}

.shopify-payment-button__button--hidden {
  display: none;
}

@media screen and (max-width: 740px ) {
  .product-add {
    text-align: center;
    margin-top: 0;
  }
  input#AddToCart,
  .shopify-payment-button__button--branded,
  .shopify-payment-button__button--unbranded  {
    width: 100% !important;
  }
  input#AddToCart { margin-top: 0;}
  .product-add label {
    width: initial !important;
    float: none;
  }
  .errors.qty-error {
    text-align: center;
  }
  .product-main-images .slick-slide img{
    max-height: 100%;
    width: auto;
  }
}

.product .rte {
  padding-bottom: 15px;
}

@media screen and ( min-width: 741px ) {
  .share-icons {
    position: absolute;
    right: 0;
    top: 0;
    margin-top: 0;
    height: 150px;
    padding: 0;
    width: 50px;
    z-index: 1;
  }
}
@media screen and ( min-width: 980px ) {
  .share-icons {
    position: absolute;
    right: 0;
    top: 90px;
    margin-top: 0;
    height: 150px;
    padding: 0;
    width: 50px;
    z-index: 1;
  }
  .share-icons.is_stuck {
    right: 0 !important;
  }
}
.product-quick-view .share-icons {
  position: absolute;
  top: calc(50% - 238px);
  right: -28px;
}

.share-icons a {
  display: block;
  background: #000;
  color: #fff;
  width: 50px;
  height: 50px;
  line-height: 50px;
  text-align: center;
  font-size: 10px;
}

.share-icons a i {
  vertical-align: sub;
}

.share-icons a.facebook {
    background: #000000;
}

.share-icons a.twitter {
    background: #000000;
}

.share-icons a.pinterest {
    background: #000000;
}

.collection-product-nav a {
  vertical-align: top;
}

#related {
  text-align: center;
  padding-bottom: 50px;
}
div#shopify-section-product-recommendations {
  padding-top: 60px;
}
.what-is-it {
  margin-bottom: 15px;
  line-height: 42px;
}

.what-is-it label {
  display: inline;
  margin-right: 10px;
}

.product .rte,
.collection .rte,
.index .rte {
  margin-top: 10px;
  margin-bottom: 10px;
  padding-bottom: 0;
}

/* RTE Tabbed Content for Product Pages */
.rte-tab > input,
.rte-tab section > div {
  display: none;
}

.rte-tab #tab1:checked ~ section .tab1,
.rte-tab #tab2:checked ~ section .tab2,
.rte-tab #tab3:checked ~ section .tab3,
.rte-tab #tab4:checked ~ section .tab4,
.rte-tab #tab5:checked ~ section .tab5,
.rte-tab #tab6:checked ~ section .tab6 {
  display: block;
}

.rte-tab #tab1:checked ~ nav .tab1,
.rte-tab #tab2:checked ~ nav .tab2,
.rte-tab #tab3:checked ~ nav .tab3,
.rte-tab #tab4:checked ~ nav .tab4,
.rte-tab #tab5:checked ~ nav .tab5,
.rte-tab #tab6:checked ~ nav .tab6{
  color: red;
}

.rte-tab {
  width: 100%;
  margin: 0 auto;
}
.rte-tab ul.tabbed {
  list-style: none;
  margin: 0;
  padding: 0;
  width: 100%;
}
.rte-tab ul {
  list-style: inherit;
}

.rte-tab ul.tabbed li label {
  float: left;
  padding: 12px 12px;
  margin: 0;
  border: 1px solid #e5e5e5;
  border-bottom: 0;
  background: rgba(0,0,0,0);
  color: #000000;
}

.rte-tab ul.tabbed li label:hover {
  background: transparent;
  cursor: pointer;
}
.rte-tab ul.tabbed li label:active {
  background: transparent;
}

.rte-tab section {
  clear: both;
}
.rte-tab section div.tabbed-block {
  padding: 20px;
  width: auto;
  border: 1px solid #e5e5e5;
  background: #fff;
  line-height: 1.5em;
  letter-spacing: 0.3px;
  color: #444;
  min-height: 200px;
}
.rte-tab section div.tabbed-block h2 {
  margin: 0;
  letter-spacing: 1px;
  color: ;
}

.rte-tab #tab1:checked ~ nav .tab1 label,
.rte-tab #tab2:checked ~ nav .tab2 label,
.rte-tab #tab3:checked ~ nav .tab3 label,
.rte-tab #tab4:checked ~ nav .tab4 label,
.rte-tab #tab5:checked ~ nav .tab5 label,
.rte-tab #tab6:checked ~ nav .tab6 label{
  background: white;
  color: #111;
  position: relative;
}
.rte-tab #tab1:checked ~ nav .tab1 label:after,
.rte-tab #tab2:checked ~ nav .tab2 label:after,
.rte-tab #tab3:checked ~ nav .tab3 label:after,
.rte-tab #tab4:checked ~ nav .tab4 label:after,
.rte-tab #tab5:checked ~ nav .tab5 label:after,
.rte-tab #tab6:checked ~ nav .tab6 label:after{
  content: "";
  display: block;
  position: absolute;
  height: 2px;
  width: 100%;
  background: #ffffff;
  left: 0;
  bottom: -1px;
}
.rte-tab img {
  height: auto;
}

.rte ul { margin-bottom: 15px; }


.product-extra {
    margin: 10px 0;
    clear: left;
}

.product-extra a {
    margin-right: 10px;
}

/* Swatches Styles */

/* Label */
.swatch .header {
  margin: 0.5em 0;
}

/* Hide radio buttons */
.swatch input {
  display: none;
}

.swatch label {
  color: #000000;
  background-color: #ffffff;
  border: 1px solid #d5d5d5;
  display: -moz-inline-stack;
  display: inline-block;
  zoom: 1;
  padding: 0 10px;
  margin: 0px 5px 10px 0;
  margin-right: 0 !important;
  margin-bottom: 0 !important;
  cursor: pointer;
  position: relative;
  min-width: 40px;
  height: 40px;
  line-height: 40px;
  white-space: nowrap;
  text-align: center;
}

  /* {
  padding: 0 10px;
  line-height: 36px;
} */

.color.swatch-element label {
  padding: 0;
}

.swatch .color label {
  border: 1px solid #e5e5e5;
  /* background-position: center center;
  background-size: 34px 34px;
  background-repeat: no-repeat; */
  width: 40px;
  height: 40px;
  overflow: hidden
}

.color.swatch-element .variant-image {
  transform: scale(3);
}

.swatch input:checked + label {
  border: 1px solid #000000;
  background: #000000;
  color: #ffffff;
}

.swatch .color input:checked + label {
  border: 1px solid #e5e5e5;
}

.swatch .color input:checked + label:after {
  content: "\f17c";
  /* font-family: "LineAwesome"; */
  position: absolute;
  bottom: -6px;
  left: 2px;
  color: rgba(187, 187, 187, .6);
  font-size: 14px;
}

.swatch .color.white input:checked + label:after {
  color: #eee;
}

.swatch .swatch-element {
  display: inline-block;
  -webkit-transform: translateZ(0); /* webkit flicker fix */
  -webkit-font-smoothing: antialiased; /* webkit text rendering fix */
  /* Spacing between buttons */
  margin: 0px 3px 10px 0;
  /* To position the sold out graphic and tooltip */
  position: relative;
}
/* Image with the cross in it */
.crossed-out {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  z-index: 1;
}

.swatch .swatch-element .crossed-out {
  display: none;
}

.swatch .swatch-element.soldout .crossed-out {
  display: block;
}

.swatch .swatch-element.soldout label {
  filter: alpha(opacity=60); /* internet explorer */
  -khtml-opacity: 0.6;      /* khtml, old safari */
  -moz-opacity: 0.6;       /* mozilla, netscape */
  opacity: 0.6;           /* fx, safari, opera */
}

/* Tooltips */
.swatch .tooltip {
  text-align: center;
  background: gray;
  color: #fff;
  bottom: 100%;
  padding: 10px;
  display: block;
  position: absolute;
  width: auto;
  font-size: 12px;
  left: auto;
  margin-bottom: 15px;
  /* Make it invisible by default */
  filter: alpha(opacity=0);
  -khtml-opacity: 0;
  -moz-opacity: 0;
  opacity: 0;
  visibility: hidden;
  /* Animations */
  -webkit-transform: translateY(10px);
  -moz-transform: translateY(10px);
  -ms-transform: translateY(10px);
  -o-transform: translateY(10px);
  transform: translateY(10px);
  -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%;
}

/* CSS triangle */
.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.error {
  background-color: #E8D2D2!important;
  color: #333!important;
  padding: 1em;
  border-radius: 5px;
}

.swatch.error p {
  margin: 0.7em 0;
}

.swatch.error p:first-child {
  margin-top: 0;
}

.swatch.error p:last-child {
  margin-bottom: 0;
}

.swatch.error code {
  font-family: monospace;
}

.swatch.clearfix {
  width: 100%;
  float: left;
  clear: left;
  display: block;
}

/* =============== */
/* = Map Section = */
/* =============== */
.map-section-container,
.map-section-image {
  visibility: visible;
  position: absolute;
  top: 0;
  left: 0
}

.map-section--display-map .map-section-container,
.map-section--display-bg-image .map-section-image {
  z-index: 4;
  position: relative;
}

.placeholder-background {
  display: none;
}
.map-section--onboarding .placeholder-background {
  display: block;
}

.map-section-image.show-image {
  z-index: 5;
  position: relative;
}

.map-section-wrapper {
  height: 400px;
}

.map-section-container {
  height: 400px;
  width: 100%;
}

.map-section-content {
  padding: 30px;
}

.map-section-wrapper .text_right .map-section-content-wrapper {
  float: right;
}

.map-section-background-wrapper {
  position: relative;
  overflow: hidden;
}

.map-section--onboarding .map-section-error {
  display: none;
}

.map-section-error {
  font-style: italic;
  color: #ff6d6d;
  border: 2px solid #ff6d6d;
  background-color: rgba(119, 0, 0, 0.65);
  padding: 30px;
  margin-top: -250px;
  width: 50%;
  margin-left: 25%;
  z-index: 6;
}

.map-section-image {
  height: 400px;
  background-size: cover;
  background-position: center;
}

.placeholder-background {
  height: 400px;
}

.map-section .placeholder-svg {
  fill: rgba(28,29,29,0.1);
  height: 400px;
}

.back_in_stock p {
  text-decoration: underline;
  cursor: pointer;
}

.back-in-stock-snippet {
    clear: left;
    width: 100%;
}

.back-in-stock-snippet form input {width: 65%;float: left;display: inline-block;}

.back-in-stock-snippet form button {
    display: inline-block;
    float: left;
    width: 30%;
}

.back-in-stock-snippet input.submit {
    width: 30%;
    margin-left: 2%;
}

/* ============================================== */
/* ================ Info bar ================ */
/* ============================================== */

.info-bar-item  {
  height: 100%;
  display: table-cell! important;
  vertical-align: middle;
  text-align: center;
}
.info-bar-content {
  position: relative;
}


/* ============================================== */
/* ================ Pages ================ */
/* ============================================== */


.page-section { margin-bottom: 30px; }

#page_sidebar {
  background: rgba(0,0,0,0);
}



.collection_side_block .product-index {
    width: 100%;
    max-width: 100%;
    display: block;
    vertical-align: top;
    margin: 0 0 20px 0;
}

div#page_sidebar .image_container,
div#page_sidebar .blog-widget {
  margin-bottom: 40px;
}

.collection_side_block {
    margin-bottom: 40px;
}




/* =============== */
/* = Cart = */
/* =============== */

body.cart #basket-right {
  text-align: center;
}

body.cart #basket-right p {
  margin-bottom: 20px;
}

body.cart #basket-right img {
  width: 50px;
}

body.cart .rte-accordion .item-content {
 background: transparent;
}
body.cart .cart-item .qty input {
  width: 53px;
  margin: 0 auto;
  margin-bottom: 20px;
  text-indent: 0px;
  text-align: center;
}
body.cart .cart-item {
  margin-bottom: 20px;
  display: block;
  position: relative;
  border: 1px solid #e5e5e5;
  min-height: 200px;
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  grid-column-gap: 20px;
  padding: 10px;
}

body.cart .cart-image {
  grid-column: span 1 / auto;
  align-self: center;
}
body.cart .cart-title {
  grid-column: span 2 / auto;
  align-self: center;
}
body.cart .cart-price {
  grid-column: span 3 / auto;
  align-self: center;
  text-align: center;
}

body.cart .cart-price label {
  font-weight: bold;
}

body.cart .outline-button,
#CartContainer .outline-button {
  padding: 5px 10px;
  background: #ffffff;
  /* font-family: 'Raleway', sans-serif; */
  font-weight: 500;
  color: #000000;
  display: inline-block;
  z-index: 1;
  width: 49%;
  height: 38px;
  line-height: 28px;
}


#CartContainer .outline-button { margin-top: 10px; }

#CartContainer .outline-button {
  width: 100%;
  margin-bottom: 10px;
  text-align: center;
  height: 44px;
  line-height: 31px;
}
body.cart .remove {
  position: absolute;
  top: 0;
  right: 0;
  margin: 0;
  width: 30px;
  height: 30px;
  line-height: 29px;
  text-align: center;
  border-left: 1px solid #e5e5e5;
  border-bottom: 1px solid #e5e5e5;
}
body.cart .remove span {
  transform: rotate(-45deg);
  display: block;
}
#CartContainer .cart-free-shipping {
  padding: 10px;
  background: #d80000;
  color: #fff;
  text-align: center;
  width: calc(100% - 10px);
  margin: 0 auto 20px;
  display: inline-block;
}

body.cart .cart-free-shipping{
  color: #000;
  text-align: left;
  display: inline-block;
  text-transform: uppercase;
  font-weight: 600;
}

#basket-right .cart-free-shipping{ padding: 20px 0 5px; border-top: 1px solid #e5e5e5; }

body.cart .cart-free-shipping br{ display: none; }

input#checkout,
.cart__checkout{
    background: #2E2D2F;
    padding: 18px 10px;
    height: auto;
    font-size: 17px!important;
    letter-spacing: 1.02px;
    line-height: 20px;
    font-weight: 500;
    text-transform: uppercase;
    margin: 0 auto 20px!important;
    /* font-family: Raleway,sans-serif!important; */
}

#CartContainer .cart-free-shipping {
  text-align: center;
}
body.cart #basket-right {
  background-color: rgba(0,0,0,0);
  padding: 0 30px 30px;
}
body.cart #basket-right .rte-accordion {
  /* padding-bottom: 20px; */
  border-bottom: 1px solid #e5e5e5;
  margin-bottom: 20px;
}
body.cart .cart-final-details input {
  min-width: 179px;
}
@media screen (max-width: 980px) and (min-width: 741px) {
  body.cart .cart-final-details input {
    min-width: 145px;
  }
}
body.cart #basket-right h2{
  margin-bottom: 20px;
  text-align: left;
  padding-bottom: 0px;
  font-weight: 600;
}
body.cart input#update-cart {
  display: inline-block;
  width: 49%;
  line-height: 28px;
  height: 38px;
}
body.cart h1.page-title {
  padding-bottom: 8px;
  /* border-bottom: 1px solid #e5e5e5; */
  text-align: left;
  font-weight: 600;
}
body.cart h1.page-title span {
float: right;
    text-align: right;
    font-weight: 400;
    font-size: 16px;
    position: relative;
    top: 5px;
}
body.cart .rte-accordion .item {
  width: calc(100% - 10px);
  margin: 0 auto;
}
body.cart .cart-price .item-pricing,
body.cart .cart-price .line-pricing {
  width: 38%;
  display: inline-block;
  vertical-align: top;
}
body.cart .cart-price .qty {
  width: 20%;
  display: inline-block;
  vertical-align: top;
}
body.cart .subtotal p,
body.cart .discounts p,
body.cart .shipping p,
body.cart .tax p,
.ajaxcart__footer .subtotal p,
.ajaxcart__footer  .discounts p,
.ajaxcart__footer .shipping p,
.ajaxcart__footer .tax p,{
  margin-bottom: 0 !important;
}
body.cart .discounts,
body.cart .subtotal,
body.cart .total,
body.cart .shipping,
body.cart .tax,
.ajaxcart__footer .discounts,
.ajaxcart__footer .subtotal,
.ajaxcart__footer .total,
.ajaxcart__footer .shipping,
.ajaxcart__footer .tax {
  display: inline-block;
  width: 100%;
}
body.cart .shipping p.title,
body.cart .tax p.title,
body.cart .subtotal p.title,
body.cart .total h3.title,
body.cart .discounts p,
.ajaxcart__footer .shipping p.title,
.ajaxcart__footer .tax p.title,
.ajaxcart__footer .subtotal p.title,
.ajaxcart__footer .total h3.title,
.ajaxcart__footer .discounts p {
  float: left !important;
}
body.cart .discounts ul,
.ajaxcart__footer .discounts ul {
  float: right;
  list-style: none;
  margin-bottom: 10px;
}
body.cart .subtotal p.subtotal-price,
body.cart .total h3.total-price,
body.cart .discounts .cart-savings-amount,
body.cart .shipping p,
body.cart .tax p,
.ajaxcart__footer .subtotal p.subtotal-price,
.ajaxcart__footer .total h3.total-price,
.ajaxcart__footer .discounts .cart-savings-amount,
.ajaxcart__footer .shipping p.value,
.ajaxcart__footer .tax p.value {
  float: right !important;
}
.ajaxcart__footer.row p {
  line-height: 10px;
}
body.cart .cart-final-details p {
  line-height: 10px;
  margin-bottom: 0 !important;
}
body.cart .cart-final-details .subtotal .title{ font-size: 14px; text-transform: uppercase; }
body.cart .cart-final-details .total h3{ text-transform: uppercase; font-weight: bold; font-size: 17px; }

h5.or-divider {
  position: relative;
  text-transform: uppercase;
}
div#basket-right h5.or-divider span:before {
  content: '';
  background: #e5e5e5;
  height: 1px;
  width: 40%;
  position: absolute;
  left: 0;
  top: 50%;
}
div#basket-right h5.or-divider span:after {
  content: '';
  background: #e5e5e5;
  height: 1px;
  width: 40%;
  position: absolute;
  right: 0;
  top: 50%;
}
/* Shipping Calculator */
#shipping-calculator {
  color: #000000;
}
#shipping-calculator p {
  padding: 0;
  margin-bottom: 5px !important;
  margin-top: 5px !important;
  text-align: left;
}
#shipping-calculator .item-content {
  padding: 0 10px;
}
#shipping-calculator .field {
  float: left;
  margin: 0 0.6em 1em 0;
  font-size: 15px
}
#shipping-calculator .field label {
  display: block;
  margin: 0 0 .3em;
  font-size: 1em;
}
#shipping-calculator .field input[type=text] {
  display: inline-block;
  width: 150px;
  max-width: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  margin: 0;
  padding: .4em .6em;
  font-size: 1em;
  border: 1px solid rgba(0,0,0,.15);
  outline: 0;
  border-radius: .3125em;
  -webkit-appearance: none;
}
#shipping-calculator .field:last-child:before {
  content: "\00A0"; display: block; margin: 0 0 .3em; font-size: 1em;
}
#shipping-calculator #wrapper-response {
  clear: both;
}

#shipping-calculator select {
  -webkit-appearance: none;
  -moz-appearance: none;
  padding-left: 12px;
  height: 48px;
  line-height: 46px;
  color: #000000;
  font-size: 16px;
  /* font-family:"Bricolage Grotesque"; */
  background-image: url(//mudhouse.com/cdn/shop/t/38/assets/select-arrow.png?v=112595941721225094991759473422);
  background-repeat: no-repeat;
  background-position: right;
  background-color: #f8f8f8;
  border: 1px solid #e5e5e5;
  width: 100%;
}


@media (max-width: 800px) {
  #shipping-calculator .field {
    float: none;
  }
  #shipping-calculator .field:last-child:before {
    content: none;
  }
  .partner-logo {
    margin-bottom: 35px;
    width: 200px !important;
    height: auto !important;
   }
}
@media screen and (max-width:1320px) {
  body.cart input#update-cart,
  body.cart .outline-button {
    width: 100%;
    margin: 0 0 10px 0;
  }
}

@media only screen and (max-width: 740px) {
 #order_details .product {
    width: 50%;
  }
  #order_details .order-images {
    width: 40%;
  }
  body.cart .cart-image {
    grid-column: span 6 / auto;
    align-self: center;
    text-align: center;
    margin: 0 auto;
    margin-bottom: 10px;
    width: 50% !important;
  }
  body.cart .cart-title {
    grid-column: span 6 / auto;
    align-self: center;
    text-align: center;
  }
  body.cart .cart-price {
    grid-column: span 6 / auto;
    align-self: center;
    text-align: center;
  }
}
.empty-cart-wrapper {
  min-height: 300px;
}
body.cart .payment-methods,
body.cart .additional-checkout-buttons {
  margin-bottom: 10px;
  display: none;
}
body.cart .payment-types {
    display: none;
}
.errors.qty-error {
  margin-top: 10px;
  display: inline-block;
  width: auto;
}
/* =============== */
/* = Blogs and pages = */
/* =============== */

.rte a {
  text-decoration: underline;
}

#homepage-blog .article-body h2 {
 margin-top: 10px;
}

.blog-template .collection-banner {
  height: 400px;
  position: relative;
  overflow: hidden;

}

.blog-template .collection-banner .box-ratio {
  padding-bottom: 400px;
}

@media screen and (max-width: 740px) {
  .blog-template .collection-banner {
    height: auto;
  }
  .blog-template .collection-banner img {
    height: auto;
  }
  .blog-template .collection-banner .box-ratio {
    padding-bottom: 0;
  }
}

.blog-template #blog-description {
  margin-top: 10px;
  margin-bottom: 10px;
}

.blog-template .blog-promos {
   padding: 20px 0;
   position: relative;
   clear: left;
   display:none;
}

.blog-template a.blog-banner {
  padding: 20px 0;
}

@media screen and ( max-width: 740px ){
  .blog-promos .promo {
    margin-bottom: 20px;
  }
}

.blog-template .promo-inner:hover {
  cursor: pointer;
  opacity: 0.8;
}

.blog-template .promo-inner {
   display: table;
   cursor: pointer;
   width: 100%;
   float: left;
   margin-right: 30px;
   height: 200px;
   background-size: cover;
   background-repeat: no-repeat;
   background-position: center center;
   position: relative;
   webkit-box-shadow: 0px 0px 14px 7px rgba(158,158,158,0.14);
   -moz-box-shadow: 0px 0px 14px 7px rgba(158,158,158,0.14);
   box-shadow: 0px 0px 14px 7px rgba(158,158,158,0.14);
   -o-transition: .25s;
   -ms-transition: .25s;
   -moz-transition: .25s;
   -webkit-transition: .25s;
   transition: .25s;
}

.blog-template .promo-caption {
   height: 100%;
   display: table-cell;
   vertical-align: middle;
   text-align: center;
}

.blog-template .promo-caption h2 {
    margin-bottom: 0;
    display: inline-block;
    padding: 8px 10px;
    background: rgba(255,255,255,0.9);
}

.blog-template .promo-caption h5 {
   line-height: 1.5em;
   padding: 14px 18px;
   font-size: 12px;
   text-transform: uppercase;
   letter-spacing: 2px;
   background: #ffffff;
   display: inline-block;
   text-align: center;
 }

.blog-template #content .section-title h1 {
   margin-top: 20px;
   margin-bottom: 0;
   padding: 10px 20px;
}

div#blog-description p {
    margin-bottom: 0;
}

#blog-articles {
  width: 100%;
  margin-top: 25px;
}

@media screen and ( min-width: 741px ) {
  #blog-article-page .share-icons {
      top: 50%;
      margin-top: -75px;
      position: absolute;
      right: 0;
  }
  .article-inner .section-title, .article-inner .section-title:after {
      text-align: left;
      left: 0;
      margin-left: 0;
  }
  .article-inner {
      width: 90%;
  }
}

#blog-post { margin-top: 30px; }


.rte h1 {
  border-bottom: 0 !important;
}

#page {
  clear: left;
  margin-bottom: 50px;
}

#page.form-left {
  float: right;
}


.centered-form div#contactFormWrapper {
    margin-top: 20px;
}

#article-loop {
  margin: 0 auto;
  width: 100%;
  min-width: 100%;
}

.article-index {
  margin: 0 5px 10px;
  border-radius: 0;
  overflow: hidden;
  padding-top: 20px;
}

.article-info-inner {
  width: 96%;
  margin: 0 auto;
}

.article-info h2 {
  letter-spacing: initial;
  margin-bottom: 10px;
  text-align: center;
}

.posted {
  text-align: center;
  float: left;
}


.article-info p {
  font-size: 16px;
  margin-bottom: 0;
}

.article-info a {
  text-decoration: none !important;
  text-transform: uppercase;
}


.article-image {
    margin-bottom: 10px;
    display: inline-block;
    vertical-align: middle;
}

.article-body {
    display: inline-block;
    background: #fff;
    padding: 30px;
    vertical-align: middle;
    position: relative;
    z-index: 1;
}

@media screen and (min-width: 741px) {
  .mobile-image { display: none; }
  .article-body {
    width: 48%;
  }
  .article-image {
    width: 55%;
    margin-left: -1px;
  }
  .single-article.odd .article-body {
    margin-left: -52px;
  }
  .single-article.even .article-body {
      margin-left: 0;
  }
  .single-article.even .article-image {
      margin-left: -4%;
  }
}

@media screen and ( max-width:740px ) {
  .single-article.even .article-image { display: none; }
  .single-article.even .mobile-image .article-image { display: block; }
  .article-body {
    width: 90%;
    margin: -50px auto 0! important;
    left: 5%;
    padding: 15px;
    padding-bottom: 0;
  }
  .article-image, .mobile-image { width: 100%; }
}

.post_meta {
    clear: left;
    margin-top: 10px;
    border-top: 1px solid #eee;
    display: inline-block;
    width: 100%;
    padding: 5px 0;
    font-size: 90%;
}

.post_meta ul {
    list-style: none;
}

.post_meta ul li.tags {
    display: inline-block;
    margin-right: 5px;
}

.post_meta ul li.tags a {
    text-decoration: underline;
}

.article-content a {
  display: block;
  line-height: initial;
}

.article-index .readmore {
  text-align: center !important;
}

.featured_article-image {
    margin-bottom: 15px;
}

.featured_article {
    margin-bottom: 30px;
}


#blog-article {
  list-style-type: none;
}

.single-article {
  margin-bottom: 50px;
  padding-bottom: 10px;
  float: left;
  width: 100%;
}

.single-article .posted {
  text-align: left;
  margin-right: 15px;
}

.single-article .post-tags {
  text-align: left;
}

#article-body .rte {
  margin-top: 10px;
}

ul.side_recent_posts {
    margin-bottom: 40px;
    list-style: none;
}

ul.side_recent_posts li {
    margin-bottom: 20px;
    display: block;
}


#fb-root {
  display: none;
}

/* To fill the container and nothing else */
.fb_iframe_widget,
.fb_iframe_widget span,
.fb_iframe_widget span iframe[style] {
  width: 100% !important;
}


ul#posts {
  list-style: none;
}

ul#posts li {
  margin-bottom: 20px;
  padding-bottom: 0;
  border-bottom: 1px solid #e5e5e5;
}

ul#posts li p {
  margin-top: 0;
}

ul#posts li.tags {
  padding-bottom: 10px;
}

#comments h4 {
  text-align: center;
}

#comments {
  float: left;
  padding-top: 20px;
  margin-top: 20px;
  width: 100%;
}

#comment-form {  }

#comment-form dl {
  clear: left;
  display: block;
  padding-top: 10px;
}

ul#commentlist {
  margin-top: 20px;
  list-style-type: none;
}

ul#commentlist li {
  padding: 10px 0;
  float: left;
  display: block;
  width: 100%;
  margin: 0 0 20px 0;
  border-bottom: 1px solid #e5e5e5;
  padding-bottom: 20px;
}

ul.disc {
  margin-bottom: 0;
}

.comment-details {
  margin-bottom: 10px;
}

.gravatar {
  float: left;
  margin-right: 20px;
}

.comment {
  float: left;
}

.comment p {
  margin-top: 0;
}

dd {
  margin-left: 0;
}

.notice {
  border: 1px dashed #eee;
  padding: 5px;
  background: ghostwhite;
  margin: 20px 0;
}

ul#blog-recent,
ul#blog-tags {
  list-style: none;
  border-bottom: 1px solid #e5e5e5;
  padding-bottom: 20px;
}




/* =============== */
/* = Search = */
/* =============== */


.search-content {
  text-align: center;
  padding: 10px;
}
#search-bar {
  margin-bottom: 20px;
  margin-top: 20px;
  position: relative;
  margin-bottom: 0;
  width: 70%;
  margin-left: auto;
  margin-right: auto;
}

#search-bar #q {
  text-align: center;
  margin-left: auto;
  margin-right: auto;
  height: 50px;
  line-height: 50px;
}

div#search-bar P {
    text-align: center;
}

/*#q {
  text-transform: uppercase;
}*/



/* =============== */
/* = RTE Formatting = */
/* =============== */

.rte h2 {
  margin-bottom: 30px;
}

/* RTE Button */
.rte-button {
  background: #6a656b;
  border: none;
  -webkit-transition: background 0.3s ease,color 0.3s ease;
  -moz-transition: background 0.3s ease,color 0.3s ease;
  -o-transition: background 0.3s ease,color 0.3s ease;
  transition: background 0.3s ease,color 0.3s ease;
  -webkit-appearance: none;
  color: #ffffff;
  display: inline-block;
  font-weight: 400;
  text-decoration: none;
  cursor: pointer;
  margin-bottom: 20px;
  line-height: normal;
  padding: 15px 5px;
  text-transform: uppercase;
}

.rte-button:hover {
  color: #ffffff;
  background: #827c83;
}

/* RTE Accordion */
.rte-accordion .item {
  position: relative;
  margin-bottom: 1px;
  width: 100%;
  color: #000000;
  overflow: hidden;
}
.rte-accordion input.trigger {
  position: absolute;
  opacity: 0;
  z-index: -1;
}
.rte-accordion label.accordion-label {
  position: relative;
  display: block;
  background: #ffffff;
  color: #000000;
  line-height: 1;
  cursor: pointer;
  padding: 5px 0 5px 5px;
}
.rte-accordion label.accordion-label span,
.rte-accordion label.accordion-label a {
  color: #000000;
}
.rte-accordion .item-heading {
  max-width: 90%;
  padding: 5px 10px 5px 0;
  display: block;
}
.rte-accordion .item-content {
  max-height: 0;
  overflow: hidden;
  -webkit-transition: max-height .35s;
  -o-transition: max-height .35s;
  transition: max-height .35s;
}
.rte-accordion .item-content p {
  padding: 8px;
}

.rte-accordion input:checked ~ .item-content {
  max-height: 100%;
}

.item-content .item-heading {
  padding-left: 10px;
}

.rte-accordion label.accordion-label::after {
  position: absolute;
  right: 0;
  top: -1px;
  display: block;
  width: 10px;
  text-align: center;
  -webkit-transition: all .35s;
  -o-transition: all .35s;
  transition: all .35s;
  padding: 10px 15px;
}
.rte-accordion input[type=checkbox] + label::after {
  content: "+";
}
.rte-accordion input[type=radio] + label::after {
  content: "\25BC";
}
.rte-accordion input[type=checkbox]:checked + label::after {
  transform: rotate(315deg);
}
.rte-accordion input[type=radio]:checked + label::after {
  transform: rotateX(180deg);
}

/* RTE Tabbed Content */
.rte-tab > input,
.rte-tab section > div {
  display: none;
}

.rte-tab #tab1:checked ~ section .tab1,
.rte-tab #tab2:checked ~ section .tab2,
.rte-tab #tab3:checked ~ section .tab3 {
  display: block;
}

.rte-tab #tab1:checked ~ nav .tab1,
.rte-tab #tab2:checked ~ nav .tab2,
.rte-tab #tab3:checked ~ nav .tab3 {
  color: red;
}

.tab3 label,
.tab4 label,
.tab5 label {
  border-left: none !important;
}

.rte-tab {
  width: 100%;
  max-width: 100%
  margin: 0 auto;
}
.rte-tab ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.rte-tab ul li label {
  float: left;
  padding: 15px 25px;
  margin: 0;
  border: 1px solid #ddd;
  border-bottom: 0;
  background: #6A656B;
  color: #ffffff;
}
@media screen and (max-width: 740px) {
  .rte-tab ul li label {
    padding: 5px 5px !important;
  }
}
.rte-tab ul li label:hover {
  background: #dddddd;
}
.rte-tab ul li label:active {
  background: #ffffff;
}

.rte-tab section {
  clear: both;
}
.rte-tab section div {
  padding: 20px;
  width: 100%;
  background: #fff;
  line-height: 1.5em;
  letter-spacing: 0.3px;
  color: #444;
}
.rte-tab section div h2 {
  margin: 0;
  letter-spacing: 1px;
  color: ;
}

.rte-tab #tab1:checked ~ nav .tab1 label,
.rte-tab #tab2:checked ~ nav .tab2 label,
.rte-tab #tab3:checked ~ nav .tab3 label {
  background: white;
  color: #111;
  position: relative;
}
.rte-tab #tab1:checked ~ nav .tab1 label:after,
.rte-tab #tab2:checked ~ nav .tab2 label:after,
.rte-tab #tab3:checked ~ nav .tab3 label:after {
  content: "";
  display: block;
  position: absolute;
  height: 2px;
  width: 100%;
  background: #ffffff;
  left: 0;
  bottom: -1px;
}

/* RTE Image Slider */

.rte-image-slider-container {
  min-height: 600px;
  width: 100%;
  position: relative;
  overflow: hidden;
  text-align: center;
}

.rte-image-slider-container input {
  visibility: hidden;
}

.rte-image-slider-menu {
  position: absolute;
  left: 0;
  z-index: 900;
  width: 100%;
  bottom: 0;
}

.rte-image-slider-menu label {
  cursor: pointer;
  display: inline-block;
  width: 16px;
  height: 16px;
  background: ;
  border-radius: 50px;
  margin: 0 .2em 1em;
}

.rte-image-slider-menu label:hover {
  background: ;
}

.rte-slide {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 100%;
  z-index: 1;
  padding: 8em 1em 0;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  transition: left 0s .75s;

}

[id^="rte-slide"]:checked + .rte-slide {
  left: 0;
  z-index: 2;
  transition: left .65s ease-out;
}

/* RTE Map */
.rte-map {
  border: none;
  min-height: 500px;
}

/* RTE Divider */
.rte hr {
  margin: 60px 0
}

/* RTE Masonry Gallery */
.rte-masonry {
  -moz-transition: all .5s ease-in-out;
  -webkit-transition: all .5s ease-in-out;
  transition: all .5s ease-in-out;
  -moz-column-gap: 30px;
  -webkit-column-gap: 30px;
  column-gap: 30px;
  -moz-column-fill: initial;
  -webkit-column-fill: initial;
  column-fill: initial;
}
.rte-masonry.gutter {
  -moz-column-gap: 1.5em;
  -webkit-column-gap: 1.5em;
  column-gap: 1.5em;
}
.rte-masonry.no-gutter {
  -moz-column-gap: 0;
  -webkit-column-gap: 0;
  column-gap: 0;
  line-height: 0;
}
.rte-masonry .item img {
  -moz-transition: all .5s ease-in-out;
  -webkit-transition: all .5s ease-in-out;
  transition: all .5s ease-in-out;
}
.rte-masonry .item {
  display: inline-block;
  background: #fff;
  width: 100%;
}
.rte-masonry .item:hover {
  opacity: 0.8;
  cursor: pointer;
}
.rte-masonry.no-gutter .item {
  padding: 0;
  margin: 0;
}
.rte-masonry.gutter .item {
  margin: 0 0 1.5em;
}

@media only screen and (min-width: 400px) {
  .rte-masonry {
    -moz-column-count: 1;
    -webkit-column-count: 1;
    column-count: 1;
  }
  .rte-masonry.gutter {
    -moz-column-gap: .8em;
    -webkit-column-gap: .8em;
    column-gap: .8em;
  }
}

@media only screen and (min-width: 700px) {
  .rte-masonry {
    -moz-column-count: 3;
    -webkit-column-count: 3;
    column-count: 3;
  }
}

@media only screen and (min-width: 900px) {
  .rte-masonry {
    -moz-column-count: 4;
    -webkit-column-count: 4;
    column-count: 4;
  }
}

@media only screen and (min-width: 1100px) {
  .rte-masonry {
    -moz-column-count: 5;
    -webkit-column-count: 5;
    column-count: 5;
  }
}

@media only screen and (min-width: 1280px) {
  .rte-masonry {
      width: 1260px;
  }
}

/* =============== */
/* = Customer accounts = */
/* =============== */

div#customer_orders {
  margin-top: 10px;
}

table.customer_table {
  width: 100%;
  text-align: left;
  margin-top: 10px;
  padding-top: 10px;
  min-width: 600px;
}

div#customer_orders table tr {
  border-bottom: 1px dashed #e5e5e5;
}

table.customer_table tr td, table.customer_table thead tr th {
    border-bottom: 1px dashed #e5e5e5;
    padding: 5px 0;
}


#customer-wrapper {
  margin-bottom: 40px;
}

#customer-wrapper p {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

#customer-wrapper tfoot {
  margin-top: 20px;
  display: table;
  width: 100%;
}

#forgot_password {
  margin-bottom: 15px;
}

#customer-wrapper form {
  margin-top: 20px;
}

#admin_header {
  margin-bottom: 30px;
}

.view_address p {
  margin: 0;
}

#customer_detail p {
  margin: 0;
}

.address_table {
  margin-bottom: 20px;
}

#order_address {
  clear: both;
  float: left;
  width: 100%;
  margin-bottom: 20px;
}

#order_details {
  float: left;
}

#create-customer,
#customer {
  margin-top: 30px;
}

div#recover-password {
  margin-top: 30px;
}

 .customer_address {
   text-align: center;
  margin-top: 25px;
  margin-bottom: 25px;
 }

div#add_address, .edit_address {
  background: rgba(0, 0, 0, 0.02);
  display: table;
  margin: 0 auto;
  width: auto;
  padding: 0 40px 20px;
  float: none;
}
#address_default_address_new{
      height: auto;
    margin-right: 6px;
}

#add_address table.customer_address_table, .edit_address table.customer_address_table {
    margin: 20px auto;
}

#add_address input.secondary.button, .edit_address input.secondary.button {
    width: 280px;
    margin: 0 auto 20px;
    display: block;
}

.action_bottom span.note a {
    text-decoration: underline;
}

.customer_address_table select {
  -webkit-appearance: none;
  -moz-appearance: none;
  padding-left: 12px;
  height: 48px;
  line-height: 46px;
  color: #000000;
  font-size: 16px;
  /* font-family:"Bricolage Grotesque"; */
  background-image: url(//mudhouse.com/cdn/shop/t/38/assets/select-arrow.png?v=112595941721225094991759473422);
  background-repeat: no-repeat;
  background-position: right;
  border: 1px solid #e5e5e5;
  width: 100%;
}



a#view_address {
  display: block;
  margin-top: 10px;
}

.center {
  text-align: center;
}

@media screen and (max-width: 980px) {
  div#customer-wrapper #sidebar {
    display: block;
  }
}

.rte__table-wrapper {
  overflow: auto;
  -webkit-overflow-scrolling: touch;
}

.note.order_date {
    text-align: left;
    margin-bottom: 25px;
}

@media screen and ( max-width: 740px ) {
  div#order_address {
    text-align: center;
    margin-bottom: 20px;
    display: block;
  }

  div#order_payment {
    margin-bottom: 50px;
  }

  .note.order_date {
    text-align: center;
  }
}
p.address_actions a {
    display: inline-block;
    font-weight: bold;
    margin: 5px 5px 10px;
    text-decoration: underline;
}

span.default_address.note {
    font-weight: normal;
    text-transform: uppercase;
    font-size: 13px;
}

/* =============== */
/* = Footer = */
/* =============== */



footer {
  position: relative;
  z-index: 2;
  background: #f5f5f5;
}

#footer-wrapper {
  z-index: 2;
  clear: left;
  border-top: 1px solid rgba(0,0,0,0);
  background: #e3e3e3;
  padding: 50px 0 0 0;
}

#footer-wrapper p,
#footer-wrapper a {
  color: #000000;
}
#footer-wrapper a {
  opacity: 0.7;
}
#footer-wrapper a:hover {
  opacity: 1.0;
}

#footer-wrapper .rte {
  margin-top: 30px;
}

@media screen and ( max-width: 740px ) {
  .footer-menu h4:after {
    /* font-family: "LineAwesome"; */
    /* content: "\f110"; */
    position: absolute;
    right: 20px;
    width: 44px;
    height: 44px;
    top: -12px;
    line-height: 44px;
    text-align: right;
    z-index: 1;
  }
}

.footer-menu h4 {
    padding-bottom: 10px! important;
    text-align: left;
    color: #000000;
    position:relative;
}

@media screen and ( max-width: 740px ) {
  .footer-menu {
      text-align: left;
      position: relative;
  }
  .footer-menu h4 {
    cursor: pointer;
  }
}

#footer-wrapper ul {
  list-style: none;
  margin-top: 30px;
}

#footer-wrapper ul li a {
  color: #000000;
}

#footer-wrapper ul li a:hover {
  color: #000000;
}

.footer-menu {
    margin-bottom: 30px;
}

div#footer_signup {
  margin-top: 30px;
}

input#footer-EMAIL {
  width: 75%;
  display: inline-block;
  float: left;
  margin-bottom: 0;
  border-radius: 0;
  background: #9c9c9c;
  height: 48px;
  line-height: 48px;
  padding: 0;
}

input#footer-EMAIL::-webkit-input-placeholder { /* WebKit browsers */
  color: #ffffff;
}

input#footer-EMAIL:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
  color: #ffffff;
}

input#footer-EMAIL::-moz-placeholder { /* Mozilla Firefox 19+ */
  color: #ffffff;
}

input#footer-EMAIL:-ms-input-placeholder { /* Internet Explorer 10+ */
  color: #ffffff;
}

input#footer-subscribe {
  width: 25%;
  float: left;
  display: inline-block;
  background: #000000;
  color: #ffffff;
  border: 0;
  border-radius: 0;
  font-weight: normal;
}

input#footer-subscribe:hover {
  background: #000000;
  color: #ffffff;
}

ul#footer-icons {
  text-align: center;
  margin-top: 30px;
  padding-top: 30px;
  border-top: 1px solid rgba(0,0,0,0);
}

ul#footer-icons li {
  display: inline-block;
  margin: 0 10px 10px;
  width: 30px;
  height: 30px;
  line-height: 30px;
}
ul#footer-icons li a,
ul#footer-icons li i {
  line-height: 30px;
}

ul#footer-icons li a {
  font-size: 14px;
  color: #ffffff;
}

ul#footer-icons li a:hover {
  color: #6a656b;
}

.credit {
  text-align: center;
}

.credit p {
  color: #000000;
  text-transform: uppercase;
  font-size: 14px;
  border-top: 1px solid #717171;
  padding-top: 10px;
}

.credit a {
  color: #6a656b;
}

.credit img {
  max-width: 50px;
  display: inline-block;
  margin-bottom: 10px;
}

#payment {
  text-align: center;
  margin-top: 30px;
  margin-bottom: 0px;
  display:none;
}

#payment svg {
  display: inline;
  width: 40px;
  height: 25.25px;
  text-align: center;
  margin: 3px 1px;
}



/* =============== */
/* = Global = */
/* =============== */


.videoWrapper {
  position: relative;
  padding-bottom: 41.25%;
  height: 0;
  overflow: hidden;
  max-width: 100%;
}

.videoWrapper iframe,
.videoWrapper object,
.videoWrapper embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

#pagination {
  clear: left;
  text-align: center;
  margin-top: 20px;
  margin-bottom: 20px;
}

#pagination a, #pagination .current {
  height: 40px;
  line-height: 40px;
  padding: 0 15px;
  display: inline-block;
  width: auto;
  width: initial;
  margin-bottom: 0;
  text-align: center;
  display: inline-block;
  margin: 0 5px;
}
#pagination a {
  background: #000000;
  color: #ffffff;
}
#pagination a:hover {
  text-decoration: none;
  background: #6a656b;
}
#pagination .current {
  background: #d80000;
  color: #fff;
}
#pagination .count {
  display: block;
  margin-bottom: 15px;
}

.paginate_prev,
.paginate_next{ display: none !important; }

#breadcrumb {
  text-transform: uppercase;
  font-size: 12px;
  margin-bottom: 25px! important;
  margin-top: 25px! important;
  text-align: left;
  padding: 0;
  
}

#breadcrumb a, #breadcrumb span {
  margin-right: 5px;
}

.scrollup{
  width:30px;
  height:30px;
  opacity:0.3;
  position:fixed;
  bottom:20px;
  right:20px;
  display:none;
  z-index: 3;
  text-align: center;
}

.scrollup:hover {
  text-decoration: none;
  opacity: 0.7;
  -webkit-transition: opacity 1000ms ease-in-out;
  -moz-transition: opacity 1000ms ease-in-out;
  -o-transition: opacity 1000ms ease-in-out;
  -ms-transition: opacity 1000ms ease-in-out;
  transition: opacity 1000ms ease-in-out;
}

iframe {
  width: 100%;
}


/* =============== */
/* = Mobile nav = */
/* =============== */

/*
* Shifter v3.1.2 - 2014-10-28
* A jQuery plugin for simple slide-out mobile navigation. Part of the Formstone Library.
* http://formstone.it/shifter/
*
* Copyright 2014 Ben Plum; MIT Licensed
*/
.shifter-open {
  overflow: hidden;
}

/*.shifter-open .shifter-page *,
.shifter-open .shifter-header * {
  pointer-events: none;
}*/

.shifter-navigation {
  display: none;
  opacity: 0;
  top: 85px;
  text-align: left;
}

.shifter-enabled .shifter-page {
  min-height: 100%;
  position: relative;
  z-index: 1;
  background: #ffffff;
  display: block;
  overflow: hidden;
}

.shifter-enabled .shifter-navigation {
  width: 100%;
  height: 100%;
  padding-bottom: 250px;
  position: fixed;
  top: 20px;
  z-index: 0;
  background: #ffffff;
  display: block;
  overflow: auto;
  pointer-events: none;
  -webkit-transition: opacity 0.001s linear 0.2s, -webkit-transform 0.2s ease;
  transition: opacity 0.001s linear 0.2s, transform 0.2s ease;
}

.shifter-enabled .shifter-page,
.shifter-enabled .shifter-header,
.shifter-enabled .shifter-navigation {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.shifter-enabled .shifter-page,
.shifter-enabled .shifter-header {

  /* --- Stops anything absolutely positioned within the container from working as anythin with transform assumes parent ----
  -webkit-transform: translate3D(0, 0, 0);
  -ms-transform: translate3D(0, 0, 0);
  transform: translate3D(0, 0, 0);
  -webkit-transition: -webkit-transform 0.2s ease;
  transition: transform 0.2s ease;
  */
}

nav.shifter-navigation.no-fouc {
  transition: all 0.4s cubic-bezier(0.46, 0.01, 0.32, 1);
  /*z-index: 0! important;*/
};

.shifter-enabled .shifter-navigation {
  right: 0;
  -webkit-transform: translate3D(0, 0, 0);
  -ms-transform: translate3D(0, 0, 0);
  transform: translate3D(0, 0, 0);
}

.shifter-open .shifter-page,
.shifter-open .shifter-header {
  /*-webkit-transform: translate3D(-270px, 0, 0);*/
  /*-ms-transform: translate3D(-270px, 0, 0);*/
  /*transform: translate3D(-270px, 0, 0);*/
}

.shifter-enabled.shifter-left .shifter-navigation {
  left: 0;
  -webkit-transform: translate3D(0, 0, 0);
  -ms-transform: translate3D(0, 0, 0);
  transform: translate3D(0, 0, 0);
  top: 0;
  padding-top: 0px;
}

.shifter-enabled.shifter-left.shifter-open .shifter-page,
.shifter-enabled.shifter-left.shifter-open .shifter-header {
  /*-webkit-transform: translate3D(270px, 0, 0);*/
  /*-ms-transform: translate3D(270px, 0, 0);*/
  /*transform: translate3D(270px, 0, 0);*/
}

@keyframes delay-pointer-events {
    0% {
      visibility: hidden;
    }
    50% {
      visibility: visible;
      opactity: 0.5;
    }
    100% {
      visibility: visible;
      opacity 1;
    }
  }

.shifter-open .shifter-navigation {
  animation: delay-pointer-events 1000ms linear;
  display: block;
  opacity: 1;
  visibility: visible;
  transition: opacity 250ms;
  transition-delay: 250ms;
  pointer-events: all;
}

.no-csstransforms3d .shifter-enabled.shifter-navigation {
  right: -270px;
}

.no-csstransforms3d .shifter-enabled.shifter-left .shifter-navigation {
  left: -270px;
}

.no-csstransforms3d .shifter-enabled.shifter-open .shifter-page {
  left: -270px;
}

.no-csstransforms3d .shifter-enabled.shifter-open .shifter-navigation {
  right: 0;
}

.no-csstransforms3d .shifter-enabled.shifter-left.shifter-open .shifter-page {
  left: auto;
  right: -270px;
}

.no-csstransforms3d .shifter-enabled.shifter-left.shifter-open .shifter-navigation {
  left: 0;
}

.shifter-page { transition: all 0.4s cubic-bezier(0.46, 0.01, 0.32, 1); }

.accordion-toggle:after,
.accordion-toggle2:after {
  content: "\f110";
  /* font-family: "LineAwesome"; */
  position: absolute;
  right: 10%;
}
.shifter-enabled.shifter-left .shifter-navigation .accordion-toggle:after,
.shifter-enabled.shifter-left .shifter-navigation .accordion-toggle2:after{
  content: "+";
      font-size: 30px;
      font-weight: 300;
}
nav.shifter-navigation ul.sub{
  padding-top: 10px;
}
nav.shifter-navigation ul.sub li,
nav.shifter-navigation ul.sub .accordion-toggle2{
  border: none !important;
  font-weight: 500 !important;
    padding-left: 10px !important;
}
nav.shifter-navigation ul.sub .accordion-content2 ul.sub li{
  font-weight: 300 !important;
}
#mobile-cart span.CartCount span{
  right: -5px;
}
nav.shifter-navigation ul.sub li {
    border: none !important;
    font-weight: 500 !important;
}
li.accordion-toggle.open:after{
  content: "-" !important;
}
ul#accordion li,
.accordion-toggle2 {
  padding: 8px 0;
  width: 100% !important;
  padding-left: 20px !important;
      font-size: 15px;
    font-weight: 600;
}

.accordion-toggle,
.accordion-toggle2 {
  cursor: pointer;
}

.accordion-content,
.accordion-content2 {
  display: none;
}

.accordion-content.default,
.accordion-content2.default {
  display: block;
}

nav.shifter-navigation ul {
  list-style: none;
  margin-left: 15px;
  margin-top: 10px;
  width: calc(100% - 30px);
}

nav.shifter-navigation ul.sub {
  margin-top: 0 !important;
}
.button.btn-search {
    border: none;
    background: transparent;
    position: absolute;
    left: 0;
    top: 0;
    text-align: left;
    width: 50px;
    height: 50px;
    margin-bottom: 0;
}
.button.btn-search svg {
    width: 20px;
    height: 20px;
    margin: 0 auto;
    display: flex;
}
.shifter-navigation input#q {
  margin-left: 0px;
  width: 100%;
  margin-bottom: 0;
  background: #4D4C4E;
  border: none;
  color: #fff;
  padding-left: 50px;
  font-size: 14px;
  /* font-family: 'Raleway', sans-serif; */
}
.shifter-navigation input#q::placeholder{
  color: #fff;
  font-size: 14px;
  /* font-family: 'Raleway', sans-serif; */
}
.mob-bt-menu li {
    border: none !important;
    /* font-family: 'Raleway', sans-serif; */
    font-size: 14px !important;
    font-weight: 300 !important;
    color: #E2E2E2;
}
.mob-bt-menu li:first-child {
    border: none !important;
    /* font-family: 'Raleway', sans-serif; */
    font-size: 14px !important;
    font-weight: 500 !important;
}
.mob-bt-menu{
  padding-top: 30px;
}
.mob-bt-menu li a{
  position: relative;
}
.mob-bt-menu li:first-child a:before{
  content: "";
  background: url('//mudhouse.com/cdn/shop/t/38/assets/user-mob.svg?v=164923562163021979931759473422');
  width: 20px;
  height: 20px;
      position: absolute;
    background-repeat: no-repeat;
    left: 0;
    top: 0px;
}
.mob-bt-menu li:first-child a{
  padding-left: 30px;
}
.mob-logo {
    text-align: center;
    width: 100%;
    border-bottom: 1px solid #4b4b4b;
    /*margin:  0 20px;*/
}
.mob-logo-ot {
    margin: 0 20px;
}
nav.shifter-navigation ul#social-icons li {
    background: transparent !important;
}
nav.shifter-navigation ul#social-icons{
  text-align: center !important;
}
.mob-logo img{
  width: 46px;
  height: 60px;
  margin-bottom: 20px;
}
ul#mobile-menu {
  list-style: none;
  height: 50px;
  line-height: 50px;
  text-align: center;
  margin-bottom: 0;
  margin-right: 0;
}

ul#mobile-menu li,
.accordion-toggle2 {
  display: inline-block;
  vertical-align: middle;
  margin: 0 10px;
  width: 30px;

}

ul#mobile-menu li i {
  font-size: 16px;
}

nav.shifter-navigation ul#social-icons {
    text-align: left;
    margin-left: 15px;
    margin-top: 15px;
}

nav.shifter-navigation ul#social-icons li {
    display: inline-block;
    font-size: 13px;
    height: 48px;
    line-height: 48px;
    width: 48px;
    margin: 0 5px 5px 0;
}

nav.shifter-navigation ul#social-icons li a {
    display: inline-block;
    vertical-align: sub;
}

a.fr {
  float: right;
  font-size: 10px;
  padding-top: 5px;
  margin-left: 10px;
}

/* =============== */
/* = Password = */
/* =============== */

/* Password Page */
.password-page #logo {
  padding-top: 100px;
  text-align: center;
  width: 100%
}

.password-page #logo a {
  float: none;
}

.password-page {
  min-height: 110vh;
}

.password-page img {
  margin: 10px;
}

.password-page #newsletter-details {
  margin-bottom: 30px;
  text-align: center;
}

#signup-wrap {
  max-width: 500px;
  margin-left: auto;
  margin-right: auto;
}

#signup-holder {
  width: 100%;
  margin-top: 100px;
}

#password-email {
  float: left;
  text-indent: 10px;
  width: 66%;
  text-transform: uppercase;
  color: #000;
  height: 48px;
  line-height: 48px;
  padding: 0;
}

input#password-email:focus::-webkit-input-placeholder {
  color:transparent;
}
input#password-email:focus:-moz-placeholder {
  color:transparent;
} /* FF 4-18 */
input#password-email:focus::-moz-placeholder {
  color:transparent;
} /* FF 19+ */
input#password-email:focus:-ms-input-placeholder {
  color:transparent;
} /* IE 10+ */

.slideout input[type="submit"] {
  margin-bottom: 0 !important;
}

#password-subscribe {
  width: 28%;
  margin-left: 2%;
  margin-top: 0;
  text-transform: uppercase;
  height: 48px;
}

body.password p.success {
  text-align: center;
}

.password-page-icons li {
  display: inline-block;
  margin: 0 5px;
}

.password-page-icons a:hover {
  opacity: 0.5;
}

.password-page-icons i {
  line-height: 30px;
}

body.password form#login_form {
  padding: 15px 20px;
}

.password-page-footer {
  width: 100%;
  display: block;
  text-align: center;
  position: relative;
  margin-top: 220px;
}

.password-page-footer a {
  font-family: "Myriad Pro", "Gill Sans", "Gill Sans MT", Calibri, sans-serif;
  font-style: italic;
  font-size: 16px;
  font-weight: 600;
}

/* slideout */
.slideout-toggle.open_password {
  position: fixed;
  top: 20px! important;
  right: 20px! important;
  z-index: 2;
  cursor: pointer;
}

.slideout {
  position: fixed;
  top: 0! important;
  right: -320px;
  width: 320px;
  background-color: #fff;
  z-index: 300;
  color: #000;
  padding: 20px;
}

.slideout label {
  margin-bottom: 30px;
}

.closeslide {
  float: right;
  cursor: pointer;
  font-size: 20px;
}

.closeslide i.icon-angle-right {
  margin-right: -3px;
}

@media screen and ( max-width: 740px ) {
  ul#password-icons {
    display: none;
  }

  #signup-holder {
    margin-top: 50px;
    padding: 30px;
  }
}



/* =============================== */
/* = Slideshow w/Video Section = */
/* =============================== */

.main-slider {
  position: relative;
  overflow: hidden;
  width: 100%;
  height: 40vw;
  min-height: 8vw;
  opacity: 0;
  visibility: hidden;
  transition: all 1.2s ease;
}
.main-slider .image svg {
  fill: rgba(28,29,29,0.1);
  background-color: #eee;
  height: 40vw;
}
.main-slider  {
  font-size: 44px !important;
}
.main-slider .caption {
  position: absolute;
  padding: 20px;
  border-width: 3px;
  border-style: solid;
  margin: 0;
  letter-spacing: 0.02em;
  opacity: 0;
  z-index: 1;
  transition: all 0.3s ease;
  transform: translateY(100px);
}
.main-slider .caption .cta {
  display: inline-block;
  margin-top: 20px;
}
.main-slider .caption .cta a {
  display: inline-block;
}

@keyframes slideIn {
  from {
    filter: blur(2px);
  }
  to {
    filter: blur(0);
  }
}
@keyframes slideOut {
  from {
    filter: blur(0);
  }
  to {
    filter: blur(2px);
  }
}

/* =============== */
/* = Vendors = */
/* =============== */


/*
* jQuery FlexSlider v2.2.0
* http://www.woothemes.com/flexslider/
*
* Copyright 2012 WooThemes
* Free to use under the GPLv2 license.
* http://www.gnu.org/licenses/gpl-2.0.html
*
* Contributing author: Tyler Smith (@mbmufffin)
*/


/* Browser Resets
*********************************/
/*
.flex-container a:active,
.flexslider a:active,
.flex-container a:focus,
.flexslider a:focus  {
  outline: none;
}

.slides,
.flex-control-nav,
.flex-direction-nav {
  margin: 0;
  padding: 0;
  list-style: none;
}
*/
/* Icon Fonts
*********************************/
/* Font-face Icons */
/*
@font-face {
  font-family: 'flexslider-icon';
  src:url('flexslider-icon.eot');
  src:url('flexslider-icon.eot?#iefix') format('embedded-opentype'),
    url('flexslider-icon.woff') format('woff'),
    url('flexslider-icon.ttf') format('truetype'),
    url('flexslider-icon.svg#flexslider-icon') format('svg');
  font-weight: normal;
  font-style: normal;
}

.flexslider {
  margin: 0;
  padding: 0;
}

.flexslider .flex-caption {
  transition: all 0.3s ease;
  transform: translateY(100px);
  opacity: 0;
}

.flexslider .flex-active-slide .flex-caption {
  opacity: 1;
  transition: all 0.7s cubic-bezier(0.68, -0.55, 0.27, 1.55) 0.6s;
}

.flexslider .slides > li {
  position: relative;
  display: none;
  -webkit-backface-visibility: hidden;
} 
*/
.no-js .slides > li:nth-child(0n+1) {
  display: block! important;
}

.flexslider .slides img {
  width: 100%;
  display: block;
}

.flex-pauseplay span {
  text-transform: capitalize;
}

.cta {
  margin-top: 20px;
  margin-bottom: 10px;
  display: inline-block;
  margin-right: 10px;
}

.cta a {
  height: 48px;
  line-height: 48px;
  padding: 0 40px;
  //letter-spacing: 2px;
  display: inline-block;
  width: auto;
  width: initial;
  text-transform:uppercase;
  -webkit-transition: background .5s ease,color .5s ease;
  -moz-transition: background .5s ease,color .5s ease;
  -o-transition: background .5s ease,color .5s ease;
  transition: background .5s ease,color .5s ease;
  
  background: #6a656b;
  color: #ffffff;
}
.cta2 a{
    border: 1px solid #000000;
    padding: 5px 20px;
    color: #000000;
    display: block;
    text-align: center;
    width: 248px;
    background: transparent;
    line-height: 34px;
 }

.cta a:hover {
  color: #ffffff;
  background: #827c83;
}

.flex-caption {
  position: absolute;
  width: 100%;
  line-height: normal;
  z-index: 3;
}

.caption-inners {
  display: inline-block;
  padding: 15px;
}

.flex-caption h2.slide-title {
  font-family: "Lexend Zetta";
}

.flex-caption p {
  /* font-family: "Bricolage Grotesque"; */
  margin-bottom: 0;
}

.flexslider .readmore {
  position: absolute;
  width: 100%;
  text-align: center;
}

/* Clearfix for the .slides element */
.slides:after {
  content: "\0020";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}

html[xmlns] .slides {
  display: block;
}

* html .slides {
  height: 1%;
}


/* FlexSlider Default Theme
*********************************/
/*
.flexslider {
  margin: 0;
  position: relative;
  zoom: 1;
}

.flex-viewport {
  max-height: 2000px;
  -webkit-transition: all 1s ease;
  -moz-transition: all 1s ease;
  -o-transition: all 1s ease;
  transition: all 1s ease;
}

.loading .flex-viewport {
  max-height: 300px;
}

.flexslider .slides {
  zoom: 1;
}

.carousel li {
  margin-right: 5px;
}


.flex-direction-nav {
  *height: 0;
}

.flex-direction-nav a  {
  background: transparent !important;
  text-align: center;
  display: block;
  width: 40px;
  height: 40px;
  margin: -20px 0 0;
  position: absolute;
  top: 50%;
  z-index: 10;
  overflow: hidden;
  opacity: 0;
  cursor: pointer;
  color: rgba(0,0,0,0.8);
  -webkit-transition: all .3s ease;
  -moz-transition: all .3s ease;
  transition: all .3s ease;
}

.flex-direction-nav a:hover {
  background: transparent !important;
}

.flex-direction-nav .flex-prev {
  width: 40px;
  height: 40px;
  left: -40px;
}

.flex-direction-nav .flex-next {
  width: 40px;
  height: 40px;
  right: -40px;
}

.flex-direction-nav .flex-prev:before {
  content:"\f111";
  font-size: 30px;
  text-align: center;
  line-height: 40px;
}

.flex-direction-nav .flex-next:before {
  content:"\f112";
  font-size: 30px;
  text-align: center;
  line-height: 40px;
}

.flexslider:hover .flex-prev {
  opacity: 0.7;
  left: 10px;
}
.flexslider:hover .flex-next {
  opacity: 0.7;
  right: 10px;
}

.flexslider:hover .flex-next:hover,
.flexslider:hover .flex-prev:hover {
  opacity: 1;
}

.flex-direction-nav .flex-disabled {
  opacity: 0!important;
  filter:alpha(opacity=0);
  cursor: default;
}


.flex-control-nav {
  position: absolute;
    bottom: 5px;
    text-align: center;
    margin-top: 20px;
    z-index: 3;
    background: transparent;
    right: 10px;
    padding: 5px 8px;
}

.flex-control-nav li {
  margin: 0 6px;
  display: inline-block;
  zoom: 1;
  *display: inline;
}

.flex-control-paging li a {
  width: 11px;
  height: 11px;
  display: block;
  background: #666;
  background: rgba(0,0,0,0.5);
  cursor: pointer;
  text-indent: -9999px;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  -o-border-radius: 20px;
  border-radius: 20px;
  -webkit-box-shadow: inset 0 0 3px rgba(0,0,0,0.3);
  -moz-box-shadow: inset 0 0 3px rgba(0,0,0,0.3);
  -o-box-shadow: inset 0 0 3px rgba(0,0,0,0.3);
  box-shadow: inset 0 0 3px rgba(0,0,0,0.3);
}

.flex-control-paging li a:hover {
  background: #333;
  background: rgba(0,0,0,0.7);
}

.flex-control-paging li a.flex-active {
  background: #000;
  background: rgba(0,0,0,0.9);
  cursor: default;
}

.flex-control-thumbs {
  margin: 5px 0 0;
  position: static;
  overflow: hidden;
}

.flex-control-thumbs li {
  width: 25%;
  float: left;
  margin: 0;
}

.flex-control-thumbs img {
  width: 100%;
  display: block;
  opacity: .7;
  cursor: pointer;
}

.flex-control-thumbs img:hover {
  opacity: 1;
}

.flex-control-thumbs .flex-active {
  opacity: 1;
  cursor: default;
}

@media screen and (max-width: 860px) {
  .flex-direction-nav .flex-prev {
    opacity: 1;
    left: 10px;
  }

  .flex-direction-nav .flex-next {
    opacity: 1;
    right: 10px;
  }
}
*/
/* onboarding styles for new theme install */
.onboard {
  background: #eee;
  fill: rgba(28,29,29,0.3);
}

.row.no-blocks .desktop-12 {
  font-size: 15px;
  text-align: center;
  padding: 20px 0;
  border: 1px dashed #eee;
  background: #f7f7f7;
  margin-top: 20px;
  margin-bottom: 50px;
  font-weight: 400;
}

.plax-placehold {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}

.plax-placehold .placeholder-svg,
.promo-inner .onboard .placeholder-svg {
  fill: rgba(28,29,29,0.1);
  background-color: transparent;
}

.flexslider .onboard-slide {
  background-color: #eee;
}

.flexslider .placeholder-svg {
  fill: rgba(28,29,29,0.1);
}

.onboard-instagram {
  background: #f9f9f9;
  fill: rgba(28,29,29,0.3);
}

/**
 * *******************************************************
 * AOS (Animate on scroll) - wowjs alternative
 * made to animate elements on scroll in both directions
 * *******************************************************
 */
[data-aos][data-aos][data-aos-duration="50"],body[data-aos-duration="50"] [data-aos]{transition-duration:50ms}[data-aos][data-aos][data-aos-delay="50"],body[data-aos-delay="50"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="50"].aos-animate,body[data-aos-delay="50"] [data-aos].aos-animate{transition-delay:50ms}[data-aos][data-aos][data-aos-duration="100"],body[data-aos-duration="100"] [data-aos]{transition-duration:.1s}[data-aos][data-aos][data-aos-delay="100"],body[data-aos-delay="100"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="100"].aos-animate,body[data-aos-delay="100"] [data-aos].aos-animate{transition-delay:.1s}[data-aos][data-aos][data-aos-duration="150"],body[data-aos-duration="150"] [data-aos]{transition-duration:.15s}[data-aos][data-aos][data-aos-delay="150"],body[data-aos-delay="150"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="150"].aos-animate,body[data-aos-delay="150"] [data-aos].aos-animate{transition-delay:.15s}[data-aos][data-aos][data-aos-duration="200"],body[data-aos-duration="200"] [data-aos]{transition-duration:.2s}[data-aos][data-aos][data-aos-delay="200"],body[data-aos-delay="200"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="200"].aos-animate,body[data-aos-delay="200"] [data-aos].aos-animate{transition-delay:.2s}[data-aos][data-aos][data-aos-duration="250"],body[data-aos-duration="250"] [data-aos]{transition-duration:.25s}[data-aos][data-aos][data-aos-delay="250"],body[data-aos-delay="250"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="250"].aos-animate,body[data-aos-delay="250"] [data-aos].aos-animate{transition-delay:.25s}[data-aos][data-aos][data-aos-duration="300"],body[data-aos-duration="300"] [data-aos]{transition-duration:.3s}[data-aos][data-aos][data-aos-delay="300"],body[data-aos-delay="300"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="300"].aos-animate,body[data-aos-delay="300"] [data-aos].aos-animate{transition-delay:.3s}[data-aos][data-aos][data-aos-duration="350"],body[data-aos-duration="350"] [data-aos]{transition-duration:.35s}[data-aos][data-aos][data-aos-delay="350"],body[data-aos-delay="350"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="350"].aos-animate,body[data-aos-delay="350"] [data-aos].aos-animate{transition-delay:.35s}[data-aos][data-aos][data-aos-duration="400"],body[data-aos-duration="400"] [data-aos]{transition-duration:.4s}[data-aos][data-aos][data-aos-delay="400"],body[data-aos-delay="400"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="400"].aos-animate,body[data-aos-delay="400"] [data-aos].aos-animate{transition-delay:.4s}[data-aos][data-aos][data-aos-duration="450"],body[data-aos-duration="450"] [data-aos]{transition-duration:.45s}[data-aos][data-aos][data-aos-delay="450"],body[data-aos-delay="450"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="450"].aos-animate,body[data-aos-delay="450"] [data-aos].aos-animate{transition-delay:.45s}[data-aos][data-aos][data-aos-duration="500"],body[data-aos-duration="500"] [data-aos]{transition-duration:.5s}[data-aos][data-aos][data-aos-delay="500"],body[data-aos-delay="500"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="500"].aos-animate,body[data-aos-delay="500"] [data-aos].aos-animate{transition-delay:.5s}[data-aos][data-aos][data-aos-duration="550"],body[data-aos-duration="550"] [data-aos]{transition-duration:.55s}[data-aos][data-aos][data-aos-delay="550"],body[data-aos-delay="550"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="550"].aos-animate,body[data-aos-delay="550"] [data-aos].aos-animate{transition-delay:.55s}[data-aos][data-aos][data-aos-duration="600"],body[data-aos-duration="600"] [data-aos]{transition-duration:.6s}[data-aos][data-aos][data-aos-delay="600"],body[data-aos-delay="600"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="600"].aos-animate,body[data-aos-delay="600"] [data-aos].aos-animate{transition-delay:.6s}[data-aos][data-aos][data-aos-duration="650"],body[data-aos-duration="650"] [data-aos]{transition-duration:.65s}[data-aos][data-aos][data-aos-delay="650"],body[data-aos-delay="650"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="650"].aos-animate,body[data-aos-delay="650"] [data-aos].aos-animate{transition-delay:.65s}[data-aos][data-aos][data-aos-duration="700"],body[data-aos-duration="700"] [data-aos]{transition-duration:.7s}[data-aos][data-aos][data-aos-delay="700"],body[data-aos-delay="700"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="700"].aos-animate,body[data-aos-delay="700"] [data-aos].aos-animate{transition-delay:.7s}[data-aos][data-aos][data-aos-duration="750"],body[data-aos-duration="750"] [data-aos]{transition-duration:.75s}[data-aos][data-aos][data-aos-delay="750"],body[data-aos-delay="750"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="750"].aos-animate,body[data-aos-delay="750"] [data-aos].aos-animate{transition-delay:.75s}[data-aos][data-aos][data-aos-duration="800"],body[data-aos-duration="800"] [data-aos]{transition-duration:.8s}[data-aos][data-aos][data-aos-delay="800"],body[data-aos-delay="800"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="800"].aos-animate,body[data-aos-delay="800"] [data-aos].aos-animate{transition-delay:.8s}[data-aos][data-aos][data-aos-duration="850"],body[data-aos-duration="850"] [data-aos]{transition-duration:.85s}[data-aos][data-aos][data-aos-delay="850"],body[data-aos-delay="850"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="850"].aos-animate,body[data-aos-delay="850"] [data-aos].aos-animate{transition-delay:.85s}[data-aos][data-aos][data-aos-duration="900"],body[data-aos-duration="900"] [data-aos]{transition-duration:.9s}[data-aos][data-aos][data-aos-delay="900"],body[data-aos-delay="900"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="900"].aos-animate,body[data-aos-delay="900"] [data-aos].aos-animate{transition-delay:.9s}[data-aos][data-aos][data-aos-duration="950"],body[data-aos-duration="950"] [data-aos]{transition-duration:.95s}[data-aos][data-aos][data-aos-delay="950"],body[data-aos-delay="950"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="950"].aos-animate,body[data-aos-delay="950"] [data-aos].aos-animate{transition-delay:.95s}[data-aos][data-aos][data-aos-duration="1000"],body[data-aos-duration="1000"] [data-aos]{transition-duration:1s}[data-aos][data-aos][data-aos-delay="1000"],body[data-aos-delay="1000"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1000"].aos-animate,body[data-aos-delay="1000"] [data-aos].aos-animate{transition-delay:1s}[data-aos][data-aos][data-aos-duration="1050"],body[data-aos-duration="1050"] [data-aos]{transition-duration:1.05s}[data-aos][data-aos][data-aos-delay="1050"],body[data-aos-delay="1050"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1050"].aos-animate,body[data-aos-delay="1050"] [data-aos].aos-animate{transition-delay:1.05s}[data-aos][data-aos][data-aos-duration="1100"],body[data-aos-duration="1100"] [data-aos]{transition-duration:1.1s}[data-aos][data-aos][data-aos-delay="1100"],body[data-aos-delay="1100"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1100"].aos-animate,body[data-aos-delay="1100"] [data-aos].aos-animate{transition-delay:1.1s}[data-aos][data-aos][data-aos-duration="1150"],body[data-aos-duration="1150"] [data-aos]{transition-duration:1.15s}[data-aos][data-aos][data-aos-delay="1150"],body[data-aos-delay="1150"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1150"].aos-animate,body[data-aos-delay="1150"] [data-aos].aos-animate{transition-delay:1.15s}[data-aos][data-aos][data-aos-duration="1200"],body[data-aos-duration="1200"] [data-aos]{transition-duration:1.2s}[data-aos][data-aos][data-aos-delay="1200"],body[data-aos-delay="1200"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1200"].aos-animate,body[data-aos-delay="1200"] [data-aos].aos-animate{transition-delay:1.2s}[data-aos][data-aos][data-aos-duration="1250"],body[data-aos-duration="1250"] [data-aos]{transition-duration:1.25s}[data-aos][data-aos][data-aos-delay="1250"],body[data-aos-delay="1250"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1250"].aos-animate,body[data-aos-delay="1250"] [data-aos].aos-animate{transition-delay:1.25s}[data-aos][data-aos][data-aos-duration="1300"],body[data-aos-duration="1300"] [data-aos]{transition-duration:1.3s}[data-aos][data-aos][data-aos-delay="1300"],body[data-aos-delay="1300"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1300"].aos-animate,body[data-aos-delay="1300"] [data-aos].aos-animate{transition-delay:1.3s}[data-aos][data-aos][data-aos-duration="1350"],body[data-aos-duration="1350"] [data-aos]{transition-duration:1.35s}[data-aos][data-aos][data-aos-delay="1350"],body[data-aos-delay="1350"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1350"].aos-animate,body[data-aos-delay="1350"] [data-aos].aos-animate{transition-delay:1.35s}[data-aos][data-aos][data-aos-duration="1400"],body[data-aos-duration="1400"] [data-aos]{transition-duration:1.4s}[data-aos][data-aos][data-aos-delay="1400"],body[data-aos-delay="1400"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1400"].aos-animate,body[data-aos-delay="1400"] [data-aos].aos-animate{transition-delay:1.4s}[data-aos][data-aos][data-aos-duration="1450"],body[data-aos-duration="1450"] [data-aos]{transition-duration:1.45s}[data-aos][data-aos][data-aos-delay="1450"],body[data-aos-delay="1450"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1450"].aos-animate,body[data-aos-delay="1450"] [data-aos].aos-animate{transition-delay:1.45s}[data-aos][data-aos][data-aos-duration="1500"],body[data-aos-duration="1500"] [data-aos]{transition-duration:1.5s}[data-aos][data-aos][data-aos-delay="1500"],body[data-aos-delay="1500"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1500"].aos-animate,body[data-aos-delay="1500"] [data-aos].aos-animate{transition-delay:1.5s}[data-aos][data-aos][data-aos-duration="1550"],body[data-aos-duration="1550"] [data-aos]{transition-duration:1.55s}[data-aos][data-aos][data-aos-delay="1550"],body[data-aos-delay="1550"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1550"].aos-animate,body[data-aos-delay="1550"] [data-aos].aos-animate{transition-delay:1.55s}[data-aos][data-aos][data-aos-duration="1600"],body[data-aos-duration="1600"] [data-aos]{transition-duration:1.6s}[data-aos][data-aos][data-aos-delay="1600"],body[data-aos-delay="1600"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1600"].aos-animate,body[data-aos-delay="1600"] [data-aos].aos-animate{transition-delay:1.6s}[data-aos][data-aos][data-aos-duration="1650"],body[data-aos-duration="1650"] [data-aos]{transition-duration:1.65s}[data-aos][data-aos][data-aos-delay="1650"],body[data-aos-delay="1650"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1650"].aos-animate,body[data-aos-delay="1650"] [data-aos].aos-animate{transition-delay:1.65s}[data-aos][data-aos][data-aos-duration="1700"],body[data-aos-duration="1700"] [data-aos]{transition-duration:1.7s}[data-aos][data-aos][data-aos-delay="1700"],body[data-aos-delay="1700"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1700"].aos-animate,body[data-aos-delay="1700"] [data-aos].aos-animate{transition-delay:1.7s}[data-aos][data-aos][data-aos-duration="1750"],body[data-aos-duration="1750"] [data-aos]{transition-duration:1.75s}[data-aos][data-aos][data-aos-delay="1750"],body[data-aos-delay="1750"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1750"].aos-animate,body[data-aos-delay="1750"] [data-aos].aos-animate{transition-delay:1.75s}[data-aos][data-aos][data-aos-duration="1800"],body[data-aos-duration="1800"] [data-aos]{transition-duration:1.8s}[data-aos][data-aos][data-aos-delay="1800"],body[data-aos-delay="1800"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1800"].aos-animate,body[data-aos-delay="1800"] [data-aos].aos-animate{transition-delay:1.8s}[data-aos][data-aos][data-aos-duration="1850"],body[data-aos-duration="1850"] [data-aos]{transition-duration:1.85s}[data-aos][data-aos][data-aos-delay="1850"],body[data-aos-delay="1850"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1850"].aos-animate,body[data-aos-delay="1850"] [data-aos].aos-animate{transition-delay:1.85s}[data-aos][data-aos][data-aos-duration="1900"],body[data-aos-duration="1900"] [data-aos]{transition-duration:1.9s}[data-aos][data-aos][data-aos-delay="1900"],body[data-aos-delay="1900"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1900"].aos-animate,body[data-aos-delay="1900"] [data-aos].aos-animate{transition-delay:1.9s}[data-aos][data-aos][data-aos-duration="1950"],body[data-aos-duration="1950"] [data-aos]{transition-duration:1.95s}[data-aos][data-aos][data-aos-delay="1950"],body[data-aos-delay="1950"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1950"].aos-animate,body[data-aos-delay="1950"] [data-aos].aos-animate{transition-delay:1.95s}[data-aos][data-aos][data-aos-duration="2000"],body[data-aos-duration="2000"] [data-aos]{transition-duration:2s}[data-aos][data-aos][data-aos-delay="2000"],body[data-aos-delay="2000"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2000"].aos-animate,body[data-aos-delay="2000"] [data-aos].aos-animate{transition-delay:2s}[data-aos][data-aos][data-aos-duration="2050"],body[data-aos-duration="2050"] [data-aos]{transition-duration:2.05s}[data-aos][data-aos][data-aos-delay="2050"],body[data-aos-delay="2050"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2050"].aos-animate,body[data-aos-delay="2050"] [data-aos].aos-animate{transition-delay:2.05s}[data-aos][data-aos][data-aos-duration="2100"],body[data-aos-duration="2100"] [data-aos]{transition-duration:2.1s}[data-aos][data-aos][data-aos-delay="2100"],body[data-aos-delay="2100"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2100"].aos-animate,body[data-aos-delay="2100"] [data-aos].aos-animate{transition-delay:2.1s}[data-aos][data-aos][data-aos-duration="2150"],body[data-aos-duration="2150"] [data-aos]{transition-duration:2.15s}[data-aos][data-aos][data-aos-delay="2150"],body[data-aos-delay="2150"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2150"].aos-animate,body[data-aos-delay="2150"] [data-aos].aos-animate{transition-delay:2.15s}[data-aos][data-aos][data-aos-duration="2200"],body[data-aos-duration="2200"] [data-aos]{transition-duration:2.2s}[data-aos][data-aos][data-aos-delay="2200"],body[data-aos-delay="2200"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2200"].aos-animate,body[data-aos-delay="2200"] [data-aos].aos-animate{transition-delay:2.2s}[data-aos][data-aos][data-aos-duration="2250"],body[data-aos-duration="2250"] [data-aos]{transition-duration:2.25s}[data-aos][data-aos][data-aos-delay="2250"],body[data-aos-delay="2250"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2250"].aos-animate,body[data-aos-delay="2250"] [data-aos].aos-animate{transition-delay:2.25s}[data-aos][data-aos][data-aos-duration="2300"],body[data-aos-duration="2300"] [data-aos]{transition-duration:2.3s}[data-aos][data-aos][data-aos-delay="2300"],body[data-aos-delay="2300"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2300"].aos-animate,body[data-aos-delay="2300"] [data-aos].aos-animate{transition-delay:2.3s}[data-aos][data-aos][data-aos-duration="2350"],body[data-aos-duration="2350"] [data-aos]{transition-duration:2.35s}[data-aos][data-aos][data-aos-delay="2350"],body[data-aos-delay="2350"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2350"].aos-animate,body[data-aos-delay="2350"] [data-aos].aos-animate{transition-delay:2.35s}[data-aos][data-aos][data-aos-duration="2400"],body[data-aos-duration="2400"] [data-aos]{transition-duration:2.4s}[data-aos][data-aos][data-aos-delay="2400"],body[data-aos-delay="2400"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2400"].aos-animate,body[data-aos-delay="2400"] [data-aos].aos-animate{transition-delay:2.4s}[data-aos][data-aos][data-aos-duration="2450"],body[data-aos-duration="2450"] [data-aos]{transition-duration:2.45s}[data-aos][data-aos][data-aos-delay="2450"],body[data-aos-delay="2450"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2450"].aos-animate,body[data-aos-delay="2450"] [data-aos].aos-animate{transition-delay:2.45s}[data-aos][data-aos][data-aos-duration="2500"],body[data-aos-duration="2500"] [data-aos]{transition-duration:2.5s}[data-aos][data-aos][data-aos-delay="2500"],body[data-aos-delay="2500"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2500"].aos-animate,body[data-aos-delay="2500"] [data-aos].aos-animate{transition-delay:2.5s}[data-aos][data-aos][data-aos-duration="2550"],body[data-aos-duration="2550"] [data-aos]{transition-duration:2.55s}[data-aos][data-aos][data-aos-delay="2550"],body[data-aos-delay="2550"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2550"].aos-animate,body[data-aos-delay="2550"] [data-aos].aos-animate{transition-delay:2.55s}[data-aos][data-aos][data-aos-duration="2600"],body[data-aos-duration="2600"] [data-aos]{transition-duration:2.6s}[data-aos][data-aos][data-aos-delay="2600"],body[data-aos-delay="2600"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2600"].aos-animate,body[data-aos-delay="2600"] [data-aos].aos-animate{transition-delay:2.6s}[data-aos][data-aos][data-aos-duration="2650"],body[data-aos-duration="2650"] [data-aos]{transition-duration:2.65s}[data-aos][data-aos][data-aos-delay="2650"],body[data-aos-delay="2650"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2650"].aos-animate,body[data-aos-delay="2650"] [data-aos].aos-animate{transition-delay:2.65s}[data-aos][data-aos][data-aos-duration="2700"],body[data-aos-duration="2700"] [data-aos]{transition-duration:2.7s}[data-aos][data-aos][data-aos-delay="2700"],body[data-aos-delay="2700"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2700"].aos-animate,body[data-aos-delay="2700"] [data-aos].aos-animate{transition-delay:2.7s}[data-aos][data-aos][data-aos-duration="2750"],body[data-aos-duration="2750"] [data-aos]{transition-duration:2.75s}[data-aos][data-aos][data-aos-delay="2750"],body[data-aos-delay="2750"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2750"].aos-animate,body[data-aos-delay="2750"] [data-aos].aos-animate{transition-delay:2.75s}[data-aos][data-aos][data-aos-duration="2800"],body[data-aos-duration="2800"] [data-aos]{transition-duration:2.8s}[data-aos][data-aos][data-aos-delay="2800"],body[data-aos-delay="2800"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2800"].aos-animate,body[data-aos-delay="2800"] [data-aos].aos-animate{transition-delay:2.8s}[data-aos][data-aos][data-aos-duration="2850"],body[data-aos-duration="2850"] [data-aos]{transition-duration:2.85s}[data-aos][data-aos][data-aos-delay="2850"],body[data-aos-delay="2850"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2850"].aos-animate,body[data-aos-delay="2850"] [data-aos].aos-animate{transition-delay:2.85s}[data-aos][data-aos][data-aos-duration="2900"],body[data-aos-duration="2900"] [data-aos]{transition-duration:2.9s}[data-aos][data-aos][data-aos-delay="2900"],body[data-aos-delay="2900"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2900"].aos-animate,body[data-aos-delay="2900"] [data-aos].aos-animate{transition-delay:2.9s}[data-aos][data-aos][data-aos-duration="2950"],body[data-aos-duration="2950"] [data-aos]{transition-duration:2.95s}[data-aos][data-aos][data-aos-delay="2950"],body[data-aos-delay="2950"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2950"].aos-animate,body[data-aos-delay="2950"] [data-aos].aos-animate{transition-delay:2.95s}[data-aos][data-aos][data-aos-duration="3000"],body[data-aos-duration="3000"] [data-aos]{transition-duration:3s}[data-aos][data-aos][data-aos-delay="3000"],body[data-aos-delay="3000"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="3000"].aos-animate,body[data-aos-delay="3000"] [data-aos].aos-animate{transition-delay:3s}[data-aos][data-aos][data-aos-easing=linear],body[data-aos-easing=linear] [data-aos]{transition-timing-function:cubic-bezier(.25,.25,.75,.75)}[data-aos][data-aos][data-aos-easing=ease],body[data-aos-easing=ease] [data-aos]{transition-timing-function:ease}[data-aos][data-aos][data-aos-easing=ease-in],body[data-aos-easing=ease-in] [data-aos]{transition-timing-function:ease-in}[data-aos][data-aos][data-aos-easing=ease-out],body[data-aos-easing=ease-out] [data-aos]{transition-timing-function:ease-out}[data-aos][data-aos][data-aos-easing=ease-in-out],body[data-aos-easing=ease-in-out] [data-aos]{transition-timing-function:ease-in-out}[data-aos][data-aos][data-aos-easing=ease-in-back],body[data-aos-easing=ease-in-back] [data-aos]{transition-timing-function:cubic-bezier(.6,-.28,.735,.045)}[data-aos][data-aos][data-aos-easing=ease-out-back],body[data-aos-easing=ease-out-back] [data-aos]{transition-timing-function:cubic-bezier(.175,.885,.32,1.275)}[data-aos][data-aos][data-aos-easing=ease-in-out-back],body[data-aos-easing=ease-in-out-back] [data-aos]{transition-timing-function:cubic-bezier(.68,-.55,.265,1.55)}[data-aos][data-aos][data-aos-easing=ease-in-sine],body[data-aos-easing=ease-in-sine] [data-aos]{transition-timing-function:cubic-bezier(.47,0,.745,.715)}[data-aos][data-aos][data-aos-easing=ease-out-sine],body[data-aos-easing=ease-out-sine] [data-aos]{transition-timing-function:cubic-bezier(.39,.575,.565,1)}[data-aos][data-aos][data-aos-easing=ease-in-out-sine],body[data-aos-easing=ease-in-out-sine] [data-aos]{transition-timing-function:cubic-bezier(.445,.05,.55,.95)}[data-aos][data-aos][data-aos-easing=ease-in-quad],body[data-aos-easing=ease-in-quad] [data-aos]{transition-timing-function:cubic-bezier(.55,.085,.68,.53)}[data-aos][data-aos][data-aos-easing=ease-out-quad],body[data-aos-easing=ease-out-quad] [data-aos]{transition-timing-function:cubic-bezier(.25,.46,.45,.94)}[data-aos][data-aos][data-aos-easing=ease-in-out-quad],body[data-aos-easing=ease-in-out-quad] [data-aos]{transition-timing-function:cubic-bezier(.455,.03,.515,.955)}[data-aos][data-aos][data-aos-easing=ease-in-cubic],body[data-aos-easing=ease-in-cubic] [data-aos]{transition-timing-function:cubic-bezier(.55,.085,.68,.53)}[data-aos][data-aos][data-aos-easing=ease-out-cubic],body[data-aos-easing=ease-out-cubic] [data-aos]{transition-timing-function:cubic-bezier(.25,.46,.45,.94)}[data-aos][data-aos][data-aos-easing=ease-in-out-cubic],body[data-aos-easing=ease-in-out-cubic] [data-aos]{transition-timing-function:cubic-bezier(.455,.03,.515,.955)}[data-aos][data-aos][data-aos-easing=ease-in-quart],body[data-aos-easing=ease-in-quart] [data-aos]{transition-timing-function:cubic-bezier(.55,.085,.68,.53)}[data-aos][data-aos][data-aos-easing=ease-out-quart],body[data-aos-easing=ease-out-quart] [data-aos]{transition-timing-function:cubic-bezier(.25,.46,.45,.94)}[data-aos][data-aos][data-aos-easing=ease-in-out-quart],body[data-aos-easing=ease-in-out-quart] [data-aos]{transition-timing-function:cubic-bezier(.455,.03,.515,.955)}[data-aos^=fade][data-aos^=fade]{opacity:0;transition-property:opacity,transform}[data-aos^=fade][data-aos^=fade].aos-animate{opacity:1;transform:translateZ(0)}[data-aos=fade-up]{transform:translate3d(0,100px,0)}[data-aos=fade-down]{transform:translate3d(0,-100px,0)}[data-aos=fade-right]{transform:translate3d(-100px,0,0)}[data-aos=fade-left]{transform:translate3d(100px,0,0)}[data-aos=fade-up-right]{transform:translate3d(-100px,100px,0)}[data-aos=fade-up-left]{transform:translate3d(100px,100px,0)}[data-aos=fade-down-right]{transform:translate3d(-100px,-100px,0)}[data-aos=fade-down-left]{transform:translate3d(100px,-100px,0)}[data-aos^=zoom][data-aos^=zoom]{opacity:0;transition-property:opacity,transform}[data-aos^=zoom][data-aos^=zoom].aos-animate{opacity:1;transform:translateZ(0) scale(1)}[data-aos=zoom-in]{transform:scale(.6)}[data-aos=zoom-in-up]{transform:translate3d(0,100px,0) scale(.6)}[data-aos=zoom-in-down]{transform:translate3d(0,-100px,0) scale(.6)}[data-aos=zoom-in-right]{transform:translate3d(-100px,0,0) scale(.6)}[data-aos=zoom-in-left]{transform:translate3d(100px,0,0) scale(.6)}[data-aos=zoom-out]{transform:scale(1.2)}[data-aos=zoom-out-up]{transform:translate3d(0,100px,0) scale(1.2)}[data-aos=zoom-out-down]{transform:translate3d(0,-100px,0) scale(1.2)}[data-aos=zoom-out-right]{transform:translate3d(-100px,0,0) scale(1.2)}[data-aos=zoom-out-left]{transform:translate3d(100px,0,0) scale(1.2)}[data-aos^=slide][data-aos^=slide]{transition-property:transform}[data-aos^=slide][data-aos^=slide].aos-animate{transform:translateZ(0)}[data-aos=slide-up]{transform:translate3d(0,100%,0)}[data-aos=slide-down]{transform:translate3d(0,-100%,0)}[data-aos=slide-right]{transform:translate3d(-100%,0,0)}[data-aos=slide-left]{transform:translate3d(100%,0,0)}[data-aos^=flip][data-aos^=flip]{backface-visibility:hidden;transition-property:transform}[data-aos=flip-left]{transform:perspective(2500px) rotateY(-100deg)}[data-aos=flip-left].aos-animate{transform:perspective(2500px) rotateY(0)}[data-aos=flip-right]{transform:perspective(2500px) rotateY(100deg)}[data-aos=flip-right].aos-animate{transform:perspective(2500px) rotateY(0)}[data-aos=flip-up]{transform:perspective(2500px) rotateX(-100deg)}[data-aos=flip-up].aos-animate{transform:perspective(2500px) rotateX(0)}[data-aos=flip-down]{transform:perspective(2500px) rotateX(100deg)}[data-aos=flip-down].aos-animate{transform:perspective(2500px) rotateX(0)}

/* Fancybox Customizations */
body.compensate-for-scrollbar {
    overflow: hidden;
}

.fancybox-active {
    height: auto;
}

.fancybox-is-hidden {
    left: -9999px;
    margin: 0;
    position: absolute !important;
    top: -9999px;
    visibility: hidden;
}

.fancybox-container {
    -webkit-backface-visibility: hidden;
    height: 100%;
    left: 0;
    outline: none;
    position: fixed;
    -webkit-tap-highlight-color: transparent;
    top: 0;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    transform: translateZ(0);
    width: 100%;
    z-index: 99992;
}

.fancybox-container * {
    box-sizing: border-box;
}

.fancybox-outer,
.fancybox-inner,
.fancybox-bg,
.fancybox-stage {
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
}

.fancybox-outer {
    -webkit-overflow-scrolling: touch;
    overflow-y: auto;
}

.fancybox-bg {
    background: rgb(30, 30, 30);
    opacity: 0;
    transition-duration: inherit;
    transition-property: opacity;
    transition-timing-function: cubic-bezier(.47, 0, .74, .71);
}

.fancybox-is-open .fancybox-bg {
    opacity: .9;
    transition-timing-function: cubic-bezier(.22, .61, .36, 1);
}

.fancybox-infobar,
.fancybox-toolbar,
.fancybox-caption,
.fancybox-navigation .fancybox-button {
    direction: ltr;
    opacity: 0;
    position: absolute;
    transition: opacity .25s ease, visibility 0s ease .25s;
    visibility: hidden;
    z-index: 99997;
}

.fancybox-show-infobar .fancybox-infobar,
.fancybox-show-toolbar .fancybox-toolbar,
.fancybox-show-caption .fancybox-caption,
.fancybox-show-nav .fancybox-navigation .fancybox-button {
    opacity: 1;
    transition: opacity .25s ease 0s, visibility 0s ease 0s;
    visibility: visible;
}

.fancybox-infobar {
    color: #ccc;
    font-size: 13px;
    -webkit-font-smoothing: subpixel-antialiased;
    height: 44px;
    left: 0;
    line-height: 44px;
    min-width: 44px;
    mix-blend-mode: difference;
    padding: 0 10px;
    pointer-events: none;
    top: 0;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.fancybox-toolbar {
    right: 0;
    top: 0;
}

.fancybox-stage {
    direction: ltr;
    overflow: visible;
    transform: translateZ(0);
    z-index: 99994;
}

.fancybox-is-open .fancybox-stage {
    overflow: hidden;
}

.fancybox-slide {
    -webkit-backface-visibility: hidden; /* Using without prefix would break IE11 */
    display: none;
    height: 100%;
    left: 0;
    outline: none;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    padding: 44px;
    position: absolute;
    text-align: center;
    top: 0;
    transition-property: transform, opacity;
    white-space: normal;
    width: 100%;
    z-index: 99994;
}

.fancybox-slide::before {
    content: '';
    display: inline-block;
    font-size: 0;
    height: 100%;
    vertical-align: middle;
    width: 0;
}

.fancybox-is-sliding .fancybox-slide,
.fancybox-slide--previous,
.fancybox-slide--current,
.fancybox-slide--next {
    display: block;
}

.fancybox-slide--image {
    overflow: hidden;
    padding: 44px 0;
}

.fancybox-slide--image::before {
    display: none;
}

.fancybox-slide--html {
    padding: 6px;
}

.fancybox-content {
    background: #fff;
    display: inline-block;
    margin: 0;
    max-width: 100%;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    padding: 28px;
    position: relative;
    text-align: left;
    vertical-align: middle;
}

.fancybox-slide--image .fancybox-content {
    animation-timing-function: cubic-bezier(.5, 0, .14, 1);
    -webkit-backface-visibility: hidden;
    background: transparent;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    left: 0;
    max-width: none;
    overflow: visible;
    padding: 0;
    position: absolute;
    top: 0;
    -ms-transform-origin: top left;
    transform-origin: top left;
    transition-property: transform, opacity;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    z-index: 99995;
}

.fancybox-can-zoomOut .fancybox-content {
    cursor: zoom-out;
}

.fancybox-can-zoomIn .fancybox-content {
    cursor: zoom-in;
}

.fancybox-can-swipe .fancybox-content,
.fancybox-can-pan .fancybox-content {
    cursor: -webkit-grab;
    cursor: grab;
}

.fancybox-is-grabbing .fancybox-content {
    cursor: -webkit-grabbing;
    cursor: grabbing;
}

.fancybox-container [data-selectable='true'] {
    cursor: text;
}

.fancybox-image,
.fancybox-spaceball {
    background: transparent;
    border: 0;
    height: 100%;
    left: 0;
    margin: 0;
    max-height: none;
    max-width: none;
    padding: 0;
    position: absolute;
    top: 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    width: 100%;
}

.fancybox-spaceball {
    z-index: 1;
}

.fancybox-slide--video .fancybox-content,
.fancybox-slide--map .fancybox-content,
.fancybox-slide--pdf .fancybox-content,
.fancybox-slide--iframe .fancybox-content {
    height: 100%;
    overflow: visible;
    padding: 0;
    width: 100%;
}

.fancybox-slide--video .fancybox-content {
    background: #000;
}

.fancybox-slide--map .fancybox-content {
    background: #e5e3df;
}

.fancybox-slide--iframe .fancybox-content {
    background: #fff;
}

.fancybox-video,
.fancybox-iframe {
    background: transparent;
    border: 0;
    display: block;
    height: 100%;
    margin: 0;
    overflow: hidden;
    padding: 0;
    width: 100%;
}

/* Fix iOS */
.fancybox-iframe {
    left: 0;
    position: absolute;
    top: 0;
}

.fancybox-error {
    background: #fff;
    cursor: default;
    max-width: 400px;
    padding: 40px;
    width: 100%;
}

.fancybox-error p {
    color: #444;
    font-size: 16px;
    line-height: 20px;
    margin: 0;
    padding: 0;
}

/* Buttons */

.fancybox-button {
    background: rgba(30, 30, 30, .6);
    border: 0;
    border-radius: 0;
    box-shadow: none;
    cursor: pointer;
    display: inline-block;
    height: 44px;
    margin: 0;
    padding: 10px;
    position: relative;
    transition: color .2s;
    vertical-align: top;
    visibility: inherit;
    width: 44px;
}

.fancybox-button,
.fancybox-button:visited,
.fancybox-button:link {
    color: #ccc;
}

.fancybox-button:hover {
    color: #fff;
}

.fancybox-button:focus {
    outline: none;
}

.fancybox-button.fancybox-focus {
    outline: 1px dotted;
}

.fancybox-button[disabled],
.fancybox-button[disabled]:hover {
    color: #888;
    cursor: default;
    outline: none;
}

/* Fix IE11 */
.fancybox-button div {
    height: 100%;
}

.fancybox-button svg {
    display: block;
    height: 100%;
    overflow: visible;
    position: relative;
    width: 100%;
}

.fancybox-button svg path {
    fill: currentColor;
    stroke-width: 0;
}

.fancybox-button--play svg:nth-child(2),
.fancybox-button--fsenter svg:nth-child(2) {
    display: none;
}

.fancybox-button--pause svg:nth-child(1),
.fancybox-button--fsexit svg:nth-child(1) {
    display: none;
}

.fancybox-progress {
    background: #ff5268;
    height: 2px;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    -ms-transform: scaleX(0);
    transform: scaleX(0);
    -ms-transform-origin: 0;
    transform-origin: 0;
    transition-property: transform;
    transition-timing-function: linear;
    z-index: 99998;
}
/* Close button on the top right corner of html content */

.fancybox-close-small {
    background: transparent;
    border: 0;
    border-radius: 0;
    color: currentColor;
    cursor: pointer;
    opacity: .8;
    padding: 8px;
    position: absolute;
    right: -12px;
    top: -44px;
    z-index: 401;
}

.fancybox-slide--html .fancybox-close-small {
  color: currentColor;
  padding: 10px;
  right: 0;
  top: 0;
}
.fancybox-close-small:hover {
  color: #ffffff;
  opacity: 1;
}
.fancybox-slide--image.fancybox-is-scaling .fancybox-content {
    overflow: hidden;
}

.fancybox-is-scaling .fancybox-close-small,
.fancybox-is-zoomable.fancybox-can-pan .fancybox-close-small {
    display: none;
}

/* Navigation arrows */

.fancybox-navigation .fancybox-button {
    background-clip: content-box;
    height: 100px;
    opacity: 0;
    position: absolute;
    top: calc(50% - 50px);
    width: 70px;
}

.fancybox-navigation .fancybox-button div {
    padding: 7px;
}

.fancybox-navigation .fancybox-button--arrow_left {
    left: 0;
    left: env(safe-area-inset-left);
    padding: 31px 26px 31px 6px;
}

.fancybox-navigation .fancybox-button--arrow_right {
    padding: 31px 6px 31px 26px;
    right: 0;
    right: env(safe-area-inset-right);
}

/* Caption */

.fancybox-caption {
    background: linear-gradient(
    to top,
    rgba(0, 0, 0, .85) 0%,
    rgba(0, 0, 0, .3) 50%,
    rgba(0, 0, 0, .15) 65%,
    rgba(0, 0, 0, .075) 75.5%,
    rgba(0, 0, 0, .037) 82.85%,
    rgba(0, 0, 0, .019) 88%,
    rgba(0, 0, 0, 0) 100%
    );
    bottom: 0;
    color: #eee;
    font-size: 14px;
    font-weight: 400;
    left: 0;
    line-height: 1.5;
    padding: 75px 44px 25px 44px;
    pointer-events: none;
    right: 0;
    text-align: center;
    z-index: 99996;
}

@supports (padding: max(0px)) {
    .fancybox-caption {
        padding: 75px max(44px, env(safe-area-inset-right)) max(25px, env(safe-area-inset-bottom)) max(44px, env(safe-area-inset-left));
    }
}

.fancybox-caption--separate {
    margin-top: -50px;
}

.fancybox-caption__body {
    max-height: 50vh;
    overflow: auto;
    pointer-events: all;
}

.fancybox-caption a,
.fancybox-caption a:link,
.fancybox-caption a:visited {
    color: #ccc;
    text-decoration: none;
}

.fancybox-caption a:hover {
    color: #fff;
    text-decoration: underline;
}

/* Loading indicator */

.fancybox-loading {
    animation: fancybox-rotate 1s linear infinite;
    background: transparent;
    border: 4px solid #888;
    border-bottom-color: #fff;
    border-radius: 50%;
    height: 50px;
    left: 50%;
    margin: -25px 0 0 -25px;
    opacity: .7;
    padding: 0;
    position: absolute;
    top: 50%;
    width: 50px;
    z-index: 99999;
}

@keyframes fancybox-rotate {
    100% {
        transform: rotate(360deg);
    }
}

/* Transition effects */

.fancybox-animated {
    transition-timing-function: cubic-bezier(0, 0, .25, 1);
}

/* transitionEffect: slide */

.fancybox-fx-slide.fancybox-slide--previous {
    opacity: 0;
    transform: translate3d(-100%, 0, 0);
}

.fancybox-fx-slide.fancybox-slide--next {
    opacity: 0;
    transform: translate3d(100%, 0, 0);
}

.fancybox-fx-slide.fancybox-slide--current {
    opacity: 1;
    transform: translate3d(0, 0, 0);
}

/* transitionEffect: fade */

.fancybox-fx-fade.fancybox-slide--previous,
.fancybox-fx-fade.fancybox-slide--next {
    opacity: 0;
    transition-timing-function: cubic-bezier(.19, 1, .22, 1);
}

.fancybox-fx-fade.fancybox-slide--current {
    opacity: 1;
}

/* transitionEffect: zoom-in-out */

.fancybox-fx-zoom-in-out.fancybox-slide--previous {
    opacity: 0;
    transform: scale3d(1.5, 1.5, 1.5);
}

.fancybox-fx-zoom-in-out.fancybox-slide--next {
    opacity: 0;
    transform: scale3d(.5, .5, .5);
}

.fancybox-fx-zoom-in-out.fancybox-slide--current {
    opacity: 1;
    transform: scale3d(1, 1, 1);
}

/* transitionEffect: rotate */

.fancybox-fx-rotate.fancybox-slide--previous {
    opacity: 0;
    -ms-transform: rotate(-360deg);
    transform: rotate(-360deg);
}

.fancybox-fx-rotate.fancybox-slide--next {
    opacity: 0;
    -ms-transform: rotate(360deg);
    transform: rotate(360deg);
}

.fancybox-fx-rotate.fancybox-slide--current {
    opacity: 1;
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
}

/* transitionEffect: circular */

.fancybox-fx-circular.fancybox-slide--previous {
    opacity: 0;
    transform: scale3d(0, 0, 0) translate3d(-100%, 0, 0);
}

.fancybox-fx-circular.fancybox-slide--next {
    opacity: 0;
    transform: scale3d(0, 0, 0) translate3d(100%, 0, 0);
}

.fancybox-fx-circular.fancybox-slide--current {
    opacity: 1;
    transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
}

/* transitionEffect: tube */

.fancybox-fx-tube.fancybox-slide--previous {
    transform: translate3d(-100%, 0, 0) scale(.1) skew(-10deg);
}

.fancybox-fx-tube.fancybox-slide--next {
    transform: translate3d(100%, 0, 0) scale(.1) skew(10deg);
}

.fancybox-fx-tube.fancybox-slide--current {
    transform: translate3d(0, 0, 0) scale(1);
}

/* Styling for Small-Screen Devices */
@media all and (max-height: 576px) {
    .fancybox-slide {
        padding-left: 6px;
        padding-right: 6px;
    }

    .fancybox-slide--image {
        padding: 6px 0;
    }

    .fancybox-close-small {
        right: -6px;
    }

    .fancybox-slide--image .fancybox-close-small {
        background: #4e4e4e;
        color: #f2f4f6;
        height: 36px;
        opacity: 1;
        padding: 6px;
        right: 0;
        top: 0;
        width: 36px;
    }

    .fancybox-caption {
        padding-left: 12px;
        padding-right: 12px;
    }

    @supports (padding: max(0px)) {
        .fancybox-caption {
            padding-left: max(12px, env(safe-area-inset-left));
            padding-right: max(12px, env(safe-area-inset-right));
        }
    }
}

/* Share */

.fancybox-share {
    background: #f4f4f4;
    border-radius: 3px;
    max-width: 90%;
    padding: 30px;
    text-align: center;
}

.fancybox-share h1 {
    color: #222;
    font-size: 35px;
    font-weight: 700;
    margin: 0 0 20px 0;
}

.fancybox-share p {
    margin: 0;
    padding: 0;
}

.fancybox-share__button {
    border: 0;
    border-radius: 3px;
    display: inline-block;
    font-size: 14px;
    font-weight: 700;
    line-height: 40px;
    margin: 0 5px 10px 5px;
    min-width: 130px;
    padding: 0 15px;
    text-decoration: none;
    transition: all .2s;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    white-space: nowrap;
}

.fancybox-share__button:visited,
.fancybox-share__button:link {
    color: #fff;
}

.fancybox-share__button:hover {
    text-decoration: none;
}

.fancybox-share__button--fb {
    background: #3b5998;
}

.fancybox-share__button--fb:hover {
    background: #344e86;
}

.fancybox-share__button--pt {
    background: #bd081d;
}

.fancybox-share__button--pt:hover {
    background: #aa0719;
}

.fancybox-share__button--tw {
    background: #1da1f2;
}

.fancybox-share__button--tw:hover {
    background: #0d95e8;
}

.fancybox-share__button svg {
    height: 25px;
    margin-right: 7px;
    position: relative;
    top: -1px;
    vertical-align: middle;
    width: 25px;
}

.fancybox-share__button svg path {
    fill: #fff;
}

.fancybox-share__input {
    background: transparent;
    border: 0;
    border-bottom: 1px solid #d7d7d7;
    border-radius: 0;
    color: #5d5b5b;
    font-size: 14px;
    margin: 10px 0 0 0;
    outline: none;
    padding: 10px 15px;
    width: 100%;
}
.fancybox-button--fb svg,
.fancybox-button--tw svg {
  width: 18px;
  height: 18px;
  margin: 0 auto;
}

/* Thumbs */
.fancybox-thumbs {
    background: #ddd;
    bottom: 0;
    display: none;
    margin: 0;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar;
    padding: 2px 2px 4px 2px;
    position: absolute;
    right: 0;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    top: 0;
    width: 212px;
    z-index: 99995;
}

.fancybox-thumbs-x {
    overflow-x: auto;
    overflow-y: hidden;
}

.fancybox-show-thumbs .fancybox-thumbs {
    display: block;
}

.fancybox-show-thumbs .fancybox-inner {
    right: 212px;
}

.fancybox-thumbs__list {
    font-size: 0;
    height: 100%;
    list-style: none;
    margin: 0;
    overflow-x: hidden;
    overflow-y: auto;
    padding: 0;
    position: absolute;
    position: relative;
    white-space: nowrap;
    width: 100%;
}

.fancybox-thumbs-x .fancybox-thumbs__list {
    overflow: hidden;
}

.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar {
    width: 7px;
}

.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-track {
    background: #fff;
    border-radius: 10px;
    box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
}

.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-thumb {
    background: #2a2a2a;
    border-radius: 10px;
}

.fancybox-thumbs__list a {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    background-color: rgba(0, 0, 0, .1);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    cursor: pointer;
    float: left;
    height: 75px;
    margin: 2px;
    max-height: calc(100% - 8px);
    max-width: calc(50% - 4px);
    outline: none;
    overflow: hidden;
    padding: 0;
    position: relative;
    -webkit-tap-highlight-color: transparent;
    width: 100px;
}

.fancybox-thumbs__list a::before {
    border: 6px solid #ff5268;
    bottom: 0;
    content: '';
    left: 0;
    opacity: 0;
    position: absolute;
    right: 0;
    top: 0;
    transition: all .2s cubic-bezier(.25, .46, .45, .94);
    z-index: 99991;
}

.fancybox-thumbs__list a:focus::before {
    opacity: .5;
}

.fancybox-thumbs__list a.fancybox-thumbs-active::before {
    opacity: 1;
}

/* Styling for Small-Screen Devices */
@media all and (max-width: 576px) {
    .fancybox-thumbs {
        width: 110px;
    }
    .fancybox-show-thumbs .fancybox-inner {
        right: 110px;
    }
    .fancybox-thumbs__list a {
        max-width: calc(100% - 10px);
    }
}

/*!
 * Font Awesome Free 5.9.0 by @fontawesome - https://fontawesome.com
 * License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
 */
/*
@font-face {
  font-family: 'Font Awesome Social';
  font-style: normal;
  font-weight: normal;
  font-display: auto;
  src: url("fa-brands-400.eot");
  src: url("fa-brands-400.eot?#iefix") format("embedded-opentype"), url("fa-brands-400.woff2") format("woff2"), url("fa-brands-400.woff") format("woff"), url("fa-brands-400.ttf") format("truetype"), url("fa-brands-400.svg#fontawesome") format("svg"); }

.fab {
  font-family: 'Font Awesome Social';
  font-style: normal;
}
.fab.la-2x {
  font-size: 1.5em;
}
.fa-snapchat-ghost:before {
  content: "\f2ac";
}

.fa-facebook-f:before {
  content: "\f39e";
}
*/

/*!
 *  Line Awesome 1.1.0 by @icons_8 - https://icons8.com/line-awesome
 *  License - https://icons8.com/good-boy-license/ (Font: SIL OFL 1.1, CSS: MIT License)
 *
 * Made with love by Icons8 [ https://icons8.com/ ] using FontCustom [ https://github.com/FontCustom/fontcustom ]
 *
 * Contacts:
 *    [ https://icons8.com/contact ]
 *
 * Follow Icon8 on
 *    Twitter [ https://twitter.com/icons_8 ]
 *    Facebook [ https://www.facebook.com/Icons8 ]
 *    Google+ [ https://plus.google.com/+Icons8 ]
 *    GitHub [ https://github.com/icons8 ]
 */

/*
@font-face {
  font-family: "LineAwesome";
  src: url("line-awesome.eot?v=1.1.");
  src: url("line-awesome.eot??v=1.1.#iefix") format("embedded-opentype"),
       url("line-awesome.woff2?v=1.1.") format("woff2"),
       url("line-awesome.woff?v=1.1.") format("woff"),
       url("line-awesome.ttf?v=1.1.") format("truetype"),
       url("line-awesome.svg?v=1.1.#fa") format("svg");
  font-weight: normal;
  font-style: normal;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
  @font-face {
    font-family: "LineAwesome";
    src: url("../fonts/line-awesome.svg?v=1.1.#fa") format("svg");
  }
}
*/

/* Thanks to http://fontawesome.io @fontawesome and @davegandy */
/*
.la {
    display: inline-block;
    font: normal normal normal 16px/1 "LineAwesome";
    text-decoration: inherit;
    text-rendering: optimizeLegibility;
    text-transform: none;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    font-smoothing: antialiased;
    font-size: 15px;
    line-height: 0.75em;
    vertical-align: -15%;
}
*/
/* makes the font 33% larger relative to the icon container */
/*
.la-lg {
    font-size: 1.33333333em;
    line-height: 0.75em;
    vertical-align: -15%;
}
.la-2x {
    font-size: 2em;
}
.la-3x {
    font-size: 3em;
}
.la-4x {
    font-size: 4em;
}
.la-5x {
    font-size: 5em;
}
.la-fw {
    width: 1.28571429em;
    text-align: center;
}
.la-ul {
    padding-left: 0;
    margin-left: 2.14285714em;
    list-style-type: none;
}
.la-ul > li {
    position: relative;
}
.la-li {
    position: absolute;
    left: -2.14285714em;
    width: 2.14285714em;
    top: 0.14285714em;
    text-align: center;
}
.la-li.la-lg {
    left: -1.85714286em;
}
.la-border {
    padding: .2em .25em .15em;
    border: solid 0.08em #eeeeee;
    border-radius: .1em;
}
.pull-right {
    float: right;
}
.pull-left {
    float: left;
}
.li.pull-left {
    margin-right: .3em;
}
.li.pull-right {
    margin-left: .3em;
}
.la-spin {
    -webkit-animation: fa-spin 2s infinite linear;
    animation: fa-spin 2s infinite linear;
}

@-webkit-keyframes fa-spin {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg);
    }
}
@keyframes fa-spin {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg);
    }
}
.la-rotate-90 {
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
}
.la-rotate-180 {
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
}
.la-rotate-270 {
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
    -webkit-transform: rotate(270deg);
    -ms-transform: rotate(270deg);
    transform: rotate(270deg);
}
.la-flip-horizontal {
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1);
    -webkit-transform: scale(-1, 1);
    -ms-transform: scale(-1, 1);
    transform: scale(-1, 1);
}
.la-flip-vertical {
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1);
    -webkit-transform: scale(1, -1);
    -ms-transform: scale(1, -1);
    transform: scale(1, -1);
}
:root .la-rotate-90,
:root .la-rotate-180,
:root .la-rotate-270,
:root .la-flip-horizontal,
:root .la-flip-vertical {
    filter: none;
}
.la-stack {
    position: relative;
    display: inline-block;
    width: 2em;
    height: 2em;
    line-height: 2em;
    vertical-align: middle;
}
.la-stack-1x,
.la-stack-2x {
    position: absolute;
    left: 0;
    width: 100%;
    text-align: center;
}
.la-stack-1x {
    line-height: inherit;
}
.la-stack-2x {
    font-size: 2em;
}
.la-inverse {
    color: #ffffff;
}


.la-500px:before { content: "\f100"; }
.la-adjust:before { content: "\f101"; }
.la-adn:before { content: "\f102"; }
.la-align-center:before { content: "\f103"; }
.la-align-justify:before { content: "\f104"; }
.la-align-left:before { content: "\f105"; }
.la-align-right:before { content: "\f106"; }
.la-amazon:before { content: "\f107"; }
.la-ambulance:before { content: "\f108"; }
.la-anchor:before { content: "\f109"; }
.la-android:before { content: "\f10a"; }
.la-angellist:before { content: "\f10b"; }
.la-angle-double-down:before { content: "\f10c"; }
.la-angle-double-left:before { content: "\f10d"; }
.la-angle-double-right:before { content: "\f10e"; }
.la-angle-double-up:before { content: "\f10f"; }
.la-angle-down:before { content: "\f110"; }
.la-angle-left:before { content: "\f111"; }
.la-angle-right:before { content: "\f112"; }
.la-angle-up:before { content: "\f113"; }
.la-apple:before { content: "\f114"; }
.la-archive:before { content: "\f115"; }
.la-area-chart:before { content: "\f116"; }
.la-arrow-circle-down:before { content: "\f117"; }
.la-arrow-circle-left:before { content: "\f118"; }
.la-arrow-circle-o-down:before { content: "\f119"; }
.la-arrow-circle-o-left:before { content: "\f11a"; }
.la-arrow-circle-o-right:before { content: "\f11b"; }
.la-arrow-circle-o-up:before { content: "\f11c"; }
.la-arrow-circle-right:before { content: "\f11d"; }
.la-arrow-circle-up:before { content: "\f11e"; }
.la-arrow-down:before { content: "\f11f"; }
.la-arrow-left:before { content: "\f120"; }
.la-arrow-right:before { content: "\f121"; }
.la-arrow-up:before { content: "\f122"; }
.la-arrows:before { content: "\f123"; }
.la-arrows-alt:before { content: "\f124"; }
.la-arrows-h:before { content: "\f125"; }
.la-arrows-v:before { content: "\f126"; }
.la-asterisk:before { content: "\f127"; }
.la-at:before { content: "\f128"; }
.la-automobile:before { content: "\f129"; }
.la-backward:before { content: "\f12a"; }
.la-balance-scale:before { content: "\f12b"; }
.la-ban:before { content: "\f12c"; }
.la-bank:before { content: "\f12d"; }
.la-bar-chart:before { content: "\f12e"; }
.la-bar-chart-o:before { content: "\f12f"; }
.la-barcode:before { content: "\f130"; }
.la-bars:before { content: "\f131"; }
.la-battery-0:before { content: "\f132"; }
.la-battery-1:before { content: "\f133"; }
.la-battery-2:before { content: "\f134"; }
.la-battery-3:before { content: "\f135"; }
.la-battery-4:before { content: "\f136"; }
.la-battery-empty:before { content: "\f137"; }
.la-battery-full:before { content: "\f138"; }
.la-battery-half:before { content: "\f139"; }
.la-battery-quarter:before { content: "\f13a"; }
.la-battery-three-quarters:before { content: "\f13b"; }
.la-bed:before { content: "\f13c"; }
.la-beer:before { content: "\f13d"; }
.la-behance:before { content: "\f13e"; }
.la-behance-square:before { content: "\f13f"; }
.la-bell:before { content: "\f140"; }
.la-bell-o:before { content: "\f141"; }
.la-bell-slash:before { content: "\f142"; }
.la-bell-slash-o:before { content: "\f143"; }
.la-bicycle:before { content: "\f144"; }
.la-binoculars:before { content: "\f145"; }
.la-birthday-cake:before { content: "\f146"; }
.la-bitbucket:before { content: "\f147"; }
.la-bitbucket-square:before { content: "\f148"; }
.la-bitcoin:before { content: "\f149"; }
.la-black-tie:before { content: "\f14a"; }
.la-bold:before { content: "\f14b"; }
.la-bolt:before { content: "\f14c"; }
.la-bomb:before { content: "\f14d"; }
.la-book:before { content: "\f14e"; }
.la-bookmark:before { content: "\f14f"; }
.la-bookmark-o:before { content: "\f150"; }
.la-briefcase:before { content: "\f151"; }
.la-btc:before { content: "\f152"; }
.la-bug:before { content: "\f153"; }
.la-building:before { content: "\f154"; }
.la-building-o:before { content: "\f155"; }
.la-bullhorn:before { content: "\f156"; }
.la-bullseye:before { content: "\f157"; }
.la-bus:before { content: "\f158"; }
.la-buysellads:before { content: "\f159"; }
.la-cab:before { content: "\f15a"; }
.la-calculator:before { content: "\f15b"; }
.la-calendar:before { content: "\f15c"; }
.la-calendar-check-o:before { content: "\f15d"; }
.la-calendar-minus-o:before { content: "\f15e"; }
.la-calendar-o:before { content: "\f15f"; }
.la-calendar-plus-o:before { content: "\f160"; }
.la-calendar-times-o:before { content: "\f161"; }
.la-camera:before { content: "\f162"; }
.la-camera-retro:before { content: "\f163"; }
.la-car:before { content: "\f164"; }
.la-caret-down:before { content: "\f165"; }
.la-caret-left:before { content: "\f166"; }
.la-caret-right:before { content: "\f167"; }
.la-caret-square-o-down:before, .la-toggle-down:before { content: "\f168"; }
.la-caret-square-o-left:before, .la-toggle-left:before { content: "\f169"; }
.la-caret-square-o-right:before, .la-toggle-right:before { content: "\f16a"; }
.la-caret-square-o-up:before, .la-toggle-up:before { content: "\f16b"; }
.la-caret-up:before { content: "\f16c"; }
.la-cart-arrow-down:before { content: "\f16d"; }
.la-cart-plus:before { content: "\f16e"; }
.la-cc:before { content: "\f16f"; }
.la-cc-amex:before { content: "\f170"; }
.la-cc-diners-club:before { content: "\f171"; }
.la-cc-discover:before { content: "\f172"; }
.la-cc-jcb:before { content: "\f173"; }
.la-cc-mastercard:before { content: "\f174"; }
.la-cc-paypal:before { content: "\f175"; }
.la-cc-stripe:before { content: "\f176"; }
.la-cc-visa:before { content: "\f177"; }
.la-certificate:before { content: "\f178"; }
.la-chain:before { content: "\f179"; }
.la-chain-broken:before { content: "\f17a"; }
.la-check:before { content: "\f17b"; }
.la-check-circle:before { content: "\f17c"; }
.la-check-circle-o:before { content: "\f17d"; }
.la-check-square:before { content: "\f17e"; }
.la-check-square-o:before { content: "\f17f"; }
.la-chevron-circle-down:before { content: "\f180"; }
.la-chevron-circle-left:before { content: "\f181"; }
.la-chevron-circle-right:before { content: "\f182"; }
.la-chevron-circle-up:before { content: "\f183"; }
.la-chevron-down:before { content: "\f184"; }
.la-chevron-left:before { content: "\f185"; }
.la-chevron-right:before { content: "\f186"; }
.la-chevron-up:before { content: "\f187"; }
.la-child:before { content: "\f188"; }
.la-chrome:before { content: "\f189"; }
.la-circle:before { content: "\f18a"; }
.la-circle-o:before { content: "\f18b"; }
.la-circle-o-notch:before { content: "\f18c"; }
.la-circle-thin:before { content: "\f18d"; }
.la-clipboard:before { content: "\f18e"; }
.la-clock-o:before { content: "\f18f"; }
.la-clone:before { content: "\f190"; }
.la-close:before { content: "\f191"; }
.la-cloud:before { content: "\f192"; }
.la-cloud-download:before { content: "\f193"; }
.la-cloud-upload:before { content: "\f194"; }
.la-cny:before { content: "\f195"; }
.la-code:before { content: "\f196"; }
.la-code-fork:before { content: "\f197"; }
.la-codepen:before { content: "\f198"; }
.la-coffee:before { content: "\f199"; }
.la-cog:before { content: "\f19a"; }
.la-cogs:before { content: "\f19b"; }
.la-columns:before { content: "\f19c"; }
.la-comment:before { content: "\f19d"; }
.la-comment-o:before { content: "\f19e"; }
.la-commenting:before { content: "\f19f"; }
.la-commenting-o:before { content: "\f1a0"; }
.la-comments:before { content: "\f1a1"; }
.la-comments-o:before { content: "\f1a2"; }
.la-compass:before { content: "\f1a3"; }
.la-compress:before { content: "\f1a4"; }
.la-connectdevelop:before { content: "\f1a5"; }
.la-contao:before { content: "\f1a6"; }
.la-copy:before { content: "\f1a7"; }
.la-copyright:before { content: "\f1a8"; }
.la-creative-commons:before { content: "\f1a9"; }
.la-credit-card:before { content: "\f1aa"; }
.la-crop:before { content: "\f1ab"; }
.la-crosshairs:before { content: "\f1ac"; }
.la-css3:before { content: "\f1ad"; }
.la-cube:before { content: "\f1ae"; }
.la-cubes:before { content: "\f1af"; }
.la-cut:before { content: "\f1b0"; }
.la-cutlery:before { content: "\f1b1"; }
.la-dashboard:before { content: "\f1b2"; }
.la-dashcube:before { content: "\f1b3"; }
.la-database:before { content: "\f1b4"; }
.la-dedent:before { content: "\f1b5"; }
.la-delicious:before { content: "\f1b6"; }
.la-desktop:before { content: "\f1b7"; }
.la-deviantart:before { content: "\f1b8"; }
.la-diamond:before { content: "\f1b9"; }
.la-digg:before { content: "\f1ba"; }
.la-dollar:before { content: "\f1bb"; }
.la-dot-circle-o:before { content: "\f1bc"; }
.la-download:before { content: "\f1bd"; }
.la-dribbble:before { content: "\f1be"; }
.la-dropbox:before { content: "\f1bf"; }
.la-drupal:before { content: "\f1c0"; }
.la-edit:before { content: "\f1c1"; }
.la-eject:before { content: "\f1c2"; }
.la-ellipsis-h:before { content: "\f1c3"; }
.la-ellipsis-v:before { content: "\f1c4"; }
.la-empire:before, .la-ge:before { content: "\f1c5"; }
.la-envelope:before { content: "\f1c6"; }
.la-envelope-o:before { content: "\f1c7"; }
.la-envelope-square:before { content: "\f1c8"; }
.la-eraser:before { content: "\f1c9"; }
.la-eur:before { content: "\f1ca"; }
.la-euro:before { content: "\f1cb"; }
.la-exchange:before { content: "\f1cc"; }
.la-exclamation:before { content: "\f1cd"; }
.la-exclamation-circle:before { content: "\f1ce"; }
.la-exclamation-triangle:before { content: "\f1cf"; }
.la-expand:before { content: "\f1d0"; }
.la-expeditedssl:before { content: "\f1d1"; }
.la-external-link:before { content: "\f1d2"; }
.la-external-link-square:before { content: "\f1d3"; }
.la-eye:before { content: "\f1d4"; }
.la-eye-slash:before { content: "\f1d5"; }
.la-eyedropper:before { content: "\f1d6"; }
.la-facebook:before, .la-facebook-f:before { content: "\f1d7"; }
.la-facebook-official:before { content: "\f1d8"; }
.la-facebook-square:before { content: "\f1d9"; }
.la-fast-backward:before { content: "\f1da"; }
.la-fast-forward:before { content: "\f1db"; }
.la-fax:before { content: "\f1dc"; }
.la-female:before { content: "\f1dd"; }
.la-fighter-jet:before { content: "\f1de"; }
.la-file:before { content: "\f1df"; }
.la-file-archive-o:before { content: "\f1e0"; }
.la-file-audio-o:before { content: "\f1e1"; }
.la-file-code-o:before { content: "\f1e2"; }
.la-file-excel-o:before { content: "\f1e3"; }
.la-file-image-o:before { content: "\f1e4"; }
.la-file-movie-o:before { content: "\f1e5"; }
.la-file-o:before { content: "\f1e6"; }
.la-file-pdf-o:before { content: "\f1e7"; }
.la-file-photo-o:before { content: "\f1e8"; }
.la-file-picture-o:before { content: "\f1e9"; }
.la-file-powerpoint-o:before { content: "\f1ea"; }
.la-file-sound-o:before { content: "\f1eb"; }
.la-file-text:before { content: "\f1ec"; }
.la-file-text-o:before { content: "\f1ed"; }
.la-file-video-o:before { content: "\f1ee"; }
.la-file-word-o:before { content: "\f1ef"; }
.la-file-zip-o:before { content: "\f1f0"; }
.la-files-o:before { content: "\f1f1"; }
.la-film:before { content: "\f1f2"; }
.la-filter:before { content: "\f1f3"; }
.la-fire:before { content: "\f1f4"; }
.la-fire-extinguisher:before { content: "\f1f5"; }
.la-firefox:before { content: "\f1f6"; }
.la-flag:before { content: "\f1f7"; }
.la-flag-checkered:before { content: "\f1f8"; }
.la-flag-o:before { content: "\f1f9"; }
.la-flash:before { content: "\f1fa"; }
.la-flask:before { content: "\f1fb"; }
.la-flickr:before { content: "\f1fc"; }
.la-floppy-o:before { content: "\f1fd"; }
.la-folder:before { content: "\f1fe"; }
.la-folder-o:before { content: "\f1ff"; }
.la-folder-open:before { content: "\f200"; }
.la-folder-open-o:before { content: "\f201"; }
.la-font:before { content: "\f202"; }
.la-fonticons:before { content: "\f203"; }
.la-forumbee:before { content: "\f204"; }
.la-forward:before { content: "\f205"; }
.la-foursquare:before { content: "\f206"; }
.la-frown-o:before { content: "\f207"; }
.la-futbol-o:before, .la-soccer-ball-o:before { content: "\f208"; }
.la-gamepad:before { content: "\f209"; }
.la-gavel:before { content: "\f20a"; }
.la-gbp:before { content: "\f20b"; }
.la-gear:before { content: "\f20c"; }
.la-gears:before { content: "\f20d"; }
.la-genderless:before { content: "\f20e"; }
.la-get-pocket:before { content: "\f20f"; }
.la-gg:before { content: "\f210"; }
.la-gg-circle:before { content: "\f211"; }
.la-gift:before { content: "\f212"; }
.la-git:before { content: "\f213"; }
.la-git-square:before { content: "\f214"; }
.la-github:before { content: "\f215"; }
.la-github-alt:before { content: "\f216"; }
.la-github-square:before { content: "\f217"; }
.la-glass:before { content: "\f218"; }
.la-globe:before { content: "\f219"; }
.la-google:before { content: "\f21a"; }
.la-google-plus:before { content: "\f21b"; }
.la-google-plus-square:before { content: "\f21c"; }
.la-google-wallet:before { content: "\f21d"; }
.la-graduation-cap:before { content: "\f21e"; }
.la-gratipay:before, .la-gittip:before { content: "\f21f"; }
.la-group:before { content: "\f220"; }
.la-h-square:before { content: "\f221"; }
.la-hacker-news:before { content: "\f222"; }
.la-hand-grab-o:before { content: "\f223"; }
.la-hand-lizard-o:before { content: "\f224"; }
.la-hand-o-down:before { content: "\f225"; }
.la-hand-o-left:before { content: "\f226"; }
.la-hand-o-right:before { content: "\f227"; }
.la-hand-o-up:before { content: "\f228"; }
.la-hand-paper-o:before { content: "\f229"; }
.la-hand-peace-o:before { content: "\f22a"; }
.la-hand-pointer-o:before { content: "\f22b"; }
.la-hand-rock-o:before { content: "\f22c"; }
.la-hand-scissors-o:before { content: "\f22d"; }
.la-hand-spock-o:before { content: "\f22e"; }
.la-hand-stop-o:before { content: "\f22f"; }
.la-hdd-o:before { content: "\f230"; }
.la-header:before { content: "\f231"; }
.la-headphones:before { content: "\f232"; }
.la-heart:before { content: "\f233"; }
.la-heart-o:before { content: "\f234"; }
.la-heartbeat:before { content: "\f235"; }
.la-history:before { content: "\f236"; }
.la-home:before { content: "\f237"; }
.la-hospital-o:before { content: "\f238"; }
.la-hotel:before { content: "\f239"; }
.la-hourglass:before { content: "\f23a"; }
.la-hourglass-1:before { content: "\f23b"; }
.la-hourglass-2:before { content: "\f23c"; }
.la-hourglass-3:before { content: "\f23d"; }
.la-hourglass-end:before { content: "\f23e"; }
.la-hourglass-half:before { content: "\f23f"; }
.la-hourglass-o:before { content: "\f240"; }
.la-hourglass-start:before { content: "\f241"; }
.la-houzz:before { content: "\f242"; }
.la-html5:before { content: "\f243"; }
.la-i-cursor:before { content: "\f244"; }
.la-ils:before { content: "\f245"; }
.la-image:before { content: "\f246"; }
.la-inbox:before { content: "\f247"; }
.la-indent:before { content: "\f248"; }
.la-industry:before { content: "\f249"; }
.la-info:before { content: "\f24a"; }
.la-info-circle:before { content: "\f24b"; }
.la-inr:before { content: "\f24c"; }
.la-instagram:before { content: "\f24d"; }
.la-institution:before { content: "\f24e"; }
.la-internet-explorer:before { content: "\f24f"; }
.la-ioxhost:before { content: "\f250"; }
.la-italic:before { content: "\f251"; }
.la-joomla:before { content: "\f252"; }
.la-jpy:before { content: "\f253"; }
.la-jsfiddle:before { content: "\f254"; }
.la-key:before { content: "\f255"; }
.la-keyboard-o:before { content: "\f256"; }
.la-krw:before { content: "\f257"; }
.la-language:before { content: "\f258"; }
.la-laptop:before { content: "\f259"; }
.la-lastfm:before { content: "\f25a"; }
.la-lastfm-square:before { content: "\f25b"; }
.la-leaf:before { content: "\f25c"; }
.la-leanpub:before { content: "\f25d"; }
.la-legal:before { content: "\f25e"; }
.la-lemon-o:before { content: "\f25f"; }
.la-level-down:before { content: "\f260"; }
.la-level-up:before { content: "\f261"; }
.la-life-bouy:before { content: "\f262"; }
.la-life-buoy:before { content: "\f263"; }
.la-life-ring:before, .la-support:before { content: "\f264"; }
.la-life-saver:before { content: "\f265"; }
.la-lightbulb-o:before { content: "\f266"; }
.la-line-chart:before { content: "\f267"; }
.la-link:before { content: "\f268"; }
.la-linkedin:before { content: "\f269"; }
.la-linkedin-square:before { content: "\f26a"; }
.la-linux:before { content: "\f26b"; }
.la-list:before { content: "\f26c"; }
.la-list-alt:before { content: "\f26d"; }
.la-list-ol:before { content: "\f26e"; }
.la-list-ul:before { content: "\f26f"; }
.la-location-arrow:before { content: "\f270"; }
.la-lock:before { content: "\f271"; }
.la-long-arrow-down:before { content: "\f272"; }
.la-long-arrow-left:before { content: "\f273"; }
.la-long-arrow-right:before { content: "\f274"; }
.la-long-arrow-up:before { content: "\f275"; }
.la-magic:before { content: "\f276"; }
.la-magnet:before { content: "\f277"; }
.la-mail-forward:before { content: "\f278"; }
.la-mail-reply:before { content: "\f279"; }
.la-mail-reply-all:before { content: "\f27a"; }
.la-male:before { content: "\f27b"; }
.la-map:before { content: "\f27c"; }
.la-map-marker:before { content: "\f27d"; }
.la-map-o:before { content: "\f27e"; }
.la-map-pin:before { content: "\f27f"; }
.la-map-signs:before { content: "\f280"; }
.la-mars:before { content: "\f281"; }
.la-mars-double:before { content: "\f282"; }
.la-mars-stroke:before { content: "\f283"; }
.la-mars-stroke-h:before { content: "\f284"; }
.la-mars-stroke-v:before { content: "\f285"; }
.la-maxcdn:before { content: "\f286"; }
.la-meanpath:before { content: "\f287"; }
.la-medium:before { content: "\f288"; }
.la-medkit:before { content: "\f289"; }
.la-meh-o:before { content: "\f28a"; }
.la-mercury:before { content: "\f28b"; }
.la-microphone:before { content: "\f28c"; }
.la-microphone-slash:before { content: "\f28d"; }
.la-minus:before { content: "\f28e"; }
.la-minus-circle:before { content: "\f28f"; }
.la-minus-square:before { content: "\f290"; }
.la-minus-square-o:before { content: "\f291"; }
.la-mobile:before { content: "\f292"; }
.la-mobile-phone:before { content: "\f293"; }
.la-money:before { content: "\f294"; }
.la-moon-o:before { content: "\f295"; }
.la-mortar-board:before { content: "\f296"; }
.la-motorcycle:before { content: "\f297"; }
.la-mouse-pointer:before { content: "\f298"; }
.la-music:before { content: "\f299"; }
.la-navicon:before { content: "\f29a"; }
.la-neuter:before { content: "\f29b"; }
.la-newspaper-o:before { content: "\f29c"; }
.la-object-group:before { content: "\f29d"; }
.la-object-ungroup:before { content: "\f29e"; }
.la-odnoklassniki:before { content: "\f29f"; }
.la-odnoklassniki-square:before { content: "\f2a0"; }
.la-opencart:before { content: "\f2a1"; }
.la-openid:before { content: "\f2a2"; }
.la-opera:before { content: "\f2a3"; }
.la-optin-monster:before { content: "\f2a4"; }
.la-outdent:before { content: "\f2a5"; }
.la-pagelines:before { content: "\f2a6"; }
.la-paint-brush:before { content: "\f2a7"; }
.la-paper-plane:before, .la-send:before { content: "\f2a8"; }
.la-paper-plane-o:before, .la-send-o:before { content: "\f2a9"; }
.la-paperclip:before { content: "\f2aa"; }
.la-paragraph:before { content: "\f2ab"; }
.la-paste:before { content: "\f2ac"; }
.la-pause:before { content: "\f2ad"; }
.la-paw:before { content: "\f2ae"; }
.la-paypal:before { content: "\f2af"; }
.la-pencil:before { content: "\f2b0"; }
.la-pencil-square:before { content: "\f2b1"; }
.la-pencil-square-o:before { content: "\f2b2"; }
.la-phone:before { content: "\f2b3"; }
.la-phone-square:before { content: "\f2b4"; }
.la-photo:before { content: "\f2b5"; }
.la-picture-o:before { content: "\f2b6"; }
.la-pie-chart:before { content: "\f2b7"; }
.la-pied-piper:before { content: "\f2b8"; }
.la-pied-piper-alt:before { content: "\f2b9"; }
.la-pinterest:before { content: "\f2ba"; }
.la-pinterest-p:before { content: "\f2bb"; }
.la-pinterest-square:before { content: "\f2bc"; }
.la-plane:before { content: "\f2bd"; }
.la-play:before { content: "\f2be"; }
.la-play-circle:before { content: "\f2bf"; }
.la-play-circle-o:before { content: "\f2c0"; }
.la-plug:before { content: "\f2c1"; }
.la-plus:before { content: "\f2c2"; }
.la-plus-circle:before { content: "\f2c3"; }
.la-plus-square:before { content: "\f2c4"; }
.la-plus-square-o:before { content: "\f2c5"; }
.la-power-off:before { content: "\f2c6"; }
.la-print:before { content: "\f2c7"; }
.la-puzzle-piece:before { content: "\f2c8"; }
.la-qq:before { content: "\f2c9"; }
.la-qrcode:before { content: "\f2ca"; }
.la-question:before { content: "\f2cb"; }
.la-question-circle:before { content: "\f2cc"; }
.la-quote-left:before { content: "\f2cd"; }
.la-quote-right:before { content: "\f2ce"; }
.la-ra:before { content: "\f2cf"; }
.la-random:before { content: "\f2d0"; }
.la-rebel:before { content: "\f2d1"; }
.la-recycle:before { content: "\f2d2"; }
.la-reddit:before { content: "\f2d3"; }
.la-reddit-square:before { content: "\f2d4"; }
.la-refresh:before { content: "\f2d5"; }
.la-registered:before { content: "\f2d6"; }
.la-renren:before { content: "\f2d7"; }
.la-reorder:before { content: "\f2d8"; }
.la-repeat:before { content: "\f2d9"; }
.la-reply:before { content: "\f2da"; }
.la-reply-all:before { content: "\f2db"; }
.la-retweet:before { content: "\f2dc"; }
.la-rmb:before { content: "\f2dd"; }
.la-road:before { content: "\f2de"; }
.la-rocket:before { content: "\f2df"; }
.la-rotate-left:before { content: "\f2e0"; }
.la-rotate-right:before { content: "\f2e1"; }
.la-rouble:before { content: "\f2e2"; }
.la-rss:before, .la-feed:before { content: "\f2e3"; }
.la-rss-square:before { content: "\f2e4"; }
.la-rub:before { content: "\f2e5"; }
.la-ruble:before { content: "\f2e6"; }
.la-rupee:before { content: "\f2e7"; }
.la-safari:before { content: "\f2e8"; }
.la-save:before { content: "\f2e9"; }
.la-scissors:before { content: "\f2ea"; }
.la-search:before { content: "\f2eb"; }
.la-search-minus:before { content: "\f2ec"; }
.la-search-plus:before { content: "\f2ed"; }
.la-sellsy:before { content: "\f2ee"; }
.la-server:before { content: "\f2ef"; }
.la-share:before { content: "\f2f0"; }
.la-share-alt:before { content: "\f2f1"; }
.la-share-alt-square:before { content: "\f2f2"; }
.la-share-square:before { content: "\f2f3"; }
.la-share-square-o:before { content: "\f2f4"; }
.la-shekel:before { content: "\f2f5"; }
.la-sheqel:before { content: "\f2f6"; }
.la-shield:before { content: "\f2f7"; }
.la-ship:before { content: "\f2f8"; }
.la-shirtsinbulk:before { content: "\f2f9"; }
.la-shopping-cart:before { content: "\f2fa"; }
.la-sign-in:before { content: "\f2fb"; }
.la-sign-out:before { content: "\f2fc"; }
.la-signal:before { content: "\f2fd"; }
.la-simplybuilt:before { content: "\f2fe"; }
.la-sitemap:before { content: "\f2ff"; }
.la-skyatlas:before { content: "\f300"; }
.la-skype:before { content: "\f301"; }
.la-slack:before { content: "\f302"; }
.la-sliders:before { content: "\f303"; }
.la-slideshare:before { content: "\f304"; }
.la-smile-o:before { content: "\f305"; }
.la-sort:before, .la-unsorted:before { content: "\f306"; }
.la-sort-alpha-asc:before { content: "\f307"; }
.la-sort-alpha-desc:before { content: "\f308"; }
.la-sort-amount-asc:before { content: "\f309"; }
.la-sort-amount-desc:before { content: "\f30a"; }
.la-sort-asc:before, .la-sort-up:before { content: "\f30b"; }
.la-sort-desc:before, .la-sort-down:before { content: "\f30c"; }
.la-sort-numeric-asc:before { content: "\f30d"; }
.la-sort-numeric-desc:before { content: "\f30e"; }
.la-soundcloud:before { content: "\f30f"; }
.la-space-shuttle:before { content: "\f310"; }
.la-spinner:before { content: "\f311"; }
.la-spoon:before { content: "\f312"; }
.la-spotify:before { content: "\f313"; }
.la-square:before { content: "\f314"; }
.la-square-o:before { content: "\f315"; }
.la-stack-exchange:before { content: "\f316"; }
.la-stack-overflow:before { content: "\f317"; }
.la-star:before { content: "\f318"; }
.la-star-half:before { content: "\f319"; }
.la-star-half-o:before, .la-star-half-full:before, .la-star-half-empty:before { content: "\f31a"; }
.la-star-o:before { content: "\f31b"; }
.la-steam:before { content: "\f31c"; }
.la-steam-square:before { content: "\f31d"; }
.la-step-backward:before { content: "\f31e"; }
.la-step-forward:before { content: "\f31f"; }
.la-stethoscope:before { content: "\f320"; }
.la-sticky-note:before { content: "\f321"; }
.la-sticky-note-o:before { content: "\f322"; }
.la-stop:before { content: "\f323"; }
.la-street-view:before { content: "\f324"; }
.la-strikethrough:before { content: "\f325"; }
.la-stumbleupon:before { content: "\f326"; }
.la-stumbleupon-circle:before { content: "\f327"; }
.la-subscript:before { content: "\f328"; }
.la-subway:before { content: "\f329"; }
.la-suitcase:before { content: "\f32a"; }
.la-sun-o:before { content: "\f32b"; }
.la-superscript:before { content: "\f32c"; }
.la-table:before { content: "\f32d"; }
.la-tablet:before { content: "\f32e"; }
.la-tachometer:before { content: "\f32f"; }
.la-tag:before { content: "\f330"; }
.la-tags:before { content: "\f331"; }
.la-tasks:before { content: "\f332"; }
.la-taxi:before { content: "\f333"; }
.la-television:before, .la-tv:before { content: "\f334"; }
.la-tencent-weibo:before { content: "\f335"; }
.la-terminal:before { content: "\f336"; }
.la-text-height:before { content: "\f337"; }
.la-text-width:before { content: "\f338"; }
.la-th:before { content: "\f339"; }
.la-th-large:before { content: "\f33a"; }
.la-th-list:before { content: "\f33b"; }
.la-thumb-tack:before { content: "\f33c"; }
.la-thumbs-down:before { content: "\f33d"; }
.la-thumbs-o-down:before { content: "\f33e"; }
.la-thumbs-o-up:before { content: "\f33f"; }
.la-thumbs-up:before { content: "\f340"; }
.la-ticket:before { content: "\f341"; }
.la-times:before, .la-remove:before { content: "\f342"; }
.la-times-circle:before { content: "\f343"; }
.la-times-circle-o:before { content: "\f344"; }
.la-tint:before { content: "\f345"; }
.la-toggle-off:before { content: "\f346"; }
.la-toggle-on:before { content: "\f347"; }
.la-trademark:before { content: "\f348"; }
.la-train:before { content: "\f349"; }
.la-transgender:before, .la-intersex:before { content: "\f34a"; }
.la-transgender-alt:before { content: "\f34b"; }
.la-trash:before { content: "\f34c"; }
.la-trash-o:before { content: "\f34d"; }
.la-tree:before { content: "\f34e"; }
.la-trello:before { content: "\f34f"; }
.la-tripadvisor:before { content: "\f350"; }
.la-trophy:before { content: "\f351"; }
.la-truck:before { content: "\f352"; }
.la-try:before { content: "\f353"; }
.la-tty:before { content: "\f354"; }
.la-tumblr:before { content: "\f355"; }
.la-tumblr-square:before { content: "\f356"; }
.la-turkish-lira:before { content: "\f357"; }
.la-twitch:before { content: "\f358"; }
.la-twitter:before { content: "\f359"; }
.la-twitter-square:before { content: "\f35a"; }
.la-umbrella:before { content: "\f35b"; }
.la-underline:before { content: "\f35c"; }
.la-undo:before { content: "\f35d"; }
.la-university:before { content: "\f35e"; }
.la-unlink:before { content: "\f35f"; }
.la-unlock:before { content: "\f360"; }
.la-unlock-alt:before { content: "\f361"; }
.la-upload:before { content: "\f362"; }
.la-usd:before { content: "\f363"; }
.la-user:before { content: "\f364"; }
.la-user-md:before { content: "\f365"; }
.la-user-plus:before { content: "\f366"; }
.la-user-secret:before { content: "\f367"; }
.la-user-times:before { content: "\f368"; }
.la-users:before { content: "\f369"; }
.la-venus:before { content: "\f36a"; }
.la-venus-double:before { content: "\f36b"; }
.la-venus-mars:before { content: "\f36c"; }
.la-viacoin:before { content: "\f36d"; }
.la-video-camera:before { content: "\f36e"; }
.la-vimeo:before { content: "\f36f"; }
.la-vimeo-square:before { content: "\f370"; }
.la-vine:before { content: "\f371"; }
.la-vk:before { content: "\f372"; }
.la-volume-down:before { content: "\f373"; }
.la-volume-off:before { content: "\f374"; }
.la-volume-up:before { content: "\f375"; }
.la-warning:before { content: "\f376"; }
.la-wechat:before { content: "\f377"; }
.la-weibo:before { content: "\f378"; }
.la-weixin:before { content: "\f379"; }
.la-whatsapp:before { content: "\f37a"; }
.la-wheelchair:before { content: "\f37b"; }
.la-wifi:before { content: "\f37c"; }
.la-wikipedia-w:before { content: "\f37d"; }
.la-windows:before { content: "\f37e"; }
.la-won:before { content: "\f37f"; }
.la-wordpress:before { content: "\f380"; }
.la-wrench:before { content: "\f381"; }
.la-xing:before { content: "\f382"; }
.la-xing-square:before { content: "\f383"; }
.la-y-combinator:before { content: "\f384"; }
.la-y-combinator-square:before { content: "\f385"; }
.la-yahoo:before { content: "\f386"; }
.la-yc:before { content: "\f387"; }
.la-yc-square:before { content: "\f388"; }
.la-yelp:before { content: "\f389"; }
.la-yen:before { content: "\f38a"; }
.la-youtube:before { content: "\f38b"; }
.la-youtube-play:before { content: "\f38c"; }
.la-youtube-square:before { content: "\f38d"; }
*/


/* JS OffCanvas for Filters Drawer */
/* line 6, ../../src/js-offcanvas.mixins.scss */
.c-offcanvas {
  transform: translate3d(0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

/* line 11, ../../src/js-offcanvas.mixins.scss */
.c-offcanvas, .c-offcanvas-content-wrap, .c-offcanvas-bg.c-offcanvas-bg--reveal, .c-offcanvas-bg.c-offcanvas-bg--push {
  transition: transform 300ms cubic-bezier(0.4, 0, 0.6, 1);
}

/* line 15, ../../src/js-offcanvas.mixins.scss */
.c-offcanvas.is-open {
  transform: translate3d(0, 0, 0);
  visibility: visible;
}

/**
 * Offcanvas-content-wrap
*/
/* line 11, ../../src/js-offcanvas.scss */
.c-offcanvas-content-wrap {
  z-index: 3;
}

/**
 * Offcanvas Panel
*/
/* line 20, ../../src/js-offcanvas.scss */
.c-offcanvas {
  position: fixed;
  min-height: 100%;
  max-height: none;
  top: 0;
  display: block;
  background: #fff;
  overflow-x: hidden;
  overflow-y: auto;
}
/* line 35, ../../src/js-offcanvas.scss */
.c-offcanvas--opening {
  transition-timing-function: cubic-bezier(0.4, 0, 0.6, 1);
}
/* line 38, ../../src/js-offcanvas.scss */
.c-offcanvas.is-closed {
  max-height: 100%;
  overflow: hidden;
  visibility: hidden;
  box-shadow: none;
}

/* line 48, ../../src/js-offcanvas.scss */
.c-offcanvas--overlay {
  z-index: 1080;
}

/* line 52, ../../src/js-offcanvas.scss */
.c-offcanvas--reveal {
  z-index: 2;
}

/**
 * Offcanvas BG-Overlay
*/
/* line 59, ../../src/js-offcanvas.scss */
.c-offcanvas-bg {
  position: fixed;
  top: 0;
  height: 100%;
  width: 100%;
  z-index: 1079;
  left: -100%;
  background-color: transparent;
  transition: background-color 400ms cubic-bezier(0.23, 1, 0.32, 1) 0ms;
}
/* line 69, ../../src/js-offcanvas.scss */
.c-offcanvas-bg.is-animating, .c-offcanvas-bg.is-open {
  left: 0;
  background-color: rgba(0, 0, 0, 0.68);
  visibility: visible;
}
/* line 76, ../../src/js-offcanvas.scss */
.c-offcanvas-bg.is-closed {
  visibility: hidden;
}
/* line 78, ../../src/js-offcanvas.scss */
.c-offcanvas-bg--closing.is-animating {
  background: transparent;
}

/**
 * Position Left
 *
*/
/* line 88, ../../src/js-offcanvas.scss */
.c-offcanvas--left {
  height: 100%;
  width: 25em;
  transform: translate3d(-25em, 0, 0);
}

/**
 *  Position Right
 *
*/
/* line 117, ../../src/js-offcanvas.scss */
.c-offcanvas--right {
  height: 100%;
  width: 25em;
  right: 0;
  transform: translate3d(25em, 0, 0);
}

/**
 * Position Top
 *
*/
/* line 129, ../../src/js-offcanvas.scss */
.c-offcanvas--top {
  left: 0;
  right: 0;
  top: 0;
  height: 12.5em;
  min-height: auto;
  width: 100%;
  transform: translate3d(0, -12.5em, 0);
}

/**
 * Position Bottom
 *
*/
/* line 139, ../../src/js-offcanvas.scss */
.c-offcanvas--bottom {
  top: auto;
  left: 0;
  right: 0;
  bottom: 0;
  height: 12.5em;
  min-height: auto;
  width: 100%;
  transform: translate3d(0, 12.5em, 0);
}

/**
 * Reveal
 *
*/
/* line 148, ../../src/js-offcanvas.scss */
.c-offcanvas-content-wrap {
  z-index: 3;
}

/* line 71, ../../src/js-offcanvas.mixins.scss */
.c-offcanvas-content-wrap--reveal.c-offcanvas-content-wrap--left.is-open {
  transform: translate3d(25em, 0, 0);
}
/* line 66, ../../src/js-offcanvas.mixins.scss */
.c-offcanvas-content-wrap--reveal.c-offcanvas-content-wrap--right.is-open {
  transform: translate3d(-25em, 0, 0);
}

/* line 166, ../../src/js-offcanvas.scss */
.c-offcanvas--reveal {
  z-index: 0;
  transform: translate3d(0, 0, 0);
}

/* line 87, ../../src/js-offcanvas.mixins.scss */
.c-offcanvas-bg.c-offcanvas-bg--reveal.c-offcanvas-bg--left.is-open {
  transform: translate3d(25em, 0, 0);
}
/* line 82, ../../src/js-offcanvas.mixins.scss */
.c-offcanvas-bg.c-offcanvas-bg--reveal.c-offcanvas-bg--right.is-open {
  transform: translate3d(-25em, 0, 0);
}

/**
 * Push
 *
*/
/* line 192, ../../src/js-offcanvas.scss */
.c-offcanvas--push {
  z-index: 6;
}
/* line 194, ../../src/js-offcanvas.scss */
.c-offcanvas--push--opening {
  transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
}

/* line 198, ../../src/js-offcanvas.scss */
.c-offcanvas-content-wrap {
  z-index: 3;
}

/* line 71, ../../src/js-offcanvas.mixins.scss */
.c-offcanvas-content-wrap--push.c-offcanvas-content-wrap--left.is-open {
  transform: translate3d(25em, 0, 0);
}
/* line 66, ../../src/js-offcanvas.mixins.scss */
.c-offcanvas-content-wrap--push.c-offcanvas-content-wrap--right.is-open {
  transform: translate3d(-25em, 0, 0);
}

/* line 87, ../../src/js-offcanvas.mixins.scss */
.c-offcanvas-bg.c-offcanvas-bg--push.c-offcanvas-bg--left.is-open {
  transform: translate3d(25em, 0, 0);
}
/* line 82, ../../src/js-offcanvas.mixins.scss */
.c-offcanvas-bg.c-offcanvas-bg--push.c-offcanvas-bg--right.is-open {
  transform: translate3d(-25em, 0, 0);
}

/*# sourceMappingURL=js-offcanvas.css.map */


/* Slick Slider */

/* Dots */
.slick-dots {
  position: absolute;
  bottom: 10px;
  right: 0px;
  display: block;
  padding: 0;
  margin: 0;
  list-style: none;
  text-align: center;
}

.slick-dots li {
  position: relative;
  display: inline-block;
  width: 7px;
  height: 7px;
  padding: 0;
  cursor: pointer;
}
.slick-dots li button {
  font-size: 0;
  line-height: 0;
  min-width: initial;
  display: block;
  width: 7px;
  height: 7px;
  padding: 5px;
  cursor: pointer;
  color: transparent;
  border: 0;
  outline: none;
  background: transparent;
  margin-bottom: 0;
}
.slick-dots li button:hover,
.slick-dots li button:focus {
  outline: none;
}
.slick-dots li button:hover:before,
.slick-dots li button:focus:before {
  opacity: 1;
}
.slick-dots li button:before {
  /* font-family: "LineAwesome"; */
  font-size: 30px;
  line-height: 20px;
  position: absolute;
  top: 0;
  left: 0;
  width: 7px;
  height: 7px;
  content: "•";
  text-align: center;
  opacity: .25;
  color: black;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.slick-dots li.slick-active button:before {
  opacity: .75;
  color: black;
}

/* Slider */
.slick-slider {
  position: relative;

  display: block !important;
  box-sizing: border-box;

  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;

  -webkit-touch-callout: none;
  -khtml-user-select: none;
  -ms-touch-action: pan-y;
      touch-action: pan-y;
  -webkit-tap-highlight-color: transparent;
}

.slick-list {
  position: relative;

  display: block;
  overflow: hidden;

  margin: 0;
  padding: 0;
}
.slick-list:focus {
  outline: none;
}
.slick-list.dragging {
  cursor: pointer;
  cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list {
    -webkit-transform: translate3d(0, 0, 0);
       -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
         -o-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
}

.slick-track {
  position: relative;
  top: 0;
  left: 0;
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.slick-track:before,
.slick-track:after {
  display: table;
  content: '';
}
.slick-track:after {
  clear: both;
}
.slick-loading .slick-track {
  visibility: hidden;
}

.slick-slide {
  display: none;
  float: left;
  height: 100%;
  min-height: 1px;
}
[dir='rtl'] .slick-slide {
  float: right;
}
.slick-slide img {
  display: block;
}
.slick-slide.slick-loading img {
  display: none;
}
.slick-slide.dragging img {
  pointer-events: none;
}
.slick-initialized .slick-slide {
  display: block;
}
.slick-loading .slick-slide {
  visibility: hidden;
}
.slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
  display: none;
}


/* Custom Slick Slider */
.slick-slide.slick-current .product-thumbnail img {
  border: 1px solid #d5d5d5;
}
.thumbnail-slider.slick-initialized.slick-slider.slick-vertical {
  margin-top: 0;
}
.product-quick-view ul.slick-dots {
  text-align: center;
  left: 0;
  right: initial;
  width: 100%;
  bottom: -5px;
}
.product-thumbnails .slick-arrow {
  font-size: 24px;
  cursor: pointer;
}
.product-thumbnails .slick-vertical .slick-arrow {
  font-size: 40px;
  cursor: pointer;
}
.product-thumbnails .slick-vertical a.slick-prev.slick-arrow {
  position: absolute;
  bottom: -40px;
  right: 3px;
  width: 50%;
  height: 40px;
  text-align: center;
}
.product-thumbnails .slick-vertical a.slick-next.slick-arrow {
  position: absolute;
  left: 3px;
  bottom: -37px;
  width: 50%;
  height: 40px;
  text-align: center;
}
.product-main-images .slick-arrow {
  text-align: center;
  display: block !important;
  font-size: 0;
  cursor: pointer;
  position: absolute;
  background: none;
  background: #000000;
  color: #ffffff;
  /* font-family: "LineAwesome"; */
  font-size: 18px;
  outline: none;
  z-index: 1;
  height: 48px;
  line-height: 48px;
  width: 48px;
}
.product-main-images .slick-arrow:hover {
  color: #ffffff;
  background: #6a656b;
}
.product-main-images .slick-arrow i:before {
  /* font-family: "LineAwesome"; */
  font-size: 25px !important;
}
.product-main-images .slick-arrow i {
  color: #ffffff;
  vertical-align: middle;
}
.product-main-images .slick-arrow i:hover {
  color: #ffffff;
}
.product-main-images .slick-prev.slick-arrow {
  bottom: 8px;
  right: 39px;
  -webkit-transform: translate(-50%, 0);
  -ms-transform: translate(-50%, 0);
  -moz-transform: translate(-50%, 0);
  -o-transform: translate(-50%, 0);
}
.product-main-images .slick-next.slick-arrow {
  bottom: 8px;
  right: -15px;
  -webkit-transform: translate(-50%, 0);
  -ms-transform: translate(-50%, 0);
  -moz-transform: translate(-50%, 0);
  -o-transform: translate(-50%, 0);
}

@media screen and ( min-width: 741px ) {
  .product-main-images.has_thumbs .slick-arrow,
  .product-main-images.has_thumbs ul.slick-dots {
      display: none! important;
  }
}

.info-bar-content a.slick-next.slick-arrow {
  position: absolute;
}

.info-bar-wrapper .slick-slide {
  margin: 0! important;
}

.info-bar-content .slick-slide > div {
  height: 100%;
  display: table;
  width: 100%;
  margin-left: -1%;
}

@media screen and ( max-width: 740px ) {
  .info-bar-content .slick-slide > div {
    width: 95%;
    margin-left: 0;
  }
}

.info-bar-content .slick-arrow {
  position: absolute;
  z-index: 5;
  cursor: pointer;
  top: 50%;
  height: 40px;
  line-height: 40px;
  margin-top: -20px;
  font-size: 15px! important;
}

.info-bar-content a.slick-prev.slick-arrow {
  left: 0;
}

.info-bar-content a.slick-next.slick-arrow {
  right: 0;
}

.main-slider.slick-initialized {
  opacity: 1;
  visibility: visible;
}
.main-slider .slick-slide {
  position: relative;
  height: 40vw;
  margin: 0;
  overflow: hidden;
}
.main-slider .slick-slide::before {
  background-color: #000;
  opacity: 0.3;
  z-index: 1;
}
.main-slider .slick-slide video {
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  min-width: 100%;
  min-height: 100%;
  width: auto;
  height: auto;
  transform: translate(-50%, -50%);
  object-fit: cover;
}
.main-slider .slick-slide iframe {
  position: relative;
  pointer-events: none;
}
.main-slider .slick-slide figure {
  position: relative;
  height: 100%;
}
.main-slider .slick-slide .slide-image {
  opacity: 0;
  background-size: cover;
  background-position: center;
  transition: all 0.8s ease;
  height: 40vw;
}
.main-slider .slick-slide.slick-current .slide-image {
  opacity: 1;
}
.main-slider .slick-slide .image-entity {
  width: 100%;
  opacity: 0;
  visibility: hidden;
}
.main-slider .slick-slide .loading {
  position: absolute;
  top: 44%;
  left: 0;
  width: 100%;
}
.main-slider .slick-slide .slide-media {
  animation: slideOut 0.4s cubic-bezier(0.4, 0.29, 0.01, 1);
}
.main-slider .slick-slide.slick-active {
  z-index: 1;
}
.main-slider .slick-slide.slick-active .slide-media {
  animation: slideIn 2.4s cubic-bezier(0.4, 0.29, 0.01, 1);
}
.main-slider .slick-slide.slick-active .caption {
  opacity: 1;
  transform: translateY(0);
  transition: all 0.7s cubic-bezier(0.32, 0.34, 0, 1.62) 0.6s;
}
.main-slider .slick-arrow {
  background: #000000;
  color: #ffffff;
  text-align: center;
  display: block !important;
  font-size: 0;
  cursor: pointer;
  position: absolute;
  height: 48px;
  line-height: 48px;
  padding: 0 20px;
  outline: none;
  z-index: 1;
}
.main-slider .slick-arrow:hover {
  background: none;
  text-decoration: none;
}
.main-slider .slick-arrow i:before {
  /* font-family: "LineAwesome"; */
  font-size: 25px !important;
}
.main-slider .slick-arrow i {
  vertical-align: middle;
}
.main-slider .slick-arrow:hover {
  background: #6a656b;
}
.main-slider .slick-prev.slick-arrow {
  bottom: 0;
  right: 20px;
  -webkit-transform: translate(-50%, 0);
  -ms-transform: translate(-50%, 0);
  -moz-transform: translate(-50%, 0);
  -o-transform: translate(-50%, 0);
}
.main-slider .slick-next.slick-arrow {
  bottom: 0;
  right: -25px;
  -webkit-transform: translate(-50%, 0);
  -ms-transform: translate(-50%, 0);
  -moz-transform: translate(-50%, 0);
  -o-transform: translate(-50%, 0);
}
/* New Product Image Gallery */
@media (min-width: 741px) {
  .desktop-images .product-main-image,
  .product-quick-view .product-main-image {
    /* position: absolute; */
    overflow: hidden;
    width: 100%;
    top: 0;
    left: 0;
    /* visibility: hidden; */
  }

  .desktop-images .product-main-image img,
  .product-quick-view .product-main-image img  {
    margin: 0 auto;
  }

  .desktop-images .product-image-container,
  .product-quick-view .product-image-container {
    width: 100%;
    position: relative;
    overflow: hidden;
    height: 0;
    width: 100%;
  }

  .desktop-images .product-main-image.selected,
  .product-quick-view .product-main-image.selected {
    visibility: visible;
  }

  .product-thumbnail {
    cursor: pointer;
    margin-bottom: 10px;
    border: 1px solid transparent;
    min-height: 86px;
  }
}
@media (max-width: 740px) {
  .product-image-container {
    padding-bottom: unset !important;
    width: 100%;
    min-height: 400px;
  }
  .product-photos .slick-slide {
    position: relative;
    height: auto;
  }
  .product-main-image {
    /*width: 97.91666667vw !important;*/
    position: relative;
  }
  .product-image-container .slick-track,
  .product-image-container .slick-list {
    min-height: 400px;
    height: auto;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: stretch;
  }
  .slick-active .product-main-image {
    visibility: visible;
    display: block !important;
  }
}
.product-quick-view .product-photos {
  margin-top: 0 !important;
}
.product-quick-view #thumbnail-gallery {
  padding-top: 10px;
}
.product-quick-view #thumbnail-gallery .product-thumbnail {
  width: 15%;
  float: left;
  margin-right: 5px;
}
.product-quick-view #thumbnail-gallery .product-thumbnail.selected {
  border: 1px solid #e5e5e5;
}
.product-quick-view .thumbnails.all {
  float: left;
  display: inline-block;
}
.product-quick-view .thumbnails.all a {
  margin-top: 50%;
  display: block;
  font-style: italic;
  text-decoration: underline;
  font-size: 14px;
}
.gridlock .product-quick-view #product-content.row:after {
  content: unset !important;
}
/* CSS */
#shopify-section-scrolling-announcements {
    display: none;
}
.desktop-6.mobile-3.tablet-2.videoWrapper {
    margin-bottom: 20px;
}
.team .caption-contents {
    margin-top: 20px;
}
/* Text Slide CSS */
.text-slideshow-section {
    padding-top: 20px;
}
.owl-item.active {
    background-color: transparent;
}
.owl-theme .owl-dots .owl-dot {
    background-color: transparent;
}
.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {
    background: #f5a623 !important;
}
.owl-theme .owl-dots .owl-dot span {
    background: #ecbe72 !important;
}
span.subscription-btn.cta {
    text-align: center;
    width: 100%;
    margin-top: 0;
    margin-bottom: 20px;
}
/****** FORM CSS ***********/

.work-with-us h3 {
    margin: 30px 0;
    text-align: center;
    position: relative;
    padding-bottom: 10px;
}
.work-with-us h3 {
    margin: 30px 0;
    text-align: center;
}
.work-with-us h3:after {
    position: absolute;
    background-color: #000;
    left: 50%;
    bottom: 0;
    width: 100px;
    height: 2px;
    content: '';
    transform: translate(-50%, -50%);
}
.work-with-us .checkbox-group label {
    display: inline;
    position: absolute;
    margin-top: 11px;
    margin-left: 10px;
}
.work-with-us .fb-checkbox.form-group label {
    margin-top: 11px;
    margin-left: 10px;
}
.work-with-us .radio-group label {
    position: absolute;
    margin-top: 11px;
    margin-left: 10px;
}
.work-with-us select {
    padding: 10px 10px;
}
.work-with-us .fb-file.form-group input {
    display: flex;
    padding: 12px 10px;
}
.work-with-us .fb-checkbox.form-group.field-checkbox-1574765773973 label.fb-checkbox-label {
    position: absolute;
}

/*================ Custom Css ===============*/

header.scrollheader {
    background: #f8f8f8;
}
.top-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
}
.top-header ul#cart{
  padding-top: 0;
}
.top-header .logo-center a{
  display: flex;
}
.top-header-outer {
    border-bottom: 1px solid #C0C0C0;
}
.logo-icon {
    width: 22%;
}
.cart-sec {
    width: 22%;
}
.top-header-outer ul#cart li a i {
    color: #2E2D2F;
}
.bottom-header-outer ul#main-nav li {
      margin: 0 30px;
      line-height: normal;
}
.bottom-header-outer {
    /*padding-top: 17px;
    padding-bottom: 14px;*/
    line-height: normal;
}
.bottom-header ul#main-nav > li {
    padding-top: 17px;
    padding-bottom: 14px;
    position: relative;
}
.bottom-header-outer ul#main-nav li a {
  color: #2E2D2F !important;
  padding-right: 0 !important;
  /*margin-right: 115px !important;*/
}
.bottom-header-outer ul#main-nav{
  text-align: center !important;
      padding: 0 !important;
}
ul#main-nav li a {
    text-transform: uppercase;
}
.nav-container ul#cart li a {
    font-size: 16px;
}
span.CartCount{
  position: relative;
  margin-right: 12px;
}
span.CartCount span {
    display: flex;
    background: #47414B;
    padding: 5px;
    border-radius: 50%;
    height: 15px;
    width: 15px;
    font-size: 10px !important;
    position: absolute;
    top: -8px;
    right: 0;
    align-items: center;
    justify-content: center;
    color: #fff;
}
.cart-out-sec{
  position: relative;
}
/*.topbar{
  background: #6A656B !important;
}*/
@media screen and (max-width: 980px){
  .logo-des{
    display: none;
  }
  .logo-cente.mobile-logo-header{
    display: inline-flex !important;
  }
  .logo-cente.mobile-logo-header img {
    max-width: 180px;
    width: auto;
}
  .logo-center{
    display: none;
  }
  .top-header ul#cart{
    display: none;
  }
  .cart-sec {
    width: auto !important;
    text-align: right;
  }
  .logo-icon{
    width: auto !important;
  }
  .top-header span.shifter-handle{
    margin-left: 0 !important;
  }
  .top-header-outer {
    padding-top: 17px !important;
    padding-bottom: 22px !important;
  }
}

/*================ Blog Css ===============*/

.blog-new-sidebar li {
    list-style: none;
    padding-bottom: 5px;
}
i.la.la-rss.la-2x {
    display: none;
}
.blog-new-sidebar h4 {
    position: relative;
    padding-bottom: 10px;
}
.blog-new-sidebar h4:after {
    position: absolute;
    content: '';
    left: 0;
    background-color: #000;
    width: 70px;
    height: 2px;
    bottom: 0;
}
ul.nex-prev-btn {
    position: relative;
    width: 100%;
    list-style: none;
}
li.next_article {
    float: right;
}
li.Pre_article {
   position: relative;
    display: inline;
    width: 40%;
    float: left;
}
li.next_article {
    position: relative;
    display: inline;
    width: 40%;
    float: right;
}
ul.nex-prev-btn li a {
    color: #d80000;
}
#shopify-section-product-recommendations h4 {
    text-transform: uppercase;
    font-size: 20px;
    position:relative;
}
#shopify-section-product-recommendations h4:after {
    position: absolute;
    content: "";
    width: 150px! important;
    height: 2px! important;
    background: #000000;
    visibility: visible! important;
    left: 50%;
    margin-left: -75px;
    bottom: 0;
}
.product-qty.selector-wrapper {
    margin-top: 10px;
      max-width: 350px;
}
ul.filter-lists.sidebar-menus li.filter-top-menus {
    background-color: #fff;
    margin-bottom: 0;
    padding: 10px 5px;
    text-transform: uppercase;
    border-bottom: 1px solid #ddd;
    font-weight: 600;
}
#sidebar .extend {
   background-color: #fff;
    margin-bottom: 0;
    padding: 10px 5px;
    text-transform: uppercase;
    border-bottom: 1px solid #ddd;
    font-weight: 600;
}
.product-loop .box-ratio{
  padding-bottom: 110% !important;
}
label.rc_label__deliver_every {
    padding: 8px 0 0 0;
}

#prod-4397336789074 .price {
    display: none !important;
}
#prod-4397336789074 .price {
    display: block !important;
}
div#prod-4397336789074 .prod-price {
  display: none;
}
div#prod-4397336789074 .product_listing_options {
  display: none;
}
select.subcoffee,
.subscription_widget select{
  line-height: 30px;
  width: 100%;
  /*height: 40px;
  background-color: #fafafa;*/

}
.coffee-product-details select.subcoffee,
.subscription_widget select,
.rc_select__frequency {
  padding: 0;
  line-height: 30px;
  width: 85%;
  max-width: 350px;
  /*height: 40px;
  background-color: #fafafa;*/
}
.rc_select__frequency { max-width: 215px; }
.coffee-qty{
  line-height: 30px;
  height: 40px;
  background-color: #fafafa;
}
select.rc_select {
  display: block !important;
}
div.rc_block__type {
    padding: 0 !important;
}
span.rc_label__delivery {
    padding-right: 4px;
}
label.rc_label.rc_label__deliver_every {
    width: 100%;
    float: left;
    position: relative;
    padding: 0;
}
.coffee-title {
    float: left;
}
.coffee-title {
  position: relative;
}
.coffee-title h1:after, .coffee-title h2:after  {
    position: absolute;
    content: "";
    width: 150px! important;
    height: 2px! important;
    background: #000000;
    visibility: visible! important;
    left:0;
    bottom: 10px;
}
.coffee-title {
    width: 100%;
    border-bottom: 0;
    padding: 0 0 15px;
    margin-bottom: 20px;
    text-transform: uppercase;
}
.coffee-subs-product:first-child {
    display: block;
}
.coffee-subs-product {
    display: none;
}
select.subcoffee,
select.bagsize,
.subscription_widget select{
    cursor: pointer;
    color: #2E2D2F;
    font-size: 13px !important;
    letter-spacing: 0.78px;
    line-height: 15px;
    font-weight: 500;
    /* font-family: Raleway,sans-serif!important; */
    padding: 15px;
    border: 0.5px solid #2e2d2f;
    margin-bottom: 18px;

}

.coffee-product-details select.subcoffee,
select.bagsize,
.subscription_widget select,
.rc_select__frequency{
  padding: 13px;
}

@media screen and (min-width: 768px){
  .product_listing_options select{ max-width: 148px; }
}


.coffee-gift .box-ratio {
    padding-bottom: 100% !important;
}
div#dynamic-checkout-cart {
    margin-bottom: 20px;
}
/*================================== CSS  [Sk] ====================================*/

.collection-page-collection-gift-certificates .coffee-title h1:after {
    width: 15%;
    text-align: center;
    margin: 0 auto;
    display: table;
    left: 42%;
}
.collection-page-collection-coffee-subscription .coffee-title h1:after {
    width: 15%;
    text-align: center;
    margin: 0 auto;
    display: table;
    left: 7%;
}
/*================================== Responsive  [Sk] ====================================*/
@media screen and (max-width: 480px){
.coffee-title h1 {
    font-size: 14px;
}
  .collection-page-collection-gift-certificates .coffee-title h1:after ,
   .collection-page-collection-coffee-subscription .coffee-title h1:after 
  {
    display:none;
  }
  
}

@media screen and (max-width: 740px){
.footer-menu h4:after{
  display:none;
}
  #shopify-section-product-template .grid_wrapper {
    grid-column-gap: 20px;
}
div#blogg-filters {
    width: 15em;
    padding-left: 15px;
}
  #shopify-section-collection-page-template #collection-filters {
    width: 15em;
}
.collection-page-collection-coffee-subscription .coffee-title h1 {
    text-align: center;
}  
}
@media screen and (min-width: 481px) and (max-width: 640px) { 
.collection-page-collection-coffee-subscription .coffee-title h1:after {
    left: 33%;
}  
}
@media screen and (min-width: 641px) and (max-width: 740px) { 
.collection-page-collection-coffee-subscription .coffee-title h1:after {
    left: 38%;
}  
}
@media screen and (max-width: 980px){  
#shopify-section-header .span-3 {
    grid-column: auto / span 1 !important;
}
}
@media screen and (max-width: 739px){  
.Mob_ile_hidee{
  display: none !important;
}
} 
@media screen and (min-width: 741px){
.desktop-sidebar #sidebar {
    display: block !important;
}
  .Desk_top_hidee {
    display: none !important;
}

}
@media screen and (max-width: 768px){
  .slider_outer .prevArrow{
    left: 0;
  }
  .slider_outer .nextArrow{
      right: -9px;
  }

  .gift-image1 img{
    width: 100%;
  }
  
  .coffee-product-details select.subcoffee, 
  .subscription_widget select{ 
    width: 100%;
    max-width: 100%;
  }
  .product-qty.selector-wrapper {
    margin-top: 10px;
    max-width: 100%;
}
  .coffee-product-details .add {
    max-width: 100% !important;
}
}
@media screen and (max-width: 740px){
  .gift_card .row{
    display: flex;
    justify-content: revert;
    flex-wrap: wrap-reverse!important;
  }
}
@media screen and (min-width: 741px) and (max-width: 979px) { 
#shopify-section-1573737880569 .homepage-promo.promo-1573737880569-2 .promo-inner .caption-content {
    bottom: 5% !important;
}
#shopify-section-1573737880569 .homepage-promo {
    margin-bottom: 18px;
}
    #shopify-section-1573293308253 .text-with-image.contained {
    grid-column: auto / span 6 !important;
}
  #shopify-section-1573293308253 .text-with-image.text_section {
    grid-column: auto / span 6 !important;
}
.collection-page-collection-gift-certificates .desktop-sidebar.span-3 {
    grid-column: auto / span 3 !important;
} 
 .collection-page-collection-gift-certificates .desktop-9.gift-span-9 {
    grid-column: auto / span 9 !important;
}
  .collection-page-collection-coffee-subscription .desktop-sidebar.span-3 {
    grid-column: auto / span 3 !important;
}
  .collection-page-collection-coffee-subscription .desktop-9.span-9 {
    grid-column: auto / span 9 !important;
}
  .gift_cer {
    grid-column: auto / span 9 !important;
}
  .shop_coll {
    grid-column: auto / span 9 !important;
}
}
@media screen and (min-width: 741px) and (max-width: 1199px) {
li#slide--1559067219938-1 .flex-caption.slide-1559067219938-1 {
    left: 30%;
}
li#slide--1573735060538 .flex-caption.slide-1573735060538 {
    left: 30%;
}
li#slide--1573737365842 .flex-caption.slide-1573737365842 {
    left: 30%;  
}
  #footer .contained.footer-menu {
    width: 20% !important;
}
  #shopify-section-collection-page-template .desktop-sidebar.span-3 {
    grid-column: auto / span 4 !important;
} 
#shopify-section-collection-page-template .span-9 {
    grid-column: auto / span 8 !important;
}
}
.award_section_inner{
   display: flex;
   flex-wrap: wrap;
   justify-content: space-evenly;
   margin-bottom: 50px;
   align-items: center;
}
.left_image_inner, .right_content_inner{
   width: 45%;
}
.left_image_inner {
   text-align: center;
}
.left_image_inner img{
   width: 50%;
}
.award_header{
   text-align: center;
   margin: 30px 0;
}
.award_header h1{
   padding-bottom: 5px;
   margin-bottom: 50px;
   position: relative;
   font-weight: 300;
   /* font-family: 'Raleway'; */

}
.award_header h1:after{
  position: absolute;
  content: "";
  width: 150px! important;
  height: 2px! important;
  background: #000000;
  visibility: visible! important;
  left: 50%;
  margin-left: -75px;
  bottom: 0px;
}
.award_section_outer .award_section_inner:nth-child(2n+1) {
    flex-direction: row-reverse;
}
.page-center{
   width: 1170px;
   margin: 0 auto;
}
.right_content_inner a {
    padding-bottom: 5px;
    border-bottom: 1px solid;
}
.page.award div#content {
    margin-bottom: 0 !important;
}

/*New site*/
body{
    /* font-family: 'Raleway', sans-serif !important; */
}

.container{
    max-width: 1180px;
    max-width: 1180px;
    margin: auto;
}
.h-ban-sec .banner-contents {
    position: relative;
    background-size: cover !important;
    background-attachment: fixed;
    background-position: center; /* Ensures the image is centered */
    background-repeat: no-repeat !important;
    height: 768px; /* Fixed height */
    width: 1920px; /* Fixed width */
    object-fit: cover;
    margin: 0 auto; /* Centers the banner if applicable */
}
/*.banner-slider .slick-track {
    -webkit-transform: translateZ(0) !important;
}*/
/*.banner-slider-image {
    height: 500px;
}*/
.h-ban-sec .banner-contents .slider-con-inner{
  width: 51%;
      position: relative;
      
/*        position: absolute;
    top: 0;*/
}
.h-ban-sec .banner-contents h1{
    font-size: 53px;
    line-height: 60px;
    color: #fff;
    font-weight: 400;
    /* font-family: "Athelas W02 Regular"; */
    transform: translate3d(0,-100px,0);
  opacity: 0; 
}
.container.arrow-sec {
    position: relative;
}
.h-ban-sec .banner-contents p{
    font-size: 20px;
    font-weight: 500;
    line-height: 32px;
    color: #fff;
    transform: translate3d(0,-100px,0);  
  opacity: 0; 
}


.h-ban-sec.loaded .banner-contents h1{ opacity: 1; transform: translateZ(0); transition: all 1.5s linear; }
.h-ban-sec.loaded .banner-contents p{ opacity: 1; transform: translateZ(0); transition: all 1.7s linear; }


.h-ban-sec .banner-contents .banner-cta{
    padding-top: 500px;
    padding-bottom: 30px;
}

.h-ban-sec .banner-contents .banner-cta a{
    padding: 20px 42px;
    /*background-color: #fff;*/
    font-size: 17px;
    font-weight: 500;
    line-height: 20px;
    /*color: #2E2D2F;*/
    text-decoration: none;
    height: auto;
    transition: 0.5s;
    text-transform: uppercase !important;
}
.h-ban-sec .banner-contents .banner-cta a:hover {
    background: transparent !important;
    color: #fff !important;
    transition: 0.5s;
    border: 1px solid #fff;
}


.h-ban-sec .banner-slider .slick-arrow{
    position: absolute;
    bottom: 65px;
    width: 37px !important;
    height: 20px !important;
    cursor: pointer;
}
.h-ban-sec .banner-slider .slick-arrow.slick-prev{
    /*background: url('//mudhouse.com/cdn/shop/t/38/assets/left-arrow_1024x1024.png?v=145775987137610062521759473422');*/
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    left: 0;
}
section.homepage-newsletter .newsletter__input{
  background: #fff !important;
  height: 55px;
  margin-right: 10px;
}
section.homepage-newsletter .newsletter__submit{
  background: transparent !important;
  height: 55px;
  border: 2px solid #fff;
  width:  24%;
}
.h-ban-sec .banner-slider .slick-arrow.slick-next{
    /*background: url('//mudhouse.com/cdn/shop/t/38/assets/right-arrow_1024x1024.png?v=179020773007020276081759473422');*/
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    right: 0;
}
.mud-list-sec{
    padding: 50px 0px;
}
.mud-list-sec h3{
    font-size: 25px;
    color: #2E2D2F;
    font-weight: 600;
    line-height: 30px;
    text-align: center;
    text-transform: uppercase;
}
.mud-name p a {
    font-size: 18px;
    font-weight: 500;
    color: #2E2D2F;
    min-height: 46.6px;
    display: inline-block;
}
.mud-list{
    padding-top: 10px;
    padding-bottom: 90px;
}
.gift_page_image .box-ratio, .giftpage .box-ratio {
    text-align: center;
}
.gift_page_image{
  text-align: center;
}
.mud-list .mud-pro .mud-det{
    text-align: center;
    padding-top: 0px;
}
.mud-list .mud-pro .mud-det .mud-name p{
    font-size: 18px;
    font-weight: 500;
    color: #2E2D2F;
    margin-bottom: 3px;
}
.mud-list .slick-arrow,
.reco-outer .slick-arrow{
    position: absolute;
    top: 45%;
    width: 30px;
    height: 30px;
    cursor: pointer;
}
.reco-outer .slick-arrow{
  top: 32% !important;
}
.mud-list .slick-arrow.slick-prev,
.reco-outer .slick-arrow.slick-prev{
    background: url('//mudhouse.com/cdn/shop/t/38/assets/lt-arrow_1024x1024.png?v=69566237632927264561759473422');
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    left: 0;
    z-index: 99;
}
.slick-next-sec {
    right: 0;
    z-index: 99;
}
.slick-prev-sec {
    z-index: 99;
}
.mud-list .slick-arrow.slick-next,
.reco-outer .slick-arrow.slick-next{
    background: url('//mudhouse.com/cdn/shop/t/38/assets/rt-arrow_1024x1024.png?v=136059574309612843681759473422');
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    right: 0;
    z-index: 99;
}
.mud-list .mud-pro .mud-det .mud-cat{
    font-size: 12px;
    font-weight: 500;
    /*color: rgb(46 45 47 / 52%);*/
    padding: 10px 0 0;
    margin-bottom: 0;
    padding-top: 0;
    color: #969696;
    opacity: 51%;
}
.mud-list .mud-pro .mud-det .mud-cat .sep:first-child{
  display: none;
}
.mud-cat p{
  font-size: 14px;
  font-weight: 500;
  color: rgb(46 45 47 / 52%);
  margin:0px;
  padding: 10px 0px;
  text-align: center;
}
#shopify-section-product-recommendations .mud-name p{
  margin-bottom: 3px; 
}
#shopify-section-product-recommendations .mud-cat p{
  font-size: 14px;
  font-weight: 500;
  color: rgb(46 45 47 / 52%);
  margin:0px;
 padding: 0px;
  text-align: center;
  margin:0px;
}
.mud-list .mud-pro .mud-det .mud-price p{
    font-size: 18px;
    font-weight: 700;
    color: #2E2D2F;
}
.list-cta a{
    padding: 17px 50px;
    background: #2E2D2F;
    color: #fff;
    text-decoration: none;
    transition: 0.5s;
    display: inline-block;
    font-size: 17px;
    font-weight: 500;
}
.list-cta{
    text-align: center;
}
.layout-sec .layout-col{
    display: flex;
    justify-content: space-between;
    height: 100%;
    box-sizing: border-box;
    position: relative;

}
.layout-sec .layout-col .img-col,
.layout-sec .layout-col .content-col{
    width: 50%;
}
.layout-sec .layout-col .img-col img{
    height: 100%;
    width: 100%;
    object-fit: cover;
    object-position: center;
}
.layout-sec01 .img-col {
    min-height: 600px;
    background-repeat: no-repeat !important;
    background-size: cover !important;
    background-attachment: fixed !important;
    background-position: center !important;
     -webkit-background-size: cover !important;
    -moz-background-size: cover !important;
    -o-background-size: cover!important;
    background-size: cover;
}
.layout-sec02 .img-col {
    min-height: 600px;
    height: auto;
    background-repeat: no-repeat !important;
    background-size: cover !important;
    background-attachment: fixed !important;
    background-position: left !important;
}
.layout-sec01 .layout-col .content-col{
    padding-top: 64px;
    padding-bottom: 76px;
    background: #EBEBEB;
    padding-left: 90px;
    display: flex;
    align-items: center;
    padding-right: 50px;
}
.layout-sec01 .layout-col .content-col .cta{
  margin-bottom: 0;
}
.layout-sec01 .layout-col .content-col .text-content h2{
    font-size: 34px;
    font-weight: 400;
    color: #2E2D2F;
    line-height: 45px;
    /* font-family: "Athelas W02 Regular"; */
}
.layout-sec01 .layout-col .content-col .text-content p{
    color: #2E2D2F; 
    font-size: 22px;
    line-height: 32px;
    padding-bottom: 19px;
    margin-bottom: 0 !important;
    font-weight: 400;
}
.layout-sec .layout-col .content-col .text-content{
    position: relative;
    z-index: 1;
}
/* .layout-sec01 .layout-col .content-col .text-content .cta a{
    padding: 20px 35px;
    background: transparent;
    border: 1px solid #707070;
    text-decoration: none;
    color: #2E2D2F;
    font-size: 17px;
    font-weight: 500;
    height: auto;
    line-height: initial;
    transition: .5s;
} */
/* .layout-sec01 .layout-col .content-col .text-content .cta a:hover{
    background: #fff!important;
    color: #000!important;
    transition: .5s;
} */
.layout-sec02 .layout-col .content-col{
    padding-top: 64px;
    padding-bottom: 72px;
    position: relative;
    /* background-color: #D80A0A; */
    z-index: 1;
    padding-left: 80px;
    padding-right: 150px;
        display: flex;
    align-items: center;

}
.layout-sec02 .layout-col .content-col h3{
    color: #FFF;
    /* font-family: Spectral; */
    font-size: 34px;
    font-style: normal;
    font-weight: 400;
    line-height: 45px; /* 137.778% */
}
.layout-sec02 .layout-col .content-col p{
    color: #FFF;
    /* font-family: Raleway; */
    font-size: 22px;
    font-style: normal;
    font-weight: 400;
    line-height: 32px; /* 145.455% */
    padding-bottom: 0 !important;
    margin-bottom: 15px !important;
}
.layout-sec02 .layout-col .content-col p{
  margin-bottom: 0 !important;
}
/* .layout-sec02 .layout-col .content-col:before{
    position: absolute;
    content: '';
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-size: cover;
    background-position: right;
    background-repeat: no-repeat;
    background: url('//mudhouse.com/cdn/shop/t/38/assets/mask.png?v=82743846478832058841759473422');
    z-index: 0;
} */
.layout-sec02 .layout-col .content-col .text-content .cta{
  margin-bottom: 0;
  margin-top: 57px !important;
  margin-right: 0 !important;
}
.layout-sec02 .layout-col .content-col .text-content .cta a{
    padding: 20px 21px 17px 21px;
    /* background: transparent; */
    /* border: 1px solid #fff; */
    text-decoration: none;
    /* color: #fff; */
    text-align: center;
    /* font-family: Raleway; */
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    letter-spacing: 0.36px;
    text-transform: uppercase;
    height: auto !important;
}
/* .layout-sec02 .layout-col .content-col .text-content .cta a:hover{
  background: #000 !important;
  border: 1px solid #000 !important;
} */
.layout-sec02 .layout-col .content-col .text-content .cta{

}
.form-sec{
    padding-bottom: 35px;
    padding-top: 30px;
    background: #2E2D2F;
    color: #fff;
    text-align: center;

}
.form-sec h3{
    font-size: 25px;
    font-weight: 500;
    line-height: 30px;
    padding-bottom: 15px;
}
.form-sec p{
    font-size: 18px;
    font-weight: 400;
    line-height: 26px;
}
.form-sec .form-head{
    width: 50%;
    margin: auto;
}
.form-sec .sign-form form{
    display: flex;
    justify-content: center;
    align-items: center;
}
.form-sec .sign-form form input{
    padding: 20px 25px;
    background: #fff;
    margin-right: 10px;
    width: 290px;
    border: none;
    outline: none;
}
.form-sec .sign-form{
    padding-top: 35px;
}
.form-sec .sign-form form button{
    background: transparent;
    outline: none;
    border: 2px solid #fff;
    text-decoration: none;
    cursor: pointer;
    padding: 20px 25px;
    color: #fff;
}





.listing .list-items{
  display: flex;
}
.listing .sidemenu {
    width: 35%;
    padding: 100px 0px;
}
.listing .sidemenu ul li {
    list-style-type: none;
    padding: 10px 0px;
}
.listing  .sidemenu .sidemenu01 p{
  padding: 10px 0px;
}
.listing .sidemenu  ul li a{
      font-size: 14px;
    font-weight: 500;
    color: rgb(46 45 47 / 52%);
    padding: 10px 0px;
  text-decoration: none;
}
.listing  .product-details {
  display: grid;
    grid-template-columns: auto auto auto;
    grid-gap: 50px 0px;
    padding-bottom: 95px;
}
.listing .product-details .products {

    text-align: center;
}
.listing .listing-inner .heading {
    padding: 40px 0px;
    text-align: center;
    border-bottom: 1px solid #cccccc;
}
.listing  .products .productname p {
    font-size: 18px;
    font-weight: 500;
    color: #2E2D2F;
}
.list-items .sidemenu .list01 ul li.active {
    position: relative;
    width: fit-content;
}
.list-items .sidemenu .list01 ul li.active:before {
    position: absolute;
    content: '';
    width: 20px;
    height: 2px;
    top: 0;
    bottom: 0;
    margin: auto;
    right: -80%;
    background-color: #E24C4C;
}

.list-items .sidemenu01 {
    padding-top: 35px;
}
.listing  .products  .productprice p {
    font-size: 18px;
    font-weight: 700;
    color: #2E2D2F;
}
.listing  .sidemenu p {
    font-size: 14px;
    font-weight: 700;
    color: #2E2D2F;
}
.listing .listing-inner .heading p {
    font-size: 21px;
    font-weight: 500;
        color: rgb(46 45 47 / 52%);
}

.listing .products .subname p {
    font-size: 14px;
    font-weight: 500;
    color: rgb(46 45 47 / 52%);
    padding: 10px 0px;
}
.sortby {
    display: flex;
    align-items: flex-end;
    justify-content: flex-end;
}
.sortby select {
    border: none;
    font-size: 14px;
    font-weight: bold;
    /* font-family: 'Raleway'; */
    color: #2E2D2F;
    margin-top: 15px;
    padding: 0px 60px;
}
select#categoryFilter:focus {
    outline: none;
}
.text-icons .imgtext{
    display: flex;
    justify-content: center;
    grid-gap: 35px 85px;
    align-items: center;
}
.text-icons .icons {
  display: flex;
  flex-wrap: nowrap !important;
  justify-content: space-between;
  align-items: center;
  gap: 49.28px !important;
  /* overflow-x: auto; */
  /* padding: 1rem 0; */
}

.text-icons .icons span {
  flex: 1 1 auto;
  text-align: center;
}

.text-icons .icons img {
  max-width: 100%;
  height: auto;
  width: 100%; /* Ensures responsive scaling */
  max-height: 61px; /* Optional: adjust to fit your design */
  object-fit: contain;
}

.text-icons .imgtext .text h3 {
  color: #AD915A;
  /* font-family: Raleway; */
  font-size: 24px;
  font-style: normal;
  font-weight: 600;
  line-height: 35px; /* 176% */
  margin-bottom: 0 !important;
}
.listing .sidemenu p{
    font-size: 14px;
    font-weight: 700;
    color: #2E2D2F;
    padding-bottom: 10px;
}

.mob-sort-outer {
  display: flex;
  justify-content: end;
}
.sort-filter{
  position: initial;
}
.sort-filter .drop-down .selected{
  cursor: pointer;
}
.sort-filter .drop-down .selected a{

    border: none;
    text-decoration: none;
    border: none;
    font-size: 14px;
    font-weight: bold;
    /* font-family: 'Raleway'; */
    color: #2E2D2F;
    margin-top: 15px;
    padding: 0px 20px;
    pointer-events: none;
  cursor: default;
}

.sort-filter .drop-down .selected a span{
  cursor:pointer; 
  text-transform: uppercase;
  padding:5px;
}
.mud-list-no-add-to-cart form {
  display: none;
}
.sort-filter  .drop-down .option{
  position:relative; 
}

.sort-filter .drop-down .options ul{

  background: #fff none repeat scroll 0 0;
    display: none;
    list-style: none; 
    padding: 30px 11px;
    position: absolute;
    right: 0px;
    width: 250px;
    text-align: center;
    top: 32px;
    box-shadow: 0 3px 10px rgb(0 0 0 / 10%);
}

.sort-filter .drop-down .selected span.value, .drop-down .options span.value{
  display: none;
}

.sort-filter .drop-down .options ul li a{
  padding:5px; 
  display:block;
  text-decoration:none;
 
    color: rgb(46 45 47 / 80%);
  padding: 10px 0px;
}
.sort-filter .downarrow:before{

   font-family: FontAwesome ;
    content: "\f107";
    float: right;
    margin-right: 8px;

}

.sort-filter {
    margin-top: 15px;
    margin-bottom: 32px;
}


.sort-filter .filter{
    display: none;
}
.sort-filter .downarrow.class_two:before {
    /* font-family: FontAwesome ; */
    content: "\f106";
    float: right;
    margin-right: 8px;
}

 
.collection-page-collection-page-template .section-title:after{
  width: 75% !Important;
  right: 0;
  left: unset !important;
  background: #BCBCBC !Important;
  height: 1px !important;
  bottom: 60px !Important;
}
.collection-page-collection-page-template .section-title{
  padding-bottom: 72px !important;
}
.collection-page-collection-page-template .section-title h1{
  font-size: 21px !important;
  font-weight: 500 !important;
  color: rgb(46 45 47 / 53%) !important;
    padding-left: 320px;
}
 
.collection-page-collection-page-template .product-details h3{
  font-size: 18px !important;
    font-weight: 500 !important;
    color: #2E2D2F !important;
    text-align: center !important;
    /* font-family: Raleway,sans-serif; */
    min-height: 42px;
}
.collection-page-collection-page-template .price .prod-price{
  font-size: 18px !important;
    font-weight: 700 !important;
    color: #2E2D2F !important;
    text-align: center !important;
}
.collection-page-collection-page-template .filter ul.filter-lists.sidebar-menus li.filter-top-menus{
  border: none !important;
}
#sidebar .extended-submenu{
  border-bottom: none !important;
}
#sidebar .extend{
  border-bottom: none !important;
}

.collection-page-collection-page-template .collection-page-collection-page-template .filter ul.filter-lists.sidebar-menus li.filter-top-menus a{
   font-size: 14px !important;
    font-weight: 700 !important;
    color: #2E2D2F !important; 

}
.collection-page-collection-page-template .filter ul.filter-lists.sidebar-menus li.filter-top-menu a{
   font-size: 14px !important;
    /* font-family: Raleway,sans-serif!important; */
  font-weight: 500 !important;
  color: #858485!important;
  opacity: 58% !important;
    padding: 10px 0px !important;
}
.collection-page-collection-page-template .filter ul.filter-lists li a.act{
  position: relative;
}
.collection-page-collection-page-template .filter ul.filter-lists li a{
  font-size: 14px;
  /* font-family: Raleway,sans-serif!important; */
  font-weight: 700;
  color: #2E2D2F;
}
.collection-page-collection-page-template .filter ul.filter-lists.sidebar-menus li.filter-top-menu a{
  font-size: 14px;
  
}
.collection-page-collection-page-template .filter ul.filter-lists li a.act:after{
  content: "";
  width: 30px;
  height: 2px;
  background: #6A656B;
  position: absolute;
      top: 50%;
    margin-left: 10px;
}

/*footer*/
.mh-footer{
    background-color: #F5F5F5;
}
.mh-footer .footer-inner .menu {
    padding-top: 50px;
    
    padding-bottom: 35px;
    display: flex;
    justify-content: space-between;
}
.mh-footer .footer-inner .menu ul li{
    list-style-type: none;
}

.mh-footer .footer-inner .menu .menu-list ul li {

    padding: 10px 0px;
}
.mh-footer .footer-inner  {
    border-top: 0.5px solid #2E2D2F;
}
.mh-footer .footer-inner .menu .menu-head p{
    padding-bottom: 10px;
    color: #2E2D2F;
    font-size: 16px;
    font-weight: 500;
    color: #2E2D2F;
    margin-bottom: 0;
}
.mh-footer .social-icons ul li {
    padding: 10px 10px;
}
.mh-footer .social-icons ul {
    display: flex;
    padding: 10px 10px;
}

.mh-footer .logo-socialicons .logo img {
    display: block;
    margin: 0 auto;
    height: 110px;
}
.mh-footer .privacy-policy {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 25px 0px;
}
.mh-footer .privacy-policy p{

  font-size: 11px;
  font-weight: 600;
}
.mh-footer .footer-inner .menu .menu-list ul li {
    padding: 0px;
}
.mh-footer .footer-inner .menu ul li a {
    text-decoration: none;
    list-style-type: none;
    padding-bottom: 0px;
    color: #2E2D2F;

    font-size: 11px;
    font-weight: 300;
}
.footer-inner-sec {
    width: 75%;
    margin: 0 auto;
}

.mob-filter{
  display: none;
}
a#filtersButton {
    display: none;
}
.sort-filter{
      display: flex;
      margin-bottom: 42px;
      position: relative;
}
.mob-filter ul.filter-lists,
.mob-filter ul {
    /*text-align: center;*/
    /*padding-left: 0 !important;*/
}
.mob-filte li.extend.has_sub_menu {
    padding-left: 0 !important;
}
.mob-filter .filter {
    /*border-bottom: 1px solid #000 !important;*/
}

.jdgm-prev-badge {
    text-align: center;
    /*margin-bottom: 20px !important;*/
}
.jdgm-prev-badge__stars{
    margin-bottom: 5px;
    display: inline-block;
}
.jdgm-preview-badge .jdgm-star{
  /* color: #eabb2f !important; */
      font-size: 10px;
}
.collection-page-collection-page-template .mud-cat p{
  padding: 0;
  margin:  0;
}
.sort-filter .drop-down .options ul li a.activeSort {
    border-bottom: 1px solid #6A656B;
    display: inline-block;
}
.mob-filter.open .filter {
    position: absolute;
    top: -42px;
    box-shadow: 0 3px 10px rgb(0 0 0 / 10%);
}
ul.filter-lists.sidebar-menus ul.extended-submenu {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}
li.fb-icon a img {
    height: 20px;
}
.social-icons{
  margin-top: 20px;
}
section.homepage-newsletter h2 {
  color: #FFF !important;
  text-align: center;
  /* font-family: Spectral !important; */
  font-size: 45px;
  font-style: normal;
  font-weight: 400;
  line-height: 62px !important; /* 112.727% */
}

/*product-inner*/


ul.tabs-nav {
    display: flex;
    align-items: center;
    justify-content: center;
}
ul.tabs-nav li{
  list-style-type: none;
  margin: 0 20px;
}
.tab-inner-sec {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.tab-lt-sec {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    margin-bottom: 15px;
}
.tab-lt {
    width: 48%;
}
.tab-rt{
  width: 48%;
}
.tab-list-sec{
  max-width: 100% !important;
}
.tab-lt-sec .tab-sec {
    padding-right: 7px;
    width: 50%;
    text-align: right;
    font-weight: 700;
    /* font-family: "Athelas W02 Regular"; */
    font-size: 15px;
}
.tab-lt-sec .tab-sec-rt {
    padding-left: 7px;
    width: 50%;
    color: #6F6F6F;
    font-size: 15px;
    /* font-family: "Athelas W02 Regular"; */
}
.tab-rt p,
.read-more-com p{
  font-size: 15px;
  /* font-family: "Athelas W02 Regular"; */
  color: #2E2D2F;
  letter-spacing: 0.17px;
  margin-bottom: 20px;
}
.read-more-com{
  margin-bottom: 20px;
}
.tabs-stage{
  background-color: #F7F7F7;
  padding-top: 35px;
  padding-bottom: 45px;
}
ul.tabs-nav li.tab-active a span,
ul.tabs-nav li.tab-active a span svg,
ul.tabs-nav li.tab-active a span svg path {
    color: #6A656B !important;
    fill: #6A656B !important;
    font-weight: 600;
}
ul.tabs-nav li a {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    font-size: 13px;
    /* font-family: Raleway,sans-serif!important; */
    font-weight: 500;
    color: #2E2D2F;
    letter-spacing: 1.01px;
    line-height: 15px;
    text-transform: uppercase;
}
ul.tabs-nav li a span{
  width: 100%;
    text-align: center;
}
ul.tabs-nav li.tab-active  a span.icon-text{
  border-bottom: 2px solid #6A656B !important;
}
.tab-image-sec {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-gap: 22px;
    margin-top: 15px;
    padding-left: 160px;
}
.inner-read{
  padding-left: 160px;
  text-align: center;
  margin-top: 00px;
  display: block;
}
.readmore-text.inner-read {
    margin-top: 30px;
}
.tab-image-sec img{
  width: 100%;
  height: 298px;
  object-fit: cover;
}
.tab-img-title {
    font-size: 11px;
    color: #2E2D2F;
    letter-spacing: 0.66px;
    line-height: 13px;
    /* font-family: Raleway,sans-serif!important; */
}
.brew-inner {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.brew-inner .brew-lt {
    width: 33%;
    padding-left: 101px;
}
.brew-inner .brew-rt {
    width: 60%;
}
.brew-top-lt .brew-lt-tilt h4 {
    font-size: 15px;
    color: #2E2D2F;
    font-weight: 700;
    /* font-family: "Athelas W02 Regular"; */
    letter-spacing: 0.15px;
    line-height: 26px;
    margin-bottom: 3px;
}
.brew-des p{
  color: #6F6F6F;
  font-size: 14px;
  line-height: 19px;
  letter-spacing: 0.15px;
  /* font-family: "Athelas W02 Regular"; */
}
.brew-recomended-method .reco-title h4 {
    font-size: 15px;
    color: #2E2D2F;
    font-weight: 700;
    /* font-family: "Athelas W02 Regular"; */
    letter-spacing: 0.15px;
    line-height: 26px;
    margin-bottom: 3px;
    margin-top: 37px;
}
.reco-btn > a {
    border: 0.5px solid #707070;
    display: inline-flex;
    padding: 10px 35px;
    align-items: center;
}
.reco-btn>a span {
    display: inline-block;
    line-height: normal;
    /* font-family: "Athelas W02 Regular"; */
    font-size: 15px;
    font-weight: 500;
}
.reco-btn>a span svg{
  height: 30.378px;
  width: 20.252px;
  margin-right: 12px;
}
.reco-btn {
    margin-top: 10px;
}
.lt-alt-link {
    margin-top: 20px;
}
.lt-alt-link a {
  color: #2E2D2F;
  display: inline-block;
  font-size: 10px;
  letter-spacing: 0.6px;
  line-height: 11px;
  text-decoration: underline;
  /* font-family: Raleway,sans-serif!important; */
  font-weight: 500;
}
.shop-equip{
  margin-top: 40px;
}
.shop-equip a{
  background: #2E2D2F;
  color: #fff;
  text-transform: uppercase;
  font-size: 10px;
  letter-spacing: 0.6px;
  line-height: 11px;
  padding: 12px 22px;
  display: inline-block;
  /* font-family: Raleway,sans-serif!important; */
  font-weight: 500;
}
.brew-step-inner {
    display: flex;
    margin-bottom: 15px;
    flex-wrap: wrap;
}
.brew-step-inner .brew-step {
    padding-right: 10px;
    color: #6A656B;
    font-weight: 700;
    /* font-family: "Athelas W02 Regular"; */
    letter-spacing: 0.17px;
    line-height: 16px;
    width: 10%;
}

.brew-step-inner .step-des {
    margin-right: 15px;
    color: #2E2D2F;
    font-weight: 500;
    /* font-family: "Athelas W02 Regular"; */
    letter-spacing: 0.17px;
    line-height: 16px;
    width: 85%;
}
a.read-more-btn{
  color: #6A656B;
  font-size: 15px;
  letter-spacing: 0.17px;
  line-height: 22px;
  display: inline-block;
  text-decoration: underline;
  /* font-family: "Athelas W02 Regular"; */
  cursor: pointer;
}
.product-form .pro-inner-sec label {
  text-transform: uppercase;
  font-size: 13px;
  color: #888889;
  margin-top: 0px;
  letter-spacing: 1px;
}
/*.select.pro-inner-sec .selector-wrapper select {
    background: transparent;
    width: 25%;
    border: 1px solid #5d5d5e;
}*/
.product-form .select.pro-inner-sec .selector-wrapper select::-ms-expand {
    display: none;
}
.product-form .select.pro-inner-sec .selector-wrapper{
  width: 145px;
  overflow: hidden;
   border: 1px solid #5d5d5e;
  position: relative;
  padding: 0px 7px;
  letter-spacing: 1px;
  height: 48px;
  cursor: pointer;
  color:  #2e2d2f;
  font-weight: 300;
  letter-spacing: 1px;
}
/*.product-form .select.pro-inner-sec .selector-wrapper:after,
.product-form .select.pro-inner-sec .selector-wrapper:before{
  z-index: 9;
  content: '';
    position: absolute;
    top: 24px;
    width:8px;
    border: 1px solid #000;
    transition: all 0.3s;
    -webkit-transition: all 0.3s;
    cursor: pointer;
 }
 .product-form .select.pro-inner-sec .selector-wrapper:before{
      transform: rotateZ(45deg);
    -webkit-transform: rotateZ(45deg);
    right: 20px;
 }
 .product-form .select.pro-inner-sec .selector-wrapper:after{
      transform: rotateZ(-45deg);
    -webkit-transform: rotateZ(-45deg);
    right: 15px;
 }*/
.product-form .select.pro-inner-sec .selector-wrapper select{
  width: 165px;
  border: 0;
  position: relative;
  z-index: 9;
  background-color: #fff;
  margin-bottom: 0;
  cursor: pointer;
  color:  #2e2d2f;
  font-weight: 300;
  letter-spacing: 1px;

}
.product-description h1 {
    font-weight: 500;
}
.product-form .product-qty.selector-wrapper h5 {
  text-transform: uppercase;
  font-size: 13px;
  color: #888889;
  margin-top: 0px;
}
.product-form .product-qty.selector-wrapper a {
    border: 1px solid #5d5c5e;
    outline: none;
}
.product-form .product-qty.selector-wrapper a.downer.quantity-control-down {
    border-right: none;
}

.product-form .product-qty.selector-wrapper a.up.quantity-control-up {
    border-left: none;
}
.product-form .product-qty.selector-wrapper input{
   border: 1px solid #5d5c5e !important;
   border-left: none !important;
   border-right: none !important;
   outline: none;
   color: #2e2d2f;
   font-weight: 300;
   letter-spacing: 1px;
   border-radius: 0px;
   box-shadow: none !important;
     -webkit-appearance: none !important;
   -moz-appearance: none !important;

}
.product-form input#AddToCart{
  width: 200px;
  text-transform: uppercase;
  letter-spacing: 1px;
  margin-top: 30px;
}
.review-sec-inner {
    display: flex;
    position: absolute;
    bottom: -40px;
}
.review-sec-inner span:first-child{
  margin-right: 10px;
  color: #888889;
}
.review-sec-inner span:first-child,
.review-sec-inner .jdgm-prev-badge__text {
    font-weight: 400;
    font-size: 13px;
    line-height: 18px;
    color: #888889;
}
/*{
    transform: scale(1.1);
    transition: 1s;
}*/
.reco-outer{
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  grid-gap: 10px 20px;
  margin-top: 50px;
}
#shopify-section-product-recommendations h4{
  font-weight: 600;
}
#shopify-section-product-recommendations h4:after{
  display: none;

}
.image-sec-image img {
    width: 100%;
    height: 400px;
    object-fit: cover;
}
.titke-image-sec,
section.homepage-newsletter h2 {
    text-align: center;
}
.titke-image-sec p{
  position: relative;
  display: inline-block;
  /* font-family: "Athelas W02 Regular"; */
}
.titke-image-sec p:before{
  content: "";
  position: absolute;
  width: 30px;
  height: 1px;
  top: 12px;
  background: #000;
  left: -35px;
}
.share-icons {
    display: none !important;
}
.product-tag {
    color: #888;
    font-size: 13px;
}
.product-tag .sep:first-child{ display: none; }
div#breadcrumb,
div#breadcrumb a,
span.cat-bre {
    color: #888889 !important;
    font-size: 13px;
    /* font-family: Raleway,sans-serif!important; */
    font-weight: 400;
    line-height: 18px;
}
div#breadcrumb span.page-title {
    color: #000 !important;
    font-weight: 400;
    font-size: 13px;
    line-height: 18px;
}
/*giving back page*/
.container{
  max-width: 1170px;
  max-width: 1170px;
  margin: auto;
}
.banner-sec{
  padding-top: 309px;
  padding-bottom: 39px;
  text-align: center;
  /*background: url('../images/pexels-michael-burrows-7125626.png');*/
  background-position: center !important;
  background-size: cover !important;
  background-repeat: no-repeat !important;
  position: relative;
}
.banner-sec:before{
  position: absolute; 
  content: '';
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(46, 45, 47, 0.62);
}
.banner-sec h1,
.banner-sec h2{
  text-align: center;
  font-size: 40px;
  line-height: 45px;
   /* font-family: 'Athelas Regular'; */
  color: rgba(255, 255, 255, 1);
  text-shadow: 0px 3px 6px #00000029;
  position: relative;
  z-index: 1;
}
.tab-section #tabs-nav{
  padding-top: 60px;
  padding-bottom: 5px;
}
.tab-section .tabs-content{
  background-color: #F8F8F8;
  padding-top: 26px;
  padding-bottom: 32px;
}
.tab-section .slick-list{
  padding-right: 15%;
}
.tab-section .arrow-sec a.slick-arrow.slick-prev{
  right: 70px;
  position: absolute;
  width: 20px;
  cursor: pointer;
  top: 20px;
  cursor: pointer;
}
.tab-section .arrow-sec a.slick-arrow.slick-next{
  right: 30px;
  position: absolute;
  width: 20px;
  top: 20px;
  cursor: pointer;
}
.tab-section .tabs #tabs-nav{
  /*display: flex;*/
  list-style-type: none;
  /*max-width: 10000px;*/
  /*overflow-x: scroll;*/
  /*overflow-x: scroll;*/
}
.tab-section .tabs #tabs-nav li{
    /*flex: 0 0 400px;*/
    /*overflow-x: scroll;*/
    /*white-space: nowrap;*/
}
/*.tab-section .tabs #tabs-nav::-webkit-scrollbar {
  display: none;
}*/

/* Hide scrollbar for IE, Edge and Firefox */
.tab-section .tabs #tabs-nav {
  /*-ms-overflow-style: none;  /* IE and Edge */*/
  /*scrollbar-width: none;  /* Firefox */*/
}
.tab-section .tabs .tabber-head{
  margin-right: 30px;
}
.tab-section .tabs .tabber-head p{
  font-size: 15px;
  line-height: 18px;
  color: #2E2D2F;
  font-weight: 600;
  text-align: center;
  padding: 10px;
  background-color: #EBEBEB;
}
.tab-section .tabs li.active .tabber-head p{
  color: #FFFFFF;
  background-color: #6A656B;
      margin-top: -2px;

}
.tab-section .tabs .tabber-head .tab-img{
  height: 257px;

}
.tab-section .tabs .tabber-head .tab-img img{
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}

.right-list ul{
  list-style-type: none;
  margin-bottom: 0px;
}
.right-list ul li .step-cont{
  display: flex;
  padding: 2px 0px;
}
.right-list ul li p{
  font-size: 15px;  
  line-height: 16px;
  color: #2E2D2F;
    /* font-family: 'Athelas-Regular'; */
  
}
.right-list ul li .step-c{
  font-size: 15px;  
  line-height: 16px;
  font-weight: 700;
  color: #6A656B;
  padding-right: 11px;
  width: 10%;
  /* font-family: 'Athelas-bold'; */
}
.right-list ul li .step-c{
  width: 8%;
}
.right-list ul li .step-n{
  width: 90%;
}
.tab-section #tabs-content{
  padding-top: 27px;
  padding-bottom: 6px;
  background-color: #F8F8F8;
  margin-top: 26px;
}
.tab-section .step-text-contents .container{
  position: relative;
}
.tab-section .step-text-contents .container:before{
  position: absolute;
    content: '';
    left: 0px;
    top: 14px;
    width: 22px;
    background-color: #6A656B;
    height: 3px;
    z-index: 1;

}
.tab-section .tab-content{
  display: flex;
  justify-content: space-between;
}
.tab-section .tab-content .left-content{
  width: 35%; 
  position: relative;
  padding-left: 30px;
}

.tab-section .tab-content .right-list{
  width: 65%; 
  padding-top: 45px;
}
.tab-section .tab-content .left-content .icon.text {
    display: flex;
    align-items: center;
 }
 .tab-section .tab-content .left-content .icon.text .img-icon img {
    width: 23px;
    height: 33px;
}


 .tab-section .tab-content .left-content .icon.text h5{
  font-size: 18px;
  line-height: 21px;
  color: #2E2D2F;
  padding-left: 15px;
  font-weight: 600;
  margin: 0;
 }
 .tab-section .tab-content .left-content  h4,
 .tab-section .tab-content .right-list h4{
  color: #888889;
  font-size: 12px;
  line-height: 14px;
  padding: 17px 0px;
  font-weight: 500;
  margin-bottom: -4px;
 }
  .tab-section .tab-content .right-list h4{
    padding-top: 0px;
  }
  .tab-section .tab-content .left-content .ab-name p{
    color: #2E2D2F;
    font-size: 15px;
    line-height: 16px;
    /* font-family: 'Athelas-Regular'; */
    padding: 4px 0px;
  }
  .right-list ul li{
    padding-bottom: 15px;
  }
  .cta-section{
    padding-top: 55px;
    padding-bottom: 80px;
    text-align: center;
  }
  .cta-section a{
    background-color: #6A656B;
    padding: 16px 50px;
    color: #fff;
    font-weight: 500;
    font-size: 17px;
    display: inline-block;
  }
  .cta-section a:hover{
    background: #827C83;
      color: #FFFFFF;
  }


  /*Giving Back*/


  .giving-banner{
    /*background-image: url(../images/Givingbanner.png);*/
    height: 393px;
    background-position: center !important;
  background-size: cover !important;
  background-repeat: no-repeat !important;
  position: relative;

  color: #fff;
  }
  .giving-banner .banner-content{
  display: flex;
  align-items: flex-end;
  justify-content: center;
  height: 346px;
  position: relative;
  z-index: 1
  }
  .giving-banner .banner-content h1{
      font-size: 40px;
      line-height: 45px;
      /* font-family: "Athelas W02 Regular"; */
    }
    .giving-banner:before{
  position: absolute; 
  content: '';
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(46, 45, 47, 0.45);
}
.three-contents{
  padding-top: 80px;
  padding-bottom: 120px;
}
.three-contents .top-text{
  width: 51%;
  margin: 0 auto;
  text-align:center;
}
.three-contents .top-text p{
  font-size: 18px;
  line-height: 26px;
  /* font-family: 'Athelas W02 Regular'; */
}
.three-contents .listings {
  padding-top: 90px;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-gap: 70px 40px;

}
.three-contents .listings .listing-content .heading p{
    /* font-family: 'Raleway', sans-serif; */
    font-weight: 600;
    font-size: 18px;
    line-height: 21px;
    color: #2E2D2F;
    letter-spacing: 1.08px;
  min-height: 42px;
}
.three-contents .listings .listing-content .content .cause{
  margin-top: 18px;
  margin-bottom: 9px;
}
.three-contents .listings .listing-content .content .cause p{
    font-size: 12px;
    text-transform: uppercase;
    line-height: 14px;
    font-weight: 500;
    /* font-family: 'Raleway', sans-serif; */
    color: rgba(136, 136, 137, 1);
    letter-spacing: 0.72px;
}
.three-contents .listings .listing-content .content .inner-content{
  margin-bottom: 27px;
  min-height: 110px;
}
.three-contents .listings .listing-content .content .inner-content p{
  /* font-family: 'Athelas Regular'; */
  font-size: 14px;
  line-height: 22px;
  color: rgba(46, 45, 47, 1);
  
}
.three-contents .listings .links{
  display: flex;
  justify-content: space-between;
}
.three-contents .links .websit-link a{
  font-size: 14px;
  line-height: 22px;
  color: #6A656B;
  /* font-family: 'Athelas Bold'; */
  font-weight: bold;
  word-break: break-all;
}
.three-contents .links .readmore a{
  font-size: 8px;
  line-height: 10px;
  text-transform: uppercase;
  color: rgba(136, 136, 137, 1);
  text-decoration: underline;
  /* font-family: 'Raleway', sans-serif; */
  letter-spacing: 0.48px;
}
.popup.popupsec.fancybox-content {
    height: auto !important;
        cursor: initial;
}
div#vedio {
    width: 800px;
}
.three-contents .listings .popup-lists {
    padding: 20px;
    /*box-shadow: 0px 3px 6px rgb(0 0 0 / 6%);
    box-shadow: 0 1px 3px rgb(0 0 0 / 12%), 0 1px 2px rgb(0 0 0 / 24%);*/
    box-shadow: 0px 3px 6px #00000010;
}
.popup .popup-innerheading p{
    font-size: 22px;
    line-height: 26px;
    color: rgba(46, 45, 47, 1);
    font-weight: 600;
    /* font-family: Raleway,sans-serif!important; */
}
.popup .popup-inner  .cause1 p{
  font-size: 13px;
  text-transform: uppercase;
  line-height: 14px;
  font-weight: 500;
  /* font-family: 'Raleway', sans-serif; */
  color: rgba(136, 136, 137, 1);
  margin-top: 23px;
  margin-bottom: 10px;
}
.popup .popup-inner .website2{
  margin-bottom: 36px;

}
.popup .popup-inner .website2 a{
  font-size: 18px;
  line-height: 22px;
  color: rgba(46, 45, 47, 1);
  text-decoration: none;
  /* font-family: "Athelas W02 Regular"; */
  font-weight: 700;
  letter-spacing: 0.2px;
  
}
.popup .popup-inner .gallery{
  display: flex;
  flex-wrap: wrap;
}
.popup .popup-inner .gallery img {
  /*width: 23%;*/
}
.popup .popup-inner .gallery img {
    width: 100%;
    padding-bottom: 20px;
}
.popup .pop-inner-content p{
  font-size: 14px;
  line-height: 22px;
  color: rgba(46, 45, 47, 1);
  padding-bottom: 20px;
}
.form-sec{
    padding-bottom: 35px;
    padding-top: 30px;
    background: #2E2D2F;
    color: #fff;
    text-align: center;

}
.form-sec h3{
    font-size: 25px;
    font-weight: 500;
    line-height: 30px;
    padding-bottom: 15px;
}
.form-sec p{
    font-size: 18px;
    font-weight: 400;
    line-height: 26px;
}
.form-sec .form-head{
    width: 50%;
    margin: auto;
}
.form-sec .sign-form form{
    display: flex;
    justify-content: center;
    align-items: center;
}
.form-sec .sign-form form input{
    padding: 20px 25px;
    background: #fff;
    margin-right: 10px;
    width: 290px;
    border: none;
    outline: none;
}
.form-sec .sign-form{
    padding-top: 35px;
}
.form-sec .sign-form form button{
    background: transparent;
    outline: none;
    border: 2px solid #fff;
    text-decoration: none;
    cursor: pointer;
    padding: 20px 25px;
    color: #fff;
}


/*LEARN*/
.learn-accord .sec-inner .side-head p{
  font-size: 16px;
  font-weight: 800;
  color: #2E2D2F;
  line-height: 20px;
  border-bottom: 3px solid #6A656B;
  padding-bottom: 6px;
}
.learn-accord .accordion_container{
  width: 80%;
}
.learn-accord .accordion_head {
    background-color: transparent;
   padding-bottom: 30px;
  cursor: pointer; 
  /*border-bottom:1px solid rgb(150 150 151);*/
  display: flex;
  justify-content: space-between;
}
.learn-accord .acc-inner:last-child {
    margin-bottom: 0;
}
.learn-accord .acc-inner{
  border-bottom:1px solid rgb(150 150 151);
  margin-bottom: 30px;
} 
.learn-accord .accordion_head p{
   font-size: 17px;
    font-weight: 600;
    color: #2E2D2F;
    /* font-family: 'Raleway', sans-serif; */
    margin-bottom: 0;
    line-height: 20px;
    letter-spacing: 0.19px;
    padding-right: 50px;
}
.learn-accord .accordion_body p{
  /* font-family: 'Athelas Regular';  */
    color: #2E2D2F;
    font-size: 18px;
    line-height: 26px;
    padding-top: 2px;
    padding-bottom: 37px;
    padding-right: 85px;
    margin: 0px;
    letter-spacing: 0.2px;
}

.learn-accord .plusminus {
    height: 20px;
    width: 20px;
    font-size: 31px;
    font-weight: 500;
    color: #2E2D2F;
}
.learn-accord .sec-inner {
  padding: 72px 110px 80px 110px;
  display: flex;
  justify-content: space-between;
}
/*gift page*/
.gift-banner {
    height: 250px;
    background-position: center!important;
    background-size: cover!important;
    background-repeat: no-repeat!important;
    position: relative;
    color: #fff;
}
.gift-banner-con {
    display: flex;
    align-items: flex-end;
    justify-content: flex-end;
    /* height: 450px; */
    padding-top: 50px;
    flex-wrap: wrap;
}
.gift-title,
.gift-subtitle {
    width: 100%;
    text-align: center;
    position: relative;
    z-index: 9;
}
.gift-banner-con h2{
  font-size: 40px;
  color: #FFFFFF;
  line-height: 45px;
  /* font-family: "Athelas W02 Regular"; */
  margin-bottom: 15px;
}
.gift-banner-con p{
  /* font-family: Raleway,sans-serif!important; */
  font-size: 20px;
  letter-spacing: 0.14px;
  line-height: 32px;
  font-weight: 500;
}
.gift-banner-sec {
    width: 55%;
    margin: 0 auto;
}
.gift-sub-banner {
    background: #6A656B;
    padding: 30px;
}
.gift-sub-inner {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    align-items: center;
}
.gift-banner-img{
  width: 40%;

}
.gift-sub-banner-sec{
  width: 55%;
}
.gift-sub-title h2 {
    color: #fff;
    font-size: 45px;
    letter-spacing: 0.36px;
    font-weight: 600;
}
.gift-sub-title h2 {
    color: #fff;
    font-size: 45px;
    letter-spacing: 0.36px;
    font-weight: 600;
    /* font-family: Raleway,sans-serif!important; */
}
.gift-sub-title-sub p{
  font-size: 25px;
  letter-spacing: 0.28px;
  line-height: 32px;
  /* font-family: "Athelas W02 Regular"; */
  color: #fff;
}
.gift-sub-bottom {
    text-align: center;
    padding-top: 35px;
}
.gift-sub-bottom h5{
  font-size: 17px;
  line-height: 15px;
  letter-spacing: 0.78px;
  color: #FFFFFF;
  font-weight: 600;
    /* font-family: Raleway,sans-serif!important; */
    padding-bottom: 15px;
}
.click-here-sec a{
  font-size: 13px;
  line-height: 20px;
  letter-spacing: 1.02px;
  color: #FFFFFF;
  font-weight: 600;
  /* font-family: Raleway,sans-serif!important; */
      display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    cursor: pointer;
}
.click-here-sec a{
  opacity: 0.8;
}
.bottom-banner{
  background: #6A656B;
/*  padding-top: 48px;
  padding-bottom: 60px;*/
}
.bottom-title-gift h2 {
    color: #fff;
    font-size: 45px;
    letter-spacing: 0.36px;
    font-weight: 600;
    /* font-family: Raleway,sans-serif!important; */
    margin-bottom: 21px;
}
.gift-tab-section button.add-to-cart-btn,
.coffee-slider-outer button.add-to-cart-btn{
  display: none !important;
}
.bottom-gift-sub p{
  font-size: 25px;
  letter-spacing: 0.28px;
  line-height: 32px;
  /* font-family: "Athelas W02 Regular"; */
  color: #fff;
  margin-bottom: 25px;
}
.bottom-gift-btn a{
  display: inline-block;
  background: #fff;
  padding: 15px 35px;
  color: #4D4C58;
  text-align: center;
  /* font-family: Raleway; */
  font-size: 18px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  letter-spacing: 0.36px;
  text-transform: uppercase;
  text-transform: uppercase;
  transition: 0.5s;
}
.bottom-gift-btn a:hover{
  background-color: #ECECEC;
  transition: 0.5s;
}
.mud-list .prod-loc {
    text-align: center;
}
.mud-list .prod-loc a{
  font-size: 13px;
  color: #969696;
}
.news01 {
    min-height: 128px;
}
.coffee-slider-inner .slick-arrow.slick-prev,
.brewing-equipment .slick-arrow.slick-prev,
.mercendise .slick-arrow.slick-prev {
    background: url(//cdn.shopify.com/s/files/1/0593/7289/6440/t/4/assets/lt-arrow_small.png?v=6956623763292726456);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    left: -30px;
}
.coffee-slider-inner .slick-arrow.slick-next,
.brewing-equipment .slick-arrow.slick-next,
.mercendise .slick-arrow.slick-next {
    background: url(//cdn.shopify.com/s/files/1/0593/7289/6440/t/4/assets/rt-arrow_small.png?v=1360595…);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    right: -30px;
}
.coffee-slider-inner .slick-arrow,
.brewing-equipment .slick-arrow,
.mercendise .slick-arrow   {
    position: absolute;
    top: 45%;
    width: 30px;
    height: 30px;
    cursor: pointer;
}
.coffee-slider-inner .mud-det{
  text-align: center;
}
.coffee-slider-inner .prod-loc {
  display: none;
}
.bottom-gift-head h4{
  color: #2E2D2F;
  font-size: 25px;
  letter-spacing: 0.2px;
  text-transform: uppercase;
  line-height: 30px;
  margin-bottom: 55px;
  text-align: center;
  font-weight:600;
  /* font-family: Raleway,sans-serif!important; */
}
.cofee-slider-bottom{
  padding: 60px 0;
}

.gift-tab-section {
    padding: 60px 0;
}
.gift-tab-section ul.tabs-nav-gift {
    margin: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 50px;
}
.gift-tab-section ul.tabs-nav-gift li{
  list-style-type: none;
  margin: 0 20px;
  
}
.gift-tab-section ul.tabs-nav-gift li a{
  font-size: 21px;
  font-weight:600;
  /* font-family: Raleway,sans-serif!important; */
  line-height: 25px;
  letter-spacing: 1.6px;
  color: #2E2D2F;
}
.gift-tab-section li.tab-active a{
  font-weight:600;
  color: #6A656B !important;
  border-bottom: 3px solid #6A656B;
}
.brewing-equipment .mud-det,
.mercendise  .mud-det{
    text-align: center;
}
.brewing-equipment .mud-cat p,
.mercendise .mud-cat p{
  display: none;
}
.brewing-equipment .mud-price,
.mercendise .mud-price,
.coffee-slider-inner .mud-price{
  color: #2E2D2F;
  font-weight:700;
  /* font-family: Raleway,sans-serif!important; */
  font-size: 18px;
}
.brewing-equipment .mud-name p a,
.mercendise .mud-name p a,
.coffee-slider-inner .mud-name p a{
  color: #2E2D2F;
  font-weight:500;
  /* font-family: Raleway,sans-serif!important; */
  font-size: 18px;
    margin-top: 20px;
    display: inline-block;
}
.brewing-equipment .mud-price p,
.mercendise .mud-price p,
.coffee-slider-inner .mud-price p{
  font-size: 18px;
}
.brewing-equipment .slick-list,
.mercendise .slick-list,
.coffee-slider-inner .slick-list{

}
.brewing-equipment .mud-pro,
.mercendise .mud-pro,
.coffee-slider-inner .mud-pro,
.brewing-equipment .slick-slide,
.mercendise .slick-slide,
.coffee-slider-inner .slick-slide{
  margin: 0 10px;
}
.bottom-bnr-inner {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.bottom-banner-lt {
  width: 48%;
  height: 100%;
  padding-top: 48px;
  padding-bottom: 60px;
}
.rc-radio.rc-option__onetime.rc-option.rc_widget__option.rc_widget__option--onetime{
  grid-row: 1 / 2;
}
.bottom-banner-rt{
  width: 48%;
}
.bn-rt-sec {

  /*position: relative;*/
  height: 100%;
}
.bn-rt-sec img {

  width: 100%;
  height: 100%;
  object-fit: cover;


}
.click-con {
    background: #f7f7f7;
    
}
.gift-pro-sec {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    padding: 35px 150px 35px 100px;
}
.image-sec-click {
    width: 42%;
    display: flex;
}
.gift-pro-details{
   width: 45%;
}
.sub-nav p{
  color: #888889;
  font-size: 12px;
  letter-spacing: 0.72px;
  line-height: 14px;
  font-weight:500;
  /* font-family: Raleway,sans-serif!important; */
  text-transform: uppercase;
}
.product-details .prod-price span.money{
  font-size: 18px;
  font-weight: 700;
}
.prod-price span.money{
  color: #2E2D2F;
  font-size: 22px;
  letter-spacing: 1.32px;
  line-height: 26px;
  font-weight:500;
  /* font-family: Raleway,sans-serif!important; */
}
.collection-page-collection-page-template .mud-cat {
    font-size: 11px;
        font-weight: 500;
    padding: 10px 0 0;
    margin-bottom: 0;
    padding-top: 0;
    color: #2E2D2F81;
}
.collection-page-collection-page-template .mud-cat span.sep:first-child{
  display: none;
}
.coffee-product-details .product-details .product_listing_options{
  margin-top: 30px;
}
.coffee-product-details .product-details label{
  color: #888889;
  font-size: 12px;
  letter-spacing: 0.72px;
  line-height: 14px;
  font-weight:500;
  /* font-family: Raleway,sans-serif!important; */
  text-transform: uppercase;
  margin-bottom: 8px;
}
.how-it-work-pop a {
  text-decoration: underline;
    color: #2E2D2F;
    font-size: 13px;
    font-weight:500;
  /* font-family: Raleway,sans-serif!important; */
}
.how-it-work-pop a svg{
  fill: #2E2D2F;
}
.coffee-qty {
    border-color: #2E2D2F;
    width: 130px;
}
span.click-icon{
  width: 100%;
}
.click-here-sec a svg path{
  fill: transparent;
}
.click-here-sec a.active{
  background: transparent;
}
.click-here-sec a.active svg{
  transform: rotate(180deg);
}
.coffee-slider-inner .mud-cat p,
.coffee-slider-inner .mud-name p{
  padding: 0;
  margin-bottom: 0;
}
.gift-pop .heading p{
  color: #2E2D2F;
  font-size: 22px;
  letter-spacing: 1.32px;
  line-height: 26px;
  font-weight:600;
  /* font-family: Raleway,sans-serif!important; */
  
}
.gift-pop .pop-inner-content p{
  color: #2E2D2F;
  font-size: 14px;
  letter-spacing: 0.15px;
  line-height: 22px;
  /* font-family: "Athelas W02 Regular"; */
  
}
.click-here-sec a.active span.hide-click{
  display: none !important;
}
.coffee-product-details .downer, .coffee-product-details .up {
    border: 0.5px solid #2E2D2F;
    width: 40px;
}
.coffee-product-details .downer{
  border-right: none;
  font-size: 28px;
  color: #2e2d2f;
  font-weight: 400;
  height: 45px;
}
.coffee-product-details .up {
    border-left: none;
    font-size: 28PX;
    color: #2e2d2f;
    font-weight: 400;
    height: 45px;
}
.coffee-product-details input.product-quantity.get-qty{
  background: transparent;
  border: 0.5px solid #2E2D2F !important;
  border-left: none !important;
  border-right: none !important;
  color: #2E2D2F;
  font-weight: 400;
  /* font-family: Raleway,sans-serif!important; */
  font-size: 18px;
  letter-spacing: 1.08px;
  line-height: 21px;
  outline: none;
  border-radius: 0px;
  box-shadow: none;
  height: 45px;
}
.coffee-product-details input.product-quantity.get-qty:selection{
  background: transparent;
}
.coffee-product-details input.product-quantity.get-qty:focus {
  background: transparent;
  border: 0.5px solid #2E2D2F !important;
  border-left: none !important;
  border-right: none !important;
  color: #2E2D2F;
  font-weight: 300;
  /* font-family: Raleway,sans-serif!important; */
  font-size: 18px;
  letter-spacing: 1.08px;
  line-height: 21px;
  outline: none;
  box-shadow: none !important;
}
span.info-icon svg path,
span.info-icon svg circle{
  fill: #2e2d2f;
  stroke: transparent;
}
.how-it-work-pop span.info-icon svg{
  width: 15px;
  height: 15px;
  margin-right: 10px;
  position: relative;
  top: 3px;
}
.coffee-product-details .product-add {
    margin-top: 15px;
}
.coffee-product-details .add#AddToCart{
    padding: 18px 45px!important;
    color: #fff;
    font-weight: 500;
    /* font-family: Raleway,sans-serif!important; */
    font-size: 17px!important;
    letter-spacing: 1.02px;
    line-height: 20px !important;
    width: 210px !important;
    height: auto!important;
    max-width: inherit;
    background-color: #2e2d2f;
}

/*about*/
.watch-vedio {
    position: relative;
}
.banner-sec.about.banner a.watchvedio {
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 17px;
    line-height: 20px;
    color: #FFFFFF;
    font-weight: 700;
}
.banner-sec.about.banner a.watchvedio span{
  margin-left: 11px;
}
.banner-sec.about.banner h1 {
    width: 40%;
    margin: 0 auto;
    margin-bottom: 36px;
    text-align: center;
    font-size: 40px;
    line-height: 45px;
    /* font-family: 'Athelas Regular'; */
    color: rgba(255, 255, 255, 1);
    text-shadow: 0px 3px 6px #00000029;
    position: relative;
    z-index: 1;
}
.about-tab {
  padding-top: 90px;
}
.about-tab .tab-list ul.list01 {
    display: flex;
    justify-content: center;
    list-style: none;
    margin-bottom: 80px;
   
}
.about-tab .tab-list ul.list01 li a{
  /* padding: 0px 20px;*/
   color: #2E2D2F;
   font-size: 21px;
   line-height: 25px;
   /* font-family: 'Raleway', sans-serif; */
   font-weight: 500;
}
.about-tab .our-story{
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;

}
.about-tab .our-story:nth-child(even){
  flex-direction: row-reverse;
}
.about-tab .our-story .our-story-img{
  width:50%;
}

.about-tab .our-story .our-story-img img{
  width: 100%;
  display: block;
  height: 540px;
  object-fit: cover;
}
.about-tab .our-story .story{
  width: 50%;


}
.about-tab .our-story .story p{
  font-size: 18px;
  line-height: 26px;
  color: #2E2D2F;
  /* font-family: "Athelas W02 Regular"; */
  font-weight: 400;
  letter-spacing: 0.2px;
}
.about-tab .our-story .story .title {
    margin-bottom: 30px;
     padding-left: 0px;
}
.about-tab .our-story .story .title h2{
  font-size: 25px;
  line-height: 33px;
  /* font-family: 'Raleway', sans-serif; */
   font-weight: 600;
   letter-spacing: 0.2px;
}

.about-tab .our-story .story .content {
    padding-right: 0px;
}
.about-tab .our-story:last-child .story .content {
    padding-left: 0;
}
.story.left-padding{
  padding-right: 90px;
}
.story.right-padding{
  padding-left: 90px;
}
.about-tab .bottom-content{
  width: 47%;
  margin: 0 auto;
  padding-top: 55px;
  padding-bottom: 55px;
}
.about-tab .bottom-content p{
  font-size: 18px;
  line-height: 26px;
  text-align: center;
  color: #2E2D2F;
  /* font-family: "Athelas W02 Regular"; */
  font-weight: 400;

  margin-bottom: 30px;
}
.about-tab .bottom-content p:last-child{
  margin-bottom: 0;
}
.about-tab .bottom-content .logo img{
  display: block;
  margin: 0 auto;
  margin-bottom: 30px;
}
.about-tab .q-graders {
  background-color: #2E2D2F;
  padding-bottom: 70px;
}
.about-tab .q-graders .q-contents{
  display: flex;
  justify-content: space-between;
}
.about-tab .q-graders .q-contents .q-content01{
  width:48%;
}
.about-tab .q-graders .q-contents .q-content02{
  width: 48%;
}
.about-tab .q-graders .q-contents p{
  color:#FFFFFF;
  font-size: 18px;
  line-height: 26px;
  /* font-family: "Athelas W02 Regular";  */
  margin-bottom: 30px;
  font-weight: 400;
  letter-spacing: 0.2px;
}
.about-tab .q-graders .center-img{
  width: 55%;
  margin:0 auto;
}
.about-tab .q-graders .center-img img{
  width:100%;
  display:block;
  margin:0 auto;
  margin-top: 30px;
}
.about-tab .q-graders .title01{
  padding-top: 40px;
  padding-bottom: 44px;
}
.about-tab .q-graders .title01 h2{
  font-size: 25px;
  font-weight: 600;
  line-height: 33px;
   /* font-family: 'Raleway', sans-serif;  */
   text-align: center;
   color: #fff;
}
.about-tab .the-team .header{
  padding-top: 20px;
    padding-bottom: 100px;
    width: 55%;
  margin: 0 auto;
}

.about-tab .the-team .header h2{
  font-size: 25px;
  line-height: 34px;
  color: #2E2D2F;
  text-align: center;
  font-weight: 500;
  /* font-family: 'Raleway', sans-serif;  */
  letter-spacing: 0.28px;

}
.about-tab .the-team .four-img-sec .name-role {
    width: 85%;
}
.about-tab .the-team .two-img-sec {
    display: flex;
    justify-content: center;
    /*flex-wrap: wrap;*/
}

.about-tab .the-team  .four-img-sec {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
   margin-top: 60px;
   margin-bottom: 90px;
   grid-gap: 20px;
}
.about-tab .the-team .four-img-sec .image-name .imge01 img {
    width: 100%;
    display: block;
}
.about-tab .the-team .name-role .name p{
  font-size: 18px;
  line-height: 21px;
  color: #2E2D2F;
  font-weight: 600;
   /* font-family: 'Raleway', sans-serif;  */
   text-align: center;
   margin-top: 20px;
   margin-bottom: 12px;
}
.about-tab .the-team .image-name .name-role .role p{
  font-size: 14px;
  line-height: 22px;
  color: #2E2D2F;
  /* font-family: "Athelas W02 Regular";  */
  text-align: center;
}
.about-tab .pledge{
  padding-bottom: 66px;
}
.about-tab .pledge .top-sec{
  background-color: #6A656B;
  padding: 56px 0px;
  
}
.about-tab .pledge .pledge-content{
  width: 55%;
  margin: 0 auto;
}
.about-tab .pledge .top-sec .para p{
  font-size: 18px;
  line-height: 26px;
  color: #fff;
  /* font-family: "Athelas W02 Regular";  */
  font-weight: 400;
  text-align: center;
  margin-top: 20px;
  margin-bottom: 0;
}
.about-tab .pledge .header01 h2{
  text-align: center;
  color: #fff;
  line-height: 26px;
  /* font-family: 'Athelas', sans-serif; */
  font-weight: 600;
  letter-spacing: 0.2px;
  font-size: 18px;
}
.about-tab .pledge  .leftimg-rightcontent {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.about-tab .pledge  .leftimg-rightcontent .right-content p {
  font-size: 18px;
  line-height: 26px;
  color: #2E2D2F;
  padding-bottom: 15px;
  /* font-family: "Athelas W02 Regular";  */
  letter-spacing: 0.2px;
  margin-bottom: 4px;
}
.about-tab .pledge  .header02{
  margin-top: 55px;
  margin-bottom: 70px;
}
.about-tab .pledge  .header02 h2{
  font-size: 25px;
  line-height: 34px;
  color: #2E2D2F;
  /* font-family: 'Raleway', sans-serif; */
  text-align: center;
  font-weight: 500;
  letter-spacing: 0.2px;

}
.about-tab .pledge  .leftimg-rightcontent .right-content {
    width: 46%;
   
}
.about-tab .pledge .leftimg-rightcontent .leftimg {
    width: 48%;

}
.about-tab .pledge .leftimg-rightcontent .leftimg img{
  width: 100%;
  height: 540px;
  object-fit: cover;
  display: block;
}
.about-tab .the-team .two-img-sec .imge01 img {
    padding: 0px;
    height: 100%;
  
    object-fit: cover;
    width: 100%;
}
.two-img-sec .imge01 {
    width: 318px;
    height: 318px;
}
.about-tab .the-team .two-img-sec .image-name:first-child{
  margin-right: 48px;
}
.about-tab .the-team .two-img-sec .image-name:last-child{
  margin-left: 48px;
}
.about-tab .the-team  .name-role{
  width: 65%;
    margin: 0 auto;
}
.about-tab .tab-list ul.list01 li.active a {
    color: #6A656B;
    border-bottom: 2px solid #6A656B;
}
.about-tab .tab-list ul.list01 li{
  padding: 0 35px;
}
.about-tab .first-tab{
      background-color: #EBEBEB;
}
/*.about-tab .the-team .four-img-sec .image-name .imge01 img {
    width: 100%;
}*/
.about-tab .tab-list ul.list01 li.active {
    background: transparent;
}
/*review sec*/
.review-outer .jdgm-rev-widg {
    padding: 0;
    margin: 0;
    border: none;
}
.review-outer h2.jdgm-rev-widg__title{
  text-align: center;
  color: #2E2D2F;
  font-size: 25px;
  line-height: 33px;
  letter-spacing: 0.2px;
  /* font-family: 'Raleway', sans-serif; */
  font-weight: 600;
  padding-top: 83px;
  padding-bottom: 25px;
}
/*.review-outer .jdgm-histogram.jdgm-temp-hidden,
.review-outer .jdgm-sort-dropdown-wrapper{
  display: none;
}
.review-outer .jdgm-rev-widg__summary {
    text-align: center;
    float: none;
}
.review-outer .jdgm-rev-widg__header{
  position: relative;
}
.review-outer .jdgm-widget-actions-wrapper {
    position: absolute;
    bottom: 80px;
    right: 30px;
}*/
.about-tab .pledge .leftimg-rightcontent .right-content p:last-child{
  margin-bottom: 0;
  padding-bottom: 0;
}
.about-tab .the-team .four-img-sec .image-name{
  padding-bottom: 0 !important;
}
.about-tab .the-team .two-img-sec .image-name {
    width: 318px;
}
/*work with us*/ 
.work-banner-sec{
  padding-top: 306px;
  padding-bottom: 23px;
  text-align: center;
  background-position: center !important;
  background-size: cover !important;
  background-repeat: no-repeat !important;
  position: relative;
}
.work-banner-sec h2{
  text-align: center;
  font-size: 40px;
  line-height: 45px;
  /* font-family: "Athelas W02 Regular";  */
  color: rgba(255, 255, 255, 1);
  text-shadow: 0px 3px 6px #00000029;
  position: relative;
  z-index: 1;
  font-weight: 400;
}
.simple-sec{
  padding-top: 50px;
  padding-bottom: 59px;
  text-align: center;
}
.simple-sec p{
  /* font-family: "Athelas W02 Regular";  */
  color: rgba(46, 45, 47, 1);
  font-size: 18px;
  line-height: 26px;
  margin-bottom: 25px;
  font-weight: 400;
}
.simple-sec p:last-child{
  margin-bottom: 0;
}
.simple-sec .c-cta{
  padding-top: 74px;
}
.simple-sec .c-cta a{
  padding-bottom: 21px;
  padding-top: 15px;
  padding-right: 62px;
  padding-left: 62px;
  font-size: 17px;
  line-height: 20px;
  /* font-family: 'Raleway', sans-serif; */
  font-weight: 500;
}
.simple-inner-wrk {
    width: 50%;
    margin: 0 auto;
}
/*Coffee farm Volcan Baru*/

.cofee-para .content01 p {
    font-size: 18px;
    line-height: 26px;
    padding-bottom: 20px;
   /* font-family: 'Athelas Regular'; */
   color: #2E2D2F;  
}
/*.cofee-para .content01 p:last-child{
  padding: 0;
  margin: 0;
}*/
.cofee-para .content01 {
    width: 51%;
    margin: 0 auto;
    text-align: center;
    padding-top: 50px;
    padding-bottom: 50px;
}
.mission .img-content{
  display: flex;
  justify-content: space-between;

}
.mission .img-content .image-left{
  width: 50%;
}
.mission .img-content .image-left img{
  width: 100%;
  height:100%;
}
.mission .img-content .content-right{
  width: 50%;
  display: flex;
  align-items: center;
  padding-left: 80px;
  
}

.mission .mission-content {
    padding-right: 30px;
    padding-top:25px;
}
.mission .img-content .content-right .mission-header h2{
  font-size: 25px;
  line-height: 33px;
  font-weight: 600;
  /* font-family: 'Raleway', sans-serif; */
  color: #fff;
}
.mission .img-content .content-right .mission-content p{
  font-size: 18px;
  line-height: 26px;
  /* font-family: 'Athelas Regular';  */
  color: #fff;

}
.mission {
    background: #2E2D2F;
}
section.latest-news {
    padding-top: 50px;
    padding-bottom: 54px;
    background-color: #F7F7F7;
}
.latest-news .threebox {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-column-gap: 56px;
}

.latest-news .threebox .news-content {
    padding: 28px 30px 0px 30px;
}
.latest-news .threebox .news-content .read-more {
    float: right;
    margin-bottom: 20px;
}
.latest-news .threebox .news-img img {
    width: 100%;
    height: 130px;
    display: block;
    object-fit: cover;
}

.latest-news .threebox .news {
    /*width: 30%;*/
    box-shadow: #00000010 0px 3px 6px;
    background-color: #fff;
}
.latest-news .threebox .news-head h2{
  font-size: 14px;
  line-height: 16px;
  text-transform: uppercase;
  font-weight: bold;
  color: #2E2D2F;
  /* font-family: 'Raleway', sans-serif; */
}
.latest-news .threebox .news01 p{
  font-size: 15px;
  line-height: 22px;
  color: #2E2D2F;
  /* font-family: 'Athelas Regular';  */
}
.latest-news .threebox .news-content .read-more a{
  font-size: 8px;
  line-height: 10px;
  color:#6A656B;
  text-decoration: underline;
  text-transform: uppercase; 
  font-weight: 500;
}
.cofee-slider .slider-header{
  width: 40%;
  margin: 0 auto;
  padding-bottom: 25px;
}

.cofee-slider .slider-header h2{
  font-size: 25px;
  line-height: 34px;
  color: #2E2D2F;
  text-align: center;
  font-weight: 500;
  /* font-family: 'Raleway', sans-serif; */

}
.cofee-slider .sliderimg img{
  width: 100%;
  height: 515px;
  object-fit: cover;
}
.cofee-slider .slider-content p:before {
    content: "";
    position: absolute;
    height: 1px;
    width: 30px;
    background: #2E2D2F;
    top: 13px;
    left: -34px;
}
.cofee-slider .slider-content{
  padding-top: 20px;
}
.cofee-slider .slider-content p {
    position: relative;
    font-size: 16px;
    padding-left: 20px;
    /* font-family: 'Athelas Regular'; */
}
.cofee-slider .slider__counter {
    display: flex;
    justify-content: flex-end;
    padding: 0px 52px;
    margin-top: -17px;
    right: 90px;
    bottom: 10px;
    position: absolute;
    z-index: 0;
}
.cofee-slider .slider__counter span{
  font-size: 16px;
  font-weight: 500;
  color: #2E2D2F;
  line-height: 22px;
}
section.cofee-slider {
    padding-bottom: 100px;
    padding-top: 78px;
}

.latest-news .news-header h2{
    color: #2E2D2F;
    text-align: center;
    font-size: 25px;
    line-height: 30px;
    font-weight: 600;
}
.latest-news .news-header {
    margin-bottom: 40px;
}
.coffee-farm h2{
  font-weight: 400;
}
.coffee-farm{
  padding-bottom: 59px;
  padding-top: 422px;
  /*background: url('../images/Mask Group 1.png');*/
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}
.cofee-slide{
  position: relative;
}
.cofee-slide .slick-arrow{
  position: absolute; 
  content: '';
  bottom: 16px;
  cursor: pointer;
  z-index: 1;
}
.cofee-slide .slick-arrow.slick-prev{
  /*background: url(../images/arrow1.png) no-repeat;*/
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    right: 200px;
    height: 16px;
    width: 16px;
    cursor: pointer;
}
.cofee-slide .slick-arrow.slick-next{
  /*background: url(../images/arrow2.png) no-repeat;*/
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    right: 100px;
    height: 16px;
    width: 16px;
    cursor: pointer;
}


/*FAQ*/
.shopify-section .banner-sec.coffee-farm {
    padding-bottom: 30px;
}
.faq-sec .tab-content01 {
    width: 80%;
}
.faq-sec .side-head {
    width: 20%;
}
.faq-sec ul#faq li {
    list-style-type: none;
    padding-bottom: 38px;
}


.faq-sec ul li.active a {
    border-bottom: 3px solid #6A656B;

   
}
.faq-sec ul li a{
   color: #2E2D2F;
    font-size: 16px;
    /* font-family: 'Raleway', sans-serif; */
    font-weight: 700;
}

/*error-page*/

.error-page .row {
    width: 100% !important;
}
.error-page #breadcrumb {
    display: none;
}

.error-page .page-404-simple-text {
    text-align: center;
    padding-top: 70px;
}

.error-page .pag-404-title  h3 {
    font-size: 25px;
    font-weight: 600;
    color: #2E2D2F;
}
.error-page #content.row {
    margin-bottom: 0px;
}
.error-page .page-404-sub   h5 {
    font-size: 18px;
    line-height: 26px;
    /* font-family: 'Athelas Regular'; */
    color: #2E2D2F;
}
.error-page  .page-404-sub {
    padding-top: 10px;
}
.error-page .mud-list-sec {
    padding:0px;
    padding-bottom: 85px;
}
.error-page .mud-list-sec .mud-list{
  padding-bottom: 30px;
}
.error-page .layout-sec01 .layout-col .content-col .text-content p{
      padding-bottom: 9px;
}
.slider-wrapper .content-right{
  max-height: 500px;
  width: 100%;
}
.slider-wrapper .content-right img{
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}

/*privacy-policy*/
.container2 {
    width: 800px;
    margin: 0 auto
}
.policy-title h1 {
    padding-left: 192px;
    padding-top: 88px;
    font-size: 25px;
    color: #2E2D2F;
    /* font-family: 'Raleway', sans-serif; */
    font-weight: 600;
}

.polocy-content p {
    padding-left: 192px;
    padding-top: 37px;
    padding-bottom: 50px;
    font-size: 18px;
    padding-right: 477px;
    /* font-family: Athelas; */
    font-weight: normal;
}

.policy-list {
    padding-left: 245px;
    padding-right: 424px;
    padding-bottom: 64px;
    font-size: 18px;
    font-weight: normal;
    text-align: left;
    color: #2E2D2F;
    /* font-family: Athelas; */
    position: relative;
}

.polocy-list p {
    padding-top: 10px;
    position: relative;
}

.policy-list .title {
    position: relative;
}

.policy-list .title:before {
    content: "";
    width: 22px;
    height: 2px;
    background: #6A656B;
    position: absolute;
    top: 38%;
    margin-left: -31px;
    border: 3px;
}
.privacy-bottom-sec h3 {
    font-size: 18px;
    font-weight: 700;
    margin-top: 25px;
    position: relative;
    /* font-family: 'Athelas W02 Regular'; */
    color: #2E2D2F;
        letter-spacing: 0.2px;
}

.privacy-top-sec h1 {
    margin-bottom: 10px;
    font-size: 25px;
    color: #2E2D2F;
    /* font-family: 'Raleway', sans-serif; */
    font-weight: 600;
    line-height: 30px;
    padding-top: 83px;
    margin-bottom: 30px;
}

.privacy-top-sec p {
    font-size: 18px;
    color: #2E2D2F;
    /* font-family: 'Athelas W02 Regular'; */
    margin-bottom: 20px;
        letter-spacing: 0.2px;
}
.privacy-top-sec p:last-child{
  margin-bottom: 0;
}
.privacy-bottom-sec p {
    font-size: 18px;
    font-weight: 400;
    /* font-family: 'Athelas W02 Regular'; */
    letter-spacing: 0.2px;
        color: #2e2d2f;
}

.privacy-bottom-sec h3:before {
    content: "";
    width: 22px;
    height: 2px;
    background: #6A656B;
    position: absolute;
    top: 49%;
    margin-left: -31px;
    border: 3px;
}

.privacy-bottom-sec {
    padding-left: 55px;
    padding-bottom: 50px;
    padding-top: 10px;
    width: 85%;
}
.priv-bootm-sec {
    text-align: center;
    padding-top: 32px;
    padding-bottom: 40px;
    color: #fff;
}
.priv-bootm-sec h3{
  font-size: 25px;
  line-height: 26px;
  color: #fff;
  text-align: center;
  font-weight: 500;
  /* font-family: 'Raleway', sans-serif; */
  letter-spacing: 0.2px;
}
.priv-bootm-sec p{
  font-size: 18px;
    font-weight: 400;
    /* font-family: 'Athelas W02 Regular'; */
    letter-spacing: 0.2px;
    width: 42%;
    margin: 0 auto;
}
body.gridlock.shifter-left.page\.privacy_policy section#newsletter {
    display: none;
}
/*feedback-button*/
._hj_feedback_container {
    display: none;
}



/*brewguide*/
.banner-sec.brew-guide {
    padding-bottom: 30px;
}

/*product-single*/

.reco-outer .mud-det .mud-price P {
    font-weight: 700;
}

.image-with-title .image-sec-image {
    margin-top: 30px;
}

.gift-pro-details .product-details .slect-gift select {
    -webkit-appearance: none;
    -moz-appearance: none;
    text-indent: 1px;
    text-overflow: '';
    padding-right: 28px;

}
.gift-pro-details .product-details .slect-gift{
  position: relative;
}
.gift-pro-details .product-details .slect-gift:after,
.gift-pro-details .product-details .slect-gift:before{
  z-index: 9;
  content: '';
    position: absolute;
    top: 29px;
    width:8px;
    border: 1px solid #000;
    transition: all 0.3s;
    -webkit-transition: all 0.3s;
    cursor: pointer;
 }
 .gift-pro-details .product-details .slect-gift:before{
      transform: rotateZ(45deg);
    -webkit-transform: rotateZ(45deg);
    right: 80px;
 }
.gift-pro-details .product-details .slect-gift:after{
      transform: rotateZ(-45deg);
    -webkit-transform: rotateZ(-45deg);
    right: 75px;
 }
.gift-pro-details .product-details .slect-gift select::-ms-expand { 

  display: none; 
}
.customers\/reset_password div#template {
    width: 50%;
    margin: 0 auto;
}
#search-bar input {

    right: 0px;
    top: 0px;

    height: 50px;

}
#content .product-details {
    text-align: center !important;
  }
  .latest-news .threebox .news-head h2{
    min-height: 32px;
  }
  .product-photos .product-main-images{
    width: 100% !important;
}
div#thumbnail-gallery {
    width: 100% !important;
}
.product-thumbnail {
/*   width: 25% !important; */
  float: left;
/*   padding: 0 4%; */
  max-width: 100%;
}
.product-thumbnail img {
  height: 150px !important;
  object-fit: contain !important;
}
/*.privacy-top-sec {
    width: 69%;
}*/
.page\.locations div#breadcrumb {
    display: none;
}
.locations{
  margin-top: 70px;
}
.topbar p {
    font-size: 14px !important;
    line-height: normal !important;
    /* padding-top: 7px !important;
    padding-bottom: 8px !important; */
}
.top-header-outer {
    padding-top: 24px;
    padding-bottom: 36px;
}
/*.h-ban-sec .banner-contents{
  top: -35px !important;
}*/
.form-page-content #aaa-form-builder input[type=email], .form-page-content #aaa-form-builder input[type=number], .form-page-content #aaa-form-builder input[type=tel], .form-page-content #aaa-form-builder input[type=text], .form-page-content #aaa-form-builder select{
  box-sizing: border-box;
  -webkit-user-select: initial;
  -khtml-user-select: initial;
  -moz-user-select: initial;
  -ms-user-select: initial;
  user-select: initial;
      border: .5px solid #2e2d2f !important;
      padding: 0 !important;      
}
.form-page-content form{
  width: 99% !important;
    margin: 0 auto;
}
.tab-rt .rte {
    margin: 0 !important;
}
.jdgm-preview-badge .jdgm-star.jdgm-star,
.jdgm-star.jdgm-star {
    color: #ffb618;
    font-size: 13px !important;
    margin-right: 2.8px !important;
}
.review-sec-inner span {
    text-transform: uppercase;
    font-size: 14px;
}
#userback_button_container .userback-button-e[wstyle=circle]{
  right: auto !important;
}

.jdgm-widget label,
.jdgm-widget input:not([type='submit']),
.jdgm-widget textarea,
.jdgm-widget .jdgm-submit-question, .jdgm-widget .jdgm-submit-rev,
.jdgm-form__reviewer-name-format-dropdown{
    /* font-family: "Athelas W02 Regular" !important; */
}
.article-image img{
    width: 100%!important;
    height: 500px;
    object-fit: cover;
}
.subscription_popular_list .usp_text::first-letter,
.mud-name p a::first-letter,{
    text-transform: capitalize;
}
.subscription_popular_list .item .usp_text:first-letter {
    text-transform: capitalize;
}
/*press page*/
.press-outer {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 30px;
    padding: 50px 0;
}
.press-video video {
    width: 100%;
    height: 300px;
}
.press-head h3 {
    font-weight: 600;
    text-transform: uppercase;
}
.listing-press-sec ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    display: flex;
}
.listing-press-sec ul li{
  position: relative;
}
.listing-press-sec ul li a:hover{
  opacity: 0.6;
}
.listing-press-sec ul li:after{
  /*content: "";
  border-right: 1px solid #000;
  margin-right: 10px;
  padding-right: 10px;*/
}
/*.listing-press-sec {
    display: inline-flex;
}*/
.press-head {
    margin-top: 30px;
}
.contacting-details {
    display: flex;
    flex-wrap: wrap;
}
.contacting-details span {
    width: 100%;
}
.collection-page-collection-page-template .product-details h3:first-letter {
    text-transform: capitalize;
}
/*end press*/
.mobile-half {
    padding-bottom: 50px;
    position: relative;
}
.listing-add {
    position: absolute;
    width: 100%;
    bottom: 0;
}
.listing-add input{
  margin-bottom: 0 !important;
}
.review-sec-ls {
    margin-bottom: 20px;
}

div.rc_block__type--active label.rc_label,
label.rc_label.rc_label__autodeliver,
label.rc_label.rc_label__onetime{
  color: #888889 !important;
}
div#rc_radio_options label.rc_label.rc_label__onetime span#rc_price_onetime,
div#rc_radio_options span#rc_price_autodeliver{
    color: #000 !important;
    font-weight: 500 !important;
}
.sub-out {
    display: none;
}
.new-single-product-sec {
/*    margin-top: 10px;*/
}
.product\.dark .product-cus-sec .outer-details {
    display: none;
}
.page\.subscription-landing-page div#shopify-section-newsletter,
.page\.subscription-landing-page div#shopify-section-footer,
.page\.subscription-landing-page div#shopify-section-award_listing {
    display: none;
}

/*************Responsive Styles*****************/
/***************iPhone Portrait**************/
@media only screen and (max-width: 479px) and (min-width: 220px){
.search .grid_wrapper {
    display: flex !important;
    flex-wrap: wrap !important;
    justify-content: center;
}

 /* .product-form .product-qty.selector-wrapper input{
        border: 0.5px solid #5d5c5e!important;
            border-left: none!important;
    border-right: none!important;
  }*/
  .grid_wrapper.product-loop.is_infinite {
    display: flex !important;
    flex-wrap: wrap !important;
    justify-content: center;
}
.mobile-half {
    width: 44% !important;
}
.three-contents .listings .links {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
  .form-page-content #aaa-form-builder input[type=email], .form-page-content #aaa-form-builder input[type=number], .form-page-content #aaa-form-builder input[type=tel], .form-page-content #aaa-form-builder input[type=text], .form-page-content #aaa-form-builder select{
  box-sizing: border-box;
  -webkit-user-select: initial;
  -khtml-user-select: initial;
  -moz-user-select: initial;
  -ms-user-select: initial;
  user-select: initial;
      border: .5px solid #2e2d2f !important;
      padding: 0 !important;
}
.news01 {
    min-height: 188px;
}
.h-ban-sec .banner-contents{
  top: 0px !important;
  
}
.product .section-title h1 {
    padding-right: 0px;
}
  .customers\/reset_password div#template {
    width: 50%;
    margin: 0 auto;
}
   .left_image_inner, .right_content_inner{
      width: 100%;
   }
   .page-center{
      width: 95% !important;
   }
   .product-main-images .slick-arrow {
    display: none !important;
}
   .layout-sec01 .layout-col .content-col .text-content .cta a,
   .layout-sec02 .layout-col .content-col .text-content .cta a{
    font-size: 15px;
    font-weight: 500;
   }
   .mh-footer .footer-inner .menu .menu-head p{
    padding-top: 6px;
   }
   .left_image_inne{
      margin-bottom: 30px;
   }
   .left_image_inner img {
      width: 70%;
   }  
   .h-ban-sec .banner-contents .slider-con-inner{
  width: 100% !important;
      padding-bottom: 93px;
    padding-top: 70px;
}
.footer-inner-sec {
    width: 100%;
    margin: 0 auto;
}

   .gift_subsciption .row{
    flex-wrap: wrap;
   }
   .gift_subsciption .desktop-4.tablet-6.mobile-3.subscription_button{
    height: 100%;
   }
   .gift_subsciption h3.mobile-only {
      color: #fff;
  }
  .gift_subsciption {
    padding-bottom: 40px;
  }
  .Merchandise, .Brewing, .coffee{
        margin-top: 45px;
  }
  .subscription_details{
      margin-top: 35px;
  }
  .gift_subsciption .desktop-6.tablet-3.mobile-3 {
    text-align: center;
    margin-bottom: 30px;
  }
  .gift_subsciption.gift_card {
    padding-bottom: 15px !important;
  }

  /*new site*/
  .container {
    width: 90%;
    margin: 0 auto;
}
.logo-center img {
    width: 150px;
}
.listing .list-items{
  display: flex;
  flex-wrap: wrap;
}
.listing .sidemenu {
    width: 100%;
    padding: 0px;
}
.listing  .product-details {
grid-template-columns: auto;
    grid-gap: 45px 0px;}

.text-icons .imgtext {
  /*width: 90%;*/
  }
.listing .products .productname p {
    font-size: 15px;
}
.text-icons .imgtext .text h3 {
    font-size: 25px;
    line-height: 35px !important;
    text-align: center;
}


.text-icons .icons {
  gap: 29.29px !important;
  /* overflow-x: auto; */
  /* padding: 1rem 0; */
}

/*homepage*/
.h-ban-sec .banner-contents {
    width: 100%;
    padding-bottom: 0px;
    padding-top: 0px;
    margin-top: 0px !important;
    /*background-attachment: fixed !important;*/
}
.h-ban-sec .banner-contents .banner-cta a {
    padding: 20px 20px;
    font-size: 14px;
  }
/*.banner-slider-image img {
    height: 360px !important;
}*/
.h-ban-sec .banner-slider .slick-arrow {
    position: absolute;
    bottom: 45px;
    width: 45px;
    height: 20px;
    cursor: pointer;
}
.mud-list-sec .slick-list {
    padding: 0 30% 0 0 !important;
}
.h-ban-sec .banner-contents h1 {
    font-size: 30px;
    line-height: 35px;
}
.h-ban-sec .banner-contents .slider-con-inner{
  width: 51%;
}
    .h-ban-sec .banner-contents p {
    font-size: 15px;
}
.layout-sec .layout-col .img-col, .layout-sec .layout-col .content-col {
    width: 100%;
    padding: 50px 25px;
}
.layout-sec01 .layout-col .content-col {

    padding-left: 30px; 
        padding-bottom: 75px;
}
.layout-sec .layout-col {
    flex-wrap: wrap;
}
.layout-sec01 .layout-col .content-col .text-content p {
    color: #2E2D2F;
    font-size: 17px;
    padding-bottom: 5px;
}
.layout-sec .layout-col .img-col {
    padding: 0;
}
.layout-sec.layout-sec01 .layout-col {
    flex-direction: column-reverse;
}
.layout-sec02 .layout-col .content-col p{
  padding-bottom: 0;
}
.layout-sec01 .layout-col .content-col .text-content h2 {
    font-size: 32px;
    text-align: left;
}
    .layout-sec01 .layout-col .content-col {
    /*text-align: center;*/
}

    .form-sec .form-head {
    width: 100%;
}
.form-sec .sign-form form {

    flex-wrap: wrap;
}
.form-sec .sign-form form button {
    margin-top: 20px;
    padding: 20px 125px;
}

.text-icons .imgtext {
    width: 100% !important;
    flex-wrap: wrap;
    justify-content: center;
}
.sort-filter {
    display: flex;
    justify-content: space-between;
         border-top: 2px solid #E7E7E7;
    border-bottom: 2px solid #E7E7E7;
   align-items: center; 
    text-align: center;

    display: flex;
    justify-content: space-between;

}
.listing .listing-inner .heading {

  display: none;
}
.sort-filter .drop-down .selected a{

    color: rgb(46 45 47 / 51%);
    /*color: #6A656B;*/
  padding: 0px;
}
.sort-filter .downarrow.class_two:before{
    color: rgb(46 45 47 / 51%);
    margin-right: 25px;
  /* color: #6A656B;*/
  transform: rotate(180deg);
}
.sort-filter .drop-down .options ul{
  top: 48px;
}
.collection-page-collection-page-template .gridlock-fluid .row{
  width: 100%;
}
.sort-filter .filter{
    display: block;
}
.sortby select {
  padding: 0px;
}
.selected.open a span {
    color: #6A656B;
}
.sort-filter .selected.open .downarrow:before{
  color: #6A656B;
  content: "\f077";
  font-size: 10px;
  font-weight: 400;
}
.filterred.open-filter a{
  color: #6A656B !important;
}
.filterred.open-filter a span svg g{
  fill: #6A656B !important;
}
.mob-filter {
    position: relative;
    margin-top: -42px;
}
.text-icons .text {
    /* padding: 20px 0px; */
}
.text-icons{
  padding-top: 41px !important;
  padding-bottom: 38px !important;
}
.mud-list {
    /* overflow: scroll; */
}

.listing .product-details .products .productimg img {
    width: 100%;
}
.listing  .list01 {
    display: none;
}
.list-items .sidemenu01 {
    display: flex;
    padding: 10px 6px;
    overflow: scroll;
    padding-top: 35px;
}
.listing .sidemenu .sidemenu01 p {
    padding: 10px 10px;
}
.listing .sidemenu .sidemenu01 p{
  display: block !important;
}
.listing .sidemenu p{
  display: none;
}
.sort-filter .drop-down .options ul{
  /*left: -150px;*/
  width: 100%;
    padding: 34px 70px;
}
.collection-page-collection-page-template .coll-head{
  display: none;
}
.desktop-sidebar.desktop-3.tablet-6.mobile-3.span-3 {
    display: none;
}
.sort-filter .drop-down {
    right: 8px;
    width: 47%;
    position: initial;
}

.sort-filter{
  position: relative;
}


.sort-filter .sort-filter {
    margin-top: 15px;
    margin-bottom: 32px;
    align-items: center;
}

.sort-filter .filter a {
    text-decoration: none;
    border: none;
    font-size: 14px;
    font-weight: bold;
    /* font-family: 'Raleway'; */
      color: rgb(46 45 47 / 51%);
    margin-top: 15px;
}


.sort-filter .filter a span img {
    width: 10px;
    height: 10px;
}

.sort-filter .filter {
    /*height: 32px;*/
    vertical-align: middle;
    margin-top: 1px;
    padding-top: 10px;
    text-align: center;
    width: 50%;
    border-right: 1px solid  #E7E7E7;
    padding: 10px 0;

}
.mob-filter{
  display: none;
}
.grid_wrapper.product-loop.is_infinite{
      grid-template-columns: 1fr;
}
body.gridlock.shifter-left.collection .page-wrap .container{
  width: 100% !important;
}
.sort-filter .downarrow:before{
     color: rgb(46 45 47 / 51%);
     margin-right: 25px;
}
.sort-filter .selected.open .downarrow:before{
  transform: rotate(0deg);
}
/*footer*/
.mh-footer .footer-inner .menu {
padding-top: 50px;
padding-bottom: 35px;
flex-direction: column; 
justify-content: center;
/*flex-wrap: wrap;*/
}

.sort-filter .downarrow:before{
  float: none;
  margin-left: 10px;
  margin-right: 0;
}
.filterred a span {
    padding-left: 10px;
}
.mh-footer .social-icons ul {
align-items: center;
justify-content: center;

}
.mh-footer .privacy-policy p{
    text-align: center;
    font-size: 10px;
}
.mh-footer .menu-sec {
display: flex;
justify-content: space-around;
padding-bottom: 20px;
}
.mh-footer .menu-head {
width: 40%;
}
.mh-footer .menu-list {
width: 50%;
}
.product-loop .box-ratio{
      padding-bottom: 105%!important;
}
.h-ban-sec .banner-contents .banner-cta {
    padding-top: 30px !important;
}
section.homepage-newsletter .newsletter__input {
    width: 100%;
    margin-bottom: 20px;
}
section.homepage-newsletter .newsletter__submit {
    border: 1px solid #fff;
    width: 100%;
}
#newsletter {
    line-height: 80px;
    padding: 50px 30px;
}
section.homepage-newsletter h2 {
    color: #ffffff !important;
    border-color: #ffffff !important;
    font-size: 26px;
    line-height: 35px !important;
    font-weight: 500;
    letter-spacing: 2px;
    padding-bottom: 10px;
}
section.homepage-newsletter p {
    padding-bottom: 30px !important;
}
.menu-list ul {
    margin-bottom: 0;
}
.collection-page-collection-page-template .product-details h3 {
    padding: 0 10px;
}
.product-form .select.pro-inner-sec .selector-wrapper,
.product-form .select.pro-inner-sec .selector-wrapper select{
  width: 100%;
}
/*.product-form .product-qty.selector-wrapper input{
  width: 78% !important;
}*/
#product-description, .product-description{
  text-align: left !important;
}
.product .section-title,
.product-description #product-price,
.product-form .pro-inner-sec label,
.product-form .product-qty.selector-wrapper h5{
  text-align: left !important;
}
.product-cus-sec {
    padding-top: 130px;
}
.review-sec-inner{
    bottom: -70px;
}
.tab-inner-sec .tab-lt {
    width: 100%;
}
.tab-inner-sec .tab-rt{
  width: 100%;
}
.tab-image-sec {
    padding-left: 0;
    max-width: 2000px;
    overflow-y: scroll !important;
    margin-bottom: 35px;
}
/* Hide scrollbar for Chrome, Safari and Opera */
.tab-image-sec::-webkit-scrollbar,
.reco-outer::-webkit-scrollbar {
  display: none;
}

/* Hide scrollbar for IE, Edge and Firefox */
.tab-image-sec,
.reco-outer {
  -ms-overflow-style: none;  /* IE and Edge */
  scrollbar-width: none;  /* Firefox */
}

.tab-image-inner {
    width: 300px;
}
.reco-outer {
    max-width: 3000px;
    overflow-x: scroll;
}
.mud-pro{
  width: 300px;
}
.inner-read {
    padding-left: 0;
    margin-top: 0;
}
.tabs-stage{
  padding-bottom: 30px;
}
.readmore-text {
    text-align: center;
}
.tab-lt-sec .tab-sec-rt{
  width: 60%;
}
.tab-lt-sec .tab-sec{
  width: 40%;
}
.titke-image-sec {
    text-align: left;
    padding: 0 40px;
}
.brew-inner .brew-lt {
    width: 100%;
    padding-left: 0;
}
.brew-inner .brew-rt {
    width: 100%;
    margin-top: 30px;
}
.brew-step-inner {
    flex-wrap: wrap;
    justify-content: space-between;
    flex-wrap: wrap;
}
.brew-step-inner .step-des{
  margin-right: 0;
}
.brew-step-inner .brew-step {
    margin-right: 0px;
    width: 18%;
}
.brew-step-inner .step-des{
  width: 81%;
}

.three-contents .top-text {
    width: 90%;
}
.giving-banner .banner-content h1 {
  text-align: center;
  margin-bottom: 0;
  font-size: 34px;
}
.form-sec .form-head {
width: 100%;
}
.form-sec .sign-form form {

flex-wrap: wrap;
}
.form-sec .sign-form form input {
    width: 83%;
}
.form-sec .sign-form form button {
margin-top: 20px;
padding: 20px 125px;
}
.form-sec .sign-form form {
    display: block;
    width: 100%;
    /* flex-wrap: wrap; */
}
.tab-section .tab-content{
flex-direction: column;
}
.tab-section .tab-content .left-content {
width: 100%;
}
.tab-section .tab-content .right-list {
width: 100%;
padding-left: 34px;
}
.right-list ul li .step-n {
width: 80%;
}
.right-list ul li .step-c {
width: 20%;
}
.tab-section .tabs #tabs-nav {
    width: auto;
}
.three-contents .listings {
    grid-template-columns: 1fr;
    grid-gap: 40px 40px;
    padding-top: 15px;
}
.learn-accord .sec-inner {
    flex-wrap: wrap;
}
.learn-accord .accordion_container {
    width: 100%;
}
.three-contents {
    padding-top: 50px;
    padding-bottom: 100px;
}
.learn-accord .sec-inner {
    padding-top: 25px;
    padding: 25px 0px 0px 0px;

}
.side-head {
    margin: auto;
    margin-bottom: 70px !important;
}
.learn-accord .accordion_body p{
  padding-right: 0;
}
/*gift page*/
.gift-banner-sec {
    width: 100%;
}
.gift-sub-inner {
    flex-direction: column-reverse;
}
.gift-banner-img {
    width: 100% !important;
    margin-top: 30px;
}
.gift-sub-banner-sec {
    width: 100% !important;
    margin-top: 30px;
    text-align: center;
}
.gift-sub-title h2 {
    color: #fff;
    font-size: 25px;
    letter-spacing: .36px;
    font-weight: 500;
    /* font-family: Raleway,sans-serif!important; */
}
.gift-sub-banner{
  padding-left: 0;
  padding-right: 0;
}
.gift-sub-title-sub p {
    font-size: 18px;
  }
  .gift-pro-sec{
    padding: 30px 0 !important;

  }
  .image-sec-click {
    width: 100%;
}
.gift-pro-details {
    width: 100%;
}
ul.tabs-nav-gift li a{
  font-size: 14px;
}
ul.tabs-nav-gift li {
    list-style-type: none;
    margin: 0 13px;
}
ul.tabs-nav-gift li:first-child {
    margin-left: 0;
}
ul.tabs-nav-gift li:last-child {
    margin-right: 0;
}
.bottom-bnr-inner {
    flex-direction: column-reverse;
}
.bottom-banner-lt {
    width: 100%;
    /*margin-top: 30px;*/
    padding: 20px;

}
.bn-rt-sec img {
   /* position: relative;
    width: 100%;
    top: 0;
    r: 0;
    right: 0;
    height: 100%;*/
}
.bottom-banner-rt {
     padding-left: 61px;
    width: 140%;
    overflow: hidden;
}
.bottom-title-gift h2{
  font-size: 22px;
  text-align: center;
}
.bottom-gift-sub p {
  font-size: 16px;
  text-align: center;
}
.bottom-gift-btn {
    text-align: center;
}
.bottom-gift-btn a {
    padding: 16px 30px;
    font-size: 15px;
}
ul.tabs-nav-gift{
  justify-content: inherit;
}
.mercendise .slick-list,
.brewing-equipment .slick-list,
.coffee-slider-inner .slick-list {
    padding: 0 25% 0 0;
}
.gift-tab-section,
.cofee-slider-bottom {
    padding-bottom: 25px;
}
.bottom-gift-head h4 {
    font-size: 19px;
    font-weight: 500;
    margin-bottom: 20px;
}
.coffee-product-details input.product-quantity.get-qty{
  width: calc(100% - 30%) !important;
}
.coffee-product-details .downer, .coffee-product-details .up {
    width: 15%;
}
.coffee-product-details .downer::selection, .coffee-product-details .up::selection{
  background: transparent;
}
.coffee-product-details .add{
  width: 100% !important;
  max-width: 100% !important;
}
.coffee-product-details .product-add {
    margin-top: 30px;
}
.gift-banner-img img{
  width: 100%;
}
/*about*/

.about-tab .our-story .our-story-img {
    width: 100%;
}
.about-tab .our-story .story {
    width: 100%;
    padding-bottom: 20px;
    padding-right: 30px;
    padding-left: 30px;
}
.about-tab .our-story {
    flex-wrap: wrap;
}
.about-tab .our-story .story .content {
    padding: 0px;
}
.about-tab .our-story .story .title {
 
    padding: 0px;
}
.about-tab .bottom-content {
    width: 100%;
}
.about-tab .q-graders .q-contents .q-content02 {
    width: 100%;
}
.about-tab .q-graders .q-contents .q-content01 {
    width: 100%;
}
.about-tab .q-graders .q-contents {
    flex-wrap: wrap;
}
.about-tab .q-graders .center-img {
     width: 100%;
}
.about-tab .q-graders .center-img img {
    width: 100%;
}
.about-tab {
    padding-top: 30px;
}
.about-tab .tab-list ul.list01 li{
    padding: 0 13px;
}
.about-tab .tab-list ul.list01 li a {
    font-size: 14px;
    font-weight: 500;

}
.about-tab .tab-list ul.list01 {
  
    margin-bottom: 45px;
}
.banner-sec.about.banner h1 {
    width: 95%;
    font-size: 30px;
    line-height: 32px;
}
.banner-sec.about.banner a.watchvedio{
  font-weight: 700;
}
.about-tab .the-team .two-img-sec {
    flex-wrap: wrap;
    margin-bottom: 30px;
}
.about-tab .the-team .four-img-sec {
       grid-template-columns: 1fr;
       margin: 0;
       grid-gap: 30px;
       margin-bottom: 50px;
}
.about-tab .pledge .leftimg-rightcontent .right-content {
    width: 90%;
    margin: 15px auto;
    margin-top: 35px !important;
}
.about-tab .pledge .leftimg-rightcontent .leftimg {
    width: 100%;

}
.about-tab .pledge .leftimg-rightcontent {
    flex-wrap: wrap;
}
.about-tab .pledge .pledge-content {
    width: 100%;
}
.about-tab .the-team  .image-name .imge01 img {
    width: 100%;
}
.about-tab .the-team .four-img-sec  .image-name {
    padding-bottom: 40px;
}
.about-tab .the-team .header h2 {
    width: 100%;
    font-size: 22px;
    line-height: 30px;
}
.popup-vedio iframe{
    width: 100%;
}
.about-tab .pledge .header02 {
    margin-top: 35px;
    margin-bottom: 30px;
}
.about-tab .pledge .pledge-content01{
    width: 100%;
}
.banner-sec {
    padding-top: 150px;
}
.about-tab .the-team .header {
    padding-top: 30px;
    padding-bottom: 40px;
    width: 100%;
}
.about-tab .the-team .image-name .imge01 img {
    width: 100%;
    padding: 0;
    height: 300px;
    object-fit: cover;
}
.about-tab .tab-list ul.list01{
  justify-content: space-between;
}
.about-tab .our-story .our-story-img img {
    height: 265px;
}
.about-tab .our-story .story{
  padding: 20px !important;
}
.about-tab .our-story .story .title h2{
  font-weight: 500;
  font-size: 23px;
}
.about-tab .our-story .story p,
.about-tab .bottom-content p,
.about-tab .q-graders .q-contents p{
    font-size: 16px;
    line-height: 24px;
}
.about-tab .q-graders .title01 h2 {
    font-weight: 500;
    font-size: 24px;
}
.about-tab .the-team .two-img-sec .image-name:first-child{
  margin-bottom: 30px;
}
.about-tab .the-team .two-img-sec .image-name:first-child,
.about-tab .the-team .two-img-sec .image-name:last-child{
  margin-right: 0;
  margin-left: 0;
  width: 100%;
}
.about-tab .pledge .header02 h2 {
    width: 75%;
    margin: 0 auto;
    font-size: 23px;
}
.about-tab .pledge .leftimg-rightcontent .leftimg img{
  height: 350px;
}
.subscription_widget select, select.subcoffee {
    width: 100%;
}
/*work with us*/
.simple-inner-wrk {
    width: 100%;
    margin: 0 auto;
}
.simple-sec .c-cta a {
    background: #2E2D2F;
    color: #FFFFFF;
    width: 100%;
    display: inline-block;
    text-transform: uppercase;
}
.simple-sec .c-cta{
  padding-top: 50px;
}
.product-form .product-qty.selector-wrapper input {
    width: calc(100% - 76px) !important;
}

/*MH-VOLCAN*/

.mission .img-content .image-left {
width: 100%;
}
.mission .img-content .content-right {
width: 100%;
padding:20px;
}
.mission .img-content {
flex-wrap: wrap;
}
.cofee-slider .slider-header {
width: 90%;
margin: 0 auto;
}
.cofee-slider .slider__counter {
display: flex;
justify-content: center;
margin-top: 0px;
bottom: -44px;
/*right: 124px;*/
right: calc(50% - 65px);
}
.cofee-slider .slider-content p:before {
top: 29px;
left: -6px;
width: 20px;

}
.cofee-para .content01 {
width: 90%;
padding-bottom: 0px;
}
.cofee-slider .slider-content p {
padding-top: 20px;
padding-left: 30px;

}
.mission .img-content .content-right .content-texts{
padding: 0px;  
}
.cofee-slide .slick-arrow{
bottom: -40px;
}
.latest-news .threebox {
display: unset;
grid-column-gap: 0px;
grid-template-columns: auto;
}
.latest-news .slick-list{
padding:0 20% 0 0 !important;
}
.latest-news .threebox .news {
margin: 10px;
}
.latest-news .threebox .news-content {
padding: 20px 20px 0px 20px;
}

.cofee-slide .slick-arrow.slick-next {
/*right: 82px;*/
    right: calc(50% - 100px);
}

.cofee-slide .slick-arrow.slick-prev {
      left: calc(50% - 100px);
/*right: 260px;*/
}
.mission .img-content .image-left img {
    object-fit: cover;
}
.mission .mission-content{
    padding-right: 0px;
}
.banner-sec h2 {
font-size: 30px;

}
.cofee-para .content01 p {
    font-size: 16px;
  }
  .cofee-slider .slider-header h2 {
    font-size: 16px;
    line-height: 26px;
  }
  section.cofee-slider {
    padding-top: 50px;
}
.cofee-slider .sliderimg img {
   
    height: 280px;
  }


  /*FAQ*/
.faq-sec ul#faq li {

        padding: 0px 0px 10px 0px;
}
.faq-sec ul li a {
    font-size: 14px;
}
.faq-sec ul#faq {
    display: flex;
    justify-content: space-between;
}
.faq-sec .side-head {
    width: 100%;
    margin-bottom: 10px !important;
}

.faq-sec .tab-content01 {
    width: 100%;
}

/*privacypolicy*/
.privacy-bottom-sec {
        padding-left: 40px;
        padding-bottom: 15px;
    }
    .privacy-top-sec h1 {
        margin-bottom: 10px;
        font-size: 19px;
        color: #2E2D2F;
        /* font-family: 'Raleway'; */
        font-weight: 600;
        padding-top: 40px;
    }
    .privacy-bottom-sec p {
        font-size: 14px;
        font-weight: 400;
    }
    .privacy-bottom-sec h3 {
        font-size: 17px;
        font-weight: 700;
        margin-top: 25px;
        position: relative;
        /* font-family: 'Athelas W02 Regular'; */
        color: #2E2D2F;
    }


/*Givingback*/
.three-contents .listings .listing-content .content .inner-content p {
   /* font-size: 16px;*/
  }


/*tab-section*/
.tab-section .tab-content{
flex-direction: column;
}
.tab-section .tab-content .left-content {
width: 100%;
}
.tab-section .tab-content .right-list {
width: 100%;
}
.right-list ul li .step-n {
width: 80%;
}
.right-list ul li .step-c {
width: 20%;
}
.tab-section .scroll-tab{
    width: 100% !important;
}
/*.tab-section .tabs li.slick-active .tabber-head p {
    color: #fff !important;
    background-color: #6A656B !important;
}*/
.tab-section .tabs li.active .tabber-head p {
    color: #2E2D2F;
    background-color: #6A656B;

}
.priv-bootm-sec p{
  width: 100%;
}
.container2{
  width: 95%;

}
.privacy-top-sec {
    width: 90%;
}
.privacy-bottom-sec {
    width:90%;
}
.cta-section a {

    padding: 14px 24px;
    font-size: 15px;
   
}
.two-img-sec .imge01 {
    width: 100%;

}
.gift-pro-details .product-details .slect-gift select {
    width: 100%;
    max-width: 100%;
    padding-right: 26px;
  }
  .gift-pro-details .product-details .slect-gift:after {
    right: 6px;
}
.gift-pro-details .product-details .slect-gift:before {

    right: 11px;
}
.gift-pro-details .product-details .slect-gift:after, .gift-pro-details .product-details .slect-gift:before {
    top: 28px;
  }
 .gift-pro-details .product-qty.selector-wrapper{
  max-width: 100%;

 }
 #tabs-nav .slick-list{

  padding-right: 20% !important;
 }
 .latest-news .threebox .news-head h2{
    min-height: 48px;
  }
  .tab-section .tabs #tabs-nav li{
    flex: 0 0 350px;
}
.reco-outer .slick-list{
  padding-right: 25%;
}
#sidebar .filter{
  box-shadow: 0 3px 10px rgb(0 0 0 / 10%);
}
#sidebar .filter{
  padding: 30px 10px 30px 10px !important;
}
.product-image-container a.product-main-image img {
    height: 100% !important;
}
select#sort-by{
  /*width: 40%;*/
  margin-top: 10px;
  margin-right: 10px;
}
.form-page-content #aaa-form-builder{
  padding-left: 0 !important;
  margin: 0 10px !important;
}
.form-page-content #aaa-form-builder input[type=email], .form-page-content #aaa-form-builder input[type=number], .form-page-content #aaa-form-builder input[type=tel], .form-page-content #aaa-form-builder input[type=text], .form-page-content #aaa-form-builder select{
  box-sizing: border-box;
  -webkit-user-select: initial;
  -khtml-user-select: initial;
  -moz-user-select: initial;
  -ms-user-select: initial;
  user-select: initial;
}

.form-page-content #aaa-form-builder input[type=email], .form-page-content #aaa-form-builder input[type=number], .form-page-content #aaa-form-builder input[type=tel], .form-page-content #aaa-form-builder input[type=text], .form-page-content #aaa-form-builder select{
  border: .5px solid #2e2d2f !important;
}
select#sort-by{
  /*width: 30% !important;*/
}
div#mce-success-response {
    width: 100% !important;
}
.article-image img{
  height: auto;
}
/*press*/
.press-outer {
    grid-template-columns: 1fr;
}
.layout-sec02 .img-col,
.layout-sec .layout-col .img-col{
  min-height: 100% !important;
}
}
/**********************iPhone Landscape*************/
@media only screen and (max-width: 767px) and (min-width: 480px){
   #tabs-nav .slick-list{

  padding-right: 20% !important;
 }
 .layout-sec02 .img-col,
 .layout-sec .layout-col .img-col{
  min-height: 100% !important;
}
 .search .grid_wrapper {
    display: flex !important;
    flex-wrap: wrap !important;
    justify-content: center;
}
 .grid_wrapper.product-loop.is_infinite {
    display: flex !important;
    flex-wrap: wrap !important;
    justify-content: center;
}
.mobile-half {
    width: 44% !important;
}
 .article-image img{
  height: auto;
}
 .form-page-content form,
 .form-page-content #aaa-form-builder label{
  width: 98% !important;
    margin: 0 auto;
}
.form-page-content #aaa-form-builder input[type=email], .form-page-content #aaa-form-builder input[type=number], .form-page-content #aaa-form-builder input[type=tel], .form-page-content #aaa-form-builder input[type=text], .form-page-content #aaa-form-builder select, .form-page-content #aaa-form-builder textarea, .form-page-content #aaa-form-builder input{
  width: 98% !important;
  margin: 0 auto;
  display: block;
}
 .form-page-content form{
  margin: 0 5px !important;
}
 select#sort-by{
  /*width: 20% !important;*/
  margin-top: 10px;
  margin-right: 10px;
}
 .h-ban-sec .banner-contents{
  top: 0px !important;
}
 .reco-outer .slick-list{
  padding-right: 25%;
}
.product-image-container a.product-main-image img {
    height: 100% !important;
}
#sidebar .filter{
  padding: 30px 10px 30px 10px !important;
}
 .product .section-title h1 {
    padding-right: 0px;
}
 .tab-section .tabs #tabs-nav li{
    flex: 0 0 350px;
}
  .left_image_inner, .right_content_inner{
      width: 100%;
   }
   .collection-page-collection-page-template .product-details h3 {
    padding: 0 10px;
}
   .h-ban-sec .banner-contents .banner-cta {
    padding-top: 30px !important;
}
section.homepage-newsletter .newsletter__input {
    width: 100%;
    margin-bottom: 20px;
}
section.homepage-newsletter .newsletter__submit {
    border: 1px solid #fff;
    width: 100%;
}
   .page-center{
      width: 95% !important;
   }
   .left_image_inne{
      margin-bottom: 30px;
   }
   .left_image_inner img {
      width: 70%;
   }  
   .h-ban-sec .banner-contents .slider-con-inner{
  width: 100% !important;
      /*padding: 70px 0 !important;*/
}
.footer-inner-sec {
    width: 100%;
    margin: 0 auto;
}

   .gift_subsciption .row{
    flex-wrap: wrap;
   }
   .gift_subsciption .desktop-4.tablet-6.mobile-3.subscription_button{
    height: 100%;
   }
   .gift_subsciption h3.mobile-only {
      color: #fff;
  }
  .gift_subsciption {
    padding-bottom: 40px;
  }
  .Merchandise, .Brewing, .coffee{
        margin-top: 45px;
  }
  .subscription_details{
      margin-top: 35px;
  }
  .gift_subsciption .desktop-6.tablet-3.mobile-3 {
    text-align: center;
    margin-bottom: 30px;
  }
  .gift_subsciption.gift_card {
    padding-bottom: 15px !important;
  }

  /*new site*/
  .container {
    width: 90%;
    margin: 0 auto;
}
.logo-center img {
    width: 150px;
}
.listing .list-items{
  display: flex;
  flex-wrap: wrap;
}
.listing .sidemenu {
    width: 100%;
    padding: 0px;
}
.listing  .product-details {
grid-template-columns: auto;
    grid-gap: 45px 0px;}

.text-icons .imgtext {
  /*width: 90%;*/
  }
.listing .products .productname p {
    font-size: 15px;
}
.text-icons .imgtext .text h3 {
    font-size: 25px;
    line-height: 35px;
}

.grid_wrapper.product-loop.is_infinite{
      grid-template-columns: 1fr;
}
body.gridlock.shifter-left.collection .page-wrap .container{
  width: 100% !important;
}
.sort-filter .downarrow:before{
     color: rgb(46 45 47 / 51%);
     margin-right: 25px;
}
.sort-filter .selected.open .downarrow:before{
  transform: rotate(0deg);
}
/*footer*/
.mh-footer .footer-inner .menu {
padding-top: 50px;
padding-bottom: 35px;
flex-direction: column; 
justify-content: center;
/*flex-wrap: wrap;*/
}

.sort-filter .downarrow:before{
  float: none;
  margin-left: 10px;
  margin-right: 0;
}
.filterred a span {
    padding-left: 10px;
}
.mh-footer .social-icons ul {

justify-content: center;

}
.mh-footer .privacy-policy p{
    text-align: center;
    font-size: 10px;
}
.mh-footer .menu-sec {
display: flex;
justify-content: space-around;
padding-bottom: 20px;
}
.mh-footer .menu-head {
width: 40%;
}
.mh-footer .menu-list {
width: 50%;
}
.product-loop .box-ratio{
      padding-bottom: 105%!important;
}
.h-ban-sec .banner-contents .banner-cta {
    padding-top: 30px !important;
}
section.homepage-newsletter .newsletter__input {
    width: 100%;
    margin-bottom: 20px;
}
section.homepage-newsletter .newsletter__submit {
    border: 1px solid #fff;
    width: 100%;
}
#newsletter {
    line-height: 80px;
    padding: 50px 30px;
}
section.homepage-newsletter h2 {
    color: #ffffff !important;
    border-color: #ffffff !important;
    font-size: 23px;
    font-weight: 500;
    letter-spacing: 2px;
    padding-bottom: 10px;
}
section.homepage-newsletter p {
    padding-bottom: 30px !important;
}
.menu-list ul {
    margin-bottom: 0;
}
.collection-page-collection-page-template .product-details h3 {
    padding: 0 10px;
}
.product-form .select.pro-inner-sec .selector-wrapper,
.product-form .select.pro-inner-sec .selector-wrapper select{
  width: 100%;
}
.product-form .product-qty.selector-wrapper input{
      width: calc(100% - 76px) !important;
}
#product-description, .product-description{
  text-align: left !important;
}
.product .section-title,
.product-description #product-price,
.product-form .pro-inner-sec label,
.product-form .product-qty.selector-wrapper h5{
  text-align: left !important;
}
.product-cus-sec {
    padding-top: 130px;
}
.review-sec-inner{
    bottom: -70px;
}
.tab-inner-sec .tab-lt {
    width: 100%;
}
.tab-inner-sec .tab-rt{
  width: 100%;
}
.tab-image-sec {
    padding-left: 0;
    max-width: 2000px;
    overflow-y: scroll !important;
    margin-bottom: 35px;
}
/* Hide scrollbar for Chrome, Safari and Opera */
.tab-image-sec::-webkit-scrollbar,
.reco-outer::-webkit-scrollbar {
  display: none;
}

/* Hide scrollbar for IE, Edge and Firefox */
.tab-image-sec,
.reco-outer {
  -ms-overflow-style: none;  /* IE and Edge */
  scrollbar-width: none;  /* Firefox */
}

.tab-image-inner {
    width: 300px;
}
.reco-outer {
    max-width: 3000px;
    overflow-x: scroll;
}
.mud-pro{
  width: 300px;
}
.inner-read {
    padding-left: 0;
    margin-top: 0;
}
.tabs-stage{
  padding-bottom: 30px;
}
.readmore-text {
    text-align: center;
}
.tab-lt-sec .tab-sec-rt{
  width: 60%;
}
.tab-lt-sec .tab-sec{
  width: 40%;
}
.titke-image-sec {
    text-align: left;
    padding: 0 40px;
}
.brew-inner .brew-lt {
    width: 100%;
    padding-left: 0;
}
.brew-inner .brew-rt {
    width: 100%;
    margin-top: 30px;
}
.brew-step-inner {
    flex-wrap: wrap;
    justify-content: space-between;
    flex-wrap: wrap;
}
.brew-step-inner .step-des{
  margin-right: 0;
}
.brew-step-inner .brew-step {
    margin-right: 0px;
    width: 18%;
}
.brew-step-inner .step-des{
  width: 81%;
}


/*homepage*/

.h-ban-sec .banner-contents {
    width: 100%;
    padding-bottom: 93px;
   
}
/*.h-ban-sec .banner-contents .banner-slider-image img{
  height: 360px !important;
}*/
.h-ban-sec .banner-slider .slick-arrow {
    position: absolute;
    bottom: 45px;
    width: 45px;
    height: 20px;
    cursor: pointer;
}
.h-ban-sec .banner-contents .banner-cta a {
    padding: 20px 20px;
    font-size: 14px;
  }
.h-ban-sec .banner-contents h1 {
    font-size: 31px;
}
.h-ban-sec .banner-contents .slider-con-inner{
  width: 51%;
}
.layout-sec .layout-col .img-col {
    padding: 0;
}
.layout-sec02 .layout-col .content-col p{
  padding-bottom: 0;
}
.layout-sec.layout-sec01 .layout-col {
    flex-direction: column-reverse;
}

/*.mud-list-sec .slick-list {
    padding: 0 30% 0 0 !important;
}*/
    .h-ban-sec .banner-contents p {
    font-size: 15px;
}
.layout-sec .layout-col .img-col, .layout-sec .layout-col .content-col {
    width: 100%;
    padding: 50px 25px;
}
.layout-sec01 .layout-col .content-col {

    /*padding-left: px; */
}
.layout-sec .layout-col .img-col, .layout-sec .layout-col .content-col {
    width: 100%;
    padding: 50px 25px;
}
.layout-sec01 .layout-col .content-col {

    padding-left: 30px; 
        padding-bottom: 75px;
}
.layout-sec .layout-col {
    flex-wrap: wrap;
}
.layout-sec01 .layout-col .content-col .text-content p {
    color: #2E2D2F;
    font-size: 17px;
    padding-bottom: 5px;
}
.layout-sec .layout-col .img-col {
    padding: 0;
}
.layout-sec.layout-sec01 .layout-col {
    flex-direction: column-reverse;
}
.layout-sec02 .layout-col .content-col p{
  padding-bottom: 0;
}
.layout-sec01 .layout-col .content-col .text-content h2 {
    font-size: 32px;
    text-align: left;
}
.layout-sec01 .layout-col .content-col .text-content p {
    color: #2E2D2F;
    font-size: 17px;
}
.layout-sec01 .layout-col .content-col .text-content h2 {
    font-size: 32px;
}
/*    .layout-sec01 .layout-col .content-col {
    text-align: center;
}*/

    .form-sec .form-head {
    width: 100%;
}
.h-ban-sec .banner-contents .banner-cta {
    padding-top: 30px;
}
.form-sec .sign-form form {

    flex-wrap: wrap;
}
.form-sec .sign-form form button {
    margin-top: 20px;
    padding: 20px 125px;
}

.text-icons .imgtext {
    width: 100% !important;
    flex-wrap: wrap;
    justify-content: center;
}
.sort-filter {
    display: flex;
    justify-content: space-between;
         border-top: 2px solid #E7E7E7;
    border-bottom: 2px solid #E7E7E7;
   align-items: center; 
    text-align: center;

    display: flex;
    justify-content: space-between;

}
.listing .listing-inner .heading {

  display: none;
}
.sort-filter .drop-down .selected a{

    color: rgb(46 45 47 / 51%);
    /*color: #6A656B;*/
  padding: 0px;
}
.sort-filter .downarrow.class_two:before{
    color: rgb(46 45 47 / 51%);
    margin-right: 25px;
  /* color: #6A656B;*/
  transform: rotate(180deg);
}
.sort-filter .drop-down .options ul{
  top: 48px;
}
.collection-page-collection-page-template .gridlock-fluid .row{
  width: 100%;
}
.sort-filter .filter{
    display: block;
}
.sortby select {
  padding: 0px;
}
.selected.open a span {
    color: #6A656B;
}
.sort-filter .selected.open .downarrow:before{
  color: #6A656B;
  content: "\f077";
  font-size: 10px;
  font-weight: 400;
}
.filterred.open-filter a{
  color: #6A656B !important;
}
.filterred.open-filter a span svg g{
  fill: #6A656B !important;
}
.mob-filter {
    position: relative;
    margin-top: -42px;
}
.text-icons .text {
    /* padding: 20px 0px;
  margin-right: 20px; */
}
.mud-list {
    /* overflow: scroll; */
    padding-bottom: 45px;
}
.h-ban-sec .banner-contents .banner-cta {
    padding-top: 30px;
}

.listing .product-details .products .productimg img {
    width: 100%;
}
.listing  .list01 {
    display: none;
}
.list-items .sidemenu01 {
    display: flex;
    padding: 10px 6px;
    overflow: scroll;
    padding-top: 35px;
}
.listing .sidemenu .sidemenu01 p {
    padding: 10px 10px;
}
.listing .sidemenu .sidemenu01 p{
  display: block !important;
}
.listing .sidemenu p{
  display: none;
}
.sort-filter .drop-down .options ul{
  /*left: -150px;*/
  width: 100%;
    padding: 34px 70px;
}
.collection-page-collection-page-template .coll-head{
  display: none;
}
.desktop-sidebar.desktop-3.tablet-6.mobile-3.span-3 {
    display: none;
}
.sort-filter .drop-down {
    right: 8px;
    width: 47%;
    position: initial;
}

.sort-filter{
  position: relative;
}


.sort-filter .sort-filter {
    margin-top: 15px;
    margin-bottom: 32px;
    align-items: center;
}

.sort-filter .filter a {
    text-decoration: none;
    border: none;
    font-size: 14px;
    font-weight: bold;
    /* font-family: 'Raleway'; */
      color: rgb(46 45 47 / 51%);
    margin-top: 15px;
}


.sort-filter .filter a span img {
    width: 10px;
    height: 10px;
}

.sort-filter .filter {
    /*height: 32px;*/
    vertical-align: middle;
    margin-top: 1px;
    padding-top: 10px;
    text-align: center;
    width: 50%;
    border-right: 1px solid  #E7E7E7;
    padding: 10px 0;

}
.mob-filter{
  display: none;
}
.grid_wrapper.product-loop.is_infinite{
      grid-template-columns: 1fr;
}
body.gridlock.shifter-left.collection .page-wrap .container{
  width: 100% !important;
}
.sort-filter .downarrow:before{
     color: rgb(46 45 47 / 51%);
     margin-right: 25px;
}
.sort-filter .selected.open .downarrow:before{
  transform: rotate(0deg);
}
/*footer*/
.mh-footer .footer-inner .menu {
padding-top: 50px;
padding-bottom: 35px;
flex-direction: column; 
justify-content: center;
flex-wrap: wrap;
}
.sort-filter .downarrow:before{
  float: none;
  margin-left: 10px;
  margin-right: 0;
}
.filterred a span {
    padding-left: 10px;
}
.mh-footer .social-icons ul {

justify-content: center;

}
.mh-footer .privacy-policy p{

    font-size: 10px;
}
.mh-footer .menu-sec {
display: flex;
justify-content: space-around;
padding-bottom: 20px;
}
.mh-footer .menu-head {
width: 40%;
}
.mh-footer .menu-list {
width: 50%;
}
.product-main-images .slick-arrow{
  display: none !important;
}
/*.lazyload-fade.lazyloaded{
  width: 60%;
}*/
.lazyload-fade.lazyloaded{
  /* height: 100%; */
  object-fit: contain;
}

.three-contents .listings {
    grid-template-columns: 1fr;
    grid-gap: 40px 20px;
    padding-top: 25px;
}
.tab-section .tab-content{
flex-direction: column;
}
.tab-section .tab-content .left-content {
width: 100%;
}
.tab-section .tab-content .right-list {
width: 100%;
}
.right-list ul li .step-n {
width: 80%;
}
.right-list ul li .step-c {
width: 20%;
}
.tab-section .tabs #tabs-nav {
    width: auto;
}
.learn-accord .sec-inner {
    padding-top: 25px;
    padding: 25px 0px 0px 0px;
}
.side-head {
    margin: auto;
    margin-bottom: 70px !important;
}
.learn-accord .accordion_body p{
  padding-right: 0;
}
.learn-accord .sec-inner {
    flex-wrap: wrap;
}
.learn-accord .accordion_container {
    width: 100%;
}
.three-contents {
    padding-top: 50px;
    padding-bottom: 100px;
}
.learn-accord .sec-inner {

    padding: 25px 0px 0px 0px;
}
/*gift page*/
.gift-banner-sec {
    width: 100%;
}
.gift-sub-inner {
    flex-direction: column-reverse;
}
.gift-banner-img {
    width: 100% !important;
    margin-top: 30px;
}
.gift-sub-banner-sec {
    width: 100% !important;
    margin-top: 30px;
    text-align: center;
}
.gift-sub-title h2 {
    color: #fff;
    font-size: 25px;
    letter-spacing: .36px;
    font-weight: 500;
    /* font-family: Raleway,sans-serif!important; */
}
.gift-sub-banner{
  padding-left: 0;
  padding-right: 0;
}
.gift-sub-title-sub p {
    font-size: 18px;
  }
  .gift-pro-sec{
    padding: 30px 0 !important;

  }
  .image-sec-click {
    width: 100%;
}
.gift-pro-details {
    width: 100%;
}
ul.tabs-nav-gift li a{
  font-size: 14px;
}
ul.tabs-nav-gift li {
    list-style-type: none;
    margin: 0 13px;
}
ul.tabs-nav-gift li:first-child {
    margin-left: 0;
}
ul.tabs-nav-gift li:last-child {
    margin-right: 0;
}
.bottom-bnr-inner {
    flex-direction: column-reverse;
}
.bottom-banner-lt {
    width: 100%;
   padding: 40px;
}
.bottom-banner-rt {
    width: 143%;
    overflow: hidden;
}
.bn-rt-sec img {
    position: relative;
    width: 100%;
    top: 0;
    r: 0;
    right: 0;
    height: 100%;
}
.bottom-title-gift h2{
  font-size: 22px;
  text-align: center;
}
.bottom-gift-sub p {
  font-size: 16px;
  text-align: center;
}
.bottom-gift-btn {
    text-align: center;
}
.bottom-gift-btn a {
    padding: 18px 30px;
    font-size: 15px;
}
.mercendise .slick-list,
.brewing-equipment .slick-list,
.coffee-slider-inner .slick-list {
    padding: 0 15% 0 0;
}
.gift-tab-section,
.cofee-slider-bottom {
    padding-bottom: 25px;
}
.bottom-gift-head h4 {
    font-size: 19px;
    font-weight: 500;
}
.coffee-product-details input.product-quantity.get-qty{
  width: calc(100% - 30%) !important;
}
.coffee-product-details .downer, .coffee-product-details .up {
    width: 15%;
}
.coffee-product-details .add{
  width: 100% !important;
}
.coffee-product-details .product-add {
    margin-top: 30px;
    text-align: left;
}
.gift-banner-img img{
  width: 100%;
}
.gift_page_image .box-ratio img, .giftpage .box-ratio img{
  object-fit: cover;
}
/*about*/

.about-tab .our-story .our-story-img {
    width: 100%;
}
.about-tab .our-story .story {
    width: 100%;
    padding-bottom: 20px;
    padding-right: 30px;
    padding-left: 30px;
}
.about-tab .our-story {
    flex-wrap: wrap;
}
.about-tab .our-story .story .content {
    padding: 0px;
}
.about-tab .our-story .story .title {
 
    padding: 0px;
}
.about-tab .bottom-content {
    width: 100%;
}
.about-tab .q-graders .q-contents .q-content02 {
    width: 100%;
}
.about-tab .q-graders .q-contents .q-content01 {
    width: 100%;
}
.about-tab .q-graders .q-contents {
    flex-wrap: wrap;
}
.about-tab .q-graders .center-img {
     width: 100%;
}
.about-tab .q-graders .center-img img {
    width: 100%;
}
.about-tab {
    padding-top: 30px;
}
.about-tab .tab-list ul.list01 li{
    padding: 0 13px;
}
.about-tab .tab-list ul.list01 li a {
    font-size: 14px;
    font-weight: 500;

}
.about-tab .tab-list ul.list01 {
  
    margin-bottom: 45px;
}
.banner-sec.about.banner h1 {
    width: 95%;
    font-size: 30px;
    line-height: 32px;
}
.banner-sec.about.banner a.watchvedio{
  font-weight: 700;
}
.about-tab .the-team .two-img-sec {
    flex-wrap: wrap;
    margin-bottom: 30px;
}
.about-tab .the-team .four-img-sec {
       grid-template-columns: 1fr;
       margin: 0;
       grid-gap: 30px;
       margin-bottom: 50px;
}
.about-tab .pledge .leftimg-rightcontent .right-content {
    width: 90%;
    margin: 15px auto;
    margin-top: 35px !important;
}
.about-tab .pledge .leftimg-rightcontent .leftimg {
    width: 100%;

}
.about-tab .pledge .leftimg-rightcontent {
    flex-wrap: wrap;
}
.about-tab .pledge .pledge-content {
    width: 100%;
}
.about-tab .the-team  .image-name .imge01 img {
    width: 100%;
}
.about-tab .the-team .four-img-sec  .image-name {
    padding-bottom: 40px;
}
.about-tab .the-team .header h2 {
    width: 100%;
    font-size: 22px;
    line-height: 30px;
}
.popup-vedio iframe{
    width: 100%;
}
.about-tab .pledge .header02 {
    margin-top: 35px;
    margin-bottom: 30px;
}
.about-tab .pledge .pledge-content01{
    width: 100%;
}
.banner-sec {
    padding-top: 150px;
}
.about-tab .the-team .header {
    padding-top: 30px;
    padding-bottom: 40px;
    width: 100%;
}
.about-tab .the-team .image-name .imge01 img {
    width: 100%;
    padding: 0;
    height:100%;
    object-fit: cover;
}
.about-tab .tab-list ul.list01{
  justify-content: center;
}
.about-tab .our-story .our-story-img img {
    height: 265px;
}
.about-tab .our-story .story{
  padding: 20px !important;
}
.about-tab .our-story .story .title h2{
  font-weight: 500;
  font-size: 23px;
}
.about-tab .our-story .story p,
.about-tab .bottom-content p,
.about-tab .q-graders .q-contents p{
    font-size: 16px;
    line-height: 24px;
}
.about-tab .q-graders .title01 h2 {
    font-weight: 500;
    font-size: 24px;
}
.about-tab .the-team .two-img-sec .image-name:first-child{
  margin-bottom: 30px;
}
.about-tab .the-team .two-img-sec .image-name:first-child,
.about-tab .the-team .two-img-sec .image-name:last-child{
  margin-right: 0;
  margin-left: 0;
  width: 100%;
}
.about-tab .pledge .leftimg-rightcontent .leftimg img{
  height: 350px;
}
.subscription_widget select, select.subcoffee {
    width: 100%;
}
/*work with us*/
.simple-inner-wrk {
    width: 100%;
    margin: 0 auto;
}
.simple-sec .c-cta a {
    background: #2E2D2F;
    color: #FFFFFF;
    width: 100%;
    display: inline-block;
    text-transform: uppercase;
}
.simple-sec .c-cta{
  padding-top: 50px;
}


/*mh-volcan*/
.latest-news .threebox {
display: unset;
grid-column-gap: 0px;
grid-template-columns: auto auto;
}
.latest-news .threebox .news {
margin: 10px;
}
.latest-news .threebox .news-content {
padding: 20px 20px 0px 20px;
}
.latest-news .slick-list{
padding:0 20% 0 0 !important;
}
.cofee-para .content01 {
width: 90%;
}
.mission .img-content .image-left {
width: 100%;
}
.mission .img-content .content-right {
width: 100%;
}
.mission .img-content {
flex-wrap: wrap;
}
.mission  .mission-header {
padding-top: 30px;
}
.cofee-slide .slick-arrow.slick-next{
right: 35px;
}
.cofee-slide .slick-arrow.slick-prev{
right: 115px;

}
.cofee-slider .slider__counter{
right: 16px;
}
.cofee-slider .slider-content p:before{
left: -20px;
}

.cofee-slider .slider-content p {
    padding-left: 43px;
    padding-right: 108px;
}
.mission .img-content .image-left img {
    object-fit: cover;
}
.mission .mission-content{
    padding-right: 0px;
}
.mission .img-content .content-right .content-texts {
    padding: 30px;
}

.cofee-slider .slider-header {
    width: 90%;
}

/*FAQ*/
.faq-sec ul#faq li {

    padding: 22px 20px;
}
.faq-sec ul li a {
    font-size: 14px;
}
.faq-sec ul#faq {
    display: flex;
    justify-content: center;

}
.faq-sec .side-head {
    width: 100%;
    margin-bottom: 10px !important;
}
.faq-tab.sec-inner {
    flex-wrap: wrap;
}
.faq-sec .tab-content01 {
    width: 100%;
}

/*privacy-policy*/
.container2 {
        width: 90%;
        margin: 0 auto
    }



    .tab-section .tab-content{
flex-direction: column;
}
.tab-section .tab-content .left-content {
width: 100%;
}
.tab-section .tab-content .right-list {
width: 100%;
}
.right-list ul li .step-n {
width: 80%;
}
.right-list ul li .step-c {
width: 20%;
}
.tab-section .scroll-tab{
    width: 100% !important;
}

/*.tab-section .tabs li.slick-active .tabber-head p {
    color: #fff;
    background-color: #6A656B;
}*/
.tab-section .tabs li.active .tabber-head p {
    color: #2E2D2F;
    background-color: #6A656B;
}
.priv-bootm-sec p{
  width: 100%;
}
.container2{
  width: 95%;
  
}
.privacy-top-sec {
    width: 90%;
}
.privacy-bottom-sec {
    width:90%;
}
.two-img-sec .imge01 {
    width: 100%;

}
.gift-pro-details .product-details .slect-gift select {
    width: 100%;
    max-width: 100%;
  }
  .gift-pro-details .product-details .slect-gift:after {
    right: 40px;
}
.gift-pro-details .product-details .slect-gift:before {

    right: 44px;
}
.gift-pro-details .product-details .slect-gift:after, .gift-pro-details .product-details .slect-gift:before {
    top: 28px;
  }
  .customers\/reset_password div#template {
    width: 100%;
    margin: 0 auto;
}
#sidebar .filter{
  box-shadow: 0 3px 10px rgb(0 0 0 / 10%);
}
  div#mce-success-response {
    width: 100% !important;
}
/*press*/
.press-outer {
    grid-template-columns: 1fr;
}
}
@media only screen and (max-width: 1180px) {
.mh-footer .social-icons ul{
  justify-content: center;
}
}
@media only screen and (max-width: 1200px){
  .text-icons .imgtext .text h3 {
    font-size: 25px;
    line-height: 35px;
}
.text-icons .imgtext{
  grid-gap: 50px !important;
}
}
/*************************iPad Portrait***************/
@media only screen and (max-width: 985px) and (min-width: 768px){
  .learn-accord .sec-inner{
    padding:25px 0px;
  }
   .left_image_inner, .right_content_inner{
      width: 45%;
   }
   .layout-sec01 .layout-col .content-col .text-content .cta a,
   .layout-sec02 .layout-col .content-col .text-content .cta a {
    padding: 20px 35px !important;
  }
  .text-icons .imgtext .text h3 {
    font-size: 25px;
    line-height: 35px;
}
.text-icons .imgtext{
  grid-gap: 50px !important;
}
   .page-center{
      width: 95% !important;
   }
   .left_image_inner img {
      width: 70%;
   } 
   .h-ban-sec .banner-contents .slider-con-inner{
  width: 60% !important;
      /*padding: 70px 0 !important;*/
}
   .gift_subsciption .row{
    flex-wrap: wrap;
   }

   .gift_subsciption .desktop-4.tablet-6.mobile-3.subscription_button{
    height: 100%;
   }
   .gift_subsciption .desktop-4.subscription_details {
    text-align: center;
    width: 100%;
    margin-bottom: 25px;
    margin-top: 0px !important;
  }
  .footer-inner-sec {
    width: 100%;
    margin: 0 auto;
}
  .gift_subsciption .subscription_image_product {
    text-align: center;
  }
  .gift_subsciption .desktop-4.mobile-3,
  .gift_subsciption .desktop-12.tablet-6.mobile-3.span-12.coffee-gift.coffee-subs-product,
  .gift_subsciption .desktop-12.tablet-3.mobile-3.coffee-product-details{
    width: 100%;
}
.gift_subsciption h3.mobile-only{
  color: #fff;
}
  .gift_subsciption {
    padding-bottom: 90px;
  }
  .gift_subsciption .desktop-6.tablet-3.mobile-3 {
    text-align: center;
    margin-bottom: 30px;
  }
  .gift_subsciption.gift_card {
    padding-bottom: 15px !important;
  }
  /*new site*/
  .container {
    width: 95%;
    margin: 0 auto;
}


.text-icons .imgtext {
  width: 90%;
  
}
/*homepage*/

.h-ban-sec .banner-contents {
    width: 100%;
   
}
.h-ban-sec .banner-contents h1 {
    font-size: 31px;
}
    .h-ban-sec .banner-contents p {
    font-size: 15px;
}
.layout-sec .layout-col .img-col, .layout-sec .layout-col .content-col {
    width: 50%;
    padding: 50px 25px;
}
.layout-sec01 .layout-col .content-col {
        padding-bottom: 75px;
    padding-left: 30px; 
}
.layout-sec .layout-col {
    flex-wrap: wrap;
}
.layout-sec .layout-col .img-col{
  padding: 0 !important;
}
.layout-sec01 .layout-col .content-col .text-content p {
    color: #2E2D2F;
    font-size: 17px;
}
.layout-sec01 .layout-col .content-col .text-content h2 {
    font-size: 32px;
}
    .layout-sec01 .layout-col .content-col {
    text-align: center;
}

    .form-sec .form-head {
    width: 100%;
}
.form-sec .sign-form form {

    flex-wrap: wrap;
}

.mud-list {
    overflow: scroll;
    padding-bottom: 45px;
}
.h-ban-sec .banner-contents .banner-cta {
    padding-top: 30px;
}


.text-icons .imgtext {
    width: 100% !important;
}
.listing .product-details .products .productimg img {
    width: 100%;
}
.brew-inner .brew-lt {
    width: 33%;
    padding-left: 0;
}
.brew-inner .brew-rt {
    width: 65%;
}
.brew-step-inner .brew-step{
  width: 11%;
}
.tab-list-sec {
    max-width: 100%!important;
    padding-top: 70px;
}
.review-sec-inner {
    bottom: -40px;
}
.product-main-images .slick-arrow{
  display: none !important;
}


.three-contents .listings {
    grid-template-columns: 1fr 1fr;
    grid-gap: 50px 30px;
    padding-top: 25PX;
}
.tab-section .tab-content{
flex-direction: column;
}
.tab-section .tab-content .left-content {
width: 100%;
}
.tab-section .tab-content .right-list {
width: 100%;
}
.right-list ul li .step-n {
width: 80%;
}
.right-list ul li .step-c {
width: 20%;
}
.tab-section .tabs #tabs-nav {
    width: auto;
}
.three-contents .listings {
    grid-template-columns: 1fr 1fr;
    grid-gap: 70px 30px;
}
.mercendise .slick-list,
.brewing-equipment .slick-list,
.coffee-slider-inner .slick-list {
    padding: 0 15% 0 0;
}
.bottom-bnr-inner {
    /*flex-direction: column-reverse;*/
}
.bottom-banner-lt {
    padding: 25px;
  }
.bn-rt-sec img {
    position: relative;
    width: 100%;
    top: 0;
    r: 0;
    right: 0;
    height: 100%;
}
.bottom-title-gift h2{
  font-size: 25px;
  text-align: center;
}
.bottom-gift-sub p {
  font-size: 17px;
  text-align: center;
}
.bottom-gift-btn {
    text-align: center;
}
.bottom-gift-btn a {
    padding: 16px 30px;
    font-size: 15px;
}

/*about*/
.about-tab .our-story .story .content {
    padding: 0px 20px !important;
}
.about-tab .our-story .story .title {

    padding: 0px 20px;
}
.about-tab .bottom-content {
    width: 90%;
}
.about-tab .pledge .pledge-content {
    width: 90%;
}
.about-tab .the-team .four-img-sec {
    grid-template-columns: 1fr 1fr;
}
.about-tab .the-team .four-img-sec .imge01 img {
    width: 100%;
}
.about-tab .the-team .two-img-sec {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-column-gap: 20px;
}
.about-tab .the-team .two-img-sec .imge01 img {
    padding:0px;
    width: 100%;
    height: 100%;
    }

.about-tab .the-team .header {

    width: 100%;
}
.about-tab .the-team .image-name {
  width: unset !important
}
.about-tab .the-team .two-img-sec .image-name:last-child {
    margin-left: 0px !important
}
/*.about-tab .the-team .image-name {
    width: 90% !important;
    margin: 0 auto;
}*/
.about-tab .the-team .two-img-sec .image-name:first-child{
  margin-right: 0px;
}

.about-tab .the-team .two-img-sec .imge01 {
    height: 311px;
}
.about-tab .the-team .header {
    padding-top: 49px;
    padding-bottom: 50px;
}
.about-tab .the-team .name-role {
    width: 90%;
}
.story.right-padding{
  padding-left: 0 !important;
}
.story.left-padding{
  padding-right: 0 !important;
}
.banner-sec.about.banner h1 {
    width: 60%;
  }
/*work with us*/
.simple-inner-wrk {
    width: 65%;
    margin: 0 auto;
}

/*mh-volcan*/
.latest-news .threebox {
grid-column-gap: 23px;
}
.latest-news .threebox .news-content {
padding: 28px 20px 0px 20px;
}
.cofee-slider .slider-header {
width: 75%;
}

.cofee-slider .slider-content {
padding-top: 40px;
}
.cofee-slider .slider__counter {
right: 34px;
}
.cofee-slide .slick-arrow.slick-next {
right: 55px;
}
.cofee-slide .slick-arrow.slick-prev {
right: 130px;
}
.cofee-slider .slider-content p:before {
left: 3px;
}
.cofee-slider .slider-content p {
padding-left: 42px;
}
.mission .img-content .content-right .content-texts {
padding: 20px;
}
.mission .mission-content {
padding-right: 30px;
}
.mission .img-content .image-left img {
    object-fit: cover;
}
.cofee-para .content01 {
    width: 90%;
}


/*FAQ*/

.faq-sec ul li a {
    font-size: 14px;
}

.faq-sec .side-head {
    width: 30%;
}

.faq-sec .tab-content01 {
    width: 70%;
}

/*privacy-policy*/
.container2 {
        width: 90%;
        margin: 0 auto
    }

.privacy-top-sec {
    width: 90%;
}
.privacy-bottom-sec {
    width:90%;
}

.tab-section .tab-content{
flex-direction: column;
}
.tab-section .tab-content .left-content {
width: 100%;
}
.tab-section .tab-content .right-list {
width: 100%;
}
.right-list ul li .step-n {
width: 80%;
}
.right-list ul li .step-c {
width: 20%;
}
.tab-section .scroll-tab{
    width: 100% !important;
}
.priv-bootm-sec p{
  width: 70%;
}
.container2{
  width: 95%;
  
}
.two-img-sec .imge01 {
    width: 100%;

}
.gift-pro-details .product-details .slect-gift select {
    width: 100%;
    max-width: 100%;
  }
  .gift-pro-details .product-details .slect-gift:after {
    right: 12px;
}
.gift-pro-details .product-details .slect-gift:before {

    right: 17px;
}
.gift-pro-details{
  width: 50%;
}
.gift-pro-details .product-details .slect-gift:after, .gift-pro-details .product-details .slect-gift:before {
    top: 28px;
  }
  .gift-pro-sec {
    padding: 20px 0px;
}
.gift-pro-details .product-details .slect-gift select {
        width: 100%;
        max-width: 100%;
}
 .gift-pro-details .product-add {
    text-align: left !important;
}
 .customers\/reset_password div#template {
    width: 60%;
    margin: 0 auto;
}
.bn-rt-sec{

  width: 150%;
  overflow: hidden;
}
.product .section-title h1 {
    padding-right: 0px;
}
select#sort-by{
  /*width: 15%;*/
}
  div#mce-success-response {
    width: 100% !important;
    text-align: center;
}
#shopify-section-collection-page-template .span-9{
  position: relative;
}
.sort-filter{
  /* height: 2px; */
}
}


@media only screen and ( max-width: 1180px ) and (min-width: 987px){
.top-header-outer .container {
    padding-left: 20px;
}
#shopify-section-collection-page-template .span-9{
  position: relative;
}
.sort-filter{
  /* height: 2px; */
}
}

/**************iPad Landscape***************/
@media only screen and ( max-width: 1024px ) and (min-width: 986px){
   .learn-accord .sec-inner{
    padding:50px 50px;
  }
  ul.nex-prev-btn li.Pre_article {
    left: -30px !important;
}
ul.nex-prev-btn li.next_article {
    right: -70px !important;
}
  div#mce-success-response {
    width: 100% !important;
    text-align: center;
}
  .product .section-title h1 {
    padding-right: 0px;
}
 .h-ban-sec .banner-contents .slider-con-inner{
  width: 60% !important;
      /*padding: 110px 0 !important;*/
}
  .bn-rt-sec{

  width: 130%;
  overflow: hidden;
}
   .page-center{
      width: 95% !important;
   }

   .gift_subsciption h3.mobile-only {
      color: #fff;
  }
  /*new site*/

  .container {
    width: 90%;
    margin: 0 auto;
}
.privacy-top-sec {
    width: 90%;
}
.privacy-bottom-sec {
    width:90%;
}

.footer-inner-sec {
    width: 100%;
    margin: 0 auto;
}
.text-icons .imgtext {
  width: 90%;
  
} 

.mud-list {
    grid-column-gap: 4px;
}
.listing .product-details .products .productimg img {
    width: 100%;
}
.tab-list-sec {
    max-width: 100%!important;
    padding-top: 70px;
}
.review-sec-inner {
    bottom: -40px;
}
.product-main-images .slick-arrow{
  display: none !important;
}
/*about*/
.about-tab .the-team .four-img-sec .imge01 img {
  padding:0px 10px;
  width: 100%;
  }
  .about-tab .the-team .four-img-sec .imge01{
      width: 90%;
      margin: 0 auto;
  }
  .banner-sec.about.banner h1 {
    width: 60%;
  }
  .about-tab .the-team .two-img-sec .imge01 img {
   height: 100%;
       width: 100%;
    object-fit: cover;
}
.story {
    padding: 0 30px !important;
}
.about-tab .the-team .two-img-sec .image-name {
    width: 40%;
}

/*mh-volcan*/

.cofee-para .content01 {
width: 73%;
}
.mission .img-content .content-right .content-texts {
    padding: 30px 50px;
}


.tab-section .scroll-tab{
    width: 100% !important;
}
.right-list ul li .step-c {
    width: 10%;
}

/*Gifts*/
.bottom-banner-lt{
  padding: 40px;
}

/*privacy-policy*/
.container2 {
        width: 90%;
        margin: 0 auto
    }

    .cofee-slider .slider-content p:before {
left: 25px;
}
.cofee-slider .slider-content p {
 /* padding-left: 75px;*/
 text-align: center;
 color: red;
}
.priv-bootm-sec p{
  width: 70%;
}
.two-img-sec .imge01 {
    width: 100%;

}

  .gift-pro-details .product-details .slect-gift:after {
    right: 40px;
}
.gift-pro-details .product-details .slect-gift:before {

    right: 44px;
}
.gift-pro-details .product-details .slect-gift:after, .gift-pro-details .product-details .slect-gift:before {
    top: 28px;
  }
  .gift-pro-sec {
    padding: 30px;
}

 .customers\/reset_password div#template {
    width: 60%;
    margin: 0 auto;
}
.gift-pro-details .product-details .slect-gift select {
        width: 100%;
        max-width: 100%;
}
.faq-sec .side-head {
    width: 30%;
}

.faq-sec .tab-content01 {
    width: 70%;
}

}
@media only screen and ( max-width: 1190px ) and (min-width: 1024px){
  .container{
    width: 90% !important;
    max-width: 90% !important;
  }
}
@media only screen and ( max-width: 1150px ) and (min-width: 1024px){

    .cofee-slider .slider-content p:before {
left: 25px;
}
.cofee-slider .slider-content p {
  padding-left: 75px;
 
}
.two-img-sec .imge01 {
    /*width: 100%;*/

}
.coffee-product-details select.subcoffee{
 padding-right: 40px
}
.bottom-bnr-inner.left-padding {
    padding-left: 20px;
}
.bottom-banner-lt {
    padding: 25px;
}
.faq-sec .side-head {
    width: 30%;
}

.faq-sec .tab-content01 {
    width: 70%;
}
}
/*******************************************/
section#newsletter .row {
    display: block !important;
    margin: 0 !important;
}
/*new product detail page*/
.section-title.new-product-title h1{
      font-weight: 500;
    font-size: 22px;
    line-height: 26px;
    color: #000000;
    margin-bottom: 0px;
    padding-bottom: 10px !important;
}
.product-des-new,
.product-des-new p {
    font-weight: 300;
    font-size: 16px;
    line-height: 22px;
    color: #000000;
    width: 370px;
    margin-bottom: 14px;
}
.review-sec-inner{
  margin-top: 0 !important;
}
.product-price-new {
    font-weight: 600;
    font-size: 22px;
    line-height: 26px;
    color: #000000;
    margin-top: 14px !important;
    display: inline-block;
    padding-bottom: 20px !important;
    margin-bottom: 10px !important;
    border-bottom: 1px solid rgba(136, 136, 137, 0.31);
    width: 270px;
    display: none;
}
.quantity-size-outer {
      display: flex;
      margin-bottom: 23px;
  }
  .quantity-size-outer .selector-wrapper{
    margin: 0 !important;
  }
  .selector-wrapper:first-child {
      margin-right: 25px !important;
      font-weight: 500 !important;
    font-size: 16px;
    line-height: 18px;
    color: #000000 !important;
    min-width: 145px !important;
    width: auto !important;
  }
  .quantity-size-outer label,
  .quantity-size-outer h5{
    line-height: 18px !important;
    font-weight: 400;margin-bottom: 5px !important;
  }
  .quantity-size-outer select{
    font-weight: 400;
    font-size: 16px;
    line-height: 18px;
    color: #888889;
    width: 145px;
    height: 48px;
    border: 1px solid #5D5D5E;
    border-radius: 2px;
  }
  .new-singel-product span.rc_label__delivery {
    font-weight: 400;
    font-size: 11px;
    line-height: 16px;
    text-transform: uppercase;
    color: #888889;
  }
  .new-singel-product select.rc_select {
    width: 145px;
    height: 48px;
    border: 1px solid #5D5D5E;
    border-radius: 2px;
    font-weight: 500;
    font-size: 16px;
    line-height: 18px;
    color: #000000;
  }
  div#rc_container{
    margin-bottom: 0 !important;
  }
  .new-single-product-sec input#AddToCart{
    margin-top: 15px !important;
    width: 270px !important;
    height: 48px;
    background: #6A656B;
    font-weight: 700;
    font-size: 16px;
    line-height: 22px;
    text-align: center;
    color: #FFFFFF;
    display: flex;
    justify-content: center;
  }
  .new-single-product-sec input#AddToCart:hover{
    background: #827C83;
    color: #FFFFFF;
  }
div#rc_radio_options input {
    height: auto;
}
.product-form .select.pro-inner-sec .selector-wrapper,
.new-singel-product select.rc_select{
  appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    background: url('//mudhouse.com/cdn/shop/t/38/assets/dwn-arw.svg?v=101184534529357698511759473422') no-repeat;
    background-position: right 8px center;
    cursor: pointer;
    padding-right: 30px;
}
div.rc_popup{
  margin-top: 14px !important;
}
.quantity-size-outer .product-qty.selector-wrapper input{
      width: 25px !important;
}
.product-qty.selector-wrapper{
  padding-right: 0 !important;
}
div#thumbnail-gallery {
    display: none;
}
@media only screen and (max-width: 450px){
  .product-des-new, .product-des-new p{
    width: 100%;
  }
 .outer-details .four-col-inner:first-child{
  padding-left: 51px;
 }
 .outer-details .four-col-inner:last-child{
  padding-right: 51px;
 }
}
@media only screen and (max-width: 740px){
  .gift-tab-section ul.tabs-nav-gift li a{
    font-size: 16px;
  }
  .review-sec-inner,
  .review-sec-inner+div{
    margin: 0 !important;
  }
  .how-to-brew-outer{
    grid-template-columns: 1fr !important;
    grid-gap: 50px;
  }
  .left-brew.left-padding{
    padding: 0 20px !important;
    padding-top: 50px !important;
  }
  .product-cus-sec{
    padding-top: 0px !important;
  }
  /*.outer-details .four-col-inner{
    width: 100% !important;
    border-right: 0 !important;
    border-bottom: 1px solid rgba(136, 136, 137, 0.31);
    padding: 50px 50px !important;
  }
  .outer-details .four-col{
    flex-direction: column !important;
    justify-content: center;
    text-align: center;
    align-items: center;
  }
  .outer-details .four-col .four-col-inner:first-child{
    padding-right: 50px !important;
  }*/

  .three-steps{
    grid-template-columns: 1fr !important;
  }
  .outer-details .four-col-inner:first-child{
    padding-left: 51px !important;
 }
 .outer-details .four-col-inner:last-child{
  padding-right: 51px !important;
 }
  .outer-details .four-col .four-col-inner:first-child{
    padding-right: 51px !important;
  }
  .container-detail{
    width: 1050px !important;
  }
}
@media only screen and (max-width: 1230px) and (min-width: 741px){
  .outer-details .four-col-inner:first-child{
  padding-left: 51px;
 }
 .outer-details .four-col-inner:last-child{
  padding-right: 51px;
 }
  .outer-details .four-col .four-col-inner:first-child{
    padding-right: 51px !important;
  }
  .how-to-brew-outer {
    grid-template-columns: 1fr !important;
    grid-gap: 0px !important;
  }
  .left-brew.left-padding{
    padding-left: 30px !important;
    padding-right: 30px !important;
  }
    .outer-details .four-col-inner:first-child{
    padding-left: 51px !important;
 }
 .outer-details .four-col-inner:last-child{
  padding-right: 51px !important;
 }
  .outer-details .four-col .four-col-inner:first-child{
    padding-right: 51px !important;
  }
}
@media only screen and (max-width: 1030px) and (min-width: 985px){
  .left-brew.left-padding {
    padding-left: 20px !important;
  }
}
section.text-section{
  padding: 100px 0;
}
section.text-section .container {
    max-width: 841px;
}
section.text-section .text-section-header h1{
  color: #000;
  text-align: center;
  font-size: 42px;
  font-style: normal;
  font-weight: 500;
  line-height: 49px;
  text-transform: uppercase;
  margin-bottom: 30px;
}
.cta-container{
  text-align: center;
}
.cta-container a {
    color: #FFF;
    /* font-family: Raleway; */
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 22px;
    background: #6A656B;
    padding: 13px 20px;
    display: inline-block;
}
.cta-container a:hover{
  background: #827C83;
		color: #FFFFFF;
}
section.text-section .text-section-header p{
color: #000;
text-align: center;
font-size: 18px;
font-style: normal;
font-weight: 300;
line-height: 30px; /* 166.667% */
max-width: 697px;
margin: 0 auto !important;
margin-bottom: 40px !important;
}

section.two-image-section {
    display: grid;
    grid-template-columns: 1fr 1fr;
}
section.two-image-section img{
  width: 100%;
  height: 100%;
}
div[data-forms-id="forms-root-45757"] {
    max-width: 1366px;
    margin: 0 auto;
}
div#shopify-block-9472755d-4ed2-4f80-a0c9-c6947e8b263d{
  position: relative;
  padding: 100px 0;
}
div#shopify-block-9472755d-4ed2-4f80-a0c9-c6947e8b263d:before{
  content: "";
  background: url('mh-icon-left.svg');
  position: absolute;
  bottom: 0;
  left: 0;
  width: 206px;
  height: 406px;
      background-repeat: no-repeat;
    background-size: cover;
}
div#shopify-block-9472755d-4ed2-4f80-a0c9-c6947e8b263d:after{
  content: "";
  background: url('mh-icon-right.svg');
  position: absolute;
  bottom: 0;
  right: 0;
  width: 206px;
  height: 406px;
      background-repeat: no-repeat;
    background-size: cover;
}

@media (max-width: 1380px){
  div[data-forms-id="forms-root-45757"] {
    padding: 0 20px;
  }
  div#shopify-block-9472755d-4ed2-4f80-a0c9-c6947e8b263d{
    padding: 60px 0;
  }
  
}
@media (max-width: 860px){
  section.text-section{
    padding: 60px 0;
  }
  div#shopify-block-9472755d-4ed2-4f80-a0c9-c6947e8b263d:before,
  div#shopify-block-9472755d-4ed2-4f80-a0c9-c6947e8b263d:after{
    display: none;
  }
  section.two-image-section {
    grid-template-columns: 1fr;
}
section.text-section .text-section-header h1{
  font-size: 26px;
  line-height: 31px;
  text-align: left;
}
section.text-section .text-section-header p{
  font-size: 16px;
  text-align: left;
  max-width: 100%;
}
.cta-container{
  text-align: left;
}
}

/*subcription LP*/
.banner-section-lp {
  text-align: center;
  padding: 164px 0;
  padding-bottom: 215px;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}
section.banner-section-lp .banner-subtitle {
    color: #CCB061;
    text-align: center;
    font-family: "Sackers Gothic Std";
    font-size: 18px;
    font-style: normal;
    font-weight: 850;
    line-height: 50px;
    letter-spacing: 1.8px;
}
section.banner-section-lp h1 {
    color: #CCB061;
    text-align: center;
    font-size: 58px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: 12.18px;
    font-family: Giveny;
    margin-bottom: 44px;
}
.page-subscription-lp{
  background: #2A292B !important;
}
.banner-section-lp .container {
  max-width: 900px;
  margin: 0 auto;
}
.banner-section-lp p {
    color: #CCB061;
    text-align: center;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 38px;
    max-width: 608px;
    margin: 0 auto;
}
.banner-section-lp p:last-child{
  margin-bottom: 0;
}
.banner-section-lp .btn {
    color: #2A292B;
    text-align: center;
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    letter-spacing: 1.26px;
    padding: 26px 68.328px 24px 68.329px;
    border: 1px solid #CCB061;
    background: #CCB061;
    display: inline-block;
    margin-top: 92px;
}
.banner-section-lp .btn:hover {
  background-color: transparent;
  color: #CCB061;
}
section.left-title-right-description .container{
  position: relative;
}
.left-title-right-description {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
/*  padding-top: 50px;*/
  
}
.lf-title-rt-des-inner{
  display: grid;
  grid-template-columns: 1fr 1fr;
  padding: 132px 0 238px;
}
.left-title-right-description h2 {
  color: #CCB061;
  font-family: Giveny;
  font-size: 38px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  letter-spacing: 7.98px;
}
.left-title-right-description p {
  color: #CCB061;
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: 38px; /* 190% */
  letter-spacing: 0.2px;
  margin-bottom: 50px;
}
.left-title-right-description p em{
  color: #CCB061;
  /* font-family: Athelas; */
  font-size: 36px;
  font-style: italic;
  font-weight: 400;
  line-height: 43px; /* 119.444% */
  letter-spacing: 0.36px;
}
.left-title-right-description p:last-child{
  margin-bottom: 0;
}
.lp-slider .lp-slider-inner.slick-slide {
  margin-right: 18.35px;
}
.lp-slider .slick-list{
  margin-left: -18.35px;
  margin-right: -18.35px;
  padding: 0 !important;
}
.lp-slider .lp-slider-inner img {
    height: 428.56px;
    width: 100%;
    object-fit: cover;
}
.lp-slider .slick-dots {
    bottom: auto;
    right: auto;
    display: flex;
    justify-content: center;
    text-align: center;
    position: relative;
    top: 15px;
/*    padding-bottom: 30px;*/
}
.lp-slider .slick-dots li button:before{
  color: #CCB061;
  font-size: 50px;
}
.lp-slider .slick-dots li.slick-active button:before{
  opacity: 1;
  color: #CCB061;
}
.custom-description-section{
  padding-top: 153px;
}
.custom-description-section p{
  max-width: 800px;
  margin: 0 auto;
  margin-bottom: 0;
  text-align: center;
}
.custom-description-section p em{
  color: #CCB061;
  text-align: center;
  /* font-family: Athelas; */
  font-size: 36px;
  font-style: italic;
  font-weight: 400;
  line-height: 43px; /* 119.444% */
  letter-spacing: 0.36px;               
}
.how-it-works-section{
  padding: 132px 0 100px 0px;

}
.how-it-works-section h2{
  color: #CCB061;
  text-align: center;
  font-family: Giveny;
  font-size: 38px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  letter-spacing: 7.98px;
  margin-bottom: 136px;
  padding-bottom: 0 !important;
}
.how-it-works-section .item-content p{
  color: #CCB061;
  text-align: center;
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: 34px; /* 170% */
  letter-spacing: 0.2px;
  margin-bottom: 0;
  margin-top: 94px;
}
.how-it-works-items {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(min(280px, 100%), 1fr));
    text-align: center;
    grid-gap: 100px;
}
.hw-it-wrk-btn{
  text-align: center;
  margin-top: 50px;
}
.hw-it-wrk-btn a {
    color: #2A292B;
    text-align: center;
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    letter-spacing: 1.26px;
    padding: 27px 34px 24px 34px;
    border: 1px solid #CCB061;
    background: #CCB061;
    display: inline-block;
    margin-top: 12px;
    text-transform: uppercase;
}
.hw-it-wrk-btn a:hover {
  background-color: transparent;
  color: #CCB061;
}
div#shopify-section-template--15042665349202__1720248598e2fcdeb3 {
    background: #2A292B;
    padding-top: 79px;
}
div#shopify-section-template--15042665349202__1720248598e2fcdeb3 {
    background: #2A292B;
    padding-top: 79px;
    padding-bottom: 79px;
}
div#shopify-section-template--15042665349202__1720248598e2fcdeb3 h2._textHeading_2aowh_35._textHeading_1ll8d_33{
  color: #CCB061;
  text-align: center;
  font-family: Giveny;
  font-size: 38px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  letter-spacing: 7.98px;
}
.lp-slider-sec-outer .lp-slider {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 18.35px;
}
.single-image-section img {
    width: 100%;
    object-fit: cover;
    display: flex;
}
div#shopify-section-template--15061728755794__single_image_section_VQPwEx .single-image-section img {
    max-height: 427.935px;
}
div#shopify-section-template--15061728755794__single_image_section_rDYgdh .single-image-section img {
    max-height: 421px;
}
.subscription_widget.subscription_widget-sp{
  padding-top: 100px !important;
  padding-bottom: 180px;
}
.subscription_widget.subscription_widget-sp h2{
  color: #CCB061;
    text-align: center;
    font-family: Giveny;
    font-size: 38px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: 7.98px;
    margin-bottom: 37px;
    padding-bottom: 0 !important;
}
.subscription_widget.subscription_widget-sp p.description-title-sub {
    color: #CCB061;
    text-align: center;
    font-size: 20px;
    font-weight: 400;
    line-height: 38px;
    margin-bottom: 96px;
}
.subscription_widget.subscription_widget-sp label.rc_label.rc_label__deliver_every span {
    margin-bottom: 10px !important;
    display: inline-block;
}
.subscription_widget.subscription_widget-sp .coffee-product-details select.subcoffee,
.subscription_widget.subscription_widget-sp select,
.subscription_widget.subscription_widget-sp .rc_select__frequency {
    color: #CCB061 !important;
    border-color: #CCB061;
    min-width: 210px !important;
    background: url(//mudhouse.com/cdn/shop/t/38/assets/down-arrow-gold.svg?v=179149979839711891331759473422) no-repeat;
    background-position: right 15px center;
}
.subscription_widget.subscription_widget-sp .product-details .onsale,
.subscription_widget.subscription_widget-sp .coffee-product-details .product-details label,
.subscription_widget.subscription_widget-sp span.rc_label__delivery{
  color: #CCB061 !important;
}
.subscription_widget.subscription_widget-sp .coffee-product-details .product-details label{
  font-size: 13px;
  line-height: 18px !important;
}
.subscription_widget.subscription_widget-sp .product-details a.button, .subscription_widget.subscription_widget-sp≥ .product-details .add {
    background: transparent;
    color: #CCB061;
    border: 0.5px solid #CCB061;
}
.subscription_widget.subscription_widget-sp .product-details a.button:hover,
.product-details .add:hover{
  background: #2A292B;
}
.subscription_widget.subscription_widget-sp .coffee-product-details .add#AddToCart {
    color: #2A292B !important;
    text-align: center;
    font-size: 16px !important;
    font-weight: 700;
    line-height: 22px;
    background-color: #B59B51;
    width: 270px;
    height: 48px;
    margin-top: 11px !important;
    border: 1px solid #B59B51;
    text-transform: uppercase;

}
.subscription_widget.subscription_widget-sp .coffee-product-details .add#AddToCart:hover {
    background: transparent;
    border: 1px solid #B59B51;
    color: #B59B51 !important;
}
.subscription_widget.subscription_widget-sp .description{
  background: #2a292b;
}
.subscription_widget.subscription_widget-sp .description p{
  color: #CCB061;
}
.subscription_widget.subscription_widget-sp .description p a{
  color: #CCB061;
  border-bottom: 1px solid #CCB061;
}
.subscription_widget.subscription_widget-sp .coffee-product-description h3{
  color: #CCB061;
  border-color: #CCB061;
}
.subscription_widget.subscription_widget-sp .coffee-product-description svg path {
    fill: #CCB061;
    stroke: #CCB061;
}
.subscription_widget.subscription_widget-sp div.rc_block__type--active{
  background: transparent;
}
.subscription_widget.subscription_widget-sp .rc_select.rc_select__frequency,
.subscription_widget.subscription_widget-sp select.subcoffee {
    pointer-events: none;
    -webkit-appearance: none;
  -moz-appearance: none;
  background-image: none !important;
}
.subscription_widget.subscription_widget-sp span.rc_label__frequency {
    display: none !important;
}
.subscription_widget.subscription_widget-sp .coffee-product-details .downer,
.subscription_widget.subscription_widget-sp .coffee-product-details .up,
.subscription_widget.subscription_widget-sp .coffee-product-details input.product-quantity.get-qty {
    border-right: none;
    font-size: 28px;
    color: #968043;
    font-weight: 400;
    height: 45px;
    border-color: #968043 !important;
}
.subscription_widget.subscription_widget-sp .coffee-product-details input.product-quantity.get-qty {

  font-size: 20px !important;
}
.subscription_widget.subscription_widget-sp .coffee-product-details .up{
  border-right: 0.5px solid #968043 !important;
}

.subscription_widget.subscription_widget-sp .product-lp-name{
    color: #CCB061;
    font-size: 38px;
    font-style: normal;
    font-weight: 400;
    line-height: 45px;
    text-transform: uppercase;
    margin-bottom: 19px;
}
.subscription_widget.subscription_widget-sp .product-des-new{
/*  width: auto;*/
}
.subscription_widget.subscription_widget-sp .product-des-new p,
.dark-product-description .product-des-new p{
  color: #CCB061 !important;
  font-size: 20px !important;
  font-weight: 400 !important;
  line-height: 32px !important; 
  margin-bottom: 10px !important;
  max-width: fit-content;
  width: max-content !important;
}
.dark-product-description .product-des-new {
  margin-bottom: 41px !important;
}
.page\.subscription-landing-page .product-manufacture-deatils{
  color: #CCB061;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 22px;
}
.page\.subscription-landing-page .product-des-new #readmore,
.page\.subscription-landing-page .product-des-new a#readless{
  color: #CCB061;

}
.subscription_widget.subscription_widget-sp .new-single-product-sec input#AddToCart,
.subscription_widget.subscription_widget-sp .subscription-widget-container form button{
  max-width: 270px !important;
  max-height: 48px !important;
  width: -webkit-fill-available !important;
  height: 48px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 10px !important;
  background: #B59B51 !important;
  color: #2A292B !important;
  text-align: center !important;
  font-size: 16px !important;
  font-weight: 700 !important;
  line-height: 22px !important;
  margin: 0 !important;
  border-radius: 0;
  text-transform: uppercase;
}
.subscription_widget.subscription_widget-sp .subscription-widget-container form button:hover {
  background: transparent !important;
  border: .5px solid #b59b5f !important;
  color: #b59b5f !important;
}
.subscription_widget.subscription_widget-sp .custom_subscription_discount {
    top: -25px;
    color: red;
    display: none;
}
.subscription_widget.subscription_widget-sp label.rc_label.rc_label__deliver_every {
/*    margin-bottom: 25px;*/
display: none !important;
}
.subscription_widget.subscription_widget-sp .coffee-product-details .product-add {
  margin-top: 0 !important;
}
/*body.page-subscription-lp div#shopify-section-header*/
body.page-subscription-lp div#shopify-section-award_listing,
body.page-subscription-lp div#shopify-section-footer,
body.page-subscription-lp section#newsletter {
    display: none;
}
.page-subscription-lp {
  margin-top: 0 !important;
}
.lp-header{
  padding: 24.49px 0 46.49px 0;
  background: #212021;
  border-bottom: 1px solid #FFFFFF1A;
}
.lp-header .cart-sec{
  width: 100%;
}
.lp-header span.CartCount span{
  background: #CCB061 !important;
  color: #010101 !important;
}
.lp-header #search_reveal input#q {
    border: 1px solid #B59B51 !important;
    background: #363636 !important;
    color: #CCB061 !important;
    padding-right: 108px; 
}
.lp-header #search_reveal input#q::placeholder{
  color: #CCB061 !important;
}
.lp-header input#search_button{
    background: #B59B51 !important;
    border: 1px solid #B59B51;
    font-size: 16px !important;
    color: #2A292B !important;
}
.lp-header ul#cart{
  margin-bottom: 0 !important;
  padding-top: 0 !important;
}
.lp-header ul#mobile-cart{
  display: none;
}
.lp-left-header img {
    display: flex;
}
.lp-right-header svg {
    fill: #fff;
}
.lp-header .lp-right-header svg path{
  fill: #CCB061 !important;
}
.lp-header-inner {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    align-items: center;
}
.lp-right-header {
    display: contents;
}
.lp-right-header span.CartCost{
  display: none;
}
.lp-right-header #search_reveal input#q {
    border: 1px solid #B59B51 !important;
    background: #363636 !important;
    color: #CCB061 !important;
    padding-right: 108px;
}
.lp-right-header #search_reveal input#q::placeholder{
  color: #CCB061 !important;
}
.subscription_widget.subscription_widget-sp .select.pro-inner-sec {
    display: none !important;
}
.subscription_widget.subscription_widget-sp .quick-add-to-cart .select.pro-inner-sec{
  display: block !important;
}
.subscription_widget.subscription_widget-sp .product-details .money{
    color: #CCB061 !important;
    font-size: 21px;
    line-height: 1.08;
    letter-spacing: 1.26px;
    font-weight: 700;
    margin-bottom: 21px;
    display: inline-block;
}
.footer-lp{
  border-top: 1px solid #FFFFFF1A;
}
.footer-lp-top {
    display: flex;
    justify-content: space-between;
    padding-top: 46px;
    padding-bottom: 50px;
}
.footer-social {
    display: flex;
    align-items: center;
    grid-gap: 27px;
}
.footer-copyright {
    padding: 15px 0;
    color: #CCB061 !important;
    text-align: center !important;
    font-size: 16px !important;
    font-weight: 500 !important;
    line-height: 22px !important; /* 137.5% */
}
.footer-lp-top a:hover{
  opacity: 0.8;
}
/*Dark theme*/
.product-dark {
    background: #212021;
}
.product-dark *,
.product-dark div.rc_block__type--active label.rc_label,
.product-dark label.rc_label.rc_label__autodeliver,
.product-dark label.rc_label.rc_label__onetime{
  color: #CCB061 !important;
}
.product-dark .product-description{
  background: transparent;
}
.product-dark div#breadcrumb,
.product-dark div#breadcrumb a,
.product-dark span.cat-bre,
.product-dark div#breadcrumb span.page-title{
  color: #CCB061 !important;
}
.product-dark .new-single-product-sec input#AddToCart{
  background: #B59B51;
  height: 48px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #2A292B !important;
  text-align: center;
  font-size: 16px;
  font-weight: 700;
  line-height: 22px;
  border-radius: 0;
}
.product-dark .rc_block.rc_block__type.rc_block__type__onetime.rc_block__type--active {
    background: transparent;
    color: #CCB061 !important;
}
.product-dark div.rc_block__type--active{
  background: transparent;
}
.product\.dark .container,
.page-subscription-lp .container{
  max-width: 1305px;
}
.product\.dark,
div#shopify-section-product-template-dark,
.product\.dark div#PageContainer,
.product\.dark  .outer-details{
    background: #212021 !important;
}
.product\.dark .outer-details{
  padding-bottom: 60px !important;
}
.product\.dark .outer-details .four-col-inner,
.product\.dark ul#accordion li,
.product\.dark .accordion-toggle2{
  border-color: #CCB061 !important;
}
.product\.dark nav.shifter-navigation ul#social-icons li svg path{
  fill: #CCB061;
}
.product\.dark *,
.product\.dark section.homepage-newsletter h2,
.product\.dark section.homepage-newsletter .section-header p{
  color: #CCB061 !important;
}
.product\.dark section.homepage-newsletter .newsletter__input,
.product\.dark .shifter-navigation input#q{
    border: 1px solid #B59B51 !important;
    background: #363636 !important;
    color: #CCB061 !important;
}
.product\.dark .jdgm-review-widget .jdgm-rev-widg__header{
    background: #3C3B3D !important;
}
.product\.dark section.homepage-newsletter .newsletter__input::placeholder,
.product\.dark .shifter-navigation input#q::placeholder{
  color: #CCB061 !important;
}
.product\.dark section.homepage-newsletter .newsletter__submit{
    background: #B59B51 !important;
    border: 1px solid #B59B51;
    font-size: 16px !important;
    color: #2A292B !important;
}
.product\.dark section.homepage-newsletter .newsletter__submit span{
  color: #2A292B !important;
}
.product\.dark .jdgm-review-widget .jdgm-widget-actions-wrapper a {
    color: #CCB061;
    text-align: center;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 22px;
    border: 1px solid #958042;
    background: #3C3B3D;
}
.product\.dark .jdgm-review-widget .jdgm-rev-widg__header{
  padding: 7px 20px;
}
.product\.dark .review-outer h2.jdgm-rev-widg__title {
    background: #212021;
    margin-bottom: 0;
    padding-bottom: 33px;
}
.product\.dark .jdgm-rev-widg.jdgm-rev-widg,
.product\.dark #judgeme_product_reviews{
  background: #212021;
}
.product\.dark #judgeme_product_reviews{
  margin-bottom: 0;
  padding-bottom: 85px;
}
.product\.dark section.text-icons,
.product\.dark .text-icons .imgtext,
.product\.dark .mh-footer {
    background: #212021;
}
.product\.dark img.subscription-product-image,
.subscription_widget.subscription_widget-sp img.subscription-product-image{
  background: transparent;
}
.product\.dark .mh-footer .logo-socialicons .logo svg path{
  fill: #AD9554;
}
.product\.dark .mh-footer .social-icons ul li a img{
  visibility: hidden;
}
.product\.dark .mh-footer .social-icons ul li a{
  position: relative;
}
.product\.dark .mh-footer .social-icons ul li:first-child a:before{
  content: "";
  background: url(//mudhouse.com/cdn/shop/t/38/assets/instagram-mh-gold.svg?v=123968278598293973101759473422) no-repeat;
  width: 22.057px;
  height: 22.065px;
  position: absolute;
  left: 0;
  top: 0;
}
.product\.dark .mh-footer .social-icons ul li:nth-child(2) a:before{
  content: "";
  background: url(//mudhouse.com/cdn/shop/t/38/assets/facebook-mh-gold.svg?v=47700134689483588301759473422) no-repeat;
  width: 12.001px;
  height: 24px;
  position: absolute;
  left: 0;
  top: 0;
}
.product\.dark .mh-footer .social-icons ul li:last-child a:before{
  content: "";
  background: url(//mudhouse.com/cdn/shop/t/38/assets/twiter-mh-gold.svg?v=90026680688941178781759473422) no-repeat;
  width: 23.787px;
  height: 19.33px;
  position: absolute;
  left: 0;
  top: 0;
}
.product\.dark .new-singel-product select.rc_select{
   background: url(//mudhouse.com/cdn/shop/t/38/assets/down-arrow-gold.svg?v=179149979839711891331759473422) no-repeat !imortant;
}
.product\.dark section.text-icons .container{
  border-bottom: 1px solid #B59B51;
  padding-bottom: 50px !important;
}
.product\.dark section.text-icons{
  padding-bottom: 0 !important;
}
.privacy-policy{
  background-color: #F5F5F5;
  padding: 10px 0;
}
.privacy-policy p{
    text-align: center;
    font-size: 11px;
    font-weight: 600;
}
.product\.dark  .privacy-policy {
    background: #2E2D2F;
    padding: 13px 0 13px;
    color: #CCB061;
  text-align: center;
  font-size: 16px;
  font-weight: 600;
  line-height: 22px; /* 137.5% */
}
.product\.dark section#newsletter {
    border-top: 1px solid #B59B51;
    background:  #2A292B;
}
.product\.dark header.scrollheader,
body.scroll.product\.dark #shopify-section-header header{
  background: #212021;
}
.product\.dark .topbar{
  display: none;
}
.product\.dark .scrollheader .nav-container .shifter-handle,
.product\.dark .scrollheader ul#main-nav li a.top_level,
.product\.dark .scrollheader .nav-container ul#cart li a,
.product\.dark .scrollheader .nav-container ul#cart li select.currency-picker{
  color: #CCB061 !important;
 }
 .product\.dark .top-header-outer{
  border-color: #CCB061;
  padding-bottom: 20px !important;
 }
 .product\.dark div#breadcrumb{
  margin-top: 108px !important;
 }
 .product\.dark .product-photos {
    margin-top: 28px !important;
}
.product\.dark .section-title.new-product-title h1 {
    color: #CCB061;
    font-size: 38px;
    font-weight: 400;
    line-height: 45px;
}
.product\.dark .section-title.new-product-title{
  padding-bottom: 0 !important;
}
.product\.dark .product-right {
  margin-top: 61px !important;
}
.product\.dark div#description-container p strong{
  color: #CCB061;
  font-size: 16px;
  font-weight: 600;
  line-height: 22px; /* 137.5% */
  margin-bottom: 0 !important;
}

.product\.dark .product-des-new {
    width: 100% !important;
}
 .product\.dark ul#main-nav > li:hover:before{
    border-color: #CCB061;
 }
 .product\.dark .product-des-new #readmore,
 .product\.dark .product-des-new a#readless{
    color: #CCB061;
    font-size: 13px;
    font-style: normal;
    font-weight: 600;
    line-height: 22px;
    text-decoration-line: underline;
    margin-top: 9px !important;
 }
 .product\.dark .review-sec-pro{
  padding-top: 14px;
  border-bottom: 1px solid #ccb0614f;
  padding-bottom: 18px;
 }
 .product\.dark .product-cus-sec {
    padding-top: 100px;
    padding-bottom: 24px;
}
.product\.dark .product-form .select.pro-inner-sec .selector-wrapper, 
.product\.dark .new-singel-product select.rc_select {
    border-radius: 2px;
    border: 1px solid #CCB061;
    color: #CCB061 !important;
    padding: 13px 32px 13px 14px;
    background: url(//mudhouse.com/cdn/shop/t/38/assets/down-arrow-gold.svg?v=179149979839711891331759473422) no-repeat;
    background-position: right 15px center;
}
.product\.dark .product-form .product-qty.selector-wrapper a.downer.quantity-control-down,
.product\.dark .quantity-size-outer .product-qty.selector-wrapper input,
.product\.dark .product-form .product-qty.selector-wrapper a.up.quantity-control-up{
    border-radius: 2px;
    border: 1px solid #CCB061 !important;
}
.product\.dark .product-form .product-qty.selector-wrapper a.downer.quantity-control-down{
  border-right: none !important;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.product\.dark .product-form .product-qty.selector-wrapper a.up.quantity-control-up{
  border-left: none !important;
  
   border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.product\.dark .quantity-size-outer .product-qty.selector-wrapper input{
   border-left: none !important;
   border-right: none !important;
   border-radius: 0 !important;
}
.product\.dark .quantity-size-outer .product-qty.selector-wrapper input{
  background: transparent;
 }
.product\.dark .quantity-size-outer{
  margin-top: 19px !important;
}
.product\.dark .selector-wrapper:first-child{
  margin-right: 31px !important;
}
 .product\.dark ul#main-nav li.dropdown:hover ul.submenu{
    background: #212021;
    color: #CCB061 !important;
    box-shadow: 0 1px 6px rgba(204, 176, 97, 0.48);
 }
 .product\.dark ul#main-nav li ul.submenu li a{
  color: #CCB061 !important;
 }
 .product\.dark ul#cart li svg path{
  fill: #fff;
 }
 body.product\.dark {
    margin-top: 0 !important;
}
.subscription_widget.subscription_widget-sp .product-details {
      margin-top: 20px;
      
  }
  
/*.product\.dark .product-price-new{
  display: inline-block !important;
}*/

.dark-inner-section {
    display: flex !important;
    flex-wrap: wrap;
}
.dark-product-image-section {
    width: 50%;
    background: #2A292B;
    padding: 10px 20px 38px;
}
.dark-product-description{
  width: 50%;
  border: 3px solid #2A292B;
  padding: 138px 85px 100px 84px;
}
.dark-product-description .quantity-size-outer {
    display: none;
}
.slider-image-description-slide img {
    width: 360px;
    height: 407px;
    margin: 0 auto;
}
.slick-description {
    border-top: 2px solid #212021;
    padding: 32px 21px 38px 41px;
}
.dark-inner-section .slider-section .slideshow{
  position: relative;
}
.dark-product-image-section .title-section{
  color: #CCB061;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 32px; /* 177.778% */
  margin-bottom: 14px;
  padding-right: 60px;
}
.dark-product-image-section .des-sec-des {
    color: #CCB061;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 22px;
}
.dark-inner-section .slider-section .slideshow button.slick-arrow {
    background: transparent;
    position: absolute;
    top: 200px;
    width: auto;
    z-index: 999;
    padding: 0 !important;
}
.slider-section .slideshow button.slick-arrow.slick-disabled{
  opacity: 0.3;
  cursor: no-drop;
}
.slider-section .slideshow button.slick-prev.slick-arrow{
  left: 40px;
}
.slider-section .slideshow button.slick-next.slick-arrow{
  right: 40px;
}
.pagingInfo {
    color: rgba(204, 176, 97, 0.60) !important;
    font-size: 17px;
    font-style: normal;
    font-weight: 600;
    line-height: 22px;
}
.pagingInfo {
    color: rgba(204, 176, 97, 0.60) !important;
    /* font-family: Raleway; */
    font-size: 17px;
    font-style: normal;
    font-weight: 600;
    line-height: 22px;
    position: absolute;
    top: 445px;
    right: 22px;
}
.dark-inner-section .slider-section{
  position: relative;
}
.dark-product-description div#sticky-container{
  margin-top: 0 !important;
}
.dark-product-description div#product-price {
    display: none;
}
.coffee-product-details .product-details .product_listing_options button#AddToCart {
  width: auto;
  padding: 10px 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  text-transform: uppercase;
}


@media only screen and (max-width: 992px) and (min-width: 767px) {
   /* .subscription_widget.subscription_widget-sp .product-details {
        width: 70% !important;
        margin: 0 auto;
        text-align: center;
    }*/
}
@media only screen and (max-width: 992px) and (min-width: 767px){
  .dark-product-description div#sticky-container{
    width: 70% !important;
    margin: 0 auto;
}
}
@media only screen and (max-width: 1300px) and (min-width: 993px){
.dark-product-description {
    padding: 100px 35px 100px 35px;
}
}
@media (min-width: 1400px){
  .h-ban-sec .banner-slider .slick-arrow{
  margin: 0 50px !important;
}
.mud-list .slick-arrow.slick-prev{
  left: -25px;
}
.mud-list .slick-list{
  margin: 0 -10px;
}
.mud-list .slick-arrow.slick-next{
  right: -25px;
}
.mud-list .slick-slide {
  margin: 0 10px;
}
}
.reco-outer .slick-slide{
  margin: 0 10px;
}
.mud-det button.add-to-cart-btn {
  visibility: visible !important;
}
@media (max-width: 1399px){
  .h-ban-sec .banner-slider .slick-arrow{
    margin: 0 10px !important;
    /* bottom: 20px !important; */
  }
  .mud-list .slick-slide {
    margin: 0 10px;
}

}
@media (max-width: 992px){
.dark-product-description{
  width: 100% !important;
   padding: 35px  20px !important;
}
.dark-product-description .product-add{
  justify-content: flex-start !important;
}
.dark-product-image-section{
  width: 100% !important;
}
.dark-new-section.dark-new-section-new .dark-inner-section {
  flex-direction: column;
}
.dark-new-section.dark-new-section-new .dark-product-description .section-title.new-product-title{
  text-align: left !important;
}
.slider-image-description-slide img {
    margin: 0 auto;
    width: 196px;
    height: 222px;
}
.slick-description {
    margin-top: 32px;
    padding: 27px 0px 0px 0px;
}
.dark-product-image-section{
  padding: 0 13px 21px 13px !important;
}
.pagingInfo{
  top: 285px !important;
}
.dark-inner-section{
  flex-direction: column-reverse;
}
@media (max-width: 992px){
  flex-direction: column;
}
.dark-product-description .section-title.new-product-title {
    text-align: center;
  }
  .dark-inner-section .slider-section .slideshow button.slick-arrow{
    top: 100px;
    margin-bottom: 0;
  }
  .slider-section .slideshow button.slick-next.slick-arrow {
    right: 0;
}
.slider-section .slideshow button.slick-prev.slick-arrow {
    left: 0;
}
  .dark-product-description .product-des-new p{
/*    text-align: center;*/
    margin: 0 auto;
  }
  .dark-product-description .product-add{
    margin: 0 auto;
    display: flex;
    text-align: center;
    justify-content: center;
  }
}
@media (min-width: 1200px){
  .subscription_widget.subscription_widget-sp .product-details {
      margin-top: 20px;
      max-width: 438px;
  }
}
@media (max-width: 1700px){
  .how-it-works-item .item-icon img {
    height: 120px;
  }
  .hw-it-wrk-btn a{
    padding: 20px 34px;
  }
  .subscription_widget.subscription_widget-sp h2{
    margin-bottom: 20px;
  }
  .subscription_widget.subscription_widget-sp p.description-title-sub{
    margin-bottom: 70px;
  }
}
 @media only screen and (max-width: 1360px) and (min-width: 1100px){
  .product\.dark .container,
  .page-subscription-lp .container{
    width: 100%;
    max-width: 90%;
  }
}
@media (max-width: 708px){
  .lp-header-inner .cart-sec{
    width: auto;
    max-width: 200px;
  }
  .lp-header-inner > div:first-child{
      display: none;
  }
  .lp-header-inner{
    display: flex !important;
    flex-direction: row;
    grid-gap: 10px;
    justify-content: space-between;
  }
}
@media (max-width: 600px){
.subscription_widget.subscription_widget-sp .new-single-product-sec input#AddToCart{
  width: 100% !important;
  max-width: 100% !important;
}
}
@media (max-width: 708px){
  .lp-left-header img{
    width: 182px;
  }

  /*.product\.dark .outer-details .four-col-inner{
    width: auto;
    max-width: 200px;
  }*/
  /*.product\.dark .outer-details .four-col-inner,
  .outer-details .four-col .four-col-inner:first-child{
    padding: 0 30px !important;
    padding-right: 30px !important;
  }*/
  .product\.dark .outer-details .four-col{
    grid-gap: 0;
  }
  .product\.dark .container-detail{
    width: 950px !important;
  }
}
@media (min-width: 767px){
  .subscription_widget.subscription_widget-sp .rc_select.rc_select__frequency {
    width: 150px;
  }
  
}
@media only screen and (max-width: 1150px) and (min-width: 768px){
  .grid_wrapper.product-loop.is_infinite {
    grid-template-columns: repeat(2, 1fr) !important;
  }
  .desktop-4.tablet-2.mobile-half.span-4.product-index {
    grid-column: auto / span 1 !important;
  }
}
@media (max-width: 767px){
div#main-content.grid_wrapper{
  grid-template-columns: 1fr 1fr !important;
}
/* .sort-filter{
  top:0;
} */
body.scroll .sort-filter {
  top: 164px !important;
}
/* body.scroll .grid_wrapper {
  margin-top: 40px;
} */
}
@media (max-width: 766px) {
  .subscription_widget.subscription_widget-sp .coffee-product-details .add#AddToCart{
    border-radius: 0;
    width: 100% !important;
  }
  .footer-lp-top {
    flex-wrap: wrap;
    justify-content: center;
    grid-gap: 40px;
  }
  .image-row-container{
    display: grid !important;
  }
  .announcement-banner-section{
    background-size: cover !important;
    background-position: 150% !important;
  }

}
@media (min-width: 768px)  {
.sort-filter.active{
  position: static !important;
}
}
@media (max-width: 850px) {
  .subscription_widget.subscription_widget-sp .product-details {
      margin-top: 24px;
  }
  .sparkle-plenty-section::before,
  .sparkle-plenty-section::after{
    display: none !important;
  }
  .sparkle-plenty-section{
    padding: 82px 0 63px 0 !important;
  }
  .announcement-banner-section{
    padding-bottom: 119px !important;
    padding-top: 90px !important;
  }
  
  .banner-heading{
    color: #CCB061;
    font-size: 30px !important;
    font-weight: 500 !important;
    line-height: 40px !important; /* 133.333% */
    margin-bottom: 32px !important;
  }
  .sparkle-plenty-section h1{
    font-size: 30px !important;
    line-height: 40px !important;
    margin-bottom: 25px !important;
  }
  .three-image-row-section{
    padding-top: 44px !important;
  }
  .dark-new-section.dark-new-section-new .product-image-container .slick-list,
  .dark-new-section.dark-new-section-new .product-image-container,
  .dark-new-section.dark-new-section-new .product-image-container .slick-track {
    min-height: auto !important;
  }
  .product-dark .new-single-product-sec input#AddToCart{
    margin: 0 !important;
  }
  .dark-new-section.dark-new-section-new .dark-product-description .quantity-size-outer .what-is-it label,
  .dark-new-section.dark-new-section-new .product-qty.selector-wrapper h5{
    text-align: left !important;
  }
  .subscription_widget.subscription_widget-sp .product-des-new p,
  .dark-product-description .product-des-new p{
  font-size: 20px;
  line-height: 27px;
  text-align: left;
  margin-bottom: 15px !important;
  }
  .subscription_widget.subscription_widget-sp .product-des-new p:last-child,
  .dark-product-description .product-des-new p:last-child{
    margin-bottom: 0 !important;
  }
  .subscription_widget.subscription_widget-sp .product-des-new,
   .dark-product-description .product-des-new{
    margin-bottom: 37px !important;
   }
  .dark-product-description {
      padding: 20px 31px 36px 31px !important;
  }
  .dark-new-section.dark-new-section-new .dark-product-description{
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
.lf-title-rt-des-inner{
  display: grid;
  grid-template-columns: 1fr;
  padding-bottom: 60px;
}
.page-subscription-lp #search_reveal{
    margin-top: 40px;
  }
.banner-section-lp .btn{
  margin-top: 50px;
  margin-bottom: 13px;
  padding: 27px 58px;
}
.hw-it-wrk-btn{
/*  margin-top: 160px;*/
}
.banner-section-lp{
  padding: 91px 0 !important;
}
.banner-section-lp p{
  font-size: 18px;
  line-height: 34px;
}
.lft-rt-space{
  padding-top: 25px !important;
}
.lp-slider .lp-slider-inner img {
    max-height: 246px;
    height: 246px;
    object-fit: cover;
}
.lp-slider .slick-list{
  margin-left: 0px;
  margin-right: -18.35px;;
  padding: 0 !important; 
}
.single-image-section img{
  height: 292px;
}
.item-icon img {
    height: 120px;
}
section.banner-section-lp h1{
  font-size: 35px;
  font-weight: 400;
  line-height: normal;
  letter-spacing: 7.35px;
  }
  .left-title-right-description h2{
    text-align: center;
    font-size: 35px;
    line-height: normal;
    letter-spacing: 7.35px;
    margin-bottom: 44px;
  }
  .left-title-right-description:before{
    transform: translate(-34%, 0);
    width: 328px !important;
  }
  .left-title-right-description p{
    font-size: 18px;
    line-height: 34px;
    letter-spacing: 0.18px;
  }
  .custom-description-section {
    padding-top: 66px;
  }
  .how-it-works-section{
    padding-top: 80px;
    padding-bottom: 85px;
  }
  .how-it-works-section h2{
    margin-bottom: 103px;
    letter-spacing: 7.35px;
    font-size: 35px;
  }
  .how-it-works-section h2{
    grid-gap: 72px;
  }
  .subscription_widget.subscription_widget-sp p.description-title-sub{
    margin-bottom: 50px;
  }
  .subscription_widget.subscription_widget-sp .product-details{
    margin-top: 20px;
    text-align: center;
  }
  .subscription_widget.subscription_widget-sp{
    padding-bottom: 54px !important;
  }
  .subscription_widget.subscription_widget-sp .product-lp-name,
  .product\.dark .section-title.new-product-title h1{
    color: #CCB061;
    font-size: 28px;
    font-weight: 400;
    line-height: 33px;
    text-transform: uppercase;
    text-align: left;
  }
  .product-dark .new-single-product-sec{
    border-radius: 0 !important;
    margin: 0 !important;

  }
  .product-dark .new-single-product-sec input#AddToCart{
    color: #2A292B;
    text-align: center;
    font-size: 16px;
    font-weight: 700;
    line-height: 22px;
    text-transform: uppercase;
  }
  .product\.dark .section-title.new-product-title h1{
    padding-bottom: 7px !important;
  }
  .how-it-works-section .item-content p{
    margin-top: 49px;
    font-size: 18px;
    line-height: 34px; /* 188.889% */
    letter-spacing: 0.18px;
  }
  .lp-slider-sec-outer .lp-slider {
    grid-template-columns: repeat(1, 1fr);
}
div#shopify-section-template--15061728755794__single_image_section_rDYgdh .single-image-section img {
    height: 384px;
}
 .left-title-right-description:before {
        height: 427px !important;
    }
    .subscription_widget.subscription_widget-sp h2 {
    letter-spacing: 7.35px;
    font-size: 35px;
}
}
@media only screen and (max-width: 1150px) and (min-width: 851px){
  .left-title-right-description:before {
        transform: translate(-34%, 0);
        height: 430px !important;
        width: 328px !important;
    }
}
/*end subscription lp*/