<?php get_header();?>
			<div id="popupModal" class="modal1">
  <div class="modal1-content">
    <span class="close1" onclick="closeModal()">&times;</span>
    <img src="<?php echo get_template_directory_uri(); ?>/images/popup.jpg" >
  </div>
</div>
		
				<div class="section">
					<div class="rev_slider_wrapper fullwidthbanner-container">
						<div id="rev_slider_3" class="rev_slider fullwidthabanner">
							<ul>

<?php if( have_rows('slider') ): ?>
                    <?php while( have_rows('slider') ): the_row(); 
                    $banner_image = get_sub_field('banner_image');
                   $side_title = get_sub_field('side_title');
				   $title1 = get_sub_field('title1');
				   $title2 = get_sub_field('title2');
				   
                    ?>


								<li data-transition="random" data-slotamount="7" data-hideafterloop="0" data-hideslideonmobile="off"  data-easein="default" data-easeout="default" data-masterspeed="300" data-rotate="0" data-saveperformance="off" data-title="Slide">
									<img src="<?php echo $banner_image;?>"  alt="" 
										 data-bgposition="center top" 
										 data-kenburns="on" 
										 data-duration="9000" 
										 data-ease="Linear.easeNone" 
										 data-scalestart="100" 
										 data-scaleend="110" 
										 data-rotatestart="0" 
										 data-rotateend="0" 
										 data-offsetstart="0 0" 
										 data-offsetend="0 0" 
										 class="rev-slidebg" />

									<div class="tp-caption tp-resizeme"
										 data-x="['left','center','center','center']" 
										 data-hoffset="['415','0','0','0']"
										 data-y="['top','middle','middle','middle']" 
										 data-voffset="['279','-180','-180','-130']"
										 data-width="none"
										 data-height="none"
										 data-whitespace="nowrap"
										 data-transform_idle="o:1;"
										 data-transform_in="y:[-100%];z:0;rX:0deg;rY:0;rZ:0;sX:1;sY:1;skX:0;skY:0;s:1500;e:Power3.easeInOut;"
										 data-transform_out="opacity:0;s:300;s:300;"
										 data-mask_in="x:0px;y:0px;s:inherit;e:inherit;"
										 data-start="810"
										 data-responsive_offset="on"
										 data-end="8400"><h3 style="color: #fff;"><?php echo $side_title;?></h3>
									</div>

									<div class="tp-caption tp-resizeme"
										 data-x="['left','center','center','center']" 
										 data-hoffset="['522','0','0','0']"
										 data-y="['top','middle','middle','middle']" 
										 data-voffset="['295','-140','-140','-90']" 
										 data-width="none"
										 data-height="none"
										 data-whitespace="nowrap"
										 data-transform_idle="o:1;"
										 data-transform_in="x:[-100%];z:0;rX:0deg;rY:0;rZ:0;sX:1;sY:1;skX:0;skY:0;s:1500;e:Power3.easeInOut;"
										 data-transform_out="opacity:0;s:300;s:300;"
										 data-mask_in="x:0px;y:0px;s:inherit;e:inherit;"
										 data-start="1200"
										 data-responsive_offset="on"
										 data-end="8400"><img src="<?php echo get_template_directory_uri(); ?>/images/banner/line.png" alt="" /> 
									</div>

									<div class="tp-caption slide-text-4 color-white tp-resizeme"
										 data-x="['left','center','center','center']" 
										 data-hoffset="['415','0','0','0']"
										 data-y="['top','middle','middle','middle']" 
										 data-voffset="['335','-80','-80','-30']"
										 data-fontsize="['42','48','38','22']"
										 data-width="none"
										 data-height="none"
										 data-whitespace="nowrap"
										 data-transform_idle="o:1;"
										 data-transform_in="x:[-100%];z:0;rX:0deg;rY:0;rZ:0;sX:1;sY:1;skX:0;skY:0;s:1500;e:Power3.easeInOut;"
										 data-transform_out="opacity:0;s:300;s:300;"
										 data-mask_in="x:0px;y:0px;s:inherit;e:inherit;"
										 data-start="1800"
										 data-splitin="none"
										 data-splitout="none"
										 data-responsive_offset="on"
										 data-end="8400"><?php echo $title1;?>
									</div>

									<div class="tp-caption slide-text-2 color-white tp-resizeme"
										 data-x="['left','center','center','center']" 
										 data-hoffset="['414','0','0','0']"
										 data-y="['top','middle','middle','middle']" 
										 data-voffset="['393','-30','-30','20']"
										 data-fontsize="['42','48','38','22']"
										 data-fontweight="['800','400','400','400']"
										 data-width="none"
										 data-height="none"
										 data-whitespace="nowrap"
										 data-transform_idle="o:1;"
										 data-transform_in="x:[100%];z:0;rX:0deg;rY:0;rZ:0;sX:1;sY:1;skX:0;skY:0;s:1500;e:Power3.easeInOut;"
										 data-transform_out="opacity:0;s:300;s:300;"
										 data-mask_in="x:0px;y:0px;s:inherit;e:inherit;"
										 data-start="1800"
										 data-splitin="none"
										 data-splitout="none"
										 data-responsive_offset="on"
										 data-end="8400"><?php echo $title2;?>
									</div>

									<a 	 class="tp-caption rev-btn rev-btn-6 trans_btn"
										 href="#" target="_self"
										 data-x="['left','center','center','center']" 
										 data-hoffset="['415','0','0','0']"
										 data-y="['top','middle','middle','middle']" 
										 data-voffset="['471','100','100','100']"
										 data-width="none"
										 data-height="none"
										 data-whitespace="nowrap"
										 data-transform_idle="o:1;"
										 data-transform_hover="o:1;rX:0;rY:0;rZ:0;z:0;s:200;e:Power3.easeIn;"
										 data-style_hover="c:rgba(255, 255, 255, 1.00);bc:rgba(255, 255, 255, 1.00);"
										 data-transform_in="z:0;rX:0;rY:0;rZ:0;sX:0.9;sY:0.9;skX:0;skY:0;opacity:0;s:800;e:Power3.easeInOut;"
										 data-transform_out="auto:auto;s:300;"
										 data-start="3800"
										 data-splitin="none"
										 data-splitout="none"
										 data-actions=''
										 data-responsive_offset="on"
										 data-end="8400">About Us
									</a>
								</li>

					<?php endwhile;?>
                    <?php endif;?>
								
							</ul>
							<div class="tp-bannertimer"></div>
						</div>
					</div>
				</div>
				<div class="section call-for-action">
					<div class="container">
						<div class="row">
							<div class="col-sm-2">
								<div class="custom_heading home_quote_txt">
									<div class="call-for-action-text">
										Flash News
									</div>
								</div>
							</div>
							<div class="col-sm-10">
								<marquee behavior="scroll" direction="left" style="color:#fff;">
								<?php if( have_rows('news') ): ?>
                    <?php while( have_rows('news') ): the_row(); 
                    $news_content = get_sub_field('news_content');
                   
                    ?>	
								<?php echo $news_content;?>  &nbsp;&nbsp;| &nbsp;&nbsp;

					<?php endwhile;?>
                    <?php endif;?>
								</marquee>
							</div>
						</div>
					</div>
				</div>
				<div class="section pt-5 pb-2 home_whatweare">
					<div class="container">
						<div class="row">
							<div class="col-sm-3">
								<div class="mb-3">
									<div class="text-center">
										<img width="370" height="240" src="<?php echo the_field('welcome_image'); ?>" alt="" />
									</div>
								</div>
							</div>
							<div class="col-sm-6">
								<div class="mb-3">
									
									<div class="section-title"><?php echo the_field('title'); ?></div>
									<div class="section-desc">
										<p>
<?php echo the_field('content'); ?>									</div>
									<div class="home_whatweare_btn">
										<a href="<?php echo the_field('read_more_link'); ?>">READ MORE</a>
									</div>
								</div>
							</div>
							<div class="col-sm-3">
								<div class="commerce-tabs">
											<ul class="nav nav-tabs tabs">
										    	
										    	<li class="active" >
										    		<a data-toggle="tab" href="#tab-2" style="font-size: 18px;font-weight: 500;">Our Vision</a>
										    	</li>
										    	<li>
										    		<a data-toggle="tab" href="#tab-3" style="font-size: 18px;font-weight: 500;">Our Mission</a>
										    	</li>
										  	</ul>
										  	<div class="tab-content">
												
												<div class="tab-pane fade in active" id="tab-2">
												<p style="margin-top: 25px;"><?php echo the_field('vission_content'); ?></p>	
												</div>
												<div class="tab-pane fade " id="tab-3">
													<div id="comments" class="comments-area">
														
														
													<p style="margin-top: 25px;"><?php echo the_field('mission_content'); ?></p>	
													</div>
												</div>
											</div>
										</div>
							</div>
						</div>
					</div>
				</div>


				<div class="section home_news pt-5 pb-2">
					<div class="container">
						<div class="row">
							
							<div class="col-sm-12">
								<div class="myportfolio-container minimal-light mb-3">
									<div class="row">
										<div class="section-title" ><?php echo the_field('why_choose_title'); ?></div>
										<div class="slider-wrapper">
											<ul class="news-list">
												<li class="col-md-4 col-sm-6">
													<div class="home-blog-title">
															<a >
																<?php echo the_field('title1'); ?>
															</a>
														</div>
													<div class="news-entry-media">
														<img src="<?php echo the_field('image1'); ?>" alt="" style="height: 250px;" />
														<div class="news-entry-cover">
															<div class="news-overlay home-blog-container"></div>
															
														</div>
													</div>
													<div class="home-blog-content">
														
														
														<div class="home-blog-desc">
														<?php echo the_field('content1'); ?>														
													</div>
												</li>
												<li class="col-md-4 col-sm-6">
													<div class="home-blog-title">
															<a >
																<?php echo the_field('title2'); ?>
															</a>
														</div>
													<div class="news-entry-media">
														<img src="<?php echo the_field('image2'); ?>" alt="" style="height: 250px;"/>
														<div class="news-entry-cover">
															<div class="news-overlay home-blog-container"></div>
															
														</div>
													</div>
													<div class="home-blog-content">
														
														
														<div class="home-blog-desc">
														<?php echo the_field('content2'); ?>														
													</div>
												</li>
												<li class="col-md-4 col-sm-6">
													<div class="home-blog-title">
															<a>
																<?php echo the_field('title3'); ?>
															</a>
														</div>
													<div class="news-entry-media">
														<img src="<?php echo the_field('image3'); ?>" alt="" style="height: 250px;" />
														<div class="news-entry-cover">
															<div class="news-overlay home-blog-container"></div>
															
														</div>
													</div>
													<div class="home-blog-content">
														
														
														<div class="home-blog-desc">
														<?php echo the_field('content3'); ?>														
													</div>
												</li>
											</ul>
										</div>
									</div>
								</div>
							</div>
						</div>
					</div>
				</div>


				<div class="section home-latest-projects">
					<div class="container">
						<div class="row">
							<div class="col-sm-12">
								<div class="mb-3 projects_btn">
									<p>Gallery </p>
									<div class="navigationbutton button-left projects_btn_left">
										<i class="fa fa-angle-left"></i>
									</div>
									<div class="navigationbutton button-right projects_btn_right">
										<i class="fa fa-angle-right"></i>
									</div>
								</div>
								<div class="myportfolio-container minimal-light">
									<div class="slider-wrapper">
										<div class="row">
											<ul class="project-list">
											<?php if( have_rows('gallery') ): ?>
                    						<?php while( have_rows('gallery') ): the_row(); 
                    						$image = get_sub_field('image');
                  							$title1 = get_sub_field('title1');
											$title2 = get_sub_field('title2');
											
                    						?>
												<li class="our-projects-wrapper col-md-4 col-sm-6">
													<div class="project-media-cover-wrapper">
														<div class="project-entry-media">
															<img src="<?php echo $image;?>" alt="" />
														</div>
														<div class="project-entry-cover">
															<div class="project-overlay our-projects-container"></div>
															<div class="project-content">
																<div class="our-projects-categories">
																	<a><?php echo $title1;?></a>
																</div>
																<div class="line-clear"></div>
																<div class="our-projects-title">
																	<a>
																		<?php echo $title2;?>
																	</a>
																</div>
																<div class="line-clear"></div>
																<div class="our-projects-popup">
																	<a data-rel="prettyPhoto" href="<?php echo $image;?>">
																		<i class="fa fa-search"></i>
																	</a>
																</div>
															</div>
														</div>
													</div>
												</li>
											<?php endwhile;?>
                   							<?php endif;?>	
											</ul>
										</div>
									</div>
								</div>
							</div>
						</div>
					</div>
				</div>
				<div class="section pt-9 pb-9 parallax bg-1">
					<div class="container">
						<div class="row">
							<div class="col-sm-4">
								<div class="parallax-text">
<h3 style="color:#fff;font-size: 22px;text-align: left;margin-bottom: 20px;" class="section-title"><?php echo the_field('clubs_title'); ?></h3>		
<p style="color:#fff;font-size: 16px;text-align: left;"><?php echo the_field('clubs_content'); ?></p>						
							
</div>
							</div>
							<div class="col-sm-8"><ul class="client-list">
					<?php if( have_rows('clubs_image') ): ?>
                    <?php while( have_rows('clubs_image') ): the_row(); 
                    $club_image = get_sub_field('club_image');
                    $club_name = get_sub_field('club_name');
                    ?>
												<li class="col-md-2 col-sm-6">
													<div class="client-media-cover-wrapper">
														<div class="client-entry-media">
															<img src="<?php echo $club_image;?>" alt="" style="width:110px;height: 110px;"/>
														</div>
														<div class="client-entry-cover">
															<div class="client-overlay home-clients-container"></div>
															<div class="home-clients-title">
																<?php echo $club_name;?>
															</div>
														</div>
													</div>
												</li>
											<?php endwhile;?>
                   							<?php endif;?>	
											</ul></div>
						</div>
					</div>
				</div>
				<div class="section home_news pt-5 pb-2">
					<div class="container">
						<div class="row">
							<div class="col-sm-3">
								<div class="mb-3">
									<div class="section-title"><?php echo the_field('facilities_title'); ?></div>
									<div class="section-desc">
										<p>
											<?php echo the_field('facilities_content'); ?>
										</p>
									</div>
									<div class="home_news_btn">
										<a href="<?php echo the_field('facilities_link'); ?>">Discover more</a>
									</div>
								</div>
							</div>
							<div class="col-sm-9">
								<div class="myportfolio-container minimal-light mb-3">
									<div class="row">
										<div class="slider-wrapper">
											<ul class="news-list">
												
													<?php if( have_rows('facilities') ): ?>
                    						<?php while( have_rows('facilities') ): the_row(); 
                    						$image = get_sub_field('image');
                  							$title = get_sub_field('title');
											$content = get_sub_field('content');
											
                    						?>
												<li class="col-md-4 col-sm-6">
													<div class="news-entry-media">
														<img src="<?php echo $image;?>" alt="" />
														<div class="news-entry-cover">
															<div class="news-overlay home-blog-container"></div>
															<div class="home-blog-popup">
																<a data-rel="prettyPhoto" href="#">
																	<i class="fa fa-search"></i>
																</a>
															</div>
														</div>
													</div>
													<div class="home-blog-content">
														<div class="home-blog-title">
															<a href="#">
																<?php echo $title;?>
															</a>
														</div>
														
														<div class="home-blog-desc">
														<?php echo $content;?>
														</div>
														
													</div>
												</li>
												<?php endwhile;?>
                   					 <?php endif;?>
											</ul>
										</div>
									</div>
								</div>
							</div>
						</div>
					</div>
				</div>
				<div class="section pt-5 pb-5 bg-gray testimonials">
					<div class="container">
						<div class="row">
							<div class="col-sm-12">
								<div class="section-title"><?php echo the_field('testimonials_title'); ?></div>
								<div class="testimonials_wrapper row">
									<div class="testimonials-list">
										  <?php if( have_rows('testimonials') ): ?>
                    						<?php while( have_rows('testimonials') ): the_row(); 
                    						$author_name = get_sub_field('author_name');
                  							$author_designation = get_sub_field('author_designation');
											$author_image = get_sub_field('author_image');
											$testimonials_content = get_sub_field('testimonials_content');
                    						?>
										<div class="quote col-md-6 col-sm-6">
											<blockquote class="testimonials-text">
												<p>
													“ <?php echo $testimonials_content;?> ”	</p>
											</blockquote>
											<img width="90" height="90" src="<?php echo $author_image;?>" class="avatar" alt="" /> 
											<cite class="author">
												<span><?php echo $author_name;?></span> 
												<span class="title"><?php echo $author_designation;?></span>
											</cite>
										</div>
										
										
									<?php endwhile;?>
                   					 <?php endif;?>
									</div>
								</div>
							</div>
						</div>
					</div>
				</div>
				
			</div>
<?php get_footer();?>