(function ($) { "use strict"; $(window).on('load', function () { preloader(); }); /*============================================= = Preloader = =============================================*/ function preloader() { $('#preloader').delay(0).fadeOut(); }; /*=========================================== = One page Menu = =============================================*/ $('.navigation a[href*="#"]:not([href="#"])').on("click", function() { console.log("click"); if (location.pathname.replace(/^\//, "") == this.pathname.replace(/^\//, "") && location.hostname == this.hostname) { var target = $(this.hash); target = target.length ? target : $('[name=" + this.hash.slice(1) + "]'); if (target.length) { if ($(window).width() < 768) { $("html, body").animate({ scrollTop: target.offset().top - 80 }, 1000, "easeInOutExpo"); } else { $("html, body").animate({ scrollTop: target.offset().top - 80 }, 1000, "easeInOutExpo"); } return false; } } }); /*============================================= = Mobile Menu = =============================================*/ //SubMenu Dropdown Toggle if ($('.menu-area li.menu-item-has-children ul').length) { $('.menu-area .navigation li.menu-item-has-children').append(''); } //Mobile Nav Hide Show if ($('.mobile-menu').length) { var mobileMenuContent = $('.menu-area .main-menu').html(); $('.mobile-menu .menu-box .menu-outer').append(mobileMenuContent); //Dropdown Button $('.mobile-menu li.menu-item-has-children .dropdown-btn').on('click', function () { $(this).toggleClass('open'); $(this).prev('ul').slideToggle(300); }); //Menu Toggle Btn $('.mobile-nav-toggler').on('click', function () { $('body').addClass('mobile-menu-visible'); }); //Menu Toggle Btn $('.menu-backdrop, .mobile-menu .close-btn, .mobile-menu .navigation li a').on('click', function () { $('body').removeClass('mobile-menu-visible'); }); } /*============================================= = Menu sticky & Scroll to top = =============================================*/ $(window).on('scroll', function () { var scroll = $(window).scrollTop(); if (scroll < 245) { $("#sticky-header").removeClass("sticky-menu"); $('.scroll-to-target').removeClass('open'); $("#header-top-fixed").removeClass("header-fixed-position"); $("#header-fixed-height").removeClass("active-height"); } else { $("#sticky-header").addClass("sticky-menu"); $('.scroll-to-target').addClass('open'); $("#header-top-fixed").addClass("header-fixed-position"); $("#header-fixed-height").addClass("active-height"); } }); /*============================================= = Scroll Up = =============================================*/ if ($('.scroll-to-target').length) { $(".scroll-to-target").on('click', function () { var target = $(this).attr('data-target'); // animate $('html, body').animate({ scrollTop: $(target).offset().top }, 1000); }); } /*============================================= = Data Background = =============================================*/ $("[data-background]").each(function () { $(this).css("background-image", "url(" + $(this).attr("data-background") + ")") }) /*============================================= = Offcanvas Menu = =============================================*/ $(".menu-tigger").on("click", function () { $(".extra-info,.offcanvas-overly").addClass("active"); return false; }); $(".menu-close,.offcanvas-overly").on("click", function () { $(".extra-info,.offcanvas-overly").removeClass("active"); }); /*============================================= = Faq Active = =============================================*/ $(function () { $('.accordion-collapse').on('show.bs.collapse', function () { $(this).parent().addClass('active-item'); }); $('.accordion-collapse').on('hide.bs.collapse', function () { $(this).parent().removeClass('active-item'); }); }); /*============================================= = Brand Active = =============================================*/ $('.brand-active2').slick({ dots: false, infinite: true, speed: 1000, autoplay: true, arrows: false, slidesToShow: 5, slidesToScroll: 2, responsive: [ { breakpoint: 1200, settings: { slidesToShow: 5, slidesToScroll: 1, infinite: true, } }, { breakpoint: 992, settings: { slidesToShow: 4, slidesToScroll: 1 } }, { breakpoint: 767, settings: { slidesToShow: 3, slidesToScroll: 1, arrows: false, } }, { breakpoint: 575, settings: { slidesToShow: 2, slidesToScroll: 1, arrows: false, } }, ] }); /*============================================= = roadMap Active = =============================================*/ $('.roadMap-active2').slick({ dots: false, infinite: true, speed: 500, autoplay: true, arrows: true, slidesToShow: 4, slidesToScroll: 1, prevArrow: '', nextArrow: '', appendArrows: '.icon-box', responsive: [ { breakpoint: 1400, settings: { slidesToShow: 3, slidesToScroll: 1, infinite: true, } }, { breakpoint: 1200, settings: { slidesToShow: 3, slidesToScroll: 1, infinite: true, } }, { breakpoint: 992, settings: { slidesToShow: 2, slidesToScroll: 1, } }, { breakpoint: 767, settings: { slidesToShow: 1, slidesToScroll: 1, } }, { breakpoint: 575, settings: { slidesToShow: 1, slidesToScroll: 1, } }, ] }); /*============================================= = Partner Slider = =============================================*/ $('.partner-slider1').slick({ dots: true, infinite: true, speed: 1000, autoplay: true, spaceBetween: 30, arrows: false, slidesToShow: 3, slidesToScroll: 1, responsive: [ { breakpoint: 1400, settings: { slidesToShow: 3, slidesToScroll: 1, infinite: true, } }, { breakpoint: 1200, settings: { slidesToShow: 3, slidesToScroll: 1, infinite: true, } }, { breakpoint: 992, settings: { slidesToShow: 2, slidesToScroll: 1, } }, { breakpoint: 767, settings: { slidesToShow: 1, slidesToScroll: 1, } }, { breakpoint: 575, settings: { slidesToShow: 1, slidesToScroll: 1, } }, ] }); /*============================================= = CTA Slider = =============================================*/ $('.cta-slider1').slick({ dots: true, infinite: true, speed: 1000, autoplay: true, arrows: false, slidesToShow: 2, slidesToScroll: 1, adaptiveHeight: true, responsive: [ { breakpoint: 1400, settings: { slidesToShow: 2, slidesToScroll: 1, infinite: true, } }, { breakpoint: 1200, settings: { slidesToShow: 2, slidesToScroll: 1, infinite: true, } }, { breakpoint: 992, settings: { slidesToShow: 2, slidesToScroll: 1, } }, { breakpoint: 767, settings: { slidesToShow: 1, slidesToScroll: 1, } }, { breakpoint: 575, settings: { slidesToShow: 1, slidesToScroll: 1, } }, ] }); /*============================================= = Testimonial Slider = =============================================*/ $('.testimonial-slider1').slick({ dots: false, infinite: true, speed: 1000, autoplay: true, arrows: false, slidesToShow: 2, slidesToScroll: 1, adaptiveHeight: true, responsive: [ { breakpoint: 1400, settings: { slidesToShow: 2, slidesToScroll: 1, infinite: true, } }, { breakpoint: 1200, settings: { slidesToShow: 2, slidesToScroll: 1, infinite: true, } }, { breakpoint: 992, settings: { slidesToShow: 1, slidesToScroll: 1, } }, { breakpoint: 767, settings: { slidesToShow: 1, slidesToScroll: 1, } }, { breakpoint: 575, settings: { slidesToShow: 1, slidesToScroll: 1, } }, ] }); $(".prev-btn").on('click', function () { $(".testimonial-slider1").slick("slickPrev"); }); $(".next-btn").on('click', function () { $(".testimonial-slider1").slick("slickNext"); }); $(".prev-btn").addClass("slick-disabled"); $(".testimonial-slider1").on("afterChange", function () { if ($(".slick-prev").hasClass("slick-disabled")) { $(".prev-btn").addClass("slick-disabled"); } else { $(".prev-btn").removeClass("slick-disabled"); } if ($(".slick-next").hasClass("slick-disabled")) { $(".next-btn").addClass("slick-disabled"); } else { $(".next-btn").removeClass("slick-disabled"); } }); /*============================================= = magnificPopup Active = =============================================*/ $(".popup-video").magnificPopup({ type: "iframe", mainClass: 'mfp-zoom-in', removalDelay: 260, }); })(jQuery);