<?php    
/** 
 *
 * @package Luzuk
 */
if(get_theme_mod('lz_fitness_ct_service_section_disable') != 'on' ){ ?>
	<section id="ct-service-box">
		<div class="lightbox overlay">
	<?php if( get_theme_mod('servicesmainsecanimation_button_display','show' ) == 'show') :
								?>	
	<div class="hex center">
  <div class="hex odd first one"></div>
  <div class="hex odd first three"></div>
  <div class="hex odd first five"></div>
  <div class="hex odd first seven"></div>
  <div class="hex odd first nine"></div>
  <div class="hex odd first eleven"></div>
 
	</div>
	<?php endif ?>

			<?php
		// echo "post id: ". 
			$lz_fitness_ct_service_page_id = get_theme_mod('lz_fitness_ct_service_page');	
		  // echo '<br>title '.		
			$lz_fitness_ct_service_title1 = get_theme_mod('lz_fitness_ct_service_title1', 'Our Services');
			$lz_fitness_ct_service_subtitle1 = get_theme_mod('lz_fitness_ct_service_subtitle1', 'Pisum dolor sit amet, consectetur adipiscing elit. Vivamus eu pharetra ex. Etiam eget diam ligula. Sed at blandit ante. Vivamus feugiat.');
			?>
			<div class="row ct-service-box">
				<div class="container">
					
					<div class="ht-section-title-tagline">
						<h2 class="ht-section-title ct-service-heading">
							<?php 
							if(!empty($lz_fitness_ct_service_title1))	{
								echo ($lz_fitness_ct_service_title1);
							} ?>
						</h2>						
						 <div class="lz-servicessec-subheading">
							<?php 
							if(!empty($lz_fitness_ct_service_subtitle1))	{
								echo ($lz_fitness_ct_service_subtitle1);
							} ?>
						</div>
						<div class="clearfix"></div> 
					</div>
					
					<div class="clearfix"></div>
				</div>
				
				<div class="clearfix"></div>
				<div class="container">
					<div class="service-box"> 
						<!-- <div class="ht-team-member-wrap ht-clearfix"> -->
							<?php 
							$showStatic = true;
							$cols = get_theme_mod('lz_fitness_ct_service_npp_count', 2);
							$cols++;
							switch($cols){
								case 1:
								$colCls = 'col-md-12 col-sm-12';
								break;
								case 2:
								$colCls = 'col-md-4 col-sm-6 col-xs-12';
								break;
								case 3:
								case 5:
								case 6: 
								case 9: 
								$colCls = 'col-md-4 col-sm-6 col-xs-12';
								break;
								case 4: 
								case 7:
								case 8:  
								case 10:
								case 11:
								case 12:
								$colCls = 'col-md-4 col-sm-6 col-xs-12';
								break;
								default: 
								$colCls = 'col-md-4 col-sm-6 col-xs-12';
								break;
							}
							$icons = array(1=>'heart', 2=>'star', 3=>'flash', 4=>'bell',5=>'heart', 6=>'star', 7=>'flash', 8=>'bell'); 
							for( $i = 1; $i <= $cols; $i++ ){
								$lz_fitness_ct_service_page_id = get_theme_mod('lz_fitness_ct_service_page'.$i); 
								$lz_fitness_ct_service_page_icon = get_theme_mod('lz_fitness_ct_service_page_icon'.$i);
								$lz_fitness_ct_service_icon1 = get_theme_mod('lz_fitness_ct_service_icon1'.$i);
								if($lz_fitness_ct_service_page_id){
									$showStatic = false;
									echo ctserviceShortCode($lz_fitness_ct_service_page_id, $isCustomizer=true, $i);
								}
							}
		// adding the static content
							if($showStatic === true){
								for( $i = 1; $i <= $cols; $i++ ){ ?>
									<div class="<?php echo $colCls;?> padding10 complete-serbox">
										<div class="serviceBox blue">
											<div class="service-icon padding0 wow slideInLeft">
												<!-- <i class="fa fa-slideshare"></i> -->
												<img class="img-responsive" src="<?php echo esc_url(get_template_directory_uri().'/images/service1.png');?>" alt="services" />
											</div>
											
											<a href="<?php the_permalink(); ?>">
												<h3 class="title">Search Engine Opetimization(SEO)</h3>
											</a>
											<p class="description">consectetur adipiscing elit. Vivamus eu pharetra adipiscing elit. consectetur adipiscing elit.</p>
											<?php
											$Servicessectionbutton = get_theme_mod('lz_fitness_Servicessection_txt', 'Read more '); 										
											?>
											<?php if( get_theme_mod('servicesusection_button_display','show' ) == 'show') :
												?>			  
												<a href="<?php the_permalink(); ?>" class="btn btn-lg red">
													<?php echo ($Servicessectionbutton );  ?>

												</a>
											<?php endif ?>

										</div>
										<div class="clearfix"></div>			 
									</div>
									<?php 
								}
							} ?>
							<div class="clearfix"></div>
						</div>	
						<div class="clearfix"></div>
					</div>
				</div>
			</div>
			<?php if( get_theme_mod('servicesmainsecanimation_button_display','show' ) == 'show') :
								?>	
	<div class="hex right">
  <div class="hex odd first one"></div>
  <div class="hex odd first three"></div>
  <div class="hex odd first five"></div>
  <div class="hex odd first seven"></div>
  <div class="hex odd first nine"></div>
  <div class="hex odd first eleven"></div>
 
	</div>
	<?php endif ?>

		</section>
		<script>
			jQuery.noConflict();
			$(function(){
				function serviceBoxHeight(){
					var ht = 0;
					$('section#ct-service-box .serviceBox').each(function(i){
						var tHt = $(this).height();
						if(ht<tHt){
							ht=tHt;
						}
					});
					$('section#ct-service-box .serviceBox').height(ht+'px');
				}
				serviceBoxHeight();
			});
			$( window ).resize(function(){
				serviceBoxHeight();
			});
		</script>

	<?php }

