https://frutasclasse.pt/assets/js/theme.js

1/*
2Name: 			Theme Base
3Written by: 	Okler Themes - (http://www.okler.net)
4Theme Version:	7.3.0
5*/
6
7// Theme
8window.theme = {};
9
10// Theme Common Functions
11window.theme.fn = {
12
13	getOptions: function(opts) {
14
15		if (typeof(opts) == 'object') {
16
17			return opts;
18
19		} else if (typeof(opts) == 'string') {
20
21			try {
22				return JSON.parse(opts.replace(/'/g,'"').replace(';',''));
23			} catch(e) {
24				return {};
25			}
26
27		} else {
28
29			return {};
30
31		}
32
33	}
34
35};
36
37// Animate
38(function(theme, $) {
39
40	theme = theme || {};
41
42	var instanceName = '__animate';
43
44	var PluginAnimate = function($el, opts) {
45		return this.initialize($el, opts);
46	};
47
48	PluginAnimate.defaults = {
49		accX: 0,
50		accY: -80,
51		delay: 100,
52		duration: '750ms'
53	};
54
55	PluginAnimate.prototype = {
56		initialize: function($el, opts) {
57			if ($el.data(instanceName)) {
58				return this;
59			}
60
61			this.$el = $el;
62
63			this
64				.setData()
65				.setOptions(opts)
66				.build();
67
68			return this;
69		},
70
71		setData: function() {
72			this.$el.data(instanceName, this);
73
74			return this;
75		},
76
77		setOptions: function(opts) {
78			this.options = $.extend(true, {}, PluginAnimate.defaults, opts, {
79				wrapper: this.$el
80			});
81
82			return this;
83		},
84
85		build: function() {
86			var self = this;
87
88			if($('body').hasClass('loading-overlay-showing')) {
89				$(window).on('loading.overlay.ready', function(){
90					self.animate();
91				});
92			} else {
93				self.animate();
94			}
95
96			return this;
97		},
98
99		animate: function() {
100			var self = this,
101				$el = this.options.wrapper,
102				delay = 0,
103				duration = this.options.duration,
104				elTopDistance = $el.offset().top,
105				windowTopDistance = $(window).scrollTop();
106
107			$el.addClass('appear-animation animated');
108
109			if (!$('html').hasClass('no-csstransitions') && $(window).width() > 767 && elTopDistance >= windowTopDistance) {
110
111				$el.appear(function() {
112
113					$el.one('animation:show', function(ev) {
114						delay = ($el.attr('data-appear-animation-delay') ? $el.attr('data-appear-animation-delay') : self.options.delay);
115						duration = ($el.attr('data-appear-animation-duration') ? $el.attr('data-appear-animation-duration') : self.options.duration);
116
117						if (duration != '750ms') {
118							$el.css('animation-duration', duration);
119						}
120
121						$el.css('animation-delay', delay + 'ms');
122
123						$el.addClass($el.attr('data-appear-animation') + ' appear-animation-visible');
124					});
125
126					$el.trigger('animation:show');
127
128				}, {
129					accX: self.options.accX,
130					accY: self.options.accY
131				});
132
133			} else {
134
135				$el.addClass('appear-animation-visible');
136
137			}
138
139			return this;
140		}
141	};
142
143	// expose to scope
144	$.extend(theme, {
145		PluginAnimate: PluginAnimate
146	});
147
148	// jquery plugin
149	$.fn.themePluginAnimate = function(opts) {
150		return this.map(function() {
151			var $this = $(this);
152
153			if ($this.data(instanceName)) {
154				return $this.data(instanceName);
155			} else {
156				return new PluginAnimate($this, opts);
157			}
158
159		});
160	};
161
162}).apply(this, [window.theme, jQuery]);
163
164// Before / After
165(function(theme, $) {
166
167	theme = theme || {};
168
169	var instanceName = '__beforeafter';
170
171	var PluginBeforeAfter = function($el, opts) {
172		return this.initialize($el, opts);
173	};
174
175	PluginBeforeAfter.defaults = {
176
177	};
178
179	PluginBeforeAfter.prototype = {
180		initialize: function($el, opts) {
181			this.$el = $el;
182
183			this
184				.setData()
185				.setOptions(opts)
186				.build();
187
188			return this;
189		},
190
191		setData: function() {
192			this.$el.data(instanceName, this);
193
194			return this;
195		},
196
197		setOptions: function(opts) {
198			this.options = $.extend(true, {}, PluginBeforeAfter.defaults, opts, {
199				wrapper: this.$el
200			});
201
202			return this;
203		},
204
205		build: function() {
206
207			if (!($.isFunction($.fn.twentytwenty))) {
208				return this;
209			}
210
211			var self = this;
212
213			self.options.wrapper
214				.twentytwenty(self.options);
215
216			return this;
217
218		}
219	};
220
221	// expose to scope
222	$.extend(theme, {
223		PluginBeforeAfter: PluginBeforeAfter
224	});
225
226	// jquery plugin
227	$.fn.themePluginBeforeAfter = function(opts) {
228		return this.map(function() {
229			var $this = $(this);
230
231			if ($this.data(instanceName)) {
232				return $this.data(instanceName);
233			} else {
234				return new PluginBeforeAfter($this, opts);
235			}
236
237		});
238	}
239
240}).apply(this, [window.theme, jQuery]);
241
242// Carousel

243(function(theme, $) {
244
245	theme = theme || {};
246
247	var instanceName = '__carousel';
248
249	var PluginCarousel = function($el, opts) {
250		return this.initialize($el, opts);
251	};
252
253	PluginCarousel.defaults = {
254		loop: true,
255		responsive: {
256			0: {
257				items: 1
258			},
259			479: {
260				items: 1
261			},
262			768: {
263				items: 2
264			},
265			979: {
266				items: 3
267			},
268			1199: {
269				items: 4
270			}
271		},
272		navText: []
273	};
274
275	PluginCarousel.prototype = {
276		initialize: function($el, opts) {
277			if ($el.data(instanceName)) {
278				return this;
279			}
280
281			this.$el = $el;
282
283			this
284				.setData()
285				.setOptions(opts)
286				.build();
287
288			return this;
289		},
290
291		setData: function() {
292			this.$el.data(instanceName, this);
293
294			return this;
295		},
296
297		setOptions: function(opts) {
298			this.options = $.extend(true, {}, PluginCarousel.defaults, opts, {
299				wrapper: this.$el
300			});
301
302			return this;
303		},
304
305		build: function() {
306			if (!($.isFunction($.fn.owlCarousel))) {
307				return this;
308			}
309
310			var self = this,
311				$el = this.options.wrapper;
312
313			// Add Theme Class
314			$el.addClass('owl-theme');
315
316			// Add Loading
317			$el.addClass('owl-loading');
318
319			// Force RTL according to HTML dir attribute
320			if ($('html').attr('dir') == 'rtl') {
321				this.options = $.extend(true, {}, this.options, {
322					rtl: true
323				});
324			}
325
326			if (this.options.items == 1) {
327				this.options.responsive = {}
328			}
329
330			if (this.options.items > 4) {
331				this.options = $.extend(true, {}, this.options, {
332					responsive: {
333						1199: {
334							items: this.options.items
335						}
336					}
337				});
338			}
339
340			// Auto Height Fixes
341			if (this.options.autoHeight) {
342				var itemsHeight = [];
343
344				$el.find('.owl-item').each(function(){
345					if( $(this).hasClass('active') ) {
346						itemsHeight.push( $(this).height() );
347					}
348				});
349
350				$(window).afterResize(function() {
351					$el.find('.owl-stage-outer').height( Math.max.apply(null, itemsHeight) );
352				});
353
354				$(window).on('load', function() {
355					$el.find('.owl-stage-outer').height( Math.max.apply(null, itemsHeight) );
356				});
357			}
358
359			// Initialize OwlCarousel
360			$el.owlCarousel(this.options).addClass('owl-carousel-init');
361
362			// Sync
363			if ($el.attr('data-sync')) {
364				$el.on('change.owl.carousel', function(event) {
365					if (event.namespace && event.property.name === 'position') {
366					    var target = event.relatedTarget.relative(event.property.value, true);
367					    $( $el.data('sync') ).owlCarousel('to', target, 300, true);
368				  	}
369				});
370			}
371
372			// Carousel Center Active Item
373			if( $el.hasClass('carousel-center-active-item') ) {
374				var itemsActive    = $el.find('.owl-item.active'),
375					indexCenter    = Math.floor( ($el.find('.owl-item.active').length - 1) / 2 ),

376					itemCenter     = itemsActive.eq(indexCenter);
377
378				itemCenter.addClass('current');
379
380				$el.on('change.owl.carousel', function(event) {
381				  	$el.find('.owl-item').removeClass('current');
382
383					setTimeout(function(){
384					  	var itemsActive    = $el.find('.owl-item.active'),
385					  		indexCenter    = Math.floor( ($el.find('.owl-item.active').length - 1) / 2 ),
386					  		itemCenter     = itemsActive.eq(indexCenter);
387
388					  	itemCenter.addClass('current');
389					}, 100);
390				});
391
392				// Refresh
393				$el.trigger('refresh.owl.carousel');
394
395			}
396
397			// Remove Loading
398			$el.removeClass('owl-loading');
399
400			// Remove Height
401			$el.css('height', 'auto');
402
403			return this;
404		}
405	};
406
407	// expose to scope
408	$.extend(theme, {
409		PluginCarousel: PluginCarousel
410	});
411
412	// jquery plugin
413	$.fn.themePluginCarousel = function(opts) {
414		return this.map(function() {
415			var $this = $(this);
416
417			if ($this.data(instanceName)) {
418				return $this.data(instanceName);
419			} else {
420				return new PluginCarousel($this, opts);
421			}
422
423		});
424	}
425
426}).apply(this, [window.theme, jQuery]);
427
428// Chart Circular
429(function(theme, $) {
430
431	theme = theme || {};
432
433	var instanceName = '__chartCircular';
434
435	var PluginChartCircular = function($el, opts) {
436		return this.initialize($el, opts);
437	};
438
439	PluginChartCircular.defaults = {
440		accX: 0,
441		accY: -150,
442		delay: 1,
443		barColor: '#0088CC',
444		trackColor: '#f2f2f2',
445		scaleColor: false,
446		scaleLength: 5,
447		lineCap: 'round',
448		lineWidth: 13,
449		size: 175,
450		rotate: 0,
451		animate: ({
452			duration: 2500,
453			enabled: true
454		})
455	};
456
457	PluginChartCircular.prototype = {
458		initialize: function($el, opts) {
459			if ($el.data(instanceName)) {
460				return this;
461			}
462
463			this.$el = $el;
464
465			this
466				.setData()
467				.setOptions(opts)
468				.build();
469
470			return this;
471		},
472
473		setData: function() {
474			this.$el.data(instanceName, this);
475
476			return this;
477		},
478
479		setOptions: function(opts) {
480			this.options = $.extend(true, {}, PluginChartCircular.defaults, opts, {
481				wrapper: this.$el
482			});
483
484			return this;
485		},
486
487		build: function() {
488			if (!($.isFunction($.fn.appear)) || !($.isFunction($.fn.easyPieChart))) {
489				return this;
490			}
491
492			var self = this,
493				$el = this.options.wrapper,
494				value = ($el.attr('data-percent') ? $el.attr('data-percent') : 0),
495				percentEl = $el.find('.percent');
496
497			$.extend(true, self.options, {
498				onStep: function(from, to, currentValue) {
499					percentEl.html(parseInt(currentValue));
500				}
501			});
502
503			$el.attr('data-percent', 0);
504
505			$el.appear(function() {
506
507				$el.easyPieChart(self.options);
508
509				setTimeout(function() {
510
511					$el.data('easyPieChart').update(value);
512					$el.attr('data-percent', value);
513
514				}, self.options.delay);
515
516			}, {
517				accX: self.options.accX,
518				accY: self.options.accY
519			});
520
521			return this;
522		}
523	};
524
525	// expose to scope
526	$.extend(theme, {
527		PluginChartCircular: PluginChartCircular
528	});
529
530	// jquery plugin
531	$.fn.themePluginChartCircular = function(opts) {
532		return this.map(function() {
533			var $this = $(this);
534
535			if ($this.data(instanceName)) {
536				return $this.data(instanceName);
537			} else {
538				return new PluginChartCircular($this, opts);
539			}
540
541		});
542	}
543
544}).apply(this, [window.theme, jQuery]);
545
546// Countdown
547(function(theme, $) {
548
549	theme = theme || {};
550
551	var instanceName = '__countdown';
552
553	var PluginCountdown = function($el, opts) {
554		return this.initialize($el, opts);
555	};
556
557	PluginCountdown.defaults = {
558		date: '2030/06/10 12:00:00',
559		textDay: 'DAY',
560		textHour: 'HRS',
561		textMin: 'MIN',
562		textSec: 'SEC',
563		uppercase: true,
564		numberClass: '',
565		wrapperClass: '',
566		insertHTMLbefore: '',
567		insertHTMLafter: ''
568	};
569
570	PluginCountdown.prototype = {
571		initialize: function($el, opts) {
572			if ($el.data(instanceName)) {
573				return this;
574			}
575
576			this.$el = $el;
577
578			this
579				.setData()
580				.setOptions(opts)
581				.build();
582
583			return this;
584		},
585
586		setData: function() {
587			this.$el.data(instanceName, this);
588
589			return this;
590		},
591
592		setOptions: function(opts) {
593			this.options = $.extend(true, {}, PluginCountdown.defaults, opts, {
594				wrapper: this.$el
595			});
596
597			return this;
598		},
599
600		build: function() {
601			if (!($.isFunction($.fn.countTo))) {
602				return this;
603			}
604
605			var self = this,
606				$el = this.options.wrapper,
607				numberClass = ( self.options.numberClass ) ? ' ' + self.options.numberClass : '',
608				wrapperClass = ( self.options.wrapperClass ) ? ' ' + self.options.wrapperClass : '';
609
610			if( self.options.uppercase ) {
611				$el.countdown(self.options.date).on('update.countdown', function(event) {
612					var $this = $(this).html(event.strftime(self.options.insertHTMLbefore
613						+ '<span class="days'+ wrapperClass +'"><span class="'+ numberClass +'">%D</span> '+ self.options.textDay +'<div class="d-inline text-uppercase">%!d</div></span> '
614						+ '<span class="hours'+ wrapperClass +'"><span class="'+ numberClass +'">%H</span> '+ self.options.textHour +'</span> '
615						+ '<span class="minutes'+ wrapperClass +'"><span class="'+ numberClass +'">%M</span> '+ self.options.textMin +'</span> '
616						+ '<span class="seconds'+ wrapperClass +'"><span class="'+ numberClass +'">%S</span> '+ self.options.textSec +'</span> '
617						+ self.options.insertHTMLafter
618					));
619				});
620			} else {
621				$el.countdown(self.options.date).on('update.countdown', function(event) {
622					var $this = $(this).html(event.strftime(self.options.insertHTMLbefore
623						+ '<span class="days'+ wrapperClass +'"><span class="'+ numberClass +'">%D</span> '+ self.options.textDay +'%!d</span> '
624						+ '<span class="hours'+ wrapperClass +'"><span class="'+ numberClass +'">%H</span> '+ self.options.textHour +'</span> '
625						+ '<span class="minutes'+ wrapperClass +'"><span class="'+ numberClass +'">%M</span> '+ self.options.textMin +'</span> '
626						+ '<span class="seconds'+ wrapperClass +'"><span class="'+ numberClass +'">%S</span> '+ self.options.textSec +'</span> '
627						+ self.options.insertHTMLafter
628					));
629				});
630			}
631
632			return this;
633		}
634	};
635
636	// expose to scope
637	$.extend(theme, {
638		PluginCountdown: PluginCountdown
639	});
640
641	// jquery plugin
642	$.fn.themePluginCountdown = function(opts) {
643		return this.map(function() {
644			var $this = $(this);
645
646			if ($this.data(instanceName)) {
647				return $this.data(instanceName);
648			} else {
649				return new PluginCountdown($this, opts);
650			}
651
652		});
653	}
654
655}).apply(this, [window.theme, jQuery]);
656
657// Counter
658(function(theme, $) {
659
660	theme = theme || {};
661
662	var instanceName = '__counter';
663
664	var PluginCounter = function($el, opts) {
665		return this.initialize($el, opts);
666	};
667
668	PluginCounter.defaults = {
669		accX: 0,
670		accY: 0,
671		speed: 3000,
672		refreshInterval: 100,
673		decimals: 0,
674		onUpdate: null,
675		onComplete: null
676	};
677
678	PluginCounter.prototype = {
679		initialize: function($el, opts) {
680			if ($el.data(instanceName)) {
681				return this;
682			}
683
684			this.$el = $el;
685
686			this
687				.setData()
688				.setOptions(opts)
689				.build();
690
691			return this;
692		},
693
694		setData: function() {
695			this.$el.data(instanceName, this);
696
697			return this;
698		},
699
700		setOptions: function(opts) {
701			this.options = $.extend(true, {}, PluginCounter.defaults, opts, {
702				wrapper: this.$el
703			});
704
705			return this;
706		},
707
708		build: function() {
709			if (!($.isFunction($.fn.countTo))) {
710				return this;
711			}
712
713			var self = this,
714				$el = this.options.wrapper;
715
716			$.extend(self.options, {
717				onComplete: function() {
718					if ($el.data('append')) {
719						$el.html($el.html() + $el.data('append'));
720					}
721
722					if ($el.data('prepend')) {
723						$el.html($el.data('prepend') + $el.html());
724					}
725				}
726			});
727

728			$el.appear(function() {
729
730				$el.countTo(self.options);
731
732			}, {
733				accX: self.options.accX,
734				accY: self.options.accY
735			});
736
737			return this;
738		}
739	};
740
741	// expose to scope
742	$.extend(theme, {
743		PluginCounter: PluginCounter
744	});
745
746	// jquery plugin
747	$.fn.themePluginCounter = function(opts) {
748		return this.map(function() {
749			var $this = $(this);
750
751			if ($this.data(instanceName)) {
752				return $this.data(instanceName);
753			} else {
754				return new PluginCounter($this, opts);
755			}
756
757		});
758	}
759
760}).apply(this, [window.theme, jQuery]);
761
762// Icon
763(function(theme, $) {
764
765	'use strict';
766
767	theme = theme || {};
768
769	var instanceName = '__icon';
770
771	var PluginIcon = function($el, opts) {
772		return this.initialize($el, opts);
773	};
774
775	PluginIcon.defaults = {
776		color: '#2388ED',
777		animated: false,
778		delay: 300
779	};
780
781	PluginIcon.prototype = {
782		initialize: function($el, opts) {
783			if ($el.data(instanceName)) {
784				return this;
785			}
786
787			this.$el = $el;
788
789			this
790				.setData()
791				.setOptions(opts)
792				.build();
793
794			return this;
795		},
796
797		setData: function() {
798			this.$el.data(instanceName, this);
799
800			return this;
801		},
802
803		setOptions: function(opts) {
804			this.options = $.extend(true, {}, PluginIcon.defaults, opts, {
805				wrapper: this.$el
806			});
807
808			return this;
809		},
810
811		build: function() {
812			var self  	 = this,
813				$el   	 = this.options.wrapper,
814				color 	 = self.options.color,
815				elTopDistance = $el.offset().top,
816				windowTopDistance = $(window).scrollTop(),
817				duration = ( self.options.animated && !self.options.strokeBased ) ? 200 : 100;
818
819			// Check origin
820			if( window.location.origin === 'file://' ) {
821				$el.css('opacity', 1);
822				return;
823			}
824
825			// Duration
826			if( self.options.duration ) {
827				duration = self.options.duration;
828			}
829
830			// SVG Content
831			var SVGContent = $.get({
832				url: $el.attr('src'),
833				success: function(data, status, xhr){
834					var iconWrapper = $('<div class="animated-icon">'+ xhr.responseText +'</div>'),
835						uniqid = 'icon_' + Math.floor(Math.random() * 26) + Date.now();
836
837					iconWrapper.find('svg').attr('id', uniqid);
838
839					if( $el.attr('width') ) {
840						iconWrapper.find('svg')
841							.attr('width', $el.attr('width'))
842							.attr('height', $el.attr('width'));
843					}
844
845					$el.replaceWith(iconWrapper);
846
847					$el = iconWrapper;
848
849					var icon = new Vivus(uniqid, {start: 'manual', type: 'sync', selfDestroy: true, duration: duration, onReady: function(obj){
850						var styleElement = document.createElementNS("http://www.w3.org/2000/svg", "style"),
851							animateStyle = '';
852
853						// SVG Fill Based
854						if( self.options.animated && !self.options.strokeBased || !self.options.animated && color && !self.options.strokeBased ) {
855							animateStyle = 'stroke-width: 0.1px; fill-opacity: 0; transition: ease fill-opacity 300ms;';
856
857							// Set Style on SVG inside object
858							styleElement.textContent = '#' + uniqid + ' path, #' + uniqid + ' line, #' + uniqid + ' rect, #' + uniqid + ' circle, #' + uniqid + ' polyline { fill: '+ color +'; stroke: '+ color +'; '+ animateStyle + (self.options.svgStyle ? self.options.svgStyle : "") + ' } .finished path { fill-opacity: 1; }';
859							obj.el.appendChild(styleElement);
860						}
861
862						// SVG Stroke Based
863						if( self.options.animated && self.options.strokeBased || !self.options.animated && color && self.options.strokeBased ) {
864
865							// Set Style on SVG inside object
866							styleElement.textContent = '#' + uniqid + ' path, #' + uniqid + ' line, #' + uniqid + ' rect, #' + uniqid + ' circle, #' + uniqid + ' polyline { stroke: '+ color +'; ' + (self.options.svgStyle ? self.options.svgStyle : "") + '}';
867							obj.el.appendChild(styleElement);
868						}
869
870						$.event.trigger('theme.plugin.icon.svg.ready');
871					}});
872
873					// Isn't animated
874					if( !self.options.animated ) {
875						setTimeout(function(){
876							icon.finish();
877						}, 10);
878						$el.css({ opacity: 1 });
879					}
880
881					// Animated
882					if( self.options.animated && $(window).width() > 767 ) {
883						// First Load
884						if( $el.visible( true ) ) {
885							self.startIconAnimation( icon, $el );
886						} else if( elTopDistance < windowTopDistance ) {
887							self.startIconAnimation( icon, $el );
888						}
889
890						// On Scroll
891						$(window).on('scroll', function(){
892							if( $el.visible( true ) ) {
893								self.startIconAnimation( icon, $el );
894							}
895						});
896
897					} else {
898
899						$el.css({ opacity: 1 });
900						icon.finish();
901
902						$(window).on('theme.plugin.icon.svg.ready', function(){
903							setTimeout(function(){
904								icon.el.setAttribute('class', 'finished');
905								icon.finish();
906							}, 300);
907						});
908
909					}
910
911				}
912			});
913
914			return this;
915		},
916		startIconAnimation: function(icon, $el) {
917			var self = this;
918
919			// Animate for better performance
920			$({to:0}).animate({to:1}, ((self.options.strokeBased) ? self.options.delay : self.options.delay + 300 ), function() {
921				$el.css({ opacity: 1 });
922			});
923
924			$({to:0}).animate({to:1}, self.options.delay, function() {
925				icon.play(1);
926
927				setTimeout(function(){
928					icon.el.setAttribute('class', 'finished');
929				}, icon.duration * 5 );
930			});
931		}
932	};
933
934	// expose to scope
935	$.extend(theme, {
936		PluginIcon: PluginIcon
937	});
938
939	// jquery plugin
940	$.fn.themePluginIcon = function(opts) {
941		return this.map(function() {
942			var $this = $(this);
943
944			if ($this.data(instanceName)) {
945				return $this.data(instanceName);
946			} else {
947				return new PluginIcon($this, opts);
948			}
949
950		});
951	};
952
953}).apply(this, [window.theme, jQuery]);
954
955// Lazy Load
956(function(theme, $) {
957
958	theme = theme || {};
959
960	var instanceName = '__lazyload';
961
962	var PluginLazyLoad = function($el, opts) {
963		return this.initialize($el, opts);
964	};
965
966	PluginLazyLoad.defaults = {
967		effect: 'show',
968		appearEffect: '',
969		appear: function(elements_left, settings) {
970
971		},
972		load: function(elements_left, settings) {
973			$(this).addClass($.trim('lazy-load-loaded ' + settings.appearEffect));
974		}
975	};
976
977	PluginLazyLoad.prototype = {
978		initialize: function($el, opts) {
979			if ($el.data(instanceName)) {
980				return this;
981			}
982
983			this.$el = $el;
984
985			this
986				.setData()
987				.setOptions(opts)
988				.build();
989
990			return this;
991		},
992
993		setData: function() {
994			this.$el.data(instanceName, this);
995
996			return this;
997		},
998
999		setOptions: function(opts) {
1000			this.options = $.extend(true, {}, PluginLazyLoad.defaults, opts, {
1001				wrapper: this.$el
1002			});
1003
1004			return this;
1005		},
1006
1007		build: function() {
1008			if (!($.isFunction($.fn.lazyload))) {
1009				return this;
1010			}
1011
1012			var self = this;
1013
1014			self.options.wrapper.lazyload(this.options);
1015
1016			return this;
1017		}
1018	};
1019
1020	// expose to scope
1021	$.extend(theme, {
1022		PluginLazyLoad: PluginLazyLoad
1023	});
1024
1025	// jquery plugin
1026	$.fn.themePluginLazyLoad = function(opts) {
1027		return this.map(function() {
1028			var $this = $(this);
1029
1030			if ($this.data(instanceName)) {
1031				return $this.data(instanceName);
1032			} else {
1033				return new PluginLazyLoad($this, opts);
1034			}
1035
1036		});
1037	}
1038
1039}).apply(this, [window.theme, jQuery]);
1040
1041// Lightbox
1042(function(theme, $) {
1043
1044	theme = theme || {};
1045
1046	var instanceName = '__lightbox';
1047
1048	var PluginLightbox = function($el, opts) {
1049		return this.initialize($el, opts);
1050	};
1051
1052	PluginLightbox.defaults = {
1053		tClose: 'Close (Esc)', // Alt text on close button
1054		tLoading: 'Loading...', // Text that is displayed during loading. Can contain %curr% and %total% keys
1055		gallery: {
1056			tPrev: 'Previous (Left arrow key)', // Alt text on left arrow
1057			tNext: 'Next (Right arrow key)', // Alt text on right arrow
1058			tCounter: '%curr% of %total%' // Markup for "1 of 7" counter
1059		},
1060		image: {
1061			tError: '<a href="%url%">The image</a> could not be loaded.' // Error message when image could not be loaded
1062		},
1063		ajax: {
1064			tError: '<a href="%url%">The content</a> could not be loaded.' // Error message when ajax request failed
1065		},
1066		callbacks: {
1067			open: function() {
1068				$('html').addClass('lightbox-opened');
1069			},
1070			close: function() {
1071				$('html').removeClass('lightbox-opened');
1072			}
1073		}
1074	};
1075
1076	PluginLightbox.prototype = {
1077		initialize: function($el, opts) {
1078			if ($el.data(instanceName)) {
1079				return this;
1080			}
1081
1082			this.$el = $el;
1083
1084			this
1085				.setData()
1086				.setOptions(opts)
1087				.build();
1088
1089			return this;
1090		},
1091
1092		setData: function() {
1093			this.$el.data(instanceName, this);
1094
1095			return this;
1096		},
1097
1098		setOptions: function(opts) {
1099			this.options = $.extend(true, {}, PluginLightbox.defaults, opts, {
1100				wrapper: this.$el
1101			});
1102
1103			return this;
1104		},
1105
1106		build: function() {
1107			if (!($.isFunction($.fn.magnificPopup))) {
1108				return this;
1109			}
1110
1111			this.options.wrapper.magnificPopup(this.options);
1112
1113			return this;
1114		}
1115	};
1116
1117	// expose to scope
1118	$.extend(theme, {
1119		PluginLightbox: PluginLightbox
1120	});
1121
1122	// jquery plugin
1123	$.fn.themePluginLightbox = function(opts) {
1124		return this.map(function() {
1125			var $this = $(this);
1126
1127			if ($this.data(instanceName)) {
1128				return $this.data(instanceName);
1129			} else {
1130				return new PluginLightbox($this, opts);
1131			}
1132
1133		});
1134	}
1135
1136}).apply(this, [window.theme, jQuery]);
1137
1138// Loading Overlay
1139(function(theme, $) {
1140
1141	'use strict';
1142
1143	theme = theme || {};
1144
1145	var loadingOverlayTemplate = [
1146		'<div class="loading-overlay">',
1147			'<div class="bounce-loader"><div class="bounce1"></div><div class="bounce2"></div><div class="bounce3"></div></div>',
1148		'</div>'
1149	].join('');
1150
1151	var LoadingOverlay = function( $wrapper, options ) {
1152		return this.initialize( $wrapper, options );
1153	};
1154
1155	LoadingOverlay.prototype = {
1156
1157		options: {
1158			css: {},
1159			hideDelay: 500
1160		},
1161
1162		initialize: function( $wrapper, options ) {
1163			this.$wrapper = $wrapper;
1164
1165			this
1166				.setVars()
1167				.setOptions( options )
1168				.build()
1169				.events();
1170
1171			this.$wrapper.data( 'loadingOverlay', this );
1172		},
1173
1174		setVars: function() {

1175			this.$overlay = this.$wrapper.find('.loading-overlay');
1176
1177			return this;
1178		},
1179
1180		setOptions: function( options ) {
1181			if ( !this.$overlay.get(0) ) {
1182				this.matchProperties();
1183			}
1184			this.options     = $.extend( true, {}, this.options, options, theme.fn.getOptions(this.$wrapper.data('plugin-options')) );
1185
1186			this.loaderClass = this.getLoaderClass( this.options.css.backgroundColor );
1187
1188			return this;
1189		},
1190
1191		build: function() {
1192			if ( !this.$overlay.closest(document.documentElement).get(0) ) {
1193				if ( !this.$cachedOverlay ) {
1194					this.$overlay = $( loadingOverlayTemplate ).clone();
1195
1196					if ( this.options.css ) {
1197						this.$overlay.css( this.options.css );
1198						this.$overlay.find( '.loader' ).addClass( this.loaderClass );
1199					}
1200				} else {
1201					this.$overlay = this.$cachedOverlay.clone();
1202				}
1203
1204				this.$wrapper.append( this.$overlay );
1205			}
1206
1207			if ( !this.$cachedOverlay ) {
1208				this.$cachedOverlay = this.$overlay.clone();
1209			}
1210
1211			return this;
1212		},
1213
1214		events: function() {
1215			var _self = this;
1216
1217			if ( this.options.startShowing ) {
1218				_self.show();
1219			}
1220
1221			if ( this.$wrapper.is('body') || this.options.hideOnWindowLoad ) {
1222				$( window ).on( 'load error', function() {
1223					_self.hide();
1224				});
1225			}
1226
1227			if ( this.options.listenOn ) {
1228				$( this.options.listenOn )
1229					.on( 'loading-overlay:show beforeSend.ic', function( e ) {
1230						e.stopPropagation();
1231						_self.show();
1232					})
1233					.on( 'loading-overlay:hide complete.ic', function( e ) {
1234						e.stopPropagation();
1235						_self.hide();
1236					});
1237			}
1238
1239			this.$wrapper
1240				.on( 'loading-overlay:show beforeSend.ic', function( e ) {
1241					if ( e.target === _self.$wrapper.get(0) ) {
1242						e.stopPropagation();
1243						_self.show();
1244						return true;
1245					}
1246					return false;
1247				})
1248				.on( 'loading-overlay:hide complete.ic', function( e ) {
1249					if ( e.target === _self.$wrapper.get(0) ) {
1250						e.stopPropagation();
1251						_self.hide();
1252						return true;
1253					}
1254					return false;
1255				});
1256
1257			return this;
1258		},
1259
1260		show: function() {
1261			this.build();
1262
1263			this.position = this.$wrapper.css( 'position' ).toLowerCase();
1264			if ( this.position != 'relative' || this.position != 'absolute' || this.position != 'fixed' ) {
1265				this.$wrapper.css({
1266					position: 'relative'
1267				});
1268			}
1269			this.$wrapper.addClass( 'loading-overlay-showing' );
1270		},
1271
1272		hide: function() {
1273			var _self = this;
1274
1275			setTimeout(function() {
1276				_self.$wrapper.removeClass( 'loading-overlay-showing' );
1277
1278				if ( this.position != 'relative' || this.position != 'absolute' || this.position != 'fixed' ) {
1279					_self.$wrapper.css({ position: '' });
1280				}
1281
1282				$(window).trigger('loading.overlay.ready');
1283			}, _self.options.hideDelay);
1284		},
1285
1286		matchProperties: function() {
1287			var i,
1288				l,
1289				properties;
1290
1291			properties = [
1292				'backgroundColor',
1293				'borderRadius'
1294			];
1295
1296			l = properties.length;
1297
1298			for( i = 0; i < l; i++ ) {
1299				var obj = {};
1300				obj[ properties[ i ] ] = this.$wrapper.css( properties[ i ] );
1301
1302				$.extend( this.options.css, obj );
1303			}
1304		},
1305
1306		getLoaderClass: function( backgroundColor ) {
1307			if ( !backgroundColor || backgroundColor === 'transparent' || backgroundColor === 'inherit' ) {
1308				return 'black';
1309			}
1310
1311			var hexColor,
1312				r,
1313				g,
1314				b,
1315				yiq;
1316
1317			var colorToHex = function( color ){
1318				var hex,
1319					rgb;
1320
1321				if( color.indexOf('#') >- 1 ){
1322					hex = color.replace('#', '');
1323				} else {
1324					rgb = color.match(/\d+/g);
1325					hex = ('0' + parseInt(rgb[0], 10).toString(16)).slice(-2) + ('0' + parseInt(rgb[1], 10).toString(16)).slice(-2) + ('0' + parseInt(rgb[2], 10).toString(16)).slice(-2);
1326				}
1327
1328				if ( hex.length === 3 ) {
1329					hex = hex + hex;
1330				}
1331
1332				return hex;
1333			};
1334
1335			hexColor = colorToHex( backgroundColor );
1336
1337			r = parseInt( hexColor.substr( 0, 2), 16 );
1338			g = parseInt( hexColor.substr( 2, 2), 16 );
1339			b = parseInt( hexColor.substr( 4, 2), 16 );
1340			yiq = ((r * 299) + (g * 587) + (b * 114)) / 1000;
1341
1342			return ( yiq >= 128 ) ? 'black' : 'white';
1343		}
1344
1345	};
1346
1347	// expose to scope
1348	$.extend(theme, {
1349		LoadingOverlay: LoadingOverlay
1350	});
1351
1352	// expose as a jquery plugin
1353	$.fn.loadingOverlay = function( opts ) {
1354		return this.each(function() {
1355			var $this = $( this );
1356
1357			var loadingOverlay = $this.data( 'loadingOverlay' );
1358			if ( loadingOverlay ) {
1359				return loadingOverlay;
1360			} else {
1361				var options = opts || $this.data( 'loading-overlay-options' ) || {};
1362				return new LoadingOverlay( $this, options );
1363			}
1364		});
1365	}
1366
1367	// auto init
1368	$('[data-loading-overlay]').loadingOverlay();
1369
1370}).apply(this, [window.theme, jQuery]);
1371
1372// Masonry
1373(function(theme, $) {
1374
1375	theme = theme || {};
1376
1377	var instanceName = '__masonry';
1378
1379	var PluginMasonry = function($el, opts) {
1380		return this.initialize($el, opts);
1381	};
1382
1383	PluginMasonry.defaults = {
1384
1385	};
1386
1387	PluginMasonry.prototype = {
1388		initialize: function($el, opts) {
1389			if ($el.data(instanceName)) {
1390				return this;
1391			}
1392
1393			this.$el = $el;
1394
1395			this
1396				.setData()
1397				.setOptions(opts)
1398				.build();
1399
1400			return this;
1401		},
1402
1403		setData: function() {
1404			this.$el.data(instanceName, this);
1405
1406			return this;
1407		},
1408
1409		setOptions: function(opts) {
1410			this.options = $.extend(true, {}, PluginMasonry.defaults, opts, {
1411				wrapper: this.$el
1412			});
1413
1414			return this;
1415		},
1416
1417		build: function() {
1418			if (!($.isFunction($.fn.isotope))) {
1419				return this;
1420			}
1421
1422			var self = this,
1423				$window = $(window);
1424
1425			self.$loader = false;

1426
1427			if (self.options.wrapper.parents('.masonry-loader').get(0)) {
1428				self.$loader = self.options.wrapper.parents('.masonry-loader');
1429				self.createLoader();
1430			}
1431
1432			self.options.wrapper.one('layoutComplete', function(event, laidOutItems) {
1433				self.removeLoader();
1434			});
1435
1436			self.options.wrapper.waitForImages(function() {
1437				self.options.wrapper.isotope(self.options);
1438			});
1439
1440			// IE10/11 fix
1441			if( $('html').hasClass('ie10') || $('html').hasClass('ie11') ) {
1442				var padding = parseInt( self.options.wrapper.children().css('padding-left') ) + parseInt( self.options.wrapper.children().css('padding-right') );
1443			}
1444
1445			$(window).on('resize', function() {
1446				setTimeout(function() {
1447					self.options.wrapper.isotope('layout');
1448				}, 300);
1449			});
1450
1451			setTimeout(function() {
1452				self.removeLoader();
1453			}, 3000);
1454
1455			return this;
1456		},
1457
1458		createLoader: function() {
1459			var self = this;
1460
1461			var loaderTemplate = [
1462				'<div class="bounce-loader">',
1463					'<div class="bounce1"></div>',
1464					'<div class="bounce2"></div>',
1465					'<div class="bounce3"></div>',
1466				'</div>'
1467			].join('');
1468
1469			self.$loader.append(loaderTemplate);
1470
1471			return this;
1472		},
1473
1474		removeLoader: function() {
1475
1476			var self = this;
1477
1478			if (self.$loader) {
1479
1480				self.$loader.removeClass('masonry-loader-showing');
1481
1482				setTimeout(function() {
1483					self.$loader.addClass('masonry-loader-loaded');
1484				}, 300);
1485
1486			}
1487
1488		}
1489	};
1490
1491	// expose to scope
1492	$.extend(theme, {
1493		PluginMasonry: PluginMasonry
1494	});
1495
1496	// jquery plugin
1497	$.fn.themePluginMasonry = function(opts) {
1498		return this.map(function() {
1499			var $this = $(this);
1500
1501			if ($this.data(instanceName)) {
1502				return $this.data(instanceName);
1503			} else {
1504				return new PluginMasonry($this, opts);
1505			}
1506
1507		});
1508	}
1509
1510}).apply(this, [window.theme, jQuery]);
1511
1512// Match Height
1513(function(theme, $) {
1514
1515	theme = theme || {};
1516
1517	var instanceName = '__matchHeight';
1518
1519	var PluginMatchHeight = function($el, opts) {
1520		return this.initialize($el, opts);
1521	};
1522
1523	PluginMatchHeight.defaults = {
1524		byRow: true,
1525		property: 'height',
1526		target: null,
1527		remove: false
1528	};
1529
1530	PluginMatchHeight.prototype = {
1531		initialize: function($el, opts) {
1532			if ($el.data(instanceName)) {
1533				return this;
1534			}
1535
1536			this.$el = $el;
1537
1538			this
1539				.setData()
1540				.setOptions(opts)
1541				.build();
1542
1543			return this;
1544		},
1545
1546		setData: function() {
1547			this.$el.data(instanceName, this);
1548
1549			return this;
1550		},
1551
1552		setOptions: function(opts) {
1553			this.options = $.extend(true, {}, PluginMatchHeight.defaults, opts, {
1554				wrapper: this.$el
1555			});
1556
1557			return this;
1558		},
1559
1560		build: function() {
1561			if (!($.isFunction($.fn.matchHeight))) {
1562				return this;
1563			}
1564
1565			var self = this;
1566
1567			self.options.wrapper.matchHeight(self.options);
1568
1569			return this;
1570		}
1571
1572	};
1573
1574	// expose to scope
1575	$.extend(theme, {
1576		PluginMatchHeight: PluginMatchHeight
1577	});
1578
1579	// jquery plugin
1580	$.fn.themePluginMatchHeight = function(opts) {
1581		return this.map(function() {
1582			var $this = $(this);
1583
1584			if ($this.data(instanceName)) {
1585				return $this.data(instanceName);
1586			} else {
1587				return new PluginMatchHeight($this, opts);
1588			}
1589
1590		});
1591	}
1592
1593}).apply(this, [window.theme, jQuery]);
1594
1595// Parallax
1596(function(theme, $) {
1597
1598	theme = theme || {};
1599
1600	var instanceName = '__parallax';
1601
1602	var PluginParallax = function($el, opts) {
1603		return this.initialize($el, opts);
1604	};
1605
1606	PluginParallax.defaults = {
1607		speed: 1.5,
1608		horizontalPosition: '50%',
1609		offset: 0,
1610		parallaxHeight: '180%'
1611	};
1612
1613	PluginParallax.prototype = {
1614		initialize: function($el, opts) {
1615			if ($el.data(instanceName)) {
1616				return this;
1617			}
1618
1619			this.$el = $el;
1620
1621			this
1622				.setData()
1623				.setOptions(opts)
1624				.build();
1625
1626			return this;
1627		},
1628
1629		setData: function() {
1630			this.$el.data(instanceName, this);
1631
1632			return this;
1633		},
1634
1635		setOptions: function(opts) {
1636			this.options = $.extend(true, {}, PluginParallax.defaults, opts, {
1637				wrapper: this.$el
1638			});
1639
1640			return this;
1641		},
1642
1643		build: function() {
1644			var self = this,
1645				$window = $(window),
1646				offset,
1647				yPos,
1648				bgpos,
1649				background;
1650
1651			// Create Parallax Element
1652			background = $('<div class="parallax-background"></div>');
1653
1654			// Set Style for Parallax Element
1655			background.css({
1656				'background-image' : 'url(' + self.options.wrapper.data('image-src') + ')',
1657				'background-size' : 'cover',
1658				'position' : 'absolute',
1659				'top' : 0,
1660				'left' : 0,
1661				'width' : '100%',
1662				'height' : self.options.parallaxHeight
1663			});
1664
1665			// Add Parallax Element on DOM
1666			self.options.wrapper.prepend(background);
1667
1668			// Set Overlfow Hidden and Position Relative to Parallax Wrapper
1669			self.options.wrapper.css({
1670				'position' : 'relative',
1671				'overflow' : 'hidden'
1672			});
1673
1674			// Parallax Effect on Scroll & Resize
1675			var parallaxEffectOnScrolResize = function() {
1676				$window.on('scroll resize', function() {
1677					offset  = self.options.wrapper.offset();
1678					yPos    = -($window.scrollTop() - (offset.top - 100)) / ((self.options.speed + 2 ));
1679					plxPos  = (yPos < 0) ? Math.abs(yPos) : -Math.abs(yPos);
1680					background.css({
1681						'transform' : 'translate3d(0, '+ ( (plxPos - 50) + (self.options.offset) ) +'px, 0)',
1682						'background-position-x' : self.options.horizontalPosition
1683					});
1684				});
1685
1686				$window.trigger('scroll');
1687			}
1688
1689			if (!$.browser.mobile) {
1690				parallaxEffectOnScrolResize();
1691			} else {
1692				if( self.options.enableOnMobile == true ) {
1693					parallaxEffectOnScrolResize();
1694				} else {
1695					self.options.wrapper.addClass('parallax-disabled');
1696				}
1697			}
1698
1699			return this;
1700		}
1701	};
1702
1703	// expose to scope
1704	$.extend(theme, {
1705		PluginParallax: PluginParallax
1706	});
1707
1708	// jquery plugin
1709	$.fn.themePluginParallax = function(opts) {
1710		return this.map(function() {
1711			var $this = $(this);
1712
1713			if ($this.data(instanceName)) {
1714				return $this.data(instanceName);
1715			} else {
1716				return new PluginParallax($this, opts);
1717			}
1718
1719		});
1720	}
1721
1722}).apply(this, [window.theme, jQuery]);
1723
1724// Progress Bar
1725(function(theme, $) {
1726
1727	theme = theme || {};
1728
1729	var instanceName = '__progressBar';
1730
1731	var PluginProgressBar = function($el, opts) {
1732		return this.initialize($el, opts);
1733	};
1734
1735	PluginProgressBar.defaults = {
1736		accX: 0,
1737		accY: -50,
1738		delay: 1
1739	};
1740
1741	PluginProgressBar.prototype = {
1742		initialize: function($el, opts) {
1743			if ($el.data(instanceName)) {
1744				return this;
1745			}
1746
1747			this.$el = $el;
1748
1749			this
1750				.setData()
1751				.setOptions(opts)
1752				.build();
1753
1754			return this;
1755		},
1756
1757		setData: function() {
1758			this.$el.data(instanceName, this);
1759
1760			return this;
1761		},
1762
1763		setOptions: function(opts) {
1764			this.options = $.extend(true, {}, PluginProgressBar.defaults, opts, {
1765				wrapper: this.$el
1766			});
1767
1768			return this;
1769		},
1770
1771		build: function() {
1772			if (!($.isFunction($.fn.appear))) {
1773				return this;
1774			}
1775
1776			var self = this,
1777				$el = this.options.wrapper,

1778				delay = 1;
1779
1780			$el.appear(function() {
1781
1782				delay = ($el.attr('data-appear-animation-delay') ? $el.attr('data-appear-animation-delay') : self.options.delay);
1783
1784				$el.addClass($el.attr('data-appear-animation'));
1785
1786				setTimeout(function() {
1787
1788					$el.animate({
1789						width: $el.attr('data-appear-progress-animation')
1790					}, 1500, 'easeOutQuad', function() {
1791						$el.find('.progress-bar-tooltip').animate({
1792							opacity: 1
1793						}, 500, 'easeOutQuad');
1794					});
1795
1796				}, delay);
1797
1798			}, {
1799				accX: self.options.accX,
1800				accY: self.options.accY
1801			});
1802
1803			return this;
1804		}
1805	};
1806
1807	// expose to scope
1808	$.extend(theme, {
1809		PluginProgressBar: PluginProgressBar
1810	});
1811
1812	// jquery plugin
1813	$.fn.themePluginProgressBar = function(opts) {
1814		return this.map(function() {
1815			var $this = $(this);
1816
1817			if ($this.data(instanceName)) {
1818				return $this.data(instanceName);
1819			} else {
1820				return new PluginProgressBar($this, opts);
1821			}
1822
1823		});
1824	}
1825
1826}).apply(this, [window.theme, jQuery]);
1827
1828// Revolution Slider
1829(function(theme, $) {
1830
1831	theme = theme || {};
1832
1833	var instanceName = '__revolution';
1834
1835	var PluginRevolutionSlider = function($el, opts) {
1836		return this.initialize($el, opts);
1837	};
1838
1839	PluginRevolutionSlider.defaults = {
1840		sliderType: 'standard',
1841		sliderLayout: 'fullwidth',
1842		delay: 9000,
1843		gridwidth: 1170,
1844		gridheight: 500,
1845		spinner: 'spinner3',
1846		disableProgressBar: 'on',
1847		parallax: {
1848			type: 'off',
1849			bgparallax: 'off'
1850		},
1851		navigation: {
1852			keyboardNavigation: 'off',
1853			keyboard_direction: 'horizontal',
1854			mouseScrollNavigation: 'off',
1855			onHoverStop: 'off',
1856			touch: {
1857				touchenabled: 'on',
1858				swipe_threshold: 75,
1859				swipe_min_touches: 1,
1860				swipe_direction: 'horizontal',
1861				drag_block_vertical: false
1862			},
1863			arrows: {
1864				enable: true,
1865				hide_onmobile: false,
1866				hide_under: 0,
1867				hide_onleave: true,
1868				hide_delay: 200,
1869				hide_delay_mobile: 1200,
1870				left: {
1871					h_align: 'left',
1872					v_align: 'center',
1873					h_offset: 30,
1874					v_offset: 0
1875				},
1876				right: {
1877					h_align: 'right',
1878					v_align: 'center',
1879					h_offset: 30,
1880					v_offset: 0
1881				}
1882			}
1883		},
1884
1885		/* ADDONS */
1886	    addOnTypewriter: {
1887			enable: false
1888		},
1889		addOnWhiteboard: {
1890			enable: false,
1891
1892		},
1893	    whiteboard: {
1894	        movehand: {
1895	            src: '../vendor/rs-plugin/revolution-addons/whiteboard/assets/images/hand_point_right.png',
1896	            width: 400,
1897	            height: 1000,
1898	            handtype: 'right',
1899	            transform: {
1900	                transformX: 50,
1901	                transformY: 50
1902	            },
1903	            jittering: {
1904	                distance: '80',
1905	                distance_horizontal: '100',
1906	                repeat: '5',
1907	                offset: '10',
1908	                offset_horizontal: '0'
1909	            },
1910	            rotation: {
1911	                angle: '10',
1912	                repeat: '3'
1913	            }
1914	        },
1915	        writehand: {
1916	            src: '../vendor/rs-plugin/revolution-addons/whiteboard/assets/images/write_right_angle.png',
1917	            width: 572,
1918	            height: 691,
1919	            handtype: 'right',
1920	            transform: {
1921	                transformX: 50,
1922	                transformY: 50
1923	            },
1924	            jittering: {
1925	                distance: '80',
1926	                distance_horizontal: '100',
1927	                repeat: '5',
1928	                offset: '10',
1929	                offset_horizontal: '0'
1930	            },
1931	            rotation:{
1932	                angle: '10',
1933	                repeat: '3'
1934	            }
1935	        }
1936	    },
1937	    addOnParticles: {
1938	    	enable: false
1939	    },
1940	    particles: {
1941			startSlide: "first",
1942			endSlide: "last",
1943			zIndex: "1",
1944			particles: {
1945				number: {value: 80}, color: {value: "#ffffff"},
1946				shape: {
1947					type: "circle", stroke: {width: 0, color: "#ffffff", opacity: 1},
1948					image: {src: ""}
1949				},
1950				opacity: {value: 0.5, random: true, min: 0.25, anim: {enable: false, speed: 3, opacity_min: 0, sync: false}},
1951				size: {value: 2, random: false, min: 30, anim: {enable: false, speed: 40, size_min: 1, sync: false}},
1952				line_linked: {enable: true, distance: 150, color: "#ffffff", opacity: 0.4, width: 1},

1953				move: {enable: true, speed: 6, direction: "none", random: true, min_speed: 6, straight: false, out_mode: "out"}
1954			},
1955			interactivity: {
1956				events: {onhover: {enable: false, mode: "repulse"}, onclick: {enable: false, mode: "repulse"}},
1957				modes: {grab: {distance: 400, line_linked: {opacity: 0.5}}, bubble: {distance: 400, size: 40, opacity: 0.4}, repulse: {distance: 200}}
1958			}
1959		},
1960		addOnCountdown: {
1961			enable: false,
1962			targetdate: new Date().getTime() + 864000000, // http://www.freeformatter.com/epoch-timestamp-to-date-converter.html
1963			slidechanges: [{days: 0, hours: 0, minutes: 0, seconds: 0, slide: 2}]
1964		},
1965		addOnSlicey: {
1966			enable: false
1967		},
1968		addOnFilmstrip: {
1969			enable: false
1970		},
1971		addOnBeforeAfter : {
1972			enable: false,
1973			options: {
1974				cursor: "move",
1975			    carousel: false,
1976			    arrowStyles: {
1977			        leftIcon: "fa-icon-caret-left",
1978			        rightIcon: "fa-icon-caret-right",
1979			        topIcon: "fa-icon-caret-up",
1980			        bottomIcon: "fa-icon-caret-down",
1981			        size: "35",
1982			        color: "#ffffff",
1983			        spacing: "10",
1984			        bgColor: "transparent",
1985			        padding: "0",
1986			        borderRadius: "0"
1987			    },
1988			    dividerStyles: {
1989			        width: "1",
1990			        color: "rgba(255, 255, 255, 0.5)"
1991			    }
1992			}
1993		},
1994		addOnPanorama: {
1995			enable: false
1996		},
1997		addOnRevealer: {
1998			enable: false,
1999		},
2000		revealer: {
2001			direction: "open_horizontal",
2002			color: "#ffffff",
2003			duration: "1500",
2004			delay: "0",
2005			easing: "Power2.easeInOut",
2006			overlay_enabled: true,
2007			overlay_color: "#000000",
2008			overlay_duration: "1500",
2009			overlay_delay: "0",
2010			overlay_easing: "Power2.easeInOut",
2011			spinner: "1",
2012			spinnerColor: "#006dd2",
2013			spinnerHtml: "<div class='rsaddon-revealer-spinner rsaddon-revealer-spinner-1'><div class='rsaddon-revealer-1'><span style='background: {{color}}'><\/span><span style='background: {{color}}'><\/span><span style='background: {{color}}'><\/span><span style='background: {{color}}'><\/span><span style='background: {{color}}'><\/span><span style='background: {{color}}'><\/span><span style='background: {{color}}'><\/span><span style='background: {{color}}'><\/span><span style='background: {{color}}'><\/span><span style='background: {{color}}'><\/span><\/div><\/div \/>"
2014		},
2015		addOnDuotone: {
2016			enable: false
2017		},
2018		addOnBubblemorph: {
2019			enable: false
2020		},
2021		addOnDistortion: {
2022			enable: false
2023		}
2024
2025	};
2026
2027	PluginRevolutionSlider.prototype = {
2028		initialize: function($el, opts) {
2029			if ($el.data(instanceName)) {
2030				return this;
2031			}
2032
2033			this.$el = $el;
2034
2035			this
2036				.setData()
2037				.setOptions(opts)
2038				.build()
2039				.events();
2040
2041			return this;
2042		},
2043
2044		setData: function() {
2045			this.$el.data(instanceName, this);
2046
2047			return this;
2048		},
2049
2050		setOptions: function(opts) {
2051			this.options = $.extend(true, {}, PluginRevolutionSlider.defaults, opts, {
2052				wrapper: this.$el
2053			});
2054
2055			return this;
2056		},
2057
2058		build: function() {
2059			if (!($.isFunction($.fn.revolution))) {
2060				return this;
2061			}
2062
2063			// Single Slider Class
2064			if(this.options.wrapper.find('> ul > li').length == 1) {
2065				this.options.wrapper.addClass('slider-single-slide');
2066
2067				// Remove Bullets
2068				// this.options.navigation.bullets.enable = false;
2069				$.extend(this.options.navigation, {
2070					bullets: {
2071						enable: false
2072					}
2073				});
2074
2075			}
2076
2077			// Full Screen Class
2078			if(this.options.sliderLayout == 'fullscreen') {
2079				this.options.wrapper.closest('.slider-container').addClass('fullscreen-slider');
2080			}
2081
2082			// Initialize Revolution Slider
2083			this.options.wrapper.revolution(this.options);
2084
2085			// Addon Init - Typewriter
2086			if(this.options.addOnTypewriter.enable) {
2087				RsTypewriterAddOn($, this.options.wrapper);
2088			}
2089
2090			// Addon Init - Whiteboard
2091			if(this.options.addOnWhiteboard.enable) {
2092				this.options.wrapper.rsWhiteBoard();
2093			}
2094
2095			// Addon Init - Particles
2096			if(this.options.addOnParticles.enable) {
2097				RsParticlesAddOn(this.options.wrapper);
2098			}
2099
2100			// Addon Init - Countdown
2101			if(this.options.addOnCountdown.enable) {
2102				tp_countdown(this.options.wrapper, this.options.addOnCountdown.targetdate, this.options.addOnCountdown.slidechanges);
2103			}
2104
2105			// Addon Init - Slicey
2106			if(this.options.addOnSlicey.enable) {
2107				this.options.wrapper.revSliderSlicey();
2108			}
2109
2110			// Addon Init - Filmstrip
2111			if(this.options.addOnFilmstrip.enable) {
2112				RsFilmstripAddOn($, this.options.wrapper, '../vendor/rs-plugin/revolution-addons/filmstrip/', false);
2113			}
2114
2115			// Addon Init - Before After

2116			if(this.options.addOnBeforeAfter.enable) {
2117				RevSliderBeforeAfter($, this.options.wrapper, this.options.addOnBeforeAfter.options);
2118			}
2119
2120			// Addon Init - Panorama
2121			if(this.options.addOnPanorama.enable) {
2122				RsAddonPanorama($, this.options.wrapper);
2123			}
2124
2125			// Addon Init - Revealer
2126			if(this.options.addOnRevealer.enable) {
2127				RsRevealerAddOn($, this.options.wrapper, this.options.revealer.spinnerHtml);
2128			}
2129
2130			// Addon Init - Duotone
2131			if(this.options.addOnDuotone.enable) {
2132				RsAddonDuotone($, this.options.wrapper, true, "cubic-bezier(0.645, 0.045, 0.355, 1.000)", "1000");
2133			}
2134
2135			// Addon Init - Bubblemorph
2136			if(this.options.addOnBubblemorph.enable) {
2137				BubbleMorphAddOn($, this.options.wrapper, false);
2138			}
2139
2140			// Addon Init - Distortion
2141			if(this.options.addOnDistortion.enable) {
2142				RsLiquideffectAddOn($, this.options.wrapper);
2143			}
2144
2145			return this;
2146		},
2147
2148		events: function() {
2149
2150			return this;
2151		}
2152	};
2153
2154	// expose to scope
2155	$.extend(theme, {
2156		PluginRevolutionSlider: PluginRevolutionSlider
2157	});
2158
2159	// jquery plugin
2160	$.fn.themePluginRevolutionSlider = function(opts) {
2161		return this.map(function() {
2162			var $this = $(this);
2163
2164			if ($this.data(instanceName)) {
2165				return $this.data(instanceName);
2166			} else {
2167				return new PluginRevolutionSlider($this, opts);
2168			}
2169
2170		});
2171	}
2172
2173}).apply(this, [window.theme, jQuery]);
2174
2175// Scroll to Top
2176(function(theme, $) {
2177
2178	theme = theme || {};
2179
2180	$.extend(theme, {
2181
2182		PluginScrollToTop: {
2183
2184			defaults: {
2185				wrapper: $('body'),
2186				offset: 150,
2187				buttonClass: 'scroll-to-top',
2188				iconClass: 'fas fa-chevron-up',
2189				delay: 1000,
2190				visibleMobile: false,
2191				label: false,
2192				easing: 'easeOutBack'
2193			},
2194
2195			initialize: function(opts) {
2196				initialized = true;
2197
2198				// Don't initialize if the page has Section Scroll
2199				if( $('body[data-plugin-section-scroll]').get(0) ) {
2200					return;
2201				}
2202
2203				this
2204					.setOptions(opts)
2205					.build()
2206					.events();
2207
2208				return this;
2209			},
2210
2211			setOptions: function(opts) {
2212				this.options = $.extend(true, {}, this.defaults, opts);
2213
2214				return this;
2215			},
2216
2217			build: function() {
2218				var self = this,
2219					$el;
2220
2221				// Base HTML Markup
2222				$el = $('<a />')
2223					.addClass(self.options.buttonClass)
2224					.attr({
2225						'href': '#',
2226					})
2227					.append(
2228						$('<i />')
2229						.addClass(self.options.iconClass)
2230				);
2231
2232				// Visible Mobile
2233				if (!self.options.visibleMobile) {
2234					$el.addClass('hidden-mobile');
2235				}
2236
2237				// Label
2238				if (self.options.label) {
2239					$el.append(
2240						$('<span />').html(self.options.label)
2241					);
2242				}
2243
2244				this.options.wrapper.append($el);
2245
2246				this.$el = $el;
2247
2248				return this;
2249			},
2250
2251			events: function() {
2252				var self = this,
2253					_isScrolling = false;
2254
2255				// Click Element Action
2256				self.$el.on('click', function(e) {
2257					e.preventDefault();
2258					$('body, html').animate({
2259						scrollTop: 0
2260					}, self.options.delay, self.options.easing);
2261					return false;
2262				});
2263
2264				// Show/Hide Button on Window Scroll event.
2265				$(window).scroll(function() {
2266
2267					if (!_isScrolling) {
2268
2269						_isScrolling = true;
2270
2271						if ($(window).scrollTop() > self.options.offset) {
2272
2273							self.$el.stop(true, true).addClass('visible');
2274							_isScrolling = false;
2275
2276						} else {
2277
2278							self.$el.stop(true, true).removeClass('visible');
2279							_isScrolling = false;
2280
2281						}
2282
2283					}
2284
2285				});
2286
2287				return this;
2288			}
2289
2290		}
2291
2292	});
2293
2294}).apply(this, [window.theme, jQuery]);
2295
2296// Scrollable
2297(function(theme, $) {
2298
2299	theme = theme || {};
2300
2301	var instanceName = '__scrollable';
2302
2303	var PluginScrollable = function($el, opts) {
2304		return this.initialize($el, opts);
2305	};
2306
2307	PluginScrollable.updateModals = function() {
2308		PluginScrollable.updateBootstrapModal();
2309	};
2310
2311	PluginScrollable.updateBootstrapModal = function() {
2312		var updateBoostrapModal;
2313
2314		updateBoostrapModal = typeof $.fn.modal !== 'undefined';
2315		updateBoostrapModal = updateBoostrapModal && typeof $.fn.modal.Constructor !== 'undefined';
2316		updateBoostrapModal = updateBoostrapModal && typeof $.fn.modal.Constructor.prototype !== 'undefined';
2317		updateBoostrapModal = updateBoostrapModal && typeof $.fn.modal.Constructor.prototype.enforceFocus !== 'undefined';
2318
2319		if ( !updateBoostrapModal ) {
2320			return false;

2321		}
2322
2323		var originalFocus = $.fn.modal.Constructor.prototype.enforceFocus;
2324		$.fn.modal.Constructor.prototype.enforceFocus = function() {
2325			originalFocus.apply( this );
2326
2327			var $scrollable = this.$element.find('.scrollable');
2328			if ( $scrollable ) {
2329				if ( $.isFunction($.fn['themePluginScrollable'])  ) {
2330					$scrollable.themePluginScrollable();
2331				}
2332
2333				if ( $.isFunction($.fn['nanoScroller']) ) {
2334					$scrollable.nanoScroller();
2335				}
2336			}
2337		};
2338	};
2339
2340	PluginScrollable.defaults = {
2341		contentClass: 'scrollable-content',
2342		paneClass: 'scrollable-pane',
2343		sliderClass: 'scrollable-slider',
2344		alwaysVisible: true,
2345		preventPageScrolling: true
2346	};
2347
2348	PluginScrollable.prototype = {
2349		initialize: function($el, opts) {
2350			if ( $el.data( instanceName ) ) {
2351				return this;
2352			}
2353
2354			this.$el = $el;
2355
2356			this
2357				.setData()
2358				.setOptions(opts)
2359				.build();
2360
2361			return this;
2362		},
2363
2364		setData: function() {
2365			this.$el.data(instanceName, this);
2366
2367			return this;
2368		},
2369
2370		setOptions: function(opts) {
2371			this.options = $.extend(true, {}, PluginScrollable.defaults, opts, {
2372				wrapper: this.$el
2373			});
2374
2375			return this;
2376		},
2377
2378		build: function() {
2379			this.options.wrapper.nanoScroller(this.options);
2380
2381			return this;
2382		}
2383	};
2384
2385	// expose to scope
2386	$.extend(theme, {
2387		PluginScrollable: PluginScrollable
2388	});
2389
2390	// jquery plugin
2391	$.fn.themePluginScrollable = function(opts) {
2392		return this.each(function() {
2393			var $this = $(this);
2394
2395			if ($this.data(instanceName)) {
2396				return $this.data(instanceName);
2397			} else {
2398				return new PluginScrollable($this, opts);
2399			}
2400
2401		});
2402	};
2403
2404	$(function() {
2405		PluginScrollable.updateModals();
2406	});
2407
2408}).apply(this, [window.theme, jQuery]);
2409
2410// Section Scroll
2411(function(theme, $) {
2412
2413	theme = theme || {};
2414
2415	var instanceName = '__sectionScroll';
2416
2417	var PluginSectionScroll = function($el, opts) {
2418		return this.initialize($el, opts);
2419	};
2420
2421	PluginSectionScroll.defaults = {
2422		targetClass: '.section',
2423		dotsNav: true,
2424		changeHeaderLogo: true,
2425		headerLogoDark: 'img/logo-default-slim.png',
2426		headerLogoLight: 'img/logo-default-slim-dark.png'
2427	};
2428
2429	PluginSectionScroll.prototype = {
2430		initialize: function($el, opts) {
2431			if ($el.data(instanceName)) {
2432				return this;
2433			}
2434
2435			this.$el = $el;
2436
2437			this
2438				.setData()
2439				.setOptions(opts)
2440				.build()
2441				.events();
2442
2443			return this;
2444		},
2445
2446		setData: function() {
2447			this.$el.data(instanceName, this);
2448
2449			return this;
2450		},
2451
2452		setOptions: function(opts) {
2453			this.options = $.extend(true, {}, PluginSectionScroll.defaults, opts, {
2454				wrapper: this.$el
2455			});
2456
2457			return this;
2458		},
2459
2460		build: function() {
2461			var self = this,
2462				$el = this.options.wrapper;
2463
2464			// Check type of header and change the target for header (by change header color purpose)
2465			if( $('html').hasClass('side-header-overlay-full-screen') ) {
2466				self.$header = $('.sticky-wrapper');
2467			} else {
2468				self.$header = $('#header');
2469			}
2470
2471			// Turn the section full height or not depeding on the content size
2472			self.updateSectionsHeight();
2473
2474			// Wrap all sections in a section wrapper
2475			$( this.options.targetClass ).wrap('<div class="section-wrapper"></div>');
2476
2477			// Set the section wrapper height
2478	  		$('.section-wrapper').each(function(){
2479	  			$(this).height( $(this).find('.section-scroll').outerHeight() );
2480	  		});
2481
2482	  		// Add active class to the first section on page load
2483	  		$('.section-wrapper').first().addClass('active');
2484
2485	        var	flag = false,
2486	            scrollableFlag = false,
2487	        	touchDirection = '',
2488	        	touchstartY = 0,
2489	        	touchendY = 0;
2490
2491	        $(window).on('touchstart', function(event) {
2492			    touchstartY = event.changedTouches[0].screenY;
2493			});
2494
2495	        var wheelEvent = 'onwheel' in document ? 'wheel' : document.onmousewheel !== undefined ? 'mousewheel' : 'DOMMouseScroll';
2496	        if( $(window).width() < 992 ) {
2497	        	wheelEvent = 'onwheel' in document ? 'wheel touchend' : document.onmousewheel !== undefined ? 'mousewheel touchend' : 'DOMMouseScroll touchend';
2498	        }
2499
2500	        $(window).on(wheelEvent, function(e){
2501	        	if( $(window).width() < 992 ) {
2502		        	if( $(e.target).closest('.section-scroll-dots-navigation').get(0) || $(e.target).closest('.header-body').get(0) || $(e.target).closest('.owl-carousel').get(0) ) {
2503		        		return;
2504		        	}
2505		        }
2506
2507		        // Side Header Overlay Full Screen
2508		        if( $('html.side-header-overlay-full-screen.side-header-hide').get(0) ) {
2509		        	return;
2510		        }
2511
2512	        	var wheelDirection = e.originalEvent.wheelDelta == undefined ? e.originalEvent.deltaY > 0 : e.originalEvent.wheelDelta < 0;
2513	        	if( $(window).width() < 992 ) {
2514		        	touchendY = event.changedTouches[0].screenY;
2515
2516				    if( touchendY <= touchstartY ) {
2517				    	touchDirection = 'up';
2518				    }
2519
2520				    if( touchendY >= touchstartY ) {
2521				    	touchDirection = 'down';
2522				    }
2523
2524				    if( touchendY == touchstartY ) {
2525				    	return;
2526				    }
2527	        	}
2528
2529	        	var $currentSection = $('.section-wrapper').eq( self.getCurrentIndex() ).find('.section-scroll'),
2530            		$nextSection = self.getNextSection(wheelDirection, touchDirection);
2531
2532			    if( $(window).width() < 992 ) {
2533				    setTimeout(function(){
2534					    if( $('.section-wrapper').eq( self.getCurrentIndex() ).find('.section-scroll').hasClass('section-scroll-scrollable') ) {
2535					    	$('html').removeClass('overflow-hidden');
2536					    } else {
2537					    	$('html').addClass('overflow-hidden');
2538					    }
2539				    }, 1200);
2540				}
2541
2542	        	// For non full height sections
2543	        	if( $currentSection.hasClass('section-scroll-scrollable') ) {
2544
2545	        		if( !flag && !scrollableFlag ) {
2546
2547		        		// Scroll Direction
2548		        		if(wheelDirection || touchDirection == 'up') {
2549		        			if( ( $(window).scrollTop() + $(window).height() ) >= $nextSection.offset().top ) {
2550		        				flag = true;
2551								setTimeout(function(){
2552									$(window).trigger('section.scroll.change.header.color');
2553
2554					            	setTimeout(function(){
2555										flag = false;

2556									}, 500);
2557								}, 1000);
2558
2559		        				if( self.getCurrentIndex() == ( $('.section-wrapper').length - 1 )  ) {
2560						    		return false;
2561						    	}
2562
2563		        				// Move to the next section
2564		        				self.moveTo( $currentSection.offset().top + $currentSection.outerHeight() );
2565
2566		        				// Change Section Active Class
2567					   			self.changeSectionActiveState( $nextSection );
2568
2569					   			self.$header.css({
2570							    	opacity: 0,
2571							    	transition: 'ease opacity 500ms'
2572							    });
2573					        }
2574
2575			        		if( $(window).width() > 991 ) {
2576				        		for( var i = 1; i < 100; i++ ) {
2577					        		$('body, html').scrollTop( $(window).scrollTop() + 1 );
2578
2579					        		if( ( $(window).scrollTop() + $(window).height() ) >= $nextSection.offset().top ) {
2580					        			scrollableFlag = true;
2581										setTimeout(function(){
2582											$(window).trigger('section.scroll.change.header.color');
2583							            	scrollableFlag = false;
2584										}, 500);
2585					        			break;
2586					        		}
2587				        		}
2588				        	}
2589					    } else {
2590					    	if( $(window).scrollTop() <= $currentSection.offset().top ) {
2591					    		flag = true;
2592								setTimeout(function(){
2593									$(window).trigger('section.scroll.change.header.color');
2594
2595					            	setTimeout(function(){
2596										flag = false;
2597									}, 500);
2598								}, 1000);
2599
2600					    		if( self.getCurrentIndex() == 0  ) {
2601						    		return false;
2602						    	}
2603
2604					   			// Move to the next section
2605		        				self.moveTo( $currentSection.offset().top - $(window).height() );
2606
2607		        				// Change Section Active Class
2608					   			self.changeSectionActiveState( $nextSection );
2609
2610					   			self.$header.css({
2611							    	opacity: 0,
2612							    	transition: 'ease opacity 500ms'
2613							    });
2614					        }
2615
2616					    	if( $(window).width() > 991 ) {
2617				        		for( var i = 1; i < 100; i++ ) {
2618					        		$('body, html').scrollTop( $(window).scrollTop() - 1 );
2619
2620					        		if( $(window).scrollTop() <= $currentSection.offset().top ) {
2621					        			scrollableFlag = true;
2622										setTimeout(function(){
2623											$(window).trigger('section.scroll.change.header.color');
2624							            	scrollableFlag = false;
2625										}, 500);
2626					        			break;
2627					        		}
2628				        		}
2629				        	}
2630					    }
2631
2632			   			// Change Dots Active Class
2633				        self.changeDotsActiveState();
2634
2635		        		return;
2636
2637		        	}
2638	        	}
2639
2640	        	// For full height sections
2641	        	if( !flag && !scrollableFlag ) {
2642
2643				    if(wheelDirection || touchDirection == 'up') {
2644				    	if( self.getCurrentIndex() == ( $('.section-wrapper').length - 1 )  ) {
2645				    		return false;
2646				    	}
2647
2648				   		// Change Section Active Class
2649			   			self.changeSectionActiveState( $nextSection );
2650
2651				   		setTimeout(function(){
2652				   			// Move to the next section
2653	        				self.moveTo( $nextSection.offset().top );
2654
2655				   		}, 150);
2656				    } else {
2657				    	if( self.getCurrentIndex() == 0  ) {
2658				    		return false;
2659				    	}
2660
2661				   		// Change Section Active Class
2662			   			self.changeSectionActiveState( $nextSection );
2663
2664				   		if( $nextSection.height() > $(window).height() ) {
2665				   			// Move to the next section
2666	        				self.moveTo( $currentSection.offset().top - $(window).height() );
2667				   		} else {
2668					        setTimeout(function(){
2669					   			// Move to the next section
2670		        				self.moveTo( $nextSection.offset().top );
2671
2672					   		}, 150);
2673				   		}
2674				    }
2675
2676				    // Change Dots Active Class
2677			        self.changeDotsActiveState();
2678
2679				    self.$header.css({
2680				    	opacity: 0,
2681				    	transition: 'ease opacity 500ms'
2682				    });
2683
2684				    // Style next section
2685	            	$nextSection.css({
2686	            		position: 'relative',
2687	            		opacity: 1,
2688	            		'z-index': 1,
2689	            		transform: 'translate3d(0,0,0) scale(1)'
2690	            	});
2691
2692	            	// Style previous section
2693	            	$currentSection.css({
2694	            		position: 'fixed',
2695	            		width: '100%',
2696	            		top: 0,
2697	            		left: 0,
2698	            		opacity: 0,
2699	            		'z-index': 0,