ul, li {
    display: inline-block;
    margin: 0px;
}


.sliders {
    /*margin: 50px 0px;*/
    border-top: 1px solid;
    border-bottom: 1px solid;
    padding: 15px 0px;
}




/* ROW OF SLIDERS */
.slider-set {
    display:inline-block;
    overflow-y: hidden;
}
.signal {
    padding: 0px 0px 12px 0px;
    /*margin: 0px 0px 13px 0px;*/
}
/*.signal {*/

/*}*/

.signal:last-child {
    border-bottom: 0px;
    border-right: 0px;
}

.signal-hor {
    padding: 0px 0px 0px 23px;
    display: inline-block;
}
.signal-hor:last-child {
    border-right: 0px;
}

/*

    SINGLE SLIDER

*/
.slide-control {
    width: 100px;
    margin: 13px 0;
    display: inline-block;
    /*border-right: 1px solid orange;*/
}

.slide-control.effect {
    display:block;
    margin-bottom: 20px;
}
.slide-caption {
    /*width: 40px;*/
    /* vertical */
    margin-bottom: 20px;
    text-align: left;
}
.cv-slider {
    -webkit-appearance: none;
    -ms-transform: rotate(-90deg); /* IE 9 */
    -webkit-transform: rotate(-90deg); /* Chrome, Safari, Opera */
    transform: rotate(-90deg);
    display:inline-block;
}
.filter-slider {

}
.slide-buttons {
    position: absolute;
    display:inline-block;
    float:left;
}
.slide-buttons button {
    width: 20px;
}

input[type=range] {
    -webkit-appearance: none;
    width: 100%;
    margin: 13.8px 0;
    display: inline-block;
}


/* Horizontal */
.slider {
    /*margin: 0px 20px;*/
    height: 100%;
    width: 140px;
}
.slider:focus {
    outline: none;
}



/*
    THUMB
*/
.slider::-webkit-slider-thumb {
    box-shadow: 0px 0px 0px #000000, 0px 0px 0px #0d0d0d;
    height: 40px;
    width: 25px;
    border-radius: 0px;
    background: #111111;
    cursor: pointer;
    -webkit-appearance: none;
    margin-top: -18px;
    /*box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;*/
    /*border: 1px solid #000000;*/
    /*height: 36px;*/
    /*width: 16px;*/
    /*border-radius: 3px;*/
    /*background: #ffffff;*/
    /*cursor: pointer;*/
    /*-webkit-appearance: none;*/
    /*margin-top: -14px;*/
}
.slider::-ms-thumb {
    box-shadow: 0px 0px 0px #000000, 0px 0px 0px #0d0d0d;
    border: 3.1px solid #000000;
    height: 40px;
    width: 25px;
    border-radius: 0px;
    background: #ffffff;
    cursor: pointer;
    /*height: 13.8px;*/
    /*box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;*/
    /*border: 1px solid #000000;*/
    /*height: 36px;*/
    /*width: 16px;*/
    /*border-radius: 3px;*/
    /*background: #ffffff;*/
    /*cursor: pointer;*/
    /*height: 8.4px;*/
}
.slider::-moz-range-thumb {
    /*box-shadow: 0px 0px 0px #000000, 0px 0px 0px #0d0d0d;*/
    /*border: 3.1px solid #000000;*/
    height: 40px;
    width: 25px;
    border-radius: 0px;
    background: #ffffff;
    cursor: pointer;
    /*box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;*/
    /*border: 1px solid #000000;*/
    /*height: 36px;*/
    /*width: 16px;*/
    /*border-radius: 3px;*/
    /*background: #ffffff;*/
    /*cursor: pointer;*/
}
.cv-slider::-webkit-slider-thumb, .cv-slider::-webkit-slider-thumb, .cv-slider::-moz-range-thumb  {
    height: 50px;
    width: 30px;
}


/*

    TRACK

 */
.slider::-webkit-slider-runnable-track {
    width: 100%;
    height: 30.8px;
    cursor: pointer;
    box-shadow: 0px 0px 0px rgba(0, 0, 0, 0), 0px 0px 0px rgba(13, 13, 13, 0);
    border-radius: 0px;
    border: 14px solid #111111;
    /*width: 100%;*/
    /*height: 8.4px;*/
    /*cursor: pointer;*/
    /*box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;*/
    /*background: #3071a9;*/
    /*border-radius: 1.3px;*/
    /*border: 0.2px solid #010101;*/
}

.slider::-moz-range-track {
    width: 100%;
    height: 13.8px;
    cursor: pointer;
    box-shadow: 0px 0px 0px rgba(0, 0, 0, 0), 0px 0px 0px rgba(13, 13, 13, 0);
    border-radius: 0px;
    border: 2.4px solid #010100;
    /*width: 100%;*/
    /*height: 8.4px;*/
    /*cursor: pointer;*/
    /*box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;*/
    /*background: #3071a9;*/
    /*border-radius: 1.3px;*/
    /*border: 0.2px solid #010101;*/
}
.slider::-ms-track {
    width: 100%;
    height: 13.8px;
    cursor: pointer;
    background: transparent;
    border-color: transparent;
    color: transparent;
    /*width: 100%;*/
    /*height: 8.4px;*/
    /*cursor: pointer;*/
    /*background: transparent;*/
    /*border-color: transparent;*/
    /*color: transparent;*/
}
.slider::-ms-fill-lower {
    border: 2.4px solid #010100;
    border-radius: 0px;
    box-shadow: 0px 0px 0px rgba(0, 0, 0, 0), 0px 0px 0px rgba(13, 13, 13, 0);
    /*background: #2a6495;*/
    /*border: 0.2px solid #010101;*/
    /*border-radius: 2.6px;*/
    /*box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;*/
}
.slider::-ms-fill-upper {
    border: 2.4px solid #010100;
    border-radius: 0px;
    box-shadow: 0px 0px 0px rgba(0, 0, 0, 0), 0px 0px 0px rgba(13, 13, 13, 0);
    /*background: #3071a9;*/
    /*border: 0.2px solid #010101;*/
    /*border-radius: 2.6px;*/
    /*box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;*/
}


@media handheld, only screen and (max-width: 767px) {
    input[type=range] {
        margin: 0px;
    }
    .slide-control {
        width: 100px;
        margin: 20px 0px;
    }
    .slide-control.effect {
        display:inline-block;
        margin: 0px;
    }
    .slide-caption {
        margin-bottom: 25px;
        width: 5px;
    }


    /* HORIZONTAL */
    /*.slider-set {*/
        /*display: block;*/
    /*}*/
    /*.slider::-webkit-slider-thumb {*/
        /*height: 30px;*/
        /*width: 20px;*/
        /*margin-top: -14px;*/
    /*}*/
    /*.cv-slider {*/
        /*-webkit-appearance: none;*/
        /*-ms-transform: none; !* IE 9 *!*/
        /*-webkit-transform: none; !* Chrome, Safari, Opera *!*/
        /*transform: none;*/
        /*display:inline-block;*/
    /*}*/
    /*.slide-caption { margin-bottom: 0px; }*/


    .slider-set {
        width: 110px;
    }

    .signal {
        padding: 0px;
        border: 0px;
        /*margin: 8px 0px;*/
    }
}



@media handheld, only screen and (max-width: 568px) {
    .slider-set {
        width: 70px;
    }
}