div.featuresBoxWrap {margin-bottom:20px;}

div.featuresBoxWrap .featuresTitle{
font-weight: 700;
color: var(--g2-color);
font-size: 18px;
/*background-color:var(--g1-color);*/
padding: 17px 10px 3px 0px;
line-height: 1;
}

div.featuresBoxWrap .featuresTitle:before{
content: "filter_list";
display: inline-block;
font-weight: 400;
font-size: 25px;
font-family:'Material Icons Outlined';
display: inline-block;
vertical-align: middle;
color: #444444;
margin-right: 20px;
color: var(--g2-color);
}

form.featuresBox {background-color:#fff;border:1px solid var(--s-wrap-border);box-sizing:border-box;border-top-color: var(--g1-color);}

form.featuresBox>header {display:none;}
form.featuresBox section {padding:0 24px;}
form.featuresBox section+section {}
form.featuresBox div.body header h2 {font-size:16px;}
form.featuresBox div.body header button {font-size: 18px;font-weight: 400;display:block;background-color:transparent;color:var(--background-submit);border:none;padding:20px 20px 20px 0;width:100%;box-sizing:border-box;text-align:left;cursor:pointer;position:relative;z-index:0;outline-style:none;border-bottom: 1px solid var(--s-wrap-border);}
form.featuresBox div.body header button:hover {color:var(--g1-color);}
form.featuresBox div.body header button::after {
content: "\e5cf";font:24px/1 'Material Icons Outlined';position:absolute;right:0;top:20px;transition:transform .3s;}
form.featuresBox div.body header button.hc::after {transform:rotate(180deg);}
form.featuresBox ul {list-style:none;margin-bottom:20px;margin-top:20px;}
form.featuresBox ul.hc,
form.featuresBox ul li.hc {display:none;}
form.featuresBox ul li+li {margin-top:10px;}
/*
form.featuresBox label.checkbox {display:block;position:relative;z-index:0;}
form.featuresBox label.checkbox span {display:block;position:relative;z-index:0;}
form.featuresBox label.checkbox span::before {content:'';display:inline-block;width:18px;height:18px;border:1px solid #e5e5e5;border-radius:3px;background-color:#fff;vertical-align:middle;margin-right:5px;}
form.featuresBox label.checkbox span::after {display:none;content:'';position:absolute;left:6px;top:3px;width:8px;height:15px;box-sizing:border-box;transform:rotate(45deg);border-style:solid;border-width:3px;border-color:transparent green green transparent;border-radius: 3px}
form.featuresBox label.checkbox input[type="checkbox"] {opacity:0;position:absolute;z-index:0;}
form.featuresBox label.checkbox input[type="checkbox"]:checked+span::after {display:block;}
*/
form.featuresBox footer {padding:20px;display:flex;border-top:1px solid var(--s-wrap-border);}
form.featuresBox footer div.rgt {margin-left:auto;}
form.featuresBox ul.price li.input {display:flex;flex:1 1 auto;align-items: center}
form.featuresBox ul.price div.input+div {margin-left:25px;}
form.featuresBox ul.price input[type="text"] {text-align:center;width:100%;padding:10px;outline-style:none;}
form.featuresBox ul.price button[type="button"] {border:none;background-color:transparent;color:var(--g1-color);font-size:30px;cursor:pointer;}

form.featuresBox footer .item{

}
form.featuresBox footer .item button:before{
content: "";
display: inline-block;
vertical-align: middle;
font-family:'Material Icons Outlined';
font-size: 25px;
margin-right: 10px;
}

form.featuresBox footer .item button{
background-color: transparent;
color: #666666;
padding: 0px;
border: none;
font-weight: 700;
}
form.featuresBox footer .item .send{
color: var(--g1-color);
}

form.featuresBox footer .item .send:before{
content: "check";
color: var(--g1-color);
}

form.featuresBox footer .item .back:before{
content: "clear";
color: #B6B6B6;
}

form.featuresBox footer .item .back{
color: #B6B6B6;
}
form.featuresBox button.shop_bttn.back[type="submit"]:hover {
background-color: transparent;
color: #000000;
}


form.featuresBox ul.price button[type="button"]:hover {}
form.featuresBox li.range {margin-bottom:25px;}
form.featuresBox div.range {height:4px;box-sizing:border-box;box-shadow:0 0 0 1px #ccc inset;background-color:#e6e6e6;border-radius:1em;position:relative;z-index:0;}
form.featuresBox div.range>div {margin:auto 0;background-color:var(--g1-color);height:4px;position:absolute;top:0;left:0;bottom:0;right:0;}
form.featuresBox div.range.disabled>div {background-color:#ddd;}
form.featuresBox div.range span.move {position:absolute;width:15px;height:15px;border-radius:50%;background-color:var(--g1-color);margin:auto 0;left:0px;top:0;bottom:0;cursor:pointer;}
form.featuresBox div.range span.move.rg {left:auto;right:0px;}
form.featuresBox div.range.disabled span.move {cursor:default;background-color:#ddd;}
form.featuresBox li.more {margin-top:25px;}
form.featuresBox li.more button {font:16px 'Source Sans Pro', sans-serif;color:var(--g1-color);text-transform:uppercase;background-color:transparent;border:none;text-align:left;cursor:pointer;outline-style:none;}
form.featuresBox li.more button::after {content:'\e113';font:15px/1 "Glyphicons Halflings";vertical-align:middle;margin-left:5px;}
form.featuresBox li.more button.hc::after {content:'\e114';}

@media screen and (max-width:940px){

    div.featuresBoxWrap {position:fixed;top:0;bottom:50px;left:0;z-index:100;transform: translateX(-100%);transition: transform .3s;background-color:#fff;}
    div.featuresBoxWrap.sw {display:block;transform: translateX(0%)}
    form.featuresBox {height:100%;display:flex;flex-direction:column;}
    form.featuresBox>div.body {flex:1 1 0px;overflow:auto;}
    div.catListNavig button.showFeatures {display:inline-block;}
    form.featuresBox>header {display:block;position:absolute;top:8px;right:3px;}
    form.featuresBox>header button {padding:0;font-size:30px;width:30px;height:30px;display:flex;align-items:center;justify-content:center;}
    form.featuresBox>header button:hover {color:var(--background-submit);}
}