$(window).on("load", function () {


    "use strict";


    /* ===================================
            Loading Timeout
     ====================================== */
    $('.side-menu').removeClass('hidden');


    setTimeout(function(){
        $('.preloader').fadeOut();
    }, 1000);




});




jQuery(function ($) {


    "use strict";
    /* ===================================
       Navbar smooth Scroll
   ====================================== */
    // $(".scroll").on("click", function (event) {
    //     event.preventDefault();
    //     $("html,body").animate({
    //         scrollTop: $(this.hash).offset().top - 50}, 1200);
    // });
    /* ===================================
        Side Menu
    ====================================== */
    if ($("#sidemenu_toggle").length) {
        $("#sidemenu_toggle").on("click", function () {
            $(".side-menu").removeClass("side-menu-opacity");
            $(".pushwrap").toggleClass("active");
            $(".side-menu").addClass("side-menu-active"), $("#close_side_menu").fadeIn(700)
        }), $("#close_side_menu").on("click", function () {
            $(".side-menu").removeClass("side-menu-active"), $(this).fadeOut(200), $(".pushwrap").removeClass("active");
            setTimeout(function(){
                $(".side-menu").addClass("side-menu-opacity");
            }, 500);
        }), $(".side-menu .navbar-nav .nav-link").on("click", function () {
            $(".side-menu").removeClass("side-menu-active"), $("#close_side_menu").fadeOut(200), $(".pushwrap").removeClass("active");
            setTimeout(function(){
                $(".side-menu").addClass("side-menu-opacity");
            }, 500);
        }), $("#btn_sideNavClose").on("click", function () {
            $(".side-menu").removeClass("side-menu-active"), $("#close_side_menu").fadeOut(200), $(".pushwrap").removeClass("active");
            setTimeout(function(){
                $(".side-menu").addClass("side-menu-opacity");
            }, 500);
        });
    }
    // ===========================
    //    bottom nav appear
    // ===========================
    $(function () {
        var $win = $(window);


        jQuery(function($) {
            $(window).scroll(function() {
                if($(window).scrollTop() + $(window).height() > $(document).height() - 200) {
                    // alert("near bottom!");
                    $('.sidenav-bottom').css('opacity','1');
                    $('.sidenav-bottom').addClass('sidenav-bottom-fixed');
                }
                if($(window).scrollTop() + $(window).height() < $(document).height() - 300 && $(window).scrollTop() + $(window).height() > $(document).height() - 400 )  {
                    $('.sidenav-bottom').css('opacity','0');
                    $('.sidenav-bottom').removeClass('sidenav-bottom-fixed');
                }
            });
        });
    });
        // ===========================
        //    header appear
        // ===========================
        $(window).on('scroll', function () {


            if ($(this).scrollTop() > 260) { // Set position from top to add class
                $('.sidenav-bottom').css('opacity','0');
                $('header .inner-header').addClass('header-appear');
            }
            if($(this).scrollTop() < 260) {
                $('.sidenav-bottom').css('opacity','1');
                $('header .inner-header').removeClass('header-appear');
            }
        });




        // ===========================
        //     portfolio carousel
        // ===========================
        $('.portfolio-carousel').owlCarousel({


            loop:true,
            margin:10,
            slideSpeed: 5000,
            slideTransition:'linear',
            nav:false,
            dots:false,
            autoplay:false,
            autoplayTimeout:8000,
            autoplayHoverPause:true,
            responsive:{
                0:{


                    items:1
                },
                600:{
                    items:1
                },
                1000:{
                    items:1
                },
            }


        });


        $('.portfolio-right-arr').click(function() {
            var owl = $('.portfolio-carousel');
            owl.owlCarousel();
            owl.trigger('next.owl.carousel');
        });
        $('.portfolio-left-arr').click(function() {
            var owl = $('.portfolio-carousel');
            owl.owlCarousel();
            owl.trigger('prev.owl.carousel');
        });


        // ===========================
        //     Testimonial carousel
        // ===========================
        $('.review-carousel').owlCarousel({


            loop:true,
            margin:10,
            slideSpeed: 5000,
            slideTransition:'linear',
            nav:false,
            dots:false,
            autoplay:false,
            autoplayTimeout:8000,
            autoplayHoverPause:true,
            responsive:{
                0:{


                    items:1
                },
                600:{
                    items:1
                },
                1000:{
                    items:1
                },
            }


        });




    /* ===================================
             Wow Effects
   ======================================*/
    var wow = new WOW(
        {
            boxClass:'wow',      // default
            animateClass:'animated', // default
            offset:0,          // default
            mobile:false,       // default
            live:true        // default
        }
    );
    wow.init();






});