.filter-wrap { margin-bottom: 30px; -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.15); -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.15); box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.15); }
.filter-wrap .title { min-height: 57px; background: #f6f6f6; border: 1px solid #ececec; padding: 0 15px; margin-bottom: 0px; }
.filter-wrap .title h2 { color: #dc2b19; line-height: 47px; }
.filter-wrap .title h2 img { margin-right: 8px; position: relative; top: -2px; }
.filter-wrap .title .h2 { color: #dc2b19; line-height: 47px; }
.filter-wrap .title .h2 img { margin-right: 8px; position: relative; top: -2px; }

.clear { font-size: 13px; color: #aaa; }
.clear a { display: inline-block; color: #aaa; padding: 0 5px 5px; margin-bottom: 3px; }
.clear a:hover, .clear a.clear-current { color: #555; text-decoration: underline; }
.filter-wrap-one { padding: 10px; }
.filter-container { background: #fff; padding: 8px 10px; border-bottom: 2px solid #dc2b19; }
.filter-container h5 { float: left; color: #000; font-size: 18px; text-transform: none; position: relative; padding-right: 20px; cursor: pointer; }
.filter-container h5:after { content: "\f107"; font-family: 'FontAwesome'; color: #818181; font-size: 18px; position: absolute; right: 0px; top: 3px; }
.filter-container .h5 { float: left; color: #000; font-size: 18px; text-transform: none; position: relative; padding-right: 20px; cursor: pointer; }
.filter-container .h5:after { content: "\f107"; font-family: 'FontAwesome'; color: #818181; font-size: 18px; position: absolute; right: 0px; top: 3px; }

.cancel { float: right; font-size: 13px; color: #aaa; line-height: 22px; }
.cancel a { display: inline-block; color: #aaa; }
.cancel a:hover { color: #dc2b19; }
.filter-margin { background: #f6f6f6; padding: 15px 15px 8px; }

.filter-btn { display: none; float: left; height: 36px; background: #fff; border: 1px solid #ececec; padding: 0 15px; line-height: 36px; margin-bottom: 0px; color: #dc2b19; text-transform: uppercase; font-size: 16px; font-weight: bold; margin-top: 4px; cursor: pointer; }
.filter-btn img { margin-right: 8px; }
.filter-responsiv { display: none; position: fixed; top: 0px; left: 0px; width: 100%; height: 100%; overflow-y: auto; z-index: 10000; background: #fff; }
.filter-responsiv .filter-wrap-one { padding: 5px 10px; }
.close-btn { position: absolute; top: 75px; right: 15px; width: 28px; height: 28px; z-index: 1; cursor: pointer; line-height: 1; }

.checkbox-custom, .radio-custom { position: relative; display: block; margin-bottom: 7px; line-height: 15px; }
.checkbox-custom label,.radio-custom label { position: relative; display: inline-block; vertical-align: middle; margin: 0 0 5px; padding: 0; cursor: pointer; font-size: 15px; color: #484848; }
.checkbox-custom input[type=checkbox] { opacity: 0; position: absolute; margin: 0px; }
.checkbox-custom input[type=checkbox]+label:before { content: ''; background: #fff; border: 1px solid #dcdcdc; display: inline-block; vertical-align: top; width: 15px; height: 15px; margin-right: 10px; text-align: center; box-shadow: inset 0 0 0 8px #fff; -webkit-transition: box-shadow .1s ease-in-out; -o-transition: box-shadow .1s ease-in-out; transition: box-shadow .1s ease-in-out; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; }
.checkbox-custom input[type=checkbox]:checked+label:before { background: #dc2b19; box-shadow: inset 0 0 0 3px #fff; }
.checkbox-custom input[type=checkbox]:focus+label:before { box-shadow: inset 0 0 0 3px #fff; }
.checkbox-custom input[type=checkbox].disabled+label:before, .checkbox-custom input[type=checkbox]:disabled+label:before, fieldset[disabled] .checkbox-custom input[type=checkbox]+label:before { cursor: default; opacity: .4; }
.radio-custom.radio-inline { padding-left: 0; }
.radio-custom input[type=radio] { opacity: 0; position: absolute; margin: 0px; }
.radio-custom input[type=radio]+label:before { border-radius: 50%; content: ''; background: #fff; border: 1px solid #dcdcdc; display: inline-block; vertical-align: top; width: 15px; height: 15px; padding: 2px; margin-right: 10px; text-align: center; box-shadow: inset 0 0 0 8px #fff; -webkit-transition: box-shadow .1s ease-in-out; -o-transition: box-shadow .1s ease-in-out; transition: box-shadow .1s ease-in-out; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; }
.radio-custom input[type=radio]:checked+label:before { background: #dc2b19; box-shadow: inset 0 0 0 3px #fff; }
.radio-custom input[type=radio]:focus+label:before { box-shadow: inset 0 0 0 3px #fff; }
.radio-custom input[type=radio].disabled+label:before, .radio-custom input[type=radio]:disabled+label:before, fieldset[disabled] .radio-custom input[type=radio]+label:before { cursor: default; opacity: .4; }

@media only screen and (max-width: 1280px) {
.filter-wrap-one .checkbox-custom label, .filter-wrap-one .radio-custom label { font-size: 14px; }
.clear { font-size: 12px; }
.clear a { margin-bottom: 0px; }
}
@media only screen and (max-width: 990px) {
.filter-btn { display: block; }
}
@media only screen and (max-width: 430px) {
.filter-btn { padding: 0 8px; font-size: 15px; }
.filter-btn img { margin-right: 5px; }
}