?
áEÓê¤ÎïLwebshll2019
jQuery(window).on("load", function () {
"use strict";
/* ===================================
Loading Timeout
====================================== */
$("#loader-fade").fadeOut(800);
});
jQuery(function ($) {
"use strict";
var $window = $(window);
var windowsize = $(window).width();
/* ===================================
Nav Scroll
====================================== */
$(".scroll").on("click", function(event){
event.preventDefault();
$('html,body').animate({
scrollTop: $(this.hash).offset().top - 40}, 1100);
});
/* ====================================
Nav Fixed On Scroll
======================================= */
if ($("nav.navbar").hasClass("static-nav")) {
$(window).on("scroll", function () {
var $scroll = $window.scrollTop();
if ($scroll >= 80) {
$('header').addClass('header-appear');
} else {
$('header').removeClass('header-appear');
}
});
}
/*bottom menu fix*/
if ($("nav.navbar").hasClass("bottom-nav")) {
var navHeight = $(".bottom-nav").offset().top;
$(window).on("scroll", function () {
if ($window.scrollTop() > navHeight) {
$('.bottom-nav').addClass('fixed-menu');
} else {
$('.bottom-nav').removeClass('fixed-menu');
}
});
}
if ($("nav.navbar").hasClass("bottom-nav")) {
$(window).on("scroll", function () {
var $scroll = $window.scrollTop();
var $bottom = $(".bottom-nav");
if ($scroll >= 400) {
$bottom.addClass("scroll-menu");
} else {
$bottom.removeClass("scroll-menu");
}
});
}
$(window).on('scroll', function () {
if ($(this).scrollTop() >= 80) { // Set position from top to add class
$('header').addClass('header-appear');
}
else {
$('header').removeClass('header-appear');
}
});
/* ===================================
Side Menu
====================================== */
if ($("#sidemenu_toggle").length) {
$("#sidemenu_toggle").on("click", function () {
$(".pushwrap").toggleClass("active");
$(".side-menu").addClass("side-menu-active"), $("#close_side_menu").fadeIn(700)
}), $("#close_side_menu").on("click", function () {
$(".side-menu").removeClass("side-menu-active"), $(this).fadeOut(200), $(".pushwrap").removeClass("active")
}), $(".side-nav .navbar-nav .nav-link").on("click", function () {
$(".side-menu").removeClass("side-menu-active"), $("#close_side_menu").fadeOut(200), $(".pushwrap").removeClass("active")
}), $("#btn_sideNavClose").on("click", function () {
$(".side-menu").removeClass("side-menu-active"), $("#close_side_menu").fadeOut(200), $(".pushwrap").removeClass("active")
})
}
/* ===================================
About Box Hover Setting
====================================== */
$(".about-box").on("mouseenter", function () {
$(".about-box.active").addClass("about-box-green");
})
$(".about-box").on("mouseleave", function () {
$(".about-box.active").removeClass("about-box-green");
})
/* =====================================
Wow
======================================== */
if ($(window).width() > 767) {
var wow = new WOW({
boxClass: 'wow',
animateClass: 'animated',
offset: 0,
mobile: false,
live: true
});
new WOW().init();
}
/* ----- Full Screen ----- */
function resizebanner() {
var $fullscreen = $(".full-screen");
$fullscreen.css("height", $window.height());
$fullscreen.css("width", $window.width());
}
resizebanner();
$window.resize(function () {
resizebanner();
});
/* ===================================
Features Section Number Scroller
====================================== */
$(".stats").each(function () {
$('.numscroller').appear(function () {
$(this).prop('Counter',0).animate({
Counter: $(this).text()
}, {
duration: 5000,
easing: 'swing',
step: function (now) {
$(this).text(Math.ceil(now));
}
});
});
});
/* ===================================
Equal Heights
====================================== */
checheight();
$window.on("resize", function () {
checheight();
});
function checheight() {
var $smae_height = $(".equalheight");
if ($smae_height.length) {
if (windowsize > 767) {
$smae_height.matchHeight({
property: "height",
});
}
}
}
/* ===================================
Animated Progress Bar
====================================== */
$(".progress-bar").each(function () {
$(this).appear(function () {
$(this).animate({width: $(this).attr("aria-valuenow") + "%"}, 2000)
});
});
/* ===================================
Parallax
====================================== */
if (windowsize > 992) {
$(".parallaxie").parallaxie({
speed: 0.4,
offset: 0
});
}
/* ===================================
Popup Icons
====================================== */
$(function(){
var elems = [$('i.circle-bg-fb'), $('i.circle-bg-tw'), $('i.circle-bg-p'), $('i.circle-bg-i')];
var cls = ["circle-bg-fb-end", "circle-bg-tw-end", "circle-bg-p-end", "circle-bg-i-end",];
$('.social-icons-popup').on("mouseenter", function(){
for(var i=0; i<elems.length; i++) {
elems[i].addClass(cls[i]);
};
}).on("click", function(){
for(var i=0; i<elems.length; i++) {
elems[i].removeClass(cls[i]);
};
});
});
/* ===================================
Cube Portfolio
====================================== */
// init cubeportfolio
var singlePage = $('#js-singlePage-container').children('div');
$('#js-grid-slider-projects').cubeportfolio({
layoutMode: 'grid',
drag: true,
auto: false,
autoTimeout: 5000,
autoPauseOnHover: true,
showNavigation: true,
showPagination: false,
rewindNav: false,
scrollByPage: false,
caption: 'zoom',
gridAdjustment: 'responsive',
mediaQueries: [{
width: 1500,
cols: 4
}, {
width: 1100,
cols: 4
}, {
width: 800,
cols: 3
}, {
width: 480,
cols: 1,
options: {
gapVertical: 10
}
}],
gapHorizontal: 20,
gapVertical: 20,
displayType: 'fadeIn',
displayTypeSpeed: 100,
// lightbox
lightboxDelegate: '.cbp-lightbox',
lightboxGallery: true,
lightboxTitleSrc: 'data-title',
lightboxCounter: '<div class="cbp-popup-lightbox-counter">{{current}} of {{total}}</div>',
// singlePage popup
singlePageDelegate: '.cbp-singlePage',
singlePageDeeplinking: true,
singlePageStickyNavigation: true,
singlePageCounter: '<div class="cbp-popup-singlePage-counter">{{current}} of {{total}}</div>',
singlePageAnimation: 'fade',
singlePageCallback: function(url, element) {
// to update singlePage content use the following method: this.updateSinglePage(yourContent)
var indexElement = $(element).parents('.cbp-item').index(),
item = singlePage.eq(indexElement);
item.find('img').each(function(index, el) {
var attr = el.getAttribute('data-cbp-src');
if (attr) {
el.setAttribute('src', attr);
el.removeAttribute('data-cbp-src');
}
});
this.updateSinglePage(item.html());
},
});
/* ===================================
Fancy Box
====================================== */
$('[data-fancybox]').fancybox({
protect: true,
animationEffect: "fade",
hash: null,
});
/* =====================================
Select
======================================== */
$(document).ready(function(){
// Initialize select2
$("#services").select2();
});
/* ===================================
Owl Carousel
====================================== */
/* Team Classic */
$(".team-classic.owl-team").owlCarousel({
items: 3,
margin: 30,
dots: true,
nav: false,
loop:true,
autoplay: true,
smartSpeed:500,
navSpeed: true,
autoplayHoverPause:true,
responsiveClass:true,
responsive: {
992: {
items: 3
},
600: {
items: 2
},
320: {
items: 1
}
}
});
/* Brand Carousel */
$('.brand-carousel').owlCarousel({
margin: 75,
nav: false,
navText: [
'<i class="ti ti-angle-left"></i>',
'<i class="ti ti-angle-right"></i>'
],
dots: false,
autoWidth: false,
autoplay: 300,
autoplayHoverPause: false,
loop: true,
responsive: {
0: {
items: 1
},
480: {
items: 2
},
600: {
items: 4
},
1000: {
items: 5
}
}
});
/* Request */
$(".owl-split").owlCarousel({
items: 1,
margin: 0,
dots: false,
nav: false,
loop: true,
autoplay: true,
smartSpeed:500,
navSpeed: true,
autoplayHoverPause:true,
responsiveClass:true
});
/* ===================================
Slick
====================================== */
$('.testimonial-for').slick({
slidesToShow: 1,
slidesToScroll: 1,
arrows: false,
infinite: true,
speed: 500,
fade: true,
cssEase: 'linear',
asNavFor: '.testimonial-nav'
});
$('.testimonial-nav').slick({
slidesToShow: 1,
slidesToScroll: 1,
asNavFor: '.testimonial-for',
dots: true,
arrows: false,
autoplay: true,
autoplaySpeed: 2000
});
/* ===================================
Revolution Slider
====================================== */
/*Standard*/
$("#secondary-banner").show().revolution({
sliderType: "standard",
sliderLayout: "fullscreen",
scrollbarDrag: "true",
dottedOverlay: "none",
navigation: {
keyboardNavigation: "off",
keyboard_direction: "horizontal",
mouseScrollNavigation: "off",
mouseScrollReverse: "default",
onHoverStop: "on",
touch: {
touchenabled: "on",
swipe_threshold: 75,
swipe_min_touches: 1,
swipe_direction: "horizontal",
drag_block_vertical: false
},
bullets: {
enable: true,
hide_onmobile: false,
style: "awaza",
hide_onleave: false,
direction: "vertical",
h_align: "left",
v_align: "center",
h_offset: 50,
v_offset: 0,
space: 5,
tmp: '<div class="tp-bullet-number"><span class="tp-count">{{param1}}</span><span class="tp-bullet-line"></span></div>'
}
},
viewPort: {
enable: true,
outof: "pause",
visible_area: "90%"
},
responsiveLevels: [1240, 1024, 778, 480],
visibilityLevels: [1240, 1024, 778, 480],
gridwidth: [1240, 1024, 778, 480],
gridheight: [868, 768, 960, 720],
lazyType: "none",
parallax: {
type: "mouse",
origo: "slidercenter",
speed: 9000,
levels: [2, 3, 4, 5, 6, 7, 12, 16, 10, 50],
disable_onmobile: "on"
},
shadow: 0,
spinner: "off",
stopLoop: "off",
stopAfterLoops: -1,
stopAtSlide: -1,
shuffle: "off",
autoHeight: "off",
hideThumbsOnMobile: "off",
hideSliderAtLimit: 0,
hideCaptionAtLimit: 0,
hideAllCaptionAtLilmit: 0,
debugMode: false,
fallbacks: {
simplifyAll: "off",
nextSlideOnWindowFocus: "off",
disableFocusListener: false,
}
});
});