You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
334 lines
6.9 KiB
334 lines
6.9 KiB
1 year ago
|
AOS.init({
|
||
|
|
duration: 800,
|
||
|
|
easing: 'slide',
|
||
|
|
once: true
|
||
|
|
});
|
||
|
|
|
||
|
|
$(function(){
|
||
|
|
|
||
|
|
'use strict';
|
||
|
|
|
||
|
|
$(".loader").delay(200).fadeOut("slow");
|
||
|
|
$("#overlayer").delay(200).fadeOut("slow");
|
||
|
|
|
||
|
|
var siteMenuClone = function() {
|
||
|
|
|
||
|
|
$('.js-clone-nav').each(function() {
|
||
|
|
var $this = $(this);
|
||
|
|
$this.clone().attr('class', 'site-nav-wrap').appendTo('.site-mobile-menu-body');
|
||
|
|
});
|
||
|
|
|
||
|
|
|
||
|
|
setTimeout(function() {
|
||
|
|
|
||
|
|
var counter = 0;
|
||
|
|
$('.site-mobile-menu .has-children').each(function(){
|
||
|
|
var $this = $(this);
|
||
|
|
|
||
|
|
$this.prepend('<span class="arrow-collapse collapsed">');
|
||
|
|
|
||
|
|
$this.find('.arrow-collapse').attr({
|
||
|
|
'data-toggle' : 'collapse',
|
||
|
|
'data-target' : '#collapseItem' + counter,
|
||
|
|
});
|
||
|
|
|
||
|
|
$this.find('> ul').attr({
|
||
|
|
'class' : 'collapse',
|
||
|
|
'id' : 'collapseItem' + counter,
|
||
|
|
});
|
||
|
|
|
||
|
|
counter++;
|
||
|
|
|
||
|
|
});
|
||
|
|
|
||
|
|
}, 1000);
|
||
|
|
|
||
|
|
$('body').on('click', '.arrow-collapse', function(e) {
|
||
|
|
var $this = $(this);
|
||
|
|
if ( $this.closest('li').find('.collapse').hasClass('show') ) {
|
||
|
|
$this.removeClass('active');
|
||
|
|
} else {
|
||
|
|
$this.addClass('active');
|
||
|
|
}
|
||
|
|
e.preventDefault();
|
||
|
|
|
||
|
|
});
|
||
|
|
|
||
|
|
$(window).resize(function() {
|
||
|
|
var $this = $(this),
|
||
|
|
w = $this.width();
|
||
|
|
|
||
|
|
if ( w > 768 ) {
|
||
|
|
if ( $('body').hasClass('offcanvas-menu') ) {
|
||
|
|
$('body').removeClass('offcanvas-menu');
|
||
|
|
}
|
||
|
|
}
|
||
|
|
})
|
||
|
|
|
||
|
|
$('body').on('click', '.js-menu-toggle', function(e) {
|
||
|
|
var $this = $(this);
|
||
|
|
e.preventDefault();
|
||
|
|
|
||
|
|
if ( $('body').hasClass('offcanvas-menu') ) {
|
||
|
|
$('body').removeClass('offcanvas-menu');
|
||
|
|
$('body').find('.js-menu-toggle').removeClass('active');
|
||
|
|
} else {
|
||
|
|
$('body').addClass('offcanvas-menu');
|
||
|
|
$('body').find('.js-menu-toggle').addClass('active');
|
||
|
|
}
|
||
|
|
})
|
||
|
|
|
||
|
|
// click outisde offcanvas
|
||
|
|
$(document).mouseup(function(e) {
|
||
|
|
var container = $(".site-mobile-menu");
|
||
|
|
if (!container.is(e.target) && container.has(e.target).length === 0) {
|
||
|
|
if ( $('body').hasClass('offcanvas-menu') ) {
|
||
|
|
$('body').removeClass('offcanvas-menu');
|
||
|
|
$('body').find('.js-menu-toggle').removeClass('active');
|
||
|
|
}
|
||
|
|
}
|
||
|
|
});
|
||
|
|
};
|
||
|
|
siteMenuClone();
|
||
|
|
|
||
|
|
var owlPlugin = function() {
|
||
|
|
if ( $('.owl-3-slider').length > 0 ) {
|
||
|
|
var owl3 = $('.owl-3-slider').owlCarousel({
|
||
|
|
loop: true,
|
||
|
|
autoHeight: true,
|
||
|
|
margin: 40,
|
||
|
|
autoplay: true,
|
||
|
|
smartSpeed: 700,
|
||
|
|
items: 4,
|
||
|
|
stagePadding: 0,
|
||
|
|
nav: true,
|
||
|
|
dots: true,
|
||
|
|
navText: ['<span class="icon-keyboard_backspace"></span>','<span class="icon-keyboard_backspace"></span>'],
|
||
|
|
responsive:{
|
||
|
|
0:{
|
||
|
|
items:1
|
||
|
|
},
|
||
|
|
600:{
|
||
|
|
items:1
|
||
|
|
},
|
||
|
|
800: {
|
||
|
|
items:2
|
||
|
|
},
|
||
|
|
1000:{
|
||
|
|
items:2
|
||
|
|
},
|
||
|
|
1100:{
|
||
|
|
items:3
|
||
|
|
}
|
||
|
|
}
|
||
|
|
});
|
||
|
|
}
|
||
|
|
$('.js-custom-next-v2').click(function(e) {
|
||
|
|
e.preventDefault();
|
||
|
|
owl3.trigger('next.owl.carousel');
|
||
|
|
})
|
||
|
|
$('.js-custom-prev-v2').click(function(e) {
|
||
|
|
e.preventDefault();
|
||
|
|
owl3.trigger('prev.owl.carousel');
|
||
|
|
})
|
||
|
|
if ( $('.owl-4-slider').length > 0 ) {
|
||
|
|
var owl4 = $('.owl-4-slider').owlCarousel({
|
||
|
|
loop: true,
|
||
|
|
autoHeight: true,
|
||
|
|
margin: 10,
|
||
|
|
autoplay: true,
|
||
|
|
smartSpeed: 700,
|
||
|
|
items: 4,
|
||
|
|
nav: false,
|
||
|
|
dots: true,
|
||
|
|
navText: ['<span class="icon-keyboard_backspace"></span>','<span class="icon-keyboard_backspace"></span>'],
|
||
|
|
responsive:{
|
||
|
|
0:{
|
||
|
|
items:1
|
||
|
|
},
|
||
|
|
600:{
|
||
|
|
items:2
|
||
|
|
},
|
||
|
|
800: {
|
||
|
|
items:2
|
||
|
|
},
|
||
|
|
1000:{
|
||
|
|
items:3
|
||
|
|
},
|
||
|
|
1100:{
|
||
|
|
items:4
|
||
|
|
}
|
||
|
|
}
|
||
|
|
});
|
||
|
|
}
|
||
|
|
|
||
|
|
|
||
|
|
if ( $('.owl-single-text').length > 0 ) {
|
||
|
|
var owlText = $('.owl-single-text').owlCarousel({
|
||
|
|
loop: true,
|
||
|
|
autoHeight: true,
|
||
|
|
margin: 0,
|
||
|
|
autoplay: true,
|
||
|
|
smartSpeed: 1200,
|
||
|
|
items: 1,
|
||
|
|
nav: false,
|
||
|
|
navText: ['<span class="icon-keyboard_backspace"></span>','<span class="icon-keyboard_backspace"></span>']
|
||
|
|
});
|
||
|
|
}
|
||
|
|
|
||
|
|
if ( $('.events-slider').length > 0 ) {
|
||
|
|
var owl = $('.events-slider').owlCarousel({
|
||
|
|
loop: true,
|
||
|
|
autoHeight: true,
|
||
|
|
margin: 0,
|
||
|
|
autoplay: true,
|
||
|
|
smartSpeed: 800,
|
||
|
|
mouseDrag: false,
|
||
|
|
touchDrag: false,
|
||
|
|
items: 1,
|
||
|
|
nav: false,
|
||
|
|
navText: ['<span class="icon-keyboard_backspace"></span>','<span class="icon-keyboard_backspace"></span>'],
|
||
|
|
});
|
||
|
|
}
|
||
|
|
if ( $('.owl-single').length > 0 ) {
|
||
|
|
|
||
|
|
var owl = $('.owl-single').owlCarousel({
|
||
|
|
loop: true,
|
||
|
|
autoHeight: true,
|
||
|
|
margin: 0,
|
||
|
|
autoplay: true,
|
||
|
|
smartSpeed: 800,
|
||
|
|
mouseDrag: false,
|
||
|
|
touchDrag: false,
|
||
|
|
items: 1,
|
||
|
|
nav: false,
|
||
|
|
navText: ['<span class="icon-keyboard_backspace"></span>','<span class="icon-keyboard_backspace"></span>'],
|
||
|
|
onChanged: changed,
|
||
|
|
});
|
||
|
|
|
||
|
|
function changed(event) {
|
||
|
|
var i = event.item.index;
|
||
|
|
|
||
|
|
if ( i == 0 || i == null) {
|
||
|
|
i = 1;
|
||
|
|
} else {
|
||
|
|
i = i - 1;
|
||
|
|
|
||
|
|
$('.js-custom-dots li').removeClass('active');
|
||
|
|
$('.js-custom-dots li[data-index="'+i+'"]').addClass('active');
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
$('.js-custom-dots li').each(function(i) {
|
||
|
|
|
||
|
|
var i = i + 1;
|
||
|
|
$(this).attr('data-index', i);
|
||
|
|
});
|
||
|
|
|
||
|
|
$('.js-custom-dots a').on('click', function(e){
|
||
|
|
e.preventDefault();
|
||
|
|
owl.trigger('stop.owl.autoplay');
|
||
|
|
var k = $(this).closest('li').data('index');
|
||
|
|
k = k - 1;
|
||
|
|
owl.trigger('to.owl.carousel', [k, 500]);
|
||
|
|
})
|
||
|
|
|
||
|
|
}
|
||
|
|
|
||
|
|
|
||
|
|
if ( $('.wide-slider-testimonial').length > 0 ) {
|
||
|
|
$('.wide-slider-testimonial').owlCarousel({
|
||
|
|
loop:true,
|
||
|
|
autoplay: true,
|
||
|
|
margin:0,
|
||
|
|
nav: false,
|
||
|
|
autoplayHoverPause: false,
|
||
|
|
items: 1,
|
||
|
|
smartSpeed: 1000,
|
||
|
|
autoHeight: true,
|
||
|
|
navText : ["<span class='ion-android-arrow-dropleft'></span>","<span class='ion-android-arrow-dropright'></span>"],
|
||
|
|
responsive:{
|
||
|
|
0:{
|
||
|
|
items:1,
|
||
|
|
nav:false
|
||
|
|
},
|
||
|
|
600:{
|
||
|
|
items:1,
|
||
|
|
nav:false
|
||
|
|
},
|
||
|
|
1000:{
|
||
|
|
items:1,
|
||
|
|
nav:false
|
||
|
|
}
|
||
|
|
}
|
||
|
|
});
|
||
|
|
}
|
||
|
|
|
||
|
|
}
|
||
|
|
owlPlugin();
|
||
|
|
|
||
|
|
var counter = function() {
|
||
|
|
|
||
|
|
$('.count-numbers').waypoint( function( direction ) {
|
||
|
|
|
||
|
|
if( direction === 'down' && !$(this.element).hasClass('ut-animated') ) {
|
||
|
|
|
||
|
|
var comma_separator_number_step = $.animateNumber.numberStepFactories.separator(',')
|
||
|
|
$('.counter > span').each(function(){
|
||
|
|
var $this = $(this),
|
||
|
|
num = $this.data('number');
|
||
|
|
$this.animateNumber(
|
||
|
|
{
|
||
|
|
number: num,
|
||
|
|
numberStep: comma_separator_number_step
|
||
|
|
}, 5000
|
||
|
|
);
|
||
|
|
});
|
||
|
|
|
||
|
|
}
|
||
|
|
|
||
|
|
} , { offset: '95%' } );
|
||
|
|
|
||
|
|
}
|
||
|
|
counter();
|
||
|
|
|
||
|
|
// jarallax
|
||
|
|
var jarallaxPlugin = function() {
|
||
|
|
if ( $('.jarallax').length > 0 ) {
|
||
|
|
$('.jarallax').jarallax({
|
||
|
|
speed: 0.2
|
||
|
|
});
|
||
|
|
}
|
||
|
|
};
|
||
|
|
jarallaxPlugin();
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
var accordion = function() {
|
||
|
|
$('.btn-link[aria-expanded="true"]').closest('.accordion-item').addClass('active');
|
||
|
|
$('.collapse').on('show.bs.collapse', function () {
|
||
|
|
$(this).closest('.accordion-item').addClass('active');
|
||
|
|
});
|
||
|
|
|
||
|
|
$('.collapse').on('hidden.bs.collapse', function () {
|
||
|
|
$(this).closest('.accordion-item').removeClass('active');
|
||
|
|
});
|
||
|
|
}
|
||
|
|
accordion();
|
||
|
|
|
||
|
|
var siteDatePicker = function() {
|
||
|
|
|
||
|
|
if ( $('.datepicker').length > 0 ) {
|
||
|
|
$('.datepicker').datepicker();
|
||
|
|
}
|
||
|
|
|
||
|
|
};
|
||
|
|
siteDatePicker();
|
||
|
|
|
||
|
|
var siteSticky = function() {
|
||
|
|
$(".js-sticky-header").sticky({topSpacing:0});
|
||
|
|
};
|
||
|
|
siteSticky();
|
||
|
|
|
||
|
|
|
||
|
|
})
|