(window["webpackJsonp_name_"] = window["webpackJsonp_name_"] || []).push([[16,80],{

/***/ 128:
/***/ (function(module, exports, __webpack_require__) {

"use strict";


Object.defineProperty(exports, "__esModule", {
    value: true
});

var _createClass = 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, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();

__webpack_require__(428);

function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }

var ContentBoxManager = function () {
    _createClass(ContentBoxManager, null, [{
        key: 'default',
        get: function get() {
            return {
                elems: null
            };
        }
    }]);

    function ContentBoxManager(params) {
        _classCallCheck(this, ContentBoxManager);

        this._params = Object.assign({}, ContentBoxManager.default, params);
        this._init();
    }

    _createClass(ContentBoxManager, [{
        key: '_init',
        value: function _init() {
            if (!this.elems) {
                return false;
            }
            Array.from(this.elems).forEach(function (box) {
                new ContentBox({
                    elem: box
                });
            });
        }
    }, {
        key: 'elems',
        get: function get() {
            return this._params.elems;
        }
    }]);

    return ContentBoxManager;
}();

exports.default = ContentBoxManager;

var ContentBox = function () {
    _createClass(ContentBox, null, [{
        key: 'default',
        get: function get() {
            return {
                elem: null
            };
        }
    }]);

    function ContentBox(params) {
        _classCallCheck(this, ContentBox);

        this._params = Object.assign({}, ContentBoxManager.default, params);
        this._init();
    }

    _createClass(ContentBox, [{
        key: '_init',
        value: function _init() {
            if (!this.elem) {
                return false;
            }
            // animation type
            // animation duration
            this._checkHeight()._resize();
        }
    }, {
        key: '_checkHeight',
        value: function _checkHeight() {
            var defaultBox = this.elem.querySelector('.project-behaviour__default');
            var hoverBox = this.elem.querySelector('.project-behaviour__hover');
            if (!defaultBox || !hoverBox) {
                return this;
            }
            if (defaultBox.offsetHeight < hoverBox.offsetHeight) {
                defaultBox.classList.add('position-absolute');
                hoverBox.classList.add('position-relative');
                defaultBox.classList.add('is-smaller');
            } else {
                hoverBox.classList.add('is-smaller');
            }
            return this;
        }
    }, {
        key: '_resize',
        value: function _resize() {
            var _this = this;

            var timeout = null;
            window.addEventListener('resize', function (event) {
                clearTimeout(timeout);
                timeout = setTimeout(function () {
                    _this._checkHeight();
                }, 200);
            });
        }
    }, {
        key: 'elem',
        get: function get() {
            return this._params.elem;
        }
    }]);

    return ContentBox;
}();

/***/ }),

/***/ 428:
/***/ (function(module, exports, __webpack_require__) {


var content = __webpack_require__(449);

if(typeof content === 'string') content = [[module.i, content, '']];

var transform;
var insertInto;



var options = {"hmr":true}

options.transform = transform
options.insertInto = undefined;

var update = __webpack_require__(167)(content, options);

if(content.locals) module.exports = content.locals;

if(false) {}

/***/ }),

/***/ 449:
/***/ (function(module, exports, __webpack_require__) {

exports = module.exports = __webpack_require__(168)(false);
// imports


// module
exports.push([module.i, ".project-behaviour{position:relative;transition-property:all;transition-timing-function:ease-out;z-index:1}.project-behaviour__wrapper{position:relative;border-radius:inherit;overflow:hidden}.project-behaviour__wrapper .vc_tta-panel-heading{display:none}.project-behaviour__default{position:relative;top:0;left:0;display:flex;align-items:center;width:100%;transition-property:all;transition-timing-function:ease-in-out}.project-behaviour__default.is-smaller{height:100%}.project-behaviour__hover{position:absolute;top:0;left:0;display:flex;align-items:center;width:100%;z-index:1;transform:scale(0);transition-property:all;transition-timing-function:ease-in-out}.project-behaviour__hover.is-smaller{height:100%}.project-behaviour__content{display:flex;align-items:center;width:100%;height:100%;transition-property:all;transition-timing-function:ease-in-out}.project-behaviour__content>div{width:100%}.project-behaviour.hover-animation-1>.project-bg{transform:translateZ(0)}.project-behaviour.hover-animation-1>.project-bg .project-bg__image{transform:scale(1.02)}.project-behaviour.hover-animation-1:hover>.project-bg{transform:translate3d(0,-5px,0)}.project-behaviour.hover-animation-1:hover>.project-bg .project-bg__image{transform:scale(1)}.project-behaviour.hover-animation-2>.project-bg .project-bg__image{transform:scale(1.2)}.project-behaviour.hover-animation-2 .project-behaviour__content{transform:translateY(5px)}.project-behaviour.hover-animation-2:hover>.project-bg{filter:url('data:image/svg+xml;charset=utf-8,<svg xmlns=\"http://www.w3.org/2000/svg\"><filter id=\"filter\"><feGaussianBlur stdDeviation=\"5\" /></filter></svg>#filter');filter:blur(5px)}.project-behaviour.hover-animation-2:hover>.project-bg .project-bg__image{transform:scale(1)}.project-behaviour.hover-animation-2:hover .project-behaviour__content{transform:translateY(0)}.project-behaviour.hover-animation-double-3 .project-behaviour__default,.project-behaviour.hover-animation-double-3 .project-behaviour__hover{transition-property:all;transition-timing-function:ease-in-out}.project-behaviour.hover-animation-double-3>.project-bg .project-bg__image{transform:scale(1.05)}.project-behaviour.hover-animation-double-3 .project-behaviour__default{opacity:1;transform:scale(1);transform-origin:top}.project-behaviour.hover-animation-double-3 .project-behaviour__hover{opacity:0;transform:scaleY(0);transform-origin:bottom}.project-behaviour.hover-animation-double-3:hover>.project-bg .project-bg__image{transform:scale(1)}.project-behaviour.hover-animation-double-3:hover .project-behaviour__default{transform:scaleY(0);opacity:0}.project-behaviour.hover-animation-double-3:hover .project-behaviour__hover{transform:scale(1);opacity:1}.project-behaviour.hover-animation-double-4 .project-behaviour__default,.project-behaviour.hover-animation-double-4 .project-behaviour__hover{transform:scale(1);transition-property:all;transition-timing-function:ease-in-out}.project-behaviour.hover-animation-double-4 .project-behaviour__default{animation-name:b;animation-timing-function:ease-in-out;animation-fill-mode:forwards}.project-behaviour.hover-animation-double-4 .project-behaviour__hover{animation-name:a;animation-timing-function:ease-in-out;animation-fill-mode:forwards}.project-behaviour.hover-animation-double-4:hover .project-behaviour__default{animation-name:a}.project-behaviour.hover-animation-double-4:hover .project-behaviour__hover{animation-name:b}@keyframes a{0%{transform:scale(0)}1%{opacity:0;transform:scale(1)}to{opacity:1;transform:scale(1)}}@keyframes b{0%{opacity:1}99%{opacity:0;transform:scale(1)}to{opacity:0;transform:scale(0)}}", ""]);

// exports


/***/ })

}]);