Current File : /home/natitnen/hintact.com/wp-content/themes/ave/assets/js/theme.js
"use strict";
"use strict";

window.liquidPageLoaded = false;

window.liquidElements = $ => {
  window.$liquidWindow = $(window);
  window.$liquidHtml = $('html');
  window.$liquidBody = $('body');
  window.$liquidSiteWrap = $('#wrap');
  window.$liquidContents = $('#lqd-site-content');
  window.$liquidContentsWrap = $('#lqd-contents-wrap');
  window.$liquidMainHeader = $('.main-header');
  window.$liquidMainFooter = $('.main-footer');
};

liquidElements(jQuery);

const liquidIsMobile = function liquidIsMobile() {
  return /Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent);
};

const liquidMobileNavBreakpoint = function liquidMobileNavBreakpoint() {
  if (window.liquidParams && window.liquidParams.mobileNavBreakpoint) {
    return window.liquidParams.mobileNavBreakpoint;
  } else {
    return jQuery('body').data('mobile-nav-breakpoint') || 1199;
  }
};

const liquidWindowWidth = function liquidWindowWidth() {
  return window.innerWidth;
};

const liquidWindowHeight = function liquidWindowHeight() {
  return window.innerHeight;
};
/**
 Some functions from Underscore js https://underscorejs.org/
*/
// Some functions take a variable number of arguments, or a few expected
// arguments at the beginning and then a variable number of values to operate
// on. This helper accumulates all remaining arguments past the function’s
// argument length (or an explicit `startIndex`), into an array that becomes
// the last argument. Similar to ES6’s "rest parameter".


const restArguments = function restArguments(func, startIndex) {
  startIndex = startIndex == null ? func.length - 1 : +startIndex;
  return function () {
    var length = Math.max(arguments.length - startIndex, 0),
        rest = Array(length),
        index = 0;

    for (; index < length; index++) {
      rest[index] = arguments[index + startIndex];
    }

    switch (startIndex) {
      case 0:
        return func.call(this, rest);

      case 1:
        return func.call(this, arguments[0], rest);

      case 2:
        return func.call(this, arguments[0], arguments[1], rest);
    }

    var args = Array(startIndex + 1);

    for (index = 0; index < startIndex; index++) {
      args[index] = arguments[index];
    }

    args[startIndex] = rest;
    return func.apply(this, args);
  };
}; // Delays a function for the given number of milliseconds, and then calls
// it with the arguments supplied.


const liquidDelay = restArguments(function (func, wait, args) {
  return setTimeout(function () {
    return func.apply(null, args);
  }, wait);
}); // A (possibly faster) way to get the current timestamp as an integer.

const liquidNow = Date.now || function () {
  return new Date().getTime();
}; // Returns a function, that, when invoked, will only be triggered at most once
// during a given window of time. Normally, the throttled function will run
// as much as it can, without ever going more than once per `wait` duration;
// but if you'd like to disable the execution on the leading edge, pass
// `{leading: false}`. To disable execution on the trailing edge, ditto.


const liquidThrottle = function liquidThrottle(func, wait, options) {
  var timeout, context, args, result;
  var previous = 0;
  if (!options) options = {};

  var later = function later() {
    previous = options.leading === false ? 0 : liquidNow();
    timeout = null;
    result = func.apply(context, args);
    if (!timeout) context = args = null;
  };

  var throttled = function throttled() {
    var now = liquidNow();
    if (!previous && options.leading === false) previous = now;
    var remaining = wait - (now - previous);
    context = this;
    args = arguments;

    if (remaining <= 0 || remaining > wait) {
      if (timeout) {
        clearTimeout(timeout);
        timeout = null;
      }

      previous = now;
      result = func.apply(context, args);
      if (!timeout) context = args = null;
    } else if (!timeout && options.trailing !== false) {
      timeout = setTimeout(later, remaining);
    }

    return result;
  };

  throttled.cancel = function () {
    clearTimeout(timeout);
    previous = 0;
    timeout = context = args = null;
  };

  return throttled;
}; // Returns a function, that, as long as it continues to be invoked, will not
// be triggered. The function will be called after it stops being called for
// N milliseconds. If `immediate` is passed, trigger the function on the
// leading edge, instead of the trailing.


const liquidDebounce = function liquidDebounce(func, wait, immediate) {
  var timeout, result;

  var later = function later(context, args) {
    timeout = null;
    if (args) result = func.apply(context, args);
  };

  var debounced = restArguments(function (args) {
    if (timeout) clearTimeout(timeout);

    if (immediate) {
      var callNow = !timeout;
      timeout = setTimeout(later, wait);
      if (callNow) result = func.apply(this, args);
    } else {
      timeout = liquidDelay(later, wait, this, args);
    }

    return result;
  });

  debounced.cancel = function () {
    clearTimeout(timeout);
    timeout = null;
  };

  return debounced;
}; // If it's IE


(function () {
  var ua = window.navigator.userAgent;
  var msie = /MSIE|Trident/.test(ua);
  msie && document.querySelector('html').classList.add('is-ie');
})(); // Custom event Polyfill for IE


(function () {
  if (typeof window.CustomEvent === "function") return false;

  function CustomEvent(event, params) {
    params = params || {
      bubbles: false,
      cancelable: false,
      detail: null
    };
    var evt = document.createEvent('CustomEvent');
    evt.initCustomEvent(event, params.bubbles, params.cancelable, params.detail);
    return evt;
  }

  CustomEvent.prototype = window.Event.prototype;
  window.CustomEvent = CustomEvent;
})();
"use strict";

;

(function ($, window, document, undefined) {
  'use strict';

  const pluginName = 'liquidPreloader';
  let defaults = {
    animationType: 'fade',
    animationTargets: 'self',
    stagger: 0
  };

  class Plugin {
    constructor(element, options) {
      this.element = element;
      this.$element = $(element);
      this.options = $.extend({}, defaults, options);
      this._defaults = defaults;
      this._name = pluginName;
      this.$body = $('body');
      this.onPageLoad();
    }

    getAnimationTargets() {
      const {
        animationTargets
      } = this.options;

      if (animationTargets === 'self') {
        return this.element;
      } else {
        return document.querySelectorAll(animationTargets);
      }
    }

    getAnimationProperties() {
      const {
        animationType
      } = this.options;
      return this["".concat(animationType, "Properties")]();
    }

    fadeProperties() {
      const animateIn = {
        opacity: [0, 1]
      };
      const animateOut = {
        opacity: [1, 0]
      };
      return {
        animateIn,
        animateOut
      };
    }

    slideProperties() {
      const animateIn = {
        translateX: ['100%', '0%']
      };
      const animateOut = {
        translateX: ['0%', '-100%']
      };
      return {
        animateIn,
        animateOut
      };
    }

    onPageLoad(event) {
      $liquidBody.addClass('lqd-page-loaded lqd-preloader-animations-started');
      $liquidBody.removeClass('lqd-page-leaving lqd-page-not-loaded');
      this.hidePreloader();
    }

    onPageUnload() {
      this.$body.addClass('lqd-page-leaving');
      this.$body.removeClass('lqd-preloader-animations-done');
      this.$body.addClass('lqd-preloader-animations-started');
      this.showPreloader();
    }

    hidePreloader() {
      const animationTargets = this.getAnimationTargets();
      const animeTimeline = anime.timeline({
        targets: animationTargets,
        duration: 1400,
        easing: 'easeOutExpo',
        delay: anime.stagger(this.options.stagger),
        complete: anime => {
          this.$element.hide();
          this.$body.removeClass('lqd-preloader-animations-started');
          this.$body.addClass('lqd-preloader-animations-done');
          anime.animatables.forEach(animatable => {
            $(animatable.target).css('transform', '');
          });
        }
      });
      $(animationTargets).each((i, targetElement) => {
        const $targetElement = $(targetElement);

        if (targetElement.hasAttribute('data-animations')) {
          const animations = $targetElement.data('animations');
          const properties = $.extend({}, animations, {
            targets: targetElement
          });
          animeTimeline.add(properties, this.options.stagger * i);
        } else {
          const animationProperties = this.getAnimationProperties().animateOut;
          const properties = $.extend({}, animationProperties, {
            targets: targetElement
          });
          animeTimeline.add(properties, this.options.stagger * i);
        }
      });
    }

    showPreloader() {
      this.$element.fadeIn('fast');
      return null;
    }

  }

  $.fn[pluginName] = function (options) {
    return this.each(function () {
      const pluginOptions = $(this).data('preloader-options') || options;

      if (!$.data(this, "plugin_" + pluginName)) {
        $.data(this, "plugin_" + pluginName, new Plugin(this, pluginOptions));
      }
    });
  };
})(jQuery, window, document);

$liquidWindow.on('pageshow load', ev => {
  liquidPageLoaded || jQuery('.lqd-preloader-wrap').liquidPreloader();
  liquidPageLoaded = true;
});
"use strict";

;

(function ($, window, document, undefined) {
  'use strict';

  const pluginName = 'liquidMegamenu';
  let defaults = {};

  class Plugin {
    constructor(element, options) {
      this.element = element;
      this.$element = $(this.element);
      this.options = $.extend({}, defaults, options);
      this._defaults = defaults;
      this._name = pluginName;
      this.mobileNavBreakPoint = liquidMobileNavBreakpoint();
      this.tabletBreakpoint = this.mobileNavBreakPoint <= 992 ? 992 : this.mobileNavBreakPoint; // containerWidth: [windowMinWidth, windowMaxWidth]

      this.breakpoints = {
        [this.mobileNavBreakPoint - 60]: [this.mobileNavBreakPoint + 1, Infinity],
        940: [992, this.tabletBreakpoint]
      };
      this.$megamenuContainer = $('.megamenu-container', this.element);
      this.$innerRow = $('.megamenu-inner-row', this.element);
      this.isContentStretched = this.$innerRow.next('.vc_row-full-width').length ? true : false;
      this.$columns = $('.megamenu-column', this.element);
      this.$submenu = $('.nav-item-children', this.element);
      this.defaultSidePadding = 15;
      this.init();
    }

    init() {
      this.setColumnsNumbers();

      if (!this.isContentStretched) {
        this.setContainerWidth();
        this.getElementBoundingRect();
        this.resizeWindow();
      } else {
        this.$element.addClass('megamenu-content-stretch');
        this.$megamenuContainer.removeClass('container').addClass('container-fluid');
        this.$element.addClass('position-applied');
      }
    }

    setColumnsNumbers() {
      this.$element.addClass("columns-".concat(this.$columns.length));
    }

    getColumnsWidth() {
      let columnsWidth = 0;
      $.each(this.$columns, (i, col) => {
        columnsWidth += Math.round($(col).outerWidth(true));
      });
      return columnsWidth;
    }

    setContainerWidth() {
      this.$megamenuContainer.css({
        width: ''
      });
      const columnsWidth = this.getColumnsWidth();
      this.$megamenuContainer.width(columnsWidth - this.defaultSidePadding * 2);
    }

    getGlobalContainerDimensions() {
      const windowWidth = liquidWindowWidth();
      const dimensions = {};
      $.each(this.breakpoints, (containerWidth, windowWidths) => {
        if (windowWidth >= windowWidths[0] && windowWidth <= windowWidths[1]) {
          dimensions.width = parseInt(containerWidth, 10);
          dimensions.offsetLeft = (windowWidth - containerWidth) / 2;
        }
      });
      return dimensions;
    }

    getElementBoundingRect() {
      new IntersectionObserver(enteries => {
        enteries.forEach(entery => {
          if (entery.isIntersecting) {
            this.elementBoundingRect = entery.boundingClientRect;
            this.getMegamenuBoundingRect();
          }
        });
      }).observe(this.element);
    }

    getMegamenuBoundingRect() {
      new IntersectionObserver(enteries => {
        enteries.forEach(entery => {
          if (entery.isIntersecting) {
            this.megamenuBoundingRect = entery.boundingClientRect;
            this.positioning();
          }
        });
      }).observe(this.$megamenuContainer.get(0));
    }

    positioning() {
      const elementWidth = this.elementBoundingRect.width;
      const elementOffsetLeft = this.elementBoundingRect.left;
      const megamenuContainerWidth = this.megamenuBoundingRect.width;
      const globalContainerDimensions = this.getGlobalContainerDimensions();
      const globalContainerWidth = globalContainerDimensions.width;
      const globalContainerOffsetLeft = globalContainerDimensions.offsetLeft;
      const menuItemisInGlobalContainerRange = elementOffsetLeft <= globalContainerWidth + globalContainerOffsetLeft ? true : false;
      let megamenuOffsetLeft = 0;
      this.$submenu.css({
        left: '',
        marginLeft: ''
      }); // just make it center if it fits inside global container

      if (megamenuContainerWidth === globalContainerWidth && menuItemisInGlobalContainerRange) {
        this.$submenu.css({
          left: globalContainerOffsetLeft - this.defaultSidePadding
        });
      } // if the menu item is inside the global container range


      if (menuItemisInGlobalContainerRange) {
        this.$submenu.css({
          left: globalContainerOffsetLeft - this.defaultSidePadding + (globalContainerWidth / 2 - megamenuContainerWidth / 2)
        });
        megamenuOffsetLeft = parseInt(this.$submenu.css('left'), 10);
      } // if the megammenu is pushed too much to the right and it's far from it's parent menu item


      if (megamenuOffsetLeft > elementOffsetLeft) {
        this.$submenu.css({
          left: elementOffsetLeft
        }); // if the megamenu needs to push a bit more to the right
      } else if (megamenuOffsetLeft + megamenuContainerWidth < elementOffsetLeft + elementWidth) {
        this.$submenu.css({
          left: elementOffsetLeft + elementWidth - (megamenuOffsetLeft + megamenuContainerWidth) + megamenuOffsetLeft
        });
      }

      this.$element.addClass('position-applied');
    }

    resizeWindow() {
      const onResize = liquidDebounce(this.onResizeWindow, 250);
      $(window).on('resize', onResize.bind(this));
    }

    onResizeWindow() {
      this.$element.removeClass('position-applied');
      this.setContainerWidth();
      this.getElementBoundingRect();
    }

  }

  $.fn[pluginName] = function (options) {
    return this.each(function () {
      const pluginOptions = $(this).data('plugin-options') || options;

      if (!$.data(this, "plugin_" + pluginName)) {
        $.data(this, "plugin_" + pluginName, new Plugin(this, pluginOptions));
      }
    });
  };
})(jQuery, window, document);

jQuery(document).ready(function ($) {
  $('.megamenu').filter((i, element) => !$(element).closest('.main-nav').hasClass('main-nav-side, main-nav-fullscreen-style-1')).liquidMegamenu();
});
"use strict";

;

(function ($, window, document, undefined) {
  'use strict';

  const pluginName = 'liquidSubmenu';
  let defaults = {
    toggleType: "fade",
    // fade, slide
    handler: "mouse-in-out",
    // click, mouse-in-out
    animationSpeed: 200
  };

  class Plugin {
    constructor(element, options) {
      this.element = element;
      this.$element = $(element);
      this.options = $.extend({}, defaults, options);
      this._defaults = defaults;
      this._name = pluginName;
      this.$mainHeader = this.$element.closest('.main-header');
      this.modernMobileNav = $('body').attr('data-mobile-nav-style') == 'modern';
      this.init();
    }

    init() {
      const submenuParent = this.$element.find('.menu-item-has-children, .page_item_has_children');
      const $submenus = this.$element.find('.nav-item-children, .children');
      const $navbarCollapse = this.$element.closest('.navbar-collapse');

      if ($navbarCollapse.length && !$navbarCollapse.is('.navbar-fullscreen')) {
        this.positioning($submenus);
      }

      submenuParent.each((i, subParent) => {
        this.getMegamenuBackgroundLuminance(subParent);
        this.eventHandlers(subParent);
        this.offHandlers(submenuParent);
        this.handleWindowResize(submenuParent);
      });
      return this;
    }

    eventHandlers(submenuParent) {
      const self = this;
      const $toggleLink = $(submenuParent).children('a');
      const {
        handler,
        toggleType,
        animationSpeed
      } = this.options;
      const $mobileNavExpander = $('.submenu-expander', $toggleLink);
      $toggleLink.off();
      $(submenuParent).off();
      $mobileNavExpander.off();

      if (handler == 'click') {
        $toggleLink.on('click', event => {
          self.handleToggle.call(self, event, 'toggle');
        });
        $(document).on('click', self.closeActiveSubmenu.bind(submenuParent, toggleType, animationSpeed));
        $(document).keyup(event => {
          if (event.keyCode == 27) {
            self.closeActiveSubmenu(toggleType, animationSpeed);
          }
        });
      } else {
        $(submenuParent).on('mouseenter', event => {
          self.handleToggle.call(self, event, 'show');
        });
        $(submenuParent).on('mouseleave', event => {
          self.handleToggle.call(self, event, 'hide');
        });
      } // Mobile nav


      $mobileNavExpander.on('click', event => {
        event.preventDefault();
        event.stopPropagation();
        this.mobileNav.call(this, $(event.currentTarget).closest('li'));
      });
      return this;
    }

    handleToggle(event, state) {
      const self = this;
      const toggleType = self.options.toggleType;
      const $link = $(event.currentTarget);
      const submenu = $link.is('a') ? $link.siblings('.nav-item-children, .children') : $link.children('.nav-item-children, .children');
      const $mainBarWrap = $link.closest('.mainbar-wrap');
      const isMegamenu = $link.is('.megamenu') ? true : false;
      const megamenuBg = isMegamenu && $link.attr('data-bg-color');
      const megamenuScheme = isMegamenu && $link.attr('data-megamenu-bg-scheme');

      if (submenu.length) {
        event.preventDefault();
        submenu.closest('li').toggleClass('active').siblings().removeClass('active');

        if (toggleType == 'fade' && state === 'show') {
          self.fadeIn(event, submenu, isMegamenu, megamenuScheme, megamenuBg, $mainBarWrap);
        } else if (toggleType == 'fade' && state === 'hide') {
          self.fadeOut(event, submenu, isMegamenu, megamenuScheme, megamenuBg, $mainBarWrap);
        }

        if (toggleType == 'slide' && state === 'show') {
          self.slideDown(event, submenu, isMegamenu, megamenuScheme, megamenuBg, $mainBarWrap);
        } else if (toggleType == 'slide' && state === 'hide') {
          self.slideUp(event, submenu, isMegamenu, megamenuScheme, megamenuBg, $mainBarWrap);
        }

        if (toggleType == 'fade' && state === 'toggle') {
          self.fadeToggle(event, submenu, isMegamenu, megamenuScheme, megamenuBg, $mainBarWrap);
        }

        if (toggleType == 'slide' && state === 'toggle') {
          self.slideToggle(event, submenu, isMegamenu, megamenuScheme, megamenuBg, $mainBarWrap);
        }
      }
    }

    fadeToggle(event, submenu, isMegamenu, megamenuScheme, megamenuBg, $mainBarWrap) {
      submenu.closest('li').siblings().find('.nav-item-children, .children').stop().fadeOut(this.options.animationSpeed);
      submenu.stop().fadeToggle(this.options.animationSpeed);

      if (isMegamenu) {
        $mainBarWrap.children('.megamenu-hover-bg').css('background-color', megamenuBg);
        this.$mainHeader.removeClass('megamenu-scheme-dark megamenu-scheme-light');
        this.$mainHeader.toggleClass("megamenu-item-active megamenu-scheme-".concat(megamenuScheme));
      }
    }

    fadeIn(event, submenu, isMegamenu, megamenuScheme, megamenuBg, $mainBarWrap) {
      submenu.closest('li').siblings().find('.nav-item-children, .children').stop().fadeOut(this.options.animationSpeed);
      submenu.stop().fadeIn(this.options.animationSpeed);

      if (isMegamenu) {
        $mainBarWrap.children('.megamenu-hover-bg').css('background-color', megamenuBg);
        ;
        this.$mainHeader.removeClass('megamenu-scheme-dark megamenu-scheme-light');
        this.$mainHeader.addClass("megamenu-item-active megamenu-scheme-".concat(megamenuScheme));
      }

      if (submenu.find('[data-lqd-flickity]').length) {
        submenu.find('[data-lqd-flickity]').flickity('resize');
      }
    }

    fadeOut(event, submenu, isMegamenu, megamenuScheme, megamenuBg, $mainBarWrap) {
      submenu.stop().fadeOut(this.options.animationSpeed);

      if (isMegamenu) {
        this.$mainHeader.removeClass('megamenu-scheme-dark megamenu-scheme-light');
        this.$mainHeader.removeClass('megamenu-item-active');
      }
    }

    slideToggle(event, submenu, isMegamenu, megamenuScheme, megamenuBg, $mainBarWrap) {
      submenu.closest('li').siblings().find('.nav-item-children, .children').stop().slideUp(this.options.animationSpeed);
      submenu.stop().slideToggle(this.options.animationSpeed);

      if (isMegamenu) {
        $mainBarWrap.children('.megamenu-hover-bg').css('background-color', megamenuBg);
        this.$mainHeader.removeClass('megamenu-scheme-dark megamenu-scheme-light');
        this.$mainHeader.toggleClass("megamenu-item-active megamenu-scheme-".concat(megamenuScheme));
      }
    }

    slideDown(event, submenu, isMegamenu, megamenuScheme, megamenuBg, $mainBarWrap) {
      submenu.closest('li').siblings().find('.nav-item-children, .children').stop().slideUp(this.options.animationSpeed);
      submenu.stop().slideDown(this.options.animationSpeed);

      if (isMegamenu) {
        $mainBarWrap.children('.megamenu-hover-bg').css('background-color', megamenuBg);
        this.$mainHeader.removeClass('megamenu-scheme-dark megamenu-scheme-light');
        this.$mainHeader.addClass("megamenu-item-active megamenu-scheme-".concat(megamenuScheme));
      }
    }

    slideUp(event, submenu, isMegamenu, megamenuScheme, megamenuBg, $mainBarWrap) {
      submenu.stop().slideUp(this.options.animationSpeed);

      if (isMegamenu) {
        this.$mainHeader.removeClass('megamenu-scheme-dark megamenu-scheme-light');
        this.$mainHeader.removeClass('megamenu-item-active');
      }
    }

    getMegamenuBackgroundLuminance(subParent) {
      const $subParent = $(subParent);

      if ($subParent.is('.megamenu')) {
        const $megamenuRow = $subParent.find('.megamenu-inner-row').first();
        const backgroundColor = tinycolor($megamenuRow.css('background-color'));
        $subParent.closest('.megamenu').attr('data-bg-color', backgroundColor);

        if (backgroundColor.isLight()) {
          $subParent.attr('data-megamenu-bg-scheme', 'light');
        } else if (backgroundColor.isDark()) {
          $subParent.attr('data-megamenu-bg-scheme', 'dark');
        }
      }
    }

    closeActiveSubmenu(toggleType, animationSpeed) {
      // if Esc key pressed
      if (event.keyCode) {
        const mainNav = $(this.element);

        if (toggleType == 'fade') {
          mainNav.find('.active').removeClass('active').find('.nav-item-children, .children').stop().fadeOut(animationSpeed);
        } else {
          mainNav.find('.active').removeClass('active').find('.nav-item-children, .children').stop().slideUp(animationSpeed);
        }
      } else {
        // else if it was clicked in the document
        const $submenuParent = $(this);

        if (!$submenuParent.is(event.target) && !$submenuParent.has(event.target).length && $submenuParent.hasClass('active')) {
          $submenuParent.removeClass('active');

          if (toggleType == 'fade') {
            $submenuParent.find('.nav-item-children, .children').stop().fadeOut(animationSpeed);
          } else {
            $submenuParent.find('.nav-item-children, .children').stop().slideUp(animationSpeed);
          }
        }
      }
    }

    mobileNav($submenuParent) {
      const $submenu = $submenuParent.children('.nav-item-children, .children');
      const $navbarCollapse = $submenuParent.closest('.navbar-collapse');
      const $navbarInner = $navbarCollapse.find('.navbar-collapse-inner');
      const submenuParentWasActive = $submenuParent.hasClass('active');
      $submenuParent.toggleClass('active');
      $submenuParent.siblings().removeClass('active').find('.nav-item-children, .children').slideUp(200);
      $submenu.slideToggle(300, () => {
        if (this.modernMobileNav && !submenuParentWasActive) {
          $navbarInner.animate({
            scrollTop: $navbarInner.scrollTop() + ($submenuParent.offset().top - $navbarInner.offset().top)
          });
        } else if (!submenuParentWasActive) {
          $navbarCollapse.animate({
            scrollTop: $navbarCollapse.scrollTop() + ($submenuParent.offset().top - $navbarCollapse.offset().top)
          });
        }
      });
    }

    offHandlers(submenuParent) {
      if (liquidWindowWidth() <= liquidMobileNavBreakpoint()) {
        $(submenuParent).off();
        $(submenuParent).children('a').off();
      } else {
        this.eventHandlers(submenuParent);
      }
    }

    positioning($submenus) {
      $.each($submenus.get().reverse(), (i, submenu) => {
        const $submenu = $(submenu);
        const $submenuParent = $submenu.parent('li');
        if ($submenuParent.is('.megamenu')) return;
        $submenu.removeClass('to-left');
        $submenuParent.removeClass('position-applied');
        this.initIO(submenu, $submenuParent);
      });
    }

    initIO(submenu, $submenuParent) {
      const callback = (enteries, observer) => {
        enteries.forEach(entery => {
          const $submenu = $(submenu);
          const boundingClientRect = entery.boundingClientRect;
          const submenuOffsetLeft = boundingClientRect.left;
          const submenuWidth = boundingClientRect.width;
          const windowWidth = entery.rootBounds.width;

          if (submenuOffsetLeft + submenuWidth >= windowWidth) {
            $submenu.addClass('to-left');
          }

          $submenuParent.addClass('position-applied');
          observer.unobserve(entery.target);
        });
      };

      const observer = new IntersectionObserver(callback);
      observer.observe(submenu);
    }

    handleWindowResize(submenuParent) {
      $(window).on('resize', this.onWindowResize.bind(this, submenuParent));
    }

    onWindowResize(submenuParent) {
      this.offHandlers(submenuParent);
    }

  }

  $.fn[pluginName] = function (options) {
    return this.each(function () {
      const pluginOptions = $(this).data('submenu-options') || options;

      if (!$.data(this, "plugin_" + pluginName)) {
        $.data(this, "plugin_" + pluginName, new Plugin(this, pluginOptions));
      }
    });
  };
})(jQuery, window, document);

jQuery(document).ready(function ($) {
  $('.main-nav').liquidSubmenu();
});
"use strict";

;

(function ($, window, document, undefined) {
  'use strict';

  const pluginName = 'liquidStickyHeader';
  let defaults = {
    stickyElement: '.mainbar-wrap',
    stickyTrigger: 'this' // 'this', 'first-section'

  };

  class Plugin {
    constructor(element, options) {
      this.element = element;
      this.$element = $(element);
      this.options = $.extend({}, defaults, options);
      this._defaults = defaults;
      this._name = pluginName;
      this.$stickyElement = $(this.options.stickyElement, this.element).last();
      this.$firstRow = $('#content > .vc_row:first-of-type');
      this.sentinel = this.addSentinel();
      this.placeholder = this.addPlaceholder();
      this.init();
    }

    init() {
      this.observeSentinel();
      this.observeStickyElement();
      this.handleWindowResize();
      this.eventListeners();
    }

    eventListeners() {
      document.addEventListener('lqd-header-sticky-change', e => {
        const $stickyElement = $(e.detail.target);
        const sticking = e.detail.stuck;
        $stickyElement.toggleClass('is-stuck', sticking);
        $stickyElement.prev('.lqd-sticky-placeholder').toggleClass('hide', !sticking);
      });
    }

    addPlaceholder() {
      const $placeholder = $('<div class="lqd-sticky-placeholder hide" />');
      return $placeholder.insertBefore(this.$stickyElement).get(0);
    }

    addSentinel() {
      const {
        stickyTrigger
      } = this.options;
      const $sentinel = $('<div class="lqd-sticky-sentinel invisible pos-abs" />');
      let trigger = 'body';

      if (stickyTrigger === 'first-section' && !this.$firstRow.is(':only-child')) {
        const $titlebar = $('.titlebar');

        if ($titlebar.length) {
          trigger = $titlebar;
        } else if (this.$firstRow.length) {
          trigger = this.$firstRow;
        } else {
          trigger = trigger;
        }

        $sentinel.css({
          'top': 'auto',
          'bottom': this.$stickyElement.outerHeight()
        });
      }

      return $sentinel.appendTo(trigger).get(0);
    }

    observeSentinel() {
      const observer = new IntersectionObserver(enteries => {
        enteries.forEach(entery => {
          const targetInfo = entery.boundingClientRect;
          const rootBoundsInfo = entery.rootBounds;
          const stickyTarget = this.$stickyElement.get(0);

          if (rootBoundsInfo && targetInfo.bottom < rootBoundsInfo.top) {
            this.fireEvent(true, stickyTarget);
          }

          if (rootBoundsInfo && targetInfo.bottom >= rootBoundsInfo.top && targetInfo.bottom < rootBoundsInfo.bottom) {
            this.fireEvent(false, stickyTarget);
          }
        });
      });
      observer.observe(this.sentinel);
    }

    observeStickyElement() {
      if (!this.$stickyElement.length) return false;
      const observer = new IntersectionObserver((enteries, observer) => {
        enteries.forEach(entery => {
          const {
            stickyTrigger
          } = this.options;
          const $sentinel = $(this.sentinel);
          const $placeholder = $(this.placeholder);
          const targetInfo = entery.boundingClientRect;
          if ($(entery.target).hasClass('is-stuck')) return false;

          if (stickyTrigger === 'this' || stickyTrigger === 'first-section' && this.$firstRow.is(':only-child')) {
            $sentinel.css({
              width: targetInfo.width,
              height: targetInfo.height,
              top: targetInfo.top + window.scrollY,
              left: targetInfo.left + window.scrollX
            });
          }

          $placeholder.css({
            height: targetInfo.height
          });
          observer.unobserve(entery.target);
        });
      });
      observer.observe(this.$stickyElement.get(0));
    }

    fireEvent(stuck, target) {
      const e = new CustomEvent('lqd-header-sticky-change', {
        detail: {
          stuck,
          target
        }
      });
      document.dispatchEvent(e);
    }

    handleWindowResize() {
      const onResize = liquidDebounce(this.onWindowResize, 250);
      $(window).on('resize', onResize.bind(this));
    }

    onWindowResize() {
      this.observeStickyElement();
    }

  }

  $.fn[pluginName] = function (options) {
    return this.each(function () {
      const pluginOptions = $(this).data('sticky-options') || options;

      if (!$.data(this, "plugin_" + pluginName)) {
        $.data(this, "plugin_" + pluginName, new Plugin(this, pluginOptions));
      }
    });
  };
})(jQuery, window, document);

jQuery(document).ready(function ($) {
  $('[data-sticky-header]').liquidStickyHeader();
});
"use strict";

;

(function ($, window, document, undefined) {
  'use strict';

  const pluginName = 'liquidMobileNav';
  let defaults = {};

  class Plugin {
    constructor(element, options) {
      this.element = element;
      this.$element = $(element);
      this.options = $.extend({}, defaults, options);
      this._defaults = defaults;
      this._name = pluginName;
      this.$mainNavElements = $('.main-nav', this.element);
      this.$navbarHeader = $('.navbar-header', this.$element.find('.mainbar')).first();
      this.$firstMainNav = this.$mainNavElements.length && this.$mainNavElements.first();
      this.$navItems = [];
      this.init();
    }

    init() {
      this.mergeMenuItems();
      this.mobileModules();
    }

    mergeMenuItems() {
      if (this.$mainNavElements.length && this.$mainNavElements.length >= 2) {
        this.$mainNavElements.not(this.$firstMainNav).map((i, navElement) => {
          const $navElement = $(navElement);
          $navElement.children().clone(true).addClass('nav-item-cloned').appendTo(this.$firstMainNav);
        });
      }
    }

    mobileModules() {
      const $mobileModules = $('.lqd-show-on-mobile', this.element);

      if ($mobileModules.length) {
        const $mobileModulesContainer = $('<div class="lqd-mobile-modules-container" />');
        $mobileModules.each((i, module) => {
          const $module = $(module);
          if (!$module.children().length) return false;
          const $clonedModule = $module.clone(true);
          const triggerElement = $('[data-target]', module);
          const target = triggerElement.attr('data-target');
          const $targetEelement = $(target, module);
          triggerElement.length && $targetEelement.attr({
            'id': "".concat(target.replace('#', ''), "-cloned")
          });
          triggerElement.length && triggerElement.attr({
            'data-target': "".concat(target, "-cloned"),
            'aria-controls': "".concat(target.replace('#', ''), "-cloned")
          });
          $clonedModule.appendTo($mobileModulesContainer);
        });

        if (!$('.lqd-mobile-modules-container', this.$navbarHeader).length) {
          $mobileModulesContainer.prependTo(this.$navbarHeader);
        }
      }
    }

  }

  $.fn[pluginName] = function (options) {
    return this.each(function () {
      const pluginOptions = $(this).data('mobilenav-options') || options;

      if (!$.data(this, "plugin_" + pluginName)) {
        $.data(this, "plugin_" + pluginName, new Plugin(this, pluginOptions));
      }
    });
  };
})(jQuery, window, document);

jQuery(document).ready(function ($) {
  $('.main-header').liquidMobileNav();
});
"use strict";

;

(function ($, window, document, undefined) {
  'use strict';

  const pluginName = 'liquidToggle';
  let defaults = {};

  class Plugin {
    constructor(element, options) {
      this.options = $.extend({}, defaults, options);
      this._defaults = defaults;
      this._name = pluginName;
      this.element = element;
      this.$element = $(element);
      this.$body = $('body');
      this.elements = this.options;
      this.targetElement = document.querySelector(this.$element.data('target'));
      this.$targetElement = $(this.targetElement);
      this.$mainHeader = $('.main-header');
      this.$parentElement = this.$element.parent();
      this.isSearchModule = this.$parentElement.is('.ld-module-search');
      this.isCartModule = this.$parentElement.is('.ld-module-cart');
      this.init();
    }

    init() {
      this.$targetElement.not('.navbar-collapse').css({
        'visibility': 'hidden',
        display: 'block'
      });
      this.initIO();
      this.addBodyClassnames();
      this.eventHandlers();
      this.cloneTriggerInTarget();
      this.cloneTargetInBody();
      return this;
    }

    initIO() {
      const inViewCallback = (enteries, observer) => {
        enteries.forEach(entery => {
          const boundingRect = entery.boundingClientRect;

          if (boundingRect.width + boundingRect.left >= liquidWindowWidth()) {
            this.$targetElement.not('.navbar-collapse').removeClass('left').addClass('right');
          }

          if (boundingRect.left < 0) {
            this.$targetElement.not('.navbar-collapse').removeClass('right').addClass('left');
          }

          this.$targetElement.not('.navbar-collapse').css({
            'visibility': '',
            display: ''
          });
          observer.unobserve(entery.target);
        });
      };

      const observer = new IntersectionObserver(inViewCallback);
      this.$targetElement.length && observer.observe(this.targetElement);
    }

    addBodyClassnames() {
      if (this.$parentElement.get(0).hasAttribute('data-module-style')) {
        this.$body.addClass(this.$parentElement.attr('data-module-style'));
      }
    }

    eventHandlers() {
      const self = this;
      this.$targetElement.on('show.bs.collapse', this.onShow.bind(this));
      this.$targetElement.on('shown.bs.collapse', this.onShown.bind(this));
      this.$targetElement.on('hide.bs.collapse', this.onHide.bind(this));
      this.$targetElement.on('hidden.bs.collapse', this.onHidden.bind(this));
      $(document).on('click', event => {
        self.closeAll.call(self, event);
      });
      $(document).keyup(function (event) {
        if (event.keyCode == 27) {
          self.closeAll.call(self, event);
        }
      });
      return this;
    }

    onShow(e) {
      $('html').addClass('module-expanding');

      if (this.isSearchModule) {
        $('html').addClass('lqd-module-search-expanded');
      } else if (this.isCartModule) {
        $('html').addClass('lqd-module-cart-expanded');
      }

      if (this.$element.attr('data-target').replace('#', '') === $(e.target).attr('id')) {
        this.toggleClassnames(e);
        this.focusOnSearch();
      }

      return this;
    }

    onShown() {
      $('html').removeClass('module-expanding');

      if (window.liquidLazyload) {
        window.liquidLazyload.update();
      }

      return this;
    }

    onHide(e) {
      $('html').addClass('module-collapsing');

      if (this.$element.attr('data-target').replace('#', '') === $(e.target).attr('id')) {
        this.toggleClassnames(e);
      }

      return this;
    }

    onHidden() {
      $('html').removeClass('module-collapsing lqd-module-search-expanded lqd-module-cart-expanded');
    }

    toggleClassnames(e) {
      // { "element": "classname, classname" }
      $.each(this.elements, (element, classname) => {
        $(element).toggleClass(classname);
      });
      return this;
    }

    focusOnSearch() {
      const self = this;

      if (self.$targetElement.find('input[type=search]').length) {
        setTimeout(function () {
          self.$targetElement.find('input[type=search]').focus().select();
        }, 150);
      }
    }

    closeAll(event) {
      const element = $(this.element);
      const $target = $(element.attr('data-target')); // if Esc key pressed

      if (event.keyCode) {
        $target.collapse('hide');
      } else {
        // else if it was clicked in the document
        if (!$target.is(event.target) && !$target.has(event.target).length && (!$(event.target).is('.add_to_cart_button') && !$target.is('#lqd-cart') || !$target.is('#lqd-cart-cloned'))) {
          $target.collapse('hide');
        }
      }
    }

    cloneTriggerInTarget() {
      // only for mobile nav.
      // and when mobile nav style is set to modern
      if ($(this.element).is('.nav-trigger:not(.main-nav-trigger)') && this.$body.attr('data-mobile-nav-style') == 'modern') {
        const $clonedTrigger = $(this.element).clone(true).prependTo(this.$targetElement);
        $clonedTrigger.siblings('.nav-trigger').remove();
      }
    }

    cloneTargetInBody() {
      // only for mobile nav.
      // and when mobile nav style is set to modern
      if ($(this.element).is('.nav-trigger:not(.main-nav-trigger)') && this.$body.attr('data-mobile-nav-style') == 'modern' && !$('.navbar-collapse-clone').length) {
        const targetClone = $(this.$targetElement).clone(true).addClass('navbar-collapse-clone').attr('id', 'main-header-collapse-clone').insertAfter('#wrap');
        targetClone.children('.main-nav, .header-module').wrapAll('<div class="navbar-collapse-inner"></div>');
        $(this.element).attr('data-target', '#main-header-collapse-clone').addClass('mobile-nav-trigger-cloned');
        targetClone.find('.nav-trigger').attr('data-target', '#main-header-collapse-clone');
      }
    }

  }

  $.fn[pluginName] = function (options) {
    return this.each(function () {
      const pluginOptions = $(this).data('changeclassnames') || options;

      if (!$.data(this, "plugin_" + pluginName)) {
        $.data(this, "plugin_" + pluginName, new Plugin(this, pluginOptions));
      }
    });
  };
})(jQuery, window, document);

jQuery(document).ready(function ($) {
  $('.mainbar-wrap .nav-trigger').liquidToggle();
  $('[data-ld-toggle]').liquidToggle();
});
"use strict";

;

(function ($, window, document, undefined) {
  'use strict';

  const pluginName = 'liquidResponsiveBG';
  let defaults = {};

  class Plugin {
    constructor(element, options) {
      this.element = element;
      this.$element = $(element);
      this.options = $.extend({}, defaults, options);
      this._defaults = defaults;
      this._name = pluginName;
      this.targetImage = null;
      this.targetImage = this.element.querySelector('img');
      this.init();
    }

    init() {
      if (typeof undefined === typeof this.targetImage || null === this.targetImage) {
        console.error('There should be an image to get the source from it.');
        return false;
      }

      const imgLoad = imagesLoaded(this.targetImage);
      this.setBgImage();
      imgLoad.on('done', this.onLoad.bind(this));
    }

    getCurrentSrc() {
      let imageSrc = this.targetImage.currentSrc ? this.targetImage.currentSrc : this.targetImage.src;

      if (/data:image\/svg\+xml/.test(imageSrc)) {
        imageSrc = this.targetImage.dataset.src;
      }

      return imageSrc;
    }

    setBgImage() {
      this.$element.css({
        backgroundImage: "url( ".concat(this.getCurrentSrc(), " )")
      });
    }

    reInitparallaxBG() {
      const parallaxFigure = this.$element.children('.liquid-parallax-container').find('.liquid-parallax-figure');

      if (parallaxFigure.length) {
        parallaxFigure.css({
          backgroundImage: "url( ".concat(this.getCurrentSrc(), " )")
        });
      }
    }

    onLoad() {
      this.reInitparallaxBG();
      this.$element.is('[data-liquid-blur]') && this.$element.liquidBlurImage();
      this.$element.addClass('loaded');
    }

  }

  $.fn[pluginName] = function (options) {
    return this.each(function () {
      const pluginOptions = $(this).data('responsive-options') || options;

      if (!$.data(this, "plugin_" + pluginName)) {
        $.data(this, "plugin_" + pluginName, new Plugin(this, pluginOptions));
      }
    });
  };
})(jQuery, window, document);

jQuery(document).ready(function ($) {
  if (!$('body').hasClass('lazyload-enabled')) {
    $('[data-responsive-bg=true]').filter((i, element) => {
      const $element = $(element);
      const $revealElement = $element.parent('[data-reveal]');
      return !$revealElement.length;
    }).liquidResponsiveBG();
  }
});
"use strict";

jQuery(document).ready(function ($) {
  if ($('body').hasClass('lazyload-enabled')) {
    window.liquidLazyload = new LazyLoad({
      elements_selector: '.ld-lazyload',
      threshold: 700,
      callback_loaded: el => {
        const $element = $(el);
        const $masonryParent = $element.closest('[data-liquid-masonry=true]');
        const $flickityParent = $element.closest('[data-lqd-flickity]');
        const $flexParent = $element.closest('.flex-viewport');
        $element.parent().not('#wrap, #content').addClass('loaded');
        $element.closest('[data-responsive-bg=true]').liquidResponsiveBG();

        if ($masonryParent.length && $masonryParent.data('isotope')) {
          $masonryParent.isotope('layout');
        }

        if ($flickityParent.length && $flickityParent.data('flickity')) {
          $flickityParent.on('settle.flickity', () => {
            $flickityParent.flickity('resize');
          });
        }

        if ($flexParent.length && $flexParent.parent().data('flexslider')) {
          setTimeout(function () {
            $flexParent.animate({
              height: $element.height()
            });
          }, 100);
        }
      }
    });
  }
});
"use strict";

;

(function ($, window, document, undefined) {
  'use strict';

  const pluginName = 'liquidMoveElement';
  let defaults = {
    target: '#selector',
    targetRelation: 'closest',
    type: 'prependTo',
    includeParent: false,
    clone: false
  };

  class Plugin {
    constructor(element, options) {
      this.element = element;
      this.$element = $(element);
      this.options = $.extend({}, defaults, options);
      this._defaults = defaults;
      this._name = pluginName;
      this.init();
    }

    init() {
      this.getHiddenClasses();
      this.moveElement();
    }

    getHiddenClasses() {
      const $parentColumn = this.$element.closest('.wpb_column');

      if ($parentColumn.length) {
        const parentColumnClass = $parentColumn.attr('class');
        const classList = parentColumnClass.split(' ').filter(cls => cls.search('vc_hidden') >= 0);
        classList.length && this.$element.addClass(classList.join(' '));
      }
    }

    moveElement() {
      const {
        target,
        type,
        targetRelation
      } = this.options;
      this.$element[type](this.$element[targetRelation](target));
      this.$element.addClass('element-was-moved');
    }

  }

  $.fn[pluginName] = function (options) {
    return this.each(function () {
      const pluginOptions = $(this).data('move-element') || options;

      if (!$.data(this, "plugin_" + pluginName)) {
        $.data(this, "plugin_" + pluginName, new Plugin(this, pluginOptions));
      }
    });
  };
})(jQuery, window, document);

jQuery(document).ready(function ($) {
  $('[data-move-element]').liquidMoveElement();
});
"use strict";

;

(function ($, window, document, undefined) {
  'use strict';

  const pluginName = 'liquidInView';
  let defaults = {
    delayTime: 0,
    onImagesLoaded: false
  };

  function Plugin(element, options) {
    this.element = element;
    this.$element = $(element);
    this.options = $.extend({}, defaults, options);
    this._defaults = defaults;
    this._name = pluginName;
    this.init();
  }

  Plugin.prototype = {
    init() {
      this.onInview();
    },

    onInview() {
      const threshold = this._getThreshold();

      const delayTime = this.options.delayTime;

      const inViewCallback = (enteries, observer) => {
        enteries.forEach(entery => {
          if (entery.isIntersecting) {
            if (!this.options.onImagesLoaded) {
              delayTime <= 0 ? this._doInViewStuff() : setTimeout(this._doInViewStuff(), delayTime);
            } else {
              this.$element.imagesLoaded(delayTime <= 0 ? this._doInViewStuff.bind(this) : setTimeout(this._doInViewStuff.bind(this), delayTime));
            }

            observer.unobserve(entery.target);
          }
        });
      };

      const observer = new IntersectionObserver(inViewCallback, {
        threshold
      });
      observer.observe(this.element);
    },

    _getThreshold() {
      const windowHeight = liquidWindowWidth();
      const elementOuterHeight = this.$element.outerHeight();
      return Math.min(Math.max(windowHeight / elementOuterHeight / 5, 0), 1);
    },

    _doInViewStuff() {
      $(this.element).addClass('is-in-view');
    }

  };

  $.fn[pluginName] = function (options) {
    return this.each(function () {
      const pluginOptions = $(this).data('inview-options') || options;

      if (!$.data(this, "plugin_" + pluginName)) {
        $.data(this, "plugin_" + pluginName, new Plugin(this, pluginOptions));
      }
    });
  };
})(jQuery, window, document);

jQuery(document).ready(function ($) {
  $('[data-inview]').liquidInView();
});
"use strict";

;

(function ($, window, document, undefined) {
  'use strict';

  const pluginName = 'liquidButton';
  let defaults = {};

  class Plugin {
    constructor(element, options) {
      this.element = element;
      this.options = $.extend({}, defaults, options);
      this._defaults = defaults;
      this._name = pluginName;
      this.init();
    }

    init() {
      this.gradientBorderRoundness();
    }

    gradientBorderRoundness() {
      const self = this;
      const element = $(self.element);

      if (element.find('.btn-gradient-border').length && element.hasClass('circle') && element.is(':visible')) {
        const svgBorder = element.find('.btn-gradient-border').children('rect');
        const buttonHeight = element.height();
        svgBorder.attr({
          rx: buttonHeight / 2,
          ry: buttonHeight / 2
        });
      }
    }

  }

  $.fn[pluginName] = function (options) {
    return this.each(function () {
      const pluginOptions = $(this).data('plugin-options') || options;

      if (!$.data(this, "plugin_" + pluginName)) {
        $.data(this, "plugin_" + pluginName, new Plugin(this, pluginOptions));
      }
    });
  };
})(jQuery, window, document);

jQuery(document).ready(function ($) {
  $('.btn').not('.button') // prevent applying to woocommerce buttons. it's messing up ajax calls
  .liquidButton();
});
"use strict";

;

(function ($, window, document, undefined) {
  'use strict';

  const pluginName = 'liquidSplitText';
  let defaults = {
    type: "words",
    // "words", "chars", "lines". or mixed e.g. "words, chars"
    forceApply: false
  };

  class Plugin {
    constructor(element, options) {
      this.element = element;
      this.$element = $(element);
      this.options = $.extend({}, defaults, options);
      this._defaults = defaults;
      this._name = pluginName;
      this.splittedTextArray = [];
      this.splitTextInstance = null;
      this.isRTL = $('html').attr('dir') == 'rtl';
      this.init();
    }

    init() {
      this._initIO();
    }

    _initIO() {
      if (this.options.forceApply) {
        this._initSplit();

        this._windowResize();

        return false;
      }

      new IntersectionObserver((enteries, observer) => {
        enteries.forEach(entery => {
          if (entery.isIntersecting) {
            this._initSplit();

            this._windowResize();

            observer.unobserve(entery.target);
          }
        });
      }, {
        rootMargin: '10%'
      }).observe(this.element);
    }

    _initSplit() {
      if (this.options.forceApply) {
        this.splitTextInstance = this._doSplit();

        this._onSplittingDone();

        return false;
      } else {
        this._onFontsLoad();
      }
    }

    _onFontsLoad() {
      const elementFontFamily = this.$element.css('font-family').replace(/\"/g, '').replace(/\'/g, '').split(',')[0];
      const elementFontWeight = this.$element.css('font-weight');
      const elementFontStyle = this.$element.css('font-style');
      const font = new FontFaceObserver(elementFontFamily, {
        weight: elementFontWeight,
        style: elementFontStyle
      });
      font.load().then(() => {
        this.splitTextInstance = this._doSplit();

        this._onSplittingDone();
      }, () => {
        this.splitTextInstance = this._doSplit();

        this._onSplittingDone();
      });
    }

    getSplitTypeArray() {
      const {
        type
      } = this.options;
      const splitTypeArray = type.split(',').map(item => item.replace(' ', ''));

      if (!this.isRTL) {
        return splitTypeArray;
      } else {
        return splitTypeArray.filter(type => type !== 'chars');
      }
    }

    _doSplit() {
      if (this.$element.hasClass('split-text-applied') || this.$element.closest('.tabs-pane').length && this.$element.closest('.tabs-pane').is(':hidden')) {
        return false;
      }

      const splitType = this.getSplitTypeArray();
      const splittedText = new SplitText(this.element, {
        type: splitType,
        charsClass: 'lqd-chars',
        linesClass: 'lqd-lines',
        wordsClass: 'lqd-words'
      });
      $.each(splitType, (i, type) => {
        $.each(splittedText[type], (i, element) => {
          this.splittedTextArray.push(element);
        });
      });

      this._unitsOp(this.splittedTextArray);

      this.$element.addClass('split-text-applied');
      return splittedText;
    }

    _unitsOp(splittedElements) {
      $.each(splittedElements, (i, element) => {
        const $element = $(element).addClass('split-unit');
        const innerText = $element.text();
        $element.wrapInner("<span data-text=\"".concat(innerText, "\" class=\"split-inner\"><span class=\"split-txt\"></span></span>"));
      });
    }

    _onSplittingDone() {
      const parentColumn = this.$element.closest('.wpb_wrapper, .lqd-column');
      /*
      	if it's only a split text, then call textRotator
      	Otherwise if it has custom animations, then wait for animations to be done
      	and then textRotator will be called from customAnimations
      */

      if (this.$element.is('[data-text-rotator]') && !this.element.hasAttribute('data-custom-animations') && parentColumn.length && !parentColumn.get(0).hasAttribute('data-custom-animations')) {
        this.$element.liquidTextRotator();
      }
    }

    _onCollapse() {
      const self = this;
      $('[data-toggle="tab"]').on('shown.bs.tab', e => {
        const href = e.target.getAttribute('href');
        const targetPane = $(e.target).closest('.tabs').find(href);
        const element = targetPane.find(self.element);
        if (!element.length) return;
        self.splitText.revert();

        self._doSplit();
      });
    }

    _windowResize() {
      const onResize = liquidDebounce(this._onWindowResize, 500);
      $(window).on('resize', onResize.bind(this));
    }

    _onWindowResize() {
      $('html').addClass('window-resizing');

      if (this.splitTextInstance) {
        this.splitTextInstance.revert();
        this.$element.removeClass('split-text-applied');
      }

      if (this.$element.data('plugin_liquidTextRotator')) {
        this.$element.find('.txt-rotate-keywords').addClass('ws-nowrap').css('width', '');
        this.$element.data('plugin_liquidTextRotator', '');
        anime.remove(this.$element.get(0));
        anime.remove(this.$element.find('.keyword').get());
        this.$element.find('.keyword').removeClass('active is-next will-change').css({
          opacity: '',
          transform: ''
        });
        this.$element.find('.keyword:first-child').addClass('active');
      }

      this._onAfterWindowResize();
    }

    _onAfterWindowResize() {
      $('html').removeClass('window-resizing');
      this.splitTextInstance = this._doSplit();

      this._onSplittingDone();

      this.$element.find('.split-unit').addClass('lqd-unit-animation-done');
    }

  }

  $.fn[pluginName] = function (options) {
    return this.each(function () {
      const pluginOptions = this.options = $.extend({}, $(this).data('split-options'), options);

      if (!$.data(this, "plugin_" + pluginName)) {
        $.data(this, "plugin_" + pluginName, new Plugin(this, pluginOptions));
      }
    });
  };
})(jQuery, window, document);

jQuery(document).ready(function ($) {
  $('[data-split-text]').filter((i, element) => !$(element).parents('[data-custom-animations]').length && !element.hasAttribute('data-custom-animations')).liquidSplitText();
});
"use strict";

/*global jQuery */

/*!
* FitText.js 1.2
*
* Copyright 2011, Dave Rupert http://daverupert.com
* Released under the WTFPL license
* http://sam.zoy.org/wtfpl/
*
* Date: Thu May 05 14:23:00 2011 -0600
*/
;

(function ($, window, document, undefined) {
  'use strict';

  const pluginName = 'liquidFitText';
  let defaults = {
    compressor: 1,
    minFontSize: Number.NEGATIVE_INFINITY,
    maxFontSize: Number.POSITIVE_INFINITY
  };

  function Plugin(element, options) {
    this.element = element;
    this.options = $.extend({}, defaults, options);
    this._defaults = defaults;
    this._name = pluginName;
    this.init();
  }

  Plugin.prototype = {
    init() {
      this.setMinFontSize();
      this.setMaxFontSize();
      this.resizer();
      this.onWindowResize();
    },

    setMinFontSize() {
      const minFontSize = this.options.minFontSize;
      const elementFontSize = $(this.element).css('fontSize');

      if (minFontSize == 'currentFontSize') {
        this.options.minFontSize = elementFontSize;
      }
    },

    setMaxFontSize() {
      const maxFontSize = this.options.maxFontSize;
      const elementFontSize = $(this.element).css('fontSize');

      if (maxFontSize == 'currentFontSize') {
        this.options.maxFontSize = elementFontSize;
      }
    },

    resizer() {
      const options = this.options;
      const compressor = options.compressor;
      const maxFontSize = options.maxFontSize;
      const minFontSize = options.minFontSize;
      const $element = $(this.element); // if it's a fancy heading, get .ld-fancy-heading's parent width. because .ld-fancy-heading is set to display: inline-block

      const elementWidth = $element.parent('.ld-fancy-heading').length ? $element.parent().width() : $element.width();
      $element.css('font-size', Math.max(Math.min(elementWidth / (compressor * 10), parseFloat(maxFontSize)), parseFloat(minFontSize)));
    },

    onWindowResize() {
      $(window).on('resize.fittext orientationchange.fittext', this.resizer.bind(this));
    }

  };

  $.fn[pluginName] = function (options) {
    return this.each(function () {
      const pluginOptions = $(this).data('fittext-options') || options;

      if (!$.data(this, "plugin_" + pluginName)) {
        $.data(this, "plugin_" + pluginName, new Plugin(this, pluginOptions));
      }
    });
  };
})(jQuery, window, document);

jQuery(document).ready(function ($) {
  $('[data-fittext]').liquidFitText();
});
"use strict";

;

(function ($, window, document, undefined) {
  'use strict';

  const pluginName = 'liquidStretchElement';
  let defaults = {
    to: 'right'
  };

  class Plugin {
    constructor(element, options) {
      this.element = element;
      this.$element = $(element);
      this.options = $.extend({}, defaults, options);
      this._defaults = defaults;
      this._name = pluginName;
      this.isStretched = false;
      this.boundingClientRect = null;
      this.rootBounds = null;
      this.initIO();
    }

    initIO() {
      new IntersectionObserver(enteries => {
        enteries.forEach(entry => {
          if (entry.isIntersecting && !this.isStretched) {
            this.boundingClientRect = entry.boundingClientRect;
            this.rootBounds = entry.rootBounds;
            this.init();
            this.isStretched = true;
          }
        });
      }).observe(this.element, {
        rootMargin: '3%'
      });
    }

    init() {
      this.stretch();
      this.$element.addClass('element-is-stretched');
    }

    stretch() {
      if (this.options.to === 'right') {
        this.stretchToRight();
      } else {
        this.stretchToLeft();
      }
    }

    stretchToRight() {
      const offset = this.rootBounds.width - (this.boundingClientRect.width + this.boundingClientRect.left);
      this.$element.css('marginRight', offset * -1);
    } // TODO: probably not correct. need to be revisited


    stretchToLeft() {
      const offset = this.rootBounds.width - this.boundingClientRect.left;
      this.$element.css('marginLeft', offset * -1);
    }

  }

  $.fn[pluginName] = function (options) {
    return this.each(function () {
      const pluginOptions = $(this).data('stretch-options') || options;

      if (!$.data(this, "plugin_" + pluginName)) {
        $.data(this, "plugin_" + pluginName, new Plugin(this, pluginOptions));
      }
    });
  };
})(jQuery, window, document);

jQuery(document).ready(function ($) {
  $('[data-stretch-element=true]').liquidStretchElement();
});
"use strict";

;

(function ($, window, document, undefined) {
  'use strict';

  const pluginName = 'liquidCustomAnimations';
  let defaults = {
    delay: 0,
    startDelay: 0,
    offDelay: 0,
    direction: 'forward',
    duration: 300,
    offDuration: 300,
    easing: 'easeOutQuint',
    animationTarget: 'this',
    // it can be also a selector e.g. '.selector'
    initValues: {
      translateX: 0,
      translateY: 0,
      translateZ: 0,
      rotateX: 0,
      rotateY: 0,
      rotateZ: 0,
      scaleX: 1,
      scaleY: 1,
      opacity: 1
    },
    animations: {},
    animateTargetsWhenVisible: false // triggerHandler: "focus", // "inview"
    // triggerTarget: "input",
    // triggerRelation: "siblings",
    // offTriggerHandler: "blur",

  };

  class Plugin {
    constructor(element, options) {
      this.element = element;
      this.$element = $(element);
      this.options = $.extend({}, defaults, options);
      if (this.options.triggerHandler == 'mouseenter') this.options.triggerHandler = 'mouseenter touchstart';
      if (this.options.triggerHandler == 'mouseleave') this.options.triggerHandler = 'mouseleave touchend';
      this._defaults = defaults;
      this._name = pluginName;
      this.splitText = null;
      this.isTouchMoving = false;
      this.isRTL = $('html').attr('dir') == 'rtl';

      this._initIO();
    }

    _initIO() {
      const callback = (enteries, observer) => {
        enteries.forEach(entery => {
          if (entery.isIntersecting) {
            this._build();

            observer.unobserve(entery.target);
          }
        });
      };

      const observer = new IntersectionObserver(callback, {
        rootMargin: '10%'
      });
      observer.observe(this.element);
    }

    _build() {
      const self = this;
      const element = self.element;
      const $element = $(element);
      let $splitTextElements = $element.find('[data-split-text]');

      if ($splitTextElements.length) {
        this.splitText = $splitTextElements.liquidSplitText({
          forceApply: true
        });
        let fonts = {};
        $.each($splitTextElements, (i, element) => {
          const elementFontFamily = $(element).css('font-family').replace(/\"/g, '').replace(/\'/g, '').split(',')[0];
          const elementFontWeight = $(element).css('font-weight');
          const elementFontStyle = $(element).css('font-style');
          fonts[elementFontFamily] = {
            weight: elementFontWeight,
            style: elementFontStyle
          };
        });
        var observers = [];
        Object.keys(fonts).forEach(function (family) {
          var data = fonts[family];
          var obs = new FontFaceObserver(family, data);
          observers.push(obs.load());
        });
        Promise.all(observers).then(() => {
          self._init();
        }).catch(err => {
          console.warn('Some critical fonts are not available:', err);

          self._init();
        });
        return;
      } else if ($element.is('[data-split-text]')) {
        this.splitText = $element.liquidSplitText({
          forceApply: true
        });
        const elementFontFamily = $element.css('font-family').replace(/\"/g, '').replace(/\'/g, '').split(',')[0];
        const elementFontWeight = $element.css('font-weight');
        const elementFontStyle = $element.css('font-style');
        const font = new FontFaceObserver(elementFontFamily, {
          weight: elementFontWeight,
          style: elementFontStyle
        });
        font.load().then(() => {
          self._init();
        }, () => {
          self._init();
        });
      } else {
        self._init();
      }
    }

    _init() {
      this.animationTarget = this._getAnimationTargets();

      this._initValues();

      this._eventHandlers();

      this._handleResize();
    }

    _getAnimationTargets() {
      const animationTarget = this.options.animationTarget;

      if (animationTarget == 'this') {
        return this.element;
      } else if (animationTarget == 'all-childs') {
        return this._getChildElments();
      } else {
        return this.element.querySelectorAll(animationTarget);
      }
    }

    _getChildElments() {
      let $childs = $(this.element).children();

      if ($childs.is('.wpb_wrapper-inner')) {
        $childs = $childs.children();
      }

      return this._getInnerChildElements($childs);
    }

    _getInnerChildElements(elements) {
      const elementsArray = [];
      let $elements = $(elements).map((i, element) => {
        const $element = $(element);

        if ($element.is('.vc_inner')) {
          return $element.find('.wpb_wrapper-inner').children().get();
        } else if ($element.is('.row')) {
          return $element.find('.lqd-column').children().get();
        } else {
          return $element.not('style').get();
        }
      });
      $.each($elements, (i, element) => {
        const $element = $(element);

        if ($element.is('ul')) {
          $.each($element.children('li'), (i, li) => {
            elementsArray.push(li);
          });
        } else if ($element.find('.split-inner').length || $element.find('[data-split-text]').length) {
          $.each($element.find('.split-inner'), (i, splitInner) => {
            const $innerSplitInner = $(splitInner).find('.split-inner');

            if ($innerSplitInner.length) {
              elementsArray.push($innerSplitInner.get(0));
            } else {
              elementsArray.push(splitInner);
            }
          });
        } else if ($element.is('.accordion')) {
          $.each($element.children(), (i, accordionItem) => {
            elementsArray.push(accordionItem);
          });
        } else if ($element.is('.liquid-ig-feed')) {
          $.each($element.find('li'), (i, feedItem) => {
            elementsArray.push(feedItem);
          });
        } else if ($element.is('.vc_inner')) {
          $.each($element.find('.wpb_wrapper').children('.wpb_wrapper-inner'), (i, innerColumn) => {
            elementsArray.push(innerColumn);
          });
        } else if ($element.is('.row')) {
          $.each($element.find('.lqd-column'), (i, innerColumn) => {
            elementsArray.push(innerColumn);
          });
        } else if ($element.is('.fancy-title')) {
          $.each($element.children(), (i, fanctTitleElment) => {
            elementsArray.push(fanctTitleElment);
          });
        } else if (!$element.is('.vc_empty_space') && !$element.is('style') && !$element.is('.ld-empty-space') && !$element.is('[data-split-text]')) {
          elementsArray.push($element.get(0));
        }
      });
      return elementsArray;
    }

    _eventHandlers() {
      const element = $(this.element);
      const options = this.options;
      const triggerTarget = !options.triggerRelation ? element : element[options.triggerRelation](options.triggerTarget);

      if (options.triggerHandler == 'inview' && !options.animateTargetsWhenVisible) {
        this._initInviewAnimations(triggerTarget);
      } else if (options.triggerHandler == 'inview' && options.animateTargetsWhenVisible) {
        this._targetsIO();
      }

      $(document).on('touchmove', _ => this.isTouchMoving = true);
      triggerTarget.on(options.triggerHandler, event => {
        this._runAnimations.call(this, false, event);
      });
      triggerTarget.on(options.offTriggerHandler, event => {
        if (event.type === 'touchend') this.isTouchMoving = false;

        this._offAnimations.call(this, event);
      });
    }

    _initInviewAnimations($triggerTarget) {
      const threshold = window.liquidParams && window.liquidParams.tat == '0' ? 0 : this._inviewAnimationsThreshold($triggerTarget);

      const inviewCallback = (enteries, observer) => {
        enteries.forEach(entery => {
          if (entery.isIntersecting) {
            this._runAnimations();

            observer.unobserve(entery.target);
          }
        });
      };

      const observer = new IntersectionObserver(inviewCallback, {
        threshold
      });
      observer.observe($triggerTarget.get(0));
    }

    _inviewAnimationsThreshold($element) {
      const windowWidth = liquidWindowWidth();
      const windowHeight = liquidWindowHeight();
      const elementOuterWidth = $element.outerWidth();
      const elementOuterHeight = $element.outerHeight();
      const elementOffset = $element.offset();
      let w = windowWidth / elementOuterWidth;
      let h = windowHeight / elementOuterHeight;

      if (elementOuterWidth + elementOffset.left >= windowWidth) {
        w = windowWidth / (elementOuterWidth - (elementOuterWidth + elementOffset.left - windowWidth));
      }

      if (liquidIsMobile()) {
        return 0.1;
      } else {
        return Math.min(Math.max(h / w / 2, 0), 0.8);
      }
    }

    _needPerspective() {
      const initValues = this.options.initValues;
      const valuesNeedPerspective = ["translateZ", "rotateX", "rotateY", "scaleZ"];
      let needPerspective = false;

      for (let prop in initValues) {
        for (let i = 0; i <= valuesNeedPerspective.length - 1; i++) {
          const val = valuesNeedPerspective[i];

          if (prop == val) {
            needPerspective = true;
            break;
          }
        }
      }

      return needPerspective;
    }

    _initValues() {
      const options = this.options;
      const $animationTarget = $(this.animationTarget);
      $animationTarget.css({
        transition: 'none',
        transitionDelay: 0
      });
      options.triggerHandler == 'inview' && $animationTarget.addClass('will-change');
      const initValues = {
        targets: this.animationTarget,
        duration: 0,
        easing: 'linear'
      };
      const animations = $.extend({}, options.initValues, initValues);
      anime(animations);
      $(this.element).addClass('ca-initvalues-applied');

      if (this._needPerspective() && options.triggerHandler == 'inview') {
        $(this.element).addClass('perspective');
      }
    }

    _targetsIO() {
      const inviewCallback = (enteries, observer) => {
        const inviewTargetsArray = [];
        enteries.forEach(entery => {
          if (entery.isIntersecting) {
            inviewTargetsArray.push(entery.target);

            this._runAnimations(inviewTargetsArray);

            observer.unobserve(entery.target);
          }
        });
      };

      const observer = new IntersectionObserver(inviewCallback, {
        threshold: 0.35
      });
      $.each(this.animationTarget, (i, target) => {
        observer.observe(target);
      });
    }

    _runAnimations(inviewTargetsArray, event) {
      if (event && event.type === 'touchstart' && this.isTouchMoving) return false;
      const options = this.options;

      const _delay = parseInt(options.delay, 10);

      const startDelay = parseInt(options.startDelay, 10);
      const duration = parseInt(options.duration, 10);
      const easing = options.easing;
      let targets = [];

      if (inviewTargetsArray) {
        targets = inviewTargetsArray;
      } else {
        targets = $.isArray(this.animationTarget) ? this.animationTarget : $.makeArray(this.animationTarget);
      }

      targets = options.direction == 'backward' ? targets.reverse() : targets;
      const defaultAnimations = {
        targets: targets,
        duration: duration,
        easing: easing,
        delay: (el, i) => {
          return i * _delay + startDelay;
        },
        complete: anime => {
          this._onAnimationsComplete(anime);
        }
      };
      const animations = $.extend({}, options.animations, defaultAnimations);
      anime.remove(targets);
      anime(animations);
    }

    _onAnimationsComplete(anime) {
      if (anime) {
        $.each(anime.animatables, (i, animatable) => {
          const $element = $(animatable.target);
          $element.css({
            transition: '',
            transitionDelay: ''
          }).removeClass('will-change');

          if (this.options.triggerHandler == 'inview') {
            if ($element.is('.split-inner')) {
              $element.parent().addClass('lqd-unit-animation-done');
            } else {
              $element.addClass('lqd-unit-animation-done');
            }

            if ($element.is('.btn')) {
              $element.css({
                transform: ''
              });
            }
          }
        });

        if (this.options.triggerHandler == 'inview') {
          this.$element.addClass('lqd-animations-done');
        }
      }
      /* calling textRotator if there's any text-rotator inside the element,
      	or if the element itself is text-rotator
      */


      this.$element.find('[data-text-rotator]').liquidTextRotator();
      this.$element.is('[data-text-rotator]') && this.$element.liquidTextRotator();
    }

    _offAnimations() {
      const options = this.options;
      const _delay2 = options.delay;
      const offDuration = options.offDuration;
      const offDelay = options.offDelay;
      const easing = options.easing;
      let animationTarget = Array.prototype.slice.call(this.animationTarget).reverse();
      if (options.animationTarget == 'this') animationTarget = this.element;
      const offAnimationVal = {
        targets: animationTarget,
        easing: easing,
        duration: offDuration,
        delay: (el, i, l) => {
          return i * (_delay2 / 2) + offDelay;
        },
        complete: () => {
          this._initValues();
        }
      };

      const _offAnimations = $.extend({}, options.initValues, offAnimationVal);

      anime.remove(this.animationTarget);
      anime(_offAnimations);
    }

    _handleResize() {
      const onResize = liquidDebounce(this._onWindowResize, 500);
      $(window).on('resize', onResize.bind(this));
    }

    _onWindowResize() {
      if (this.options.triggerHandler !== 'inview') {
        this.animationTarget = this._getAnimationTargets();

        this._initValues();

        this._eventHandlers();
      }

      if (this.$element.find('[data-text-rotator]').length && this.$element.find('[data-text-rotator]').data('plugin_liquidTextRotator')) {
        this.$element.find('[data-text-rotator]').data('plugin_liquidTextRotator', '');
        this.$element.find('.txt-rotate-keywords').addClass('ws-nowrap').css('width', '');
        anime.remove(this.$element.get(0));
        anime.remove(this.$element.find('.keyword').get());
        this.$element.find('.keyword').removeClass('active is-next will-change').css({
          opacity: '',
          transform: ''
        });
        this.$element.find('.keyword:first-child').addClass('active');
      }

      if (this.$element.is('[data-text-rotator]') && this.$element.data('plugin_liquidTextRotator')) {
        this.$element.data('plugin_liquidTextRotator', '');
      }

      this._onAnimationsComplete();
    }

  }

  $.fn[pluginName] = function (options) {
    return this.each(function () {
      const pluginOptions = $(this).data('ca-options') || options;

      if (!$.data(this, "plugin_" + pluginName)) {
        $.data(this, "plugin_" + pluginName, new Plugin(this, pluginOptions));
      }
    });
  };
})(jQuery, window, document);

jQuery(document).ready(function ($) {
  if ($('body').hasClass('compose-mode')) return false;
  $('[data-custom-animations]').map((i, element) => {
    const $element = $(element);
    const $customAnimationParent = $element.parents('.wpb_wrapper[data-custom-animations], .lqd-column[data-custom-animations]');

    if ($customAnimationParent.length) {
      $element.removeAttr('data-custom-animations');
      $element.removeAttr('data-ca-options');
    }
  });
  $('[data-custom-animations]').filter((i, element) => {
    const $element = $(element);
    const $rowBgparent = $element.closest('.vc_row[data-row-bg]');
    const $slideshowBgParent = $element.closest('.vc_row[data-slideshow-bg]');
    const $fullpageSection = $element.closest('.vc_row.pp-section');
    return !$rowBgparent.length && !$slideshowBgParent.length && !$fullpageSection.length;
  }).liquidCustomAnimations();
});
"use strict";

;

(function ($, window, document, undefined) {
  'use strict';

  const pluginName = 'liquidSlideshowBG';
  let defaults = {
    effect: 'fade',
    // 'fade', 'slide', 'scale'
    delay: 3000,
    imageArray: []
  };

  class Plugin {
    constructor(element, options) {
      this.element = element;
      this.options = $.extend({}, defaults, options);
      this._defaults = defaults;
      this._name = pluginName;
      this.init();
    }

    init() {
      const markup = this._addMarkup();

      this.imageArray = this.options.imageArray;
      this.slideshowWrap = markup.slideshowWrap;
      this.slideshowInner = markup.slideshowInner;

      this._addImages();

      this._initSlideShow();

      this._onImagesLoaded();
    }

    _addMarkup() {
      const slideshowWrap = $('<div class="ld-slideshow-bg-wrap" />');
      const slideshowInner = $('<div class="ld-slideshow-bg-inner" />');
      const loader = $('<span class="row-bg-loader" />');
      slideshowWrap.append(slideshowInner);
      slideshowWrap.append(loader);
      $(this.element).prepend(slideshowWrap);
      return {
        slideshowWrap,
        slideshowInner
      };
    }

    _addImages() {
      $.each(this.imageArray, (i, _ref) => {
        let {
          src,
          alt
        } = _ref;
        const $img = $("<img class=\"invisible\" src=\"".concat(src, "\" alt=\"").concat(alt || 'Slideshow image', "\"/>"));
        const $figure = $("<figure class=\"ld-slideshow-figure\" style=\"background-image: url(".concat(src, ")\" />"));
        const $slideshowItem = $('<div class="ld-slideshow-item" />');
        const $slideshowItemInner = $('<div class="ld-slideshow-item-inner" />');
        $figure.append($img);
        $slideshowItemInner.append($figure);
        $slideshowItem.append($slideshowItemInner);
        this.slideshowInner.append($slideshowItem);
      });
    }

    _initSlideShow() {
      this.slideshowInner.children(':first-child').addClass('active');
      this.slideshowInner.children().not(':first-child').css({
        opacity: 0
      });
    }

    _onImagesLoaded() {
      this.slideshowInner.children().first().imagesLoaded(() => {
        $(this.element).addClass('slideshow-applied');

        this._initSlideshowAnimations();

        !$('body').hasClass('compose-mode') && this._initLiquidCustomAnimations();
      });
    }

    _getCurrentSlide() {
      return this.slideshowInner.children('.active');
    }

    _getAllSlides() {
      return this.slideshowInner.children();
    }

    _setActiveClassnames(element) {
      $(element).addClass('active').siblings().removeClass('active');
    }

    _getNextSlide() {
      return !this._getCurrentSlide().is(':last-child') ? this._getCurrentSlide().next() : this.slideshowInner.children(':first-child');
    }
    /*
    	getting animation style from this.options
    	and having the same function names. fade(); slide(); scale();
    */


    _initSlideshowAnimations() {
      this[this.options.effect]();
    }

    _setWillChange(changingProperties) {
      const slides = this._getAllSlides();

      slides.css({
        willChange: changingProperties.join(', ')
      });
    } // START FADE ANIMATIONS


    fade() {
      // this._setWillChange(['opacity']);
      this._getCurrentSlide().imagesLoaded(() => {
        this._fadeOutCurrentSlide();
      });
    }

    _fadeOutCurrentSlide() {
      let initiated = false;
      anime.remove(this._getCurrentSlide().get(0));
      anime({
        targets: this._getCurrentSlide().get(0),
        opacity: [1, 0],
        duration: 1000,
        delay: this.options.delay,
        easing: 'easeInQuad',
        change: () => {
          if (!initiated) {
            this._getNextSlide().imagesLoaded(() => {
              initiated = true;

              this._fadeInNextSlide();
            });
          }
        }
      });
    }

    _fadeInNextSlide() {
      anime.remove(this._getNextSlide().get(0));
      anime({
        targets: this._getNextSlide().get(0),
        opacity: [0, 1],
        duration: 1000,
        easing: 'easeInOutQuad',
        complete: e => {
          this._setActiveClassnames(e.animatables[0].target);

          this._fadeOutCurrentSlide();
        }
      });
    } // END FADE ANIMATIONS
    // START SLIDING EFFECT


    slide() {
      imagesLoaded([this._getCurrentSlide(), this._getNextSlide()], () => {
        this._slideOutCurrentSlide();
      });
    }

    _slideOutCurrentSlide() {
      const currentSlide = this._getCurrentSlide().get(0);

      const inner = $(currentSlide).children().get(0);
      const figure = $(inner).children().get(0);
      anime.remove([currentSlide, inner, figure]);
      anime.timeline({
        duration: 1200,
        delay: this.options.delay,
        changeBegin: () => {
          this._slideInNextSlide();
        }
      }).add({
        targets: currentSlide,
        translateX: ['0%', '-100%'],
        easing: 'easeOutQuint'
      }, 250).add({
        targets: inner,
        translateX: ['0%', '100%'],
        easing: 'easeOutQuint'
      }, 250).add({
        targets: figure,
        scale: [1, 1.2],
        duration: 1000,
        easing: 'easeInOutQuart'
      }, 0);
    }

    _slideInNextSlide() {
      const $nextSlide = this._getNextSlide();

      const nextSlide = $nextSlide.get(0);
      const inner = $nextSlide.children().get(0);
      const figure = $(inner).children().get(0);
      anime.remove([nextSlide, inner, figure]);
      anime.timeline({
        duration: 1200,
        complete: () => {
          this._setActiveClassnames(nextSlide);

          this._slideOutCurrentSlide();
        }
      }).add({
        targets: nextSlide,
        translateX: ['100%', '0%'],
        opacity: [1, 1],
        easing: 'easeOutQuint'
      }, 0).add({
        targets: inner,
        translateX: ['-100%', '0%'],
        opacity: [1, 1],
        easing: 'easeOutQuint'
      }, 0).add({
        targets: figure,
        scale: [1.2, 1],
        easing: 'easeInOutQuart'
      }, -250);
    } // END SLIDING ANIMATIONS
    // START SCALE EFFECT


    scale() {
      // this._setWillChange(['opacity', 'transform']);
      this._getCurrentSlide().imagesLoaded(() => {
        this._scaleUpCurrentSlide();
      });
    }

    _scaleUpCurrentSlide() {
      const self = this;
      let initiated = false;
      anime.remove(self._getCurrentSlide().get(0));
      anime({
        targets: self._getCurrentSlide().get(0),
        scale: [1, 1.2],
        opacity: [1, 1, 0],
        zIndex: [0, 0],
        duration: 900,
        easing: 'easeInOutQuint',
        delay: self.options.delay,
        change: () => {
          if (!initiated) {
            initiated = true;

            self._getNextSlide().imagesLoaded(() => {
              self._scaleDownNextSlide();
            });
          }
        }
      });
    }

    _scaleDownNextSlide() {
      const self = this;
      anime.remove(self._getNextSlide().get(0));
      anime({
        targets: self._getNextSlide().get(0),
        scale: [1.2, 1],
        opacity: [0, 1],
        zIndex: [1, 1],
        duration: 900,
        easing: 'easeInOutQuint',
        complete: e => {
          self._setActiveClassnames(e.animatables[0].target);

          self._scaleUpCurrentSlide();
        }
      });
    } // END SCALE ANIMATIONS


    _initLiquidCustomAnimations() {
      const $customAnimationElements = $(this.element).find('[data-custom-animations]');
      $customAnimationElements.length && $customAnimationElements.liquidCustomAnimations();
    }

  }

  $.fn[pluginName] = function (options) {
    return this.each(function () {
      const pluginOptions = $(this).data('slideshow-options') || options;

      if (!$.data(this, "plugin_" + pluginName)) {
        $.data(this, "plugin_" + pluginName, new Plugin(this, pluginOptions));
      }
    });
  };
})(jQuery, window, document);

jQuery(document).ready(function ($) {
  $('[data-slideshow-bg]').liquidSlideshowBG();
});
"use strict";

;

(function ($, window, document, undefined) {
  'use strict';

  const pluginName = 'liquidRowBG';
  let defaults = {};

  class Plugin {
    constructor(element, options, callback) {
      this.element = element;
      this.options = $.extend({}, defaults, options);
      this._defaults = defaults;
      this._name = pluginName;
      this.callback = callback;
      this.init();
    }

    init() {
      this._createElements();

      this._addBg();

      this._addBgElement();

      this._onImagesLoaded();
    }

    _createElements() {
      this.bgWrap = $('<div class="row-bg-wrap bg-not-loaded" />');
      this.bgInner = $('<div class="row-bg-inner" />');
      this.rowBg = $('<div class="row-bg" />');
      this.bgInner.append(this.rowBg);
      this.bgWrap.append(this.bgInner);
    }

    _addBg() {
      const bgUrl = $(this.element).attr('data-row-bg');
      this.rowBg.css({
        backgroundImage: "url(".concat(bgUrl, ")")
      });
    }

    _addBgElement() {
      this.bgWrap.insertAfter($(this.element).children('.row-bg-loader'));
    }

    _onImagesLoaded() {
      this.rowBg.imagesLoaded({
        background: true
      }, () => {
        this.bgWrap.removeClass('bg-not-loaded').addClass('bg-loaded');
        $(this.element).addClass('row-bg-appended');

        this._handleCallback();
      });
    }

    _handleCallback() {
      anime({
        targets: this.bgInner.get(0),
        opacity: [0, 1],
        scale: [1.05, 1],
        delay: 450,
        easing: 'easeOutQuint',
        begin: () => {
          this._customAnimations.call(this);
        }
      });
    }

    _customAnimations() {
      const $customAnimationElements = $(this.element).find('[data-custom-animations]');

      if ($customAnimationElements.length && !$('body').hasClass('compose-mode')) {
        $customAnimationElements.liquidCustomAnimations();
      }
    }

  }

  $.fn[pluginName] = function (options) {
    var args = arguments;

    if (options === undefined || typeof options === 'object') {
      return this.each(function () {
        const pluginOptions = $(this).data('row-bg-options') || options;

        if (!$.data(this, 'plugin_' + pluginName)) {
          $.data(this, 'plugin_' + pluginName, new Plugin(this, pluginOptions));
        }
      });
    } else if (typeof options === 'string' && options[0] !== '_' && options !== 'init') {
      var returns;
      this.each(function () {
        var instance = $.data(this, 'plugin_' + pluginName);

        if (instance instanceof Plugin && typeof instance[options] === 'function') {
          returns = instance[options].apply(instance, Array.prototype.slice.call(args, 1));
        }

        if (options === 'destroy') {
          $.data(this, 'plugin_' + pluginName, null);
        }
      });
      return returns !== undefined ? returns : this;
    }
  };
})(jQuery, window, document);

jQuery(document).ready(function ($) {
  $('[data-row-bg]:not([data-slideshow-bg])').liquidRowBG();
});
"use strict";

;

(function ($, window, document, undefined) {
  'use strict';

  const pluginName = 'liquidAccordion';
  let defaults = {};

  function Plugin(element, options) {
    this.element = element;
    this.$element = $(element);
    this.options = $.extend({}, defaults, options);
    this._defaults = defaults;
    this._name = pluginName;
    this.init();
  }

  Plugin.prototype = {
    init: function init() {
      this.setHashOnLoad();
      this.eventHandlers();
    },
    setHashOnLoad: function setHashOnLoad() {
      const element = $(this.element);

      if (location.hash !== '' && element.find(location.hash).length) {
        const activeItemParent = element.find(location.hash).closest('.accordion-item'); // can't use BS .collapse(). it's accordion loosing functionality

        activeItemParent.find(location.hash).addClass('in');
        activeItemParent.find('.accordion-heading').find('a').attr('aria-expanded', 'true').removeClass('collapsed');
        activeItemParent.siblings().find('.in').removeClass('in');
        activeItemParent.siblings().find('.accordion-heading').find('a').attr('aria-expanded', 'false').addClass('collapsed');
      }
    },
    eventHandlers: function eventHandlers() {
      const element = $(this.element);
      const collapse = element.find('.accordion-collapse');
      collapse.on('show.bs.collapse', event => {
        this.onShow.call(this, event);
      });
      collapse.on('shown.bs.collapse', event => {
        this.onShown.call(this, event);
      });
      collapse.on('hide.bs.collapse', event => {
        this.onHide.call(this, event);
      });
    },
    onShow: function onShow(event) {
      this.toggleActiveClass(event, 'show');
      this.setHashOnLoad(event);
    },

    onHide(event) {
      this.toggleActiveClass(event, 'hide');
    },

    toggleActiveClass(event, state) {
      const parent = $(event.target).closest('.accordion-item');

      if (state === 'show') {
        parent.addClass('active').siblings().removeClass('active');
      }

      if (state === 'hide') {
        parent.removeClass('active');
      }
    },

    setHashOnShow(event) {
      if (history.pushState) {
        history.pushState(null, null, '#' + $(event.target).attr('id'));
      } else {
        location.hash = '#' + $(event.target).attr('id');
      }
    },

    onShown: function onShown(event) {
      const collapse = $(event.target);
      const parent = collapse.closest('.accordion-item');
      const $window = $(window);
      const parentOffsetTop = parent.offset().top;

      if (parentOffsetTop <= $window.scrollTop() - 15) {
        $('html, body').animate({
          scrollTop: parentOffsetTop - 45
        }, 800);
      }
    }
  };

  $.fn[pluginName] = function (options) {
    return this.each(function () {
      var pluginOptions = $(this).data('plugin-options'),
          opts;

      if (pluginOptions) {
        opts = $.extend(true, {}, options, pluginOptions);
      }

      if (!$.data(this, "plugin_" + pluginName)) {
        $.data(this, "plugin_" + pluginName, new Plugin(this, opts));
      }
    });
  };
})(jQuery, window, document);

jQuery(document).ready(function ($) {
  $('.accordion').liquidAccordion();
});
"use strict";

;

(function ($, window, document, undefined) {
  'use strict';

  const pluginName = 'liquidTab';
  let defaults = {
    deepLink: false
  };

  class Plugin {
    constructor(element, options) {
      this.element = element;
      this.$element = $(element);
      this.options = $.extend({}, defaults, options);
      this._defaults = defaults;
      this._name = pluginName;
      this.init();
    }

    init() {
      if (this.options.deepLink) {
        this.setHash();
      }

      ;
      this.eventHandlers();
    }

    setHash() {
      if (location.hash !== '' && this.$element.find(location.hash).length) {
        $("a[href=\"".concat(location.hash, "\"]")).tab('show');
        $("a[href=\"".concat(location.hash, "\"]")).closest('.tabs-nav').on('shown.bs.tab', () => {
          const $stickyHeader = $('[data-sticky-header]');
          const $mainbarWrap = $('.mainbar-wrap', $stickyHeader);
          let parentOffsetTop = this.$element.offset().top;

          if ($mainbarWrap.length) {
            const mainBarHeight = $mainbarWrap.outerHeight();
            parentOffsetTop = parentOffsetTop - mainBarHeight;
          }

          $('html, body').animate({
            scrollTop: parentOffsetTop - 45
          }, 800);
        });
      }
    }

    eventHandlers() {
      const collapse = this.$element.find('.tabs-nav');
      collapse.on('show.bs.tab', this.onShow.bind(this));
      collapse.on('shown.bs.tab', this.onShown.bind(this));
    }

    onShow(event) {
      if (this.options.deepLink) {
        if (history.pushState) {
          history.pushState(null, null, $(event.target).attr('href'));
        } else {
          location.hash = $(event.target).attr('herf');
        }
      }
    }

    onShown(event) {
      const collapse = $(event.target);
      const $target = $($(collapse.attr('href')), this.element);
      const $window = $(window);
      const $stickyHeader = $('[data-sticky-header]');
      let scrollVal = this.$element.offset().top - 45;

      if ($stickyHeader.length) {
        scrollVal = scrollVal - $stickyHeader.find('.mainbar-wrap').outerHeight();
      }

      if (this.$element.offset().top <= $window.scrollTop() - 15) {
        $('html, body').animate({
          scrollTop: scrollVal
        }, 800);
      }

      this.initPlugins($target);
    }

    initPlugins($target) {
      const $pie_charts = $('.vc_pie_chart:not(.vc_ready)', $target);
      const $round_charts = $('.vc_round-chart', $target);
      const $line_charts = $('.vc_line-chart', $target);
      if ($pie_charts.length && $.fn.vcChat) $pie_charts.vcChat();
      if ($round_charts.length && $.fn.vcRoundChart) $round_charts.vcRoundChart({
        reload: !1
      });
      if ($line_charts.length && $.fn.vcLineChart) $line_charts.vcLineChart({
        reload: !1
      });
      $('[data-lqd-flickity]', $target).liquidCarousel();
      $('[data-hover3d=true]', $target).liquidHover3d();
    }

  }

  $.fn[pluginName] = function (options) {
    return this.each(function () {
      var pluginOptions = $(this).data('plugin-options'),
          opts;

      if (pluginOptions) {
        opts = $.extend(true, {}, options, pluginOptions);
      }

      if (!$.data(this, "plugin_" + pluginName)) {
        $.data(this, "plugin_" + pluginName, new Plugin(this, opts));
      }
    });
  };
})(jQuery, window, document);

jQuery(document).ready(function ($) {
  $('.tabs').liquidTab();
});
"use strict";

;

(function ($, window, document, undefined) {
  'use strict';

  const pluginName = 'liquidAnimatedIcon';
  let defaults = {
    color: '#f42958',
    hoverColor: null,
    type: 'delayed',
    delay: 0,
    animated: true,
    duration: 100,
    resetOnHover: false,
    customColorApplied: false
  };

  function Plugin(element, options) {
    this.element = element;
    this.$element = $(element);

    if (typeof options !== typeof undefined && options !== null && typeof options.color !== typeof undefined && options.color !== null) {
      options.customColorApplied = true;
    }

    this.options = $.extend({}, defaults, options);
    this._defaults = defaults;
    this._name = pluginName;
    this.init();
  }

  Plugin.prototype = {
    init() {
      this.$iconContainer = this.$element.find('.iconbox-icon-container');
      this.$obj = this.$iconContainer.children('svg'); // used .children() because there's also .iconbox-icon-wave-bg svg element

      if (!this.$obj.length) return false;

      if (this.$element.get(0).hasAttribute('data-animate-icon')) {
        this.animateIcon();
      } else {
        this.addColors(this.$element);
      }

      return this;
    },

    animateIcon() {
      const self = this;
      const options = this.options;
      const vivusObj = new Vivus(this.$obj.get(0), {
        type: options.type,
        duration: options.duration,
        start: 'manual',
        onReady: function onReady(vivus) {
          self.addColors.call(self, vivus);
        }
      }).setFrameProgress(1);
      this.animate(vivusObj);
    },

    addColors(svg) {
      const obj = typeof svg.el !== typeof undefined ? $(svg.el) : svg.find('.iconbox-icon-container svg');
      const options = this.options;
      const gid = Math.round(Math.random() * 1000000);
      let hoverGradientValues = options.hoverColor;
      let strokeHoverGradients = document.createElementNS('http://www.w3.org/2000/svg', 'style');
      let gradientValues = typeof options.color !== typeof undefined && options.color !== null ? options.color.split(':') : '#000';
      let strokegradients = null;

      if (undefined === gradientValues[1]) {
        gradientValues[1] = gradientValues[0];
      }

      strokegradients = '<defs xmlns="http://www.w3.org/2000/svg">' + '<linearGradient gradientUnits="userSpaceOnUse" id="grad' + gid + '" x1="0%" y1="0%" x2="0%" y2="100%">' + '<stop offset="0%" stop-color="' + gradientValues[0] + '" />' + '<stop offset="100%" stop-color="' + gradientValues[1] + '" />' + '</linearGradient>' + '</defs>';
      const xmlStrokegradients = new DOMParser().parseFromString(strokegradients, "text/xml");
      obj.prepend(xmlStrokegradients.documentElement);

      if (typeof undefined !== typeof hoverGradientValues && null !== hoverGradientValues) {
        hoverGradientValues = hoverGradientValues.split(':');

        if (undefined === hoverGradientValues[1]) {
          hoverGradientValues[1] = hoverGradientValues[0];
        }

        strokeHoverGradients.innerHTML = '#' + this.$element.attr('id') + ':hover .iconbox-icon-container defs stop:first-child{stop-color:' + hoverGradientValues[0] + ';}' + '#' + this.$element.attr('id') + ':hover .iconbox-icon-container defs stop:last-child{stop-color:' + hoverGradientValues[1] + ';}';
        obj.prepend(strokeHoverGradients);
      }

      if (options.customColorApplied) {
        obj.find('path, rect, ellipse, circle, polygon, polyline, line').attr({
          'stroke': 'url(#grad' + gid + ')',
          'fill': 'none'
        });
      }

      this.$element.addClass('iconbox-icon-animating');
      return this;
    },

    animate: function animate(vivusObj) {
      const self = this;
      const options = self.options;
      const delayTime = parseInt(options.delay, 10);
      const canAnimate = options.animated;
      const duration = options.duration;

      if (!liquidIsMobile() && canAnimate) {
        vivusObj.reset().stop();

        const inViewCallback = function inViewCallback(enteries, observer) {
          enteries.forEach(function (entery) {
            if (entery.isIntersecting && vivusObj.getStatus() == 'start' && vivusObj.getStatus() != 'progress') {
              self.resetAnimate(vivusObj, delayTime, duration);
              self.eventHandlers(vivusObj, delayTime, duration);
              observer.unobserve(entery.target);
            }
          });
        };

        const observer = new IntersectionObserver(inViewCallback, options);
        observer.observe(this.element);
      }

      return this;
    },
    eventHandlers: function eventHandlers(vivusObj, delayTime, duration) {
      const self = this;
      const options = self.options;
      $(document).on('shown.bs.tab', 'a[data-toggle="tab"]', event => {
        const $target = $($(event.currentTarget).attr('href'));

        if ($target.find(self.element).length) {
          self.resetAnimate.call(self, vivusObj, delayTime, duration);
        }
      });

      if (options.resetOnHover) {
        this.$element.on('mouseenter', function () {
          if (vivusObj.getStatus() == 'end') {
            self.resetAnimate(vivusObj, 0, duration);
          }
        });
      }
    },
    resetAnimate: function resetAnimate(vivusObj, delay, duration) {
      vivusObj.stop().reset();
      setTimeout(function () {
        vivusObj.play(duration / 100);
      }, delay);
    }
  };

  $.fn[pluginName] = function (options) {
    return this.each(function () {
      const pluginOptions = $(this).data('plugin-options') || options;

      if (!$.data(this, "plugin_" + pluginName)) {
        $.data(this, "plugin_" + pluginName, new Plugin(this, pluginOptions));
      }
    });
  };
})(jQuery, window, document);

jQuery(document).ready(function ($) {
  if (!$('body').hasClass('compose-mode')) {
    $('.iconbox').liquidAnimatedIcon();
  }
});
"use strict";

;

(function ($, window, document, undefined) {
  'use strict';

  const pluginName = 'liquidSubscribeForm';
  let defaults = {
    icon: false,
    align: 'right'
  };

  function Plugin(element, options) {
    this.element = element;
    this.options = $.extend({}, defaults, options);
    this._defaults = defaults;
    this._name = pluginName;
    this.init();
  }

  Plugin.prototype = {
    init: function init() {
      const element = $(this.element);
      this.buttonPlacement();
      element.addClass('ld-sf-is-initialized');
      return this;
    },
    getSubmitButton: function getSubmitButton() {
      const element = $(this.element);
      const submit = element.find('.ld_sf_submit');
      const submitText = submit.val() == '' ? '' : '<span class="submit-text">' + submit.val() + '</span>';
      return {
        submit,
        submitText
      };
    },
    createIcon: function createIcon() {
      const options = this.options;
      const icon = options.icon ? $('<span class="submit-icon"><i class="' + options.icon + '"></i></span>') : '';
      return icon;
    },
    createButton: function createButton() {
      const options = this.options;
      const submit = this.getSubmitButton().submit;
      const submitText = this.getSubmitButton().submitText;
      const icon = this.createIcon();
      const button = $('<button class="ld_sf_submit" type="submit">' + submitText + '</button>');

      if ('right' === options.align) {
        icon.appendTo(button);
      } else {
        icon.prependTo(button);
      }

      return button;
    },
    buttonPlacement: function buttonPlacement() {
      const element = $(this.element);
      const lastInput = element.find('.ld_sf_text').last();
      const button = this.createButton.call(this);
      const submit = this.getSubmitButton().submit;
      const isRTL = $('html').attr('dir') == 'rtl';

      if (element.hasClass('ld-sf-button-inside')) {
        lastInput.after(button); // button.css('line-height', parseInt(lastInput.outerHeight(), 10) + 'px'); // Done with css

        if (!isRTL) {
          lastInput.css('padding-right', button.outerWidth() + parseInt(button.css('right'), 10) + 15);
        } else {
          lastInput.css('padding-left', button.outerWidth() + parseInt(button.css('right'), 10) + 15);
        }
      } else {
        submit.after(button);
      }

      submit.hide();
      return button;
    }
  };

  $.fn[pluginName] = function (options) {
    return this.each(function () {
      const pluginOptions = $(this).data('plugin-options');
      let opts = null;

      if (pluginOptions) {
        opts = $.extend(true, {}, options, pluginOptions);
      }

      if (!$.data(this, "plugin_" + pluginName)) {
        $.data(this, "plugin_" + pluginName, new Plugin(this, opts));
      }
    });
  };
})(jQuery, window, document);

jQuery(document).ready(function ($) {
  $('[data-plugin-subscribe-form=true]').liquidSubscribeForm();
});
"use strict";

;

(function ($, window, document, undefined) {
  'use strict';

  const pluginName = 'liquidFormInputs';
  let defaults = {
    dropdownAppendTo: null
  };

  function Plugin(element, options) {
    this.element = element;
    this.options = $.extend({}, defaults, options);
    this._defaults = defaults;
    this._name = pluginName;
    this.init();
  }

  Plugin.prototype = {
    init: function init() {
      this.initDatePicker();
      this.initSelect();
      this.initSpinner();
      this.inputsEventHandlers();
    },
    initDatePicker: function initDatePicker() {
      const form = $(this.element);
      const dateInputs = form.find('.date-picker, input.wpcf7-form-control[type=date]');
      dateInputs.each((i, element) => {
        const $element = $(element);

        if ($element.attr('type') === 'date') {
          const $clonedElement = $element.clone(true);
          $clonedElement.attr('type', 'text');
          $clonedElement.insertAfter($element);
          $element.css('display', 'none');
          $clonedElement.datepicker({
            dateFormat: 'yy-mm-dd',
            onSelect: date => {
              $element.val(date);
            }
          });
        } else {
          $(element).datepicker();
        }
      });
    },
    initSelect: function initSelect() {
      const form = $(this.element);
      const selectElement = form.find('select').not('.select2-hidden-accessible, .select, .woo-rating, #bbp_stick_topic_select, #bbp_topic_status_select, #bbp_forum_id');
      const {
        dropdownAppendTo
      } = this.options;

      if (!selectElement.closest('.variations').length) {
        selectElement.each((i, element) => {
          const $element = $(element);
          const slct = $element.selectmenu({
            change: () => {
              $element.trigger('change');
            }
          });

          if (dropdownAppendTo) {
            let $appendToEl;

            if (dropdownAppendTo === 'self') {
              $appendToEl = $('<div class="lqd-select-dropdown" />').insertAfter($element);
            } else {
              $appendToEl = $(dropdownAppendTo, this.element).length ? $(dropdownAppendTo, this.element) : $(dropdownAppendTo);
            }

            slct.selectmenu('option', 'appendTo', $appendToEl);
          }

          $element.on('change', () => {
            $element.selectmenu('refresh');
          });
        });
      } else {
        const $selectElExtra = $('<span class="lqd-select-ext" />');
        selectElement.wrap('<span class="lqd-select-wrap" />');
        $selectElExtra.insertAfter(selectElement);
      }

      ;
    },
    initSpinner: function initSpinner() {
      const form = $(this.element);
      const splinners = form.find('input.spinner');
      splinners.each((i, element) => {
        const $element = $(element);
        $element.spinner({
          create: (event, ui) => {
            this.addToCartButton($element, event.target.value);
          },
          change: (event, ui) => {
            this.addToCartButton($element, event.target.value);
          },
          spin: (event, ui) => {
            $element.val(ui.value);
            $element.trigger('change');
            this.addToCartButton($element, ui.value);
          }
        });
      });
    },

    getInputParent(focusedInput) {
      if (focusedInput.closest('p').length) {
        return focusedInput.closest('p');
      } else {
        return focusedInput.closest('div');
      }
    },

    inputsEventHandlers: function inputsEventHandlers() {
      const self = this;
      const form = $(self.element);
      $('input, textarea', form).on('focus', self.inputOnFocus.bind(this));
      $('input, textarea', form).on('blur', self.inputOnBlur.bind(this));
    },
    inputOnFocus: function inputOnFocus(event) {
      const inputParent = this.getInputParent($(event.target));
      inputParent.addClass('input-focused');
    },
    inputOnBlur: function inputOnBlur(event) {
      const input = $(event.target);
      const inputParent = this.getInputParent(input);

      if (input.val() !== '') {
        inputParent.addClass('input-filled');
      } else {
        inputParent.removeClass('input-filled');
      }

      ;
      inputParent.removeClass('input-focused');
    },

    addToCartButton($element, value) {
      if (!$element.is('.qty')) return;
      const $parentForm = $element.closest('form');
      const $addToCartBtn = $parentForm.find('.add_to_cart_button');
      $addToCartBtn.attr('data-quantity', value);
      $addToCartBtn.data('quantity', value);
    }

  };

  $.fn[pluginName] = function (options) {
    return this.each(function () {
      const pluginOptions = $(this).data('form-options');
      let opts = null;

      if (pluginOptions) {
        opts = $.extend(true, {}, options, pluginOptions);
      }

      if (!$.data(this, "plugin_" + pluginName)) {
        $.data(this, "plugin_" + pluginName, new Plugin(this, opts));
      }
    });
  };
})(jQuery, window, document);

jQuery(document).ready(function ($) {
  $('.lqd-contact-form, form.cart, form.checkout, form.woocommerce-cart-form, form.woocommerce-ordering, .lqd-multi-filter-form').liquidFormInputs();
});
"use strict";

;

(function ($, window, document, undefined) {
  'use strict';

  const pluginName = 'liquidCarousel';
  let defaults = {
    contain: false,
    imagesLoaded: true,
    percentPosition: true,
    prevNextButtons: false,
    pageDots: false,
    adaptiveHeight: false,
    cellAlign: "left",
    groupCells: true,
    dragThreshold: 20,
    wrapAround: false,
    autoplay: false,
    fullwidthSide: false,
    navArrow: 1,
    filters: false,
    equalHeightCells: false,
    randomVerOffset: false,
    parallax: false,
    buttonsAppendTo: null // ["parent_row", elementor-selector]
    // controllingCarousels: [],
    // navOffsets: { // we don't want to overwrite defaults
    // 	nav: {
    // 		top: 0,
    //		bottom: 0,
    // 		left: 0,
    // 		right: 0
    // 	},
    // 	prev: 0,
    // 	next: 0,
    // }

  };

  function Plugin(element, options) {
    this.element = element;
    this.$element = $(element);
    this.options = $.extend({}, defaults, options);
    this.flickityData = null;
    this.isRTL = $('html').attr('dir') == 'rtl';
    this._defaults = defaults;
    this._name = pluginName;
    this.initIO();
  }

  Plugin.prototype = {
    initIO() {
      const iniViewCallback = (enteries, observer) => {
        enteries.forEach(entery => {
          if (entery.isIntersecting) {
            this.initFlicky();
            observer.unobserve(entery.target);
          }
        });
      };

      const observer = new IntersectionObserver(iniViewCallback, {
        rootMargin: '50%'
      });
      observer.observe(this.element);
    },

    initFlicky() {
      const self = this;
      const options = $.extend({}, this.options, {
        rightToLeft: this.isRTL || this.options.rightToLeft
      });
      this.addCarouselItemInner();
      this.$element.imagesLoaded(() => {
        self.$element.flickity(options);
        self.flickityData = $(self.element).data('flickity');
        options.adaptiveHeight && $('.flickity-viewport', self.element).css('transition', 'height 0.3s');
        self.onImagesLoaded();
      });
    },

    onImagesLoaded() {
      if (this.flickityData) {
        this.setElementNavArrow();
        this.navCarousel();
        this.setEqualHeightCells();
        this.randomVerOffset();
        this.navOffsets();
        this.fullwidthSide();
        this.controllingCarousels();
        this.filtersInit();
        this.windowResize();
        this.events();
        this.addEventListeners();
        this.initialPlugins();
      }
    },

    addEventListeners() {
      const e = new CustomEvent('lqd-carousel-initialized', {
        detail: {
          flickityData: this.flickityData
        }
      });
      document.dispatchEvent(e);
    },

    windowResize() {
      const self = this;
      $(window).on('resize', function () {
        self.doOnWindowResize();
      });
    },

    doOnWindowResize() {
      this.fullwidthSide();
    },

    events() {
      this.$element.on('settle.flickity', () => {
        this.lastCell.call(this);
        this.selectedIndex.call(this);
        $(this.flickityData.viewport).removeClass('is-moving');
      });
      this.$element.on('change.flickity', () => {
        this.lastCell.call(this);
        this.selectedIndex.call(this);
        $(this.flickityData.viewport).removeClass('is-moving');
      });
      this.$element.on('select.flickity', () => {
        this.lastCell.call(this);
        this.selectedIndex.call(this);
      });
      this.$element.on('scroll.flickity', () => {
        this.parallax.call(this);
        $(this.flickityData.viewport).addClass('is-moving');
      });
    },

    lastCell() {
      const selectedElements = this.flickityData.selectedElements;
      const selectedElement = this.flickityData.selectedElement;
      const navSelectedElement = this.flickityData.navSelectedElements ? this.flickityData.navSelectedElements[0] : null;
      const lastSelectedElement = $(selectedElements).last();

      if (navSelectedElement && $(navSelectedElement).is(lastSelectedElement)) {
        $(navSelectedElement).addClass('is-last');
      } else if ($(selectedElement).is(':last-child')) {
        $(selectedElement).addClass('is-last');
      }
    },

    selectedIndex() {
      const cells = this.flickityData.cells;
      const selectedElements = this.flickityData.selectedElements;

      for (let i = 0; i < cells.length; i++) {
        const $element = $(cells[i].element);
        $element.removeClass((i, className) => {
          return (className.match(/\bis-selected-i\S+/g) || []).join(' ');
        });
      }

      for (let i = 0; i < selectedElements.length; i++) {
        const $cellElements = $(selectedElements[i]);
        const cellIndex = i + 1;
        $cellElements.addClass("is-selected-i-".concat(cellIndex));
      }
    },

    addCarouselItemInner() {
      const $cells = this.$element.children('.carousel-item');
      $cells.each((i, cell) => {
        const $cell = $(cell);
        $cell.find('.carousel-item').children().unwrap();
        $cell.wrapInner('<div class="carousel-item-inner" />');
      });
    },

    navCarousel() {
      const self = this;
      const carouselContainer = $(self.element).closest('.carousel-container');
      let appendingSelector = self.options.buttonsAppendTo;

      if (appendingSelector == 'parent_row') {
        appendingSelector = $(self.element).closest('.vc_row');
      }

      if (typeof undefined !== typeof this.flickityData.prevButton && null !== this.flickityData.prevButton && self.options.prevNextButtons) {
        const prevButton = $(this.flickityData.prevButton.element);
        const nextButton = $(this.flickityData.nextButton.element);
        const carouselNav = $('<div class="carousel-nav"></div>');
        carouselNav.append(prevButton.add(nextButton));

        if (typeof undefined !== typeof appendingSelector && null !== appendingSelector && $(appendingSelector).length) {
          const carouselNavClassnames = [carouselContainer.attr('id')];
          $.each($(carouselContainer.get(0).classList), (i, className) => {
            if (className.indexOf('carousel-nav-') >= 0) carouselNavClassnames.push(className);
          });
          carouselNav.addClass(carouselNavClassnames.join(' '));

          if ($(appendingSelector).is('.wpb_column')) {
            const wpb_wrapper = $(appendingSelector).children('.vc_column-inner ').children('.wpb_wrapper');
            carouselNav.appendTo(wpb_wrapper);
          } else {
            carouselNav.appendTo(appendingSelector);
          }

          $(appendingSelector).addClass('carousel-nav-appended');
        } else {
          carouselNav.appendTo(self.element);
        }

        self.options.carouselNav = carouselNav.get(0);
      }
    },

    fullwidthSide() {
      if (!this.options.fullwidthSide) return;
      const self = this;
      const element = $(self.element);
      const viewportEl = $(this.flickityData.viewport);
      const elementWidth = this.flickityData.size.width;
      const viewportElOffset = viewportEl.offset();
      const viewportElOffsetRight = liquidWindowWidth() - (elementWidth + viewportElOffset.left);
      const margin = !this.isRTL ? 'marginRight' : 'marginLeft';
      const padding = !this.isRTL ? 'paddingRight' : 'paddingLeft';
      let viewportElWrap = $('<div class="flickity-viewport-wrap" />');

      if (!viewportEl.parent('.flickity-viewport-wrap').length) {
        viewportEl.wrap(viewportElWrap);
      }

      viewportElWrap = viewportEl.parent();
      viewportElWrap.css({
        [margin]: '',
        [padding]: ''
      });
      viewportElWrap.css({
        [margin]: viewportElOffsetRight >= 0 ? (viewportElOffsetRight - 1) * -1 : viewportElOffsetRight - 1,
        [padding]: Math.abs(viewportElOffsetRight - 1),
        overflow: 'hidden'
      });
      viewportEl.css('overflow', 'visible');
      element.flickity('resize');
    },

    randomVerOffset() {
      if (this.options.randomVerOffset) {
        const cellsArray = this.flickityData.cells;
        let maxHeight = 0;

        for (let i = 0; i < cellsArray.length; i++) {
          const cell = $(cellsArray[i].element);
          const itemHeight = cell.height();

          if (itemHeight > maxHeight) {
            maxHeight = itemHeight;
          }

          const maxOffset = maxHeight - itemHeight;
          const offset = (Math.random() * maxOffset).toFixed();
          cell.css("top", offset + "px");
        }
      }
    },

    navOffsets() {
      const self = this;
      const options = self.options;
      const navOffsets = options.navOffsets;
      const carouselNav = $(options.carouselNav);

      if (navOffsets && typeof undefined !== typeof carouselNav && null !== carouselNav && this.flickityData.options.prevNextButtons) {
        const prevButton = $(this.flickityData.prevButton.element);
        const nextButton = $(this.flickityData.nextButton.element);
        carouselNav.css({
          left: navOffsets.nav ? navOffsets.nav.left : '',
          right: navOffsets.nav ? navOffsets.nav.right : '',
          top: navOffsets.nav ? navOffsets.nav.top : '',
          bottom: navOffsets.nav ? navOffsets.nav.bottom : ''
        });
        prevButton.css({
          left: navOffsets.prev
        });
        nextButton.css({
          right: navOffsets.next
        });
      }
    },

    setElementNavArrow() {
      if (!this.options.prevNextButtons) {
        return false;
      }

      const navArrowsArray = this.navArrows;
      const prevButton = this.flickityData.prevButton ? this.flickityData.prevButton.element : null;
      const nextButton = this.flickityData.nextButton ? this.flickityData.nextButton.element : null;
      let elementNavArrow = this.options.navArrow;
      let prevIcon;
      let nextIcon;

      if (typeof elementNavArrow !== 'object') {
        elementNavArrow = elementNavArrow - 1; // if it's RTL, just reverse prev/next icons

        if (!this.isRTL) {
          prevIcon = $(navArrowsArray[elementNavArrow].prev);
          nextIcon = $(navArrowsArray[elementNavArrow].next);
        } else {
          prevIcon = $(navArrowsArray[elementNavArrow].next);
          nextIcon = $(navArrowsArray[elementNavArrow].prev);
        }
      } else {
        prevIcon = $(this.options.navArrow.prev);
        nextIcon = $(this.options.navArrow.next);
      }

      if (prevButton || nextButton) {
        $(prevButton).find('svg').remove().end().append(prevIcon);
        $(nextButton).find('svg').remove().end().append(nextIcon);
      }
    },

    navArrows: [{
      prev: '<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 32 32" xml:space="preserve" width="32" height="32" style="transform: rotate(180deg);"><g class="nc-icon-wrapper" transform="translate(0.5, 0.5)"><line data-cap="butt" data-color="color-2" fill="none" stroke-width="1" stroke-miterlimit="10" x1="2" y1="16" x2="30" y2="16" stroke-linejoin="miter" stroke-linecap="butt"></line> <polyline fill="none" stroke-width="1" stroke-linecap="square" stroke-miterlimit="10" points="21,7 30,16 21,25 " stroke-linejoin="miter"></polyline></g></svg>',
      next: '<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 32 32" xml:space="preserve" width="32" height="32"><g class="nc-icon-wrapper" transform="translate(0.5, 0.5)"><line data-cap="butt" data-color="color-2" fill="none" stroke-width="1" stroke-miterlimit="10" x1="2" y1="16" x2="30" y2="16" stroke-linejoin="miter" stroke-linecap="butt"></line> <polyline fill="none" stroke-width="1" stroke-linecap="square" stroke-miterlimit="10" points="21,7 30,16 21,25 " stroke-linejoin="miter"></polyline></g></svg>'
    }, {
      prev: '<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="31px" height="14px" style="transform: rotate(180deg);"> <path fill-rule="evenodd"  fill="rgb(24, 27, 49)" d="M30.354,7.353 L30.000,7.707 L30.000,8.000 L29.707,8.000 L24.354,13.354 L23.646,12.646 L28.293,8.000 L0.000,8.000 L0.000,7.000 L29.293,7.000 L29.293,7.000 L23.646,1.353 L24.354,0.646 L30.354,6.647 L30.000,7.000 L30.354,7.353 Z"/> </svg>',
      next: '<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="31px" height="14px"> <path fill-rule="evenodd"  fill="rgb(24, 27, 49)" d="M30.354,7.353 L30.000,7.707 L30.000,8.000 L29.707,8.000 L24.354,13.354 L23.646,12.646 L28.293,8.000 L0.000,8.000 L0.000,7.000 L29.293,7.000 L29.293,7.000 L23.646,1.353 L24.354,0.646 L30.354,6.647 L30.000,7.000 L30.354,7.353 Z"/> </svg>'
    }, {
      prev: '<svg width="15" height="9" xmlns="http://www.w3.org/2000/svg"> <path d="m14.80336,4.99173l0,-1.036l-14.63743,0l0,1.036l14.63743,0z" fill-rule="evenodd"/> <path d="m4.74612,8.277l-0.691,0.733l-3.911,-4.144l0,-0.732l3.911,-4.144l0.691,0.732l-1.7825,1.889l-1.7825,1.889l1.7825,1.8885l1.7825,1.8885z" fill-rule="evenodd"/> </svg>',
      next: '<svg width="15" height="9" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" d="m14.80336,4.99173l0,-1.036l-14.63743,0l0,1.036l14.63743,0z"/> <path transform="rotate(-180 12.582813262939453,4.5) " fill-rule="evenodd" d="m14.88382,8.277l-0.691,0.733l-3.911,-4.144l0,-0.732l3.911,-4.144l0.691,0.732l-1.7825,1.889l-1.7825,1.889l1.7825,1.8885l1.7825,1.8885z"/> </svg>'
    }, {
      prev: '<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="18.5px" height="20.5px"> <path fill-rule="evenodd" stroke-width="1px" stroke-linecap="butt" stroke-linejoin="miter" fill="none" d="M0.755,10.241 L16.955,19.159 L16.955,1.321 L0.755,10.241 Z"/> </svg>',
      next: '<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="17.5px" height="19.5px"> <path fill-rule="evenodd" stroke-width="1px" stroke-linecap="butt" stroke-linejoin="miter" fill="none" d="M16.496,9.506 L0.514,18.503 L0.514,0.509 L16.496,9.506 Z"/> </svg>'
    }, {
      prev: '<svg width="16" height="16" xmlns="http://www.w3.org/2000/svg"> <polygon transform="rotate(180 7.999999999999999,8) " points="9.3,1.3 7.9,2.7 12.2,7 0,7 0,9 12.2,9 7.9,13.3 9.3,14.7 16,8 "/> </svg>',
      next: '<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 16 16" xml:space="preserve" width="16" height="16"><polygon points="9.3,1.3 7.9,2.7 12.2,7 0,7 0,9 12.2,9 7.9,13.3 9.3,14.7 16,8 "></polygon></svg>'
    }, {
      prev: '<svg width="17" height="17" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"> <line  fill="none" stroke-width="2" stroke-miterlimit="10" x1="2" y1="12" x2="22" y2="12"/> <polyline transform="rotate(180 5.634945869445801,12) "  fill="none" stroke-width="2" stroke-linecap="square" stroke-miterlimit="10" points="2.1349482387304306,5 9.134950384497643,12 2.1349482387304306,19 "/> </svg>',
      next: '<svg width="17" height="17" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"> <line  fill="none" stroke-width="2" stroke-miterlimit="10" x1="2" y1="12" x2="22" y2="12"/> <polyline  fill="none" stroke-width="2" stroke-linecap="square" stroke-miterlimit="10" points="15,5 22,12 15,19 "/> </svg>'
    }],

    setEqualHeightCells() {
      if (!this.options.equalHeightCells) return; // it's not adding the classname after carousel init in some cases

      this.element.classList.add('flickity-equal-cells');

      Flickity.prototype._createResizeClass = function () {
        this.element.classList.add('flickity-equal-cells');
      };

      Flickity.createMethods.push('_createResizeClass');
      var resize = Flickity.prototype.resize;

      Flickity.prototype.resize = function () {
        this.element.classList.remove('flickity-equal-cells');
        resize.call(this);
        this.element.classList.add('flickity-equal-cells');
      };
    },

    parallax() {
      if (!this.options.parallax || liquidIsMobile()) return false;
      const flkty = this.flickityData;
      const cellElements = flkty.cells;
      $.each(cellElements, (i, cell) => {
        const x = (cell.target + flkty.x) * -1 / 3;
        const $cellElement = $(cell.element);
        const $cellImage = $cellElement.find('img');

        if (!$cellImage.parent('.ld-carousel-parallax-wrap').length) {
          $cellImage.wrap('<div class="ld-carousel-parallax-wrap overflow-hidden"></div>');
        }

        if ($cellImage.is(':only-child')) {
          $cellImage.css({
            '-webkit-transform': "translateX(".concat(x, "px)"),
            'transform': "translateX(".concat(x, "px)")
          });
        }
      });
    },

    controllingCarousels() {
      const {
        controllingCarousels
      } = this.options;

      if (typeof controllingCarousels !== typeof undefined && controllingCarousels !== null && controllingCarousels.length) {
        const $controlledCarousels = $(controllingCarousels.map(carousel => $(carousel).children('[data-lqd-flickity]')));
        $.each($controlledCarousels, (i, controlledCarousel) => {
          const $controlledCarousel = $(controlledCarousel);
          $controlledCarousel.imagesLoaded(() => {
            this.$element.on('change.flickity', (evt, i) => $controlledCarousel.flickity('select', i));
            $controlledCarousel.on('change.flickity', (evt, i) => this.$element.flickity('select', i));
          });
        });
      }
    },

    getCellsArray() {
      return this.flickityData.cells.map(cell => cell.element);
    },

    filtersInit() {
      const options = this.options;
      const filters = options.filters;

      if (filters) {
        const filterList = $(filters);
        const filterItems = $('[data-filter]', filterList);
        filterItems.on('click', event => {
          const filter = $(event.currentTarget);
          const filterValue = filter.attr('data-filter');
          if (filter.hasClass('active')) return;
          filter.addClass('active').siblings().removeClass('active');
          this.filterAnimateStart(filterValue);
        });
      }
    },

    filterAnimateStart(filterValue) {
      const visibleCells = this.getCellsArray().filter(element => !element.classList.contains('hidden'));
      anime.remove(visibleCells);
      anime({
        targets: visibleCells,
        translateX: -30,
        opacity: 0,
        easing: 'easeInOutQuint',
        duration: 500,
        delay: (el, i, l) => {
          return i * 60;
        },
        begin: anime => {
          if (this.options.equalHeightCells) {
            const cells = this.flickityData.cells;
            const currentHeight = this.flickityData.size.height;
            cells.map(cell => {
              const $element = $(cell.element);
              $element.css('minHeight', currentHeight);
            });
          }

          $(anime.animatables).each((i, el) => {
            const $element = $(el.target);
            $element.css({
              transition: 'none'
            });
          });
        },
        complete: anim => {
          this.filterItems(filterValue);
        }
      });
    },

    filterItems(filterValue) {
      const cells = this.getCellsArray();
      this.$element.find('.hidden').removeClass('hidden');

      if (filterValue != '*') {
        $(cells).not(filterValue).addClass('hidden');
      }

      this.$element.flickity('resize');
      this.filterAnimateComplete();
    },

    filterAnimateComplete() {
      const visibleCells = this.getCellsArray().filter(element => !element.classList.contains('hidden'));
      anime.remove(visibleCells);
      anime({
        targets: visibleCells,
        translateX: 0,
        opacity: 1,
        easing: 'easeOutQuint',
        delay: (el, i, l) => {
          return i * 60;
        },
        complete: anime => {
          $(anime.animatables).each((i, el) => {
            const element = $(el.target);
            element.css({
              transition: '',
              transform: '',
              opacity: ''
            });
          });
        }
      });
    },

    initialPlugins() {
      const $pie_charts = $('.vc_pie_chart:not(.vc_ready)');
      const $round_charts = $('.vc_round-chart');
      const $line_charts = $('.vc_line-chart');
      if ($pie_charts.length && $.fn.vcChat) $pie_charts.vcChat();
      if ($round_charts.length && $.fn.vcRoundChart) $round_charts.vcRoundChart({
        reload: !1
      });
      if ($line_charts.length && $.fn.vcLineChart) $line_charts.vcLineChart({
        reload: !1
      });
    }

  };

  $.fn[pluginName] = function (options) {
    return this.each(function () {
      const pluginOptions = this.options = $.extend({}, $(this).data('lqd-flickity'), options);

      if (!$.data(this, "plugin_" + pluginName)) {
        $.data(this, "plugin_" + pluginName, new Plugin(this, pluginOptions));
      }
    });
  };
})(jQuery, window, document);

jQuery(document).ready(function ($) {
  if ($('body').hasClass('compose-mode')) return false;
  $('[data-lqd-flickity]').liquidCarousel();
});
"use strict";

;

(function ($, window, document, undefined) {
  'use strict';

  const pluginName = 'liquidCarouselV3d';
  let defaults = {
    itemsSelector: '.carousel-item'
  };

  function Plugin(element, options) {
    this.element = element;
    this.options = $.extend({}, defaults, options);
    this._defaults = defaults;
    this._name = pluginName;
    this.build();
  }

  Plugin.prototype = {
    build: function build() {
      this.init();
    },
    init: function init() {
      const self = this;
      const element = $(self.element);
      const items = self.options.itemsSelector;
      self.prepareitems();
      const activeItem = $(items, element).first();
      const bottomItem = activeItem.next();
      const topItem = bottomItem.next();
      self.dragY = 0;
      self.startY = 0;
      self.currentY = 0;
      self.setActive(activeItem, element);
      self.initAnim(element, activeItem, topItem, bottomItem);
      self.initDrag();
      self.initClicks();
      element.addClass('carousel-initialized');
      return self;
    },

    prepareitems() {
      const self = this;
      const items = $(self.options.itemsSelector, self.element);

      if (items.length <= 2 && items.length >= 1) {
        const firstItem = items[0];

        for (let i = items.length; i <= 2; i++) {
          $(firstItem).clone(true).appendTo($(self.element).find('.carousel-items'));
        }
      }
    },

    setActive: function setActive(activeItem, element) {
      const self = this;
      const currentTopItem = $('.is-top', element);
      const currentActiveItem = $('.is-active', element);
      const currentBottomItem = $('.is-bottom', element);

      if (currentTopItem.length) {
        currentTopItem.addClass('was-top');
      }

      if (currentActiveItem.length) {
        currentActiveItem.addClass('was-active');
      }

      if (currentBottomItem.length) {
        currentBottomItem.addClass('was-bottom');
      }

      activeItem.addClass('is-active').removeClass('is-top is-bottom').siblings().removeClass('is-active');
      self.setBottom(activeItem);
      self.setTop(activeItem);
    },
    // Bottom Item will be based on the active item
    setBottom: function setBottom(activeItem) {
      const self = this;
      const element = $(self.element);
      const items = self.options.itemsSelector;
      const firstItem = $(items, element).first();
      let bottomItem = activeItem.next();

      if (!bottomItem.length && activeItem.is(':last-child')) {
        bottomItem = firstItem;
      }

      bottomItem.addClass('is-bottom').removeClass('is-active is-top was-active').siblings().removeClass('is-bottom');
    },
    // Top Item will be based on the active item		
    setTop: function setTop(activeItem) {
      const self = this;
      const element = $(self.element);
      const items = self.options.itemsSelector;
      const lastItem = $(items, element).last();
      let topItem = activeItem.prev();

      if (!topItem.length && activeItem.is(':first-child')) {
        topItem = lastItem;
      }

      topItem.addClass('is-top').removeClass('is-active is-bottom was-active').siblings().removeClass('is-top');
    },
    initAnim: function initAnim(element, activeItem, topItem, bottomItem) {
      const self = this;
      self.animInited = false;

      if (!self.animInited) {
        const animeTimeline = anime.timeline({
          duration: 0,
          easing: 'linear'
        });
        animeTimeline.add({
          targets: element.get(0).querySelectorAll('.carousel-item:not(.is-active):not(.is-bottom)'),
          translateY: '-50%',
          translateZ: 0,
          scale: 0.8,
          offse: 0
        }).add({
          targets: activeItem.get(0),
          translateZ: 50,
          scale: 1,
          offse: 0
        }).add({
          targets: bottomItem.get(0),
          translateY: '50%',
          translateZ: 0,
          scale: 0.8,
          offse: 0
        });
        self.animInited = true;
      }
    },

    initClicks() {
      $(this.element).on('click', '.is-top', this.moveItems.bind(this, 'prev'));
      $(this.element).on('click', '.is-bottom', this.moveItems.bind(this, 'next'));
    },

    initDrag: function initDrag() {
      const self = this;
      const element = $(self.element);
      element.on('mousedown', self.pointerStart.bind(self));
      element.on('mousemove', self.pointerMove.bind(self));
      element.on('mouseup', self.pointerEnd.bind(self));
    },
    pointerStart: function pointerStart(event) {
      const self = this;
      const element = $(self.element);
      self.startY = event.pageY || event.touches[0].pageY;
      self.currentY = self.startY;
      element.addClass('pointer-down');
    },
    pointerMove: function pointerMove(event) {
      const self = this;
      self.currentY = event.pageY || event.touches[0].pageY;
      self.dragY = parseInt(self.startY - self.currentY, 10);
    },
    pointerEnd: function pointerEnd(event) {
      const self = this;
      const element = $(self.element);
      self.dragY = parseInt(self.startY - self.currentY, 10);

      if (self.dragY >= 20) {
        self.moveItems('next');
      } else if (self.dragY <= -20) {
        self.moveItems('prev');
      }

      element.removeClass('pointer-down');
    },
    moveItems: function moveItems(dir) {
      if ($(this.element).hasClass('items-moving')) return;
      const self = this;
      const element = $(self.element);
      const items = $(self.options.itemsSelector);
      const bottomItem = $('.is-bottom', element);
      const topItem = $('.is-top', element);
      const animationTimeline = anime.timeline({
        duration: 650,
        easing: 'easeInOutQuad',
        run: () => {
          $(items, element).addClass('is-moving');
        },
        complete: () => {
          $(items, element).removeClass('is-moving was-top was-active was-bottom');
          $(this.element).removeClass('items-moving');
        }
      });
      if (dir == 'next') self.setActive(bottomItem, element);else if (dir == 'prev') self.setActive(topItem, element);
      const newActiveItem = $('.is-active', element);
      const newBottomItem = $('.is-bottom', element);
      const newTopItem = $('.is-top', element);

      if (dir == 'next') {
        self.moveNext(animationTimeline, newActiveItem, newBottomItem, newTopItem);
      } else if (dir == 'prev') {
        self.movePrev(animationTimeline, newActiveItem, newBottomItem, newTopItem);
      }
    },
    moveNext: function moveNext(animationTimeline, newActiveItem, newBottomItem, newTopItem) {
      $(this.element).addClass('items-moving');
      animationTimeline.add({
        targets: newTopItem.get(0),
        translateY: [{
          value: '-55%'
        }, {
          value: '-50%',
          easing: 'linear'
        }],
        translateZ: 0,
        rotateX: [{
          value: 12
        }, {
          value: 0
        }],
        scale: 0.8
      }, 0).add({
        targets: newActiveItem.get(0),
        translateY: '0%',
        translateZ: [{
          value: 100
        }, {
          value: 50
        }],
        rotateX: [{
          value: 12
        }, {
          value: 0
        }],
        scale: 1
      }, 0).add({
        targets: newBottomItem.get(0),
        translateY: [{
          value: '55%'
        }, {
          value: '50%',
          easing: 'linear'
        }],
        translateZ: 0,
        rotateX: [{
          value: 12
        }, {
          value: 0
        }],
        scale: 0.8
      }, 0);
    },
    movePrev: function movePrev(animationTimeline, newActiveItem, newBottomItem, newTopItem) {
      $(this.element).addClass('items-moving');
      animationTimeline.add({
        targets: newTopItem.get(0),
        translateY: [{
          value: '-55%'
        }, {
          value: '-50%',
          easing: 'linear'
        }],
        translateZ: 0,
        rotateX: [{
          value: 12
        }, {
          value: 0
        }],
        scale: 0.8
      }, 0).add({
        targets: newActiveItem.get(0),
        translateY: '0%',
        translateZ: [{
          value: 100
        }, {
          value: 50
        }],
        rotateX: [{
          value: 12
        }, {
          value: 0
        }],
        scale: 1
      }, 0).add({
        targets: newBottomItem.get(0),
        translateY: [{
          value: '55%'
        }, {
          value: '50%',
          easing: 'linear'
        }],
        translateZ: 0,
        rotateX: [{
          value: 12
        }, {
          value: 0
        }],
        scale: 0.8
      }, 0);
    }
  };

  $.fn[pluginName] = function (options) {
    return this.each(function () {
      const pluginOptions = $(this).data('plugin-options');
      let opts = null;

      if (pluginOptions) {
        opts = $.extend(true, {}, options, pluginOptions);
      }

      if (!$.data(this, "plugin_" + pluginName)) {
        $.data(this, "plugin_" + pluginName, new Plugin(this, opts));
      }
    });
  };
})(jQuery, window, document);

jQuery(document).ready(function ($) {
  $('.carousel-vertical-3d').liquidCarouselV3d();
});
"use strict";

;

(function ($, window, document, undefined) {
  'use strict';

  const pluginName = 'liquidSlideElement';
  let defaults = {
    alignMid: false
  };

  function Plugin(element, options) {
    this.element = element;
    this.options = $.extend({}, defaults, options);
    this._defaults = defaults;
    this._name = pluginName;
    new IntersectionObserver((_ref, observer) => {
      let [entry] = _ref;

      if (entry.isIntersecting) {
        this.build();
        observer.unobserve(entry.target);
      }
    }).observe(this.element);
  }

  Plugin.prototype = {
    build: function build() {
      this.element = $(this.element);
      this.hiddenElement = $(this.options.hiddenElement, this.element).wrap('<div class="ld-slideelement-hidden" />');
      this.visibleElement = $(this.options.visibleElement, this.element).wrap('<div class="ld-slideelement-visible" />');
      this.init();
    },
    init: function init() {
      const self = this;
      self.element.imagesLoaded(() => {
        self.hiddenElementHeight = self.getHiddenElementHeight.call(self);
        self.element.addClass('hide-target');
        self.moveElements.call(self);
        self.eventListeners.call(self);
      });
    },
    getHiddenElementHeight: function getHiddenElementHeight() {
      return this.hiddenElement.outerHeight();
    },
    getHiddenElementChilds: function getHiddenElementChilds() {
      let childArray = [];
      $.each(this.hiddenElement, (i, el) => {
        const childEl = $(el).children();

        if (childEl.length) {
          $.each(childEl, (i, child) => {
            childArray.push(child);
          });
        } else {
          childArray.push($(el).parent('.ld-slideelement-hidden').get(0));
        }
      });
      return childArray;
    },
    getVisibleElementChilds: function getVisibleElementChilds() {
      let childArray = [];
      $.each(this.visibleElement, (i, el) => {
        const childEl = $(el).children();

        if (childEl.length) {
          $.each(childEl, (i, child) => {
            childArray.push(child);
          });
        } else {
          childArray.push($(el).parent('.ld-slideelement-visible').get(0));
        }
      });
      return childArray;
    },

    moveElements() {
      const self = this;
      const options = self.options;
      const translateVal = options.alignMid ? self.hiddenElementHeight / 2 : self.hiddenElementHeight;
      this.visibleElement.css({
        transform: "translateY(".concat(translateVal, "px)")
      });
      this.hiddenElement.css({
        transform: "translateY(".concat(translateVal, "px)")
      });
    },

    eventListeners: function eventListeners() {
      const self = this;
      const element = $(self.element);
      element.on('mouseenter', self.onMouseEnter.bind(self));
      element.on('mouseleave', self.onMouseLeave.bind(self));
    },
    onMouseEnter: function onMouseEnter() {
      const options = this.options;
      const hiddenElementHeight = this.hiddenElementHeight;
      const childELements = $.merge(this.getVisibleElementChilds(), this.getHiddenElementChilds());
      const translateVal = options.alignMid ? hiddenElementHeight / 2 : hiddenElementHeight;
      $(childELements).css({
        transition: 'none'
      });
      anime.remove(childELements);
      anime({
        targets: childELements,
        translateY: translateVal * -1,
        opacity: 1,
        easing: 'easeInOutQuint',
        duration: 650,
        delay: (el, i, l) => {
          return i * 60;
        },
        complete: () => {
          $(childELements).css({
            transition: ''
          });
        }
      });
    },
    onMouseLeave: function onMouseLeave() {
      const $hiddenElementChilds = $(this.getHiddenElementChilds());
      const $visibleElementChilds = $(this.getVisibleElementChilds());
      const hiddenChilds = this.getHiddenElementChilds();
      const visibleChilds = this.getVisibleElementChilds();
      const reversedHiddenChilds = hiddenChilds.reverse();
      const reversedVisbleChilds = visibleChilds.reverse();
      anime.remove(hiddenChilds);
      anime.remove(visibleChilds);
      $hiddenElementChilds.css({
        transition: 'none'
      });
      $visibleElementChilds.css({
        transition: 'none'
      });
      anime({
        targets: reversedHiddenChilds,
        translateY: 0,
        opacity: 0,
        easing: 'easeOutQuint',
        duration: 650,
        delay: (el, i, l) => {
          return i * 80;
        },
        complete: () => {
          $hiddenElementChilds.css({
            transition: ''
          });
        }
      });
      anime({
        targets: reversedVisbleChilds,
        translateY: 0,
        easing: 'easeOutQuint',
        duration: 650,
        delay: (el, i, l) => {
          return i * 80 + 160;
        },
        complete: () => {
          $visibleElementChilds.css({
            transition: ''
          });
        }
      });
    }
  };

  $.fn[pluginName] = function (options) {
    return this.each(function () {
      const pluginOptions = $(this).data('slideelement-options');
      let opts = null;

      if (pluginOptions) {
        opts = $.extend(true, {}, options, pluginOptions);
      }

      if (!$.data(this, "plugin_" + pluginName)) {
        $.data(this, "plugin_" + pluginName, new Plugin(this, opts));
      }
    });
  };
})(jQuery, window, document);

jQuery(document).ready(function ($) {
  $('[data-slideelement-onhover]').liquidSlideElement();
});
"use strict";

;

(function ($, window, document, undefined) {
  'use strict';

  const pluginName = 'liquidCounter';
  let defaults = {
    targetNumber: 0,
    startDelay: 0,
    blurEffect: false
  };

  function Plugin(element, options) {
    this.element = element;
    this.options = $.extend({}, defaults, options);
    this._defaults = defaults;
    this._name = pluginName;
    this.init();
  }

  Plugin.prototype = {
    init: function init() {
      this.createMarkup();
      this.setupIntersectionObserver();
    },
    formatNumberWithCommas: function formatNumberWithCommas(number) {
      return number.toString().replace(/\B(?=(\d{3})+(?!\d))/g, ',');
    },
    formatNumberWithSpaces: function formatNumberWithSpaces(number) {
      return number.toString().replace(/\B(?=(\d{3})+(?!\d))/g, ' ');
    },
    formatCounterAnimator: function formatCounterAnimator(number) {
      return number.toString().replace(/(\d)/g, '<span class="liquid-counter-animator"><span class="liquid-animator-value">$1</span></span>');
    },
    createMarkup: function createMarkup() {
      const self = this;
      const counter = $(self.element).children('span').not('.liquid-counter-element-hover');
      const options = self.options;
      const counterVal = options.targetNumber;
      const formatWithCommas = /,+/.test(counterVal);
      const formatWithSpaces = /\s+/.test(counterVal);
      if (formatWithCommas) counter.html(self.formatCounterAnimator(self.formatNumberWithCommas(counterVal)));else if (formatWithSpaces) counter.html(self.formatCounterAnimator(self.formatNumberWithSpaces(counterVal)));else counter.html(self.formatCounterAnimator(counterVal));
      counter.find('.liquid-counter-animator').each(function () {
        const animator = $(this);
        const animatorValue = animator.find('.liquid-animator-value').text();
        animator.append('<div class="liquid-animator-numbers" data-value="' + animatorValue + '">' + '<ul>' + '<li>0</li>' + '<li>1</li>' + '<li>2</li>' + '<li>3</li>' + '<li>4</li>' + '<li>5</li>' + '<li>6</li>' + '<li>7</li>' + '<li>8</li>' + '<li>9</li>' + '</ul>' + '</div>');
      });
    },
    addBlurEffect: function addBlurEffect(blurID) {
      if (this.options.blurEffect) {
        const ulElement = $('.liquid-animator-numbers ul', this.element);
        ulElement.each((i, element) => {
          const ul = $(element);

          if (ul.parent().data('value') != 0) {
            ul.css({
              'filter': "url('#counter-blur-" + blurID + "')"
            });
          }
        });
      }
    },
    animateCounter: function animateCounter() {
      const self = this;
      const startDelay = self.options.startDelay;
      const counter = $(self.element);
      const blurID = anime.random(0, 100);
      const blurSVG = $('<svg class="counter-blur-svg" xmlns="http://www.w3.org/2000/svg" version="1.1" width="0" height="0">' + '<defs>' + '<filter id="counter-blur-' + blurID + '">' + "<feGaussianBlur id=\"counter-blur-filter-".concat(blurID, "\" in=\"SourceGraphic\" stdDeviation=\"0,0\" />") + '</filter>' + '</defs>' + '</svg>');
      self.addBlurEffect(blurID);
      counter.find('.liquid-animator-numbers').each(function () {
        const animator = $(this);
        const counterValue = parseInt(animator.data('value'), 10);
        let stdDeviation = {
          x: 0,
          y: 0
        };
        let blurFilter;
        anime({
          targets: animator.find('ul').get(0),
          translateY: counterValue * -10 + '%',
          easing: 'easeOutQuint',
          delay: startDelay,
          duration: 1200,
          complete: () => {
            counter.addClass('counter-animated');
          }
        });

        if (self.options.blurEffect) {
          anime({
            targets: stdDeviation,
            easing: 'easeOutQuint',
            duration: 1200,
            delay: startDelay,
            y: [50 + counterValue * 10, 0],
            round: 1,
            begin: () => {
              if (!$('.counter-blur-svg', self.element).length) blurSVG.appendTo(self.element);
              blurFilter = blurSVG.find("#counter-blur-filter-".concat(blurID)).get(0);
            },
            update: () => {
              blurFilter.setAttribute('stdDeviation', '0,' + stdDeviation.y);

              if (stdDeviation.y <= 0) {
                blurSVG.remove();
                counter.find('ul').css('filter', '');
              }
            }
          });
        }
      });
    },
    setupIntersectionObserver: function setupIntersectionObserver() {
      const self = this;
      const element = self.element;

      const inViewCallback = function inViewCallback(enteries, observer) {
        enteries.forEach(function (entery) {
          if (entery.isIntersecting) {
            self.animateCounter();
            observer.unobserve(entery.target);
          }
        });
      };

      const observer = new IntersectionObserver(inViewCallback, {
        threshold: 0.8
      });
      const observerTarget = element;
      observer.observe(observerTarget);
    }
  };

  $.fn[pluginName] = function (options) {
    return this.each(function () {
      const pluginOptions = $(this).data('counter-options');
      let opts = null;

      if (pluginOptions) {
        opts = $.extend(true, {}, options, pluginOptions);
      }

      if (!$.data(this, "plugin_" + pluginName)) {
        $.data(this, "plugin_" + pluginName, new Plugin(this, opts));
      }
    });
  };
})(jQuery, window, document);

jQuery(document).ready(function ($) {
  $('[data-enable-counter]').liquidCounter();
});
"use strict";

;

(function ($, window, document, undefined) {
  'use strict';

  const pluginName = 'liquidProgressbar';
  let defaults = {
    value: 0,
    suffix: null,
    prefix: null,
    orientation: "horizontal"
  };

  class Plugin {
    constructor(element, options) {
      this.element = element;
      this.$element = $(element);
      this.options = $.extend({}, defaults, options);
      this._defaults = defaults;
      this._name = pluginName;
      this.percentageElement = $('.liquid-progressbar-percentage', element);
      this.barElement = $('.liquid-progressbar-bar', element);
      this.titleElement = $('.liquid-progressbar-title', element);
      this.isRTL = $('html').attr('dir') == 'rtl';
      this.init();
    }

    init() {
      this.addValue();
      this.addPrefixSuffix();
      this.setupIntersectionObserver();
    }

    addValue() {
      this.valueEl = $('<span class="liquid-progressbar-value">0</span>');
      this.percentageElement.html('');
      this.valueEl.appendTo(this.percentageElement);
    }

    addPrefixSuffix() {
      const self = this;
      const prefixOpt = self.options.prefix;
      const suffixOpt = self.options.suffix;
      const prefixEl = $('<span class="liquid-progressbar-prefix"></span>');
      const suffixEl = $('<span class="liquid-progressbar-suffix"></span>');
      if (prefixOpt) prefixEl.text(prefixOpt);
      if (suffixOpt) suffixEl.text(suffixOpt);
      prefixEl.prependTo(self.percentageElement);
      suffixEl.appendTo(self.percentageElement);
    }

    checkValuesEncountering() {
      if (this.options.orientation == "horizontal" && this.titleElement.length) {
        const titleWidth = this.titleElement.width();
        const percentageOffsetLeft = this.percentageElement.offset().left || 0;
        const percentageWidth = this.percentageElement.width();
        const titleOffsetLeft = this.titleElement.offset().left || 0;

        if (!this.isRTL) {
          if (percentageOffsetLeft >= titleOffsetLeft + titleWidth) {
            this.$element.addClass('values-not-encountering');
          } else {
            this.$element.removeClass('values-not-encountering');
          }
        } else {
          if (percentageOffsetLeft + percentageWidth <= titleOffsetLeft) {
            this.$element.addClass('values-not-encountering');
          } else {
            this.$element.removeClass('values-not-encountering');
          }
        }
      } else {
        this.$element.addClass('values-not-encountering');
      }
    }

    setupIntersectionObserver() {
      const self = this;
      const element = self.element;

      const inViewCallback = function inViewCallback(enteries, observer) {
        enteries.forEach(function (entery) {
          if (entery.isIntersecting) {
            self.animatePercentage();
            self.animateProgressbar();
            observer.unobserve(entery.target);
          }
        });
      };

      const observer = new IntersectionObserver(inViewCallback, {
        threshold: 1
      });
      const observerTarget = element;
      observer.observe(observerTarget);
    }

    animatePercentage() {
      const self = this;
      const percentage = {
        value: 0
      };
      anime({
        targets: percentage,
        value: self.options.value,
        round: 1,
        duration: 1200,
        easing: 'easeInOutQuint',
        update: () => {
          self.valueEl.text(percentage.value);
        }
      });
    }

    animateProgressbar() {
      const self = this;
      const barElement = self.barElement.get(0);
      const value = self.options.value + '%';
      const orientation = self.options.orientation;

      if (orientation == "horizontal") {
        self.animateHorizontal(barElement, value);
      } else {
        self.initCircleProgressbar(value);
      }
    }

    animateHorizontal(barElement, value) {
      const self = this;
      anime({
        targets: barElement,
        width: value,
        duration: 1200,
        easing: 'easeInOutQuint',
        update: () => {
          self.checkValuesEncountering();
        }
      });
    }

    initCircleProgressbar(value) {
      const circleContainer = $(this.element).find('.ld-prgbr-circle-container');
      const containerWidth = circleContainer.width();
      const numericVal = parseInt(value, 10);
      circleContainer.circleProgress({
        value: numericVal / 100,
        size: containerWidth,
        lineCap: 'round',
        startAngle: -Math.PI / 2
      });
    }

  }

  $.fn[pluginName] = function (options) {
    return this.each(function () {
      const pluginOptions = $(this).data('progressbar-options') || options;

      if (!$.data(this, "plugin_" + pluginName)) {
        $.data(this, "plugin_" + pluginName, new Plugin(this, pluginOptions));
      }
    });
  };
})(jQuery, window, document);

jQuery(document).ready(function ($) {
  $('[data-progressbar]').liquidProgressbar();
});
"use strict";

/*
* Credits:
* http://www.codrops.com
*
* Licensed under the MIT license.
* http://www.opensource.org/licenses/mit-license.php
* 
* Copyright 2016, Codrops
* http://www.codrops.com
*/
;

(function ($, window, document, undefined) {
  'use strict';

  const pluginName = 'liquidReveal';
  let defaults = {
    // If true, then the content will be hidden until it´s "revealed".
    isContentHidden: true,
    // If true, animtion will be triggred only when element is in view
    animteWhenInView: true,
    delay: 0,
    // The animation/reveal settings. This can be set initially or passed when calling the reveal method.
    revealSettings: {
      // Animation direction: left right (lr) || right left (rl) || top bottom (tb) || bottom top (bt).
      direction: 'lr',
      // Revealer´s background color.
      bgcolor: '#f0f0f0',
      // Animation speed. This is the speed to "cover" and also "uncover" the element (seperately, not the total time).
      duration: 500,
      // Animation easing. This is the easing to "cover" and also "uncover" the element.
      easing: 'easeInOutQuint',
      // percentage-based value representing how much of the area should be left covered.
      coverArea: 0,
      // Callback for when the revealer is covering the element (halfway through of the whole animation).
      onCover: function onCover(contentEl, revealerEl) {
        return false;
      },
      // Callback for when the animation starts (animation start).
      onStart: function onStart(contentEl, revealerEl) {
        return false;
      },
      // Callback for when the revealer has completed uncovering (animation end).
      onComplete: function onComplete(contentEl, revealerEl) {
        return false;
      },
      onCoverAnimations: null
    }
  };

  function Plugin(element, options) {
    this.element = element;
    this.options = $.extend({}, defaults, options);
    this._defaults = defaults;
    this._name = pluginName;
    this.init();
  }

  Plugin.prototype = {
    init: function init() {
      this._layout();

      if (this.options.animteWhenInView) this.setIntersectionObserver();else this.doTheReveal();
    },
    _createDOMEl: function _createDOMEl(type, className, content) {
      var el = document.createElement(type);
      el.className = className || '';
      el.innerHTML = content || '';
      return el;
    },

    /**
    * Build the necessary structure.
    */
    _layout: function _layout() {
      var position = getComputedStyle(this.element).position;

      if (position !== 'fixed' && position !== 'absolute' && position !== 'relative') {
        this.element.style.position = 'relative';
      } // Content element.


      this.content = this._createDOMEl('div', 'block-revealer__content', this.element.innerHTML);

      if (this.options.isContentHidden && this.content.querySelector('figure')) {
        this.content.querySelector('figure').style.opacity = 0;
      } // Revealer element (the one that animates)


      this.revealer = this._createDOMEl('div', 'block-revealer__element');
      this.element.classList.add('block-revealer');
      this.element.innerHTML = '';
      this.element.appendChild(this.content);
      var parallaxElement = this.element.querySelector('[data-parallax=true]');

      if (typeof parallaxElement !== typeof undefined && parallaxElement !== null) {
        parallaxElement.appendChild(this.revealer);
      } else {
        this.element.appendChild(this.revealer);
      }
    },

    /**
    * Gets the revealer element´s transform and transform origin.
    */
    _getTransformSettings: function _getTransformSettings(direction) {
      var val, origin, origin_2;

      switch (direction) {
        case 'lr':
          val = 'scaleX(0)';
          origin = '0 50%';
          origin_2 = '100% 50%';
          break;

        case 'rl':
          val = 'scaleX(0)';
          origin = '100% 50%';
          origin_2 = '0 50%';
          break;

        case 'tb':
          val = 'scaleY(0)';
          origin = '50% 0';
          origin_2 = '50% 100%';
          break;

        case 'bt':
          val = 'scaleY(0)';
          origin = '50% 100%';
          origin_2 = '50% 0';
          break;

        default:
          val = 'scaleX(0)';
          origin = '0 50%';
          origin_2 = '100% 50%';
          break;
      }

      return {
        // transform value.
        val: val,
        // initial and halfway/final transform origin.
        origin: {
          initial: origin,
          halfway: origin_2
        }
      };
    },

    /**
    * Reveal animation. If revealSettings is passed, then it will overwrite the options.revealSettings.
    */
    reveal: function reveal(revealSettings) {
      // Do nothing if currently animating.
      if (this.isAnimating) {
        return false;
      }

      this.isAnimating = true; // Set the revealer element´s transform and transform origin.

      var defaults = {
        // In case revealSettings is incomplete, its properties deafault to:
        duration: 500,
        easing: 'easeInOutQuint',
        delay: parseInt(this.options.delay, 10) || 0,
        bgcolor: '#f0f0f0',
        direction: 'lr',
        coverArea: 0
      },
          revealSettings = revealSettings || this.options.revealSettings,
          direction = revealSettings.direction || defaults.direction,
          transformSettings = this._getTransformSettings(direction);

      this.revealer.style.WebkitTransform = this.revealer.style.transform = transformSettings.val;
      this.revealer.style.WebkitTransformOrigin = this.revealer.style.transformOrigin = transformSettings.origin.initial; // Set the Revealer´s background color.

      this.revealer.style.background = revealSettings.bgcolor || defaults.bgcolor; // Show it. By default the revealer element has opacity = 0 (CSS).

      this.revealer.style.opacity = 1; // Animate it.

      var self = this,
          // Second animation step.
      animationSettings_2 = {
        complete: function complete() {
          self.isAnimating = false;

          if (typeof revealSettings.onComplete === 'function') {
            revealSettings.onComplete(self.content, self.revealer);
          }

          $(self.element).addClass('revealing-ended').removeClass('revealing-started');
        }
      },
          // First animation step.
      animationSettings = {
        delay: revealSettings.delay || defaults.delay,
        complete: function complete() {
          self.revealer.style.WebkitTransformOrigin = self.revealer.style.transformOrigin = transformSettings.origin.halfway;

          if (typeof revealSettings.onCover === 'function') {
            revealSettings.onCover(self.content, self.revealer);
          }

          $(self.element).addClass('element-uncovered');
          anime(animationSettings_2);
        }
      };
      animationSettings.targets = animationSettings_2.targets = this.revealer;
      animationSettings.duration = animationSettings_2.duration = revealSettings.duration || defaults.duration;
      animationSettings.easing = animationSettings_2.easing = revealSettings.easing || defaults.easing;
      var coverArea = revealSettings.coverArea || defaults.coverArea;

      if (direction === 'lr' || direction === 'rl') {
        animationSettings.scaleX = [0, 1];
        animationSettings_2.scaleX = [1, coverArea / 100];
      } else {
        animationSettings.scaleY = [0, 1];
        animationSettings_2.scaleY = [1, coverArea / 100];
      }

      if (typeof revealSettings.onStart === 'function') {
        revealSettings.onStart(self.content, self.revealer);
      }

      $(self.element).addClass('revealing-started');
      anime(animationSettings);
    },
    animationPresets: function animationPresets() {},
    setIntersectionObserver: function setIntersectionObserver() {
      const self = this;
      const element = self.element;
      self.isIntersected = false;

      const inViewCallback = function inViewCallback(enteries, observer) {
        enteries.forEach(function (entery) {
          if (entery.isIntersecting && !self.isIntersected) {
            self.isIntersected = true;
            self.doTheReveal();
          }
        });
      };

      const observer = new IntersectionObserver(inViewCallback, {
        threshold: 0.5
      });
      observer.observe(element);
    },
    doTheReveal: function doTheReveal() {
      const {
        onCoverAnimations
      } = this.options.revealSettings;
      const onCover = {
        onCover: contentEl => {
          $('figure', contentEl).css('opacity', 1);

          if ($(contentEl).find('.ld-lazyload').length && window.liquidLazyload) {
            window.liquidLazyload.update();
          }

          if (onCoverAnimations) {
            const animations = $.extend({}, {
              targets: $('figure', contentEl).get(0)
            }, {
              duration: 800,
              easing: 'easeOutQuint'
            }, onCoverAnimations);
            anime(animations);
          }
        }
      };
      const options = $.extend(this.options, onCover);
      this.reveal(options);
      this.onReveal();
    },

    onReveal() {
      if ($(this.element).find('[data-responsive-bg]').length) {
        $(this.element).find('[data-responsive-bg]').liquidResponsiveBG();
      }
    }

  };

  $.fn[pluginName] = function (options) {
    return this.each(function () {
      const pluginOptions = $(this).data('reveal-options');
      let opts = null;

      if (pluginOptions) {
        opts = $.extend(true, {}, options, pluginOptions);
      }

      if (!$.data(this, "plugin_" + pluginName)) {
        $.data(this, "plugin_" + pluginName, new Plugin(this, opts));
      }
    });
  };
})(jQuery, window, document);

jQuery(document).ready(function ($) {
  $('[data-reveal]').filter((i, element) => {
    const $element = $(element);
    const $fullpageSection = $element.closest('.vc_row.pp-section');
    return !$fullpageSection.length;
  }).liquidReveal();
});
"use strict";

;

(function ($, window, document, undefined) {
  'use strict';

  const pluginName = 'liquidStickyRow';
  let defaults = {};

  class Plugin {
    constructor(element, options) {
      this.element = element;
      this.$element = $(element);
      this.options = $.extend({}, defaults, options);
      this._defaults = defaults;
      this._name = pluginName;
      this.markupInitiated = false;
      this.$stickyWrap = null;
      this.$stickyWrapInner = null;
      this.boundingClientRect = null;
      this.init();
    }

    init() {
      this.initMarkup();
      this.handleSizes();
      this.addEvents();
      this.handleWindowResize();
    }

    initMarkup() {
      if (this.markupInitiated) return false;
      const $stickyWrap = $('<div class="lqd-css-sticky-wrap pos-rel" />');
      const $stickyWrapInner = $('<div class="lqd-css-sticky-wrap-inner pos-abs" />');
      this.$element.wrap($stickyWrap).wrap($stickyWrapInner);
      this.$stickyWrapInner = this.$element.parent();
      this.$stickyWrap = this.$element.parent().parent();
      this.markupInitiated = true;
    }

    handleSizes() {
      const $nextElements = this.$stickyWrap.nextAll();
      const elementHeight = this.$element.outerHeight();
      this.$stickyWrap.css({
        height: elementHeight
      });

      if ($nextElements.length) {
        let nextElementsHeight = 0;
        $.each($nextElements, (i, nextElement) => {
          nextElementsHeight += $(nextElement).outerHeight();
        });

        if (elementHeight > nextElementsHeight) {
          console.log(elementHeight - nextElementsHeight);
          this.$stickyWrapInner.css({
            height: "calc(200% - ".concat(nextElementsHeight, "px)")
          });
        }
      }
    }

    addEvents() {
      const e = new CustomEvent('lqd-sticky-row-initiated', {
        detail: {
          $element: this.$element
        }
      });
      this.element.dispatchEvent(e);
    }

    handleWindowResize() {
      const resize = liquidDebounce(this.onWindowResize, 500);
      $(window).on('resize', resize.bind(this));
    }

    onWindowResize() {
      this.handleSizes();
    }

  }

  $.fn[pluginName] = function (options) {
    return this.each(function () {
      const pluginOptions = $(this).data('sticky-options') || options;

      if (!$.data(this, "plugin_" + pluginName)) {
        $.data(this, "plugin_" + pluginName, new Plugin(this, pluginOptions));
      }
    });
  };
})(jQuery, window, document);

jQuery(document).ready(function ($) {
  if (liquidWindowWidth() <= liquidMobileNavBreakpoint() || liquidIsMobile()) return;
  $('.vc_row.lqd-css-sticky').liquidStickyRow();
});
"use strict";

;

(function ($, window, document, undefined) {
  'use strict';

  const pluginName = 'liquidParallax';
  let defaults = {
    duration: 1800,
    offset: 0,
    triggerHook: "onEnter",
    easing: 'linear',
    parallaxBG: false,
    scaleBG: true,
    overflowHidden: true
  };
  let defaultParallaxFrom = {};
  let defaultParallaxTo = {};

  class Plugin {
    constructor(element, options, parallaxFrom, parallaxTo) {
      this.element = element;
      this.$element = $(element);
      this.options = $.extend({}, defaults, options);
      this.parallaxFromOptions = $.extend({}, defaultParallaxFrom, parallaxFrom);
      this.parallaxToOptions = $.extend({}, defaultParallaxTo, parallaxTo);
      this.isInitialized = false;
      this.parallaxElement = this.element;
      this.triggerElement = this.parallaxElement;
      this._defaults = defaults;
      this._name = pluginName;
      this.build();
    }

    build() {
      // if it's titlebar and it's on mobile, just add the classname to fade in the bg but don't initiate parallax bg
      if (liquidIsMobile() && this.options.parallaxBG && this.$element.is('.titlebar')) {
        this.$element.addClass('liquid-parallax-bg');
        return false;
      }

      if (this.$element.is('.vc_row') && this.$element.is('.vc_row:first-of-type') || this.$element.is('.titlebar') && this.options.parallaxBG) {
        if (this.$element.closest('.lqd-css-sticky').length || this.$element.is('.vc_row[data-pin]') || this.$element.is('.lqd-css-sticky')) {
          this.handleSentinel();
        }

        this.init();
        return false;
      }

      this.initIO();
    }

    setParallaxFromParams() {
      const animeOpts = {
        targets: this.parallaxElement,
        duration: 0,
        easing: 'linear'
      };
      const prlxFromOpts = $.extend({}, this.parallaxFromOptions, animeOpts);
      anime(prlxFromOpts);
    }

    createSentinel() {
      this.$sentinel = $('<div class="lqd-parallax-sentinel" />').appendTo('body');
    }

    handleSentinel() {
      this.createSentinel();
      this.positionSentinel();
      this.handleResize();
      this.triggerElement = this.$sentinel.get(0);
    }

    positionSentinel() {
      this.$sentinel.attr('style', '');
      this.$sentinel.css({
        width: this.$element.width(),
        height: this.$element.height(),
        top: this.$element.offset().top,
        left: this.$element.offset().left
      });
    }

    initParallax() {
      if (!this.$element.is('.wpb_column')) {
        const overflow = this.options.overflowHidden ? 'overflow-hidden' : '';
        this.$element.wrap("<div class=\"ld-parallax-wrap ".concat(overflow, "\" />"));
      }
    }

    initParallaxBG() {
      const $videoBg = this.$element.children('.lqd-vbg-wrap');

      if (!this.element.hasAttribute('data-slideshow-bg') && !this.element.hasAttribute('data-row-bg') && !$videoBg.length) {
        this.createParallaxBgMarkup(); // this.triggerElement = this.parallaxElement = $('.liquid-parallax-figure', this.element).get(0);

        this.parallaxElement = $('.liquid-parallax-figure', this.element).get(0);
        return false;
      }

      if (this.element.hasAttribute('data-slideshow-bg')) {
        const slideshowWrap = $('.ld-slideshow-bg-wrap', this.element);
        const slideshowInner = $('.ld-slideshow-bg-inner', slideshowWrap);
        this.updateParallaxBgOptions(slideshowInner);
        this.parallaxElement = slideshowInner.get(0);
        this.$element.addClass('liquid-parallax-bg');
        return false;
      }

      if (this.element.hasAttribute('data-row-bg')) {
        const rowBGWrap = $('.row-bg-wrap', this.element);
        const rowBG = $('.row-bg', rowBGWrap);
        this.updateParallaxBgOptions(rowBG);
        this.parallaxElement = rowBG.get(0);
        this.$element.addClass('liquid-parallax-bg');
      }

      if ($videoBg.length) {
        this.updateParallaxBgOptions($videoBg.children());
        this.parallaxElement = $videoBg.children().get(0);
      }
    }

    createParallaxBgMarkup() {
      const parallaxContainer = $('<div class="liquid-parallax-container"></div>');
      const parallaxFigure = $('<figure class="liquid-parallax-figure"></figure>');
      const elementBGImage = this.$element.css('background-image');
      const elementBGPos = this.$element.css('background-position');
      this.updateParallaxBgOptions(parallaxFigure);

      if (elementBGImage && elementBGImage != 'none') {
        parallaxFigure.css('background-image', elementBGImage);
        parallaxFigure.css('background-position', elementBGPos);
        this.$element.addClass('bg-none');
      }

      this.$element.addClass('liquid-parallax-bg');
      parallaxFigure.appendTo(parallaxContainer);
      parallaxContainer.prependTo(this.element);
    }

    updateParallaxBgOptions($bgElement) {
      const translateY = this.$element.is('.vc_row') && !liquidIsMobile() ? '-30%' : '-20%';
      const height = this.$element.is('.vc_row') && !liquidIsMobile() ? '140%' : '120%';

      if (typeof this.parallaxFromOptions.translateY === typeof undefined) {
        this.parallaxFromOptions.translateY = translateY;
      }

      if (typeof this.parallaxToOptions.translateY === typeof undefined) {
        this.parallaxToOptions.translateY = '0%';
      }

      this.options.scaleBG && $bgElement.css('height', height);
    }

    createTimeline() {
      const aniamteParams = $.extend({}, this.parallaxToOptions, {
        targets: this.parallaxElement,
        duration: this.options.duration,
        easing: this.options.easing,
        autoplay: false
      });
      const timeline = anime(aniamteParams);
      return timeline;
    }

    initIO() {
      const {
        parallaxBG
      } = this.options;
      const $pinnedParent = this.$element.closest('[data-pin]');
      const $cssStickyParent = this.$element.closest('.lqd-css-sticky');

      const inviewCallback = enteries => {
        enteries.forEach(entry => {
          if (entry.isIntersecting) {
            if (!this.isInitialized) {
              this.isInitialized = true;

              if (parallaxBG) {
                this.options.duration = entry.rootBounds.height + entry.boundingClientRect.height;
              }

              if ($pinnedParent.length || $cssStickyParent.length || this.$element.is('.vc_row[data-pin]') || this.$element.is('.lqd-css-sticky')) {
                this.handleSentinel();
              }

              this.init();
            }

            $(this.parallaxElement).addClass('will-change');
          } else {
            $(this.parallaxElement).removeClass('will-change');
          }
        });
      };

      const observer = new IntersectionObserver(inviewCallback, {
        rootMargin: "7%"
      });
      observer.observe(this.element);
    }

    init() {
      !this.options.parallaxBG && this.initParallax();
      this.options.parallaxBG && this.initParallaxBG();
      this.setParallaxFromParams();
      const controller = new ScrollMagic.Controller();
      const timeline = this.createTimeline();
      const newScene = new ScrollMagic.Scene({
        duration: timeline.duration,
        offset: this.options.offset,
        triggerHook: this.options.triggerHook
      });
      newScene.triggerElement(this.triggerElement);
      newScene.addTo(controller); // newScene.addIndicators();

      if (!this.$element.is('.vc_row') && !this.$element.is('.titlebar')) {
        this.$element.parent().addClass('parallax-applied');
      }

      newScene.on('progress', e => {
        timeline.seek(e.progress * timeline.duration);
      });
    }

    handleResize() {
      $(window).on('resize', this.onWindowResize.bind(this));
    }

    onWindowResize() {
      this.positionSentinel();
    }

  }

  $.fn[pluginName] = function (options) {
    return this.each(function () {
      const pluginOptions = $(this).data('parallax-options');
      const parallaxFrom = $(this).data('parallax-from');
      const parallaxTo = $(this).data('parallax-to');
      let opts = null;

      if (pluginOptions) {
        opts = $.extend(true, {}, options, pluginOptions, parallaxFrom, parallaxTo);
      }

      if (!$.data(this, "plugin_" + pluginName)) {
        $.data(this, "plugin_" + pluginName, new Plugin(this, opts, parallaxFrom, parallaxTo));
      }
    });
  };
})(jQuery, window, document);

jQuery(document).ready(function ($) {
  if ($('body').hasClass('compose-mode')) return false;
  $('[data-parallax]').not('[data-pin]:not(.vc_row), .rev-slidebg').liquidParallax();
});
"use strict";

;

(function ($, window, document, undefined) {
  'use strict';

  const pluginName = 'liquidAnimateOnScroll';
  let defaults = {
    offset: 0,
    triggerHook: "onLeave",
    easing: 'linear',
    staticSentinel: null,
    staticSentinelRel: 'closest'
  };
  let defaultAnimateFrom = {};
  let defaultAnimateTo = {};

  class Plugin {
    constructor(element, options, animateFrom, animateTo) {
      this.element = element;
      this.$element = $(element);
      this.options = $.extend({}, defaults, options);
      this.animateFromOptions = $.extend({}, defaultAnimateFrom, animateFrom);
      this.animateToOptions = $.extend({}, defaultAnimateTo, animateTo);
      this.isInitialized = false;
      this.animateElement = this.element;
      this.triggerElement = this.getTriggerElement();
      this.elementOuterHeight = this.getElementOuterHeight();
      this._defaults = defaults;
      this._name = pluginName;
      this.build();
    }

    build() {
      this.initIO();
    }

    getTriggerElement() {
      const {
        options
      } = this;

      if (!options.staticSentinel) {
        return this.animateElement;
      } else {
        return this.$element[options.staticSentinelRel](options.staticSentinel).get(0);
      }
    }

    getElementOuterHeight() {
      return this.$element.outerHeight();
    }

    getElementOffset() {
      return this.$element.offset();
    }

    setAnimateFromParams() {
      const animeOpts = {
        targets: this.animateElement,
        duration: 0,
        easing: 'linear'
      };
      const animateFromOpts = $.extend({}, this.animateFromOptions, animeOpts);
      anime(animateFromOpts);
    }

    createSentinel() {
      this.$sentinel = $('<div class="lqd-animate-sentinel invisible pos-abs" />').appendTo('body');
    }

    handleSentinel() {
      this.createSentinel();
      this.positionSentinel();
      this.handleEvents();
      this.triggerElement = this.$sentinel.get(0);
    }

    positionSentinel() {
      if (!this.$sentinel) return false;
      this.$sentinel.attr('style', '');
      this.$sentinel.css({
        width: this.$element.width(),
        height: this.elementOuterHeight,
        top: this.getElementOffset().top,
        left: this.getElementOffset().left
      });
    }

    createTimeline() {
      const aniamteParams = $.extend({}, this.animateToOptions, {
        targets: this.animateElement,
        duration: this.elementOuterHeight,
        easing: this.options.easing,
        autoplay: false
      });
      const timeline = anime(aniamteParams);
      return timeline;
    }

    initIO() {
      const $pinnedParent = this.$element.closest('[data-pin]');
      const $cssStickyParent = this.$element.closest('.lqd-css-sticky');

      const inviewCallback = enteries => {
        enteries.forEach(entry => {
          if (entry.isIntersecting) {
            if (!this.isInitialized) {
              this.isInitialized = true;

              if (!this.options.staticSentinel && ($pinnedParent.length || $cssStickyParent.length || this.$element.is('.vc_row[data-pin]') || this.$element.is('.vc_row.lqd-css-sticky'))) {
                this.handleSentinel();
              }

              this.init();
            }

            $(this.animateElement).addClass('will-change');
          } else {
            $(this.animateElement).removeClass('will-change');
          }
        });
      };

      const observer = new IntersectionObserver(inviewCallback, {
        rootMargin: "3%"
      });
      observer.observe(this.element);
    }

    init() {
      this.setAnimateFromParams();
      const controller = new ScrollMagic.Controller();
      const timeline = this.createTimeline();
      const newScene = new ScrollMagic.Scene({
        duration: timeline.duration,
        offset: this.options.offset,
        triggerHook: this.options.triggerHook
      });
      newScene.triggerElement(this.triggerElement);
      newScene.addTo(controller); // newScene.addIndicators();

      newScene.on('progress', e => {
        timeline.seek(e.progress * timeline.duration);
      });
    }

    handleEvents() {
      $(window).on('load resize', this.positionSentinel.bind(this));
      this.element.addEventListener('lqd-sticky-row-initiated', this.positionSentinel.bind(this));
    }

  }

  $.fn[pluginName] = function (options) {
    return this.each(function () {
      const $this = $(this);
      const pluginOptions = $this.data('animate-options');
      const animateFrom = $this.data('animate-from');
      const animateTo = $this.data('animate-to');
      let opts = null;

      if (pluginOptions) {
        opts = $.extend(true, {}, options, pluginOptions, animateFrom, animateTo);
      }

      if (!$.data(this, "plugin_" + pluginName)) {
        $.data(this, "plugin_" + pluginName, new Plugin(this, opts, animateFrom, animateTo));
      }
    });
  };
})(jQuery, window, document);

jQuery(document).ready(function ($) {
  if ($('body').hasClass('compose-mode')) return false;
  $('[data-animate-onscroll]').liquidAnimateOnScroll();
});
"use strict";

;

(function ($, window, document, undefined) {
  'use strict';

  const pluginName = 'liquidTransitionDelay';
  let defaults = {
    elements: null,
    startDelay: 0,
    delayBetween: 250,
    delayType: 'transition' // ['transition', 'animation']

  };

  class Plugin {
    constructor(element, options) {
      this.element = element;
      this.$element = $(element);
      this.options = $.extend({}, defaults, options);
      this._defaults = defaults;
      this._name = pluginName;
      this.initIO();
    }

    initIO() {
      new IntersectionObserver((enteries, observer) => {
        enteries.forEach(entry => {
          if (entry.isIntersecting) {
            this.addDelays();
            observer.unobserve(entry.target);
          }
        });
      }).observe(this.element, {
        "rootMargin": '5%'
      });
    }

    addDelays() {
      const {
        options
      } = this;

      if (options.elements) {
        $.each($(options.elements, this.element), (i, element) => {
          const delay = i * options.delayBetween + options.startDelay;
          $(element).css({
            ["-webkit-".concat(options.delayType, "-delay")]: "".concat(delay, "ms"),
            ["".concat(options.delayType, "-delay")]: "".concat(delay, "ms")
          });
        });
      }
    }

  }

  $.fn[pluginName] = function (options) {
    return this.each(function () {
      const pluginOptions = $(this).data('delay-options') || options;

      if (!$.data(this, "plugin_" + pluginName)) {
        $.data(this, "plugin_" + pluginName, new Plugin(this, pluginOptions));
      }
    });
  };
})(jQuery, window, document);

jQuery(document).ready(function ($) {
  $('[data-transition-delay=true]').liquidTransitionDelay();
});
"use strict";

;

(function ($, window, document, undefined) {
  'use strict';

  const pluginName = 'liquidMasonry';
  let defaults = {
    layoutMode: 'packery',
    itemSelector: '.masonry-item',
    alignMid: false
  };

  class Plugin {
    constructor(element, options) {
      this.element = element;
      this.$element = $(element);
      this.options = $.extend({}, defaults, options);
      this._defaults = defaults;
      this._name = pluginName;
      this.onFilterChange = null;
      this.onLayoutComplete = null;
      this.init();
    }

    init() {
      this.onImagesLoad();
    }

    onImagesLoad() {
      imagesLoaded(this.element, this.handleOnImagesLoaded.bind(this));
    }

    handleOnImagesLoaded() {
      this.setStamps();
      this.initIsotope();
      this.onFilterChange = new CustomEvent('lqd-masonry-filter-change', {
        detail: {
          isotopeData: this.$element.data('isotope')
        }
      });
      this.onLayoutComplete = new CustomEvent('lqd-masonry-layout-complete', {
        detail: {
          isotopeData: this.$element.data('isotope')
        }
      });
      this.initFilters();
      this.eventHandlers();
    }

    initIsotope() {
      const {
        layoutMode,
        itemSelector,
        stamp
      } = this.options;
      this.$element.isotope({
        layoutMode,
        itemSelector,
        stamp
      });
    }

    setStamps() {
      this.setAlignMidStamps();
    }

    setAlignMidStamps() {
      const options = this.options;

      if (options.alignMid) {
        const items = $(options.itemSelector, this.element);
        const columnsCount = this.$element.attr('data-columns');
        const itemsHeights = [];
        let gridSizer = $('.grid-stamp', this.$element);
        $.each(items, (i, item) => {
          const $item = $(item);
          const height = $item.outerHeight();
          itemsHeights.push(height);
        });
        this.highestHeight = Math.max(...itemsHeights);
        this.lowestHeight = Math.min(...itemsHeights);

        if (columnsCount >= 3) {
          gridSizer.clone().insertBefore(items.eq(columnsCount - 1)).addClass('is-right');
          gridSizer = gridSizer.add('.grid-stamp', this.$element);
        }

        gridSizer.height(this.lowestHeight / 2);
        options.stamp = '.grid-stamp';
      }
    }

    initFilters() {
      const {
        options
      } = this;
      const {
        filtersID
      } = options;
      if (!filtersID) return;
      this.$element.isotope({
        filter: $('.active', $(filtersID)).attr('data-filter')
      });
      $(filtersID).on('click', 'li', event => {
        const $filterElement = $(event.currentTarget);
        const filterValue = $filterElement.attr('data-filter');
        const filterTermId = $filterElement.attr('data-filter-term-id');
        $filterElement.addClass('active').siblings().removeClass('active');

        if (typeof filterTermId === 'undefined' || filterTermId === null) {
          this.$element.isotope({
            filter: filterValue
          });
        } else {
          this.loadAjax($filterElement, filterTermId);
        }
      });
    }

    eventHandlers() {
      this.$element.on('arrangeComplete', this.handleArrangeComplete.bind(this));
      this.$element.on('layoutComplete', this.handleLayoutComplete.bind(this));
    }

    handleArrangeComplete() {
      document.dispatchEvent(this.onFilterChange);
    }

    handleLayoutComplete() {
      document.dispatchEvent(this.onLayoutComplete);
    }

    loadAjax($button, filterTermId) {
      const url = filterTermId === '' ? location.href + '?ajaxify=1' : location.href + '?ajaxify=1&category=' + filterTermId + '&filter-id=' + this.$element.parent('[data-filter-id]').data('filter-id');
      const filterID = this.$element.parent('[data-filter-id]').data('filter-id');
      const $paginationWrapper = this.$element.parent().find('.page-nav');
      $.ajax({
        type: 'GET',
        url: url,
        error: function error(MLHttpRequest, textStatus, errorThrown) {
          alert(errorThrown);
        },
        beforeSend: () => {
          this.$element.addClass('lqd-items-loading');
        },
        success: data => {
          var $data = $(data);
          var $newItemsWrapper = $data.find('[data-filter-id="' + filterID + '"] .liquid-blog-grid');
          var $newItems = $newItemsWrapper.find('> div'),
              $newPagination = $data.find('.page-nav').length ? $data.find('.page-nav') : '';

          if ($paginationWrapper.length) {
            $paginationWrapper.html($newPagination);
          }

          $newItems.imagesLoaded(() => {
            this.$element.append($newItems);

            if (this.$element.get(0).hasAttribute('data-liquid-masonry')) {
              this.$element.isotope('remove', $(this.options.itemSelector, this.element));
              this.$element.isotope('appended', $newItems);
              this.$element.isotope('layout');
            }

            this.$element.removeClass('lqd-items-loading');
            $('html, body').animate({
              scrollTop: this.$element.parent().offset().top - 150
            }, 300);

            if (!$('body').hasClass('lazyload-enabled')) {
              $('[data-responsive-bg=true]', this.element).liquidResponsiveBG();
            }

            if ($('body').hasClass('lazyload-enabled')) {
              window.liquidLazyload = new LazyLoad({
                elements_selector: '.ld-lazyload',
                callback_loaded: function callback_loaded(e) {
                  $(e).closest('[data-responsive-bg=true]').liquidResponsiveBG();
                  $(e).parent().not('#wrap, #content').addClass('loaded');
                }
              });
            }

            $('[data-split-text]', this.element).filter(function (i, element) {
              return !$(element).parents('[data-custom-animations]').length && !element.hasAttribute('data-custom-animations');
            }).liquidSplitText();
            $('[data-fittext]', this.element).liquidFitText();
            $('[data-custom-animations]', this.element).map(function (i, element) {
              var $element = $(element);
              var $customAnimationParent = $element.parents('.wpb_wrapper[data-custom-animations]');

              if ($customAnimationParent.length) {
                $element.removeAttr('data-custom-animations');
                $element.removeAttr('data-ca-options');
              }
            });
            $('[data-custom-animations]', this.element).filter(function (i, element) {
              var $element = $(element);
              var $rowBgparent = $element.closest('.vc_row[data-row-bg]');
              var $slideshowBgParent = $element.closest('.vc_row[data-slideshow-bg]');
              return !$rowBgparent.length && !$slideshowBgParent.length;
            }).liquidCustomAnimations();
            $('[data-lqd-flickity]', this.element).liquidCarousel();
            $('[data-parallax]', this.element).liquidParallax();
            $('[data-hover3d=true]', this.element).liquidHover3d();
          });
        }
      });
    }

  }

  $.fn[pluginName] = function (options) {
    return this.each(function () {
      const pluginOptions = $(this).data('masonry-options') || options;

      if (!$.data(this, "plugin_" + pluginName)) {
        $.data(this, "plugin_" + pluginName, new Plugin(this, pluginOptions));
      }
    });
  };
})(jQuery, window, document);

jQuery(document).ready(function ($) {
  $('[data-liquid-masonry]').liquidMasonry();
});
"use strict";

;

(function ($, window, document, undefined) {
  'use strict';

  const pluginName = 'liquidHover3d';
  let defaults = {};

  function Plugin(element, options) {
    this.element = element;
    this.options = $.extend({}, defaults, options);
    this._defaults = defaults;
    this._name = pluginName;
    this.build();
  }

  Plugin.prototype = {
    build: function build() {
      this.$icon = $(this.element);

      if (!this.$icon.length) {
        return;
      }

      this.width = this.$icon.outerWidth();
      this.height = this.$icon.outerHeight();
      this.maxRotation = 8;
      this.maxTranslation = 4;
      this.init();
      $(window).on('load resize', this.onWindowLoad.bind(this));
      this.$icon.addClass('hover-3d-applied');
    },
    init: function init() {
      this.eventHandlers();
    },

    onWindowLoad() {
      this.width = this.$icon.outerWidth();
      this.height = this.$icon.outerHeight();
    },

    eventHandlers: function eventHandlers() {
      const self = this;
      self.$icon.on('mousemove', function (e) {
        self.hover.call(self, e);
      }).on('mouseleave', function (e) {
        self.leave.call(self, e);
      });
    },
    appleTvAnimate: function appleTvAnimate(element, config) {
      var rotate = "rotateX(" + config.xRotationPercentage * -1 * config.maxRotationX + "deg)" + " rotateY(" + config.yRotationPercentage * -1 * config.maxRotationY + "deg)";
      var translate = " translate3d(" + config.xTranslationPercentage * -1 * config.maxTranslationX + "px," + config.yTranslationPercentage * -1 * config.maxTranslationY + "px, 0px)";
      anime.remove(element.get(0)); // causing move issues 

      element.css({
        transition: 'all 0.25s ease-out',
        transform: rotate + translate
      }); // anime({
      // 	targets: element.get(0),
      // 	rotateX: -config.xRotationPercentage * config.maxRotationX,
      // 	rotateY: -config.yRotationPercentage * config.maxRotationY,
      // 	translateX: -config.xTranslationPercentage * config.maxTranslationX,
      // 	translateY: -config.yTranslationPercentage * config.maxTranslationY,
      // 	easing: 'easeOutQuint',
      // 	duration: 300
      // });
    },
    calculateRotationPercentage: function calculateRotationPercentage(offset, dimension) {
      return -2 / dimension * offset + 1;
    },
    calculateTranslationPercentage: function calculateTranslationPercentage(offset, dimension) {
      return -2 / dimension * offset + 1;
    },
    hover: function hover(e) {
      var that = this;
      var mouseOffsetInside = {
        x: e.pageX - this.$icon.offset().left,
        y: e.pageY - this.$icon.offset().top
      };
      that.$icon.addClass('mouse-in');
      var xRotationPercentage = this.calculateRotationPercentage(mouseOffsetInside.y, this.height);
      var yRotationPercentage = this.calculateRotationPercentage(mouseOffsetInside.x, this.width) * -1;
      var xTranslationPercentage = this.calculateTranslationPercentage(mouseOffsetInside.x, this.width);
      var yTranslationPercentage = this.calculateTranslationPercentage(mouseOffsetInside.y, this.height);
      this.$icon.find('[data-stacking-factor]').each(function (index, element) {
        var stackingFactor = $(element).attr('data-stacking-factor');
        that.appleTvAnimate($(element), {
          maxTranslationX: that.maxTranslation * stackingFactor,
          maxTranslationY: that.maxTranslation * stackingFactor,
          maxRotationX: that.maxRotation * stackingFactor,
          maxRotationY: that.maxRotation * stackingFactor,
          xRotationPercentage: xRotationPercentage,
          yRotationPercentage: yRotationPercentage,
          xTranslationPercentage: xTranslationPercentage,
          yTranslationPercentage: yTranslationPercentage
        });
      });
    },
    leave: function leave(e) {
      var that = this;
      that.$icon.removeClass('mouse-in');
      this.$icon.find('[data-stacking-factor]').each(function (index, element) {
        anime.remove(element);
        that.appleTvAnimate($(element), {
          maxTranslationX: 0,
          maxTranslationY: 0,
          maxRotationX: 0,
          maxRotationY: 0,
          xRotationPercentage: 0,
          yRotationPercentage: 0,
          xTranslationPercentage: 0,
          yTranslationPercentage: 0
        });
      });
    }
  };

  $.fn[pluginName] = function (options) {
    return this.each(function () {
      const pluginOptions = $(this).data('hover3d-options');
      let opts = null;

      if (pluginOptions) {
        opts = $.extend(true, {}, options, pluginOptions);
      }

      if (!$.data(this, "plugin_" + pluginName)) {
        $.data(this, "plugin_" + pluginName, new Plugin(this, opts));
      }
    });
  };
})(jQuery, window, document);

jQuery(document).ready(function ($) {
  $('[data-hover3d=true]').filter((i, element) => !$(element).closest('.tabs-pane').not('.active').length).liquidHover3d();
});
"use strict";

;

(function ($, window, document, undefined) {
  'use strict';

  const pluginName = 'liquidMap';
  let defaults = {
    address: '7420 Shore Rd, Brooklyn, NY 11209, USA',
    marker: 'assets/img/map-marker/marker-1.svg',
    style: 'wy',
    markers: null,
    className: 'map_marker',
    marker_option: 'image' // options: "image","html"

  };

  function Plugin(element, options) {
    this.element = element;
    this.options = $.extend({}, defaults, options);
    this._defaults = defaults;
    this._name = pluginName;
    this.init(element, this.options);
  }

  function CustomMarker(latlng, map, className) {
    this.latlng_ = latlng;
    this.className = className; // Once the LatLng and text are set, add the overlay to the map.  This will
    // trigger a call to panes_changed which should in turn call draw.

    this.setMap(map);
  }

  if (typeof google !== typeof undefined && typeof google.maps !== typeof undefined) {
    CustomMarker.prototype = new google.maps.OverlayView();

    CustomMarker.prototype.draw = function () {
      var me = this; // Check if the div has been created.

      var div = this.div_,
          divChild,
          divChild2;

      if (!div) {
        // Create a overlay text DIV
        div = this.div_ = document.createElement('DIV');
        div.className = this.className;
        divChild = document.createElement("div");
        div.appendChild(divChild);
        divChild2 = document.createElement("div");
        div.appendChild(divChild2);
        google.maps.event.addDomListener(div, "click", function (event) {
          google.maps.event.trigger(me, "click");
        }); // Then add the overlay to the DOM

        var panes = this.getPanes();
        panes.overlayImage.appendChild(div);
      } // Position the overlay


      var point = this.getProjection().fromLatLngToDivPixel(this.latlng_);

      if (point) {
        div.style.left = point.x + 'px';
        div.style.top = point.y + 'px';
      }
    };

    CustomMarker.prototype.remove = function () {
      // Check if the overlay was on the map and needs to be removed.
      if (this.div_) {
        this.div_.parentNode.removeChild(this.div_);
        this.div_ = null;
      }
    };

    CustomMarker.prototype.getPosition = function () {
      return this.latlng_;
    };
  }

  Plugin.prototype = {
    init: function init(element, options) {
      this.options = $.extend(true, {}, {
        map: {
          zoom: 16,
          mapTypeId: google.maps.MapTypeId.ROADMAP,
          panControl: false,
          zoomControl: true,
          mapTypeControl: false,
          streetViewControl: false,
          scrollwheel: false
        }
      }, options);
      this.build();
      this.adjustHeight();
      return this;
    },
    styles: {
      "wy": [{
        "featureType": "all",
        "elementType": "geometry.fill",
        "stylers": [{
          "weight": "2.00"
        }]
      }, {
        "featureType": "all",
        "elementType": "geometry.stroke",
        "stylers": [{
          "color": "#9c9c9c"
        }]
      }, {
        "featureType": "all",
        "elementType": "labels.text",
        "stylers": [{
          "visibility": "on"
        }]
      }, {
        "featureType": "landscape",
        "elementType": "all",
        "stylers": [{
          "color": "#f2f2f2"
        }]
      }, {
        "featureType": "landscape",
        "elementType": "geometry.fill",
        "stylers": [{
          "color": "#ffffff"
        }]
      }, {
        "featureType": "landscape.man_made",
        "elementType": "geometry.fill",
        "stylers": [{
          "color": "#ffffff"
        }]
      }, {
        "featureType": "poi",
        "elementType": "all",
        "stylers": [{
          "visibility": "off"
        }]
      }, {
        "featureType": "road",
        "elementType": "all",
        "stylers": [{
          "saturation": -100
        }, {
          "lightness": 45
        }]
      }, {
        "featureType": "road",
        "elementType": "geometry.fill",
        "stylers": [{
          "color": "#eeeeee"
        }]
      }, {
        "featureType": "road",
        "elementType": "labels.text.fill",
        "stylers": [{
          "color": "#7b7b7b"
        }]
      }, {
        "featureType": "road",
        "elementType": "labels.text.stroke",
        "stylers": [{
          "color": "#ffffff"
        }]
      }, {
        "featureType": "road.highway",
        "elementType": "all",
        "stylers": [{
          "visibility": "simplified"
        }]
      }, {
        "featureType": "road.arterial",
        "elementType": "labels.icon",
        "stylers": [{
          "visibility": "off"
        }]
      }, {
        "featureType": "transit",
        "elementType": "all",
        "stylers": [{
          "visibility": "off"
        }]
      }, {
        "featureType": "water",
        "elementType": "all",
        "stylers": [{
          "color": "#46bcec"
        }, {
          "visibility": "on"
        }]
      }, {
        "featureType": "water",
        "elementType": "geometry.fill",
        "stylers": [{
          "color": "#c8d7d4"
        }]
      }, {
        "featureType": "water",
        "elementType": "labels.text.fill",
        "stylers": [{
          "color": "#070707"
        }]
      }, {
        "featureType": "water",
        "elementType": "labels.text.stroke",
        "stylers": [{
          "color": "#ffffff"
        }]
      }],
      "blueEssence": [{
        "featureType": "landscape.natural",
        "elementType": "geometry.fill",
        "stylers": [{
          "visibility": "on"
        }, {
          "color": "#e0efef"
        }]
      }, {
        "featureType": "poi",
        "elementType": "geometry.fill",
        "stylers": [{
          "visibility": "on"
        }, {
          "hue": "#1900ff"
        }, {
          "color": "#c0e8e8"
        }]
      }, {
        "featureType": "road",
        "elementType": "geometry",
        "stylers": [{
          "lightness": 100
        }, {
          "visibility": "simplified"
        }]
      }, {
        "featureType": "road",
        "elementType": "labels",
        "stylers": [{
          "visibility": "off"
        }]
      }, {
        "featureType": "transit.line",
        "elementType": "geometry",
        "stylers": [{
          "visibility": "on"
        }, {
          "lightness": 700
        }]
      }, {
        "featureType": "water",
        "elementType": "all",
        "stylers": [{
          "color": "#7dcdcd"
        }]
      }],
      "lightMonochrome": [{
        "featureType": "administrative.locality",
        "elementType": "all",
        "stylers": [{
          "hue": "#2c2e33"
        }, {
          "saturation": 7
        }, {
          "lightness": 19
        }, {
          "visibility": "on"
        }]
      }, {
        "featureType": "landscape",
        "elementType": "all",
        "stylers": [{
          "hue": "#ffffff"
        }, {
          "saturation": -100
        }, {
          "lightness": 100
        }, {
          "visibility": "simplified"
        }]
      }, {
        "featureType": "poi",
        "elementType": "all",
        "stylers": [{
          "hue": "#ffffff"
        }, {
          "saturation": -100
        }, {
          "lightness": 100
        }, {
          "visibility": "off"
        }]
      }, {
        "featureType": "road",
        "elementType": "geometry",
        "stylers": [{
          "hue": "#bbc0c4"
        }, {
          "saturation": -93
        }, {
          "lightness": 31
        }, {
          "visibility": "simplified"
        }]
      }, {
        "featureType": "road",
        "elementType": "labels",
        "stylers": [{
          "hue": "#bbc0c4"
        }, {
          "saturation": -93
        }, {
          "lightness": 31
        }, {
          "visibility": "on"
        }]
      }, {
        "featureType": "road.arterial",
        "elementType": "labels",
        "stylers": [{
          "hue": "#bbc0c4"
        }, {
          "saturation": -93
        }, {
          "lightness": -2
        }, {
          "visibility": "simplified"
        }]
      }, {
        "featureType": "road.local",
        "elementType": "geometry",
        "stylers": [{
          "hue": "#e9ebed"
        }, {
          "saturation": -90
        }, {
          "lightness": -8
        }, {
          "visibility": "simplified"
        }]
      }, {
        "featureType": "transit",
        "elementType": "all",
        "stylers": [{
          "hue": "#e9ebed"
        }, {
          "saturation": 10
        }, {
          "lightness": 69
        }, {
          "visibility": "on"
        }]
      }, {
        "featureType": "water",
        "elementType": "all",
        "stylers": [{
          "hue": "#e9ebed"
        }, {
          "saturation": -78
        }, {
          "lightness": 67
        }, {
          "visibility": "simplified"
        }]
      }],
      "assassinsCreedIV": [{
        "featureType": "all",
        "elementType": "all",
        "stylers": [{
          "visibility": "on"
        }]
      }, {
        "featureType": "all",
        "elementType": "labels",
        "stylers": [{
          "visibility": "off"
        }, {
          "saturation": "-100"
        }]
      }, {
        "featureType": "all",
        "elementType": "labels.text.fill",
        "stylers": [{
          "saturation": 36
        }, {
          "color": "#000000"
        }, {
          "lightness": 40
        }, {
          "visibility": "off"
        }]
      }, {
        "featureType": "all",
        "elementType": "labels.text.stroke",
        "stylers": [{
          "visibility": "off"
        }, {
          "color": "#000000"
        }, {
          "lightness": 16
        }]
      }, {
        "featureType": "all",
        "elementType": "labels.icon",
        "stylers": [{
          "visibility": "off"
        }]
      }, {
        "featureType": "administrative",
        "elementType": "geometry.fill",
        "stylers": [{
          "color": "#000000"
        }, {
          "lightness": 20
        }]
      }, {
        "featureType": "administrative",
        "elementType": "geometry.stroke",
        "stylers": [{
          "color": "#000000"
        }, {
          "lightness": 17
        }, {
          "weight": 1.2
        }]
      }, {
        "featureType": "landscape",
        "elementType": "geometry",
        "stylers": [{
          "color": "#000000"
        }, {
          "lightness": 20
        }]
      }, {
        "featureType": "landscape",
        "elementType": "geometry.fill",
        "stylers": [{
          "color": "#4d6059"
        }]
      }, {
        "featureType": "landscape",
        "elementType": "geometry.stroke",
        "stylers": [{
          "color": "#4d6059"
        }]
      }, {
        "featureType": "landscape.natural",
        "elementType": "geometry.fill",
        "stylers": [{
          "color": "#4d6059"
        }]
      }, {
        "featureType": "poi",
        "elementType": "geometry",
        "stylers": [{
          "lightness": 21
        }]
      }, {
        "featureType": "poi",
        "elementType": "geometry.fill",
        "stylers": [{
          "color": "#4d6059"
        }]
      }, {
        "featureType": "poi",
        "elementType": "geometry.stroke",
        "stylers": [{
          "color": "#4d6059"
        }]
      }, {
        "featureType": "road",
        "elementType": "geometry",
        "stylers": [{
          "visibility": "on"
        }, {
          "color": "#7f8d89"
        }]
      }, {
        "featureType": "road",
        "elementType": "geometry.fill",
        "stylers": [{
          "color": "#7f8d89"
        }]
      }, {
        "featureType": "road.highway",
        "elementType": "geometry.fill",
        "stylers": [{
          "color": "#7f8d89"
        }, {
          "lightness": 17
        }]
      }, {
        "featureType": "road.highway",
        "elementType": "geometry.stroke",
        "stylers": [{
          "color": "#7f8d89"
        }, {
          "lightness": 29
        }, {
          "weight": 0.2
        }]
      }, {
        "featureType": "road.arterial",
        "elementType": "geometry",
        "stylers": [{
          "color": "#000000"
        }, {
          "lightness": 18
        }]
      }, {
        "featureType": "road.arterial",
        "elementType": "geometry.fill",
        "stylers": [{
          "color": "#7f8d89"
        }]
      }, {
        "featureType": "road.arterial",
        "elementType": "geometry.stroke",
        "stylers": [{
          "color": "#7f8d89"
        }]
      }, {
        "featureType": "road.local",
        "elementType": "geometry",
        "stylers": [{
          "color": "#000000"
        }, {
          "lightness": 16
        }]
      }, {
        "featureType": "road.local",
        "elementType": "geometry.fill",
        "stylers": [{
          "color": "#7f8d89"
        }]
      }, {
        "featureType": "road.local",
        "elementType": "geometry.stroke",
        "stylers": [{
          "color": "#7f8d89"
        }]
      }, {
        "featureType": "transit",
        "elementType": "geometry",
        "stylers": [{
          "color": "#000000"
        }, {
          "lightness": 19
        }]
      }, {
        "featureType": "water",
        "elementType": "all",
        "stylers": [{
          "color": "#2b3638"
        }, {
          "visibility": "on"
        }]
      }, {
        "featureType": "water",
        "elementType": "geometry",
        "stylers": [{
          "color": "#2b3638"
        }, {
          "lightness": 17
        }]
      }, {
        "featureType": "water",
        "elementType": "geometry.fill",
        "stylers": [{
          "color": "#24282b"
        }]
      }, {
        "featureType": "water",
        "elementType": "geometry.stroke",
        "stylers": [{
          "color": "#24282b"
        }]
      }, {
        "featureType": "water",
        "elementType": "labels",
        "stylers": [{
          "visibility": "off"
        }]
      }, {
        "featureType": "water",
        "elementType": "labels.text",
        "stylers": [{
          "visibility": "off"
        }]
      }, {
        "featureType": "water",
        "elementType": "labels.text.fill",
        "stylers": [{
          "visibility": "off"
        }]
      }, {
        "featureType": "water",
        "elementType": "labels.text.stroke",
        "stylers": [{
          "visibility": "off"
        }]
      }, {
        "featureType": "water",
        "elementType": "labels.icon",
        "stylers": [{
          "visibility": "off"
        }]
      }],
      "unsaturatedBrowns": [{
        "elementType": "geometry",
        "stylers": [{
          "hue": "#ff4400"
        }, {
          "saturation": -68
        }, {
          "lightness": -4
        }, {
          "gamma": 0.72
        }]
      }, {
        "featureType": "road",
        "elementType": "labels.icon"
      }, {
        "featureType": "landscape.man_made",
        "elementType": "geometry",
        "stylers": [{
          "hue": "#0077ff"
        }, {
          "gamma": 3.1
        }]
      }, {
        "featureType": "water",
        "stylers": [{
          "hue": "#00ccff"
        }, {
          "gamma": 0.44
        }, {
          "saturation": -33
        }]
      }, {
        "featureType": "poi.park",
        "stylers": [{
          "hue": "#44ff00"
        }, {
          "saturation": -23
        }]
      }, {
        "featureType": "water",
        "elementType": "labels.text.fill",
        "stylers": [{
          "hue": "#007fff"
        }, {
          "gamma": 0.77
        }, {
          "saturation": 65
        }, {
          "lightness": 99
        }]
      }, {
        "featureType": "water",
        "elementType": "labels.text.stroke",
        "stylers": [{
          "gamma": 0.11
        }, {
          "weight": 5.6
        }, {
          "saturation": 99
        }, {
          "hue": "#0091ff"
        }, {
          "lightness": -86
        }]
      }, {
        "featureType": "transit.line",
        "elementType": "geometry",
        "stylers": [{
          "lightness": -48
        }, {
          "hue": "#ff5e00"
        }, {
          "gamma": 1.2
        }, {
          "saturation": -23
        }]
      }, {
        "featureType": "transit",
        "elementType": "labels.text.stroke",
        "stylers": [{
          "saturation": -64
        }, {
          "hue": "#ff9100"
        }, {
          "lightness": 16
        }, {
          "gamma": 0.47
        }, {
          "weight": 2.7
        }]
      }],
      "classic": [{
        "featureType": "administrative.country",
        "elementType": "geometry",
        "stylers": [{
          "visibility": "simplified"
        }, {
          "hue": "#ff0000"
        }]
      }]
    },
    build: function build() {
      var opts = this.options,
          self = this,
          container = $(this.element),
          mapOpts = opts.map; // inizialize the map

      mapOpts.styles = this.styles[opts.style];
      var map = new google.maps.Map(container.get(0), mapOpts);
      map.zoom = this.options.map.zoom || 16;
      var geocoder = new google.maps.Geocoder();
      geocoder.geocode({
        "address": opts.address
      }, function (results, status) {
        if (status == google.maps.GeocoderStatus.OK) {
          var result = results[0].geometry.location,
              latitude = results[0].geometry.location.lat(),
              longitude = results[0].geometry.location.lng(),
              marker;

          if (self.options.marker_option == 'html') {
            $(container).addClass('marker-html');
          }

          if (self.options.markers == null) {
            if (self.options.marker_option == 'image') {
              marker = new google.maps.Marker({
                position: result,
                map: map,
                visible: true,
                icon: opts.marker,
                zIndex: 9999999
              });
            } else {
              marker = new CustomMarker(result, map, self.options.className);
            }
          } else {
            for (var i = 0; i < self.options.markers.length; i++) {
              if (self.options.marker_option == 'image') {
                marker = new google.maps.Marker({
                  position: new google.maps.LatLng(self.options.markers[i][0], self.options.markers[i][1]),
                  map: map,
                  visible: true,
                  icon: opts.marker,
                  zIndex: 9999999
                });
              } else {
                marker = new CustomMarker(new google.maps.LatLng(self.options.markers[i][0], self.options.markers[i][1]), map, self.options.className);
              }
            }
          } //center map on location


          map.setCenter(new google.maps.LatLng(latitude, longitude));
          $('.lightbox-link[data-type=inline]').on('mfpOpen', function (e) {
            setTimeout(function () {
              map.setCenter(new google.maps.LatLng(latitude, longitude));
            }, 500);
          });
          $(document).on('shown.bs.tab', 'a[data-toggle="tab"]', function (e) {
            setTimeout(function () {
              map.setCenter(new google.maps.LatLng(latitude, longitude));
            }, 500);
          });
        }
      });
      $(document).on('shown.bs.tab', 'a[data-toggle="tab"]', function (e) {
        setTimeout(function () {
          google.maps.event.trigger(map, 'resize');
        }, 500);
      });
      return this;
    },

    adjustHeight() {
      const $element = $(this.element);
      const $parent = $element.parent('.ld-gmap-container');
      const $vcRowParent = $parent.parents('.vc_row').last();

      if (!$parent.siblings().length && $vcRowParent.hasClass('vc_row-o-equal-height')) {
        $parent.height($parent.parent().outerHeight());
      }
    }

  };

  $.fn[pluginName] = function (options) {
    return this.each(function () {
      const pluginOptions = $(this).data('plugin-options') || options;

      if (!$.data(this, "plugin_" + pluginName)) {
        $.data(this, "plugin_" + pluginName, new Plugin(this, pluginOptions));
      }
    });
  };
})(jQuery, window, document);

jQuery(document).ready(function ($) {
  if (typeof google !== typeof undefined && google !== null) {
    $('[data-plugin-map]').liquidMap();
  }
});
"use strict";

/**
 * http://www.codrops.com
 *
 * Licensed under the MIT license.
 * http://www.opensource.org/licenses/mit-license.php
 * 
 * Copyright 2017, Codrops
 * http://www.codrops.com
 */
;

(function ($, window, document, undefined) {
  'use strict';

  const pluginName = 'liquidDynamicShape';
  let defaults = {};

  function Plugin(element, options) {
    this.element = element;
    this.options = $.extend({}, defaults, options);
    this._defaults = defaults;
    this._name = pluginName;
    this.init();
  }

  Plugin.prototype = {
    init() {
      this.DOM = {};
      this.DOM.el = this.element;
      this.DOM.pathEl = this.DOM.el.querySelector('path');
      this.paths = this.DOM.pathEl.getAttribute('pathdata:id').split(';');
      this.paths.splice(this.paths.length, 0, this.DOM.pathEl.getAttribute('d'));
      this.win = {
        width: window.innerWidth,
        height: window.innerHeight
      };
      this.animate();
      this.initEvents();
    },

    lineEq(y2, y1, x2, x1, currentVal) {
      // y = mx + b
      const m = (y2 - y1) / (x2 - x1);
      const b = y1 - m * x1;
      return m * currentVal + b;
    },

    getMousePos(e) {
      let posx = 0;
      let posy = 0;

      if (!e) {
        let e = window.event;
      }

      ;

      if (e.pageX || e.pageY) {
        posx = e.pageX;
        posy = e.pageY;
      } else if (e.clientX || e.clientY) {
        posx = e.clientX + document.body.scrollLeft + document.documentElement.scrollLeft;
        posy = e.clientY + document.body.scrollTop + document.documentElement.scrollTop;
      }

      return {
        x: posx,
        y: posy
      };
    },

    animate() {
      anime.remove(this.DOM.pathEl);
      anime({
        targets: this.DOM.pathEl,
        duration: 10000,
        easing: 'cubicBezier(0.5, 0, 0.5, 1)',
        d: this.paths,
        loop: true
      });
    },

    initEvents() {
      // Mousemove event / Tilt functionality.
      const tilt = {
        tx: this.win.width / 8,
        ty: this.win.height / 4,
        rz: 45,
        sx: [0.8, 2],
        sy: [0.8, 2]
      }; // Window resize.

      const onResizeFn = liquidDebounce(() => this.win = {
        width: window.innerWidth,
        height: window.innerHeight
      }, 20);
      window.addEventListener('resize', ev => onResizeFn.bind(this));
    }

  };

  $.fn[pluginName] = function (options) {
    return this.each(function () {
      const pluginOptions = $(this).data('mi-options') || options;

      if (!$.data(this, "plugin_" + pluginName)) {
        $.data(this, "plugin_" + pluginName, new Plugin(this, pluginOptions));
      }
    });
  };
})(jQuery, window, document);

jQuery(document).ready(function ($) {
  $('[data-dynamic-shape]').filter((i, element) => {
    const $element = $(element);
    const $fullpageSection = $element.closest('.vc_row.pp-section');
    return !$fullpageSection.length;
  }).liquidDynamicShape();
});
"use strict";

;

(function ($, window, document, undefined) {
  'use strict';

  const pluginName = 'liquidBlurImage';
  let defaults = {
    imgSrc: 'backgroundImage',
    // 'backgroundImage', 'imgSrc'
    radius: 10,
    duration: 200,
    handlerElement: 'self',
    handlerRel: null,
    blurHandlerOn: 'static',
    blurHandlerOff: null
  };

  class Plugin {
    constructor(element, options) {
      this.element = element;
      this.$element = $(element);
      this.options = $.extend({}, defaults, options);
      this._defaults = defaults;
      this._name = pluginName;
      this.currentBlurVal = 0;
      this.sourceImage = null;
      this.targetCanvas = null;
      this.init();
    }

    init() {
      this.onImageLoad();
    }

    onImageLoad() {
      const imgLoad = imagesLoaded(this.element, {
        background: true
      });
      imgLoad.on('done', () => {
        this.initMarkup();
        this.options.blurHandlerOn === 'static' && this.initBlur();
        this.eventHandlers();
      });
    }

    getImageSource() {
      const element = $(this.element);
      const options = this.options;
      return options.imgSrc == 'backgroundImage' ? element.css('backgroundImage').slice(4, -1).replace(/"/g, "") : element.children('img').attr('src');
    }

    createImage() {
      const imageID = "lqd-blur-img-".concat(Math.floor(Math.random() * 1000000));
      const img = $("<img class=\"blur-main-image invisible\" id=\"".concat(imageID, "\" alt=\"Blur Image\" />"));
      img.attr('src', this.getImageSource());
      return img;
    }

    createContainer() {
      const container = $('<div class="blur-image-container" />');
      const inner = $('<div class="blur-image-inner" />');
      return container.append(inner);
    }

    createCanvas() {
      const canvasID = "lqd-blur-canvas-".concat(Math.floor(Math.random() * 1000000));
      const canvas = $("<canvas class=\"blur-image-canvas\" id=\"blur-image-canvas-".concat(canvasID, "\" />"));
      return canvas;
    }

    initMarkup() {
      const img = this.createImage();
      const blurImgContainer = this.createContainer();
      const inner = blurImgContainer.find('.blur-image-inner');
      const canvas = this.createCanvas();
      inner.append(img).append(canvas);
      blurImgContainer.prependTo(this.element);
      this.sourceImage = img;
      this.targetCanvas = canvas;
    }

    initBlur(radius) {
      const imageID = this.sourceImage.attr('id');
      const canvasID = this.targetCanvas.attr('id');
      const blurRadius = radius || this.options.radius;
      stackBlurImage(imageID, canvasID, blurRadius, false);
    }

    eventHandlers() {
      const {
        options
      } = this;
      const handlerElement = options.handlerElement == 'self' ? this.$element : options.handlerElement;
      const handlerRel = options.handlerRel;
      const onHandler = options.blurHandlerOn;
      const offHandler = options.blurHandlerOff;

      if (onHandler != 'static' && handlerRel != null) {
        this.$element[handlerRel](handlerElement).on(onHandler, this.onHandler.bind(this));
      }

      if (offHandler != null && handlerRel != null) {
        this.$element[handlerRel](handlerElement).on(offHandler, this.offHandler.bind(this));
      }
    }

    onHandler() {
      this.blurImage();
    }

    blurImage() {
      const radius = {
        radius: this.currentBlurVal
      };
      const blurRadius = this.options.radius;
      const imageID = this.sourceImage.attr('id');
      const canvasID = this.targetCanvas.attr('id');
      anime.remove(radius);
      anime({
        targets: radius,
        radius: blurRadius,
        easing: 'linear',
        duration: this.options.duration,
        round: 1,
        update: e => {
          this.currentBlurVal = e.animatables[0].target.radius;
          stackBlurImage(imageID, canvasID, e.animatables[0].target.radius, false);
        }
      });
    }

    offHandler() {
      this.unblurImage();
    }

    unblurImage() {
      const radius = {
        radius: this.currentBlurVal
      };
      const imageID = this.sourceImage.attr('id');
      const canvasID = this.targetCanvas.attr('id');
      anime.remove(radius);
      anime({
        targets: radius,
        radius: 0,
        easing: 'linear',
        duration: this.options.duration,
        round: 1,
        update: e => {
          this.currentBlurVal = e.animatables[0].target.radius;
          stackBlurImage(imageID, canvasID, e.animatables[0].target.radius, false);
        }
      });
    }

  }

  $.fn[pluginName] = function (options) {
    return this.each(function () {
      const pluginOptions = $(this).data('blur-options') || options;

      if (!$.data(this, "plugin_" + pluginName)) {
        $.data(this, "plugin_" + pluginName, new Plugin(this, pluginOptions));
      }
    });
  };
})(jQuery, window, document);

jQuery(document).ready(function ($) {
  $('[data-liquid-blur=true]').filter((i, el) => !$(el).is('[data-responsive-bg]')).liquidBlurImage();
});
"use strict";

;

(function ($, window, document, undefined) {
  'use strict';

  const pluginName = 'liquidIconboxCircle';
  let defaults = {
    startAngle: 45,
    itemSelector: '.one-ib-circ-icn',
    contentsContainer: '.one-ib-circ-inner'
  };

  class Plugin {
    constructor(element, options) {
      this.element = element;
      this.options = $.extend({}, defaults, options);
      this._defaults = defaults;
      this._name = pluginName;
      this.$parent = $(this.options.contentsContainer);
      this.$items = $(this.options.itemSelector, this.element);
      this.anglesArray = [this.options.startAngle];
      this.init();
    }

    init() {
      this.addAngles(this.$items);
      this.setTransformOrigin();
      this.setIntersectionObserver();
      this.windowResize();
    }

    getItemsArray() {
      const $items = this.$items;
      const itemsLength = $items.length;
      const itemsArray = [];

      for (let i = 0; i < itemsLength; i++) {
        itemsArray.push($items[i]);
      }

      return itemsArray;
    }

    getElementDimension($element) {
      return {
        width: $element.width(),
        height: $element.height()
      };
    }

    addAngles($elements) {
      const elementsLength = $elements.length;
      $elements.each(i => {
        this.anglesArray.push(360 / elementsLength + this.anglesArray[i]);
      });
    }

    setTransformOrigin() {
      const parentDimensions = this.getElementDimension(this.$parent);
      this.$items.each((i, element) => {
        const $element = $(element);
        $element.css({
          transformOrigin: ''
        });
        $element.css({
          transformOrigin: "".concat(parentDimensions.width / 2, "px ").concat(parentDimensions.height / 2, "px")
        });
        $element.children().css({
          transform: "rotate(".concat(this.anglesArray[i] * -1, "deg)")
        });
      });
    }

    setIntersectionObserver() {
      new IntersectionObserver((enteries, observer) => {
        enteries.forEach(entery => {
          if (entery.isIntersecting) {
            this.animateIcons();
            observer.unobserve(entery.target);
          }
        });
      }, {
        threshold: 0.25
      }).observe(this.element);
    }

    animateIcons() {
      const icons = this.getItemsArray();
      anime({
        targets: icons,
        opacity: {
          value: 1,
          duration: 200,
          easing: 'linear',
          delay: (el, i) => {
            return i * 220;
          }
        },
        duration: 850,
        easing: 'easeOutQuint',
        rotate: (el, i) => {
          return this.anglesArray[i];
        },
        delay: (el, i) => {
          return i * 150;
        }
      });
    }

    windowResize() {
      $(window).on('resize', this.setTransformOrigin.bind(this));
    }

  }

  $.fn[pluginName] = function (options) {
    return this.each(function () {
      const pluginOptions = $(this).data('plugin-options') || options;

      if (!$.data(this, "plugin_" + pluginName)) {
        $.data(this, "plugin_" + pluginName, new Plugin(this, pluginOptions));
      }
    });
  };
})(jQuery, window, document);

jQuery(document).ready(function ($) {
  $('[data-spread-incircle]').liquidIconboxCircle();
});
"use strict";

;

(function ($, window, document, undefined) {
  'use strict';

  const pluginName = 'liquidTextRotator';
  let defaults = {
    delay: 2000,
    activeKeyword: 0,
    duration: 800,
    easing: 'easeInOutCirc'
  };

  class Plugin {
    constructor(element, options) {
      this.element = element;
      this.$element = $(element);
      this.options = $.extend({}, defaults, options);
      this._defaults = defaults;
      this._name = pluginName;
      this.$keywordsContainer = $('.txt-rotate-keywords', this.element);
      this.$keywords = $('.keyword', this.$keywordsContainer);
      this.keywordsLength = this.$keywords.length;
      this.$activeKeyword = this.$keywords.eq(this.options.activeKeyword);
      this.isFirstItterate = true;
      this.init();
    }

    init() {
      this.setContainerWidth(this.$activeKeyword);
      this.setIntersectionObserver();
      this.$element.addClass('text-rotator-activated');
    }

    getNextKeyword() {
      return this.$activeKeyword.next().length ? this.$activeKeyword.next() : this.$keywords.eq(0);
    }

    setContainerWidth($keyword) {
      this.$keywordsContainer.addClass('is-changing ws-nowrap');
      const keywordContainer = this.$keywordsContainer.get(0);
      anime.remove(keywordContainer);
      anime({
        targets: keywordContainer,
        width: $keyword.outerWidth() + 1,
        duration: this.options.duration / 1.25,
        easing: this.options.easing
      });
    }

    setActiveKeyword($keyword) {
      this.$activeKeyword = $keyword;
      $keyword.addClass('active').siblings().removeClass('active');
    }

    slideInNextKeyword() {
      const $nextKeyword = this.getNextKeyword();
      this.$activeKeyword.addClass('will-change');
      anime.remove($nextKeyword.get(0));
      anime({
        targets: $nextKeyword.get(0),
        translateY: () => !liquidIsMobile() && ['65%', '0%'],
        // translateZ: [-120, 0],
        rotateX: () => !liquidIsMobile() && [-95, -1],
        opacity: [0, 1],
        duration: this.options.duration,
        easing: this.options.easing,
        delay: this.isFirstItterate ? this.options.delay / 2 : this.options.delay,
        changeBegin: () => {
          this.isFirstItterate = false;
          this.setContainerWidth($nextKeyword);
          this.slideOutAciveKeyword();
        },
        complete: () => {
          this.$keywordsContainer.removeClass('is-changing ws-nowrap');
          this.setActiveKeyword($nextKeyword);
          this.$keywords.removeClass('is-next will-change');
          this.getNextKeyword().addClass('is-next will-change');
        }
      });
    }

    slideOutAciveKeyword() {
      const activeKeyword = this.$activeKeyword.get(0);
      anime.remove(activeKeyword);
      anime({
        targets: activeKeyword,
        translateY: () => !liquidIsMobile() && ['0%', '-65%'],
        // translateZ: [0, -120],
        rotateX: () => !liquidIsMobile() && [1, 95],
        opacity: [1, 0],
        duration: this.options.duration,
        easing: this.options.easing,
        complete: () => {
          this.slideInNextKeyword();
        }
      });
    }

    initAnimations() {
      this.slideInNextKeyword();
    }

    setIntersectionObserver() {
      const inViewCallback = (enteries, observer) => {
        enteries.forEach(entery => {
          if (entery.isIntersecting) {
            this.initAnimations();
            observer.unobserve(entery.target);
          }
        });
      };

      const observer = new IntersectionObserver(inViewCallback);
      observer.observe(this.element);
    }

  }

  $.fn[pluginName] = function (options) {
    return this.each(function () {
      const pluginOptions = $(this).data('plugin-options') || options;

      if (!$.data(this, "plugin_" + pluginName)) {
        $.data(this, "plugin_" + pluginName, new Plugin(this, pluginOptions));
      }
    });
  };
})(jQuery, window, document);

jQuery(document).ready(function ($) {
  $('[data-text-rotator]').filter((i, element) => {
    return !$(element).parents('[data-custom-animations]').length && !$(element).is('[data-custom-animations]') && !$(element).is('[data-split-text]');
  }).liquidTextRotator();
});
"use strict";

;

(function ($, window, document, undefined) {
  'use strict';

  const pluginName = 'liquidCountdown';
  let defaults = {
    daysLabel: "Days",
    hoursLabel: "Hours",
    minutesLabel: "Minutes",
    secondsLabel: "Seconds",
    timezone: null
  };

  class Plugin {
    constructor(element, options) {
      this.element = element;
      this.$element = $(element);
      this.options = $.extend({}, defaults, options);
      this._defaults = defaults;
      this._name = pluginName;
      this.init();
    }

    init() {
      const {
        options
      } = this;
      const {
        until,
        timezone
      } = options;
      this.$element.countdown({
        until: new Date(until.replace(/-/g, "/")),
        padZeroes: true,
        timezone,
        // Have to specify the layout due to errors on mobile devices
        layout: '<span class="countdown-row">' + '<span class="countdown-section">' + '<span class="countdown-amount">{dn}</span>' + '<span class="countdown-period">' + options.daysLabel + '</span>' + '</span>' + '<span class="countdown-sep">:</span>' + '<span class="countdown-section">' + '<span class="countdown-amount">{hn}</span>' + '<span class="countdown-period">' + options.hoursLabel + '</span>' + '</span>' + '<span class="countdown-sep">:</span>' + '<span class="countdown-section">' + '<span class="countdown-amount">{mn}</span>' + '<span class="countdown-period">' + options.minutesLabel + '</span>' + '</span>' + '<span class="countdown-sep">:</span>' + '<span class="countdown-section">' + '<span class="countdown-amount">{sn}</span>' + '<span class="countdown-period">' + options.secondsLabel + '</span>' + '</span>' + '</span>'
      });
      return this;
    }

  }

  $.fn[pluginName] = function (options) {
    return this.each(function () {
      const pluginOptions = $(this).data('countdown-options') || options;

      if (!$.data(this, "plugin_" + pluginName)) {
        $.data(this, "plugin_" + pluginName, new Plugin(this, pluginOptions));
      }
    });
  };
})(jQuery, window, document);

jQuery(document).ready(function ($) {
  $('[data-plugin-countdown=true]').liquidCountdown();
});
"use strict";

;

(function ($, window, document, undefined) {
  'use strict';

  const pluginName = 'liquidAjaxLoadMore';
  let defaults = {
    trigger: "inview" // "inview", "click"

  };

  class Plugin {
    constructor(element, options) {
      this.element = element;
      this.$element = $(element);
      this.options = $.extend({}, defaults, options);
      this._defaults = defaults;
      this._name = pluginName;
      this.observer = null;
      this.init();
    }

    init() {
      const {
        trigger
      } = this.options;
      trigger == 'inview' && this.setupIntersectionObserver();
      trigger == 'click' && this.onClick();
    }

    onClick() {
      this.$element.on('click', this.loadItems.bind(this));
    }

    setupIntersectionObserver() {
      ;
      this.observer = new IntersectionObserver(enteries => {
        enteries.forEach(entery => {
          if (entery.isIntersecting) {
            this.loadItems();
          }
        });
      }, {
        threshold: [1]
      });
      this.observer.observe(this.element);
    }

    loadItems(event) {
      event && event.preventDefault();
      const self = this;
      const options = self.options;
      const target = self.$element.attr('href'); // Loading State

      self.$element.addClass('items-loading'); // Load Items

      $.ajax({
        type: 'GET',
        url: target,
        error: function error(MLHttpRequest, textStatus, errorThrown) {
          alert(errorThrown);
        },
        success: function success(data) {
          const $data = $(data);
          const $newItemsWrapper = $data.find(options.wrapper);
          const $newItems = $newItemsWrapper.find(options.items);
          const $wrapper = $(options.wrapper);
          const nextPageUrl = $data.find('[data-ajaxify=true]').attr('href');

          if (nextPageUrl && target != nextPageUrl && $newItems.length) {
            self.$element.attr('href', nextPageUrl);
            $newItems.imagesLoaded(function () {
              $newItems.appendTo($wrapper);
              $wrapper.get(0).hasAttribute('data-liquid-masonry') && $wrapper.isotope('appended', $newItems);
              self.onSuccess($wrapper);
            });
          } else {
            self.observer && self.observer.unobserve(self.element);
            self.$element.removeClass('items-loading').addClass('all-items-loaded');
          }
        }
      });
    }

    onSuccess($wrapper) {
      if (!$('body').hasClass('lazyload-enabled')) {
        $('[data-responsive-bg=true]', $wrapper).liquidResponsiveBG();
      }

      if ($('body').hasClass('lazyload-enabled')) {
        window.liquidLazyload = new LazyLoad({
          elements_selector: '.ld-lazyload',
          callback_loaded: e => {
            $(e).closest('[data-responsive-bg=true]').liquidResponsiveBG();
            $(e).parent().not('#wrap, #content').addClass('loaded');
          }
        });
      }

      $('[data-split-text]', $wrapper).filter((i, element) => !$(element).parents('[data-custom-animations]').length && !element.hasAttribute('data-custom-animations')).liquidSplitText();
      $('[data-fittext]', $wrapper).liquidFitText();
      $('[data-custom-animations]', $wrapper).map((i, element) => {
        const $element = $(element);
        const $customAnimationParent = $element.parents('.wpb_wrapper[data-custom-animations]');

        if ($customAnimationParent.length) {
          $element.removeAttr('data-custom-animations');
          $element.removeAttr('data-ca-options');
        }
      });
      $('[data-custom-animations]', $wrapper).filter((i, element) => {
        const $element = $(element);
        const $rowBgparent = $element.closest('.vc_row[data-row-bg]');
        const $slideshowBgParent = $element.closest('.vc_row[data-slideshow-bg]');
        return !$rowBgparent.length && !$slideshowBgParent.length;
      }).liquidCustomAnimations();
      $('[data-lqd-flickity]', $wrapper).liquidCarousel();
      $('[data-parallax]', $wrapper).liquidParallax();
      $('[data-hover3d=true]', $wrapper).liquidHover3d();
      this.$element.removeClass('items-loading');
    }

  }

  $.fn[pluginName] = function (options) {
    return this.each(function () {
      const pluginOptions = $(this).data('ajaxify-options') || options;

      if (!$.data(this, "plugin_" + pluginName)) {
        $.data(this, "plugin_" + pluginName, new Plugin(this, pluginOptions));
      }
    });
  };
})(jQuery, window, document);

jQuery(document).ready(function ($) {
  if ($('body').hasClass('compose-mode')) return false;
  $('[data-ajaxify=true]').liquidAjaxLoadMore();
});
"use strict";

;

(function ($, window, document, undefined) {
  'use strict';

  const pluginName = 'liquidStickyFooter';
  let defaults = {};

  class Plugin {
    constructor(element, options) {
      this.element = element;
      this.$element = $(element);
      this.$window = $(window);
      this.$contentsContainer = $('main#content');
      this.options = $.extend({}, defaults, options);
      this._defaults = defaults;
      this._name = pluginName;
      this.$element.outerHeight() < this.$contentsContainer.outerHeight() && this.init();
    }

    init() {
      this.$element.imagesLoaded(() => {
        this._addWrapper();

        this._addSentinel();

        this._setupSentinelIO();

        this._setupFooterIO();

        this._handleResize();
      });
    }

    _addWrapper() {
      this.$element.wrap('<div class="lqd-sticky-footer-wrap" />');
    }

    _addSentinel() {
      const sentinel = $('<div class="lqd-sticky-footer-sentinel" />');
      this.$sentinel = sentinel.insertBefore(this.element);
    }

    _getFooterHeight() {
      return this.$element.outerHeight();
    }

    _setupSentinelIO() {
      const inViewCallback = enteries => {
        enteries.forEach(entery => {
          if (entery.isIntersecting) {
            this.$element.addClass('is-inview');
            this.$window.addClass('footer-is-inview');
          } else {
            this.$element.removeClass('is-inview');
            this.$window.removeClass('footer-is-inview');
          }
        });
      };

      const observer = new IntersectionObserver(inViewCallback, {
        rootMargin: '150px'
      });
      observer.observe(this.$sentinel.get(0));
    }

    _setupFooterIO() {
      let heightApplied = false;
      this.$element.siblings('.lqd-sticky-footer-sentinel').css('height', '').removeClass('height-applied');

      const inViewCallback = enteries => {
        enteries.forEach(entery => {
          const {
            rootBounds,
            boundingClientRect
          } = entery;

          if (!heightApplied && boundingClientRect.height < rootBounds.height) {
            heightApplied = true;
            this.$element.siblings('.lqd-sticky-footer-sentinel').css('height', boundingClientRect.height - 2).addClass('height-applied');
            this.$element.addClass('footer-stuck');
          }
        });
      };

      const observer = new IntersectionObserver(inViewCallback);
      observer.observe(this.element);
    }

    _handleResize() {
      this.$window.on('resize', this._onResize.bind(this));
    }

    _onResize() {
      this._setupFooterIO();
    }

  }

  $.fn[pluginName] = function (options) {
    return this.each(function () {
      const pluginOptions = $(this).data('sticky-footer-options') || options;

      if (!$.data(this, "plugin_" + pluginName)) {
        $.data(this, "plugin_" + pluginName, new Plugin(this, pluginOptions));
      }
    });
  };
})(jQuery, window, document);

jQuery(document).ready(function ($) {
  if ($('body').hasClass('header-style-side')) return false;
  $('[data-sticky-footer=true]').liquidStickyFooter();
});
"use strict";

function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }

function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }

function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }

;

(function ($, window, document, undefined) {
  'use strict';

  const pluginName = 'liquidVideoBg';
  let defaultInlineVideoOptions = {
    startVolume: false,
    controls: false,
    loop: true,
    muted: true,
    hideVideoControlsOnLoad: true,
    hideVideoControlsOnPause: true,
    clickToPlayPause: false,
    disableOnMobile: false
  };
  let defaultYoutubeOptions = {
    autoPlay: true,
    showControls: false,
    loop: true,
    mute: true,
    showYTLogo: false,
    stopMovieOnBlur: false,
    disableOnMobile: false
  };

  class Plugin {
    constructor(element, inlineVideoOptions, youtubeOptions) {
      this.element = element;
      this.$element = $(element);
      this.inlineVideoOptions = $.extend({}, defaultInlineVideoOptions, inlineVideoOptions);
      this.youtubeOptions = $.extend({}, defaultYoutubeOptions, youtubeOptions);
      this._name = pluginName;
      this.lqdVBG = null;
      this.lqdYTPlayer = null;
      this.init();
    }

    init() {
      const isMobile = liquidIsMobile();

      if (this.$element.is('video') && this.inlineVideoOptions.disableOnMobile && isMobile) {
        this.$element.closest('.lqd-vbg-wrap').addClass('hidden');
      } else if (this.$element.is('video')) {
        this.$element.removeClass('hidden');
        this.initInlineVideo();
      }

      if (!this.$element.is('video') && this.youtubeOptions.disableOnMobile && isMobile) {
        this.$element.closest('.lqd-vbg-wrap').addClass('hidden');
      } else if (!this.$element.is('video')) {
        this.initYoutubeVideo();
      }
    }

    initInlineVideo() {
      const $vBgWrap = this.$element.closest('.lqd-vbg-wrap');
      const elementToObserve = $vBgWrap.length ? $vBgWrap.get(0) : this.element;
      const videoOptions = $.extend({}, this.inlineVideoOptions, {
        stretching: 'responsive',
        success: mediaElement => {
          mediaElement.pause();
          this.initInlineVidIO(elementToObserve);
        }
      });
      this.lqdVBG = new MediaElementPlayer(this.element, videoOptions);
    }

    initYoutubeVideo() {
      const videoOptions = $.extend({}, this.youtubeOptions, {
        containment: this.$element
      });
      this.lqdYTPlayer = this.$element.YTPlayer(videoOptions);
      this.lqdYTPlayer.on('YTPReady', () => {
        this.lqdYTPlayer.YTPPause();
        this.initYTIO();
      });
    }

    initInlineVidIO(elementToObserve) {
      new IntersectionObserver((_ref) => {
        let [entry] = _ref;

        if (entry.isIntersecting) {
          this.lqdVBG && this.lqdVBG.play();
        } else {
          this.lqdVBG && this.lqdVBG.pause();
        }

        ;
      }).observe(elementToObserve);
    }

    initYTIO() {
      new IntersectionObserver((_ref2) => {
        let [entry] = _ref2;

        if (entry.isIntersecting) {
          this.lqdYTPlayer && this.lqdYTPlayer.YTPPlay();
        } else {
          this.lqdYTPlayer && this.lqdYTPlayer.YTPPause();
        }
      }).observe(this.element);
    }

  }

  $.fn[pluginName] = function (inlineVideoOptions, youtubeOptions) {
    return this.each(function () {
      const inlineVidOptions = _objectSpread(_objectSpread({}, $(this).data('inlinevideo-options')), inlineVideoOptions);

      const YTOptions = _objectSpread(_objectSpread({}, $(this).data('youtube-options')), youtubeOptions);

      if (!$.data(this, "plugin_" + pluginName)) {
        $.data(this, "plugin_" + pluginName, new Plugin(this, inlineVidOptions, YTOptions));
      }
    });
  };
})(jQuery, window, document);

jQuery(document).ready(function ($) {
  $('[data-video-bg]').liquidVideoBg();
});
"use strict";

;

(function ($, window, document, undefined) {
  'use strict';

  const pluginName = 'liquidShrinkBorders';
  let defaults = {};

  class Plugin {
    constructor(element, options) {
      this.element = element;
      this.$element = $(element);
      this.options = $.extend({}, defaults, options);
      this._defaults = defaults;
      this._name = pluginName;
      this.controller = new ScrollMagic.Controller();
      this.$parentRow = this.$element.closest('.vc_row');
      this.$contents = this.$parentRow.children('.container').length ? this.$parentRow.children('.container') : this.$parentRow.children('.ld-container');
      this.contentsHeight = this.$contents.height();
      this.$animatables = this.$element.children();
      this.init();
    }

    init() {
      this.timeline = this._createTimeline();
      this.scene = this._initSM();

      this._handleResize();

      this.$element.addClass('sticky-applied');
    }

    _createTimeline() {
      const timeline = anime.timeline();
      const $stickyBg = this.$element.siblings('.lqd-sticky-bg');

      if ($stickyBg.length) {
        this.$animatables = this.$animatables.add($stickyBg);
      }

      $.each(this.$animatables, (i, border) => {
        const $border = $(border);
        const scaleAxis = $border.attr('data-axis');
        const animeOptions = {
          targets: border,
          duration: 100,
          scaleX: 1,
          scaleY: 1,
          easing: 'linear',
          round: 1000
        };
        scaleAxis === 'x' ? animeOptions.scaleX = [1, 0] : scaleAxis === 'y' ? animeOptions.scaleY = [1, 0] : animeOptions.scale = [1.05, 1];
        timeline.add(animeOptions, 0).pause();
      });
      return timeline;
    }

    _initSM() {
      const scene = new ScrollMagic.Scene({
        triggerElement: this.$element.closest('.vc_row').get(0),
        triggerHook: 'onLeave',
        duration: this.contentsHeight
      }).addTo(this.controller); // .addIndicators();

      scene.on('progress', e => {
        this.timeline.seek(e.progress.toFixed(3) * this.timeline.duration);
      });
      return scene;
    }

    _handleResize() {
      const onResize = liquidDebounce(this._onWindowResize, 250);
      $(window).on('resize', onResize.bind(this));
    }

    _onWindowResize() {
      this.contentsHeight = this.$contents.height();
      this.scene.duration(this.contentsHeight);
    }

  }

  $.fn[pluginName] = function (options) {
    return this.each(function () {
      const pluginOptions = $(this).data('plugin-options') || options;

      if (!$.data(this, "plugin_" + pluginName)) {
        $.data(this, "plugin_" + pluginName, new Plugin(this, pluginOptions));
      }
    });
  };
})(jQuery, window, document);

jQuery(document).ready(function ($) {
  if (liquidWindowWidth() <= liquidMobileNavBreakpoint()) return false;
  $('[data-shrink-borders]').liquidShrinkBorders();
});
"use strict";

;

(function ($, window, document, undefined) {
  'use strict';

  const pluginName = 'liquidParticles';
  let defaults = {
    asBG: false,
    "particles": {
      "number": {
        "value": 40,
        "density": {
          "enable": false,
          "value_area": 800
        }
      },
      "color": {
        "value": ["#f7ccaf", "#f6cacd", "dbf5f8", "#c5d8f8", "#c5f8ce", "#f7afbd", "#b2d6ef", "#f1ecb7"]
      },
      "shape": {
        "type": "triangle"
      },
      "size": {
        "value": 55,
        "random": true,
        "anim": {
          "enable": true,
          "speed": 1
        }
      },
      "move": {
        "direction": "right",
        "attract": {
          "enable": true
        }
      },
      "line_linked": {
        "enable": false
      }
    },
    "interactivity": {
      "events": {
        "onhover": {
          "enable": false
        },
        "onclick": {
          "enable": false
        }
      }
    }
  };

  class Plugin {
    constructor(element, options) {
      this.element = element;
      this.$element = $(element);
      this.options = $.extend({}, defaults, options);
      this.options.particles = $.extend({}, defaults.particles, options.particles);
      this.options.interactivity = $.extend({}, defaults.interactivity, options.interactivity);
      this._defaults = defaults;
      this._name = pluginName;
      this.build();
    }

    build() {
      this.id = this.element.id;
      this.isInitialized = false;
      this.asSectionBg();
      this.initIO();
    }

    initIO() {
      const inviewCallback = (enteries, observer) => {
        enteries.forEach(entery => {
          if (entery.isIntersecting) {
            this.$element.removeClass('invisible');

            if (!this.isInitialized) {
              this.isInitialized = true;
              this.init();
            }
          } else {
            this.$element.addClass('invisible');
          }
        });
      };

      const observer = new IntersectionObserver(inviewCallback, {
        'rootMargin': '10%'
      });
      observer.observe(this.element);
    }

    init() {
      particlesJS(this.id, this.options);
    }

    asSectionBg() {
      if (this.options.asBG) {
        const particlesBgWrap = $('<div class="lqd-particles-bg-wrap"></div>');
        const elementContainer = this.$element.parent('.ld-particles-container');
        const parentSection = this.$element.parents('.vc_row').last();
        const sectionContainerElement = parentSection.children('.ld-container');
        const $stickyWrap = parentSection.children('.lqd-sticky-bg-wrap');
        particlesBgWrap.append(elementContainer);

        if ($stickyWrap.length) {
          particlesBgWrap.appendTo($stickyWrap);
        } else if (parentSection.hasClass('pp-section')) {
          particlesBgWrap.prependTo(parentSection);
        } else {
          particlesBgWrap.insertBefore(sectionContainerElement);
        }
      }
    }

  }

  $.fn[pluginName] = function (options) {
    return this.each(function () {
      const pluginOptions = $(this).data('particles-options') || options;

      if (!$.data(this, "plugin_" + pluginName)) {
        $.data(this, "plugin_" + pluginName, new Plugin(this, pluginOptions));
      }
    });
  };
})(jQuery, window, document);

jQuery(document).ready(function ($) {
  $('[data-particles=true]').filter((i, element) => {
    const $element = $(element);
    const $fullpageSection = $element.closest('.vc_row.pp-section');
    return !$fullpageSection.length;
  }).liquidParticles();
});
"use strict";

;

(function ($, window, document, undefined) {
  'use strict';

  const pluginName = 'liquidPin';
  let defaults = {
    duration: 'contentsHeight',
    // [ 'contentsHeight', 'last-link', 'docHeight', number ] // 'last-link' used in custom css for sticky menu
    offset: 0,
    // it can be a number, or a css selector
    pushFollowers: true,
    spacerClass: 'scrollmagic-pin-spacer'
  };

  class Plugin {
    constructor(element, options) {
      this.element = element;
      this.$element = $(element);
      this.options = $.extend({}, defaults, options);
      this._defaults = defaults;
      this._name = pluginName;
      this.$spacerElement = null;
      this.elementOuterHeight = this.$element.outerHeight();
      this.init();
      this.setSpacerWidth();
      this.events();
      this.handleResize();
    }

    init() {
      const {
        pushFollowers,
        spacerClass
      } = this.options;
      const controller = new ScrollMagic.Controller();
      const duration = this.getDuration();
      const offset = this.getOffset() * -1;
      this.scene = new ScrollMagic.Scene({
        triggerElement: this.element,
        triggerHook: 'onLeave',
        offset,
        duration
      }).setPin(this.element, {
        pushFollowers,
        spacerClass
      }).addTo(controller);
      this.$spacerElement = this.$element.parent();
    }

    getOffset() {
      const {
        options
      } = this;

      if (isNaN(options.offset)) {
        return this.getOffsetElementsHeight();
      } else {
        return options.offset;
      }
    }

    getOffsetElementsHeight() {
      const {
        options
      } = this;
      let offset = 0;
      $.each($(options.offset), (i, element) => {
        const $element = $(element);

        if ($element.length) {
          offset += $element.outerHeight();
        }
      });
      return offset;
    }

    getDuration() {
      const {
        options
      } = this;
      let {
        duration
      } = options;

      if (duration === 'contentsHeight' && this.$element.is('.lqd-sticky-bg-wrap') || this.$element.is('.lqd-section-borders-wrap')) {
        const $contentsContainer = this.scene ? this.$element.parent().siblings('.ld-container') : this.$element.siblings('.ld-container');
        const contentsContainerHeight = $contentsContainer.height();
        duration = contentsContainerHeight;
      }

      if (duration === 'contentsHeight') {
        duration = this.elementOuterHeight;
      }

      if (duration === 'last-link') {
        const $lastLink = $('a', this.element).last();

        if ($lastLink.get(0).hasAttribute('href') && $lastLink.length && $lastLink.get(0).getAttribute('href').indexOf('#') >= 0 && $($lastLink.attr('href')).length) {
          duration = $($lastLink.attr('href')).offset().top;
        } else {
          duration = '100%';
        }
      }

      if (duration === 'docHeight') {
        duration = $('body').height();
      }

      return duration;
    }

    setSpacerWidth() {
      if (this.$element.is('.wpb_column') || this.$element.is('.lqd-column')) {
        this.elementWidth = this.$element.width();
        this.$element.css('width', '');
        this.$spacerElement.css('float', 'left');
        this.$element.css('width', this.elementWidth);
      }

      ;
    }

    events() {
      document.addEventListener('lqd-header-sticky-change', this.updateOffset.bind(this));
      document.addEventListener('lqd-carousel-initialized', this.updateDuration.bind(this));
      document.addEventListener('lqd-masonry-layout-complete', this.updateDuration.bind(this));
      document.addEventListener('lqd-masonry-filter-change', this.updateDuration.bind(this));
      this.scene.on('enter', this.onSceneEnter.bind(this));
      this.scene.on('leave', this.onSceneLeave.bind(this));
    }

    updateOffset() {
      this.scene.offset(this.getOffset() * -1);
    }

    updateDuration() {
      this.scene.duration(this.getDuration());
    }

    onSceneEnter() {
      this.$spacerElement.addClass('scene-entered').removeClass('scene-left');
    }

    onSceneLeave() {
      this.$spacerElement.addClass('scene-left').removeClass('scene-entered');
    }

    handleResize() {
      const onResize = liquidDebounce(this.onWindowResize, 250);
      $(window).on('resize', onResize.bind(this));
    }

    onWindowResize() {
      this.setSpacerWidth();
    }

  }

  $.fn[pluginName] = function (options) {
    return this.each(function () {
      const pluginOptions = $(this).data('pin-options') || options;

      if (!$.data(this, "plugin_" + pluginName)) {
        $.data(this, "plugin_" + pluginName, new Plugin(this, pluginOptions));
      }
    });
  };
})(jQuery, window, document);

jQuery(document).ready(function ($) {
  const pinElements = $($('[data-pin=true]').get().reverse());
  pinElements.map((i, element) => {
    if (liquidWindowWidth() >= 1200 || $(element).is('.lqd-custom-menu')) {
      return element;
    }
  }).liquidPin();
});
"use strict";

// https://github.com/CodyHouse/image-comparison-slider
;

(function ($, window, document, undefined) {
  'use strict';

  const pluginName = 'liquidImageComparison';
  let defaults = {};

  class Plugin {
    constructor(element, options) {
      this.element = element;
      this.$element = $(element);
      this.options = $.extend({}, defaults, options);
      this._defaults = defaults;
      this._name = pluginName;
      this.dragging = false;
      this.resizing = false;
      this.init();
    }

    init() {
      this.initIO();

      this._drags(this.$element.find('.cd-handle'), this.$element.find('.cd-resize-img'), this.$element);
    }

    initIO() {
      new IntersectionObserver((enteries, observer) => {
        enteries.forEach(entery => {
          if (entery.isIntersecting) {
            this.$element.addClass('is-visible');
          }
        });
      }).observe(this.element, {
        threshold: 0.35
      });
    } //draggable funtionality - credits to http://css-tricks.com/snippets/jquery/draggable-without-jquery-ui/


    _drags(dragElement, resizeElement, container) {
      dragElement.on("mousedown touchstart", event => {
        event.preventDefault();
        dragElement.addClass('draggable');
        resizeElement.addClass('resizable');
        var dragWidth = dragElement.outerWidth(),
            x = event.pageX || event.originalEvent.touches[0].pageX,
            xPosition = dragElement.offset().left + dragWidth - x,
            containerOffset = container.offset().left,
            containerWidth = container.outerWidth(),
            minLeft = containerOffset + 10,
            maxLeft = containerOffset + containerWidth - dragWidth - 10;
        $(document).on("mousemove touchmove", event => {
          if (!this.dragging) {
            this.dragging = true;
            requestAnimationFrame(() => {
              this._animateDraggedHandle(event, xPosition, dragWidth, minLeft, maxLeft, containerOffset, containerWidth, resizeElement);
            });
          }
        });
      });
      $(document).on("mouseup touchend", () => {
        dragElement.removeClass('draggable');
        resizeElement.removeClass('resizable');
        $(document).off('mousemove touchmove');
        this.dragging = false;
      });
    }

    _animateDraggedHandle(e, xPosition, dragWidth, minLeft, maxLeft, containerOffset, containerWidth, resizeElement) {
      var x = e.pageX || e.originalEvent.touches[0].pageX;
      var leftValue = x + xPosition - dragWidth; //constrain the draggable element to move inside his container

      if (leftValue < minLeft) {
        leftValue = minLeft;
      } else if (leftValue > maxLeft) {
        leftValue = maxLeft;
      }

      var widthValue = (leftValue + dragWidth / 2 - containerOffset) * 100 / containerWidth + '%';
      $('.draggable').css('left', widthValue).on("mouseup touchend", function () {
        $(this).removeClass('draggable');
        resizeElement.removeClass('resizable');
      });
      $('.resizable').css('width', widthValue);
      this.dragging = false;
    }

  }

  $.fn[pluginName] = function (options) {
    return this.each(function () {
      const pluginOptions = $(this).data('plugin-options') || options;

      if (!$.data(this, "plugin_" + pluginName)) {
        $.data(this, "plugin_" + pluginName, new Plugin(this, pluginOptions));
      }
    });
  };
})(jQuery, window, document);

jQuery(document).ready(function ($) {
  $('.cd-image-container').liquidImageComparison();
});
"use strict";

;

(function ($, window, document, undefined) {
  'use strict';

  const pluginName = 'liquidStack';
  const $mainFooter = $('.main-footer');
  let defaults = {
    sectionSelector: '#content > .vc_row',
    // outer rows only
    anchors: [],
    easing: 'linear',
    css3: true,
    scrollingSpeed: 1000,
    loopTop: false,
    loopBottom: false,
    navigation: false,
    defaultTooltip: 'Section',
    prevNextButtons: true,
    animateAnchor: false,
    prevNextLabels: {
      prev: 'Previous',
      next: 'Next'
    },
    pageNumber: true,
    effect: 'none',
    // [  'none', 'fadeScale', 'slideOver' ]
    disableOnMobile: true
  };

  class Plugin {
    constructor(element, options) {
      this.element = element;
      this.$element = $(element);
      this.options = $.extend({}, defaults, options);
      this._defaults = defaults;
      this._name = pluginName;
      if (this.options.disableOnMobile && (liquidIsMobile() || liquidWindowWidth() <= liquidMobileNavBreakpoint())) return false;
      this.anchors = [];
      this.tooltips = [];
      this.sectionsLuminance = [];
      this.$body = $('body');
      this.$sections = $(this.options.sectionSelector);
      this.$ppNav = null;
      this.$prevNextButtons = $('.lqd-stack-prevnext-wrap');
      this.$pageNumber = $('.lqd-stack-page-number');
      this.$backToTopButton = $('[data-back-to-top]');
      this.build();
      this.addClassnames();
      this.eachSection();
      this.init();
    }

    build() {
      const hiddenSection = this.$sections.filter(':hidden').remove();
      this.$sections = this.$sections.not(hiddenSection);

      if ($mainFooter.length) {
        this.$sections.push($mainFooter.get(0));
        this.$element.append($mainFooter);
        $mainFooter.prev('.vc_row').addClass('section-before-footer');
      } // style tags preventing scrolling


      this.$element.children('style').appendTo('head');
      this.$element.children('.vc_row-full-width').remove();
    }

    addClassnames() {
      const options = this.options;
      $mainFooter.length && $mainFooter.addClass('vc_row pp-section pp-auto-height');
      options.navigation && this.$body.addClass('lqd-stack-has-nav');
      options.prevNextButtons && this.$body.addClass('lqd-stack-has-prevnext-buttons');
      options.pageNumber && this.$body.addClass('lqd-stack-has-page-numbers');
      options.effect !== 'none' && this.$body.addClass('lqd-stack-effect-enabled');
      this.$body.addClass("lqd-stack-effect-".concat(options.effect));
      this.$body.add('html').addClass('overflow-hidden');
      $('html').addClass('pp-enabled');
    }

    eachSection() {
      $.each(this.$sections, (i, section) => {
        this.wrapInnerContent(section);
        this.makeScrollable(section);
        this.setSectionsLuminance(section);
        this.setAnchors(i, section);
        this.setTooltips(i, section);
      });
    }

    wrapInnerContent(section) {
      $(section).wrapInner('<div class="lqd-stack-section-inner" />');
    }

    makeScrollable(section) {
      const $section = $(section);
      const $sectionContainer = $section.children('.lqd-stack-section-inner');

      if ($sectionContainer.height() > $section.height()) {
        $section.addClass('pp-scrollable');
      }
    }

    setAnchors(i, section) {
      if (section.hasAttribute('id')) {
        this.anchors[i] = section.getAttribute('id');
      } else if (section.hasAttribute('data-tooltip')) {
        this.anchors[i] = section.getAttribute('data-tooltip').replace(new RegExp(' ', 'g'), '-').toLowerCase();
      } else {
        if (!section.hasAttribute('data-anchor')) {
          this.anchors[i] = "".concat(this.options.defaultTooltip, "-").concat(i + 1);
        } else {
          this.anchors[i] = section.getAttribute('data-anchor');
        }
      }
    }

    setTooltips(i, section) {
      if (!section.hasAttribute('data-tooltip')) {
        this.tooltips[i] = "".concat(this.options.defaultTooltip, " ").concat(i + 1);
      } else {
        this.tooltips[i] = section.getAttribute('data-tooltip');
      }
    }

    setSectionsLuminance(section) {
      const $section = $(section);
      const contentBgColor = this.$element.css('backgroundColor');
      const sectionBgColor = $section.css('backgroundColor') || contentBgColor || '#fff';

      if (section.hasAttribute('data-section-luminance')) {
        this.sectionsLuminance.push($section.attr('data-section-luminance'));
      } else {
        this.sectionsLuminance.push(tinycolor(sectionBgColor).getLuminance() <= 0.5 ? 'dark' : 'light');
      }
    }

    init() {
      let {
        anchors,
        easing,
        css3,
        scrollingSpeed,
        loopTop,
        loopBottom,
        navigation,
        animateAnchor
      } = this.options;

      if (navigation && this.tooltips.length > 0) {
        navigation = {};
        navigation.tooltips = this.tooltips;
      }

      if (anchors) {
        anchors = this.anchors;
      }

      this.$element.pagepiling({
        sectionSelector: this.$sections.get(),
        anchors,
        easing,
        css3,
        scrollingSpeed,
        loopTop,
        loopBottom,
        animateAnchor,
        navigation,
        afterRender: this.afterRender.bind(this),
        onLeave: this.onLeave.bind(this),
        afterLoad: this.afterLoad.bind(this)
      });
    }

    appendPrevNextButtons() {
      const {
        prevNextLabels
      } = this.options;
      this.$prevNextButtons = $('<div class="lqd-stack-prevnext-wrap" />');
      const $prevButton = $("<button class=\"lqd-stack-prevnext-button lqd-stack-prev-button\">\n\t\t\t\t<span class=\"lqd-stack-button-labbel\">".concat(prevNextLabels.prev, "</span>\n\t\t\t\t<span class=\"lqd-stack-button-ext\">\n\t\t\t\t\t<svg width=\"36px\" height=\"36px\" class=\"lqd-stack-button-circ\" viewBox=\"0 0 36 36\" version=\"1.1\" xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" stroke=\"#000\">\n\t\t\t\t\t\t<path d=\"M17.89548,35.29096 C27.5027383,35.29096 35.29096,27.5027383 35.29096,17.89548 C35.29096,8.28822168 27.5027383,0.5 17.89548,0.5 C8.28822168,0.5 0.5,8.28822168 0.5,17.89548 C0.5,27.5027383 8.28822168,35.29096 17.89548,35.29096 Z\"></path>\n\t\t\t\t\t</svg>\n\t\t\t\t\t<svg width=\"36px\" height=\"36px\" class=\"lqd-stack-button-circ lqd-stack-button-circ-clone\" viewBox=\"0 0 36 36\" version=\"1.1\" xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" stroke=\"#000\">\n\t\t\t\t\t\t<path d=\"M17.89548,35.29096 C27.5027383,35.29096 35.29096,27.5027383 35.29096,17.89548 C35.29096,8.28822168 27.5027383,0.5 17.89548,0.5 C8.28822168,0.5 0.5,8.28822168 0.5,17.89548 C0.5,27.5027383 8.28822168,35.29096 17.89548,35.29096 Z\"></path>\n\t\t\t\t\t</svg>\n\t\t\t\t\t<svg xmlns=\"http://www.w3.org/2000/svg\" class=\"lqd-stack-button-arrow\" width=\"12.5px\" height=\"13.5px\" viewbox=\"0 0 12.5 13.5\" fill=\"none\" stroke=\"#000\">\n\t\t\t\t\t\t<path d=\"M11.489,6.498 L0.514,12.501 L0.514,0.495 L11.489,6.498 Z\"/>\n\t\t\t\t\t</svg>\n\t\t\t\t</span>\n\t\t\t</button>"));
      const $nextButton = $("<button class=\"lqd-stack-prevnext-button lqd-stack-next-button\">\n\t\t\t\t<span class=\"lqd-stack-button-labbel\">".concat(prevNextLabels.next, "</span>\n\t\t\t\t<span class=\"lqd-stack-button-ext\">\n\t\t\t\t\t<svg width=\"36px\" height=\"36px\" class=\"lqd-stack-button-circ\" viewBox=\"0 0 36 36\" version=\"1.1\" xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" stroke=\"#000\">\n\t\t\t\t\t\t<path d=\"M17.89548,35.29096 C27.5027383,35.29096 35.29096,27.5027383 35.29096,17.89548 C35.29096,8.28822168 27.5027383,0.5 17.89548,0.5 C8.28822168,0.5 0.5,8.28822168 0.5,17.89548 C0.5,27.5027383 8.28822168,35.29096 17.89548,35.29096 Z\"></path>\n\t\t\t\t\t</svg>\n\t\t\t\t\t<svg width=\"36px\" height=\"36px\" class=\"lqd-stack-button-circ lqd-stack-button-circ-clone\" viewBox=\"0 0 36 36\" version=\"1.1\" xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" stroke=\"#000\">\n\t\t\t\t\t\t<path d=\"M17.89548,35.29096 C27.5027383,35.29096 35.29096,27.5027383 35.29096,17.89548 C35.29096,8.28822168 27.5027383,0.5 17.89548,0.5 C8.28822168,0.5 0.5,8.28822168 0.5,17.89548 C0.5,27.5027383 8.28822168,35.29096 17.89548,35.29096 Z\"></path>\n\t\t\t\t\t</svg>\n\t\t\t\t\t<svg xmlns=\"http://www.w3.org/2000/svg\" class=\"lqd-stack-button-arrow\" width=\"12.5px\" height=\"13.5px\" viewbox=\"0 0 12.5 13.5\" fill=\"none\" stroke=\"#000\">\n\t\t\t\t\t\t<path d=\"M11.489,6.498 L0.514,12.501 L0.514,0.495 L11.489,6.498 Z\"/>\n\t\t\t\t\t</svg>\n\t\t\t\t</span>\n\t\t\t</button>"));
      this.$prevNextButtons.append($prevButton.add($nextButton));
      !this.$body.children('.lqd-stack-prevnext-wrap').length && this.$body.append(this.$prevNextButtons);
    }

    prevNextButtonsEvents() {
      const $prevButton = this.$prevNextButtons.find('.lqd-stack-prev-button');
      const $nextButton = this.$prevNextButtons.find('.lqd-stack-next-button');
      $prevButton.on('click', () => {
        $.fn.pagepiling.moveSectionUp();
      });
      $nextButton.on('click', () => {
        $.fn.pagepiling.moveSectionDown();
      });
    }

    appendPageNumber() {
      const totalSections = this.$sections.not('.main-footer').length;
      this.$pageNumber = $('<div class="lqd-stack-page-number" />');
      const $pageNumnerCounter = $("<span class=\"lqd-stack-page-number-counter\">\n\t\t\t\t<span class=\"lqd-stack-page-number-current\"></span>\n\t\t\t\t<span class=\"lqd-stack-page-number-passed\"></span>\n\t\t\t</span>");
      const $pageNumnerTotal = $("<span class=\"lqd-stack-page-number-total\">".concat(totalSections < 10 ? '0' : '').concat(totalSections, "</span>"));
      this.$pageNumber.append($pageNumnerCounter);
      this.$pageNumber.append($pageNumnerTotal);
      !this.$body.children('.lqd-stack-page-number').length && this.$body.append(this.$pageNumber);
    }

    setPageNumber(index) {
      const $currentPageNumber = this.$pageNumber.find('.lqd-stack-page-number-current');
      const $passedPageNumber = this.$pageNumber.find('.lqd-stack-page-number-passed');
      $passedPageNumber.html($currentPageNumber.html());
      $currentPageNumber.html("".concat(index < 10 ? '0' : '').concat(index));
    }

    addDirectionClassname(direction) {
      if (direction == 'down') {
        this.$body.removeClass('lqd-stack-moving-up').addClass('lqd-stack-moving-down');
      } else if (direction == 'up') {
        this.$body.removeClass('lqd-stack-moving-down').addClass('lqd-stack-moving-up');
      }
    }

    addLuminanceClassnames(index) {
      this.$body.removeClass('lqd-stack-active-row-dark lqd-stack-active-row-light').addClass("lqd-stack-active-row-".concat(this.sectionsLuminance[index]));
    }

    initShortcodes($destinationRow) {
      $('[data-custom-animations]', $destinationRow).liquidCustomAnimations();
      $destinationRow.is('[data-custom-animations]') && $destinationRow.liquidCustomAnimations();
      $('[data-dynamic-shape]', $destinationRow).liquidDynamicShape();
      $('[data-reveal]', $destinationRow).liquidReveal();
      $('[data-particles=true]', $destinationRow).liquidParticles();
    }

    initBackToTop(rowIndex) {
      if (rowIndex > 1) {
        this.$backToTopButton.addClass('is-visible');
      } else {
        this.$backToTopButton.removeClass('is-visible');
      }

      $('a', this.$backToTopButton).on('click', event => {
        event.preventDefault();
        $.fn.pagepiling.moveTo(1);
      });
    }

    afterRender() {
      this.$body.addClass('lqd-stack-initiated');
      this.$ppNav = $('#pp-nav'); // Hide the last nav item if it's for the main footer

      if ($mainFooter.length) {
        this.$ppNav.find('li').last().addClass('hide');
        this.$body.addClass('lqd-stack-has-footer');
      }

      this.initShortcodes(this.$sections.first());
      this.addLuminanceClassnames(0);
      this.options.prevNextButtons && this.appendPrevNextButtons();
      this.options.prevNextButtons && this.prevNextButtonsEvents();
      this.options.pageNumber && this.appendPageNumber();
      this.options.pageNumber && this.setPageNumber(1);
    }

    onLeave(index, nextIndex, direction) {
      const $destinationRow = $(this.$sections[nextIndex - 1]);
      const $originRow = $(this.$sections[index - 1]);

      if (!$destinationRow.is('.main-footer') && !$originRow.is('.main-footer')) {
        this.$body.addClass('lqd-stack-moving');
        this.setPageNumber(nextIndex);
        $destinationRow.removeClass('lqd-stack-row-leaving').addClass('lqd-stack-row-entering');
        $originRow.removeClass('lqd-stack-row-entering').addClass('lqd-stack-row-leaving');
        this.addLuminanceClassnames(nextIndex - 1);
      } else if ($originRow.is('.main-footer')) {
        $originRow.addClass('lqd-stack-row-leaving');
      }

      if ($destinationRow.is('.main-footer')) {
        this.$body.addClass('lqd-stack-footer-active');
        $originRow.css('transform', 'none');
      } else {
        this.$body.removeClass('lqd-stack-footer-active');
      }

      this.addDirectionClassname(direction);
      this.initShortcodes($destinationRow);
      this.$backToTopButton.length && this.initBackToTop(nextIndex);
    }

    afterLoad(anchorLink, index) {
      $(this.$sections).removeClass('lqd-stack-row-entering lqd-stack-row-leaving');
      this.$body.removeClass('lqd-stack-moving lqd-stack-moving-up lqd-stack-moving-down');
    }

  }

  $.fn[pluginName] = function (options) {
    return this.each(function () {
      const pluginOptions = $(this).data('stack-options') || options;

      if (!$.data(this, "plugin_" + pluginName)) {
        $.data(this, "plugin_" + pluginName, new Plugin(this, pluginOptions));
      }
    });
  };
})(jQuery, window, document);

jQuery(document).ready(function ($) {
  if ($('body').hasClass('compose-mode')) return false;
  $('[data-liquid-stack=true]').liquidStack();
});
"use strict";

/**
* http://www.codrops.com
*
* Licensed under the MIT license.
* http://www.opensource.org/licenses/mit-license.php
* 
* Copyright 2017, Codrops
* http://www.codrops.com
*
* Modified by LiquidThemes
*/
;

(function ($, window, document, undefined) {
  'use strict';

  const pluginName = 'liquidAnimatedFrames';
  let defaults = {
    direction: 'vertical',
    // horizontal, vertical
    animation: {
      slides: {
        duration: 500,
        easing: 'easeOutQuint'
      },
      shape: {
        duration: 300,
        easing: {
          in: 'easeOutCubic',
          out: 'easeInOutCirc'
        }
      }
    },
    frameFill: '#000'
  };

  class Plugin {
    constructor(element, options) {
      this.element = element;
      this.$element = $(element);
      this.options = $.extend({}, defaults, options);
      this._defaults = defaults;
      this._name = pluginName;
      this.DOM = {};
      this.DOM.el = element;
      this.DOM.slides = Array.from(this.DOM.el.querySelectorAll('.lqd-af-slides > .lqd-af-slide'));
      this.slidesTotal = this.DOM.slides.length;
      this.DOM.nav = this.DOM.el.querySelector('.lqd-af-slidenav');
      this.DOM.nextCtrl = this.DOM.nav.querySelector('.lqd-af-slidenav__item--next');
      this.DOM.prevCtrl = this.DOM.nav.querySelector('.lqd-af-slidenav__item--prev');
      this.current = 0;
      this.init();
      this.createFrame();
      this.initEvents();
    }

    init() {
      this.DOM.slides[this.current].classList.add('lqd-af-slide--current');
      this.DOM.el.classList.add('lqd-af--initial');
    }

    createFrame() {
      this.rect = this.DOM.el.getBoundingClientRect();
      this.clipPathID = "lqd-af-clippath-".concat(anime.random(0, 100));
      this.maskPositions = ['top', 'right', 'bottom', 'left'];
      this.DOM.mask = document.createElement('div');
      this.DOM.mask.classList.add('lqd-af-mask');
      this.maskPositions.forEach(maskPosition => {
        const span = this.DOM.mask[maskPosition] = document.createElement('span');
        span.classList.add("lqd-af-mask-".concat(maskPosition));
        span.dataset.position = maskPosition;
        span.style.backgroundColor = this.options.frameFill;
        this.DOM.mask.appendChild(span);
      });
      this.DOM.el.appendChild(this.DOM.mask);
      this.DOM.el.insertBefore(this.DOM.mask, this.DOM.nav);
    }

    initEvents() {
      this.DOM.nextCtrl.addEventListener('click', () => this.navigate('next'));
      this.DOM.prevCtrl.addEventListener('click', () => this.navigate('prev'));
      document.addEventListener('keydown', ev => {
        const keyCode = ev.keyCode || ev.which;

        if (keyCode === 37) {
          this.navigate('prev');
        } else if (keyCode === 39) {
          this.navigate('next');
        }
      });
    }

    navigate() {
      let dir = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 'next';
      if (this.isAnimating) return false;
      this.isAnimating = true;
      const animateShapeIn = anime({
        targets: [this.DOM.mask.top, this.DOM.mask.right, this.DOM.mask.bottom, this.DOM.mask.left],
        duration: this.options.animation.shape.duration,
        easing: this.options.animation.shape.easing.in,
        translateX: el => {
          const elPosition = el.dataset.position;
          if (elPosition === 'right') return ['100%', '78%'];
          if (elPosition === 'left') return ['-100%', '-78%'];
        },
        translateY: el => {
          const elPosition = el.dataset.position;
          if (elPosition === 'top') return ['-100%', '-78%'];
          if (elPosition === 'bottom') return ['100%', '78%'];
        },
        begin: anime => {
          anime.animatables.forEach(animatable => {
            animatable.target.style.willChange = 'transform';
          });
        }
      });
      const currentSlide = this.DOM.slides[this.current];
      const currentSlideImg = currentSlide.querySelector('.lqd-af-slide__img');
      const currentSlideFigureEl = currentSlideImg.querySelector('figure');
      anime.remove(currentSlideFigureEl);
      anime({
        targets: currentSlideFigureEl,
        duration: this.options.animation.shape.duration * 1.5,
        easing: this.options.animation.shape.easing.in,
        scale: [1, 0.6]
      });
      animateShapeIn.finished.then(this.animateSlides.bind(this, dir)).then(this.animateShapeOut.bind(this, dir));
    }

    animateSlides() {
      let dir = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 'next';
      return new Promise((resolve, reject) => {
        // Current Slide
        const {
          direction
        } = this.options;
        const transVal = direction === 'horizontal' ? this.rect.width : this.rect.height;
        const currentSlide = this.DOM.slides[this.current];
        const currentSlideImg = currentSlide.querySelector('.lqd-af-slide__img');
        currentSlide.classList.add('lqd-af-slide--movin-out');
        anime.remove(currentSlideImg);
        anime({
          targets: currentSlideImg,
          duration: this.options.animation.slides.duration * 4,
          easing: this.options.animation.slides.easing,
          delay: 100,
          [direction === 'horizontal' ? 'translateX' : 'translateY']: dir === 'next' ? transVal * -1 / 3 : transVal / 3,
          complete: () => {
            currentSlide.classList.remove('lqd-af-slide--movin-out');
          }
        });
        const currentSlideContentTimeline = anime.timeline({
          duration: this.options.animation.slides.duration,
          easing: this.options.animation.shape.easing.out,
          delay: 0,
          complete: anime => {
            currentSlide.classList.remove('lqd-af-slide--current');
            this.DOM.el.classList.add('lqd-af--initial');
            resolve();
          }
        });
        currentSlideContentTimeline.add({
          targets: currentSlide.querySelectorAll('.lqd-af-slide__title .lqd-words .split-inner'),
          [direction === 'horizontal' ? 'translateX' : 'translateY']: ['0%', dir === 'next' ? '-115%' : '115%']
        });
        currentSlideContentTimeline.add({
          targets: currentSlide.querySelectorAll('.lqd-af-slide__desc .split-inner'),
          [direction === 'horizontal' ? 'translateX' : 'translateY']: [0, dir === 'next' ? -50 : 50]
        }, 100);
        currentSlideContentTimeline.add({
          targets: currentSlide.querySelector('.lqd-af-slide__link'),
          [direction === 'horizontal' ? 'translateX' : 'translateY']: [0, dir === 'next' ? -50 : 50],
          opacity: [1, 0]
        }, 150);
        this.current = dir === 'next' ? this.current < this.slidesTotal - 1 ? this.current + 1 : 0 : this.current > 0 ? this.current - 1 : this.slidesTotal - 1; // New slide

        const newSlide = this.DOM.slides[this.current];
        newSlide.classList.add('lqd-af-slide--current', 'lqd-af-slide--movin-in');
        this.DOM.el.classList.add('lqd-af--initial');
        const newSlideImg = newSlide.querySelector('.lqd-af-slide__img');
        anime.remove(newSlideImg);
        anime({
          targets: newSlideImg,
          duration: this.options.animation.slides.duration * 2,
          easing: this.options.animation.slides.easing,
          [direction === 'horizontal' ? 'translateX' : 'translateY']: [dir === 'next' ? transVal : transVal * -1, 0],
          complete: () => {
            newSlide.classList.remove('lqd-af-slide--movin-in');
          }
        });
        const newSlideContentTimeline = anime.timeline({
          duration: this.options.animation.slides.duration * 2,
          easing: this.options.animation.slides.easing
        });
        newSlideContentTimeline.add({
          targets: newSlide.querySelectorAll('.lqd-af-slide__title .lqd-words .split-inner'),
          [direction === 'horizontal' ? 'translateX' : 'translateY']: [dir === 'next' ? '115%' : '-115%', '0%']
        });
        newSlideContentTimeline.add({
          targets: newSlide.querySelectorAll('.lqd-af-slide__desc .split-inner'),
          [direction === 'horizontal' ? 'translateX' : 'translateY']: [dir === 'next' ? 70 : -70, 0]
        }, 150);
        newSlideContentTimeline.add({
          targets: newSlide.querySelector('.lqd-af-slide__link'),
          [direction === 'horizontal' ? 'translateX' : 'translateY']: [dir === 'next' ? 70 : -70, 0],
          opacity: [0, 1]
        }, 200);
      });
    }

    animateShapeOut() {
      let dir = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 'next';
      anime({
        targets: [this.DOM.mask.top, this.DOM.mask.right, this.DOM.mask.bottom, this.DOM.mask.left],
        duration: this.options.animation.shape.duration * 1.75,
        easing: this.options.animation.shape.easing.out,
        translateX: el => {
          const elPosition = el.dataset.position;
          if (elPosition === 'right') return ['78%', '100%'];
          if (elPosition === 'left') return ['-78%', '-100%'];
        },
        translateY: el => {
          const elPosition = el.dataset.position;
          if (elPosition === 'top') return ['-78%', '-100%'];
          if (elPosition === 'bottom') return ['78%', '100%'];
        },
        complete: anime => {
          this.isAnimating = false;
          anime.animatables.forEach(animatable => {
            animatable.target.style.willChange = '';
          });
        }
      });
      const currentSlide = this.DOM.slides[this.current];
      const currentSlideImg = currentSlide.querySelector('.lqd-af-slide__img');
      const currentSlideFigureEl = currentSlideImg.querySelector('figure');
      anime.remove(currentSlideFigureEl);
      anime({
        targets: currentSlideFigureEl,
        duration: this.options.animation.shape.duration * 1.45,
        easing: this.options.animation.shape.easing.out,
        scale: [0.6, 1]
      });
    }

  }

  $.fn[pluginName] = function (options) {
    return this.each(function () {
      const pluginOptions = $(this).data('animatedframes-options') || options;

      if (!$.data(this, "plugin_" + pluginName)) {
        $.data(this, "plugin_" + pluginName, new Plugin(this, pluginOptions));
      }
    });
  };
})(jQuery, window, document);

jQuery(document).ready(function ($) {
  $('[data-liquid-animatedframes=true]').liquidAnimatedFrames();
});
"use strict";

;

(function ($, window, document, undefined) {
  'use strict';

  const pluginName = 'liquidVideoTrigger';
  let defaults = {
    triggerType: ['mouseenter', 'mouseleave'],
    // [on, off]
    videoPlacement: "parent"
  };

  class Plugin {
    constructor(element, options) {
      this.element = element;
      this.$element = $(element);
      this.options = $.extend({}, defaults, options);
      this._defaults = defaults;
      this._name = pluginName;
      this.$videoElement = this.$element[this.options.videoPlacement]().find('video');
      this.init();
    }

    init() {
      if (!this.$videoElement.length) return;
      this.videoElement = this.$videoElement.get(0);
      this.videoElement.oncanplay = this.events.call(this);
    }

    events() {
      this.$element.on(this.options.triggerType[0], this.triggerOn.bind(this));
      this.$element.on(this.options.triggerType[1], this.triggerOff.bind(this));
    }

    triggerOn() {
      this.videoElement.play();
    }

    triggerOff() {
      this.videoElement.pause();
    }

  }

  $.fn[pluginName] = function (options) {
    return this.each(function () {
      const pluginOptions = $(this).data('trigger-options') || options;

      if (!$.data(this, "plugin_" + pluginName)) {
        $.data(this, "plugin_" + pluginName, new Plugin(this, pluginOptions));
      }
    });
  };
})(jQuery, window, document);

jQuery(document).ready(function ($) {
  $('[data-video-trigger]').liquidVideoTrigger();
});
"use strict";

;

(function ($, window, document, undefined) {
  'use strict';

  const pluginName = 'liquidLightBox';
  let defaults = {};

  class Plugin {
    constructor(element, options) {
      this.element = element;
      this.$element = $(element);
      this.options = $.extend({}, defaults, options);
      this._defaults = defaults;
      this._name = pluginName;
      this.init();
    }

    init() {
      this.events();
    }

    events() {
      $(document).on('lity:close', event => {
        this.onClose(event);
      });
    }

    onClose(event) {
      const $target = $(event.target);
      const $video = $target.find('video');
      const $audio = $target.find('audio');

      if ($video.length) {
        const video = $video.get(0);
        video.oncanplay = video.pause();
      }

      if ($audio.length) {
        const audio = $audio.get(0);
        audio.oncanplay = audio.pause();
      }
    }

  }

  $.fn[pluginName] = function (options) {
    return this.each(function () {
      const pluginOptions = $(this).data('lightbox-options') || options;

      if (!$.data(this, "plugin_" + pluginName)) {
        $.data(this, "plugin_" + pluginName, new Plugin(this, pluginOptions));
      }
    });
  };
})(jQuery, window, document);

jQuery(document).ready(function ($) {
  $('[data-lity]').liquidLightBox();
});
"use strict";

;

(function ($, window, document, undefined) {
  'use strict';

  const pluginName = 'liquidLocalScroll';
  let defaults = {
    scrollSpeed: 600,
    scrollBelowSection: false,
    offsetElements: '.main-header[data-sticky-header] .mainbar-wrap, .lqd-custom-menu[data-pin]'
  };

  class Plugin {
    constructor(element, options) {
      this.element = element;
      this.$element = $(element);
      this.$window = $(window);
      this.$windowHeight = this.$window.height();
      this.$mainHeader = $('.main-header');
      this.options = $.extend({}, defaults, options);
      this._defaults = defaults;
      this._name = pluginName;
      this.getScrollSpeed();
      this.getElement();
      this.init();
    }

    init() {
      this.$element.each((i, element) => {
        if (!element.hasAttribute('href')) return;
        this.eventListeners(element);
        this.onWindowScroll(element);
      });
    }

    getScrollSpeed() {
      if (window.liquidParams && window.liquidParams.localscrollSpeed) {
        this.options.scrollSpeed = window.liquidParams.localscrollSpeed;
      } else {
        this.options.scrollSpeed = 600;
      }
    }

    getElement() {
      if (this.$element.is('li')) {
        this.$element = this.$element.children('a');
      } else if (this.$element.is('.main-nav')) {
        this.$element = this.$element.children('li').children('a');
      }
    }

    eventListeners(element) {
      $(element).on('click', this.onClick.bind(this, element));
      this.$window.on('scroll', this.onWindowScroll.bind(this, element));
    }

    getDestinationOffsetTop($targetSection) {
      if (!$targetSection.length) return 0;
      let targetSectionOffsetTop = $targetSection.offset().top;
      const $navbarCollapse = $('.navbar-collapse', this.$mainHeader);

      if (liquidIsMobile() && this.$element.closest('.main-nav').length && $navbarCollapse.length && $navbarCollapse.is(':visible') && !$('.mainbar-wrap', this.$mainHeader).hasClass('is-stuck')) {
        targetSectionOffsetTop = targetSectionOffsetTop - $navbarCollapse.outerHeight();
      }

      return targetSectionOffsetTop;
    }

    getOffsetElementsHeight() {
      const {
        options
      } = this;
      const {
        offsetElements
      } = options;
      let offset = 0;

      if (!offsetElements) {
        return offset;
      }

      ;
      $.each(offsetElements.replace(/, /g, ',').split(','), (i, element) => {
        const $closesLqdMenu = this.$element.closest('.lqd-custom-menu');
        let $element;

        if (element == 'parent' && $closesLqdMenu.length && $closesLqdMenu.is('[data-pin]')) {
          $element = $closesLqdMenu;
        } else if (element == 'parent' && this.$element.closest('.main-nav').length) {
          $element = this.$element.closest('.main-nav');
        } else if (element == 'parent') {
          $element = this.$element.parent();
        } else {
          $element = $(element);
        }

        if ($element.length) {
          // we don't want to calculate main header's height because mobile nav can be expanded and give a wrong height for mobile header
          if (liquidIsMobile() && ($element.is('.main-header') || $element.closest('.main-header').length || $element.is('.navbar-collapse-clone') || // offscreen nav
          $element.closest('.navbar-collapse-clone').length // offscreen nav
          )) {
            offset = $('.navbar-header', this.$mainHeader).outerHeight() - 2;
          } else {
            offset += $element.outerHeight() - 2;
          }
        }
      });
      return offset;
    }

    onClick(element) {
      const $targetSection = $(this.getTarget(element));
      if (!$targetSection) return false;
      const destination = this.getDestinationOffsetTop($targetSection);
      const offsetElementsHeight = this.getOffsetElementsHeight($targetSection);
      const $navbarCollapse = this.$element.closest('.navbar-collapse');

      if ($targetSection.length) {
        event.preventDefault();
        event.stopPropagation();

        if (liquidWindowWidth() <= liquidMobileNavBreakpoint() && $navbarCollapse.length || liquidWindowWidth() > liquidMobileNavBreakpoint() && $navbarCollapse.is('.navbar-fullscreen')) {
          $navbarCollapse.collapse('hide');
        }

        $('html, body').animate({
          scrollTop: destination - offsetElementsHeight
        }, this.options.scrollSpeed);
      }
    }

    getTarget(element) {
      const $element = $(element);
      const $elementParentRow = $element.parents('.vc_row').last();
      const $nextRow = $elementParentRow.nextAll('.vc_row').first();
      if (!element.hasAttribute('href')) return false;
      const href = element.getAttribute('href');
      let target = href.match(/#/g) && $("#".concat(href.split('#')[1])).get(0);

      if (this.options.scrollBelowSection) {
        return $nextRow.get(0);
      }

      if ($(target).is('.lqd-css-sticky')) {
        target = $(target).closest('.lqd-css-sticky-wrap').get(0);
      }

      return target;
    }

    onWindowScroll(element) {
      const href = element.getAttribute('href').replace(/\s+/g, '-').replace(/%20/g, '-');
      if (!element.hasAttribute('href') || !href.match(/#/g)) return false;

      if ($("#".concat(href.split('#')[1])).length) {
        const $linkElement = $(element);
        const $targetSection = $("#".concat(href.split('#')[1]));
        const targetSectionHeight = $targetSection.outerHeight();
        const targetSectionOffsetTop = this.getDestinationOffsetTop($targetSection);
        const offsetElementsHeight = this.getOffsetElementsHeight($targetSection);
        const scrollPosition = document.documentElement.scrollTop || document.body.scrollTop;

        if (scrollPosition >= targetSectionOffsetTop - offsetElementsHeight - 50 && scrollPosition <= targetSectionHeight + targetSectionOffsetTop - (offsetElementsHeight - 50)) {
          $linkElement.parent().addClass('is-active').siblings().removeClass('is-active');
        } else {
          $linkElement.parent().removeClass('is-active');
        }
      }
    }

  }

  ;

  $.fn[pluginName] = function (options) {
    return this.each(function () {
      const pluginOptions = $(this).data('localscroll-options') || options;

      if (!$.data(this, "plugin_" + pluginName)) {
        $.data(this, "plugin_" + pluginName, new Plugin(this, pluginOptions));
      }
    });
  };
})(jQuery, window, document);

jQuery(document).ready(function ($) {
  if (!$('html').hasClass('pp-enabled')) {
    $('[data-localscroll]').liquidLocalScroll();
  }
});
"use strict";

;

(function ($, window, document, undefined) {
  'use strict';

  const pluginName = 'liquidBackToTop';
  let defaults = {};

  class Plugin {
    constructor(element, options) {
      this.element = element;
      this.$element = $(element);
      this.$pageContentElement = $('#content');
      this.options = $.extend({}, defaults, options);
      this._defaults = defaults;
      this._name = pluginName;
      this.init();
    }

    init() {
      this.firstSectionIO();
    }

    firstSectionIO() {
      let $firstSection = this.$pageContentElement.children().not('style').first();

      if ($firstSection.is('.liquid-portfolio')) {
        $firstSection = $firstSection.children('.pf-single-contents').children('.vc_row').first();
      }

      new IntersectionObserver(enteries => {
        enteries.forEach(entery => {
          const {
            boundingClientRect,
            rootBounds
          } = entery;

          if (rootBounds && rootBounds.top >= boundingClientRect.bottom) {
            this.$element.addClass('is-visible');
          } else {
            this.$element.removeClass('is-visible');
          }
        });
      }).observe($firstSection.get(0));
    }

  }

  $.fn[pluginName] = function (options) {
    return this.each(function () {
      const pluginOptions = $(this).data('back-to-top-options') || options;

      if (!$.data(this, "plugin_" + pluginName)) {
        $.data(this, "plugin_" + pluginName, new Plugin(this, pluginOptions));
      }
    });
  };
})(jQuery, window, document);

jQuery(document).ready(function ($) {
  if (!$('html').hasClass('pp-enabled')) {
    $('[data-back-to-top]').liquidBackToTop();
  }
});
"use strict";

;

(function ($, window, document, undefined) {
  'use strict';

  const pluginName = 'liquidShop';
  let defaults = {};

  class Plugin {
    constructor(element, options) {
      this.element = element;
      this.$element = $(element);
      this.options = $.extend({}, defaults, options);
      this._defaults = defaults;
      this._name = pluginName;
      this.init();
    }

    init() {
      $(document).ajaxSuccess((event, request, settings) => {
        this.initPlugins();
      });
      $(document).on('added_to_cart', () => {
        this.triggerOffcanvasCart();
      });
      $(document).on('removed_from_cart', () => {
        this.initPlugins();
      });
      $(document).on('qv_loading', (e, s, v) => {
        this.initPlugins();
        console.log(e);
        console.log(s);
        console.log(v);
      });
    }

    initPlugins() {
      $('.lqd-contact-form, form.cart, form.checkout, form.woocommerce-cart-form, form.woocommerce-ordering, .lqd-multi-filter-form').liquidFormInputs();

      if ($('body').hasClass('lazyload-enabled')) {
        window.liquidLazyload = new LazyLoad({
          elements_selector: '.ld-lazyload',
          callback_loaded: e => {
            $(e).closest('[data-responsive-bg=true]').liquidResponsiveBG();
            $(e).parent().not('#wrap, #content').addClass('loaded');
          }
        });
      }
    }

    triggerOffcanvasCart() {
      const $offcanvasCart = $('.ld-module-cart-offcanvas');

      if (liquidWindowWidth() > liquidMobileNavBreakpoint() && $offcanvasCart.length && $offcanvasCart.parent().hasClass('lqd-show-on-addtocart')) {
        $offcanvasCart.find('.ld-module-dropdown').collapse('show');
      }
    }

  }

  $.fn[pluginName] = function (options) {
    return this.each(function () {
      const pluginOptions = $(this).data('plugin-options') || options;

      if (!$.data(this, "plugin_" + pluginName)) {
        $.data(this, "plugin_" + pluginName, new Plugin(this, pluginOptions));
      }
    });
  };
})(jQuery, window, document);

jQuery(document).ready(function ($) {
  $(document).liquidShop();
});

//# sourceMappingURL=theme.js.map