$(function(){

  	/*==== Mobile Menu  ====*/
    $('.mobile_menu .inner_mobile_nav_itmes').meanmenu({
      meanScreenWidth: "991",
      meanMenuContainer: ".mobile_menu",
      onePage: true,
    });
    
    /*=============== sticky menu ================= */
    var header = $('.main_menu_area');
    $(window).on('scroll',function(){
        if($(window).scrollTop()>50){
            $('.main_menu_area').addClass('sticky');
        }
        else{
            header.removeClass('sticky');
        }
    });

    /*============= main nav icons popup  ===========*/
    $('.main_nav_icons i').click(function(){
      $('.nav_icon_popup').addClass('icon_popup');
    });
    $('.inner_nav_icon_popup i').click(function(){
      $('.nav_icon_popup').removeClass('icon_popup');
    });

    /*========== slider active js =============*/
    $('.slider_active').slick({
        infinite: true,
        slidesToShow: 1,
        slidesToScroll: 1,
        autoplay: true,
        autoplaySpeed: 2000,
        speed: 3000,
        arrows: true,
});
      /* ====== barfiller js  =========*/

/* ====== video page js  =========*/
$(document).ready(function(){
  $('#bar51').barfiller({
    barColor:"#922ecb"
  });
})
$(document).ready(function(){
  $('#bar52').barfiller({
    barColor:"#922ecb"
  });
});
$(document).ready(function(){
  $('#bar53').barfiller({
    barColor:"#922ecb"
  });
});

      /*============= shop active js =============*/
      $('.shop_active').slick({
        infinite: true,
        slidesToShow: 4,
        slidesToScroll: 1,
        autoplay: true,
        autoplaySpeed: 2000,
        speed: 2000,
        arrows: true,
        dots: false,
        responsive: [
          {
            breakpoint: 1366,
            settings: {
              slidesToShow: 3,
              slidesToScroll: 1,
              arrows: false,
            }
          },
          {
            breakpoint: 1024,
            settings: {
              slidesToShow: 2,
              arrows: false,
            }
          },
          {
            breakpoint: 768,
            settings: {
              slidesToShow: 2,
              arrows: false,
            }
          },
        ]
      });

      /*============== counter js ============== */
      $('.counter').counterUp({
        delay: 20,
        time: 3000
    });

      /*============= testimonial active js ===========*/
      $('.test_active').slick({
        infinite: true,
        slidesToShow: 2,
        slidesToScroll: 1,
        autoplay: true,
        autoplaySpeed: 2000,
        speed: 2000,
        arrows: true,
        dots: false,
        responsive: [
          {
            breakpoint: 768,
            settings: {
              slidesToShow: 1,
              arrows: false,
            }
          }
        ]
      })

      /*============= testimonial 2 active js ===========*/
      $('.testimonial_active').slick({
        infinite: true,
        loop: true,
        slidesToShow: 1,
        slidesToScroll: 1,
        autoplay: true,
        autoplaySpeed: 2000,
        speed: 2000,
        arrows: true,
        dots: false,
      })

      /*================ brand active js =============*/
      $('.brand_active').slick({
        infinite: true,
        slidesToShow: 4,
        slidesToScroll: 1,
        autoplay: true,
        autoplaySpeed: 2000,
        speed: 1000,
        arrows: true,
        dots: false,
        responsive: [
          {
            breakpoint: 1200,
            settings: {
              slidesToShow: 3,
            }
          },
          {
            breakpoint: 992,
            settings: {
              slidesToShow: 2,

            }
          },
          {
            breakpoint: 767,
            settings: {
              slidesToShow: 1,
              arrows: false,
            }
          },
        ]
      })

      /*============= img active js =============*/
      $('.img_active').slick({
        infinite: true,
        slidesToShow: 1,
        slidesToScroll: 1,
        arrows: true,
        dots: false,
      });

      /* ========== veno box js ========= */
      new VenoBox({
        selector: '.slider_vedio',
        spinner: 'rotating-plane'
      });
      
      new VenoBox({
        selector: '.my-image-links',
      });


      /* faq active js */
      $('.inner_faq_ac_item a').click(function(){
        $('.inner_faq_ac_item a').removeClass('active');
        $(this).addClass('active');
      });

       /* faq active js */
       $('.inner_ac_items a').click(function(){
        $('.inner_ac_items a').removeClass('active');
        $(this).addClass('active');
      });

        /* single active js */
        $('.single_ac_items a').click(function(){
          $('.single_ac_items a').removeClass('active');
          $(this).addClass('active');
        });


    /*========= direction hover ===========*/
    $(".snake").snakeify({
      speed: 400
    });
 
    /*========= isotope active ==========*/
    /* portfolio active */	
    function twrportfolio(){
      var portfolio = $(".grid");
      if( portfolio.length ){
          portfolio.imagesLoaded( function() {
              portfolio.isotope({
                  itemSelector: ".pitem",
                  layoutMode: 'masonry',
                  filter:"*",
                  animationOptions :{
                      duration:1000
                  },
                  hiddenStyle: {
                      opacity: 0,
                      transform: 'scale(.4)rotate(60deg)',
                  },
                  visibleStyle: {
                      opacity: 1,
                      transform: 'scale(1)rotate(0deg)',
                  },
                  stagger: 0,
                  transitionDuration: '0.9s',
                  masonry: {}
              });
              $(".portfolio_nav ul li").on('click',function(){
                  $(".portfolio_nav ul li").removeClass("current_menu_item");
                  $(this).addClass("current_menu_item");

                  var selector = $(this).attr("data-filter");
                  portfolio.isotope({
                      filter: selector,
                      animationOptions: {
                          animationDuration: 750,
                          easing: 'linear',
                          queue: false
                      }
                  });
                  return false;
              });

          });
      }
    }
    twrportfolio();

  });
   /* ====== page scroll js  =========*/
   $.scrollUp({
     scrollText: '<i class="icofont-thin-up"></i>',
     easingType: 'linear',
     scrollSpeed: 900,
     animation:'fade'
});