div.featuresBoxWrap div.featuresTitle {font-weight:bold;font-size:18px;}
form.featuresBox {box-sizing:border-box;}
form.featuresBox>header {display:none;}
form.featuresBox section+section {border-top:1px solid #e6e6e6;}
form.featuresBox div.body header h2 {font-size:16px;}
form.featuresBox div.body header button {font:bold 16px 'Lato', sans-serif;display:block;background-color:transparent;border:none;padding:10px 20px 10px 0;width:100%;box-sizing:border-box;text-align:left;cursor:pointer;position:relative;z-index:0;outline-style:none;}

form.featuresBox div.body header button::after {content:'\e113';font:20px/1 "Glyphicons Halflings";transition:transform .3s;position:absolute;right:0;top:0;height:20px;margin-top:13px;}
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 0;display:flex;border-top:1px solid #e6e6e6;}
form.featuresBox footer div.rgt {margin-left:auto;}
form.featuresBox ul.price li.input {display:flex;flex:1 1 auto;}
form.featuresBox ul.price div.input+div {margin-left:5px;}
form.featuresBox ul.price input[type="text"] {border:1px solid #e5e5e5;font:bold 18px 'Source Sans Pro', sans-serif;text-align:center;box-sizing:border-box;width:100%;padding:10px;outline-style:none;}
form.featuresBox ul.price button[type="button"] {font:20px/1 "Glyphicons Halflings";background-color:transparent;border:none;width:40px;height:40px;cursor:pointer;color:#c4c4c4;outline-style:none;}
form.featuresBox ul.price button[type="button"]:hover {color:#000;}
form.featuresBox li.range {margin-bottom:25px;}
form.featuresBox div.range {height:6px;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:#007bca;height:8px;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:20px;height:20px;border-radius:50%;background-color:#007bca;margin:auto 0;left:-10px;top:0;bottom:0;cursor:pointer;}
form.featuresBox div.range span.move.rg {left:auto;right:-10px;}
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:#000;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:768px){
    div.featuresBoxWrap {position:fixed;top:0;right:0;bottom:0;left:0;z-index:22;display:none;}
    div.featuresBoxWrap.sw {display:block;}
    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;padding:10px 20px;border-bottom:1px solid #e6e6e6;text-align:right;background-color:#f0f0f0;}
    form.featuresBox>header button {font:20px/1 "Glyphicons Halflings";background-color:transparent;border:none;cursor:pointer;color:#000;outline-style:none;}
    form.featuresBox>header button:hover {color:#c4c4c4;}
}