@charset "UTF-8";
.a-filter {
    margin: 0;
  position: fixed;
  left: 0;
  top: 0;
  background: rgba(0, 0, 0, 0.4);
  z-index: 9999;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  width: 100%;
  height: 100%;
}
.a-filter.show {
  opacity: 1;
  visibility: visible;
  pointer-events: all;
}
.a-catalog-options__inner .a-filter__btn_toggle {
	display: none;
}
@media (max-width: 430px) {
  .a-catalog-options__inner .a-filter__btn_toggle {
  	display: flex;
    border-radius: 6px !important;
    min-height: 30px;
  }
}
.a-filter__content {
    max-height:100%;
    background:#fff;
    padding:15px;
    border-radius:var(--border-radius)
}
.a-filter__content.show {
    padding:20px
}
.a-filter__btn_toggle .a-button__title:before {
    content:""!important
}
@media (max-width:991px) {
    .a-filter .a-filter__preview {
        display:none!important
    }
}
.a-filter-property {
    margin-bottom:33px
}
.a-filter__content {
	        visibility: hidden;
        -webkit-transform: translateX(100%);
        transform: translateX(100%);
        border-radius: 0;
        display: block;
        position: fixed !important;
        top: 0;
        right: 0;
        height: 100%;
        z-index: 1200;
        width: 100%;
  		max-width: 350px;
  		padding-right: 0;

        transition: visibility .2s ease-in-out, -webkit-transform .2s ease-in-out;
        transition: visibility .2s ease-in-out, transform .2s ease-in-out;
        transition: visibility .2s ease-in-out, transform .2s ease-in-out, -webkit-transform .2s ease-in-out;
}
.show.a-filter .a-filter__content {
	visibility: visible;
        -webkit-transform: translateX(0);
        transform: translateX(0);
}
.a-filter-property .a-filter-property__title {
    -webkit-appearance:none;
    text-transform:uppercase;
    border-bottom:1px solid #e9e7e7;
    color:var(--main-text-color,#191919);
    transition:color var(--transition-fast,.2s) linear;
    cursor:pointer;
    padding:0 20px 13px 0;
    font-size:16px;
    line-height:1.6;
    letter-spacing:.03em;
    font-weight:600;
    background:0 0;
    border-width:0 0 1px 0;
    border-bottom:1px solid var(--border-color,#e9e7e7);
    display:block;
    width:100%;
    text-align:left;
    position:relative
}
.a-filter-property .a-filter-property__title:after {
    position:absolute;
    display:block;
    top:7px;
    right:-2px;
    font-family:icons;
    font-size:10px;
    content:"\e9b1";
    line-height:1;
    font-weight:400
}
.filter-form {
	height: 100%;
}

.a-filter-property .a-filter-property__title[aria-expanded=true]:after {
    content:"\e9b2"
}
.a-filter-property .a-filter-property__title:focus,.a-filter-property .a-filter-property__title:hover {
    outline:0;
    color:var(--accent-color,#2879fe)
}
.a-filter-property__content {
    margin-top:20px
}
.a-filter-property__list {
    padding:0;
    margin:0;
    list-style:none
}
.a-filter-property__list .bootstrap-select {
    width:100%!important
}
.a-filter-property__list input:checked~.custom-control-label {
    color:var(--accent-color,#2879fe)
}
.a-filter-property__list .custom-control-label {
    font-size:1rem;
    color:var(--muted-text-color,#777);
    transition:color var(--transition-fast,.2s) linear;
    cursor:pointer
}
.a-filter-property__list .custom-control-label:hover {
    color:var(--accent-color,#2879fe)
}
.price-slider-list {
    padding:0;
    margin:0 0 -10px;
    display:flex;
    list-style:none
}
.price-slider-list .form-group {
    margin-right:10px
}
.ui-slider .ui-slider-range {
    background-color:var(--accent-color,#2879fe)!important
}
.ui-slider .ui-slider-handle {
    width:16px!important;
    height:16px!important;
    background:var(--alt2-accent-color)!important;
    border-radius:50%!important
}
.a-viewfilter-all {
    -webkit-appearance:none;
    padding:0;
    border:none;
    font:inherit;
    color:inherit;
    line-height:1;
    background:var(--bg-blocks-color,#f7f8fa);
    height:40px;
    display:flex;
    align-items:center;
    justify-content:center;
    width:100%;
    margin-bottom:20px;
    border-radius:var(--border-radius,6px)
}
.a-viewfilter-all__title {
    color:var(--main-text-color,#191919)
}
.a-viewfilter-all__title:after {
    content:"\e90c";
    font-family:icons;
    color:var(--accent-color);
    vertical-align:sub;
    font-weight:400;
    font-style:normal
}
.filter-buttons {
    display:flex;
    align-items:center;
    justify-content:space-between
}

@media (min-width: 430px) {
.a-filter__wrapper {
	overflow-x: hidden;
  overflow-y: scroll;
  height: 100%;
  padding-bottom: 75px;
  padding-right: 10px;
}

.a-filter .filter-buttons {
	position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  padding: 20px 30px;
  background: #fff;
  z-index: 999;
}
} 

@media (max-width: 430px) {
  .a-filter__content {
  	overflow-x: hidden;
    overflow-y: auto;
    padding-right: 15px;
  }
}

.filter-preview {
    position:absolute;
    z-index:9;
  	display: none !important;
    background:#fff;
    padding:10px;
    border:1px solid var(--border-color);
    border-radius:var(--border-radius,6px);
    display:flex;
    align-items:center;
    
  	width: max-content !important;
}
.a-filter-head .filter-preview {
	left: auto !important;
	right: calc(100% + 10px);
}
.a-filter .color-filter {
    display:inline-block;
    margin:10px 5px 0;
    padding:0;
    min-height:auto
}
.a-filter .color-filter .value-name {
    display:none
}
.a-filter .color-filter .cbox:hover:before,.a-filter .color-filter [type=checkbox]:checked~label .cbox:before {
    border-width:5px
}
.a-filter .color-filter .cbox:hover:after,.a-filter .color-filter [type=checkbox]:checked~label .cbox:after {
    border-width:3px
}
.a-filter .color-filter .cbox {
    display:block;
    width:31px;
    height:31px;
    border:none;
    box-shadow:none;
    background:linear-gradient(-45deg,rgba(255,255,255,.25),rgba(0,0,0,.125));
    border-radius:var(--border-radius,6px);
    position:relative
}
.a-filter .color-filter .cbox:after,.a-filter .color-filter .cbox:before {
    content:"";
    display:block;
    position:absolute;
    outline:0;
    border-radius:var(--border-radius,6px);
    transition:all .12s linear;
    -webkit-backface-visibility:hidden;
    backface-visibility:hidden
}
.a-filter .color-filter .cbox:before {
    top:0;
    left:0;
    width:100%;
    height:100%;
    border:0 solid #fff
}
.a-filter .color-filter .cbox:after {
    top:-1px;
    left:-1px;
    width:calc(100% + 2px);
    height:calc(100% + 2px);
    border:0 solid #2879fe
}
.a-filter .color-filter label:after,.a-filter .color-filter label:before {
    display:none
}
.a-filter .color-filter label [type=checkbox]:checked~.cbox {
    box-shadow:0 0 0 3px #333
}
.a-filter-prop-slider__wrap {
    padding:0 9px
}
.a-filter-body .disabled-prop {
    opacity:.5;
    pointer-events:none
}

@media (max-width: 500px) {
  .a-filter__content {
  	max-width: 70%;
    left: 0;
    transform: translateX(-100%);
  }
  
}