<footer class="footer text-color-inverse">
    <div class="footer__inner">
        	<div class="layout form__footer">
			<h3 class="footer__text">Вызов врача на дом</h3>
			<div class="form_wrapperFooter">
<?php echo do_shortcode('[contact-form-7 id="1039" title="Footer"]') ?>
			</div>
		</div>
        
        
        <div class="layout layout-grid layout_cols_12">
            <h3 class="footer__text">Лечим питомцев</h3>
            <div class="footer__services grid_12">
	            
	             
		          <?php 
                    $args=array();
	                $args['post_type']='services';
	                $args['post_parent']=0;
// 					$args['post__in']=array( 39, 37);
	                $args['posts_per_page']='-1';
                     $myposts = get_posts($args);
                     foreach( $myposts as $post ){
                     	setup_postdata( $post );
                     	$thumb_id = get_post_thumbnail_id();
                     	 $thumb_url = wp_get_attachment_image_src($thumb_id,'thumbnail', true);
                     	$myid=get_the_ID();
                     	?>
                    
	                 <a href="<?php echo get_the_permalink(get_the_ID());?>" class="<?php echo get_post_meta(get_the_ID(),'slug',1);?>" ><?php the_title();?>  
		            
		             <?php  }
                    wp_reset_postdata();  
	                ?>
	             
            </div>
            <div class="footer__contacts">
                <a href="tel:84954897722" class="footer__contacts-tel"><?php echo get_option('phone');?></a>
                <button class="footer__contacts-button"  onclick="location.href='/zapis-vetklinica/'">Запись в клинику</button>
            </div>
            <div class="footer__nav">
                <ul class="grid_12">
                    <li>
                        <h3>Услуги</h3>
                        <ul>
                            <?php echo get_option('footer1');?>
                             </ul>
                    </li>
                    <li>
                        <h3>Клиенту</h3>
                        <ul>
                            <?php echo get_option('footer2');?>
                        </ul>
                    </li>
                </ul>
            </div>
            <div class="footer__contacts2 grid_12">
                <div class="footer__contacts2-socials">
                    <a href="<?php echo get_option('inst');?>" class="insta"></a>
                    <a href="<?php echo get_option('vk');?>" class="vk"></a>
                </div>
                <div class="footer__contacts2-email">
                    <a href="mailto:<?php echo get_option('mymail');?>"><?php echo get_option('mymail');?></a>
                </div>
                <div class="footer__contacts2-slogan"><?php echo get_option('slogan');?></div>
            </div>
            
            <div class="footer__links">
                <?php echo get_option('copy');?> /  <a href="<?php echo get_option('policy');?>/">Политика конфиденциальности</a>  
           
          
           
           
           
            </div>
        </div>
    </div>
    <div onclick="topFunction()" class="up"><div></div></div>
</footer>

	
		</div>

		
<?php wp_footer();?>

<script src="https://cdnjs.cloudflare.com/ajax/libs/Swiper/4.1.6/js/swiper.js"></script>
<script src="https://cdn.jsdelivr.net/npm/@fancyapps/ui@4.0/dist/fancybox.umd.js"></script>
<script src="/wp-content/themes/zootheme/js/scrollreveal.js" charset="utf-8"></script>
<script src="/wp-content/themes/zootheme/js/script.min.js" charset="utf-8"></script>





<script>
	function slickCarousel() {
		$('.main__top__slider').slick({
			dots: true,
			arrows: true,
			slidesToShow: 1,
			centerMode: true,
			// infinite: false,
			slidesToScroll: 1,
			centerPadding: '0px',
			autoplay: true,
			speed:1000,
            autoplaySpeed: 7000,            
            fade: true,
			easing: 'ease-in',
			appendDots: $('.main__top__slider-arrow'),
			appendArrows: $('.main__top__slider-arrows'),
			wariableWidth: true,
		    nextArrow: '<div class="slick-next slick-arrow"></div>',
    		prevArrow: '<div class="slick-prev slick-arrow"></div>',
			
			// responsive: [
			// 	{
			// 		breakpoint: 700,
			// 		settings: {
			// 			dots: true,
			// 			arrows: false
			// 		}
			// 	}
			// ]
		});
	}
	slickCarousel();
</script>

<style>
	.footer form input{
		background: transparent !important;
		border-color: white;
		color: #fff;
		padding-left: 0;
	}
	.footer form input::placeholder{
		color: #fff;
	}
	
	
	.form_wrapperFooter .form_inner_wrapper{
		display: flex;
		gap: 40px;
	}
	
	@media (max-width: 600px){
		.form_wrapperFooter .form_inner_wrapper{
			flex-direction: column;
			gap: 25px;
			
		}
		.form_wrapperFooter form .form-row .input-data{
			margin: 0 !important;
		}
		
		.form__footer h3 {
       	margin-top: 20px;
		margin-bottom: 10px !important;
}
		
	}
	
	
	
	
	.form_wrapperFooter form .form-row{
		width: 100%;
	}
	.form_wrapperFooter form .form-row .input-data{
		margin: 0;
	}
	.form_wrapperFooter form{
		width: 100%;
		margin: 0 auto;
	}
	.form_wrapperFooter{
		margin-bottom: 40px;
	}
	.form__footer  h3{
		margin-bottom: 50px;
	}
	.form_inner_wrapper{
		margin-bottom: 20px;
	}
	.form_wrapperFooter .agree{
		margin-bottom: 20px;
	}
	.form_wrapperFooter .submit-btn{
		margin: 0 auto;
	}
	.form_wrapperFooter .input-data label{
		bottom: 20px;
	}
	.form_wrapperFooter .wpcf7-not-valid-tip{
		font-size: 12px;
	}
	
	
	
	
</style>








 <!--script src="js/smooth-scroll.js"></script-->
 
 
 
 
 
 

	</body>
</html>