<?php

add_action('init', 'cyber_portfolio_sections');

if(!function_exists('cyber_portfolio_sections')):

	function cyber_portfolio_sections(){

		if(function_exists('kc_add_map')): 

		kc_add_map(

		    array(

		        'cyber_portfolio'  => array( 
		            'name'        => esc_html__('EM Portfolio Section', 'cyber'),
		            'description' => esc_html__('Display Portfolio Style', 'cyber'),
		            'icon'        => 'kc-icon-gallery',
		            'category'    => 'cyber',
		            'params'      => array(


		         	'General' => array(
				
						array(
							'name'			=> 'items',
							'label'			=> __( 'Items Limit', 'cyber' ),
							'type'			=> 'number_slider',
							'value'			=> '8',
							'description'	=> __(' Specify number of post that you want to show. Set 0 to get all team', 'cyber'),
							'options'		=> array(
								'min'			=> 0,
								'max'			=> 100,
								'unit'			=> '',
								'show_input'	=> false
							)
						),
						array(
							'type'		=> 'select',
							'label'		=> __( 'Order By', 'cyber' ),
							'name'		=> 'order',
							'options'	=> array(
								'DESC'	=> __( 'Descending', 'cyber' ),
								'ASC'	=> __( 'Ascending', 'cyber' )
							)
						),						
		                array(
		                    'name' => 'all_work',
		                    'label' => esc_html__('Set All Work Text','cyber'),
		                    'type' => 'text',
		                    'admin_label' => true,
		                    'value' => 'All Works'
		                ),
						array(
							'name'			=> 'show_filter',
							'label'			=> __( 'Show/Hide Filter', 'cyber' ),
							'type'			=> 'toggle',
							'value'			=> 'yes',
						),							
						array(
							'type'			=> 'radio_image',
							'label'			=> __( 'Select Portfolio Style', 'cyber' ),
							'name'			=> 'layout',
							'admin_label'	=> true,
							'options'		=> array(
								'1'	=> EM40_EXTENSION_URI . 'asstes/images/portfolio/layout1.jpg',
								'2'	=> EM40_EXTENSION_URI . 'asstes/images/portfolio/layout2.jpg',
								'3'	=> EM40_EXTENSION_URI . 'asstes/images/portfolio/layout3.jpg',
								'4'	=> EM40_EXTENSION_URI . 'asstes/images/portfolio/layout4.jpg',
							),
							'value'			=> '1'
						),									
						array(
							'type'			=> 'select',
							'label'			=> __( 'Set Column', 'cyber' ),
							'name'			=> 'set_column',
							'description'	=> __( 'Enter number item per row', 'cyber' ),
							'value'			=> '3',
							'options'		=> array(
								'12'	=> __( '1 Column', 'cyber' ),
								'6'	=> __( '2 Column', 'cyber' ),
								'4'	=> __( '3 Column', 'cyber' ),
								'3'	=> __( '4 Column', 'cyber' )
							),
						),					
						array(
							'name'			=> 'gutter',
							'label'			=> __( 'Select No Gutter', 'cyber' ),
							'type'			=> 'toggle',
							'value'			=> 'no',
							'description'	=> __( 'Remove column Spacing', 'cyber' ),
						),
						array(
							'name'			=> 'show_pagination',
							'label'			=> __( 'Show/Hide Pagination', 'cyber' ),
							'type'			=> 'toggle',
							'value'			=> 'no',
						),							
						array(
							'type'			=> 'text',
							'label'			=> __( 'Custom class', 'cyber' ),
							'name'			=> 'custom_class',
							'description'	=> __( 'Enter extra custom class', 'cyber' )
						)

		         	),
				'styling'	=> array(
					array(
						'name'		=> 'css_custom',
						'type'		=> 'css',
						'options'	=> array(
							array(
								"screens" => "any,1024,999,767,479",
								'Title'	=> array(
									array('property' => 'color', 'label' => 'Color', 'selector' => '+ .porttitle_inner h3 a,.prot_content h3 a, .porttitle_inner4 h3 a'),
									array('property' => 'font-family', 'label' => 'Font Family', 'selector' => '+ .porttitle_inner h3 a,.prot_content h3 a,.porttitle_inner4 h3 a'),
									array('property' => 'font-size', 'label' => 'Font Size', 'selector' => '+ .porttitle_inner h3 a,.prot_content h3 a,.porttitle_inner4 h3 a'),
									array('property' => 'line-height', 'label' => 'Line Height', 'selector' => '+ .porttitle_inner h3 a,.prot_content h3 a,.porttitle_inner4 h3 a'),
									array('property' => 'font-weight', 'label' => 'Font Weight', 'selector' => '+ .porttitle_inner h3 a,.prot_content h3 a,.porttitle_inner4 h3 a'),
									array('property' => 'text-transform', 'label' => 'Text Transform', 'selector' => '+ .porttitle_inner h3 a,.prot_content h3 a,.porttitle_inner4 h3 a'),
									array('property' => 'margin', 'label' => 'Margin', 'selector' => '+ .porttitle_inner h3,.prot_content h3,.porttitle_inner4 h3'),
									array('property' => 'padding', 'label' => 'Padding', 'selector' => '+ .porttitle_inner h3,.prot_content h3,.porttitle_inner4 h3'),
								),
								'Cat'	=> array(
									array('property' => 'color', 'label' => 'Color', 'selector' => '.prot_content p,.porttitle_inner4 p'),
									array('property' => 'font-family', 'label' => 'Font Family', 'selector' => '.prot_content p,.porttitle_inner4 p'),
									array('property' => 'font-size', 'label' => 'Font Size', 'selector' => '.prot_content p,.porttitle_inner4 p'),
									array('property' => 'line-height', 'label' => 'Line Height', 'selector' => '.prot_content p,.porttitle_inner4 p'),
									array('property' => 'font-weight', 'label' => 'Font Weight', 'selector' => '.prot_content p,.porttitle_inner4 p'),
									array('property' => 'text-transform', 'label' => 'Text Transform', 'selector' => '.prot_content p,.porttitle_inner4 p'),
									array('property' => 'padding', 'label' => 'Padding', 'selector' => '.prot_content p,.porttitle_inner4 p'),
									array('property' => 'margin', 'label' => 'Margin', 'selector' => '.prot_content p,.porttitle_inner4 p'),
								),
								'Icon' => array(
									array('property' => 'color', 'label' => 'Color', 'selector' => '.picon a'),
									array('property' => 'color', 'label' => 'Hover Color', 'selector' => '.picon a:hover'),
									array('property' => 'background-color', 'label' => 'Background Color', 'selector' => '.picon a'),
									array('property' => 'background-color', 'label' => 'BG Color Hover', 'selector' => '.picon a:hover'),
									array('property' => 'border', 'label' => 'Border', 'selector' => '.picon a'),
									array('property' => 'border-color', 'label' => 'Hover Border', 'selector' => '.picon a:hover'),									
									array('property' => 'font-size', 'label' => 'Font Size', 'selector' => '.picon a'),
									array('property' => 'height', 'label' => 'Height', 'selector' => '.picon a'),
									array('property' => 'width', 'label' => 'Width', 'selector' => '.picon a'),
									array('property' => 'line-height', 'label' => 'Line Height', 'selector' => '.picon a'),
									array('property' => 'border-radius', 'label' => 'Border Radius', 'selector' => '.picon a'),
									array('property' => 'padding', 'label' => 'Padding', 'selector' => '.picon a'),
									array('property' => 'margin', 'label' => 'Margin', 'selector' => '.picon a')
								),								
								'Box'	=> array(
									array('property' => 'background'),									
									array('property' => 'background-color', 'label' => 'BG Color Hover', 'selector' => '+:hover'),
									array('property' => 'background', 'label' => 'BG Overlay Hover', 'selector' => '.em_port_content'),									
									array('property' => 'background-color', 'label' => 'Box Content BG Color', 'selector' => '.porttitle_inner'),
									array('property' => 'background-color', 'label' => 'Box Content BG Color Hover', 'selector' => '+:hover .porttitle_inner'),
									array('property' => 'text-align', 'label' => 'Box Text Align'),
									array('property' => 'border', 'label' => 'Border'),
									array('property' => 'border-color', 'label' => 'Border Color Hover'),
									array('property' => 'display', 'label' => 'Display'),
									array('property' => 'border-radius', 'label' => 'Border Radius'),
									array('property' => 'box-shadow', 'label' => 'Box Shadow', 'selector' => '+.porttitle_inner',),
									array('property' => 'box-shadow', 'label' => 'Box Shadow Hover', 'selector' => '+.porttitle_inner:hover'),
									array('property' => 'margin', 'label' => 'Margin'),
									array('property' => 'padding', 'label' => 'Padding'),
									array('property' => 'margin', 'label' => 'Position Hover', 'selector' => '+.porttitle_inner:hover')
								),
								'Filter'	=> array(
									array('property' => 'color', 'label' => 'Text Color', 'selector' => '+.portfolio_nav ul li'),
									array('property' => 'color', 'label' => 'Text Hover Color', 'selector' => '+.portfolio_nav ul li:hover'),
									array('property' => 'border', 'label' => 'Border', 'selector' => '+.portfolio_nav ul li'),
									array('property' => 'border-color', 'label' => 'Hover Border', 'selector' => '+.portfolio_nav ul li:hover'),
									array('property' => 'background-color', 'label' => 'Background Color', 'selector' => '+.portfolio_nav ul li'),
									array('property' => 'background-color', 'label' => 'BG Color Hover', 'selector' => '+.portfolio_nav ul li:hover'),
									array('property' => 'font-family', 'label' => 'Font Family', 'selector' => '+.portfolio_nav ul li'),
									array('property' => 'font-size', 'label' => 'Font Size', 'selector' => '+.portfolio_nav ul li'),
									array('property' => 'font-weight', 'label' => 'Font Weight', 'selector' => '+.portfolio_nav ul li'),
									array('property' => 'text-transform', 'label' => 'Text Transform', 'selector' => '+.portfolio_nav ul li'),
									array('property' => 'margin', 'label' => 'Margin', 'selector' => '+.portfolio_nav ul li'),
									array('property' => 'padding', 'label' => 'Padding', 'selector' => '+.portfolio_nav ul li'),
								),
								'Filter Active'	=> array(
									array('property' => 'color', 'label' => 'Text Color', 'selector' => '+.portfolio_nav ul li.current_menu_item'),
									array('property' => 'background-color', 'label' => 'Background Color', 'selector' => '+.portfolio_nav ul li.current_menu_item'),
									array('property' => 'border-color', 'label' => 'Border Color', 'selector' => '+.portfolio_nav ul li.current_menu_item'),
									array('property' => 'background-color', 'label' => 'Bar Color', 'selector' => '+.portfolio_nav ul li.current_menu_item::before'),
									array('property' => 'border-bottom-color', 'label' => 'Angle Color', 'selector' => '+.portfolio_nav ul li.current_menu_item::after'),
								)									
								
							)
						)
					)
				),
				'animate' => array(
					array(
						'name'    => 'animate',
						'type'    => 'animate'
					)
				),					
					

		            )// Params

		        )// end shortcode key

		    )// first array

		); // End add map

		endif;

	}

endif;


// ========== Portfolio Area
if(!function_exists('cyber_portfolio_area')){
	function cyber_portfolio_area( $atts , $content = null ){

	ob_start();
	 // Attributes
			$em_portfolio_box = shortcode_atts(array(
				'layout' => '1',
				'set_column' => '3',
				'show_pagination' => '',
				'items' => '',
				'order' => '',
				'gutter'	=> '',
				'all_work'	=> '',
				'show_filter'	=> '',
				'custom_css' 	   => '',
				'custom_class' => '',
			),$atts); 
			extract( $em_portfolio_box );	 
	 

		//custom class		
		$wrap_class  = apply_filters( 'kc-el-class', $atts );
		if( !empty( $custom_class ) ):
			$wrap_class[] = $custom_class;
		endif;
		$extra_class =  implode( ' ', $wrap_class );	
	

$page = ( get_query_var( 'page' ) ? get_query_var( 'page' ) : 1 );
$paged = ( get_query_var( 'paged' ) ? get_query_var( 'paged' ) : $page );	
	

	$args = array(
		'post_type' => 'em_portfolio',
		'posts_per_page' => intval( $items ),
		'order' 			=> $order ,	
		'paged'     => $paged,
		'page'      => $paged
	);
	$the_query = new WP_Query($args);

	
	if( $the_query->have_posts() ) { ?>

	<?php if( $show_filter == 'yes' ){?>
		<div class="clearfix kicuakta">
			<div class="col-md-12">
				<div class="portfolio_nav   <?php echo esc_attr( $extra_class ); ?>">
					<ul id="filter" class="filter_menu ">
						<li class="current_menu_item" data-filter="*" ><?php if( !empty( $all_work ) ){echo $all_work;}?></li>
					<?php 	
					$categories = get_terms('em_portfolio_cat');
						foreach ( $categories as $single_category ) {?>										
							<li   data-filter=".<?php echo esc_attr( $single_category->slug );?>"><?php echo esc_html( $single_category->name );?></li>
						<?php }?>
					</ul>
				</div>

			</div>				
		</div>		
	<?php } ?>
					
			
	<?php

	switch ( $layout ) {
		case '2':
		?>
			<div class=" em_load pstyle2">				
				<div class="prot_wrap <?php echo esc_attr( $extra_class ); ?>    ">
				
					<?php while ($the_query->have_posts()) : $the_query->the_post(); 
					
						$terms = get_the_terms(get_the_ID(), 'em_portfolio_cat');
						
						$saloption  = get_post_meta( get_the_ID(),'_cyber_saloption', true ); 
						$siimagepop  = get_post_meta( get_the_ID(),'_cyber_siimagepop', true ); 
						$sllink  = get_post_meta( get_the_ID(),'_cyber_sllink', true ); 
						$shyoutub  = get_post_meta( get_the_ID(),'_cyber_shyoutub', true ); 
						$pyoutube  = get_post_meta( get_the_ID(),'_cyber_pyoutube', true ); 
						$svvimeo  = get_post_meta( get_the_ID(),'_cyber_svvimeo', true ); 
						$pvimeo  = get_post_meta( get_the_ID(),'_cyber_pvimeo', true );
						$pshow_cat  = get_post_meta( get_the_ID(),'_cyber_pshow_cat', true ); 
						$pshow_title  = get_post_meta( get_the_ID(),'_cyber_pshow_title', true ); 									

					?>
						<!-- single portfolio -->
						<div class="<?php if( $gutter == 'yes' ){echo 'nospace';}?>  col-md-<?php if( !empty( $set_column ) ){echo $set_column;}?> grid-item col-xs-12 col-sm-6 <?php foreach( $terms as $single_slug){echo $single_slug->slug. ' ';}	?>" >
							<div class="single_protfolio  <?php echo esc_attr( $extra_class ); ?>">
							
								
						<?php $m_g_image_pop  = get_post_meta( get_the_ID(),'_cyber_m_g_image_pop', true ); 
						if($m_g_image_pop =="m_gshow"){?>
						<div class="prot_thumb">
							<div class="owl-carousel portfolio_gallery_post  curosel-style">	
								
									<?php
										cyber_slider_o('_cyber_pgellaryu',array(1000,570));									
									?>									
											
							</div>	


								<div class="prot_content multi_gallery">
								<div class="prot_content_inner">
								<?php if($saloption=='m_alshow'): ?>										
										<div class="picon">								
																								
										<a class="portfolio-icon venobox" data-gall="myGallery" href="<?php echo wp_get_attachment_url( get_post_thumbnail_id( get_the_ID() ), 'full' );?>"><i class="fa fa-photo"></i></a>

										<a href="<?php the_permalink(); ?>"><i class="fa fa-link"></i></a>	
																	
										<a class="video-vemo-icon venobox" data-vbtype="youtube" data-autoplay="true" data-gall="gall-video" href="<?php echo esc_url($pyoutube ); ?>">
										<i class="fa fa-youtube-play"></i></a>			
																
										<a class="video-vemo-icon venobox" data-vbtype="vimeo" data-autoplay="true" data-gall="gall-video" href="<?php echo esc_url($pvimeo ); ?>"><i class="fa fa-vimeo"></i>
										</a>									

										</div>

								<?php else: //or ?>

								<div class="picon">
																	
															
									<?php if($siimagepop=='m_ishow'): ?>									
									<a class="portfolio-icon venobox" data-gall="myportfolio" href="<?php echo wp_get_attachment_url( get_post_thumbnail_id( get_the_ID() ), 'full' );?>"><i class="fa fa-photo"></i></a>
									<?php endif; ?>

									<?php if($sllink=='m_lshow'): ?>	
									<a href="<?php the_permalink(); ?>"><i class="fa fa-link"></i></a>	
									<?php endif; ?>

									<?php if($shyoutub=='m_yshow'): ?>	

									<?php if($pyoutube): ?>								
									<a class="video-vemo-icon venobox" data-vbtype="youtube" data-autoplay="true" data-gall="gall-video" href="<?php echo esc_url($pyoutube ); ?>">
									<i class="fa fa-youtube-play"></i></a>		
									<?php endif; ?>

									<?php endif; ?>

									<?php if($svvimeo=='m_vshow'): ?>

									<?php if($pvimeo): ?>									
									<a class="video-vemo-icon venobox" data-vbtype="vimeo" data-autoplay="true" data-gall="gall-video" href="<?php echo esc_url($pvimeo ); ?>"><i class="fa fa-vimeo"></i>
									</a>									
									<?php endif; ?>

									<?php endif; ?>

								</div>
																			
								<?php endif; ?>											
																	
									
									<?php if($pshow_title=='ptitle_show'){ ?>
									
									
									<h3><a href="<?php the_permalink(); ?>"><?php the_title();?></a></h3>
									<?php } ?>
									
									<?php if($pshow_cat=='pcat_show'){ ?>
									<p>
										<?php if( $terms ){
											
										foreach( $terms as $single_slugs ){?>
											<span class="category-item-p">
											   <?php echo $single_slugs->name ;?>
											</span>																			
										<?php }}?>
									</p>
								
									<?php } ?>										
								</div>
								</div>

						</div>			

						<?php }else{ ?>
							
							<div class="prot_thumb">
								
									<?php the_post_thumbnail('cyber-gallery-thumb');?>
								
								<div class="prot_content">
								<div class="prot_content_inner">

								<?php if($saloption=='m_alshow'): ?>										
										<div class="picon">								
																								
										<a class="portfolio-icon venobox" data-gall="myGallery" href="<?php echo wp_get_attachment_url( get_post_thumbnail_id( get_the_ID() ), 'full' );?>"><i class="fa fa-photo"></i></a>

										<a href="<?php the_permalink(); ?>"><i class="fa fa-link"></i></a>	
																	
										<a class="video-vemo-icon venobox" data-vbtype="youtube" data-autoplay="true" data-gall="gall-video" href="<?php echo esc_url($pyoutube ); ?>">
										<i class="fa fa-youtube-play"></i></a>			
																
										<a class="video-vemo-icon venobox" data-vbtype="vimeo" data-autoplay="true" data-gall="gall-video" href="<?php echo esc_url($pvimeo ); ?>"><i class="fa fa-vimeo"></i>
										</a>									

										</div>

								<?php else: //or ?>

								<div class="picon">
																	
															
									<?php if($siimagepop=='m_ishow'): ?>									
									<a class="portfolio-icon venobox" data-gall="myportfolio" href="<?php echo wp_get_attachment_url( get_post_thumbnail_id( get_the_ID() ), 'full' );?>"><i class="fa fa-photo"></i></a>
									<?php endif; ?>

									<?php if($sllink=='m_lshow'): ?>	
									<a href="<?php the_permalink(); ?>"><i class="fa fa-link"></i></a>	
									<?php endif; ?>

									<?php if($shyoutub=='m_yshow'): ?>	

									<?php if($pyoutube): ?>								
									<a class="video-vemo-icon venobox" data-vbtype="youtube" data-autoplay="true" data-gall="gall-video" href="<?php echo esc_url($pyoutube ); ?>">
									<i class="fa fa-youtube-play"></i></a>		
									<?php endif; ?>

									<?php endif; ?>

									<?php if($svvimeo=='m_vshow'): ?>

									<?php if($pvimeo): ?>									
									<a class="video-vemo-icon venobox" data-vbtype="vimeo" data-autoplay="true" data-gall="gall-video" href="<?php echo esc_url($pvimeo ); ?>"><i class="fa fa-vimeo"></i>
									</a>									
									<?php endif; ?>

									<?php endif; ?>

								</div>
																			
								<?php endif; ?>											
								
								</div>
								</div>
										
							</div>
							
								<?php if($pshow_title=='ptitle_show'){ ?>
								<div class="porttitle_inner">
								<h3><a href="<?php the_permalink(); ?>"><?php the_title();?></a></h3>
								<?php } ?>
								
								<?php if($pshow_cat=='pcat_show'){ ?>
								<p>
									<?php if( $terms ){
										
									foreach( $terms as $single_slugs ){?>
										<span class="category-item-p">
										   <?php echo $single_slugs->name ;?>
										</span>																			
									<?php }}?>
								</p>
								</div>
								<?php } ?>	
	
						<?php } ?>					
																	

							</div>
						</div>
					<?php endwhile; ?>	
					<?php wp_reset_query(); ?>

					
				</div>
			</div>					
					
		
		<?php 
		break;
		case '3':
		?>
			<div class=" em_load  pstyle3">		
				<div class="prot_wrap">				
					<?php while ($the_query->have_posts()) : $the_query->the_post(); 						
						$terms = get_the_terms(get_the_ID(), 'em_portfolio_cat');
						
						$saloption  = get_post_meta( get_the_ID(),'_cyber_saloption', true ); 
						$siimagepop  = get_post_meta( get_the_ID(),'_cyber_siimagepop', true ); 
						$sllink  = get_post_meta( get_the_ID(),'_cyber_sllink', true ); 
						$shyoutub  = get_post_meta( get_the_ID(),'_cyber_shyoutub', true ); 
						$pyoutube  = get_post_meta( get_the_ID(),'_cyber_pyoutube', true ); 
						$svvimeo  = get_post_meta( get_the_ID(),'_cyber_svvimeo', true ); 
						$pvimeo  = get_post_meta( get_the_ID(),'_cyber_pvimeo', true );
						$pshow_cat  = get_post_meta( get_the_ID(),'_cyber_pshow_cat', true ); 
						$pshow_title  = get_post_meta( get_the_ID(),'_cyber_pshow_title', true );
					?>
						<!-- single portfolio -->
						<div class=" <?php if( $gutter == 'yes' ){echo 'nospace';}?>  col-md-<?php if( !empty( $set_column ) ){echo $set_column;}?> grid-item col-xs-12 col-sm-6 <?php foreach( $terms as $single_slug){echo $single_slug->slug. ' ';}	?>" >
							<div class="single_protfolio  <?php echo esc_attr( $extra_class ); ?>">
							
								
						<?php $m_g_image_pop  = get_post_meta( get_the_ID(),'_cyber_m_g_image_pop', true ); 
						if($m_g_image_pop =="m_gshow"){?>
						<div class="prot_thumb">
							<div class="owl-carousel portfolio_gallery_post  curosel-style">	
								
									<?php
										cyber_slider_o('_cyber_pgellaryu',array(1000,570));									
									?>									
											
							</div>	


								<div class="prot_content multi_gallery">
									<div class="prot_content_inner">
									<?php if($saloption=='m_alshow'): ?>										
											<div class="picon">								
																									
											<a class="portfolio-icon venobox" data-gall="myGallery" href="<?php echo wp_get_attachment_url( get_post_thumbnail_id( get_the_ID() ), 'full' );?>"><i class="fa fa-photo"></i></a>

											<a href="<?php the_permalink(); ?>"><i class="fa fa-link"></i></a>	
																		
											<a class="video-vemo-icon venobox" data-vbtype="youtube" data-autoplay="true" data-gall="gall-video" href="<?php echo esc_url($pyoutube ); ?>">
											<i class="fa fa-youtube-play"></i></a>			
																	
											<a class="video-vemo-icon venobox" data-vbtype="vimeo" data-autoplay="true" data-gall="gall-video" href="<?php echo esc_url($pvimeo ); ?>"><i class="fa fa-vimeo"></i>
											</a>									

											</div>

									<?php else: //or ?>

									<div class="picon">
																		
																
										<?php if($siimagepop=='m_ishow'): ?>									
										<a class="portfolio-icon venobox" data-gall="myportfolio" href="<?php echo wp_get_attachment_url( get_post_thumbnail_id( get_the_ID() ), 'full' );?>"><i class="fa fa-photo"></i></a>
										<?php endif; ?>

										<?php if($sllink=='m_lshow'): ?>	
										<a href="<?php the_permalink(); ?>"><i class="fa fa-link"></i></a>	
										<?php endif; ?>

										<?php if($shyoutub=='m_yshow'): ?>	

										<?php if($pyoutube): ?>								
										<a class="video-vemo-icon venobox" data-vbtype="youtube" data-autoplay="true" data-gall="gall-video" href="<?php echo esc_url($pyoutube ); ?>">
										<i class="fa fa-youtube-play"></i></a>		
										<?php endif; ?>

										<?php endif; ?>

										<?php if($svvimeo=='m_vshow'): ?>

										<?php if($pvimeo): ?>									
										<a class="video-vemo-icon venobox" data-vbtype="vimeo" data-autoplay="true" data-gall="gall-video" href="<?php echo esc_url($pvimeo ); ?>"><i class="fa fa-vimeo"></i>
										</a>									
										<?php endif; ?>

										<?php endif; ?>

									</div>
																				
									<?php endif; ?>											
																																								
									</div>
									
									<?php if($pshow_title=='ptitle_show'){ ?>
									<div class="porttitle_inner">
										
										<h3><a href="<?php the_permalink(); ?>"><?php the_title();?></a></h3>
										<?php } ?>
										
										<?php if($pshow_cat=='pcat_show'){ ?>
										<p>
											<?php if( $terms ){
												
											foreach( $terms as $single_slugs ){?>
												<span class="category-item-p">
												   <?php echo $single_slugs->name ;?>
												</span>																			
											<?php }}?>
										</p>
																					
									
									</div>												
									<?php } ?>
								</div>

						</div>			

						<?php }else{ ?>
							
							<div class="prot_thumb">
								
									<?php the_post_thumbnail();?>
								
								<div class="prot_content ">
									<div class="prot_content_inner">

									<?php if($saloption=='m_alshow'): ?>										
											<div class="picon">								
																									
											<a class="portfolio-icon venobox" data-gall="myGallery" href="<?php echo wp_get_attachment_url( get_post_thumbnail_id( get_the_ID() ), 'full' );?>"><i class="fa fa-photo"></i></a>

											<a href="<?php the_permalink(); ?>"><i class="fa fa-link"></i></a>	
																		
											<a class="video-vemo-icon venobox" data-vbtype="youtube" data-autoplay="true" data-gall="gall-video" href="<?php echo esc_url($pyoutube ); ?>">
											<i class="fa fa-youtube-play"></i></a>			
																	
											<a class="video-vemo-icon venobox" data-vbtype="vimeo" data-autoplay="true" data-gall="gall-video" href="<?php echo esc_url($pvimeo ); ?>"><i class="fa fa-vimeo"></i>
											</a>									

											</div>

									<?php else: //or ?>

									<div class="picon">
																		
																
										<?php if($siimagepop=='m_ishow'): ?>									
										<a class="portfolio-icon venobox" data-gall="myportfolio" href="<?php echo wp_get_attachment_url( get_post_thumbnail_id( get_the_ID() ), 'full' );?>"><i class="fa fa-photo"></i></a>
										<?php endif; ?>

										<?php if($sllink=='m_lshow'): ?>	
										<a href="<?php the_permalink(); ?>"><i class="fa fa-link"></i></a>	
										<?php endif; ?>

										<?php if($shyoutub=='m_yshow'): ?>	

										<?php if($pyoutube): ?>								
										<a class="video-vemo-icon venobox" data-vbtype="youtube" data-autoplay="true" data-gall="gall-video" href="<?php echo esc_url($pyoutube ); ?>">
										<i class="fa fa-youtube-play"></i></a>		
										<?php endif; ?>

										<?php endif; ?>

										<?php if($svvimeo=='m_vshow'): ?>

										<?php if($pvimeo): ?>									
										<a class="video-vemo-icon venobox" data-vbtype="vimeo" data-autoplay="true" data-gall="gall-video" href="<?php echo esc_url($pvimeo ); ?>"><i class="fa fa-vimeo"></i>
										</a>									
										<?php endif; ?>

										<?php endif; ?>

									</div>
																				
									<?php endif; ?>											
									</div>
								</div>		
							</div>
							<?php if($pshow_title=='ptitle_show'){ ?>
							<div class="porttitle_inner">
								
								<?php if($pshow_cat=='pcat_show'){ ?>
								<p>
									<?php if( $terms ){
										
									foreach( $terms as $single_slugs ){?>
										<span class="category-item-p">
										   <?php echo $single_slugs->name ;?>
										</span>																			
									<?php }}?>
								</p>
								
								<h3><a href="<?php the_permalink(); ?>"><?php the_title();?></a></h3>
								<?php } ?>
									</div>
									<?php } ?>
	
						<?php } ?>					
																	
							</div>
						</div>
					<?php endwhile; ?>	
					<?php wp_reset_query(); ?>
				</div>
			</div>					
						
		<?php 
		break;	
		case '4':
		?>
			<div class=" em_load pstyle_1 pstyle4">
		
				<div class="prot_wrap">
				
					<?php while ($the_query->have_posts()) : $the_query->the_post(); 
					
						$terms = get_the_terms(get_the_ID(), 'em_portfolio_cat');
						
						$saloption  = get_post_meta( get_the_ID(),'_cyber_saloption', true ); 
						$siimagepop  = get_post_meta( get_the_ID(),'_cyber_siimagepop', true ); 
						$sllink  = get_post_meta( get_the_ID(),'_cyber_sllink', true ); 
						$shyoutub  = get_post_meta( get_the_ID(),'_cyber_shyoutub', true ); 
						$pyoutube  = get_post_meta( get_the_ID(),'_cyber_pyoutube', true ); 
						$svvimeo  = get_post_meta( get_the_ID(),'_cyber_svvimeo', true ); 
						$pvimeo  = get_post_meta( get_the_ID(),'_cyber_pvimeo', true );
						$pshow_cat  = get_post_meta( get_the_ID(),'_cyber_pshow_cat', true ); 
						$pshow_title  = get_post_meta( get_the_ID(),'_cyber_pshow_title', true ); 									

					?>
						<!-- single portfolio -->
			<div class=" <?php if( $gutter == 'yes' ){echo 'nospace';}?>  col-md-<?php if( !empty( $set_column ) ){echo $set_column;}?> grid-item col-xs-12 col-sm-6 <?php foreach( $terms as $single_slug){echo $single_slug->slug. ' ';}	?>" >
				<div class="single_protfolio  <?php echo esc_attr( $extra_class ); ?>">
							
								
						<?php $m_g_image_pop  = get_post_meta( get_the_ID(),'_cyber_m_g_image_pop', true ); 
						if($m_g_image_pop =="m_gshow"){?>
						<div class="prot_thumb">
							<div class="owl-carousel portfolio_gallery_post  curosel-style">	
								
									<?php
										cyber_slider_o('_cyber_pgellaryu',array(1000,570));									
									?>									
											
							</div>	


								<div class="prot_content multi_gallery">
									<div class="prot_content_inner">
									<?php if($saloption=='m_alshow'): ?>										
											<div class="picon">								
																									
											<a class="portfolio-icon venobox" data-gall="myGallery" href="<?php echo wp_get_attachment_url( get_post_thumbnail_id( get_the_ID() ), 'full' );?>"><i class="fa fa-photo"></i></a>

											<a href="<?php the_permalink(); ?>"><i class="fa fa-link"></i></a>	
																		
											<a class="video-vemo-icon venobox" data-vbtype="youtube" data-autoplay="true" data-gall="gall-video" href="<?php echo esc_url($pyoutube ); ?>">
											<i class="fa fa-youtube-play"></i></a>			
																	
											<a class="video-vemo-icon venobox" data-vbtype="vimeo" data-autoplay="true" data-gall="gall-video" href="<?php echo esc_url($pvimeo ); ?>"><i class="fa fa-vimeo"></i>
											</a>									

											</div>

									<?php else: //or ?>

									<div class="picon">
																		
																
										<?php if($siimagepop=='m_ishow'): ?>									
										<a class="portfolio-icon venobox" data-gall="myportfolio" href="<?php echo wp_get_attachment_url( get_post_thumbnail_id( get_the_ID() ), 'full' );?>"><i class="fa fa-photo"></i></a>
										<?php endif; ?>

										<?php if($sllink=='m_lshow'): ?>	
										<a href="<?php the_permalink(); ?>"><i class="fa fa-link"></i></a>	
										<?php endif; ?>

										<?php if($shyoutub=='m_yshow'): ?>	

										<?php if($pyoutube): ?>								
										<a class="video-vemo-icon venobox" data-vbtype="youtube" data-autoplay="true" data-gall="gall-video" href="<?php echo esc_url($pyoutube ); ?>">
										<i class="fa fa-youtube-play"></i></a>		
										<?php endif; ?>

										<?php endif; ?>

										<?php if($svvimeo=='m_vshow'): ?>

										<?php if($pvimeo): ?>									
										<a class="video-vemo-icon venobox" data-vbtype="vimeo" data-autoplay="true" data-gall="gall-video" href="<?php echo esc_url($pvimeo ); ?>"><i class="fa fa-vimeo"></i>
										</a>									
										<?php endif; ?>

										<?php endif; ?>

									</div>
																				
									<?php endif; ?>											
																																								
									</div>
									
									
								</div>

						</div>	
									<?php if($pshow_title=='ptitle_show'){ ?>
										<div class="pprotfolio4">
											<div class="porttitle_inner4">
												
												<h3><a href="<?php the_permalink(); ?>"><?php the_title();?></a></h3>
												
												
												<?php if($pshow_cat=='pcat_show'){ ?>
												<p>
													<?php if( $terms ){
														
													foreach( $terms as $single_slugs ){?>
														<span class="category-item-p">
														   <?php echo $single_slugs->name ;?>
														</span>																			
													<?php }} ?>
														
												</p>
												<?php } ?>												
													
											</div>
										</div>
									
									<?php } ?>

						
						<?php }else{ ?>
							
							<div class="prot_thumb">
								
									<?php the_post_thumbnail();?>
								
								<div class="prot_content">
									<div class="prot_content_inner">

									<?php if($saloption=='m_alshow'): ?>										
											<div class="picon">								
																									
											<a class="portfolio-icon venobox" data-gall="myGallery" href="<?php echo wp_get_attachment_url( get_post_thumbnail_id( get_the_ID() ), 'full' );?>"><i class="fa fa-photo"></i></a>

											<a href="<?php the_permalink(); ?>"><i class="fa fa-link"></i></a>	
																		
											<a class="video-vemo-icon venobox" data-vbtype="youtube" data-autoplay="true" data-gall="gall-video" href="<?php echo esc_url($pyoutube ); ?>">
											<i class="fa fa-youtube-play"></i></a>			
																	
											<a class="video-vemo-icon venobox" data-vbtype="vimeo" data-autoplay="true" data-gall="gall-video" href="<?php echo esc_url($pvimeo ); ?>"><i class="fa fa-vimeo"></i>
											</a>									

											</div>

									<?php else: //or ?>

									<div class="picon">
																		
																
										<?php if($siimagepop=='m_ishow'): ?>									
										<a class="portfolio-icon venobox" data-gall="myportfolio" href="<?php echo wp_get_attachment_url( get_post_thumbnail_id( get_the_ID() ), 'full' );?>"><i class="fa fa-photo"></i></a>
										<?php endif; ?>

										<?php if($sllink=='m_lshow'): ?>	
										<a href="<?php the_permalink(); ?>"><i class="fa fa-link"></i></a>	
										<?php endif; ?>

										<?php if($shyoutub=='m_yshow'): ?>	

										<?php if($pyoutube): ?>								
										<a class="video-vemo-icon venobox" data-vbtype="youtube" data-autoplay="true" data-gall="gall-video" href="<?php echo esc_url($pyoutube ); ?>">
										<i class="fa fa-youtube-play"></i></a>		
										<?php endif; ?>

										<?php endif; ?>

										<?php if($svvimeo=='m_vshow'): ?>

										<?php if($pvimeo): ?>									
										<a class="video-vemo-icon venobox" data-vbtype="vimeo" data-autoplay="true" data-gall="gall-video" href="<?php echo esc_url($pvimeo ); ?>"><i class="fa fa-vimeo"></i>
										</a>									
										<?php endif; ?>

										<?php endif; ?>

									</div>
																				
									<?php endif; ?>											
																		
										
									</div>

								
								</div>
										
							</div>	

									<?php if($pshow_title=='ptitle_show'){ ?>
										<div class="pprotfolio4">
											<div class="porttitle_inner4">
												
												<h3><a href="<?php the_permalink(); ?>"><?php the_title();?></a></h3>
												
												
												<?php if($pshow_cat=='pcat_show'){ ?>
												<p>
													<?php if( $terms ){
														
													foreach( $terms as $single_slugs ){?>
														<span class="category-item-p">
														   <?php echo $single_slugs->name ;?>
														</span>																			
													<?php }?>
													<?php }?>	
												</p>
												<?php } ?>												
													
											</div>
										</div>
									
									<?php } ?>
	
						<?php } ?>					
																	

							</div>
						</div>
					<?php endwhile; ?>	
					<?php wp_reset_query(); ?>
				</div>
			</div>					
								
									
		<?php 
		break;	
		default:
		?>		
			<div class=" em_load pstyle_1 em_port_container">					
				<div class="prot_wrap">				
					<?php while ($the_query->have_posts()) : $the_query->the_post(); 						
						$terms = get_the_terms(get_the_ID(), 'em_portfolio_cat');
						$saloption  = get_post_meta( get_the_ID(),'_cyber_saloption', true ); 
						$siimagepop  = get_post_meta( get_the_ID(),'_cyber_siimagepop', true ); 
						$sllink  = get_post_meta( get_the_ID(),'_cyber_sllink', true ); 
						$shyoutub  = get_post_meta( get_the_ID(),'_cyber_shyoutub', true ); 
						$pyoutube  = get_post_meta( get_the_ID(),'_cyber_pyoutube', true ); 
						$svvimeo  = get_post_meta( get_the_ID(),'_cyber_svvimeo', true ); 
						$pvimeo  = get_post_meta( get_the_ID(),'_cyber_pvimeo', true );
						$pshow_cat  = get_post_meta( get_the_ID(),'_cyber_pshow_cat', true ); 
						$pshow_title  = get_post_meta( get_the_ID(),'_cyber_pshow_title', true );
					?>
						<!-- single portfolio -->
						<div class=" <?php if( $gutter == 'yes' ){echo 'nospace';}?>col-md-6 col-sm-12  col-lg-<?php if( !empty( $set_column ) ){echo $set_column;}?> grid-item col-xs-12 col-sm-6 <?php foreach( $terms as $single_slug){echo $single_slug->slug. ' ';}	?>" >
					<div class="single_protfolio  <?php echo esc_attr( $extra_class ); ?>">
					<?php $m_g_image_pop  = get_post_meta( get_the_ID(),'_cyber_m_g_image_pop', true ); 
						if($m_g_image_pop =="m_gshow"){?>
						<div class="prot_thumb">
							<div class="owl-carousel portfolio_gallery_post  curosel-style">	
									<?php
										cyber_slider_o('_cyber_pgellaryu',array(1000,570));									
									?>										
							</div>	
								<div class="prot_content multi_gallery">
									<div class="prot_content_inner">
									<?php if($saloption=='m_alshow'): ?>										
											<div class="picon">								
																									
											<a class="portfolio-icon venobox" data-gall="myGallery" href="<?php echo wp_get_attachment_url( get_post_thumbnail_id( get_the_ID() ), 'full' );?>"><i class="fa fa-photo"></i></a>

											<a href="<?php the_permalink(); ?>"><i class="fa fa-link"></i></a>	
																		
											<a class="video-vemo-icon venobox" data-vbtype="youtube" data-autoplay="true" data-gall="gall-video" href="<?php echo esc_url($pyoutube ); ?>">
											<i class="fa fa-youtube-play"></i></a>			
																	
											<a class="video-vemo-icon venobox" data-vbtype="vimeo" data-autoplay="true" data-gall="gall-video" href="<?php echo esc_url($pvimeo ); ?>"><i class="fa fa-vimeo"></i>
											</a>									

											</div>

									<?php else: //or ?>

									<div class="picon">
																		
										<?php if($siimagepop=='m_ishow'): ?>									
										<a class="portfolio-icon venobox" data-gall="myportfolio" href="<?php echo wp_get_attachment_url( get_post_thumbnail_id( get_the_ID() ), 'full' );?>"><i class="fa fa-photo"></i></a>
										<?php endif; ?>

										<?php if($sllink=='m_lshow'): ?>	
										<a href="<?php the_permalink(); ?>"><i class="fa fa-link"></i></a>	
										<?php endif; ?>

										<?php if($shyoutub=='m_yshow'): ?>	

										<?php if($pyoutube): ?>								
										<a class="video-vemo-icon venobox" data-vbtype="youtube" data-autoplay="true" data-gall="gall-video" href="<?php echo esc_url($pyoutube ); ?>">
										<i class="fa fa-youtube-play"></i></a>		
										<?php endif; ?>

										<?php endif; ?>

										<?php if($svvimeo=='m_vshow'): ?>

										<?php if($pvimeo): ?>									
										<a class="video-vemo-icon venobox" data-vbtype="vimeo" data-autoplay="true" data-gall="gall-video" href="<?php echo esc_url($pvimeo ); ?>"><i class="fa fa-vimeo"></i>
										</a>									
										<?php endif; ?>

										<?php endif; ?>

									</div>
																				
									<?php endif; ?>											
																																								
									</div>
									
									<?php if($pshow_title=='ptitle_show'){ ?>
									<div class="porttitle_inner">
										
										<h3><a href="<?php the_permalink(); ?>"><?php the_title();?></a></h3>
										<?php } ?>
										
										<?php if($pshow_cat=='pcat_show'){ ?>
										<p>
											<?php if( $terms ){
												
											foreach( $terms as $single_slugs ){?>
												<span class="category-item-p">
												   <?php echo $single_slugs->name ;?>
												</span>																			
											<?php }}?>
										</p>
																					
									
									</div>												
									<?php } ?>
								</div>

						</div>			

						<?php }else{ ?>
							
							<div class="prot_thumb">
								
									<?php the_post_thumbnail();?>
								
								<div class="prot_content em_port_content ">
									<div class="prot_content_inner">

									<?php if($saloption=='m_alshow'): ?>										
											<div class="picon">								
																									
											<a class="portfolio-icon venobox" data-gall="myGallery" href="<?php echo wp_get_attachment_url( get_post_thumbnail_id( get_the_ID() ), 'full' );?>"><i class="fa fa-photo"></i></a>

											<a href="<?php the_permalink(); ?>"><i class="fa fa-link"></i></a>	
																		
											<a class="video-vemo-icon venobox" data-vbtype="youtube" data-autoplay="true" data-gall="gall-video" href="<?php echo esc_url($pyoutube ); ?>">
											<i class="fa fa-youtube-play"></i></a>			
																	
											<a class="video-vemo-icon venobox" data-vbtype="vimeo" data-autoplay="true" data-gall="gall-video" href="<?php echo esc_url($pvimeo ); ?>"><i class="fa fa-vimeo"></i>
											</a>									

											</div>

									<?php else: //or ?>

									<div class="picon">
																		
																
										<?php if($siimagepop=='m_ishow'): ?>									
										<a class="portfolio-icon venobox" data-gall="myportfolio" href="<?php echo wp_get_attachment_url( get_post_thumbnail_id( get_the_ID() ), 'full' );?>"><i class="fa fa-photo"></i></a>
										<?php endif; ?>

										<?php if($sllink=='m_lshow'): ?>	
										<a href="<?php the_permalink(); ?>"><i class="fa fa-link"></i></a>	
										<?php endif; ?>

										<?php if($shyoutub=='m_yshow'): ?>	

										<?php if($pyoutube): ?>								
										<a class="video-vemo-icon venobox" data-vbtype="youtube" data-autoplay="true" data-gall="gall-video" href="<?php echo esc_url($pyoutube ); ?>">
										<i class="fa fa-youtube-play"></i></a>		
										<?php endif; ?>

										<?php endif; ?>

										<?php if($svvimeo=='m_vshow'): ?>

										<?php if($pvimeo): ?>									
										<a class="video-vemo-icon venobox" data-vbtype="vimeo" data-autoplay="true" data-gall="gall-video" href="<?php echo esc_url($pvimeo ); ?>"><i class="fa fa-vimeo"></i>
										</a>									
										<?php endif; ?>

										<?php endif; ?>

									</div>
																				
									<?php endif; ?>											
																		

									<?php if($pshow_title=='ptitle_show'){ ?>
										<h3><a href="<?php the_permalink(); ?>"><?php the_title();?></a></h3>
											<div class="porttitle_inner">
												<?php if($pshow_cat=='pcat_show'){ ?>
												<p>
													<?php if( $terms ){
														
													foreach( $terms as $single_slugs ){?>
														<span class="category-item-p">
														   <?php echo $single_slugs->name ;?>
														</span>																			
													<?php }}?>
												</p>
											</div>
										<?php } ?>
									<?php } ?>
										
										
									</div>

									
								</div>		
							</div>				
	
						<?php } ?>					
																	
							</div>
						</div>
					<?php endwhile; ?>	
					<?php wp_reset_query(); ?>
				</div>
			</div>					
						
		<?php 				
		break;
	} 


			if( $show_pagination == 'yes' ){?>
			<!-- START PAGINATION -->
			<div class="row">
				<div class="col-md-12">
					<div class="paginations">
						
						<?php 
						
							 echo paginate_links( array(
								'prev_next' => true,
								'prev_text' => '<i class="fa fa-long-arrow-left"></i>',
								'next_text' => '<i class="fa fa-long-arrow-right"></i>',
								'type' => 'list',
								'current' => $paged,
								'total' => $the_query->max_num_pages
							) );										
						
						?>
					</div>
				</div>
			</div>
			<?php }
	

	} //end have
	
	return ob_get_clean();
	}
}
add_shortcode ('cyber_portfolio', 'cyber_portfolio_area' );