.noUi-target,.noUi-target *{-webkit-touch-callout:none;-webkit-user-select:none;-ms-touch-action:none;-ms-user-select:none;-moz-user-select:none;-moz-box-sizing:border-box;box-sizing:border-box}.noUi-target{position:relative;direction:ltr}.noUi-base{width:100%;height:100%;position:relative}.noUi-origin{position:absolute;right:0;top:0;left:0;bottom:0}.noUi-handle{position:relative;z-index:1}.noUi-stacking .noUi-handle{z-index:10}.noUi-state-tap .noUi-origin{-webkit-transition:left .3s,top .3s;transition:left .3s,top .3s}.noUi-state-drag *{cursor:inherit!important}.noUi-base{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.noUi-horizontal{height:18px}.noUi-horizontal .noUi-handle{width:34px;height:28px;left:-17px;top:-6px}.noUi-vertical{width:18px}.noUi-vertical .noUi-handle{width:28px;height:34px;left:-6px;top:-17px}.noUi-background{background:#FAFAFA;box-shadow:inset 0 1px 1px #f0f0f0}.noUi-connect{background:#3FB8AF;box-shadow:inset 0 0 3px rgba(51,51,51,.45);-webkit-transition:background 450ms;transition:background 450ms}.noUi-origin{border-radius:2px}.noUi-target{border-radius:4px;border:1px solid #D3D3D3;box-shadow:inset 0 1px 1px #F0F0F0,0 3px 6px -5px #BBB}.noUi-target.noUi-connect{box-shadow:inset 0 0 3px rgba(51,51,51,.45),0 3px 6px -5px #BBB}.noUi-dragable{cursor:w-resize}.noUi-vertical .noUi-dragable{cursor:n-resize}.noUi-handle{border:1px solid #D9D9D9;border-radius:3px;background:#FFF;cursor:default;box-shadow:inset 0 0 1px #FFF,inset 0 1px 7px #EBEBEB,0 3px 6px -3px #BBB}.noUi-active{box-shadow:inset 0 0 1px #FFF,inset 0 1px 7px #DDD,0 3px 6px -3px #BBB}.noUi-handle:after,.noUi-handle:before{content:"";display:block;position:absolute;height:14px;width:1px;background:#E8E7E6;left:14px;top:6px}.noUi-handle:after{left:17px}.noUi-vertical .noUi-handle:after,.noUi-vertical .noUi-handle:before{width:14px;height:1px;left:6px;top:14px}.noUi-vertical .noUi-handle:after{top:17px}[disabled] .noUi-connect,[disabled].noUi-connect{background:#B8B8B8}[disabled] .noUi-handle{cursor:not-allowed} 
 .noUi-pips,.noUi-pips *{-moz-box-sizing:border-box;box-sizing:border-box}.noUi-pips{position:absolute;font:400 12px Arial;color:#999}.noUi-value{width:40px;position:absolute;text-align:center}.noUi-value-sub{color:#ccc;font-size:10px}.noUi-marker{position:absolute;background:#CCC}.noUi-marker-large,.noUi-marker-sub{background:#AAA}.noUi-pips-horizontal{padding:10px 0;height:50px;top:100%;left:0;width:100%}.noUi-value-horizontal{margin-left:-20px;padding-top:20px}.noUi-value-horizontal.noUi-value-sub{padding-top:15px}.noUi-marker-horizontal.noUi-marker{margin-left:-1px;width:2px;height:5px}.noUi-marker-horizontal.noUi-marker-sub{height:10px}.noUi-marker-horizontal.noUi-marker-large{height:15px}.noUi-pips-vertical{padding:0 10px;height:100%;top:0;left:100%}.noUi-value-vertical{width:15px;margin-left:20px;margin-top:-5px}.noUi-marker-vertical.noUi-marker{width:5px;height:2px;margin-top:-1px}.noUi-marker-vertical.noUi-marker-sub{width:10px}.noUi-marker-vertical.noUi-marker-large{width:15px} 
.layer-title { margin-bottom: 1rem; font-size: 1.25rem; font-weight: normal; } .layer-filter .loader { position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto; background: #fff; box-shadow: 0 0 0.5rem rgba(0, 0, 0, 0.3); transition: opacity 0.2s ease-out; text-align: center; display: table; opacity: 0; visibility: hidden; } .layer-filter .loader > * { display: table-cell; vertical-align: middle; } .layer-filter.filter-loading .loader { opacity: 1; visibility: visible; width: 70%; height: 2.5rem; } .layer-filter { position: relative; transition: opacity 0.2s ease-out; } .layer-filter + .layer-filter { margin-top: 1rem; } .layer-filter ul { padding: 0; display: block; list-style: none; } .layer-filter li { width: 100%; display: inline-block; } .layer-filter li.a-right { text-align: right; } .layer-filter header { padding: 0.25rem 0.5rem; background: #f4f4f4; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; vertical-align: middle; } .layer-filter header h1, .layer-filter header h2, .layer-filter header h3, .layer-filter header h4, .layer-filter header h5 { margin: 0; color: #636363; font-weight: normal; } .layer-filter .layer-options { padding: 0.5rem; } .layer-filter.filter-loading { pointer-events: none; opacity: 0.6; } .layer-filter input + .filter-option { cursor: pointer; } .layer-filter input:disabled + .filter-option { opacity: 0.5; cursor: default; } .layer-filter.filter-price-range .range-from, .layer-filter.filter-price-range .range-to { font-size: 0.8rem; display: inline-block; margin-bottom: 0.5rem; width: 50%; } .layer-filter.filter-price-range .range-to { float: right; text-align: right; } .layer-filter.filter-label input { display: none; } .layer-filter.filter-label input + .filter-option { background: #eee; font-size: 0.7rem; display: inline-block; padding: 0.2rem 0.4rem; margin: 0.2rem 0; transition: background 0.1s ease-out; } .layer-filter.filter-label input + .filter-option:hover { background: #ddd; } .layer-filter.filter-label input:checked + .filter-option { background: #3399cc; color: #fff; } .layer-filter.filter-label input:checked + .filter-option:hover { background: #3487B0; } .layer-filter.filter-label input:checked + .filter-option .filter-count { display: none; } .layer-filter.filter-label input:checked + .filter-option:after { content: "x"; font-weight: bold; } .layer-filter.filter-label input:disabled + .filter-option { opacity: 0.5; } .layer-filter.filter-label input:disabled + .filter-option:hover { background: #eee; } .layer-filter.filter-color input { display: none; } .layer-filter.filter-color input + .filter-option { font-size: 0.7rem; display: inline-block; margin: 0.2rem 0; transition: -webkit-transform 0.1s ease-out; transition: transform 0.1s ease-out; width: 2rem; height: 2rem; text-align: center; display: table; border-width: 1px; border-style: solid; } .layer-filter.filter-color input + .filter-option:hover { box-shadow: 0 0 0.25rem rgba(0, 0, 0, 0.3); -webkit-transform: scale(1.05); -ms-transform: scale(1.05); transform: scale(1.05); } .layer-filter.filter-color input + .filter-option .filter-count, .layer-filter.filter-color input + .filter-option .check { vertical-align: middle; opacity: 0.5; display: table-cell; width: 100%; } .layer-filter.filter-color input + .filter-option .check { display: none; } .layer-filter.filter-color input:checked + .filter-option { box-shadow: 0 0 0.3rem rgba(0, 0, 0, 0.45); } .layer-filter.filter-color input:checked + .filter-option:hover { background: #3487B0; } .layer-filter.filter-color input:checked + .filter-option .check { display: table-cell; } .layer-filter.filter-color input:checked + .filter-option .filter-count { display: none; } .layer-filter.filter-color input:disabled + .filter-option { opacity: 0.2; background: #bbb; -webkit-transform: scale(0.5); -ms-transform: scale(0.5); transform: scale(0.5); } .layer-filter.filter-color input:disabled + .filter-option:hover { background: #bbb; } .layer-filter.filter-image li { display: inline-block; width: auto; } .layer-filter.filter-image li.a-right { width: 100%; } .layer-filter.filter-image img { max-width: 100%; vertical-align: middle; display: table-cell; } .layer-filter.filter-image input { display: none; } .layer-filter.filter-image input + .filter-option { font-size: 0.7rem; display: inline-block; margin: 0; transition: -webkit-transform 0.1s ease-out; transition: transform 0.1s ease-out; width: 4rem; height: 4rem; text-align: center; display: table; position: relative; border: 1px solid #eee; } .layer-filter.filter-image input + .filter-option:hover { box-shadow: 0 0 0.25rem rgba(0, 0, 0, 0.3); -webkit-transform: scale(1.05); -ms-transform: scale(1.05); transform: scale(1.05); } .layer-filter.filter-image input + .filter-option .filter-count { vertical-align: middle; display: table-cell; position: absolute; padding: 0.25rem; opacity: 0.6; top: 0; right: 0; } .layer-filter.filter-image input:checked + .filter-option { border: 2px solid #3487B0; } .layer-filter.filter-image input:disabled + .filter-option { opacity: 0.2; background: #bbb; } .layer-filter.filter-image input:disabled + .filter-option:hover { background: #bbb; -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } .noUi-target { border-radius: 4px; height: 1rem; width: auto; margin: 0 1rem 3rem; } .noUi-base { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .noUi-handle { border-radius: 2px; width: 1rem; height: 1rem; background: #fff; border: 1px solid #ccc; } .noUi-background { background: #eee; border: 1px solid #ccc; } .noUi-connect { background: #79cb79; } .noUi-origin { position: absolute; top: 0; right: 0; bottom: 0; left: 0; } .noUi-marker-horizontal.noUi-marker-large { height: 0.6rem; }