	<!-- Portfolio Filter -->
	<div class="g-bg-color--white">
		<div class="container g-padding-y-70--xs g-padding-y-100--sm">
			<div class="g-text-center--xs g-margin-b-70--xs section-heading">
				<p class="g-font-size-16--xs g-color--primary g-letter-spacing--2 g-margin-b-30--xs"><?php echo esc_html(get_theme_mod('daron_portfolio_section_title', 'Portfolio')); ?></p>
				<h2 class="g-font-size-32--xs g-font-size-36--md g-margin-b-30--xs"><?php echo esc_html(get_theme_mod('daron_portfolio_section_desc', 'Recent Work')); ?></h2>
			</div>
			<!-- Portfolio Gallery -->
			<div class="g-margin-b-70--xs">
				<div id="js__grid-portfolio-gallery" class="cbp">
					<!-- Item -->
					<div class="s-portfolio__item cbp-item">
						<div class="s-portfolio__img-effect">
							<img src="<?php echo esc_url(get_theme_mod('daron_portfolio_image_one', get_template_directory_uri() . '/images/portfolio/portfolio-1.jpg')); ?>" class="" alt="" >
						</div>
						<div class="s-portfolio__caption-hover--cc">
							<div class="g-margin-b-25--xs">
								<h4 class="g-font-size-18--xs g-color--white g-margin-b-5--xs"><a class="g-color--white" href="<?php the_permalink(); ?>"><?php echo esc_html(get_theme_mod('daron_portfolio_title_one', 'Portfolio')); ?></a></h4>
								<p class="g-color--white-opacity"> <?php echo esc_html(get_theme_mod('daron_portfolio_desc_one', 'Motivation is the catalyzing ingredient for every successful innovation.')); ?></p>
						   </div>
							<ul class="list-inline g-ul-li-lr-5--xs g-margin-b-0--xs">
								<?php //if($portfolio_lightbox == 'true') { ?>
								<li>
									<a href="<?php echo esc_url(get_theme_mod('daron_portfolio_image_one', get_template_directory_uri() . '/images/portfolio/portfolio-1.jpg')); ?>" class="cbp-lightbox s-icon s-icon--sm s-icon--white-bg g-radius--circle">
									   <i class="fa fa-arrows-alt"></i>
									</a>
								</li>
								<?php //} ?>
							</ul>
						</div>
					</div>
					<!-- Item -->
					<div class="s-portfolio__item cbp-item">
						<div class="s-portfolio__img-effect">
							<img src="<?php echo esc_url(get_theme_mod('daron_portfolio_image_two', get_template_directory_uri() . '/images/portfolio/portfolio-2.jpg')); ?>" class="" alt="" >
						</div>
						<div class="s-portfolio__caption-hover--cc">
							<div class="g-margin-b-25--xs">
								<h4 class="g-font-size-18--xs g-color--white g-margin-b-5--xs"><a class="g-color--white" href="<?php the_permalink(); ?>"><?php echo esc_html(get_theme_mod('daron_portfolio_title_two', 'Portfolio')); ?></a></h4>
								<p class="g-color--white-opacity"> <?php echo esc_html(get_theme_mod('daron_portfolio_desc_two', 'Motivation is the catalyzing ingredient for every successful innovation.')); ?></p>
						   </div>
							<ul class="list-inline g-ul-li-lr-5--xs g-margin-b-0--xs">
								<?php //if($portfolio_lightbox == 'true') { ?>
								<li>
									<a href="<?php echo esc_url(get_theme_mod('daron_portfolio_image_two', get_template_directory_uri() . '/images/portfolio/portfolio-2.jpg')); ?>" class="cbp-lightbox s-icon s-icon--sm s-icon--white-bg g-radius--circle">
									   <i class="fa fa-arrows-alt"></i>
									</a>
								</li>
								<?php //} ?>
							</ul>
						</div>
					</div>
					<!-- Item -->
					<div class="s-portfolio__item cbp-item">
						<div class="s-portfolio__img-effect">
							<img src="<?php echo esc_url(get_theme_mod('daron_portfolio_image_three', get_template_directory_uri() . '/images/portfolio/portfolio-3.jpg')); ?>" class="" alt="" >
						</div>
						<div class="s-portfolio__caption-hover--cc">
							<div class="g-margin-b-25--xs">
								<h4 class="g-font-size-18--xs g-color--white g-margin-b-5--xs"><a class="g-color--white" href="<?php the_permalink(); ?>"><?php echo esc_html(get_theme_mod('daron_portfolio_title_three', 'Portfolio')); ?></a></h4>
								<p class="g-color--white-opacity"> <?php echo esc_html(get_theme_mod('daron_portfolio_desc_three', 'Motivation is the catalyzing ingredient for every successful innovation.')); ?></p>
						   </div>
							<ul class="list-inline g-ul-li-lr-5--xs g-margin-b-0--xs">
								<?php //if($portfolio_lightbox == 'true') { ?>
								<li>
									<a href="<?php echo esc_url(get_theme_mod('daron_portfolio_image_three', get_template_directory_uri() . '/images/portfolio/portfolio-3.jpg')); ?>" class="cbp-lightbox s-icon s-icon--sm s-icon--white-bg g-radius--circle">
									   <i class="fa fa-arrows-alt"></i>
									</a>
								</li>
								<?php //} ?>
							</ul>
						</div>
					</div>
					<!-- Item -->
					<div class="s-portfolio__item cbp-item">
						<div class="s-portfolio__img-effect">
							<img src="<?php echo esc_url(get_theme_mod('daron_portfolio_image_four', get_template_directory_uri() . '/images/portfolio/portfolio-4.jpg')); ?>" class="" alt="" >
						</div>
						<div class="s-portfolio__caption-hover--cc">
							<div class="g-margin-b-25--xs">
								<h4 class="g-font-size-18--xs g-color--white g-margin-b-5--xs"><a class="g-color--white" href="<?php the_permalink(); ?>"><?php echo esc_html(get_theme_mod('daron_portfolio_title_four', 'Portfolio')); ?></a></h4>
								<p class="g-color--white-opacity"> <?php echo esc_html(get_theme_mod('daron_portfolio_desc_four', 'Motivation is the catalyzing ingredient for every successful innovation.')); ?></p>
						   </div>
							<ul class="list-inline g-ul-li-lr-5--xs g-margin-b-0--xs">
								<?php //if($portfolio_lightbox == 'true') { ?>
								<li>
									<a href="<?php echo esc_url(get_theme_mod('daron_portfolio_image_four', get_template_directory_uri() . '/images/portfolio/portfolio-4.jpg')); ?>" class="cbp-lightbox s-icon s-icon--sm s-icon--white-bg g-radius--circle">
									   <i class="fa fa-arrows-alt"></i>
									</a>
								</li>
								<?php //} ?>
							</ul>
						</div>
					</div>
					<!-- Item -->
					<div class="s-portfolio__item cbp-item">
						<div class="s-portfolio__img-effect">
							<img src="<?php echo esc_url(get_theme_mod('daron_portfolio_image_five', get_template_directory_uri() . '/images/portfolio/portfolio-5.jpg')); ?>" class="" alt="" >
						</div>
						<div class="s-portfolio__caption-hover--cc">
							<div class="g-margin-b-25--xs">
								<h4 class="g-font-size-18--xs g-color--white g-margin-b-5--xs"><a class="g-color--white" href="<?php the_permalink(); ?>"><?php echo esc_html(get_theme_mod('daron_portfolio_title_five', 'Portfolio')); ?></a></h4>
								<p class="g-color--white-opacity"> <?php echo esc_html(get_theme_mod('daron_portfolio_desc_five', 'Motivation is the catalyzing ingredient for every successful innovation.')); ?></p>
						   </div>
							<ul class="list-inline g-ul-li-lr-5--xs g-margin-b-0--xs">
								<?php //if($portfolio_lightbox == 'true') { ?>
								<li>
									<a href="<?php echo esc_url(get_theme_mod('daron_portfolio_image_five', get_template_directory_uri() . '/images/portfolio/portfolio-5.jpg')); ?>" class="cbp-lightbox s-icon s-icon--sm s-icon--white-bg g-radius--circle">
									   <i class="fa fa-arrows-alt"></i>
									</a>
								</li>
								<?php //} ?>
							</ul>
						</div>
					</div>
					<!-- Item -->
					<div class="s-portfolio__item cbp-item">
						<div class="s-portfolio__img-effect">
							<img src="<?php echo esc_url(get_theme_mod('daron_portfolio_image_six', get_template_directory_uri() . '/images/portfolio/portfolio-6.jpg')); ?>" class="" alt="" >
						</div>
						<div class="s-portfolio__caption-hover--cc">
							<div class="g-margin-b-25--xs">
								<h4 class="g-font-size-18--xs g-color--white g-margin-b-5--xs"><a class="g-color--white" href="<?php the_permalink(); ?>"><?php echo esc_html(get_theme_mod('daron_portfolio_title_six', 'Portfolio')); ?></a></h4>
								<p class="g-color--white-opacity"> <?php echo esc_html(get_theme_mod('daron_portfolio_desc_six', 'Motivation is the catalyzing ingredient for every successful innovation.')); ?></p>
						   </div>
							<ul class="list-inline g-ul-li-lr-5--xs g-margin-b-0--xs">
								<?php //if($portfolio_lightbox == 'true') { ?>
								<li>
									<a href="<?php echo esc_url(get_theme_mod('daron_portfolio_image_six', get_template_directory_uri() . '/images/portfolio/portfolio-6.jpg')); ?>" class="cbp-lightbox s-icon s-icon--sm s-icon--white-bg g-radius--circle">
									   <i class="fa fa-arrows-alt"></i>
									</a>
								</li>
								<?php //} ?>
							</ul>
						</div>
					</div>
				</div>
				<!-- End Portfolio Gallery -->
			</div>
		</div>
	</div>
	<!-- End Portfolio -->
<script>

// load more
// external js: isotope.pkgd.js

//jQuery(document).ready(function() {
//Portfolio
var Portfolio = function() {
	"use strict";
	var t = function() {
		jQuery("#js__grid-portfolio-gallery").cubeportfolio({
			//filters: "#js__filters-portfolio-gallery",
			layoutMode: "grid",
			
			mediaQueries: [{
				width: 1500,
				cols: 3
			}, {
				width: 1100,
				cols: 3,
			}, {
				width: 800,
				cols: 3,
			}, {
				width: 480,
				cols: 2
			}, {
				width: 320,
				cols: 1
			}],
			defaultFilter: "*",
			gapHorizontal: 2,
			gapVertical: 2,
			gridAdjustment: "responsive",
			caption: " ",
			lightboxDelegate: ".cbp-lightbox",
			lightboxGallery: !0,
			lightboxTitleSrc: "data-title"
			
		});
	};
	return {
		init: function() {
			t()
		}
	}
}();

jQuery(document).ready(function() {
	Portfolio.init()
});
</script>