/* category filter styles */

div.filter-area ul > li,
div.other_filters_tmp ul > li {
    padding: 0 0 10px 0;
}
div.filter-area ul > li:last-child,
div.other_filters_tmp ul > li:last-child {
    padding: 0;
}
div.filter-area div.cf-slider {
    padding: 12px 0 0;
    margin: 0 9px;
}
div.filter-area a.more {
    display: inline-block;
    margin-top: 10px;
}
div.filter-area span.counter,
div.other_filters_tmp span.counter {
    display: inline-block;
}
.cat-tree .brand-icon {
    width: 27px;
    vertical-align: sub;
}
div.cf-apply {
    padding: 6px 0 0;
}
div.cf-slider + div.cf-apply {
    padding: 17px 0 0;
}
.jslider .jslider-bg .v {
    background: #ffb01f;
}
.jslider .jslider-bg .r,
.jslider .jslider-bg .l {
    background: #e2e2e2;
}
.jslider-pointer {
    background: #707070!important;
    width: 18px;
    height: 18px;
    position: absolute;
    left: 20%;
    top: -6px;
    cursor: hand;
    margin-left: -9px;
}
.jslider-pointer:before,
.jslider-pointer:after {
    content: '';
    width: 2px;
    height: 10px;
    position: absolute;
    left: 5px;
    top: 4px;
    background: white;
}
.jslider-pointer:after {
    left: auto;
    right: 5px;
}
.jslider .jslider-pointer-to {
    margin-left: -9px;
}
.jslider-pointer:hover {
    background: #585858!important;
}
.jslider-pointer-hover {
    background: #3a3a3a!important;
}
.cf-apply span.hide {
    opacity: .8;
    filter: "alpha(opacity=80)"; -ms-filter: "alpha(opacity=80)";
}
div.filter-area div.clear-filters {
    padding: 0 0 15px;
}
div.other_filters_tmp {
    position: absolute;
    z-index: 3;
}
div.other_filters_tmp div {
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
    margin: 14px 0 0;
    max-width: 180px;
    padding: 13px 20px 14px;
    position: relative;
}
div.cat-tree-cont.subcat-cont {
    padding-left: 15px;
}
div.cat-tree-cont span.expander {
    display: none;
}
div.cat-tree-cont ul.cat-tree > li.rest {
    display: none;
}
div.cat-tree-cont.limit-height {
    max-height: 360px;
}

/*** TABLET VIEW ***/
@media screen and (min-width: 768px) and (max-width: 959px) {
    div.filter-area ul > li {
        display: list-item;
    }
    div.filter-area ul > li:nth-child(3n) {
        margin-right: 0;
    }
}

body[dir=rtl] div.cat-tree-cont.subcat-cont {
    padding-left: 0;
    padding-right: 15px;
}
/* category filter styles end */

.jslider{display:block;width:100%;height:1em;position:relative;top:.6em;font-family:Arial,sans-serif}
.jslider table{width:100%;border-collapse:collapse;border:0}
.jslider td,.jslider th{padding:0;vertical-align:top;text-align:left;border:0}
.jslider table,.jslider table tr,.jslider table tr td{width:100%;vertical-align:top}
.jslider .jslider-bg{position:relative}
.jslider .jslider-bg i{height:5px;position:absolute;font-size:0;top:0}
.jslider .jslider-bg .l{width:50%;background-position:0 0;left:0}
.jslider .jslider-bg .r{width:50%;left:50%;}
.jslider .jslider-bg .v{position:absolute;width:60%;left:20%;top:0;height:5px;background-position:0 -20px}
.jslider .jslider-pointer-to{left:80%}
.jslider .jslider-label{font-size:10px;line-height:12px;color:black;opacity:.4;white-space:nowrap;padding:0 2px;position:absolute;top:-21px;left:0}
.jslider .jslider-label-to{left:auto;right:0}
.jslider .jslider-value{font-size:10px;white-space:nowrap;padding:1px 2px 0;position:absolute;top:-22px;left:20%;background:white;line-height:12px;-moz-border-radius:2px;-webkit-border-radius:2px;-o-border-radius:2px;border-radius:2px}
.jslider .jslider-value-to{left:80%}
.jslider .jslider-label small,.jslider .jslider-value small{position:relative;top:-0.4em}
.jslider .jslider-scale{position:relative;top:9px}
.jslider .jslider-scale span{position:absolute;height:5px;border-left:1px solid #999;font-size:0}
.jslider .jslider-scale ins{font-size:9px;text-decoration:none;position:absolute;left:0;top:5px;color:#999}
.jslider-single .jslider-pointer-to,.jslider-single .jslider-value-to,.jslider-single .jslider-bg .v,.jslider-limitless .jslider-label{display:none}

/* Custom changes by @Curtis [Flynax-Team] | Ticket ID: YIR-563275 */
.filter-area header.down-arrow {
    cursor: pointer;
    width: 100%;
}
.filter-area header.down-arrow span.arrow {
    background: url(down.svg);
    display: block;
    position: absolute;
    right: 0;
    width: 10px;
    height: 6px;
    margin-top: 6px;
    transform: rotate(180deg);
}
.filter-area header.down-arrow.up span.arrow {
    transform: rotate(0deg);
}
.filter-area ul.cat-tree li ul.sub-cats {
    margin-top: 10px;
}
.filter-area .cat-tree span.selected {
    background: grey;
}
.filter-area .cat-tree input {
    cursor: pointer;
    left: 22px;
}
.filter-area .cat-tree span.hover {
    box-shadow: 2px 0px 7px inset darkgrey;
}