/*============================================================
# 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]
## [_Sticky_Header]
## [_Side_Panel_Start]
## [_Mobile_Menu_Start]
## [_Progress_Bar]
## [_Toggle_Search_Box]
## [_Back_To_Top]
## [_Accordion]
## [_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 = $(window)
var jQwind = jQuery(window)
var jQdoc = jQuery(document)
// ===Prealoder===
function prealoader() {
if ($('.preloader').length) {
$('.preloader').delay(100).fadeOut(500)
}
}
/*=============================================*/
/*-------------- [_Sticky_Header] -------------*/
/*=============================================*/
// wind.on('scroll', function() {
// var sticky_one_layer = $('.header-navigation-area.one-layer-header')
// var sticky_two_layers = $('.header-navigation-area.two-layers-header')
// var sticky_three_layers = $('.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 < 80) {
// 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')
// }
// })
wind.on('scroll', function () {
var sticky_one_layer = $('.main-scroll')
var scroll = wind.scrollTop()
if (scroll < 1) {
sticky_one_layer.removeClass('scroll-fixed')
} else {
sticky_one_layer.addClass('scroll-fixed')
}
})
jQuery(document).on('ready', function () {
/*=============================================*/
/*----------- [_Side_Panel_Start] -------------*/
/*=============================================*/
$('.side-panel-trigger').on('click', function () {
$('.side-panel-content').addClass('side-panel-open')
})
$('.close-icon').on('click', function () {
$('.side-panel-content').removeClass('side-panel-open')
})
/*=============================================*/
/*---------- [_Mobile_Menu_Start] -------------*/
/*=============================================*/
var $mobile_menu = $('#mobile-menu')
var $mobile_menu_right = $('#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 ($('.progress-line').length) {
$('.progress-line').appear(
function () {
var el = $(this)
var percent = el.data('width')
$(el).css('width', percent + '%')
},
{
accY: 0,
}
)
}
if ($('.count-box').length) {
$('.count-box').appear(
function () {
var $t = $(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')
$({
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 = $('.show-searchbox')
var $togglesearchbox = $('.toggle-searchbox')
$(document).on('click', function (e) {
var clickID = e.target.id
if (clickID !== 's') {
$togglesearchbox.removeClass('show')
}
})
$showsearchbox.on('click', function (e) {
event.stopPropagation()
})
$('.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: 0, // Animation in speed (ms)
animationOutSpeed: 0, // Animation out speed (ms)
scrollText: '', // Text for element
activeOverlay: false, // Set CSS color to display scrollUp active point, e.g '#00FFFF'
})
/*=============================================*/
/*--------------- [_Accordion] ----------------*/
/*=============================================*/
$('.accordion')
.find('.accordion-header')
.on('click', function () {
// Adds Active Class
$(this).toggleClass('active')
// Expand or Collapse This Panel
$(this).next().slideToggle(300, 'swing')
// Hide The Other Panels
$('.accordion-body').not($(this).next()).slideUp(300, 'swing')
// Removes Active Class From Other Titles
$('.accordion-header').not($(this)).removeClass('active')
})
/*=============================================*/
/*------------- [_Owl_Carousel] ---------------*/
/*=============================================*/
/*------------- [_home_carousel] --------------*/
function home_carousel() {
var owl = $('.home-carousel')
owl.owlCarousel({
loop: true,
margin: 0,
nav: true,
dots: false,
animateOut: 'fadeOut',
animateIn: 'fadeIn',
active: true,
autoplay: false,
smartSpeed: 1000,
autoplayTimeout: 8000,
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 = $('.testimonial-items-1col')
owl.owlCarousel({
loop: true,
margin: 30,
autoplay: true,
autoplayTimeout: 8000,
nav: true,
dots: 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 = $('.testimonial-items-2col')
owl.owlCarousel({
loop: true,
margin: 30,
autoplay: false,
autoplayTimeout: 8000,
nav: true,
dots: false,
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 = $('.testimonial-items-3col')
owl.owlCarousel({
loop: true,
margin: 30,
autoplay: false,
autoplayTimeout: 8000,
nav: true,
dots: false,
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 = $('.team-items-3col')
owl.owlCarousel({
loop: true,
margin: 30,
autoplay: true,
autoplayTimeout: 8000,
nav: true,
dots: false,
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 = $('.team-items-5col')
owl.owlCarousel({
loop: true,
margin: 30,
autoplay: true,
autoplayTimeout: 8000,
nav: true,
dots: false,
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 = $('.project-items-4col')
owl.owlCarousel({
loop: true,
margin: 5,
autoplay: false,
autoplayTimeout: 8000,
nav: true,
dots: false,
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 = $('.client-items')
owl.owlCarousel({
loop: true,
margin: 30,
autoplay: true,
autoplayTimeout: 8000,
nav: false,
dots: false,
navText: [
"",
"",
],
responsive: {
0: {
items: 1,
},
425: {
items: 2,
},
768: {
items: 3,
},
1024: {
items: 4,
},
// 1440: {
// items: 5,
// },
},
})
}
client_items()
/*=============================================*/
/*------------ [_Language_Button] -------------*/
/*=============================================*/
$('.language-btn').on('click', function (event) {
event.preventDefault()
$(this).next('.language-dropdown').toggleClass('open')
})
/*=============================================*/
/*---------- [_Inline_Data_Attribute] ---------*/
/*=============================================*/
var sectionBgImg = $('.bg-img, .footer, section, div')
sectionBgImg.each(function (indx) {
if ($(this).attr('data-background')) {
$(this).css(
'background-image',
'url(' + $(this).data('background') + ')'
)
}
})
/*=============================================*/
/*--------------- [_MagnificPopUp] ------------*/
/*=============================================*/
$('.popup-load').magnificPopup({
type: 'iframe',
gallery: {
enabled: true,
},
})
$('.img-popup').magnificPopup({
type: 'image',
gallery: {
enabled: true,
},
})
$(
'.popup-youtube, .popup-youtube-left, .popup-vimeo, .popup-gmaps'
).magnificPopup({
type: 'iframe',
mainClass: 'mfp-fade',
removalDelay: 160,
preloader: false,
fixedContentPos: false,
})
/*=============================================*/
/*------------ [_Portfolio_Filter] ------------*/
/*=============================================*/
$('#container').imagesLoaded(function () {
$('.project-filter').on('click', 'li', function () {
$('li').removeClass('active')
$(this).addClass('active')
var filterValue = $(this).attr('data-filter')
$grid.isotope({
filter: filterValue,
})
})
var $grid = $('.grid').isotope({
itemSelector: '.grid-item',
percentPosition: true,
transitionDuration: '.6s',
})
})
/*=============================================*/
/*--------------- [_CounterUp] ----------------*/
/*=============================================*/
$('.counter').counterUp({
delay: 10,
time: 1000,
})
/*=============================================*/
/*------------------ [_Wow] -------------------*/
/*=============================================*/
if ($('.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)