@charset "utf-8";
/* CSS Document */

/* NOUI SLIDER */
.hp-slider .example-val {padding: 5px 0;}
.noUi-target{position: relative; direction: ltr}
.noUi-origin{position: absolute; right: 0; top: 0; left: 0; bottom: 0; border-radius: 2px}
.noUi-handle{position: relative; z-index: 1}
.noUi-marker, .noUi-pips, .noUi-tooltip, .noUi-value{position: absolute}
.noUi-horizontal{height: 12px; z-index: 0}
.noUi-horizontal .noUi-handle{width: 25px; height: 21px; left: -13px; top: -6px}
.noUi-background{background: #ccc;}
.noUi-connect{background: #354447 !important; border: 1px #ccc solid;}
.noUi-target{width: calc(100% - 15px); margin: 15px auto;}
.noUi-handle{background: #fff !important; border: 1px solid #ccc; border-radius: 3px;}
.noUi-handle:after, .noUi-handle:before{content: ""; display: block; position: absolute; height: 12px; width: 1px; background: #E8E7E6; left: 10px; top: 3px}
.noUi-handle:after{left: 12px}
.noUi-pips-horizontal{padding: 5px 0; height: 10px; top: 100%; left: 0; width: 100%}
.noUi-marker-horizontal.noUi-marker{margin-left: -1px; width: 1px; height: 5px; background: #777;}
.example-val{font-size: 12px; font-weight: 600; color: #000;} .example-val span{font-weight: 400;}
#slider-price-value-lower:before, #slider-price-value-upper:before{content: '$'; padding-right: 2px}