Mini Shell
(function($) {
"use strict";
//Hide Loading Box (Preloader)
function handlePreloader() {
if($('.preloader').length){
$('.preloader').delay(200).fadeOut(500);
}
}
//Update Header Style and Scroll to Top
function headerStyle() {
if($('.main-header').length){
var windowpos = $(window).scrollTop();
var siteHeader = $('.main-header');
var sticky_header = $('.main-header .sticky-header, .header-style-two .outer-container, .header-style-four .header-lower, .header-style-six .outer-container');
var scrollLink = $('.scroll-to-top');
if (windowpos > 55) {
siteHeader.addClass('fixed-header');
sticky_header.addClass("animated slideInDown");
scrollLink.fadeIn(300);
} else {
siteHeader.removeClass('fixed-header');
sticky_header.removeClass("animated slideInDown");
scrollLink.fadeOut(300);
}
}
}
headerStyle();
//Submenu Dropdown Toggle
if($('.main-header li.dropdown ul').length){
$('.main-header li.dropdown').append('<div class="dropdown-btn"><span class="fa fa-angle-down"></span></div>');
//Dropdown Button
$('.main-header li.dropdown .dropdown-btn').on('click', function() {
$(this).prev('ul').slideToggle(500);
});
//Megamenu Toggle
$('.main-header .main-menu li.dropdown .dropdown-btn').on('click', function() {
$(this).prev('.mega-menu').slideToggle(500);
});
//Disable dropdown parent link
$('.main-header .navigation li.dropdown > a,.hidden-bar .side-menu li.dropdown > a').on('click', function(e) {
e.preventDefault();
});
}
//Searchbox Modal
$('.search-box-btn').on('click', function(){
var buttonId = $(this).attr('id');
$('#modal-container').removeAttr('class').addClass(buttonId);
$('body').addClass('modal-active');
})
$('.close').on('click', function(){
$('#modal-container').addClass('out');
$('body').removeClass('modal-active');
});
//Social Media Blog
$('.share-button').on('click', function(){
$('.news-block.style-three .overlay-box .social-links').toggleClass('show-social');
});
//Sidenav Two Toggle
if($('.sidenav-bar, .hidden-bar').length){
//Dropdown Button
$('.sidenav-bar .navigation li.dropdown > a').on('click', function(e) {
e.preventDefault();
var ParentBox = $(this).parent('li');
if($(ParentBox).hasClass('active')===true){
$(ParentBox).removeClass('active');
}else{
$('.sidenav-bar .navigation li.dropdown').removeClass('active');
$(this).parent('li').addClass('active');
}
});
$(".sidenav-bar .side-nav .navigation li.dropdown > ul").slideUp();
//Dropdown Button
$('.sidenav-bar .side-nav .navigation li.dropdown > a').on('click', function() {
$(this).next('ul').slideToggle(400);
$(this).parent().siblings().find("ul").slideUp(400);
});
//Show Sidebar Button
$('.main-header .nav-toggler').on('click', function(e) {
e.preventDefault();
$('body').toggleClass('active-side-nav');
});
//Dropdown Button
$('.sidenav-bar .cross-icon, .hidden-bar .cross-icon, .form-back-drop').on('click', function(e) {
e.preventDefault();
$('body').removeClass('active-side-nav');
});
}
//Mobile Nav Hide Show
if($('.mobile-menu').length){
$('.mobile-menu .menu-box').mCustomScrollbar();
var mobileMenuContent = $('.main-header .nav-outer .main-menu').html();
$('.mobile-menu .menu-box .menu-outer').append(mobileMenuContent);
$('.sticky-header .main-menu').append(mobileMenuContent);
//Dropdown Button
$('.mobile-menu li.dropdown .dropdown-btn').on('click', function() {
$(this).toggleClass('open');
$(this).prev('ul').slideToggle(500);
});
//Menu Toggle Btn
$('.mobile-nav-toggler').on('click', function() {
$('body').addClass('mobile-menu-visible');
});
//Menu Toggle Btn
$('.mobile-menu .menu-backdrop,.mobile-menu .close-btn').on('click', function() {
$('body').removeClass('mobile-menu-visible');
});
//Dropdown Button
$('.pricing-tabs .tab-buttons .yearly').on('click', function() {
$('.round').addClass('boll-right');
});
//Dropdown Button
$('.pricing-tabs .tab-buttons .monthly').on('click', function() {
$('.round').removeClass('boll-right');
});
}
//Main Slider Carousel
if ($('.main-slider-carousel').length) {
$('.main-slider-carousel').owlCarousel({
animateOut: 'fadeOut',
animateIn: 'fadeIn',
loop:true,
margin:0,
nav:true,
autoHeight: true,
smartSpeed: 500,
autoplay: 6000,
navText: [ '<span class="fa fa-angle-left"></span>', '<span class="fa fa-angle-right"></span>' ],
responsive:{
0:{
items:1
},
600:{
items:1
},
800:{
items:1
},
1024:{
items:1
},
1200:{
items:1
}
}
});
}
//Services Carousel
if ($('.services-carousel').length) {
$('.services-carousel').owlCarousel({
loop:true,
margin:30,
nav:true,
smartSpeed: 700,
autoplay: true,
navText: [ '<span class="fa fa-angle-left"></span>', '<span class="fa fa-angle-right"></span>' ],
responsive:{
0:{
items:1
},
767:{
items:2
},
800:{
items:2
},
1024:{
items:4
}
}
});
}
if ($('.team-carousel').length) {
$('.team-carousel').owlCarousel({
loop:true,
margin:30,
nav:false,
smartSpeed: 700,
autoplay: true,
responsive:{
0:{
items:1
},
767:{
items:2
},
800:{
items:3
},
1024:{
items:4
}
}
});
}
//Testimonial Carousel
if ($('.testimonial-carousel').length) {
$('.testimonial-carousel').owlCarousel({
loop:true,
margin:30,
animateOut: 'fadeOut',
nav:true,
smartSpeed: 700,
autoplay: true,
navText: [ '<span class="fas fa-arrow-left"></span>', '<span class="fas fa-arrow-right"></span>' ],
responsive:{
0:{
items:1
},
600:{
items:1
},
800:{
items:1
},
1024:{
items:1
}
}
});
}
//News Carousel
if ($('.news-carousel').length) {
$('.news-carousel').owlCarousel({
loop:true,
margin:10,
nav:true,
smartSpeed: 700,
autoplay: true,
navText: [ '<span class="fa fa-angle-left"></span>', '<span class="fa fa-angle-right"></span>' ],
responsive:{
0:{
items:1
},
600:{
items:1
},
800:{
items:2
},
1024:{
items:3
},
1400:{
items:3
}
}
});
}
//Projects Carousel
if ($('.projects-carousel').length) {
$('.projects-carousel').owlCarousel({
loop:true,
margin:30,
nav:true,
smartSpeed: 700,
autoplay: true,
navText: [ '<span class="fa fa-angle-left"></span>', '<span class="fa fa-angle-right"></span>' ],
responsive:{
0:{
items:1
},
600:{
items:1
},
800:{
items:2
},
1024:{
items:3
},
1400:{
items:4
}
}
});
}
//Sponsors Carousel
if ($('.sponsors-carousel').length) {
$('.sponsors-carousel').owlCarousel({
loop:true,
margin:50,
nav:true,
smartSpeed: 700,
autoplay: true,
responsive:{
0:{
items:1
},
600:{
items:2
},
768:{
items:3
},
1024:{
items:4
},
1400:{
items:5
},
}
});
}
//Fact Counter + Text Count
if($('.count-box').length){
$('.count-box').appear(function(){
var $t = $(this),
n = $t.find(".count-text").attr("data-stop"),
r = parseInt($t.find(".count-text").attr("data-speed"), 10);
if (!$t.hasClass("counted")) {
$t.addClass("counted");
$({
countNum: $t.find(".count-text").text()
}).animate({
countNum: n
}, {
duration: r,
easing: "linear",
step: function() {
$t.find(".count-text").text(Math.floor(this.countNum));
},
complete: function() {
$t.find(".count-text").text(this.countNum);
}
});
}
},{accY: 0});
}
//Accordion Box
if($('.accordion-box').length){
$(".accordion-box").on('click', '.acc-btn', function() {
var outerBox = $(this).parents('.accordion-box');
var target = $(this).parents('.accordion');
if($(this).hasClass('active')!==true){
$(outerBox).find('.accordion .acc-btn').removeClass('active ');
}
if ($(this).next('.acc-content').is(':visible')){
return false;
}else{
$(this).addClass('active');
$(outerBox).children('.accordion').removeClass('active-block animated fadeInUp');
$(outerBox).find('.accordion').children('.acc-content').slideUp(300);
target.addClass('active-block animated fadeInUp');
$(this).next('.acc-content').slideDown(300);
}
});
}
//Progress Bar
if($('.progress-line').length){
$('.progress-line').appear(function(){
var el = $(this);
var percent = el.data('width');
$(el).css('width',percent+'%');
},{accY: 0});
}
//Tabs Box
if($('.tabs-box').length){
$('.tabs-box .tab-buttons .tab-btn').on('click', function(e) {
e.preventDefault();
var target = $($(this).attr('data-tab'));
if ($(target).is(':visible')){
return false;
}else{
target.parents('.tabs-box').find('.tab-buttons').find('.tab-btn').removeClass('active-btn');
$(this).addClass('active-btn');
target.parents('.tabs-box').find('.tabs-content').find('.tab').fadeOut(0);
target.parents('.tabs-box').find('.tabs-content').find('.tab').removeClass('active-tab animated fadeIn');
$(target).fadeIn(300);
$(target).addClass('active-tab animated fadeIn');
}
});
}
//Price Range Slider
if($('.price-range-slider').length){
$( ".price-range-slider" ).slider({
range: true,
min: 0,
max: 90,
values: [ 8, 85 ],
slide: function( event, ui ) {
$( "input.property-amount" ).val( ui.values[ 0 ] + " - " + ui.values[ 1 ] );
}
});
$( "input.property-amount" ).val( $( ".price-range-slider" ).slider( "values", 0 ) + " - $" + $( ".price-range-slider" ).slider( "values", 1 ) );
}
//Event Countdown Timer
if($('.time-countdown').length){
$('.time-countdown').each(function() {
var $this = $(this), finalDate = $(this).data('countdown');
$this.countdown(finalDate, function(event) {
var $this = $(this).html(event.strftime('' + '<div class="counter-column"><span class="count">%D</span>Days</div> ' + '<div class="counter-column"><span class="count">%H</span>Hours</div> ' + '<div class="counter-column"><span class="count">%M</span>Mints</div> ' + '<div class="counter-column"><span class="count">%S</span>Sec</div>'));
});
});
}
//Gallery Filters
if($('.filter-list').length){
$('.filter-list').mixItUp({});
}
//LightBox / Fancybox
if($('.lightbox-image').length) {
$('.lightbox-image').fancybox({
openEffect : 'fade',
closeEffect : 'fade',
helpers : {
media : {}
}
});
}
//Contact Form Validation
if($('#contact-form').length){
$('#contact-form').validate({
rules: {
username: {
required: true
},
email: {
required: true,
email: true
},
phone: {
required: true,
},
message: {
required: true
}
}
});
}
function full_Screen(){
$('.full-screen').css("height", $(window).height());
}
full_Screen()
//Hidden Sidebar
if ($('.sidenav-bar').length) {
$('.sidenav-bar').mCustomScrollbar({
theme:"dark"
});
}
//Parallax Scene for Icons
if($('.parallax-scene-1').length){
var scene = $('.parallax-scene-1').get(0);
var parallaxInstance = new Parallax(scene);
}
if($('.parallax-scene-2').length){
var scene = $('.parallax-scene-2').get(0);
var parallaxInstance = new Parallax(scene);
}
if($('.parallax-scene-3').length){
var scene = $('.parallax-scene-3').get(0);
var parallaxInstance = new Parallax(scene);
}
if($('.parallax-scene-4').length){
var scene = $('.parallax-scene-4').get(0);
var parallaxInstance = new Parallax(scene);
}
if($('.parallax-scene-5').length){
var scene = $('.parallax-scene-5').get(0);
var parallaxInstance = new Parallax(scene);
}
if($('.paroller').length){
$('.paroller').paroller({
factor: 0.2, // multiplier for scrolling speed and offset, +- values for direction control
factorLg: 0.4, // multiplier for scrolling speed and offset if window width is less than 1200px, +- values for direction control
type: 'foreground', // background, foreground
direction: 'horizontal' // vertical, horizontal
});
}
// Scroll to a Specific Div
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
}, 1500);
});
}
// Elements Animation
if($('.wow').length){
var wow = new WOW(
{
boxClass: 'wow', // animated element css class (default is wow)
animateClass: 'animated', // animation css class (default is animated)
offset: 0, // distance to the element when triggering the animation (default is 0)
mobile: false, // trigger animations on mobile devices (default is true)
live: true // act on asynchronously loaded content (default is true)
}
);
wow.init();
}
/* ==========================================================================
When document is resize, do
========================================================================== */
$(window).on('resize', function() {
full_Screen();
});
/* ==========================================================================
When document is Scrollig, do
========================================================================== */
$(window).on('scroll', function() {
headerStyle();
full_Screen()
});
/* ==========================================================================
When document is loading, do
========================================================================== */
$(window).on('load', function() {
handlePreloader();
});
})(window.jQuery);