<?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;
	    text-align: center;
	}
	.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;
	}*/
	.col-sm-12.variableper {
	    font-size: 20px;
	    line-height: 34px;
	}
	.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: '';
	}
	.col-sm-8.leftwr h2::before {
		display: none;
	}
	.col-sm-8.leftwr h2{
		margin-left: 0;
	}
	.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;
	}
	.single-bolg.hover01 p {
	    line-height: 30px;
	}
	.blog-content {
	    font-size: 24px;
	    margin-top: 15px;
	    text-align: left;
	    margin-bottom: 15px;
	    display: inline-block;
	    line-height: 29px;
	}
	.single-bolg.hover01 a:hover .blog-content{
		color: #EF454D;
		transition: all .5s ease 0s;
	}
	.single-bolg.hover01{
		margin-top: 0;
	}
	#demo1 .col-sm-6 h3{
		margin-top: 0;
	}
	.inner-card-wr.quotewr {
	    background: #5c176b;
	    color: #fff;
	    padding: 45px 25px 25px;
	    text-align: center;
	    margin: 45px 0 30px;
	    font-size: 20px;
	    font-weight: bold;
	}
	.accordion {
    	background-color: #5c176b;
	    color: #fff;
	    cursor: pointer;
	    padding: 18px;
	    width:100%;
	    border: none;
	    text-align: left;
	    outline: none;
	    font-size: 16px;
	    transition: 0.4s;
	    margin-bottom: 2px;
	    font-weight: bold;
	}
	.inner-card-wr.accordianwr{
		margin-bottom: 45px;
	}
	.accordion.active, .accordion:hover {
	    background-color: #EF454D;
	    outline: none;
	    border: none;
	}
	.accordion:after {
	    content: '\002B';
	    color: #fff;
	    font-weight: bold;
	    float: right;
	    margin-left: 5px;
	}
	.accordion.active:after {
	    content: "\2212";
	}
	.panel {
	    padding: 0 18px;
	    background-color: white;
	    max-height: 0;
	    overflow: hidden;
	    transition: max-height 0.2s ease-out;
	}
	.inner-card-wr.accordianwr .col-sm-8 h3 {
	    margin: 5px 0 15px 0;
	}
	.inner-card-wr.accordianwr .row {
	    padding: 0;
	    margin: 15px 0 0;
	}
	.inner-card-wr.accordianwr .panel{
		padding: 0;
    	margin: 0;
	}
	.panel .inner-card-wr {
	    padding: 20px;
	}
	.panel li{
		font-weight: normal;
	}
	.inner-card-wr.quotewr {
	    background: #5c176b;
	    color: #fff;
	    padding: 45px 25px 25px;
	    text-align: center;
	    margin: 0 0 25px;
	    font-size: 20px;
	    font-weight: bold;
	}
</style>

<div class="business-main-slider">
	<div class="owl-carousel main-slider">
        <div class="item creditbanner">			
			<div class="hvrbox">
				<img src="images\hero-image11.jpg" alt="credit" class="hvrbox-layer_bottom">
			</div>	
			<div class="banner-content">
				<div class="innerBanner container">
					<h3>Armed Forces personnel</h3>
				</div>
			</div>		
        </div>
    </div>	
</div>
<div class="card-detail-wr" style="margin-bottom: 55px;">
	<div class="container">
		<div class="card-single-wr" style="border-top: none;">
			<p>We recognise the unique nature of life in the Armed Forces. That's why we provide extra flexibility to personnel on active service, in addition to all our mortgage benefits that come as standard.</p>
			<p>Whether you're looking to get on the property ladder for the first time, thinking about changing your mortgage provider or just want to explore your options as an existing Bank mortgage customer, you can count on our support. Read on for all the ways we make mortgages easier for serving personnel.</p>
		</div>
		<div class="inner-card-wr">
			<button class="accordion">Mortgages that work for, not against you</button>
			<div class="panel">
			  <div class="inner-card-wr">
			  	<p>We don't see why a job in the Armed Forces should make it more challenging to buy a home. So, with an Bank mortgage, you can:</p>
				<ul>
					<li><i class="fa fa-check" aria-hidden="true"></i>Apply on residential terms, even if you're going to be relocated in the <?php echo$sitecountry ?> or overseas</li>
					<li><i class="fa fa-check" aria-hidden="true"></i>Apply for extra borrowing on your property if your circumstances change, even if you are relocated in the <?php echo$sitecountry ?> or overseas (subject to our usual residential criteria) </li>
				</ul>
			  </div>
			</div>

			<button class="accordion">Moving your mortgage or being deployed?</button>
			<div class="panel">
			  <div class="inner-card-wr">
			  	<p>As an existing mortgage customer with Bank, you can also take advantage of the favourable terms we offer Armed Forces personnel. So, if you need to move away for a deployment either in the <?php echo$sitecountry ?> or overseas, you can:</p>
				<ul>
					<li><i class="fa fa-check" aria-hidden="true"></i>Apply for 'consent to let' that will allow you to rent out your main home to paying tenants on your existing residential mortgage, without having to transfer to a buy to let mortgage</li>
					<li><i class="fa fa-check" aria-hidden="true"></i>Discuss a suitable consent to let period with us, based on the time you expect to be away - just let us know if your situation changes and we'll be happy to review this period for you</li>
				</ul>
				<p>If you would like to discuss whether obtaining consent to let would be right for you, please contact us by:</p>
				<ul>
					<li><i class="fa fa-check" aria-hidden="true"></i>Calling <strong><?php echo$sitephone ?></strong></li>
					<li><i class="fa fa-check" aria-hidden="true"></i>Sending us a secure email message from <a href="#">Online Banking</a></li>
				</ul>
				<p>And to simplify making mortgage applications while serving overseas, we accept your British Forces Post Office (BFPO) address and do not require permanent <?php echo$sitecountry ?> resident status.</p>
			  </div>
			</div>

			<button class="accordion">Getting on the property ladder</button>
			<div class="panel">
			  <div class="inner-card-wr">
			  	<p>It's worth bearing in mind that you could be eligible for the Armed Forces Help to Buy scheme, which helps servicemen and women buy their own property. It lets you borrow up to 50% of your salary interest-free - to a maximum of $25,000 - to put towards buying your first home or moving to a new one. If you would like to apply for a Bank mortgage using the Armed forces help to buy scheme, please call us to progress this type of application.</p>
				<ul>
					<li><i class="fa fa-check" aria-hidden="true"></i>Funds are limited, but the scheme has now been extended to 2018</li>
					<li><i class="fa fa-check" aria-hidden="true"></i>For full details, visit <a href="#">https://www.gov.uk/guidance/forces-help-to-buy</a></li>
				</ul>
				<p><strong>Ready to get started with a mortgage application?</strong></p>
				<a href="#" class="bussiness-btn-larg">How much can I Borrow</a>
				<a href="#" class="bussiness-btn-larg">Find and Compare</a>
			  </div>
			</div>
		</div>
	</div>
</div>
<div class="card-single-wr">
	<div class="container">
		<div class="inner-card-wr quotewr">
			<p>Your home may be repossessed if you do not keep up repayments on your mortgage.</p>
		</div>
	</div>
</div>
<div class="card-single-wr">
	<div class="container">
		<h2>Already started an application?</h2>
		<div class="inner-card-wr lowerwr">
			<div class="row logonwr">
				<div class="col-sm-12 applynow">
					<p>Whether you started your application over the phone or online, you can see how it's progressing here. Simply log on using the username we've given you and security details you created.</p>
					<a href="#" class="bussiness-btn-larg">Continue</a>
				</div>
			</div>
		</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>     