.ui-slider-horizontal.ui-slider-pips { margin-bottom: 40px; margin-left: auto; margin-right: auto; margin-top: 6px; max-width: 325px; width: 100%; }
.ui-slider-pips .ui-slider-number,
.ui-slider-pips .ui-slider-pip-hide { display: none; }
.ui-slider-pips .ui-slider-pip-number .ui-slider-number { display: block; }

.ui-slider-pips .ui-slider-pip { 
        width: 44px; height: 1em; line-height: 1em; position: absolute;
        font-size: 0.8em; color: #004123; overflow: visible; text-align: center;
        top: 12px; left: 20px; margin-left: -1em; cursor: pointer;
        font-family: 'Arkibal-Display-regular',sans-serif;
}
.ui-slider-pips .ui-slider-line { background: #999; width: 1px; height: 3px; position: absolute; left: 50%; }
.ui-slider-pips .ui-slider-number { position: absolute; top: 5px; left: 50%; margin-left: -1em; width: 2em; }
.ui-slider-pip:hover .ui-slider-number { color: white; font-weight: bold; }




.ui-slider-vertical.ui-slider-pips { margin-bottom: 0; margin-right: 2em; }
.ui-slider-vertical.ui-slider-pips .ui-slider-pip { 
        text-align: left; top: 20px; left: 20px; margin-left: 0; margin-top: -0.5em;
}
.ui-slider-vertical.ui-slider-pips .ui-slider-line { width: 3px; height: 1px; position: absolute; top: 50%; left: 0; }
.ui-slider-vertical.ui-slider-pips .ui-slider-number { top: 50%; left: 0.5em; margin-left: 0; margin-top: -0.5em; width: 2em; }
.ui-slider-vertical.ui-slider-pip:hover .ui-slider-number { color: white; font-weight: bold; }

.slider_uroven .ui-slider-pip {
    width: 135px;
    transform: rotate(-27deg);
    top: 44px;
    margin-left: -6.5em!important;
}
.slider_uroven .ui-slider-pip .ui-slider-line:before {
    height: 12px;
    border-radius: 50%;
    width: 12px;
    content: "";
    position: absolute;
    top: -34px;
    background: #3DC211;
    border-color: #004123!important;
    background-image: none!important;
    border: 1px solid;
    margin-left: 28px;
    cursor: pointer;
}
.slider4 .ui-slider-pip:last-child {
    margin-left: -30px;
}


  .ui-slider-float .ui-slider-handle {

  }

  .ui-slider-float .ui-slider-tip,
  .ui-slider-float .ui-slider-tip-number {

    position: absolute; visibility: hidden;
    top: -40px; display: block;
    width: 34px; margin-left: -17px; left: 50%;
    height: 20px; line-height: 20px; 
    background: white; border-radius: 3px;
    box-shadow: 0 0 3px rgba(0,0,0,0.4);
    text-align: center;
    font-size: 12px; 
    opacity: -1; transition: all 0.4s ease;
    color: #333;
  }

.ui-slider-float .ui-slider-handle:hover .ui-slider-tip,
.ui-slider-float .ui-slider-handle:focus .ui-slider-tip,
.ui-slider-float .ui-slider-pip:hover .ui-slider-tip-number{ opacity: 0.9; top: -30px; color: #333; visibility: visible; }

.ui-slider-float .ui-slider-pip .ui-slider-tip-number { top: 15px; }
.ui-slider-float .ui-slider-pip:hover .ui-slider-tip-number { top: 5px; font-weight: normal; }

.ui-slider-float .ui-slider-tip:after,
.ui-slider-float .ui-slider-pip .ui-slider-tip-number:after {

  content: " ";
  width: 0; height: 0;
  border: 5px solid rgba(255,255,255,0);
  border-top-color: rgba(255,255,255,1);
  position: absolute;
  bottom: -10px; left: 50%; margin-left: -5px;  

}

.ui-slider-float .ui-slider-pip .ui-slider-tip-number:after {
  border: 5px solid rgba(255,255,255,0);
  border-bottom-color: rgba(255,255,255,1);
  top: -10px; 
}
.ui-slider { }

.ui-slider-horizontal { height: 4px; background: #84c98b!important; }
.ui-slider-horizontal .ui-slider-handle { height: 11px; border-radius: 5px; width: 28px; background: #ed1d26!important; border-color: rgba(255,255,255,0.2)!important; background-image: none!important; border: 1px solid; margin-left: -8px; cursor: pointer; }
.ui-slider-horizontal.green .ui-slider-handle {  background-image: none!important;border-color: rgba(255,255,255,0.2)!important; }

.ui-widget-content {
    background: #cbcbcb!important; background-image: none!important;border-color: #cbcbcb!important;
}


@media (max-width: 700px) {

  .ui-slider-pip:nth-child(odd) .ui-slider-number { display: none; }

}

@media (max-width: 400px) {

  .ui-slider-pip:nth-child(2n+1) .ui-slider-number { display: none; }
  .ui-slider-pip:nth-child(4n) .ui-slider-number { display: none; }

}

@media (max-width: 1199px) and (min-width: 992px) {
.ui-slider-horizontal.ui-slider-pips { 
    margin-bottom: 40px; 
    margin-left: 0px; 
    margin-top: 8px; 
    width: 323px; }

}
@media (max-width: 991px) and (min-width: 768px) {
.ui-slider-horizontal.ui-slider-pips { 
    margin-bottom: 15px; 
    margin-left: 0px; 
    margin-top: 8px; 
    width: 321px; }

}