.h1{font-weight:700;font-size:  max(20px,min(2vw,30px)) ;color:#262626;text-transform:uppercase;padding:15px 0 35px}
.picture{padding-bottom:21%;margin:20px auto 50px}
.list{display:block;margin:0 auto;padding-bottom:5%}
.filters__container,.products{position:relative;width:100%}
.products{position:relative}
.topBar{position:relative;display:block;padding:20px 0}
.selects{position:relative;width:100%;display:flex;display:-webkit-flex;justify-content:space-between;align-items:center}
.h2{display:inline-block;color:#262626;text-transform:uppercase;font-weight:400;font-size:  16px }
.select__container{position:relative;display:inline-flex;justify-content:center;align-items:center}
.select__label{position:relative;color:#262626;font-weight:400;font-size:  16px ;text-transform:uppercase;padding-right:5px}
.select__container select{display:inline-block;padding:10px 30px 10px 10px;border:1px solid #bcbcbc;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;outline:none;font-weight:400;font-size:  16px ;background-color:#fff;color:#262626;height:40px}
.select__arrow,.label__arrow{display:block;position:absolute;top:50%;right:10px;transform:translateY(-50%);width:10px;transform-origin:center;pointer-events:none}
.all__products{position:relative;width:100%;padding:0;margin:0 auto;background-color:transparent;display:grid;display:-moz-grid;grid-gap:40px;grid-template-columns:repeat(4,1fr)}
.products{position:relative}
.paging{width:100%;margin:50px 0 0;display:flex;justify-content:center;align-items:center}
.paging__numbers{display:inline-flex;justify-content:center;align-items:center}
.paging__number,.paging__arrow{display:inline-flex;justify-content:center;align-items:center;width:55px;height:35px;border:none;margin:0 5px;color:#262626;font-weight:400;font-size:  max(19px,min(1.4vw,24px)) }
.paging__arrow{position:relative;width:25px}
.paging__number{-webkit-border-radius:25px;-moz-border-radius:25px;border-radius:25px}
.paging__dots{display:inline-block;margin-left:10px;font-weight:400;font-size:  16px }
.paging__number--current{color:#fff;background-color:#e18240}
.paging__arrow svg{width:23px}
.filters__container{position:relative;width:100%;padding:20px 20px 10px;background-color:#e9e9e9;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px}
.filters{position:relative;padding:0;margin:0 0 10px;list-style:none;width:100%;display:grid;display:-moz-grid;grid-gap:20px;grid-template-columns:repeat(6,1fr)}
.filter{position:relative;display:inline-block}
.filter__label,.filter__button{position:relative;display:block;width:100%;background-color:#fff;color:#262626;font-weight:400;font-size:  16px ;text-transform:uppercase;padding:10px 30px 10px 20px}
.filter__label{border:1px solid #bcbcbc}
.filter__button.checked{color:#fff;background-color:#e18240}
.filter__title{position:relative;display:block;top:1px;white-space: nowrap;}
.filter__arrow{position:absolute;display:inline-block;width:10px;height:10px;right:10px;top:50%;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%);pointer-events:none}
.filter__arrow > svg{display:block;width:100%;height:100%}
.filter__content{position:absolute;top:100%;left:0;width:100%;height:auto;max-height:300px;overflow:auto;z-index:2;background-color:#fff;-webkit-box-shadow:2px 3px 10px 0 #bebebe;-moz-box-shadow:2px 3px 10px 0 #bebebe;box-shadow:2px 3px 10px 0 #bebebe;border:1px solid #bcbcbc;border-top:0;opacity:0;pointer-events:none}
.filter__content.visible{opacity:1;pointer-events:all}
.filter__row{position:relative;width:100%}
.filter__content .filter__row:not(:first-of-type){border-top:1px solid #bcbcbc}
.filters__selected{position:relative;width:100%;padding:10px 0 0;margin:20px 0 0;list-style:none;display:flex;display:-webkit-flex;justify-content:flex-start;align-items:center;flex-wrap:wrap;border-top:1px solid #e9e9e9;border-bottom:1px solid #e9e9e9}
.filter__selected{display:inline-block;position:relative;margin-bottom:10px}
.filters__selected .filter__selected:not(:last-of-type){margin-right:15px}
.filter__a{display:inline-flex;display:-webkit-inline-flex;justify-content:space-around;align-items:center;background-color:#262626;padding:10px;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;color:#fff;text-transform:uppercase;font-weight:400;font-size:  14px; }
.filter__a strong{font-weight:700}
.filter__a svg{display:inline-block;position:relative;width:15px;height:15px;margin-left:10px}
.filter__clear{display:inline-block;color:#262626;text-transform:uppercase;font-weight:400;font-size:  14px ;text-decoration:underline}
.filter--range{position:absolute;top:50px;left:0;display:block;width:100%;padding:0 15px}
.filter__rangeValue{position:absolute;top:calc(100% + 10px);color:#e18240;font-weight:400;font-size:  20px ;opacity:0}
.filter__rangeValue--max{right:15px}
.filter__rangeValue--min{left:15px}
.filter__content--range{width:150%;left:initial;right:0}
.rangeSlider{position:relative;width:100%;height:100px}
.noUi-horizontal{height:4px!important}
.noUi-connect{background-color:#e18240!important}
.noUi-handle{webkit-border-radius:50%!important;-moz-border-radius:50%!important;border-radius:50%!important;background-color:#fff!important;width:16px!important;height:16px!important;-webkit-box-shadow:none!important;-moz-box-shadow:none!important;box-shadow:none!important;outline:none}
.noUi-horizontal .noUi-handle{top:-7px!important;outline:none}
.noUi-handle-lower{right:-16px!important}
.noUi-handle-upper{right:0!important}
.noUi-handle:after,.noUi-handle:before{display:none!important}
.noUi-tooltip{background-color:#fff!important;color:#262626!important;border:none!important;outline:none!important;font-weight:400;font-size:  20px ;padding:5px!important}
.noUi-touch-area{background-color:#e18240!important}
.productsNo{display:inline-block;margin:0 3px}
@media only screen and (max-width: 1600px) {
    .filters{grid-template-columns:repeat(5,1fr)}
}
@media only screen and (max-width: 1400px) {
    .filters{grid-template-columns:repeat(4,1fr)}
}
@media only screen and (min-width: 1251px) {
    select:hover{cursor:pointer}
    .paging__number:hover{cursor:pointer;background-color:#e18240;color:#fff}
    .filter__label:hover{cursor:pointer}
    .filter__button:hover{background-color:#e18240;color:#fff;cursor:pointer}
    .filter__a:hover{cursor:pointer;background-color:#696969}
    .filter__clear:hover{cursor:pointer;color:#e18240}
    .filter{opacity:1!important}
    .filters{max-height:initial!important}
}
@media only screen and (max-width: 1250px) {
    .all__products{grid-gap:20px;grid-template-columns:repeat(3,1fr)}
    .filters__container{padding:0;background-color:#fff;text-align:center}
    .filters__selected{justify-content:center}
    .filters__title{display:inline-flex;display:-webkit-inline-flex;width:120px;justify-content:center;align-items:center;color:#262626;text-transform:uppercase;font-weight:400;font-size:  15px ;padding:10px 20px;background-color:#e9e9e9;-webkit-border-radius:25px;-moz-border-radius:25px;border-radius:25px}
    .filters__title.open{width:100%;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0}
    .filters__title > span{display:inline-block;position:relative}
    .filters__title > svg{display:inline-block;margin-right:10px;min-width:20px;width:20px;height:auto}
    .filters{max-height:0;overflow:hidden;margin:0;-webkit-transition:max-height .3s ease-in-out;-moz-transition:max-height .3s ease-in-out;-ms-transition:max-height .3s ease-in-out;-o-transition:max-height .3s ease-in-out;transition:max-height .3s ease-in-out;grid-gap:0 20px;padding:0 20px;background-color:#e9e9e9;text-align:left}
    .filters.visible{overflow:visible}
    .filter{margin-bottom:12px;opacity:0;-webkit-transition:opacity .3s ease-in-out;-moz-transition:opacity .3s ease-in-out;-ms-transition:opacity .3s ease-in-out;-o-transition:opacity .3s ease-in-out;transition:opacity .3s ease-in-out}
    .filter__content--range {width: 100%;}
}
@media only screen and (max-width: 999px) {
    .filters,.all__products{grid-template-columns:repeat(2,1fr)}
}
@media only screen and (max-width: 764px) {
    .all__products{grid-gap:15px}
    .filters__title{padding:10px 30px;font-size:15px}
    .filter__label,.filter__button{font-size:15px}
    .filters{display:block}
    .filter{width:100%;margin-bottom:10px}
    .filters__selected .filter__selected:last-of-type{width:100%;text-align:center}
    .filters__selected .filter__selected:not(:last-of-type){margin:0 7px 7px}
    .topBar{padding:10px 0}
    .topBar .selects{display:grid;display:-moz-grid;grid-gap:10px;grid-template-columns:auto 1fr}
    .selects .select{width:100%}
    .select__label{font-size:16px}
    .select__container select{height:32px;padding:7px 25px 7px 7px}
    .paging__number,.paging__arrow{width:35px!important;height:35px!important}
    .paging__arrow svg{width:10px}
}