/* @import url(https://fonts.googleapis.com/css?family=Raleway:500); */

.volumeSliderRotation {
    width: 350px;
    height: 50px;
    position: relative;
    margin: 0 auto;
    top: 80px;
}

.volumeSliderRotation {
    position: absolute;
    left: 24px;
    margin: 0 auto;
    height: 5px;
    width: 300px;
    background: #662d91;
    border-radius: 15px;
}

.ui-slider-range-min {
    height: 5px;
    width: 300px;
    position: absolute;
    background: #d4145a;
    border: none;
    border-radius: 10px;
    outline: none;
}

.ui-slider-handle {
    width: 20px;
    height: 20px;
    border-radius: 20px;
    background: #d4145a;
    position: absolute;
    margin-left: -8px;
    margin-top: -8px;
    cursor: pointer;
    outline: none;
}

.volumeSliderRotation::-moz-range-thumb {
    width: 15px;
    height: 15px;
    background: #fff;
    cursor: pointer;
}

.volumeSliderRotation{
    transform: rotate(-90deg);
}

.rotate {
    animation: rotation 8s infinite linear;
}

@keyframes rotation {
    from {
        transform: rotate(0deg);
    }
    to {
        transform: rotate(359deg);
    }
}