form.searcher {flex:1 1 auto;margin-left:20px}
form.searcher div.search {display:flex;position:relative;z-index:0;}
div.search div.autocomplete {position:absolute;display:none;top:100%;left:0;right:0;background-color:#fff;border-width:0 1px 1px;border-style:solid;border-color:#e5e5e5;max-height:235px;overflow:auto;}
div.search div.autocomplete.sw {display:block;}
div.search div.autocomplete a {display:block;text-decoration:none;padding:5px 10px;font-size:14px;}
div.search div.autocomplete a+a {border-top:1px dashed #e5e5e5;}
div.search div.autocomplete a:hover {color:#000;background-color:#f4f4f4;}
form.searcher div.search span.input {flex:1 1 auto;}
form.searcher div.search input[type="search"] {width:100%;box-sizing:border-box;font:500 15px 'Jost', sans-serif;color:#999;border:1px solid #e5e5e5;padding:10px;border-radius:4px 0 0 4px;outline:none;}
form.searcher div.search input[type="search"]::placeholder {color:#A5A5A5;opacity:1;font-weight:normal;font-style:italic;}
form.searcher div.search [type="submit"] {border:none;color:#674197;border-radius:0 4px 4px 0;background-color:#fff;flex:0 0 40px;cursor:pointer;font-size:28px;}
form.searcher div.search button.more {font:300 15px 'Jost', sans-serif;border-style:solid;border-color:#e5e5e5;border-width:1px 0;display:flex;padding:0 5px;text-decoration:none;line-height:1;background-color:#fff;color:#000;outline-style:none;}
form.searcher div.search button span {margin:auto;}
form.searcher div.search button span::before {content:url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI3LjAxMSIgaGVpZ2h0PSIxMS45MzUiIHZpZXdCb3g9IjAgMCA3LjAxMSAxMS45MzUiPjxwYXRoIGQ9Ik0xMDMuODM2LDUuOTcsMTA4LjMsMS41YS42NTQuNjU0LDAsMCwwLDAtLjkyM2wtLjM5MS0uMzkxYS42NTQuNjU0LDAsMCwwLS45MjMsMEwxMDEuNjcsNS41MDdhLjY1OS42NTksMCwwLDAsMCwuOTI3bDUuMzExLDUuMzExYS42NTQuNjU0LDAsMCwwLC45MjMsMGwuMzkxLS4zOTFhLjY1NC42NTQsMCwwLDAsMC0uOTIzWiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTEwMS40OCAwKSIgZmlsbD0iIzc2MDBhNiIvPjwvc3ZnPg');vertical-align:middle;margin:0 15px;display:inline-block;transition:transform .3s;transform:rotate(-90deg)}
form.searcher div.search button.more.sw span::before {transform: rotate(180deg);}

form.searcher div.searchWrap {position:relative;z-index:21;}
form.searcher div.more {opacity:0;visibility:hidden;transition:opacity .3s,visibility .3s;position:absolute;left:0;right:0;top:100%;padding:15px 20px;background-color:#313946;box-shadow:0 15px 15px rgba(0,0,0,.1);border-width:0 1px 1px;border-style:solid;border-color:#e5e5e5;}
form.searcher div.more.sw {opacity:1;visibility:visible;}
form.searcher div.more input[type="text"] {border: 1px solid #e5e5e5;border-radius:4px;color: #5c5c5c;font: 300 16px 'Source Sans Pro', sans-serif;padding:5px;box-sizing: border-box;width: 100%;}
form.searcher div.more select {border: 1px solid #e5e5e5;border-radius:4px;color: #5c5c5c;font: 14px 'Source Sans Pro', sans-serif;padding:5px;box-sizing: border-box;width: 100%;}
form.searcher div.price>div.title,
form.searcher span.title {width:auto;display:block;margin-bottom:3px;}
form.searcher div.price>div.input {display:flex;}
form.searcher div.price>div.input>* {flex:1 1 0px;}
form.searcher div.price>div.input>*+* {margin-left:10px;}
form.searcher div.price label {display:flex;align-items:center;}
form.searcher div.price span.tlt {width:auto;margin-right:5px;}
form.searcher div.price span.input {flex:1 1 0px;}
form.searcher div.items {display:flex;flex-wrap:wrap;}
form.searcher div.items>* {flex:0 1 33.33%;box-sizing:border-box;}
form.searcher div.items>*.middle {align-self:center;}
form.searcher div.items>*+* {padding-left:10px;}
form.searcher div.items>*:nth-child(3n+1) {padding-left:0;}

form.searcher button.mobile {display:none;border:none;color:#fff;font:19px/1 "Glyphicons Halflings";width:40px;height:40px;outline-style:none;background-color:#20252e;border-radius:4px;}

form.searcher div.searcherRes {padding:2px;position:absolute;background:#fff;border:1px solid #ccc;display:none;max-height:100px;overflow:auto;z-index:1000}
form.searcher div.searcherRes a {display:block;margin-bottom:2px;color:#000;text-decoration:none}

@media screen and (max-width:1400px){
    form.searcher {margin:0 1%;}
    form.searcher div.search button span {font-size:0;overflow:hidden;color:#fff;margin:auto;}
    form.searcher div.search button span::before {content:'\e8b8';font-family:'Material Symbols Sharp';font-weight:normal;font-style:normal;font-size:24px;line-height:1;letter-spacing:normal;text-transform:none;display:inline-block;white-space:nowrap;word-wrap:normal;direction:ltr;-moz-font-feature-settings:'liga';-moz-osx-font-smoothing:grayscale;;color:#674197;font-variation-settings:'FILL' 1, 'wght' 300;margin:0;}
}

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



    form.searcher div.items>* {flex-basis:50%;}
    form.searcher div.items>*:nth-child(3n+1) {padding-left:10px;}
    form.searcher div.items>*:nth-child(2n+1) {padding-left:0;}
}

@media screen and (max-width: 992px) {
    form.searcher div.items {display:block;}
    form.searcher div.items>*+* {padding-left:0;margin-top:10px;}
    form.searcher div.items>*:nth-child(3n+1) {padding-left:0;}
}
@media screen and (max-width: 768px) {
    form.searcher div.search button.more {display:none;}

    form.searcher {position:relative;z-index:21;flex:0 1 auto;margin-right:5px;margin-bottom:0;margin-left:0;}
    form.searcher button.mobile {display:block;}
    form.searcher div.searcherWrap {display:none;box-sizing:border-box;width:300px;position:absolute;top:100%;right:0;background-color:#20252e;box-shadow: 0 15px 15px rgba(0,0,0,.1);border-width: 0 1px 1px;border-style: solid;border-color: #e5e5e5;padding:10px;border-radius:0 0 5px 5px;}
    form.searcher div.searcherWrap.sw {display:block;}
    form.searcher div.more {opacity:1;visibility:visible;transition:none;position:static;padding:0;background-color:transparent;box-shadow:none;border:none;}
    form.searcher div.searchWrap {position:static;}
}
@media screen and (max-width: 450px) {
    form.searcher {position:static;}
    form.searcher div.searcherWrap {top:65px;left:0;margin:0 auto;}
}