div.slider-exp {  
  position: absolute;
  left: 0;
  width: 12.8em;
  height: 0.5em;
  background-color: #333;
  border-radius: 4px;
}


div.slider .slider-knob { cursor: pointer; display: inline-block; width: 1.4em; height: 1.4em; background: url("img/dragger.svg") no-repeat; margin-top: -0.25em; margin-left: -0.2em; position: absolute; 
                          -moz-background-size:70% 69%; -o-background-size:68% ; background-size:70% 69%; }

.slider-tooltip-value{font-size: 0.5em;  background:url("img/bubble.svg") no-repeat; position:absolute; top: -2.5em; left: -1.1em; width: 4em; height: 2.3em; text-align:center; padding-top: 0.3em; 
                      -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box;background-size: 100% 100%;}

.ui-slider-handle {
  position: absolute;
  z-index: 10039;
  cursor: pointer;
  background-image: url(img/dragger.svg);
  width: 0.9em;
  height: 0.9em;
  left:-0.25em;
  margin-left: -0.4em;
  padding-top: 0em;
  outline:none !important;
  -moz-background-size: contain;
  -o-background-size: contain;
  -webkit-background-size: contain;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: 0 0em;
  top: -0.2em;
}

  .ui-slider-handle:after {
    font-size: 0.5em;
    background: url("img/bubble.svg") no-repeat;
    position: relative;
    top: -2.5em;
    left: -1.1em;
    width: 4em;
    height: 2.3em;
    text-align: center;
    padding-top: 0.3em;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -moz-background-size: 100% 100%;
    -o-background-size: 100% 100%;
    -webkit-background-size: 100% 100%;
    background-size: 100% 100%;
  }

  #slider-value {
    position:absolute;
    width: 3.1em;
    height: 1.3em;
    background-color:white;
    border-radius: 0.3em;
    top: -0.3em;
    left: 1.2em;
    text-align: center;
}

  body.en #slider-value,  body.vi #slider-value {
    left:8.1em;
  }