/* Slider CSS */

    .noUiSlider,
    .noUiSlider * {
-webkit-box-sizing: border-box;
   -moz-box-sizing: border-box;
        box-sizing: border-box;
-webkit-user-select: none;
   -moz-user-select: none;
    -ms-user-select: none;
        display: block;
        cursor: default;
    }
    .noUiSlider {
        position: relative;
    }
    .noUiSlider a {
        position: absolute;
        z-index: 1;
    }
    .noUiSlider a:nth-child(2) {
        background: inherit !important;
    }
    .noUiSlider.vertical a {
        width: 100%;
        bottom: 0;
    }
    .noUiSlider.noUi-horizontal a {
        height: 8px;
        right: 0;
    }
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    .noUiSlider:before,
    body.TOUCH,
    .noUiSlider div {
        -ms-touch-action: none;
    }
    .noUiSlider:before {
        display: block;
        position: absolute;
        width: 150%;
        left: -25%;
        height: 400%;
        top: -150%;
        content: "";
        z-index: -1;
    }
    .noUiSlider.vertical:before {
        width: 400%;
        left: -150%;
        height: 150%;
        top: -25%;
    }
}
    .noUiSlider {
        border: 1px solid #cccccc;
        border-radius: 2px;
    }
    .noUiSlider.connect a,
    .noUiSlider.connect.lower {
        background: #b2a98f;
    }

    .noUiSlider a,
    .noUi-origin,
    .noUiSlider.connect.lower a {
        background-color: rgba(255, 255, 255, 0.6);
        filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#aaffffff', endColorstr='#aaffffff'); /* IE */
        z-index: 101;
    }
    .noUiSlider.disabled,
    .noUiSlider.disabled.connect.lower a {
        background: #ccc;
        box-shadow: none;
    }
    .noUiSlider div {
        border: 1px solid #a3a3a3;
        border-radius: 2px;
    }
    .noUiSlider>a>div {
        background: #ffffff;
        opacity: 1;
    }
    .noUiSlider.disabled div {
        background: transparent;
    }
    .noUiSlider.noUi-horizontal {
        height: 10px;
    }
    .noUiSlider.noUi-horizontal div {
/*        margin: -5px 0 0 -9px; */
    }
    .noUiSlider.vertical {
        width: 10px;
        height: 300px;
    }
    .noUiSlider.vertical div {
        margin: -9px 0 0 -5px;
    }

    .noUi-horizontal .noUi-handle {
        width: 20px;
        height: 18px;
        left: -10px;
        top: -7px;
    }

    .noUi-horizontal .noUi-handle:before {
        left: 6px;
        height: 6px;
        top: 5px;
    }

    .noUi-horizontal .noUi-handle:after {
        left: 11px;
        height: 6px;
        top: 5px;
    }

/* Slider scale and divisions */
    .noUiSlider.noUi-horizontal div.scale,
    .noUiSlider.noUi-horizontal div.divisions {
        position: absolute;
        display: inline-block;
        height: 8px;
        margin: 0;
        padding: 0;
        border: 0;
        width: 100%;
        top: 0;
        left: 0;
    }
    .noUiSlider.noUi-horizontal div.scale-value,
    .noUiSlider.noUi-horizontal div.division {
        display: inline-block;
        border: 1px solid #f4f4f4;
        width: 20%;
        float: left;
        clear: none;
        margin: 0;
        height: 8px;
        border-radius: 0;
        z-index: 100;
    }
    .noUiSlider.noUi-horizontal div.divisions {
        background: #EE3124;
    }
    .noUiSlider.noUi-horizontal div.division {
        border: 1px solid #cccccc;
    }
    .noUiSlider.noUi-horizontal div.scale,
    .noUiSlider.noUi-horizontal div.scale-value {
        top: 20px;
        height: 20px;
    }
    .noUiSlider.noUi-horizontal div.scale {
        font-size: 0.8em;
        background: #f4f4f4;
        width: 120%;
        left: -10%;
        clear: both;
        border: 1px solid #f4f4f4;
    }
    .noUiSlider.noUi-horizontal div.scale-value {
        background: #f4f4f4;
        text-align: center;
        width: 16.6%;
        font-size: 16px;
    }