<div  class="calculator_page">

<div class="calculator repay_calc rel" style="background-image: url(''); ">
	<div class="overlay"></div>

	<div class="container rel">
		<div class="row">
			<h1 class="white">Mortgage Repayment Calculator</h1>
			<div class="calc_text col-xs-12  col-xs-12 col-sm-6 col-sm-offset-3 tcenter white">
				<p>This calculator will show you the approximate monthly cost of your mortgage. Just enter the total amount borrowed and the interest rate. You can move the slider to select the total length of the mortgage and see how that affects the monthly repayments.<br />
</br><br />
For an accurate figure based on your circumstances, contact us today and talk through your options with one of our friendly advisors. It's 100% free advice and no hard sells!</p>
			</div>

			<div class="col-xs-12 col-sm-8 col-md-6 col-sm-offset-2 col-md-offset-3">
				<div class="row mb50">
					<div class="col-xs-12 col-sm-6">
						<label class="white sb" for="amount">Mortgage Amount:</label></label> <br />
						<input class="" type="number" name="amount" id="amount" value="150000" />
					</div>
					<div class="col-xs-12 col-sm-6">
						<label class="white sb" for="intrest">Annual Interest Rate:</label></label> <br />
						<input class="" type="number" name="intrest" id="intrest" value="4.25" />
					</div>
				</div>
				<div class="repayment_wrapper">
					<input class="drag_me repayment" type="range" min="5" max="35" step="1" value="25" />
				</div>
			</div>

			<div class="col-xs-12">
				<p class="amount amount_repay active abs trans white tcenter">Monthly mortgage payment: <b class="red ib tleft"> £ 812.61</b></p>
			</div>
		</div>
	</div>
</div>