(function($) {
"use strict";
$(document).on('ready', function() {
/*====================================
Header Sticky JS
======================================*/
jQuery(window).on('scroll', function() {
if ($(this).scrollTop() > 1) {
$('.header').addClass("sticky");
} else {
$('.header').removeClass("sticky");
}
});
/*====================================
Mobile Menu JS
======================================*/
$('.main-menu').slicknav({
prependTo:".mobile-nav",
label: '',
duration: 500,
easingOpen: "easeOutBounce",
});
/*====================================
Search JS
======================================*/
$('.top-search a').on( "click", function(){
$('.search-top').toggleClass('active');
});
/*====================================
Team JS
======================================*/
$('.single-team').on( "click", function(){
$(this).toggleClass("active");
});
/*====================================
Sidebar Popup JS
======================================*/
$('.right-nav .bar').on( "click", function(){
$('.sidebar-popup').addClass('active');
});
$('.sidebar-popup .cross').on( "click", function(){
$('.sidebar-popup').removeClass('active');
});
/*====================================
Portfolio Details JS
======================================*/
$('.home-slider').owlCarousel({
items:1,
autoplay:false,
autoplayTimeout:5000,
smartSpeed: 400,
autoplayHoverPause:true,
loop:true,
merge:true,
nav:true,
dots:false,
navText: ['', ''],
});
/*====================================
Portfolio Details JS
======================================*/
$('.pf-details-slider').owlCarousel({
items:1,
autoplay:false,
autoplayTimeout:5000,
smartSpeed: 400,
autoplayHoverPause:true,
loop:true,
merge:true,
nav:true,
dots:false,
navText: ['', ''],
});
/*====================================
Portfolio Details JS
======================================*/
$('.testimonial-slider').owlCarousel({
items:1,
autoplay:false,
autoplayTimeout:5000,
smartSpeed: 400,
autoplayHoverPause:true,
loop:true,
merge:true,
nav:false,
dots:true,
});
/*====================================
Portfolio Details JS
======================================*/
$('.team-slider').owlCarousel({
items:3,
autoplay:false,
autoplayTimeout:5000,
smartSpeed: 400,
autoplayHoverPause:true,
loop:true,
merge:true,
nav:false,
dots:true,
responsive:{
300: {
items:1,
},
480: {
items:1,
},
768: {
items:2,
},
1170: {
items:3,
},
}
});
/*====================================
Portfolio Details JS
======================================*/
$('.blog-latest-slider').owlCarousel({
items:2,
autoplay:false,
autoplayTimeout:5000,
smartSpeed: 400,
autoplayHoverPause:true,
loop:true,
merge:true,
nav:true,
navText: ['', ''],
dots:false,
responsive:{
300: {
items:1,
},
480: {
items:1,
},
768: {
items:2,
},
1170: {
items:2,
},
}
});
/*====================================
Portfolio Details JS
======================================*/
$('.partner-slider').owlCarousel({
items:6,
autoplay:false,
autoplayTimeout:5000,
smartSpeed: 400,
margin: 30,
autoplayHoverPause:true,
loop:true,
merge:true,
nav:true,
navText: ['', ''],
dots:false,
responsive:{
300: {
items:2,
nav:false,
},
480: {
items:3,
nav:false,
},
768: {
items:4,
nav:false,
},
1170: {
items:6,
},
}
});
/*=====================================
CounterUp JS
======================================*/
$('.number').counterUp({
time: 1000
});
/*=====================================
Video Popup
======================================*/
$('.video-popup').magnificPopup({
type: 'iframe',
removalDelay: 300,
mainClass: 'mfp-fade'
});
});
/*====================================
Scrool Up JS
======================================*/
$.scrollUp({
scrollName: 'scrollUp', // Element ID
scrollDistance: 300, // Distance from top/bottom before showing element (px)
scrollFrom: 'top', // 'top' or 'bottom'
scrollSpeed: 1000, // Speed back to top (ms)
animationSpeed: 200, // Animation speed (ms)
scrollTrigger: false, // Set a custom triggering element. Can be an HTML string or jQuery object
scrollTarget: false, // Set a custom target element for scrolling to. Can be element or number
scrollText: [""], // Text for element, can contain HTML
scrollTitle: false, // Set a custom title if required.
scrollImg: false, // Set true to use image
activeOverlay: false, // Set CSS color to display scrollUp active point, e.g '#00FFFF'
zIndex: 2147483647 // Z-Index for the overlay
});
/*====================================
Preloader JS
======================================*/
jQuery(window).load(function() {
jQuery(".preeloader").fadeOut('slow', function(){
jQuery(this).remove();
});
});
})(jQuery);