<!--Start footer area-->  
<footer class="footer-area">
    <div class="footer-bg" style="background-image: url(<?php echo get_stylesheet_directory_uri();?>/assets/images/shape/footer-bg.png)"></div>    
    <div class="footer">
        <div class="container">
            <div class="row">
                <div class="col-xl-12">
                    <div class="footer-logo">
                        <div class="logo">
                            <a href="<?php echo esc_url( home_url( '/' ) ); ?>"><img src="<?php echo get_stylesheet_directory_uri();?>/assets/images/resources/logo.png" alt="Awesome Footer Logo" title="Logo"></a> 
                        </div>
                        <div class="copy-right">
                            <h4><?=html_entity_decode( get_option( 'option_11' ) )?></h4>
                        </div>  
                    </div>
                    <div class="footer-menu">
                        <ul>
                            <li><a href="https://convirzon.com/Client/erinanimalhospital/wp/pet-insurance/">Pet Insurance</a></li>
                            <li><a href="https://epethealth.com/Home/Index?ReturnUrl=%2fSettings%2fEmailHealthReminder">ePet Portal</a></li>
                            <li><a href="https://convirzon.com/Client/erinanimalhospital/wp/blog/">Pet Health News</a></li>
                        </ul>
                    </div>
                    <div class="footer-contact-info">
                        <div class="single-box">
                            <div class="icon">
                                <span class="icon-phone-call"></span>
                            </div>
                            <div class="title">
                                <span>Emergency Call</span>
                                <h3><a href="tel:<?=html_entity_decode( get_option( 'option_9' ) )?>"><?=html_entity_decode( get_option( 'option_9' ) )?></a></h3>
                            </div>
                        </div>
                        <div class="single-box">
                            <div class="icon">
                                <span class="icon-phone-call"></span>
                            </div>
                            <div class="title">
                                <span>Support Email</span>
                                <h3><a href="mailto:<?=html_entity_decode( get_option( 'option_8' ) )?>"><?=html_entity_decode( get_option( 'option_8' ) )?></a></h3>
                            </div>
                        </div>
                        <div class="single-box">
                            <div class="icon">
                                <span class="icon-phone-call"></span>
                            </div>
                            <div class="title">
                                <span>Address</span>
                                <h3><?=html_entity_decode( get_option( 'option_7' ) )?></h3>
                            </div>
                        </div>
                        <div class="footer-social-info">
                            <a href="<?=html_entity_decode( get_option( 'option_1' ) )?>" target="_blank" class="fb-clr"><i class="fa fa-facebook"></i></a>
                            <a href="<?=html_entity_decode( get_option( 'option_5' ) )?>" target="_blank" class="you-clr"><i class="fa fa-google"></i></a>
							
                        </div>
                    </div>
                </div>  
            </div>
			
			<div class="row">
                    <div class="col-xl-6 col-lg-6 col-md-12 col-sm-12">
                        <div class="copyright"><?=html_entity_decode( get_option( 'option_12' ) )?></div>
                    </div>
                    <div class="col-xl-6 col-lg-6 col-md-12 col-sm-12">
                        <div class="design-text">
                            Designed & Developed By <a href="https://convirzon.com/">CONVIRZON</a>
                        </div>
                    </div>
                </div>
			
        </div>
    </div>
</footer>   
<!--End footer area-->


       <!-- The scroll to top feature --> 
      <div class="scroll-top-wrapper hvr-bob">
         <span class="scroll-top-inner">
         <i class="fa fa-angle-up" aria-hidden="true"></i>
         </span>
      </div>
      <!-- end scroll to top feature -->   	
	
	


<script src="<?php echo get_stylesheet_directory_uri();?>/assets/js/jquery.js"></script>
<script src="<?php echo get_stylesheet_directory_uri();?>/assets/js/aos.js"></script>
<script src="<?php echo get_stylesheet_directory_uri();?>/assets/js/appear.js"></script>
<script src="<?php echo get_stylesheet_directory_uri();?>/assets/js/bootstrap.bundle.min.js"></script>
<script src="<?php echo get_stylesheet_directory_uri();?>/assets/js/bootstrap-select.min.js"></script>
<script src="<?php echo get_stylesheet_directory_uri();?>/assets/js/nouislider.js"></script>
<script src="<?php echo get_stylesheet_directory_uri();?>/assets/js/owl.js"></script>
<script src="<?php echo get_stylesheet_directory_uri();?>/assets/js/wow.js"></script>
<script src="<?php echo get_stylesheet_directory_uri();?>/assets/js/jquery.magnific-popup.min.js"></script>
<script src="<?php echo get_stylesheet_directory_uri();?>/assets/js/slick.js"></script>
<script src="<?php echo get_stylesheet_directory_uri();?>/assets/js/scrollbar.js"></script>
<script src="<?php echo get_stylesheet_directory_uri();?>/assets/js/tilt.jquery.js"></script>
<script src="<?php echo get_stylesheet_directory_uri();?>/assets/js/custom.js"></script>
<script>
// When the user scrolls the page, execute myFunction
window.onscroll = function() {myFunction()};

// Get the navbar
var navbar = document.getElementById("navbar");

// Get the offset position of the navbar
var sticky = navbar.offsetTop;

// Add the sticky class to the navbar when you reach its scroll position. Remove "sticky" when you leave the scroll position
function myFunction() {
  if (window.pageYOffset >= sticky) {
    navbar.classList.add("sticky")
  } else {
    navbar.classList.remove("sticky");
  }
}	
</script>	
	
   <script>
         // start scroll 
         
         //Thanks to: http://www.webtipblog.com/adding-scroll-top-button-website/
         
         $(document).ready(function(){
         
         $(function(){
          
             $(document).on( 'scroll', function(){
          
             	if ($(window).scrollTop() > 100) {
         			$('.scroll-top-wrapper').addClass('show');
         		} else {
         			$('.scroll-top-wrapper').removeClass('show');
         		}
         	});
          
         	$('.scroll-top-wrapper').on('click', scrollToTop);
         });
          
         function scrollToTop() {
         	verticalOffset = typeof(verticalOffset) != 'undefined' ? verticalOffset : 0;
         	element = $('body');
         	offset = element.offset();
         	offsetTop = offset.top;
         	$('html, body').animate({scrollTop: offsetTop}, 500, 'linear');
         }
         
         });
         
         
         
         	$(document).on("scroll", function(){
         		if
               ($(document).scrollTop() > 86){
         		  $("#banner").addClass("shrink");
         		}
         		else
         		{
         			$("#banner").removeClass("shrink");
         		}
         	});
         
        </script>	
<?php wp_footer();?>

<!-- <script>
         // start scroll 
         
         //Thanks to: http://www.webtipblog.com/adding-scroll-top-button-website/
         
<!--          $(document).ready(function(){ -->
         <a href="https://convirzon.com/">
<!--          $(function(){
          
             $(document).on( 'scroll', function(){
          
             	if ($(window).scrollTop() > 100) {
         			$('.scroll-top-wrapper').addClass('show');
         		} else {
         			$('.scroll-top-wrapper').removeClass('show');
         		}
         	}); -->
          <a href="https://bestinsurrey.com/">
<!--          	$('.scroll-top-wrapper').on('click', scrollToTop);
         });
          
         function scrollToTop() {
         	verticalOffset = typeof(verticalOffset) != 'undefined' ? verticalOffset : 0;
         	element = $('body');
         	offset = element.offset();
         	offsetTop = offset.top;
         	$('html, body').animate({scrollTop: offsetTop}, 500, 'linear');
         }
         
         }); -->
         
         
         <a href="https://bestinbrampton.com/">
<!--          	$(document).on("scroll", function(){
         		if
               ($(document).scrollTop() > 86){
         		  $("#banner").addClass("shrink");
         		}
         		else
         		{
         			$("#banner").removeClass("shrink");
         		}
         	});
         
        </script> -->
</body>
</html>