(function(){function r(e,n,t){function o(i,f){if(!n[i]){if(!e[i]){var c="function"==typeof require&&require;if(!f&&c)return c(i,!0);if(u)return u(i,!0);var a=new Error("Cannot find module '"+i+"'");throw a.code="MODULE_NOT_FOUND",a}var p=n[i]={exports:{}};e[i][0].call(p.exports,function(r){var n=e[i][1][r];return o(n||r)},p,p.exports,r,e,n,t)}return n[i].exports}for(var u="function"==typeof require&&require,i=0;i<t.length;i++)o(t[i]);return o}return r})()({1:[function(require,module,exports){
(function (global){(function (){
"use strict";

function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
/**
*  Ajax Autocomplete for jQuery, version 1.4.11
*  (c) 2017 Tomas Kirda
*
*  Ajax Autocomplete for jQuery is freely distributable under the terms of an MIT-style license.
*  For details, see the web site: https://github.com/devbridge/jQuery-Autocomplete
*/

/*jslint  browser: true, white: true, single: true, this: true, multivar: true */
/*global define, window, document, jQuery, exports, require */

// Expose plugin as an AMD module if AMD loader is present:
(function (factory) {
  "use strict";

  if (typeof define === 'function' && define.amd) {
    // AMD. Register as an anonymous module.
    define(['jquery'], factory);
  } else if ((typeof exports === "undefined" ? "undefined" : _typeof(exports)) === 'object' && typeof require === 'function') {
    // Browserify
    factory((typeof window !== "undefined" ? window['jQuery'] : typeof global !== "undefined" ? global['jQuery'] : null));
  } else {
    // Browser globals
    factory(jQuery);
  }
})(function ($) {
  'use strict';

  var utils = function () {
      return {
        escapeRegExChars: function escapeRegExChars(value) {
          return value.replace(/[|\\{}()[\]^$+*?.]/g, "\\$&");
        },
        createNode: function createNode(containerClass) {
          var div = document.createElement('div');
          div.className = containerClass;
          div.style.position = 'absolute';
          div.style.display = 'none';
          return div;
        }
      };
    }(),
    keys = {
      ESC: 27,
      TAB: 9,
      RETURN: 13,
      LEFT: 37,
      UP: 38,
      RIGHT: 39,
      DOWN: 40
    },
    noop = $.noop;
  function Autocomplete(el, options) {
    var that = this;

    // Shared variables:
    that.element = el;
    that.el = $(el);
    that.suggestions = [];
    that.badQueries = [];
    that.selectedIndex = -1;
    that.currentValue = that.element.value;
    that.timeoutId = null;
    that.cachedResponse = {};
    that.onChangeTimeout = null;
    that.onChange = null;
    that.isLocal = false;
    that.suggestionsContainer = null;
    that.noSuggestionsContainer = null;
    that.options = $.extend(true, {}, Autocomplete.defaults, options);
    that.classes = {
      selected: 'autocomplete-selected',
      suggestion: 'autocomplete-suggestion'
    };
    that.hint = null;
    that.hintValue = '';
    that.selection = null;

    // Initialize and set options:
    that.initialize();
    that.setOptions(options);
  }
  Autocomplete.utils = utils;
  $.Autocomplete = Autocomplete;
  Autocomplete.defaults = {
    ajaxSettings: {},
    autoSelectFirst: false,
    appendTo: 'body',
    serviceUrl: null,
    lookup: null,
    onSelect: null,
    width: 'auto',
    minChars: 1,
    maxHeight: 300,
    deferRequestBy: 0,
    params: {},
    formatResult: _formatResult,
    formatGroup: _formatGroup,
    delimiter: null,
    zIndex: 9999,
    type: 'GET',
    noCache: false,
    onSearchStart: noop,
    onSearchComplete: noop,
    onSearchError: noop,
    preserveInput: false,
    containerClass: 'autocomplete-suggestions',
    tabDisabled: false,
    dataType: 'text',
    currentRequest: null,
    triggerSelectOnValidInput: true,
    preventBadQueries: true,
    lookupFilter: _lookupFilter,
    paramName: 'query',
    transformResult: _transformResult,
    showNoSuggestionNotice: false,
    noSuggestionNotice: 'No results',
    orientation: 'bottom',
    forceFixPosition: false
  };
  function _lookupFilter(suggestion, originalQuery, queryLowerCase) {
    return suggestion.value.toLowerCase().indexOf(queryLowerCase) !== -1;
  }
  ;
  function _transformResult(response) {
    return typeof response === 'string' ? $.parseJSON(response) : response;
  }
  ;
  function _formatResult(suggestion, currentValue) {
    // Do not replace anything if the current value is empty
    if (!currentValue) {
      return suggestion.value;
    }
    var pattern = '(' + utils.escapeRegExChars(currentValue) + ')';
    return suggestion.value.replace(new RegExp(pattern, 'gi'), '<strong>$1<\/strong>').replace(/&/g, '&amp;').replace(/</g, '&lt;').replace(/>/g, '&gt;').replace(/"/g, '&quot;').replace(/&lt;(\/?strong)&gt;/g, '<$1>');
  }
  ;
  function _formatGroup(suggestion, category) {
    return '<div class="autocomplete-group">' + category + '</div>';
  }
  ;
  Autocomplete.prototype = {
    initialize: function initialize() {
      var that = this,
        suggestionSelector = '.' + that.classes.suggestion,
        selected = that.classes.selected,
        options = that.options,
        container;
      that.element.setAttribute('autocomplete', 'off');

      // html() deals with many types: htmlString or Element or Array or jQuery
      that.noSuggestionsContainer = $('<div class="autocomplete-no-suggestion"></div>').html(this.options.noSuggestionNotice).get(0);
      that.suggestionsContainer = Autocomplete.utils.createNode(options.containerClass);
      container = $(that.suggestionsContainer);
      container.appendTo(options.appendTo || 'body');

      // Only set width if it was provided:
      if (options.width !== 'auto') {
        container.css('width', options.width);
      }

      // Listen for mouse over event on suggestions list:
      container.on('mouseover.autocomplete', suggestionSelector, function () {
        that.activate($(this).data('index'));
      });

      // Deselect active element when mouse leaves suggestions container:
      container.on('mouseout.autocomplete', function () {
        that.selectedIndex = -1;
        container.children('.' + selected).removeClass(selected);
      });

      // Listen for click event on suggestions list:
      container.on('click.autocomplete', suggestionSelector, function () {
        that.select($(this).data('index'));
      });
      container.on('click.autocomplete', function () {
        clearTimeout(that.blurTimeoutId);
      });
      that.fixPositionCapture = function () {
        if (that.visible) {
          that.fixPosition();
        }
      };
      $(window).on('resize.autocomplete', that.fixPositionCapture);
      that.el.on('keydown.autocomplete', function (e) {
        that.onKeyPress(e);
      });
      that.el.on('keyup.autocomplete', function (e) {
        that.onKeyUp(e);
      });
      that.el.on('blur.autocomplete', function () {
        that.onBlur();
      });
      that.el.on('focus.autocomplete', function () {
        that.onFocus();
      });
      that.el.on('change.autocomplete', function (e) {
        that.onKeyUp(e);
      });
      that.el.on('input.autocomplete', function (e) {
        that.onKeyUp(e);
      });
    },
    onFocus: function onFocus() {
      var that = this;
      if (that.disabled) {
        return;
      }
      that.fixPosition();
      if (that.el.val().length >= that.options.minChars) {
        that.onValueChange();
      }
    },
    onBlur: function onBlur() {
      var that = this,
        options = that.options,
        value = that.el.val(),
        query = that.getQuery(value);

      // If user clicked on a suggestion, hide() will
      // be canceled, otherwise close suggestions
      that.blurTimeoutId = setTimeout(function () {
        that.hide();
        if (that.selection && that.currentValue !== query) {
          (options.onInvalidateSelection || $.noop).call(that.element);
        }
      }, 200);
    },
    abortAjax: function abortAjax() {
      var that = this;
      if (that.currentRequest) {
        that.currentRequest.abort();
        that.currentRequest = null;
      }
    },
    setOptions: function setOptions(suppliedOptions) {
      var that = this,
        options = $.extend({}, that.options, suppliedOptions);
      that.isLocal = Array.isArray(options.lookup);
      if (that.isLocal) {
        options.lookup = that.verifySuggestionsFormat(options.lookup);
      }
      options.orientation = that.validateOrientation(options.orientation, 'bottom');

      // Adjust height, width and z-index:
      $(that.suggestionsContainer).css({
        'max-height': options.maxHeight + 'px',
        'width': options.width + 'px',
        'z-index': options.zIndex
      });
      this.options = options;
    },
    clearCache: function clearCache() {
      this.cachedResponse = {};
      this.badQueries = [];
    },
    clear: function clear() {
      this.clearCache();
      this.currentValue = '';
      this.suggestions = [];
    },
    disable: function disable() {
      var that = this;
      that.disabled = true;
      clearTimeout(that.onChangeTimeout);
      that.abortAjax();
    },
    enable: function enable() {
      this.disabled = false;
    },
    fixPosition: function fixPosition() {
      // Use only when container has already its content

      var that = this,
        $container = $(that.suggestionsContainer),
        containerParent = $container.parent().get(0);
      // Fix position automatically when appended to body.
      // In other cases force parameter must be given.
      if (containerParent !== document.body && !that.options.forceFixPosition) {
        return;
      }

      // Choose orientation
      var orientation = that.options.orientation,
        containerHeight = $container.outerHeight(),
        height = that.el.outerHeight(),
        offset = that.el.offset(),
        styles = {
          'top': offset.top,
          'left': offset.left
        };
      if (orientation === 'auto') {
        var viewPortHeight = $(window).height(),
          scrollTop = $(window).scrollTop(),
          topOverflow = -scrollTop + offset.top - containerHeight,
          bottomOverflow = scrollTop + viewPortHeight - (offset.top + height + containerHeight);
        orientation = Math.max(topOverflow, bottomOverflow) === topOverflow ? 'top' : 'bottom';
      }
      if (orientation === 'top') {
        styles.top += -containerHeight;
      } else {
        styles.top += height;
      }

      // If container is not positioned to body,
      // correct its position using offset parent offset
      if (containerParent !== document.body) {
        var opacity = $container.css('opacity'),
          parentOffsetDiff;
        if (!that.visible) {
          $container.css('opacity', 0).show();
        }
        parentOffsetDiff = $container.offsetParent().offset();
        styles.top -= parentOffsetDiff.top;
        styles.top += containerParent.scrollTop;
        styles.left -= parentOffsetDiff.left;
        if (!that.visible) {
          $container.css('opacity', opacity).hide();
        }
      }
      if (that.options.width === 'auto') {
        styles.width = that.el.outerWidth() + 'px';
      }
      $container.css(styles);
    },
    isCursorAtEnd: function isCursorAtEnd() {
      var that = this,
        valLength = that.el.val().length,
        selectionStart = that.element.selectionStart,
        range;
      if (typeof selectionStart === 'number') {
        return selectionStart === valLength;
      }
      if (document.selection) {
        range = document.selection.createRange();
        range.moveStart('character', -valLength);
        return valLength === range.text.length;
      }
      return true;
    },
    onKeyPress: function onKeyPress(e) {
      var that = this;

      // If suggestions are hidden and user presses arrow down, display suggestions:
      if (!that.disabled && !that.visible && e.which === keys.DOWN && that.currentValue) {
        that.suggest();
        return;
      }
      if (that.disabled || !that.visible) {
        return;
      }
      switch (e.which) {
        case keys.ESC:
          that.el.val(that.currentValue);
          that.hide();
          break;
        case keys.RIGHT:
          if (that.hint && that.options.onHint && that.isCursorAtEnd()) {
            that.selectHint();
            break;
          }
          return;
        case keys.TAB:
          if (that.hint && that.options.onHint) {
            that.selectHint();
            return;
          }
          if (that.selectedIndex === -1) {
            that.hide();
            return;
          }
          that.select(that.selectedIndex);
          if (that.options.tabDisabled === false) {
            return;
          }
          break;
        case keys.RETURN:
          if (that.selectedIndex === -1) {
            that.hide();
            return;
          }
          that.select(that.selectedIndex);
          break;
        case keys.UP:
          that.moveUp();
          break;
        case keys.DOWN:
          that.moveDown();
          break;
        default:
          return;
      }

      // Cancel event if function did not return:
      e.stopImmediatePropagation();
      e.preventDefault();
    },
    onKeyUp: function onKeyUp(e) {
      var that = this;
      if (that.disabled) {
        return;
      }
      switch (e.which) {
        case keys.UP:
        case keys.DOWN:
          return;
      }
      clearTimeout(that.onChangeTimeout);
      if (that.currentValue !== that.el.val()) {
        that.findBestHint();
        if (that.options.deferRequestBy > 0) {
          // Defer lookup in case when value changes very quickly:
          that.onChangeTimeout = setTimeout(function () {
            that.onValueChange();
          }, that.options.deferRequestBy);
        } else {
          that.onValueChange();
        }
      }
    },
    onValueChange: function onValueChange() {
      if (this.ignoreValueChange) {
        this.ignoreValueChange = false;
        return;
      }
      var that = this,
        options = that.options,
        value = that.el.val(),
        query = that.getQuery(value);
      if (that.selection && that.currentValue !== query) {
        that.selection = null;
        (options.onInvalidateSelection || $.noop).call(that.element);
      }
      clearTimeout(that.onChangeTimeout);
      that.currentValue = value;
      that.selectedIndex = -1;

      // Check existing suggestion for the match before proceeding:
      if (options.triggerSelectOnValidInput && that.isExactMatch(query)) {
        that.select(0);
        return;
      }
      if (query.length < options.minChars) {
        that.hide();
      } else {
        that.getSuggestions(query);
      }
    },
    isExactMatch: function isExactMatch(query) {
      var suggestions = this.suggestions;
      return suggestions.length === 1 && suggestions[0].value.toLowerCase() === query.toLowerCase();
    },
    getQuery: function getQuery(value) {
      var delimiter = this.options.delimiter,
        parts;
      if (!delimiter) {
        return value;
      }
      parts = value.split(delimiter);
      return $.trim(parts[parts.length - 1]);
    },
    getSuggestionsLocal: function getSuggestionsLocal(query) {
      var that = this,
        options = that.options,
        queryLowerCase = query.toLowerCase(),
        filter = options.lookupFilter,
        limit = parseInt(options.lookupLimit, 10),
        data;
      data = {
        suggestions: $.grep(options.lookup, function (suggestion) {
          return filter(suggestion, query, queryLowerCase);
        })
      };
      if (limit && data.suggestions.length > limit) {
        data.suggestions = data.suggestions.slice(0, limit);
      }
      return data;
    },
    getSuggestions: function getSuggestions(q) {
      var response,
        that = this,
        options = that.options,
        serviceUrl = options.serviceUrl,
        params,
        cacheKey,
        ajaxSettings;
      options.params[options.paramName] = q;
      if (options.onSearchStart.call(that.element, options.params) === false) {
        return;
      }
      params = options.ignoreParams ? null : options.params;
      if ($.isFunction(options.lookup)) {
        options.lookup(q, function (data) {
          that.suggestions = data.suggestions;
          that.suggest();
          options.onSearchComplete.call(that.element, q, data.suggestions);
        });
        return;
      }
      if (that.isLocal) {
        response = that.getSuggestionsLocal(q);
      } else {
        if ($.isFunction(serviceUrl)) {
          serviceUrl = serviceUrl.call(that.element, q);
        }
        cacheKey = serviceUrl + '?' + $.param(params || {});
        response = that.cachedResponse[cacheKey];
      }
      if (response && Array.isArray(response.suggestions)) {
        that.suggestions = response.suggestions;
        that.suggest();
        options.onSearchComplete.call(that.element, q, response.suggestions);
      } else if (!that.isBadQuery(q)) {
        that.abortAjax();
        ajaxSettings = {
          url: serviceUrl,
          data: params,
          type: options.type,
          dataType: options.dataType
        };
        $.extend(ajaxSettings, options.ajaxSettings);
        that.currentRequest = $.ajax(ajaxSettings).done(function (data) {
          var result;
          that.currentRequest = null;
          result = options.transformResult(data, q);
          that.processResponse(result, q, cacheKey);
          options.onSearchComplete.call(that.element, q, result.suggestions);
        }).fail(function (jqXHR, textStatus, errorThrown) {
          options.onSearchError.call(that.element, q, jqXHR, textStatus, errorThrown);
        });
      } else {
        options.onSearchComplete.call(that.element, q, []);
      }
    },
    isBadQuery: function isBadQuery(q) {
      if (!this.options.preventBadQueries) {
        return false;
      }
      var badQueries = this.badQueries,
        i = badQueries.length;
      while (i--) {
        if (q.indexOf(badQueries[i]) === 0) {
          return true;
        }
      }
      return false;
    },
    hide: function hide() {
      var that = this,
        container = $(that.suggestionsContainer);
      if ($.isFunction(that.options.onHide) && that.visible) {
        that.options.onHide.call(that.element, container);
      }
      that.visible = false;
      that.selectedIndex = -1;
      clearTimeout(that.onChangeTimeout);
      $(that.suggestionsContainer).hide();
      that.signalHint(null);
    },
    suggest: function suggest() {
      if (!this.suggestions.length) {
        if (this.options.showNoSuggestionNotice) {
          this.noSuggestions();
        } else {
          this.hide();
        }
        return;
      }
      var that = this,
        options = that.options,
        groupBy = options.groupBy,
        formatResult = options.formatResult,
        value = that.getQuery(that.currentValue),
        className = that.classes.suggestion,
        classSelected = that.classes.selected,
        container = $(that.suggestionsContainer),
        noSuggestionsContainer = $(that.noSuggestionsContainer),
        beforeRender = options.beforeRender,
        html = '',
        category,
        formatGroup = function formatGroup(suggestion, index) {
          var currentCategory = suggestion.data[groupBy];
          if (category === currentCategory) {
            return '';
          }
          category = currentCategory;
          return options.formatGroup(suggestion, category);
        };
      if (options.triggerSelectOnValidInput && that.isExactMatch(value)) {
        that.select(0);
        return;
      }

      // Build suggestions inner HTML:
      $.each(that.suggestions, function (i, suggestion) {
        if (groupBy) {
          html += formatGroup(suggestion, value, i);
        }
        html += '<div class="' + className + '" data-index="' + i + '">' + formatResult(suggestion, value, i) + '</div>';
      });
      this.adjustContainerWidth();
      noSuggestionsContainer.detach();
      container.html(html);
      if ($.isFunction(beforeRender)) {
        beforeRender.call(that.element, container, that.suggestions);
      }
      that.fixPosition();
      container.show();

      // Select first value by default:
      if (options.autoSelectFirst) {
        that.selectedIndex = 0;
        container.scrollTop(0);
        container.children('.' + className).first().addClass(classSelected);
      }
      that.visible = true;
      that.findBestHint();
    },
    noSuggestions: function noSuggestions() {
      var that = this,
        beforeRender = that.options.beforeRender,
        container = $(that.suggestionsContainer),
        noSuggestionsContainer = $(that.noSuggestionsContainer);
      this.adjustContainerWidth();

      // Some explicit steps. Be careful here as it easy to get
      // noSuggestionsContainer removed from DOM if not detached properly.
      noSuggestionsContainer.detach();

      // clean suggestions if any
      container.empty();
      container.append(noSuggestionsContainer);
      if ($.isFunction(beforeRender)) {
        beforeRender.call(that.element, container, that.suggestions);
      }
      that.fixPosition();
      container.show();
      that.visible = true;
    },
    adjustContainerWidth: function adjustContainerWidth() {
      var that = this,
        options = that.options,
        width,
        container = $(that.suggestionsContainer);

      // If width is auto, adjust width before displaying suggestions,
      // because if instance was created before input had width, it will be zero.
      // Also it adjusts if input width has changed.
      if (options.width === 'auto') {
        width = that.el.outerWidth();
        container.css('width', width > 0 ? width : 300);
      } else if (options.width === 'flex') {
        // Trust the source! Unset the width property so it will be the max length
        // the containing elements.
        container.css('width', '');
      }
    },
    findBestHint: function findBestHint() {
      var that = this,
        value = that.el.val().toLowerCase(),
        bestMatch = null;
      if (!value) {
        return;
      }
      $.each(that.suggestions, function (i, suggestion) {
        var foundMatch = suggestion.value.toLowerCase().indexOf(value) === 0;
        if (foundMatch) {
          bestMatch = suggestion;
        }
        return !foundMatch;
      });
      that.signalHint(bestMatch);
    },
    signalHint: function signalHint(suggestion) {
      var hintValue = '',
        that = this;
      if (suggestion) {
        hintValue = that.currentValue + suggestion.value.substr(that.currentValue.length);
      }
      if (that.hintValue !== hintValue) {
        that.hintValue = hintValue;
        that.hint = suggestion;
        (this.options.onHint || $.noop)(hintValue);
      }
    },
    verifySuggestionsFormat: function verifySuggestionsFormat(suggestions) {
      // If suggestions is string array, convert them to supported format:
      if (suggestions.length && typeof suggestions[0] === 'string') {
        return $.map(suggestions, function (value) {
          return {
            value: value,
            data: null
          };
        });
      }
      return suggestions;
    },
    validateOrientation: function validateOrientation(orientation, fallback) {
      orientation = $.trim(orientation || '').toLowerCase();
      if ($.inArray(orientation, ['auto', 'bottom', 'top']) === -1) {
        orientation = fallback;
      }
      return orientation;
    },
    processResponse: function processResponse(result, originalQuery, cacheKey) {
      var that = this,
        options = that.options;
      result.suggestions = that.verifySuggestionsFormat(result.suggestions);

      // Cache results if cache is not disabled:
      if (!options.noCache) {
        that.cachedResponse[cacheKey] = result;
        if (options.preventBadQueries && !result.suggestions.length) {
          that.badQueries.push(originalQuery);
        }
      }

      // Return if originalQuery is not matching current query:
      if (originalQuery !== that.getQuery(that.currentValue)) {
        return;
      }
      that.suggestions = result.suggestions;
      that.suggest();
    },
    activate: function activate(index) {
      var that = this,
        activeItem,
        selected = that.classes.selected,
        container = $(that.suggestionsContainer),
        children = container.find('.' + that.classes.suggestion);
      container.find('.' + selected).removeClass(selected);
      that.selectedIndex = index;
      if (that.selectedIndex !== -1 && children.length > that.selectedIndex) {
        activeItem = children.get(that.selectedIndex);
        $(activeItem).addClass(selected);
        return activeItem;
      }
      return null;
    },
    selectHint: function selectHint() {
      var that = this,
        i = $.inArray(that.hint, that.suggestions);
      that.select(i);
    },
    select: function select(i) {
      var that = this;
      that.hide();
      that.onSelect(i);
    },
    moveUp: function moveUp() {
      var that = this;
      if (that.selectedIndex === -1) {
        return;
      }
      if (that.selectedIndex === 0) {
        $(that.suggestionsContainer).children('.' + that.classes.suggestion).first().removeClass(that.classes.selected);
        that.selectedIndex = -1;
        that.ignoreValueChange = false;
        that.el.val(that.currentValue);
        that.findBestHint();
        return;
      }
      that.adjustScroll(that.selectedIndex - 1);
    },
    moveDown: function moveDown() {
      var that = this;
      if (that.selectedIndex === that.suggestions.length - 1) {
        return;
      }
      that.adjustScroll(that.selectedIndex + 1);
    },
    adjustScroll: function adjustScroll(index) {
      var that = this,
        activeItem = that.activate(index);
      if (!activeItem) {
        return;
      }
      var offsetTop,
        upperBound,
        lowerBound,
        heightDelta = $(activeItem).outerHeight();
      offsetTop = activeItem.offsetTop;
      upperBound = $(that.suggestionsContainer).scrollTop();
      lowerBound = upperBound + that.options.maxHeight - heightDelta;
      if (offsetTop < upperBound) {
        $(that.suggestionsContainer).scrollTop(offsetTop);
      } else if (offsetTop > lowerBound) {
        $(that.suggestionsContainer).scrollTop(offsetTop - that.options.maxHeight + heightDelta);
      }
      if (!that.options.preserveInput) {
        // During onBlur event, browser will trigger "change" event,
        // because value has changed, to avoid side effect ignore,
        // that event, so that correct suggestion can be selected
        // when clicking on suggestion with a mouse
        that.ignoreValueChange = true;
        that.el.val(that.getValue(that.suggestions[index].value));
      }
      that.signalHint(null);
    },
    onSelect: function onSelect(index) {
      var that = this,
        onSelectCallback = that.options.onSelect,
        suggestion = that.suggestions[index];
      that.currentValue = that.getValue(suggestion.value);
      if (that.currentValue !== that.el.val() && !that.options.preserveInput) {
        that.el.val(that.currentValue);
      }
      that.signalHint(null);
      that.suggestions = [];
      that.selection = suggestion;
      if ($.isFunction(onSelectCallback)) {
        onSelectCallback.call(that.element, suggestion);
      }
    },
    getValue: function getValue(value) {
      var that = this,
        delimiter = that.options.delimiter,
        currentValue,
        parts;
      if (!delimiter) {
        return value;
      }
      currentValue = that.currentValue;
      parts = currentValue.split(delimiter);
      if (parts.length === 1) {
        return value;
      }
      return currentValue.substr(0, currentValue.length - parts[parts.length - 1].length) + value;
    },
    dispose: function dispose() {
      var that = this;
      that.el.off('.autocomplete').removeData('autocomplete');
      $(window).off('resize.autocomplete', that.fixPositionCapture);
      $(that.suggestionsContainer).remove();
    }
  };

  // Create chainable jQuery plugin:
  $.fn.devbridgeAutocomplete = function (options, args) {
    var dataKey = 'autocomplete';
    // If function invoked without argument return
    // instance of the first matched element:
    if (!arguments.length) {
      return this.first().data(dataKey);
    }
    return this.each(function () {
      var inputElement = $(this),
        instance = inputElement.data(dataKey);
      if (typeof options === 'string') {
        if (instance && typeof instance[options] === 'function') {
          instance[options](args);
        }
      } else {
        // If instance already exists, destroy it:
        if (instance && instance.dispose) {
          instance.dispose();
        }
        instance = new Autocomplete(this, options);
        inputElement.data(dataKey, instance);
      }
    });
  };

  // Don't overwrite if it already exists
  if (!$.fn.autocomplete) {
    $.fn.autocomplete = $.fn.devbridgeAutocomplete;
  }
});

}).call(this)}).call(this,typeof global !== "undefined" ? global : typeof self !== "undefined" ? self : typeof window !== "undefined" ? window : {})
},{}],2:[function(require,module,exports){
(function (global){(function (){
"use strict";

function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
/*!
 * VERSION: 1.20.4
 * DATE: 2018-02-15
 * UPDATES AND DOCS AT: http://greensock.com
 *
 * @license Copyright (c) 2008-2018, GreenSock. All rights reserved.
 * This work is subject to the terms at http://greensock.com/standard-license or for
 * Club GreenSock members, the software agreement that was issued with your membership.
 * 
 * @author: Jack Doyle, jack@greensock.com
 */
var _gsScope = typeof module !== "undefined" && module.exports && typeof global !== "undefined" ? global : void 0 || window; //helps ensure compatibility with AMD/RequireJS and CommonJS/Node
(_gsScope._gsQueue || (_gsScope._gsQueue = [])).push(function () {
  "use strict";

  _gsScope._gsDefine("plugins.CSSPlugin", ["plugins.TweenPlugin", "TweenLite"], function (TweenPlugin, TweenLite) {
    /** @constructor **/
    var CSSPlugin = function CSSPlugin() {
        TweenPlugin.call(this, "css");
        this._overwriteProps.length = 0;
        this.setRatio = CSSPlugin.prototype.setRatio; //speed optimization (avoid prototype lookup on this "hot" method)
      },
      _globals = _gsScope._gsDefine.globals,
      _hasPriority,
      //turns true whenever a CSSPropTween instance is created that has a priority other than 0. This helps us discern whether or not we should spend the time organizing the linked list or not after a CSSPlugin's _onInitTween() method is called.
      _suffixMap,
      //we set this in _onInitTween() each time as a way to have a persistent variable we can use in other methods like _parse() without having to pass it around as a parameter and we keep _parse() decoupled from a particular CSSPlugin instance
      _cs,
      //computed style (we store this in a shared variable to conserve memory and make minification tighter
      _overwriteProps,
      //alias to the currently instantiating CSSPlugin's _overwriteProps array. We use this closure in order to avoid having to pass a reference around from method to method and aid in minification.
      _specialProps = {},
      p = CSSPlugin.prototype = new TweenPlugin("css");
    p.constructor = CSSPlugin;
    CSSPlugin.version = "1.20.4";
    CSSPlugin.API = 2;
    CSSPlugin.defaultTransformPerspective = 0;
    CSSPlugin.defaultSkewType = "compensated";
    CSSPlugin.defaultSmoothOrigin = true;
    p = "px"; //we'll reuse the "p" variable to keep file size down
    CSSPlugin.suffixMap = {
      top: p,
      right: p,
      bottom: p,
      left: p,
      width: p,
      height: p,
      fontSize: p,
      padding: p,
      margin: p,
      perspective: p,
      lineHeight: ""
    };
    var _numExp = /(?:\-|\.|\b)(\d|\.|e\-)+/g,
      _relNumExp = /(?:\d|\-\d|\.\d|\-\.\d|\+=\d|\-=\d|\+=.\d|\-=\.\d)+/g,
      _valuesExp = /(?:\+=|\-=|\-|\b)[\d\-\.]+[a-zA-Z0-9]*(?:%|\b)/gi,
      //finds all the values that begin with numbers or += or -= and then a number. Includes suffixes. We use this to split complex values apart like "1px 5px 20px rgb(255,102,51)"
      _NaNExp = /(?![+-]?\d*\.?\d+|[+-]|e[+-]\d+)[^0-9]/g,
      //also allows scientific notation and doesn't kill the leading -/+ in -= and +=
      _suffixExp = /(?:\d|\-|\+|=|#|\.)*/g,
      _opacityExp = /opacity *= *([^)]*)/i,
      _opacityValExp = /opacity:([^;]*)/i,
      _alphaFilterExp = /alpha\(opacity *=.+?\)/i,
      _rgbhslExp = /^(rgb|hsl)/,
      _capsExp = /([A-Z])/g,
      _camelExp = /-([a-z])/gi,
      _urlExp = /(^(?:url\(\"|url\())|(?:(\"\))$|\)$)/gi,
      //for pulling out urls from url(...) or url("...") strings (some browsers wrap urls in quotes, some don't when reporting things like backgroundImage)
      _camelFunc = function _camelFunc(s, g) {
        return g.toUpperCase();
      },
      _horizExp = /(?:Left|Right|Width)/i,
      _ieGetMatrixExp = /(M11|M12|M21|M22)=[\d\-\.e]+/gi,
      _ieSetMatrixExp = /progid\:DXImageTransform\.Microsoft\.Matrix\(.+?\)/i,
      _commasOutsideParenExp = /,(?=[^\)]*(?:\(|$))/gi,
      //finds any commas that are not within parenthesis
      _complexExp = /[\s,\(]/i,
      //for testing a string to find if it has a space, comma, or open parenthesis (clues that it's a complex value)
      _DEG2RAD = Math.PI / 180,
      _RAD2DEG = 180 / Math.PI,
      _forcePT = {},
      _dummyElement = {
        style: {}
      },
      _doc = _gsScope.document || {
        createElement: function createElement() {
          return _dummyElement;
        }
      },
      _createElement = function _createElement(type, ns) {
        return _doc.createElementNS ? _doc.createElementNS(ns || "http://www.w3.org/1999/xhtml", type) : _doc.createElement(type);
      },
      _tempDiv = _createElement("div"),
      _tempImg = _createElement("img"),
      _internals = CSSPlugin._internals = {
        _specialProps: _specialProps
      },
      //provides a hook to a few internal methods that we need to access from inside other plugins
      _agent = (_gsScope.navigator || {}).userAgent || "",
      _autoRound,
      _reqSafariFix,
      //we won't apply the Safari transform fix until we actually come across a tween that affects a transform property (to maintain best performance).

      _isSafari,
      _isFirefox,
      //Firefox has a bug that causes 3D transformed elements to randomly disappear unless a repaint is forced after each update on each element.
      _isSafariLT6,
      //Safari (and Android 4 which uses a flavor of Safari) has a bug that prevents changes to "top" and "left" properties from rendering properly if changed on the same frame as a transform UNLESS we set the element's WebkitBackfaceVisibility to hidden (weird, I know). Doing this for Android 3 and earlier seems to actually cause other problems, though (fun!)
      _ieVers,
      _supportsOpacity = function () {
        //we set _isSafari, _ieVers, _isFirefox, and _supportsOpacity all in one function here to reduce file size slightly, especially in the minified version.
        var i = _agent.indexOf("Android"),
          a = _createElement("a");
        _isSafari = _agent.indexOf("Safari") !== -1 && _agent.indexOf("Chrome") === -1 && (i === -1 || parseFloat(_agent.substr(i + 8, 2)) > 3);
        _isSafariLT6 = _isSafari && parseFloat(_agent.substr(_agent.indexOf("Version/") + 8, 2)) < 6;
        _isFirefox = _agent.indexOf("Firefox") !== -1;
        if (/MSIE ([0-9]{1,}[\.0-9]{0,})/.exec(_agent) || /Trident\/.*rv:([0-9]{1,}[\.0-9]{0,})/.exec(_agent)) {
          _ieVers = parseFloat(RegExp.$1);
        }
        if (!a) {
          return false;
        }
        a.style.cssText = "top:1px;opacity:.55;";
        return /^0.55/.test(a.style.opacity);
      }(),
      _getIEOpacity = function _getIEOpacity(v) {
        return _opacityExp.test(typeof v === "string" ? v : (v.currentStyle ? v.currentStyle.filter : v.style.filter) || "") ? parseFloat(RegExp.$1) / 100 : 1;
      },
      _log = function _log(s) {
        //for logging messages, but in a way that won't throw errors in old versions of IE.
        if (_gsScope.console) {
          console.log(s);
        }
      },
      _target,
      //when initting a CSSPlugin, we set this variable so that we can access it from within many other functions without having to pass it around as params
      _index,
      //when initting a CSSPlugin, we set this variable so that we can access it from within many other functions without having to pass it around as params

      _prefixCSS = "",
      //the non-camelCase vendor prefix like "-o-", "-moz-", "-ms-", or "-webkit-"
      _prefix = "",
      //camelCase vendor prefix like "O", "ms", "Webkit", or "Moz".

      // @private feed in a camelCase property name like "transform" and it will check to see if it is valid as-is or if it needs a vendor prefix. It returns the corrected camelCase property name (i.e. "WebkitTransform" or "MozTransform" or "transform" or null if no such property is found, like if the browser is IE8 or before, "transform" won't be found at all)
      _checkPropPrefix = function _checkPropPrefix(p, e) {
        e = e || _tempDiv;
        var s = e.style,
          a,
          i;
        if (s[p] !== undefined) {
          return p;
        }
        p = p.charAt(0).toUpperCase() + p.substr(1);
        a = ["O", "Moz", "ms", "Ms", "Webkit"];
        i = 5;
        while (--i > -1 && s[a[i] + p] === undefined) {}
        if (i >= 0) {
          _prefix = i === 3 ? "ms" : a[i];
          _prefixCSS = "-" + _prefix.toLowerCase() + "-";
          return _prefix + p;
        }
        return null;
      },
      _getComputedStyle = _doc.defaultView ? _doc.defaultView.getComputedStyle : function () {},
      /**
       * @private Returns the css style for a particular property of an element. For example, to get whatever the current "left" css value for an element with an ID of "myElement", you could do:
       * var currentLeft = CSSPlugin.getStyle( document.getElementById("myElement"), "left");
       *
       * @param {!Object} t Target element whose style property you want to query
       * @param {!string} p Property name (like "left" or "top" or "marginTop", etc.)
       * @param {Object=} cs Computed style object. This just provides a way to speed processing if you're going to get several properties on the same element in quick succession - you can reuse the result of the getComputedStyle() call.
       * @param {boolean=} calc If true, the value will not be read directly from the element's "style" property (if it exists there), but instead the getComputedStyle() result will be used. This can be useful when you want to ensure that the browser itself is interpreting the value.
       * @param {string=} dflt Default value that should be returned in the place of null, "none", "auto" or "auto auto".
       * @return {?string} The current property value
       */
      _getStyle = CSSPlugin.getStyle = function (t, p, cs, calc, dflt) {
        var rv;
        if (!_supportsOpacity) if (p === "opacity") {
          //several versions of IE don't use the standard "opacity" property - they use things like filter:alpha(opacity=50), so we parse that here.
          return _getIEOpacity(t);
        }
        if (!calc && t.style[p]) {
          rv = t.style[p];
        } else if (cs = cs || _getComputedStyle(t)) {
          rv = cs[p] || cs.getPropertyValue(p) || cs.getPropertyValue(p.replace(_capsExp, "-$1").toLowerCase());
        } else if (t.currentStyle) {
          rv = t.currentStyle[p];
        }
        return dflt != null && (!rv || rv === "none" || rv === "auto" || rv === "auto auto") ? dflt : rv;
      },
      /**
       * @private Pass the target element, the property name, the numeric value, and the suffix (like "%", "em", "px", etc.) and it will spit back the equivalent pixel number.
       * @param {!Object} t Target element
       * @param {!string} p Property name (like "left", "top", "marginLeft", etc.)
       * @param {!number} v Value
       * @param {string=} sfx Suffix (like "px" or "%" or "em")
       * @param {boolean=} recurse If true, the call is a recursive one. In some browsers (like IE7/8), occasionally the value isn't accurately reported initially, but if we run the function again it will take effect.
       * @return {number} value in pixels
       */
      _convertToPixels = _internals.convertToPixels = function (t, p, v, sfx, recurse) {
        if (sfx === "px" || !sfx && p !== "lineHeight") {
          return v;
        }
        if (sfx === "auto" || !v) {
          return 0;
        }
        var horiz = _horizExp.test(p),
          node = t,
          style = _tempDiv.style,
          neg = v < 0,
          precise = v === 1,
          pix,
          cache,
          time;
        if (neg) {
          v = -v;
        }
        if (precise) {
          v *= 100;
        }
        if (p === "lineHeight" && !sfx) {
          //special case of when a simple lineHeight (without a unit) is used. Set it to the value, read back the computed value, and then revert.
          cache = _getComputedStyle(t).lineHeight;
          t.style.lineHeight = v;
          pix = parseFloat(_getComputedStyle(t).lineHeight);
          t.style.lineHeight = cache;
        } else if (sfx === "%" && p.indexOf("border") !== -1) {
          pix = v / 100 * (horiz ? t.clientWidth : t.clientHeight);
        } else {
          style.cssText = "border:0 solid red;position:" + _getStyle(t, "position") + ";line-height:0;";
          if (sfx === "%" || !node.appendChild || sfx.charAt(0) === "v" || sfx === "rem") {
            node = t.parentNode || _doc.body;
            if (_getStyle(node, "display").indexOf("flex") !== -1) {
              //Edge and IE11 have a bug that causes offsetWidth to report as 0 if the container has display:flex and the child is position:relative. Switching to position: absolute solves it.
              style.position = "absolute";
            }
            cache = node._gsCache;
            time = TweenLite.ticker.frame;
            if (cache && horiz && cache.time === time) {
              //performance optimization: we record the width of elements along with the ticker frame so that we can quickly get it again on the same tick (seems relatively safe to assume it wouldn't change on the same tick)
              return cache.width * v / 100;
            }
            style[horiz ? "width" : "height"] = v + sfx;
          } else {
            style[horiz ? "borderLeftWidth" : "borderTopWidth"] = v + sfx;
          }
          node.appendChild(_tempDiv);
          pix = parseFloat(_tempDiv[horiz ? "offsetWidth" : "offsetHeight"]);
          node.removeChild(_tempDiv);
          if (horiz && sfx === "%" && CSSPlugin.cacheWidths !== false) {
            cache = node._gsCache = node._gsCache || {};
            cache.time = time;
            cache.width = pix / v * 100;
          }
          if (pix === 0 && !recurse) {
            pix = _convertToPixels(t, p, v, sfx, true);
          }
        }
        if (precise) {
          pix /= 100;
        }
        return neg ? -pix : pix;
      },
      _calculateOffset = _internals.calculateOffset = function (t, p, cs) {
        //for figuring out "top" or "left" in px when it's "auto". We need to factor in margin with the offsetLeft/offsetTop
        if (_getStyle(t, "position", cs) !== "absolute") {
          return 0;
        }
        var dim = p === "left" ? "Left" : "Top",
          v = _getStyle(t, "margin" + dim, cs);
        return t["offset" + dim] - (_convertToPixels(t, p, parseFloat(v), v.replace(_suffixExp, "")) || 0);
      },
      // @private returns at object containing ALL of the style properties in camelCase and their associated values.
      _getAllStyles = function _getAllStyles(t, cs) {
        var s = {},
          i,
          tr,
          p;
        if (cs = cs || _getComputedStyle(t, null)) {
          if (i = cs.length) {
            while (--i > -1) {
              p = cs[i];
              if (p.indexOf("-transform") === -1 || _transformPropCSS === p) {
                //Some webkit browsers duplicate transform values, one non-prefixed and one prefixed ("transform" and "WebkitTransform"), so we must weed out the extra one here.
                s[p.replace(_camelExp, _camelFunc)] = cs.getPropertyValue(p);
              }
            }
          } else {
            //some browsers behave differently - cs.length is always 0, so we must do a for...in loop.
            for (i in cs) {
              if (i.indexOf("Transform") === -1 || _transformProp === i) {
                //Some webkit browsers duplicate transform values, one non-prefixed and one prefixed ("transform" and "WebkitTransform"), so we must weed out the extra one here.
                s[i] = cs[i];
              }
            }
          }
        } else if (cs = t.currentStyle || t.style) {
          for (i in cs) {
            if (typeof i === "string" && s[i] === undefined) {
              s[i.replace(_camelExp, _camelFunc)] = cs[i];
            }
          }
        }
        if (!_supportsOpacity) {
          s.opacity = _getIEOpacity(t);
        }
        tr = _getTransform(t, cs, false);
        s.rotation = tr.rotation;
        s.skewX = tr.skewX;
        s.scaleX = tr.scaleX;
        s.scaleY = tr.scaleY;
        s.x = tr.x;
        s.y = tr.y;
        if (_supports3D) {
          s.z = tr.z;
          s.rotationX = tr.rotationX;
          s.rotationY = tr.rotationY;
          s.scaleZ = tr.scaleZ;
        }
        if (s.filters) {
          delete s.filters;
        }
        return s;
      },
      // @private analyzes two style objects (as returned by _getAllStyles()) and only looks for differences between them that contain tweenable values (like a number or color). It returns an object with a "difs" property which refers to an object containing only those isolated properties and values for tweening, and a "firstMPT" property which refers to the first MiniPropTween instance in a linked list that recorded all the starting values of the different properties so that we can revert to them at the end or beginning of the tween - we don't want the cascading to get messed up. The forceLookup parameter is an optional generic object with properties that should be forced into the results - this is necessary for className tweens that are overwriting others because imagine a scenario where a rollover/rollout adds/removes a class and the user swipes the mouse over the target SUPER fast, thus nothing actually changed yet and the subsequent comparison of the properties would indicate they match (especially when px rounding is taken into consideration), thus no tweening is necessary even though it SHOULD tween and remove those properties after the tween (otherwise the inline styles will contaminate things). See the className SpecialProp code for details.
      _cssDif = function _cssDif(t, s1, s2, vars, forceLookup) {
        var difs = {},
          style = t.style,
          val,
          p,
          mpt;
        for (p in s2) {
          if (p !== "cssText") if (p !== "length") if (isNaN(p)) if (s1[p] !== (val = s2[p]) || forceLookup && forceLookup[p]) if (p.indexOf("Origin") === -1) if (typeof val === "number" || typeof val === "string") {
            difs[p] = val === "auto" && (p === "left" || p === "top") ? _calculateOffset(t, p) : (val === "" || val === "auto" || val === "none") && typeof s1[p] === "string" && s1[p].replace(_NaNExp, "") !== "" ? 0 : val; //if the ending value is defaulting ("" or "auto"), we check the starting value and if it can be parsed into a number (a string which could have a suffix too, like 700px), then we swap in 0 for "" or "auto" so that things actually tween.
            if (style[p] !== undefined) {
              //for className tweens, we must remember which properties already existed inline - the ones that didn't should be removed when the tween isn't in progress because they were only introduced to facilitate the transition between classes.
              mpt = new MiniPropTween(style, p, style[p], mpt);
            }
          }
        }
        if (vars) {
          for (p in vars) {
            //copy properties (except className)
            if (p !== "className") {
              difs[p] = vars[p];
            }
          }
        }
        return {
          difs: difs,
          firstMPT: mpt
        };
      },
      _dimensions = {
        width: ["Left", "Right"],
        height: ["Top", "Bottom"]
      },
      _margins = ["marginLeft", "marginRight", "marginTop", "marginBottom"],
      /**
       * @private Gets the width or height of an element
       * @param {!Object} t Target element
       * @param {!string} p Property name ("width" or "height")
       * @param {Object=} cs Computed style object (if one exists). Just a speed optimization.
       * @return {number} Dimension (in pixels)
       */
      _getDimension = function _getDimension(t, p, cs) {
        if ((t.nodeName + "").toLowerCase() === "svg") {
          //Chrome no longer supports offsetWidth/offsetHeight on SVG elements.
          return (cs || _getComputedStyle(t))[p] || 0;
        } else if (t.getCTM && _isSVG(t)) {
          return t.getBBox()[p] || 0;
        }
        var v = parseFloat(p === "width" ? t.offsetWidth : t.offsetHeight),
          a = _dimensions[p],
          i = a.length;
        cs = cs || _getComputedStyle(t, null);
        while (--i > -1) {
          v -= parseFloat(_getStyle(t, "padding" + a[i], cs, true)) || 0;
          v -= parseFloat(_getStyle(t, "border" + a[i] + "Width", cs, true)) || 0;
        }
        return v;
      },
      // @private Parses position-related complex strings like "top left" or "50px 10px" or "70% 20%", etc. which are used for things like transformOrigin or backgroundPosition. Optionally decorates a supplied object (recObj) with the following properties: "ox" (offsetX), "oy" (offsetY), "oxp" (if true, "ox" is a percentage not a pixel value), and "oxy" (if true, "oy" is a percentage not a pixel value)
      _parsePosition = function _parsePosition(v, recObj) {
        if (v === "contain" || v === "auto" || v === "auto auto") {
          //note: Firefox uses "auto auto" as default whereas Chrome uses "auto".
          return v + " ";
        }
        if (v == null || v === "") {
          v = "0 0";
        }
        var a = v.split(" "),
          x = v.indexOf("left") !== -1 ? "0%" : v.indexOf("right") !== -1 ? "100%" : a[0],
          y = v.indexOf("top") !== -1 ? "0%" : v.indexOf("bottom") !== -1 ? "100%" : a[1],
          i;
        if (a.length > 3 && !recObj) {
          //multiple positions
          a = v.split(", ").join(",").split(",");
          v = [];
          for (i = 0; i < a.length; i++) {
            v.push(_parsePosition(a[i]));
          }
          return v.join(",");
        }
        if (y == null) {
          y = x === "center" ? "50%" : "0";
        } else if (y === "center") {
          y = "50%";
        }
        if (x === "center" || isNaN(parseFloat(x)) && (x + "").indexOf("=") === -1) {
          //remember, the user could flip-flop the values and say "bottom center" or "center bottom", etc. "center" is ambiguous because it could be used to describe horizontal or vertical, hence the isNaN(). If there's an "=" sign in the value, it's relative.
          x = "50%";
        }
        v = x + " " + y + (a.length > 2 ? " " + a[2] : "");
        if (recObj) {
          recObj.oxp = x.indexOf("%") !== -1;
          recObj.oyp = y.indexOf("%") !== -1;
          recObj.oxr = x.charAt(1) === "=";
          recObj.oyr = y.charAt(1) === "=";
          recObj.ox = parseFloat(x.replace(_NaNExp, ""));
          recObj.oy = parseFloat(y.replace(_NaNExp, ""));
          recObj.v = v;
        }
        return recObj || v;
      },
      /**
       * @private Takes an ending value (typically a string, but can be a number) and a starting value and returns the change between the two, looking for relative value indicators like += and -= and it also ignores suffixes (but make sure the ending value starts with a number or +=/-= and that the starting value is a NUMBER!)
       * @param {(number|string)} e End value which is typically a string, but could be a number
       * @param {(number|string)} b Beginning value which is typically a string but could be a number
       * @return {number} Amount of change between the beginning and ending values (relative values that have a "+=" or "-=" are recognized)
       */
      _parseChange = function _parseChange(e, b) {
        if (typeof e === "function") {
          e = e(_index, _target);
        }
        return typeof e === "string" && e.charAt(1) === "=" ? parseInt(e.charAt(0) + "1", 10) * parseFloat(e.substr(2)) : parseFloat(e) - parseFloat(b) || 0;
      },
      /**
       * @private Takes a value and a default number, checks if the value is relative, null, or numeric and spits back a normalized number accordingly. Primarily used in the _parseTransform() function.
       * @param {Object} v Value to be parsed
       * @param {!number} d Default value (which is also used for relative calculations if "+=" or "-=" is found in the first parameter)
       * @return {number} Parsed value
       */
      _parseVal = function _parseVal(v, d) {
        if (typeof v === "function") {
          v = v(_index, _target);
        }
        return v == null ? d : typeof v === "string" && v.charAt(1) === "=" ? parseInt(v.charAt(0) + "1", 10) * parseFloat(v.substr(2)) + d : parseFloat(v) || 0;
      },
      /**
       * @private Translates strings like "40deg" or "40" or 40rad" or "+=40deg" or "270_short" or "-90_cw" or "+=45_ccw" to a numeric radian angle. Of course a starting/default value must be fed in too so that relative values can be calculated properly.
       * @param {Object} v Value to be parsed
       * @param {!number} d Default value (which is also used for relative calculations if "+=" or "-=" is found in the first parameter)
       * @param {string=} p property name for directionalEnd (optional - only used when the parsed value is directional ("_short", "_cw", or "_ccw" suffix). We need a way to store the uncompensated value so that at the end of the tween, we set it to exactly what was requested with no directional compensation). Property name would be "rotation", "rotationX", or "rotationY"
       * @param {Object=} directionalEnd An object that will store the raw end values for directional angles ("_short", "_cw", or "_ccw" suffix). We need a way to store the uncompensated value so that at the end of the tween, we set it to exactly what was requested with no directional compensation.
       * @return {number} parsed angle in radians
       */
      _parseAngle = function _parseAngle(v, d, p, directionalEnd) {
        var min = 0.000001,
          cap,
          split,
          dif,
          result,
          isRelative;
        if (typeof v === "function") {
          v = v(_index, _target);
        }
        if (v == null) {
          result = d;
        } else if (typeof v === "number") {
          result = v;
        } else {
          cap = 360;
          split = v.split("_");
          isRelative = v.charAt(1) === "=";
          dif = (isRelative ? parseInt(v.charAt(0) + "1", 10) * parseFloat(split[0].substr(2)) : parseFloat(split[0])) * (v.indexOf("rad") === -1 ? 1 : _RAD2DEG) - (isRelative ? 0 : d);
          if (split.length) {
            if (directionalEnd) {
              directionalEnd[p] = d + dif;
            }
            if (v.indexOf("short") !== -1) {
              dif = dif % cap;
              if (dif !== dif % (cap / 2)) {
                dif = dif < 0 ? dif + cap : dif - cap;
              }
            }
            if (v.indexOf("_cw") !== -1 && dif < 0) {
              dif = (dif + cap * 9999999999) % cap - (dif / cap | 0) * cap;
            } else if (v.indexOf("ccw") !== -1 && dif > 0) {
              dif = (dif - cap * 9999999999) % cap - (dif / cap | 0) * cap;
            }
          }
          result = d + dif;
        }
        if (result < min && result > -min) {
          result = 0;
        }
        return result;
      },
      _colorLookup = {
        aqua: [0, 255, 255],
        lime: [0, 255, 0],
        silver: [192, 192, 192],
        black: [0, 0, 0],
        maroon: [128, 0, 0],
        teal: [0, 128, 128],
        blue: [0, 0, 255],
        navy: [0, 0, 128],
        white: [255, 255, 255],
        fuchsia: [255, 0, 255],
        olive: [128, 128, 0],
        yellow: [255, 255, 0],
        orange: [255, 165, 0],
        gray: [128, 128, 128],
        purple: [128, 0, 128],
        green: [0, 128, 0],
        red: [255, 0, 0],
        pink: [255, 192, 203],
        cyan: [0, 255, 255],
        transparent: [255, 255, 255, 0]
      },
      _hue = function _hue(h, m1, m2) {
        h = h < 0 ? h + 1 : h > 1 ? h - 1 : h;
        return (h * 6 < 1 ? m1 + (m2 - m1) * h * 6 : h < 0.5 ? m2 : h * 3 < 2 ? m1 + (m2 - m1) * (2 / 3 - h) * 6 : m1) * 255 + 0.5 | 0;
      },
      /**
       * @private Parses a color (like #9F0, #FF9900, rgb(255,51,153) or hsl(108, 50%, 10%)) into an array with 3 elements for red, green, and blue or if toHSL parameter is true, it will populate the array with hue, saturation, and lightness values. If a relative value is found in an hsl() or hsla() string, it will preserve those relative prefixes and all the values in the array will be strings instead of numbers (in all other cases it will be populated with numbers).
       * @param {(string|number)} v The value the should be parsed which could be a string like #9F0 or rgb(255,102,51) or rgba(255,0,0,0.5) or it could be a number like 0xFF00CC or even a named color like red, blue, purple, etc.
       * @param {(boolean)} toHSL If true, an hsl() or hsla() value will be returned instead of rgb() or rgba()
       * @return {Array.<number>} An array containing red, green, and blue (and optionally alpha) in that order, or if the toHSL parameter was true, the array will contain hue, saturation and lightness (and optionally alpha) in that order. Always numbers unless there's a relative prefix found in an hsl() or hsla() string and toHSL is true.
       */
      _parseColor = CSSPlugin.parseColor = function (v, toHSL) {
        var a, r, g, b, h, s, l, max, min, d, wasHSL;
        if (!v) {
          a = _colorLookup.black;
        } else if (typeof v === "number") {
          a = [v >> 16, v >> 8 & 255, v & 255];
        } else {
          if (v.charAt(v.length - 1) === ",") {
            //sometimes a trailing comma is included and we should chop it off (typically from a comma-delimited list of values like a textShadow:"2px 2px 2px blue, 5px 5px 5px rgb(255,0,0)" - in this example "blue," has a trailing comma. We could strip it out inside parseComplex() but we'd need to do it to the beginning and ending values plus it wouldn't provide protection from other potential scenarios like if the user passes in a similar value.
            v = v.substr(0, v.length - 1);
          }
          if (_colorLookup[v]) {
            a = _colorLookup[v];
          } else if (v.charAt(0) === "#") {
            if (v.length === 4) {
              //for shorthand like #9F0
              r = v.charAt(1);
              g = v.charAt(2);
              b = v.charAt(3);
              v = "#" + r + r + g + g + b + b;
            }
            v = parseInt(v.substr(1), 16);
            a = [v >> 16, v >> 8 & 255, v & 255];
          } else if (v.substr(0, 3) === "hsl") {
            a = wasHSL = v.match(_numExp);
            if (!toHSL) {
              h = Number(a[0]) % 360 / 360;
              s = Number(a[1]) / 100;
              l = Number(a[2]) / 100;
              g = l <= 0.5 ? l * (s + 1) : l + s - l * s;
              r = l * 2 - g;
              if (a.length > 3) {
                a[3] = Number(a[3]);
              }
              a[0] = _hue(h + 1 / 3, r, g);
              a[1] = _hue(h, r, g);
              a[2] = _hue(h - 1 / 3, r, g);
            } else if (v.indexOf("=") !== -1) {
              //if relative values are found, just return the raw strings with the relative prefixes in place.
              return v.match(_relNumExp);
            }
          } else {
            a = v.match(_numExp) || _colorLookup.transparent;
          }
          a[0] = Number(a[0]);
          a[1] = Number(a[1]);
          a[2] = Number(a[2]);
          if (a.length > 3) {
            a[3] = Number(a[3]);
          }
        }
        if (toHSL && !wasHSL) {
          r = a[0] / 255;
          g = a[1] / 255;
          b = a[2] / 255;
          max = Math.max(r, g, b);
          min = Math.min(r, g, b);
          l = (max + min) / 2;
          if (max === min) {
            h = s = 0;
          } else {
            d = max - min;
            s = l > 0.5 ? d / (2 - max - min) : d / (max + min);
            h = max === r ? (g - b) / d + (g < b ? 6 : 0) : max === g ? (b - r) / d + 2 : (r - g) / d + 4;
            h *= 60;
          }
          a[0] = h + 0.5 | 0;
          a[1] = s * 100 + 0.5 | 0;
          a[2] = l * 100 + 0.5 | 0;
        }
        return a;
      },
      _formatColors = function _formatColors(s, toHSL) {
        var colors = s.match(_colorExp) || [],
          charIndex = 0,
          parsed = "",
          i,
          color,
          temp;
        if (!colors.length) {
          return s;
        }
        for (i = 0; i < colors.length; i++) {
          color = colors[i];
          temp = s.substr(charIndex, s.indexOf(color, charIndex) - charIndex);
          charIndex += temp.length + color.length;
          color = _parseColor(color, toHSL);
          if (color.length === 3) {
            color.push(1);
          }
          parsed += temp + (toHSL ? "hsla(" + color[0] + "," + color[1] + "%," + color[2] + "%," + color[3] : "rgba(" + color.join(",")) + ")";
        }
        return parsed + s.substr(charIndex);
      },
      _colorExp = "(?:\\b(?:(?:rgb|rgba|hsl|hsla)\\(.+?\\))|\\B#(?:[0-9a-f]{3}){1,2}\\b"; //we'll dynamically build this Regular Expression to conserve file size. After building it, it will be able to find rgb(), rgba(), # (hexadecimal), and named color values like red, blue, purple, etc.

    for (p in _colorLookup) {
      _colorExp += "|" + p + "\\b";
    }
    _colorExp = new RegExp(_colorExp + ")", "gi");
    CSSPlugin.colorStringFilter = function (a) {
      var combined = a[0] + " " + a[1],
        toHSL;
      if (_colorExp.test(combined)) {
        toHSL = combined.indexOf("hsl(") !== -1 || combined.indexOf("hsla(") !== -1;
        a[0] = _formatColors(a[0], toHSL);
        a[1] = _formatColors(a[1], toHSL);
      }
      _colorExp.lastIndex = 0;
    };
    if (!TweenLite.defaultStringFilter) {
      TweenLite.defaultStringFilter = CSSPlugin.colorStringFilter;
    }

    /**
     * @private Returns a formatter function that handles taking a string (or number in some cases) and returning a consistently formatted one in terms of delimiters, quantity of values, etc. For example, we may get boxShadow values defined as "0px red" or "0px 0px 10px rgb(255,0,0)" or "0px 0px 20px 20px #F00" and we need to ensure that what we get back is described with 4 numbers and a color. This allows us to feed it into the _parseComplex() method and split the values up appropriately. The neat thing about this _getFormatter() function is that the dflt defines a pattern as well as a default, so for example, _getFormatter("0px 0px 0px 0px #777", true) not only sets the default as 0px for all distances and #777 for the color, but also sets the pattern such that 4 numbers and a color will always get returned.
     * @param {!string} dflt The default value and pattern to follow. So "0px 0px 0px 0px #777" will ensure that 4 numbers and a color will always get returned.
     * @param {boolean=} clr If true, the values should be searched for color-related data. For example, boxShadow values typically contain a color whereas borderRadius don't.
     * @param {boolean=} collapsible If true, the value is a top/left/right/bottom style one that acts like margin or padding, where if only one value is received, it's used for all 4; if 2 are received, the first is duplicated for 3rd (bottom) and the 2nd is duplicated for the 4th spot (left), etc.
     * @return {Function} formatter function
     */
    var _getFormatter = function _getFormatter(dflt, clr, collapsible, multi) {
        if (dflt == null) {
          return function (v) {
            return v;
          };
        }
        var dColor = clr ? (dflt.match(_colorExp) || [""])[0] : "",
          dVals = dflt.split(dColor).join("").match(_valuesExp) || [],
          pfx = dflt.substr(0, dflt.indexOf(dVals[0])),
          sfx = dflt.charAt(dflt.length - 1) === ")" ? ")" : "",
          delim = dflt.indexOf(" ") !== -1 ? " " : ",",
          numVals = dVals.length,
          dSfx = numVals > 0 ? dVals[0].replace(_numExp, "") : "",
          _formatter2;
        if (!numVals) {
          return function (v) {
            return v;
          };
        }
        if (clr) {
          _formatter2 = function formatter(v) {
            var color, vals, i, a;
            if (typeof v === "number") {
              v += dSfx;
            } else if (multi && _commasOutsideParenExp.test(v)) {
              a = v.replace(_commasOutsideParenExp, "|").split("|");
              for (i = 0; i < a.length; i++) {
                a[i] = _formatter2(a[i]);
              }
              return a.join(",");
            }
            color = (v.match(_colorExp) || [dColor])[0];
            vals = v.split(color).join("").match(_valuesExp) || [];
            i = vals.length;
            if (numVals > i--) {
              while (++i < numVals) {
                vals[i] = collapsible ? vals[(i - 1) / 2 | 0] : dVals[i];
              }
            }
            return pfx + vals.join(delim) + delim + color + sfx + (v.indexOf("inset") !== -1 ? " inset" : "");
          };
          return _formatter2;
        }
        _formatter2 = function _formatter(v) {
          var vals, a, i;
          if (typeof v === "number") {
            v += dSfx;
          } else if (multi && _commasOutsideParenExp.test(v)) {
            a = v.replace(_commasOutsideParenExp, "|").split("|");
            for (i = 0; i < a.length; i++) {
              a[i] = _formatter2(a[i]);
            }
            return a.join(",");
          }
          vals = v.match(_valuesExp) || [];
          i = vals.length;
          if (numVals > i--) {
            while (++i < numVals) {
              vals[i] = collapsible ? vals[(i - 1) / 2 | 0] : dVals[i];
            }
          }
          return pfx + vals.join(delim) + sfx;
        };
        return _formatter2;
      },
      /**
       * @private returns a formatter function that's used for edge-related values like marginTop, marginLeft, paddingBottom, paddingRight, etc. Just pass a comma-delimited list of property names related to the edges.
       * @param {!string} props a comma-delimited list of property names in order from top to left, like "marginTop,marginRight,marginBottom,marginLeft"
       * @return {Function} a formatter function
       */
      _getEdgeParser = function _getEdgeParser(props) {
        props = props.split(",");
        return function (t, e, p, cssp, pt, plugin, vars) {
          var a = (e + "").split(" "),
            i;
          vars = {};
          for (i = 0; i < 4; i++) {
            vars[props[i]] = a[i] = a[i] || a[(i - 1) / 2 >> 0];
          }
          return cssp.parse(t, vars, pt, plugin);
        };
      },
      // @private used when other plugins must tween values first, like BezierPlugin or ThrowPropsPlugin, etc. That plugin's setRatio() gets called first so that the values are updated, and then we loop through the MiniPropTweens which handle copying the values into their appropriate slots so that they can then be applied correctly in the main CSSPlugin setRatio() method. Remember, we typically create a proxy object that has a bunch of uniquely-named properties that we feed to the sub-plugin and it does its magic normally, and then we must interpret those values and apply them to the css because often numbers must get combined/concatenated, suffixes added, etc. to work with css, like boxShadow could have 4 values plus a color.
      _setPluginRatio = _internals._setPluginRatio = function (v) {
        this.plugin.setRatio(v);
        var d = this.data,
          proxy = d.proxy,
          mpt = d.firstMPT,
          min = 0.000001,
          val,
          pt,
          i,
          str,
          p;
        while (mpt) {
          val = proxy[mpt.v];
          if (mpt.r) {
            val = Math.round(val);
          } else if (val < min && val > -min) {
            val = 0;
          }
          mpt.t[mpt.p] = val;
          mpt = mpt._next;
        }
        if (d.autoRotate) {
          d.autoRotate.rotation = d.mod ? d.mod(proxy.rotation, this.t) : proxy.rotation; //special case for ModifyPlugin to hook into an auto-rotating bezier
        }
        //at the end, we must set the CSSPropTween's "e" (end) value dynamically here because that's what is used in the final setRatio() method. Same for "b" at the beginning.
        if (v === 1 || v === 0) {
          mpt = d.firstMPT;
          p = v === 1 ? "e" : "b";
          while (mpt) {
            pt = mpt.t;
            if (!pt.type) {
              pt[p] = pt.s + pt.xs0;
            } else if (pt.type === 1) {
              str = pt.xs0 + pt.s + pt.xs1;
              for (i = 1; i < pt.l; i++) {
                str += pt["xn" + i] + pt["xs" + (i + 1)];
              }
              pt[p] = str;
            }
            mpt = mpt._next;
          }
        }
      },
      /**
       * @private @constructor Used by a few SpecialProps to hold important values for proxies. For example, _parseToProxy() creates a MiniPropTween instance for each property that must get tweened on the proxy, and we record the original property name as well as the unique one we create for the proxy, plus whether or not the value needs to be rounded plus the original value.
       * @param {!Object} t target object whose property we're tweening (often a CSSPropTween)
       * @param {!string} p property name
       * @param {(number|string|object)} v value
       * @param {MiniPropTween=} next next MiniPropTween in the linked list
       * @param {boolean=} r if true, the tweened value should be rounded to the nearest integer
       */
      MiniPropTween = function MiniPropTween(t, p, v, next, r) {
        this.t = t;
        this.p = p;
        this.v = v;
        this.r = r;
        if (next) {
          next._prev = this;
          this._next = next;
        }
      },
      /**
       * @private Most other plugins (like BezierPlugin and ThrowPropsPlugin and others) can only tween numeric values, but CSSPlugin must accommodate special values that have a bunch of extra data (like a suffix or strings between numeric values, etc.). For example, boxShadow has values like "10px 10px 20px 30px rgb(255,0,0)" which would utterly confuse other plugins. This method allows us to split that data apart and grab only the numeric data and attach it to uniquely-named properties of a generic proxy object ({}) so that we can feed that to virtually any plugin to have the numbers tweened. However, we must also keep track of which properties from the proxy go with which CSSPropTween values and instances. So we create a linked list of MiniPropTweens. Each one records a target (the original CSSPropTween), property (like "s" or "xn1" or "xn2") that we're tweening and the unique property name that was used for the proxy (like "boxShadow_xn1" and "boxShadow_xn2") and whether or not they need to be rounded. That way, in the _setPluginRatio() method we can simply copy the values over from the proxy to the CSSPropTween instance(s). Then, when the main CSSPlugin setRatio() method runs and applies the CSSPropTween values accordingly, they're updated nicely. So the external plugin tweens the numbers, _setPluginRatio() copies them over, and setRatio() acts normally, applying css-specific values to the element.
       * This method returns an object that has the following properties:
       *  - proxy: a generic object containing the starting values for all the properties that will be tweened by the external plugin.  This is what we feed to the external _onInitTween() as the target
       *  - end: a generic object containing the ending values for all the properties that will be tweened by the external plugin. This is what we feed to the external plugin's _onInitTween() as the destination values
       *  - firstMPT: the first MiniPropTween in the linked list
       *  - pt: the first CSSPropTween in the linked list that was created when parsing. If shallow is true, this linked list will NOT attach to the one passed into the _parseToProxy() as the "pt" (4th) parameter.
       * @param {!Object} t target object to be tweened
       * @param {!(Object|string)} vars the object containing the information about the tweening values (typically the end/destination values) that should be parsed
       * @param {!CSSPlugin} cssp The CSSPlugin instance
       * @param {CSSPropTween=} pt the next CSSPropTween in the linked list
       * @param {TweenPlugin=} plugin the external TweenPlugin instance that will be handling tweening the numeric values
       * @param {boolean=} shallow if true, the resulting linked list from the parse will NOT be attached to the CSSPropTween that was passed in as the "pt" (4th) parameter.
       * @return An object containing the following properties: proxy, end, firstMPT, and pt (see above for descriptions)
       */
      _parseToProxy = _internals._parseToProxy = function (t, vars, cssp, pt, plugin, shallow) {
        var bpt = pt,
          start = {},
          end = {},
          transform = cssp._transform,
          oldForce = _forcePT,
          i,
          p,
          xp,
          mpt,
          firstPT;
        cssp._transform = null;
        _forcePT = vars;
        pt = firstPT = cssp.parse(t, vars, pt, plugin);
        _forcePT = oldForce;
        //break off from the linked list so the new ones are isolated.
        if (shallow) {
          cssp._transform = transform;
          if (bpt) {
            bpt._prev = null;
            if (bpt._prev) {
              bpt._prev._next = null;
            }
          }
        }
        while (pt && pt !== bpt) {
          if (pt.type <= 1) {
            p = pt.p;
            end[p] = pt.s + pt.c;
            start[p] = pt.s;
            if (!shallow) {
              mpt = new MiniPropTween(pt, "s", p, mpt, pt.r);
              pt.c = 0;
            }
            if (pt.type === 1) {
              i = pt.l;
              while (--i > 0) {
                xp = "xn" + i;
                p = pt.p + "_" + xp;
                end[p] = pt.data[xp];
                start[p] = pt[xp];
                if (!shallow) {
                  mpt = new MiniPropTween(pt, xp, p, mpt, pt.rxp[xp]);
                }
              }
            }
          }
          pt = pt._next;
        }
        return {
          proxy: start,
          end: end,
          firstMPT: mpt,
          pt: firstPT
        };
      },
      /**
       * @constructor Each property that is tweened has at least one CSSPropTween associated with it. These instances store important information like the target, property, starting value, amount of change, etc. They can also optionally have a number of "extra" strings and numeric values named xs1, xn1, xs2, xn2, xs3, xn3, etc. where "s" indicates string and "n" indicates number. These can be pieced together in a complex-value tween (type:1) that has alternating types of data like a string, number, string, number, etc. For example, boxShadow could be "5px 5px 8px rgb(102, 102, 51)". In that value, there are 6 numbers that may need to tween and then pieced back together into a string again with spaces, suffixes, etc. xs0 is special in that it stores the suffix for standard (type:0) tweens, -OR- the first string (prefix) in a complex-value (type:1) CSSPropTween -OR- it can be the non-tweening value in a type:-1 CSSPropTween. We do this to conserve memory.
       * CSSPropTweens have the following optional properties as well (not defined through the constructor):
       *  - l: Length in terms of the number of extra properties that the CSSPropTween has (default: 0). For example, for a boxShadow we may need to tween 5 numbers in which case l would be 5; Keep in mind that the start/end values for the first number that's tweened are always stored in the s and c properties to conserve memory. All additional values thereafter are stored in xn1, xn2, etc.
       *  - xfirst: The first instance of any sub-CSSPropTweens that are tweening properties of this instance. For example, we may split up a boxShadow tween so that there's a main CSSPropTween of type:1 that has various xs* and xn* values associated with the h-shadow, v-shadow, blur, color, etc. Then we spawn a CSSPropTween for each of those that has a higher priority and runs BEFORE the main CSSPropTween so that the values are all set by the time it needs to re-assemble them. The xfirst gives us an easy way to identify the first one in that chain which typically ends at the main one (because they're all prepende to the linked list)
       *  - plugin: The TweenPlugin instance that will handle the tweening of any complex values. For example, sometimes we don't want to use normal subtweens (like xfirst refers to) to tween the values - we might want ThrowPropsPlugin or BezierPlugin some other plugin to do the actual tweening, so we create a plugin instance and store a reference here. We need this reference so that if we get a request to round values or disable a tween, we can pass along that request.
       *  - data: Arbitrary data that needs to be stored with the CSSPropTween. Typically if we're going to have a plugin handle the tweening of a complex-value tween, we create a generic object that stores the END values that we're tweening to and the CSSPropTween's xs1, xs2, etc. have the starting values. We store that object as data. That way, we can simply pass that object to the plugin and use the CSSPropTween as the target.
       *  - setRatio: Only used for type:2 tweens that require custom functionality. In this case, we call the CSSPropTween's setRatio() method and pass the ratio each time the tween updates. This isn't quite as efficient as doing things directly in the CSSPlugin's setRatio() method, but it's very convenient and flexible.
       * @param {!Object} t Target object whose property will be tweened. Often a DOM element, but not always. It could be anything.
       * @param {string} p Property to tween (name). For example, to tween element.width, p would be "width".
       * @param {number} s Starting numeric value
       * @param {number} c Change in numeric value over the course of the entire tween. For example, if element.width starts at 5 and should end at 100, c would be 95.
       * @param {CSSPropTween=} next The next CSSPropTween in the linked list. If one is defined, we will define its _prev as the new instance, and the new instance's _next will be pointed at it.
       * @param {number=} type The type of CSSPropTween where -1 = a non-tweening value, 0 = a standard simple tween, 1 = a complex value (like one that has multiple numbers in a comma- or space-delimited string like border:"1px solid red"), and 2 = one that uses a custom setRatio function that does all of the work of applying the values on each update.
       * @param {string=} n Name of the property that should be used for overwriting purposes which is typically the same as p but not always. For example, we may need to create a subtween for the 2nd part of a "clip:rect(...)" tween in which case "p" might be xs1 but "n" is still "clip"
       * @param {boolean=} r If true, the value(s) should be rounded
       * @param {number=} pr Priority in the linked list order. Higher priority CSSPropTweens will be updated before lower priority ones. The default priority is 0.
       * @param {string=} b Beginning value. We store this to ensure that it is EXACTLY what it was when the tween began without any risk of interpretation issues.
       * @param {string=} e Ending value. We store this to ensure that it is EXACTLY what the user defined at the end of the tween without any risk of interpretation issues.
       */
      CSSPropTween = _internals.CSSPropTween = function (t, p, s, c, next, type, n, r, pr, b, e) {
        this.t = t; //target
        this.p = p; //property
        this.s = s; //starting value
        this.c = c; //change value
        this.n = n || p; //name that this CSSPropTween should be associated to (usually the same as p, but not always - n is what overwriting looks at)
        if (!(t instanceof CSSPropTween)) {
          _overwriteProps.push(this.n);
        }
        this.r = r; //round (boolean)
        this.type = type || 0; //0 = normal tween, -1 = non-tweening (in which case xs0 will be applied to the target's property, like tp.t[tp.p] = tp.xs0), 1 = complex-value SpecialProp, 2 = custom setRatio() that does all the work
        if (pr) {
          this.pr = pr;
          _hasPriority = true;
        }
        this.b = b === undefined ? s : b;
        this.e = e === undefined ? s + c : e;
        if (next) {
          this._next = next;
          next._prev = this;
        }
      },
      _addNonTweeningNumericPT = function _addNonTweeningNumericPT(target, prop, start, end, next, overwriteProp) {
        //cleans up some code redundancies and helps minification. Just a fast way to add a NUMERIC non-tweening CSSPropTween
        var pt = new CSSPropTween(target, prop, start, end - start, next, -1, overwriteProp);
        pt.b = start;
        pt.e = pt.xs0 = end;
        return pt;
      },
      /**
       * Takes a target, the beginning value and ending value (as strings) and parses them into a CSSPropTween (possibly with child CSSPropTweens) that accommodates multiple numbers, colors, comma-delimited values, etc. For example:
       * sp.parseComplex(element, "boxShadow", "5px 10px 20px rgb(255,102,51)", "0px 0px 0px red", true, "0px 0px 0px rgb(0,0,0,0)", pt);
       * It will walk through the beginning and ending values (which should be in the same format with the same number and type of values) and figure out which parts are numbers, what strings separate the numeric/tweenable values, and then create the CSSPropTweens accordingly. If a plugin is defined, no child CSSPropTweens will be created. Instead, the ending values will be stored in the "data" property of the returned CSSPropTween like: {s:-5, xn1:-10, xn2:-20, xn3:255, xn4:0, xn5:0} so that it can be fed to any other plugin and it'll be plain numeric tweens but the recomposition of the complex value will be handled inside CSSPlugin's setRatio().
       * If a setRatio is defined, the type of the CSSPropTween will be set to 2 and recomposition of the values will be the responsibility of that method.
       *
       * @param {!Object} t Target whose property will be tweened
       * @param {!string} p Property that will be tweened (its name, like "left" or "backgroundColor" or "boxShadow")
       * @param {string} b Beginning value
       * @param {string} e Ending value
       * @param {boolean} clrs If true, the value could contain a color value like "rgb(255,0,0)" or "#F00" or "red". The default is false, so no colors will be recognized (a performance optimization)
       * @param {(string|number|Object)} dflt The default beginning value that should be used if no valid beginning value is defined or if the number of values inside the complex beginning and ending values don't match
       * @param {?CSSPropTween} pt CSSPropTween instance that is the current head of the linked list (we'll prepend to this).
       * @param {number=} pr Priority in the linked list order. Higher priority properties will be updated before lower priority ones. The default priority is 0.
       * @param {TweenPlugin=} plugin If a plugin should handle the tweening of extra properties, pass the plugin instance here. If one is defined, then NO subtweens will be created for any extra properties (the properties will be created - just not additional CSSPropTween instances to tween them) because the plugin is expected to do so. However, the end values WILL be populated in the "data" property, like {s:100, xn1:50, xn2:300}
       * @param {function(number)=} setRatio If values should be set in a custom function instead of being pieced together in a type:1 (complex-value) CSSPropTween, define that custom function here.
       * @return {CSSPropTween} The first CSSPropTween in the linked list which includes the new one(s) added by the parseComplex() call.
       */
      _parseComplex = CSSPlugin.parseComplex = function (t, p, b, e, clrs, dflt, pt, pr, plugin, setRatio) {
        //DEBUG: _log("parseComplex: "+p+", b: "+b+", e: "+e);
        b = b || dflt || "";
        if (typeof e === "function") {
          e = e(_index, _target);
        }
        pt = new CSSPropTween(t, p, 0, 0, pt, setRatio ? 2 : 1, null, false, pr, b, e);
        e += ""; //ensures it's a string
        if (clrs && _colorExp.test(e + b)) {
          //if colors are found, normalize the formatting to rgba() or hsla().
          e = [b, e];
          CSSPlugin.colorStringFilter(e);
          b = e[0];
          e = e[1];
        }
        var ba = b.split(", ").join(",").split(" "),
          //beginning array
          ea = e.split(", ").join(",").split(" "),
          //ending array
          l = ba.length,
          autoRound = _autoRound !== false,
          i,
          xi,
          ni,
          bv,
          ev,
          bnums,
          enums,
          bn,
          hasAlpha,
          temp,
          cv,
          str,
          useHSL;
        if (e.indexOf(",") !== -1 || b.indexOf(",") !== -1) {
          if ((e + b).indexOf("rgb") !== -1 || (e + b).indexOf("hsl") !== -1) {
            //keep rgb(), rgba(), hsl(), and hsla() values together! (remember, we're splitting on spaces)
            ba = ba.join(" ").replace(_commasOutsideParenExp, ", ").split(" ");
            ea = ea.join(" ").replace(_commasOutsideParenExp, ", ").split(" ");
          } else {
            ba = ba.join(" ").split(",").join(", ").split(" ");
            ea = ea.join(" ").split(",").join(", ").split(" ");
          }
          l = ba.length;
        }
        if (l !== ea.length) {
          //DEBUG: _log("mismatched formatting detected on " + p + " (" + b + " vs " + e + ")");
          ba = (dflt || "").split(" ");
          l = ba.length;
        }
        pt.plugin = plugin;
        pt.setRatio = setRatio;
        _colorExp.lastIndex = 0;
        for (i = 0; i < l; i++) {
          bv = ba[i];
          ev = ea[i];
          bn = parseFloat(bv);
          //if the value begins with a number (most common). It's fine if it has a suffix like px
          if (bn || bn === 0) {
            pt.appendXtra("", bn, _parseChange(ev, bn), ev.replace(_relNumExp, ""), autoRound && ev.indexOf("px") !== -1, true);

            //if the value is a color
          } else if (clrs && _colorExp.test(bv)) {
            str = ev.indexOf(")") + 1;
            str = ")" + (str ? ev.substr(str) : ""); //if there's a comma or ) at the end, retain it.
            useHSL = ev.indexOf("hsl") !== -1 && _supportsOpacity;
            temp = ev; //original string value so we can look for any prefix later.
            bv = _parseColor(bv, useHSL);
            ev = _parseColor(ev, useHSL);
            hasAlpha = bv.length + ev.length > 6;
            if (hasAlpha && !_supportsOpacity && ev[3] === 0) {
              //older versions of IE don't support rgba(), so if the destination alpha is 0, just use "transparent" for the end color
              pt["xs" + pt.l] += pt.l ? " transparent" : "transparent";
              pt.e = pt.e.split(ea[i]).join("transparent");
            } else {
              if (!_supportsOpacity) {
                //old versions of IE don't support rgba().
                hasAlpha = false;
              }
              if (useHSL) {
                pt.appendXtra(temp.substr(0, temp.indexOf("hsl")) + (hasAlpha ? "hsla(" : "hsl("), bv[0], _parseChange(ev[0], bv[0]), ",", false, true).appendXtra("", bv[1], _parseChange(ev[1], bv[1]), "%,", false).appendXtra("", bv[2], _parseChange(ev[2], bv[2]), hasAlpha ? "%," : "%" + str, false);
              } else {
                pt.appendXtra(temp.substr(0, temp.indexOf("rgb")) + (hasAlpha ? "rgba(" : "rgb("), bv[0], ev[0] - bv[0], ",", true, true).appendXtra("", bv[1], ev[1] - bv[1], ",", true).appendXtra("", bv[2], ev[2] - bv[2], hasAlpha ? "," : str, true);
              }
              if (hasAlpha) {
                bv = bv.length < 4 ? 1 : bv[3];
                pt.appendXtra("", bv, (ev.length < 4 ? 1 : ev[3]) - bv, str, false);
              }
            }
            _colorExp.lastIndex = 0; //otherwise the test() on the RegExp could move the lastIndex and taint future results.
          } else {
            bnums = bv.match(_numExp); //gets each group of numbers in the beginning value string and drops them into an array

            //if no number is found, treat it as a non-tweening value and just append the string to the current xs.
            if (!bnums) {
              pt["xs" + pt.l] += pt.l || pt["xs" + pt.l] ? " " + ev : ev;

              //loop through all the numbers that are found and construct the extra values on the pt.
            } else {
              enums = ev.match(_relNumExp); //get each group of numbers in the end value string and drop them into an array. We allow relative values too, like +=50 or -=.5
              if (!enums || enums.length !== bnums.length) {
                //DEBUG: _log("mismatched formatting detected on " + p + " (" + b + " vs " + e + ")");
                return pt;
              }
              ni = 0;
              for (xi = 0; xi < bnums.length; xi++) {
                cv = bnums[xi];
                temp = bv.indexOf(cv, ni);
                pt.appendXtra(bv.substr(ni, temp - ni), Number(cv), _parseChange(enums[xi], cv), "", autoRound && bv.substr(temp + cv.length, 2) === "px", xi === 0);
                ni = temp + cv.length;
              }
              pt["xs" + pt.l] += bv.substr(ni);
            }
          }
        }
        //if there are relative values ("+=" or "-=" prefix), we need to adjust the ending value to eliminate the prefixes and combine the values properly.
        if (e.indexOf("=") !== -1) if (pt.data) {
          str = pt.xs0 + pt.data.s;
          for (i = 1; i < pt.l; i++) {
            str += pt["xs" + i] + pt.data["xn" + i];
          }
          pt.e = str + pt["xs" + i];
        }
        if (!pt.l) {
          pt.type = -1;
          pt.xs0 = pt.e;
        }
        return pt.xfirst || pt;
      },
      i = 9;
    p = CSSPropTween.prototype;
    p.l = p.pr = 0; //length (number of extra properties like xn1, xn2, xn3, etc.
    while (--i > 0) {
      p["xn" + i] = 0;
      p["xs" + i] = "";
    }
    p.xs0 = "";
    p._next = p._prev = p.xfirst = p.data = p.plugin = p.setRatio = p.rxp = null;

    /**
     * Appends and extra tweening value to a CSSPropTween and automatically manages any prefix and suffix strings. The first extra value is stored in the s and c of the main CSSPropTween instance, but thereafter any extras are stored in the xn1, xn2, xn3, etc. The prefixes and suffixes are stored in the xs0, xs1, xs2, etc. properties. For example, if I walk through a clip value like "rect(10px, 5px, 0px, 20px)", the values would be stored like this:
     * xs0:"rect(", s:10, xs1:"px, ", xn1:5, xs2:"px, ", xn2:0, xs3:"px, ", xn3:20, xn4:"px)"
     * And they'd all get joined together when the CSSPlugin renders (in the setRatio() method).
     * @param {string=} pfx Prefix (if any)
     * @param {!number} s Starting value
     * @param {!number} c Change in numeric value over the course of the entire tween. For example, if the start is 5 and the end is 100, the change would be 95.
     * @param {string=} sfx Suffix (if any)
     * @param {boolean=} r Round (if true).
     * @param {boolean=} pad If true, this extra value should be separated by the previous one by a space. If there is no previous extra and pad is true, it will automatically drop the space.
     * @return {CSSPropTween} returns itself so that multiple methods can be chained together.
     */
    p.appendXtra = function (pfx, s, c, sfx, r, pad) {
      var pt = this,
        l = pt.l;
      pt["xs" + l] += pad && (l || pt["xs" + l]) ? " " + pfx : pfx || "";
      if (!c) if (l !== 0 && !pt.plugin) {
        //typically we'll combine non-changing values right into the xs to optimize performance, but we don't combine them when there's a plugin that will be tweening the values because it may depend on the values being split apart, like for a bezier, if a value doesn't change between the first and second iteration but then it does on the 3rd, we'll run into trouble because there's no xn slot for that value!
        pt["xs" + l] += s + (sfx || "");
        return pt;
      }
      pt.l++;
      pt.type = pt.setRatio ? 2 : 1;
      pt["xs" + pt.l] = sfx || "";
      if (l > 0) {
        pt.data["xn" + l] = s + c;
        pt.rxp["xn" + l] = r; //round extra property (we need to tap into this in the _parseToProxy() method)
        pt["xn" + l] = s;
        if (!pt.plugin) {
          pt.xfirst = new CSSPropTween(pt, "xn" + l, s, c, pt.xfirst || pt, 0, pt.n, r, pt.pr);
          pt.xfirst.xs0 = 0; //just to ensure that the property stays numeric which helps modern browsers speed up processing. Remember, in the setRatio() method, we do pt.t[pt.p] = val + pt.xs0 so if pt.xs0 is "" (the default), it'll cast the end value as a string. When a property is a number sometimes and a string sometimes, it prevents the compiler from locking in the data type, slowing things down slightly.
        }
        return pt;
      }
      pt.data = {
        s: s + c
      };
      pt.rxp = {};
      pt.s = s;
      pt.c = c;
      pt.r = r;
      return pt;
    };

    /**
     * @constructor A SpecialProp is basically a css property that needs to be treated in a non-standard way, like if it may contain a complex value like boxShadow:"5px 10px 15px rgb(255, 102, 51)" or if it is associated with another plugin like ThrowPropsPlugin or BezierPlugin. Every SpecialProp is associated with a particular property name like "boxShadow" or "throwProps" or "bezier" and it will intercept those values in the vars object that's passed to the CSSPlugin and handle them accordingly.
     * @param {!string} p Property name (like "boxShadow" or "throwProps")
     * @param {Object=} options An object containing any of the following configuration options:
     *                      - defaultValue: the default value
     *                      - parser: A function that should be called when the associated property name is found in the vars. This function should return a CSSPropTween instance and it should ensure that it is properly inserted into the linked list. It will receive 4 paramters: 1) The target, 2) The value defined in the vars, 3) The CSSPlugin instance (whose _firstPT should be used for the linked list), and 4) A computed style object if one was calculated (this is a speed optimization that allows retrieval of starting values quicker)
     *                      - formatter: a function that formats any value received for this special property (for example, boxShadow could take "5px 5px red" and format it to "5px 5px 0px 0px red" so that both the beginning and ending values have a common order and quantity of values.)
     *                      - prefix: if true, we'll determine whether or not this property requires a vendor prefix (like Webkit or Moz or ms or O)
     *                      - color: set this to true if the value for this SpecialProp may contain color-related values like rgb(), rgba(), etc.
     *                      - priority: priority in the linked list order. Higher priority SpecialProps will be updated before lower priority ones. The default priority is 0.
     *                      - multi: if true, the formatter should accommodate a comma-delimited list of values, like boxShadow could have multiple boxShadows listed out.
     *                      - collapsible: if true, the formatter should treat the value like it's a top/right/bottom/left value that could be collapsed, like "5px" would apply to all, "5px, 10px" would use 5px for top/bottom and 10px for right/left, etc.
     *                      - keyword: a special keyword that can [optionally] be found inside the value (like "inset" for boxShadow). This allows us to validate beginning/ending values to make sure they match (if the keyword is found in one, it'll be added to the other for consistency by default).
     */
    var SpecialProp = function SpecialProp(p, options) {
        options = options || {};
        this.p = options.prefix ? _checkPropPrefix(p) || p : p;
        _specialProps[p] = _specialProps[this.p] = this;
        this.format = options.formatter || _getFormatter(options.defaultValue, options.color, options.collapsible, options.multi);
        if (options.parser) {
          this.parse = options.parser;
        }
        this.clrs = options.color;
        this.multi = options.multi;
        this.keyword = options.keyword;
        this.dflt = options.defaultValue;
        this.pr = options.priority || 0;
      },
      //shortcut for creating a new SpecialProp that can accept multiple properties as a comma-delimited list (helps minification). dflt can be an array for multiple values (we don't do a comma-delimited list because the default value may contain commas, like rect(0px,0px,0px,0px)). We attach this method to the SpecialProp class/object instead of using a private _createSpecialProp() method so that we can tap into it externally if necessary, like from another plugin.
      _registerComplexSpecialProp = _internals._registerComplexSpecialProp = function (p, options, defaults) {
        if (_typeof(options) !== "object") {
          options = {
            parser: defaults
          }; //to make backwards compatible with older versions of BezierPlugin and ThrowPropsPlugin
        }
        var a = p.split(","),
          d = options.defaultValue,
          i,
          temp;
        defaults = defaults || [d];
        for (i = 0; i < a.length; i++) {
          options.prefix = i === 0 && options.prefix;
          options.defaultValue = defaults[i] || d;
          temp = new SpecialProp(a[i], options);
        }
      },
      //creates a placeholder special prop for a plugin so that the property gets caught the first time a tween of it is attempted, and at that time it makes the plugin register itself, thus taking over for all future tweens of that property. This allows us to not mandate that things load in a particular order and it also allows us to log() an error that informs the user when they attempt to tween an external plugin-related property without loading its .js file.
      _registerPluginProp = _internals._registerPluginProp = function (p) {
        if (!_specialProps[p]) {
          var pluginName = p.charAt(0).toUpperCase() + p.substr(1) + "Plugin";
          _registerComplexSpecialProp(p, {
            parser: function parser(t, e, p, cssp, pt, plugin, vars) {
              var pluginClass = _globals.com.greensock.plugins[pluginName];
              if (!pluginClass) {
                _log("Error: " + pluginName + " js file not loaded.");
                return pt;
              }
              pluginClass._cssRegister();
              return _specialProps[p].parse(t, e, p, cssp, pt, plugin, vars);
            }
          });
        }
      };
    p = SpecialProp.prototype;

    /**
     * Alias for _parseComplex() that automatically plugs in certain values for this SpecialProp, like its property name, whether or not colors should be sensed, the default value, and priority. It also looks for any keyword that the SpecialProp defines (like "inset" for boxShadow) and ensures that the beginning and ending values have the same number of values for SpecialProps where multi is true (like boxShadow and textShadow can have a comma-delimited list)
     * @param {!Object} t target element
     * @param {(string|number|object)} b beginning value
     * @param {(string|number|object)} e ending (destination) value
     * @param {CSSPropTween=} pt next CSSPropTween in the linked list
     * @param {TweenPlugin=} plugin If another plugin will be tweening the complex value, that TweenPlugin instance goes here.
     * @param {function=} setRatio If a custom setRatio() method should be used to handle this complex value, that goes here.
     * @return {CSSPropTween=} First CSSPropTween in the linked list
     */
    p.parseComplex = function (t, b, e, pt, plugin, setRatio) {
      var kwd = this.keyword,
        i,
        ba,
        ea,
        l,
        bi,
        ei;
      //if this SpecialProp's value can contain a comma-delimited list of values (like boxShadow or textShadow), we must parse them in a special way, and look for a keyword (like "inset" for boxShadow) and ensure that the beginning and ending BOTH have it if the end defines it as such. We also must ensure that there are an equal number of values specified (we can't tween 1 boxShadow to 3 for example)
      if (this.multi) if (_commasOutsideParenExp.test(e) || _commasOutsideParenExp.test(b)) {
        ba = b.replace(_commasOutsideParenExp, "|").split("|");
        ea = e.replace(_commasOutsideParenExp, "|").split("|");
      } else if (kwd) {
        ba = [b];
        ea = [e];
      }
      if (ea) {
        l = ea.length > ba.length ? ea.length : ba.length;
        for (i = 0; i < l; i++) {
          b = ba[i] = ba[i] || this.dflt;
          e = ea[i] = ea[i] || this.dflt;
          if (kwd) {
            bi = b.indexOf(kwd);
            ei = e.indexOf(kwd);
            if (bi !== ei) {
              if (ei === -1) {
                //if the keyword isn't in the end value, remove it from the beginning one.
                ba[i] = ba[i].split(kwd).join("");
              } else if (bi === -1) {
                //if the keyword isn't in the beginning, add it.
                ba[i] += " " + kwd;
              }
            }
          }
        }
        b = ba.join(", ");
        e = ea.join(", ");
      }
      return _parseComplex(t, this.p, b, e, this.clrs, this.dflt, pt, this.pr, plugin, setRatio);
    };

    /**
     * Accepts a target and end value and spits back a CSSPropTween that has been inserted into the CSSPlugin's linked list and conforms with all the conventions we use internally, like type:-1, 0, 1, or 2, setting up any extra property tweens, priority, etc. For example, if we have a boxShadow SpecialProp and call:
     * this._firstPT = sp.parse(element, "5px 10px 20px rgb(2550,102,51)", "boxShadow", this);
     * It should figure out the starting value of the element's boxShadow, compare it to the provided end value and create all the necessary CSSPropTweens of the appropriate types to tween the boxShadow. The CSSPropTween that gets spit back should already be inserted into the linked list (the 4th parameter is the current head, so prepend to that).
     * @param {!Object} t Target object whose property is being tweened
     * @param {Object} e End value as provided in the vars object (typically a string, but not always - like a throwProps would be an object).
     * @param {!string} p Property name
     * @param {!CSSPlugin} cssp The CSSPlugin instance that should be associated with this tween.
     * @param {?CSSPropTween} pt The CSSPropTween that is the current head of the linked list (we'll prepend to it)
     * @param {TweenPlugin=} plugin If a plugin will be used to tween the parsed value, this is the plugin instance.
     * @param {Object=} vars Original vars object that contains the data for parsing.
     * @return {CSSPropTween} The first CSSPropTween in the linked list which includes the new one(s) added by the parse() call.
     */
    p.parse = function (t, e, p, cssp, pt, plugin, vars) {
      return this.parseComplex(t.style, this.format(_getStyle(t, this.p, _cs, false, this.dflt)), this.format(e), pt, plugin);
    };

    /**
     * Registers a special property that should be intercepted from any "css" objects defined in tweens. This allows you to handle them however you want without CSSPlugin doing it for you. The 2nd parameter should be a function that accepts 3 parameters:
     *  1) Target object whose property should be tweened (typically a DOM element)
     *  2) The end/destination value (could be a string, number, object, or whatever you want)
     *  3) The tween instance (you probably don't need to worry about this, but it can be useful for looking up information like the duration)
     *
     * Then, your function should return a function which will be called each time the tween gets rendered, passing a numeric "ratio" parameter to your function that indicates the change factor (usually between 0 and 1). For example:
     *
     * CSSPlugin.registerSpecialProp("myCustomProp", function(target, value, tween) {
     *      var start = target.style.width;
     *      return function(ratio) {
     *              target.style.width = (start + value * ratio) + "px";
     *              console.log("set width to " + target.style.width);
     *          }
     * }, 0);
     *
     * Then, when I do this tween, it will trigger my special property:
     *
     * TweenLite.to(element, 1, {css:{myCustomProp:100}});
     *
     * In the example, of course, we're just changing the width, but you can do anything you want.
     *
     * @param {!string} name Property name (or comma-delimited list of property names) that should be intercepted and handled by your function. For example, if I define "myCustomProp", then it would handle that portion of the following tween: TweenLite.to(element, 1, {css:{myCustomProp:100}})
     * @param {!function(Object, Object, Object, string):function(number)} onInitTween The function that will be called when a tween of this special property is performed. The function will receive 4 parameters: 1) Target object that should be tweened, 2) Value that was passed to the tween, 3) The tween instance itself (rarely used), and 4) The property name that's being tweened. Your function should return a function that should be called on every update of the tween. That function will receive a single parameter that is a "change factor" value (typically between 0 and 1) indicating the amount of change as a ratio. You can use this to determine how to set the values appropriately in your function.
     * @param {number=} priority Priority that helps the engine determine the order in which to set the properties (default: 0). Higher priority properties will be updated before lower priority ones.
     */
    CSSPlugin.registerSpecialProp = function (name, onInitTween, priority) {
      _registerComplexSpecialProp(name, {
        parser: function parser(t, e, p, cssp, pt, plugin, vars) {
          var rv = new CSSPropTween(t, p, 0, 0, pt, 2, p, false, priority);
          rv.plugin = plugin;
          rv.setRatio = onInitTween(t, e, cssp._tween, p);
          return rv;
        },
        priority: priority
      });
    };

    //transform-related methods and properties
    CSSPlugin.useSVGTransformAttr = true; //Safari and Firefox both have some rendering bugs when applying CSS transforms to SVG elements, so default to using the "transform" attribute instead (users can override this).
    var _transformProps = "scaleX,scaleY,scaleZ,x,y,z,skewX,skewY,rotation,rotationX,rotationY,perspective,xPercent,yPercent".split(","),
      _transformProp = _checkPropPrefix("transform"),
      //the Javascript (camelCase) transform property, like msTransform, WebkitTransform, MozTransform, or OTransform.
      _transformPropCSS = _prefixCSS + "transform",
      _transformOriginProp = _checkPropPrefix("transformOrigin"),
      _supports3D = _checkPropPrefix("perspective") !== null,
      Transform = _internals.Transform = function () {
        this.perspective = parseFloat(CSSPlugin.defaultTransformPerspective) || 0;
        this.force3D = CSSPlugin.defaultForce3D === false || !_supports3D ? false : CSSPlugin.defaultForce3D || "auto";
      },
      _SVGElement = _gsScope.SVGElement,
      _useSVGTransformAttr,
      //Some browsers (like Firefox and IE) don't honor transform-origin properly in SVG elements, so we need to manually adjust the matrix accordingly. We feature detect here rather than always doing the conversion for certain browsers because they may fix the problem at some point in the future.

      _createSVG = function _createSVG(type, container, attributes) {
        var element = _doc.createElementNS("http://www.w3.org/2000/svg", type),
          reg = /([a-z])([A-Z])/g,
          p;
        for (p in attributes) {
          element.setAttributeNS(null, p.replace(reg, "$1-$2").toLowerCase(), attributes[p]);
        }
        container.appendChild(element);
        return element;
      },
      _docElement = _doc.documentElement || {},
      _forceSVGTransformAttr = function () {
        //IE and Android stock don't support CSS transforms on SVG elements, so we must write them to the "transform" attribute. We populate this variable in the _parseTransform() method, and only if/when we come across an SVG element
        var force = _ieVers || /Android/i.test(_agent) && !_gsScope.chrome,
          svg,
          rect,
          width;
        if (_doc.createElementNS && !force) {
          //IE8 and earlier doesn't support SVG anyway
          svg = _createSVG("svg", _docElement);
          rect = _createSVG("rect", svg, {
            width: 100,
            height: 50,
            x: 100
          });
          width = rect.getBoundingClientRect().width;
          rect.style[_transformOriginProp] = "50% 50%";
          rect.style[_transformProp] = "scaleX(0.5)";
          force = width === rect.getBoundingClientRect().width && !(_isFirefox && _supports3D); //note: Firefox fails the test even though it does support CSS transforms in 3D. Since we can't push 3D stuff into the transform attribute, we force Firefox to pass the test here (as long as it does truly support 3D).
          _docElement.removeChild(svg);
        }
        return force;
      }(),
      _parseSVGOrigin = function _parseSVGOrigin(e, local, decoratee, absolute, smoothOrigin, skipRecord) {
        var tm = e._gsTransform,
          m = _getMatrix(e, true),
          v,
          x,
          y,
          xOrigin,
          yOrigin,
          a,
          b,
          c,
          d,
          tx,
          ty,
          determinant,
          xOriginOld,
          yOriginOld;
        if (tm) {
          xOriginOld = tm.xOrigin; //record the original values before we alter them.
          yOriginOld = tm.yOrigin;
        }
        if (!absolute || (v = absolute.split(" ")).length < 2) {
          b = e.getBBox();
          if (b.x === 0 && b.y === 0 && b.width + b.height === 0) {
            //some browsers (like Firefox) misreport the bounds if the element has zero width and height (it just assumes it's at x:0, y:0), thus we need to manually grab the position in that case.
            b = {
              x: parseFloat(e.hasAttribute("x") ? e.getAttribute("x") : e.hasAttribute("cx") ? e.getAttribute("cx") : 0) || 0,
              y: parseFloat(e.hasAttribute("y") ? e.getAttribute("y") : e.hasAttribute("cy") ? e.getAttribute("cy") : 0) || 0,
              width: 0,
              height: 0
            };
          }
          local = _parsePosition(local).split(" ");
          v = [(local[0].indexOf("%") !== -1 ? parseFloat(local[0]) / 100 * b.width : parseFloat(local[0])) + b.x, (local[1].indexOf("%") !== -1 ? parseFloat(local[1]) / 100 * b.height : parseFloat(local[1])) + b.y];
        }
        decoratee.xOrigin = xOrigin = parseFloat(v[0]);
        decoratee.yOrigin = yOrigin = parseFloat(v[1]);
        if (absolute && m !== _identity2DMatrix) {
          //if svgOrigin is being set, we must invert the matrix and determine where the absolute point is, factoring in the current transforms. Otherwise, the svgOrigin would be based on the element's non-transformed position on the canvas.
          a = m[0];
          b = m[1];
          c = m[2];
          d = m[3];
          tx = m[4];
          ty = m[5];
          determinant = a * d - b * c;
          if (determinant) {
            //if it's zero (like if scaleX and scaleY are zero), skip it to avoid errors with dividing by zero.
            x = xOrigin * (d / determinant) + yOrigin * (-c / determinant) + (c * ty - d * tx) / determinant;
            y = xOrigin * (-b / determinant) + yOrigin * (a / determinant) - (a * ty - b * tx) / determinant;
            xOrigin = decoratee.xOrigin = v[0] = x;
            yOrigin = decoratee.yOrigin = v[1] = y;
          }
        }
        if (tm) {
          //avoid jump when transformOrigin is changed - adjust the x/y values accordingly
          if (skipRecord) {
            decoratee.xOffset = tm.xOffset;
            decoratee.yOffset = tm.yOffset;
            tm = decoratee;
          }
          if (smoothOrigin || smoothOrigin !== false && CSSPlugin.defaultSmoothOrigin !== false) {
            x = xOrigin - xOriginOld;
            y = yOrigin - yOriginOld;
            //originally, we simply adjusted the x and y values, but that would cause problems if, for example, you created a rotational tween part-way through an x/y tween. Managing the offset in a separate variable gives us ultimate flexibility.
            //tm.x -= x - (x * m[0] + y * m[2]);
            //tm.y -= y - (x * m[1] + y * m[3]);
            tm.xOffset += x * m[0] + y * m[2] - x;
            tm.yOffset += x * m[1] + y * m[3] - y;
          } else {
            tm.xOffset = tm.yOffset = 0;
          }
        }
        if (!skipRecord) {
          e.setAttribute("data-svg-origin", v.join(" "));
        }
      },
      _getBBoxHack = function _getBBoxHack(swapIfPossible) {
        //works around issues in some browsers (like Firefox) that don't correctly report getBBox() on SVG elements inside a <defs> element and/or <mask>. We try creating an SVG, adding it to the documentElement and toss the element in there so that it's definitely part of the rendering tree, then grab the bbox and if it works, we actually swap out the original getBBox() method for our own that does these extra steps whenever getBBox is needed. This helps ensure that performance is optimal (only do all these extra steps when absolutely necessary...most elements don't need it).
        var svg = _createElement("svg", this.ownerSVGElement && this.ownerSVGElement.getAttribute("xmlns") || "http://www.w3.org/2000/svg"),
          oldParent = this.parentNode,
          oldSibling = this.nextSibling,
          oldCSS = this.style.cssText,
          bbox;
        _docElement.appendChild(svg);
        svg.appendChild(this);
        this.style.display = "block";
        if (swapIfPossible) {
          try {
            bbox = this.getBBox();
            this._originalGetBBox = this.getBBox;
            this.getBBox = _getBBoxHack;
          } catch (e) {}
        } else if (this._originalGetBBox) {
          bbox = this._originalGetBBox();
        }
        if (oldSibling) {
          oldParent.insertBefore(this, oldSibling);
        } else {
          oldParent.appendChild(this);
        }
        _docElement.removeChild(svg);
        this.style.cssText = oldCSS;
        return bbox;
      },
      _getBBox = function _getBBox(e) {
        try {
          return e.getBBox(); //Firefox throws errors if you try calling getBBox() on an SVG element that's not rendered (like in a <symbol> or <defs>). https://bugzilla.mozilla.org/show_bug.cgi?id=612118
        } catch (error) {
          return _getBBoxHack.call(e, true);
        }
      },
      _isSVG = function _isSVG(e) {
        //reports if the element is an SVG on which getBBox() actually works
        return !!(_SVGElement && e.getCTM && (!e.parentNode || e.ownerSVGElement) && _getBBox(e));
      },
      _identity2DMatrix = [1, 0, 0, 1, 0, 0],
      _getMatrix = function _getMatrix(e, force2D) {
        var tm = e._gsTransform || new Transform(),
          rnd = 100000,
          style = e.style,
          isDefault,
          s,
          m,
          n,
          dec,
          none;
        if (_transformProp) {
          s = _getStyle(e, _transformPropCSS, null, true);
        } else if (e.currentStyle) {
          //for older versions of IE, we need to interpret the filter portion that is in the format: progid:DXImageTransform.Microsoft.Matrix(M11=6.123233995736766e-17, M12=-1, M21=1, M22=6.123233995736766e-17, sizingMethod='auto expand') Notice that we need to swap b and c compared to a normal matrix.
          s = e.currentStyle.filter.match(_ieGetMatrixExp);
          s = s && s.length === 4 ? [s[0].substr(4), Number(s[2].substr(4)), Number(s[1].substr(4)), s[3].substr(4), tm.x || 0, tm.y || 0].join(",") : "";
        }
        isDefault = !s || s === "none" || s === "matrix(1, 0, 0, 1, 0, 0)";
        if (_transformProp && ((none = !_getComputedStyle(e) || _getComputedStyle(e).display === "none") || !e.parentNode)) {
          //note: Firefox returns null for getComputedStyle() if the element is in an iframe that has display:none. https://bugzilla.mozilla.org/show_bug.cgi?id=548397
          if (none) {
            //browsers don't report transforms accurately unless the element is in the DOM and has a display value that's not "none". Firefox and Microsoft browsers have a partial bug where they'll report transforms even if display:none BUT not any percentage-based values like translate(-50%, 8px) will be reported as if it's translate(0, 8px).
            n = style.display;
            style.display = "block";
          }
          if (!e.parentNode) {
            dec = 1; //flag
            _docElement.appendChild(e);
          }
          s = _getStyle(e, _transformPropCSS, null, true);
          isDefault = !s || s === "none" || s === "matrix(1, 0, 0, 1, 0, 0)";
          if (n) {
            style.display = n;
          } else if (none) {
            _removeProp(style, "display");
          }
          if (dec) {
            _docElement.removeChild(e);
          }
        }
        if (tm.svg || e.getCTM && _isSVG(e)) {
          if (isDefault && (style[_transformProp] + "").indexOf("matrix") !== -1) {
            //some browsers (like Chrome 40) don't correctly report transforms that are applied inline on an SVG element (they don't get included in the computed style), so we double-check here and accept matrix values
            s = style[_transformProp];
            isDefault = 0;
          }
          m = e.getAttribute("transform");
          if (isDefault && m) {
            m = e.transform.baseVal.consolidate().matrix; //ensures that even complex values like "translate(50,60) rotate(135,0,0)" are parsed because it mashes it into a matrix.
            s = "matrix(" + m.a + "," + m.b + "," + m.c + "," + m.d + "," + m.e + "," + m.f + ")";
            isDefault = 0;
          }
        }
        if (isDefault) {
          return _identity2DMatrix;
        }
        //split the matrix values out into an array (m for matrix)
        m = (s || "").match(_numExp) || [];
        i = m.length;
        while (--i > -1) {
          n = Number(m[i]);
          m[i] = (dec = n - (n |= 0)) ? (dec * rnd + (dec < 0 ? -0.5 : 0.5) | 0) / rnd + n : n; //convert strings to Numbers and round to 5 decimal places to avoid issues with tiny numbers. Roughly 20x faster than Number.toFixed(). We also must make sure to round before dividing so that values like 0.9999999999 become 1 to avoid glitches in browser rendering and interpretation of flipped/rotated 3D matrices. And don't just multiply the number by rnd, floor it, and then divide by rnd because the bitwise operations max out at a 32-bit signed integer, thus it could get clipped at a relatively low value (like 22,000.00000 for example).
        }
        return force2D && m.length > 6 ? [m[0], m[1], m[4], m[5], m[12], m[13]] : m;
      },
      /**
       * Parses the transform values for an element, returning an object with x, y, z, scaleX, scaleY, scaleZ, rotation, rotationX, rotationY, skewX, and skewY properties. Note: by default (for performance reasons), all skewing is combined into skewX and rotation but skewY still has a place in the transform object so that we can record how much of the skew is attributed to skewX vs skewY. Remember, a skewY of 10 looks the same as a rotation of 10 and skewX of -10.
       * @param {!Object} t target element
       * @param {Object=} cs computed style object (optional)
       * @param {boolean=} rec if true, the transform values will be recorded to the target element's _gsTransform object, like target._gsTransform = {x:0, y:0, z:0, scaleX:1...}
       * @param {boolean=} parse if true, we'll ignore any _gsTransform values that already exist on the element, and force a reparsing of the css (calculated style)
       * @return {object} object containing all of the transform properties/values like {x:0, y:0, z:0, scaleX:1...}
       */
      _getTransform = _internals.getTransform = function (t, cs, rec, parse) {
        if (t._gsTransform && rec && !parse) {
          return t._gsTransform; //if the element already has a _gsTransform, use that. Note: some browsers don't accurately return the calculated style for the transform (particularly for SVG), so it's almost always safest to just use the values we've already applied rather than re-parsing things.
        }
        var tm = rec ? t._gsTransform || new Transform() : new Transform(),
          invX = tm.scaleX < 0,
          //in order to interpret things properly, we need to know if the user applied a negative scaleX previously so that we can adjust the rotation and skewX accordingly. Otherwise, if we always interpret a flipped matrix as affecting scaleY and the user only wants to tween the scaleX on multiple sequential tweens, it would keep the negative scaleY without that being the user's intent.
          min = 0.00002,
          rnd = 100000,
          zOrigin = _supports3D ? parseFloat(_getStyle(t, _transformOriginProp, cs, false, "0 0 0").split(" ")[2]) || tm.zOrigin || 0 : 0,
          defaultTransformPerspective = parseFloat(CSSPlugin.defaultTransformPerspective) || 0,
          m,
          i,
          scaleX,
          scaleY,
          rotation,
          skewX;
        tm.svg = !!(t.getCTM && _isSVG(t));
        if (tm.svg) {
          _parseSVGOrigin(t, _getStyle(t, _transformOriginProp, cs, false, "50% 50%") + "", tm, t.getAttribute("data-svg-origin"));
          _useSVGTransformAttr = CSSPlugin.useSVGTransformAttr || _forceSVGTransformAttr;
        }
        m = _getMatrix(t);
        if (m !== _identity2DMatrix) {
          if (m.length === 16) {
            //we'll only look at these position-related 6 variables first because if x/y/z all match, it's relatively safe to assume we don't need to re-parse everything which risks losing important rotational information (like rotationX:180 plus rotationY:180 would look the same as rotation:180 - there's no way to know for sure which direction was taken based solely on the matrix3d() values)
            var a11 = m[0],
              a21 = m[1],
              a31 = m[2],
              a41 = m[3],
              a12 = m[4],
              a22 = m[5],
              a32 = m[6],
              a42 = m[7],
              a13 = m[8],
              a23 = m[9],
              a33 = m[10],
              a14 = m[12],
              a24 = m[13],
              a34 = m[14],
              a43 = m[11],
              angle = Math.atan2(a32, a33),
              t1,
              t2,
              t3,
              t4,
              cos,
              sin;
            //we manually compensate for non-zero z component of transformOrigin to work around bugs in Safari
            if (tm.zOrigin) {
              a34 = -tm.zOrigin;
              a14 = a13 * a34 - m[12];
              a24 = a23 * a34 - m[13];
              a34 = a33 * a34 + tm.zOrigin - m[14];
            }
            //note for possible future consolidation: rotationX: Math.atan2(a32, a33), rotationY: Math.atan2(-a31, Math.sqrt(a33 * a33 + a32 * a32)), rotation: Math.atan2(a21, a11), skew: Math.atan2(a12, a22). However, it doesn't seem to be quite as reliable as the full-on backwards rotation procedure.
            tm.rotationX = angle * _RAD2DEG;
            //rotationX
            if (angle) {
              cos = Math.cos(-angle);
              sin = Math.sin(-angle);
              t1 = a12 * cos + a13 * sin;
              t2 = a22 * cos + a23 * sin;
              t3 = a32 * cos + a33 * sin;
              a13 = a12 * -sin + a13 * cos;
              a23 = a22 * -sin + a23 * cos;
              a33 = a32 * -sin + a33 * cos;
              a43 = a42 * -sin + a43 * cos;
              a12 = t1;
              a22 = t2;
              a32 = t3;
            }
            //rotationY
            angle = Math.atan2(-a31, a33);
            tm.rotationY = angle * _RAD2DEG;
            if (angle) {
              cos = Math.cos(-angle);
              sin = Math.sin(-angle);
              t1 = a11 * cos - a13 * sin;
              t2 = a21 * cos - a23 * sin;
              t3 = a31 * cos - a33 * sin;
              a23 = a21 * sin + a23 * cos;
              a33 = a31 * sin + a33 * cos;
              a43 = a41 * sin + a43 * cos;
              a11 = t1;
              a21 = t2;
              a31 = t3;
            }
            //rotationZ
            angle = Math.atan2(a21, a11);
            tm.rotation = angle * _RAD2DEG;
            if (angle) {
              cos = Math.cos(angle);
              sin = Math.sin(angle);
              t1 = a11 * cos + a21 * sin;
              t2 = a12 * cos + a22 * sin;
              t3 = a13 * cos + a23 * sin;
              a21 = a21 * cos - a11 * sin;
              a22 = a22 * cos - a12 * sin;
              a23 = a23 * cos - a13 * sin;
              a11 = t1;
              a12 = t2;
              a13 = t3;
            }
            if (tm.rotationX && Math.abs(tm.rotationX) + Math.abs(tm.rotation) > 359.9) {
              //when rotationY is set, it will often be parsed as 180 degrees different than it should be, and rotationX and rotation both being 180 (it looks the same), so we adjust for that here.
              tm.rotationX = tm.rotation = 0;
              tm.rotationY = 180 - tm.rotationY;
            }

            //skewX
            angle = Math.atan2(a12, a22);

            //scales
            tm.scaleX = (Math.sqrt(a11 * a11 + a21 * a21 + a31 * a31) * rnd + 0.5 | 0) / rnd;
            tm.scaleY = (Math.sqrt(a22 * a22 + a32 * a32) * rnd + 0.5 | 0) / rnd;
            tm.scaleZ = (Math.sqrt(a13 * a13 + a23 * a23 + a33 * a33) * rnd + 0.5 | 0) / rnd;
            a11 /= tm.scaleX;
            a12 /= tm.scaleY;
            a21 /= tm.scaleX;
            a22 /= tm.scaleY;
            if (Math.abs(angle) > min) {
              tm.skewX = angle * _RAD2DEG;
              a12 = 0; //unskews
              if (tm.skewType !== "simple") {
                tm.scaleY *= 1 / Math.cos(angle); //by default, we compensate the scale based on the skew so that the element maintains a similar proportion when skewed, so we have to alter the scaleY here accordingly to match the default (non-adjusted) skewing that CSS does (stretching more and more as it skews).
              }
            } else {
              tm.skewX = 0;
            }

            /* //for testing purposes
            var transform = "matrix3d(",
            	comma = ",",
            	zero = "0";
            a13 /= tm.scaleZ;
            a23 /= tm.scaleZ;
            a31 /= tm.scaleX;
            a32 /= tm.scaleY;
            a33 /= tm.scaleZ;
            transform += ((a11 < min && a11 > -min) ? zero : a11) + comma + ((a21 < min && a21 > -min) ? zero : a21) + comma + ((a31 < min && a31 > -min) ? zero : a31);
            transform += comma + ((a41 < min && a41 > -min) ? zero : a41) + comma + ((a12 < min && a12 > -min) ? zero : a12) + comma + ((a22 < min && a22 > -min) ? zero : a22);
            transform += comma + ((a32 < min && a32 > -min) ? zero : a32) + comma + ((a42 < min && a42 > -min) ? zero : a42) + comma + ((a13 < min && a13 > -min) ? zero : a13);
            transform += comma + ((a23 < min && a23 > -min) ? zero : a23) + comma + ((a33 < min && a33 > -min) ? zero : a33) + comma + ((a43 < min && a43 > -min) ? zero : a43) + comma;
            transform += a14 + comma + a24 + comma + a34 + comma + (tm.perspective ? (1 + (-a34 / tm.perspective)) : 1) + ")";
            console.log(transform);
            document.querySelector(".test").style[_transformProp] = transform;
            */

            tm.perspective = a43 ? 1 / (a43 < 0 ? -a43 : a43) : 0;
            tm.x = a14;
            tm.y = a24;
            tm.z = a34;
            if (tm.svg) {
              tm.x -= tm.xOrigin - (tm.xOrigin * a11 - tm.yOrigin * a12);
              tm.y -= tm.yOrigin - (tm.yOrigin * a21 - tm.xOrigin * a22);
            }
          } else if (!_supports3D || parse || !m.length || tm.x !== m[4] || tm.y !== m[5] || !tm.rotationX && !tm.rotationY) {
            //sometimes a 6-element matrix is returned even when we performed 3D transforms, like if rotationX and rotationY are 180. In cases like this, we still need to honor the 3D transforms. If we just rely on the 2D info, it could affect how the data is interpreted, like scaleY might get set to -1 or rotation could get offset by 180 degrees. For example, do a TweenLite.to(element, 1, {css:{rotationX:180, rotationY:180}}) and then later, TweenLite.to(element, 1, {css:{rotationX:0}}) and without this conditional logic in place, it'd jump to a state of being unrotated when the 2nd tween starts. Then again, we need to honor the fact that the user COULD alter the transforms outside of CSSPlugin, like by manually applying new css, so we try to sense that by looking at x and y because if those changed, we know the changes were made outside CSSPlugin and we force a reinterpretation of the matrix values. Also, in Webkit browsers, if the element's "display" is "none", its calculated style value will always return empty, so if we've already recorded the values in the _gsTransform object, we'll just rely on those.
            var k = m.length >= 6,
              a = k ? m[0] : 1,
              b = m[1] || 0,
              c = m[2] || 0,
              d = k ? m[3] : 1;
            tm.x = m[4] || 0;
            tm.y = m[5] || 0;
            scaleX = Math.sqrt(a * a + b * b);
            scaleY = Math.sqrt(d * d + c * c);
            rotation = a || b ? Math.atan2(b, a) * _RAD2DEG : tm.rotation || 0; //note: if scaleX is 0, we cannot accurately measure rotation. Same for skewX with a scaleY of 0. Therefore, we default to the previously recorded value (or zero if that doesn't exist).
            skewX = c || d ? Math.atan2(c, d) * _RAD2DEG + rotation : tm.skewX || 0;
            tm.scaleX = scaleX;
            tm.scaleY = scaleY;
            tm.rotation = rotation;
            tm.skewX = skewX;
            if (_supports3D) {
              tm.rotationX = tm.rotationY = tm.z = 0;
              tm.perspective = defaultTransformPerspective;
              tm.scaleZ = 1;
            }
            if (tm.svg) {
              tm.x -= tm.xOrigin - (tm.xOrigin * a + tm.yOrigin * c);
              tm.y -= tm.yOrigin - (tm.xOrigin * b + tm.yOrigin * d);
            }
          }
          if (Math.abs(tm.skewX) > 90 && Math.abs(tm.skewX) < 270) {
            if (invX) {
              tm.scaleX *= -1;
              tm.skewX += tm.rotation <= 0 ? 180 : -180;
              tm.rotation += tm.rotation <= 0 ? 180 : -180;
            } else {
              tm.scaleY *= -1;
              tm.skewX += tm.skewX <= 0 ? 180 : -180;
            }
          }
          tm.zOrigin = zOrigin;
          //some browsers have a hard time with very small values like 2.4492935982947064e-16 (notice the "e-" towards the end) and would render the object slightly off. So we round to 0 in these cases. The conditional logic here is faster than calling Math.abs(). Also, browsers tend to render a SLIGHTLY rotated object in a fuzzy way, so we need to snap to exactly 0 when appropriate.
          for (i in tm) {
            if (tm[i] < min) if (tm[i] > -min) {
              tm[i] = 0;
            }
          }
        }
        //DEBUG: _log("parsed rotation of " + t.getAttribute("id")+": "+(tm.rotationX)+", "+(tm.rotationY)+", "+(tm.rotation)+", scale: "+tm.scaleX+", "+tm.scaleY+", "+tm.scaleZ+", position: "+tm.x+", "+tm.y+", "+tm.z+", perspective: "+tm.perspective+ ", origin: "+ tm.xOrigin+ ","+ tm.yOrigin);
        if (rec) {
          t._gsTransform = tm; //record to the object's _gsTransform which we use so that tweens can control individual properties independently (we need all the properties to accurately recompose the matrix in the setRatio() method)
          if (tm.svg) {
            //if we're supposed to apply transforms to the SVG element's "transform" attribute, make sure there aren't any CSS transforms applied or they'll override the attribute ones. Also clear the transform attribute if we're using CSS, just to be clean.
            if (_useSVGTransformAttr && t.style[_transformProp]) {
              TweenLite.delayedCall(0.001, function () {
                //if we apply this right away (before anything has rendered), we risk there being no transforms for a brief moment and it also interferes with adjusting the transformOrigin in a tween with immediateRender:true (it'd try reading the matrix and it wouldn't have the appropriate data in place because we just removed it).
                _removeProp(t.style, _transformProp);
              });
            } else if (!_useSVGTransformAttr && t.getAttribute("transform")) {
              TweenLite.delayedCall(0.001, function () {
                t.removeAttribute("transform");
              });
            }
          }
        }
        return tm;
      },
      //for setting 2D transforms in IE6, IE7, and IE8 (must use a "filter" to emulate the behavior of modern day browser transforms)
      _setIETransformRatio = function _setIETransformRatio(v) {
        var t = this.data,
          //refers to the element's _gsTransform object
          ang = -t.rotation * _DEG2RAD,
          skew = ang + t.skewX * _DEG2RAD,
          rnd = 100000,
          a = (Math.cos(ang) * t.scaleX * rnd | 0) / rnd,
          b = (Math.sin(ang) * t.scaleX * rnd | 0) / rnd,
          c = (Math.sin(skew) * -t.scaleY * rnd | 0) / rnd,
          d = (Math.cos(skew) * t.scaleY * rnd | 0) / rnd,
          style = this.t.style,
          cs = this.t.currentStyle,
          filters,
          val;
        if (!cs) {
          return;
        }
        val = b; //just for swapping the variables an inverting them (reused "val" to avoid creating another variable in memory). IE's filter matrix uses a non-standard matrix configuration (angle goes the opposite way, and b and c are reversed and inverted)
        b = -c;
        c = -val;
        filters = cs.filter;
        style.filter = ""; //remove filters so that we can accurately measure offsetWidth/offsetHeight
        var w = this.t.offsetWidth,
          h = this.t.offsetHeight,
          clip = cs.position !== "absolute",
          m = "progid:DXImageTransform.Microsoft.Matrix(M11=" + a + ", M12=" + b + ", M21=" + c + ", M22=" + d,
          ox = t.x + w * t.xPercent / 100,
          oy = t.y + h * t.yPercent / 100,
          dx,
          dy;

        //if transformOrigin is being used, adjust the offset x and y
        if (t.ox != null) {
          dx = (t.oxp ? w * t.ox * 0.01 : t.ox) - w / 2;
          dy = (t.oyp ? h * t.oy * 0.01 : t.oy) - h / 2;
          ox += dx - (dx * a + dy * b);
          oy += dy - (dx * c + dy * d);
        }
        if (!clip) {
          m += ", sizingMethod='auto expand')";
        } else {
          dx = w / 2;
          dy = h / 2;
          //translate to ensure that transformations occur around the correct origin (default is center).
          m += ", Dx=" + (dx - (dx * a + dy * b) + ox) + ", Dy=" + (dy - (dx * c + dy * d) + oy) + ")";
        }
        if (filters.indexOf("DXImageTransform.Microsoft.Matrix(") !== -1) {
          style.filter = filters.replace(_ieSetMatrixExp, m);
        } else {
          style.filter = m + " " + filters; //we must always put the transform/matrix FIRST (before alpha(opacity=xx)) to avoid an IE bug that slices part of the object when rotation is applied with alpha.
        }

        //at the end or beginning of the tween, if the matrix is normal (1, 0, 0, 1) and opacity is 100 (or doesn't exist), remove the filter to improve browser performance.
        if (v === 0 || v === 1) if (a === 1) if (b === 0) if (c === 0) if (d === 1) if (!clip || m.indexOf("Dx=0, Dy=0") !== -1) if (!_opacityExp.test(filters) || parseFloat(RegExp.$1) === 100) if (filters.indexOf("gradient(" && filters.indexOf("Alpha")) === -1) {
          style.removeAttribute("filter");
        }

        //we must set the margins AFTER applying the filter in order to avoid some bugs in IE8 that could (in rare scenarios) cause them to be ignored intermittently (vibration).
        if (!clip) {
          var mult = _ieVers < 8 ? 1 : -1,
            //in Internet Explorer 7 and before, the box model is broken, causing the browser to treat the width/height of the actual rotated filtered image as the width/height of the box itself, but Microsoft corrected that in IE8. We must use a negative offset in IE8 on the right/bottom
            marg,
            prop,
            dif;
          dx = t.ieOffsetX || 0;
          dy = t.ieOffsetY || 0;
          t.ieOffsetX = Math.round((w - ((a < 0 ? -a : a) * w + (b < 0 ? -b : b) * h)) / 2 + ox);
          t.ieOffsetY = Math.round((h - ((d < 0 ? -d : d) * h + (c < 0 ? -c : c) * w)) / 2 + oy);
          for (i = 0; i < 4; i++) {
            prop = _margins[i];
            marg = cs[prop];
            //we need to get the current margin in case it is being tweened separately (we want to respect that tween's changes)
            val = marg.indexOf("px") !== -1 ? parseFloat(marg) : _convertToPixels(this.t, prop, parseFloat(marg), marg.replace(_suffixExp, "")) || 0;
            if (val !== t[prop]) {
              dif = i < 2 ? -t.ieOffsetX : -t.ieOffsetY; //if another tween is controlling a margin, we cannot only apply the difference in the ieOffsets, so we essentially zero-out the dx and dy here in that case. We record the margin(s) later so that we can keep comparing them, making this code very flexible.
            } else {
              dif = i < 2 ? dx - t.ieOffsetX : dy - t.ieOffsetY;
            }
            style[prop] = (t[prop] = Math.round(val - dif * (i === 0 || i === 2 ? 1 : mult))) + "px";
          }
        }
      },
      /* translates a super small decimal to a string WITHOUT scientific notation
      _safeDecimal = function(n) {
      	var s = (n < 0 ? -n : n) + "",
      		a = s.split("e-");
      	return (n < 0 ? "-0." : "0.") + new Array(parseInt(a[1], 10) || 0).join("0") + a[0].split(".").join("");
      },
      */

      _setTransformRatio = _internals.set3DTransformRatio = _internals.setTransformRatio = function (v) {
        var t = this.data,
          //refers to the element's _gsTransform object
          style = this.t.style,
          angle = t.rotation,
          rotationX = t.rotationX,
          rotationY = t.rotationY,
          sx = t.scaleX,
          sy = t.scaleY,
          sz = t.scaleZ,
          x = t.x,
          y = t.y,
          z = t.z,
          isSVG = t.svg,
          perspective = t.perspective,
          force3D = t.force3D,
          skewY = t.skewY,
          skewX = t.skewX,
          t1,
          a11,
          a12,
          a13,
          a21,
          a22,
          a23,
          a31,
          a32,
          a33,
          a41,
          a42,
          a43,
          zOrigin,
          min,
          cos,
          sin,
          t2,
          transform,
          comma,
          zero,
          skew,
          rnd;
        if (skewY) {
          //for performance reasons, we combine all skewing into the skewX and rotation values. Remember, a skewY of 10 degrees looks the same as a rotation of 10 degrees plus a skewX of 10 degrees.
          skewX += skewY;
          angle += skewY;
        }

        //check to see if we should render as 2D (and SVGs must use 2D when _useSVGTransformAttr is true)
        if (((v === 1 || v === 0) && force3D === "auto" && (this.tween._totalTime === this.tween._totalDuration || !this.tween._totalTime) || !force3D) && !z && !perspective && !rotationY && !rotationX && sz === 1 || _useSVGTransformAttr && isSVG || !_supports3D) {
          //on the final render (which could be 0 for a from tween), if there are no 3D aspects, render in 2D to free up memory and improve performance especially on mobile devices. Check the tween's totalTime/totalDuration too in order to make sure it doesn't happen between repeats if it's a repeating tween.

          //2D
          if (angle || skewX || isSVG) {
            angle *= _DEG2RAD;
            skew = skewX * _DEG2RAD;
            rnd = 100000;
            a11 = Math.cos(angle) * sx;
            a21 = Math.sin(angle) * sx;
            a12 = Math.sin(angle - skew) * -sy;
            a22 = Math.cos(angle - skew) * sy;
            if (skew && t.skewType === "simple") {
              //by default, we compensate skewing on the other axis to make it look more natural, but you can set the skewType to "simple" to use the uncompensated skewing that CSS does
              t1 = Math.tan(skew - skewY * _DEG2RAD);
              t1 = Math.sqrt(1 + t1 * t1);
              a12 *= t1;
              a22 *= t1;
              if (skewY) {
                t1 = Math.tan(skewY * _DEG2RAD);
                t1 = Math.sqrt(1 + t1 * t1);
                a11 *= t1;
                a21 *= t1;
              }
            }
            if (isSVG) {
              x += t.xOrigin - (t.xOrigin * a11 + t.yOrigin * a12) + t.xOffset;
              y += t.yOrigin - (t.xOrigin * a21 + t.yOrigin * a22) + t.yOffset;
              if (_useSVGTransformAttr && (t.xPercent || t.yPercent)) {
                //The SVG spec doesn't support percentage-based translation in the "transform" attribute, so we merge it into the matrix to simulate it.
                min = this.t.getBBox();
                x += t.xPercent * 0.01 * min.width;
                y += t.yPercent * 0.01 * min.height;
              }
              min = 0.000001;
              if (x < min) if (x > -min) {
                x = 0;
              }
              if (y < min) if (y > -min) {
                y = 0;
              }
            }
            transform = (a11 * rnd | 0) / rnd + "," + (a21 * rnd | 0) / rnd + "," + (a12 * rnd | 0) / rnd + "," + (a22 * rnd | 0) / rnd + "," + x + "," + y + ")";
            if (isSVG && _useSVGTransformAttr) {
              this.t.setAttribute("transform", "matrix(" + transform);
            } else {
              //some browsers have a hard time with very small values like 2.4492935982947064e-16 (notice the "e-" towards the end) and would render the object slightly off. So we round to 5 decimal places.
              style[_transformProp] = (t.xPercent || t.yPercent ? "translate(" + t.xPercent + "%," + t.yPercent + "%) matrix(" : "matrix(") + transform;
            }
          } else {
            style[_transformProp] = (t.xPercent || t.yPercent ? "translate(" + t.xPercent + "%," + t.yPercent + "%) matrix(" : "matrix(") + sx + ",0,0," + sy + "," + x + "," + y + ")";
          }
          return;
        }
        if (_isFirefox) {
          //Firefox has a bug (at least in v25) that causes it to render the transparent part of 32-bit PNG images as black when displayed inside an iframe and the 3D scale is very small and doesn't change sufficiently enough between renders (like if you use a Power4.easeInOut to scale from 0 to 1 where the beginning values only change a tiny amount to begin the tween before accelerating). In this case, we force the scale to be 0.00002 instead which is visually the same but works around the Firefox issue.
          min = 0.0001;
          if (sx < min && sx > -min) {
            sx = sz = 0.00002;
          }
          if (sy < min && sy > -min) {
            sy = sz = 0.00002;
          }
          if (perspective && !t.z && !t.rotationX && !t.rotationY) {
            //Firefox has a bug that causes elements to have an odd super-thin, broken/dotted black border on elements that have a perspective set but aren't utilizing 3D space (no rotationX, rotationY, or z).
            perspective = 0;
          }
        }
        if (angle || skewX) {
          angle *= _DEG2RAD;
          cos = a11 = Math.cos(angle);
          sin = a21 = Math.sin(angle);
          if (skewX) {
            angle -= skewX * _DEG2RAD;
            cos = Math.cos(angle);
            sin = Math.sin(angle);
            if (t.skewType === "simple") {
              //by default, we compensate skewing on the other axis to make it look more natural, but you can set the skewType to "simple" to use the uncompensated skewing that CSS does
              t1 = Math.tan((skewX - skewY) * _DEG2RAD);
              t1 = Math.sqrt(1 + t1 * t1);
              cos *= t1;
              sin *= t1;
              if (t.skewY) {
                t1 = Math.tan(skewY * _DEG2RAD);
                t1 = Math.sqrt(1 + t1 * t1);
                a11 *= t1;
                a21 *= t1;
              }
            }
          }
          a12 = -sin;
          a22 = cos;
        } else if (!rotationY && !rotationX && sz === 1 && !perspective && !isSVG) {
          //if we're only translating and/or 2D scaling, this is faster...
          style[_transformProp] = (t.xPercent || t.yPercent ? "translate(" + t.xPercent + "%," + t.yPercent + "%) translate3d(" : "translate3d(") + x + "px," + y + "px," + z + "px)" + (sx !== 1 || sy !== 1 ? " scale(" + sx + "," + sy + ")" : "");
          return;
        } else {
          a11 = a22 = 1;
          a12 = a21 = 0;
        }
        // KEY  INDEX   AFFECTS a[row][column]
        // a11  0       rotation, rotationY, scaleX
        // a21  1       rotation, rotationY, scaleX
        // a31  2       rotationY, scaleX
        // a41  3       rotationY, scaleX
        // a12  4       rotation, skewX, rotationX, scaleY
        // a22  5       rotation, skewX, rotationX, scaleY
        // a32  6       rotationX, scaleY
        // a42  7       rotationX, scaleY
        // a13  8       rotationY, rotationX, scaleZ
        // a23  9       rotationY, rotationX, scaleZ
        // a33  10      rotationY, rotationX, scaleZ
        // a43  11      rotationY, rotationX, perspective, scaleZ
        // a14  12      x, zOrigin, svgOrigin
        // a24  13      y, zOrigin, svgOrigin
        // a34  14      z, zOrigin
        // a44  15
        // rotation: Math.atan2(a21, a11)
        // rotationY: Math.atan2(a13, a33) (or Math.atan2(a13, a11))
        // rotationX: Math.atan2(a32, a33)
        a33 = 1;
        a13 = a23 = a31 = a32 = a41 = a42 = 0;
        a43 = perspective ? -1 / perspective : 0;
        zOrigin = t.zOrigin;
        min = 0.000001; //threshold below which browsers use scientific notation which won't work.
        comma = ",";
        zero = "0";
        angle = rotationY * _DEG2RAD;
        if (angle) {
          cos = Math.cos(angle);
          sin = Math.sin(angle);
          a31 = -sin;
          a41 = a43 * -sin;
          a13 = a11 * sin;
          a23 = a21 * sin;
          a33 = cos;
          a43 *= cos;
          a11 *= cos;
          a21 *= cos;
        }
        angle = rotationX * _DEG2RAD;
        if (angle) {
          cos = Math.cos(angle);
          sin = Math.sin(angle);
          t1 = a12 * cos + a13 * sin;
          t2 = a22 * cos + a23 * sin;
          a32 = a33 * sin;
          a42 = a43 * sin;
          a13 = a12 * -sin + a13 * cos;
          a23 = a22 * -sin + a23 * cos;
          a33 = a33 * cos;
          a43 = a43 * cos;
          a12 = t1;
          a22 = t2;
        }
        if (sz !== 1) {
          a13 *= sz;
          a23 *= sz;
          a33 *= sz;
          a43 *= sz;
        }
        if (sy !== 1) {
          a12 *= sy;
          a22 *= sy;
          a32 *= sy;
          a42 *= sy;
        }
        if (sx !== 1) {
          a11 *= sx;
          a21 *= sx;
          a31 *= sx;
          a41 *= sx;
        }
        if (zOrigin || isSVG) {
          if (zOrigin) {
            x += a13 * -zOrigin;
            y += a23 * -zOrigin;
            z += a33 * -zOrigin + zOrigin;
          }
          if (isSVG) {
            //due to bugs in some browsers, we need to manage the transform-origin of SVG manually
            x += t.xOrigin - (t.xOrigin * a11 + t.yOrigin * a12) + t.xOffset;
            y += t.yOrigin - (t.xOrigin * a21 + t.yOrigin * a22) + t.yOffset;
          }
          if (x < min && x > -min) {
            x = zero;
          }
          if (y < min && y > -min) {
            y = zero;
          }
          if (z < min && z > -min) {
            z = 0; //don't use string because we calculate perspective later and need the number.
          }
        }

        //optimized way of concatenating all the values into a string. If we do it all in one shot, it's slower because of the way browsers have to create temp strings and the way it affects memory. If we do it piece-by-piece with +=, it's a bit slower too. We found that doing it in these sized chunks works best overall:
        transform = t.xPercent || t.yPercent ? "translate(" + t.xPercent + "%," + t.yPercent + "%) matrix3d(" : "matrix3d(";
        transform += (a11 < min && a11 > -min ? zero : a11) + comma + (a21 < min && a21 > -min ? zero : a21) + comma + (a31 < min && a31 > -min ? zero : a31);
        transform += comma + (a41 < min && a41 > -min ? zero : a41) + comma + (a12 < min && a12 > -min ? zero : a12) + comma + (a22 < min && a22 > -min ? zero : a22);
        if (rotationX || rotationY || sz !== 1) {
          //performance optimization (often there's no rotationX or rotationY, so we can skip these calculations)
          transform += comma + (a32 < min && a32 > -min ? zero : a32) + comma + (a42 < min && a42 > -min ? zero : a42) + comma + (a13 < min && a13 > -min ? zero : a13);
          transform += comma + (a23 < min && a23 > -min ? zero : a23) + comma + (a33 < min && a33 > -min ? zero : a33) + comma + (a43 < min && a43 > -min ? zero : a43) + comma;
        } else {
          transform += ",0,0,0,0,1,0,";
        }
        transform += x + comma + y + comma + z + comma + (perspective ? 1 + -z / perspective : 1) + ")";
        style[_transformProp] = transform;
      };
    p = Transform.prototype;
    p.x = p.y = p.z = p.skewX = p.skewY = p.rotation = p.rotationX = p.rotationY = p.zOrigin = p.xPercent = p.yPercent = p.xOffset = p.yOffset = 0;
    p.scaleX = p.scaleY = p.scaleZ = 1;
    _registerComplexSpecialProp("transform,scale,scaleX,scaleY,scaleZ,x,y,z,rotation,rotationX,rotationY,rotationZ,skewX,skewY,shortRotation,shortRotationX,shortRotationY,shortRotationZ,transformOrigin,svgOrigin,transformPerspective,directionalRotation,parseTransform,force3D,skewType,xPercent,yPercent,smoothOrigin", {
      parser: function parser(t, e, parsingProp, cssp, pt, plugin, vars) {
        if (cssp._lastParsedTransform === vars) {
          return pt;
        } //only need to parse the transform once, and only if the browser supports it.
        cssp._lastParsedTransform = vars;
        var scaleFunc = vars.scale && typeof vars.scale === "function" ? vars.scale : 0,
          //if there's a function-based "scale" value, swap in the resulting numeric value temporarily. Otherwise, if it's called for both scaleX and scaleY independently, they may not match (like if the function uses Math.random()).
          swapFunc;
        if (typeof vars[parsingProp] === "function") {
          //whatever property triggers the initial parsing might be a function-based value in which case it already got called in parse(), thus we don't want to call it again in here. The most efficient way to avoid this is to temporarily swap the value directly into the vars object, and then after we do all our parsing in this function, we'll swap it back again.
          swapFunc = vars[parsingProp];
          vars[parsingProp] = e;
        }
        if (scaleFunc) {
          vars.scale = scaleFunc(_index, t);
        }
        var originalGSTransform = t._gsTransform,
          style = t.style,
          min = 0.000001,
          i = _transformProps.length,
          v = vars,
          endRotations = {},
          transformOriginString = "transformOrigin",
          m1 = _getTransform(t, _cs, true, v.parseTransform),
          orig = v.transform && (typeof v.transform === "function" ? v.transform(_index, _target) : v.transform),
          m2,
          copy,
          has3D,
          hasChange,
          dr,
          x,
          y,
          matrix,
          p;
        m1.skewType = v.skewType || m1.skewType || CSSPlugin.defaultSkewType;
        cssp._transform = m1;
        if (orig && typeof orig === "string" && _transformProp) {
          //for values like transform:"rotate(60deg) scale(0.5, 0.8)"
          copy = _tempDiv.style; //don't use the original target because it might be SVG in which case some browsers don't report computed style correctly.
          copy[_transformProp] = orig;
          copy.display = "block"; //if display is "none", the browser often refuses to report the transform properties correctly.
          copy.position = "absolute";
          _doc.body.appendChild(_tempDiv);
          m2 = _getTransform(_tempDiv, null, false);
          if (m1.skewType === "simple") {
            //the default _getTransform() reports the skewX/scaleY as if skewType is "compensated", thus we need to adjust that here if skewType is "simple".
            m2.scaleY *= Math.cos(m2.skewX * _DEG2RAD);
          }
          if (m1.svg) {
            //if it's an SVG element, x/y part of the matrix will be affected by whatever we use as the origin and the offsets, so compensate here...
            x = m1.xOrigin;
            y = m1.yOrigin;
            m2.x -= m1.xOffset;
            m2.y -= m1.yOffset;
            if (v.transformOrigin || v.svgOrigin) {
              //if this tween is altering the origin, we must factor that in here. The actual work of recording the transformOrigin values and setting up the PropTween is done later (still inside this function) so we cannot leave the changes intact here - we only want to update the x/y accordingly.
              orig = {};
              _parseSVGOrigin(t, _parsePosition(v.transformOrigin), orig, v.svgOrigin, v.smoothOrigin, true);
              x = orig.xOrigin;
              y = orig.yOrigin;
              m2.x -= orig.xOffset - m1.xOffset;
              m2.y -= orig.yOffset - m1.yOffset;
            }
            if (x || y) {
              matrix = _getMatrix(_tempDiv, true);
              m2.x -= x - (x * matrix[0] + y * matrix[2]);
              m2.y -= y - (x * matrix[1] + y * matrix[3]);
            }
          }
          _doc.body.removeChild(_tempDiv);
          if (!m2.perspective) {
            m2.perspective = m1.perspective; //tweening to no perspective gives very unintuitive results - just keep the same perspective in that case.
          }
          if (v.xPercent != null) {
            m2.xPercent = _parseVal(v.xPercent, m1.xPercent);
          }
          if (v.yPercent != null) {
            m2.yPercent = _parseVal(v.yPercent, m1.yPercent);
          }
        } else if (_typeof(v) === "object") {
          //for values like scaleX, scaleY, rotation, x, y, skewX, and skewY or transform:{...} (object)
          m2 = {
            scaleX: _parseVal(v.scaleX != null ? v.scaleX : v.scale, m1.scaleX),
            scaleY: _parseVal(v.scaleY != null ? v.scaleY : v.scale, m1.scaleY),
            scaleZ: _parseVal(v.scaleZ, m1.scaleZ),
            x: _parseVal(v.x, m1.x),
            y: _parseVal(v.y, m1.y),
            z: _parseVal(v.z, m1.z),
            xPercent: _parseVal(v.xPercent, m1.xPercent),
            yPercent: _parseVal(v.yPercent, m1.yPercent),
            perspective: _parseVal(v.transformPerspective, m1.perspective)
          };
          dr = v.directionalRotation;
          if (dr != null) {
            if (_typeof(dr) === "object") {
              for (copy in dr) {
                v[copy] = dr[copy];
              }
            } else {
              v.rotation = dr;
            }
          }
          if (typeof v.x === "string" && v.x.indexOf("%") !== -1) {
            m2.x = 0;
            m2.xPercent = _parseVal(v.x, m1.xPercent);
          }
          if (typeof v.y === "string" && v.y.indexOf("%") !== -1) {
            m2.y = 0;
            m2.yPercent = _parseVal(v.y, m1.yPercent);
          }
          m2.rotation = _parseAngle("rotation" in v ? v.rotation : "shortRotation" in v ? v.shortRotation + "_short" : "rotationZ" in v ? v.rotationZ : m1.rotation, m1.rotation, "rotation", endRotations);
          if (_supports3D) {
            m2.rotationX = _parseAngle("rotationX" in v ? v.rotationX : "shortRotationX" in v ? v.shortRotationX + "_short" : m1.rotationX || 0, m1.rotationX, "rotationX", endRotations);
            m2.rotationY = _parseAngle("rotationY" in v ? v.rotationY : "shortRotationY" in v ? v.shortRotationY + "_short" : m1.rotationY || 0, m1.rotationY, "rotationY", endRotations);
          }
          m2.skewX = _parseAngle(v.skewX, m1.skewX);
          m2.skewY = _parseAngle(v.skewY, m1.skewY);
        }
        if (_supports3D && v.force3D != null) {
          m1.force3D = v.force3D;
          hasChange = true;
        }
        has3D = m1.force3D || m1.z || m1.rotationX || m1.rotationY || m2.z || m2.rotationX || m2.rotationY || m2.perspective;
        if (!has3D && v.scale != null) {
          m2.scaleZ = 1; //no need to tween scaleZ.
        }
        while (--i > -1) {
          p = _transformProps[i];
          orig = m2[p] - m1[p];
          if (orig > min || orig < -min || v[p] != null || _forcePT[p] != null) {
            hasChange = true;
            pt = new CSSPropTween(m1, p, m1[p], orig, pt);
            if (p in endRotations) {
              pt.e = endRotations[p]; //directional rotations typically have compensated values during the tween, but we need to make sure they end at exactly what the user requested
            }
            pt.xs0 = 0; //ensures the value stays numeric in setRatio()
            pt.plugin = plugin;
            cssp._overwriteProps.push(pt.n);
          }
        }
        orig = v.transformOrigin;
        if (m1.svg && (orig || v.svgOrigin)) {
          x = m1.xOffset; //when we change the origin, in order to prevent things from jumping we adjust the x/y so we must record those here so that we can create PropTweens for them and flip them at the same time as the origin
          y = m1.yOffset;
          _parseSVGOrigin(t, _parsePosition(orig), m2, v.svgOrigin, v.smoothOrigin);
          pt = _addNonTweeningNumericPT(m1, "xOrigin", (originalGSTransform ? m1 : m2).xOrigin, m2.xOrigin, pt, transformOriginString); //note: if there wasn't a transformOrigin defined yet, just start with the destination one; it's wasteful otherwise, and it causes problems with fromTo() tweens. For example, TweenLite.to("#wheel", 3, {rotation:180, transformOrigin:"50% 50%", delay:1}); TweenLite.fromTo("#wheel", 3, {scale:0.5, transformOrigin:"50% 50%"}, {scale:1, delay:2}); would cause a jump when the from values revert at the beginning of the 2nd tween.
          pt = _addNonTweeningNumericPT(m1, "yOrigin", (originalGSTransform ? m1 : m2).yOrigin, m2.yOrigin, pt, transformOriginString);
          if (x !== m1.xOffset || y !== m1.yOffset) {
            pt = _addNonTweeningNumericPT(m1, "xOffset", originalGSTransform ? x : m1.xOffset, m1.xOffset, pt, transformOriginString);
            pt = _addNonTweeningNumericPT(m1, "yOffset", originalGSTransform ? y : m1.yOffset, m1.yOffset, pt, transformOriginString);
          }
          orig = "0px 0px"; //certain browsers (like firefox) completely botch transform-origin, so we must remove it to prevent it from contaminating transforms. We manage it ourselves with xOrigin and yOrigin
        }
        if (orig || _supports3D && has3D && m1.zOrigin) {
          //if anything 3D is happening and there's a transformOrigin with a z component that's non-zero, we must ensure that the transformOrigin's z-component is set to 0 so that we can manually do those calculations to get around Safari bugs. Even if the user didn't specifically define a "transformOrigin" in this particular tween (maybe they did it via css directly).
          if (_transformProp) {
            hasChange = true;
            p = _transformOriginProp;
            orig = (orig || _getStyle(t, p, _cs, false, "50% 50%")) + ""; //cast as string to avoid errors
            pt = new CSSPropTween(style, p, 0, 0, pt, -1, transformOriginString);
            pt.b = style[p];
            pt.plugin = plugin;
            if (_supports3D) {
              copy = m1.zOrigin;
              orig = orig.split(" ");
              m1.zOrigin = (orig.length > 2 && !(copy !== 0 && orig[2] === "0px") ? parseFloat(orig[2]) : copy) || 0; //Safari doesn't handle the z part of transformOrigin correctly, so we'll manually handle it in the _set3DTransformRatio() method.
              pt.xs0 = pt.e = orig[0] + " " + (orig[1] || "50%") + " 0px"; //we must define a z value of 0px specifically otherwise iOS 5 Safari will stick with the old one (if one was defined)!
              pt = new CSSPropTween(m1, "zOrigin", 0, 0, pt, -1, pt.n); //we must create a CSSPropTween for the _gsTransform.zOrigin so that it gets reset properly at the beginning if the tween runs backward (as opposed to just setting m1.zOrigin here)
              pt.b = copy;
              pt.xs0 = pt.e = m1.zOrigin;
            } else {
              pt.xs0 = pt.e = orig;
            }

            //for older versions of IE (6-8), we need to manually calculate things inside the setRatio() function. We record origin x and y (ox and oy) and whether or not the values are percentages (oxp and oyp).
          } else {
            _parsePosition(orig + "", m1);
          }
        }
        if (hasChange) {
          cssp._transformType = !(m1.svg && _useSVGTransformAttr) && (has3D || this._transformType === 3) ? 3 : 2; //quicker than calling cssp._enableTransforms();
        }
        if (swapFunc) {
          vars[parsingProp] = swapFunc;
        }
        if (scaleFunc) {
          vars.scale = scaleFunc;
        }
        return pt;
      },
      prefix: true
    });
    _registerComplexSpecialProp("boxShadow", {
      defaultValue: "0px 0px 0px 0px #999",
      prefix: true,
      color: true,
      multi: true,
      keyword: "inset"
    });
    _registerComplexSpecialProp("borderRadius", {
      defaultValue: "0px",
      parser: function parser(t, e, p, cssp, pt, plugin) {
        e = this.format(e);
        var props = ["borderTopLeftRadius", "borderTopRightRadius", "borderBottomRightRadius", "borderBottomLeftRadius"],
          style = t.style,
          ea1,
          i,
          es2,
          bs2,
          bs,
          es,
          bn,
          en,
          w,
          h,
          esfx,
          bsfx,
          rel,
          hn,
          vn,
          em;
        w = parseFloat(t.offsetWidth);
        h = parseFloat(t.offsetHeight);
        ea1 = e.split(" ");
        for (i = 0; i < props.length; i++) {
          //if we're dealing with percentages, we must convert things separately for the horizontal and vertical axis!
          if (this.p.indexOf("border")) {
            //older browsers used a prefix
            props[i] = _checkPropPrefix(props[i]);
          }
          bs = bs2 = _getStyle(t, props[i], _cs, false, "0px");
          if (bs.indexOf(" ") !== -1) {
            bs2 = bs.split(" ");
            bs = bs2[0];
            bs2 = bs2[1];
          }
          es = es2 = ea1[i];
          bn = parseFloat(bs);
          bsfx = bs.substr((bn + "").length);
          rel = es.charAt(1) === "=";
          if (rel) {
            en = parseInt(es.charAt(0) + "1", 10);
            es = es.substr(2);
            en *= parseFloat(es);
            esfx = es.substr((en + "").length - (en < 0 ? 1 : 0)) || "";
          } else {
            en = parseFloat(es);
            esfx = es.substr((en + "").length);
          }
          if (esfx === "") {
            esfx = _suffixMap[p] || bsfx;
          }
          if (esfx !== bsfx) {
            hn = _convertToPixels(t, "borderLeft", bn, bsfx); //horizontal number (we use a bogus "borderLeft" property just because the _convertToPixels() method searches for the keywords "Left", "Right", "Top", and "Bottom" to determine of it's a horizontal or vertical property, and we need "border" in the name so that it knows it should measure relative to the element itself, not its parent.
            vn = _convertToPixels(t, "borderTop", bn, bsfx); //vertical number
            if (esfx === "%") {
              bs = hn / w * 100 + "%";
              bs2 = vn / h * 100 + "%";
            } else if (esfx === "em") {
              em = _convertToPixels(t, "borderLeft", 1, "em");
              bs = hn / em + "em";
              bs2 = vn / em + "em";
            } else {
              bs = hn + "px";
              bs2 = vn + "px";
            }
            if (rel) {
              es = parseFloat(bs) + en + esfx;
              es2 = parseFloat(bs2) + en + esfx;
            }
          }
          pt = _parseComplex(style, props[i], bs + " " + bs2, es + " " + es2, false, "0px", pt);
        }
        return pt;
      },
      prefix: true,
      formatter: _getFormatter("0px 0px 0px 0px", false, true)
    });
    _registerComplexSpecialProp("borderBottomLeftRadius,borderBottomRightRadius,borderTopLeftRadius,borderTopRightRadius", {
      defaultValue: "0px",
      parser: function parser(t, e, p, cssp, pt, plugin) {
        return _parseComplex(t.style, p, this.format(_getStyle(t, p, _cs, false, "0px 0px")), this.format(e), false, "0px", pt);
      },
      prefix: true,
      formatter: _getFormatter("0px 0px", false, true)
    });
    _registerComplexSpecialProp("backgroundPosition", {
      defaultValue: "0 0",
      parser: function parser(t, e, p, cssp, pt, plugin) {
        var bp = "background-position",
          cs = _cs || _getComputedStyle(t, null),
          bs = this.format((cs ? _ieVers ? cs.getPropertyValue(bp + "-x") + " " + cs.getPropertyValue(bp + "-y") : cs.getPropertyValue(bp) : t.currentStyle.backgroundPositionX + " " + t.currentStyle.backgroundPositionY) || "0 0"),
          //Internet Explorer doesn't report background-position correctly - we must query background-position-x and background-position-y and combine them (even in IE10). Before IE9, we must do the same with the currentStyle object and use camelCase
          es = this.format(e),
          ba,
          ea,
          i,
          pct,
          overlap,
          src;
        if (bs.indexOf("%") !== -1 !== (es.indexOf("%") !== -1) && es.split(",").length < 2) {
          src = _getStyle(t, "backgroundImage").replace(_urlExp, "");
          if (src && src !== "none") {
            ba = bs.split(" ");
            ea = es.split(" ");
            _tempImg.setAttribute("src", src); //set the temp IMG's src to the background-image so that we can measure its width/height
            i = 2;
            while (--i > -1) {
              bs = ba[i];
              pct = bs.indexOf("%") !== -1;
              if (pct !== (ea[i].indexOf("%") !== -1)) {
                overlap = i === 0 ? t.offsetWidth - _tempImg.width : t.offsetHeight - _tempImg.height;
                ba[i] = pct ? parseFloat(bs) / 100 * overlap + "px" : parseFloat(bs) / overlap * 100 + "%";
              }
            }
            bs = ba.join(" ");
          }
        }
        return this.parseComplex(t.style, bs, es, pt, plugin);
      },
      formatter: _parsePosition
    });
    _registerComplexSpecialProp("backgroundSize", {
      defaultValue: "0 0",
      formatter: function formatter(v) {
        v += ""; //ensure it's a string
        return _parsePosition(v.indexOf(" ") === -1 ? v + " " + v : v); //if set to something like "100% 100%", Safari typically reports the computed style as just "100%" (no 2nd value), but we should ensure that there are two values, so copy the first one. Otherwise, it'd be interpreted as "100% 0" (wrong).
      }
    });
    _registerComplexSpecialProp("perspective", {
      defaultValue: "0px",
      prefix: true
    });
    _registerComplexSpecialProp("perspectiveOrigin", {
      defaultValue: "50% 50%",
      prefix: true
    });
    _registerComplexSpecialProp("transformStyle", {
      prefix: true
    });
    _registerComplexSpecialProp("backfaceVisibility", {
      prefix: true
    });
    _registerComplexSpecialProp("userSelect", {
      prefix: true
    });
    _registerComplexSpecialProp("margin", {
      parser: _getEdgeParser("marginTop,marginRight,marginBottom,marginLeft")
    });
    _registerComplexSpecialProp("padding", {
      parser: _getEdgeParser("paddingTop,paddingRight,paddingBottom,paddingLeft")
    });
    _registerComplexSpecialProp("clip", {
      defaultValue: "rect(0px,0px,0px,0px)",
      parser: function parser(t, e, p, cssp, pt, plugin) {
        var b, cs, delim;
        if (_ieVers < 9) {
          //IE8 and earlier don't report a "clip" value in the currentStyle - instead, the values are split apart into clipTop, clipRight, clipBottom, and clipLeft. Also, in IE7 and earlier, the values inside rect() are space-delimited, not comma-delimited.
          cs = t.currentStyle;
          delim = _ieVers < 8 ? " " : ",";
          b = "rect(" + cs.clipTop + delim + cs.clipRight + delim + cs.clipBottom + delim + cs.clipLeft + ")";
          e = this.format(e).split(",").join(delim);
        } else {
          b = this.format(_getStyle(t, this.p, _cs, false, this.dflt));
          e = this.format(e);
        }
        return this.parseComplex(t.style, b, e, pt, plugin);
      }
    });
    _registerComplexSpecialProp("textShadow", {
      defaultValue: "0px 0px 0px #999",
      color: true,
      multi: true
    });
    _registerComplexSpecialProp("autoRound,strictUnits", {
      parser: function parser(t, e, p, cssp, pt) {
        return pt;
      }
    }); //just so that we can ignore these properties (not tween them)
    _registerComplexSpecialProp("border", {
      defaultValue: "0px solid #000",
      parser: function parser(t, e, p, cssp, pt, plugin) {
        var bw = _getStyle(t, "borderTopWidth", _cs, false, "0px"),
          end = this.format(e).split(" "),
          esfx = end[0].replace(_suffixExp, "");
        if (esfx !== "px") {
          //if we're animating to a non-px value, we need to convert the beginning width to that unit.
          bw = parseFloat(bw) / _convertToPixels(t, "borderTopWidth", 1, esfx) + esfx;
        }
        return this.parseComplex(t.style, this.format(bw + " " + _getStyle(t, "borderTopStyle", _cs, false, "solid") + " " + _getStyle(t, "borderTopColor", _cs, false, "#000")), end.join(" "), pt, plugin);
      },
      color: true,
      formatter: function formatter(v) {
        var a = v.split(" ");
        return a[0] + " " + (a[1] || "solid") + " " + (v.match(_colorExp) || ["#000"])[0];
      }
    });
    _registerComplexSpecialProp("borderWidth", {
      parser: _getEdgeParser("borderTopWidth,borderRightWidth,borderBottomWidth,borderLeftWidth")
    }); //Firefox doesn't pick up on borderWidth set in style sheets (only inline).
    _registerComplexSpecialProp("float,cssFloat,styleFloat", {
      parser: function parser(t, e, p, cssp, pt, plugin) {
        var s = t.style,
          prop = "cssFloat" in s ? "cssFloat" : "styleFloat";
        return new CSSPropTween(s, prop, 0, 0, pt, -1, p, false, 0, s[prop], e);
      }
    });

    //opacity-related
    var _setIEOpacityRatio = function _setIEOpacityRatio(v) {
      var t = this.t,
        //refers to the element's style property
        filters = t.filter || _getStyle(this.data, "filter") || "",
        val = this.s + this.c * v | 0,
        skip;
      if (val === 100) {
        //for older versions of IE that need to use a filter to apply opacity, we should remove the filter if opacity hits 1 in order to improve performance, but make sure there isn't a transform (matrix) or gradient in the filters.
        if (filters.indexOf("atrix(") === -1 && filters.indexOf("radient(") === -1 && filters.indexOf("oader(") === -1) {
          t.removeAttribute("filter");
          skip = !_getStyle(this.data, "filter"); //if a class is applied that has an alpha filter, it will take effect (we don't want that), so re-apply our alpha filter in that case. We must first remove it and then check.
        } else {
          t.filter = filters.replace(_alphaFilterExp, "");
          skip = true;
        }
      }
      if (!skip) {
        if (this.xn1) {
          t.filter = filters = filters || "alpha(opacity=" + val + ")"; //works around bug in IE7/8 that prevents changes to "visibility" from being applied properly if the filter is changed to a different alpha on the same frame.
        }
        if (filters.indexOf("pacity") === -1) {
          //only used if browser doesn't support the standard opacity style property (IE 7 and 8). We omit the "O" to avoid case-sensitivity issues
          if (val !== 0 || !this.xn1) {
            //bugs in IE7/8 won't render the filter properly if opacity is ADDED on the same frame/render as "visibility" changes (this.xn1 is 1 if this tween is an "autoAlpha" tween)
            t.filter = filters + " alpha(opacity=" + val + ")"; //we round the value because otherwise, bugs in IE7/8 can prevent "visibility" changes from being applied properly.
          }
        } else {
          t.filter = filters.replace(_opacityExp, "opacity=" + val);
        }
      }
    };
    _registerComplexSpecialProp("opacity,alpha,autoAlpha", {
      defaultValue: "1",
      parser: function parser(t, e, p, cssp, pt, plugin) {
        var b = parseFloat(_getStyle(t, "opacity", _cs, false, "1")),
          style = t.style,
          isAutoAlpha = p === "autoAlpha";
        if (typeof e === "string" && e.charAt(1) === "=") {
          e = (e.charAt(0) === "-" ? -1 : 1) * parseFloat(e.substr(2)) + b;
        }
        if (isAutoAlpha && b === 1 && _getStyle(t, "visibility", _cs) === "hidden" && e !== 0) {
          //if visibility is initially set to "hidden", we should interpret that as intent to make opacity 0 (a convenience)
          b = 0;
        }
        if (_supportsOpacity) {
          pt = new CSSPropTween(style, "opacity", b, e - b, pt);
        } else {
          pt = new CSSPropTween(style, "opacity", b * 100, (e - b) * 100, pt);
          pt.xn1 = isAutoAlpha ? 1 : 0; //we need to record whether or not this is an autoAlpha so that in the setRatio(), we know to duplicate the setting of the alpha in order to work around a bug in IE7 and IE8 that prevents changes to "visibility" from taking effect if the filter is changed to a different alpha(opacity) at the same time. Setting it to the SAME value first, then the new value works around the IE7/8 bug.
          style.zoom = 1; //helps correct an IE issue.
          pt.type = 2;
          pt.b = "alpha(opacity=" + pt.s + ")";
          pt.e = "alpha(opacity=" + (pt.s + pt.c) + ")";
          pt.data = t;
          pt.plugin = plugin;
          pt.setRatio = _setIEOpacityRatio;
        }
        if (isAutoAlpha) {
          //we have to create the "visibility" PropTween after the opacity one in the linked list so that they run in the order that works properly in IE8 and earlier
          pt = new CSSPropTween(style, "visibility", 0, 0, pt, -1, null, false, 0, b !== 0 ? "inherit" : "hidden", e === 0 ? "hidden" : "inherit");
          pt.xs0 = "inherit";
          cssp._overwriteProps.push(pt.n);
          cssp._overwriteProps.push(p);
        }
        return pt;
      }
    });
    var _removeProp = function _removeProp(s, p) {
        if (p) {
          if (s.removeProperty) {
            if (p.substr(0, 2) === "ms" || p.substr(0, 6) === "webkit") {
              //Microsoft and some Webkit browsers don't conform to the standard of capitalizing the first prefix character, so we adjust so that when we prefix the caps with a dash, it's correct (otherwise it'd be "ms-transform" instead of "-ms-transform" for IE9, for example)
              p = "-" + p;
            }
            s.removeProperty(p.replace(_capsExp, "-$1").toLowerCase());
          } else {
            //note: old versions of IE use "removeAttribute()" instead of "removeProperty()"
            s.removeAttribute(p);
          }
        }
      },
      _setClassNameRatio = function _setClassNameRatio(v) {
        this.t._gsClassPT = this;
        if (v === 1 || v === 0) {
          this.t.setAttribute("class", v === 0 ? this.b : this.e);
          var mpt = this.data,
            //first MiniPropTween
            s = this.t.style;
          while (mpt) {
            if (!mpt.v) {
              _removeProp(s, mpt.p);
            } else {
              s[mpt.p] = mpt.v;
            }
            mpt = mpt._next;
          }
          if (v === 1 && this.t._gsClassPT === this) {
            this.t._gsClassPT = null;
          }
        } else if (this.t.getAttribute("class") !== this.e) {
          this.t.setAttribute("class", this.e);
        }
      };
    _registerComplexSpecialProp("className", {
      parser: function parser(t, e, p, cssp, pt, plugin, vars) {
        var b = t.getAttribute("class") || "",
          //don't use t.className because it doesn't work consistently on SVG elements; getAttribute("class") and setAttribute("class", value") is more reliable.
          cssText = t.style.cssText,
          difData,
          bs,
          cnpt,
          cnptLookup,
          mpt;
        pt = cssp._classNamePT = new CSSPropTween(t, p, 0, 0, pt, 2);
        pt.setRatio = _setClassNameRatio;
        pt.pr = -11;
        _hasPriority = true;
        pt.b = b;
        bs = _getAllStyles(t, _cs);
        //if there's a className tween already operating on the target, force it to its end so that the necessary inline styles are removed and the class name is applied before we determine the end state (we don't want inline styles interfering that were there just for class-specific values)
        cnpt = t._gsClassPT;
        if (cnpt) {
          cnptLookup = {};
          mpt = cnpt.data; //first MiniPropTween which stores the inline styles - we need to force these so that the inline styles don't contaminate things. Otherwise, there's a small chance that a tween could start and the inline values match the destination values and they never get cleaned.
          while (mpt) {
            cnptLookup[mpt.p] = 1;
            mpt = mpt._next;
          }
          cnpt.setRatio(1);
        }
        t._gsClassPT = pt;
        pt.e = e.charAt(1) !== "=" ? e : b.replace(new RegExp("(?:\\s|^)" + e.substr(2) + "(?![\\w-])"), "") + (e.charAt(0) === "+" ? " " + e.substr(2) : "");
        t.setAttribute("class", pt.e);
        difData = _cssDif(t, bs, _getAllStyles(t), vars, cnptLookup);
        t.setAttribute("class", b);
        pt.data = difData.firstMPT;
        t.style.cssText = cssText; //we recorded cssText before we swapped classes and ran _getAllStyles() because in cases when a className tween is overwritten, we remove all the related tweening properties from that class change (otherwise class-specific stuff can't override properties we've directly set on the target's style object due to specificity).
        pt = pt.xfirst = cssp.parse(t, difData.difs, pt, plugin); //we record the CSSPropTween as the xfirst so that we can handle overwriting propertly (if "className" gets overwritten, we must kill all the properties associated with the className part of the tween, so we can loop through from xfirst to the pt itself)
        return pt;
      }
    });
    var _setClearPropsRatio = function _setClearPropsRatio(v) {
      if (v === 1 || v === 0) if (this.data._totalTime === this.data._totalDuration && this.data.data !== "isFromStart") {
        //this.data refers to the tween. Only clear at the END of the tween (remember, from() tweens make the ratio go from 1 to 0, so we can't just check that and if the tween is the zero-duration one that's created internally to render the starting values in a from() tween, ignore that because otherwise, for example, from(...{height:100, clearProps:"height", delay:1}) would wipe the height at the beginning of the tween and after 1 second, it'd kick back in).
        var s = this.t.style,
          transformParse = _specialProps.transform.parse,
          a,
          p,
          i,
          clearTransform,
          transform;
        if (this.e === "all") {
          s.cssText = "";
          clearTransform = true;
        } else {
          a = this.e.split(" ").join("").split(",");
          i = a.length;
          while (--i > -1) {
            p = a[i];
            if (_specialProps[p]) {
              if (_specialProps[p].parse === transformParse) {
                clearTransform = true;
              } else {
                p = p === "transformOrigin" ? _transformOriginProp : _specialProps[p].p; //ensures that special properties use the proper browser-specific property name, like "scaleX" might be "-webkit-transform" or "boxShadow" might be "-moz-box-shadow"
              }
            }
            _removeProp(s, p);
          }
        }
        if (clearTransform) {
          _removeProp(s, _transformProp);
          transform = this.t._gsTransform;
          if (transform) {
            if (transform.svg) {
              this.t.removeAttribute("data-svg-origin");
              this.t.removeAttribute("transform");
            }
            delete this.t._gsTransform;
          }
        }
      }
    };
    _registerComplexSpecialProp("clearProps", {
      parser: function parser(t, e, p, cssp, pt) {
        pt = new CSSPropTween(t, p, 0, 0, pt, 2);
        pt.setRatio = _setClearPropsRatio;
        pt.e = e;
        pt.pr = -10;
        pt.data = cssp._tween;
        _hasPriority = true;
        return pt;
      }
    });
    p = "bezier,throwProps,physicsProps,physics2D".split(",");
    i = p.length;
    while (i--) {
      _registerPluginProp(p[i]);
    }
    p = CSSPlugin.prototype;
    p._firstPT = p._lastParsedTransform = p._transform = null;

    //gets called when the tween renders for the first time. This kicks everything off, recording start/end values, etc.
    p._onInitTween = function (target, vars, tween, index) {
      if (!target.nodeType) {
        //css is only for dom elements
        return false;
      }
      this._target = _target = target;
      this._tween = tween;
      this._vars = vars;
      _index = index;
      _autoRound = vars.autoRound;
      _hasPriority = false;
      _suffixMap = vars.suffixMap || CSSPlugin.suffixMap;
      _cs = _getComputedStyle(target, "");
      _overwriteProps = this._overwriteProps;
      var style = target.style,
        v,
        pt,
        pt2,
        first,
        last,
        next,
        zIndex,
        tpt,
        threeD;
      if (_reqSafariFix) if (style.zIndex === "") {
        v = _getStyle(target, "zIndex", _cs);
        if (v === "auto" || v === "") {
          //corrects a bug in [non-Android] Safari that prevents it from repainting elements in their new positions if they don't have a zIndex set. We also can't just apply this inside _parseTransform() because anything that's moved in any way (like using "left" or "top" instead of transforms like "x" and "y") can be affected, so it is best to ensure that anything that's tweening has a z-index. Setting "WebkitPerspective" to a non-zero value worked too except that on iOS Safari things would flicker randomly. Plus zIndex is less memory-intensive.
          this._addLazySet(style, "zIndex", 0);
        }
      }
      if (typeof vars === "string") {
        first = style.cssText;
        v = _getAllStyles(target, _cs);
        style.cssText = first + ";" + vars;
        v = _cssDif(target, v, _getAllStyles(target)).difs;
        if (!_supportsOpacity && _opacityValExp.test(vars)) {
          v.opacity = parseFloat(RegExp.$1);
        }
        vars = v;
        style.cssText = first;
      }
      if (vars.className) {
        //className tweens will combine any differences they find in the css with the vars that are passed in, so {className:"myClass", scale:0.5, left:20} would work.
        this._firstPT = pt = _specialProps.className.parse(target, vars.className, "className", this, null, null, vars);
      } else {
        this._firstPT = pt = this.parse(target, vars, null);
      }
      if (this._transformType) {
        threeD = this._transformType === 3;
        if (!_transformProp) {
          style.zoom = 1; //helps correct an IE issue.
        } else if (_isSafari) {
          _reqSafariFix = true;
          //if zIndex isn't set, iOS Safari doesn't repaint things correctly sometimes (seemingly at random).
          if (style.zIndex === "") {
            zIndex = _getStyle(target, "zIndex", _cs);
            if (zIndex === "auto" || zIndex === "") {
              this._addLazySet(style, "zIndex", 0);
            }
          }
          //Setting WebkitBackfaceVisibility corrects 3 bugs:
          // 1) [non-Android] Safari skips rendering changes to "top" and "left" that are made on the same frame/render as a transform update.
          // 2) iOS Safari sometimes neglects to repaint elements in their new positions. Setting "WebkitPerspective" to a non-zero value worked too except that on iOS Safari things would flicker randomly.
          // 3) Safari sometimes displayed odd artifacts when tweening the transform (or WebkitTransform) property, like ghosts of the edges of the element remained. Definitely a browser bug.
          //Note: we allow the user to override the auto-setting by defining WebkitBackfaceVisibility in the vars of the tween.
          if (_isSafariLT6) {
            this._addLazySet(style, "WebkitBackfaceVisibility", this._vars.WebkitBackfaceVisibility || (threeD ? "visible" : "hidden"));
          }
        }
        pt2 = pt;
        while (pt2 && pt2._next) {
          pt2 = pt2._next;
        }
        tpt = new CSSPropTween(target, "transform", 0, 0, null, 2);
        this._linkCSSP(tpt, null, pt2);
        tpt.setRatio = _transformProp ? _setTransformRatio : _setIETransformRatio;
        tpt.data = this._transform || _getTransform(target, _cs, true);
        tpt.tween = tween;
        tpt.pr = -1; //ensures that the transforms get applied after the components are updated.
        _overwriteProps.pop(); //we don't want to force the overwrite of all "transform" tweens of the target - we only care about individual transform properties like scaleX, rotation, etc. The CSSPropTween constructor automatically adds the property to _overwriteProps which is why we need to pop() here.
      }
      if (_hasPriority) {
        //reorders the linked list in order of pr (priority)
        while (pt) {
          next = pt._next;
          pt2 = first;
          while (pt2 && pt2.pr > pt.pr) {
            pt2 = pt2._next;
          }
          if (pt._prev = pt2 ? pt2._prev : last) {
            pt._prev._next = pt;
          } else {
            first = pt;
          }
          if (pt._next = pt2) {
            pt2._prev = pt;
          } else {
            last = pt;
          }
          pt = next;
        }
        this._firstPT = first;
      }
      return true;
    };
    p.parse = function (target, vars, pt, plugin) {
      var style = target.style,
        p,
        sp,
        bn,
        en,
        bs,
        es,
        bsfx,
        esfx,
        isStr,
        rel;
      for (p in vars) {
        es = vars[p]; //ending value string
        if (typeof es === "function") {
          es = es(_index, _target);
        }
        sp = _specialProps[p]; //SpecialProp lookup.
        if (sp) {
          pt = sp.parse(target, es, p, this, pt, plugin, vars);
        } else if (p.substr(0, 2) === "--") {
          //for tweening CSS variables (which always start with "--"). To maximize performance and simplicity, we bypass CSSPlugin altogether and just add a normal property tween to the tween instance itself.
          this._tween._propLookup[p] = this._addTween.call(this._tween, target.style, "setProperty", _getComputedStyle(target).getPropertyValue(p) + "", es + "", p, false, p);
          continue;
        } else {
          bs = _getStyle(target, p, _cs) + "";
          isStr = typeof es === "string";
          if (p === "color" || p === "fill" || p === "stroke" || p.indexOf("Color") !== -1 || isStr && _rgbhslExp.test(es)) {
            //Opera uses background: to define color sometimes in addition to backgroundColor:
            if (!isStr) {
              es = _parseColor(es);
              es = (es.length > 3 ? "rgba(" : "rgb(") + es.join(",") + ")";
            }
            pt = _parseComplex(style, p, bs, es, true, "transparent", pt, 0, plugin);
          } else if (isStr && _complexExp.test(es)) {
            pt = _parseComplex(style, p, bs, es, true, null, pt, 0, plugin);
          } else {
            bn = parseFloat(bs);
            bsfx = bn || bn === 0 ? bs.substr((bn + "").length) : ""; //remember, bs could be non-numeric like "normal" for fontWeight, so we should default to a blank suffix in that case.

            if (bs === "" || bs === "auto") {
              if (p === "width" || p === "height") {
                bn = _getDimension(target, p, _cs);
                bsfx = "px";
              } else if (p === "left" || p === "top") {
                bn = _calculateOffset(target, p, _cs);
                bsfx = "px";
              } else {
                bn = p !== "opacity" ? 0 : 1;
                bsfx = "";
              }
            }
            rel = isStr && es.charAt(1) === "=";
            if (rel) {
              en = parseInt(es.charAt(0) + "1", 10);
              es = es.substr(2);
              en *= parseFloat(es);
              esfx = es.replace(_suffixExp, "");
            } else {
              en = parseFloat(es);
              esfx = isStr ? es.replace(_suffixExp, "") : "";
            }
            if (esfx === "") {
              esfx = p in _suffixMap ? _suffixMap[p] : bsfx; //populate the end suffix, prioritizing the map, then if none is found, use the beginning suffix.
            }
            es = en || en === 0 ? (rel ? en + bn : en) + esfx : vars[p]; //ensures that any += or -= prefixes are taken care of. Record the end value before normalizing the suffix because we always want to end the tween on exactly what they intended even if it doesn't match the beginning value's suffix.
            //if the beginning/ending suffixes don't match, normalize them...
            if (bsfx !== esfx) if (esfx !== "" || p === "lineHeight") if (en || en === 0) if (bn) {
              //note: if the beginning value (bn) is 0, we don't need to convert units!
              bn = _convertToPixels(target, p, bn, bsfx);
              if (esfx === "%") {
                bn /= _convertToPixels(target, p, 100, "%") / 100;
                if (vars.strictUnits !== true) {
                  //some browsers report only "px" values instead of allowing "%" with getComputedStyle(), so we assume that if we're tweening to a %, we should start there too unless strictUnits:true is defined. This approach is particularly useful for responsive designs that use from() tweens.
                  bs = bn + "%";
                }
              } else if (esfx === "em" || esfx === "rem" || esfx === "vw" || esfx === "vh") {
                bn /= _convertToPixels(target, p, 1, esfx);

                //otherwise convert to pixels.
              } else if (esfx !== "px") {
                en = _convertToPixels(target, p, en, esfx);
                esfx = "px"; //we don't use bsfx after this, so we don't need to set it to px too.
              }
              if (rel) if (en || en === 0) {
                es = en + bn + esfx; //the changes we made affect relative calculations, so adjust the end value here.
              }
            }
            if (rel) {
              en += bn;
            }
            if ((bn || bn === 0) && (en || en === 0)) {
              //faster than isNaN(). Also, previously we required en !== bn but that doesn't really gain much performance and it prevents _parseToProxy() from working properly if beginning and ending values match but need to get tweened by an external plugin anyway. For example, a bezier tween where the target starts at left:0 and has these points: [{left:50},{left:0}] wouldn't work properly because when parsing the last point, it'd match the first (current) one and a non-tweening CSSPropTween would be recorded when we actually need a normal tween (type:0) so that things get updated during the tween properly.
              pt = new CSSPropTween(style, p, bn, en - bn, pt, 0, p, _autoRound !== false && (esfx === "px" || p === "zIndex"), 0, bs, es);
              pt.xs0 = esfx;
              //DEBUG: _log("tween "+p+" from "+pt.b+" ("+bn+esfx+") to "+pt.e+" with suffix: "+pt.xs0);
            } else if (style[p] === undefined || !es && (es + "" === "NaN" || es == null)) {
              _log("invalid " + p + " tween value: " + vars[p]);
            } else {
              pt = new CSSPropTween(style, p, en || bn || 0, 0, pt, -1, p, false, 0, bs, es);
              pt.xs0 = es === "none" && (p === "display" || p.indexOf("Style") !== -1) ? bs : es; //intermediate value should typically be set immediately (end value) except for "display" or things like borderTopStyle, borderBottomStyle, etc. which should use the beginning value during the tween.
              //DEBUG: _log("non-tweening value "+p+": "+pt.xs0);
            }
          }
        }
        if (plugin) if (pt && !pt.plugin) {
          pt.plugin = plugin;
        }
      }
      return pt;
    };

    //gets called every time the tween updates, passing the new ratio (typically a value between 0 and 1, but not always (for example, if an Elastic.easeOut is used, the value can jump above 1 mid-tween). It will always start and 0 and end at 1.
    p.setRatio = function (v) {
      var pt = this._firstPT,
        min = 0.000001,
        val,
        str,
        i;
      //at the end of the tween, we set the values to exactly what we received in order to make sure non-tweening values (like "position" or "float" or whatever) are set and so that if the beginning/ending suffixes (units) didn't match and we normalized to px, the value that the user passed in is used here. We check to see if the tween is at its beginning in case it's a from() tween in which case the ratio will actually go from 1 to 0 over the course of the tween (backwards).
      if (v === 1 && (this._tween._time === this._tween._duration || this._tween._time === 0)) {
        while (pt) {
          if (pt.type !== 2) {
            if (pt.r && pt.type !== -1) {
              val = Math.round(pt.s + pt.c);
              if (!pt.type) {
                pt.t[pt.p] = val + pt.xs0;
              } else if (pt.type === 1) {
                //complex value (one that typically has multiple numbers inside a string, like "rect(5px,10px,20px,25px)"
                i = pt.l;
                str = pt.xs0 + val + pt.xs1;
                for (i = 1; i < pt.l; i++) {
                  str += pt["xn" + i] + pt["xs" + (i + 1)];
                }
                pt.t[pt.p] = str;
              }
            } else {
              pt.t[pt.p] = pt.e;
            }
          } else {
            pt.setRatio(v);
          }
          pt = pt._next;
        }
      } else if (v || !(this._tween._time === this._tween._duration || this._tween._time === 0) || this._tween._rawPrevTime === -0.000001) {
        while (pt) {
          val = pt.c * v + pt.s;
          if (pt.r) {
            val = Math.round(val);
          } else if (val < min) if (val > -min) {
            val = 0;
          }
          if (!pt.type) {
            pt.t[pt.p] = val + pt.xs0;
          } else if (pt.type === 1) {
            //complex value (one that typically has multiple numbers inside a string, like "rect(5px,10px,20px,25px)"
            i = pt.l;
            if (i === 2) {
              pt.t[pt.p] = pt.xs0 + val + pt.xs1 + pt.xn1 + pt.xs2;
            } else if (i === 3) {
              pt.t[pt.p] = pt.xs0 + val + pt.xs1 + pt.xn1 + pt.xs2 + pt.xn2 + pt.xs3;
            } else if (i === 4) {
              pt.t[pt.p] = pt.xs0 + val + pt.xs1 + pt.xn1 + pt.xs2 + pt.xn2 + pt.xs3 + pt.xn3 + pt.xs4;
            } else if (i === 5) {
              pt.t[pt.p] = pt.xs0 + val + pt.xs1 + pt.xn1 + pt.xs2 + pt.xn2 + pt.xs3 + pt.xn3 + pt.xs4 + pt.xn4 + pt.xs5;
            } else {
              str = pt.xs0 + val + pt.xs1;
              for (i = 1; i < pt.l; i++) {
                str += pt["xn" + i] + pt["xs" + (i + 1)];
              }
              pt.t[pt.p] = str;
            }
          } else if (pt.type === -1) {
            //non-tweening value
            pt.t[pt.p] = pt.xs0;
          } else if (pt.setRatio) {
            //custom setRatio() for things like SpecialProps, external plugins, etc.
            pt.setRatio(v);
          }
          pt = pt._next;
        }

        //if the tween is reversed all the way back to the beginning, we need to restore the original values which may have different units (like % instead of px or em or whatever).
      } else {
        while (pt) {
          if (pt.type !== 2) {
            pt.t[pt.p] = pt.b;
          } else {
            pt.setRatio(v);
          }
          pt = pt._next;
        }
      }
    };

    /**
     * @private
     * Forces rendering of the target's transforms (rotation, scale, etc.) whenever the CSSPlugin's setRatio() is called.
     * Basically, this tells the CSSPlugin to create a CSSPropTween (type 2) after instantiation that runs last in the linked
     * list and calls the appropriate (3D or 2D) rendering function. We separate this into its own method so that we can call
     * it from other plugins like BezierPlugin if, for example, it needs to apply an autoRotation and this CSSPlugin
     * doesn't have any transform-related properties of its own. You can call this method as many times as you
     * want and it won't create duplicate CSSPropTweens.
     *
     * @param {boolean} threeD if true, it should apply 3D tweens (otherwise, just 2D ones are fine and typically faster)
     */
    p._enableTransforms = function (threeD) {
      this._transform = this._transform || _getTransform(this._target, _cs, true); //ensures that the element has a _gsTransform property with the appropriate values.
      this._transformType = !(this._transform.svg && _useSVGTransformAttr) && (threeD || this._transformType === 3) ? 3 : 2;
    };
    var lazySet = function lazySet(v) {
      this.t[this.p] = this.e;
      this.data._linkCSSP(this, this._next, null, true); //we purposefully keep this._next even though it'd make sense to null it, but this is a performance optimization, as this happens during the while (pt) {} loop in setRatio() at the bottom of which it sets pt = pt._next, so if we null it, the linked list will be broken in that loop.
    };
    /** @private Gives us a way to set a value on the first render (and only the first render). **/
    p._addLazySet = function (t, p, v) {
      var pt = this._firstPT = new CSSPropTween(t, p, 0, 0, this._firstPT, 2);
      pt.e = v;
      pt.setRatio = lazySet;
      pt.data = this;
    };

    /** @private **/
    p._linkCSSP = function (pt, next, prev, remove) {
      if (pt) {
        if (next) {
          next._prev = pt;
        }
        if (pt._next) {
          pt._next._prev = pt._prev;
        }
        if (pt._prev) {
          pt._prev._next = pt._next;
        } else if (this._firstPT === pt) {
          this._firstPT = pt._next;
          remove = true; //just to prevent resetting this._firstPT 5 lines down in case pt._next is null. (optimized for speed)
        }
        if (prev) {
          prev._next = pt;
        } else if (!remove && this._firstPT === null) {
          this._firstPT = pt;
        }
        pt._next = next;
        pt._prev = prev;
      }
      return pt;
    };
    p._mod = function (lookup) {
      var pt = this._firstPT;
      while (pt) {
        if (typeof lookup[pt.p] === "function" && lookup[pt.p] === Math.round) {
          //only gets called by RoundPropsPlugin (ModifyPlugin manages all the rendering internally for CSSPlugin properties that need modification). Remember, we handle rounding a bit differently in this plugin for performance reasons, leveraging "r" as an indicator that the value should be rounded internally..
          pt.r = 1;
        }
        pt = pt._next;
      }
    };

    //we need to make sure that if alpha or autoAlpha is killed, opacity is too. And autoAlpha affects the "visibility" property.
    p._kill = function (lookup) {
      var copy = lookup,
        pt,
        p,
        xfirst;
      if (lookup.autoAlpha || lookup.alpha) {
        copy = {};
        for (p in lookup) {
          //copy the lookup so that we're not changing the original which may be passed elsewhere.
          copy[p] = lookup[p];
        }
        copy.opacity = 1;
        if (copy.autoAlpha) {
          copy.visibility = 1;
        }
      }
      if (lookup.className && (pt = this._classNamePT)) {
        //for className tweens, we need to kill any associated CSSPropTweens too; a linked list starts at the className's "xfirst".
        xfirst = pt.xfirst;
        if (xfirst && xfirst._prev) {
          this._linkCSSP(xfirst._prev, pt._next, xfirst._prev._prev); //break off the prev
        } else if (xfirst === this._firstPT) {
          this._firstPT = pt._next;
        }
        if (pt._next) {
          this._linkCSSP(pt._next, pt._next._next, xfirst._prev);
        }
        this._classNamePT = null;
      }
      pt = this._firstPT;
      while (pt) {
        if (pt.plugin && pt.plugin !== p && pt.plugin._kill) {
          //for plugins that are registered with CSSPlugin, we should notify them of the kill.
          pt.plugin._kill(lookup);
          p = pt.plugin;
        }
        pt = pt._next;
      }
      return TweenPlugin.prototype._kill.call(this, copy);
    };

    //used by cascadeTo() for gathering all the style properties of each child element into an array for comparison.
    var _getChildStyles = function _getChildStyles(e, props, targets) {
      var children, i, child, type;
      if (e.slice) {
        i = e.length;
        while (--i > -1) {
          _getChildStyles(e[i], props, targets);
        }
        return;
      }
      children = e.childNodes;
      i = children.length;
      while (--i > -1) {
        child = children[i];
        type = child.type;
        if (child.style) {
          props.push(_getAllStyles(child));
          if (targets) {
            targets.push(child);
          }
        }
        if ((type === 1 || type === 9 || type === 11) && child.childNodes.length) {
          _getChildStyles(child, props, targets);
        }
      }
    };

    /**
     * Typically only useful for className tweens that may affect child elements, this method creates a TweenLite
     * and then compares the style properties of all the target's child elements at the tween's start and end, and
     * if any are different, it also creates tweens for those and returns an array containing ALL of the resulting
     * tweens (so that you can easily add() them to a TimelineLite, for example). The reason this functionality is
     * wrapped into a separate static method of CSSPlugin instead of being integrated into all regular className tweens
     * is because it creates entirely new tweens that may have completely different targets than the original tween,
     * so if they were all lumped into the original tween instance, it would be inconsistent with the rest of the API
     * and it would create other problems. For example:
     *  - If I create a tween of elementA, that tween instance may suddenly change its target to include 50 other elements (unintuitive if I specifically defined the target I wanted)
     *  - We can't just create new independent tweens because otherwise, what happens if the original/parent tween is reversed or pause or dropped into a TimelineLite for tight control? You'd expect that tween's behavior to affect all the others.
     *  - Analyzing every style property of every child before and after the tween is an expensive operation when there are many children, so this behavior shouldn't be imposed on all className tweens by default, especially since it's probably rare that this extra functionality is needed.
     *
     * @param {Object} target object to be tweened
     * @param {number} Duration in seconds (or frames for frames-based tweens)
     * @param {Object} Object containing the end values, like {className:"newClass", ease:Linear.easeNone}
     * @return {Array} An array of TweenLite instances
     */
    CSSPlugin.cascadeTo = function (target, duration, vars) {
      var tween = TweenLite.to(target, duration, vars),
        results = [tween],
        b = [],
        e = [],
        targets = [],
        _reservedProps = TweenLite._internals.reservedProps,
        i,
        difs,
        p,
        from;
      target = tween._targets || tween.target;
      _getChildStyles(target, b, targets);
      tween.render(duration, true, true);
      _getChildStyles(target, e);
      tween.render(0, true, true);
      tween._enabled(true);
      i = targets.length;
      while (--i > -1) {
        difs = _cssDif(targets[i], b[i], e[i]);
        if (difs.firstMPT) {
          difs = difs.difs;
          for (p in vars) {
            if (_reservedProps[p]) {
              difs[p] = vars[p];
            }
          }
          from = {};
          for (p in difs) {
            from[p] = b[i][p];
          }
          results.push(TweenLite.fromTo(targets[i], duration, from, difs));
        }
      }
      return results;
    };
    TweenPlugin.activate([CSSPlugin]);
    return CSSPlugin;
  }, true);
});
if (_gsScope._gsDefine) {
  _gsScope._gsQueue.pop()();
}

//export to AMD/RequireJS and CommonJS/Node (precursor to full modular build system coming at a later date)
(function (name) {
  "use strict";

  var getGlobal = function getGlobal() {
    return (_gsScope.GreenSockGlobals || _gsScope)[name];
  };
  if (typeof module !== "undefined" && module.exports) {
    //node
    require("gsap/TweenLite");
    module.exports = getGlobal();
  } else if (typeof define === "function" && define.amd) {
    //AMD
    define(["gsap/TweenLite"], getGlobal);
  }
})("CSSPlugin");

}).call(this)}).call(this,typeof global !== "undefined" ? global : typeof self !== "undefined" ? self : typeof window !== "undefined" ? window : {})
},{"gsap/TweenLite":4}],3:[function(require,module,exports){
(function (global){(function (){
"use strict";

function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
/*!
 * VERSION: 0.16.2
 * DATE: 2018-02-15
 * UPDATES AND DOCS AT: http://greensock.com
 *
 * Requires TweenLite and CSSPlugin version 1.17.0 or later (TweenMax contains both TweenLite and CSSPlugin). ThrowPropsPlugin is required for momentum-based continuation of movement after the mouse/touch is released (ThrowPropsPlugin is a membership benefit of Club GreenSock - http://greensock.com/club/).
 *
 * @license Copyright (c) 2008-2018, GreenSock. All rights reserved.
 * This work is subject to the terms at http://greensock.com/standard-license or for
 * Club GreenSock members, the software agreement that was issued with your membership.
 *
 * @author: Jack Doyle, jack@greensock.com
 */
var _gsScope = typeof module !== "undefined" && module.exports && typeof global !== "undefined" ? global : void 0 || window; //helps ensure compatibility with AMD/RequireJS and CommonJS/Node
(_gsScope._gsQueue || (_gsScope._gsQueue = [])).push(function () {
  "use strict";

  _gsScope._gsDefine("utils.Draggable", ["events.EventDispatcher", "TweenLite", "plugins.CSSPlugin"], function (EventDispatcher, TweenLite, CSSPlugin) {
    var _tempVarsXY = {
        css: {},
        data: "_draggable"
      },
      //speed optimization - we reuse the same vars object for x/y TweenLite.set() calls to minimize garbage collection tasks and improve performance.
      _tempVarsX = {
        css: {},
        data: "_draggable"
      },
      _tempVarsY = {
        css: {},
        data: "_draggable"
      },
      _tempVarsRotation = {
        css: {}
      },
      _globals = _gsScope._gsDefine.globals,
      _tempEvent = {},
      //for populating with pageX/pageY in old versions of IE
      _dummyElement = {
        style: {}
      },
      _doc = _gsScope.document || {
        createElement: function createElement() {
          return _dummyElement;
        }
      },
      _docElement = _doc.documentElement || {},
      _createElement = function _createElement(type) {
        return _doc.createElementNS ? _doc.createElementNS("http://www.w3.org/1999/xhtml", type) : _doc.createElement(type);
      },
      _tempDiv = _createElement("div"),
      _emptyArray = [],
      _emptyFunc = function _emptyFunc() {
        return false;
      },
      _RAD2DEG = 180 / Math.PI,
      _max = 999999999999999,
      _getTime = Date.now || function () {
        return new Date().getTime();
      },
      _isOldIE = !!(!_doc.addEventListener && _doc.all),
      _placeholderDiv = _doc.createElement("div"),
      _renderQueue = [],
      _lookup = {},
      //when a Draggable is created, the target gets a unique _gsDragID property that allows gets associated with the Draggable instance for quick lookups in Draggable.get(). This avoids circular references that could cause gc problems.
      _lookupCount = 0,
      _clickableTagExp = /^(?:a|input|textarea|button|select)$/i,
      _dragCount = 0,
      //total number of elements currently being dragged
      _prefix,
      _isMultiTouching,
      _isAndroid = _gsScope.navigator && _gsScope.navigator.userAgent.toLowerCase().indexOf("android") !== -1,
      //Android handles touch events in an odd way and it's virtually impossible to "feature test" so we resort to UA sniffing
      _lastDragTime = 0,
      _temp1 = {},
      // a simple object we reuse and populate (usually x/y properties) to conserve memory and improve performance.
      _windowProxy = {},
      //memory/performance optimization - we reuse this object during autoScroll to store window-related bounds/offsets.
      _slice = function _slice(a) {
        //don't use Array.prototype.slice.call(target, 0) because that doesn't work in IE8 with a NodeList that's returned by querySelectorAll()
        if (typeof a === "string") {
          a = TweenLite.selector(a);
        }
        if (!a || a.nodeType) {
          //if it's not an array, wrap it in one.
          return [a];
        }
        var b = [],
          l = a.length,
          i;
        for (i = 0; i !== l; b.push(a[i++]));
        return b;
      },
      _copy = function _copy(obj, factor) {
        var copy = {},
          p;
        if (factor) {
          for (p in obj) {
            copy[p] = obj[p] * factor;
          }
        } else {
          for (p in obj) {
            copy[p] = obj[p];
          }
        }
        return copy;
      },
      ThrowPropsPlugin,
      _renderQueueTick = function _renderQueueTick() {
        var i = _renderQueue.length;
        while (--i > -1) {
          _renderQueue[i]();
        }
      },
      _addToRenderQueue = function _addToRenderQueue(func) {
        _renderQueue.push(func);
        if (_renderQueue.length === 1) {
          TweenLite.ticker.addEventListener("tick", _renderQueueTick, this, false, 1);
        }
      },
      _removeFromRenderQueue = function _removeFromRenderQueue(func) {
        var i = _renderQueue.length;
        while (--i > -1) {
          if (_renderQueue[i] === func) {
            _renderQueue.splice(i, 1);
          }
        }
        TweenLite.to(_renderQueueTimeout, 0, {
          overwrite: "all",
          delay: 15,
          onComplete: _renderQueueTimeout,
          data: "_draggable"
        }); //remove the "tick" listener only after the render queue is empty for 15 seconds (to improve performance). Adding/removing it constantly for every click/touch wouldn't deliver optimal speed, and we also don't want the ticker to keep calling the render method when things are idle for long periods of time (we want to improve battery life on mobile devices).
      },
      _renderQueueTimeout = function _renderQueueTimeout() {
        if (!_renderQueue.length) {
          TweenLite.ticker.removeEventListener("tick", _renderQueueTick);
        }
      },
      _extend = function _extend(obj, defaults) {
        var p;
        for (p in defaults) {
          if (obj[p] === undefined) {
            obj[p] = defaults[p];
          }
        }
        return obj;
      },
      _getDocScrollTop = function _getDocScrollTop() {
        return window.pageYOffset != null ? window.pageYOffset : _doc.scrollTop != null ? _doc.scrollTop : _docElement.scrollTop || _doc.body.scrollTop || 0;
      },
      _getDocScrollLeft = function _getDocScrollLeft() {
        return window.pageXOffset != null ? window.pageXOffset : _doc.scrollLeft != null ? _doc.scrollLeft : _docElement.scrollLeft || _doc.body.scrollLeft || 0;
      },
      _addScrollListener = function _addScrollListener(e, callback) {
        _addListener(e, "scroll", callback);
        if (!_isRoot(e.parentNode)) {
          _addScrollListener(e.parentNode, callback);
        }
      },
      _removeScrollListener = function _removeScrollListener(e, callback) {
        _removeListener(e, "scroll", callback);
        if (!_isRoot(e.parentNode)) {
          _removeScrollListener(e.parentNode, callback);
        }
      },
      _isRoot = function _isRoot(e) {
        return !!(!e || e === _docElement || e === _doc || e === _doc.body || e === window || !e.nodeType || !e.parentNode);
      },
      _getMaxScroll = function _getMaxScroll(element, axis) {
        var dim = axis === "x" ? "Width" : "Height",
          scroll = "scroll" + dim,
          client = "client" + dim,
          body = _doc.body;
        return Math.max(0, _isRoot(element) ? Math.max(_docElement[scroll], body[scroll]) - (window["inner" + dim] || _docElement[client] || body[client]) : element[scroll] - element[client]);
      },
      _recordMaxScrolls = function _recordMaxScrolls(e) {
        //records _gsMaxScrollX and _gsMaxScrollY properties for the element and all ancestors up the chain so that we can cap it, otherwise dragging beyond the edges with autoScroll on can endlessly scroll.
        var isRoot = _isRoot(e),
          x = _getMaxScroll(e, "x"),
          y = _getMaxScroll(e, "y");
        if (isRoot) {
          e = _windowProxy;
        } else {
          _recordMaxScrolls(e.parentNode);
        }
        e._gsMaxScrollX = x;
        e._gsMaxScrollY = y;
        e._gsScrollX = e.scrollLeft || 0;
        e._gsScrollY = e.scrollTop || 0;
      },
      //just used for IE8 and earlier to normalize events and populate pageX/pageY
      _populateIEEvent = function _populateIEEvent(e, preventDefault) {
        e = e || window.event;
        _tempEvent.pageX = e.clientX + _doc.body.scrollLeft + _docElement.scrollLeft;
        _tempEvent.pageY = e.clientY + _doc.body.scrollTop + _docElement.scrollTop;
        if (preventDefault) {
          e.returnValue = false;
        }
        return _tempEvent;
      },
      //grabs the first element it finds (and we include the window as an element), so if it's selector text, it'll feed that value to TweenLite.selector, if it's a jQuery object or some other selector engine's result, it'll grab the first one, and same for an array. If the value doesn't contain a DOM element, it'll just return null.
      _unwrapElement = function _unwrapElement(value) {
        if (!value) {
          return value;
        }
        if (typeof value === "string") {
          value = TweenLite.selector(value);
        }
        if (value.length && value !== window && value[0] && value[0].style && !value.nodeType) {
          value = value[0];
        }
        return value === window || value.nodeType && value.style ? value : null;
      },
      _checkPrefix = function _checkPrefix(e, p) {
        var s = e.style,
          capped,
          i,
          a;
        if (s[p] === undefined) {
          a = ["O", "Moz", "ms", "Ms", "Webkit"];
          i = 5;
          capped = p.charAt(0).toUpperCase() + p.substr(1);
          while (--i > -1 && s[a[i] + capped] === undefined) {}
          if (i < 0) {
            return "";
          }
          _prefix = i === 3 ? "ms" : a[i];
          p = _prefix + capped;
        }
        return p;
      },
      _setStyle = function _setStyle(e, p, value) {
        var s = e.style;
        if (!s) {
          return;
        }
        if (s[p] === undefined) {
          p = _checkPrefix(e, p);
        }
        if (value == null) {
          if (s.removeProperty) {
            s.removeProperty(p.replace(/([A-Z])/g, "-$1").toLowerCase());
          } else {
            //note: old versions of IE use "removeAttribute()" instead of "removeProperty()"
            s.removeAttribute(p);
          }
        } else if (s[p] !== undefined) {
          s[p] = value;
        }
      },
      _getComputedStyle = _doc.defaultView ? _doc.defaultView.getComputedStyle : _emptyFunc,
      _horizExp = /(?:Left|Right|Width)/i,
      _suffixExp = /(?:\d|\-|\+|=|#|\.)*/g,
      _convertToPixels = function _convertToPixels(t, p, v, sfx, recurse) {
        if (sfx === "px" || !sfx) {
          return v;
        }
        if (sfx === "auto" || !v) {
          return 0;
        }
        var horiz = _horizExp.test(p),
          node = t,
          style = _tempDiv.style,
          neg = v < 0,
          pix;
        if (neg) {
          v = -v;
        }
        if (sfx === "%" && p.indexOf("border") !== -1) {
          pix = v / 100 * (horiz ? t.clientWidth : t.clientHeight);
        } else {
          style.cssText = "border:0 solid red;position:" + _getStyle(t, "position", true) + ";line-height:0;";
          if (sfx === "%" || !node.appendChild) {
            node = t.parentNode || _doc.body;
            style[horiz ? "width" : "height"] = v + sfx;
          } else {
            style[horiz ? "borderLeftWidth" : "borderTopWidth"] = v + sfx;
          }
          node.appendChild(_tempDiv);
          pix = parseFloat(_tempDiv[horiz ? "offsetWidth" : "offsetHeight"]);
          node.removeChild(_tempDiv);
          if (pix === 0 && !recurse) {
            pix = _convertToPixels(t, p, v, sfx, true);
          }
        }
        return neg ? -pix : pix;
      },
      _calculateOffset = function _calculateOffset(t, p) {
        //for figuring out "top" or "left" in px when it's "auto". We need to factor in margin with the offsetLeft/offsetTop
        if (_getStyle(t, "position", true) !== "absolute") {
          return 0;
        }
        var dim = p === "left" ? "Left" : "Top",
          v = _getStyle(t, "margin" + dim, true);
        return t["offset" + dim] - (_convertToPixels(t, p, parseFloat(v), (v + "").replace(_suffixExp, "")) || 0);
      },
      _getStyle = function _getStyle(element, prop, keepUnits) {
        var rv = (element._gsTransform || {})[prop],
          cs;
        if (rv || rv === 0) {
          return rv;
        } else if (element.style[prop]) {
          rv = element.style[prop];
        } else if (cs = _getComputedStyle(element)) {
          rv = cs.getPropertyValue(prop.replace(/([A-Z])/g, "-$1").toLowerCase());
          rv = rv || cs.length ? rv : cs[prop]; //Opera behaves VERY strangely - length is usually 0 and cs[prop] is the only way to get accurate results EXCEPT when checking for -o-transform which only works with cs.getPropertyValue()!
        } else if (element.currentStyle) {
          rv = element.currentStyle[prop];
        }
        if (rv === "auto" && (prop === "top" || prop === "left")) {
          rv = _calculateOffset(element, prop);
        }
        return keepUnits ? rv : parseFloat(rv) || 0;
      },
      _dispatchEvent = function _dispatchEvent(instance, type, callbackName) {
        var vars = instance.vars,
          callback = vars[callbackName],
          listeners = instance._listeners[type];
        if (typeof callback === "function") {
          callback.apply(vars[callbackName + "Scope"] || vars.callbackScope || instance, vars[callbackName + "Params"] || [instance.pointerEvent]);
        }
        if (listeners) {
          instance.dispatchEvent(type);
        }
      },
      _getBounds = function _getBounds(obj, context) {
        //accepts any of the following: a DOM element, jQuery object, selector text, or an object defining bounds as {top, left, width, height} or {minX, maxX, minY, maxY}. Returns an object with left, top, width, and height properties.
        var e = _unwrapElement(obj),
          top,
          left,
          offset;
        if (!e) {
          if (obj.left !== undefined) {
            offset = _getOffsetTransformOrigin(context); //the bounds should be relative to the origin
            return {
              left: obj.left - offset.x,
              top: obj.top - offset.y,
              width: obj.width,
              height: obj.height
            };
          }
          left = obj.min || obj.minX || obj.minRotation || 0;
          top = obj.min || obj.minY || 0;
          return {
            left: left,
            top: top,
            width: (obj.max || obj.maxX || obj.maxRotation || 0) - left,
            height: (obj.max || obj.maxY || 0) - top
          };
        }
        return _getElementBounds(e, context);
      },
      _svgBorderFactor,
      _svgBorderScales,
      _svgScrollOffset,
      _hasBorderBug,
      _hasReparentBug,
      //some browsers, like Chrome 49, alter the offsetTop/offsetLeft/offsetParent of elements when a non-identity transform is applied.
      _setEnvironmentVariables = function _setEnvironmentVariables() {
        //some browsers factor the border into the SVG coordinate space, some don't (like Firefox). Some apply transforms to them, some don't. We feature-detect here so we know how to handle the border(s). We can't do this immediately - we must wait for the document.body to exist.
        if (!_doc.createElementNS) {
          _svgBorderFactor = 0;
          _svgBorderScales = false;
          return;
        }
        var div = _createElement("div"),
          svg = _doc.createElementNS("http://www.w3.org/2000/svg", "svg"),
          wrapper = _createElement("div"),
          style = div.style,
          parent = _doc.body || _docElement,
          isFlex = _getStyle(parent, "display", true) === "flex",
          //Firefox bug causes getScreenCTM() to return null when parent is display:flex and the element isn't rendered inside the window (like if it's below the scroll position)
          matrix,
          e1,
          point,
          oldValue;
        if (_doc.body && _transformProp) {
          style.position = "absolute";
          parent.appendChild(wrapper);
          wrapper.appendChild(div);
          oldValue = div.offsetParent;
          wrapper.style[_transformProp] = "rotate(1deg)";
          _hasReparentBug = div.offsetParent === oldValue;
          wrapper.style.position = "absolute";
          style.height = "10px";
          oldValue = div.offsetTop;
          wrapper.style.border = "5px solid red";
          _hasBorderBug = oldValue !== div.offsetTop; //some browsers, like Firefox 38, cause the offsetTop/Left to be affected by a parent's border.
          parent.removeChild(wrapper);
        }
        style = svg.style;
        svg.setAttributeNS(null, "width", "400px");
        svg.setAttributeNS(null, "height", "400px");
        svg.setAttributeNS(null, "viewBox", "0 0 400 400");
        style.display = "block";
        style.boxSizing = "border-box";
        style.border = "0px solid red";
        style.transform = "none";
        // in some browsers (like certain flavors of Android), the getScreenCTM() matrix is contaminated by the scroll position. We can run some logic here to detect that condition, but we ended up not needing this because we found another workaround using getBoundingClientRect().
        div.style.cssText = "width:100px;height:100px;overflow:scroll;-ms-overflow-style:none;";
        parent.appendChild(div);
        div.appendChild(svg);
        point = svg.createSVGPoint().matrixTransform(svg.getScreenCTM());
        e1 = point.y;
        div.scrollTop = 100;
        point.x = point.y = 0;
        point = point.matrixTransform(svg.getScreenCTM());
        _svgScrollOffset = e1 - point.y < 100.1 ? 0 : e1 - point.y - 150;
        div.removeChild(svg);
        parent.removeChild(div);
        // -- end _svgScrollOffset calculation.
        parent.appendChild(svg);
        if (isFlex) {
          parent.style.display = "block"; //Firefox bug causes getScreenCTM() to return null when parent is display:flex and the element isn't rendered inside the window (like if it's below the scroll position)
        }
        matrix = svg.getScreenCTM();
        e1 = matrix.e;
        style.border = "50px solid red";
        matrix = svg.getScreenCTM();
        if (e1 === 0 && matrix.e === 0 && matrix.f === 0 && matrix.a === 1) {
          //Opera has a bunch of bugs - it doesn't adjust the x/y of the matrix, nor does it scale when box-sizing is border-box but it does so elsewhere; to get the correct behavior we set _svgBorderScales to true.
          _svgBorderFactor = 1;
          _svgBorderScales = true;
        } else {
          _svgBorderFactor = e1 !== matrix.e ? 1 : 0;
          _svgBorderScales = matrix.a !== 1;
        }
        if (isFlex) {
          parent.style.display = "flex";
        }
        parent.removeChild(svg);
      },
      _supports3D = _checkPrefix(_tempDiv, "perspective") !== "",
      // start matrix and point conversion methods...
      _transformOriginProp = _checkPrefix(_tempDiv, "transformOrigin").replace(/^ms/g, "Ms").replace(/([A-Z])/g, "-$1").toLowerCase(),
      _transformProp = _checkPrefix(_tempDiv, "transform"),
      _transformPropCSS = _transformProp.replace(/^ms/g, "Ms").replace(/([A-Z])/g, "-$1").toLowerCase(),
      _point1 = {},
      //we reuse _point1 and _point2 objects inside matrix and point conversion methods to conserve memory and minimize garbage collection tasks.
      _point2 = {},
      _SVGElement = _gsScope.SVGElement,
      _isSVG = function _isSVG(e) {
        return !!(_SVGElement && typeof e.getBBox === "function" && e.getCTM && (!e.parentNode || e.parentNode.getBBox && e.parentNode.getCTM));
      },
      _isIE10orBelow = (/MSIE ([0-9]{1,}[\.0-9]{0,})/.exec(navigator.userAgent) || /Trident\/.*rv:([0-9]{1,}[\.0-9]{0,})/.exec(navigator.userAgent)) && parseFloat(RegExp.$1) < 11,
      //Ideally we'd avoid user agent sniffing, but there doesn't seem to be a way to feature-detect and sense a border-related bug that only affects IE10 and IE9.
      _tempTransforms = [],
      _tempElements = [],
      _getSVGOffsets = function _getSVGOffsets(e) {
        //SVG elements don't always report offsetTop/offsetLeft/offsetParent at all (I'm looking at you, Firefox 29 and Android), so we have to do some work to manufacture those values. You can pass any SVG element and it'll spit back an object with offsetTop, offsetLeft, offsetParent, scaleX, and scaleY properties. We need the scaleX and scaleY to handle the way SVG can resize itself based on the container.
        if (!e.getBoundingClientRect || !e.parentNode || !_transformProp) {
          return {
            offsetTop: 0,
            offsetLeft: 0,
            scaleX: 1,
            scaleY: 1,
            offsetParent: _docElement
          };
        }
        if (Draggable.cacheSVGData !== false && e._dCache && e._dCache.lastUpdate === TweenLite.ticker.frame) {
          //performance optimization. Assume that if the offsets are requested again on the same tick, we can just feed back the values we already calculated (no need to keep recalculating until another tick elapses).
          return e._dCache;
        }
        var curElement = e,
          cache = _cache(e),
          eRect,
          parentRect,
          offsetParent,
          cs,
          m,
          i,
          point1,
          point2,
          borderWidth,
          borderHeight,
          width,
          height;
        cache.lastUpdate = TweenLite.ticker.frame;
        if (e.getBBox && !cache.isSVGRoot) {
          //if it's a nested/child SVG element, we must find the parent SVG canvas and measure the offset from there.
          curElement = e.parentNode;
          eRect = e.getBBox();
          while (curElement && (curElement.nodeName + "").toLowerCase() !== "svg") {
            curElement = curElement.parentNode;
          }
          cs = _getSVGOffsets(curElement);
          cache.offsetTop = eRect.y * cs.scaleY;
          cache.offsetLeft = eRect.x * cs.scaleX;
          cache.scaleX = cs.scaleX;
          cache.scaleY = cs.scaleY;
          cache.offsetParent = curElement || _docElement;
          return cache;
        }
        //only root SVG elements continue here...
        offsetParent = cache.offsetParent;
        if (offsetParent === _doc.body) {
          offsetParent = _docElement; //avoids problems with margins/padding on the body
        }
        //walk up the ancestors and record any non-identity transforms (and reset them to "none") until we reach the offsetParent. We must do this so that the getBoundingClientRect() is accurate for measuring the offsetTop/offsetLeft. We'll revert the values later...
        _tempElements.length = _tempTransforms.length = 0;
        while (curElement) {
          m = _getStyle(curElement, _transformProp, true);
          if (m !== "matrix(1, 0, 0, 1, 0, 0)" && m !== "none" && m !== "translate3d(0px, 0px, 0px)") {
            _tempElements.push(curElement);
            _tempTransforms.push(curElement.style[_transformProp]);
            curElement.style[_transformProp] = "none";
          }
          if (curElement === offsetParent) {
            break;
          }
          curElement = curElement.parentNode;
        }
        parentRect = offsetParent.getBoundingClientRect();
        m = e.getScreenCTM();
        point2 = e.createSVGPoint();
        point1 = point2.matrixTransform(m);
        point2.x = point2.y = 10;
        point2 = point2.matrixTransform(m);
        cache.scaleX = (point2.x - point1.x) / 10;
        cache.scaleY = (point2.y - point1.y) / 10;
        if (_svgBorderFactor === undefined) {
          _setEnvironmentVariables();
        }
        if (cache.borderBox && !_svgBorderScales && e.getAttribute("width")) {
          //some browsers (like Safari) don't properly scale the matrix to accommodate the border when box-sizing is border-box, so we must calculate it here...
          cs = _getComputedStyle(e) || {};
          borderWidth = parseFloat(cs.borderLeftWidth) + parseFloat(cs.borderRightWidth) || 0;
          borderHeight = parseFloat(cs.borderTopWidth) + parseFloat(cs.borderBottomWidth) || 0;
          width = parseFloat(cs.width) || 0;
          height = parseFloat(cs.height) || 0;
          cache.scaleX *= (width - borderWidth) / width;
          cache.scaleY *= (height - borderHeight) / height;
        }
        if (_svgScrollOffset) {
          //some browsers (like Chrome for Android) have bugs in the way getScreenCTM() is reported (it doesn't factor in scroll position), so we must revert to a more expensive technique for calculating offsetTop/Left.
          eRect = e.getBoundingClientRect();
          cache.offsetLeft = eRect.left - parentRect.left;
          cache.offsetTop = eRect.top - parentRect.top;
        } else {
          cache.offsetLeft = point1.x - parentRect.left;
          cache.offsetTop = point1.y - parentRect.top;
        }
        cache.offsetParent = offsetParent;
        i = _tempElements.length;
        while (--i > -1) {
          _tempElements[i].style[_transformProp] = _tempTransforms[i];
        }
        return cache;
      },
      _getOffsetTransformOrigin = function _getOffsetTransformOrigin(e, decoratee) {
        //returns the x/y position of the transformOrigin of the element, in its own local coordinate system (pixels), offset from the top left corner.
        decoratee = decoratee || {};
        if (!e || e === _docElement || !e.parentNode || e === window) {
          return {
            x: 0,
            y: 0
          };
        }
        var cs = _getComputedStyle(e),
          v = _transformOriginProp && cs ? cs.getPropertyValue(_transformOriginProp) : "50% 50%",
          a = v.split(" "),
          x = v.indexOf("left") !== -1 ? "0%" : v.indexOf("right") !== -1 ? "100%" : a[0],
          y = v.indexOf("top") !== -1 ? "0%" : v.indexOf("bottom") !== -1 ? "100%" : a[1];
        if (y === "center" || y == null) {
          y = "50%";
        }
        if (x === "center" || isNaN(parseFloat(x))) {
          //remember, the user could flip-flop the values and say "bottom center" or "center bottom", etc. "center" is ambiguous because it could be used to describe horizontal or vertical, hence the isNaN(). If there's an "=" sign in the value, it's relative.
          x = "50%";
        }
        if (e.getBBox && _isSVG(e)) {
          //SVG elements must be handled in a special way because their origins are calculated from the top left.
          if (!e._gsTransform) {
            TweenLite.set(e, {
              x: "+=0",
              overwrite: false
            }); //forces creation of the _gsTransform where we store all the transform components including xOrigin and yOrigin for SVG elements, as of GSAP 1.15.0 which also takes care of calculating the origin from the upper left corner of the SVG canvas.
            if (e._gsTransform.xOrigin === undefined) {
              console.log("Draggable requires at least GSAP 1.17.0");
            }
          }
          v = e.getBBox();
          decoratee.x = e._gsTransform.xOrigin - v.x;
          decoratee.y = e._gsTransform.yOrigin - v.y;
        } else {
          if (e.getBBox && (x + y).indexOf("%") !== -1) {
            //Firefox doesn't report offsetWidth/height on <svg> elements.
            e = e.getBBox();
            e = {
              offsetWidth: e.width,
              offsetHeight: e.height
            };
          }
          decoratee.x = x.indexOf("%") !== -1 ? e.offsetWidth * parseFloat(x) / 100 : parseFloat(x);
          decoratee.y = y.indexOf("%") !== -1 ? e.offsetHeight * parseFloat(y) / 100 : parseFloat(y);
        }
        return decoratee;
      },
      _cache = function _cache(e) {
        //computes some important values and stores them in a _dCache object attached to the element itself so that we can optimize performance
        if (Draggable.cacheSVGData !== false && e._dCache && e._dCache.lastUpdate === TweenLite.ticker.frame) {
          //performance optimization. Assume that if the offsets are requested again on the same tick, we can just feed back the values we already calculated (no need to keep recalculating until another tick elapses).
          return e._dCache;
        }
        var cache = e._dCache = e._dCache || {},
          cs = _getComputedStyle(e),
          isSVG = e.getBBox && _isSVG(e),
          isSVGRoot = (e.nodeName + "").toLowerCase() === "svg",
          curSVG;
        cache.isSVG = isSVG;
        cache.isSVGRoot = isSVGRoot;
        cache.borderBox = cs.boxSizing === "border-box";
        cache.computedStyle = cs;
        if (isSVGRoot) {
          //some browsers don't report parentNode on SVG elements.
          curSVG = e.parentNode || _docElement;
          curSVG.insertBefore(_tempDiv, e);
          cache.offsetParent = _tempDiv.offsetParent || _docElement; //in some cases, Firefox still reports offsetParent as null.
          curSVG.removeChild(_tempDiv);
        } else if (isSVG) {
          curSVG = e.parentNode;
          while (curSVG && (curSVG.nodeName + "").toLowerCase() !== "svg") {
            //offsetParent is always the SVG canvas for SVG elements.
            curSVG = curSVG.parentNode;
          }
          cache.offsetParent = curSVG;
        } else {
          cache.offsetParent = e.offsetParent;
        }
        return cache;
      },
      _getOffset2DMatrix = function _getOffset2DMatrix(e, offsetOrigin, parentOffsetOrigin, zeroOrigin, isBase) {
        //"isBase" helps us discern context - it should only be true when the element is the base one (the one at which we're starting to walk up the chain). It only matters in cases when it's an <svg> element itself because that's a case when we don't apply scaling.
        if (e === window || !e || !e.style || !e.parentNode) {
          return [1, 0, 0, 1, 0, 0];
        }
        var cache = e._dCache || _cache(e),
          parent = e.parentNode,
          parentCache = parent._dCache || _cache(parent),
          cs = cache.computedStyle,
          parentOffsetParent = cache.isSVG ? parentCache.offsetParent : parent.offsetParent,
          m,
          isRoot,
          offsets,
          rect,
          t,
          sx,
          sy,
          offsetX,
          offsetY,
          parentRect,
          borderTop,
          borderLeft,
          borderTranslateX,
          borderTranslateY;
        m = cache.isSVG && (e.style[_transformProp] + "").indexOf("matrix") !== -1 ? e.style[_transformProp] : cs ? cs.getPropertyValue(_transformPropCSS) : e.currentStyle ? e.currentStyle[_transformProp] : "1,0,0,1,0,0"; //some browsers (like Chrome 40) don't correctly report transforms that are applied inline on an SVG element (they don't get included in the computed style), so we double-check here and accept matrix values
        if (e.getBBox && (e.getAttribute("transform") + "").indexOf("matrix") !== -1) {
          //SVG can store transform data in its "transform" attribute instead of the CSS, so look for that here (only accept matrix()).
          m = e.getAttribute("transform");
        }
        m = (m + "").match(/(?:\-|\.|\b)(\d|\.|e\-)+/g) || [1, 0, 0, 1, 0, 0];
        if (m.length > 6) {
          m = [m[0], m[1], m[4], m[5], m[12], m[13]];
        }
        if (zeroOrigin) {
          m[4] = m[5] = 0;
        } else if (cache.isSVG && (t = e._gsTransform) && (t.xOrigin || t.yOrigin)) {
          //SVGs handle origin very differently. Factor in GSAP's handling of origin values here:
          m[0] = parseFloat(m[0]);
          m[1] = parseFloat(m[1]);
          m[2] = parseFloat(m[2]);
          m[3] = parseFloat(m[3]);
          m[4] = parseFloat(m[4]) - (t.xOrigin - (t.xOrigin * m[0] + t.yOrigin * m[2]));
          m[5] = parseFloat(m[5]) - (t.yOrigin - (t.xOrigin * m[1] + t.yOrigin * m[3]));
        }
        if (offsetOrigin) {
          if (_svgBorderFactor === undefined) {
            _setEnvironmentVariables();
          }
          offsets = cache.isSVG || cache.isSVGRoot ? _getSVGOffsets(e) : e;
          if (cache.isSVG) {
            //don't just rely on "instanceof _SVGElement" because if the SVG is embedded via an object tag, it won't work (SVGElement is mapped to a different object))
            rect = e.getBBox();
            parentRect = parentCache.isSVGRoot ? {
              x: 0,
              y: 0
            } : parent.getBBox();
            offsets = {
              offsetLeft: rect.x - parentRect.x,
              offsetTop: rect.y - parentRect.y,
              offsetParent: cache.offsetParent
            };
          } else if (cache.isSVGRoot) {
            borderTop = parseInt(cs.borderTopWidth, 10) || 0;
            borderLeft = parseInt(cs.borderLeftWidth, 10) || 0;
            borderTranslateX = (m[0] - _svgBorderFactor) * borderLeft + m[2] * borderTop;
            borderTranslateY = m[1] * borderLeft + (m[3] - _svgBorderFactor) * borderTop;
            sx = offsetOrigin.x;
            sy = offsetOrigin.y;
            offsetX = sx - (sx * m[0] + sy * m[2]); //accommodate the SVG root's transforms when the origin isn't in the top left.
            offsetY = sy - (sx * m[1] + sy * m[3]);
            m[4] = parseFloat(m[4]) + offsetX;
            m[5] = parseFloat(m[5]) + offsetY;
            offsetOrigin.x -= offsetX;
            offsetOrigin.y -= offsetY;
            sx = offsets.scaleX;
            sy = offsets.scaleY;
            if (!isBase) {
              //when getting the matrix for a root <svg> element itself (NOT in the context of an SVG element that's nested inside of it like a <path>), we do NOT apply the scaling!
              offsetOrigin.x *= sx;
              offsetOrigin.y *= sy;
            }
            m[0] *= sx;
            m[1] *= sy;
            m[2] *= sx;
            m[3] *= sy;
            if (!_isIE10orBelow) {
              offsetOrigin.x += borderTranslateX;
              offsetOrigin.y += borderTranslateY;
            }
            if (parentOffsetParent === _doc.body && offsets.offsetParent === _docElement) {
              //to avoid issues with margin/padding on the <body>, we always set the offsetParent to _docElement in the _getSVGOffsets() function but there's a condition we check later in this function for (parentOffsetParent === offsets.offsetParent) which would fail if we don't run this logic. In other words, parentOffsetParent may be <body> and the <svg>'s offsetParent is also <body> but artificially set to _docElement to avoid margin/padding issues.
              parentOffsetParent = _docElement;
            }
          } else if (!_hasBorderBug && e.offsetParent) {
            offsetOrigin.x += parseInt(_getStyle(e.offsetParent, "borderLeftWidth"), 10) || 0;
            offsetOrigin.y += parseInt(_getStyle(e.offsetParent, "borderTopWidth"), 10) || 0;
          }
          isRoot = parent === _docElement || parent === _doc.body;
          m[4] = Number(m[4]) + offsetOrigin.x + (offsets.offsetLeft || 0) - parentOffsetOrigin.x - (isRoot ? 0 : parent.scrollLeft || 0);
          m[5] = Number(m[5]) + offsetOrigin.y + (offsets.offsetTop || 0) - parentOffsetOrigin.y - (isRoot ? 0 : parent.scrollTop || 0);
          if (parent && _getStyle(e, "position", cs) === "fixed") {
            //fixed position elements should factor in the scroll position of the document.
            m[4] += _getDocScrollLeft();
            m[5] += _getDocScrollTop();
          }
          if (parent && parent !== _docElement && parentOffsetParent === offsets.offsetParent && !parentCache.isSVG && (!_hasReparentBug || _getOffset2DMatrix(parent).join("") === "100100")) {
            offsets = parentCache.isSVGRoot ? _getSVGOffsets(parent) : parent;
            m[4] -= offsets.offsetLeft || 0;
            m[5] -= offsets.offsetTop || 0;
            if (!_hasBorderBug && parentCache.offsetParent && !cache.isSVG && !cache.isSVGRoot) {
              m[4] -= parseInt(_getStyle(parentCache.offsetParent, "borderLeftWidth"), 10) || 0;
              m[5] -= parseInt(_getStyle(parentCache.offsetParent, "borderTopWidth"), 10) || 0;
            }
          }
        }
        return m;
      },
      _getConcatenatedMatrix = function _getConcatenatedMatrix(e, invert) {
        if (!e || e === window || !e.parentNode) {
          return [1, 0, 0, 1, 0, 0];
        }
        //note: we keep reusing _point1 and _point2 in order to minimize memory usage and garbage collection chores.
        var originOffset = _getOffsetTransformOrigin(e, _point1),
          parentOriginOffset = _getOffsetTransformOrigin(e.parentNode, _point2),
          m = _getOffset2DMatrix(e, originOffset, parentOriginOffset, false, !invert),
          a,
          b,
          c,
          d,
          tx,
          ty,
          m2,
          determinant;
        while ((e = e.parentNode) && e.parentNode && e !== _docElement) {
          originOffset = parentOriginOffset;
          parentOriginOffset = _getOffsetTransformOrigin(e.parentNode, originOffset === _point1 ? _point2 : _point1);
          m2 = _getOffset2DMatrix(e, originOffset, parentOriginOffset);
          a = m[0];
          b = m[1];
          c = m[2];
          d = m[3];
          tx = m[4];
          ty = m[5];
          m[0] = a * m2[0] + b * m2[2];
          m[1] = a * m2[1] + b * m2[3];
          m[2] = c * m2[0] + d * m2[2];
          m[3] = c * m2[1] + d * m2[3];
          m[4] = tx * m2[0] + ty * m2[2] + m2[4];
          m[5] = tx * m2[1] + ty * m2[3] + m2[5];
        }
        if (invert) {
          a = m[0];
          b = m[1];
          c = m[2];
          d = m[3];
          tx = m[4];
          ty = m[5];
          determinant = a * d - b * c;
          m[0] = d / determinant;
          m[1] = -b / determinant;
          m[2] = -c / determinant;
          m[3] = a / determinant;
          m[4] = (c * ty - d * tx) / determinant;
          m[5] = -(a * ty - b * tx) / determinant;
        }
        return m;
      },
      _localToGlobal = function _localToGlobal(e, p, fromTopLeft, decoratee, zeroOrigin) {
        e = _unwrapElement(e);
        var m = _getConcatenatedMatrix(e, false, zeroOrigin),
          x = p.x,
          y = p.y;
        if (fromTopLeft) {
          _getOffsetTransformOrigin(e, p);
          x -= p.x;
          y -= p.y;
        }
        decoratee = decoratee === true ? p : decoratee || {};
        decoratee.x = x * m[0] + y * m[2] + m[4];
        decoratee.y = x * m[1] + y * m[3] + m[5];
        return decoratee;
      },
      _localizePoint = function _localizePoint(p, localToGlobal, globalToLocal) {
        var x = p.x * localToGlobal[0] + p.y * localToGlobal[2] + localToGlobal[4],
          y = p.x * localToGlobal[1] + p.y * localToGlobal[3] + localToGlobal[5];
        p.x = x * globalToLocal[0] + y * globalToLocal[2] + globalToLocal[4];
        p.y = x * globalToLocal[1] + y * globalToLocal[3] + globalToLocal[5];
        return p;
      },
      _getElementBounds = function _getElementBounds(e, context, fromTopLeft) {
        if (!(e = _unwrapElement(e))) {
          return null;
        }
        context = _unwrapElement(context);
        var isSVG = e.getBBox && _isSVG(e),
          origin,
          left,
          right,
          top,
          bottom,
          mLocalToGlobal,
          mGlobalToLocal,
          p1,
          p2,
          p3,
          p4,
          bbox,
          width,
          height,
          cache,
          borderLeft,
          borderTop,
          viewBox,
          viewBoxX,
          viewBoxY,
          computedDimensions,
          cs;
        if (e === window) {
          top = _getDocScrollTop();
          left = _getDocScrollLeft();
          right = left + (_docElement.clientWidth || e.innerWidth || _doc.body.clientWidth || 0);
          bottom = top + ((e.innerHeight || 0) - 20 < _docElement.clientHeight ? _docElement.clientHeight : e.innerHeight || _doc.body.clientHeight || 0); //some browsers (like Firefox) ignore absolutely positioned elements, and collapse the height of the documentElement, so it could be 8px, for example, if you have just an absolutely positioned div. In that case, we use the innerHeight to resolve this.
        } else if (context === undefined || context === window) {
          return e.getBoundingClientRect();
        } else {
          origin = _getOffsetTransformOrigin(e);
          left = -origin.x;
          top = -origin.y;
          if (isSVG) {
            bbox = e.getBBox();
            width = bbox.width;
            height = bbox.height;
          } else if ((e.nodeName + "").toLowerCase() !== "svg" && e.offsetWidth) {
            //Chrome dropped support for "offsetWidth" on SVG elements
            width = e.offsetWidth;
            height = e.offsetHeight;
          } else {
            computedDimensions = _getComputedStyle(e);
            width = parseFloat(computedDimensions.width);
            height = parseFloat(computedDimensions.height);
          }
          right = left + width;
          bottom = top + height;
          if (e.nodeName.toLowerCase() === "svg" && !_isOldIE) {
            //root SVG elements are a special beast because they have 2 types of scaling - transforms on themselves as well as the stretching of the SVG canvas itself based on the outer size and the viewBox. If, for example, the SVG's viewbox is "0 0 100 100" but the CSS is set to width:200px; height:200px, that'd make it appear at 2x scale even though the element itself has no CSS transforms but the offsetWidth/offsetHeight are based on that css, not the viewBox so we need to adjust them accordingly.
            cache = _getSVGOffsets(e);
            cs = cache.computedStyle || {};
            viewBox = (e.getAttribute("viewBox") || "0 0").split(" ");
            viewBoxX = parseFloat(viewBox[0]);
            viewBoxY = parseFloat(viewBox[1]);
            borderLeft = parseFloat(cs.borderLeftWidth) || 0;
            borderTop = parseFloat(cs.borderTopWidth) || 0;
            right -= width - (width - borderLeft) / cache.scaleX - viewBoxX;
            bottom -= height - (height - borderTop) / cache.scaleY - viewBoxY;
            left -= borderLeft / cache.scaleX - viewBoxX;
            top -= borderTop / cache.scaleY - viewBoxY;
            if (computedDimensions) {
              //when we had to use computed styles, factor in the border now.
              right += (parseFloat(cs.borderRightWidth) + borderLeft) / cache.scaleX;
              bottom += (borderTop + parseFloat(cs.borderBottomWidth)) / cache.scaleY;
            }
          }
        }
        if (e === context) {
          return {
            left: left,
            top: top,
            width: right - left,
            height: bottom - top
          };
        }
        mLocalToGlobal = _getConcatenatedMatrix(e);
        mGlobalToLocal = _getConcatenatedMatrix(context, true);
        p1 = _localizePoint({
          x: left,
          y: top
        }, mLocalToGlobal, mGlobalToLocal);
        p2 = _localizePoint({
          x: right,
          y: top
        }, mLocalToGlobal, mGlobalToLocal);
        p3 = _localizePoint({
          x: right,
          y: bottom
        }, mLocalToGlobal, mGlobalToLocal);
        p4 = _localizePoint({
          x: left,
          y: bottom
        }, mLocalToGlobal, mGlobalToLocal);
        left = Math.min(p1.x, p2.x, p3.x, p4.x);
        top = Math.min(p1.y, p2.y, p3.y, p4.y);
        _temp1.x = _temp1.y = 0;
        if (fromTopLeft) {
          _getOffsetTransformOrigin(context, _temp1);
        }
        return {
          left: left + _temp1.x,
          top: top + _temp1.y,
          width: Math.max(p1.x, p2.x, p3.x, p4.x) - left,
          height: Math.max(p1.y, p2.y, p3.y, p4.y) - top
        };
      },
      // end matrix and point conversion methods

      _isArrayLike = function _isArrayLike(e) {
        return e && e.length && e[0] && (e[0].nodeType && e[0].style && !e.nodeType || e[0].length && e[0][0]) ? true : false; //could be an array of jQuery objects too, so accommodate that.
      },
      _flattenArray = function _flattenArray(a) {
        var result = [],
          l = a.length,
          i,
          e,
          j;
        for (i = 0; i < l; i++) {
          e = a[i];
          if (_isArrayLike(e)) {
            j = e.length;
            for (j = 0; j < e.length; j++) {
              result.push(e[j]);
            }
          } else if (e && e.length !== 0) {
            result.push(e);
          }
        }
        return result;
      },
      _isTouchDevice = "ontouchstart" in _docElement && "orientation" in window,
      _touchEventLookup = function (types) {
        //we create an object that makes it easy to translate touch event types into their "pointer" counterparts if we're in a browser that uses those instead. Like IE10 uses "MSPointerDown" instead of "touchstart", for example.
        var standard = types.split(","),
          converted = (_tempDiv.onpointerdown !== undefined ? "pointerdown,pointermove,pointerup,pointercancel" : _tempDiv.onmspointerdown !== undefined ? "MSPointerDown,MSPointerMove,MSPointerUp,MSPointerCancel" : types).split(","),
          obj = {},
          i = 4;
        while (--i > -1) {
          obj[standard[i]] = converted[i];
          obj[converted[i]] = standard[i];
        }
        return obj;
      }("touchstart,touchmove,touchend,touchcancel"),
      _addListener = function _addListener(element, type, func, capture) {
        if (element.addEventListener) {
          element.addEventListener(_touchEventLookup[type], func, capture);
          if (type !== _touchEventLookup[type]) {
            //some browsers actually support both, so must we.
            element.addEventListener(type, func, capture);
          }
        } else if (element.attachEvent) {
          element.attachEvent("on" + type, func);
        }
      },
      _removeListener = function _removeListener(element, type, func) {
        if (element.removeEventListener) {
          element.removeEventListener(_touchEventLookup[type], func);
          if (type !== _touchEventLookup[type]) {
            element.removeEventListener(type, func);
          }
        } else if (element.detachEvent) {
          element.detachEvent("on" + type, func);
        }
      },
      _hasTouchID = function _hasTouchID(list, ID) {
        var i = list.length;
        while (--i > -1) {
          if (list[i].identifier === ID) {
            return true;
          }
        }
        return false;
      },
      _onMultiTouchDocumentEnd = function _onMultiTouchDocumentEnd(e) {
        _isMultiTouching = e.touches && _dragCount < e.touches.length;
        _removeListener(e.target, "touchend", _onMultiTouchDocumentEnd);
      },
      _onMultiTouchDocument = function _onMultiTouchDocument(e) {
        _isMultiTouching = e.touches && _dragCount < e.touches.length;
        _addListener(e.target, "touchend", _onMultiTouchDocumentEnd);
      },
      _parseThrowProps = function _parseThrowProps(draggable, snap, max, min, factor, forceZeroVelocity) {
        var vars = {},
          a,
          i,
          l;
        if (snap) {
          if (factor !== 1 && snap instanceof Array) {
            //some data must be altered to make sense, like if the user passes in an array of rotational values in degrees, we must convert it to radians. Or for scrollLeft and scrollTop, we invert the values.
            vars.end = a = [];
            l = snap.length;
            if (_typeof(snap[0]) === "object") {
              //if the array is populated with objects, like points ({x:100, y:200}), make copies before multiplying by the factor, otherwise we'll mess up the originals and the user may reuse it elsewhere.
              for (i = 0; i < l; i++) {
                a[i] = _copy(snap[i], factor);
              }
            } else {
              for (i = 0; i < l; i++) {
                a[i] = snap[i] * factor;
              }
            }
            max += 1.1; //allow 1.1 pixels of wiggle room when snapping in order to work around some browser inconsistencies in the way bounds are reported which can make them roughly a pixel off. For example, if "snap:[-$('#menu').width(), 0]" was defined and #menu had a wrapper that was used as the bounds, some browsers would be one pixel off, making the minimum -752 for example when snap was [-753,0], thus instead of snapping to -753, it would snap to 0 since -753 was below the minimum.
            min -= 1.1;
          } else if (typeof snap === "function") {
            vars.end = function (value) {
              var result = snap.call(draggable, value),
                copy,
                p;
              if (factor !== 1) {
                if (_typeof(result) === "object") {
                  copy = {};
                  for (p in result) {
                    copy[p] = result[p] * factor;
                  }
                  result = copy;
                } else {
                  result *= factor;
                }
              }
              return result; //we need to ensure that we can scope the function call to the Draggable instance itself so that users can access important values like maxX, minX, maxY, minY, x, and y from within that function.
            };
          } else {
            vars.end = snap;
          }
        }
        if (max || max === 0) {
          vars.max = max;
        }
        if (min || min === 0) {
          vars.min = min;
        }
        if (forceZeroVelocity) {
          vars.velocity = 0;
        }
        return vars;
      },
      _isClickable = function _isClickable(e) {
        //sometimes it's convenient to mark an element as clickable by adding a data-clickable="true" attribute (in which case we won't preventDefault() the mouse/touch event). This method checks if the element is an <a>, <input>, or <button> or has an onclick or has the data-clickable or contentEditable attribute set to true (or any of its parent elements).
        var data;
        return !e || !e.getAttribute || e.nodeName === "BODY" ? false : (data = e.getAttribute("data-clickable")) === "true" || data !== "false" && (e.onclick || _clickableTagExp.test(e.nodeName + "") || e.getAttribute("contentEditable") === "true") ? true : _isClickable(e.parentNode);
      },
      _setSelectable = function _setSelectable(elements, selectable) {
        var i = elements.length,
          e;
        while (--i > -1) {
          e = elements[i];
          e.ondragstart = e.onselectstart = selectable ? null : _emptyFunc;
          _setStyle(e, "userSelect", selectable ? "text" : "none");
        }
      },
      _addPaddingBR,
      _addPaddingLeft = function () {
        //this function is in charge of analyzing browser behavior related to padding. It sets the _addPaddingBR to true if the browser doesn't normally factor in the bottom or right padding on the element inside the scrolling area, and it sets _addPaddingLeft to true if it's a browser that requires the extra offset (offsetLeft) to be added to the paddingRight (like Opera).
        var div = _doc.createElement("div"),
          child = _doc.createElement("div"),
          childStyle = child.style,
          parent = _doc.body || _tempDiv,
          val;
        childStyle.display = "inline-block";
        childStyle.position = "relative";
        div.style.cssText = child.innerHTML = "width:90px; height:40px; padding:10px; overflow:auto; visibility: hidden";
        div.appendChild(child);
        parent.appendChild(div);
        _addPaddingBR = child.offsetHeight + 18 > div.scrollHeight; //div.scrollHeight should be child.offsetHeight + 20 because of the 10px of padding on each side, but some browsers ignore one side. We allow a 2px margin of error.
        childStyle.width = "100%";
        if (!_transformProp) {
          childStyle.paddingRight = "500px";
          val = div.scrollLeft = div.scrollWidth - div.clientWidth;
          childStyle.left = "-90px";
          val = val !== div.scrollLeft;
        }
        parent.removeChild(div);
        return val;
      }(),
      //The ScrollProxy class wraps an element's contents into another div (we call it "content") that we either add padding when necessary or apply a translate3d() transform in order to overscroll (scroll past the boundaries). This allows us to simply set the scrollTop/scrollLeft (or top/left for easier reverse-axis orientation, which is what we do in Draggable) and it'll do all the work for us. For example, if we tried setting scrollTop to -100 on a normal DOM element, it wouldn't work - it'd look the same as setting it to 0, but if we set scrollTop of a ScrollProxy to -100, it'll give the correct appearance by either setting paddingTop of the wrapper to 100 or applying a 100-pixel translateY.
      ScrollProxy = function ScrollProxy(element, vars) {
        element = _unwrapElement(element);
        vars = vars || {};
        var content = _doc.createElement("div"),
          style = content.style,
          node = element.firstChild,
          offsetTop = 0,
          offsetLeft = 0,
          prevTop = element.scrollTop,
          prevLeft = element.scrollLeft,
          scrollWidth = element.scrollWidth,
          scrollHeight = element.scrollHeight,
          extraPadRight = 0,
          maxLeft = 0,
          maxTop = 0,
          elementWidth,
          elementHeight,
          contentHeight,
          nextNode,
          transformStart,
          transformEnd;
        if (_supports3D && vars.force3D !== false) {
          transformStart = "translate3d(";
          transformEnd = "px,0px)";
        } else if (_transformProp) {
          transformStart = "translate(";
          transformEnd = "px)";
        }
        this.scrollTop = function (value, force) {
          if (!arguments.length) {
            return -this.top();
          }
          this.top(-value, force);
        };
        this.scrollLeft = function (value, force) {
          if (!arguments.length) {
            return -this.left();
          }
          this.left(-value, force);
        };
        this.left = function (value, force) {
          if (!arguments.length) {
            return -(element.scrollLeft + offsetLeft);
          }
          var dif = element.scrollLeft - prevLeft,
            oldOffset = offsetLeft;
          if ((dif > 2 || dif < -2) && !force) {
            //if the user interacts with the scrollbar (or something else scrolls it, like the mouse wheel), we should kill any tweens of the ScrollProxy.
            prevLeft = element.scrollLeft;
            TweenLite.killTweensOf(this, true, {
              left: 1,
              scrollLeft: 1
            });
            this.left(-prevLeft);
            if (vars.onKill) {
              vars.onKill();
            }
            return;
          }
          value = -value; //invert because scrolling works in the opposite direction
          if (value < 0) {
            offsetLeft = value - 0.5 | 0;
            value = 0;
          } else if (value > maxLeft) {
            offsetLeft = value - maxLeft | 0;
            value = maxLeft;
          } else {
            offsetLeft = 0;
          }
          if (offsetLeft || oldOffset) {
            if (transformStart) {
              if (!this._suspendTransforms) {
                style[_transformProp] = transformStart + -offsetLeft + "px," + -offsetTop + transformEnd;
              }
            } else {
              style.left = -offsetLeft + "px";
            }
            if (_addPaddingLeft && offsetLeft + extraPadRight >= 0) {
              style.paddingRight = offsetLeft + extraPadRight + "px";
            }
          }
          element.scrollLeft = value | 0;
          prevLeft = element.scrollLeft; //don't merge this with the line above because some browsers adjsut the scrollLeft after it's set, so in order to be 100% accurate in tracking it, we need to ask the browser to report it.
        };
        this.top = function (value, force) {
          if (!arguments.length) {
            return -(element.scrollTop + offsetTop);
          }
          var dif = element.scrollTop - prevTop,
            oldOffset = offsetTop;
          if ((dif > 2 || dif < -2) && !force) {
            //if the user interacts with the scrollbar (or something else scrolls it, like the mouse wheel), we should kill any tweens of the ScrollProxy.
            prevTop = element.scrollTop;
            TweenLite.killTweensOf(this, true, {
              top: 1,
              scrollTop: 1
            });
            this.top(-prevTop);
            if (vars.onKill) {
              vars.onKill();
            }
            return;
          }
          value = -value; //invert because scrolling works in the opposite direction
          if (value < 0) {
            offsetTop = value - 0.5 | 0;
            value = 0;
          } else if (value > maxTop) {
            offsetTop = value - maxTop | 0;
            value = maxTop;
          } else {
            offsetTop = 0;
          }
          if (offsetTop || oldOffset) {
            if (transformStart) {
              if (!this._suspendTransforms) {
                style[_transformProp] = transformStart + -offsetLeft + "px," + -offsetTop + transformEnd;
              }
            } else {
              style.top = -offsetTop + "px";
            }
          }
          element.scrollTop = value | 0;
          prevTop = element.scrollTop;
        };
        this.maxScrollTop = function () {
          return maxTop;
        };
        this.maxScrollLeft = function () {
          return maxLeft;
        };
        this.disable = function () {
          node = content.firstChild;
          while (node) {
            nextNode = node.nextSibling;
            element.appendChild(node);
            node = nextNode;
          }
          if (element === content.parentNode) {
            //in case disable() is called when it's already disabled.
            element.removeChild(content);
          }
        };
        this.enable = function () {
          node = element.firstChild;
          if (node === content) {
            return;
          }
          while (node) {
            nextNode = node.nextSibling;
            content.appendChild(node);
            node = nextNode;
          }
          element.appendChild(content);
          this.calibrate();
        };
        this.calibrate = function (force) {
          var widthMatches = element.clientWidth === elementWidth,
            x,
            y;
          prevTop = element.scrollTop;
          prevLeft = element.scrollLeft;
          if (widthMatches && element.clientHeight === elementHeight && content.offsetHeight === contentHeight && scrollWidth === element.scrollWidth && scrollHeight === element.scrollHeight && !force) {
            return; //no need to recalculate things if the width and height haven't changed.
          }
          if (offsetTop || offsetLeft) {
            x = this.left();
            y = this.top();
            this.left(-element.scrollLeft);
            this.top(-element.scrollTop);
          }
          //first, we need to remove any width constraints to see how the content naturally flows so that we can see if it's wider than the containing element. If so, we've got to record the amount of overage so that we can apply that as padding in order for browsers to correctly handle things. Then we switch back to a width of 100% (without that, some browsers don't flow the content correctly)
          if (!widthMatches || force) {
            style.display = "block";
            style.width = "auto";
            style.paddingRight = "0px";
            extraPadRight = Math.max(0, element.scrollWidth - element.clientWidth);
            //if the content is wider than the container, we need to add the paddingLeft and paddingRight in order for things to behave correctly.
            if (extraPadRight) {
              extraPadRight += _getStyle(element, "paddingLeft") + (_addPaddingBR ? _getStyle(element, "paddingRight") : 0);
            }
          }
          style.display = "inline-block";
          style.position = "relative";
          style.overflow = "visible";
          style.verticalAlign = "top";
          style.width = "100%";
          style.paddingRight = extraPadRight + "px";
          //some browsers neglect to factor in the bottom padding when calculating the scrollHeight, so we need to add that padding to the content when that happens. Allow a 2px margin for error
          if (_addPaddingBR) {
            style.paddingBottom = _getStyle(element, "paddingBottom", true);
          }
          if (_isOldIE) {
            style.zoom = "1";
          }
          elementWidth = element.clientWidth;
          elementHeight = element.clientHeight;
          scrollWidth = element.scrollWidth;
          scrollHeight = element.scrollHeight;
          maxLeft = element.scrollWidth - elementWidth;
          maxTop = element.scrollHeight - elementHeight;
          contentHeight = content.offsetHeight;
          style.display = "block";
          if (x || y) {
            this.left(x);
            this.top(y);
          }
        };
        this.content = content;
        this.element = element;
        this._suspendTransforms = false;
        this.enable();
      },
      Draggable = function Draggable(target, vars) {
        EventDispatcher.call(this, target);
        target = _unwrapElement(target); //in case the target is a selector object or selector text
        if (!ThrowPropsPlugin) {
          ThrowPropsPlugin = _globals.com.greensock.plugins.ThrowPropsPlugin;
        }
        this.vars = vars = _copy(vars || {});
        this.target = target;
        this.x = this.y = this.rotation = 0;
        this.dragResistance = parseFloat(vars.dragResistance) || 0;
        this.edgeResistance = isNaN(vars.edgeResistance) ? 1 : parseFloat(vars.edgeResistance) || 0;
        this.lockAxis = vars.lockAxis;
        this.autoScroll = vars.autoScroll || 0;
        this.lockedAxis = null;
        this.allowEventDefault = !!vars.allowEventDefault;
        var type = (vars.type || (_isOldIE ? "top,left" : "x,y")).toLowerCase(),
          xyMode = type.indexOf("x") !== -1 || type.indexOf("y") !== -1,
          rotationMode = type.indexOf("rotation") !== -1,
          xProp = rotationMode ? "rotation" : xyMode ? "x" : "left",
          yProp = xyMode ? "y" : "top",
          allowX = type.indexOf("x") !== -1 || type.indexOf("left") !== -1 || type === "scroll",
          allowY = type.indexOf("y") !== -1 || type.indexOf("top") !== -1 || type === "scroll",
          minimumMovement = vars.minimumMovement || 2,
          self = this,
          triggers = _slice(vars.trigger || vars.handle || target),
          killProps = {},
          dragEndTime = 0,
          checkAutoScrollBounds = false,
          autoScrollMarginTop = vars.autoScrollMarginTop || 40,
          autoScrollMarginRight = vars.autoScrollMarginRight || 40,
          autoScrollMarginBottom = vars.autoScrollMarginBottom || 40,
          autoScrollMarginLeft = vars.autoScrollMarginLeft || 40,
          isClickable = vars.clickableTest || _isClickable,
          clickTime = 0,
          enabled,
          scrollProxy,
          startPointerX,
          startPointerY,
          startElementX,
          startElementY,
          hasBounds,
          hasDragCallback,
          maxX,
          minX,
          maxY,
          minY,
          tempVars,
          cssVars,
          touch,
          touchID,
          rotationOrigin,
          dirty,
          old,
          snapX,
          snapY,
          snapXY,
          isClicking,
          touchEventTarget,
          matrix,
          interrupted,
          startScrollTop,
          startScrollLeft,
          applyObj,
          allowNativeTouchScrolling,
          touchDragAxis,
          isDispatching,
          clickDispatch,
          trustedClickDispatch,
          onContextMenu = function onContextMenu(e) {
            //used to prevent long-touch from triggering a context menu.
            if (self.isPressed && e.which < 2) {
              self.endDrag();
            } else {
              e.preventDefault();
              e.stopPropagation();
              return false;
            }
          },
          //this method gets called on every tick of TweenLite.ticker which allows us to synchronize the renders to the core engine (which is typically synchronized with the display refresh via requestAnimationFrame). This is an optimization - it's better than applying the values inside the "mousemove" or "touchmove" event handler which may get called many times inbetween refreshes.
          render = function render(suppressEvents) {
            if (self.autoScroll && self.isDragging && (checkAutoScrollBounds || dirty)) {
              var e = target,
                autoScrollFactor = self.autoScroll * 15,
                //multiplying by 15 just gives us a better "feel" speed-wise.
                parent,
                isRoot,
                rect,
                pointerX,
                pointerY,
                changeX,
                changeY,
                gap;
              checkAutoScrollBounds = false;
              _windowProxy.scrollTop = window.pageYOffset != null ? window.pageYOffset : _docElement.scrollTop != null ? _docElement.scrollTop : _doc.body.scrollTop;
              _windowProxy.scrollLeft = window.pageXOffset != null ? window.pageXOffset : _docElement.scrollLeft != null ? _docElement.scrollLeft : _doc.body.scrollLeft;
              pointerX = self.pointerX - _windowProxy.scrollLeft;
              pointerY = self.pointerY - _windowProxy.scrollTop;
              while (e && !isRoot) {
                //walk up the chain and sense wherever the pointer is within 40px of an edge that's scrollable.
                isRoot = _isRoot(e.parentNode);
                parent = isRoot ? _windowProxy : e.parentNode;
                rect = isRoot ? {
                  bottom: Math.max(_docElement.clientHeight, window.innerHeight || 0),
                  right: Math.max(_docElement.clientWidth, window.innerWidth || 0),
                  left: 0,
                  top: 0
                } : parent.getBoundingClientRect();
                changeX = changeY = 0;
                if (allowY) {
                  gap = parent._gsMaxScrollY - parent.scrollTop;
                  if (gap < 0) {
                    changeY = gap;
                  } else if (pointerY > rect.bottom - autoScrollMarginBottom && gap) {
                    checkAutoScrollBounds = true;
                    changeY = Math.min(gap, autoScrollFactor * (1 - Math.max(0, rect.bottom - pointerY) / autoScrollMarginBottom) | 0);
                  } else if (pointerY < rect.top + autoScrollMarginTop && parent.scrollTop) {
                    checkAutoScrollBounds = true;
                    changeY = -Math.min(parent.scrollTop, autoScrollFactor * (1 - Math.max(0, pointerY - rect.top) / autoScrollMarginTop) | 0);
                  }
                  if (changeY) {
                    parent.scrollTop += changeY;
                  }
                }
                if (allowX) {
                  gap = parent._gsMaxScrollX - parent.scrollLeft;
                  if (gap < 0) {
                    changeX = gap;
                  } else if (pointerX > rect.right - autoScrollMarginRight && gap) {
                    checkAutoScrollBounds = true;
                    changeX = Math.min(gap, autoScrollFactor * (1 - Math.max(0, rect.right - pointerX) / autoScrollMarginRight) | 0);
                  } else if (pointerX < rect.left + autoScrollMarginLeft && parent.scrollLeft) {
                    checkAutoScrollBounds = true;
                    changeX = -Math.min(parent.scrollLeft, autoScrollFactor * (1 - Math.max(0, pointerX - rect.left) / autoScrollMarginLeft) | 0);
                  }
                  if (changeX) {
                    parent.scrollLeft += changeX;
                  }
                }
                if (isRoot && (changeX || changeY)) {
                  window.scrollTo(parent.scrollLeft, parent.scrollTop);
                  setPointerPosition(self.pointerX + changeX, self.pointerY + changeY);
                }
                e = parent;
              }
            }
            if (dirty) {
              var x = self.x,
                y = self.y,
                min = 0.000001;
              if (x < min && x > -min) {
                //browsers don't handle super small decimals well.
                x = 0;
              }
              if (y < min && y > -min) {
                y = 0;
              }
              if (rotationMode) {
                self.deltaX = x - applyObj.data.rotation;
                applyObj.data.rotation = self.rotation = x;
                applyObj.setRatio(1); //note: instead of doing TweenLite.set(), as a performance optimization we skip right to the method that renders the transforms inside CSSPlugin. For old versions of IE, though, we do a normal TweenLite.set() to leverage its ability to re-reroute to an IE-specific 2D renderer.
              } else {
                if (scrollProxy) {
                  if (allowY) {
                    self.deltaY = y - scrollProxy.top();
                    scrollProxy.top(y);
                  }
                  if (allowX) {
                    self.deltaX = x - scrollProxy.left();
                    scrollProxy.left(x);
                  }
                } else if (xyMode) {
                  if (allowY) {
                    self.deltaY = y - applyObj.data.y;
                    applyObj.data.y = y;
                  }
                  if (allowX) {
                    self.deltaX = x - applyObj.data.x;
                    applyObj.data.x = x;
                  }
                  applyObj.setRatio(1); //note: instead of doing TweenLite.set(), as a performance optimization we skip right to the method that renders the transforms inside CSSPlugin. For old versions of IE, though, we do a normal TweenLite.set() to leverage its ability to re-reroute to an IE-specific 2D renderer.
                } else {
                  if (allowY) {
                    self.deltaY = y - parseFloat(target.style.top || 0);
                    target.style.top = y + "px";
                  }
                  if (allowX) {
                    self.deltaY = x - parseFloat(target.style.left || 0);
                    target.style.left = x + "px";
                  }
                }
              }
              if (hasDragCallback && !suppressEvents && !isDispatching) {
                isDispatching = true; //in case onDrag has an update() call (avoid endless loop)
                _dispatchEvent(self, "drag", "onDrag");
                isDispatching = false;
              }
            }
            dirty = false;
          },
          //copies the x/y from the element (whether that be transforms, top/left, or ScrollProxy's top/left) to the Draggable's x and y (and rotation if necessary) properties so that they reflect reality and it also (optionally) applies any snapping necessary. This is used by the ThrowPropsPlugin tween in an onUpdate to ensure things are synced and snapped.
          syncXY = function syncXY(skipOnUpdate, skipSnap) {
            var x = self.x,
              y = self.y,
              snappedValue;
            if (!target._gsTransform && (xyMode || rotationMode)) {
              //just in case the _gsTransform got wiped, like if the user called clearProps on the transform or something (very rare), doing an x tween forces a re-parsing of the transforms and population of the _gsTransform.
              TweenLite.set(target, {
                x: "+=0",
                overwrite: false,
                data: "_draggable"
              });
            }
            if (xyMode) {
              self.y = target._gsTransform.y;
              self.x = target._gsTransform.x;
            } else if (rotationMode) {
              self.x = self.rotation = target._gsTransform.rotation;
            } else if (scrollProxy) {
              self.y = scrollProxy.top();
              self.x = scrollProxy.left();
            } else {
              self.y = parseInt(target.style.top, 10) || 0;
              self.x = parseInt(target.style.left, 10) || 0;
            }
            if ((snapX || snapY || snapXY) && !skipSnap && (self.isDragging || self.isThrowing)) {
              if (snapXY) {
                _temp1.x = self.x;
                _temp1.y = self.y;
                snappedValue = snapXY(_temp1);
                if (snappedValue.x !== self.x) {
                  self.x = snappedValue.x;
                  dirty = true;
                }
                if (snappedValue.y !== self.y) {
                  self.y = snappedValue.y;
                  dirty = true;
                }
              }
              if (snapX) {
                snappedValue = snapX(self.x);
                if (snappedValue !== self.x) {
                  self.x = snappedValue;
                  if (rotationMode) {
                    self.rotation = snappedValue;
                  }
                  dirty = true;
                }
              }
              if (snapY) {
                snappedValue = snapY(self.y);
                if (snappedValue !== self.y) {
                  self.y = snappedValue;
                }
                dirty = true;
              }
            }
            if (dirty) {
              render(true);
            }
            if (!skipOnUpdate) {
              self.deltaX = self.x - x;
              self.deltaY = self.y - y;
              _dispatchEvent(self, "throwupdate", "onThrowUpdate");
            }
          },
          calculateBounds = function calculateBounds() {
            var bounds, targetBounds, snap, snapIsRaw;
            hasBounds = false;
            if (scrollProxy) {
              scrollProxy.calibrate();
              self.minX = minX = -scrollProxy.maxScrollLeft();
              self.minY = minY = -scrollProxy.maxScrollTop();
              self.maxX = maxX = self.maxY = maxY = 0;
              hasBounds = true;
            } else if (!!vars.bounds) {
              bounds = _getBounds(vars.bounds, target.parentNode); //could be a selector/jQuery object or a DOM element or a generic object like {top:0, left:100, width:1000, height:800} or {minX:100, maxX:1100, minY:0, maxY:800}
              if (rotationMode) {
                self.minX = minX = bounds.left;
                self.maxX = maxX = bounds.left + bounds.width;
                self.minY = minY = self.maxY = maxY = 0;
              } else if (vars.bounds.maxX !== undefined || vars.bounds.maxY !== undefined) {
                bounds = vars.bounds;
                self.minX = minX = bounds.minX;
                self.minY = minY = bounds.minY;
                self.maxX = maxX = bounds.maxX;
                self.maxY = maxY = bounds.maxY;
              } else {
                targetBounds = _getBounds(target, target.parentNode);
                self.minX = minX = _getStyle(target, xProp) + bounds.left - targetBounds.left;
                self.minY = minY = _getStyle(target, yProp) + bounds.top - targetBounds.top;
                self.maxX = maxX = minX + (bounds.width - targetBounds.width);
                self.maxY = maxY = minY + (bounds.height - targetBounds.height);
              }
              if (minX > maxX) {
                self.minX = maxX;
                self.maxX = maxX = minX;
                minX = self.minX;
              }
              if (minY > maxY) {
                self.minY = maxY;
                self.maxY = maxY = minY;
                minY = self.minY;
              }
              if (rotationMode) {
                self.minRotation = minX;
                self.maxRotation = maxX;
              }
              hasBounds = true;
            }
            if (vars.liveSnap) {
              snap = vars.liveSnap === true ? vars.snap || {} : vars.liveSnap;
              snapIsRaw = snap instanceof Array || typeof snap === "function";
              if (rotationMode) {
                snapX = buildSnapFunc(snapIsRaw ? snap : snap.rotation, minX, maxX, 1);
                snapY = null;
              } else {
                if (snap.points) {
                  snapXY = buildPointSnapFunc(snapIsRaw ? snap : snap.points, minX, maxX, minY, maxY, snap.radius, scrollProxy ? -1 : 1);
                } else {
                  if (allowX) {
                    snapX = buildSnapFunc(snapIsRaw ? snap : snap.x || snap.left || snap.scrollLeft, minX, maxX, scrollProxy ? -1 : 1);
                  }
                  if (allowY) {
                    snapY = buildSnapFunc(snapIsRaw ? snap : snap.y || snap.top || snap.scrollTop, minY, maxY, scrollProxy ? -1 : 1);
                  }
                }
              }
            }
          },
          onThrowComplete = function onThrowComplete() {
            self.isThrowing = false;
            _dispatchEvent(self, "throwcomplete", "onThrowComplete");
          },
          onThrowOverwrite = function onThrowOverwrite() {
            self.isThrowing = false;
          },
          animate = function animate(throwProps, forceZeroVelocity) {
            var snap, snapIsRaw, tween, overshootTolerance;
            if (throwProps && ThrowPropsPlugin) {
              if (throwProps === true) {
                snap = vars.snap || vars.liveSnap || {};
                snapIsRaw = snap instanceof Array || typeof snap === "function";
                throwProps = {
                  resistance: (vars.throwResistance || vars.resistance || 1000) / (rotationMode ? 10 : 1)
                };
                if (rotationMode) {
                  throwProps.rotation = _parseThrowProps(self, snapIsRaw ? snap : snap.rotation, maxX, minX, 1, forceZeroVelocity);
                } else {
                  if (allowX) {
                    throwProps[xProp] = _parseThrowProps(self, snapIsRaw ? snap : snap.points || snap.x || snap.left || snap.scrollLeft, maxX, minX, scrollProxy ? -1 : 1, forceZeroVelocity || self.lockedAxis === "x");
                  }
                  if (allowY) {
                    throwProps[yProp] = _parseThrowProps(self, snapIsRaw ? snap : snap.points || snap.y || snap.top || snap.scrollTop, maxY, minY, scrollProxy ? -1 : 1, forceZeroVelocity || self.lockedAxis === "y");
                  }
                  if (snap.points || snap instanceof Array && _typeof(snap[0]) === "object") {
                    throwProps.linkedProps = xProp + "," + yProp;
                    throwProps.radius = snap.radius; //note: we also disable liveSnapping while throwing if there's a "radius" defined, otherwise it looks weird to have the item thrown past a snapping point but live-snapping mid-tween. We do this by altering the onUpdateParams so that "skipSnap" parameter is true for syncXY.
                  }
                }
              }
              self.isThrowing = true;
              overshootTolerance = !isNaN(vars.overshootTolerance) ? vars.overshootTolerance : vars.edgeResistance === 1 ? 0 : 1 - self.edgeResistance + 0.2;
              self.tween = tween = ThrowPropsPlugin.to(scrollProxy || target, {
                throwProps: throwProps,
                data: "_draggable",
                ease: vars.ease || _globals.Power3.easeOut,
                onComplete: onThrowComplete,
                onOverwrite: onThrowOverwrite,
                onUpdate: vars.fastMode ? _dispatchEvent : syncXY,
                onUpdateParams: vars.fastMode ? [self, "onthrowupdate", "onThrowUpdate"] : snap && snap.radius ? [false, true] : _emptyArray
              }, isNaN(vars.maxDuration) ? 2 : vars.maxDuration, !isNaN(vars.minDuration) ? vars.minDuration : overshootTolerance === 0 || _typeof(throwProps) === "object" && throwProps.resistance > 1000 ? 0 : 0.5, overshootTolerance);
              if (!vars.fastMode) {
                //to populate the end values, we just scrub the tween to the end, record the values, and then jump back to the beginning.
                if (scrollProxy) {
                  scrollProxy._suspendTransforms = true; //Microsoft browsers have a bug that causes them to briefly render the position incorrectly (it flashes to the end state when we seek() the tween even though we jump right back to the current position, and this only seems to happen when we're affecting both top and left), so we set a _suspendTransforms flag to prevent it from actually applying the values in the ScrollProxy.
                }
                tween.render(tween.duration(), true, true);
                syncXY(true, true);
                self.endX = self.x;
                self.endY = self.y;
                if (rotationMode) {
                  self.endRotation = self.x;
                }
                tween.play(0);
                syncXY(true, true);
                if (scrollProxy) {
                  scrollProxy._suspendTransforms = false;
                }
              }
            } else if (hasBounds) {
              self.applyBounds();
            }
          },
          updateMatrix = function updateMatrix(shiftStart) {
            var start = matrix || [1, 0, 0, 1, 0, 0],
              a,
              b,
              c,
              d,
              tx,
              ty,
              determinant,
              pointerX,
              pointerY;
            matrix = _getConcatenatedMatrix(target.parentNode, true);
            if (shiftStart && self.isPressed && start.join(",") !== matrix.join(",")) {
              //if the matrix changes WHILE the element is pressed, we must adjust the startPointerX and startPointerY accordingly, so we invert the original matrix and figure out where the pointerX and pointerY were in the global space, then apply the new matrix to get the updated coordinates.
              a = start[0];
              b = start[1];
              c = start[2];
              d = start[3];
              tx = start[4];
              ty = start[5];
              determinant = a * d - b * c;
              pointerX = startPointerX * (d / determinant) + startPointerY * (-c / determinant) + (c * ty - d * tx) / determinant;
              pointerY = startPointerX * (-b / determinant) + startPointerY * (a / determinant) + -(a * ty - b * tx) / determinant;
              startPointerY = pointerX * matrix[1] + pointerY * matrix[3] + matrix[5];
              startPointerX = pointerX * matrix[0] + pointerY * matrix[2] + matrix[4];
            }
            if (!matrix[1] && !matrix[2] && matrix[0] == 1 && matrix[3] == 1 && matrix[4] == 0 && matrix[5] == 0) {
              //if there are no transforms, we can optimize performance by not factoring in the matrix
              matrix = null;
            }
          },
          recordStartPositions = function recordStartPositions() {
            var edgeTolerance = 1 - self.edgeResistance;
            updateMatrix(false);
            if (matrix) {
              startPointerX = self.pointerX * matrix[0] + self.pointerY * matrix[2] + matrix[4]; //translate to local coordinate system
              startPointerY = self.pointerX * matrix[1] + self.pointerY * matrix[3] + matrix[5];
            }
            if (dirty) {
              setPointerPosition(self.pointerX, self.pointerY);
              render(true);
            }
            if (scrollProxy) {
              calculateBounds();
              startElementY = scrollProxy.top();
              startElementX = scrollProxy.left();
            } else {
              //if the element is in the process of tweening, don't force snapping to occur because it could make it jump. Imagine the user throwing, then before it's done, clicking on the element in its inbetween state.
              if (isTweening()) {
                syncXY(true, true);
                calculateBounds();
              } else {
                self.applyBounds();
              }
              if (rotationMode) {
                rotationOrigin = self.rotationOrigin = _localToGlobal(target, {
                  x: 0,
                  y: 0
                });
                syncXY(true, true);
                startElementX = self.x; //starting rotation (x always refers to rotation in type:"rotation", measured in degrees)
                startElementY = self.y = Math.atan2(rotationOrigin.y - self.pointerY, self.pointerX - rotationOrigin.x) * _RAD2DEG;
              } else {
                startScrollTop = target.parentNode ? target.parentNode.scrollTop || 0 : 0;
                startScrollLeft = target.parentNode ? target.parentNode.scrollLeft || 0 : 0;
                startElementY = _getStyle(target, yProp); //record the starting top and left values so that we can just add the mouse's movement to them later.
                startElementX = _getStyle(target, xProp);
              }
            }
            if (hasBounds && edgeTolerance) {
              if (startElementX > maxX) {
                startElementX = maxX + (startElementX - maxX) / edgeTolerance;
              } else if (startElementX < minX) {
                startElementX = minX - (minX - startElementX) / edgeTolerance;
              }
              if (!rotationMode) {
                if (startElementY > maxY) {
                  startElementY = maxY + (startElementY - maxY) / edgeTolerance;
                } else if (startElementY < minY) {
                  startElementY = minY - (minY - startElementY) / edgeTolerance;
                }
              }
            }
            self.startX = startElementX;
            self.startY = startElementY;
          },
          isTweening = function isTweening() {
            return self.tween && self.tween.isActive();
          },
          removePlaceholder = function removePlaceholder() {
            if (_placeholderDiv.parentNode && !isTweening() && !self.isDragging) {
              //_placeholderDiv just props open auto-scrolling containers so they don't collapse as the user drags left/up. We remove it after dragging (and throwing, if necessary) finishes.
              _placeholderDiv.parentNode.removeChild(_placeholderDiv);
            }
          },
          buildSnapFunc = function buildSnapFunc(snap, min, max, factor) {
            if (typeof snap === "function") {
              return function (n) {
                var edgeTolerance = !self.isPressed ? 1 : 1 - self.edgeResistance; //if we're tweening, disable the edgeTolerance because it's already factored into the tweening values (we don't want to apply it multiple times)
                return snap.call(self, n > max ? max + (n - max) * edgeTolerance : n < min ? min + (n - min) * edgeTolerance : n) * factor;
              };
            }
            if (snap instanceof Array) {
              return function (n) {
                var i = snap.length,
                  closest = 0,
                  absDif = _max,
                  val,
                  dif;
                while (--i > -1) {
                  val = snap[i];
                  dif = val - n;
                  if (dif < 0) {
                    dif = -dif;
                  }
                  if (dif < absDif && val >= min && val <= max) {
                    closest = i;
                    absDif = dif;
                  }
                }
                return snap[closest];
              };
            }
            return isNaN(snap) ? function (n) {
              return n;
            } : function () {
              return snap * factor;
            };
          },
          buildPointSnapFunc = function buildPointSnapFunc(snap, minX, maxX, minY, maxY, radius, factor) {
            radius = radius && radius < _max ? radius * radius : _max; //so we don't have to Math.sqrt() in the functions. Performance optimization.
            if (typeof snap === "function") {
              return function (point) {
                var edgeTolerance = !self.isPressed ? 1 : 1 - self.edgeResistance,
                  x = point.x,
                  y = point.y,
                  result,
                  dx,
                  dy; //if we're tweening, disable the edgeTolerance because it's already factored into the tweening values (we don't want to apply it multiple times)
                point.x = x = x > maxX ? maxX + (x - maxX) * edgeTolerance : x < minX ? minX + (x - minX) * edgeTolerance : x;
                point.y = y = y > maxY ? maxY + (y - maxY) * edgeTolerance : y < minY ? minY + (y - minY) * edgeTolerance : y;
                result = snap.call(self, point);
                if (result !== point) {
                  point.x = result.x;
                  point.y = result.y;
                }
                if (factor !== 1) {
                  point.x *= factor;
                  point.y *= factor;
                }
                if (radius < _max) {
                  dx = point.x - x;
                  dy = point.y - y;
                  if (dx * dx + dy * dy > radius) {
                    point.x = x;
                    point.y = y;
                  }
                }
                return point;
              };
            }
            if (snap instanceof Array) {
              return function (p) {
                var i = snap.length,
                  closest = 0,
                  minDist = _max,
                  x,
                  y,
                  point,
                  dist;
                while (--i > -1) {
                  point = snap[i];
                  x = point.x - p.x;
                  y = point.y - p.y;
                  dist = x * x + y * y;
                  if (dist < minDist) {
                    closest = i;
                    minDist = dist;
                  }
                }
                return minDist <= radius ? snap[closest] : p;
              };
            }
            return function (n) {
              return n;
            };
          },
          //called when the mouse is pressed (or touch starts)
          onPress = function onPress(e, force) {
            var i;
            if (!enabled || self.isPressed || !e || (e.type === "mousedown" || e.type === "pointerdown") && !force && _getTime() - clickTime < 30 && _touchEventLookup[self.pointerEvent.type]) {
              //when we DON'T preventDefault() in order to accommodate touch-scrolling and the user just taps, many browsers also fire a mousedown/mouseup sequence AFTER the touchstart/touchend sequence, thus it'd result in two quick "click" events being dispatched. This line senses that condition and halts it on the subsequent mousedown.
              return;
            }
            interrupted = isTweening();
            self.pointerEvent = e;
            if (_touchEventLookup[e.type]) {
              //note: on iOS, BOTH touchmove and mousemove are dispatched, but the mousemove has pageY and pageX of 0 which would mess up the calculations and needlessly hurt performance.
              touchEventTarget = e.type.indexOf("touch") !== -1 ? e.currentTarget || e.target : _doc; //pointer-based touches (for Microsoft browsers) don't remain locked to the original target like other browsers, so we must use the document instead. The event type would be "MSPointerDown" or "pointerdown".
              _addListener(touchEventTarget, "touchend", onRelease);
              _addListener(touchEventTarget, "touchmove", onMove);
              _addListener(touchEventTarget, "touchcancel", onRelease);
              _addListener(_doc, "touchstart", _onMultiTouchDocument);
            } else {
              touchEventTarget = null;
              _addListener(_doc, "mousemove", onMove); //attach these to the document instead of the box itself so that if the user's mouse moves too quickly (and off of the box), things still work.
            }
            touchDragAxis = null;
            _addListener(_doc, "mouseup", onRelease);
            if (e && e.target) {
              _addListener(e.target, "mouseup", onRelease); //we also have to listen directly on the element because some browsers don't bubble up the event to the _doc on elements with contentEditable="true"
            }
            isClicking = isClickable.call(self, e.target) && !vars.dragClickables && !force;
            if (isClicking) {
              _addListener(e.target, "change", onRelease); //in some browsers, when you mousedown on a <select> element, no mouseup gets dispatched! So we listen for a "change" event instead.
              _dispatchEvent(self, "press", "onPress");
              _setSelectable(triggers, true); //accommodates things like inputs and elements with contentEditable="true" (otherwise user couldn't drag to select text)
              return;
            }
            allowNativeTouchScrolling = !touchEventTarget || allowX === allowY || self.vars.allowNativeTouchScrolling === false ? false : allowX ? "y" : "x";
            if (_isOldIE) {
              e = _populateIEEvent(e, true);
            } else if (!allowNativeTouchScrolling && !self.allowEventDefault) {
              e.preventDefault();
              if (e.preventManipulation) {
                e.preventManipulation(); //for some Microsoft browsers
              }
            }
            if (e.changedTouches) {
              //touch events store the data slightly differently
              e = touch = e.changedTouches[0];
              touchID = e.identifier;
            } else if (e.pointerId) {
              touchID = e.pointerId; //for some Microsoft browsers
            } else {
              touch = touchID = null;
            }
            _dragCount++;
            _addToRenderQueue(render); //causes the Draggable to render on each "tick" of TweenLite.ticker (performance optimization - updating values in a mousemove can cause them to happen too frequently, like multiple times between frame redraws which is wasteful, and it also prevents values from updating properly in IE8)
            startPointerY = self.pointerY = e.pageY; //record the starting x and y so that we can calculate the movement from the original in _onMouseMove
            startPointerX = self.pointerX = e.pageX;
            if (allowNativeTouchScrolling || self.autoScroll) {
              _recordMaxScrolls(target.parentNode);
            }
            if (target.parentNode && self.autoScroll && !scrollProxy && !rotationMode && target.parentNode._gsMaxScrollX && !_placeholderDiv.parentNode && !target.getBBox) {
              //add a placeholder div to prevent the parent container from collapsing when the user drags the element left.
              _placeholderDiv.style.width = target.parentNode.scrollWidth + "px";
              target.parentNode.appendChild(_placeholderDiv);
            }
            recordStartPositions();
            if (self.tween) {
              self.tween.kill();
            }
            self.isThrowing = false;
            TweenLite.killTweensOf(scrollProxy || target, true, killProps); //in case the user tries to drag it before the last tween is done.
            if (scrollProxy) {
              TweenLite.killTweensOf(target, true, {
                scrollTo: 1
              }); //just in case the original target's scroll position is being tweened somewhere else.
            }
            self.tween = self.lockedAxis = null;
            if (vars.zIndexBoost || !rotationMode && !scrollProxy && vars.zIndexBoost !== false) {
              target.style.zIndex = Draggable.zIndex++;
            }
            self.isPressed = true;
            hasDragCallback = !!(vars.onDrag || self._listeners.drag);
            if (!rotationMode) {
              i = triggers.length;
              while (--i > -1) {
                _setStyle(triggers[i], "cursor", vars.cursor || "move");
              }
            }
            _dispatchEvent(self, "press", "onPress");
          },
          //called every time the mouse/touch moves
          onMove = function onMove(e) {
            var originalEvent = e,
              touches,
              pointerX,
              pointerY,
              i,
              dx,
              dy;
            if (!enabled || _isMultiTouching || !self.isPressed || !e) {
              return;
            }
            self.pointerEvent = e;
            touches = e.changedTouches;
            if (touches) {
              //touch events store the data slightly differently
              e = touches[0];
              if (e !== touch && e.identifier !== touchID) {
                //Usually changedTouches[0] will be what we're looking for, but in case it's not, look through the rest of the array...(and Android browsers don't reuse the event like iOS)
                i = touches.length;
                while (--i > -1 && (e = touches[i]).identifier !== touchID) {}
                if (i < 0) {
                  return;
                }
              }
            } else if (e.pointerId && touchID && e.pointerId !== touchID) {
              //for some Microsoft browsers, we must attach the listener to the doc rather than the trigger so that when the finger moves outside the bounds of the trigger, things still work. So if the event we're receiving has a pointerId that doesn't match the touchID, ignore it (for multi-touch)
              return;
            }
            if (_isOldIE) {
              e = _populateIEEvent(e, true);
            } else {
              if (touchEventTarget && allowNativeTouchScrolling && !touchDragAxis) {
                //Android browsers force us to decide on the first "touchmove" event if we should allow the default (scrolling) behavior or preventDefault(). Otherwise, a "touchcancel" will be fired and then no "touchmove" or "touchend" will fire during the scrolling (no good).
                pointerX = e.pageX;
                pointerY = e.pageY;
                if (matrix) {
                  i = pointerX * matrix[0] + pointerY * matrix[2] + matrix[4];
                  pointerY = pointerX * matrix[1] + pointerY * matrix[3] + matrix[5];
                  pointerX = i;
                }
                dx = Math.abs(pointerX - startPointerX);
                dy = Math.abs(pointerY - startPointerY);
                if (dx !== dy && (dx > minimumMovement || dy > minimumMovement) || _isAndroid && allowNativeTouchScrolling === touchDragAxis) {
                  touchDragAxis = dx > dy && allowX ? "x" : "y";
                  if (self.vars.lockAxisOnTouchScroll !== false) {
                    self.lockedAxis = touchDragAxis === "x" ? "y" : "x";
                    if (typeof self.vars.onLockAxis === "function") {
                      self.vars.onLockAxis.call(self, originalEvent);
                    }
                  }
                  if (_isAndroid && allowNativeTouchScrolling === touchDragAxis) {
                    onRelease(originalEvent);
                    return;
                  }
                }
              }
              if (!self.allowEventDefault && (!allowNativeTouchScrolling || touchDragAxis && allowNativeTouchScrolling !== touchDragAxis) && originalEvent.cancelable !== false) {
                originalEvent.preventDefault();
                if (originalEvent.preventManipulation) {
                  //for some Microsoft browsers
                  originalEvent.preventManipulation();
                }
              }
            }
            if (self.autoScroll) {
              checkAutoScrollBounds = true;
            }
            setPointerPosition(e.pageX, e.pageY);
          },
          setPointerPosition = function setPointerPosition(pointerX, pointerY) {
            var dragTolerance = 1 - self.dragResistance,
              edgeTolerance = 1 - self.edgeResistance,
              xChange,
              yChange,
              x,
              y,
              dif,
              temp;
            self.pointerX = pointerX;
            self.pointerY = pointerY;
            if (rotationMode) {
              y = Math.atan2(rotationOrigin.y - pointerY, pointerX - rotationOrigin.x) * _RAD2DEG;
              dif = self.y - y;
              if (dif > 180) {
                startElementY -= 360;
                self.y = y;
              } else if (dif < -180) {
                startElementY += 360;
                self.y = y;
              }
              if (self.x !== startElementX || Math.abs(startElementY - y) > minimumMovement) {
                self.y = y;
                x = startElementX + (startElementY - y) * dragTolerance;
              } else {
                x = startElementX;
              }
            } else {
              if (matrix) {
                temp = pointerX * matrix[0] + pointerY * matrix[2] + matrix[4];
                pointerY = pointerX * matrix[1] + pointerY * matrix[3] + matrix[5];
                pointerX = temp;
              }
              yChange = pointerY - startPointerY;
              xChange = pointerX - startPointerX;
              if (yChange < minimumMovement && yChange > -minimumMovement) {
                yChange = 0;
              }
              if (xChange < minimumMovement && xChange > -minimumMovement) {
                xChange = 0;
              }
              if ((self.lockAxis || self.lockedAxis) && (xChange || yChange)) {
                temp = self.lockedAxis;
                if (!temp) {
                  self.lockedAxis = temp = allowX && Math.abs(xChange) > Math.abs(yChange) ? "y" : allowY ? "x" : null;
                  if (temp && typeof self.vars.onLockAxis === "function") {
                    self.vars.onLockAxis.call(self, self.pointerEvent);
                  }
                }
                if (temp === "y") {
                  yChange = 0;
                } else if (temp === "x") {
                  xChange = 0;
                }
              }
              x = startElementX + xChange * dragTolerance;
              y = startElementY + yChange * dragTolerance;
            }
            if ((snapX || snapY || snapXY) && (self.x !== x || self.y !== y && !rotationMode)) {
              if (snapXY) {
                _temp1.x = x;
                _temp1.y = y;
                temp = snapXY(_temp1);
                x = temp.x;
                y = temp.y;
              }
              if (snapX) {
                x = snapX(x);
              }
              if (snapY) {
                y = snapY(y);
              }
            } else if (hasBounds) {
              if (x > maxX) {
                x = maxX + (x - maxX) * edgeTolerance;
              } else if (x < minX) {
                x = minX + (x - minX) * edgeTolerance;
              }
              if (!rotationMode) {
                if (y > maxY) {
                  y = maxY + (y - maxY) * edgeTolerance;
                } else if (y < minY) {
                  y = minY + (y - minY) * edgeTolerance;
                }
              }
            }
            if (!rotationMode && !matrix) {
              x = Math.round(x); //helps work around an issue with some Win Touch devices
              y = Math.round(y);
            }
            if (self.x !== x || self.y !== y && !rotationMode) {
              if (rotationMode) {
                self.endRotation = self.x = self.endX = x;
                dirty = true;
              } else {
                if (allowY) {
                  self.y = self.endY = y;
                  dirty = true; //a flag that indicates we need to render the target next time the TweenLite.ticker dispatches a "tick" event (typically on a requestAnimationFrame) - this is a performance optimization (we shouldn't render on every move because sometimes many move events can get dispatched between screen refreshes, and that'd be wasteful to render every time)
                }
                if (allowX) {
                  self.x = self.endX = x;
                  dirty = true;
                }
              }
              if (!self.isDragging && self.isPressed) {
                self.isDragging = true;
                _dispatchEvent(self, "dragstart", "onDragStart");
              }
            }
          },
          //called when the mouse/touch is released
          onRelease = function onRelease(e, force) {
            if (!enabled || !self.isPressed || e && touchID != null && !force && (e.pointerId && e.pointerId !== touchID || e.changedTouches && !_hasTouchID(e.changedTouches, touchID))) {
              //for some Microsoft browsers, we must attach the listener to the doc rather than the trigger so that when the finger moves outside the bounds of the trigger, things still work. So if the event we're receiving has a pointerId that doesn't match the touchID, ignore it (for multi-touch)
              return;
            }
            self.isPressed = false;
            var originalEvent = e,
              wasDragging = self.isDragging,
              placeholderDelayedCall = TweenLite.delayedCall(0.001, removePlaceholder),
              touches,
              i,
              syntheticEvent,
              eventTarget,
              syntheticClick;
            if (touchEventTarget) {
              _removeListener(touchEventTarget, "touchend", onRelease);
              _removeListener(touchEventTarget, "touchmove", onMove);
              _removeListener(touchEventTarget, "touchcancel", onRelease);
              _removeListener(_doc, "touchstart", _onMultiTouchDocument);
            } else {
              _removeListener(_doc, "mousemove", onMove);
            }
            _removeListener(_doc, "mouseup", onRelease);
            if (e && e.target) {
              _removeListener(e.target, "mouseup", onRelease);
            }
            dirty = false;
            if (isClicking) {
              if (e) {
                _removeListener(e.target, "change", onRelease);
                self.pointerEvent = originalEvent;
              }
              _setSelectable(triggers, false);
              _dispatchEvent(self, "release", "onRelease");
              _dispatchEvent(self, "click", "onClick");
              isClicking = false;
              return;
            }
            _removeFromRenderQueue(render);
            if (!rotationMode) {
              i = triggers.length;
              while (--i > -1) {
                _setStyle(triggers[i], "cursor", vars.cursor || "move");
              }
            }
            if (wasDragging) {
              dragEndTime = _lastDragTime = _getTime();
              self.isDragging = false;
            }
            _dragCount--;
            if (e) {
              if (_isOldIE) {
                e = _populateIEEvent(e, false);
              }
              touches = e.changedTouches;
              if (touches) {
                //touch events store the data slightly differently
                e = touches[0];
                if (e !== touch && e.identifier !== touchID) {
                  //Usually changedTouches[0] will be what we're looking for, but in case it's not, look through the rest of the array...(and Android browsers don't reuse the event like iOS)
                  i = touches.length;
                  while (--i > -1 && (e = touches[i]).identifier !== touchID) {}
                  if (i < 0) {
                    return;
                  }
                }
              }
              self.pointerEvent = originalEvent;
              self.pointerX = e.pageX;
              self.pointerY = e.pageY;
            }
            if (originalEvent && !wasDragging) {
              if (interrupted && (vars.snap || vars.bounds)) {
                //otherwise, if the user clicks on the object while it's animating to a snapped position, and then releases without moving 3 pixels, it will just stay there (it should animate/snap)
                animate(vars.throwProps);
              }
              _dispatchEvent(self, "release", "onRelease");
              if ((!_isAndroid || originalEvent.type !== "touchmove") && originalEvent.type.indexOf("cancel") === -1) {
                //to accommodate native scrolling on Android devices, we have to immediately call onRelease() on the first touchmove event, but that shouldn't trigger a "click".
                _dispatchEvent(self, "click", "onClick");
                if (_getTime() - clickTime < 300) {
                  _dispatchEvent(self, "doubleclick", "onDoubleClick");
                }
                eventTarget = originalEvent.target || originalEvent.srcElement || target; //old IE uses srcElement
                clickTime = _getTime();
                syntheticClick = function syntheticClick() {
                  // some browsers (like Firefox) won't trust script-generated clicks, so if the user tries to click on a video to play it, for example, it simply won't work. Since a regular "click" event will most likely be generated anyway (one that has its isTrusted flag set to true), we must slightly delay our script-generated click so that the "real"/trusted one is prioritized. Remember, when there are duplicate events in quick succession, we suppress all but the first one. Some browsers don't even trigger the "real" one at all, so our synthetic one is a safety valve that ensures that no matter what, a click event does get dispatched.
                  if (clickTime !== clickDispatch && self.enabled() && !self.isPressed) {
                    if (eventTarget.click) {
                      //some browsers (like mobile Safari) don't properly trigger the click event
                      eventTarget.click();
                    } else if (_doc.createEvent) {
                      syntheticEvent = _doc.createEvent("MouseEvents");
                      syntheticEvent.initMouseEvent("click", true, true, window, 1, self.pointerEvent.screenX, self.pointerEvent.screenY, self.pointerX, self.pointerY, false, false, false, false, 0, null);
                      eventTarget.dispatchEvent(syntheticEvent);
                    }
                  }
                };
                if (!_isAndroid && !originalEvent.defaultPrevented) {
                  //iOS Safari requires the synthetic click to happen immediately or else it simply won't work, but Android doesn't play nice.
                  TweenLite.delayedCall(0.00001, syntheticClick); //in addition to the iOS bug workaround, there's a Firefox issue with clicking on things like a video to play, so we must fake a click event in a slightly delayed fashion. Previously, we listened for the "click" event with "capture" false which solved the video-click-to-play issue, but it would allow the "click" event to be dispatched twice like if you were using a jQuery.click() because that was handled in the capture phase, thus we had to switch to the capture phase to avoid the double-dispatching, but do the delayed synthetic click.
                }
              }
            } else {
              animate(vars.throwProps); //will skip if throwProps isn't defined or ThrowPropsPlugin isn't loaded.
              if (!_isOldIE && !self.allowEventDefault && originalEvent && (vars.dragClickables || !isClickable.call(self, originalEvent.target)) && wasDragging && (!allowNativeTouchScrolling || touchDragAxis && allowNativeTouchScrolling === touchDragAxis) && originalEvent.cancelable !== false) {
                originalEvent.preventDefault();
                if (originalEvent.preventManipulation) {
                  originalEvent.preventManipulation(); //for some Microsoft browsers
                }
              }
              _dispatchEvent(self, "release", "onRelease");
            }
            if (isTweening()) {
              placeholderDelayedCall.duration(self.tween.duration()); //sync the timing so that the placeholder DIV gets
            }
            if (wasDragging) {
              _dispatchEvent(self, "dragend", "onDragEnd");
            }
            return true;
          },
          updateScroll = function updateScroll(e) {
            if (e && self.isDragging && !scrollProxy) {
              var parent = e.target || e.srcElement || target.parentNode,
                deltaX = parent.scrollLeft - parent._gsScrollX,
                deltaY = parent.scrollTop - parent._gsScrollY;
              if (deltaX || deltaY) {
                if (matrix) {
                  startPointerX -= deltaX * matrix[0] + deltaY * matrix[2];
                  startPointerY -= deltaY * matrix[3] + deltaX * matrix[1];
                } else {
                  startPointerX -= deltaX;
                  startPointerY -= deltaY;
                }
                parent._gsScrollX += deltaX;
                parent._gsScrollY += deltaY;
                setPointerPosition(self.pointerX, self.pointerY);
              }
            }
          },
          onClick = function onClick(e) {
            //this was a huge pain in the neck to align all the various browsers and their behaviors. Chrome, Firefox, Safari, Opera, Android, and Microsoft Edge all handle events differently! Some will only trigger native behavior (like checkbox toggling) from trusted events. Others don't even support isTrusted, but require 2 events to flow through before triggering native behavior. Edge treats everything as trusted but also mandates that 2 flow through to trigger the correct native behavior.
            var time = _getTime(),
              recentlyClicked = time - clickTime < 40,
              recentlyDragged = time - dragEndTime < 40,
              alreadyDispatched = recentlyClicked && clickDispatch === clickTime,
              isModern = !!e.preventDefault,
              defaultPrevented = self.pointerEvent && self.pointerEvent.defaultPrevented,
              alreadyDispatchedTrusted = recentlyClicked && trustedClickDispatch === clickTime,
              trusted = e.isTrusted || e.isTrusted == null && recentlyClicked && alreadyDispatched; //note: Safari doesn't support isTrusted, and it won't properly execute native behavior (like toggling checkboxes) on the first synthetic "click" event - we must wait for the 2nd and treat it as trusted (but stop propagation at that point). Confusing, I know. Don't you love cross-browser compatibility challenges?
            if (isModern && (alreadyDispatched || recentlyDragged && self.vars.suppressClickOnDrag !== false)) {
              e.stopImmediatePropagation();
            }
            if (recentlyClicked && !(self.pointerEvent && self.pointerEvent.defaultPrevented) && (!alreadyDispatched || trusted !== alreadyDispatchedTrusted)) {
              //let the first click pass through unhindered. Let the next one only if it's trusted, then no more (stop quick-succession ones)
              if (trusted && alreadyDispatched) {
                trustedClickDispatch = clickTime;
              }
              clickDispatch = clickTime;
              return;
            }
            if (self.isPressed || recentlyDragged || recentlyClicked) {
              if (!isModern) {
                e.returnValue = false;
              } else if (!trusted || !e.detail || !recentlyClicked || defaultPrevented) {
                e.preventDefault();
                if (e.preventManipulation) {
                  e.preventManipulation(); //for some Microsoft browsers
                }
              }
            }
          },
          localizePoint = function localizePoint(p) {
            return matrix ? {
              x: p.x * matrix[0] + p.y * matrix[2] + matrix[4],
              y: p.x * matrix[1] + p.y * matrix[3] + matrix[5]
            } : {
              x: p.x,
              y: p.y
            };
          };
        old = Draggable.get(this.target);
        if (old) {
          old.kill(); // avoids duplicates (an element can only be controlled by one Draggable)
        }

        //give the user access to start/stop dragging...
        this.startDrag = function (e, align) {
          var r1, r2, p1, p2;
          onPress(e || self.pointerEvent, true);
          //if the pointer isn't on top of the element, adjust things accordingly
          if (align && !self.hitTest(e || self.pointerEvent)) {
            r1 = _parseRect(e || self.pointerEvent);
            r2 = _parseRect(target);
            p1 = localizePoint({
              x: r1.left + r1.width / 2,
              y: r1.top + r1.height / 2
            });
            p2 = localizePoint({
              x: r2.left + r2.width / 2,
              y: r2.top + r2.height / 2
            });
            startPointerX -= p1.x - p2.x;
            startPointerY -= p1.y - p2.y;
          }
          if (!self.isDragging) {
            self.isDragging = true;
            _dispatchEvent(self, "dragstart", "onDragStart");
          }
        };
        this.drag = onMove;
        this.endDrag = function (e) {
          onRelease(e || self.pointerEvent, true);
        };
        this.timeSinceDrag = function () {
          return self.isDragging ? 0 : (_getTime() - dragEndTime) / 1000;
        };
        this.timeSinceClick = function () {
          return (_getTime() - clickTime) / 1000;
        };
        this.hitTest = function (target, threshold) {
          return Draggable.hitTest(self.target, target, threshold);
        };
        this.getDirection = function (from, diagonalThreshold) {
          //from can be "start" (default), "velocity", or an element
          var mode = from === "velocity" && ThrowPropsPlugin ? from : _typeof(from) === "object" && !rotationMode ? "element" : "start",
            xChange,
            yChange,
            ratio,
            direction,
            r1,
            r2;
          if (mode === "element") {
            r1 = _parseRect(self.target);
            r2 = _parseRect(from);
          }
          xChange = mode === "start" ? self.x - startElementX : mode === "velocity" ? ThrowPropsPlugin.getVelocity(this.target, xProp) : r1.left + r1.width / 2 - (r2.left + r2.width / 2);
          if (rotationMode) {
            return xChange < 0 ? "counter-clockwise" : "clockwise";
          } else {
            diagonalThreshold = diagonalThreshold || 2;
            yChange = mode === "start" ? self.y - startElementY : mode === "velocity" ? ThrowPropsPlugin.getVelocity(this.target, yProp) : r1.top + r1.height / 2 - (r2.top + r2.height / 2);
            ratio = Math.abs(xChange / yChange);
            direction = ratio < 1 / diagonalThreshold ? "" : xChange < 0 ? "left" : "right";
            if (ratio < diagonalThreshold) {
              if (direction !== "") {
                direction += "-";
              }
              direction += yChange < 0 ? "up" : "down";
            }
          }
          return direction;
        };
        this.applyBounds = function (newBounds) {
          var x, y, forceZeroVelocity, e, parent, isRoot;
          if (newBounds && vars.bounds !== newBounds) {
            vars.bounds = newBounds;
            return self.update(true);
          }
          syncXY(true);
          calculateBounds();
          if (hasBounds) {
            x = self.x;
            y = self.y;
            if (x > maxX) {
              x = maxX;
            } else if (x < minX) {
              x = minX;
            }
            if (y > maxY) {
              y = maxY;
            } else if (y < minY) {
              y = minY;
            }
            if (self.x !== x || self.y !== y) {
              forceZeroVelocity = true;
              self.x = self.endX = x;
              if (rotationMode) {
                self.endRotation = x;
              } else {
                self.y = self.endY = y;
              }
              dirty = true;
              render(true);
              if (self.autoScroll && !self.isDragging) {
                _recordMaxScrolls(target.parentNode);
                e = target;
                _windowProxy.scrollTop = window.pageYOffset != null ? window.pageYOffset : _docElement.scrollTop != null ? _docElement.scrollTop : _doc.body.scrollTop;
                _windowProxy.scrollLeft = window.pageXOffset != null ? window.pageXOffset : _docElement.scrollLeft != null ? _docElement.scrollLeft : _doc.body.scrollLeft;
                while (e && !isRoot) {
                  //walk up the chain and sense wherever the scrollTop/scrollLeft exceeds the maximum.
                  isRoot = _isRoot(e.parentNode);
                  parent = isRoot ? _windowProxy : e.parentNode;
                  if (allowY && parent.scrollTop > parent._gsMaxScrollY) {
                    parent.scrollTop = parent._gsMaxScrollY;
                  }
                  if (allowX && parent.scrollLeft > parent._gsMaxScrollX) {
                    parent.scrollLeft = parent._gsMaxScrollX;
                  }
                  e = parent;
                }
              }
            }
            if (self.isThrowing && (forceZeroVelocity || self.endX > maxX || self.endX < minX || self.endY > maxY || self.endY < minY)) {
              animate(vars.throwProps, forceZeroVelocity);
            }
          }
          return self;
        };
        this.update = function (applyBounds, sticky, ignoreExternalChanges) {
          var x = self.x,
            y = self.y;
          updateMatrix(!sticky);
          if (applyBounds) {
            self.applyBounds();
          } else {
            if (dirty && ignoreExternalChanges) {
              render(true);
            }
            syncXY(true);
          }
          if (sticky) {
            setPointerPosition(self.pointerX, self.pointerY);
            if (dirty) {
              render(true);
            }
          }
          if (self.isPressed && !sticky && (allowX && Math.abs(x - self.x) > 0.01 || allowY && Math.abs(y - self.y) > 0.01 && !rotationMode)) {
            recordStartPositions();
          }
          if (self.autoScroll) {
            _recordMaxScrolls(target.parentNode);
            checkAutoScrollBounds = self.isDragging;
            render(true);
          }
          if (self.autoScroll) {
            //in case reparenting occurred.
            _removeScrollListener(target, updateScroll);
            _addScrollListener(target, updateScroll);
          }
          return self;
        };
        this.enable = function (type) {
          var id, i, trigger;
          if (type !== "soft") {
            i = triggers.length;
            while (--i > -1) {
              trigger = triggers[i];
              _addListener(trigger, "mousedown", onPress);
              _addListener(trigger, "touchstart", onPress);
              _addListener(trigger, "click", onClick, true); //note: used to pass true for capture but it prevented click-to-play-video functionality in Firefox.
              if (!rotationMode) {
                _setStyle(trigger, "cursor", vars.cursor || "move");
              }
              _setStyle(trigger, "touchCallout", "none");
              _setStyle(trigger, "touchAction", allowX === allowY ? "none" : allowX ? "pan-y" : "pan-x");
              if (_isSVG(trigger)) {
                // a bug in chrome doesn't respect touch-action on SVG elements - it only works if we set it on the parent SVG.
                _setStyle(trigger.ownerSVGElement || trigger, "touchAction", allowX === allowY ? "none" : allowX ? "pan-y" : "pan-x");
              }
              if (!this.vars.allowContextMenu) {
                _addListener(trigger, "contextmenu", onContextMenu);
              }
            }
            _setSelectable(triggers, false);
          }
          _addScrollListener(target, updateScroll);
          enabled = true;
          if (ThrowPropsPlugin && type !== "soft") {
            ThrowPropsPlugin.track(scrollProxy || target, xyMode ? "x,y" : rotationMode ? "rotation" : "top,left");
          }
          if (scrollProxy) {
            scrollProxy.enable();
          }
          target._gsDragID = id = "d" + _lookupCount++;
          _lookup[id] = this;
          if (scrollProxy) {
            scrollProxy.element._gsDragID = id;
          }
          TweenLite.set(target, {
            x: "+=0",
            overwrite: false,
            data: "_draggable"
          }); //simply ensures that there's a _gsTransform on the element.
          applyObj = {
            t: target,
            data: _isOldIE ? cssVars : target._gsTransform,
            tween: {},
            setRatio: _isOldIE ? function () {
              TweenLite.set(target, tempVars);
            } : CSSPlugin._internals.setTransformRatio || CSSPlugin._internals.set3DTransformRatio
          };
          recordStartPositions();
          self.update(true);
          return self;
        };
        this.disable = function (type) {
          var dragging = self.isDragging,
            i,
            trigger;
          if (!rotationMode) {
            i = triggers.length;
            while (--i > -1) {
              _setStyle(triggers[i], "cursor", null);
            }
          }
          if (type !== "soft") {
            i = triggers.length;
            while (--i > -1) {
              trigger = triggers[i];
              _setStyle(trigger, "touchCallout", null);
              _setStyle(trigger, "touchAction", null);
              _removeListener(trigger, "mousedown", onPress);
              _removeListener(trigger, "touchstart", onPress);
              _removeListener(trigger, "click", onClick);
              _removeListener(trigger, "contextmenu", onContextMenu);
            }
            _setSelectable(triggers, true);
            if (touchEventTarget) {
              _removeListener(touchEventTarget, "touchcancel", onRelease);
              _removeListener(touchEventTarget, "touchend", onRelease);
              _removeListener(touchEventTarget, "touchmove", onMove);
            }
            _removeListener(_doc, "mouseup", onRelease);
            _removeListener(_doc, "mousemove", onMove);
          }
          _removeScrollListener(target, updateScroll);
          enabled = false;
          if (ThrowPropsPlugin && type !== "soft") {
            ThrowPropsPlugin.untrack(scrollProxy || target, xyMode ? "x,y" : rotationMode ? "rotation" : "top,left");
          }
          if (scrollProxy) {
            scrollProxy.disable();
          }
          _removeFromRenderQueue(render);
          self.isDragging = self.isPressed = isClicking = false;
          if (dragging) {
            _dispatchEvent(self, "dragend", "onDragEnd");
          }
          return self;
        };
        this.enabled = function (value, type) {
          return arguments.length ? value ? self.enable(type) : self.disable(type) : enabled;
        };
        this.kill = function () {
          self.isThrowing = false;
          TweenLite.killTweensOf(scrollProxy || target, true, killProps);
          self.disable();
          delete _lookup[target._gsDragID];
          return self;
        };
        if (type.indexOf("scroll") !== -1) {
          scrollProxy = this.scrollProxy = new ScrollProxy(target, _extend({
            onKill: function onKill() {
              //ScrollProxy's onKill() gets called if/when the ScrollProxy senses that the user interacted with the scroll position manually (like using the scrollbar). IE9 doesn't fire the "mouseup" properly when users drag the scrollbar of an element, so this works around that issue.
              if (self.isPressed) {
                onRelease(null);
              }
            }
          }, vars));
          //a bug in many Android devices' stock browser causes scrollTop to get forced back to 0 after it is altered via JS, so we set overflow to "hidden" on mobile/touch devices (they hide the scroll bar anyway). That works around the bug. (This bug is discussed at https://code.google.com/p/android/issues/detail?id=19625)
          target.style.overflowY = allowY && !_isTouchDevice ? "auto" : "hidden";
          target.style.overflowX = allowX && !_isTouchDevice ? "auto" : "hidden";
          target = scrollProxy.content;
        }
        if (vars.force3D !== false) {
          TweenLite.set(target, {
            force3D: true
          }); //improve performance by forcing a GPU layer when possible
        }
        if (rotationMode) {
          killProps.rotation = 1;
        } else {
          if (allowX) {
            killProps[xProp] = 1;
          }
          if (allowY) {
            killProps[yProp] = 1;
          }
        }
        if (rotationMode) {
          tempVars = _tempVarsRotation;
          cssVars = tempVars.css;
          tempVars.overwrite = false;
        } else if (xyMode) {
          tempVars = allowX && allowY ? _tempVarsXY : allowX ? _tempVarsX : _tempVarsY;
          cssVars = tempVars.css;
          tempVars.overwrite = false;
        }
        this.enable();
      },
      p = Draggable.prototype = new EventDispatcher();
    p.constructor = Draggable;
    p.pointerX = p.pointerY = p.startX = p.startY = p.deltaX = p.deltaY = 0;
    p.isDragging = p.isPressed = false;
    Draggable.version = "0.16.1";
    Draggable.zIndex = 1000;
    _addListener(_doc, "touchcancel", function () {
      //some older Android devices intermittently stop dispatching "touchmove" events if we don't listen for "touchcancel" on the document. Very strange indeed.
    });
    _addListener(_doc, "contextmenu", function (e) {
      var p;
      for (p in _lookup) {
        if (_lookup[p].isPressed) {
          _lookup[p].endDrag();
        }
      }
    });
    Draggable.create = function (targets, vars) {
      if (typeof targets === "string") {
        targets = TweenLite.selector(targets);
      }
      var a = !targets || targets.length === 0 ? [] : _isArrayLike(targets) ? _flattenArray(targets) : [targets],
        i = a.length;
      while (--i > -1) {
        a[i] = new Draggable(a[i], vars);
      }
      return a;
    };
    Draggable.get = function (target) {
      return _lookup[(_unwrapElement(target) || {})._gsDragID];
    };
    Draggable.timeSinceDrag = function () {
      return (_getTime() - _lastDragTime) / 1000;
    };
    var _tempRect = {},
      //reuse to reduce garbage collection tasks
      _oldIERect = function _oldIERect(e) {
        //IE8 doesn't support getBoundingClientRect(), so we use this as a backup.
        var top = 0,
          left = 0,
          width,
          height;
        e = _unwrapElement(e);
        width = e.offsetWidth;
        height = e.offsetHeight;
        while (e) {
          top += e.offsetTop;
          left += e.offsetLeft;
          e = e.offsetParent;
        }
        return {
          top: top,
          left: left,
          width: width,
          height: height
        };
      },
      _parseRect = function _parseRect(e, undefined) {
        //accepts a DOM element, a mouse event, or a rectangle object and returns the corresponding rectangle with left, right, width, height, top, and bottom properties
        if (e === window) {
          _tempRect.left = _tempRect.top = 0;
          _tempRect.width = _tempRect.right = _docElement.clientWidth || e.innerWidth || _doc.body.clientWidth || 0;
          _tempRect.height = _tempRect.bottom = (e.innerHeight || 0) - 20 < _docElement.clientHeight ? _docElement.clientHeight : e.innerHeight || _doc.body.clientHeight || 0;
          return _tempRect;
        }
        var r = e.pageX !== undefined ? {
          left: e.pageX - _getDocScrollLeft(),
          top: e.pageY - _getDocScrollTop(),
          right: e.pageX - _getDocScrollLeft() + 1,
          bottom: e.pageY - _getDocScrollTop() + 1
        } : !e.nodeType && e.left !== undefined && e.top !== undefined ? e : _isOldIE ? _oldIERect(e) : _unwrapElement(e).getBoundingClientRect();
        if (r.right === undefined && r.width !== undefined) {
          r.right = r.left + r.width;
          r.bottom = r.top + r.height;
        } else if (r.width === undefined) {
          //some browsers don't include width and height properties. We can't just set them directly on r because some browsers throw errors, so create a new generic object.
          r = {
            width: r.right - r.left,
            height: r.bottom - r.top,
            right: r.right,
            left: r.left,
            bottom: r.bottom,
            top: r.top
          };
        }
        return r;
      };
    Draggable.hitTest = function (obj1, obj2, threshold) {
      if (obj1 === obj2) {
        return false;
      }
      var r1 = _parseRect(obj1),
        r2 = _parseRect(obj2),
        isOutside = r2.left > r1.right || r2.right < r1.left || r2.top > r1.bottom || r2.bottom < r1.top,
        overlap,
        area,
        isRatio;
      if (isOutside || !threshold) {
        return !isOutside;
      }
      isRatio = (threshold + "").indexOf("%") !== -1;
      threshold = parseFloat(threshold) || 0;
      overlap = {
        left: Math.max(r1.left, r2.left),
        top: Math.max(r1.top, r2.top)
      };
      overlap.width = Math.min(r1.right, r2.right) - overlap.left;
      overlap.height = Math.min(r1.bottom, r2.bottom) - overlap.top;
      if (overlap.width < 0 || overlap.height < 0) {
        return false;
      }
      if (isRatio) {
        threshold *= 0.01;
        area = overlap.width * overlap.height;
        return area >= r1.width * r1.height * threshold || area >= r2.width * r2.height * threshold;
      }
      return overlap.width > threshold && overlap.height > threshold;
    };
    _placeholderDiv.style.cssText = "visibility:hidden;height:1px;top:-1px;pointer-events:none;position:relative;clear:both;";
    return Draggable;
  }, true);
});
if (_gsScope._gsDefine) {
  _gsScope._gsQueue.pop()();
}

//export to AMD/RequireJS and CommonJS/Node (precursor to full modular build system coming at a later date)
(function (name) {
  "use strict";

  var getGlobal = function getGlobal() {
    return (_gsScope.GreenSockGlobals || _gsScope)[name];
  };
  if (typeof module !== "undefined" && module.exports) {
    //node
    require("gsap/TweenLite");
    require("gsap/CSSPlugin");
    module.exports = getGlobal();
  } else if (typeof define === "function" && define.amd) {
    //AMD
    define(["gsap/TweenLite", "gsap/CSSPlugin"], getGlobal);
  }
})("Draggable");

}).call(this)}).call(this,typeof global !== "undefined" ? global : typeof self !== "undefined" ? self : typeof window !== "undefined" ? window : {})
},{"gsap/CSSPlugin":2,"gsap/TweenLite":4}],4:[function(require,module,exports){
(function (global){(function (){
"use strict";

function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
/*!
 * VERSION: 1.20.4
 * DATE: 2018-02-15
 * UPDATES AND DOCS AT: http://greensock.com
 *
 * @license Copyright (c) 2008-2018, GreenSock. All rights reserved.
 * This work is subject to the terms at http://greensock.com/standard-license or for
 * Club GreenSock members, the software agreement that was issued with your membership.
 * 
 * @author: Jack Doyle, jack@greensock.com
 */
(function (window, moduleName) {
  "use strict";

  var _exports = {},
    _doc = window.document,
    _globals = window.GreenSockGlobals = window.GreenSockGlobals || window;
  if (_globals.TweenLite) {
    return; //in case the core set of classes is already loaded, don't instantiate twice.
  }
  var _namespace = function _namespace(ns) {
      var a = ns.split("."),
        p = _globals,
        i;
      for (i = 0; i < a.length; i++) {
        p[a[i]] = p = p[a[i]] || {};
      }
      return p;
    },
    gs = _namespace("com.greensock"),
    _tinyNum = 0.0000000001,
    _slice = function _slice(a) {
      //don't use Array.prototype.slice.call(target, 0) because that doesn't work in IE8 with a NodeList that's returned by querySelectorAll()
      var b = [],
        l = a.length,
        i;
      for (i = 0; i !== l; b.push(a[i++])) {}
      return b;
    },
    _emptyFunc = function _emptyFunc() {},
    _isArray = function () {
      //works around issues in iframe environments where the Array global isn't shared, thus if the object originates in a different window/iframe, "(obj instanceof Array)" will evaluate false. We added some speed optimizations to avoid Object.prototype.toString.call() unless it's absolutely necessary because it's VERY slow (like 20x slower)
      var toString = Object.prototype.toString,
        array = toString.call([]);
      return function (obj) {
        return obj != null && (obj instanceof Array || _typeof(obj) === "object" && !!obj.push && toString.call(obj) === array);
      };
    }(),
    a,
    i,
    p,
    _ticker,
    _tickerActive,
    _defLookup = {},
    /**
     * @constructor
     * Defines a GreenSock class, optionally with an array of dependencies that must be instantiated first and passed into the definition.
     * This allows users to load GreenSock JS files in any order even if they have interdependencies (like CSSPlugin extends TweenPlugin which is
     * inside TweenLite.js, but if CSSPlugin is loaded first, it should wait to run its code until TweenLite.js loads and instantiates TweenPlugin
     * and then pass TweenPlugin to CSSPlugin's definition). This is all done automatically and internally.
     *
     * Every definition will be added to a "com.greensock" global object (typically window, but if a window.GreenSockGlobals object is found,
     * it will go there as of v1.7). For example, TweenLite will be found at window.com.greensock.TweenLite and since it's a global class that should be available anywhere,
     * it is ALSO referenced at window.TweenLite. However some classes aren't considered global, like the base com.greensock.core.Animation class, so
     * those will only be at the package like window.com.greensock.core.Animation. Again, if you define a GreenSockGlobals object on the window, everything
     * gets tucked neatly inside there instead of on the window directly. This allows you to do advanced things like load multiple versions of GreenSock
     * files and put them into distinct objects (imagine a banner ad uses a newer version but the main site uses an older one). In that case, you could
     * sandbox the banner one like:
     *
     * <script>
     *     var gs = window.GreenSockGlobals = {}; //the newer version we're about to load could now be referenced in a "gs" object, like gs.TweenLite.to(...). Use whatever alias you want as long as it's unique, "gs" or "banner" or whatever.
     * </script>
     * <script src="js/greensock/v1.7/TweenMax.js"></script>
     * <script>
     *     window.GreenSockGlobals = window._gsQueue = window._gsDefine = null; //reset it back to null (along with the special _gsQueue variable) so that the next load of TweenMax affects the window and we can reference things directly like TweenLite.to(...)
     * </script>
     * <script src="js/greensock/v1.6/TweenMax.js"></script>
     * <script>
     *     gs.TweenLite.to(...); //would use v1.7
     *     TweenLite.to(...); //would use v1.6
     * </script>
     *
     * @param {!string} ns The namespace of the class definition, leaving off "com.greensock." as that's assumed. For example, "TweenLite" or "plugins.CSSPlugin" or "easing.Back".
     * @param {!Array.<string>} dependencies An array of dependencies (described as their namespaces minus "com.greensock." prefix). For example ["TweenLite","plugins.TweenPlugin","core.Animation"]
     * @param {!function():Object} func The function that should be called and passed the resolved dependencies which will return the actual class for this definition.
     * @param {boolean=} global If true, the class will be added to the global scope (typically window unless you define a window.GreenSockGlobals object)
     */
    Definition = function Definition(ns, dependencies, func, global) {
      this.sc = _defLookup[ns] ? _defLookup[ns].sc : []; //subclasses
      _defLookup[ns] = this;
      this.gsClass = null;
      this.func = func;
      var _classes = [];
      this.check = function (init) {
        var i = dependencies.length,
          missing = i,
          cur,
          a,
          n,
          cl;
        while (--i > -1) {
          if ((cur = _defLookup[dependencies[i]] || new Definition(dependencies[i], [])).gsClass) {
            _classes[i] = cur.gsClass;
            missing--;
          } else if (init) {
            cur.sc.push(this);
          }
        }
        if (missing === 0 && func) {
          a = ("com.greensock." + ns).split(".");
          n = a.pop();
          cl = _namespace(a.join("."))[n] = this.gsClass = func.apply(func, _classes);

          //exports to multiple environments
          if (global) {
            _globals[n] = _exports[n] = cl; //provides a way to avoid global namespace pollution. By default, the main classes like TweenLite, Power1, Strong, etc. are added to window unless a GreenSockGlobals is defined. So if you want to have things added to a custom object instead, just do something like window.GreenSockGlobals = {} before loading any GreenSock files. You can even set up an alias like window.GreenSockGlobals = windows.gs = {} so that you can access everything like gs.TweenLite. Also remember that ALL classes are added to the window.com.greensock object (in their respective packages, like com.greensock.easing.Power1, com.greensock.TweenLite, etc.)
            if (typeof module !== "undefined" && module.exports) {
              //node
              if (ns === moduleName) {
                module.exports = _exports[moduleName] = cl;
                for (i in _exports) {
                  cl[i] = _exports[i];
                }
              } else if (_exports[moduleName]) {
                _exports[moduleName][n] = cl;
              }
            } else if (typeof define === "function" && define.amd) {
              //AMD
              define((window.GreenSockAMDPath ? window.GreenSockAMDPath + "/" : "") + ns.split(".").pop(), [], function () {
                return cl;
              });
            }
          }
          for (i = 0; i < this.sc.length; i++) {
            this.sc[i].check();
          }
        }
      };
      this.check(true);
    },
    //used to create Definition instances (which basically registers a class that has dependencies).
    _gsDefine = window._gsDefine = function (ns, dependencies, func, global) {
      return new Definition(ns, dependencies, func, global);
    },
    //a quick way to create a class that doesn't have any dependencies. Returns the class, but first registers it in the GreenSock namespace so that other classes can grab it (other classes might be dependent on the class).
    _class = gs._class = function (ns, func, global) {
      func = func || function () {};
      _gsDefine(ns, [], function () {
        return func;
      }, global);
      return func;
    };
  _gsDefine.globals = _globals;

  /*
   * ----------------------------------------------------------------
   * Ease
   * ----------------------------------------------------------------
   */
  var _baseParams = [0, 0, 1, 1],
    Ease = _class("easing.Ease", function (func, extraParams, type, power) {
      this._func = func;
      this._type = type || 0;
      this._power = power || 0;
      this._params = extraParams ? _baseParams.concat(extraParams) : _baseParams;
    }, true),
    _easeMap = Ease.map = {},
    _easeReg = Ease.register = function (ease, names, types, create) {
      var na = names.split(","),
        i = na.length,
        ta = (types || "easeIn,easeOut,easeInOut").split(","),
        e,
        name,
        j,
        type;
      while (--i > -1) {
        name = na[i];
        e = create ? _class("easing." + name, null, true) : gs.easing[name] || {};
        j = ta.length;
        while (--j > -1) {
          type = ta[j];
          _easeMap[name + "." + type] = _easeMap[type + name] = e[type] = ease.getRatio ? ease : ease[type] || new ease();
        }
      }
    };
  p = Ease.prototype;
  p._calcEnd = false;
  p.getRatio = function (p) {
    if (this._func) {
      this._params[0] = p;
      return this._func.apply(null, this._params);
    }
    var t = this._type,
      pw = this._power,
      r = t === 1 ? 1 - p : t === 2 ? p : p < 0.5 ? p * 2 : (1 - p) * 2;
    if (pw === 1) {
      r *= r;
    } else if (pw === 2) {
      r *= r * r;
    } else if (pw === 3) {
      r *= r * r * r;
    } else if (pw === 4) {
      r *= r * r * r * r;
    }
    return t === 1 ? 1 - r : t === 2 ? r : p < 0.5 ? r / 2 : 1 - r / 2;
  };

  //create all the standard eases like Linear, Quad, Cubic, Quart, Quint, Strong, Power0, Power1, Power2, Power3, and Power4 (each with easeIn, easeOut, and easeInOut)
  a = ["Linear", "Quad", "Cubic", "Quart", "Quint,Strong"];
  i = a.length;
  while (--i > -1) {
    p = a[i] + ",Power" + i;
    _easeReg(new Ease(null, null, 1, i), p, "easeOut", true);
    _easeReg(new Ease(null, null, 2, i), p, "easeIn" + (i === 0 ? ",easeNone" : ""));
    _easeReg(new Ease(null, null, 3, i), p, "easeInOut");
  }
  _easeMap.linear = gs.easing.Linear.easeIn;
  _easeMap.swing = gs.easing.Quad.easeInOut; //for jQuery folks

  /*
   * ----------------------------------------------------------------
   * EventDispatcher
   * ----------------------------------------------------------------
   */
  var EventDispatcher = _class("events.EventDispatcher", function (target) {
    this._listeners = {};
    this._eventTarget = target || this;
  });
  p = EventDispatcher.prototype;
  p.addEventListener = function (type, callback, scope, useParam, priority) {
    priority = priority || 0;
    var list = this._listeners[type],
      index = 0,
      listener,
      i;
    if (this === _ticker && !_tickerActive) {
      _ticker.wake();
    }
    if (list == null) {
      this._listeners[type] = list = [];
    }
    i = list.length;
    while (--i > -1) {
      listener = list[i];
      if (listener.c === callback && listener.s === scope) {
        list.splice(i, 1);
      } else if (index === 0 && listener.pr < priority) {
        index = i + 1;
      }
    }
    list.splice(index, 0, {
      c: callback,
      s: scope,
      up: useParam,
      pr: priority
    });
  };
  p.removeEventListener = function (type, callback) {
    var list = this._listeners[type],
      i;
    if (list) {
      i = list.length;
      while (--i > -1) {
        if (list[i].c === callback) {
          list.splice(i, 1);
          return;
        }
      }
    }
  };
  p.dispatchEvent = function (type) {
    var list = this._listeners[type],
      i,
      t,
      listener;
    if (list) {
      i = list.length;
      if (i > 1) {
        list = list.slice(0); //in case addEventListener() is called from within a listener/callback (otherwise the index could change, resulting in a skip)
      }
      t = this._eventTarget;
      while (--i > -1) {
        listener = list[i];
        if (listener) {
          if (listener.up) {
            listener.c.call(listener.s || t, {
              type: type,
              target: t
            });
          } else {
            listener.c.call(listener.s || t);
          }
        }
      }
    }
  };

  /*
   * ----------------------------------------------------------------
   * Ticker
   * ----------------------------------------------------------------
   */
  var _reqAnimFrame = window.requestAnimationFrame,
    _cancelAnimFrame = window.cancelAnimationFrame,
    _getTime = Date.now || function () {
      return new Date().getTime();
    },
    _lastUpdate = _getTime();

  //now try to determine the requestAnimationFrame and cancelAnimationFrame functions and if none are found, we'll use a setTimeout()/clearTimeout() polyfill.
  a = ["ms", "moz", "webkit", "o"];
  i = a.length;
  while (--i > -1 && !_reqAnimFrame) {
    _reqAnimFrame = window[a[i] + "RequestAnimationFrame"];
    _cancelAnimFrame = window[a[i] + "CancelAnimationFrame"] || window[a[i] + "CancelRequestAnimationFrame"];
  }
  _class("Ticker", function (fps, useRAF) {
    var _self = this,
      _startTime = _getTime(),
      _useRAF = useRAF !== false && _reqAnimFrame ? "auto" : false,
      _lagThreshold = 500,
      _adjustedLag = 33,
      _tickWord = "tick",
      //helps reduce gc burden
      _fps,
      _req,
      _id,
      _gap,
      _nextTime,
      _tick = function _tick(manual) {
        var elapsed = _getTime() - _lastUpdate,
          overlap,
          dispatch;
        if (elapsed > _lagThreshold) {
          _startTime += elapsed - _adjustedLag;
        }
        _lastUpdate += elapsed;
        _self.time = (_lastUpdate - _startTime) / 1000;
        overlap = _self.time - _nextTime;
        if (!_fps || overlap > 0 || manual === true) {
          _self.frame++;
          _nextTime += overlap + (overlap >= _gap ? 0.004 : _gap - overlap);
          dispatch = true;
        }
        if (manual !== true) {
          //make sure the request is made before we dispatch the "tick" event so that timing is maintained. Otherwise, if processing the "tick" requires a bunch of time (like 15ms) and we're using a setTimeout() that's based on 16.7ms, it'd technically take 31.7ms between frames otherwise.
          _id = _req(_tick);
        }
        if (dispatch) {
          _self.dispatchEvent(_tickWord);
        }
      };
    EventDispatcher.call(_self);
    _self.time = _self.frame = 0;
    _self.tick = function () {
      _tick(true);
    };
    _self.lagSmoothing = function (threshold, adjustedLag) {
      if (!arguments.length) {
        //if lagSmoothing() is called with no arguments, treat it like a getter that returns a boolean indicating if it's enabled or not. This is purposely undocumented and is for internal use.
        return _lagThreshold < 1 / _tinyNum;
      }
      _lagThreshold = threshold || 1 / _tinyNum; //zero should be interpreted as basically unlimited
      _adjustedLag = Math.min(adjustedLag, _lagThreshold, 0);
    };
    _self.sleep = function () {
      if (_id == null) {
        return;
      }
      if (!_useRAF || !_cancelAnimFrame) {
        clearTimeout(_id);
      } else {
        _cancelAnimFrame(_id);
      }
      _req = _emptyFunc;
      _id = null;
      if (_self === _ticker) {
        _tickerActive = false;
      }
    };
    _self.wake = function (seamless) {
      if (_id !== null) {
        _self.sleep();
      } else if (seamless) {
        _startTime += -_lastUpdate + (_lastUpdate = _getTime());
      } else if (_self.frame > 10) {
        //don't trigger lagSmoothing if we're just waking up, and make sure that at least 10 frames have elapsed because of the iOS bug that we work around below with the 1.5-second setTimout().
        _lastUpdate = _getTime() - _lagThreshold + 5;
      }
      _req = _fps === 0 ? _emptyFunc : !_useRAF || !_reqAnimFrame ? function (f) {
        return setTimeout(f, (_nextTime - _self.time) * 1000 + 1 | 0);
      } : _reqAnimFrame;
      if (_self === _ticker) {
        _tickerActive = true;
      }
      _tick(2);
    };
    _self.fps = function (value) {
      if (!arguments.length) {
        return _fps;
      }
      _fps = value;
      _gap = 1 / (_fps || 60);
      _nextTime = this.time + _gap;
      _self.wake();
    };
    _self.useRAF = function (value) {
      if (!arguments.length) {
        return _useRAF;
      }
      _self.sleep();
      _useRAF = value;
      _self.fps(_fps);
    };
    _self.fps(fps);

    //a bug in iOS 6 Safari occasionally prevents the requestAnimationFrame from working initially, so we use a 1.5-second timeout that automatically falls back to setTimeout() if it senses this condition.
    setTimeout(function () {
      if (_useRAF === "auto" && _self.frame < 5 && (_doc || {}).visibilityState !== "hidden") {
        _self.useRAF(false);
      }
    }, 1500);
  });
  p = gs.Ticker.prototype = new gs.events.EventDispatcher();
  p.constructor = gs.Ticker;

  /*
   * ----------------------------------------------------------------
   * Animation
   * ----------------------------------------------------------------
   */
  var Animation = _class("core.Animation", function (duration, vars) {
    this.vars = vars = vars || {};
    this._duration = this._totalDuration = duration || 0;
    this._delay = Number(vars.delay) || 0;
    this._timeScale = 1;
    this._active = vars.immediateRender === true;
    this.data = vars.data;
    this._reversed = vars.reversed === true;
    if (!_rootTimeline) {
      return;
    }
    if (!_tickerActive) {
      //some browsers (like iOS 6 Safari) shut down JavaScript execution when the tab is disabled and they [occasionally] neglect to start up requestAnimationFrame again when returning - this code ensures that the engine starts up again properly.
      _ticker.wake();
    }
    var tl = this.vars.useFrames ? _rootFramesTimeline : _rootTimeline;
    tl.add(this, tl._time);
    if (this.vars.paused) {
      this.paused(true);
    }
  });
  _ticker = Animation.ticker = new gs.Ticker();
  p = Animation.prototype;
  p._dirty = p._gc = p._initted = p._paused = false;
  p._totalTime = p._time = 0;
  p._rawPrevTime = -1;
  p._next = p._last = p._onUpdate = p._timeline = p.timeline = null;
  p._paused = false;

  //some browsers (like iOS) occasionally drop the requestAnimationFrame event when the user switches to a different tab and then comes back again, so we use a 2-second setTimeout() to sense if/when that condition occurs and then wake() the ticker.
  var _checkTimeout = function _checkTimeout() {
    if (_tickerActive && _getTime() - _lastUpdate > 2000 && ((_doc || {}).visibilityState !== "hidden" || !_ticker.lagSmoothing())) {
      //note: if the tab is hidden, we should still wake if lagSmoothing has been disabled.
      _ticker.wake();
    }
    var t = setTimeout(_checkTimeout, 2000);
    if (t.unref) {
      // allows a node process to exit even if the timeout’s callback hasn't been invoked. Without it, the node process could hang as this function is called every two seconds.
      t.unref();
    }
  };
  _checkTimeout();
  p.play = function (from, suppressEvents) {
    if (from != null) {
      this.seek(from, suppressEvents);
    }
    return this.reversed(false).paused(false);
  };
  p.pause = function (atTime, suppressEvents) {
    if (atTime != null) {
      this.seek(atTime, suppressEvents);
    }
    return this.paused(true);
  };
  p.resume = function (from, suppressEvents) {
    if (from != null) {
      this.seek(from, suppressEvents);
    }
    return this.paused(false);
  };
  p.seek = function (time, suppressEvents) {
    return this.totalTime(Number(time), suppressEvents !== false);
  };
  p.restart = function (includeDelay, suppressEvents) {
    return this.reversed(false).paused(false).totalTime(includeDelay ? -this._delay : 0, suppressEvents !== false, true);
  };
  p.reverse = function (from, suppressEvents) {
    if (from != null) {
      this.seek(from || this.totalDuration(), suppressEvents);
    }
    return this.reversed(true).paused(false);
  };
  p.render = function (time, suppressEvents, force) {
    //stub - we override this method in subclasses.
  };
  p.invalidate = function () {
    this._time = this._totalTime = 0;
    this._initted = this._gc = false;
    this._rawPrevTime = -1;
    if (this._gc || !this.timeline) {
      this._enabled(true);
    }
    return this;
  };
  p.isActive = function () {
    var tl = this._timeline,
      //the 2 root timelines won't have a _timeline; they're always active.
      startTime = this._startTime,
      rawTime;
    return !tl || !this._gc && !this._paused && tl.isActive() && (rawTime = tl.rawTime(true)) >= startTime && rawTime < startTime + this.totalDuration() / this._timeScale - 0.0000001;
  };
  p._enabled = function (enabled, ignoreTimeline) {
    if (!_tickerActive) {
      _ticker.wake();
    }
    this._gc = !enabled;
    this._active = this.isActive();
    if (ignoreTimeline !== true) {
      if (enabled && !this.timeline) {
        this._timeline.add(this, this._startTime - this._delay);
      } else if (!enabled && this.timeline) {
        this._timeline._remove(this, true);
      }
    }
    return false;
  };
  p._kill = function (vars, target) {
    return this._enabled(false, false);
  };
  p.kill = function (vars, target) {
    this._kill(vars, target);
    return this;
  };
  p._uncache = function (includeSelf) {
    var tween = includeSelf ? this : this.timeline;
    while (tween) {
      tween._dirty = true;
      tween = tween.timeline;
    }
    return this;
  };
  p._swapSelfInParams = function (params) {
    var i = params.length,
      copy = params.concat();
    while (--i > -1) {
      if (params[i] === "{self}") {
        copy[i] = this;
      }
    }
    return copy;
  };
  p._callback = function (type) {
    var v = this.vars,
      callback = v[type],
      params = v[type + "Params"],
      scope = v[type + "Scope"] || v.callbackScope || this,
      l = params ? params.length : 0;
    switch (l) {
      //speed optimization; call() is faster than apply() so use it when there are only a few parameters (which is by far most common). Previously we simply did var v = this.vars; v[type].apply(v[type + "Scope"] || v.callbackScope || this, v[type + "Params"] || _blankArray);
      case 0:
        callback.call(scope);
        break;
      case 1:
        callback.call(scope, params[0]);
        break;
      case 2:
        callback.call(scope, params[0], params[1]);
        break;
      default:
        callback.apply(scope, params);
    }
  };

  //----Animation getters/setters --------------------------------------------------------

  p.eventCallback = function (type, callback, params, scope) {
    if ((type || "").substr(0, 2) === "on") {
      var v = this.vars;
      if (arguments.length === 1) {
        return v[type];
      }
      if (callback == null) {
        delete v[type];
      } else {
        v[type] = callback;
        v[type + "Params"] = _isArray(params) && params.join("").indexOf("{self}") !== -1 ? this._swapSelfInParams(params) : params;
        v[type + "Scope"] = scope;
      }
      if (type === "onUpdate") {
        this._onUpdate = callback;
      }
    }
    return this;
  };
  p.delay = function (value) {
    if (!arguments.length) {
      return this._delay;
    }
    if (this._timeline.smoothChildTiming) {
      this.startTime(this._startTime + value - this._delay);
    }
    this._delay = value;
    return this;
  };
  p.duration = function (value) {
    if (!arguments.length) {
      this._dirty = false;
      return this._duration;
    }
    this._duration = this._totalDuration = value;
    this._uncache(true); //true in case it's a TweenMax or TimelineMax that has a repeat - we'll need to refresh the totalDuration.
    if (this._timeline.smoothChildTiming) if (this._time > 0) if (this._time < this._duration) if (value !== 0) {
      this.totalTime(this._totalTime * (value / this._duration), true);
    }
    return this;
  };
  p.totalDuration = function (value) {
    this._dirty = false;
    return !arguments.length ? this._totalDuration : this.duration(value);
  };
  p.time = function (value, suppressEvents) {
    if (!arguments.length) {
      return this._time;
    }
    if (this._dirty) {
      this.totalDuration();
    }
    return this.totalTime(value > this._duration ? this._duration : value, suppressEvents);
  };
  p.totalTime = function (time, suppressEvents, uncapped) {
    if (!_tickerActive) {
      _ticker.wake();
    }
    if (!arguments.length) {
      return this._totalTime;
    }
    if (this._timeline) {
      if (time < 0 && !uncapped) {
        time += this.totalDuration();
      }
      if (this._timeline.smoothChildTiming) {
        if (this._dirty) {
          this.totalDuration();
        }
        var totalDuration = this._totalDuration,
          tl = this._timeline;
        if (time > totalDuration && !uncapped) {
          time = totalDuration;
        }
        this._startTime = (this._paused ? this._pauseTime : tl._time) - (!this._reversed ? time : totalDuration - time) / this._timeScale;
        if (!tl._dirty) {
          //for performance improvement. If the parent's cache is already dirty, it already took care of marking the ancestors as dirty too, so skip the function call here.
          this._uncache(false);
        }
        //in case any of the ancestor timelines had completed but should now be enabled, we should reset their totalTime() which will also ensure that they're lined up properly and enabled. Skip for animations that are on the root (wasteful). Example: a TimelineLite.exportRoot() is performed when there's a paused tween on the root, the export will not complete until that tween is unpaused, but imagine a child gets restarted later, after all [unpaused] tweens have completed. The startTime of that child would get pushed out, but one of the ancestors may have completed.
        if (tl._timeline) {
          while (tl._timeline) {
            if (tl._timeline._time !== (tl._startTime + tl._totalTime) / tl._timeScale) {
              tl.totalTime(tl._totalTime, true);
            }
            tl = tl._timeline;
          }
        }
      }
      if (this._gc) {
        this._enabled(true, false);
      }
      if (this._totalTime !== time || this._duration === 0) {
        if (_lazyTweens.length) {
          _lazyRender();
        }
        this.render(time, suppressEvents, false);
        if (_lazyTweens.length) {
          //in case rendering caused any tweens to lazy-init, we should render them because typically when someone calls seek() or time() or progress(), they expect an immediate render.
          _lazyRender();
        }
      }
    }
    return this;
  };
  p.progress = p.totalProgress = function (value, suppressEvents) {
    var duration = this.duration();
    return !arguments.length ? duration ? this._time / duration : this.ratio : this.totalTime(duration * value, suppressEvents);
  };
  p.startTime = function (value) {
    if (!arguments.length) {
      return this._startTime;
    }
    if (value !== this._startTime) {
      this._startTime = value;
      if (this.timeline) if (this.timeline._sortChildren) {
        this.timeline.add(this, value - this._delay); //ensures that any necessary re-sequencing of Animations in the timeline occurs to make sure the rendering order is correct.
      }
    }
    return this;
  };
  p.endTime = function (includeRepeats) {
    return this._startTime + (includeRepeats != false ? this.totalDuration() : this.duration()) / this._timeScale;
  };
  p.timeScale = function (value) {
    if (!arguments.length) {
      return this._timeScale;
    }
    var pauseTime, t;
    value = value || _tinyNum; //can't allow zero because it'll throw the math off
    if (this._timeline && this._timeline.smoothChildTiming) {
      pauseTime = this._pauseTime;
      t = pauseTime || pauseTime === 0 ? pauseTime : this._timeline.totalTime();
      this._startTime = t - (t - this._startTime) * this._timeScale / value;
    }
    this._timeScale = value;
    t = this.timeline;
    while (t && t.timeline) {
      //must update the duration/totalDuration of all ancestor timelines immediately in case in the middle of a render loop, one tween alters another tween's timeScale which shoves its startTime before 0, forcing the parent timeline to shift around and shiftChildren() which could affect that next tween's render (startTime). Doesn't matter for the root timeline though.
      t._dirty = true;
      t.totalDuration();
      t = t.timeline;
    }
    return this;
  };
  p.reversed = function (value) {
    if (!arguments.length) {
      return this._reversed;
    }
    if (value != this._reversed) {
      this._reversed = value;
      this.totalTime(this._timeline && !this._timeline.smoothChildTiming ? this.totalDuration() - this._totalTime : this._totalTime, true);
    }
    return this;
  };
  p.paused = function (value) {
    if (!arguments.length) {
      return this._paused;
    }
    var tl = this._timeline,
      raw,
      elapsed;
    if (value != this._paused) if (tl) {
      if (!_tickerActive && !value) {
        _ticker.wake();
      }
      raw = tl.rawTime();
      elapsed = raw - this._pauseTime;
      if (!value && tl.smoothChildTiming) {
        this._startTime += elapsed;
        this._uncache(false);
      }
      this._pauseTime = value ? raw : null;
      this._paused = value;
      this._active = this.isActive();
      if (!value && elapsed !== 0 && this._initted && this.duration()) {
        raw = tl.smoothChildTiming ? this._totalTime : (raw - this._startTime) / this._timeScale;
        this.render(raw, raw === this._totalTime, true); //in case the target's properties changed via some other tween or manual update by the user, we should force a render.
      }
    }
    if (this._gc && !value) {
      this._enabled(true, false);
    }
    return this;
  };

  /*
   * ----------------------------------------------------------------
   * SimpleTimeline
   * ----------------------------------------------------------------
   */
  var SimpleTimeline = _class("core.SimpleTimeline", function (vars) {
    Animation.call(this, 0, vars);
    this.autoRemoveChildren = this.smoothChildTiming = true;
  });
  p = SimpleTimeline.prototype = new Animation();
  p.constructor = SimpleTimeline;
  p.kill()._gc = false;
  p._first = p._last = p._recent = null;
  p._sortChildren = false;
  p.add = p.insert = function (child, position, align, stagger) {
    var prevTween, st;
    child._startTime = Number(position || 0) + child._delay;
    if (child._paused) if (this !== child._timeline) {
      //we only adjust the _pauseTime if it wasn't in this timeline already. Remember, sometimes a tween will be inserted again into the same timeline when its startTime is changed so that the tweens in the TimelineLite/Max are re-ordered properly in the linked list (so everything renders in the proper order).
      child._pauseTime = child._startTime + (this.rawTime() - child._startTime) / child._timeScale;
    }
    if (child.timeline) {
      child.timeline._remove(child, true); //removes from existing timeline so that it can be properly added to this one.
    }
    child.timeline = child._timeline = this;
    if (child._gc) {
      child._enabled(true, true);
    }
    prevTween = this._last;
    if (this._sortChildren) {
      st = child._startTime;
      while (prevTween && prevTween._startTime > st) {
        prevTween = prevTween._prev;
      }
    }
    if (prevTween) {
      child._next = prevTween._next;
      prevTween._next = child;
    } else {
      child._next = this._first;
      this._first = child;
    }
    if (child._next) {
      child._next._prev = child;
    } else {
      this._last = child;
    }
    child._prev = prevTween;
    this._recent = child;
    if (this._timeline) {
      this._uncache(true);
    }
    return this;
  };
  p._remove = function (tween, skipDisable) {
    if (tween.timeline === this) {
      if (!skipDisable) {
        tween._enabled(false, true);
      }
      if (tween._prev) {
        tween._prev._next = tween._next;
      } else if (this._first === tween) {
        this._first = tween._next;
      }
      if (tween._next) {
        tween._next._prev = tween._prev;
      } else if (this._last === tween) {
        this._last = tween._prev;
      }
      tween._next = tween._prev = tween.timeline = null;
      if (tween === this._recent) {
        this._recent = this._last;
      }
      if (this._timeline) {
        this._uncache(true);
      }
    }
    return this;
  };
  p.render = function (time, suppressEvents, force) {
    var tween = this._first,
      next;
    this._totalTime = this._time = this._rawPrevTime = time;
    while (tween) {
      next = tween._next; //record it here because the value could change after rendering...
      if (tween._active || time >= tween._startTime && !tween._paused && !tween._gc) {
        if (!tween._reversed) {
          tween.render((time - tween._startTime) * tween._timeScale, suppressEvents, force);
        } else {
          tween.render((!tween._dirty ? tween._totalDuration : tween.totalDuration()) - (time - tween._startTime) * tween._timeScale, suppressEvents, force);
        }
      }
      tween = next;
    }
  };
  p.rawTime = function () {
    if (!_tickerActive) {
      _ticker.wake();
    }
    return this._totalTime;
  };

  /*
   * ----------------------------------------------------------------
   * TweenLite
   * ----------------------------------------------------------------
   */
  var TweenLite = _class("TweenLite", function (target, duration, vars) {
      Animation.call(this, duration, vars);
      this.render = TweenLite.prototype.render; //speed optimization (avoid prototype lookup on this "hot" method)

      if (target == null) {
        throw "Cannot tween a null target.";
      }
      this.target = target = typeof target !== "string" ? target : TweenLite.selector(target) || target;
      var isSelector = target.jquery || target.length && target !== window && target[0] && (target[0] === window || target[0].nodeType && target[0].style && !target.nodeType),
        overwrite = this.vars.overwrite,
        i,
        targ,
        targets;
      this._overwrite = overwrite = overwrite == null ? _overwriteLookup[TweenLite.defaultOverwrite] : typeof overwrite === "number" ? overwrite >> 0 : _overwriteLookup[overwrite];
      if ((isSelector || target instanceof Array || target.push && _isArray(target)) && typeof target[0] !== "number") {
        this._targets = targets = _slice(target); //don't use Array.prototype.slice.call(target, 0) because that doesn't work in IE8 with a NodeList that's returned by querySelectorAll()
        this._propLookup = [];
        this._siblings = [];
        for (i = 0; i < targets.length; i++) {
          targ = targets[i];
          if (!targ) {
            targets.splice(i--, 1);
            continue;
          } else if (typeof targ === "string") {
            targ = targets[i--] = TweenLite.selector(targ); //in case it's an array of strings
            if (typeof targ === "string") {
              targets.splice(i + 1, 1); //to avoid an endless loop (can't imagine why the selector would return a string, but just in case)
            }
            continue;
          } else if (targ.length && targ !== window && targ[0] && (targ[0] === window || targ[0].nodeType && targ[0].style && !targ.nodeType)) {
            //in case the user is passing in an array of selector objects (like jQuery objects), we need to check one more level and pull things out if necessary. Also note that <select> elements pass all the criteria regarding length and the first child having style, so we must also check to ensure the target isn't an HTML node itself.
            targets.splice(i--, 1);
            this._targets = targets = targets.concat(_slice(targ));
            continue;
          }
          this._siblings[i] = _register(targ, this, false);
          if (overwrite === 1) if (this._siblings[i].length > 1) {
            _applyOverwrite(targ, this, null, 1, this._siblings[i]);
          }
        }
      } else {
        this._propLookup = {};
        this._siblings = _register(target, this, false);
        if (overwrite === 1) if (this._siblings.length > 1) {
          _applyOverwrite(target, this, null, 1, this._siblings);
        }
      }
      if (this.vars.immediateRender || duration === 0 && this._delay === 0 && this.vars.immediateRender !== false) {
        this._time = -_tinyNum; //forces a render without having to set the render() "force" parameter to true because we want to allow lazying by default (using the "force" parameter always forces an immediate full render)
        this.render(Math.min(0, -this._delay)); //in case delay is negative
      }
    }, true),
    _isSelector = function _isSelector(v) {
      return v && v.length && v !== window && v[0] && (v[0] === window || v[0].nodeType && v[0].style && !v.nodeType); //we cannot check "nodeType" if the target is window from within an iframe, otherwise it will trigger a security error in some browsers like Firefox.
    },
    _autoCSS = function _autoCSS(vars, target) {
      var css = {},
        p;
      for (p in vars) {
        if (!_reservedProps[p] && (!(p in target) || p === "transform" || p === "x" || p === "y" || p === "width" || p === "height" || p === "className" || p === "border") && (!_plugins[p] || _plugins[p] && _plugins[p]._autoCSS)) {
          //note: <img> elements contain read-only "x" and "y" properties. We should also prioritize editing css width/height rather than the element's properties.
          css[p] = vars[p];
          delete vars[p];
        }
      }
      vars.css = css;
    };
  p = TweenLite.prototype = new Animation();
  p.constructor = TweenLite;
  p.kill()._gc = false;

  //----TweenLite defaults, overwrite management, and root updates ----------------------------------------------------

  p.ratio = 0;
  p._firstPT = p._targets = p._overwrittenProps = p._startAt = null;
  p._notifyPluginsOfEnabled = p._lazy = false;
  TweenLite.version = "1.20.4";
  TweenLite.defaultEase = p._ease = new Ease(null, null, 1, 1);
  TweenLite.defaultOverwrite = "auto";
  TweenLite.ticker = _ticker;
  TweenLite.autoSleep = 120;
  TweenLite.lagSmoothing = function (threshold, adjustedLag) {
    _ticker.lagSmoothing(threshold, adjustedLag);
  };
  TweenLite.selector = window.$ || window.jQuery || function (e) {
    var selector = window.$ || window.jQuery;
    if (selector) {
      TweenLite.selector = selector;
      return selector(e);
    }
    return typeof _doc === "undefined" ? e : _doc.querySelectorAll ? _doc.querySelectorAll(e) : _doc.getElementById(e.charAt(0) === "#" ? e.substr(1) : e);
  };
  var _lazyTweens = [],
    _lazyLookup = {},
    _numbersExp = /(?:(-|-=|\+=)?\d*\.?\d*(?:e[\-+]?\d+)?)[0-9]/ig,
    _relExp = /[\+-]=-?[\.\d]/,
    //_nonNumbersExp = /(?:([\-+](?!(\d|=)))|[^\d\-+=e]|(e(?![\-+][\d])))+/ig,
    _setRatio = function _setRatio(v) {
      var pt = this._firstPT,
        min = 0.000001,
        val;
      while (pt) {
        val = !pt.blob ? pt.c * v + pt.s : v === 1 && this.end != null ? this.end : v ? this.join("") : this.start;
        if (pt.m) {
          val = pt.m(val, this._target || pt.t);
        } else if (val < min) if (val > -min && !pt.blob) {
          //prevents issues with converting very small numbers to strings in the browser
          val = 0;
        }
        if (!pt.f) {
          pt.t[pt.p] = val;
        } else if (pt.fp) {
          pt.t[pt.p](pt.fp, val);
        } else {
          pt.t[pt.p](val);
        }
        pt = pt._next;
      }
    },
    //compares two strings (start/end), finds the numbers that are different and spits back an array representing the whole value but with the changing values isolated as elements. For example, "rgb(0,0,0)" and "rgb(100,50,0)" would become ["rgb(", 0, ",", 50, ",0)"]. Notice it merges the parts that are identical (performance optimization). The array also has a linked list of PropTweens attached starting with _firstPT that contain the tweening data (t, p, s, c, f, etc.). It also stores the starting value as a "start" property so that we can revert to it if/when necessary, like when a tween rewinds fully. If the quantity of numbers differs between the start and end, it will always prioritize the end value(s). The pt parameter is optional - it's for a PropTween that will be appended to the end of the linked list and is typically for actually setting the value after all of the elements have been updated (with array.join("")).
    _blobDif = function _blobDif(start, end, filter, pt) {
      var a = [],
        charIndex = 0,
        s = "",
        color = 0,
        startNums,
        endNums,
        num,
        i,
        l,
        nonNumbers,
        currentNum;
      a.start = start;
      a.end = end;
      start = a[0] = start + ""; //ensure values are strings
      end = a[1] = end + "";
      if (filter) {
        filter(a); //pass an array with the starting and ending values and let the filter do whatever it needs to the values.
        start = a[0];
        end = a[1];
      }
      a.length = 0;
      startNums = start.match(_numbersExp) || [];
      endNums = end.match(_numbersExp) || [];
      if (pt) {
        pt._next = null;
        pt.blob = 1;
        a._firstPT = a._applyPT = pt; //apply last in the linked list (which means inserting it first)
      }
      l = endNums.length;
      for (i = 0; i < l; i++) {
        currentNum = endNums[i];
        nonNumbers = end.substr(charIndex, end.indexOf(currentNum, charIndex) - charIndex);
        s += nonNumbers || !i ? nonNumbers : ","; //note: SVG spec allows omission of comma/space when a negative sign is wedged between two numbers, like 2.5-5.3 instead of 2.5,-5.3 but when tweening, the negative value may switch to positive, so we insert the comma just in case.
        charIndex += nonNumbers.length;
        if (color) {
          //sense rgba() values and round them.
          color = (color + 1) % 5;
        } else if (nonNumbers.substr(-5) === "rgba(") {
          color = 1;
        }
        if (currentNum === startNums[i] || startNums.length <= i) {
          s += currentNum;
        } else {
          if (s) {
            a.push(s);
            s = "";
          }
          num = parseFloat(startNums[i]);
          a.push(num);
          a._firstPT = {
            _next: a._firstPT,
            t: a,
            p: a.length - 1,
            s: num,
            c: (currentNum.charAt(1) === "=" ? parseInt(currentNum.charAt(0) + "1", 10) * parseFloat(currentNum.substr(2)) : parseFloat(currentNum) - num) || 0,
            f: 0,
            m: color && color < 4 ? Math.round : 0
          };
          //note: we don't set _prev because we'll never need to remove individual PropTweens from this list.
        }
        charIndex += currentNum.length;
      }
      s += end.substr(charIndex);
      if (s) {
        a.push(s);
      }
      a.setRatio = _setRatio;
      if (_relExp.test(end)) {
        //if the end string contains relative values, delete it so that on the final render (in _setRatio()), we don't actually set it to the string with += or -= characters (forces it to use the calculated value).
        a.end = null;
      }
      return a;
    },
    //note: "funcParam" is only necessary for function-based getters/setters that require an extra parameter like getAttribute("width") and setAttribute("width", value). In this example, funcParam would be "width". Used by AttrPlugin for example.
    _addPropTween = function _addPropTween(target, prop, start, end, overwriteProp, mod, funcParam, stringFilter, index) {
      if (typeof end === "function") {
        end = end(index || 0, target);
      }
      var type = _typeof(target[prop]),
        getterName = type !== "function" ? "" : prop.indexOf("set") || typeof target["get" + prop.substr(3)] !== "function" ? prop : "get" + prop.substr(3),
        s = start !== "get" ? start : !getterName ? target[prop] : funcParam ? target[getterName](funcParam) : target[getterName](),
        isRelative = typeof end === "string" && end.charAt(1) === "=",
        pt = {
          t: target,
          p: prop,
          s: s,
          f: type === "function",
          pg: 0,
          n: overwriteProp || prop,
          m: !mod ? 0 : typeof mod === "function" ? mod : Math.round,
          pr: 0,
          c: isRelative ? parseInt(end.charAt(0) + "1", 10) * parseFloat(end.substr(2)) : parseFloat(end) - s || 0
        },
        blob;
      if (typeof s !== "number" || typeof end !== "number" && !isRelative) {
        if (funcParam || isNaN(s) || !isRelative && isNaN(end) || typeof s === "boolean" || typeof end === "boolean") {
          //a blob (string that has multiple numbers in it)
          pt.fp = funcParam;
          blob = _blobDif(s, isRelative ? parseFloat(pt.s) + pt.c + (pt.s + "").replace(/[0-9\-\.]/g, "") : end, stringFilter || TweenLite.defaultStringFilter, pt);
          pt = {
            t: blob,
            p: "setRatio",
            s: 0,
            c: 1,
            f: 2,
            pg: 0,
            n: overwriteProp || prop,
            pr: 0,
            m: 0
          }; //"2" indicates it's a Blob property tween. Needed for RoundPropsPlugin for example.
        } else {
          pt.s = parseFloat(s);
          if (!isRelative) {
            pt.c = parseFloat(end) - pt.s || 0;
          }
        }
      }
      if (pt.c) {
        //only add it to the linked list if there's a change.
        if (pt._next = this._firstPT) {
          pt._next._prev = pt;
        }
        this._firstPT = pt;
        return pt;
      }
    },
    _internals = TweenLite._internals = {
      isArray: _isArray,
      isSelector: _isSelector,
      lazyTweens: _lazyTweens,
      blobDif: _blobDif
    },
    //gives us a way to expose certain private values to other GreenSock classes without contaminating tha main TweenLite object.
    _plugins = TweenLite._plugins = {},
    _tweenLookup = _internals.tweenLookup = {},
    _tweenLookupNum = 0,
    _reservedProps = _internals.reservedProps = {
      ease: 1,
      delay: 1,
      overwrite: 1,
      onComplete: 1,
      onCompleteParams: 1,
      onCompleteScope: 1,
      useFrames: 1,
      runBackwards: 1,
      startAt: 1,
      onUpdate: 1,
      onUpdateParams: 1,
      onUpdateScope: 1,
      onStart: 1,
      onStartParams: 1,
      onStartScope: 1,
      onReverseComplete: 1,
      onReverseCompleteParams: 1,
      onReverseCompleteScope: 1,
      onRepeat: 1,
      onRepeatParams: 1,
      onRepeatScope: 1,
      easeParams: 1,
      yoyo: 1,
      immediateRender: 1,
      repeat: 1,
      repeatDelay: 1,
      data: 1,
      paused: 1,
      reversed: 1,
      autoCSS: 1,
      lazy: 1,
      onOverwrite: 1,
      callbackScope: 1,
      stringFilter: 1,
      id: 1,
      yoyoEase: 1
    },
    _overwriteLookup = {
      none: 0,
      all: 1,
      auto: 2,
      concurrent: 3,
      allOnStart: 4,
      preexisting: 5,
      "true": 1,
      "false": 0
    },
    _rootFramesTimeline = Animation._rootFramesTimeline = new SimpleTimeline(),
    _rootTimeline = Animation._rootTimeline = new SimpleTimeline(),
    _nextGCFrame = 30,
    _lazyRender = _internals.lazyRender = function () {
      var i = _lazyTweens.length,
        tween;
      _lazyLookup = {};
      while (--i > -1) {
        tween = _lazyTweens[i];
        if (tween && tween._lazy !== false) {
          tween.render(tween._lazy[0], tween._lazy[1], true);
          tween._lazy = false;
        }
      }
      _lazyTweens.length = 0;
    };
  _rootTimeline._startTime = _ticker.time;
  _rootFramesTimeline._startTime = _ticker.frame;
  _rootTimeline._active = _rootFramesTimeline._active = true;
  setTimeout(_lazyRender, 1); //on some mobile devices, there isn't a "tick" before code runs which means any lazy renders wouldn't run before the next official "tick".

  Animation._updateRoot = TweenLite.render = function () {
    var i, a, p;
    if (_lazyTweens.length) {
      //if code is run outside of the requestAnimationFrame loop, there may be tweens queued AFTER the engine refreshed, so we need to ensure any pending renders occur before we refresh again.
      _lazyRender();
    }
    _rootTimeline.render((_ticker.time - _rootTimeline._startTime) * _rootTimeline._timeScale, false, false);
    _rootFramesTimeline.render((_ticker.frame - _rootFramesTimeline._startTime) * _rootFramesTimeline._timeScale, false, false);
    if (_lazyTweens.length) {
      _lazyRender();
    }
    if (_ticker.frame >= _nextGCFrame) {
      //dump garbage every 120 frames or whatever the user sets TweenLite.autoSleep to
      _nextGCFrame = _ticker.frame + (parseInt(TweenLite.autoSleep, 10) || 120);
      for (p in _tweenLookup) {
        a = _tweenLookup[p].tweens;
        i = a.length;
        while (--i > -1) {
          if (a[i]._gc) {
            a.splice(i, 1);
          }
        }
        if (a.length === 0) {
          delete _tweenLookup[p];
        }
      }
      //if there are no more tweens in the root timelines, or if they're all paused, make the _timer sleep to reduce load on the CPU slightly
      p = _rootTimeline._first;
      if (!p || p._paused) if (TweenLite.autoSleep && !_rootFramesTimeline._first && _ticker._listeners.tick.length === 1) {
        while (p && p._paused) {
          p = p._next;
        }
        if (!p) {
          _ticker.sleep();
        }
      }
    }
  };
  _ticker.addEventListener("tick", Animation._updateRoot);
  var _register = function _register(target, tween, scrub) {
      var id = target._gsTweenID,
        a,
        i;
      if (!_tweenLookup[id || (target._gsTweenID = id = "t" + _tweenLookupNum++)]) {
        _tweenLookup[id] = {
          target: target,
          tweens: []
        };
      }
      if (tween) {
        a = _tweenLookup[id].tweens;
        a[i = a.length] = tween;
        if (scrub) {
          while (--i > -1) {
            if (a[i] === tween) {
              a.splice(i, 1);
            }
          }
        }
      }
      return _tweenLookup[id].tweens;
    },
    _onOverwrite = function _onOverwrite(overwrittenTween, overwritingTween, target, killedProps) {
      var func = overwrittenTween.vars.onOverwrite,
        r1,
        r2;
      if (func) {
        r1 = func(overwrittenTween, overwritingTween, target, killedProps);
      }
      func = TweenLite.onOverwrite;
      if (func) {
        r2 = func(overwrittenTween, overwritingTween, target, killedProps);
      }
      return r1 !== false && r2 !== false;
    },
    _applyOverwrite = function _applyOverwrite(target, tween, props, mode, siblings) {
      var i, changed, curTween, l;
      if (mode === 1 || mode >= 4) {
        l = siblings.length;
        for (i = 0; i < l; i++) {
          if ((curTween = siblings[i]) !== tween) {
            if (!curTween._gc) {
              if (curTween._kill(null, target, tween)) {
                changed = true;
              }
            }
          } else if (mode === 5) {
            break;
          }
        }
        return changed;
      }
      //NOTE: Add 0.0000000001 to overcome floating point errors that can cause the startTime to be VERY slightly off (when a tween's time() is set for example)
      var startTime = tween._startTime + _tinyNum,
        overlaps = [],
        oCount = 0,
        zeroDur = tween._duration === 0,
        globalStart;
      i = siblings.length;
      while (--i > -1) {
        if ((curTween = siblings[i]) === tween || curTween._gc || curTween._paused) {
          //ignore
        } else if (curTween._timeline !== tween._timeline) {
          globalStart = globalStart || _checkOverlap(tween, 0, zeroDur);
          if (_checkOverlap(curTween, globalStart, zeroDur) === 0) {
            overlaps[oCount++] = curTween;
          }
        } else if (curTween._startTime <= startTime) if (curTween._startTime + curTween.totalDuration() / curTween._timeScale > startTime) if (!((zeroDur || !curTween._initted) && startTime - curTween._startTime <= 0.0000000002)) {
          overlaps[oCount++] = curTween;
        }
      }
      i = oCount;
      while (--i > -1) {
        curTween = overlaps[i];
        if (mode === 2) if (curTween._kill(props, target, tween)) {
          changed = true;
        }
        if (mode !== 2 || !curTween._firstPT && curTween._initted) {
          if (mode !== 2 && !_onOverwrite(curTween, tween)) {
            continue;
          }
          if (curTween._enabled(false, false)) {
            //if all property tweens have been overwritten, kill the tween.
            changed = true;
          }
        }
      }
      return changed;
    },
    _checkOverlap = function _checkOverlap(tween, reference, zeroDur) {
      var tl = tween._timeline,
        ts = tl._timeScale,
        t = tween._startTime;
      while (tl._timeline) {
        t += tl._startTime;
        ts *= tl._timeScale;
        if (tl._paused) {
          return -100;
        }
        tl = tl._timeline;
      }
      t /= ts;
      return t > reference ? t - reference : zeroDur && t === reference || !tween._initted && t - reference < 2 * _tinyNum ? _tinyNum : (t += tween.totalDuration() / tween._timeScale / ts) > reference + _tinyNum ? 0 : t - reference - _tinyNum;
    };

  //---- TweenLite instance methods -----------------------------------------------------------------------------

  p._init = function () {
    var v = this.vars,
      op = this._overwrittenProps,
      dur = this._duration,
      immediate = !!v.immediateRender,
      ease = v.ease,
      i,
      initPlugins,
      pt,
      p,
      startVars,
      l;
    if (v.startAt) {
      if (this._startAt) {
        this._startAt.render(-1, true); //if we've run a startAt previously (when the tween instantiated), we should revert it so that the values re-instantiate correctly particularly for relative tweens. Without this, a TweenLite.fromTo(obj, 1, {x:"+=100"}, {x:"-=100"}), for example, would actually jump to +=200 because the startAt would run twice, doubling the relative change.
        this._startAt.kill();
      }
      startVars = {};
      for (p in v.startAt) {
        //copy the properties/values into a new object to avoid collisions, like var to = {x:0}, from = {x:500}; timeline.fromTo(e, 1, from, to).fromTo(e, 1, to, from);
        startVars[p] = v.startAt[p];
      }
      startVars.data = "isStart";
      startVars.overwrite = false;
      startVars.immediateRender = true;
      startVars.lazy = immediate && v.lazy !== false;
      startVars.startAt = startVars.delay = null; //no nesting of startAt objects allowed (otherwise it could cause an infinite loop).
      startVars.onUpdate = v.onUpdate;
      startVars.onUpdateParams = v.onUpdateParams;
      startVars.onUpdateScope = v.onUpdateScope || v.callbackScope || this;
      this._startAt = TweenLite.to(this.target, 0, startVars);
      if (immediate) {
        if (this._time > 0) {
          this._startAt = null; //tweens that render immediately (like most from() and fromTo() tweens) shouldn't revert when their parent timeline's playhead goes backward past the startTime because the initial render could have happened anytime and it shouldn't be directly correlated to this tween's startTime. Imagine setting up a complex animation where the beginning states of various objects are rendered immediately but the tween doesn't happen for quite some time - if we revert to the starting values as soon as the playhead goes backward past the tween's startTime, it will throw things off visually. Reversion should only happen in TimelineLite/Max instances where immediateRender was false (which is the default in the convenience methods like from()).
        } else if (dur !== 0) {
          return; //we skip initialization here so that overwriting doesn't occur until the tween actually begins. Otherwise, if you create several immediateRender:true tweens of the same target/properties to drop into a TimelineLite or TimelineMax, the last one created would overwrite the first ones because they didn't get placed into the timeline yet before the first render occurs and kicks in overwriting.
        }
      }
    } else if (v.runBackwards && dur !== 0) {
      //from() tweens must be handled uniquely: their beginning values must be rendered but we don't want overwriting to occur yet (when time is still 0). Wait until the tween actually begins before doing all the routines like overwriting. At that time, we should render at the END of the tween to ensure that things initialize correctly (remember, from() tweens go backwards)
      if (this._startAt) {
        this._startAt.render(-1, true);
        this._startAt.kill();
        this._startAt = null;
      } else {
        if (this._time !== 0) {
          //in rare cases (like if a from() tween runs and then is invalidate()-ed), immediateRender could be true but the initial forced-render gets skipped, so there's no need to force the render in this context when the _time is greater than 0
          immediate = false;
        }
        pt = {};
        for (p in v) {
          //copy props into a new object and skip any reserved props, otherwise onComplete or onUpdate or onStart could fire. We should, however, permit autoCSS to go through.
          if (!_reservedProps[p] || p === "autoCSS") {
            pt[p] = v[p];
          }
        }
        pt.overwrite = 0;
        pt.data = "isFromStart"; //we tag the tween with as "isFromStart" so that if [inside a plugin] we need to only do something at the very END of a tween, we have a way of identifying this tween as merely the one that's setting the beginning values for a "from()" tween. For example, clearProps in CSSPlugin should only get applied at the very END of a tween and without this tag, from(...{height:100, clearProps:"height", delay:1}) would wipe the height at the beginning of the tween and after 1 second, it'd kick back in.
        pt.lazy = immediate && v.lazy !== false;
        pt.immediateRender = immediate; //zero-duration tweens render immediately by default, but if we're not specifically instructed to render this tween immediately, we should skip this and merely _init() to record the starting values (rendering them immediately would push them to completion which is wasteful in that case - we'd have to render(-1) immediately after)
        this._startAt = TweenLite.to(this.target, 0, pt);
        if (!immediate) {
          this._startAt._init(); //ensures that the initial values are recorded
          this._startAt._enabled(false); //no need to have the tween render on the next cycle. Disable it because we'll always manually control the renders of the _startAt tween.
          if (this.vars.immediateRender) {
            this._startAt = null;
          }
        } else if (this._time === 0) {
          return;
        }
      }
    }
    this._ease = ease = !ease ? TweenLite.defaultEase : ease instanceof Ease ? ease : typeof ease === "function" ? new Ease(ease, v.easeParams) : _easeMap[ease] || TweenLite.defaultEase;
    if (v.easeParams instanceof Array && ease.config) {
      this._ease = ease.config.apply(ease, v.easeParams);
    }
    this._easeType = this._ease._type;
    this._easePower = this._ease._power;
    this._firstPT = null;
    if (this._targets) {
      l = this._targets.length;
      for (i = 0; i < l; i++) {
        if (this._initProps(this._targets[i], this._propLookup[i] = {}, this._siblings[i], op ? op[i] : null, i)) {
          initPlugins = true;
        }
      }
    } else {
      initPlugins = this._initProps(this.target, this._propLookup, this._siblings, op, 0);
    }
    if (initPlugins) {
      TweenLite._onPluginEvent("_onInitAllProps", this); //reorders the array in order of priority. Uses a static TweenPlugin method in order to minimize file size in TweenLite
    }
    if (op) if (!this._firstPT) if (typeof this.target !== "function") {
      //if all tweening properties have been overwritten, kill the tween. If the target is a function, it's probably a delayedCall so let it live.
      this._enabled(false, false);
    }
    if (v.runBackwards) {
      pt = this._firstPT;
      while (pt) {
        pt.s += pt.c;
        pt.c = -pt.c;
        pt = pt._next;
      }
    }
    this._onUpdate = v.onUpdate;
    this._initted = true;
  };
  p._initProps = function (target, propLookup, siblings, overwrittenProps, index) {
    var p, i, initPlugins, plugin, pt, v;
    if (target == null) {
      return false;
    }
    if (_lazyLookup[target._gsTweenID]) {
      _lazyRender(); //if other tweens of the same target have recently initted but haven't rendered yet, we've got to force the render so that the starting values are correct (imagine populating a timeline with a bunch of sequential tweens and then jumping to the end)
    }
    if (!this.vars.css) if (target.style) if (target !== window && target.nodeType) if (_plugins.css) if (this.vars.autoCSS !== false) {
      //it's so common to use TweenLite/Max to animate the css of DOM elements, we assume that if the target is a DOM element, that's what is intended (a convenience so that users don't have to wrap things in css:{}, although we still recommend it for a slight performance boost and better specificity). Note: we cannot check "nodeType" on the window inside an iframe.
      _autoCSS(this.vars, target);
    }
    for (p in this.vars) {
      v = this.vars[p];
      if (_reservedProps[p]) {
        if (v) if (v instanceof Array || v.push && _isArray(v)) if (v.join("").indexOf("{self}") !== -1) {
          this.vars[p] = v = this._swapSelfInParams(v, this);
        }
      } else if (_plugins[p] && (plugin = new _plugins[p]())._onInitTween(target, this.vars[p], this, index)) {
        //t - target 		[object]
        //p - property 		[string]
        //s - start			[number]
        //c - change		[number]
        //f - isFunction	[boolean]
        //n - name			[string]
        //pg - isPlugin 	[boolean]
        //pr - priority		[number]
        //m - mod           [function | 0]
        this._firstPT = pt = {
          _next: this._firstPT,
          t: plugin,
          p: "setRatio",
          s: 0,
          c: 1,
          f: 1,
          n: p,
          pg: 1,
          pr: plugin._priority,
          m: 0
        };
        i = plugin._overwriteProps.length;
        while (--i > -1) {
          propLookup[plugin._overwriteProps[i]] = this._firstPT;
        }
        if (plugin._priority || plugin._onInitAllProps) {
          initPlugins = true;
        }
        if (plugin._onDisable || plugin._onEnable) {
          this._notifyPluginsOfEnabled = true;
        }
        if (pt._next) {
          pt._next._prev = pt;
        }
      } else {
        propLookup[p] = _addPropTween.call(this, target, p, "get", v, p, 0, null, this.vars.stringFilter, index);
      }
    }
    if (overwrittenProps) if (this._kill(overwrittenProps, target)) {
      //another tween may have tried to overwrite properties of this tween before init() was called (like if two tweens start at the same time, the one created second will run first)
      return this._initProps(target, propLookup, siblings, overwrittenProps, index);
    }
    if (this._overwrite > 1) if (this._firstPT) if (siblings.length > 1) if (_applyOverwrite(target, this, propLookup, this._overwrite, siblings)) {
      this._kill(propLookup, target);
      return this._initProps(target, propLookup, siblings, overwrittenProps, index);
    }
    if (this._firstPT) if (this.vars.lazy !== false && this._duration || this.vars.lazy && !this._duration) {
      //zero duration tweens don't lazy render by default; everything else does.
      _lazyLookup[target._gsTweenID] = true;
    }
    return initPlugins;
  };
  p.render = function (time, suppressEvents, force) {
    var prevTime = this._time,
      duration = this._duration,
      prevRawPrevTime = this._rawPrevTime,
      isComplete,
      callback,
      pt,
      rawPrevTime;
    if (time >= duration - 0.0000001 && time >= 0) {
      //to work around occasional floating point math artifacts.
      this._totalTime = this._time = duration;
      this.ratio = this._ease._calcEnd ? this._ease.getRatio(1) : 1;
      if (!this._reversed) {
        isComplete = true;
        callback = "onComplete";
        force = force || this._timeline.autoRemoveChildren; //otherwise, if the animation is unpaused/activated after it's already finished, it doesn't get removed from the parent timeline.
      }
      if (duration === 0) if (this._initted || !this.vars.lazy || force) {
        //zero-duration tweens are tricky because we must discern the momentum/direction of time in order to determine whether the starting values should be rendered or the ending values. If the "playhead" of its timeline goes past the zero-duration tween in the forward direction or lands directly on it, the end values should be rendered, but if the timeline's "playhead" moves past it in the backward direction (from a postitive time to a negative time), the starting values must be rendered.
        if (this._startTime === this._timeline._duration) {
          //if a zero-duration tween is at the VERY end of a timeline and that timeline renders at its end, it will typically add a tiny bit of cushion to the render time to prevent rounding errors from getting in the way of tweens rendering their VERY end. If we then reverse() that timeline, the zero-duration tween will trigger its onReverseComplete even though technically the playhead didn't pass over it again. It's a very specific edge case we must accommodate.
          time = 0;
        }
        if (prevRawPrevTime < 0 || time <= 0 && time >= -0.0000001 || prevRawPrevTime === _tinyNum && this.data !== "isPause") if (prevRawPrevTime !== time) {
          //note: when this.data is "isPause", it's a callback added by addPause() on a timeline that we should not be triggered when LEAVING its exact start time. In other words, tl.addPause(1).play(1) shouldn't pause.
          force = true;
          if (prevRawPrevTime > _tinyNum) {
            callback = "onReverseComplete";
          }
        }
        this._rawPrevTime = rawPrevTime = !suppressEvents || time || prevRawPrevTime === time ? time : _tinyNum; //when the playhead arrives at EXACTLY time 0 (right on top) of a zero-duration tween, we need to discern if events are suppressed so that when the playhead moves again (next time), it'll trigger the callback. If events are NOT suppressed, obviously the callback would be triggered in this render. Basically, the callback should fire either when the playhead ARRIVES or LEAVES this exact spot, not both. Imagine doing a timeline.seek(0) and there's a callback that sits at 0. Since events are suppressed on that seek() by default, nothing will fire, but when the playhead moves off of that position, the callback should fire. This behavior is what people intuitively expect. We set the _rawPrevTime to be a precise tiny number to indicate this scenario rather than using another property/variable which would increase memory usage. This technique is less readable, but more efficient.
      }
    } else if (time < 0.0000001) {
      //to work around occasional floating point math artifacts, round super small values to 0.
      this._totalTime = this._time = 0;
      this.ratio = this._ease._calcEnd ? this._ease.getRatio(0) : 0;
      if (prevTime !== 0 || duration === 0 && prevRawPrevTime > 0) {
        callback = "onReverseComplete";
        isComplete = this._reversed;
      }
      if (time < 0) {
        this._active = false;
        if (duration === 0) if (this._initted || !this.vars.lazy || force) {
          //zero-duration tweens are tricky because we must discern the momentum/direction of time in order to determine whether the starting values should be rendered or the ending values. If the "playhead" of its timeline goes past the zero-duration tween in the forward direction or lands directly on it, the end values should be rendered, but if the timeline's "playhead" moves past it in the backward direction (from a postitive time to a negative time), the starting values must be rendered.
          if (prevRawPrevTime >= 0 && !(prevRawPrevTime === _tinyNum && this.data === "isPause")) {
            force = true;
          }
          this._rawPrevTime = rawPrevTime = !suppressEvents || time || prevRawPrevTime === time ? time : _tinyNum; //when the playhead arrives at EXACTLY time 0 (right on top) of a zero-duration tween, we need to discern if events are suppressed so that when the playhead moves again (next time), it'll trigger the callback. If events are NOT suppressed, obviously the callback would be triggered in this render. Basically, the callback should fire either when the playhead ARRIVES or LEAVES this exact spot, not both. Imagine doing a timeline.seek(0) and there's a callback that sits at 0. Since events are suppressed on that seek() by default, nothing will fire, but when the playhead moves off of that position, the callback should fire. This behavior is what people intuitively expect. We set the _rawPrevTime to be a precise tiny number to indicate this scenario rather than using another property/variable which would increase memory usage. This technique is less readable, but more efficient.
        }
      }
      if (!this._initted || this._startAt && this._startAt.progress()) {
        //if we render the very beginning (time == 0) of a fromTo(), we must force the render (normal tweens wouldn't need to render at a time of 0 when the prevTime was also 0). This is also mandatory to make sure overwriting kicks in immediately. Also, we check progress() because if startAt has already rendered at its end, we should force a render at its beginning. Otherwise, if you put the playhead directly on top of where a fromTo({immediateRender:false}) starts, and then move it backwards, the from() won't revert its values.
        force = true;
      }
    } else {
      this._totalTime = this._time = time;
      if (this._easeType) {
        var r = time / duration,
          type = this._easeType,
          pow = this._easePower;
        if (type === 1 || type === 3 && r >= 0.5) {
          r = 1 - r;
        }
        if (type === 3) {
          r *= 2;
        }
        if (pow === 1) {
          r *= r;
        } else if (pow === 2) {
          r *= r * r;
        } else if (pow === 3) {
          r *= r * r * r;
        } else if (pow === 4) {
          r *= r * r * r * r;
        }
        if (type === 1) {
          this.ratio = 1 - r;
        } else if (type === 2) {
          this.ratio = r;
        } else if (time / duration < 0.5) {
          this.ratio = r / 2;
        } else {
          this.ratio = 1 - r / 2;
        }
      } else {
        this.ratio = this._ease.getRatio(time / duration);
      }
    }
    if (this._time === prevTime && !force) {
      return;
    } else if (!this._initted) {
      this._init();
      if (!this._initted || this._gc) {
        //immediateRender tweens typically won't initialize until the playhead advances (_time is greater than 0) in order to ensure that overwriting occurs properly. Also, if all of the tweening properties have been overwritten (which would cause _gc to be true, as set in _init()), we shouldn't continue otherwise an onStart callback could be called for example.
        return;
      } else if (!force && this._firstPT && (this.vars.lazy !== false && this._duration || this.vars.lazy && !this._duration)) {
        this._time = this._totalTime = prevTime;
        this._rawPrevTime = prevRawPrevTime;
        _lazyTweens.push(this);
        this._lazy = [time, suppressEvents];
        return;
      }
      //_ease is initially set to defaultEase, so now that init() has run, _ease is set properly and we need to recalculate the ratio. Overall this is faster than using conditional logic earlier in the method to avoid having to set ratio twice because we only init() once but renderTime() gets called VERY frequently.
      if (this._time && !isComplete) {
        this.ratio = this._ease.getRatio(this._time / duration);
      } else if (isComplete && this._ease._calcEnd) {
        this.ratio = this._ease.getRatio(this._time === 0 ? 0 : 1);
      }
    }
    if (this._lazy !== false) {
      //in case a lazy render is pending, we should flush it because the new render is occurring now (imagine a lazy tween instantiating and then immediately the user calls tween.seek(tween.duration()), skipping to the end - the end render would be forced, and then if we didn't flush the lazy render, it'd fire AFTER the seek(), rendering it at the wrong time.
      this._lazy = false;
    }
    if (!this._active) if (!this._paused && this._time !== prevTime && time >= 0) {
      this._active = true; //so that if the user renders a tween (as opposed to the timeline rendering it), the timeline is forced to re-render and align it with the proper time/frame on the next rendering cycle. Maybe the tween already finished but the user manually re-renders it as halfway done.
    }
    if (prevTime === 0) {
      if (this._startAt) {
        if (time >= 0) {
          this._startAt.render(time, true, force);
        } else if (!callback) {
          callback = "_dummyGS"; //if no callback is defined, use a dummy value just so that the condition at the end evaluates as true because _startAt should render AFTER the normal render loop when the time is negative. We could handle this in a more intuitive way, of course, but the render loop is the MOST important thing to optimize, so this technique allows us to avoid adding extra conditional logic in a high-frequency area.
        }
      }
      if (this.vars.onStart) if (this._time !== 0 || duration === 0) if (!suppressEvents) {
        this._callback("onStart");
      }
    }
    pt = this._firstPT;
    while (pt) {
      if (pt.f) {
        pt.t[pt.p](pt.c * this.ratio + pt.s);
      } else {
        pt.t[pt.p] = pt.c * this.ratio + pt.s;
      }
      pt = pt._next;
    }
    if (this._onUpdate) {
      if (time < 0) if (this._startAt && time !== -0.0001) {
        //if the tween is positioned at the VERY beginning (_startTime 0) of its parent timeline, it's illegal for the playhead to go back further, so we should not render the recorded startAt values.
        this._startAt.render(time, true, force); //note: for performance reasons, we tuck this conditional logic inside less traveled areas (most tweens don't have an onUpdate). We'd just have it at the end before the onComplete, but the values should be updated before any onUpdate is called, so we ALSO put it here and then if it's not called, we do so later near the onComplete.
      }
      if (!suppressEvents) if (this._time !== prevTime || isComplete || force) {
        this._callback("onUpdate");
      }
    }
    if (callback) if (!this._gc || force) {
      //check _gc because there's a chance that kill() could be called in an onUpdate
      if (time < 0 && this._startAt && !this._onUpdate && time !== -0.0001) {
        //-0.0001 is a special value that we use when looping back to the beginning of a repeated TimelineMax, in which case we shouldn't render the _startAt values.
        this._startAt.render(time, true, force);
      }
      if (isComplete) {
        if (this._timeline.autoRemoveChildren) {
          this._enabled(false, false);
        }
        this._active = false;
      }
      if (!suppressEvents && this.vars[callback]) {
        this._callback(callback);
      }
      if (duration === 0 && this._rawPrevTime === _tinyNum && rawPrevTime !== _tinyNum) {
        //the onComplete or onReverseComplete could trigger movement of the playhead and for zero-duration tweens (which must discern direction) that land directly back on their start time, we don't want to fire again on the next render. Think of several addPause()'s in a timeline that forces the playhead to a certain spot, but what if it's already paused and another tween is tweening the "time" of the timeline? Each time it moves [forward] past that spot, it would move back, and since suppressEvents is true, it'd reset _rawPrevTime to _tinyNum so that when it begins again, the callback would fire (so ultimately it could bounce back and forth during that tween). Again, this is a very uncommon scenario, but possible nonetheless.
        this._rawPrevTime = 0;
      }
    }
  };
  p._kill = function (vars, target, overwritingTween) {
    if (vars === "all") {
      vars = null;
    }
    if (vars == null) if (target == null || target === this.target) {
      this._lazy = false;
      return this._enabled(false, false);
    }
    target = typeof target !== "string" ? target || this._targets || this.target : TweenLite.selector(target) || target;
    var simultaneousOverwrite = overwritingTween && this._time && overwritingTween._startTime === this._startTime && this._timeline === overwritingTween._timeline,
      i,
      overwrittenProps,
      p,
      pt,
      propLookup,
      changed,
      killProps,
      record,
      killed;
    if ((_isArray(target) || _isSelector(target)) && typeof target[0] !== "number") {
      i = target.length;
      while (--i > -1) {
        if (this._kill(vars, target[i], overwritingTween)) {
          changed = true;
        }
      }
    } else {
      if (this._targets) {
        i = this._targets.length;
        while (--i > -1) {
          if (target === this._targets[i]) {
            propLookup = this._propLookup[i] || {};
            this._overwrittenProps = this._overwrittenProps || [];
            overwrittenProps = this._overwrittenProps[i] = vars ? this._overwrittenProps[i] || {} : "all";
            break;
          }
        }
      } else if (target !== this.target) {
        return false;
      } else {
        propLookup = this._propLookup;
        overwrittenProps = this._overwrittenProps = vars ? this._overwrittenProps || {} : "all";
      }
      if (propLookup) {
        killProps = vars || propLookup;
        record = vars !== overwrittenProps && overwrittenProps !== "all" && vars !== propLookup && (_typeof(vars) !== "object" || !vars._tempKill); //_tempKill is a super-secret way to delete a particular tweening property but NOT have it remembered as an official overwritten property (like in BezierPlugin)
        if (overwritingTween && (TweenLite.onOverwrite || this.vars.onOverwrite)) {
          for (p in killProps) {
            if (propLookup[p]) {
              if (!killed) {
                killed = [];
              }
              killed.push(p);
            }
          }
          if ((killed || !vars) && !_onOverwrite(this, overwritingTween, target, killed)) {
            //if the onOverwrite returned false, that means the user wants to override the overwriting (cancel it).
            return false;
          }
        }
        for (p in killProps) {
          if (pt = propLookup[p]) {
            if (simultaneousOverwrite) {
              //if another tween overwrites this one and they both start at exactly the same time, yet this tween has already rendered once (for example, at 0.001) because it's first in the queue, we should revert the values to where they were at 0 so that the starting values aren't contaminated on the overwriting tween.
              if (pt.f) {
                pt.t[pt.p](pt.s);
              } else {
                pt.t[pt.p] = pt.s;
              }
              changed = true;
            }
            if (pt.pg && pt.t._kill(killProps)) {
              changed = true; //some plugins need to be notified so they can perform cleanup tasks first
            }
            if (!pt.pg || pt.t._overwriteProps.length === 0) {
              if (pt._prev) {
                pt._prev._next = pt._next;
              } else if (pt === this._firstPT) {
                this._firstPT = pt._next;
              }
              if (pt._next) {
                pt._next._prev = pt._prev;
              }
              pt._next = pt._prev = null;
            }
            delete propLookup[p];
          }
          if (record) {
            overwrittenProps[p] = 1;
          }
        }
        if (!this._firstPT && this._initted) {
          //if all tweening properties are killed, kill the tween. Without this line, if there's a tween with multiple targets and then you killTweensOf() each target individually, the tween would technically still remain active and fire its onComplete even though there aren't any more properties tweening.
          this._enabled(false, false);
        }
      }
    }
    return changed;
  };
  p.invalidate = function () {
    if (this._notifyPluginsOfEnabled) {
      TweenLite._onPluginEvent("_onDisable", this);
    }
    this._firstPT = this._overwrittenProps = this._startAt = this._onUpdate = null;
    this._notifyPluginsOfEnabled = this._active = this._lazy = false;
    this._propLookup = this._targets ? {} : [];
    Animation.prototype.invalidate.call(this);
    if (this.vars.immediateRender) {
      this._time = -_tinyNum; //forces a render without having to set the render() "force" parameter to true because we want to allow lazying by default (using the "force" parameter always forces an immediate full render)
      this.render(Math.min(0, -this._delay)); //in case delay is negative.
    }
    return this;
  };
  p._enabled = function (enabled, ignoreTimeline) {
    if (!_tickerActive) {
      _ticker.wake();
    }
    if (enabled && this._gc) {
      var targets = this._targets,
        i;
      if (targets) {
        i = targets.length;
        while (--i > -1) {
          this._siblings[i] = _register(targets[i], this, true);
        }
      } else {
        this._siblings = _register(this.target, this, true);
      }
    }
    Animation.prototype._enabled.call(this, enabled, ignoreTimeline);
    if (this._notifyPluginsOfEnabled) if (this._firstPT) {
      return TweenLite._onPluginEvent(enabled ? "_onEnable" : "_onDisable", this);
    }
    return false;
  };

  //----TweenLite static methods -----------------------------------------------------

  TweenLite.to = function (target, duration, vars) {
    return new TweenLite(target, duration, vars);
  };
  TweenLite.from = function (target, duration, vars) {
    vars.runBackwards = true;
    vars.immediateRender = vars.immediateRender != false;
    return new TweenLite(target, duration, vars);
  };
  TweenLite.fromTo = function (target, duration, fromVars, toVars) {
    toVars.startAt = fromVars;
    toVars.immediateRender = toVars.immediateRender != false && fromVars.immediateRender != false;
    return new TweenLite(target, duration, toVars);
  };
  TweenLite.delayedCall = function (delay, callback, params, scope, useFrames) {
    return new TweenLite(callback, 0, {
      delay: delay,
      onComplete: callback,
      onCompleteParams: params,
      callbackScope: scope,
      onReverseComplete: callback,
      onReverseCompleteParams: params,
      immediateRender: false,
      lazy: false,
      useFrames: useFrames,
      overwrite: 0
    });
  };
  TweenLite.set = function (target, vars) {
    return new TweenLite(target, 0, vars);
  };
  TweenLite.getTweensOf = function (target, onlyActive) {
    if (target == null) {
      return [];
    }
    target = typeof target !== "string" ? target : TweenLite.selector(target) || target;
    var i, a, j, t;
    if ((_isArray(target) || _isSelector(target)) && typeof target[0] !== "number") {
      i = target.length;
      a = [];
      while (--i > -1) {
        a = a.concat(TweenLite.getTweensOf(target[i], onlyActive));
      }
      i = a.length;
      //now get rid of any duplicates (tweens of arrays of objects could cause duplicates)
      while (--i > -1) {
        t = a[i];
        j = i;
        while (--j > -1) {
          if (t === a[j]) {
            a.splice(i, 1);
          }
        }
      }
    } else if (target._gsTweenID) {
      a = _register(target).concat();
      i = a.length;
      while (--i > -1) {
        if (a[i]._gc || onlyActive && !a[i].isActive()) {
          a.splice(i, 1);
        }
      }
    }
    return a || [];
  };
  TweenLite.killTweensOf = TweenLite.killDelayedCallsTo = function (target, onlyActive, vars) {
    if (_typeof(onlyActive) === "object") {
      vars = onlyActive; //for backwards compatibility (before "onlyActive" parameter was inserted)
      onlyActive = false;
    }
    var a = TweenLite.getTweensOf(target, onlyActive),
      i = a.length;
    while (--i > -1) {
      a[i]._kill(vars, target);
    }
  };

  /*
   * ----------------------------------------------------------------
   * TweenPlugin   (could easily be split out as a separate file/class, but included for ease of use (so that people don't need to include another script call before loading plugins which is easy to forget)
   * ----------------------------------------------------------------
   */
  var TweenPlugin = _class("plugins.TweenPlugin", function (props, priority) {
    this._overwriteProps = (props || "").split(",");
    this._propName = this._overwriteProps[0];
    this._priority = priority || 0;
    this._super = TweenPlugin.prototype;
  }, true);
  p = TweenPlugin.prototype;
  TweenPlugin.version = "1.19.0";
  TweenPlugin.API = 2;
  p._firstPT = null;
  p._addTween = _addPropTween;
  p.setRatio = _setRatio;
  p._kill = function (lookup) {
    var a = this._overwriteProps,
      pt = this._firstPT,
      i;
    if (lookup[this._propName] != null) {
      this._overwriteProps = [];
    } else {
      i = a.length;
      while (--i > -1) {
        if (lookup[a[i]] != null) {
          a.splice(i, 1);
        }
      }
    }
    while (pt) {
      if (lookup[pt.n] != null) {
        if (pt._next) {
          pt._next._prev = pt._prev;
        }
        if (pt._prev) {
          pt._prev._next = pt._next;
          pt._prev = null;
        } else if (this._firstPT === pt) {
          this._firstPT = pt._next;
        }
      }
      pt = pt._next;
    }
    return false;
  };
  p._mod = p._roundProps = function (lookup) {
    var pt = this._firstPT,
      val;
    while (pt) {
      val = lookup[this._propName] || pt.n != null && lookup[pt.n.split(this._propName + "_").join("")];
      if (val && typeof val === "function") {
        //some properties that are very plugin-specific add a prefix named after the _propName plus an underscore, so we need to ignore that extra stuff here.
        if (pt.f === 2) {
          pt.t._applyPT.m = val;
        } else {
          pt.m = val;
        }
      }
      pt = pt._next;
    }
  };
  TweenLite._onPluginEvent = function (type, tween) {
    var pt = tween._firstPT,
      changed,
      pt2,
      first,
      last,
      next;
    if (type === "_onInitAllProps") {
      //sorts the PropTween linked list in order of priority because some plugins need to render earlier/later than others, like MotionBlurPlugin applies its effects after all x/y/alpha tweens have rendered on each frame.
      while (pt) {
        next = pt._next;
        pt2 = first;
        while (pt2 && pt2.pr > pt.pr) {
          pt2 = pt2._next;
        }
        if (pt._prev = pt2 ? pt2._prev : last) {
          pt._prev._next = pt;
        } else {
          first = pt;
        }
        if (pt._next = pt2) {
          pt2._prev = pt;
        } else {
          last = pt;
        }
        pt = next;
      }
      pt = tween._firstPT = first;
    }
    while (pt) {
      if (pt.pg) if (typeof pt.t[type] === "function") if (pt.t[type]()) {
        changed = true;
      }
      pt = pt._next;
    }
    return changed;
  };
  TweenPlugin.activate = function (plugins) {
    var i = plugins.length;
    while (--i > -1) {
      if (plugins[i].API === TweenPlugin.API) {
        _plugins[new plugins[i]()._propName] = plugins[i];
      }
    }
    return true;
  };

  //provides a more concise way to define plugins that have no dependencies besides TweenPlugin and TweenLite, wrapping common boilerplate stuff into one function (added in 1.9.0). You don't NEED to use this to define a plugin - the old way still works and can be useful in certain (rare) situations.
  _gsDefine.plugin = function (config) {
    if (!config || !config.propName || !config.init || !config.API) {
      throw "illegal plugin definition.";
    }
    var propName = config.propName,
      priority = config.priority || 0,
      overwriteProps = config.overwriteProps,
      map = {
        init: "_onInitTween",
        set: "setRatio",
        kill: "_kill",
        round: "_mod",
        mod: "_mod",
        initAll: "_onInitAllProps"
      },
      Plugin = _class("plugins." + propName.charAt(0).toUpperCase() + propName.substr(1) + "Plugin", function () {
        TweenPlugin.call(this, propName, priority);
        this._overwriteProps = overwriteProps || [];
      }, config.global === true),
      p = Plugin.prototype = new TweenPlugin(propName),
      prop;
    p.constructor = Plugin;
    Plugin.API = config.API;
    for (prop in map) {
      if (typeof config[prop] === "function") {
        p[map[prop]] = config[prop];
      }
    }
    Plugin.version = config.version;
    TweenPlugin.activate([Plugin]);
    return Plugin;
  };

  //now run through all the dependencies discovered and if any are missing, log that to the console as a warning. This is why it's best to have TweenLite load last - it can check all the dependencies for you.
  a = window._gsQueue;
  if (a) {
    for (i = 0; i < a.length; i++) {
      a[i]();
    }
    for (p in _defLookup) {
      if (!_defLookup[p].func) {
        window.console.log("GSAP encountered missing dependency: " + p);
      }
    }
  }
  _tickerActive = false; //ensures that the first official animation forces a ticker.tick() to update the time when it is instantiated
})(typeof module !== "undefined" && module.exports && typeof global !== "undefined" ? global : void 0 || window, "TweenLite");

}).call(this)}).call(this,typeof global !== "undefined" ? global : typeof self !== "undefined" ? self : typeof window !== "undefined" ? window : {})
},{}],5:[function(require,module,exports){
(function (global){(function (){
"use strict";

function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
/*!
 * VERSION: 1.20.4
 * DATE: 2018-02-15
 * UPDATES AND DOCS AT: http://greensock.com
 * 
 * Includes all of the following: TweenLite, TweenMax, TimelineLite, TimelineMax, EasePack, CSSPlugin, RoundPropsPlugin, BezierPlugin, AttrPlugin, DirectionalRotationPlugin
 *
 * @license Copyright (c) 2008-2018, GreenSock. All rights reserved.
 * This work is subject to the terms at http://greensock.com/standard-license or for
 * Club GreenSock members, the software agreement that was issued with your membership.
 * 
 * @author: Jack Doyle, jack@greensock.com
 **/
var _gsScope = typeof module !== "undefined" && module.exports && typeof global !== "undefined" ? global : void 0 || window; //helps ensure compatibility with AMD/RequireJS and CommonJS/Node
(_gsScope._gsQueue || (_gsScope._gsQueue = [])).push(function () {
  "use strict";

  _gsScope._gsDefine("TweenMax", ["core.Animation", "core.SimpleTimeline", "TweenLite"], function (Animation, SimpleTimeline, TweenLite) {
    var _slice = function _slice(a) {
        //don't use [].slice because that doesn't work in IE8 with a NodeList that's returned by querySelectorAll()
        var b = [],
          l = a.length,
          i;
        for (i = 0; i !== l; b.push(a[i++]));
        return b;
      },
      _applyCycle = function _applyCycle(vars, targets, i) {
        var alt = vars.cycle,
          p,
          val;
        for (p in alt) {
          val = alt[p];
          vars[p] = typeof val === "function" ? val(i, targets[i]) : val[i % val.length];
        }
        delete vars.cycle;
      },
      TweenMax = function TweenMax(target, duration, vars) {
        TweenLite.call(this, target, duration, vars);
        this._cycle = 0;
        this._yoyo = this.vars.yoyo === true || !!this.vars.yoyoEase;
        this._repeat = this.vars.repeat || 0;
        this._repeatDelay = this.vars.repeatDelay || 0;
        if (this._repeat) {
          this._uncache(true); //ensures that if there is any repeat, the totalDuration will get recalculated to accurately report it.
        }
        this.render = TweenMax.prototype.render; //speed optimization (avoid prototype lookup on this "hot" method)
      },
      _tinyNum = 0.0000000001,
      TweenLiteInternals = TweenLite._internals,
      _isSelector = TweenLiteInternals.isSelector,
      _isArray = TweenLiteInternals.isArray,
      p = TweenMax.prototype = TweenLite.to({}, 0.1, {}),
      _blankArray = [];
    TweenMax.version = "1.20.4";
    p.constructor = TweenMax;
    p.kill()._gc = false;
    TweenMax.killTweensOf = TweenMax.killDelayedCallsTo = TweenLite.killTweensOf;
    TweenMax.getTweensOf = TweenLite.getTweensOf;
    TweenMax.lagSmoothing = TweenLite.lagSmoothing;
    TweenMax.ticker = TweenLite.ticker;
    TweenMax.render = TweenLite.render;
    p.invalidate = function () {
      this._yoyo = this.vars.yoyo === true || !!this.vars.yoyoEase;
      this._repeat = this.vars.repeat || 0;
      this._repeatDelay = this.vars.repeatDelay || 0;
      this._yoyoEase = null;
      this._uncache(true);
      return TweenLite.prototype.invalidate.call(this);
    };
    p.updateTo = function (vars, resetDuration) {
      var curRatio = this.ratio,
        immediate = this.vars.immediateRender || vars.immediateRender,
        p;
      if (resetDuration && this._startTime < this._timeline._time) {
        this._startTime = this._timeline._time;
        this._uncache(false);
        if (this._gc) {
          this._enabled(true, false);
        } else {
          this._timeline.insert(this, this._startTime - this._delay); //ensures that any necessary re-sequencing of Animations in the timeline occurs to make sure the rendering order is correct.
        }
      }
      for (p in vars) {
        this.vars[p] = vars[p];
      }
      if (this._initted || immediate) {
        if (resetDuration) {
          this._initted = false;
          if (immediate) {
            this.render(0, true, true);
          }
        } else {
          if (this._gc) {
            this._enabled(true, false);
          }
          if (this._notifyPluginsOfEnabled && this._firstPT) {
            TweenLite._onPluginEvent("_onDisable", this); //in case a plugin like MotionBlur must perform some cleanup tasks
          }
          if (this._time / this._duration > 0.998) {
            //if the tween has finished (or come extremely close to finishing), we just need to rewind it to 0 and then render it again at the end which forces it to re-initialize (parsing the new vars). We allow tweens that are close to finishing (but haven't quite finished) to work this way too because otherwise, the values are so small when determining where to project the starting values that binary math issues creep in and can make the tween appear to render incorrectly when run backwards. 
            var prevTime = this._totalTime;
            this.render(0, true, false);
            this._initted = false;
            this.render(prevTime, true, false);
          } else {
            this._initted = false;
            this._init();
            if (this._time > 0 || immediate) {
              var inv = 1 / (1 - curRatio),
                pt = this._firstPT,
                endValue;
              while (pt) {
                endValue = pt.s + pt.c;
                pt.c *= inv;
                pt.s = endValue - pt.c;
                pt = pt._next;
              }
            }
          }
        }
      }
      return this;
    };
    p.render = function (time, suppressEvents, force) {
      if (!this._initted) if (this._duration === 0 && this.vars.repeat) {
        //zero duration tweens that render immediately have render() called from TweenLite's constructor, before TweenMax's constructor has finished setting _repeat, _repeatDelay, and _yoyo which are critical in determining totalDuration() so we need to call invalidate() which is a low-kb way to get those set properly.
        this.invalidate();
      }
      var totalDur = !this._dirty ? this._totalDuration : this.totalDuration(),
        prevTime = this._time,
        prevTotalTime = this._totalTime,
        prevCycle = this._cycle,
        duration = this._duration,
        prevRawPrevTime = this._rawPrevTime,
        isComplete,
        callback,
        pt,
        cycleDuration,
        r,
        type,
        pow,
        rawPrevTime,
        yoyoEase;
      if (time >= totalDur - 0.0000001 && time >= 0) {
        //to work around occasional floating point math artifacts.
        this._totalTime = totalDur;
        this._cycle = this._repeat;
        if (this._yoyo && (this._cycle & 1) !== 0) {
          this._time = 0;
          this.ratio = this._ease._calcEnd ? this._ease.getRatio(0) : 0;
        } else {
          this._time = duration;
          this.ratio = this._ease._calcEnd ? this._ease.getRatio(1) : 1;
        }
        if (!this._reversed) {
          isComplete = true;
          callback = "onComplete";
          force = force || this._timeline.autoRemoveChildren; //otherwise, if the animation is unpaused/activated after it's already finished, it doesn't get removed from the parent timeline.
        }
        if (duration === 0) if (this._initted || !this.vars.lazy || force) {
          //zero-duration tweens are tricky because we must discern the momentum/direction of time in order to determine whether the starting values should be rendered or the ending values. If the "playhead" of its timeline goes past the zero-duration tween in the forward direction or lands directly on it, the end values should be rendered, but if the timeline's "playhead" moves past it in the backward direction (from a postitive time to a negative time), the starting values must be rendered.
          if (this._startTime === this._timeline._duration) {
            //if a zero-duration tween is at the VERY end of a timeline and that timeline renders at its end, it will typically add a tiny bit of cushion to the render time to prevent rounding errors from getting in the way of tweens rendering their VERY end. If we then reverse() that timeline, the zero-duration tween will trigger its onReverseComplete even though technically the playhead didn't pass over it again. It's a very specific edge case we must accommodate.
            time = 0;
          }
          if (prevRawPrevTime < 0 || time <= 0 && time >= -0.0000001 || prevRawPrevTime === _tinyNum && this.data !== "isPause") if (prevRawPrevTime !== time) {
            //note: when this.data is "isPause", it's a callback added by addPause() on a timeline that we should not be triggered when LEAVING its exact start time. In other words, tl.addPause(1).play(1) shouldn't pause.
            force = true;
            if (prevRawPrevTime > _tinyNum) {
              callback = "onReverseComplete";
            }
          }
          this._rawPrevTime = rawPrevTime = !suppressEvents || time || prevRawPrevTime === time ? time : _tinyNum; //when the playhead arrives at EXACTLY time 0 (right on top) of a zero-duration tween, we need to discern if events are suppressed so that when the playhead moves again (next time), it'll trigger the callback. If events are NOT suppressed, obviously the callback would be triggered in this render. Basically, the callback should fire either when the playhead ARRIVES or LEAVES this exact spot, not both. Imagine doing a timeline.seek(0) and there's a callback that sits at 0. Since events are suppressed on that seek() by default, nothing will fire, but when the playhead moves off of that position, the callback should fire. This behavior is what people intuitively expect. We set the _rawPrevTime to be a precise tiny number to indicate this scenario rather than using another property/variable which would increase memory usage. This technique is less readable, but more efficient.
        }
      } else if (time < 0.0000001) {
        //to work around occasional floating point math artifacts, round super small values to 0.
        this._totalTime = this._time = this._cycle = 0;
        this.ratio = this._ease._calcEnd ? this._ease.getRatio(0) : 0;
        if (prevTotalTime !== 0 || duration === 0 && prevRawPrevTime > 0) {
          callback = "onReverseComplete";
          isComplete = this._reversed;
        }
        if (time < 0) {
          this._active = false;
          if (duration === 0) if (this._initted || !this.vars.lazy || force) {
            //zero-duration tweens are tricky because we must discern the momentum/direction of time in order to determine whether the starting values should be rendered or the ending values. If the "playhead" of its timeline goes past the zero-duration tween in the forward direction or lands directly on it, the end values should be rendered, but if the timeline's "playhead" moves past it in the backward direction (from a postitive time to a negative time), the starting values must be rendered.
            if (prevRawPrevTime >= 0) {
              force = true;
            }
            this._rawPrevTime = rawPrevTime = !suppressEvents || time || prevRawPrevTime === time ? time : _tinyNum; //when the playhead arrives at EXACTLY time 0 (right on top) of a zero-duration tween, we need to discern if events are suppressed so that when the playhead moves again (next time), it'll trigger the callback. If events are NOT suppressed, obviously the callback would be triggered in this render. Basically, the callback should fire either when the playhead ARRIVES or LEAVES this exact spot, not both. Imagine doing a timeline.seek(0) and there's a callback that sits at 0. Since events are suppressed on that seek() by default, nothing will fire, but when the playhead moves off of that position, the callback should fire. This behavior is what people intuitively expect. We set the _rawPrevTime to be a precise tiny number to indicate this scenario rather than using another property/variable which would increase memory usage. This technique is less readable, but more efficient.
          }
        }
        if (!this._initted) {
          //if we render the very beginning (time == 0) of a fromTo(), we must force the render (normal tweens wouldn't need to render at a time of 0 when the prevTime was also 0). This is also mandatory to make sure overwriting kicks in immediately.
          force = true;
        }
      } else {
        this._totalTime = this._time = time;
        if (this._repeat !== 0) {
          cycleDuration = duration + this._repeatDelay;
          this._cycle = this._totalTime / cycleDuration >> 0; //originally _totalTime % cycleDuration but floating point errors caused problems, so I normalized it. (4 % 0.8 should be 0 but some browsers report it as 0.79999999!)
          if (this._cycle !== 0) if (this._cycle === this._totalTime / cycleDuration && prevTotalTime <= time) {
            this._cycle--; //otherwise when rendered exactly at the end time, it will act as though it is repeating (at the beginning)
          }
          this._time = this._totalTime - this._cycle * cycleDuration;
          if (this._yoyo) if ((this._cycle & 1) !== 0) {
            this._time = duration - this._time;
            yoyoEase = this._yoyoEase || this.vars.yoyoEase; //note: we don't set this._yoyoEase in _init() like we do other properties because it's TweenMax-specific and doing it here allows us to optimize performance (most tweens don't have a yoyoEase). Note that we also must skip the this.ratio calculation further down right after we _init() in this function, because we're doing it here.
            if (yoyoEase) {
              if (!this._yoyoEase) {
                if (yoyoEase === true && !this._initted) {
                  //if it's not initted and yoyoEase is true, this._ease won't have been populated yet so we must discern it here.
                  yoyoEase = this.vars.ease;
                  this._yoyoEase = yoyoEase = !yoyoEase ? TweenLite.defaultEase : yoyoEase instanceof Ease ? yoyoEase : typeof yoyoEase === "function" ? new Ease(yoyoEase, this.vars.easeParams) : Ease.map[yoyoEase] || TweenLite.defaultEase;
                } else {
                  this._yoyoEase = yoyoEase = yoyoEase === true ? this._ease : yoyoEase instanceof Ease ? yoyoEase : Ease.map[yoyoEase];
                }
              }
              this.ratio = yoyoEase ? 1 - yoyoEase.getRatio((duration - this._time) / duration) : 0;
            }
          }
          if (this._time > duration) {
            this._time = duration;
          } else if (this._time < 0) {
            this._time = 0;
          }
        }
        if (this._easeType && !yoyoEase) {
          r = this._time / duration;
          type = this._easeType;
          pow = this._easePower;
          if (type === 1 || type === 3 && r >= 0.5) {
            r = 1 - r;
          }
          if (type === 3) {
            r *= 2;
          }
          if (pow === 1) {
            r *= r;
          } else if (pow === 2) {
            r *= r * r;
          } else if (pow === 3) {
            r *= r * r * r;
          } else if (pow === 4) {
            r *= r * r * r * r;
          }
          if (type === 1) {
            this.ratio = 1 - r;
          } else if (type === 2) {
            this.ratio = r;
          } else if (this._time / duration < 0.5) {
            this.ratio = r / 2;
          } else {
            this.ratio = 1 - r / 2;
          }
        } else if (!yoyoEase) {
          this.ratio = this._ease.getRatio(this._time / duration);
        }
      }
      if (prevTime === this._time && !force && prevCycle === this._cycle) {
        if (prevTotalTime !== this._totalTime) if (this._onUpdate) if (!suppressEvents) {
          //so that onUpdate fires even during the repeatDelay - as long as the totalTime changed, we should trigger onUpdate.
          this._callback("onUpdate");
        }
        return;
      } else if (!this._initted) {
        this._init();
        if (!this._initted || this._gc) {
          //immediateRender tweens typically won't initialize until the playhead advances (_time is greater than 0) in order to ensure that overwriting occurs properly. Also, if all of the tweening properties have been overwritten (which would cause _gc to be true, as set in _init()), we shouldn't continue otherwise an onStart callback could be called for example.
          return;
        } else if (!force && this._firstPT && (this.vars.lazy !== false && this._duration || this.vars.lazy && !this._duration)) {
          //we stick it in the queue for rendering at the very end of the tick - this is a performance optimization because browsers invalidate styles and force a recalculation if you read, write, and then read style data (so it's better to read/read/read/write/write/write than read/write/read/write/read/write). The down side, of course, is that usually you WANT things to render immediately because you may have code running right after that which depends on the change. Like imagine running TweenLite.set(...) and then immediately after that, creating a nother tween that animates the same property to another value; the starting values of that 2nd tween wouldn't be accurate if lazy is true.
          this._time = prevTime;
          this._totalTime = prevTotalTime;
          this._rawPrevTime = prevRawPrevTime;
          this._cycle = prevCycle;
          TweenLiteInternals.lazyTweens.push(this);
          this._lazy = [time, suppressEvents];
          return;
        }
        //_ease is initially set to defaultEase, so now that init() has run, _ease is set properly and we need to recalculate the ratio. Overall this is faster than using conditional logic earlier in the method to avoid having to set ratio twice because we only init() once but renderTime() gets called VERY frequently.
        if (this._time && !isComplete && !yoyoEase) {
          this.ratio = this._ease.getRatio(this._time / duration);
        } else if (isComplete && this._ease._calcEnd && !yoyoEase) {
          this.ratio = this._ease.getRatio(this._time === 0 ? 0 : 1);
        }
      }
      if (this._lazy !== false) {
        this._lazy = false;
      }
      if (!this._active) if (!this._paused && this._time !== prevTime && time >= 0) {
        this._active = true; //so that if the user renders a tween (as opposed to the timeline rendering it), the timeline is forced to re-render and align it with the proper time/frame on the next rendering cycle. Maybe the tween already finished but the user manually re-renders it as halfway done.
      }
      if (prevTotalTime === 0) {
        if (this._initted === 2 && time > 0) {
          //this.invalidate();
          this._init(); //will just apply overwriting since _initted of (2) means it was a from() tween that had immediateRender:true
        }
        if (this._startAt) {
          if (time >= 0) {
            this._startAt.render(time, true, force);
          } else if (!callback) {
            callback = "_dummyGS"; //if no callback is defined, use a dummy value just so that the condition at the end evaluates as true because _startAt should render AFTER the normal render loop when the time is negative. We could handle this in a more intuitive way, of course, but the render loop is the MOST important thing to optimize, so this technique allows us to avoid adding extra conditional logic in a high-frequency area.
          }
        }
        if (this.vars.onStart) if (this._totalTime !== 0 || duration === 0) if (!suppressEvents) {
          this._callback("onStart");
        }
      }
      pt = this._firstPT;
      while (pt) {
        if (pt.f) {
          pt.t[pt.p](pt.c * this.ratio + pt.s);
        } else {
          pt.t[pt.p] = pt.c * this.ratio + pt.s;
        }
        pt = pt._next;
      }
      if (this._onUpdate) {
        if (time < 0) if (this._startAt && this._startTime) {
          //if the tween is positioned at the VERY beginning (_startTime 0) of its parent timeline, it's illegal for the playhead to go back further, so we should not render the recorded startAt values.
          this._startAt.render(time, true, force); //note: for performance reasons, we tuck this conditional logic inside less traveled areas (most tweens don't have an onUpdate). We'd just have it at the end before the onComplete, but the values should be updated before any onUpdate is called, so we ALSO put it here and then if it's not called, we do so later near the onComplete.
        }
        if (!suppressEvents) if (this._totalTime !== prevTotalTime || callback) {
          this._callback("onUpdate");
        }
      }
      if (this._cycle !== prevCycle) if (!suppressEvents) if (!this._gc) if (this.vars.onRepeat) {
        this._callback("onRepeat");
      }
      if (callback) if (!this._gc || force) {
        //check gc because there's a chance that kill() could be called in an onUpdate
        if (time < 0 && this._startAt && !this._onUpdate && this._startTime) {
          //if the tween is positioned at the VERY beginning (_startTime 0) of its parent timeline, it's illegal for the playhead to go back further, so we should not render the recorded startAt values.
          this._startAt.render(time, true, force);
        }
        if (isComplete) {
          if (this._timeline.autoRemoveChildren) {
            this._enabled(false, false);
          }
          this._active = false;
        }
        if (!suppressEvents && this.vars[callback]) {
          this._callback(callback);
        }
        if (duration === 0 && this._rawPrevTime === _tinyNum && rawPrevTime !== _tinyNum) {
          //the onComplete or onReverseComplete could trigger movement of the playhead and for zero-duration tweens (which must discern direction) that land directly back on their start time, we don't want to fire again on the next render. Think of several addPause()'s in a timeline that forces the playhead to a certain spot, but what if it's already paused and another tween is tweening the "time" of the timeline? Each time it moves [forward] past that spot, it would move back, and since suppressEvents is true, it'd reset _rawPrevTime to _tinyNum so that when it begins again, the callback would fire (so ultimately it could bounce back and forth during that tween). Again, this is a very uncommon scenario, but possible nonetheless.
          this._rawPrevTime = 0;
        }
      }
    };

    //---- STATIC FUNCTIONS -----------------------------------------------------------------------------------------------------------

    TweenMax.to = function (target, duration, vars) {
      return new TweenMax(target, duration, vars);
    };
    TweenMax.from = function (target, duration, vars) {
      vars.runBackwards = true;
      vars.immediateRender = vars.immediateRender != false;
      return new TweenMax(target, duration, vars);
    };
    TweenMax.fromTo = function (target, duration, fromVars, toVars) {
      toVars.startAt = fromVars;
      toVars.immediateRender = toVars.immediateRender != false && fromVars.immediateRender != false;
      return new TweenMax(target, duration, toVars);
    };
    TweenMax.staggerTo = TweenMax.allTo = function (targets, duration, vars, stagger, onCompleteAll, onCompleteAllParams, onCompleteAllScope) {
      stagger = stagger || 0;
      var delay = 0,
        a = [],
        finalComplete = function finalComplete() {
          if (vars.onComplete) {
            vars.onComplete.apply(vars.onCompleteScope || this, arguments);
          }
          onCompleteAll.apply(onCompleteAllScope || vars.callbackScope || this, onCompleteAllParams || _blankArray);
        },
        cycle = vars.cycle,
        fromCycle = vars.startAt && vars.startAt.cycle,
        l,
        copy,
        i,
        p;
      if (!_isArray(targets)) {
        if (typeof targets === "string") {
          targets = TweenLite.selector(targets) || targets;
        }
        if (_isSelector(targets)) {
          targets = _slice(targets);
        }
      }
      targets = targets || [];
      if (stagger < 0) {
        targets = _slice(targets);
        targets.reverse();
        stagger *= -1;
      }
      l = targets.length - 1;
      for (i = 0; i <= l; i++) {
        copy = {};
        for (p in vars) {
          copy[p] = vars[p];
        }
        if (cycle) {
          _applyCycle(copy, targets, i);
          if (copy.duration != null) {
            duration = copy.duration;
            delete copy.duration;
          }
        }
        if (fromCycle) {
          fromCycle = copy.startAt = {};
          for (p in vars.startAt) {
            fromCycle[p] = vars.startAt[p];
          }
          _applyCycle(copy.startAt, targets, i);
        }
        copy.delay = delay + (copy.delay || 0);
        if (i === l && onCompleteAll) {
          copy.onComplete = finalComplete;
        }
        a[i] = new TweenMax(targets[i], duration, copy);
        delay += stagger;
      }
      return a;
    };
    TweenMax.staggerFrom = TweenMax.allFrom = function (targets, duration, vars, stagger, onCompleteAll, onCompleteAllParams, onCompleteAllScope) {
      vars.runBackwards = true;
      vars.immediateRender = vars.immediateRender != false;
      return TweenMax.staggerTo(targets, duration, vars, stagger, onCompleteAll, onCompleteAllParams, onCompleteAllScope);
    };
    TweenMax.staggerFromTo = TweenMax.allFromTo = function (targets, duration, fromVars, toVars, stagger, onCompleteAll, onCompleteAllParams, onCompleteAllScope) {
      toVars.startAt = fromVars;
      toVars.immediateRender = toVars.immediateRender != false && fromVars.immediateRender != false;
      return TweenMax.staggerTo(targets, duration, toVars, stagger, onCompleteAll, onCompleteAllParams, onCompleteAllScope);
    };
    TweenMax.delayedCall = function (delay, callback, params, scope, useFrames) {
      return new TweenMax(callback, 0, {
        delay: delay,
        onComplete: callback,
        onCompleteParams: params,
        callbackScope: scope,
        onReverseComplete: callback,
        onReverseCompleteParams: params,
        immediateRender: false,
        useFrames: useFrames,
        overwrite: 0
      });
    };
    TweenMax.set = function (target, vars) {
      return new TweenMax(target, 0, vars);
    };
    TweenMax.isTweening = function (target) {
      return TweenLite.getTweensOf(target, true).length > 0;
    };
    var _getChildrenOf = function _getChildrenOf(timeline, includeTimelines) {
        var a = [],
          cnt = 0,
          tween = timeline._first;
        while (tween) {
          if (tween instanceof TweenLite) {
            a[cnt++] = tween;
          } else {
            if (includeTimelines) {
              a[cnt++] = tween;
            }
            a = a.concat(_getChildrenOf(tween, includeTimelines));
            cnt = a.length;
          }
          tween = tween._next;
        }
        return a;
      },
      getAllTweens = TweenMax.getAllTweens = function (includeTimelines) {
        return _getChildrenOf(Animation._rootTimeline, includeTimelines).concat(_getChildrenOf(Animation._rootFramesTimeline, includeTimelines));
      };
    TweenMax.killAll = function (complete, tweens, delayedCalls, timelines) {
      if (tweens == null) {
        tweens = true;
      }
      if (delayedCalls == null) {
        delayedCalls = true;
      }
      var a = getAllTweens(timelines != false),
        l = a.length,
        allTrue = tweens && delayedCalls && timelines,
        isDC,
        tween,
        i;
      for (i = 0; i < l; i++) {
        tween = a[i];
        if (allTrue || tween instanceof SimpleTimeline || (isDC = tween.target === tween.vars.onComplete) && delayedCalls || tweens && !isDC) {
          if (complete) {
            tween.totalTime(tween._reversed ? 0 : tween.totalDuration());
          } else {
            tween._enabled(false, false);
          }
        }
      }
    };
    TweenMax.killChildTweensOf = function (parent, complete) {
      if (parent == null) {
        return;
      }
      var tl = TweenLiteInternals.tweenLookup,
        a,
        curParent,
        p,
        i,
        l;
      if (typeof parent === "string") {
        parent = TweenLite.selector(parent) || parent;
      }
      if (_isSelector(parent)) {
        parent = _slice(parent);
      }
      if (_isArray(parent)) {
        i = parent.length;
        while (--i > -1) {
          TweenMax.killChildTweensOf(parent[i], complete);
        }
        return;
      }
      a = [];
      for (p in tl) {
        curParent = tl[p].target.parentNode;
        while (curParent) {
          if (curParent === parent) {
            a = a.concat(tl[p].tweens);
          }
          curParent = curParent.parentNode;
        }
      }
      l = a.length;
      for (i = 0; i < l; i++) {
        if (complete) {
          a[i].totalTime(a[i].totalDuration());
        }
        a[i]._enabled(false, false);
      }
    };
    var _changePause = function _changePause(pause, tweens, delayedCalls, timelines) {
      tweens = tweens !== false;
      delayedCalls = delayedCalls !== false;
      timelines = timelines !== false;
      var a = getAllTweens(timelines),
        allTrue = tweens && delayedCalls && timelines,
        i = a.length,
        isDC,
        tween;
      while (--i > -1) {
        tween = a[i];
        if (allTrue || tween instanceof SimpleTimeline || (isDC = tween.target === tween.vars.onComplete) && delayedCalls || tweens && !isDC) {
          tween.paused(pause);
        }
      }
    };
    TweenMax.pauseAll = function (tweens, delayedCalls, timelines) {
      _changePause(true, tweens, delayedCalls, timelines);
    };
    TweenMax.resumeAll = function (tweens, delayedCalls, timelines) {
      _changePause(false, tweens, delayedCalls, timelines);
    };
    TweenMax.globalTimeScale = function (value) {
      var tl = Animation._rootTimeline,
        t = TweenLite.ticker.time;
      if (!arguments.length) {
        return tl._timeScale;
      }
      value = value || _tinyNum; //can't allow zero because it'll throw the math off
      tl._startTime = t - (t - tl._startTime) * tl._timeScale / value;
      tl = Animation._rootFramesTimeline;
      t = TweenLite.ticker.frame;
      tl._startTime = t - (t - tl._startTime) * tl._timeScale / value;
      tl._timeScale = Animation._rootTimeline._timeScale = value;
      return value;
    };

    //---- GETTERS / SETTERS ----------------------------------------------------------------------------------------------------------

    p.progress = function (value, suppressEvents) {
      return !arguments.length ? this._time / this.duration() : this.totalTime(this.duration() * (this._yoyo && (this._cycle & 1) !== 0 ? 1 - value : value) + this._cycle * (this._duration + this._repeatDelay), suppressEvents);
    };
    p.totalProgress = function (value, suppressEvents) {
      return !arguments.length ? this._totalTime / this.totalDuration() : this.totalTime(this.totalDuration() * value, suppressEvents);
    };
    p.time = function (value, suppressEvents) {
      if (!arguments.length) {
        return this._time;
      }
      if (this._dirty) {
        this.totalDuration();
      }
      if (value > this._duration) {
        value = this._duration;
      }
      if (this._yoyo && (this._cycle & 1) !== 0) {
        value = this._duration - value + this._cycle * (this._duration + this._repeatDelay);
      } else if (this._repeat !== 0) {
        value += this._cycle * (this._duration + this._repeatDelay);
      }
      return this.totalTime(value, suppressEvents);
    };
    p.duration = function (value) {
      if (!arguments.length) {
        return this._duration; //don't set _dirty = false because there could be repeats that haven't been factored into the _totalDuration yet. Otherwise, if you create a repeated TweenMax and then immediately check its duration(), it would cache the value and the totalDuration would not be correct, thus repeats wouldn't take effect.
      }
      return Animation.prototype.duration.call(this, value);
    };
    p.totalDuration = function (value) {
      if (!arguments.length) {
        if (this._dirty) {
          //instead of Infinity, we use 999999999999 so that we can accommodate reverses
          this._totalDuration = this._repeat === -1 ? 999999999999 : this._duration * (this._repeat + 1) + this._repeatDelay * this._repeat;
          this._dirty = false;
        }
        return this._totalDuration;
      }
      return this._repeat === -1 ? this : this.duration((value - this._repeat * this._repeatDelay) / (this._repeat + 1));
    };
    p.repeat = function (value) {
      if (!arguments.length) {
        return this._repeat;
      }
      this._repeat = value;
      return this._uncache(true);
    };
    p.repeatDelay = function (value) {
      if (!arguments.length) {
        return this._repeatDelay;
      }
      this._repeatDelay = value;
      return this._uncache(true);
    };
    p.yoyo = function (value) {
      if (!arguments.length) {
        return this._yoyo;
      }
      this._yoyo = value;
      return this;
    };
    return TweenMax;
  }, true);

  /*
   * ----------------------------------------------------------------
   * TimelineLite
   * ----------------------------------------------------------------
   */
  _gsScope._gsDefine("TimelineLite", ["core.Animation", "core.SimpleTimeline", "TweenLite"], function (Animation, SimpleTimeline, TweenLite) {
    var TimelineLite = function TimelineLite(vars) {
        SimpleTimeline.call(this, vars);
        this._labels = {};
        this.autoRemoveChildren = this.vars.autoRemoveChildren === true;
        this.smoothChildTiming = this.vars.smoothChildTiming === true;
        this._sortChildren = true;
        this._onUpdate = this.vars.onUpdate;
        var v = this.vars,
          val,
          p;
        for (p in v) {
          val = v[p];
          if (_isArray(val)) if (val.join("").indexOf("{self}") !== -1) {
            v[p] = this._swapSelfInParams(val);
          }
        }
        if (_isArray(v.tweens)) {
          this.add(v.tweens, 0, v.align, v.stagger);
        }
      },
      _tinyNum = 0.0000000001,
      TweenLiteInternals = TweenLite._internals,
      _internals = TimelineLite._internals = {},
      _isSelector = TweenLiteInternals.isSelector,
      _isArray = TweenLiteInternals.isArray,
      _lazyTweens = TweenLiteInternals.lazyTweens,
      _lazyRender = TweenLiteInternals.lazyRender,
      _globals = _gsScope._gsDefine.globals,
      _copy = function _copy(vars) {
        var copy = {},
          p;
        for (p in vars) {
          copy[p] = vars[p];
        }
        return copy;
      },
      _applyCycle = function _applyCycle(vars, targets, i) {
        var alt = vars.cycle,
          p,
          val;
        for (p in alt) {
          val = alt[p];
          vars[p] = typeof val === "function" ? val(i, targets[i]) : val[i % val.length];
        }
        delete vars.cycle;
      },
      _pauseCallback = _internals.pauseCallback = function () {},
      _slice = function _slice(a) {
        //don't use [].slice because that doesn't work in IE8 with a NodeList that's returned by querySelectorAll()
        var b = [],
          l = a.length,
          i;
        for (i = 0; i !== l; b.push(a[i++]));
        return b;
      },
      p = TimelineLite.prototype = new SimpleTimeline();
    TimelineLite.version = "1.20.4";
    p.constructor = TimelineLite;
    p.kill()._gc = p._forcingPlayhead = p._hasPause = false;

    /* might use later...
    //translates a local time inside an animation to the corresponding time on the root/global timeline, factoring in all nesting and timeScales.
    function localToGlobal(time, animation) {
    	while (animation) {
    		time = (time / animation._timeScale) + animation._startTime;
    		animation = animation.timeline;
    	}
    	return time;
    }
    	//translates the supplied time on the root/global timeline into the corresponding local time inside a particular animation, factoring in all nesting and timeScales
    function globalToLocal(time, animation) {
    	var scale = 1;
    	time -= localToGlobal(0, animation);
    	while (animation) {
    		scale *= animation._timeScale;
    		animation = animation.timeline;
    	}
    	return time * scale;
    }
    */

    p.to = function (target, duration, vars, position) {
      var Engine = vars.repeat && _globals.TweenMax || TweenLite;
      return duration ? this.add(new Engine(target, duration, vars), position) : this.set(target, vars, position);
    };
    p.from = function (target, duration, vars, position) {
      return this.add((vars.repeat && _globals.TweenMax || TweenLite).from(target, duration, vars), position);
    };
    p.fromTo = function (target, duration, fromVars, toVars, position) {
      var Engine = toVars.repeat && _globals.TweenMax || TweenLite;
      return duration ? this.add(Engine.fromTo(target, duration, fromVars, toVars), position) : this.set(target, toVars, position);
    };
    p.staggerTo = function (targets, duration, vars, stagger, position, onCompleteAll, onCompleteAllParams, onCompleteAllScope) {
      var tl = new TimelineLite({
          onComplete: onCompleteAll,
          onCompleteParams: onCompleteAllParams,
          callbackScope: onCompleteAllScope,
          smoothChildTiming: this.smoothChildTiming
        }),
        cycle = vars.cycle,
        copy,
        i;
      if (typeof targets === "string") {
        targets = TweenLite.selector(targets) || targets;
      }
      targets = targets || [];
      if (_isSelector(targets)) {
        //senses if the targets object is a selector. If it is, we should translate it into an array.
        targets = _slice(targets);
      }
      stagger = stagger || 0;
      if (stagger < 0) {
        targets = _slice(targets);
        targets.reverse();
        stagger *= -1;
      }
      for (i = 0; i < targets.length; i++) {
        copy = _copy(vars);
        if (copy.startAt) {
          copy.startAt = _copy(copy.startAt);
          if (copy.startAt.cycle) {
            _applyCycle(copy.startAt, targets, i);
          }
        }
        if (cycle) {
          _applyCycle(copy, targets, i);
          if (copy.duration != null) {
            duration = copy.duration;
            delete copy.duration;
          }
        }
        tl.to(targets[i], duration, copy, i * stagger);
      }
      return this.add(tl, position);
    };
    p.staggerFrom = function (targets, duration, vars, stagger, position, onCompleteAll, onCompleteAllParams, onCompleteAllScope) {
      vars.immediateRender = vars.immediateRender != false;
      vars.runBackwards = true;
      return this.staggerTo(targets, duration, vars, stagger, position, onCompleteAll, onCompleteAllParams, onCompleteAllScope);
    };
    p.staggerFromTo = function (targets, duration, fromVars, toVars, stagger, position, onCompleteAll, onCompleteAllParams, onCompleteAllScope) {
      toVars.startAt = fromVars;
      toVars.immediateRender = toVars.immediateRender != false && fromVars.immediateRender != false;
      return this.staggerTo(targets, duration, toVars, stagger, position, onCompleteAll, onCompleteAllParams, onCompleteAllScope);
    };
    p.call = function (callback, params, scope, position) {
      return this.add(TweenLite.delayedCall(0, callback, params, scope), position);
    };
    p.set = function (target, vars, position) {
      position = this._parseTimeOrLabel(position, 0, true);
      if (vars.immediateRender == null) {
        vars.immediateRender = position === this._time && !this._paused;
      }
      return this.add(new TweenLite(target, 0, vars), position);
    };
    TimelineLite.exportRoot = function (vars, ignoreDelayedCalls) {
      vars = vars || {};
      if (vars.smoothChildTiming == null) {
        vars.smoothChildTiming = true;
      }
      var tl = new TimelineLite(vars),
        root = tl._timeline,
        hasNegativeStart,
        time,
        tween,
        next;
      if (ignoreDelayedCalls == null) {
        ignoreDelayedCalls = true;
      }
      root._remove(tl, true);
      tl._startTime = 0;
      tl._rawPrevTime = tl._time = tl._totalTime = root._time;
      tween = root._first;
      while (tween) {
        next = tween._next;
        if (!ignoreDelayedCalls || !(tween instanceof TweenLite && tween.target === tween.vars.onComplete)) {
          time = tween._startTime - tween._delay;
          if (time < 0) {
            hasNegativeStart = 1;
          }
          tl.add(tween, time);
        }
        tween = next;
      }
      root.add(tl, 0);
      if (hasNegativeStart) {
        //calling totalDuration() will force the adjustment necessary to shift the children forward so none of them start before zero, and moves the timeline backwards the same amount, so the playhead is still aligned where it should be globally, but the timeline doesn't have illegal children that start before zero.
        tl.totalDuration();
      }
      return tl;
    };
    p.add = function (value, position, align, stagger) {
      var curTime, l, i, child, tl, beforeRawTime;
      if (typeof position !== "number") {
        position = this._parseTimeOrLabel(position, 0, true, value);
      }
      if (!(value instanceof Animation)) {
        if (value instanceof Array || value && value.push && _isArray(value)) {
          align = align || "normal";
          stagger = stagger || 0;
          curTime = position;
          l = value.length;
          for (i = 0; i < l; i++) {
            if (_isArray(child = value[i])) {
              child = new TimelineLite({
                tweens: child
              });
            }
            this.add(child, curTime);
            if (typeof child !== "string" && typeof child !== "function") {
              if (align === "sequence") {
                curTime = child._startTime + child.totalDuration() / child._timeScale;
              } else if (align === "start") {
                child._startTime -= child.delay();
              }
            }
            curTime += stagger;
          }
          return this._uncache(true);
        } else if (typeof value === "string") {
          return this.addLabel(value, position);
        } else if (typeof value === "function") {
          value = TweenLite.delayedCall(0, value);
        } else {
          throw "Cannot add " + value + " into the timeline; it is not a tween, timeline, function, or string.";
        }
      }
      SimpleTimeline.prototype.add.call(this, value, position);
      if (value._time) {
        //in case, for example, the _startTime is moved on a tween that has already rendered. Imagine it's at its end state, then the startTime is moved WAY later (after the end of this timeline), it should render at its beginning.
        value.render((this.rawTime() - value._startTime) * value._timeScale, false, false);
      }

      //if the timeline has already ended but the inserted tween/timeline extends the duration, we should enable this timeline again so that it renders properly. We should also align the playhead with the parent timeline's when appropriate.
      if (this._gc || this._time === this._duration) if (!this._paused) if (this._duration < this.duration()) {
        //in case any of the ancestors had completed but should now be enabled...
        tl = this;
        beforeRawTime = tl.rawTime() > value._startTime; //if the tween is placed on the timeline so that it starts BEFORE the current rawTime, we should align the playhead (move the timeline). This is because sometimes users will create a timeline, let it finish, and much later append a tween and expect it to run instead of jumping to its end state. While technically one could argue that it should jump to its end state, that's not what users intuitively expect.
        while (tl._timeline) {
          if (beforeRawTime && tl._timeline.smoothChildTiming) {
            tl.totalTime(tl._totalTime, true); //moves the timeline (shifts its startTime) if necessary, and also enables it.
          } else if (tl._gc) {
            tl._enabled(true, false);
          }
          tl = tl._timeline;
        }
      }
      return this;
    };
    p.remove = function (value) {
      if (value instanceof Animation) {
        this._remove(value, false);
        var tl = value._timeline = value.vars.useFrames ? Animation._rootFramesTimeline : Animation._rootTimeline; //now that it's removed, default it to the root timeline so that if it gets played again, it doesn't jump back into this timeline.
        value._startTime = (value._paused ? value._pauseTime : tl._time) - (!value._reversed ? value._totalTime : value.totalDuration() - value._totalTime) / value._timeScale; //ensure that if it gets played again, the timing is correct.
        return this;
      } else if (value instanceof Array || value && value.push && _isArray(value)) {
        var i = value.length;
        while (--i > -1) {
          this.remove(value[i]);
        }
        return this;
      } else if (typeof value === "string") {
        return this.removeLabel(value);
      }
      return this.kill(null, value);
    };
    p._remove = function (tween, skipDisable) {
      SimpleTimeline.prototype._remove.call(this, tween, skipDisable);
      var last = this._last;
      if (!last) {
        this._time = this._totalTime = this._duration = this._totalDuration = 0;
      } else if (this._time > this.duration()) {
        this._time = this._duration;
        this._totalTime = this._totalDuration;
      }
      return this;
    };
    p.append = function (value, offsetOrLabel) {
      return this.add(value, this._parseTimeOrLabel(null, offsetOrLabel, true, value));
    };
    p.insert = p.insertMultiple = function (value, position, align, stagger) {
      return this.add(value, position || 0, align, stagger);
    };
    p.appendMultiple = function (tweens, offsetOrLabel, align, stagger) {
      return this.add(tweens, this._parseTimeOrLabel(null, offsetOrLabel, true, tweens), align, stagger);
    };
    p.addLabel = function (label, position) {
      this._labels[label] = this._parseTimeOrLabel(position);
      return this;
    };
    p.addPause = function (position, callback, params, scope) {
      var t = TweenLite.delayedCall(0, _pauseCallback, params, scope || this);
      t.vars.onComplete = t.vars.onReverseComplete = callback;
      t.data = "isPause";
      this._hasPause = true;
      return this.add(t, position);
    };
    p.removeLabel = function (label) {
      delete this._labels[label];
      return this;
    };
    p.getLabelTime = function (label) {
      return this._labels[label] != null ? this._labels[label] : -1;
    };
    p._parseTimeOrLabel = function (timeOrLabel, offsetOrLabel, appendIfAbsent, ignore) {
      var clippedDuration, i;
      //if we're about to add a tween/timeline (or an array of them) that's already a child of this timeline, we should remove it first so that it doesn't contaminate the duration().
      if (ignore instanceof Animation && ignore.timeline === this) {
        this.remove(ignore);
      } else if (ignore && (ignore instanceof Array || ignore.push && _isArray(ignore))) {
        i = ignore.length;
        while (--i > -1) {
          if (ignore[i] instanceof Animation && ignore[i].timeline === this) {
            this.remove(ignore[i]);
          }
        }
      }
      clippedDuration = typeof timeOrLabel === "number" && !offsetOrLabel ? 0 : this.duration() > 99999999999 ? this.recent().endTime(false) : this._duration; //in case there's a child that infinitely repeats, users almost never intend for the insertion point of a new child to be based on a SUPER long value like that so we clip it and assume the most recently-added child's endTime should be used instead.
      if (typeof offsetOrLabel === "string") {
        return this._parseTimeOrLabel(offsetOrLabel, appendIfAbsent && typeof timeOrLabel === "number" && this._labels[offsetOrLabel] == null ? timeOrLabel - clippedDuration : 0, appendIfAbsent);
      }
      offsetOrLabel = offsetOrLabel || 0;
      if (typeof timeOrLabel === "string" && (isNaN(timeOrLabel) || this._labels[timeOrLabel] != null)) {
        //if the string is a number like "1", check to see if there's a label with that name, otherwise interpret it as a number (absolute value).
        i = timeOrLabel.indexOf("=");
        if (i === -1) {
          if (this._labels[timeOrLabel] == null) {
            return appendIfAbsent ? this._labels[timeOrLabel] = clippedDuration + offsetOrLabel : offsetOrLabel;
          }
          return this._labels[timeOrLabel] + offsetOrLabel;
        }
        offsetOrLabel = parseInt(timeOrLabel.charAt(i - 1) + "1", 10) * Number(timeOrLabel.substr(i + 1));
        timeOrLabel = i > 1 ? this._parseTimeOrLabel(timeOrLabel.substr(0, i - 1), 0, appendIfAbsent) : clippedDuration;
      } else if (timeOrLabel == null) {
        timeOrLabel = clippedDuration;
      }
      return Number(timeOrLabel) + offsetOrLabel;
    };
    p.seek = function (position, suppressEvents) {
      return this.totalTime(typeof position === "number" ? position : this._parseTimeOrLabel(position), suppressEvents !== false);
    };
    p.stop = function () {
      return this.paused(true);
    };
    p.gotoAndPlay = function (position, suppressEvents) {
      return this.play(position, suppressEvents);
    };
    p.gotoAndStop = function (position, suppressEvents) {
      return this.pause(position, suppressEvents);
    };
    p.render = function (time, suppressEvents, force) {
      if (this._gc) {
        this._enabled(true, false);
      }
      var prevTime = this._time,
        totalDur = !this._dirty ? this._totalDuration : this.totalDuration(),
        prevStart = this._startTime,
        prevTimeScale = this._timeScale,
        prevPaused = this._paused,
        tween,
        isComplete,
        next,
        callback,
        internalForce,
        pauseTween,
        curTime;
      if (prevTime !== this._time) {
        //if totalDuration() finds a child with a negative startTime and smoothChildTiming is true, things get shifted around internally so we need to adjust the time accordingly. For example, if a tween starts at -30 we must shift EVERYTHING forward 30 seconds and move this timeline's startTime backward by 30 seconds so that things align with the playhead (no jump).
        time += this._time - prevTime;
      }
      if (time >= totalDur - 0.0000001 && time >= 0) {
        //to work around occasional floating point math artifacts.
        this._totalTime = this._time = totalDur;
        if (!this._reversed) if (!this._hasPausedChild()) {
          isComplete = true;
          callback = "onComplete";
          internalForce = !!this._timeline.autoRemoveChildren; //otherwise, if the animation is unpaused/activated after it's already finished, it doesn't get removed from the parent timeline.
          if (this._duration === 0) if (time <= 0 && time >= -0.0000001 || this._rawPrevTime < 0 || this._rawPrevTime === _tinyNum) if (this._rawPrevTime !== time && this._first) {
            internalForce = true;
            if (this._rawPrevTime > _tinyNum) {
              callback = "onReverseComplete";
            }
          }
        }
        this._rawPrevTime = this._duration || !suppressEvents || time || this._rawPrevTime === time ? time : _tinyNum; //when the playhead arrives at EXACTLY time 0 (right on top) of a zero-duration timeline or tween, we need to discern if events are suppressed so that when the playhead moves again (next time), it'll trigger the callback. If events are NOT suppressed, obviously the callback would be triggered in this render. Basically, the callback should fire either when the playhead ARRIVES or LEAVES this exact spot, not both. Imagine doing a timeline.seek(0) and there's a callback that sits at 0. Since events are suppressed on that seek() by default, nothing will fire, but when the playhead moves off of that position, the callback should fire. This behavior is what people intuitively expect. We set the _rawPrevTime to be a precise tiny number to indicate this scenario rather than using another property/variable which would increase memory usage. This technique is less readable, but more efficient.
        time = totalDur + 0.0001; //to avoid occasional floating point rounding errors - sometimes child tweens/timelines were not being fully completed (their progress might be 0.999999999999998 instead of 1 because when _time - tween._startTime is performed, floating point errors would return a value that was SLIGHTLY off). Try (999999999999.7 - 999999999999) * 1 = 0.699951171875 instead of 0.7.
      } else if (time < 0.0000001) {
        //to work around occasional floating point math artifacts, round super small values to 0.
        this._totalTime = this._time = 0;
        if (prevTime !== 0 || this._duration === 0 && this._rawPrevTime !== _tinyNum && (this._rawPrevTime > 0 || time < 0 && this._rawPrevTime >= 0)) {
          callback = "onReverseComplete";
          isComplete = this._reversed;
        }
        if (time < 0) {
          this._active = false;
          if (this._timeline.autoRemoveChildren && this._reversed) {
            //ensures proper GC if a timeline is resumed after it's finished reversing.
            internalForce = isComplete = true;
            callback = "onReverseComplete";
          } else if (this._rawPrevTime >= 0 && this._first) {
            //when going back beyond the start, force a render so that zero-duration tweens that sit at the very beginning render their start values properly. Otherwise, if the parent timeline's playhead lands exactly at this timeline's startTime, and then moves backwards, the zero-duration tweens at the beginning would still be at their end state.
            internalForce = true;
          }
          this._rawPrevTime = time;
        } else {
          this._rawPrevTime = this._duration || !suppressEvents || time || this._rawPrevTime === time ? time : _tinyNum; //when the playhead arrives at EXACTLY time 0 (right on top) of a zero-duration timeline or tween, we need to discern if events are suppressed so that when the playhead moves again (next time), it'll trigger the callback. If events are NOT suppressed, obviously the callback would be triggered in this render. Basically, the callback should fire either when the playhead ARRIVES or LEAVES this exact spot, not both. Imagine doing a timeline.seek(0) and there's a callback that sits at 0. Since events are suppressed on that seek() by default, nothing will fire, but when the playhead moves off of that position, the callback should fire. This behavior is what people intuitively expect. We set the _rawPrevTime to be a precise tiny number to indicate this scenario rather than using another property/variable which would increase memory usage. This technique is less readable, but more efficient.
          if (time === 0 && isComplete) {
            //if there's a zero-duration tween at the very beginning of a timeline and the playhead lands EXACTLY at time 0, that tween will correctly render its end values, but we need to keep the timeline alive for one more render so that the beginning values render properly as the parent's playhead keeps moving beyond the begining. Imagine obj.x starts at 0 and then we do tl.set(obj, {x:100}).to(obj, 1, {x:200}) and then later we tl.reverse()...the goal is to have obj.x revert to 0. If the playhead happens to land on exactly 0, without this chunk of code, it'd complete the timeline and remove it from the rendering queue (not good).
            tween = this._first;
            while (tween && tween._startTime === 0) {
              if (!tween._duration) {
                isComplete = false;
              }
              tween = tween._next;
            }
          }
          time = 0; //to avoid occasional floating point rounding errors (could cause problems especially with zero-duration tweens at the very beginning of the timeline)
          if (!this._initted) {
            internalForce = true;
          }
        }
      } else {
        if (this._hasPause && !this._forcingPlayhead && !suppressEvents) {
          if (time >= prevTime) {
            tween = this._first;
            while (tween && tween._startTime <= time && !pauseTween) {
              if (!tween._duration) if (tween.data === "isPause" && !tween.ratio && !(tween._startTime === 0 && this._rawPrevTime === 0)) {
                pauseTween = tween;
              }
              tween = tween._next;
            }
          } else {
            tween = this._last;
            while (tween && tween._startTime >= time && !pauseTween) {
              if (!tween._duration) if (tween.data === "isPause" && tween._rawPrevTime > 0) {
                pauseTween = tween;
              }
              tween = tween._prev;
            }
          }
          if (pauseTween) {
            this._time = time = pauseTween._startTime;
            this._totalTime = time + this._cycle * (this._totalDuration + this._repeatDelay);
          }
        }
        this._totalTime = this._time = this._rawPrevTime = time;
      }
      if ((this._time === prevTime || !this._first) && !force && !internalForce && !pauseTween) {
        return;
      } else if (!this._initted) {
        this._initted = true;
      }
      if (!this._active) if (!this._paused && this._time !== prevTime && time > 0) {
        this._active = true; //so that if the user renders the timeline (as opposed to the parent timeline rendering it), it is forced to re-render and align it with the proper time/frame on the next rendering cycle. Maybe the timeline already finished but the user manually re-renders it as halfway done, for example.
      }
      if (prevTime === 0) if (this.vars.onStart) if (this._time !== 0 || !this._duration) if (!suppressEvents) {
        this._callback("onStart");
      }
      curTime = this._time;
      if (curTime >= prevTime) {
        tween = this._first;
        while (tween) {
          next = tween._next; //record it here because the value could change after rendering...
          if (curTime !== this._time || this._paused && !prevPaused) {
            //in case a tween pauses or seeks the timeline when rendering, like inside of an onUpdate/onComplete
            break;
          } else if (tween._active || tween._startTime <= curTime && !tween._paused && !tween._gc) {
            if (pauseTween === tween) {
              this.pause();
            }
            if (!tween._reversed) {
              tween.render((time - tween._startTime) * tween._timeScale, suppressEvents, force);
            } else {
              tween.render((!tween._dirty ? tween._totalDuration : tween.totalDuration()) - (time - tween._startTime) * tween._timeScale, suppressEvents, force);
            }
          }
          tween = next;
        }
      } else {
        tween = this._last;
        while (tween) {
          next = tween._prev; //record it here because the value could change after rendering...
          if (curTime !== this._time || this._paused && !prevPaused) {
            //in case a tween pauses or seeks the timeline when rendering, like inside of an onUpdate/onComplete
            break;
          } else if (tween._active || tween._startTime <= prevTime && !tween._paused && !tween._gc) {
            if (pauseTween === tween) {
              pauseTween = tween._prev; //the linked list is organized by _startTime, thus it's possible that a tween could start BEFORE the pause and end after it, in which case it would be positioned before the pause tween in the linked list, but we should render it before we pause() the timeline and cease rendering. This is only a concern when going in reverse.
              while (pauseTween && pauseTween.endTime() > this._time) {
                pauseTween.render(pauseTween._reversed ? pauseTween.totalDuration() - (time - pauseTween._startTime) * pauseTween._timeScale : (time - pauseTween._startTime) * pauseTween._timeScale, suppressEvents, force);
                pauseTween = pauseTween._prev;
              }
              pauseTween = null;
              this.pause();
            }
            if (!tween._reversed) {
              tween.render((time - tween._startTime) * tween._timeScale, suppressEvents, force);
            } else {
              tween.render((!tween._dirty ? tween._totalDuration : tween.totalDuration()) - (time - tween._startTime) * tween._timeScale, suppressEvents, force);
            }
          }
          tween = next;
        }
      }
      if (this._onUpdate) if (!suppressEvents) {
        if (_lazyTweens.length) {
          //in case rendering caused any tweens to lazy-init, we should render them because typically when a timeline finishes, users expect things to have rendered fully. Imagine an onUpdate on a timeline that reports/checks tweened values.
          _lazyRender();
        }
        this._callback("onUpdate");
      }
      if (callback) if (!this._gc) if (prevStart === this._startTime || prevTimeScale !== this._timeScale) if (this._time === 0 || totalDur >= this.totalDuration()) {
        //if one of the tweens that was rendered altered this timeline's startTime (like if an onComplete reversed the timeline), it probably isn't complete. If it is, don't worry, because whatever call altered the startTime would complete if it was necessary at the new time. The only exception is the timeScale property. Also check _gc because there's a chance that kill() could be called in an onUpdate
        if (isComplete) {
          if (_lazyTweens.length) {
            //in case rendering caused any tweens to lazy-init, we should render them because typically when a timeline finishes, users expect things to have rendered fully. Imagine an onComplete on a timeline that reports/checks tweened values.
            _lazyRender();
          }
          if (this._timeline.autoRemoveChildren) {
            this._enabled(false, false);
          }
          this._active = false;
        }
        if (!suppressEvents && this.vars[callback]) {
          this._callback(callback);
        }
      }
    };
    p._hasPausedChild = function () {
      var tween = this._first;
      while (tween) {
        if (tween._paused || tween instanceof TimelineLite && tween._hasPausedChild()) {
          return true;
        }
        tween = tween._next;
      }
      return false;
    };
    p.getChildren = function (nested, tweens, timelines, ignoreBeforeTime) {
      ignoreBeforeTime = ignoreBeforeTime || -9999999999;
      var a = [],
        tween = this._first,
        cnt = 0;
      while (tween) {
        if (tween._startTime < ignoreBeforeTime) {
          //do nothing
        } else if (tween instanceof TweenLite) {
          if (tweens !== false) {
            a[cnt++] = tween;
          }
        } else {
          if (timelines !== false) {
            a[cnt++] = tween;
          }
          if (nested !== false) {
            a = a.concat(tween.getChildren(true, tweens, timelines));
            cnt = a.length;
          }
        }
        tween = tween._next;
      }
      return a;
    };
    p.getTweensOf = function (target, nested) {
      var disabled = this._gc,
        a = [],
        cnt = 0,
        tweens,
        i;
      if (disabled) {
        this._enabled(true, true); //getTweensOf() filters out disabled tweens, and we have to mark them as _gc = true when the timeline completes in order to allow clean garbage collection, so temporarily re-enable the timeline here.
      }
      tweens = TweenLite.getTweensOf(target);
      i = tweens.length;
      while (--i > -1) {
        if (tweens[i].timeline === this || nested && this._contains(tweens[i])) {
          a[cnt++] = tweens[i];
        }
      }
      if (disabled) {
        this._enabled(false, true);
      }
      return a;
    };
    p.recent = function () {
      return this._recent;
    };
    p._contains = function (tween) {
      var tl = tween.timeline;
      while (tl) {
        if (tl === this) {
          return true;
        }
        tl = tl.timeline;
      }
      return false;
    };
    p.shiftChildren = function (amount, adjustLabels, ignoreBeforeTime) {
      ignoreBeforeTime = ignoreBeforeTime || 0;
      var tween = this._first,
        labels = this._labels,
        p;
      while (tween) {
        if (tween._startTime >= ignoreBeforeTime) {
          tween._startTime += amount;
        }
        tween = tween._next;
      }
      if (adjustLabels) {
        for (p in labels) {
          if (labels[p] >= ignoreBeforeTime) {
            labels[p] += amount;
          }
        }
      }
      return this._uncache(true);
    };
    p._kill = function (vars, target) {
      if (!vars && !target) {
        return this._enabled(false, false);
      }
      var tweens = !target ? this.getChildren(true, true, false) : this.getTweensOf(target),
        i = tweens.length,
        changed = false;
      while (--i > -1) {
        if (tweens[i]._kill(vars, target)) {
          changed = true;
        }
      }
      return changed;
    };
    p.clear = function (labels) {
      var tweens = this.getChildren(false, true, true),
        i = tweens.length;
      this._time = this._totalTime = 0;
      while (--i > -1) {
        tweens[i]._enabled(false, false);
      }
      if (labels !== false) {
        this._labels = {};
      }
      return this._uncache(true);
    };
    p.invalidate = function () {
      var tween = this._first;
      while (tween) {
        tween.invalidate();
        tween = tween._next;
      }
      return Animation.prototype.invalidate.call(this);
      ;
    };
    p._enabled = function (enabled, ignoreTimeline) {
      if (enabled === this._gc) {
        var tween = this._first;
        while (tween) {
          tween._enabled(enabled, true);
          tween = tween._next;
        }
      }
      return SimpleTimeline.prototype._enabled.call(this, enabled, ignoreTimeline);
    };
    p.totalTime = function (time, suppressEvents, uncapped) {
      this._forcingPlayhead = true;
      var val = Animation.prototype.totalTime.apply(this, arguments);
      this._forcingPlayhead = false;
      return val;
    };
    p.duration = function (value) {
      if (!arguments.length) {
        if (this._dirty) {
          this.totalDuration(); //just triggers recalculation
        }
        return this._duration;
      }
      if (this.duration() !== 0 && value !== 0) {
        this.timeScale(this._duration / value);
      }
      return this;
    };
    p.totalDuration = function (value) {
      if (!arguments.length) {
        if (this._dirty) {
          var max = 0,
            tween = this._last,
            prevStart = 999999999999,
            prev,
            end;
          while (tween) {
            prev = tween._prev; //record it here in case the tween changes position in the sequence...
            if (tween._dirty) {
              tween.totalDuration(); //could change the tween._startTime, so make sure the tween's cache is clean before analyzing it.
            }
            if (tween._startTime > prevStart && this._sortChildren && !tween._paused && !this._calculatingDuration) {
              //in case one of the tweens shifted out of order, it needs to be re-inserted into the correct position in the sequence
              this._calculatingDuration = 1; //prevent endless recursive calls - there are methods that get triggered that check duration/totalDuration when we add(), like _parseTimeOrLabel().
              this.add(tween, tween._startTime - tween._delay);
              this._calculatingDuration = 0;
            } else {
              prevStart = tween._startTime;
            }
            if (tween._startTime < 0 && !tween._paused) {
              //children aren't allowed to have negative startTimes unless smoothChildTiming is true, so adjust here if one is found.
              max -= tween._startTime;
              if (this._timeline.smoothChildTiming) {
                this._startTime += tween._startTime / this._timeScale;
                this._time -= tween._startTime;
                this._totalTime -= tween._startTime;
                this._rawPrevTime -= tween._startTime;
              }
              this.shiftChildren(-tween._startTime, false, -9999999999);
              prevStart = 0;
            }
            end = tween._startTime + tween._totalDuration / tween._timeScale;
            if (end > max) {
              max = end;
            }
            tween = prev;
          }
          this._duration = this._totalDuration = max;
          this._dirty = false;
        }
        return this._totalDuration;
      }
      return value && this.totalDuration() ? this.timeScale(this._totalDuration / value) : this;
    };
    p.paused = function (value) {
      if (!value) {
        //if there's a pause directly at the spot from where we're unpausing, skip it.
        var tween = this._first,
          time = this._time;
        while (tween) {
          if (tween._startTime === time && tween.data === "isPause") {
            tween._rawPrevTime = 0; //remember, _rawPrevTime is how zero-duration tweens/callbacks sense directionality and determine whether or not to fire. If _rawPrevTime is the same as _startTime on the next render, it won't fire.
          }
          tween = tween._next;
        }
      }
      return Animation.prototype.paused.apply(this, arguments);
    };
    p.usesFrames = function () {
      var tl = this._timeline;
      while (tl._timeline) {
        tl = tl._timeline;
      }
      return tl === Animation._rootFramesTimeline;
    };
    p.rawTime = function (wrapRepeats) {
      return wrapRepeats && (this._paused || this._repeat && this.time() > 0 && this.totalProgress() < 1) ? this._totalTime % (this._duration + this._repeatDelay) : this._paused ? this._totalTime : (this._timeline.rawTime(wrapRepeats) - this._startTime) * this._timeScale;
    };
    return TimelineLite;
  }, true);

  /*
   * ----------------------------------------------------------------
   * TimelineMax
   * ----------------------------------------------------------------
   */
  _gsScope._gsDefine("TimelineMax", ["TimelineLite", "TweenLite", "easing.Ease"], function (TimelineLite, TweenLite, Ease) {
    var TimelineMax = function TimelineMax(vars) {
        TimelineLite.call(this, vars);
        this._repeat = this.vars.repeat || 0;
        this._repeatDelay = this.vars.repeatDelay || 0;
        this._cycle = 0;
        this._yoyo = this.vars.yoyo === true;
        this._dirty = true;
      },
      _tinyNum = 0.0000000001,
      TweenLiteInternals = TweenLite._internals,
      _lazyTweens = TweenLiteInternals.lazyTweens,
      _lazyRender = TweenLiteInternals.lazyRender,
      _globals = _gsScope._gsDefine.globals,
      _easeNone = new Ease(null, null, 1, 0),
      p = TimelineMax.prototype = new TimelineLite();
    p.constructor = TimelineMax;
    p.kill()._gc = false;
    TimelineMax.version = "1.20.4";
    p.invalidate = function () {
      this._yoyo = this.vars.yoyo === true;
      this._repeat = this.vars.repeat || 0;
      this._repeatDelay = this.vars.repeatDelay || 0;
      this._uncache(true);
      return TimelineLite.prototype.invalidate.call(this);
    };
    p.addCallback = function (callback, position, params, scope) {
      return this.add(TweenLite.delayedCall(0, callback, params, scope), position);
    };
    p.removeCallback = function (callback, position) {
      if (callback) {
        if (position == null) {
          this._kill(null, callback);
        } else {
          var a = this.getTweensOf(callback, false),
            i = a.length,
            time = this._parseTimeOrLabel(position);
          while (--i > -1) {
            if (a[i]._startTime === time) {
              a[i]._enabled(false, false);
            }
          }
        }
      }
      return this;
    };
    p.removePause = function (position) {
      return this.removeCallback(TimelineLite._internals.pauseCallback, position);
    };
    p.tweenTo = function (position, vars) {
      vars = vars || {};
      var copy = {
          ease: _easeNone,
          useFrames: this.usesFrames(),
          immediateRender: false,
          lazy: false
        },
        Engine = vars.repeat && _globals.TweenMax || TweenLite,
        duration,
        p,
        t;
      for (p in vars) {
        copy[p] = vars[p];
      }
      copy.time = this._parseTimeOrLabel(position);
      duration = Math.abs(Number(copy.time) - this._time) / this._timeScale || 0.001;
      t = new Engine(this, duration, copy);
      copy.onStart = function () {
        t.target.paused(true);
        if (t.vars.time !== t.target.time() && duration === t.duration() && !t.isFromTo) {
          //don't make the duration zero - if it's supposed to be zero, don't worry because it's already initting the tween and will complete immediately, effectively making the duration zero anyway. If we make duration zero, the tween won't run at all.
          t.duration(Math.abs(t.vars.time - t.target.time()) / t.target._timeScale).render(t.time(), true, true); //render() right away to ensure that things look right, especially in the case of .tweenTo(0).
        }
        if (vars.onStart) {
          //in case the user had an onStart in the vars - we don't want to overwrite it.
          vars.onStart.apply(vars.onStartScope || vars.callbackScope || t, vars.onStartParams || []); //don't use t._callback("onStart") or it'll point to the copy.onStart and we'll get a recursion error.
        }
      };
      return t;
    };
    p.tweenFromTo = function (fromPosition, toPosition, vars) {
      vars = vars || {};
      fromPosition = this._parseTimeOrLabel(fromPosition);
      vars.startAt = {
        onComplete: this.seek,
        onCompleteParams: [fromPosition],
        callbackScope: this
      };
      vars.immediateRender = vars.immediateRender !== false;
      var t = this.tweenTo(toPosition, vars);
      t.isFromTo = 1; //to ensure we don't mess with the duration in the onStart (we've got the start and end values here, so lock it in)
      return t.duration(Math.abs(t.vars.time - fromPosition) / this._timeScale || 0.001);
    };
    p.render = function (time, suppressEvents, force) {
      if (this._gc) {
        this._enabled(true, false);
      }
      var prevTime = this._time,
        totalDur = !this._dirty ? this._totalDuration : this.totalDuration(),
        dur = this._duration,
        prevTotalTime = this._totalTime,
        prevStart = this._startTime,
        prevTimeScale = this._timeScale,
        prevRawPrevTime = this._rawPrevTime,
        prevPaused = this._paused,
        prevCycle = this._cycle,
        tween,
        isComplete,
        next,
        callback,
        internalForce,
        cycleDuration,
        pauseTween,
        curTime;
      if (prevTime !== this._time) {
        //if totalDuration() finds a child with a negative startTime and smoothChildTiming is true, things get shifted around internally so we need to adjust the time accordingly. For example, if a tween starts at -30 we must shift EVERYTHING forward 30 seconds and move this timeline's startTime backward by 30 seconds so that things align with the playhead (no jump).
        time += this._time - prevTime;
      }
      if (time >= totalDur - 0.0000001 && time >= 0) {
        //to work around occasional floating point math artifacts.
        if (!this._locked) {
          this._totalTime = totalDur;
          this._cycle = this._repeat;
        }
        if (!this._reversed) if (!this._hasPausedChild()) {
          isComplete = true;
          callback = "onComplete";
          internalForce = !!this._timeline.autoRemoveChildren; //otherwise, if the animation is unpaused/activated after it's already finished, it doesn't get removed from the parent timeline.
          if (this._duration === 0) if (time <= 0 && time >= -0.0000001 || prevRawPrevTime < 0 || prevRawPrevTime === _tinyNum) if (prevRawPrevTime !== time && this._first) {
            internalForce = true;
            if (prevRawPrevTime > _tinyNum) {
              callback = "onReverseComplete";
            }
          }
        }
        this._rawPrevTime = this._duration || !suppressEvents || time || this._rawPrevTime === time ? time : _tinyNum; //when the playhead arrives at EXACTLY time 0 (right on top) of a zero-duration timeline or tween, we need to discern if events are suppressed so that when the playhead moves again (next time), it'll trigger the callback. If events are NOT suppressed, obviously the callback would be triggered in this render. Basically, the callback should fire either when the playhead ARRIVES or LEAVES this exact spot, not both. Imagine doing a timeline.seek(0) and there's a callback that sits at 0. Since events are suppressed on that seek() by default, nothing will fire, but when the playhead moves off of that position, the callback should fire. This behavior is what people intuitively expect. We set the _rawPrevTime to be a precise tiny number to indicate this scenario rather than using another property/variable which would increase memory usage. This technique is less readable, but more efficient.
        if (this._yoyo && (this._cycle & 1) !== 0) {
          this._time = time = 0;
        } else {
          this._time = dur;
          time = dur + 0.0001; //to avoid occasional floating point rounding errors - sometimes child tweens/timelines were not being fully completed (their progress might be 0.999999999999998 instead of 1 because when _time - tween._startTime is performed, floating point errors would return a value that was SLIGHTLY off). Try (999999999999.7 - 999999999999) * 1 = 0.699951171875 instead of 0.7. We cannot do less then 0.0001 because the same issue can occur when the duration is extremely large like 999999999999 in which case adding 0.00000001, for example, causes it to act like nothing was added.
        }
      } else if (time < 0.0000001) {
        //to work around occasional floating point math artifacts, round super small values to 0.
        if (!this._locked) {
          this._totalTime = this._cycle = 0;
        }
        this._time = 0;
        if (prevTime !== 0 || dur === 0 && prevRawPrevTime !== _tinyNum && (prevRawPrevTime > 0 || time < 0 && prevRawPrevTime >= 0) && !this._locked) {
          //edge case for checking time < 0 && prevRawPrevTime >= 0: a zero-duration fromTo() tween inside a zero-duration timeline (yeah, very rare)
          callback = "onReverseComplete";
          isComplete = this._reversed;
        }
        if (time < 0) {
          this._active = false;
          if (this._timeline.autoRemoveChildren && this._reversed) {
            internalForce = isComplete = true;
            callback = "onReverseComplete";
          } else if (prevRawPrevTime >= 0 && this._first) {
            //when going back beyond the start, force a render so that zero-duration tweens that sit at the very beginning render their start values properly. Otherwise, if the parent timeline's playhead lands exactly at this timeline's startTime, and then moves backwards, the zero-duration tweens at the beginning would still be at their end state.
            internalForce = true;
          }
          this._rawPrevTime = time;
        } else {
          this._rawPrevTime = dur || !suppressEvents || time || this._rawPrevTime === time ? time : _tinyNum; //when the playhead arrives at EXACTLY time 0 (right on top) of a zero-duration timeline or tween, we need to discern if events are suppressed so that when the playhead moves again (next time), it'll trigger the callback. If events are NOT suppressed, obviously the callback would be triggered in this render. Basically, the callback should fire either when the playhead ARRIVES or LEAVES this exact spot, not both. Imagine doing a timeline.seek(0) and there's a callback that sits at 0. Since events are suppressed on that seek() by default, nothing will fire, but when the playhead moves off of that position, the callback should fire. This behavior is what people intuitively expect. We set the _rawPrevTime to be a precise tiny number to indicate this scenario rather than using another property/variable which would increase memory usage. This technique is less readable, but more efficient.
          if (time === 0 && isComplete) {
            //if there's a zero-duration tween at the very beginning of a timeline and the playhead lands EXACTLY at time 0, that tween will correctly render its end values, but we need to keep the timeline alive for one more render so that the beginning values render properly as the parent's playhead keeps moving beyond the begining. Imagine obj.x starts at 0 and then we do tl.set(obj, {x:100}).to(obj, 1, {x:200}) and then later we tl.reverse()...the goal is to have obj.x revert to 0. If the playhead happens to land on exactly 0, without this chunk of code, it'd complete the timeline and remove it from the rendering queue (not good).
            tween = this._first;
            while (tween && tween._startTime === 0) {
              if (!tween._duration) {
                isComplete = false;
              }
              tween = tween._next;
            }
          }
          time = 0; //to avoid occasional floating point rounding errors (could cause problems especially with zero-duration tweens at the very beginning of the timeline)
          if (!this._initted) {
            internalForce = true;
          }
        }
      } else {
        if (dur === 0 && prevRawPrevTime < 0) {
          //without this, zero-duration repeating timelines (like with a simple callback nested at the very beginning and a repeatDelay) wouldn't render the first time through.
          internalForce = true;
        }
        this._time = this._rawPrevTime = time;
        if (!this._locked) {
          this._totalTime = time;
          if (this._repeat !== 0) {
            cycleDuration = dur + this._repeatDelay;
            this._cycle = this._totalTime / cycleDuration >> 0; //originally _totalTime % cycleDuration but floating point errors caused problems, so I normalized it. (4 % 0.8 should be 0 but it gets reported as 0.79999999!)
            if (this._cycle !== 0) if (this._cycle === this._totalTime / cycleDuration && prevTotalTime <= time) {
              this._cycle--; //otherwise when rendered exactly at the end time, it will act as though it is repeating (at the beginning)
            }
            this._time = this._totalTime - this._cycle * cycleDuration;
            if (this._yoyo) if ((this._cycle & 1) !== 0) {
              this._time = dur - this._time;
            }
            if (this._time > dur) {
              this._time = dur;
              time = dur + 0.0001; //to avoid occasional floating point rounding error
            } else if (this._time < 0) {
              this._time = time = 0;
            } else {
              time = this._time;
            }
          }
        }
        if (this._hasPause && !this._forcingPlayhead && !suppressEvents) {
          time = this._time;
          if (time >= prevTime || this._repeat && prevCycle !== this._cycle) {
            tween = this._first;
            while (tween && tween._startTime <= time && !pauseTween) {
              if (!tween._duration) if (tween.data === "isPause" && !tween.ratio && !(tween._startTime === 0 && this._rawPrevTime === 0)) {
                pauseTween = tween;
              }
              tween = tween._next;
            }
          } else {
            tween = this._last;
            while (tween && tween._startTime >= time && !pauseTween) {
              if (!tween._duration) if (tween.data === "isPause" && tween._rawPrevTime > 0) {
                pauseTween = tween;
              }
              tween = tween._prev;
            }
          }
          if (pauseTween && pauseTween._startTime < dur) {
            this._time = time = pauseTween._startTime;
            this._totalTime = time + this._cycle * (this._totalDuration + this._repeatDelay);
          }
        }
      }
      if (this._cycle !== prevCycle) if (!this._locked) {
        /*
        make sure children at the end/beginning of the timeline are rendered properly. If, for example,
        a 3-second long timeline rendered at 2.9 seconds previously, and now renders at 3.2 seconds (which
        would get transated to 2.8 seconds if the timeline yoyos or 0.2 seconds if it just repeats), there
        could be a callback or a short tween that's at 2.95 or 3 seconds in which wouldn't render. So
        we need to push the timeline to the end (and/or beginning depending on its yoyo value). Also we must
        ensure that zero-duration tweens at the very beginning or end of the TimelineMax work.
        */
        var backwards = this._yoyo && (prevCycle & 1) !== 0,
          wrap = backwards === (this._yoyo && (this._cycle & 1) !== 0),
          recTotalTime = this._totalTime,
          recCycle = this._cycle,
          recRawPrevTime = this._rawPrevTime,
          recTime = this._time;
        this._totalTime = prevCycle * dur;
        if (this._cycle < prevCycle) {
          backwards = !backwards;
        } else {
          this._totalTime += dur;
        }
        this._time = prevTime; //temporarily revert _time so that render() renders the children in the correct order. Without this, tweens won't rewind correctly. We could arhictect things in a "cleaner" way by splitting out the rendering queue into a separate method but for performance reasons, we kept it all inside this method.

        this._rawPrevTime = dur === 0 ? prevRawPrevTime - 0.0001 : prevRawPrevTime;
        this._cycle = prevCycle;
        this._locked = true; //prevents changes to totalTime and skips repeat/yoyo behavior when we recursively call render()
        prevTime = backwards ? 0 : dur;
        this.render(prevTime, suppressEvents, dur === 0);
        if (!suppressEvents) if (!this._gc) {
          if (this.vars.onRepeat) {
            this._cycle = recCycle; //in case the onRepeat alters the playhead or invalidates(), we shouldn't stay locked or use the previous cycle.
            this._locked = false;
            this._callback("onRepeat");
          }
        }
        if (prevTime !== this._time) {
          //in case there's a callback like onComplete in a nested tween/timeline that changes the playhead position, like via seek(), we should just abort.
          return;
        }
        if (wrap) {
          this._cycle = prevCycle; //if there's an onRepeat, we reverted this above, so make sure it's set properly again. We also unlocked in that scenario, so reset that too.
          this._locked = true;
          prevTime = backwards ? dur + 0.0001 : -0.0001;
          this.render(prevTime, true, false);
        }
        this._locked = false;
        if (this._paused && !prevPaused) {
          //if the render() triggered callback that paused this timeline, we should abort (very rare, but possible)
          return;
        }
        this._time = recTime;
        this._totalTime = recTotalTime;
        this._cycle = recCycle;
        this._rawPrevTime = recRawPrevTime;
      }
      if ((this._time === prevTime || !this._first) && !force && !internalForce && !pauseTween) {
        if (prevTotalTime !== this._totalTime) if (this._onUpdate) if (!suppressEvents) {
          //so that onUpdate fires even during the repeatDelay - as long as the totalTime changed, we should trigger onUpdate.
          this._callback("onUpdate");
        }
        return;
      } else if (!this._initted) {
        this._initted = true;
      }
      if (!this._active) if (!this._paused && this._totalTime !== prevTotalTime && time > 0) {
        this._active = true; //so that if the user renders the timeline (as opposed to the parent timeline rendering it), it is forced to re-render and align it with the proper time/frame on the next rendering cycle. Maybe the timeline already finished but the user manually re-renders it as halfway done, for example.
      }
      if (prevTotalTime === 0) if (this.vars.onStart) if (this._totalTime !== 0 || !this._totalDuration) if (!suppressEvents) {
        this._callback("onStart");
      }
      curTime = this._time;
      if (curTime >= prevTime) {
        tween = this._first;
        while (tween) {
          next = tween._next; //record it here because the value could change after rendering...
          if (curTime !== this._time || this._paused && !prevPaused) {
            //in case a tween pauses or seeks the timeline when rendering, like inside of an onUpdate/onComplete
            break;
          } else if (tween._active || tween._startTime <= this._time && !tween._paused && !tween._gc) {
            if (pauseTween === tween) {
              this.pause();
            }
            if (!tween._reversed) {
              tween.render((time - tween._startTime) * tween._timeScale, suppressEvents, force);
            } else {
              tween.render((!tween._dirty ? tween._totalDuration : tween.totalDuration()) - (time - tween._startTime) * tween._timeScale, suppressEvents, force);
            }
          }
          tween = next;
        }
      } else {
        tween = this._last;
        while (tween) {
          next = tween._prev; //record it here because the value could change after rendering...
          if (curTime !== this._time || this._paused && !prevPaused) {
            //in case a tween pauses or seeks the timeline when rendering, like inside of an onUpdate/onComplete
            break;
          } else if (tween._active || tween._startTime <= prevTime && !tween._paused && !tween._gc) {
            if (pauseTween === tween) {
              pauseTween = tween._prev; //the linked list is organized by _startTime, thus it's possible that a tween could start BEFORE the pause and end after it, in which case it would be positioned before the pause tween in the linked list, but we should render it before we pause() the timeline and cease rendering. This is only a concern when going in reverse.
              while (pauseTween && pauseTween.endTime() > this._time) {
                pauseTween.render(pauseTween._reversed ? pauseTween.totalDuration() - (time - pauseTween._startTime) * pauseTween._timeScale : (time - pauseTween._startTime) * pauseTween._timeScale, suppressEvents, force);
                pauseTween = pauseTween._prev;
              }
              pauseTween = null;
              this.pause();
            }
            if (!tween._reversed) {
              tween.render((time - tween._startTime) * tween._timeScale, suppressEvents, force);
            } else {
              tween.render((!tween._dirty ? tween._totalDuration : tween.totalDuration()) - (time - tween._startTime) * tween._timeScale, suppressEvents, force);
            }
          }
          tween = next;
        }
      }
      if (this._onUpdate) if (!suppressEvents) {
        if (_lazyTweens.length) {
          //in case rendering caused any tweens to lazy-init, we should render them because typically when a timeline finishes, users expect things to have rendered fully. Imagine an onUpdate on a timeline that reports/checks tweened values.
          _lazyRender();
        }
        this._callback("onUpdate");
      }
      if (callback) if (!this._locked) if (!this._gc) if (prevStart === this._startTime || prevTimeScale !== this._timeScale) if (this._time === 0 || totalDur >= this.totalDuration()) {
        //if one of the tweens that was rendered altered this timeline's startTime (like if an onComplete reversed the timeline), it probably isn't complete. If it is, don't worry, because whatever call altered the startTime would complete if it was necessary at the new time. The only exception is the timeScale property. Also check _gc because there's a chance that kill() could be called in an onUpdate
        if (isComplete) {
          if (_lazyTweens.length) {
            //in case rendering caused any tweens to lazy-init, we should render them because typically when a timeline finishes, users expect things to have rendered fully. Imagine an onComplete on a timeline that reports/checks tweened values.
            _lazyRender();
          }
          if (this._timeline.autoRemoveChildren) {
            this._enabled(false, false);
          }
          this._active = false;
        }
        if (!suppressEvents && this.vars[callback]) {
          this._callback(callback);
        }
      }
    };
    p.getActive = function (nested, tweens, timelines) {
      if (nested == null) {
        nested = true;
      }
      if (tweens == null) {
        tweens = true;
      }
      if (timelines == null) {
        timelines = false;
      }
      var a = [],
        all = this.getChildren(nested, tweens, timelines),
        cnt = 0,
        l = all.length,
        i,
        tween;
      for (i = 0; i < l; i++) {
        tween = all[i];
        if (tween.isActive()) {
          a[cnt++] = tween;
        }
      }
      return a;
    };
    p.getLabelAfter = function (time) {
      if (!time) if (time !== 0) {
        //faster than isNan()
        time = this._time;
      }
      var labels = this.getLabelsArray(),
        l = labels.length,
        i;
      for (i = 0; i < l; i++) {
        if (labels[i].time > time) {
          return labels[i].name;
        }
      }
      return null;
    };
    p.getLabelBefore = function (time) {
      if (time == null) {
        time = this._time;
      }
      var labels = this.getLabelsArray(),
        i = labels.length;
      while (--i > -1) {
        if (labels[i].time < time) {
          return labels[i].name;
        }
      }
      return null;
    };
    p.getLabelsArray = function () {
      var a = [],
        cnt = 0,
        p;
      for (p in this._labels) {
        a[cnt++] = {
          time: this._labels[p],
          name: p
        };
      }
      a.sort(function (a, b) {
        return a.time - b.time;
      });
      return a;
    };
    p.invalidate = function () {
      this._locked = false; //unlock and set cycle in case invalidate() is called from inside an onRepeat
      return TimelineLite.prototype.invalidate.call(this);
    };

    //---- GETTERS / SETTERS -------------------------------------------------------------------------------------------------------

    p.progress = function (value, suppressEvents) {
      return !arguments.length ? this._time / this.duration() || 0 : this.totalTime(this.duration() * (this._yoyo && (this._cycle & 1) !== 0 ? 1 - value : value) + this._cycle * (this._duration + this._repeatDelay), suppressEvents);
    };
    p.totalProgress = function (value, suppressEvents) {
      return !arguments.length ? this._totalTime / this.totalDuration() || 0 : this.totalTime(this.totalDuration() * value, suppressEvents);
    };
    p.totalDuration = function (value) {
      if (!arguments.length) {
        if (this._dirty) {
          TimelineLite.prototype.totalDuration.call(this); //just forces refresh
          //Instead of Infinity, we use 999999999999 so that we can accommodate reverses.
          this._totalDuration = this._repeat === -1 ? 999999999999 : this._duration * (this._repeat + 1) + this._repeatDelay * this._repeat;
        }
        return this._totalDuration;
      }
      return this._repeat === -1 || !value ? this : this.timeScale(this.totalDuration() / value);
    };
    p.time = function (value, suppressEvents) {
      if (!arguments.length) {
        return this._time;
      }
      if (this._dirty) {
        this.totalDuration();
      }
      if (value > this._duration) {
        value = this._duration;
      }
      if (this._yoyo && (this._cycle & 1) !== 0) {
        value = this._duration - value + this._cycle * (this._duration + this._repeatDelay);
      } else if (this._repeat !== 0) {
        value += this._cycle * (this._duration + this._repeatDelay);
      }
      return this.totalTime(value, suppressEvents);
    };
    p.repeat = function (value) {
      if (!arguments.length) {
        return this._repeat;
      }
      this._repeat = value;
      return this._uncache(true);
    };
    p.repeatDelay = function (value) {
      if (!arguments.length) {
        return this._repeatDelay;
      }
      this._repeatDelay = value;
      return this._uncache(true);
    };
    p.yoyo = function (value) {
      if (!arguments.length) {
        return this._yoyo;
      }
      this._yoyo = value;
      return this;
    };
    p.currentLabel = function (value) {
      if (!arguments.length) {
        return this.getLabelBefore(this._time + 0.00000001);
      }
      return this.seek(value, true);
    };
    return TimelineMax;
  }, true);

  /*
   * ----------------------------------------------------------------
   * BezierPlugin
   * ----------------------------------------------------------------
   */
  (function () {
    var _RAD2DEG = 180 / Math.PI,
      _r1 = [],
      _r2 = [],
      _r3 = [],
      _corProps = {},
      _globals = _gsScope._gsDefine.globals,
      Segment = function Segment(a, b, c, d) {
        if (c === d) {
          //if c and d match, the final autoRotate value could lock at -90 degrees, so differentiate them slightly.
          c = d - (d - b) / 1000000;
        }
        if (a === b) {
          //if a and b match, the starting autoRotate value could lock at -90 degrees, so differentiate them slightly.
          b = a + (c - a) / 1000000;
        }
        this.a = a;
        this.b = b;
        this.c = c;
        this.d = d;
        this.da = d - a;
        this.ca = c - a;
        this.ba = b - a;
      },
      _correlate = ",x,y,z,left,top,right,bottom,marginTop,marginLeft,marginRight,marginBottom,paddingLeft,paddingTop,paddingRight,paddingBottom,backgroundPosition,backgroundPosition_y,",
      cubicToQuadratic = function cubicToQuadratic(a, b, c, d) {
        var q1 = {
            a: a
          },
          q2 = {},
          q3 = {},
          q4 = {
            c: d
          },
          mab = (a + b) / 2,
          mbc = (b + c) / 2,
          mcd = (c + d) / 2,
          mabc = (mab + mbc) / 2,
          mbcd = (mbc + mcd) / 2,
          m8 = (mbcd - mabc) / 8;
        q1.b = mab + (a - mab) / 4;
        q2.b = mabc + m8;
        q1.c = q2.a = (q1.b + q2.b) / 2;
        q2.c = q3.a = (mabc + mbcd) / 2;
        q3.b = mbcd - m8;
        q4.b = mcd + (d - mcd) / 4;
        q3.c = q4.a = (q3.b + q4.b) / 2;
        return [q1, q2, q3, q4];
      },
      _calculateControlPoints = function _calculateControlPoints(a, curviness, quad, basic, correlate) {
        var l = a.length - 1,
          ii = 0,
          cp1 = a[0].a,
          i,
          p1,
          p2,
          p3,
          seg,
          m1,
          m2,
          mm,
          cp2,
          qb,
          r1,
          r2,
          tl;
        for (i = 0; i < l; i++) {
          seg = a[ii];
          p1 = seg.a;
          p2 = seg.d;
          p3 = a[ii + 1].d;
          if (correlate) {
            r1 = _r1[i];
            r2 = _r2[i];
            tl = (r2 + r1) * curviness * 0.25 / (basic ? 0.5 : _r3[i] || 0.5);
            m1 = p2 - (p2 - p1) * (basic ? curviness * 0.5 : r1 !== 0 ? tl / r1 : 0);
            m2 = p2 + (p3 - p2) * (basic ? curviness * 0.5 : r2 !== 0 ? tl / r2 : 0);
            mm = p2 - (m1 + ((m2 - m1) * (r1 * 3 / (r1 + r2) + 0.5) / 4 || 0));
          } else {
            m1 = p2 - (p2 - p1) * curviness * 0.5;
            m2 = p2 + (p3 - p2) * curviness * 0.5;
            mm = p2 - (m1 + m2) / 2;
          }
          m1 += mm;
          m2 += mm;
          seg.c = cp2 = m1;
          if (i !== 0) {
            seg.b = cp1;
          } else {
            seg.b = cp1 = seg.a + (seg.c - seg.a) * 0.6; //instead of placing b on a exactly, we move it inline with c so that if the user specifies an ease like Back.easeIn or Elastic.easeIn which goes BEYOND the beginning, it will do so smoothly.
          }
          seg.da = p2 - p1;
          seg.ca = cp2 - p1;
          seg.ba = cp1 - p1;
          if (quad) {
            qb = cubicToQuadratic(p1, cp1, cp2, p2);
            a.splice(ii, 1, qb[0], qb[1], qb[2], qb[3]);
            ii += 4;
          } else {
            ii++;
          }
          cp1 = m2;
        }
        seg = a[ii];
        seg.b = cp1;
        seg.c = cp1 + (seg.d - cp1) * 0.4; //instead of placing c on d exactly, we move it inline with b so that if the user specifies an ease like Back.easeOut or Elastic.easeOut which goes BEYOND the end, it will do so smoothly.
        seg.da = seg.d - seg.a;
        seg.ca = seg.c - seg.a;
        seg.ba = cp1 - seg.a;
        if (quad) {
          qb = cubicToQuadratic(seg.a, cp1, seg.c, seg.d);
          a.splice(ii, 1, qb[0], qb[1], qb[2], qb[3]);
        }
      },
      _parseAnchors = function _parseAnchors(values, p, correlate, prepend) {
        var a = [],
          l,
          i,
          p1,
          p2,
          p3,
          tmp;
        if (prepend) {
          values = [prepend].concat(values);
          i = values.length;
          while (--i > -1) {
            if (typeof (tmp = values[i][p]) === "string") if (tmp.charAt(1) === "=") {
              values[i][p] = prepend[p] + Number(tmp.charAt(0) + tmp.substr(2)); //accommodate relative values. Do it inline instead of breaking it out into a function for speed reasons
            }
          }
        }
        l = values.length - 2;
        if (l < 0) {
          a[0] = new Segment(values[0][p], 0, 0, values[0][p]);
          return a;
        }
        for (i = 0; i < l; i++) {
          p1 = values[i][p];
          p2 = values[i + 1][p];
          a[i] = new Segment(p1, 0, 0, p2);
          if (correlate) {
            p3 = values[i + 2][p];
            _r1[i] = (_r1[i] || 0) + (p2 - p1) * (p2 - p1);
            _r2[i] = (_r2[i] || 0) + (p3 - p2) * (p3 - p2);
          }
        }
        a[i] = new Segment(values[i][p], 0, 0, values[i + 1][p]);
        return a;
      },
      bezierThrough = function bezierThrough(values, curviness, quadratic, basic, correlate, prepend) {
        var obj = {},
          props = [],
          first = prepend || values[0],
          i,
          p,
          a,
          j,
          r,
          l,
          seamless,
          last;
        correlate = typeof correlate === "string" ? "," + correlate + "," : _correlate;
        if (curviness == null) {
          curviness = 1;
        }
        for (p in values[0]) {
          props.push(p);
        }
        //check to see if the last and first values are identical (well, within 0.05). If so, make seamless by appending the second element to the very end of the values array and the 2nd-to-last element to the very beginning (we'll remove those segments later)
        if (values.length > 1) {
          last = values[values.length - 1];
          seamless = true;
          i = props.length;
          while (--i > -1) {
            p = props[i];
            if (Math.abs(first[p] - last[p]) > 0.05) {
              //build in a tolerance of +/-0.05 to accommodate rounding errors.
              seamless = false;
              break;
            }
          }
          if (seamless) {
            values = values.concat(); //duplicate the array to avoid contaminating the original which the user may be reusing for other tweens
            if (prepend) {
              values.unshift(prepend);
            }
            values.push(values[1]);
            prepend = values[values.length - 3];
          }
        }
        _r1.length = _r2.length = _r3.length = 0;
        i = props.length;
        while (--i > -1) {
          p = props[i];
          _corProps[p] = correlate.indexOf("," + p + ",") !== -1;
          obj[p] = _parseAnchors(values, p, _corProps[p], prepend);
        }
        i = _r1.length;
        while (--i > -1) {
          _r1[i] = Math.sqrt(_r1[i]);
          _r2[i] = Math.sqrt(_r2[i]);
        }
        if (!basic) {
          i = props.length;
          while (--i > -1) {
            if (_corProps[p]) {
              a = obj[props[i]];
              l = a.length - 1;
              for (j = 0; j < l; j++) {
                r = a[j + 1].da / _r2[j] + a[j].da / _r1[j] || 0;
                _r3[j] = (_r3[j] || 0) + r * r;
              }
            }
          }
          i = _r3.length;
          while (--i > -1) {
            _r3[i] = Math.sqrt(_r3[i]);
          }
        }
        i = props.length;
        j = quadratic ? 4 : 1;
        while (--i > -1) {
          p = props[i];
          a = obj[p];
          _calculateControlPoints(a, curviness, quadratic, basic, _corProps[p]); //this method requires that _parseAnchors() and _setSegmentRatios() ran first so that _r1, _r2, and _r3 values are populated for all properties
          if (seamless) {
            a.splice(0, j);
            a.splice(a.length - j, j);
          }
        }
        return obj;
      },
      _parseBezierData = function _parseBezierData(values, type, prepend) {
        type = type || "soft";
        var obj = {},
          inc = type === "cubic" ? 3 : 2,
          soft = type === "soft",
          props = [],
          a,
          b,
          c,
          d,
          cur,
          i,
          j,
          l,
          p,
          cnt,
          tmp;
        if (soft && prepend) {
          values = [prepend].concat(values);
        }
        if (values == null || values.length < inc + 1) {
          throw "invalid Bezier data";
        }
        for (p in values[0]) {
          props.push(p);
        }
        i = props.length;
        while (--i > -1) {
          p = props[i];
          obj[p] = cur = [];
          cnt = 0;
          l = values.length;
          for (j = 0; j < l; j++) {
            a = prepend == null ? values[j][p] : typeof (tmp = values[j][p]) === "string" && tmp.charAt(1) === "=" ? prepend[p] + Number(tmp.charAt(0) + tmp.substr(2)) : Number(tmp);
            if (soft) if (j > 1) if (j < l - 1) {
              cur[cnt++] = (a + cur[cnt - 2]) / 2;
            }
            cur[cnt++] = a;
          }
          l = cnt - inc + 1;
          cnt = 0;
          for (j = 0; j < l; j += inc) {
            a = cur[j];
            b = cur[j + 1];
            c = cur[j + 2];
            d = inc === 2 ? 0 : cur[j + 3];
            cur[cnt++] = tmp = inc === 3 ? new Segment(a, b, c, d) : new Segment(a, (2 * b + a) / 3, (2 * b + c) / 3, c);
          }
          cur.length = cnt;
        }
        return obj;
      },
      _addCubicLengths = function _addCubicLengths(a, steps, resolution) {
        var inc = 1 / resolution,
          j = a.length,
          d,
          d1,
          s,
          da,
          ca,
          ba,
          p,
          i,
          inv,
          bez,
          index;
        while (--j > -1) {
          bez = a[j];
          s = bez.a;
          da = bez.d - s;
          ca = bez.c - s;
          ba = bez.b - s;
          d = d1 = 0;
          for (i = 1; i <= resolution; i++) {
            p = inc * i;
            inv = 1 - p;
            d = d1 - (d1 = (p * p * da + 3 * inv * (p * ca + inv * ba)) * p);
            index = j * resolution + i - 1;
            steps[index] = (steps[index] || 0) + d * d;
          }
        }
      },
      _parseLengthData = function _parseLengthData(obj, resolution) {
        resolution = resolution >> 0 || 6;
        var a = [],
          lengths = [],
          d = 0,
          total = 0,
          threshold = resolution - 1,
          segments = [],
          curLS = [],
          //current length segments array
          p,
          i,
          l,
          index;
        for (p in obj) {
          _addCubicLengths(obj[p], a, resolution);
        }
        l = a.length;
        for (i = 0; i < l; i++) {
          d += Math.sqrt(a[i]);
          index = i % resolution;
          curLS[index] = d;
          if (index === threshold) {
            total += d;
            index = i / resolution >> 0;
            segments[index] = curLS;
            lengths[index] = total;
            d = 0;
            curLS = [];
          }
        }
        return {
          length: total,
          lengths: lengths,
          segments: segments
        };
      },
      BezierPlugin = _gsScope._gsDefine.plugin({
        propName: "bezier",
        priority: -1,
        version: "1.3.8",
        API: 2,
        global: true,
        //gets called when the tween renders for the first time. This is where initial values should be recorded and any setup routines should run.
        init: function init(target, vars, tween) {
          this._target = target;
          if (vars instanceof Array) {
            vars = {
              values: vars
            };
          }
          this._func = {};
          this._mod = {};
          this._props = [];
          this._timeRes = vars.timeResolution == null ? 6 : parseInt(vars.timeResolution, 10);
          var values = vars.values || [],
            first = {},
            second = values[0],
            autoRotate = vars.autoRotate || tween.vars.orientToBezier,
            p,
            isFunc,
            i,
            j,
            prepend;
          this._autoRotate = autoRotate ? autoRotate instanceof Array ? autoRotate : [["x", "y", "rotation", autoRotate === true ? 0 : Number(autoRotate) || 0]] : null;
          for (p in second) {
            this._props.push(p);
          }
          i = this._props.length;
          while (--i > -1) {
            p = this._props[i];
            this._overwriteProps.push(p);
            isFunc = this._func[p] = typeof target[p] === "function";
            first[p] = !isFunc ? parseFloat(target[p]) : target[p.indexOf("set") || typeof target["get" + p.substr(3)] !== "function" ? p : "get" + p.substr(3)]();
            if (!prepend) if (first[p] !== values[0][p]) {
              prepend = first;
            }
          }
          this._beziers = vars.type !== "cubic" && vars.type !== "quadratic" && vars.type !== "soft" ? bezierThrough(values, isNaN(vars.curviness) ? 1 : vars.curviness, false, vars.type === "thruBasic", vars.correlate, prepend) : _parseBezierData(values, vars.type, first);
          this._segCount = this._beziers[p].length;
          if (this._timeRes) {
            var ld = _parseLengthData(this._beziers, this._timeRes);
            this._length = ld.length;
            this._lengths = ld.lengths;
            this._segments = ld.segments;
            this._l1 = this._li = this._s1 = this._si = 0;
            this._l2 = this._lengths[0];
            this._curSeg = this._segments[0];
            this._s2 = this._curSeg[0];
            this._prec = 1 / this._curSeg.length;
          }
          if (autoRotate = this._autoRotate) {
            this._initialRotations = [];
            if (!(autoRotate[0] instanceof Array)) {
              this._autoRotate = autoRotate = [autoRotate];
            }
            i = autoRotate.length;
            while (--i > -1) {
              for (j = 0; j < 3; j++) {
                p = autoRotate[i][j];
                this._func[p] = typeof target[p] === "function" ? target[p.indexOf("set") || typeof target["get" + p.substr(3)] !== "function" ? p : "get" + p.substr(3)] : false;
              }
              p = autoRotate[i][2];
              this._initialRotations[i] = (this._func[p] ? this._func[p].call(this._target) : this._target[p]) || 0;
              this._overwriteProps.push(p);
            }
          }
          this._startRatio = tween.vars.runBackwards ? 1 : 0; //we determine the starting ratio when the tween inits which is always 0 unless the tween has runBackwards:true (indicating it's a from() tween) in which case it's 1.
          return true;
        },
        //called each time the values should be updated, and the ratio gets passed as the only parameter (typically it's a value between 0 and 1, but it can exceed those when using an ease like Elastic.easeOut or Back.easeOut, etc.)
        set: function set(v) {
          var segments = this._segCount,
            func = this._func,
            target = this._target,
            notStart = v !== this._startRatio,
            curIndex,
            inv,
            i,
            p,
            b,
            t,
            val,
            l,
            lengths,
            curSeg;
          if (!this._timeRes) {
            curIndex = v < 0 ? 0 : v >= 1 ? segments - 1 : segments * v >> 0;
            t = (v - curIndex * (1 / segments)) * segments;
          } else {
            lengths = this._lengths;
            curSeg = this._curSeg;
            v *= this._length;
            i = this._li;
            //find the appropriate segment (if the currently cached one isn't correct)
            if (v > this._l2 && i < segments - 1) {
              l = segments - 1;
              while (i < l && (this._l2 = lengths[++i]) <= v) {}
              this._l1 = lengths[i - 1];
              this._li = i;
              this._curSeg = curSeg = this._segments[i];
              this._s2 = curSeg[this._s1 = this._si = 0];
            } else if (v < this._l1 && i > 0) {
              while (i > 0 && (this._l1 = lengths[--i]) >= v) {}
              if (i === 0 && v < this._l1) {
                this._l1 = 0;
              } else {
                i++;
              }
              this._l2 = lengths[i];
              this._li = i;
              this._curSeg = curSeg = this._segments[i];
              this._s1 = curSeg[(this._si = curSeg.length - 1) - 1] || 0;
              this._s2 = curSeg[this._si];
            }
            curIndex = i;
            //now find the appropriate sub-segment (we split it into the number of pieces that was defined by "precision" and measured each one)
            v -= this._l1;
            i = this._si;
            if (v > this._s2 && i < curSeg.length - 1) {
              l = curSeg.length - 1;
              while (i < l && (this._s2 = curSeg[++i]) <= v) {}
              this._s1 = curSeg[i - 1];
              this._si = i;
            } else if (v < this._s1 && i > 0) {
              while (i > 0 && (this._s1 = curSeg[--i]) >= v) {}
              if (i === 0 && v < this._s1) {
                this._s1 = 0;
              } else {
                i++;
              }
              this._s2 = curSeg[i];
              this._si = i;
            }
            t = (i + (v - this._s1) / (this._s2 - this._s1)) * this._prec || 0;
          }
          inv = 1 - t;
          i = this._props.length;
          while (--i > -1) {
            p = this._props[i];
            b = this._beziers[p][curIndex];
            val = (t * t * b.da + 3 * inv * (t * b.ca + inv * b.ba)) * t + b.a;
            if (this._mod[p]) {
              val = this._mod[p](val, target);
            }
            if (func[p]) {
              target[p](val);
            } else {
              target[p] = val;
            }
          }
          if (this._autoRotate) {
            var ar = this._autoRotate,
              b2,
              x1,
              y1,
              x2,
              y2,
              add,
              conv;
            i = ar.length;
            while (--i > -1) {
              p = ar[i][2];
              add = ar[i][3] || 0;
              conv = ar[i][4] === true ? 1 : _RAD2DEG;
              b = this._beziers[ar[i][0]];
              b2 = this._beziers[ar[i][1]];
              if (b && b2) {
                //in case one of the properties got overwritten.
                b = b[curIndex];
                b2 = b2[curIndex];
                x1 = b.a + (b.b - b.a) * t;
                x2 = b.b + (b.c - b.b) * t;
                x1 += (x2 - x1) * t;
                x2 += (b.c + (b.d - b.c) * t - x2) * t;
                y1 = b2.a + (b2.b - b2.a) * t;
                y2 = b2.b + (b2.c - b2.b) * t;
                y1 += (y2 - y1) * t;
                y2 += (b2.c + (b2.d - b2.c) * t - y2) * t;
                val = notStart ? Math.atan2(y2 - y1, x2 - x1) * conv + add : this._initialRotations[i];
                if (this._mod[p]) {
                  val = this._mod[p](val, target); //for modProps
                }
                if (func[p]) {
                  target[p](val);
                } else {
                  target[p] = val;
                }
              }
            }
          }
        }
      }),
      p = BezierPlugin.prototype;
    BezierPlugin.bezierThrough = bezierThrough;
    BezierPlugin.cubicToQuadratic = cubicToQuadratic;
    BezierPlugin._autoCSS = true; //indicates that this plugin can be inserted into the "css" object using the autoCSS feature of TweenLite
    BezierPlugin.quadraticToCubic = function (a, b, c) {
      return new Segment(a, (2 * b + a) / 3, (2 * b + c) / 3, c);
    };
    BezierPlugin._cssRegister = function () {
      var CSSPlugin = _globals.CSSPlugin;
      if (!CSSPlugin) {
        return;
      }
      var _internals = CSSPlugin._internals,
        _parseToProxy = _internals._parseToProxy,
        _setPluginRatio = _internals._setPluginRatio,
        CSSPropTween = _internals.CSSPropTween;
      _internals._registerComplexSpecialProp("bezier", {
        parser: function parser(t, e, prop, cssp, pt, plugin) {
          if (e instanceof Array) {
            e = {
              values: e
            };
          }
          plugin = new BezierPlugin();
          var values = e.values,
            l = values.length - 1,
            pluginValues = [],
            v = {},
            i,
            p,
            data;
          if (l < 0) {
            return pt;
          }
          for (i = 0; i <= l; i++) {
            data = _parseToProxy(t, values[i], cssp, pt, plugin, l !== i);
            pluginValues[i] = data.end;
          }
          for (p in e) {
            v[p] = e[p]; //duplicate the vars object because we need to alter some things which would cause problems if the user plans to reuse the same vars object for another tween.
          }
          v.values = pluginValues;
          pt = new CSSPropTween(t, "bezier", 0, 0, data.pt, 2);
          pt.data = data;
          pt.plugin = plugin;
          pt.setRatio = _setPluginRatio;
          if (v.autoRotate === 0) {
            v.autoRotate = true;
          }
          if (v.autoRotate && !(v.autoRotate instanceof Array)) {
            i = v.autoRotate === true ? 0 : Number(v.autoRotate);
            v.autoRotate = data.end.left != null ? [["left", "top", "rotation", i, false]] : data.end.x != null ? [["x", "y", "rotation", i, false]] : false;
          }
          if (v.autoRotate) {
            if (!cssp._transform) {
              cssp._enableTransforms(false);
            }
            data.autoRotate = cssp._target._gsTransform;
            data.proxy.rotation = data.autoRotate.rotation || 0;
            cssp._overwriteProps.push("rotation");
          }
          plugin._onInitTween(data.proxy, v, cssp._tween);
          return pt;
        }
      });
    };
    p._mod = function (lookup) {
      var op = this._overwriteProps,
        i = op.length,
        val;
      while (--i > -1) {
        val = lookup[op[i]];
        if (val && typeof val === "function") {
          this._mod[op[i]] = val;
        }
      }
    };
    p._kill = function (lookup) {
      var a = this._props,
        p,
        i;
      for (p in this._beziers) {
        if (p in lookup) {
          delete this._beziers[p];
          delete this._func[p];
          i = a.length;
          while (--i > -1) {
            if (a[i] === p) {
              a.splice(i, 1);
            }
          }
        }
      }
      a = this._autoRotate;
      if (a) {
        i = a.length;
        while (--i > -1) {
          if (lookup[a[i][2]]) {
            a.splice(i, 1);
          }
        }
      }
      return this._super._kill.call(this, lookup);
    };
  })();

  /*
   * ----------------------------------------------------------------
   * CSSPlugin
   * ----------------------------------------------------------------
   */
  _gsScope._gsDefine("plugins.CSSPlugin", ["plugins.TweenPlugin", "TweenLite"], function (TweenPlugin, TweenLite) {
    /** @constructor **/
    var CSSPlugin = function CSSPlugin() {
        TweenPlugin.call(this, "css");
        this._overwriteProps.length = 0;
        this.setRatio = CSSPlugin.prototype.setRatio; //speed optimization (avoid prototype lookup on this "hot" method)
      },
      _globals = _gsScope._gsDefine.globals,
      _hasPriority,
      //turns true whenever a CSSPropTween instance is created that has a priority other than 0. This helps us discern whether or not we should spend the time organizing the linked list or not after a CSSPlugin's _onInitTween() method is called.
      _suffixMap,
      //we set this in _onInitTween() each time as a way to have a persistent variable we can use in other methods like _parse() without having to pass it around as a parameter and we keep _parse() decoupled from a particular CSSPlugin instance
      _cs,
      //computed style (we store this in a shared variable to conserve memory and make minification tighter
      _overwriteProps,
      //alias to the currently instantiating CSSPlugin's _overwriteProps array. We use this closure in order to avoid having to pass a reference around from method to method and aid in minification.
      _specialProps = {},
      p = CSSPlugin.prototype = new TweenPlugin("css");
    p.constructor = CSSPlugin;
    CSSPlugin.version = "1.20.4";
    CSSPlugin.API = 2;
    CSSPlugin.defaultTransformPerspective = 0;
    CSSPlugin.defaultSkewType = "compensated";
    CSSPlugin.defaultSmoothOrigin = true;
    p = "px"; //we'll reuse the "p" variable to keep file size down
    CSSPlugin.suffixMap = {
      top: p,
      right: p,
      bottom: p,
      left: p,
      width: p,
      height: p,
      fontSize: p,
      padding: p,
      margin: p,
      perspective: p,
      lineHeight: ""
    };
    var _numExp = /(?:\-|\.|\b)(\d|\.|e\-)+/g,
      _relNumExp = /(?:\d|\-\d|\.\d|\-\.\d|\+=\d|\-=\d|\+=.\d|\-=\.\d)+/g,
      _valuesExp = /(?:\+=|\-=|\-|\b)[\d\-\.]+[a-zA-Z0-9]*(?:%|\b)/gi,
      //finds all the values that begin with numbers or += or -= and then a number. Includes suffixes. We use this to split complex values apart like "1px 5px 20px rgb(255,102,51)"
      _NaNExp = /(?![+-]?\d*\.?\d+|[+-]|e[+-]\d+)[^0-9]/g,
      //also allows scientific notation and doesn't kill the leading -/+ in -= and +=
      _suffixExp = /(?:\d|\-|\+|=|#|\.)*/g,
      _opacityExp = /opacity *= *([^)]*)/i,
      _opacityValExp = /opacity:([^;]*)/i,
      _alphaFilterExp = /alpha\(opacity *=.+?\)/i,
      _rgbhslExp = /^(rgb|hsl)/,
      _capsExp = /([A-Z])/g,
      _camelExp = /-([a-z])/gi,
      _urlExp = /(^(?:url\(\"|url\())|(?:(\"\))$|\)$)/gi,
      //for pulling out urls from url(...) or url("...") strings (some browsers wrap urls in quotes, some don't when reporting things like backgroundImage)
      _camelFunc = function _camelFunc(s, g) {
        return g.toUpperCase();
      },
      _horizExp = /(?:Left|Right|Width)/i,
      _ieGetMatrixExp = /(M11|M12|M21|M22)=[\d\-\.e]+/gi,
      _ieSetMatrixExp = /progid\:DXImageTransform\.Microsoft\.Matrix\(.+?\)/i,
      _commasOutsideParenExp = /,(?=[^\)]*(?:\(|$))/gi,
      //finds any commas that are not within parenthesis
      _complexExp = /[\s,\(]/i,
      //for testing a string to find if it has a space, comma, or open parenthesis (clues that it's a complex value)
      _DEG2RAD = Math.PI / 180,
      _RAD2DEG = 180 / Math.PI,
      _forcePT = {},
      _dummyElement = {
        style: {}
      },
      _doc = _gsScope.document || {
        createElement: function createElement() {
          return _dummyElement;
        }
      },
      _createElement = function _createElement(type, ns) {
        return _doc.createElementNS ? _doc.createElementNS(ns || "http://www.w3.org/1999/xhtml", type) : _doc.createElement(type);
      },
      _tempDiv = _createElement("div"),
      _tempImg = _createElement("img"),
      _internals = CSSPlugin._internals = {
        _specialProps: _specialProps
      },
      //provides a hook to a few internal methods that we need to access from inside other plugins
      _agent = (_gsScope.navigator || {}).userAgent || "",
      _autoRound,
      _reqSafariFix,
      //we won't apply the Safari transform fix until we actually come across a tween that affects a transform property (to maintain best performance).

      _isSafari,
      _isFirefox,
      //Firefox has a bug that causes 3D transformed elements to randomly disappear unless a repaint is forced after each update on each element.
      _isSafariLT6,
      //Safari (and Android 4 which uses a flavor of Safari) has a bug that prevents changes to "top" and "left" properties from rendering properly if changed on the same frame as a transform UNLESS we set the element's WebkitBackfaceVisibility to hidden (weird, I know). Doing this for Android 3 and earlier seems to actually cause other problems, though (fun!)
      _ieVers,
      _supportsOpacity = function () {
        //we set _isSafari, _ieVers, _isFirefox, and _supportsOpacity all in one function here to reduce file size slightly, especially in the minified version.
        var i = _agent.indexOf("Android"),
          a = _createElement("a");
        _isSafari = _agent.indexOf("Safari") !== -1 && _agent.indexOf("Chrome") === -1 && (i === -1 || parseFloat(_agent.substr(i + 8, 2)) > 3);
        _isSafariLT6 = _isSafari && parseFloat(_agent.substr(_agent.indexOf("Version/") + 8, 2)) < 6;
        _isFirefox = _agent.indexOf("Firefox") !== -1;
        if (/MSIE ([0-9]{1,}[\.0-9]{0,})/.exec(_agent) || /Trident\/.*rv:([0-9]{1,}[\.0-9]{0,})/.exec(_agent)) {
          _ieVers = parseFloat(RegExp.$1);
        }
        if (!a) {
          return false;
        }
        a.style.cssText = "top:1px;opacity:.55;";
        return /^0.55/.test(a.style.opacity);
      }(),
      _getIEOpacity = function _getIEOpacity(v) {
        return _opacityExp.test(typeof v === "string" ? v : (v.currentStyle ? v.currentStyle.filter : v.style.filter) || "") ? parseFloat(RegExp.$1) / 100 : 1;
      },
      _log = function _log(s) {
        //for logging messages, but in a way that won't throw errors in old versions of IE.
        if (_gsScope.console) {
          console.log(s);
        }
      },
      _target,
      //when initting a CSSPlugin, we set this variable so that we can access it from within many other functions without having to pass it around as params
      _index,
      //when initting a CSSPlugin, we set this variable so that we can access it from within many other functions without having to pass it around as params

      _prefixCSS = "",
      //the non-camelCase vendor prefix like "-o-", "-moz-", "-ms-", or "-webkit-"
      _prefix = "",
      //camelCase vendor prefix like "O", "ms", "Webkit", or "Moz".

      // @private feed in a camelCase property name like "transform" and it will check to see if it is valid as-is or if it needs a vendor prefix. It returns the corrected camelCase property name (i.e. "WebkitTransform" or "MozTransform" or "transform" or null if no such property is found, like if the browser is IE8 or before, "transform" won't be found at all)
      _checkPropPrefix = function _checkPropPrefix(p, e) {
        e = e || _tempDiv;
        var s = e.style,
          a,
          i;
        if (s[p] !== undefined) {
          return p;
        }
        p = p.charAt(0).toUpperCase() + p.substr(1);
        a = ["O", "Moz", "ms", "Ms", "Webkit"];
        i = 5;
        while (--i > -1 && s[a[i] + p] === undefined) {}
        if (i >= 0) {
          _prefix = i === 3 ? "ms" : a[i];
          _prefixCSS = "-" + _prefix.toLowerCase() + "-";
          return _prefix + p;
        }
        return null;
      },
      _getComputedStyle = _doc.defaultView ? _doc.defaultView.getComputedStyle : function () {},
      /**
       * @private Returns the css style for a particular property of an element. For example, to get whatever the current "left" css value for an element with an ID of "myElement", you could do:
       * var currentLeft = CSSPlugin.getStyle( document.getElementById("myElement"), "left");
       *
       * @param {!Object} t Target element whose style property you want to query
       * @param {!string} p Property name (like "left" or "top" or "marginTop", etc.)
       * @param {Object=} cs Computed style object. This just provides a way to speed processing if you're going to get several properties on the same element in quick succession - you can reuse the result of the getComputedStyle() call.
       * @param {boolean=} calc If true, the value will not be read directly from the element's "style" property (if it exists there), but instead the getComputedStyle() result will be used. This can be useful when you want to ensure that the browser itself is interpreting the value.
       * @param {string=} dflt Default value that should be returned in the place of null, "none", "auto" or "auto auto".
       * @return {?string} The current property value
       */
      _getStyle = CSSPlugin.getStyle = function (t, p, cs, calc, dflt) {
        var rv;
        if (!_supportsOpacity) if (p === "opacity") {
          //several versions of IE don't use the standard "opacity" property - they use things like filter:alpha(opacity=50), so we parse that here.
          return _getIEOpacity(t);
        }
        if (!calc && t.style[p]) {
          rv = t.style[p];
        } else if (cs = cs || _getComputedStyle(t)) {
          rv = cs[p] || cs.getPropertyValue(p) || cs.getPropertyValue(p.replace(_capsExp, "-$1").toLowerCase());
        } else if (t.currentStyle) {
          rv = t.currentStyle[p];
        }
        return dflt != null && (!rv || rv === "none" || rv === "auto" || rv === "auto auto") ? dflt : rv;
      },
      /**
       * @private Pass the target element, the property name, the numeric value, and the suffix (like "%", "em", "px", etc.) and it will spit back the equivalent pixel number.
       * @param {!Object} t Target element
       * @param {!string} p Property name (like "left", "top", "marginLeft", etc.)
       * @param {!number} v Value
       * @param {string=} sfx Suffix (like "px" or "%" or "em")
       * @param {boolean=} recurse If true, the call is a recursive one. In some browsers (like IE7/8), occasionally the value isn't accurately reported initially, but if we run the function again it will take effect.
       * @return {number} value in pixels
       */
      _convertToPixels = _internals.convertToPixels = function (t, p, v, sfx, recurse) {
        if (sfx === "px" || !sfx && p !== "lineHeight") {
          return v;
        }
        if (sfx === "auto" || !v) {
          return 0;
        }
        var horiz = _horizExp.test(p),
          node = t,
          style = _tempDiv.style,
          neg = v < 0,
          precise = v === 1,
          pix,
          cache,
          time;
        if (neg) {
          v = -v;
        }
        if (precise) {
          v *= 100;
        }
        if (p === "lineHeight" && !sfx) {
          //special case of when a simple lineHeight (without a unit) is used. Set it to the value, read back the computed value, and then revert.
          cache = _getComputedStyle(t).lineHeight;
          t.style.lineHeight = v;
          pix = parseFloat(_getComputedStyle(t).lineHeight);
          t.style.lineHeight = cache;
        } else if (sfx === "%" && p.indexOf("border") !== -1) {
          pix = v / 100 * (horiz ? t.clientWidth : t.clientHeight);
        } else {
          style.cssText = "border:0 solid red;position:" + _getStyle(t, "position") + ";line-height:0;";
          if (sfx === "%" || !node.appendChild || sfx.charAt(0) === "v" || sfx === "rem") {
            node = t.parentNode || _doc.body;
            if (_getStyle(node, "display").indexOf("flex") !== -1) {
              //Edge and IE11 have a bug that causes offsetWidth to report as 0 if the container has display:flex and the child is position:relative. Switching to position: absolute solves it.
              style.position = "absolute";
            }
            cache = node._gsCache;
            time = TweenLite.ticker.frame;
            if (cache && horiz && cache.time === time) {
              //performance optimization: we record the width of elements along with the ticker frame so that we can quickly get it again on the same tick (seems relatively safe to assume it wouldn't change on the same tick)
              return cache.width * v / 100;
            }
            style[horiz ? "width" : "height"] = v + sfx;
          } else {
            style[horiz ? "borderLeftWidth" : "borderTopWidth"] = v + sfx;
          }
          node.appendChild(_tempDiv);
          pix = parseFloat(_tempDiv[horiz ? "offsetWidth" : "offsetHeight"]);
          node.removeChild(_tempDiv);
          if (horiz && sfx === "%" && CSSPlugin.cacheWidths !== false) {
            cache = node._gsCache = node._gsCache || {};
            cache.time = time;
            cache.width = pix / v * 100;
          }
          if (pix === 0 && !recurse) {
            pix = _convertToPixels(t, p, v, sfx, true);
          }
        }
        if (precise) {
          pix /= 100;
        }
        return neg ? -pix : pix;
      },
      _calculateOffset = _internals.calculateOffset = function (t, p, cs) {
        //for figuring out "top" or "left" in px when it's "auto". We need to factor in margin with the offsetLeft/offsetTop
        if (_getStyle(t, "position", cs) !== "absolute") {
          return 0;
        }
        var dim = p === "left" ? "Left" : "Top",
          v = _getStyle(t, "margin" + dim, cs);
        return t["offset" + dim] - (_convertToPixels(t, p, parseFloat(v), v.replace(_suffixExp, "")) || 0);
      },
      // @private returns at object containing ALL of the style properties in camelCase and their associated values.
      _getAllStyles = function _getAllStyles(t, cs) {
        var s = {},
          i,
          tr,
          p;
        if (cs = cs || _getComputedStyle(t, null)) {
          if (i = cs.length) {
            while (--i > -1) {
              p = cs[i];
              if (p.indexOf("-transform") === -1 || _transformPropCSS === p) {
                //Some webkit browsers duplicate transform values, one non-prefixed and one prefixed ("transform" and "WebkitTransform"), so we must weed out the extra one here.
                s[p.replace(_camelExp, _camelFunc)] = cs.getPropertyValue(p);
              }
            }
          } else {
            //some browsers behave differently - cs.length is always 0, so we must do a for...in loop.
            for (i in cs) {
              if (i.indexOf("Transform") === -1 || _transformProp === i) {
                //Some webkit browsers duplicate transform values, one non-prefixed and one prefixed ("transform" and "WebkitTransform"), so we must weed out the extra one here.
                s[i] = cs[i];
              }
            }
          }
        } else if (cs = t.currentStyle || t.style) {
          for (i in cs) {
            if (typeof i === "string" && s[i] === undefined) {
              s[i.replace(_camelExp, _camelFunc)] = cs[i];
            }
          }
        }
        if (!_supportsOpacity) {
          s.opacity = _getIEOpacity(t);
        }
        tr = _getTransform(t, cs, false);
        s.rotation = tr.rotation;
        s.skewX = tr.skewX;
        s.scaleX = tr.scaleX;
        s.scaleY = tr.scaleY;
        s.x = tr.x;
        s.y = tr.y;
        if (_supports3D) {
          s.z = tr.z;
          s.rotationX = tr.rotationX;
          s.rotationY = tr.rotationY;
          s.scaleZ = tr.scaleZ;
        }
        if (s.filters) {
          delete s.filters;
        }
        return s;
      },
      // @private analyzes two style objects (as returned by _getAllStyles()) and only looks for differences between them that contain tweenable values (like a number or color). It returns an object with a "difs" property which refers to an object containing only those isolated properties and values for tweening, and a "firstMPT" property which refers to the first MiniPropTween instance in a linked list that recorded all the starting values of the different properties so that we can revert to them at the end or beginning of the tween - we don't want the cascading to get messed up. The forceLookup parameter is an optional generic object with properties that should be forced into the results - this is necessary for className tweens that are overwriting others because imagine a scenario where a rollover/rollout adds/removes a class and the user swipes the mouse over the target SUPER fast, thus nothing actually changed yet and the subsequent comparison of the properties would indicate they match (especially when px rounding is taken into consideration), thus no tweening is necessary even though it SHOULD tween and remove those properties after the tween (otherwise the inline styles will contaminate things). See the className SpecialProp code for details.
      _cssDif = function _cssDif(t, s1, s2, vars, forceLookup) {
        var difs = {},
          style = t.style,
          val,
          p,
          mpt;
        for (p in s2) {
          if (p !== "cssText") if (p !== "length") if (isNaN(p)) if (s1[p] !== (val = s2[p]) || forceLookup && forceLookup[p]) if (p.indexOf("Origin") === -1) if (typeof val === "number" || typeof val === "string") {
            difs[p] = val === "auto" && (p === "left" || p === "top") ? _calculateOffset(t, p) : (val === "" || val === "auto" || val === "none") && typeof s1[p] === "string" && s1[p].replace(_NaNExp, "") !== "" ? 0 : val; //if the ending value is defaulting ("" or "auto"), we check the starting value and if it can be parsed into a number (a string which could have a suffix too, like 700px), then we swap in 0 for "" or "auto" so that things actually tween.
            if (style[p] !== undefined) {
              //for className tweens, we must remember which properties already existed inline - the ones that didn't should be removed when the tween isn't in progress because they were only introduced to facilitate the transition between classes.
              mpt = new MiniPropTween(style, p, style[p], mpt);
            }
          }
        }
        if (vars) {
          for (p in vars) {
            //copy properties (except className)
            if (p !== "className") {
              difs[p] = vars[p];
            }
          }
        }
        return {
          difs: difs,
          firstMPT: mpt
        };
      },
      _dimensions = {
        width: ["Left", "Right"],
        height: ["Top", "Bottom"]
      },
      _margins = ["marginLeft", "marginRight", "marginTop", "marginBottom"],
      /**
       * @private Gets the width or height of an element
       * @param {!Object} t Target element
       * @param {!string} p Property name ("width" or "height")
       * @param {Object=} cs Computed style object (if one exists). Just a speed optimization.
       * @return {number} Dimension (in pixels)
       */
      _getDimension = function _getDimension(t, p, cs) {
        if ((t.nodeName + "").toLowerCase() === "svg") {
          //Chrome no longer supports offsetWidth/offsetHeight on SVG elements.
          return (cs || _getComputedStyle(t))[p] || 0;
        } else if (t.getCTM && _isSVG(t)) {
          return t.getBBox()[p] || 0;
        }
        var v = parseFloat(p === "width" ? t.offsetWidth : t.offsetHeight),
          a = _dimensions[p],
          i = a.length;
        cs = cs || _getComputedStyle(t, null);
        while (--i > -1) {
          v -= parseFloat(_getStyle(t, "padding" + a[i], cs, true)) || 0;
          v -= parseFloat(_getStyle(t, "border" + a[i] + "Width", cs, true)) || 0;
        }
        return v;
      },
      // @private Parses position-related complex strings like "top left" or "50px 10px" or "70% 20%", etc. which are used for things like transformOrigin or backgroundPosition. Optionally decorates a supplied object (recObj) with the following properties: "ox" (offsetX), "oy" (offsetY), "oxp" (if true, "ox" is a percentage not a pixel value), and "oxy" (if true, "oy" is a percentage not a pixel value)
      _parsePosition = function _parsePosition(v, recObj) {
        if (v === "contain" || v === "auto" || v === "auto auto") {
          //note: Firefox uses "auto auto" as default whereas Chrome uses "auto".
          return v + " ";
        }
        if (v == null || v === "") {
          v = "0 0";
        }
        var a = v.split(" "),
          x = v.indexOf("left") !== -1 ? "0%" : v.indexOf("right") !== -1 ? "100%" : a[0],
          y = v.indexOf("top") !== -1 ? "0%" : v.indexOf("bottom") !== -1 ? "100%" : a[1],
          i;
        if (a.length > 3 && !recObj) {
          //multiple positions
          a = v.split(", ").join(",").split(",");
          v = [];
          for (i = 0; i < a.length; i++) {
            v.push(_parsePosition(a[i]));
          }
          return v.join(",");
        }
        if (y == null) {
          y = x === "center" ? "50%" : "0";
        } else if (y === "center") {
          y = "50%";
        }
        if (x === "center" || isNaN(parseFloat(x)) && (x + "").indexOf("=") === -1) {
          //remember, the user could flip-flop the values and say "bottom center" or "center bottom", etc. "center" is ambiguous because it could be used to describe horizontal or vertical, hence the isNaN(). If there's an "=" sign in the value, it's relative.
          x = "50%";
        }
        v = x + " " + y + (a.length > 2 ? " " + a[2] : "");
        if (recObj) {
          recObj.oxp = x.indexOf("%") !== -1;
          recObj.oyp = y.indexOf("%") !== -1;
          recObj.oxr = x.charAt(1) === "=";
          recObj.oyr = y.charAt(1) === "=";
          recObj.ox = parseFloat(x.replace(_NaNExp, ""));
          recObj.oy = parseFloat(y.replace(_NaNExp, ""));
          recObj.v = v;
        }
        return recObj || v;
      },
      /**
       * @private Takes an ending value (typically a string, but can be a number) and a starting value and returns the change between the two, looking for relative value indicators like += and -= and it also ignores suffixes (but make sure the ending value starts with a number or +=/-= and that the starting value is a NUMBER!)
       * @param {(number|string)} e End value which is typically a string, but could be a number
       * @param {(number|string)} b Beginning value which is typically a string but could be a number
       * @return {number} Amount of change between the beginning and ending values (relative values that have a "+=" or "-=" are recognized)
       */
      _parseChange = function _parseChange(e, b) {
        if (typeof e === "function") {
          e = e(_index, _target);
        }
        return typeof e === "string" && e.charAt(1) === "=" ? parseInt(e.charAt(0) + "1", 10) * parseFloat(e.substr(2)) : parseFloat(e) - parseFloat(b) || 0;
      },
      /**
       * @private Takes a value and a default number, checks if the value is relative, null, or numeric and spits back a normalized number accordingly. Primarily used in the _parseTransform() function.
       * @param {Object} v Value to be parsed
       * @param {!number} d Default value (which is also used for relative calculations if "+=" or "-=" is found in the first parameter)
       * @return {number} Parsed value
       */
      _parseVal = function _parseVal(v, d) {
        if (typeof v === "function") {
          v = v(_index, _target);
        }
        return v == null ? d : typeof v === "string" && v.charAt(1) === "=" ? parseInt(v.charAt(0) + "1", 10) * parseFloat(v.substr(2)) + d : parseFloat(v) || 0;
      },
      /**
       * @private Translates strings like "40deg" or "40" or 40rad" or "+=40deg" or "270_short" or "-90_cw" or "+=45_ccw" to a numeric radian angle. Of course a starting/default value must be fed in too so that relative values can be calculated properly.
       * @param {Object} v Value to be parsed
       * @param {!number} d Default value (which is also used for relative calculations if "+=" or "-=" is found in the first parameter)
       * @param {string=} p property name for directionalEnd (optional - only used when the parsed value is directional ("_short", "_cw", or "_ccw" suffix). We need a way to store the uncompensated value so that at the end of the tween, we set it to exactly what was requested with no directional compensation). Property name would be "rotation", "rotationX", or "rotationY"
       * @param {Object=} directionalEnd An object that will store the raw end values for directional angles ("_short", "_cw", or "_ccw" suffix). We need a way to store the uncompensated value so that at the end of the tween, we set it to exactly what was requested with no directional compensation.
       * @return {number} parsed angle in radians
       */
      _parseAngle = function _parseAngle(v, d, p, directionalEnd) {
        var min = 0.000001,
          cap,
          split,
          dif,
          result,
          isRelative;
        if (typeof v === "function") {
          v = v(_index, _target);
        }
        if (v == null) {
          result = d;
        } else if (typeof v === "number") {
          result = v;
        } else {
          cap = 360;
          split = v.split("_");
          isRelative = v.charAt(1) === "=";
          dif = (isRelative ? parseInt(v.charAt(0) + "1", 10) * parseFloat(split[0].substr(2)) : parseFloat(split[0])) * (v.indexOf("rad") === -1 ? 1 : _RAD2DEG) - (isRelative ? 0 : d);
          if (split.length) {
            if (directionalEnd) {
              directionalEnd[p] = d + dif;
            }
            if (v.indexOf("short") !== -1) {
              dif = dif % cap;
              if (dif !== dif % (cap / 2)) {
                dif = dif < 0 ? dif + cap : dif - cap;
              }
            }
            if (v.indexOf("_cw") !== -1 && dif < 0) {
              dif = (dif + cap * 9999999999) % cap - (dif / cap | 0) * cap;
            } else if (v.indexOf("ccw") !== -1 && dif > 0) {
              dif = (dif - cap * 9999999999) % cap - (dif / cap | 0) * cap;
            }
          }
          result = d + dif;
        }
        if (result < min && result > -min) {
          result = 0;
        }
        return result;
      },
      _colorLookup = {
        aqua: [0, 255, 255],
        lime: [0, 255, 0],
        silver: [192, 192, 192],
        black: [0, 0, 0],
        maroon: [128, 0, 0],
        teal: [0, 128, 128],
        blue: [0, 0, 255],
        navy: [0, 0, 128],
        white: [255, 255, 255],
        fuchsia: [255, 0, 255],
        olive: [128, 128, 0],
        yellow: [255, 255, 0],
        orange: [255, 165, 0],
        gray: [128, 128, 128],
        purple: [128, 0, 128],
        green: [0, 128, 0],
        red: [255, 0, 0],
        pink: [255, 192, 203],
        cyan: [0, 255, 255],
        transparent: [255, 255, 255, 0]
      },
      _hue = function _hue(h, m1, m2) {
        h = h < 0 ? h + 1 : h > 1 ? h - 1 : h;
        return (h * 6 < 1 ? m1 + (m2 - m1) * h * 6 : h < 0.5 ? m2 : h * 3 < 2 ? m1 + (m2 - m1) * (2 / 3 - h) * 6 : m1) * 255 + 0.5 | 0;
      },
      /**
       * @private Parses a color (like #9F0, #FF9900, rgb(255,51,153) or hsl(108, 50%, 10%)) into an array with 3 elements for red, green, and blue or if toHSL parameter is true, it will populate the array with hue, saturation, and lightness values. If a relative value is found in an hsl() or hsla() string, it will preserve those relative prefixes and all the values in the array will be strings instead of numbers (in all other cases it will be populated with numbers).
       * @param {(string|number)} v The value the should be parsed which could be a string like #9F0 or rgb(255,102,51) or rgba(255,0,0,0.5) or it could be a number like 0xFF00CC or even a named color like red, blue, purple, etc.
       * @param {(boolean)} toHSL If true, an hsl() or hsla() value will be returned instead of rgb() or rgba()
       * @return {Array.<number>} An array containing red, green, and blue (and optionally alpha) in that order, or if the toHSL parameter was true, the array will contain hue, saturation and lightness (and optionally alpha) in that order. Always numbers unless there's a relative prefix found in an hsl() or hsla() string and toHSL is true.
       */
      _parseColor = CSSPlugin.parseColor = function (v, toHSL) {
        var a, r, g, b, h, s, l, max, min, d, wasHSL;
        if (!v) {
          a = _colorLookup.black;
        } else if (typeof v === "number") {
          a = [v >> 16, v >> 8 & 255, v & 255];
        } else {
          if (v.charAt(v.length - 1) === ",") {
            //sometimes a trailing comma is included and we should chop it off (typically from a comma-delimited list of values like a textShadow:"2px 2px 2px blue, 5px 5px 5px rgb(255,0,0)" - in this example "blue," has a trailing comma. We could strip it out inside parseComplex() but we'd need to do it to the beginning and ending values plus it wouldn't provide protection from other potential scenarios like if the user passes in a similar value.
            v = v.substr(0, v.length - 1);
          }
          if (_colorLookup[v]) {
            a = _colorLookup[v];
          } else if (v.charAt(0) === "#") {
            if (v.length === 4) {
              //for shorthand like #9F0
              r = v.charAt(1);
              g = v.charAt(2);
              b = v.charAt(3);
              v = "#" + r + r + g + g + b + b;
            }
            v = parseInt(v.substr(1), 16);
            a = [v >> 16, v >> 8 & 255, v & 255];
          } else if (v.substr(0, 3) === "hsl") {
            a = wasHSL = v.match(_numExp);
            if (!toHSL) {
              h = Number(a[0]) % 360 / 360;
              s = Number(a[1]) / 100;
              l = Number(a[2]) / 100;
              g = l <= 0.5 ? l * (s + 1) : l + s - l * s;
              r = l * 2 - g;
              if (a.length > 3) {
                a[3] = Number(a[3]);
              }
              a[0] = _hue(h + 1 / 3, r, g);
              a[1] = _hue(h, r, g);
              a[2] = _hue(h - 1 / 3, r, g);
            } else if (v.indexOf("=") !== -1) {
              //if relative values are found, just return the raw strings with the relative prefixes in place.
              return v.match(_relNumExp);
            }
          } else {
            a = v.match(_numExp) || _colorLookup.transparent;
          }
          a[0] = Number(a[0]);
          a[1] = Number(a[1]);
          a[2] = Number(a[2]);
          if (a.length > 3) {
            a[3] = Number(a[3]);
          }
        }
        if (toHSL && !wasHSL) {
          r = a[0] / 255;
          g = a[1] / 255;
          b = a[2] / 255;
          max = Math.max(r, g, b);
          min = Math.min(r, g, b);
          l = (max + min) / 2;
          if (max === min) {
            h = s = 0;
          } else {
            d = max - min;
            s = l > 0.5 ? d / (2 - max - min) : d / (max + min);
            h = max === r ? (g - b) / d + (g < b ? 6 : 0) : max === g ? (b - r) / d + 2 : (r - g) / d + 4;
            h *= 60;
          }
          a[0] = h + 0.5 | 0;
          a[1] = s * 100 + 0.5 | 0;
          a[2] = l * 100 + 0.5 | 0;
        }
        return a;
      },
      _formatColors = function _formatColors(s, toHSL) {
        var colors = s.match(_colorExp) || [],
          charIndex = 0,
          parsed = "",
          i,
          color,
          temp;
        if (!colors.length) {
          return s;
        }
        for (i = 0; i < colors.length; i++) {
          color = colors[i];
          temp = s.substr(charIndex, s.indexOf(color, charIndex) - charIndex);
          charIndex += temp.length + color.length;
          color = _parseColor(color, toHSL);
          if (color.length === 3) {
            color.push(1);
          }
          parsed += temp + (toHSL ? "hsla(" + color[0] + "," + color[1] + "%," + color[2] + "%," + color[3] : "rgba(" + color.join(",")) + ")";
        }
        return parsed + s.substr(charIndex);
      },
      _colorExp = "(?:\\b(?:(?:rgb|rgba|hsl|hsla)\\(.+?\\))|\\B#(?:[0-9a-f]{3}){1,2}\\b"; //we'll dynamically build this Regular Expression to conserve file size. After building it, it will be able to find rgb(), rgba(), # (hexadecimal), and named color values like red, blue, purple, etc.

    for (p in _colorLookup) {
      _colorExp += "|" + p + "\\b";
    }
    _colorExp = new RegExp(_colorExp + ")", "gi");
    CSSPlugin.colorStringFilter = function (a) {
      var combined = a[0] + " " + a[1],
        toHSL;
      if (_colorExp.test(combined)) {
        toHSL = combined.indexOf("hsl(") !== -1 || combined.indexOf("hsla(") !== -1;
        a[0] = _formatColors(a[0], toHSL);
        a[1] = _formatColors(a[1], toHSL);
      }
      _colorExp.lastIndex = 0;
    };
    if (!TweenLite.defaultStringFilter) {
      TweenLite.defaultStringFilter = CSSPlugin.colorStringFilter;
    }

    /**
     * @private Returns a formatter function that handles taking a string (or number in some cases) and returning a consistently formatted one in terms of delimiters, quantity of values, etc. For example, we may get boxShadow values defined as "0px red" or "0px 0px 10px rgb(255,0,0)" or "0px 0px 20px 20px #F00" and we need to ensure that what we get back is described with 4 numbers and a color. This allows us to feed it into the _parseComplex() method and split the values up appropriately. The neat thing about this _getFormatter() function is that the dflt defines a pattern as well as a default, so for example, _getFormatter("0px 0px 0px 0px #777", true) not only sets the default as 0px for all distances and #777 for the color, but also sets the pattern such that 4 numbers and a color will always get returned.
     * @param {!string} dflt The default value and pattern to follow. So "0px 0px 0px 0px #777" will ensure that 4 numbers and a color will always get returned.
     * @param {boolean=} clr If true, the values should be searched for color-related data. For example, boxShadow values typically contain a color whereas borderRadius don't.
     * @param {boolean=} collapsible If true, the value is a top/left/right/bottom style one that acts like margin or padding, where if only one value is received, it's used for all 4; if 2 are received, the first is duplicated for 3rd (bottom) and the 2nd is duplicated for the 4th spot (left), etc.
     * @return {Function} formatter function
     */
    var _getFormatter = function _getFormatter(dflt, clr, collapsible, multi) {
        if (dflt == null) {
          return function (v) {
            return v;
          };
        }
        var dColor = clr ? (dflt.match(_colorExp) || [""])[0] : "",
          dVals = dflt.split(dColor).join("").match(_valuesExp) || [],
          pfx = dflt.substr(0, dflt.indexOf(dVals[0])),
          sfx = dflt.charAt(dflt.length - 1) === ")" ? ")" : "",
          delim = dflt.indexOf(" ") !== -1 ? " " : ",",
          numVals = dVals.length,
          dSfx = numVals > 0 ? dVals[0].replace(_numExp, "") : "",
          _formatter2;
        if (!numVals) {
          return function (v) {
            return v;
          };
        }
        if (clr) {
          _formatter2 = function formatter(v) {
            var color, vals, i, a;
            if (typeof v === "number") {
              v += dSfx;
            } else if (multi && _commasOutsideParenExp.test(v)) {
              a = v.replace(_commasOutsideParenExp, "|").split("|");
              for (i = 0; i < a.length; i++) {
                a[i] = _formatter2(a[i]);
              }
              return a.join(",");
            }
            color = (v.match(_colorExp) || [dColor])[0];
            vals = v.split(color).join("").match(_valuesExp) || [];
            i = vals.length;
            if (numVals > i--) {
              while (++i < numVals) {
                vals[i] = collapsible ? vals[(i - 1) / 2 | 0] : dVals[i];
              }
            }
            return pfx + vals.join(delim) + delim + color + sfx + (v.indexOf("inset") !== -1 ? " inset" : "");
          };
          return _formatter2;
        }
        _formatter2 = function _formatter(v) {
          var vals, a, i;
          if (typeof v === "number") {
            v += dSfx;
          } else if (multi && _commasOutsideParenExp.test(v)) {
            a = v.replace(_commasOutsideParenExp, "|").split("|");
            for (i = 0; i < a.length; i++) {
              a[i] = _formatter2(a[i]);
            }
            return a.join(",");
          }
          vals = v.match(_valuesExp) || [];
          i = vals.length;
          if (numVals > i--) {
            while (++i < numVals) {
              vals[i] = collapsible ? vals[(i - 1) / 2 | 0] : dVals[i];
            }
          }
          return pfx + vals.join(delim) + sfx;
        };
        return _formatter2;
      },
      /**
       * @private returns a formatter function that's used for edge-related values like marginTop, marginLeft, paddingBottom, paddingRight, etc. Just pass a comma-delimited list of property names related to the edges.
       * @param {!string} props a comma-delimited list of property names in order from top to left, like "marginTop,marginRight,marginBottom,marginLeft"
       * @return {Function} a formatter function
       */
      _getEdgeParser = function _getEdgeParser(props) {
        props = props.split(",");
        return function (t, e, p, cssp, pt, plugin, vars) {
          var a = (e + "").split(" "),
            i;
          vars = {};
          for (i = 0; i < 4; i++) {
            vars[props[i]] = a[i] = a[i] || a[(i - 1) / 2 >> 0];
          }
          return cssp.parse(t, vars, pt, plugin);
        };
      },
      // @private used when other plugins must tween values first, like BezierPlugin or ThrowPropsPlugin, etc. That plugin's setRatio() gets called first so that the values are updated, and then we loop through the MiniPropTweens which handle copying the values into their appropriate slots so that they can then be applied correctly in the main CSSPlugin setRatio() method. Remember, we typically create a proxy object that has a bunch of uniquely-named properties that we feed to the sub-plugin and it does its magic normally, and then we must interpret those values and apply them to the css because often numbers must get combined/concatenated, suffixes added, etc. to work with css, like boxShadow could have 4 values plus a color.
      _setPluginRatio = _internals._setPluginRatio = function (v) {
        this.plugin.setRatio(v);
        var d = this.data,
          proxy = d.proxy,
          mpt = d.firstMPT,
          min = 0.000001,
          val,
          pt,
          i,
          str,
          p;
        while (mpt) {
          val = proxy[mpt.v];
          if (mpt.r) {
            val = Math.round(val);
          } else if (val < min && val > -min) {
            val = 0;
          }
          mpt.t[mpt.p] = val;
          mpt = mpt._next;
        }
        if (d.autoRotate) {
          d.autoRotate.rotation = d.mod ? d.mod(proxy.rotation, this.t) : proxy.rotation; //special case for ModifyPlugin to hook into an auto-rotating bezier
        }
        //at the end, we must set the CSSPropTween's "e" (end) value dynamically here because that's what is used in the final setRatio() method. Same for "b" at the beginning.
        if (v === 1 || v === 0) {
          mpt = d.firstMPT;
          p = v === 1 ? "e" : "b";
          while (mpt) {
            pt = mpt.t;
            if (!pt.type) {
              pt[p] = pt.s + pt.xs0;
            } else if (pt.type === 1) {
              str = pt.xs0 + pt.s + pt.xs1;
              for (i = 1; i < pt.l; i++) {
                str += pt["xn" + i] + pt["xs" + (i + 1)];
              }
              pt[p] = str;
            }
            mpt = mpt._next;
          }
        }
      },
      /**
       * @private @constructor Used by a few SpecialProps to hold important values for proxies. For example, _parseToProxy() creates a MiniPropTween instance for each property that must get tweened on the proxy, and we record the original property name as well as the unique one we create for the proxy, plus whether or not the value needs to be rounded plus the original value.
       * @param {!Object} t target object whose property we're tweening (often a CSSPropTween)
       * @param {!string} p property name
       * @param {(number|string|object)} v value
       * @param {MiniPropTween=} next next MiniPropTween in the linked list
       * @param {boolean=} r if true, the tweened value should be rounded to the nearest integer
       */
      MiniPropTween = function MiniPropTween(t, p, v, next, r) {
        this.t = t;
        this.p = p;
        this.v = v;
        this.r = r;
        if (next) {
          next._prev = this;
          this._next = next;
        }
      },
      /**
       * @private Most other plugins (like BezierPlugin and ThrowPropsPlugin and others) can only tween numeric values, but CSSPlugin must accommodate special values that have a bunch of extra data (like a suffix or strings between numeric values, etc.). For example, boxShadow has values like "10px 10px 20px 30px rgb(255,0,0)" which would utterly confuse other plugins. This method allows us to split that data apart and grab only the numeric data and attach it to uniquely-named properties of a generic proxy object ({}) so that we can feed that to virtually any plugin to have the numbers tweened. However, we must also keep track of which properties from the proxy go with which CSSPropTween values and instances. So we create a linked list of MiniPropTweens. Each one records a target (the original CSSPropTween), property (like "s" or "xn1" or "xn2") that we're tweening and the unique property name that was used for the proxy (like "boxShadow_xn1" and "boxShadow_xn2") and whether or not they need to be rounded. That way, in the _setPluginRatio() method we can simply copy the values over from the proxy to the CSSPropTween instance(s). Then, when the main CSSPlugin setRatio() method runs and applies the CSSPropTween values accordingly, they're updated nicely. So the external plugin tweens the numbers, _setPluginRatio() copies them over, and setRatio() acts normally, applying css-specific values to the element.
       * This method returns an object that has the following properties:
       *  - proxy: a generic object containing the starting values for all the properties that will be tweened by the external plugin.  This is what we feed to the external _onInitTween() as the target
       *  - end: a generic object containing the ending values for all the properties that will be tweened by the external plugin. This is what we feed to the external plugin's _onInitTween() as the destination values
       *  - firstMPT: the first MiniPropTween in the linked list
       *  - pt: the first CSSPropTween in the linked list that was created when parsing. If shallow is true, this linked list will NOT attach to the one passed into the _parseToProxy() as the "pt" (4th) parameter.
       * @param {!Object} t target object to be tweened
       * @param {!(Object|string)} vars the object containing the information about the tweening values (typically the end/destination values) that should be parsed
       * @param {!CSSPlugin} cssp The CSSPlugin instance
       * @param {CSSPropTween=} pt the next CSSPropTween in the linked list
       * @param {TweenPlugin=} plugin the external TweenPlugin instance that will be handling tweening the numeric values
       * @param {boolean=} shallow if true, the resulting linked list from the parse will NOT be attached to the CSSPropTween that was passed in as the "pt" (4th) parameter.
       * @return An object containing the following properties: proxy, end, firstMPT, and pt (see above for descriptions)
       */
      _parseToProxy = _internals._parseToProxy = function (t, vars, cssp, pt, plugin, shallow) {
        var bpt = pt,
          start = {},
          end = {},
          transform = cssp._transform,
          oldForce = _forcePT,
          i,
          p,
          xp,
          mpt,
          firstPT;
        cssp._transform = null;
        _forcePT = vars;
        pt = firstPT = cssp.parse(t, vars, pt, plugin);
        _forcePT = oldForce;
        //break off from the linked list so the new ones are isolated.
        if (shallow) {
          cssp._transform = transform;
          if (bpt) {
            bpt._prev = null;
            if (bpt._prev) {
              bpt._prev._next = null;
            }
          }
        }
        while (pt && pt !== bpt) {
          if (pt.type <= 1) {
            p = pt.p;
            end[p] = pt.s + pt.c;
            start[p] = pt.s;
            if (!shallow) {
              mpt = new MiniPropTween(pt, "s", p, mpt, pt.r);
              pt.c = 0;
            }
            if (pt.type === 1) {
              i = pt.l;
              while (--i > 0) {
                xp = "xn" + i;
                p = pt.p + "_" + xp;
                end[p] = pt.data[xp];
                start[p] = pt[xp];
                if (!shallow) {
                  mpt = new MiniPropTween(pt, xp, p, mpt, pt.rxp[xp]);
                }
              }
            }
          }
          pt = pt._next;
        }
        return {
          proxy: start,
          end: end,
          firstMPT: mpt,
          pt: firstPT
        };
      },
      /**
       * @constructor Each property that is tweened has at least one CSSPropTween associated with it. These instances store important information like the target, property, starting value, amount of change, etc. They can also optionally have a number of "extra" strings and numeric values named xs1, xn1, xs2, xn2, xs3, xn3, etc. where "s" indicates string and "n" indicates number. These can be pieced together in a complex-value tween (type:1) that has alternating types of data like a string, number, string, number, etc. For example, boxShadow could be "5px 5px 8px rgb(102, 102, 51)". In that value, there are 6 numbers that may need to tween and then pieced back together into a string again with spaces, suffixes, etc. xs0 is special in that it stores the suffix for standard (type:0) tweens, -OR- the first string (prefix) in a complex-value (type:1) CSSPropTween -OR- it can be the non-tweening value in a type:-1 CSSPropTween. We do this to conserve memory.
       * CSSPropTweens have the following optional properties as well (not defined through the constructor):
       *  - l: Length in terms of the number of extra properties that the CSSPropTween has (default: 0). For example, for a boxShadow we may need to tween 5 numbers in which case l would be 5; Keep in mind that the start/end values for the first number that's tweened are always stored in the s and c properties to conserve memory. All additional values thereafter are stored in xn1, xn2, etc.
       *  - xfirst: The first instance of any sub-CSSPropTweens that are tweening properties of this instance. For example, we may split up a boxShadow tween so that there's a main CSSPropTween of type:1 that has various xs* and xn* values associated with the h-shadow, v-shadow, blur, color, etc. Then we spawn a CSSPropTween for each of those that has a higher priority and runs BEFORE the main CSSPropTween so that the values are all set by the time it needs to re-assemble them. The xfirst gives us an easy way to identify the first one in that chain which typically ends at the main one (because they're all prepende to the linked list)
       *  - plugin: The TweenPlugin instance that will handle the tweening of any complex values. For example, sometimes we don't want to use normal subtweens (like xfirst refers to) to tween the values - we might want ThrowPropsPlugin or BezierPlugin some other plugin to do the actual tweening, so we create a plugin instance and store a reference here. We need this reference so that if we get a request to round values or disable a tween, we can pass along that request.
       *  - data: Arbitrary data that needs to be stored with the CSSPropTween. Typically if we're going to have a plugin handle the tweening of a complex-value tween, we create a generic object that stores the END values that we're tweening to and the CSSPropTween's xs1, xs2, etc. have the starting values. We store that object as data. That way, we can simply pass that object to the plugin and use the CSSPropTween as the target.
       *  - setRatio: Only used for type:2 tweens that require custom functionality. In this case, we call the CSSPropTween's setRatio() method and pass the ratio each time the tween updates. This isn't quite as efficient as doing things directly in the CSSPlugin's setRatio() method, but it's very convenient and flexible.
       * @param {!Object} t Target object whose property will be tweened. Often a DOM element, but not always. It could be anything.
       * @param {string} p Property to tween (name). For example, to tween element.width, p would be "width".
       * @param {number} s Starting numeric value
       * @param {number} c Change in numeric value over the course of the entire tween. For example, if element.width starts at 5 and should end at 100, c would be 95.
       * @param {CSSPropTween=} next The next CSSPropTween in the linked list. If one is defined, we will define its _prev as the new instance, and the new instance's _next will be pointed at it.
       * @param {number=} type The type of CSSPropTween where -1 = a non-tweening value, 0 = a standard simple tween, 1 = a complex value (like one that has multiple numbers in a comma- or space-delimited string like border:"1px solid red"), and 2 = one that uses a custom setRatio function that does all of the work of applying the values on each update.
       * @param {string=} n Name of the property that should be used for overwriting purposes which is typically the same as p but not always. For example, we may need to create a subtween for the 2nd part of a "clip:rect(...)" tween in which case "p" might be xs1 but "n" is still "clip"
       * @param {boolean=} r If true, the value(s) should be rounded
       * @param {number=} pr Priority in the linked list order. Higher priority CSSPropTweens will be updated before lower priority ones. The default priority is 0.
       * @param {string=} b Beginning value. We store this to ensure that it is EXACTLY what it was when the tween began without any risk of interpretation issues.
       * @param {string=} e Ending value. We store this to ensure that it is EXACTLY what the user defined at the end of the tween without any risk of interpretation issues.
       */
      CSSPropTween = _internals.CSSPropTween = function (t, p, s, c, next, type, n, r, pr, b, e) {
        this.t = t; //target
        this.p = p; //property
        this.s = s; //starting value
        this.c = c; //change value
        this.n = n || p; //name that this CSSPropTween should be associated to (usually the same as p, but not always - n is what overwriting looks at)
        if (!(t instanceof CSSPropTween)) {
          _overwriteProps.push(this.n);
        }
        this.r = r; //round (boolean)
        this.type = type || 0; //0 = normal tween, -1 = non-tweening (in which case xs0 will be applied to the target's property, like tp.t[tp.p] = tp.xs0), 1 = complex-value SpecialProp, 2 = custom setRatio() that does all the work
        if (pr) {
          this.pr = pr;
          _hasPriority = true;
        }
        this.b = b === undefined ? s : b;
        this.e = e === undefined ? s + c : e;
        if (next) {
          this._next = next;
          next._prev = this;
        }
      },
      _addNonTweeningNumericPT = function _addNonTweeningNumericPT(target, prop, start, end, next, overwriteProp) {
        //cleans up some code redundancies and helps minification. Just a fast way to add a NUMERIC non-tweening CSSPropTween
        var pt = new CSSPropTween(target, prop, start, end - start, next, -1, overwriteProp);
        pt.b = start;
        pt.e = pt.xs0 = end;
        return pt;
      },
      /**
       * Takes a target, the beginning value and ending value (as strings) and parses them into a CSSPropTween (possibly with child CSSPropTweens) that accommodates multiple numbers, colors, comma-delimited values, etc. For example:
       * sp.parseComplex(element, "boxShadow", "5px 10px 20px rgb(255,102,51)", "0px 0px 0px red", true, "0px 0px 0px rgb(0,0,0,0)", pt);
       * It will walk through the beginning and ending values (which should be in the same format with the same number and type of values) and figure out which parts are numbers, what strings separate the numeric/tweenable values, and then create the CSSPropTweens accordingly. If a plugin is defined, no child CSSPropTweens will be created. Instead, the ending values will be stored in the "data" property of the returned CSSPropTween like: {s:-5, xn1:-10, xn2:-20, xn3:255, xn4:0, xn5:0} so that it can be fed to any other plugin and it'll be plain numeric tweens but the recomposition of the complex value will be handled inside CSSPlugin's setRatio().
       * If a setRatio is defined, the type of the CSSPropTween will be set to 2 and recomposition of the values will be the responsibility of that method.
       *
       * @param {!Object} t Target whose property will be tweened
       * @param {!string} p Property that will be tweened (its name, like "left" or "backgroundColor" or "boxShadow")
       * @param {string} b Beginning value
       * @param {string} e Ending value
       * @param {boolean} clrs If true, the value could contain a color value like "rgb(255,0,0)" or "#F00" or "red". The default is false, so no colors will be recognized (a performance optimization)
       * @param {(string|number|Object)} dflt The default beginning value that should be used if no valid beginning value is defined or if the number of values inside the complex beginning and ending values don't match
       * @param {?CSSPropTween} pt CSSPropTween instance that is the current head of the linked list (we'll prepend to this).
       * @param {number=} pr Priority in the linked list order. Higher priority properties will be updated before lower priority ones. The default priority is 0.
       * @param {TweenPlugin=} plugin If a plugin should handle the tweening of extra properties, pass the plugin instance here. If one is defined, then NO subtweens will be created for any extra properties (the properties will be created - just not additional CSSPropTween instances to tween them) because the plugin is expected to do so. However, the end values WILL be populated in the "data" property, like {s:100, xn1:50, xn2:300}
       * @param {function(number)=} setRatio If values should be set in a custom function instead of being pieced together in a type:1 (complex-value) CSSPropTween, define that custom function here.
       * @return {CSSPropTween} The first CSSPropTween in the linked list which includes the new one(s) added by the parseComplex() call.
       */
      _parseComplex = CSSPlugin.parseComplex = function (t, p, b, e, clrs, dflt, pt, pr, plugin, setRatio) {
        //DEBUG: _log("parseComplex: "+p+", b: "+b+", e: "+e);
        b = b || dflt || "";
        if (typeof e === "function") {
          e = e(_index, _target);
        }
        pt = new CSSPropTween(t, p, 0, 0, pt, setRatio ? 2 : 1, null, false, pr, b, e);
        e += ""; //ensures it's a string
        if (clrs && _colorExp.test(e + b)) {
          //if colors are found, normalize the formatting to rgba() or hsla().
          e = [b, e];
          CSSPlugin.colorStringFilter(e);
          b = e[0];
          e = e[1];
        }
        var ba = b.split(", ").join(",").split(" "),
          //beginning array
          ea = e.split(", ").join(",").split(" "),
          //ending array
          l = ba.length,
          autoRound = _autoRound !== false,
          i,
          xi,
          ni,
          bv,
          ev,
          bnums,
          enums,
          bn,
          hasAlpha,
          temp,
          cv,
          str,
          useHSL;
        if (e.indexOf(",") !== -1 || b.indexOf(",") !== -1) {
          if ((e + b).indexOf("rgb") !== -1 || (e + b).indexOf("hsl") !== -1) {
            //keep rgb(), rgba(), hsl(), and hsla() values together! (remember, we're splitting on spaces)
            ba = ba.join(" ").replace(_commasOutsideParenExp, ", ").split(" ");
            ea = ea.join(" ").replace(_commasOutsideParenExp, ", ").split(" ");
          } else {
            ba = ba.join(" ").split(",").join(", ").split(" ");
            ea = ea.join(" ").split(",").join(", ").split(" ");
          }
          l = ba.length;
        }
        if (l !== ea.length) {
          //DEBUG: _log("mismatched formatting detected on " + p + " (" + b + " vs " + e + ")");
          ba = (dflt || "").split(" ");
          l = ba.length;
        }
        pt.plugin = plugin;
        pt.setRatio = setRatio;
        _colorExp.lastIndex = 0;
        for (i = 0; i < l; i++) {
          bv = ba[i];
          ev = ea[i];
          bn = parseFloat(bv);
          //if the value begins with a number (most common). It's fine if it has a suffix like px
          if (bn || bn === 0) {
            pt.appendXtra("", bn, _parseChange(ev, bn), ev.replace(_relNumExp, ""), autoRound && ev.indexOf("px") !== -1, true);

            //if the value is a color
          } else if (clrs && _colorExp.test(bv)) {
            str = ev.indexOf(")") + 1;
            str = ")" + (str ? ev.substr(str) : ""); //if there's a comma or ) at the end, retain it.
            useHSL = ev.indexOf("hsl") !== -1 && _supportsOpacity;
            temp = ev; //original string value so we can look for any prefix later.
            bv = _parseColor(bv, useHSL);
            ev = _parseColor(ev, useHSL);
            hasAlpha = bv.length + ev.length > 6;
            if (hasAlpha && !_supportsOpacity && ev[3] === 0) {
              //older versions of IE don't support rgba(), so if the destination alpha is 0, just use "transparent" for the end color
              pt["xs" + pt.l] += pt.l ? " transparent" : "transparent";
              pt.e = pt.e.split(ea[i]).join("transparent");
            } else {
              if (!_supportsOpacity) {
                //old versions of IE don't support rgba().
                hasAlpha = false;
              }
              if (useHSL) {
                pt.appendXtra(temp.substr(0, temp.indexOf("hsl")) + (hasAlpha ? "hsla(" : "hsl("), bv[0], _parseChange(ev[0], bv[0]), ",", false, true).appendXtra("", bv[1], _parseChange(ev[1], bv[1]), "%,", false).appendXtra("", bv[2], _parseChange(ev[2], bv[2]), hasAlpha ? "%," : "%" + str, false);
              } else {
                pt.appendXtra(temp.substr(0, temp.indexOf("rgb")) + (hasAlpha ? "rgba(" : "rgb("), bv[0], ev[0] - bv[0], ",", true, true).appendXtra("", bv[1], ev[1] - bv[1], ",", true).appendXtra("", bv[2], ev[2] - bv[2], hasAlpha ? "," : str, true);
              }
              if (hasAlpha) {
                bv = bv.length < 4 ? 1 : bv[3];
                pt.appendXtra("", bv, (ev.length < 4 ? 1 : ev[3]) - bv, str, false);
              }
            }
            _colorExp.lastIndex = 0; //otherwise the test() on the RegExp could move the lastIndex and taint future results.
          } else {
            bnums = bv.match(_numExp); //gets each group of numbers in the beginning value string and drops them into an array

            //if no number is found, treat it as a non-tweening value and just append the string to the current xs.
            if (!bnums) {
              pt["xs" + pt.l] += pt.l || pt["xs" + pt.l] ? " " + ev : ev;

              //loop through all the numbers that are found and construct the extra values on the pt.
            } else {
              enums = ev.match(_relNumExp); //get each group of numbers in the end value string and drop them into an array. We allow relative values too, like +=50 or -=.5
              if (!enums || enums.length !== bnums.length) {
                //DEBUG: _log("mismatched formatting detected on " + p + " (" + b + " vs " + e + ")");
                return pt;
              }
              ni = 0;
              for (xi = 0; xi < bnums.length; xi++) {
                cv = bnums[xi];
                temp = bv.indexOf(cv, ni);
                pt.appendXtra(bv.substr(ni, temp - ni), Number(cv), _parseChange(enums[xi], cv), "", autoRound && bv.substr(temp + cv.length, 2) === "px", xi === 0);
                ni = temp + cv.length;
              }
              pt["xs" + pt.l] += bv.substr(ni);
            }
          }
        }
        //if there are relative values ("+=" or "-=" prefix), we need to adjust the ending value to eliminate the prefixes and combine the values properly.
        if (e.indexOf("=") !== -1) if (pt.data) {
          str = pt.xs0 + pt.data.s;
          for (i = 1; i < pt.l; i++) {
            str += pt["xs" + i] + pt.data["xn" + i];
          }
          pt.e = str + pt["xs" + i];
        }
        if (!pt.l) {
          pt.type = -1;
          pt.xs0 = pt.e;
        }
        return pt.xfirst || pt;
      },
      i = 9;
    p = CSSPropTween.prototype;
    p.l = p.pr = 0; //length (number of extra properties like xn1, xn2, xn3, etc.
    while (--i > 0) {
      p["xn" + i] = 0;
      p["xs" + i] = "";
    }
    p.xs0 = "";
    p._next = p._prev = p.xfirst = p.data = p.plugin = p.setRatio = p.rxp = null;

    /**
     * Appends and extra tweening value to a CSSPropTween and automatically manages any prefix and suffix strings. The first extra value is stored in the s and c of the main CSSPropTween instance, but thereafter any extras are stored in the xn1, xn2, xn3, etc. The prefixes and suffixes are stored in the xs0, xs1, xs2, etc. properties. For example, if I walk through a clip value like "rect(10px, 5px, 0px, 20px)", the values would be stored like this:
     * xs0:"rect(", s:10, xs1:"px, ", xn1:5, xs2:"px, ", xn2:0, xs3:"px, ", xn3:20, xn4:"px)"
     * And they'd all get joined together when the CSSPlugin renders (in the setRatio() method).
     * @param {string=} pfx Prefix (if any)
     * @param {!number} s Starting value
     * @param {!number} c Change in numeric value over the course of the entire tween. For example, if the start is 5 and the end is 100, the change would be 95.
     * @param {string=} sfx Suffix (if any)
     * @param {boolean=} r Round (if true).
     * @param {boolean=} pad If true, this extra value should be separated by the previous one by a space. If there is no previous extra and pad is true, it will automatically drop the space.
     * @return {CSSPropTween} returns itself so that multiple methods can be chained together.
     */
    p.appendXtra = function (pfx, s, c, sfx, r, pad) {
      var pt = this,
        l = pt.l;
      pt["xs" + l] += pad && (l || pt["xs" + l]) ? " " + pfx : pfx || "";
      if (!c) if (l !== 0 && !pt.plugin) {
        //typically we'll combine non-changing values right into the xs to optimize performance, but we don't combine them when there's a plugin that will be tweening the values because it may depend on the values being split apart, like for a bezier, if a value doesn't change between the first and second iteration but then it does on the 3rd, we'll run into trouble because there's no xn slot for that value!
        pt["xs" + l] += s + (sfx || "");
        return pt;
      }
      pt.l++;
      pt.type = pt.setRatio ? 2 : 1;
      pt["xs" + pt.l] = sfx || "";
      if (l > 0) {
        pt.data["xn" + l] = s + c;
        pt.rxp["xn" + l] = r; //round extra property (we need to tap into this in the _parseToProxy() method)
        pt["xn" + l] = s;
        if (!pt.plugin) {
          pt.xfirst = new CSSPropTween(pt, "xn" + l, s, c, pt.xfirst || pt, 0, pt.n, r, pt.pr);
          pt.xfirst.xs0 = 0; //just to ensure that the property stays numeric which helps modern browsers speed up processing. Remember, in the setRatio() method, we do pt.t[pt.p] = val + pt.xs0 so if pt.xs0 is "" (the default), it'll cast the end value as a string. When a property is a number sometimes and a string sometimes, it prevents the compiler from locking in the data type, slowing things down slightly.
        }
        return pt;
      }
      pt.data = {
        s: s + c
      };
      pt.rxp = {};
      pt.s = s;
      pt.c = c;
      pt.r = r;
      return pt;
    };

    /**
     * @constructor A SpecialProp is basically a css property that needs to be treated in a non-standard way, like if it may contain a complex value like boxShadow:"5px 10px 15px rgb(255, 102, 51)" or if it is associated with another plugin like ThrowPropsPlugin or BezierPlugin. Every SpecialProp is associated with a particular property name like "boxShadow" or "throwProps" or "bezier" and it will intercept those values in the vars object that's passed to the CSSPlugin and handle them accordingly.
     * @param {!string} p Property name (like "boxShadow" or "throwProps")
     * @param {Object=} options An object containing any of the following configuration options:
     *                      - defaultValue: the default value
     *                      - parser: A function that should be called when the associated property name is found in the vars. This function should return a CSSPropTween instance and it should ensure that it is properly inserted into the linked list. It will receive 4 paramters: 1) The target, 2) The value defined in the vars, 3) The CSSPlugin instance (whose _firstPT should be used for the linked list), and 4) A computed style object if one was calculated (this is a speed optimization that allows retrieval of starting values quicker)
     *                      - formatter: a function that formats any value received for this special property (for example, boxShadow could take "5px 5px red" and format it to "5px 5px 0px 0px red" so that both the beginning and ending values have a common order and quantity of values.)
     *                      - prefix: if true, we'll determine whether or not this property requires a vendor prefix (like Webkit or Moz or ms or O)
     *                      - color: set this to true if the value for this SpecialProp may contain color-related values like rgb(), rgba(), etc.
     *                      - priority: priority in the linked list order. Higher priority SpecialProps will be updated before lower priority ones. The default priority is 0.
     *                      - multi: if true, the formatter should accommodate a comma-delimited list of values, like boxShadow could have multiple boxShadows listed out.
     *                      - collapsible: if true, the formatter should treat the value like it's a top/right/bottom/left value that could be collapsed, like "5px" would apply to all, "5px, 10px" would use 5px for top/bottom and 10px for right/left, etc.
     *                      - keyword: a special keyword that can [optionally] be found inside the value (like "inset" for boxShadow). This allows us to validate beginning/ending values to make sure they match (if the keyword is found in one, it'll be added to the other for consistency by default).
     */
    var SpecialProp = function SpecialProp(p, options) {
        options = options || {};
        this.p = options.prefix ? _checkPropPrefix(p) || p : p;
        _specialProps[p] = _specialProps[this.p] = this;
        this.format = options.formatter || _getFormatter(options.defaultValue, options.color, options.collapsible, options.multi);
        if (options.parser) {
          this.parse = options.parser;
        }
        this.clrs = options.color;
        this.multi = options.multi;
        this.keyword = options.keyword;
        this.dflt = options.defaultValue;
        this.pr = options.priority || 0;
      },
      //shortcut for creating a new SpecialProp that can accept multiple properties as a comma-delimited list (helps minification). dflt can be an array for multiple values (we don't do a comma-delimited list because the default value may contain commas, like rect(0px,0px,0px,0px)). We attach this method to the SpecialProp class/object instead of using a private _createSpecialProp() method so that we can tap into it externally if necessary, like from another plugin.
      _registerComplexSpecialProp = _internals._registerComplexSpecialProp = function (p, options, defaults) {
        if (_typeof(options) !== "object") {
          options = {
            parser: defaults
          }; //to make backwards compatible with older versions of BezierPlugin and ThrowPropsPlugin
        }
        var a = p.split(","),
          d = options.defaultValue,
          i,
          temp;
        defaults = defaults || [d];
        for (i = 0; i < a.length; i++) {
          options.prefix = i === 0 && options.prefix;
          options.defaultValue = defaults[i] || d;
          temp = new SpecialProp(a[i], options);
        }
      },
      //creates a placeholder special prop for a plugin so that the property gets caught the first time a tween of it is attempted, and at that time it makes the plugin register itself, thus taking over for all future tweens of that property. This allows us to not mandate that things load in a particular order and it also allows us to log() an error that informs the user when they attempt to tween an external plugin-related property without loading its .js file.
      _registerPluginProp = _internals._registerPluginProp = function (p) {
        if (!_specialProps[p]) {
          var pluginName = p.charAt(0).toUpperCase() + p.substr(1) + "Plugin";
          _registerComplexSpecialProp(p, {
            parser: function parser(t, e, p, cssp, pt, plugin, vars) {
              var pluginClass = _globals.com.greensock.plugins[pluginName];
              if (!pluginClass) {
                _log("Error: " + pluginName + " js file not loaded.");
                return pt;
              }
              pluginClass._cssRegister();
              return _specialProps[p].parse(t, e, p, cssp, pt, plugin, vars);
            }
          });
        }
      };
    p = SpecialProp.prototype;

    /**
     * Alias for _parseComplex() that automatically plugs in certain values for this SpecialProp, like its property name, whether or not colors should be sensed, the default value, and priority. It also looks for any keyword that the SpecialProp defines (like "inset" for boxShadow) and ensures that the beginning and ending values have the same number of values for SpecialProps where multi is true (like boxShadow and textShadow can have a comma-delimited list)
     * @param {!Object} t target element
     * @param {(string|number|object)} b beginning value
     * @param {(string|number|object)} e ending (destination) value
     * @param {CSSPropTween=} pt next CSSPropTween in the linked list
     * @param {TweenPlugin=} plugin If another plugin will be tweening the complex value, that TweenPlugin instance goes here.
     * @param {function=} setRatio If a custom setRatio() method should be used to handle this complex value, that goes here.
     * @return {CSSPropTween=} First CSSPropTween in the linked list
     */
    p.parseComplex = function (t, b, e, pt, plugin, setRatio) {
      var kwd = this.keyword,
        i,
        ba,
        ea,
        l,
        bi,
        ei;
      //if this SpecialProp's value can contain a comma-delimited list of values (like boxShadow or textShadow), we must parse them in a special way, and look for a keyword (like "inset" for boxShadow) and ensure that the beginning and ending BOTH have it if the end defines it as such. We also must ensure that there are an equal number of values specified (we can't tween 1 boxShadow to 3 for example)
      if (this.multi) if (_commasOutsideParenExp.test(e) || _commasOutsideParenExp.test(b)) {
        ba = b.replace(_commasOutsideParenExp, "|").split("|");
        ea = e.replace(_commasOutsideParenExp, "|").split("|");
      } else if (kwd) {
        ba = [b];
        ea = [e];
      }
      if (ea) {
        l = ea.length > ba.length ? ea.length : ba.length;
        for (i = 0; i < l; i++) {
          b = ba[i] = ba[i] || this.dflt;
          e = ea[i] = ea[i] || this.dflt;
          if (kwd) {
            bi = b.indexOf(kwd);
            ei = e.indexOf(kwd);
            if (bi !== ei) {
              if (ei === -1) {
                //if the keyword isn't in the end value, remove it from the beginning one.
                ba[i] = ba[i].split(kwd).join("");
              } else if (bi === -1) {
                //if the keyword isn't in the beginning, add it.
                ba[i] += " " + kwd;
              }
            }
          }
        }
        b = ba.join(", ");
        e = ea.join(", ");
      }
      return _parseComplex(t, this.p, b, e, this.clrs, this.dflt, pt, this.pr, plugin, setRatio);
    };

    /**
     * Accepts a target and end value and spits back a CSSPropTween that has been inserted into the CSSPlugin's linked list and conforms with all the conventions we use internally, like type:-1, 0, 1, or 2, setting up any extra property tweens, priority, etc. For example, if we have a boxShadow SpecialProp and call:
     * this._firstPT = sp.parse(element, "5px 10px 20px rgb(2550,102,51)", "boxShadow", this);
     * It should figure out the starting value of the element's boxShadow, compare it to the provided end value and create all the necessary CSSPropTweens of the appropriate types to tween the boxShadow. The CSSPropTween that gets spit back should already be inserted into the linked list (the 4th parameter is the current head, so prepend to that).
     * @param {!Object} t Target object whose property is being tweened
     * @param {Object} e End value as provided in the vars object (typically a string, but not always - like a throwProps would be an object).
     * @param {!string} p Property name
     * @param {!CSSPlugin} cssp The CSSPlugin instance that should be associated with this tween.
     * @param {?CSSPropTween} pt The CSSPropTween that is the current head of the linked list (we'll prepend to it)
     * @param {TweenPlugin=} plugin If a plugin will be used to tween the parsed value, this is the plugin instance.
     * @param {Object=} vars Original vars object that contains the data for parsing.
     * @return {CSSPropTween} The first CSSPropTween in the linked list which includes the new one(s) added by the parse() call.
     */
    p.parse = function (t, e, p, cssp, pt, plugin, vars) {
      return this.parseComplex(t.style, this.format(_getStyle(t, this.p, _cs, false, this.dflt)), this.format(e), pt, plugin);
    };

    /**
     * Registers a special property that should be intercepted from any "css" objects defined in tweens. This allows you to handle them however you want without CSSPlugin doing it for you. The 2nd parameter should be a function that accepts 3 parameters:
     *  1) Target object whose property should be tweened (typically a DOM element)
     *  2) The end/destination value (could be a string, number, object, or whatever you want)
     *  3) The tween instance (you probably don't need to worry about this, but it can be useful for looking up information like the duration)
     *
     * Then, your function should return a function which will be called each time the tween gets rendered, passing a numeric "ratio" parameter to your function that indicates the change factor (usually between 0 and 1). For example:
     *
     * CSSPlugin.registerSpecialProp("myCustomProp", function(target, value, tween) {
     *      var start = target.style.width;
     *      return function(ratio) {
     *              target.style.width = (start + value * ratio) + "px";
     *              console.log("set width to " + target.style.width);
     *          }
     * }, 0);
     *
     * Then, when I do this tween, it will trigger my special property:
     *
     * TweenLite.to(element, 1, {css:{myCustomProp:100}});
     *
     * In the example, of course, we're just changing the width, but you can do anything you want.
     *
     * @param {!string} name Property name (or comma-delimited list of property names) that should be intercepted and handled by your function. For example, if I define "myCustomProp", then it would handle that portion of the following tween: TweenLite.to(element, 1, {css:{myCustomProp:100}})
     * @param {!function(Object, Object, Object, string):function(number)} onInitTween The function that will be called when a tween of this special property is performed. The function will receive 4 parameters: 1) Target object that should be tweened, 2) Value that was passed to the tween, 3) The tween instance itself (rarely used), and 4) The property name that's being tweened. Your function should return a function that should be called on every update of the tween. That function will receive a single parameter that is a "change factor" value (typically between 0 and 1) indicating the amount of change as a ratio. You can use this to determine how to set the values appropriately in your function.
     * @param {number=} priority Priority that helps the engine determine the order in which to set the properties (default: 0). Higher priority properties will be updated before lower priority ones.
     */
    CSSPlugin.registerSpecialProp = function (name, onInitTween, priority) {
      _registerComplexSpecialProp(name, {
        parser: function parser(t, e, p, cssp, pt, plugin, vars) {
          var rv = new CSSPropTween(t, p, 0, 0, pt, 2, p, false, priority);
          rv.plugin = plugin;
          rv.setRatio = onInitTween(t, e, cssp._tween, p);
          return rv;
        },
        priority: priority
      });
    };

    //transform-related methods and properties
    CSSPlugin.useSVGTransformAttr = true; //Safari and Firefox both have some rendering bugs when applying CSS transforms to SVG elements, so default to using the "transform" attribute instead (users can override this).
    var _transformProps = "scaleX,scaleY,scaleZ,x,y,z,skewX,skewY,rotation,rotationX,rotationY,perspective,xPercent,yPercent".split(","),
      _transformProp = _checkPropPrefix("transform"),
      //the Javascript (camelCase) transform property, like msTransform, WebkitTransform, MozTransform, or OTransform.
      _transformPropCSS = _prefixCSS + "transform",
      _transformOriginProp = _checkPropPrefix("transformOrigin"),
      _supports3D = _checkPropPrefix("perspective") !== null,
      Transform = _internals.Transform = function () {
        this.perspective = parseFloat(CSSPlugin.defaultTransformPerspective) || 0;
        this.force3D = CSSPlugin.defaultForce3D === false || !_supports3D ? false : CSSPlugin.defaultForce3D || "auto";
      },
      _SVGElement = _gsScope.SVGElement,
      _useSVGTransformAttr,
      //Some browsers (like Firefox and IE) don't honor transform-origin properly in SVG elements, so we need to manually adjust the matrix accordingly. We feature detect here rather than always doing the conversion for certain browsers because they may fix the problem at some point in the future.

      _createSVG = function _createSVG(type, container, attributes) {
        var element = _doc.createElementNS("http://www.w3.org/2000/svg", type),
          reg = /([a-z])([A-Z])/g,
          p;
        for (p in attributes) {
          element.setAttributeNS(null, p.replace(reg, "$1-$2").toLowerCase(), attributes[p]);
        }
        container.appendChild(element);
        return element;
      },
      _docElement = _doc.documentElement || {},
      _forceSVGTransformAttr = function () {
        //IE and Android stock don't support CSS transforms on SVG elements, so we must write them to the "transform" attribute. We populate this variable in the _parseTransform() method, and only if/when we come across an SVG element
        var force = _ieVers || /Android/i.test(_agent) && !_gsScope.chrome,
          svg,
          rect,
          width;
        if (_doc.createElementNS && !force) {
          //IE8 and earlier doesn't support SVG anyway
          svg = _createSVG("svg", _docElement);
          rect = _createSVG("rect", svg, {
            width: 100,
            height: 50,
            x: 100
          });
          width = rect.getBoundingClientRect().width;
          rect.style[_transformOriginProp] = "50% 50%";
          rect.style[_transformProp] = "scaleX(0.5)";
          force = width === rect.getBoundingClientRect().width && !(_isFirefox && _supports3D); //note: Firefox fails the test even though it does support CSS transforms in 3D. Since we can't push 3D stuff into the transform attribute, we force Firefox to pass the test here (as long as it does truly support 3D).
          _docElement.removeChild(svg);
        }
        return force;
      }(),
      _parseSVGOrigin = function _parseSVGOrigin(e, local, decoratee, absolute, smoothOrigin, skipRecord) {
        var tm = e._gsTransform,
          m = _getMatrix(e, true),
          v,
          x,
          y,
          xOrigin,
          yOrigin,
          a,
          b,
          c,
          d,
          tx,
          ty,
          determinant,
          xOriginOld,
          yOriginOld;
        if (tm) {
          xOriginOld = tm.xOrigin; //record the original values before we alter them.
          yOriginOld = tm.yOrigin;
        }
        if (!absolute || (v = absolute.split(" ")).length < 2) {
          b = e.getBBox();
          if (b.x === 0 && b.y === 0 && b.width + b.height === 0) {
            //some browsers (like Firefox) misreport the bounds if the element has zero width and height (it just assumes it's at x:0, y:0), thus we need to manually grab the position in that case.
            b = {
              x: parseFloat(e.hasAttribute("x") ? e.getAttribute("x") : e.hasAttribute("cx") ? e.getAttribute("cx") : 0) || 0,
              y: parseFloat(e.hasAttribute("y") ? e.getAttribute("y") : e.hasAttribute("cy") ? e.getAttribute("cy") : 0) || 0,
              width: 0,
              height: 0
            };
          }
          local = _parsePosition(local).split(" ");
          v = [(local[0].indexOf("%") !== -1 ? parseFloat(local[0]) / 100 * b.width : parseFloat(local[0])) + b.x, (local[1].indexOf("%") !== -1 ? parseFloat(local[1]) / 100 * b.height : parseFloat(local[1])) + b.y];
        }
        decoratee.xOrigin = xOrigin = parseFloat(v[0]);
        decoratee.yOrigin = yOrigin = parseFloat(v[1]);
        if (absolute && m !== _identity2DMatrix) {
          //if svgOrigin is being set, we must invert the matrix and determine where the absolute point is, factoring in the current transforms. Otherwise, the svgOrigin would be based on the element's non-transformed position on the canvas.
          a = m[0];
          b = m[1];
          c = m[2];
          d = m[3];
          tx = m[4];
          ty = m[5];
          determinant = a * d - b * c;
          if (determinant) {
            //if it's zero (like if scaleX and scaleY are zero), skip it to avoid errors with dividing by zero.
            x = xOrigin * (d / determinant) + yOrigin * (-c / determinant) + (c * ty - d * tx) / determinant;
            y = xOrigin * (-b / determinant) + yOrigin * (a / determinant) - (a * ty - b * tx) / determinant;
            xOrigin = decoratee.xOrigin = v[0] = x;
            yOrigin = decoratee.yOrigin = v[1] = y;
          }
        }
        if (tm) {
          //avoid jump when transformOrigin is changed - adjust the x/y values accordingly
          if (skipRecord) {
            decoratee.xOffset = tm.xOffset;
            decoratee.yOffset = tm.yOffset;
            tm = decoratee;
          }
          if (smoothOrigin || smoothOrigin !== false && CSSPlugin.defaultSmoothOrigin !== false) {
            x = xOrigin - xOriginOld;
            y = yOrigin - yOriginOld;
            //originally, we simply adjusted the x and y values, but that would cause problems if, for example, you created a rotational tween part-way through an x/y tween. Managing the offset in a separate variable gives us ultimate flexibility.
            //tm.x -= x - (x * m[0] + y * m[2]);
            //tm.y -= y - (x * m[1] + y * m[3]);
            tm.xOffset += x * m[0] + y * m[2] - x;
            tm.yOffset += x * m[1] + y * m[3] - y;
          } else {
            tm.xOffset = tm.yOffset = 0;
          }
        }
        if (!skipRecord) {
          e.setAttribute("data-svg-origin", v.join(" "));
        }
      },
      _getBBoxHack = function _getBBoxHack(swapIfPossible) {
        //works around issues in some browsers (like Firefox) that don't correctly report getBBox() on SVG elements inside a <defs> element and/or <mask>. We try creating an SVG, adding it to the documentElement and toss the element in there so that it's definitely part of the rendering tree, then grab the bbox and if it works, we actually swap out the original getBBox() method for our own that does these extra steps whenever getBBox is needed. This helps ensure that performance is optimal (only do all these extra steps when absolutely necessary...most elements don't need it).
        var svg = _createElement("svg", this.ownerSVGElement && this.ownerSVGElement.getAttribute("xmlns") || "http://www.w3.org/2000/svg"),
          oldParent = this.parentNode,
          oldSibling = this.nextSibling,
          oldCSS = this.style.cssText,
          bbox;
        _docElement.appendChild(svg);
        svg.appendChild(this);
        this.style.display = "block";
        if (swapIfPossible) {
          try {
            bbox = this.getBBox();
            this._originalGetBBox = this.getBBox;
            this.getBBox = _getBBoxHack;
          } catch (e) {}
        } else if (this._originalGetBBox) {
          bbox = this._originalGetBBox();
        }
        if (oldSibling) {
          oldParent.insertBefore(this, oldSibling);
        } else {
          oldParent.appendChild(this);
        }
        _docElement.removeChild(svg);
        this.style.cssText = oldCSS;
        return bbox;
      },
      _getBBox = function _getBBox(e) {
        try {
          return e.getBBox(); //Firefox throws errors if you try calling getBBox() on an SVG element that's not rendered (like in a <symbol> or <defs>). https://bugzilla.mozilla.org/show_bug.cgi?id=612118
        } catch (error) {
          return _getBBoxHack.call(e, true);
        }
      },
      _isSVG = function _isSVG(e) {
        //reports if the element is an SVG on which getBBox() actually works
        return !!(_SVGElement && e.getCTM && (!e.parentNode || e.ownerSVGElement) && _getBBox(e));
      },
      _identity2DMatrix = [1, 0, 0, 1, 0, 0],
      _getMatrix = function _getMatrix(e, force2D) {
        var tm = e._gsTransform || new Transform(),
          rnd = 100000,
          style = e.style,
          isDefault,
          s,
          m,
          n,
          dec,
          none;
        if (_transformProp) {
          s = _getStyle(e, _transformPropCSS, null, true);
        } else if (e.currentStyle) {
          //for older versions of IE, we need to interpret the filter portion that is in the format: progid:DXImageTransform.Microsoft.Matrix(M11=6.123233995736766e-17, M12=-1, M21=1, M22=6.123233995736766e-17, sizingMethod='auto expand') Notice that we need to swap b and c compared to a normal matrix.
          s = e.currentStyle.filter.match(_ieGetMatrixExp);
          s = s && s.length === 4 ? [s[0].substr(4), Number(s[2].substr(4)), Number(s[1].substr(4)), s[3].substr(4), tm.x || 0, tm.y || 0].join(",") : "";
        }
        isDefault = !s || s === "none" || s === "matrix(1, 0, 0, 1, 0, 0)";
        if (_transformProp && ((none = !_getComputedStyle(e) || _getComputedStyle(e).display === "none") || !e.parentNode)) {
          //note: Firefox returns null for getComputedStyle() if the element is in an iframe that has display:none. https://bugzilla.mozilla.org/show_bug.cgi?id=548397
          if (none) {
            //browsers don't report transforms accurately unless the element is in the DOM and has a display value that's not "none". Firefox and Microsoft browsers have a partial bug where they'll report transforms even if display:none BUT not any percentage-based values like translate(-50%, 8px) will be reported as if it's translate(0, 8px).
            n = style.display;
            style.display = "block";
          }
          if (!e.parentNode) {
            dec = 1; //flag
            _docElement.appendChild(e);
          }
          s = _getStyle(e, _transformPropCSS, null, true);
          isDefault = !s || s === "none" || s === "matrix(1, 0, 0, 1, 0, 0)";
          if (n) {
            style.display = n;
          } else if (none) {
            _removeProp(style, "display");
          }
          if (dec) {
            _docElement.removeChild(e);
          }
        }
        if (tm.svg || e.getCTM && _isSVG(e)) {
          if (isDefault && (style[_transformProp] + "").indexOf("matrix") !== -1) {
            //some browsers (like Chrome 40) don't correctly report transforms that are applied inline on an SVG element (they don't get included in the computed style), so we double-check here and accept matrix values
            s = style[_transformProp];
            isDefault = 0;
          }
          m = e.getAttribute("transform");
          if (isDefault && m) {
            m = e.transform.baseVal.consolidate().matrix; //ensures that even complex values like "translate(50,60) rotate(135,0,0)" are parsed because it mashes it into a matrix.
            s = "matrix(" + m.a + "," + m.b + "," + m.c + "," + m.d + "," + m.e + "," + m.f + ")";
            isDefault = 0;
          }
        }
        if (isDefault) {
          return _identity2DMatrix;
        }
        //split the matrix values out into an array (m for matrix)
        m = (s || "").match(_numExp) || [];
        i = m.length;
        while (--i > -1) {
          n = Number(m[i]);
          m[i] = (dec = n - (n |= 0)) ? (dec * rnd + (dec < 0 ? -0.5 : 0.5) | 0) / rnd + n : n; //convert strings to Numbers and round to 5 decimal places to avoid issues with tiny numbers. Roughly 20x faster than Number.toFixed(). We also must make sure to round before dividing so that values like 0.9999999999 become 1 to avoid glitches in browser rendering and interpretation of flipped/rotated 3D matrices. And don't just multiply the number by rnd, floor it, and then divide by rnd because the bitwise operations max out at a 32-bit signed integer, thus it could get clipped at a relatively low value (like 22,000.00000 for example).
        }
        return force2D && m.length > 6 ? [m[0], m[1], m[4], m[5], m[12], m[13]] : m;
      },
      /**
       * Parses the transform values for an element, returning an object with x, y, z, scaleX, scaleY, scaleZ, rotation, rotationX, rotationY, skewX, and skewY properties. Note: by default (for performance reasons), all skewing is combined into skewX and rotation but skewY still has a place in the transform object so that we can record how much of the skew is attributed to skewX vs skewY. Remember, a skewY of 10 looks the same as a rotation of 10 and skewX of -10.
       * @param {!Object} t target element
       * @param {Object=} cs computed style object (optional)
       * @param {boolean=} rec if true, the transform values will be recorded to the target element's _gsTransform object, like target._gsTransform = {x:0, y:0, z:0, scaleX:1...}
       * @param {boolean=} parse if true, we'll ignore any _gsTransform values that already exist on the element, and force a reparsing of the css (calculated style)
       * @return {object} object containing all of the transform properties/values like {x:0, y:0, z:0, scaleX:1...}
       */
      _getTransform = _internals.getTransform = function (t, cs, rec, parse) {
        if (t._gsTransform && rec && !parse) {
          return t._gsTransform; //if the element already has a _gsTransform, use that. Note: some browsers don't accurately return the calculated style for the transform (particularly for SVG), so it's almost always safest to just use the values we've already applied rather than re-parsing things.
        }
        var tm = rec ? t._gsTransform || new Transform() : new Transform(),
          invX = tm.scaleX < 0,
          //in order to interpret things properly, we need to know if the user applied a negative scaleX previously so that we can adjust the rotation and skewX accordingly. Otherwise, if we always interpret a flipped matrix as affecting scaleY and the user only wants to tween the scaleX on multiple sequential tweens, it would keep the negative scaleY without that being the user's intent.
          min = 0.00002,
          rnd = 100000,
          zOrigin = _supports3D ? parseFloat(_getStyle(t, _transformOriginProp, cs, false, "0 0 0").split(" ")[2]) || tm.zOrigin || 0 : 0,
          defaultTransformPerspective = parseFloat(CSSPlugin.defaultTransformPerspective) || 0,
          m,
          i,
          scaleX,
          scaleY,
          rotation,
          skewX;
        tm.svg = !!(t.getCTM && _isSVG(t));
        if (tm.svg) {
          _parseSVGOrigin(t, _getStyle(t, _transformOriginProp, cs, false, "50% 50%") + "", tm, t.getAttribute("data-svg-origin"));
          _useSVGTransformAttr = CSSPlugin.useSVGTransformAttr || _forceSVGTransformAttr;
        }
        m = _getMatrix(t);
        if (m !== _identity2DMatrix) {
          if (m.length === 16) {
            //we'll only look at these position-related 6 variables first because if x/y/z all match, it's relatively safe to assume we don't need to re-parse everything which risks losing important rotational information (like rotationX:180 plus rotationY:180 would look the same as rotation:180 - there's no way to know for sure which direction was taken based solely on the matrix3d() values)
            var a11 = m[0],
              a21 = m[1],
              a31 = m[2],
              a41 = m[3],
              a12 = m[4],
              a22 = m[5],
              a32 = m[6],
              a42 = m[7],
              a13 = m[8],
              a23 = m[9],
              a33 = m[10],
              a14 = m[12],
              a24 = m[13],
              a34 = m[14],
              a43 = m[11],
              angle = Math.atan2(a32, a33),
              t1,
              t2,
              t3,
              t4,
              cos,
              sin;
            //we manually compensate for non-zero z component of transformOrigin to work around bugs in Safari
            if (tm.zOrigin) {
              a34 = -tm.zOrigin;
              a14 = a13 * a34 - m[12];
              a24 = a23 * a34 - m[13];
              a34 = a33 * a34 + tm.zOrigin - m[14];
            }
            //note for possible future consolidation: rotationX: Math.atan2(a32, a33), rotationY: Math.atan2(-a31, Math.sqrt(a33 * a33 + a32 * a32)), rotation: Math.atan2(a21, a11), skew: Math.atan2(a12, a22). However, it doesn't seem to be quite as reliable as the full-on backwards rotation procedure.
            tm.rotationX = angle * _RAD2DEG;
            //rotationX
            if (angle) {
              cos = Math.cos(-angle);
              sin = Math.sin(-angle);
              t1 = a12 * cos + a13 * sin;
              t2 = a22 * cos + a23 * sin;
              t3 = a32 * cos + a33 * sin;
              a13 = a12 * -sin + a13 * cos;
              a23 = a22 * -sin + a23 * cos;
              a33 = a32 * -sin + a33 * cos;
              a43 = a42 * -sin + a43 * cos;
              a12 = t1;
              a22 = t2;
              a32 = t3;
            }
            //rotationY
            angle = Math.atan2(-a31, a33);
            tm.rotationY = angle * _RAD2DEG;
            if (angle) {
              cos = Math.cos(-angle);
              sin = Math.sin(-angle);
              t1 = a11 * cos - a13 * sin;
              t2 = a21 * cos - a23 * sin;
              t3 = a31 * cos - a33 * sin;
              a23 = a21 * sin + a23 * cos;
              a33 = a31 * sin + a33 * cos;
              a43 = a41 * sin + a43 * cos;
              a11 = t1;
              a21 = t2;
              a31 = t3;
            }
            //rotationZ
            angle = Math.atan2(a21, a11);
            tm.rotation = angle * _RAD2DEG;
            if (angle) {
              cos = Math.cos(angle);
              sin = Math.sin(angle);
              t1 = a11 * cos + a21 * sin;
              t2 = a12 * cos + a22 * sin;
              t3 = a13 * cos + a23 * sin;
              a21 = a21 * cos - a11 * sin;
              a22 = a22 * cos - a12 * sin;
              a23 = a23 * cos - a13 * sin;
              a11 = t1;
              a12 = t2;
              a13 = t3;
            }
            if (tm.rotationX && Math.abs(tm.rotationX) + Math.abs(tm.rotation) > 359.9) {
              //when rotationY is set, it will often be parsed as 180 degrees different than it should be, and rotationX and rotation both being 180 (it looks the same), so we adjust for that here.
              tm.rotationX = tm.rotation = 0;
              tm.rotationY = 180 - tm.rotationY;
            }

            //skewX
            angle = Math.atan2(a12, a22);

            //scales
            tm.scaleX = (Math.sqrt(a11 * a11 + a21 * a21 + a31 * a31) * rnd + 0.5 | 0) / rnd;
            tm.scaleY = (Math.sqrt(a22 * a22 + a32 * a32) * rnd + 0.5 | 0) / rnd;
            tm.scaleZ = (Math.sqrt(a13 * a13 + a23 * a23 + a33 * a33) * rnd + 0.5 | 0) / rnd;
            a11 /= tm.scaleX;
            a12 /= tm.scaleY;
            a21 /= tm.scaleX;
            a22 /= tm.scaleY;
            if (Math.abs(angle) > min) {
              tm.skewX = angle * _RAD2DEG;
              a12 = 0; //unskews
              if (tm.skewType !== "simple") {
                tm.scaleY *= 1 / Math.cos(angle); //by default, we compensate the scale based on the skew so that the element maintains a similar proportion when skewed, so we have to alter the scaleY here accordingly to match the default (non-adjusted) skewing that CSS does (stretching more and more as it skews).
              }
            } else {
              tm.skewX = 0;
            }

            /* //for testing purposes
            var transform = "matrix3d(",
            	comma = ",",
            	zero = "0";
            a13 /= tm.scaleZ;
            a23 /= tm.scaleZ;
            a31 /= tm.scaleX;
            a32 /= tm.scaleY;
            a33 /= tm.scaleZ;
            transform += ((a11 < min && a11 > -min) ? zero : a11) + comma + ((a21 < min && a21 > -min) ? zero : a21) + comma + ((a31 < min && a31 > -min) ? zero : a31);
            transform += comma + ((a41 < min && a41 > -min) ? zero : a41) + comma + ((a12 < min && a12 > -min) ? zero : a12) + comma + ((a22 < min && a22 > -min) ? zero : a22);
            transform += comma + ((a32 < min && a32 > -min) ? zero : a32) + comma + ((a42 < min && a42 > -min) ? zero : a42) + comma + ((a13 < min && a13 > -min) ? zero : a13);
            transform += comma + ((a23 < min && a23 > -min) ? zero : a23) + comma + ((a33 < min && a33 > -min) ? zero : a33) + comma + ((a43 < min && a43 > -min) ? zero : a43) + comma;
            transform += a14 + comma + a24 + comma + a34 + comma + (tm.perspective ? (1 + (-a34 / tm.perspective)) : 1) + ")";
            console.log(transform);
            document.querySelector(".test").style[_transformProp] = transform;
            */

            tm.perspective = a43 ? 1 / (a43 < 0 ? -a43 : a43) : 0;
            tm.x = a14;
            tm.y = a24;
            tm.z = a34;
            if (tm.svg) {
              tm.x -= tm.xOrigin - (tm.xOrigin * a11 - tm.yOrigin * a12);
              tm.y -= tm.yOrigin - (tm.yOrigin * a21 - tm.xOrigin * a22);
            }
          } else if (!_supports3D || parse || !m.length || tm.x !== m[4] || tm.y !== m[5] || !tm.rotationX && !tm.rotationY) {
            //sometimes a 6-element matrix is returned even when we performed 3D transforms, like if rotationX and rotationY are 180. In cases like this, we still need to honor the 3D transforms. If we just rely on the 2D info, it could affect how the data is interpreted, like scaleY might get set to -1 or rotation could get offset by 180 degrees. For example, do a TweenLite.to(element, 1, {css:{rotationX:180, rotationY:180}}) and then later, TweenLite.to(element, 1, {css:{rotationX:0}}) and without this conditional logic in place, it'd jump to a state of being unrotated when the 2nd tween starts. Then again, we need to honor the fact that the user COULD alter the transforms outside of CSSPlugin, like by manually applying new css, so we try to sense that by looking at x and y because if those changed, we know the changes were made outside CSSPlugin and we force a reinterpretation of the matrix values. Also, in Webkit browsers, if the element's "display" is "none", its calculated style value will always return empty, so if we've already recorded the values in the _gsTransform object, we'll just rely on those.
            var k = m.length >= 6,
              a = k ? m[0] : 1,
              b = m[1] || 0,
              c = m[2] || 0,
              d = k ? m[3] : 1;
            tm.x = m[4] || 0;
            tm.y = m[5] || 0;
            scaleX = Math.sqrt(a * a + b * b);
            scaleY = Math.sqrt(d * d + c * c);
            rotation = a || b ? Math.atan2(b, a) * _RAD2DEG : tm.rotation || 0; //note: if scaleX is 0, we cannot accurately measure rotation. Same for skewX with a scaleY of 0. Therefore, we default to the previously recorded value (or zero if that doesn't exist).
            skewX = c || d ? Math.atan2(c, d) * _RAD2DEG + rotation : tm.skewX || 0;
            tm.scaleX = scaleX;
            tm.scaleY = scaleY;
            tm.rotation = rotation;
            tm.skewX = skewX;
            if (_supports3D) {
              tm.rotationX = tm.rotationY = tm.z = 0;
              tm.perspective = defaultTransformPerspective;
              tm.scaleZ = 1;
            }
            if (tm.svg) {
              tm.x -= tm.xOrigin - (tm.xOrigin * a + tm.yOrigin * c);
              tm.y -= tm.yOrigin - (tm.xOrigin * b + tm.yOrigin * d);
            }
          }
          if (Math.abs(tm.skewX) > 90 && Math.abs(tm.skewX) < 270) {
            if (invX) {
              tm.scaleX *= -1;
              tm.skewX += tm.rotation <= 0 ? 180 : -180;
              tm.rotation += tm.rotation <= 0 ? 180 : -180;
            } else {
              tm.scaleY *= -1;
              tm.skewX += tm.skewX <= 0 ? 180 : -180;
            }
          }
          tm.zOrigin = zOrigin;
          //some browsers have a hard time with very small values like 2.4492935982947064e-16 (notice the "e-" towards the end) and would render the object slightly off. So we round to 0 in these cases. The conditional logic here is faster than calling Math.abs(). Also, browsers tend to render a SLIGHTLY rotated object in a fuzzy way, so we need to snap to exactly 0 when appropriate.
          for (i in tm) {
            if (tm[i] < min) if (tm[i] > -min) {
              tm[i] = 0;
            }
          }
        }
        //DEBUG: _log("parsed rotation of " + t.getAttribute("id")+": "+(tm.rotationX)+", "+(tm.rotationY)+", "+(tm.rotation)+", scale: "+tm.scaleX+", "+tm.scaleY+", "+tm.scaleZ+", position: "+tm.x+", "+tm.y+", "+tm.z+", perspective: "+tm.perspective+ ", origin: "+ tm.xOrigin+ ","+ tm.yOrigin);
        if (rec) {
          t._gsTransform = tm; //record to the object's _gsTransform which we use so that tweens can control individual properties independently (we need all the properties to accurately recompose the matrix in the setRatio() method)
          if (tm.svg) {
            //if we're supposed to apply transforms to the SVG element's "transform" attribute, make sure there aren't any CSS transforms applied or they'll override the attribute ones. Also clear the transform attribute if we're using CSS, just to be clean.
            if (_useSVGTransformAttr && t.style[_transformProp]) {
              TweenLite.delayedCall(0.001, function () {
                //if we apply this right away (before anything has rendered), we risk there being no transforms for a brief moment and it also interferes with adjusting the transformOrigin in a tween with immediateRender:true (it'd try reading the matrix and it wouldn't have the appropriate data in place because we just removed it).
                _removeProp(t.style, _transformProp);
              });
            } else if (!_useSVGTransformAttr && t.getAttribute("transform")) {
              TweenLite.delayedCall(0.001, function () {
                t.removeAttribute("transform");
              });
            }
          }
        }
        return tm;
      },
      //for setting 2D transforms in IE6, IE7, and IE8 (must use a "filter" to emulate the behavior of modern day browser transforms)
      _setIETransformRatio = function _setIETransformRatio(v) {
        var t = this.data,
          //refers to the element's _gsTransform object
          ang = -t.rotation * _DEG2RAD,
          skew = ang + t.skewX * _DEG2RAD,
          rnd = 100000,
          a = (Math.cos(ang) * t.scaleX * rnd | 0) / rnd,
          b = (Math.sin(ang) * t.scaleX * rnd | 0) / rnd,
          c = (Math.sin(skew) * -t.scaleY * rnd | 0) / rnd,
          d = (Math.cos(skew) * t.scaleY * rnd | 0) / rnd,
          style = this.t.style,
          cs = this.t.currentStyle,
          filters,
          val;
        if (!cs) {
          return;
        }
        val = b; //just for swapping the variables an inverting them (reused "val" to avoid creating another variable in memory). IE's filter matrix uses a non-standard matrix configuration (angle goes the opposite way, and b and c are reversed and inverted)
        b = -c;
        c = -val;
        filters = cs.filter;
        style.filter = ""; //remove filters so that we can accurately measure offsetWidth/offsetHeight
        var w = this.t.offsetWidth,
          h = this.t.offsetHeight,
          clip = cs.position !== "absolute",
          m = "progid:DXImageTransform.Microsoft.Matrix(M11=" + a + ", M12=" + b + ", M21=" + c + ", M22=" + d,
          ox = t.x + w * t.xPercent / 100,
          oy = t.y + h * t.yPercent / 100,
          dx,
          dy;

        //if transformOrigin is being used, adjust the offset x and y
        if (t.ox != null) {
          dx = (t.oxp ? w * t.ox * 0.01 : t.ox) - w / 2;
          dy = (t.oyp ? h * t.oy * 0.01 : t.oy) - h / 2;
          ox += dx - (dx * a + dy * b);
          oy += dy - (dx * c + dy * d);
        }
        if (!clip) {
          m += ", sizingMethod='auto expand')";
        } else {
          dx = w / 2;
          dy = h / 2;
          //translate to ensure that transformations occur around the correct origin (default is center).
          m += ", Dx=" + (dx - (dx * a + dy * b) + ox) + ", Dy=" + (dy - (dx * c + dy * d) + oy) + ")";
        }
        if (filters.indexOf("DXImageTransform.Microsoft.Matrix(") !== -1) {
          style.filter = filters.replace(_ieSetMatrixExp, m);
        } else {
          style.filter = m + " " + filters; //we must always put the transform/matrix FIRST (before alpha(opacity=xx)) to avoid an IE bug that slices part of the object when rotation is applied with alpha.
        }

        //at the end or beginning of the tween, if the matrix is normal (1, 0, 0, 1) and opacity is 100 (or doesn't exist), remove the filter to improve browser performance.
        if (v === 0 || v === 1) if (a === 1) if (b === 0) if (c === 0) if (d === 1) if (!clip || m.indexOf("Dx=0, Dy=0") !== -1) if (!_opacityExp.test(filters) || parseFloat(RegExp.$1) === 100) if (filters.indexOf("gradient(" && filters.indexOf("Alpha")) === -1) {
          style.removeAttribute("filter");
        }

        //we must set the margins AFTER applying the filter in order to avoid some bugs in IE8 that could (in rare scenarios) cause them to be ignored intermittently (vibration).
        if (!clip) {
          var mult = _ieVers < 8 ? 1 : -1,
            //in Internet Explorer 7 and before, the box model is broken, causing the browser to treat the width/height of the actual rotated filtered image as the width/height of the box itself, but Microsoft corrected that in IE8. We must use a negative offset in IE8 on the right/bottom
            marg,
            prop,
            dif;
          dx = t.ieOffsetX || 0;
          dy = t.ieOffsetY || 0;
          t.ieOffsetX = Math.round((w - ((a < 0 ? -a : a) * w + (b < 0 ? -b : b) * h)) / 2 + ox);
          t.ieOffsetY = Math.round((h - ((d < 0 ? -d : d) * h + (c < 0 ? -c : c) * w)) / 2 + oy);
          for (i = 0; i < 4; i++) {
            prop = _margins[i];
            marg = cs[prop];
            //we need to get the current margin in case it is being tweened separately (we want to respect that tween's changes)
            val = marg.indexOf("px") !== -1 ? parseFloat(marg) : _convertToPixels(this.t, prop, parseFloat(marg), marg.replace(_suffixExp, "")) || 0;
            if (val !== t[prop]) {
              dif = i < 2 ? -t.ieOffsetX : -t.ieOffsetY; //if another tween is controlling a margin, we cannot only apply the difference in the ieOffsets, so we essentially zero-out the dx and dy here in that case. We record the margin(s) later so that we can keep comparing them, making this code very flexible.
            } else {
              dif = i < 2 ? dx - t.ieOffsetX : dy - t.ieOffsetY;
            }
            style[prop] = (t[prop] = Math.round(val - dif * (i === 0 || i === 2 ? 1 : mult))) + "px";
          }
        }
      },
      /* translates a super small decimal to a string WITHOUT scientific notation
      _safeDecimal = function(n) {
      	var s = (n < 0 ? -n : n) + "",
      		a = s.split("e-");
      	return (n < 0 ? "-0." : "0.") + new Array(parseInt(a[1], 10) || 0).join("0") + a[0].split(".").join("");
      },
      */

      _setTransformRatio = _internals.set3DTransformRatio = _internals.setTransformRatio = function (v) {
        var t = this.data,
          //refers to the element's _gsTransform object
          style = this.t.style,
          angle = t.rotation,
          rotationX = t.rotationX,
          rotationY = t.rotationY,
          sx = t.scaleX,
          sy = t.scaleY,
          sz = t.scaleZ,
          x = t.x,
          y = t.y,
          z = t.z,
          isSVG = t.svg,
          perspective = t.perspective,
          force3D = t.force3D,
          skewY = t.skewY,
          skewX = t.skewX,
          t1,
          a11,
          a12,
          a13,
          a21,
          a22,
          a23,
          a31,
          a32,
          a33,
          a41,
          a42,
          a43,
          zOrigin,
          min,
          cos,
          sin,
          t2,
          transform,
          comma,
          zero,
          skew,
          rnd;
        if (skewY) {
          //for performance reasons, we combine all skewing into the skewX and rotation values. Remember, a skewY of 10 degrees looks the same as a rotation of 10 degrees plus a skewX of 10 degrees.
          skewX += skewY;
          angle += skewY;
        }

        //check to see if we should render as 2D (and SVGs must use 2D when _useSVGTransformAttr is true)
        if (((v === 1 || v === 0) && force3D === "auto" && (this.tween._totalTime === this.tween._totalDuration || !this.tween._totalTime) || !force3D) && !z && !perspective && !rotationY && !rotationX && sz === 1 || _useSVGTransformAttr && isSVG || !_supports3D) {
          //on the final render (which could be 0 for a from tween), if there are no 3D aspects, render in 2D to free up memory and improve performance especially on mobile devices. Check the tween's totalTime/totalDuration too in order to make sure it doesn't happen between repeats if it's a repeating tween.

          //2D
          if (angle || skewX || isSVG) {
            angle *= _DEG2RAD;
            skew = skewX * _DEG2RAD;
            rnd = 100000;
            a11 = Math.cos(angle) * sx;
            a21 = Math.sin(angle) * sx;
            a12 = Math.sin(angle - skew) * -sy;
            a22 = Math.cos(angle - skew) * sy;
            if (skew && t.skewType === "simple") {
              //by default, we compensate skewing on the other axis to make it look more natural, but you can set the skewType to "simple" to use the uncompensated skewing that CSS does
              t1 = Math.tan(skew - skewY * _DEG2RAD);
              t1 = Math.sqrt(1 + t1 * t1);
              a12 *= t1;
              a22 *= t1;
              if (skewY) {
                t1 = Math.tan(skewY * _DEG2RAD);
                t1 = Math.sqrt(1 + t1 * t1);
                a11 *= t1;
                a21 *= t1;
              }
            }
            if (isSVG) {
              x += t.xOrigin - (t.xOrigin * a11 + t.yOrigin * a12) + t.xOffset;
              y += t.yOrigin - (t.xOrigin * a21 + t.yOrigin * a22) + t.yOffset;
              if (_useSVGTransformAttr && (t.xPercent || t.yPercent)) {
                //The SVG spec doesn't support percentage-based translation in the "transform" attribute, so we merge it into the matrix to simulate it.
                min = this.t.getBBox();
                x += t.xPercent * 0.01 * min.width;
                y += t.yPercent * 0.01 * min.height;
              }
              min = 0.000001;
              if (x < min) if (x > -min) {
                x = 0;
              }
              if (y < min) if (y > -min) {
                y = 0;
              }
            }
            transform = (a11 * rnd | 0) / rnd + "," + (a21 * rnd | 0) / rnd + "," + (a12 * rnd | 0) / rnd + "," + (a22 * rnd | 0) / rnd + "," + x + "," + y + ")";
            if (isSVG && _useSVGTransformAttr) {
              this.t.setAttribute("transform", "matrix(" + transform);
            } else {
              //some browsers have a hard time with very small values like 2.4492935982947064e-16 (notice the "e-" towards the end) and would render the object slightly off. So we round to 5 decimal places.
              style[_transformProp] = (t.xPercent || t.yPercent ? "translate(" + t.xPercent + "%," + t.yPercent + "%) matrix(" : "matrix(") + transform;
            }
          } else {
            style[_transformProp] = (t.xPercent || t.yPercent ? "translate(" + t.xPercent + "%," + t.yPercent + "%) matrix(" : "matrix(") + sx + ",0,0," + sy + "," + x + "," + y + ")";
          }
          return;
        }
        if (_isFirefox) {
          //Firefox has a bug (at least in v25) that causes it to render the transparent part of 32-bit PNG images as black when displayed inside an iframe and the 3D scale is very small and doesn't change sufficiently enough between renders (like if you use a Power4.easeInOut to scale from 0 to 1 where the beginning values only change a tiny amount to begin the tween before accelerating). In this case, we force the scale to be 0.00002 instead which is visually the same but works around the Firefox issue.
          min = 0.0001;
          if (sx < min && sx > -min) {
            sx = sz = 0.00002;
          }
          if (sy < min && sy > -min) {
            sy = sz = 0.00002;
          }
          if (perspective && !t.z && !t.rotationX && !t.rotationY) {
            //Firefox has a bug that causes elements to have an odd super-thin, broken/dotted black border on elements that have a perspective set but aren't utilizing 3D space (no rotationX, rotationY, or z).
            perspective = 0;
          }
        }
        if (angle || skewX) {
          angle *= _DEG2RAD;
          cos = a11 = Math.cos(angle);
          sin = a21 = Math.sin(angle);
          if (skewX) {
            angle -= skewX * _DEG2RAD;
            cos = Math.cos(angle);
            sin = Math.sin(angle);
            if (t.skewType === "simple") {
              //by default, we compensate skewing on the other axis to make it look more natural, but you can set the skewType to "simple" to use the uncompensated skewing that CSS does
              t1 = Math.tan((skewX - skewY) * _DEG2RAD);
              t1 = Math.sqrt(1 + t1 * t1);
              cos *= t1;
              sin *= t1;
              if (t.skewY) {
                t1 = Math.tan(skewY * _DEG2RAD);
                t1 = Math.sqrt(1 + t1 * t1);
                a11 *= t1;
                a21 *= t1;
              }
            }
          }
          a12 = -sin;
          a22 = cos;
        } else if (!rotationY && !rotationX && sz === 1 && !perspective && !isSVG) {
          //if we're only translating and/or 2D scaling, this is faster...
          style[_transformProp] = (t.xPercent || t.yPercent ? "translate(" + t.xPercent + "%," + t.yPercent + "%) translate3d(" : "translate3d(") + x + "px," + y + "px," + z + "px)" + (sx !== 1 || sy !== 1 ? " scale(" + sx + "," + sy + ")" : "");
          return;
        } else {
          a11 = a22 = 1;
          a12 = a21 = 0;
        }
        // KEY  INDEX   AFFECTS a[row][column]
        // a11  0       rotation, rotationY, scaleX
        // a21  1       rotation, rotationY, scaleX
        // a31  2       rotationY, scaleX
        // a41  3       rotationY, scaleX
        // a12  4       rotation, skewX, rotationX, scaleY
        // a22  5       rotation, skewX, rotationX, scaleY
        // a32  6       rotationX, scaleY
        // a42  7       rotationX, scaleY
        // a13  8       rotationY, rotationX, scaleZ
        // a23  9       rotationY, rotationX, scaleZ
        // a33  10      rotationY, rotationX, scaleZ
        // a43  11      rotationY, rotationX, perspective, scaleZ
        // a14  12      x, zOrigin, svgOrigin
        // a24  13      y, zOrigin, svgOrigin
        // a34  14      z, zOrigin
        // a44  15
        // rotation: Math.atan2(a21, a11)
        // rotationY: Math.atan2(a13, a33) (or Math.atan2(a13, a11))
        // rotationX: Math.atan2(a32, a33)
        a33 = 1;
        a13 = a23 = a31 = a32 = a41 = a42 = 0;
        a43 = perspective ? -1 / perspective : 0;
        zOrigin = t.zOrigin;
        min = 0.000001; //threshold below which browsers use scientific notation which won't work.
        comma = ",";
        zero = "0";
        angle = rotationY * _DEG2RAD;
        if (angle) {
          cos = Math.cos(angle);
          sin = Math.sin(angle);
          a31 = -sin;
          a41 = a43 * -sin;
          a13 = a11 * sin;
          a23 = a21 * sin;
          a33 = cos;
          a43 *= cos;
          a11 *= cos;
          a21 *= cos;
        }
        angle = rotationX * _DEG2RAD;
        if (angle) {
          cos = Math.cos(angle);
          sin = Math.sin(angle);
          t1 = a12 * cos + a13 * sin;
          t2 = a22 * cos + a23 * sin;
          a32 = a33 * sin;
          a42 = a43 * sin;
          a13 = a12 * -sin + a13 * cos;
          a23 = a22 * -sin + a23 * cos;
          a33 = a33 * cos;
          a43 = a43 * cos;
          a12 = t1;
          a22 = t2;
        }
        if (sz !== 1) {
          a13 *= sz;
          a23 *= sz;
          a33 *= sz;
          a43 *= sz;
        }
        if (sy !== 1) {
          a12 *= sy;
          a22 *= sy;
          a32 *= sy;
          a42 *= sy;
        }
        if (sx !== 1) {
          a11 *= sx;
          a21 *= sx;
          a31 *= sx;
          a41 *= sx;
        }
        if (zOrigin || isSVG) {
          if (zOrigin) {
            x += a13 * -zOrigin;
            y += a23 * -zOrigin;
            z += a33 * -zOrigin + zOrigin;
          }
          if (isSVG) {
            //due to bugs in some browsers, we need to manage the transform-origin of SVG manually
            x += t.xOrigin - (t.xOrigin * a11 + t.yOrigin * a12) + t.xOffset;
            y += t.yOrigin - (t.xOrigin * a21 + t.yOrigin * a22) + t.yOffset;
          }
          if (x < min && x > -min) {
            x = zero;
          }
          if (y < min && y > -min) {
            y = zero;
          }
          if (z < min && z > -min) {
            z = 0; //don't use string because we calculate perspective later and need the number.
          }
        }

        //optimized way of concatenating all the values into a string. If we do it all in one shot, it's slower because of the way browsers have to create temp strings and the way it affects memory. If we do it piece-by-piece with +=, it's a bit slower too. We found that doing it in these sized chunks works best overall:
        transform = t.xPercent || t.yPercent ? "translate(" + t.xPercent + "%," + t.yPercent + "%) matrix3d(" : "matrix3d(";
        transform += (a11 < min && a11 > -min ? zero : a11) + comma + (a21 < min && a21 > -min ? zero : a21) + comma + (a31 < min && a31 > -min ? zero : a31);
        transform += comma + (a41 < min && a41 > -min ? zero : a41) + comma + (a12 < min && a12 > -min ? zero : a12) + comma + (a22 < min && a22 > -min ? zero : a22);
        if (rotationX || rotationY || sz !== 1) {
          //performance optimization (often there's no rotationX or rotationY, so we can skip these calculations)
          transform += comma + (a32 < min && a32 > -min ? zero : a32) + comma + (a42 < min && a42 > -min ? zero : a42) + comma + (a13 < min && a13 > -min ? zero : a13);
          transform += comma + (a23 < min && a23 > -min ? zero : a23) + comma + (a33 < min && a33 > -min ? zero : a33) + comma + (a43 < min && a43 > -min ? zero : a43) + comma;
        } else {
          transform += ",0,0,0,0,1,0,";
        }
        transform += x + comma + y + comma + z + comma + (perspective ? 1 + -z / perspective : 1) + ")";
        style[_transformProp] = transform;
      };
    p = Transform.prototype;
    p.x = p.y = p.z = p.skewX = p.skewY = p.rotation = p.rotationX = p.rotationY = p.zOrigin = p.xPercent = p.yPercent = p.xOffset = p.yOffset = 0;
    p.scaleX = p.scaleY = p.scaleZ = 1;
    _registerComplexSpecialProp("transform,scale,scaleX,scaleY,scaleZ,x,y,z,rotation,rotationX,rotationY,rotationZ,skewX,skewY,shortRotation,shortRotationX,shortRotationY,shortRotationZ,transformOrigin,svgOrigin,transformPerspective,directionalRotation,parseTransform,force3D,skewType,xPercent,yPercent,smoothOrigin", {
      parser: function parser(t, e, parsingProp, cssp, pt, plugin, vars) {
        if (cssp._lastParsedTransform === vars) {
          return pt;
        } //only need to parse the transform once, and only if the browser supports it.
        cssp._lastParsedTransform = vars;
        var scaleFunc = vars.scale && typeof vars.scale === "function" ? vars.scale : 0,
          //if there's a function-based "scale" value, swap in the resulting numeric value temporarily. Otherwise, if it's called for both scaleX and scaleY independently, they may not match (like if the function uses Math.random()).
          swapFunc;
        if (typeof vars[parsingProp] === "function") {
          //whatever property triggers the initial parsing might be a function-based value in which case it already got called in parse(), thus we don't want to call it again in here. The most efficient way to avoid this is to temporarily swap the value directly into the vars object, and then after we do all our parsing in this function, we'll swap it back again.
          swapFunc = vars[parsingProp];
          vars[parsingProp] = e;
        }
        if (scaleFunc) {
          vars.scale = scaleFunc(_index, t);
        }
        var originalGSTransform = t._gsTransform,
          style = t.style,
          min = 0.000001,
          i = _transformProps.length,
          v = vars,
          endRotations = {},
          transformOriginString = "transformOrigin",
          m1 = _getTransform(t, _cs, true, v.parseTransform),
          orig = v.transform && (typeof v.transform === "function" ? v.transform(_index, _target) : v.transform),
          m2,
          copy,
          has3D,
          hasChange,
          dr,
          x,
          y,
          matrix,
          p;
        m1.skewType = v.skewType || m1.skewType || CSSPlugin.defaultSkewType;
        cssp._transform = m1;
        if (orig && typeof orig === "string" && _transformProp) {
          //for values like transform:"rotate(60deg) scale(0.5, 0.8)"
          copy = _tempDiv.style; //don't use the original target because it might be SVG in which case some browsers don't report computed style correctly.
          copy[_transformProp] = orig;
          copy.display = "block"; //if display is "none", the browser often refuses to report the transform properties correctly.
          copy.position = "absolute";
          _doc.body.appendChild(_tempDiv);
          m2 = _getTransform(_tempDiv, null, false);
          if (m1.skewType === "simple") {
            //the default _getTransform() reports the skewX/scaleY as if skewType is "compensated", thus we need to adjust that here if skewType is "simple".
            m2.scaleY *= Math.cos(m2.skewX * _DEG2RAD);
          }
          if (m1.svg) {
            //if it's an SVG element, x/y part of the matrix will be affected by whatever we use as the origin and the offsets, so compensate here...
            x = m1.xOrigin;
            y = m1.yOrigin;
            m2.x -= m1.xOffset;
            m2.y -= m1.yOffset;
            if (v.transformOrigin || v.svgOrigin) {
              //if this tween is altering the origin, we must factor that in here. The actual work of recording the transformOrigin values and setting up the PropTween is done later (still inside this function) so we cannot leave the changes intact here - we only want to update the x/y accordingly.
              orig = {};
              _parseSVGOrigin(t, _parsePosition(v.transformOrigin), orig, v.svgOrigin, v.smoothOrigin, true);
              x = orig.xOrigin;
              y = orig.yOrigin;
              m2.x -= orig.xOffset - m1.xOffset;
              m2.y -= orig.yOffset - m1.yOffset;
            }
            if (x || y) {
              matrix = _getMatrix(_tempDiv, true);
              m2.x -= x - (x * matrix[0] + y * matrix[2]);
              m2.y -= y - (x * matrix[1] + y * matrix[3]);
            }
          }
          _doc.body.removeChild(_tempDiv);
          if (!m2.perspective) {
            m2.perspective = m1.perspective; //tweening to no perspective gives very unintuitive results - just keep the same perspective in that case.
          }
          if (v.xPercent != null) {
            m2.xPercent = _parseVal(v.xPercent, m1.xPercent);
          }
          if (v.yPercent != null) {
            m2.yPercent = _parseVal(v.yPercent, m1.yPercent);
          }
        } else if (_typeof(v) === "object") {
          //for values like scaleX, scaleY, rotation, x, y, skewX, and skewY or transform:{...} (object)
          m2 = {
            scaleX: _parseVal(v.scaleX != null ? v.scaleX : v.scale, m1.scaleX),
            scaleY: _parseVal(v.scaleY != null ? v.scaleY : v.scale, m1.scaleY),
            scaleZ: _parseVal(v.scaleZ, m1.scaleZ),
            x: _parseVal(v.x, m1.x),
            y: _parseVal(v.y, m1.y),
            z: _parseVal(v.z, m1.z),
            xPercent: _parseVal(v.xPercent, m1.xPercent),
            yPercent: _parseVal(v.yPercent, m1.yPercent),
            perspective: _parseVal(v.transformPerspective, m1.perspective)
          };
          dr = v.directionalRotation;
          if (dr != null) {
            if (_typeof(dr) === "object") {
              for (copy in dr) {
                v[copy] = dr[copy];
              }
            } else {
              v.rotation = dr;
            }
          }
          if (typeof v.x === "string" && v.x.indexOf("%") !== -1) {
            m2.x = 0;
            m2.xPercent = _parseVal(v.x, m1.xPercent);
          }
          if (typeof v.y === "string" && v.y.indexOf("%") !== -1) {
            m2.y = 0;
            m2.yPercent = _parseVal(v.y, m1.yPercent);
          }
          m2.rotation = _parseAngle("rotation" in v ? v.rotation : "shortRotation" in v ? v.shortRotation + "_short" : "rotationZ" in v ? v.rotationZ : m1.rotation, m1.rotation, "rotation", endRotations);
          if (_supports3D) {
            m2.rotationX = _parseAngle("rotationX" in v ? v.rotationX : "shortRotationX" in v ? v.shortRotationX + "_short" : m1.rotationX || 0, m1.rotationX, "rotationX", endRotations);
            m2.rotationY = _parseAngle("rotationY" in v ? v.rotationY : "shortRotationY" in v ? v.shortRotationY + "_short" : m1.rotationY || 0, m1.rotationY, "rotationY", endRotations);
          }
          m2.skewX = _parseAngle(v.skewX, m1.skewX);
          m2.skewY = _parseAngle(v.skewY, m1.skewY);
        }
        if (_supports3D && v.force3D != null) {
          m1.force3D = v.force3D;
          hasChange = true;
        }
        has3D = m1.force3D || m1.z || m1.rotationX || m1.rotationY || m2.z || m2.rotationX || m2.rotationY || m2.perspective;
        if (!has3D && v.scale != null) {
          m2.scaleZ = 1; //no need to tween scaleZ.
        }
        while (--i > -1) {
          p = _transformProps[i];
          orig = m2[p] - m1[p];
          if (orig > min || orig < -min || v[p] != null || _forcePT[p] != null) {
            hasChange = true;
            pt = new CSSPropTween(m1, p, m1[p], orig, pt);
            if (p in endRotations) {
              pt.e = endRotations[p]; //directional rotations typically have compensated values during the tween, but we need to make sure they end at exactly what the user requested
            }
            pt.xs0 = 0; //ensures the value stays numeric in setRatio()
            pt.plugin = plugin;
            cssp._overwriteProps.push(pt.n);
          }
        }
        orig = v.transformOrigin;
        if (m1.svg && (orig || v.svgOrigin)) {
          x = m1.xOffset; //when we change the origin, in order to prevent things from jumping we adjust the x/y so we must record those here so that we can create PropTweens for them and flip them at the same time as the origin
          y = m1.yOffset;
          _parseSVGOrigin(t, _parsePosition(orig), m2, v.svgOrigin, v.smoothOrigin);
          pt = _addNonTweeningNumericPT(m1, "xOrigin", (originalGSTransform ? m1 : m2).xOrigin, m2.xOrigin, pt, transformOriginString); //note: if there wasn't a transformOrigin defined yet, just start with the destination one; it's wasteful otherwise, and it causes problems with fromTo() tweens. For example, TweenLite.to("#wheel", 3, {rotation:180, transformOrigin:"50% 50%", delay:1}); TweenLite.fromTo("#wheel", 3, {scale:0.5, transformOrigin:"50% 50%"}, {scale:1, delay:2}); would cause a jump when the from values revert at the beginning of the 2nd tween.
          pt = _addNonTweeningNumericPT(m1, "yOrigin", (originalGSTransform ? m1 : m2).yOrigin, m2.yOrigin, pt, transformOriginString);
          if (x !== m1.xOffset || y !== m1.yOffset) {
            pt = _addNonTweeningNumericPT(m1, "xOffset", originalGSTransform ? x : m1.xOffset, m1.xOffset, pt, transformOriginString);
            pt = _addNonTweeningNumericPT(m1, "yOffset", originalGSTransform ? y : m1.yOffset, m1.yOffset, pt, transformOriginString);
          }
          orig = "0px 0px"; //certain browsers (like firefox) completely botch transform-origin, so we must remove it to prevent it from contaminating transforms. We manage it ourselves with xOrigin and yOrigin
        }
        if (orig || _supports3D && has3D && m1.zOrigin) {
          //if anything 3D is happening and there's a transformOrigin with a z component that's non-zero, we must ensure that the transformOrigin's z-component is set to 0 so that we can manually do those calculations to get around Safari bugs. Even if the user didn't specifically define a "transformOrigin" in this particular tween (maybe they did it via css directly).
          if (_transformProp) {
            hasChange = true;
            p = _transformOriginProp;
            orig = (orig || _getStyle(t, p, _cs, false, "50% 50%")) + ""; //cast as string to avoid errors
            pt = new CSSPropTween(style, p, 0, 0, pt, -1, transformOriginString);
            pt.b = style[p];
            pt.plugin = plugin;
            if (_supports3D) {
              copy = m1.zOrigin;
              orig = orig.split(" ");
              m1.zOrigin = (orig.length > 2 && !(copy !== 0 && orig[2] === "0px") ? parseFloat(orig[2]) : copy) || 0; //Safari doesn't handle the z part of transformOrigin correctly, so we'll manually handle it in the _set3DTransformRatio() method.
              pt.xs0 = pt.e = orig[0] + " " + (orig[1] || "50%") + " 0px"; //we must define a z value of 0px specifically otherwise iOS 5 Safari will stick with the old one (if one was defined)!
              pt = new CSSPropTween(m1, "zOrigin", 0, 0, pt, -1, pt.n); //we must create a CSSPropTween for the _gsTransform.zOrigin so that it gets reset properly at the beginning if the tween runs backward (as opposed to just setting m1.zOrigin here)
              pt.b = copy;
              pt.xs0 = pt.e = m1.zOrigin;
            } else {
              pt.xs0 = pt.e = orig;
            }

            //for older versions of IE (6-8), we need to manually calculate things inside the setRatio() function. We record origin x and y (ox and oy) and whether or not the values are percentages (oxp and oyp).
          } else {
            _parsePosition(orig + "", m1);
          }
        }
        if (hasChange) {
          cssp._transformType = !(m1.svg && _useSVGTransformAttr) && (has3D || this._transformType === 3) ? 3 : 2; //quicker than calling cssp._enableTransforms();
        }
        if (swapFunc) {
          vars[parsingProp] = swapFunc;
        }
        if (scaleFunc) {
          vars.scale = scaleFunc;
        }
        return pt;
      },
      prefix: true
    });
    _registerComplexSpecialProp("boxShadow", {
      defaultValue: "0px 0px 0px 0px #999",
      prefix: true,
      color: true,
      multi: true,
      keyword: "inset"
    });
    _registerComplexSpecialProp("borderRadius", {
      defaultValue: "0px",
      parser: function parser(t, e, p, cssp, pt, plugin) {
        e = this.format(e);
        var props = ["borderTopLeftRadius", "borderTopRightRadius", "borderBottomRightRadius", "borderBottomLeftRadius"],
          style = t.style,
          ea1,
          i,
          es2,
          bs2,
          bs,
          es,
          bn,
          en,
          w,
          h,
          esfx,
          bsfx,
          rel,
          hn,
          vn,
          em;
        w = parseFloat(t.offsetWidth);
        h = parseFloat(t.offsetHeight);
        ea1 = e.split(" ");
        for (i = 0; i < props.length; i++) {
          //if we're dealing with percentages, we must convert things separately for the horizontal and vertical axis!
          if (this.p.indexOf("border")) {
            //older browsers used a prefix
            props[i] = _checkPropPrefix(props[i]);
          }
          bs = bs2 = _getStyle(t, props[i], _cs, false, "0px");
          if (bs.indexOf(" ") !== -1) {
            bs2 = bs.split(" ");
            bs = bs2[0];
            bs2 = bs2[1];
          }
          es = es2 = ea1[i];
          bn = parseFloat(bs);
          bsfx = bs.substr((bn + "").length);
          rel = es.charAt(1) === "=";
          if (rel) {
            en = parseInt(es.charAt(0) + "1", 10);
            es = es.substr(2);
            en *= parseFloat(es);
            esfx = es.substr((en + "").length - (en < 0 ? 1 : 0)) || "";
          } else {
            en = parseFloat(es);
            esfx = es.substr((en + "").length);
          }
          if (esfx === "") {
            esfx = _suffixMap[p] || bsfx;
          }
          if (esfx !== bsfx) {
            hn = _convertToPixels(t, "borderLeft", bn, bsfx); //horizontal number (we use a bogus "borderLeft" property just because the _convertToPixels() method searches for the keywords "Left", "Right", "Top", and "Bottom" to determine of it's a horizontal or vertical property, and we need "border" in the name so that it knows it should measure relative to the element itself, not its parent.
            vn = _convertToPixels(t, "borderTop", bn, bsfx); //vertical number
            if (esfx === "%") {
              bs = hn / w * 100 + "%";
              bs2 = vn / h * 100 + "%";
            } else if (esfx === "em") {
              em = _convertToPixels(t, "borderLeft", 1, "em");
              bs = hn / em + "em";
              bs2 = vn / em + "em";
            } else {
              bs = hn + "px";
              bs2 = vn + "px";
            }
            if (rel) {
              es = parseFloat(bs) + en + esfx;
              es2 = parseFloat(bs2) + en + esfx;
            }
          }
          pt = _parseComplex(style, props[i], bs + " " + bs2, es + " " + es2, false, "0px", pt);
        }
        return pt;
      },
      prefix: true,
      formatter: _getFormatter("0px 0px 0px 0px", false, true)
    });
    _registerComplexSpecialProp("borderBottomLeftRadius,borderBottomRightRadius,borderTopLeftRadius,borderTopRightRadius", {
      defaultValue: "0px",
      parser: function parser(t, e, p, cssp, pt, plugin) {
        return _parseComplex(t.style, p, this.format(_getStyle(t, p, _cs, false, "0px 0px")), this.format(e), false, "0px", pt);
      },
      prefix: true,
      formatter: _getFormatter("0px 0px", false, true)
    });
    _registerComplexSpecialProp("backgroundPosition", {
      defaultValue: "0 0",
      parser: function parser(t, e, p, cssp, pt, plugin) {
        var bp = "background-position",
          cs = _cs || _getComputedStyle(t, null),
          bs = this.format((cs ? _ieVers ? cs.getPropertyValue(bp + "-x") + " " + cs.getPropertyValue(bp + "-y") : cs.getPropertyValue(bp) : t.currentStyle.backgroundPositionX + " " + t.currentStyle.backgroundPositionY) || "0 0"),
          //Internet Explorer doesn't report background-position correctly - we must query background-position-x and background-position-y and combine them (even in IE10). Before IE9, we must do the same with the currentStyle object and use camelCase
          es = this.format(e),
          ba,
          ea,
          i,
          pct,
          overlap,
          src;
        if (bs.indexOf("%") !== -1 !== (es.indexOf("%") !== -1) && es.split(",").length < 2) {
          src = _getStyle(t, "backgroundImage").replace(_urlExp, "");
          if (src && src !== "none") {
            ba = bs.split(" ");
            ea = es.split(" ");
            _tempImg.setAttribute("src", src); //set the temp IMG's src to the background-image so that we can measure its width/height
            i = 2;
            while (--i > -1) {
              bs = ba[i];
              pct = bs.indexOf("%") !== -1;
              if (pct !== (ea[i].indexOf("%") !== -1)) {
                overlap = i === 0 ? t.offsetWidth - _tempImg.width : t.offsetHeight - _tempImg.height;
                ba[i] = pct ? parseFloat(bs) / 100 * overlap + "px" : parseFloat(bs) / overlap * 100 + "%";
              }
            }
            bs = ba.join(" ");
          }
        }
        return this.parseComplex(t.style, bs, es, pt, plugin);
      },
      formatter: _parsePosition
    });
    _registerComplexSpecialProp("backgroundSize", {
      defaultValue: "0 0",
      formatter: function formatter(v) {
        v += ""; //ensure it's a string
        return _parsePosition(v.indexOf(" ") === -1 ? v + " " + v : v); //if set to something like "100% 100%", Safari typically reports the computed style as just "100%" (no 2nd value), but we should ensure that there are two values, so copy the first one. Otherwise, it'd be interpreted as "100% 0" (wrong).
      }
    });
    _registerComplexSpecialProp("perspective", {
      defaultValue: "0px",
      prefix: true
    });
    _registerComplexSpecialProp("perspectiveOrigin", {
      defaultValue: "50% 50%",
      prefix: true
    });
    _registerComplexSpecialProp("transformStyle", {
      prefix: true
    });
    _registerComplexSpecialProp("backfaceVisibility", {
      prefix: true
    });
    _registerComplexSpecialProp("userSelect", {
      prefix: true
    });
    _registerComplexSpecialProp("margin", {
      parser: _getEdgeParser("marginTop,marginRight,marginBottom,marginLeft")
    });
    _registerComplexSpecialProp("padding", {
      parser: _getEdgeParser("paddingTop,paddingRight,paddingBottom,paddingLeft")
    });
    _registerComplexSpecialProp("clip", {
      defaultValue: "rect(0px,0px,0px,0px)",
      parser: function parser(t, e, p, cssp, pt, plugin) {
        var b, cs, delim;
        if (_ieVers < 9) {
          //IE8 and earlier don't report a "clip" value in the currentStyle - instead, the values are split apart into clipTop, clipRight, clipBottom, and clipLeft. Also, in IE7 and earlier, the values inside rect() are space-delimited, not comma-delimited.
          cs = t.currentStyle;
          delim = _ieVers < 8 ? " " : ",";
          b = "rect(" + cs.clipTop + delim + cs.clipRight + delim + cs.clipBottom + delim + cs.clipLeft + ")";
          e = this.format(e).split(",").join(delim);
        } else {
          b = this.format(_getStyle(t, this.p, _cs, false, this.dflt));
          e = this.format(e);
        }
        return this.parseComplex(t.style, b, e, pt, plugin);
      }
    });
    _registerComplexSpecialProp("textShadow", {
      defaultValue: "0px 0px 0px #999",
      color: true,
      multi: true
    });
    _registerComplexSpecialProp("autoRound,strictUnits", {
      parser: function parser(t, e, p, cssp, pt) {
        return pt;
      }
    }); //just so that we can ignore these properties (not tween them)
    _registerComplexSpecialProp("border", {
      defaultValue: "0px solid #000",
      parser: function parser(t, e, p, cssp, pt, plugin) {
        var bw = _getStyle(t, "borderTopWidth", _cs, false, "0px"),
          end = this.format(e).split(" "),
          esfx = end[0].replace(_suffixExp, "");
        if (esfx !== "px") {
          //if we're animating to a non-px value, we need to convert the beginning width to that unit.
          bw = parseFloat(bw) / _convertToPixels(t, "borderTopWidth", 1, esfx) + esfx;
        }
        return this.parseComplex(t.style, this.format(bw + " " + _getStyle(t, "borderTopStyle", _cs, false, "solid") + " " + _getStyle(t, "borderTopColor", _cs, false, "#000")), end.join(" "), pt, plugin);
      },
      color: true,
      formatter: function formatter(v) {
        var a = v.split(" ");
        return a[0] + " " + (a[1] || "solid") + " " + (v.match(_colorExp) || ["#000"])[0];
      }
    });
    _registerComplexSpecialProp("borderWidth", {
      parser: _getEdgeParser("borderTopWidth,borderRightWidth,borderBottomWidth,borderLeftWidth")
    }); //Firefox doesn't pick up on borderWidth set in style sheets (only inline).
    _registerComplexSpecialProp("float,cssFloat,styleFloat", {
      parser: function parser(t, e, p, cssp, pt, plugin) {
        var s = t.style,
          prop = "cssFloat" in s ? "cssFloat" : "styleFloat";
        return new CSSPropTween(s, prop, 0, 0, pt, -1, p, false, 0, s[prop], e);
      }
    });

    //opacity-related
    var _setIEOpacityRatio = function _setIEOpacityRatio(v) {
      var t = this.t,
        //refers to the element's style property
        filters = t.filter || _getStyle(this.data, "filter") || "",
        val = this.s + this.c * v | 0,
        skip;
      if (val === 100) {
        //for older versions of IE that need to use a filter to apply opacity, we should remove the filter if opacity hits 1 in order to improve performance, but make sure there isn't a transform (matrix) or gradient in the filters.
        if (filters.indexOf("atrix(") === -1 && filters.indexOf("radient(") === -1 && filters.indexOf("oader(") === -1) {
          t.removeAttribute("filter");
          skip = !_getStyle(this.data, "filter"); //if a class is applied that has an alpha filter, it will take effect (we don't want that), so re-apply our alpha filter in that case. We must first remove it and then check.
        } else {
          t.filter = filters.replace(_alphaFilterExp, "");
          skip = true;
        }
      }
      if (!skip) {
        if (this.xn1) {
          t.filter = filters = filters || "alpha(opacity=" + val + ")"; //works around bug in IE7/8 that prevents changes to "visibility" from being applied properly if the filter is changed to a different alpha on the same frame.
        }
        if (filters.indexOf("pacity") === -1) {
          //only used if browser doesn't support the standard opacity style property (IE 7 and 8). We omit the "O" to avoid case-sensitivity issues
          if (val !== 0 || !this.xn1) {
            //bugs in IE7/8 won't render the filter properly if opacity is ADDED on the same frame/render as "visibility" changes (this.xn1 is 1 if this tween is an "autoAlpha" tween)
            t.filter = filters + " alpha(opacity=" + val + ")"; //we round the value because otherwise, bugs in IE7/8 can prevent "visibility" changes from being applied properly.
          }
        } else {
          t.filter = filters.replace(_opacityExp, "opacity=" + val);
        }
      }
    };
    _registerComplexSpecialProp("opacity,alpha,autoAlpha", {
      defaultValue: "1",
      parser: function parser(t, e, p, cssp, pt, plugin) {
        var b = parseFloat(_getStyle(t, "opacity", _cs, false, "1")),
          style = t.style,
          isAutoAlpha = p === "autoAlpha";
        if (typeof e === "string" && e.charAt(1) === "=") {
          e = (e.charAt(0) === "-" ? -1 : 1) * parseFloat(e.substr(2)) + b;
        }
        if (isAutoAlpha && b === 1 && _getStyle(t, "visibility", _cs) === "hidden" && e !== 0) {
          //if visibility is initially set to "hidden", we should interpret that as intent to make opacity 0 (a convenience)
          b = 0;
        }
        if (_supportsOpacity) {
          pt = new CSSPropTween(style, "opacity", b, e - b, pt);
        } else {
          pt = new CSSPropTween(style, "opacity", b * 100, (e - b) * 100, pt);
          pt.xn1 = isAutoAlpha ? 1 : 0; //we need to record whether or not this is an autoAlpha so that in the setRatio(), we know to duplicate the setting of the alpha in order to work around a bug in IE7 and IE8 that prevents changes to "visibility" from taking effect if the filter is changed to a different alpha(opacity) at the same time. Setting it to the SAME value first, then the new value works around the IE7/8 bug.
          style.zoom = 1; //helps correct an IE issue.
          pt.type = 2;
          pt.b = "alpha(opacity=" + pt.s + ")";
          pt.e = "alpha(opacity=" + (pt.s + pt.c) + ")";
          pt.data = t;
          pt.plugin = plugin;
          pt.setRatio = _setIEOpacityRatio;
        }
        if (isAutoAlpha) {
          //we have to create the "visibility" PropTween after the opacity one in the linked list so that they run in the order that works properly in IE8 and earlier
          pt = new CSSPropTween(style, "visibility", 0, 0, pt, -1, null, false, 0, b !== 0 ? "inherit" : "hidden", e === 0 ? "hidden" : "inherit");
          pt.xs0 = "inherit";
          cssp._overwriteProps.push(pt.n);
          cssp._overwriteProps.push(p);
        }
        return pt;
      }
    });
    var _removeProp = function _removeProp(s, p) {
        if (p) {
          if (s.removeProperty) {
            if (p.substr(0, 2) === "ms" || p.substr(0, 6) === "webkit") {
              //Microsoft and some Webkit browsers don't conform to the standard of capitalizing the first prefix character, so we adjust so that when we prefix the caps with a dash, it's correct (otherwise it'd be "ms-transform" instead of "-ms-transform" for IE9, for example)
              p = "-" + p;
            }
            s.removeProperty(p.replace(_capsExp, "-$1").toLowerCase());
          } else {
            //note: old versions of IE use "removeAttribute()" instead of "removeProperty()"
            s.removeAttribute(p);
          }
        }
      },
      _setClassNameRatio = function _setClassNameRatio(v) {
        this.t._gsClassPT = this;
        if (v === 1 || v === 0) {
          this.t.setAttribute("class", v === 0 ? this.b : this.e);
          var mpt = this.data,
            //first MiniPropTween
            s = this.t.style;
          while (mpt) {
            if (!mpt.v) {
              _removeProp(s, mpt.p);
            } else {
              s[mpt.p] = mpt.v;
            }
            mpt = mpt._next;
          }
          if (v === 1 && this.t._gsClassPT === this) {
            this.t._gsClassPT = null;
          }
        } else if (this.t.getAttribute("class") !== this.e) {
          this.t.setAttribute("class", this.e);
        }
      };
    _registerComplexSpecialProp("className", {
      parser: function parser(t, e, p, cssp, pt, plugin, vars) {
        var b = t.getAttribute("class") || "",
          //don't use t.className because it doesn't work consistently on SVG elements; getAttribute("class") and setAttribute("class", value") is more reliable.
          cssText = t.style.cssText,
          difData,
          bs,
          cnpt,
          cnptLookup,
          mpt;
        pt = cssp._classNamePT = new CSSPropTween(t, p, 0, 0, pt, 2);
        pt.setRatio = _setClassNameRatio;
        pt.pr = -11;
        _hasPriority = true;
        pt.b = b;
        bs = _getAllStyles(t, _cs);
        //if there's a className tween already operating on the target, force it to its end so that the necessary inline styles are removed and the class name is applied before we determine the end state (we don't want inline styles interfering that were there just for class-specific values)
        cnpt = t._gsClassPT;
        if (cnpt) {
          cnptLookup = {};
          mpt = cnpt.data; //first MiniPropTween which stores the inline styles - we need to force these so that the inline styles don't contaminate things. Otherwise, there's a small chance that a tween could start and the inline values match the destination values and they never get cleaned.
          while (mpt) {
            cnptLookup[mpt.p] = 1;
            mpt = mpt._next;
          }
          cnpt.setRatio(1);
        }
        t._gsClassPT = pt;
        pt.e = e.charAt(1) !== "=" ? e : b.replace(new RegExp("(?:\\s|^)" + e.substr(2) + "(?![\\w-])"), "") + (e.charAt(0) === "+" ? " " + e.substr(2) : "");
        t.setAttribute("class", pt.e);
        difData = _cssDif(t, bs, _getAllStyles(t), vars, cnptLookup);
        t.setAttribute("class", b);
        pt.data = difData.firstMPT;
        t.style.cssText = cssText; //we recorded cssText before we swapped classes and ran _getAllStyles() because in cases when a className tween is overwritten, we remove all the related tweening properties from that class change (otherwise class-specific stuff can't override properties we've directly set on the target's style object due to specificity).
        pt = pt.xfirst = cssp.parse(t, difData.difs, pt, plugin); //we record the CSSPropTween as the xfirst so that we can handle overwriting propertly (if "className" gets overwritten, we must kill all the properties associated with the className part of the tween, so we can loop through from xfirst to the pt itself)
        return pt;
      }
    });
    var _setClearPropsRatio = function _setClearPropsRatio(v) {
      if (v === 1 || v === 0) if (this.data._totalTime === this.data._totalDuration && this.data.data !== "isFromStart") {
        //this.data refers to the tween. Only clear at the END of the tween (remember, from() tweens make the ratio go from 1 to 0, so we can't just check that and if the tween is the zero-duration one that's created internally to render the starting values in a from() tween, ignore that because otherwise, for example, from(...{height:100, clearProps:"height", delay:1}) would wipe the height at the beginning of the tween and after 1 second, it'd kick back in).
        var s = this.t.style,
          transformParse = _specialProps.transform.parse,
          a,
          p,
          i,
          clearTransform,
          transform;
        if (this.e === "all") {
          s.cssText = "";
          clearTransform = true;
        } else {
          a = this.e.split(" ").join("").split(",");
          i = a.length;
          while (--i > -1) {
            p = a[i];
            if (_specialProps[p]) {
              if (_specialProps[p].parse === transformParse) {
                clearTransform = true;
              } else {
                p = p === "transformOrigin" ? _transformOriginProp : _specialProps[p].p; //ensures that special properties use the proper browser-specific property name, like "scaleX" might be "-webkit-transform" or "boxShadow" might be "-moz-box-shadow"
              }
            }
            _removeProp(s, p);
          }
        }
        if (clearTransform) {
          _removeProp(s, _transformProp);
          transform = this.t._gsTransform;
          if (transform) {
            if (transform.svg) {
              this.t.removeAttribute("data-svg-origin");
              this.t.removeAttribute("transform");
            }
            delete this.t._gsTransform;
          }
        }
      }
    };
    _registerComplexSpecialProp("clearProps", {
      parser: function parser(t, e, p, cssp, pt) {
        pt = new CSSPropTween(t, p, 0, 0, pt, 2);
        pt.setRatio = _setClearPropsRatio;
        pt.e = e;
        pt.pr = -10;
        pt.data = cssp._tween;
        _hasPriority = true;
        return pt;
      }
    });
    p = "bezier,throwProps,physicsProps,physics2D".split(",");
    i = p.length;
    while (i--) {
      _registerPluginProp(p[i]);
    }
    p = CSSPlugin.prototype;
    p._firstPT = p._lastParsedTransform = p._transform = null;

    //gets called when the tween renders for the first time. This kicks everything off, recording start/end values, etc.
    p._onInitTween = function (target, vars, tween, index) {
      if (!target.nodeType) {
        //css is only for dom elements
        return false;
      }
      this._target = _target = target;
      this._tween = tween;
      this._vars = vars;
      _index = index;
      _autoRound = vars.autoRound;
      _hasPriority = false;
      _suffixMap = vars.suffixMap || CSSPlugin.suffixMap;
      _cs = _getComputedStyle(target, "");
      _overwriteProps = this._overwriteProps;
      var style = target.style,
        v,
        pt,
        pt2,
        first,
        last,
        next,
        zIndex,
        tpt,
        threeD;
      if (_reqSafariFix) if (style.zIndex === "") {
        v = _getStyle(target, "zIndex", _cs);
        if (v === "auto" || v === "") {
          //corrects a bug in [non-Android] Safari that prevents it from repainting elements in their new positions if they don't have a zIndex set. We also can't just apply this inside _parseTransform() because anything that's moved in any way (like using "left" or "top" instead of transforms like "x" and "y") can be affected, so it is best to ensure that anything that's tweening has a z-index. Setting "WebkitPerspective" to a non-zero value worked too except that on iOS Safari things would flicker randomly. Plus zIndex is less memory-intensive.
          this._addLazySet(style, "zIndex", 0);
        }
      }
      if (typeof vars === "string") {
        first = style.cssText;
        v = _getAllStyles(target, _cs);
        style.cssText = first + ";" + vars;
        v = _cssDif(target, v, _getAllStyles(target)).difs;
        if (!_supportsOpacity && _opacityValExp.test(vars)) {
          v.opacity = parseFloat(RegExp.$1);
        }
        vars = v;
        style.cssText = first;
      }
      if (vars.className) {
        //className tweens will combine any differences they find in the css with the vars that are passed in, so {className:"myClass", scale:0.5, left:20} would work.
        this._firstPT = pt = _specialProps.className.parse(target, vars.className, "className", this, null, null, vars);
      } else {
        this._firstPT = pt = this.parse(target, vars, null);
      }
      if (this._transformType) {
        threeD = this._transformType === 3;
        if (!_transformProp) {
          style.zoom = 1; //helps correct an IE issue.
        } else if (_isSafari) {
          _reqSafariFix = true;
          //if zIndex isn't set, iOS Safari doesn't repaint things correctly sometimes (seemingly at random).
          if (style.zIndex === "") {
            zIndex = _getStyle(target, "zIndex", _cs);
            if (zIndex === "auto" || zIndex === "") {
              this._addLazySet(style, "zIndex", 0);
            }
          }
          //Setting WebkitBackfaceVisibility corrects 3 bugs:
          // 1) [non-Android] Safari skips rendering changes to "top" and "left" that are made on the same frame/render as a transform update.
          // 2) iOS Safari sometimes neglects to repaint elements in their new positions. Setting "WebkitPerspective" to a non-zero value worked too except that on iOS Safari things would flicker randomly.
          // 3) Safari sometimes displayed odd artifacts when tweening the transform (or WebkitTransform) property, like ghosts of the edges of the element remained. Definitely a browser bug.
          //Note: we allow the user to override the auto-setting by defining WebkitBackfaceVisibility in the vars of the tween.
          if (_isSafariLT6) {
            this._addLazySet(style, "WebkitBackfaceVisibility", this._vars.WebkitBackfaceVisibility || (threeD ? "visible" : "hidden"));
          }
        }
        pt2 = pt;
        while (pt2 && pt2._next) {
          pt2 = pt2._next;
        }
        tpt = new CSSPropTween(target, "transform", 0, 0, null, 2);
        this._linkCSSP(tpt, null, pt2);
        tpt.setRatio = _transformProp ? _setTransformRatio : _setIETransformRatio;
        tpt.data = this._transform || _getTransform(target, _cs, true);
        tpt.tween = tween;
        tpt.pr = -1; //ensures that the transforms get applied after the components are updated.
        _overwriteProps.pop(); //we don't want to force the overwrite of all "transform" tweens of the target - we only care about individual transform properties like scaleX, rotation, etc. The CSSPropTween constructor automatically adds the property to _overwriteProps which is why we need to pop() here.
      }
      if (_hasPriority) {
        //reorders the linked list in order of pr (priority)
        while (pt) {
          next = pt._next;
          pt2 = first;
          while (pt2 && pt2.pr > pt.pr) {
            pt2 = pt2._next;
          }
          if (pt._prev = pt2 ? pt2._prev : last) {
            pt._prev._next = pt;
          } else {
            first = pt;
          }
          if (pt._next = pt2) {
            pt2._prev = pt;
          } else {
            last = pt;
          }
          pt = next;
        }
        this._firstPT = first;
      }
      return true;
    };
    p.parse = function (target, vars, pt, plugin) {
      var style = target.style,
        p,
        sp,
        bn,
        en,
        bs,
        es,
        bsfx,
        esfx,
        isStr,
        rel;
      for (p in vars) {
        es = vars[p]; //ending value string
        if (typeof es === "function") {
          es = es(_index, _target);
        }
        sp = _specialProps[p]; //SpecialProp lookup.
        if (sp) {
          pt = sp.parse(target, es, p, this, pt, plugin, vars);
        } else if (p.substr(0, 2) === "--") {
          //for tweening CSS variables (which always start with "--"). To maximize performance and simplicity, we bypass CSSPlugin altogether and just add a normal property tween to the tween instance itself.
          this._tween._propLookup[p] = this._addTween.call(this._tween, target.style, "setProperty", _getComputedStyle(target).getPropertyValue(p) + "", es + "", p, false, p);
          continue;
        } else {
          bs = _getStyle(target, p, _cs) + "";
          isStr = typeof es === "string";
          if (p === "color" || p === "fill" || p === "stroke" || p.indexOf("Color") !== -1 || isStr && _rgbhslExp.test(es)) {
            //Opera uses background: to define color sometimes in addition to backgroundColor:
            if (!isStr) {
              es = _parseColor(es);
              es = (es.length > 3 ? "rgba(" : "rgb(") + es.join(",") + ")";
            }
            pt = _parseComplex(style, p, bs, es, true, "transparent", pt, 0, plugin);
          } else if (isStr && _complexExp.test(es)) {
            pt = _parseComplex(style, p, bs, es, true, null, pt, 0, plugin);
          } else {
            bn = parseFloat(bs);
            bsfx = bn || bn === 0 ? bs.substr((bn + "").length) : ""; //remember, bs could be non-numeric like "normal" for fontWeight, so we should default to a blank suffix in that case.

            if (bs === "" || bs === "auto") {
              if (p === "width" || p === "height") {
                bn = _getDimension(target, p, _cs);
                bsfx = "px";
              } else if (p === "left" || p === "top") {
                bn = _calculateOffset(target, p, _cs);
                bsfx = "px";
              } else {
                bn = p !== "opacity" ? 0 : 1;
                bsfx = "";
              }
            }
            rel = isStr && es.charAt(1) === "=";
            if (rel) {
              en = parseInt(es.charAt(0) + "1", 10);
              es = es.substr(2);
              en *= parseFloat(es);
              esfx = es.replace(_suffixExp, "");
            } else {
              en = parseFloat(es);
              esfx = isStr ? es.replace(_suffixExp, "") : "";
            }
            if (esfx === "") {
              esfx = p in _suffixMap ? _suffixMap[p] : bsfx; //populate the end suffix, prioritizing the map, then if none is found, use the beginning suffix.
            }
            es = en || en === 0 ? (rel ? en + bn : en) + esfx : vars[p]; //ensures that any += or -= prefixes are taken care of. Record the end value before normalizing the suffix because we always want to end the tween on exactly what they intended even if it doesn't match the beginning value's suffix.
            //if the beginning/ending suffixes don't match, normalize them...
            if (bsfx !== esfx) if (esfx !== "" || p === "lineHeight") if (en || en === 0) if (bn) {
              //note: if the beginning value (bn) is 0, we don't need to convert units!
              bn = _convertToPixels(target, p, bn, bsfx);
              if (esfx === "%") {
                bn /= _convertToPixels(target, p, 100, "%") / 100;
                if (vars.strictUnits !== true) {
                  //some browsers report only "px" values instead of allowing "%" with getComputedStyle(), so we assume that if we're tweening to a %, we should start there too unless strictUnits:true is defined. This approach is particularly useful for responsive designs that use from() tweens.
                  bs = bn + "%";
                }
              } else if (esfx === "em" || esfx === "rem" || esfx === "vw" || esfx === "vh") {
                bn /= _convertToPixels(target, p, 1, esfx);

                //otherwise convert to pixels.
              } else if (esfx !== "px") {
                en = _convertToPixels(target, p, en, esfx);
                esfx = "px"; //we don't use bsfx after this, so we don't need to set it to px too.
              }
              if (rel) if (en || en === 0) {
                es = en + bn + esfx; //the changes we made affect relative calculations, so adjust the end value here.
              }
            }
            if (rel) {
              en += bn;
            }
            if ((bn || bn === 0) && (en || en === 0)) {
              //faster than isNaN(). Also, previously we required en !== bn but that doesn't really gain much performance and it prevents _parseToProxy() from working properly if beginning and ending values match but need to get tweened by an external plugin anyway. For example, a bezier tween where the target starts at left:0 and has these points: [{left:50},{left:0}] wouldn't work properly because when parsing the last point, it'd match the first (current) one and a non-tweening CSSPropTween would be recorded when we actually need a normal tween (type:0) so that things get updated during the tween properly.
              pt = new CSSPropTween(style, p, bn, en - bn, pt, 0, p, _autoRound !== false && (esfx === "px" || p === "zIndex"), 0, bs, es);
              pt.xs0 = esfx;
              //DEBUG: _log("tween "+p+" from "+pt.b+" ("+bn+esfx+") to "+pt.e+" with suffix: "+pt.xs0);
            } else if (style[p] === undefined || !es && (es + "" === "NaN" || es == null)) {
              _log("invalid " + p + " tween value: " + vars[p]);
            } else {
              pt = new CSSPropTween(style, p, en || bn || 0, 0, pt, -1, p, false, 0, bs, es);
              pt.xs0 = es === "none" && (p === "display" || p.indexOf("Style") !== -1) ? bs : es; //intermediate value should typically be set immediately (end value) except for "display" or things like borderTopStyle, borderBottomStyle, etc. which should use the beginning value during the tween.
              //DEBUG: _log("non-tweening value "+p+": "+pt.xs0);
            }
          }
        }
        if (plugin) if (pt && !pt.plugin) {
          pt.plugin = plugin;
        }
      }
      return pt;
    };

    //gets called every time the tween updates, passing the new ratio (typically a value between 0 and 1, but not always (for example, if an Elastic.easeOut is used, the value can jump above 1 mid-tween). It will always start and 0 and end at 1.
    p.setRatio = function (v) {
      var pt = this._firstPT,
        min = 0.000001,
        val,
        str,
        i;
      //at the end of the tween, we set the values to exactly what we received in order to make sure non-tweening values (like "position" or "float" or whatever) are set and so that if the beginning/ending suffixes (units) didn't match and we normalized to px, the value that the user passed in is used here. We check to see if the tween is at its beginning in case it's a from() tween in which case the ratio will actually go from 1 to 0 over the course of the tween (backwards).
      if (v === 1 && (this._tween._time === this._tween._duration || this._tween._time === 0)) {
        while (pt) {
          if (pt.type !== 2) {
            if (pt.r && pt.type !== -1) {
              val = Math.round(pt.s + pt.c);
              if (!pt.type) {
                pt.t[pt.p] = val + pt.xs0;
              } else if (pt.type === 1) {
                //complex value (one that typically has multiple numbers inside a string, like "rect(5px,10px,20px,25px)"
                i = pt.l;
                str = pt.xs0 + val + pt.xs1;
                for (i = 1; i < pt.l; i++) {
                  str += pt["xn" + i] + pt["xs" + (i + 1)];
                }
                pt.t[pt.p] = str;
              }
            } else {
              pt.t[pt.p] = pt.e;
            }
          } else {
            pt.setRatio(v);
          }
          pt = pt._next;
        }
      } else if (v || !(this._tween._time === this._tween._duration || this._tween._time === 0) || this._tween._rawPrevTime === -0.000001) {
        while (pt) {
          val = pt.c * v + pt.s;
          if (pt.r) {
            val = Math.round(val);
          } else if (val < min) if (val > -min) {
            val = 0;
          }
          if (!pt.type) {
            pt.t[pt.p] = val + pt.xs0;
          } else if (pt.type === 1) {
            //complex value (one that typically has multiple numbers inside a string, like "rect(5px,10px,20px,25px)"
            i = pt.l;
            if (i === 2) {
              pt.t[pt.p] = pt.xs0 + val + pt.xs1 + pt.xn1 + pt.xs2;
            } else if (i === 3) {
              pt.t[pt.p] = pt.xs0 + val + pt.xs1 + pt.xn1 + pt.xs2 + pt.xn2 + pt.xs3;
            } else if (i === 4) {
              pt.t[pt.p] = pt.xs0 + val + pt.xs1 + pt.xn1 + pt.xs2 + pt.xn2 + pt.xs3 + pt.xn3 + pt.xs4;
            } else if (i === 5) {
              pt.t[pt.p] = pt.xs0 + val + pt.xs1 + pt.xn1 + pt.xs2 + pt.xn2 + pt.xs3 + pt.xn3 + pt.xs4 + pt.xn4 + pt.xs5;
            } else {
              str = pt.xs0 + val + pt.xs1;
              for (i = 1; i < pt.l; i++) {
                str += pt["xn" + i] + pt["xs" + (i + 1)];
              }
              pt.t[pt.p] = str;
            }
          } else if (pt.type === -1) {
            //non-tweening value
            pt.t[pt.p] = pt.xs0;
          } else if (pt.setRatio) {
            //custom setRatio() for things like SpecialProps, external plugins, etc.
            pt.setRatio(v);
          }
          pt = pt._next;
        }

        //if the tween is reversed all the way back to the beginning, we need to restore the original values which may have different units (like % instead of px or em or whatever).
      } else {
        while (pt) {
          if (pt.type !== 2) {
            pt.t[pt.p] = pt.b;
          } else {
            pt.setRatio(v);
          }
          pt = pt._next;
        }
      }
    };

    /**
     * @private
     * Forces rendering of the target's transforms (rotation, scale, etc.) whenever the CSSPlugin's setRatio() is called.
     * Basically, this tells the CSSPlugin to create a CSSPropTween (type 2) after instantiation that runs last in the linked
     * list and calls the appropriate (3D or 2D) rendering function. We separate this into its own method so that we can call
     * it from other plugins like BezierPlugin if, for example, it needs to apply an autoRotation and this CSSPlugin
     * doesn't have any transform-related properties of its own. You can call this method as many times as you
     * want and it won't create duplicate CSSPropTweens.
     *
     * @param {boolean} threeD if true, it should apply 3D tweens (otherwise, just 2D ones are fine and typically faster)
     */
    p._enableTransforms = function (threeD) {
      this._transform = this._transform || _getTransform(this._target, _cs, true); //ensures that the element has a _gsTransform property with the appropriate values.
      this._transformType = !(this._transform.svg && _useSVGTransformAttr) && (threeD || this._transformType === 3) ? 3 : 2;
    };
    var lazySet = function lazySet(v) {
      this.t[this.p] = this.e;
      this.data._linkCSSP(this, this._next, null, true); //we purposefully keep this._next even though it'd make sense to null it, but this is a performance optimization, as this happens during the while (pt) {} loop in setRatio() at the bottom of which it sets pt = pt._next, so if we null it, the linked list will be broken in that loop.
    };
    /** @private Gives us a way to set a value on the first render (and only the first render). **/
    p._addLazySet = function (t, p, v) {
      var pt = this._firstPT = new CSSPropTween(t, p, 0, 0, this._firstPT, 2);
      pt.e = v;
      pt.setRatio = lazySet;
      pt.data = this;
    };

    /** @private **/
    p._linkCSSP = function (pt, next, prev, remove) {
      if (pt) {
        if (next) {
          next._prev = pt;
        }
        if (pt._next) {
          pt._next._prev = pt._prev;
        }
        if (pt._prev) {
          pt._prev._next = pt._next;
        } else if (this._firstPT === pt) {
          this._firstPT = pt._next;
          remove = true; //just to prevent resetting this._firstPT 5 lines down in case pt._next is null. (optimized for speed)
        }
        if (prev) {
          prev._next = pt;
        } else if (!remove && this._firstPT === null) {
          this._firstPT = pt;
        }
        pt._next = next;
        pt._prev = prev;
      }
      return pt;
    };
    p._mod = function (lookup) {
      var pt = this._firstPT;
      while (pt) {
        if (typeof lookup[pt.p] === "function" && lookup[pt.p] === Math.round) {
          //only gets called by RoundPropsPlugin (ModifyPlugin manages all the rendering internally for CSSPlugin properties that need modification). Remember, we handle rounding a bit differently in this plugin for performance reasons, leveraging "r" as an indicator that the value should be rounded internally..
          pt.r = 1;
        }
        pt = pt._next;
      }
    };

    //we need to make sure that if alpha or autoAlpha is killed, opacity is too. And autoAlpha affects the "visibility" property.
    p._kill = function (lookup) {
      var copy = lookup,
        pt,
        p,
        xfirst;
      if (lookup.autoAlpha || lookup.alpha) {
        copy = {};
        for (p in lookup) {
          //copy the lookup so that we're not changing the original which may be passed elsewhere.
          copy[p] = lookup[p];
        }
        copy.opacity = 1;
        if (copy.autoAlpha) {
          copy.visibility = 1;
        }
      }
      if (lookup.className && (pt = this._classNamePT)) {
        //for className tweens, we need to kill any associated CSSPropTweens too; a linked list starts at the className's "xfirst".
        xfirst = pt.xfirst;
        if (xfirst && xfirst._prev) {
          this._linkCSSP(xfirst._prev, pt._next, xfirst._prev._prev); //break off the prev
        } else if (xfirst === this._firstPT) {
          this._firstPT = pt._next;
        }
        if (pt._next) {
          this._linkCSSP(pt._next, pt._next._next, xfirst._prev);
        }
        this._classNamePT = null;
      }
      pt = this._firstPT;
      while (pt) {
        if (pt.plugin && pt.plugin !== p && pt.plugin._kill) {
          //for plugins that are registered with CSSPlugin, we should notify them of the kill.
          pt.plugin._kill(lookup);
          p = pt.plugin;
        }
        pt = pt._next;
      }
      return TweenPlugin.prototype._kill.call(this, copy);
    };

    //used by cascadeTo() for gathering all the style properties of each child element into an array for comparison.
    var _getChildStyles = function _getChildStyles(e, props, targets) {
      var children, i, child, type;
      if (e.slice) {
        i = e.length;
        while (--i > -1) {
          _getChildStyles(e[i], props, targets);
        }
        return;
      }
      children = e.childNodes;
      i = children.length;
      while (--i > -1) {
        child = children[i];
        type = child.type;
        if (child.style) {
          props.push(_getAllStyles(child));
          if (targets) {
            targets.push(child);
          }
        }
        if ((type === 1 || type === 9 || type === 11) && child.childNodes.length) {
          _getChildStyles(child, props, targets);
        }
      }
    };

    /**
     * Typically only useful for className tweens that may affect child elements, this method creates a TweenLite
     * and then compares the style properties of all the target's child elements at the tween's start and end, and
     * if any are different, it also creates tweens for those and returns an array containing ALL of the resulting
     * tweens (so that you can easily add() them to a TimelineLite, for example). The reason this functionality is
     * wrapped into a separate static method of CSSPlugin instead of being integrated into all regular className tweens
     * is because it creates entirely new tweens that may have completely different targets than the original tween,
     * so if they were all lumped into the original tween instance, it would be inconsistent with the rest of the API
     * and it would create other problems. For example:
     *  - If I create a tween of elementA, that tween instance may suddenly change its target to include 50 other elements (unintuitive if I specifically defined the target I wanted)
     *  - We can't just create new independent tweens because otherwise, what happens if the original/parent tween is reversed or pause or dropped into a TimelineLite for tight control? You'd expect that tween's behavior to affect all the others.
     *  - Analyzing every style property of every child before and after the tween is an expensive operation when there are many children, so this behavior shouldn't be imposed on all className tweens by default, especially since it's probably rare that this extra functionality is needed.
     *
     * @param {Object} target object to be tweened
     * @param {number} Duration in seconds (or frames for frames-based tweens)
     * @param {Object} Object containing the end values, like {className:"newClass", ease:Linear.easeNone}
     * @return {Array} An array of TweenLite instances
     */
    CSSPlugin.cascadeTo = function (target, duration, vars) {
      var tween = TweenLite.to(target, duration, vars),
        results = [tween],
        b = [],
        e = [],
        targets = [],
        _reservedProps = TweenLite._internals.reservedProps,
        i,
        difs,
        p,
        from;
      target = tween._targets || tween.target;
      _getChildStyles(target, b, targets);
      tween.render(duration, true, true);
      _getChildStyles(target, e);
      tween.render(0, true, true);
      tween._enabled(true);
      i = targets.length;
      while (--i > -1) {
        difs = _cssDif(targets[i], b[i], e[i]);
        if (difs.firstMPT) {
          difs = difs.difs;
          for (p in vars) {
            if (_reservedProps[p]) {
              difs[p] = vars[p];
            }
          }
          from = {};
          for (p in difs) {
            from[p] = b[i][p];
          }
          results.push(TweenLite.fromTo(targets[i], duration, from, difs));
        }
      }
      return results;
    };
    TweenPlugin.activate([CSSPlugin]);
    return CSSPlugin;
  }, true);

  /*
   * ----------------------------------------------------------------
   * RoundPropsPlugin
   * ----------------------------------------------------------------
   */
  (function () {
    var RoundPropsPlugin = _gsScope._gsDefine.plugin({
        propName: "roundProps",
        version: "1.6.0",
        priority: -1,
        API: 2,
        //called when the tween renders for the first time. This is where initial values should be recorded and any setup routines should run.
        init: function init(target, value, tween) {
          this._tween = tween;
          return true;
        }
      }),
      _roundLinkedList = function _roundLinkedList(node) {
        while (node) {
          if (!node.f && !node.blob) {
            node.m = Math.round;
          }
          node = node._next;
        }
      },
      p = RoundPropsPlugin.prototype;
    p._onInitAllProps = function () {
      var tween = this._tween,
        rp = tween.vars.roundProps.join ? tween.vars.roundProps : tween.vars.roundProps.split(","),
        i = rp.length,
        lookup = {},
        rpt = tween._propLookup.roundProps,
        prop,
        pt,
        next;
      while (--i > -1) {
        lookup[rp[i]] = Math.round;
      }
      i = rp.length;
      while (--i > -1) {
        prop = rp[i];
        pt = tween._firstPT;
        while (pt) {
          next = pt._next; //record here, because it may get removed
          if (pt.pg) {
            pt.t._mod(lookup);
          } else if (pt.n === prop) {
            if (pt.f === 2 && pt.t) {
              //a blob (text containing multiple numeric values)
              _roundLinkedList(pt.t._firstPT);
            } else {
              this._add(pt.t, prop, pt.s, pt.c);
              //remove from linked list
              if (next) {
                next._prev = pt._prev;
              }
              if (pt._prev) {
                pt._prev._next = next;
              } else if (tween._firstPT === pt) {
                tween._firstPT = next;
              }
              pt._next = pt._prev = null;
              tween._propLookup[prop] = rpt;
            }
          }
          pt = next;
        }
      }
      return false;
    };
    p._add = function (target, p, s, c) {
      this._addTween(target, p, s, s + c, p, Math.round);
      this._overwriteProps.push(p);
    };
  })();

  /*
   * ----------------------------------------------------------------
   * AttrPlugin
   * ----------------------------------------------------------------
   */

  (function () {
    _gsScope._gsDefine.plugin({
      propName: "attr",
      API: 2,
      version: "0.6.1",
      //called when the tween renders for the first time. This is where initial values should be recorded and any setup routines should run.
      init: function init(target, value, tween, index) {
        var p, end;
        if (typeof target.setAttribute !== "function") {
          return false;
        }
        for (p in value) {
          end = value[p];
          if (typeof end === "function") {
            end = end(index, target);
          }
          this._addTween(target, "setAttribute", target.getAttribute(p) + "", end + "", p, false, p);
          this._overwriteProps.push(p);
        }
        return true;
      }
    });
  })();

  /*
   * ----------------------------------------------------------------
   * DirectionalRotationPlugin
   * ----------------------------------------------------------------
   */
  _gsScope._gsDefine.plugin({
    propName: "directionalRotation",
    version: "0.3.1",
    API: 2,
    //called when the tween renders for the first time. This is where initial values should be recorded and any setup routines should run.
    init: function init(target, value, tween, index) {
      if (_typeof(value) !== "object") {
        value = {
          rotation: value
        };
      }
      this.finals = {};
      var cap = value.useRadians === true ? Math.PI * 2 : 360,
        min = 0.000001,
        p,
        v,
        start,
        end,
        dif,
        split;
      for (p in value) {
        if (p !== "useRadians") {
          end = value[p];
          if (typeof end === "function") {
            end = end(index, target);
          }
          split = (end + "").split("_");
          v = split[0];
          start = parseFloat(typeof target[p] !== "function" ? target[p] : target[p.indexOf("set") || typeof target["get" + p.substr(3)] !== "function" ? p : "get" + p.substr(3)]());
          end = this.finals[p] = typeof v === "string" && v.charAt(1) === "=" ? start + parseInt(v.charAt(0) + "1", 10) * Number(v.substr(2)) : Number(v) || 0;
          dif = end - start;
          if (split.length) {
            v = split.join("_");
            if (v.indexOf("short") !== -1) {
              dif = dif % cap;
              if (dif !== dif % (cap / 2)) {
                dif = dif < 0 ? dif + cap : dif - cap;
              }
            }
            if (v.indexOf("_cw") !== -1 && dif < 0) {
              dif = (dif + cap * 9999999999) % cap - (dif / cap | 0) * cap;
            } else if (v.indexOf("ccw") !== -1 && dif > 0) {
              dif = (dif - cap * 9999999999) % cap - (dif / cap | 0) * cap;
            }
          }
          if (dif > min || dif < -min) {
            this._addTween(target, p, start, start + dif, p);
            this._overwriteProps.push(p);
          }
        }
      }
      return true;
    },
    //called each time the values should be updated, and the ratio gets passed as the only parameter (typically it's a value between 0 and 1, but it can exceed those when using an ease like Elastic.easeOut or Back.easeOut, etc.)
    set: function set(ratio) {
      var pt;
      if (ratio !== 1) {
        this._super.setRatio.call(this, ratio);
      } else {
        pt = this._firstPT;
        while (pt) {
          if (pt.f) {
            pt.t[pt.p](this.finals[pt.p]);
          } else {
            pt.t[pt.p] = this.finals[pt.p];
          }
          pt = pt._next;
        }
      }
    }
  })._autoCSS = true;

  /*
   * ----------------------------------------------------------------
   * EasePack
   * ----------------------------------------------------------------
   */
  _gsScope._gsDefine("easing.Back", ["easing.Ease"], function (Ease) {
    var w = _gsScope.GreenSockGlobals || _gsScope,
      gs = w.com.greensock,
      _2PI = Math.PI * 2,
      _HALF_PI = Math.PI / 2,
      _class = gs._class,
      _create = function _create(n, f) {
        var C = _class("easing." + n, function () {}, true),
          p = C.prototype = new Ease();
        p.constructor = C;
        p.getRatio = f;
        return C;
      },
      _easeReg = Ease.register || function () {},
      //put an empty function in place just as a safety measure in case someone loads an OLD version of TweenLite.js where Ease.register doesn't exist.
      _wrap = function _wrap(name, EaseOut, EaseIn, EaseInOut, aliases) {
        var C = _class("easing." + name, {
          easeOut: new EaseOut(),
          easeIn: new EaseIn(),
          easeInOut: new EaseInOut()
        }, true);
        _easeReg(C, name);
        return C;
      },
      EasePoint = function EasePoint(time, value, next) {
        this.t = time;
        this.v = value;
        if (next) {
          this.next = next;
          next.prev = this;
          this.c = next.v - value;
          this.gap = next.t - time;
        }
      },
      //Back
      _createBack = function _createBack(n, f) {
        var C = _class("easing." + n, function (overshoot) {
            this._p1 = overshoot || overshoot === 0 ? overshoot : 1.70158;
            this._p2 = this._p1 * 1.525;
          }, true),
          p = C.prototype = new Ease();
        p.constructor = C;
        p.getRatio = f;
        p.config = function (overshoot) {
          return new C(overshoot);
        };
        return C;
      },
      Back = _wrap("Back", _createBack("BackOut", function (p) {
        return (p = p - 1) * p * ((this._p1 + 1) * p + this._p1) + 1;
      }), _createBack("BackIn", function (p) {
        return p * p * ((this._p1 + 1) * p - this._p1);
      }), _createBack("BackInOut", function (p) {
        return (p *= 2) < 1 ? 0.5 * p * p * ((this._p2 + 1) * p - this._p2) : 0.5 * ((p -= 2) * p * ((this._p2 + 1) * p + this._p2) + 2);
      })),
      //SlowMo
      SlowMo = _class("easing.SlowMo", function (linearRatio, power, yoyoMode) {
        power = power || power === 0 ? power : 0.7;
        if (linearRatio == null) {
          linearRatio = 0.7;
        } else if (linearRatio > 1) {
          linearRatio = 1;
        }
        this._p = linearRatio !== 1 ? power : 0;
        this._p1 = (1 - linearRatio) / 2;
        this._p2 = linearRatio;
        this._p3 = this._p1 + this._p2;
        this._calcEnd = yoyoMode === true;
      }, true),
      p = SlowMo.prototype = new Ease(),
      SteppedEase,
      ExpoScaleEase,
      RoughEase,
      _createElastic;
    p.constructor = SlowMo;
    p.getRatio = function (p) {
      var r = p + (0.5 - p) * this._p;
      if (p < this._p1) {
        return this._calcEnd ? 1 - (p = 1 - p / this._p1) * p : r - (p = 1 - p / this._p1) * p * p * p * r;
      } else if (p > this._p3) {
        return this._calcEnd ? p === 1 ? 0 : 1 - (p = (p - this._p3) / this._p1) * p : r + (p - r) * (p = (p - this._p3) / this._p1) * p * p * p; //added p === 1 ? 0 to avoid floating point rounding errors from affecting the final value, like 1 - 0.7 = 0.30000000000000004 instead of 0.3
      }
      return this._calcEnd ? 1 : r;
    };
    SlowMo.ease = new SlowMo(0.7, 0.7);
    p.config = SlowMo.config = function (linearRatio, power, yoyoMode) {
      return new SlowMo(linearRatio, power, yoyoMode);
    };

    //SteppedEase
    SteppedEase = _class("easing.SteppedEase", function (steps, immediateStart) {
      steps = steps || 1;
      this._p1 = 1 / steps;
      this._p2 = steps + (immediateStart ? 0 : 1);
      this._p3 = immediateStart ? 1 : 0;
    }, true);
    p = SteppedEase.prototype = new Ease();
    p.constructor = SteppedEase;
    p.getRatio = function (p) {
      if (p < 0) {
        p = 0;
      } else if (p >= 1) {
        p = 0.999999999;
      }
      return ((this._p2 * p | 0) + this._p3) * this._p1;
    };
    p.config = SteppedEase.config = function (steps, immediateStart) {
      return new SteppedEase(steps, immediateStart);
    };

    //ExpoScaleEase
    ExpoScaleEase = _class("easing.ExpoScaleEase", function (start, end, ease) {
      this._p1 = Math.log(end / start);
      this._p2 = end - start;
      this._p3 = start;
      this._ease = ease;
    }, true);
    p = ExpoScaleEase.prototype = new Ease();
    p.constructor = ExpoScaleEase;
    p.getRatio = function (p) {
      if (this._ease) {
        p = this._ease.getRatio(p);
      }
      return (this._p3 * Math.exp(this._p1 * p) - this._p3) / this._p2;
    };
    p.config = ExpoScaleEase.config = function (start, end, ease) {
      return new ExpoScaleEase(start, end, ease);
    };

    //RoughEase
    RoughEase = _class("easing.RoughEase", function (vars) {
      vars = vars || {};
      var taper = vars.taper || "none",
        a = [],
        cnt = 0,
        points = (vars.points || 20) | 0,
        i = points,
        randomize = vars.randomize !== false,
        clamp = vars.clamp === true,
        template = vars.template instanceof Ease ? vars.template : null,
        strength = typeof vars.strength === "number" ? vars.strength * 0.4 : 0.4,
        x,
        y,
        bump,
        invX,
        obj,
        pnt;
      while (--i > -1) {
        x = randomize ? Math.random() : 1 / points * i;
        y = template ? template.getRatio(x) : x;
        if (taper === "none") {
          bump = strength;
        } else if (taper === "out") {
          invX = 1 - x;
          bump = invX * invX * strength;
        } else if (taper === "in") {
          bump = x * x * strength;
        } else if (x < 0.5) {
          //"both" (start)
          invX = x * 2;
          bump = invX * invX * 0.5 * strength;
        } else {
          //"both" (end)
          invX = (1 - x) * 2;
          bump = invX * invX * 0.5 * strength;
        }
        if (randomize) {
          y += Math.random() * bump - bump * 0.5;
        } else if (i % 2) {
          y += bump * 0.5;
        } else {
          y -= bump * 0.5;
        }
        if (clamp) {
          if (y > 1) {
            y = 1;
          } else if (y < 0) {
            y = 0;
          }
        }
        a[cnt++] = {
          x: x,
          y: y
        };
      }
      a.sort(function (a, b) {
        return a.x - b.x;
      });
      pnt = new EasePoint(1, 1, null);
      i = points;
      while (--i > -1) {
        obj = a[i];
        pnt = new EasePoint(obj.x, obj.y, pnt);
      }
      this._prev = new EasePoint(0, 0, pnt.t !== 0 ? pnt : pnt.next);
    }, true);
    p = RoughEase.prototype = new Ease();
    p.constructor = RoughEase;
    p.getRatio = function (p) {
      var pnt = this._prev;
      if (p > pnt.t) {
        while (pnt.next && p >= pnt.t) {
          pnt = pnt.next;
        }
        pnt = pnt.prev;
      } else {
        while (pnt.prev && p <= pnt.t) {
          pnt = pnt.prev;
        }
      }
      this._prev = pnt;
      return pnt.v + (p - pnt.t) / pnt.gap * pnt.c;
    };
    p.config = function (vars) {
      return new RoughEase(vars);
    };
    RoughEase.ease = new RoughEase();

    //Bounce
    _wrap("Bounce", _create("BounceOut", function (p) {
      if (p < 1 / 2.75) {
        return 7.5625 * p * p;
      } else if (p < 2 / 2.75) {
        return 7.5625 * (p -= 1.5 / 2.75) * p + 0.75;
      } else if (p < 2.5 / 2.75) {
        return 7.5625 * (p -= 2.25 / 2.75) * p + 0.9375;
      }
      return 7.5625 * (p -= 2.625 / 2.75) * p + 0.984375;
    }), _create("BounceIn", function (p) {
      if ((p = 1 - p) < 1 / 2.75) {
        return 1 - 7.5625 * p * p;
      } else if (p < 2 / 2.75) {
        return 1 - (7.5625 * (p -= 1.5 / 2.75) * p + 0.75);
      } else if (p < 2.5 / 2.75) {
        return 1 - (7.5625 * (p -= 2.25 / 2.75) * p + 0.9375);
      }
      return 1 - (7.5625 * (p -= 2.625 / 2.75) * p + 0.984375);
    }), _create("BounceInOut", function (p) {
      var invert = p < 0.5;
      if (invert) {
        p = 1 - p * 2;
      } else {
        p = p * 2 - 1;
      }
      if (p < 1 / 2.75) {
        p = 7.5625 * p * p;
      } else if (p < 2 / 2.75) {
        p = 7.5625 * (p -= 1.5 / 2.75) * p + 0.75;
      } else if (p < 2.5 / 2.75) {
        p = 7.5625 * (p -= 2.25 / 2.75) * p + 0.9375;
      } else {
        p = 7.5625 * (p -= 2.625 / 2.75) * p + 0.984375;
      }
      return invert ? (1 - p) * 0.5 : p * 0.5 + 0.5;
    }));

    //CIRC
    _wrap("Circ", _create("CircOut", function (p) {
      return Math.sqrt(1 - (p = p - 1) * p);
    }), _create("CircIn", function (p) {
      return -(Math.sqrt(1 - p * p) - 1);
    }), _create("CircInOut", function (p) {
      return (p *= 2) < 1 ? -0.5 * (Math.sqrt(1 - p * p) - 1) : 0.5 * (Math.sqrt(1 - (p -= 2) * p) + 1);
    }));

    //Elastic
    _createElastic = function _createElastic(n, f, def) {
      var C = _class("easing." + n, function (amplitude, period) {
          this._p1 = amplitude >= 1 ? amplitude : 1; //note: if amplitude is < 1, we simply adjust the period for a more natural feel. Otherwise the math doesn't work right and the curve starts at 1.
          this._p2 = (period || def) / (amplitude < 1 ? amplitude : 1);
          this._p3 = this._p2 / _2PI * (Math.asin(1 / this._p1) || 0);
          this._p2 = _2PI / this._p2; //precalculate to optimize
        }, true),
        p = C.prototype = new Ease();
      p.constructor = C;
      p.getRatio = f;
      p.config = function (amplitude, period) {
        return new C(amplitude, period);
      };
      return C;
    };
    _wrap("Elastic", _createElastic("ElasticOut", function (p) {
      return this._p1 * Math.pow(2, -10 * p) * Math.sin((p - this._p3) * this._p2) + 1;
    }, 0.3), _createElastic("ElasticIn", function (p) {
      return -(this._p1 * Math.pow(2, 10 * (p -= 1)) * Math.sin((p - this._p3) * this._p2));
    }, 0.3), _createElastic("ElasticInOut", function (p) {
      return (p *= 2) < 1 ? -0.5 * (this._p1 * Math.pow(2, 10 * (p -= 1)) * Math.sin((p - this._p3) * this._p2)) : this._p1 * Math.pow(2, -10 * (p -= 1)) * Math.sin((p - this._p3) * this._p2) * 0.5 + 1;
    }, 0.45));

    //Expo
    _wrap("Expo", _create("ExpoOut", function (p) {
      return 1 - Math.pow(2, -10 * p);
    }), _create("ExpoIn", function (p) {
      return Math.pow(2, 10 * (p - 1)) - 0.001;
    }), _create("ExpoInOut", function (p) {
      return (p *= 2) < 1 ? 0.5 * Math.pow(2, 10 * (p - 1)) : 0.5 * (2 - Math.pow(2, -10 * (p - 1)));
    }));

    //Sine
    _wrap("Sine", _create("SineOut", function (p) {
      return Math.sin(p * _HALF_PI);
    }), _create("SineIn", function (p) {
      return -Math.cos(p * _HALF_PI) + 1;
    }), _create("SineInOut", function (p) {
      return -0.5 * (Math.cos(Math.PI * p) - 1);
    }));
    _class("easing.EaseLookup", {
      find: function find(s) {
        return Ease.map[s];
      }
    }, true);

    //register the non-standard eases
    _easeReg(w.SlowMo, "SlowMo", "ease,");
    _easeReg(RoughEase, "RoughEase", "ease,");
    _easeReg(SteppedEase, "SteppedEase", "ease,");
    return Back;
  }, true);
});
if (_gsScope._gsDefine) {
  _gsScope._gsQueue.pop()();
} //necessary in case TweenLite was already loaded separately.

/*
 * ----------------------------------------------------------------
 * Base classes like TweenLite, SimpleTimeline, Ease, Ticker, etc.
 * ----------------------------------------------------------------
 */
(function (window, moduleName) {
  "use strict";

  var _exports = {},
    _doc = window.document,
    _globals = window.GreenSockGlobals = window.GreenSockGlobals || window;
  if (_globals.TweenLite) {
    return; //in case the core set of classes is already loaded, don't instantiate twice.
  }
  var _namespace = function _namespace(ns) {
      var a = ns.split("."),
        p = _globals,
        i;
      for (i = 0; i < a.length; i++) {
        p[a[i]] = p = p[a[i]] || {};
      }
      return p;
    },
    gs = _namespace("com.greensock"),
    _tinyNum = 0.0000000001,
    _slice = function _slice(a) {
      //don't use Array.prototype.slice.call(target, 0) because that doesn't work in IE8 with a NodeList that's returned by querySelectorAll()
      var b = [],
        l = a.length,
        i;
      for (i = 0; i !== l; b.push(a[i++])) {}
      return b;
    },
    _emptyFunc = function _emptyFunc() {},
    _isArray = function () {
      //works around issues in iframe environments where the Array global isn't shared, thus if the object originates in a different window/iframe, "(obj instanceof Array)" will evaluate false. We added some speed optimizations to avoid Object.prototype.toString.call() unless it's absolutely necessary because it's VERY slow (like 20x slower)
      var toString = Object.prototype.toString,
        array = toString.call([]);
      return function (obj) {
        return obj != null && (obj instanceof Array || _typeof(obj) === "object" && !!obj.push && toString.call(obj) === array);
      };
    }(),
    a,
    i,
    p,
    _ticker,
    _tickerActive,
    _defLookup = {},
    /**
     * @constructor
     * Defines a GreenSock class, optionally with an array of dependencies that must be instantiated first and passed into the definition.
     * This allows users to load GreenSock JS files in any order even if they have interdependencies (like CSSPlugin extends TweenPlugin which is
     * inside TweenLite.js, but if CSSPlugin is loaded first, it should wait to run its code until TweenLite.js loads and instantiates TweenPlugin
     * and then pass TweenPlugin to CSSPlugin's definition). This is all done automatically and internally.
     *
     * Every definition will be added to a "com.greensock" global object (typically window, but if a window.GreenSockGlobals object is found,
     * it will go there as of v1.7). For example, TweenLite will be found at window.com.greensock.TweenLite and since it's a global class that should be available anywhere,
     * it is ALSO referenced at window.TweenLite. However some classes aren't considered global, like the base com.greensock.core.Animation class, so
     * those will only be at the package like window.com.greensock.core.Animation. Again, if you define a GreenSockGlobals object on the window, everything
     * gets tucked neatly inside there instead of on the window directly. This allows you to do advanced things like load multiple versions of GreenSock
     * files and put them into distinct objects (imagine a banner ad uses a newer version but the main site uses an older one). In that case, you could
     * sandbox the banner one like:
     *
     * <script>
     *     var gs = window.GreenSockGlobals = {}; //the newer version we're about to load could now be referenced in a "gs" object, like gs.TweenLite.to(...). Use whatever alias you want as long as it's unique, "gs" or "banner" or whatever.
     * </script>
     * <script src="js/greensock/v1.7/TweenMax.js"></script>
     * <script>
     *     window.GreenSockGlobals = window._gsQueue = window._gsDefine = null; //reset it back to null (along with the special _gsQueue variable) so that the next load of TweenMax affects the window and we can reference things directly like TweenLite.to(...)
     * </script>
     * <script src="js/greensock/v1.6/TweenMax.js"></script>
     * <script>
     *     gs.TweenLite.to(...); //would use v1.7
     *     TweenLite.to(...); //would use v1.6
     * </script>
     *
     * @param {!string} ns The namespace of the class definition, leaving off "com.greensock." as that's assumed. For example, "TweenLite" or "plugins.CSSPlugin" or "easing.Back".
     * @param {!Array.<string>} dependencies An array of dependencies (described as their namespaces minus "com.greensock." prefix). For example ["TweenLite","plugins.TweenPlugin","core.Animation"]
     * @param {!function():Object} func The function that should be called and passed the resolved dependencies which will return the actual class for this definition.
     * @param {boolean=} global If true, the class will be added to the global scope (typically window unless you define a window.GreenSockGlobals object)
     */
    Definition = function Definition(ns, dependencies, func, global) {
      this.sc = _defLookup[ns] ? _defLookup[ns].sc : []; //subclasses
      _defLookup[ns] = this;
      this.gsClass = null;
      this.func = func;
      var _classes = [];
      this.check = function (init) {
        var i = dependencies.length,
          missing = i,
          cur,
          a,
          n,
          cl;
        while (--i > -1) {
          if ((cur = _defLookup[dependencies[i]] || new Definition(dependencies[i], [])).gsClass) {
            _classes[i] = cur.gsClass;
            missing--;
          } else if (init) {
            cur.sc.push(this);
          }
        }
        if (missing === 0 && func) {
          a = ("com.greensock." + ns).split(".");
          n = a.pop();
          cl = _namespace(a.join("."))[n] = this.gsClass = func.apply(func, _classes);

          //exports to multiple environments
          if (global) {
            _globals[n] = _exports[n] = cl; //provides a way to avoid global namespace pollution. By default, the main classes like TweenLite, Power1, Strong, etc. are added to window unless a GreenSockGlobals is defined. So if you want to have things added to a custom object instead, just do something like window.GreenSockGlobals = {} before loading any GreenSock files. You can even set up an alias like window.GreenSockGlobals = windows.gs = {} so that you can access everything like gs.TweenLite. Also remember that ALL classes are added to the window.com.greensock object (in their respective packages, like com.greensock.easing.Power1, com.greensock.TweenLite, etc.)
            if (typeof module !== "undefined" && module.exports) {
              //node
              if (ns === moduleName) {
                module.exports = _exports[moduleName] = cl;
                for (i in _exports) {
                  cl[i] = _exports[i];
                }
              } else if (_exports[moduleName]) {
                _exports[moduleName][n] = cl;
              }
            } else if (typeof define === "function" && define.amd) {
              //AMD
              define((window.GreenSockAMDPath ? window.GreenSockAMDPath + "/" : "") + ns.split(".").pop(), [], function () {
                return cl;
              });
            }
          }
          for (i = 0; i < this.sc.length; i++) {
            this.sc[i].check();
          }
        }
      };
      this.check(true);
    },
    //used to create Definition instances (which basically registers a class that has dependencies).
    _gsDefine = window._gsDefine = function (ns, dependencies, func, global) {
      return new Definition(ns, dependencies, func, global);
    },
    //a quick way to create a class that doesn't have any dependencies. Returns the class, but first registers it in the GreenSock namespace so that other classes can grab it (other classes might be dependent on the class).
    _class = gs._class = function (ns, func, global) {
      func = func || function () {};
      _gsDefine(ns, [], function () {
        return func;
      }, global);
      return func;
    };
  _gsDefine.globals = _globals;

  /*
   * ----------------------------------------------------------------
   * Ease
   * ----------------------------------------------------------------
   */
  var _baseParams = [0, 0, 1, 1],
    Ease = _class("easing.Ease", function (func, extraParams, type, power) {
      this._func = func;
      this._type = type || 0;
      this._power = power || 0;
      this._params = extraParams ? _baseParams.concat(extraParams) : _baseParams;
    }, true),
    _easeMap = Ease.map = {},
    _easeReg = Ease.register = function (ease, names, types, create) {
      var na = names.split(","),
        i = na.length,
        ta = (types || "easeIn,easeOut,easeInOut").split(","),
        e,
        name,
        j,
        type;
      while (--i > -1) {
        name = na[i];
        e = create ? _class("easing." + name, null, true) : gs.easing[name] || {};
        j = ta.length;
        while (--j > -1) {
          type = ta[j];
          _easeMap[name + "." + type] = _easeMap[type + name] = e[type] = ease.getRatio ? ease : ease[type] || new ease();
        }
      }
    };
  p = Ease.prototype;
  p._calcEnd = false;
  p.getRatio = function (p) {
    if (this._func) {
      this._params[0] = p;
      return this._func.apply(null, this._params);
    }
    var t = this._type,
      pw = this._power,
      r = t === 1 ? 1 - p : t === 2 ? p : p < 0.5 ? p * 2 : (1 - p) * 2;
    if (pw === 1) {
      r *= r;
    } else if (pw === 2) {
      r *= r * r;
    } else if (pw === 3) {
      r *= r * r * r;
    } else if (pw === 4) {
      r *= r * r * r * r;
    }
    return t === 1 ? 1 - r : t === 2 ? r : p < 0.5 ? r / 2 : 1 - r / 2;
  };

  //create all the standard eases like Linear, Quad, Cubic, Quart, Quint, Strong, Power0, Power1, Power2, Power3, and Power4 (each with easeIn, easeOut, and easeInOut)
  a = ["Linear", "Quad", "Cubic", "Quart", "Quint,Strong"];
  i = a.length;
  while (--i > -1) {
    p = a[i] + ",Power" + i;
    _easeReg(new Ease(null, null, 1, i), p, "easeOut", true);
    _easeReg(new Ease(null, null, 2, i), p, "easeIn" + (i === 0 ? ",easeNone" : ""));
    _easeReg(new Ease(null, null, 3, i), p, "easeInOut");
  }
  _easeMap.linear = gs.easing.Linear.easeIn;
  _easeMap.swing = gs.easing.Quad.easeInOut; //for jQuery folks

  /*
   * ----------------------------------------------------------------
   * EventDispatcher
   * ----------------------------------------------------------------
   */
  var EventDispatcher = _class("events.EventDispatcher", function (target) {
    this._listeners = {};
    this._eventTarget = target || this;
  });
  p = EventDispatcher.prototype;
  p.addEventListener = function (type, callback, scope, useParam, priority) {
    priority = priority || 0;
    var list = this._listeners[type],
      index = 0,
      listener,
      i;
    if (this === _ticker && !_tickerActive) {
      _ticker.wake();
    }
    if (list == null) {
      this._listeners[type] = list = [];
    }
    i = list.length;
    while (--i > -1) {
      listener = list[i];
      if (listener.c === callback && listener.s === scope) {
        list.splice(i, 1);
      } else if (index === 0 && listener.pr < priority) {
        index = i + 1;
      }
    }
    list.splice(index, 0, {
      c: callback,
      s: scope,
      up: useParam,
      pr: priority
    });
  };
  p.removeEventListener = function (type, callback) {
    var list = this._listeners[type],
      i;
    if (list) {
      i = list.length;
      while (--i > -1) {
        if (list[i].c === callback) {
          list.splice(i, 1);
          return;
        }
      }
    }
  };
  p.dispatchEvent = function (type) {
    var list = this._listeners[type],
      i,
      t,
      listener;
    if (list) {
      i = list.length;
      if (i > 1) {
        list = list.slice(0); //in case addEventListener() is called from within a listener/callback (otherwise the index could change, resulting in a skip)
      }
      t = this._eventTarget;
      while (--i > -1) {
        listener = list[i];
        if (listener) {
          if (listener.up) {
            listener.c.call(listener.s || t, {
              type: type,
              target: t
            });
          } else {
            listener.c.call(listener.s || t);
          }
        }
      }
    }
  };

  /*
   * ----------------------------------------------------------------
   * Ticker
   * ----------------------------------------------------------------
   */
  var _reqAnimFrame = window.requestAnimationFrame,
    _cancelAnimFrame = window.cancelAnimationFrame,
    _getTime = Date.now || function () {
      return new Date().getTime();
    },
    _lastUpdate = _getTime();

  //now try to determine the requestAnimationFrame and cancelAnimationFrame functions and if none are found, we'll use a setTimeout()/clearTimeout() polyfill.
  a = ["ms", "moz", "webkit", "o"];
  i = a.length;
  while (--i > -1 && !_reqAnimFrame) {
    _reqAnimFrame = window[a[i] + "RequestAnimationFrame"];
    _cancelAnimFrame = window[a[i] + "CancelAnimationFrame"] || window[a[i] + "CancelRequestAnimationFrame"];
  }
  _class("Ticker", function (fps, useRAF) {
    var _self = this,
      _startTime = _getTime(),
      _useRAF = useRAF !== false && _reqAnimFrame ? "auto" : false,
      _lagThreshold = 500,
      _adjustedLag = 33,
      _tickWord = "tick",
      //helps reduce gc burden
      _fps,
      _req,
      _id,
      _gap,
      _nextTime,
      _tick = function _tick(manual) {
        var elapsed = _getTime() - _lastUpdate,
          overlap,
          dispatch;
        if (elapsed > _lagThreshold) {
          _startTime += elapsed - _adjustedLag;
        }
        _lastUpdate += elapsed;
        _self.time = (_lastUpdate - _startTime) / 1000;
        overlap = _self.time - _nextTime;
        if (!_fps || overlap > 0 || manual === true) {
          _self.frame++;
          _nextTime += overlap + (overlap >= _gap ? 0.004 : _gap - overlap);
          dispatch = true;
        }
        if (manual !== true) {
          //make sure the request is made before we dispatch the "tick" event so that timing is maintained. Otherwise, if processing the "tick" requires a bunch of time (like 15ms) and we're using a setTimeout() that's based on 16.7ms, it'd technically take 31.7ms between frames otherwise.
          _id = _req(_tick);
        }
        if (dispatch) {
          _self.dispatchEvent(_tickWord);
        }
      };
    EventDispatcher.call(_self);
    _self.time = _self.frame = 0;
    _self.tick = function () {
      _tick(true);
    };
    _self.lagSmoothing = function (threshold, adjustedLag) {
      if (!arguments.length) {
        //if lagSmoothing() is called with no arguments, treat it like a getter that returns a boolean indicating if it's enabled or not. This is purposely undocumented and is for internal use.
        return _lagThreshold < 1 / _tinyNum;
      }
      _lagThreshold = threshold || 1 / _tinyNum; //zero should be interpreted as basically unlimited
      _adjustedLag = Math.min(adjustedLag, _lagThreshold, 0);
    };
    _self.sleep = function () {
      if (_id == null) {
        return;
      }
      if (!_useRAF || !_cancelAnimFrame) {
        clearTimeout(_id);
      } else {
        _cancelAnimFrame(_id);
      }
      _req = _emptyFunc;
      _id = null;
      if (_self === _ticker) {
        _tickerActive = false;
      }
    };
    _self.wake = function (seamless) {
      if (_id !== null) {
        _self.sleep();
      } else if (seamless) {
        _startTime += -_lastUpdate + (_lastUpdate = _getTime());
      } else if (_self.frame > 10) {
        //don't trigger lagSmoothing if we're just waking up, and make sure that at least 10 frames have elapsed because of the iOS bug that we work around below with the 1.5-second setTimout().
        _lastUpdate = _getTime() - _lagThreshold + 5;
      }
      _req = _fps === 0 ? _emptyFunc : !_useRAF || !_reqAnimFrame ? function (f) {
        return setTimeout(f, (_nextTime - _self.time) * 1000 + 1 | 0);
      } : _reqAnimFrame;
      if (_self === _ticker) {
        _tickerActive = true;
      }
      _tick(2);
    };
    _self.fps = function (value) {
      if (!arguments.length) {
        return _fps;
      }
      _fps = value;
      _gap = 1 / (_fps || 60);
      _nextTime = this.time + _gap;
      _self.wake();
    };
    _self.useRAF = function (value) {
      if (!arguments.length) {
        return _useRAF;
      }
      _self.sleep();
      _useRAF = value;
      _self.fps(_fps);
    };
    _self.fps(fps);

    //a bug in iOS 6 Safari occasionally prevents the requestAnimationFrame from working initially, so we use a 1.5-second timeout that automatically falls back to setTimeout() if it senses this condition.
    setTimeout(function () {
      if (_useRAF === "auto" && _self.frame < 5 && (_doc || {}).visibilityState !== "hidden") {
        _self.useRAF(false);
      }
    }, 1500);
  });
  p = gs.Ticker.prototype = new gs.events.EventDispatcher();
  p.constructor = gs.Ticker;

  /*
   * ----------------------------------------------------------------
   * Animation
   * ----------------------------------------------------------------
   */
  var Animation = _class("core.Animation", function (duration, vars) {
    this.vars = vars = vars || {};
    this._duration = this._totalDuration = duration || 0;
    this._delay = Number(vars.delay) || 0;
    this._timeScale = 1;
    this._active = vars.immediateRender === true;
    this.data = vars.data;
    this._reversed = vars.reversed === true;
    if (!_rootTimeline) {
      return;
    }
    if (!_tickerActive) {
      //some browsers (like iOS 6 Safari) shut down JavaScript execution when the tab is disabled and they [occasionally] neglect to start up requestAnimationFrame again when returning - this code ensures that the engine starts up again properly.
      _ticker.wake();
    }
    var tl = this.vars.useFrames ? _rootFramesTimeline : _rootTimeline;
    tl.add(this, tl._time);
    if (this.vars.paused) {
      this.paused(true);
    }
  });
  _ticker = Animation.ticker = new gs.Ticker();
  p = Animation.prototype;
  p._dirty = p._gc = p._initted = p._paused = false;
  p._totalTime = p._time = 0;
  p._rawPrevTime = -1;
  p._next = p._last = p._onUpdate = p._timeline = p.timeline = null;
  p._paused = false;

  //some browsers (like iOS) occasionally drop the requestAnimationFrame event when the user switches to a different tab and then comes back again, so we use a 2-second setTimeout() to sense if/when that condition occurs and then wake() the ticker.
  var _checkTimeout = function _checkTimeout() {
    if (_tickerActive && _getTime() - _lastUpdate > 2000 && ((_doc || {}).visibilityState !== "hidden" || !_ticker.lagSmoothing())) {
      //note: if the tab is hidden, we should still wake if lagSmoothing has been disabled.
      _ticker.wake();
    }
    var t = setTimeout(_checkTimeout, 2000);
    if (t.unref) {
      // allows a node process to exit even if the timeout’s callback hasn't been invoked. Without it, the node process could hang as this function is called every two seconds.
      t.unref();
    }
  };
  _checkTimeout();
  p.play = function (from, suppressEvents) {
    if (from != null) {
      this.seek(from, suppressEvents);
    }
    return this.reversed(false).paused(false);
  };
  p.pause = function (atTime, suppressEvents) {
    if (atTime != null) {
      this.seek(atTime, suppressEvents);
    }
    return this.paused(true);
  };
  p.resume = function (from, suppressEvents) {
    if (from != null) {
      this.seek(from, suppressEvents);
    }
    return this.paused(false);
  };
  p.seek = function (time, suppressEvents) {
    return this.totalTime(Number(time), suppressEvents !== false);
  };
  p.restart = function (includeDelay, suppressEvents) {
    return this.reversed(false).paused(false).totalTime(includeDelay ? -this._delay : 0, suppressEvents !== false, true);
  };
  p.reverse = function (from, suppressEvents) {
    if (from != null) {
      this.seek(from || this.totalDuration(), suppressEvents);
    }
    return this.reversed(true).paused(false);
  };
  p.render = function (time, suppressEvents, force) {
    //stub - we override this method in subclasses.
  };
  p.invalidate = function () {
    this._time = this._totalTime = 0;
    this._initted = this._gc = false;
    this._rawPrevTime = -1;
    if (this._gc || !this.timeline) {
      this._enabled(true);
    }
    return this;
  };
  p.isActive = function () {
    var tl = this._timeline,
      //the 2 root timelines won't have a _timeline; they're always active.
      startTime = this._startTime,
      rawTime;
    return !tl || !this._gc && !this._paused && tl.isActive() && (rawTime = tl.rawTime(true)) >= startTime && rawTime < startTime + this.totalDuration() / this._timeScale - 0.0000001;
  };
  p._enabled = function (enabled, ignoreTimeline) {
    if (!_tickerActive) {
      _ticker.wake();
    }
    this._gc = !enabled;
    this._active = this.isActive();
    if (ignoreTimeline !== true) {
      if (enabled && !this.timeline) {
        this._timeline.add(this, this._startTime - this._delay);
      } else if (!enabled && this.timeline) {
        this._timeline._remove(this, true);
      }
    }
    return false;
  };
  p._kill = function (vars, target) {
    return this._enabled(false, false);
  };
  p.kill = function (vars, target) {
    this._kill(vars, target);
    return this;
  };
  p._uncache = function (includeSelf) {
    var tween = includeSelf ? this : this.timeline;
    while (tween) {
      tween._dirty = true;
      tween = tween.timeline;
    }
    return this;
  };
  p._swapSelfInParams = function (params) {
    var i = params.length,
      copy = params.concat();
    while (--i > -1) {
      if (params[i] === "{self}") {
        copy[i] = this;
      }
    }
    return copy;
  };
  p._callback = function (type) {
    var v = this.vars,
      callback = v[type],
      params = v[type + "Params"],
      scope = v[type + "Scope"] || v.callbackScope || this,
      l = params ? params.length : 0;
    switch (l) {
      //speed optimization; call() is faster than apply() so use it when there are only a few parameters (which is by far most common). Previously we simply did var v = this.vars; v[type].apply(v[type + "Scope"] || v.callbackScope || this, v[type + "Params"] || _blankArray);
      case 0:
        callback.call(scope);
        break;
      case 1:
        callback.call(scope, params[0]);
        break;
      case 2:
        callback.call(scope, params[0], params[1]);
        break;
      default:
        callback.apply(scope, params);
    }
  };

  //----Animation getters/setters --------------------------------------------------------

  p.eventCallback = function (type, callback, params, scope) {
    if ((type || "").substr(0, 2) === "on") {
      var v = this.vars;
      if (arguments.length === 1) {
        return v[type];
      }
      if (callback == null) {
        delete v[type];
      } else {
        v[type] = callback;
        v[type + "Params"] = _isArray(params) && params.join("").indexOf("{self}") !== -1 ? this._swapSelfInParams(params) : params;
        v[type + "Scope"] = scope;
      }
      if (type === "onUpdate") {
        this._onUpdate = callback;
      }
    }
    return this;
  };
  p.delay = function (value) {
    if (!arguments.length) {
      return this._delay;
    }
    if (this._timeline.smoothChildTiming) {
      this.startTime(this._startTime + value - this._delay);
    }
    this._delay = value;
    return this;
  };
  p.duration = function (value) {
    if (!arguments.length) {
      this._dirty = false;
      return this._duration;
    }
    this._duration = this._totalDuration = value;
    this._uncache(true); //true in case it's a TweenMax or TimelineMax that has a repeat - we'll need to refresh the totalDuration.
    if (this._timeline.smoothChildTiming) if (this._time > 0) if (this._time < this._duration) if (value !== 0) {
      this.totalTime(this._totalTime * (value / this._duration), true);
    }
    return this;
  };
  p.totalDuration = function (value) {
    this._dirty = false;
    return !arguments.length ? this._totalDuration : this.duration(value);
  };
  p.time = function (value, suppressEvents) {
    if (!arguments.length) {
      return this._time;
    }
    if (this._dirty) {
      this.totalDuration();
    }
    return this.totalTime(value > this._duration ? this._duration : value, suppressEvents);
  };
  p.totalTime = function (time, suppressEvents, uncapped) {
    if (!_tickerActive) {
      _ticker.wake();
    }
    if (!arguments.length) {
      return this._totalTime;
    }
    if (this._timeline) {
      if (time < 0 && !uncapped) {
        time += this.totalDuration();
      }
      if (this._timeline.smoothChildTiming) {
        if (this._dirty) {
          this.totalDuration();
        }
        var totalDuration = this._totalDuration,
          tl = this._timeline;
        if (time > totalDuration && !uncapped) {
          time = totalDuration;
        }
        this._startTime = (this._paused ? this._pauseTime : tl._time) - (!this._reversed ? time : totalDuration - time) / this._timeScale;
        if (!tl._dirty) {
          //for performance improvement. If the parent's cache is already dirty, it already took care of marking the ancestors as dirty too, so skip the function call here.
          this._uncache(false);
        }
        //in case any of the ancestor timelines had completed but should now be enabled, we should reset their totalTime() which will also ensure that they're lined up properly and enabled. Skip for animations that are on the root (wasteful). Example: a TimelineLite.exportRoot() is performed when there's a paused tween on the root, the export will not complete until that tween is unpaused, but imagine a child gets restarted later, after all [unpaused] tweens have completed. The startTime of that child would get pushed out, but one of the ancestors may have completed.
        if (tl._timeline) {
          while (tl._timeline) {
            if (tl._timeline._time !== (tl._startTime + tl._totalTime) / tl._timeScale) {
              tl.totalTime(tl._totalTime, true);
            }
            tl = tl._timeline;
          }
        }
      }
      if (this._gc) {
        this._enabled(true, false);
      }
      if (this._totalTime !== time || this._duration === 0) {
        if (_lazyTweens.length) {
          _lazyRender();
        }
        this.render(time, suppressEvents, false);
        if (_lazyTweens.length) {
          //in case rendering caused any tweens to lazy-init, we should render them because typically when someone calls seek() or time() or progress(), they expect an immediate render.
          _lazyRender();
        }
      }
    }
    return this;
  };
  p.progress = p.totalProgress = function (value, suppressEvents) {
    var duration = this.duration();
    return !arguments.length ? duration ? this._time / duration : this.ratio : this.totalTime(duration * value, suppressEvents);
  };
  p.startTime = function (value) {
    if (!arguments.length) {
      return this._startTime;
    }
    if (value !== this._startTime) {
      this._startTime = value;
      if (this.timeline) if (this.timeline._sortChildren) {
        this.timeline.add(this, value - this._delay); //ensures that any necessary re-sequencing of Animations in the timeline occurs to make sure the rendering order is correct.
      }
    }
    return this;
  };
  p.endTime = function (includeRepeats) {
    return this._startTime + (includeRepeats != false ? this.totalDuration() : this.duration()) / this._timeScale;
  };
  p.timeScale = function (value) {
    if (!arguments.length) {
      return this._timeScale;
    }
    var pauseTime, t;
    value = value || _tinyNum; //can't allow zero because it'll throw the math off
    if (this._timeline && this._timeline.smoothChildTiming) {
      pauseTime = this._pauseTime;
      t = pauseTime || pauseTime === 0 ? pauseTime : this._timeline.totalTime();
      this._startTime = t - (t - this._startTime) * this._timeScale / value;
    }
    this._timeScale = value;
    t = this.timeline;
    while (t && t.timeline) {
      //must update the duration/totalDuration of all ancestor timelines immediately in case in the middle of a render loop, one tween alters another tween's timeScale which shoves its startTime before 0, forcing the parent timeline to shift around and shiftChildren() which could affect that next tween's render (startTime). Doesn't matter for the root timeline though.
      t._dirty = true;
      t.totalDuration();
      t = t.timeline;
    }
    return this;
  };
  p.reversed = function (value) {
    if (!arguments.length) {
      return this._reversed;
    }
    if (value != this._reversed) {
      this._reversed = value;
      this.totalTime(this._timeline && !this._timeline.smoothChildTiming ? this.totalDuration() - this._totalTime : this._totalTime, true);
    }
    return this;
  };
  p.paused = function (value) {
    if (!arguments.length) {
      return this._paused;
    }
    var tl = this._timeline,
      raw,
      elapsed;
    if (value != this._paused) if (tl) {
      if (!_tickerActive && !value) {
        _ticker.wake();
      }
      raw = tl.rawTime();
      elapsed = raw - this._pauseTime;
      if (!value && tl.smoothChildTiming) {
        this._startTime += elapsed;
        this._uncache(false);
      }
      this._pauseTime = value ? raw : null;
      this._paused = value;
      this._active = this.isActive();
      if (!value && elapsed !== 0 && this._initted && this.duration()) {
        raw = tl.smoothChildTiming ? this._totalTime : (raw - this._startTime) / this._timeScale;
        this.render(raw, raw === this._totalTime, true); //in case the target's properties changed via some other tween or manual update by the user, we should force a render.
      }
    }
    if (this._gc && !value) {
      this._enabled(true, false);
    }
    return this;
  };

  /*
   * ----------------------------------------------------------------
   * SimpleTimeline
   * ----------------------------------------------------------------
   */
  var SimpleTimeline = _class("core.SimpleTimeline", function (vars) {
    Animation.call(this, 0, vars);
    this.autoRemoveChildren = this.smoothChildTiming = true;
  });
  p = SimpleTimeline.prototype = new Animation();
  p.constructor = SimpleTimeline;
  p.kill()._gc = false;
  p._first = p._last = p._recent = null;
  p._sortChildren = false;
  p.add = p.insert = function (child, position, align, stagger) {
    var prevTween, st;
    child._startTime = Number(position || 0) + child._delay;
    if (child._paused) if (this !== child._timeline) {
      //we only adjust the _pauseTime if it wasn't in this timeline already. Remember, sometimes a tween will be inserted again into the same timeline when its startTime is changed so that the tweens in the TimelineLite/Max are re-ordered properly in the linked list (so everything renders in the proper order).
      child._pauseTime = child._startTime + (this.rawTime() - child._startTime) / child._timeScale;
    }
    if (child.timeline) {
      child.timeline._remove(child, true); //removes from existing timeline so that it can be properly added to this one.
    }
    child.timeline = child._timeline = this;
    if (child._gc) {
      child._enabled(true, true);
    }
    prevTween = this._last;
    if (this._sortChildren) {
      st = child._startTime;
      while (prevTween && prevTween._startTime > st) {
        prevTween = prevTween._prev;
      }
    }
    if (prevTween) {
      child._next = prevTween._next;
      prevTween._next = child;
    } else {
      child._next = this._first;
      this._first = child;
    }
    if (child._next) {
      child._next._prev = child;
    } else {
      this._last = child;
    }
    child._prev = prevTween;
    this._recent = child;
    if (this._timeline) {
      this._uncache(true);
    }
    return this;
  };
  p._remove = function (tween, skipDisable) {
    if (tween.timeline === this) {
      if (!skipDisable) {
        tween._enabled(false, true);
      }
      if (tween._prev) {
        tween._prev._next = tween._next;
      } else if (this._first === tween) {
        this._first = tween._next;
      }
      if (tween._next) {
        tween._next._prev = tween._prev;
      } else if (this._last === tween) {
        this._last = tween._prev;
      }
      tween._next = tween._prev = tween.timeline = null;
      if (tween === this._recent) {
        this._recent = this._last;
      }
      if (this._timeline) {
        this._uncache(true);
      }
    }
    return this;
  };
  p.render = function (time, suppressEvents, force) {
    var tween = this._first,
      next;
    this._totalTime = this._time = this._rawPrevTime = time;
    while (tween) {
      next = tween._next; //record it here because the value could change after rendering...
      if (tween._active || time >= tween._startTime && !tween._paused && !tween._gc) {
        if (!tween._reversed) {
          tween.render((time - tween._startTime) * tween._timeScale, suppressEvents, force);
        } else {
          tween.render((!tween._dirty ? tween._totalDuration : tween.totalDuration()) - (time - tween._startTime) * tween._timeScale, suppressEvents, force);
        }
      }
      tween = next;
    }
  };
  p.rawTime = function () {
    if (!_tickerActive) {
      _ticker.wake();
    }
    return this._totalTime;
  };

  /*
   * ----------------------------------------------------------------
   * TweenLite
   * ----------------------------------------------------------------
   */
  var TweenLite = _class("TweenLite", function (target, duration, vars) {
      Animation.call(this, duration, vars);
      this.render = TweenLite.prototype.render; //speed optimization (avoid prototype lookup on this "hot" method)

      if (target == null) {
        throw "Cannot tween a null target.";
      }
      this.target = target = typeof target !== "string" ? target : TweenLite.selector(target) || target;
      var isSelector = target.jquery || target.length && target !== window && target[0] && (target[0] === window || target[0].nodeType && target[0].style && !target.nodeType),
        overwrite = this.vars.overwrite,
        i,
        targ,
        targets;
      this._overwrite = overwrite = overwrite == null ? _overwriteLookup[TweenLite.defaultOverwrite] : typeof overwrite === "number" ? overwrite >> 0 : _overwriteLookup[overwrite];
      if ((isSelector || target instanceof Array || target.push && _isArray(target)) && typeof target[0] !== "number") {
        this._targets = targets = _slice(target); //don't use Array.prototype.slice.call(target, 0) because that doesn't work in IE8 with a NodeList that's returned by querySelectorAll()
        this._propLookup = [];
        this._siblings = [];
        for (i = 0; i < targets.length; i++) {
          targ = targets[i];
          if (!targ) {
            targets.splice(i--, 1);
            continue;
          } else if (typeof targ === "string") {
            targ = targets[i--] = TweenLite.selector(targ); //in case it's an array of strings
            if (typeof targ === "string") {
              targets.splice(i + 1, 1); //to avoid an endless loop (can't imagine why the selector would return a string, but just in case)
            }
            continue;
          } else if (targ.length && targ !== window && targ[0] && (targ[0] === window || targ[0].nodeType && targ[0].style && !targ.nodeType)) {
            //in case the user is passing in an array of selector objects (like jQuery objects), we need to check one more level and pull things out if necessary. Also note that <select> elements pass all the criteria regarding length and the first child having style, so we must also check to ensure the target isn't an HTML node itself.
            targets.splice(i--, 1);
            this._targets = targets = targets.concat(_slice(targ));
            continue;
          }
          this._siblings[i] = _register(targ, this, false);
          if (overwrite === 1) if (this._siblings[i].length > 1) {
            _applyOverwrite(targ, this, null, 1, this._siblings[i]);
          }
        }
      } else {
        this._propLookup = {};
        this._siblings = _register(target, this, false);
        if (overwrite === 1) if (this._siblings.length > 1) {
          _applyOverwrite(target, this, null, 1, this._siblings);
        }
      }
      if (this.vars.immediateRender || duration === 0 && this._delay === 0 && this.vars.immediateRender !== false) {
        this._time = -_tinyNum; //forces a render without having to set the render() "force" parameter to true because we want to allow lazying by default (using the "force" parameter always forces an immediate full render)
        this.render(Math.min(0, -this._delay)); //in case delay is negative
      }
    }, true),
    _isSelector = function _isSelector(v) {
      return v && v.length && v !== window && v[0] && (v[0] === window || v[0].nodeType && v[0].style && !v.nodeType); //we cannot check "nodeType" if the target is window from within an iframe, otherwise it will trigger a security error in some browsers like Firefox.
    },
    _autoCSS = function _autoCSS(vars, target) {
      var css = {},
        p;
      for (p in vars) {
        if (!_reservedProps[p] && (!(p in target) || p === "transform" || p === "x" || p === "y" || p === "width" || p === "height" || p === "className" || p === "border") && (!_plugins[p] || _plugins[p] && _plugins[p]._autoCSS)) {
          //note: <img> elements contain read-only "x" and "y" properties. We should also prioritize editing css width/height rather than the element's properties.
          css[p] = vars[p];
          delete vars[p];
        }
      }
      vars.css = css;
    };
  p = TweenLite.prototype = new Animation();
  p.constructor = TweenLite;
  p.kill()._gc = false;

  //----TweenLite defaults, overwrite management, and root updates ----------------------------------------------------

  p.ratio = 0;
  p._firstPT = p._targets = p._overwrittenProps = p._startAt = null;
  p._notifyPluginsOfEnabled = p._lazy = false;
  TweenLite.version = "1.20.4";
  TweenLite.defaultEase = p._ease = new Ease(null, null, 1, 1);
  TweenLite.defaultOverwrite = "auto";
  TweenLite.ticker = _ticker;
  TweenLite.autoSleep = 120;
  TweenLite.lagSmoothing = function (threshold, adjustedLag) {
    _ticker.lagSmoothing(threshold, adjustedLag);
  };
  TweenLite.selector = window.$ || window.jQuery || function (e) {
    var selector = window.$ || window.jQuery;
    if (selector) {
      TweenLite.selector = selector;
      return selector(e);
    }
    return typeof _doc === "undefined" ? e : _doc.querySelectorAll ? _doc.querySelectorAll(e) : _doc.getElementById(e.charAt(0) === "#" ? e.substr(1) : e);
  };
  var _lazyTweens = [],
    _lazyLookup = {},
    _numbersExp = /(?:(-|-=|\+=)?\d*\.?\d*(?:e[\-+]?\d+)?)[0-9]/ig,
    _relExp = /[\+-]=-?[\.\d]/,
    //_nonNumbersExp = /(?:([\-+](?!(\d|=)))|[^\d\-+=e]|(e(?![\-+][\d])))+/ig,
    _setRatio = function _setRatio(v) {
      var pt = this._firstPT,
        min = 0.000001,
        val;
      while (pt) {
        val = !pt.blob ? pt.c * v + pt.s : v === 1 && this.end != null ? this.end : v ? this.join("") : this.start;
        if (pt.m) {
          val = pt.m(val, this._target || pt.t);
        } else if (val < min) if (val > -min && !pt.blob) {
          //prevents issues with converting very small numbers to strings in the browser
          val = 0;
        }
        if (!pt.f) {
          pt.t[pt.p] = val;
        } else if (pt.fp) {
          pt.t[pt.p](pt.fp, val);
        } else {
          pt.t[pt.p](val);
        }
        pt = pt._next;
      }
    },
    //compares two strings (start/end), finds the numbers that are different and spits back an array representing the whole value but with the changing values isolated as elements. For example, "rgb(0,0,0)" and "rgb(100,50,0)" would become ["rgb(", 0, ",", 50, ",0)"]. Notice it merges the parts that are identical (performance optimization). The array also has a linked list of PropTweens attached starting with _firstPT that contain the tweening data (t, p, s, c, f, etc.). It also stores the starting value as a "start" property so that we can revert to it if/when necessary, like when a tween rewinds fully. If the quantity of numbers differs between the start and end, it will always prioritize the end value(s). The pt parameter is optional - it's for a PropTween that will be appended to the end of the linked list and is typically for actually setting the value after all of the elements have been updated (with array.join("")).
    _blobDif = function _blobDif(start, end, filter, pt) {
      var a = [],
        charIndex = 0,
        s = "",
        color = 0,
        startNums,
        endNums,
        num,
        i,
        l,
        nonNumbers,
        currentNum;
      a.start = start;
      a.end = end;
      start = a[0] = start + ""; //ensure values are strings
      end = a[1] = end + "";
      if (filter) {
        filter(a); //pass an array with the starting and ending values and let the filter do whatever it needs to the values.
        start = a[0];
        end = a[1];
      }
      a.length = 0;
      startNums = start.match(_numbersExp) || [];
      endNums = end.match(_numbersExp) || [];
      if (pt) {
        pt._next = null;
        pt.blob = 1;
        a._firstPT = a._applyPT = pt; //apply last in the linked list (which means inserting it first)
      }
      l = endNums.length;
      for (i = 0; i < l; i++) {
        currentNum = endNums[i];
        nonNumbers = end.substr(charIndex, end.indexOf(currentNum, charIndex) - charIndex);
        s += nonNumbers || !i ? nonNumbers : ","; //note: SVG spec allows omission of comma/space when a negative sign is wedged between two numbers, like 2.5-5.3 instead of 2.5,-5.3 but when tweening, the negative value may switch to positive, so we insert the comma just in case.
        charIndex += nonNumbers.length;
        if (color) {
          //sense rgba() values and round them.
          color = (color + 1) % 5;
        } else if (nonNumbers.substr(-5) === "rgba(") {
          color = 1;
        }
        if (currentNum === startNums[i] || startNums.length <= i) {
          s += currentNum;
        } else {
          if (s) {
            a.push(s);
            s = "";
          }
          num = parseFloat(startNums[i]);
          a.push(num);
          a._firstPT = {
            _next: a._firstPT,
            t: a,
            p: a.length - 1,
            s: num,
            c: (currentNum.charAt(1) === "=" ? parseInt(currentNum.charAt(0) + "1", 10) * parseFloat(currentNum.substr(2)) : parseFloat(currentNum) - num) || 0,
            f: 0,
            m: color && color < 4 ? Math.round : 0
          };
          //note: we don't set _prev because we'll never need to remove individual PropTweens from this list.
        }
        charIndex += currentNum.length;
      }
      s += end.substr(charIndex);
      if (s) {
        a.push(s);
      }
      a.setRatio = _setRatio;
      if (_relExp.test(end)) {
        //if the end string contains relative values, delete it so that on the final render (in _setRatio()), we don't actually set it to the string with += or -= characters (forces it to use the calculated value).
        a.end = null;
      }
      return a;
    },
    //note: "funcParam" is only necessary for function-based getters/setters that require an extra parameter like getAttribute("width") and setAttribute("width", value). In this example, funcParam would be "width". Used by AttrPlugin for example.
    _addPropTween = function _addPropTween(target, prop, start, end, overwriteProp, mod, funcParam, stringFilter, index) {
      if (typeof end === "function") {
        end = end(index || 0, target);
      }
      var type = _typeof(target[prop]),
        getterName = type !== "function" ? "" : prop.indexOf("set") || typeof target["get" + prop.substr(3)] !== "function" ? prop : "get" + prop.substr(3),
        s = start !== "get" ? start : !getterName ? target[prop] : funcParam ? target[getterName](funcParam) : target[getterName](),
        isRelative = typeof end === "string" && end.charAt(1) === "=",
        pt = {
          t: target,
          p: prop,
          s: s,
          f: type === "function",
          pg: 0,
          n: overwriteProp || prop,
          m: !mod ? 0 : typeof mod === "function" ? mod : Math.round,
          pr: 0,
          c: isRelative ? parseInt(end.charAt(0) + "1", 10) * parseFloat(end.substr(2)) : parseFloat(end) - s || 0
        },
        blob;
      if (typeof s !== "number" || typeof end !== "number" && !isRelative) {
        if (funcParam || isNaN(s) || !isRelative && isNaN(end) || typeof s === "boolean" || typeof end === "boolean") {
          //a blob (string that has multiple numbers in it)
          pt.fp = funcParam;
          blob = _blobDif(s, isRelative ? parseFloat(pt.s) + pt.c + (pt.s + "").replace(/[0-9\-\.]/g, "") : end, stringFilter || TweenLite.defaultStringFilter, pt);
          pt = {
            t: blob,
            p: "setRatio",
            s: 0,
            c: 1,
            f: 2,
            pg: 0,
            n: overwriteProp || prop,
            pr: 0,
            m: 0
          }; //"2" indicates it's a Blob property tween. Needed for RoundPropsPlugin for example.
        } else {
          pt.s = parseFloat(s);
          if (!isRelative) {
            pt.c = parseFloat(end) - pt.s || 0;
          }
        }
      }
      if (pt.c) {
        //only add it to the linked list if there's a change.
        if (pt._next = this._firstPT) {
          pt._next._prev = pt;
        }
        this._firstPT = pt;
        return pt;
      }
    },
    _internals = TweenLite._internals = {
      isArray: _isArray,
      isSelector: _isSelector,
      lazyTweens: _lazyTweens,
      blobDif: _blobDif
    },
    //gives us a way to expose certain private values to other GreenSock classes without contaminating tha main TweenLite object.
    _plugins = TweenLite._plugins = {},
    _tweenLookup = _internals.tweenLookup = {},
    _tweenLookupNum = 0,
    _reservedProps = _internals.reservedProps = {
      ease: 1,
      delay: 1,
      overwrite: 1,
      onComplete: 1,
      onCompleteParams: 1,
      onCompleteScope: 1,
      useFrames: 1,
      runBackwards: 1,
      startAt: 1,
      onUpdate: 1,
      onUpdateParams: 1,
      onUpdateScope: 1,
      onStart: 1,
      onStartParams: 1,
      onStartScope: 1,
      onReverseComplete: 1,
      onReverseCompleteParams: 1,
      onReverseCompleteScope: 1,
      onRepeat: 1,
      onRepeatParams: 1,
      onRepeatScope: 1,
      easeParams: 1,
      yoyo: 1,
      immediateRender: 1,
      repeat: 1,
      repeatDelay: 1,
      data: 1,
      paused: 1,
      reversed: 1,
      autoCSS: 1,
      lazy: 1,
      onOverwrite: 1,
      callbackScope: 1,
      stringFilter: 1,
      id: 1,
      yoyoEase: 1
    },
    _overwriteLookup = {
      none: 0,
      all: 1,
      auto: 2,
      concurrent: 3,
      allOnStart: 4,
      preexisting: 5,
      "true": 1,
      "false": 0
    },
    _rootFramesTimeline = Animation._rootFramesTimeline = new SimpleTimeline(),
    _rootTimeline = Animation._rootTimeline = new SimpleTimeline(),
    _nextGCFrame = 30,
    _lazyRender = _internals.lazyRender = function () {
      var i = _lazyTweens.length,
        tween;
      _lazyLookup = {};
      while (--i > -1) {
        tween = _lazyTweens[i];
        if (tween && tween._lazy !== false) {
          tween.render(tween._lazy[0], tween._lazy[1], true);
          tween._lazy = false;
        }
      }
      _lazyTweens.length = 0;
    };
  _rootTimeline._startTime = _ticker.time;
  _rootFramesTimeline._startTime = _ticker.frame;
  _rootTimeline._active = _rootFramesTimeline._active = true;
  setTimeout(_lazyRender, 1); //on some mobile devices, there isn't a "tick" before code runs which means any lazy renders wouldn't run before the next official "tick".

  Animation._updateRoot = TweenLite.render = function () {
    var i, a, p;
    if (_lazyTweens.length) {
      //if code is run outside of the requestAnimationFrame loop, there may be tweens queued AFTER the engine refreshed, so we need to ensure any pending renders occur before we refresh again.
      _lazyRender();
    }
    _rootTimeline.render((_ticker.time - _rootTimeline._startTime) * _rootTimeline._timeScale, false, false);
    _rootFramesTimeline.render((_ticker.frame - _rootFramesTimeline._startTime) * _rootFramesTimeline._timeScale, false, false);
    if (_lazyTweens.length) {
      _lazyRender();
    }
    if (_ticker.frame >= _nextGCFrame) {
      //dump garbage every 120 frames or whatever the user sets TweenLite.autoSleep to
      _nextGCFrame = _ticker.frame + (parseInt(TweenLite.autoSleep, 10) || 120);
      for (p in _tweenLookup) {
        a = _tweenLookup[p].tweens;
        i = a.length;
        while (--i > -1) {
          if (a[i]._gc) {
            a.splice(i, 1);
          }
        }
        if (a.length === 0) {
          delete _tweenLookup[p];
        }
      }
      //if there are no more tweens in the root timelines, or if they're all paused, make the _timer sleep to reduce load on the CPU slightly
      p = _rootTimeline._first;
      if (!p || p._paused) if (TweenLite.autoSleep && !_rootFramesTimeline._first && _ticker._listeners.tick.length === 1) {
        while (p && p._paused) {
          p = p._next;
        }
        if (!p) {
          _ticker.sleep();
        }
      }
    }
  };
  _ticker.addEventListener("tick", Animation._updateRoot);
  var _register = function _register(target, tween, scrub) {
      var id = target._gsTweenID,
        a,
        i;
      if (!_tweenLookup[id || (target._gsTweenID = id = "t" + _tweenLookupNum++)]) {
        _tweenLookup[id] = {
          target: target,
          tweens: []
        };
      }
      if (tween) {
        a = _tweenLookup[id].tweens;
        a[i = a.length] = tween;
        if (scrub) {
          while (--i > -1) {
            if (a[i] === tween) {
              a.splice(i, 1);
            }
          }
        }
      }
      return _tweenLookup[id].tweens;
    },
    _onOverwrite = function _onOverwrite(overwrittenTween, overwritingTween, target, killedProps) {
      var func = overwrittenTween.vars.onOverwrite,
        r1,
        r2;
      if (func) {
        r1 = func(overwrittenTween, overwritingTween, target, killedProps);
      }
      func = TweenLite.onOverwrite;
      if (func) {
        r2 = func(overwrittenTween, overwritingTween, target, killedProps);
      }
      return r1 !== false && r2 !== false;
    },
    _applyOverwrite = function _applyOverwrite(target, tween, props, mode, siblings) {
      var i, changed, curTween, l;
      if (mode === 1 || mode >= 4) {
        l = siblings.length;
        for (i = 0; i < l; i++) {
          if ((curTween = siblings[i]) !== tween) {
            if (!curTween._gc) {
              if (curTween._kill(null, target, tween)) {
                changed = true;
              }
            }
          } else if (mode === 5) {
            break;
          }
        }
        return changed;
      }
      //NOTE: Add 0.0000000001 to overcome floating point errors that can cause the startTime to be VERY slightly off (when a tween's time() is set for example)
      var startTime = tween._startTime + _tinyNum,
        overlaps = [],
        oCount = 0,
        zeroDur = tween._duration === 0,
        globalStart;
      i = siblings.length;
      while (--i > -1) {
        if ((curTween = siblings[i]) === tween || curTween._gc || curTween._paused) {
          //ignore
        } else if (curTween._timeline !== tween._timeline) {
          globalStart = globalStart || _checkOverlap(tween, 0, zeroDur);
          if (_checkOverlap(curTween, globalStart, zeroDur) === 0) {
            overlaps[oCount++] = curTween;
          }
        } else if (curTween._startTime <= startTime) if (curTween._startTime + curTween.totalDuration() / curTween._timeScale > startTime) if (!((zeroDur || !curTween._initted) && startTime - curTween._startTime <= 0.0000000002)) {
          overlaps[oCount++] = curTween;
        }
      }
      i = oCount;
      while (--i > -1) {
        curTween = overlaps[i];
        if (mode === 2) if (curTween._kill(props, target, tween)) {
          changed = true;
        }
        if (mode !== 2 || !curTween._firstPT && curTween._initted) {
          if (mode !== 2 && !_onOverwrite(curTween, tween)) {
            continue;
          }
          if (curTween._enabled(false, false)) {
            //if all property tweens have been overwritten, kill the tween.
            changed = true;
          }
        }
      }
      return changed;
    },
    _checkOverlap = function _checkOverlap(tween, reference, zeroDur) {
      var tl = tween._timeline,
        ts = tl._timeScale,
        t = tween._startTime;
      while (tl._timeline) {
        t += tl._startTime;
        ts *= tl._timeScale;
        if (tl._paused) {
          return -100;
        }
        tl = tl._timeline;
      }
      t /= ts;
      return t > reference ? t - reference : zeroDur && t === reference || !tween._initted && t - reference < 2 * _tinyNum ? _tinyNum : (t += tween.totalDuration() / tween._timeScale / ts) > reference + _tinyNum ? 0 : t - reference - _tinyNum;
    };

  //---- TweenLite instance methods -----------------------------------------------------------------------------

  p._init = function () {
    var v = this.vars,
      op = this._overwrittenProps,
      dur = this._duration,
      immediate = !!v.immediateRender,
      ease = v.ease,
      i,
      initPlugins,
      pt,
      p,
      startVars,
      l;
    if (v.startAt) {
      if (this._startAt) {
        this._startAt.render(-1, true); //if we've run a startAt previously (when the tween instantiated), we should revert it so that the values re-instantiate correctly particularly for relative tweens. Without this, a TweenLite.fromTo(obj, 1, {x:"+=100"}, {x:"-=100"}), for example, would actually jump to +=200 because the startAt would run twice, doubling the relative change.
        this._startAt.kill();
      }
      startVars = {};
      for (p in v.startAt) {
        //copy the properties/values into a new object to avoid collisions, like var to = {x:0}, from = {x:500}; timeline.fromTo(e, 1, from, to).fromTo(e, 1, to, from);
        startVars[p] = v.startAt[p];
      }
      startVars.data = "isStart";
      startVars.overwrite = false;
      startVars.immediateRender = true;
      startVars.lazy = immediate && v.lazy !== false;
      startVars.startAt = startVars.delay = null; //no nesting of startAt objects allowed (otherwise it could cause an infinite loop).
      startVars.onUpdate = v.onUpdate;
      startVars.onUpdateParams = v.onUpdateParams;
      startVars.onUpdateScope = v.onUpdateScope || v.callbackScope || this;
      this._startAt = TweenLite.to(this.target, 0, startVars);
      if (immediate) {
        if (this._time > 0) {
          this._startAt = null; //tweens that render immediately (like most from() and fromTo() tweens) shouldn't revert when their parent timeline's playhead goes backward past the startTime because the initial render could have happened anytime and it shouldn't be directly correlated to this tween's startTime. Imagine setting up a complex animation where the beginning states of various objects are rendered immediately but the tween doesn't happen for quite some time - if we revert to the starting values as soon as the playhead goes backward past the tween's startTime, it will throw things off visually. Reversion should only happen in TimelineLite/Max instances where immediateRender was false (which is the default in the convenience methods like from()).
        } else if (dur !== 0) {
          return; //we skip initialization here so that overwriting doesn't occur until the tween actually begins. Otherwise, if you create several immediateRender:true tweens of the same target/properties to drop into a TimelineLite or TimelineMax, the last one created would overwrite the first ones because they didn't get placed into the timeline yet before the first render occurs and kicks in overwriting.
        }
      }
    } else if (v.runBackwards && dur !== 0) {
      //from() tweens must be handled uniquely: their beginning values must be rendered but we don't want overwriting to occur yet (when time is still 0). Wait until the tween actually begins before doing all the routines like overwriting. At that time, we should render at the END of the tween to ensure that things initialize correctly (remember, from() tweens go backwards)
      if (this._startAt) {
        this._startAt.render(-1, true);
        this._startAt.kill();
        this._startAt = null;
      } else {
        if (this._time !== 0) {
          //in rare cases (like if a from() tween runs and then is invalidate()-ed), immediateRender could be true but the initial forced-render gets skipped, so there's no need to force the render in this context when the _time is greater than 0
          immediate = false;
        }
        pt = {};
        for (p in v) {
          //copy props into a new object and skip any reserved props, otherwise onComplete or onUpdate or onStart could fire. We should, however, permit autoCSS to go through.
          if (!_reservedProps[p] || p === "autoCSS") {
            pt[p] = v[p];
          }
        }
        pt.overwrite = 0;
        pt.data = "isFromStart"; //we tag the tween with as "isFromStart" so that if [inside a plugin] we need to only do something at the very END of a tween, we have a way of identifying this tween as merely the one that's setting the beginning values for a "from()" tween. For example, clearProps in CSSPlugin should only get applied at the very END of a tween and without this tag, from(...{height:100, clearProps:"height", delay:1}) would wipe the height at the beginning of the tween and after 1 second, it'd kick back in.
        pt.lazy = immediate && v.lazy !== false;
        pt.immediateRender = immediate; //zero-duration tweens render immediately by default, but if we're not specifically instructed to render this tween immediately, we should skip this and merely _init() to record the starting values (rendering them immediately would push them to completion which is wasteful in that case - we'd have to render(-1) immediately after)
        this._startAt = TweenLite.to(this.target, 0, pt);
        if (!immediate) {
          this._startAt._init(); //ensures that the initial values are recorded
          this._startAt._enabled(false); //no need to have the tween render on the next cycle. Disable it because we'll always manually control the renders of the _startAt tween.
          if (this.vars.immediateRender) {
            this._startAt = null;
          }
        } else if (this._time === 0) {
          return;
        }
      }
    }
    this._ease = ease = !ease ? TweenLite.defaultEase : ease instanceof Ease ? ease : typeof ease === "function" ? new Ease(ease, v.easeParams) : _easeMap[ease] || TweenLite.defaultEase;
    if (v.easeParams instanceof Array && ease.config) {
      this._ease = ease.config.apply(ease, v.easeParams);
    }
    this._easeType = this._ease._type;
    this._easePower = this._ease._power;
    this._firstPT = null;
    if (this._targets) {
      l = this._targets.length;
      for (i = 0; i < l; i++) {
        if (this._initProps(this._targets[i], this._propLookup[i] = {}, this._siblings[i], op ? op[i] : null, i)) {
          initPlugins = true;
        }
      }
    } else {
      initPlugins = this._initProps(this.target, this._propLookup, this._siblings, op, 0);
    }
    if (initPlugins) {
      TweenLite._onPluginEvent("_onInitAllProps", this); //reorders the array in order of priority. Uses a static TweenPlugin method in order to minimize file size in TweenLite
    }
    if (op) if (!this._firstPT) if (typeof this.target !== "function") {
      //if all tweening properties have been overwritten, kill the tween. If the target is a function, it's probably a delayedCall so let it live.
      this._enabled(false, false);
    }
    if (v.runBackwards) {
      pt = this._firstPT;
      while (pt) {
        pt.s += pt.c;
        pt.c = -pt.c;
        pt = pt._next;
      }
    }
    this._onUpdate = v.onUpdate;
    this._initted = true;
  };
  p._initProps = function (target, propLookup, siblings, overwrittenProps, index) {
    var p, i, initPlugins, plugin, pt, v;
    if (target == null) {
      return false;
    }
    if (_lazyLookup[target._gsTweenID]) {
      _lazyRender(); //if other tweens of the same target have recently initted but haven't rendered yet, we've got to force the render so that the starting values are correct (imagine populating a timeline with a bunch of sequential tweens and then jumping to the end)
    }
    if (!this.vars.css) if (target.style) if (target !== window && target.nodeType) if (_plugins.css) if (this.vars.autoCSS !== false) {
      //it's so common to use TweenLite/Max to animate the css of DOM elements, we assume that if the target is a DOM element, that's what is intended (a convenience so that users don't have to wrap things in css:{}, although we still recommend it for a slight performance boost and better specificity). Note: we cannot check "nodeType" on the window inside an iframe.
      _autoCSS(this.vars, target);
    }
    for (p in this.vars) {
      v = this.vars[p];
      if (_reservedProps[p]) {
        if (v) if (v instanceof Array || v.push && _isArray(v)) if (v.join("").indexOf("{self}") !== -1) {
          this.vars[p] = v = this._swapSelfInParams(v, this);
        }
      } else if (_plugins[p] && (plugin = new _plugins[p]())._onInitTween(target, this.vars[p], this, index)) {
        //t - target 		[object]
        //p - property 		[string]
        //s - start			[number]
        //c - change		[number]
        //f - isFunction	[boolean]
        //n - name			[string]
        //pg - isPlugin 	[boolean]
        //pr - priority		[number]
        //m - mod           [function | 0]
        this._firstPT = pt = {
          _next: this._firstPT,
          t: plugin,
          p: "setRatio",
          s: 0,
          c: 1,
          f: 1,
          n: p,
          pg: 1,
          pr: plugin._priority,
          m: 0
        };
        i = plugin._overwriteProps.length;
        while (--i > -1) {
          propLookup[plugin._overwriteProps[i]] = this._firstPT;
        }
        if (plugin._priority || plugin._onInitAllProps) {
          initPlugins = true;
        }
        if (plugin._onDisable || plugin._onEnable) {
          this._notifyPluginsOfEnabled = true;
        }
        if (pt._next) {
          pt._next._prev = pt;
        }
      } else {
        propLookup[p] = _addPropTween.call(this, target, p, "get", v, p, 0, null, this.vars.stringFilter, index);
      }
    }
    if (overwrittenProps) if (this._kill(overwrittenProps, target)) {
      //another tween may have tried to overwrite properties of this tween before init() was called (like if two tweens start at the same time, the one created second will run first)
      return this._initProps(target, propLookup, siblings, overwrittenProps, index);
    }
    if (this._overwrite > 1) if (this._firstPT) if (siblings.length > 1) if (_applyOverwrite(target, this, propLookup, this._overwrite, siblings)) {
      this._kill(propLookup, target);
      return this._initProps(target, propLookup, siblings, overwrittenProps, index);
    }
    if (this._firstPT) if (this.vars.lazy !== false && this._duration || this.vars.lazy && !this._duration) {
      //zero duration tweens don't lazy render by default; everything else does.
      _lazyLookup[target._gsTweenID] = true;
    }
    return initPlugins;
  };
  p.render = function (time, suppressEvents, force) {
    var prevTime = this._time,
      duration = this._duration,
      prevRawPrevTime = this._rawPrevTime,
      isComplete,
      callback,
      pt,
      rawPrevTime;
    if (time >= duration - 0.0000001 && time >= 0) {
      //to work around occasional floating point math artifacts.
      this._totalTime = this._time = duration;
      this.ratio = this._ease._calcEnd ? this._ease.getRatio(1) : 1;
      if (!this._reversed) {
        isComplete = true;
        callback = "onComplete";
        force = force || this._timeline.autoRemoveChildren; //otherwise, if the animation is unpaused/activated after it's already finished, it doesn't get removed from the parent timeline.
      }
      if (duration === 0) if (this._initted || !this.vars.lazy || force) {
        //zero-duration tweens are tricky because we must discern the momentum/direction of time in order to determine whether the starting values should be rendered or the ending values. If the "playhead" of its timeline goes past the zero-duration tween in the forward direction or lands directly on it, the end values should be rendered, but if the timeline's "playhead" moves past it in the backward direction (from a postitive time to a negative time), the starting values must be rendered.
        if (this._startTime === this._timeline._duration) {
          //if a zero-duration tween is at the VERY end of a timeline and that timeline renders at its end, it will typically add a tiny bit of cushion to the render time to prevent rounding errors from getting in the way of tweens rendering their VERY end. If we then reverse() that timeline, the zero-duration tween will trigger its onReverseComplete even though technically the playhead didn't pass over it again. It's a very specific edge case we must accommodate.
          time = 0;
        }
        if (prevRawPrevTime < 0 || time <= 0 && time >= -0.0000001 || prevRawPrevTime === _tinyNum && this.data !== "isPause") if (prevRawPrevTime !== time) {
          //note: when this.data is "isPause", it's a callback added by addPause() on a timeline that we should not be triggered when LEAVING its exact start time. In other words, tl.addPause(1).play(1) shouldn't pause.
          force = true;
          if (prevRawPrevTime > _tinyNum) {
            callback = "onReverseComplete";
          }
        }
        this._rawPrevTime = rawPrevTime = !suppressEvents || time || prevRawPrevTime === time ? time : _tinyNum; //when the playhead arrives at EXACTLY time 0 (right on top) of a zero-duration tween, we need to discern if events are suppressed so that when the playhead moves again (next time), it'll trigger the callback. If events are NOT suppressed, obviously the callback would be triggered in this render. Basically, the callback should fire either when the playhead ARRIVES or LEAVES this exact spot, not both. Imagine doing a timeline.seek(0) and there's a callback that sits at 0. Since events are suppressed on that seek() by default, nothing will fire, but when the playhead moves off of that position, the callback should fire. This behavior is what people intuitively expect. We set the _rawPrevTime to be a precise tiny number to indicate this scenario rather than using another property/variable which would increase memory usage. This technique is less readable, but more efficient.
      }
    } else if (time < 0.0000001) {
      //to work around occasional floating point math artifacts, round super small values to 0.
      this._totalTime = this._time = 0;
      this.ratio = this._ease._calcEnd ? this._ease.getRatio(0) : 0;
      if (prevTime !== 0 || duration === 0 && prevRawPrevTime > 0) {
        callback = "onReverseComplete";
        isComplete = this._reversed;
      }
      if (time < 0) {
        this._active = false;
        if (duration === 0) if (this._initted || !this.vars.lazy || force) {
          //zero-duration tweens are tricky because we must discern the momentum/direction of time in order to determine whether the starting values should be rendered or the ending values. If the "playhead" of its timeline goes past the zero-duration tween in the forward direction or lands directly on it, the end values should be rendered, but if the timeline's "playhead" moves past it in the backward direction (from a postitive time to a negative time), the starting values must be rendered.
          if (prevRawPrevTime >= 0 && !(prevRawPrevTime === _tinyNum && this.data === "isPause")) {
            force = true;
          }
          this._rawPrevTime = rawPrevTime = !suppressEvents || time || prevRawPrevTime === time ? time : _tinyNum; //when the playhead arrives at EXACTLY time 0 (right on top) of a zero-duration tween, we need to discern if events are suppressed so that when the playhead moves again (next time), it'll trigger the callback. If events are NOT suppressed, obviously the callback would be triggered in this render. Basically, the callback should fire either when the playhead ARRIVES or LEAVES this exact spot, not both. Imagine doing a timeline.seek(0) and there's a callback that sits at 0. Since events are suppressed on that seek() by default, nothing will fire, but when the playhead moves off of that position, the callback should fire. This behavior is what people intuitively expect. We set the _rawPrevTime to be a precise tiny number to indicate this scenario rather than using another property/variable which would increase memory usage. This technique is less readable, but more efficient.
        }
      }
      if (!this._initted || this._startAt && this._startAt.progress()) {
        //if we render the very beginning (time == 0) of a fromTo(), we must force the render (normal tweens wouldn't need to render at a time of 0 when the prevTime was also 0). This is also mandatory to make sure overwriting kicks in immediately. Also, we check progress() because if startAt has already rendered at its end, we should force a render at its beginning. Otherwise, if you put the playhead directly on top of where a fromTo({immediateRender:false}) starts, and then move it backwards, the from() won't revert its values.
        force = true;
      }
    } else {
      this._totalTime = this._time = time;
      if (this._easeType) {
        var r = time / duration,
          type = this._easeType,
          pow = this._easePower;
        if (type === 1 || type === 3 && r >= 0.5) {
          r = 1 - r;
        }
        if (type === 3) {
          r *= 2;
        }
        if (pow === 1) {
          r *= r;
        } else if (pow === 2) {
          r *= r * r;
        } else if (pow === 3) {
          r *= r * r * r;
        } else if (pow === 4) {
          r *= r * r * r * r;
        }
        if (type === 1) {
          this.ratio = 1 - r;
        } else if (type === 2) {
          this.ratio = r;
        } else if (time / duration < 0.5) {
          this.ratio = r / 2;
        } else {
          this.ratio = 1 - r / 2;
        }
      } else {
        this.ratio = this._ease.getRatio(time / duration);
      }
    }
    if (this._time === prevTime && !force) {
      return;
    } else if (!this._initted) {
      this._init();
      if (!this._initted || this._gc) {
        //immediateRender tweens typically won't initialize until the playhead advances (_time is greater than 0) in order to ensure that overwriting occurs properly. Also, if all of the tweening properties have been overwritten (which would cause _gc to be true, as set in _init()), we shouldn't continue otherwise an onStart callback could be called for example.
        return;
      } else if (!force && this._firstPT && (this.vars.lazy !== false && this._duration || this.vars.lazy && !this._duration)) {
        this._time = this._totalTime = prevTime;
        this._rawPrevTime = prevRawPrevTime;
        _lazyTweens.push(this);
        this._lazy = [time, suppressEvents];
        return;
      }
      //_ease is initially set to defaultEase, so now that init() has run, _ease is set properly and we need to recalculate the ratio. Overall this is faster than using conditional logic earlier in the method to avoid having to set ratio twice because we only init() once but renderTime() gets called VERY frequently.
      if (this._time && !isComplete) {
        this.ratio = this._ease.getRatio(this._time / duration);
      } else if (isComplete && this._ease._calcEnd) {
        this.ratio = this._ease.getRatio(this._time === 0 ? 0 : 1);
      }
    }
    if (this._lazy !== false) {
      //in case a lazy render is pending, we should flush it because the new render is occurring now (imagine a lazy tween instantiating and then immediately the user calls tween.seek(tween.duration()), skipping to the end - the end render would be forced, and then if we didn't flush the lazy render, it'd fire AFTER the seek(), rendering it at the wrong time.
      this._lazy = false;
    }
    if (!this._active) if (!this._paused && this._time !== prevTime && time >= 0) {
      this._active = true; //so that if the user renders a tween (as opposed to the timeline rendering it), the timeline is forced to re-render and align it with the proper time/frame on the next rendering cycle. Maybe the tween already finished but the user manually re-renders it as halfway done.
    }
    if (prevTime === 0) {
      if (this._startAt) {
        if (time >= 0) {
          this._startAt.render(time, true, force);
        } else if (!callback) {
          callback = "_dummyGS"; //if no callback is defined, use a dummy value just so that the condition at the end evaluates as true because _startAt should render AFTER the normal render loop when the time is negative. We could handle this in a more intuitive way, of course, but the render loop is the MOST important thing to optimize, so this technique allows us to avoid adding extra conditional logic in a high-frequency area.
        }
      }
      if (this.vars.onStart) if (this._time !== 0 || duration === 0) if (!suppressEvents) {
        this._callback("onStart");
      }
    }
    pt = this._firstPT;
    while (pt) {
      if (pt.f) {
        pt.t[pt.p](pt.c * this.ratio + pt.s);
      } else {
        pt.t[pt.p] = pt.c * this.ratio + pt.s;
      }
      pt = pt._next;
    }
    if (this._onUpdate) {
      if (time < 0) if (this._startAt && time !== -0.0001) {
        //if the tween is positioned at the VERY beginning (_startTime 0) of its parent timeline, it's illegal for the playhead to go back further, so we should not render the recorded startAt values.
        this._startAt.render(time, true, force); //note: for performance reasons, we tuck this conditional logic inside less traveled areas (most tweens don't have an onUpdate). We'd just have it at the end before the onComplete, but the values should be updated before any onUpdate is called, so we ALSO put it here and then if it's not called, we do so later near the onComplete.
      }
      if (!suppressEvents) if (this._time !== prevTime || isComplete || force) {
        this._callback("onUpdate");
      }
    }
    if (callback) if (!this._gc || force) {
      //check _gc because there's a chance that kill() could be called in an onUpdate
      if (time < 0 && this._startAt && !this._onUpdate && time !== -0.0001) {
        //-0.0001 is a special value that we use when looping back to the beginning of a repeated TimelineMax, in which case we shouldn't render the _startAt values.
        this._startAt.render(time, true, force);
      }
      if (isComplete) {
        if (this._timeline.autoRemoveChildren) {
          this._enabled(false, false);
        }
        this._active = false;
      }
      if (!suppressEvents && this.vars[callback]) {
        this._callback(callback);
      }
      if (duration === 0 && this._rawPrevTime === _tinyNum && rawPrevTime !== _tinyNum) {
        //the onComplete or onReverseComplete could trigger movement of the playhead and for zero-duration tweens (which must discern direction) that land directly back on their start time, we don't want to fire again on the next render. Think of several addPause()'s in a timeline that forces the playhead to a certain spot, but what if it's already paused and another tween is tweening the "time" of the timeline? Each time it moves [forward] past that spot, it would move back, and since suppressEvents is true, it'd reset _rawPrevTime to _tinyNum so that when it begins again, the callback would fire (so ultimately it could bounce back and forth during that tween). Again, this is a very uncommon scenario, but possible nonetheless.
        this._rawPrevTime = 0;
      }
    }
  };
  p._kill = function (vars, target, overwritingTween) {
    if (vars === "all") {
      vars = null;
    }
    if (vars == null) if (target == null || target === this.target) {
      this._lazy = false;
      return this._enabled(false, false);
    }
    target = typeof target !== "string" ? target || this._targets || this.target : TweenLite.selector(target) || target;
    var simultaneousOverwrite = overwritingTween && this._time && overwritingTween._startTime === this._startTime && this._timeline === overwritingTween._timeline,
      i,
      overwrittenProps,
      p,
      pt,
      propLookup,
      changed,
      killProps,
      record,
      killed;
    if ((_isArray(target) || _isSelector(target)) && typeof target[0] !== "number") {
      i = target.length;
      while (--i > -1) {
        if (this._kill(vars, target[i], overwritingTween)) {
          changed = true;
        }
      }
    } else {
      if (this._targets) {
        i = this._targets.length;
        while (--i > -1) {
          if (target === this._targets[i]) {
            propLookup = this._propLookup[i] || {};
            this._overwrittenProps = this._overwrittenProps || [];
            overwrittenProps = this._overwrittenProps[i] = vars ? this._overwrittenProps[i] || {} : "all";
            break;
          }
        }
      } else if (target !== this.target) {
        return false;
      } else {
        propLookup = this._propLookup;
        overwrittenProps = this._overwrittenProps = vars ? this._overwrittenProps || {} : "all";
      }
      if (propLookup) {
        killProps = vars || propLookup;
        record = vars !== overwrittenProps && overwrittenProps !== "all" && vars !== propLookup && (_typeof(vars) !== "object" || !vars._tempKill); //_tempKill is a super-secret way to delete a particular tweening property but NOT have it remembered as an official overwritten property (like in BezierPlugin)
        if (overwritingTween && (TweenLite.onOverwrite || this.vars.onOverwrite)) {
          for (p in killProps) {
            if (propLookup[p]) {
              if (!killed) {
                killed = [];
              }
              killed.push(p);
            }
          }
          if ((killed || !vars) && !_onOverwrite(this, overwritingTween, target, killed)) {
            //if the onOverwrite returned false, that means the user wants to override the overwriting (cancel it).
            return false;
          }
        }
        for (p in killProps) {
          if (pt = propLookup[p]) {
            if (simultaneousOverwrite) {
              //if another tween overwrites this one and they both start at exactly the same time, yet this tween has already rendered once (for example, at 0.001) because it's first in the queue, we should revert the values to where they were at 0 so that the starting values aren't contaminated on the overwriting tween.
              if (pt.f) {
                pt.t[pt.p](pt.s);
              } else {
                pt.t[pt.p] = pt.s;
              }
              changed = true;
            }
            if (pt.pg && pt.t._kill(killProps)) {
              changed = true; //some plugins need to be notified so they can perform cleanup tasks first
            }
            if (!pt.pg || pt.t._overwriteProps.length === 0) {
              if (pt._prev) {
                pt._prev._next = pt._next;
              } else if (pt === this._firstPT) {
                this._firstPT = pt._next;
              }
              if (pt._next) {
                pt._next._prev = pt._prev;
              }
              pt._next = pt._prev = null;
            }
            delete propLookup[p];
          }
          if (record) {
            overwrittenProps[p] = 1;
          }
        }
        if (!this._firstPT && this._initted) {
          //if all tweening properties are killed, kill the tween. Without this line, if there's a tween with multiple targets and then you killTweensOf() each target individually, the tween would technically still remain active and fire its onComplete even though there aren't any more properties tweening.
          this._enabled(false, false);
        }
      }
    }
    return changed;
  };
  p.invalidate = function () {
    if (this._notifyPluginsOfEnabled) {
      TweenLite._onPluginEvent("_onDisable", this);
    }
    this._firstPT = this._overwrittenProps = this._startAt = this._onUpdate = null;
    this._notifyPluginsOfEnabled = this._active = this._lazy = false;
    this._propLookup = this._targets ? {} : [];
    Animation.prototype.invalidate.call(this);
    if (this.vars.immediateRender) {
      this._time = -_tinyNum; //forces a render without having to set the render() "force" parameter to true because we want to allow lazying by default (using the "force" parameter always forces an immediate full render)
      this.render(Math.min(0, -this._delay)); //in case delay is negative.
    }
    return this;
  };
  p._enabled = function (enabled, ignoreTimeline) {
    if (!_tickerActive) {
      _ticker.wake();
    }
    if (enabled && this._gc) {
      var targets = this._targets,
        i;
      if (targets) {
        i = targets.length;
        while (--i > -1) {
          this._siblings[i] = _register(targets[i], this, true);
        }
      } else {
        this._siblings = _register(this.target, this, true);
      }
    }
    Animation.prototype._enabled.call(this, enabled, ignoreTimeline);
    if (this._notifyPluginsOfEnabled) if (this._firstPT) {
      return TweenLite._onPluginEvent(enabled ? "_onEnable" : "_onDisable", this);
    }
    return false;
  };

  //----TweenLite static methods -----------------------------------------------------

  TweenLite.to = function (target, duration, vars) {
    return new TweenLite(target, duration, vars);
  };
  TweenLite.from = function (target, duration, vars) {
    vars.runBackwards = true;
    vars.immediateRender = vars.immediateRender != false;
    return new TweenLite(target, duration, vars);
  };
  TweenLite.fromTo = function (target, duration, fromVars, toVars) {
    toVars.startAt = fromVars;
    toVars.immediateRender = toVars.immediateRender != false && fromVars.immediateRender != false;
    return new TweenLite(target, duration, toVars);
  };
  TweenLite.delayedCall = function (delay, callback, params, scope, useFrames) {
    return new TweenLite(callback, 0, {
      delay: delay,
      onComplete: callback,
      onCompleteParams: params,
      callbackScope: scope,
      onReverseComplete: callback,
      onReverseCompleteParams: params,
      immediateRender: false,
      lazy: false,
      useFrames: useFrames,
      overwrite: 0
    });
  };
  TweenLite.set = function (target, vars) {
    return new TweenLite(target, 0, vars);
  };
  TweenLite.getTweensOf = function (target, onlyActive) {
    if (target == null) {
      return [];
    }
    target = typeof target !== "string" ? target : TweenLite.selector(target) || target;
    var i, a, j, t;
    if ((_isArray(target) || _isSelector(target)) && typeof target[0] !== "number") {
      i = target.length;
      a = [];
      while (--i > -1) {
        a = a.concat(TweenLite.getTweensOf(target[i], onlyActive));
      }
      i = a.length;
      //now get rid of any duplicates (tweens of arrays of objects could cause duplicates)
      while (--i > -1) {
        t = a[i];
        j = i;
        while (--j > -1) {
          if (t === a[j]) {
            a.splice(i, 1);
          }
        }
      }
    } else if (target._gsTweenID) {
      a = _register(target).concat();
      i = a.length;
      while (--i > -1) {
        if (a[i]._gc || onlyActive && !a[i].isActive()) {
          a.splice(i, 1);
        }
      }
    }
    return a || [];
  };
  TweenLite.killTweensOf = TweenLite.killDelayedCallsTo = function (target, onlyActive, vars) {
    if (_typeof(onlyActive) === "object") {
      vars = onlyActive; //for backwards compatibility (before "onlyActive" parameter was inserted)
      onlyActive = false;
    }
    var a = TweenLite.getTweensOf(target, onlyActive),
      i = a.length;
    while (--i > -1) {
      a[i]._kill(vars, target);
    }
  };

  /*
   * ----------------------------------------------------------------
   * TweenPlugin   (could easily be split out as a separate file/class, but included for ease of use (so that people don't need to include another script call before loading plugins which is easy to forget)
   * ----------------------------------------------------------------
   */
  var TweenPlugin = _class("plugins.TweenPlugin", function (props, priority) {
    this._overwriteProps = (props || "").split(",");
    this._propName = this._overwriteProps[0];
    this._priority = priority || 0;
    this._super = TweenPlugin.prototype;
  }, true);
  p = TweenPlugin.prototype;
  TweenPlugin.version = "1.19.0";
  TweenPlugin.API = 2;
  p._firstPT = null;
  p._addTween = _addPropTween;
  p.setRatio = _setRatio;
  p._kill = function (lookup) {
    var a = this._overwriteProps,
      pt = this._firstPT,
      i;
    if (lookup[this._propName] != null) {
      this._overwriteProps = [];
    } else {
      i = a.length;
      while (--i > -1) {
        if (lookup[a[i]] != null) {
          a.splice(i, 1);
        }
      }
    }
    while (pt) {
      if (lookup[pt.n] != null) {
        if (pt._next) {
          pt._next._prev = pt._prev;
        }
        if (pt._prev) {
          pt._prev._next = pt._next;
          pt._prev = null;
        } else if (this._firstPT === pt) {
          this._firstPT = pt._next;
        }
      }
      pt = pt._next;
    }
    return false;
  };
  p._mod = p._roundProps = function (lookup) {
    var pt = this._firstPT,
      val;
    while (pt) {
      val = lookup[this._propName] || pt.n != null && lookup[pt.n.split(this._propName + "_").join("")];
      if (val && typeof val === "function") {
        //some properties that are very plugin-specific add a prefix named after the _propName plus an underscore, so we need to ignore that extra stuff here.
        if (pt.f === 2) {
          pt.t._applyPT.m = val;
        } else {
          pt.m = val;
        }
      }
      pt = pt._next;
    }
  };
  TweenLite._onPluginEvent = function (type, tween) {
    var pt = tween._firstPT,
      changed,
      pt2,
      first,
      last,
      next;
    if (type === "_onInitAllProps") {
      //sorts the PropTween linked list in order of priority because some plugins need to render earlier/later than others, like MotionBlurPlugin applies its effects after all x/y/alpha tweens have rendered on each frame.
      while (pt) {
        next = pt._next;
        pt2 = first;
        while (pt2 && pt2.pr > pt.pr) {
          pt2 = pt2._next;
        }
        if (pt._prev = pt2 ? pt2._prev : last) {
          pt._prev._next = pt;
        } else {
          first = pt;
        }
        if (pt._next = pt2) {
          pt2._prev = pt;
        } else {
          last = pt;
        }
        pt = next;
      }
      pt = tween._firstPT = first;
    }
    while (pt) {
      if (pt.pg) if (typeof pt.t[type] === "function") if (pt.t[type]()) {
        changed = true;
      }
      pt = pt._next;
    }
    return changed;
  };
  TweenPlugin.activate = function (plugins) {
    var i = plugins.length;
    while (--i > -1) {
      if (plugins[i].API === TweenPlugin.API) {
        _plugins[new plugins[i]()._propName] = plugins[i];
      }
    }
    return true;
  };

  //provides a more concise way to define plugins that have no dependencies besides TweenPlugin and TweenLite, wrapping common boilerplate stuff into one function (added in 1.9.0). You don't NEED to use this to define a plugin - the old way still works and can be useful in certain (rare) situations.
  _gsDefine.plugin = function (config) {
    if (!config || !config.propName || !config.init || !config.API) {
      throw "illegal plugin definition.";
    }
    var propName = config.propName,
      priority = config.priority || 0,
      overwriteProps = config.overwriteProps,
      map = {
        init: "_onInitTween",
        set: "setRatio",
        kill: "_kill",
        round: "_mod",
        mod: "_mod",
        initAll: "_onInitAllProps"
      },
      Plugin = _class("plugins." + propName.charAt(0).toUpperCase() + propName.substr(1) + "Plugin", function () {
        TweenPlugin.call(this, propName, priority);
        this._overwriteProps = overwriteProps || [];
      }, config.global === true),
      p = Plugin.prototype = new TweenPlugin(propName),
      prop;
    p.constructor = Plugin;
    Plugin.API = config.API;
    for (prop in map) {
      if (typeof config[prop] === "function") {
        p[map[prop]] = config[prop];
      }
    }
    Plugin.version = config.version;
    TweenPlugin.activate([Plugin]);
    return Plugin;
  };

  //now run through all the dependencies discovered and if any are missing, log that to the console as a warning. This is why it's best to have TweenLite load last - it can check all the dependencies for you.
  a = window._gsQueue;
  if (a) {
    for (i = 0; i < a.length; i++) {
      a[i]();
    }
    for (p in _defLookup) {
      if (!_defLookup[p].func) {
        window.console.log("GSAP encountered missing dependency: " + p);
      }
    }
  }
  _tickerActive = false; //ensures that the first official animation forces a ticker.tick() to update the time when it is instantiated
})(typeof module !== "undefined" && module.exports && typeof global !== "undefined" ? global : void 0 || window, "TweenMax");

}).call(this)}).call(this,typeof global !== "undefined" ? global : typeof self !== "undefined" ? self : typeof window !== "undefined" ? window : {})
},{}],6:[function(require,module,exports){
"use strict";

/*!
	Zoom 1.7.21
	license: MIT
	http://www.jacklmoore.com/zoom
*/
(function ($) {
  var defaults = {
    url: false,
    callback: false,
    target: false,
    duration: 120,
    on: 'mouseover',
    // other options: grab, click, toggle
    touch: true,
    // enables a touch fallback
    onZoomIn: false,
    onZoomOut: false,
    magnify: 1
  };

  // Core Zoom Logic, independent of event listeners.
  $.zoom = function (target, source, img, magnify) {
    var targetHeight,
      targetWidth,
      sourceHeight,
      sourceWidth,
      xRatio,
      yRatio,
      offset,
      $target = $(target),
      position = $target.css('position'),
      $source = $(source);

    // The parent element needs positioning so that the zoomed element can be correctly positioned within.
    target.style.position = /(absolute|fixed)/.test(position) ? position : 'relative';
    target.style.overflow = 'hidden';
    img.style.width = img.style.height = '';
    $(img).addClass('zoomImg').css({
      position: 'absolute',
      top: 0,
      left: 0,
      opacity: 0,
      width: img.width * magnify,
      height: img.height * magnify,
      border: 'none',
      maxWidth: 'none',
      maxHeight: 'none'
    }).appendTo(target);
    return {
      init: function init() {
        targetWidth = $target.outerWidth();
        targetHeight = $target.outerHeight();
        if (source === target) {
          sourceWidth = targetWidth;
          sourceHeight = targetHeight;
        } else {
          sourceWidth = $source.outerWidth();
          sourceHeight = $source.outerHeight();
        }
        xRatio = (img.width - targetWidth) / sourceWidth;
        yRatio = (img.height - targetHeight) / sourceHeight;
        offset = $source.offset();
      },
      move: function move(e) {
        var left = e.pageX - offset.left,
          top = e.pageY - offset.top;
        top = Math.max(Math.min(top, sourceHeight), 0);
        left = Math.max(Math.min(left, sourceWidth), 0);
        img.style.left = left * -xRatio + 'px';
        img.style.top = top * -yRatio + 'px';
      }
    };
  };
  $.fn.zoom = function (options) {
    return this.each(function () {
      var settings = $.extend({}, defaults, options || {}),
        //target will display the zoomed image
        target = settings.target && $(settings.target)[0] || this,
        //source will provide zoom location info (thumbnail)
        source = this,
        $source = $(source),
        img = document.createElement('img'),
        $img = $(img),
        mousemove = 'mousemove.zoom',
        clicked = false,
        touched = false;

      // If a url wasn't specified, look for an image element.
      if (!settings.url) {
        var srcElement = source.querySelector('img');
        if (srcElement) {
          settings.url = srcElement.getAttribute('data-src') || srcElement.currentSrc || srcElement.src;
        }
        if (!settings.url) {
          return;
        }
      }
      $source.one('zoom.destroy', function (position, overflow) {
        $source.off(".zoom");
        target.style.position = position;
        target.style.overflow = overflow;
        img.onload = null;
        $img.remove();
      }.bind(this, target.style.position, target.style.overflow));
      img.onload = function () {
        var zoom = $.zoom(target, source, img, settings.magnify);
        function start(e) {
          zoom.init();
          zoom.move(e);

          // Skip the fade-in for IE8 and lower since it chokes on fading-in
          // and changing position based on mousemovement at the same time.
          $img.stop().fadeTo($.support.opacity ? settings.duration : 0, 1, $.isFunction(settings.onZoomIn) ? settings.onZoomIn.call(img) : false);
        }
        function stop() {
          $img.stop().fadeTo(settings.duration, 0, $.isFunction(settings.onZoomOut) ? settings.onZoomOut.call(img) : false);
        }

        // Mouse events
        if (settings.on === 'grab') {
          $source.on('mousedown.zoom', function (e) {
            if (e.which === 1) {
              $(document).one('mouseup.zoom', function () {
                stop();
                $(document).off(mousemove, zoom.move);
              });
              start(e);
              $(document).on(mousemove, zoom.move);
              e.preventDefault();
            }
          });
        } else if (settings.on === 'click') {
          $source.on('click.zoom', function (e) {
            if (clicked) {
              // bubble the event up to the document to trigger the unbind.
              return;
            } else {
              clicked = true;
              start(e);
              $(document).on(mousemove, zoom.move);
              $(document).one('click.zoom', function () {
                stop();
                clicked = false;
                $(document).off(mousemove, zoom.move);
              });
              return false;
            }
          });
        } else if (settings.on === 'toggle') {
          $source.on('click.zoom', function (e) {
            if (clicked) {
              stop();
            } else {
              start(e);
            }
            clicked = !clicked;
          });
        } else if (settings.on === 'mouseover') {
          zoom.init(); // Preemptively call init because IE7 will fire the mousemove handler before the hover handler.

          $source.on('mouseenter.zoom', start).on('mouseleave.zoom', stop).on(mousemove, zoom.move);
        }

        // Touch fallback
        if (settings.touch) {
          $source.on('touchstart.zoom', function (e) {
            e.preventDefault();
            if (touched) {
              touched = false;
              stop();
            } else {
              touched = true;
              start(e.originalEvent.touches[0] || e.originalEvent.changedTouches[0]);
            }
          }).on('touchmove.zoom', function (e) {
            e.preventDefault();
            zoom.move(e.originalEvent.touches[0] || e.originalEvent.changedTouches[0]);
          }).on('touchend.zoom', function (e) {
            e.preventDefault();
            if (touched) {
              touched = false;
              stop();
            }
          });
        }
        if ($.isFunction(settings.callback)) {
          settings.callback.call(img);
        }
      };
      img.setAttribute('role', 'presentation');
      img.alt = '';
      img.src = settings.url;
    });
  };
  $.fn.zoom.defaults = defaults;
})(window.jQuery);

},{}],7:[function(require,module,exports){
(function (global){(function (){
"use strict";

function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
/*
     _ _      _       _
 ___| (_) ___| | __  (_)___
/ __| | |/ __| |/ /  | / __|
\__ \ | | (__|   < _ | \__ \
|___/_|_|\___|_|\_(_)/ |___/
                   |__/

 Version: 1.6.0
  Author: Ken Wheeler
 Website: http://kenwheeler.github.io
    Docs: http://kenwheeler.github.io/slick
    Repo: http://github.com/kenwheeler/slick
  Issues: http://github.com/kenwheeler/slick/issues

 */
/* global window, document, define, jQuery, setInterval, clearInterval */
(function (factory) {
  'use strict';

  if (typeof define === 'function' && define.amd) {
    define(['jquery'], factory);
  } else if (typeof exports !== 'undefined') {
    module.exports = factory((typeof window !== "undefined" ? window['jQuery'] : typeof global !== "undefined" ? global['jQuery'] : null));
  } else {
    factory(jQuery);
  }
})(function ($) {
  'use strict';

  var Slick = window.Slick || {};
  Slick = function () {
    var instanceUid = 0;
    function Slick(element, settings) {
      var _ = this,
        dataSettings;
      _.defaults = {
        accessibility: true,
        adaptiveHeight: false,
        appendArrows: $(element),
        appendDots: $(element),
        arrows: true,
        asNavFor: null,
        prevArrow: '<button type="button" data-role="none" class="slick-prev" aria-label="Previous" tabindex="0" role="button">Previous</button>',
        nextArrow: '<button type="button" data-role="none" class="slick-next" aria-label="Next" tabindex="0" role="button">Next</button>',
        autoplay: false,
        autoplaySpeed: 3000,
        centerMode: false,
        centerPadding: '50px',
        cssEase: 'ease',
        customPaging: function customPaging(slider, i) {
          return $('<button type="button" data-role="none" role="button" tabindex="0" />').text(i + 1);
        },
        dots: false,
        dotsClass: 'slick-dots',
        draggable: true,
        easing: 'linear',
        edgeFriction: 0.35,
        fade: false,
        focusOnSelect: false,
        infinite: true,
        initialSlide: 0,
        lazyLoad: 'ondemand',
        mobileFirst: false,
        pauseOnHover: true,
        pauseOnFocus: true,
        pauseOnDotsHover: false,
        respondTo: 'window',
        responsive: null,
        rows: 1,
        rtl: false,
        slide: '',
        slidesPerRow: 1,
        slidesToShow: 1,
        slidesToScroll: 1,
        speed: 500,
        swipe: true,
        swipeToSlide: false,
        touchMove: true,
        touchThreshold: 5,
        useCSS: true,
        useTransform: true,
        variableWidth: false,
        vertical: false,
        verticalSwiping: false,
        waitForAnimate: true,
        zIndex: 1000
      };
      _.initials = {
        animating: false,
        dragging: false,
        autoPlayTimer: null,
        currentDirection: 0,
        currentLeft: null,
        currentSlide: 0,
        direction: 1,
        $dots: null,
        listWidth: null,
        listHeight: null,
        loadIndex: 0,
        $nextArrow: null,
        $prevArrow: null,
        slideCount: null,
        slideWidth: null,
        $slideTrack: null,
        $slides: null,
        sliding: false,
        slideOffset: 0,
        swipeLeft: null,
        $list: null,
        touchObject: {},
        transformsEnabled: false,
        unslicked: false
      };
      $.extend(_, _.initials);
      _.activeBreakpoint = null;
      _.animType = null;
      _.animProp = null;
      _.breakpoints = [];
      _.breakpointSettings = [];
      _.cssTransitions = false;
      _.focussed = false;
      _.interrupted = false;
      _.hidden = 'hidden';
      _.paused = true;
      _.positionProp = null;
      _.respondTo = null;
      _.rowCount = 1;
      _.shouldClick = true;
      _.$slider = $(element);
      _.$slidesCache = null;
      _.transformType = null;
      _.transitionType = null;
      _.visibilityChange = 'visibilitychange';
      _.windowWidth = 0;
      _.windowTimer = null;
      dataSettings = $(element).data('slick') || {};
      _.options = $.extend({}, _.defaults, settings, dataSettings);
      _.currentSlide = _.options.initialSlide;
      _.originalSettings = _.options;
      if (typeof document.mozHidden !== 'undefined') {
        _.hidden = 'mozHidden';
        _.visibilityChange = 'mozvisibilitychange';
      } else if (typeof document.webkitHidden !== 'undefined') {
        _.hidden = 'webkitHidden';
        _.visibilityChange = 'webkitvisibilitychange';
      }
      _.autoPlay = $.proxy(_.autoPlay, _);
      _.autoPlayClear = $.proxy(_.autoPlayClear, _);
      _.autoPlayIterator = $.proxy(_.autoPlayIterator, _);
      _.changeSlide = $.proxy(_.changeSlide, _);
      _.clickHandler = $.proxy(_.clickHandler, _);
      _.selectHandler = $.proxy(_.selectHandler, _);
      _.setPosition = $.proxy(_.setPosition, _);
      _.swipeHandler = $.proxy(_.swipeHandler, _);
      _.dragHandler = $.proxy(_.dragHandler, _);
      _.keyHandler = $.proxy(_.keyHandler, _);
      _.instanceUid = instanceUid++;

      // A simple way to check for HTML strings
      // Strict HTML recognition (must start with <)
      // Extracted from jQuery v1.11 source
      _.htmlExpr = /^(?:\s*(<[\w\W]+>)[^>]*)$/;
      _.registerBreakpoints();
      _.init(true);
    }
    return Slick;
  }();
  Slick.prototype.activateADA = function () {
    var _ = this;
    _.$slideTrack.find('.slick-active').attr({
      'aria-hidden': 'false'
    }).find('a, input, button, select').attr({
      'tabindex': '0'
    });
  };
  Slick.prototype.addSlide = Slick.prototype.slickAdd = function (markup, index, addBefore) {
    var _ = this;
    if (typeof index === 'boolean') {
      addBefore = index;
      index = null;
    } else if (index < 0 || index >= _.slideCount) {
      return false;
    }
    _.unload();
    if (typeof index === 'number') {
      if (index === 0 && _.$slides.length === 0) {
        $(markup).appendTo(_.$slideTrack);
      } else if (addBefore) {
        $(markup).insertBefore(_.$slides.eq(index));
      } else {
        $(markup).insertAfter(_.$slides.eq(index));
      }
    } else {
      if (addBefore === true) {
        $(markup).prependTo(_.$slideTrack);
      } else {
        $(markup).appendTo(_.$slideTrack);
      }
    }
    _.$slides = _.$slideTrack.children(this.options.slide);
    _.$slideTrack.children(this.options.slide).detach();
    _.$slideTrack.append(_.$slides);
    _.$slides.each(function (index, element) {
      $(element).attr('data-slick-index', index);
    });
    _.$slidesCache = _.$slides;
    _.reinit();
  };
  Slick.prototype.animateHeight = function () {
    var _ = this;
    if (_.options.slidesToShow === 1 && _.options.adaptiveHeight === true && _.options.vertical === false) {
      var targetHeight = _.$slides.eq(_.currentSlide).outerHeight(true);
      _.$list.animate({
        height: targetHeight
      }, _.options.speed);
    }
  };
  Slick.prototype.animateSlide = function (targetLeft, callback) {
    var animProps = {},
      _ = this;
    _.animateHeight();
    if (_.options.rtl === true && _.options.vertical === false) {
      targetLeft = -targetLeft;
    }
    if (_.transformsEnabled === false) {
      if (_.options.vertical === false) {
        _.$slideTrack.animate({
          left: targetLeft
        }, _.options.speed, _.options.easing, callback);
      } else {
        _.$slideTrack.animate({
          top: targetLeft
        }, _.options.speed, _.options.easing, callback);
      }
    } else {
      if (_.cssTransitions === false) {
        if (_.options.rtl === true) {
          _.currentLeft = -_.currentLeft;
        }
        $({
          animStart: _.currentLeft
        }).animate({
          animStart: targetLeft
        }, {
          duration: _.options.speed,
          easing: _.options.easing,
          step: function step(now) {
            now = Math.ceil(now);
            if (_.options.vertical === false) {
              animProps[_.animType] = 'translate(' + now + 'px, 0px)';
              _.$slideTrack.css(animProps);
            } else {
              animProps[_.animType] = 'translate(0px,' + now + 'px)';
              _.$slideTrack.css(animProps);
            }
          },
          complete: function complete() {
            if (callback) {
              callback.call();
            }
          }
        });
      } else {
        _.applyTransition();
        targetLeft = Math.ceil(targetLeft);
        if (_.options.vertical === false) {
          animProps[_.animType] = 'translate3d(' + targetLeft + 'px, 0px, 0px)';
        } else {
          animProps[_.animType] = 'translate3d(0px,' + targetLeft + 'px, 0px)';
        }
        _.$slideTrack.css(animProps);
        if (callback) {
          setTimeout(function () {
            _.disableTransition();
            callback.call();
          }, _.options.speed);
        }
      }
    }
  };
  Slick.prototype.getNavTarget = function () {
    var _ = this,
      asNavFor = _.options.asNavFor;
    if (asNavFor && asNavFor !== null) {
      asNavFor = $(asNavFor).not(_.$slider);
    }
    return asNavFor;
  };
  Slick.prototype.asNavFor = function (index) {
    var _ = this,
      asNavFor = _.getNavTarget();
    if (asNavFor !== null && _typeof(asNavFor) === 'object') {
      asNavFor.each(function () {
        var target = $(this).slick('getSlick');
        if (!target.unslicked) {
          target.slideHandler(index, true);
        }
      });
    }
  };
  Slick.prototype.applyTransition = function (slide) {
    var _ = this,
      transition = {};
    if (_.options.fade === false) {
      transition[_.transitionType] = _.transformType + ' ' + _.options.speed + 'ms ' + _.options.cssEase;
    } else {
      transition[_.transitionType] = 'opacity ' + _.options.speed + 'ms ' + _.options.cssEase;
    }
    if (_.options.fade === false) {
      _.$slideTrack.css(transition);
    } else {
      _.$slides.eq(slide).css(transition);
    }
  };
  Slick.prototype.autoPlay = function () {
    var _ = this;
    _.autoPlayClear();
    if (_.slideCount > _.options.slidesToShow) {
      _.autoPlayTimer = setInterval(_.autoPlayIterator, _.options.autoplaySpeed);
    }
  };
  Slick.prototype.autoPlayClear = function () {
    var _ = this;
    if (_.autoPlayTimer) {
      clearInterval(_.autoPlayTimer);
    }
  };
  Slick.prototype.autoPlayIterator = function () {
    var _ = this,
      slideTo = _.currentSlide + _.options.slidesToScroll;
    if (!_.paused && !_.interrupted && !_.focussed) {
      if (_.options.infinite === false) {
        if (_.direction === 1 && _.currentSlide + 1 === _.slideCount - 1) {
          _.direction = 0;
        } else if (_.direction === 0) {
          slideTo = _.currentSlide - _.options.slidesToScroll;
          if (_.currentSlide - 1 === 0) {
            _.direction = 1;
          }
        }
      }
      _.slideHandler(slideTo);
    }
  };
  Slick.prototype.buildArrows = function () {
    var _ = this;
    if (_.options.arrows === true) {
      _.$prevArrow = $(_.options.prevArrow).addClass('slick-arrow');
      _.$nextArrow = $(_.options.nextArrow).addClass('slick-arrow');
      if (_.slideCount > _.options.slidesToShow) {
        _.$prevArrow.removeClass('slick-hidden').removeAttr('aria-hidden tabindex');
        _.$nextArrow.removeClass('slick-hidden').removeAttr('aria-hidden tabindex');
        if (_.htmlExpr.test(_.options.prevArrow)) {
          _.$prevArrow.prependTo(_.options.appendArrows);
        }
        if (_.htmlExpr.test(_.options.nextArrow)) {
          _.$nextArrow.appendTo(_.options.appendArrows);
        }
        if (_.options.infinite !== true) {
          _.$prevArrow.addClass('slick-disabled').attr('aria-disabled', 'true');
        }
      } else {
        _.$prevArrow.add(_.$nextArrow).addClass('slick-hidden').attr({
          'aria-disabled': 'true',
          'tabindex': '-1'
        });
      }
    }
  };
  Slick.prototype.buildDots = function () {
    var _ = this,
      i,
      dot;
    if (_.options.dots === true && _.slideCount > _.options.slidesToShow) {
      _.$slider.addClass('slick-dotted');
      dot = $('<ul />').addClass(_.options.dotsClass);
      for (i = 0; i <= _.getDotCount(); i += 1) {
        dot.append($('<li />').append(_.options.customPaging.call(this, _, i)));
      }
      _.$dots = dot.appendTo(_.options.appendDots);
      _.$dots.find('li').first().addClass('slick-active').attr('aria-hidden', 'false');
    }
  };
  Slick.prototype.buildOut = function () {
    var _ = this;
    _.$slides = _.$slider.children(_.options.slide + ':not(.slick-cloned)').addClass('slick-slide');
    _.slideCount = _.$slides.length;
    _.$slides.each(function (index, element) {
      $(element).attr('data-slick-index', index).data('originalStyling', $(element).attr('style') || '');
    });
    _.$slider.addClass('slick-slider');
    _.$slideTrack = _.slideCount === 0 ? $('<div class="slick-track"/>').appendTo(_.$slider) : _.$slides.wrapAll('<div class="slick-track"/>').parent();
    _.$list = _.$slideTrack.wrap('<div aria-live="polite" class="slick-list"/>').parent();
    _.$slideTrack.css('opacity', 0);
    if (_.options.centerMode === true || _.options.swipeToSlide === true) {
      _.options.slidesToScroll = 1;
    }
    $('img[data-lazy]', _.$slider).not('[src]').addClass('slick-loading');
    _.setupInfinite();
    _.buildArrows();
    _.buildDots();
    _.updateDots();
    _.setSlideClasses(typeof _.currentSlide === 'number' ? _.currentSlide : 0);
    if (_.options.draggable === true) {
      _.$list.addClass('draggable');
    }
  };
  Slick.prototype.buildRows = function () {
    var _ = this,
      a,
      b,
      c,
      newSlides,
      numOfSlides,
      originalSlides,
      slidesPerSection;
    newSlides = document.createDocumentFragment();
    originalSlides = _.$slider.children();
    if (_.options.rows > 1) {
      slidesPerSection = _.options.slidesPerRow * _.options.rows;
      numOfSlides = Math.ceil(originalSlides.length / slidesPerSection);
      for (a = 0; a < numOfSlides; a++) {
        var slide = document.createElement('div');
        for (b = 0; b < _.options.rows; b++) {
          var row = document.createElement('div');
          for (c = 0; c < _.options.slidesPerRow; c++) {
            var target = a * slidesPerSection + (b * _.options.slidesPerRow + c);
            if (originalSlides.get(target)) {
              row.appendChild(originalSlides.get(target));
            }
          }
          slide.appendChild(row);
        }
        newSlides.appendChild(slide);
      }
      _.$slider.empty().append(newSlides);
      _.$slider.children().children().children().css({
        'width': 100 / _.options.slidesPerRow + '%',
        'display': 'inline-block'
      });
    }
  };
  Slick.prototype.checkResponsive = function (initial, forceUpdate) {
    var _ = this,
      breakpoint,
      targetBreakpoint,
      respondToWidth,
      triggerBreakpoint = false;
    var sliderWidth = _.$slider.width();
    var windowWidth = window.innerWidth || $(window).width();
    if (_.respondTo === 'window') {
      respondToWidth = windowWidth;
    } else if (_.respondTo === 'slider') {
      respondToWidth = sliderWidth;
    } else if (_.respondTo === 'min') {
      respondToWidth = Math.min(windowWidth, sliderWidth);
    }
    if (_.options.responsive && _.options.responsive.length && _.options.responsive !== null) {
      targetBreakpoint = null;
      for (breakpoint in _.breakpoints) {
        if (_.breakpoints.hasOwnProperty(breakpoint)) {
          if (_.originalSettings.mobileFirst === false) {
            if (respondToWidth < _.breakpoints[breakpoint]) {
              targetBreakpoint = _.breakpoints[breakpoint];
            }
          } else {
            if (respondToWidth > _.breakpoints[breakpoint]) {
              targetBreakpoint = _.breakpoints[breakpoint];
            }
          }
        }
      }
      if (targetBreakpoint !== null) {
        if (_.activeBreakpoint !== null) {
          if (targetBreakpoint !== _.activeBreakpoint || forceUpdate) {
            _.activeBreakpoint = targetBreakpoint;
            if (_.breakpointSettings[targetBreakpoint] === 'unslick') {
              _.unslick(targetBreakpoint);
            } else {
              _.options = $.extend({}, _.originalSettings, _.breakpointSettings[targetBreakpoint]);
              if (initial === true) {
                _.currentSlide = _.options.initialSlide;
              }
              _.refresh(initial);
            }
            triggerBreakpoint = targetBreakpoint;
          }
        } else {
          _.activeBreakpoint = targetBreakpoint;
          if (_.breakpointSettings[targetBreakpoint] === 'unslick') {
            _.unslick(targetBreakpoint);
          } else {
            _.options = $.extend({}, _.originalSettings, _.breakpointSettings[targetBreakpoint]);
            if (initial === true) {
              _.currentSlide = _.options.initialSlide;
            }
            _.refresh(initial);
          }
          triggerBreakpoint = targetBreakpoint;
        }
      } else {
        if (_.activeBreakpoint !== null) {
          _.activeBreakpoint = null;
          _.options = _.originalSettings;
          if (initial === true) {
            _.currentSlide = _.options.initialSlide;
          }
          _.refresh(initial);
          triggerBreakpoint = targetBreakpoint;
        }
      }

      // only trigger breakpoints during an actual break. not on initialize.
      if (!initial && triggerBreakpoint !== false) {
        _.$slider.trigger('breakpoint', [_, triggerBreakpoint]);
      }
    }
  };
  Slick.prototype.changeSlide = function (event, dontAnimate) {
    var _ = this,
      $target = $(event.currentTarget),
      indexOffset,
      slideOffset,
      unevenOffset;

    // If target is a link, prevent default action.
    if ($target.is('a')) {
      event.preventDefault();
    }

    // If target is not the <li> element (ie: a child), find the <li>.
    if (!$target.is('li')) {
      $target = $target.closest('li');
    }
    unevenOffset = _.slideCount % _.options.slidesToScroll !== 0;
    indexOffset = unevenOffset ? 0 : (_.slideCount - _.currentSlide) % _.options.slidesToScroll;
    switch (event.data.message) {
      case 'previous':
        slideOffset = indexOffset === 0 ? _.options.slidesToScroll : _.options.slidesToShow - indexOffset;
        if (_.slideCount > _.options.slidesToShow) {
          _.slideHandler(_.currentSlide - slideOffset, false, dontAnimate);
        }
        break;
      case 'next':
        slideOffset = indexOffset === 0 ? _.options.slidesToScroll : indexOffset;
        if (_.slideCount > _.options.slidesToShow) {
          _.slideHandler(_.currentSlide + slideOffset, false, dontAnimate);
        }
        break;
      case 'index':
        var index = event.data.index === 0 ? 0 : event.data.index || $target.index() * _.options.slidesToScroll;
        _.slideHandler(_.checkNavigable(index), false, dontAnimate);
        $target.children().trigger('focus');
        break;
      default:
        return;
    }
  };
  Slick.prototype.checkNavigable = function (index) {
    var _ = this,
      navigables,
      prevNavigable;
    navigables = _.getNavigableIndexes();
    prevNavigable = 0;
    if (index > navigables[navigables.length - 1]) {
      index = navigables[navigables.length - 1];
    } else {
      for (var n in navigables) {
        if (index < navigables[n]) {
          index = prevNavigable;
          break;
        }
        prevNavigable = navigables[n];
      }
    }
    return index;
  };
  Slick.prototype.cleanUpEvents = function () {
    var _ = this;
    if (_.options.dots && _.$dots !== null) {
      $('li', _.$dots).off('click.slick', _.changeSlide).off('mouseenter.slick', $.proxy(_.interrupt, _, true)).off('mouseleave.slick', $.proxy(_.interrupt, _, false));
    }
    _.$slider.off('focus.slick blur.slick');
    if (_.options.arrows === true && _.slideCount > _.options.slidesToShow) {
      _.$prevArrow && _.$prevArrow.off('click.slick', _.changeSlide);
      _.$nextArrow && _.$nextArrow.off('click.slick', _.changeSlide);
    }
    _.$list.off('touchstart.slick mousedown.slick', _.swipeHandler);
    _.$list.off('touchmove.slick mousemove.slick', _.swipeHandler);
    _.$list.off('touchend.slick mouseup.slick', _.swipeHandler);
    _.$list.off('touchcancel.slick mouseleave.slick', _.swipeHandler);
    _.$list.off('click.slick', _.clickHandler);
    $(document).off(_.visibilityChange, _.visibility);
    _.cleanUpSlideEvents();
    if (_.options.accessibility === true) {
      _.$list.off('keydown.slick', _.keyHandler);
    }
    if (_.options.focusOnSelect === true) {
      $(_.$slideTrack).children().off('click.slick', _.selectHandler);
    }
    $(window).off('orientationchange.slick.slick-' + _.instanceUid, _.orientationChange);
    $(window).off('resize.slick.slick-' + _.instanceUid, _.resize);
    $('[draggable!=true]', _.$slideTrack).off('dragstart', _.preventDefault);
    $(window).off('load.slick.slick-' + _.instanceUid, _.setPosition);
    $(document).off('ready.slick.slick-' + _.instanceUid, _.setPosition);
  };
  Slick.prototype.cleanUpSlideEvents = function () {
    var _ = this;
    _.$list.off('mouseenter.slick', $.proxy(_.interrupt, _, true));
    _.$list.off('mouseleave.slick', $.proxy(_.interrupt, _, false));
  };
  Slick.prototype.cleanUpRows = function () {
    var _ = this,
      originalSlides;
    if (_.options.rows > 1) {
      originalSlides = _.$slides.children().children();
      originalSlides.removeAttr('style');
      _.$slider.empty().append(originalSlides);
    }
  };
  Slick.prototype.clickHandler = function (event) {
    var _ = this;
    if (_.shouldClick === false) {
      event.stopImmediatePropagation();
      event.stopPropagation();
      event.preventDefault();
    }
  };
  Slick.prototype.destroy = function (refresh) {
    var _ = this;
    _.autoPlayClear();
    _.touchObject = {};
    _.cleanUpEvents();
    $('.slick-cloned', _.$slider).detach();
    if (_.$dots) {
      _.$dots.remove();
    }
    if (_.$prevArrow && _.$prevArrow.length) {
      _.$prevArrow.removeClass('slick-disabled slick-arrow slick-hidden').removeAttr('aria-hidden aria-disabled tabindex').css('display', '');
      if (_.htmlExpr.test(_.options.prevArrow)) {
        _.$prevArrow.remove();
      }
    }
    if (_.$nextArrow && _.$nextArrow.length) {
      _.$nextArrow.removeClass('slick-disabled slick-arrow slick-hidden').removeAttr('aria-hidden aria-disabled tabindex').css('display', '');
      if (_.htmlExpr.test(_.options.nextArrow)) {
        _.$nextArrow.remove();
      }
    }
    if (_.$slides) {
      _.$slides.removeClass('slick-slide slick-active slick-center slick-visible slick-current').removeAttr('aria-hidden').removeAttr('data-slick-index').each(function () {
        $(this).attr('style', $(this).data('originalStyling'));
      });
      _.$slideTrack.children(this.options.slide).detach();
      _.$slideTrack.detach();
      _.$list.detach();
      _.$slider.append(_.$slides);
    }
    _.cleanUpRows();
    _.$slider.removeClass('slick-slider');
    _.$slider.removeClass('slick-initialized');
    _.$slider.removeClass('slick-dotted');
    _.unslicked = true;
    if (!refresh) {
      _.$slider.trigger('destroy', [_]);
    }
  };
  Slick.prototype.disableTransition = function (slide) {
    var _ = this,
      transition = {};
    transition[_.transitionType] = '';
    if (_.options.fade === false) {
      _.$slideTrack.css(transition);
    } else {
      _.$slides.eq(slide).css(transition);
    }
  };
  Slick.prototype.fadeSlide = function (slideIndex, callback) {
    var _ = this;
    if (_.cssTransitions === false) {
      _.$slides.eq(slideIndex).css({
        zIndex: _.options.zIndex
      });
      _.$slides.eq(slideIndex).animate({
        opacity: 1
      }, _.options.speed, _.options.easing, callback);
    } else {
      _.applyTransition(slideIndex);
      _.$slides.eq(slideIndex).css({
        opacity: 1,
        zIndex: _.options.zIndex
      });
      if (callback) {
        setTimeout(function () {
          _.disableTransition(slideIndex);
          callback.call();
        }, _.options.speed);
      }
    }
  };
  Slick.prototype.fadeSlideOut = function (slideIndex) {
    var _ = this;
    if (_.cssTransitions === false) {
      _.$slides.eq(slideIndex).animate({
        opacity: 0,
        zIndex: _.options.zIndex - 2
      }, _.options.speed, _.options.easing);
    } else {
      _.applyTransition(slideIndex);
      _.$slides.eq(slideIndex).css({
        opacity: 0,
        zIndex: _.options.zIndex - 2
      });
    }
  };
  Slick.prototype.filterSlides = Slick.prototype.slickFilter = function (filter) {
    var _ = this;
    if (filter !== null) {
      _.$slidesCache = _.$slides;
      _.unload();
      _.$slideTrack.children(this.options.slide).detach();
      _.$slidesCache.filter(filter).appendTo(_.$slideTrack);
      _.reinit();
    }
  };
  Slick.prototype.focusHandler = function () {
    var _ = this;
    _.$slider.off('focus.slick blur.slick').on('focus.slick blur.slick', '*:not(.slick-arrow)', function (event) {
      event.stopImmediatePropagation();
      var $sf = $(this);
      setTimeout(function () {
        if (_.options.pauseOnFocus) {
          _.focussed = $sf.is(':focus');
          _.autoPlay();
        }
      }, 0);
    });
  };
  Slick.prototype.getCurrent = Slick.prototype.slickCurrentSlide = function () {
    var _ = this;
    return _.currentSlide;
  };
  Slick.prototype.getDotCount = function () {
    var _ = this;
    var breakPoint = 0;
    var counter = 0;
    var pagerQty = 0;
    if (_.options.infinite === true) {
      while (breakPoint < _.slideCount) {
        ++pagerQty;
        breakPoint = counter + _.options.slidesToScroll;
        counter += _.options.slidesToScroll <= _.options.slidesToShow ? _.options.slidesToScroll : _.options.slidesToShow;
      }
    } else if (_.options.centerMode === true) {
      pagerQty = _.slideCount;
    } else if (!_.options.asNavFor) {
      pagerQty = 1 + Math.ceil((_.slideCount - _.options.slidesToShow) / _.options.slidesToScroll);
    } else {
      while (breakPoint < _.slideCount) {
        ++pagerQty;
        breakPoint = counter + _.options.slidesToScroll;
        counter += _.options.slidesToScroll <= _.options.slidesToShow ? _.options.slidesToScroll : _.options.slidesToShow;
      }
    }
    return pagerQty - 1;
  };
  Slick.prototype.getLeft = function (slideIndex) {
    var _ = this,
      targetLeft,
      verticalHeight,
      verticalOffset = 0,
      targetSlide;
    _.slideOffset = 0;
    verticalHeight = _.$slides.first().outerHeight(true);
    if (_.options.infinite === true) {
      if (_.slideCount > _.options.slidesToShow) {
        _.slideOffset = _.slideWidth * _.options.slidesToShow * -1;
        verticalOffset = verticalHeight * _.options.slidesToShow * -1;
      }
      if (_.slideCount % _.options.slidesToScroll !== 0) {
        if (slideIndex + _.options.slidesToScroll > _.slideCount && _.slideCount > _.options.slidesToShow) {
          if (slideIndex > _.slideCount) {
            _.slideOffset = (_.options.slidesToShow - (slideIndex - _.slideCount)) * _.slideWidth * -1;
            verticalOffset = (_.options.slidesToShow - (slideIndex - _.slideCount)) * verticalHeight * -1;
          } else {
            _.slideOffset = _.slideCount % _.options.slidesToScroll * _.slideWidth * -1;
            verticalOffset = _.slideCount % _.options.slidesToScroll * verticalHeight * -1;
          }
        }
      }
    } else {
      if (slideIndex + _.options.slidesToShow > _.slideCount) {
        _.slideOffset = (slideIndex + _.options.slidesToShow - _.slideCount) * _.slideWidth;
        verticalOffset = (slideIndex + _.options.slidesToShow - _.slideCount) * verticalHeight;
      }
    }
    if (_.slideCount <= _.options.slidesToShow) {
      _.slideOffset = 0;
      verticalOffset = 0;
    }
    if (_.options.centerMode === true && _.options.infinite === true) {
      _.slideOffset += _.slideWidth * Math.floor(_.options.slidesToShow / 2) - _.slideWidth;
    } else if (_.options.centerMode === true) {
      _.slideOffset = 0;
      _.slideOffset += _.slideWidth * Math.floor(_.options.slidesToShow / 2);
    }
    if (_.options.vertical === false) {
      targetLeft = slideIndex * _.slideWidth * -1 + _.slideOffset;
    } else {
      targetLeft = slideIndex * verticalHeight * -1 + verticalOffset;
    }
    if (_.options.variableWidth === true) {
      if (_.slideCount <= _.options.slidesToShow || _.options.infinite === false) {
        targetSlide = _.$slideTrack.children('.slick-slide').eq(slideIndex);
      } else {
        targetSlide = _.$slideTrack.children('.slick-slide').eq(slideIndex + _.options.slidesToShow);
      }
      if (_.options.rtl === true) {
        if (targetSlide[0]) {
          targetLeft = (_.$slideTrack.width() - targetSlide[0].offsetLeft - targetSlide.width()) * -1;
        } else {
          targetLeft = 0;
        }
      } else {
        targetLeft = targetSlide[0] ? targetSlide[0].offsetLeft * -1 : 0;
      }
      if (_.options.centerMode === true) {
        if (_.slideCount <= _.options.slidesToShow || _.options.infinite === false) {
          targetSlide = _.$slideTrack.children('.slick-slide').eq(slideIndex);
        } else {
          targetSlide = _.$slideTrack.children('.slick-slide').eq(slideIndex + _.options.slidesToShow + 1);
        }
        if (_.options.rtl === true) {
          if (targetSlide[0]) {
            targetLeft = (_.$slideTrack.width() - targetSlide[0].offsetLeft - targetSlide.width()) * -1;
          } else {
            targetLeft = 0;
          }
        } else {
          targetLeft = targetSlide[0] ? targetSlide[0].offsetLeft * -1 : 0;
        }
        targetLeft += (_.$list.width() - targetSlide.outerWidth()) / 2;
      }
    }
    return targetLeft;
  };
  Slick.prototype.getOption = Slick.prototype.slickGetOption = function (option) {
    var _ = this;
    return _.options[option];
  };
  Slick.prototype.getNavigableIndexes = function () {
    var _ = this,
      breakPoint = 0,
      counter = 0,
      indexes = [],
      max;
    if (_.options.infinite === false) {
      max = _.slideCount;
    } else {
      breakPoint = _.options.slidesToScroll * -1;
      counter = _.options.slidesToScroll * -1;
      max = _.slideCount * 2;
    }
    while (breakPoint < max) {
      indexes.push(breakPoint);
      breakPoint = counter + _.options.slidesToScroll;
      counter += _.options.slidesToScroll <= _.options.slidesToShow ? _.options.slidesToScroll : _.options.slidesToShow;
    }
    return indexes;
  };
  Slick.prototype.getSlick = function () {
    return this;
  };
  Slick.prototype.getSlideCount = function () {
    var _ = this,
      slidesTraversed,
      swipedSlide,
      centerOffset;
    centerOffset = _.options.centerMode === true ? _.slideWidth * Math.floor(_.options.slidesToShow / 2) : 0;
    if (_.options.swipeToSlide === true) {
      _.$slideTrack.find('.slick-slide').each(function (index, slide) {
        if (slide.offsetLeft - centerOffset + $(slide).outerWidth() / 2 > _.swipeLeft * -1) {
          swipedSlide = slide;
          return false;
        }
      });
      slidesTraversed = Math.abs($(swipedSlide).attr('data-slick-index') - _.currentSlide) || 1;
      return slidesTraversed;
    } else {
      return _.options.slidesToScroll;
    }
  };
  Slick.prototype.goTo = Slick.prototype.slickGoTo = function (slide, dontAnimate) {
    var _ = this;
    _.changeSlide({
      data: {
        message: 'index',
        index: parseInt(slide)
      }
    }, dontAnimate);
  };
  Slick.prototype.init = function (creation) {
    var _ = this;
    if (!$(_.$slider).hasClass('slick-initialized')) {
      $(_.$slider).addClass('slick-initialized');
      _.buildRows();
      _.buildOut();
      _.setProps();
      _.startLoad();
      _.loadSlider();
      _.initializeEvents();
      _.updateArrows();
      _.updateDots();
      _.checkResponsive(true);
      _.focusHandler();
    }
    if (creation) {
      _.$slider.trigger('init', [_]);
    }
    if (_.options.accessibility === true) {
      _.initADA();
    }
    if (_.options.autoplay) {
      _.paused = false;
      _.autoPlay();
    }
  };
  Slick.prototype.initADA = function () {
    var _ = this;
    _.$slides.add(_.$slideTrack.find('.slick-cloned')).attr({
      'aria-hidden': 'true',
      'tabindex': '-1'
    }).find('a, input, button, select').attr({
      'tabindex': '-1'
    });
    _.$slideTrack.attr('role', 'listbox');
    _.$slides.not(_.$slideTrack.find('.slick-cloned')).each(function (i) {
      $(this).attr({
        'role': 'option',
        'aria-describedby': 'slick-slide' + _.instanceUid + i + ''
      });
    });
    if (_.$dots !== null) {
      _.$dots.attr('role', 'tablist').find('li').each(function (i) {
        $(this).attr({
          'role': 'presentation',
          'aria-selected': 'false',
          'aria-controls': 'navigation' + _.instanceUid + i + '',
          'id': 'slick-slide' + _.instanceUid + i + ''
        });
      }).first().attr('aria-selected', 'true').end().find('button').attr('role', 'button').end().closest('div').attr('role', 'toolbar');
    }
    _.activateADA();
  };
  Slick.prototype.initArrowEvents = function () {
    var _ = this;
    if (_.options.arrows === true && _.slideCount > _.options.slidesToShow) {
      _.$prevArrow.off('click.slick').on('click.slick', {
        message: 'previous'
      }, _.changeSlide);
      _.$nextArrow.off('click.slick').on('click.slick', {
        message: 'next'
      }, _.changeSlide);
    }
  };
  Slick.prototype.initDotEvents = function () {
    var _ = this;
    if (_.options.dots === true && _.slideCount > _.options.slidesToShow) {
      $('li', _.$dots).on('click.slick', {
        message: 'index'
      }, _.changeSlide);
    }
    if (_.options.dots === true && _.options.pauseOnDotsHover === true) {
      $('li', _.$dots).on('mouseenter.slick', $.proxy(_.interrupt, _, true)).on('mouseleave.slick', $.proxy(_.interrupt, _, false));
    }
  };
  Slick.prototype.initSlideEvents = function () {
    var _ = this;
    if (_.options.pauseOnHover) {
      _.$list.on('mouseenter.slick', $.proxy(_.interrupt, _, true));
      _.$list.on('mouseleave.slick', $.proxy(_.interrupt, _, false));
    }
  };
  Slick.prototype.initializeEvents = function () {
    var _ = this;
    _.initArrowEvents();
    _.initDotEvents();
    _.initSlideEvents();
    _.$list.on('touchstart.slick mousedown.slick', {
      action: 'start'
    }, _.swipeHandler);
    _.$list.on('touchmove.slick mousemove.slick', {
      action: 'move'
    }, _.swipeHandler);
    _.$list.on('touchend.slick mouseup.slick', {
      action: 'end'
    }, _.swipeHandler);
    _.$list.on('touchcancel.slick mouseleave.slick', {
      action: 'end'
    }, _.swipeHandler);
    _.$list.on('click.slick', _.clickHandler);
    $(document).on(_.visibilityChange, $.proxy(_.visibility, _));
    if (_.options.accessibility === true) {
      _.$list.on('keydown.slick', _.keyHandler);
    }
    if (_.options.focusOnSelect === true) {
      $(_.$slideTrack).children().on('click.slick', _.selectHandler);
    }
    $(window).on('orientationchange.slick.slick-' + _.instanceUid, $.proxy(_.orientationChange, _));
    $(window).on('resize.slick.slick-' + _.instanceUid, $.proxy(_.resize, _));
    $('[draggable!=true]', _.$slideTrack).on('dragstart', _.preventDefault);
    $(window).on('load.slick.slick-' + _.instanceUid, _.setPosition);
    $(document).on('ready.slick.slick-' + _.instanceUid, _.setPosition);
  };
  Slick.prototype.initUI = function () {
    var _ = this;
    if (_.options.arrows === true && _.slideCount > _.options.slidesToShow) {
      _.$prevArrow.show();
      _.$nextArrow.show();
    }
    if (_.options.dots === true && _.slideCount > _.options.slidesToShow) {
      _.$dots.show();
    }
  };
  Slick.prototype.keyHandler = function (event) {
    var _ = this;
    //Dont slide if the cursor is inside the form fields and arrow keys are pressed
    if (!event.target.tagName.match('TEXTAREA|INPUT|SELECT')) {
      if (event.keyCode === 37 && _.options.accessibility === true) {
        _.changeSlide({
          data: {
            message: _.options.rtl === true ? 'next' : 'previous'
          }
        });
      } else if (event.keyCode === 39 && _.options.accessibility === true) {
        _.changeSlide({
          data: {
            message: _.options.rtl === true ? 'previous' : 'next'
          }
        });
      }
    }
  };
  Slick.prototype.lazyLoad = function () {
    var _ = this,
      loadRange,
      cloneRange,
      rangeStart,
      rangeEnd;
    function loadImages(imagesScope) {
      $('img[data-lazy]', imagesScope).each(function () {
        var image = $(this),
          imageSource = $(this).attr('data-lazy'),
          imageToLoad = document.createElement('img');
        imageToLoad.onload = function () {
          image.animate({
            opacity: 0
          }, 100, function () {
            image.attr('src', imageSource).animate({
              opacity: 1
            }, 200, function () {
              image.removeAttr('data-lazy').removeClass('slick-loading');
            });
            _.$slider.trigger('lazyLoaded', [_, image, imageSource]);
          });
        };
        imageToLoad.onerror = function () {
          image.removeAttr('data-lazy').removeClass('slick-loading').addClass('slick-lazyload-error');
          _.$slider.trigger('lazyLoadError', [_, image, imageSource]);
        };
        imageToLoad.src = imageSource;
      });
    }
    if (_.options.centerMode === true) {
      if (_.options.infinite === true) {
        rangeStart = _.currentSlide + (_.options.slidesToShow / 2 + 1);
        rangeEnd = rangeStart + _.options.slidesToShow + 2;
      } else {
        rangeStart = Math.max(0, _.currentSlide - (_.options.slidesToShow / 2 + 1));
        rangeEnd = 2 + (_.options.slidesToShow / 2 + 1) + _.currentSlide;
      }
    } else {
      rangeStart = _.options.infinite ? _.options.slidesToShow + _.currentSlide : _.currentSlide;
      rangeEnd = Math.ceil(rangeStart + _.options.slidesToShow);
      if (_.options.fade === true) {
        if (rangeStart > 0) rangeStart--;
        if (rangeEnd <= _.slideCount) rangeEnd++;
      }
    }
    loadRange = _.$slider.find('.slick-slide').slice(rangeStart, rangeEnd);
    loadImages(loadRange);
    if (_.slideCount <= _.options.slidesToShow) {
      cloneRange = _.$slider.find('.slick-slide');
      loadImages(cloneRange);
    } else if (_.currentSlide >= _.slideCount - _.options.slidesToShow) {
      cloneRange = _.$slider.find('.slick-cloned').slice(0, _.options.slidesToShow);
      loadImages(cloneRange);
    } else if (_.currentSlide === 0) {
      cloneRange = _.$slider.find('.slick-cloned').slice(_.options.slidesToShow * -1);
      loadImages(cloneRange);
    }
  };
  Slick.prototype.loadSlider = function () {
    var _ = this;
    _.setPosition();
    _.$slideTrack.css({
      opacity: 1
    });
    _.$slider.removeClass('slick-loading');
    _.initUI();
    if (_.options.lazyLoad === 'progressive') {
      _.progressiveLazyLoad();
    }
  };
  Slick.prototype.next = Slick.prototype.slickNext = function () {
    var _ = this;
    _.changeSlide({
      data: {
        message: 'next'
      }
    });
  };
  Slick.prototype.orientationChange = function () {
    var _ = this;
    _.checkResponsive();
    _.setPosition();
  };
  Slick.prototype.pause = Slick.prototype.slickPause = function () {
    var _ = this;
    _.autoPlayClear();
    _.paused = true;
  };
  Slick.prototype.play = Slick.prototype.slickPlay = function () {
    var _ = this;
    _.autoPlay();
    _.options.autoplay = true;
    _.paused = false;
    _.focussed = false;
    _.interrupted = false;
  };
  Slick.prototype.postSlide = function (index) {
    var _ = this;
    if (!_.unslicked) {
      _.$slider.trigger('afterChange', [_, index]);
      _.animating = false;
      _.setPosition();
      _.swipeLeft = null;
      if (_.options.autoplay) {
        _.autoPlay();
      }
      if (_.options.accessibility === true) {
        _.initADA();
      }
    }
  };
  Slick.prototype.prev = Slick.prototype.slickPrev = function () {
    var _ = this;
    _.changeSlide({
      data: {
        message: 'previous'
      }
    });
  };
  Slick.prototype.preventDefault = function (event) {
    event.preventDefault();
  };
  Slick.prototype.progressiveLazyLoad = function (tryCount) {
    tryCount = tryCount || 1;
    var _ = this,
      $imgsToLoad = $('img[data-lazy]', _.$slider),
      image,
      imageSource,
      imageToLoad;
    if ($imgsToLoad.length) {
      image = $imgsToLoad.first();
      imageSource = image.attr('data-lazy');
      imageToLoad = document.createElement('img');
      imageToLoad.onload = function () {
        image.attr('src', imageSource).removeAttr('data-lazy').removeClass('slick-loading');
        if (_.options.adaptiveHeight === true) {
          _.setPosition();
        }
        _.$slider.trigger('lazyLoaded', [_, image, imageSource]);
        _.progressiveLazyLoad();
      };
      imageToLoad.onerror = function () {
        if (tryCount < 3) {
          /**
           * try to load the image 3 times,
           * leave a slight delay so we don't get
           * servers blocking the request.
           */
          setTimeout(function () {
            _.progressiveLazyLoad(tryCount + 1);
          }, 500);
        } else {
          image.removeAttr('data-lazy').removeClass('slick-loading').addClass('slick-lazyload-error');
          _.$slider.trigger('lazyLoadError', [_, image, imageSource]);
          _.progressiveLazyLoad();
        }
      };
      imageToLoad.src = imageSource;
    } else {
      _.$slider.trigger('allImagesLoaded', [_]);
    }
  };
  Slick.prototype.refresh = function (initializing) {
    var _ = this,
      currentSlide,
      lastVisibleIndex;
    lastVisibleIndex = _.slideCount - _.options.slidesToShow;

    // in non-infinite sliders, we don't want to go past the
    // last visible index.
    if (!_.options.infinite && _.currentSlide > lastVisibleIndex) {
      _.currentSlide = lastVisibleIndex;
    }

    // if less slides than to show, go to start.
    if (_.slideCount <= _.options.slidesToShow) {
      _.currentSlide = 0;
    }
    currentSlide = _.currentSlide;
    _.destroy(true);
    $.extend(_, _.initials, {
      currentSlide: currentSlide
    });
    _.init();
    if (!initializing) {
      _.changeSlide({
        data: {
          message: 'index',
          index: currentSlide
        }
      }, false);
    }
  };
  Slick.prototype.registerBreakpoints = function () {
    var _ = this,
      breakpoint,
      currentBreakpoint,
      l,
      responsiveSettings = _.options.responsive || null;
    if ($.type(responsiveSettings) === 'array' && responsiveSettings.length) {
      _.respondTo = _.options.respondTo || 'window';
      for (breakpoint in responsiveSettings) {
        l = _.breakpoints.length - 1;
        currentBreakpoint = responsiveSettings[breakpoint].breakpoint;
        if (responsiveSettings.hasOwnProperty(breakpoint)) {
          // loop through the breakpoints and cut out any existing
          // ones with the same breakpoint number, we don't want dupes.
          while (l >= 0) {
            if (_.breakpoints[l] && _.breakpoints[l] === currentBreakpoint) {
              _.breakpoints.splice(l, 1);
            }
            l--;
          }
          _.breakpoints.push(currentBreakpoint);
          _.breakpointSettings[currentBreakpoint] = responsiveSettings[breakpoint].settings;
        }
      }
      _.breakpoints.sort(function (a, b) {
        return _.options.mobileFirst ? a - b : b - a;
      });
    }
  };
  Slick.prototype.reinit = function () {
    var _ = this;
    _.$slides = _.$slideTrack.children(_.options.slide).addClass('slick-slide');
    _.slideCount = _.$slides.length;
    if (_.currentSlide >= _.slideCount && _.currentSlide !== 0) {
      _.currentSlide = _.currentSlide - _.options.slidesToScroll;
    }
    if (_.slideCount <= _.options.slidesToShow) {
      _.currentSlide = 0;
    }
    _.registerBreakpoints();
    _.setProps();
    _.setupInfinite();
    _.buildArrows();
    _.updateArrows();
    _.initArrowEvents();
    _.buildDots();
    _.updateDots();
    _.initDotEvents();
    _.cleanUpSlideEvents();
    _.initSlideEvents();
    _.checkResponsive(false, true);
    if (_.options.focusOnSelect === true) {
      $(_.$slideTrack).children().on('click.slick', _.selectHandler);
    }
    _.setSlideClasses(typeof _.currentSlide === 'number' ? _.currentSlide : 0);
    _.setPosition();
    _.focusHandler();
    _.paused = !_.options.autoplay;
    _.autoPlay();
    _.$slider.trigger('reInit', [_]);
  };
  Slick.prototype.resize = function () {
    var _ = this;
    if ($(window).width() !== _.windowWidth) {
      clearTimeout(_.windowDelay);
      _.windowDelay = window.setTimeout(function () {
        _.windowWidth = $(window).width();
        _.checkResponsive();
        if (!_.unslicked) {
          _.setPosition();
        }
      }, 50);
    }
  };
  Slick.prototype.removeSlide = Slick.prototype.slickRemove = function (index, removeBefore, removeAll) {
    var _ = this;
    if (typeof index === 'boolean') {
      removeBefore = index;
      index = removeBefore === true ? 0 : _.slideCount - 1;
    } else {
      index = removeBefore === true ? --index : index;
    }
    if (_.slideCount < 1 || index < 0 || index > _.slideCount - 1) {
      return false;
    }
    _.unload();
    if (removeAll === true) {
      _.$slideTrack.children().remove();
    } else {
      _.$slideTrack.children(this.options.slide).eq(index).remove();
    }
    _.$slides = _.$slideTrack.children(this.options.slide);
    _.$slideTrack.children(this.options.slide).detach();
    _.$slideTrack.append(_.$slides);
    _.$slidesCache = _.$slides;
    _.reinit();
  };
  Slick.prototype.setCSS = function (position) {
    var _ = this,
      positionProps = {},
      x,
      y;
    if (_.options.rtl === true) {
      position = -position;
    }
    x = _.positionProp == 'left' ? Math.ceil(position) + 'px' : '0px';
    y = _.positionProp == 'top' ? Math.ceil(position) + 'px' : '0px';
    positionProps[_.positionProp] = position;
    if (_.transformsEnabled === false) {
      _.$slideTrack.css(positionProps);
    } else {
      positionProps = {};
      if (_.cssTransitions === false) {
        positionProps[_.animType] = 'translate(' + x + ', ' + y + ')';
        _.$slideTrack.css(positionProps);
      } else {
        positionProps[_.animType] = 'translate3d(' + x + ', ' + y + ', 0px)';
        _.$slideTrack.css(positionProps);
      }
    }
  };
  Slick.prototype.setDimensions = function () {
    var _ = this;
    if (_.options.vertical === false) {
      if (_.options.centerMode === true) {
        _.$list.css({
          padding: '0px ' + _.options.centerPadding
        });
      }
    } else {
      _.$list.height(_.$slides.first().outerHeight(true) * _.options.slidesToShow);
      if (_.options.centerMode === true) {
        _.$list.css({
          padding: _.options.centerPadding + ' 0px'
        });
      }
    }
    _.listWidth = _.$list.width();
    _.listHeight = _.$list.height();
    if (_.options.vertical === false && _.options.variableWidth === false) {
      _.slideWidth = Math.ceil(_.listWidth / _.options.slidesToShow);
      _.$slideTrack.width(Math.ceil(_.slideWidth * _.$slideTrack.children('.slick-slide').length));
    } else if (_.options.variableWidth === true) {
      _.$slideTrack.width(5000 * _.slideCount);
    } else {
      _.slideWidth = Math.ceil(_.listWidth);
      _.$slideTrack.height(Math.ceil(_.$slides.first().outerHeight(true) * _.$slideTrack.children('.slick-slide').length));
    }
    var offset = _.$slides.first().outerWidth(true) - _.$slides.first().width();
    if (_.options.variableWidth === false) _.$slideTrack.children('.slick-slide').width(_.slideWidth - offset);
  };
  Slick.prototype.setFade = function () {
    var _ = this,
      targetLeft;
    _.$slides.each(function (index, element) {
      targetLeft = _.slideWidth * index * -1;
      if (_.options.rtl === true) {
        $(element).css({
          position: 'relative',
          right: targetLeft,
          top: 0,
          zIndex: _.options.zIndex - 2,
          opacity: 0
        });
      } else {
        $(element).css({
          position: 'relative',
          left: targetLeft,
          top: 0,
          zIndex: _.options.zIndex - 2,
          opacity: 0
        });
      }
    });
    _.$slides.eq(_.currentSlide).css({
      zIndex: _.options.zIndex - 1,
      opacity: 1
    });
  };
  Slick.prototype.setHeight = function () {
    var _ = this;
    if (_.options.slidesToShow === 1 && _.options.adaptiveHeight === true && _.options.vertical === false) {
      var targetHeight = _.$slides.eq(_.currentSlide).outerHeight(true);
      _.$list.css('height', targetHeight);
    }
  };
  Slick.prototype.setOption = Slick.prototype.slickSetOption = function () {
    /**
     * accepts arguments in format of:
     *
     *  - for changing a single option's value:
     *     .slick("setOption", option, value, refresh )
     *
     *  - for changing a set of responsive options:
     *     .slick("setOption", 'responsive', [{}, ...], refresh )
     *
     *  - for updating multiple values at once (not responsive)
     *     .slick("setOption", { 'option': value, ... }, refresh )
     */

    var _ = this,
      l,
      item,
      option,
      value,
      refresh = false,
      type;
    if ($.type(arguments[0]) === 'object') {
      option = arguments[0];
      refresh = arguments[1];
      type = 'multiple';
    } else if ($.type(arguments[0]) === 'string') {
      option = arguments[0];
      value = arguments[1];
      refresh = arguments[2];
      if (arguments[0] === 'responsive' && $.type(arguments[1]) === 'array') {
        type = 'responsive';
      } else if (typeof arguments[1] !== 'undefined') {
        type = 'single';
      }
    }
    if (type === 'single') {
      _.options[option] = value;
    } else if (type === 'multiple') {
      $.each(option, function (opt, val) {
        _.options[opt] = val;
      });
    } else if (type === 'responsive') {
      for (item in value) {
        if ($.type(_.options.responsive) !== 'array') {
          _.options.responsive = [value[item]];
        } else {
          l = _.options.responsive.length - 1;

          // loop through the responsive object and splice out duplicates.
          while (l >= 0) {
            if (_.options.responsive[l].breakpoint === value[item].breakpoint) {
              _.options.responsive.splice(l, 1);
            }
            l--;
          }
          _.options.responsive.push(value[item]);
        }
      }
    }
    if (refresh) {
      _.unload();
      _.reinit();
    }
  };
  Slick.prototype.setPosition = function () {
    var _ = this;
    _.setDimensions();
    _.setHeight();
    if (_.options.fade === false) {
      _.setCSS(_.getLeft(_.currentSlide));
    } else {
      _.setFade();
    }
    _.$slider.trigger('setPosition', [_]);
  };
  Slick.prototype.setProps = function () {
    var _ = this,
      bodyStyle = document.body.style;
    _.positionProp = _.options.vertical === true ? 'top' : 'left';
    if (_.positionProp === 'top') {
      _.$slider.addClass('slick-vertical');
    } else {
      _.$slider.removeClass('slick-vertical');
    }
    if (bodyStyle.WebkitTransition !== undefined || bodyStyle.MozTransition !== undefined || bodyStyle.msTransition !== undefined) {
      if (_.options.useCSS === true) {
        _.cssTransitions = true;
      }
    }
    if (_.options.fade) {
      if (typeof _.options.zIndex === 'number') {
        if (_.options.zIndex < 3) {
          _.options.zIndex = 3;
        }
      } else {
        _.options.zIndex = _.defaults.zIndex;
      }
    }
    if (bodyStyle.OTransform !== undefined) {
      _.animType = 'OTransform';
      _.transformType = '-o-transform';
      _.transitionType = 'OTransition';
      if (bodyStyle.perspectiveProperty === undefined && bodyStyle.webkitPerspective === undefined) _.animType = false;
    }
    if (bodyStyle.MozTransform !== undefined) {
      _.animType = 'MozTransform';
      _.transformType = '-moz-transform';
      _.transitionType = 'MozTransition';
      if (bodyStyle.perspectiveProperty === undefined && bodyStyle.MozPerspective === undefined) _.animType = false;
    }
    if (bodyStyle.webkitTransform !== undefined) {
      _.animType = 'webkitTransform';
      _.transformType = '-webkit-transform';
      _.transitionType = 'webkitTransition';
      if (bodyStyle.perspectiveProperty === undefined && bodyStyle.webkitPerspective === undefined) _.animType = false;
    }
    if (bodyStyle.msTransform !== undefined) {
      _.animType = 'msTransform';
      _.transformType = '-ms-transform';
      _.transitionType = 'msTransition';
      if (bodyStyle.msTransform === undefined) _.animType = false;
    }
    if (bodyStyle.transform !== undefined && _.animType !== false) {
      _.animType = 'transform';
      _.transformType = 'transform';
      _.transitionType = 'transition';
    }
    _.transformsEnabled = _.options.useTransform && _.animType !== null && _.animType !== false;
  };
  Slick.prototype.setSlideClasses = function (index) {
    var _ = this,
      centerOffset,
      allSlides,
      indexOffset,
      remainder;
    allSlides = _.$slider.find('.slick-slide').removeClass('slick-active slick-center slick-current').attr('aria-hidden', 'true');
    _.$slides.eq(index).addClass('slick-current');
    if (_.options.centerMode === true) {
      centerOffset = Math.floor(_.options.slidesToShow / 2);
      if (_.options.infinite === true) {
        if (index >= centerOffset && index <= _.slideCount - 1 - centerOffset) {
          _.$slides.slice(index - centerOffset, index + centerOffset + 1).addClass('slick-active').attr('aria-hidden', 'false');
        } else {
          indexOffset = _.options.slidesToShow + index;
          allSlides.slice(indexOffset - centerOffset + 1, indexOffset + centerOffset + 2).addClass('slick-active').attr('aria-hidden', 'false');
        }
        if (index === 0) {
          allSlides.eq(allSlides.length - 1 - _.options.slidesToShow).addClass('slick-center');
        } else if (index === _.slideCount - 1) {
          allSlides.eq(_.options.slidesToShow).addClass('slick-center');
        }
      }
      _.$slides.eq(index).addClass('slick-center');
    } else {
      if (index >= 0 && index <= _.slideCount - _.options.slidesToShow) {
        _.$slides.slice(index, index + _.options.slidesToShow).addClass('slick-active').attr('aria-hidden', 'false');
      } else if (allSlides.length <= _.options.slidesToShow) {
        allSlides.addClass('slick-active').attr('aria-hidden', 'false');
      } else {
        remainder = _.slideCount % _.options.slidesToShow;
        indexOffset = _.options.infinite === true ? _.options.slidesToShow + index : index;
        if (_.options.slidesToShow == _.options.slidesToScroll && _.slideCount - index < _.options.slidesToShow) {
          allSlides.slice(indexOffset - (_.options.slidesToShow - remainder), indexOffset + remainder).addClass('slick-active').attr('aria-hidden', 'false');
        } else {
          allSlides.slice(indexOffset, indexOffset + _.options.slidesToShow).addClass('slick-active').attr('aria-hidden', 'false');
        }
      }
    }
    if (_.options.lazyLoad === 'ondemand') {
      _.lazyLoad();
    }
  };
  Slick.prototype.setupInfinite = function () {
    var _ = this,
      i,
      slideIndex,
      infiniteCount;
    if (_.options.fade === true) {
      _.options.centerMode = false;
    }
    if (_.options.infinite === true && _.options.fade === false) {
      slideIndex = null;
      if (_.slideCount > _.options.slidesToShow) {
        if (_.options.centerMode === true) {
          infiniteCount = _.options.slidesToShow + 1;
        } else {
          infiniteCount = _.options.slidesToShow;
        }
        for (i = _.slideCount; i > _.slideCount - infiniteCount; i -= 1) {
          slideIndex = i - 1;
          $(_.$slides[slideIndex]).clone(true).attr('id', '').attr('data-slick-index', slideIndex - _.slideCount).prependTo(_.$slideTrack).addClass('slick-cloned');
        }
        for (i = 0; i < infiniteCount; i += 1) {
          slideIndex = i;
          $(_.$slides[slideIndex]).clone(true).attr('id', '').attr('data-slick-index', slideIndex + _.slideCount).appendTo(_.$slideTrack).addClass('slick-cloned');
        }
        _.$slideTrack.find('.slick-cloned').find('[id]').each(function () {
          $(this).attr('id', '');
        });
      }
    }
  };
  Slick.prototype.interrupt = function (toggle) {
    var _ = this;
    if (!toggle) {
      _.autoPlay();
    }
    _.interrupted = toggle;
  };
  Slick.prototype.selectHandler = function (event) {
    var _ = this;
    var targetElement = $(event.target).is('.slick-slide') ? $(event.target) : $(event.target).parents('.slick-slide');
    var index = parseInt(targetElement.attr('data-slick-index'));
    if (!index) index = 0;
    if (_.slideCount <= _.options.slidesToShow) {
      _.setSlideClasses(index);
      _.asNavFor(index);
      return;
    }
    _.slideHandler(index);
  };
  Slick.prototype.slideHandler = function (index, sync, dontAnimate) {
    var targetSlide,
      animSlide,
      oldSlide,
      slideLeft,
      targetLeft = null,
      _ = this,
      navTarget;
    sync = sync || false;
    if (_.animating === true && _.options.waitForAnimate === true) {
      return;
    }
    if (_.options.fade === true && _.currentSlide === index) {
      return;
    }
    if (_.slideCount <= _.options.slidesToShow) {
      return;
    }
    if (sync === false) {
      _.asNavFor(index);
    }
    targetSlide = index;
    targetLeft = _.getLeft(targetSlide);
    slideLeft = _.getLeft(_.currentSlide);
    _.currentLeft = _.swipeLeft === null ? slideLeft : _.swipeLeft;
    if (_.options.infinite === false && _.options.centerMode === false && (index < 0 || index > _.getDotCount() * _.options.slidesToScroll)) {
      if (_.options.fade === false) {
        targetSlide = _.currentSlide;
        if (dontAnimate !== true) {
          _.animateSlide(slideLeft, function () {
            _.postSlide(targetSlide);
          });
        } else {
          _.postSlide(targetSlide);
        }
      }
      return;
    } else if (_.options.infinite === false && _.options.centerMode === true && (index < 0 || index > _.slideCount - _.options.slidesToScroll)) {
      if (_.options.fade === false) {
        targetSlide = _.currentSlide;
        if (dontAnimate !== true) {
          _.animateSlide(slideLeft, function () {
            _.postSlide(targetSlide);
          });
        } else {
          _.postSlide(targetSlide);
        }
      }
      return;
    }
    if (_.options.autoplay) {
      clearInterval(_.autoPlayTimer);
    }
    if (targetSlide < 0) {
      if (_.slideCount % _.options.slidesToScroll !== 0) {
        animSlide = _.slideCount - _.slideCount % _.options.slidesToScroll;
      } else {
        animSlide = _.slideCount + targetSlide;
      }
    } else if (targetSlide >= _.slideCount) {
      if (_.slideCount % _.options.slidesToScroll !== 0) {
        animSlide = 0;
      } else {
        animSlide = targetSlide - _.slideCount;
      }
    } else {
      animSlide = targetSlide;
    }
    _.animating = true;
    _.$slider.trigger('beforeChange', [_, _.currentSlide, animSlide]);
    oldSlide = _.currentSlide;
    _.currentSlide = animSlide;
    _.setSlideClasses(_.currentSlide);
    if (_.options.asNavFor) {
      navTarget = _.getNavTarget();
      navTarget = navTarget.slick('getSlick');
      if (navTarget.slideCount <= navTarget.options.slidesToShow) {
        navTarget.setSlideClasses(_.currentSlide);
      }
    }
    _.updateDots();
    _.updateArrows();
    if (_.options.fade === true) {
      if (dontAnimate !== true) {
        _.fadeSlideOut(oldSlide);
        _.fadeSlide(animSlide, function () {
          _.postSlide(animSlide);
        });
      } else {
        _.postSlide(animSlide);
      }
      _.animateHeight();
      return;
    }
    if (dontAnimate !== true) {
      _.animateSlide(targetLeft, function () {
        _.postSlide(animSlide);
      });
    } else {
      _.postSlide(animSlide);
    }
  };
  Slick.prototype.startLoad = function () {
    var _ = this;
    if (_.options.arrows === true && _.slideCount > _.options.slidesToShow) {
      _.$prevArrow.hide();
      _.$nextArrow.hide();
    }
    if (_.options.dots === true && _.slideCount > _.options.slidesToShow) {
      _.$dots.hide();
    }
    _.$slider.addClass('slick-loading');
  };
  Slick.prototype.swipeDirection = function () {
    var xDist,
      yDist,
      r,
      swipeAngle,
      _ = this;
    xDist = _.touchObject.startX - _.touchObject.curX;
    yDist = _.touchObject.startY - _.touchObject.curY;
    r = Math.atan2(yDist, xDist);
    swipeAngle = Math.round(r * 180 / Math.PI);
    if (swipeAngle < 0) {
      swipeAngle = 360 - Math.abs(swipeAngle);
    }
    if (swipeAngle <= 45 && swipeAngle >= 0) {
      return _.options.rtl === false ? 'left' : 'right';
    }
    if (swipeAngle <= 360 && swipeAngle >= 315) {
      return _.options.rtl === false ? 'left' : 'right';
    }
    if (swipeAngle >= 135 && swipeAngle <= 225) {
      return _.options.rtl === false ? 'right' : 'left';
    }
    if (_.options.verticalSwiping === true) {
      if (swipeAngle >= 35 && swipeAngle <= 135) {
        return 'down';
      } else {
        return 'up';
      }
    }
    return 'vertical';
  };
  Slick.prototype.swipeEnd = function (event) {
    var _ = this,
      slideCount,
      direction;
    _.dragging = false;
    _.interrupted = false;
    _.shouldClick = _.touchObject.swipeLength > 10 ? false : true;
    if (_.touchObject.curX === undefined) {
      return false;
    }
    if (_.touchObject.edgeHit === true) {
      _.$slider.trigger('edge', [_, _.swipeDirection()]);
    }
    if (_.touchObject.swipeLength >= _.touchObject.minSwipe) {
      direction = _.swipeDirection();
      switch (direction) {
        case 'left':
        case 'down':
          slideCount = _.options.swipeToSlide ? _.checkNavigable(_.currentSlide + _.getSlideCount()) : _.currentSlide + _.getSlideCount();
          _.currentDirection = 0;
          break;
        case 'right':
        case 'up':
          slideCount = _.options.swipeToSlide ? _.checkNavigable(_.currentSlide - _.getSlideCount()) : _.currentSlide - _.getSlideCount();
          _.currentDirection = 1;
          break;
        default:
      }
      if (direction != 'vertical') {
        _.slideHandler(slideCount);
        _.touchObject = {};
        _.$slider.trigger('swipe', [_, direction]);
      }
    } else {
      if (_.touchObject.startX !== _.touchObject.curX) {
        _.slideHandler(_.currentSlide);
        _.touchObject = {};
      }
    }
  };
  Slick.prototype.swipeHandler = function (event) {
    var _ = this;
    if (_.options.swipe === false || 'ontouchend' in document && _.options.swipe === false) {
      return;
    } else if (_.options.draggable === false && event.type.indexOf('mouse') !== -1) {
      return;
    }
    _.touchObject.fingerCount = event.originalEvent && event.originalEvent.touches !== undefined ? event.originalEvent.touches.length : 1;
    _.touchObject.minSwipe = _.listWidth / _.options.touchThreshold;
    if (_.options.verticalSwiping === true) {
      _.touchObject.minSwipe = _.listHeight / _.options.touchThreshold;
    }
    switch (event.data.action) {
      case 'start':
        _.swipeStart(event);
        break;
      case 'move':
        _.swipeMove(event);
        break;
      case 'end':
        _.swipeEnd(event);
        break;
    }
  };
  Slick.prototype.swipeMove = function (event) {
    var _ = this,
      edgeWasHit = false,
      curLeft,
      swipeDirection,
      swipeLength,
      positionOffset,
      touches;
    touches = event.originalEvent !== undefined ? event.originalEvent.touches : null;
    if (!_.dragging || touches && touches.length !== 1) {
      return false;
    }
    curLeft = _.getLeft(_.currentSlide);
    _.touchObject.curX = touches !== undefined ? touches[0].pageX : event.clientX;
    _.touchObject.curY = touches !== undefined ? touches[0].pageY : event.clientY;
    _.touchObject.swipeLength = Math.round(Math.sqrt(Math.pow(_.touchObject.curX - _.touchObject.startX, 2)));
    if (_.options.verticalSwiping === true) {
      _.touchObject.swipeLength = Math.round(Math.sqrt(Math.pow(_.touchObject.curY - _.touchObject.startY, 2)));
    }
    swipeDirection = _.swipeDirection();
    if (swipeDirection === 'vertical') {
      return;
    }
    if (event.originalEvent !== undefined && _.touchObject.swipeLength > 4) {
      event.preventDefault();
    }
    positionOffset = (_.options.rtl === false ? 1 : -1) * (_.touchObject.curX > _.touchObject.startX ? 1 : -1);
    if (_.options.verticalSwiping === true) {
      positionOffset = _.touchObject.curY > _.touchObject.startY ? 1 : -1;
    }
    swipeLength = _.touchObject.swipeLength;
    _.touchObject.edgeHit = false;
    if (_.options.infinite === false) {
      if (_.currentSlide === 0 && swipeDirection === 'right' || _.currentSlide >= _.getDotCount() && swipeDirection === 'left') {
        swipeLength = _.touchObject.swipeLength * _.options.edgeFriction;
        _.touchObject.edgeHit = true;
      }
    }
    if (_.options.vertical === false) {
      _.swipeLeft = curLeft + swipeLength * positionOffset;
    } else {
      _.swipeLeft = curLeft + swipeLength * (_.$list.height() / _.listWidth) * positionOffset;
    }
    if (_.options.verticalSwiping === true) {
      _.swipeLeft = curLeft + swipeLength * positionOffset;
    }
    if (_.options.fade === true || _.options.touchMove === false) {
      return false;
    }
    if (_.animating === true) {
      _.swipeLeft = null;
      return false;
    }
    _.setCSS(_.swipeLeft);
  };
  Slick.prototype.swipeStart = function (event) {
    var _ = this,
      touches;
    _.interrupted = true;
    if (_.touchObject.fingerCount !== 1 || _.slideCount <= _.options.slidesToShow) {
      _.touchObject = {};
      return false;
    }
    if (event.originalEvent !== undefined && event.originalEvent.touches !== undefined) {
      touches = event.originalEvent.touches[0];
    }
    _.touchObject.startX = _.touchObject.curX = touches !== undefined ? touches.pageX : event.clientX;
    _.touchObject.startY = _.touchObject.curY = touches !== undefined ? touches.pageY : event.clientY;
    _.dragging = true;
  };
  Slick.prototype.unfilterSlides = Slick.prototype.slickUnfilter = function () {
    var _ = this;
    if (_.$slidesCache !== null) {
      _.unload();
      _.$slideTrack.children(this.options.slide).detach();
      _.$slidesCache.appendTo(_.$slideTrack);
      _.reinit();
    }
  };
  Slick.prototype.unload = function () {
    var _ = this;
    $('.slick-cloned', _.$slider).remove();
    if (_.$dots) {
      _.$dots.remove();
    }
    if (_.$prevArrow && _.htmlExpr.test(_.options.prevArrow)) {
      _.$prevArrow.remove();
    }
    if (_.$nextArrow && _.htmlExpr.test(_.options.nextArrow)) {
      _.$nextArrow.remove();
    }
    _.$slides.removeClass('slick-slide slick-active slick-visible slick-current').attr('aria-hidden', 'true').css('width', '');
  };
  Slick.prototype.unslick = function (fromBreakpoint) {
    var _ = this;
    _.$slider.trigger('unslick', [_, fromBreakpoint]);
    _.destroy();
  };
  Slick.prototype.updateArrows = function () {
    var _ = this,
      centerOffset;
    centerOffset = Math.floor(_.options.slidesToShow / 2);
    if (_.options.arrows === true && _.slideCount > _.options.slidesToShow && !_.options.infinite) {
      _.$prevArrow.removeClass('slick-disabled').attr('aria-disabled', 'false');
      _.$nextArrow.removeClass('slick-disabled').attr('aria-disabled', 'false');
      if (_.currentSlide === 0) {
        _.$prevArrow.addClass('slick-disabled').attr('aria-disabled', 'true');
        _.$nextArrow.removeClass('slick-disabled').attr('aria-disabled', 'false');
      } else if (_.currentSlide >= _.slideCount - _.options.slidesToShow && _.options.centerMode === false) {
        _.$nextArrow.addClass('slick-disabled').attr('aria-disabled', 'true');
        _.$prevArrow.removeClass('slick-disabled').attr('aria-disabled', 'false');
      } else if (_.currentSlide >= _.slideCount - 1 && _.options.centerMode === true) {
        _.$nextArrow.addClass('slick-disabled').attr('aria-disabled', 'true');
        _.$prevArrow.removeClass('slick-disabled').attr('aria-disabled', 'false');
      }
    }
  };
  Slick.prototype.updateDots = function () {
    var _ = this;
    if (_.$dots !== null) {
      _.$dots.find('li').removeClass('slick-active').attr('aria-hidden', 'true');
      _.$dots.find('li').eq(Math.floor(_.currentSlide / _.options.slidesToScroll)).addClass('slick-active').attr('aria-hidden', 'false');
    }
  };
  Slick.prototype.visibility = function () {
    var _ = this;
    if (_.options.autoplay) {
      if (document[_.hidden]) {
        _.interrupted = true;
      } else {
        _.interrupted = false;
      }
    }
  };
  $.fn.slick = function () {
    var _ = this,
      opt = arguments[0],
      args = Array.prototype.slice.call(arguments, 1),
      l = _.length,
      i,
      ret;
    for (i = 0; i < l; i++) {
      if (_typeof(opt) == 'object' || typeof opt == 'undefined') _[i].slick = new Slick(_[i], opt);else ret = _[i].slick[opt].apply(_[i].slick, args);
      if (typeof ret != 'undefined') return ret;
    }
    return _;
  };
});

}).call(this)}).call(this,typeof global !== "undefined" ? global : typeof self !== "undefined" ? self : typeof window !== "undefined" ? window : {})
},{}],8:[function(require,module,exports){
(function (global){(function (){
"use strict";

function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
(function (global, factory) {
  (typeof exports === "undefined" ? "undefined" : _typeof(exports)) === 'object' && typeof module !== 'undefined' ? module.exports = factory() : typeof define === 'function' && define.amd ? define('underscore', factory) : (global = typeof globalThis !== 'undefined' ? globalThis : global || self, function () {
    var current = global._;
    var exports = global._ = factory();
    exports.noConflict = function () {
      global._ = current;
      return exports;
    };
  }());
})(void 0, function () {
  //     Underscore.js 1.13.6
  //     https://underscorejs.org
  //     (c) 2009-2022 Jeremy Ashkenas, Julian Gonggrijp, and DocumentCloud and Investigative Reporters & Editors
  //     Underscore may be freely distributed under the MIT license.

  // Current version.
  var VERSION = '1.13.6';

  // Establish the root object, `window` (`self`) in the browser, `global`
  // on the server, or `this` in some virtual machines. We use `self`
  // instead of `window` for `WebWorker` support.
  var root = (typeof self === "undefined" ? "undefined" : _typeof(self)) == 'object' && self.self === self && self || (typeof global === "undefined" ? "undefined" : _typeof(global)) == 'object' && global.global === global && global || Function('return this')() || {};

  // Save bytes in the minified (but not gzipped) version:
  var ArrayProto = Array.prototype,
    ObjProto = Object.prototype;
  var SymbolProto = typeof Symbol !== 'undefined' ? Symbol.prototype : null;

  // Create quick reference variables for speed access to core prototypes.
  var push = ArrayProto.push,
    slice = ArrayProto.slice,
    toString = ObjProto.toString,
    hasOwnProperty = ObjProto.hasOwnProperty;

  // Modern feature detection.
  var supportsArrayBuffer = typeof ArrayBuffer !== 'undefined',
    supportsDataView = typeof DataView !== 'undefined';

  // All **ECMAScript 5+** native function implementations that we hope to use
  // are declared here.
  var nativeIsArray = Array.isArray,
    nativeKeys = Object.keys,
    nativeCreate = Object.create,
    nativeIsView = supportsArrayBuffer && ArrayBuffer.isView;

  // Create references to these builtin functions because we override them.
  var _isNaN = isNaN,
    _isFinite = isFinite;

  // Keys in IE < 9 that won't be iterated by `for key in ...` and thus missed.
  var hasEnumBug = !{
    toString: null
  }.propertyIsEnumerable('toString');
  var nonEnumerableProps = ['valueOf', 'isPrototypeOf', 'toString', 'propertyIsEnumerable', 'hasOwnProperty', 'toLocaleString'];

  // The largest integer that can be represented exactly.
  var MAX_ARRAY_INDEX = Math.pow(2, 53) - 1;

  // 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".
  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);
    };
  }

  // Is a given variable an object?
  function isObject(obj) {
    var type = _typeof(obj);
    return type === 'function' || type === 'object' && !!obj;
  }

  // Is a given value equal to null?
  function isNull(obj) {
    return obj === null;
  }

  // Is a given variable undefined?
  function isUndefined(obj) {
    return obj === void 0;
  }

  // Is a given value a boolean?
  function isBoolean(obj) {
    return obj === true || obj === false || toString.call(obj) === '[object Boolean]';
  }

  // Is a given value a DOM element?
  function isElement(obj) {
    return !!(obj && obj.nodeType === 1);
  }

  // Internal function for creating a `toString`-based type tester.
  function tagTester(name) {
    var tag = '[object ' + name + ']';
    return function (obj) {
      return toString.call(obj) === tag;
    };
  }
  var isString = tagTester('String');
  var isNumber = tagTester('Number');
  var isDate = tagTester('Date');
  var isRegExp = tagTester('RegExp');
  var isError = tagTester('Error');
  var isSymbol = tagTester('Symbol');
  var isArrayBuffer = tagTester('ArrayBuffer');
  var isFunction = tagTester('Function');

  // Optimize `isFunction` if appropriate. Work around some `typeof` bugs in old
  // v8, IE 11 (#1621), Safari 8 (#1929), and PhantomJS (#2236).
  var nodelist = root.document && root.document.childNodes;
  if (typeof /./ != 'function' && (typeof Int8Array === "undefined" ? "undefined" : _typeof(Int8Array)) != 'object' && typeof nodelist != 'function') {
    isFunction = function isFunction(obj) {
      return typeof obj == 'function' || false;
    };
  }
  var isFunction$1 = isFunction;
  var hasObjectTag = tagTester('Object');

  // In IE 10 - Edge 13, `DataView` has string tag `'[object Object]'`.
  // In IE 11, the most common among them, this problem also applies to
  // `Map`, `WeakMap` and `Set`.
  var hasStringTagBug = supportsDataView && hasObjectTag(new DataView(new ArrayBuffer(8))),
    isIE11 = typeof Map !== 'undefined' && hasObjectTag(new Map());
  var isDataView = tagTester('DataView');

  // In IE 10 - Edge 13, we need a different heuristic
  // to determine whether an object is a `DataView`.
  function ie10IsDataView(obj) {
    return obj != null && isFunction$1(obj.getInt8) && isArrayBuffer(obj.buffer);
  }
  var isDataView$1 = hasStringTagBug ? ie10IsDataView : isDataView;

  // Is a given value an array?
  // Delegates to ECMA5's native `Array.isArray`.
  var isArray = nativeIsArray || tagTester('Array');

  // Internal function to check whether `key` is an own property name of `obj`.
  function has$1(obj, key) {
    return obj != null && hasOwnProperty.call(obj, key);
  }
  var isArguments = tagTester('Arguments');

  // Define a fallback version of the method in browsers (ahem, IE < 9), where
  // there isn't any inspectable "Arguments" type.
  (function () {
    if (!isArguments(arguments)) {
      isArguments = function isArguments(obj) {
        return has$1(obj, 'callee');
      };
    }
  })();
  var isArguments$1 = isArguments;

  // Is a given object a finite number?
  function isFinite$1(obj) {
    return !isSymbol(obj) && _isFinite(obj) && !isNaN(parseFloat(obj));
  }

  // Is the given value `NaN`?
  function isNaN$1(obj) {
    return isNumber(obj) && _isNaN(obj);
  }

  // Predicate-generating function. Often useful outside of Underscore.
  function constant(value) {
    return function () {
      return value;
    };
  }

  // Common internal logic for `isArrayLike` and `isBufferLike`.
  function createSizePropertyCheck(getSizeProperty) {
    return function (collection) {
      var sizeProperty = getSizeProperty(collection);
      return typeof sizeProperty == 'number' && sizeProperty >= 0 && sizeProperty <= MAX_ARRAY_INDEX;
    };
  }

  // Internal helper to generate a function to obtain property `key` from `obj`.
  function shallowProperty(key) {
    return function (obj) {
      return obj == null ? void 0 : obj[key];
    };
  }

  // Internal helper to obtain the `byteLength` property of an object.
  var getByteLength = shallowProperty('byteLength');

  // Internal helper to determine whether we should spend extensive checks against
  // `ArrayBuffer` et al.
  var isBufferLike = createSizePropertyCheck(getByteLength);

  // Is a given value a typed array?
  var typedArrayPattern = /\[object ((I|Ui)nt(8|16|32)|Float(32|64)|Uint8Clamped|Big(I|Ui)nt64)Array\]/;
  function isTypedArray(obj) {
    // `ArrayBuffer.isView` is the most future-proof, so use it when available.
    // Otherwise, fall back on the above regular expression.
    return nativeIsView ? nativeIsView(obj) && !isDataView$1(obj) : isBufferLike(obj) && typedArrayPattern.test(toString.call(obj));
  }
  var isTypedArray$1 = supportsArrayBuffer ? isTypedArray : constant(false);

  // Internal helper to obtain the `length` property of an object.
  var getLength = shallowProperty('length');

  // Internal helper to create a simple lookup structure.
  // `collectNonEnumProps` used to depend on `_.contains`, but this led to
  // circular imports. `emulatedSet` is a one-off solution that only works for
  // arrays of strings.
  function emulatedSet(keys) {
    var hash = {};
    for (var l = keys.length, i = 0; i < l; ++i) hash[keys[i]] = true;
    return {
      contains: function contains(key) {
        return hash[key] === true;
      },
      push: function push(key) {
        hash[key] = true;
        return keys.push(key);
      }
    };
  }

  // Internal helper. Checks `keys` for the presence of keys in IE < 9 that won't
  // be iterated by `for key in ...` and thus missed. Extends `keys` in place if
  // needed.
  function collectNonEnumProps(obj, keys) {
    keys = emulatedSet(keys);
    var nonEnumIdx = nonEnumerableProps.length;
    var constructor = obj.constructor;
    var proto = isFunction$1(constructor) && constructor.prototype || ObjProto;

    // Constructor is a special case.
    var prop = 'constructor';
    if (has$1(obj, prop) && !keys.contains(prop)) keys.push(prop);
    while (nonEnumIdx--) {
      prop = nonEnumerableProps[nonEnumIdx];
      if (prop in obj && obj[prop] !== proto[prop] && !keys.contains(prop)) {
        keys.push(prop);
      }
    }
  }

  // Retrieve the names of an object's own properties.
  // Delegates to **ECMAScript 5**'s native `Object.keys`.
  function keys(obj) {
    if (!isObject(obj)) return [];
    if (nativeKeys) return nativeKeys(obj);
    var keys = [];
    for (var key in obj) if (has$1(obj, key)) keys.push(key);
    // Ahem, IE < 9.
    if (hasEnumBug) collectNonEnumProps(obj, keys);
    return keys;
  }

  // Is a given array, string, or object empty?
  // An "empty" object has no enumerable own-properties.
  function isEmpty(obj) {
    if (obj == null) return true;
    // Skip the more expensive `toString`-based type checks if `obj` has no
    // `.length`.
    var length = getLength(obj);
    if (typeof length == 'number' && (isArray(obj) || isString(obj) || isArguments$1(obj))) return length === 0;
    return getLength(keys(obj)) === 0;
  }

  // Returns whether an object has a given set of `key:value` pairs.
  function isMatch(object, attrs) {
    var _keys = keys(attrs),
      length = _keys.length;
    if (object == null) return !length;
    var obj = Object(object);
    for (var i = 0; i < length; i++) {
      var key = _keys[i];
      if (attrs[key] !== obj[key] || !(key in obj)) return false;
    }
    return true;
  }

  // If Underscore is called as a function, it returns a wrapped object that can
  // be used OO-style. This wrapper holds altered versions of all functions added
  // through `_.mixin`. Wrapped objects may be chained.
  function _$1(obj) {
    if (obj instanceof _$1) return obj;
    if (!(this instanceof _$1)) return new _$1(obj);
    this._wrapped = obj;
  }
  _$1.VERSION = VERSION;

  // Extracts the result from a wrapped and chained object.
  _$1.prototype.value = function () {
    return this._wrapped;
  };

  // Provide unwrapping proxies for some methods used in engine operations
  // such as arithmetic and JSON stringification.
  _$1.prototype.valueOf = _$1.prototype.toJSON = _$1.prototype.value;
  _$1.prototype.toString = function () {
    return String(this._wrapped);
  };

  // Internal function to wrap or shallow-copy an ArrayBuffer,
  // typed array or DataView to a new view, reusing the buffer.
  function toBufferView(bufferSource) {
    return new Uint8Array(bufferSource.buffer || bufferSource, bufferSource.byteOffset || 0, getByteLength(bufferSource));
  }

  // We use this string twice, so give it a name for minification.
  var tagDataView = '[object DataView]';

  // Internal recursive comparison function for `_.isEqual`.
  function eq(a, b, aStack, bStack) {
    // Identical objects are equal. `0 === -0`, but they aren't identical.
    // See the [Harmony `egal` proposal](https://wiki.ecmascript.org/doku.php?id=harmony:egal).
    if (a === b) return a !== 0 || 1 / a === 1 / b;
    // `null` or `undefined` only equal to itself (strict comparison).
    if (a == null || b == null) return false;
    // `NaN`s are equivalent, but non-reflexive.
    if (a !== a) return b !== b;
    // Exhaust primitive checks
    var type = _typeof(a);
    if (type !== 'function' && type !== 'object' && _typeof(b) != 'object') return false;
    return deepEq(a, b, aStack, bStack);
  }

  // Internal recursive comparison function for `_.isEqual`.
  function deepEq(a, b, aStack, bStack) {
    // Unwrap any wrapped objects.
    if (a instanceof _$1) a = a._wrapped;
    if (b instanceof _$1) b = b._wrapped;
    // Compare `[[Class]]` names.
    var className = toString.call(a);
    if (className !== toString.call(b)) return false;
    // Work around a bug in IE 10 - Edge 13.
    if (hasStringTagBug && className == '[object Object]' && isDataView$1(a)) {
      if (!isDataView$1(b)) return false;
      className = tagDataView;
    }
    switch (className) {
      // These types are compared by value.
      case '[object RegExp]':
      // RegExps are coerced to strings for comparison (Note: '' + /a/i === '/a/i')
      case '[object String]':
        // Primitives and their corresponding object wrappers are equivalent; thus, `"5"` is
        // equivalent to `new String("5")`.
        return '' + a === '' + b;
      case '[object Number]':
        // `NaN`s are equivalent, but non-reflexive.
        // Object(NaN) is equivalent to NaN.
        if (+a !== +a) return +b !== +b;
        // An `egal` comparison is performed for other numeric values.
        return +a === 0 ? 1 / +a === 1 / b : +a === +b;
      case '[object Date]':
      case '[object Boolean]':
        // Coerce dates and booleans to numeric primitive values. Dates are compared by their
        // millisecond representations. Note that invalid dates with millisecond representations
        // of `NaN` are not equivalent.
        return +a === +b;
      case '[object Symbol]':
        return SymbolProto.valueOf.call(a) === SymbolProto.valueOf.call(b);
      case '[object ArrayBuffer]':
      case tagDataView:
        // Coerce to typed array so we can fall through.
        return deepEq(toBufferView(a), toBufferView(b), aStack, bStack);
    }
    var areArrays = className === '[object Array]';
    if (!areArrays && isTypedArray$1(a)) {
      var byteLength = getByteLength(a);
      if (byteLength !== getByteLength(b)) return false;
      if (a.buffer === b.buffer && a.byteOffset === b.byteOffset) return true;
      areArrays = true;
    }
    if (!areArrays) {
      if (_typeof(a) != 'object' || _typeof(b) != 'object') return false;

      // Objects with different constructors are not equivalent, but `Object`s or `Array`s
      // from different frames are.
      var aCtor = a.constructor,
        bCtor = b.constructor;
      if (aCtor !== bCtor && !(isFunction$1(aCtor) && aCtor instanceof aCtor && isFunction$1(bCtor) && bCtor instanceof bCtor) && 'constructor' in a && 'constructor' in b) {
        return false;
      }
    }
    // Assume equality for cyclic structures. The algorithm for detecting cyclic
    // structures is adapted from ES 5.1 section 15.12.3, abstract operation `JO`.

    // Initializing stack of traversed objects.
    // It's done here since we only need them for objects and arrays comparison.
    aStack = aStack || [];
    bStack = bStack || [];
    var length = aStack.length;
    while (length--) {
      // Linear search. Performance is inversely proportional to the number of
      // unique nested structures.
      if (aStack[length] === a) return bStack[length] === b;
    }

    // Add the first object to the stack of traversed objects.
    aStack.push(a);
    bStack.push(b);

    // Recursively compare objects and arrays.
    if (areArrays) {
      // Compare array lengths to determine if a deep comparison is necessary.
      length = a.length;
      if (length !== b.length) return false;
      // Deep compare the contents, ignoring non-numeric properties.
      while (length--) {
        if (!eq(a[length], b[length], aStack, bStack)) return false;
      }
    } else {
      // Deep compare objects.
      var _keys = keys(a),
        key;
      length = _keys.length;
      // Ensure that both objects contain the same number of properties before comparing deep equality.
      if (keys(b).length !== length) return false;
      while (length--) {
        // Deep compare each member
        key = _keys[length];
        if (!(has$1(b, key) && eq(a[key], b[key], aStack, bStack))) return false;
      }
    }
    // Remove the first object from the stack of traversed objects.
    aStack.pop();
    bStack.pop();
    return true;
  }

  // Perform a deep comparison to check if two objects are equal.
  function isEqual(a, b) {
    return eq(a, b);
  }

  // Retrieve all the enumerable property names of an object.
  function allKeys(obj) {
    if (!isObject(obj)) return [];
    var keys = [];
    for (var key in obj) keys.push(key);
    // Ahem, IE < 9.
    if (hasEnumBug) collectNonEnumProps(obj, keys);
    return keys;
  }

  // Since the regular `Object.prototype.toString` type tests don't work for
  // some types in IE 11, we use a fingerprinting heuristic instead, based
  // on the methods. It's not great, but it's the best we got.
  // The fingerprint method lists are defined below.
  function ie11fingerprint(methods) {
    var length = getLength(methods);
    return function (obj) {
      if (obj == null) return false;
      // `Map`, `WeakMap` and `Set` have no enumerable keys.
      var keys = allKeys(obj);
      if (getLength(keys)) return false;
      for (var i = 0; i < length; i++) {
        if (!isFunction$1(obj[methods[i]])) return false;
      }
      // If we are testing against `WeakMap`, we need to ensure that
      // `obj` doesn't have a `forEach` method in order to distinguish
      // it from a regular `Map`.
      return methods !== weakMapMethods || !isFunction$1(obj[forEachName]);
    };
  }

  // In the interest of compact minification, we write
  // each string in the fingerprints only once.
  var forEachName = 'forEach',
    hasName = 'has',
    commonInit = ['clear', 'delete'],
    mapTail = ['get', hasName, 'set'];

  // `Map`, `WeakMap` and `Set` each have slightly different
  // combinations of the above sublists.
  var mapMethods = commonInit.concat(forEachName, mapTail),
    weakMapMethods = commonInit.concat(mapTail),
    setMethods = ['add'].concat(commonInit, forEachName, hasName);
  var isMap = isIE11 ? ie11fingerprint(mapMethods) : tagTester('Map');
  var isWeakMap = isIE11 ? ie11fingerprint(weakMapMethods) : tagTester('WeakMap');
  var isSet = isIE11 ? ie11fingerprint(setMethods) : tagTester('Set');
  var isWeakSet = tagTester('WeakSet');

  // Retrieve the values of an object's properties.
  function values(obj) {
    var _keys = keys(obj);
    var length = _keys.length;
    var values = Array(length);
    for (var i = 0; i < length; i++) {
      values[i] = obj[_keys[i]];
    }
    return values;
  }

  // Convert an object into a list of `[key, value]` pairs.
  // The opposite of `_.object` with one argument.
  function pairs(obj) {
    var _keys = keys(obj);
    var length = _keys.length;
    var pairs = Array(length);
    for (var i = 0; i < length; i++) {
      pairs[i] = [_keys[i], obj[_keys[i]]];
    }
    return pairs;
  }

  // Invert the keys and values of an object. The values must be serializable.
  function invert(obj) {
    var result = {};
    var _keys = keys(obj);
    for (var i = 0, length = _keys.length; i < length; i++) {
      result[obj[_keys[i]]] = _keys[i];
    }
    return result;
  }

  // Return a sorted list of the function names available on the object.
  function functions(obj) {
    var names = [];
    for (var key in obj) {
      if (isFunction$1(obj[key])) names.push(key);
    }
    return names.sort();
  }

  // An internal function for creating assigner functions.
  function createAssigner(keysFunc, defaults) {
    return function (obj) {
      var length = arguments.length;
      if (defaults) obj = Object(obj);
      if (length < 2 || obj == null) return obj;
      for (var index = 1; index < length; index++) {
        var source = arguments[index],
          keys = keysFunc(source),
          l = keys.length;
        for (var i = 0; i < l; i++) {
          var key = keys[i];
          if (!defaults || obj[key] === void 0) obj[key] = source[key];
        }
      }
      return obj;
    };
  }

  // Extend a given object with all the properties in passed-in object(s).
  var extend = createAssigner(allKeys);

  // Assigns a given object with all the own properties in the passed-in
  // object(s).
  // (https://developer.mozilla.org/docs/Web/JavaScript/Reference/Global_Objects/Object/assign)
  var extendOwn = createAssigner(keys);

  // Fill in a given object with default properties.
  var defaults = createAssigner(allKeys, true);

  // Create a naked function reference for surrogate-prototype-swapping.
  function ctor() {
    return function () {};
  }

  // An internal function for creating a new object that inherits from another.
  function baseCreate(prototype) {
    if (!isObject(prototype)) return {};
    if (nativeCreate) return nativeCreate(prototype);
    var Ctor = ctor();
    Ctor.prototype = prototype;
    var result = new Ctor();
    Ctor.prototype = null;
    return result;
  }

  // Creates an object that inherits from the given prototype object.
  // If additional properties are provided then they will be added to the
  // created object.
  function create(prototype, props) {
    var result = baseCreate(prototype);
    if (props) extendOwn(result, props);
    return result;
  }

  // Create a (shallow-cloned) duplicate of an object.
  function clone(obj) {
    if (!isObject(obj)) return obj;
    return isArray(obj) ? obj.slice() : extend({}, obj);
  }

  // Invokes `interceptor` with the `obj` and then returns `obj`.
  // The primary purpose of this method is to "tap into" a method chain, in
  // order to perform operations on intermediate results within the chain.
  function tap(obj, interceptor) {
    interceptor(obj);
    return obj;
  }

  // Normalize a (deep) property `path` to array.
  // Like `_.iteratee`, this function can be customized.
  function toPath$1(path) {
    return isArray(path) ? path : [path];
  }
  _$1.toPath = toPath$1;

  // Internal wrapper for `_.toPath` to enable minification.
  // Similar to `cb` for `_.iteratee`.
  function toPath(path) {
    return _$1.toPath(path);
  }

  // Internal function to obtain a nested property in `obj` along `path`.
  function deepGet(obj, path) {
    var length = path.length;
    for (var i = 0; i < length; i++) {
      if (obj == null) return void 0;
      obj = obj[path[i]];
    }
    return length ? obj : void 0;
  }

  // Get the value of the (deep) property on `path` from `object`.
  // If any property in `path` does not exist or if the value is
  // `undefined`, return `defaultValue` instead.
  // The `path` is normalized through `_.toPath`.
  function get(object, path, defaultValue) {
    var value = deepGet(object, toPath(path));
    return isUndefined(value) ? defaultValue : value;
  }

  // Shortcut function for checking if an object has a given property directly on
  // itself (in other words, not on a prototype). Unlike the internal `has`
  // function, this public version can also traverse nested properties.
  function has(obj, path) {
    path = toPath(path);
    var length = path.length;
    for (var i = 0; i < length; i++) {
      var key = path[i];
      if (!has$1(obj, key)) return false;
      obj = obj[key];
    }
    return !!length;
  }

  // Keep the identity function around for default iteratees.
  function identity(value) {
    return value;
  }

  // Returns a predicate for checking whether an object has a given set of
  // `key:value` pairs.
  function matcher(attrs) {
    attrs = extendOwn({}, attrs);
    return function (obj) {
      return isMatch(obj, attrs);
    };
  }

  // Creates a function that, when passed an object, will traverse that object’s
  // properties down the given `path`, specified as an array of keys or indices.
  function property(path) {
    path = toPath(path);
    return function (obj) {
      return deepGet(obj, path);
    };
  }

  // Internal function that returns an efficient (for current engines) version
  // of the passed-in callback, to be repeatedly applied in other Underscore
  // functions.
  function optimizeCb(func, context, argCount) {
    if (context === void 0) return func;
    switch (argCount == null ? 3 : argCount) {
      case 1:
        return function (value) {
          return func.call(context, value);
        };
      // The 2-argument case is omitted because we’re not using it.
      case 3:
        return function (value, index, collection) {
          return func.call(context, value, index, collection);
        };
      case 4:
        return function (accumulator, value, index, collection) {
          return func.call(context, accumulator, value, index, collection);
        };
    }
    return function () {
      return func.apply(context, arguments);
    };
  }

  // An internal function to generate callbacks that can be applied to each
  // element in a collection, returning the desired result — either `_.identity`,
  // an arbitrary callback, a property matcher, or a property accessor.
  function baseIteratee(value, context, argCount) {
    if (value == null) return identity;
    if (isFunction$1(value)) return optimizeCb(value, context, argCount);
    if (isObject(value) && !isArray(value)) return matcher(value);
    return property(value);
  }

  // External wrapper for our callback generator. Users may customize
  // `_.iteratee` if they want additional predicate/iteratee shorthand styles.
  // This abstraction hides the internal-only `argCount` argument.
  function iteratee(value, context) {
    return baseIteratee(value, context, Infinity);
  }
  _$1.iteratee = iteratee;

  // The function we call internally to generate a callback. It invokes
  // `_.iteratee` if overridden, otherwise `baseIteratee`.
  function cb(value, context, argCount) {
    if (_$1.iteratee !== iteratee) return _$1.iteratee(value, context);
    return baseIteratee(value, context, argCount);
  }

  // Returns the results of applying the `iteratee` to each element of `obj`.
  // In contrast to `_.map` it returns an object.
  function mapObject(obj, iteratee, context) {
    iteratee = cb(iteratee, context);
    var _keys = keys(obj),
      length = _keys.length,
      results = {};
    for (var index = 0; index < length; index++) {
      var currentKey = _keys[index];
      results[currentKey] = iteratee(obj[currentKey], currentKey, obj);
    }
    return results;
  }

  // Predicate-generating function. Often useful outside of Underscore.
  function noop() {}

  // Generates a function for a given object that returns a given property.
  function propertyOf(obj) {
    if (obj == null) return noop;
    return function (path) {
      return get(obj, path);
    };
  }

  // Run a function **n** times.
  function times(n, iteratee, context) {
    var accum = Array(Math.max(0, n));
    iteratee = optimizeCb(iteratee, context, 1);
    for (var i = 0; i < n; i++) accum[i] = iteratee(i);
    return accum;
  }

  // Return a random integer between `min` and `max` (inclusive).
  function random(min, max) {
    if (max == null) {
      max = min;
      min = 0;
    }
    return min + Math.floor(Math.random() * (max - min + 1));
  }

  // A (possibly faster) way to get the current timestamp as an integer.
  var now = Date.now || function () {
    return new Date().getTime();
  };

  // Internal helper to generate functions for escaping and unescaping strings
  // to/from HTML interpolation.
  function createEscaper(map) {
    var escaper = function escaper(match) {
      return map[match];
    };
    // Regexes for identifying a key that needs to be escaped.
    var source = '(?:' + keys(map).join('|') + ')';
    var testRegexp = RegExp(source);
    var replaceRegexp = RegExp(source, 'g');
    return function (string) {
      string = string == null ? '' : '' + string;
      return testRegexp.test(string) ? string.replace(replaceRegexp, escaper) : string;
    };
  }

  // Internal list of HTML entities for escaping.
  var escapeMap = {
    '&': '&amp;',
    '<': '&lt;',
    '>': '&gt;',
    '"': '&quot;',
    "'": '&#x27;',
    '`': '&#x60;'
  };

  // Function for escaping strings to HTML interpolation.
  var _escape = createEscaper(escapeMap);

  // Internal list of HTML entities for unescaping.
  var unescapeMap = invert(escapeMap);

  // Function for unescaping strings from HTML interpolation.
  var _unescape = createEscaper(unescapeMap);

  // By default, Underscore uses ERB-style template delimiters. Change the
  // following template settings to use alternative delimiters.
  var templateSettings = _$1.templateSettings = {
    evaluate: /<%([\s\S]+?)%>/g,
    interpolate: /<%=([\s\S]+?)%>/g,
    escape: /<%-([\s\S]+?)%>/g
  };

  // When customizing `_.templateSettings`, if you don't want to define an
  // interpolation, evaluation or escaping regex, we need one that is
  // guaranteed not to match.
  var noMatch = /(.)^/;

  // Certain characters need to be escaped so that they can be put into a
  // string literal.
  var escapes = {
    "'": "'",
    '\\': '\\',
    '\r': 'r',
    '\n': 'n',
    "\u2028": 'u2028',
    "\u2029": 'u2029'
  };
  var escapeRegExp = /\\|'|\r|\n|\u2028|\u2029/g;
  function escapeChar(match) {
    return '\\' + escapes[match];
  }

  // In order to prevent third-party code injection through
  // `_.templateSettings.variable`, we test it against the following regular
  // expression. It is intentionally a bit more liberal than just matching valid
  // identifiers, but still prevents possible loopholes through defaults or
  // destructuring assignment.
  var bareIdentifier = /^\s*(\w|\$)+\s*$/;

  // JavaScript micro-templating, similar to John Resig's implementation.
  // Underscore templating handles arbitrary delimiters, preserves whitespace,
  // and correctly escapes quotes within interpolated code.
  // NB: `oldSettings` only exists for backwards compatibility.
  function template(text, settings, oldSettings) {
    if (!settings && oldSettings) settings = oldSettings;
    settings = defaults({}, settings, _$1.templateSettings);

    // Combine delimiters into one regular expression via alternation.
    var matcher = RegExp([(settings.escape || noMatch).source, (settings.interpolate || noMatch).source, (settings.evaluate || noMatch).source].join('|') + '|$', 'g');

    // Compile the template source, escaping string literals appropriately.
    var index = 0;
    var source = "__p+='";
    text.replace(matcher, function (match, escape, interpolate, evaluate, offset) {
      source += text.slice(index, offset).replace(escapeRegExp, escapeChar);
      index = offset + match.length;
      if (escape) {
        source += "'+\n((__t=(" + escape + "))==null?'':_.escape(__t))+\n'";
      } else if (interpolate) {
        source += "'+\n((__t=(" + interpolate + "))==null?'':__t)+\n'";
      } else if (evaluate) {
        source += "';\n" + evaluate + "\n__p+='";
      }

      // Adobe VMs need the match returned to produce the correct offset.
      return match;
    });
    source += "';\n";
    var argument = settings.variable;
    if (argument) {
      // Insure against third-party code injection. (CVE-2021-23358)
      if (!bareIdentifier.test(argument)) throw new Error('variable is not a bare identifier: ' + argument);
    } else {
      // If a variable is not specified, place data values in local scope.
      source = 'with(obj||{}){\n' + source + '}\n';
      argument = 'obj';
    }
    source = "var __t,__p='',__j=Array.prototype.join," + "print=function(){__p+=__j.call(arguments,'');};\n" + source + 'return __p;\n';
    var render;
    try {
      render = new Function(argument, '_', source);
    } catch (e) {
      e.source = source;
      throw e;
    }
    var template = function template(data) {
      return render.call(this, data, _$1);
    };

    // Provide the compiled source as a convenience for precompilation.
    template.source = 'function(' + argument + '){\n' + source + '}';
    return template;
  }

  // Traverses the children of `obj` along `path`. If a child is a function, it
  // is invoked with its parent as context. Returns the value of the final
  // child, or `fallback` if any child is undefined.
  function result(obj, path, fallback) {
    path = toPath(path);
    var length = path.length;
    if (!length) {
      return isFunction$1(fallback) ? fallback.call(obj) : fallback;
    }
    for (var i = 0; i < length; i++) {
      var prop = obj == null ? void 0 : obj[path[i]];
      if (prop === void 0) {
        prop = fallback;
        i = length; // Ensure we don't continue iterating.
      }
      obj = isFunction$1(prop) ? prop.call(obj) : prop;
    }
    return obj;
  }

  // Generate a unique integer id (unique within the entire client session).
  // Useful for temporary DOM ids.
  var idCounter = 0;
  function uniqueId(prefix) {
    var id = ++idCounter + '';
    return prefix ? prefix + id : id;
  }

  // Start chaining a wrapped Underscore object.
  function chain(obj) {
    var instance = _$1(obj);
    instance._chain = true;
    return instance;
  }

  // Internal function to execute `sourceFunc` bound to `context` with optional
  // `args`. Determines whether to execute a function as a constructor or as a
  // normal function.
  function executeBound(sourceFunc, boundFunc, context, callingContext, args) {
    if (!(callingContext instanceof boundFunc)) return sourceFunc.apply(context, args);
    var self = baseCreate(sourceFunc.prototype);
    var result = sourceFunc.apply(self, args);
    if (isObject(result)) return result;
    return self;
  }

  // Partially apply a function by creating a version that has had some of its
  // arguments pre-filled, without changing its dynamic `this` context. `_` acts
  // as a placeholder by default, allowing any combination of arguments to be
  // pre-filled. Set `_.partial.placeholder` for a custom placeholder argument.
  var partial = restArguments(function (func, boundArgs) {
    var placeholder = partial.placeholder;
    var bound = function bound() {
      var position = 0,
        length = boundArgs.length;
      var args = Array(length);
      for (var i = 0; i < length; i++) {
        args[i] = boundArgs[i] === placeholder ? arguments[position++] : boundArgs[i];
      }
      while (position < arguments.length) args.push(arguments[position++]);
      return executeBound(func, bound, this, this, args);
    };
    return bound;
  });
  partial.placeholder = _$1;

  // Create a function bound to a given object (assigning `this`, and arguments,
  // optionally).
  var bind = restArguments(function (func, context, args) {
    if (!isFunction$1(func)) throw new TypeError('Bind must be called on a function');
    var bound = restArguments(function (callArgs) {
      return executeBound(func, bound, context, this, args.concat(callArgs));
    });
    return bound;
  });

  // Internal helper for collection methods to determine whether a collection
  // should be iterated as an array or as an object.
  // Related: https://people.mozilla.org/~jorendorff/es6-draft.html#sec-tolength
  // Avoids a very nasty iOS 8 JIT bug on ARM-64. #2094
  var isArrayLike = createSizePropertyCheck(getLength);

  // Internal implementation of a recursive `flatten` function.
  function flatten$1(input, depth, strict, output) {
    output = output || [];
    if (!depth && depth !== 0) {
      depth = Infinity;
    } else if (depth <= 0) {
      return output.concat(input);
    }
    var idx = output.length;
    for (var i = 0, length = getLength(input); i < length; i++) {
      var value = input[i];
      if (isArrayLike(value) && (isArray(value) || isArguments$1(value))) {
        // Flatten current level of array or arguments object.
        if (depth > 1) {
          flatten$1(value, depth - 1, strict, output);
          idx = output.length;
        } else {
          var j = 0,
            len = value.length;
          while (j < len) output[idx++] = value[j++];
        }
      } else if (!strict) {
        output[idx++] = value;
      }
    }
    return output;
  }

  // Bind a number of an object's methods to that object. Remaining arguments
  // are the method names to be bound. Useful for ensuring that all callbacks
  // defined on an object belong to it.
  var bindAll = restArguments(function (obj, keys) {
    keys = flatten$1(keys, false, false);
    var index = keys.length;
    if (index < 1) throw new Error('bindAll must be passed function names');
    while (index--) {
      var key = keys[index];
      obj[key] = bind(obj[key], obj);
    }
    return obj;
  });

  // Memoize an expensive function by storing its results.
  function memoize(func, hasher) {
    var memoize = function memoize(key) {
      var cache = memoize.cache;
      var address = '' + (hasher ? hasher.apply(this, arguments) : key);
      if (!has$1(cache, address)) cache[address] = func.apply(this, arguments);
      return cache[address];
    };
    memoize.cache = {};
    return memoize;
  }

  // Delays a function for the given number of milliseconds, and then calls
  // it with the arguments supplied.
  var delay = restArguments(function (func, wait, args) {
    return setTimeout(function () {
      return func.apply(null, args);
    }, wait);
  });

  // Defers a function, scheduling it to run after the current call stack has
  // cleared.
  var defer = partial(delay, _$1, 1);

  // 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.
  function throttle(func, wait, options) {
    var timeout, context, args, result;
    var previous = 0;
    if (!options) options = {};
    var later = function later() {
      previous = options.leading === false ? 0 : now();
      timeout = null;
      result = func.apply(context, args);
      if (!timeout) context = args = null;
    };
    var throttled = function throttled() {
      var _now = now();
      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;
  }

  // When a sequence of calls of the returned function ends, the argument
  // function is triggered. The end of a sequence is defined by the `wait`
  // parameter. If `immediate` is passed, the argument function will be
  // triggered at the beginning of the sequence instead of at the end.
  function debounce(func, wait, immediate) {
    var timeout, previous, args, result, context;
    var later = function later() {
      var passed = now() - previous;
      if (wait > passed) {
        timeout = setTimeout(later, wait - passed);
      } else {
        timeout = null;
        if (!immediate) result = func.apply(context, args);
        // This check is needed because `func` can recursively invoke `debounced`.
        if (!timeout) args = context = null;
      }
    };
    var debounced = restArguments(function (_args) {
      context = this;
      args = _args;
      previous = now();
      if (!timeout) {
        timeout = setTimeout(later, wait);
        if (immediate) result = func.apply(context, args);
      }
      return result;
    });
    debounced.cancel = function () {
      clearTimeout(timeout);
      timeout = args = context = null;
    };
    return debounced;
  }

  // Returns the first function passed as an argument to the second,
  // allowing you to adjust arguments, run code before and after, and
  // conditionally execute the original function.
  function wrap(func, wrapper) {
    return partial(wrapper, func);
  }

  // Returns a negated version of the passed-in predicate.
  function negate(predicate) {
    return function () {
      return !predicate.apply(this, arguments);
    };
  }

  // Returns a function that is the composition of a list of functions, each
  // consuming the return value of the function that follows.
  function compose() {
    var args = arguments;
    var start = args.length - 1;
    return function () {
      var i = start;
      var result = args[start].apply(this, arguments);
      while (i--) result = args[i].call(this, result);
      return result;
    };
  }

  // Returns a function that will only be executed on and after the Nth call.
  function after(times, func) {
    return function () {
      if (--times < 1) {
        return func.apply(this, arguments);
      }
    };
  }

  // Returns a function that will only be executed up to (but not including) the
  // Nth call.
  function before(times, func) {
    var memo;
    return function () {
      if (--times > 0) {
        memo = func.apply(this, arguments);
      }
      if (times <= 1) func = null;
      return memo;
    };
  }

  // Returns a function that will be executed at most one time, no matter how
  // often you call it. Useful for lazy initialization.
  var once = partial(before, 2);

  // Returns the first key on an object that passes a truth test.
  function findKey(obj, predicate, context) {
    predicate = cb(predicate, context);
    var _keys = keys(obj),
      key;
    for (var i = 0, length = _keys.length; i < length; i++) {
      key = _keys[i];
      if (predicate(obj[key], key, obj)) return key;
    }
  }

  // Internal function to generate `_.findIndex` and `_.findLastIndex`.
  function createPredicateIndexFinder(dir) {
    return function (array, predicate, context) {
      predicate = cb(predicate, context);
      var length = getLength(array);
      var index = dir > 0 ? 0 : length - 1;
      for (; index >= 0 && index < length; index += dir) {
        if (predicate(array[index], index, array)) return index;
      }
      return -1;
    };
  }

  // Returns the first index on an array-like that passes a truth test.
  var findIndex = createPredicateIndexFinder(1);

  // Returns the last index on an array-like that passes a truth test.
  var findLastIndex = createPredicateIndexFinder(-1);

  // Use a comparator function to figure out the smallest index at which
  // an object should be inserted so as to maintain order. Uses binary search.
  function sortedIndex(array, obj, iteratee, context) {
    iteratee = cb(iteratee, context, 1);
    var value = iteratee(obj);
    var low = 0,
      high = getLength(array);
    while (low < high) {
      var mid = Math.floor((low + high) / 2);
      if (iteratee(array[mid]) < value) low = mid + 1;else high = mid;
    }
    return low;
  }

  // Internal function to generate the `_.indexOf` and `_.lastIndexOf` functions.
  function createIndexFinder(dir, predicateFind, sortedIndex) {
    return function (array, item, idx) {
      var i = 0,
        length = getLength(array);
      if (typeof idx == 'number') {
        if (dir > 0) {
          i = idx >= 0 ? idx : Math.max(idx + length, i);
        } else {
          length = idx >= 0 ? Math.min(idx + 1, length) : idx + length + 1;
        }
      } else if (sortedIndex && idx && length) {
        idx = sortedIndex(array, item);
        return array[idx] === item ? idx : -1;
      }
      if (item !== item) {
        idx = predicateFind(slice.call(array, i, length), isNaN$1);
        return idx >= 0 ? idx + i : -1;
      }
      for (idx = dir > 0 ? i : length - 1; idx >= 0 && idx < length; idx += dir) {
        if (array[idx] === item) return idx;
      }
      return -1;
    };
  }

  // Return the position of the first occurrence of an item in an array,
  // or -1 if the item is not included in the array.
  // If the array is large and already in sort order, pass `true`
  // for **isSorted** to use binary search.
  var indexOf = createIndexFinder(1, findIndex, sortedIndex);

  // Return the position of the last occurrence of an item in an array,
  // or -1 if the item is not included in the array.
  var lastIndexOf = createIndexFinder(-1, findLastIndex);

  // Return the first value which passes a truth test.
  function find(obj, predicate, context) {
    var keyFinder = isArrayLike(obj) ? findIndex : findKey;
    var key = keyFinder(obj, predicate, context);
    if (key !== void 0 && key !== -1) return obj[key];
  }

  // Convenience version of a common use case of `_.find`: getting the first
  // object containing specific `key:value` pairs.
  function findWhere(obj, attrs) {
    return find(obj, matcher(attrs));
  }

  // The cornerstone for collection functions, an `each`
  // implementation, aka `forEach`.
  // Handles raw objects in addition to array-likes. Treats all
  // sparse array-likes as if they were dense.
  function each(obj, iteratee, context) {
    iteratee = optimizeCb(iteratee, context);
    var i, length;
    if (isArrayLike(obj)) {
      for (i = 0, length = obj.length; i < length; i++) {
        iteratee(obj[i], i, obj);
      }
    } else {
      var _keys = keys(obj);
      for (i = 0, length = _keys.length; i < length; i++) {
        iteratee(obj[_keys[i]], _keys[i], obj);
      }
    }
    return obj;
  }

  // Return the results of applying the iteratee to each element.
  function map(obj, iteratee, context) {
    iteratee = cb(iteratee, context);
    var _keys = !isArrayLike(obj) && keys(obj),
      length = (_keys || obj).length,
      results = Array(length);
    for (var index = 0; index < length; index++) {
      var currentKey = _keys ? _keys[index] : index;
      results[index] = iteratee(obj[currentKey], currentKey, obj);
    }
    return results;
  }

  // Internal helper to create a reducing function, iterating left or right.
  function createReduce(dir) {
    // Wrap code that reassigns argument variables in a separate function than
    // the one that accesses `arguments.length` to avoid a perf hit. (#1991)
    var reducer = function reducer(obj, iteratee, memo, initial) {
      var _keys = !isArrayLike(obj) && keys(obj),
        length = (_keys || obj).length,
        index = dir > 0 ? 0 : length - 1;
      if (!initial) {
        memo = obj[_keys ? _keys[index] : index];
        index += dir;
      }
      for (; index >= 0 && index < length; index += dir) {
        var currentKey = _keys ? _keys[index] : index;
        memo = iteratee(memo, obj[currentKey], currentKey, obj);
      }
      return memo;
    };
    return function (obj, iteratee, memo, context) {
      var initial = arguments.length >= 3;
      return reducer(obj, optimizeCb(iteratee, context, 4), memo, initial);
    };
  }

  // **Reduce** builds up a single result from a list of values, aka `inject`,
  // or `foldl`.
  var reduce = createReduce(1);

  // The right-associative version of reduce, also known as `foldr`.
  var reduceRight = createReduce(-1);

  // Return all the elements that pass a truth test.
  function filter(obj, predicate, context) {
    var results = [];
    predicate = cb(predicate, context);
    each(obj, function (value, index, list) {
      if (predicate(value, index, list)) results.push(value);
    });
    return results;
  }

  // Return all the elements for which a truth test fails.
  function reject(obj, predicate, context) {
    return filter(obj, negate(cb(predicate)), context);
  }

  // Determine whether all of the elements pass a truth test.
  function every(obj, predicate, context) {
    predicate = cb(predicate, context);
    var _keys = !isArrayLike(obj) && keys(obj),
      length = (_keys || obj).length;
    for (var index = 0; index < length; index++) {
      var currentKey = _keys ? _keys[index] : index;
      if (!predicate(obj[currentKey], currentKey, obj)) return false;
    }
    return true;
  }

  // Determine if at least one element in the object passes a truth test.
  function some(obj, predicate, context) {
    predicate = cb(predicate, context);
    var _keys = !isArrayLike(obj) && keys(obj),
      length = (_keys || obj).length;
    for (var index = 0; index < length; index++) {
      var currentKey = _keys ? _keys[index] : index;
      if (predicate(obj[currentKey], currentKey, obj)) return true;
    }
    return false;
  }

  // Determine if the array or object contains a given item (using `===`).
  function contains(obj, item, fromIndex, guard) {
    if (!isArrayLike(obj)) obj = values(obj);
    if (typeof fromIndex != 'number' || guard) fromIndex = 0;
    return indexOf(obj, item, fromIndex) >= 0;
  }

  // Invoke a method (with arguments) on every item in a collection.
  var invoke = restArguments(function (obj, path, args) {
    var contextPath, func;
    if (isFunction$1(path)) {
      func = path;
    } else {
      path = toPath(path);
      contextPath = path.slice(0, -1);
      path = path[path.length - 1];
    }
    return map(obj, function (context) {
      var method = func;
      if (!method) {
        if (contextPath && contextPath.length) {
          context = deepGet(context, contextPath);
        }
        if (context == null) return void 0;
        method = context[path];
      }
      return method == null ? method : method.apply(context, args);
    });
  });

  // Convenience version of a common use case of `_.map`: fetching a property.
  function pluck(obj, key) {
    return map(obj, property(key));
  }

  // Convenience version of a common use case of `_.filter`: selecting only
  // objects containing specific `key:value` pairs.
  function where(obj, attrs) {
    return filter(obj, matcher(attrs));
  }

  // Return the maximum element (or element-based computation).
  function max(obj, iteratee, context) {
    var result = -Infinity,
      lastComputed = -Infinity,
      value,
      computed;
    if (iteratee == null || typeof iteratee == 'number' && _typeof(obj[0]) != 'object' && obj != null) {
      obj = isArrayLike(obj) ? obj : values(obj);
      for (var i = 0, length = obj.length; i < length; i++) {
        value = obj[i];
        if (value != null && value > result) {
          result = value;
        }
      }
    } else {
      iteratee = cb(iteratee, context);
      each(obj, function (v, index, list) {
        computed = iteratee(v, index, list);
        if (computed > lastComputed || computed === -Infinity && result === -Infinity) {
          result = v;
          lastComputed = computed;
        }
      });
    }
    return result;
  }

  // Return the minimum element (or element-based computation).
  function min(obj, iteratee, context) {
    var result = Infinity,
      lastComputed = Infinity,
      value,
      computed;
    if (iteratee == null || typeof iteratee == 'number' && _typeof(obj[0]) != 'object' && obj != null) {
      obj = isArrayLike(obj) ? obj : values(obj);
      for (var i = 0, length = obj.length; i < length; i++) {
        value = obj[i];
        if (value != null && value < result) {
          result = value;
        }
      }
    } else {
      iteratee = cb(iteratee, context);
      each(obj, function (v, index, list) {
        computed = iteratee(v, index, list);
        if (computed < lastComputed || computed === Infinity && result === Infinity) {
          result = v;
          lastComputed = computed;
        }
      });
    }
    return result;
  }

  // Safely create a real, live array from anything iterable.
  var reStrSymbol = /[^\ud800-\udfff]|[\ud800-\udbff][\udc00-\udfff]|[\ud800-\udfff]/g;
  function toArray(obj) {
    if (!obj) return [];
    if (isArray(obj)) return slice.call(obj);
    if (isString(obj)) {
      // Keep surrogate pair characters together.
      return obj.match(reStrSymbol);
    }
    if (isArrayLike(obj)) return map(obj, identity);
    return values(obj);
  }

  // Sample **n** random values from a collection using the modern version of the
  // [Fisher-Yates shuffle](https://en.wikipedia.org/wiki/Fisher–Yates_shuffle).
  // If **n** is not specified, returns a single random element.
  // The internal `guard` argument allows it to work with `_.map`.
  function sample(obj, n, guard) {
    if (n == null || guard) {
      if (!isArrayLike(obj)) obj = values(obj);
      return obj[random(obj.length - 1)];
    }
    var sample = toArray(obj);
    var length = getLength(sample);
    n = Math.max(Math.min(n, length), 0);
    var last = length - 1;
    for (var index = 0; index < n; index++) {
      var rand = random(index, last);
      var temp = sample[index];
      sample[index] = sample[rand];
      sample[rand] = temp;
    }
    return sample.slice(0, n);
  }

  // Shuffle a collection.
  function shuffle(obj) {
    return sample(obj, Infinity);
  }

  // Sort the object's values by a criterion produced by an iteratee.
  function sortBy(obj, iteratee, context) {
    var index = 0;
    iteratee = cb(iteratee, context);
    return pluck(map(obj, function (value, key, list) {
      return {
        value: value,
        index: index++,
        criteria: iteratee(value, key, list)
      };
    }).sort(function (left, right) {
      var a = left.criteria;
      var b = right.criteria;
      if (a !== b) {
        if (a > b || a === void 0) return 1;
        if (a < b || b === void 0) return -1;
      }
      return left.index - right.index;
    }), 'value');
  }

  // An internal function used for aggregate "group by" operations.
  function group(behavior, partition) {
    return function (obj, iteratee, context) {
      var result = partition ? [[], []] : {};
      iteratee = cb(iteratee, context);
      each(obj, function (value, index) {
        var key = iteratee(value, index, obj);
        behavior(result, value, key);
      });
      return result;
    };
  }

  // Groups the object's values by a criterion. Pass either a string attribute
  // to group by, or a function that returns the criterion.
  var groupBy = group(function (result, value, key) {
    if (has$1(result, key)) result[key].push(value);else result[key] = [value];
  });

  // Indexes the object's values by a criterion, similar to `_.groupBy`, but for
  // when you know that your index values will be unique.
  var indexBy = group(function (result, value, key) {
    result[key] = value;
  });

  // Counts instances of an object that group by a certain criterion. Pass
  // either a string attribute to count by, or a function that returns the
  // criterion.
  var countBy = group(function (result, value, key) {
    if (has$1(result, key)) result[key]++;else result[key] = 1;
  });

  // Split a collection into two arrays: one whose elements all pass the given
  // truth test, and one whose elements all do not pass the truth test.
  var partition = group(function (result, value, pass) {
    result[pass ? 0 : 1].push(value);
  }, true);

  // Return the number of elements in a collection.
  function size(obj) {
    if (obj == null) return 0;
    return isArrayLike(obj) ? obj.length : keys(obj).length;
  }

  // Internal `_.pick` helper function to determine whether `key` is an enumerable
  // property name of `obj`.
  function keyInObj(value, key, obj) {
    return key in obj;
  }

  // Return a copy of the object only containing the allowed properties.
  var pick = restArguments(function (obj, keys) {
    var result = {},
      iteratee = keys[0];
    if (obj == null) return result;
    if (isFunction$1(iteratee)) {
      if (keys.length > 1) iteratee = optimizeCb(iteratee, keys[1]);
      keys = allKeys(obj);
    } else {
      iteratee = keyInObj;
      keys = flatten$1(keys, false, false);
      obj = Object(obj);
    }
    for (var i = 0, length = keys.length; i < length; i++) {
      var key = keys[i];
      var value = obj[key];
      if (iteratee(value, key, obj)) result[key] = value;
    }
    return result;
  });

  // Return a copy of the object without the disallowed properties.
  var omit = restArguments(function (obj, keys) {
    var iteratee = keys[0],
      context;
    if (isFunction$1(iteratee)) {
      iteratee = negate(iteratee);
      if (keys.length > 1) context = keys[1];
    } else {
      keys = map(flatten$1(keys, false, false), String);
      iteratee = function iteratee(value, key) {
        return !contains(keys, key);
      };
    }
    return pick(obj, iteratee, context);
  });

  // Returns everything but the last entry of the array. Especially useful on
  // the arguments object. Passing **n** will return all the values in
  // the array, excluding the last N.
  function initial(array, n, guard) {
    return slice.call(array, 0, Math.max(0, array.length - (n == null || guard ? 1 : n)));
  }

  // Get the first element of an array. Passing **n** will return the first N
  // values in the array. The **guard** check allows it to work with `_.map`.
  function first(array, n, guard) {
    if (array == null || array.length < 1) return n == null || guard ? void 0 : [];
    if (n == null || guard) return array[0];
    return initial(array, array.length - n);
  }

  // Returns everything but the first entry of the `array`. Especially useful on
  // the `arguments` object. Passing an **n** will return the rest N values in the
  // `array`.
  function rest(array, n, guard) {
    return slice.call(array, n == null || guard ? 1 : n);
  }

  // Get the last element of an array. Passing **n** will return the last N
  // values in the array.
  function last(array, n, guard) {
    if (array == null || array.length < 1) return n == null || guard ? void 0 : [];
    if (n == null || guard) return array[array.length - 1];
    return rest(array, Math.max(0, array.length - n));
  }

  // Trim out all falsy values from an array.
  function compact(array) {
    return filter(array, Boolean);
  }

  // Flatten out an array, either recursively (by default), or up to `depth`.
  // Passing `true` or `false` as `depth` means `1` or `Infinity`, respectively.
  function flatten(array, depth) {
    return flatten$1(array, depth, false);
  }

  // Take the difference between one array and a number of other arrays.
  // Only the elements present in just the first array will remain.
  var difference = restArguments(function (array, rest) {
    rest = flatten$1(rest, true, true);
    return filter(array, function (value) {
      return !contains(rest, value);
    });
  });

  // Return a version of the array that does not contain the specified value(s).
  var without = restArguments(function (array, otherArrays) {
    return difference(array, otherArrays);
  });

  // Produce a duplicate-free version of the array. If the array has already
  // been sorted, you have the option of using a faster algorithm.
  // The faster algorithm will not work with an iteratee if the iteratee
  // is not a one-to-one function, so providing an iteratee will disable
  // the faster algorithm.
  function uniq(array, isSorted, iteratee, context) {
    if (!isBoolean(isSorted)) {
      context = iteratee;
      iteratee = isSorted;
      isSorted = false;
    }
    if (iteratee != null) iteratee = cb(iteratee, context);
    var result = [];
    var seen = [];
    for (var i = 0, length = getLength(array); i < length; i++) {
      var value = array[i],
        computed = iteratee ? iteratee(value, i, array) : value;
      if (isSorted && !iteratee) {
        if (!i || seen !== computed) result.push(value);
        seen = computed;
      } else if (iteratee) {
        if (!contains(seen, computed)) {
          seen.push(computed);
          result.push(value);
        }
      } else if (!contains(result, value)) {
        result.push(value);
      }
    }
    return result;
  }

  // Produce an array that contains the union: each distinct element from all of
  // the passed-in arrays.
  var union = restArguments(function (arrays) {
    return uniq(flatten$1(arrays, true, true));
  });

  // Produce an array that contains every item shared between all the
  // passed-in arrays.
  function intersection(array) {
    var result = [];
    var argsLength = arguments.length;
    for (var i = 0, length = getLength(array); i < length; i++) {
      var item = array[i];
      if (contains(result, item)) continue;
      var j;
      for (j = 1; j < argsLength; j++) {
        if (!contains(arguments[j], item)) break;
      }
      if (j === argsLength) result.push(item);
    }
    return result;
  }

  // Complement of zip. Unzip accepts an array of arrays and groups
  // each array's elements on shared indices.
  function unzip(array) {
    var length = array && max(array, getLength).length || 0;
    var result = Array(length);
    for (var index = 0; index < length; index++) {
      result[index] = pluck(array, index);
    }
    return result;
  }

  // Zip together multiple lists into a single array -- elements that share
  // an index go together.
  var zip = restArguments(unzip);

  // Converts lists into objects. Pass either a single array of `[key, value]`
  // pairs, or two parallel arrays of the same length -- one of keys, and one of
  // the corresponding values. Passing by pairs is the reverse of `_.pairs`.
  function object(list, values) {
    var result = {};
    for (var i = 0, length = getLength(list); i < length; i++) {
      if (values) {
        result[list[i]] = values[i];
      } else {
        result[list[i][0]] = list[i][1];
      }
    }
    return result;
  }

  // Generate an integer Array containing an arithmetic progression. A port of
  // the native Python `range()` function. See
  // [the Python documentation](https://docs.python.org/library/functions.html#range).
  function range(start, stop, step) {
    if (stop == null) {
      stop = start || 0;
      start = 0;
    }
    if (!step) {
      step = stop < start ? -1 : 1;
    }
    var length = Math.max(Math.ceil((stop - start) / step), 0);
    var range = Array(length);
    for (var idx = 0; idx < length; idx++, start += step) {
      range[idx] = start;
    }
    return range;
  }

  // Chunk a single array into multiple arrays, each containing `count` or fewer
  // items.
  function chunk(array, count) {
    if (count == null || count < 1) return [];
    var result = [];
    var i = 0,
      length = array.length;
    while (i < length) {
      result.push(slice.call(array, i, i += count));
    }
    return result;
  }

  // Helper function to continue chaining intermediate results.
  function chainResult(instance, obj) {
    return instance._chain ? _$1(obj).chain() : obj;
  }

  // Add your own custom functions to the Underscore object.
  function mixin(obj) {
    each(functions(obj), function (name) {
      var func = _$1[name] = obj[name];
      _$1.prototype[name] = function () {
        var args = [this._wrapped];
        push.apply(args, arguments);
        return chainResult(this, func.apply(_$1, args));
      };
    });
    return _$1;
  }

  // Add all mutator `Array` functions to the wrapper.
  each(['pop', 'push', 'reverse', 'shift', 'sort', 'splice', 'unshift'], function (name) {
    var method = ArrayProto[name];
    _$1.prototype[name] = function () {
      var obj = this._wrapped;
      if (obj != null) {
        method.apply(obj, arguments);
        if ((name === 'shift' || name === 'splice') && obj.length === 0) {
          delete obj[0];
        }
      }
      return chainResult(this, obj);
    };
  });

  // Add all accessor `Array` functions to the wrapper.
  each(['concat', 'join', 'slice'], function (name) {
    var method = ArrayProto[name];
    _$1.prototype[name] = function () {
      var obj = this._wrapped;
      if (obj != null) obj = method.apply(obj, arguments);
      return chainResult(this, obj);
    };
  });

  // Named Exports

  var allExports = {
    __proto__: null,
    VERSION: VERSION,
    restArguments: restArguments,
    isObject: isObject,
    isNull: isNull,
    isUndefined: isUndefined,
    isBoolean: isBoolean,
    isElement: isElement,
    isString: isString,
    isNumber: isNumber,
    isDate: isDate,
    isRegExp: isRegExp,
    isError: isError,
    isSymbol: isSymbol,
    isArrayBuffer: isArrayBuffer,
    isDataView: isDataView$1,
    isArray: isArray,
    isFunction: isFunction$1,
    isArguments: isArguments$1,
    isFinite: isFinite$1,
    isNaN: isNaN$1,
    isTypedArray: isTypedArray$1,
    isEmpty: isEmpty,
    isMatch: isMatch,
    isEqual: isEqual,
    isMap: isMap,
    isWeakMap: isWeakMap,
    isSet: isSet,
    isWeakSet: isWeakSet,
    keys: keys,
    allKeys: allKeys,
    values: values,
    pairs: pairs,
    invert: invert,
    functions: functions,
    methods: functions,
    extend: extend,
    extendOwn: extendOwn,
    assign: extendOwn,
    defaults: defaults,
    create: create,
    clone: clone,
    tap: tap,
    get: get,
    has: has,
    mapObject: mapObject,
    identity: identity,
    constant: constant,
    noop: noop,
    toPath: toPath$1,
    property: property,
    propertyOf: propertyOf,
    matcher: matcher,
    matches: matcher,
    times: times,
    random: random,
    now: now,
    escape: _escape,
    unescape: _unescape,
    templateSettings: templateSettings,
    template: template,
    result: result,
    uniqueId: uniqueId,
    chain: chain,
    iteratee: iteratee,
    partial: partial,
    bind: bind,
    bindAll: bindAll,
    memoize: memoize,
    delay: delay,
    defer: defer,
    throttle: throttle,
    debounce: debounce,
    wrap: wrap,
    negate: negate,
    compose: compose,
    after: after,
    before: before,
    once: once,
    findKey: findKey,
    findIndex: findIndex,
    findLastIndex: findLastIndex,
    sortedIndex: sortedIndex,
    indexOf: indexOf,
    lastIndexOf: lastIndexOf,
    find: find,
    detect: find,
    findWhere: findWhere,
    each: each,
    forEach: each,
    map: map,
    collect: map,
    reduce: reduce,
    foldl: reduce,
    inject: reduce,
    reduceRight: reduceRight,
    foldr: reduceRight,
    filter: filter,
    select: filter,
    reject: reject,
    every: every,
    all: every,
    some: some,
    any: some,
    contains: contains,
    includes: contains,
    include: contains,
    invoke: invoke,
    pluck: pluck,
    where: where,
    max: max,
    min: min,
    shuffle: shuffle,
    sample: sample,
    sortBy: sortBy,
    groupBy: groupBy,
    indexBy: indexBy,
    countBy: countBy,
    partition: partition,
    toArray: toArray,
    size: size,
    pick: pick,
    omit: omit,
    first: first,
    head: first,
    take: first,
    initial: initial,
    last: last,
    rest: rest,
    tail: rest,
    drop: rest,
    compact: compact,
    flatten: flatten,
    without: without,
    uniq: uniq,
    unique: uniq,
    union: union,
    intersection: intersection,
    difference: difference,
    unzip: unzip,
    transpose: unzip,
    zip: zip,
    object: object,
    range: range,
    chunk: chunk,
    mixin: mixin,
    'default': _$1
  };

  // Default Export

  // Add all of the Underscore functions to the wrapper object.
  var _ = mixin(allExports);
  // Legacy Node.js API.
  _._ = _;
  return _;
});

}).call(this)}).call(this,typeof global !== "undefined" ? global : typeof self !== "undefined" ? self : typeof window !== "undefined" ? window : {})
},{}],9:[function(require,module,exports){
"use strict";

function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
require("slick-carousel");
require("devbridge-autocomplete");
window.globalError = ('nexansConfig' in window ? window.nexansConfig.errorMessage : '') || 'Sorry the request failed. Please try again later.';

// Require plugins
var jQueryCarousels = require('./plugins/jquery.carousels-simple.js');
var jQueryCarouselsOverlay = require('./plugins/jquery.carousels-overlay.js');
var jQueryGallery = require('./plugins/jquery.carousels-gallery.js');
var jQueryFinance = require('./plugins/jquery.carousels-finance.js');

// Require modules.
var utils = require('./modules/utils.js');
var grid = require('./modules/grid.js');
var accordion = require('./modules/accordion.js');
var sectorExpand = require('./modules/expand-sector.js');
var panelExpand = require('./modules/expand-panel.js');
var scrollAnchorGenerate = require('./modules/scrollAnchorGenerate.js');
var scrollToAnchor = require('./modules/scrollToAnchor.js');
var carousels = require('./modules/carousels.js');
var gallery = require('./modules/gallery.js');
var viewMore = require('./modules/view-more.js');
var quicklinks = require('./modules/quick-access-icons.js');
window.toggleIcon = require('./modules/toggleIcon.js');
var toggleVideo = require('./modules/toggleVideo.js');
var dragSlider = require('./modules/dragSlider.js');
var fixHeight = require('./modules/fix-height.js');
var MainNav = require('./modules/mainNav.js');
var navigationPanel = require('./modules/navigation-panel.js');
var changeList = require('./modules/change-list.js');
var fullPage = require('./modules/fullpage-slider.js');
var addPadding = require('./modules/addPadding.js');
var newsList = require('./modules/news-list.js');
var filterList = require('./modules/filter-subnav.js');
var responsiveTables = require('./modules/responsive-table.js');
var modal = require('./modules/modal.js');
var subscribeNewsletter = require('./modules/suscribe-newsletter.js');
var tableselect = require('./modules/tableselect.js');
var tabs = require('./modules/tabs.js');
var cookies = require('./modules/cookies.js');
var showAccount = require('./modules/showAccount.js');
var showSearch = require('./modules/showSearch.js');
var showSubnav = require('./modules/showSubnav.js');
var searchFilters = require('./modules/search-filters.js');
window.menuDropdowns = require('./modules/menuDropdowns.js');
var coverParallax = require('./modules/coverParallax.js');
var docLists = require('./modules/docLists.js');
var actionsMenu = require('./modules/actionsMenu.js');
var truncate = require('./modules/truncate.js');
var sticky = require('./modules/sticky.js');
var rteArray = require('./modules/rteArray.js');
var sharePrice = require('./modules/sharePrice.js');
var redirect = require('./modules/redirect.js');
var asyncForms = require('./modules/asyncForms.js');
var askMail = require('./modules/ask-mail.js');
var storage = require('./modules/storage.js');
var autocomplete = require('./modules/autocomplete.js');
var eshop = require('./modules/eshop.js');
var formValidation = require('./modules/form-validation.js');
var dealerLocator = require('./modules/dealerLocator.js');

// panels
var panelProduct = require('./modules/panel-products.js');
var panelGovernance = require('./modules/panel-governance.js');
var panelSolutions = require('./modules/panel-solutions.js');
var panelContact = require('./modules/panel-contact.js');
var panelComparator = require('./modules/panel-comparator.js');
var contactForm = require('./modules/panel-contact-form.js');
var contactFormSpe = require('./modules/panel-contact-spe-form.js');
var panelDop = require('./modules/panel-dop.js');
var panelNewsletter = require('./modules/panel-newsletter.js');
var panelLogin = require('./modules/panel-login.js');
var panelStock = require('./modules/panel-stock.js');
var panels = require('./modules/panels.js');
$(function ($) {
  // needs to be called first
  if ($('.js-form-validation').length) {
    formValidation.init();
  }

  // Utilitaires.
  utils.init();
  carousels.init();

  // Gallery.
  if ($('.js-gallery').length) {
    gallery.init();
  }

  // Grid.
  if ($('.js-dev-grid').length) {
    grid.init();
  }

  /* Accordion */
  if ($('.js-accordion').length) {
    accordion.init();
  }

  /* Expand sector */
  if ($('.js-expand-sector').length) {
    sectorExpand.init();
  }

  /* scroll to */
  if ($('.js-scroll-anchor-generate').length) {
    scrollAnchorGenerate.init();
  }

  /* scroll to */
  if ($('.js-scroll-to-trigger').length) {
    scrollToAnchor.init();
  }

  /* panelExpand */
  if ($('.js-open-panel').length) {
    panelExpand.init();
  }

  /* load data panel */
  if ($('.js-load-product').length) {
    panelProduct.init();
  }
  if ($('.js-drag-slider').length) {
    dragSlider.init();
  }
  if ($('.js-push-quick-access').length) {
    quicklinks.init();
  }
  ;

  // fixHeight
  if ($('.js-fix-height').length) {
    fixHeight.init();
  }
  window.toggleIcon.init(storage);
  if ($('.box--video').length) {
    toggleVideo.init();
  }
  if ($('.js-gp-panel').length) {
    panelGovernance.init();
  }
  if ($('.js-panel-solution').length) {
    panelSolutions.init();
  }
  if ($('.js-panel-newsletter').length) {
    panelNewsletter.init();
    subscribeNewsletter.init();
  }
  if ($('.js-user-login-form').length) {
    panelLogin.init();
  }
  if ($('.js-panel-comparator').length) {
    panelComparator.init(storage.comparator);
  }
  if ($('.js-panel-trigger-stock').length) {
    panelStock.init();
  }
  if ($('.js-panel').length) {
    panels.init();
  }
  if ($('.js-change-list-container').length && $('.js-change-list-link').length) {
    changeList.init();
  }
  if ($('.js-padding').length) {
    addPadding.init();
  }
  if ($('.js-fullpage-slider').length) {
    fullPage.init();
  }
  viewMore.init();
  if ($('.js-news-list').length) {
    newsList.init();
  }
  if ($('.js-result-filters-container').length) {
    searchFilters.init();
  }
  if ($('.js-responsive-table').length) {
    responsiveTables.init();
  }
  if ($('.js-filter').length) {
    filterList.init();
  }
  if ($('.js-panel-contact').length && $('.js-panel-contact-spe')) {
    panelContact.init();
    contactForm.init();
  }
  if ($('.js-panel-contact-spe').length) {
    contactFormSpe.init();
  }
  if ($('.js-panel-dop').length) {
    panelDop.init();
  }
  if ($('.js-modal').length) {
    modal.init();
  }
  if ($('.js-tabs').length) {
    tabs.init();
  }
  if ($('.js-tableselect').length) {
    tableselect.init();
  }
  if ($('.js-cookies').length) {
    cookies.init();
  }
  if ($('.js-account').length) {
    showAccount.init();
  }
  if ($('.js-search').length) {
    showSearch.init();
  }
  if ($('.js-show-subnav').length) {
    showSubnav.init();
  }
  if ($('.js-dropdown').length) {
    window.menuDropdowns.init();
  }
  if ($('.js-parallax').length) {
    coverParallax.init();
  }
  if ($('.js-doc-list-container').length) {
    docLists.init();
  }
  if ($('.js-actions-menu').length) {
    actionsMenu.init();
  }
  if ($('.js-truncate').length) {
    truncate.init();
  }
  if ($('.js-sticky').length) {
    sticky.init();
  }
  if ($('.js-menu-panel').length) {
    navigationPanel.init();
  }
  if ($('div.rte-array').length) {
    rteArray.init();
  }
  if ($('select.js-redirect').length) {
    redirect.init();
  }
  asyncForms.init();
  if ($('.js-ask-mail').length) {
    askMail.init();
  }
  if ($('.js-autocomplete').length) {
    autocomplete.init();
  }
  if ($('.carousel__wrapper').length) {
    $('.carousel__wrapper').each(function () {
      if ($(this).hasClass('carousel__small')) {
        $(this).slick(_defineProperty(_defineProperty(_defineProperty({
          slidesToShow: 1,
          slidesToScroll: 1,
          dots: true,
          infinite: true,
          arrows: true,
          fade: false,
          cssEase: 'linear',
          autoplay: true,
          autoplaySpeed: 5000
        }, "infinite", false), "speed", 600), "responsive", [{
          breakpoint: 850,
          settings: {
            arrows: false,
            dots: true,
            fade: false
          }
        }]));
      } else {
        $(this).slick({
          slidesToShow: 1,
          slidesToScroll: 1,
          arrows: true,
          fade: false,
          cssEase: 'linear',
          asNavFor: '.carousel__nav',
          autoplay: true,
          autoplaySpeed: 5000,
          infinite: false,
          speed: 600,
          responsive: [{
            breakpoint: 850,
            settings: {
              arrows: false,
              dots: true,
              fade: false
            }
          }]
        });
      }
    });
  }
  if ($('.carousel__nav').length) {
    $('.carousel__nav').slick({
      slidesToShow: 4,
      slidesToScroll: 1,
      asNavFor: '.carousel__wrapper',
      arrows: false,
      infinite: false,
      dots: false,
      centerMode: false,
      focusOnSelect: true,
      draggable: true
    });
  }

  // Navigation
  new MainNav();

  // sharePrice
  sharePrice.init();

  // eshop
  eshop.init(asyncForms);

  // dealerlocator
  dealerLocator.init();
  $('select.language-select').change(function () {
    var newLanguage = $(this).val();
    if (newLanguage && newLanguage != window.nexansConfig.language) {
      var uri = window.location.href;
      var domainRe = /.*:\/\/[^\/]*/i;
      uri = uri.replace(domainRe, "");
      if (uri.match(".*/" + window.nexansConfig.language + "/.*")) {
        uri = uri.replace("/" + window.nexansConfig.language + "/", "/" + newLanguage + "/");
      } else {
        uri = uri.substr(uri.indexOf(window.nexansConfig.contextPath) + window.nexansConfig.contextPath.length);
        uri = window.nexansConfig.contextPath + "/" + newLanguage + uri;
      }
      window.location.href = uri;
    }
  });
  $('ul.language--list a').click(function (e) {
    e.preventDefault();
    var newLanguage = $(this).data('language');
    if (newLanguage && newLanguage != window.nexansConfig.language) {
      var uri = window.location.href;
      var domainRe = /.*:\/\/[^\/]*/i;
      uri = uri.replace(domainRe, "");
      if (uri.match(".*/" + window.nexansConfig.language + "/.*")) {
        uri = uri.replace("/" + window.nexansConfig.language + "/", "/" + newLanguage + "/");
      } else {
        uri = uri.substr(uri.indexOf(window.nexansConfig.contextPath) + window.nexansConfig.contextPath.length);
        uri = window.nexansConfig.contextPath + "/" + newLanguage + uri;
      }
      window.location.href = uri;
    }
  });
  $(document).trigger('uiLoaded');
});

},{"./modules/accordion.js":10,"./modules/actionsMenu.js":11,"./modules/addPadding.js":12,"./modules/ask-mail.js":13,"./modules/asyncForms.js":14,"./modules/autocomplete.js":15,"./modules/carousels.js":16,"./modules/change-list.js":17,"./modules/cookies.js":18,"./modules/coverParallax.js":19,"./modules/dealerLocator.js":20,"./modules/docLists.js":21,"./modules/dragSlider.js":22,"./modules/eshop.js":23,"./modules/expand-panel.js":24,"./modules/expand-sector.js":25,"./modules/filter-subnav.js":26,"./modules/fix-height.js":27,"./modules/form-validation.js":28,"./modules/fullpage-slider.js":29,"./modules/gallery.js":30,"./modules/grid.js":31,"./modules/mainNav.js":32,"./modules/menuDropdowns.js":33,"./modules/modal.js":35,"./modules/navigation-panel.js":37,"./modules/news-list.js":38,"./modules/panel-comparator.js":39,"./modules/panel-contact-form.js":40,"./modules/panel-contact-spe-form.js":41,"./modules/panel-contact.js":42,"./modules/panel-dop.js":43,"./modules/panel-governance.js":44,"./modules/panel-login.js":45,"./modules/panel-newsletter.js":46,"./modules/panel-products.js":47,"./modules/panel-solutions.js":48,"./modules/panel-stock.js":49,"./modules/panels.js":50,"./modules/quick-access-icons.js":51,"./modules/redirect.js":52,"./modules/responsive-table.js":53,"./modules/rteArray.js":54,"./modules/scrollAnchorGenerate.js":55,"./modules/scrollToAnchor.js":56,"./modules/search-filters.js":57,"./modules/sharePrice.js":58,"./modules/showAccount.js":59,"./modules/showSearch.js":60,"./modules/showSubnav.js":61,"./modules/sticky.js":62,"./modules/storage.js":63,"./modules/suscribe-newsletter.js":64,"./modules/tableselect.js":65,"./modules/tabs.js":66,"./modules/toggleIcon.js":67,"./modules/toggleVideo.js":68,"./modules/truncate.js":69,"./modules/utils.js":70,"./modules/view-more.js":71,"./plugins/jquery.carousels-finance.js":72,"./plugins/jquery.carousels-gallery.js":73,"./plugins/jquery.carousels-overlay.js":74,"./plugins/jquery.carousels-simple.js":75,"devbridge-autocomplete":1,"slick-carousel":7}],10:[function(require,module,exports){
"use strict";

var accordion = {
  ui: {},
  init: function init() {
    this.bindUI();
    this.bindEvents();
  },
  bindUI: function bindUI() {
    this.ui.$btnExpand = $('.js-accordion-trigger');
  },
  bindEvents: function bindEvents() {
    this.ui.$btnExpand.on('click', $.proxy(this.expandSection, this));
  },
  expandSection: function expandSection(e) {
    var $wrapper = $(e.currentTarget).closest('.js-accordion-wrapper');
    var $content = $wrapper.find('.js-accordion-content').first();
    $content.stop().slideToggle();
    if ($(e.currentTarget).hasClass('js-accordion-trigger-hide')) {
      $(e.currentTarget).hide();
    }
    $wrapper.toggleClass('is-open');
  }
};
module.exports = accordion;

},{}],11:[function(require,module,exports){
"use strict";

var actionsMenu = {
  ui: {},
  init: function init() {
    this.bindUI();
    this.bindEvents();
  },
  bindUI: function bindUI() {
    this.ui.$wrapper = $('.js-actions-menu');
    this.ui.$trigger = $('.js-actions-details-toggle');
    this.ui.$content = $('.js-actions-details');
  },
  bindEvents: function bindEvents() {
    this.ui.$trigger.on('click', $.proxy(this.toggleDetails, this));
  },
  toggleDetails: function toggleDetails(e) {
    this.ui.$content.stop().slideToggle();
    this.ui.$trigger.toggleClass('is-open');
  }
};
module.exports = actionsMenu;

},{}],12:[function(require,module,exports){
"use strict";

var addPadding = {
  ui: {},
  init: function init() {
    this.bindUI();
    this.bindEvents();
    this.paddingHandler();
  },
  bindUI: function bindUI() {
    this.ui.$win = $(window);
    this.ui.$body = $('body');
    this.ui.$wrap = $('.main-wrapper');
    this.ui.$grid = $('.grid');
    this.ui.$container = $('.js-padding');
  },
  bindEvents: function bindEvents() {
    this.ui.$win.on('resize', $.proxy(this.paddingHandler, this));
  },
  paddingHandler: function paddingHandler() {
    var wrapW = this.ui.$wrap.outerWidth();
    var gridW = this.ui.$grid.outerWidth();
    var result = (wrapW - gridW) / 2;
    var $item = this.ui.$container.find('.js-padding-item');
    if (this.isMobileTablet()) {
      $item.css('padding', 0);
      return;
    }
    $.each($item, function () {
      var direction = $(this).data('padding');
      if (direction === 'left') {
        $(this).css('padding-left', result);
      } else {
        $(this).css('padding-right', result);
      }
    });
  },
  isMobileTablet: function isMobileTablet() {
    if (this.ui.$win.outerWidth() <= 1023) {
      return true;
    } else {
      return false;
    }
  }
};
module.exports = addPadding;

},{}],13:[function(require,module,exports){
"use strict";

function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, _toPropertyKey(descriptor.key), descriptor); } }
function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); Object.defineProperty(Constructor, "prototype", { writable: false }); return Constructor; }
function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
var Modal = require('./modalAdd.js');
var AskMailBtn = /*#__PURE__*/function () {
  function AskMailBtn(el) {
    _classCallCheck(this, AskMailBtn);
    this.el = el;
    this.$el = $(el);
    this.$template = this.$el.find('.ask-mail-form');
    this.bind();
  }
  return _createClass(AskMailBtn, [{
    key: "bind",
    value: function bind() {
      var self = this;
      this.$el.on('click', function (e) {
        e.preventDefault();
        new Modal({
          content: self.$template.html(),
          classes: ['modal--large']
        });
      });
    }
  }]);
}();
var askMail = {
  init: function init() {
    $('.js-ask-mail').each(function () {
      $(this).data('askMail', new AskMailBtn(this));
    });
  }
};
module.exports = askMail;

},{"./modalAdd.js":36}],14:[function(require,module,exports){
"use strict";

function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, _toPropertyKey(descriptor.key), descriptor); } }
function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); Object.defineProperty(Constructor, "prototype", { writable: false }); return Constructor; }
function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
var _require = require("./panel-contact-form"),
  initElements = _require.initElements;
function formToJson($el) {
  var data = $el.serializeArray();
  var output = {};
  for (var i = 0; i < data.length; i++) {
    if (data[i].name in output) {
      if (Array.isArray(output[data[i].name])) {
        output[data[i].name].push(data[i].value);
      } else {
        output[data[i].name] = [output[data[i].name], data[i].value];
      }
    } else {
      output[data[i].name] = data[i].value;
    }
  }
  return JSON.stringify(output);
}
var AsyncForm = /*#__PURE__*/function () {
  function AsyncForm(el) {
    _classCallCheck(this, AsyncForm);
    this.el = el;
    this.$el = $(el);
    this.isSubmitting = false;
    this.successType = this.$el.data('success-type') || 'prepend';
    this.failMsg = this.$el.data('fail') || window.globalError;
    this.overlay = '<div class="form-overlay"></div>';
    this.$overlay = null;
    this.method = this.$el.attr('method') || 'POST';
    this.success = null;
    this.sentData = null;
    this.alwaysDisplayMessage = false;
    var self = this;
    this.valueBuilder = function (asyncForm, submitter) {
      if (self.contentType === 'application/json') {
        return formToJson(self.$el);
      }
      return new FormData(asyncForm.el);
    };
    this.contentType = this.$el.data('content-type') || false;
    this.processData = false;
    this.onBeforeSendCheck = null;
    this.$submitActors = this.$el.find('[type=submit]');
    this.submitActor = null;
    this.bind();
  }
  return _createClass(AsyncForm, [{
    key: "bind",
    value: function bind() {
      var self = this;
      this.$submitActors.on('click', function () {
        self.submitActor = this;
      });
      this.$el.on('submit', function (e) {
        e.preventDefault();
        self.submit(e);
      });
    }
  }, {
    key: "submit",
    value: function submit(event) {
      if (null === this.submitActor) {
        this.submitActor = this.$submitActors[0];
      }
      if (!this.isSubmitting) {
        this.isSubmitting = true;
        this.$el.addClass('loading');
        this.$el.find('.message-box, .async-error-msg').remove();
        this.$el.find('.form-group.has-error').removeClass('has-error');
        var values = {};
        var submitter = event.submitter;
        if (!submitter && event.originalEvent) submitter = event.originalEvent.submitter;
        if (!!submitter && !!$(submitter).data('asyncForm-valueBuilder')) {
          values = $(submitter).data('asyncForm-valueBuilder').call(this, this, submitter);
        } else if (this.valueBuilder != null) {
          values = this.valueBuilder.call(this, this, null);
        }
        this.sentData = this.$el.serializeArray();
        if (this.onBeforeSendCheck === null || this.onBeforeSendCheck.call(this)) {
          var settings = {
            url: this.$el.attr('action'),
            type: this.method,
            processData: this.processData,
            contentType: this.contentType,
            data: values
          };
          if (this.$el.hasClass('js-async-form-pdf') || $(this.submitActor).hasClass('js-submit-pdf')) {
            settings.xhrFields = {
              responseType: 'blob'
            };
          }
          this.sentData = settings.data;
          $.ajax(settings).done(this.done.bind(this)).fail(this.fail.bind(this));
        } else {
          this.isSubmitting = false;
          this.$el.removeClass('loading');
        }
      }
    }
  }, {
    key: "done",
    value: function done(data, textStatus, jqXHR) {
      var _this = this;
      var continueSubmitting = false;
      var contentType = jqXHR.getResponseHeader("Content-Type");
      if (contentType.match(/application\/(?:pdf|vnd\.ms-excel)/)) {
        var blob = new Blob([data], {
          type: contentType
        });
        if (window.navigator && window.navigator.msSaveOrOpenBlob) {
          window.navigator.msSaveOrOpenBlob(blob);
        } else {
          var contentDisposition = jqXHR.getResponseHeader("Content-Disposition");
          var filename = null;
          var reUtf = /filename\*\s*=\s*(UTF-\d['"]*)?((['"]).*?[.]$\2|[^;\n]*)?/;
          var matchsUtf = contentDisposition.match(reUtf);
          if (matchsUtf && matchsUtf.length > 2 && matchsUtf[1] == "UTF-8''") {
            filename = decodeURIComponent(matchsUtf[2]);
          }
          if (!filename) {
            var re = /filename\s*=\s*((['"]).*?[.]$\2|[^;\n]*)?/;
            var matchs = contentDisposition.match(re);
            if (matchs && matchs.length > 1) {
              filename = decodeURIComponent(matchs[1].replace(/^"+|"+$/g, ''));
            }
          }
          var link = document.createElement('a');
          link.href = window.URL.createObjectURL(blob);
          link.download = filename || this.$el.data('filename');
          link.click();
          setTimeout(function () {
            // For Firefox it is necessary to delay revoking the ObjectURL
            window.URL.revokeObjectURL(data);
          }, 100);
        }
      } else if (typeof data === 'string') {
        this.$el.html(data);
      } else {
        if ("success" in data && data.success) {
          var displayMessage = true;
          if (this.success !== null) {
            this.success.call(this, data, textStatus, jqXHR);
            displayMessage = this.alwaysDisplayMessage || false; // if specific callback, then message won't be displayed unless 'alwaysDisplayMessage'
          } else if ("redirect" in data && data.redirect) {
            if (data.redirect === 'reload') {
              document.location.reload();
            } else {
              document.location = data.redirect;
            }
          }
          if (!!displayMessage) {
            switch (this.successType) {
              case 'prepend':
                this.$el.prepend('<div class="message-box message-box--info">' + data.message + '</div>');
                break;
              case 'replace':
                this.$el.html(data.message);
                break;
              case 'append':
                this.$el.append('<div class="message-box message-box--info">' + data.message + '</div>');
                break;
            }
          }
        } else if ('message' in data && data.message || 'errors' in data && data.errors.length > 0) {
          if ('message' in data && data.message) {
            this.$el.prepend('<div class="message-box message-box--error">' + data.message + '</div>');
          }
          if ('errors' in data && data.errors.length > 0) {
            var _loop = function _loop(i) {
              _this.$el.find('[name="' + data.errors[i].field + '"]').each(function () {
                var formGroup = $(this).parents('.form-group');
                formGroup.addClass('has-error');
                if ('error' in data.errors[i]) {
                  formGroup.append('<div class="async-error-msg">' + data.errors[i].error + '</div>');
                }
              });
            };
            for (var i = 0; i < data.errors.length; i++) {
              _loop(i);
            }
          }
        } else {
          this.fail();
        }
      }
      if (!continueSubmitting) {
        this.isSubmitting = false;
        this.$el.removeClass('loading');
      }
    }
  }, {
    key: "fail",
    value: function fail(data, textStatus, jqXHR) {
      this.$el.prepend('<div class="message-box message-box--error">' + this.failMsg + '</div>');
      this.isSubmitting = false;
      this.$el.removeClass('loading');
    }
  }]);
}();
var asyncForms = {
  init: function init() {
    $('.js-async-form').each(function () {
      $(this).data('asyncForm', new AsyncForm(this));
    });
    $(document).on('async-form', function (e, el, cb) {
      var async = new AsyncForm(el);
      $(el).data('asyncForm', async);
      if (cb) {
        cb(async);
      }
    });
  },
  initElement: function initElement(el) {
    return new AsyncForm(el);
  }
};
module.exports = asyncForms;

},{"./panel-contact-form":40}],15:[function(require,module,exports){
"use strict";

function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, _toPropertyKey(descriptor.key), descriptor); } }
function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); Object.defineProperty(Constructor, "prototype", { writable: false }); return Constructor; }
function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
var AutocompleteInput = /*#__PURE__*/function () {
  function AutocompleteInput(el) {
    _classCallCheck(this, AutocompleteInput);
    this.$el = $(el);
    this.settings = $.extend({
      url: '',
      min: 4
    }, this.$el.data());
    this.$el.wrap('<div class="autocomplete-container"></div>');
    this.$container = this.$el.parent();
    this.bind();
  }
  return _createClass(AutocompleteInput, [{
    key: "bind",
    value: function bind() {
      var self = this;
      this.$el.autocomplete({
        minChars: this.settings.min,
        serviceUrl: this.settings.url,
        formatResult: function formatResult(suggestion, currentValue) {
          return suggestion.data;
        },
        onSearchStart: function onSearchStart(params) {
          self.start();
        },
        onSearchComplete: function onSearchComplete(query, suggestions) {
          self.complete();
        }
      });
    }
  }, {
    key: "start",
    value: function start() {
      this.$container.append('<div class="loader"></div>');
    }
  }, {
    key: "complete",
    value: function complete() {
      this.$container.find('.loader').remove();
    }
  }]);
}();
var autocomplete = {
  init: function init() {
    $('.js-autocomplete').each(function () {
      new AutocompleteInput(this);
    });
  }
};
module.exports = autocomplete;

},{}],16:[function(require,module,exports){
"use strict";

(function ($) {
  var carousel = {
    init: function init() {
      $.each($('.js-carousel-simple'), function () {
        $(this).carouselSimple();
      });
      $.each($('.js-carousel-overlay'), function () {
        $(this).carouselOverlay();
      });
      $.each($('.js-carousel-gallery'), function () {
        $(this).carouselGallery();
      });
      $.each($('.js-carousel-finance'), function () {
        $(this).carouselFinance();
      });
    }
  };
  module.exports = carousel;
})(jQuery);

},{}],17:[function(require,module,exports){
"use strict";

var changeList = {
  ui: {},
  init: function init() {
    this.bindUI();
    this.bindEvents();
  },
  bindUI: function bindUI() {
    this.ui.$win = $(window);
    this.ui.$body = $('body');
    this.ui.$links = $('.js-change-list-link');
    this.ui.$lists = $('.js-change-list');
    this.ui.$container = $('.js-change-list-container');
    this.ui.$select = $('.js-change-list-select');
  },
  bindEvents: function bindEvents() {
    this.ui.$links.on('click', $.proxy(this.clickHandler, this));
    this.ui.$select.on('change', $.proxy(this.changeHandler, this));
  },
  clickHandler: function clickHandler(e) {
    e.preventDefault();
    var $el = $(e.currentTarget),
      data = $el.data('list'),
      $currentList = this.ui.$container.find('.js-change-list[data-list=' + data + ']');
    this.ui.$lists.removeClass('active');
    $currentList.addClass('active');
  },
  changeHandler: function changeHandler(e) {
    var $el = $(e.currentTarget),
      data = $el.val(),
      $currentList = this.ui.$container.find('.js-change-list[data-list=' + data + ']');
    this.ui.$lists.removeClass('active');
    $currentList.addClass('active');
  }
};
module.exports = changeList;

},{}],18:[function(require,module,exports){
"use strict";

var cookies = {
  ui: {},
  cookieName: 'cookiesAllowed',
  init: function init() {
    this.bindUI();
    this.bindEvents();
  },
  bindUI: function bindUI() {
    this.ui.$cookies = $('.js-cookies');
    this.ui.$accept = this.ui.$cookies.find('.js-cookies-accept');
    this.ui.$deny = this.ui.$cookies.find('.js-cookies-deny');
  },
  bindEvents: function bindEvents() {
    // If the cookies are not set, show the banner.
    var cookieVal = this.getCookie(this.cookieName);
    if (cookieVal !== 'true' && cookieVal !== 'false') {
      this.showBanner();
    }

    // On click on the close btn, close the banner and set the cookies.
    this.ui.$accept.on('click', this.accept.bind(this));
    this.ui.$deny.on('click', this.deny.bind(this));
  },
  showBanner: function showBanner() {
    this.ui.$cookies.removeClass('is-hidden');
  },
  accept: function accept(e) {
    // Prevent default.
    e.preventDefault();

    // Hide cookies.
    this.ui.$cookies.addClass('is-hidden');
    setTracking();

    // Set the cookies.
    this.setCookies('true');
  },
  deny: function deny(e) {
    // Prevent default.
    e.preventDefault();

    // Hide cookies.
    this.ui.$cookies.addClass('is-hidden');

    // Set the cookies.
    this.setCookies('false');
  },
  setCookies: function setCookies(value) {
    var today = new Date(),
      expires = new Date();

    // Set the expire date.
    expires.setTime(today.getTime() + 3600 * 1000 * 24 * 30 * 13);

    // Write the cookie.
    document.cookie = this.cookieName + "=" + value + ";path=/;expires=" + expires.toGMTString();
  },
  getCookie: function getCookie(name) {
    var _document$cookie$matc;
    return ((_document$cookie$matc = document.cookie.match('(^|;)\\s*' + name + '\\s*=\\s*([^;]+)')) === null || _document$cookie$matc === void 0 ? void 0 : _document$cookie$matc.pop()) || '';
  }
};
module.exports = cookies;

},{}],19:[function(require,module,exports){
"use strict";

var coverParallax = {
  ui: {},
  isScrolling: false,
  reversed: false,
  lastScroll: 0,
  init: function init() {
    this.bindUI();
    this.bindEvents();
  },
  bindUI: function bindUI() {
    this.ui.$win = $(window);
    this.ui.$container = $('.js-parallax');
    this.ui.$visual = this.ui.$container.find('.js-parallax-visual');
  },
  bindEvents: function bindEvents() {
    var _this = this;
    this.ui.$win.on('scroll', function (e) {
      return _this.onScroll(e);
    });
    this.ui.$win.on('scroll', function (e) {
      return _this.getDirection(e);
    });
  },
  onScroll: function onScroll(e) {
    e.preventDefault();
    if (!this.isScrolling) {
      var scroll = $(e.currentTarget).scrollTop(),
        bImage = this.ui.$visual.offset().top + this.ui.$visual.outerHeight(),
        bBloc = this.ui.$container.offset().top + this.ui.$container.outerHeight(),
        tImage = this.ui.$visual.offset().top,
        tBloc = this.ui.$container.offset().top;
      var value = scroll / 10;
      if (!this.reversed) {
        if (bImage > bBloc) {
          this.ui.$visual.css({
            'transform': 'translateY(' + -value + 'px)'
          });
        }
      } else {
        if (scroll < bBloc && value != bBloc) {
          this.ui.$visual.css({
            'transform': 'translateY(' + -value + 'px)'
          });
        }
      }
    }
  },
  getDirection: function getDirection(e) {
    e.preventDefault();
    var scroll = $(e.currentTarget).scrollTop();
    if (scroll > this.lastScroll) {
      this.reversed = false;
    } else {
      this.reversed = true;
    }
    this.lastScroll = scroll;
  }
};
module.exports = coverParallax;

},{}],20:[function(require,module,exports){
"use strict";

var scriptLoaded = false;
function addScript(src) {
  return new Promise(function (resolve, reject) {
    if (!scriptLoaded) {
      var s = document.createElement('script');
      s.setAttribute('src', src);
      s.addEventListener('load', resolve);
      s.addEventListener('error', reject);
      document.body.appendChild(s);
    }
    scriptLoaded = true;
    resolve();
  });
}
var dealerLocator = {
  init: function init() {
    var locators = $('.js-dealer-locator-page');
    if (locators.length > 0) {
      addScript(locators.data('script')).catch(function (err) {
        console.error(err);
        locators.find('.loader-container').hide();
        locators.find('.message-error').show();
      });
    }
    $('.panel-dealer-locator').on('opened', function (e, trigger) {
      var $this = $(this);
      var $trigger = $(trigger);
      var $dealerLocator = $this.find('.dealer-locator');
      $dealerLocator.data('familyid', $trigger.data('familyid') || null);
      $dealerLocator.data('productid', $trigger.data('productid') || null);
      if ($this.data('loaded')) {
        $dealerLocator.trigger('refresh');
      } else {
        addScript($dealerLocator.data('script')).then(function () {
          $this.data('loaded', true);
        }).catch(function (err) {
          console.error(err);
          $this.find('.loader-container').hide();
          $dealerLocator.find('.message-error').show();
        });
      }
    });
  }
};
module.exports = dealerLocator;

},{}],21:[function(require,module,exports){
"use strict";

var docLists = {
  ui: {},
  init: function init() {
    this.bindUI();
    this.bindEvents();
  },
  bindUI: function bindUI() {
    this.ui.$container = $('.js-doc-list-container');
    this.ui.$select = $('.js-doc-select', this.ui.$container);
    this.ui.$item = $('.js-doc-list', this.ui.$container);
  },
  bindEvents: function bindEvents() {
    var _this = this;
    this.ui.$select.on('change', function (e) {
      return _this.onChange(e);
    });
  },
  onChange: function onChange(e) {
    e.preventDefault();
    var $el = $(e.currentTarget),
      value = $el.val(),
      $target = this.ui.$container.find('.js-doc-list[data-year="' + value + '"]');
    this.ui.$item.removeClass('active');
    $target.addClass('active');
  }
};
module.exports = docLists;

},{}],22:[function(require,module,exports){
"use strict";

var _gsap = require("gsap");
var _Draggable = _interopRequireDefault(require("gsap/Draggable"));
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
var dragSlider = {
  ui: {},
  slidesLength: 0,
  width: 0,
  track: 0,
  init: function init() {
    this.bindUI();
    this.bindEvents();
    this.initSlider();
  },
  bindUI: function bindUI() {
    this.ui.$window = $(window);
    this.ui.$dragContainer = $('.js-drag-slider');
    this.ui.$wrapper = '';
    this.ui.$dragItems = '';
  },
  bindEvents: function bindEvents() {

    // this.ui.$window.on('resize', () => this.updateTrack());
  },
  initSlider: function initSlider() {
    this.ui.$dragContainer.each(function (n, item) {
      console.log('item slider', item);
      $(item).find('.js-drag-wrapper').slick({
        slidesToShow: 3,
        slidesToScroll: 1,
        dots: false,
        infinite: false,
        arrows: true,
        fade: false,
        cssEase: 'linear',
        autoplay: false,
        speed: 400,
        responsive: [{
          breakpoint: 1024,
          settings: {
            slidesToShow: 2
          }
        }, {
          breakpoint: 768,
          settings: {
            slidesToShow: 1
          }
        }]
      });
      // this.ui.$wrapper = $(item).find('.js-drag-wrapper');
      // this.ui.$dragItems = $(item).find('.js-drag-item');

      // this.slidesLength = this.ui.$dragItems.length;

      // this.updateTrack();
    });
  }
};
module.exports = dragSlider;

},{"gsap":5,"gsap/Draggable":3}],23:[function(require,module,exports){
"use strict";

var _ = require('underscore');
var message = require('./message.js');
var refreshShopCount = function refreshShopCount(count) {
  if (count > 0) {
    $('.js-eshop-count').show().text(count);
    $('.js-eshop-count').parent().removeClass('is-disabled');
  } else {
    $('.js-eshop-count').hide();
    $('.js-eshop-count').parent().addClass('is-disabled');
  }
};
var addToCartInit = function addToCartInit(asyncForms) {
  var $panel = $('#panel-addtocart');
  var $panelLoader = $panel.find('.loader-container');
  var $panelError = $panel.find('.service-error');
  var $panelContent = $panel.find('.panel-content');
  var panelTemplate = _.template($('#product-addtocart-template').html());
  var panel = $panel.data('panel');
  var serviceError = function serviceError() {
    $panelLoader.hide();
    $panelError.show();
    $panelContent.hide();
  };
  $panel.on('opened', function (e, trigger) {
    $panelLoader.show();
    $panelError.hide();
    $panelContent.hide();
    var url = window.nexansConfig.cartServiceUrl.replace('{action}', 'add') + '/' + $(trigger).data('id');
    $.ajax({
      url: url
    }).done(function (data, textStatus, jqXHR) {
      $panelLoader.hide();
      $panelError.hide();
      $panelContent.show().empty().html(panelTemplate(data));
      var asyncForm = asyncForms.initElement($panelContent.find('.js-async-form').get(0));
      asyncForm.contentType = 'application/json';
      asyncForm.valueBuilder = function (self, submitter) {
        var values = $(self.el).serializeArray();
        var data = {};
        for (var i = 0; i < values.length; i++) {
          data[values[i].name] = values[i].value;
        }
        return JSON.stringify(data);
      };
      asyncForm.alwaysDisplayMessage = true;
      asyncForm.success = function (data, textStatus, jqXHR) {
        window.sessionStorage.setItem('eshop-count', data.nbItems);
        refreshShopCount(data.nbItems);
        message.add(data.message, 'info', 3000);
        panel.close();
      };
    }).fail(function (xhr, status, error) {
      serviceError();
    });
  });
};
var eshop = {
  init: function init(asyncForms) {
    /* error "ReferenceError: TableSelect is not defined" in order backlog
          -> est-ce redondant par rapport au module tableselect ?
       $('.js-tableselect').each(function(){
           $(this).data('tableselect', new TableSelect(this));
       });
       */
    if ($('.js-panel-trigger-eshop').length > 0) {
      $(document).on('uiLoaded', function () {
        eshop.addToCartInit(asyncForms);
      });
    }
    if (window.nexansConfig.cartServiceUrl) {
      var count = window.sessionStorage.getItem('eshop-count');
      if (!count && count !== 0) {
        $.ajax({
          url: window.nexansConfig.cartServiceUrl.replace('{action}', 'count'),
          type: 'GET'
        }).done(function (data) {
          count = data.nbItems;
          window.sessionStorage.setItem('eshop-count', count);
          refreshShopCount(count);
        });
      } else {
        refreshShopCount(count);
      }
      $(document).on('refresh-shop-count', function (e, count) {
        window.sessionStorage.setItem('eshop-count', count);
        refreshShopCount(count);
      });
    }
  },
  addToCartInit: function addToCartInit(asyncForms) {
    var $panel = $('#panel-addtocart');
    var $panelLoader = $panel.find('.loader-container');
    var $panelError = $panel.find('.service-error');
    var $panelContent = $panel.find('.panel-content');
    var panelTemplate = _.template($('#product-addtocart-template').html());
    var panel = $panel.data('panel');
    var serviceError = function serviceError() {
      $panelLoader.hide();
      $panelError.show();
      $panelContent.hide();
    };
    $panel.on('opened', function (e, trigger) {
      $panelLoader.show();
      $panelError.hide();
      $panelContent.hide();
      var url = window.nexansConfig.cartServiceUrl.replace('{action}', 'add') + '/' + $(trigger).data('id');
      $.ajax({
        url: url
      }).done(function (data, textStatus, jqXHR) {
        $panelLoader.hide();
        $panelError.hide();
        $panelContent.show().empty().html(panelTemplate(data));
        var asyncForm = asyncForms.initElement($panelContent.find('.js-async-form').get(0));
        asyncForm.contentType = 'application/json';
        asyncForm.valueBuilder = function (self, submitter) {
          var values = $(self.el).serializeArray();
          var data = {};
          for (var i = 0; i < values.length; i++) {
            data[values[i].name] = values[i].value;
          }
          return JSON.stringify(data);
        };
        asyncForm.alwaysDisplayMessage = true;
        asyncForm.success = function (data, textStatus, jqXHR) {
          window.sessionStorage.setItem('eshop-count', data.nbItems);
          refreshShopCount(data.nbItems);
          message.add(data.message, 'info', 3000);
          panel.close();
        };
      }).fail(function (xhr, status, error) {
        serviceError();
      });
    });
  }
};
module.exports = eshop;

},{"./message.js":34,"underscore":8}],24:[function(require,module,exports){
"use strict";

var panelExpand = {
  ui: {},
  init: function init() {
    this.bindUI();
    this.bindEvents();
  },
  bindUI: function bindUI() {
    this.ui.$win = $(window);
    this.ui.$body = $('body');
    this.ui.$btnOpen = $('.js-open-panel');
    this.ui.$btnClose = $('.js-close-panel');
    this.ui.$mask = $('.js-mask-panel');
    this.ui.container = $('.js-panel-container');
  },
  bindEvents: function bindEvents() {
    this.ui.$btnOpen.on('click', $.proxy(this.openPanel, this));
    this.ui.$btnClose.on('click', $.proxy(this.closePanel, this));
    this.ui.$mask.on('click', $.proxy(this.closePanel, this));
    //$(document).on('keyup', $.proxy(this.closePanel, this));
  },
  openPanel: function expandSection(e) {
    e.preventDefault();

    // open modale.
    this.ui.$body.addClass('is-locked');
    this.ui.$body.addClass('is-panel-open');
  },
  closePanel: function closePanel(e) {
    e.preventDefault();

    // close modale.
    this.ui.$body.removeClass('is-locked');
    this.ui.$body.removeClass('is-panel-open');

    // close modal with keyboard esc.
    if (e.keyCode === 27) {
      this.ui.$body.removeClass('is-locked');
      this.ui.$body.removeClass('is-panel-open');
    }

    // back to top of panel view.
    var ofTop = $('body').offset().top;
    $('.js-panel-container').scrollTop(ofTop);
  }
};
module.exports = panelExpand;

},{}],25:[function(require,module,exports){
"use strict";

var sectorExpand = {
  ui: {},
  init: function init() {
    this.bindUI();
    this.bindEvents();
  },
  bindUI: function bindUI() {
    this.ui.$win = $(window);
    this.ui.$body = $('body');
    this.ui.$btnExpand = $('.js-expand-sector');
  },
  bindEvents: function bindEvents() {
    this.ui.$btnExpand.on('click', $.proxy(this.scrollToPanel, this));
  },
  scrollToPanel: function scrollToPanel(e) {
    e.preventDefault();
    var self = this;
    var $item = $(e.currentTarget).closest('.js-sector-container');

    // Test if section is open for apply scroll effect or not.
    if (!$item.hasClass('is-open')) {
      // Calcute position of item animate.
      var pos = Math.max($item.offset().top, 0);

      // Animate scroll to section opened.
      $('html').animate({
        scrollTop: pos
      }, 'slow', function () {
        // Call expand section.
        // waiting callback for animate show / hide after scroll effect.
        self.expandSection(e);
      });
    } else {
      // Call expand section without scroll animation.
      self.expandSection(e);
    }
  },
  expandSection: function expandSection(e) {
    // Get item for open section
    var $item = $(e.currentTarget).closest('.js-sector-container');
    $item.find('.list-sector').stop().slideToggle();
    if ($item.hasClass('is-open')) {
      $item.removeClass('is-open');
      $(e.currentTarget).removeClass('is-open');
    } else {
      $item.addClass('is-open');
      $(e.currentTarget).addClass('is-open');
    }
  }
};
module.exports = sectorExpand;

},{}],26:[function(require,module,exports){
"use strict";

var _ = require('underscore');
var filterList = {
  ui: {},
  init: function init() {
    this.bindUI();
    this.bindEvents();
    this.selectedCategories = window.nexansSelectedCategories || [];
    this.selectedYear = window.nexansSelectedYear || null;
    this.selectedType = window.nexansSelectedType || null;
  },
  bindUI: function bindUI() {
    this.ui.$win = $(window);
    this.ui.$body = $('body');
    this.ui.$dropdownParent = $('.js-filter-dropdown-parent');
    this.ui.$dropdown = $('.js-filter-dropdown');
    this.ui.$wrapper = $('.js-filter-dropdown-content');
    this.ui.$content = $('.js-filter-mobile-content');
    this.ui.$select = $('.js-filter-select');
    this.ui.$showFilter = $('.js-show-filter');
    this.ui.$jsFilter = $('.js-filter');
    this.ui.$filterLinks = this.ui.$jsFilter.find('.link:not(.js-filter-dropdown)');
    this.ui.$selectYear = $('select.filter-year-select');
    this.ui.$selectType = $('select.filter-type-select');
  },
  bindEvents: function bindEvents() {
    var self = this;
    this.ui.$dropdown.on('click', $.proxy(this.showSubnav, this));
    this.ui.$filterLinks.on('click', $.proxy(this.clickLink, this));
    //this.ui.$wrapper.on('mouseleave', $.proxy(this.hideSubnav, this));

    this.ui.$select.on('change', $.proxy(this.selectCatChange, this));
    this.ui.$selectYear.on('change', $.proxy(this.selectYearChange, this));
    this.ui.$selectType.on('change', $.proxy(this.selectTypeChange, this));
    this.ui.$showFilter.on('click', $.proxy(this.showFilter, this));

    // On click everywhere, close the search.
    $(document).click(function (e) {
      if ($(e.target).closest('.js-filter-dropdown').length === 0) {
        self.closeFilter();
      }
    });
  },
  clickLink: function clickLink(e) {
    var $el = $(e.currentTarget);
    var cat = this.getCategoryFromUrl($el.attr('href'));
    if (cat !== null) {
      e.preventDefault();
      this.setCategory(cat);
    }
  },
  getCategoryFromUrl: function getCategoryFromUrl(url) {
    var match = url.match(/category=([^&]+)/);
    if (match && match.length > 1) {
      return match[1];
    }
    return null;
  },
  setCategory: function setCategory(category) {
    var index = this.selectedCategories.indexOf(category);
    if (index < 0) {
      this.selectedCategories.push(category);
    } else {
      this.selectedCategories.splice(index, 1);
    }
    this.goto();
  },
  closeFilter: function closeFilter() {
    this.ui.$dropdownParent.removeClass('is-open');
  },
  showSubnav: function showSubnav(e) {
    e.preventDefault();
    var $el = $(e.currentTarget);
    if (!$el.parent().hasClass('is-open')) {
      this.closeFilter();
    }
    $el.parent().toggleClass('is-open');
  },
  hideSubnav: function hideSubnav(e) {
    var $el = $(e.currentTarget);
    setTimeout(function () {
      $el.parent().removeClass('is-open');
      $('.js-filter-dropdown').removeClass('is-open');
    }, 200);
  },
  selectCatChange: function selectCatChange(e) {
    var val = $(e.currentTarget).val();
    // Check if the value is defined.
    if (val === 'subnav') {
      var selected = $('.js-filter-select option:selected'),
        ref = selected.data('ref');
      $('#' + ref).addClass('is-selected');
    } else {
      var cat = this.getCategoryFromUrl(val);
      if (cat !== null) {
        this.setCategory(cat);
      }
    }
  },
  selectYearChange: function selectYearChange(e) {
    var year = $(e.currentTarget).val();
    if (year && year.length > 0) {
      year = parseInt(year, 10);
      this.selectedYear = year;
    } else {
      this.selectedYear = null;
    }
    this.goto();
  },
  selectTypeChange: function selectTypeChange(e) {
    var type = $(e.currentTarget).val();
    if (type && type.length > 0) {
      this.selectedType = type;
    } else {
      this.selectedType = null;
    }
    this.goto();
  },
  goto: function goto() {
    var url = window.nexansFilterUrl;
    var parameters = [];
    if (this.selectedCategories && this.selectedCategories.length) {
      parameters.push('category=' + this.selectedCategories.join());
    }
    if (this.selectedYear) {
      parameters.push('year=' + this.selectedYear);
    }
    if (this.selectedType) {
      parameters.push('type=' + this.selectedType);
    }
    if (parameters.length > 0) {
      url += '?' + parameters.join('&');
    }
    window.location.href = url;
  },
  showFilter: function showFilter(e) {
    e.preventDefault();
    var $el = $(e.currentTarget);
    $el.closest('.filter-mobile').toggleClass('is-open');
  }
};
module.exports = filterList;

},{"underscore":8}],27:[function(require,module,exports){
"use strict";

var fixHeight = {
  ui: {},
  init: function init() {
    this.bindUI();
    this.bindEvents();
  },
  bindUI: function bindUI() {
    this.ui.$win = $(window);
    this.ui.$body = $('body');
    this.ui.$height = $('.js-fix-height');
    this.ui.$items = $('.js-fix-height-item');
  },
  bindEvents: function bindEvents() {
    var _this = this;
    this.ui.$win.on('load', function () {
      return _this.heightHandler();
    });

    // Reset height when window is resized.
    this.ui.$win.on('resize', function () {
      return _this.heightHandler();
    });
  },
  unbindEvents: function unbindEvents() {
    var self = this;

    // Reset height when window is resized.
    this.ui.$win.off('resize');
  },
  update: function update() {
    if (Object.keys(this.ui).length) {
      this.unbindEvents();
    }
    this.bindUI();
    this.bindEvents();
  },
  heightHandler: function heightHandler() {
    var self = this;

    // Loop through each element and launch function.
    $.each(this.ui.$height, function () {
      self.setHeight($(this));
    });
  },
  setHeight: function setHeight($el) {
    var self = this,
      maxH = 0,
      $items = $el.find('.js-fix-height-item'),
      $img = $el.find('img');

    // Reset items height.
    $items.outerHeight('auto');

    // Get maxH.
    $.each($items, function () {
      var itemH = $(this).outerHeight();

      // If item height > to maxH, reset it.
      if (itemH > maxH) {
        maxH = itemH;
      }
    });

    // Set maxH on elements.
    $items.outerHeight(maxH, true);
  }
};
module.exports = fixHeight;

},{}],28:[function(require,module,exports){
"use strict";

function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, _toPropertyKey(descriptor.key), descriptor); } }
function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); Object.defineProperty(Constructor, "prototype", { writable: false }); return Constructor; }
function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
var FormValidation = /*#__PURE__*/function () {
  function FormValidation(el) {
    _classCallCheck(this, FormValidation);
    this.$el = $(el);
    el.noValidate = true;
    this.$inputs = this.$el.find(':input');
    this.bind();
  }
  return _createClass(FormValidation, [{
    key: "bind",
    value: function bind() {
      var self = this;
      this.$el.on('submit', function (e) {
        self.$el.find('.message__error').remove();
        self.$el.find('.error').removeClass('error');
        if (!self.checkValidation()) {
          e.stopImmediatePropagation();
          e.preventDefault();
        } else {
          self.$el.trigger('validated', e);
        }
      });
    }
  }, {
    key: "checkValidation",
    value: function checkValidation() {
      var check = true;
      var top = null;
      var $focus = null;
      this.$inputs.each(function () {
        if (!this.checkValidity()) {
          check = false;
          var $this = $(this);
          $this.parents('.form-group').addClass('error');
          var customMessage = $this.data('error-message');
          if (customMessage) {
            $this.parent().append('<div class="message message__error">' + customMessage + '</div>');
          } else if ('validationMessage' in this && this.validationMessage) {
            $this.parent().append('<div class="message message__error">' + this.validationMessage + '</div>');
          }
          var nTop = $this.offset().top;
          if (top === null || nTop < top) {
            top = nTop;
            $focus = $this;
          }
        }
      });
      if (!check && !this.isInViewport($focus)) {
        $(window).scrollTop(top - 50);
      }
      return check;
    }
  }, {
    key: "isInViewport",
    value: function isInViewport($e) {
      var elementTop = $e.offset().top;
      var elementBottom = elementTop + $e.outerHeight();
      var viewportTop = $(window).scrollTop();
      var viewportBottom = viewportTop + $(window).height();
      return elementBottom > viewportTop && elementTop < viewportBottom;
    }
  }]);
}();
var formValidation = {
  init: function init() {
    $('.js-form-validation').each(function () {
      new FormValidation(this);
    });
    $(document).on('async-form', function (e, el) {
      if ($(el).hasClass('js-form-validation')) {
        new FormValidation(el);
      }
    });
  }
};
module.exports = formValidation;

},{}],29:[function(require,module,exports){
"use strict";

var fullPage = {
  ui: {},
  throttle: true,
  init: function init() {
    this.bindUI();
    this.bindEvents();
    this.initComponents();
  },
  bindUI: function bindUI() {
    this.ui.$win = $(window);
    this.ui.$body = $('body');
    this.ui.$container = $('.js-fullpage-slider');
    this.ui.$slide = '';
  },
  bindEvents: function bindEvents() {
    var _this = this;
    this.ui.$win.on('scroll', function (e) {
      return _this.activeOnScroll(e);
    });
  },
  initComponents: function initComponents() {
    var _this2 = this;
    this.ui.$container.each(function (n, item) {
      _this2.ui.$slide = $(item).find('.js-fullpage-slide');
    });
  },
  activeOnScroll: function activeOnScroll(e) {
    var _this3 = this;
    e.preventDefault();
    if (this.isMobileTablet()) {
      return;
    }
    if (this.throttle) {
      this.throttle = !this.throttle;
      var scroll = $(e.currentTarget).scrollTop();
      this.ui.$slide.each(function (n, item) {
        var offset = $(item).offset().top,
          vh = Math.max(document.documentElement.clientHeight || 0, window.innerHeight || 0),
          height = $(item).outerHeight(),
          trigger = offset - vh + height / 2;
        if (scroll >= trigger) {
          $(item).addClass('active');
        }
      });
    }
    setTimeout(function () {
      _this3.throttle = !_this3.throttle;
    }, 5);
  },
  isMobileTablet: function isMobileTablet() {
    if (this.ui.$win.outerWidth() <= 1024) {
      return true;
    } else {
      return false;
    }
  }
};
module.exports = fullPage;

},{}],30:[function(require,module,exports){
"use strict";

var zoom = require('jquery-zoom');
var gallery = {
  ui: {},
  countImages: 0,
  init: function init() {
    this.bindUI();
    this.bindEvents();
    this.initZoom();
    this.updateControls(0);
  },
  bindUI: function bindUI() {
    this.ui.$win = $(window);
    this.ui.$body = $('body');
    this.ui.$container = $('.js-gallery');
    this.ui.$thumbnail = $('.js-gallery-thumbnail');
    this.ui.$imageWrapper = $('.js-gallery-image-wrapper');
    this.ui.$navPrev = $('.js-gallery-prev');
    this.ui.$navNext = $('.js-gallery-next');
    this.countImages = this.ui.$imageWrapper.find('.js-gallery-image').length;
  },
  bindEvents: function bindEvents() {
    var _this = this;
    this.ui.$thumbnail.on('click', function (e) {
      return _this.onThumbnail(e);
    });
    this.ui.$navPrev.on('click', function (e) {
      return _this.onNav('prev');
    });
    this.ui.$navNext.on('click', function (e) {
      return _this.onNav('next');
    });
  },
  initZoom: function initZoom() {
    if (!this.isMobileVersion()) {
      var imageUrl = this.ui.$imageWrapper.find('img.is-active').attr('src');
      this.ui.$imageWrapper.zoom({
        url: imageUrl,
        duration: 500
      });
    }
  },
  onThumbnail: function onThumbnail(e) {
    e.preventDefault();
    var $el = $(e.currentTarget),
      index = $el.index();
    this.setImage(index);
  },
  onNav: function onNav(direction) {
    var $el = this.ui.$imageWrapper.find('img.is-active'),
      indexCurrent = $el.index(),
      indexToSet;
    if (direction == 'prev') {
      indexToSet = indexCurrent - 1;
    } else {
      indexToSet = indexCurrent + 1;
    }
    indexToSet = Math.min(this.countImages - 1, indexToSet);
    indexToSet = Math.max(0, indexToSet);
    this.setImage(indexToSet);
  },
  setImage: function setImage(index) {
    // Set active image
    this.ui.$imageWrapper.find('img').removeClass('is-active');
    this.ui.$imageWrapper.find('img').eq(index).addClass('is-active');

    // Set zoom image
    if (!this.isMobileVersion()) {
      var imageUrl = this.ui.$imageWrapper.find('img.is-active').attr('src');
      this.ui.$imageWrapper.trigger('zoom.destroy');
      this.ui.$imageWrapper.zoom({
        url: imageUrl,
        duration: 500
      });
    }

    // Set controls
    this.updateControls(index);
  },
  updateControls: function updateControls(index) {
    // Set active thumbnail
    this.ui.$thumbnail.removeClass('is-active');
    this.ui.$thumbnail.eq(index).addClass('is-active');

    // Set nav
    if (index >= this.countImages - 1) {
      this.ui.$navNext.addClass('is-disabled');
    } else {
      this.ui.$navNext.removeClass('is-disabled');
    }
    if (index <= 0) {
      this.ui.$navPrev.addClass('is-disabled');
    } else {
      this.ui.$navPrev.removeClass('is-disabled');
    }
  },
  isMobileVersion: function isMobileVersion() {
    return !this.ui.$thumbnail.is(":visible");
  }
};
module.exports = gallery;

},{"jquery-zoom":6}],31:[function(require,module,exports){
"use strict";

var grid = {
  ui: {},
  init: function init() {
    this.bindUI();
    this.bindEvents();
  },
  bindUI: function bindUI() {
    this.ui.$grid = $('.js-dev-grid');
    this.ui.$btn = $('.js-dev-grid-btn');
  },
  bindEvents: function bindEvents() {
    this.ui.$btn.on('click', $.proxy(this.toggleGrid, this));
  },
  toggleGrid: function toggleGrid() {
    this.ui.$grid.toggleClass('is-hidden');
  }
};
module.exports = grid;

},{}],32:[function(require,module,exports){
"use strict";

function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, _toPropertyKey(descriptor.key), descriptor); } }
function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); Object.defineProperty(Constructor, "prototype", { writable: false }); return Constructor; }
function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
var MainNav = /*#__PURE__*/function () {
  function MainNav() {
    _classCallCheck(this, MainNav);
    this.isOpened = false;
    this.bindUi();
    this.openedLinks = [null, null, null];
    this.$deposit = $('<div></div>').appendTo(this.$mainNav).hide();
    this.hierarchy = this.createHierarchy(this.$mainNav.children(), 0);
  }
  return _createClass(MainNav, [{
    key: "bindUi",
    value: function bindUi() {
      this.$mainNav = $('.main-nav');
      this.$mainSubnav = $('.main-subnav');
      this.$menuTrigger = $('.js-menu-trigger');
      this.$menuClose = $('.js-menu-close');
      this.$header = $('header.header');
      this.mainSubnavs = [$('.main-subnav--level-1'), $('.main-subnav--level-2'), $('.main-subnav--level-3')];
      var self = this;
      var clickLink = function clickLink(e) {
        e.stopPropagation();
        e.preventDefault();
        var linkInfos = self.hierarchy[$(this).data('id')];
        if (linkInfos.$link.hasClass('active')) {
          if (linkInfos.level === 0) {
            self.close();
          } else {
            self.closeLink(linkInfos);
          }
        } else {
          self.openLink(linkInfos);
        }
      };
      $('.main-nav, .main-subnav').on('click', function (e) {
        e.stopPropagation();
      });
      this.$mainNav.on('click', 'a.expand', clickLink);
      this.$mainSubnav.on('click', 'a.expand', clickLink);
      this.$menuTrigger.on('click', function (e) {
        e.preventDefault();
        self.$header.addClass('is-opened');
      });
      this.$menuClose.on('click', function (e) {
        e.preventDefault();
        self.$header.removeClass('is-opened');
      });
      $(document).on('click', function () {
        self.close();
      });
      $('.js-link-to-top').on('click', function (e) {
        e.preventDefault();
        $('body, html').animate({
          scrollTop: 0
        }, 'slow');
      });
    }
  }, {
    key: "createHierarchy",
    value: function createHierarchy($lis, level) {
      var prevId = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 'menulink';
      var hierarchy = {};
      var self = this;
      var i = 0;
      $lis.each(function () {
        var $this = $(this);
        var id = prevId + '-' + level + '-' + i;
        var $a = $this.children('a');
        var $ul = $this.children('ul');
        var $highlight = $this.children('.highlight');
        self.$deposit.append($ul);
        if ($highlight.length > 0) {
          self.$deposit.append($highlight);
        }
        var hierarchyLi = {
          id: id,
          title: $a.html(),
          $link: $a,
          level: level,
          $ul: $ul,
          $highlight: $highlight
        };
        hierarchy[id] = hierarchyLi;
        if ($this.hasClass('has-children')) {
          $a.addClass('expand').data('id', id);
          $ul.addClass(id);
          $highlight.addClass(id);
          hierarchy = _objectSpread(_objectSpread({}, hierarchy), self.createHierarchy($ul.children(), level + 1, id));
        }
        i++;
      });
      return hierarchy;
    }
  }, {
    key: "closeLink",
    value: function closeLink(linkInfos, checkChildren) {
      linkInfos.$link.removeClass('active');
      linkInfos.$ul.appendTo(this.$deposit);
      this.mainSubnavs[linkInfos.level].find('.main-subnav--nav').empty();
      this.mainSubnavs[linkInfos.level].removeClass('active');
      if (linkInfos.$highlight.length > 0) {
        linkInfos.$highlight.appendTo(this.$deposit);
      }
      this.openedLinks[linkInfos.level] = null;
      if (!checkChildren && linkInfos.level + 1 < 3 && this.openedLinks[linkInfos.level + 1]) {
        this.closeLink(this.openedLinks[linkInfos.level + 1]);
      }
    }
  }, {
    key: "openLink",
    value: function openLink(linkInfos) {
      var self = this;
      if (!this.isOpened) {
        this.$mainSubnav.addClass('active');
        this.isOpened = true;
      }
      if (this.openedLinks[linkInfos.level]) {
        this.closeLink(this.openedLinks[linkInfos.level]);
      }
      this.openedLinks[linkInfos.level] = linkInfos;
      linkInfos.$link.addClass('active');
      this.mainSubnavs[linkInfos.level].addClass('active');
      this.mainSubnavs[linkInfos.level].find('.main-subnav--links').append(linkInfos.$ul);
      var $backlink = $('<a href="#"></a>').append(linkInfos.title).on('click', function (e) {
        e.preventDefault();
        self.closeLink(linkInfos);
      });
      this.mainSubnavs[linkInfos.level].find('.main-subnav--nav').html($backlink);
      if (linkInfos.$highlight.length > 0) {
        linkInfos.$highlight.appendTo(this.mainSubnavs[2].find('.main-subnav--links'));
      }
    }
  }, {
    key: "close",
    value: function close() {
      for (var i = 0; i < this.openedLinks.length; i++) {
        if (this.openedLinks[i]) {
          this.closeLink(this.openedLinks[i], true);
        }
      }
      this.$mainSubnav.removeClass('active');
      this.isOpened = false;
    }
  }]);
}();
module.exports = MainNav;

},{}],33:[function(require,module,exports){
"use strict";

function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, _toPropertyKey(descriptor.key), descriptor); } }
function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); Object.defineProperty(Constructor, "prototype", { writable: false }); return Constructor; }
function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
var JSDropdown = /*#__PURE__*/function () {
  function JSDropdown(el, list) {
    _classCallCheck(this, JSDropdown);
    this.el = el;
    this.$el = $(el);
    this.list = list;
    var target = this.$el.data('target');
    if (target) {
      this.$target = $('.' + target);
    } else {
      this.$target = this.$el.parents('.simple-dropdown').find('.submenu');
    }
    this.scroll = this.$el.hasClass('js-dropdown-scroll');
    this.$btClose = this.$target.find('.js-close-btn');
    this.bind();
  }
  return _createClass(JSDropdown, [{
    key: "bind",
    value: function bind() {
      var self = this;
      this.$el.on('click', function (e) {
        e.preventDefault();
        e.stopPropagation();
        if (self.$el.hasClass('active')) {
          self.close();
        } else {
          self.open();
        }
        self.$el.blur();
      });
      this.$target.on('click', function (e) {
        e.stopPropagation();
      });
      if (this.$btClose.length > 0) {
        this.$btClose.on('click', function (e) {
          e.stopPropagation();
          self.close();
        });
      }
    }
  }, {
    key: "close",
    value: function close() {
      this.$el.removeClass('active');
      this.$target.removeClass('active');
    }
  }, {
    key: "open",
    value: function open() {
      this.closeOthers();
      this.$el.addClass('active');
      this.$target.addClass('active');
      var self = this;
      if (this.scroll) {
        $('html, body').stop().animate({
          scrollTop: this.$target.offset().top
        }, 400, function () {
          var $form = self.$target.find('form');
          if ($form.length) {
            $form.find('input,textarea,select').first()[0].focus();
          }
        });
      }
    }
  }, {
    key: "closeOthers",
    value: function closeOthers() {
      for (var i = 0; i < this.list.length; i++) {
        if (this.list[i] !== this) this.list[i].close();
      }
    }
  }]);
}();
var menuDropdowns = {
  obj: JSDropdown,
  list: [],
  init: function init() {
    var self = this;
    $('.js-dropdown').each(function () {
      self.list.push(new JSDropdown(this, self.list));
    });
    $('body').click(function () {
      for (var i = 0; i < self.list.length; i++) {
        self.list[i].close();
      }
    });
  }
};
module.exports = menuDropdowns;

},{}],34:[function(require,module,exports){
"use strict";

var message = {
  add: function add(text, type, timeout) {
    if (timeout !== false) {
      timeout = parseInt(timeout, 10);
      if (timeout < 1) {
        timeout = 5000;
      }
    }
    if (type !== 'info' && type !== 'warning' && type !== 'error') {
      type = 'info';
    }
    var $mess = $('<div class="quick-message quick-message--' + type + '"><button type="button" class="quick-message__close"><svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" class="icon icon-close" viewBox="0 0 20 20"><path fill="#000000" fill-rule="evenodd" d="M10,8.58578644 L4.34314575,2.92893219 L2.92893219,4.34314575 L8.58578644,10 L2.92893219,15.6568542 L4.34314575,17.0710678 L10,11.4142136 L15.6568542,17.0710678 L17.0710678,15.6568542 L11.4142136,10 L17.0710678,4.34314575 L15.6568542,2.92893219 L10,8.58578644 Z" /></svg></button><div class="content"></div></div>');
    $mess.find('.content').html(text);
    $('body').append($mess);
    if (timeout !== false) {
      var _timer = setTimeout(function () {
        $mess.fadeOut(function () {
          $mess.remove();
        });
      }, timeout);
    }
    $('.quick-message__close').on('click', function () {
      if (timeout !== false) clearTimeout(timer);
      $mess.remove();
    });
  }
};
module.exports = message;

},{}],35:[function(require,module,exports){
"use strict";

var modal = {
  ui: {},
  init: function init() {
    this.bindUI();
    this.bindEvents();
  },
  bindUI: function bindUI() {
    // Global
    this.ui.$win = $(window);
    this.ui.$body = $('body');
    this.ui.$document = $(document);

    // Module
    this.ui.$btn = $('.js-modal-btn');
    this.ui.$modal = $('.js-modal');
    this.ui.$close = $('.js-modal-close');
  },
  bindEvents: function bindEvents() {
    this.ui.$btn.on('click', $.proxy(this.showModal, this));
    this.ui.$close.on('click', $.proxy(this.closeModal, this));
    // this.ui.$document.on('keyup', $.proxy(this.closeModal, this));
  },
  showModal: function showModal(e) {
    e.preventDefault();

    // get ref modal.
    var ref = $(e.currentTarget).data('modal');

    // Parsing all modal to get clicked by ref.
    $.each(this.ui.$modal, function () {
      // Test ref clicked.
      if ($(this).data('modal') == ref) {
        // Show modal.
        $(this).addClass('is-open');

        // Lock body.
        $('body').addClass('is-locked');
      }
    });
  },
  closeModal: function closeModal(e) {
    e.preventDefault();

    // Get wrapper of btn close.
    var wrapper = $(e.currentTarget).closest('.js-modal');

    // Close modal.
    wrapper.removeClass('is-open');

    // Unlock body.
    this.ui.$body.removeClass('is-locked');

    // Close by keyboard.
    if (e.keyCode === 27) {
      this.ui.$modal.removeClass('is-open');
      this.ui.$body.removeClass('is-locked');
    }
  }
};
module.exports = modal;

},{}],36:[function(require,module,exports){
"use strict";

function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, _toPropertyKey(descriptor.key), descriptor); } }
function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); Object.defineProperty(Constructor, "prototype", { writable: false }); return Constructor; }
function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
var Modal = /*#__PURE__*/function () {
  function Modal(params) {
    _classCallCheck(this, Modal);
    this.params = $.extend({
      content: '',
      open: true,
      classes: [],
      onClose: null
    }, params);
    this.params.classes.unshift('modal');
    if (this.params.open) this.open();
  }
  return _createClass(Modal, [{
    key: "open",
    value: function open() {
      var modal = "<div class=\"".concat(this.params.classes.join(' '), "\"><div class=\"modal--modal\"><button type=\"button\" class=\"modal__close\">Close<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"20\" height=\"20\" class=\"icon icon-close\" viewBox=\"0 0 20 20\"><path fill=\"#000000\" fill-rule=\"evenodd\" d=\"M10,8.58578644 L4.34314575,2.92893219 L2.92893219,4.34314575 L8.58578644,10 L2.92893219,15.6568542 L4.34314575,17.0710678 L10,11.4142136 L15.6568542,17.0710678 L17.0710678,15.6568542 L11.4142136,10 L17.0710678,4.34314575 L15.6568542,2.92893219 L10,8.58578644 Z\" /></svg></button><div class=\"modal--content\"></div></div></div></div>");
      this.$modal = $(modal);
      this.$modal.appendTo('body');
      this.bind();
      this.$modal.find('.modal--content').html(this.params.content);
      this.$modal.addClass('is-open');
    }
  }, {
    key: "close",
    value: function close() {
      this.unbind();
      this.$modal.remove();
      if (this.params.onClose) {
        this.params.onClose();
      }
    }
  }, {
    key: "bind",
    value: function bind() {
      $(document).on('keyup.modal', function (e) {
        if (e.keyCode === 27) {
          this.close();
        }
      }.bind(this));
      this.$modal.on('click', this.close.bind(this));
      this.$modal.find('.modal__close').on('click', this.close.bind(this));
      this.$modal.find('.modal--modal').on('click', function (e) {
        e.stopPropagation();
      });
    }
  }, {
    key: "unbind",
    value: function unbind() {
      $(document).off('keyup.modal');
    }
  }]);
}();
module.exports = Modal;

},{}],37:[function(require,module,exports){
"use strict";

var navigationPanel = {
  ui: {},
  init: function init() {
    this.bindUI();
    this.bindEvents();
  },
  bindUI: function bindUI() {
    this.ui.$win = $(window);
    this.ui.$body = $('body');
    this.ui.$document = $(document);

    // Menu
    this.ui.$menuPanelOpenTrigger = $('.js-menu-panel-trigger');
    this.ui.$menuPanelWrapper = $('.js-menu-panel');
    this.ui.$menuPanelOverlay = $('.js-overlay');
    this.ui.$menuPanelCloseTrigger = $('.js-menu-panel-close');

    // Expends
    this.ui.$menuPanelExpendTrigger = $('.js-menu-panel-expend-trigger');
    this.ui.$menuPanelBackTrigger = $('.js-menu-panel-back-trigger');
  },
  bindEvents: function bindEvents() {
    this.ui.$menuPanelOpenTrigger.on('click', $.proxy(this.openNavigation, this));
    this.ui.$menuPanelCloseTrigger.add(this.ui.$menuPanelOverlay).on('click', $.proxy(this.closeNavigation, this));
    this.ui.$menuPanelExpendTrigger.on('click', this.openExpend);
    this.ui.$menuPanelBackTrigger.on('click', this.closeExpend);
  },
  openNavigation: function openNavigation(e) {
    e.preventDefault();
    var $menuPanelWrapper = $('.js-menu-panel#' + $(e.currentTarget).attr('data-panel'));
    $menuPanelWrapper.addClass('is-opened');
    this.ui.$menuPanelOverlay.addClass('active');
    this.ui.$body.addClass('is-locked');
  },
  closeNavigation: function closeNavigation(e) {
    e.preventDefault();
    this.ui.$menuPanelWrapper.removeClass('is-opened');
    this.ui.$menuPanelOverlay.removeClass('active');
    this.ui.$body.removeClass('is-locked');
  },
  openExpend: function openExpend(e) {
    e.preventDefault();
    var $wrapper = $(this).hasClass('js-menu-panel-expend-wrapper') ? $(this) : $(this).closest('.js-menu-panel-expend-wrapper'),
      $expend = $wrapper.find('.js-menu-panel-expend').first(),
      $menuExpend = $expend.find('.navigation__expends');
    if ($expend.hasClass('is-opened')) {
      $expend.height(0);
      $expend.removeClass('is-opened');
    } else {
      $expend.addClass('is-opened');
      $expend.height($menuExpend.outerHeight());
    }
  },
  closeExpend: function closeExpend(e) {
    e.preventDefault();
    var $wrapper = $(this).closest('.js-menu-panel-expend');
    $wrapper.removeClass('is-opened');
  }
};
module.exports = navigationPanel;

},{}],38:[function(require,module,exports){
"use strict";

var _ = require('underscore');
var newsList = {
  ui: {},
  newsJSON: {},
  init: function init() {
    this.bindUI();
    this.bindEvents();
    this.getData();
  },
  bindUI: function bindUI() {
    this.ui.$win = $(window);
    this.ui.$body = $('body');
    this.ui.$urlJson = $('.js-json-url').data('json');
    console.log(this.ui.$urlJson);
  },
  bindEvents: function bindEvents() {
    //this.ui.$btnProduct.on('click', $.proxy(this.openProduct, this));
  },
  getData: function getData(e) {
    $.getJSON(this.ui.$urlJson, function (data) {
      self.newsJSON = data;
    }).done(function (data) {
      // LOAD ok
    });
  }
};
module.exports = newsList;

},{"underscore":8}],39:[function(require,module,exports){
"use strict";

function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, _toPropertyKey(descriptor.key), descriptor); } }
function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); Object.defineProperty(Constructor, "prototype", { writable: false }); return Constructor; }
function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
var Comparator = /*#__PURE__*/function () {
  function Comparator($panel, $btnPanel, storage) {
    _classCallCheck(this, Comparator);
    this.$panel = $panel;
    this.$btnPanel = $btnPanel;
    this.$el = $('.panel-comparator__inner');
    this.url = $panel.data('service');
    this.storage = storage;
    this.trans = $panel.data('i18n');
    this.init();
    this.bind();
  }
  return _createClass(Comparator, [{
    key: "init",
    value: function init() {
      var self = this;
      var reqData = {
        site: window.nexansConfig.site,
        language: document.documentElement.lang,
        ids: this.storage.data.familyIds
      };
      $.ajax({
        url: self.url,
        type: 'get',
        dataType: 'json',
        contentType: 'application/json',
        data: reqData,
        traditional: true
      }).done(function (data) {
        self.data = data;
        self.render();
      });
    }
  }, {
    key: "bind",
    value: function bind() {
      this.$el.click();
      var self = this;
      this.$el.on('click', '.btn-switch', function (e) {
        e.preventDefault();
        self.$el.toggleClass('highlighted');
      });
      this.$el.on('click', '.js-remove', function (e) {
        e.preventDefault();
        self.removeRow(parseInt($(this).data('index'), 10), $(this).data('id'));
      });
    }
  }, {
    key: "removeRow",
    value: function removeRow(index, id) {
      this.data.families.splice(index, 1);
      this.storage.delete(parseInt(id, 10));
      for (var i = 0; i < this.data.features.length; i++) {
        this.data.features[i].values.splice(index, 1);
      }
      $('body').trigger('comparator_update', [this.storage.count, true]);
      this.render();
    }
  }, {
    key: "getImageUrl",
    value: function getImageUrl(imageId) {
      return window.nexansConfig.eserviceDamServiceUrl + '/image/' + imageId + '?site=' + window.nexansConfig.site + '&variant=264x264&scaleType=FILL';
    }
  }, {
    key: "render",
    value: function render() {
      var output = '<table><thead><tr>';
      output += '<td></td>';
      for (var i = 0; i < this.data.families.length; i++) {
        output += '<td>';
        output += '<div class="actions text-current-small"><button class="js-remove" data-index="' + i + '" data-id="' + this.data.families[i].id + '" type="button"><span>' + this.trans.remove + '</span><svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20"><path fill="currentColor" fill-rule="evenodd" d="M10,8.58578644 L4.34314575,2.92893219 L2.92893219,4.34314575 L8.58578644,10 L2.92893219,15.6568542 L4.34314575,17.0710678 L10,11.4142136 L15.6568542,17.0710678 L17.0710678,15.6568542 L11.4142136,10 L17.0710678,4.34314575 L15.6568542,2.92893219 L10,8.58578644 Z"/></svg></button></div>';
        if ('imageId' in this.data.families[i] && this.data.families[i].imageId) {
          output += '<img src="' + this.getImageUrl(this.data.families[i].imageId) + '" alt="' + this.data.families[i].name + '">';
        }
        output += '<h3>' + this.data.families[i].name + '</h3>';
      }
      output += '</tr></thead><tbody>';
      for (var _i = 0; _i < this.data.features.length; _i++) {
        var same = this.data.features[_i].values.every(function (val, ind, arr) {
          return val === arr[0];
        });
        output += '<tr class="' + (same ? 'same' : 'diff') + '">';
        output += '<td class="title">' + this.data.features[_i].name + '</td>';
        for (var j = 0; j < this.data.features[_i].values.length; j++) {
          if (this.data.features[_i].values[j] === '##-##') {
            output += '<td>' + this.trans['specific_per_product'] + '</td>';
          } else {
            output += '<td>' + this.data.features[_i].values[j] + '</td>';
          }
        }
        output += '</tr>';
      }
      output += '</tbody></table>';
      this.$panel.removeAttr('style');
      this.$el.html(output);
      this.$panel.width(this.$el.find('table').width() + 40);
    }
  }]);
}();
var panelComparator = {
  ui: {},
  init: function init(storage) {
    this.bindUI();
    this.bindEvents(storage);
  },
  bindUI: function bindUI() {
    this.ui.$win = $(window);
    this.ui.$body = $('body');
    this.ui.$document = $(document);
    this.ui.$btnProduct = $('.js-open-panel-comparator');
    this.ui.$panel = $('.js-panel-comparator');
    this.ui.$container = this.ui.$panel.find('.js-panel-container');
    this.ui.$mask = $('.js-overlay');
    this.ui.$close = this.ui.$panel.find('.js-close-panel');
  },
  bindEvents: function bindEvents(storage) {
    var self = this;
    this.ui.$btnProduct.on('click', function (e) {
      self.openPanel(e, storage);
    });
    this.ui.$close.on('click', $.proxy(this.closePanel, this));
    this.ui.$mask.on('click', $.proxy(this.closePanel, this));
  },
  /* Desktop */

  openPanel: function openPanel(e, storage) {
    e.preventDefault();
    if (!!this.ui.$btnProduct.hasClass('is-disabled')) return;
    this.ui.$body.addClass('is-locked');
    this.ui.$panel.addClass('is-open');
    this.ui.$mask.addClass('active');
    new Comparator(this.ui.$panel, this.ui.$btnProduct, storage);
  },
  closePanel: function closePanel(e) {
    e.preventDefault();
    this.ui.$body.removeClass('is-locked');
    this.ui.$panel.removeClass('is-open');
    this.ui.$mask.removeClass('active');

    // Close by keyboard.
    if (e.keyCode === 27) {
      this.ui.$body.removeClass('is-locked');
      this.ui.$panel.removeClass('is-open');
      this.ui.$mask.removeClass('active');
    }
  }
};
module.exports = panelComparator;

},{}],40:[function(require,module,exports){
"use strict";

var contactForm = {
  ui: {},
  topic: [],
  valid: false,
  init: function init() {
    this.bindUI();
    this.initElements();
    this.reCaptchaSiteKey = this.ui.$contactForm.data("recaptcha_sitekey");
    this.hCaptchaSiteKey = this.ui.$contactForm.data("hcaptcha_sitekey");
    this.bindEvents();
  },
  bindUI: function bindUI() {
    this.ui.$body = $('body');
    this.ui.$document = $(document);
    this.ui.$panel = $('.js-panel-contact');
    this.ui.$formContainer = '';
    this.ui.$contactForm = '';
    this.ui.$validation = '';
    this.ui.$errorInfo = '';
    this.ui.$required = '';
    this.ui.$selectRequired = '';
    this.ui.$topic = '';
    this.ui.$requiredEmail = '';
    this.ui.$validationMsg = '';
    this.ui.$success = '';
    this.ui.$error = '';
  },
  initElements: function initElements() {
    var _this = this;
    this.ui.$panel.each(function (n, item) {
      _this.ui.$formContainer = $(item).find('.js-form');
      _this.ui.$contactForm = $(item).find('.js-contact-form');
      _this.ui.$errorInfo = $(item).find('.js-error-info');
      _this.ui.$required = $(item).find('.js-required');
      _this.ui.$selectRequired = $(item).find('.js-select-required');
      _this.ui.$topic = $(item).find('.js-select-topic');
      _this.ui.$requiredEmail = $(item).find('.js-mail-required');
      _this.ui.$validation = $(item).find('.js-contact-validation');
      _this.ui.$validationMsg = $(item).closest('.panel-contact').find('.js-validation');
      _this.ui.$success = $(item).closest('.panel-contact').find('.js-contact-success');
      _this.ui.$error = $(item).closest('.panel-contact').find('.js-contact-error');
    });
  },
  bindEvents: function bindEvents() {
    var _this2 = this;
    this.ui.$topic.on('change', function (e) {
      return _this2.topics(e);
    });
    this.ui.$required.on('keyup', function (e) {
      return _this2.controlChange(e);
    });
    this.ui.$selectRequired.on('change', function (e) {
      return _this2.controlChange(e);
    });
    this.ui.$validation.on('click', function (e) {
      return _this2.controlForm(e);
    });
  },
  topics: function topics(e) {
    var id = $(e.currentTarget).find(':checkbox').attr('id');

    // Tags list
    if (id.length) {
      if (this.topic.includes(id)) {
        var index = this.topic.indexOf(id);
        if (index !== -1) this.topic.splice(index, 1);
      } else {
        // add item on array tags.
        this.topic.push(id);
      }
    }
  },
  controlForm: function controlForm(e) {
    var _this3 = this;
    var captchaValid = true;
    if (this.reCaptchaSiteKey) {
      var response = grecaptcha.getResponse(0);
      if (response.length == 0) {
        captchaValid = false;
      }
    }
    if (this.hCaptchaSiteKey) {
      var response = this.ui.$contactForm.find("[name='h-captcha-response']").val();
      if (response.length == 0) {
        console.log('no hCaptcha response');
        captchaValid = false;
      }
    }
    var ofTop = $('body').offset().top;

    // check all input.
    this.ui.$required.each(function (e, item) {
      if ($(item).val() == '') {
        // Set required input.
        $(item).addClass('is-required');

        // Show msg error.
        _this3.ui.$errorInfo.fadeIn();

        // back to top.
        $(item).closest('.panel-contact').scrollTop(ofTop);
      } else if ($(item).hasClass('is-required') && $(item).val() != "") {
        $(item).removeClass('is-required');
      }
      if (_this3.ui.$selectRequired.val() == null) {
        $(item).addClass('is-required');
      }
    });

    // check input mail.
    this.ui.$requiredEmail.each(function (n, item) {
      var check = /^([a-zA-Z0-9_.+-])+\@(([a-zA-Z0-9-])+\.)+([a-zA-Z0-9]{2,4})+$/;
      var val = $(item).val();
      if (check.test(val)) {
        $(item).parent().removeClass('warning');
      } else {
        $(item).parent().addClass('warning');
      }
    });
    if (captchaValid && !this.ui.$required.hasClass('is-required') && !this.ui.$requiredEmail.parent().hasClass('warning')) {
      this.valid = true;
    } else {
      this.valid = false;
    }
    if (this.valid) {
      this.ui.$validation.closest('.js-form').removeClass('form-hidden').hide();
      this.ui.$validationMsg.addClass('form-show').show();
      this.postForm(e);
      return false;
    } else {
      return false;
    }
  },
  controlChange: function controlChange(e) {
    if ($(e.currentTarget).val() != "") {
      $(e.currentTarget).removeClass('is-required');
    }
    $(e.currentTarget).removeClass('is-required');
  },
  postForm: function postForm(e) {
    e.preventDefault();
    var self = this,
      resourceUrl = this.ui.$contactForm.find("#url").val();
    var requestdata = {
      topics: this.topic,
      siteId: this.ui.$contactForm.find("#site").val(),
      pageId: this.ui.$contactForm.find("#pageid").val(),
      firstName: this.ui.$contactForm.find("input[name='first-name']").val(),
      lastName: this.ui.$contactForm.find("input[name='last-name']").val(),
      email: this.ui.$contactForm.find("input[name='email']").val(),
      phone: this.ui.$contactForm.find("input[name='phone-number']").val(),
      country: this.ui.$contactForm.find("select[name='country']").val(),
      company: this.ui.$contactForm.find("input[name='company']").val(),
      address: this.ui.$contactForm.find("input[name='address']").val(),
      postalCode: this.ui.$contactForm.find("input[name='postal-code']").val(),
      city: this.ui.$contactForm.find("input[name='city']").val(),
      subject: this.ui.$contactForm.find("input[name='subject']").val(),
      message: this.ui.$contactForm.find("textarea[name='message']").val(),
      reCaptchaToken: this.ui.$contactForm.find("#g-recaptcha-response").val(),
      hCaptchaToken: this.ui.$contactForm.find("[name='h-captcha-response']").val(),
      emailCopy: this.ui.$contactForm.find("#send-copy").prop('checked')
    };
    $.ajax({
      url: resourceUrl,
      type: 'POST',
      data: JSON.stringify(requestdata),
      contentType: "application/json; charset=utf-8",
      dataType: 'json',
      success: function success(html, status) {
        self.ui.$success.show();
      },
      error: function error(result, status, _error) {
        self.ui.$error.show();
      }
    });
    this.valid = false;
  }
};
module.exports = contactForm;

},{}],41:[function(require,module,exports){
"use strict";

var contactFormSpe = {
  ui: {},
  valid: false,
  init: function init() {
    this.bindUI();
    this.initElements();
    this.reCaptchaSiteKey = this.ui.$contactForm.data("recaptcha_sitekey");
    this.hCaptchaSiteKey = this.ui.$contactForm.data("hcaptcha_sitekey");
    this.bindEvents();
  },
  bindUI: function bindUI() {
    this.ui.$body = $('body');
    this.ui.$document = $(document);
    this.ui.$panel = $('.js-panel-contact-spe');
    this.ui.$formContainer = '';
    this.ui.$contactForm = '';
    this.ui.$validation = '';
    this.ui.$errorInfo = '';
    this.ui.$required = '';
    this.ui.$selectRequired = '';
    this.ui.$requiredEmail = '';
    this.ui.$validationMsg = '';
    this.ui.$success = '';
    this.ui.$error = '';
  },
  initElements: function initElements() {
    var _this = this;
    this.ui.$panel.each(function (n, item) {
      _this.ui.$formContainer = $(item).find('.js-form');
      _this.ui.$contactForm = $(item).find('.js-contact-form');
      _this.ui.$errorInfo = $(item).find('.js-error-info');
      _this.ui.$required = $(item).find('.js-required');
      _this.ui.$selectRequired = $(item).find('.js-select-required');
      _this.ui.$requiredEmail = $(item).find('.js-mail-required');
      _this.ui.$validation = $(item).find('.js-contact-validation');
      _this.ui.$validationMsg = $(item).closest('.panel-contact').find('.js-validation');
      _this.ui.$success = $(item).closest('.panel-contact').find('.js-contact-success');
      _this.ui.$error = $(item).closest('.panel-contact').find('.js-contact-error');
    });
  },
  bindEvents: function bindEvents() {
    var _this2 = this;
    this.ui.$required.on('keyup', function (e) {
      return _this2.controlChange(e);
    });
    this.ui.$selectRequired.on('change', function (e) {
      return _this2.controlChange(e);
    });
    this.ui.$validation.on('click', function (e) {
      return _this2.controlForm(e);
    });
  },
  controlForm: function controlForm(e) {
    var _this3 = this;
    var captchaValid = true;
    if (this.reCaptchaSiteKey) {
      var response = grecaptcha.getResponse(1);
      if (response.length == 0) {
        captchaValid = false;
      }
    }
    if (this.hCaptchaSiteKey) {
      var response = this.ui.$contactForm.find("[name='h-captcha-response']").val();
      if (response.length == 0) {
        console.log('no hCaptcha response');
        captchaValid = false;
      }
    }
    var ofTop = $('body').offset().top;

    // check all input.
    this.ui.$required.each(function (e, item) {
      if ($(item).val() == '') {
        // Set required input.
        $(item).addClass('is-required');

        // Show msg error.
        _this3.ui.$errorInfo.fadeIn();

        // back to top.
        $(item).closest('.panel-contact').scrollTop(ofTop);
      } else if ($(item).hasClass('is-required') && $(item).val() != "") {
        $(item).removeClass('is-required');
      }
      if (_this3.ui.$selectRequired.val() == null) {
        $(item).addClass('is-required');
      }
    });

    // check input mail.
    this.ui.$requiredEmail.each(function (n, item) {
      var check = /^([a-zA-Z0-9_.+-])+\@(([a-zA-Z0-9-])+\.)+([a-zA-Z0-9]{2,4})+$/;
      var val = $(item).val();
      if (check.test(val)) {
        $(item).parent().removeClass('warning');
      } else {
        $(item).parent().addClass('warning');
      }
    });
    if (captchaValid && !this.ui.$required.hasClass('is-required') && !this.ui.$requiredEmail.parent().hasClass('warning')) {
      this.valid = true;
    } else {
      this.valid = false;
    }
    if (this.valid) {
      this.ui.$validation.closest('.js-form').addClass('form-hidden').hide();
      this.ui.$validationMsg.addClass('form-show').show();
      this.postForm(e);
      return false;
    } else {
      return false;
    }
  },
  controlChange: function controlChange(e) {
    if ($(e.currentTarget).val() != "") {
      $(e.currentTarget).removeClass('is-required');
    }
    $(e.currentTarget).removeClass('is-required');
  },
  postForm: function postForm(e) {
    e.preventDefault();
    var self = this,
      resourceUrl = this.ui.$contactForm.find("#url").val();
    var requestdata = {
      contactId: this.ui.$contactForm.find("#contactid").val(),
      pageId: this.ui.$contactForm.find("#pageid").val(),
      siteId: this.ui.$contactForm.find("#site").val(),
      firstName: this.ui.$contactForm.find("input[name='first-name']").val(),
      lastName: this.ui.$contactForm.find("input[name='last-name']").val(),
      email: this.ui.$contactForm.find("input[name='email']").val(),
      phone: this.ui.$contactForm.find("input[name='phone-number']").val(),
      country: this.ui.$contactForm.find("select[name='country']").val(),
      company: this.ui.$contactForm.find("input[name='company']").val(),
      address: this.ui.$contactForm.find("input[name='address']").val(),
      postalCode: this.ui.$contactForm.find("input[name='postal-code']").val(),
      city: this.ui.$contactForm.find("input[name='city']").val(),
      subject: this.ui.$contactForm.find("input[name='subject']").val(),
      message: this.ui.$contactForm.find("textarea[name='message']").val(),
      reCaptchaToken: this.ui.$contactForm.find("#g-recaptcha-response").val(),
      hCaptchaToken: this.ui.$contactForm.find("[name='h-captcha-response']").val(),
      emailCopy: this.ui.$contactForm.find("#send-copy-spe").prop('checked')
    };
    $.ajax({
      url: resourceUrl,
      type: 'POST',
      data: JSON.stringify(requestdata),
      contentType: "application/json; charset=utf-8",
      dataType: 'json',
      success: function success(html, status) {
        self.ui.$success.show();
      },
      error: function error(result, status, _error) {
        self.ui.$error.show();
      }
    });
    this.valid = false;
  }
};
module.exports = contactFormSpe;

},{}],42:[function(require,module,exports){
"use strict";

var contactPanel = {
  ui: {},
  init: function init() {
    this.bindUI();
    this.bindEvents();
  },
  bindUI: function bindUI() {
    this.ui.$body = $('body');
    this.ui.$document = $(document);
    this.ui.$checkboxes = $('.js-contact-checkboxes');
    this.ui.$hidden = $('#contactid');
    this.ui.$panel = $('.js-panel-contact');
    this.ui.$panelSpe = $('.js-panel-contact-spe');
    this.ui.$trigger = $('.js-toggle-contact');
    this.ui.$triggerSpe = $('.js-toggle-contact-spe');
    this.ui.$close = $('.js-close-contact');
    this.ui.$closeSpe = $('.js-close-contact-spe');
    this.ui.$mask = $('.js-overlay');
    this.ui.$btnClose = $('.js-close-panel');
  },
  bindEvents: function bindEvents() {
    var _this = this;
    this.ui.$trigger.on('click', function (e) {
      return _this.openPanel(e);
    });
    this.ui.$close.add(this.ui.$mask).on('click', function (e) {
      return _this.closePanel(e);
    });
    this.ui.$btnClose.add(this.ui.$mask).on('click', function (e) {
      return _this.closePanel(e);
    });
    this.ui.$triggerSpe.on('click', function (e) {
      return _this.openPanelSpe(e);
    });
    this.ui.$closeSpe.add(this.ui.$mask).on('click', function (e) {
      return _this.closePanelSpe(e);
    });
    //this.ui.$document.on('keyup', (e) => this.closePanel(e));
  },
  openPanel: function openPanel(e) {
    e.preventDefault();
    var $el = $(e.currentTarget),
      categoryid = $el.data('categoryid'),
      // $checkboxes = this.ui.$checkboxes.find('input[type="checkbox"]'),
      $selfcheck = this.ui.$checkboxes.find('#' + categoryid);
    if ($selfcheck.length) {
      // $checkboxes.prop('checked', false);
      $selfcheck.prop('checked', true);
    }
    this.ui.$body.addClass('is-locked');
    this.ui.$panel.add(this.ui.$mask).addClass('active');
  },
  openPanelSpe: function openPanelSpe(e) {
    e.preventDefault();
    var $el = $(e.currentTarget),
      contactid = $el.data('contactid'),
      categoryid = $el.data('categoryid');
    if (contactid && contactid.length > 1) {
      this.ui.$hidden.val(contactid);
    }
    if (!this.ui.$hidden.val() || '' == this.ui.$hidden.val()) {
      // no specific contact -> fallback to generic panel
      this.openPanel(e);
      return;
    }
    if (categoryid && '' != categoryid) {
      $selfcheck = this.ui.$checkboxes.find('#' + categoryid);
      if ($selfcheck.length) {
        $selfcheck.prop('checked', true);
      }
    }
    this.ui.$body.addClass('is-locked');
    this.ui.$panelSpe.add(this.ui.$mask).addClass('active');
  },
  closePanel: function closePanel(e) {
    e.preventDefault();
    var $el = $(e.currentTarget);
    if ($('.js-validation').hasClass('form-show') || $('.js-form').hasClass('form-hidden')) {
      $('.js-validation').removeClass('form-show').hide();
      $('.js-form').removeClass('form-hidden').show();
    }
    this.ui.$body.removeClass('is-locked');
    this.ui.$panel.add(this.ui.$mask).removeClass('active');

    // Close by keyboard.
    if (e.keyCode === 27) {
      this.ui.$panel.add(this.ui.$mask).removeClass('active');
      this.ui.$body.removeClass('is-locked');
    }
  },
  closePanelSpe: function closePanelSpe(e) {
    e.preventDefault();
    var $el = $(e.currentTarget);
    if ($('.js-validation').hasClass('form-show') || $('.js-form').hasClass('form-hidden')) {
      $('.js-validation').removeClass('form-show').hide();
      $('.js-form').removeClass('form-hidden').show();
    }
    this.ui.$body.removeClass('is-locked');
    this.ui.$panelSpe.add(this.ui.$mask).removeClass('active');

    // Close by keyboard.
    if (e.keyCode === 27) {
      this.ui.$panelSpe.add(this.ui.$mask).removeClass('active');
      this.ui.$body.removeClass('is-locked');
    }
  }
};
module.exports = contactPanel;

},{}],43:[function(require,module,exports){
"use strict";

var dopPanel = {
  ui: {},
  init: function init() {
    this.bindUI();
    this.bindEvents();
  },
  bindUI: function bindUI() {
    this.ui.$body = $('body');
    this.ui.$document = $(document);
    this.ui.$panel = $('.js-panel-dop');
    this.ui.$trigger = $('.js-toggle-dop');
    this.ui.$close = $('.js-close-dop');
    this.ui.$mask = $('.js-overlay');
    this.ui.$btnClose = $('.js-close-panel');
  },
  bindEvents: function bindEvents() {
    var _this = this;
    this.ui.$trigger.on('click', function (e) {
      return _this.openPanel(e);
    });
    this.ui.$close.add(this.ui.$mask).on('click', function (e) {
      return _this.closePanel(e);
    });
    this.ui.$btnClose.add(this.ui.$mask).on('click', function (e) {
      return _this.closePanel(e);
    });
    //this.ui.$document.on('keyup', (e) => this.closePanel(e));
  },
  openPanel: function openPanel(e) {
    e.preventDefault();
    this.ui.$body.addClass('is-locked');
    this.ui.$panel.add(this.ui.$mask).addClass('active');
  },
  closePanel: function closePanel(e) {
    e.preventDefault();
    var $el = $(e.currentTarget);
    this.ui.$body.removeClass('is-locked');
    this.ui.$panel.add(this.ui.$mask).removeClass('active');

    // Close by keyboard.
    if (e.keyCode === 27) {
      this.ui.$panel.add(this.ui.$mask).removeClass('active');
      this.ui.$body.removeClass('is-locked');
    }
  }
};
module.exports = dopPanel;

},{}],44:[function(require,module,exports){
"use strict";

var panelGovernance = {
  ui: {},
  governanceJSON: {},
  init: function init() {
    this.bindUI();
    this.bindEvents();
    this.getData();
  },
  bindUI: function bindUI() {
    this.ui.$win = $(window);
    this.ui.$body = $('body');
    this.ui.$overlay = $('.js-overlay');
    this.ui.$trigger = $('.js-gp-trigger');
    this.ui.$close = $('.js-gp-close');
    this.ui.$panel = $('.js-gp-panel');
    this.ui.$cover = $('.js-gp-cover');
    this.ui.$name = $('.js-gp-name');
    this.ui.$title = $('.js-gp-title');
    this.ui.$bio = $('.js-gp-bio');
  },
  bindEvents: function bindEvents() {
    this.ui.$trigger.on('click', $.proxy(this.openPanel, this));
    this.ui.$close.on('click', $.proxy(this.closePanel, this));
    this.ui.$overlay.on('click', $.proxy(this.closePanel, this));
  },
  // getData: function getData(e) {
  //     // TODO : Get JSON URL form data attribut
  //     var url = window.oojson.url;
  //
  //     $.getJSON(url, function(data) {
  //         self.governanceJSON = data;
  //     }).done(function(data) {
  //         // Everything is alright
  //     });
  // },

  getData: function getData(t) {
    if (window.oojson.data) {
      self.governanceJSON = window.oojson.data;
    } else {
      var e = window.oojson.url;
      $.getJSON(e, function (t) {
        self.governanceJSON = t;
      }).done(function (t) {});
    }
  },
  openPanel: function openPanel(e) {
    e.preventDefault();
    var $el = $(e.currentTarget),
      id = $el.data('bio');
    this.ui.$overlay.addClass('active');
    this.ui.$panel.addClass('active');
    this.ui.$body.addClass('is-locked');
    this.fillPanel(id);
  },
  // closePanel: function closePanel(e) {
  //     e.preventDefault();
  //
  //     this.ui.$overlay.removeClass('active');
  //     this.ui.$panel.removeClass('active');
  //     this.ui.$body.removeClass('is-locked');
  // },

  closePanel: function closePanel(e) {
    e.preventDefault();

    // Close by btn close or mask.
    if (this.ui.$panel.hasClass('active') || $(e.currentTarget).hasClass('js-gp-mask')) {
      this.ui.$overlay.removeClass('active');
      this.ui.$panel.removeClass('active');
      this.ui.$body.removeClass('is-locked');
    }
    ;
  },
  fillPanel: function fillPanel(id) {
    this.ui.$cover.css('background-image', 'url(' + self.governanceJSON[id]["cover"] + ')');
    this.ui.$name.html(self.governanceJSON[id]["name"]);
    this.ui.$title.html(self.governanceJSON[id]["title"]);
    this.ui.$bio.html(self.governanceJSON[id]["bio"]);
  }
};
module.exports = panelGovernance;

},{}],45:[function(require,module,exports){
"use strict";

var panelLogin = {
  ui: {},
  init: function init() {
    this.bindUI();
    this.bindEvents();
  },
  bindUI: function bindUI() {
    this.ui.$document = $(document);
    var forms = $('.js-user-login-form');
    this.ui.$loginForm = forms.find('.js-user-sign-form');
    this.ui.$resetForm = forms.find('.js-user-reset-form');
    this.ui.$showResetForm = forms.find('.js-show-user-reset-form');
    this.ui.$showSignForm = forms.find('.js-show-user-sign-form');
    this.ui.$signInput = this.ui.$loginForm.find('.js-email-field');
    this.ui.$resetInput = this.ui.$resetForm.find('.js-email-field');
  },
  bindEvents: function bindEvents() {
    var self = this;
    this.ui.$showResetForm.on('click', function (e) {
      e.preventDefault();
      self.ui.$loginForm.hide();
      self.ui.$resetForm.show();
    });
    this.ui.$showSignForm.on('click', function (e) {
      e.preventDefault();
      self.ui.$resetForm.hide();
      self.ui.$loginForm.show();
    });
    this.ui.$signInput.on('input', function () {
      self.ui.$resetInput.val($(this).val());
    });
    this.ui.$resetInput.on('input', function () {
      self.ui.$signInput.val($(this).val());
    });
  }
};
module.exports = panelLogin;

},{}],46:[function(require,module,exports){
"use strict";

var panelNewsletter = {
  ui: {},
  init: function init() {
    this.bindUI();
    this.bindEvents();
  },
  bindUI: function bindUI() {
    this.ui.$win = $(window);
    this.ui.$body = $('body');
    this.ui.$document = $(document);
    this.ui.$btnProduct = $('.js-open-panel-newsletter');
    this.ui.$panel = $('.js-panel-newsletter');
    this.ui.$container = this.ui.$panel.find('.js-panel-container');
    this.ui.$mask = $('.js-overlay');
    this.ui.$close = this.ui.$panel.find('.js-close-panel');

    // list
    this.ui.entry = $('.js-list-item');
    //this.ui.$subEntry          = $('.js-list-subnav');
  },
  bindEvents: function bindEvents() {
    this.ui.$btnProduct.on('click', $.proxy(this.openPanel, this));
    this.ui.$close.on('click', $.proxy(this.closePanel, this));
    //this.ui.$document.on('keyup', $.proxy(this.closePanel, this));
    this.ui.$mask.on('click', $.proxy(this.closePanel, this));
    // this.ui.entry.on('mouseenter', $.proxy(this.showSubNav, this));

    // nav mobile version
    if (this.ui.$win.outerWidth >= 767) {
      this.ui.entry.on('click', $.proxy(this.mobShowSubNav, this));
    }
  },
  /* Desktop */

  openPanel: function openPanel(e) {
    e.preventDefault();

    // this.ui.$body.addClass('is-panel-solution-open');
    this.ui.$body.addClass('is-locked');
    this.ui.$panel.addClass('is-open');
    this.ui.$mask.addClass('active');
  },
  closePanel: function closePanel(e) {
    e.preventDefault();
    this.ui.$body.removeClass('is-locked');
    this.ui.$panel.removeClass('is-open');
    this.ui.$mask.removeClass('active');

    // Close by keyboard.
    if (e.keyCode === 27) {
      this.ui.$body.removeClass('is-locked');
      this.ui.$panel.removeClass('is-open');
      this.ui.$mask.removeClass('active');
    }
  },
  showSubNav: function showSubNav(e) {
    //get this
    var $this = $(e.currentTarget);

    //remove all subnav.
    this.ui.entry.removeClass('is-open');
    $this.addClass('is-open');
  },
  hideSubNav: function hideSubNav(e) {
    setTimeout(function () {
      $(e.currentTarget).removeClass('is-open');
    }, 200);
  },
  /* Mobile nav  */

  mobShowSubNav: function mobShowSubNav(e) {
    e.preventDefault();
    console.log(e);
  }
};
module.exports = panelNewsletter;

},{}],47:[function(require,module,exports){
"use strict";

var loadProductPanel = {
  ui: {},
  productJSON: {},
  products: [],
  related: [],
  init: function init() {
    this.bindUI();
    this.bindEvents();
    this.getData();
  },
  bindUI: function bindUI() {
    this.ui.$win = $(window);
    this.ui.$body = $('body');
    this.ui.$document = $(document);
    this.ui.$openSolution = $('.js-open-panel-solution');
    this.ui.$btnProduct = $('.js-load-product');
    this.ui.$panel = $('.js-panel-product');
    this.ui.$overlay = $('.js-overlay');
    this.ui.$close = this.ui.$panel.find('.js-close-panel');

    // Panel elements
    this.ui.$jsonCategory = $('.js-json-category');
    this.ui.$jsonName = $('.js-json-name');
    this.ui.$jsonCover = $('.js-json-cover');
    this.ui.$jsonInfos = $('.js-json-infos');
    this.ui.$jsonUrl = $('.js-json-url');
    this.ui.$jsonRelated = $('.js-json-related');
    this.ui.$jsonCoverMobile = $('.js-json-cover-mobile');
  },
  bindEvents: function bindEvents() {
    var _this = this;
    this.ui.$btnProduct.on('click', $.proxy(this.openProduct, this));
    this.ui.$close.on('click', $.proxy(this.closePanel, this));
    this.ui.$overlay.on('click', $.proxy(this.closePanel, this));
    //this.ui.$document.on('keyup', $.proxy(this.closePanel, this));

    this.ui.$openSolution.on('click', function (e) {
      return _this.showSolution(e);
    });
  },
  // getData: function getData(e) {
  //     var url = window.oojson.url;
  //
  //     $.getJSON(url, function(data) {
  //         self.productJSON = data;
  //     }).done(function(data) {
  //     });
  // },

  getData: function getData(e) {
    if (window.oojson.data) {
      self.productJSON = window.oojson.data;
    } else {
      var e = window.oojson.url;
      $.getJSON(e, function (t) {
        self.productJSON = t;
      }).done(function (t) {});
    }
  },
  openProduct: function openProduct(e) {
    // get ID of product selected.
    var $el = $(e.currentTarget),
      id = $el.data('productid');
    this.clearProduct();

    // Load product by ID.
    this.loadProduct(id);

    // Open overlay.
    this.ui.$overlay.addClass('active');
    this.ui.$panel.addClass('is-open');
    this.ui.$body.addClass('is-locked');
  },
  showSolution: function showSolution(e) {
    e.preventDefault();
    this.ui.$panel.removeClass('is-open');
  },
  closePanel: function closePanel(e) {
    e.preventDefault();
    this.ui.$body.removeClass('is-locked');
    this.ui.$panel.removeClass('is-open');
    this.ui.$overlay.removeClass('active');

    // Close by keyboard.
    if (e.keyCode === 27) {
      this.ui.$body.removeClass('is-locked');
      this.ui.$panel.removeClass('is-open');
      this.ui.$overlay.removeClass('active');
    }
  },
  clearProduct: function clearProduct() {
    // Clear planel product.
    this.ui.$jsonCategory.html('');
    this.ui.$jsonName.html('');
    this.ui.$jsonCover.attr('src', '');
    this.ui.$jsonCoverMobile.attr('src', '');
    this.ui.$jsonInfos.html('');
    this.ui.$jsonUrl.attr('href', '').removeClass('hidden');
    this.ui.$jsonRelated.html('');
    this.ui.$openSolution.addClass('hidden');
  },
  loadProduct: function loadProduct(id) {
    //  ID of product selected.
    var reference_id = id;

    // Foreach all product items form JSON.
    for (var i = 0; i < self.productJSON.length; i++) {
      // Get product select by ID.
      if (self.productJSON[i]["id"] == reference_id) {
        var id = self.productJSON[i]["id"],
          categoryID = self.productJSON[i]["category_id"];

        //console.log(self.productJSON[i]["name"]);
        this.ui.$jsonCategory.html(self.productJSON[i]["category_name"]);
        this.ui.$jsonName.html(self.productJSON[i]["name"]);
        this.ui.$jsonCover.attr('src', self.productJSON[i]["cover_large"]);
        this.ui.$jsonCoverMobile.attr('src', self.productJSON[i]["cover_mobile"]);
        this.ui.$jsonInfos.html(self.productJSON[i]["resume"]);
        if (self.productJSON[i]["url_product"].length) {
          this.ui.$jsonUrl.attr('href', self.productJSON[i]["url_product"]);
          this.ui.$openSolution.addClass('hidden');
        } else {
          this.ui.$jsonUrl.addClass('hidden');
          this.ui.$openSolution.removeClass('hidden');
        }
        this.realatedProduct(id, categoryID);
      }
    }
  },
  realatedProduct: function realatedProduct(id, categoryID) {
    var related = [];

    // Search product related
    $.each(self.productJSON, function () {
      // select product with same category ID
      if (this.category_id == categoryID) {
        // escape current product with ID
        // push infos related in array
        if (this.id != id) {
          related.push(this);
        }
      }
    });

    // Shuffle array for set random position of elements
    function Shuffle(o) {
      for (var j, x, i = o.length; i; j = parseInt(Math.random() * i), x = o[--i], o[i] = o[j], o[j] = x);
      return o;
    }
    ;
    var arrayShuff = Shuffle(related);
    this.buildRelated(arrayShuff);
  },
  buildRelated: function buildRelated(related) {
    var nb = 0;

    // Get infos form array
    $.each(related, function () {
      nb++;

      // select only 2 items form Array
      if (nb < 3) {
        var relatedTpl = '<div class="panel-product__content__related--cell">' + '<div class="box box__item trailer-60">' + '<div class="box__item__cover box__item__cover--full js-related-item" data-productid="' + this.id + '">' + '<img src="' + this.cover_small + '" alt="">' + '</div>' + '<div class="box__item__info">' + this.category_name + '</div>' + '<div class="box box__item trailer-60">' + '<div class="box__item__title js-related-item" data-productid="' + this.id + '">' + this.name + '</div>' + ' </div> </div>';
        $('.js-json-related').append(relatedTpl);
      }
    });

    // Get new items and bind events.
    this.ui.$relatedItem = this.ui.$panel.find('.js-related-item');
    this.ui.$relatedItem.on('click', $.proxy(this.reloadPanel, this));
  },
  reloadPanel: function reloadPanel(e) {
    // get ID of product selected.
    var $el = $(e.currentTarget),
      id = $el.data('productid');

    // Clear panel
    this.clearProduct();

    // Load panel width ID
    this.loadProduct(id);

    // scroll animation
    this.ui.$panel.animate({
      scrollTop: $('body').offset().top
    }, '500');
  }
};
module.exports = loadProductPanel;

},{}],48:[function(require,module,exports){
"use strict";

var panelSolutions = {
  ui: {},
  init: function init() {
    this.bindUI();
    this.bindEvents();
  },
  bindUI: function bindUI() {
    this.ui.$win = $(window);
    this.ui.$body = $('body');
    this.ui.$document = $(document);
    this.ui.$btnProduct = $('.js-open-panel-solution');
    this.ui.$panel = $('.js-panel-solution');
    this.ui.$btnBack = $('.js-sub-back');
    this.ui.$container = this.ui.$panel.find('.js-panel-container');
    this.ui.$mask = $('.js-overlay');
    this.ui.$close = this.ui.$panel.find('.js-close-panel');

    // list
    this.ui.entry = $('.js-list-item');
    this.ui.wrapper = $('.js-list-wrapper');
  },
  bindEvents: function bindEvents() {
    // Modal.
    this.ui.$btnProduct.on('click', $.proxy(this.openPanel, this));
    this.ui.$close.on('click', $.proxy(this.closePanel, this));
    this.ui.$mask.on('click', $.proxy(this.closePanel, this));

    // List.
    this.ui.entry.on('click', $.proxy(this.showSubNav, this));

    // Only mobile version.
    this.ui.$btnBack.on('click', $.proxy(this.backMobile, this));
  },
  /* Desktop */

  openPanel: function openPanel(e) {
    e.preventDefault();

    // this.ui.$body.addClass('is-panel-solution-open');
    this.ui.$body.addClass('is-locked');
    this.ui.$panel.addClass('is-open');
    this.ui.$mask.addClass('active');
  },
  closePanel: function closePanel(e) {
    e.preventDefault();
    this.ui.$body.removeClass('is-locked');
    this.ui.$panel.removeClass('is-open');
    this.ui.$mask.removeClass('active');

    // Close by keyboard.
    if (e.keyCode === 27) {
      this.ui.$body.removeClass('is-locked');
      this.ui.$panel.removeClass('is-open');
      this.ui.$mask.removeClass('active');
    }
  },
  showSubNav: function showSubNav(e) {
    //  e.preventDefault();

    //get this
    var $this = $(e.currentTarget);

    //remove all subnav.
    this.ui.entry.removeClass('is-open');
    this.ui.entry.parent().removeClass('is-translate');
    $this.addClass('is-open');
    $this.parent().addClass('is-translate');
  },
  backMobile: function backMobile(e) {
    // e.preventDefault();

    //get this.
    var $this = $(e.currentTarget);
    $('.js-list-wrapper').removeClass('is-translate');
    setTimeout(function () {
      $('.js-list-wrapper').removeClass('is-translate');
      $('.js-list-item').removeClass('is-open');
    }, 100);
  }
};
module.exports = panelSolutions;

},{}],49:[function(require,module,exports){
"use strict";

function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, _toPropertyKey(descriptor.key), descriptor); } }
function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); Object.defineProperty(Constructor, "prototype", { writable: false }); return Constructor; }
function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
var StockPanel = /*#__PURE__*/function () {
  function StockPanel(trigger) {
    var _this = this;
    _classCallCheck(this, StockPanel);
    this.$trigger = $(trigger);
    this.$panel = $(this.$trigger.attr('href'));
    this.$field = $('#' + this.$trigger.data('fieldid'));
    this.$pager = this.$panel.find('.panel-stock-pager');
    this.$table = this.$panel.find('.js-table-stock');
    this.$tableBody = this.$panel.find('.js-table-stock tbody');
    this.$asyncLikeForm = this.$panel.find('.async-like-form');
    this.$searchForm = this.$panel.find('.js-stocks-form');
    this.$searchInput = this.$searchForm.find('.js-search-input');
    this.$serviceError = this.$panel.find('.service-error');
    this.initialized = false;
    this.searchTerm = null;
    $(document).on('uiLoaded', function () {
      _this.panel = _this.$panel.data('panel');
    });
    this.$panel.on('opened', function () {
      _this.init();
    });
    this.activePage = 0;
  }
  return _createClass(StockPanel, [{
    key: "init",
    value: function init() {
      if (!this.initialized) {
        this.bind();
        this.initialized = true;
      }
      var oldSearch = this.searchTerm;
      if (!this.$searchInput.val() && this.$field.val()) {
        this.$searchInput.val(this.$field.val());
      }
      this.searchTerm = this.$searchInput.val();
      if (this.searchTerm.length > 1) {
        if (oldSearch !== this.searchTerm) {
          this.loadData();
        }
      } else {
        this.$table.hide();
        this.$pager.hide();
      }
    }
  }, {
    key: "bind",
    value: function bind() {
      var _this2 = this;
      var self = this;
      this.$pager.on('click', 'a', this.pagerNav.bind(this));
      this.$searchForm.on('submit', function (e) {
        e.preventDefault();
        _this2.$serviceError.hide();
        _this2.searchTerm = _this2.$searchInput.val();
        _this2.activePage = 0;
        _this2.loadData();
      });
      this.$tableBody.on('click', 'tr', function () {
        self.panel.close();
        self.$field.val($(this).data('ref')).trigger('stock-panel-update');
      });
    }
  }, {
    key: "loadData",
    value: function loadData() {
      var _this3 = this;
      this.$asyncLikeForm.addClass('loading');
      $.ajax({
        url: this.$searchForm.attr('action'),
        data: JSON.stringify({
          searchTerm: this.searchTerm,
          currentPage: this.activePage
        }),
        method: "POST",
        contentType: "application/json"
      }).done(function (data, textStatus, jqXHR) {
        _this3.$asyncLikeForm.removeClass('loading');
        _this3.numPages = data.numPages;
        _this3.$table.show();
        if (_this3.numPages > 1) {
          _this3.$pager.show();
          _this3.populatePager();
        } else {
          _this3.$pager.hide();
        }
        if (data.items.length < 1) {
          _this3.emptyTable(data);
          _this3.$serviceError.show();
        } else {
          _this3.fillTable(data);
          _this3.populatePager();
        }
      }).fail(function (xhr, status, error) {
        _this3.$serviceError.show();
      });
    }
  }, {
    key: "emptyTable",
    value: function emptyTable() {
      this.$tableBody.empty();
    }
  }, {
    key: "fillTable",
    value: function fillTable(data) {
      var contents = '';
      for (var i = 0; i < data.items.length; i++) {
        contents += '<tr data-ref="' + data.items[i].nexansRef + '"><td>' + data.items[i].nexansRef + '</td><td>' + data.items[i].countryRef + '</td><td>' + data.items[i].name + '</td></tr>';
      }
      this.$tableBody.html(contents);
    }
  }, {
    key: "populatePager",
    value: function populatePager() {
      var items = '';
      var start = Math.max(0, this.activePage - 2);
      if (start == 1) start = 0;
      var end = Math.min(this.numPages - 1, this.activePage + 2);
      if (end == this.numPages - 2) end = this.numPages - 1;
      if (start > 0) {
        items += '<li class="pager__list-item"><a href="#0">1</a></li>';
        items += '<li class="pager__list-item"><span>...</span></li>';
      }
      for (var i = start; i <= end; i++) {
        items += '<li class="pager__list-item"><a ' + (i == this.activePage ? 'class="is-active" ' : '') + 'href="#' + i + '">' + (i + 1) + '</a></li>';
      }
      if (end < this.numPages - 2) {
        items += '<li class="pager__list-item"><span>...</span></li>';
        items += '<li class="pager__list-item"><a href="#' + (this.numPages - 1) + '">' + this.numPages + '</a></li>';
      }
      this.$pager.find('.pager__list').html(items);
    }
  }, {
    key: "pagerNav",
    value: function pagerNav(e) {
      e.preventDefault();
      var $link = $(e.currentTarget);
      if ($link.parent().hasClass('pager__list-item')) {
        this.activePage = parseInt($link.attr('href').substring(1), 10);
      } else {
        if ($link.hasClass('pager__round--left')) {
          this.activePage = Math.max(0, this.activePage - 1);
        } else if ($link.hasClass('pager__round--right')) {
          this.activePage = Math.min(this.numPages - 1, this.activePage + 1);
        }
      }
      this.refreshItems();
    }
  }, {
    key: "refreshItems",
    value: function refreshItems() {
      this.loadData();
    }
  }]);
}();
;
var stockPanel = {
  init: function init() {
    $('.js-panel-trigger-stock').each(function () {
      new StockPanel(this);
    });
  }
};
module.exports = stockPanel;

},{}],50:[function(require,module,exports){
"use strict";

function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, _toPropertyKey(descriptor.key), descriptor); } }
function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); Object.defineProperty(Constructor, "prototype", { writable: false }); return Constructor; }
function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
var Panel = /*#__PURE__*/function () {
  function Panel(el, mask, body) {
    _classCallCheck(this, Panel);
    this.el = el;
    this.$el = $(el);
    this.$mask = mask;
    this.$body = body;
    this.bind();
  }
  return _createClass(Panel, [{
    key: "bind",
    value: function bind() {
      var self = this;
      $('.js-panel-trigger').each(function () {
        if (this.getAttribute('href').substr(1) == self.el.id) {
          var trigger = this;
          $(this).on('click', function (e) {
            e.preventDefault();
            self.open(trigger);
          });
        }
      });
      this.$el.find('.js-close-panel').on('click', function (e) {
        e.preventDefault();
        self.close();
      });
      this.$mask.on('click', function (e) {
        self.close();
      });
    }
  }, {
    key: "open",
    value: function open(trigger) {
      this.$body.addClass('is-locked');
      this.$el.addClass('active');
      this.$mask.addClass('active');
      this.$el.trigger('opened', trigger);
      var self = this;
      $(document).on('keyup.panels', function (e) {
        if (e.key == "Escape") {
          self.close();
        }
      });
    }
  }, {
    key: "close",
    value: function close() {
      this.$body.removeClass('is-locked');
      this.$el.removeClass('active');
      this.$mask.removeClass('active');
      this.$el.trigger('closed');
      $(document).off('keyup.panels');
    }
  }]);
}();
var panels = {
  init: function init() {
    var $mask = $('.js-overlay');
    var $body = $('body');
    $('.js-panel').each(function () {
      $(this).data('panel', new Panel(this, $mask, $body));
    });
  }
};
module.exports = panels;

},{}],51:[function(require,module,exports){
"use strict";

var quicklinks = {
  ui: {},
  init: function init() {
    this.bindUI();
    this.bindEvents();
  },
  bindUI: function bindUI() {
    this.ui.$win = $(window);
    this.ui.$body = $('body');
    this.ui.$quicklinks = $('.js-push-quick-access');
  },
  bindEvents: function bindEvents() {
    this.ui.$win.on('scroll', $.proxy(this.showQuicklinks, this));
  },
  showQuicklinks: function showQuicklinks(e) {
    var self = this;
    var scrollTop = this.ui.$win.scrollTop(),
      contentHeight = parseInt(this.ui.$body.outerHeight()),
      // calcul 10% of page height
      contentHeightCalc = parseInt(contentHeight * 10 / 100);

    // test position of page > if +10% of page > show quick access
    if (scrollTop > contentHeightCalc) {
      self.ui.$quicklinks.addClass('is-active');
    } else {
      self.ui.$quicklinks.removeClass('is-active');
    }
  }
};
module.exports = quicklinks;

},{}],52:[function(require,module,exports){
"use strict";

var redirect = {
  init: function init() {
    $('select.js-redirect').on('change', function () {
      var val = $(this).val();
      if (val) {
        window.location.href = val;
      }
    });
  }
};
module.exports = redirect;

},{}],53:[function(require,module,exports){
"use strict";

function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, _toPropertyKey(descriptor.key), descriptor); } }
function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); Object.defineProperty(Constructor, "prototype", { writable: false }); return Constructor; }
function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
var RTable = /*#__PURE__*/function () {
  function RTable(el) {
    _classCallCheck(this, RTable);
    this.el = el;
    this.$el = $(el);
    this.$win = $(window);
    this.$target = $('#' + this.$el.data('subnav'));
    this.appened = false;
    this.cols = {};
    this.getCols();
    this.refresh();
  }
  return _createClass(RTable, [{
    key: "getCols",
    value: function getCols() {
      var self = this;
      this.$el.find('[data-coltitle]').each(function () {
        var $this = $(this);
        if ($this.find('.coltitle').length) {
          self.cols[$this.data('coltitle')] = $this.find('.coltitle').html();
        } else {
          self.cols[$this.data('coltitle')] = $this.html();
        }
      });
    }
  }, {
    key: "refresh",
    value: function refresh() {
      if (this.isDesktop()) {
        this.remove();
      } else {
        this.append();
      }
    }
  }, {
    key: "isDesktop",
    value: function isDesktop() {
      if (this.$win.outerWidth() > 1024) {
        return true;
      } else {
        return false;
      }
    }
  }, {
    key: "remove",
    value: function remove() {
      this.appened = false;
      this.$el.find('.m-title').each(function () {
        $(this).removeClass('append');
        $(this).find('.title').remove();
        $(this).find('.content').contents().unwrap();
      });
    }
  }, {
    key: "append",
    value: function append() {
      this.appened = true;
      var self = this;
      this.$el.find('.m-title').each(function () {
        var $this = $(this);
        if (!$this.hasClass('append')) {
          var newTitle = '<div class="title">';
          $this.addClass('append');
          var col = $(this).data('col');
          if (col && col in self.cols) {
            newTitle += self.cols[$(this).data('col')];
          } else if (this.hasAttribute('data-title')) {
            newTitle += $this.data('title');
          }
          newTitle += '</div>';
          $this.wrapInner('<div class="content"></div>');
          $this.prepend(newTitle);
        }
      });
    }
  }]);
}();
var responsiveTable = {
  init: function init() {
    var rtables = [];
    $('.js-responsive-table').each(function () {
      var table = new RTable(this);
      $(this).data('responsivetable', table);
      rtables.push(table);
    });
    $(window).on('resize', function () {
      for (var i = 0; i < rtables.length; i++) {
        rtables[i].refresh();
      }
    });
  }
};
module.exports = responsiveTable;

},{}],54:[function(require,module,exports){
"use strict";

function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, _toPropertyKey(descriptor.key), descriptor); } }
function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); Object.defineProperty(Constructor, "prototype", { writable: false }); return Constructor; }
function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
var JSTable = /*#__PURE__*/function () {
  function JSTable(el) {
    _classCallCheck(this, JSTable);
    this.el = el;
    this.ui = {
      $el: $(el)
    };
    this.setWidths();
    this.setHeaders();
  }
  return _createClass(JSTable, [{
    key: "setWidths",
    value: function setWidths() {
      this.ui.$el.find('table:not(.table-footnote)').each(function () {
        var tableWidth = $(this).prop('style')['width'];
        if (tableWidth) $(this).next('.table-footnote').css('width', tableWidth);
      });
    }
  }, {
    key: "setHeaders",
    value: function setHeaders() {
      this.ui.$el.find('table').each(function () {
        var headers = $(this).find('thead th');
        // add a <div> to all table body cells with the corresponding header text
        if (headers.length > 0) {
          $(this).find('tbody > tr').each(function () {
            $(this).find('th, td').each(function (index) {
              var $cell = $(this);
              if (!$cell.find(">:first-child").is('div')) {
                if (headers.length >= index) {
                  $cell.prepend('<div>' + headers.eq(index).html() + '</div>');
                }
              }
            });
          });
        }
      });
    }
  }]);
}();
var rteArray = {
  init: function init() {
    $('div.rte-array').each(function () {
      new JSTable(this);
    });
  }
};
module.exports = rteArray;

},{}],55:[function(require,module,exports){
"use strict";

var scrollAnchorGenerate = {
  init: function init() {
    $('.js-scroll-anchor-generate').each(function () {
      var $this = $(this);
      var $list = $this.find('.bloc--anchors-list');
      $('.js-anchor').each(function () {
        var li = $('<li><a href="#" data-anchor="' + this.id + '" class="js-scroll-to-trigger link link--grey bloc--anchors__item"></a></li>');
        li.find('a').html($(this).html());
        $list.append(li);
      });
    });
  }
};
module.exports = scrollAnchorGenerate;

},{}],56:[function(require,module,exports){
"use strict";

var scrollToAnchor = {
  ui: {},
  init: function init() {
    this.bindUI();
    this.bindEvents();
    this.scrollTo();
  },
  bindUI: function bindUI() {
    this.ui.$win = $(window);
    this.ui.$body = $('body');
    this.ui.$document = $(document);
    this.ui.$links = $('.js-scroll-to-trigger');
    this.ui.$select = $('.js-scroll-to-select');
    this.ui.$sticky = $('.js-sticky');
    this.isGenerated = $('.js-scroll-to.js-scroll-anchor-generate').length > 0;
  },
  bindEvents: function bindEvents() {
    this.ui.$win.on('scroll', $.proxy(this.handleStickyAnchors, this));
  },
  scrollTo: function scrollTo() {
    var self = this;
    this.ui.$links.on('click', function (e) {
      e.preventDefault();
      var $self = $(this),
        data = $(this).data('anchor'),
        $target = $('body').find('#' + data),
        pos = Math.max($target.offset().top, 0);
      if ('stickySize' in window.nexansConfig) {
        pos = pos - window.nexansConfig.stickySize;
      }
      $('body, html').animate({
        scrollTop: pos
      }, 'slow');
    });
    this.ui.$select.on('change', function () {
      var $self = $(this),
        value = $self.val(),
        $target = $('body').find('#' + value),
        pos = Math.max($target.offset().top, 0);
      $('body, html').animate({
        scrollTop: pos
      }, 'slow');
    });
  },
  handleStickyAnchors: function handleStickyAnchors(e) {
    if (this.ui.$sticky.length) {
      var offset = 'stickySize' in window.nexansConfig ? window.nexansConfig.stickySize : 0;
      var scrollPos = this.ui.$document.scrollTop() + offset + 1;
      var self = this;
      if (this.isGenerated) {
        var i = 0;
        var anchors = [];
        $('.js-anchor').each(function () {
          var top = $(this).offset().top;
          anchors.push({
            top: top
          });
          if (i > 0) anchors[i - 1].bottom = top;
          i++;
        });
        i = 0;
        $('.js-scroll-to-trigger').each(function () {
          var $currentAnchor = $(this);
          var $refElement = $('#' + $currentAnchor.attr('data-anchor'));
          if ($refElement.hasClass('js-anchor')) ;
          if (anchors[i].top <= scrollPos && (!('bottom' in anchors[i]) || anchors[i].bottom > scrollPos)) {
            $('.is-sticky-current').removeClass('is-sticky-current');
            $currentAnchor.addClass('is-sticky-current');
          } else {
            $currentAnchor.removeClass('is-sticky-current');
          }
          i++;
        });
      } else {
        $('.js-scroll-to-trigger').each(function () {
          var $currentAnchor = $(this);
          var $refElement = $('#' + $currentAnchor.attr('data-anchor'));
          if ($refElement.offset().top <= scrollPos && $refElement.offset().top + $refElement.height() > scrollPos) {
            $('.is-sticky-current').removeClass('is-sticky-current');
            $currentAnchor.addClass('is-sticky-current');
          } else {
            $currentAnchor.removeClass('is-sticky-current');
          }
        });
      }
    }
  }
};
module.exports = scrollToAnchor;

},{}],57:[function(require,module,exports){
"use strict";

var searchFilters = {
  ui: {},
  init: function init() {
    this.bindUI();
    this.bindEvents();
  },
  bindUI: function bindUI() {
    this.ui.$document = $(document);
    this.ui.$close = $('.js-close-filters');
    this.ui.$container = $('.js-result-filters-container');
    this.ui.$filterItem = $('.js-result-filters');
    this.ui.$sub = $('.js-result-filters-sub');
    this.ui.$select = $('.js-result-filter-select');
    this.ui.$subselect = $('.js-result-filter-subselect');
    this.ui.$tagsList = $('.js-search-tags-list');
    this.ui.$tags = $('.js-search-tags');
  },
  bindEvents: function bindEvents() {
    var _this = this;
    this.ui.$filterItem.on('click', function (e) {
      return _this.showFilters(e);
    });
    this.ui.$document.on('click', function (e) {
      return _this.closeFilters(e);
    });
    this.ui.$close.on('click', function (e) {
      return _this.onClickClose(e);
    });
    this.ui.$select.on('change', function (e) {
      return _this.showSubSelect(e);
    });
    this.ui.$tags.on('click', function (e) {
      return _this.deleteTags(e);
    });
  },
  showFilters: function showFilters(e) {
    e.preventDefault();
    var $el = $(e.currentTarget),
      data = $el.data('filter');
    this.ui.$filterItem.removeClass('active');
    $el.addClass('active');
    this.ui.$sub.removeClass('active');
    $('.js-result-filters-sub[data-filter="' + data + '"]').addClass('active');
  },
  onClickClose: function onClickClose(e) {
    e.preventDefault();
    this.ui.$sub.removeClass('active');
  },
  closeFilters: function closeFilters(e) {
    if ($(e.target).closest('.js-result-filters-container').length === 0) {
      this.ui.$sub.removeClass('active');
    }
  },
  showSubSelect: function showSubSelect(e) {
    var $el = $(e.currentTarget),
      val = $el.val();
    this.ui.$select.removeClass('active');
    $el.addClass('active');
    if (val === 'subnav') {
      var $selected = this.ui.$select.find('option[value="' + val + '"]'),
        ref = $selected.data('ref'),
        $target = $('#' + ref);
      if ($target) {
        $target.addClass('active');
      } else {
        this.ui.$subselect.removeClass('active');
      }
    }
  },
  deleteTags: function deleteTags(e) {
    e.preventDefault();
    var $el = $(e.currentTarget),
      $tags = this.ui.$tagsList.find('.js-search-tags');
    if ($tags.length <= 1) {
      $el.remove();
      this.ui.$tagsList.addClass('inactive');
    } else {
      $el.remove();
    }
  }
};
module.exports = searchFilters;

},{}],58:[function(require,module,exports){
"use strict";

var sharePrice = {
  ui: {},
  init: function init() {
    if ('nexansConfig' in window && 'sharePriceServiceUrl' in window.nexansConfig) this.updateSharePrice();
    this.bindUI();
    if (this.ui.$iframe.length > 0) {
      this.ui.$iframe.on('load', function () {
        this.checkSharePriceHeight();
        $(window).on('resize', this.checkSharePriceHeight.bind(this));
      }.bind(this));
      setTimeout(this.checkSharePriceReload.bind(this), 120000);
    }
  },
  bindUI: function bindUI() {
    this.ui.$iframe = $('iframe#shareprice-iframe');
    this.ui.$input = $('input#shareprice-auto-reload');
    this.ui.$spData = $('div.share-price > a > span, div.navigation__infos > p.share-price, div.navigation__infos > a > p.share-price');
    this.ui.$spMeta = $('div#share-price-highlight > div.push-action__meta');
    this.ui.$spKey = $('div#share-price-highlight > div.push-action__key');
  },
  checkSharePriceReload: function checkSharePriceReload() {
    if (this.ui.$input.is(':checked')) {
      this.ui.$iframe[0].src = this.ui.$iframe[0].src;
    }
    setTimeout(this.checkSharePriceReload.bind(this), 120000);
  },
  checkSharePriceHeight: function checkSharePriceHeight() {
    if (this.ui.$iframe.width() < 560) {
      this.ui.$iframe.height('1320px');
    } else {
      this.ui.$iframe.height('1080px');
    }
  },
  updateSharePrice: function updateSharePrice() {
    var self = this;
    $.getJSON(window.nexansConfig.sharePriceServiceUrl, function (jsonData) {
      self.ui.$spMeta.html(jsonData.place + ', ' + jsonData.date + ' ' + jsonData.time);
      self.ui.$spKey.html(jsonData.value + '<sup class="push-action__sup">' + jsonData.currency + '</sup>');
      self.ui.$spData.html(jsonData.value + jsonData.currency + ' - ' + jsonData.place + ', ' + jsonData.date + ' ' + jsonData.time);
    }).fail(function () {
      self.ui.$spMeta.html('Share price<br/>temporary unavailable');
      self.ui.$spKey.html('');
      self.ui.$spData.text('temporary unavailable');
    });
    window.setTimeout(this.updateSharePrice.bind(this), 120000);
  }
};
module.exports = sharePrice;

},{}],59:[function(require,module,exports){
"use strict";

var showAccount = {
  ui: {},
  init: function init() {
    this.bindUI();
    this.bindEvents();
    this.ui.$secondary.hide();
    this.onChangeMain();
  },
  bindUI: function bindUI() {
    this.ui.$document = $(document);
    this.ui.$trigger = $('.js-account-trigger');
    this.ui.$account = $('.js-account');
    this.ui.$main = $('.account__main');
    this.ui.$secondary = $('.account__secondary');
    this.ui.$mobileHeader = $('header.mobile-header');
    this.ui.$desktopHeader = $('header.header');
  },
  bindEvents: function bindEvents() {
    var _this = this;
    this.ui.$trigger.on('click', function (e) {
      return _this.onClick(e);
    });
    this.ui.$main.on('change', function (e) {
      return _this.onChangeMain(e);
    });
    this.ui.$account.on('click', function (e) {
      return e.stopPropagation();
    });
    $(document).on('click', function (e) {
      return _this.close();
    });
  },
  close: function close() {
    this.ui.$account.removeClass('is-open');
    this.ui.$trigger.removeClass('active');
  },
  onClick: function onClick(e) {
    e.preventDefault();
    e.stopPropagation();
    if (this.ui.$mobileHeader.is(':visible')) {
      this.ui.$mobileHeader.append(this.ui.$account);
    } else {
      this.ui.$desktopHeader.append(this.ui.$account);
    }
    var $el = $(e.currentTarget);
    $el.toggleClass('active');
    this.ui.$account.toggleClass('is-open');
  },
  onChangeMain: function onChangeMain() {
    this.ui.$secondary.hide();
    $('#' + this.ui.$main.attr('id') + '-' + this.ui.$main.val()).show();
  }
};
module.exports = showAccount;

},{}],60:[function(require,module,exports){
"use strict";

var showSearch = {
  ui: {},
  init: function init() {
    this.bindUI();
    this.bindEvents();
  },
  bindUI: function bindUI() {
    this.ui.$document = $(document);
    this.ui.$reset = $('.js-search-reset');
    this.ui.$trigger = $('.js-search-trigger');
    this.ui.$close = $('.js-search-close');
    this.ui.$search = $('.js-search');
    this.ui.$form = $('.js-search-form');
    this.ui.$input = $('.js-search-input');
    this.ui.$submit = $('.js-search-submit');
  },
  bindEvents: function bindEvents() {
    var _this = this;
    this.ui.$trigger.on('click', function (e) {
      return _this.onClick(e);
    });
    this.ui.$close.on('click', function (e) {
      return _this.onClick(e);
    });
    this.ui.$reset.on('click', function (e) {
      return _this.onReset(e);
    });
    this.ui.$input.on('keyup', function (e) {
      return _this.onChange(e);
    });
  },
  onClick: function onClick(e) {
    e.preventDefault();
    var $el = this.ui.$trigger;
    $el.toggleClass('active');
    this.ui.$search.toggleClass('is-open');
    if ($el.hasClass('active')) {
      this.ui.$input.focus();
    }
  },
  onReset: function onReset(e) {
    e.preventDefault();
    this.ui.$input.val('');
    this.ui.$submit.prop('disabled', true);
  },
  onChange: function onChange(e) {
    e.preventDefault();
    var $el = $(e.currentTarget),
      val = $el.val();
    if (val.length > 1) {
      this.ui.$submit.prop('disabled', false);
    } else {
      this.ui.$submit.prop('disabled', true);
    }
  }
};
module.exports = showSearch;

},{}],61:[function(require,module,exports){
"use strict";

function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, _toPropertyKey(descriptor.key), descriptor); } }
function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); Object.defineProperty(Constructor, "prototype", { writable: false }); return Constructor; }
function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
var ShowSubnav = /*#__PURE__*/function () {
  function ShowSubnav(el) {
    _classCallCheck(this, ShowSubnav);
    this.el = el;
    this.$el = $(el);
    this.$target = $('#' + this.$el.data('subnav'));
    this.bind();
  }
  return _createClass(ShowSubnav, [{
    key: "bind",
    value: function bind() {
      var self = this;
      this.$el.click(function (e) {
        e.preventDefault();
        self.$target.toggleClass('is-opened');
      });
      this.$target.find('.js-nav-close').click(function (e) {
        e.preventDefault();
        self.$target.removeClass('is-opened');
      });
    }
  }]);
}();
var showSubnav = {
  init: function init() {
    $('.js-show-subnav').each(function () {
      new ShowSubnav(this);
    });
  }
};
module.exports = showSubnav;

},{}],62:[function(require,module,exports){
"use strict";

function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, _toPropertyKey(descriptor.key), descriptor); } }
function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); Object.defineProperty(Constructor, "prototype", { writable: false }); return Constructor; }
function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
function isMobile() {
  return $('.mobile-header:visible').length > 0;
}
var Sticky = /*#__PURE__*/function () {
  function Sticky(el) {
    _classCallCheck(this, Sticky);
    this.ui = {};
    this.ui.$wrapper = $(el);
    this.ui.$window = $(window);
    this.ui.$document = $(document);
    this.name = this.ui.$wrapper.data('name');
    this.initSticky();
  }
  return _createClass(Sticky, [{
    key: "initSticky",
    value: function initSticky() {
      this.ui.$clone = $('<div class="js-sticky-clone"></div>');
      this.ui.$clone.insertBefore(this.ui.$wrapper);
      if (this.name) {
        this.ui.$clone.addClass(this.name);
      }
    }
  }, {
    key: "handlePosition",
    value: function handlePosition(offset) {
      var offsetTop = this.ui.$clone.offset().top - offset;
      if (this.ui.$document.scrollTop() >= offsetTop) {
        var h = this.ui.$wrapper.outerHeight(true);
        this.ui.$clone.height(h);
        this.ui.$wrapper.addClass('is-sticky').css('top', offset);
        window.nexansConfig.stickySize += this.ui.$wrapper.outerHeight(false);
        return this.ui.$wrapper.outerHeight();
      } else {
        this.ui.$wrapper.removeClass('is-sticky').css('top', 0);
        this.ui.$clone.height(0);
        return 0;
      }
    }
  }]);
}();
;
var sticky = {
  init: function init() {
    var stickies = [];
    var $mobileHeader = $('.mobile-header');
    $('.js-sticky').each(function () {
      stickies.push(new Sticky(this));
    });
    var checkSticky = function checkSticky() {
      var top = 0;
      window.nexansConfig.stickySize = 0;
      var isMobileLayout = isMobile();
      if (isMobileLayout) {
        top = $mobileHeader.outerHeight();
        window.nexansConfig.stickySize = top;
      }
      for (var i = 0; i < stickies.length; i++) {
        if (!isMobileLayout || stickies[i].name !== 'sticky-main-menu') {
          top += stickies[i].handlePosition(top);
        }
      }
    };
    $(window).on('scroll', checkSticky);
    checkSticky();
  }
};
module.exports = sticky;

},{}],63:[function(require,module,exports){
"use strict";

function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, _toPropertyKey(descriptor.key), descriptor); } }
function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); Object.defineProperty(Constructor, "prototype", { writable: false }); return Constructor; }
function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
var Storage = /*#__PURE__*/function () {
  function Storage(key) {
    _classCallCheck(this, Storage);
    this.key = key;
    this.data = {
      familyIds: [],
      productIds: []
    };
    this.count = 0;
    this.notStored = false;
    this.load();
  }
  return _createClass(Storage, [{
    key: "load",
    value: function load() {
      var data = JSON.parse(window.sessionStorage.getItem(this.key));
      if (!data) this.notStored = true;
      this.data = data || this.data;
      this.count = this.data.familyIds.length + this.data.productIds.length;
      return this.data;
    }
  }, {
    key: "delete",
    value: function _delete(familyId, productId) {
      if (productId) {
        var index = this.data.productIds.indexOf(productId);
        if (index > -1) this.data.productIds.splice(index, 1);
      } else {
        var _index = this.data.familyIds.indexOf(familyId);
        if (_index > -1) this.data.familyIds.splice(_index, 1);
      }
      this.persist();
    }
  }, {
    key: "add",
    value: function add(familyId, productId) {
      if (productId) {
        this.data.productIds.push(productId);
      } else {
        this.data.familyIds.push(familyId);
      }
      ;
      this.persist();
    }
  }, {
    key: "exists",
    value: function exists(familyId, productId) {
      if (productId) {
        return this.data.productIds.indexOf(productId) !== -1;
      }
      return this.data.familyIds.indexOf(familyId) !== -1;
    }
  }, {
    key: "persist",
    value: function persist() {
      window.sessionStorage.setItem(this.key, JSON.stringify(this.data));
      this.count = this.data.familyIds.length + this.data.productIds.length;
    }
  }, {
    key: "refresh",
    value: function refresh(data) {
      this.data = {
        familyIds: data.familyIds || [],
        productIds: data.productIds || []
      };
      if ('productIds' in data) {
        this.data.productIds = data.productIds;
      }
      this.persist();
    }
  }]);
}();
var storage = {
  comparator: new Storage('nexans-comparator-families'),
  favorites: new Storage('nexans-favourites-list')
};
module.exports = storage;

},{}],64:[function(require,module,exports){
"use strict";

var subscribeNewsletter = {
  ui: {},
  newsJSON: {},
  tags: [],
  init: function init() {
    this.bindUI();
    this.bindEvents();
  },
  bindUI: function bindUI() {
    this.ui.$win = $(window);
    this.ui.$body = $('body');
    this.ui.$selectAll = $('.js-select-all');
    this.ui.$select = $('.js-select');
    this.ui.$tagsWrapper = $('.js-tags-wrapper');
    this.ui.$btnNext = $('.js-nl-next');
    this.ui.$btnPrevious = $('.js-nl-previous');
    this.ui.$email = $('.js-nl-email');
    this.ui.$validate = $('.js-nl-validate');
  },
  bindEvents: function bindEvents() {
    this.ui.$selectAll.on('click', $.proxy(this.selectAll, this));
    this.ui.$select.on('change', $.proxy(this.select, this));
    this.ui.$btnNext.on('click', $.proxy(this.nextPage, this));
    this.ui.$btnPrevious.on('click', $.proxy(this.previousPage, this));
    this.ui.$validate.on('click', $.proxy(this.lastPage, this));
    this.ui.$email.on('keyup', $.proxy(this.checkmail, this));
  },
  selectAll: function selectAll(e) {
    e.preventDefault();
    var self = this;
    var arrayItems = [];

    // Cibling parent.
    var $parent = $(e.currentTarget).closest('.js-select-all-wrapper');

    // Disable select all.
    $(e.currentTarget).addClass('is-disable');

    // Enable btn next.
    this.ui.$btnNext.removeClass('is-disable');

    // Check all checkbox of this part.
    $parent.find(':checkbox').prop("checked", true);
    $.each($parent.find(':checkbox'), function () {
      var id = $(this).attr('id');

      // add tags.
      self.appendTag(id);

      // add item on array tags.
      self.tags.push(parseInt(id));
    });
  },
  select: function select(e) {
    var self = this;
    var $parent = $(e.currentTarget).closest('.js-select-all-wrapper');
    var $btn = $parent.find('.js-select-all');
    var id = $(e.currentTarget).find(':checkbox').attr('id');

    // check class disable or not.
    if ($btn.hasClass('is-disable')) {
      $btn.removeClass('is-disable');
    }

    // Tags list
    if (self.tags.includes(parseInt(id))) {
      // remove item from array tags.
      this.removeTag(id);
    } else {
      // add item on array tags.
      self.tags.push(parseInt(id));
      this.appendTag(id);
    }

    // Show or hide btn next step.
    if (self.tags.length > 0) {
      this.ui.$btnNext.removeClass('is-disable');
    } else {
      this.ui.$btnNext.addClass('is-disable');
    }
  },
  appendTag: function appendTag(id) {
    // Get name by id.
    var $el = $('#' + id);
    var name = $($el).next().children('.js-checkbox-name').html();

    // Construct item.
    var html = '<a href="" class="panel-newsletter__tag js-tag-remove tag" data-nlid="' + id + '"> ' + name + '<svg xmlns="http://www.w3.org/2000/svg" class="icon icon-close" viewBox="0 0 20 20">' + '<path fill="#DB3331" fill-rule="evenodd" d="M10,8.58578644 L4.34314575,2.92893219 L2.92893219,4.34314575 L8.58578644,10 L2.92893219,15.6568542 L4.34314575,17.0710678 L10,11.4142136 L15.6568542,17.0710678 L17.0710678,15.6568542 L11.4142136,10 L17.0710678,4.34314575 L15.6568542,2.92893219 L10,8.58578644 Z"/>' + '</svg> </a>';
    $('.js-tags-wrapper').append(html);

    // Bind events.
    this.ui.$removeTag = $('.js-tag-remove');
    this.ui.$removeTag.on('click', $.proxy(this.removeTagByItem, this));
  },
  removeTag: function removeTag(id) {
    var self = this;

    // find item by data attr.
    var $item = $('*[data-nlid="' + id + '"]');

    // remove item.
    $item.remove();
  },
  removeTagByItem: function removeTagByItem(e) {
    e.preventDefault();
    var self = this;
    var id = $(e.currentTarget).data('nlid');
    var $item = $('*[data-nlid="' + id + '"]');

    // remove check.
    $('#' + id).prop('checked', false);
    var index = self.tags.indexOf(id);
    if (index !== -1) self.tags.splice(index, 1);

    // remove item.
    $item.remove();
  },
  nextPage: function nextPage(e) {
    e.preventDefault();
    $('.js-newsletter-1').hide();
    $('.js-newsletter-2').show();
  },
  previousPage: function previousPage(e) {
    e.preventDefault();
    $('.js-newsletter-1').show();
    $('.js-newsletter-2').hide();
  },
  lastPage: function lastPage(e) {
    e.preventDefault();
    var self = this;
    var email = this.ui.$email.val(),
      itemsArray = self.tags;
    $.ajax({
      url: 'TODO UPDATE URL',
      type: 'POST',
      data: 'email=' + email + '&items=' + itemsArray,
      dataType: 'html',
      success: function success(html, statut) {
        $('.js-newsletter-success').show();
        console.log('success');
      },
      error: function error(result, statut, erreur) {
        $('.js-newsletter-error').show();
        console.log('erreur');
      }
    });
    $('.js-newsletter-1').hide();
    $('.js-newsletter-2').hide();
    $('.js-nl-header').hide();
    $('.js-newsletter-3').show();
  },
  checkmail: function checkmail() {
    var self = this;
    var val = $('.js-nl-email').val();
    var filter = /^([a-zA-Z0-9_.+-])+\@(([a-zA-Z0-9-])+\.)+([a-zA-Z0-9]{2,4})+$/;
    if (!filter.test(val)) {
      $('.js-nl-validate').addClass('is-disable');
    } else {
      $('.js-nl-validate').removeClass('is-disable');
    }
    console.log(self.tags);
  }
};
module.exports = subscribeNewsletter;

},{}],65:[function(require,module,exports){
"use strict";

function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, _toPropertyKey(descriptor.key), descriptor); } }
function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); Object.defineProperty(Constructor, "prototype", { writable: false }); return Constructor; }
function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
var TableSelect = /*#__PURE__*/function () {
  function TableSelect(el) {
    _classCallCheck(this, TableSelect);
    this.$el = $(el);
    this.data = this.$el.data();
    this.paginator = this.$el.data('paginator');
    this.bindUi();
    if (this.paginator) {
      this.itemsByPage = this.ui.$selectNbItems.length ? parseInt(this.ui.$selectNbItems.val(), 10) : 10;
      this.activePage = 0;
      this.pages = 0;
    }
    if (this.ui.$form.length > 0) {
      this.baseAction = this.ui.$form.attr('action');
    }
    this.sortActive = null;
    this.bind();
    this.initSort();
    this.refreshItems();
    this.selectChange();
  }
  return _createClass(TableSelect, [{
    key: "bindUi",
    value: function bindUi() {
      this.ui = {};
      this.ui.sortBtns = [];
      this.ui.$form = this.$el.parents('form');
      this.ui.$sortSelect = this.$el.find('.tableselect-sort-select');
      this.ui.$inputSelectAll = this.$el.find('.tableselect-selectall');
      this.ui.$count = this.$el.find('.tableselect-count');
      this.ui.$countTotal = this.$el.find('.tableselect-count-total');
      this.ui.$actions = this.$el.find('.tableselect-action');
      if (this.paginator) {
        this.ui.$pagerWrapper = this.$el.find('.tableselect-pager');
        this.ui.$pager = this.ui.$pagerWrapper.find('.pager__list');
        this.ui.$selectNbItems = 'itemsbypage' in this.data ? $(this.data.itemsbypage) : this.$el.find('.tableselect-itemsbypage');
      }
      this.bindRows();
    }
  }, {
    key: "bindRows",
    value: function bindRows(noEvent) {
      this.ui.$inputs = this.$el.find('.tableselect-select');
      if (!noEvent) this.ui.$inputs.on('change', this.selectChange.bind(this));
    }
  }, {
    key: "bind",
    value: function bind() {
      if (this.paginator) {
        this.ui.$pagerWrapper.on('click', 'a', this.pagerNav.bind(this));
        if (this.ui.$selectNbItems.length) this.ui.$selectNbItems.on('change', function () {
          this.itemsByPage = parseInt(this.ui.$selectNbItems.val(), 10);
          this.activePage = 0;
          this.refreshItems();
        }.bind(this));
      }
      this.ui.$inputSelectAll.on('change', this.selectAllChange.bind(this));
      var self = this;
      this.ui.$actions.each(function () {
        var $action = $(this);
        if (this.hasAttribute('data-url')) {
          $action.on('click', function (e) {
            self.ui.$form.attr('action', $action.data('url'));
          });
        } else {
          $action.on('click', function (e) {
            self.ui.$form.attr('action', self.baseAction);
          });
        }
      });
    }
  }, {
    key: "initSort",
    value: function initSort() {
      var self = this;
      this.$el.find('.tableselect-sort').each(function () {
        var $this = $(this);
        var $bt = $('<button type="button"></button>');
        var sortBy = $this.data('sortby');
        var sortType = $this.data('sorttype') || 'string';
        var defaultDir = $this.data('direction');
        $bt.on('click', function () {
          var $thisbt = $(this);
          var direction = $thisbt.data('direction');
          if (!direction && defaultDir) {
            direction = defaultDir;
            if (direction == 'desc') {
              $thisbt.addClass('desc');
            }
          } else if (!$thisbt.hasClass('is-active') && direction) {} else if (!direction || direction == 'desc' || !$thisbt.hasClass('is-active')) {
            direction = 'asc';
            $thisbt.removeClass('desc');
          } else {
            direction = 'desc';
            $thisbt.addClass('desc');
          }
          $thisbt.data('direction', direction);
          self.$el.find('.tableselect-sort button').removeClass('is-active');
          self.sort(parseInt($this.data('col'), 10) - 1, sortBy, direction, sortType);
          $thisbt.addClass('is-active');
          if (self.ui.$sortSelect.length) {
            self.ui.$sortSelect.find('option:first-child').prop('selected', true);
          }
        });
        self.ui.sortBtns.push($bt);
        if ($this.hasClass('is-active')) {
          $this.removeClass('is-active');
          $bt.trigger('click');
        }
        $this.wrapInner($bt);
      });
      if (this.ui.$sortSelect.length) {
        this.ui.$sortSelect.on('change', function (e) {
          var $option = $(this).find('option:selected');
          if ($option[0].hasAttribute('data-col')) {
            var sortBy = $option.data('sortby');
            var sortType = $option.data('sorttype') || 'string';
            self.sort(parseInt($option.data('col'), 10) - 1, sortBy, $option.data('direction'), sortType);
            self.$el.find('.tableselect-sort button').removeClass('is-active');
          }
        });
      }
    }
  }, {
    key: "sort",
    value: function sort(col, sortBy, direction, sortType) {
      this.sortActive = {
        col: col,
        sortBy: sortBy,
        direction: direction
      };
      var getCellValue = function getCellValue(row) {
        var val;
        if (sortBy) {
          val = $(row).children('td').eq(col).attr(sortBy);
        } else {
          val = $(row).children('td').eq(col).text();
        }
        if (sortType == 'number') val = Number(val);
        return val;
      };
      var rows = this.$el.find('tbody tr').not('.no-sort').toArray().sort(function (a, b) {
        var valA = getCellValue(a),
          valB = getCellValue(b);
        return sortType == 'number' ? valA > valB : valA.toString().localeCompare(valB);
      });
      // this.asc = !this.asc
      if (direction == 'desc') {
        rows = rows.reverse();
      }
      var tbody = this.$el.find('tbody');
      for (var i = 0; i < rows.length; i++) {
        tbody.append(rows[i]);
      }
      this.refreshItems();
    }
  }, {
    key: "refreshItems",
    value: function refreshItems() {
      var $elements = this.$el.find('tbody tr:not(.no-pagination)');
      this.ui.$countTotal.text($elements.length);
      if (this.paginator) {
        $elements.hide();
        if ($elements.length > this.itemsByPage) {
          this.ui.$pagerWrapper.show();
          this.populatePager($elements.length);
          var start = this.activePage * this.itemsByPage;
          $elements = $elements.slice(start, start + this.itemsByPage);
        } else {
          this.ui.$pagerWrapper.hide();
        }
        $elements.show();
      }
      this.selectChange();
    }
  }, {
    key: "pagerNav",
    value: function pagerNav(e) {
      e.preventDefault();
      var $link = $(e.currentTarget);
      if ($link.parent().hasClass('pager__list-item')) {
        this.activePage = parseInt($link.attr('href').substring(1), 10);
      } else {
        if ($link.hasClass('pager__round--left')) {
          this.activePage = Math.max(0, this.activePage - 1);
        } else if ($link.hasClass('pager__round--right')) {
          this.activePage = Math.min(this.pages - 1, this.activePage + 1);
        }
      }
      this.refreshItems();
    }
  }, {
    key: "populatePager",
    value: function populatePager(total) {
      this.pages = Math.ceil(total / this.itemsByPage);
      var items = '';
      var start = Math.max(0, this.activePage - 2);
      if (start == 1) start = 0;
      var end = Math.min(this.pages - 1, this.activePage + 2);
      if (end == this.pages - 2) end = this.pages - 1;
      if (start > 0) {
        items += '<li class="pager__list-item"><a href="#0">1</a></li>';
        items += '<li class="pager__list-item"><span>...</span></li>';
      }
      for (var i = start; i <= end; i++) {
        items += '<li class="pager__list-item"><a ' + (i == this.activePage ? 'class="is-active" ' : '') + 'href="#' + i + '">' + (i + 1) + '</a></li>';
      }
      if (end < this.pages - 2) {
        items += '<li class="pager__list-item"><span>...</span></li>';
        items += '<li class="pager__list-item"><a href="#' + (this.pages - 1) + '">' + this.pages + '</a></li>';
      }
      this.ui.$pager.html(items);
    }
  }, {
    key: "selectAllChange",
    value: function selectAllChange() {
      var selected = this.ui.$inputSelectAll.prop('checked');
      var $els = this.ui.$inputs;
      if (this.paginator) {
        var start = this.activePage * this.itemsByPage;
        $els = $els.slice(start, start + this.itemsByPage);
      }
      $els.each(function () {
        $(this).prop('checked', selected);
      });
      this.selectChange();
    }
  }, {
    key: "selectChange",
    value: function selectChange() {
      if (this.paginator) {
        var start = this.activePage * this.itemsByPage;
        var $els = this.ui.$inputs.slice(start, start + this.itemsByPage);
        var selected = true;
        $els.each(function () {
          selected = selected && $(this).prop('checked');
        });
        this.ui.$inputSelectAll.prop('checked', selected);
      }
      var total = this.count();
      if (total > 0) {
        this.ui.$actions.removeClass('button--disabled');
        this.ui.$actions.prop('disabled', false);
      } else {
        this.ui.$actions.addClass('button--disabled');
        this.ui.$actions.prop('disabled', true);
      }
    }
  }, {
    key: "count",
    value: function count() {
      var total = 0;
      this.ui.$inputs.each(function () {
        if ($(this).prop('checked')) total++;
      });
      this.ui.$count.text(total);
      return total;
    }
  }]);
}();
var ts = {
  init: function init() {
    $('.js-tableselect').each(function () {
      $(this).data('tableselect', new TableSelect(this));
    });
  }
};
module.exports = ts;

},{}],66:[function(require,module,exports){
"use strict";

var tabs = {
  ui: {},
  init: function init() {
    this.bindUI();
    this.bindEvents();
  },
  bindUI: function bindUI() {
    this.ui.$win = $(window);
    this.ui.$body = $('body');
    this.ui.$tabs = $('.js-tabs');
  },
  bindEvents: function bindEvents() {
    this.ui.$tabs.on('click', $.proxy(this.showTab, this));
  },
  showTab: function showTab(e) {
    e.preventDefault();
    var dest = $(e.target).attr('href');
    $(e.target).closest('.js-tabs').find('.js-tabs-item').removeClass('is-active');
    $(e.target).parent().addClass('is-active');

    //  hide active tabs.
    $(e.target).closest('.js-tabs').find('.js-tabs-content').removeClass('is-active');

    // show active tabs.
    $(e.target).closest('.js-tabs').find(dest).addClass('is-active');
  }
};
module.exports = tabs;

},{}],67:[function(require,module,exports){
"use strict";

function _callSuper(t, o, e) { return o = _getPrototypeOf(o), _possibleConstructorReturn(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], _getPrototypeOf(t).constructor) : o.apply(t, e)); }
function _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" || typeof call === "function")) { return call; } else if (call !== void 0) { throw new TypeError("Derived constructors may only return object or undefined"); } return _assertThisInitialized(self); }
function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); Object.defineProperty(subClass, "prototype", { writable: false }); if (superClass) _setPrototypeOf(subClass, superClass); }
function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, _toPropertyKey(descriptor.key), descriptor); } }
function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); Object.defineProperty(Constructor, "prototype", { writable: false }); return Constructor; }
function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
var btns = [];
var BtnOpen = /*#__PURE__*/function () {
  function BtnOpen($el, storage) {
    _classCallCheck(this, BtnOpen);
    this.storage = storage;
    this.counter = $el;
    this.count = 0;
    this.btn = $el.parents('.button--icon');
    this.btns = [];
  }
  return _createClass(BtnOpen, [{
    key: "initCount",
    value: function initCount() {
      this.setCounter(this.storage.count);
    }
  }, {
    key: "setCounter",
    value: function setCounter(count) {
      if (count < 1) {
        this.counter.hide();
      } else {
        this.counter.show();
      }
      this.count = count;
      this.counter.text(count);
      this.onUpdate();
    }
  }, {
    key: "refreshAll",
    value: function refreshAll() {
      this.btns.forEach(function (btn) {
        return btn.refresh();
      });
    }
  }, {
    key: "onUpdate",
    value: function onUpdate() {}
  }]);
}();
var CompBtn = /*#__PURE__*/function (_BtnOpen) {
  function CompBtn() {
    _classCallCheck(this, CompBtn);
    return _callSuper(this, CompBtn, arguments);
  }
  _inherits(CompBtn, _BtnOpen);
  return _createClass(CompBtn, [{
    key: "onUpdate",
    value: function onUpdate() {
      if (this.count < 2) {
        this.btn.addClass('is-disabled');
      } else {
        this.btn.removeClass('is-disabled');
      }
      if (this.count > 3) {
        this.btns.forEach(function (btn) {
          return btn.disable();
        });
      } else {
        this.btns.forEach(function (btn) {
          return btn.enable();
        });
      }
    }
  }]);
}(BtnOpen);
var FavBtn = /*#__PURE__*/function (_BtnOpen2) {
  function FavBtn() {
    _classCallCheck(this, FavBtn);
    return _callSuper(this, FavBtn, arguments);
  }
  _inherits(FavBtn, _BtnOpen2);
  return _createClass(FavBtn, [{
    key: "onUpdate",
    value: function onUpdate() {
      if (this.count < 1) {
        this.btn.addClass('is-disabled');
      } else {
        this.btn.removeClass('is-disabled');
      }
    }
  }]);
}(BtnOpen);
var ToggleBtn = /*#__PURE__*/function () {
  function ToggleBtn(el) {
    _classCallCheck(this, ToggleBtn);
    this.el = el;
    this.$el = $(el);
    this.$title = this.$el.find('.title');
    this.txtActive = this.$title.data('active');
    this.txtInactive = this.$title.data('inactive');
    try {
      this.data = this.$el.data('data');
    } catch (e) {
      return;
    }
    this.disabled = false;
    this.type = this.data.type;
    this.familyId = 'familyId' in this.data ? parseInt(this.data.familyId, 10) : 0;
    this.productId = 'productId' in this.data ? parseInt(this.data.productId, 10) : 0;
    this.counter = null;
    this.storage = null;
    this.bindEvents();
  }
  return _createClass(ToggleBtn, [{
    key: "init",
    value: function init() {
      this.active = this.storage.exists(this.familyId, this.productId);
      this.setActive(this.active);
      this.setTitle();
    }
  }, {
    key: "bindEvents",
    value: function bindEvents() {
      this.$el.on('click', this.toggleIcon.bind(this));
    }
  }, {
    key: "toggleIcon",
    value: function toggleIcon(e) {
      e.preventDefault();
      if (this.disabled) {
        return;
      }
      if (this.active) {
        this.$el.removeClass('is-selected');
      } else {
        this.$el.addClass('is-selected');
      }
      if (this.active) {
        this.storage.delete(this.familyId, this.productId);
      } else {
        this.storage.add(this.familyId, this.productId);
      }
      this.active = !this.active;
      if (this.data.type == 'comparator') {
        this.comparatorToggled();
      } else {
        this.favoritesToggled();
      }
      this.$el.blur();
      this.setTitle();
    }
  }, {
    key: "refresh",
    value: function refresh() {
      var active = this.storage.exists(this.familyId, this.productId);
      if (active !== this.active) {
        this.active = active;
        this.setActive(active);
      }
    }
  }, {
    key: "comparatorToggled",
    value: function comparatorToggled() {
      this.counter.setCounter(this.storage.count);
    }
  }, {
    key: "favoritesToggled",
    value: function favoritesToggled() {
      var _this = this;
      var data = {
        familyIds: [],
        productIds: []
      };
      if (this.productId) {
        data.productIds.push(this.productId);
      } else {
        data.familyIds.push(this.familyId);
      }
      $.ajax({
        url: window.nexansConfig.favoritesServiceUrl.replace('{action}', this.active ? 'add' : 'remove'),
        type: 'POST',
        contentType: "application/json; charset=utf-8",
        data: JSON.stringify(data)
      }).done(function (data) {
        _this.storage.refresh(data);
        _this.counter.setCounter(data.nbItems);
      });
    }
  }, {
    key: "setTitle",
    value: function setTitle() {
      this.$title.text(this.active ? this.txtActive : this.txtInactive);
    }
  }, {
    key: "setActive",
    value: function setActive(active) {
      if (active) {
        this.$el.addClass('is-selected');
        this.enable();
      } else {
        this.$el.removeClass('is-selected');
      }
    }
  }, {
    key: "enable",
    value: function enable() {
      this.disabled = false;
      this.$el.removeClass('is-disabled');
    }
  }, {
    key: "disable",
    value: function disable() {
      if (!this.active) {
        this.disabled = true;
        this.$el.addClass('is-disabled');
      }
    }
  }]);
}();
var toggleIcon = {
  init: function init(storage, elements) {
    var firstLoad = false;
    var favBtn, compBtn;
    if (!elements) {
      elements = $('.js-toggle-icon');
      firstLoad = true;
    }
    if (firstLoad && $('.js-favorite-count').length) {
      favBtn = new FavBtn($('.js-favorite-count'), storage.favorites);
      favBtn.initCount();
      var resetCount = function resetCount() {
        $.ajax({
          url: window.nexansConfig.favoritesServiceUrl.replace('{action}', 'count'),
          type: 'GET'
        }).done(function (data) {
          storage.favorites.refresh(data);
          favBtn.setCounter(data.nbItems);
          favBtn.refreshAll();
        });
      };
      if (storage.favorites.notStored) {
        resetCount();
      } else {
        favBtn.initCount();
      }
      $('body').on('favourites_update', function (e, count) {
        if (typeof count !== 'undefined') {
          favBtn.setCounter(count);
        } else {
          resetCount();
        }
      });
    }
    if (firstLoad && $('.js-comparator-count').length) {
      compBtn = new CompBtn($('.js-comparator-count'), storage.comparator);
      compBtn.initCount();
      $('body').on('comparator_update', function (e, count, refresh) {
        compBtn.setCounter(count);
        if (refresh) compBtn.refreshAll();
      });
    }
    elements.each(function () {
      var bt = new ToggleBtn(this);
      if (bt.type === 'comparator') {
        bt.counter = compBtn;
        bt.storage = storage.comparator;
        compBtn.btns.push(bt);
      } else {
        bt.counter = favBtn;
        bt.storage = storage.favorites;
        favBtn.btns.push(bt);
      }
      bt.init();
    });
  }
};
module.exports = toggleIcon;

},{}],68:[function(require,module,exports){
"use strict";

var toggleVideo = {
  ui: {},
  init: function init() {
    this.bindUI();
    this.bindEvents();
  },
  bindUI: function bindUI() {
    this.ui.$window = $(window);
    this.ui.$toggle = $('.js-toggle-video');
  },
  bindEvents: function bindEvents() {
    this.ui.$toggle.on('click', this.showVideo);
  },
  showVideo: function showVideo(e) {
    $(e.currentTarget).addClass('is-play');
    var $self = $(this),
      $overlay = $self.closest('.js-video-overlay');
    $overlay.addClass('is-invisible');
  }
};
module.exports = toggleVideo;

},{}],69:[function(require,module,exports){
"use strict";

var truncate = {
  ui: {},
  truncateHeight: 245,
  init: function init() {
    this.bindUI();
    this.bindEvents();
  },
  bindUI: function bindUI() {
    this.ui.$win = $(window);
    this.ui.$mobileIndicator = $('.js-is-mobile');
    this.ui.$wrapper = $('.js-truncate');
    this.ui.$content = $('.js-truncate-content');
    this.ui.$trigger = $('.js-truncate-trigger');
  },
  bindEvents: function bindEvents() {
    var _this = this;
    this.ui.$trigger.on('click', $.proxy(this.showMore, this));
    this.ui.$win.on('load', function () {
      return _this.heightHandler();
    });
    this.ui.$win.on('resize', function () {
      return _this.heightHandler();
    });
  },
  heightHandler: function heightHandler() {
    if (this.ui.$content.prop('scrollHeight') >= this.truncateHeight) {
      this.ui.$wrapper.addClass('is-truncated');
    } else {
      this.ui.$wrapper.removeClass('is-truncated');
    }
  },
  showMore: function showMore(e) {
    e.preventDefault();
    this.ui.$content.stop().show();
    this.ui.$wrapper.toggleClass('is-open');
  }
};
module.exports = truncate;

},{}],70:[function(require,module,exports){
"use strict";

var utils = {
  ui: {},
  init: function init() {
    this.bindUI();
    this.bindEvents();
  },
  bindUI: function bindUI() {
    this.ui.$win = $(window);
    this.ui.$body = $('body');
  },
  bindEvents: function bindEvents() {
    var self = this;

    // Events for scroll.
    this.ui.$win.on('scroll', this.throttle(function (event) {
      self.ui.$body.trigger('page:scrollDebounced', self.ui.$win.scrollTop());
    }, 10));
    this.ui.$win.on('scroll', function (event) {
      self.ui.$body.trigger('page:scroll', self.ui.$win.scrollTop());
    });
  },
  throttle: function throttle(callback, limit) {
    var wait = false; // Initially, we're not waiting
    return function () {
      // We return a
      if (!wait) {
        callback.call(); // Execute users function
        wait = true; // Prevent future invocations
        setTimeout(function () {
          // After a period of time
          wait = false; // And allow future invocations
        }, limit);
      }
    };
  }
};
module.exports = utils;

},{}],71:[function(require,module,exports){
"use strict";

var viewMore = {
  ui: {},
  init: function init() {
    this.bindUI();
    this.bindEvents();
    this.ui.$moreWrapper.each(function () {
      var $this = $(this);
      if ($this.hasClass('is-opened')) {
        $this.find('.js-view-more').trigger('click');
      }
    });
  },
  bindUI: function bindUI() {
    this.ui.$win = $(window);
    this.ui.$body = $('body');
    this.ui.$btnMore = $('.js-view-more');
    this.ui.$btnMoreList = $('.js-view-more-list');
    this.ui.$btnMoreButton = $('.js-view-more-button');
    this.ui.$moreWrapper = $('.js-view-more-wrapper');
    this.ui.$moreContent = $('.js-view-more-content');
  },
  bindEvents: function bindEvents() {
    this.ui.$btnMore.on('click', $.proxy(this.showMore, this));
    this.ui.$btnMoreButton.on('click', $.proxy(this.showMoreButton, this));
    this.ui.$btnMoreList.on('click', $.proxy(this.showMoreList, this));
  },
  showMore: function showMore(e) {
    e.preventDefault();
    var $item = $(e.currentTarget).closest('.js-view-more-wrapper');
    var $items = $item.find(this.ui.$moreContent);
    if (!$(e.currentTarget).hasClass('is-less')) {
      $($items).fadeIn();
      $item.addClass('is-opened');
    } else {
      $($items).hide();
      $item.removeClass('is-opened');
    }
    $(e.currentTarget).toggleClass('is-less');
  },
  showMoreButton: function showMoreButton(e) {
    e.preventDefault();
    var $item = $(e.currentTarget).closest('.js-view-more-wrapper');
    var $this = $item.find(this.ui.$moreContent);
    $($this).fadeIn();
    $(e.currentTarget).addClass('is-hidden');
  },
  showMoreList: function showMoreList(e) {
    e.preventDefault();
    var $item = $(e.currentTarget).closest('.js-view-more-wrapper');
    var $items = $item.find(this.ui.$moreContent);
    if (!$(e.currentTarget).hasClass('is-less')) {
      $($items).fadeIn();
    } else {
      $($items).hide();
    }

    //$(e.currentTarget).addClass('is-hidden');

    $(e.currentTarget).toggleClass('is-less');
  }
};
module.exports = viewMore;

},{}],72:[function(require,module,exports){
"use strict";

// Plugin Carousel.

(function ($) {
  $.fn.carouselFinance = function (options) {
    // Create defaults parameters in case we don't pass any argument.
    var defaults = {};

    // Merge the defaults and the options arguments.
    var options = $.extend(defaults, options);

    // Launch the carousel function.
    return this.each(function (index, element) {
      var carousel = {
        ui: {},
        itemActive: 0,
        slidesLength: 0,
        counterCurrent: 0,
        currentCaption: "",
        touchVariables: {
          "posXStart": 0,
          "posAlreadyScrolled": 0,
          "posXMove": 0,
          "toScrollTouch": 0,
          "delta": 0,
          "goTranslate": 0
        },
        init: function init() {
          this.bindUI();
          this.bindEvents();
          this.initSlider();
        },
        bindUI: function bindUI() {
          this.ui.$win = $(window);
          this.ui.$container = element;
          this.ui.$slider = $('.js-carousel-finance-slider', this.ui.$container);
          this.ui.$wrapper = $('.js-carousel-finance-wrapper', this.ui.$container);
          this.ui.$slide = $('.js-carousel-finance-slide', this.ui.$container);
          this.ui.$captions = $('.js-carousel-finance-captions li', this.ui.$container);
          this.ui.$counter = $('.js-carousel-finance-counter', this.ui.$container);
          this.ui.$total = $('.js-carousel-finance-total', this.ui.$container);
          this.ui.$cover = $('.js-carousel-finance-cover', this.ui.$container);
          this.ui.$prev = $('.js-carousel-finance-prev', this.ui.$container);
          this.ui.$next = $('.js-carousel-finance-next', this.ui.$container);
        },
        bindEvents: function bindEvents() {
          this.ui.$next.on('click', $.proxy(this.onNext, this));
          this.ui.$prev.on('click', $.proxy(this.onPrev, this));
          this.ui.$slide.on('touchstart', $.proxy(this.dragStart, this));
          this.ui.$slide.on('touchmove', $.proxy(this.dragMove, this));
          this.ui.$slide.on('touchend', $.proxy(this.dragEnd, this));
          this.ui.$win.on('resize', $.proxy(this.setSize, this));
        },
        initSlider: function initSlider() {
          // Setting up the slides length
          this.slidesLength = this.ui.$slide.length;

          //Build Counter
          this.updateCounter();

          // Hide prev button on load
          this.fadeBtn();
          this.showCover(this.itemActive + 1);
          this.setSize();
        },
        setSize: function setSize() {
          var widthTotal = 0;
          var widthItem = 0;
          widthItem = $('.carousel-finance__item-wrapper').outerWidth() - 40;
          $.each(this.ui.$slide, function () {
            widthTotal += $('.js-carousel-finance-slide').outerWidth();
          });
          $('.js-carousel-finance-slide').width(widthItem);
          $('.js-carousel-finance-wrapper').width(widthTotal);
          this.translateTo();
        },
        updateCounter: function buildCounter() {
          // Setting up the counter to match the current active slide
          this.ui.$counter.text(this.itemActive + 1);

          // Setting up the counter total to match the slides length
          this.ui.$total.text(this.slidesLength);
        },
        translateTo: function translateTo() {
          var translate = 0;
          for (var i = 0; i < this.itemActive; i++) {
            translate -= Math.round($(this.ui.$slide[i]).outerWidth());
          }
          this.ui.$wrapper.css({
            "transform": "translateX(" + translate + "px)"
          });
          this.fadeBtn();
        },
        showCover: function showCover(id) {
          $('.js-carousel-finance-cover').removeClass('is-active');
          var $currentList = $('.js-carousel-finance').find('.js-carousel-finance-cover[data-cover=' + id + ']');
          $currentList.addClass('is-active');
        },
        onNext: function onNext(e) {
          if (this.itemActive == this.slidesLength - 1) {
            return;
          }
          this.itemActive++;
          this.updateCounter();
          this.translateTo();
          this.showCover(this.itemActive + 1);
        },
        onPrev: function onPrev(e) {
          if (this.itemActive == 0) {
            return;
          }
          this.itemActive--;
          this.updateCounter();
          this.translateTo();
          this.showCover(this.itemActive + 1);
        },
        dragStart: function dragStart(e) {
          this.touchVariables.posXStart = e.originalEvent.touches[0].pageX;
        },
        dragMove: function dragMove(e) {
          this.touchVariables.posXMove = e.originalEvent.touches[0].pageX;
          this.touchVariables.delta = this.touchVariables.posXMove - this.touchVariables.posXStart;
        },
        dragEnd: function dragEnd() {
          if (this.touchVariables.delta > 0) {
            this.onPrev();
          } else if (this.touchVariables.delta < 0) {
            this.onNext();
          }
          this.touchVariables.delta = 0;
        },
        fadeBtn: function fadeBtn() {
          if (this.itemActive == 0) {
            this.ui.$next.removeClass('is-fade');
            this.ui.$prev.addClass('is-fade');
          } else if (this.ui.$slide.length - 1 == this.itemActive) {
            this.ui.$next.addClass('is-fade');
            this.ui.$prev.removeClass('is-fade');
          } else {
            this.ui.$next.removeClass('is-fade');
            this.ui.$prev.removeClass('is-fade');
          }
        }
      };

      // Intialize the carousel.
      carousel.init();
    });
  };
})(jQuery);

},{}],73:[function(require,module,exports){
"use strict";

// Plugin Carousel.

(function ($) {
  $.fn.carouselGallery = function (options) {
    // Create defaults parameters in case we don't pass any argument.
    var defaults = {};

    // Merge the defaults and the options arguments.
    var options = $.extend(defaults, options);

    // Launch the carousel function.
    return this.each(function (index, element) {
      var carousel = {
        ui: {},
        itemActive: 0,
        slidesLength: 0,
        counterCurrent: 0,
        currentCaption: "",
        touchVariables: {
          "posXStart": 0,
          "posAlreadyScrolled": 0,
          "posXMove": 0,
          "toScrollTouch": 0,
          "delta": 0,
          "goTranslate": 0
        },
        init: function init() {
          this.bindUI();
          this.bindEvents();
          this.initSlider();
        },
        bindUI: function bindUI() {
          this.ui.$win = $(window);
          this.ui.$container = element;
          this.ui.$slider = $('.js-carousel-gallery-slider', this.ui.$container);
          this.ui.$wrapper = $('.js-carousel-gallery-wrapper', this.ui.$container);
          this.ui.$slide = $('.js-carousel-gallery-slide', this.ui.$container);
          this.ui.$captions = $('.js-carousel-gallery-legend', this.ui.$container);
          this.ui.$counter = $('.js-carousel-gallery-captions .slide-id', this.ui.$container);
          this.ui.$total = $('.js-carousel-gallery-captions .slide-total', this.ui.$container);
          this.ui.$prev = $('.js-carousel-gallery-prev', this.ui.$container);
          this.ui.$next = $('.js-carousel-gallery-next', this.ui.$container);
          this.ui.$galleryItem = $('.js-gallery-item');
          this.ui.$gallertModal = $('.js-modal');
          this.ui.$closeModal = $('.js-modal .js-modal-close');
        },
        bindEvents: function bindEvents() {
          this.ui.$next.on('click', $.proxy(this.onNext, this));
          this.ui.$prev.on('click', $.proxy(this.onPrev, this));
          this.ui.$slide.on('touchstart', $.proxy(this.dragStart, this));
          this.ui.$slide.on('touchmove', $.proxy(this.dragMove, this));
          this.ui.$slide.on('touchend', $.proxy(this.dragEnd, this));
          this.ui.$galleryItem.on('click', $.proxy(this.loadSlider, this));
          this.ui.$closeModal.on('click', $.proxy(this.resetSlider, this));
        },
        initSlider: function initSlider() {
          // Setting up the slides length
          this.slidesLength = this.ui.$slide.length;

          //Build Counter
          this.updateCounter();

          //Build Captions
          this.updateCaptions();

          // Hide prev button on load
          this.fadeBtn();
        },
        updateCounter: function buildCounter() {
          // Setting up the counter to match the current active slide
          this.ui.$counter.text(this.itemActive + 1);

          // Setting up the counter total to match the slides length
          this.ui.$total.text(this.slidesLength);
        },
        updateCaptions: function buildCaptions() {
          // Retrieve the active slide's data-caption and set the correct caption
          this.currentCaption = this.ui.$wrapper.find('.js-carousel-gallery-slide').eq(this.itemActive).data('caption');
          this.ui.$captions.text(this.currentCaption);
        },
        translateTo: function translateTo() {
          var translate = 0;
          for (var i = 0; i < this.itemActive; i++) {
            translate -= Math.round($(this.ui.$slide[i]).outerWidth());
          }
          this.ui.$wrapper.css({
            "transform": "translateX(" + translate + "px)"
          });
          this.fadeBtn();
        },
        onNext: function onNext(e) {
          if (this.itemActive == this.slidesLength - 1) {
            return;
          }
          this.itemActive++;
          this.updateCounter();
          this.updateCaptions();
          this.translateTo();
        },
        onPrev: function onPrev(e) {
          if (this.itemActive == 0) {
            return;
          }
          this.itemActive--;
          this.updateCounter();
          this.updateCaptions();
          this.translateTo();
        },
        dragStart: function dragStart(e) {
          this.touchVariables.posXStart = e.originalEvent.touches[0].pageX;
        },
        dragMove: function dragMove(e) {
          this.touchVariables.posXMove = e.originalEvent.touches[0].pageX;
          this.touchVariables.delta = this.touchVariables.posXMove - this.touchVariables.posXStart;
        },
        dragEnd: function dragEnd() {
          if (this.touchVariables.delta > 0) {
            this.onPrev();
          } else if (this.touchVariables.delta < 0) {
            this.onNext();
          }
          this.touchVariables.delta = 0;
        },
        fadeBtn: function fadeBtn() {
          if (this.itemActive == 0) {
            this.ui.$next.removeClass('is-fade');
            this.ui.$prev.addClass('is-fade');
          } else if (this.ui.$slide.length - 1 == this.itemActive) {
            this.ui.$next.addClass('is-fade');
            this.ui.$prev.removeClass('is-fade');
          } else {
            this.ui.$next.removeClass('is-fade');
            this.ui.$prev.removeClass('is-fade');
          }
        },
        loadSlider: function loadSlider(e) {
          var $el = $(e.currentTarget),
            ref = $el.data('ref'),
            modal = $el.data('modal'),
            index = 0;

          // find modal active.
          $.each(this.ui.$gallertModal, function () {
            if (modal = $(this).data('modal')) {
              // find list of slide.
              var wrapper = $(this).find('.js-carousel-gallery-wrapper');

              // get index of slide.
              var itemByRef = $(this).find("[data-ref='" + ref + "']");
              index = itemByRef.index() + 1;
            }
          });

          // test if item sup 1
          if (index > 1) {
            for (var i = 1; i < index; i++) {
              this.ui.$next.trigger("click");
            }
          } else if (index = 1) {}
        },
        resetSlider: function resetSlider(e) {
          e.preventDefault();
          setTimeout(function () {
            var translate = 0;
            $('.js-carousel-gallery-wrapper').css({
              "transform": "translateX(" + translate + "px)"
            });
            this.itemActive = 0;
            this.counterCurrent = 0;
            this.currentCaption = "";
          }, 200);
        }
      };

      // Intialize the carousel.
      carousel.init();
    });
  };
})(jQuery);

},{}],74:[function(require,module,exports){
"use strict";

// Plugin Carousel.

(function ($) {
  $.fn.carouselOverlay = function (options) {
    // Create defaults parameters in case we don't pass any argument.
    var defaults = {};

    // Merge the defaults and the options arguments.
    var options = $.extend(defaults, options);

    // Launch the carousel function.
    return this.each(function (index, element) {
      var carousel = {
        ui: {},
        itemActive: 0,
        slidesLength: 0,
        counterCurrent: 0,
        currentCaption: "",
        touchVariables: {
          "posXStart": 0,
          "posAlreadyScrolled": 0,
          "posXMove": 0,
          "toScrollTouch": 0,
          "delta": 0,
          "goTranslate": 0
        },
        init: function init() {
          this.bindUI();
          this.bindEvents();
          this.initSlider();
        },
        bindUI: function bindUI() {
          this.ui.$win = $(window);
          this.ui.$body = $('body');
          this.ui.$container = element;
          this.ui.$slider = $('.js-carousel-overlay-slider', this.ui.$container);
          this.ui.$wrapper = $('.js-carousel-overlay-wrapper', this.ui.$container);
          this.ui.$slide = $('.js-carousel-overlay-slide', this.ui.$container);
          this.ui.$captions = $('.js-carousel-overlay-legend', this.ui.$container);
          this.ui.$counter = $('.js-carousel-overlay-captions .slide-id', this.ui.$container);
          this.ui.$total = $('.js-carousel-overlay-captions .slide-total', this.ui.$container);
          this.ui.$prev = $('.js-carousel-overlay-prev', this.ui.$container);
          this.ui.$next = $('.js-carousel-overlay-next', this.ui.$container);
          this.ui.$btnOpen = $('.js-carousel-open');
          this.ui.$btnClose = $('.js-close-panel');
          this.ui.container = $('.js-carousel-overlay');
        },
        bindEvents: function bindEvents() {
          this.ui.$next.on('click', $.proxy(this.onNext, this));
          this.ui.$prev.on('click', $.proxy(this.onPrev, this));
          this.ui.$slide.on('touchstart', $.proxy(this.dragStart, this));
          this.ui.$slide.on('touchmove', $.proxy(this.dragMove, this));
          this.ui.$slide.on('touchend', $.proxy(this.dragEnd, this));
          this.ui.$btnOpen.on('click', $.proxy(this.openCarousel, this));
          this.ui.$btnClose.on('click', $.proxy(this.closeCarousel, this));
          $(document).on('keyup', $.proxy(this.closeCarousel, this));
        },
        initSlider: function initSlider() {
          // Setting up the slides length
          this.slidesLength = this.ui.$slide.length;

          //Build Counter
          this.updateCounter();

          //Build Captions
          this.updateCaptions();

          // Hide prev button on load
          this.fadeBtn();
        },
        updateCounter: function buildCounter() {
          // Setting up the counter to match the current active slide
          this.ui.$counter.text(this.itemActive + 1);

          // Setting up the counter total to match the slides length
          this.ui.$total.text(this.slidesLength);
        },
        updateCaptions: function buildCaptions() {
          // Retrieve the active slide's data-caption and set the correct caption
          this.currentCaption = this.ui.$wrapper.find('.js-carousel-overlay-slide').eq(this.itemActive).data('caption');
          this.ui.$captions.text(this.currentCaption);
        },
        translateTo: function translateTo() {
          var translate = 0;
          for (var i = 0; i < this.itemActive; i++) {
            translate -= Math.round($(this.ui.$slide[i]).outerWidth());
          }
          this.ui.$wrapper.css({
            "-webkit-transform": "translateX(" + translate + "px)",
            "-moz-transform": "translateX(" + translate + "px)",
            "-ms-transform": "translateX(" + translate + "px)",
            "-o-transform": "translateX(" + translate + "px)",
            "transform": "translateX(" + translate + "px)"
          });
          this.fadeBtn();
        },
        translateToItem: function translateToItem(itemId) {
          console.log(itemId);
        },
        onNext: function onNext(e) {
          if (this.itemActive == this.slidesLength - 1) {
            return;
          }
          this.itemActive++;
          this.updateCounter();
          this.updateCaptions();
          this.translateTo();
        },
        onPrev: function onPrev(e) {
          if (this.itemActive == 0) {
            return;
          }
          this.itemActive--;
          this.updateCounter();
          this.updateCaptions();
          this.translateTo();
        },
        dragStart: function dragStart(e) {
          this.touchVariables.posXStart = e.originalEvent.touches[0].pageX;
        },
        dragMove: function dragMove(e) {
          this.touchVariables.posXMove = e.originalEvent.touches[0].pageX;
          this.touchVariables.delta = this.touchVariables.posXMove - this.touchVariables.posXStart;
        },
        dragEnd: function dragEnd() {
          if (this.touchVariables.delta > 0) {
            this.onPrev();
          } else if (this.touchVariables.delta < 0) {
            this.onNext();
          }
          this.touchVariables.delta = 0;
        },
        fadeBtn: function fadeBtn() {
          if (this.itemActive == 0) {
            this.ui.$next.removeClass('is-fade');
            this.ui.$prev.addClass('is-fade');
          } else if (this.ui.$slide.length - 1 == this.itemActive) {
            this.ui.$next.addClass('is-fade');
            this.ui.$prev.removeClass('is-fade');
          } else {
            this.ui.$next.removeClass('is-fade');
            this.ui.$prev.removeClass('is-fade');
          }
        },
        openCarousel: function openCarousel(e) {
          // open modale.
          this.ui.$body.addClass('is-locked');
          this.ui.container.addClass('is-open');

          // Get ref Id click
          var dataImage = $(e.currentTarget).find('img').data('ref');
          this.translateToItem(dataImage);
        },
        closeCarousel: function closeCarousel(e) {
          e.preventDefault();

          // close modale. 
          this.ui.$body.removeClass('is-locked');
          this.ui.container.removeClass('is-open');

          // close modal with keyboard esc.
          if (e.keyCode == 27) {
            this.ui.$body.removeClass('is-locked');
            this.ui.container.removeClass('is-open');
          }
        }
      };

      // Intialize the carousel.
      carousel.init();
    });
  };
})(jQuery);

},{}],75:[function(require,module,exports){
"use strict";

// Plugin Carousel.

(function ($) {
  $.fn.carouselSimple = function (options) {
    // Create defaults parameters in case we don't pass any argument.
    var defaults = {};

    // Merge the defaults and the options arguments.
    var options = $.extend(defaults, options);

    // Launch the carousel function.
    return this.each(function (index, element) {
      var carousel = {
        ui: {},
        itemActive: 0,
        slidesLength: 0,
        counterCurrent: 0,
        currentCaption: "",
        touchVariables: {
          "posXStart": 0,
          "posAlreadyScrolled": 0,
          "posXMove": 0,
          "toScrollTouch": 0,
          "delta": 0,
          "goTranslate": 0
        },
        init: function init() {
          this.bindUI();
          this.bindEvents();
          this.initSlider();
        },
        bindUI: function bindUI() {
          this.ui.$win = $(window);
          this.ui.$container = element;
          this.ui.$slider = $('.js-carousel-simple-slider', this.ui.$container);
          this.ui.$wrapper = $('.js-carousel-simple-wrapper', this.ui.$container);
          this.ui.$slide = $('.js-carousel-simple-slide', this.ui.$container);
          this.ui.$captions = $('.js-carousel-simple-captions li', this.ui.$container);
          this.ui.$counter = $('.js-carousel-simple-captions .slide-id', this.ui.$container);
          this.ui.$total = $('.js-carousel-simple-captions .slide-total', this.ui.$container);
          this.ui.$prev = $('.js-carousel-simple-prev', this.ui.$container);
          this.ui.$next = $('.js-carousel-simple-next', this.ui.$container);
        },
        bindEvents: function bindEvents() {
          this.ui.$next.on('click', $.proxy(this.onNext, this));
          this.ui.$prev.on('click', $.proxy(this.onPrev, this));
          this.ui.$slide.on('touchstart', $.proxy(this.dragStart, this));
          this.ui.$slide.on('touchmove', $.proxy(this.dragMove, this));
          this.ui.$slide.on('touchend', $.proxy(this.dragEnd, this));
        },
        initSlider: function initSlider() {
          // Setting up the slides length
          this.slidesLength = this.ui.$slide.length;

          //Build Counter
          this.updateCounter();

          //Build Captions
          this.updateCaptions();

          // Hide prev button on load
          this.fadeBtn();
        },
        updateCounter: function buildCounter() {
          // Setting up the counter to match the current active slide
          this.ui.$counter.text(this.itemActive + 1);

          // Setting up the counter total to match the slides length
          this.ui.$total.text(this.slidesLength);
        },
        updateCaptions: function buildCaptions() {
          // Retrieve the active slide's data-caption and set the correct caption
          this.currentCaption = this.ui.$wrapper.find('.js-carousel-simple-slide').eq(this.itemActive).data('caption');
          this.ui.$captions.text(this.currentCaption);
        },
        translateTo: function translateTo() {
          var translate = 0;
          for (var i = 0; i < this.itemActive; i++) {
            translate -= Math.round($(this.ui.$slide[i]).outerWidth());
          }
          this.ui.$wrapper.css({
            "-webkit-transform": "translateX(" + translate + "px)",
            "-moz-transform": "translateX(" + translate + "px)",
            "-ms-transform": "translateX(" + translate + "px)",
            "-o-transform": "translateX(" + translate + "px)",
            "transform": "translateX(" + translate + "px)"
          });
          this.fadeBtn();
        },
        onNext: function onNext(e) {
          if (this.itemActive == this.slidesLength - 1) {
            return;
          }
          this.itemActive++;
          this.updateCounter();
          this.updateCaptions();
          this.translateTo();
        },
        onPrev: function onPrev(e) {
          if (this.itemActive == 0) {
            return;
          }
          this.itemActive--;
          this.updateCounter();
          this.updateCaptions();
          this.translateTo();
        },
        dragStart: function dragStart(e) {
          this.touchVariables.posXStart = e.originalEvent.touches[0].pageX;
        },
        dragMove: function dragMove(e) {
          this.touchVariables.posXMove = e.originalEvent.touches[0].pageX;
          this.touchVariables.delta = this.touchVariables.posXMove - this.touchVariables.posXStart;
        },
        dragEnd: function dragEnd() {
          if (this.touchVariables.delta > 0) {
            this.onPrev();
          } else if (this.touchVariables.delta < 0) {
            this.onNext();
          }
          this.touchVariables.delta = 0;
        },
        fadeBtn: function fadeBtn() {
          if (this.itemActive == 0) {
            this.ui.$next.removeClass('is-fade');
            this.ui.$prev.addClass('is-fade');
          } else if (this.ui.$slide.length - 1 == this.itemActive) {
            this.ui.$next.addClass('is-fade');
            this.ui.$prev.removeClass('is-fade');
          } else {
            this.ui.$next.removeClass('is-fade');
            this.ui.$prev.removeClass('is-fade');
          }
        }
      };

      // Intialize the carousel.
      carousel.init();
    });
  };
})(jQuery);

},{}]},{},[9]);