/* =================================== -------------------------------------- MARX -------------------------------------- ======================================*/ 'use strict'; $(window).on('load', function() { /*------------------ Preloder --------------------*/ $(".loader").fadeOut(); $("#preloder").delay(400).fadeOut("slow"); }); (function($) { /*------------------ Navigation --------------------*/ $(".main-menu").slicknav({ appendTo: '.header-section', allowParentLinks: true, closedSymbol: '', openedSymbol: '' }); /*------------------ Background Set --------------------*/ $('.set-bg').each(function() { var bg = $(this).data('setbg'); $(this).css('background-image', 'url(' + bg + ')'); }); /*------------------ Back to top --------------------*/ $(window).scroll(function() { if ($(this).scrollTop() >= 500) { $('.back-to-top').fadeIn(); $('.back-to-top').css('display','flex'); } else { $('.back-to-top').fadeOut(); } }); $(".back-to-top").click(function() { $("html, body").animate({scrollTop: 0}, 1000); }); /*------------------ Hero Slider --------------------*/ $('.carousel').carousel() /*------------------ Review Slider --------------------*/ $('.review-slider').owlCarousel({ loop: true, nav: false, dots: true, items: 1, autoplay: true, autoplayHoverPause:true }); /*------------------ Service Slider --------------------*/ $('.offer-slider').owlCarousel({ loop: true, nav: false, dots: true, margin: 30, autoplay: true, autoplayHoverPause:true, responsive : { 0 : { items: 1 }, 768 : { items: 1 }, 1170 : { items: 1 } } }); /*------------------ Service Slider --------------------*/ $('.service-slider').owlCarousel({ loop: true, nav: false, dots: true, margin: 30, autoplay: true, autoplayHoverPause:true, responsive : { 0 : { items: 1 }, 768 : { items: 2 }, 1170 : { items: 3, } }, }); /*------------------ Classes Slider --------------------*/ $('.classes-slider').owlCarousel({ loop: true, nav: false, dots: true, margin: 30, autoplay: true, autoplayHoverPause:true, responsive : { 0 : { items: 1 }, 768 : { items: 2 }, 1170 : { items: 3, } }, }); /*------------------------ Slasses Other Slider ------------------------*/ $('.classes-other-slider').owlCarousel({ loop: true, nav: true, dots: false, margin: 0, navText:['keyboard_arrow_left','keyboard_arrow_right'], autoplay: true, autoplayHoverPause:true, responsive : { 0 : { items: 1 }, 768 : { items: 2 }, }, }); /*------------------------ Events Other Slider -------------------------*/ $('.event-other-slider').owlCarousel({ loop: true, nav: true, dots: false, margin: 0, navText:['keyboard_arrow_left','keyboard_arrow_right'], autoplay: true, responsive : { 0 : { items: 1 }, 768 : { items: 2 }, }, }); /*------------------ Event & news Slider --------------------*/ $('.events-slider').owlCarousel({ loop: true, nav: false, dots: false, margin: 30, autoplay: true, autoplayHoverPause:true, responsive : { 0 : { items: 1 }, 768 : { items: 2 }, }, }); /*------------------ Trainer Slider --------------------*/ $('.trainer-slider').owlCarousel({ loop: true, nav: true, dots: false, navText:[' ',' '], autoplay: true, autoplayHoverPause:true, responsive : { 0 : { items: 1 }, 768 : { items: 1 }, 992 : { items: 2, } }, }); /*------------------ Gallery Slider --------------------*/ $('.gallery-slider').owlCarousel({ loop: true, nav: false, dots: false, autoplay: true, items: 4, responsive : { 0 : { items: 2 }, 475 : { items: 3 }, 768 : { items: 4, }, }, }); /*------------------ Popular Slider --------------------*/ $('.popular-classes-widget').owlCarousel({ loop: true, nav: false, dots: true, items: 1, }); /*------------------ Progress Bar --------------------*/ $('.progress-bar-style').each(function() { var progress = $(this).data("progress"); var bgcolor = $(this).data("bgcolor"); var prog_width = progress + '%'; if (progress <= 100) { $(this).append('
' + prog_width + '
'); } else { $(this).append('
100%
'); } }); /*------------------ Magnific Popup --------------------*/ $('.video-popup').magnificPopup({ type: 'iframe' }); /*------------------ Datepicker --------------------*/ $( ".event-date" ).datepicker(); })(jQuery);