// $.noConflict();


jQuery(window).on('scroll', function (){
	"use strict";

	if (jQuery(window).scrollTop() > 185) {
		jQuery('header.header').addClass('is-sticky');
	}
	else {
		jQuery('header.header').removeClass('is-sticky');
	}

	    // Scroll to top
	    if (jQuery(this).scrollTop() > 100) {
	    	jQuery('#scroll-to-top').fadeIn('slow');
	    } else {
	    	jQuery('#scroll-to-top').fadeOut('slow');
	    }

	});



jQuery('#scroll-to-top').on("click", function(){
	"use strict";

	jQuery("html,body").animate({ scrollTop: 0 }, 1500);
	return false;
});


// jQuery('.scroll-down').click(function() {
// 	jQuery('html,body').animate({scrollTop:jQuery('.about-us').offset() }, 1000);
// });







jQuery(document).ready(function($) {
	"use strict"; 


	// $('header').scrollAway();


	$('.rating-tooltip-manual').rating({
		extendSymbol: function () {
			var title;
			$(this).tooltip({
				container: 'body',
				placement: 'bottom',
				trigger: 'manual',
				title: function () {
					return title;
				}
			});
		}
	});


	$( '.search-icon' ).on( 'click', function() {
		$(this).parent().toggleClass('active');
	});

	$( '.search-form .close' ).on( 'click', function() {
		$(this).parent().removeClass('active');
	});



	// Progress Bars 
	$( '.progress-bar' ).each(function() { 
		var  barWidth = $(this).data('progress-value');
		$(this).css({
			'width': barWidth
		});
	});

	$( '.skill-2 .progress-bar' ).each(function() { 
		var  barHeight = $(this).data('progress-value');
		$(this).css({
			'width': barHeight
		});
	});

	// Background Img
	$(".background-bg").css('background-image', function () {
		var bg = ('url(' + $(this).data("image-src") + ')');
		return bg;
	});

	// Background Img
	$(".thumb-bg").css('background-image', function () {
		var bg = ('url(' + $(this).data("image-src") + ')');
		return bg;
	});

	$(window).on("load resize",function(e){
		var windowHeight = $(window).height();
		$('.full-banner').css({ "height" : windowHeight });

	});


	jQuery('#news-slider').carousel({
		interval: 3000
	});


	jQuery('.image-popup-vertical-fit').magnificPopup({
		type: 'image',
		gallery:{
			enabled:true
		}
	});

	jQuery('.collection .image-popup-vertical-fit').magnificPopup({
		type: 'image',
		gallery:{
			enabled:false
		}
	});



	//Owl Carousels

	var workSlider = $(".work-carousel, .team #team-slider");
	workSlider.owlCarousel({
		autoPlay : 3000,
		stopOnHover : true,
		pagination : true,
		paginationNumbers: false,

		itemsCustom : [
		[0, 1],
		[450, 2],
		[600, 3],
		[700, 3],
		[800, 4],
		[1000, 4],
		[1200, 4],
		],
		
		responsive: true,
		responsiveRefreshRate : 200,
		responsiveBaseWidth: window
	});
	

	var testimonialSlider = $(".testimonial-slider");
	testimonialSlider.owlCarousel({
		autoPlay : 3000,
		stopOnHover : true,
		pagination : true,
		paginationNumbers: false,

		itemsCustom : [
		[0, 1],
		[450, 1],
		[600, 1],
		[700, 1],
		[800, 1],
		[1000, 1],
		[1200, 1],
		],
		
		responsive: true,
		responsiveRefreshRate : 200,
		responsiveBaseWidth: window
	});


	var testimonialSlider = $(".testimonial-slider-7");
	testimonialSlider.owlCarousel({
		autoPlay : 3000,
		stopOnHover : true,
		pagination : true,
		paginationNumbers: false,

		itemsCustom : [
		[0, 1],
		[450, 1],
		[600, 1],
		[700, 1],
		[800, 1],
		[1000, 1],
		[1200, 1],
		],
		
		responsive: true,
		responsiveRefreshRate : 200,
		responsiveBaseWidth: window
	});


	var relatedWorks = $(".related-works");
	relatedWorks.owlCarousel({
		autoPlay : 3000,
		stopOnHover : true,
		pagination : true,
		margin: 4,
		paginationNumbers: false,

		itemsCustom : [
		[0, 1],
		[450, 1],
		[600, 2],
		[700, 2],
		[800, 3],
		[1000, 3],
		[1200, 3],
		],
		
		responsive: true,
		responsiveRefreshRate : 200,
		responsiveBaseWidth: window
	});


	var saleSlider = $(".sale-slider");
	saleSlider.owlCarousel({
		autoPlay : 3000,
		stopOnHover : true,
		pagination : true,
		margin: 4,
		paginationNumbers: false,

		itemsCustom : [
		[0, 1],
		[450, 1],
		[600, 2],
		[700, 2],
		[800, 3],
		[1000, 3],
		[1200, 3],
		],
		
		responsive: true,
		responsiveRefreshRate : 200,
		responsiveBaseWidth: window
	});

	var relatedSlider2 = $(".related-slider");
	relatedSlider2.owlCarousel({
		autoPlay : 3000,
		stopOnHover : true,
		pagination : true,
		margin: 4,
		paginationNumbers: false,

		itemsCustom : [
		[0, 1],
		[450, 1],
		[600, 2],
		[700, 2],
		[800, 3],
		[1000, 3],
		[1200, 3],
		],
		
		responsive: true,
		responsiveRefreshRate : 200,
		responsiveBaseWidth: window
	});

	var postSlider = $(".blog-4 .post-slider");
	postSlider.owlCarousel({
		autoPlay : 3000,
		stopOnHover : true,
		pagination : true,
		margin: 4,
		paginationNumbers: false,

		itemsCustom : [
		[0, 1],
		[450, 1],
		[600, 2],
		[700, 2],
		[800, 3],
		[1000, 3],
		[1200, 3],
		],
		
		responsive: true,
		responsiveRefreshRate : 200,
		responsiveBaseWidth: window
	});


	var featuredSlider = $(".featured-slider, .service-slider");
	featuredSlider.owlCarousel({
		autoPlay : 3000,
		stopOnHover : true,
		pagination : true,
		paginationNumbers: false,

		itemsCustom : [
		[0, 1],
		[450, 1],
		[600, 2],
		[700, 2],
		[800, 3],
		[1000, 3],
		[1200, 3],
		],
		
		responsive: true,
		responsiveRefreshRate : 200,
		responsiveBaseWidth: window
	});

	var saleSlider = $(".sale-slider, .clients-slider");
	saleSlider.owlCarousel({
		autoPlay : 3000,
		stopOnHover : true,
		navigation:true,
		paginationNumbers: false,

		itemsCustom : [
		[0, 1],
		[450, 2],
		[600, 2],
		[700, 2],
		[800, 3],
		[1000, 4],
		[1200, 4],
		],
		
		responsive: true,
		responsiveRefreshRate : 200,
		responsiveBaseWidth: window
	});



	// Vertical Progress
	$('.vertical .progress-fill span').each(function(){
		var percent = $(this).html();
		var pTop = 100 - ( percent.slice(0, percent.length - 1) ) + "%";
		$(this).parent().css({
			'height' : percent,
			'top' : pTop
		});
	});


	// magnificPopup
	$('.pop-video').magnificPopup({
		type: 'iframe',


		iframe: {
			markup: '<div class="mfp-iframe-scaler">'+
			'<div class="mfp-close"></div>'+
			'<iframe class="mfp-iframe" frameborder="0" allowfullscreen></iframe>'+
			'<div class="mfp-title">Some caption</div>'+
			'</div>'
		},
		callbacks: {
			markupParse: function(template, values, item) {
				values.title = item.el.attr('title');
			}
		}	  

	});


	// vgrid
	$(".masonry").vgrid({
		easing: "easeOutQuint",
		time: 500,
		delay: 20,
		fadeIn: {
			time: 300,
			delay: 50
		}
	});

	$(".masonry-posts").vgrid({
		easing: "easeOutQuint",
		time: 500,
		delay: 20,
		fadeIn: {
			time: 300,
			delay: 50
		}
	});

	$(".post-gallery").vgrid({
		easing: "easeOutQuint",
		time: 500,
		delay: 20,
		fadeIn: {
			time: 300,
			delay: 50
		}
	});


	$(".recent-work-4, .recent-work-5").vgrid({
		easing: "easeOutQuint",
		time: 500,
		delay: 20,
		responsive: true,
		fadeIn: {
			time: 300,
			delay: 50
		}
	});



	$('.work-9 .recent-works').isotope({
		itemSelector: '.item',
		percentPosition: true,
		masonry: {

		}
	});



	// Isotop Galleries

	var $galleryItems = $('.recent-work-3'),
	colWidth = function () {
		var w = $galleryItems.width(), 
		columnNum = 1,
		columnWidth = 0;
		if (w > 1170) {
			columnNum  = 5;
		} 
		else if (w > 960) {
			columnNum  = 4;
		} 
		else if (w > 640) {
			columnNum  = 3;
		} 
		else if (w > 480) {
			columnNum  = 2;
		}  
		else if (w > 360) {
			columnNum  = 1;
		} 
		columnWidth = Math.floor(w/columnNum);
		$galleryItems.find('.item').each(function() {
			var $item = $(this),
			multiplier_w = $item.attr('class').match(/item-w(\d)/),
			multiplier_h = $item.attr('class').match(/item-h(\d)/),
			width = multiplier_w ? columnWidth*multiplier_w[1] : columnWidth,
			height = multiplier_h ? columnWidth*multiplier_h[1]*0.75-10 : columnWidth*0.82-10;
			$item.css({
				width: width,
				height: height
			});
		});
		return columnWidth;
	},
	isotope = function () {
		$galleryItems.isotope({
			resizable: true,
			itemSelector: '.item',
			masonry: {
				columnWidth: colWidth(),
				gutterWidth: 10
			}
		});
	};
	isotope();




	var $portfolioItems2 = $('.portfolio-page .recent-works-2'),
	colWidth = function () {
		var w = $portfolioItems2.width(), 
		columnNum = 1,
		columnWidth = 0;
		if (w > 1170) {
			columnNum  = 2;
		} 
		else if (w > 960) {
			columnNum  = 2;
		} 
		else if (w > 640) {
			columnNum  = 2;
		} 
		else if (w > 480) {
			columnNum  = 1;
		}  
		else if (w > 360) {
			columnNum  = 1;
		} 
		columnWidth = Math.floor(w/columnNum);
		$portfolioItems2.find('.item').each(function() {
			var $item = $(this),
			multiplier_w = $item.attr('class').match(/item-w(\d)/),
			multiplier_h = $item.attr('class').match(/item-h(\d)/),
			width = multiplier_w ? columnWidth*multiplier_w[1] : columnWidth,
			height = multiplier_h ? columnWidth*multiplier_h[1]*0.75-10 : columnWidth*0.75-10;
			$item.css({
				width: width,
				height: height
			});
		});
		return columnWidth;
	},
	isotope = function () {
		$portfolioItems2.isotope({
			resizable: true,
			itemSelector: '.item',
			masonry: {
				columnWidth: colWidth(),
				gutterWidth: 10
			}
		});
	};
	isotope();



	$('.itemFilter a').on( 'click', function(){
		$('.itemFilter .current').removeClass('current');
		$(this).addClass('current');

		var selector = $(this).attr('data-filter');
		$portfolioItems2.isotope({
			filter: selector,
			animationOptions: {
				duration: 750,
				easing: 'linear',
				queue: false
			}
		});
		return false;

	}); 




	var $galleryItems11 = $('.work.work-11 .recent-works, .portfolio-page .recent-works-3'),
	colWidth = function () {
		var w = $galleryItems11.width(), 
		columnNum = 1,
		columnWidth = 0;
		if (w > 1170) {
			columnNum  = 4;
		} 
		else if (w > 960) {
			columnNum  = 4;
		} 
		else if (w > 640) {
			columnNum  = 3;
		} 
		else if (w > 480) {
			columnNum  = 2;
		}  
		else if (w > 360) {
			columnNum  = 1;
		} 
		columnWidth = Math.floor(w/columnNum);
		$galleryItems11.find('.item').each(function() {
			var $item = $(this),
			multiplier_w = $item.attr('class').match(/item-w(\d)/),
			multiplier_h = $item.attr('class').match(/item-h(\d)/),
			width = multiplier_w ? columnWidth*multiplier_w[1] : columnWidth,
			height = multiplier_h ? columnWidth*multiplier_h[1]*0.75-10 : columnWidth*0.82-10;
			$item.css({
				width: width,
				height: height
			});
		});
		return columnWidth;
	},
	isotope = function () {
		$galleryItems11.isotope({
			resizable: true,
			itemSelector: '.item',
			masonry: {
				columnWidth: colWidth(),
				gutterWidth: 10
			}
		});
	};
	isotope();


	$('.itemFilter a').on( 'click', function(){
		$('.itemFilter .current').removeClass('current');
		$(this).addClass('current');

		var selector = $(this).attr('data-filter');
		$galleryItems11.isotope({
			filter: selector,
			animationOptions: {
				duration: 750,
				easing: 'linear',
				queue: false
			}
		});
		return false;

	}); 



	var $galleryItems = $('.portfolio-page .recent-works'),
	colWidth = function () {
		var w = $galleryItems.width(), 
		columnNum = 1,
		columnWidth = 0;
		if (w > 1170) {
			columnNum  = 3;
		} 
		else if (w > 960) {
			columnNum  = 3;
		} 
		else if (w > 640) {
			columnNum  = 3;
		} 
		else if (w > 480) {
			columnNum  = 2;
		}  
		else if (w > 360) {
			columnNum  = 1;
		} 
		columnWidth = Math.floor(w/columnNum);
		$galleryItems.find('.item').each(function() {
			var $item = $(this),
			multiplier_w = $item.attr('class').match(/item-w(\d)/),
			multiplier_h = $item.attr('class').match(/item-h(\d)/),
			width = multiplier_w ? columnWidth*multiplier_w[1] : columnWidth,
			height = multiplier_h ? columnWidth*multiplier_h[1]*0.75-10 : columnWidth*0.78-10;
			$item.css({
				width: width,
				height: height
			});
		});
		return columnWidth;
	},
	isotope = function () {
		$galleryItems.isotope({
			resizable: true,
			itemSelector: '.item',
			masonry: {
				columnWidth: colWidth(),
				gutterWidth: 10
			}
		});
	};
	isotope();


	$('.itemFilter a').on( 'click', function(){
		$('.itemFilter .current').removeClass('current');
		$(this).addClass('current');

		var selector = $(this).attr('data-filter');
		$galleryItems.isotope({
			filter: selector,
			animationOptions: {
				duration: 750,
				easing: 'linear',
				queue: false
			}
		});
		return false;

	}); 


	var $workItems3 = $('.portfolio-page .recent-works-5'),
	colWidth = function () {
		var w = $workItems3.width(), 
		columnNum = 1,
		columnWidth = 0;
		if (w > 1170) {
			columnNum  = 4;
		} 
		else if (w > 960) {
			columnNum  = 4;
		} 
		else if (w > 640) {
			columnNum  = 3;
		} 
		else if (w > 480) {
			columnNum  = 2;
		}  
		else if (w > 360) {
			columnNum  = 1;
		} 
		columnWidth = Math.floor(w/columnNum);
		$workItems3.find('.item').each(function() {
			var $item = $(this),
			multiplier_w = $item.attr('class').match(/item-w(\d)/),
			multiplier_h = $item.attr('class').match(/item-h(\d)/),
			width = multiplier_w ? columnWidth*multiplier_w[1] : columnWidth,
			height = multiplier_h ? columnWidth*multiplier_h[1]*0.76-10 : columnWidth*0.8115-10;
			$item.css({
				width: width,
				height: height
			});
		});
		return columnWidth;
	},
	isotope = function () {
		$workItems3.isotope({
			resizable: true,
			itemSelector: '.item',
			masonry: {
				columnWidth: colWidth(),
				gutterWidth: 10
			}
		});
	};
	isotope();


	$('.itemFilter a').on( 'click', function(){
		$('.itemFilter .current').removeClass('current');
		$(this).addClass('current');

		var selector = $(this).attr('data-filter');
		$workItems3.isotope({
			filter: selector,
			animationOptions: {
				duration: 750,
				easing: 'linear',
				queue: false
			}
		});
		return false;

	}); 



	var $workItems4 = $('.portfolio-page .recent-works.recent-works-4'),
	colWidth = function () {
		var w = $workItems4.width(), 
		columnNum = 1,
		columnWidth = 0;
		if (w > 1170) {
			columnNum  = 1;
		} 
		else if (w > 960) {
			columnNum  = 1;
		} 
		else if (w > 640) {
			columnNum  = 1;
		} 
		else if (w > 480) {
			columnNum  = 1;
		}  
		else if (w > 360) {
			columnNum  = 1;
		} 
		columnWidth = Math.floor(w/columnNum);
		$workItems4.find('.item').each(function() {
			var $item = $(this),
			multiplier_w = $item.attr('class').match(/item-w(\d)/),
			multiplier_h = $item.attr('class').match(/item-h(\d)/),
			width = multiplier_w ? columnWidth*multiplier_w[1] : columnWidth,
			height = multiplier_h ? columnWidth*multiplier_h[1]*0.8-10 : columnWidth*0.8-10;
			$item.css({
				width: width,
				height: height
			});
		});
		return columnWidth;
	},
	isotope = function () {
		$workItems4.isotope({
			resizable: true,
			itemSelector: '.item',
			masonry: {
				columnWidth: colWidth(),
				gutterWidth: 10
			}
		});
	};
	isotope();


	$('.itemFilter a').on( 'click', function(){
		$('.itemFilter .current').removeClass('current');
		$(this).addClass('current');

		var selector = $(this).attr('data-filter');
		$workItems4.isotope({
			filter: selector,
			animationOptions: {
				duration: 750,
				easing: 'linear',
				queue: false
			}
		});
		return false;

	}); 



	var $workItems3 = $('.portfolio-page .recent-works-9'),
	colWidth = function () {
		var w = $workItems3.width(), 
		columnNum = 1,
		columnWidth = 0;
		if (w > 1170) {
			columnNum  = 5;
		} 
		else if (w > 960) {
			columnNum  = 4;
		} 
		else if (w > 640) {
			columnNum  = 3;
		} 
		else if (w > 480) {
			columnNum  = 2;
		}  
		else if (w > 360) {
			columnNum  = 1;
		} 
		columnWidth = Math.floor(w/columnNum);
		$workItems3.find('.item').each(function() {
			var $item = $(this),
			multiplier_w = $item.attr('class').match(/item-w(\d)/),
			multiplier_h = $item.attr('class').match(/item-h(\d)/),
			width = multiplier_w ? columnWidth*multiplier_w[1] : columnWidth,
			height = multiplier_h ? columnWidth*multiplier_h[1]*0.76-10 : columnWidth*0.8115-10;
			$item.css({
				width: width,
				height: height
			});
		});
		return columnWidth;
	},
	isotope = function () {
		$workItems3.isotope({
			resizable: true,
			itemSelector: '.item',
			masonry: {
				columnWidth: colWidth(),
				gutterWidth: 10
			}
		});
	};
	isotope();


	$('.itemFilter a').on( 'click', function(){
		$('.itemFilter .current').removeClass('current');
		$(this).addClass('current');

		var selector = $(this).attr('data-filter');
		$workItems3.isotope({
			filter: selector,
			animationOptions: {
				duration: 750,
				easing: 'linear',
				queue: false
			}
		});
		return false;

	});

});