/*
|--------------------------------------------------------------------------
| ALTANZ ASPINAL PRICE SLIDER
|--------------------------------------------------------------------------
*/

/* DROPDOWN PANEL */

.altanz-price-slider-wrap{
    background:#fff;
   
    padding:15px 70px 9px;
}


/* PRICE DROPDOWN PANEL HEIGHT */

.altanz-pf-dropdown[data-dropdown="price"]
.altanz-pf-dropdown-inner {

    padding-top: 5px;
    padding-bottom: 50px;
}




/*
|--------------------------------------------------------------------------
| HIDE OLD MIN/MAX VALUES
|--------------------------------------------------------------------------
*/

.altanz-price-values,
.altanz-price-values-mobile {

    display: none;
}





/*
|--------------------------------------------------------------------------
| DYNAMIC PRICE SCALE
|--------------------------------------------------------------------------
*/

/*
.altanz-price-scale {

    position: relative;

    width: 100%;

    max-width: 760px;

    height: 18px;

    margin: 22px auto 0;
}
*/

/*
.altanz-price-scale-mobile {

    position: relative;

    width: 100%;

    height: 18px;

    margin-top: 22px;
}

*/


/*

.altanz-price-scale-label {

    position: absolute;

    top: 0;

    transform: translateX(-50%);

    font-size: 11px;

    line-height: 1;

    color: #8f8f8f;

    letter-spacing: 0.04em;

    white-space: nowrap;
}

*/



/*
|--------------------------------------------------------------------------
| MOBILE PRICE SLIDER
|--------------------------------------------------------------------------
*/

#altanz-price-slider-mobile {

    position: relative;
    
    height: 4px;
    
    background: #ececec;

    border: none;

    border-radius: 0;

    box-shadow: none;

    max-width: 100%;

    margin: 0 auto;

    cursor: pointer;
}

/*

#altanz-price-slider-mobile::after{

    content:"";

    position:absolute;

    left:0;
    right:0;

    top:8px;

    height:7px;

    background-image:repeating-linear-gradient(
        to right,
        #dddddd 0px,
        #dddddd 1px,
        transparent 1px,
        transparent 28px
    );

    pointer-events:none;
}
*/

/*
|--------------------------------------------------------------------------
| MOBILE NOUI SLIDER
|--------------------------------------------------------------------------
*/

#altanz-price-slider-mobile.noUi-target {

    border: 1px solid #e3e3e3;

    background: #ffffff;
    
    height: 6px;
    
    box-shadow: none;
}

#altanz-price-slider-mobile .noUi-base {

    height: 100%;
}

#altanz-price-slider-mobile .noUi-connects {

    height: 100%;
    background: transparent;
}

#altanz-price-slider-mobile .noUi-connect {

    background: #082b73;

    height: 2px;

    top: 1px;

    position: absolute;
}

/*
|--------------------------------------------------------------------------
| MOBILE HANDLES
|--------------------------------------------------------------------------
*/

#altanz-price-slider-mobile .noUi-handle {

    width: 16px !important;

    height: 16px !important;

    right: -8px !important;

    top: -6px !important;

    border-radius: 50% !important;

    background: #082b73 !important;

    border: 2px solid #ffffff !important;

    box-shadow:
        0 0 0 2px #082b73 !important;

    cursor: pointer;

    transition:
        transform .18s ease,
        box-shadow .18s ease;
}

#altanz-price-slider-mobile .noUi-handle::before,
#altanz-price-slider-mobile .noUi-handle::after {

    display: none;
}

/*
|--------------------------------------------------------------------------
| MOBILE TOOLTIP
|--------------------------------------------------------------------------
*/

#altanz-price-slider-mobile .noUi-tooltip{

    position:absolute;

    top:-26px;

    left:50%;

    transform:translate(-50%, -6px);

    background:#082b73;

    color:#fff;

    font-size:10px;

    line-height:1.05;

    padding:6px 9px;

    border-radius:3px;

    white-space:nowrap;

    border:none;

    box-shadow:none;

    font-family:"Gill Sans", sans-serif;

    letter-spacing:.02em;
    
    
}

#altanz-price-slider-mobile .noUi-tooltip::after{

    content:"";

    position:absolute;

    left:50%;

    bottom:-3px;

    transform:translateX(-50%) rotate(45deg);

    width:5px;

    height:5px;

    background:#082b73;
}



.noUi-tooltip{
    opacity:0;
    visibility:hidden;
    transition:opacity .2s ease;
}

.noUi-active .noUi-tooltip,
.noUi-handle:hover .noUi-tooltip{
    opacity:1 !important;
    visibility:visible !important;
}





/*
|--------------------------------------------------------------------------
| MOBILE PIPS
|--------------------------------------------------------------------------
*/

#altanz-price-slider-mobile .noUi-pips {

   top: -4px;
    
    height: 36px;

    overflow: visible;

}

#altanz-price-slider-mobile .noUi-marker-horizontal {

    height: 6px;

    opacity: 0.45;
}

#altanz-price-slider-mobile .noUi-marker-large {

    height: 10px;

    opacity: 0.55;
}

#altanz-price-slider-mobile .noUi-value {

    position: absolute;

    top: 20px;

    transform: translateX(-50%);

    font-size: 11px;

    color: #7b7b7b;

    white-space: nowrap;

    display: block;

    opacity: 1;

    visibility: visible;

}

#altanz-price-slider-mobile .noUi-value-horizontal {

    transform: translateX(-50%);
}

#altanz-price-slider-mobile .noUi-marker {

    background: #e3e3e3;
}



















/*
|--------------------------------------------------------------------------
| MOBILE
|--------------------------------------------------------------------------
*/

@media(max-width:849px){

    .altanz-price-slider-wrap{
        padding:18px 24px 28px;
    }

    #altanz-price-slider{
        max-width:100%;
    }

    .altanz-price-values{
        max-width:100%;
    }

   
    
    
   
    
    #altanz-price-slider-mobile{

        margin: 0 10px;
    }

    .altanz-price-scale-mobile{

        margin-top: 16px;
    }
    
    
    .altanz-price-scale-mobile
    .altanz-price-scale-label{
    
        font-size: 10px;
    }


    .altanz-price-slider-wrap.altanz-mobile-price-wrap {

        background: transparent !important;
    
        padding: 18px 18px 42px !important;
    
        border: none !important;
    
        box-shadow: none !important;
    
        overflow: visible;
        
        min-height: 120px;
    
    }

    .altanz-pf-mobile-accordion-content {

        padding-bottom: 10px;
        
        overflow: visible;

    }
    
    

    /*
    
    .altanz-price-scale-mobile .altanz-price-tick {
        height: 11px;
    }
    */


}














/*
|--------------------------------------------------------------------------
| ALTANZ NOUI DESKTOP SLIDER
|--------------------------------------------------------------------------
*/

#altanz-price-slider {

    position: relative;

    height: 4px;

    background: #ededed;

    border: none;

    border-radius: 0;

    box-shadow: none;

    width: 100%;

    max-width: 760px;

    margin: 28px auto 0;
}

/*
|--------------------------------------------------------------------------
| INTERACTION ZONE
|--------------------------------------------------------------------------
*/

#altanz-price-slider::before {

    content: "";

    position: absolute;

    left: 0;
    top: -14px;

    width: 100%;
    height: 32px;

    z-index: 2;
    
    pointer-events: none;
}

/*
|--------------------------------------------------------------------------
| REMOVE NOUI DEFAULTS
|--------------------------------------------------------------------------
*/

#altanz-price-slider.noUi-target {

    border: 1px solid #e3e3e3;
    
    height: 6px;

    box-shadow: none;

    background: #ffffff;
}

#altanz-price-slider .noUi-base {

    height: 100%;
}

#altanz-price-slider .noUi-connects {

    height: 100%;

    background: transparent;
}

/*
|--------------------------------------------------------------------------
| ACTIVE RANGE
|--------------------------------------------------------------------------
*/

#altanz-price-slider .noUi-connect {

    background: #082b73;

    height: 2px;

    top: 1px;

    position: absolute;
}

/*
|--------------------------------------------------------------------------
| HANDLES
|--------------------------------------------------------------------------
*/

#altanz-price-slider .noUi-handle {

    width: 16px !important;

    height: 16px !important;

    right: -8px !important;

    top: -6px !important;

    border-radius: 50% !important;

    background: #082b73 !important;

    border: 2px solid #ffffff !important;

    box-shadow:
        0 0 0 2px #082b73 !important;

    cursor: pointer;

    transition:
        transform .18s ease,
        box-shadow .18s ease;
}

/*
|--------------------------------------------------------------------------
| REMOVE DEFAULT HANDLE LINES
|--------------------------------------------------------------------------
*/

#altanz-price-slider .noUi-handle::before,
#altanz-price-slider .noUi-handle::after {

    display: none;
}

/*
|--------------------------------------------------------------------------
| HOVER
|--------------------------------------------------------------------------
*/

#altanz-price-slider .noUi-handle:hover {

    transform: scale(1.06);
}

/*
|--------------------------------------------------------------------------
| ACTIVE DRAG
|--------------------------------------------------------------------------
*/

#altanz-price-slider .noUi-handle:active {

    transform: scale(1.08);

    box-shadow:
        0 0 0 6px rgba(8,43,115,0.10);
}

/*
|--------------------------------------------------------------------------
| noUI - TOOLTIP
|--------------------------------------------------------------------------
*/

#altanz-price-slider .noUi-tooltip{

    position:absolute;

    top:-26px;

    left:50%;

    transform:translate(-50%, -6px);

    background:#082b73;

    color:#fff;

    font-size:10px;

    line-height:1.05;

    padding:6px 9px;

    border-radius:3px;

    white-space:nowrap;

    border:none;

    box-shadow:none;

    font-family:"Gill Sans", sans-serif;

    letter-spacing:.02em;
    
    
}


/*
|--------------------------------------------------------------------------
| TOOLTIP ARROW
|--------------------------------------------------------------------------
*/

#altanz-price-slider .noUi-tooltip::after{

    content:"";

    position:absolute;

    left:50%;

    bottom:-3px;

    transform:translateX(-50%) rotate(45deg);

    width:5px;

    height:5px;

    background:#082b73;
    
    z-index:3;
}


/*
|--------------------------------------------------------------------------
| PIPS
|--------------------------------------------------------------------------
*/

#altanz-price-slider .noUi-pips {

    top: -6px;
    height: 38px;
}


#altanz-price-slider .noUi-marker-horizontal {

    height: 6px;
    
    opacity: 0.45;
}

#altanz-price-slider .noUi-marker-large {

    height: 10px;

    opacity: 0.55;
}


#altanz-price-slider .noUi-value {
    
    margin-top: 20px;

    font-size: 13px;
    
    font-weight: 400;

    line-height: 1;
    
    text-align: center;

    color: #707070;

    letter-spacing: 0.02em;
    
    transform:translateY(-2px);
}

#altanz-price-slider .noUi-value-horizontal {

    transform: translateX(-50%);
}



#altanz-price-slider .noUi-marker {

    background: #e3e3e3;
    
    
}