.dual-range{
    width:100%;
}

.dual-range-slider{
    position:relative;
    height:44px;
    display:flex;
    align-items:center;
}

.dual-range-track,
.dual-range-fill{
    position:absolute;
    left:0;
    right:0;
    height:2px;
    top:50%;
    transform:translateY(-50%);
    border-radius:999px;
    pointer-events:none;
}

.dual-range-track{
    background:#d9d9d9;
}

.dual-range-fill{
    background:#6f4f25;
    left:0;
    right:auto;
    width:0;
}

.dual-range-thumb{
    -webkit-appearance:none;
    appearance:none;
    position:absolute;
    left:0;
    top:0;
    width:100%;
    height:44px;
    margin:0;
    background:transparent;
    pointer-events:none;
}

.dual-range-thumb::-webkit-slider-runnable-track{
    height:6px;
    background:transparent;
    border:none;
}

.dual-range-thumb::-moz-range-track{
    height:6px;
    background:transparent;
    border:none;
}

.dual-range-thumb::-webkit-slider-thumb{
    -webkit-appearance:none;
    appearance:none;
    width:20px;
    height:20px;
    border-radius:50%;
    background:#6f4f25;
    border:2px solid #6f4f25;
    cursor:pointer;
    margin-top:-7px;
    pointer-events:auto;
    position:relative;
    z-index:2;
}

.dual-range-thumb::-moz-range-thumb{
    width:20px;
    height:20px;
    border-radius:50%;
    background:#6f4f25;
    border:2px solid #6f4f25;
    cursor:pointer;
    pointer-events:auto;
    position:relative;
    z-index:2;
}

.dual-range-thumb:focus{
    outline:none;
}

.dual-range-thumb:focus::-webkit-slider-thumb{
    box-shadow:0 0 0 .2rem rgba(111,79,37,.2);
}

.dual-range-thumb:focus::-moz-range-thumb{
    box-shadow:0 0 0 .2rem rgba(111,79,37,.2);
}

/*banner*/
.navbar.banner-visible {
    margin-top: var(--topbanner-offset, 0px);
}

.navbar.banner-visible .mega {
    margin-top: var(--topbanner-offset, 0px);
}
