<?php 
// Custom Heading
add_shortcode('heading','heading_func');
function heading_func($atts, $content = null){
	extract(shortcode_atts(array(
		'text'		=>	'',
		'tag'		=> 	'',
		'size'		=>	'',
		'color'		=>	'',
		'align'		=>	'',		
		'class'		=>	'',
		'linkbox'   =>  '',
		'line_height' => '',
		'el_id' => '',
		'number' => ''
	), $atts));
	
	$size1 = ( !empty( $size ) ? 'font-size: '.$size.'px;' : '');
	$line_height1 = (!empty( $line_height ) ? 'line-height: '.$line_height.'px;' : '');
	$color1 = ( !empty( $color ) ? 'color: '.$color.';' : '');
	$align1 = ( !empty( $align ) ? 'text-align: '.$align.';' : '');
	$number1 = ( !empty( $number ) ? '<span class="wm">' .$number. '</span>' : '');

	$cl = ' class="ot_custom_heading ' . esc_attr( $class ) . ' "';
	$el_id1 = ( !empty( $el_id ) ? ' id="' . esc_attr( $el_id ) . '"' : '');
	
	$style = ' style="' . $size1 . $line_height1 . $align1 . $color1 . '"';
	$url = vc_build_link( $linkbox );
	ob_start(); ?>

	<!-- Element: OT Heading --> 	 
	<?php 
		echo '<'. $tag . $el_id1 . $cl . $style . ' >';
		if ( strlen( $linkbox ) > 0 && strlen( $url['url'] ) > 0 ) {
			echo '<a href="' . esc_attr( $url['url'] ) . '" title="' . esc_attr( $url['title'] ) . '" target="' . ( strlen( $url['target'] ) > 0 ? esc_attr( $url['target'] ) : '_self' ) . '">'. $number1 . $text .'</a>';
		}else{
			echo $number1 . $text;
		} 
		echo '</'.$tag.'>';
	?>
	
<?php
    return ob_get_clean();
}

// Line solid
add_shortcode('line_solid', 'line_solid_func');
function line_solid_func($atts, $content = null){
	extract(shortcode_atts(array(
		'icon'	=> '',
		'style' => 'none',
		'line_type' => 'none',
	), $atts));
	$line_style = '';
	if ($style == 'line_dark') {
		$line_style = 'line-dark';
	}elseif ($style == 'line_light') {
		$line_style = 'line-light';
	}else{
		$line_style = '';
	}
	ob_start(); 
?>
	<!-- Element: OT Line solid --> 	 
	<div class="<?php echo esc_attr( $line_style ); ?> separator <?php if($line_type == 'bold'){ echo 'separator-bold'; } ?>"><span><?php if($icon != ''){ ?><i class="fa fa-<?php echo esc_attr($icon); ?>"></i><?php }else{ echo '<i class="fa fa-circle"></i>';} ?></span></div>
	<div class="spacer-single"></div>	      
<?php
    return ob_get_clean();
}

// Our Team
add_shortcode('team', 'team_func');
function team_func($atts, $content = null){
	extract(shortcode_atts(array(
		'photo'		=> 	'',
		'name'		=>	'',
		'job'		=>	'',
		'icon1'		=>	'',
		'icon2'		=>	'',
		'icon3'		=>	'',
		'icon4'		=>	'',
		'url1'		=>	'',
		'url2'		=>	'',
		'url3'		=>	'',
		'url4'		=>	'',
	), $atts));
	$icon11 = (!empty($icon1) ? '<a href="'.esc_url($url1).'" target="_blank"><i class="fa fa-'.esc_attr($icon1).' fa-lg"></i></a>' : '');
	$icon22 = (!empty($icon2) ? '<a href="'.esc_url($url2).'" target="_blank"><i class="fa fa-'.esc_attr($icon2).' fa-lg"></i></a>' : '');
	$icon33 = (!empty($icon3) ? '<a href="'.esc_url($url3).'" target="_blank"><i class="fa fa-'.esc_attr($icon3).' fa-lg"></i></a>' : '');
	$icon44 = (!empty($icon4) ? '<a href="'.esc_url($url4).'" target="_blank"><i class="fa fa-'.esc_attr($icon4).' fa-lg"></i></a>' : '');

	ob_start(); ?>

	<!-- Element: OT Our Team --> 	 
    <!-- team member -->
    <div class="de-team-list team-box wow fadeInUp">
    	<?php if ( $photo != '' ) { ?>
	        <div class="team-pic">
	        	<?php echo wp_get_attachment_image( $photo, 'large', '', array( "class" => "img-responsive" ) ); ?>          
	        </div>
        <?php } ?>
        <div class="team-desc">
            <h3><?php echo wp_specialchars_decode($name); ?></h3>
            <?php if($job != ''){ ?><p class="lead"><?php echo wp_specialchars_decode($job); ?></p><?php } ?>
            <div class="small-border"></div>
            <?php if($content != ''){ ?><p><?php echo wp_specialchars_decode($content); ?></p><?php } ?>
            <div class="social">
                <?php echo wp_specialchars_decode($icon11); ?>
                <?php echo wp_specialchars_decode($icon22); ?>
                <?php echo wp_specialchars_decode($icon33); ?>
                <?php echo wp_specialchars_decode($icon44); ?>
            </div>
        </div>
    </div>
    <!-- team close -->

<?php
    return ob_get_clean();
}

// Our Team 2
add_shortcode('team2', 'team2_func');
function team2_func($atts, $content = null){
	extract(shortcode_atts(array(
		'photo'		=> 	'',
		'name'		=>	'',
		'job'		=>	'',
		'socials' => '',
	), $atts));
	$socials = (array) vc_param_group_parse_atts( $socials );
	ob_start(); ?>

	<!-- Element: OT Our Team 2 --> 	 
    <!-- team member -->
    <div class="de-team-list-2 team-box">

    	<?php if ( $photo != '' ) { ?>
	        <div class="team-pic">
	        	<?php echo wp_get_attachment_image( $photo, 'full', '', array( "class" => "img-responsive" ) );  ?>         
	        </div>
        <?php } ?>

        <div class="team-desc">
            <h3><?php echo esc_attr($name); ?></h3>
            <?php if($job != ''){ ?><p class="lead"><?php echo esc_attr($job); ?></p><?php } ?>
            <div class="small-border"></div>
            <?php if($content != ''){ ?><p><?php echo wp_specialchars_decode($content); ?></p><?php } ?>
            <div class="social">
                <?php 
					foreach ( $socials as $data ) {
						$data['social_icon'] = isset( $data['social_icon'] ) ? $data['social_icon'] : '';
						$data['social_url'] = isset( $data['social_url'] ) ? $data['social_url'] : '';
				?>
					<a href="<?php echo esc_attr($data['social_url']); ?>" target="_blank"><i class="fa fa-<?php echo esc_attr($data['social_icon']); ?> fa-lg"></i></a>
				<?php } ?>
            </div>
        </div>
    </div>
    <!-- team close -->

<?php
    return ob_get_clean();
}

// Video Player 
add_shortcode('videoplayer', 'videoplayer_func');
function videoplayer_func($atts, $content = null){
	extract(shortcode_atts(array(
		'video'  => '',
	), $atts));
	ob_start(); ?>
	<!-- Element: OT Video Post --> 	 
	<iframe height="450" src="<?php echo esc_url($video); ?>"></iframe>
	
<?php
    return ob_get_clean();
}

// Buttons
add_shortcode('button', 'button_func');
function button_func($atts, $content = null){
	extract(shortcode_atts(array(
		'btntext' 	=> '',
		'btnlink' 	=> '',
		'css'       => '',
		'class'     => '',
		'custom_links_target'		=>  '',
	), $atts));
	$custom_links_target = ( !empty($custom_links_target) ? $custom_links_target : '_self' );
	ob_start(); 
?>			
	<!-- Element: OT Button --> 
	<?php if ( $btnlink != '' ) { ?>
		<a href="<?php echo esc_url($btnlink); ?>" target="<?php echo esc_attr($custom_links_target); ?>" class="btn btn-line-black btn-big <?php echo vc_shortcode_custom_css_class( $css ) .' '. esc_attr($class); ?>"><?php echo wp_specialchars_decode($btntext); ?></a>
	<?php } ?>
    
<?php 
	return ob_get_clean();
}

// OT Buttons 2
add_shortcode('button2', 'button2_func');
function button2_func($atts, $content = null){
	extract(shortcode_atts(array(
		'linkbox'	=>  '',
		'class' 	=> '',
		'css'       => '',
	), $atts));
	$url = vc_build_link( $linkbox );
	$class1 = ( !empty( $class ) ? $class : 'btn-line-black btn-big' );
	ob_start(); 
?>			
	<!-- Element: OT Button 2 --> 
	<?php if ( strlen( $linkbox ) > 0 && strlen( $url['url'] ) > 0 ) {
		echo '<a href="' . esc_attr( $url['url'] ) . '" title="' . esc_attr( $url['title'] ) . '" target="' . ( strlen( $url['target'] ) > 0 ? esc_attr( $url['target'] ) : '_self' ) . '" class="btn ' . $class1 . vc_shortcode_custom_css_class( $css ) . '">' . esc_attr( $url['title'] ) . '</a>';
	} ?>
	
<?php 
	return ob_get_clean();
}

// Featured Boxes
add_shortcode('ot_featured_boxes', 'ot_featured_boxes_func');
function ot_featured_boxes_func($atts, $content = null){
    extract(shortcode_atts(array(
      'simple_textfield'   => '',
      'titles' => '',
      'columns' => '',
      'class'  => '',
      'target' =>  '',
      'animation' => '',
    ), $atts));
    $titles = (array) vc_param_group_parse_atts( $titles );  
    $class = ( !empty($class) ? $class : 'text-light' );
    ob_start(); 
?>
	<!-- Element: OT Featured Boxes --> 
   	<div class="display-table <?php echo esc_attr($class); ?>">
      <?php 
      	$i=1;
        foreach ( $titles as $data ) {
            $data['title'] = isset( $data['title'] ) ? $data['title'] : '';
            $data['desc'] = isset( $data['desc'] ) ? $data['desc'] : '';
            $data['bgimage'] = isset( $data['bgimage'] ) ? $data['bgimage'] : '';
            $data['btntext'] = isset( $data['btntext'] ) ? $data['btntext'] : '';
            $data['btnlink'] = isset( $data['btnlink'] ) ? $data['btnlink'] : '';            
            $img = wp_get_attachment_image_src($data['bgimage'],'full');
            $img = $img[0];
      ?>
         <div class="<?php if($columns == 2){echo 'col-md-6';}elseif ($columns == 3) {echo 'col-md-4';}else{echo 'col-md-3';} ?> text-middle <?php if($animation != 'disable'){ echo 'wow fadeInRight'; } ?>" <?php if($animation != 'disable'){ ?>data-wow-delay="<?php echo esc_attr($i); ?>s"<?php } ?> data-bgimage="url(<?php echo esc_url($img); ?>)">
            <div class="mask-overlay"></div>
            <div class="padding60 z-index-2">
                <?php if($data['title'] != ''){ ?><h3><?php echo $data['title']; ?></h3><?php } ?>
                <?php if($data['desc'] != ''){ ?><p><?php echo $data['desc']; ?></p><?php } ?>
                <?php if($data['btnlink'] != ''){ ?><a href="<?php echo esc_url($data['btnlink']); ?>" target="<?php if($target == '_blank'){ echo '_blank'; }else{ echo '_self'; } ?>" class="btn-line btn-fullwidth"><?php echo esc_attr($data['btntext']); ?></a><?php } ?>
            </div>
         </div>
      <?php $i++; } ?>
   </div>

<?php
    return ob_get_clean();
}

// Featured Boxes 2
add_shortcode('ot_featured_boxes2', 'ot_featured_boxes2_func');
function ot_featured_boxes2_func($atts, $content = null){
    extract(shortcode_atts(array(
      'simple_textfield'   => '',
      'titles' => '',
      'columns' => '',
      'class'  => '',
      'target' =>  '',
      'animation' => '',
      'time_delay' => '',
    ), $atts));
    $css_classes = array($class); 

	if($animation != 'disable'){ 
		$css_classes[] = 'wow fadeInRight';		
	}

	if($columns == 2){
		$css_classes[] = 'col-md-6';
	}elseif ($columns == 3) {
		$css_classes[] = 'col-md-4';
	}else{
		$css_classes[] = 'col-md-3';
	}

    $titles = (array) vc_param_group_parse_atts( $titles );   
    $animate_time = (!empty($time_delay)) ? $time_delay : 1;
    ob_start(); 
?>
	<!-- Element: OT Featured Boxes 2 --> 
   <div class="row">
      <?php 
      	$i=1;
        foreach ( $titles as $data ) {
            $data['title'] = isset( $data['title'] ) ? $data['title'] : '';
            $data['desc'] = isset( $data['desc'] ) ? $data['desc'] : '';
            $data['bgimage'] = isset( $data['bgimage'] ) ? $data['bgimage'] : '';
            $data['btntext'] = isset( $data['btntext'] ) ? $data['btntext'] : '';
            $data['btnlink'] = isset( $data['btnlink'] ) ? $data['btnlink'] : '';            
            $img = wp_get_attachment_image_src($data['bgimage'],'full');
            $img = $img[0];
      ?>
      	<div class="<?php echo implode( ' ', $css_classes ); ?> text-middle" <?php if($animation != 'disable'){ ?>data-wow-delay="<?php echo esc_attr($i*$animate_time); ?>s"<?php } ?> >
            <div class="shadow-soft" data-bgimage="url(<?php echo esc_url($img); ?>)">
                <div class="padding40 overlay60">
                    <?php if($data['title'] != ''){ ?><h3><?php echo $data['title']; ?></h3><?php } ?>
                	<?php if($data['desc'] != ''){ ?><p><?php echo $data['desc']; ?></p><?php } ?>
                    <?php if($data['btnlink'] != ''){ ?><a href="<?php echo esc_url($data['btnlink']); ?>" target="<?php if($target == '_blank'){ echo '_blank'; }else{ echo '_self'; } ?>" class="btn-line btn-fullwidth"><?php echo esc_attr($data['btntext']); ?></a><?php } ?>
                </div>
            </div>
        </div>
      <?php $i++; } ?>
   </div>

<?php
    return ob_get_clean();
}

// OT Home HTML5 Video
add_shortcode('home_video', 'home_video_func');
function home_video_func($atts, $content = null){
	extract(shortcode_atts(array(
		'titles'    		=> '',
		'stitle'			=>  '',
		'video1'			=>  '',	
		'video2'			=>  '',		
		'video3'    		=>  '',		
		'bgvideo'			=>  '',	
		'video_overlay'     =>  'overlay',
		'btnlink'			=>  '',
		'btntext'			=>  '',			
		'custom_links_target'	=>  '',			
	), $atts));
	$titles = (array) vc_param_group_parse_atts( $titles );
	$custom_links_target = (!empty($custom_links_target) ? $custom_links_target : '_self' );
	ob_start();  
?>
	<!-- Element: OT Home HTML5 Video --> 	
	<div class="de-video-container full-height no-padding">
        <div class="de-video-content">
            <div class="text-center">
            	<?php if($stitle != ''){ ?>
	                <div class="teaser-text">
	                    <?php echo wp_specialchars_decode($stitle); ?>
	                </div>
	                <div class="spacer-single"></div>
                <?php } ?>

                <div class="text-slider border-deco">
	                <?php 
						foreach ( $titles as $data ) {
							$data['title'] = isset( $data['title'] ) ? $data['title'] : '';
					?>					 
						<div class="text-item"><?php echo wp_specialchars_decode($data['title']); ?></div>    
					<?php } ?>  
                </div>
                <div class="spacer-single"></div>
                <?php if($btnlink != ''){ ?><a href="<?php echo esc_url($btnlink); ?>" target="<?php echo esc_attr($custom_links_target); ?>" class="btn-slider"><?php echo esc_attr($btntext); ?></a><?php } ?>
            </div>
        </div>

        <?php if ($video_overlay == 'dotted') { ?>
        	<div class="de-video-overlay dotted"></div>
        <?php }elseif ($video_overlay == 'overlay') {?>
        	<div class="de-video-overlay"></div>
        <?php }else{} ?> 

        <!-- load your video here -->
        <video preload="auto" autoplay="" loop="" muted="" poster="<?php echo esc_url( wp_get_attachment_image_url( $bgvideo, 'full' ) ); ?>" playsinline>
            <?php if($video1 != ''){ ?> <source src="<?php echo esc_url($video1); ?>" type="video/mp4"> <?php } ?>
			<?php if($video2 != ''){ ?> <source src="<?php echo esc_url($video2); ?>" type="video/webm"> <?php } ?>
        </video>
    </div>

<?php
    return ob_get_clean();
}

// OT Home Parallax
add_shortcode('home_parallax', 'home_parallax_func');
function home_parallax_func($atts, $content = null){
	extract(shortcode_atts(array(	
		'stitle'	=>  '',
		'btnlink'	=>  '',
		'btntext'	=>  '',	
		'titles' => '',
		'btextcolor' => '',
		'stextcolor' => '',
		'btn_extra_class' => '',
		'custom_links_target'		=>  '',		
	), $atts));	
	$titles = (array) vc_param_group_parse_atts( $titles );
	$btn_extra_class1 = (!empty($btn_extra_class)) ? $btn_extra_class : 'btn-slider';
	$custom_links_target = (!empty($custom_links_target) ? $custom_links_target : '_self' );
	$btextcolor1 = (!empty($btextcolor) ? 'style="color:'.esc_attr($btextcolor).';"' : '');
	$stextcolor1 = (!empty($stextcolor) ? 'style="color:'.esc_attr($stextcolor).';"' : '');
	ob_start(); 
?>	
   	<!-- Element: OT Home Parallax -->
    <div class="center-y text-center">
    	<?php if($stitle != ''){ ?>
	        <div class="teaser-text" <?php echo $stextcolor1; ?> >
	            <?php echo wp_specialchars_decode($stitle) ?>
	        </div>
        <?php } ?>
        <div class="spacer-single"></div>
        <div class="text-slider border-deco">
        	<?php 
				foreach ( $titles as $data ) {
					$data['title'] = isset( $data['title'] ) ? $data['title'] : '';
			?>					 
				<div class="text-item" <?php echo $btextcolor1; ?> ><?php echo wp_specialchars_decode($data['title']); ?></div>    
			<?php } ?>
        </div>
        <div class="spacer-double"></div>
        <div class="cleafix"></div>
        <?php if($btnlink != ''){ ?><a href="<?php echo esc_url($btnlink); ?>" target="<?php echo esc_attr($custom_links_target); ?>" class="<?php echo esc_attr($btn_extra_class1); ?>"><?php echo esc_attr($btntext); ?></a><?php } ?>
    </div>
   
<?php
    return ob_get_clean();
}

// OT Home Parallax 2 - use for Home Minimal
add_shortcode('home_parallax2', 'home_parallax2_func');
function home_parallax2_func($atts, $content = null){
	extract(shortcode_atts(array(
		'logo'      =>  '',	
		'btnlink'	=>  '',	
		'textcolor' => '',
		'titles' => ''
	), $atts));	
		$titles = (array) vc_param_group_parse_atts( $titles );
		$textcolor1 = (!empty($textcolor) ? 'style="color:'.esc_attr($textcolor).';"' : '');
	ob_start(); 
?>	
	<!-- Element: OT Home Parallax 2 -->
	<?php if ( $logo != '' ) { ?>
		<div class="banner-logo text-center">
	        <?php echo wp_get_attachment_image( $logo, 'full', '', array( "class" => "img-responsive" ) ); ?>
	    </div>
	<?php } ?>

    <div class="<?php if($logo != ''){ echo 'vertical-align'; }else{ echo 'center-y'; } ?> text-center">
        <div class="spacer-double"></div>
        <div class="text-slider border-deco">
        	<?php 
				foreach ( $titles as $data ) {
					$data['title'] = isset( $data['title'] ) ? $data['title'] : '';
			?>					 
				<div class="text-item"><h1 class="title-2" <?php echo $textcolor1; ?>><?php echo wp_specialchars_decode($data['title']); ?></h1></div>    
			<?php } ?>
        </div>
        <div class="spacer-double"></div>
        <div class="spacer-double"></div>
    </div>

	<?php if($btnlink != ''){ ?>
		<a href="<?php echo esc_url($btnlink); ?>" class="scroll-to">
			<span class="mouse">
				<span class="scroll"></span>
			</span>
		</a>
	<?php } ?>
   
<?php
    return ob_get_clean();
}

// OT Home Text Static
add_shortcode('home_text', 'home_text_func');
function home_text_func($atts, $content = null){
	extract(shortcode_atts(array(
		'title'	=>  '',		
		'subtitle'	=>  '',	
		'btextcolor' => '',
		'stextcolor' => '',	
	), $atts));	
	$btextcolor1 = (!empty($btextcolor) ? 'style="color:'.esc_attr($btextcolor).';"' : '');
	$stextcolor1 = (!empty($stextcolor) ? 'style="color:'.esc_attr($stextcolor).';"' : '');
	ob_start(); 
?>	
	<!-- Element: OT Home Text Static -->
    <div class="center-y text-center">
    	<?php if ($title != '') { ?>
	        <div class="teaser-text" <?php echo $stextcolor1; ?> >
		        <?php echo wp_specialchars_decode($title) ?>	        
	        </div>
	        <div class="spacer-single"></div>
        <?php } ?>
        <?php if ($subtitle != '') { ?>
	        <h2 class="hero" <?php echo $btextcolor1; ?> ><?php echo wp_specialchars_decode($subtitle) ?></h2>
	        <div class="spacer-double"></div>
	        <div class="spacer-double"></div>
        <?php } ?>
    </div>
   
<?php
    return ob_get_clean();
}

// OT Home Parallax Image Landing
add_shortcode('home_landing', 'home_landing_func');
function home_landing_func($atts, $content = null){
	extract(shortcode_atts(array(
		'logo'	=>  '',		
		'title'	=>  '',
		'stitle'	=>  '',
		'btextcolor' => '',
		'stextcolor' => '',
		'linkbox'	=>  '',					
	), $atts));	
	$url = vc_build_link( $linkbox );
	$btextcolor1 = (!empty($btextcolor) ? 'style="color:'.esc_attr($btextcolor).';"' : '');
	$stextcolor1 = (!empty($stextcolor) ? 'style="color:'.esc_attr($stextcolor).';"' : '');
	ob_start(); 
?>	
	<!-- Element: OT Home Parallax Image Landing -->
	<?php if ( $logo != '' ) { ?>
		<div class="banner-logo text-center">
	        <?php echo wp_get_attachment_image( $logo, 'full', '', array( "class" => "img-responsive" ) ); ?>
	    </div>
	<?php } ?>
   
    <div class="<?php if ( $logo != '' ) { echo 'vertical-align'; } else { echo 'center-y'; } ?> text-center">
    	<?php if ( $logo != '' ) { ?>
			<div class="spacer-single"></div>
		<?php }else{ ?> 
			<div class="spacer-double"></div>
		<?php } ?>

    	<?php if( $title != '' ){ ?>
	        <h1 class="title" <?php echo $btextcolor1; ?>><?php echo wp_specialchars_decode($title) ?></h1>
	    <?php  }  ?> 
	    
	    <?php if( $stitle != '' ){ ?>
	    	<div class="small-border"></div>
	    <?php }else{ ?>   
	    	<div class="spacer-single"></div>
	    <?php } ?>

        <?php if($stitle != ''){ ?>        	
	        <span class="teaser" <?php echo $stextcolor1; ?>><?php echo wp_specialchars_decode($stitle) ?></span>
	        <div class="spacer-double"></div>
        <?php } ?>
        <?php if ( strlen( $linkbox ) > 0 && strlen( $url['url'] ) > 0 ) {
			echo '<a href="' . esc_attr( $url['url'] ) . '" class="btn-slider scroll-to" title="' . esc_attr( $url['title'] ) . '" target="' . ( strlen( $url['target'] ) > 0 ? esc_attr( $url['target'] ) : '_self' ) . '">' . esc_attr( $url['title'] ) . '</a>';
		} ?>        
    </div>
    
<?php
    return ob_get_clean();
}

// OT Home Parallax Multi-Purpose
add_shortcode('home_multipurpose', 'home_multipurpose_func');
function home_multipurpose_func($atts, $content = null){
	extract(shortcode_atts(array(		
		'title'	=>  '',
		'stitle'	=>  '',
		'btextcolor' => '',
		'stextcolor' => '',
		'linkbox'	=>  '',	
		'title_extraclass'	=>  '',	
		'subtitle_extraclass'	=>  '',
		'btn_extraclass'	=>  '',		
	), $atts));	
	$url = vc_build_link( $linkbox );
	$title_extraclass = (!empty($title_extraclass) ? esc_attr($title_extraclass) : 'title s1' );
	$subtitle_extraclass = (!empty($subtitle_extraclass) ? esc_attr($subtitle_extraclass) : 'teaser-text-2' );
	$btn_extraclass = (!empty($btn_extraclass) ? esc_attr($btn_extraclass) : 'btn-line' );
	$btextcolor1 = (!empty($btextcolor) ? 'style="color:'.esc_attr($btextcolor).';"' : '');
	$stextcolor1 = (!empty($stextcolor) ? 'style="color:'.esc_attr($stextcolor).';"' : '');
	ob_start(); 
?>	
	<!-- Element: OT Home Parallax Multi-Purpose -->
	<div class="center-y text-center">
        <div class="spacer-double"></div>
        <?php if($title != ''){ ?>
	        <h1 class="<?php echo esc_attr($title_extraclass); ?>" <?php echo $btextcolor1; ?> ><?php echo wp_specialchars_decode($title) ?></h1>
	    <?php  }  ?>         
		<div class="spacer-half"></div>	

		<?php if($stitle != ''){ ?>        	
	        <span class="<?php echo esc_attr($subtitle_extraclass); ?>" <?php echo $stextcolor1; ?>><?php echo wp_specialchars_decode($stitle) ?></span>
	        <div class="spacer-double"></div>
        <?php } ?>	

        <?php if ( strlen( $linkbox ) > 0 && strlen( $url['url'] ) > 0 ) {
			echo '<a href="' . esc_attr( $url['url'] ) . '" class="' . $btn_extraclass . ' scroll-to" title="' . esc_attr( $url['title'] ) . '" target="' . ( strlen( $url['target'] ) > 0 ? esc_attr( $url['target'] ) : '_self' ) . '">' . esc_attr( $url['title'] ) . '</a>';
		} ?> 		

        <div class="spacer-single"></div>
		<div class="spacer-double"></div>
    </div>
    
<?php
    return ob_get_clean();
}

// OT Home Landing Product
add_shortcode('home_landing_product', 'home_landing_product_func');
function home_landing_product_func($atts, $content = null){
	extract(shortcode_atts(array(
		'logo'	=>  '',		
		'title'	=>  '',
		'stitle'	=>  '',
		'btextcolor' => '',
		'stextcolor' => '',
		'linkbox'	=>  '',					
	), $atts));	
	$url = vc_build_link( $linkbox );
	$btextcolor1 = (!empty($btextcolor) ? 'style="color:'.esc_attr($btextcolor).';"' : '');
	$stextcolor1 = (!empty($stextcolor) ? 'style="color:'.esc_attr($stextcolor).';"' : '');
	ob_start(); 
?>	
	<!-- Element: OT Home Landing Product -->
	<?php if ( $logo != '' ) { ?>
		<div class="banner-logo text-center">
	        <?php echo wp_get_attachment_image( $logo, 'full', '', array( "class" => "img-responsive" ) ); ?>
	    </div>
	<?php } ?>
   
    <div class="<?php if ( $logo != '' ) { echo 'vertical-align'; } else { echo 'center-y'; } ?> text-center">

		<?php if ( $stitle != '' ) { ?>        	
	        <span class="teaser" <?php echo $stextcolor1; ?> ><?php echo wp_specialchars_decode($stitle) ?></span>
	        <div class="spacer-half"></div>
        <?php } ?>

    	<?php if ( $title != '' ) { ?>
	        <h1 class="title" <?php echo $btextcolor1; ?> ><?php echo wp_specialchars_decode($title) ?></h1>
	        <div class="small-border"></div>
	    <?php  }  ?> 

        <?php if ( strlen( $linkbox ) > 0 && strlen( $url['url'] ) > 0 ) {
        	echo '<div class="spacer-double"></div>';
			echo '<a href="' . esc_attr( $url['url'] ) . '" class="btn-slider scroll-to" title="' . esc_attr( $url['title'] ) . '" target="' . ( strlen( $url['target'] ) > 0 ? esc_attr( $url['target'] ) : '_self' ) . '">' . esc_attr( $url['title'] ) . '</a>';
		} ?>        
    </div>
    
<?php
    return ob_get_clean();
}

// OT Home Landing Page HTML5 Video
add_shortcode('video_landing', 'video_landing_func');
function video_landing_func($atts, $content = null){
	extract(shortcode_atts(array(
		'logo'	=>  '',
		'mp4'	=>  '',	
		'webm'	=>  '',
		'title'	=>  '',
		'stitle'	=>  '',
		'btextcolor' => '',
		'stextcolor' => '',
		'linkbox'	=>  '',		
		'bgvideo'	=>  '',	
		'video_overlay'   =>  'overlay',		
	), $atts));
	$url = vc_build_link( $linkbox );
	$btextcolor1 = (!empty($btextcolor) ? 'style="color:'.esc_attr($btextcolor).';"' : '');
	$stextcolor1 = (!empty($stextcolor) ? 'style="color:'.esc_attr($stextcolor).';"' : '');
	ob_start(); 
?>
	<!-- Element: OT Home Landing Page HTML5 Video -->
	<div class="full-height no-padding text-light" data-speed="5" data-type="background">
        <div class="de-video-container">
            <div class="de-video-content">
                <div class="text-center">
                	<?php if ( $logo != '' ) { ?>
						<?php echo wp_get_attachment_image( $logo, 'full', '', array( "class" => "img-responsive" ) ); ?>						
						<div class="spacer-double"></div>
						<div class="spacer-double"></div>
					<?php } ?>					
					
					<?php if ( $title != '' ) { ?>
						<h1 class="title" <?php echo $btextcolor1; ?> ><?php echo wp_specialchars_decode($title); ?></h1>
						<div class="small-border"></div>
					<?php } ?>	
					
					<?php if ( $stitle != '' ) { ?>
						<span class="teaser" <?php echo $stextcolor1; ?> ><?php echo wp_specialchars_decode($stitle); ?></span>
						<div class="spacer-double"></div>
                	<?php } ?>					
					
					<?php if ( strlen( $linkbox ) > 0 && strlen( $url['url'] ) > 0 ) {
						echo '<a href="' . esc_attr( $url['url'] ) . '" class="btn-slider scroll-to" title="' . esc_attr( $url['title'] ) . '" target="' . ( strlen( $url['target'] ) > 0 ? esc_attr( $url['target'] ) : '_self' ) . '">' . esc_attr( $url['title'] ) . '</a>';
					} ?> 					                    
                </div>
            </div>

            <?php if ($video_overlay == 'dotted') { ?>
            	<div class="de-video-overlay dotted"></div>
            <?php }elseif ($video_overlay == 'overlay') {?>
            	<div class="de-video-overlay"></div>
            <?php }else{} ?>

            <video autoplay="" loop="" muted="" poster="<?php echo esc_url( wp_get_attachment_image_url( $bgvideo, 'full' ) ); ?>" playsinline>
                <?php if($mp4 != ''){ ?> <source src="<?php echo esc_url($mp4); ?>" type="video/mp4"> <?php } ?>
				<?php if($webm != ''){ ?> <source src="<?php echo esc_url($webm); ?>" type="video/webm"> <?php } ?>
            </video>
        </div>
    </div>

<?php
    return ob_get_clean();
}

// OT Home Portfolio Minimal
add_shortcode('portfolio_minimal', 'portfolio_minimal_func');
function portfolio_minimal_func($atts, $content = null){
	extract(shortcode_atts(array(			
		'titles' => '',
		'textcolor' => '',
		'extraclass' => ''
	), $atts));

	$titles = (array) vc_param_group_parse_atts( $titles );
	$textcolor1 = (!empty($textcolor) ? 'style="color:'.esc_attr($textcolor).';"' : '');	
	ob_start(); ?>

	<!-- Element: OT Home Portfolio Minimal -->
	<div class="center-y">
        <div class="container">
            <div class="row">
                <div class="col-md-7">

					<div class="text-slider border-deco <?php echo esc_attr($extraclass); ?>">
						<?php 
							foreach ( $titles as $data ) {
								$data['title'] = isset( $data['title'] ) ? $data['title'] : '';
								$data['stitle'] = isset( $data['stitle'] ) ? $data['stitle'] : '';
						?>					   
							<div class="text-item">
								<?php if($data['stitle'] != ''){ ?><h3><span class="id-color"><?php echo wp_specialchars_decode($data['stitle']); ?></span></h3><?php } ?>
								<?php if($data['title'] != ''){ ?><h2 class="style-4" <?php echo $textcolor1; ?> ><?php echo wp_specialchars_decode($data['title']); ?><span class="id-color">.</span></h2><?php } ?>
							</div>  
						<?php } ?>
                    </div>
					<div class="spacer-double"></div>
                </div>
            </div>
        </div>
    </div>

<?php
    return ob_get_clean();
}

// OT Text Slider Box
add_shortcode('text_slider_box', 'text_slider_box_func');
function text_slider_box_func($atts, $content = null){
	extract(shortcode_atts(array(			
		'titles' => '',
		'logo'	=> 	'',
		'textcolor' => '',
		'extraclass' => ''		
	), $atts));
	$textcolor1 = (!empty($textcolor) ? 'style="color:'.esc_attr($textcolor).';"' : '');	
	$titles = (array) vc_param_group_parse_atts( $titles );
	ob_start(); ?>

	<!-- Element: OT Text Slider Box -->
	<?php if ( $logo != '' ) { ?>
		<!-- logo begin -->
		<div id="logo">
			<a href="<?php echo esc_url( home_url('/') ); ?>">
				<?php echo wp_get_attachment_image( $logo, 'full', '', array( "class" => "img-responsive" ) ); ?>
			</a>
		</div>
		<!-- logo close -->
		<div class="spacer-double"></div>
	<?php } ?>

	<div class="text-slider border-deco <?php echo esc_attr($extraclass); ?>">
		<?php 
			foreach ( $titles as $data ) {
				$data['title'] = isset( $data['title'] ) ? $data['title'] : '';
		?>					   
			<div class="text-item">				
				<?php if ( $data['title'] != '' ) { ?><h2 class="style-3" <?php echo $textcolor1; ?> ><?php echo wp_specialchars_decode($data['title']); ?><span class="id-color">.</span></h2><?php } ?>
			</div>  
		<?php } ?>
    </div>       

<?php
    return ob_get_clean();
}

// OT Before After Box
add_shortcode('ot_before_after', 'ot_before_after_func');
function ot_before_after_func($atts, $content = null){
	extract(shortcode_atts(array(			
		'titles' => '',
		'bgcolor' => '',
		'animate' => 'none',
		'space'	=> '',	
		'before_label'	=> '',	
		'after_label'	=> '',	
		'imgbefore_visible' => 'none',
		'extraclass' => '',
	), $atts));
	$bgcolor = (!empty($bgcolor) ? esc_attr($bgcolor) : 'rgba(20,20,20,.9)');
	$space = (!empty($space) ? esc_attr($space) : '60px');
	$titles = (array) vc_param_group_parse_atts( $titles );	

	$before_label1 = (!empty($before_label) ? esc_attr($before_label) : 'Before');
	$after_label1 = (!empty($after_label) ? esc_attr($after_label) : 'After');
	$imgbefore_visible1 = '';
	if($imgbefore_visible != 'none'){ 
		$imgbefore_visible1 = $imgbefore_visible;
	} else {
		$imgbefore_visible1 = '0.7';
	}

	ob_start(); ?>

	<!-- Element: OT Before After Box -->
	<?php 		
		foreach ( $titles as $data ) {
			$data['title'] = isset( $data['title'] ) ? $data['title'] : '';
			$data['desc'] = isset( $data['desc'] ) ? $data['desc'] : '';
			$data['btntext'] = isset( $data['btntext'] ) ? $data['btntext'] : '';
			$data['btnlink'] = isset( $data['btnlink'] ) ? $data['btnlink'] : '';
			$data['beforeimg'] = isset( $data['beforeimg'] ) ? $data['beforeimg'] : '';
			$data['afterimg'] = isset( $data['afterimg'] ) ? $data['afterimg'] : '';
			$data['layoutstyle'] = isset( $data['layoutstyle'] ) ? $data['layoutstyle'] : 'imgleft';
			$img_before = wp_get_attachment_image( $data['beforeimg'], $size = 'full', '', array('class' => 'img-responsive') );
			$img_after = wp_get_attachment_image( $data['afterimg'], $size = 'full', '', array('class' => 'img-responsive') );
	?>	
		<div class="row display-table <?php if($animate != 'none'){ echo 'wow ' . $animate; } ?> <?php echo esc_attr($extraclass); ?>" style="margin-bottom: 60px;">
			<?php if ($data['layoutstyle'] == 'imgright') { ?>
				<div class="col-md-6 text-middle" data-bgcolor="<?php echo esc_attr($bgcolor); ?>">
					<div class="padding50">
						<?php if($data['title'] != ''){ ?><h3><span class="id-color"><?php echo esc_attr($data['title']); ?></span></h3><?php } ?>
						<?php if($data['desc'] != ''){ ?><p><?php echo esc_attr($data['desc']); ?></p><?php } ?>
						<?php if($data['btnlink'] != ''){ ?><a href="<?php echo esc_url($data['btnlink']); ?>" class="btn-line"><?php echo esc_attr($data['btntext']); ?></a><?php } ?>
					</div>
				</div>

				<div class="col-md-6 text-middle">
					<div class="twentytwenty-container" data-bsize="<?php echo esc_attr($imgbefore_visible1); ?>" data-before="<?php echo esc_attr($before_label1); ?>" data-after="<?php echo esc_attr($after_label1); ?>">
					  <?php echo wp_specialchars_decode( $img_before ); ?>							  
					  <?php echo wp_specialchars_decode( $img_after ); ?>
					</div>
				</div>
			<?php }else{ ?>
				<div class="col-md-6 text-middle">
					<div class="twentytwenty-container" data-bsize="<?php echo esc_attr($imgbefore_visible1); ?>" data-before="<?php echo esc_attr($before_label1); ?>" data-after="<?php echo esc_attr($after_label1); ?>">
					  <?php echo wp_specialchars_decode( $img_before ); ?>							  
					  <?php echo wp_specialchars_decode( $img_after ); ?>
					</div>
				</div>
				<div class="col-md-6 text-middle" data-bgcolor="<?php echo esc_attr($bgcolor); ?>">
					<div class="padding50">
						<?php if($data['title'] != ''){ ?><h3><span class="id-color"><?php echo esc_attr($data['title']); ?></span></h3><?php } ?>
						<?php if($data['desc'] != ''){ ?><p><?php echo esc_attr($data['desc']); ?></p><?php } ?>
						<?php if($data['btnlink'] != ''){ ?><a href="<?php echo esc_url($data['btnlink']); ?>" class="btn-line"><?php echo esc_attr($data['btntext']); ?></a><?php } ?>
					</div>
				</div>				
			<?php } ?>
		</div>		
	<?php } ?> 	
    
<?php
    return ob_get_clean();
}

// OT Before After Slider
add_shortcode('ot_before_after_slider', 'ot_before_after_slider_func');
function ot_before_after_slider_func($atts, $content = null){
	extract(shortcode_atts(array(			
		'titles' => '',		
		'before_label'	=> '',	
		'after_label'	=> '',	
		'next_text'	=> '',	
		'prev_text'	=> '',
		'imgbefore_visible' => 'none',
		'extraclass' => '',
	), $atts));
	
	$titles = (array) vc_param_group_parse_atts( $titles );

	$before_label1 = (!empty($before_label) ? esc_attr($before_label) : 'Before');
	$after_label1 = (!empty($after_label) ? esc_attr($after_label) : 'After');

	$next_text1 = (!empty($next_text) ? esc_attr($next_text) : 'next');
	$prev_text1 = (!empty($prev_text) ? esc_attr($prev_text) : 'prev');

	$imgbefore_visible1 = '';
	if($imgbefore_visible != 'none'){ 
		$imgbefore_visible1 = $imgbefore_visible;
	} else {
		$imgbefore_visible1 = '0.7';
	}

	ob_start(); ?>

	<!-- Element: OT Before After Box -->
	<div class="owl-carousel carousel-single-navi before-after-slider img-rounded <?php echo esc_attr($extraclass); ?>" data-next="<?php echo esc_attr($next_text1); ?>" data-prev="<?php echo esc_attr($prev_text1); ?>">
		<?php 		
			foreach ( $titles as $data ) {			
				$data['beforeimg'] = isset( $data['beforeimg'] ) ? $data['beforeimg'] : '';
				$data['afterimg'] = isset( $data['afterimg'] ) ? $data['afterimg'] : '';			
				$img_before = wp_get_attachment_image( $data['beforeimg'], $size = 'full', '', array('class' => 'img-responsive  img-rounded') );
				$img_after = wp_get_attachment_image( $data['afterimg'], $size = 'full', '', array('class' => 'img-responsive  img-rounded') );	
		?>	
			<div class="twentytwenty-container shadow-soft" data-bsize="<?php echo esc_attr($imgbefore_visible1); ?>" data-before="<?php echo esc_attr($before_label1); ?>" data-after="<?php echo esc_attr($after_label1); ?>">
				<?php echo wp_specialchars_decode( $img_before ); ?>							  
				<?php echo wp_specialchars_decode( $img_after ); ?>
			</div>					
		<?php } ?> 
	</div>  
<?php
    return ob_get_clean();
}

/*OT Home Moving Background - New added 23/9/2016*/
add_shortcode('movingbg', 'movingbg_func');
function movingbg_func($atts, $content = null){
	extract(shortcode_atts(array(
		'titles' => '',		
		'stitle'	=>  '',
		'bgmoving'	=> 	'',
		'linkbox'	=>	'',
		'time'	    => 	'',		
		'btextcolor' => '',
		'stextcolor' => '',
	), $atts));
	
	$url = vc_build_link( $linkbox );
	$time1 = (!empty($time)) ? $time : 10;
	$titles = (array) vc_param_group_parse_atts( $titles );
	$btextcolor1 = (!empty($btextcolor) ? 'style="color:'.esc_attr($btextcolor).';"' : '');
	$stextcolor1 = (!empty($stextcolor) ? 'style="color:'.esc_attr($stextcolor).';"' : '');

	ob_start(); ?>
	<!-- Element: OT Home Moving Background -->
	<div class="de-video-container full-height no-padding">
		<div class="de-video-content">
			<div class="text-center">

		    	<?php if( $stitle != '' ) { ?>
			        <div class="teaser-text" <?php echo $stextcolor1; ?> >
			            <?php echo wp_specialchars_decode($stitle) ?>
			        </div>
			        <div class="spacer-single"></div>
		        <?php } ?>	

		        <div class="text-slider <?php if ( $stitle != '' ) { echo'style-2'; } ?> border-deco">
		            <?php 
						foreach ( $titles as $data ) {
							$data['title'] = isset( $data['title'] ) ? $data['title'] : '';
					?>					 
						<div class="text-item" <?php echo $btextcolor1; ?> ><?php echo wp_specialchars_decode($data['title']); ?></div>    
					<?php } ?>
		        </div>

		        <?php if ( $stitle != '' ) { ?>
		        	<div class="spacer-single"></div>
		        <?php } else { ?>
					<div class="spacer-double"></div>
		        <?php } ?>

		        <?php if ( strlen( $linkbox ) > 0 && strlen( $url['url'] ) > 0 ) {
					echo '<a class="btn-slider" href="' . esc_attr( $url['url'] ) . '" title="' . esc_attr( $url['title'] ) . '" target="' . ( strlen( $url['target'] ) > 0 ? esc_attr( $url['target'] ) : '_self' ) . '" >' . esc_attr( $url['title'] ) . '</a>';
				} ?>		        
		    </div>	
		</div>			
		<div class="moving-home" data-time="<?php echo $time1; ?>" style="background-image: url('<?php echo esc_url( wp_get_attachment_image_url( $bgmoving, 'full' ) ); ?>');"></div>				
	</div>
			
<?php
    return ob_get_clean();
}

/*OT Home Youtube Video - New added 23/9/2016*/
add_shortcode('home_youtubevideo', 'home_youtubevideo_func');
function home_youtubevideo_func($atts, $content = null){
	extract(shortcode_atts(array(
		'titles' 			=>  '',				
		'stitle'			=>  '',
		'video_link'		=> 	'',
		'linkbox'			=>	'',	
		'video_overlay'   	=>  'overlay',	
		'bgvideo'	        => 	'',	
		'btextcolor' 		=>  '',
		'stextcolor' 		=>  '',
		'autoplay' 			=>  'true',
		'muted' 			=>  'false',
		'video_loop' 		=>  'true',
		'play_mobile' 		=>  'true',
	), $atts));
	$titles = (array) vc_param_group_parse_atts( $titles );
	$url = vc_build_link( $linkbox );
	$btextcolor1 = (!empty($btextcolor) ? 'style="color:'.esc_attr($btextcolor).';"' : '');
	$stextcolor1 = (!empty($stextcolor) ? 'style="color:'.esc_attr($stextcolor).';"' : '');
	ob_start(); ?>

	<!-- youtube video background begin -->
    <div id="section-video-bg" class="full-height no-padding" data-speed="5" data-type="background">
        <div class="de-video-container">
            <div class="de-video-content">
                <div class="text-center">

                	<?php if ( $stitle != '' ) { ?>
				        <div class="teaser-text" <?php echo $stextcolor1; ?> >
				            <?php echo wp_specialchars_decode($stitle) ?>
				        </div>
				        <div class="spacer-single"></div>
			        <?php } else {
			        	echo '<div class="spacer-double"></div>';
			        } ?>

					<div class="text-slider style-2 border-deco">
						<?php 
							foreach ( $titles as $data ) {
								$data['title'] = isset( $data['title'] ) ? $data['title'] : '';
						?>					 
							<div class="text-item" <?php echo $btextcolor1; ?> ><?php echo wp_specialchars_decode($data['title']); ?></div>    
						<?php } ?>
					</div>

					<?php if ( $stitle != '' ) { ?>
				        <div class="spacer-single"></div>
			        <?php } else {
			        	echo '<div class="spacer-double"></div>';
			        } ?>

			        <?php if ( strlen( $linkbox ) > 0 && strlen( $url['url'] ) > 0 ) {
						echo '<a class="btn-slider border-op-20" href="' . esc_attr( $url['url'] ) . '" title="' . esc_attr( $url['title'] ) . '" target="' . ( strlen( $url['target'] ) > 0 ? esc_attr( $url['target'] ) : '_self' ) . '" >' . esc_attr( $url['title'] ) . '</a>';
					} ?>
                </div>
            </div>

            <?php if ( $video_overlay == 'dotted' ) { ?>
            	<div class="de-video-overlay dotted"></div>
            <?php } elseif ( $video_overlay == 'overlay' ) { ?>
            	<div class="de-video-overlay"></div>
            <?php } else {} ?>            
			
			<!-- Video Background - Here you need to replace the videoURL with your youtube video URL -->
			<div id="bgndVideo" class="player" data-property="{videoURL:'<?php echo esc_attr( $video_link ); ?>',containment:'#section-video-bg',autoPlay:<?php echo esc_attr( $autoplay ); ?>, mute:<?php echo esc_attr( $muted ); ?>, startAt:0, opacity:1, loop:<?php echo esc_attr( $video_loop ); ?>, useOnMobile: <?php echo esc_attr( $play_mobile ); ?>, mobileFallbackImage: '<?php echo esc_url( wp_get_attachment_image_url( $bgvideo, 'full' ) ); ?>', coverImage: '<?php echo esc_url( wp_get_attachment_image_url( $bgvideo, 'full' ) ); ?>',}"><?php esc_attr_e('youtube', 'archi'); ?></div>
        </div>
    </div>
    <!-- youtube video background close -->	
<?php
    return ob_get_clean();
}

/*OT Home Let it snow*/
add_shortcode('home_letitsnow', 'home_letitsnow_func');
function home_letitsnow_func($atts, $content = null){
	extract(shortcode_atts(array(	
		'title'     => '',
		'stitle'	=>  '',
		'btextcolor' => '',
		'stextcolor' => '',
		'linkbox'	=>  '',
		'logo'	=>  '',		
	), $atts));		
	$url = vc_build_link( $linkbox );
	$btextcolor1 = (!empty($btextcolor) ? 'style="color:'.esc_attr($btextcolor).';"' : '');
	$stextcolor1 = (!empty($stextcolor) ? 'style="color:'.esc_attr($stextcolor).';"' : '');
	ob_start(); 
?>		
	<!-- Element: OT Home Let it snow -->
	<?php if ( $logo != '' ) { ?>
	<div class="<?php if ( $logo != '' ) { echo 'vertical-align'; } else { echo 'center-y'; } ?> text-center">		
		<div class="banner-logo text-center sm-hide">
		    <?php echo wp_get_attachment_image( $logo, 'full', '', array( "class" => "img-responsive" ) ); ?>
		</div>
	<?php } ?>

		<div class="<?php if ( $logo != '' ) { echo 'vertical-align'; } else { echo 'center-y'; } ?> text-center">
			<?php if ( $title != '' ) { ?>
			    <div class="spacer-single"></div>
			    <h1 class="title-3" <?php echo $btextcolor1; ?> ><strong><?php echo wp_specialchars_decode($title) ?></strong></h1>
			    <div class="small-border"></div>
		    <?php } ?>
		    <?php if ( $stitle != '' ) { ?>
			    <span class="teaser" <?php echo $stextcolor1; ?> ><?php echo wp_specialchars_decode($stitle) ?></span>
			    <div class="spacer-double"></div>
		    <?php } ?>
		    <?php if ( strlen( $linkbox ) > 0 && strlen( $url['url'] ) > 0 ) {
				echo '<a href="' . esc_attr( $url['url'] ) . '" title="' . esc_attr( $url['title'] ) . '" target="' . ( strlen( $url['target'] ) > 0 ? esc_attr( $url['target'] ) : '_self' ) . '" class="btn-slider scroll-to">' . esc_attr( $url['title'] ) . '</a>';
			} ?>
		</div>

	<?php if ( $logo != '' ) { ?>	
		<div class="spacer-double"></div>
	</div>
	<?php } ?>
   
<?php
    return ob_get_clean();
}

/*OT Home Profession*/
add_shortcode('home_profession', 'home_profession_func');
function home_profession_func($atts, $content = null){
	extract(shortcode_atts(array(	
		'title'     => '',
		'stitle'	=>  '',
		'btextcolor' => '',
		'stextcolor' => '',
		'linkbox'	=>  '',
		'extraclass'	=>  '',
	), $atts));		
	$url = vc_build_link( $linkbox );
	$extraclass1 = (!empty($extraclass) ? esc_attr($extraclass) : 'btn-slider' );
	$btextcolor1 = (!empty($btextcolor) ? 'style="color:'.esc_attr($btextcolor).';"' : '');
	$stextcolor1 = (!empty($stextcolor) ? 'style="color:'.esc_attr($stextcolor).';"' : '');
	ob_start(); 
?>	
	<!-- Element: OT Home Profession -->
	<div class="center-y">		
		<?php if($title != ''){ ?>
		    <h2 class="style-3" <?php echo $btextcolor1; ?> ><?php echo wp_specialchars_decode($title) ?></h2>					    
	    <?php } ?>
	    <?php if($stitle != ''){ ?>
		    <div class="teaser-text-2" <?php echo $stextcolor1; ?> ><?php echo wp_specialchars_decode($stitle) ?></div>	
		    <div class="spacer-double"></div>				    
	    <?php } ?>
	    <?php if ( strlen( $linkbox ) > 0 && strlen( $url['url'] ) > 0 ) {
			echo '<a href="' . esc_attr( $url['url'] ) . '" title="' . esc_attr( $url['title'] ) . '" target="' . ( strlen( $url['target'] ) > 0 ? esc_attr( $url['target'] ) : '_self' ) . '" class="' . esc_attr( $extraclass1 ) . ' scroll-to">' . esc_attr( $url['title'] ) . '</a>';
		} ?>			
	</div>
   
<?php
    return ob_get_clean();
}

/*Buttons Download - Landing Page*/
add_shortcode('download_btn', 'download_btn_func');
function download_btn_func($atts, $content = null){
	extract(shortcode_atts(array(
		'icon_fontawesome' 	=> '',
		'linkbox' 	=> '',
		'css' 	=> '',
	), $atts));
	$url = vc_build_link( $linkbox );
	ob_start(); 
?>			
	<!-- Element: OT Buttons Download -->
	<div class="landing-download text-light text-center <?php echo vc_shortcode_custom_css_class( $css ); ?>">
        <i class="<?php echo esc_attr($icon_fontawesome); ?> large id-color"></i>
        <div class="spacer-single"></div>
        <?php if ( strlen( $linkbox ) > 0 && strlen( $url['url'] ) > 0 ) {
			echo '<a href="' . esc_attr( $url['url'] ) . '" class="btn-line" title="' . esc_attr( $url['title'] ) . '" target="' . ( strlen( $url['target'] ) > 0 ? esc_attr( $url['target'] ) : '_self' ) . '">' . esc_attr( $url['title'] ) . '</a>';
		} ?>        
    </div>
    
<?php 
	return ob_get_clean();
}

/*why choose us - Landing Page*/
add_shortcode('reasons', 'reasons_func');
function reasons_func($atts, $content = null){
	extract(shortcode_atts(array(
		'icon_fontawesome' 	=> '',
		'linkbox' 	=> '',
		'css' 	=> '',
		'number' 	=> '',
		'title' 	=> '',
		'desc' 	=> '',
		'reasons_type' => '',
		'box_style'  => '',
		'delay' => ''
	), $atts));
	$url = vc_build_link( $linkbox );
	$delay1 = (!empty($delay) ? esc_attr($delay) : '1' );
	ob_start(); 
?>			
	<!-- Element: OT why choose us -->
	<div class="box-number <?php echo vc_shortcode_custom_css_class( $css ); if ($box_style == 'box_square'){ echo 'square'; }elseif($box_style == 'box_none'){ echo 'box-none'; }else{ echo ''; } ?>">
        <span class="number bg-color wow rotateIn" data-wow-delay="<?php echo esc_attr($delay1); ?>s"> <?php if($reasons_type == 'icon_type'){ ?><i class="<?php echo esc_attr($icon_fontawesome); ?>"></i><?php }else{echo esc_attr($number); } ?></span>
        <div class="text">
            <h3>
	            <?php if ( strlen( $linkbox ) > 0 && strlen( $url['url'] ) > 0 ) {
					echo '<a href="' . esc_attr( $url['url'] ) . '" class="btn-line" title="' . esc_attr( $url['title'] ) . '" target="' . ( strlen( $url['target'] ) > 0 ? esc_attr( $url['target'] ) : '_self' ) . '">';
				} ?>  
					<span class="id-color"><?php echo esc_attr( $title ) ?></span>
				<?php if ( strlen( $linkbox ) > 0 && strlen( $url['url'] ) > 0 ) {
					echo '</a>';
				} ?> 
			</h3>
            <p><?php echo wp_specialchars_decode($desc); ?></p>
        </div>
    </div>
    
<?php 
	return ob_get_clean();
}

/*Video Tour - Landing Page*/
add_shortcode('video_tour', 'video_tour_func');
function video_tour_func($atts, $content = null){
	extract(shortcode_atts(array(
		'photo'		=> 	'',		
		'video_url' =>  '',
	), $atts));
	ob_start(); ?>
	<!-- Element: OT Video Tour -->
	<a class="popup-youtube" href="<?php echo esc_url($video_url); ?>">
        <?php if ( $photo != '' ) { echo wp_get_attachment_image( $photo, 'full', '', array( "class" => "img-responsive" ) ); } ?>
    </a>	

<?php
    return ob_get_clean();
}

/*Info Apps*/
add_shortcode('info_apps', 'info_apps_func');
function info_apps_func($atts, $content = null){
	extract(shortcode_atts(array(
		'title'		=> 	'',		
		'icon'		=>  '',
		'desc'	=>  '',
		'style' =>  'right',
		'animation_delay' => '',
		'css'   =>  '',
		'icon_color' => '',
		'icontype'  => '',
		'iconawesome' => '',
		'iconimage' => '',
	), $atts));	
	$icon_color1 = (!empty($icon_color) ? 'style="color:'.esc_attr($icon_color).'"' : '');
	$animation_delay1 = (!empty($animation_delay) ? 'data-wow-delay="' . $animation_delay . 's"' : '');
	$iconclass = '';
	if ($icontype == 'fontawesome') {
		$iconclass = 'fa fa-'.$iconawesome;
	}else{
		$iconclass = 'icon-'.$icon;
	}
	ob_start(); ?>		

	<!-- OT Info Apps -->
    <div class="<?php echo vc_shortcode_custom_css_class( $css ); ?> box-icon-simple <?php if($style == 'left'){echo 'left';}elseif($style == 'center'){echo 'center';}else{echo 'right';} ?>">                
        <?php if ( $icontype == 'iconimg' ) { ?>
	        <span class="icon-img <?php if ( !empty( $animation_delay ) ) { echo 'wow bounceIn'; } ?>" <?php echo esc_attr($animation_delay1); ?>>
	        	<?php if ( $iconimage != '' ) { echo wp_get_attachment_image( $iconimage, 'full', '', array( "class" => "img-responsive" ) ); } ?>
	        </span>
	    <?php } else { ?> 
	    	<i class="<?php echo esc_attr($iconclass); ?> <?php if(!empty($animation_delay)){ echo 'wow bounceIn'; } ?>" <?php echo esc_attr($animation_delay1); ?> <?php echo $icon_color1; ?>></i>
	    <?php } ?> 
        <div class="text">
            <h3><span class="id-color"><?php echo wp_specialchars_decode($title); ?></span></h3>
            <?php echo wp_specialchars_decode($desc); ?>
        </div>
    </div>    

<?php
    return ob_get_clean();
}

/*Info Apps 2*/
add_shortcode('info_apps2', 'info_apps2_func');
function info_apps2_func($atts, $content = null){
	extract(shortcode_atts(array(
		'title'		=> 	'',		
		'icon'		=>  '',
		'desc'	=>  '',
		'animation_delay' => '',
		'css'   =>  '',
		'icon_color' => '',
		'icontype'  => '',
		'iconawesome' => '',
		'iconimage' => '',
		'linkbox' => '',
		'border_box' => ''
	), $atts));	
	$icon_color1 = (!empty($icon_color) ? 'style="color:'.esc_attr($icon_color).'"' : '');
	$animation_delay1 = (!empty($animation_delay) ? 'data-wow-delay="' . $animation_delay . 's"' : '');
	$iconclass = '';
	if ($icontype == 'fontawesome') {
		$iconclass = 'fa fa-'.$iconawesome;
	}else{
		$iconclass = 'icon-'.$icon;
	}	
	$url = vc_build_link( $linkbox );
	ob_start(); ?>		
	<!-- OT Info Apps 2 -->
    <div class="<?php echo vc_shortcode_custom_css_class( $css ); ?> box-icon <?php if ( $border_box == 'yes' ) { echo 'border'; } ?>">
	    <?php if ( $icontype == 'iconimg' ) { ?>
	        <span class="icon-img <?php if ( !empty( $animation_delay ) ) { echo 'wow fadeIn'; } ?>" <?php echo esc_attr($animation_delay1); ?>>
	        	<?php if ( $iconimage != '' ) { echo wp_get_attachment_image( $iconimage, 'full', '', array( "class" => "img-responsive" ) ); } ?>
	        </span>
	    <?php } else { ?> 
	    	<span class="icon <?php if(!empty($animation_delay)){ echo 'wow fadeIn'; } ?>" <?php echo esc_attr($animation_delay1); ?>>
	        	<i class="id-color <?php echo esc_attr($iconclass); ?>" <?php echo $icon_color1; ?>></i>
	        </span>
	    <?php } ?>   
        <div class="text">
            <h3><?php echo wp_specialchars_decode($title); ?></h3>
            <p><?php echo wp_specialchars_decode($desc); ?></p>
            <?php if ( strlen( $linkbox ) > 0 && strlen( $url['url'] ) > 0 ) {
				echo '<a  class="strong id-color" href="' . esc_attr( $url['url'] ) . '" title="' . esc_attr( $url['title'] ) . '" target="' . ( strlen( $url['target'] ) > 0 ? esc_attr( $url['target'] ) : '_self' ) . '">' . esc_attr( $url['title'] ) . '</a>';
			} ?>
        </div>        
    </div>    

<?php
    return ob_get_clean();
}

/*Testimonial Silder*/
add_shortcode('testslide','testslide_func');
function testslide_func($atts, $content = null){
	extract(shortcode_atts(array(
		'visible'	=>		'',
		'number'	=>		'',
		'autoplay'	=>		'no',
		'autoheight'	=>		'no',
		'slidespeed' => '',
		'paginationspeed' => '',
		'rewindspeed' => '',
		'idcate_testimonials' => '',
	), $atts));
	$number1 = (!empty($number) ? $number : 4);
	$visible1 = (!empty($visible) ? $visible : 2);
	$slidespeed1 = (!empty($slidespeed) ? $slidespeed : 200);
	$paginationspeed1 = (!empty($paginationspeed) ? $paginationspeed : 800);
	$rewindspeed1 = (!empty($rewindspeed) ? $rewindspeed : 1000);	
	ob_start(); 
?>
	<!-- Element: OT Testimonial Silder -->	
	<div class="testimonial__carousel de_carousel wow fadeInUp" data-wow-delay=".3s" data-visible="<?php echo esc_attr($visible1); ?>" data-autoplay="<?php if($autoplay == 'yes'){echo 'true';}else{echo 'false';} ?>" data-autoheight="<?php if($autoheight == 'yes'){echo 'true';}else{echo 'false';} ?>" data-speed="<?php echo esc_attr($slidespeed1); ?>" data-navspeed="<?php echo esc_attr($paginationspeed1); ?>" data-rewinspeed="<?php echo esc_attr($rewindspeed1); ?>">
	<?php

		if ($idcate_testimonials != '') {
    		$args = array(
				'tax_query' => array(
					array(
						'taxonomy' => 'category_testimonial',
						'field' => 'slug',
						'terms' => explode(',',$idcate_testimonials)
					),
				),
				'post_type' => 'testimonial',
				'showposts' => $number1,
			);
    	}else{
        	$args = array(
				'post_type' => 'testimonial',
				'showposts' => $number1,
			);
        }
		$testimonial = new WP_Query($args);
		if($testimonial->have_posts()) : while($testimonial->have_posts()) : $testimonial->the_post();
		$job = get_post_meta(get_the_ID(),'_cmb_job_testi', true);
	?>
        <div class="col-md-12 item">
            <div class="de_testi">
                <blockquote>
                    <?php the_content(); ?>
                    <div class="de_testi_by <?php if ( !has_post_thumbnail() ) { echo 'no-margin'; } ?>">

                    	<?php if ( has_post_thumbnail() ) : ?>
							<div class="de_testi_pic">
								<?php the_post_thumbnail( 'thumbnail', array( 'class' => 'img-responsive' ) ); ?>
							</div>
						<?php endif; ?>

						<div <?php if ( has_post_thumbnail() ) { ?>class="de_testi_company" <?php } ?>>
                        	<?php the_title(); ?><?php if($job != '') { ?>, <?php echo wp_specialchars_decode($job); ?><?php } ?>
                        </div>

                    </div>
                </blockquote>
            </div>
        </div>
        <?php endwhile; wp_reset_postdata(); endif; ?>
    </div>

<?php
    return ob_get_clean();
}

/*Testimonial Grid*/
add_shortcode('testgrid','testgrid_func');
function testgrid_func($atts, $content = null){
	extract(shortcode_atts(array(
		'number'	=>		'',
		'testimonial_columns'   => 	4,
		'idcate_testimonials' => '',
	), $atts));
	$number1 = (!empty($number) ? $number : 4);
	ob_start(); 
?>
	<!-- Element: OT Testimonial Grid -->
	<div class="testimonial-masonry">
		<div class="<?php if ($testimonial_columns == 2) {echo 'col-md-6'; }elseif ($testimonial_columns == 3) { echo 'col-md-4'; }else{echo 'col-md-3';} ?> item-testi-grid-sizer"></div>
		<?php
			if ($idcate_testimonials != '') {
	    		$args = array(
					'tax_query' => array(
						array(
							'taxonomy' => 'category_testimonial',
							'field' => 'slug',
							'terms' => explode(',',$idcate_testimonials)
						),
					),
					'post_type' => 'testimonial',
					'showposts' => $number1,
				);
	    	}else{
	        	$args = array(
					'post_type' => 'testimonial',
					'showposts' => $number1,
				);
	        }
			$testimonial2 = new WP_Query($args);
			if($testimonial2->have_posts()) : while($testimonial2->have_posts()) : $testimonial2->the_post();
			$job = get_post_meta(get_the_ID(),'_cmb_job_testi', true);
		?>
			<div class="<?php if ($testimonial_columns == 2) {echo 'col-md-6'; }elseif ($testimonial_columns == 3) { echo 'col-md-4'; }else{echo 'col-md-3';} ?> item">
				<div class="de_testi">
					<blockquote>
						<?php the_content(); ?>
						<div class="de_testi_by">
							<?php if ( has_post_thumbnail() ) : ?>
								<div class="de_testi_pic">
									<?php the_post_thumbnail( 'thumbnail', array( 'class' => 'img-responsive' ) ); ?>
								</div>
							<?php endif; ?>
							<div class="de_testi_company">
								<strong><?php the_title(); ?></strong><?php if($job != '') { ?>, <?php echo wp_specialchars_decode($job); ?><?php } ?>
							</div>
						</div>
					</blockquote>					
				</div>
			</div>     
		<?php endwhile; wp_reset_postdata(); endif; ?>		
	</div>
<?php
    return ob_get_clean();
}

/*Testimonial Slider Group*/
add_shortcode('testi_group','testi_group_func');
function testi_group_func($atts, $content = null){
	extract(shortcode_atts(array(
		'titles'	=>		'',
		'autoplay'	=>		'no',
		'autoheight'	=>		'no',
		'slidespeed' => '',
		'paginationspeed' => '',
		'rewindspeed' => '',		
	), $atts));
	$titles = (array) vc_param_group_parse_atts( $titles );  
	$slidespeed1 = (!empty($slidespeed) ? $slidespeed : 200);
	$paginationspeed1 = (!empty($paginationspeed) ? $paginationspeed : 800);
	$rewindspeed1 = (!empty($rewindspeed) ? $rewindspeed : 1000);
	ob_start(); 
?>
	<!-- Element: OT Testimonial Slider Group -->	
	<div class="testimonial__carousel_group testimonial-new-slider text-center" data-autoplay="<?php if($autoplay == 'yes'){echo 'true';}else{echo 'false';} ?>" data-autoheight="<?php if($autoheight == 'yes'){echo 'true';}else{echo 'false';} ?>" data-speed="<?php echo esc_attr($slidespeed1); ?>" data-navspeed="<?php echo esc_attr($paginationspeed1); ?>" data-rewinspeed="<?php echo esc_attr($rewindspeed1); ?>">
		<?php 
			foreach ( $titles as $data ) {
	            $data['name'] = isset( $data['name'] ) ? $data['name'] : '';
	            $data['review'] = isset( $data['review'] ) ? $data['review'] : '';
		?>
			<blockquote class="s1">
				<span class="rating"><i class="fa fa-star"></i><i class="fa fa-star"></i><i class="fa fa-star"></i><i class="fa fa-star"></i><i class="fa fa-star"></i></span>
				<?php echo $data['review']; ?>
				<?php if($data['name'] != ''){ ?><span class="by"><?php echo $data['name']; ?></span><?php } ?>
			</blockquote>
		<?php } ?>
	</div>
<?php
    return ob_get_clean();
}

/*Services Grid*/
add_shortcode('services','services_func');
function services_func($atts, $content = null){
	extract(shortcode_atts(array(
		'number'	=>		'',
		'style'     =>		'imageabove',
		'services_columns'   => 	4,
		'button_style'     =>	'full',
		'btntext'  =>  '',
		'show_btn'  =>	'yes',
		'idcate_services' => '',		
	), $atts));
	$number1 = (!empty($number) ? $number : 4);
	$btntext = (!empty($btntext) ? $btntext : 'Read More');
	ob_start(); 
?>
<!-- Element: OT Services Grid -->
<div class="services-masonry service-grid row">
	<div class="<?php if ($services_columns == 2) {echo 'col-md-6'; }elseif ($services_columns == 3) { echo 'col-md-4'; }else{echo 'col-md-3';} ?> item-service-grid-sizer"></div>
	<?php
		if ($idcate_services != '') {
    		$args = array(
				'tax_query' => array(
					array(
						'taxonomy' => 'category_service',
						'field' => 'slug',
						'terms' => explode(',',$idcate_services)
					),
				),
				'post_type' => 'service',
				'showposts' => $number1,
			);
    	}else{
        	$args = array(
				'post_type' => 'service',
				'showposts' => $number1,
			);
        }
		$services = new WP_Query($args);
		if($services->have_posts()) : while($services->have_posts()) : $services->the_post(); 
	?>

	<div class="<?php if ($services_columns == 2) {echo 'col-md-6'; }elseif ($services_columns == 3) { echo 'col-md-4'; }else{echo 'col-md-3';} ?> item">
		
		<?php if($style == 'noimage'){ ?>
		
			<h3><a href="<?php the_permalink(); ?>"><?php the_title(); ?></a></h3>
			<div class="service-excerpt"><?php the_excerpt(); ?></div>
			<?php if ($show_btn != 'no') { ?>
				<div class="spacer-single-10"></div>								
				<a href="<?php the_permalink(); ?>" class="btn-line <?php if($button_style == 'full'){echo 'btn-fullwidth';} ?>"><?php echo esc_attr($btntext); ?></a>
			<?php } ?>

		<?php }elseif($style == 'imagebelow'){ ?>
			
			<h3><a href="<?php the_permalink(); ?>"><?php the_title(); ?></a></h3>
			<div class="service-excerpt"><?php the_excerpt(); ?></div>
			<?php if ( has_post_thumbnail() ) : ?>
				<div class="spacer-single-10"></div>
		        <a href="<?php the_permalink(); ?>"><?php the_post_thumbnail('full', array( 'class' => 'img-responsive' )); ?></a>
			<?php endif; ?>
			<?php if ($show_btn != 'no') { ?>
				<div class="spacer-single"></div>			
				<a href="<?php the_permalink(); ?>" class="btn-line <?php if($button_style == 'full'){echo 'btn-fullwidth';} ?>"><?php echo esc_attr($btntext); ?></a>		
			<?php } ?>

		<?php }else{ ?>			
				
			<?php if ( has_post_thumbnail() ) : ?>
		        <a href="<?php the_permalink(); ?>"><?php the_post_thumbnail('full', array( 'class' => 'img-responsive' )); ?></a>
		        <div class="spacer-single"></div>
			<?php endif; ?>   
			<h3><a href="<?php the_permalink(); ?>"><?php the_title(); ?></a></h3>
			<div class="service-excerpt"><?php the_excerpt(); ?></div>			
			<?php if ($show_btn != 'no') { ?>
				<div class="spacer-single-10"></div>								
				<a href="<?php the_permalink(); ?>" class="btn-line <?php if($button_style == 'full'){echo 'btn-fullwidth';} ?>"><?php echo esc_attr($btntext); ?></a>
			<?php } ?>

		<?php } ?>

	</div>

	<?php endwhile; wp_reset_postdata(); endif; ?>	
</div>	

<?php
    return ob_get_clean();
}	

/*Services Grid 2*/
add_shortcode('services2','services2_func');
function services2_func($atts, $content = null){
	extract(shortcode_atts(array(
		'number'	=>		'',
		'services_columns'  =>  3,
		'btntext' => '',
		'show_btn'  =>	'yes',
		'idcate_services' => '',
	), $atts));
	$number1 = (!empty($number) ? $number : 3);
	$btntext = (!empty($btntext) ? $btntext : 'Read More');
	ob_start(); 
?>
<!-- Element: OT Services Grid 2 -->
<div class="display-table text-light">
	<?php
		$i = 0;
		if ($idcate_services != '') {
    		$args = array(
				'tax_query' => array(
					array(
						'taxonomy' => 'category_service',
						'field' => 'slug',
						'terms' => explode(',',$idcate_services)
					),
				),
				'post_type' => 'service',
				'showposts' => $number1,
			);
    	}else{
        	$args = array(
				'post_type' => 'service',
				'showposts' => $number1,
			);
        }
		$services = new WP_Query($args);
		if($services->have_posts()) : while($services->have_posts()) : $services->the_post(); $i++;
	?>

		<div class="<?php if ($services_columns == 2) {echo 'box-two-columns'; }elseif ($services_columns == 3) { echo 'box-one-third'; }else{echo 'box-four-columns';} ?> text-middle wow fadeInRight" data-wow-delay="<?php echo esc_attr($i); ?>s" style="background-image: url(<?php echo esc_url(wp_get_attachment_url(get_post_thumbnail_id()));?>);">
            <div class="mask-overlay"></div>
            <div class="padding40 z-index-2">
                <h3><?php the_title(); ?></h3>
                <div class="service-excerpt"><?php the_excerpt(); ?></div>
                <?php if ($show_btn != 'no') { ?>
                	<a href="<?php the_permalink(); ?>" class="btn-line btn-fullwidth"><?php echo esc_attr($btntext); ?></a>
                <?php } ?>
            </div>
        </div>        
        
	<?php endwhile; wp_reset_postdata(); endif; ?>	
</div>	
<?php
    return ob_get_clean();
}		

/*Services Grid 3*/
add_shortcode('services3','services3_func');
function services3_func($atts, $content = null){
	extract(shortcode_atts(array(
		'number'	=>		'',
		'services_columns'  =>  3,
		'btntext' => '',
		'show_btn'  =>	'yes',
		'idcate_services' => '',
		'servicebox_animation' => ''
	), $atts));
	$number1 = (!empty($number) ? $number : 3);
	$btntext = (!empty($btntext) ? $btntext : 'Read More');
	ob_start(); 
?>
<!-- Element: OT Services Grid 3 -->
<div class="row text-light">
	<?php
		$i = 0;
		if ($idcate_services != '') {
    		$args = array(
				'tax_query' => array(
					array(
						'taxonomy' => 'category_service',
						'field' => 'slug',
						'terms' => explode(',',$idcate_services)
					),
				),
				'post_type' => 'service',
				'showposts' => $number1,
			);
    	}else{
        	$args = array(
				'post_type' => 'service',
				'showposts' => $number1,
			);
        }
		$services = new WP_Query($args);
		if($services->have_posts()) : while($services->have_posts()) : $services->the_post(); $i++;
	?>

		<div class="<?php if ($services_columns == 2) {echo 'col-md-6'; }elseif ($services_columns == 3) { echo 'col-md-4'; }else{echo 'col-md-3';} ?> text-middle <?php if($servicebox_animation == ''){ echo 'wow fadeInRight'; } ?>" data-wow-delay="<?php echo esc_attr($i); ?>s">
            <div class="shadow-soft" data-bgimage="url(<?php echo esc_url(wp_get_attachment_url(get_post_thumbnail_id()));?>)">
                <div class="padding50 overlay60">
                    <h3><?php the_title(); ?></h3>
                	<div class="service-excerpt"><?php the_excerpt(); ?></div>
                	<?php if ($show_btn != 'no') { ?>
                    	<a href="<?php the_permalink(); ?>" class="btn-line btn-fullwidth"><?php echo esc_attr($btntext); ?></a>
                    <?php } ?>
                </div>
            </div>
        </div>
		<?php if ($i == $services_columns){echo '<div class="spacer-single"></div>';} ?>
	<?php endwhile; wp_reset_postdata(); endif; ?>	
</div>	

<?php
    return ob_get_clean();
}	

/*Services List*/
add_shortcode('serviceslist','serviceslist_func');
function serviceslist_func($atts, $content = null){
	extract(shortcode_atts(array(
		'number'	=>		'',
		'btntext' => '',
		'show_btn'  =>	'yes',
		'idcate_services' => '',
	), $atts));
	$number1 = (!empty($number) ? $number : 4);
	$btntext = (!empty($btntext) ? $btntext : 'Read More');
	ob_start(); 
?>
	<!-- Element: OT Services List -->
	<?php
		$i = 0;
		if ($idcate_services != '') {
    		$args = array(
				'tax_query' => array(
					array(
						'taxonomy' => 'category_service',
						'field' => 'slug',
						'terms' => explode(',',$idcate_services)
					),
				),
				'post_type' => 'service',
				'showposts' => $number1,
			);
    	}else{
        	$args = array(
				'post_type' => 'service',
				'showposts' => $number1,
			);
        }
		$services = new WP_Query($args);
		if($services->have_posts()) : while($services->have_posts()) : $services->the_post(); $i++;
	?>

		
		<section class="side-bg no-padding service-list" id="section-service-<?php echo esc_attr($i); ?>">

			<?php if ($i % 2 == 0) { ?>
			
            <div class="image-container col-md-5 pull-left hidden-xs" data-delay="0">
                <div class="background-image" style="background-image:url('<?php the_post_thumbnail_url( 'full' ); ?>');"></div>
            </div>

            <!-- Added this code in 26/03/2019 -->
            <div class="visible-xs mb-30" data-delay="0">
            	<?php the_post_thumbnail( 'full', array( 'class' => 'img-responsive' ) ); ?>
            </div>
			
            <div class="container">
                <div class="row">
                    <div class="inner-padding">
                        <div data-wow-delay=".5s" class="col-md-6 col-md-offset-6 wow fadeInRight">
                            <h3 class="id-color"><?php the_title(); ?></h3>
                            <div class="service-excerpt"><?php the_excerpt(); ?></div>
                            <?php if ($show_btn != 'no') { ?>
								<div class="spacer-single"></div>
	                            <a class="btn-line" href="<?php the_permalink(); ?>"><?php echo esc_attr($btntext); ?></a>
							<?php } ?>
                        </div>
                        <div class="clearfix"></div>
                    </div>
                </div>
            </div>

            <?php }else{ ?>

            <div class="image-container col-md-5 col-md-offset-7 pull-right right0 hidden-xs" data-delay="0">
                <div class="background-image" style="background-image:url('<?php the_post_thumbnail_url( 'full' ); ?>');"></div>
            </div>

            <!-- Added this code in 26/03/2019 -->
            <div class="visible-xs mb-30" data-delay="0">
            	<?php the_post_thumbnail( 'full', array( 'class' => 'img-responsive' ) ); ?>
            </div>
			
            <div class="container">
                <div class="row">
                    <div class="inner-padding">
                        <div data-wow-delay=".5s" class="col-md-6 wow fadeInLeft">
                            <h3 class="id-color"><?php the_title(); ?></h3>
                            <div class="service-excerpt"><?php the_excerpt(); ?></div>
                            <?php if ($show_btn != 'no') { ?>
								<div class="spacer-single"></div>
	                            <a class="btn-line" href="<?php the_permalink(); ?>"><?php echo esc_attr($btntext); ?></a>
							<?php } ?>
                        </div>
                        <div class="clearfix"></div>
                    </div>
                </div>
            </div>
            <?php } ?>

        </section>            
	
	<?php endwhile; wp_reset_postdata(); endif; ?>	

<?php
    return ob_get_clean();
}		

/*Typing Text*/
add_shortcode('text_typing','text_typing_func');
function text_typing_func($atts, $content = null){
	extract(shortcode_atts(array(
		'text_static' 	=> '',
		'titles' 		=> '',
		'textcolor' 	=> '',
		'cursor_character' => '',
		'speed' 		=> '',
		'delay' 		=> '',
		'class'  		=> '',
	), $atts));	
	$titles = (array) vc_param_group_parse_atts( $titles );
	$typed_id = uniqid();
	$textcolor1 = (!empty($textcolor) ? 'style="color:'.esc_attr($textcolor).';"' : '');
	$cursor_character = (!empty($cursor_character) ? $cursor_character : '|');
	$speed = (!empty($speed) ? $speed : 100);
	$delay = (!empty($delay) ? $delay : 1500);
	ob_start(); 
?>
<!-- Element: OT Typing Text -->
<div class="typing-wrap <?php echo wp_specialchars_decode($class); ?>" <?php echo $textcolor1; ?> data-id="<?php echo $typed_id; ?>" data-cursorchar="<?php echo $cursor_character; ?>" data-speed="<?php echo $speed ?>" data-delay="<?php echo $delay ?>">
    <?php echo wp_specialchars_decode($text_static); ?>
	<div class="typed-strings">
		<?php 
			foreach ( $titles as $data ) {
				$data['title'] = isset( $data['title'] ) ? $data['title'] : '';
				$data['tptextcolor'] = isset($data['tptextcolor']) ? 'style="color:'.esc_attr($data['tptextcolor']).';"' : '';
		?>
			<p <?php echo $data['tptextcolor']; ?>><?php echo esc_attr($data['title']); ?></p>	
		<?php } ?>								
	</div>
    <span class="typed-<?php echo esc_attr($typed_id); ?>"></span>
</div>

<?php
    return ob_get_clean();
}		
			
/*OT Process*/
add_shortcode('process','process_func');
function process_func($atts, $content = null){
	extract(shortcode_atts(array(
		'number'	=>		'',
		'idcate_process' => '',
		'style_circles' => 'circles_text',
		'active_circletab' => '',
		'tabs_shape'  => '',
		'extra_class' => '',
		'time_delay' => '', 
		'process_animation' => 'yes',
	), $atts));

	$number1 = (!empty($number) ? $number : 4);
	$time_delay1 = (!empty($time_delay) ? $time_delay : 0.4);
	$active_circletab1 = ( !empty($active_circletab ) ? $active_circletab : 1);

	$process_class = '';
	$process_animation_cls = '';
	if ($style_circles == 'circles_textimage') {
	 	$process_class = 'process-circle-textimage';
	} elseif ($style_circles == 'circles_image') {
	 	$process_class = 'process-circle-image';
	} elseif ($style_circles == 'circles_icon') {
	 	$process_class = 'process-circle-icon';
	} elseif ($style_circles == 'circles_texticon') {
	 	$process_class = 'process-circle-texticon'; 	 	
	} else{
	 	$process_class = 'process-circle-textonly';
	}

	if ($process_animation == 'yes') {
		$process_animation_cls = ' wow fadeIn';
	}

	ob_start(); ?>

	<!-- Element: OT Process -->
    <div class="de_tab tab_steps tab_<?php echo esc_attr($number1); ?> <?php echo esc_attr($extra_class); ?> <?php if($tabs_shape == 'shape_square'){ echo 'tabs-square'; } ?>">
        <ul class="de_nav <?php echo esc_attr($process_class); ?>">
	        <?php
	        	$i=1;
	        	if ($idcate_process != '') {
	        		$args = array(
						'tax_query' => array(
							array(
								'taxonomy' => 'category_process',
								'field' => 'slug',
								'terms' => explode(',',$idcate_process)
							),
						),
						'post_type' => 'process',
						'showposts' => $number1,
					);
	        	}else{
		        	$args = array(
						'post_type' => 'process',
						'showposts' => $number1,
					);
		        }
				$process = new WP_Query($args);
				if( $process->have_posts() ) : while( $process->have_posts() ) : $process->the_post(); 
			?>
	            <li class="<?php if( $i == $active_circletab1 ){ echo 'active'; } echo $process_animation_cls; ?> " data-wow-delay="<?php echo esc_attr($i*$time_delay1); ?>s">
	            	<span class="content-mid">
	            		<div class="inner">		
	            			<?php if ($style_circles == 'circles_textimage') { ?>
							 	<?php if( function_exists( 'rwmb_meta' ) ) { ?>
					                <?php $images = rwmb_meta( '_cmb_process_icon', "type=image" ); ?>
					                <?php if($images != ''){ ?>              
					                    <?php  foreach ( $images as $image ) {  ?>
					                        <?php $img = $image['full_url']; ?>
					                        <img src="<?php echo esc_url($img); ?>" alt="<?php the_title(); ?>">
					                    <?php } ?>                
					                <?php } ?>
					            <?php } ?>
			            		<small><?php the_title(); ?></small>
							<?php } elseif ($style_circles == 'circles_image') { ?>
							 	<?php if( function_exists( 'rwmb_meta' ) ) { ?>
					                <?php $images = rwmb_meta( '_cmb_process_icon', "type=image" ); ?>
					                <?php if($images != ''){ ?>              
					                    <?php  foreach ( $images as $image ) {  ?>
					                        <?php $img = $image['full_url']; ?>
					                        <img src="<?php echo esc_url($img); ?>" alt="<?php the_title(); ?>">
					                    <?php } ?>                
					                <?php } ?>
					            <?php } ?>
							<?php } elseif ($style_circles == 'circles_icon') { ?>
								<?php if( function_exists( 'rwmb_meta' ) ) { ?>
							 		<i class="fa fa-<?php echo get_post_meta(get_the_ID(),'_cmb_process_fonticon', true); ?>" aria-hidden="true"></i>
							 	<?php } ?>
							<?php } elseif ($style_circles == 'circles_texticon') { ?>
								<?php if( function_exists( 'rwmb_meta' ) ) { ?>
							 		<i class="fa fa-<?php echo get_post_meta(get_the_ID(),'_cmb_process_fonticon', true); ?>" aria-hidden="true"></i>
							 	<?php } ?>
								<small><?php the_title(); ?></small>
							<?php } else{ 
		            			 the_title(); 
							} ?>
	            		</div>
	            	</span>		        
		            <div class="v-border"></div>
	            </li>
	            
	        <?php $i++; endwhile; wp_reset_postdata();  endif; ?>
        </ul>

        <div class="de_tab_content">
	        <?php
				if ($idcate_process != '') {
	        		$args = array(
						'tax_query' => array(
							array(
								'taxonomy' => 'category_process',
								'field' => 'slug',
								'terms' => explode(',',$idcate_process)
							),
						),
						'post_type' => 'process',
						'showposts' => $number1,
					);
	        	}else{
		        	$args = array(
						'post_type' => 'process',
						'showposts' => $number1,
					);
		        }
				$process = new WP_Query($args);
				if($process->have_posts()) : while($process->have_posts()) : $process->the_post();		
			?>
	            <div id="tab-<?php the_ID(); ?>" class="de_tab_content_inner">
	                <?php the_content(); ?>
	            </div>
	        <?php endwhile; wp_reset_postdata(); endif; ?>
        </div>
    </div>

<?php
    return ob_get_clean();
}

/*OT Process Links*/
add_shortcode('process_links','process_links_func');
function process_links_func($atts, $content = null){
	extract(shortcode_atts(array(
		'number'	=>		'',
		'idcate_process' => '',
		'style_circles' => 'circles_text',
		'tabs_shape'  => '',
		'extra_class' => '',
		'custom_links_target'		=>  '',
	), $atts));

	$number1 = (!empty($number) ? $number : 4);
	$custom_links_target = (!empty($custom_links_target) ? $custom_links_target : '_self' );
	$process_class = '';
	if ($style_circles == 'circles_textimage') {
	 	$process_class = 'process-circle-textimage';
	} elseif ($style_circles == 'circles_image') {
	 	$process_class = 'process-circle-image';
	} elseif ($style_circles == 'circles_icon') {
	 	$process_class = 'process-circle-icon';
	} elseif ($style_circles == 'circles_texticon') {
	 	$process_class = 'process-circle-texticon'; 	 	
	} else{
	 	$process_class = 'process-circle-textonly';
	}

	ob_start(); ?>

	<!-- Element: OT Process -->
    <div class="de_tab de_tab_links tab_steps tab_<?php echo esc_attr($number1); ?> <?php echo esc_attr($extra_class); ?> <?php if($tabs_shape == 'shape_square'){ echo 'tabs-square'; } ?>">
        <ul class="de_nav de_nav_links <?php echo esc_attr($process_class); ?>">
	        <?php
	        	$i=1;
	        	if ($idcate_process != '') {
	        		$args = array(
						'tax_query' => array(
							array(
								'taxonomy' => 'category_process',
								'field' => 'slug',
								'terms' => explode(',',$idcate_process)
							),
						),
						'post_type' => 'process',
						'showposts' => $number1,
					);
	        	}else{
		        	$args = array(
						'post_type' => 'process',
						'showposts' => $number1,
					);
		        }
				$process = new WP_Query($args);
				if($process->have_posts()) : while($process->have_posts()) : $process->the_post(); 
			?>
	            <li class="<?php if($i==$active_circletab1){echo 'active';} ?> wow fadeIn" data-wow-delay="<?php echo esc_attr($i*0.4); ?>s">
	            	<a href="<?php the_permalink(); ?>" target="<?php echo esc_attr($custom_links_target); ?>">
		            	<span class="content-mid">
		            		<div class="inner">		
		            			<?php if ($style_circles == 'circles_textimage') { ?>
								 	<?php if( function_exists( 'rwmb_meta' ) ) { ?>
						                <?php $images = rwmb_meta( '_cmb_process_icon', "type=image" ); ?>
						                <?php if($images != ''){ ?>              
						                    <?php  foreach ( $images as $image ) {  ?>
						                        <?php $img = $image['full_url']; ?>
						                        <img src="<?php echo esc_url($img); ?>" alt="<?php the_title(); ?>">
						                    <?php } ?>                
						                <?php } ?>
						            <?php } ?>
				            		<small><?php the_title(); ?></small>
								<?php } elseif ($style_circles == 'circles_image') { ?>
								 	<?php if( function_exists( 'rwmb_meta' ) ) { ?>
						                <?php $images = rwmb_meta( '_cmb_process_icon', "type=image" ); ?>
						                <?php if($images != ''){ ?>              
						                    <?php  foreach ( $images as $image ) {  ?>
						                        <?php $img = $image['full_url']; ?>
						                        <img src="<?php echo esc_url($img); ?>" alt="<?php the_title(); ?>">
						                    <?php } ?>                
						                <?php } ?>
						            <?php } ?>
								<?php } elseif ($style_circles == 'circles_icon') { ?>
									<?php if( function_exists( 'rwmb_meta' ) ) { ?>
								 		<i class="fa fa-<?php echo get_post_meta(get_the_ID(),'_cmb_process_fonticon', true); ?>" aria-hidden="true"></i>
								 	<?php } ?>
								<?php } elseif ($style_circles == 'circles_texticon') { ?>
									<?php if( function_exists( 'rwmb_meta' ) ) { ?>
								 		<i class="fa fa-<?php echo get_post_meta(get_the_ID(),'_cmb_process_fonticon', true); ?>" aria-hidden="true"></i>
								 	<?php } ?>
									<small><?php the_title(); ?></small>
								<?php } else{ 
			            			 the_title(); 
								} ?>
		            		</div>
		            	</span>		 
	            	</a>
	            </li>
	            
	        <?php $i++; endwhile; wp_reset_postdata();  endif; ?>
        </ul>
    </div>

<?php
    return ob_get_clean();
}

/*OT Simple Process*/
add_shortcode('simple_process','simple_process_func');
function simple_process_func($atts, $content = null){
	extract(shortcode_atts(array(
		'number'	  =>   '',
		'titles'      =>   '',
		'extra_class' => '',
	), $atts));

	$titles = (array) vc_param_group_parse_atts( $titles );
	$visible = (!empty($number) ? $number : 4);	

	ob_start(); ?>
	
	<!-- Element: OT Simple Process -->
	<div class="process-carousel-wrap <?php echo esc_attr($extra_class); ?>" data-visible="<?php echo esc_attr($visible); ?>">
		<div class="process-sync1 owl-carousel">
	    	<?php 
				foreach ( $titles as $data ) {
					$data['desc'] = isset( $data['desc'] ) ? $data['desc'] : '';
			?>
				<div class="item">				
					<p><?php echo esc_attr($data['desc']); ?></p>
				</div>
			<?php } ?>
		</div>
		<div class="process-sync2 owl-carousel">
			<?php 
				foreach ( $titles as $data ) {
					$data['title'] = isset( $data['title'] ) ? $data['title'] : '';				
			?>
				<div class="item">
					<div class="line"></div>
					<div class="line-ver"></div>
					<div class="point-item "></div>
					<p><?php echo esc_attr($data['title']); ?></p>	
				</div>
			<?php } ?>	
		</div>
	</div>

<?php
    return ob_get_clean();
}

/*Quick View (use)*/
add_shortcode('quickview', 'quickview_func');
function quickview_func($atts, $content = null){
	extract(shortcode_atts(array(				
		'title'		=>  '',
		'photo'		=> 	'',
		'columns'   =>  '',
		'img_position' => ''
	), $atts));
	$img_halfrow = array();	
	$content_halfrow = array();	
	$animated = '';
	
	if ($img_position == 'imgright') {
		$img_halfrow[] =  'pull-right right0';
		$animated = 'fadeInLeft';
		if($columns == 4){
			$img_halfrow[] = 'col-md-4 col-md-offset-8';
			$content_halfrow[] = 'col-md-8';
		}elseif ($columns == 5) {
			$img_halfrow[] = 'col-md-5 col-md-offset-7';
			$content_halfrow[] = 'col-md-6';
		}elseif ($columns == 7) {
			$img_halfrow[] = 'col-md-7 col-md-offset-5';
			$content_halfrow[] = 'col-md-4';
		}else {
			$img_halfrow[] = 'col-md-6 col-md-offset-6';
			$content_halfrow[] = 'col-md-5';
		}
	}else {		
		$img_halfrow[] =  'pull-left';
		$animated = 'fadeInRight';
		if($columns == 4){
			$img_halfrow[] = 'col-md-4';
			$content_halfrow[] = 'col-md-8 col-md-offset-4';
		}elseif ($columns == 5) {
			$img_halfrow[] = 'col-md-5';
			$content_halfrow[] = 'col-md-6 col-md-offset-6';
		}elseif ($columns == 7) {
			$img_halfrow[] = 'col-md-7';
			$content_halfrow[] = 'col-md-3 col-md-offset-9';
		}else {
			$img_halfrow[] = 'col-md-6';
			$content_halfrow[] = 'col-md-5 col-md-offset-7';
		}
	}

	ob_start(); ?>
	<!-- Element: OT Quick Office -->
	<div class="side-bg">

		<div class="image-container hidden-xs <?php echo implode( ' ', $img_halfrow ); ?>" style="background-image:url(<?php echo esc_url( wp_get_attachment_image_url( $photo, 'full' ) ); ?>); ?>" data-delay="0"></div>

		<!-- Added this code in 26/03/2019 -->
		<img class="visible-xs img-responsive" src="<?php echo esc_url( wp_get_attachment_image_url( $photo, 'full' ) ); ?>" />

        <div class="container">
            <div class="row">
                <div class="inner-padding">
                    <div class="<?php echo implode( ' ', $content_halfrow ); ?> wow <?php echo esc_attr($animated); ?>" data-wow-delay=".2s">
                        <h2><?php echo wp_specialchars_decode($title); ?></h2><br/>
                        <?php echo wp_specialchars_decode($content); ?>
                    </div>
                    <div class="clearfix"></div>
                </div>
            </div>
        </div>
	</div>

<?php
    return ob_get_clean();
}

/*Quick View 2 - Landing Page*/
add_shortcode('quickview2', 'quickview2_func');
function quickview2_func($atts, $content = null){
	extract(shortcode_atts(array(
		'title'		=>  '',
		'photo'		=> 	'',
		'columns'   =>  '',
		'img_position' => ''
	), $atts));
	$img_halfrow = array();	
	$content_halfrow = array();	
	$animated = '';
	$animated2 = '';
	
	if ($img_position == 'imgright') {
		$img_halfrow[] =  'pull-right right0';
		$animated = 'fadeInLeft';
		$animated2 = 'slideInRight';
		if($columns == 4){
			$img_halfrow[] = 'col-md-4 col-md-offset-8';
			$content_halfrow[] = 'col-md-8';
		}elseif ($columns == 5) {
			$img_halfrow[] = 'col-md-5 col-md-offset-7';
			$content_halfrow[] = 'col-md-6';
		}elseif ($columns == 7) {
			$img_halfrow[] = 'col-md-7 col-md-offset-5';
			$content_halfrow[] = 'col-md-4';
		}else {
			$img_halfrow[] = 'col-md-6 col-md-offset-6';
			$content_halfrow[] = 'col-md-5';
		}
	}else {		
		$img_halfrow[] =  'pull-left';
		$animated = 'fadeInRight';
		$animated2 = 'slideInLeft';
		if($columns == 4){
			$img_halfrow[] = 'col-md-4';
			$content_halfrow[] = 'col-md-8 col-md-offset-4';
		}elseif ($columns == 5) {
			$img_halfrow[] = 'col-md-5';
			$content_halfrow[] = 'col-md-6 col-md-offset-6';
		}elseif ($columns == 7) {
			$img_halfrow[] = 'col-md-7';
			$content_halfrow[] = 'col-md-3 col-md-offset-9';
		}else {
			$img_halfrow[] = 'col-md-6 col-sm-6';
			$content_halfrow[] = 'col-md-5 col-md-offset-7';
		}
	}

	ob_start(); ?>
	<!-- Element: OT Quick Office 2 -->
	<div class="side-bg">
		<div class="image-container <?php echo implode( ' ', $img_halfrow ); ?>" data-delay="0">
	        <img src="<?php echo esc_url( wp_get_attachment_image_url( $photo, 'full' ) ); ?>" class="img-responsive wow <?php echo esc_attr($animated2); ?>" data-wow-duration="1.5s">
	    </div>

	    <div class="container">
	        <div class="row">
	            <div class="inner-padding">
	                <div class="<?php echo implode( ' ', $content_halfrow ); ?> wow <?php echo esc_attr($animated); ?>" data-wow-delay=".25s">
	                    <h2><?php echo wp_specialchars_decode($title); ?></h2>
	                    <?php echo wp_specialchars_decode($content); ?>
	                </div>
	                <div class="clearfix"></div>
	            </div>
	        </div>
	    </div>	
	</div>
	
<?php
    return ob_get_clean();
}

/*Blog Slider Latest News*/
add_shortcode('latestblog','latestblog_func');
function latestblog_func($atts, $content = null){
	extract(shortcode_atts(array(
		'number'	=>	'',
		'excerpt'   =>	'',
		'read_more' =>  '',
		'btntext'   =>  '',
		'show_date' =>  '',
		'visible' 	=>  '',
		'autoplay'	=>		'no',		
		'slidespeed' => '',
		'paginationspeed' => '',
		'rewindspeed' => '',
		'idcate_post' => '',
	), $atts));

	$slidespeed1 = (!empty($slidespeed) ? $slidespeed : 200);
	$paginationspeed1 = (!empty($paginationspeed) ? $paginationspeed : 800);
	$rewindspeed1 = (!empty($rewindspeed) ? $rewindspeed : 1000);
	$visible1 = (!empty($visible) ? $visible : 2);
	$number1 = (!empty($number) ? $number : 6);	
	$excerpt1 = (!empty($excerpt) ? $excerpt : 19);
	$btntext1 = (!empty($btntext) ? $btntext : 'Read More');

	ob_start(); ?>	
	<!-- Element: OT Blog Slider -->
    <div class="clearfix"></div>			
    <ul class="blog-carousel blog-list blog-snippet wow fadeInUp" data-visible="<?php echo esc_attr($visible1); ?>" data-autoplay="<?php if($autoplay == 'yes'){echo 'true';}else{echo 'false';} ?>" data-speed="<?php echo esc_attr($slidespeed1); ?>" data-navspeed="<?php echo esc_attr($paginationspeed1); ?>" data-rewinspeed="<?php echo esc_attr($rewindspeed1); ?>">
    	<?php 
		    if ($idcate_post != '') {
				$args = array(   
			        'post_type' => 'post', 
			        'post_status' => 'publish',
			        'tax_query' => array(
						array(
							'taxonomy' => 'category',
							'field' => 'slug',
							'terms' => explode(',',$idcate_post),
						),
					),					        
			        'posts_per_page' => $number1,
			    ); 
			}else{
				$args = array(   
			        'post_type' => 'post',   
			        'posts_per_page' => $number1,
			    ); 
			}
		    $wp_query = new WP_Query($args);
		    while($wp_query->have_posts()) : $wp_query->the_post(); 
	    ?>
        <li class="col-md-6 item">
            <div class="post-content">
                <div class="post-image">
                    <?php $format = get_post_format();
                    	  $link_audio = get_post_meta(get_the_ID(),'_cmb_link_audio', true);
 						  $link_video = get_post_meta(get_the_ID(),'_cmb_link_video', true); ?>
                    <?php if($format=='audio'){ ?>
	                    <?php if ( has_post_thumbnail() ) { ?>
	                    	<a href="<?php the_permalink(); ?>" title="<?php the_title_attribute(); ?>">
								<?php the_post_thumbnail('thumb-blog') ?>
							</a>
						<?php }else{ ?>
	                      	<?php echo rwmb_meta( '_cmb_link_audio', 'type=oembed' ); ?>        
	        			<?php } ?>
                  	<?php } elseif($format=='video'){ ?>
	                  	<?php if ( has_post_thumbnail() ) { ?>
	                  		<a href="<?php the_permalink(); ?>" title="<?php the_title_attribute(); ?>">
								<?php the_post_thumbnail('thumb-blog') ?>
							</a> 
	                  	<?php }else{ ?>
	                        <?php echo rwmb_meta( '_cmb_link_video', 'type=oembed' ); ?>        
	       				<?php } ?>
                  	<?php } elseif($format=='gallery'){ ?>                  	
	                  	<?php if ( has_post_thumbnail() ) { ?>
	                  		<a href="<?php the_permalink(); ?>" title="<?php the_title_attribute(); ?>">
								<?php the_post_thumbnail('thumb-blog') ?>	
							</a>												
						<?php } ?>
                  	<?php } else { ?>
	                  	<?php if ( has_post_thumbnail() ) { ?>
	                  		<a href="<?php the_permalink(); ?>" title="<?php the_title_attribute(); ?>">
								<?php the_post_thumbnail('thumb-blog') ?>
							</a>
						<?php }else{ ?>
		                    <?php if( function_exists( 'rwmb_meta' ) ) { ?>
		                        <?php $images = rwmb_meta( '_cmb_image', "type=image_advanced&size=full" ); ?>
		                        <?php if($images){ ?>
		                        	<?php  foreach ( $images as $image ) {  ?>                        
				                        <a href="<?php the_permalink(); ?>" title="<?php the_title_attribute(); ?>">
				                            <?php echo "<img src='{$image['full_url']}' width='{$image['width']}' height='{$image['height']}' alt='{$image['alt']}' title='{$image['title']}' />"; ?>
				                        </a>
				                    <?php } ?> 
		                        <?php } ?>
		                  	<?php } ?>
                  		<?php } ?>
                  	<?php } ?>
                </div>
                <?php if(empty($show_date)){ ?>
	                <div class="date-box">
	                    <div class="day"><?php the_time('d'); ?></div>
	                    <div class="month"><?php the_time('M'); ?></div>
	                </div>
                <?php } ?>

                <div class="post-text <?php if(!empty($show_date)){ echo 'paddleft0'; } ?>">
                    <h3><a href="<?php the_permalink(); ?>"><?php the_title(); ?></a></h3>
                    <p><?php echo archi_blog_excerpt($excerpt1); ?></p>
                </div>

                <?php if(!empty($read_more)): ?>
                	<a href="<?php the_permalink(); ?>" class="btn-more"> 
                		<?php if ($btntext != ''){ echo esc_attr($btntext1); }else{ echo esc_html__('Read More', 'archi'); } ?>
                	</a>
                <?php endif; ?>
            </div>
        </li>
       <?php endwhile; wp_reset_postdata(); ?>
    </ul>
    
<?php
    return ob_get_clean();
}

/*Blog List Latest News*/
add_shortcode('bloglist','bloglist_func');
function bloglist_func($atts, $content = null){
	extract(shortcode_atts(array(
		'number'	=>	'',
		'excerpt'   =>	'',
		'read_more' =>  '',
		'btntext'   =>  '',
		'show_date' =>  '',
		'idcate_post' => '',
	), $atts));

	$number1 = (!empty($number) ? $number : 5);
	$excerpt1 = (!empty($excerpt) ? $excerpt : 30);
	$btntext1 = (!empty($btntext) ? $btntext : 'Read More');

	ob_start(); ?>	
	<!-- Element: OT Blog List -->
	<ul class="blog-list">  
		<?php 
			if ( get_query_var('paged') ) {
			    $paged = get_query_var('paged');
			} elseif ( get_query_var('page') ) { // 'page' is used instead of 'paged' on Static Front Page
			    $paged = get_query_var('page');
			} else {
			    $paged = 1;
			}
			if ($idcate_post != '') {
				$args = array(   
			    	'paged' => $paged,
			        'post_type' => 'post', 
			        'post_status' => 'publish',
			        'tax_query' => array(
						array(
							'taxonomy' => 'category',
							'field' => 'slug',
							'terms' => explode(',',$idcate_post),
						),
					),					        
			        'posts_per_page' => $number1,
			    ); 
			}else{
				$args = array(   
			    	'paged' => $paged,
			        'post_type' => 'post',   
			        'posts_per_page' => $number1,
			    ); 
			}

		    $the_query = new WP_Query($args);
		    while($the_query->have_posts()) : $the_query->the_post(); 
	    ?>                     
            <li class="wow fadeInUp">
	            <div class="post-content">
	                <div class="post-image">
	                    <?php 
							$format = get_post_format();
							$link_audio = get_post_meta(get_the_ID(),'_cmb_link_audio', true);
							$link_video = get_post_meta(get_the_ID(),'_cmb_link_video', true); 
	 					?>
	                    <?php if($format=='audio'){ ?>
	                    	<?php if($link_audio != ''){ ?>
				                <?php echo rwmb_meta( '_cmb_link_audio', 'type=oembed' ); // if you want get url: $url = get_post_meta( get_the_ID(), '_cmb_link_video', true ); echo $url; ?>        
				            <?php }else{ ?>
				                <?php if ( has_post_thumbnail() ) : ?>
								    <a href="<?php the_permalink(); ?>" title="<?php the_title_attribute(); ?>">
								        <?php the_post_thumbnail('full'); ?>
								    </a>
								<?php endif; ?>
				            <?php } ?>
	                  	<?php } elseif($format=='video'){ ?>
		                  	<?php if($link_video != ''){ ?>
				                <?php echo rwmb_meta( '_cmb_link_video', 'type=oembed' ); // if you want get url: $url = get_post_meta( get_the_ID(), '_cmb_link_video', true ); echo $url; ?>        
				            <?php }else{ ?>
				                <?php if ( has_post_thumbnail() ) : ?>
				                    <a href="<?php the_permalink(); ?>" title="<?php the_title_attribute(); ?>">
				                        <?php the_post_thumbnail('full'); ?>
				                    </a>
				                <?php endif; ?>
				            <?php } ?>
	                  	<?php } elseif($format=='gallery'){ ?>
	                  		<div class="slider-post owl-carousel">
					            <?php if( function_exists( 'rwmb_meta' ) ) { ?>
					              <?php $images = rwmb_meta( '_cmb_images', "type=image_advanced&size=full" ); ?>
					              <?php if($images){ ?>                  
					                <?php foreach ( $images as $image ) { ?>
					                  <div class="item"><?php echo "<img src='{$image['full_url']}' width='{$image['width']}' height='{$image['height']}' alt='{$image['alt']}' />"; ?></div> 
					                <?php } ?>                                     
					              <?php } ?>
					            <?php } ?>
					        </div>
	                  	<?php } else { ?>
		                  	<?php if ( has_post_thumbnail() ) { ?>
		                  		<a href="<?php the_permalink(); ?>" title="<?php the_title_attribute(); ?>">
									<?php the_post_thumbnail('full') ?>
								</a>
							<?php }else{ ?>
			                    <?php if( function_exists( 'rwmb_meta' ) ) { ?>
			                        <?php $images = rwmb_meta( '_cmb_image', "type=image_advanced&size=full" ); ?>
			                        <?php if($images != ''){ ?>
			                        	<?php  foreach ( $images as $image ) {  ?>                        
					                        <a href="<?php the_permalink(); ?>" title="<?php the_title_attribute(); ?>">
					                            <?php echo "<img src='{$image['full_url']}' width='{$image['width']}' height='{$image['height']}' alt='{$image['alt']}' />"; ?>
					                        </a>
					                    <?php } ?>
			                        <?php } ?>
			                  	<?php } ?>
	                  		<?php } ?>
	                  	<?php } ?>
	                </div>
	                <?php if(empty($show_date)){ ?>
		                <div class="date-box">
		                    <div class="day"><?php the_time('d'); ?></div>
		                    <div class="month"><?php the_time('M'); ?></div>
		                </div>
	                <?php } ?>

	                <div class="post-text <?php if(!empty($show_date)){ echo 'paddleft0'; } ?>">
	                    <h3><a href="<?php the_permalink(); ?>"><?php the_title(); ?></a></h3>
	                    <p><?php echo archi_blog_excerpt($excerpt1); ?></p>
	                </div>

	                <?php if(!empty($read_more)): ?>
	                	<a href="<?php the_permalink(); ?>" class="btn-more"> 
	                		<?php if ($btntext != ''){ echo esc_attr($btntext1); }else{ echo esc_html__('Read More', 'archi'); } ?>
	                	</a>
	                <?php endif; ?>
	            </div>
	        </li>
        <?php endwhile; ?>       
    </ul>

    <div class="pagination w100 text-center">
        <?php
        	if ( get_query_var('paged') ) {
			    $paged = get_query_var('paged');
			} elseif ( get_query_var('page') ) { // 'page' is used instead of 'paged' on Static Front Page
			    $paged = get_query_var('page');
			} else {
			    $paged = 1;
			}
			$big = 999999999;
			echo paginate_links( array(
				'base' => str_replace( $big, '%#%', esc_url( get_pagenum_link( $big ) ) ),
				'format' => '?paged=%#%',
				'current' => max( 1, $paged ),
				'total' => $the_query->max_num_pages,                      
				'prev_text' => '<i class="fa fa-angle-double-left"></i>',
				'next_text' => '<i class="fa fa-angle-double-right"></i>',       
				'type'          => 'list',
				'end_size'      => 3,
				'mid_size'      => 3
			) );
		?>		
    </div>
    <?php wp_reset_postdata(); ?>
    
<?php
    return ob_get_clean();
}

/*Our Facts*/
add_shortcode('ourfacts', 'ourfacts_func');
function ourfacts_func($atts, $content = null){
	extract(shortcode_atts(array(
		'title'		=> 	'',
		'number'    => 	'',
		'icon'		=>  '',
		'css'		=>  '',
	), $atts));
	ob_start(); ?>
	<!-- Element: OT Our Facts -->
	<div class="de_count <?php echo vc_shortcode_custom_css_class( $css ) ?>">
        <?php if($icon != ''){ ?><i class="icon-<?php echo esc_attr($icon); ?> wow zoomIn" data-wow-delay="0"></i><?php } ?>
        <h3 class="timer" data-to="<?php echo esc_attr($number); ?>" data-speed="2500">0</h3>
        <span><?php echo wp_specialchars_decode($title); ?></span>
    </div>

<?php
    return ob_get_clean();
}

// Logos Client
add_shortcode('logos', 'logos_func');
function logos_func($atts, $content = null){
	extract(shortcode_atts(array(
		'gallery'		=> 	'',
		'visible'		=>  '',
		'custom_links_target'		=>  '',
	), $atts));
	$custom_links_target = (!empty($custom_links_target) ? $custom_links_target : '_self' );
	$visible1 = (!empty($visible) ? $visible : 6 );
	ob_start(); ?>

	<!-- Element: OT Clients Logo -->
    <div class="logo-carousel">
        <ul class="owl-carousel client__slides" data-visible="<?php echo esc_attr($visible1); ?>">
            <?php 
				$img_ids = explode(",",$gallery);
            	foreach( $img_ids AS $img_id ){
		            $meta = wp_prepare_attachment_for_js($img_id);			
					$title = $meta['title'];	
					$alt = $meta['alt'];
					$caption = $meta['caption'];
					$description = $meta['description'];	
		            $image_src = wp_get_attachment_image_src($img_id,''); 
            ?>
	            <li>
					<?php if ( $caption != '' ) { ?>
						<a href="<?php echo esc_url($caption); ?>" target="<?php echo esc_attr($custom_links_target); ?>" ><img src="<?php echo esc_url($image_src[0]); ?>" alt="<?php echo esc_attr($title); ?>"></a>
					<?php }else{ ?>
						<img src="<?php echo esc_url($image_src[0]); ?>" alt="<?php echo esc_attr($alt); ?>" title="<?php echo esc_attr($title); ?>" >
					<?php } ?>    
	            </li>
            <?php } ?>
        </ul>
    </div>

<?php
    return ob_get_clean();
}

/*Portfolio Gallery - Landing Page*/
add_shortcode('folio_gallery', 'folio_gallery_func');
function folio_gallery_func($atts, $content = null){
	extract(shortcode_atts(array(
		'all'		=> 	'',
		'num'		=> 	'',
		'columns'   => 	4,
		'cropimage' => 'no',
		'width'     => 	700,
		'height'	=> 	466,
		'idcate'  =>   '',
		'style'   => 'none',
	), $atts));

	$all1 = (!empty($all) ? $all : 'All Designs');
	$num1 = (!empty($num) ? $num : 8);

	$width = (!empty($width) ? $width : 700);
	$height = (!empty($height) ? $height : 466);

	$folio_gallery_isotope = uniqid( 'folio-gallery-' );
	$item_gallery_isotope = uniqid( 'item-' );
	$filters_gallery_isotope = uniqid( 'filters-' );

	ob_start(); ?>   

	<!-- Element: OT Portfolio Gallery -->
	<div class="projects-grid-wrapper">

		<div class="container">
	        <!-- portfolio filter begin -->
            <ul class="project_filters text-center wow fadeInUp" data-wow-delay="0s">
            	<?php if($all != ''){ ?><li><a href="#" data-filter="*" class="selected"><?php echo wp_specialchars_decode($all1); ?></a></li><?php } ?>                   
                <?php if($idcate != ''){ ?>
					<?php 
						$categories = explode(",",$idcate);
	                    foreach( (array)$categories as $categorie){
	                     	$cates = get_term_by('slug', $categorie, 'categories');
				            $cat_name = $cates->name;
				            $cat_slug = $cates->term_id; 
			        ?>							
	                  <li><a href="#" data-filter=".category-<?php echo wp_specialchars_decode( $cat_slug ); ?>"><?php echo wp_specialchars_decode( $cat_name ); ?></a></li>
	                <?php } ?>  
            	<?php }else{ ?>
					<?php 
						$categories = get_terms('categories');
	                   	foreach( (array)$categories as $categorie){
		                    $cat_name = $categorie->name;
		                    $cat_slug = $categorie->term_id;
					?>
						<li><a href="#" data-filter=".category-<?php echo wp_specialchars_decode( $cat_slug ); ?>"><?php echo wp_specialchars_decode( $cat_name ); ?></a></li>
		            <?php } ?>
		    	<?php } ?> 
            </ul>
	        <!-- portfolio filter close -->
	    </div>

	    <div class="projects-grid gallery-popup-link overlay_s1 <?php if ($columns == 2) {echo 'pf_2_cols'; }elseif ($columns == 4) { echo 'pf_4_cols'; }elseif ($columns == 5) { echo 'pf_5_cols'; }elseif ($columns == 6) { echo 'pf_6_cols'; }else{ echo 'pf_3_cols'; } ?> wow fadeInUp" data-wow-delay=".3s">
	    	<div class="project-item-sizer"></div>
	        <?php 
			  	global $post;
			  	if ( get_query_var('paged') ) {
				    $paged = get_query_var('paged');
				} elseif ( get_query_var('page') ) { // 'page' is used instead of 'paged' on Static Front Page
				    $paged = get_query_var('page');
				} else {
				    $paged = 1;
				}
			  	if ($idcate != '') {
			  		$args = array(
						'post_type' => 'portfolio',
						'posts_per_page' => $num1,
						'tax_query' => array(
							array(
								'taxonomy' => 'categories',
								'field' => 'slug',
								'terms' => explode(',',$idcate),
							),
						),		
						'paged' => $paged,		
					);
			  	}else{
					$args = array(   
		            	'post_type' => 'portfolio',   
		            	'posts_per_page' => $num1,
		            	'paged' => $paged,	            
		         	); 
			  	}

	          	$wp_query = new WP_Query($args);
	          	while ($wp_query -> have_posts()) : $wp_query -> the_post(); 
	          	$link_video = get_post_meta(get_the_ID(),'_cmb_link_video', true);	
	          	$cates = get_the_terms(get_the_ID(),'categories');
	          	$cate_slug = '';
	          	foreach((array)$cates as $cate){	                
                	$cate_slug .= 'category-'.$cate->term_id .' ';
	          	}          		          		  
	        ?>             
	        <div class="project-item <?php echo esc_attr($cate_slug); ?>">
	        	<div class="projects-box">
					<div class="projects-thumbnail">
						<?php 
							if ( has_post_thumbnail() ) :  	     				
				                if ($cropimage == 'yes') {
				                	the_post_thumbnail( array($width, $height) );  // Other resolutions
				                }else{
				                	the_post_thumbnail( 'thumb-portfolio' ); 
				                }			
			                endif; 
			            ?>
					</div>							
					<a <?php if( $link_video != '' ){ ?>class="mfp-iframe"<?php } ?> title="<?php the_title(); ?>" href="<?php if( $link_video != '' ){ echo esc_url($link_video); }else{ echo esc_url(wp_get_attachment_url(get_post_thumbnail_id())); } ?>">
						<span class="project-overlay">
							<span class="project-name id-color"><?php the_title(); ?></span>	
						</span>
					</a>	
				</div>
	        </div>
	        <?php endwhile; ?>        
	    </div>

	    <?php if ($style == 'pagination') { ?>
		    <div class="pagination w100 text-center">
		        <?php
		        	if ( get_query_var('paged') ) {
					    $paged = get_query_var('paged');
					} elseif ( get_query_var('page') ) { // 'page' is used instead of 'paged' on Static Front Page
					    $paged = get_query_var('page');
					} else {
					    $paged = 1;
					}
					$big = 999999999;
					echo paginate_links( array(
						'base' => str_replace( $big, '%#%', esc_url( get_pagenum_link( $big ) ) ),
						'format' => '?paged=%#%',
						'current' => max( 1, $paged ),
						'total' => $wp_query->max_num_pages,                      
						'prev_text' => '<i class="fa fa-angle-double-left"></i>',
						'next_text' => '<i class="fa fa-angle-double-right"></i>',       
						'type'          => 'list',
						'end_size'      => 3,
						'mid_size'      => 3
					) );
				?>		
		    </div>
	    <?php } ?>
	    <?php wp_reset_postdata(); ?>
    </div>

<?php
    return ob_get_clean();
}

/*Portfolio Gallery 2*/
add_shortcode('folio_gallery2', 'folio_gallery2_func');
function folio_gallery2_func($atts, $content = null){
	extract(shortcode_atts(array(
		'all'		=> 	'',
		'num'		=> 	'',
		'columns'   => 	4,
		'cropimage' => 'no',
		'width'     => 	700,
		'height'	=> 	466,
		'idcate'  =>   '',
	), $atts));

	$all1 = (!empty($all) ? $all : 'All Designs');
	$num1 = (!empty($num) ? $num : 8);
	$width = (!empty($width) ? $width : 700);
	$height = (!empty($height) ? $height : 466);
	$folio_gallery_isotope = uniqid( 'folio-gallery-' );
	$item_gallery_isotope = uniqid( 'item-' );
	$filters_gallery_isotope = uniqid( 'filters-' );

	ob_start(); ?>       
	<!-- Element: OT Portfolio Gallery 2 --> 
	<div class="projects-grid-wrapper">
		<div class="container">
	        <!-- portfolio filter begin -->
	        <div class="row">
	            <div class="col-md-12 text-center">
	                <ul class="project_filters wow fadeInUp" data-wow-delay="0s">
	                	<?php if($all != ''){ ?><li><a href="#" data-filter="*" class="selected"><?php echo wp_specialchars_decode($all1); ?></a></li><?php } ?>                   
	                    <?php if($idcate != ''){ ?>
							<?php 
								$categories = explode(",",$idcate);
			                    foreach( (array)$categories as $categorie){
			                     	$cates = get_term_by('slug', $categorie, 'categories');
						            $cat_name = $cates->name;
						            $cat_slug = $cates->term_id; 
					        ?>							
			                  <li><a href="#" data-filter=".category-<?php echo wp_specialchars_decode( $cat_slug ); ?>"><?php echo wp_specialchars_decode( $cat_name ); ?></a></li>
			                <?php } ?>  
	                	<?php }else{ ?>
							<?php 
								$categories = get_terms('categories');
			                   	foreach( (array)$categories as $categorie){
				                    $cat_name = $categorie->name;
				                    $cat_slug = $categorie->term_id;
				                    $cat_count = $categorie->count;
							?>
								<li><a href="#" data-filter=".category-<?php echo wp_specialchars_decode( $cat_slug ); ?>"><?php echo wp_specialchars_decode( $cat_name ); ?></a></li>
				            <?php } ?>
				    	<?php } ?>                   
	                </ul>
	            </div>
	        </div>
	        <!-- portfolio filter close -->
	    </div>

	    <div class="row projects-grid gallery-popup-link overlay_s1 wow fadeInUp" data-wow-delay=".3s">	
	    	<div class="project-item-sizer <?php if ($columns == 2) {echo 'col-md-6'; }elseif ($columns == 3) { echo 'col-md-4'; }elseif ($columns == 6) { echo 'col-md-2'; }else{echo 'col-md-3';} ?>"></div>
	        <?php 
			global $post;		
	        if ($idcate != '') {
			  		$args = array(
						'post_type' => 'portfolio',
						'showposts' => $num1,
						'tax_query' => array(
							array(
								'taxonomy' => 'categories',
								'field' => 'slug',
								'terms' => explode(',',$idcate),
							),
						),				
					);
			  	}else{
					$args = array(   
		            	'post_type' => 'portfolio',   
		            	'posts_per_page' => $num1,	            
		         	); 
			  	} 
	        $wp_query = new WP_Query($args);
	        while ($wp_query -> have_posts()) : $wp_query -> the_post(); 
	        	$link_video = get_post_meta(get_the_ID(),'_cmb_link_video', true);
	          	$cates = get_the_terms(get_the_ID(),'categories');
	          	$cate_slug = '';
	            foreach((array)$cates as $cate){
		            if(count($cates)>0){	                
		                $cate_slug .= 'category-'.$cate->term_id .' ';    
		            } 
		        }	
	          	
	        ?>             
	        <!-- gallery item -->
	        <div class="project-item <?php if ($columns == 2) {echo 'col-md-6'; }elseif ($columns == 3) { echo 'col-md-4'; }elseif ($columns == 6) { echo 'col-md-2'; }else{echo 'col-md-3';} ?> <?php echo esc_attr($cate_slug); ?>">
	        	<div class="projects-box">
					<div class="projects-thumbnail">
						<?php
							if ( has_post_thumbnail() ) :  	     				
				                if ($cropimage == 'yes') {
				                	the_post_thumbnail( array($width, $height) );  // Other resolutions
				                } else {
				                	the_post_thumbnail( 'thumb-portfolio' ); 
				                }			
			                endif; 
						?>
					</div>							
					<a <?php if( $link_video != '' ){ ?>class="mfp-iframe"<?php } ?> title="<?php the_title(); ?>" href="<?php if( $link_video != '' ){ echo esc_url($link_video); }else{ echo esc_url(wp_get_attachment_url(get_post_thumbnail_id())); } ?>">
						<span class="project-overlay">
							<span class="project-name id-color"><?php the_title(); ?></span>	
						</span>
					</a>	
				</div>
	        </div>
	        <!-- close gallery item -->
	       <?php endwhile; wp_reset_postdata(); ?>
	    </div>
	</div>
  
<?php
    return ob_get_clean();
}

// OT Image Gallery 1
add_shortcode('ot_image_glallery', 'ot_image_glallery_func');
function ot_image_glallery_func($atts, $content = null){
	extract(shortcode_atts(array(
		'gallery'		=> 	'',
		'columns'		=>  '',
		'cropimage' => 'no',
		'width'     => 	700,
		'height'	=> 	466,
		'common_title' => '',
		'img_style' => 'default',
		'links_target' => '_blank'
	), $atts));
	$width = (!empty($width) ? $width : 700);
	$height = (!empty($height) ? $height : 466);
	ob_start(); ?>

	<!-- Element: OT Image Gallery 1 -->
	<div class="row archi-image-gallery projects-grid overlay_s1">	
		<div class="project-item-sizer <?php if ($columns == 2) {echo 'col-md-6'; }elseif ($columns == 3) { echo 'col-md-4'; }elseif ($columns == 6) { echo 'col-md-2'; }else{echo 'col-md-3';} ?>"></div>
        <?php 
			$img_ids = explode(",",$gallery);
	        foreach( $img_ids AS $img_id ){

	            $meta = wp_prepare_attachment_for_js($img_id);			
				$title = $meta['title'];	
				$alt = $meta['alt'];
				$caption = $meta['caption'];
				$description = $meta['description'];	
	            $image_src = wp_get_attachment_image_src($img_id, ''); 
        ?>     
	        <!-- gallery item -->
	        <div class="project-item <?php if ($columns == 2) {echo 'col-md-6'; }elseif ($columns == 3) { echo 'col-md-4'; }elseif ($columns == 6) { echo 'col-md-2'; }else{echo 'col-md-3';} ?>">
	        	<div class="projects-box <?php if ($img_style == 'rounded') {echo 'img-rounded'; }?>">
					<div class="projects-thumbnail">
						<?php
							if ($cropimage == 'yes') {		                							
								echo wp_get_attachment_image( $img_id, array($width, $height) ); 
							}else{ 
								 echo wp_get_attachment_image( $img_id, 'full' ); 		                
				            }
						?>
					</div>							
					<?php if( $caption == '' ){ ?>           	
	                	<a class="image-popup" title="<?php echo esc_attr($title); ?>" href="<?php echo esc_url($image_src[0]); ?>">
	                <?php }else{ ?>	
	                	<a target="<?php echo esc_attr($links_target); ?>" title="<?php echo esc_attr($title); ?>" href="<?php echo esc_attr($caption); ?>">
	                <?php } ?>
						<span class="project-overlay">
							<span class="project-name id-color">
								<?php if($common_title != ''){  echo esc_attr($common_title);  }else{  echo esc_attr($title); } ?> 
							</span>	
						</span>
					</a>	
				</div>
	        </div>
	        <!-- close gallery item -->  
        <?php } ?>   
    </div>
<?php
    return ob_get_clean();
}

/*OT Image Gallery 2*/
add_shortcode('ot_image_glallery2', 'ot_image_glallery2_func');
function ot_image_glallery2_func($atts, $content = null){
	extract(shortcode_atts(array(
		'gallery'		=> 	'',
		'columns'		=>  '',
		'cropimage' => 'no',
		'width'     => 	700,
		'height'	=> 	466,
		'gap'       =>  '',
		'common_title' => '',
		'links_target' => '_blank'
	), $atts));

	$gap1 = (!empty($gap) ? $gap : 0);
	$width = (!empty($width) ? $width : 700);
	$height = (!empty($height) ? $height : 466);
	ob_start(); ?>

	<!-- Element: OT Image Gallery 2 -->
	<div class="archi-image-gallery projects-grid overlay_s1 <?php if ($columns == 2) {echo 'pf_2_cols'; }elseif ($columns == 4) { echo 'pf_4_cols'; }elseif ($columns == 5) { echo 'pf_5_cols'; }elseif ($columns == 6) { echo 'pf_6_cols'; }else{ echo 'pf_3_cols'; } ?>" <?php echo 'style="margin:'.($gap1/2).'px;"'; ?>>	
		<div class="project-item-sizer"></div>
        <?php 
			$img_ids = explode(",",$gallery);
	        foreach( $img_ids AS $img_id ){
	            $meta = wp_prepare_attachment_for_js($img_id);			
				$title = $meta['title'];
				$alt = $meta['alt'];	
				$caption = $meta['caption'];
				$description = $meta['description'];	
	            $image_src = wp_get_attachment_image_src($img_id,''); 
        ?>     
	        <!-- gallery item -->
	        <div class="project-item">
	        	<div class="projects-box <?php if ($img_style == 'rounded') {echo 'img-rounded'; }?>" <?php echo 'style="margin:'.($gap1/2).'px;"'; ?>>
					<div class="projects-thumbnail">
						<?php
							if ($cropimage == 'yes') {		                							
								echo wp_get_attachment_image( $img_id, array($width, $height) ); 
							}else{ 
								echo wp_get_attachment_image( $img_id, 'full' ); 		                
				            }
						?>
					</div>							
					<?php if( $caption == '' ){ ?>           	
	                	<a class="image-popup" title="<?php echo esc_attr($title); ?>" href="<?php echo esc_url($image_src[0]); ?>">
	                <?php }else{ ?>	
	                	<a target="<?php echo esc_attr($links_target); ?>" title="<?php echo esc_attr($title); ?>" href="<?php echo esc_attr($caption); ?>">
	                <?php } ?>
						<span class="project-overlay">
							<span class="project-name id-color">
								<?php if($common_title != ''){  echo esc_attr($common_title);  }else{  echo esc_attr($title); } ?> 
							</span>	
						</span>
					</a>	
				</div>
	        </div>
	        <!-- close gallery item -->  
        <?php } ?>   
    </div>

<?php
    return ob_get_clean();
}

/*Album Gallery 1*/
add_shortcode('ot_album_glallery', 'ot_album_glallery_func');
function ot_album_glallery_func($atts, $content = null){
	extract(shortcode_atts(array(
		'all'		=> 	'',
		'num'		=> 	'',
		'columns'   => 	4,
		'cropimage' => 'no',
		'width'     => 	700,
		'height'	=> 	466,
	), $atts));

	$all1 = (!empty($all) ? $all : 'All Designs');
	$num1 = (!empty($num) ? $num : 8);
	$width = (!empty($width) ? $width : 700);
	$height = (!empty($height) ? $height : 466);
	ob_start(); ?>  

	<!-- Element: OT Album Gallery 1 -->
	<div class="projects-grid-wrapper">
		<div class="container">
	        <!-- portfolio filter begin -->
	        <div class="row">
	            <div class="col-md-12 text-center">
	                <ul class="project_filters wow fadeInUp" data-wow-delay="0s">
	                	<li><a href="#" data-filter="*" class="selected"><?php echo wp_specialchars_decode($all1); ?></a></li>                    
	                    <?php 
		                  $categories = get_terms('category_gallery');
		                   foreach( (array)$categories as $categorie){
		                    $cat_name = $categorie->name;
		                    $cat_slug = $categorie->term_id;
		                    $cat_count = $categorie->count;
		                  ?>
		                  <li><a href="#" data-filter=".category-<?php echo wp_specialchars_decode( $cat_slug ); ?>"><?php echo wp_specialchars_decode( $cat_name ); ?></a></li>
		                <?php } ?>                   
	                </ul>
	            </div>
	        </div>
	        <!-- portfolio filter close -->
	    </div>

	    <div class="projects-grid overlay_s1 <?php if ($columns == 2) {echo 'pf_2_cols'; }elseif ($columns == 4) { echo 'pf_4_cols'; }elseif ($columns == 5) { echo 'pf_5_cols'; }elseif ($columns == 6) { echo 'pf_6_cols'; }else{ echo 'pf_3_cols'; } ?> wow fadeInUp" data-wow-delay=".3s">
	    	<div class="project-item-sizer"></div>
	        <?php 
			  global $post;	
	          $args = array(   
	            'post_type' => 'ot_gallery',   
	            'posts_per_page' => $num1,	            
	          );  
	          $wp_query = new WP_Query($args);
	          while ($wp_query -> have_posts()) : $wp_query -> the_post(); 
	          $cates = get_the_terms(get_the_ID(),'category_gallery');
	          $cate_slug = '';
	              foreach((array)$cates as $cate){
	              if(count($cates)>0){	                
	                $cate_slug .= 'category-'.$cate->term_id .' ';    
	              } 
	          }		  
	        ?>             
	        <!-- gallery item -->
	        <div class="project-item album-gallery-popup <?php echo esc_attr($cate_slug); ?>" data-id="post-<?php the_ID(); ?>" >
	        	<div class="projects-box">
					<div class="projects-thumbnail">
						<?php if( function_exists( 'rwmb_meta' ) ) { ?>
			                <?php $images = rwmb_meta( '_cmb_image_gallery', "type=image_advanced" ); ?>
			                <?php if($images){ ?>                  
			                    <?php 
			                    foreach ( $images as $image ) { 
			                    	$img = $image['full_url'];
			                    	$imgtitle = $image['title'];
			                    	$imgcaption = $image['caption'];
			                    	$imgalt = $image['alt'];	                    	
			                    ?>
			                      <a class="album-gallery item-popup" title="<?php echo $imgtitle; ?>" href="<?php echo esc_url($img); ?>"></a>
			                    <?php } ?>                                     
			                <?php } ?>
			            <?php } ?>        
		                <?php 
		                	if ( has_post_thumbnail() ) :  	     				
				                if ($cropimage == 'yes') {
				                	the_post_thumbnail( array($width, $height) );  // Other resolutions
				                }else{
				                	the_post_thumbnail( 'thumb-portfolio' ); 
				                }			
			              	endif; 
			            ?>
					</div>							
					<a class="item-popup" title="<?php the_title(); ?>" href="<?php echo esc_url(wp_get_attachment_url(get_post_thumbnail_id())); ?>">
						<span class="project-overlay">
							<span class="project-name id-color"><?php the_title(); ?></span>	
						</span>
					</a>	
				</div>
	        </div>
	        <!-- close gallery item -->
	       <?php endwhile; wp_reset_postdata(); ?>
	    </div>
	</div>

<?php
    return ob_get_clean();
}

/*Album Gallery 2*/
add_shortcode('ot_album_glallery2', 'ot_album_glallery2_func');
function ot_album_glallery2_func($atts, $content = null){
	extract(shortcode_atts(array(
		'all'		=> 	'',
		'num'		=> 	'',
		'columns'   => 	4,
		'cropimage' => 'no',
		'width'     => 	700,
		'height'	=> 	466,
	), $atts));

	$all1 = (!empty($all) ? $all : 'All Designs');
	$num1 = (!empty($num) ? $num : 8);
	$width = (!empty($width) ? $width : 700);
	$height = (!empty($height) ? $height : 466);
	ob_start(); ?>

	<!-- Element: OT Album Gallery 2 -->
	<div class="projects-grid-wrapper">
		<div class="container">
	        <!-- portfolio filter begin -->
	        <div class="row">
	            <div class="col-md-12 text-center">
	                <ul class="project_filters wow fadeInUp" data-wow-delay="0s">
	                	<li><a href="#" data-filter="*" class="selected"><?php echo wp_specialchars_decode($all1); ?></a></li>                    
	                    <?php 
		                  $categories = get_terms('category_gallery');
		                   foreach( (array)$categories as $categorie){
		                    $cat_name = $categorie->name;
		                    $cat_slug = $categorie->term_id;
		                    $cat_count = $categorie->count;
		                  ?>
		                  <li><a href="#" data-filter=".category-<?php echo wp_specialchars_decode( $cat_slug ); ?>"><?php echo wp_specialchars_decode( $cat_name ); ?></a></li>
		                <?php } ?>                   
	                </ul>
	            </div>
	        </div>
	        <!-- portfolio filter close -->
	    </div>

	    <div class="row projects-grid overlay_s1 wow fadeInUp" data-wow-delay=".3s">	
	    	<div class="project-item-sizer <?php if ($columns == 2) {echo 'col-md-6'; }elseif ($columns == 3) { echo 'col-md-4'; }elseif ($columns == 6) { echo 'col-md-2'; }else{echo 'col-md-3';} ?>"></div>
	        <?php 
			  global $post;		
	          $args = array(   
	            'post_type' => 'ot_gallery',   
	            'posts_per_page' => $num1,	            
	          );  
	          $wp_query = new WP_Query($args);
	          while ($wp_query -> have_posts()) : $wp_query -> the_post(); 
	          $cates = get_the_terms(get_the_ID(),'category_gallery');
	          $cate_slug = '';
	              foreach((array)$cates as $cate){
	              if(count($cates)>0){	                
	                $cate_slug .= 'category-'.$cate->term_id .' ';    
	              } 
	          }
	        ?>             
	        <!-- gallery item -->	        
	        <div class="project-item album-gallery-popup <?php if ($columns == 2) {echo 'col-md-6'; }elseif ($columns == 3) { echo 'col-md-4'; }elseif ($columns == 6) { echo 'col-md-2'; }else{echo 'col-md-3';} ?> <?php echo esc_attr($cate_slug); ?>" data-id="post-<?php the_ID(); ?>">            
	            <div class="projects-box">
					<div class="projects-thumbnail">
						 <?php if( function_exists( 'rwmb_meta' ) ) { ?>
			                <?php $images = rwmb_meta( '_cmb_image_gallery', "type=image_advanced" ); ?>
			                <?php if($images){ ?>                  
			                    <?php 
			                    foreach ( $images as $image ) { 
			                    	$img = $image['full_url'];
			                    	$imgtitle = $image['title'];
			                    	$imgcaption = $image['caption'];
			                    	$imgalt = $image['alt'];	                    	
			                    ?>
			                      <a class="album-gallery item-popup" title="<?php echo $imgtitle; ?>" href="<?php echo esc_url($img); ?>"></a>
			                    <?php } ?>                                     
			                <?php } ?>
			            <?php } ?>        
		                <?php 
		                	if ( has_post_thumbnail() ) :  	     				
				                if ($cropimage == 'yes') {
				                	the_post_thumbnail( array($width, $height) );  // Other resolutions
				                }else{
				                	the_post_thumbnail( 'thumb-portfolio' ); 
				                }			
			              	endif; 
			            ?>
					</div>							
					<a class="item-popup" title="<?php the_title(); ?>" href="<?php echo esc_url(wp_get_attachment_url(get_post_thumbnail_id())); ?>">
						<span class="project-overlay">
							<span class="project-name id-color"><?php the_title(); ?></span>	
						</span>
					</a>	
				</div>
	        </div>
	        <!-- close gallery item -->
	       <?php endwhile; wp_reset_postdata(); ?>
	    </div>
	</div>
    
<?php
    return ob_get_clean();
}

/*OT Portfolio Filter*/
add_shortcode('foliof', 'foliof_func');
function foliof_func($atts, $content = null){
	extract(shortcode_atts(array(
		'all'		=> 	'',
		'num'		=> 	8,
		'columns'   => 	4,
		'cropimage' => 'no',
		'width'     => 	700,
		'height'	=> 	466,
		'show_filter'=> 'yes',
		'gap'       =>  0,
		'style'     =>  'none',
		'extraclass'=>  '',
		'arrow_btn' =>  '',
		'order_by' => '',
		'sort_order' => '', 
	), $atts));

	$all1 = (!empty($all) ? $all : 'ALL PROJECTS');
	$num1 = (!empty($num) ? $num : 8);	
	$width = (!empty($width) ? $width : 700);
	$height = (!empty($height) ? $height : 466);
	$gap1 = (!empty($gap) ? $gap.'px' : '0px');
	ob_start(); ?>  

	<!-- Element: OT Portfolio Filter -->
	<div class="projects-grid-wrapper">
		<?php if ( $show_filter == 'yes' ) { ?>
			<div class="container">
		    	<!-- portfolio filter begin -->
			    <div class="row">
			        <div class="col-md-12 text-center">
			            <ul id="filter" class="project_filters wow fadeInUp listed_taxonomy_filters" data-wow-delay="0s">
			            	<li><a href="#" data-filter="*" class="selected"><?php echo wp_specialchars_decode($all1); ?></a></li>                    
			                <?php 
			                	$taxonomyName = "categories";
								$parent_terms = get_terms($taxonomyName, array('parent' => 0, 'orderby' => 'slug', 'hide_empty' => true));   							
								foreach ($parent_terms as $pterm) {
									echo '<li class="cate_parent"><a href="#" data-filter=".category-' . $pterm->term_id . '">' . $pterm->name . '</a>';
										$terms = get_terms($taxonomyName, array('parent' => $pterm->term_id, 'orderby' => 'slug', 'hide_empty' => true));
										if ($terms) {
											echo '<ul>';
										}
										    foreach ($terms as $term) {								    		
												echo '<li><a href="#" data-filter=".category-' . $term->term_id . '">' . $term->name . '</a></li>';												
										    }
										if ($terms) {
											echo '</ul>';
										}
									echo '</li>';
								}							
			                ?>                    
			            </ul>
			        </div>
			    </div>
		    	<!-- portfolio filter close -->
		    </div>
	    <?php } ?>

	    <div class="projects-grid projects-load-ajax overlay_s1 <?php echo esc_attr($extraclass); ?> <?php if ($columns == 2) {echo 'pf_2_cols'; }elseif ($columns == 4) { echo 'pf_4_cols'; }elseif ($columns == 5) { echo 'pf_5_cols'; }elseif ($columns == 6) { echo 'pf_6_cols'; }else{ echo 'pf_3_cols'; } ?>" style="margin: -<?php echo esc_attr($gap1); ?> <?php echo esc_attr($gap1); ?>">
	    	<div class="project-item-sizer"></div>
	        <?php 
	          	if ( get_query_var('paged') ) {
				    $paged = get_query_var('paged');
				} elseif ( get_query_var('page') ) { 
				    $paged = get_query_var('page');
				} else {
				    $paged = 1;
				}
	          	$args = array(
	          		'post_type' => 'portfolio',
	          		'orderby' => $order_by,
					'order'   => $sort_order,
			        'posts_per_page' => $num1,		        
			        'paged' => $paged,
			    );
			    $the_query = new WP_Query( $args );
			    while ( $the_query->have_posts() ) : $the_query->the_post(); 
				$cates = get_the_terms(get_the_ID(),'categories'); 
				$cate_name ='';
		        $cate_slug = '';
				if ( ! is_wp_error( $cates ) && ! empty( $cates ) ) :
			        foreach ( $cates as $cate ) {
			        	$cate_name .= $cate->name.'<span>, </span> ';
	                	$cate_slug .= 'category-'.$cate->term_id .' ';
			        } 
				endif;
	        ?>             
	        <!-- gallery item -->
	        <div class="project-item <?php echo esc_attr($cate_slug); ?>" style="padding:<?php echo esc_attr($gap1); ?>">
	        	<div class="projects-box">
					<div class="projects-thumbnail">
						<?php
							if ( has_post_thumbnail() ) :  	     				
				                if ($cropimage == 'yes') {
				                	the_post_thumbnail( array($width, $height), true );  
				                }else{
				                	the_post_thumbnail( 'thumb-portfolio' ); 
				                }			
			                endif; 
						?>
					</div>							
					<a <?php global $archi_option; if($archi_option['ajax_work']!=false){ ?>class="<?php if($arrow_btn == 'no'){echo 'single-ajax-popup';}else{echo 'simple-ajax-popup-align-top';} ?>"<?php } ?> href="<?php the_permalink(); ?>">
						<span class="project-overlay">
							<span class="project-name id-color"><?php the_title(); ?></span>	
						</span>
					</a>	
				</div>
	        </div>        
	        <!-- close gallery item -->
	        <?php endwhile;  ?>
	    </div>
	    <?php if ($style == 'pagination') { ?>
		    <div class="pagination w100 text-center">
		        <?php
		        	if ( get_query_var('paged') ) {
					    $paged = get_query_var('paged');
					} elseif ( get_query_var('page') ) { 
					    $paged = get_query_var('page');
					} else {
					    $paged = 1;
					}
					$big = 999999999;
					echo paginate_links( array(
						'base' => str_replace( $big, '%#%', esc_url( get_pagenum_link( $big ) ) ),
						'format' => '?paged=%#%',
						'current' => max( 1, $paged ),
						'total' => $the_query->max_num_pages,                      
						'prev_text' => '<i class="fa fa-angle-double-left"></i>',
						'next_text' => '<i class="fa fa-angle-double-right"></i>',       
						'type'          => 'list',
						'end_size'      => 3,
						'mid_size'      => 3
					) );
				?>		
		    </div>
	    <?php } ?>
	    <?php wp_reset_postdata(); ?>
	</div>
<?php
    return ob_get_clean();
}

/*Portfolio Filter 2*/
add_shortcode('foliof2', 'foliof2_func');
function foliof2_func($atts, $content = null){
	extract(shortcode_atts(array(
		'all'		=> 	'',
		'num'		=> 	8,
		'columns'   => 	4,
		'cropimage' => 'no',
		'width'     => 	700,
		'height'	=> 	466,
		'show_filter'=> 'yes',
		'style'     =>  'none',
		'arrow_btn' =>  '',
	), $atts));

	$all1 = (!empty($all) ? $all : 'ALL PROJECTS');
	$num1 = (!empty($num) ? $num : 8);
	$width = (!empty($width) ? $width : 700);
	$height = (!empty($height) ? $height : 466);

	ob_start(); ?> 

	<!-- Element: OT Portfolio Filter 2 -->
	<div class="projects-grid-wrapper">
		<?php if ( $show_filter == 'yes' ) { ?>
			<div class="container">
		    	<!-- portfolio filter begin -->
			    <div class="row">
			        <div class="col-md-12 text-center">
			            <ul class="project_filters wow fadeInUp" data-wow-delay="0s">
			            	<li><a href="#" data-filter="*" class="selected"><?php echo wp_specialchars_decode($all1); ?></a></li>                    
			                <?php 
			                   $categories = get_terms('categories');
			                   foreach( (array)$categories as $categorie){
			                    $cat_name = $categorie->name;
			                    $cat_slug = $categorie->term_id;
			                    $cat_count = $categorie->count;
			                  ?>
			                  <li><a href="#" data-filter=".category-<?php echo wp_specialchars_decode( $cat_slug ); ?>"><?php echo wp_specialchars_decode( $cat_name ); ?></a></li>
			                <?php } ?>                    
			            </ul>
			        </div>
			    </div>
		    	<!-- portfolio filter close -->
		    </div>
	    <?php } ?>

	    <div class="projects-grid projects-load-ajax overlay_s1 wow fadeInUp" data-wow-delay=".3s">
	    	<div class="project-item-sizer <?php if ($columns == 2) {echo 'col-md-6'; }elseif ($columns == 3) { echo 'col-md-4'; }elseif ($columns == 6) { echo 'col-md-2'; }else{echo 'col-md-3';} ?>"></div>
	        <?php 
	          	if ( get_query_var('paged') ) {
				    $paged = get_query_var('paged');
				} elseif ( get_query_var('page') ) { 
				    $paged = get_query_var('page');
				} else {
				    $paged = 1;
				}
	          	$args = array(
			        'posts_per_page' => $num1,
			        'post_type' => 'portfolio',
			        'paged' => $paged,
			    );
			    $the_query = new WP_Query( $args );
			    while ( $the_query->have_posts() ) : $the_query->the_post(); 
				
	          	$cates = get_the_terms(get_the_ID(),'categories');
				if ( ! empty( $cates ) ) {
					$cate_name ='';
					$cate_slug = '';
					foreach((array)$cates as $cate){
						if(count($cates)>0){
							$cate_name .= $cate->name.'<span>, </span> ' ;
							$cate_slug .= 'category-'.$cate->term_id .' ';     
						} 
					}
				}
	        ?>             
	        <!-- gallery item -->
	        <div class="project-item <?php echo esc_attr($cate_slug); ?> <?php if ($columns == 2) {echo 'col-md-6'; }elseif ($columns == 3) { echo 'col-md-4'; }elseif ($columns == 4) { echo 'col-md-3'; }elseif ($columns == 6) { echo 'col-md-2'; }else{} ?>">
	        	<div class="projects-box">
					<div class="projects-thumbnail">
						<?php
							if ( has_post_thumbnail() ) :  	     				
				                if ($cropimage == 'yes') {
				                	the_post_thumbnail( array($width, $height) );  // Other resolutions
				                }else{
				                	the_post_thumbnail( 'thumb-portfolio' ); 
				                }			
			                endif; 
						?>
					</div>							
					<a <?php global $archi_option; if($archi_option['ajax_work']!=false){ ?>class="<?php if($arrow_btn == 'no'){echo 'single-ajax-popup';}else{echo 'simple-ajax-popup-align-top';} ?>"<?php } ?> href="<?php the_permalink(); ?>">
						<span class="project-overlay">
							<span class="project-name id-color"><?php the_title(); ?></span>	
						</span>
					</a>	
				</div>
	        </div>
	        <!-- close gallery item -->
	       <?php endwhile;?>
	    </div>

	    <?php if ($style == 'pagination') { ?>
		    <div class="pagination w100 text-center">
		        <?php
		        	if ( get_query_var('paged') ) {
					    $paged = get_query_var('paged');
					} elseif ( get_query_var('page') ) { 
					    $paged = get_query_var('page');
					} else {
					    $paged = 1;
					}
					$big = 999999999;
					echo paginate_links( array(
						'base' => str_replace( $big, '%#%', esc_url( get_pagenum_link( $big ) ) ),
						'format' => '?paged=%#%',
						'current' => max( 1, $paged ),
						'total' => $the_query->max_num_pages,                      
						'prev_text' => '<i class="fa fa-angle-double-left"></i>',
						'next_text' => '<i class="fa fa-angle-double-right"></i>',       
						'type'          => 'list',
						'end_size'      => 3,
						'mid_size'      => 3
					) );
				?>		
		    </div>
	    <?php } ?>

	    <?php wp_reset_postdata(); ?>
    </div>
<?php
    return ob_get_clean();
}

/*OT Portfolio Filter 3*/
add_shortcode('foliof3', 'foliof3_func');
function foliof3_func($atts, $content = null){
	extract(shortcode_atts(array(
		'all'		=> 	'',
		'num'		=> 	8,
		'columns'   => 	4,
		'cropimage' => 'no',
		'width'     => 	700,
		'height'	=> 	466,
		'show_filter'=> 'yes',
		'style'     =>  'none',
		'arrow_btn' =>  '',
	), $atts));

	$all1 = (!empty($all) ? $all : 'ALL PROJECTS');
	$num1 = (!empty($num) ? $num : 8);
	$width = (!empty($width) ? $width : 700);
	$height = (!empty($height) ? $height : 466);

	ob_start(); ?>  

	<!-- Element: OT Portfolio Filter 3 -->
	<div class="projects-grid-wrapper">
		<?php if ( $show_filter == 'yes' ) { ?>
		<!-- portfolio filter begin -->
	    <div class="row">
	        <div class="col-md-12">
	            <ul class="project_filters s2 wow fadeInUp" data-wow-delay="0s">
	            	<li class="pull-right"><a href="#" data-filter="*" class="selected"><?php echo wp_specialchars_decode($all1); ?></a></li>                    
	                <?php 
	                  $categories = get_terms('categories');
	                   foreach( (array)$categories as $categorie){
	                    $cat_name = $categorie->name;
	                    $cat_slug = $categorie->term_id;
	                    $cat_count = $categorie->count;
	                  ?>
	                  <li><a href="#" data-filter=".category-<?php echo wp_specialchars_decode( $cat_slug ); ?>"><?php echo wp_specialchars_decode( $cat_name ); ?></a></li>
	                <?php } ?>                    
	            </ul>
	        </div>
	    </div>
		<!-- portfolio filter close -->
		<?php } ?>

	    <div class="row projects-grid projects-load-ajax overlay_s1 wow fadeInUp" data-wow-delay=".3s">
	    	<div class="project-item-sizer <?php if ($columns == 2) {echo 'col-md-6'; }elseif ($columns == 3) { echo 'col-md-4'; }elseif ($columns == 6) { echo 'col-md-2'; }else{echo 'col-md-3';} ?>"></div>
	        <?php 
	          	if ( get_query_var('paged') ) {
				    $paged = get_query_var('paged');
				} elseif ( get_query_var('page') ) { 
				    $paged = get_query_var('page');
				} else {
				    $paged = 1;
				}
	          	$args = array(
			        'posts_per_page' => $num1,
			        'post_type' => 'portfolio',
			        'paged' => $paged,
			    );
			    $the_query = new WP_Query( $args );
			    while ( $the_query->have_posts() ) : $the_query->the_post();  
				$cates = get_the_terms(get_the_ID(),'categories');
				if ( ! empty( $cates ) ) {
					$cate_name ='';
					$cate_slug = '';
					foreach((array)$cates as $cate){
						if(count($cates)>0){
							$cate_name .= $cate->name.'<span>, </span> ' ;
							$cate_slug .= 'category-'.$cate->term_id .' ';    
						} 
					}
				}
	        ?>             
	        <!-- gallery item -->
	        <div class="project-item <?php echo esc_attr($cate_slug); ?> <?php if ($columns == 2) {echo 'col-md-6'; }elseif ($columns == 3) { echo 'col-md-4'; }elseif ($columns == 4) { echo 'col-md-3'; }elseif ($columns == 6) { echo 'col-md-2'; }else{} ?>">
	        	<div class="projects-box">
					<div class="projects-thumbnail">
						<?php
							if ( has_post_thumbnail() ) :  	     				
				                if ($cropimage == 'yes') {
				                	the_post_thumbnail( array($width, $height) );  // Other resolutions
				                }else{
				                	the_post_thumbnail( 'thumb-portfolio' ); 
				                }			
			                endif; 
						?>
					</div>							
					<a <?php global $archi_option; if($archi_option['ajax_work']!=false){ ?>class="<?php if($arrow_btn == 'no'){echo 'single-ajax-popup';}else{echo 'simple-ajax-popup-align-top';} ?>"<?php } ?> href="<?php the_permalink(); ?>">
						<span class="project-overlay">
							<span class="project-name id-color"><?php the_title(); ?></span>	
						</span>
					</a>	
				</div>
	        </div>
	        <!-- close gallery item -->
	       <?php endwhile; ?>
	    </div>

	    <?php if ($style == 'pagination') { ?>
		    <div class="pagination w100 text-center">
		        <?php
		        	if ( get_query_var('paged') ) {
					    $paged = get_query_var('paged');
					} elseif ( get_query_var('page') ) { 
					    $paged = get_query_var('page');
					} else {
					    $paged = 1;
					}
					$big = 999999999;
					echo paginate_links( array(
						'base' => str_replace( $big, '%#%', esc_url( get_pagenum_link( $big ) ) ),
						'format' => '?paged=%#%',
						'current' => max( 1, $paged ),
						'total' => $the_query->max_num_pages,                      
						'prev_text' => '<i class="fa fa-angle-double-left"></i>',
						'next_text' => '<i class="fa fa-angle-double-right"></i>',       
						'type'          => 'list',
						'end_size'      => 3,
						'mid_size'      => 3
					) );
				?>		
		    </div>
	    <?php } ?>
	    <?php wp_reset_postdata(); ?>
	</div>
<?php
    return ob_get_clean();
}

/*Portfolio Inverted Style*/
add_shortcode('foliofinverted', 'foliofinverted_func');
function foliofinverted_func($atts, $content = null){
	extract(shortcode_atts(array(
		'all'		=> 	'',
		'num'		=> 	8,
		'columns'   => 	4,
		'cropimage' => 'no',
		'width'     => 	700,
		'height'	=> 	466,
		'show_filter'=> 'yes',
		'style'     =>  'none',
		'arrow_btn' =>  '',
	), $atts));

	$all1 = (!empty($all) ? $all : 'ALL PROJECTS');
	$num1 = (!empty($num) ? $num : 8);
	$width = (!empty($width) ? $width : 700);
	$height = (!empty($height) ? $height : 466);

	ob_start(); ?>  

	<!-- Element: OT Portfolio Inverted Style -->
	<div class="projects-grid-wrapper">
		<?php if ( $show_filter == 'yes' ) { ?>
			<!-- portfolio filter begin -->
		    <div class="row">
		        <div class="col-md-12">
		            <ul class="project_filters s2 wow fadeInUp" data-wow-delay="0s">
		            	<li class="pull-right"><a href="#" data-filter="*" class="selected"><?php echo wp_specialchars_decode($all1); ?></a></li>                    
		                <?php 
		                  $categories = get_terms('categories');
		                   foreach( (array)$categories as $categorie){
		                    $cat_name = $categorie->name;
		                    $cat_slug = $categorie->term_id;
		                    $cat_count = $categorie->count;
		                  ?>
		                  <li><a href="#" data-filter=".category-<?php echo wp_specialchars_decode( $cat_slug ); ?>"><?php echo wp_specialchars_decode( $cat_name ); ?></a></li>
		                <?php } ?>                    
		            </ul>
		        </div>
		    </div>
			<!-- portfolio filter close -->
		<?php } ?>

	    <div class="row projects-grid projects-load-ajax overlay_s2 wow fadeInUp" data-wow-delay=".3s">
	    	<div class="project-item-sizer <?php if ($columns == 2) {echo 'col-md-6'; }elseif ($columns == 3) { echo 'col-md-4'; }elseif ($columns == 6) { echo 'col-md-2'; }else{echo 'col-md-3';} ?>"></div>
	        <?php 
	          	if ( get_query_var('paged') ) {
				    $paged = get_query_var('paged');
				} elseif ( get_query_var('page') ) { 
				    $paged = get_query_var('page');
				} else {
				    $paged = 1;
				}
	          	$args = array(
			        'posts_per_page' => $num1,
			        'post_type' => 'portfolio',
			        'paged' => $paged,
			    );
			    $the_query = new WP_Query( $args );
			    while ( $the_query->have_posts() ) : $the_query->the_post();  
				$cates = get_the_terms(get_the_ID(),'categories');
				if ( ! empty( $cates ) ) {
					$cate_name ='';
					$cate_slug = '';
					foreach((array)$cates as $cate){
						if(count($cates)>0){
							$cate_name .= $cate->name.'<span>, </span> ' ;
							$cate_slug .= 'category-'.$cate->term_id .' ';    
						} 
					}
				}	
	        ?>             
	        <!-- gallery item -->
	        <div class="project-item <?php echo esc_attr($cate_slug); ?> <?php if ($columns == 2) {echo 'col-md-6'; }elseif ($columns == 3) { echo 'col-md-4'; }elseif ($columns == 4) { echo 'col-md-3'; }elseif ($columns == 6) { echo 'col-md-2'; }else{} ?>">
	        	<div class="projects-box">
					<div class="projects-thumbnail">
						<?php 
			                if ( has_post_thumbnail() ) : 			
				                if ($cropimage == 'yes') {
				                	the_post_thumbnail( array($width, $height) );  
				                }else{
				                	the_post_thumbnail( 'thumb-portfolio' ); 
				                }	
							endif; 
						?>
					</div>							
					<a <?php global $archi_option; if($archi_option['ajax_work']!=false){ ?>class="<?php if($arrow_btn == 'no'){echo 'single-ajax-popup';}else{echo 'simple-ajax-popup-align-top';} ?>"<?php } ?> href="<?php the_permalink(); ?>">
						<span class="project-overlay">
							<span class="project-name id-color"><?php the_title(); ?></span>	
						</span>
					</a>	
				</div>
	        </div>
	        <!-- close gallery item -->
	       <?php endwhile; ?>
	    </div>
	    <?php if ($style == 'pagination') { ?>
		    <div class="pagination w100 text-center">
		        <?php
		        	if ( get_query_var('paged') ) {
					    $paged = get_query_var('paged');
					} elseif ( get_query_var('page') ) { 
					    $paged = get_query_var('page');
					} else {
					    $paged = 1;
					}
					$big = 999999999;
					echo paginate_links( array(
						'base' => str_replace( $big, '%#%', esc_url( get_pagenum_link( $big ) ) ),
						'format' => '?paged=%#%',
						'current' => max( 1, $paged ),
						'total' => $the_query->max_num_pages,                      
						'prev_text' => '<i class="fa fa-angle-double-left"></i>',
						'next_text' => '<i class="fa fa-angle-double-right"></i>',       
						'type'          => 'list',
						'end_size'      => 3,
						'mid_size'      => 3
					) );
				?>		
		    </div>
	    <?php } ?>
	    <?php wp_reset_postdata(); ?>
	</div>
<?php
    return ob_get_clean();
}

/*Portfolio Style 2*/
add_shortcode('foliostyle2', 'foliostyle2_func');
function foliostyle2_func($atts, $content = null){
	extract(shortcode_atts(array(
		'all'		=> 	'',
		'num'		=> 	8,
		'columns'   => 	3,
		'cropimage' => 'no',
		'width'     => 	700,
		'height'	=> 	466,
		'show_filter'=> 'yes',
		'style'     =>  'none',
		'arrow_btn' =>  '',
		'idcate'  =>   '',
	), $atts));

	$all1 = (!empty($all) ? $all : 'ALL PROJECTS');
	$num1 = (!empty($num) ? $num : 8);
	$width = (!empty($width) ? $width : 700);
	$height = (!empty($height) ? $height : 466);

	ob_start(); ?>  

	<!-- Element: OT Portfolio Style 2 -->
	<div class="projects-grid-wrapper">
		<?php if ( $show_filter == 'yes' ) { ?>
			<div class="container">
		    	<!-- portfolio filter begin -->
			    <div class="row">
			        <div class="col-md-12 text-center">
			            <ul class="project_filters wow fadeInUp" data-wow-delay="0s">
			            	<?php if($all != ''){ ?><li><a href="#" data-filter="*" class="selected"><?php echo wp_specialchars_decode($all1); ?></a></li><?php } ?>
			            	<?php if($idcate != ''){ ?>
									<?php 
										$categories = explode(",",$idcate);
					                    foreach( (array)$categories as $categorie){
					                     	$cates = get_term_by('slug', $categorie, 'categories');
								            $cat_name = $cates->name;
								            $cat_slug = $cates->term_id; 
							        ?>							
					                  <li><a href="#" data-filter=".category-<?php echo wp_specialchars_decode( $cat_slug ); ?>"><?php echo wp_specialchars_decode( $cat_name ); ?></a></li>
					                <?php } ?>  
			                <?php }else{ ?>
								<?php 
									$categories = get_terms('categories');
				                   	foreach( (array)$categories as $categorie){
					                    $cat_name = $categorie->name;
					                    $cat_slug = $categorie->term_id;
					                    $cat_count = $categorie->count;
								?>
									<li><a href="#" data-filter=".category-<?php echo wp_specialchars_decode( $cat_slug ); ?>"><?php echo wp_specialchars_decode( $cat_name ); ?></a></li>
					            <?php } ?>
						    <?php } ?>                  
			            </ul>
			        </div>
			    </div>
		    	<!-- portfolio filter close -->
		    </div>
	    <?php } ?>

	    <div class="row folio-style2 projects-grid projects-load-ajax wow fadeInUp" data-wow-delay=".3s">
	    	<div class="project-item-sizer <?php if ($columns == 2) {echo 'col-md-6'; }elseif ($columns == 3) { echo 'col-md-4'; }elseif ($columns == 6) { echo 'col-md-2'; }else{echo 'col-md-3';} ?>"></div>
	        <?php 
	          	if ( get_query_var('paged') ) {
				    $paged = get_query_var('paged');
				} elseif ( get_query_var('page') ) { 
				    $paged = get_query_var('page');
				} else {
				    $paged = 1;
				}
				if($idcate != ''){
					$args = array(
						'posts_per_page' => $num1,
				        'post_type' => 'portfolio',
				        'paged' => $paged,
						'tax_query' => array(
							array(
								'taxonomy' => 'categories',
								'field' => 'slug',
								'terms' => explode(',',$idcate),
							),
						),				
					);
				}else{	
		          	$args = array(
				        'posts_per_page' => $num1,
				        'post_type' => 'portfolio',
				        'paged' => $paged,
				    );
		        }
		          	
			    $the_query = new WP_Query( $args );
			    while ( $the_query->have_posts() ) : $the_query->the_post(); 
				$cates = get_the_terms(get_the_ID(),'categories');
				if ( ! empty( $cates ) ) {
					$cate_name ='';
					$cate_slug = '';
	                foreach((array)$cates as $cate){
						if(count($cates)>0){
							$cate_name .= $cate->name.'<span>/</span> ' ;
							$cate_slug .= 'category-'.$cate->term_id .' ';    
						} 
					}
				}	
	        ?>             
	        <!-- gallery item -->
	        <div class="project-item <?php if ($columns == 2) {echo 'col-md-6'; }elseif ($columns == 3) { echo 'col-md-4'; }elseif ($columns == 6) { echo 'col-md-2'; }else{echo 'col-md-3';} ?> <?php echo esc_attr($cate_slug); ?>">  	                  
	            <a <?php global $archi_option; if($archi_option['ajax_work']!=false){ ?>class="<?php if($arrow_btn == 'no'){echo 'single-ajax-popup';}else{echo 'simple-ajax-popup-align-top';} ?>"<?php } ?> href="<?php the_permalink(); ?>">
		            <div class="folio-image">		            
		            	<?php if ( has_post_thumbnail() ) : ?>
			                <?php 	     				
				                if ($cropimage == 'yes') {
				                	the_post_thumbnail( array($width, $height) );  
				                }else{
				                	the_post_thumbnail( 'thumb-portfolio' ); 
				                }			
			                ?>
						<?php endif; ?>		            
		            </div>
		            <div class="folio-info">
						<h3><?php the_title(); ?></h3>
						<p><?php echo wp_specialchars_decode($cate_name); ?></p>		
					</div>
				</a>
	        </div>
	        <!-- close gallery item -->
	       <?php endwhile; ?>
	    </div>
	    <?php if ($style == 'pagination') { ?>
		    <div class="pagination w100 text-center">
		        <?php
		        	if ( get_query_var('paged') ) {
					    $paged = get_query_var('paged');
					} elseif ( get_query_var('page') ) { 
					    $paged = get_query_var('page');
					} else {
					    $paged = 1;
					}
					$big = 999999999;
					echo paginate_links( array(
						'base' => str_replace( $big, '%#%', esc_url( get_pagenum_link( $big ) ) ),
						'format' => '?paged=%#%',
						'current' => max( 1, $paged ),
						'total' => $the_query->max_num_pages,                      
						'prev_text' => '<i class="fa fa-angle-double-left"></i>',
						'next_text' => '<i class="fa fa-angle-double-right"></i>',       
						'type'          => 'list',
						'end_size'      => 3,
						'mid_size'      => 3
					) );
				?>		
		    </div>
	    <?php } ?>
	    <?php wp_reset_postdata(); ?>
	</div>
<?php
    return ob_get_clean();
}

/*Portfolio Category*/
add_shortcode('cate_portfolio', 'cate_portfolio_func');
function cate_portfolio_func($atts, $content = null){
	extract(shortcode_atts(array(
		'all'		=> 	'',
		'show_filter'=> 'yes',
		'show'      =>  '',
	    'idcate'  =>   '',
		'columns'   => 	4,
		'cropimage' => 'no',
		'width'     => 	700,
		'height'	=> 	466,
		'arrow_btn' =>  '',
		'gap'       =>  0,
		'css'       => ''
	), $atts));	
	$show1 = (!empty($show) ? $show : 8);
	$width = (!empty($width) ? $width : 700);
	$height = (!empty($height) ? $height : 466);	
	$all1 = (!empty($all) ? $all : 'ALL PROJECTS');
	$gap1 = (!empty($gap) ? $gap.'px' : '0px');

	ob_start(); ?>  

	<!-- Element: OT Portfolio Category -->
	<div class="projects-grid-wrapper">
		<?php if ( $show_filter == 'yes' ) { ?>
			<div class="container">
		    	<!-- portfolio filter begin -->
			    <div class="row">
			        <div class="col-md-12 text-center">
			            <ul class="project_filters filters wow fadeInUp" data-wow-delay="0s">
			            	<?php if($all != ''){ ?><li><a href="#" data-filter="*" class="selected"><?php echo esc_attr($all1); ?></a></li><?php } ?>                    
			                <?php       
			                    $categories = explode(",",$idcate);
			                    foreach( (array)$categories as $categorie){
			                     	$cates = get_term_by('slug', $categorie, 'categories');
						            $cat_name = $cates->name;
						            $cat_id = $cates->term_id;
						            $cat_slug = $cates->slug;	      
			                ?>
			                  <li><a href="#" data-filter=".category-<?php echo wp_specialchars_decode( $cat_id ); ?>"><?php echo wp_specialchars_decode( $cat_name ); ?></a></li>
			                <?php } ?>                    
			            </ul>
			        </div>
			    </div>
		    	<!-- portfolio filter close -->
	    	</div>
	    <?php } ?>

	    <div class="projects-grid projects-load-ajax overlay_s1 portfolio_category <?php if ($columns == 2) {echo 'pf_2_cols'; }elseif ($columns == 4) { echo 'pf_4_cols'; }elseif ($columns == 5) { echo 'pf_5_cols'; }elseif ($columns == 6) { echo 'pf_6_cols'; }else{ echo 'pf_3_cols'; } ?> wow fadeInUp <?php echo vc_shortcode_custom_css_class( $css ); ?>" data-wow-delay=".3s" style="margin: -<?php echo esc_attr($gap1); ?> <?php echo esc_attr($gap1); ?>" >
	    	<div class="project-item-sizer"></div>
	        <?php 			        				
				$args = array(
					'post_type' => 'portfolio',
					'showposts' => $show1,
					'tax_query' => array(
						array(
							'taxonomy' => 'categories',
							'field' => 'slug',
							'terms' => explode(',',$idcate),
						),
					),				
				);			
				$wp_query = new WP_Query($args);					
				while ($wp_query -> have_posts()) : $wp_query -> the_post();
				$cates = get_the_terms(get_the_ID(),'categories');
				if ( ! empty( $cates ) ) {
	          		$cate_name ='';
	          		$cate_slug = '';
	              		foreach((array)$cates as $cate){
	              			if(count($cates)>0){
	                			$cate_name .= $cate->name.' ' ;
	                			$cate_slug .= 'category-'.$cate->term_id .' ';     
	              			} 
	          		}	
				}		
			?>          
	        <!-- gallery item -->
	        <div class="project-item <?php echo esc_attr($cate_slug); ?>" style="padding:<?php echo esc_attr($gap1); ?>">
	        	<div class="projects-box">
					<div class="projects-thumbnail">
						<?php 
							if ( has_post_thumbnail() ) :   				
				                if ($cropimage == 'yes') {
				                	the_post_thumbnail( array($width, $height) );  
				                }else{
				                	the_post_thumbnail( 'thumb-portfolio' ); 
				                }			
			                endif; 
			            ?>
					</div>							
					<a <?php global $archi_option; if($archi_option['ajax_work']!=false){ ?>class="<?php if($arrow_btn != 'no'){echo 'simple-ajax-popup-align-top';} ?>"<?php } ?> href="<?php the_permalink(); ?>">
						<span class="project-overlay">
							<span class="project-name id-color"><?php the_title(); ?></span>	
						</span>
					</a>	
				</div>
	        </div>
	        <!-- close gallery item -->
	       <?php endwhile; wp_reset_postdata(); ?>
	    </div> 
	</div>  

<?php
    return ob_get_clean();
}

/*Portfolio Carousel Style*/
add_shortcode('portfolio_carousel', 'portfolio_carousel_func');
function portfolio_carousel_func($atts, $content = null){
	extract(shortcode_atts(array(
		'show'      =>  '',
	    'idcate'  =>   '',
		'visible'   => 	'',
		'slideplay' => 	'yes',
		'cropimage' => 'no',
		'width'     => 	700,
		'height'	=> 	466,
		'arrow_btn' =>  '',
		'hover_style' => 'overlay_s1',
	), $atts));	
		$show1 = (!empty($show) ? $show : 8);
		$width = (!empty($width) ? $width : 700);
		$height = (!empty($height) ? $height : 466);
		$visible = (!empty($visible) ? $visible : 4);
		$slideplay = (!empty($slideplay) ? $slideplay : 'false');
	ob_start(); ?>  

	<!-- Element: OT Portfolio Carousel Style -->
    <div class="owl-slide projects-load-ajax gallery-carousel portfolio__carousel <?php echo $hover_style; ?>" data-visible="<?php echo esc_attr($visible); ?>" data-autoplay="<?php if($slideplay == 'yes'){echo 'true';}else{echo 'false';} ?>">
    	<?php 	
    		if ($idcate != '') {					
				$args = array(
					'tax_query' => array(
						array(
							'taxonomy' => 'categories',
							'field' => 'slug',
							'terms' => explode(',',$idcate)
						),
					),
					'post_type' => 'portfolio',
					'showposts' => $show1,
				);
			}else{
				$args = array(
					'post_type' => 'portfolio',
					'showposts' => $show1,
				);
			}
			
			$wp_query = new WP_Query($args);					
			while ($wp_query -> have_posts()) : $wp_query -> the_post();  		
		?>  	        
			<div class="item">
				<div class="projects-box">
					<div class="projects-thumbnail">
						<?php 
		                	if ( has_post_thumbnail() ) : 		
				                if ($cropimage == 'yes') {
				                	the_post_thumbnail( array($width, $height) );  
				                }else{
				                	the_post_thumbnail( 'thumb-portfolio' ); 
				                }			
			                endif; 
			            ?>
					</div>							
					<a <?php global $archi_option; if($archi_option['ajax_work']!=false){ ?>class="<?php if($arrow_btn == 'no'){echo 'single-ajax-popup';}else{echo 'simple-ajax-popup-align-top';} ?>"<?php } ?> href="<?php the_permalink(); ?>">
						<span class="project-overlay">
							<span class="project-name id-color"><?php the_title(); ?></span>	
						</span>
					</a>	
				</div>
			</div>	        
        <?php endwhile; wp_reset_postdata(); ?>
    </div>

<?php
    return ob_get_clean();
}

/*OT Portfolio Masonry*/
add_shortcode('portfolio_masonry', 'portfolio_masonry_func');
function portfolio_masonry_func($atts, $content = null){
	extract(shortcode_atts(array(		
		'num'		=> 	8,
		'columns'   => 	3,
		'gap'       =>  0,		
		'arrow_btn' =>  '',
		'idcate'    =>  '',  
	), $atts));

	$show1 = (!empty($num) ? $num : 8);	
	$gap1 = (!empty($gap) ? $gap : 0);

	ob_start(); ?>  

	<!-- Element: OT Portfolio Masonry -->
	<div class="projects-grid-wrapper">
		<div class="projects-grid projects-load-ajax overlay_s1 <?php if ($columns == 2) {echo 'pf_2_cols'; }elseif ($columns == 4) { echo 'pf_4_cols'; }elseif ($columns == 5) { echo 'pf_5_cols'; }else{ echo 'pf_3_cols'; } ?>" <?php echo 'style="margin:'.($gap1/2).'px;"'; ?>>    
			<div class="project-item-sizer"></div>
	        <?php  
	        	if ($idcate != '') {					
					$args = array(
						'tax_query' => array(
							array(
								'taxonomy' => 'categories',
								'field' => 'slug',
								'terms' => explode(',',$idcate)
							),
						),
						'post_type' => 'portfolio',
						'showposts' => $show1,
					);
				}else{
					$args = array(
						'post_type' => 'portfolio',
						'showposts' => $show1,
					);
				}  
			    $the_query = new WP_Query( $args );
			    while ( $the_query->have_posts() ) : $the_query->the_post(); 
		        $cates = get_the_terms(get_the_ID(),'categories');
				if ( ! empty( $cates ) ) {
					$cate_name ='';
					$cate_slug = '';
		            foreach((array)$cates as $cate){
						if(count($cates)>0){
							$cate_name .= $cate->name.'<span>, </span> ';
							$cate_slug .= 'category-'.$cate->term_id .' ';     
						} 
					}
				}	
		        $portfolio_thumb_size = get_post_meta(get_the_ID(),'_cmb_portfolio_thumb_size', true);
	        ?>    
		        <div class="project-item <?php echo esc_attr($cate_slug); ?> <?php echo esc_attr($portfolio_thumb_size); ?>">
		        	<div class="projects-box" <?php echo 'style="margin:'.($gap1/2).'px;"'; ?>>
						<div class="projects-thumbnail">
							<?php if ( has_post_thumbnail() ) : ?>
								<?php the_post_thumbnail( 'full' ); ?>
							<?php endif; ?>
						</div>							
						<a <?php global $archi_option; if($archi_option['ajax_work']!=false){ ?>class="<?php if($arrow_btn == 'no'){echo 'single-ajax-popup';}else{echo 'simple-ajax-popup-align-top';} ?>"<?php } ?> href="<?php the_permalink(); ?>">
							<span class="project-overlay">
								<span class="project-name id-color"><?php the_title(); ?></span>	
							</span>
						</a>	
					</div>
		        </div>
	        <?php endwhile; wp_reset_postdata(); ?>
	    </div> 
	</div>
<?php
    return ob_get_clean();
}

/*Pricing Tables*/
add_shortcode('pricingtable','pricing_func');
function pricing_func($atts, $content = null){
    extract( shortcode_atts( array(
      'title'   	=> '',
      'price'		=> '',
      'time'		=> '',
      'width'		=> '',
      'btntext'		=> '',
      'btnlink'		=> '',
      'featured'		=> '',
      'style'		=> '',
   ), $atts ) );

    ob_start(); ?>

    <!-- Element: OT Pricing Tables -->
    <div class="pricing-box <?php if($style == 'dark') echo 'pricing-dark';?><?php if($featured == 'yes') echo ' pricing-featured';?>" style="width: <?php echo esc_attr($width); ?>;">
    	<div class="title-row">
            <h4><?php echo wp_specialchars_decode($title); ?></h4>
        </div>
        <div class="price-row">
            <h1><?php echo wp_specialchars_decode($price); ?></h1>
            <?php if($time != '') { ?><span><?php echo wp_specialchars_decode($time); ?></span><?php } ?>
        </div>
        <?php echo wp_specialchars_decode($content); ?>
        <?php if($btnlink != '') { ?><div class="btn-row"><a href="<?php echo esc_url($btnlink); ?>" class="btn btn-primary"><?php echo wp_specialchars_decode($btntext); ?></a></div><?php } ?>
    </div>

<?php
    return ob_get_clean();
}

/*Pricing Tables 2*/
add_shortcode('pricingtable2','pricing2_func');
function pricing2_func($atts, $content = null){
    extract( shortcode_atts( array(
      'title'   	=> '',
      'currency'    => '',  
      'price'		=> '',
      'time'		=> '',      
      'featured'	=> '',
      'linkbox'	=>  '',
      'ribbon_text' => '',
    ), $atts ) );
    $url = vc_build_link( $linkbox );
    ob_start(); 
?>
	<!-- Element: OT Pricing Tables 2 -->
	<div class="pricing-s1 mb30">
		<?php if ($featured == 'yes') { ?>
			<div class="ribbon" ><?php echo esc_attr($ribbon_text); ?></div>
		<?php } ?>
		<div class="top">
			<?php if ($title != '') { ?><h2><?php echo esc_attr($title); ?></h2><?php } ?>
			<?php if ($price != '') { ?><p class="price"><span class="currency"><?php echo esc_attr($currency); ?></span> <b><?php echo esc_attr($price); ?></b> <span class="month"><?php echo esc_attr($time); ?></span></p><?php } ?>
		</div>
		<div class="bottom">
			<?php echo wpb_js_remove_wpautop($content, true); ?>
			<?php if ( strlen( $linkbox ) > 0 && strlen( $url['url'] ) > 0 ) {
				echo '<a href="' . esc_attr( $url['url'] ) . '" title="' . esc_attr( $url['title'] ) . '" target="' . ( strlen( $url['target'] ) > 0 ? esc_attr( $url['target'] ) : '_self' ) . '" class="btn btn-custom">' . esc_attr( $url['title'] ) . '</a>';
			} ?>
		</div>
	</div>

<?php
    return ob_get_clean();
}											

/*Project Slider - image carousel*/
add_shortcode('image_carousel', 'image_carousel_func');
function image_carousel_func($atts, $content = null){
	extract(shortcode_atts(array(
	  'gallery'  =>  '',
	  'slideplay' => 	'',
	), $atts));
	$slideplay = ( !empty($slideplay) ? $slideplay : 'false' );
	ob_start(); 
?>
	<!-- Element: OT Image Carousel -->
    <div class="image__carousel-wrap" data-autoplay="<?php echo esc_attr($slideplay); ?>">
		<div class="image__carousel-sync1 owl-carousel">
	    	<?php 
            	$img_ids = explode(",",$gallery);
            	foreach( $img_ids AS $img_id ){
            		$meta = wp_prepare_attachment_for_js($img_id);			
					$title = $meta['title'];	
					$caption = $meta['caption'];
					$description = $meta['description'];
            		$image_src = wp_get_attachment_image_src( $img_id, 'large' ); // Large resolution (1024 x 1024 max height 1024px)
            ?>
	            <img src="<?php echo esc_url($image_src[0]); ?>" alt="<?php echo esc_attr($title); ?>">
            <?php } ?>
		</div>
		<div class="image__carousel-sync2 owl-carousel">
			<?php 
            	$img_ids_thumbnail = explode(",",$gallery);
            	foreach( $img_ids_thumbnail AS $img_id_thumb ){
            		$meta = wp_prepare_attachment_for_js($img_id_thumb);			
					$title = $meta['title'];	
					$caption = $meta['caption'];
					$description = $meta['description'];
            		$image_src = wp_get_attachment_image_src( $img_id_thumb, 'medium' ); 
            ?>
	            <img src="<?php echo esc_url($image_src[0]); ?>" alt="<?php echo esc_attr($title); ?>">
            <?php } ?>	
		</div>
	</div>

<?php
    return ob_get_clean();
}

/*Simple Slider - images carousel*/
add_shortcode('simple_slider', 'simple_slider_func');
function simple_slider_func($atts, $content = null){
 extract(shortcode_atts(array(
  'gallery'  =>  '',
 ), $atts));
 ob_start(); ?>
 	<!-- Element: OT Simple Slider -->
    <div class="simple__slider">
        <?php $img_ids = explode(",",$gallery);
        foreach( $img_ids AS $img_id ){
        	$meta = wp_prepare_attachment_for_js($img_id);			
			$title = $meta['title'];	
			$caption = $meta['caption'];
			$description = $meta['description'];
        	$image_src = wp_get_attachment_image_src($img_id,'full'); 
        ?>
            <img src="<?php echo esc_url($image_src[0]); ?>" alt="<?php echo esc_attr($title); ?>" class="img-circle img-responsive">
        <?php } ?>
    </div>    
<?php
    return ob_get_clean();
}

/*Profile Experiences*/
add_shortcode('profile_experiences', 'profile_experiences_func');
function profile_experiences_func($atts, $content = null){
	extract(shortcode_atts(array(		
		'titles' => ''			
	), $atts));
	$titles = (array) vc_param_group_parse_atts( $titles );
	ob_start(); 
?>
	<!-- Element: OT Profile Experiences -->
	<div class="timeline exp">
		<?php 
			$i=0;
			foreach ( $titles as $data ) {
				$data['title'] = isset( $data['title'] ) ? $data['title'] : '';
				$data['date'] = isset( $data['date'] ) ? $data['date'] : '';
				$data['stitle'] = isset( $data['stitle'] ) ? $data['stitle'] : '';
		?>	
	        <div class="tl-block wow fadeInUp" data-wow-delay="<?php echo $i*3; ?>">
	            <div class="tl-time">
	                <h4><?php echo wp_specialchars_decode($data['date']); ?></h4>
	            </div>
	            <div class="tl-bar">
	                <div class="tl-line"></div>
	            </div>
	            <div class="tl-message">
	                <div class="tl-icon">&nbsp;</div>
	                <div class="tl-main">
	                    <h4 class="id-color"><?php echo wp_specialchars_decode($data['title']); ?></h4>
	                    <?php echo wp_specialchars_decode($data['stitle']); ?>
	                </div>
	            </div>
	        </div>
        <?php $i++; } ?>  
    </div>  
<?php
    return ob_get_clean();
}

/*OT FAQs*/
add_shortcode( 'ot_faqs', 'ot_faqs_func' );
function ot_faqs_func( $atts, $content = null ) { 
    extract( shortcode_atts( array(
      'title' => '',
    ), $atts ) );
	ob_start(); 
?>
	<!-- Element: OT FAQs -->
  	<div class="expand">
        <h4><?php echo esc_attr($title); ?></h4>
        <div class="hidden-content">
            <?php echo wpb_js_remove_wpautop($content, true); ?>
        </div>
    </div>
<?php
    return ob_get_clean();
}

/*Contact Info*/
add_shortcode('info_contact', 'info_contact_func');
function info_contact_func($atts, $content = null){
	extract(shortcode_atts(array(
		'title'		=> 	'',		
		'reasons_type' => 'icon_library',
		'icon_fontawesome'		=>  '',
		'icon_custom'		=>  '',
		'css'   =>  '',
		'iconcolor' =>  '',
	), $atts));	

	$iconcolor1 = (!empty($iconcolor) ? 'style="color:' . esc_attr($iconcolor) . '"' : '');

	$icon_class = '';
	if ($reasons_type == 'icon_online') {
		$icon_class = $icon_custom;
	} else {
		$icon_class = $icon_fontawesome;
	}

	ob_start(); 
?>	

	<div class="info-box padding20 <?php echo vc_shortcode_custom_css_class( $css ); ?>">
        <i class="<?php echo esc_attr($icon_class); ?> id-color" <?php echo $iconcolor1; ?> ></i>
        <div class="info-box_text">
            <?php if($title != ''){ ?><div class="info-box_title"><?php echo htmlspecialchars_decode($title); ?></div><?php } ?>
            <?php if($content != ''){ ?><div class="info-box_subtite"><?php echo htmlspecialchars_decode($content); ?></div><?php } ?>
        </div>
    </div>      

<?php
    return ob_get_clean();
}

/*Google Map*/
add_shortcode('ggmap','ggmap_func');
function ggmap_func($atts, $content = null){
    extract( shortcode_atts( array(
	  'height'		=> '',	
      'lat'   		=> '',
      'long'	  	=> '',
      'zoom'		=> '',
      'address'		=> '',
	  'icon'		=> '',
	  'style'		=> 'dark',
	  'gmap_custom_style' => '',
   ), $atts ) );

       $id = uniqid('gmap-');		
	   $gmap_custom_style = rawurldecode( base64_decode( strip_tags( $gmap_custom_style ) ) );
	   $icon1 = wp_get_attachment_image_src($icon,'full');
	   $icon1 = $icon1[0];
   		
    ob_start(); ?>
   	
   	<!-- Element: OT Google Map --> 	 
    <div id="<?php echo esc_attr($id); ?>" style="<?php if($height != ''){ echo 'height: '.$height.'px;'; } ?>"></div>
		
	<script type="text/javascript">	
		(function($) { "use strict"
		    $(document).ready(function(){
		     
		        var locations = [
					['<div class="infobox"><span><?php echo esc_js( $address );?><span></div>', <?php echo esc_js( $lat );?>, <?php echo esc_js( $long );?>, 2]
		        ];
			
				var map = new google.maps.Map(document.getElementById('<?php echo esc_attr($id); ?>'), {
				  	zoom: <?php echo esc_js( $zoom );?>,
					scrollwheel: false,
					navigationControl: true,
					mapTypeControl: false,
					scaleControl: false,
					draggable: true,			
					styles: 
						<?php if ($style == 'light') {
						echo '[{
					        "featureType": "road.highway",
					        "elementType": "labels",
					        "stylers": [
					            {
					                "hue": "#ffffff"
					            },
					            {
					                "saturation": -100
					            },
					            {
					                "lightness": 100
					            },
					            {
					                "visibility": "off"
					            }
					        ]
					    },
					    {
					        "featureType": "landscape.natural",
					        "elementType": "all",
					        "stylers": [
					            {
					                "hue": "#ffffff"
					            },
					            {
					                "saturation": -100
					            },
					            {
					                "lightness": 100
					            },
					            {
					                "visibility": "on"
					            }
					        ]
					    },
					    {
					        "featureType": "road",
					        "elementType": "all",
					        "stylers": [
					            {
					                "hue": "#ffe94f"
					            },
					            {
					                "saturation": 100
					            },
					            {
					                "lightness": 4
					            },
					            {
					                "visibility": "on"
					            }
					        ]
					    },
					    {
					        "featureType": "road.highway",
					        "elementType": "geometry",
					        "stylers": [
					            {
					                "hue": "#ffe94f"
					            },
					            {
					                "saturation": 100
					            },
					            {
					                "lightness": 4
					            },
					            {
					                "visibility": "on"
					            }
					        ]
					    },
					    {
					        "featureType": "water",
					        "elementType": "geometry",
					        "stylers": [
					            {
					                "hue": "#333333"
					            },
					            {
					                "saturation": -100
					            },
					            {
					                "lightness": -74
					            },
					            {
					                "visibility": "off"
					            }
					        ]
					    }]';
				}elseif($style=='dark'){ 
					echo '[{"stylers":[{"hue":"#ff1a00"},{"invert_lightness":true},{"saturation":-100},{"lightness":33},{"gamma":0.5}]},{"featureType":"water","elementType":"geometry","stylers":[{"color":"#2D333C"}]}]';
				}else{
					echo $gmap_custom_style;
				} ?>,
					center: new google.maps.LatLng(<?php echo esc_js( $lat );?>, <?php echo esc_js( $long );?>),
				  mapTypeId: google.maps.MapTypeId.ROADMAP
				});
			
				var infowindow = new google.maps.InfoWindow();
			
				var marker, i;
			
				for (i = 0; i < locations.length; i++) {  
					marker = new google.maps.Marker({ 
						position: new google.maps.LatLng(locations[i][1], locations[i][2]), 
						map: map ,
						icon: '<?php echo esc_js( $icon1 );?>',
						title: '<?php echo esc_js($address); ?>'
					});
				  	google.maps.event.addListener(marker, (function(marker, i) {
						return function() {
							infowindow.setContent(locations[i][0]);
							infowindow.open(map, marker);
						}
				  	})(marker, i));
				}
		        
		    });

		})(jQuery);   	
	</script>
<?php
    return ob_get_clean();
}

/*Multiple Google Maps*/
add_shortcode('multiggmap','multiggmap_func');
function multiggmap_func($atts, $content = null){
    extract( shortcode_atts( array(
		'height'		=> '',	
		'lat'   		=> '',
		'long'	  	=> '',
		'zoom'		=> '',
		'address'		=> '',
		'icon'		=> '',
		'style'		=> 'dark',
		'gmap_custom_style' => '',
		'titles' => '',
		'title'  => '',
		'branch' => '',
		'address' => '',
		'phone' => '',
		'fax' => '',
		'email' => '',
		'website' => '',
		'img_office' => '',
		'viewall_text' => '',
		'active_tab' => ''
   ), $atts ) );
		
	   $viewall_text = (!empty($viewall_text) ? $viewall_text : 'View All');
	   $active_tab1 = (!empty($active_tab) ? $active_tab : 0);
       $id = uniqid('gmap-');		
	   $gmap_custom_style = rawurldecode( base64_decode( strip_tags( $gmap_custom_style ) ) );
	   $titles = (array) vc_param_group_parse_atts( $titles );	   
   		
    ob_start(); ?>
    <!-- Element: OT Multiple Google Maps --> 	 
	<div class="row">
		<div class="col-md-3">
			<div class="sidebar-left sidebar-control-map">
				<div id="controls"></div>
			</div>
   		</div>
		<div class="col-md-9">
			<div id="<?php echo esc_attr($id); ?>" style="<?php if($height != ''){ echo 'height: '.$height.'px;'; } ?>"></div>
		</div>
	</div>    	    

	<script type="text/javascript">	
		(function($) { "use strict"
			var LocsA = [
				<?php 
					foreach ( $titles as $data ) {
						$data['title'] = isset( $data['title'] ) ? $data['title'] : '';	
						$data['lat'] = isset( $data['lat'] ) ? $data['lat'] : '';
						$data['long'] = isset( $data['long'] ) ? $data['long'] : '';
						$data['zoom'] = isset( $data['zoom'] ) ? $data['zoom'] : '';
						$data['icon'] = isset( $data['icon'] ) ? $data['icon'] : '';
						$data['img_office'] = isset( $data['img_office'] ) ? $data['img_office'] : '';
						$data['branch'] = isset( $data['branch'] ) ? $data['branch'] : '';
						$data['address'] = isset( $data['address'] ) ? $data['address'] : '';
						$data['phone'] = isset( $data['phone'] ) ? $data['phone'] : '';
						$data['fax'] = isset( $data['fax'] ) ? $data['fax'] : '';
						$data['email'] = isset( $data['email'] ) ? $data['email'] : '';
						$data['website'] = isset( $data['website'] ) ? $data['website'] : '';

						$icon1 = wp_get_attachment_image_src($data['icon'],'full');
	   					$icon1 = $icon1[0];
	   					$img_office1 = wp_get_attachment_image_src($data['img_office'],'full');
	   					$img_office1 = $img_office1[0];
				?>
					{
						lat: <?php echo $data['lat']; ?>,
						lon: <?php echo $data['long']; ?>,
						title: '<?php echo $data['title']; ?>',
						html: [ 
							<?php if ($img_office1 != '') { ?>'<img src="<?php echo esc_url($img_office1); ?>" alt="<?php echo $data['branch']; ?>" height="230">',<?php } ?>
							<?php if ($data['branch'] != '') { ?>'<h3><?php echo $data['branch']; ?></h3>',<?php } ?>
							<?php if ($data['address'] != '') { ?>'<p><?php echo $data['address']; ?></p>',<?php } ?>
							<?php if ($data['phone'] != '') { ?>'<p><?php echo $data['phone']; ?></p>',<?php } ?>
							<?php if ($data['fax'] != '') { ?>'<p><?php echo $data['fax']; ?></p>',<?php } ?>
							<?php if ($data['email'] != '') { ?>'<p><?php echo $data['email']; ?></p>',<?php } ?>
							<?php if ($data['website'] != '') { ?>'<p><?php echo $data['website']; ?></p>',<?php } ?>
						].join(''),
						icon: '<?php echo esc_url($icon1); ?>',
						animation: google.maps.Animation.DROP,
						zoom:<?php echo $data['zoom']; ?>
					},
				<?php } ?>
			];

			new Maplace({
				locations: LocsA,
				map_div: '#<?php echo esc_js($id); ?>',
				controls_type: 'list',
				controls_on_map: false,
				view_all_text: '<?php echo esc_js( $viewall_text ); ?>',
				map_options: {
					scrollwheel: false
				},
				start: <?php echo esc_js($active_tab1); ?>,
				styles: {
					'Night': [{
						featureType: 'all',
						stylers: [
							{ invert_lightness: 'true' }
						]
					}],
					'Greyscale': [{
						featureType: 'all',
						stylers: [
							{ saturation: -100 },
							{ gamma: 0.50 }
						]
					}],					
					"Ultra Light": 
					<?php if ($style == 'light') {
						echo '[{
					        "featureType": "road.highway",
					        "elementType": "labels",
					        "stylers": [
					            {
					                "hue": "#ffffff"
					            },
					            {
					                "saturation": -100
					            },
					            {
					                "lightness": 100
					            },
					            {
					                "visibility": "off"
					            }
					        ]
					    },
					    {
					        "featureType": "landscape.natural",
					        "elementType": "all",
					        "stylers": [
					            {
					                "hue": "#ffffff"
					            },
					            {
					                "saturation": -100
					            },
					            {
					                "lightness": 100
					            },
					            {
					                "visibility": "on"
					            }
					        ]
					    },
					    {
					        "featureType": "road",
					        "elementType": "all",
					        "stylers": [
					            {
					                "hue": "#ffe94f"
					            },
					            {
					                "saturation": 100
					            },
					            {
					                "lightness": 4
					            },
					            {
					                "visibility": "on"
					            }
					        ]
					    },
					    {
					        "featureType": "road.highway",
					        "elementType": "geometry",
					        "stylers": [
					            {
					                "hue": "#ffe94f"
					            },
					            {
					                "saturation": 100
					            },
					            {
					                "lightness": 4
					            },
					            {
					                "visibility": "on"
					            }
					        ]
					    },
					    {
					        "featureType": "water",
					        "elementType": "geometry",
					        "stylers": [
					            {
					                "hue": "#333333"
					            },
					            {
					                "saturation": -100
					            },
					            {
					                "lightness": -74
					            },
					            {
					                "visibility": "off"
					            }
					        ]
					    }]';				
					}elseif($style=='dark'){ 
						echo '[{"stylers":[{"hue":"#ff1a00"},{"invert_lightness":true},{"saturation":-100},{"lightness":33},{"gamma":0.5}]},{"featureType":"water","elementType":"geometry","stylers":[{"color":"#2D333C"}]}]';
					}else{
						echo $gmap_custom_style;
					} ?>,
				} 
			}).Load();
		})(jQuery);   	
	</script>
<?php
    return ob_get_clean();
}

/*OT Masonry Image Gallery*/
add_shortcode('ot_masonry_image_glallery','ot_masonry_image_glallery_func');
function ot_masonry_image_glallery_func($atts, $content = null){
    extract( shortcode_atts( array(      
      'gallery' => '',
      'columns' => '',
      'style' => ''
   ), $atts ) );
    ob_start(); ?>		

	<div class="projects-grids grid-columns-<?php echo esc_attr( $columns ); ?> <?php if ($style == 'popup') { echo 'masonry-gallery-images-popup'; } ?>">
		<div class="grid-sizers"></div>
		<?php 
			$img_ids = explode(",",$gallery);
	        foreach( $img_ids AS $img_id ){
	            $meta = wp_prepare_attachment_for_js($img_id);			
				$title = $meta['title'];	
				$alt = $meta['alt'];
				$caption = $meta['caption'];
				$description = $meta['description'];	
	            $image_src = wp_get_attachment_image_src($img_id,'');
		?>			
			<div class="grid-items <?php echo esc_attr($caption); ?>">		
				<?php if ($style == 'popup') {
					echo '<a href="' . esc_url($image_src[0]) . '" class="masonry-image-popup">';
				} ?>
					<img src="<?php echo esc_url($image_src[0]); ?>" alt="<?php echo esc_attr($alt); ?>" title="<?php echo esc_attr($title); ?>" /> 	
				<?php if ($style == 'popup') {
					echo '</a>';
				} ?>	
			</div>			
		<?php } ?> 		
	</div><!-- End Here -->
<?php
    return ob_get_clean();
}
