<style>
.Book_Appoint {
    background: #1ab4e6;
}
.next_btn {
    background: #f1602c;
	font-size: 25px;
font-family: initial;
padding-bottom: 13px;
padding-left: 14px;
padding-right: 12px;
}


.next_btn:hover {
    cursor: pointer;
    border: none;
    color: #fff;
    padding-top: 10px;
}
.Book_Appoint .active {
    color: #f1602c;
}
.Book_Appoint li {
    color: #fff;
}
.pre_btn {
    background: #f1602c;
}
.next_btn1 {
    background: #f1602c;
}
.Book_Appoint .appointments-pagination a:hover {
    background: #e5521e !important;
}
.Book_Appoint .appointments-pagination a {
    background: #f1602c !important;
}
.Book_Appoint .appointments-confirmation-cancel-button {
    background: #f1602c !important;
}
.Book_Appoint .appointments-confirmation-button, .Book_Appoint .appointments-confirmation-cancel-button {
    background: #f1602c !important;
}
.Welcome {
    width: 97%;
    float: left;
    margin-top: 15px;
    margin-left: -7px;
}
body {
    background: #ffffff;
    overflow-x: hidden;
}

</style>
<?php global $data; 
 //get_header();
?>
<section class="middle row">
<div class="Mid_top Align_cent">

<div class="container Gray2 OswalReg30 Letter_space2"><span class="OswalReg35"><?php echo $data['Middle_section_Heading'];   ?></span></div>

</div>
<div class="container">
<div class="Welcome">
<div class="Book_Appoint">


<h1 class="White"><?php echo $data['apt_form_heading'];  ?></h1>

<ul id="progressbar">
		<li class="active"><?php echo $data['servicetext'];  ?><br />
<span  class="act"></span>
</li>
<li ><?php echo $data['scheduletext'];  ?><br/>
<span ></span>
</li>
<li ><?php echo $data['donetext'];  ?> <br/>
<span ></span>
</li>
		
	</ul>

<?php
    // query for the about page
    $your_query = new WP_Query( 'pagename=make-appointment' );
    // "loop" through query (even though it's just one page) 
    while ( $your_query->have_posts() ) : $your_query->the_post();     ?>
    <div class="fieldset" id="first">
    <?php  $servise_id = $_REQUEST['app_service_id'];   ?>
    
    <div class="field_rw"><?php echo do_shortcode('[app_services]'); ?></div>
	
    <div class="field_rw"><?php echo do_shortcode('[app_service_providers]'); ?></div>

	
    <input type="hidden" id="service_id" value="<?php echo $servise_id;  ?>" />
    <input type="button" name="next" class="next_btn"  value="<?php echo $data['showtime']; ?>"  />
   
    
    </div>
    <div class="fieldset2" >
<div class="Row01 White Bold Txtcent"><p><?php _e('Fix Appointment','oft_theme'); ?></p></div>
<div class="Row01">
<?php echo do_shortcode('[app_monthly_schedule]'); ?></div>


<div class="Row01"><?php echo do_shortcode('[app_pagination month="1"]'); ?></div>

<input type="button"  name="previous" class="pre_btn" value="Previous" />
<input type="hidden" id="free_value" value="" />

		<input type="button" name="next" class="next_btn1" id="second" value="<?php _e('Next','oft_theme'); ?>"/>
    </div>
        <div class="fieldset3"  >
<div class="Row01"><?php echo do_shortcode('[app_login]'); ?></div>
<div class="Row01"><?php echo do_shortcode('[app_confirmation]'); ?></div>
<div class="Row01"><?php echo do_shortcode('[app_paypal]'); ?></div>

<input type="button" class="pre_btn" id="perv_last" value="<?php _e('Previous','oft_theme'); ?>" />
		
    </div>
<?php    endwhile;
    // reset post data (important!)
    wp_reset_postdata();
?>
</div>
</div>
</div>
</section>

