text: $(document).ready(function() {
    "use strict";
    // wow
    new WOW({
      mobile: false
    }).init();
  
    $(".tsb-mega-menu li a").click(function() {
      $(".tsb-mega-menu li > div").toggleClass("show-sub");
    });
  
    // 3 items carousel carousel-items-3
    $(".carousel-items-3").owlCarousel({
      margin: 20,
      loop: true,
      navText: [
        '<span class="tsb-iconarrow-left"></span>',
        '<span class="tsb-iconarrow-right"></span>'
      ],
      responsive: {
        0: {
          items: 1
        },
        600: {
          items: 2
        },
        768: {
          items: 3
        }
      }
    });
  
    // 3 items carousel carousel-items-3
    $(".carousel-items-4").owlCarousel({
      margin: 20,
      loop: true,
      navText: [
        '<span class="tsb-iconarrow-left"></span>',
        '<span class="tsb-iconarrow-right"></span>'
      ],
      responsive: {
        0: {
          items: 1
        },
        600: {
          items: 2
        },
        768: {
          items: 3
        },
        1000: {
          items: 4
        }
      }
    });
  
    // START TOGGLE SEARCH
    $(".open-search").click(function(e) {
      e.preventDefault();
      $(".search-section").fadeIn("fast");
      $(".search-input").focus();
      $("body").css({
        overflow: "hidden"
      });
    });
  
    $(".close-search").click(function(e) {
      e.preventDefault();
      $(".search-section").fadeOut("fast");
      $("body").css({
        overflow: "visible"
      });
    });
  
    $(document).keyup(function(e) {
      if (e.which == 27) {
        $(".search-section").fadeOut("fast");
        $("body").css({
          overflow: "visible"
        });
      }
    });
  
    // 3 items carousel carousel-items-6
    $(".carousel-items-6").owlCarousel({
      margin: 20,
      loop: true,
      navText: [
        '<span class="tsb-iconarrow-left"></span>',
        '<span class="tsb-iconarrow-right"></span>'
      ],
      responsive: {
        0: {
          items: 2
        },
        600: {
          items: 3
        },
        1000: {
          items: 6
        }
      }
    });
  
    // teaser slider
    $(".blog-teaser,.default-carousel").owlCarousel({
      loop: true,
      autoplay: true,
      dots: true,
      nav: true,
      navText: [
        '<span class="tsb-iconarrow-left"></span>',
        '<span class="tsb-iconarrow-right"></span>'
      ],
      items: 1
    });
  
    // Blog Slider
  
    $(".nav-slider").owlCarousel({
      nav: true,
      loop: true,
      autoplay: true,
      margin: 20,
      navText: [
        '<span class="tsb-iconarrow-left"></span>',
        '<span class="tsb-iconarrow-right"></span>'
      ],
      dots: true,
      responsive: {
        0: {
          items: 1
        },
        600: {
          items: 3
        },
        1000: {
          items: 4
        }
      }
    });
  
    $("#blog-slider").owlCarousel({
      loop: true,
      margin: 20,
      nav: false,
      navText: [
        '<span class="tsb-iconarrow-left"></span>',
        '<span class="tsb-iconarrow-next"></span>'
      ],
      autoplay: true,
      dots: true,
      responsive: {
        0: {
          items: 1
        },
        600: {
          items: 3
        },
        1000: {
          items: 4
        }
      }
    });
  
    var $input = $("#input-val");
    $input.val(1);
    $(".calc-btn").click(function() {
      if ($(this).hasClass("plus")) {
        $input.val(parseInt($input.val()) + 1);
      } else if ($input.val() >= 2) {
        $input.val(parseInt($input.val()) - 1);
      }
    });
  
    $(".tsb-view-btn").click(function() {
      $(this)
        .addClass("active")
        .siblings()
        .removeClass("active");
  
      if ($(this).hasClass("tsb-list-btn")) {
        $(".tsb-product-block")
          .removeClass("col-md-6 col-lg-4")
          .addClass("list");
        $(".tsb-product-img")
          .removeClass("col-12")
          .addClass("col-4");
        $(".tsb-product-block .card-body")
          .removeClass("col-12")
          .addClass("col-8");
      } else {
        $(".tsb-product-block")
          .addClass("col-md-6 col-lg-4")
          .removeClass("list");
        $(".tsb-product-img")
          .removeClass("col-4")
          .addClass("col-12");
        $(".tsb-product-block .card-body")
          .removeClass("col-8")
          .addClass("col-12");
      }
    });
  
    $("[data-countdown]").each(function() {
      var $this = $(this),
        finalDate = $(this).data("countdown");
      $this.countdown(finalDate, function(event) {
        $this.html(
          event.strftime(
            '<div class="row"><div class="col-6 col-lg-3 mb-3 mb-lg-0 comming-soon-counter">%D <br> <span>Days</span></div>  <div class="col-6 col-lg-3 comming-soon-counter"> %H <br> <span>Hours</span> </div> <div class="col-6 col-lg-3 mb-3 mb-lg-0 comming-soon-counter">  %M <br> <span>Minutes</span></div> <div class="col-6 col-lg-3 mb-3 mb-lg-0 comming-soon-counter"> %S <br> <span>Seconds</span></div></div>'
          )
        );
      });
    });
  
    // sync carousel
  
    var sync1 = $("#sync1");
    var sync2 = $("#sync2");
    var slidesPerPage = 3; //globaly define number of elements per page
    var syncedSecondary = true;
  
    sync1
      .owlCarousel({
        items: 1,
        slideSpeed: 2000,
        nav: true,
        autoplay: true,
        center: true,
        dots: true,
        loop: true,
        responsiveRefreshRate: 200,
        navText: [
          '<i class="fas fa-chevron-left"></i>',
          '<i class="fas fa-chevron-right"></i>'
        ]
      })
      .on("changed.owl.carousel", syncPosition);
  
    sync2
      .on("initialized.owl.carousel", function() {
        sync2
          .find(".owl-item")
          .eq(0)
          .addClass("current");
      })
      .owlCarousel({
        items: slidesPerPage,
        dots: false,
        nav: false,
        mouseDrag: true,
        smartSpeed: 200,
        slideSpeed: 500,
        slideBy: slidesPerPage, //alternatively you can slide by 1, this way the active slide will stick to the first item in the second carousel
        responsiveRefreshRate: 100
      })
      .on("changed.owl.carousel", syncPosition2);
  
    function syncPosition(el) {
      //if you set loop to false, you have to restore this next line
      //var current = el.item.index;
  
      //if you disable loop you have to comment this block
      var count = el.item.count - 1;
      var current = Math.round(el.item.index - el.item.count / 2 - 0.5);
  
      if (current < 0) {
        current = count;
      }
      if (current > count) {
        current = 0;
      }
  
      //end block
  
      sync2
        .find(".owl-item")
        .removeClass("current")
        .eq(current)
        .addClass("current");
      var onscreen = sync2.find(".owl-item.active").length - 1;
      var start = sync2
        .find(".owl-item.active")
        .first()
        .index();
      var end = sync2
        .find(".owl-item.active")
        .last()
        .index();
  
      if (current > end) {
        sync2.data("owl.carousel").to(current, 100, true);
      }
      if (current < start) {
        sync2.data("owl.carousel").to(current - onscreen, 100, true);
      }
    }
  
    function syncPosition2(el) {
      if (syncedSecondary) {
        var number = el.item.index;
        sync1.data("owl.carousel").to(number, 100, true);
      }
    }
  
    sync2.on("click", ".owl-item", function(e) {
      e.preventDefault();
      var number = $(this).index();
      sync1.data("owl.carousel").to(number, 300, true);
    });
  
    $("#tsb-testimonial-carousel").owlCarousel({
      loop: true,
      dots: true,
      margin: 20,
      autoplay: true,
      items: 1,
      navText: [
        '<span class="tsb-iconarrow-left"></span>',
        '<span class="tsb-iconarrow-right"></span>'
      ]
    });
  
    $("#tsb-partner-carousel").owlCarousel({
      loop: true,
      dots: false,
      autoplay: true,
      margin: 20,
      nav: true,
      navText: [
        '<i class="fa fa-chevron-left tsb-main-text-color tsb-main-border-color tsb-partner-nav-icon" aria-hidden="true"></i>',
        '<i class="fa fa-chevron-right tsb-main-text-color tsb-main-border-color tsb-partner-nav-icon" aria-hidden="true"></i>'
      ],
      responsive: {
        0: {
          items: 1
        },
        600: {
          items: 2
        },
        768: {
          items: 3
        },
        1000: {
          items: 4
        },
        1440: {
          items: 6
        }
      }
    });
  
    // multi event gallery timeLine
  
    $(".timeline").timelify({
      // animation types
      animLeft: "bounceInLeft",
      animRight: "bounceInRight",
      animCenter: "bounceInUp",
  
      // animation speed
      animSpeed: 1500,
  
      // trigger position in pixels
      offset: 150
    });
  });
  
  function JaMap() {
    var mapCanvas = document.getElementById("map");
  
    data = mapCanvas.dataset;
    var Zom = data.zom;
    var myCenter = new google.maps.LatLng(data.lat, data.lng);
    var mapOptions = {
      center: myCenter,
      zoom: 14
    };
    var map = new google.maps.Map(mapCanvas, mapOptions);
    var marker = new google.maps.Marker({
      position: myCenter,
      icon: data.icon
    });
    marker.setMap(map);
  }
  
  $(function($) {
    "use strict";
    animatecounters();
  });
  
  function animatecounters() {
    $(".timer").each(count);
  
    function count(options) {
      var $this = $(this);
      options = $.extend({}, options || {}, $this.data("countToOptions") || {});
      $this.countTo(options);
    }
  }
  