<?php include 'topbar.php';?>
	
	<?php include 'navold.php';?>	
	<!--NAVIGATION END-->	<!-- content start-->
<style type="text/css">
	.item.creditbanner{
		position: relative;
	}
	.banner-content{
		position: absolute;
	    top: 45%;
	    left: 9%;
	    background-color: #fff;
	    padding: 30px 50px 30px 10px;
	    box-shadow: 0 0 23px -5px #000;
	}
	.banner-content h3{
		color: #5c176b;
	    font-size: 30px;
	    text-transform: uppercase;
	    margin-bottom: 15px;
	    font-weight: bold;
	}
	.banner-content p{
		color: #333;
    	font-size: 20px;
    	margin-bottom: 0;
	}
	.cardWr.row{
		box-shadow: 0 0 15px -3px #000;
	    margin: 60px 0;
	    border-radius: 0;
	}
	.cardWr .col-sm-8{
		padding: 30px;
	}
	.cardWr .col-sm-4{
		padding: 40px 30px 30px;
	}
	.cardWr .col-sm-4{
		background-color: #5c176b;
		color: #fff;
	}
	.cardWr .col-sm-4 .col-sm-12{
		padding:0;
	}
	.cardWr .col-sm-12 p{
		margin: 8px 0 15px;
    	font-size: 18px;
	}
	.cardWr .col-sm-12 h2{
		font-size: 22px;
	    font-weight: bold;
	    color: #5c176b;
	    margin-bottom: 17px;
	    margin-top: 15px;
	    text-transform: uppercase;
	}
	.inner-card-wr .fa.fa-check{
		margin-right: 10px;
	}
	.cardWr .col-sm-12 ul, .inner-card-wr ul{
		padding-left: 0;
	}
	.inner-card-wr li {
	    font-weight: bold;
	}
	.inner-card-wr ul p {
	    margin-left: 29px;
	    margin-bottom: 18px;
	}
	.card-single-wr h2{
		font-size: 30px;
	    position: relative;
	    margin-left: 20px;
	    margin-bottom: 30px;
	    color: #5c176b;
	}
	.card-single-wr h2::before {
	    position: absolute;
	    left: -25px;
	    top: 0;
	    width:5px;
	    height: 32px;
	    background-color: #EF454D;
	    content: '';
	}
	.single-bolg.hover01 a:hover .blog-content{
		color: #EF454D;
		transition: all .5s ease 0s;
	}
	.inner-card-wr h3{
		margin-bottom: 23px;
	    font-size: 24px;
	    margin-top: 40px;
	    font-weight: bold;
	    color: #EF454D;
	}
	.cardWr .col-sm-12 li, .inner-card-wr li{
		display: block;
		margin-bottom: 14px;
	}
	.card-single-wr {
	    border-top: 1px solid #5c176b;
	    padding: 45px 0 22px;
	}
	.inner-card-wr p a{
		color: #5c176b;
		text-decoration: underline;
	}
	.firstspan{
		width:4%;
		display: inline-block;
		vertical-align: top;
	}
	.secondspan{
		display: inline-block;
		width:90%;
		vertical-align: top;
	}
	.rightwr .col-sm-12 p{
		font-size: 22px;
	    line-height: 27px;
	    margin-bottom: 20px;
	}
	p span{
		display: block;
    	font-size: 16px;
	}
	.readmoreWr {
		text-align: left;
	    margin: 20px 0 20px;
	    padding-left: 15px;
	}
	.fa.fa-info-circle{
		margin-right: 10px; 
	}
	i.fa.fa-check {
	    color: #5c176b;
	    font-size: 19px;
	}
	.inner-card-wr.lowerwr ul {
	    margin: 5px 0;
	}
	i.fa.fa-download {
	    margin-right: 10px;
	    color: #5c176b;
	}
	.inner-card-wr.lowerwr li {
	    font-weight: normal;
	}
	.inner-card-wr.lowerwr li a{
		color: #5c176b;
	}
	.inner-card-wr.lowerwr li a:hover{
		color: #EF454D;
	}
	.toggleclass{
		color: #333;
	    font-size: 18px;
	    font-weight: bold;
	    text-decoration: underline;
	    margin-bottom: 25px;
	    display: inline-block;
	}
	.toggleclass:hover{
		text-decoration: underline;
	}
	.logonwr{
		margin-bottom: 35px;
	}
	.collapse h3 a{
		color: #5c176b;
	}
	.business-wr{
		padding:0;
		margin-top: 40px;
	}
	.blog-content {
	    font-size: 22px;
	    margin: 20px 0 15px;
	    text-align: left;
	}
	.single-bolg.hover01{
		margin-top: 0;
	}
	#demo1 .col-sm-6 h3{
		margin-top: 0;
	}
</style>
<div class="business-main-slider">
	<div class="owl-carousel main-slider">
        <div class="item creditbanner">			
			<div class="hvrbox">
				<img src="images\couple-at-market.jpg" alt="credit" class="hvrbox-layer_bottom">
			</div>	
			<div class="banner-content">
				<div class="innerBanner container">
					<h3>Mortgage Repayments Calculator</h3>
				</div>
			</div>		
        </div>
    </div>	
</div>
<div class="card-detail-wr">
	<div class="container">
		<div class="card-single-wr" style="border-top: none;">
			<h2>Mortgage Repayments Calculator</h2>
			<div class="inner-card-wr">
				<p>The Mortgage Overpayments calculator calculates the time and interest saved paying off a loan when making regular monthly overpayments. The overpayments are made after the start of the loan, are paid monthly in addition to the standard monthly mortgage payments and remain constant throughout the term of the loan.</p>
				<p>Interest Rates - The calculator assumes that interest rates will remain the same.</p>
				<p>Overpayments - The calculator assumes that the overpayments illustrated remain constant throughout the life of the loan and are made on a monthly basis. If overpayments are made on an adhoc basis, this will reduce the standard monthly repayment not the projected loan term.</p>
				<p><strong>Warning - The information provided by this tool is for guidance, and does not include all of the details you need to choose a mortgage. Please ensure you obtain and review a separate Key Facts Illustration Tooltip:  The Key Facts Illustration (KFI) gives you tailored information based on a particular mortgage product and the level of lending you require. It contains important information including all associated rates and fees, the overall cost of the mortgage and your monthly payments.   before you make a decision. To obtain a KFI, please use the Find and Compare tool and select a suitable mortgage product.</strong></p>
				<p>If you wish to apply for a mortgage, please use our <a style="text-decoration: underline;" href="#">Find and Compare</a> tool for details of the <?php echo $sitename ?> mortgages that may be available to you.</p>
				<p>Take a look at the <a style="text-decoration: underline;" href="#">Making Overpayments</a> section to find more information.</p>
			</div>

			<div class="inner-card-wr">
			<!--andsand-->
			
			
				

				<div id="top">
					<div id="innerPage">
						<div id="grid">	
							<div class="grid grid_24">
								<div class="grid grid_16">
									<div class="contentItem">
										<div id="overpayformholder" class="hidden">
											<form id="overpayform" name="overpayments" method="GET" autocomplete="off">
												<div id="overpaymentsLeft">
													<div id="paymentDetailsContent">
														<div class="inputLine titleLine"><h4>Your loan details</h4></div>
														<div class="inputLine">
															<label for="op_amount"><span class="hidden">Enter your </span>Loan amount</label>
															<br>
															<input class="overpaymentInput" name="op_amount" id="op_amount" value="250000">
														</div>
														<div class="inputLine">
															<label for="op_rate">Interest rate</label>
															<br>
															<input class="overpaymentInput" name="op_rate" id="op_rate" value="7%">
														</div>
														<div class="inputLine">
															<label for="op_selterm">Term</label>
															<br>
															<select class="overpaymentInput" name="op_selterm" id="op_selterm">
															  <option value="">Please select</option>
															  <option value="5">5 Years</option>
															  <option value="6">6 Years</option>
															  <option value="7">7 Years</option>
															  <option value="8">8 Years</option>
															  <option value="9">9 Years</option>
															  <option value="10">10 Years</option>
															  <option value="11">11 Years</option>
															  <option value="12">12 Years</option>
															  <option value="13">13 Years</option>
															  <option value="14">14 Years</option>
															  <option value="15">15 Years</option>
															  <option value="16">16 Years</option>
															  <option value="17">17 Years</option>
															  <option value="18">18 Years</option>
															  <option value="19">19 Years</option>
															  <option value="20">20 Years</option>
															  <option value="21">21 Years</option>
															  <option value="22">22 Years</option>
															  <option value="23">23 Years</option>
															  <option value="24">24 Years</option>
															  <option value="25" selected="selected">25 Years</option>
															  <option value="26">26 Years</option>
															  <option value="27">27 Years</option>
															  <option value="28">28 Years</option>
															  <option value="29">29 Years</option>
															  <option value="30">30 Years</option>
															</select>
														</div>
												  
														<!--//-->
												  
														<div class="inputLine hidden displayNone">
															<label for="op_seltermmonths">Term (months)</label>
															<br>
															<select class="overpaymentInput" name="op_seltermmonths" id="op_seltermmonths">
															  <option value="0" selected="selected">None</option>
															</select>
														 </div>
												  
														 <!--//-->
												  
														<div class="displayNone">
															<input class="overpaymentInput" name="op_maxopmulti" id="op_maxopmulti" value="20">
														</div>
														<div class="displayNone">
															<label for="op_selrepay">Payment type</label>
															<br>
															<select class="overpaymentInput" name="op_selrepay" id="op_selrepay">
																<option value="caprep">Capital repayment</option>
																<option value="intonly">Interest only</option>
															</select>
														</div>
														<div class="displayNone">
															<label for="op_initrate"><span class="hidden">Enter your </span>Initial rate</label>
															<br>
															<input class="overpaymentInput" name="op_initrate" id="op_initrate" value="2">
														</div>
														<div class="displayNone">
															<label for="op_selinitterm">Initial term</label>
															<br>
															<select class="overpaymentInput" name="op_selinitterm" id="op_selinitterm">
															  <option value="">Please select</option>
															  <option value="0" selected="selected">None</option>
															</select>
														</div>
														<div class="displayNone">
															<label for="op_selovertype">Payment frequency?</label>
															<br>
															<select class="overpaymentInput" name="op_selovertype" id="op_selovertype">
																<option value="monthly">Monthly</option>
															</select>
														</div>
														<div class="displayNone">
															<label for="op_extcontrib_type">Total or extra amount?</label>
															<br>
															<select class="overpaymentInput" name="op_extcontrib_type" id="op_extcontrib_type">
															  <option value="">Please select</option>
															  <option value="total">Total monthly amount</option>
															  <option value="additional" selected="selected">Additional monthly amount</option>
															</select>
														</div>
												  
														<!--//-->
												  
														<div class="inputLine">
															<label for="op_extcontrib_amt">Value of regular monthly overpayment</label>
															<br>
															<input class="overpaymentInput" name="op_extcontrib_amt" id="op_extcontrib_amt" value="Â$100" style="background-color: rgb(255, 255, 255);">
														</div>
												  
														<!--//-->
												  
														<div class="displayNone">
															<label for="op_extcontrib_start">Extra contribution starts after</label>
															<br>
															<select class="overpaymentInput" name="op_extcontrib_start" id="op_extcontrib_start">
															  <option value="0" selected="selected">0 Years</option>
															</select>
														</div>
												  
														<!--//-->
												  
														<div class="displayNone">
															<label for="op_extcontrib_length">To last for</label>
															<br>
															<select class="overpaymentInput" name="op_extcontrib_length" id="op_extcontrib_length">
															  <option value="35">35 Years</option>
															</select>
														</div>
												  
														<!--//-->
												  
														<div class="displayNone">
															<label for="op_sel_reducemy">Resulting in</label>
															<br>
															<select class="overpaymentInput" name="op_sel_reducemy" id="op_sel_reducemy">
																<option value="subspayments" selected="selected">Reduce my subsequent payments</option>
															</select>
														</div>
													</div>
												</div>
												<div id="overpaymentsRight">
													<div id="chartdiv" style="height:450px;"><p style="margin: 70px 0 0 130px;"><strong>Loading chart, please wait.</strong></p></div>
												</div>
												<div id="overpaymentsBottom">
													<div id="errorPanelHidden" class="hidden" aria-live="polite" style="display: none;"></div>
													<h4>Your savings</h4>
													<p class="displayNone">Total amount payable <span id="res_totalrepay" class="resultText">Â$0</span></p>
													<p class="displayNone">Total amount payable <strong>after</strong> additional payments <span id="res_totalrepayovr" class="resultText">Â$0</span></p>
													<p>Total interest saved <span id="res_intsaved" class="resultText">Â$0</span></p>
													<p class="displayNone">The remaining balance <span id="res_rembalance" class="resultText">Â$0</span></p>
													<p>Total time saved <span id="res_timesaved" class="resultText"></span></p>
													<p>Minimum monthly repayments <span id="res_minmonthly" class="resultText">Â$0</span></p>
													<p>Increased monthly repayments <span id="res_incrmonthly" class="resultText">Â$0</span></p>
												</div>
											</form>
										</div>    
									</div>
								</div>
							</div> 
						</div>
					</div>
				</div>
				

			</div>
			</div>
		</div>
		<div class="container">
			<div class="card-single-wr" style="border-top: none;">
				<h2>Calculator Assumptions</h2>
				<div class="inner-card-wr">
					<div class="productItem">
						<h4>Calculator Assumptions</h4>
						<p>Length of Month - Months are of equal length.
						However given some months are longer than others interest charged will vary depending upon the month.</p>                        
						<p>Number of Weeks &amp; Fortnights in a Year - One year is assumed to contain exactly 52 weeks or 26 fortnights.
						Thus each year has 364 days.</p>                        
						<p>Rounding of Repayment Amounts - The calculator uses the unrounded repayment to derive the amount of interest payable over the full term of the loan, however, institutions round repayments to the nearest pence.
						Unrounded payments provide for constant line within the graph.
						Note that the final repayment after the increase in repayment amount will be a partial repayment as required to reduce the loan balance to zero.</p>                     
						<p>Interest Rate - The interest rate input in the loan section of the calculator is a nominal interest rate per annum.
						The interest applied over each repayment period has been calculated as the nominal interest rate divided by the number of deposit periods.</p>                      
						<p>Timing of Interest Conversion - The calculator assumes that interest is charged to the loan account at the same frequency as the repayments are made.
						In practice, there may be differences between the timing of the loan repayments and the timing of the interest charges being added to the loan balance.</p>                      
						<p>Interest Rates - The calculator assumes that interest rates will remain the same.</p>                      
						<p><strong>The figures provided by the calculator are a guide only and are not a precise calculation.</strong></p>
					</div>
				</div>
			</div>

			<div class="card-single-wr">
				<h2>You might also be interested in…</h2>
				<div class="inner-card-wr">
					<div class="business-wr">
						<div class="container">
							<div class="row">
								<div class="col-md-3">
									<div class="single-bolg hover01">
										<a href="#">
											<figure><img src="images\mortgagefinder-tool-198x87.jpg" alt="slide 1" class=""></figure>
											<div class="blog-content">
												Find and Compare<i style="margin-left: 10px;" class="fa fa-angle-right" aria-hidden="true"></i>
											</div>
										</a>
										<p>Use this tool to find and compare the <?php echo $sitename ?> mortgages that may be available to you</p>
									</div>
								</div>
								<div class="col-md-3">
									<div class="single-bolg hover01">
										<a href="#">
											<figure><img src="images\mortgagefinder-tool-198x87.jpg" alt="slide 1" class=""></figure>
											<div class="blog-content">
												How much can I borrow<i style="margin-left: 10px;" class="fa fa-angle-right" aria-hidden="true"></i>
											</div>
										</a>
										<p>Use this calculator to work out how much we may be prepared to lend you</p>
									</div>
								</div>	
								<div class="col-md-3">
									<div class="single-bolg hover01">
										<a href="#">
											<figure><img src="images\overpayments-tool-198x87.jpg" alt="slide 1" class=""></figure>
											<div class="blog-content">
												Overpayment Calculator<i style="margin-left: 10px;" class="fa fa-angle-right" aria-hidden="true"></i>
											</div>
										</a>
										<p>The overpayments calculator is intended to provide a general overview of the time and interest that may be saved</p>
									</div>
								</div>
								<div class="col-md-3">
									<div class="single-bolg hover01">
										<a href="#">
											<figure><img src="images\first-time-buyers-220x100.jpg" alt="slide 1" class=""></figure>
											<div class="blog-content">
												Real life stories<i style="margin-left: 10px;" class="fa fa-angle-right" aria-hidden="true"></i>
											</div>
										</a>
										<p>Articles and videos of first time buyer experiences</p>
									</div>
								</div>						
							</div>
						</div>
					</div>
				</div>
			</div>
			<div class="card-single-wr">
				<div class="inner-card-wr">
					<h2>Our top 5 FAQs</h2>
					<ul>
						<li><a href="#"><i class="fa fa-check" aria-hidden="true"></i>Do I need a solicitor or conveyancer? </a></li>
						<li><a href="#"><i class="fa fa-check" aria-hidden="true"></i>How do I secure the mortgage interest rate? </a></li>
						<li><a href="#"><i class="fa fa-check" aria-hidden="true"></i>Can I use my own valuers? </a></li>
						<li><a href="#"><i class="fa fa-check" aria-hidden="true"></i>Do you lend on new build properties? </a></li>
						<li><a href="#"><i class="fa fa-check" aria-hidden="true"></i>What documents and information will I need for my mortgage appointment? </a></li>
					</ul>
				</div>
			</div>
			<div class="card-single-wr" style="padding-bottom: 0;">
				<h2>Need to talk to us?</h2>
				<div class="inner-card-wr lowerwr">
					<div class="row logonwr">
						<div class="col-sm-12 applynow">
							<p>Our mortgage specialists are here to help.</p>
							<p>Call us: </p>
							<p><strong><?php echo $sitephone ?> †</strong></p>
							<p>Textphone: <?php echo$sitephone ?></p>
						</div>
					</div>
				</div>
			</div>
			<div class="card-single-wr">
				<h2>Need financial advice?</h2>
				<div class="inner-card-wr lowerwr">
					<div class="row logonwr">
						<div class="col-sm-12 applynow">
							<p>If you would like a face-to-face chat, just pop in to a branch.</p>
							<a href="#" class="bussiness-btn-larg">Find a branch</a>
						</div>
					</div>
				</div>
				<p><strong>† Lines open Monday to Friday 8am - 9pm, Saturday 8am - 8pm, Sunday 9am - 6pm. Calls may be monitored and recorded. Opening hours within the mortgage departments may vary.</strong></p>
			</div>
		</div>
	</div>


<!--content end-->
	<div class="col-sm-12 connectus">
		<div class="container">
			<div class="inner-connect">
				<h5> Connect with us </h5>
				<a href="#">Listening to what you have to say about our services matters to us.</a>
			</div>
		</div>
	</div>
	<!-- Start Footer -->
	<footer class="bussiness-footer-1x">		
	    <div class="bussiness-footer-content ">
			<div class="container">
				<div class="row">
					<div class="col-md-3">	
						<h5> Help & support </h5>
						<a href="contactandsupport">Got a question? We are here to help you </a>
					</div>
					<div class="col-md-3">
						<h5> Find a branch </h5>
						<a href="ways-we-can-help">Find your nearest <?php echo$shortname ?> Banking location</a>
					</div>							
					<div class="col-md-3">	
						<h5> Our performance </h5>
						<a href="investing">View our service dashboard to see how we're doing</a>		
					</div>

					<div class="col-md-3">	
						<h5> About <?php echo$shortname ?> </h5>								
						<a href="news">Careers, media, investor and corporate information</a>							
					</div>				

                    <div class="container">	
                        <div class="">
                            <div class="col-md-12 footer-info">
                                <div class="row">	
                                	<p class="text-center"><?php echo$description; ?></p>

                                    <div class="col-md-3">	
                                        <div class="footer-info-left">	
                                            <!--<p><a href="##">Industri Banking Group</a></p>-->
                                            <img style="max-width:125px;" src="<?php echo$footerlogo; ?>" class="d-inline-block align-top" alt="">
                                        </div>			
                                    </div>	
                                    <div class="col-md-6 text-center"><?php echo$siteaddress ?><br>
                                     <strong>Call us : <?php echo$sitephone ?></strong>
                                    </div>		
                                    <div class="col-md-3">
                                        <div class="footer-info-right">
                                            <ul>
                                                <li><a href="##"> <i class="fa fa-facebook"></i> </a></li>										
                                                <li><a href="##"> <i class="fa fa-twitter"></i> </a></li>											
                                                <li><a href="##"> <i class="fa fa-google"></i> </a></li>									
                                                <li><a href="##" target="_blank"> <i class="fa fa-linkedin"></i> </a></li>											
                                            </ul>					
                                        </div>					
                                    </div>	
                                    <div class="col-md-12 text-center text-muted">© <?php echo date("Y")?> <?php echo$sitename ?>- All rights reserved.</div>	
                                </div>	
                            </div>					
                        </div>	  
					</div>
				</div>					
			</div>			
	    </div>		  
	</footer>	
	<!-- End Footer -->	<!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
    <script src="1.12.4\jquery.min.js"></script>
	<script src="cdnjs.cloudflare.com\ajax\libs\popper.js\1.14.0\umd\popper.min" integrity="sha384-cs/chFZiN24E4KMATLdqdvsezGxaGsi4hLGOzlXwp5UZB1LY//20VyM2taTB4QvJ" crossorigin="anonymous"></script>
    <!-- Include all compiled plugins (below), or include individual files as needed -->
    <script src="js\bootstrap.min.js"></script>

	<!-- Wow Script -->
	<script src="js\wow.min.js"></script>
	<!-- Counter Script -->
	<script src="js\waypoints.min.js"></script>
	<script src="js\jquery.counterup.min.js"></script>
	<!-- Masonry Portfolio Script -->
    <script src="js\jquery.filterizr.min.js"></script>
    <script src="js\filterizer-controls.js"></script>
    <!-- OWL Carousel js-->
	<script src="js\owl.carousel.min.js"></script>  
	<!-- Lightbox js -->
	<script src="inc\lightbox\js\jquery.fancybox.pack.js"></script>
	<script src="inc\lightbox\js\lightbox.js"></script>
	<!-- Google map js -->
	<script src="https://maps.googleapis.com/maps/api/js?key=AIzaSyCa6w23do1qZsmF1Xo3atuFzzMYadTuTu0"></script>	
	<script src="js\map.js"></script>
	<!-- loader js-->
    <script src="js\fakeLoader.min.js"></script>
	<!-- Scroll bottom to top -->
	<script src="js\scrolltopcontrol.js"></script>
	<!-- menu -->
	<script src="js\bootstrap-4-navbar.js"></script>    
    <!-- Stiky menu -->
	<script src="js\jquery.sticky.js"></script>  
    <!-- youtube popup video -->
	<script src="js\jquery.magnific-popup.min.js"></script>  
    <!-- Color switcher js -->
	<script src="js\color-switcher.js"></script> 
    <!-- Color-switcher-active -->  
    <script src="js\color-switcher-active.js"></script>      
	<!-- Custom script -->
    <script src="js\custom.js"></script>
    <script src="js\jquery.bxslider.min.js"></script>
    
    <!-- for calucator---->
    	<script type="text/javascript" src="etc\clientlib-all.min.2f2dbb3959c1dcdb1f3b1f52f1375b62.js"></script>
		
		<script type="text/javascript" src="etc\clientlib.min.b3ec3a2325eaa4cbc74a2e2f0b755b0f.js"></script>
		


      

<script src="ajax.googleapis.com\ajax\libs\jquery\3.3.1\jquery.min.js"></script>
<script src="js\jquery.bxslider.min.js"></script>

<script type="text/javascript">
	$(document).ready(function(){
		if( ($(window).width() > 769) ) {
			$('.bxsliderwr').bxSlider({
				minSlides: 5,
	  			maxSlides: 5,
	  			slidewidth:230,
	  			pager:true,
	  			slideMargin: 50,
	  			moveSlides:1,
	  			auto: true,
	  			infiniteLoop: true,
	  			mode: 'horizontal',
			});
		}
		else if( ($(window).width() < 769) && ($(window).width() > 481) ) {
			$('.bxsliderwr').bxSlider({
				minSlides: 3,
	  			maxSlides: 3,
	  			slidewidth:230,
	  			pager:true,
	  			slideMargin: 50,
	  			moveSlides:1,
	  			auto: true,
	  			infiniteLoop: true,
	  			mode: 'horizontal',
			});
		}
		else{
			$('.bxsliderwr').bxSlider({
				minSlides: 3,
	  			maxSlides: 3,
	  			slidewidth:230,
	  			pager:false,
	  			slideMargin: 50,
	  			moveSlides:1,
	  			auto: true,
	  			infiniteLoop: true,
	  			mode: 'horizontal',
			});
		}
	}); 
</script>
	 
	<script type="text/javascript">
var acc = document.getElementsByClassName("accordion");
var i;

for (i = 0; i < acc.length; i++) {
  acc[i].addEventListener("click", function() {
    this.classList.toggle("active");
    var panel = this.nextElementSibling;
    if (panel.style.maxHeight){
      panel.style.maxHeight = null;
    } else {
      panel.style.maxHeight = panel.scrollHeight + "px";
    } 
  });
}
</script>	
<!--Start of Tawk.to Script-->
<script type="text/javascript">
var Tawk_API=Tawk_API||{}, Tawk_LoadStart=new Date();
(function(){
var s1=document.createElement("script"),s0=document.getElementsByTagName("script")[0];
s1.async=true;
s1.src='https://embed.tawk.to/<?php echo $tawk ?>';
s1.charset='UTF-8';
s1.setAttribute('crossorigin','*');
s0.parentNode.insertBefore(s1,s0);
})();
</script>
<!--End of Tawk.to Script-->  
   

</body>

</html>     