/*============================================================
# Template Name: Loxicat - Business Consulting HTML5 Template
# Template URI: https://webextheme.com/html/loxicat-html/
# Description: Business Consulting HTML5 Template
# Author: Loxicat
# Author URI: https://themeforest.net/user/webextheme
# Version: 1.0
/*============================================================
/*========================================
---------- [JS_INDEXING_START] -----------
==========================================
## [_Prealoder_Default]
## [_Header_Height]
## [_Sticky_Header]
## [_Side_Panel_Start]
## [_Mobile_Menu_Start]
## [_Progress_Bar]
## [_Toggle_Search_Box]
## [_Back_To_Top]
## [_Accordion]
## [_js_tilt]
## [_Owl_Carousel]
## [_home_carousel]
## [_testimonial_items_1col]
## [_Testimonial_Items_2col]
## [_Testimonial_Items_3col]
## [_Team_Items_5col]
## [_Team_Items_3col]
## [_Project_Items_5col]
## [_Client_Items]
## [_Language_Button]
## [_Inline_Data_Attribute]
## [_MagnificPopUp]
## [_Portfolio_Filter]
## [_CounterUp]
## [_Wow]
==========================================
--------- [JS_INDEXING_END] --------------
==========================================
*/
(function($) {
"use strict";
var wind = jQuery(window);
var jQwind = jQuery(window);
var jQdoc = jQuery(document);
// ===Prealoder===
function prealoader() {
if (jQuery('.preloader').length) {
jQuery('.preloader').delay(100).fadeOut(500);
}
}
/*=============================================*/
/*------------- [_Header_Height] --------------*/
/*=============================================*/
var headerHeight = jQuery('.header-style-two').height();
jQuery('.header-style-two').css('height', headerHeight);
/*=============================================*/
/*-------------- [_Sticky_Header] -------------*/
/*=============================================*/
/*
wind.on('scroll', function() {
var sticky_one_layer = jQuery('.header-navigation-area.one-layer-header');
var sticky_two_layers = jQuery('.header-navigation-area.two-layers-header');
var sticky_three_layers = jQuery('.header-navigation-area.three-layers-header');
var scroll = wind.scrollTop();
if (scroll < 0) {
sticky_one_layer.removeClass('fixed');
} else {
sticky_one_layer.addClass('fixed');
}
if (scroll < 36) {
sticky_two_layers.removeClass('fixed');
} else {
sticky_two_layers.addClass('fixed');
}
if (scroll < 152) {
sticky_three_layers.removeClass('fixed');
} else {
sticky_three_layers.addClass('fixed');
}
});
*/
jQuery(document).on('ready', function() {
/*=============================================*/
/*----------- [_Side_Panel_Start] -------------*/
/*=============================================*/
jQuery('.side-panel-trigger').on('click', function() {
jQuery('.side-panel-content').addClass('side-panel-open');
})
jQuery('.close-icon').on('click', function() {
jQuery('.side-panel-content').removeClass('side-panel-open');
})
/*=============================================*/
/*---------- [_Mobile_Menu_Start] -------------*/
/*=============================================*/
var $mobile_menu = jQuery('#mobile-menu');
var $mobile_menu_right = jQuery('#mobile-menu-right');
$mobile_menu.meanmenu({
meanMenuContainer: '.mobile-menu',
meanScreenWidth: "991",
meanRevealPosition: "left",
});
$mobile_menu_right.meanmenu({
meanMenuContainer: '.mobile-menu-right',
meanScreenWidth: "991",
meanRevealPosition: "right",
});
/*=============================================*/
/*------------- [_Progress_Bar] ---------------*/
/*=============================================*/
if (jQuery('.progress-line').length) {
jQuery('.progress-line').appear(function() {
var el = jQuery(this);
var percent = el.data('width');
jQuery(el).css('width', percent + '%');
}, {
accY: 0
});
}
if (jQuery('.count-box').length) {
jQuery('.count-box').appear(function() {
var $t = jQuery(this),
n = $t.find(".count-text").attr("data-stop"),
r = parseInt($t.find(".count-text").attr("data-speed"), 10);
if (!$t.hasClass("counted")) {
$t.addClass("counted");
jQuery({
countNum: $t.find(".count-text").text()
}).animate({
countNum: n
}, {
duration: r,
easing: "linear",
step: function() {
$t.find(".count-text").text(Math.floor(this.countNum));
},
complete: function() {
$t.find(".count-text").text(this.countNum);
}
});
}
}, {
accY: 0
});
}
/*=============================================*/
/*----------- [_Toggle_Search_Box] ------------*/
/*=============================================*/
var $showsearchbox = jQuery(".show-searchbox");
var $togglesearchbox = jQuery(".toggle-searchbox");
jQuery(document).on('click', function(e) {
var clickID = e.target.id;
if ((clickID !== 's')) {
$togglesearchbox.removeClass('show');
}
});
$showsearchbox.on('click', function(e) {
event.stopPropagation();
});
jQuery('.search-form').on('click', function(e) {
event.stopPropagation();
});
$showsearchbox.on('click', function(e) {
if (!$togglesearchbox.hasClass("show")) {
$togglesearchbox.addClass('show');
event.preventDefault();
} else
$togglesearchbox.removeClass('show');
event.preventDefault();
if (!$showsearchbox.hasClass("active"))
$showsearchbox.addClass('active');
else
$showsearchbox.removeClass('active');
});
/*=============================================*/
/*--------------- [_Back_To_Top] --------------*/
/*=============================================*/
$.scrollUp({
scrollName: 'scrollUp', // Element ID
topDistance: '300', // Distance from top before showing element (px)
topSpeed: 300, // Speed back to top (ms)
animation: 'fade', // Fade, slide, none
animationInSpeed: 200, // Animation in speed (ms)
animationOutSpeed: 200, // Animation out speed (ms)
scrollText: '', // Text for element
activeOverlay: false, // Set CSS color to display scrollUp active point, e.g '#00FFFF'
});
/*=============================================*/
/*--------------- [_Accordion] ----------------*/
/*=============================================*/
jQuery('.accordion').find('.accordion-header').on('click', function() {
// Adds Active Class
jQuery(this).toggleClass('active');
// Expand or Collapse This Panel
jQuery(this).next().slideToggle(300, "swing");
// Hide The Other Panels
jQuery('.accordion-body').not(jQuery(this).next()).slideUp(300, "swing");
// Removes Active Class From Other Titles
jQuery('.accordion-header').not(jQuery(this)).removeClass('active');
});
/*=============================================*/
/*------------- [_Owl_Carousel] ---------------*/
/*=============================================*/
/*------------- [_home_carousel] --------------*/
function home_carousel() {
var owl = jQuery(".home-carousel");
owl.owlCarousel({
loop:true,
margin:0,
nav:true,
dots: false,
animateOut: 'fadeOut',
animateIn: 'fadeIn',
active: true,
autoplay: false,
smartSpeed: 1000,
autoplayTimeout: 8000,
rtl:true,
navText: ["", ""],
responsive: {
0: {
items: 1
},
425: {
items: 1
},
768: {
items: 1
},
1024: {
items: 1
},
1440: {
items: 1
}
}
});
}
home_carousel();
/*------------- [_testimonial_items_1col] ------*/
function testimonial_items_1col() {
var owl = jQuery(".testimonial-items-1col");
owl.owlCarousel({
loop: true,
margin: 30,
autoplay: true,
autoplayTimeout: 8000,
nav: true,
dots: true,
rtl:true,
navText: ["", ""],
responsive: {
0: {
items: 1
},
425: {
items: 1
},
768: {
items: 1
},
1024: {
items: 2
},
1440: {
items: 1
}
}
});
}
testimonial_items_1col();
/*------------- [_Testimonial_Items_2col] ------*/
function testimonial_items_2col() {
var owl = jQuery(".testimonial-items-2col");
owl.owlCarousel({
loop: true,
margin: 30,
autoplay: false,
autoplayTimeout: 8000,
nav: true,
dots: false,
rtl:true,
navText: ["", ""],
responsive: {
0: {
items: 1
},
425: {
items: 1
},
768: {
items: 1
},
1024: {
items: 2
},
1440: {
items: 2
}
}
});
}
testimonial_items_2col();
/*------------- [_Testimonial_Items_3col] ------*/
function testimonial_items_3col() {
var owl = jQuery(".testimonial-items-3col");
owl.owlCarousel({
loop: true,
margin: 30,
autoplay: false,
autoplayTimeout: 8000,
nav: true,
dots: false,
rtl:true,
navText: ["", ""],
responsive: {
0: {
items: 1
},
425: {
items: 1
},
768: {
items: 2
},
1024: {
items: 2
},
1440: {
items: 3
}
}
});
}
testimonial_items_3col();
/*------------- [_Team_Items_3col] ------*/
function team_items_3col() {
var owl = jQuery(".team-items-3col");
owl.owlCarousel({
loop: true,
margin: 30,
autoplay: true,
autoplayTimeout: 8000,
nav: true,
dots: false,
rtl:true,
navText: ["", ""],
responsive: {
0: {
items: 1
},
425: {
items: 1
},
768: {
items: 2
},
1024: {
items: 3
},
1440: {
items: 3
}
}
});
}
team_items_3col();
/*------------- [_Team_Items_5col] ------*/
function team_items_5col() {
var owl = jQuery(".team-items-5col");
owl.owlCarousel({
loop: true,
margin: 30,
autoplay: true,
autoplayTimeout: 8000,
nav: true,
dots: false,
rtl:true,
navText: ["", ""],
responsive: {
0: {
items: 1
},
425: {
items: 2
},
768: {
items: 3
},
1024: {
items: 4
},
1440: {
items: 5
}
}
});
}
team_items_5col();
/*------------- [_Project_Items_5col] ------*/
function project_items_4col() {
var owl = jQuery(".project-items-4col");
owl.owlCarousel({
loop: true,
margin: 5,
autoplay: false,
autoplayTimeout: 8000,
nav: true,
dots: false,
rtl:true,
navText: ["", ""],
responsive: {
0: {
items: 1
},
425: {
items: 1
},
768: {
items: 2
},
1024: {
items: 3
},
1440: {
items: 4
}
}
});
}
project_items_4col();
/*------------- [_Client_Items] ------*/
function client_items() {
var owl = jQuery(".client-items");
owl.owlCarousel({
loop: true,
margin: 30,
autoplay: true,
autoplayTimeout: 8000,
nav: false,
dots: false,
rtl:true,
navText: ["", ""],
responsive: {
0: {
items: 1
},
425: {
items: 2
},
768: {
items: 3
},
1024: {
items: 4
},
1440: {
items: 5
}
}
});
}
client_items();
/*=============================================*/
/*------------ [_Language_Button] -------------*/
/*=============================================*/
jQuery('.language-btn').on('click', function(event) {
event.preventDefault();
jQuery(this).next('.language-dropdown').toggleClass('open');
});
/*=============================================*/
/*---------- [_Inline_Data_Attribute] ---------*/
/*=============================================*/
var sectionBgImg = jQuery(".bg-img, .footer, section, div");
sectionBgImg.each(function(indx) {
if (jQuery(this).attr("data-background")) {
jQuery(this).css("background-image", "url(" + jQuery(this).data("background") + ")");
}
});
/*=============================================*/
/*--------------- [_MagnificPopUp] ------------*/
/*=============================================*/
jQuery('.popup-load').magnificPopup({
type: 'iframe',
gallery: {
enabled: true
}
});
jQuery('.img-popup').magnificPopup({
type: 'image',
gallery: {
enabled: true
}
});
jQuery('.popup-youtube, .popup-youtube-left, .popup-vimeo, .popup-gmaps').magnificPopup({
type: 'iframe',
mainClass: 'mfp-fade',
removalDelay: 160,
preloader: false,
fixedContentPos: false
});
/*=============================================*/
/*------------ [_Portfolio_Filter] ------------*/
/*=============================================*/
jQuery("#container").imagesLoaded(function() {
jQuery(".project-filter").on("click", "li", function() {
jQuery('li').removeClass("active");
jQuery(this).addClass("active");
var filterValue = jQuery(this).attr("data-filter");
$grid.isotope({
filter: filterValue
});
});
var $grid = jQuery(".grid").isotope({
itemSelector: ".grid-item",
percentPosition: true,
transitionDuration: ".6s"
})
});
/*=============================================*/
/*--------------- [_CounterUp] ----------------*/
/*=============================================*/
jQuery('.counter').counterUp({
delay: 10,
time: 1000
});
/*=============================================*/
/*------------------ [_Wow] -------------------*/
/*=============================================*/
if (jQuery('.wow').length) {
var wow = new WOW({
boxClass: 'wow',
animateClass: 'animated',
offset: 0,
mobile: false,
live: true
});
wow.init();
}
});
// Window Load event
jQuery(window).on('load', function() {
(function($) {
prealoader();
})(jQuery);
});
}(jQuery));