.multiplier {
  margin-top:40px;
}
.tt {
  position: relative;
  display: block;
}
.tt > span {
  position: absolute;
  width:240px;
  color: #00A833;
  background: #FFFFFF;
  border: 2px solid #00A833;
  line-height: 22px;
  text-align: center;
  border-radius: 2px;
}
.tt > span:before {
  content: '';
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -12px;
  width: 0; height: 0;
  border-top: 12px solid #00A833;
  border-right: 12px solid transparent;
  border-left: 12px solid transparent;
}
.tt > span:after {
  content: '';
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -8px;
  width: 0; height: 0;
  border-top: 8px solid #FFFFFF;
  border-right: 8px solid transparent;
  border-left: 8px solid transparent;
}
.tt > span {
  bottom: 10px;
  left: 50%;
  margin-left: 0px;
  z-index: 999;
}

.tt > span.span-1{ left: 5px; }
.tt > span.span-2{ left: 5px; }
.tt > span.span-3{ left: 85px; }
.tt > span.span-4{ left: 183px; }
.tt > span.span-5{ left: 300px; }
.tt > span.span-6{ left: 203px; }
.tt > span.span-1:before,.tt > span.span-1:after{ left: 17px; }
.tt > span.span-6:before,.tt > span.span-6:after{ left: 315px; }

.slider-values {
    height:40px;position:relative;
}

@media( max-width:639px ) {
.tt > span.span-1,
.tt > span.span-2,
.tt > span.span-3,
.tt > span.span-4,
.tt > span.span-5,
.tt > span.span-6 { left: 0px; }

.tt-wrap.med .tt span,
.tt-wrap.wide .tt span { width: 240px !important; padding:2px 10px; }
.slider-values { margin-top: 20px; }

.tt > span.span-1:before, .tt > span.span-1:after,
.tt > span.span-2:before, .tt > span.span-2:after,
.tt > span.span-3:before, .tt > span.span-3:after,
.tt > span.span-4:before, .tt > span.span-4:after,
.tt > span.span-5:before, .tt > span.span-5:after,
.tt > span.span-6:before, .tt > span.span-6:after { display:none;}



}

.tt-wrap {
  position:absolute;
  height: 10px;
  margin-top:40px;
}
.tt-wrap.med .tt span {
  width:280px;
}
.tt-wrap.wide .tt span {
  width:340px;
}

table.steps {
  width: 100%;
  margin-top:20px;
  border: 2px solid #00A833;
  border-radius: 2px;
  -webkit-border-radius: 2px;
}

table.steps .step {
  text-align:center;
  width: 1cm;
  color: #00A833;
  cursor:pointer;
}

table.steps .step.active,
table.steps .step:hover {
  background: #00A833;
  color: white;
}









slider {
  display: inline-block;
  position: relative;
  height: 7px;
  width: 100%;
  /* margin: 25px 5px 25px 5px; */
  vertical-align: middle;
}

slider span, slider a {
  white-space: nowrap;
  position: absolute;
  display: inline-block;
}
slider .base {
  width: 100%;
  height: 100%;
  padding: 0;
}
slider .bar {
  width: 100%;
  height: 30px;
  z-index: 0;
  border:1px #444 solid;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  background: white;
}

.form-group.failure slider span.bar {
  border:2px #d1002d solid;
}

.form-group.failure slider .pointer {
  background:#d1002d;
}


slider .bar.selection {
  width: 0%;
  z-index: 1;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #13b6ff), color-stop(1, #00a8f3));
  background: -webkit-linear-gradient(top, #13b6ff 0, #00a8f3 100%);
  background: -moz-linear-gradient(top, #13b6ff 0, #00a8f3 100%);
  background: -o-linear-gradient(top, #13b6ff 0, #00a8f3 100%);
  background: -ms-linear-gradient(top, #13b6ff 0, #00a8f3 100%);
  background: linear-gradient(top, #13b6ff 0, #00a8f3 100%);
  -webkit-box-shadow: none;
  box-shadow: none;
}
slider .pointer {
  cursor: pointer;
  width: 50px;
  height: 30px;
  top: 0px;
  background-color: #00a833;
  color: white;
  z-index: 2;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  text-align:center;
  line-height:30px;
}

slider span.bubble {
  cursor: default;
  top: -22px;
  padding: 1px 3px 1px 3px;
  font-size: 0.7em;
  font-family: sans-serif;
}
slider span.bubble.selection {
  top: 15px;
}
slider span.bubble.limit {
  color: #808080;
}


.form-group  img.closed { display:block ;}
.form-group  img.opened { display:none ;}
.activeTooltip img.closed { display:none; }
.activeTooltip img.opened { display:block; }