#fuelCalculator .fuelCalculatorTitle {
width: 40%;
text-align: center;
line-height: 0.1;
border-bottom: 2px solid #e8e8e8;
margin: 25px auto;
color: #0f1010;
font-size: 30px;
font-weight: 600;
}
#fuelCalculator .fuelCalculatorTitle span {
background:#fff;
padding:0 10px;
}
#fuelCalculator #label {
color: #7f8fa4;
font-weight: 600;
line-height: 2em;
}
#fuelCalculator .fuelCalculaterContent {
width: 80%;
margin: 0 auto;
}
#fuelCalculator .petrolBunk{
    background: url(http://s3-us-west-2.amazonaws.com/motoraty-media/img/petrolbunk.png) no-repeat scroll 0 0 transparent;
    height: 177px;
    width: 159px;
    position: relative;
    float:left;
}
#fuelCalculator .petrolBunk #valueOne{
position: absolute;
top: 30px;
left:20px;
text-align: center;
display: block;
width: 100px;
font-size:17px;
font-weight: bold;
color: #f3515c;
}
#fuelCalculator .petrolBunk #averageKm{
position: absolute;
top: 85px;
left:20px;
text-align: center;
display: block;
width: 100px;
font-weight: bold;
color: #f3515c;
}
#fuelCalculator .petrolBunk #averageKm #labelTwo{
  font-size:12px;
}
#fuelCalculator .petrolBunk #averageKm #valueTwo{
  font-size:17px;
}

/* fuel slider */
#fuelSliders #cityHighwaySlider .arrow_box {
position: absolute;
bottom: 12px;
font-size: 16px;
color: #337ab7;
}
#fuelSliders #cityHighwaySlider .pull-left.arrow_box {
  left: 12px;
}
#fuelSliders #cityHighwaySlider .pull-right.arrow_box {
right: 0px;
}
#fuelSliders #cityHighwaySlider{
margin-bottom:50px;
}
#fuelSliders .rangeslider__value-bubble:after {
content: "\f25a";
font-family: 'FontAwesome';
position: absolute;
top: auto;
bottom: -7rem;
font-size: 28px;
left: 42%;
}