\n
\n `;\n\t}\n\n\t_createModal({\n\t\ttemplate,\n\t\tonDismiss\n\t}) {\n\n\t\tif (!template) {\n\t\t\treturn false;\n\t\t}\n\n\t\tlet $modal;\n\t\twindow.$body.append(template);\n\t\t$modal = $('#modalContactForm');\n\n\t\t$modal.modal('show');\n\t\t$modal.on('hidden.bs.modal', () => {\n\t\t\tif (typeof onDismiss === 'function') {\n\t\t\t\tonDismiss();\n\t\t\t}\n\t\t\t$modal.modal('dispose').remove();\n\t\t});\n\t}\n\n}\n","/* ======================================================================== */\n/* 38. FormAJAX */\n/* ======================================================================== */\nclass FormAJAX extends Form {\n\n constructor(options) {\n super(options);\n this.inputClassError = 'form__error';\n this.method = this.$target.attr('method');\n this.action = this.$target.attr('action');\n this.messages = {\n success: this.$target.attr('data-message-success'),\n error: this.$target.attr('data-message-error')\n };\n this._validate();\n }\n\n _validate() {\n const self = this;\n\n this.$target.validate({\n errorElement: 'span',\n errorPlacement: (error, element) => {\n error.appendTo(element.parent()).addClass(self.inputClassError);\n },\n submitHandler: (form) => {\n self._submit(form);\n }\n });\n }\n\n _submit() {\n const self = this;\n\n $.ajax({\n type: self.$target.attr('method'),\n url: self.$target.attr('action'),\n data: self.$target.serialize()\n }).done(() => {\n self._createModal({\n template: self._getModalTemplate({\n icon: 'icon-success.svg',\n message: self.messages.success\n }),\n onDismiss: () => {\n self.$target.trigger('reset');\n self._floatLabels();\n }\n });\n }).fail(() => {\n self._createModal({\n template: self._getModalTemplate({\n icon: 'icon-error.svg',\n message: self.messages.error\n })\n });\n });\n }\n\n}\n","/* ======================================================================== */\n/* 39. Gmap */\n/* ======================================================================== */\nclass GMap extends BaseComponent {\n\n\tconstructor({\n\t\tscope,\n\t\ttarget\n\t}) {\n\t\tsuper({\n\t\t\tscope,\n\t\t\ttarget\n\t\t});\n\t}\n\n\tset() {\n\t\tthis.prevInfoWindow = false;\n\t\tthis.$container = this.$target.find('.gmap__container');\n\t\tthis.$markers = this.$target.find('.gmap__marker');\n\n\t\tthis.zoom = parseInt(this.$target.attr('data-gmap-zoom'), 10);\n\t\tthis.styles = this._parseStyles(this.$target.attr('data-gmap-snazzy-styles'));\n\t}\n\n\trun() {\n\t\tif (typeof window.google !== 'undefined' && typeof window.google.maps !== 'undefined' && this.$container.length) {\n\t\t\tthis._createMap();\n\t\t}\n\t}\n\n\t_parseStyles(styles) {\n\t\tif (!styles) {\n\t\t\treturn false;\n\t\t}\n\n\t\ttry {\n\t\t\treturn JSON.parse(styles);\n\t\t} catch (err) {\n\t\t\tconsole.error('Google Map: Invalid Snazzy Styles Array!');\n\t\t\treturn false;\n\t\t}\n\t}\n\n\t_createMap() {\n\n\t\tconst\n\t\t\tself = this,\n\t\t\targsMap = {\n\t\t\t\tcenter: new google.maps.LatLng(0, 0),\n\t\t\t\tzoom: this.zoom,\n\t\t\t\tscrollwheel: false\n\t\t\t};\n\n\t\tif (this.styles) {\n\t\t\t$.extend(argsMap, {\n\t\t\t\tstyles: this.styles\n\t\t\t});\n\t\t}\n\n\t\tthis.map = new google.maps.Map(this.$container[0], argsMap);\n\t\tthis.map.markers = [];\n\n\t\tthis.$markers.each(function () {\n\t\t\tself._createMarker($(this));\n\t\t});\n\n\t\tthis._centerMap(this.zoom);\n\t}\n\n\t_createMarker($marker) {\n\n\t\tif (!$marker.length) {\n\t\t\treturn;\n\t\t}\n\n\t\tconst\n\t\t\tMARKER_LAT = parseFloat($marker.attr('data-marker-lat')),\n\t\t\tMARKER_LON = parseFloat($marker.attr('data-marker-lon')),\n\t\t\tMARKER_IMG = $marker.attr('data-marker-img'),\n\t\t\tMARKER_WIDTH = $marker.attr('data-marker-width'),\n\t\t\tMARKER_HEIGHT = $marker.attr('data-marker-height'),\n\t\t\tMARKER_CONTENT = $marker.attr('data-marker-content');\n\n\t\tlet marker;\n\n\t\t/**\n\t\t * Marker\n\t\t */\n\t\tconst argsMarker = {\n\t\t\tposition: new google.maps.LatLng(MARKER_LAT, MARKER_LON),\n\t\t\tmap: this.map\n\t\t};\n\n\t\tif (MARKER_IMG) {\n\t\t\t$.extend(argsMarker, {\n\t\t\t\ticon: {\n\t\t\t\t\turl: MARKER_IMG\n\t\t\t\t}\n\t\t\t});\n\t\t}\n\n\t\tif (MARKER_IMG && MARKER_WIDTH && MARKER_HEIGHT) {\n\t\t\t$.extend(argsMarker.icon, {\n\t\t\t\tscaledSize: new google.maps.Size(MARKER_WIDTH, MARKER_HEIGHT),\n\t\t\t\torigin: new google.maps.Point(0,0), // origin\n\t\t\t\tanchor: new google.maps.Point(0, 0) // anchor\n\t\t\t});\n\t\t}\n\n\t\tmarker = new google.maps.Marker(argsMarker);\n\t\tthis.map.markers.push(marker);\n\n\t\t/**\n\t\t * Info Window (Content)\n\t\t */\n\t\tthis._createInfoWindow({\n\t\t\tmarker,\n\t\t\tcontent: MARKER_CONTENT\n\t\t});\n\n\t}\n\n\t_createInfoWindow({\n\t\tmarker,\n\t\tcontent = ''\n\t}) {\n\t\tif (content) {\n\t\t\tconst infoWindow = new google.maps.InfoWindow({\n\t\t\t\tcontent: content\n\t\t\t});\n\n\t\t\tmarker.addListener('click', () => {\n\t\t\t\tif (this.prevInfoWindow) {\n\t\t\t\t\tthis.prevInfoWindow.close();\n\t\t\t\t}\n\n\t\t\t\tthis.prevInfoWindow = infoWindow;\n\n\t\t\t\tinfoWindow.open(this.map, marker);\n\t\t\t});\n\t\t}\n\t}\n\n\t_centerMap(zoom) {\n\t\tconst bounds = new google.maps.LatLngBounds();\n\n\t\t$.each(this.map.markers, function () {\n\t\t\tconst item = this;\n\n\t\t\tif (typeof item.position !== 'undefined') {\n\n\t\t\t\tconst\n\t\t\t\t\tlat = item.position.lat(),\n\t\t\t\t\tlng = item.position.lng(),\n\t\t\t\t\tnewZoom = new google.maps.LatLng(lat, lng);\n\n\t\t\t\tbounds.extend(newZoom);\n\t\t\t}\n\t\t});\n\n\t\t// center single marker\n\t\tif (this.map.markers.length == 1) {\n\t\t\tthis.map.setCenter(bounds.getCenter());\n\t\t\tthis.map.setZoom(zoom);\n\t\t} else { // fit bounds to multiple markers\n\t\t\tthis.map.fitBounds(bounds);\n\t\t}\n\t}\n}\n","/* ======================================================================== */\n/* 40. Grid */\n/* ======================================================================== */\nclass Grid extends BaseComponent {\n\n\tconstructor({\n\t\ttarget,\n\t\tscope,\n\t\tonArrangeComplete,\n\t\tonLayoutComplete\n\t}) {\n\t\tsuper({\n\t\t\ttarget,\n\t\t\tscope\n\t\t});\n\t\tthis.onArrangeComplete = onArrangeComplete;\n\t\tthis.onLayoutComplete = onLayoutComplete;\n\t}\n\n\tset() {\n\t\tthis.equalHeights = this.$target.hasClass('js-grid-equal-heights');\n\t}\n\n\trun() {\n\n\t\tthis.isotopeInstance = new Isotope(this.$target.get(0), {\n\t\t\titemSelector: '.js-grid__item',\n\t\t\tcolumnWidth: '.js-grid__sizer',\n\t\t\tpercentPosition: true,\n\t\t\thorizontalOrder: true,\n\t\t});\n\n\t\tif (this.equalHeights) {\n\t\t\tthis._equalizeColumnsHeight();\n\t\t}\n\n\t\tthis._bindEvents();\n\t\tScrollTrigger.refresh();\n\n\t\tsetTimeout(() => {\n\t\t\tthis.isotopeInstance.layout();\n\t\t\tScrollTrigger.refresh();\n\t\t}, 200);\n\n\t}\n\n\t_bindEvents() {\n\t\tif (typeof this.onArrangeComplete === 'function') {\n\t\t\tthis.isotopeInstance.on('arrangeComplete', () => {\n\t\t\t\tthis.onArrangeComplete();\n\t\t\t\tthis._equalizeColumnsHeight();\n\t\t\t});\n\t\t}\n\n\t\tif (typeof this.onLayoutComplete === 'function') {\n\t\t\tthis.isotopeInstance.on('layoutComplete', () => {\n\t\t\t\tthis.onLayoutComplete();\n\t\t\t});\n\t\t}\n\n\t\tif (this.equalHeights) {\n\t\t\twindow.$window.on(getResponsiveResizeEvent(), debounce(() => {\n\t\t\t\tthis._equalizeColumnsHeight();\n\t\t\t}, 250));\n\t\t}\n\n\t\twindow.$window.one('arts/barba/transition/end', () => {\n\t\t\tthis.isotopeInstance.layout();\n\t\t});\n\t}\n\n\t_equalizeColumnsHeight() {\n\t\tthis.containerWidth = this.$target.innerWidth();\n\t\tthis.$items = this.$target.find('.js-grid__item');\n\t\tthis.$sizer = this.$target.find('.js-grid__sizer');\n\t\tthis.sizerWidth = this.$sizer.innerWidth();\n\t\tthis.itemsAmount = this.$items.length;\n\t\tthis.columnsAmount = Math.round(this.containerWidth / this.sizerWidth);\n\t\tthis.rowsAmount = this.itemsAmount / this.columnsAmount;\n\n\t\tlet offset = 0;\n\n\t\tgsap.set(this.$sizer, {\n\t\t\tclearProps: 'height'\n\t\t});\n\n\t\tgsap.set(this.$items, {\n\t\t\tclearProps: 'height',\n\t\t\tonComplete: () => {\n\t\t\t\tthis.isotopeInstance.layout();\n\t\t\t}\n\t\t});\n\n\t\tif (this.columnsAmount > 1) {\n\n\t\t\tfor (let row = 0; row < this.itemsAmount; row+=this.columnsAmount) {\n\n\t\t\t\tlet maxHeight = 0;\n\t\t\t\tlet $currentRowItems = [];\n\n\t\t\t\tfor (let index = row; index < row + this.columnsAmount; index++) {\n\n\t\t\t\t\tconst\n\t\t\t\t\t\ttargetIndex = index + offset,\n\t\t\t\t\t\t$currentItem = this.$items.eq(targetIndex),\n\t\t\t\t\t\tcurrentItemHeight = $currentItem.innerHeight();\n\n\t\t\t\t\tif (currentItemHeight > maxHeight) {\n\t\t\t\t\t\tmaxHeight = currentItemHeight;\n\t\t\t\t\t}\n\n\t\t\t\t\t$currentRowItems.push($currentItem);\n\t\t\t\t}\n\n\t\t\t\tgsap.to($currentRowItems, {\n\t\t\t\t\tduration: 0.2,\n\t\t\t\t\theight: maxHeight,\n\t\t\t\t\toverwrite: true,\n\t\t\t\t\tonComplete: () => {\n\t\t\t\t\t\tthis.isotopeInstance.layout();\n\t\t\t\t\t}\n\t\t\t\t});\n\t\t\t}\n\n\t\t}\n\n\t}\n\n}\n","/* ======================================================================== */\n/* 41. PSWPGallery */\n/* ======================================================================== */\nclass PSWPGallery extends PSWP {\n constructor({\n scope,\n target,\n options\n }) {\n super({\n scope,\n target,\n options\n });\n\n this.hashData = this._photoswipeParseHash();\n if (this.$target.length && !window.kinsey.theme.ajax.enabled && this.hashData.pid && this.hashData.gid) {\n this._openPhotoSwipe({\n index: this.hashData.pid,\n galleryElement: this.$target.eq(this.hashData.gid - 1),\n disableAnimation: true,\n fromURL: true\n });\n }\n }\n\n run() {\n this._bindClickGalleryLinks();\n }\n\n _bindClickGalleryLinks() {\n const self = this,\n $links = this.$target.find('a');\n\n $links.on('click', function (e) {\n const\n tl = new gsap.timeline(),\n $el = $(this),\n $parallaxEl = $el.find('[data-arts-parallax] > *'),\n scale = gsap.getProperty($parallaxEl.get(0), 'scale'),\n index = $links.index($el);\n\n e.preventDefault();\n\n tl\n .add(() => {\n window.$body.addClass('pointer-events-none');\n })\n .set(self.$container, {\n transition: 'none'\n })\n .to($parallaxEl, {\n scale: 1,\n duration: 0.3,\n })\n .add(() => {\n self._openPhotoSwipe({\n index,\n galleryElement: self.$target\n });\n })\n .set($parallaxEl, {\n delay: 0.1,\n scale: scale,\n overwrite: 'all',\n })\n .set($el, {\n autoAlpha: 1\n })\n .add(() => {\n window.$body.removeClass('pointer-events-none');\n });\n });\n }\n}\n","/* ======================================================================== */\n/* 42. ScrollDown */\n/* ======================================================================== */\nclass ScrollDown extends BaseComponent {\n constructor({\n target,\n scope,\n duration = 0.6\n }) {\n super({\n target,\n scope\n })\n\n this.duration = parseFloat(duration);\n }\n\n run() {\n this._bindEvents();\n }\n\n _bindEvents() {\n this.$target.on('click', (e) => {\n e.preventDefault();\n this._scrollDown();\n });\n }\n\n _scrollDown() {\n Scroll.scrollTo({\n x: 0,\n y: window.innerHeight + Math.min(0, -window.$pageHeader.height()),\n duration: this.duration\n });\n }\n}\n","/* ======================================================================== */\n/* 43. SectionFixedReveal */\n/* ======================================================================== */\nclass SectionFixedReveal extends BaseComponent{\t\n\tconstructor({\n\t\ttarget,\n\t\tscope\n\t}) {\n\t\tsuper({target, scope});\n\t}\n\n\tset() {\n\t\tthis.$spacer = this.$target.parent('.js-fixed-reveal-spacer');\n\t\tthis.startAnimationOffset = this.$target.data('arts-fixed-reveal-from') || '-30vh';\n\t\tthis.startAnimationOpacity = this.$target.data('arts-fixed-reveal-from-opacity') === undefined ? 1 : this.$target.data('arts-fixed-reveal-from-opacity');\n\t\tthis.disabledAtBreakpoint = this.$target.data('arts-fixed-reveal-disabled-at');\n\t\tthis.timeline = new gsap.timeline();\n\t\tthis.scrollTrigger = null;\n\t}\n\n\trun() {\n\t\tthis._createWrapper();\n\t\tthis._bindEvents();\n\n\t\tif (!this._isCurrentlyDisabled()) {\n\t\t\tthis._animate();\n\t\t}\n\t}\n\n\t_bindEvents() {\n\t\twindow.$window\n\t\t\t// re-create everything\n\t\t\t.on(getResponsiveResizeEvent(), debounce(() => {\n\t\t\t\tthis._createWrapper();\n\n\t\t\t\tif (!this.timeline && !this._isCurrentlyDisabled()) {\n\t\t\t\t\tthis._animate();\n\t\t\t\t}\n\n\t\t\t\tif (this._isCurrentlyDisabled()) {\n\t\t\t\t\tif (this.scrollTrigger) {\n\t\t\t\t\t\tthis.scrollTrigger.disable();\n\t\t\t\t\t}\n\t\t\t\t\tgsap.set(this.$target, {\n\t\t\t\t\t\tclearProps: 'all'\n\t\t\t\t\t});\n\t\t\t\t} else {\n\t\t\t\t\tif (this.scrollTrigger) {\n\t\t\t\t\t\tthis.scrollTrigger.enable();\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}, 250))\n\t\t\t// refresh ST\n\t\t\t.on('arts/scrolltrigger/update', (e) => {\n\t\t\t\tif (this.scrollTrigger && e.detail && e.detail.target === 'fixed-reveal') {\n\t\t\t\t\tthis.scrollTrigger.refresh(e.detail.immediate);\n\t\t\t\t}\n\t\t\t});\n\t}\n\n\t_isCurrentlyDisabled() {\n\t\treturn window.Modernizr.mq(`(${this.disabledAtBreakpoint})`) || window.innerHeight < this._getHeight();\n\t}\n\n\t_createWrapper() {\n\t\tif (!this.$spacer || !this.$spacer.length) {\n\t\t\tthis.$target.wrap('');\n\t\t\tthis.$spacer = this.$target.parent('.js-fixed-reveal-spacer');\n\t\t}\n\n\t\tgsap.set(this.$target, {\n\t\t\tposition: 'absolute',\n\t\t\tleft: 0,\n\t\t\ttop: 0,\n\t\t\tright: 0\n\t\t});\n\n\t\tgsap.set(this.$spacer, {\n\t\t\theight: () => this._getHeight(),\n\t\t\tposition: 'relative',\n\t\t\tbackground: this.$target.css('background-color'),\n\t\t\toverflow: 'hidden',\n\t\t\tzIndex: this.$target.css('z-index')\n\t\t});\n\t}\n\n\t_getHeight() {\n\t\treturn this.$target.outerHeight();\n\t}\n\n\t_animate() {\n\t\tif (this.scrollTrigger && typeof this.scrollTrigger.kill === 'function') { \n\t\t\tthis.scrollTrigger.kill();\n\t\t}\n\n\t\tthis.timeline.clear().fromTo(this.$target, {\n\t\t\ty: this.startAnimationOffset,\n\t\t\tease: 'none',\n\t\t\tautoAlpha: this.startAnimationOpacity\n\t\t}, {\n\t\t\ty: '0vh',\n\t\t\tautoAlpha: 1,\n\t\t\tease: 'none'\n\t\t});\n\n\t\tthis.scrollTrigger = ScrollTrigger.create({\n\t\t\tanimation: this.timeline,\n\t\t\tend: () => `bottom bottom`,\n\t\t\tstart: () => `top bottom`,\n\t\t\ttrigger: this.$spacer,\n\t\t\tscrub: true,\n\t\t\tinvalidateOnRefresh: true\n\t\t});\n\t}\n}\n","/* ======================================================================== */\n/* 44. SectionHorizontalScroll */\n/* ======================================================================== */\nclass SectionHorizontalScroll extends BaseComponent {\t\n\tconstructor({\n\t\ttarget,\n\t\tscope\n\t}) {\n\t\tsuper({target, scope});\n\t}\n\n\tset() {\n\t\tthis.scrollingType = this.$target.data('arts-horizontal-scroll-type') || 'modular';\n\t\tthis.scrollingStartDelay = this.$target.data('arts-horizontal-scroll-start-delay') || 0;\n\t\tthis.scrollingEndDelay = this.$target.data('arts-horizontal-scroll-end-delay') || 0;\n\t\tthis.scrollingToggleClass = this.$target.data('arts-horizontal-scroll-toggle-class') || false;\n\t\tthis.toggleClass = this.scrollingToggleClass.length && this.scrollingToggleClass !== 'false' ? this.scrollingToggleClass : false;\n\t\tthis.disabledAtBreakpoint = this.$target.data('arts-horizontal-scroll-disabled-at');\n\t\tthis.triggers = {\n\t\t\tpin: null,\n\t\t\tsections: []\n\t\t};\n\t\tthis.savedSBDamping;\n\t\tthis.savedOffsetY;\n\t\tthis.$wrapper = this.$target.find('[data-arts-horizontal-scroll=\"wrapper\"]');\n\t\tthis.wrapper = this.$wrapper.get(0);\n\t\tthis.scrollWidth = this.wrapper.scrollWidth; // cache scroll width\n\t\tthis.offsetWidth = this.target.offsetWidth; // cache offset width\n\t\tthis.screenViews = this._getScreenViewsAmount();\n\t\tthis.$sections = this.$target.find('[data-arts-horizontal-scroll=\"section\"]');\n\t}\n\n\trun() {\n\t\tthis._init();\n\t\tthis._bindEvents();\n\t}\n\n\t_initLazyImages() {\n\t\tconst\n\t\t\t$lazyImages = this.$wrapper.find('.lazy:not(.lazy_loaded) img[data-src]'),\n\t\t\t$lazyBackgrounds = this.$wrapper.find('.lazy-bg:not(.lazy_loaded)[data-src]');\n\n\t\t// set lazy loading images in horizontal scrolling section\n\t\tif ($lazyImages.length) {\n\t\t\tthis.lazyImages = new LazyLoad({\n\t\t\t\timages: $lazyImages,\n\t\t\t\tappendScroll: this._getLazyScrollingContainer()\n\t\t\t});\n\n\t\t\twindow.$window.one('arts/barba/transition/start', this.lazyImages.destroy);\n\t\t}\n\n\t\t// set lazy loading backgrounds\n\t\tif ($lazyBackgrounds.length) {\n\t\t\tthis.lazyBackgrounds = new LazyLoad({\n\t\t\t\tbackgrounds: $lazyBackgrounds,\n\t\t\t\tappendScroll: this._getLazyScrollingContainer()\n\t\t\t});\n\n\t\t\twindow.$window.one('arts/barba/transition/start', this.lazyBackgrounds.destroy);\n\t\t}\n\t}\n\n\t_init() {\n\t\tif (this._isCurrentlyDisabled()) {\n\t\t\tthis._killActiveTriggers();\n\t\t} else {\n\t\t\tthis._getPinnedWrapper();\n\n\t\t\t// calculate & run section-by-section translation\n\t\t\tif (this.scrollingType === 'modular' && this.$sections.length) {\n\t\t\t\tthis._getInnerSectionsTranslation();\n\t\t\t}\n\n\t\t\tsetTimeout(() => {\n\t\t\t\tAnimations.refreshAll();\n\t\t\t}, 250);\n\t\t}\n\n\t\tthis._initLazyImages();\n\t}\n\n\t_saveSmoothScrollbarDamping() {\n\t\tif (typeof window.SB !== 'undefined') {\n\t\t\tthis.savedSBDamping = window.SB.options.damping;\n\t\t\twindow.SB.update();\n\t\t}\n\t}\n\n\t_restoreSmoothScrollbarDamping() {\n\t\tif (typeof window.SB !== 'undefined') {\n\t\t\twindow.SB.options.damping = this.savedSBDamping;\n\t\t\twindow.SB.update();\n\t\t}\n\t}\n\n\t_saveSmoothScrollbarOffsetY() {\n\t\tif (typeof window.SB !== 'undefined') {\n\t\t\tthis.savedOffsetY = window.SB.offset.y;\n\t\t\twindow.SB.scrollTop = 0;\n\t\t} else {\n\t\t\tthis.savedOffsetY = window.scrollY;\n\t\t\twindow.scrollTo({\n\t\t\t\ttop: 0,\n\t\t\t\tleft: 0,\n\t\t\t\tbehavior: 'instant'\n\t\t\t});\n\t\t}\n\t}\n\n\t_restoreSmoothScrollbarOffsetY() {\n\t\tif (typeof window.SB !== 'undefined') {\n\t\t\twindow.SB.scrollTop = this.savedOffsetY;\n\t\t} else {\n\t\t\twindow.scrollTo({\n\t\t\t\ttop: this.savedOffsetY,\n\t\t\t\tleft: 0,\n\t\t\t\tbehavior: 'instant'\n\t\t\t});\n\t\t}\n\t}\n\n\t_bindEvents() {\n\t\tconst self = this;\n\n\t\twindow.$window.on(getResponsiveResizeEvent(), debounce(() => {\n\t\t\tself._killActiveTriggers();\n\t\t\tself._saveSmoothScrollbarOffsetY();\n\t\t\tself.set();\n\t\t\tself._init();\n\t\t\tself._restoreSmoothScrollbarOffsetY();\n\t\t\tself._enableScrollMomentum(true);\n\t\t}, 250));\n\t}\n\n\t_getLazyScrollingContainer() {\n\t\tif (window.Modernizr.touchevents && window.Modernizr.mq(`(${this.disabledAtBreakpoint})`)) {\n\t\t\treturn window;\n\t\t} else {\n\t\t\treturn this.$wrapper;\n\t\t}\n\t}\n\n\t_isCurrentlyDisabled() {\n\t\treturn window.Modernizr.touchevents || window.Modernizr.mq(`(${this.disabledAtBreakpoint})`);\n\t}\n\n\t_killActiveTriggers() {\n\t\tif (this.triggers && this.triggers.sections && this.triggers.sections.length) {\n\t\t\tthis.triggers.sections.forEach((s) => s.kill(true));\n\t\t}\n\n\t\tif (this.triggers && this.triggers.pin) {\n\t\t\tthis.triggers.pin.kill(true);\n\t\t}\n\n\t\tgsap.set(this.$sections, {\n\t\t\tclearProps: 'all'\n\t\t});\n\n\t\tgsap.set(this.wrapper, {\n\t\t\tclearProps: 'all'\n\t\t});\n\t}\n\n\t_getPinnedWrapper() {\n\t\tlet\n\t\t\tanimation = new gsap.timeline(),\n\t\t\tdelay = 0,\n\t\t\tscrollEvent = new CustomEvent('scroll');\n\n\t\t// In 'modular' scrolling mode the actual scrolling\n\t\t// is done with section-by-section translation implemented\n\t\t// in _getInnerSectionsTranslation() function\n\t\tif (this.scrollingType === 'modular') {\n\t\t\tdelay = this.scrollingStartDelay + this.scrollingEndDelay;\n\t\t} else {\n\t\t\tdelay = this.scrollingStartDelay;\n\t\t\t// In 'wrapper' scrolling we translate the whole container\n\t\t\tanimation\n\t\t\t\t.to(this.wrapper, {\n\t\t\t\t\tduration: this.scrollingStartDelay / 2000\n\t\t\t\t})\n\t\t\t\t.to(this.wrapper, {\n\t\t\t\t\tx: () => `-${this.scrollWidth - this.offsetWidth}`,\n\t\t\t\t\tduration: 1,\n\t\t\t\t\tease: 'none'\n\t\t\t\t})\n\t\t\t\t.to(this.wrapper, {\n\t\t\t\t\tduration: this.scrollingEndDelay / 2000\n\t\t\t\t});\n\t\t}\n\n\t\tthis.triggers.pin = ScrollTrigger.create({\n\t\t\tanimation,\n\t\t\ttrigger: this.$target,\n\t\t\tinvalidateOnRefresh: true,\n\t\t\trefreshPriority: 0,\n\t\t\tpin: this.wrapper,\n\t\t\tpinType: typeof window.SB !== 'undefined' ? 'transform' : 'fixed',\n\t\t\tpinSpacing: 'margin',\n\t\t\tanticipatePin: 1,\n\t\t\tscrub: true,\n\t\t\ttoggleClass: this.scrollingType === 'modular' ? false : {\n\t\t\t\ttargets: this.wrapper,\n\t\t\t\tclassName: this.toggleClass\n\t\t\t},\n\t\t\tstart: () => `top top`,\n\t\t\tonUpdate: () => {\n\t\t\t\tthis.wrapper.dispatchEvent(scrollEvent);\n\t\t\t},\n\t\t\tend: () => `top+=${this.scrollWidth - this.offsetWidth + delay} top`,\n\t\t\tonToggle: (instance) => {\n\t\t\t\tif (instance.isActive) {\n\t\t\t\t\tthis._enableScrollMomentum(false);\n\t\t\t\t} else {\n\t\t\t\t\tthis._enableScrollMomentum(true);\n\t\t\t\t\t// Animations.refresh('fixed-reveal');\n\t\t\t\t\tAnimations.refreshAll();\n\t\t\t\t}\n\t\t\t},\n\t\t});\n\t}\n\n\t_getScreenViewsAmount() {\n\t\treturn this.scrollWidth / this.offsetWidth;\n\t}\n\n\t_enableScrollMomentum(enable = true) {\n\t\tif (enable === true) {\n\t\t\tthis._restoreSmoothScrollbarDamping();\n\t\t} else {\n\t\t\tif (typeof window.SB !== 'undefined') {\n\t\t\t\tthis._saveSmoothScrollbarDamping();\n\t\t\t\twindow.SB.setMomentum(0, 0);\n\t\t\t\twindow.SB.options.damping = 10;\n\t\t\t}\n\t\t}\n\t}\n\n\t_getInnerSectionOffset(el, index) {\n\t\tlet offset = el.offsetWidth;\n\n\t\tfor (let i = 0; i < index; i++) {\n\t\t\toffset += this.$sections.eq(i).get(0).offsetWidth;\n\t\t}\n\n\t\treturn offset;\n\t}\n\n\t_getInnerSectionsTranslation() {\n\t\tconst self = this;\n\n\t\tthis.$sections.each(function (index) {\n\t\t\tlet\n\t\t\t\t$this = $(this),\n\t\t\t\trect = this.getBoundingClientRect(),\n\t\t\t\toffsetTrigger = 0,\n\t\t\t\toffsetInner = self._getInnerSectionOffset(this, index),\n\t\t\t\toutOfView = false,\n\t\t\t\ttrigger = this,\n\t\t\t\tinvalidateOnRefresh = true,\n\t\t\t\ttl = new gsap.timeline(),\n\t\t\t\tstart,\n\t\t\t\tend;\n\n\t\t\t// out of view\n\t\t\tif (rect.left >= self.offsetWidth) {\n\t\t\t\toutOfView = true;\n\t\t\t\toffsetTrigger += Math.max(0, rect.left - self.offsetWidth);\n\t\t\t} else {\n\n\t\t\t\t// immediately add \"in-view\" class for the sections\n\t\t\t\t// which are in view\n\t\t\t\tif (self.toggleClass) {\n\t\t\t\t\t$this.addClass(self.toggleClass);\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t// section belongs to the last screen view\n\t\t\t// so correct the offset\n\t\t\tif (rect.right >= self.offsetWidth * (self.screenViews - 1)) {\n\t\t\t\toffsetInner -= rect.left - self.offsetWidth * (self.screenViews - 1) + rect.width;\n\t\t\t}\n\n\t\t\tstart = outOfView ? `top+=${offsetTrigger + self.scrollingStartDelay} top` : `top+=${self.scrollingStartDelay} top`;\n\t\t\tend = `bottom+=${offsetInner + self.scrollingStartDelay} bottom`;\n\n\t\t\ttl.fromTo(this, {\n\t\t\t\tclearProps: 'transform',\n\t\t\t\tx: () => -offsetTrigger,\n\t\t\t\timmediateRender: true\n\t\t\t}, {\n\t\t\t\tduration: 1,\n\t\t\t\tease: 'none',\n\t\t\t\tx: () => -offsetInner,\n\t\t\t});\n\n\t\t\tconst st = ScrollTrigger.create({\n\t\t\t\ttrigger,\n\t\t\t\tinvalidateOnRefresh,\n\t\t\t\tstart,\n\t\t\t\tend,\n\t\t\t\tanimation: tl,\n\t\t\t\tscrub: true,\n\t\t\t\ttoggleClass: self.toggleClass,\n\t\t\t});\n\n\t\t\tself.triggers.sections.push(st);\n\t\t});\n\t}\n}\n","/* ======================================================================== */\n/* 45. SliderDots */\n/* ======================================================================== */\nclass SliderDots {\n\n\tconstructor({\n\t\tslider,\n\t\tcontainer\n\t}) {\n\t\tthis.slider = slider;\n\t\tthis.$container = container;\n\t\tthis.$dots = this.$container.find('.slider__dot');\n\t\tthis.delay = this.slider.params.autoplay.enabled || this.slider.params.autoplay.enabledLater ? parseFloat(this.slider.params.autoplay.delay / 1000) : parseFloat(this.slider.params.speed / 1000 / 2);\n\t\tthis.timeline = new gsap.timeline();\n\t\tthis.initialSetTimeline = new gsap.timeline({\n\t\t\tpaused: true\n\t\t});\n\n\t\tif (!this.$dots.length) {\n\t\t\treturn false;\n\t\t}\n\n\t\tthis.run();\n\t}\n\n\trun() {\n\t\tthis._renderDots();\n\t\tthis._prepare();\n\t\tthis._bindEvents();\n\t}\n\n\t_renderDots() {\n\t\tthis.$dots.append(this._getDotTemplate());\n\t\tthis.$circles = this.$dots.find('.circle');\n\t}\n\n\t_prepare() {\n\t\tgsap.set(this.$circles, {\n\t\t\tstrokeOpacity: 0,\n\t\t\ttransformOrigin: 'center center',\n\t\t\trotate: 180,\n\t\t\tdrawSVG: '100% 100%',\n\t\t});\n\n\t\tconst\n\t\t\t$currentDot = this.$dots.eq(0),\n\t\t\t$currentCircle = $currentDot.find('.circle');\n\n\t\tthis.initialSetTimeline.fromTo($currentCircle, {\n\t\t\tstrokeOpacity: 1,\n\t\t\trotate: 0,\n\t\t\ttransformOrigin: 'center center',\n\t\t\tdrawSVG: '100% 100%',\n\t\t\tease: 'power3.inOut',\n\t\t}, {\n\t\t\tstrokeOpacity: 1,\n\t\t\trotate: 180,\n\t\t\ttransformOrigin: 'center center',\n\t\t\tduration: this.delay,\n\t\t\tdrawSVG: '0% 100%',\n\t\t});\n\t}\n\n\t_bindEvents() {\n\t\tthis.slider\n\t\t\t.on('autoplayStop', () => {\n\t\t\t\tthis.timeline.pause();\n\t\t\t\tif (this.initialSetTimeline) {\n\t\t\t\t\tthis.initialSetTimeline.pause();\n\t\t\t\t}\n\t\t\t})\n\t\t\t.on('autoplayStart', () => {\n\t\t\t\tthis.timeline.play();\n\t\t\t\tif (this.initialSetTimeline) {\n\t\t\t\t\tthis.initialSetTimeline.play();\n\t\t\t\t}\n\t\t\t})\n\t\t\t.on('transitionStart', () => {\n\t\t\t\tthis._setCurrentDot(this.slider.realIndex);\n\t\t\t});\n\t}\n\n\t_setCurrentDot(index = 0) {\n\t\tconst\n\t\t\t$currentDot = this.$dots.eq(index),\n\t\t\t$currentCircle = $currentDot.find('.circle'),\n\t\t\t$otherCircles = this.$circles.not($currentCircle);\n\n\t\tthis.timeline\n\t\t\t.clear()\n\t\t\t.add(() => {\n\t\t\t\tif (this.initialSetTimeline) {\n\t\t\t\t\tthis.initialSetTimeline.kill();\n\t\t\t\t\tthis.initialSetTimeline = undefined;\n\t\t\t\t}\n\t\t\t})\n\t\t\t.to($otherCircles, {\n\t\t\t\tduration: this.delay / 10,\n\t\t\t\ttransformOrigin: 'center center',\n\t\t\t\tdrawSVG: '0% 0%',\n\t\t\t\tease: 'expo.inOut',\n\t\t\t})\n\t\t\t.set($otherCircles, {\n\t\t\t\tstrokeOpacity: 0,\n\t\t\t})\n\t\t\t.fromTo($currentCircle, {\n\t\t\t\tstrokeOpacity: 1,\n\t\t\t\trotate: 0,\n\t\t\t\ttransformOrigin: 'center center',\n\t\t\t\tdrawSVG: '100% 100%',\n\t\t\t\tease: 'power3.inOut',\n\t\t\t}, {\n\t\t\t\tstrokeOpacity: 1,\n\t\t\t\trotate: 180,\n\t\t\t\ttransformOrigin: 'center center',\n\t\t\t\tduration: this.delay,\n\t\t\t\tdrawSVG: '0% 100%',\n\t\t\t});\n\t}\n\n\t_getDotTemplate() {\n\t\treturn `\n\t\t\t\n\t\t`;\n\t}\n\n}\n","/* ======================================================================== */\n/* 46. SliderTextTransitions */\n/* ======================================================================== */\nclass SliderTextTransitions {\n\tconstructor({\n\t\tslider,\n\t\tdirection,\n\t\tstaggerHeadings = 0.2,\n\t\tstaggerTexts = 0.2,\n\t\theading,\n\t\tsubheading,\n\t\tdescription,\n\t\tlink,\n\t\tline,\n\t\thasAnimation = false\n\t}) {\n\t\t// slider\n\t\tthis.slider = slider;\n\t\tthis.$slides = $(this.slider.slides);\n\t\tthis.hasAnimation = hasAnimation;\n\t\tthis.$firstSlide = hasAnimation ? $({}) : this.$slides.eq(0); // don't exclude 1st slide from animation\n\n\t\t// params\n\t\tthis.offset;\n\t\tthis.direction = direction || this.slider.params.direction;\n\t\tthis.speed = parseFloat(this.slider.params.speed / 1000);\n\n\t\t// elements\n\t\tthis.$heading = heading;\n\t\tthis.$subheading = subheading;\n\t\tthis.$description = description;\n\t\tthis.$link = link;\n\t\tthis.$line = line;\n\n\t\t// animation\n\t\tthis.timeline = new gsap.timeline();\n\t\tthis.hideTimeline = new gsap.timeline();\n\t\tthis.ease = 'expo.out';\n\t\tthis.staggerHeadings = staggerHeadings;\n\t\tthis.staggerTexts = staggerTexts;\n\t\tthis.animationDirections = this._getAnimationDirections();\n\t\tthis._initialSet();\n\t\tthis._bindEvents();\n\t}\n\n\t_bindEvents() {\n\t\tthis.slider.on('slideChange', () => {\n\t\t\tif (this.slider.realIndex > this.slider.previousIndex) {\n\t\t\t\tthis._slideChangeTransition({\n\t\t\t\t\tdirection: 'next'\n\t\t\t\t});\n\t\t\t}\n\n\t\t\tif (this.slider.realIndex < this.slider.previousIndex) {\n\t\t\t\tthis._slideChangeTransition({\n\t\t\t\t\tdirection: 'prev'\n\t\t\t\t});\n\t\t\t}\n\t\t});\n\t}\n\n\t_initialSet() {\n\t\tconst directions = this._getSlideAnimationDirections({\n\t\t\tdirection: 'next'\n\t\t});\n\n\t\tif (this.$subheading && this.$subheading.length) {\n\t\t\tgsap.effects.setWords(this.$subheading.not(this.$firstSlide.find(this.$subheading)), {\n\t\t\t\tx: 0, //directions.in.x / 4,\n\t\t\t\ty: (directions.in.y || directions.in.x),\n\t\t\t\tautoAlpha: 0,\n\t\t\t});\n\t\t}\n\n\t\tif (this.$heading && this.$heading.length) {\n\t\t\tgsap.effects.setChars(this.$heading.not(this.$firstSlide.find(this.$heading)), {\n\t\t\t\tx: directions.in.x,\n\t\t\t\ty: directions.in.y,\n\t\t\t});\n\t\t}\n\n\t\tif (this.$description && this.$description.length) {\n\t\t\tgsap.effects.setLines(this.$description.not(this.$firstSlide.find(this.$description)), {\n\t\t\t\tautoAlpha: 1,\n\t\t\t\ty: '100%',\n\t\t\t});\n\t\t}\n\n\t\tif (this.$link && this.$link.length) {\n\t\t\tgsap.set(this.$link.not(this.$firstSlide.find(this.$link)), {\n\t\t\t\ty: (this.animationDirections.offset.y.next.in || this.animationDirections.offset.x.next.in),\n\t\t\t\tautoAlpha: 0,\n\t\t\t});\n\t\t}\n\n\t\tif (this.$line && this.$line.length) {\n\t\t\tgsap.set(this.$line.not(this.$firstSlide.find(this.$line)), {\n\t\t\t\tscaleX: 0\n\t\t\t});\n\t\t}\n\t}\n\n\t_slideChangeTransition({\n\t\tdirection = 'next'\n\t}) {\n\t\tconst\n\t\t\tself = this,\n\t\t\tdirections = this._getSlideAnimationDirections({\n\t\t\t\tdirection\n\t\t\t}),\n\t\t\t$prevSlide = this.$slides.eq(this.slider.previousIndex),\n\t\t\t$prevHeading = $prevSlide.find(this.$heading),\n\t\t\t$prevSubheading = $prevSlide.find(this.$subheading),\n\t\t\t$prevDescription = $prevSlide.find(this.$description),\n\t\t\t$prevLink = $prevSlide.find(this.$link),\n\t\t\t$prevLine = $prevSlide.find(this.$line),\n\t\t\t$activeSlide = this.$slides.eq(this.slider.realIndex),\n\t\t\t$activeHeading = $activeSlide.find(this.$heading),\n\t\t\t$activeSubheading = $activeSlide.find(this.$subheading),\n\t\t\t$activeDescription = $activeSlide.find(this.$description),\n\t\t\t$activeLink = $activeSlide.find(this.$link),\n\t\t\t$activeLine = $activeSlide.find(this.$line);\n\n\t\tthis.timeline.clear();\n\n\t\t/**\n\t\t * Animate out previous elements\n\t\t * and set current elements\n\t\t */\n\t\tif (this.$subheading && this.$subheading.length) {\n\t\t\tself.timeline.add([\n\t\t\t\tgsap.effects.hideWords($prevSubheading, {\n\t\t\t\t\tduration: self.speed / 2,\n\t\t\t\t\tautoAlpha: 1,\n\t\t\t\t\tx: 0,//directions.out.x / 4,\n\t\t\t\t\ty: (directions.out.y || directions.out.x),\n\t\t\t\t\tstagger: distributeByPosition({\n\t\t\t\t\t\tamount: self.staggerHeadings,\n\t\t\t\t\t\tfrom: directions.out.from\n\t\t\t\t\t}),\n\t\t\t\t\tease: self.ease\n\t\t\t\t}),\n\t\t\t\tgsap.effects.setWords(this.$subheading.not($prevSubheading), {\n\t\t\t\t\tautoAlpha: 1,\n\t\t\t\t\tx: 0,\n\t\t\t\t\ty: (directions.in.y || directions.in.x),\n\t\t\t\t})\n\t\t\t], '0')\n\t\t}\n\n\t\tif (this.$heading && this.$heading.length) {\n\t\t\tself.timeline.add([\n\t\t\t\tgsap.effects.hideChars($prevHeading, {\n\t\t\t\t\tduration: self.speed,\n\t\t\t\t\tautoAlpha: 1,\n\t\t\t\t\tx: directions.out.x,\n\t\t\t\t\ty: directions.out.y,\n\t\t\t\t\tstagger: distributeByPosition({\n\t\t\t\t\t\tamount: self.staggerHeadings,\n\t\t\t\t\t\tfrom: directions.out.from\n\t\t\t\t\t}),\n\t\t\t\t\tease: self.ease\n\t\t\t\t}),\n\t\t\t\tgsap.effects.setChars(this.$heading.not($prevHeading), {\n\t\t\t\t\tautoAlpha: 1,\n\t\t\t\t\tx: directions.in.x,\n\t\t\t\t\ty: directions.in.y,\n\t\t\t\t})\n\t\t\t], '0');\n\t\t}\n\n\t\tif (this.$description && this.$description.length) {\n\t\t\tself.timeline.add([\n\t\t\t\tgsap.effects.hideLines($prevDescription, {\n\t\t\t\t\tduration: self.speed,\n\t\t\t\t\ty: direction === 'next' ? '-100%' : '100%',\n\t\t\t\t\tstagger: distributeByPosition({\n\t\t\t\t\t\tfrom: direction === 'next' ? 'start' : 'end',\n\t\t\t\t\t\tamount: self.staggerTexts\n\t\t\t\t\t}),\n\t\t\t\t\tease: self.ease,\n\t\t\t\t}),\n\t\t\t\tgsap.effects.setLines(this.$description.not($prevDescription), {\n\t\t\t\t\ty: direction === 'next' ? '100%' : '-100%',\n\t\t\t\t}),\n\t\t\t], '0')\n\t\t}\n\n\t\tif (this.$link && this.$link.length) {\n\t\t\tself.timeline.add([\n\t\t\t\tgsap.to($prevLink, {\n\t\t\t\t\tduration: self.speed,\n\t\t\t\t\ty: (directions.out.y || directions.out.x),\n\t\t\t\t\tautoAlpha: 0,\n\t\t\t\t\tease: self.ease\n\t\t\t\t}),\n\t\t\t\tgsap.set(this.$link.not($prevLink), {\n\t\t\t\t\ty: (directions.in.y || directions.in.x),\n\t\t\t\t\tautoAlpha: 0\n\t\t\t\t})\n\t\t\t], '0');\n\t\t}\n\n\t\tif (this.$line && this.$line.length) {\n\t\t\tself.timeline.add([\n\t\t\t\tgsap.to($prevLine, {\n\t\t\t\t\tduration: self.speed,\n\t\t\t\t\tscaleX: 0,\n\t\t\t\t\ttransformOrigin: direction === 'next' ? 'right center' : 'left center',\n\t\t\t\t\tease: self.ease,\n\t\t\t\t}),\n\t\t\t\tgsap.set(this.$line.not($prevLine), {\n\t\t\t\t\tscaleX: 0\n\t\t\t\t})\n\t\t\t], '0')\n\t\t}\n\n\t\t// /**\n\t\t// * Set current elements\n\t\t// */\n\t\t// if ($activeLink.length) {\n\t\t// \tself.timeline.set($activeLink, {\n\t\t// \t\ty: (self.animationDirections.offset.y.next.in || self.animationDirections.offset.x.next.in) / 2,\n\t\t// \t\tautoAlpha: 0,\n\t\t// \t\tease: self.ease,\n\t\t// \t}, '0');\n\t\t// }\n\n\t\t// if ($activeLine.length) {\n\t\t// \tself.timeline.set($activeLine, {\n\t\t// \t\tscaleX: 0,\n\t\t// \t\tease: self.ease\n\t\t// \t}, '0');\n\t\t// }\n\n\t\t/**\n\t\t * All current elements are set\n\t\t */\n\t\tself.timeline.addLabel('elementsSet');\n\n\t\t/**\n\t\t * Animate in current elements\n\t\t */\n\t\tif ($activeSubheading.length) {\n\t\t\tself.timeline.animateWords($activeSubheading, {\n\t\t\t\tautoAlpha: 1,\n\t\t\t\tduration: self.speed,\n\t\t\t\tstagger: distributeByPosition({\n\t\t\t\t\tamount: self.staggerHeadings,\n\t\t\t\t\tfrom: directions.in.from,\n\t\t\t\t}),\n\t\t\t\tease: self.ease,\n\t\t\t}, `elementsSet-=${this.speed / 2}`);\n\t\t}\n\n\t\tif ($activeHeading.length) {\n\t\t\tself.timeline.animateChars($activeHeading, {\n\t\t\t\tduration: self.speed,\n\t\t\t\tstagger: distributeByPosition({\n\t\t\t\t\tamount: self.staggerHeadings,\n\t\t\t\t\tfrom: directions.in.from,\n\t\t\t\t}),\n\t\t\t\tease: self.ease,\n\t\t\t}, `elementsSet-=${this.speed / 2}`);\n\t\t}\n\n\t\tif ($activeDescription.length) {\n\t\t\tself.timeline.animateLines($activeDescription, {\n\t\t\t\tduration: self.speed,\n\t\t\t\tautoAlpha: 1,\n\t\t\t\tstagger: distributeByPosition({\n\t\t\t\t\tamount: self.staggerTexts,\n\t\t\t\t\tfrom: direction === 'next' ? 'start' : 'end',\n\t\t\t\t}),\n\t\t\t\tease: self.ease,\n\t\t\t}, `elementsSet-=${this.speed / 2}`);\n\t\t}\n\n\t\tif ($activeLink.length) {\n\t\t\tself.timeline.to($activeLink, {\n\t\t\t\tduration: self.speed,\n\t\t\t\ty: '0%',\n\t\t\t\tautoAlpha: 1,\n\t\t\t\tease: self.ease,\n\t\t\t}, `elementsSet-=${this.speed / 2}`);\n\t\t}\n\n\t\tif ($activeLine.length) {\n\t\t\tself.timeline.to($activeLine, {\n\t\t\t\tduration: self.speed,\n\t\t\t\tscaleX: 1,\n\t\t\t\ttransformOrigin: direction === 'next' ? 'left center' : 'right center',\n\t\t\t\tease: self.ease,\n\t\t\t}, `elementsSet-=${this.speed / 2}`);\n\t\t}\n\n\t\tthis.timeline.totalDuration(this.speed * 1.5);\n\n\t}\n\n\t_getSlideAnimationDirections({\n\t\tdirection = 'next'\n\t}) {\n\t\tconst\n\t\t\tdirections = {\n\t\t\t\tin: {\n\t\t\t\t\tx: 0,\n\t\t\t\t\ty: 0,\n\t\t\t\t\tfrom: 'start'\n\t\t\t\t},\n\t\t\t\tout: {\n\t\t\t\t\tx: 0,\n\t\t\t\t\ty: 0,\n\t\t\t\t\tfrom: 'start'\n\t\t\t\t},\n\t\t\t};\n\t\tif (direction === 'next') {\n\t\t\t// next in\n\t\t\tdirections.in.x = this.animationDirections.offset.x.next.in;\n\t\t\tdirections.in.y = this.animationDirections.offset.y.next.in;\n\t\t\tdirections.in.from = this.animationDirections.from.next.in;\n\n\t\t\t// next out\n\t\t\tdirections.out.x = this.animationDirections.offset.x.next.out;\n\t\t\tdirections.out.y = this.animationDirections.offset.y.next.out;\n\t\t\tdirections.out.from = this.animationDirections.from.next.out;\n\t\t}\n\n\t\tif (direction === 'prev') {\n\t\t\t// prev in\n\t\t\tdirections.in.x = this.animationDirections.offset.x.prev.in;\n\t\t\tdirections.in.y = this.animationDirections.offset.y.prev.in;\n\t\t\tdirections.in.from = this.animationDirections.from.prev.in;\n\n\t\t\t// prev out\n\t\t\tdirections.out.x = this.animationDirections.offset.x.prev.out;\n\t\t\tdirections.out.y = this.animationDirections.offset.y.prev.out;\n\t\t\tdirections.out.from = this.animationDirections.from.prev.out;\n\t\t}\n\n\t\treturn directions;\n\t}\n\n\t_getAnimationDirections() {\n\t\tconst textAlign = this.$heading ? this.$heading.css('text-align') : 'left';\n\n\t\tconst directions = {\n\t\t\toffset: {\n\t\t\t\tx: {\n\t\t\t\t\tnext: {\n\t\t\t\t\t\tin: 0,\n\t\t\t\t\t\tout: 0\n\t\t\t\t\t},\n\t\t\t\t\tprev: {\n\t\t\t\t\t\tin: 0,\n\t\t\t\t\t\tout: 0\n\t\t\t\t\t},\n\t\t\t\t},\n\t\t\t\ty: {\n\t\t\t\t\tnext: {\n\t\t\t\t\t\tin: 0,\n\t\t\t\t\t\tout: 0\n\t\t\t\t\t},\n\t\t\t\t\tprev: {\n\t\t\t\t\t\tin: 0,\n\t\t\t\t\t\tout: 0\n\t\t\t\t\t},\n\t\t\t\t},\n\t\t\t},\n\t\t\tfrom: {\n\t\t\t\tnext: {\n\t\t\t\t\tin: 'start',\n\t\t\t\t\tout: 'start'\n\t\t\t\t},\n\t\t\t\tprev: {\n\t\t\t\t\tin: 'end',\n\t\t\t\t\tout: 'end'\n\t\t\t\t},\n\t\t\t}\n\t\t};\n\n\t\tswitch (textAlign) {\n\t\t\tdefault: // left\n\t\t\t\t// text align left & slider horizontal\n\t\t\t\tif (this.direction === 'horizontal') {\n\t\t\t\t\tdirections.offset.x.next.in = '104%';\n\t\t\t\t\tdirections.offset.x.next.out = '-104%';\n\t\t\t\t\tdirections.offset.x.prev.in = '-104%';\n\t\t\t\t\tdirections.offset.x.prev.out = '104%';\n\n\t\t\t\t\tdirections.from.next.in = 'start';\n\t\t\t\t\tdirections.from.next.out = 'start';\n\t\t\t\t\tdirections.from.prev.in = 'end';\n\t\t\t\t\tdirections.from.prev.out = 'end';\n\t\t\t\t}\n\t\t\t\t// text align left & slider vertical\n\t\t\t\tif (this.direction === 'vertical') {\n\t\t\t\t\tdirections.offset.y.next.in = '100%';\n\t\t\t\t\tdirections.offset.y.next.out = '-100%';\n\t\t\t\t\tdirections.offset.y.prev.in = '-100%';\n\t\t\t\t\tdirections.offset.y.prev.out = '100%';\n\n\t\t\t\t\tdirections.from.next.in = 'end';\n\t\t\t\t\tdirections.from.next.out = 'start';\n\t\t\t\t\tdirections.from.prev.in = 'start';\n\t\t\t\t\tdirections.from.prev.out = 'end';\n\t\t\t\t}\n\t\t\t\tbreak;\n\t\t\tcase 'center':\n\t\t\t\t// text align center & slider horizontal\n\t\t\t\tif (this.direction === 'horizontal') {\n\t\t\t\t\tdirections.offset.x.next.in = '-104%';\n\t\t\t\t\tdirections.offset.x.next.out = '104%';\n\t\t\t\t\tdirections.offset.x.prev.in = '104%';\n\t\t\t\t\tdirections.offset.x.prev.out = '-104%';\n\n\t\t\t\t\tdirections.from.next.in = 'end';\n\t\t\t\t\tdirections.from.next.out = 'end';\n\t\t\t\t\tdirections.from.prev.in = 'start';\n\t\t\t\t\tdirections.from.prev.out = 'start';\n\t\t\t\t}\n\t\t\t\t// text align left & slider vertical\n\t\t\t\tif (this.direction === 'vertical') {\n\t\t\t\t\tdirections.offset.y.next.in = '100%';\n\t\t\t\t\tdirections.offset.y.next.out = '-100%';\n\t\t\t\t\tdirections.offset.y.prev.in = '-100%';\n\t\t\t\t\tdirections.offset.y.prev.out = '100%';\n\n\t\t\t\t\tdirections.from.next.in = 'center';\n\t\t\t\t\tdirections.from.next.out = 'center';\n\t\t\t\t\tdirections.from.prev.in = 'center';\n\t\t\t\t\tdirections.from.prev.out = 'center';\n\t\t\t\t}\n\t\t\t\tbreak;\n\t\t\tcase 'right':\n\t\t\t\t// text align right & slider horizontal\n\t\t\t\tif (this.direction === 'horizontal') {\n\t\t\t\t\tdirections.offset.x.next.in = '-104%';\n\t\t\t\t\tdirections.offset.x.next.out = '104%';\n\t\t\t\t\tdirections.offset.x.prev.in = '104%';\n\t\t\t\t\tdirections.offset.x.prev.out = '-104%';\n\n\t\t\t\t\tdirections.from.next.in = 'end';\n\t\t\t\t\tdirections.from.next.out = 'end';\n\t\t\t\t\tdirections.from.prev.in = 'start';\n\t\t\t\t\tdirections.from.prev.out = 'start';\n\t\t\t\t}\n\t\t\t\t// text align right & slider vertical\n\t\t\t\tif (this.direction === 'vertical') {\n\n\t\t\t\t\tdirections.offset.y.next.in = '-100%';\n\t\t\t\t\tdirections.offset.y.next.out = '100%';\n\t\t\t\t\tdirections.offset.y.prev.in = '100%';\n\t\t\t\t\tdirections.offset.y.prev.out = '-100%';\n\n\t\t\t\t\tdirections.from.next.in = 'start';\n\t\t\t\t\tdirections.from.next.out = 'end';\n\t\t\t\t\tdirections.from.prev.in = 'end';\n\t\t\t\t\tdirections.from.prev.out = 'start';\n\t\t\t\t}\n\t\t\t\tbreak;\n\t\t}\n\n\t\treturn directions;\n\t}\n\n}\n","/* ======================================================================== */\n/* 47. SmoothScroll */\n/* ======================================================================== */\nclass SmoothScroll {\n\n\tconstructor({\n\t\ttarget = $('.js-smooth-scroll'),\n\t\tadminBar,\n\t\tabsoluteElements,\n\t\tfixedElements\n\t}) {\n\t\tthis.$target = target;\n\t\tthis.$WPadminBar = adminBar;\n\t\tthis.$absoluteElements = absoluteElements;\n\t\tthis.$fixedElements = fixedElements;\n\t\tthis.run();\n\t}\n\n\trun() {\n\n\t\tif (\n\t\t\ttypeof window.Scrollbar === 'undefined' ||\n\t\t\t!window.kinsey.theme.smoothScroll.enabled ||\n\t\t\t!this.$target ||\n\t\t\t!this.$target.length ||\n\t\t\ttypeof elementor !== 'undefined' || // don't launch in Elementor edit mode\n\t\t\twindow.kinsey.theme.isElementorEditorActive || // don't launch in Elementor edit mode\n\t\t\t(window.Modernizr.touchevents && !this.$target.hasClass('js-smooth-scroll_enable-mobile')) || // don't launch on touch devices\n\t\t\twindow.Modernizr.touchevents\n\t\t) {\n\t\t\tthis._handleAnchorsScrolling();\n\t\t\twindow.$html.removeClass('smoothscroll');\n\t\t\treturn false;\n\t\t}\n\n\t\tthis._registerPlugins();\n\t\tthis.$target.addClass('smooth-scroll');\n\t\twindow.$html.addClass('smoothscroll');\n\n\t\twindow.SB = window.Scrollbar.init(this.$target[0], window.kinsey.theme.smoothScroll);\n\n\t\tthis._bindEvents();\n\n\t\ttry {\n\t\t\tthis._handleAnchorsScrolling();\n\t\t} catch (error) {\n\t\t\tconsole.error(`Smooth anchor scrolling: Unrecognized selector expression: ${error}`)\n\t\t}\n\n\t\tif (typeof this.$absoluteElements !== 'undefined' && this.$absoluteElements.length) {\n\t\t\tthis._correctAbsolutePositionElements();\n\t\t}\n\n\t\tif (typeof this.$fixedElements !== 'undefined' && this.$fixedElements.length) {\n\t\t\tthis._correctFixedPositionElements();\n\t\t}\n\n\t\t// Immediately focus SB container so it become accessible for keyboard navigation\n\t\twindow.SB.containerEl.focus();\n\t}\n\n\t_registerPlugins() {\n\n\t\tif (typeof NativeScrollEventPlugin !== 'undefined') {\n\t\t\twindow.Scrollbar.use(NativeScrollEventPlugin);\n\t\t}\n\n\t\tif (typeof ProxyGSAPScrollTriggerPlugin !== 'undefined') {\n\t\t\twindow.Scrollbar.use(ProxyGSAPScrollTriggerPlugin);\n\t\t}\n\n\t\tif (typeof DisableScrollPlugin !== 'undefined') {\n\t\t\twindow.Scrollbar.use(DisableScrollPlugin);\n\t\t}\n\n\t\tif (window.kinsey.theme.smoothScroll.plugins.edgeEasing && typeof SoftscrollPlugin !== 'undefined') {\n\t\t\twindow.Scrollbar.use(SoftscrollPlugin);\n\t\t}\n\t}\n\n\t_bindEvents() {\n\t\t// Destroy instance after page transition\n\t\twindow.$window.one('arts/barba/transition/init/before', () => {\n\t\t\twindow.SB.destroy();\n\t\t});\n\t}\n\n\t_handleAnchorsScrolling() {\n\t\tthis.$target.find('a[href*=\"#\"]:not([href=\"#\"]):not(.post__comments a)').each(function () {\n\t\t\tconst\n\t\t\t\t$current = $(this),\n\t\t\t\turl = $current.attr('href'),\n\t\t\t\tfilteredUrl = url.substring(url.indexOf('#'));\n\n\t\t\tif (filteredUrl.length) {\n\t\t\t\tconst $el = $(filteredUrl);\n\n\t\t\t\tif ($el.length) {\n\t\t\t\t\t$current.on('click', function (e) {\n\t\t\t\t\t\te.preventDefault();\n\t\t\t\t\t\tScroll.scrollTo({\n\t\t\t\t\t\t\tx: 0,\n\t\t\t\t\t\t\ty: $el.offset().top,\n\t\t\t\t\t\t\tduration: 0.8\n\t\t\t\t\t\t});\n\t\t\t\t\t});\n\t\t\t\t}\n\t\t\t}\n\t\t});\n\t}\n\n\t_correctAbsolutePositionElements() {\n\t\tconst barHeight = (this.$WPadminBar.length && this.$WPadminBar.height()) || 0;\n\n\t\tgsap.to(this.$absoluteElements, {\n\t\t\ty: 0,\n\t\t\tduration: 0.3\n\t\t});\n\n\t\tthis.$absoluteElements.each(function () {\n\t\t\tconst $el = $(this);\n\n\t\t\twindow.SB.addListener((scrollbar) => {\n\t\t\t\tgsap.set($el, {\n\t\t\t\t\ty: -scrollbar.offset.y + barHeight\n\t\t\t\t});\n\t\t\t});\n\t\t});\n\t}\n\n\t_correctFixedPositionElements() {\n\t\tconst barHeight = (this.$WPadminBar.length && this.$WPadminBar.height()) || 0;\n\n\t\tgsap.to(this.$fixedElements, {\n\t\t\ty: 0,\n\t\t\tduration: 0.3\n\t\t});\n\n\t\tthis.$fixedElements.each(function () {\n\t\t\tconst $el = $(this);\n\n\t\t\twindow.SB.addListener((scrollbar) => {\n\t\t\t\tgsap.set($el, {\n\t\t\t\t\ty: scrollbar.offset.y - barHeight\n\t\t\t\t});\n\t\t\t});\n\t\t});\n\t}\n\n}\n","/* ======================================================================== */\n/* 48. MobileBarHeight */\n/* ======================================================================== */\nclass MobileBarHeight {\n constructor() {\n this.vh = 0;\n this._createStyleElement();\n this._setVh();\n\n if (window.kinsey.theme.mobileBarFix.update) {\n this._bindEvents();\n }\n }\n\n _setVh() {\n this.vh = window.innerHeight * 0.01;\n $('#arts-fix-bar').html(`:root { --fix-bar-vh: ${this.vh}px; }`);\n }\n\n _bindEvents() {\n const event = getResponsiveResizeEvent();\n\n window.$window.on(event, debounce(() => {\n this._setVh();\n }, 250));\n }\n\n _createStyleElement() {\n if (!$('#arts-fix-bar').length) {\n $('head').append('');\n }\n }\n}\n","/* ======================================================================== */\n/* 49. debounce */\n/* ======================================================================== */\nfunction debounce(func, wait, immediate) {\n\n let timeout;\n\n return () => {\n\n let\n context = this,\n args = arguments;\n\n let later = () => {\n\n timeout = null;\n\n if (!immediate) {\n func.apply(context, args)\n };\n\n };\n\n let callNow = immediate && !timeout;\n\n clearTimeout(timeout);\n\n timeout = setTimeout(later, wait);\n\n if (callNow) {\n func.apply(context, args)\n };\n\n };\n\n};\n","/* ======================================================================== */\n/* 50. distributeByPosition */\n/* ======================================================================== */\n/*\npass in an object with any of the following optional properties (just like the stagger special object):\n{\n amount: amount (in seconds) that should be distributed\n from: \"center\" | \"end\" | \"start\" | index value (integer)\n ease: any ease, like Power1.easeOut\n axis: \"x\" | \"y\" (or omit, and it'll be based on both the x and y positions)\n}\n*/\nfunction distributeByPosition(vars) {\n\tlet ease = vars.ease,\n\t\tfrom = vars.from || 0,\n\t\tbase = vars.base || 0,\n\t\taxis = vars.axis,\n\t\tratio = {\n\t\t\tcenter: 0.5,\n\t\t\tend: 1\n\t\t} [from] || 0,\n\t\tdistances;\n\treturn function (i, target, a) {\n\t\tif (!a) {\n\t\t\treturn 0;\n\t\t}\n\n\t\tlet l = a.length,\n\t\t\toriginX, originY, x, y, d, j, minX, maxX, minY, maxY, positions;\n\t\tif (!distances) {\n\t\t\tdistances = [];\n\t\t\tminX = minY = Infinity;\n\t\t\tmaxX = maxY = -minX;\n\t\t\tpositions = [];\n\t\t\tfor (j = 0; j < l; j++) {\n\t\t\t\td = a[j].getBoundingClientRect();\n\t\t\t\tx = (d.left + d.right) / 2; //based on the center of each element\n\t\t\t\ty = (d.top + d.bottom) / 2;\n\t\t\t\tif (x < minX) {\n\t\t\t\t\tminX = x;\n\t\t\t\t}\n\t\t\t\tif (x > maxX) {\n\t\t\t\t\tmaxX = x;\n\t\t\t\t}\n\t\t\t\tif (y < minY) {\n\t\t\t\t\tminY = y;\n\t\t\t\t}\n\t\t\t\tif (y > maxY) {\n\t\t\t\t\tmaxY = y;\n\t\t\t\t}\n\t\t\t\tpositions[j] = {\n\t\t\t\t\tx: x,\n\t\t\t\t\ty: y\n\t\t\t\t};\n\t\t\t}\n\t\t\toriginX = isNaN(from) ? minX + (maxX - minX) * ratio : positions[from].x || 0;\n\t\t\toriginY = isNaN(from) ? minY + (maxY - minY) * ratio : positions[from].y || 0;\n\t\t\tmaxX = 0;\n\t\t\tminX = Infinity;\n\t\t\tfor (j = 0; j < l; j++) {\n\t\t\t\tx = positions[j].x - originX;\n\t\t\t\ty = originY - positions[j].y;\n\t\t\t\tdistances[j] = d = !axis ? Math.sqrt(x * x + y * y) : Math.abs((axis === \"y\") ? y : x);\n\t\t\t\tif (d > maxX) {\n\t\t\t\t\tmaxX = d;\n\t\t\t\t}\n\t\t\t\tif (d < minX) {\n\t\t\t\t\tminX = d;\n\t\t\t\t}\n\t\t\t}\n\t\t\tdistances.max = maxX - minX;\n\t\t\tdistances.min = minX;\n\t\t\tdistances.v = l = vars.amount || (vars.each * l) || 0;\n\t\t\tdistances.b = (l < 0) ? base - l : base;\n\t\t}\n\t\tl = (distances[i] - distances.min) / distances.max;\n\t\treturn distances.b + (ease ? ease.getRatio(l) : l) * distances.v;\n\t};\n}\n","/* ======================================================================== */\n/* 51. getColorValues */\n/* ======================================================================== */\n// return array of [r,g,b,a] from any valid color. if failed returns undefined\nfunction getColorValues(color) {\n\n // empty argument\n if (color === '') {\n return;\n }\n\n // transparent color\n if (color.toLowerCase() === 'transparent') {\n return [0, 0, 0, 0];\n }\n\n // HEX\n if (color[0] === '#') {\n if (color.length < 7) {\n // convert #RGB and #RGBA to #RRGGBB and #RRGGBBAA\n color = '#' + color[1] + color[1] + color[2] + color[2] + color[3] + color[3] + (color.length > 4 ? color[4] + color[4] : '');\n }\n\n return [parseInt(color.substr(1, 2), 16),\n parseInt(color.substr(3, 2), 16),\n parseInt(color.substr(5, 2), 16),\n color.length > 7 ? parseInt(color.substr(7, 2), 16)/255 : 1];\n }\n // RGB\n if (color.indexOf('rgb') === -1) {\n // convert named colors\n let temp_elem = document.body.appendChild(document.createElement('fictum')); // intentionally use unknown tag to lower chances of css rule override with !important\n let flag = 'rgb(1, 2, 3)'; // this flag tested on chrome 59, ff 53, ie9, ie10, ie11, edge 14\n\n temp_elem.style.color = flag;\n\n if (temp_elem.style.color !== flag) {\n return; // color set failed - some monstrous css rule is probably taking over the color of our object\n }\n\n temp_elem.style.color = color;\n if (temp_elem.style.color === flag || temp_elem.style.color === '') {\n return; // color parse failed\n }\n\n color = getComputedStyle(temp_elem).color;\n document.body.removeChild(temp_elem);\n }\n\n // RGBA\n if (color.indexOf('rgb') === 0) {\n if (color.indexOf('rgba') === -1) {\n color += ',1'; // convert 'rgb(R,G,B)' to 'rgb(R,G,B)A' which looks awful but will pass the regxep below\n return color.match(/[\\.\\d]+/g).map(function (a) {\n return +a;\n });\n }\n }\n}\n","/* ======================================================================== */\n/* 52. getResponsiveResizeEvent */\n/* ======================================================================== */\nfunction getResponsiveResizeEvent() {\n\treturn window.Modernizr.touchevents ? 'orientationchange' : 'resize';\n}\n","/* ======================================================================== */\n/* 53. isBrowserFirefox */\n/* ======================================================================== */\nfunction isBrowserFirefox() {\n return ('netscape' in window) && / rv:/.test(navigator.userAgent);\n}\n","/* ======================================================================== */\n/* 54. runOnHighPerformanceGPU */\n/* ======================================================================== */\nfunction runOnHighPerformanceGPU() {\n const $webGLCanvas = $('#js-webgl');\n\n // don't run on mobile devices\n if (!window.Modernizr.touchevents && $webGLCanvas.length) {\n $webGLCanvas[0].getContext('webgl', {\n powerPreference: 'high-performance'\n });\n }\n}\n","/* ======================================================================== */\n/* 55. sanitizeSelector */\n/* ======================================================================== */\nfunction sanitizeSelector(string) {\n if (!string || !string.length) {\n return false;\n }\n\n return string\n .replace(/(\\r\\n|\\n|\\r)/gm, '') // remove tabs, spaces\n .replace(/(\\\\n)/g, '') // remove lines breaks\n .replace(/^[,\\s]+|[,\\s]+$/g, '') // remove redundant commas\n .replace(/\\s*,\\s*/g, ','); // remove duplicated commas\n}\n","/* ======================================================================== */\n/* 56. syncAttributes */\n/* ======================================================================== */\nfunction syncAttributes($sourceElement, $targetElement) {\n\n\t// single element\n\tif ($sourceElement.length === 1 && $targetElement.length === 1) {\n\t\tconst\n\t\t\ttargetEl = $targetElement.get(0),\n\t\t\ttargetAttributes = $targetElement.getAllAttributes(),\n\t\t\tsourceAttributes = $sourceElement.getAllAttributes();\n\n\t\t// source element doesn't have any attributes present\n\t\tif ($.isEmptyObject(sourceAttributes)) {\n\t\t\t// ... so remove all attributes from the target element\n\t\t\t[...targetEl.attributes].forEach(attr => targetEl.removeAttribute(attr.name));\n\t\t} else {\n\t\t\tObject.keys(targetAttributes).forEach((key) => {\n\t\t\t\t// delete key on target that doesn't exist in source element\n\t\t\t\tif (key !== 'style' && !(key in sourceAttributes)) {\n\t\t\t\t\t$targetElement.removeAttr(key);\n\t\t\t\t}\n\t\t\t});\n\n\t\t\t// sync attributes\n\t\t\t$targetElement.attr(sourceAttributes);\n\t\t}\n\n\t// multiple elements\n\t} else if ($sourceElement.length > 1 && $targetElement.length > 1 && $sourceElement.length === $targetElement.length) {\n\n\t\t$.each($targetElement, function (index) {\n\t\t\tconst\n\t\t\t\t$current = $(this),\n\t\t\t\tsourceAttributes = $sourceElement.eq(index).getAllAttributes();\n\n\t\t\t// source element doesn't have any attributes present\n\t\t\tif ($.isEmptyObject(sourceAttributes)) {\n\t\t\t\t// ... so remove all attributes from the target element\n\t\t\t\t[...this.attributes].forEach(attr => this.removeAttribute(attr.name));\n\t\t\t} else {\n\n\t\t\t\t// sync attributes\n\t\t\t\t$current.attr(sourceAttributes);\n\t\t\t}\n\t\t});\n\n\t}\n\n}\n","/* ======================================================================== */\n/* 57. LazyLoad */\n/* ======================================================================== */\nclass LazyLoad {\n\tconstructor({\n\t\timages,\n\t\tbackgrounds,\n\t\tsetPaddingBottom = true,\n\t\tappendScroll = window\n\t}) {\n\t\tthis.$images = images;\n\t\tthis.$backgrounds = backgrounds;\n\t\tthis.lazyImages;\n\t\tthis.lazyBackgrounds;\n\t\tthis.appendScroll = appendScroll;\n\n\t\tif (this.$images && this.$images.length) {\n\t\t\tif (setPaddingBottom) {\n\t\t\t\tthis.setPaddingBottom();\n\t\t\t}\n\n\t\t\tthis.lazyImages = this.loadImages({\n\t\t\t\ttarget: this.$images\n\t\t\t});\n\t\t}\n\n\t\tif (this.$backgrounds && this.$backgrounds.length) {\n\t\t\tthis.lazyBackgrounds = this.loadBackgrounds({\n\t\t\t\ttarget: this.$backgrounds\n\t\t\t});\n\t\t}\n\t}\n\n\tsetPaddingBottom() {\n\t\tthis.$images.each(function () {\n\t\t\tconst $el = $(this),\n\t\t\t\t$elParent = $el.parent('.lazy-bg, .lazy'),\n\t\t\t\t$parentWrapper = $elParent.parent('.lazy-wrapper'),\n\t\t\t\telWidth = $el.attr('width') || 0,\n\t\t\t\telHeight = $el.attr('height') || 0,\n\t\t\t\telPB = parseFloat((elHeight / elWidth) * 100); // padding-bottom hack\n\n\t\t\t// we need both width and height of element\n\t\t\t// to calculate proper value for \"padding-bottom\" hack\n\t\t\tif (!elWidth || !elHeight) {\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\t// position image absolutely\n\t\t\tgsap.set($el, {\n\t\t\t\tposition: 'absolute',\n\t\t\t\ttop: 0,\n\t\t\t\tleft: 0,\n\t\t\t});\n\n\t\t\t// set padding-bottom to the parent element so it will\n\t\t\t// create the needed space for the image\n\t\t\tgsap.set($elParent, {\n\t\t\t\tposition: 'relative',\n\t\t\t\toverflow: 'hidden',\n\t\t\t\tpaddingBottom: elPB + '%',\n\t\t\t\theight: 0\n\t\t\t});\n\n\t\t\tif ($parentWrapper.length && elWidth) {\n\t\t\t\t$parentWrapper.css({\n\t\t\t\t\tmaxWidth: parseFloat(elWidth)\n\t\t\t\t});\n\t\t\t}\n\t\t});\n\t}\n\n\tloadBackgrounds({\n\t\ttarget,\n\t\tcallback\n\t}) {\n\t\tif (target && target.length) {\n\t\t\tconst instance = target.Lazy({\n\t\t\t\tappendScroll: this.appendScroll,\n\t\t\t\tthreshold: 800,\n\t\t\t\tchainable: false,\n\t\t\t\tafterLoad: (el) => {\n\t\t\t\t\t$(el).closest('.lazy, .lazy-bg').addClass('lazy_loaded');\n\n\t\t\t\t\tif (typeof callback === 'function') {\n\t\t\t\t\t\tcallback();\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t});\n\n\t\t\twindow.$window\n\t\t\t\t.on('arts/barba/transition/start', () => {\n\t\t\t\tinstance.destroy();\n\t\t\t\t})\n\t\t\t\t.on('arts/barba/transition/end', () => {\n\t\t\t\t\tsetTimeout(() => {\n\t\t\t\t\t\tinstance.update();\n\t\t\t\t\t}, 50);\n\t\t\t\t});\n\t\t\tsetTimeout(() => {\n\t\t\t\tinstance.update();\n\t\t\t}, 50);\n\n\t\t\treturn instance;\n\t\t}\n\t}\n\n\tloadImages({\n\t\ttarget,\n\t\tcallback\n\t}) {\n\t\tif (target && target.length) {\n\t\t\tconst instance = target.Lazy({\n\t\t\t\tappendScroll: this.appendScroll,\n\t\t\t\tthreshold: 800,\n\t\t\t\tchainable: false,\n\t\t\t\tafterLoad: (el) => {\n\t\t\t\t\t$(el).closest('.lazy, .lazy-bg').addClass('lazy_loaded');\n\n\t\t\t\t\tif (typeof callback === 'function') {\n\t\t\t\t\t\tcallback();\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t});\n\n\t\t\twindow.$window\n\t\t\t\t.on('arts/barba/transition/start', () => {\n\t\t\t\t\tinstance.destroy();\n\t\t\t\t})\n\t\t\t\t.on('arts/barba/transition/end', () => {\n\t\t\t\t\tsetTimeout(() => {\n\t\t\t\t\t\tinstance.update();\n\t\t\t\t\t}, 50);\n\t\t\t\t});\n\t\t\tsetTimeout(() => {\n\t\t\t\tinstance.update();\n\t\t\t}, 50);\n\n\t\t\treturn instance;\n\t\t}\n\t}\n}\n","/* ======================================================================== */\n/* 58. Preloader */\n/* ======================================================================== */\nfunction Preloader() {\n let\n tl = new gsap.timeline(),\n $counter = $('.js-preloader__counter'),\n $content = $('.js-preloader__content'),\n backgroundSizeHeight,\n counter = {\n width: 'auto',\n val: 0\n },\n value = _addZeros(0, 2) + '%';\n\n this.start = function () {\n window.dispatchEvent(new CustomEvent('arts/preloader/start'));\n\n tl\n .to($content, {\n y: 0,\n duration: 0.3,\n autoAlpha: 1,\n ease: 'power3.out',\n }, '0');\n\n if ($counter.length) {\n backgroundSizeHeight = $counter.css('background-size').split(' ')[1];\n\n // get maximum possible width to prevent shaking during the animation\n $counter.text('100%');\n\n // save width\n counter.width = $counter.width();\n\n // restore counter value\n $counter.text(value);\n\n // hard set the width\n gsap.set($counter, {\n width: counter.width\n });\n\n tl\n .to($counter, {\n duration: 0.3,\n autoAlpha: 1,\n y: 0,\n ease: 'power3.out',\n }, '0')\n .to(counter, {\n onUpdate: () => {\n value = parseFloat(counter.val).toFixed(0);\n value = _addZeros(value, 2);\n $counter.text(value + '%');\n },\n val: 100,\n duration: 20,\n ease: 'power3.out',\n });\n }\n\n }\n\n this.finish = function () {\n return new Promise((resolve) => {\n const timeScale = parseFloat(window.kinsey.theme.animations.timeScale.preloader) || 1;\n\n tl\n .clear()\n .add([\n gsap.to($content, {\n y: 0,\n autoAlpha: 1,\n ease: 'power3.out',\n duration: 0.3,\n overwrite: true\n }),\n gsap.to($counter, {\n y: 0,\n autoAlpha: 1,\n ease: 'power3.out',\n duration: 0.3,\n overwrite: true\n })\n ])\n .add([\n gsap.to($counter, {\n onStart: () => {\n $counter.removeClass('preloader__counter_started');\n },\n backgroundSize: `100% ${backgroundSizeHeight}`,\n duration: 2.4 / timeScale,\n ease: 'expo.inOut'\n }),\n gsap.to(counter, {\n onUpdate: () => {\n value = parseFloat(counter.val).toFixed(0);\n value = _addZeros(value, 2);\n $counter.text(value + '%');\n },\n val: 100,\n duration: 2.4 / timeScale,\n ease: 'expo.inOut'\n })\n ])\n .set($counter, {\n backgroundPosition: '100% 100%',\n })\n .to($counter, {\n backgroundSize: `0% ${backgroundSizeHeight}`,\n duration: 1.2,\n ease: 'expo.inOut',\n })\n .add([\n gsap.effects.hideMask(window.$pagePreloader, {\n duration: 1.2,\n scale: 1,\n direction: 'down',\n }),\n gsap.to($counter, {\n y: -50,\n autoAlpha: 0,\n duration: 0.3,\n onComplete: () => {\n window.$pagePreloader.addClass('preloader_ended');\n }\n }),\n gsap.to($content, {\n y: -50,\n autoAlpha: 0,\n duration: 0.3,\n delay: 0.1\n }),\n ], '-=0.3')\n .set(window.$pagePreloader, {\n display: 'none'\n })\n .add(() => {\n window.dispatchEvent(new CustomEvent('arts/preloader/end'));\n resolve(true);\n }, '-=0.3');\n });\n }\n\n function _addZeros(value, zeros) {\n while (value.toString().length < zeros) {\n value = '0' + value;\n }\n\n return value;\n }\n}\n","/* ======================================================================== */\n/* 59. Header */\n/* ======================================================================== */\nclass Header extends BaseComponent{\n\tconstructor({\n\t\ttarget,\n\t\tscope\n\t}) {\n\t\tsuper({ target, scope });\n\t}\n\n\tset() {\n\t\tthis.$controls = this.$target.find('.header__controls');\n\t\tthis.$stickyHeader = this.$target.filter('.js-header-sticky');\n\t\tthis.$adminBar = $('#wpadminbar');\n\t\tthis.$burger = this.$target.find('#js-burger');\n\t\tthis.$overlay = this.$target.find('.header__wrapper-overlay-menu');\n\t\tthis.$maskRevealOverlay = this.$overlay.find('.mask-reveal');\n\t\tthis.$wrapperMenu = this.$target.find('.header__wrapper-menu');\n\t\tthis.burgerOpenClass = 'header__burger_opened';\n\t\tthis.$headerColumns = this.$target.find('.header__col');\n\t\tthis.$headerLeft = this.$target.find('.header__col-left');\n\t\tthis.$overlayWidgets = this.$target.find('.header__wrapper-overlay-widgets');\n\t\tthis.$allLinksOverlay = this.$target.find('.menu-overlay a');\n\t\tthis.$allLinksClassic = this.$target.find('.menu a');\n\t\tthis.$wrapperSlider = this.$target.find('.header__wrapper-slider');\n\t\tthis.$headerLabelSubmenu = this.$target.find('.js-header-label-submenu');\n\t\tthis.$infoLabel = this.$target.find('.header__overlay-menu-info');\n\n\t\tthis.color = this._getColorTheme();\n\t\tthis.colorSaved = this.color;\n\n\t\t// Menu\n\t\tthis.$menu = this.$target.find('.js-menu');\n\t\tthis.$menuOverlay = this.$overlay.find('.js-menu-overlay');\n\t\tthis.$menuLinks = this.$overlay.find('.menu-overlay > li > a');\n\t\tthis.$menuColumn = this.$overlay.find('.header__menu-column');\n\t\tthis.$menuSmoothScrollingContainer = this.$overlay.find('.js-header-smooth-scroll-container');\n\t\tthis.$menuGradientTop = this.$overlay.find('.header__menu-gradient_top');\n\t\tthis.$menuGradientBottom = this.$overlay.find('.header__menu-gradient_bottom');\n\t\tthis.selectedClass = 'selected';\n\t\tthis.openClass = 'opened';\n\t\tthis.currentMenuItemClass = 'current-menu-item';\n\t\tthis.currentMenuAncestorClass = 'current-menu-ancestor';\n\t\tthis.menuItemHasChildrenClass = 'menu-item-has-children';\n\t\tthis.hoverClassOverlay = 'menu-overlay_hover';\n\t\tthis.hoverClassClassic = 'menu_hover';\n\n\t\t// Submenu\n\t\tthis.$submenu = this.$overlay.find('.menu-overlay .sub-menu');\n\t\tthis.$submenuButton = $('#js-submenu-back');\n\t\tthis.$submenuOpeners = this.$overlay.find(`.${this.menuItemHasChildrenClass} > a`);\n\t\tthis.$submenuLinks = this.$submenu.find('> li > a');\n\t\tthis.currentSubmenuLabel = '';\n\t\tthis.prevSubmenuLabel = '';\n\n\t\t// Sticky\n\t\tthis.stickyScene = undefined;\n\t\tthis.stickyClass = 'header_sticky';\n\t\tthis.stickyTimeline = new gsap.timeline();\n\n\t\t// Scrollbar\n\t\tthis.SB = undefined;\n\n\t\t// Lock\n\t\tthis.lockClass = 'pointer-events-none';\n\t\tthis.unlockClass = 'pointer-events-auto';\n\n\t\tthis.labelTimeline = new gsap.timeline();\n\n\t\tthis.setMenu();\n\t\tthis._setMenusHover();\n\t}\n\n\trun() {\n\t\tif (typeof this.stickyScene !== 'undefined') {\n\t\t\tthis.stickyScene.refresh();\n\t\t\tthis.stickyScene.disable();\n\t\t}\n\n\t\tthis.timeline = new gsap.timeline();\n\n\t\tthis._correctTopOffset();\n\t\tthis._stick();\n\t\tthis._bindEvents();\n\t\tthis._handleAnchors();\n\t\tthis._runSmoothScrollOverlayMenu();\n\t\tthis._setGradientBackgrounds();\n\t}\n\n\tsetBurger(open = false) {\n\t\tif (open) {\n\t\t\tthis.$target.addClass(this.openClass);\n\t\t\tthis.$burger.addClass(this.burgerOpenClass);\n\t\t} else {\n\t\t\tthis.$target.removeClass(this.openClass);\n\t\t\tthis.$burger.removeClass(this.burgerOpenClass);\n\t\t}\n\t}\n\n\tsetMenu() {\n\n\t\tif (this.$wrapperSlider.length) {\n\t\t\tgsap.set(this.$wrapperSlider, {\n\t\t\t\tautoAlpha: 0\n\t\t\t});\n\t\t}\n\n\t\tif (this.$overlay.length) {\n\t\t\tgsap.set(this.$overlay, {\n\t\t\t\tautoAlpha: 0,\n\t\t\t});\n\t\t}\n\n\t\tif (this.$menuOverlay.length) {\n\t\t\tthis.$menuOverlay.removeClass(this.lockClass).addClass(this.unlockClass);\n\t\t}\n\n\t\tif (this.$submenu.length) {\n\t\t\tgsap.set(this.$submenu, {\n\t\t\t\tautoAlpha: 0\n\t\t\t});\n\t\t\tthis.$submenu.removeClass(this.unlockClass).addClass(this.lockClass);\n\t\t}\n\n\t\tif (this.$submenuButton.length) {\n\t\t\tgsap.set(this.$submenuButton, {\n\t\t\t\tautoAlpha: 0\n\t\t\t});\n\t\t}\n\n\t\tthis.$submenu.removeClass(this.openClass);\n\t\tthis.$target.removeClass(this.openClass);\n\t\tthis.$burger.removeClass(this.burgerOpenClass);\n\n\t\tif (this.$menuLinks.length) {\n\t\t\tgsap.effects.setLines(this.$menuLinks, {\n\t\t\t\tautoAlpha: 1,\n\t\t\t\ty: '-100%'\n\t\t\t});\n\t\t}\n\n\t\tif (this.$submenuLinks.length) {\n\t\t\tgsap.effects.setLines(this.$submenuLinks, {\n\t\t\t\tautoAlpha: 1,\n\t\t\t\ty: '-100%'\n\t\t\t});\n\t\t}\n\n\t\tif (this.$overlayWidgets.length) {\n\t\t\tgsap.effects.setLines(this.$overlayWidgets, {\n\t\t\t\tautoAlpha: 1,\n\t\t\t\ty: this._isMediumScreen() ? '-100%' : '100%'\n\t\t\t});\n\t\t}\n\n\t\tif (this.$infoLabel.length) {\n\t\t\tgsap.set(this.$infoLabel, {\n\t\t\t\tx: -30,\n\t\t\t\tautoAlpha: 0\n\t\t\t});\n\t\t}\n\n\t\tthis.$wrapperMenu.scrollTop(0);\n\n\t\tif (typeof this.SB !== 'undefined') {\n\t\t\tthis.SB.scrollTo(0,0);\n\t\t}\n\t}\n\n\topenMenu() {\n\t\tconst timeScale = parseFloat(window.kinsey.theme.animations.timeScale.overlayMenuOpen) || 1;\n\n\t\treturn this.timeline\n\t\t\t.clear()\n\t\t\t.set(this.$overlay, {\n\t\t\t\tautoAlpha: 1,\n\t\t\t})\n\t\t\t.add([() => {\n\t\t\t\tthis._setTransition(true);\n\n\t\t\t\t// save current color theme which\n\t\t\t\t// can be different from the initial one\n\t\t\t\tthis.colorSaved = this._getColorTheme();\n\t\t\t\tthis.el.dispatchEvent(new CustomEvent('menuOpenStart'));\n\t\t\t\tthis._unstick();\n\t\t\t\tthis._updateThemeHeader({\n\t\t\t\t\ttext: this.color.overlay.text\n\t\t\t\t});\n\t\t\t}])\n\t\t\t.set(this.$adminBar, {\n\t\t\t\tposition: 'fixed',\n\t\t\t})\n\t\t\t.animateMask(this.$maskRevealOverlay, {\n\t\t\t\tscale: 1,\n\t\t\t\tdirection: 'down'\n\t\t\t}, 'start')\n\t\t\t.to(this.$headerLeft, {\n\t\t\t\tduration: 1.2,\n\t\t\t\tx: 30,\n\t\t\t\tautoAlpha: 0,\n\t\t\t\tease: 'expo.inOut'\n\t\t\t}, 'start')\n\t\t\t.to(this.$infoLabel, {\n\t\t\t\tduration: 1.2,\n\t\t\t\tx: 0,\n\t\t\t\tautoAlpha: 1,\n\t\t\t\tease: 'expo.inOut'\n\t\t\t}, 'start')\n\t\t\t.add(() => {\n\t\t\t\tthis.$target.addClass(this.openClass);\n\t\t\t}, '-=0.6')\n\t\t\t.add([\n\t\t\t\tgsap.effects.animateLines(this.$menuLinks, {\n\t\t\t\t\tstagger: {\n\t\t\t\t\t\tamount: 0.3,\n\t\t\t\t\t\tfrom: 'end'\n\t\t\t\t\t},\n\t\t\t\t\tduration: 1.2,\n\t\t\t\t\tease: 'power4.out'\n\t\t\t\t}),\n\t\t\t\tgsap.effects.animateLines(this.$overlayWidgets, {\n\t\t\t\t\tstagger: {\n\t\t\t\t\t\tamount: 0.3,\n\t\t\t\t\t\tfrom: this._isMediumScreen() ? 'end' : 'start'\n\t\t\t\t\t},\n\t\t\t\t\tduration: 1.2,\n\t\t\t\t\tease: 'power4.out'\n\t\t\t\t}),\n\t\t\t], '-=1.0')\n\t\t\t.to(this.$wrapperSlider, {\n\t\t\t\tautoAlpha: 1,\n\t\t\t\tduration: 1.8\n\t\t\t}, 'start')\n\t\t\t.add(() => {\n\t\t\t\tthis.el.dispatchEvent(new CustomEvent('menuOpenEnd'));\n\t\t\t\tthis._setTransition(false);\n\t\t\t}, '-=0.6')\n\t\t\t.timeScale(timeScale);\n\t}\n\n\tcloseMenu(force = false, cb) {\n\n\t\tif (!this.$target.hasClass(this.openClass) && !force) {\n\t\t\treturn this.timeline;\n\t\t}\n\n\t\tconst\n\t\t\t$submenuLinksCurrent = this.$submenu.filter(`.${this.openClass}`).find(this.$submenuLinks),\n\t\t\ttimeScale = parseFloat(window.kinsey.theme.animations.timeScale.overlayMenuClose) || 1;\n\n\t\treturn this.timeline\n\t\t\t.clear()\n\t\t\t.add(() => {\n\t\t\t\tthis._setTransition(true);\n\t\t\t\tthis.el.dispatchEvent(new CustomEvent('menuCloseStart'));\n\t\t\t\tthis._stick();\n\n\t\t\t\tif (this.$stickyHeader.length && window.pageYOffset >= 1) {\n\t\t\t\t\tthis.$stickyHeader.addClass(this.stickyClass);\n\n\t\t\t\t\t// restore theme header from the saved version\n\t\t\t\t\tthis._updateThemeHeader({\n\t\t\t\t\t\ttheme: this.colorSaved.sticky.theme,\n\t\t\t\t\t\ttext: this.colorSaved.sticky.text\n\t\t\t\t\t});\n\t\t\t\t} else {\n\t\t\t\t\tthis._updateThemeHeader({\n\t\t\t\t\t\ttext: this.colorSaved.normal.text\n\t\t\t\t\t});\n\t\t\t\t}\n\t\t\t})\n\t\t\t.to(this.$wrapperSlider, {\n\t\t\t\tautoAlpha: 0,\n\t\t\t\tduration: 1.8\n\t\t\t}, 'start')\n\t\t\t.hideMask(this.$maskRevealOverlay, {\n\t\t\t\tscale: 1,\n\t\t\t\tdirection: 'down',\n\t\t\t}, 'start')\n\t\t\t.set(this.$adminBar, {\n\t\t\t\tclearProps: 'position'\n\t\t\t})\n\t\t\t.to(this.$headerLeft, {\n\t\t\t\tduration: 1.2,\n\t\t\t\tx: 0,\n\t\t\t\tautoAlpha: 1\n\t\t\t}, 'start')\n\t\t\t.to(this.$infoLabel, {\n\t\t\t\tduration: 1.2,\n\t\t\t\tx: -30,\n\t\t\t\tautoAlpha: 0\n\t\t\t}, 'start')\n\t\t\t.to(this.$submenuButton, {\n\t\t\t\tx: -10,\n\t\t\t\tautoAlpha: 0,\n\t\t\t\tduration: 0.3\n\t\t\t}, 'start')\n\t\t\t.add(() => {\n\t\t\t\tthis.$target.removeClass(this.openClass);\n\t\t\t}, '-=0.9')\n\t\t\t.add([\n\t\t\t\tgsap.effects.hideLines([$submenuLinksCurrent, this.$menuLinks, this.$overlayWidgets], {\n\t\t\t\t\tstagger: {\n\t\t\t\t\t\tamount: 0,\n\t\t\t\t\t\tfrom: 'end'\n\t\t\t\t\t},\n\t\t\t\t\ty: '100%',\n\t\t\t\t\tduration: 0.6,\n\t\t\t\t})\n\t\t\t], 'start')\n\t\t\t.add(() => {\n\t\t\t\tif (typeof cb === 'function') {\n\t\t\t\t\tcb();\n\t\t\t\t}\n\t\t\t\tthis.el.dispatchEvent(new CustomEvent('menuCloseEnd'));\n\t\t\t\tthis.setMenu();\n\t\t\t\tthis._setTransition(false);\n\t\t\t}, '-=0.6')\n\t\t\t.timeScale(timeScale);\n\t}\n\n\tcloseMenuTransition(force = false, cb) {\n\n\t\tif (!this.$target.hasClass(this.openClass) && !force) {\n\t\t\treturn this.timeline;\n\t\t}\n\n\t\tconst\n\t\t\ttl = new gsap.timeline(),\n\t\t\t$submenuLinksCurrent = this.$submenu.filter(`.${this.openClass}`).find(this.$submenuLinks),\n\t\t\ttimeScale = window.kinsey.theme.animations.timeScale.overlayMenuClose || 1;\n\n\t\treturn tl\n\t\t\t.add(() => {\n\t\t\t\tthis._setTransition(true);\n\t\t\t\tthis.el.dispatchEvent(new CustomEvent('menuCloseStart'));\n\t\t\t\tthis.setBurger(false);\n\t\t\t})\n\t\t\t.to(this.$wrapperSlider, {\n\t\t\t\tautoAlpha: 0,\n\t\t\t\tduration: 1.8\n\t\t\t}, 'start')\n\t\t\t.hideMask(this.$maskRevealOverlay, {\n\t\t\t\tscale: 1,\n\t\t\t\tdirection: 'down',\n\t\t\t}, 'start')\n\t\t\t.set(this.$adminBar, {\n\t\t\t\tclearProps: 'position'\n\t\t\t})\n\t\t\t.to(this.$headerLeft, {\n\t\t\t\tduration: 1.2,\n\t\t\t\tx: 0,\n\t\t\t\tautoAlpha: 1\n\t\t\t}, 'start')\n\t\t\t.to(this.$infoLabel, {\n\t\t\t\tduration: 1.2,\n\t\t\t\tx: -30,\n\t\t\t\tautoAlpha: 0\n\t\t\t}, 'start')\n\t\t\t.to(this.$submenuButton, {\n\t\t\t\tx: -10,\n\t\t\t\tautoAlpha: 0,\n\t\t\t\tduration: 0.3\n\t\t\t}, 'start')\n\t\t\t.add(() => {\n\t\t\t\tthis.$target.removeClass(this.openClass);\n\t\t\t}, '-=0.9')\n\t\t\t.add([\n\t\t\t\tgsap.effects.hideLines([$submenuLinksCurrent, this.$menuLinks, this.$overlayWidgets], {\n\t\t\t\t\tstagger: {\n\t\t\t\t\t\tamount: 0,\n\t\t\t\t\t\tfrom: 'end'\n\t\t\t\t\t},\n\t\t\t\t\ty: '100%',\n\t\t\t\t\tduration: 0.6,\n\t\t\t\t})\n\t\t\t], 'start')\n\t\t\t.add(() => {\n\t\t\t\tif (typeof cb === 'function') {\n\t\t\t\t\tcb();\n\t\t\t\t}\n\t\t\t\tthis.el.dispatchEvent(new CustomEvent('menuCloseEnd'));\n\t\t\t\tthis.setMenu();\n\t\t\t\tthis._setTransition(false);\n\t\t\t})\n\t\t\t.timeScale(timeScale);\n\t}\n\n\t_bindEvents() {\n\t\tconst self = this;\n\n\t\tif (this.$adminBar.length) {\n\t\t\twindow.$window.on('resize', debounce(() => {\n\t\t\t\tthis._correctTopOffset();\n\t\t\t}, 250));\n\t\t}\n\n\t\tif (this.$burger.length) {\n\t\t\tthis.$burger.off('click').on('click', (e) => {\n\t\t\t\te.preventDefault();\n\n\t\t\t\tif (this._isInTransition()) {\n\t\t\t\t\treturn;\n\t\t\t\t}\n\n\t\t\t\tif (this.$burger.hasClass(this.burgerOpenClass)) {\n\t\t\t\t\tthis.closeMenu();\n\t\t\t\t\tthis.$burger.removeClass(this.burgerOpenClass);\n\t\t\t\t} else {\n\t\t\t\t\tthis.openMenu();\n\t\t\t\t\tthis.$burger.addClass(this.burgerOpenClass);\n\t\t\t\t}\n\t\t\t});\n\t\t}\n\n\t\tif (this.$submenuOpeners.length) {\n\t\t\tthis.$submenuOpeners.on('click', function (e) {\n\t\t\t\tif (self._isInTransition()) {\n\t\t\t\t\te.preventDefault();\n\t\t\t\t\treturn;\n\t\t\t\t}\n\n\t\t\t\tconst\n\t\t\t\t\t$el = $(this),\n\t\t\t\t\t$currentMenu = $el.parents('ul'),\n\t\t\t\t\t$submenu = $el.next('.sub-menu');\n\n\t\t\t\tif ($submenu.length) {\n\t\t\t\t\te.preventDefault();\n\n\t\t\t\t\t$el.addClass(self.linkSelectedClass);\n\n\t\t\t\t\tself._openSubmenu({\n\t\t\t\t\t\tsubmenu: $submenu,\n\t\t\t\t\t\tcurrentMenu: $currentMenu\n\t\t\t\t\t});\n\n\t\t\t\t\tself._updateLabel({\n\t\t\t\t\t\ttext: $el.find('.menu-overlay__heading').text()\n\t\t\t\t\t});\n\t\t\t\t}\n\t\t\t});\n\t\t}\n\n\t\tif (this.$submenuButton.length) {\n\t\t\tthis.$submenuButton.on('click', (e) => {\n\t\t\t\te.preventDefault();\n\n\t\t\t\tif (self._isInTransition()) {\n\t\t\t\t\treturn;\n\t\t\t\t}\n\n\t\t\t\tconst $submenu = this.$submenu.filter(`.${this.openClass}`),\n\t\t\t\t\t$prevMenu = $submenu.parent('li').parent('ul');\n\n\t\t\t\tself._closeSubmenu({\n\t\t\t\t\tsubmenu: $submenu,\n\t\t\t\t\tcurrentMenu: $prevMenu\n\t\t\t\t});\n\n\t\t\t\tself._updateLabel({\n\t\t\t\t\ttext: $prevMenu.siblings('a').find('.menu-overlay__heading').text()\n\t\t\t\t});\n\t\t\t});\n\t\t}\n\n\t\twindow.$window\n\t\t\t.on('arts/barba/transition/start', () => {\n\t\t\t\tthis._unstick();\n\t\t\t\tthis._setTransition(true);\n\t\t\t})\n\t\t\t.on('arts/barba/transition/end', () => {\n\t\t\t\tthis.$controls.removeClass('pointer-events-none');\n\t\t\t\tthis.color = this._getColorTheme();\n\t\t\t\tthis.stickyScene = undefined;\n\t\t\t\tthis.timeline.clear();\n\t\t\t\tthis._stick();\n\t\t\t\tthis._setTransition(false);\n\t\t\t\tthis._handleAnchors();\n\t\t\t\tthis._setGradientBackgrounds();\n\t\t\t});\n\t}\n\n\tisOverlayOpened() {\n\t\treturn this.$target.hasClass(this.openClass);\n\t}\n\n\t_getColorTheme() {\n\t\treturn {\n\t\t\tnormal: {\n\t\t\t\ttext: this.$target.attr('data-arts-theme-text') || 'dark'\n\t\t\t},\n\t\t\tsticky: {\n\t\t\t\ttheme: this.$stickyHeader.attr('data-arts-header-sticky-theme') || null,\n\t\t\t\ttext: this.$stickyHeader.attr('data-arts-header-sticky-theme-text') || 'dark'\n\t\t\t},\n\t\t\toverlay: {\n\t\t\t\ttext: this.$target.attr('data-arts-header-overlay-theme-text') || 'dark'\n\t\t\t}\n\t\t};\n\t}\n\n\t_updateThemeHeader({\n\t\ttheme,\n\t\tremoveTheme,\n\t\ttext,\n\t}) {\n\t\tif (theme) {\n\t\t\tthis.$target.addClass(theme);\n\t\t}\n\n\t\tif (text) {\n\t\t\tthis.$target.attr('data-arts-theme-text', text);\n\t\t}\n\n\t\tif (removeTheme) {\n\t\t\tthis.$target.removeClass(removeTheme);\n\t\t}\n\t}\n\n\t_isMediumScreen() {\n\t\treturn true; //window.Modernizr.mq('(max-width: 991px)');\n\t}\n\n\t_isInTransition() {\n\t\treturn this.$target.attr('data-arts-header-animation') === 'intransition';\n\t}\n\n\t_setTransition(inTransition = true) {\n\t\treturn this.$target.attr('data-arts-header-animation', inTransition ? 'intransition' : '');\n\t}\n\n\t_correctTopOffset() {\n\t\tthis.$adminBar = $('#wpadminbar');\n\t\tconst top = this.$adminBar.length ? this.$adminBar.height() : 0;\n\n\t\tif (top > 0) {\n\t\t\tgsap.to(this.$target, {\n\t\t\t\tduration: 0.6,\n\t\t\t\ttop\n\t\t\t});\n\t\t}\n\t}\n\n\t_stick() {\n\t\tif (!this.$stickyHeader.length) {\n\t\t\treturn;\n\t\t}\n\n\t\tif (this.stickyScene) {\n\t\t\tthis.stickyScene.refresh(true);\n\t\t\tthis.stickyScene.enable();\n\t\t\treturn;\n\t\t}\n\n\t\tconst classesToggle = [this.color.sticky.theme, this.stickyClass].join(' ');\n\n\t\tthis.stickyScene = ScrollTrigger.create({\n\t\t\tstart: 2,\n\t\t\tend: 'bottom center',\n\t\t\tscrub: true,\n\t\t\tonEnter: () => {\n\t\t\t\tthis._updateThemeHeader({\n\t\t\t\t\ttheme: classesToggle,\n\t\t\t\t\ttext: this.color.sticky.text\n\t\t\t\t});\n\t\t\t},\n\t\t\tonLeaveBack: () => {\n\t\t\t\tthis._updateThemeHeader({\n\t\t\t\t\tremoveTheme: classesToggle,\n\t\t\t\t\ttext: this.color.normal.text\n\t\t\t\t});\n\t\t\t}\n\t\t});\n\t}\n\n\t_unstick() {\n\t\tif (!this.$stickyHeader.length || !this.stickyScene) {\n\t\t\treturn;\n\t\t}\n\n\t\tconst classesToggle = [this.color.sticky.theme, this.stickyClass].join(' ');\n\n\t\tthis.stickyScene.disable();\n\t\tthis._updateThemeHeader({\n\t\t\tremoveTheme: classesToggle\n\t\t});\n\t}\n\n\t_openSubmenu({\n\t\tsubmenu,\n\t\tcurrentMenu\n\t}) {\n\t\tconst\n\t\t\t$currentLinks = currentMenu.find('> li > a .menu-overlay__item-wrapper'),\n\t\t\t$submenuLinks = submenu.find('> li > a .menu-overlay__item-wrapper');\n\n\t\tthis.timeline\n\t\t\t.clear()\n\t\t\t.add(() => {\n\t\t\t\tthis._setTransition(true);\n\t\t\t\tthis.$submenu.removeClass(this.openClass);\n\t\t\t\tsubmenu.not(this.$menuOverlay).addClass(this.openClass);\n\n\t\t\t\tthis.$submenu.not(submenu).removeClass(this.unlockClass).addClass(this.lockClass);\n\t\t\t\tsubmenu.removeClass(this.lockClass).addClass(this.unlockClass);\n\n\t\t\t\tif (typeof this.SB !== 'undefined') {\n\t\t\t\t\tthis.SB.track.yAxis.hide();\n\t\t\t\t\tthis.SB.track.update();\n\t\t\t\t}\n\n\t\t\t\tif (this.$submenu.hasClass(this.openClass)) {\n\t\t\t\t\tthis.$menuOverlay.removeClass(this.unlockClass).addClass(this.lockClass);\n\n\t\t\t\t\tgsap.to(this.$submenuButton, {\n\t\t\t\t\t\tautoAlpha: 1,\n\t\t\t\t\t\tx: 0,\n\t\t\t\t\t\tduration: 0.3\n\t\t\t\t\t});\n\n\t\t\t\t\tif (this._isMediumScreen()) {\n\t\t\t\t\t\tgsap.effects.hideLines(this.$overlayWidgets, {\n\t\t\t\t\t\t\tstagger: {\n\t\t\t\t\t\t\t\tamount: 0.1,\n\t\t\t\t\t\t\t\tfrom: 'end'\n\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\ty: '100%',\n\t\t\t\t\t\t\tduration: 1.2,\n\t\t\t\t\t\t\tease: 'power4.out',\n\t\t\t\t\t\t});\n\t\t\t\t\t}\n\t\t\t\t} else {\n\t\t\t\t\tthis.$menuOverlay.removeClass(this.lockClass).addClass(this.unlockClass);\n\n\t\t\t\t\tgsap.to(this.$submenuButton, {\n\t\t\t\t\t\tautoAlpha: 0,\n\t\t\t\t\t\tx: -10,\n\t\t\t\t\t\tduration: 0.3\n\t\t\t\t\t});\n\n\t\t\t\t\tgsap.effects.animateLines(this.$overlayWidgets, {\n\t\t\t\t\t\tstagger: {\n\t\t\t\t\t\t\tamount: 0.2,\n\t\t\t\t\t\t\tfrom: 'end'\n\t\t\t\t\t\t},\n\t\t\t\t\t\tduration: 1.2,\n\t\t\t\t\t\tease: 'power4.out',\n\t\t\t\t\t});\n\t\t\t\t}\n\t\t\t})\n\t\t\t.set(submenu, {\n\t\t\t\tautoAlpha: 1,\n\t\t\t\tzIndex: 100\n\t\t\t})\n\t\t\t.add(gsap.effects.hideLines($currentLinks, {\n\t\t\t\tstagger: {\n\t\t\t\t\tamount: 0.2,\n\t\t\t\t\tfrom: 'end'\n\t\t\t\t},\n\t\t\t\ty: '100%',\n\t\t\t\tduration: 1.2,\n\t\t\t\tease: 'power4.out'\n\t\t\t}))\n\t\t\t.add(gsap.effects.animateLines($submenuLinks, {\n\t\t\t\tstagger: {\n\t\t\t\t\tamount: 0.2,\n\t\t\t\t\tfrom: 'end'\n\t\t\t\t},\n\t\t\t\tduration: 1.2,\n\t\t\t\tease: 'power4.out',\n\t\t\t\tonStart: () => {\n\t\t\t\t\tthis.$wrapperMenu.scrollTop(0);\n\t\t\t\t\t// reset virtual scroll position\n\t\t\t\t\tif (typeof this.SB !== 'undefined') {\n\t\t\t\t\t\tthis.SB.scrollTo(0, 0);\n\t\t\t\t\t\tthis.SB.track.yAxis.hide();\n\t\t\t\t\t}\n\t\t\t\t},\n\t\t\t}), '-=0.9')\n\t\t\t.add(() => {\n\t\t\t\tthis.$menuLinks.removeClass(this.openClass);\n\t\t\t\tthis._setTransition(false);\n\t\t\t}, '-=0.6')\n\t\t\t.timeScale(1.25);\n\t}\n\n\t_closeSubmenu({\n\t\tsubmenu,\n\t\tcurrentMenu\n\t}) {\n\t\tconst\n\t\t\t$currentLinks = currentMenu.find('> li > a .menu-overlay__item-wrapper'),\n\t\t\t$submenuLinks = submenu.find('> li > a .menu-overlay__item-wrapper');\n\n\t\tthis.timeline\n\t\t\t.clear()\n\t\t\t.add(() => {\n\t\t\t\tthis._setTransition(true);\n\t\t\t\tthis.$submenu.removeClass(this.openClass);\n\t\t\t\tcurrentMenu.not(this.$menuOverlay).addClass(this.openClass);\n\n\t\t\t\tthis.$submenu.not(currentMenu).removeClass(this.unlockClass).addClass(this.lockClass);\n\t\t\t\tcurrentMenu.removeClass(this.lockClass).addClass(this.unlockClass);\n\n\t\t\t\tif (typeof this.SB !== 'undefined') {\n\t\t\t\t\tthis.SB.track.yAxis.hide();\n\t\t\t\t\tthis.SB.track.update();\n\t\t\t\t}\n\n\t\t\t\tif (this.$submenu.hasClass(this.openClass)) {\n\t\t\t\t\tthis.$menuOverlay.removeClass(this.unlockClass).addClass(this.lockClass);\n\n\t\t\t\t\tgsap.to(this.$submenuButton, {\n\t\t\t\t\t\tautoAlpha: 1,\n\t\t\t\t\t\tx: 0,\n\t\t\t\t\t\tduration: 0.3\n\t\t\t\t\t});\n\n\t\t\t\t\tif (this._isMediumScreen()) {\n\t\t\t\t\t\tgsap.effects.hideLines(this.$overlayWidgets, {\n\t\t\t\t\t\t\tstagger: {\n\t\t\t\t\t\t\t\tamount: 0.1,\n\t\t\t\t\t\t\t\tfrom: 'start'\n\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\ty: '100%',\n\t\t\t\t\t\t\tduration: 1.2,\n\t\t\t\t\t\t\tease: 'power4.out',\n\t\t\t\t\t\t});\n\t\t\t\t\t}\n\t\t\t\t} else {\n\t\t\t\t\tthis.$menuOverlay.removeClass(this.lockClass).addClass(this.unlockClass);\n\n\t\t\t\t\tgsap.to(this.$submenuButton, {\n\t\t\t\t\t\tautoAlpha: 0,\n\t\t\t\t\t\tx: -10,\n\t\t\t\t\t\tduration: 0.3\n\t\t\t\t\t});\n\n\t\t\t\t\tgsap.effects.animateLines(this.$overlayWidgets, {\n\t\t\t\t\t\tstagger: {\n\t\t\t\t\t\t\tamount: 0.2,\n\t\t\t\t\t\t\tfrom: 'start'\n\t\t\t\t\t\t},\n\t\t\t\t\t\tduration: 1.2,\n\t\t\t\t\t\tease: 'power4.out',\n\t\t\t\t\t});\n\t\t\t\t}\n\t\t\t})\n\t\t\t.set(submenu, {\n\t\t\t\tzIndex: -1\n\t\t\t})\n\t\t\t.add(gsap.effects.setLines($currentLinks, {\n\t\t\t\ty: '100%'\n\t\t\t}), 'start')\n\t\t\t.add(gsap.effects.hideLines($submenuLinks, {\n\t\t\t\tstagger: {\n\t\t\t\t\tamount: 0.1,\n\t\t\t\t\tfrom: 'start'\n\t\t\t\t},\n\t\t\t\ty: '-100%',\n\t\t\t\tduration: 1.2,\n\t\t\t\tease: 'power4.out'\n\t\t\t}))\n\t\t\t.add(\n\t\t\t\tgsap.effects.animateLines($currentLinks, {\n\t\t\t\t\tstagger: {\n\t\t\t\t\t\tamount: 0.2,\n\t\t\t\t\t\tfrom: 'start'\n\t\t\t\t\t},\n\t\t\t\t\tduration: 1.2,\n\t\t\t\t\tease: 'power4.out',\n\t\t\t\t\tonStart: () => {\n\t\t\t\t\t\tthis.$wrapperMenu.scrollTop(0);\n\t\t\t\t\t\t// reset virtual scroll position\n\t\t\t\t\t\tif (typeof this.SB !== 'undefined') {\n\t\t\t\t\t\t\tthis.SB.scrollTo(0, 0);\n\t\t\t\t\t\t\tthis.SB.track.yAxis.hide();\n\t\t\t\t\t\t}\n\t\t\t\t\t},\n\t\t\t\t}), '-=0.9')\n\t\t\t.set(submenu, {\n\t\t\t\tautoAlpha: 0,\n\t\t\t})\n\t\t\t.add(() => {\n\t\t\t\tthis._setTransition(false);\n\t\t\t}, '-=0.6')\n\t\t\t.timeScale(1.25);\n\t}\n\n\t_handleAnchors() {\n\n\t\tconst self = this;\n\n\t\t// overlay anchor links\n\t\tthis.$allLinksOverlay.filter('a[href*=\"#\"]:not([href=\"#\"]):not([href*=\"#elementor-action\"])').each(function () {\n\t\t\tconst\n\t\t\t\t$current = $(this),\n\t\t\t\turl = $current.attr('href');\n\n\t\t\tself._scrollToAnchorFromMenu({\n\t\t\t\telement: $current,\n\t\t\t\turl,\n\t\t\t\tmenu: 'overlay'\n\t\t\t});\n\t\t});\n\n\t\t// classic menu anchor links\n\t\tthis.$allLinksClassic.filter('a[href*=\"#\"]:not([href=\"#\"]):not([href*=\"#elementor-action\"])').each(function () {\n\t\t\tconst\n\t\t\t\t$current = $(this),\n\t\t\t\turl = $current.attr('href');\n\n\t\t\tself._scrollToAnchorFromMenu({\n\t\t\t\telement: $current,\n\t\t\t\turl,\n\t\t\t\tmenu: 'classic'\n\t\t\t});\n\t\t});\n\n\t}\n\n\t_scrollToAnchorFromMenu({\n\t\telement,\n\t\turl,\n\t\tmenu = 'classic'\n\t}) {\n\t\tif (!url || !element) {\n\t\t\treturn;\n\t\t}\n\n\t\tconst filteredUrl = url.substring(url.indexOf('#'));\n\n\t\ttry {\n\t\t\tif (filteredUrl.length) {\n\t\t\t\tconst $el = window.$pageWrapper.find(filteredUrl);\n\n\t\t\t\tif ($el.length) {\n\t\t\t\t\telement.on('click', (e) => {\n\t\t\t\t\t\te.stopPropagation();\n\t\t\t\t\t\te.preventDefault();\n\n\t\t\t\t\t\tif (menu === 'classic') {\n\t\t\t\t\t\t\tScroll.scrollTo({\n\t\t\t\t\t\t\t\ty: $el.offset().top - this.$target.innerHeight(),\n\t\t\t\t\t\t\t\tduration: 0.8\n\t\t\t\t\t\t\t});\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\tif (menu === 'overlay') {\n\t\t\t\t\t\t\tthis.closeMenu(false, () => {\n\t\t\t\t\t\t\t\tScroll.scrollTo({\n\t\t\t\t\t\t\t\t\ty: $el.offset().top - this.$target.innerHeight(),\n\t\t\t\t\t\t\t\t\tduration: 0.8\n\t\t\t\t\t\t\t\t});\n\t\t\t\t\t\t\t});\n\t\t\t\t\t\t}\n\t\t\t\t\t});\n\n\t\t\t\t} else {\n\t\t\t\t\telement.off('click');\n\t\t\t\t}\n\t\t\t}\n\t\t} catch (error) {\n\t\t\tconsole.error('Error when handling menu anchor links: ' + error);\n\t\t}\n\n\t}\n\n\t_runSmoothScrollOverlayMenu() {\n\t\tif (!window.Modernizr.touchevents && this.$menuSmoothScrollingContainer.length && typeof window.Scrollbar !== 'undefined') {\n\t\t\tthis.SB = window.Scrollbar.init(this.$menuSmoothScrollingContainer[0], window.kinsey.theme.smoothScroll);\n\t\t}\n\t}\n\n\t_setGradientBackgrounds() {\n\n\t\tif (this.$menuGradientTop.length) {\n\t\t\tthis.$menuGradientTop.each(function () {\n\t\t\t\tconst\n\t\t\t\t\t$this = $(this),\n\t\t\t\t\tancestorRGB = getColorValues($this.parent().css('background-color'));\n\n\t\t\t\tif (ancestorRGB) {\n\t\t\t\t\tgsap.set($this, {\n\t\t\t\t\t\tbackground: `linear-gradient(0deg, rgba(${ancestorRGB[0]}, ${ancestorRGB[1]}, ${ancestorRGB[2]}, 0) 0%, rgba(${ancestorRGB[0]}, ${ancestorRGB[1]}, ${ancestorRGB[2]}, 1) 100%)`\n\t\t\t\t\t});\n\t\t\t\t}\n\t\t\t});\n\t\t}\n\n\t\tif (this.$menuGradientBottom.length) {\n\t\t\tthis.$menuGradientBottom.each(function () {\n\t\t\t\tconst\n\t\t\t\t\t$this = $(this),\n\t\t\t\t\tancestorRGB = getColorValues($this.parent().css('background-color'));\n\n\t\t\t\tif (ancestorRGB) {\n\t\t\t\t\tgsap.set($this, {\n\t\t\t\t\t\tbackground: `linear-gradient(180deg, rgba(${ancestorRGB[0]}, ${ancestorRGB[1]}, ${ancestorRGB[2]}, 0) 0%, rgba(${ancestorRGB[0]}, ${ancestorRGB[1]}, ${ancestorRGB[2]}, 1) 100%)`\n\t\t\t\t\t});\n\t\t\t\t}\n\t\t\t});\n\t\t}\n\t}\n\n\t_updateLabel({\n\t\ttext = 'text'\n\t}) {\n\t\tif (this.$headerLabelSubmenu.length) {\n\t\t\tthis.labelTimeline\n\t\t\t\t.clear()\n\t\t\t\t.to(this.$headerLabelSubmenu, {\n\t\t\t\t\ty: '-50%',\n\t\t\t\t\tautoAlpha: 0,\n\t\t\t\t\tduration: 0.3,\n\t\t\t\t\tonComplete: () => {\n\t\t\t\t\t\tthis.$headerLabelSubmenu.text(text);\n\t\t\t\t\t}\n\t\t\t\t})\n\t\t\t\t.fromTo(this.$headerLabelSubmenu, {\n\t\t\t\t\ty: '50%',\n\t\t\t\t\tautoAlpha: 0\n\t\t\t\t}, {\n\t\t\t\t\ty: '0%',\n\t\t\t\t\tautoAlpha: 1,\n\t\t\t\t\tduration: 0.3,\n\t\t\t\t\timmediateRender: false\n\t\t\t\t});\n\t\t}\n\t}\n\n\t_setMenusHover() {\n\t\tconst self = this;\n\n\t\tif (this.$allLinksOverlay.length) {\n\t\t\tthis.$allLinksOverlay\n\t\t\t\t.on('mouseenter touchstart', function () {\n\t\t\t\t\tself.$menuOverlay.addClass(self.hoverClassOverlay);\n\t\t\t\t})\n\t\t\t\t.on('mouseleave touchend', function () {\n\t\t\t\t\tself.$menuOverlay.removeClass(self.hoverClassOverlay);\n\t\t\t\t});\n\t\t}\n\n\t\tif (this.$allLinksClassic.length) {\n\t\t\tthis.$allLinksClassic\n\t\t\t\t.on('mouseenter touchstart', function () {\n\t\t\t\t\tself.$menu.addClass(self.hoverClassClassic);\n\t\t\t\t})\n\t\t\t\t.on('mouseleave touchend', function () {\n\t\t\t\t\tself.$menu.removeClass(self.hoverClassClassic);\n\t\t\t\t})\n\t\t\t\t.on('click', function (e) {\n\t\t\t\t\tconst $currentTarget = $(e.currentTarget);\n\n\t\t\t\t\tself.$menu.find(`.${self.currentMenuItemClass}`).removeClass(`${self.currentMenuItemClass}`);\n\t\t\t\t\tself.$menu.find(`.${self.currentMenuAncestorClass}`).removeClass(`${self.currentMenuAncestorClass}`);\n\t\t\t\t\t$currentTarget.parent().addClass(`${self.currentMenuItemClass}`);\n\t\t\t\t\t$currentTarget.parents(`.${self.menuItemHasChildrenClass}`).last().addClass(`${self.currentMenuAncestorClass}`);\n\t\t\t\t});\n\t\t}\n\t}\n}\n","/* ======================================================================== */\n/* 60. SectionContent */\n/* ======================================================================== */\nclass SectionContent extends BaseComponent {\n\tconstructor({\n\t\ttarget,\n\t\tscope\n\t}) {\n\t\tsuper({ target, scope });\n\t}\n}\n","/* ======================================================================== */\n/* 61. SectionGrid */\n/* ======================================================================== */\nclass SectionGrid extends BaseComponent {\n\n\tconstructor({\n\t\tscope,\n\t\ttarget,\n\t}) {\n\t\tsuper({\n\t\t\tscope,\n\t\t\ttarget\n\t\t});\n\t}\n\n\tset() {\n\t\tthis.$filter = this.$target.find('.js-filter');\n\t\tthis.$dropdown = this.$filter.find('.js-filter__select');\n\t\tthis.$grid = this.$target.filter('.js-grid').add(this.$target.find('.js-grid'));\n\t\tthis.$items = this.$grid.find('.js-grid__item');\n\t\tthis.refresher;\n\t}\n\n\tinit() {\n\t\tif (this.$grid.length) {\n\t\t\tthis._bindGridFilter();\n\t\t}\n\t}\n\n\t_bindGridFilter() {\n\t\tconst self = this;\n\n\t\tthis.filter = this._createFilter();\n\t\tthis.grid = this._createGrid();\n\n\t\tif (this.$filter.length) {\n\t\t\tthis.filter.setActiveItem(0, 0);\n\n\t\t\tthis.filter.$items.on('click', function (e) {\n\t\t\t\tconst\n\t\t\t\t\t$el = $(this),\n\t\t\t\t\tfilterBy = $el.attr('data-filter'),\n\t\t\t\t\tisLink = $el.is('a');\n\n\t\t\t\tScrollTrigger.refresh();\n\n\t\t\t\tself._updateScrollTriggerScenes({\n\t\t\t\t\tinterval: 60,\n\t\t\t\t\timmediate: false\n\t\t\t\t});\n\n\t\t\t\tif (!isLink) {\n\t\t\t\t\tif (filterBy === '*') {\n\t\t\t\t\t\tsetTimeout(() => {\n\t\t\t\t\t\t\tself.$grid.removeClass('grid_filtered');\n\t\t\t\t\t\t}, 200);\n\t\t\t\t\t} else {\n\t\t\t\t\t\tsetTimeout(() => {\n\t\t\t\t\t\t\tself.$grid.addClass('grid_filtered');\n\t\t\t\t\t\t}, 200);\n\t\t\t\t\t}\n\t\t\t\t}\n\n\t\t\t\tif (isLink && window.kinsey.theme.ajax.enabled) {\n\t\t\t\t\te.preventDefault();\n\t\t\t\t}\n\n\t\t\t\tif (self.$dropdown.length) {\n\t\t\t\t\tself.$dropdown.val(filterBy);\n\t\t\t\t}\n\n\t\t\t\tself.grid.isotopeInstance.arrange({\n\t\t\t\t\tfilter: filterBy\n\t\t\t\t});\n\n\t\t\t});\n\t\t}\n\n\t\tif (this.$dropdown.length) {\n\t\t\tthis.$dropdown.on('change', function() {\n\t\t\t\tself.filter.$items.filter(`[data-filter=\"${this.value}\"]`).click();\n\t\t\t});\n\t\t}\n\t}\n\n\t_updateScrollTriggerScenes({\n\t\tinterval = 60,\n\t\timmediate = false\n\t}) {\n\t\tthis.refresher = setInterval(() => {\n\t\t\tScrollTrigger.refresh(immediate);\n\t\t}, interval);\n\t}\n\n\t_createFilter() {\n\t\treturn new Filter({\n\t\t\ttarget: this.$filter,\n\t\t\tscope: this.$scope,\n\t\t\tdropdown: this.$dropdown\n\t\t});\n\t}\n\n\t_createGrid() {\n\t\treturn new Grid({\n\t\t\ttarget: this.$grid,\n\t\t\tscope: this.$scope,\n\t\t\tonArrangeComplete: () => {\n\t\t\t\tif (this.lazyImages) {\n\t\t\t\t\tthis.lazyImages.lazyImages.update();\n\t\t\t\t}\n\n\t\t\t\tif (this.lazyBackgrounds) {\n\t\t\t\t\tthis.lazyBackgrounds.lazyBackgrounds.update();\n\t\t\t\t}\n\n\t\t\t\tclearInterval(this.refresher);\n\t\t\t\tthis.refresher = null;\n\t\t\t},\n\t\t\tonLayoutComplete: () => {\n\t\t\t\tScrollTrigger.refresh();\n\t\t\t}\n\t\t});\n\t}\n\n}\n","/* ======================================================================== */\n/* 62. SectionNavProjects */\n/* ======================================================================== */\nclass SectionNavProjects extends BaseComponent {\n\tconstructor({\n\t\ttarget,\n\t\tscope\n\t}) {\n\t\tsuper({\n\t\t\ttarget,\n\t\t\tscope\n\t\t});\n\t}\n\n\tset() {\n\t\tthis.$progressUnderline = this.$target.find('.section-nav-projects__progress-underline');\n\t\tthis.$labelNext = this.$target.find('.section-nav-projects__label_next');\n\t\tthis.$inner = this.$target.find('.section-nav-projects__inner').eq(0);\n\t\tthis.$spacer = this.$target.find('.section-nav-projects__spacer');\n\t\tthis.$labelScroll = this.$target.find('.section-nav-projects__label_scroll');\n\t\tthis.$wrapper = this.$target.parent('.js-fixed-reveal-spacer');\n\t\tthis.$header = this.$target.find('.section-nav-projects__header, .section-nav-projects__next-image');\n\t\tthis.$heading = this.$target.find('.section-nav-projects__heading');\n\t\tthis.$trigger = this.$wrapper.length ? this.$wrapper : this.$target;\n\t\tthis.$link = this.$target.find('.section-nav-projects__link');\n\t\tthis.url = this.$link.attr('href');\n\t\tthis.backgroundSizeHeight = '2px';\n\t\tthis.backgroundSizeWidthCurrent = '0%';\n\t\tthis.headingColor = '';\n\t\tthis.stSpacer = null;\n\t\tthis.stMain = null;\n\t\tthis.stLabels = null;\n\t\tthis.stPrefetch = null;\n\t\tthis.spacerHeight = 0;\n\t\tthis.timeline = new gsap.timeline();\n\t\tthis.prefetchEnabled = window.kinsey.theme.ajax.enabled && this.$target.attr('data-arts-prefetch-enabled');\n\t\tthis.disabledAtBreakpoint = this.$target.data('arts-fixed-reveal-disabled-at');\n\t\tthis.startAnimationOpacity = this.$target.data('arts-fixed-reveal-from-opacity') === undefined ? 1 : this.$target.data('arts-fixed-reveal-from-opacity');\n\n\t\tif (this.$heading.length) {\n\t\t\tthis.headingColor = this.$heading.css('color');\n\t\t}\n\n\t\tif (this.$progressUnderline.length) {\n\t\t\tthis.backgroundSizeHeight = this.$progressUnderline.css('background-size').split(' ')[1];\n\t\t}\n\t}\n\n\trun() {\n\t\tthis._animateProgressLine();\n\n\t\tif (this.$spacer.length && this._isInnerWithSpacerAnimationEnabled()) {\n\t\t\tthis._getSpacerProperties();\n\t\t\tthis._animateInnerWithSpacer();\n\t\t}\n\n\t\tif (this.prefetchEnabled) {\n\t\t\tthis._prefetchHandler();\n\t\t}\n\n\t\tthis._bindEvents();\n\t}\n\n\t_bindEvents() {\n\t\tthis.$header.off('click').on('click', (e) => {\n\t\t\tif (window.kinsey.theme.ajax.enabled) {\n\t\t\t\te.preventDefault();\n\n\t\t\t\tScroll.scrollTo({\n\t\t\t\t\ty: this.$trigger,\n\t\t\t\t\toffsetY: -this.$trigger.height()\n\t\t\t\t});\n\t\t\t}\n\t\t});\n\n\t\twindow.$window\n\t\t\t.one('arts/barba/transition/start', () => {\n\t\t\t\tif (this.stMain) {\n\t\t\t\t\tthis.stMain.kill();\n\t\t\t\t}\n\t\t\t\tif (this.stLabels) {\n\t\t\t\t\tthis.stLabels.kill();\n\t\t\t\t}\n\t\t\t\tif (this.stPrefetch) {\n\t\t\t\t\tthis.stPrefetch.kill();\n\t\t\t\t}\n\t\t\t\tthis.timeline.kill();\n\t\t\t})\n\t\t\t.on(getResponsiveResizeEvent(), debounce(() => {\n\t\t\t\t\tif (this.stSpacer) {\n\t\t\t\t\t\tthis._getSpacerProperties();\n\t\t\t\t\t\tthis.stSpacer.refresh(true);\n\t\t\t\t\t}\n\t\t\t\t\tif (this.stMain) {\n\t\t\t\t\t\tthis.stMain.refresh(true);\n\t\t\t\t\t}\n\n\t\t\t\t\tif (this.stLabels) {\n\t\t\t\t\t\tthis.stLabels.refresh(true);\n\t\t\t\t\t}\n\t\t\t\t}, 250)\n\t\t\t);\n\t}\n\n\t_getSpacerProperties() {\n\t\tthis.spacerHeight = this.$spacer.height();\n\t}\n\n\t_isInnerWithSpacerAnimationEnabled() {\n\t\treturn this.$spacer.is(':visible') && !window.Modernizr.mq(`(${this.disabledAtBreakpoint})`);\n\t}\n\n\t_animateInnerWithSpacer() {\n\t\tconst tl = new gsap.timeline();\n\n\t\ttl.fromTo(this.$inner, {\n\t\t\ty: () => `-${this.spacerHeight}`,\n\t\t\tautoAlpha: () => this.startAnimationOpacity,\n\t\t}, {\n\t\t\ty: () => `${this.spacerHeight}`,\n\t\t\tease: 'none',\n\t\t\tautoAlpha: 1\n\t\t});\n\n\t\tthis.stSpacer = ScrollTrigger.create({\n\t\t\tanimation: tl,\n\t\t\tstart: () => 'top bottom',\n\t\t\tend: () => 'bottom bottom',\n\t\t\tinvalidateOnRefresh: true,\n\t\t\tscrub: true,\n\t\t\ttrigger: this.$trigger,\n\t\t});\n\t}\n\n\t_animateProgressLine() {\n\t\tthis.stLabels;\n\t\tthis.stMain = ScrollTrigger.create({\n\t\t\tanimation: this.timeline,\n\t\t\ttrigger: this.$trigger,\n\t\t\tstart: () => 'top+=50 center',\n\t\t\tend: () => 'bottom-=50 bottom',\n\t\t\tinvalidateOnRefresh: true,\n\t\t\tscrub: true,\n\t\t\tonLeave: () => {\n\t\t\t\tif (this.stLabels) {\n\t\t\t\t\tthis.stLabels.kill();\n\t\t\t\t\tthis.stMain.kill();\n\t\t\t\t\tthis.timeline.kill();\n\t\t\t\t\tthis.timeline.progress(1);\n\n\t\t\t\t\tScroll.lock(true);\n\t\t\t\t\tScroll.stop();\n\n\t\t\t\t\tif (this.$labelNext.length) {\n\t\t\t\t\t\tgsap.to(this.$labelNext, {\n\t\t\t\t\t\t\tautoAlpha: 0,\n\t\t\t\t\t\t\ty: '-100%',\n\t\t\t\t\t\t\tduration: 0.3\n\t\t\t\t\t\t});\n\t\t\t\t\t}\n\n\t\t\t\t\tif (this.$labelScroll.length) {\n\t\t\t\t\t\tgsap.to(this.$labelScroll, {\n\t\t\t\t\t\t\tautoAlpha: 0,\n\t\t\t\t\t\t\ty: '-100%',\n\t\t\t\t\t\t\tduration: 0.3\n\t\t\t\t\t\t});\n\t\t\t\t\t}\n\n\t\t\t\t\tgsap.fromTo(this.$progressUnderline, {\n\t\t\t\t\t\tbackgroundPosition: '100% 100%',\n\t\t\t\t\t}, {\n\t\t\t\t\t\tease: 'expo.inOut',\n\t\t\t\t\t\tduration: 0.2,\n\t\t\t\t\t\tdelay: 0.3,\n\t\t\t\t\t\tbackgroundSize: `0% ${this.backgroundSizeHeight}`,\n\t\t\t\t\t\tonComplete: () => {\n\t\t\t\t\t\t\tthis.$header.addClass('pointer-events-none').off('click');\n\n\t\t\t\t\t\t\tthis.$link.get(0).click();\n\t\t\t\t\t\t}\n\t\t\t\t\t});\n\t\t\t\t}\n\t\t\t}\n\t\t});\n\n\t\tthis.timeline.to(this.$progressUnderline, {\n\t\t\tbackgroundSize: `100% ${this.backgroundSizeHeight}`,\n\t\t\tease: 'none',\n\t\t\tduration: 1\n\t\t});\n\n\t\tif (this.$labelNext.length && this.$labelScroll.length) {\n\t\tthis.stLabels = ScrollTrigger.create({\n\t\t\ttrigger: this.$trigger,\n\t\t\tstart: () => 'top+=50 center',\n\t\t\tend: () => 'bottom-=20 bottom',\n\t\t\tinvalidateOnRefresh: true,\n\t\t\tonEnter: () => {\n\t\t\t\tgsap.to(this.$labelNext, {\n\t\t\t\t\tautoAlpha: 0,\n\t\t\t\t\ty: '-100%',\n\t\t\t\t\tduration: 0.3,\n\t\t\t\t});\n\n\t\t\t\tgsap.fromTo(this.$labelScroll, {\n\t\t\t\t\tautoAlpha: 0,\n\t\t\t\t\ty: '100%',\n\t\t\t\t\tclearProps: 'color'\n\t\t\t\t}, {\n\t\t\t\t\tautoAlpha: 1,\n\t\t\t\t\ty: '0%',\n\t\t\t\t\tduration: 0.3,\n\t\t\t\t\tcolor: this.headingColor\n\t\t\t\t});\n\t\t\t},\n\t\t\tonLeaveBack: () => {\n\t\t\t\tgsap.fromTo(this.$labelNext, {\n\t\t\t\t\tautoAlpha: 0,\n\t\t\t\t\ty: '100%'\n\t\t\t\t}, {\n\t\t\t\t\tautoAlpha: 1,\n\t\t\t\t\ty: '0%',\n\t\t\t\t\tduration: 0.3\n\t\t\t\t});\n\n\t\t\t\tgsap.to(this.$labelScroll, {\n\t\t\t\t\tautoAlpha: 0,\n\t\t\t\t\ty: '-100%',\n\t\t\t\t\tduration: 0.3,\n\t\t\t\t\tclearProps: 'color'\n\t\t\t\t});\n\t\t\t}\n\t\t\t});\n\t\t}\n\t}\n\n\t_prefetchHandler() {\n\t\tthis.stPrefetch = ScrollTrigger.create({\n\t\t\ttrigger: window.$body,\n\t\t\tstart: 'top+=1 top',\n\t\t\tonce: true,\n\t\t\tonEnter: () => {\n\t\t\t\tbarba.prefetch(this.url);\n\t\t\t}\n\t\t});\n\t}\n}\n","/* ======================================================================== */\n/* 63. SectionMasthead */\n/* ======================================================================== */\nclass SectionMasthead extends BaseComponent {\t\n\tconstructor({\n\t\ttarget,\n\t\tscope\n\t}) {\n\t\tsuper({\n\t\t\ttarget,\n\t\t\tscope\n\t\t});\n\t}\n\n\tset() {\n\t\tthis.$inner = this.$target.find('.section-masthead__inner');\n\t\tthis.$maskReveal = this.$target.find('.mask-reveal');\n\t\tthis.$heading = this.$target.find('.section-masthead__heading');\n\t\tthis.$subheading = this.$target.find('.section-masthead__subheading');\n\t\tthis.$background = this.$target.find('.section__bg');\n\t\tthis.$divider = this.$target.find('.section-masthead__meta-divider');\n\t\tthis.$button = this.$target.find('.section-masthead__button');\n\n\t\tif (this.$target.hasClass('section-masthead_fixed')) {\n\t\t\tthis._fixMasthead();\n\t\t}\n\t}\n\n\tanimateIn() {\n\t\tconst\n\t\t\t$heading = this.$heading.not('.js-transition-animated'),\n\t\t\t$maskReveal = this.$maskReveal.not('.js-transition-animated'),\n\t\t\t$background = this.$background.not('.js-transition-animated');\n\n\t\tthis.timeline\n\t\t\t.animateText($heading, {\n\t\t\t\tduration: 1.2,\n\t\t\t\tstagger: {\n\t\t\t\t\tamount: 0.3,\n\t\t\t\t\tfrom: 'left'\n\t\t\t\t}\n\t\t\t})\n\t\t\t.add([\n\t\t\t\tgsap.effects.animateText(this.$subheading, {\n\t\t\t\t\t// duration: 0.6,\n\t\t\t\t}),\n\t\t\t\tgsap.effects.animateHeadline(this.$divider, {\n\t\t\t\t\t// duration: 0.6,\n\t\t\t\t})\n\t\t\t], $heading.length ? '-=0.8' : '0')\n\t\t\t.add([\n\t\t\t\tgsap.effects.animateMask($maskReveal, {\n\t\t\t\t\tdirection: 'down'\n\t\t\t\t}),\n\t\t\t\tgsap.effects.animateScale($background, {\n\t\t\t\t\tdirection: 'down'\n\t\t\t\t})\n\t\t\t], '-=1.2');\n\n\t}\n\n\tanimateOut() {\n\t\tthis.timelineOut.add([\n\t\t\tgsap.effects.hideText(this.$target, {\n\t\t\t\tstagger: 0\n\t\t\t}),\n\t\t\tgsap.effects.hideHeadline(this.$divider),\n\t\t\tgsap.effects.hideMask(this.$maskReveal),\n\t\t\tgsap.effects.hideScale(this.$background)\n\t\t], '0');\n\n\t}\n\n\t_getFixedScrollingDistance() {\n\t\tif (typeof window.SB !== 'undefined') {\n\t\t\treturn window.SB.containerEl.scrollHeight;\n\t\t} else {\n\t\t\treturn Math.max(\n\t\t\t\tdocument.body.scrollHeight, document.documentElement.scrollHeight,\n\t\t\t\tdocument.body.offsetHeight, document.documentElement.offsetHeight,\n\t\t\t\tdocument.body.clientHeight, document.documentElement.clientHeight\n\t\t\t);\n\t\t}\n\t}\n\n\t_fixMasthead() {\n\t\tif (typeof window.SB === 'undefined') {\n\n\t\t\tScrollTrigger.create({\n\t\t\t\tpin: true,\n\t\t\t\tpinType: 'fixed',\n\t\t\t\tpinSpacing: false,\n\t\t\t\tinvalidateOnRefresh: true,\n\t\t\t\tanticipatePin: 1,\n\t\t\t\ttrigger: this.$target,\n\t\t\t\tscrub: true,\n\t\t\t\tstart: () => 'top top',\n\t\t\t\tend: () => this._getFixedScrollingDistance(),\n\t\t\t});\n\t\t}\n\n\t\tScrollTrigger.create({\n\t\t\tanimation: gsap.fromTo(this.$inner, {\n\t\t\t\tautoAlpha: 1,\n\t\t\t\ty: 0\n\t\t\t},{\n\t\t\t\tautoAlpha: 0,\n\t\t\t\ty: '-10%'\n\t\t\t}),\n\t\t\tstart: 'bottom bottom',\n\t\t\tend: 'bottom+=30% bottom',\n\t\t\tscrub: true,\n\t\t\ttrigger: this.$inner,\n\t\t\tinvalidateOnRefresh: true\n\t\t});\n\t}\n}\n","/* ======================================================================== */\n/* 64. SectionScrollThemeSwitch */\n/* ======================================================================== */\nclass SectionScrollThemeSwitch extends BaseComponent {\n\tconstructor({\n\t\ttarget,\n\t\tscope\n\t}) {\n\t\tsuper({\n\t\t\ttarget,\n\t\t\tscope\n\t\t});\n\t}\n\n\tset() {\n\t\tthis.defaultTheme = this.$target.attr('data-arts-default-theme');\n\t\tthis.defaultColor = this.$target.attr('data-arts-theme-text');\n\t\tthis.scrollTheme = this.$target.attr('data-arts-scroll-theme');\n\t\tthis.scrollColor = this.$target.attr('data-arts-scroll-theme-text');\n\t\tthis.offset = parseFloat(this.$target.attr('data-arts-scroll-offset')) || 0;\n\t\tthis.triggerHook = this.$target.attr('data-arts-scroll-trigger-hook') || 'bottom';\n\t}\n\n\trun() {\n\t\tthis.scrollTrigger = ScrollTrigger.create({\n\t\t\ttrigger: this.$target,\n\t\t\tscrub: true,\n\t\t\tonce: false,\n\t\t\tstart: () => `top+=${this.offset} ${this.triggerHook}`,\n\t\t\tonToggle: ({ isActive }) => {\n\t\t\t\tif (isActive) {\n\t\t\t\t\tthis.$target\n\t\t\t\t\t\t.removeClass(this.defaultTheme)\n\t\t\t\t\t\t.addClass(this.scrollTheme)\n\t\t\t\t\t\t.attr('data-arts-theme-text', this.scrollColor);\n\t\t\t\t} else {\n\t\t\t\t\tthis.$target\n\t\t\t\t\t\t.removeClass(this.scrollTheme)\n\t\t\t\t\t\t.addClass(this.defaultTheme)\n\t\t\t\t\t\t.attr('data-arts-theme-text', this.defaultColor);\n\t\t\t\t}\n\t\t\t}\n\t\t});\n\t}\n}\n","/* ======================================================================== */\n/* 65. SectionSliderImages */\n/* ======================================================================== */\nclass SectionSliderImages extends BaseComponent {\t\n\tconstructor({\n\t\ttarget,\n\t\tscope\n\t}) {\n\t\tsuper({target, scope});\n\t}\n\n\tset() {\n\t\tthis.$slider = this.$target.find('.js-slider-images');\n\t\tthis.$sliderImages = this.$target.find('.js-slider-images__slider');\n\t\tthis.$sliderCaptions = this.$target.find('.js-slider-images__captions');\n\t}\n\n\tinit() {\n\t\tthis.slider = new SliderImages({\n\t\t\tparent: this.$target,\n\t\t\ttarget: this.$sliderImages,\n\t\t\tcaptions: this.$sliderCaptions\n\t\t});\n\t}\n}\n","/* ======================================================================== */\n/* 66. SectionSliderProjects */\n/* ======================================================================== */\nclass SectionSliderProjects extends BaseComponent{\t\n\tconstructor({\n\t\ttarget,\n\t\tscope\n\t}) {\n\t\tsuper({target, scope});\n\t}\n\n\tset() {\n\t\tthis.$slider = this.$target.find('.js-slider-projects__slider');\n\t\tthis.$sliderHeader = this.$target.find('.section-slider-projects__header');\n\t}\n\n\tinit() {\n\t\tthis.slider = new SliderProjects({\n\t\t\tparent: this.$target,\n\t\t\ttarget: this.$slider,\n\t\t\t$header: this.$sliderHeader.filter('.js-slider-projects__header'),\n\t\t\thasAnimation: this.hasAnimationScene()\n\t\t});\n\t}\n\n\tanimateOut() {\n\t\tconst\n\t\t\t$visibleSlide = this.$target.find('.swiper-slide-visible'),\n\t\t\t$headline = $visibleSlide.find('.post-meta__divider'),\n\t\t\t$link = $visibleSlide.find('.slider__wrapper-button');\n\n\t\tthis.timelineOut.add([\n\t\t\tgsap.effects.hideText($visibleSlide),\n\t\t\tgsap.effects.hideHeadline($headline),\n\t\t\tgsap.effects.hideJump($link),\n\t\t], '0');\n\t}\n}\n","/* ======================================================================== */\n/* 67. SectionSliderProjectsFullscreen */\n/* ======================================================================== */\nclass SectionSliderProjectsFullscreen extends BaseComponent {\n\tconstructor({\n\t\ttarget,\n\t\tscope\n\t}) {\n\t\tsuper({target, scope});\n\t}\n\n\tset() {\n\t\tthis.$slider = this.$target.find('.js-slider-projects-fullscreen');\n\n\t\tthis.textTransitionsEnabled = this.$target.find('.js-slider-projects-fullscreen__content').attr('data-transition') === 'text' || false;\n\n\t\tthis.$firstSlide = this.textTransitionsEnabled ? this.$slider.find('.swiper-slide').eq(0) : this.$slider.find('.swiper-slide');\n\t\tthis.$firstHeading = this.$firstSlide.find('.slider__heading');\n\t\tthis.$firstSubheading = this.$firstSlide.find('.slider__subheading');\n\t\tthis.$firstDescription = this.$firstSlide.find('.slider__text');\n\t\tthis.$firstLine = this.$firstSlide.find('.post-meta__divider');\n\t\tthis.$firstLink = this.$firstSlide.find('.slider__wrapper-button');\n\t}\n\n\tinit() {\n\t\tthis.slider = new SliderProjectsFullscreen({\n\t\t\tparent: this.$target,\n\t\t\ttarget: this.$slider,\n\t\t\thasAnimation: this.hasAnimationScene()\n\t\t});\n\t}\n\n\tanimateIn() {\n\n\t\tthis.timeline\n\t\t\t.animateText(this.$firstHeading, {\n\t\t\t\tduration: 1.2\n\t\t\t}, '0')\n\t\t\t.add([\n\t\t\t\tgsap.effects.animateText(this.$firstSubheading, {\n\t\t\t\t\tautoAlpha: 1,\n\t\t\t\t\tduration: 1.2\n\t\t\t\t}),\n\t\t\t\tgsap.effects.animateHeadline(this.$firstLine)\n\t\t\t], '-=0.8')\n\t\t\t.animateText(this.$firstDescription, {\n\t\t\t\tduration: 1.2,\n\t\t\t\tautoAlpha: 1,\n\t\t\t}, '-=0.8')\n\t\t\t.animateJump(this.$firstLink, '-=1.0');\n\t}\n\n\tanimateOut() {\n\t\tconst\n\t\t\t$visibleSlide = this.$target.find('.swiper-slide-visible'),\n\t\t\t$headline = $visibleSlide.find('.post-meta__divider'),\n\t\t\t$link = $visibleSlide.find('.slider__wrapper-button');\n\n\t\tthis.timelineOut.add([\n\t\t\tgsap.effects.hideText($visibleSlide),\n\t\t\tgsap.effects.hideHeadline($headline),\n\t\t\tgsap.effects.hideJump($link),\n\t\t], '0');\n\t}\n}\n","/* ======================================================================== */\n/* 68. SectionTestimonials */\n/* ======================================================================== */\nclass SectionTestimonials extends BaseComponent {\t\n\tconstructor({\n\t\ttarget,\n\t\tscope\n\t}) {\n\t\tsuper({target, scope});\n\t}\n\n\tset() {\n\t\tthis.$slider = this.$target.find('.js-slider');\n\t\tthis.textTransitionsEnabled = this.$target.find('.js-slider-projects-fullscreen__content').attr('data-transition') === 'text' || false;\n\t\tthis.$firstSlide = this.textTransitionsEnabled ? this.$slider.find('.swiper-slide').eq(0) : this.$slider.find('.swiper-slide');\n\t}\n\n\tinit() {\n\t\tthis.slider = new SliderTestimonials({\n\t\t\tparent: this.$target,\n\t\t\ttarget: this.$slider\n\t\t});\n\t}\n}\n","/* ======================================================================== */\n/* 69. SliderImages */\n/* ======================================================================== */\nclass SliderImages extends Slider {\t\n\tconstructor({\n\t\tparent,\n\t\ttarget,\n\t\tscope,\n\t\tcaptions\n\t}) {\n\t\tsuper({\n\t\t\ttarget,\n\t\t\tscope\n\t\t});\n\n\t\tthis.$parent = parent;\n\t\tthis.$sliderCaptions = captions;\n\t}\n\n\tset() {\n\t\t// sliders\n\t\tthis.$slider = this.$target;\n\n\t\t// params\n\t\tthis.sliderSpeed = this.$slider.data('speed') || 800;\n\n\t\t// dots\n\t\tthis.$sliderDots = this.$parent.find('.js-slider__dots');\n\n\t\t// arrows\n\t\tthis.$arrowNext = this.$parent.find('.js-slider__arrow-next');\n\t\tthis.$arrowPrev = this.$parent.find('.js-slider__arrow-prev');\n\n\t\t// underline\n\t\tthis.$underline = this.$parent.find('.js-slider-images__underline');\n\n\t\t// scrollbar\n\t\tthis.$scrollBar = this.$parent.find('.js-slider__scrollbar');\n\n\t\t// dragging\n\t\tthis._setDragging({target: this.$target});\n\t}\n\n\trun() {\n\t\tthis.slider = this._getSlider();\n\t\tthis.sliderCaptions = this._getSliderCaptions();\n\n\t\t// dots\n\t\tif (this.$sliderDots.length) {\n\t\t\tthis._getSliderDots({\n\t\t\t\tslider: this.slider,\n\t\t\t\tcontainer: this.$sliderDots\n\t\t\t});\n\t\t}\n\n\t\t// slider drag\n\t\tif (typeof this.drag === 'object') {\n\t\t\tthis._emitDragEvents($.extend(this.drag, {\n\t\t\t\tslider: this.slider,\n\t\t\t}));\n\t\t}\n\n\t\t// captions\n\t\tif (this.$sliderCaptions.length) {\n\t\t\tthis._setCaptionsNavigation();\n\n\t\t\tif (this.$underline.length) {\n\t\t\t\tthis._bindEvents();\n\t\t\t}\n\t\t}\n\n\t\tif (this.$parent.length) {\n\t\t\tthis._setAutoplayAnimation({\n\t\t\t\tparent: this.$parent,\n\t\t\t\tslider: this.slider,\n\t\t\t});\n\t\t}\n\n\t\t// initial backgrounds set\n\t\tif (this.slider && typeof this.slider.emit === 'function') {\n\t\t\tsetTimeout(() => {\n\t\t\t\tthis.slider.emit('slideChange');\n\t\t\t}, 250);\n\t\t}\n\n\t\tif (this.$scrollBar.length) {\n\t\t\tthis._setScrollbar({\n\t\t\t\tslider: this.slider,\n\t\t\t\tscrollbar: this.$scrollBar\n\t\t\t});\n\t\t}\n\n\t\t// pause autoplay when the slider is not in view\n\t\tthis._pauseAutoplayOnOutOfView({\n\t\t\ttrigger: this.$slider,\n\t\t\tslider: this.slider\n\t\t});\n\n\t\tthis._updateOnTransitionEnd([\n\t\t\tthis.slider,\n\t\t\tthis.sliderCaptions\n\t\t]);\n\t}\n\n\t_bindEvents() {\n\t\tconst self = this;\n\n\t\t// update line position on window resize\n\t\twindow.$window.on('resize', debounce(() => {\n\t\t\tconst\n\t\t\t\tcurrentIndex = this.slider.realIndex,\n\t\t\t\t$targetSlide = $(this.sliderCaptions.slides[currentIndex]),\n\t\t\t\tduration = this.sliderSpeed / 1000;\n\n\t\t\tsetTimeout(() => {\n\t\t\t\tself._updateLinePosition($targetSlide, duration);\n\t\t\t}, 750);\n\t\t\tself._updateLinePosition($targetSlide, duration);\n\t\t}, 250));\n\n\t\tthis.$sliderCaptions\n\t\t\t.on('mouseenter', '.swiper-slide', function () {\n\t\t\t\tself._updateLinePosition($(this), self.sliderSpeed / 1500);\n\t\t\t})\n\t\t\t.on('mouseleave', '.swiper-slide', function () {\n\t\t\t\tself._updateLinePosition($(self.sliderCaptions.slides).filter('.swiper-slide-active'), self.sliderSpeed / 1500);\n\t\t\t});\n\t}\n\n\t_getSlider() {\n\t\tconst breakpoints = this._setBreakpoints({\n\t\t\ttarget: this.$target\n\t\t});\n\n\t\treturn new Swiper(this.$target[0], {\n\t\t\tsimulateTouch: this.drag ? true : false,\n\t\t\ttouchRatio: this.$target.data('touch-ratio') || 1.5,\n\t\t\ttouchStartPreventDefault: this.drag ? false : true,\n\t\t\tautoHeight: this.$target.data('auto-height'),\n\t\t\tspeed: this.$target.data('speed') || 1200,\n\t\t\tpreloadImages: false,\n\t\t\tlazy: {\n\t\t\t\tloadPrevNext: true,\n\t\t\t\tloadPrevNextAmount: 4,\n\t\t\t\tloadOnTransitionStart: true\n\t\t\t},\n\t\t\tslideToClickedSlide: true,\n\t\t\tgrabCursor: true,\n\t\t\tobserver: true,\n\t\t\twatchSlidesProgress: true,\n\t\t\twatchSlidesVisibility: true,\n\t\t\tcenteredSlides: this.$target.data('centered-slides') || false,\n\t\t\tslidesPerView: this.$target.data('slides-per-view') || 1,\n\t\t\tautoplay: {\n\t\t\t\tdisableOnInteraction: false,\n\t\t\t\tenabled: this.$target.data('autoplay-enabled') || false,\n\t\t\t\tdelay: this.$target.data('autoplay-delay') || 6000,\n\t\t\t},\n\t\t\tspaceBetween: this.$slider.data('space-between') || 20,\n\t\t\tpagination: {\n\t\t\t\tel: this.$sliderDots.get(0),\n\t\t\t\ttype: 'bullets',\n\t\t\t\tbulletElement: 'div',\n\t\t\t\tclickable: true,\n\t\t\t\tbulletClass: 'slider__dot',\n\t\t\t\tbulletActiveClass: 'slider__dot_active'\n\t\t\t},\n\t\t\tnavigation: {\n\t\t\t\tnextEl: this.$arrowNext.get(0),\n\t\t\t\tprevEl: this.$arrowPrev.get(0),\n\t\t\t},\n\t\t\tscrollbar: {\n\t\t\t\thide: false,\n\t\t\t\tel: this.$scrollBar.get(0),\n\t\t\t\tdragClass: 'slider__scrollbar-handle'\n\t\t\t},\n\t\t\ttouchEventsTarget: 'container',\n\t\t\tthumbs: {\n\t\t\t\tautoScrollOffset: 0\n\t\t\t},\n\t\t\tbreakpoints,\n\t\t});\n\t}\n\n\t_getSliderCaptions() {\n\t\tconst breakpoints = this._setBreakpoints({\n\t\t\ttarget: this.$sliderCaptions\n\t\t});\n\n\t\treturn new Swiper(this.$sliderCaptions[0], {\n\t\t\tspeed: this.sliderSpeed,\n\t\t\tcenteredSlides: this.$sliderCaptions.data('centered-slides') || false,\n\t\t\tslidesPerView: this.$sliderCaptions.data('slides-per-view') || 1,\n\t\t\twatchSlidesVisibility: true,\n\t\t\twatchSlidesProgress: true,\n\t\t\tsimulateTouch: false,\n\t\t\tbreakpoints\n\t\t});\n\t}\n\n\t_setCaptionsNavigation() {\n\t\tconst self = this;\n\n\t\tthis.slider.controller.control = this.sliderCaptions;\n\t\tthis.sliderCaptions.controller.control = this.slider;\n\n\t\tthis.sliderCaptions.slides.each(function () {\n\t\t\t$(this).on('click', function () {\n\t\t\t\tself.slider.slideTo($(this).index());\n\t\t\t});\n\t\t});\n\n\t\tif (this.$underline.length) {\n\t\t\tthis.slider.on('slideChange', () => {\n\t\t\t\tconst\n\t\t\t\t\tcurrentIndex = this.slider.realIndex,\n\t\t\t\t\t$targetSlide = $(this.sliderCaptions.slides[currentIndex]),\n\t\t\t\t\tduration = this.sliderSpeed / 1000;\n\t\t\t\tthis._updateLinePosition($targetSlide, duration);\n\t\t\t});\n\t\t}\n\t}\n\n\t_updateLinePosition($el, duration = 1.2) {\n\t\tif (!$el || !$el.length) {\n\n\t\t\tgsap.to(this.$underline, {\n\t\t\t\tduration,\n\t\t\t\twidth: 0,\n\t\t\t\tease: 'power3.inOut',\n\t\t\t});\n\t\t} else {\n\t\t\tconst\n\t\t\t\touterOffset = this.$sliderCaptions.offset(),\n\t\t\t\tslideWidth = $el.innerWidth(),\n\t\t\t\tslidePos = $el.position(),\n\t\t\t\tslideOffset = $el.offset();\n\n\t\t\tgsap.to(this.$underline, {\n\t\t\t\tduration,\n\t\t\t\tease: 'power3.inOut',\n\t\t\t\twidth: slideWidth,\n\t\t\t\ttop: slideOffset.top - outerOffset.top,\n\t\t\t\tleft: slidePos.left,\n\t\t\t});\n\t\t}\n\t}\n}\n","/* ======================================================================== */\n/* 70. SliderMenu */\n/* ======================================================================== */\nclass SliderMenu extends Slider {\n\n\tconstructor({\n\t\ttarget,\n\t\tscope\n\t}) {\n\t\tsuper({\n\t\t\ttarget,\n\t\t\tscope\n\t\t});\n\t}\n\n\tset() {\n\t\tthis.slider = null;\n\t\t// dragging\n\t\tthis._setDragging({ target: this.$target });\n\t\tthis.animationSpeed = this.$target.data('animation-speed') || this.$target.data('speed') || 1200;\n\t}\n\n\trun() {\n\t\tthis._init();\n\t\twindow.$window.on('resize', debounce(() => {\n\t\t\tthis._init();\n\t\t}, 250));\n\t}\n\n\t_init() {\n\t\tif (this.$target.is(':visible') && !this.slider) {\n\t\t\tthis.slider = this._getSlider();\n\n\t\t\t// slider drag\n\t\t\tif (typeof this.drag === 'object') {\n\t\t\t\tthis._emitDragEvents($.extend(this.drag, {\n\t\t\t\t\tslider: this.slider,\n\t\t\t\t}));\n\t\t\t}\n\n\t\t\tthis._bindEvents();\n\t\t}\n\t}\n\n\t_bindEvents() {\n\t\twindow.$pageHeader\n\t\t\t.on('menuOpenStart', () => {\n\t\t\t\tconst\n\t\t\t\t\ttimeScale = parseFloat(window.kinsey.theme.animations.timeScale.overlayMenuOpen) || 1,\n\t\t\t\t\tmultiplier = 1 / timeScale;\n\n\t\t\t\tthis.slider.update();\n\t\t\t\tthis._slideTo({\n\t\t\t\t\tslide: 'first',\n\t\t\t\t\tduration: this.animationSpeed * multiplier\n\t\t\t\t});\n\t\t\t})\n\t\t\t.on('menuOpenEnd', () => {\n\t\t\t\tthis.slider.update();\n\t\t\t})\n\t\t\t.on('menuCloseStart', () => {\n\t\t\t\tconst\n\t\t\t\t\ttimeScale = parseFloat(window.kinsey.theme.animations.timeScale.overlayMenuClose) || 1,\n\t\t\t\t\tmultiplier = 1 / timeScale;\n\n\t\t\t\tif (this.animationSpeed > 0) {\n\t\t\t\t\tthis._slideTo({\n\t\t\t\t\t\tslide: 'last',\n\t\t\t\t\t\tduration: this.animationSpeed * multiplier\n\t\t\t\t\t});\n\t\t\t\t}\n\t\t\t});\n\t}\n\n\t_slideTo({\n\t\tslide = 'first',\n\t\ttimeout = 50,\n\t\tduration = 1200\n\t}) {\n\t\tconst lastIndex = this.slider.$el.find('.swiper-slide:not(.swiper-slide-duplicate)').length - 1;\n\n\t\tif (this.slider.params.loop) {\n\n\t\t\tif (slide === 'first') {\n\t\t\t\tthis.slider.slideToLoop(lastIndex, 0);\n\n\t\t\t\tsetTimeout(() => {\n\t\t\t\t\tthis.slider.slideToLoop(0, duration);\n\t\t\t\t}, timeout);\n\t\t\t}\n\n\t\t\tif (slide === 'last') {\n\t\t\t\tsetTimeout(() => {\n\t\t\t\t\tthis.slider.slideToLoop(Math.abs(lastIndex - this.slider.realIndex), duration);\n\t\t\t\t}, timeout);\n\t\t\t}\n\n\t\t} else {\n\n\t\t\tif (slide === 'first') {\n\t\t\t\tthis.slider.slideTo(lastIndex, 0);\n\n\t\t\t\tsetTimeout(() => {\n\t\t\t\t\tthis.slider.slideTo(0, duration);\n\t\t\t\t}, timeout);\n\t\t\t}\n\n\t\t\tif (slide === 'last') {\n\t\t\t\tthis.slider.slideTo(0, 0);\n\n\t\t\t\tsetTimeout(() => {\n\t\t\t\t\tthis.slider.slideTo(lastIndex, duration);\n\t\t\t\t}, timeout);\n\t\t\t}\n\n\t\t}\n\t}\n\n\t_getSlider() {\n\t\tconst parentContainer = this.$target.parent('.header__wrapper-slider').get(0);\n\n\t\treturn new Swiper(this.$target[0], {\n\t\t\tsimulateTouch: this.drag ? true : false,\n\t\t\ttouchRatio: this.$target.data('touch-ratio') || 1.5,\n\t\t\ttouchStartPreventDefault: this.drag ? false : true,\n\t\t\tgrabCursor: true,\n\t\t\tautoHeight: this.$target.data('auto-height'),\n\t\t\tspeed: this.$target.data('speed') || 1200,\n\t\t\tpreloadImages: false,\n\t\t\tdirection: 'horizontal',\n\t\t\tlazy: {\n\t\t\t\tloadPrevNext: true,\n\t\t\t\tloadPrevNextAmount: 3,\n\t\t\t\tloadOnTransitionStart: true\n\t\t\t},\n\t\t\tslideToClickedSlide: true,\n\t\t\tslidesPerView: 1.33,\n\t\t\tcenteredSlides: true,\n\t\t\tspaceBetween: 20,\n\t\t\tloop: true,\n\t\t\tautoplay: {\n\t\t\t\tdisableOnInteraction: false,\n\t\t\t\tenabled: this.$target.data('autoplay-enabled') || false,\n\t\t\t\tdelay: this.$target.data('autoplay-delay') || 6000,\n\t\t\t},\n\t\t\tparallax: true,\n\t\t\t// breakpoints,\n\t\t\tbreakpoints: {\n\t\t\t\t991: {\n\t\t\t\t\tdirection: 'vertical',\n\t\t\t\t\tspaceBetween: this.$target.data('space-between') || 60,\n\t\t\t\t\tslidesPerView: 'auto',\n\t\t\t\t\tfreeMode: true,\n\t\t\t\t\tfreeModeSticky: true,\n\t\t\t\t\tcenteredSlides: this.$target.data('centered-slides') || false,\n\t\t\t\t}\n\t\t\t},\n\t\t\ttouchEventsTarget: 'container',\n\t\t\tkeyboard: this.$target.data('keyboard-enabled') ? {\n\t\t\t\tenabled: true,\n\t\t\t\tonlyInViewport: true\n\t\t\t} : false,\n\t\t\tmousewheel: this.$target.data('mousewheel-enabled') ? {\n\t\t\t\teventsTarged: parentContainer,\n\t\t\t\teventsTarget: parentContainer,\n\t\t\t\treleaseOnEdges: true,\n\t\t\t} : false,\n\t\t});\n\t}\n\n}\n","/* ======================================================================== */\n/* 71. SliderProjects */\n/* ======================================================================== */\nclass SliderProjects extends Slider {\n\tconstructor({\n\t\tparent,\n\t\ttarget,\n\t\t$header,\n\t\tscope,\n\t\thasAnimation = false\n\t}) {\n\t\tsuper({\n\t\t\ttarget,\n\t\t\tscope\n\t\t});\n\n\t\tthis.$parent = parent;\n\t\tthis.hasAnimation = hasAnimation;\n\t\tthis.$sliderHeader = $header ? $header : null;\n\t\tthis.$sliderIndicatorSource = $header ? $header.find('.js-slider-projects__source-indicator') : null;\n\t\tthis.sliderHeaderIsVisible = true;\n\t\tthis.sliderIndicatorIsVisible = false;\n\t}\n\n\tset() {\n\t\tthis.$slidesBackground = this.$target.find('[data-slide-background]');\n\t\tthis.$scrollBar = this.$target.find('.js-slider-projects__scrollbar');\n\t\tthis.$indicator = this.$target.find('.js-slider-projects__indicator');\n\t\tthis.$arrowPrev;\n\t\tthis.$arrowNext;\n\n\t\tif (this.$parent && this.$parent.length) {\n\t\t\tthis.$arrowPrev = this.$parent.find('.js-slider__arrow-prev');\n\t\t\tthis.$arrowNext = this.$parent.find('.js-slider__arrow-next');\n\t\t} else {\n\t\t\tthis.$arrowPrev = this.$target.find('.js-slider__arrow-prev');\n\t\t\tthis.$arrowNext = this.$target.find('.js-slider__arrow-next');\n\t\t}\n\n\t\t// dragging\n\t\tthis._setDragging({target: this.$target});\n\t}\n\n\trun() {\n\t\tthis.slider = this._getSlider();\n\n\t\t// slider drag\n\t\tif (typeof this.drag === 'object') {\n\t\t\tthis._emitDragEvents($.extend(this.drag, {\n\t\t\t\tslider: this.slider,\n\t\t\t}));\n\t\t}\n\n\t\tif (this.$slidesBackground.length) {\n\t\t\tthis._setBackgrounds({\n\t\t\t\ttarget: this.$target.closest('.js-slider-background'),\n\t\t\t\tslider: this.slider,\n\t\t\t\theader: window.$pageHeader\n\t\t\t});\n\t\t}\n\n\t\tif (this.$sliderHeader.length && this._isIndicatorEnabled()) {\n\t\t\tthis.sliderHeaderTimeline = new gsap.timeline();\n\t\t\tthis.animationDuration = parseFloat(this.slider.params.speed / 1000);\n\n\t\t\tthis._hideHeaderOnTransition();\n\n\t\t\tif (this.$sliderIndicatorSource.length && this.$indicator.length) {\n\t\t\t\tthis.sliderIndicatorTimeline = new gsap.timeline();\n\n\t\t\t\tthis._setIndicator();\n\t\t\t\tthis._showIndicatorOnTransition();\n\t\t\t}\n\t\t}\n\n\t\tif (this.$parent.length) {\n\t\t\tthis._setAutoplayAnimation({\n\t\t\t\tparent: this.$parent,\n\t\t\t\tslider: this.slider,\n\t\t\t});\n\t\t}\n\n\t\t// initial backgrounds set\n\t\tif (this.slider && typeof this.slider.emit === 'function') {\n\t\t\tthis.slider.emit('slideChange');\n\t\t}\n\n\t\t// pause autoplay when the slider is not in view\n\t\tthis._pauseAutoplayOnOutOfView({\n\t\t\ttrigger: this.$target,\n\t\t\tslider: this.slider\n\t\t});\n\n\t\t// update all ScrollTrigger instances when slider is resizing its height\n\t\tif (this.slider) {\n\t\t\tthis._updateScrollTriggerOnHeightChange(this.slider);\n\t\t}\n\n\t\tthis._updateOnTransitionEnd([\n\t\t\tthis.slider\n\t\t]);\n\n\t\tthis._bindEvents();\n\t}\n\n\t_getSlider() {\n\t\tconst breakpoints = this._setBreakpoints({\n\t\t\ttarget: this.$target\n\t\t});\n\n\t\treturn new Swiper(this.$target[0], {\n\t\t\tsimulateTouch: this.drag ? true : false,\n\t\t\ttouchRatio: this.$target.data('touch-ratio') || 1.5,\n\t\t\ttouchStartPreventDefault: this.drag ? false : true,\n\t\t\tgrabCursor: true,\n\t\t\tautoHeight: this.$target.data('auto-height'),\n\t\t\tautoplay: {\n\t\t\t\tdisableOnInteraction: false,\n\t\t\t\tenabled: this.$target.data('autoplay-enabled') || false,\n\t\t\t\tdelay: this.$target.data('autoplay-delay') || 6000,\n\t\t\t},\n\t\t\tkeyboard: this.$target.data('keyboard-enabled') ? {\n\t\t\t\tenabled: true,\n\t\t\t\tonlyInViewport: true\n\t\t\t} : false,\n\t\t\tmousewheel: this.$target.data('mousewheel-enabled') ? {\n\t\t\t\teventsTarged: this.target,\n\t\t\t\teventsTarget: this.target,\n\t\t\t\treleaseOnEdges: true,\n\t\t\t} : false,\n\t\t\tspeed: this.$target.data('speed') || 1200,\n\t\t\tlazy: {\n\t\t\t\tloadPrevNext: true,\n\t\t\t\tloadPrevNextAmount: 3,\n\t\t\t\tloadOnTransitionStart: true\n\t\t\t},\n\t\t\tslideToClickedSlide: true,\n\t\t\tcenteredSlides: this.$target.data('centered-slides') || false,\n\t\t\tslidesPerView: this.$target.data('slides-per-view') || 2,\n\t\t\tspaceBetween: this.$target.data('space-between') || 60,\n\t\t\tparallax: true,\n\t\t\tnavigation: {\n\t\t\t\tnextEl: this.$arrowPrev ? this.$arrowNext.get(0) : null,\n\t\t\t\tprevEl: this.$arrowPrev ? this.$arrowPrev.get(0) : null\n\t\t\t},\n\t\t\tscrollbar: {\n\t\t\t\thide: false,\n\t\t\t\tel: this.$scrollBar.get(0),\n\t\t\t\tdragClass: 'slider__scrollbar-handle'\n\t\t\t},\n\t\t\ttouchEventsTarget: 'container',\n\t\t\tbreakpoints,\n\t\t});\n\t}\n\n\t_bindEvents() {\n\t\twindow.$window.on(getResponsiveResizeEvent(), debounce(() => {\n\t\t\tif (!this._isIndicatorEnabled()) {\n\t\t\t\tgsap.effects.animateLines(this.$sliderHeader, {\n\t\t\t\t\tduration: 0.1,\n\t\t\t\t\tstagger: false,\n\t\t\t\t});\n\n\t\t\t\tthis.sliderIndicatorIsVisible = true;\n\t\t\t}\n\t\t}, 250));\n\t}\n\n\t_isIndicatorEnabled() {\n\t\treturn window.Modernizr.mq(`(min-width: 991px)`);\n\t}\n\n\t_hideHeaderOnTransition() {\n\t\tthis.slider.on('slideChange', (e) => {\n\t\t\tif (this.sliderHeaderIsVisible === false && e.realIndex === 0) {\n\t\t\t\tthis.sliderHeaderTimeline\n\t\t\t\t\t.clear()\n\t\t\t\t\t.animateLines(this.$sliderHeader, {\n\t\t\t\t\t\tstagger: false,\n\t\t\t\t\t\tduration: this.animationDuration / 2,\n\t\t\t\t\t\tdelay: this.animationDuration / 2\n\t\t\t\t\t});\n\n\t\t\t\tthis.sliderHeaderIsVisible = true;\n\t\t\t}\n\n\t\t\tif (this.sliderHeaderIsVisible === true && e.realIndex !== 0) {\n\t\t\t\tthis.sliderHeaderTimeline\n\t\t\t\t\t.clear()\n\t\t\t\t\t.hideLines(this.$sliderHeader, {\n\t\t\t\t\t\tstagger: false,\n\t\t\t\t\t\ty: '-100%',\n\t\t\t\t\t\tduration: this.animationDuration / 2\n\t\t\t\t\t});\n\n\t\t\t\tthis.sliderHeaderIsVisible = false;\n\t\t\t}\n\t\t});\n\t}\n\n\n\n\t_showIndicatorOnTransition() {\n\t\tthis.slider.on('slideChange', (e) => {\n\t\t\tif (this.sliderIndicatorIsVisible === false && e.realIndex !== 0) {\n\t\t\t\tthis.sliderIndicatorTimeline\n\t\t\t\t\t.clear()\n\t\t\t\t\t.to(this.$indicator, {\n\t\t\t\t\t\ty: '0%',\n\t\t\t\t\t\tduration: this.animationDuration / 2,\n\t\t\t\t\t\tease: 'power3.inOut'\n\t\t\t\t\t});\n\n\t\t\t\tthis.sliderIndicatorIsVisible = true;\n\t\t\t}\n\n\t\t\tif (this.sliderIndicatorIsVisible === true && e.realIndex === 0) {\n\t\t\t\tthis.sliderIndicatorTimeline\n\t\t\t\t\t.clear()\n\t\t\t\t\t.to(this.$indicator, {\n\t\t\t\t\t\ty: '100%',\n\t\t\t\t\t\tduration: this.animationDuration / 2,\n\t\t\t\t\t\tdelay: this.animationDuration / 2,\n\t\t\t\t\t\tease: 'power3.inOut'\n\t\t\t\t\t});\n\n\t\t\t\tthis.sliderIndicatorIsVisible = false;\n\t\t\t}\n\t\t});\n\t}\n\n\t_setIndicator() {\n\t\t// Set indicator text\n\t\tthis.$indicator.text(this.$sliderIndicatorSource.text());\n\n\t\tgsap.set(this.$indicator, {\n\t\t\ty: '100%',\n\t\t});\n\t}\n}\n","/* ======================================================================== */\n/* 72. SliderProjectsFullscreen */\n/* ======================================================================== */\nclass SliderProjectsFullscreen extends Slider {\n\tconstructor({\n\t\tparent,\n\t\ttarget,\n\t\tscope,\n\t\thasAnimation = false\n\t}) {\n\t\tsuper({\n\t\t\ttarget,\n\t\t\tscope\n\t\t});\n\n\t\tthis.$parent = parent;\n\t\tthis.hasAnimation = hasAnimation;\n\t}\n\n\tset() {\n\t\t// sliders\n\t\tthis.$slider = this.$target;\n\t\tthis.$sliderContent = this.$slider.find('.js-slider-projects-fullscreen__content');\n\t\tthis.$sliderImages = this.$slider.find('.js-slider-projects-fullscreen__images');\n\t\tthis.$sliderThumbs = this.$slider.find('.js-slider-projects-fullscreen__thumbs');\n\n\t\t// scrollbar\n\t\tthis.$scrollBar = this.$slider.find('.js-slider-projects-fullscreen__scrollbar');\n\n\t\t// counter\n\t\tthis.$sliderCounterCurrent = this.$target.find('.js-slider__counter-current');\n\t\tthis.$sliderCounterTotal = this.$target.find('.js-slider__counter-total');\n\n\t\t// counter zeros amount to prepend\n\t\tthis.sliderCounterZeros = this.$sliderImages.data('counter-add-zeros') || 0;\n\n\t\t// dynamic backgrounds slides\n\t\tthis.$slidesBackground = this.$slider.find('[data-slide-background]');\n\n\t\t// content\n\t\tthis.$heading = this.$target.find('.slider__heading');\n\t\tthis.$subheading = this.$target.find('.slider__subheading');\n\t\tthis.$description = this.$target.find('.slider__text');\n\t\tthis.$link = this.$target.find('.slider__wrapper-button');\n\t\tthis.$line = this.$target.find('.post-meta__divider');\n\n\t\t// params\n\t\tthis.sliderSpeed = this.$sliderImages.data('speed') || 800;\n\t\tthis.textTransitionsEnabled = this.$sliderContent.data('transition') === 'text' || false;\n\t\tthis.textTransitionsDirection = this.$sliderContent.data('transition-direction') || this.$sliderImages.data('direction');\n\n\t\t// dragging\n\t\tthis._setDragging({target: this.$sliderImages});\n\n\t\t// prefetch\n\t\tthis.prefetcActiveSlideTransition = this.$sliderContent.data('prefetch-active-slide-transition') || true;\n\t}\n\n\trun() {\n\t\tthis.sliderContent = this._getSliderContent();\n\t\tthis.sliderImages = this._getSliderImages();\n\t\tthis.sliderThumbs = this.$sliderThumbs.length ? this._getSliderThumbs() : null;\n\n\t\t// connect sliders\n\t\tthis.sliderImages.controller.control.push(this.sliderContent);\n\t\tthis.sliderContent.controller.control.push(this.sliderImages);\n\n\t\t// update slider dimensions before OS animation is started\n\t\tif (this.$parent.length) {\n\t\t\tthis._setAutoplayAnimation({\n\t\t\t\tparent: this.$parent,\n\t\t\t\tslider: this.sliiderImages,\n\t\t\t});\n\n\t\t\tthis.$parent.one('animation/start', () => {\n\t\t\t\tthis.sliderContent.update();\n\t\t\t\tthis.sliderImages.update();\n\t\t\t});\n\t\t}\n\n\t\t// slider drag\n\t\tif (typeof this.drag === 'object') {\n\t\t\tthis._emitDragEvents($.extend(this.drag, {\n\t\t\t\tslider: this.sliderImages,\n\t\t\t}));\n\t\t}\n\n\t\t// text transitions\n\t\tif (this.textTransitionsEnabled) {\n\t\t\tthis._setSliderTextTransitions();\n\t\t}\n\n\t\t// thumbs\n\t\tif (this.$sliderThumbs.length) {\n\t\t\tthis._setThumbsNavigation();\n\t\t\t$(this.sliderThumbs.slides).eq(this.sliderThumbs.activeIndex).addClass('swiper-slide-thumb-active');\n\t\t}\n\n\t\tif (this.$slidesBackground.length) {\n\t\t\tthis._setBackgrounds({\n\t\t\t\ttarget: this.$slider.closest('.js-slider-background'),\n\t\t\t\tslider: this.sliderImages,\n\t\t\t\tside: this.$slider.find('.js-slider-projects-fullscreen__sidebar'),\n\t\t\t\theader: window.$pageHeader\n\t\t\t});\n\n\t\t\t// initial backgrounds set\n\t\t\tif (this.sliderImages && typeof this.sliderImages.emit === 'function') {\n\t\t\t\tthis.sliderImages.emit('slideChange');\n\t\t\t}\n\t\t}\n\n\t\tif (this.$scrollBar.length) {\n\t\t\tthis._setScrollbar({\n\t\t\t\tslider: this.sliderImages,\n\t\t\t\tscrollbar: this.$scrollBar\n\t\t\t});\n\t\t}\n\n\t\tif (this.$sliderCounterCurrent.length && this.$sliderCounterTotal.length) {\n\t\t\tthis._setCounter({\n\t\t\t\tslider: this.sliderImages,\n\t\t\t\telementCurrent: this.$sliderCounterCurrent,\n\t\t\t\telementTotal: this.$sliderCounterTotal,\n\t\t\t\tzeros: this.sliderCounterZeros\n\t\t\t})\n\t\t}\n\n\t\t// prefetch active slide transition\n\t\tif (this.sliderContent && this.prefetcActiveSlideTransition && window.kinsey.theme.ajax.enabled) {\n\t\t\tthis._prefetchActiveSlideTransition(this.sliderContent);\n\t\t}\n\n\t\t// pause autoplay when the slider is not in view\n\t\tthis._pauseAutoplayOnOutOfView({\n\t\t\ttrigger: this.$sliderImages,\n\t\t\tslider: this.sliderImages\n\t\t});\n\n\t\tthis._bindEvents();\n\t}\n\n\t_bindEvents() {\n\n\t\twindow.$pageHeader\n\t\t\t.on('menuOpenStart', () => {\n\t\t\t\tthis._setExternalControls({\n\t\t\t\t\tslider: this.sliderImages,\n\t\t\t\t\tenabled: false\n\t\t\t\t});\n\t\t\t})\n\t\t\t.on('menuCloseStart', () => {\n\t\t\t\tthis._setExternalControls({\n\t\t\t\t\tslider: this.sliderImages,\n\t\t\t\t\tenabled: true\n\t\t\t\t});\n\t\t\t});\n\n\t\tif (this.$parent.length) {\n\t\t\tthis.$parent\n\t\t\t\t.on('animation/start', () => {\n\t\t\t\t\tthis._setExternalControls({\n\t\t\t\t\t\tslider: this.sliderImages,\n\t\t\t\t\t\tenabled: false\n\t\t\t\t\t});\n\t\t\t\t})\n\t\t\t\t.on('animation/complete', () => {\n\t\t\t\t\tthis._setExternalControls({\n\t\t\t\t\t\tslider: this.sliderImages,\n\t\t\t\t\t\tenabled: true\n\t\t\t\t\t});\n\t\t\t\t});\n\t\t}\n\n\t\tthis._updateOnResize([\n\t\t\tthis.sliderImages,\n\t\t\tthis.sliderContent,\n\t\t\tthis.sliderThumbs\n\t\t]);\n\n\t\tthis._updateOnTransitionEnd([\n\t\t\tthis.sliderImages,\n\t\t\tthis.sliderContent,\n\t\t\tthis.sliderThumbs\n\t\t]);\n\t}\n\n\t_getSliderContent() {\n\t\tconst breakpoints = this._setBreakpoints({\n\t\t\ttarget: this.$sliderContent\n\t\t});\n\n\t\treturn new Swiper(this.$sliderContent[0], {\n\t\t\tallowTouchMove: false,\n\t\t\twatchSlidesVisibility: true,\n\t\t\tspeed: this.sliderSpeed,\n\t\t\tslidesPerView: this.$sliderContent.data('slides-per-view') || 1,\n\t\t\tdirection: this.textTransitionsEnabled ? 'horizontal' : this.$sliderContent.data('direction') || this.$sliderImages.data('direction'),\n\t\t\tcenteredSlides: this.$sliderContent.data('centered-slides') || false,\n\t\t\tautoHeight: this.$sliderContent.data('auto-height') || false,\n\t\t\tcontroller: {\n\t\t\t\tcontrol: [],\n\t\t\t\tby: 'container'\n\t\t\t},\n\t\t\tvirtualTranslate: this.textTransitionsEnabled ? true : false,\n\t\t\teffect: this.textTransitionsEnabled ? 'fade' : 'slide',\n\t\t\tfadeEffect: {\n\t\t\t\tcrossFade: true //this.textTransitionsEnabled ? false : true\n\t\t\t},\n\t\t\tparallax: true,\n\t\t\tbreakpoints\n\t\t});\n\t}\n\n\t_getSliderImages() {\n\t\tconst breakpoints = this._setBreakpoints({\n\t\t\ttarget: this.$sliderImages\n\t\t});\n\n\t\treturn new Swiper(this.$sliderImages[0], {\n\t\t\tsimulateTouch: this.drag ? true : false,\n\t\t\ttouchRatio: this.$sliderImages.data('touch-ratio') || 1.5,\n\t\t\ttouchStartPreventDefault: this.drag ? false : true,\n\t\t\tgrabCursor: true,\n\t\t\twatchSlidesVisibility: true,\n\t\t\tautoplay: {\n\t\t\t\tdisableOnInteraction: false,\n\t\t\t\tenabled: this.$sliderImages.data('autoplay-enabled') || false,\n\t\t\t\tdelay: this.$sliderImages.data('autoplay-delay') || 6000,\n\t\t\t},\n\t\t\tkeyboard: this.$sliderImages.data('keyboard-enabled') ? {\n\t\t\t\tenabled: true,\n\t\t\t\tonlyInViewport: true\n\t\t\t} : false,\n\t\t\tmousewheel: this.$sliderImages.data('mousewheel-enabled') ? {\n\t\t\t\teventsTarged: this.$target.get(0),\n\t\t\t\teventsTarget: this.$target.get(0),\n\t\t\t\treleaseOnEdges: true,\n\t\t\t} : false,\n\t\t\tspeed: this.sliderSpeed,\n\t\t\tdirection: this.$sliderImages.data('direction') || 'horizontal',\n\t\t\tslidesPerView: 1,\n\t\t\tnavigation: {\n\t\t\t\tnextEl: this.$slider.find('.js-slider__arrow-next').get(0),\n\t\t\t\tprevEl: this.$slider.find('.js-slider__arrow-prev').get(0),\n\t\t\t},\n\t\t\tlazy: {\n loadPrevNext: true,\n loadPrevNextAmount: 2,\n loadOnTransitionStart: true\n },\n\t\t\tcontroller: {\n\t\t\t\tcontrol: [],\n\t\t\t\tby: 'container'\n\t\t\t},\n\t\t\tthumbs: {\n\t\t\t\tswiper: this.sliderThumbs\n\t\t\t},\n\t\t\tparallax: true,\n\t\t\tscrollbar: {\n\t\t\t\thide: false,\n\t\t\t\tel: this.$scrollBar.get(0),\n\t\t\t\tdragClass: 'slider__scrollbar-handle'\n\t\t\t},\n\t\t\tbreakpoints,\n\t\t});\n\t}\n\n\t_getSliderThumbs() {\n\t\tconst breakpoints = this._setBreakpoints({\n\t\t\ttarget: this.$sliderThumbs\n\t\t});\n\n\t\treturn new Swiper(this.$sliderThumbs[0], {\n\t\t\tspeed: this.sliderSpeed,\n\t\t\tslidesPerView: 3,\n\t\t\twatchSlidesVisibility: true,\n\t\t\twatchSlidesProgress: true,\n\t\t\tsimulateTouch: false,\n\t\t\tbreakpoints\n\t\t});\n\t}\n\n\t_setSliderTextTransitions() {\n\t\treturn new SliderTextTransitions({\n\t\t\tslider: this.sliderContent,\n\t\t\tdirection: this.textTransitionsDirection,\n\t\t\theading: this.$heading,\n\t\t\tsubheading: this.$subheading,\n\t\t\tdescription: this.$description,\n\t\t\tline: this.$line,\n\t\t\tlink: this.$link,\n\t\t\thasAnimation: this.hasAnimation\n\t\t});\n\t}\n\n\t_setThumbsNavigation() {\n\t\tconst self = this;\n\n\t\tthis.sliderImages.thumbs.swiper = this.sliderThumbs;\n\n\t\tthis.sliderThumbs.slides.each(function () {\n\t\t\t$(this).on('click', function () {\n\t\t\t\tself.sliderImages.slideTo($(this).index());\n\t\t\t});\n\t\t});\n\t}\n}\n","/* ======================================================================== */\n/* 73. SliderTestimonials */\n/* ======================================================================== */\nclass SliderTestimonials extends Slider {\n\tconstructor({\n\t\tparent,\n\t\tscope,\n\t\ttarget\n\t}) {\n\t\tsuper({\n\t\t\ttarget,\n\t\t\tscope\n\t\t});\n\n\t\tthis.$parent = parent;\n\t}\n\n\tset() {\n\t\t// sliders\n\t\tthis.$slider = this.$target;\n\n\t\t// params\n\t\tthis.sliderSpeed = this.$slider.data('speed') || 800;\n\t\tthis.textTransitionsEnabled = this.$target.attr('data-transition') === 'text' || false;\n\n\t\t// content\n\t\tthis.$heading = this.$target.find('.slider__heading');\n\t\tthis.$subheading = this.$target.find('.slider__subheading');\n\t\tthis.$description = this.$target.find('.slider__text');\n\n\t\t// dots\n\t\tthis.$sliderDots = this.$parent.find('.js-slider__dots');\n\n\t\t// arrows\n\t\tthis.$arrowNext = this.$parent.find('.js-slider__arrow-next');\n\t\tthis.$arrowPrev = this.$parent.find('.js-slider__arrow-prev');\n\t}\n\n\trun() {\n\t\tthis.slider = this._getSlider();\n\n\t\tif (this.slider.slides.length <= 1) {\n\t\t\tthis.slider.destroy(true, true);\n\n\t\t\tif (this.$sliderDots.length) {\n\t\t\t\tthis.$sliderDots.remove();\n\t\t\t}\n\n\t\t\tif (this.$arrowNext.length) {\n\t\t\t\tthis.$arrowNext.remove();\n\t\t\t}\n\n\t\t\tif (this.$arrowPrev.length) {\n\t\t\t\tthis.$arrowPrev.remove();\n\t\t\t}\n\n\t\t\treturn;\n\t\t}\n\n\t\t// text transitions\n\t\tif (this.textTransitionsEnabled) {\n\t\t\tthis._setSliderTextTransitions();\n\t\t}\n\n\t\t// dots\n\t\tif (this.$sliderDots.length) {\n\t\t\tthis._getSliderDots({\n\t\t\t\tslider: this.slider,\n\t\t\t\tcontainer: this.$sliderDots\n\t\t\t});\n\t\t}\n\n\t\t// initial backgrounds set\n\t\tif (this.slider && typeof this.slider.emit === 'function') {\n\t\t\tthis.slider.emit('slideChange');\n\t\t}\n\n\t\t// pause autoplay when the slider is not in view\n\t\tthis._pauseAutoplayOnOutOfView({\n\t\t\ttrigger: this.$slider,\n\t\t\tslider: this.slider\n\t\t});\n\n\t\tthis._updateOnTransitionEnd([\n\t\t\tthis.slider\n\t\t]);\n\t}\n\n\t_getSlider() {\n\t\treturn new Swiper(this.$target[0], {\n\t\t\tsimulateTouch: false,\n\t\t\tgrabCursor: true,\n\t\t\tautoHeight: true,\n\t\t\tautoplay: {\n\t\t\t\tdisableOnInteraction: false,\n\t\t\t\tenabled: this.$target.data('autoplay-enabled') || false,\n\t\t\t\tdelay: this.$target.data('autoplay-delay') || 6000,\n\t\t\t},\n\t\t\tkeyboard: this.$target.data('keyboard-enabled') ? {\n\t\t\t\tenabled: true,\n\t\t\t\tonlyInViewport: true\n\t\t\t} : false,\n\t\t\tspeed: this.$target.data('speed') || 1200,\n\t\t\tslidesPerView: 1,\n\t\t\tpagination: {\n\t\t\t\tel: this.$sliderDots.get(0),\n\t\t\t\ttype: 'bullets',\n\t\t\t\tbulletElement: 'div',\n\t\t\t\tclickable: true,\n\t\t\t\tbulletClass: 'slider__dot',\n\t\t\t\tbulletActiveClass: 'slider__dot_active'\n\t\t\t},\n\t\t\tnavigation: {\n\t\t\t\tnextEl: this.$arrowNext.get(0),\n\t\t\t\tprevEl: this.$arrowPrev.get(0),\n\t\t\t},\n\t\t\tvirtualTranslate: this.textTransitionsEnabled ? true : false,\n\t\t\teffect: 'fade',\n\t\t\tfadeEffect: {\n\t\t\t\tcrossFade: this.textTransitionsEnabled ? false : true\n\t\t\t},\n\t\t});\n\t}\n\n\t_setSliderTextTransitions() {\n\t\treturn new SliderTextTransitions({\n\t\t\tslider: this.slider,\n\t\t\tdirection: 'vertical',\n\t\t\theading: this.$heading,\n\t\t\tsubheading: this.$subheading,\n\t\t\tdescription: this.$description,\n\t\t\thasAnimation: true\n\t\t});\n\t}\n}\n"]}\n
\n \n ![\"Close\"](\"img/general/modal/icon-close.svg\")
\n \n\t\t\t\t\t\t\t\t![\"\"/](\"img/general/modal/${icon}\")
\n \n \n \n
\n