$(window).on ('load', function (){ // makes sure the whole site is loaded
$("#preloader").fadeOut();
if ($("[data-aos]").length) {
AOS.init({
duration: 1200,
mirror: true,
once: true,
});
}
});
$(document).ready(function(){
var rtl = false;
if($("html").attr("lang") == 'ar'){
rtl = true;
}
$(".js-select").each(function(i,v){
var that = $(this);
var placeholder = $(that).attr("data-placeholder");
$(that).select2({
placeholder:placeholder,
minimumResultsForSearch: Infinity,
});
});
/*open menu*/
$(".menu-trigger").click(function(){
$("body,html").addClass('menu-toggle');
$(".menu-trigger").addClass('active');
});
$(".m-overlay").click(function(){
$("body,html").removeClass('menu-toggle');
$(".menu-trigger").removeClass('active');
});
$('.header_search-button').click(function(){
var search = $('.search_standard')
var thisclick = $('.header_search-button')
if(thisclick.hasClass('active') != true){
thisclick.addClass('active');
search.addClass('header_search-open');
}
else{
thisclick.removeClass('active');
search.removeClass('header_search-open');
}
});
var owl = $('#home_slider');
owl.on('initialized.owl.carousel change.owl.carousel',function(elem){
var current = elem.item.index;
$(elem.target).find(".owl-item").eq(current).find(".to-animate").removeClass('fadeInUp animated');
$(elem.target).find(".owl-item").eq(current).find(".to-animate2").removeClass('fadeInUp animated');
$(elem.target).find(".owl-item").eq(current).find(".to-animate3").removeClass('fadeInUp animated');
});
owl.on('initialized.owl.carousel changed.owl.carousel',function(elem){
window.setTimeout(function(){
var current = elem.item.index;
$(elem.target).find(".owl-item").eq(current).find(".to-animate").addClass('fadeInUp animated');
$(elem.target).find(".owl-item").eq(current).find(".to-animate2").addClass('fadeInUp animated');
$(elem.target).find(".owl-item").eq(current).find(".to-animate3").addClass('fadeInUp animated');
}, 400);
});
owl.owlCarousel({
items: 1,
loop: false,
margin: 0,
responsiveClass: true,
nav: true,
dots: false,
rtl:rtl,
smartSpeed: 500,
autoplay: true,
autoplayTimeout: 10000,
autoplayHoverPause: false,
animateOut: 'fadeOut',
animateIn: 'fadeIn',
navText:['',
''],
});
$(".partners_slider").owlCarousel({
loop:false,
margin:15,
rtl:rtl,
responsiveClass:true,
responsive:{
0:{
items:2,
},
575:{
items:4,
},
768:{
items:5,
},
992:{
items:6,
},
1200:{
items:7,
}
},
dots:false,
nav:true,
autoplay:true,
navText:['',
''],
})
$(".slider-images").owlCarousel({
loop:false,
margin:15,
rtl:rtl,
dots:true,
nav:false,
autoplay:true,
navText:['',
''],
responsive:{
0:{
items:1,
},
575:{
items:1,
},
768:{
items:2,
},
992:{
items:2,
},
1200:{
items:2,
}
},
})
$("#clients_slider").owlCarousel({
loop:false,
margin:15,
rtl:rtl,
responsiveClass:true,
responsive:{
0:{
items:2,
},
575:{
items:4,
},
768:{
items:3,
},
992:{
items:4,
},
1200:{
items:5,
}
},
dots:false,
nav:true,
autoplay:true,
navText:['',
''],
})
$("#services_slider").owlCarousel({
loop:false,
margin:20,
rtl:rtl,
responsiveClass:true,
responsive:{
0:{
items:1,
},
575:{
items:2,
},
768:{
items:2,
},
992:{
items:2,
},
1200:{
items:3,
}
},
dots:false,
nav:true,
autoplay:true,
navText:['',
''],
})
$("#studies_slider").owlCarousel({
loop:true,
margin:20,
rtl:rtl,
responsiveClass:true,
responsive:{
0:{
items:1,
stagePadding: 0,
},
650:{
items:2,
stagePadding: 0,
},
768:{
items:1,
stagePadding: 80,
},
992:{
items:1,
stagePadding: 100,
},
1060:{
items:2,
stagePadding: 30,
},
1200:{
items:2,
stagePadding: 80,
},
1600:{
items:3,
stagePadding: 100,
}
},
dots:false,
nav:true,
autoplay:true,
navText:['',
''],
})
$("#board-slider").owlCarousel({
loop:false,
margin:30,
rtl:rtl,
responsiveClass:true,
responsive:{
0:{
items:1,
},
340:{
items:2,
},
575:{
items:3,
},
768:{
items:4,
},
992:{
items:5,
},
1200:{
items:6,
}
},
dots:false,
nav:true,
autoplay:true,
navText:['',
''],
})
$("#study-related").owlCarousel({
loop:false,
margin:30,
rtl:rtl,
responsiveClass:true,
responsive:{
0:{
items:1,
},
575:{
items:1,
},
768:{
items:2,
}
},
dots:false,
nav:true,
autoplay:true,
navText:['',
''],
})
$("#news-related").owlCarousel({
loop:false,
margin:20,
rtl:rtl,
responsiveClass:true,
responsive:{
0:{
items:1,
},
575:{
items:1,
},
768:{
items:2,
},
1200:{
items:3,
}
},
dots:false,
nav:true,
autoplay:true,
navText:['',
''],
})
})