(function ($) {
'use strict';
var imJs = {
m: function (e) {
imJs.d();
imJs.methods();
},
d: function (e) {
this._window = $(window),
this._document = $(document),
this._body = $('body'),
this._html = $('html')
},
methods: function (e) {
imJs.swiperActivation();
imJs.vedioActivation();
imJs.counterUp();
imJs.salActive();
imJs.progressAvtivation();
imJs.stickyHeader();
imJs.backToTopInit();
imJs.typeJS();
imJs.searchOpton();
imJs.menuActive();
imJs.popupMobileMenu();
imJs.preloader();
imJs.smoothScroll();
imJs.textActivation();
},
swiperActivation: function (){
$(document).ready(function() {
var swiper = new Swiper(".mySwiper", {
loop: false,
loopedSlides: 50,
autoHeight: true,
shortSwipes: false,
longSwipes: false,
effect: 'fade',
speed:500,
autoplay: {
delay: 4000,
},
});
});
$(document).ready(function() {
var swiper = new Swiper(".testimonial-1", {
slidesPerView: 2.5,
spaceBetween: 24,
slidesPerGroup: 1,
loop: true,
loopFillGroupWithBlank: true,
navigation: {
nextEl: ".swiper-button-next",
prevEl: ".swiper-button-prev",
},
autoplay: {
delay: 3000,
},
breakpoints: {
1500: {
slidesPerView: 2.5,
},
1300: {
slidesPerView: 4,
},
991: {
slidesPerView: 3,
},
767: {
slidesPerView: 2,
},
575: {
slidesPerView: 2,
},
0: {
slidesPerView: 1,
}
},
});
$(document).ready(function() {
var swiper = new Swiper(".mySwiperBanner-three", {
loop: false,
loopedSlides: 50,
autoHeight: true,
shortSwipes: false,
longSwipes: false,
effect: 'fade',
speed:500,
autoplay: {
delay: 4000,
},
});
});
var swiper = new Swiper(".brand-1", {
slidesPerView: 2.5,
spaceBetween: 100,
slidesPerGroup: 1,
loop: true,
loopFillGroupWithBlank: true,
navigation: {
nextEl: ".swiper-button-next",
prevEl: ".swiper-button-prev",
},
autoplay: {
delay: 3000,
},
breakpoints: {
1500: {
slidesPerView: 5,
},
1300: {
slidesPerView: 4,
},
991: {
slidesPerView: 3,
},
767: {
slidesPerView: 2,
},
575: {
slidesPerView: 2,
},
0: {
slidesPerView: 1,
}
},
});
var swiper = new Swiper(".team-one-swiper", {
slidesPerView: 2.5,
spaceBetween: 40,
slidesPerGroup: 1,
loop: true,
loopFillGroupWithBlank: true,
navigation: {
nextEl: ".swiper-button-next",
prevEl: ".swiper-button-prev",
},
autoplay: {
delay: 3000,
},
breakpoints: {
1500: {
slidesPerView: 3,
},
1300: {
slidesPerView: 3,
},
991: {
slidesPerView: 3,
},
767: {
slidesPerView: 2,
},
575: {
slidesPerView: 2,
},
0: {
slidesPerView: 1,
}
},
});
var swiper = new Swiper(".project-h2-slider", {
slidesPerView: 2.5,
spaceBetween: 24,
slidesPerGroup: 1,
loop: true,
loopFillGroupWithBlank: true,
centeredSlides: true,
navigation: {
nextEl: ".swiper-button-next",
prevEl: ".swiper-button-prev",
},
pagination: {
el: '.swiper-pagination',
clickable: true,
dynamicBullets: true
},
autoplay: {
delay: 3000,
},
breakpoints: {
1500: {
slidesPerView: 4.2,
},
1300: {
slidesPerView: 3,
},
991: {
slidesPerView: 3,
},
767: {
slidesPerView: 2,
},
575: {
slidesPerView: 2,
},
0: {
slidesPerView: 1,
}
},
});
var swiper = new Swiper(".testimonials-h2", {
slidesPerView: 2,
spaceBetween: 24,
slidesPerGroup: 1,
loop: true,
loopFillGroupWithBlank: true,
// centeredSlides: true,
// navigation: {
// nextEl: ".swiper-button-next",
// prevEl: ".swiper-button-prev",
// },
pagination: {
el: '.swiper-pagination2',
clickable: true,
dynamicBullets: false
},
autoplay: {
delay: 3000,
},
breakpoints: {
1500: {
slidesPerView: 2,
},
1300: {
slidesPerView: 2,
},
991: {
slidesPerView: 2,
},
767: {
slidesPerView: 1,
},
575: {
slidesPerView: 1,
},
0: {
slidesPerView: 1,
}
},
});
});
$(document).ready(function() {
var swiper = new Swiper(".mySwipers", {
loop: true,
loopedSlides: 50,
autoHeight: true,
shortSwipes: false,
longSwipes: false,
effect: 'fade',
speed: 500,
autoplay: {
delay: 1500,
},
pagination: {
el: ".swiper-pagination",
type: "fraction",
},
navigation: {
nextEl: ".swiper-button-next",
prevEl: ".swiper-button-prev",
},
});
});
$(document).ready(function() {
var swiper = new Swiper(".mySwipertestimonial", {
loop: true,
loopedSlides: 50,
autoHeight: true,
shortSwipes: false,
longSwipes: false,
navigation: {
nextEl: ".swiper-button-next",
prevEl: ".swiper-button-prev",
},
});
});
$(document).ready(function() {
var swiper = new Swiper(".mySwiperh2_Service", {
slidesPerView: 3,
spaceBetween: 30,
slidesPerGroup: 1,
loop: true,
loopFillGroupWithBlank: true,
pagination: {
el: ".swiper-pagination",
type: "fraction",
},
navigation: {
nextEl: ".swiper-button-next",
prevEl: ".swiper-button-prev",
},
breakpoints: {
1500: {
slidesPerView: 3,
},
1300: {
slidesPerView: 3,
},
991: {
slidesPerView: 3,
},
767: {
slidesPerView: 2,
},
575: {
slidesPerView: 2,
},
0: {
slidesPerView: 1,
}
},
});
});
$(document).ready(function() {
var swiper = new Swiper(".mySwiperh2_Business_Cases", {
slidesPerView: 4,
spaceBetween: 30,
slidesPerGroup: 2,
loop: true,
loopFillGroupWithBlank: true,
pagination: {
el: ".swiper-pagination",
type: "fraction",
},
navigation: {
nextEl: ".swiper-button-next",
prevEl: ".swiper-button-prev",
},
autoplay: {
delay: 3000,
},
breakpoints: {
1500: {
slidesPerView: 4,
},
1300: {
slidesPerView: 4,
},
991: {
slidesPerView: 3,
},
767: {
slidesPerView: 2,
},
575: {
slidesPerView: 2,
},
0: {
slidesPerView: 1,
}
},
});
});
$(document).ready(function() {
var swiper = new Swiper(".mySwiperh2_clients", {
slidesPerView: 3,
spaceBetween: 30,
slidesPerGroup: 1,
loop: true,
loopFillGroupWithBlank: true,
pagination: {
el: ".swiper-pagination",
type: "fraction",
},
navigation: {
nextEl: ".swiper-button-next",
prevEl: ".swiper-button-prev",
},
autoplay: {
delay: 3000,
},
breakpoints: {
1500: {
slidesPerView: 3,
},
1300: {
slidesPerView: 3,
},
1199: {
slidesPerView: 2,
},
767: {
slidesPerView: 2,
},
575: {
slidesPerView: 1,
},
0: {
slidesPerView: 1,
}
},
});
});
$(document).ready(function() {
var swiper = new Swiper(".mySwiperh3_business-case", {
slidesPerView: 3,
spaceBetween: 30,
slidesPerGroup: 1,
loop: true,
loopFillGroupWithBlank: true,
pagination: {
el: ".swiper-pagination",
type: "fraction",
},
navigation: {
nextEl: ".swiper-button-next",
prevEl: ".swiper-button-prev",
},
autoplay: {
delay: 3000,
},
breakpoints: {
1500: {
slidesPerView: 3,
},
1300: {
slidesPerView: 3,
},
1199: {
slidesPerView: 2,
},
767: {
slidesPerView: 2,
},
575: {
slidesPerView: 1,
},
0: {
slidesPerView: 1,
}
},
});
});
$(document).ready(function() {
var swiper = new Swiper(".mySwiperh1_team", {
slidesPerView: 4,
spaceBetween: 30,
slidesPerGroup: 1,
loop: true,
loopFillGroupWithBlank: true,
centeredSlides: false,
pagination: {
el: ".swiper-pagination",
type: "fraction",
},
navigation: {
nextEl: ".swiper-button-next",
prevEl: ".swiper-button-prev",
},
autoplay: {
delay: 3000,
},
breakpoints: {
1500: {
slidesPerView: 4,
},
1300: {
slidesPerView: 4,
},
991: {
slidesPerView: 3,
},
767: {
slidesPerView: 3,
},
575: {
slidesPerView: 2,
},
0: {
slidesPerView: 1,
}
},
});
});
$(document).ready(function() {
var swiper = new Swiper(".mySwiperh3_team", {
slidesPerView: 3,
spaceBetween: 30,
slidesPerGroup: 1,
loop: true,
loopFillGroupWithBlank: true,
pagination: {
el: ".swiper-pagination",
type: "fraction",
},
navigation: {
nextEl: ".swiper-button-next",
prevEl: ".swiper-button-prev",
},
autoplay: {
delay: 3000,
},
breakpoints: {
1500: {
slidesPerView: 3,
},
1399: {
slidesPerView: 3,
},
991: {
slidesPerView: 2,
},
767: {
slidesPerView: 2,
},
575: {
slidesPerView: 2,
},
0: {
slidesPerView: 1,
}
},
});
});
$(document).ready(function() {
var swiper = new Swiper(".mySwiperh1_blog", {
slidesPerView: 1,
spaceBetween: 30,
slidesPerView: 3,
speed: 1500,
loop: true,
loopFillGroupWithBlank: true,
centeredSlides: false,
breakpoints: {
1600: {
slidesPerView: 3,
},
1300: {
slidesPerView: 3,
},
1220: {
slidesPerView: 3,
},
1200: {
slidesPerView: 3,
},
900: {
slidesPerView: 2,
},
576: {
slidesPerView: 2,
},
0: {
slidesPerView: 1,
},
},
autoplay: {
delay: 2500,
disableOnInteraction: true
},
navigation: {
prevEl: ".swiper-button-prev",
nextEl: ".swiper-button-next",
},
pagination: {
el: ".swiper-pag",
clickable: true,
}
});
});
$(document).ready(function() {
var swiper = new Swiper(".mySwiperh2_banner", {
slidesPerView: 1,
spaceBetween: 30,
slidesPerGroup: 1,
loop: true,
loopFillGroupWithBlank: true,
effect: 'fade',
pagination: {
el: ".swiper-pagination",
type: "fraction",
},
navigation: {
nextEl: ".swiper-button-next",
prevEl: ".swiper-button-prev",
},
autoplay: {
delay: 4000,
},
});
});
$(document).ready(function() {
var swiper = new Swiper(".mySwiperh3_banner", {
slidesPerView: 1,
spaceBetween: 0,
slidesPerGroup: 1,
loop: true,
loopFillGroupWithBlank: true,
pagination: {
el: ".swiper-pagination",
type: "fraction",
},
navigation: {
nextEl: ".swiper-button-next",
prevEl: ".swiper-button-prev",
},
autoplay: {
delay: 4000,
},
});
});
},
vedioActivation: function (e) {
$('#play-video, .play-video').on('click', function (e) {
e.preventDefault();
$('#video-overlay, .video-overlay').addClass('open');
$("#video-overlay, .video-overlay").append('');
});
$('.video-overlay, .video-overlay-close').on('click', function (e) {
e.preventDefault();
close_video();
});
$(document).keyup(function (e) {
if (e.keyCode === 27) {
close_video();
}
});
function close_video() {
$('.video-overlay.open').removeClass('open').find('iframe').remove();
};
},
counterUp: function (e) {
$('.counter').counterUp({
delay: 10,
time: 1000
});
$('.counter').addClass('animated fadeInDownBig');
$('h3').addClass('animated fadeIn');
},
salActive: function () {
sal({
threshold: 0.1,
once: true,
});
},
progressAvtivation: function(){
$(window).scroll(function () {
if ($(this).scrollTop() > 250) {
var bars = document.querySelectorAll('.meter > span');
console.clear();
setInterval(function(){
bars.forEach(function(bar){
var getWidth = parseFloat(bar.dataset.progress);
for(var i = 0; i < getWidth; i++) {
bar.style.width = i + '%';
}
});
}, 100);
}
})
},
stickyHeader: function (e) {
$(window).scroll(function () {
if ($(this).scrollTop() > 150) {
$('.header--sticky').addClass('sticky')
} else {
$('.header--sticky').removeClass('sticky')
}
})
},
backToTopInit: function () {
$(document).ready(function(){
"use strict";
var progressPath = document.querySelector('.progress-wrap path');
var pathLength = progressPath.getTotalLength();
progressPath.style.transition = progressPath.style.WebkitTransition = 'none';
progressPath.style.strokeDasharray = pathLength + ' ' + pathLength;
progressPath.style.strokeDashoffset = pathLength;
progressPath.getBoundingClientRect();
progressPath.style.transition = progressPath.style.WebkitTransition = 'stroke-dashoffset 10ms linear';
var updateProgress = function () {
var scroll = $(window).scrollTop();
var height = $(document).height() - $(window).height();
var progress = pathLength - (scroll * pathLength / height);
progressPath.style.strokeDashoffset = progress;
}
updateProgress();
$(window).scroll(updateProgress);
var offset = 50;
var duration = 550;
jQuery(window).on('scroll', function() {
if (jQuery(this).scrollTop() > offset) {
jQuery('.progress-wrap').addClass('active-progress');
} else {
jQuery('.progress-wrap').removeClass('active-progress');
}
});
jQuery('.progress-wrap').on('click', function(event) {
event.preventDefault();
jQuery('html, body').animate({scrollTop: 0}, duration);
return false;
})
});
},
typeJS: function () {
jQuery(document).ready(function($) {
//set animation timing
var animationDelay = 2500,
//loading bar effect
barAnimationDelay = 3800,
barWaiting = barAnimationDelay - 3000, //3000 is the duration of the transition on the loading bar - set in the scss/css file
//letters effect
lettersDelay = 50,
//type effect
typeLettersDelay = 150,
selectionDuration = 1500,
typeAnimationDelay = selectionDuration + 800,
//clip effect
revealDuration = 1000,
revealAnimationDelay = 1500;
initHeadline();
function initHeadline() {
//insert element for each letter of a changing word
singleLetters($('.cd-headline.letters').find('b'));
//initialise headline animation
animateHeadline($('.cd-headline'));
}
function singleLetters($words) {
$words.each(function() {
var word = $(this),
letters = word.text().split(''),
selected = word.hasClass('is-visible');
for (i in letters) {
if (word.parents('.rotate-2').length > 0) letters[i] = '' + letters[i] + '';
letters[i] = (selected) ? '' + letters[i] + '' : '' + letters[i] + '';
}
var newLetters = letters.join('');
word.html(newLetters).css('opacity', 1);
});
}
function animateHeadline($headlines) {
var duration = animationDelay;
$headlines.each(function() {
var headline = $(this);
if (headline.hasClass('loading-bar')) {
duration = barAnimationDelay;
setTimeout(function() {
headline.find('.cd-words-wrapper').addClass('is-loading')
}, barWaiting);
} else if (headline.hasClass('clip')) {
var spanWrapper = headline.find('.cd-words-wrapper'),
newWidth = spanWrapper.width() + 10
spanWrapper.css('width', newWidth);
} else if (!headline.hasClass('type')) {
//assign to .cd-words-wrapper the width of its longest word
var words = headline.find('.cd-words-wrapper b'),
width = 0;
words.each(function() {
var wordWidth = $(this).width();
if (wordWidth > width) width = wordWidth;
});
headline.find('.cd-words-wrapper').css('width', width);
};
//trigger animation
setTimeout(function() {
hideWord(headline.find('.is-visible').eq(0))
}, duration);
});
}
function hideWord($word) {
var nextWord = takeNext($word);
if ($word.parents('.cd-headline').hasClass('type')) {
var parentSpan = $word.parent('.cd-words-wrapper');
parentSpan.addClass('selected').removeClass('waiting');
setTimeout(function() {
parentSpan.removeClass('selected');
$word.removeClass('is-visible').addClass('is-hidden').children('i').removeClass('in').addClass('out');
}, selectionDuration);
setTimeout(function() {
showWord(nextWord, typeLettersDelay)
}, typeAnimationDelay);
} else if ($word.parents('.cd-headline').hasClass('letters')) {
var bool = ($word.children('i').length >= nextWord.children('i').length) ? true : false;
hideLetter($word.find('i').eq(0), $word, bool, lettersDelay);
showLetter(nextWord.find('i').eq(0), nextWord, bool, lettersDelay);
} else if ($word.parents('.cd-headline').hasClass('clip')) {
$word.parents('.cd-words-wrapper').animate({
width: '2px'
}, revealDuration, function() {
switchWord($word, nextWord);
showWord(nextWord);
});
} else if ($word.parents('.cd-headline').hasClass('loading-bar')) {
$word.parents('.cd-words-wrapper').removeClass('is-loading');
switchWord($word, nextWord);
setTimeout(function() {
hideWord(nextWord)
}, barAnimationDelay);
setTimeout(function() {
$word.parents('.cd-words-wrapper').addClass('is-loading')
}, barWaiting);
} else {
switchWord($word, nextWord);
setTimeout(function() {
hideWord(nextWord)
}, animationDelay);
}
}
function showWord($word, $duration) {
if ($word.parents('.cd-headline').hasClass('type')) {
showLetter($word.find('i').eq(0), $word, false, $duration);
$word.addClass('is-visible').removeClass('is-hidden');
} else if ($word.parents('.cd-headline').hasClass('clip')) {
$word.parents('.cd-words-wrapper').animate({
'width': $word.width() + 10
}, revealDuration, function() {
setTimeout(function() {
hideWord($word)
}, revealAnimationDelay);
});
}
}
function hideLetter($letter, $word, $bool, $duration) {
$letter.removeClass('in').addClass('out');
if (!$letter.is(':last-child')) {
setTimeout(function() {
hideLetter($letter.next(), $word, $bool, $duration);
}, $duration);
} else if ($bool) {
setTimeout(function() {
hideWord(takeNext($word))
}, animationDelay);
}
if ($letter.is(':last-child') && $('html').hasClass('no-csstransitions')) {
var nextWord = takeNext($word);
switchWord($word, nextWord);
}
}
function showLetter($letter, $word, $bool, $duration) {
$letter.addClass('in').removeClass('out');
if (!$letter.is(':last-child')) {
setTimeout(function() {
showLetter($letter.next(), $word, $bool, $duration);
}, $duration);
} else {
if ($word.parents('.cd-headline').hasClass('type')) {
setTimeout(function() {
$word.parents('.cd-words-wrapper').addClass('waiting');
}, 200);
}
if (!$bool) {
setTimeout(function() {
hideWord($word)
}, animationDelay)
}
}
}
function takeNext($word) {
return (!$word.is(':last-child')) ? $word.next() : $word.parent().children().eq(0);
}
function takePrev($word) {
return (!$word.is(':first-child')) ? $word.prev() : $word.parent().children().last();
}
function switchWord($oldWord, $newWord) {
$oldWord.removeClass('is-visible').addClass('is-hidden');
$newWord.removeClass('is-hidden').addClass('is-visible');
}
});
},
searchOpton:function(){
$(document).on('click', '#search', function () {
$(".search-input-area").addClass("show");
$("#anywhere-home").addClass("bgshow");
});
$(document).on('click', '#close', function () {
$(".search-input-area").removeClass("show");
$("#anywhere-home").removeClass("bgshow");
});
$(document).on('click', '#anywhere-home', function () {
$(".search-input-area").removeClass("show");
$("#anywhere-home").removeClass("bgshow");
});
},
preloader:function(){
window.addEventListener('load',function(){
document.querySelector('body').classList.add("loaded")
});
},
menuActive:function(){
$(document).on('click', '#menu-btn', function () {
$("#side-bar").addClass("show");
$("#anywhere-home").addClass("bgshow");
});
$(document).on('click', '.close-icon-menu', function () {
$("#side-bar").removeClass("show");
$("#anywhere-home").removeClass("bgshow");
});
$(document).on('click', '#anywhere-home', function () {
$("#side-bar").removeClass("show");
$("#anywhere-home").removeClass("bgshow");
});
$(document).on('click', '.onepage .mainmenu li a', function () {
$("#side-bar").removeClass("show");
$("#anywhere-home").removeClass("bgshow");
});
},
popupMobileMenu: function (e) {
$('.hamberger-button').on('click', function (e) {
$('.popup-mobile-menu').addClass('active');
});
$('.close-menu').on('click', function (e) {
$('.popup-mobile-menu').removeClass('active');
$('.popup-mobile-menu .mainmenu .has-droupdown > a, .popup-mobile-menu .mainmenu .with-megamenu > a').siblings('.submenu, .rts-megamenu').removeClass('active').slideUp('400');
$('.popup-mobile-menu .mainmenu .has-droupdown > a, .popup-mobile-menu .mainmenu .with-megamenu > a').removeClass('open')
});
// nav menu
$('.body-mobile .mainmenu .has-droupdown > a, .body-mobile .mainmenu .with-megamenu > a').on('click', function (e) {
e.preventDefault();
$(this).siblings('.submenu, .rts-megamenu').toggleClass('active');
$(this).toggleClass('open')
})
// nav menu end
$('.popup-mobile-menu').on('click', function (e) {
e.target === this && $('.popup-mobile-menu').removeClass('active') && $('.popup-mobile-menu .mainmenu .has-droupdown > a, .popup-mobile-menu .mainmenu .with-megamenu > a').siblings('.submenu, .rts-megamenu').removeClass('active').slideUp('400') && $('.popup-mobile-menu .mainmenu .has-droupdown > a, .popup-mobile-menu .mainmenu .with-megamenu > a').removeClass('open');
});
$('.one-page-vavigation-popup .mainmenu li > a').on('click' , function (e) {
e.preventDefault();
$('.popup-mobile-menu').removeClass('active');
$('.popup-mobile-menu .mainmenu li > a').siblings('.submenu').removeClass('active');
})
},
// pne page scroll top
smoothScroll: function (e) {
$(document).on('click', '.onepage a[href^="#"]', function (event) {
event.preventDefault();
$('html, body').animate({
scrollTop: $($.attr(this, 'href')).offset().top
}, 2000);
});
},
// pne page scroll top
textActivation: function (e) {
$(document).ready(function(){
var changebox = $(".changebox");
var firstclone = changebox.children(":first").clone();
changebox.append(firstclone);
var fsstr = changebox.parent().css("font-size");
fsstr = fsstr.slice(0,fsstr.indexOf(".title"));
var fs = parseInt(fsstr);
changebox.css("height",changebox.parent().css("font-size") );
ChangeSize(0);
setInterval(Next,2000);
function Next(){
if( typeof Next.i == 'undefined' ) {
Next.i = 0;
}
Next.i++;
if(Next.i == changebox.children("span").length){
Next.i = 1;
changebox.scrollTop(0);
}
changebox.animate({scrollTop: (fs*Next.i)+Next.i*5+3},500);
setTimeout(function(){
ChangeSize(Next.i);
},500);
}
function ChangeSize(i){
var word = changebox.children("span").eq(i);
var wordsize = word.css("width");
changebox.css("width",wordsize);
}
});
},
// smooth scroll one page stop
}
imJs.m();
})(jQuery, window)