/* -------------------------------- 

xfilter 

-------------------------------- */
.cd-filter {
  position:absolute;
  top: 0;
  left: 0;
  width: 280px;
  height: auto;
  background: #ffffff;
  box-shadow: 4px 4px 20px transparent;
  z-index: 2;
  /* Force Hardware Acceleration in WebKit */
  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  -ms-transform: translateZ(0);
  -o-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transform: translateX(-100%);
  -moz-transform: translateX(-100%);
  -ms-transform: translateX(-100%);
  -o-transform: translateX(-100%);
  transform: translateX(-100%);
  -webkit-transition: -webkit-transform 0.3s, box-shadow 0.3s;
  -moz-transition: -moz-transform 0.3s, box-shadow 0.3s;
  transition: transform 0.3s, box-shadow 0.3s;
}
/*.cd-filter::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  height: 50px;
  width: 100%;
  background-color: #000;
  z-index: 2;
}*/
.cd-filter form {
  padding: 20px;
  height: calc(100vh - 51px);
  overflow-y: scroll;
}
.cd-tab-filter-wrapper{width: auto !important;}

.cd-filter-trigger .cd-close {
  position: absolute;
  top: 0;
  right: 0;
  height: 50px;
  line-height: 50px;
  width: 60px;
  color: #fff !important;
  font-size: 1.3rem;
  text-align: center;
  background: #000;
  opacity: 0;
  -webkit-transition: opacity 0.3s;
  -moz-transition: opacity 0.3s;
  transition: opacity 0.3s;
  z-index: 3;
}

.cd-filter-trigger .cd-close:before {
    content: '\00d7';
}

.no-touch .cd-filter-trigger .cd-close:hover {
  background: #484848;
}
.cd-filter.filter-is-visible {
  -webkit-transform: translateX(0);
  -moz-transform: translateX(0);
  -ms-transform: translateX(0);
  -o-transform: translateX(0);
  transform: translateX(0);
  -webkit-box-shadow: 4px 4px 8px  rgb(0 0 0 / 5%);
  -moz-box-shadow: 4px 4px 8px rgb(0 0 0 / 5%);
  box-shadow: 4px 4px 8px rgb(0 0 0 / 5%);
}
.filter-outer.filter-is-visible .cd-filter-trigger .cd-close {
  opacity: 1;
}
.filter-outer{z-index: 9;background-color: #fff;float: left;position: absolute;width: 100%}
.filter-outer.filter-is-visible .cd-filter-trigger{background-color: #000;width: 280px;left: 0; color: #fff}
.filter-outer.filter-is-visible .cd-filter-trigger.cd-filter-trigger div{text-indent: 58px;}
.filter-outer.filter-is-visible .cd-filter-trigger span{text-indent: 0px;}
.cd-filter-trigger {
  position: absolute;
  top: 0;
  left: 0;
  height: 51px;
  line-height: 51px;
  width: 60px;
  overflow: hidden;
  text-indent: 100%;
  color: transparent;
  white-space: nowrap;
  background: transparent url("../images/cd-icon-filter.svg") no-repeat 25px center;
  z-index: 3;
}
.cd-filter-trigger.filter-is-visible {
  pointer-events: none;
}
.page-title h1{
    transition: all 300ms;
}
.filter-is-visible .page-title h1{
    /*margin-left: -280px;*/
}
.slider-brand-container{padding-top:10px; padding-bottom:25px;}
.slider-brand-container .owl-dots{display: none}
.category-slider .owl-carousel.owl-drag .owl-item .item{position: relative;}
.shapefilter .item{box-shadow: none;min-width: 80px;
    text-align: center;

}
.fixed .shapefilter .item{
color:#7f7f7f;
}
.shapefilter .owl-next{position: absolute; top:12px !important; right:0; left: auto; border-radius: 50%; background-image: url(../images/right_arrow.png) !important; width:26px !important; height:26px !important; background-position: center !important; opacity:1;}
#slider-carousel .owl-item:hover img{-webkit-filter: brightness(85%); filter: brightness(85%);}

.cd-filter-block .cd-select::after{top: 55%}
.custom_pagination .paging{padding-left: 10px}
.cd-tab-filter-wrapper .cd-tab-filter{width: 93%; float: right;}
.filter-outer.filter-is-visible .cd-tab-filter-wrapper .cd-tab-filter{width: calc(100% - 280px);}
@media (max-width: 1199px){
    .cd-tab-filter-wrapper .cd-tab-filter.filter-is-visible{width: calc(100% - 280px);}
}


@media (max-width: 767px){
    .category-slider + .filter-products .cd-filter.filter-is-visible:after{
        background-color: 
    }
    .cd-tab-filter-wrapper{padding: 0}
    .cd-tab-filter-wrapper .cd-tab-filter{ width: calc(100% - 34px); margin: 50px 17px 0;}
    .cd-tab-filter-wrapper .cd-tab-filter ul{box-shadow: none;}
    .cd-tab-filter-wrapper .cd-tab-filter .owl-carousel.owl-drag .owl-item:first-child{display: none;}
    .cd-tab-filter-wrapper .cd-tab-filter .owl-carousel .owl-stage{display: flex;}
    .cd-filter-trigger{width: 100%; background: #ffffff; color: #000; text-indent: unset; text-align: left;padding-left: 50px}
    .cd-filter-trigger:before{position: absolute; left: 0; top: 0; width: 50px; height: 50px; content: ''; background: #fff url("../images/cd-icon-filter.svg") no-repeat center center}
    .filter-products .cd-filter{z-index: 9}
    .shapefilter .owl-next{right: -17px}
    .shapefilter .owl-prev{left: -17px}
}

.cd-main-content .scrollmagic-pin-spacer{
    height: 0px !important;
}
.cd-gallery{
    min-height: 90vh;
}
.cd-gallery.filter-is-visible{
    min-height: calc(100vh + 250px);
}

.left-filter-outer.unfixed {margin-top: 0px !important}