body{
	box-sizing:border-box;
	font-family: 'Open Sans', sans-serif;
	color: #666;
    font-weight: 300;
}

.main{
	width:100%;
	display:table;
}

.calculator{
	width:100%;
	display:table;
	border-top: 3px solid #147AF9;
	border-radius: 4px;
	border-left: 1px solid #DADADA;
	border-right: 1px solid #DADADA;
	border-bottom: 1px solid #DADADA;
    box-shadow: 1px 1px 3px #dfdfdf;
	margin-bottom:15px;
}

.cal-head{
	width:100%;
	display:table;
}

.cal-head h2{
	    font-size: 20px;
    background: #f6f6f6;
    margin: 0;
	color:#147AF9;
    padding: 7px 20px;
    overflow: hidden;
    font-weight: 400;
    border-top-right-radius: 3px;
    border-top-left-radius: 3px;
    border-bottom: 2px solid #DADADA;
}



.cal-cont{
	width:100%;
	display:table;
	padding:30px 20px;
}

.cal-cont p {
    font-size: 15px;
    line-height: 18px;
    color: #666;
}



.range-slider {
  margin: 30px 0 0 0%;
}

.range-slider {
  width: 100%;
}

.range-slider  p{
	display:inline;
}

.range-slider p:nth-of-type(2) {
    float: right;
}

.range-slider__range {
  -webkit-appearance: none;
  width: calc(100% - (73px));
  height: 5px;
  border-radius: 5px;
  background: rgb(169, 172, 177);
  outline: none;
  padding: 0;
  margin: 0;
}
.range-slider__range::-webkit-slider-thumb {
  -webkit-appearance: none;
          appearance: none;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background: #147AF9;
  cursor: pointer;
  -webkit-transition: background .15s ease-in-out;
  transition: background .15s ease-in-out;
}
.range-slider__range::-webkit-slider-thumb:hover {
  background: #1abc9c;
}
.range-slider__range:active::-webkit-slider-thumb {
  background: #1abc9c;
}
.range-slider__range::-moz-range-thumb {
  width: 20px;
  height: 20px;
  border: 0;
  border-radius: 50%;
  background: #2c3e50;
  cursor: pointer;
  -webkit-transition: background .15s ease-in-out;
  transition: background .15s ease-in-out;
}
.range-slider__range::-moz-range-thumb:hover {
  background: #1abc9c;
}
.range-slider__range:active::-moz-range-thumb {
  background: #1abc9c;
}

.range-slider__value {
  display: inline-block;
  position: relative;
  width: 60px;
  color: #fff;
  line-height: 20px;
  text-align: center;
  border-radius: 3px;
  background: #147AF9;
  padding: 5px 10px;
  margin-top: 15px;
}

::-moz-range-track {
  background: #d7dcdf;
  border: 0;
}

input::-moz-focus-inner,
input::-moz-focus-outer {
  border: 0;
}