.filter{margin-bottom: 26px;}.filter__button{left: -2px; margin-right: 16px; padding: 1px;}.filter__button span{position:absolute;overflow:hidden;width:1px;height:1px;clip:rect(1px,1px,1px,1px);}.filter__button svg{width:24px;height:24px;fill:#443f3b;}
.filter__button:hover svg{fill:#ff7d1a;} .filter__close{display:none;} .find b {font-size: 16px; font-family: Arial, Helvetica, sans-serif; color: #373737;} .ul-color {margin: 0px auto; padding-left: 6px; text-align: center;} .mg-filter {color: #444343;}
@media (min-width: 980px) { .filter__button {display: none;} }
@media (max-width: 979px) { .filter{position:fixed;z-index:999;top:0;left:-100%;bottom:0;width:100%;max-width:500px;background-color:#fff;padding:50px 20px 20px;transition:all .5s ease;overflow-y:auto;}.filter._active{left:0;}
.filter-aria._active{position:fixed;z-index:995;top:0;left:0;right:0;bottom:0;width:100%;height:100%;background-color:rgba(0,0,0,.5);transition:all .5s ease;}.filter__close{display:block;position:absolute;top:0;right:0;width:50px;height:50px;padding:13px;cursor:pointer;}
.filter__close svg{width:25px;height:25px;} }
@media (max-width: 480px) { .filter {max-width: none;} }
.filter .filter-form{width:100%;margin-bottom:16px;padding:10px;border:1px solid #dadada;background:#fff;}
@media (max-width: 1024px) { .filter .filter-form {padding-bottom: 30px; border: 0;} }
.filter li{cursor:pointer;}.filter .button{height:36px;margin-left:auto;margin-right:auto;font-size:14px;}.filter label{line-height:1.2;position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;width:100%;-webkit-box-align:center;-ms-flex-align:center;align-items:center;cursor:pointer;}.filter label [type=checkbox]{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;visibility:hidden;}.filter label [type=checkbox]:checked~.cbox:before{transform:scale(1);}.filter label .cbox{position:relative;display:block;min-width:22px;max-width:22px;min-height:22px;max-height:22px;margin-right:10px;border: 1px solid #a3a09c;border-radius:3px;background:#fff;-webkit-box-shadow:inset 0 0 0 2px #fff;box-shadow:inset 0 0 0 2px #fff;-webkit-box-ordinal-group:0;-ms-flex-order:-1;order:-1;}.filter label .cbox:before{content:'';position:absolute;top:2px;left:2px;border-radius:2px;display:block;width:16px;height:16px;transform:scale(0);background:var(--main-color);transition:all .3s ease;}.filter label:hover .unit{border-color:#c1c1c1;}
.filter select,.filter [type=text]{width:100%;height:36px;padding:0 6px;color:#5a5a5a;border:1px solid #c7c6c6;border-radius:4px;background:#fff;-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1;}
@media (max-width: 767px) { .filter select, .filter [type='text'] {height: 34px; padding: 0 10px;} }
.filter select:focus,.filter [type=text]:focus{border-color:#f5c002;-webkit-box-shadow:inset 0 0 0 1px #f5c002;box-shadow:inset 0 0 0 1px #f5c002;}.filter .mg-filter-head{margin-bottom:20px;}.filter .mg-filter-head .wrapper-field{margin-bottom:10px;}.filter .label-field{font-size:14px;font-weight:600;display:block;margin-bottom:4px;color: #444343;}.filter .price-slider-list{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;}.filter .mg-filter-head .price-input{padding-right:34px;}.filter .mg-filter-head .price-input~span,.price-slider-list input+span{position:absolute;top:0;right:4px;bottom:10px;display:-webkit-box;display:-ms-flexbox;display:flex;margin:auto;color:#5a5a5a;
-webkit-box-align:end; -ms-flex-align:end; align-items:flex-end;} .filter .mg-filter-head .ui-slider{width:calc(100% - 14px);margin:0 auto;margin-top:10px;}.filter .ui-slider .ui-slider-range{background:var(--main-color);}.filter .mg-filter-body{margin-bottom:20px;}
.filter .mg-filter-body .mg-filter-title{color:#444343;font-size:14px;letter-spacing:0.4px;font-weight:600;display:-webkit-box;display:-ms-flexbox;display:flex;margin-bottom:8px;padding-bottom:3px;border-bottom: 1px dotted #737373;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}.filter .mg-filter-body .mg-filter-item{margin-top:20px;}.filter .mg-filter-body .mg-filter-item select{height:30px;padding:0 6px;}.filter .mg-filter-body li{margin-top:8px;color:#242322;letter-spacing: 0.4px;font-size:14px;font-family: Tahoma, Arial, sans-serif;}
.price-slider-wrapper{margin-bottom:15px;}.price-slider-list{margin-bottom:14px;}.filter .price-slider-list li{position:relative;width:49%;margin-top:0;}.filter .mg-filter-body li:first-child{margin-top:0;}.filter .mg-filter-body .disabled-prop{pointer-events:none;opacity:.5;}.filter .mg-filter-body .mg-tooltip{font-size:11px;position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;width:16px;height:16px;margin-left:6px;cursor:default;border-radius:100%;background:#dadada;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;}
.filter .mg-filter-body .mg-tooltip-content{position:absolute;z-index:2;bottom:100%;left:100%;width:200px;padding:10px;border:1px solid #dadada;background:#fff;-webkit-box-shadow:0 0 30px rgba(0,0,0,.2);box-shadow:0 0 30px rgba(0,0,0,.2)}.filter .mg-filter-body .mg-tooltip:hover .mg-tooltip-content{display:block !important}.filter .mg-filter-body .mg-viewfilter-all,.filter a.mg-viewfilter{color:#ff1d1d;font-size:13.4px;font-weight:600;display:block;margin-top:16px;text-align:center;text-decoration:underline;}.filter .mg-filter-body .mg-viewfilter-all:hover,.filter a.mg-viewfilter:hover{text-decoration:none;}.filter .filter-buttons{text-align:center;}
.filter .filter-buttons .refreshFilter {display: block; width: fit-content; margin: 14px auto 0px; padding: 0px 0px 2px 0px; font-size: 14px; color: #444343; font-weight: 600; border-bottom: dashed 1px #9f9f9f; cursor: pointer;}
@media (max-width: 767px) { .filter .filter-buttons .refreshFilter {font-size: 16px;} }
.filter .filter-buttons .refreshFilter:hover{border-bottom:dashed 1px var(--main-color);color:var(--main-color);}.filter .filter-preview{position:absolute;z-index:99;display:none;margin-top:-15px;margin-bottom:35px;padding: 0px 15px 0px 14px;-webkit-animation-name:arrow;animation-name:arrow;-webkit-animation-duration:.4s;animation-duration:.4s;color:#000;background:#fff;-webkit-box-shadow:0 0 30px rgba(0,0,0,.2);box-shadow:0 0 30px rgba(0,0,0,.2);-webkit-animation-fill-mode:both;animation-fill-mode:both;border-radius:0 3px 3px 0;border:1px solid var(--main-color);}
@media (max-width: 980px) { .filter .filter-preview {position: fixed;} }
@media (max-width: 680px) { .filter .filter-preview {display: none !important;} }
.filter .filter-preview:before{position:absolute;top:0;left:-25px;display:block;content:'';-webkit-animation-name:before;animation-name:before;-webkit-animation-duration:.2s;animation-duration:.2s;border-top:24px solid transparent;border-right:25px solid var(--main-color);border-bottom:25px solid transparent;-webkit-animation-fill-mode:both;animation-fill-mode:both;}
@-webkit-keyframes arrow { from {-webkit-transform:translate3d(100px,0,0);transform:translate3d(100px,0,0);opacity:0} to{-webkit-transform:none;transform:none;opacity:1;} }
@keyframes arrow { from {-webkit-transform:translate3d(100px,0,0);transform:translate3d(100px,0,0);opacity:0} to{-webkit-transform:none;transform:none;opacity:1;} }
@-webkit-keyframes before { from {opacity: 0;} to {opacity: 1;} }
@keyframes before { from {opacity: 0;} to {opacity: 1;} }
.filter .filter-preview span {padding:0; font-size:14px; line-height:48px;}
.filter .filter-preview a {position: relative; top: -1px; padding-bottom: 1px; text-transform:uppercase;text-decoration:none;font-family: 'RobotoMedium',Arial,sans-serif;letter-spacing: 0.5px;font-size:14px;border-bottom: 1px solid #5d5d5d; color:#474747; font-weight: 400;}
.filter .filter-preview a:hover{color:#ff6302;text-decoration:none;border-bottom:1px solid #ff6302}.mg-filter .color-filter span.value-name{display:none}.mg-filter .color-filter{display:inline-block}.filter .color-filter .cbox{min-width:40px;max-width:40px;min-height:40px;max-height:40px;border:none;-webkit-box-shadow:none;box-shadow:none;background:-webkit-linear-gradient(135deg,rgba(255,255,255,.15),rgba(0,0,0,.111));background:-o-linear-gradient(135deg,rgba(255,255,255,.15),rgba(0,0,0,.111));background:linear-gradient(-45deg,rgba(255,255,255,.15),rgba(0,0,0,.111));}.filter .color-filter .cbox:before{display:none;}.filter .color-filter label:hover .cbox{-webkit-box-shadow:0 0 0 2px #FF6D24;box-shadow:0 0 0 2px #FF6D24;}
.filter .color-filter label [type=checkbox]:checked~.cbox{-webkit-box-shadow:0 0 0 3px var(--main-color);box-shadow:0 0 0 3px var(--main-color);}.c-disable-range{pointer-events:none;opacity:.5;}
.filter__button .visually-filter {display: inline-block; position: absolute; top: 0px; left: 28px; width:74px; font-size: 13px; line-height: 13px; letter-spacing: 0.4px; color: #443F3B; font-weight: 600;} .filter__button:hover .visually-filter{color: #ff7d1a;}
