<div class="process-flow">
		<div class="container">
			<div class="row">
				<div class="col-4 text-center">
					<i>1</i>
					<p>Plan Products</p>
				</div>
				<div class="col-4 text-center">
					<i>2</i>
					<p>Fill your Requirements</p>
				</div>
				<div class="col-4 text-center">
					<i>3</i>
					<p>Submit your Requirements</p>
				</div>
				<span class="line">&nbsp;</span>
			</div>	
		</div>
	</div>	
	<div id="productenquirymodal" class="modal" tabindex="-1" role="dialog">
	  <div class="modal-dialog" role="document">
	    <div class="modal-content">
	      <div class="modal-header">
	        <h5 class="modal-title">Product Requirements</h5>
	        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
	          <span aria-hidden="true">&times;</span>
	        </button>
	      </div>
	      <div class="modal-body">
	        <?php echo do_shortcode('[contact-form-7 id="70" title="Enquiry Form"]'); ?>
	      </div>
	    </div>
	  </div>
	</div>		
  </body>
</html>
<?php wp_footer(); ?>
<script>
	jQuery(document).ready(function($) {
		var site_url = '<?php echo SITE_URL; ?>';
		if($("body").hasClass("single-product")) {
			$(".entry-summary").find("p.price:eq(0)").css("display","none");
		}
		if($("body").hasClass("home")) {
			$(".process-flow").find("div.col-4:eq(0)").addClass("active");
		}
		if($("body").hasClass("tax-product_cat")) {
			$(".process-flow").find("div.col-4:eq(1)").addClass("active");
		}
		if($("body").hasClass("single-product")) {
			$(".process-flow").find("div.col-4:eq(2)").addClass("active");
		}
		$(".tax-product_cat").find( "p.woocommerce-info" ).wrap( "<div class='custom-msg-div'></div>" );
	});
</script>