/*--- Range slider ---*/
.q-range__wrapper {
    position: relative;
    width: 100%;
    padding: 45px 0;
}
.irs-hidden-input {
    opacity: 0;
}
.irs--flat .irs-from, .irs--flat .irs-to, .irs--flat .irs-single {
    color: white;
    font-size: 16px;
    line-height: 1.333;
    text-shadow: none;
    padding: 1px 5px;
    background-color: #8acded;
    border-radius: 4px;
}

.irs--flat .irs-bar {
    top: 29px;
    height: 6px;
    background-color: #8acded;
}

.irs--flat .irs-line {
    top: 29px;
    height: 6px;
    background-color: #e1e4e9;
    border-radius: 4px;
}

.irs--flat .irs-bar {
    background-color: #8acded;
}

.irs--flat .irs-handle.state_hover > i:first-child, .irs--flat .irs-handle:hover > i:first-child {
    width: 18px;
    height: 100%;
    margin-left: -9px;
    background-color: #84a3d0;
}

.irs--flat .irs-handle > i:first-child {
    left: 50%;
    width: 18px;
    height: 100%;
    margin-left: -9px;
    border-radius: 50%;
    background-color: #76b3d0;
}

.irs--flat .irs-from:before, .irs--flat .irs-to:before, .irs--flat .irs-single:before {
    border-top-color: #8acded;
}

.irs-from, .irs-to, .irs-single {
    top: -8px;
}

.irs--flat .irs-min, .irs--flat .irs-max {
    top: -8px;
    padding: 3px 5px;
    font-size: 16px;
}