(function($){
"use strict";
function projectSlider(){
var swiperProject=new Swiper(".project-carousel", {
slidesPerView: 3,
spaceBetween: 30,
slidesPerGroup: 1,
loop: true,
autoplay: false,
grabcursor: true,
centeredSlides: true,
centeredSlidesBounds: true,
speed: 600,
scrollbar: {
el: ".swiper-scrollbar",
hide: false,
draggable: true,
},
breakpoints: {
320: {
slidesPerView: 1,
slidesPerGroup: 1,
spaceBetween: 25,
},
767: {
slidesPerView: 2,
slidesPerGroup: 1,
spaceBetween: 30,
},
1024: {
slidesPerView: 3,
slidesPerGroup: 1,
},
},
});
}
function testimonialSlider(){
var swiperTesti=new Swiper(".testi-carousel", {
slidesPerView: 1,
spaceBetween: 30,
slidesPerGroup: 1,
loop: true,
autoplay: true,
grabcursor: true,
speed: 400,
pagination: {
el: ".swiper-pagination",
clickable: true,
},
});
var swiperTesti=new Swiper(".testi-carousel-2", {
slidesPerView: 1,
spaceBetween: 30,
slidesPerGroup: 1,
loop: true,
autoplay: true,
grabcursor: true,
speed: 400,
navigation: {
nextEl: ".testi-carousel-wrap .swiper-prev",
prevEl: ".testi-carousel-wrap .swiper-next",
},
});
var swiperSponsor=new Swiper(".sponsor-carousel", {
slidesPerView: 5,
spaceBetween: 50,
slidesPerGroup: 1,
loop: true,
autoplay: true,
grabcursor: true,
speed: 400,
breakpoints: {
320: {
slidesPerView: 1,
slidesPerGroup: 1,
spaceBetween: 25,
},
767: {
slidesPerView: 3,
slidesPerGroup: 1,
spaceBetween: 30,
},
1024: {
slidesPerView: 5,
slidesPerGroup: 1,
},
},
});
var swiperTesti=new Swiper(".testi-carousel-4", {
slidesPerView: 2,
spaceBetween: 30,
slidesPerGroup: 1,
loop: true,
autoplay: true,
grabcursor: true,
speed: 400,
pagination: {
el: ".swiper-pagination",
clickable: true,
},
breakpoints: {
320: {
slidesPerView: 1,
slidesPerGroup: 1,
spaceBetween: 25,
},
767: {
slidesPerView: 2,
slidesPerGroup: 1,
spaceBetween: 30,
},
},
});
var swiperTesti=new Swiper(".testi-carousel-5", {
slidesPerView: 3,
spaceBetween: 30,
slidesPerGroup: 1,
loop: true,
autoplay: true,
grabcursor: true,
speed: 400,
pagination: {
el: ".swiper-pagination",
clickable: true,
},
breakpoints: {
320: {
slidesPerView: 1,
slidesPerGroup: 1,
spaceBetween: 25,
},
767: {
slidesPerView: 2,
slidesPerGroup: 1,
spaceBetween: 30,
},
1024: {
slidesPerView: 3,
slidesPerGroup: 1,
},
},
});
var swiperTesti=new Swiper(".testi-carousel-6", {
slidesPerView: 2,
spaceBetween: 30,
slidesPerGroup: 1,
loop: true,
autoplay: true,
grabcursor: true,
speed: 400,
pagination: {
el: ".swiper-pagination",
clickable: true,
},
breakpoints: {
320: {
slidesPerView: 1,
slidesPerGroup: 1,
spaceBetween: 25,
},
767: {
slidesPerView: 2,
slidesPerGroup: 1,
spaceBetween: 30,
},
},
navigation: {
nextEl: ".slider-arrow .slider-next",
prevEl: ".slider-arrow .slider-prev",
},
});
}
function funFact(){
$(".odometer").waypoint(function (){
var odo=$(".odometer");
odo.each(function (){
var countNumber=$(this).attr("data-count");
$(this).html(countNumber);
});
},
{
offset: "80%",
triggerOnce: true,
}
);
}
function pixfixImage(){
$(".odometer").waypoint(function (){
var odo=$(".odometer");
odo.each(function (){
var countNumber=$(this).attr("data-count");
$(this).html(countNumber);
});
},
{
offset: "80%",
triggerOnce: true,
}
);
}
function HeroSlider(){
$("[data-background").each(function (){
$(this).css("background-image", "url(" + $(this).attr("data-background") + ")");
});
function sliderAnimations(elements){
var animationEndEvents="webkitAnimationEnd mozAnimationEnd MSAnimationEnd oanimationend animationend";
elements.each(function (){
var $this=$(this);
var $animationDelay=$this.data("delay");
var $animationDuration=$this.data("duration");
var $animationType="pixfix-animation " + $this.data("animation");
$this.css({
"animation-delay": $animationDelay,
"-webkit-animation-delay": $animationDelay,
"animation-duration": $animationDuration,
});
$this.addClass($animationType).one(animationEndEvents, function (){
$this.removeClass($animationType);
});
});
}
var sliderOptions={
speed: 1500,
autoplay: {
delay: 7000,
},
disableOnInteraction: false,
initialSlide: 0,
parallax: false,
mousewheel: false,
autoplay: false,
loop: true,
grabCursor: true,
navigation: {
nextEl: ".slider-arrow .slider-next",
prevEl: ".slider-arrow .slider-prev",
},
pagination: {
el: ".pixfix-swiper-pagination",
clickable: true,
},
};
sliderOptions.on={
slideChangeTransitionStart: function (){
var swiper=this;
var animatingElements=$(swiper.slides[swiper.activeIndex]).find("[data-animation]");
sliderAnimations(animatingElements);
},
resize: function (){
this.update();
},
};
var swiper=new Swiper(".pixfix-slider", sliderOptions);
}
function Portfolio(){
$("[data-background").each(function (){
$(this).css("background-image", "url(" + $(this).attr("data-background") + ")");
});
var swiperProject=new Swiper(".project-carousel-5", {
slidesPerView: 2,
spaceBetween: 30,
slidesPerGroup: 1,
loop: true,
autoplay: false,
grabcursor: true,
speed: 600,
scrollbar: {
el: ".swiper-scrollbar",
hide: false,
draggable: true,
},
breakpoints: {
320: {
slidesPerView: 1,
slidesPerGroup: 1,
spaceBetween: 25,
},
767: {
slidesPerView: 2,
slidesPerGroup: 1,
spaceBetween: 30,
},
},
});
}
function Contact(){
$(".nice-select select").niceSelect();
}
function Video(){
new VenoBox({
selector: ".video-popup, .img-popup",
bgcolor: "transparent",
numeration: true,
infinigall: true,
spinner: "plane",
});
}
$(window).on('elementor/frontend/init', function(){
elementorFrontend.hooks.addAction('frontend/element_ready/project_slider.default', projectSlider);
elementorFrontend.hooks.addAction('frontend/element_ready/pixfix_testimonial_slider.default', testimonialSlider);
elementorFrontend.hooks.addAction('frontend/element_ready/pixfix_fun_fact.default', funFact);
elementorFrontend.hooks.addAction('frontend/element_ready/pixfix_image.default', pixfixImage);
elementorFrontend.hooks.addAction('frontend/element_ready/pixfix_hero_slider_three.default', HeroSlider);
elementorFrontend.hooks.addAction('frontend/element_ready/pixfix_portfolio.default', Portfolio);
elementorFrontend.hooks.addAction('frontend/element_ready/pixfix_contact_form.default', Contact);
elementorFrontend.hooks.addAction('frontend/element_ready/pixfix_video_popup.default', Video);
});
})(jQuery);