Elementor Addon Elements - Version 1.4

Version Description

  • New Widget: Progress Bar
  • New Widget: Dual Button
  • New Feature: Animated Background Color on Section and Column Background
  • Fix: WPML Compatibility fix for Post List widget.
Download this release

Release Info

Developer webtechstreet
Plugin Icon 128x128 Elementor Addon Elements
Version 1.4
Comparing to
See all releases

Code changes from version 1.3 to 1.4

Files changed (18) hide show
  1. assets/css/eae.css +4184 -3393
  2. assets/css/eae.min.css +1 -1
  3. assets/digit-sep-svg.svg +19 -19
  4. assets/digits-svg-alpha.svg +80 -80
  5. assets/js/animated-main.js +134 -134
  6. assets/js/eae.js +2034 -1979
  7. assets/js/eae.min.js +1 -1
  8. assets/js/particles.js +1538 -1538
  9. assets/js/stickyanything.js +8 -8
  10. assets/lib/eae-icons/fonts/eae-icons.eot +0 -0
  11. assets/lib/eae-icons/fonts/eae-icons.svg +17 -15
  12. assets/lib/eae-icons/fonts/eae-icons.ttf +0 -0
  13. assets/lib/eae-icons/fonts/eae-icons.woff +0 -0
  14. assets/lib/eae-icons/style.css +58 -50
  15. assets/lib/magnific.js +1860 -1860
  16. assets/lib/swiper/css/swiper.css +618 -618
  17. assets/lib/swiper/css/swiper.min.css +11 -11
  18. assets/lib/swiper/js/swiper.esm.bundle.js +0 -3424
assets/css/eae.css CHANGED
@@ -1,3394 +1,4185 @@
1
- .elementor-widget-wts-textseparator .elementor-widget-container{
2
- overflow:hidden;
3
- }
4
- .wts-eae-textseparator{
5
- align-items: center;
6
- display: flex;
7
- flex-flow: row nowrap; margin:auto;
8
- }
9
-
10
- .eae-separator-icon-inner i {
11
- height: 1em;
12
- width: 1em; text-align:center;
13
- }
14
-
15
- .wts-eae-textseparator .eae-sep-holder {
16
- flex: 1 1 auto;
17
- height: 1px;
18
- min-width: 10%;
19
- position: relative;
20
- }
21
-
22
- .wts-eae-textseparator .eae-sep-holder .eae-sep-lines{
23
- border-top-width: 1px;
24
- display: block;
25
- height: 1px;
26
- position: relative;
27
- top: 1px;
28
- width: 100%;
29
- }
30
-
31
- .eae-separator-title{
32
- margin:0;
33
- -moz-box-flex: 0;
34
- flex: 0 1 auto;
35
- line-height: 1em;
36
- margin: 0;
37
- overflow-wrap: break-word;
38
- }
39
-
40
- .sep-align-right .sep-right{
41
- display: none;
42
- }
43
-
44
- .sep-align-left .sep-left{
45
- display: none;
46
- }
47
-
48
- .eae-icon-view-stacked i{ color:#FFF; }
49
- .eae-icon-view-framed .eae-separator-icon-inner{ border:1px solid; }
50
- .eae-icon-shape-circle .eae-separator-icon-inner{ border-radius:50%; }
51
- .eae-separator-icon-wrapper, .eae-separator-title{ margin:0 5px !important; }
52
- .eae-separator-icon-inner{ line-height: 1; }
53
-
54
-
55
- /**
56
- Price Table Css
57
- **/
58
- .wts-price-box-wrapper .eae-pt-heading, .wts-price-box-wrapper .eae-pt-sub-heading{ margin:5px 0; text-align: center; }
59
- .plan-price-shape {
60
- display: table;
61
- height: 6em;
62
- margin: auto;
63
- width: 6em;
64
- }
65
-
66
- .eae-pt-price-box-shape-circle .plan-price-shape, .eae-pt-price-box-shape-square .plan-price-shape{ border: 1px solid; }
67
- .eae-pt-price-box-shape-circle .plan-price-shape{ border-radius:50%; }
68
- .plan-price-block{ padding:10px 0; }
69
- .plan-price-shape-inner {
70
- display: table-cell;
71
- vertical-align: middle; padding: 10px;
72
- }
73
- .plan-price-shape-inner > span {
74
- display: block;
75
- font-size: 1em; text-align:center;
76
- }
77
-
78
- .eae-pt-feature-list {
79
- list-style: outside none none;
80
- text-align: center; margin:10px 0;
81
- }
82
- .eae-pt-button-wrapper > a{ text-align:center; display:inline-block; }
83
- .eae-pt-button-wrapper{ text-align: center;}
84
-
85
- .wts-price-box-wrapper .heading-wrapper, .wts-price-box-wrapper .plan-features-wrapper{ padding:10px 5px;}
86
- .eae-pt-button-wrapper{ padding:15px 0; }
87
- .eae-pt-button-wrapper a{ padding:5px 15px; border-radius:3px; }
88
- .eae-pt-align-icon-right{ float:right; }
89
- .strike-feature{ text-decoration: line-through; }
90
-
91
- /**
92
- Flip Box CSS
93
- **/
94
- .eae-flip-box{
95
- width: 100%;
96
- text-align: center;
97
- }
98
- .eae-flip-box-wrapper{
99
- display: inline-block;
100
- width: 100%;
101
- }
102
- .eae-flip-box-inner{ width:100%; height:200px; position:relative;
103
- -webkit-transform-style: preserve-3d;
104
- -moz-transform-style: preserve-3d;
105
- -ms-transform-style: preserve-3d;
106
- transform-style: preserve-3d;
107
- }
108
-
109
- .eae-flip-box-inner .eae-flip-box-front, .eae-flip-box-inner .eae-flip-box-back{
110
- width:100%; height:100%; position: absolute; top:0; left:0; text-align:center; padding: 10px;
111
- -webkit-backface-visibility: hidden;
112
- -moz-backface-visibility: hidden;
113
- -ms-backface-visibility: hidden;
114
- backface-visibility: hidden;
115
-
116
- -webkit-transition: all 0.6s ease 0s;
117
- -moz-transition: all 0.6s ease 0s;
118
- -ms-transition: all 0.6s ease 0s;
119
- -o-transition: all 0.6s ease 0s;
120
- transition: all 0.6s ease 0s;
121
- }
122
- .eae-flip-box-front {
123
- z-index: 2;
124
- }
125
- .eae-flip-box-back {
126
- z-index: 1;
127
- }
128
-
129
- .eae-fb-animate-vertical .eae-flip-box-inner .eae-flip-box-front{ -webkit-transform:perspective(1000px) rotateX(0deg); -ms-transform:perspective(1000px) rotateX(0deg); transform:perspective(1000px) rotateX(0deg); }
130
- .eae-fb-animate-vertical .eae-flip-box-inner .eae-flip-box-back{ -webkit-transform:perspective(1000px) rotateX(180deg); transform:perspective(1000px) rotateX(180deg); -ms-transform:perspective(1000px) rotateX(180deg); }
131
- .eae-fb-animate-vertical .eae-flip-box-inner:hover .eae-flip-box-front{ -webkit-transform:perspective(1000px) rotateX(180deg); transform:perspective(1000px) rotateX(180deg); -ms-transform:perspective(1000px) rotateX(180deg); }
132
- .eae-fb-animate-vertical .eae-flip-box-inner:hover .eae-flip-box-back{ -webkit-transform:perspective(1000px) rotateX(0deg); transform:perspective(1000px) rotateX(0deg); -ms-transform:perspective(1000px) rotateX(0deg); }
133
-
134
-
135
- .eae-fb-animate-horizontal .eae-flip-box-inner .eae-flip-box-front{ -webkit-transform:perspective(1000px) rotateY(0deg); transform:perspective(1000px) rotateY(0deg); -ms-transform:perspective(1000px) rotateY(0deg); }
136
- .eae-fb-animate-horizontal .eae-flip-box-inner .eae-flip-box-back{ -webkit-transform:perspective(1000px) rotateY(180deg); transform:perspective(1000px) rotateY(180deg); -ms-transform:perspective(1000px) rotateY(180deg); }
137
- .eae-fb-animate-horizontal .eae-flip-box-inner:hover .eae-flip-box-front{ -webkit-transform:perspective(1000px) rotateY(180deg); transform:perspective(1000px) rotateY(180deg); -ms-transform:perspective(1000px) rotateY(180deg); }
138
- .eae-fb-animate-horizontal .eae-flip-box-inner:hover .eae-flip-box-back{ -webkit-transform:perspective(1000px) rotateY(0deg); transform:perspective(1000px) rotateY(0deg); -ms-transform:perspective(1000px) rotateY(0deg); }
139
-
140
- .eae-fb-animate-fade .eae-flip-box-inner .eae-flip-box-front{opacity:1;}
141
- .eae-fb-animate-fade .eae-flip-box-inner .eae-flip-box-back{opacity:0;}
142
- .eae-fb-animate-fade .eae-flip-box-inner:hover .eae-flip-box-front{opacity:0;}
143
- .eae-fb-animate-fade .eae-flip-box-inner:hover .eae-flip-box-back{opacity:1;}
144
-
145
-
146
- .eae-flip-box-wrapper:hover .eae-flip-box-back,
147
- .eae-flip-box-wrapper:focus .eae-flip-box-back {
148
- z-index: 2;
149
- }
150
- .eae-flip-box-wrapper:hover .eae-flip-box-front,
151
- .eae-flip-box-wrapper:focus .eae-flip-box-front {
152
- z-index: 1;
153
- }
154
- .fade .eae-flip-box-wrapper .eae-flip-box-front {
155
- opacity: 1;
156
- transition: 1s;
157
- }
158
- .fade .eae-flip-box-wrapper .eae-flip-box-back {
159
- opacity: 0;
160
- transition: 1s;
161
- }
162
- .fade .eae-flip-box-wrapper:hover .eae-flip-box-front,
163
- .fade .eae-flip-box-wrapper:focus .eae-flip-box-front {
164
- opacity: 0;
165
- }
166
- .fade .eae-flip-box-wrapper:hover .eae-flip-box-back,
167
- .fade .eae-flip-box-wrapper:focus .eae-flip-box-back {
168
- opacity: 1;
169
- }
170
-
171
- .eae-fb-animate-flip .eae-flip-box-wrapper {
172
- perspective: 800px;
173
- }
174
- .eae-fb-animate-flip .eae-flip-box-inner{
175
- transform-style: preserve-3d;
176
- transform: rotateX(0) rotateY(0) rotateZ(0);
177
- transition: 1s;
178
- }
179
- .eae-fb-animate-flip .eae-flip-box-front {
180
- transform: translate3d(0,0,1px);
181
- }
182
- .eae-fb-animate-flip .eae-flip-box-back {
183
- transform: rotateY(180deg) translate3d(0,0,0);
184
- }
185
- .eae-fb-animate-flip .eae-flip-box-wrapper:hover .eae-flip-box-inner,
186
- .eae-fb-animate-flip .eae-flip-box-wrapper:focus .eae-flip-box-inner{
187
- transform: rotateY(180deg);
188
- }
189
- .up .eae-flip-box-front {
190
- transform: translate3d(0,0,1px);
191
- }
192
- .up .eae-flip-box-back {
193
- transform: rotateX(180deg) translate3d(0,0,0);
194
- }
195
- .up .eae-flip-box-wrapper:hover .eae-flip-box-inner,
196
- .up .eae-flip-box-wrapper:focus .eae-flip-box-inner{
197
- transform: rotateX(180deg);
198
- }
199
-
200
- .box .eae-flip-box-front {
201
- transform: translate3d(0,0,100px) scale(0.85,0.85);
202
- }
203
- .box .eae-flip-box-back {
204
- transform: rotateY(180deg) translate3d(0,0,100px) scale(0.85,0.85);
205
- }
206
- .box.up .eae-flip-box-back {
207
- transform: rotateX(180deg) translate3d(0,0,100px) scale(0.85,0.85);
208
- }
209
-
210
- .hideback .eae-flip-box-front, .hideback .eae-flip-box-back {
211
- backface-visibility: hidden;
212
- }
213
- .eae-fb-animate-nananana .eae-flip-box-wrapper {
214
-
215
-
216
- }
217
- .eae-fb-animate-nananana .eae-flip-box-wrapper:hover .eae-flip-box-front,
218
- .eae-fb-animate-nananana .eae-flip-box-wrapper:focus .eae-flip-box-front {
219
- z-index: 10;
220
- animation: batman 1s 2 alternate linear;
221
- }
222
-
223
-
224
- /* Cube Animation */
225
-
226
- .eae-fb-animate-flipcard .eae-flip-box-front, .eae-fb-animate-flipcard .eae-flip-box-back{
227
- transition: transform 0.4s ease;
228
- transform-origin: center center -150px;
229
- -webkit-transform-origin: center center -150px;
230
- }
231
-
232
- /* top to down */
233
-
234
- .flipcard-rotate-top-down .eae-flip-box-front {
235
- transform: perspective(0px) rotateX(0deg) rotateY(0deg) rotateZ(0deg);
236
- }
237
- .flipcard-rotate-top-down .eae-flip-box-back {
238
- transform: perspective(0px) rotateX(90deg) rotateY(0deg) rotateZ(0deg);
239
- }
240
- .eae-fb-animate-flipcard.flipcard-rotate-top-down .eae-flip-box-wrapper:hover .eae-flip-box-front {
241
- transform: perspective(0px) rotateX(-90deg) rotateY(0) rotateZ(0deg);
242
- }
243
- .eae-fb-animate-flipcard.flipcard-rotate-top-down .eae-flip-box-wrapper:hover .eae-flip-box-back {
244
- z-index: 99999;
245
- transform: perspective(0px) rotateX(0deg) rotateY(0deg) rotateZ(0);
246
- }
247
-
248
-
249
- /* down to top */
250
- .flipcard-rotate-down-top .eae-flip-box-front {
251
- transform: perspective(0px) rotateX(0deg) rotateY(0deg) rotateZ(0deg);
252
- }
253
- .flipcard-rotate-down-top .eae-flip-box-back {
254
- transform: perspective(0px) rotateX(-90deg) rotateY(0deg) rotateZ(0deg);
255
- }
256
- .eae-fb-animate-flipcard.flipcard-rotate-down-top .eae-flip-box-wrapper:hover .eae-flip-box-front {
257
- transform: perspective(0px) rotateX(90deg) rotateY(0) rotateZ(0deg);
258
- }
259
- .eae-fb-animate-flipcard.flipcard-rotate-down-top .eae-flip-box-wrapper:hover .eae-flip-box-back {
260
- z-index: 99999;
261
- transform: perspective(0px) rotateX(0deg) rotateY(0deg) rotateZ(0deg);
262
- }
263
-
264
- /* left to right */
265
-
266
- .flipcard-rotate-left-right .eae-flip-box-front {
267
- transform: perspective(0px) rotateX(0deg) rotateY(0deg) rotateZ(0deg);
268
- }
269
- .flipcard-rotate-left-right .eae-flip-box-back {
270
- transform: perspective(0px) rotateX(0deg) rotateY(-90deg) rotateZ(0deg);
271
- }
272
- .eae-fb-animate-flipcard.flipcard-rotate-left-right .eae-flip-box-wrapper:hover .eae-flip-box-front {
273
- transform: perspective(0px) rotateX(0deg) rotateY(90deg) rotateZ(0deg);
274
- }
275
- .eae-fb-animate-flipcard.flipcard-rotate-left-right .eae-flip-box-wrapper:hover .eae-flip-box-back {
276
- z-index: 99999;
277
- transform: perspective(0px) rotateX(0deg) rotateY(0deg) rotateZ(0deg);
278
- }
279
-
280
- /* right to left */
281
-
282
- .flipcard-rotate-right-left .eae-flip-box-front {
283
- transform: perspective(0px) rotateX(0deg) rotateY(0deg) rotateZ(0deg);
284
- }
285
- .flipcard-rotate-right-left .eae-flip-box-back {
286
- transform: perspective(0px) rotateX(0deg) rotateY(90deg) rotateZ(0deg);
287
- }
288
- .eae-fb-animate-flipcard.flipcard-rotate-right-left .eae-flip-box-wrapper:hover .eae-flip-box-front {
289
- transform: perspective(0px) rotateX(0deg) rotateY(-90deg) rotateZ(0deg);
290
- }
291
- .eae-fb-animate-flipcard.flipcard-rotate-right-left .eae-flip-box-wrapper:hover .eae-flip-box-back {
292
- z-index: 99999;
293
- transform: perspective(0px) rotateX(0deg) rotateY(0deg) rotateZ(0deg);
294
- }
295
-
296
- @keyframes batman {
297
- 0% { transform: scale(1,1) rotateZ(0); }
298
- 100% {
299
- transform: scale(0,0) rotateZ(720deg);
300
- opacity: 0;
301
- }
302
- }
303
-
304
-
305
- .eae-flip-box-front i, .eae-flip-box-back i{ font-size:32px; height:1em; width:1em; }
306
- .eae-fb-icon-view-framed{ border:1px solid #92BE43; }
307
- .eae-fb-icon-shape-circle{ border-radius:50%; }
308
- .eae-flip-box-wrapper .icon-wrapper{ display:inline-block; padding:10px; line-height: 1; }
309
-
310
- .eae-flip-box-wrapper .front-icon-title, .eae-flip-box-wrapper .back-icon-title{ margin:10px auto; color:#FFF; }
311
-
312
- .eae-flip-box-wrapper .flipbox-content { display: block; position: relative; top: 50%; transform: translateY(-50%); -ms-transform: translateY(-50%) }
313
- .flipbox-content p{ margin-bottom: 10px; }
314
- .eae-fb-button{ display:inline-block; padding: 5px 10px; }
315
-
316
- .eae-flip-box-front{ background:#A0CE4E; }
317
- .eae-flip-box-back{ background:#73B9DC; }
318
-
319
- @media only screen and (max-width: 768px) {
320
-
321
- .flipbox-content, .eae-flip-box-front, .eae-flip-box-back{
322
- cursor:pointer;
323
- overflow: visible !important;
324
- transform-style: preserve-3d;
325
- -webkit-transform-style: preserve-3d;
326
- }
327
- }
328
- /**
329
- Shape Separator
330
- **/
331
- .elementor-widget-wts-shape-separator svg{ display: block; }
332
-
333
- /**
334
- Post List
335
- **/
336
- .wts-eae-pl-wrapper ul{
337
- margin:0;
338
- }
339
- .wts-eae-pl-wrapper ul li{
340
- list-style: none;
341
- overflow: hidden; margin-bottom:10px;
342
- }
343
- .eae-pl-img-align-none .eae-pl-image-wrapper a{ text-align: center; }
344
- .eae-pl-title{ margin:0; }
345
- .eae-pl-title a{ display:block; }
346
-
347
- .eae-pl-readmore a{ display:inline-block;
348
- border-radius: 2px;
349
- color: #fff;
350
- padding: 4px 8px;
351
- }
352
-
353
- /**
354
- Animated Text Styles
355
- **/
356
- /* --------------------------------
357
- Primary style
358
- -------------------------------- */
359
-
360
- .eae-at-animation-text-wrapper {
361
- display: inline-block;
362
- position: relative;
363
- text-align: left;
364
- }
365
- .eae-at-animation-text-wrapper .eae-at-animation-text {
366
- display: inline-block;
367
- position: absolute;
368
- white-space: nowrap;
369
- left: 0;
370
- top: 0;
371
- }
372
- .eae-at-animation-text-wrapper .eae-at-animation-text.is-visible {
373
- position: relative;
374
- }
375
- .no-js .eae-at-animation-text-wrapper .eae-at-animation-text {
376
- opacity: 0;
377
- }
378
- .no-js .eae-at-animation-text-wrapper .eae-at-animation-text.is-visible {
379
- opacity: 1;
380
- }
381
-
382
- .eae-animtext-wrapper{ font-size:40px; }
383
-
384
-
385
- /**
386
- Animated Text Styles
387
- **/
388
- .eae-st-rest-text {
389
- display: inline-block;
390
- }
391
- .eae-st-split-text {
392
- display: inline-block;
393
- }
394
-
395
- /* --------------------------------
396
- xtype
397
- -------------------------------- */
398
- .eae-at-animation.type .eae-at-animation-text-wrapper {
399
- vertical-align: bottom;
400
- overflow: hidden;
401
- }
402
- .eae-at-animation.type .eae-at-animation-text-wrapper::after {
403
- /* vertical bar */
404
- content: '';
405
- position: absolute;
406
- right: 0;
407
- top: 50%;
408
- bottom: auto;
409
- -webkit-transform: translateY(-50%);
410
- -moz-transform: translateY(-50%);
411
- -ms-transform: translateY(-50%);
412
- -o-transform: translateY(-50%);
413
- transform: translateY(-50%);
414
- height: 90%;
415
- width: 1px;
416
- }
417
- .eae-at-animation.type .eae-at-animation-text-wrapper.waiting::after {
418
- -webkit-animation: cd-pulse 1s infinite;
419
- -moz-animation: cd-pulse 1s infinite;
420
- animation: cd-pulse 1s infinite;
421
- }
422
-
423
- .eae-at-animation.type .eae-at-animation-text-wrapper.selected::after {
424
- visibility: hidden;
425
- }
426
-
427
- .eae-at-animation.type .eae-at-animation-text {
428
- visibility: hidden;
429
- }
430
- .eae-at-animation.type .eae-at-animation-text.is-visible {
431
- visibility: visible;
432
- }
433
- .eae-at-animation.type i {
434
- position: absolute;
435
- visibility: hidden;
436
- }
437
- .eae-at-animation.type i.in {
438
- position: relative;
439
- visibility: visible;
440
- }
441
-
442
- @-webkit-keyframes cd-pulse {
443
- 0% {
444
- -webkit-transform: translateY(-50%) scale(1);
445
- opacity: 1;
446
- }
447
- 40% {
448
- -webkit-transform: translateY(-50%) scale(0.9);
449
- opacity: 0;
450
- }
451
- 100% {
452
- -webkit-transform: translateY(-50%) scale(0);
453
- opacity: 0;
454
- }
455
- }
456
- @-moz-keyframes cd-pulse {
457
- 0% {
458
- -moz-transform: translateY(-50%) scale(1);
459
- opacity: 1;
460
- }
461
- 40% {
462
- -moz-transform: translateY(-50%) scale(0.9);
463
- opacity: 0;
464
- }
465
- 100% {
466
- -moz-transform: translateY(-50%) scale(0);
467
- opacity: 0;
468
- }
469
- }
470
- @keyframes cd-pulse {
471
- 0% {
472
- -webkit-transform: translateY(-50%) scale(1);
473
- -moz-transform: translateY(-50%) scale(1);
474
- -ms-transform: translateY(-50%) scale(1);
475
- -o-transform: translateY(-50%) scale(1);
476
- transform: translateY(-50%) scale(1);
477
- opacity: 1;
478
- }
479
- 40% {
480
- -webkit-transform: translateY(-50%) scale(0.9);
481
- -moz-transform: translateY(-50%) scale(0.9);
482
- -ms-transform: translateY(-50%) scale(0.9);
483
- -o-transform: translateY(-50%) scale(0.9);
484
- transform: translateY(-50%) scale(0.9);
485
- opacity: 0;
486
- }
487
- 100% {
488
- -webkit-transform: translateY(-50%) scale(0);
489
- -moz-transform: translateY(-50%) scale(0);
490
- -ms-transform: translateY(-50%) scale(0);
491
- -o-transform: translateY(-50%) scale(0);
492
- transform: translateY(-50%) scale(0);
493
- opacity: 0;
494
- }
495
- }
496
-
497
- /**
498
- Advanced tabs
499
- **/
500
- /* --------------------------------
501
- Primary style
502
- -------------------------------- */
503
- .eae-tabs {
504
- position: relative;
505
- width: 100%;
506
- overflow: hidden;
507
- margin: 1em 0 2em;
508
- font-weight: 300;
509
- }
510
-
511
- /* Nav */
512
- .eae-tabs nav {
513
- text-align: center;
514
- line-height: 0;
515
- }
516
-
517
- .eae-tabs nav ul {
518
- padding: 0;
519
- margin: 0;
520
- list-style: none;
521
- display: inline-block;
522
- }
523
-
524
- .eae-tabs nav ul li {
525
- border: 1px solid #becbd2;
526
- border-bottom: none;
527
- display: block;
528
- position: relative;
529
- }
530
-
531
- .eae-tabs nav li.tab-current {
532
- border: 1px solid #47a3da;
533
- border-bottom: none;
534
- z-index: 100;
535
- }
536
-
537
- .eae-nav-pos-top nav li.tab-current:before,
538
- .eae-nav-pos-top nav li.tab-current:after {
539
- content: '';
540
- position: absolute;
541
- height: 2px;
542
- right: 100%;
543
- bottom: 0;
544
- width: 1000px;
545
- background: #47a3da;
546
- }
547
-
548
- .eae-nav-pos-top nav ul li{
549
- margin: 0 0.25em;
550
- float: left;
551
- }
552
- .eae-nav-pos-top nav li.tab-current:after {
553
- right: auto;
554
- left: 100%;
555
- width: 4000px;
556
- }
557
-
558
- .eae-tabs nav a {
559
- display: block;
560
- line-height: 2.5;
561
- padding: 0 1.25em;
562
- white-space: nowrap;
563
- }
564
- .eae-tabs nav i {
565
- line-height: 2.5;
566
- padding: 1px;
567
- }
568
-
569
- .eae-tabs nav a:hover {
570
- color: #768e9d;
571
- }
572
-
573
- .eae-tabs nav li.tab-current a {
574
- color: #47a3da;
575
- }
576
-
577
- .eae-nav-pos-left nav {
578
- float:left;
579
- width: 20%;
580
- }
581
- .eae-nav-pos-left nav ul li{
582
- margin:0 0 10px 0;
583
- }
584
- .eae-nav-pos-left .eae-content{
585
- float:left;
586
- width: 80%;
587
- padding-left: 5px;
588
- }
589
- /* Icons */
590
- .eae-tabs nav a:before {
591
- display: inline-block;
592
- vertical-align: middle;
593
- text-transform: none;
594
- font-weight: normal;
595
- font-variant: normal;
596
- font-family: 'icomoon';
597
- line-height: 1;
598
- speak: none;
599
- -webkit-font-smoothing: antialiased;
600
- margin: -0.25em 0.4em 0 0;
601
- }
602
-
603
- /* Content */
604
- .eae-content section {
605
- font-size: 1.25em;
606
- padding: 20px 20px;
607
- max-width: 1230px;
608
- margin: 0 auto;
609
- }
610
-
611
- .eae-content section:before,
612
- .eae-content section:after {
613
- content: '';
614
- display: table;
615
- }
616
-
617
- .eae-content section:after {
618
- clear: both;
619
- }
620
-
621
- /* Fallback example */
622
- .eae-no-js .content section {
623
- display: block;
624
- padding-bottom: 2em;
625
- border-bottom: 1px solid #47a3da;
626
- }
627
-
628
- .eae-content section.content-current {
629
- display: block;
630
- }
631
-
632
-
633
- /* Example media queries */
634
-
635
- @media screen and (max-width: 52.375em) {
636
- .text-mobile-no.eae-tabs nav a span {
637
- display : none;
638
- }
639
-
640
- .eae-tabs nav a:before {
641
- margin-right: 0;
642
- }
643
- }
644
-
645
- @media screen and (max-width: 32em) {
646
- .eae-tabs nav ul,
647
- .eae-tabs nav ul li a {
648
- width: 100%;
649
- padding: 0;
650
- }
651
-
652
- .eae-tabs nav ul li {
653
- width: 25%;
654
- margin: 0 0 0 0px;
655
- }
656
-
657
- .eae-nav-pos-left .eae-tabs nav ul li {
658
- width: 100%;
659
- margin-bottom: 10px;
660
- }
661
-
662
- }
663
-
664
- /**
665
- After Before Image
666
- **/
667
- /* --------------------------------
668
- Primary style
669
- -------------------------------- */
670
- .eae-img-comp-container {
671
- width: 100%;
672
- position: relative;
673
- text-align: center;
674
- }
675
- .eae-img-comp-container img {
676
- vertical-align: middle ;
677
- }
678
- .eae-img-comp-img {
679
- /*position: absolute;
680
- width: 100%;
681
- height: 100%;
682
- overflow:hidden;*/
683
-
684
- position: absolute;
685
- top: 0px;
686
- left: 0px;
687
- height: 100%;
688
- width: 100%;
689
- overflow: hidden;
690
- transform: translateZ(0px);
691
- backface-visibility: hidden;
692
- }
693
- .eae-img-comp-img img{
694
- display: block;
695
- max-width: 100%;
696
- width: 100%;
697
- }
698
- .eae-img-comp-slider {
699
- position: absolute;
700
- z-index:9;
701
- /*set the appearance of the slider:*/
702
- width: 40px;
703
- height: 40px;
704
- background-color: #2196F3;
705
- opacity: 1.0;
706
- border-radius: 50%;
707
- }
708
- .icon-horizontal{
709
- cursor: ew-resize;
710
- }
711
- .icon-vertical{
712
- cursor: n-resize;
713
- }
714
-
715
- .eae-img-comp-overlay{
716
-
717
- }
718
- .mode-horizontal .eae-img-comp-overlay img{
719
- position: absolute;
720
- left: 0;
721
- top: 0;
722
- display: block;
723
- width: auto;
724
- height: 100%!important;
725
- max-width: none!important;
726
- }
727
-
728
- .mode-vertical .eae-img-comp-overlay img{
729
- position: absolute;
730
- left: 0;
731
- top: 0;
732
- display: block;
733
- width: 100%;
734
- height: auto !important;
735
- max-width: none!important;
736
- }
737
-
738
-
739
- .eae-slider-icon{
740
- top: 50%;
741
- transform: translateY(-50%) translateX(-50%);
742
- position: absolute;
743
- left: 50%;
744
- color:white;
745
- }
746
- .elementor-widget-wts-ab-image{
747
- text-align: center;
748
- }
749
- .elementor-widget-wts-ab-image .elementor-widget-container{
750
- display: inline-block;
751
- margin: 0 auto !important;
752
- overflow: hidden;
753
- }
754
-
755
- .eae-text-before{
756
- position: absolute!important;
757
- padding: 10px;
758
- transition: transform .3s .7s,opacity .3s .7s;
759
- color: #d36118;
760
- z-index: 0;
761
- background: rgba(255,255,255,0.5);
762
- margin: 20px;
763
- }
764
-
765
- .eae-text-after{
766
- position: absolute!important;
767
- padding: 10px;
768
- transition: transform .3s .7s,opacity .3s .7s;
769
- color: #d36118;
770
- z-index: 0;
771
- background: rgba(255,255,255,0.5);
772
- margin: 20px;
773
- }
774
-
775
- /* Test CSS */
776
-
777
- .divTest{
778
- display: inline-block;
779
- background-color: #00a0d2;
780
- padding: 20px;
781
- }
782
-
783
-
784
- .eae-particle-wrapper{
785
- width:100%;
786
- height:100%;
787
- position: absolute;
788
- left:0;
789
- top:0;
790
- }
791
-
792
-
793
- .particles-js-canvas-el{ height:100%; position:absolute; }
794
-
795
- /**
796
- BG Slider
797
- **/
798
- .eae-section-bs{ position: absolute; width: 100%; height: 100%; top:0;}
799
- .eae-section-bs-inner{ width: 100%; height: 100%; }
800
-
801
-
802
- /**
803
- Popup
804
- **/
805
- .eae-popup.mfp-bg {
806
- top: 0;
807
- left: 0;
808
- width: 100%;
809
- height: 100%;
810
- z-index: 1042;
811
- overflow: hidden;
812
- position: fixed;
813
- background: #0b0b0b;
814
- opacity: 0.8; }
815
-
816
- .eae-popup-link{
817
- padding: 10px;
818
- color: #fff;
819
- display: inline-block;
820
- }
821
- .eae-popup-link:hover{
822
- color: #fff;
823
- }
824
- .eae-popup.mfp-wrap {
825
- top: 0;
826
- left: 0;
827
- width: 100%;
828
- height: 100%;
829
- z-index: 1043;
830
- position: fixed;
831
- outline: none !important;
832
- -webkit-backface-visibility: hidden; }
833
-
834
- .eae-popup .mfp-container {
835
- text-align: center;
836
- position: absolute;
837
- width: 100%;
838
- height: 100%;
839
- left: 0;
840
- top: 0;
841
- padding: 0 8px;
842
- box-sizing: border-box; }
843
-
844
- .eae-popup .mfp-container:before {
845
- content: '';
846
- display: inline-block;
847
- height: 100%;
848
- vertical-align: middle; }
849
-
850
- .eae-popup .mfp-align-top .mfp-container:before {
851
- display: none; }
852
-
853
- .eae-popup .mfp-content {
854
- position: relative;
855
- display: inline-block;
856
- vertical-align: middle;
857
- margin: 0 auto;
858
- text-align: left;
859
- z-index: 1045;
860
-
861
- }
862
- .eae-modal-content{
863
- padding: 20px;
864
- }
865
- .eae-pop-btn-align-left .eae-popup-wrapper{
866
- text-align: left;
867
- }
868
- .eae-pop-btn-align-right .eae-popup-wrapper{
869
- text-align: right;
870
- }
871
- .eae-pop-btn-align-center .eae-popup-wrapper{
872
- text-align: center;
873
- }
874
- .eae-pop-btn-align-justify .eae-popup-wrapper{
875
- text-align: center;
876
- }
877
- .eae-pop-btn-align-justify .eae-popup-wrapper a{
878
- display: block;
879
- }
880
- .eae-popup .mfp-inline-holder .mfp-content,
881
- .eae-popup .mfp-ajax-holder .mfp-content {
882
- width: 50%;
883
- background-color: #fff;
884
- cursor: auto;
885
- overflow: hidden;
886
- }
887
-
888
- .eae-popup .mfp-ajax-cur {
889
- cursor: progress; }
890
-
891
- .eae-popup .mfp-zoom-out-cur, .eae-popup .mfp-zoom-out-cur .mfp-image-holder .eae-close {
892
- cursor: -moz-zoom-out;
893
- cursor: -webkit-zoom-out;
894
- cursor: zoom-out; }
895
-
896
- .eae-popup .mfp-zoom {
897
- cursor: pointer;
898
- cursor: -webkit-zoom-in;
899
- cursor: -moz-zoom-in;
900
- cursor: zoom-in; }
901
-
902
- .eae-popup.mfp-auto-cursor .mfp-content {
903
- cursor: auto; }
904
-
905
- .eae-popup .eae-close,
906
- .eae-popup .mfp-arrow,
907
- .eae-popup .mfp-preloader,
908
- .eae-popup .mfp-counter {
909
- -webkit-user-select: none;
910
- -moz-user-select: none;
911
- user-select: none; }
912
-
913
- .mfp-loading.mfp-figure {
914
- display: none; }
915
-
916
- .mfp-hide {
917
- display: none !important; }
918
-
919
- .eae-popup .mfp-preloader {
920
- color: #CCC;
921
- position: absolute;
922
- top: 50%;
923
- width: auto;
924
- text-align: center;
925
- margin-top: -0.8em;
926
- left: 8px;
927
- right: 8px;
928
- z-index: 1044; }
929
- .eae-popup .mfp-preloader a {
930
- color: #CCC; }
931
- .eae-popup .mfp-preloader a:hover {
932
- color: #FFF; }
933
-
934
- .mfp-s-ready .mfp-preloader {
935
- display: none; }
936
-
937
- .mfp-s-error .mfp-content {
938
- display: none; }
939
-
940
- button.eae-close,
941
- button.mfp-arrow {
942
- overflow: visible;
943
- cursor: pointer;
944
- background: transparent;
945
- border: 0;
946
- -webkit-appearance: none;
947
- display: block;
948
- outline: none;
949
- padding: 0;
950
- z-index: 1046;
951
- box-shadow: none;
952
- touch-action: manipulation; }
953
-
954
- button::-moz-focus-inner {
955
- padding: 0;
956
- border: 0; }
957
-
958
- .eae-popup .eae-close {
959
- width: 44px;
960
- height: 44px;
961
- line-height: 1em;
962
- position: absolute;
963
- right: 0;
964
- top: 0;
965
- text-decoration: none;
966
- text-align: center;
967
- opacity: 1.00;
968
- padding: 0 0 18px 10px;
969
- color: #FFF;
970
- font-size: 28px; }
971
- .eae-close:hover,
972
- .eae-close:focus {
973
- opacity: 1;
974
- cursor: pointer;
975
- }
976
- .eae-close:active {
977
- top: 1px; }
978
- .eae-close:before{
979
- top: 50%;
980
- left: 50%;
981
- position: absolute;
982
- transform: translate(-50%,-50%);
983
- }
984
- .eae-popup.eae-close-btn-in .eae-close {
985
- color: #fff;
986
- padding-right: 10px;
987
- }
988
-
989
- .mfp-image-holder .eae-close,
990
- .mfp-iframe-holder .eae-close {
991
- color: #FFF;
992
- right: -6px;
993
- text-align: right;
994
- padding-right: 6px;
995
- width: 100%; }
996
-
997
- .mfp-counter {
998
- position: absolute;
999
- top: 0;
1000
- right: 0;
1001
- color: #CCC;
1002
- font-size: 12px;
1003
- line-height: 18px;
1004
- white-space: nowrap; }
1005
-
1006
- .mfp-arrow {
1007
- position: absolute;
1008
- opacity: 0.65;
1009
- margin: 0;
1010
- top: 50%;
1011
- margin-top: -55px;
1012
- padding: 0;
1013
- width: 90px;
1014
- height: 110px;
1015
- -webkit-tap-highlight-color: transparent; }
1016
- .mfp-arrow:active {
1017
- margin-top: -54px; }
1018
- .mfp-arrow:hover,
1019
- .mfp-arrow:focus {
1020
- opacity: 1; }
1021
- .mfp-arrow:before,
1022
- .mfp-arrow:after {
1023
- content: '';
1024
- display: block;
1025
- width: 0;
1026
- height: 0;
1027
- position: absolute;
1028
- left: 0;
1029
- top: 0;
1030
- margin-top: 35px;
1031
- margin-left: 35px;
1032
- border: medium inset transparent; }
1033
- .mfp-arrow:after {
1034
- border-top-width: 13px;
1035
- border-bottom-width: 13px;
1036
- top: 8px; }
1037
- .mfp-arrow:before {
1038
- border-top-width: 21px;
1039
- border-bottom-width: 21px;
1040
- opacity: 0.7; }
1041
-
1042
- .mfp-arrow-left {
1043
- left: 0; }
1044
- .mfp-arrow-left:after {
1045
- border-right: 17px solid #FFF;
1046
- margin-left: 31px; }
1047
- .mfp-arrow-left:before {
1048
- margin-left: 25px;
1049
- border-right: 27px solid #3F3F3F; }
1050
-
1051
- .mfp-arrow-right {
1052
- right: 0; }
1053
- .mfp-arrow-right:after {
1054
- border-left: 17px solid #FFF;
1055
- margin-left: 39px; }
1056
- .mfp-arrow-right:before {
1057
- border-left: 27px solid #3F3F3F; }
1058
-
1059
- .mfp-iframe-holder {
1060
- padding-top: 40px;
1061
- padding-bottom: 40px; }
1062
- .mfp-iframe-holder .mfp-content {
1063
- line-height: 0;
1064
- width: 100%;
1065
- max-width: 900px; }
1066
- .mfp-iframe-holder .eae-close {
1067
- top: -40px; }
1068
-
1069
- .mfp-iframe-scaler {
1070
- width: 100%;
1071
- height: 0;
1072
- overflow: hidden;
1073
- padding-top: 56.25%; }
1074
- .mfp-iframe-scaler iframe {
1075
- position: absolute;
1076
- display: block;
1077
- top: 0;
1078
- left: 0;
1079
- width: 100%;
1080
- height: 100%;
1081
- box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
1082
- background: #000; }
1083
-
1084
- /* Main image in popup */
1085
- img.mfp-img {
1086
- width: auto;
1087
- max-width: 100%;
1088
- height: auto;
1089
- display: block;
1090
- line-height: 0;
1091
- box-sizing: border-box;
1092
- padding: 40px 0 40px;
1093
- margin: 0 auto; }
1094
-
1095
- /* The shadow behind the image */
1096
- .eae-popup .mfp-figure {
1097
- line-height: 0; }
1098
- .eae-popup .mfp-figure:after {
1099
- content: '';
1100
- position: absolute;
1101
- left: 0;
1102
- top: 40px;
1103
- bottom: 40px;
1104
- display: block;
1105
- right: 0;
1106
- width: auto;
1107
- height: auto;
1108
- z-index: -1;
1109
- box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
1110
- background: #444; }
1111
- .eae-popup .mfp-figure small {
1112
- color: #BDBDBD;
1113
- display: block;
1114
- font-size: 12px;
1115
- line-height: 14px; }
1116
- .eae-popup .mfp-figure figure {
1117
- margin: 0; }
1118
-
1119
- .eae-popup .mfp-bottom-bar {
1120
- margin-top: -36px;
1121
- position: absolute;
1122
- top: 100%;
1123
- left: 0;
1124
- width: 100%;
1125
- cursor: auto; }
1126
-
1127
- .eae-popup .mfp-title {
1128
- text-align: left;
1129
- line-height: 1;
1130
- word-wrap: break-word;
1131
- color: #ffffff;
1132
- background-color: #4054b2;
1133
- padding: 20px 20px 20px 20px;
1134
- }
1135
-
1136
- .eae-popup .mfp-image-holder .mfp-content {
1137
- max-width: 100%; }
1138
-
1139
- .eae-popup .mfp-gallery .mfp-image-holder .mfp-figure {
1140
- cursor: pointer; }
1141
-
1142
- @media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) {
1143
- /**
1144
- * Remove all paddings around the image on small screen
1145
- */
1146
- .mfp-img-mobile .mfp-image-holder {
1147
- padding-left: 0;
1148
- padding-right: 0; }
1149
- .mfp-img-mobile img.mfp-img {
1150
- padding: 0; }
1151
- .mfp-img-mobile .mfp-figure:after {
1152
- top: 0;
1153
- bottom: 0; }
1154
- .mfp-img-mobile .mfp-figure small {
1155
- display: inline;
1156
- margin-left: 5px; }
1157
- .mfp-img-mobile .mfp-bottom-bar {
1158
- background: rgba(0, 0, 0, 0.6);
1159
- bottom: 0;
1160
- margin: 0;
1161
- top: auto;
1162
- padding: 3px 5px;
1163
- position: fixed;
1164
- box-sizing: border-box; }
1165
- .mfp-img-mobile .mfp-bottom-bar:empty {
1166
- padding: 0; }
1167
- .mfp-img-mobile .mfp-counter {
1168
- right: 5px;
1169
- top: 3px; }
1170
- .mfp-img-mobile .eae-close {
1171
- top: 0;
1172
- right: 0;
1173
- width: 35px;
1174
- height: 35px;
1175
- line-height: 35px;
1176
- background: rgba(0, 0, 0, 0.6);
1177
- position: fixed;
1178
- text-align: center;
1179
- padding: 0; } }
1180
-
1181
-
1182
- .elementor-element.eae-animated-gradient-yes {
1183
- background-size: 400% 400% !important;
1184
- -webkit-animation: AnimateGradient 15s ease-in-out infinite;
1185
- -moz-animation: AnimateGradient 15s ease-in-out infinite;
1186
- animation: AnimateGradient 15s ease-in-out infinite;
1187
- }
1188
- @-webkit-keyframes AnimateGradient {
1189
- 0% {
1190
- background-position: 0% 50%
1191
- }
1192
- 50% {
1193
- background-position: 100% 50%
1194
- }
1195
- 100% {
1196
- background-position: 0% 50%
1197
- }
1198
- }
1199
- @-moz-keyframes AnimateGradient {
1200
- 0% {
1201
- background-position: 0% 50%
1202
- }
1203
- 50% {
1204
- background-position: 100% 50%
1205
- }
1206
- 100% {
1207
- background-position: 0% 50%
1208
- }
1209
- }
1210
- @keyframes AnimateGradient {
1211
- 0% {
1212
- background-position: 0% 50%
1213
- }
1214
- 50% {
1215
- background-position: 100% 50%
1216
- }
1217
- 100% {
1218
- background-position: 0% 50%
1219
- }
1220
- }
1221
-
1222
- /*--------------------------------Testimonial Slider----------------------------*/
1223
-
1224
- .eae-swiper-outer-wrapper .swiper-slide{
1225
- height: auto;
1226
- overflow: inherit;
1227
- }
1228
- .eae-swiper-outer-wrapper .swiper-slide-wrapper , .eae-swiper-outer-wrapper .testimonial-wrapper{
1229
- height: 100%;
1230
- }
1231
-
1232
- .eae-grid {
1233
- display: flex;
1234
- flex-wrap: wrap;
1235
- flex-direction: row;
1236
- }
1237
- .eae-masonry- .eae-grid-item {
1238
- position: relative;
1239
- height: 100%;
1240
- }
1241
- .eae-masonry- .eae-grid-item .testimonial-wrapper{
1242
- height: 100%;
1243
- }
1244
- .eae-grid-container {
1245
- transition: 0.1s all ease;
1246
- }
1247
- .eae-grid-container{
1248
- display: inline-block;
1249
- }
1250
-
1251
- .wrapper .content{
1252
- margin: 10px 0;
1253
- }/*------------------------skin-2------------------*/
1254
- .skin-2.testimonial-wrapper{
1255
- display: flex;
1256
- flex-direction: column;
1257
- background-color: #9c989821;
1258
- min-height: 300px;
1259
- padding: 10px 20px;
1260
- box-shadow: 0 0 5px rgba(0, 0, 0, 0.15);
1261
- color : #696969;
1262
- }
1263
- .skin-2 .content-wrapper{
1264
- padding: 10px;
1265
- position: relative;
1266
- background-color: #fff;
1267
- border-radius: 10px;
1268
- color: #77778E;
1269
-
1270
- }
1271
- .skin-2 i.before-content , .skin-2 i.after-content{
1272
- position: absolute;
1273
- }
1274
- .skin-2 i.before-content{
1275
- top : 10px;
1276
- left : 20px;
1277
- }
1278
- .skin-2 i.after-content{
1279
- bottom : 10px;
1280
- right: 20px;
1281
- }
1282
- .skin-2 blockquote{
1283
- position: relative;
1284
- font-size: 14px;
1285
- padding: 10px;
1286
- font-weight: 500;
1287
- text-align: left;
1288
- margin: 0;
1289
- line-height: 1.6em;
1290
- font-style: italic;
1291
- }
1292
- .skin-2 blockquote::before , .skin-2 blockquote::after{
1293
- font-family: 'FontAwesome';
1294
- content: "\201C";
1295
- position: absolute;
1296
- font-size: 50px;
1297
- opacity: 0.3;
1298
- font-style: normal;
1299
- }
1300
-
1301
- .skin-2 blockquote::before{
1302
- top : 10px;
1303
- left: 20px;
1304
- }
1305
- .skin-2 blockquote::after{
1306
- content: "\201D";
1307
- right: 20px;
1308
-
1309
- }
1310
- .skin-2 .image-wrapper{
1311
- position: relative;
1312
- max-width: 100%;
1313
- text-align: center;
1314
- }
1315
- .skin-2 img{
1316
- width: 100px;
1317
- border-radius: 25%
1318
- }
1319
- .skin-2 .detail-wrapper{
1320
- text-align : center;
1321
- }
1322
- .skin-2 .rating-wrapper , .skin-2 .title , .skin-2 .designation , .skin-2 .company{
1323
- padding: 5px 0;
1324
- }
1325
- .skin-2 .rating-wrapper{
1326
- color : #000080;
1327
- }
1328
-
1329
- .skin-2 .title{
1330
- font-weight: 800;
1331
- color: #000000;
1332
- }
1333
- .skin-2 blockquote p{
1334
- margin : 10px 0 !important;
1335
- }
1336
-
1337
- /*------------------------skin-1------------------*/
1338
-
1339
- .skin-1.testimonial-wrapper{
1340
- display: flex;
1341
- flex-direction: column;
1342
- background-color: #ffffff;
1343
- box-shadow: 0 0 5px rgba(0, 0, 0, 0.15);
1344
- color : black;
1345
- }
1346
- .skin-1 .content-wrapper{
1347
- order : 0;
1348
- }
1349
- .skin-1 .image-wrapper{
1350
- order : 1;
1351
- text-align: center;
1352
- margin: 15px 0;
1353
- }
1354
- .skin-1 .detail-wrapper{
1355
- order : 2;
1356
- }
1357
- .skin-1 .content-wrapper{
1358
- padding: 10px;
1359
- position: relative;
1360
- }
1361
- .skin-1 i.before-content , .skin-1 i.after-content{
1362
- position: absolute;
1363
- }
1364
- .skin-1 i.before-content{
1365
- top : 10px;
1366
- left : 20px;
1367
- }
1368
- .skin-1 i.after-content{
1369
- bottom : 10px;
1370
- right: 20px;
1371
- }
1372
- .skin-1 blockquote{
1373
- position: relative;
1374
- background-color: #ffffff;
1375
- font-size: 14px;
1376
- padding: 10px;
1377
- font-weight: 500;
1378
- text-align: left;
1379
- margin: 0;
1380
- line-height: 1.6em;
1381
- font-style: italic;
1382
- }
1383
- .skin-1 blockquote::before , .skin-1 blockquote::after{
1384
- font-family: 'FontAwesome';
1385
- content: "\201C";
1386
- position: absolute;
1387
- font-size: 50px;
1388
- opacity: 0.3;
1389
- font-style: normal;
1390
- }
1391
-
1392
- .skin-1 blockquote::before{
1393
- top : 10px;
1394
- left: 20px;
1395
- }
1396
- .skin-1 blockquote::after{
1397
- content: "\201D";
1398
- right: 20px;
1399
-
1400
- }
1401
- .skin-1 .image-wrapper{
1402
- position: relative;
1403
- max-width: 100%;
1404
- }
1405
- .skin-1 img{
1406
- width: 100px;
1407
- height: auto;
1408
- border-radius: 50%;
1409
- }
1410
- .skin-1 .detail-wrapper{
1411
- display: flex;
1412
- flex-direction: row-reverse;
1413
- justify-content: space-between;
1414
- padding: 10px;
1415
- background-color: rgba(157,163,156,0.18);
1416
- }
1417
- .skin-1 .rating-wrapper , .skin-1 .title , .skin-1 .designation{
1418
- margin: 0 5px;
1419
- }
1420
- .skin-1 .title-wrapper{
1421
- display: flex;
1422
- flex-direction: row;
1423
- }
1424
- .skin-1 .rating-wrapper{
1425
- color : #fecc1f;
1426
- }
1427
-
1428
- /*------------------------skin-4------------------*/
1429
-
1430
- .skin-4.testimonial-wrapper{
1431
- flex-direction: column;
1432
- display: flex;
1433
- background-color: #bfbfb6bd;
1434
- min-height: 300px;
1435
- padding: 10px 0;
1436
- box-shadow: 0 0 5px rgba(0, 0, 0, 0.15);
1437
- color : #77778E;
1438
- }
1439
- .skin-4 .content-wrapper{
1440
- padding: 10px;
1441
- position: relative;
1442
- }
1443
- .skin-4 .content-wrapper{
1444
- order : 2;
1445
- color: #3C3C3C;
1446
- }
1447
- .skin-4 i.before-content , .skin-4 i.after-content{
1448
- position: absolute;
1449
- }
1450
- .skin-4 i.before-content{
1451
- top : 10px;
1452
- left : 20px;
1453
- }
1454
- .skin-4 i.after-content{
1455
- bottom : 10px;
1456
- right: 20px;
1457
- }
1458
- .skin-4 blockquote{
1459
- position: relative;
1460
- font-size: 14px;
1461
- padding: 10px;
1462
- font-weight: 500;
1463
- text-align: left;
1464
- margin: 0;
1465
- line-height: 1.6em;
1466
- font-style: italic;
1467
- }
1468
- .skin-4 blockquote::before , .skin-4 blockquote::after{
1469
- font-family: 'FontAwesome';
1470
- content: "\201C";
1471
- position: absolute;
1472
- font-size: 50px;
1473
- opacity: 0.3;
1474
- font-style: normal;
1475
- }
1476
-
1477
- .skin-4 blockquote::before{
1478
- top : 10px;
1479
- left: 20px;
1480
- }
1481
- .skin-4 blockquote::after{
1482
- content: "\201D";
1483
- right: 20px;
1484
-
1485
- }
1486
- .skin-4 .image-wrapper{
1487
- position: relative;
1488
- max-width: 100%;
1489
- text-align: center;
1490
- }
1491
- .skin-4 img{
1492
- width: 100px;
1493
- border-radius: 50%
1494
- }
1495
- .skin-4 .detail-wrapper{
1496
- text-align : center;
1497
- }
1498
- .skin-4 .rating-wrapper , .skin-2 .title , .skin-2 .designation{
1499
- padding: 5px 0;
1500
- }
1501
- .skin-4 .rating-wrapper{
1502
- color : #690A69;
1503
- }
1504
-
1505
- .skin-4 .title{
1506
- font-weight: 800;
1507
- color: #000000;
1508
- }
1509
-
1510
- /*------------------------skin-3------------------*/
1511
-
1512
- .skin-3.testimonial-wrapper{
1513
- display: flex;
1514
- flex-direction: row;
1515
- background-color: #9c989821;
1516
- box-shadow: 0 0 5px rgba(0, 0, 0, 0.15);
1517
- color : black;
1518
- overflow: hidden;
1519
- }
1520
- .skin-3 .content-section{
1521
- display: flex;
1522
- flex-direction: column;
1523
- align-self: center;
1524
- }
1525
- .skin-3 .content-wrapper{
1526
- padding: 10px;
1527
- position: relative;
1528
- }
1529
- .skin-3 i.before-content , .skin-2 i.after-content{
1530
- position: absolute;
1531
- }
1532
- .skin-3 i.before-content{
1533
- top : 10px;
1534
- left : 20px;
1535
- }
1536
- .skin-3 i.after-content{
1537
- bottom : 10px;
1538
- right: 20px;
1539
- }
1540
- .skin-3 blockquote{
1541
- position: relative;
1542
- font-size: 18px;
1543
- padding: 10px;
1544
- font-weight: 500;
1545
- text-align: left;
1546
- margin: 0;
1547
- line-height: 1.6em;
1548
- font-style: italic;
1549
- }
1550
- .skin-3 blockquote::before , .skin-3 blockquote::after{
1551
- font-family: 'FontAwesome';
1552
- content: "\201C";
1553
- position: absolute;
1554
- font-size: 50px;
1555
- opacity: 0.3;
1556
- font-style: normal;
1557
- }
1558
-
1559
- .skin-3 blockquote::before{
1560
- top : 10px;
1561
- left: 20px;
1562
- }
1563
- .skin-3 blockquote::after{
1564
- content: "\201D";
1565
- right: 20px;
1566
-
1567
- }
1568
- .skin-3 .image-wrapper{
1569
- position: relative;
1570
- max-width: 30%;
1571
- max-height: 250px;
1572
- text-align: center;
1573
- align-self: center;
1574
- }
1575
- .skin-3 img{
1576
- width: 100%;
1577
- }
1578
- .testimonial-wrapper .skin-3 .eae-person-avatar{ border-radius: 50% ;
1579
- }
1580
- .skin-3 .detail-wrapper{
1581
- text-align : left;
1582
- padding-left: 20px;
1583
- }
1584
- .skin-3 .rating-wrapper , .skin-3 .title , .skin-3 .designation{
1585
- padding: 3px 0;
1586
- }
1587
- .skin-3 .rating-wrapper{
1588
- color : #800040;
1589
- }
1590
-
1591
- .skin-3 .title{
1592
- font-weight: 800;
1593
- }
1594
- .eae-swiper-outer-wrapper .swiper-button-prev{
1595
- -webkit-mask: url(arrow-left.svg) no-repeat 100% 100%;
1596
- mask: url(arrow-left.svg) no-repeat 100% 100%;
1597
- -webkit-mask-size: cover;
1598
- mask-size: cover;
1599
- background-image: none;
1600
- background-color: #007aff;
1601
- transform: translateY(-50%);
1602
- margin-top:0px;
1603
-
1604
- }
1605
- .eae-swiper-outer-wrapper .swiper-container-rtl .swiper-button-prev{
1606
- -webkit-mask: url(arrow-right.svg) no-repeat 100% 100%;
1607
- mask: url(arrow-right.svg) no-repeat 100% 100%;
1608
- }
1609
- .eae-swiper-outer-wrapper .swiper-button-next{
1610
- -webkit-mask: url(arrow-right.svg) no-repeat 100% 100%;
1611
- mask: url(arrow-right.svg) no-repeat 100% 100%;
1612
- -webkit-mask-size: cover;
1613
- mask-size: cover;
1614
- background-image: none;
1615
- background-color: #007aff;
1616
- transform: translateY(-50%);
1617
- margin-top:0px;
1618
- }
1619
- .eae-swiper-outer-wrapper .swiper-container-rtl .swiper-button-next{
1620
- -webkit-mask: url(arrow-left.svg) no-repeat 100% 100%;
1621
- mask: url(arrow-left.svg) no-repeat 100% 100%;
1622
- }
1623
- .elementor-widget-wts-testimonial-slider .eae-swiper-outer-wrapper .swiper-button-prev, .elementor-widget-wts-testimonial-slider .eae-swiper-outer-wrapper .swiper-button-next{
1624
- -webkit-mask: none;
1625
- mask: none;
1626
- -webkit-mask-size: unset;
1627
- mask-size: unset;
1628
- background-image: none;
1629
- background-color: unset;
1630
- width: auto;
1631
- height: auto;
1632
- transform: translateY(-50%);
1633
- margin-top:0px;
1634
- }
1635
-
1636
- .swiper-container .swiper-button-next i, .swiper-container .swiper-button-prev i{
1637
- width: 1em;
1638
- height: 1em;
1639
- text-align: center;
1640
- position: relative;
1641
- }
1642
-
1643
- .elementor-widget-wts-testimonial-slider .eae-swiper-outer-wrapper .eae-swiper-button-wrapper{ position: absolute; height: auto; line-height: 0; }
1644
-
1645
- .eae-hpos-right.eae-vpos-top .eae-swiper-button-wrapper{
1646
- bottom: auto; top: 0; width: auto; right: 0;
1647
- }
1648
- .eae-vpos-top.eae-hpos-left .eae-swiper-button-wrapper{
1649
- bottom: auto; top: 0; width: auto; left: 0;
1650
- }
1651
- .eeae-hpos-right.eae-vpos-bottom .eae-swiper-button-wrapper{
1652
- bottom: 0; top: auto; width: auto; right: 0;
1653
- }
1654
- .eae-vpos-bottom.eae-hpos-left .eae-swiper-button-wrapper{
1655
- bottom: 0; top: auto; width: auto; left: 0;
1656
- }
1657
- .eae-hpos-right.eae-vpos-middle .eae-swiper-button-wrapper{
1658
- bottom: auto; top: 50%; width: auto; right: 0;
1659
- }
1660
- .eae-hpos-left.eae-vpos-middle .eae-swiper-button-wrapper{
1661
- bottom: auto; top: 50%; width: auto; left: 0;
1662
- }
1663
-
1664
- .eae-hpos-right .swiper-button-prev, .eae-hpos-left .swiper-button-prev, .eae-hpos-right .swiper-button-next, .eae-hpos-left .swiper-button-next {
1665
- position: relative;
1666
- display: inline-block;
1667
- right: auto;
1668
- left: auto;
1669
- }
1670
-
1671
- .eae-hpos-right.eae-vpos-bottom .swiper-button-prev, .eae-hpos-right.eae-vpos-bottom .swiper-button-next {
1672
- top: auto;
1673
- bottom: 0;
1674
- transform: unset;
1675
- }
1676
- .eae-hpos-right.eae-vpos-top .swiper-button-next, .eae-hpos-right.eae-vpos-top .swiper-button-prev {
1677
- top: 0;
1678
- bottom: auto;
1679
- transform: unset;
1680
- }
1681
- .eae-hpos-left.eae-vpos-top .swiper-button-prev, .eae-hpos-left.eae-vpos-top .swiper-button-next {
1682
- top: 0;
1683
- bottom: auto;
1684
- transform: unset;
1685
- }
1686
- .eae-hpos-left.eae-vpos-bottom .swiper-button-next, .eae-hpos-left.eae-vpos-bottom .swiper-button-prev {
1687
- top: auto;
1688
- bottom: 0;
1689
- transform: unset;
1690
- }
1691
- .eae-hpos-center.eae-vpos-bottom .swiper-button-next, .eae-hpos-center.eae-vpos-bottom .swiper-button-prev {
1692
- top: auto;
1693
- bottom: 0;
1694
- transform: unset;
1695
- }
1696
- .eae-hpos-center.eae-vpos-top .swiper-button-next, .eae-hpos-center.eae-vpos-top .swiper-button-prev {
1697
- top: 0;
1698
- bottom: auto;
1699
- transform: unset;
1700
- }
1701
-
1702
-
1703
- @media all and (max-width: 900px) {
1704
- .mfp-arrow {
1705
- -webkit-transform: scale(0.75);
1706
- transform: scale(0.75); }
1707
- .mfp-arrow-left {
1708
- -webkit-transform-origin: 0;
1709
- transform-origin: 0; }
1710
- .mfp-arrow-right {
1711
- -webkit-transform-origin: 100%;
1712
- transform-origin: 100%; }
1713
- .mfp-container {
1714
- padding-left: 6px;
1715
- padding-right: 6px; }
1716
- }
1717
-
1718
- /* Info Circle */
1719
- .eae-info-circle {
1720
- position: relative;
1721
- width: 90%;
1722
- margin: 0 auto;
1723
- border-radius: 50%;
1724
- display: block;
1725
- }
1726
-
1727
- .eae-info-circle:before {
1728
- content: '';
1729
- display: block;
1730
- position: absolute;
1731
- top: 4%;
1732
- left: 4%;
1733
- width: 92%;
1734
- height: 92%;
1735
- border-radius: 50%;
1736
- z-index: 1;
1737
- -webkit-box-sizing: border-box;
1738
- -moz-box-sizing: border-box;
1739
- box-sizing: border-box;
1740
- pointer-events: none;
1741
- }
1742
-
1743
- .eae-info-circle:after {
1744
- content: '';
1745
- display: block;
1746
- padding-top: 100%;
1747
- }
1748
-
1749
- .eae-info-circle .eae-ic-icon-wrap {
1750
- position: absolute;
1751
- display: inline-block;
1752
- top: 50%;
1753
- left: 50%;
1754
- z-index: 2;
1755
- line-height: 1em;
1756
- vertical-align: middle;
1757
- overflow: hidden;
1758
- max-width: 100%;
1759
- }
1760
-
1761
- .eae-info-circle .eae-info-circle-item {
1762
- position: absolute;
1763
- top: 0;
1764
- left: 0;
1765
- width: 100%;
1766
- height: 100%;
1767
- display: block;
1768
- }
1769
-
1770
- .eae-info-circle .eae-info-circle-item.eae-active .eae-info-circle-item__content-wrap {
1771
- visibility: visible;
1772
- opacity: 1;
1773
- display: flex;
1774
- }
1775
-
1776
- .eae-info-circle .eae-info-circle-item__content-wrap {
1777
- visibility: visible;
1778
- display: none;
1779
- height: 91%;
1780
- width: 91%;
1781
- opacity: 0;
1782
- top: 50%;
1783
- transform: translateY(-50%) translateX(-50%);
1784
- position: absolute;
1785
- left: 50%;
1786
- border-radius: 50%;
1787
- overflow: hidden;
1788
- -webkit-box-sizing: border-box;
1789
- -moz-box-sizing: border-box;
1790
- box-sizing: border-box;
1791
-
1792
- }
1793
-
1794
- .eae-info-circle .eae-info-circle-item__content-wrap:before {
1795
- content: '';
1796
- display: inline-block;
1797
- height: 100%;
1798
- vertical-align: middle;
1799
- }
1800
-
1801
- .eae-info-circle .eae-info-circle-item__content {
1802
- display: inline-block;
1803
- top: 50%;
1804
- transform: translateY(-50%) translateX(-50%);
1805
- position: absolute;
1806
- left: 50%;
1807
- vertical-align: middle;
1808
- z-index: 1;
1809
- max-height: 100%;
1810
- overflow: auto;
1811
- -webkit-box-sizing: border-box;
1812
- -moz-box-sizing: border-box;
1813
- box-sizing: border-box;
1814
- text-align: center;
1815
- width: 75%;
1816
- }
1817
-
1818
-
1819
- /* Mobile */
1820
- @media screen and (max-width: 767px) {
1821
- .eae-info-circle.eae-info-circle .eae-info-circle-item__content-wrap:before {
1822
- display: none;
1823
- }
1824
- .eae-info-circle:before,
1825
- .eae-info-circle:after {
1826
- display: none
1827
- }
1828
-
1829
- .eae-info-circle{
1830
- width: 100% !important;
1831
- }
1832
-
1833
- .eae-info-circle-wrapper:before,
1834
- .eae-info-circle-wrapper:after {
1835
- display: none
1836
- }
1837
- .eae-info-circle .eae-ic-icon-wrap{
1838
- display: block;
1839
- text-align: center;
1840
- position: relative !important;
1841
- left: unset !important;
1842
- margin-left: 0 !important;
1843
- margin-top: 0 !important;
1844
- margin-bottom: 10px;
1845
- }
1846
- .eae-info-circle-item{
1847
- position: relative !important;
1848
- border-radius: 0 !important;
1849
- padding: 0px;
1850
- margin: 10px 0
1851
- }
1852
-
1853
- .eae-info-circle .eae-info-circle-item__content-wrap{
1854
- visibility: visible;
1855
- opacity: 1 !important;
1856
- display: flex !important;
1857
- border-radius: 0 !important;
1858
- border: none !important;
1859
- margin: 0 !important;
1860
- padding-right: 0 !important;
1861
- padding-left: 0 !important;
1862
- padding-bottom: 0 !important;
1863
- width: 100%;
1864
- height: auto;
1865
- line-height: 1.5em;
1866
- position: relative;
1867
- top: unset;
1868
- left: unset;
1869
- transform: unset;
1870
- }
1871
-
1872
- .eae-info-circle .eae-info-circle-item__content{
1873
- position: relative;
1874
- top: unset;
1875
- left: unset;
1876
- transform: unset;
1877
- width: 100%;
1878
- padding: 10px;
1879
- }
1880
- }
1881
-
1882
- /**
1883
- New Icon
1884
- */
1885
- .eae-icon-wrap i{
1886
- height:1.25em;
1887
- width:1.25em;
1888
- line-height: 1.25em;
1889
- display: block;
1890
- }
1891
- .eae-icon-wrap i img{
1892
- top: 50%;
1893
- left: 50%;
1894
- transform: translateX(-50%) translateY(-50%);
1895
- position: absolute;
1896
- }
1897
- .eae-icon{
1898
- display: inline-block;
1899
- text-align: center;
1900
- line-height: 1em;
1901
- vertical-align: middle;
1902
- max-width: 100%;
1903
- overflow: hidden;
1904
- padding: 10px;
1905
- }
1906
-
1907
- .eae-icon-shape-circle:not(.elementor-element){
1908
- border-radius:50%;
1909
- }
1910
- .eae-icon-view-framed:not(.elementor-element) {
1911
- border-width:1px;
1912
- border-style:solid;
1913
- }
1914
-
1915
- .eae-icon-wrapper{
1916
- display: flex;
1917
- }
1918
-
1919
- .eae-icon-wrapper .eae-icon{
1920
- position: absolute;
1921
- left: 50%;
1922
- top: 50%;
1923
- transform: translate(-50%, -50%);
1924
- line-height: 1;
1925
- }
1926
-
1927
-
1928
- /**
1929
-
1930
- Timeline CSS
1931
- new comment
1932
-
1933
- **/
1934
-
1935
-
1936
- .eae-timeline {
1937
- position: relative;
1938
- display: inline-block;
1939
- width: 100%;
1940
- }
1941
-
1942
- .eae-timline-progress-bar{
1943
- width: 4px;
1944
- background-color: #F45B69;
1945
- top:0;
1946
- bottom: 50px;
1947
- position: absolute;
1948
- transform: translateX(-50%);
1949
- }
1950
-
1951
- .eae-timeline-item{
1952
- position: relative;
1953
- display: flex;
1954
- flex-direction: row;
1955
- padding-bottom: 50px;
1956
- }
1957
-
1958
- .eae-timeline-item:last-child{
1959
- padding-bottom: 0px !important;
1960
- }
1961
-
1962
- .eae-tl-top .eae-timeline-item {
1963
- align-items: flex-start;
1964
- }
1965
- .eae-tl-top .eae-tl-item-content::before{
1966
- top: 10px;
1967
- }
1968
- .eae-timeline-item.image-position-row-reverse .eae-tl-item-image,
1969
- .eae-timeline-item.image-position-row .eae-tl-item-image{
1970
- margin-top: 0;
1971
- margin-bottom: 0;
1972
- }
1973
-
1974
- .eae-tl-item-meta-wrapper-inner{
1975
- display: none;
1976
- }
1977
- .eae-tl-bottom .eae-timeline-item {
1978
- align-items: flex-end;
1979
- }
1980
- .eae-tl-bottom .eae-tl-item-content::before{
1981
- bottom: 10px;
1982
- }
1983
-
1984
- .eae-tl-center .eae-timeline-item {
1985
- align-items: center;
1986
- }
1987
- .eae-tl-center .eae-tl-item-content::before{
1988
- bottom: calc(50% - 5px);
1989
- }
1990
-
1991
- .eae-layout-center .eae-timline-progress-bar{
1992
- left: 50%;
1993
- }
1994
- .eae-layout-center .eae-timeline-item:nth-child(odd) {
1995
- flex-direction: row-reverse;
1996
- }
1997
- .eae-layout-center .eae-timeline-item:nth-child(odd) .eae-tl-item-meta-wrapper{
1998
- margin-right: 0px;
1999
- margin-left:0px;
2000
- justify-content: flex-start;
2001
- }
2002
- .eae-layout-center .eae-timeline-item:nth-child(odd) .eae-tl-content-wrapper{
2003
- padding-right: 20px;
2004
- padding-left: 0px;
2005
- }
2006
- .eae-layout-center .eae-timeline-item:nth-child(even) .eae-tl-content-wrapper{
2007
- padding-right: 0px;
2008
- padding-left: 20px;
2009
- }
2010
-
2011
- .eae-layout-left .eae-tl-content-wrapper {
2012
- padding-right: 10px;
2013
- padding-left: 20px;
2014
- }
2015
- .eae-layout-left .eae-timline-progress-bar{
2016
- left: 20px;
2017
- }
2018
- .eae-layout-left .eae-tl-item-meta-wrapper{
2019
- display: none;
2020
- }
2021
- .eae-layout-left .eae-tl-item-meta-wrapper-inner{
2022
- display: block;
2023
- }
2024
-
2025
- .eae-layout-right .eae-timline-progress-bar{
2026
- left: calc(100% - 20px);
2027
- }
2028
- .eae-layout-right .eae-tl-content-wrapper {
2029
- padding-right: 20px;
2030
- padding-left: 10px;
2031
- }
2032
- .eae-layout-right .eae-tl-icon-wrapper{
2033
- order:3;
2034
- }
2035
- .eae-layout-right .eae-tl-item-meta-wrapper{
2036
- display: none;
2037
- }
2038
- .eae-layout-right .eae-tl-item-meta-wrapper-inner{
2039
- display: block;
2040
- }
2041
-
2042
- .eae-tl-item-meta-wrapper {
2043
- flex-grow: 1;
2044
- order: 0;
2045
- flex-basis: 50%;
2046
- flex-direction: initial;
2047
- justify-content: flex-end;
2048
- display: flex;
2049
- align-items: center;
2050
- margin-right: 0px;
2051
- }
2052
- .eae-tl-item-meta{
2053
- padding: 0px 20px;
2054
- }
2055
-
2056
- .eae-tl-icon-wrapper {
2057
- height: auto;
2058
- width: auto;
2059
- flex-grow: 0;
2060
- flex-shrink: 0;
2061
- order: 1;
2062
- margin-left: 0px;
2063
- margin-right: 0px;
2064
- min-width: 10px;
2065
- min-height: 10px;
2066
- border-radius: 999px;
2067
- position: relative;
2068
- display: -ms-flexbox;
2069
- display: flex;
2070
- -ms-flex-align: center;
2071
- align-items: center;
2072
- -ms-flex-pack: center;
2073
- justify-content: center;
2074
- }
2075
-
2076
- .eae-tl-content-wrapper {
2077
- flex-grow: 1;
2078
- order: 2;
2079
- flex-basis: 50%;
2080
- position: relative;
2081
- padding-right: 0px;
2082
- padding-left: 20px;
2083
- }
2084
- .eae-tl-item-content{
2085
- background: #f4f4f4;
2086
- padding: 25px;
2087
- overflow: hidden;
2088
- text-align: center;
2089
- display: flex;
2090
- flex-direction: row;
2091
- }
2092
- .eae-tl-content{
2093
- display: inline-block;
2094
- position: relative;
2095
- padding: 10px;
2096
- width: 100%;
2097
- color: #000;
2098
- }
2099
-
2100
- .eae-timeline.image-position-row .eae-content-inner,.eae-timeline.image-position-row-reverse .eae-content-inner{
2101
- position: relative;
2102
- left: 50%;
2103
- top: 50%;
2104
- transform: translate(-50%, -50%);
2105
- line-height: 1;
2106
- width: 100%;
2107
- }
2108
- .custom-image-style-.image-position-row .eae-content-inner,
2109
- .custom-image-style-.image-position-row-reverse .eae-content-inner,
2110
- .custom-image-style-no.image-position-row .eae-content-inner,
2111
- .custom-image-style-no.image-position-row-reverse .eae-content-inner{
2112
- left: unset;
2113
- top: unset;
2114
- transform: unset;
2115
- }
2116
- .eae-tl-item-image{
2117
- display: inline-block;
2118
- }
2119
-
2120
- .image-position-row .eae-tl-item-image img, .image-position-row-reverse .eae-tl-item-image img{
2121
- object-fit: cover;
2122
- height: 100% !important;
2123
- }
2124
- .image-position-row .eae-tl-item-image,.image-position-row-reverse .eae-tl-item-image{
2125
- margin: 0px;
2126
- }
2127
- .image-position-column .eae-tl-item-image{
2128
- margin : auto;
2129
- }
2130
- .custom-image-style-no.image-position-column .eae-tl-item-image,
2131
- .custom-image-style-.image-position-column .eae-tl-item-image{
2132
- margin : 0 auto;
2133
- }
2134
-
2135
- .eae-pb-inner-line{
2136
- width: 100%;
2137
- background-color: #3d5ac3;
2138
- }
2139
-
2140
- .eae-tl-item-content::before {
2141
- content: '';
2142
- position: absolute;
2143
- width: 0;
2144
- height: 0;
2145
- border-style: solid;
2146
- border-width: 8px 16px 8px 0;
2147
- border-color: transparent #f4f4f4 transparent transparent;
2148
- }
2149
-
2150
-
2151
- .eae-icon-wrapper{
2152
- display: flex;
2153
- }
2154
-
2155
- .elementor-widget-bpel-timeline .eae-icon-wrapper{
2156
- position: absolute;
2157
- left: 50%;
2158
- top: 50%;
2159
- transform: translate(-50%, -50%);
2160
- line-height: 1;
2161
- }
2162
-
2163
- .eae-tl-read-more{
2164
- display: inline-block;
2165
- padding: 5px;
2166
- border: 2px solid #000000;
2167
- }
2168
-
2169
- @media screen and (min-width: 1024px) {
2170
- .image-position-row .eae-timeline.eae-timeline-alternate-yes .eae-timeline-item:nth-child(odd):not(.custom-image-style-yes) .eae-tl-item-content{
2171
- flex-direction: row-reverse !important;
2172
- }
2173
- .image-position-row-reverse .eae-timeline.eae-timeline-alternate-yes .eae-timeline-item:nth-child(odd):not(.custom-image-style-yes) .eae-tl-item-content{
2174
- flex-direction: row !important;
2175
- }
2176
-
2177
- .eae-layout-right .eae-tl-item-content::before,
2178
- .eae-layout-center .eae-timeline-item:nth-child(odd) .eae-tl-item-content::before{
2179
- right: 4px;
2180
- border-width: 8px 0 8px 16px;
2181
- border-color: transparent transparent transparent #f4f4f4;
2182
- }
2183
-
2184
- .eae-layout-left .eae-tl-item-content::before,
2185
- .eae-layout-center .eae-timeline-item:nth-child(even) .eae-tl-item-content::before{
2186
- left: 4px;
2187
- border-width: 8px 16px 8px 0;
2188
- border-color: transparent #f4f4f4 transparent transparent;
2189
- }
2190
- }
2191
- @media screen and (max-width: 1023px) and (min-width: 768px) {
2192
- .image-position-row .eae-timeline.eae-timeline-alternate-yes .eae-timeline-item:nth-child(odd):not(.custom-image-style-yes) .eae-tl-item-content{
2193
- flex-direction: row-reverse !important;
2194
- }
2195
- .image-position-row-reverse .eae-timeline.eae-timeline-alternate-yes .eae-timeline-item:nth-child(odd):not(.custom-image-style-yes) .eae-tl-item-content{
2196
- flex-direction: row !important;
2197
- }
2198
-
2199
- .eae-tl-res-style-mobile-tablet .eae-tl-item-meta-wrapper{
2200
- display: none;
2201
- }.eae-tl-res-style-mobile-tablet .eae-tl-item-meta-wrapper-inner{
2202
- display: block;
2203
- }
2204
- .eae-tl-res-style-mobile-tablet.eae-tl-res-layout-left .eae-timeline-item{
2205
- flex-direction: row !important;
2206
- }
2207
- .eae-tl-res-style-mobile-tablet.eae-tl-res-layout-right .eae-timeline-item{
2208
- flex-direction: row-reverse !important;
2209
- }
2210
-
2211
- .eae-layout-center.eae-tl-res-style-mobile-tablet.eae-tl-res-layout-left .eae-timeline-item .eae-tl-item-content::before,
2212
- .eae-timeline.eae-layout-center.eae-tl-res-style-mobile .eae-timeline-item:nth-child(even) .eae-tl-item-content::before,
2213
- .eae-layout-left .eae-tl-item-content::before,
2214
- .eae-layout-left .eae-timeline-item .eae-tl-item-content::before{
2215
- left: 4px !important;
2216
- border-width: 8px 16px 8px 0 !important;
2217
- border-color: transparent #f4f4f4 transparent transparent !important;
2218
- }
2219
-
2220
- .eae-layout-right .eae-timeline-item .eae-tl-item-content::before,
2221
- .eae-layout-right .eae-tl-item-content::before,
2222
- .eae-timeline.eae-layout-center.eae-tl-res-style-mobile .eae-timeline-item:nth-child(odd) .eae-tl-item-content::before,
2223
- .eae-layout-center.eae-tl-res-style-mobile-tablet.eae-tl-res-layout-right .eae-timeline-item .eae-tl-item-content::before,
2224
- .eae-tl-res-style-mobile-tablet.eae-tl-res-layout-right .eae-timeline-item .eae-tl-item-content::before{
2225
- right: 4px !important;
2226
- border-width: 8px 0 8px 16px !important;
2227
- border-color: transparent transparent transparent #f4f4f4 !important;
2228
- }
2229
- .eae-tl-res-style-mobile-tablet.eae-layout-center.eae-tl-res-layout-left .eae-timeline-item .eae-tl-content-wrapper{
2230
- padding-right: 0px !important;
2231
- padding-left: 20px !important;
2232
- }
2233
- .eae-tl-res-style-mobile-tablet.eae-layout-center.eae-tl-res-layout-right .eae-timeline-item .eae-tl-content-wrapper{
2234
- padding-right: 20px !important;
2235
- padding-left: 0px !important;
2236
- }
2237
- .eae-tl-res-style-mobile-tablet.eae-layout-center.eae-tl-res-layout-left .eae-timline-progress-bar{
2238
- left: 13px;
2239
- }
2240
- .eae-tl-res-style-mobile-tablet.eae-layout-center.eae-tl-res-layout-right .eae-timline-progress-bar{
2241
- left: calc(100% - 13px);
2242
- }
2243
- }
2244
-
2245
- @media screen and (max-width: 767px) {
2246
- .eae-tl-item-meta-wrapper{
2247
- display: none;
2248
- }
2249
- .eae-tl-item-meta-wrapper-inner{
2250
- display: block;
2251
- }
2252
-
2253
- .elementor-widget-bpel-timeline:not(.image-position-column) .eae-timeline .eae-tl-item-content{
2254
- flex-direction: column-reverse !important;
2255
- }
2256
- .elementor-widget-bpel-timeline:not(.image-position-column) .eae-tl-content,.eae-tl-item-image{
2257
- width : 100% !important;
2258
- }
2259
- .eae-tl-res-style-mobile.eae-tl-res-layout-left .eae-timeline-item,
2260
- .eae-tl-res-style-mobile-tablet.eae-tl-res-layout-left .eae-timeline-item{
2261
- flex-direction: row !important;
2262
- }
2263
- .eae-tl-res-style-mobile-tablet.eae-tl-res-layout-right .eae-timeline-item,
2264
- .eae-tl-res-style-mobile.eae-tl-res-layout-right .eae-timeline-item{
2265
- flex-direction: row-reverse !important;
2266
- }
2267
-
2268
- .eae-tl-res-style-mobile.eae-tl-res-layout-left .eae-timeline-item .eae-tl-item-content::before,
2269
- .eae-tl-res-style-mobile-tablet.eae-tl-res-layout-left .eae-timeline-item .eae-tl-item-content::before,
2270
- .eae-layout-left .eae-timeline-item .eae-tl-item-content::before,
2271
- .eae-timeline.eae-layout-center.eae-tl-center.eae-tl-res-style-mobile.eae-tl-res-layout-left .eae-timeline-item:nth-child(odd) .eae-tl-item-content::before,
2272
- .eae-timeline.eae-layout-center.eae-tl-center.eae-tl-res-style-mobile-tablet.eae-tl-res-layout-left .eae-timeline-item:nth-child(odd) .eae-tl-item-content::before
2273
- {
2274
- left: 4px !important;
2275
- border-width: 8px 16px 8px 0 !important;
2276
- border-color: transparent #f4f4f4 transparent transparent !important;
2277
- }
2278
- .eae-tl-res-style-mobile-tablet.eae-tl-res-layout-right .eae-timeline-item .eae-tl-item-content::before,
2279
- .eae-tl-res-style-mobile.eae-tl-res-layout-right .eae-timeline-item .eae-tl-item-content::before,
2280
- .eae-layout-right .eae-timeline-item .eae-tl-item-content::before{
2281
- right: 4px !important;
2282
- border-width: 8px 0 8px 16px !important;
2283
- border-color: transparent transparent transparent #f4f4f4 !important;
2284
- }
2285
- .eae-tl-res-style-mobile.eae-layout-center.eae-tl-res-layout-left .eae-timeline-item .eae-tl-content-wrapper,
2286
- .eae-tl-res-style-mobile-tablet.eae-layout-center.eae-tl-res-layout-left .eae-timeline-item .eae-tl-content-wrapper{
2287
- padding-right: 0px !important;
2288
- padding-left: 20px !important;
2289
- }
2290
- .eae-tl-res-style-mobile.eae-layout-center.eae-tl-res-layout-right .eae-timeline-item .eae-tl-content-wrapper,
2291
- .eae-tl-res-style-mobile-tablet.eae-layout-center.eae-tl-res-layout-right .eae-timeline-item .eae-tl-content-wrapper{
2292
- padding-right: 20px !important;
2293
- padding-left: 0px !important;
2294
- }
2295
- .eae-tl-res-style-mobile.eae-layout-center.eae-tl-res-layout-left .eae-timline-progress-bar,
2296
- .eae-tl-res-style-mobile-tablet.eae-layout-center.eae-tl-res-layout-left .eae-timline-progress-bar{
2297
- left: 13px;
2298
- }
2299
- .eae-tl-res-style-mobile.eae-layout-center.eae-tl-res-layout-right .eae-timline-progress-bar,
2300
- .eae-tl-res-style-mobile-tablet.eae-layout-center.eae-tl-res-layout-right .eae-timline-progress-bar{
2301
- left: calc(100% - 13px);
2302
- }
2303
- }
2304
-
2305
- /** EverGreen Timer **/
2306
-
2307
- [data-element_type="eae-evergreen-timer.skin1"] .eae-evergreen-wrapper{
2308
- display: block;
2309
- text-align: center;
2310
- }
2311
- [data-element_type="eae-evergreen-timer.skin1"] #eaeclockdiv{
2312
- font-family: sans-serif;
2313
- color: #fff;
2314
- display: inline-block;
2315
- font-weight: 100;
2316
- text-align: center;
2317
- font-size: 30px;
2318
- }
2319
-
2320
- [data-element_type="eae-evergreen-timer.skin1"] .eae-time-wrapper{
2321
- padding: 10px;
2322
- border-radius: 3px;
2323
- background: #00BF96;
2324
- display: inline-block;
2325
- overflow: hidden;
2326
- }
2327
-
2328
- [data-element_type="eae-evergreen-timer.skin1"] #eaeclockdiv div > span{
2329
- padding: 15px;
2330
- width: 100% ;
2331
- background: #00816A;
2332
- display: inline-block;
2333
- }
2334
-
2335
- [data-element_type="eae-evergreen-timer.skin1"] .smalltext{
2336
- padding: 7px;
2337
- font-size: 16px;
2338
- }
2339
-
2340
- [data-element_type="eae-evergreen-timer.skin1"] .eae-egt-hide{
2341
- display : none;
2342
- }
2343
-
2344
- .eae-egt-message {
2345
- display: none;
2346
- }
2347
-
2348
- @media screen and (max-width: 767px){
2349
- [data-element_type="eae-evergreen-timer.skin1"] #eaeclockdiv div > span{
2350
- padding: 5px;
2351
- }
2352
-
2353
- [data-element_type="eae-evergreen-timer.skin1"] .eae-time-wrapper {
2354
- padding: 5px;
2355
- }
2356
- }
2357
-
2358
- /* Skin 2 - Flip Clock Css*/
2359
-
2360
- [data-element_type="eae-evergreen-timer.skin2"] .eae-flip-clock-wrapper * {
2361
- -webkit-box-sizing: border-box;
2362
- -moz-box-sizing: border-box;
2363
- -ms-box-sizing: border-box;
2364
- -o-box-sizing: border-box;
2365
- box-sizing: border-box;
2366
- -webkit-backface-visibility: hidden;
2367
- -moz-backface-visibility: hidden;
2368
- -ms-backface-visibility: hidden;
2369
- -o-backface-visibility: hidden;
2370
- backface-visibility: hidden;
2371
- }
2372
- [data-element_type="eae-evergreen-timer.skin2"] .eae-evergreen-wrapper{
2373
- display: inline-block;
2374
- width: 100%;
2375
- text-align: center;
2376
- margin: auto;
2377
- }
2378
- [data-element_type="eae-evergreen-timer.skin2"] .timer-container{
2379
- display: inline-block;
2380
- }
2381
- [data-element_type="eae-evergreen-timer.skin2"] .eae-flip-clock-wrapper a {
2382
- cursor: pointer;
2383
- text-decoration: none;
2384
- color: #ccc;
2385
- }
2386
-
2387
- [data-element_type="eae-evergreen-timer.skin2"] .eae-flip-clock-wrapper a:hover {
2388
- color: #fff;
2389
- }
2390
-
2391
- [data-element_type="eae-evergreen-timer.skin2"] .eae-flip-clock-wrapper ul {
2392
- list-style: none;
2393
- }
2394
-
2395
- [data-element_type="eae-evergreen-timer.skin2"] .eae-flip-clock-wrapper.clearfix:before,
2396
- [data-element_type="eae-evergreen-timer.skin2"] .eae-flip-clock-wrapper.clearfix:after {
2397
- content: " ";
2398
- display: table;
2399
- }
2400
-
2401
- [data-element_type="eae-evergreen-timer.skin2"] .eae-flip-clock-wrapper.clearfix:after {
2402
- clear: both;
2403
- }
2404
-
2405
- [data-element_type="eae-evergreen-timer.skin2"] .eae-flip-clock-wrapper.clearfix {
2406
- *zoom: 1;
2407
- }
2408
-
2409
- /* Main */
2410
- [data-element_type="eae-evergreen-timer.skin2"] .eae-flip-clock-wrapper {
2411
- font: normal 11px "Helvetica Neue", Helvetica, sans-serif;
2412
- -webkit-user-select: none;
2413
- }
2414
-
2415
- [data-element_type="eae-evergreen-timer.skin2"] .flip-clock-meridium {
2416
- background: none !important;
2417
- box-shadow: 0 0 0 !important;
2418
- font-size: 36px !important;
2419
- }
2420
-
2421
- [data-element_type="eae-evergreen-timer.skin2"] .flip-clock-meridium a {
2422
- color: #313333;
2423
- }
2424
-
2425
- [data-element_type="eae-evergreen-timer.skin2"] .eae-flip-clock-wrapper {
2426
- text-align: center;
2427
- position: relative;
2428
- width: 100%;
2429
- margin: 1em;
2430
- }
2431
-
2432
- [data-element_type="eae-evergreen-timer.skin2"] .eae-flip-clock-wrapper:before,
2433
- [data-element_type="eae-evergreen-timer.skin2"] .eae-flip-clock-wrapper:after {
2434
- content: " "; /* 1 */
2435
- display: table; /* 2 */
2436
- }
2437
- [data-element_type="eae-evergreen-timer.skin2"] .eae-flip-clock-wrapper:after {
2438
- clear: both;
2439
- }
2440
-
2441
- /* Skeleton */
2442
- [data-element_type="eae-evergreen-timer.skin2"] .eae-flip-clock-wrapper ul {
2443
- position: relative;
2444
- float: left;
2445
- margin: 5px;
2446
- width: 60px;
2447
- height: 90px;
2448
- font-size: 80px;
2449
- font-weight: bold;
2450
- line-height: 87px;
2451
- border-radius: 6px;
2452
- background: #000;
2453
- }
2454
-
2455
- [data-element_type="eae-evergreen-timer.skin2"] .eae-flip-clock-wrapper ul li {
2456
- z-index: 1;
2457
- position: absolute;
2458
- left: 0;
2459
- top: 0;
2460
- width: 100%;
2461
- height: 100%;
2462
- line-height: 87px;
2463
- text-decoration: none !important;
2464
- }
2465
-
2466
- [data-element_type="eae-evergreen-timer.skin2"] .eae-flip-clock-wrapper ul li:first-child {
2467
- z-index: 2;
2468
- }
2469
-
2470
- [data-element_type="eae-evergreen-timer.skin2"] .eae-flip-clock-wrapper ul li a {
2471
- display: block;
2472
- height: 100%;
2473
- -webkit-perspective: 200px;
2474
- -moz-perspective: 200px;
2475
- perspective: 200px;
2476
- margin: 0 !important;
2477
- overflow: visible !important;
2478
- cursor: default !important;
2479
- }
2480
-
2481
- [data-element_type="eae-evergreen-timer.skin2"] .eae-flip-clock-wrapper ul li a div {
2482
- z-index: 1;
2483
- position: absolute;
2484
- left: 0;
2485
- width: 100%;
2486
- height: 50%;
2487
- font-size: 80px;
2488
- overflow: hidden;
2489
- outline: 1px solid transparent;
2490
- }
2491
-
2492
- [data-element_type="eae-evergreen-timer.skin2"] .eae-flip-clock-wrapper ul li a div .shadow {
2493
- position: absolute;
2494
- width: 100%;
2495
- height: 100%;
2496
- z-index: 2;
2497
- }
2498
-
2499
- [data-element_type="eae-evergreen-timer.skin2"] .eae-flip-clock-wrapper ul li a div.up {
2500
- -webkit-transform-origin: 50% 100%;
2501
- -moz-transform-origin: 50% 100%;
2502
- -ms-transform-origin: 50% 100%;
2503
- -o-transform-origin: 50% 100%;
2504
- transform-origin: 50% 100%;
2505
- top: 0;
2506
- }
2507
-
2508
- [data-element_type="eae-evergreen-timer.skin2"] .eae-flip-clock-wrapper ul li a div.up:after {
2509
- content: "";
2510
- position: absolute;
2511
- top: 44px;
2512
- left: 0;
2513
- z-index: 5;
2514
- width: 100%;
2515
- height: 3px;
2516
- background-color: #000;
2517
- background-color: rgba(0, 0, 0, 0.4);
2518
- }
2519
-
2520
- [data-element_type="eae-evergreen-timer.skin2"] .eae-flip-clock-wrapper ul li a div.down {
2521
- -webkit-transform-origin: 50% 0;
2522
- -moz-transform-origin: 50% 0;
2523
- -ms-transform-origin: 50% 0;
2524
- -o-transform-origin: 50% 0;
2525
- transform-origin: 50% 0;
2526
- bottom: 0;
2527
- border-bottom-left-radius: 6px;
2528
- border-bottom-right-radius: 6px;
2529
- }
2530
-
2531
- [data-element_type="eae-evergreen-timer.skin2"] .eae-flip-clock-wrapper ul li a div div.inn {
2532
- position: absolute;
2533
- left: 0;
2534
- z-index: 1;
2535
- width: 100%;
2536
- height: 200%;
2537
- color: #ccc;
2538
- text-shadow: 0 1px 2px #000;
2539
- text-align: center;
2540
- background-color: #333;
2541
- border-radius: 6px;
2542
- font-size: 70px;
2543
- }
2544
-
2545
- [data-element_type="eae-evergreen-timer.skin2"] .eae-flip-clock-wrapper ul li a div.up div.inn {
2546
- top: 0;
2547
- }
2548
-
2549
- [data-element_type="eae-evergreen-timer.skin2"] .eae-flip-clock-wrapper ul li a div.down div.inn {
2550
- bottom: 0;
2551
- }
2552
-
2553
- /* PLAY */
2554
- [data-element_type="eae-evergreen-timer.skin2"] .eae-flip-clock-wrapper ul.play li.flip-clock-before {
2555
- z-index: 3;
2556
- }
2557
-
2558
- [data-element_type="eae-evergreen-timer.skin2"] .eae-flip-clock-wrapper .flip {
2559
- box-shadow: 0 2px 5px rgba(0, 0, 0, 0.7);
2560
- }
2561
-
2562
- [data-element_type="eae-evergreen-timer.skin2"] .eae-flip-clock-wrapper ul.play li.flip-clock-active {
2563
- -webkit-animation: asd 0.01s 0.49s linear both;
2564
- -moz-animation: asd 0.01s 0.49s linear both;
2565
- animation: asd 0.01s 0.49s linear both;
2566
- z-index: 5;
2567
- }
2568
-
2569
- [data-element_type="eae-evergreen-timer.skin2"] .flip-clock-divider {
2570
- float: left;
2571
- display: inline-block;
2572
- position: relative;
2573
- width: 20px;
2574
- height: 100px;
2575
- }
2576
-
2577
- [data-element_type="eae-evergreen-timer.skin2"] .flip-clock-divider:first-child {
2578
- width: 0;
2579
- }
2580
-
2581
- [data-element_type="eae-evergreen-timer.skin2"] .flip-clock-dot {
2582
- display: block;
2583
- background: #323434;
2584
- width: 10px;
2585
- height: 10px;
2586
- position: absolute;
2587
- border-radius: 50%;
2588
- box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
2589
- left: 5px;
2590
- }
2591
-
2592
- [data-element_type="eae-evergreen-timer.skin2"] .flip-clock-divider .flip-clock-label {
2593
- position: absolute;
2594
- top: -1.5em;
2595
- right: -86px;
2596
- color: black;
2597
- text-shadow: none;
2598
- }
2599
-
2600
- [data-element_type="eae-evergreen-timer.skin2"] .flip-clock-divider.minutes .flip-clock-label {
2601
- right: -88px;
2602
- }
2603
-
2604
- [data-element_type="eae-evergreen-timer.skin2"] .flip-clock-divider.seconds .flip-clock-label {
2605
- right: -91px;
2606
- }
2607
-
2608
- [data-element_type="eae-evergreen-timer.skin2"] .flip-clock-dot.top {
2609
- top: 30%;
2610
- }
2611
-
2612
- [data-element_type="eae-evergreen-timer.skin2"] .flip-clock-dot.bottom {
2613
- bottom: 30%;
2614
- }
2615
-
2616
- @-webkit-keyframes asd {
2617
- 0% {
2618
- z-index: 2;
2619
- }
2620
-
2621
- 100% {
2622
- z-index: 4;
2623
- }
2624
- }
2625
-
2626
- @-moz-keyframes asd {
2627
- 0% {
2628
- z-index: 2;
2629
- }
2630
-
2631
- 100% {
2632
- z-index: 4;
2633
- }
2634
- }
2635
-
2636
- @-o-keyframes asd {
2637
- 0% {
2638
- z-index: 2;
2639
- }
2640
-
2641
- 100% {
2642
- z-index: 4;
2643
- }
2644
- }
2645
-
2646
- @keyframes asd {
2647
- 0% {
2648
- z-index: 2;
2649
- }
2650
-
2651
- 100% {
2652
- z-index: 4;
2653
- }
2654
- }
2655
-
2656
- [data-element_type="eae-evergreen-timer.skin2"] .eae-flip-clock-wrapper ul.play li.flip-clock-active .down {
2657
- z-index: 2;
2658
- -webkit-animation: turn 0.5s 0.5s linear both;
2659
- -moz-animation: turn 0.5s 0.5s linear both;
2660
- animation: turn 0.5s 0.5s linear both;
2661
- }
2662
-
2663
- @-webkit-keyframes turn {
2664
- 0% {
2665
- -webkit-transform: rotateX(90deg);
2666
- }
2667
-
2668
- 100% {
2669
- -webkit-transform: rotateX(0deg);
2670
- }
2671
- }
2672
-
2673
- @-moz-keyframes turn {
2674
- 0% {
2675
- -moz-transform: rotateX(90deg);
2676
- }
2677
-
2678
- 100% {
2679
- -moz-transform: rotateX(0deg);
2680
- }
2681
- }
2682
-
2683
- @-o-keyframes turn {
2684
- 0% {
2685
- -o-transform: rotateX(90deg);
2686
- }
2687
-
2688
- 100% {
2689
- -o-transform: rotateX(0deg);
2690
- }
2691
- }
2692
-
2693
- @keyframes turn {
2694
- 0% {
2695
- transform: rotateX(90deg);
2696
- }
2697
-
2698
- 100% {
2699
- transform: rotateX(0deg);
2700
- }
2701
- }
2702
-
2703
- [data-element_type="eae-evergreen-timer.skin2"] .eae-flip-clock-wrapper ul.play li.flip-clock-before .up {
2704
- z-index: 2;
2705
- -webkit-animation: turn2 0.5s linear both;
2706
- -moz-animation: turn2 0.5s linear both;
2707
- animation: turn2 0.5s linear both;
2708
- }
2709
-
2710
- @-webkit-keyframes turn2 {
2711
- 0% {
2712
- -webkit-transform: rotateX(0deg);
2713
- }
2714
-
2715
- 100% {
2716
- -webkit-transform: rotateX(-90deg);
2717
- }
2718
- }
2719
-
2720
- @-moz-keyframes turn2 {
2721
- 0% {
2722
- -moz-transform: rotateX(0deg);
2723
- }
2724
-
2725
- 100% {
2726
- -moz-transform: rotateX(-90deg);
2727
- }
2728
- }
2729
-
2730
- @-o-keyframes turn2 {
2731
- 0% {
2732
- -o-transform: rotateX(0deg);
2733
- }
2734
-
2735
- 100% {
2736
- -o-transform: rotateX(-90deg);
2737
- }
2738
- }
2739
-
2740
- @keyframes turn2 {
2741
- 0% {
2742
- transform: rotateX(0deg);
2743
- }
2744
-
2745
- 100% {
2746
- transform: rotateX(-90deg);
2747
- }
2748
- }
2749
-
2750
- [data-element_type="eae-evergreen-timer.skin2"] .eae-flip-clock-wrapper ul li.flip-clock-active {
2751
- z-index: 3;
2752
- }
2753
-
2754
- /* SHADOW */
2755
- [data-element_type="eae-evergreen-timer.skin2"] .eae-flip-clock-wrapper ul.play li.flip-clock-before .up .shadow {
2756
- background: -moz-linear-gradient(top, rgba(0, 0, 0, 0.1) 0%, black 100%);
2757
- background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0.1)), color-stop(100%, black));
2758
- background: linear, top, rgba(0, 0, 0, 0.1) 0%, black 100%;
2759
- background: -o-linear-gradient(top, rgba(0, 0, 0, 0.1) 0%, black 100%);
2760
- background: -ms-linear-gradient(top, rgba(0, 0, 0, 0.1) 0%, black 100%);
2761
- background: linear, to bottom, rgba(0, 0, 0, 0.1) 0%, black 100%;
2762
- -webkit-animation: show 0.5s linear both;
2763
- -moz-animation: show 0.5s linear both;
2764
- animation: show 0.5s linear both;
2765
- }
2766
-
2767
- [data-element_type="eae-evergreen-timer.skin2"] .eae-flip-clock-wrapper ul.play li.flip-clock-active .up .shadow {
2768
- background: -moz-linear-gradient(top, rgba(0, 0, 0, 0.1) 0%, black 100%);
2769
- background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0.1)), color-stop(100%, black));
2770
- background: linear, top, rgba(0, 0, 0, 0.1) 0%, black 100%;
2771
- background: -o-linear-gradient(top, rgba(0, 0, 0, 0.1) 0%, black 100%);
2772
- background: -ms-linear-gradient(top, rgba(0, 0, 0, 0.1) 0%, black 100%);
2773
- background: linear, to bottom, rgba(0, 0, 0, 0.1) 0%, black 100%;
2774
- -webkit-animation: hide 0.5s 0.3s linear both;
2775
- -moz-animation: hide 0.5s 0.3s linear both;
2776
- animation: hide 0.5s 0.3s linear both;
2777
- }
2778
-
2779
- /*DOWN*/
2780
- [data-element_type="eae-evergreen-timer.skin2"] .eae-flip-clock-wrapper ul.play li.flip-clock-before .down .shadow {
2781
- background: -moz-linear-gradient(top, black 0%, rgba(0, 0, 0, 0.1) 100%);
2782
- background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, black), color-stop(100%, rgba(0, 0, 0, 0.1)));
2783
- background: linear, top, black 0%, rgba(0, 0, 0, 0.1) 100%;
2784
- background: -o-linear-gradient(top, black 0%, rgba(0, 0, 0, 0.1) 100%);
2785
- background: -ms-linear-gradient(top, black 0%, rgba(0, 0, 0, 0.1) 100%);
2786
- background: linear, to bottom, black 0%, rgba(0, 0, 0, 0.1) 100%;
2787
- -webkit-animation: show 0.5s linear both;
2788
- -moz-animation: show 0.5s linear both;
2789
- animation: show 0.5s linear both;
2790
- }
2791
-
2792
- [data-element_type="eae-evergreen-timer.skin2"] .eae-flip-clock-wrapper ul.play li.flip-clock-active .down .shadow {
2793
- background: -moz-linear-gradient(top, black 0%, rgba(0, 0, 0, 0.1) 100%);
2794
- background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, black), color-stop(100%, rgba(0, 0, 0, 0.1)));
2795
- background: linear, top, black 0%, rgba(0, 0, 0, 0.1) 100%;
2796
- background: -o-linear-gradient(top, black 0%, rgba(0, 0, 0, 0.1) 100%);
2797
- background: -ms-linear-gradient(top, black 0%, rgba(0, 0, 0, 0.1) 100%);
2798
- background: linear, to bottom, black 0%, rgba(0, 0, 0, 0.1) 100%;
2799
- -webkit-animation: hide 0.5s 0.3s linear both;
2800
- -moz-animation: hide 0.5s 0.3s linear both;
2801
- animation: hide 0.5s 0.2s linear both;
2802
- }
2803
-
2804
- @-webkit-keyframes show {
2805
- 0% {
2806
- opacity: 0;
2807
- }
2808
-
2809
- 100% {
2810
- opacity: 1;
2811
- }
2812
- }
2813
-
2814
- @-moz-keyframes show {
2815
- 0% {
2816
- opacity: 0;
2817
- }
2818
-
2819
- 100% {
2820
- opacity: 1;
2821
- }
2822
- }
2823
-
2824
- @-o-keyframes show {
2825
- 0% {
2826
- opacity: 0;
2827
- }
2828
-
2829
- 100% {
2830
- opacity: 1;
2831
- }
2832
- }
2833
-
2834
- @keyframes show {
2835
- 0% {
2836
- opacity: 0;
2837
- }
2838
-
2839
- 100% {
2840
- opacity: 1;
2841
- }
2842
- }
2843
-
2844
- @-webkit-keyframes hide {
2845
- 0% {
2846
- opacity: 1;
2847
- }
2848
-
2849
- 100% {
2850
- opacity: 0;
2851
- }
2852
- }
2853
-
2854
- @-moz-keyframes hide {
2855
- 0% {
2856
- opacity: 1;
2857
- }
2858
-
2859
- 100% {
2860
- opacity: 0;
2861
- }
2862
- }
2863
-
2864
- @-o-keyframes hide {
2865
- 0% {
2866
- opacity: 1;
2867
- }
2868
-
2869
- 100% {
2870
- opacity: 0;
2871
- }
2872
- }
2873
-
2874
- @keyframes hide {
2875
- 0% {
2876
- opacity: 1;
2877
- }
2878
-
2879
- 100% {
2880
- opacity: 0;
2881
- }
2882
- }
2883
-
2884
- @media screen and (max-width: 767px) {
2885
- [data-element_type="eae-evergreen-timer.skin2"] .flip-clock-divider{
2886
- width: 15px;
2887
- }
2888
- [data-element_type="eae-evergreen-timer.skin2"] .flip-clock-dot{
2889
- height:5px;
2890
- width: 5px;
2891
-
2892
- }
2893
- [data-element_type="eae-evergreen-timer.skin2"] .eae-flip-clock-wrapper ul {
2894
- height: 40px;
2895
- }
2896
- [data-element_type="eae-evergreen-timer.skin2"] .flip-clock-divider{
2897
- height:50px;
2898
- }
2899
- [data-element_type="eae-evergreen-timer.skin2"] .eae-flip-clock-wrapper ul li{
2900
- line-height: 37px;
2901
- }
2902
- [data-element_type="eae-evergreen-timer.skin2"] .eae-flip-clock-wrapper ul li a div div.inn{
2903
- font-size: 24px;
2904
- }
2905
- [data-element_type="eae-evergreen-timer.skin2"] .eae-flip-clock-wrapper ul{
2906
- margin: 2px;
2907
- }
2908
- /* [data-element_type="eae-evergreen-timer.skin2"] .eae-flip-clock-wrapper ul {
2909
- position: relative;
2910
- float: left;
2911
- margin: 5px;
2912
- width: 40px;
2913
- height: 70px;
2914
- font-size: 40px;
2915
- font-weight: bold;
2916
- line-height: 47px;
2917
- border-radius: 6px;
2918
- background: #000;
2919
- }
2920
- [data-element_type="eae-evergreen-timer.skin2"] .eae-flip-clock-wrapper ul li a div {
2921
- z-index: 1;
2922
- position: absolute;
2923
- left: 0;
2924
- width: 100%;
2925
- height: 50%;
2926
- font-size: 40px;
2927
- overflow: hidden;
2928
- outline: 1px solid transparent;
2929
- }
2930
- [data-element_type="eae-evergreen-timer.skin2"] .eae-flip-clock-wrapper ul li a div div.inn {
2931
- position: absolute;
2932
- left: 0;
2933
- z-index: 1;
2934
- width: 100%;
2935
- height: 200%;
2936
- color: #ccc;
2937
- text-shadow: 0 1px 2px #000;
2938
- text-align: center;
2939
- background-color: #333;
2940
- border-radius: 6px;
2941
- font-size: 40px;
2942
- }*/
2943
- }
2944
-
2945
- /* Skin 3 - Flip Block */
2946
- /*
2947
- [data-element_type="eae-evergreen-timer.skin3"] body {
2948
- display: grid;
2949
- grid-template-columns: repeat(6, 1fr);
2950
- grid-template-rows: auto;
2951
- color: #fff;
2952
- }
2953
-
2954
- [data-element_type="eae-evergreen-timer.skin3"] .eae-evergreen-wrapper {
2955
- text-align: center;
2956
- grid-column: 1 / 7;
2957
- grid-row: 2/ 4;
2958
- max-width: 768px;
2959
- margin-left: auto;
2960
- margin-right: auto;
2961
- }
2962
-
2963
- [data-element_type="eae-evergreen-timer.skin3"] #timer,
2964
- [data-element_type="eae-evergreen-timer.skin3"] .desc{
2965
- display: grid;
2966
- grid-template-columns: repeat(4, 1fr);
2967
- justify-items: center;
2968
- align-items: center;
2969
- grid-gap: 1em;
2970
- grid-template-rows: 150px;
2971
- }
2972
- [data-element_type="eae-evergreen-timer.skin3"] .desc{
2973
- margin-top: 10px;
2974
- grid-template-rows: 10px;
2975
- }
2976
-
2977
- [data-element_type="eae-evergreen-timer.skin3"] #timer span {
2978
- font-size: 48px;
2979
- width: 100%;
2980
- height: 100%;
2981
- border-radius: 5px;
2982
- color: #fff;
2983
- }
2984
- [data-element_type="eae-evergreen-timer.skin3"] .eae-time-wrapper{
2985
- position: relative;
2986
- }
2987
- [data-element_type="eae-evergreen-timer.skin3"] .eae-time-wrapper div{
2988
- top: 50%;
2989
- left: 50%;
2990
- transform: translate(-50%,-50%);
2991
- position: absolute;
2992
- }
2993
- [data-element_type="eae-evergreen-timer.skin3"] .eae-evergreen-wrapper{
2994
- display: block;
2995
- text-align: center;
2996
- }*/
2997
- [data-element_type="eae-evergreen-timer.skin3"] #timer{
2998
- font-family: sans-serif;
2999
- color: #fff;
3000
- display: inline-block;
3001
- font-weight: 100;
3002
- text-align: center;
3003
- font-size: 30px;
3004
- }
3005
- [data-element_type="eae-evergreen-timer.skin3"] .desc{
3006
- display: flex;
3007
- justify-content: center;
3008
-
3009
- }
3010
- [data-element_type="eae-evergreen-timer.skin3"].eae-egt-content-align-right .desc{
3011
- justify-content: flex-end;
3012
- }
3013
- [data-element_type="eae-evergreen-timer.skin3"].eae-egt-content-align-left .desc{
3014
- justify-content: flex-start;
3015
- }
3016
- [data-element_type="eae-evergreen-timer.skin3"] .desc .egt-time-text{
3017
- display: inline-block;
3018
- padding: 0 50px 0 50px;
3019
- }
3020
-
3021
- [data-element_type="eae-evergreen-timer.skin3"] .eae-time-wrapper{
3022
- padding: 50px;
3023
- border-radius: 3px;
3024
- background: #00BF96;
3025
- display: inline-block;
3026
- overflow: hidden;
3027
- margin: 5px;
3028
- line-height: 1em;
3029
- }
3030
-
3031
- [data-element_type="eae-evergreen-timer.skin3"] #timer span:nth-child(1) {
3032
- background: khaki;
3033
- }
3034
-
3035
- [data-element_type="eae-evergreen-timer.skin3"] #timer span:nth-child(2) {
3036
- background: indianred;
3037
- }
3038
-
3039
- [data-element_type="eae-evergreen-timer.skin3"] #timer span:nth-child(3) {
3040
- background: cadetblue;
3041
- }
3042
-
3043
- [data-element_type="eae-evergreen-timer.skin3"] #timer span:nth-child(4) {
3044
- background: cornflowerblue;
3045
- }
3046
-
3047
- [data-element_type="eae-evergreen-timer.skin3"] .fade {
3048
- animation: flip 0.7s ease forwards;
3049
- }
3050
-
3051
- @keyframes flip {
3052
- 0% {
3053
- transform: rotateY(0) scaleY(1.1);
3054
- opacity: .5;
3055
- }
3056
- 50% {
3057
- transform: rotateY(180deg) scaleY(1.3);
3058
- opacity: 0;
3059
- }
3060
- 100% {
3061
- transform: rotateY(0);
3062
- opacity: 1;
3063
- }
3064
- }
3065
-
3066
- @media screen and (max-width: 767px) {
3067
- [data-element_type="eae-evergreen-timer.skin3"] #timer span{
3068
- font-size: 22px;
3069
- }
3070
- [data-element_type="eae-evergreen-timer.skin2"] .flip-clock-divider .flip-clock-label {
3071
- top: -1.5em;
3072
- right: -42px;
3073
- }
3074
-
3075
- [data-element_type="eae-evergreen-timer.skin2"] .flip-clock-divider.minutes .flip-clock-label {
3076
- right: -48px;
3077
- }
3078
-
3079
- [data-element_type="eae-evergreen-timer.skin2"] .flip-clock-divider.seconds .flip-clock-label {
3080
- right: -51px;
3081
- }
3082
- }
3083
-
3084
- /* Skin 4 - Digit Up Animation */
3085
- [data-element_type="eae-evergreen-timer.skin4"] .eae-evergreen-wrapper {
3086
- width: 100%;
3087
- }
3088
- [data-element_type="eae-evergreen-timer.skin4"] .container {
3089
- margin: 0 auto;
3090
- }
3091
- [data-element_type="eae-evergreen-timer.skin4"] .special {
3092
- position: relative;
3093
- width: 840px;
3094
- height: 47px;
3095
- }
3096
- [data-element_type="eae-evergreen-timer.skin4"] #counter {
3097
- position: absolute;
3098
- z-index: 4000;
3099
- }
3100
- [data-element_type="eae-evergreen-timer.skin4"] .digit-separator {
3101
- position: relative;
3102
- float: left;
3103
- width: 17px;
3104
- height: 44px;
3105
- overflow: hidden;
3106
- background-image: url('../digit-sep-svg.svg');
3107
- background-repeat: no-repeat;
3108
- background-position: 0px 0px;
3109
- background-color: #4054b2;
3110
- }
3111
- [data-element_type="eae-evergreen-timer.skin4"] .digit {
3112
- background-image: url('../digits-svg-alpha.svg');
3113
- background-color: #4054b2;
3114
- }
3115
-
3116
- /* Comparison Table */
3117
-
3118
- .eae-ct-wrapper * {
3119
- box-sizing:border-box;
3120
-
3121
- margin:0;
3122
- outline: 0;
3123
- }
3124
- article.eae-ct-wrapper{
3125
- width:100%;
3126
- max-width:1000px;
3127
- margin:0 auto;
3128
- position:relative;
3129
- }
3130
- .eae-ct-wrapper th{
3131
- position: relative;
3132
- }
3133
- .eae-ct-wrapper ul {
3134
- display:none;
3135
- top:0px;
3136
- z-index:10;
3137
- padding-bottom:14px;
3138
- }
3139
- .eae-ct-wrapper li {
3140
- list-style:none;
3141
- flex:1;
3142
- position: relative;
3143
- }
3144
- .eae-ct-wrapper li:hover {
3145
- cursor: pointer;
3146
- }
3147
- .eae-ct-wrapper li:last-child {
3148
- /*border-right:1px solid #DDD;*/
3149
- }
3150
- .eae-ct-wrapper .eae-ct-heading {
3151
- width:100%;
3152
- padding: 10px;
3153
- background:#FFF;
3154
- font-size:20px;
3155
- font-weight:bold;
3156
- height:60px;
3157
- color:#999;
3158
- text-align:center;
3159
- }
3160
- .eae-ct-wrapper li.eae-ct-heading .eae-ct-heading-inner{
3161
- position: absolute;
3162
- align-self: center;
3163
- top: 50%;
3164
- left: 50%;
3165
- transform: translate(-50%,-50%);
3166
- width: 100%;
3167
- }
3168
- .eae-ct-wrapper li.eae-ct-heading.active {
3169
- background:#F5F5F5;
3170
- }
3171
- .eae-ct-wrapper table { border-collapse:collapse; table-layout:fixed; width:100%; }
3172
- .eae-ct-wrapper th { background:#F5F5F5; display:none; }
3173
- .eae-ct-wrapper td,.eae-ct-wrapper th {
3174
- height:53px;
3175
- vertical-align: middle;
3176
- }
3177
- .eae-ct-wrapper table{
3178
- border:none;
3179
- }
3180
- .eae-ct-wrapper table tr td:first-child,.eae-ct-wrapper table tr td:last-child, .eae-ct-wrapper td,.eae-ct-wrapper td,.eae-ct-wrapper th { border:1px solid #DDD; padding:10px; empty-cells:show; }
3181
- .eae-ct-wrapper td,.eae-ct-wrapper th {
3182
- text-align:left;
3183
- }
3184
- .eae-ct-wrapper td+td, .eae-ct-wrapper th+th {
3185
- text-align:center;
3186
- }
3187
- .eae-ct-wrapper tr:first-child{
3188
- background: none !important;
3189
- }
3190
- .eae-ct-wrapper ul li:nth-child(1){
3191
- display: table-cell;
3192
- }
3193
- .eae-ct-wrapper tr td:nth-child(2){
3194
- display: table-cell;
3195
- }
3196
-
3197
- .eae-ct-wrapper td:nth-child(1) {
3198
- display:table-cell;
3199
- }
3200
- .eae-ct-wrapper td{
3201
- display:none;
3202
- }
3203
- .eae-ct-wrapper .sep {
3204
- background:#F5F5F5;
3205
- font-weight:bold;
3206
- }
3207
- .eae-ct-price-wrapper {
3208
- display: flex;
3209
- justify-content: center;
3210
- }
3211
- .eae-ct-tt-type-icon .eae-ct-feature .tooltip{
3212
- float: right;
3213
- }
3214
- .eae-ct-wrapper .tooltiptext::before{
3215
- content: '';
3216
- border-width: 5px 5px 0 5px;
3217
- border-color: #fff;
3218
- border-left-color: transparent;
3219
- border-right-color: transparent;
3220
- border-bottom-color: transparent;
3221
- bottom: -10px;
3222
- width: 0;
3223
- height: 0;
3224
- border-style: solid;
3225
- position: absolute;
3226
- margin: 5px;
3227
- left: 42%;
3228
- }
3229
- .eae-ct-wrapper .eae-ct-price { font-size:28px; font-weight:bold; line-height: 1em;}
3230
- .eae-ct-wrapper .eae-ct-currency { align-self: flex-start; margin-right: 3px}
3231
- .eae-ct-wrapper .eae-ct-fractional-price { align-self: flex-start; margin-left: 3px}
3232
- .eae-ct-wrapper .eae-ct-duration { align-self: flex-start; }
3233
- .eae-ct-wrapper .eae-ct-original-price{
3234
- margin-right: 5px;
3235
- text-decoration: line-through;
3236
- align-self: flex-end;
3237
- }
3238
- .eae-ct-wrapper .tick { font-size:18px; color:#2CA01C; }
3239
- .eae-ct-wrapper .hide {
3240
- border:0 !important;
3241
- background:none;
3242
- }
3243
- .eae-ct-ribbons-yes .eae-ct-ribbons-wrapper {
3244
- position: absolute;
3245
- top: 0;
3246
- /* -webkit-transform: rotate(90deg);
3247
- -ms-transform: rotate(90deg);*/
3248
- /* transform: rotate(90deg); */
3249
- width: 100px;
3250
- overflow: hidden;
3251
- height: 100px;
3252
- z-index: 998;
3253
- padding: 8px 12px;
3254
- }
3255
- .eae-ct-ribbons-h-top.eae-ct-ribbons-yes .eae-ct-ribbons-wrapper{
3256
- position: absolute;
3257
- top: 0;
3258
- width: 100%;
3259
- overflow: hidden;
3260
- height: 50px;
3261
- z-index: 999;
3262
- padding: 8px 12px;
3263
- }
3264
- .eae-ct-ribbons-h-top.eae-ct-ribbons-yes .eae-ct-ribbons-wrapper-top{
3265
- background-color: rgba(63,195,135,0.8);
3266
- color: #fff;
3267
- transform: translateY(-100%);
3268
- position: absolute;
3269
- width: 100%;
3270
- top: 0;
3271
- left: 0;
3272
- }
3273
- .eae-ct-ribbons-h-left.eae-ct-ribbons-yes .eae-ct-ribbons-wrapper {
3274
- -webkit-transform: rotate(0);
3275
- -ms-transform: rotate(0);
3276
- transform: rotate(0);
3277
- left: 0;
3278
- right: auto;
3279
- }
3280
- .eae-ct-ribbons-h-right.eae-ct-ribbons-yes .eae-ct-ribbons-wrapper {
3281
- -webkit-transform: rotate(0);
3282
- -ms-transform: rotate(0);
3283
- transform: rotate(90deg);
3284
- left: auto;
3285
- right: 0;
3286
- }
3287
-
3288
- .eae-ct-ribbons-yes .eae-ct-ribbons-wrapper span.eae-ct-ribbons-inner {
3289
- position: absolute;
3290
- text-align: center;
3291
- left: 0;
3292
- top: 0;
3293
- width: 200%;
3294
- -webkit-transform: translateY(-50%) translateX(-50%) translateX(35px) rotate(-45deg);
3295
- -ms-transform: translateY(-50%) translateX(-50%) translateX(35px) rotate(-45deg);
3296
- transform: translateY(-50%) translateX(-50%) translateX(35px) rotate(-45deg);
3297
- margin-top: 35px;
3298
- font-size: 13px;
3299
- line-height: 2;
3300
- font-weight: 800;
3301
- text-transform: uppercase;
3302
- background: rgba(63,195,135,0.8);
3303
- padding: 8px 12px;
3304
- color: #ffffff;
3305
- }
3306
- .eae-ct-wrapper .tooltip {
3307
- position: relative;
3308
- display: inline-block;
3309
- }
3310
-
3311
- .eae-ct-wrapper .tooltip .tooltiptext {
3312
- visibility: hidden;
3313
- min-width: 120px;
3314
- background-color: black;
3315
- color: #fff;
3316
- text-align: center;
3317
- border-radius: 6px;
3318
- padding: 5px 0;
3319
-
3320
- /* Position the tooltip */
3321
- position: absolute;
3322
- z-index: 1;
3323
- bottom: 120%;
3324
- left: 50%;
3325
- margin-left: -60px;
3326
- }
3327
-
3328
- .eae-ct-wrapper .tooltip:hover .tooltiptext {
3329
- visibility: visible;
3330
- }
3331
- .eae-ct-heading-tooltip{
3332
- text-decoration-line: underline;
3333
- text-decoration-style: dotted;
3334
- }
3335
- .eae-ct-btn{
3336
- padding: 10px 15px 10px 15px;
3337
- color: #fff;
3338
- display: inline-block;
3339
- line-height: 1em;
3340
- }
3341
- .eae-ct-btn:hover{
3342
- color: #fff;
3343
- }
3344
- .eae-ct-wrapper i.fa.fa-check{
3345
- color: #38f146;
3346
- }
3347
- .eae-ct-wrapper i.fa.fa-close{
3348
- color: #ff0000;
3349
- }
3350
-
3351
- .eae-ct-wrapper tr:last-child td:first-child{
3352
- background: none !important; border:none !important;
3353
- }
3354
- .eae-ct-wrapper tr:last-child{
3355
- background: none !important;
3356
- }
3357
- @media (min-width: 767px) {
3358
- .eae-ct-wrapper td,.eae-ct-wrapper th {
3359
- width: 330px;
3360
-
3361
- }
3362
- .eae-ct-wrapper td+td,.eae-ct-wrapper th+th {
3363
- width: auto;
3364
- }
3365
- }
3366
-
3367
- .eae-tab-format-all .eae-ct-wrapper ul{
3368
- display: flex;
3369
- }
3370
- @media (min-width: 1023px) {
3371
- .eae-tab-format-tab-mob .eae-ct-wrapper td, .eae-tab-format-tab-mob .eae-ct-wrapper th,
3372
- .eae-tab-format-mobile .eae-ct-wrapper td, .eae-tab-format-mobile .eae-ct-wrapper th {
3373
- display: table-cell !important;
3374
- }
3375
- }
3376
- @media (max-width: 1023px) {
3377
- .eae-tab-format-tab-mob .eae-ct-wrapper ul{
3378
- display: flex;
3379
- }
3380
- .eae-tab-format-all .eae-ct-wrapper td+td,.eae-tab-format-all .eae-ct-wrapper th+th {
3381
- display: none;
3382
- }
3383
- }
3384
- @media (max-width: 1023px) and (min-width: 768px) {
3385
-
3386
- .eae-tab-format-mobile .eae-ct-wrapper td, .eae-tab-format-mobile .eae-ct-wrapper th {
3387
- display: table-cell !important;
3388
- }
3389
- }
3390
- @media (max-width: 767px) {
3391
- .eae-tab-format-mobile .eae-ct-wrapper ul{
3392
- display: flex;
3393
- }
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
3394
  }
1
+ .elementor-widget-wts-textseparator .elementor-widget-container{
2
+ overflow:hidden;
3
+ }
4
+ .wts-eae-textseparator{
5
+ align-items: center;
6
+ display: flex;
7
+ flex-flow: row nowrap; margin:auto;
8
+ }
9
+
10
+ .eae-separator-icon-inner i {
11
+ height: 1em;
12
+ width: 1em; text-align:center;
13
+ }
14
+
15
+ .wts-eae-textseparator .eae-sep-holder {
16
+ flex: 1 1 auto;
17
+ height: 1px;
18
+ min-width: 10%;
19
+ position: relative;
20
+ }
21
+
22
+ .wts-eae-textseparator .eae-sep-holder .eae-sep-lines{
23
+ border-top-width: 1px;
24
+ display: block;
25
+ height: 1px;
26
+ position: relative;
27
+ top: 1px;
28
+ width: 100%;
29
+ }
30
+
31
+ .eae-separator-title{
32
+ margin:0;
33
+ -moz-box-flex: 0;
34
+ flex: 0 1 auto;
35
+ line-height: 1em;
36
+ margin: 0;
37
+ overflow-wrap: break-word;
38
+ }
39
+
40
+ .sep-align-right .sep-right{
41
+ display: none;
42
+ }
43
+
44
+ .sep-align-left .sep-left{
45
+ display: none;
46
+ }
47
+
48
+ .eae-icon-view-stacked i{ color:#FFF; }
49
+ .eae-icon-view-framed .eae-separator-icon-inner{ border:1px solid; }
50
+ .eae-icon-shape-circle .eae-separator-icon-inner{ border-radius:50%; }
51
+ .eae-separator-icon-wrapper, .eae-separator-title{ margin:0 5px !important; }
52
+ .eae-separator-icon-inner{ line-height: 1; }
53
+
54
+
55
+ /**
56
+ Price Table Css
57
+ **/
58
+ .wts-price-box-wrapper .eae-pt-heading, .wts-price-box-wrapper .eae-pt-sub-heading{ margin:5px 0; text-align: center; }
59
+ .plan-price-shape {
60
+ display: table;
61
+ height: 6em;
62
+ margin: auto;
63
+ width: 6em;
64
+ }
65
+
66
+ .eae-pt-price-box-shape-circle .plan-price-shape, .eae-pt-price-box-shape-square .plan-price-shape{ border: 1px solid; }
67
+ .eae-pt-price-box-shape-circle .plan-price-shape{ border-radius:50%; }
68
+ .plan-price-block{ padding:10px 0; }
69
+ .plan-price-shape-inner {
70
+ display: table-cell;
71
+ vertical-align: middle; padding: 10px;
72
+ }
73
+ .plan-price-shape-inner > span {
74
+ display: block;
75
+ font-size: 1em; text-align:center;
76
+ }
77
+
78
+ .eae-pt-feature-list {
79
+ list-style: outside none none;
80
+ text-align: center; margin:10px 0;
81
+ }
82
+ .eae-pt-button-wrapper > a{ text-align:center; display:inline-block; }
83
+ .eae-pt-button-wrapper{ text-align: center;}
84
+
85
+ .wts-price-box-wrapper .heading-wrapper, .wts-price-box-wrapper .plan-features-wrapper{ padding:10px 5px;}
86
+ .eae-pt-button-wrapper{ padding:15px 0; }
87
+ .eae-pt-button-wrapper a{ padding:5px 15px; border-radius:3px; }
88
+ .eae-pt-align-icon-right{ float:right; }
89
+ .strike-feature{ text-decoration: line-through; }
90
+
91
+ /**
92
+ Flip Box CSS
93
+ **/
94
+ .eae-flip-box{
95
+ width: 100%;
96
+ text-align: center;
97
+ }
98
+ .eae-flip-box-wrapper{
99
+ display: inline-block;
100
+ width: 100%;
101
+ }
102
+ .eae-flip-box-inner{ width:100%; height:200px; position:relative;
103
+ -webkit-transform-style: preserve-3d;
104
+ -moz-transform-style: preserve-3d;
105
+ -ms-transform-style: preserve-3d;
106
+ transform-style: preserve-3d;
107
+ }
108
+
109
+ .eae-flip-box-inner .eae-flip-box-front, .eae-flip-box-inner .eae-flip-box-back{
110
+ width:100%; height:100%; position: absolute; top:0; left:0; text-align:center; padding: 10px;
111
+ -webkit-backface-visibility: hidden;
112
+ -moz-backface-visibility: hidden;
113
+ -ms-backface-visibility: hidden;
114
+ backface-visibility: hidden;
115
+
116
+ -webkit-transition: all 0.6s ease 0s;
117
+ -moz-transition: all 0.6s ease 0s;
118
+ -ms-transition: all 0.6s ease 0s;
119
+ -o-transition: all 0.6s ease 0s;
120
+ transition: all 0.6s ease 0s;
121
+ }
122
+ .eae-flip-box-front {
123
+ z-index: 2;
124
+ }
125
+ .eae-flip-box-back {
126
+ z-index: 1;
127
+ }
128
+
129
+ .eae-fb-animate-vertical .eae-flip-box-inner .eae-flip-box-front{ -webkit-transform:perspective(1000px) rotateX(0deg); -ms-transform:perspective(1000px) rotateX(0deg); transform:perspective(1000px) rotateX(0deg); }
130
+ .eae-fb-animate-vertical .eae-flip-box-inner .eae-flip-box-back{ -webkit-transform:perspective(1000px) rotateX(180deg); transform:perspective(1000px) rotateX(180deg); -ms-transform:perspective(1000px) rotateX(180deg); }
131
+ .eae-fb-animate-vertical .eae-flip-box-inner:hover .eae-flip-box-front{ -webkit-transform:perspective(1000px) rotateX(180deg); transform:perspective(1000px) rotateX(180deg); -ms-transform:perspective(1000px) rotateX(180deg); }
132
+ .eae-fb-animate-vertical .eae-flip-box-inner:hover .eae-flip-box-back{ -webkit-transform:perspective(1000px) rotateX(0deg); transform:perspective(1000px) rotateX(0deg); -ms-transform:perspective(1000px) rotateX(0deg); }
133
+
134
+
135
+ .eae-fb-animate-horizontal .eae-flip-box-inner .eae-flip-box-front{ -webkit-transform:perspective(1000px) rotateY(0deg); transform:perspective(1000px) rotateY(0deg); -ms-transform:perspective(1000px) rotateY(0deg); }
136
+ .eae-fb-animate-horizontal .eae-flip-box-inner .eae-flip-box-back{ -webkit-transform:perspective(1000px) rotateY(180deg); transform:perspective(1000px) rotateY(180deg); -ms-transform:perspective(1000px) rotateY(180deg); }
137
+ .eae-fb-animate-horizontal .eae-flip-box-inner:hover .eae-flip-box-front{ -webkit-transform:perspective(1000px) rotateY(180deg); transform:perspective(1000px) rotateY(180deg); -ms-transform:perspective(1000px) rotateY(180deg); }
138
+ .eae-fb-animate-horizontal .eae-flip-box-inner:hover .eae-flip-box-back{ -webkit-transform:perspective(1000px) rotateY(0deg); transform:perspective(1000px) rotateY(0deg); -ms-transform:perspective(1000px) rotateY(0deg); }
139
+
140
+ .eae-fb-animate-fade .eae-flip-box-inner .eae-flip-box-front{opacity:1;}
141
+ .eae-fb-animate-fade .eae-flip-box-inner .eae-flip-box-back{opacity:0;}
142
+ .eae-fb-animate-fade .eae-flip-box-inner:hover .eae-flip-box-front{opacity:0;}
143
+ .eae-fb-animate-fade .eae-flip-box-inner:hover .eae-flip-box-back{opacity:1;}
144
+
145
+
146
+ .eae-flip-box-wrapper:hover .eae-flip-box-back,
147
+ .eae-flip-box-wrapper:focus .eae-flip-box-back {
148
+ z-index: 2;
149
+ }
150
+ .eae-flip-box-wrapper:hover .eae-flip-box-front,
151
+ .eae-flip-box-wrapper:focus .eae-flip-box-front {
152
+ z-index: 1;
153
+ }
154
+ .fade .eae-flip-box-wrapper .eae-flip-box-front {
155
+ opacity: 1;
156
+ transition: 1s;
157
+ }
158
+ .fade .eae-flip-box-wrapper .eae-flip-box-back {
159
+ opacity: 0;
160
+ transition: 1s;
161
+ }
162
+ .fade .eae-flip-box-wrapper:hover .eae-flip-box-front,
163
+ .fade .eae-flip-box-wrapper:focus .eae-flip-box-front {
164
+ opacity: 0;
165
+ }
166
+ .fade .eae-flip-box-wrapper:hover .eae-flip-box-back,
167
+ .fade .eae-flip-box-wrapper:focus .eae-flip-box-back {
168
+ opacity: 1;
169
+ }
170
+
171
+ .eae-fb-animate-flip .eae-flip-box-wrapper {
172
+ perspective: 800px;
173
+ }
174
+ .eae-fb-animate-flip .eae-flip-box-inner{
175
+ transform-style: preserve-3d;
176
+ transform: rotateX(0) rotateY(0) rotateZ(0);
177
+ transition: 1s;
178
+ }
179
+ .eae-fb-animate-flip .eae-flip-box-front {
180
+ transform: translate3d(0,0,1px);
181
+ }
182
+ .eae-fb-animate-flip .eae-flip-box-back {
183
+ transform: rotateY(180deg) translate3d(0,0,0);
184
+ }
185
+ .eae-fb-animate-flip .eae-flip-box-wrapper:hover .eae-flip-box-inner,
186
+ .eae-fb-animate-flip .eae-flip-box-wrapper:focus .eae-flip-box-inner{
187
+ transform: rotateY(180deg);
188
+ }
189
+ .up .eae-flip-box-front {
190
+ transform: translate3d(0,0,1px);
191
+ }
192
+ .up .eae-flip-box-back {
193
+ transform: rotateX(180deg) translate3d(0,0,0);
194
+ }
195
+ .up .eae-flip-box-wrapper:hover .eae-flip-box-inner,
196
+ .up .eae-flip-box-wrapper:focus .eae-flip-box-inner{
197
+ transform: rotateX(180deg);
198
+ }
199
+
200
+ .box .eae-flip-box-front {
201
+ transform: translate3d(0,0,100px) scale(0.85,0.85);
202
+ }
203
+ .box .eae-flip-box-back {
204
+ transform: rotateY(180deg) translate3d(0,0,100px) scale(0.85,0.85);
205
+ }
206
+ .box.up .eae-flip-box-back {
207
+ transform: rotateX(180deg) translate3d(0,0,100px) scale(0.85,0.85);
208
+ }
209
+
210
+ .hideback .eae-flip-box-front, .hideback .eae-flip-box-back {
211
+ backface-visibility: hidden;
212
+ }
213
+ .eae-fb-animate-nananana .eae-flip-box-wrapper {
214
+
215
+
216
+ }
217
+ .eae-fb-animate-nananana .eae-flip-box-wrapper:hover .eae-flip-box-front,
218
+ .eae-fb-animate-nananana .eae-flip-box-wrapper:focus .eae-flip-box-front {
219
+ z-index: 10;
220
+ animation: batman 1s 2 alternate linear;
221
+ }
222
+
223
+
224
+ /* Cube Animation */
225
+
226
+ .eae-fb-animate-flipcard .eae-flip-box-front, .eae-fb-animate-flipcard .eae-flip-box-back{
227
+ transition: transform 0.4s ease;
228
+ transform-origin: center center -150px;
229
+ -webkit-transform-origin: center center -150px;
230
+ }
231
+
232
+ /* top to down */
233
+
234
+ .flipcard-rotate-top-down .eae-flip-box-front {
235
+ transform: perspective(0px) rotateX(0deg) rotateY(0deg) rotateZ(0deg);
236
+ }
237
+ .flipcard-rotate-top-down .eae-flip-box-back {
238
+ transform: perspective(0px) rotateX(90deg) rotateY(0deg) rotateZ(0deg);
239
+ }
240
+ .eae-fb-animate-flipcard.flipcard-rotate-top-down .eae-flip-box-wrapper:hover .eae-flip-box-front {
241
+ transform: perspective(0px) rotateX(-90deg) rotateY(0) rotateZ(0deg);
242
+ }
243
+ .eae-fb-animate-flipcard.flipcard-rotate-top-down .eae-flip-box-wrapper:hover .eae-flip-box-back {
244
+ z-index: 99999;
245
+ transform: perspective(0px) rotateX(0deg) rotateY(0deg) rotateZ(0);
246
+ }
247
+
248
+
249
+ /* down to top */
250
+ .flipcard-rotate-down-top .eae-flip-box-front {
251
+ transform: perspective(0px) rotateX(0deg) rotateY(0deg) rotateZ(0deg);
252
+ }
253
+ .flipcard-rotate-down-top .eae-flip-box-back {
254
+ transform: perspective(0px) rotateX(-90deg) rotateY(0deg) rotateZ(0deg);
255
+ }
256
+ .eae-fb-animate-flipcard.flipcard-rotate-down-top .eae-flip-box-wrapper:hover .eae-flip-box-front {
257
+ transform: perspective(0px) rotateX(90deg) rotateY(0) rotateZ(0deg);
258
+ }
259
+ .eae-fb-animate-flipcard.flipcard-rotate-down-top .eae-flip-box-wrapper:hover .eae-flip-box-back {
260
+ z-index: 99999;
261
+ transform: perspective(0px) rotateX(0deg) rotateY(0deg) rotateZ(0deg);
262
+ }
263
+
264
+ /* left to right */
265
+
266
+ .flipcard-rotate-left-right .eae-flip-box-front {
267
+ transform: perspective(0px) rotateX(0deg) rotateY(0deg) rotateZ(0deg);
268
+ }
269
+ .flipcard-rotate-left-right .eae-flip-box-back {
270
+ transform: perspective(0px) rotateX(0deg) rotateY(-90deg) rotateZ(0deg);
271
+ }
272
+ .eae-fb-animate-flipcard.flipcard-rotate-left-right .eae-flip-box-wrapper:hover .eae-flip-box-front {
273
+ transform: perspective(0px) rotateX(0deg) rotateY(90deg) rotateZ(0deg);
274
+ }
275
+ .eae-fb-animate-flipcard.flipcard-rotate-left-right .eae-flip-box-wrapper:hover .eae-flip-box-back {
276
+ z-index: 99999;
277
+ transform: perspective(0px) rotateX(0deg) rotateY(0deg) rotateZ(0deg);
278
+ }
279
+
280
+ /* right to left */
281
+
282
+ .flipcard-rotate-right-left .eae-flip-box-front {
283
+ transform: perspective(0px) rotateX(0deg) rotateY(0deg) rotateZ(0deg);
284
+ }
285
+ .flipcard-rotate-right-left .eae-flip-box-back {
286
+ transform: perspective(0px) rotateX(0deg) rotateY(90deg) rotateZ(0deg);
287
+ }
288
+ .eae-fb-animate-flipcard.flipcard-rotate-right-left .eae-flip-box-wrapper:hover .eae-flip-box-front {
289
+ transform: perspective(0px) rotateX(0deg) rotateY(-90deg) rotateZ(0deg);
290
+ }
291
+ .eae-fb-animate-flipcard.flipcard-rotate-right-left .eae-flip-box-wrapper:hover .eae-flip-box-back {
292
+ z-index: 99999;
293
+ transform: perspective(0px) rotateX(0deg) rotateY(0deg) rotateZ(0deg);
294
+ }
295
+
296
+ @keyframes batman {
297
+ 0% { transform: scale(1,1) rotateZ(0); }
298
+ 100% {
299
+ transform: scale(0,0) rotateZ(720deg);
300
+ opacity: 0;
301
+ }
302
+ }
303
+
304
+
305
+ .eae-flip-box-front i, .eae-flip-box-back i{ font-size:32px; height:1em; width:1em; }
306
+ .eae-fb-icon-view-framed{ border:1px solid #92BE43; }
307
+ .eae-fb-icon-shape-circle{ border-radius:50%; }
308
+ .eae-flip-box-wrapper .icon-wrapper{ display:inline-block; padding:10px; line-height: 1; }
309
+
310
+ .eae-flip-box-wrapper .front-icon-title, .eae-flip-box-wrapper .back-icon-title{ margin:10px auto; color:#FFF; }
311
+
312
+ .eae-flip-box-wrapper .flipbox-content { display: block; position: relative; top: 50%; transform: translateY(-50%); -ms-transform: translateY(-50%) }
313
+ .flipbox-content p{ margin-bottom: 10px; }
314
+ .eae-fb-button{ display:inline-block; padding: 5px 10px; }
315
+
316
+ .eae-flip-box-front{ background:#A0CE4E; }
317
+ .eae-flip-box-back{ background:#73B9DC; }
318
+
319
+ @media only screen and (max-width: 768px) {
320
+
321
+ .flipbox-content, .eae-flip-box-front, .eae-flip-box-back{
322
+ cursor:pointer;
323
+ overflow: visible !important;
324
+ transform-style: preserve-3d;
325
+ -webkit-transform-style: preserve-3d;
326
+ }
327
+ }
328
+ /**
329
+ Shape Separator
330
+ **/
331
+ .elementor-widget-wts-shape-separator svg{ display: block; }
332
+
333
+ /**
334
+ Post List
335
+ **/
336
+ .wts-eae-pl-wrapper ul{
337
+ margin:0;
338
+ }
339
+ .wts-eae-pl-wrapper ul li{
340
+ list-style: none;
341
+ overflow: hidden; margin-bottom:10px;
342
+ }
343
+ .eae-pl-img-align-none .eae-pl-image-wrapper a{ text-align: center; }
344
+ .eae-pl-title{ margin:0; }
345
+ .eae-pl-title a{ display:block; }
346
+
347
+ .eae-pl-readmore a{ display:inline-block;
348
+ border-radius: 2px;
349
+ color: #fff;
350
+ padding: 4px 8px;
351
+ }
352
+
353
+ /**
354
+ Animated Text Styles
355
+ **/
356
+ /* --------------------------------
357
+ Primary style
358
+ -------------------------------- */
359
+
360
+ .eae-at-animation-text-wrapper {
361
+ display: inline-block;
362
+ position: relative;
363
+ text-align: left;
364
+ }
365
+ .eae-at-animation-text-wrapper .eae-at-animation-text {
366
+ display: inline-block;
367
+ position: absolute;
368
+ white-space: nowrap;
369
+ left: 0;
370
+ top: 0;
371
+ }
372
+ .eae-at-animation-text-wrapper .eae-at-animation-text.is-visible {
373
+ position: relative;
374
+ }
375
+ .no-js .eae-at-animation-text-wrapper .eae-at-animation-text {
376
+ opacity: 0;
377
+ }
378
+ .no-js .eae-at-animation-text-wrapper .eae-at-animation-text.is-visible {
379
+ opacity: 1;
380
+ }
381
+
382
+ .eae-animtext-wrapper{ font-size:40px; }
383
+
384
+
385
+ /**
386
+ Animated Text Styles
387
+ **/
388
+ .eae-st-rest-text {
389
+ display: inline-block;
390
+ }
391
+ .eae-st-split-text {
392
+ display: inline-block;
393
+ }
394
+
395
+ /* --------------------------------
396
+ xtype
397
+ -------------------------------- */
398
+ .eae-at-animation.type .eae-at-animation-text-wrapper {
399
+ vertical-align: bottom;
400
+ overflow: hidden;
401
+ }
402
+ .eae-at-animation.type .eae-at-animation-text-wrapper::after {
403
+ /* vertical bar */
404
+ content: '';
405
+ position: absolute;
406
+ right: 0;
407
+ top: 50%;
408
+ bottom: auto;
409
+ -webkit-transform: translateY(-50%);
410
+ -moz-transform: translateY(-50%);
411
+ -ms-transform: translateY(-50%);
412
+ -o-transform: translateY(-50%);
413
+ transform: translateY(-50%);
414
+ height: 90%;
415
+ width: 1px;
416
+ }
417
+ .eae-at-animation.type .eae-at-animation-text-wrapper.waiting::after {
418
+ -webkit-animation: cd-pulse 1s infinite;
419
+ -moz-animation: cd-pulse 1s infinite;
420
+ animation: cd-pulse 1s infinite;
421
+ }
422
+
423
+ .eae-at-animation.type .eae-at-animation-text-wrapper.selected::after {
424
+ visibility: hidden;
425
+ }
426
+
427
+ .eae-at-animation.type .eae-at-animation-text {
428
+ visibility: hidden;
429
+ }
430
+ .eae-at-animation.type .eae-at-animation-text.is-visible {
431
+ visibility: visible;
432
+ }
433
+ .eae-at-animation.type i {
434
+ position: absolute;
435
+ visibility: hidden;
436
+ }
437
+ .eae-at-animation.type i.in {
438
+ position: relative;
439
+ visibility: visible;
440
+ }
441
+
442
+ @-webkit-keyframes cd-pulse {
443
+ 0% {
444
+ -webkit-transform: translateY(-50%) scale(1);
445
+ opacity: 1;
446
+ }
447
+ 40% {
448
+ -webkit-transform: translateY(-50%) scale(0.9);
449
+ opacity: 0;
450
+ }
451
+ 100% {
452
+ -webkit-transform: translateY(-50%) scale(0);
453
+ opacity: 0;
454
+ }
455
+ }
456
+ @-moz-keyframes cd-pulse {
457
+ 0% {
458
+ -moz-transform: translateY(-50%) scale(1);
459
+ opacity: 1;
460
+ }
461
+ 40% {
462
+ -moz-transform: translateY(-50%) scale(0.9);
463
+ opacity: 0;
464
+ }
465
+ 100% {
466
+ -moz-transform: translateY(-50%) scale(0);
467
+ opacity: 0;
468
+ }
469
+ }
470
+ @keyframes cd-pulse {
471
+ 0% {
472
+ -webkit-transform: translateY(-50%) scale(1);
473
+ -moz-transform: translateY(-50%) scale(1);
474
+ -ms-transform: translateY(-50%) scale(1);
475
+ -o-transform: translateY(-50%) scale(1);
476
+ transform: translateY(-50%) scale(1);
477
+ opacity: 1;
478
+ }
479
+ 40% {
480
+ -webkit-transform: translateY(-50%) scale(0.9);
481
+ -moz-transform: translateY(-50%) scale(0.9);
482
+ -ms-transform: translateY(-50%) scale(0.9);
483
+ -o-transform: translateY(-50%) scale(0.9);
484
+ transform: translateY(-50%) scale(0.9);
485
+ opacity: 0;
486
+ }
487
+ 100% {
488
+ -webkit-transform: translateY(-50%) scale(0);
489
+ -moz-transform: translateY(-50%) scale(0);
490
+ -ms-transform: translateY(-50%) scale(0);
491
+ -o-transform: translateY(-50%) scale(0);
492
+ transform: translateY(-50%) scale(0);
493
+ opacity: 0;
494
+ }
495
+ }
496
+
497
+ /**
498
+ Advanced tabs
499
+ **/
500
+ /* --------------------------------
501
+ Primary style
502
+ -------------------------------- */
503
+ .eae-tabs {
504
+ position: relative;
505
+ width: 100%;
506
+ overflow: hidden;
507
+ margin: 1em 0 2em;
508
+ font-weight: 300;
509
+ }
510
+
511
+ /* Nav */
512
+ .eae-tabs nav {
513
+ text-align: center;
514
+ line-height: 0;
515
+ }
516
+
517
+ .eae-tabs nav ul {
518
+ padding: 0;
519
+ margin: 0;
520
+ list-style: none;
521
+ display: inline-block;
522
+ }
523
+
524
+ .eae-tabs nav ul li {
525
+ border: 1px solid #becbd2;
526
+ border-bottom: none;
527
+ display: block;
528
+ position: relative;
529
+ }
530
+
531
+ .eae-tabs nav li.tab-current {
532
+ border: 1px solid #47a3da;
533
+ border-bottom: none;
534
+ z-index: 100;
535
+ }
536
+
537
+ .eae-nav-pos-top nav li.tab-current:before,
538
+ .eae-nav-pos-top nav li.tab-current:after {
539
+ content: '';
540
+ position: absolute;
541
+ height: 2px;
542
+ right: 100%;
543
+ bottom: 0;
544
+ width: 1000px;
545
+ background: #47a3da;
546
+ }
547
+
548
+ .eae-nav-pos-top nav ul li{
549
+ margin: 0 0.25em;
550
+ float: left;
551
+ }
552
+ .eae-nav-pos-top nav li.tab-current:after {
553
+ right: auto;
554
+ left: 100%;
555
+ width: 4000px;
556
+ }
557
+
558
+ .eae-tabs nav a {
559
+ display: block;
560
+ line-height: 2.5;
561
+ padding: 0 1.25em;
562
+ white-space: nowrap;
563
+ }
564
+ .eae-tabs nav i {
565
+ line-height: 2.5;
566
+ padding: 1px;
567
+ }
568
+
569
+ .eae-tabs nav a:hover {
570
+ color: #768e9d;
571
+ }
572
+
573
+ .eae-tabs nav li.tab-current a {
574
+ color: #47a3da;
575
+ }
576
+
577
+ .eae-nav-pos-left nav {
578
+ float:left;
579
+ width: 20%;
580
+ }
581
+ .eae-nav-pos-left nav ul li{
582
+ margin:0 0 10px 0;
583
+ }
584
+ .eae-nav-pos-left .eae-content{
585
+ float:left;
586
+ width: 80%;
587
+ padding-left: 5px;
588
+ }
589
+ /* Icons */
590
+ .eae-tabs nav a:before {
591
+ display: inline-block;
592
+ vertical-align: middle;
593
+ text-transform: none;
594
+ font-weight: normal;
595
+ font-variant: normal;
596
+ font-family: 'icomoon';
597
+ line-height: 1;
598
+ speak: none;
599
+ -webkit-font-smoothing: antialiased;
600
+ margin: -0.25em 0.4em 0 0;
601
+ }
602
+
603
+ /* Content */
604
+ .eae-content section {
605
+ font-size: 1.25em;
606
+ padding: 20px 20px;
607
+ max-width: 1230px;
608
+ margin: 0 auto;
609
+ }
610
+
611
+ .eae-content section:before,
612
+ .eae-content section:after {
613
+ content: '';
614
+ display: table;
615
+ }
616
+
617
+ .eae-content section:after {
618
+ clear: both;
619
+ }
620
+
621
+ /* Fallback example */
622
+ .eae-no-js .content section {
623
+ display: block;
624
+ padding-bottom: 2em;
625
+ border-bottom: 1px solid #47a3da;
626
+ }
627
+
628
+ .eae-content section.content-current {
629
+ display: block;
630
+ }
631
+
632
+
633
+ /* Example media queries */
634
+
635
+ @media screen and (max-width: 52.375em) {
636
+ .text-mobile-no.eae-tabs nav a span {
637
+ display : none;
638
+ }
639
+
640
+ .eae-tabs nav a:before {
641
+ margin-right: 0;
642
+ }
643
+ }
644
+
645
+ @media screen and (max-width: 32em) {
646
+ .eae-tabs nav ul,
647
+ .eae-tabs nav ul li a {
648
+ width: 100%;
649
+ padding: 0;
650
+ }
651
+
652
+ .eae-tabs nav ul li {
653
+ width: 25%;
654
+ margin: 0 0 0 0px;
655
+ }
656
+
657
+ .eae-nav-pos-left .eae-tabs nav ul li {
658
+ width: 100%;
659
+ margin-bottom: 10px;
660
+ }
661
+
662
+ }
663
+
664
+ /**
665
+ After Before Image
666
+ **/
667
+ /* --------------------------------
668
+ Primary style
669
+ -------------------------------- */
670
+ .eae-img-comp-container {
671
+ width: 100%;
672
+ position: relative;
673
+ text-align: center;
674
+ }
675
+ .eae-img-comp-container img {
676
+ vertical-align: middle ;
677
+ }
678
+ .eae-img-comp-img {
679
+ /*position: absolute;
680
+ width: 100%;
681
+ height: 100%;
682
+ overflow:hidden;*/
683
+
684
+ position: absolute;
685
+ top: 0px;
686
+ left: 0px;
687
+ height: 100%;
688
+ width: 100%;
689
+ overflow: hidden;
690
+ transform: translateZ(0px);
691
+ backface-visibility: hidden;
692
+ }
693
+ .eae-img-comp-img img{
694
+ display: block;
695
+ max-width: 100%;
696
+ width: 100%;
697
+ }
698
+ .eae-img-comp-slider {
699
+ position: absolute;
700
+ z-index:9;
701
+ /*set the appearance of the slider:*/
702
+ width: 40px;
703
+ height: 40px;
704
+ background-color: #2196F3;
705
+ opacity: 1.0;
706
+ border-radius: 50%;
707
+ }
708
+ .icon-horizontal{
709
+ cursor: ew-resize;
710
+ }
711
+ .icon-vertical{
712
+ cursor: n-resize;
713
+ }
714
+
715
+ .eae-img-comp-overlay{
716
+
717
+ }
718
+ .mode-horizontal .eae-img-comp-overlay img{
719
+ position: absolute;
720
+ left: 0;
721
+ top: 0;
722
+ display: block;
723
+ width: auto;
724
+ height: 100%!important;
725
+ max-width: none!important;
726
+ }
727
+
728
+ .mode-vertical .eae-img-comp-overlay img{
729
+ position: absolute;
730
+ left: 0;
731
+ top: 0;
732
+ display: block;
733
+ width: 100%;
734
+ height: auto !important;
735
+ max-width: none!important;
736
+ }
737
+
738
+
739
+ .eae-slider-icon{
740
+ top: 50%;
741
+ transform: translateY(-50%) translateX(-50%);
742
+ position: absolute;
743
+ left: 50%;
744
+ color:white;
745
+ }
746
+ .elementor-widget-wts-ab-image{
747
+ text-align: center;
748
+ }
749
+ .elementor-widget-wts-ab-image .elementor-widget-container{
750
+ display: inline-block;
751
+ margin: 0 auto !important;
752
+ overflow: hidden;
753
+ }
754
+
755
+ .eae-text-before{
756
+ position: absolute!important;
757
+ padding: 10px;
758
+ transition: transform .3s .7s,opacity .3s .7s;
759
+ color: #d36118;
760
+ z-index: 0;
761
+ background: rgba(255,255,255,0.5);
762
+ margin: 20px;
763
+ }
764
+
765
+ .eae-text-after{
766
+ position: absolute!important;
767
+ padding: 10px;
768
+ transition: transform .3s .7s,opacity .3s .7s;
769
+ color: #d36118;
770
+ z-index: 0;
771
+ background: rgba(255,255,255,0.5);
772
+ margin: 20px;
773
+ }
774
+
775
+ /* Test CSS */
776
+
777
+ .divTest{
778
+ display: inline-block;
779
+ background-color: #00a0d2;
780
+ padding: 20px;
781
+ }
782
+
783
+
784
+ .eae-particle-wrapper{
785
+ width:100%;
786
+ height:100%;
787
+ position: absolute;
788
+ left:0;
789
+ top:0;
790
+ }
791
+
792
+
793
+ .particles-js-canvas-el{ height:100%; position:absolute; }
794
+
795
+ /**
796
+ BG Slider
797
+ **/
798
+ .eae-section-bs{ position: absolute; width: 100%; height: 100%; top:0;}
799
+ .eae-section-bs-inner{ width: 100%; height: 100%; }
800
+
801
+
802
+ /**
803
+ Popup
804
+ **/
805
+ .eae-popup.mfp-bg {
806
+ top: 0;
807
+ left: 0;
808
+ width: 100%;
809
+ height: 100%;
810
+ z-index: 1042;
811
+ overflow: hidden;
812
+ position: fixed;
813
+ background: #0b0b0b;
814
+ opacity: 0.8; }
815
+
816
+ .eae-popup-link{
817
+ padding: 10px;
818
+ color: #fff;
819
+ display: inline-block;
820
+ }
821
+ .eae-popup-link:hover{
822
+ color: #fff;
823
+ }
824
+ .eae-popup.mfp-wrap {
825
+ top: 0;
826
+ left: 0;
827
+ width: 100%;
828
+ height: 100%;
829
+ z-index: 1043;
830
+ position: fixed;
831
+ outline: none !important;
832
+ -webkit-backface-visibility: hidden; }
833
+
834
+ .eae-popup .mfp-container {
835
+ text-align: center;
836
+ position: absolute;
837
+ width: 100%;
838
+ height: 100%;
839
+ left: 0;
840
+ top: 0;
841
+ padding: 0 8px;
842
+ box-sizing: border-box; }
843
+
844
+ .eae-popup .mfp-container:before {
845
+ content: '';
846
+ display: inline-block;
847
+ height: 100%;
848
+ vertical-align: middle; }
849
+
850
+ .eae-popup .mfp-align-top .mfp-container:before {
851
+ display: none; }
852
+
853
+ .eae-popup .mfp-content {
854
+ position: relative;
855
+ display: inline-block;
856
+ vertical-align: middle;
857
+ margin: 0 auto;
858
+ text-align: left;
859
+ z-index: 1045;
860
+
861
+ }
862
+ .eae-modal-content{
863
+ padding: 20px;
864
+ }
865
+ .eae-pop-btn-align-left .eae-popup-wrapper{
866
+ text-align: left;
867
+ }
868
+ .eae-pop-btn-align-right .eae-popup-wrapper{
869
+ text-align: right;
870
+ }
871
+ .eae-pop-btn-align-center .eae-popup-wrapper{
872
+ text-align: center;
873
+ }
874
+ .eae-pop-btn-align-justify .eae-popup-wrapper{
875
+ text-align: center;
876
+ }
877
+ .eae-pop-btn-align-justify .eae-popup-wrapper a{
878
+ display: block;
879
+ }
880
+ .eae-popup .mfp-inline-holder .mfp-content,
881
+ .eae-popup .mfp-ajax-holder .mfp-content {
882
+ width: 50%;
883
+ background-color: #fff;
884
+ cursor: auto;
885
+ overflow: hidden;
886
+ }
887
+
888
+ .eae-popup .mfp-ajax-cur {
889
+ cursor: progress; }
890
+
891
+ .eae-popup .mfp-zoom-out-cur, .eae-popup .mfp-zoom-out-cur .mfp-image-holder .eae-close {
892
+ cursor: -moz-zoom-out;
893
+ cursor: -webkit-zoom-out;
894
+ cursor: zoom-out; }
895
+
896
+ .eae-popup .mfp-zoom {
897
+ cursor: pointer;
898
+ cursor: -webkit-zoom-in;
899
+ cursor: -moz-zoom-in;
900
+ cursor: zoom-in; }
901
+
902
+ .eae-popup.mfp-auto-cursor .mfp-content {
903
+ cursor: auto; }
904
+
905
+ .eae-popup .eae-close,
906
+ .eae-popup .mfp-arrow,
907
+ .eae-popup .mfp-preloader,
908
+ .eae-popup .mfp-counter {
909
+ -webkit-user-select: none;
910
+ -moz-user-select: none;
911
+ user-select: none; }
912
+
913
+ .mfp-loading.mfp-figure {
914
+ display: none; }
915
+
916
+ .mfp-hide {
917
+ display: none !important; }
918
+
919
+ .eae-popup .mfp-preloader {
920
+ color: #CCC;
921
+ position: absolute;
922
+ top: 50%;
923
+ width: auto;
924
+ text-align: center;
925
+ margin-top: -0.8em;
926
+ left: 8px;
927
+ right: 8px;
928
+ z-index: 1044; }
929
+ .eae-popup .mfp-preloader a {
930
+ color: #CCC; }
931
+ .eae-popup .mfp-preloader a:hover {
932
+ color: #FFF; }
933
+
934
+ .mfp-s-ready .mfp-preloader {
935
+ display: none; }
936
+
937
+ .mfp-s-error .mfp-content {
938
+ display: none; }
939
+
940
+ button.eae-close,
941
+ button.mfp-arrow {
942
+ overflow: visible;
943
+ cursor: pointer;
944
+ background: transparent;
945
+ border: 0;
946
+ -webkit-appearance: none;
947
+ display: block;
948
+ outline: none;
949
+ padding: 0;
950
+ z-index: 1046;
951
+ box-shadow: none;
952
+ touch-action: manipulation; }
953
+
954
+ button::-moz-focus-inner {
955
+ padding: 0;
956
+ border: 0; }
957
+
958
+ .eae-popup .eae-close {
959
+ width: 44px;
960
+ height: 44px;
961
+ line-height: 1em;
962
+ position: absolute;
963
+ right: 0;
964
+ top: 0;
965
+ text-decoration: none;
966
+ text-align: center;
967
+ opacity: 1.00;
968
+ padding: 0 0 18px 10px;
969
+ color: #FFF;
970
+ font-size: 28px; }
971
+ .eae-close:hover,
972
+ .eae-close:focus {
973
+ opacity: 1;
974
+ cursor: pointer;
975
+ }
976
+ .eae-close:active {
977
+ top: 1px; }
978
+ .eae-close:before{
979
+ top: 50%;
980
+ left: 50%;
981
+ position: absolute;
982
+ transform: translate(-50%,-50%);
983
+ }
984
+ .eae-popup.eae-close-btn-in .eae-close {
985
+ color: #fff;
986
+ padding-right: 10px;
987
+ }
988
+
989
+ .mfp-image-holder .eae-close,
990
+ .mfp-iframe-holder .eae-close {
991
+ color: #FFF;
992
+ right: -6px;
993
+ text-align: right;
994
+ padding-right: 6px;
995
+ width: 100%; }
996
+
997
+ .mfp-counter {
998
+ position: absolute;
999
+ top: 0;
1000
+ right: 0;
1001
+ color: #CCC;
1002
+ font-size: 12px;
1003
+ line-height: 18px;
1004
+ white-space: nowrap; }
1005
+
1006
+ .mfp-arrow {
1007
+ position: absolute;
1008
+ opacity: 0.65;
1009
+ margin: 0;
1010
+ top: 50%;
1011
+ margin-top: -55px;
1012
+ padding: 0;
1013
+ width: 90px;
1014
+ height: 110px;
1015
+ -webkit-tap-highlight-color: transparent; }
1016
+ .mfp-arrow:active {
1017
+ margin-top: -54px; }
1018
+ .mfp-arrow:hover,
1019
+ .mfp-arrow:focus {
1020
+ opacity: 1; }
1021
+ .mfp-arrow:before,
1022
+ .mfp-arrow:after {
1023
+ content: '';
1024
+ display: block;
1025
+ width: 0;
1026
+ height: 0;
1027
+ position: absolute;
1028
+ left: 0;
1029
+ top: 0;
1030
+ margin-top: 35px;
1031
+ margin-left: 35px;
1032
+ border: medium inset transparent; }
1033
+ .mfp-arrow:after {
1034
+ border-top-width: 13px;
1035
+ border-bottom-width: 13px;
1036
+ top: 8px; }
1037
+ .mfp-arrow:before {
1038
+ border-top-width: 21px;
1039
+ border-bottom-width: 21px;
1040
+ opacity: 0.7; }
1041
+
1042
+ .mfp-arrow-left {
1043
+ left: 0; }
1044
+ .mfp-arrow-left:after {
1045
+ border-right: 17px solid #FFF;
1046
+ margin-left: 31px; }
1047
+ .mfp-arrow-left:before {
1048
+ margin-left: 25px;
1049
+ border-right: 27px solid #3F3F3F; }
1050
+
1051
+ .mfp-arrow-right {
1052
+ right: 0; }
1053
+ .mfp-arrow-right:after {
1054
+ border-left: 17px solid #FFF;
1055
+ margin-left: 39px; }
1056
+ .mfp-arrow-right:before {
1057
+ border-left: 27px solid #3F3F3F; }
1058
+
1059
+ .mfp-iframe-holder {
1060
+ padding-top: 40px;
1061
+ padding-bottom: 40px; }
1062
+ .mfp-iframe-holder .mfp-content {
1063
+ line-height: 0;
1064
+ width: 100%;
1065
+ max-width: 900px; }
1066
+ .mfp-iframe-holder .eae-close {
1067
+ top: -40px; }
1068
+
1069
+ .mfp-iframe-scaler {
1070
+ width: 100%;
1071
+ height: 0;
1072
+ overflow: hidden;
1073
+ padding-top: 56.25%; }
1074
+ .mfp-iframe-scaler iframe {
1075
+ position: absolute;
1076
+ display: block;
1077
+ top: 0;
1078
+ left: 0;
1079
+ width: 100%;
1080
+ height: 100%;
1081
+ box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
1082
+ background: #000; }
1083
+
1084
+ /* Main image in popup */
1085
+ img.mfp-img {
1086
+ width: auto;
1087
+ max-width: 100%;
1088
+ height: auto;
1089
+ display: block;
1090
+ line-height: 0;
1091
+ box-sizing: border-box;
1092
+ padding: 40px 0 40px;
1093
+ margin: 0 auto; }
1094
+
1095
+ /* The shadow behind the image */
1096
+ .eae-popup .mfp-figure {
1097
+ line-height: 0; }
1098
+ .eae-popup .mfp-figure:after {
1099
+ content: '';
1100
+ position: absolute;
1101
+ left: 0;
1102
+ top: 40px;
1103
+ bottom: 40px;
1104
+ display: block;
1105
+ right: 0;
1106
+ width: auto;
1107
+ height: auto;
1108
+ z-index: -1;
1109
+ box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
1110
+ background: #444; }
1111
+ .eae-popup .mfp-figure small {
1112
+ color: #BDBDBD;
1113
+ display: block;
1114
+ font-size: 12px;
1115
+ line-height: 14px; }
1116
+ .eae-popup .mfp-figure figure {
1117
+ margin: 0; }
1118
+
1119
+ .eae-popup .mfp-bottom-bar {
1120
+ margin-top: -36px;
1121
+ position: absolute;
1122
+ top: 100%;
1123
+ left: 0;
1124
+ width: 100%;
1125
+ cursor: auto; }
1126
+
1127
+ .eae-popup .mfp-title {
1128
+ text-align: left;
1129
+ line-height: 1;
1130
+ word-wrap: break-word;
1131
+ color: #ffffff;
1132
+ background-color: #4054b2;
1133
+ padding: 20px 20px 20px 20px;
1134
+ }
1135
+
1136
+ .eae-popup .mfp-image-holder .mfp-content {
1137
+ max-width: 100%; }
1138
+
1139
+ .eae-popup .mfp-gallery .mfp-image-holder .mfp-figure {
1140
+ cursor: pointer; }
1141
+
1142
+ @media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) {
1143
+ /**
1144
+ * Remove all paddings around the image on small screen
1145
+ */
1146
+ .mfp-img-mobile .mfp-image-holder {
1147
+ padding-left: 0;
1148
+ padding-right: 0; }
1149
+ .mfp-img-mobile img.mfp-img {
1150
+ padding: 0; }
1151
+ .mfp-img-mobile .mfp-figure:after {
1152
+ top: 0;
1153
+ bottom: 0; }
1154
+ .mfp-img-mobile .mfp-figure small {
1155
+ display: inline;
1156
+ margin-left: 5px; }
1157
+ .mfp-img-mobile .mfp-bottom-bar {
1158
+ background: rgba(0, 0, 0, 0.6);
1159
+ bottom: 0;
1160
+ margin: 0;
1161
+ top: auto;
1162
+ padding: 3px 5px;
1163
+ position: fixed;
1164
+ box-sizing: border-box; }
1165
+ .mfp-img-mobile .mfp-bottom-bar:empty {
1166
+ padding: 0; }
1167
+ .mfp-img-mobile .mfp-counter {
1168
+ right: 5px;
1169
+ top: 3px; }
1170
+ .mfp-img-mobile .eae-close {
1171
+ top: 0;
1172
+ right: 0;
1173
+ width: 35px;
1174
+ height: 35px;
1175
+ line-height: 35px;
1176
+ background: rgba(0, 0, 0, 0.6);
1177
+ position: fixed;
1178
+ text-align: center;
1179
+ padding: 0; } }
1180
+
1181
+
1182
+ .elementor-element.eae-animated-gradient-yes,.elementor-element.eae-animated-gradient-yes .animated-gradient {
1183
+ background-size: 400% 400% !important;
1184
+ -webkit-animation: AnimateGradient 15s ease-in-out infinite;
1185
+ -moz-animation: AnimateGradient 15s ease-in-out infinite;
1186
+ animation: AnimateGradient 15s ease-in-out infinite;
1187
+ }
1188
+ .animated-gradient{
1189
+ position: absolute;
1190
+ top: 0;
1191
+ left: 0;
1192
+ height: 100%;
1193
+ width: 100%;
1194
+ }
1195
+ @-webkit-keyframes AnimateGradient {
1196
+ 0% {
1197
+ background-position: 0% 50%
1198
+ }
1199
+ 50% {
1200
+ background-position: 100% 50%
1201
+ }
1202
+ 100% {
1203
+ background-position: 0% 50%
1204
+ }
1205
+ }
1206
+ @-moz-keyframes AnimateGradient {
1207
+ 0% {
1208
+ background-position: 0% 50%
1209
+ }
1210
+ 50% {
1211
+ background-position: 100% 50%
1212
+ }
1213
+ 100% {
1214
+ background-position: 0% 50%
1215
+ }
1216
+ }
1217
+ @keyframes AnimateGradient {
1218
+ 0% {
1219
+ background-position: 0% 50%
1220
+ }
1221
+ 50% {
1222
+ background-position: 100% 50%
1223
+ }
1224
+ 100% {
1225
+ background-position: 0% 50%
1226
+ }
1227
+ }
1228
+
1229
+ /*--------------------------------Testimonial Slider----------------------------*/
1230
+
1231
+ .eae-swiper-outer-wrapper .swiper-slide{
1232
+ height: auto;
1233
+ overflow: inherit;
1234
+ }
1235
+ .eae-swiper-outer-wrapper .swiper-slide-wrapper , .eae-swiper-outer-wrapper .testimonial-wrapper{
1236
+ height: 100%;
1237
+ }
1238
+
1239
+ .eae-grid {
1240
+ display: flex;
1241
+ flex-wrap: wrap;
1242
+ flex-direction: row;
1243
+ }
1244
+ .eae-masonry- .eae-grid-item {
1245
+ position: relative;
1246
+ height: 100%;
1247
+ }
1248
+ .eae-masonry- .eae-grid-item .testimonial-wrapper{
1249
+ height: 100%;
1250
+ }
1251
+ .eae-grid-container {
1252
+ transition: 0.1s all ease;
1253
+ }
1254
+ .eae-grid-container{
1255
+ display: inline-block;
1256
+ }
1257
+
1258
+ .wrapper .content{
1259
+ margin: 10px 0;
1260
+ }/*------------------------skin-2------------------*/
1261
+ .skin-2.testimonial-wrapper{
1262
+ display: flex;
1263
+ flex-direction: column;
1264
+ background-color: #9c989821;
1265
+ min-height: 300px;
1266
+ padding: 10px 20px;
1267
+ box-shadow: 0 0 5px rgba(0, 0, 0, 0.15);
1268
+ color : #696969;
1269
+ }
1270
+ .skin-2 .content-wrapper{
1271
+ padding: 10px;
1272
+ position: relative;
1273
+ background-color: #fff;
1274
+ border-radius: 10px;
1275
+ color: #77778E;
1276
+
1277
+ }
1278
+ .skin-2 i.before-content , .skin-2 i.after-content{
1279
+ position: absolute;
1280
+ }
1281
+ .skin-2 i.before-content{
1282
+ top : 10px;
1283
+ left : 20px;
1284
+ }
1285
+ .skin-2 i.after-content{
1286
+ bottom : 10px;
1287
+ right: 20px;
1288
+ }
1289
+ .skin-2 blockquote{
1290
+ position: relative;
1291
+ font-size: 14px;
1292
+ padding: 10px;
1293
+ font-weight: 500;
1294
+ text-align: left;
1295
+ margin: 0;
1296
+ line-height: 1.6em;
1297
+ font-style: italic;
1298
+ }
1299
+ .skin-2 blockquote::before , .skin-2 blockquote::after{
1300
+ font-family: 'FontAwesome';
1301
+ content: "\201C";
1302
+ position: absolute;
1303
+ font-size: 50px;
1304
+ opacity: 0.3;
1305
+ font-style: normal;
1306
+ }
1307
+
1308
+ .skin-2 blockquote::before{
1309
+ top : 10px;
1310
+ left: 20px;
1311
+ }
1312
+ .skin-2 blockquote::after{
1313
+ content: "\201D";
1314
+ right: 20px;
1315
+
1316
+ }
1317
+ .skin-2 .image-wrapper{
1318
+ position: relative;
1319
+ max-width: 100%;
1320
+ text-align: center;
1321
+ }
1322
+ .skin-2 img{
1323
+ width: 100px;
1324
+ border-radius: 25%
1325
+ }
1326
+ .skin-2 .detail-wrapper{
1327
+ text-align : center;
1328
+ }
1329
+ .skin-2 .rating-wrapper , .skin-2 .title , .skin-2 .designation , .skin-2 .company{
1330
+ padding: 5px 0;
1331
+ }
1332
+ .skin-2 .rating-wrapper{
1333
+ color : #000080;
1334
+ }
1335
+
1336
+ .skin-2 .title{
1337
+ font-weight: 800;
1338
+ color: #000000;
1339
+ }
1340
+ .skin-2 blockquote p{
1341
+ margin : 10px 0 !important;
1342
+ }
1343
+
1344
+ /*------------------------skin-1------------------*/
1345
+
1346
+ .skin-1.testimonial-wrapper{
1347
+ display: flex;
1348
+ flex-direction: column;
1349
+ background-color: #ffffff;
1350
+ box-shadow: 0 0 5px rgba(0, 0, 0, 0.15);
1351
+ color : black;
1352
+ }
1353
+ .skin-1 .content-wrapper{
1354
+ order : 0;
1355
+ }
1356
+ .skin-1 .image-wrapper{
1357
+ order : 1;
1358
+ text-align: center;
1359
+ margin: 15px 0;
1360
+ }
1361
+ .skin-1 .detail-wrapper{
1362
+ order : 2;
1363
+ }
1364
+ .skin-1 .content-wrapper{
1365
+ padding: 10px;
1366
+ position: relative;
1367
+ }
1368
+ .skin-1 i.before-content , .skin-1 i.after-content{
1369
+ position: absolute;
1370
+ }
1371
+ .skin-1 i.before-content{
1372
+ top : 10px;
1373
+ left : 20px;
1374
+ }
1375
+ .skin-1 i.after-content{
1376
+ bottom : 10px;
1377
+ right: 20px;
1378
+ }
1379
+ .skin-1 blockquote{
1380
+ position: relative;
1381
+ background-color: #ffffff;
1382
+ font-size: 14px;
1383
+ padding: 10px;
1384
+ font-weight: 500;
1385
+ text-align: left;
1386
+ margin: 0;
1387
+ line-height: 1.6em;
1388
+ font-style: italic;
1389
+ }
1390
+ .skin-1 blockquote::before , .skin-1 blockquote::after{
1391
+ font-family: 'FontAwesome';
1392
+ content: "\201C";
1393
+ position: absolute;
1394
+ font-size: 50px;
1395
+ opacity: 0.3;
1396
+ font-style: normal;
1397
+ }
1398
+
1399
+ .skin-1 blockquote::before{
1400
+ top : 10px;
1401
+ left: 20px;
1402
+ }
1403
+ .skin-1 blockquote::after{
1404
+ content: "\201D";
1405
+ right: 20px;
1406
+
1407
+ }
1408
+ .skin-1 .image-wrapper{
1409
+ position: relative;
1410
+ max-width: 100%;
1411
+ }
1412
+ .skin-1 img{
1413
+ width: 100px;
1414
+ height: auto;
1415
+ border-radius: 50%;
1416
+ }
1417
+ .skin-1 .detail-wrapper{
1418
+ display: flex;
1419
+ flex-direction: row-reverse;
1420
+ justify-content: space-between;
1421
+ padding: 10px;
1422
+ background-color: rgba(157,163,156,0.18);
1423
+ }
1424
+ .skin-1 .rating-wrapper , .skin-1 .title , .skin-1 .designation{
1425
+ margin: 0 5px;
1426
+ }
1427
+ .skin-1 .title-wrapper{
1428
+ display: flex;
1429
+ flex-direction: row;
1430
+ }
1431
+ .skin-1 .rating-wrapper{
1432
+ color : #fecc1f;
1433
+ }
1434
+
1435
+ /*------------------------skin-4------------------*/
1436
+
1437
+ .skin-4.testimonial-wrapper{
1438
+ flex-direction: column;
1439
+ display: flex;
1440
+ background-color: #bfbfb6bd;
1441
+ min-height: 300px;
1442
+ padding: 10px 0;
1443
+ box-shadow: 0 0 5px rgba(0, 0, 0, 0.15);
1444
+ color : #77778E;
1445
+ }
1446
+ .skin-4 .content-wrapper{
1447
+ padding: 10px;
1448
+ position: relative;
1449
+ }
1450
+ .skin-4 .content-wrapper{
1451
+ order : 2;
1452
+ color: #3C3C3C;
1453
+ }
1454
+ .skin-4 i.before-content , .skin-4 i.after-content{
1455
+ position: absolute;
1456
+ }
1457
+ .skin-4 i.before-content{
1458
+ top : 10px;
1459
+ left : 20px;
1460
+ }
1461
+ .skin-4 i.after-content{
1462
+ bottom : 10px;
1463
+ right: 20px;
1464
+ }
1465
+ .skin-4 blockquote{
1466
+ position: relative;
1467
+ font-size: 14px;
1468
+ padding: 10px;
1469
+ font-weight: 500;
1470
+ text-align: left;
1471
+ margin: 0;
1472
+ line-height: 1.6em;
1473
+ font-style: italic;
1474
+ }
1475
+ .skin-4 blockquote::before , .skin-4 blockquote::after{
1476
+ font-family: 'FontAwesome';
1477
+ content: "\201C";
1478
+ position: absolute;
1479
+ font-size: 50px;
1480
+ opacity: 0.3;
1481
+ font-style: normal;
1482
+ }
1483
+
1484
+ .skin-4 blockquote::before{
1485
+ top : 10px;
1486
+ left: 20px;
1487
+ }
1488
+ .skin-4 blockquote::after{
1489
+ content: "\201D";
1490
+ right: 20px;
1491
+
1492
+ }
1493
+ .skin-4 .image-wrapper{
1494
+ position: relative;
1495
+ max-width: 100%;
1496
+ text-align: center;
1497
+ }
1498
+ .skin-4 img{
1499
+ width: 100px;
1500
+ border-radius: 50%
1501
+ }
1502
+ .skin-4 .detail-wrapper{
1503
+ text-align : center;
1504
+ }
1505
+ .skin-4 .rating-wrapper , .skin-2 .title , .skin-2 .designation{
1506
+ padding: 5px 0;
1507
+ }
1508
+ .skin-4 .rating-wrapper{
1509
+ color : #690A69;
1510
+ }
1511
+
1512
+ .skin-4 .title{
1513
+ font-weight: 800;
1514
+ color: #000000;
1515
+ }
1516
+
1517
+ /*------------------------skin-3------------------*/
1518
+
1519
+ .skin-3.testimonial-wrapper{
1520
+ display: flex;
1521
+ flex-direction: row;
1522
+ background-color: #9c989821;
1523
+ box-shadow: 0 0 5px rgba(0, 0, 0, 0.15);
1524
+ color : black;
1525
+ overflow: hidden;
1526
+ }
1527
+ .skin-3 .content-section{
1528
+ display: flex;
1529
+ flex-direction: column;
1530
+ align-self: center;
1531
+ }
1532
+ .skin-3 .content-wrapper{
1533
+ padding: 10px;
1534
+ position: relative;
1535
+ }
1536
+ .skin-3 i.before-content , .skin-2 i.after-content{
1537
+ position: absolute;
1538
+ }
1539
+ .skin-3 i.before-content{
1540
+ top : 10px;
1541
+ left : 20px;
1542
+ }
1543
+ .skin-3 i.after-content{
1544
+ bottom : 10px;
1545
+ right: 20px;
1546
+ }
1547
+ .skin-3 blockquote{
1548
+ position: relative;
1549
+ font-size: 18px;
1550
+ padding: 10px;
1551
+ font-weight: 500;
1552
+ text-align: left;
1553
+ margin: 0;
1554
+ line-height: 1.6em;
1555
+ font-style: italic;
1556
+ }
1557
+ .skin-3 blockquote::before , .skin-3 blockquote::after{
1558
+ font-family: 'FontAwesome';
1559
+ content: "\201C";
1560
+ position: absolute;
1561
+ font-size: 50px;
1562
+ opacity: 0.3;
1563
+ font-style: normal;
1564
+ }
1565
+
1566
+ .skin-3 blockquote::before{
1567
+ top : 10px;
1568
+ left: 20px;
1569
+ }
1570
+ .skin-3 blockquote::after{
1571
+ content: "\201D";
1572
+ right: 20px;
1573
+
1574
+ }
1575
+ .skin-3 .image-wrapper{
1576
+ position: relative;
1577
+ max-width: 30%;
1578
+ max-height: 250px;
1579
+ text-align: center;
1580
+ align-self: center;
1581
+ }
1582
+ .skin-3 img{
1583
+ width: 100%;
1584
+ }
1585
+ .testimonial-wrapper .skin-3 .eae-person-avatar{ border-radius: 50% ;
1586
+ }
1587
+ .skin-3 .detail-wrapper{
1588
+ text-align : left;
1589
+ padding-left: 20px;
1590
+ }
1591
+ .skin-3 .rating-wrapper , .skin-3 .title , .skin-3 .designation{
1592
+ padding: 3px 0;
1593
+ }
1594
+ .skin-3 .rating-wrapper{
1595
+ color : #800040;
1596
+ }
1597
+
1598
+ .skin-3 .title{
1599
+ font-weight: 800;
1600
+ }
1601
+ .eae-swiper-outer-wrapper .swiper-button-prev{
1602
+ -webkit-mask: url(arrow-left.svg) no-repeat 100% 100%;
1603
+ mask: url(arrow-left.svg) no-repeat 100% 100%;
1604
+ -webkit-mask-size: cover;
1605
+ mask-size: cover;
1606
+ background-image: none;
1607
+ background-color: #007aff;
1608
+ transform: translateY(-50%);
1609
+ margin-top:0px;
1610
+
1611
+ }
1612
+ .eae-swiper-outer-wrapper .swiper-container-rtl .swiper-button-prev{
1613
+ -webkit-mask: url(arrow-right.svg) no-repeat 100% 100%;
1614
+ mask: url(arrow-right.svg) no-repeat 100% 100%;
1615
+ }
1616
+ .eae-swiper-outer-wrapper .swiper-button-next{
1617
+ -webkit-mask: url(arrow-right.svg) no-repeat 100% 100%;
1618
+ mask: url(arrow-right.svg) no-repeat 100% 100%;
1619
+ -webkit-mask-size: cover;
1620
+ mask-size: cover;
1621
+ background-image: none;
1622
+ background-color: #007aff;
1623
+ transform: translateY(-50%);
1624
+ margin-top:0px;
1625
+ }
1626
+ .eae-swiper-outer-wrapper .swiper-container-rtl .swiper-button-next{
1627
+ -webkit-mask: url(arrow-left.svg) no-repeat 100% 100%;
1628
+ mask: url(arrow-left.svg) no-repeat 100% 100%;
1629
+ }
1630
+ .elementor-widget-wts-testimonial-slider .eae-swiper-outer-wrapper .swiper-button-prev, .elementor-widget-wts-testimonial-slider .eae-swiper-outer-wrapper .swiper-button-next{
1631
+ -webkit-mask: none;
1632
+ mask: none;
1633
+ -webkit-mask-size: unset;
1634
+ mask-size: unset;
1635
+ background-image: none;
1636
+ background-color: unset;
1637
+ width: auto;
1638
+ height: auto;
1639
+ transform: translateY(-50%);
1640
+ margin-top:0px;
1641
+ }
1642
+
1643
+ .swiper-container .swiper-button-next i, .swiper-container .swiper-button-prev i{
1644
+ width: 1em;
1645
+ height: 1em;
1646
+ text-align: center;
1647
+ position: relative;
1648
+ }
1649
+
1650
+ .elementor-widget-wts-testimonial-slider .eae-swiper-outer-wrapper .eae-swiper-button-wrapper{ position: absolute; height: auto; line-height: 0; }
1651
+
1652
+ .eae-hpos-right.eae-vpos-top .eae-swiper-button-wrapper{
1653
+ bottom: auto; top: 0; width: auto; right: 0;
1654
+ }
1655
+ .eae-vpos-top.eae-hpos-left .eae-swiper-button-wrapper{
1656
+ bottom: auto; top: 0; width: auto; left: 0;
1657
+ }
1658
+ .eeae-hpos-right.eae-vpos-bottom .eae-swiper-button-wrapper{
1659
+ bottom: 0; top: auto; width: auto; right: 0;
1660
+ }
1661
+ .eae-vpos-bottom.eae-hpos-left .eae-swiper-button-wrapper{
1662
+ bottom: 0; top: auto; width: auto; left: 0;
1663
+ }
1664
+ .eae-hpos-right.eae-vpos-middle .eae-swiper-button-wrapper{
1665
+ bottom: auto; top: 50%; width: auto; right: 0;
1666
+ }
1667
+ .eae-hpos-left.eae-vpos-middle .eae-swiper-button-wrapper{
1668
+ bottom: auto; top: 50%; width: auto; left: 0;
1669
+ }
1670
+
1671
+ .eae-hpos-right .swiper-button-prev, .eae-hpos-left .swiper-button-prev, .eae-hpos-right .swiper-button-next, .eae-hpos-left .swiper-button-next {
1672
+ position: relative;
1673
+ display: inline-block;
1674
+ right: auto;
1675
+ left: auto;
1676
+ }
1677
+
1678
+ .eae-hpos-right.eae-vpos-bottom .swiper-button-prev, .eae-hpos-right.eae-vpos-bottom .swiper-button-next {
1679
+ top: auto;
1680
+ bottom: 0;
1681
+ transform: unset;
1682
+ }
1683
+ .eae-hpos-right.eae-vpos-top .swiper-button-next, .eae-hpos-right.eae-vpos-top .swiper-button-prev {
1684
+ top: 0;
1685
+ bottom: auto;
1686
+ transform: unset;
1687
+ }
1688
+ .eae-hpos-left.eae-vpos-top .swiper-button-prev, .eae-hpos-left.eae-vpos-top .swiper-button-next {
1689
+ top: 0;
1690
+ bottom: auto;
1691
+ transform: unset;
1692
+ }
1693
+ .eae-hpos-left.eae-vpos-bottom .swiper-button-next, .eae-hpos-left.eae-vpos-bottom .swiper-button-prev {
1694
+ top: auto;
1695
+ bottom: 0;
1696
+ transform: unset;
1697
+ }
1698
+ .eae-hpos-center.eae-vpos-bottom .swiper-button-next, .eae-hpos-center.eae-vpos-bottom .swiper-button-prev {
1699
+ top: auto;
1700
+ bottom: 0;
1701
+ transform: unset;
1702
+ }
1703
+ .eae-hpos-center.eae-vpos-top .swiper-button-next, .eae-hpos-center.eae-vpos-top .swiper-button-prev {
1704
+ top: 0;
1705
+ bottom: auto;
1706
+ transform: unset;
1707
+ }
1708
+
1709
+
1710
+ @media all and (max-width: 900px) {
1711
+ .mfp-arrow {
1712
+ -webkit-transform: scale(0.75);
1713
+ transform: scale(0.75); }
1714
+ .mfp-arrow-left {
1715
+ -webkit-transform-origin: 0;
1716
+ transform-origin: 0; }
1717
+ .mfp-arrow-right {
1718
+ -webkit-transform-origin: 100%;
1719
+ transform-origin: 100%; }
1720
+ .mfp-container {
1721
+ padding-left: 6px;
1722
+ padding-right: 6px; }
1723
+ }
1724
+
1725
+ /* Info Circle */
1726
+ .eae-info-circle {
1727
+ position: relative;
1728
+ width: 90%;
1729
+ margin: 0 auto;
1730
+ border-radius: 50%;
1731
+ display: block;
1732
+ }
1733
+
1734
+ .eae-info-circle:before {
1735
+ content: '';
1736
+ display: block;
1737
+ position: absolute;
1738
+ top: 4%;
1739
+ left: 4%;
1740
+ width: 92%;
1741
+ height: 92%;
1742
+ border-radius: 50%;
1743
+ z-index: 1;
1744
+ -webkit-box-sizing: border-box;
1745
+ -moz-box-sizing: border-box;
1746
+ box-sizing: border-box;
1747
+ pointer-events: none;
1748
+ }
1749
+
1750
+ .eae-info-circle:after {
1751
+ content: '';
1752
+ display: block;
1753
+ padding-top: 100%;
1754
+ }
1755
+
1756
+ .eae-info-circle .eae-ic-icon-wrap {
1757
+ position: absolute;
1758
+ display: inline-block;
1759
+ top: 50%;
1760
+ left: 50%;
1761
+ z-index: 2;
1762
+ line-height: 1em;
1763
+ vertical-align: middle;
1764
+ overflow: hidden;
1765
+ max-width: 100%;
1766
+ }
1767
+
1768
+ .eae-info-circle .eae-info-circle-item {
1769
+ position: absolute;
1770
+ top: 0;
1771
+ left: 0;
1772
+ width: 100%;
1773
+ height: 100%;
1774
+ display: block;
1775
+ }
1776
+
1777
+ .eae-info-circle .eae-info-circle-item.eae-active .eae-info-circle-item__content-wrap {
1778
+ visibility: visible;
1779
+ opacity: 1;
1780
+ display: flex;
1781
+ }
1782
+
1783
+ .eae-info-circle .eae-info-circle-item__content-wrap {
1784
+ visibility: visible;
1785
+ display: none;
1786
+ height: 91%;
1787
+ width: 91%;
1788
+ opacity: 0;
1789
+ top: 50%;
1790
+ transform: translateY(-50%) translateX(-50%);
1791
+ position: absolute;
1792
+ left: 50%;
1793
+ border-radius: 50%;
1794
+ overflow: hidden;
1795
+ -webkit-box-sizing: border-box;
1796
+ -moz-box-sizing: border-box;
1797
+ box-sizing: border-box;
1798
+
1799
+ }
1800
+
1801
+ .eae-info-circle .eae-info-circle-item__content-wrap:before {
1802
+ content: '';
1803
+ display: inline-block;
1804
+ height: 100%;
1805
+ vertical-align: middle;
1806
+ }
1807
+
1808
+ .eae-info-circle .eae-info-circle-item__content {
1809
+ display: inline-block;
1810
+ top: 50%;
1811
+ transform: translateY(-50%) translateX(-50%);
1812
+ position: absolute;
1813
+ left: 50%;
1814
+ vertical-align: middle;
1815
+ z-index: 1;
1816
+ max-height: 100%;
1817
+ overflow: auto;
1818
+ -webkit-box-sizing: border-box;
1819
+ -moz-box-sizing: border-box;
1820
+ box-sizing: border-box;
1821
+ text-align: center;
1822
+ width: 75%;
1823
+ }
1824
+
1825
+
1826
+ /* Mobile */
1827
+ @media screen and (max-width: 767px) {
1828
+ .eae-info-circle.eae-info-circle .eae-info-circle-item__content-wrap:before {
1829
+ display: none;
1830
+ }
1831
+ .eae-info-circle:before,
1832
+ .eae-info-circle:after {
1833
+ display: none
1834
+ }
1835
+
1836
+ .eae-info-circle{
1837
+ width: 100% !important;
1838
+ }
1839
+
1840
+ .eae-info-circle-wrapper:before,
1841
+ .eae-info-circle-wrapper:after {
1842
+ display: none
1843
+ }
1844
+ .eae-info-circle .eae-ic-icon-wrap{
1845
+ display: block;
1846
+ text-align: center;
1847
+ position: relative !important;
1848
+ left: unset !important;
1849
+ margin-left: 0 !important;
1850
+ margin-top: 0 !important;
1851
+ margin-bottom: 10px;
1852
+ }
1853
+ .eae-info-circle-item{
1854
+ position: relative !important;
1855
+ border-radius: 0 !important;
1856
+ padding: 0px;
1857
+ margin: 10px 0
1858
+ }
1859
+
1860
+ .eae-info-circle .eae-info-circle-item__content-wrap{
1861
+ visibility: visible;
1862
+ opacity: 1 !important;
1863
+ display: flex !important;
1864
+ border-radius: 0 !important;
1865
+ border: none !important;
1866
+ margin: 0 !important;
1867
+ padding-right: 0 !important;
1868
+ padding-left: 0 !important;
1869
+ padding-bottom: 0 !important;
1870
+ width: 100%;
1871
+ height: auto;
1872
+ line-height: 1.5em;
1873
+ position: relative;
1874
+ top: unset;
1875
+ left: unset;
1876
+ transform: unset;
1877
+ }
1878
+
1879
+ .eae-info-circle .eae-info-circle-item__content{
1880
+ position: relative;
1881
+ top: unset;
1882
+ left: unset;
1883
+ transform: unset;
1884
+ width: 100%;
1885
+ padding: 10px;
1886
+ }
1887
+ }
1888
+
1889
+ /**
1890
+ New Icon
1891
+ */
1892
+ .eae-icon-wrap i{
1893
+ height:1.25em;
1894
+ width:1.25em;
1895
+ line-height: 1.25em;
1896
+ display: block;
1897
+ }
1898
+ .eae-icon-wrap i img{
1899
+ top: 50%;
1900
+ left: 50%;
1901
+ transform: translateX(-50%) translateY(-50%);
1902
+ position: absolute;
1903
+ }
1904
+ .eae-icon{
1905
+ display: inline-block;
1906
+ text-align: center;
1907
+ line-height: 1em;
1908
+ vertical-align: middle;
1909
+ max-width: 100%;
1910
+ overflow: hidden;
1911
+ padding: 10px;
1912
+ }
1913
+
1914
+ .eae-icon-shape-circle:not(.elementor-element){
1915
+ border-radius:50%;
1916
+ }
1917
+ .eae-icon-view-framed:not(.elementor-element) {
1918
+ border-width:1px;
1919
+ border-style:solid;
1920
+ }
1921
+
1922
+ .eae-icon-wrapper{
1923
+ display: flex;
1924
+ }
1925
+
1926
+ .eae-icon-wrapper .eae-icon{
1927
+ position: absolute;
1928
+ left: 50%;
1929
+ top: 50%;
1930
+ transform: translate(-50%, -50%);
1931
+ line-height: 1;
1932
+ }
1933
+
1934
+
1935
+ /**
1936
+
1937
+ Timeline CSS
1938
+ new comment
1939
+
1940
+ **/
1941
+
1942
+
1943
+ .eae-timeline {
1944
+ position: relative;
1945
+ display: inline-block;
1946
+ width: 100%;
1947
+ }
1948
+
1949
+ .eae-timline-progress-bar{
1950
+ width: 4px;
1951
+ background-color: #F45B69;
1952
+ top:0;
1953
+ bottom: 50px;
1954
+ position: absolute;
1955
+ transform: translateX(-50%);
1956
+ }
1957
+
1958
+ .eae-timeline-item{
1959
+ position: relative;
1960
+ display: flex;
1961
+ flex-direction: row;
1962
+ padding-bottom: 50px;
1963
+ }
1964
+
1965
+ .eae-timeline-item:last-child{
1966
+ padding-bottom: 0px !important;
1967
+ }
1968
+
1969
+ .eae-tl-top .eae-timeline-item {
1970
+ align-items: flex-start;
1971
+ }
1972
+ .eae-tl-top .eae-tl-item-content::before{
1973
+ top: 10px;
1974
+ }
1975
+ .eae-timeline-item.image-position-row-reverse .eae-tl-item-image,
1976
+ .eae-timeline-item.image-position-row .eae-tl-item-image{
1977
+ margin-top: 0;
1978
+ margin-bottom: 0;
1979
+ }
1980
+
1981
+ .eae-tl-item-meta-wrapper-inner{
1982
+ display: none;
1983
+ }
1984
+ .eae-tl-bottom .eae-timeline-item {
1985
+ align-items: flex-end;
1986
+ }
1987
+ .eae-tl-bottom .eae-tl-item-content::before{
1988
+ bottom: 10px;
1989
+ }
1990
+
1991
+ .eae-tl-center .eae-timeline-item {
1992
+ align-items: center;
1993
+ }
1994
+ .eae-tl-center .eae-tl-item-content::before{
1995
+ bottom: calc(50% - 5px);
1996
+ }
1997
+
1998
+ .eae-layout-center .eae-timline-progress-bar{
1999
+ left: 50%;
2000
+ }
2001
+ .eae-layout-center .eae-timeline-item:nth-child(odd) {
2002
+ flex-direction: row-reverse;
2003
+ }
2004
+ .eae-layout-center .eae-timeline-item:nth-child(odd) .eae-tl-item-meta-wrapper{
2005
+ margin-right: 0px;
2006
+ margin-left:0px;
2007
+ justify-content: flex-start;
2008
+ }
2009
+ .eae-layout-center .eae-timeline-item:nth-child(odd) .eae-tl-content-wrapper{
2010
+ padding-right: 20px;
2011
+ padding-left: 0px;
2012
+ }
2013
+ .eae-layout-center .eae-timeline-item:nth-child(even) .eae-tl-content-wrapper{
2014
+ padding-right: 0px;
2015
+ padding-left: 20px;
2016
+ }
2017
+
2018
+ .eae-layout-left .eae-tl-content-wrapper {
2019
+ padding-right: 10px;
2020
+ padding-left: 20px;
2021
+ }
2022
+ .eae-layout-left .eae-timline-progress-bar{
2023
+ left: 20px;
2024
+ }
2025
+ .eae-layout-left .eae-tl-item-meta-wrapper{
2026
+ display: none;
2027
+ }
2028
+ .eae-layout-left .eae-tl-item-meta-wrapper-inner{
2029
+ display: block;
2030
+ }
2031
+
2032
+ .eae-layout-right .eae-timline-progress-bar{
2033
+ left: calc(100% - 20px);
2034
+ }
2035
+ .eae-layout-right .eae-tl-content-wrapper {
2036
+ padding-right: 20px;
2037
+ padding-left: 10px;
2038
+ }
2039
+ .eae-layout-right .eae-tl-icon-wrapper{
2040
+ order:3;
2041
+ }
2042
+ .eae-layout-right .eae-tl-item-meta-wrapper{
2043
+ display: none;
2044
+ }
2045
+ .eae-layout-right .eae-tl-item-meta-wrapper-inner{
2046
+ display: block;
2047
+ }
2048
+
2049
+ .eae-tl-item-meta-wrapper {
2050
+ flex-grow: 1;
2051
+ order: 0;
2052
+ flex-basis: 50%;
2053
+ flex-direction: initial;
2054
+ justify-content: flex-end;
2055
+ display: flex;
2056
+ align-items: center;
2057
+ margin-right: 0px;
2058
+ }
2059
+ .eae-tl-item-meta{
2060
+ padding: 0px 20px;
2061
+ }
2062
+
2063
+ .eae-tl-icon-wrapper {
2064
+ height: auto;
2065
+ width: auto;
2066
+ flex-grow: 0;
2067
+ flex-shrink: 0;
2068
+ order: 1;
2069
+ margin-left: 0px;
2070
+ margin-right: 0px;
2071
+ min-width: 10px;
2072
+ min-height: 10px;
2073
+ border-radius: 999px;
2074
+ position: relative;
2075
+ display: -ms-flexbox;
2076
+ display: flex;
2077
+ -ms-flex-align: center;
2078
+ align-items: center;
2079
+ -ms-flex-pack: center;
2080
+ justify-content: center;
2081
+ }
2082
+
2083
+ .eae-tl-content-wrapper {
2084
+ flex-grow: 1;
2085
+ order: 2;
2086
+ flex-basis: 50%;
2087
+ position: relative;
2088
+ padding-right: 0px;
2089
+ padding-left: 20px;
2090
+ }
2091
+ .eae-tl-item-content{
2092
+ background: #f4f4f4;
2093
+ padding: 25px;
2094
+ overflow: hidden;
2095
+ text-align: center;
2096
+ display: flex;
2097
+ flex-direction: row;
2098
+ }
2099
+ .eae-tl-content{
2100
+ display: inline-block;
2101
+ position: relative;
2102
+ padding: 10px;
2103
+ width: 100%;
2104
+ color: #000;
2105
+ }
2106
+
2107
+ .image-position-row .eae-timeline .eae-timeline-item:not(.custom-image-style-yes) .eae-content-inner,
2108
+ .image-position-row-reverse .eae-timeline .eae-timeline-item:not(.custom-image-style-yes) .eae-content-inner,
2109
+ .eae-timeline-item.custom-image-style-yes.image-position-row .eae-content-inner,.eae-timeline-item.custom-image-style-yes.image-position-row-reverse .eae-content-inner
2110
+ {
2111
+ position: relative;
2112
+ left: 50%;
2113
+ top: 50%;
2114
+ transform: translate(-50%, -50%);
2115
+ line-height: 1;
2116
+ width: 100%;
2117
+ }
2118
+ .custom-image-style-.image-position-row .eae-content-inner,
2119
+ .custom-image-style-.image-position-row-reverse .eae-content-inner,
2120
+ .custom-image-style-no.image-position-row .eae-content-inner,
2121
+ .custom-image-style-no.image-position-row-reverse .eae-content-inner{
2122
+ left: unset;
2123
+ top: unset;
2124
+ transform: unset;
2125
+ }
2126
+ .eae-tl-item-image{
2127
+ display: inline-block;
2128
+ }
2129
+
2130
+ .image-position-row .eae-tl-item-image img, .image-position-row-reverse .eae-tl-item-image img{
2131
+ object-fit: cover;
2132
+ height: 100% !important;
2133
+ }
2134
+ .image-position-row .eae-tl-item-image,.image-position-row-reverse .eae-tl-item-image{
2135
+ margin: 0px;
2136
+ }
2137
+ .image-position-column .eae-tl-item-image{
2138
+ margin : auto;
2139
+ }
2140
+ .custom-image-style-no.image-position-column .eae-tl-item-image,
2141
+ .custom-image-style-.image-position-column .eae-tl-item-image{
2142
+ margin : 0 auto;
2143
+ }
2144
+
2145
+ .eae-pb-inner-line{
2146
+ width: 100%;
2147
+ background-color: #3d5ac3;
2148
+ }
2149
+
2150
+ .eae-tl-item-content::before {
2151
+ content: '';
2152
+ position: absolute;
2153
+ width: 0;
2154
+ height: 0;
2155
+ border-style: solid;
2156
+ border-width: 8px 16px 8px 0;
2157
+ border-color: transparent #f4f4f4 transparent transparent;
2158
+ }
2159
+
2160
+
2161
+ .eae-icon-wrapper{
2162
+ display: flex;
2163
+ }
2164
+
2165
+ .elementor-widget-bpel-timeline .eae-icon-wrapper{
2166
+ position: absolute;
2167
+ left: 50%;
2168
+ top: 50%;
2169
+ transform: translate(-50%, -50%);
2170
+ line-height: 1;
2171
+ }
2172
+
2173
+ .eae-tl-read-more{
2174
+ display: inline-block;
2175
+ padding: 5px;
2176
+ border: 2px solid #000000;
2177
+ }
2178
+ .image-position-row .eae-timeline.eae-timeline-alternate-yes .eae-timeline-item:nth-child(odd):not(.custom-image-style-yes) .eae-tl-item-content{
2179
+ flex-direction: row-reverse !important;
2180
+ }
2181
+ .image-position-row-reverse .eae-timeline.eae-timeline-alternate-yes .eae-timeline-item:nth-child(odd):not(.custom-image-style-yes) .eae-tl-item-content{
2182
+ flex-direction: row !important;
2183
+ }
2184
+ @media screen and (min-width: 1024px) {
2185
+ .eae-layout-right .eae-tl-item-content::before,
2186
+ .eae-layout-center .eae-timeline-item:nth-child(odd) .eae-tl-item-content::before{
2187
+ right: 4px;
2188
+ border-width: 8px 0 8px 16px;
2189
+ border-color: transparent transparent transparent #f4f4f4;
2190
+ }
2191
+
2192
+ .eae-layout-left .eae-tl-item-content::before,
2193
+ .eae-layout-center .eae-timeline-item:nth-child(even) .eae-tl-item-content::before{
2194
+ left: 4px;
2195
+ border-width: 8px 16px 8px 0;
2196
+ border-color: transparent #f4f4f4 transparent transparent;
2197
+ }
2198
+ }
2199
+ @media screen and (max-width: 1023px) and (min-width: 768px) {
2200
+ .image-position-row .eae-timeline.eae-timeline-alternate-yes .eae-timeline-item:nth-child(odd):not(.custom-image-style-yes) .eae-tl-item-content{
2201
+ flex-direction: row-reverse !important;
2202
+ }
2203
+ .image-position-row-reverse .eae-timeline.eae-timeline-alternate-yes .eae-timeline-item:nth-child(odd):not(.custom-image-style-yes) .eae-tl-item-content{
2204
+ flex-direction: row !important;
2205
+ }
2206
+
2207
+ .eae-tl-res-style-mobile-tablet .eae-tl-item-meta-wrapper{
2208
+ display: none;
2209
+ }.eae-tl-res-style-mobile-tablet .eae-tl-item-meta-wrapper-inner{
2210
+ display: block;
2211
+ }
2212
+ .eae-tl-res-style-mobile-tablet.eae-tl-res-layout-left .eae-timeline-item{
2213
+ flex-direction: row !important;
2214
+ }
2215
+ .eae-tl-res-style-mobile-tablet.eae-tl-res-layout-right .eae-timeline-item{
2216
+ flex-direction: row-reverse !important;
2217
+ }
2218
+
2219
+ .eae-layout-center.eae-tl-res-style-mobile-tablet.eae-tl-res-layout-left .eae-timeline-item .eae-tl-item-content::before,
2220
+ .eae-timeline.eae-layout-center.eae-tl-res-style-mobile .eae-timeline-item:nth-child(even) .eae-tl-item-content::before,
2221
+ .eae-layout-left .eae-tl-item-content::before,
2222
+ .eae-layout-left .eae-timeline-item .eae-tl-item-content::before{
2223
+ left: 4px !important;
2224
+ border-width: 8px 16px 8px 0 !important;
2225
+ border-color: transparent #f4f4f4 transparent transparent !important;
2226
+ }
2227
+
2228
+ .eae-layout-right .eae-timeline-item .eae-tl-item-content::before,
2229
+ .eae-layout-right .eae-tl-item-content::before,
2230
+ .eae-timeline.eae-layout-center.eae-tl-res-style-mobile .eae-timeline-item:nth-child(odd) .eae-tl-item-content::before,
2231
+ .eae-layout-center.eae-tl-res-style-mobile-tablet.eae-tl-res-layout-right .eae-timeline-item .eae-tl-item-content::before,
2232
+ .eae-tl-res-style-mobile-tablet.eae-tl-res-layout-right .eae-timeline-item .eae-tl-item-content::before{
2233
+ right: 4px !important;
2234
+ border-width: 8px 0 8px 16px !important;
2235
+ border-color: transparent transparent transparent #f4f4f4 !important;
2236
+ }
2237
+ .eae-tl-res-style-mobile-tablet.eae-layout-center.eae-tl-res-layout-left .eae-timeline-item .eae-tl-content-wrapper{
2238
+ padding-right: 0px !important;
2239
+ padding-left: 20px !important;
2240
+ }
2241
+ .eae-tl-res-style-mobile-tablet.eae-layout-center.eae-tl-res-layout-right .eae-timeline-item .eae-tl-content-wrapper{
2242
+ padding-right: 20px !important;
2243
+ padding-left: 0px !important;
2244
+ }
2245
+ .eae-tl-res-style-mobile-tablet.eae-layout-center.eae-tl-res-layout-left .eae-timline-progress-bar{
2246
+ left: 13px;
2247
+ }
2248
+ .eae-tl-res-style-mobile-tablet.eae-layout-center.eae-tl-res-layout-right .eae-timline-progress-bar{
2249
+ left: calc(100% - 13px);
2250
+ }
2251
+ }
2252
+
2253
+ @media screen and (max-width: 767px) {
2254
+ .eae-tl-item-meta-wrapper{
2255
+ display: none;
2256
+ }
2257
+ .eae-tl-item-meta-wrapper-inner{
2258
+ display: block;
2259
+ }
2260
+
2261
+ .elementor-widget-bpel-timeline:not(.image-position-column) .eae-timeline .eae-tl-item-content{
2262
+ flex-direction: column-reverse !important;
2263
+ }
2264
+ .elementor-widget-bpel-timeline:not(.image-position-column) .eae-tl-content,.eae-tl-item-image{
2265
+ width : 100% !important;
2266
+ }
2267
+ .eae-tl-res-style-mobile.eae-tl-res-layout-left .eae-timeline-item,
2268
+ .eae-tl-res-style-mobile-tablet.eae-tl-res-layout-left .eae-timeline-item{
2269
+ flex-direction: row !important;
2270
+ }
2271
+ .eae-tl-res-style-mobile-tablet.eae-tl-res-layout-right .eae-timeline-item,
2272
+ .eae-tl-res-style-mobile.eae-tl-res-layout-right .eae-timeline-item{
2273
+ flex-direction: row-reverse !important;
2274
+ }
2275
+
2276
+ .eae-tl-res-style-mobile.eae-tl-res-layout-left .eae-timeline-item .eae-tl-item-content::before,
2277
+ .eae-tl-res-style-mobile-tablet.eae-tl-res-layout-left .eae-timeline-item .eae-tl-item-content::before,
2278
+ .eae-layout-left .eae-timeline-item .eae-tl-item-content::before,
2279
+ .eae-timeline.eae-layout-center.eae-tl-center.eae-tl-res-style-mobile.eae-tl-res-layout-left .eae-timeline-item:nth-child(odd) .eae-tl-item-content::before,
2280
+ .eae-timeline.eae-layout-center.eae-tl-center.eae-tl-res-style-mobile-tablet.eae-tl-res-layout-left .eae-timeline-item:nth-child(odd) .eae-tl-item-content::before
2281
+ {
2282
+ left: 4px !important;
2283
+ border-width: 8px 16px 8px 0 !important;
2284
+ border-color: transparent #f4f4f4 transparent transparent !important;
2285
+ }
2286
+ .eae-tl-res-style-mobile-tablet.eae-tl-res-layout-right .eae-timeline-item .eae-tl-item-content::before,
2287
+ .eae-tl-res-style-mobile.eae-tl-res-layout-right .eae-timeline-item .eae-tl-item-content::before,
2288
+ .eae-layout-right .eae-timeline-item .eae-tl-item-content::before{
2289
+ right: 4px !important;
2290
+ border-width: 8px 0 8px 16px !important;
2291
+ border-color: transparent transparent transparent #f4f4f4 !important;
2292
+ }
2293
+ .eae-tl-res-style-mobile.eae-layout-center.eae-tl-res-layout-left .eae-timeline-item .eae-tl-content-wrapper,
2294
+ .eae-tl-res-style-mobile-tablet.eae-layout-center.eae-tl-res-layout-left .eae-timeline-item .eae-tl-content-wrapper{
2295
+ padding-right: 0px !important;
2296
+ padding-left: 20px !important;
2297
+ }
2298
+ .eae-tl-res-style-mobile.eae-layout-center.eae-tl-res-layout-right .eae-timeline-item .eae-tl-content-wrapper,
2299
+ .eae-tl-res-style-mobile-tablet.eae-layout-center.eae-tl-res-layout-right .eae-timeline-item .eae-tl-content-wrapper{
2300
+ padding-right: 20px !important;
2301
+ padding-left: 0px !important;
2302
+ }
2303
+ .eae-tl-res-style-mobile.eae-layout-center.eae-tl-res-layout-left .eae-timline-progress-bar,
2304
+ .eae-tl-res-style-mobile-tablet.eae-layout-center.eae-tl-res-layout-left .eae-timline-progress-bar{
2305
+ left: 13px;
2306
+ }
2307
+ .eae-tl-res-style-mobile.eae-layout-center.eae-tl-res-layout-right .eae-timline-progress-bar,
2308
+ .eae-tl-res-style-mobile-tablet.eae-layout-center.eae-tl-res-layout-right .eae-timline-progress-bar{
2309
+ left: calc(100% - 13px);
2310
+ }
2311
+ }
2312
+
2313
+ /** EverGreen Timer **/
2314
+
2315
+ [data-element_type="eae-evergreen-timer.skin1"] .eae-evergreen-wrapper{
2316
+ display: block;
2317
+ text-align: center;
2318
+ }
2319
+ [data-element_type="eae-evergreen-timer.skin1"] #eaeclockdiv{
2320
+ font-family: sans-serif;
2321
+ color: #fff;
2322
+ display: inline-block;
2323
+ font-weight: 100;
2324
+ text-align: center;
2325
+ font-size: 30px;
2326
+ }
2327
+
2328
+ [data-element_type="eae-evergreen-timer.skin1"] .eae-time-wrapper{
2329
+ padding: 10px;
2330
+ border-radius: 3px;
2331
+ background: #00BF96;
2332
+ display: inline-block;
2333
+ overflow: hidden;
2334
+ }
2335
+
2336
+ [data-element_type="eae-evergreen-timer.skin1"] #eaeclockdiv div > span{
2337
+ padding: 15px;
2338
+ width: 100% ;
2339
+ background: #00816A;
2340
+ display: inline-block;
2341
+ }
2342
+
2343
+ [data-element_type="eae-evergreen-timer.skin1"] .smalltext{
2344
+ padding: 7px;
2345
+ font-size: 16px;
2346
+ }
2347
+
2348
+ [data-element_type="eae-evergreen-timer.skin1"] .eae-egt-hide{
2349
+ display : none;
2350
+ }
2351
+
2352
+ .eae-egt-message {
2353
+ display: none;
2354
+ }
2355
+
2356
+ @media screen and (max-width: 767px){
2357
+ [data-element_type="eae-evergreen-timer.skin1"] #eaeclockdiv div > span{
2358
+ padding: 5px;
2359
+ }
2360
+
2361
+ [data-element_type="eae-evergreen-timer.skin1"] .eae-time-wrapper {
2362
+ padding: 5px;
2363
+ }
2364
+ }
2365
+
2366
+ /* Skin 2 - Flip Clock Css*/
2367
+
2368
+ [data-element_type="eae-evergreen-timer.skin2"] .eae-flip-clock-wrapper * {
2369
+ -webkit-box-sizing: border-box;
2370
+ -moz-box-sizing: border-box;
2371
+ -ms-box-sizing: border-box;
2372
+ -o-box-sizing: border-box;
2373
+ box-sizing: border-box;
2374
+ -webkit-backface-visibility: hidden;
2375
+ -moz-backface-visibility: hidden;
2376
+ -ms-backface-visibility: hidden;
2377
+ -o-backface-visibility: hidden;
2378
+ backface-visibility: hidden;
2379
+ }
2380
+ [data-element_type="eae-evergreen-timer.skin2"] .eae-evergreen-wrapper{
2381
+ display: inline-block;
2382
+ width: 100%;
2383
+ text-align: center;
2384
+ margin: auto;
2385
+ }
2386
+ [data-element_type="eae-evergreen-timer.skin2"] .timer-container{
2387
+ display: inline-block;
2388
+ }
2389
+ [data-element_type="eae-evergreen-timer.skin2"] .eae-flip-clock-wrapper a {
2390
+ cursor: pointer;
2391
+ text-decoration: none;
2392
+ color: #ccc;
2393
+ }
2394
+
2395
+ [data-element_type="eae-evergreen-timer.skin2"] .eae-flip-clock-wrapper a:hover {
2396
+ color: #fff;
2397
+ }
2398
+
2399
+ [data-element_type="eae-evergreen-timer.skin2"] .eae-flip-clock-wrapper ul {
2400
+ list-style: none;
2401
+ }
2402
+
2403
+ [data-element_type="eae-evergreen-timer.skin2"] .eae-flip-clock-wrapper.clearfix:before,
2404
+ [data-element_type="eae-evergreen-timer.skin2"] .eae-flip-clock-wrapper.clearfix:after {
2405
+ content: " ";
2406
+ display: table;
2407
+ }
2408
+
2409
+ [data-element_type="eae-evergreen-timer.skin2"] .eae-flip-clock-wrapper.clearfix:after {
2410
+ clear: both;
2411
+ }
2412
+
2413
+ [data-element_type="eae-evergreen-timer.skin2"] .eae-flip-clock-wrapper.clearfix {
2414
+ *zoom: 1;
2415
+ }
2416
+
2417
+ /* Main */
2418
+ [data-element_type="eae-evergreen-timer.skin2"] .eae-flip-clock-wrapper {
2419
+ font: normal 11px "Helvetica Neue", Helvetica, sans-serif;
2420
+ -webkit-user-select: none;
2421
+ }
2422
+
2423
+ [data-element_type="eae-evergreen-timer.skin2"] .flip-clock-meridium {
2424
+ background: none !important;
2425
+ box-shadow: 0 0 0 !important;
2426
+ font-size: 36px !important;
2427
+ }
2428
+
2429
+ [data-element_type="eae-evergreen-timer.skin2"] .flip-clock-meridium a {
2430
+ color: #313333;
2431
+ }
2432
+
2433
+ [data-element_type="eae-evergreen-timer.skin2"] .eae-flip-clock-wrapper {
2434
+ text-align: center;
2435
+ position: relative;
2436
+ width: 100%;
2437
+ margin: 1em;
2438
+ }
2439
+
2440
+ [data-element_type="eae-evergreen-timer.skin2"] .eae-flip-clock-wrapper:before,
2441
+ [data-element_type="eae-evergreen-timer.skin2"] .eae-flip-clock-wrapper:after {
2442
+ content: " "; /* 1 */
2443
+ display: table; /* 2 */
2444
+ }
2445
+ [data-element_type="eae-evergreen-timer.skin2"] .eae-flip-clock-wrapper:after {
2446
+ clear: both;
2447
+ }
2448
+
2449
+ /* Skeleton */
2450
+ [data-element_type="eae-evergreen-timer.skin2"] .eae-flip-clock-wrapper ul {
2451
+ position: relative;
2452
+ float: left;
2453
+ margin: 5px;
2454
+ width: 60px;
2455
+ height: 90px;
2456
+ font-size: 80px;
2457
+ font-weight: bold;
2458
+ line-height: 87px;
2459
+ border-radius: 6px;
2460
+ background: #000;
2461
+ }
2462
+
2463
+ [data-element_type="eae-evergreen-timer.skin2"] .eae-flip-clock-wrapper ul li {
2464
+ z-index: 1;
2465
+ position: absolute;
2466
+ left: 0;
2467
+ top: 0;
2468
+ width: 100%;
2469
+ height: 100%;
2470
+ line-height: 87px;
2471
+ text-decoration: none !important;
2472
+ }
2473
+
2474
+ [data-element_type="eae-evergreen-timer.skin2"] .eae-flip-clock-wrapper ul li:first-child {
2475
+ z-index: 2;
2476
+ }
2477
+
2478
+ [data-element_type="eae-evergreen-timer.skin2"] .eae-flip-clock-wrapper ul li a {
2479
+ display: block;
2480
+ height: 100%;
2481
+ -webkit-perspective: 200px;
2482
+ -moz-perspective: 200px;
2483
+ perspective: 200px;
2484
+ margin: 0 !important;
2485
+ overflow: visible !important;
2486
+ cursor: default !important;
2487
+ }
2488
+
2489
+ [data-element_type="eae-evergreen-timer.skin2"] .eae-flip-clock-wrapper ul li a div {
2490
+ z-index: 1;
2491
+ position: absolute;
2492
+ left: 0;
2493
+ width: 100%;
2494
+ height: 50%;
2495
+ font-size: 80px;
2496
+ overflow: hidden;
2497
+ outline: 1px solid transparent;
2498
+ }
2499
+
2500
+ [data-element_type="eae-evergreen-timer.skin2"] .eae-flip-clock-wrapper ul li a div .shadow {
2501
+ position: absolute;
2502
+ width: 100%;
2503
+ height: 100%;
2504
+ z-index: 2;
2505
+ }
2506
+
2507
+ [data-element_type="eae-evergreen-timer.skin2"] .eae-flip-clock-wrapper ul li a div.up {
2508
+ -webkit-transform-origin: 50% 100%;
2509
+ -moz-transform-origin: 50% 100%;
2510
+ -ms-transform-origin: 50% 100%;
2511
+ -o-transform-origin: 50% 100%;
2512
+ transform-origin: 50% 100%;
2513
+ top: 0;
2514
+ }
2515
+
2516
+ [data-element_type="eae-evergreen-timer.skin2"] .eae-flip-clock-wrapper ul li a div.up:after {
2517
+ content: "";
2518
+ position: absolute;
2519
+ top: 44px;
2520
+ left: 0;
2521
+ z-index: 5;
2522
+ width: 100%;
2523
+ height: 3px;
2524
+ background-color: #000;
2525
+ background-color: rgba(0, 0, 0, 0.4);
2526
+ }
2527
+
2528
+ [data-element_type="eae-evergreen-timer.skin2"] .eae-flip-clock-wrapper ul li a div.down {
2529
+ -webkit-transform-origin: 50% 0;
2530
+ -moz-transform-origin: 50% 0;
2531
+ -ms-transform-origin: 50% 0;
2532
+ -o-transform-origin: 50% 0;
2533
+ transform-origin: 50% 0;
2534
+ bottom: 0;
2535
+ border-bottom-left-radius: 6px;
2536
+ border-bottom-right-radius: 6px;
2537
+ }
2538
+
2539
+ [data-element_type="eae-evergreen-timer.skin2"] .eae-flip-clock-wrapper ul li a div div.inn {
2540
+ position: absolute;
2541
+ left: 0;
2542
+ z-index: 1;
2543
+ width: 100%;
2544
+ height: 200%;
2545
+ color: #ccc;
2546
+ text-shadow: 0 1px 2px #000;
2547
+ text-align: center;
2548
+ background-color: #333;
2549
+ border-radius: 6px;
2550
+ font-size: 70px;
2551
+ }
2552
+
2553
+ [data-element_type="eae-evergreen-timer.skin2"] .eae-flip-clock-wrapper ul li a div.up div.inn {
2554
+ top: 0;
2555
+ }
2556
+
2557
+ [data-element_type="eae-evergreen-timer.skin2"] .eae-flip-clock-wrapper ul li a div.down div.inn {
2558
+ bottom: 0;
2559
+ }
2560
+
2561
+ /* PLAY */
2562
+ [data-element_type="eae-evergreen-timer.skin2"] .eae-flip-clock-wrapper ul.play li.flip-clock-before {
2563
+ z-index: 3;
2564
+ }
2565
+
2566
+ [data-element_type="eae-evergreen-timer.skin2"] .eae-flip-clock-wrapper .flip {
2567
+ box-shadow: 0 2px 5px rgba(0, 0, 0, 0.7);
2568
+ }
2569
+
2570
+ [data-element_type="eae-evergreen-timer.skin2"] .eae-flip-clock-wrapper ul.play li.flip-clock-active {
2571
+ -webkit-animation: asd 0.01s 0.49s linear both;
2572
+ -moz-animation: asd 0.01s 0.49s linear both;
2573
+ animation: asd 0.01s 0.49s linear both;
2574
+ z-index: 5;
2575
+ }
2576
+
2577
+ [data-element_type="eae-evergreen-timer.skin2"] .flip-clock-divider {
2578
+ float: left;
2579
+ display: inline-block;
2580
+ position: relative;
2581
+ width: 20px;
2582
+ height: 100px;
2583
+ }
2584
+
2585
+ [data-element_type="eae-evergreen-timer.skin2"] .flip-clock-divider:first-child {
2586
+ width: 0;
2587
+ }
2588
+
2589
+ [data-element_type="eae-evergreen-timer.skin2"] .flip-clock-dot {
2590
+ display: block;
2591
+ background: #323434;
2592
+ width: 10px;
2593
+ height: 10px;
2594
+ position: absolute;
2595
+ border-radius: 50%;
2596
+ box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
2597
+ left: 5px;
2598
+ }
2599
+
2600
+ [data-element_type="eae-evergreen-timer.skin2"] .flip-clock-divider .flip-clock-label {
2601
+ position: absolute;
2602
+ top: -1.5em;
2603
+ right: -86px;
2604
+ color: black;
2605
+ text-shadow: none;
2606
+ }
2607
+
2608
+ [data-element_type="eae-evergreen-timer.skin2"] .flip-clock-divider.minutes .flip-clock-label {
2609
+ right: -88px;
2610
+ }
2611
+
2612
+ [data-element_type="eae-evergreen-timer.skin2"] .flip-clock-divider.seconds .flip-clock-label {
2613
+ right: -91px;
2614
+ }
2615
+
2616
+ [data-element_type="eae-evergreen-timer.skin2"] .flip-clock-dot.top {
2617
+ top: 30%;
2618
+ }
2619
+
2620
+ [data-element_type="eae-evergreen-timer.skin2"] .flip-clock-dot.bottom {
2621
+ bottom: 30%;
2622
+ }
2623
+
2624
+ @-webkit-keyframes asd {
2625
+ 0% {
2626
+ z-index: 2;
2627
+ }
2628
+
2629
+ 100% {
2630
+ z-index: 4;
2631
+ }
2632
+ }
2633
+
2634
+ @-moz-keyframes asd {
2635
+ 0% {
2636
+ z-index: 2;
2637
+ }
2638
+
2639
+ 100% {
2640
+ z-index: 4;
2641
+ }
2642
+ }
2643
+
2644
+ @-o-keyframes asd {
2645
+ 0% {
2646
+ z-index: 2;
2647
+ }
2648
+
2649
+ 100% {
2650
+ z-index: 4;
2651
+ }
2652
+ }
2653
+
2654
+ @keyframes asd {
2655
+ 0% {
2656
+ z-index: 2;
2657
+ }
2658
+
2659
+ 100% {
2660
+ z-index: 4;
2661
+ }
2662
+ }
2663
+
2664
+ [data-element_type="eae-evergreen-timer.skin2"] .eae-flip-clock-wrapper ul.play li.flip-clock-active .down {
2665
+ z-index: 2;
2666
+ -webkit-animation: turn 0.5s 0.5s linear both;
2667
+ -moz-animation: turn 0.5s 0.5s linear both;
2668
+ animation: turn 0.5s 0.5s linear both;
2669
+ }
2670
+
2671
+ @-webkit-keyframes turn {
2672
+ 0% {
2673
+ -webkit-transform: rotateX(90deg);
2674
+ }
2675
+
2676
+ 100% {
2677
+ -webkit-transform: rotateX(0deg);
2678
+ }
2679
+ }
2680
+
2681
+ @-moz-keyframes turn {
2682
+ 0% {
2683
+ -moz-transform: rotateX(90deg);
2684
+ }
2685
+
2686
+ 100% {
2687
+ -moz-transform: rotateX(0deg);
2688
+ }
2689
+ }
2690
+
2691
+ @-o-keyframes turn {
2692
+ 0% {
2693
+ -o-transform: rotateX(90deg);
2694
+ }
2695
+
2696
+ 100% {
2697
+ -o-transform: rotateX(0deg);
2698
+ }
2699
+ }
2700
+
2701
+ @keyframes turn {
2702
+ 0% {
2703
+ transform: rotateX(90deg);
2704
+ }
2705
+
2706
+ 100% {
2707
+ transform: rotateX(0deg);
2708
+ }
2709
+ }
2710
+
2711
+ [data-element_type="eae-evergreen-timer.skin2"] .eae-flip-clock-wrapper ul.play li.flip-clock-before .up {
2712
+ z-index: 2;
2713
+ -webkit-animation: turn2 0.5s linear both;
2714
+ -moz-animation: turn2 0.5s linear both;
2715
+ animation: turn2 0.5s linear both;
2716
+ }
2717
+
2718
+ @-webkit-keyframes turn2 {
2719
+ 0% {
2720
+ -webkit-transform: rotateX(0deg);
2721
+ }
2722
+
2723
+ 100% {
2724
+ -webkit-transform: rotateX(-90deg);
2725
+ }
2726
+ }
2727
+
2728
+ @-moz-keyframes turn2 {
2729
+ 0% {
2730
+ -moz-transform: rotateX(0deg);
2731
+ }
2732
+
2733
+ 100% {
2734
+ -moz-transform: rotateX(-90deg);
2735
+ }
2736
+ }
2737
+
2738
+ @-o-keyframes turn2 {
2739
+ 0% {
2740
+ -o-transform: rotateX(0deg);
2741
+ }
2742
+
2743
+ 100% {
2744
+ -o-transform: rotateX(-90deg);
2745
+ }
2746
+ }
2747
+
2748
+ @keyframes turn2 {
2749
+ 0% {
2750
+ transform: rotateX(0deg);
2751
+ }
2752
+
2753
+ 100% {
2754
+ transform: rotateX(-90deg);
2755
+ }
2756
+ }
2757
+
2758
+ [data-element_type="eae-evergreen-timer.skin2"] .eae-flip-clock-wrapper ul li.flip-clock-active {
2759
+ z-index: 3;
2760
+ }
2761
+
2762
+ /* SHADOW */
2763
+ [data-element_type="eae-evergreen-timer.skin2"] .eae-flip-clock-wrapper ul.play li.flip-clock-before .up .shadow {
2764
+ background: -moz-linear-gradient(top, rgba(0, 0, 0, 0.1) 0%, black 100%);
2765
+ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0.1)), color-stop(100%, black));
2766
+ background: linear, top, rgba(0, 0, 0, 0.1) 0%, black 100%;
2767
+ background: -o-linear-gradient(top, rgba(0, 0, 0, 0.1) 0%, black 100%);
2768
+ background: -ms-linear-gradient(top, rgba(0, 0, 0, 0.1) 0%, black 100%);
2769
+ background: linear, to bottom, rgba(0, 0, 0, 0.1) 0%, black 100%;
2770
+ -webkit-animation: show 0.5s linear both;
2771
+ -moz-animation: show 0.5s linear both;
2772
+ animation: show 0.5s linear both;
2773
+ }
2774
+
2775
+ [data-element_type="eae-evergreen-timer.skin2"] .eae-flip-clock-wrapper ul.play li.flip-clock-active .up .shadow {
2776
+ background: -moz-linear-gradient(top, rgba(0, 0, 0, 0.1) 0%, black 100%);
2777
+ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0.1)), color-stop(100%, black));
2778
+ background: linear, top, rgba(0, 0, 0, 0.1) 0%, black 100%;
2779
+ background: -o-linear-gradient(top, rgba(0, 0, 0, 0.1) 0%, black 100%);
2780
+ background: -ms-linear-gradient(top, rgba(0, 0, 0, 0.1) 0%, black 100%);
2781
+ background: linear, to bottom, rgba(0, 0, 0, 0.1) 0%, black 100%;
2782
+ -webkit-animation: hide 0.5s 0.3s linear both;
2783
+ -moz-animation: hide 0.5s 0.3s linear both;
2784
+ animation: hide 0.5s 0.3s linear both;
2785
+ }
2786
+
2787
+ /*DOWN*/
2788
+ [data-element_type="eae-evergreen-timer.skin2"] .eae-flip-clock-wrapper ul.play li.flip-clock-before .down .shadow {
2789
+ background: -moz-linear-gradient(top, black 0%, rgba(0, 0, 0, 0.1) 100%);
2790
+ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, black), color-stop(100%, rgba(0, 0, 0, 0.1)));
2791
+ background: linear, top, black 0%, rgba(0, 0, 0, 0.1) 100%;
2792
+ background: -o-linear-gradient(top, black 0%, rgba(0, 0, 0, 0.1) 100%);
2793
+ background: -ms-linear-gradient(top, black 0%, rgba(0, 0, 0, 0.1) 100%);
2794
+ background: linear, to bottom, black 0%, rgba(0, 0, 0, 0.1) 100%;
2795
+ -webkit-animation: show 0.5s linear both;
2796
+ -moz-animation: show 0.5s linear both;
2797
+ animation: show 0.5s linear both;
2798
+ }
2799
+
2800
+ [data-element_type="eae-evergreen-timer.skin2"] .eae-flip-clock-wrapper ul.play li.flip-clock-active .down .shadow {
2801
+ background: -moz-linear-gradient(top, black 0%, rgba(0, 0, 0, 0.1) 100%);
2802
+ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, black), color-stop(100%, rgba(0, 0, 0, 0.1)));
2803
+ background: linear, top, black 0%, rgba(0, 0, 0, 0.1) 100%;
2804
+ background: -o-linear-gradient(top, black 0%, rgba(0, 0, 0, 0.1) 100%);
2805
+ background: -ms-linear-gradient(top, black 0%, rgba(0, 0, 0, 0.1) 100%);
2806
+ background: linear, to bottom, black 0%, rgba(0, 0, 0, 0.1) 100%;
2807
+ -webkit-animation: hide 0.5s 0.3s linear both;
2808
+ -moz-animation: hide 0.5s 0.3s linear both;
2809
+ animation: hide 0.5s 0.2s linear both;
2810
+ }
2811
+
2812
+ @-webkit-keyframes show {
2813
+ 0% {
2814
+ opacity: 0;
2815
+ }
2816
+
2817
+ 100% {
2818
+ opacity: 1;
2819
+ }
2820
+ }
2821
+
2822
+ @-moz-keyframes show {
2823
+ 0% {
2824
+ opacity: 0;
2825
+ }
2826
+
2827
+ 100% {
2828
+ opacity: 1;
2829
+ }
2830
+ }
2831
+
2832
+ @-o-keyframes show {
2833
+ 0% {
2834
+ opacity: 0;
2835
+ }
2836
+
2837
+ 100% {
2838
+ opacity: 1;
2839
+ }
2840
+ }
2841
+
2842
+ @keyframes show {
2843
+ 0% {
2844
+ opacity: 0;
2845
+ }
2846
+
2847
+ 100% {
2848
+ opacity: 1;
2849
+ }
2850
+ }
2851
+
2852
+ @-webkit-keyframes hide {
2853
+ 0% {
2854
+ opacity: 1;
2855
+ }
2856
+
2857
+ 100% {
2858
+ opacity: 0;
2859
+ }
2860
+ }
2861
+
2862
+ @-moz-keyframes hide {
2863
+ 0% {
2864
+ opacity: 1;
2865
+ }
2866
+
2867
+ 100% {
2868
+ opacity: 0;
2869
+ }
2870
+ }
2871
+
2872
+ @-o-keyframes hide {
2873
+ 0% {
2874
+ opacity: 1;
2875
+ }
2876
+
2877
+ 100% {
2878
+ opacity: 0;
2879
+ }
2880
+ }
2881
+
2882
+ @keyframes hide {
2883
+ 0% {
2884
+ opacity: 1;
2885
+ }
2886
+
2887
+ 100% {
2888
+ opacity: 0;
2889
+ }
2890
+ }
2891
+
2892
+ @media screen and (max-width: 767px) {
2893
+ [data-element_type="eae-evergreen-timer.skin2"] .flip-clock-divider{
2894
+ width: 15px;
2895
+ }
2896
+ [data-element_type="eae-evergreen-timer.skin2"] .flip-clock-dot{
2897
+ height:5px;
2898
+ width: 5px;
2899
+
2900
+ }
2901
+ [data-element_type="eae-evergreen-timer.skin2"] .eae-flip-clock-wrapper ul {
2902
+ height: 40px;
2903
+ }
2904
+ [data-element_type="eae-evergreen-timer.skin2"] .flip-clock-divider{
2905
+ height:50px;
2906
+ }
2907
+ [data-element_type="eae-evergreen-timer.skin2"] .eae-flip-clock-wrapper ul li{
2908
+ line-height: 37px;
2909
+ }
2910
+ [data-element_type="eae-evergreen-timer.skin2"] .eae-flip-clock-wrapper ul li a div div.inn{
2911
+ font-size: 24px;
2912
+ }
2913
+ [data-element_type="eae-evergreen-timer.skin2"] .eae-flip-clock-wrapper ul{
2914
+ margin: 2px;
2915
+ }
2916
+ /* [data-element_type="eae-evergreen-timer.skin2"] .eae-flip-clock-wrapper ul {
2917
+ position: relative;
2918
+ float: left;
2919
+ margin: 5px;
2920
+ width: 40px;
2921
+ height: 70px;
2922
+ font-size: 40px;
2923
+ font-weight: bold;
2924
+ line-height: 47px;
2925
+ border-radius: 6px;
2926
+ background: #000;
2927
+ }
2928
+ [data-element_type="eae-evergreen-timer.skin2"] .eae-flip-clock-wrapper ul li a div {
2929
+ z-index: 1;
2930
+ position: absolute;
2931
+ left: 0;
2932
+ width: 100%;
2933
+ height: 50%;
2934
+ font-size: 40px;
2935
+ overflow: hidden;
2936
+ outline: 1px solid transparent;
2937
+ }
2938
+ [data-element_type="eae-evergreen-timer.skin2"] .eae-flip-clock-wrapper ul li a div div.inn {
2939
+ position: absolute;
2940
+ left: 0;
2941
+ z-index: 1;
2942
+ width: 100%;
2943
+ height: 200%;
2944
+ color: #ccc;
2945
+ text-shadow: 0 1px 2px #000;
2946
+ text-align: center;
2947
+ background-color: #333;
2948
+ border-radius: 6px;
2949
+ font-size: 40px;
2950
+ }*/
2951
+ }
2952
+
2953
+ /* Skin 3 - Flip Block */
2954
+ /*
2955
+ [data-element_type="eae-evergreen-timer.skin3"] body {
2956
+ display: grid;
2957
+ grid-template-columns: repeat(6, 1fr);
2958
+ grid-template-rows: auto;
2959
+ color: #fff;
2960
+ }
2961
+
2962
+ [data-element_type="eae-evergreen-timer.skin3"] .eae-evergreen-wrapper {
2963
+ text-align: center;
2964
+ grid-column: 1 / 7;
2965
+ grid-row: 2/ 4;
2966
+ max-width: 768px;
2967
+ margin-left: auto;
2968
+ margin-right: auto;
2969
+ }
2970
+
2971
+ [data-element_type="eae-evergreen-timer.skin3"] #timer,
2972
+ [data-element_type="eae-evergreen-timer.skin3"] .desc{
2973
+ display: grid;
2974
+ grid-template-columns: repeat(4, 1fr);
2975
+ justify-items: center;
2976
+ align-items: center;
2977
+ grid-gap: 1em;
2978
+ grid-template-rows: 150px;
2979
+ }
2980
+ [data-element_type="eae-evergreen-timer.skin3"] .desc{
2981
+ margin-top: 10px;
2982
+ grid-template-rows: 10px;
2983
+ }
2984
+
2985
+ [data-element_type="eae-evergreen-timer.skin3"] #timer span {
2986
+ font-size: 48px;
2987
+ width: 100%;
2988
+ height: 100%;
2989
+ border-radius: 5px;
2990
+ color: #fff;
2991
+ }
2992
+ [data-element_type="eae-evergreen-timer.skin3"] .eae-time-wrapper{
2993
+ position: relative;
2994
+ }
2995
+ [data-element_type="eae-evergreen-timer.skin3"] .eae-time-wrapper div{
2996
+ top: 50%;
2997
+ left: 50%;
2998
+ transform: translate(-50%,-50%);
2999
+ position: absolute;
3000
+ }
3001
+ [data-element_type="eae-evergreen-timer.skin3"] .eae-evergreen-wrapper{
3002
+ display: block;
3003
+ text-align: center;
3004
+ }*/
3005
+ [data-element_type="eae-evergreen-timer.skin3"] #timer{
3006
+ font-family: sans-serif;
3007
+ color: #fff;
3008
+ display: inline-block;
3009
+ font-weight: 100;
3010
+ text-align: center;
3011
+ font-size: 30px;
3012
+ }
3013
+ [data-element_type="eae-evergreen-timer.skin3"] .desc{
3014
+ display: flex;
3015
+ justify-content: center;
3016
+
3017
+ }
3018
+ [data-element_type="eae-evergreen-timer.skin3"].eae-egt-content-align-right .desc{
3019
+ justify-content: flex-end;
3020
+ }
3021
+ [data-element_type="eae-evergreen-timer.skin3"].eae-egt-content-align-left .desc{
3022
+ justify-content: flex-start;
3023
+ }
3024
+ [data-element_type="eae-evergreen-timer.skin3"] .desc .egt-time-text{
3025
+ display: inline-block;
3026
+ padding: 0 50px 0 50px;
3027
+ }
3028
+
3029
+ [data-element_type="eae-evergreen-timer.skin3"] .eae-time-wrapper{
3030
+ padding: 50px;
3031
+ border-radius: 3px;
3032
+ background: #00BF96;
3033
+ display: inline-block;
3034
+ overflow: hidden;
3035
+ margin: 5px;
3036
+ line-height: 1em;
3037
+ }
3038
+
3039
+ [data-element_type="eae-evergreen-timer.skin3"] #timer span:nth-child(1) {
3040
+ background: khaki;
3041
+ }
3042
+
3043
+ [data-element_type="eae-evergreen-timer.skin3"] #timer span:nth-child(2) {
3044
+ background: indianred;
3045
+ }
3046
+
3047
+ [data-element_type="eae-evergreen-timer.skin3"] #timer span:nth-child(3) {
3048
+ background: cadetblue;
3049
+ }
3050
+
3051
+ [data-element_type="eae-evergreen-timer.skin3"] #timer span:nth-child(4) {
3052
+ background: cornflowerblue;
3053
+ }
3054
+
3055
+ [data-element_type="eae-evergreen-timer.skin3"] .fade {
3056
+ animation: flip 0.7s ease forwards;
3057
+ }
3058
+
3059
+ @keyframes flip {
3060
+ 0% {
3061
+ transform: rotateY(0) scaleY(1.1);
3062
+ opacity: .5;
3063
+ }
3064
+ 50% {
3065
+ transform: rotateY(180deg) scaleY(1.3);
3066
+ opacity: 0;
3067
+ }
3068
+ 100% {
3069
+ transform: rotateY(0);
3070
+ opacity: 1;
3071
+ }
3072
+ }
3073
+
3074
+ @media screen and (max-width: 767px) {
3075
+ [data-element_type="eae-evergreen-timer.skin3"] #timer span{
3076
+ font-size: 22px;
3077
+ }
3078
+ [data-element_type="eae-evergreen-timer.skin2"] .flip-clock-divider .flip-clock-label {
3079
+ top: -1.5em;
3080
+ right: -42px;
3081
+ }
3082
+
3083
+ [data-element_type="eae-evergreen-timer.skin2"] .flip-clock-divider.minutes .flip-clock-label {
3084
+ right: -48px;
3085
+ }
3086
+
3087
+ [data-element_type="eae-evergreen-timer.skin2"] .flip-clock-divider.seconds .flip-clock-label {
3088
+ right: -51px;
3089
+ }
3090
+ }
3091
+
3092
+ /* Skin 4 - Digit Up Animation */
3093
+ [data-element_type="eae-evergreen-timer.skin4"] .eae-evergreen-wrapper {
3094
+ width: 100%;
3095
+ }
3096
+ [data-element_type="eae-evergreen-timer.skin4"] .container {
3097
+ margin: 0 auto;
3098
+ }
3099
+ [data-element_type="eae-evergreen-timer.skin4"] .special {
3100
+ position: relative;
3101
+ width: 840px;
3102
+ height: 47px;
3103
+ }
3104
+ [data-element_type="eae-evergreen-timer.skin4"] #counter {
3105
+ position: absolute;
3106
+ z-index: 4000;
3107
+ }
3108
+ [data-element_type="eae-evergreen-timer.skin4"] .digit-separator {
3109
+ position: relative;
3110
+ float: left;
3111
+ width: 17px;
3112
+ height: 44px;
3113
+ overflow: hidden;
3114
+ background-image: url('../digit-sep-svg.svg');
3115
+ background-repeat: no-repeat;
3116
+ background-position: 0px 0px;
3117
+ background-color: #4054b2;
3118
+ }
3119
+ [data-element_type="eae-evergreen-timer.skin4"] .digit {
3120
+ background-image: url('../digits-svg-alpha.svg');
3121
+ background-color: #4054b2;
3122
+ }
3123
+
3124
+ /* Comparison Table */
3125
+
3126
+ .eae-ct-wrapper * {
3127
+ box-sizing:border-box;
3128
+
3129
+ margin:0;
3130
+ outline: 0;
3131
+ }
3132
+ article.eae-ct-wrapper{
3133
+ width:100%;
3134
+ max-width:1000px;
3135
+ margin:0 auto;
3136
+ position:relative;
3137
+ }
3138
+ .eae-ct-wrapper th{
3139
+ position: relative;
3140
+ }
3141
+ .eae-ct-wrapper ul {
3142
+ display:none;
3143
+ top:0px;
3144
+ z-index:10;
3145
+ padding-bottom:14px;
3146
+ }
3147
+ .eae-ct-wrapper li {
3148
+ list-style:none;
3149
+ flex:1;
3150
+ position: relative;
3151
+ }
3152
+ .eae-ct-wrapper li:hover {
3153
+ cursor: pointer;
3154
+ }
3155
+ .eae-ct-wrapper li:last-child {
3156
+ /*border-right:1px solid #DDD;*/
3157
+ }
3158
+ .eae-ct-wrapper .eae-ct-heading {
3159
+ width:100%;
3160
+ padding: 10px;
3161
+ background:#FFF;
3162
+ font-size:20px;
3163
+ font-weight:bold;
3164
+ height:60px;
3165
+ color:#999;
3166
+ text-align:center;
3167
+ }
3168
+ .eae-ct-wrapper li.eae-ct-heading .eae-ct-heading-inner{
3169
+ position: absolute;
3170
+ align-self: center;
3171
+ top: 50%;
3172
+ left: 50%;
3173
+ transform: translate(-50%,-50%);
3174
+ width: 100%;
3175
+ }
3176
+ .eae-ct-wrapper li.eae-ct-heading.active {
3177
+ background:#F5F5F5;
3178
+ }
3179
+ .eae-ct-wrapper table { border-collapse:collapse; table-layout:fixed; width:100%; }
3180
+ .eae-ct-wrapper th { background:#F5F5F5; display:none; }
3181
+ .eae-ct-wrapper td,.eae-ct-wrapper th {
3182
+ height:53px;
3183
+ vertical-align: middle;
3184
+ }
3185
+ .eae-ct-wrapper table{
3186
+ border:none;
3187
+ }
3188
+ .eae-ct-wrapper table tr td:first-child,.eae-ct-wrapper table tr td:last-child, .eae-ct-wrapper td,.eae-ct-wrapper td,.eae-ct-wrapper th { border:1px solid #DDD; padding:10px; empty-cells:show; }
3189
+ .eae-ct-wrapper td,.eae-ct-wrapper th {
3190
+ text-align:left;
3191
+ }
3192
+ .eae-ct-wrapper td+td, .eae-ct-wrapper th+th {
3193
+ text-align:center;
3194
+ }
3195
+ .eae-ct-wrapper tr:first-child{
3196
+ background: none !important;
3197
+ }
3198
+ .eae-ct-wrapper ul li:nth-child(1){
3199
+ display: table-cell;
3200
+ }
3201
+ .eae-ct-wrapper tr td:nth-child(2){
3202
+ display: table-cell;
3203
+ }
3204
+
3205
+ .eae-ct-wrapper td:nth-child(1) {
3206
+ display:table-cell;
3207
+ }
3208
+ .eae-ct-wrapper td{
3209
+ display:none;
3210
+ }
3211
+ .eae-ct-wrapper .sep {
3212
+ background:#F5F5F5;
3213
+ font-weight:bold;
3214
+ }
3215
+ .eae-ct-price-wrapper {
3216
+ display: flex;
3217
+ justify-content: center;
3218
+ }
3219
+ .eae-ct-tt-type-icon .eae-ct-feature .tooltip{
3220
+ float: right;
3221
+ }
3222
+ .eae-ct-wrapper .tooltiptext::before{
3223
+ content: '';
3224
+ border-width: 5px 5px 0 5px;
3225
+ border-color: #fff;
3226
+ border-left-color: transparent;
3227
+ border-right-color: transparent;
3228
+ border-bottom-color: transparent;
3229
+ bottom: -10px;
3230
+ width: 0;
3231
+ height: 0;
3232
+ border-style: solid;
3233
+ position: absolute;
3234
+ margin: 5px;
3235
+ left: 42%;
3236
+ }
3237
+ .eae-ct-wrapper .eae-ct-price { font-size:28px; font-weight:bold; line-height: 1em;}
3238
+ .eae-ct-wrapper .eae-ct-currency { align-self: flex-start; margin-right: 3px}
3239
+ .eae-ct-wrapper .eae-ct-fractional-price { align-self: flex-start; margin-left: 3px}
3240
+ .eae-ct-wrapper .eae-ct-duration { align-self: flex-start; }
3241
+ .eae-ct-wrapper .eae-ct-original-price{
3242
+ margin-right: 5px;
3243
+ text-decoration: line-through;
3244
+ align-self: flex-end;
3245
+ }
3246
+ .eae-ct-wrapper .tick { font-size:18px; color:#2CA01C; }
3247
+ .eae-ct-wrapper .hide {
3248
+ border:0 !important;
3249
+ background:none;
3250
+ }
3251
+ .eae-ct-ribbons-yes .eae-ct-ribbons-wrapper {
3252
+ position: absolute;
3253
+ top: 0;
3254
+ /* -webkit-transform: rotate(90deg);
3255
+ -ms-transform: rotate(90deg);*/
3256
+ /* transform: rotate(90deg); */
3257
+ width: 100px;
3258
+ overflow: hidden;
3259
+ height: 100px;
3260
+ z-index: 998;
3261
+ padding: 8px 12px;
3262
+ }
3263
+ .eae-ct-ribbons-h-top.eae-ct-ribbons-yes .eae-ct-ribbons-wrapper{
3264
+ position: absolute;
3265
+ top: 0;
3266
+ width: 100%;
3267
+ overflow: hidden;
3268
+ height: 50px;
3269
+ z-index: 999;
3270
+ padding: 8px 12px;
3271
+ }
3272
+ .eae-ct-ribbons-h-top.eae-ct-ribbons-yes .eae-ct-ribbons-wrapper-top{
3273
+ background-color: rgba(63,195,135,0.8);
3274
+ color: #fff;
3275
+ transform: translateY(-100%);
3276
+ position: absolute;
3277
+ width: 100%;
3278
+ top: 0;
3279
+ left: 0;
3280
+ }
3281
+ .eae-ct-ribbons-h-left.eae-ct-ribbons-yes .eae-ct-ribbons-wrapper {
3282
+ -webkit-transform: rotate(0);
3283
+ -ms-transform: rotate(0);
3284
+ transform: rotate(0);
3285
+ left: 0;
3286
+ right: auto;
3287
+ }
3288
+ .eae-ct-ribbons-h-right.eae-ct-ribbons-yes .eae-ct-ribbons-wrapper {
3289
+ -webkit-transform: rotate(0);
3290
+ -ms-transform: rotate(0);
3291
+ transform: rotate(90deg);
3292
+ left: auto;
3293
+ right: 0;
3294
+ }
3295
+
3296
+ .eae-ct-ribbons-yes .eae-ct-ribbons-wrapper span.eae-ct-ribbons-inner {
3297
+ position: absolute;
3298
+ text-align: center;
3299
+ left: 0;
3300
+ top: 0;
3301
+ width: 200%;
3302
+ -webkit-transform: translateY(-50%) translateX(-50%) translateX(35px) rotate(-45deg);
3303
+ -ms-transform: translateY(-50%) translateX(-50%) translateX(35px) rotate(-45deg);
3304
+ transform: translateY(-50%) translateX(-50%) translateX(35px) rotate(-45deg);
3305
+ margin-top: 35px;
3306
+ font-size: 13px;
3307
+ line-height: 2;
3308
+ font-weight: 800;
3309
+ text-transform: uppercase;
3310
+ background: rgba(63,195,135,0.8);
3311
+ padding: 8px 12px;
3312
+ color: #ffffff;
3313
+ }
3314
+ .eae-ct-wrapper .tooltip {
3315
+ position: relative;
3316
+ display: inline-block;
3317
+ }
3318
+
3319
+ .eae-ct-wrapper .tooltip .tooltiptext {
3320
+ visibility: hidden;
3321
+ min-width: 120px;
3322
+ background-color: black;
3323
+ color: #fff;
3324
+ text-align: center;
3325
+ border-radius: 6px;
3326
+ padding: 5px 0;
3327
+
3328
+ /* Position the tooltip */
3329
+ position: absolute;
3330
+ z-index: 1;
3331
+ bottom: 120%;
3332
+ left: 50%;
3333
+ margin-left: -60px;
3334
+ }
3335
+
3336
+ .eae-ct-wrapper .tooltip:hover .tooltiptext {
3337
+ visibility: visible;
3338
+ }
3339
+ .eae-ct-heading-tooltip{
3340
+ text-decoration-line: underline;
3341
+ text-decoration-style: dotted;
3342
+ }
3343
+ .eae-ct-btn{
3344
+ padding: 10px 15px 10px 15px;
3345
+ color: #fff;
3346
+ display: inline-block;
3347
+ line-height: 1em;
3348
+ }
3349
+ .eae-ct-btn:hover{
3350
+ color: #fff;
3351
+ }
3352
+ .eae-ct-wrapper i.fa.fa-check{
3353
+ color: #38f146;
3354
+ }
3355
+ .eae-ct-wrapper i.fa.fa-close{
3356
+ color: #ff0000;
3357
+ }
3358
+
3359
+ .eae-ct-wrapper tr:last-child td:first-child{
3360
+ background: none !important; border:none !important;
3361
+ }
3362
+ .eae-ct-wrapper tr:last-child{
3363
+ background: none !important;
3364
+ }
3365
+ @media (min-width: 767px) {
3366
+ .eae-ct-wrapper td,.eae-ct-wrapper th {
3367
+ width: 330px;
3368
+
3369
+ }
3370
+ .eae-ct-wrapper td+td,.eae-ct-wrapper th+th {
3371
+ width: auto;
3372
+ }
3373
+ }
3374
+
3375
+ .eae-tab-format-all .eae-ct-wrapper ul{
3376
+ display: flex;
3377
+ }
3378
+ @media (min-width: 1023px) {
3379
+ .eae-tab-format-tab-mob .eae-ct-wrapper td, .eae-tab-format-tab-mob .eae-ct-wrapper th,
3380
+ .eae-tab-format-mobile .eae-ct-wrapper td, .eae-tab-format-mobile .eae-ct-wrapper th {
3381
+ display: table-cell !important;
3382
+ }
3383
+ }
3384
+ @media (max-width: 1023px) {
3385
+ .eae-tab-format-tab-mob .eae-ct-wrapper ul{
3386
+ display: flex;
3387
+ }
3388
+ .eae-tab-format-all .eae-ct-wrapper td+td,.eae-tab-format-all .eae-ct-wrapper th+th {
3389
+ display: none;
3390
+ }
3391
+ }
3392
+ @media (max-width: 1023px) and (min-width: 768px) {
3393
+
3394
+ .eae-tab-format-mobile .eae-ct-wrapper td, .eae-tab-format-mobile .eae-ct-wrapper th {
3395
+ display: table-cell !important;
3396
+ }
3397
+ }
3398
+ @media (max-width: 767px) {
3399
+ .eae-tab-format-mobile .eae-ct-wrapper ul{
3400
+ display: flex;
3401
+ }
3402
+ }
3403
+
3404
+ /* Progress Bar */
3405
+ .eae-progress-bar-wrapper {
3406
+ display: flex;
3407
+ flex-direction: column;
3408
+ align-items: flex-start;
3409
+ margin:15px 0;
3410
+ }
3411
+
3412
+ .eae-progress-bar-wrapper.eae-progress-bar {
3413
+ width: 100%;
3414
+ position: relative;
3415
+ box-sizing: border-box;
3416
+ }
3417
+
3418
+ .eae-pb-bar,
3419
+ .eae-pb-bar-inner,
3420
+ .eae-pb-bar-value,
3421
+ .eae-pb-bar-skill {
3422
+ box-sizing: border-box;
3423
+ }
3424
+
3425
+ .eae-pb-bar{
3426
+ position: relative;
3427
+ height: 100%;
3428
+ width: 100%;
3429
+ overflow: hidden;
3430
+ }
3431
+
3432
+ .eae-pb-bar--no-overflow {
3433
+ overflow: visible;
3434
+ }
3435
+
3436
+ .eae-pb-bar-inner {
3437
+ position: absolute;
3438
+ top: 0;
3439
+ left: 0;
3440
+ height: 100%;
3441
+ -webkit-transform: scaleX(0);
3442
+ transform: scaleX(0);
3443
+ -webkit-transform-origin: left center;
3444
+ transform-origin: left center;
3445
+ }
3446
+ .eae-pb-bar-inner.js-animated {
3447
+ transition-property: all;
3448
+ transition-duration: 1.5s;
3449
+ transition-timing-function: cubic-bezier(0.1, 1.14, 0.31, 1.06);
3450
+ transition-delay: 1.5s;
3451
+ -webkit-transform: scaleX(1);
3452
+ transform: scaleX(1);
3453
+ }
3454
+
3455
+ .eae-pb-bar-skill,
3456
+ .eae-pb-bar-value {
3457
+ font-size: 14px;
3458
+ letter-spacing: 1px;
3459
+ }
3460
+
3461
+ .eae-pb-bar-value--aligned-value {
3462
+ -webkit-transform: translateX(-50%);
3463
+ transform: translateX(-50%);
3464
+ }
3465
+
3466
+ /* progress bar #1 styles */
3467
+ .eae-progress-bar-skin1{
3468
+ height: 20px;
3469
+ padding: 4px;
3470
+ border: 1px solid #dddddd;
3471
+ border-radius: 20px;
3472
+ }
3473
+ .eae-pb-bar-skin1{
3474
+ border-radius: 20px;
3475
+ }
3476
+ .eae-pb-bar-inner-skin1 {
3477
+ background-color: #00BFB3;
3478
+ background-size: 200%;
3479
+ background-position: 0 0;
3480
+ border-radius: 20px;
3481
+ }
3482
+
3483
+ .eae-pb-bar-skill-skin1 {
3484
+ position: absolute;
3485
+ bottom : 20px;
3486
+ left: 0px;
3487
+ opacity: 0;
3488
+ }
3489
+ .eae-pb-bar-skill-skin1.js-animated {
3490
+ transition-property: all;
3491
+ transition-duration: 0.5s;
3492
+ transition-timing-function: linear;
3493
+ transition-delay: 0.5s;
3494
+ left: 0;
3495
+ opacity: 1;
3496
+ }
3497
+
3498
+ .eae-pb-bar-value-skin1 {
3499
+ position: absolute;
3500
+ bottom : 20px;
3501
+ opacity: 1;
3502
+ right: 0;
3503
+ }
3504
+ .eae-pb-bar-value-skin1.js-animated {
3505
+ transition-property: all;
3506
+ transition-duration: 0.5s;
3507
+ transition-timing-function: linear;
3508
+ transition-delay: 0.5s;
3509
+ right : 0;
3510
+ opacity: 1;
3511
+ }
3512
+
3513
+
3514
+
3515
+ /* progress bar #2 styles */
3516
+ .eae-progress-bar-skin2 {
3517
+ height: 15px;
3518
+ box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12), 0 1px 5px 0 rgba(0, 0, 0, 0.2);
3519
+ border-radius: 3px;
3520
+ }
3521
+
3522
+ @-webkit-keyframes progress-2-bg-animation {
3523
+ 0% {
3524
+ background-position: 0 0, 0 0;
3525
+ }
3526
+ 100% {
3527
+ background-position: 0 0, 42px 0;
3528
+ }
3529
+ }
3530
+
3531
+ @keyframes progress-2-bg-animation {
3532
+ 0% {
3533
+ background-position: 0 0, 0 0;
3534
+ }
3535
+ 100% {
3536
+ background-position: 0 0, 42px 0;
3537
+ }
3538
+ }
3539
+ .eae-pb-bar-inner-skin2 {
3540
+ background-image: linear-gradient(to top, rgba(255, 255, 255, 0.15), rgba(0, 0, 0, 0.2)), linear-gradient(135deg, #5EEB5B, #5EEB5B 33%, #358600 33%, #358600 66%, #5EEB5B 66%);
3541
+ background-size: 100% 100%, 42px 100%;
3542
+ background-position: 0 0, 0 0;
3543
+ border-radius: 3px;
3544
+ }
3545
+ .eae-pb-bar-inner-skin2.js-animated {
3546
+ -webkit-animation: progress-2-bg-animation 1.5s linear 0s infinite;
3547
+ animation: progress-2-bg-animation 1.5s linear 0s infinite;
3548
+ }
3549
+
3550
+ .eae-pb-bar-skill-skin2 {
3551
+ position: absolute;
3552
+ left: 0;
3553
+ opacity: 0;
3554
+ }
3555
+ .eae-pb-bar-skill-skin2.js-animated {
3556
+ transition-property: all;
3557
+ transition-duration: 0.5s;
3558
+ transition-timing-function: linear;
3559
+ transition-delay: 0.5s;
3560
+ bottom : 20px;
3561
+ opacity: 1;
3562
+ }
3563
+
3564
+ .eae-pb-bar-value-skin2 {
3565
+ position: absolute;
3566
+ right: 0;
3567
+ opacity: 0;
3568
+ }
3569
+ .eae-pb-bar-value-skin2.js-animated {
3570
+ transition-property: all;
3571
+ transition-duration: 0.5s;
3572
+ transition-timing-function: linear;
3573
+ transition-delay: 0.5s;
3574
+ bottom : 20px;
3575
+ opacity: 1;
3576
+ }
3577
+
3578
+ /* Progress Bar Skin 3*/
3579
+
3580
+ .eae-progress-bar-skin3 {
3581
+ height: 5px;
3582
+ background-color: #efefef;
3583
+ }
3584
+ .eae-pb-bar-value-skin3 , .eae-pb-bar-inner-skin3{
3585
+ background-color: #F40076;
3586
+ }
3587
+ .eae-pb-bar-value-skin3:after , .eae-pb-bar-inner:after{
3588
+ border-top-color : #F40076;
3589
+ }
3590
+
3591
+ .eae-pb-bar-skill-skin3 {
3592
+ position: absolute;
3593
+ bottom : 10px;
3594
+ left: -10px;
3595
+ opacity: 0;
3596
+ }
3597
+ .eae-pb-bar-skill-skin3.js-animated {
3598
+ transition-property: all;
3599
+ transition-duration: 0.5s;
3600
+ transition-timing-function: linear;
3601
+ transition-delay: 0.5s;
3602
+ left: 0;
3603
+ opacity: 1;
3604
+ }
3605
+
3606
+ .eae-pb-bar-value-skin3 {
3607
+ position: absolute;
3608
+ display: inline-block;
3609
+ padding: 0px 8px;
3610
+ font-size: 14px;
3611
+ color: #fff;
3612
+ opacity: 0;
3613
+ }
3614
+ .eae-pb-bar-value-skin3:after {
3615
+ position: absolute;
3616
+ left: 50%;
3617
+ bottom: -10px;
3618
+ display: block;
3619
+ width: 0;
3620
+ height: 0;
3621
+ content: '';
3622
+ -webkit-transform: translateX(-50%);
3623
+ transform: translateX(-50%);
3624
+ border-width: 5px;
3625
+ border-style: solid;
3626
+ border-color: #F40076 transparent transparent transparent;
3627
+ }
3628
+ .eae-pb-bar-inner-skin3.js-animated {
3629
+ transition-property: all;
3630
+ transition-duration: 1.5s;
3631
+ transition-timing-function: cubic-bezier(0.1, 1.14, 0.31, 1.06);
3632
+ transition-delay: 1.5s;
3633
+ -webkit-transform: scaleX(1);
3634
+ transform: scaleX(1);
3635
+ }
3636
+ .eae-pb-bar-value-skin3.js-animated {
3637
+ transition-property: all;
3638
+ transition-duration: 1.5s;
3639
+ transition-timing-function: cubic-bezier(0.1, 1.14, 0.31, 1.06);
3640
+ transition-delay: 2s;
3641
+ bottom : 14px;
3642
+ opacity: 1;
3643
+ }
3644
+
3645
+ /* Progress Bar Skin 4 */
3646
+ .eae-progress-bar-skin4 {
3647
+ height: 3px;
3648
+ background-color: #efefef;
3649
+ }
3650
+
3651
+ .eae-pb-bar-inner-skin4 {
3652
+ background-color: #000;
3653
+ }
3654
+ .eae-pb-bar-inner-skin4:after {
3655
+ position: absolute;
3656
+ top: 50%;
3657
+ right: 0;
3658
+ display: block;
3659
+ width: 8px;
3660
+ height: 8px;
3661
+ content: '';
3662
+ -webkit-transform: translateY(-50%);
3663
+ transform: translateY(-50%);
3664
+ background-color: #000;
3665
+ border-radius: 50%;
3666
+ }
3667
+
3668
+ .eae-pb-bar-value-skin4 {
3669
+ position: absolute;
3670
+ bottom : 2px;
3671
+ font-size: 14px;
3672
+ opacity: 0;
3673
+ }
3674
+ .eae-pb-bar-value-skin4.js-animated {
3675
+ transition-property: all;
3676
+ transition-duration: 1.5s;
3677
+ transition-timing-function: linear;
3678
+ transition-delay: 1.5s;
3679
+ opacity: 1;
3680
+ }
3681
+
3682
+ .eae-pb-bar-skill-skin4 {
3683
+ position: absolute;
3684
+ bottom : 2px;
3685
+ left: -20px;
3686
+ opacity: 0;
3687
+ }
3688
+ .eae-pb-bar-skill-skin4.js-animated {
3689
+ transition-property: all;
3690
+ transition-duration: 0.5s;
3691
+ transition-timing-function: linear;
3692
+ transition-delay: 0.5s;
3693
+ left: 0;
3694
+ opacity: 1;
3695
+ }
3696
+
3697
+ /* Progress Bar Skin 5 */
3698
+ .eae-progress-bar-skin5 {
3699
+ height: 30px;
3700
+ background-color: #f7f7f7;
3701
+ }
3702
+
3703
+ .eae-pb-bar-inner-skin5{
3704
+ background-color: #57B8FF;
3705
+ }
3706
+
3707
+ .eae-pb-bar-skill-skin5 {
3708
+ position: absolute;
3709
+ top: 50%;
3710
+ left: 10px;
3711
+ color: #fff;
3712
+ -webkit-transform: translateY(-50%);
3713
+ transform: translateY(-50%);
3714
+ opacity: 0;
3715
+ }
3716
+ .eae-pb-bar-skill-skin5.js-animated {
3717
+ transition-property: all;
3718
+ transition-duration: 0.5s;
3719
+ transition-timing-function: linear;
3720
+ transition-delay: .5s;
3721
+ opacity: 1;
3722
+ }
3723
+
3724
+ .eae-pb-bar-value-skin5 {
3725
+ position: absolute;
3726
+ top: 50%;
3727
+ color: #fff;
3728
+ -webkit-transform: translateX(-100%) translateX(-10px) translateY(-50%);
3729
+ transform: translateX(-100%) translateX(-10px) translateY(-50%);
3730
+ opacity: 0;
3731
+ z-index: 10;
3732
+ }
3733
+ .eae-pb-bar-value-skin5.js-animated {
3734
+ transition-property: all;
3735
+ transition-duration: 1.5s;
3736
+ transition-timing-function: linear;
3737
+ transition-delay: 1.5s;
3738
+ opacity: 1;
3739
+ }
3740
+
3741
+ /* EAE Dual Button */
3742
+
3743
+ .eae-dual-button-wrapper.button-style-horizontal{
3744
+ display: flex;
3745
+ flex-direction: row;
3746
+ position: relative;
3747
+ }
3748
+ .eae-dual-button-main-wrapper{
3749
+ display: flex;
3750
+ flex-direction: row;
3751
+ justify-content: center;
3752
+ }
3753
+ .eae-dual-button-wrapper a{
3754
+ min-width: 200px;
3755
+ }
3756
+ .eae-dual-button-wrapper.button-style-vertical{
3757
+ display: inline-flex;
3758
+ flex-direction: column;
3759
+ position: relative;
3760
+ }
3761
+ .eae-button-1.icon-before, .eae-button-2.icon-before {
3762
+ display: flex;
3763
+ flex-direction: row;
3764
+ }
3765
+ .eae-button-1.icon-after, .eae-button-2.icon-after{
3766
+ display: flex;
3767
+ flex-direction: row-reverse;
3768
+ }
3769
+ .eae-button-1-wrapper .eae-button-1,.eae-button-2-wrapper .eae-button-2{
3770
+ color: black;
3771
+ }
3772
+ .eae-button-1-wrapper:hover .eae-button-1,.eae-button-2-wrapper:hover .eae-button-2{
3773
+ color: black;
3774
+ }
3775
+ .eae-dual-button-wrapper.button-style-vertical .eae-button-1.icon-before,
3776
+ .eae-dual-button-wrapper.button-style-vertical .eae-button-2.icon-before,
3777
+ .eae-dual-button-wrapper.button-style-vertical .eae-button-1.icon-after,
3778
+ .eae-dual-button-wrapper.button-style-vertical .eae-button-2.icon-after{
3779
+ justify-content: center;
3780
+ }
3781
+ .eae-button-1.icon-up, .eae-button-2.icon-up {
3782
+ display: flex;
3783
+ flex-direction: column;
3784
+ text-align: center;
3785
+ }
3786
+ .eae-button-1.icon-down, .eae-button-2.icon-down{
3787
+ display: flex;
3788
+ flex-direction: column-reverse;
3789
+ text-align: center;
3790
+ }
3791
+ .eae-button-1-wrapper {
3792
+ background: lightpink;
3793
+ display:flex;
3794
+ justify-content: center;
3795
+ width: 100%;
3796
+ }
3797
+ .eae-button-2-wrapper{
3798
+ background: orange;
3799
+ display:flex;
3800
+ justify-content: center;
3801
+ width: 100%;
3802
+ }
3803
+ .eae-button-1.icon-up .icon-wrapper, .eae-button-2.icon-up .icon-wrapper,
3804
+ .eae-button-2.icon-down .icon-wrapper, .eae-button-2.icon-down .icon-wrapper {
3805
+ text-align: center;
3806
+ }
3807
+ .eae-button-1.icon-up .eae-button-text, .eae-button-2.icon-up .eae-button-text,
3808
+ .eae-button-2.icon-down .eae-button-text, .eae-button-2.icon-down .eae-button-text {
3809
+ text-align: center;
3810
+ }
3811
+ .eae-button-1.icon-before i, .eae-button-1.icon-after i, .eae-button-2.icon-before i, .eae-button-2.icon-after i{
3812
+ align-self: center;
3813
+ margin: 0 10px;
3814
+ }
3815
+ .eae-button-1.icon-up i, .eae-button-1.icon-down i, .eae-button-2.icon-up i, .eae-button-2.icon-down i{
3816
+ align-self: center;
3817
+ margin: 5px 0;
3818
+ }
3819
+ .eae-dual-button-wrapper.button-style-horizontal .eae-button-1-wrapper , .eae-dual-button-wrapper.button-style-horizontal .eae-button-2-wrapper{
3820
+ padding: 12px 20px;
3821
+ }
3822
+ .eae-dual-button-wrapper.button-style-vertical .eae-button-1-wrapper , .eae-dual-button-wrapper.button-style-vertical .eae-button-2-wrapper{
3823
+ padding: 20px 30px;
3824
+ }
3825
+ .eae-button1,.eae-button2{
3826
+ position: relative;
3827
+ display: flex;
3828
+ }
3829
+ .eae-dual-button-wrapper.button-style-vertical .eae-button1{
3830
+ display: flex;
3831
+ flex-direction: column;
3832
+ }
3833
+ .eae-button-separator-wrapper{
3834
+
3835
+ }
3836
+ .eae-button-separator-wrapper .eae-button-separator{
3837
+ width: 40px;
3838
+ height: 40px;
3839
+ line-height: 40px;
3840
+ border-radius: 50%;
3841
+ z-index: 1;
3842
+ box-shadow: 0 0 0 6px rgba(255,255,255,0.2);
3843
+ background: #FAFAF8;
3844
+ color: #444;
3845
+ text-transform: uppercase;
3846
+ text-align: center;
3847
+ vertical-align: middle;
3848
+ font-weight: 400;
3849
+ font-size: 14px;
3850
+ position: absolute;
3851
+ transform: translateY(-50%);
3852
+ }
3853
+ .eae-button-separator span{
3854
+ position: absolute;
3855
+ left: 50%;
3856
+ top: 50%;
3857
+ transform: translate(-50%, -50%);
3858
+ }
3859
+ /* Sweep to right */
3860
+ .eae-sweep-right {
3861
+ vertical-align: middle;
3862
+ -webkit-transform: perspective(1px) translateZ(0);
3863
+ transform: perspective(1px) translateZ(0);
3864
+ box-shadow: 0 0 1px rgba(0, 0, 0, 0);
3865
+ position: relative;
3866
+ -webkit-transition-property: color;
3867
+ transition-property: color;
3868
+ -webkit-transition-duration: 0.3s;
3869
+ transition-duration: 0.3s;
3870
+ }
3871
+ .eae-sweep-right:before {
3872
+ content: "";
3873
+ position: absolute;
3874
+ z-index: -1;
3875
+ top: 0;
3876
+ left: 0;
3877
+ right: 0;
3878
+ bottom: 0;
3879
+ background: #2098D1;
3880
+ -webkit-transform: scaleX(0);
3881
+ transform: scaleX(0);
3882
+ -webkit-transform-origin: 0 50%;
3883
+ transform-origin: 0 50%;
3884
+ -webkit-transition-property: transform;
3885
+ transition-property: transform;
3886
+ -webkit-transition-duration: 0.3s;
3887
+ transition-duration: 0.3s;
3888
+ -webkit-transition-timing-function: ease-out;
3889
+ transition-timing-function: ease-out;
3890
+ }
3891
+ .eae-sweep-right:hover, .eae-sweep-right:focus, .eae-sweep-right:active {
3892
+ color: white;
3893
+ }
3894
+ .eae-sweep-right:hover:before, .eae-sweep-right:focus:before, .eae-sweep-right:active:before {
3895
+ -webkit-transform: scaleX(1);
3896
+ transform: scaleX(1);
3897
+ }
3898
+
3899
+ /* Sweep To Left */
3900
+ .eae-sweep-left {
3901
+ vertical-align: middle;
3902
+ -webkit-transform: perspective(1px) translateZ(0);
3903
+ transform: perspective(1px) translateZ(0);
3904
+ box-shadow: 0 0 1px rgba(0, 0, 0, 0);
3905
+ position: relative;
3906
+ -webkit-transition-property: color;
3907
+ transition-property: color;
3908
+ -webkit-transition-duration: 0.3s;
3909
+ transition-duration: 0.3s;
3910
+ }
3911
+ .eae-sweep-left:before {
3912
+ content: "";
3913
+ position: absolute;
3914
+ z-index: -1;
3915
+ top: 0;
3916
+ left: 0;
3917
+ right: 0;
3918
+ bottom: 0;
3919
+ background: #2098D1;
3920
+ -webkit-transform: scaleX(0);
3921
+ transform: scaleX(0);
3922
+ -webkit-transform-origin: 100% 50%;
3923
+ transform-origin: 100% 50%;
3924
+ -webkit-transition-property: transform;
3925
+ transition-property: transform;
3926
+ -webkit-transition-duration: 0.3s;
3927
+ transition-duration: 0.3s;
3928
+ -webkit-transition-timing-function: ease-out;
3929
+ transition-timing-function: ease-out;
3930
+ }
3931
+ .eae-sweep-left:hover, .eae-sweep-left:focus, .eae-sweep-left:active {
3932
+ color: white;
3933
+ }
3934
+ .eae-sweep-left:hover:before, .eae-sweep-left:focus:before, .eae-sweep-left:active:before {
3935
+ -webkit-transform: scaleX(1);
3936
+ transform: scaleX(1);
3937
+ }
3938
+
3939
+ /* Sweep To Bottom */
3940
+ .eae-sweep-bottom {
3941
+ vertical-align: middle;
3942
+ -webkit-transform: perspective(1px) translateZ(0);
3943
+ transform: perspective(1px) translateZ(0);
3944
+ box-shadow: 0 0 1px rgba(0, 0, 0, 0);
3945
+ position: relative;
3946
+ -webkit-transition-property: color;
3947
+ transition-property: color;
3948
+ -webkit-transition-duration: 0.3s;
3949
+ transition-duration: 0.3s;
3950
+ }
3951
+ .eae-sweep-bottom:before {
3952
+ content: "";
3953
+ position: absolute;
3954
+ z-index: -1;
3955
+ top: 0;
3956
+ left: 0;
3957
+ right: 0;
3958
+ bottom: 0;
3959
+ background: #2098D1;
3960
+ -webkit-transform: scaleY(0);
3961
+ transform: scaleY(0);
3962
+ -webkit-transform-origin: 50% 0;
3963
+ transform-origin: 50% 0;
3964
+ -webkit-transition-property: transform;
3965
+ transition-property: transform;
3966
+ -webkit-transition-duration: 0.3s;
3967
+ transition-duration: 0.3s;
3968
+ -webkit-transition-timing-function: ease-out;
3969
+ transition-timing-function: ease-out;
3970
+ }
3971
+ .eae-sweep-bottom:hover, .eae-sweep-bottom:focus, .eae-sweep-bottom:active {
3972
+ color: white;
3973
+ }
3974
+ .eae-sweep-bottom:hover:before, .eae-sweep-bottom:focus:before, .eae-sweep-bottom:active:before {
3975
+ -webkit-transform: scaleY(1);
3976
+ transform: scaleY(1);
3977
+ }
3978
+
3979
+ /* Sweep To Top */
3980
+ .eae-sweep-top {
3981
+ vertical-align: middle;
3982
+ -webkit-transform: perspective(1px) translateZ(0);
3983
+ transform: perspective(1px) translateZ(0);
3984
+ box-shadow: 0 0 1px rgba(0, 0, 0, 0);
3985
+ position: relative;
3986
+ -webkit-transition-property: color;
3987
+ transition-property: color;
3988
+ -webkit-transition-duration: 0.3s;
3989
+ transition-duration: 0.3s;
3990
+ }
3991
+ .eae-sweep-top:before {
3992
+ content: "";
3993
+ position: absolute;
3994
+ z-index: -1;
3995
+ top: 0;
3996
+ left: 0;
3997
+ right: 0;
3998
+ bottom: 0;
3999
+ background: #2098D1;
4000
+ -webkit-transform: scaleY(0);
4001
+ transform: scaleY(0);
4002
+ -webkit-transform-origin: 50% 100%;
4003
+ transform-origin: 50% 100%;
4004
+ -webkit-transition-property: transform;
4005
+ transition-property: transform;
4006
+ -webkit-transition-duration: 0.3s;
4007
+ transition-duration: 0.3s;
4008
+ -webkit-transition-timing-function: ease-out;
4009
+ transition-timing-function: ease-out;
4010
+ }
4011
+ .eae-sweep-top:hover, .eae-sweep-top:focus, .eae-sweep-top:active {
4012
+ color: white;
4013
+ }
4014
+ .eae-sweep-top:hover:before, .eae-sweep-top:focus:before, .eae-sweep-top:active:before {
4015
+ -webkit-transform: scaleY(1);
4016
+ transform: scaleY(1);
4017
+ }
4018
+
4019
+ /* Bounce To Right */
4020
+ .eae-bounce-right {
4021
+ vertical-align: middle;
4022
+ -webkit-transform: perspective(1px) translateZ(0);
4023
+ transform: perspective(1px) translateZ(0);
4024
+ box-shadow: 0 0 1px rgba(0, 0, 0, 0);
4025
+ position: relative;
4026
+ -webkit-transition-property: color;
4027
+ transition-property: color;
4028
+ -webkit-transition-duration: 0.5s;
4029
+ transition-duration: 0.5s;
4030
+ }
4031
+ .eae-bounce-right:before {
4032
+ content: "";
4033
+ position: absolute;
4034
+ z-index: -1;
4035
+ top: 0;
4036
+ left: 0;
4037
+ right: 0;
4038
+ bottom: 0;
4039
+ background: #2098D1;
4040
+ -webkit-transform: scaleX(0);
4041
+ transform: scaleX(0);
4042
+ -webkit-transform-origin: 0 50%;
4043
+ transform-origin: 0 50%;
4044
+ -webkit-transition-property: transform;
4045
+ transition-property: transform;
4046
+ -webkit-transition-duration: 0.5s;
4047
+ transition-duration: 0.5s;
4048
+ -webkit-transition-timing-function: ease-out;
4049
+ transition-timing-function: ease-out;
4050
+ }
4051
+ .eae-bounce-right:hover, .eae-bounce-right:focus, .eae-bounce-right:active {
4052
+ color: white;
4053
+ }
4054
+ .eae-bounce-right:hover:before, .eae-bounce-right:focus:before, .eae-bounce-right:active:before {
4055
+ -webkit-transform: scaleX(1);
4056
+ transform: scaleX(1);
4057
+ -webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
4058
+ transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
4059
+ }
4060
+
4061
+ /* Bounce To Left */
4062
+ .eae-bounce-left {
4063
+ vertical-align: middle;
4064
+ -webkit-transform: perspective(1px) translateZ(0);
4065
+ transform: perspective(1px) translateZ(0);
4066
+ box-shadow: 0 0 1px rgba(0, 0, 0, 0);
4067
+ position: relative;
4068
+ -webkit-transition-property: color;
4069
+ transition-property: color;
4070
+ -webkit-transition-duration: 0.5s;
4071
+ transition-duration: 0.5s;
4072
+ }
4073
+ .eae-bounce-left:before {
4074
+ content: "";
4075
+ position: absolute;
4076
+ z-index: -1;
4077
+ top: 0;
4078
+ left: 0;
4079
+ right: 0;
4080
+ bottom: 0;
4081
+ background: #2098D1;
4082
+ -webkit-transform: scaleX(0);
4083
+ transform: scaleX(0);
4084
+ -webkit-transform-origin: 100% 50%;
4085
+ transform-origin: 100% 50%;
4086
+ -webkit-transition-property: transform;
4087
+ transition-property: transform;
4088
+ -webkit-transition-duration: 0.5s;
4089
+ transition-duration: 0.5s;
4090
+ -webkit-transition-timing-function: ease-out;
4091
+ transition-timing-function: ease-out;
4092
+ }
4093
+ .eae-bounce-left:hover, .eae-bounce-left:focus, .eae-bounce-left:active {
4094
+ color: white;
4095
+ }
4096
+ .eae-bounce-left:hover:before, .eae-bounce-left:focus:before, .eae-bounce-left:active:before {
4097
+ -webkit-transform: scaleX(1);
4098
+ transform: scaleX(1);
4099
+ -webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
4100
+ transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
4101
+ }
4102
+
4103
+ /* Bounce To Bottom */
4104
+ .eae-bounce-bottom {
4105
+ vertical-align: middle;
4106
+ -webkit-transform: perspective(1px) translateZ(0);
4107
+ transform: perspective(1px) translateZ(0);
4108
+ box-shadow: 0 0 1px rgba(0, 0, 0, 0);
4109
+ position: relative;
4110
+ -webkit-transition-property: color;
4111
+ transition-property: color;
4112
+ -webkit-transition-duration: 0.5s;
4113
+ transition-duration: 0.5s;
4114
+ }
4115
+ .eae-bounce-bottom:before {
4116
+ content: "";
4117
+ position: absolute;
4118
+ z-index: -1;
4119
+ top: 0;
4120
+ left: 0;
4121
+ right: 0;
4122
+ bottom: 0;
4123
+ background: #2098D1;
4124
+ -webkit-transform: scaleY(0);
4125
+ transform: scaleY(0);
4126
+ -webkit-transform-origin: 50% 0;
4127
+ transform-origin: 50% 0;
4128
+ -webkit-transition-property: transform;
4129
+ transition-property: transform;
4130
+ -webkit-transition-duration: 0.5s;
4131
+ transition-duration: 0.5s;
4132
+ -webkit-transition-timing-function: ease-out;
4133
+ transition-timing-function: ease-out;
4134
+ }
4135
+ .eae-bounce-bottom:hover, .eae-bounce-bottom:focus, .eae-bounce-bottom:active {
4136
+ color: white;
4137
+ }
4138
+ .eae-bounce-bottom:hover:before, .eae-bounce-bottom:focus:before, .eae-bounce-bottom:active:before {
4139
+ -webkit-transform: scaleY(1);
4140
+ transform: scaleY(1);
4141
+ -webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
4142
+ transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
4143
+ }
4144
+
4145
+ /* Bounce To Top */
4146
+ .eae-bounce-top {
4147
+ vertical-align: middle;
4148
+ -webkit-transform: perspective(1px) translateZ(0);
4149
+ transform: perspective(1px) translateZ(0);
4150
+ box-shadow: 0 0 1px rgba(0, 0, 0, 0);
4151
+ position: relative;
4152
+ -webkit-transition-property: color;
4153
+ transition-property: color;
4154
+ -webkit-transition-duration: 0.5s;
4155
+ transition-duration: 0.5s;
4156
+ }
4157
+ .eae-bounce-top:before {
4158
+ content: "";
4159
+ position: absolute;
4160
+ z-index: -1;
4161
+ top: 0;
4162
+ left: 0;
4163
+ right: 0;
4164
+ bottom: 0;
4165
+ background: #2098D1;
4166
+ -webkit-transform: scaleY(0);
4167
+ transform: scaleY(0);
4168
+ -webkit-transform-origin: 50% 100%;
4169
+ transform-origin: 50% 100%;
4170
+ -webkit-transition-property: transform;
4171
+ transition-property: transform;
4172
+ -webkit-transition-duration: 0.5s;
4173
+ transition-duration: 0.5s;
4174
+ -webkit-transition-timing-function: ease-out;
4175
+ transition-timing-function: ease-out;
4176
+ }
4177
+ .eae-bounce-top:hover, .eae-bounce-top:focus, .eae-bounce-top:active {
4178
+ color: white;
4179
+ }
4180
+ .eae-bounce-top:hover:before, .eae-bounce-top:focus:before, .eae-bounce-top:active:before {
4181
+ -webkit-transform: scaleY(1);
4182
+ transform: scaleY(1);
4183
+ -webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
4184
+ transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
4185
  }
assets/css/eae.min.css CHANGED
@@ -1 +1 @@
1
- .elementor-widget-wts-textseparator .elementor-widget-container{overflow:hidden}.wts-eae-textseparator{align-items:center;display:flex;flex-flow:row nowrap;margin:auto}.eae-separator-icon-inner i{height:1em;width:1em;text-align:center}.wts-eae-textseparator .eae-sep-holder{flex:1 1 auto;height:1px;min-width:10%;position:relative}.wts-eae-textseparator .eae-sep-holder .eae-sep-lines{border-top-width:1px;display:block;height:1px;position:relative;top:1px;width:100%}.eae-separator-title{margin:0;-moz-box-flex:0;flex:0 1 auto;line-height:1em;margin:0;overflow-wrap:break-word}.sep-align-right .sep-right{display:none}.sep-align-left .sep-left{display:none}.eae-icon-view-stacked i{color:#fff}.eae-icon-view-framed .eae-separator-icon-inner{border:1px solid}.eae-icon-shape-circle .eae-separator-icon-inner{border-radius:50%}.eae-separator-icon-wrapper,.eae-separator-title{margin:0 5px!important}.eae-separator-icon-inner{line-height:1}.wts-price-box-wrapper .eae-pt-heading,.wts-price-box-wrapper .eae-pt-sub-heading{margin:5px 0;text-align:center}.plan-price-shape{display:table;height:6em;margin:auto;width:6em}.eae-pt-price-box-shape-circle .plan-price-shape,.eae-pt-price-box-shape-square .plan-price-shape{border:1px solid}.eae-pt-price-box-shape-circle .plan-price-shape{border-radius:50%}.plan-price-block{padding:10px 0}.plan-price-shape-inner{display:table-cell;vertical-align:middle;padding:10px}.plan-price-shape-inner>span{display:block;font-size:1em;text-align:center}.eae-pt-feature-list{list-style:outside none none;text-align:center;margin:10px 0}.eae-pt-button-wrapper>a{text-align:center;display:inline-block}.eae-pt-button-wrapper{text-align:center}.wts-price-box-wrapper .heading-wrapper,.wts-price-box-wrapper .plan-features-wrapper{padding:10px 5px}.eae-pt-button-wrapper{padding:15px 0}.eae-pt-button-wrapper a{padding:5px 15px;border-radius:3px}.eae-pt-align-icon-right{float:right}.strike-feature{text-decoration:line-through}.eae-flip-box{width:100%;text-align:center}.eae-flip-box-wrapper{display:inline-block;width:100%}.eae-flip-box-inner{width:100%;height:200px;position:relative;-webkit-transform-style:preserve-3d;-moz-transform-style:preserve-3d;-ms-transform-style:preserve-3d;transform-style:preserve-3d}.eae-flip-box-inner .eae-flip-box-back,.eae-flip-box-inner .eae-flip-box-front{width:100%;height:100%;position:absolute;top:0;left:0;text-align:center;padding:10px;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;backface-visibility:hidden;-webkit-transition:all .6s ease 0s;-moz-transition:all .6s ease 0s;-ms-transition:all .6s ease 0s;-o-transition:all .6s ease 0s;transition:all .6s ease 0s}.eae-flip-box-front{z-index:2}.eae-flip-box-back{z-index:1}.eae-fb-animate-vertical .eae-flip-box-inner .eae-flip-box-front{-webkit-transform:perspective(1000px) rotateX(0);-ms-transform:perspective(1000px) rotateX(0);transform:perspective(1000px) rotateX(0)}.eae-fb-animate-vertical .eae-flip-box-inner .eae-flip-box-back{-webkit-transform:perspective(1000px) rotateX(180deg);transform:perspective(1000px) rotateX(180deg);-ms-transform:perspective(1000px) rotateX(180deg)}.eae-fb-animate-vertical .eae-flip-box-inner:hover .eae-flip-box-front{-webkit-transform:perspective(1000px) rotateX(180deg);transform:perspective(1000px) rotateX(180deg);-ms-transform:perspective(1000px) rotateX(180deg)}.eae-fb-animate-vertical .eae-flip-box-inner:hover .eae-flip-box-back{-webkit-transform:perspective(1000px) rotateX(0);transform:perspective(1000px) rotateX(0);-ms-transform:perspective(1000px) rotateX(0)}.eae-fb-animate-horizontal .eae-flip-box-inner .eae-flip-box-front{-webkit-transform:perspective(1000px) rotateY(0);transform:perspective(1000px) rotateY(0);-ms-transform:perspective(1000px) rotateY(0)}.eae-fb-animate-horizontal .eae-flip-box-inner .eae-flip-box-back{-webkit-transform:perspective(1000px) rotateY(180deg);transform:perspective(1000px) rotateY(180deg);-ms-transform:perspective(1000px) rotateY(180deg)}.eae-fb-animate-horizontal .eae-flip-box-inner:hover .eae-flip-box-front{-webkit-transform:perspective(1000px) rotateY(180deg);transform:perspective(1000px) rotateY(180deg);-ms-transform:perspective(1000px) rotateY(180deg)}.eae-fb-animate-horizontal .eae-flip-box-inner:hover .eae-flip-box-back{-webkit-transform:perspective(1000px) rotateY(0);transform:perspective(1000px) rotateY(0);-ms-transform:perspective(1000px) rotateY(0)}.eae-fb-animate-fade .eae-flip-box-inner .eae-flip-box-front{opacity:1}.eae-fb-animate-fade .eae-flip-box-inner .eae-flip-box-back{opacity:0}.eae-fb-animate-fade .eae-flip-box-inner:hover .eae-flip-box-front{opacity:0}.eae-fb-animate-fade .eae-flip-box-inner:hover .eae-flip-box-back{opacity:1}.eae-flip-box-wrapper:focus .eae-flip-box-back,.eae-flip-box-wrapper:hover .eae-flip-box-back{z-index:2}.eae-flip-box-wrapper:focus .eae-flip-box-front,.eae-flip-box-wrapper:hover .eae-flip-box-front{z-index:1}.fade .eae-flip-box-wrapper .eae-flip-box-front{opacity:1;transition:1s}.fade .eae-flip-box-wrapper .eae-flip-box-back{opacity:0;transition:1s}.fade .eae-flip-box-wrapper:focus .eae-flip-box-front,.fade .eae-flip-box-wrapper:hover .eae-flip-box-front{opacity:0}.fade .eae-flip-box-wrapper:focus .eae-flip-box-back,.fade .eae-flip-box-wrapper:hover .eae-flip-box-back{opacity:1}.eae-fb-animate-flip .eae-flip-box-wrapper{perspective:800px}.eae-fb-animate-flip .eae-flip-box-inner{transform-style:preserve-3d;transform:rotateX(0) rotateY(0) rotateZ(0);transition:1s}.eae-fb-animate-flip .eae-flip-box-front{transform:translate3d(0,0,1px)}.eae-fb-animate-flip .eae-flip-box-back{transform:rotateY(180deg) translate3d(0,0,0)}.eae-fb-animate-flip .eae-flip-box-wrapper:focus .eae-flip-box-inner,.eae-fb-animate-flip .eae-flip-box-wrapper:hover .eae-flip-box-inner{transform:rotateY(180deg)}.up .eae-flip-box-front{transform:translate3d(0,0,1px)}.up .eae-flip-box-back{transform:rotateX(180deg) translate3d(0,0,0)}.up .eae-flip-box-wrapper:focus .eae-flip-box-inner,.up .eae-flip-box-wrapper:hover .eae-flip-box-inner{transform:rotateX(180deg)}.box .eae-flip-box-front{transform:translate3d(0,0,100px) scale(.85,.85)}.box .eae-flip-box-back{transform:rotateY(180deg) translate3d(0,0,100px) scale(.85,.85)}.box.up .eae-flip-box-back{transform:rotateX(180deg) translate3d(0,0,100px) scale(.85,.85)}.hideback .eae-flip-box-back,.hideback .eae-flip-box-front{backface-visibility:hidden}.eae-fb-animate-nananana .eae-flip-box-wrapper:focus .eae-flip-box-front,.eae-fb-animate-nananana .eae-flip-box-wrapper:hover .eae-flip-box-front{z-index:10;animation:batman 1s 2 alternate linear}.eae-fb-animate-flipcard .eae-flip-box-back,.eae-fb-animate-flipcard .eae-flip-box-front{transition:transform .4s ease;transform-origin:center center -150px;-webkit-transform-origin:center center -150px}.flipcard-rotate-top-down .eae-flip-box-front{transform:perspective(0) rotateX(0) rotateY(0) rotateZ(0)}.flipcard-rotate-top-down .eae-flip-box-back{transform:perspective(0) rotateX(90deg) rotateY(0) rotateZ(0)}.eae-fb-animate-flipcard.flipcard-rotate-top-down .eae-flip-box-wrapper:hover .eae-flip-box-front{transform:perspective(0) rotateX(-90deg) rotateY(0) rotateZ(0)}.eae-fb-animate-flipcard.flipcard-rotate-top-down .eae-flip-box-wrapper:hover .eae-flip-box-back{z-index:99999;transform:perspective(0) rotateX(0) rotateY(0) rotateZ(0)}.flipcard-rotate-down-top .eae-flip-box-front{transform:perspective(0) rotateX(0) rotateY(0) rotateZ(0)}.flipcard-rotate-down-top .eae-flip-box-back{transform:perspective(0) rotateX(-90deg) rotateY(0) rotateZ(0)}.eae-fb-animate-flipcard.flipcard-rotate-down-top .eae-flip-box-wrapper:hover .eae-flip-box-front{transform:perspective(0) rotateX(90deg) rotateY(0) rotateZ(0)}.eae-fb-animate-flipcard.flipcard-rotate-down-top .eae-flip-box-wrapper:hover .eae-flip-box-back{z-index:99999;transform:perspective(0) rotateX(0) rotateY(0) rotateZ(0)}.flipcard-rotate-left-right .eae-flip-box-front{transform:perspective(0) rotateX(0) rotateY(0) rotateZ(0)}.flipcard-rotate-left-right .eae-flip-box-back{transform:perspective(0) rotateX(0) rotateY(-90deg) rotateZ(0)}.eae-fb-animate-flipcard.flipcard-rotate-left-right .eae-flip-box-wrapper:hover .eae-flip-box-front{transform:perspective(0) rotateX(0) rotateY(90deg) rotateZ(0)}.eae-fb-animate-flipcard.flipcard-rotate-left-right .eae-flip-box-wrapper:hover .eae-flip-box-back{z-index:99999;transform:perspective(0) rotateX(0) rotateY(0) rotateZ(0)}.flipcard-rotate-right-left .eae-flip-box-front{transform:perspective(0) rotateX(0) rotateY(0) rotateZ(0)}.flipcard-rotate-right-left .eae-flip-box-back{transform:perspective(0) rotateX(0) rotateY(90deg) rotateZ(0)}.eae-fb-animate-flipcard.flipcard-rotate-right-left .eae-flip-box-wrapper:hover .eae-flip-box-front{transform:perspective(0) rotateX(0) rotateY(-90deg) rotateZ(0)}.eae-fb-animate-flipcard.flipcard-rotate-right-left .eae-flip-box-wrapper:hover .eae-flip-box-back{z-index:99999;transform:perspective(0) rotateX(0) rotateY(0) rotateZ(0)}@keyframes batman{0%{transform:scale(1,1) rotateZ(0)}100%{transform:scale(0,0) rotateZ(720deg);opacity:0}}.eae-flip-box-back i,.eae-flip-box-front i{font-size:32px;height:1em;width:1em}.eae-fb-icon-view-framed{border:1px solid #92be43}.eae-fb-icon-shape-circle{border-radius:50%}.eae-flip-box-wrapper .icon-wrapper{display:inline-block;padding:10px;line-height:1}.eae-flip-box-wrapper .back-icon-title,.eae-flip-box-wrapper .front-icon-title{margin:10px auto;color:#fff}.eae-flip-box-wrapper .flipbox-content{display:block;position:relative;top:50%;transform:translateY(-50%);-ms-transform:translateY(-50%)}.flipbox-content p{margin-bottom:10px}.eae-fb-button{display:inline-block;padding:5px 10px}.eae-flip-box-front{background:#a0ce4e}.eae-flip-box-back{background:#73b9dc}@media only screen and (max-width:768px){.eae-flip-box-back,.eae-flip-box-front,.flipbox-content{cursor:pointer;overflow:visible!important;transform-style:preserve-3d;-webkit-transform-style:preserve-3d}}.elementor-widget-wts-shape-separator svg{display:block}.wts-eae-pl-wrapper ul{margin:0}.wts-eae-pl-wrapper ul li{list-style:none;overflow:hidden;margin-bottom:10px}.eae-pl-img-align-none .eae-pl-image-wrapper a{text-align:center}.eae-pl-title{margin:0}.eae-pl-title a{display:block}.eae-pl-readmore a{display:inline-block;border-radius:2px;color:#fff;padding:4px 8px}.eae-at-animation-text-wrapper{display:inline-block;position:relative;text-align:left}.eae-at-animation-text-wrapper .eae-at-animation-text{display:inline-block;position:absolute;white-space:nowrap;left:0;top:0}.eae-at-animation-text-wrapper .eae-at-animation-text.is-visible{position:relative}.no-js .eae-at-animation-text-wrapper .eae-at-animation-text{opacity:0}.no-js .eae-at-animation-text-wrapper .eae-at-animation-text.is-visible{opacity:1}.eae-animtext-wrapper{font-size:40px}.eae-st-rest-text{display:inline-block}.eae-st-split-text{display:inline-block}.eae-at-animation.type .eae-at-animation-text-wrapper{vertical-align:bottom;overflow:hidden}.eae-at-animation.type .eae-at-animation-text-wrapper::after{content:'';position:absolute;right:0;top:50%;bottom:auto;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%);height:90%;width:1px}.eae-at-animation.type .eae-at-animation-text-wrapper.waiting::after{-webkit-animation:cd-pulse 1s infinite;-moz-animation:cd-pulse 1s infinite;animation:cd-pulse 1s infinite}.eae-at-animation.type .eae-at-animation-text-wrapper.selected::after{visibility:hidden}.eae-at-animation.type .eae-at-animation-text{visibility:hidden}.eae-at-animation.type .eae-at-animation-text.is-visible{visibility:visible}.eae-at-animation.type i{position:absolute;visibility:hidden}.eae-at-animation.type i.in{position:relative;visibility:visible}@-webkit-keyframes cd-pulse{0%{-webkit-transform:translateY(-50%) scale(1);opacity:1}40%{-webkit-transform:translateY(-50%) scale(.9);opacity:0}100%{-webkit-transform:translateY(-50%) scale(0);opacity:0}}@-moz-keyframes cd-pulse{0%{-moz-transform:translateY(-50%) scale(1);opacity:1}40%{-moz-transform:translateY(-50%) scale(.9);opacity:0}100%{-moz-transform:translateY(-50%) scale(0);opacity:0}}@keyframes cd-pulse{0%{-webkit-transform:translateY(-50%) scale(1);-moz-transform:translateY(-50%) scale(1);-ms-transform:translateY(-50%) scale(1);-o-transform:translateY(-50%) scale(1);transform:translateY(-50%) scale(1);opacity:1}40%{-webkit-transform:translateY(-50%) scale(.9);-moz-transform:translateY(-50%) scale(.9);-ms-transform:translateY(-50%) scale(.9);-o-transform:translateY(-50%) scale(.9);transform:translateY(-50%) scale(.9);opacity:0}100%{-webkit-transform:translateY(-50%) scale(0);-moz-transform:translateY(-50%) scale(0);-ms-transform:translateY(-50%) scale(0);-o-transform:translateY(-50%) scale(0);transform:translateY(-50%) scale(0);opacity:0}}.eae-tabs{position:relative;width:100%;overflow:hidden;margin:1em 0 2em;font-weight:300}.eae-tabs nav{text-align:center;line-height:0}.eae-tabs nav ul{padding:0;margin:0;list-style:none;display:inline-block}.eae-tabs nav ul li{border:1px solid #becbd2;border-bottom:none;display:block;position:relative}.eae-tabs nav li.tab-current{border:1px solid #47a3da;border-bottom:none;z-index:100}.eae-nav-pos-top nav li.tab-current:after,.eae-nav-pos-top nav li.tab-current:before{content:'';position:absolute;height:2px;right:100%;bottom:0;width:1000px;background:#47a3da}.eae-nav-pos-top nav ul li{margin:0 .25em;float:left}.eae-nav-pos-top nav li.tab-current:after{right:auto;left:100%;width:4000px}.eae-tabs nav a{display:block;line-height:2.5;padding:0 1.25em;white-space:nowrap}.eae-tabs nav i{line-height:2.5;padding:1px}.eae-tabs nav a:hover{color:#768e9d}.eae-tabs nav li.tab-current a{color:#47a3da}.eae-nav-pos-left nav{float:left;width:20%}.eae-nav-pos-left nav ul li{margin:0 0 10px 0}.eae-nav-pos-left .eae-content{float:left;width:80%;padding-left:5px}.eae-tabs nav a:before{display:inline-block;vertical-align:middle;text-transform:none;font-weight:400;font-variant:normal;font-family:icomoon;line-height:1;speak:none;-webkit-font-smoothing:antialiased;margin:-.25em .4em 0 0}.eae-content section{font-size:1.25em;padding:20px 20px;max-width:1230px;margin:0 auto}.eae-content section:after,.eae-content section:before{content:'';display:table}.eae-content section:after{clear:both}.eae-no-js .content section{display:block;padding-bottom:2em;border-bottom:1px solid #47a3da}.eae-content section.content-current{display:block}@media screen and (max-width:52.375em){.text-mobile-no.eae-tabs nav a span{display:none}.eae-tabs nav a:before{margin-right:0}}@media screen and (max-width:32em){.eae-tabs nav ul,.eae-tabs nav ul li a{width:100%;padding:0}.eae-tabs nav ul li{width:25%;margin:0}.eae-nav-pos-left .eae-tabs nav ul li{width:100%;margin-bottom:10px}}.eae-img-comp-container{width:100%;position:relative;text-align:center}.eae-img-comp-container img{vertical-align:middle}.eae-img-comp-img{position:absolute;top:0;left:0;height:100%;width:100%;overflow:hidden;transform:translateZ(0);backface-visibility:hidden}.eae-img-comp-img img{display:block;max-width:100%;width:100%}.eae-img-comp-slider{position:absolute;z-index:9;width:40px;height:40px;background-color:#2196f3;opacity:1;border-radius:50%}.icon-horizontal{cursor:ew-resize}.icon-vertical{cursor:n-resize}.mode-horizontal .eae-img-comp-overlay img{position:absolute;left:0;top:0;display:block;width:auto;height:100%!important;max-width:none!important}.mode-vertical .eae-img-comp-overlay img{position:absolute;left:0;top:0;display:block;width:100%;height:auto!important;max-width:none!important}.eae-slider-icon{top:50%;transform:translateY(-50%) translateX(-50%);position:absolute;left:50%;color:#fff}.elementor-widget-wts-ab-image{text-align:center}.elementor-widget-wts-ab-image .elementor-widget-container{display:inline-block;margin:0 auto!important;overflow:hidden}.eae-text-before{position:absolute!important;padding:10px;transition:transform .3s .7s,opacity .3s .7s;color:#d36118;z-index:0;background:rgba(255,255,255,.5);margin:20px}.eae-text-after{position:absolute!important;padding:10px;transition:transform .3s .7s,opacity .3s .7s;color:#d36118;z-index:0;background:rgba(255,255,255,.5);margin:20px}.divTest{display:inline-block;background-color:#00a0d2;padding:20px}.eae-particle-wrapper{width:100%;height:100%;position:absolute;left:0;top:0}.particles-js-canvas-el{height:100%;position:absolute}.eae-section-bs{position:absolute;width:100%;height:100%;top:0}.eae-section-bs-inner{width:100%;height:100%}.eae-popup.mfp-bg{top:0;left:0;width:100%;height:100%;z-index:1042;overflow:hidden;position:fixed;background:#0b0b0b;opacity:.8}.eae-popup-link{padding:10px;color:#fff;display:inline-block}.eae-popup-link:hover{color:#fff}.eae-popup.mfp-wrap{top:0;left:0;width:100%;height:100%;z-index:1043;position:fixed;outline:0!important;-webkit-backface-visibility:hidden}.eae-popup .mfp-container{text-align:center;position:absolute;width:100%;height:100%;left:0;top:0;padding:0 8px;box-sizing:border-box}.eae-popup .mfp-container:before{content:'';display:inline-block;height:100%;vertical-align:middle}.eae-popup .mfp-align-top .mfp-container:before{display:none}.eae-popup .mfp-content{position:relative;display:inline-block;vertical-align:middle;margin:0 auto;text-align:left;z-index:1045}.eae-modal-content{padding:20px}.eae-pop-btn-align-left .eae-popup-wrapper{text-align:left}.eae-pop-btn-align-right .eae-popup-wrapper{text-align:right}.eae-pop-btn-align-center .eae-popup-wrapper{text-align:center}.eae-pop-btn-align-justify .eae-popup-wrapper{text-align:center}.eae-pop-btn-align-justify .eae-popup-wrapper a{display:block}.eae-popup .mfp-ajax-holder .mfp-content,.eae-popup .mfp-inline-holder .mfp-content{width:50%;background-color:#fff;cursor:auto;overflow:hidden}.eae-popup .mfp-ajax-cur{cursor:progress}.eae-popup .mfp-zoom-out-cur,.eae-popup .mfp-zoom-out-cur .mfp-image-holder .eae-close{cursor:-moz-zoom-out;cursor:-webkit-zoom-out;cursor:zoom-out}.eae-popup .mfp-zoom{cursor:pointer;cursor:-webkit-zoom-in;cursor:-moz-zoom-in;cursor:zoom-in}.eae-popup.mfp-auto-cursor .mfp-content{cursor:auto}.eae-popup .eae-close,.eae-popup .mfp-arrow,.eae-popup .mfp-counter,.eae-popup .mfp-preloader{-webkit-user-select:none;-moz-user-select:none;user-select:none}.mfp-loading.mfp-figure{display:none}.mfp-hide{display:none!important}.eae-popup .mfp-preloader{color:#ccc;position:absolute;top:50%;width:auto;text-align:center;margin-top:-.8em;left:8px;right:8px;z-index:1044}.eae-popup .mfp-preloader a{color:#ccc}.eae-popup .mfp-preloader a:hover{color:#fff}.mfp-s-ready .mfp-preloader{display:none}.mfp-s-error .mfp-content{display:none}button.eae-close,button.mfp-arrow{overflow:visible;cursor:pointer;background:0 0;border:0;-webkit-appearance:none;display:block;outline:0;padding:0;z-index:1046;box-shadow:none;touch-action:manipulation}button::-moz-focus-inner{padding:0;border:0}.eae-popup .eae-close{width:44px;height:44px;line-height:1em;position:absolute;right:0;top:0;text-decoration:none;text-align:center;opacity:1;padding:0 0 18px 10px;color:#fff;font-size:28px}.eae-close:focus,.eae-close:hover{opacity:1;cursor:pointer}.eae-close:active{top:1px}.eae-close:before{top:50%;left:50%;position:absolute;transform:translate(-50%,-50%)}.eae-popup.eae-close-btn-in .eae-close{color:#fff;padding-right:10px}.mfp-iframe-holder .eae-close,.mfp-image-holder .eae-close{color:#fff;right:-6px;text-align:right;padding-right:6px;width:100%}.mfp-counter{position:absolute;top:0;right:0;color:#ccc;font-size:12px;line-height:18px;white-space:nowrap}.mfp-arrow{position:absolute;opacity:.65;margin:0;top:50%;margin-top:-55px;padding:0;width:90px;height:110px;-webkit-tap-highlight-color:transparent}.mfp-arrow:active{margin-top:-54px}.mfp-arrow:focus,.mfp-arrow:hover{opacity:1}.mfp-arrow:after,.mfp-arrow:before{content:'';display:block;width:0;height:0;position:absolute;left:0;top:0;margin-top:35px;margin-left:35px;border:medium inset transparent}.mfp-arrow:after{border-top-width:13px;border-bottom-width:13px;top:8px}.mfp-arrow:before{border-top-width:21px;border-bottom-width:21px;opacity:.7}.mfp-arrow-left{left:0}.mfp-arrow-left:after{border-right:17px solid #fff;margin-left:31px}.mfp-arrow-left:before{margin-left:25px;border-right:27px solid #3f3f3f}.mfp-arrow-right{right:0}.mfp-arrow-right:after{border-left:17px solid #fff;margin-left:39px}.mfp-arrow-right:before{border-left:27px solid #3f3f3f}.mfp-iframe-holder{padding-top:40px;padding-bottom:40px}.mfp-iframe-holder .mfp-content{line-height:0;width:100%;max-width:900px}.mfp-iframe-holder .eae-close{top:-40px}.mfp-iframe-scaler{width:100%;height:0;overflow:hidden;padding-top:56.25%}.mfp-iframe-scaler iframe{position:absolute;display:block;top:0;left:0;width:100%;height:100%;box-shadow:0 0 8px rgba(0,0,0,.6);background:#000}img.mfp-img{width:auto;max-width:100%;height:auto;display:block;line-height:0;box-sizing:border-box;padding:40px 0 40px;margin:0 auto}.eae-popup .mfp-figure{line-height:0}.eae-popup .mfp-figure:after{content:'';position:absolute;left:0;top:40px;bottom:40px;display:block;right:0;width:auto;height:auto;z-index:-1;box-shadow:0 0 8px rgba(0,0,0,.6);background:#444}.eae-popup .mfp-figure small{color:#bdbdbd;display:block;font-size:12px;line-height:14px}.eae-popup .mfp-figure figure{margin:0}.eae-popup .mfp-bottom-bar{margin-top:-36px;position:absolute;top:100%;left:0;width:100%;cursor:auto}.eae-popup .mfp-title{text-align:left;line-height:1;word-wrap:break-word;color:#fff;background-color:#4054b2;padding:20px 20px 20px 20px}.eae-popup .mfp-image-holder .mfp-content{max-width:100%}.eae-popup .mfp-gallery .mfp-image-holder .mfp-figure{cursor:pointer}@media screen and (max-width:800px) and (orientation:landscape),screen and (max-height:300px){.mfp-img-mobile .mfp-image-holder{padding-left:0;padding-right:0}.mfp-img-mobile img.mfp-img{padding:0}.mfp-img-mobile .mfp-figure:after{top:0;bottom:0}.mfp-img-mobile .mfp-figure small{display:inline;margin-left:5px}.mfp-img-mobile .mfp-bottom-bar{background:rgba(0,0,0,.6);bottom:0;margin:0;top:auto;padding:3px 5px;position:fixed;box-sizing:border-box}.mfp-img-mobile .mfp-bottom-bar:empty{padding:0}.mfp-img-mobile .mfp-counter{right:5px;top:3px}.mfp-img-mobile .eae-close{top:0;right:0;width:35px;height:35px;line-height:35px;background:rgba(0,0,0,.6);position:fixed;text-align:center;padding:0}}.elementor-element.eae-animated-gradient-yes{background-size:400% 400%!important;-webkit-animation:AnimateGradient 15s ease-in-out infinite;-moz-animation:AnimateGradient 15s ease-in-out infinite;animation:AnimateGradient 15s ease-in-out infinite}@-webkit-keyframes AnimateGradient{0%{background-position:0 50%}50%{background-position:100% 50%}100%{background-position:0 50%}}@-moz-keyframes AnimateGradient{0%{background-position:0 50%}50%{background-position:100% 50%}100%{background-position:0 50%}}@keyframes AnimateGradient{0%{background-position:0 50%}50%{background-position:100% 50%}100%{background-position:0 50%}}.eae-swiper-outer-wrapper .swiper-slide{height:auto;overflow:inherit}.eae-swiper-outer-wrapper .swiper-slide-wrapper,.eae-swiper-outer-wrapper .testimonial-wrapper{height:100%}.eae-grid{display:flex;flex-wrap:wrap;flex-direction:row}.eae-masonry- .eae-grid-item{position:relative;height:100%}.eae-masonry- .eae-grid-item .testimonial-wrapper{height:100%}.eae-grid-container{transition:.1s all ease}.eae-grid-container{display:inline-block}.wrapper .content{margin:10px 0}.skin-2.testimonial-wrapper{display:flex;flex-direction:column;background-color:#9c989821;min-height:300px;padding:10px 20px;box-shadow:0 0 5px rgba(0,0,0,.15);color:#696969}.skin-2 .content-wrapper{padding:10px;position:relative;background-color:#fff;border-radius:10px;color:#77778e}.skin-2 i.after-content,.skin-2 i.before-content{position:absolute}.skin-2 i.before-content{top:10px;left:20px}.skin-2 i.after-content{bottom:10px;right:20px}.skin-2 blockquote{position:relative;font-size:14px;padding:10px;font-weight:500;text-align:left;margin:0;line-height:1.6em;font-style:italic}.skin-2 blockquote::after,.skin-2 blockquote::before{font-family:FontAwesome;content:"\201C";position:absolute;font-size:50px;opacity:.3;font-style:normal}.skin-2 blockquote::before{top:10px;left:20px}.skin-2 blockquote::after{content:"\201D";right:20px}.skin-2 .image-wrapper{position:relative;max-width:100%;text-align:center}.skin-2 img{width:100px;border-radius:25%}.skin-2 .detail-wrapper{text-align:center}.skin-2 .company,.skin-2 .designation,.skin-2 .rating-wrapper,.skin-2 .title{padding:5px 0}.skin-2 .rating-wrapper{color:navy}.skin-2 .title{font-weight:800;color:#000}.skin-2 blockquote p{margin:10px 0!important}.skin-1.testimonial-wrapper{display:flex;flex-direction:column;background-color:#fff;box-shadow:0 0 5px rgba(0,0,0,.15);color:#000}.skin-1 .content-wrapper{order:0}.skin-1 .image-wrapper{order:1;text-align:center;margin:15px 0}.skin-1 .detail-wrapper{order:2}.skin-1 .content-wrapper{padding:10px;position:relative}.skin-1 i.after-content,.skin-1 i.before-content{position:absolute}.skin-1 i.before-content{top:10px;left:20px}.skin-1 i.after-content{bottom:10px;right:20px}.skin-1 blockquote{position:relative;background-color:#fff;font-size:14px;padding:10px;font-weight:500;text-align:left;margin:0;line-height:1.6em;font-style:italic}.skin-1 blockquote::after,.skin-1 blockquote::before{font-family:FontAwesome;content:"\201C";position:absolute;font-size:50px;opacity:.3;font-style:normal}.skin-1 blockquote::before{top:10px;left:20px}.skin-1 blockquote::after{content:"\201D";right:20px}.skin-1 .image-wrapper{position:relative;max-width:100%}.skin-1 img{width:100px;height:auto;border-radius:50%}.skin-1 .detail-wrapper{display:flex;flex-direction:row-reverse;justify-content:space-between;padding:10px;background-color:rgba(157,163,156,.18)}.skin-1 .designation,.skin-1 .rating-wrapper,.skin-1 .title{margin:0 5px}.skin-1 .title-wrapper{display:flex;flex-direction:row}.skin-1 .rating-wrapper{color:#fecc1f}.skin-4.testimonial-wrapper{flex-direction:column;display:flex;background-color:#bfbfb6bd;min-height:300px;padding:10px 0;box-shadow:0 0 5px rgba(0,0,0,.15);color:#77778e}.skin-4 .content-wrapper{padding:10px;position:relative}.skin-4 .content-wrapper{order:2;color:#3c3c3c}.skin-4 i.after-content,.skin-4 i.before-content{position:absolute}.skin-4 i.before-content{top:10px;left:20px}.skin-4 i.after-content{bottom:10px;right:20px}.skin-4 blockquote{position:relative;font-size:14px;padding:10px;font-weight:500;text-align:left;margin:0;line-height:1.6em;font-style:italic}.skin-4 blockquote::after,.skin-4 blockquote::before{font-family:FontAwesome;content:"\201C";position:absolute;font-size:50px;opacity:.3;font-style:normal}.skin-4 blockquote::before{top:10px;left:20px}.skin-4 blockquote::after{content:"\201D";right:20px}.skin-4 .image-wrapper{position:relative;max-width:100%;text-align:center}.skin-4 img{width:100px;border-radius:50%}.skin-4 .detail-wrapper{text-align:center}.skin-2 .designation,.skin-2 .title,.skin-4 .rating-wrapper{padding:5px 0}.skin-4 .rating-wrapper{color:#690a69}.skin-4 .title{font-weight:800;color:#000}.skin-3.testimonial-wrapper{display:flex;flex-direction:row;background-color:#9c989821;box-shadow:0 0 5px rgba(0,0,0,.15);color:#000;overflow:hidden}.skin-3 .content-section{display:flex;flex-direction:column;align-self:center}.skin-3 .content-wrapper{padding:10px;position:relative}.skin-2 i.after-content,.skin-3 i.before-content{position:absolute}.skin-3 i.before-content{top:10px;left:20px}.skin-3 i.after-content{bottom:10px;right:20px}.skin-3 blockquote{position:relative;font-size:18px;padding:10px;font-weight:500;text-align:left;margin:0;line-height:1.6em;font-style:italic}.skin-3 blockquote::after,.skin-3 blockquote::before{font-family:FontAwesome;content:"\201C";position:absolute;font-size:50px;opacity:.3;font-style:normal}.skin-3 blockquote::before{top:10px;left:20px}.skin-3 blockquote::after{content:"\201D";right:20px}.skin-3 .image-wrapper{position:relative;max-width:30%;max-height:250px;text-align:center;align-self:center}.skin-3 img{width:100%}.testimonial-wrapper .skin-3 .eae-person-avatar{border-radius:50%}.skin-3 .detail-wrapper{text-align:left;padding-left:20px}.skin-3 .designation,.skin-3 .rating-wrapper,.skin-3 .title{padding:3px 0}.skin-3 .rating-wrapper{color:#800040}.skin-3 .title{font-weight:800}.eae-swiper-outer-wrapper .swiper-button-prev{-webkit-mask:url(arrow-left.svg) no-repeat 100% 100%;mask:url(arrow-left.svg) no-repeat 100% 100%;-webkit-mask-size:cover;mask-size:cover;background-image:none;background-color:#007aff;transform:translateY(-50%);margin-top:0}.eae-swiper-outer-wrapper .swiper-container-rtl .swiper-button-prev{-webkit-mask:url(arrow-right.svg) no-repeat 100% 100%;mask:url(arrow-right.svg) no-repeat 100% 100%}.eae-swiper-outer-wrapper .swiper-button-next{-webkit-mask:url(arrow-right.svg) no-repeat 100% 100%;mask:url(arrow-right.svg) no-repeat 100% 100%;-webkit-mask-size:cover;mask-size:cover;background-image:none;background-color:#007aff;transform:translateY(-50%);margin-top:0}.eae-swiper-outer-wrapper .swiper-container-rtl .swiper-button-next{-webkit-mask:url(arrow-left.svg) no-repeat 100% 100%;mask:url(arrow-left.svg) no-repeat 100% 100%}.elementor-widget-wts-testimonial-slider .eae-swiper-outer-wrapper .swiper-button-next,.elementor-widget-wts-testimonial-slider .eae-swiper-outer-wrapper .swiper-button-prev{-webkit-mask:none;mask:none;-webkit-mask-size:unset;mask-size:unset;background-image:none;background-color:unset;width:auto;height:auto;transform:translateY(-50%);margin-top:0}.swiper-container .swiper-button-next i,.swiper-container .swiper-button-prev i{width:1em;height:1em;text-align:center;position:relative}.elementor-widget-wts-testimonial-slider .eae-swiper-outer-wrapper .eae-swiper-button-wrapper{position:absolute;height:auto;line-height:0}.eae-hpos-right.eae-vpos-top .eae-swiper-button-wrapper{bottom:auto;top:0;width:auto;right:0}.eae-vpos-top.eae-hpos-left .eae-swiper-button-wrapper{bottom:auto;top:0;width:auto;left:0}.eeae-hpos-right.eae-vpos-bottom .eae-swiper-button-wrapper{bottom:0;top:auto;width:auto;right:0}.eae-vpos-bottom.eae-hpos-left .eae-swiper-button-wrapper{bottom:0;top:auto;width:auto;left:0}.eae-hpos-right.eae-vpos-middle .eae-swiper-button-wrapper{bottom:auto;top:50%;width:auto;right:0}.eae-hpos-left.eae-vpos-middle .eae-swiper-button-wrapper{bottom:auto;top:50%;width:auto;left:0}.eae-hpos-left .swiper-button-next,.eae-hpos-left .swiper-button-prev,.eae-hpos-right .swiper-button-next,.eae-hpos-right .swiper-button-prev{position:relative;display:inline-block;right:auto;left:auto}.eae-hpos-right.eae-vpos-bottom .swiper-button-next,.eae-hpos-right.eae-vpos-bottom .swiper-button-prev{top:auto;bottom:0;transform:unset}.eae-hpos-right.eae-vpos-top .swiper-button-next,.eae-hpos-right.eae-vpos-top .swiper-button-prev{top:0;bottom:auto;transform:unset}.eae-hpos-left.eae-vpos-top .swiper-button-next,.eae-hpos-left.eae-vpos-top .swiper-button-prev{top:0;bottom:auto;transform:unset}.eae-hpos-left.eae-vpos-bottom .swiper-button-next,.eae-hpos-left.eae-vpos-bottom .swiper-button-prev{top:auto;bottom:0;transform:unset}.eae-hpos-center.eae-vpos-bottom .swiper-button-next,.eae-hpos-center.eae-vpos-bottom .swiper-button-prev{top:auto;bottom:0;transform:unset}.eae-hpos-center.eae-vpos-top .swiper-button-next,.eae-hpos-center.eae-vpos-top .swiper-button-prev{top:0;bottom:auto;transform:unset}@media all and (max-width:900px){.mfp-arrow{-webkit-transform:scale(.75);transform:scale(.75)}.mfp-arrow-left{-webkit-transform-origin:0;transform-origin:0}.mfp-arrow-right{-webkit-transform-origin:100%;transform-origin:100%}.mfp-container{padding-left:6px;padding-right:6px}}.eae-info-circle{position:relative;width:90%;margin:0 auto;border-radius:50%;display:block}.eae-info-circle:before{content:'';display:block;position:absolute;top:4%;left:4%;width:92%;height:92%;border-radius:50%;z-index:1;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;pointer-events:none}.eae-info-circle:after{content:'';display:block;padding-top:100%}.eae-info-circle .eae-ic-icon-wrap{position:absolute;display:inline-block;top:50%;left:50%;z-index:2;line-height:1em;vertical-align:middle;overflow:hidden;max-width:100%}.eae-info-circle .eae-info-circle-item{position:absolute;top:0;left:0;width:100%;height:100%;display:block}.eae-info-circle .eae-info-circle-item.eae-active .eae-info-circle-item__content-wrap{visibility:visible;opacity:1;display:flex}.eae-info-circle .eae-info-circle-item__content-wrap{visibility:visible;display:none;height:91%;width:91%;opacity:0;top:50%;transform:translateY(-50%) translateX(-50%);position:absolute;left:50%;border-radius:50%;overflow:hidden;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.eae-info-circle .eae-info-circle-item__content-wrap:before{content:'';display:inline-block;height:100%;vertical-align:middle}.eae-info-circle .eae-info-circle-item__content{display:inline-block;top:50%;transform:translateY(-50%) translateX(-50%);position:absolute;left:50%;vertical-align:middle;z-index:1;max-height:100%;overflow:auto;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;text-align:center;width:75%}@media screen and (max-width:767px){.eae-info-circle.eae-info-circle .eae-info-circle-item__content-wrap:before{display:none}.eae-info-circle:after,.eae-info-circle:before{display:none}.eae-info-circle{width:100%!important}.eae-info-circle-wrapper:after,.eae-info-circle-wrapper:before{display:none}.eae-info-circle .eae-ic-icon-wrap{display:block;text-align:center;position:relative!important;left:unset!important;margin-left:0!important;margin-top:0!important;margin-bottom:10px}.eae-info-circle-item{position:relative!important;border-radius:0!important;padding:0;margin:10px 0}.eae-info-circle .eae-info-circle-item__content-wrap{visibility:visible;opacity:1!important;display:flex!important;border-radius:0!important;border:none!important;margin:0!important;padding-right:0!important;padding-left:0!important;padding-bottom:0!important;width:100%;height:auto;line-height:1.5em;position:relative;top:unset;left:unset;transform:unset}.eae-info-circle .eae-info-circle-item__content{position:relative;top:unset;left:unset;transform:unset;width:100%;padding:10px}}.eae-icon-wrap i{height:1.25em;width:1.25em;line-height:1.25em;display:block}.eae-icon-wrap i img{top:50%;left:50%;transform:translateX(-50%) translateY(-50%);position:absolute}.eae-icon{display:inline-block;text-align:center;line-height:1em;vertical-align:middle;max-width:100%;overflow:hidden;padding:10px}.eae-icon-shape-circle:not(.elementor-element){border-radius:50%}.eae-icon-view-framed:not(.elementor-element){border-width:1px;border-style:solid}.eae-icon-wrapper{display:flex}.eae-icon-wrapper .eae-icon{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);line-height:1}.eae-timeline{position:relative;display:inline-block;width:100%}.eae-timline-progress-bar{width:4px;background-color:#f45b69;top:0;bottom:50px;position:absolute;transform:translateX(-50%)}.eae-timeline-item{position:relative;display:flex;flex-direction:row;padding-bottom:50px}.eae-timeline-item:last-child{padding-bottom:0!important}.eae-tl-top .eae-timeline-item{align-items:flex-start}.eae-tl-top .eae-tl-item-content::before{top:10px}.eae-timeline-item.image-position-row .eae-tl-item-image,.eae-timeline-item.image-position-row-reverse .eae-tl-item-image{margin-top:0;margin-bottom:0}.eae-tl-item-meta-wrapper-inner{display:none}.eae-tl-bottom .eae-timeline-item{align-items:flex-end}.eae-tl-bottom .eae-tl-item-content::before{bottom:10px}.eae-tl-center .eae-timeline-item{align-items:center}.eae-tl-center .eae-tl-item-content::before{bottom:calc(50% - 5px)}.eae-layout-center .eae-timline-progress-bar{left:50%}.eae-layout-center .eae-timeline-item:nth-child(odd){flex-direction:row-reverse}.eae-layout-center .eae-timeline-item:nth-child(odd) .eae-tl-item-meta-wrapper{margin-right:0;margin-left:0;justify-content:flex-start}.eae-layout-center .eae-timeline-item:nth-child(odd) .eae-tl-content-wrapper{padding-right:20px;padding-left:0}.eae-layout-center .eae-timeline-item:nth-child(even) .eae-tl-content-wrapper{padding-right:0;padding-left:20px}.eae-layout-left .eae-tl-content-wrapper{padding-right:10px;padding-left:20px}.eae-layout-left .eae-timline-progress-bar{left:20px}.eae-layout-left .eae-tl-item-meta-wrapper{display:none}.eae-layout-left .eae-tl-item-meta-wrapper-inner{display:block}.eae-layout-right .eae-timline-progress-bar{left:calc(100% - 20px)}.eae-layout-right .eae-tl-content-wrapper{padding-right:20px;padding-left:10px}.eae-layout-right .eae-tl-icon-wrapper{order:3}.eae-layout-right .eae-tl-item-meta-wrapper{display:none}.eae-layout-right .eae-tl-item-meta-wrapper-inner{display:block}.eae-tl-item-meta-wrapper{flex-grow:1;order:0;flex-basis:50%;flex-direction:initial;justify-content:flex-end;display:flex;align-items:center;margin-right:0}.eae-tl-item-meta{padding:0 20px}.eae-tl-icon-wrapper{height:auto;width:auto;flex-grow:0;flex-shrink:0;order:1;margin-left:0;margin-right:0;min-width:10px;min-height:10px;border-radius:999px;position:relative;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center}.eae-tl-content-wrapper{flex-grow:1;order:2;flex-basis:50%;position:relative;padding-right:0;padding-left:20px}.eae-tl-item-content{background:#f4f4f4;padding:25px;overflow:hidden;text-align:center;display:flex;flex-direction:row}.eae-tl-content{display:inline-block;position:relative;padding:10px;width:100%;color:#000}.eae-timeline.image-position-row .eae-content-inner,.eae-timeline.image-position-row-reverse .eae-content-inner{position:relative;left:50%;top:50%;transform:translate(-50%,-50%);line-height:1;width:100%}.custom-image-style-.image-position-row .eae-content-inner,.custom-image-style-.image-position-row-reverse .eae-content-inner,.custom-image-style-no.image-position-row .eae-content-inner,.custom-image-style-no.image-position-row-reverse .eae-content-inner{left:unset;top:unset;transform:unset}.eae-tl-item-image{display:inline-block}.image-position-row .eae-tl-item-image img,.image-position-row-reverse .eae-tl-item-image img{object-fit:cover;height:100%!important}.image-position-row .eae-tl-item-image,.image-position-row-reverse .eae-tl-item-image{margin:0}.image-position-column .eae-tl-item-image{margin:auto}.custom-image-style-.image-position-column .eae-tl-item-image,.custom-image-style-no.image-position-column .eae-tl-item-image{margin:0 auto}.eae-pb-inner-line{width:100%;background-color:#3d5ac3}.eae-tl-item-content::before{content:'';position:absolute;width:0;height:0;border-style:solid;border-width:8px 16px 8px 0;border-color:transparent #f4f4f4 transparent transparent}.eae-icon-wrapper{display:flex}.elementor-widget-bpel-timeline .eae-icon-wrapper{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);line-height:1}.eae-tl-read-more{display:inline-block;padding:5px;border:2px solid #000}@media screen and (min-width:1024px){.image-position-row .eae-timeline.eae-timeline-alternate-yes .eae-timeline-item:nth-child(odd):not(.custom-image-style-yes) .eae-tl-item-content{flex-direction:row-reverse!important}.image-position-row-reverse .eae-timeline.eae-timeline-alternate-yes .eae-timeline-item:nth-child(odd):not(.custom-image-style-yes) .eae-tl-item-content{flex-direction:row!important}.eae-layout-center .eae-timeline-item:nth-child(odd) .eae-tl-item-content::before,.eae-layout-right .eae-tl-item-content::before{right:4px;border-width:8px 0 8px 16px;border-color:transparent transparent transparent #f4f4f4}.eae-layout-center .eae-timeline-item:nth-child(even) .eae-tl-item-content::before,.eae-layout-left .eae-tl-item-content::before{left:4px;border-width:8px 16px 8px 0;border-color:transparent #f4f4f4 transparent transparent}}@media screen and (max-width:1023px) and (min-width:768px){.image-position-row .eae-timeline.eae-timeline-alternate-yes .eae-timeline-item:nth-child(odd):not(.custom-image-style-yes) .eae-tl-item-content{flex-direction:row-reverse!important}.image-position-row-reverse .eae-timeline.eae-timeline-alternate-yes .eae-timeline-item:nth-child(odd):not(.custom-image-style-yes) .eae-tl-item-content{flex-direction:row!important}.eae-tl-res-style-mobile-tablet .eae-tl-item-meta-wrapper{display:none}.eae-tl-res-style-mobile-tablet .eae-tl-item-meta-wrapper-inner{display:block}.eae-tl-res-style-mobile-tablet.eae-tl-res-layout-left .eae-timeline-item{flex-direction:row!important}.eae-tl-res-style-mobile-tablet.eae-tl-res-layout-right .eae-timeline-item{flex-direction:row-reverse!important}.eae-layout-center.eae-tl-res-style-mobile-tablet.eae-tl-res-layout-left .eae-timeline-item .eae-tl-item-content::before,.eae-layout-left .eae-timeline-item .eae-tl-item-content::before,.eae-layout-left .eae-tl-item-content::before,.eae-timeline.eae-layout-center.eae-tl-res-style-mobile .eae-timeline-item:nth-child(even) .eae-tl-item-content::before{left:4px!important;border-width:8px 16px 8px 0!important;border-color:transparent #f4f4f4 transparent transparent!important}.eae-layout-center.eae-tl-res-style-mobile-tablet.eae-tl-res-layout-right .eae-timeline-item .eae-tl-item-content::before,.eae-layout-right .eae-timeline-item .eae-tl-item-content::before,.eae-layout-right .eae-tl-item-content::before,.eae-timeline.eae-layout-center.eae-tl-res-style-mobile .eae-timeline-item:nth-child(odd) .eae-tl-item-content::before,.eae-tl-res-style-mobile-tablet.eae-tl-res-layout-right .eae-timeline-item .eae-tl-item-content::before{right:4px!important;border-width:8px 0 8px 16px!important;border-color:transparent transparent transparent #f4f4f4!important}.eae-tl-res-style-mobile-tablet.eae-layout-center.eae-tl-res-layout-left .eae-timeline-item .eae-tl-content-wrapper{padding-right:0!important;padding-left:20px!important}.eae-tl-res-style-mobile-tablet.eae-layout-center.eae-tl-res-layout-right .eae-timeline-item .eae-tl-content-wrapper{padding-right:20px!important;padding-left:0!important}.eae-tl-res-style-mobile-tablet.eae-layout-center.eae-tl-res-layout-left .eae-timline-progress-bar{left:13px}.eae-tl-res-style-mobile-tablet.eae-layout-center.eae-tl-res-layout-right .eae-timline-progress-bar{left:calc(100% - 13px)}}@media screen and (max-width:767px){.eae-tl-item-meta-wrapper{display:none}.eae-tl-item-meta-wrapper-inner{display:block}.elementor-widget-bpel-timeline:not(.image-position-column) .eae-timeline .eae-tl-item-content{flex-direction:column-reverse!important}.eae-tl-item-image,.elementor-widget-bpel-timeline:not(.image-position-column) .eae-tl-content{width:100%!important}.eae-tl-res-style-mobile-tablet.eae-tl-res-layout-left .eae-timeline-item,.eae-tl-res-style-mobile.eae-tl-res-layout-left .eae-timeline-item{flex-direction:row!important}.eae-tl-res-style-mobile-tablet.eae-tl-res-layout-right .eae-timeline-item,.eae-tl-res-style-mobile.eae-tl-res-layout-right .eae-timeline-item{flex-direction:row-reverse!important}.eae-layout-left .eae-timeline-item .eae-tl-item-content::before,.eae-timeline.eae-layout-center.eae-tl-center.eae-tl-res-style-mobile-tablet.eae-tl-res-layout-left .eae-timeline-item:nth-child(odd) .eae-tl-item-content::before,.eae-timeline.eae-layout-center.eae-tl-center.eae-tl-res-style-mobile.eae-tl-res-layout-left .eae-timeline-item:nth-child(odd) .eae-tl-item-content::before,.eae-tl-res-style-mobile-tablet.eae-tl-res-layout-left .eae-timeline-item .eae-tl-item-content::before,.eae-tl-res-style-mobile.eae-tl-res-layout-left .eae-timeline-item .eae-tl-item-content::before{left:4px!important;border-width:8px 16px 8px 0!important;border-color:transparent #f4f4f4 transparent transparent!important}.eae-layout-right .eae-timeline-item .eae-tl-item-content::before,.eae-tl-res-style-mobile-tablet.eae-tl-res-layout-right .eae-timeline-item .eae-tl-item-content::before,.eae-tl-res-style-mobile.eae-tl-res-layout-right .eae-timeline-item .eae-tl-item-content::before{right:4px!important;border-width:8px 0 8px 16px!important;border-color:transparent transparent transparent #f4f4f4!important}.eae-tl-res-style-mobile-tablet.eae-layout-center.eae-tl-res-layout-left .eae-timeline-item .eae-tl-content-wrapper,.eae-tl-res-style-mobile.eae-layout-center.eae-tl-res-layout-left .eae-timeline-item .eae-tl-content-wrapper{padding-right:0!important;padding-left:20px!important}.eae-tl-res-style-mobile-tablet.eae-layout-center.eae-tl-res-layout-right .eae-timeline-item .eae-tl-content-wrapper,.eae-tl-res-style-mobile.eae-layout-center.eae-tl-res-layout-right .eae-timeline-item .eae-tl-content-wrapper{padding-right:20px!important;padding-left:0!important}.eae-tl-res-style-mobile-tablet.eae-layout-center.eae-tl-res-layout-left .eae-timline-progress-bar,.eae-tl-res-style-mobile.eae-layout-center.eae-tl-res-layout-left .eae-timline-progress-bar{left:13px}.eae-tl-res-style-mobile-tablet.eae-layout-center.eae-tl-res-layout-right .eae-timline-progress-bar,.eae-tl-res-style-mobile.eae-layout-center.eae-tl-res-layout-right .eae-timline-progress-bar{left:calc(100% - 13px)}}[data-element_type="eae-evergreen-timer.skin1"] .eae-evergreen-wrapper{display:block;text-align:center}[data-element_type="eae-evergreen-timer.skin1"] #eaeclockdiv{font-family:sans-serif;color:#fff;display:inline-block;font-weight:100;text-align:center;font-size:30px}[data-element_type="eae-evergreen-timer.skin1"] .eae-time-wrapper{padding:10px;border-radius:3px;background:#00bf96;display:inline-block;overflow:hidden}[data-element_type="eae-evergreen-timer.skin1"] #eaeclockdiv div>span{padding:15px;width:100%;background:#00816a;display:inline-block}[data-element_type="eae-evergreen-timer.skin1"] .smalltext{padding:7px;font-size:16px}[data-element_type="eae-evergreen-timer.skin1"] .eae-egt-hide{display:none}.eae-egt-message{display:none}@media screen and (max-width:767px){[data-element_type="eae-evergreen-timer.skin1"] #eaeclockdiv div>span{padding:5px}[data-element_type="eae-evergreen-timer.skin1"] .eae-time-wrapper{padding:5px}}[data-element_type="eae-evergreen-timer.skin2"] .eae-flip-clock-wrapper *{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;-o-box-sizing:border-box;box-sizing:border-box;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-o-backface-visibility:hidden;backface-visibility:hidden}[data-element_type="eae-evergreen-timer.skin2"] .eae-evergreen-wrapper{display:inline-block;width:100%;text-align:center;margin:auto}[data-element_type="eae-evergreen-timer.skin2"] .timer-container{display:inline-block}[data-element_type="eae-evergreen-timer.skin2"] .eae-flip-clock-wrapper a{cursor:pointer;text-decoration:none;color:#ccc}[data-element_type="eae-evergreen-timer.skin2"] .eae-flip-clock-wrapper a:hover{color:#fff}[data-element_type="eae-evergreen-timer.skin2"] .eae-flip-clock-wrapper ul{list-style:none}[data-element_type="eae-evergreen-timer.skin2"] .eae-flip-clock-wrapper.clearfix:after,[data-element_type="eae-evergreen-timer.skin2"] .eae-flip-clock-wrapper.clearfix:before{content:" ";display:table}[data-element_type="eae-evergreen-timer.skin2"] .eae-flip-clock-wrapper.clearfix:after{clear:both}[data-element_type="eae-evergreen-timer.skin2"] .eae-flip-clock-wrapper{font:normal 11px "Helvetica Neue",Helvetica,sans-serif;-webkit-user-select:none}[data-element_type="eae-evergreen-timer.skin2"] .flip-clock-meridium{background:0 0!important;box-shadow:0 0 0!important;font-size:36px!important}[data-element_type="eae-evergreen-timer.skin2"] .flip-clock-meridium a{color:#313333}[data-element_type="eae-evergreen-timer.skin2"] .eae-flip-clock-wrapper{text-align:center;position:relative;width:100%;margin:1em}[data-element_type="eae-evergreen-timer.skin2"] .eae-flip-clock-wrapper:after,[data-element_type="eae-evergreen-timer.skin2"] .eae-flip-clock-wrapper:before{content:" ";display:table}[data-element_type="eae-evergreen-timer.skin2"] .eae-flip-clock-wrapper:after{clear:both}[data-element_type="eae-evergreen-timer.skin2"] .eae-flip-clock-wrapper ul{position:relative;float:left;margin:5px;width:60px;height:90px;font-size:80px;font-weight:700;line-height:87px;border-radius:6px;background:#000}[data-element_type="eae-evergreen-timer.skin2"] .eae-flip-clock-wrapper ul li{z-index:1;position:absolute;left:0;top:0;width:100%;height:100%;line-height:87px;text-decoration:none!important}[data-element_type="eae-evergreen-timer.skin2"] .eae-flip-clock-wrapper ul li:first-child{z-index:2}[data-element_type="eae-evergreen-timer.skin2"] .eae-flip-clock-wrapper ul li a{display:block;height:100%;-webkit-perspective:200px;-moz-perspective:200px;perspective:200px;margin:0!important;overflow:visible!important;cursor:default!important}[data-element_type="eae-evergreen-timer.skin2"] .eae-flip-clock-wrapper ul li a div{z-index:1;position:absolute;left:0;width:100%;height:50%;font-size:80px;overflow:hidden;outline:1px solid transparent}[data-element_type="eae-evergreen-timer.skin2"] .eae-flip-clock-wrapper ul li a div .shadow{position:absolute;width:100%;height:100%;z-index:2}[data-element_type="eae-evergreen-timer.skin2"] .eae-flip-clock-wrapper ul li a div.up{-webkit-transform-origin:50% 100%;-moz-transform-origin:50% 100%;-ms-transform-origin:50% 100%;-o-transform-origin:50% 100%;transform-origin:50% 100%;top:0}[data-element_type="eae-evergreen-timer.skin2"] .eae-flip-clock-wrapper ul li a div.up:after{content:"";position:absolute;top:44px;left:0;z-index:5;width:100%;height:3px;background-color:#000;background-color:rgba(0,0,0,.4)}[data-element_type="eae-evergreen-timer.skin2"] .eae-flip-clock-wrapper ul li a div.down{-webkit-transform-origin:50% 0;-moz-transform-origin:50% 0;-ms-transform-origin:50% 0;-o-transform-origin:50% 0;transform-origin:50% 0;bottom:0;border-bottom-left-radius:6px;border-bottom-right-radius:6px}[data-element_type="eae-evergreen-timer.skin2"] .eae-flip-clock-wrapper ul li a div div.inn{position:absolute;left:0;z-index:1;width:100%;height:200%;color:#ccc;text-shadow:0 1px 2px #000;text-align:center;background-color:#333;border-radius:6px;font-size:70px}[data-element_type="eae-evergreen-timer.skin2"] .eae-flip-clock-wrapper ul li a div.up div.inn{top:0}[data-element_type="eae-evergreen-timer.skin2"] .eae-flip-clock-wrapper ul li a div.down div.inn{bottom:0}[data-element_type="eae-evergreen-timer.skin2"] .eae-flip-clock-wrapper ul.play li.flip-clock-before{z-index:3}[data-element_type="eae-evergreen-timer.skin2"] .eae-flip-clock-wrapper .flip{box-shadow:0 2px 5px rgba(0,0,0,.7)}[data-element_type="eae-evergreen-timer.skin2"] .eae-flip-clock-wrapper ul.play li.flip-clock-active{-webkit-animation:asd 10ms .49s linear both;-moz-animation:asd 10ms .49s linear both;animation:asd 10ms .49s linear both;z-index:5}[data-element_type="eae-evergreen-timer.skin2"] .flip-clock-divider{float:left;display:inline-block;position:relative;width:20px;height:100px}[data-element_type="eae-evergreen-timer.skin2"] .flip-clock-divider:first-child{width:0}[data-element_type="eae-evergreen-timer.skin2"] .flip-clock-dot{display:block;background:#323434;width:10px;height:10px;position:absolute;border-radius:50%;box-shadow:0 0 5px rgba(0,0,0,.5);left:5px}[data-element_type="eae-evergreen-timer.skin2"] .flip-clock-divider .flip-clock-label{position:absolute;top:-1.5em;right:-86px;color:#000;text-shadow:none}[data-element_type="eae-evergreen-timer.skin2"] .flip-clock-divider.minutes .flip-clock-label{right:-88px}[data-element_type="eae-evergreen-timer.skin2"] .flip-clock-divider.seconds .flip-clock-label{right:-91px}[data-element_type="eae-evergreen-timer.skin2"] .flip-clock-dot.top{top:30%}[data-element_type="eae-evergreen-timer.skin2"] .flip-clock-dot.bottom{bottom:30%}@-webkit-keyframes asd{0%{z-index:2}100%{z-index:4}}@-moz-keyframes asd{0%{z-index:2}100%{z-index:4}}@-o-keyframes asd{0%{z-index:2}100%{z-index:4}}@keyframes asd{0%{z-index:2}100%{z-index:4}}[data-element_type="eae-evergreen-timer.skin2"] .eae-flip-clock-wrapper ul.play li.flip-clock-active .down{z-index:2;-webkit-animation:turn .5s .5s linear both;-moz-animation:turn .5s .5s linear both;animation:turn .5s .5s linear both}@-webkit-keyframes turn{0%{-webkit-transform:rotateX(90deg)}100%{-webkit-transform:rotateX(0)}}@-moz-keyframes turn{0%{-moz-transform:rotateX(90deg)}100%{-moz-transform:rotateX(0)}}@-o-keyframes turn{0%{-o-transform:rotateX(90deg)}100%{-o-transform:rotateX(0)}}@keyframes turn{0%{transform:rotateX(90deg)}100%{transform:rotateX(0)}}[data-element_type="eae-evergreen-timer.skin2"] .eae-flip-clock-wrapper ul.play li.flip-clock-before .up{z-index:2;-webkit-animation:turn2 .5s linear both;-moz-animation:turn2 .5s linear both;animation:turn2 .5s linear both}@-webkit-keyframes turn2{0%{-webkit-transform:rotateX(0)}100%{-webkit-transform:rotateX(-90deg)}}@-moz-keyframes turn2{0%{-moz-transform:rotateX(0)}100%{-moz-transform:rotateX(-90deg)}}@-o-keyframes turn2{0%{-o-transform:rotateX(0)}100%{-o-transform:rotateX(-90deg)}}@keyframes turn2{0%{transform:rotateX(0)}100%{transform:rotateX(-90deg)}}[data-element_type="eae-evergreen-timer.skin2"] .eae-flip-clock-wrapper ul li.flip-clock-active{z-index:3}[data-element_type="eae-evergreen-timer.skin2"] .eae-flip-clock-wrapper ul.play li.flip-clock-before .up .shadow{background:-moz-linear-gradient(top,rgba(0,0,0,.1) 0,#000 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0,rgba(0,0,0,.1)),color-stop(100%,#000));background:linear,top,rgba(0,0,0,.1) 0,#000 100%;background:-o-linear-gradient(top,rgba(0,0,0,.1) 0,#000 100%);background:-ms-linear-gradient(top,rgba(0,0,0,.1) 0,#000 100%);background:linear,to bottom,rgba(0,0,0,.1) 0,#000 100%;-webkit-animation:show .5s linear both;-moz-animation:show .5s linear both;animation:show .5s linear both}[data-element_type="eae-evergreen-timer.skin2"] .eae-flip-clock-wrapper ul.play li.flip-clock-active .up .shadow{background:-moz-linear-gradient(top,rgba(0,0,0,.1) 0,#000 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0,rgba(0,0,0,.1)),color-stop(100%,#000));background:linear,top,rgba(0,0,0,.1) 0,#000 100%;background:-o-linear-gradient(top,rgba(0,0,0,.1) 0,#000 100%);background:-ms-linear-gradient(top,rgba(0,0,0,.1) 0,#000 100%);background:linear,to bottom,rgba(0,0,0,.1) 0,#000 100%;-webkit-animation:hide .5s .3s linear both;-moz-animation:hide .5s .3s linear both;animation:hide .5s .3s linear both}[data-element_type="eae-evergreen-timer.skin2"] .eae-flip-clock-wrapper ul.play li.flip-clock-before .down .shadow{background:-moz-linear-gradient(top,#000 0,rgba(0,0,0,.1) 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0,#000),color-stop(100%,rgba(0,0,0,.1)));background:linear,top,#000 0,rgba(0,0,0,.1) 100%;background:-o-linear-gradient(top,#000 0,rgba(0,0,0,.1) 100%);background:-ms-linear-gradient(top,#000 0,rgba(0,0,0,.1) 100%);background:linear,to bottom,#000 0,rgba(0,0,0,.1) 100%;-webkit-animation:show .5s linear both;-moz-animation:show .5s linear both;animation:show .5s linear both}[data-element_type="eae-evergreen-timer.skin2"] .eae-flip-clock-wrapper ul.play li.flip-clock-active .down .shadow{background:-moz-linear-gradient(top,#000 0,rgba(0,0,0,.1) 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0,#000),color-stop(100%,rgba(0,0,0,.1)));background:linear,top,#000 0,rgba(0,0,0,.1) 100%;background:-o-linear-gradient(top,#000 0,rgba(0,0,0,.1) 100%);background:-ms-linear-gradient(top,#000 0,rgba(0,0,0,.1) 100%);background:linear,to bottom,#000 0,rgba(0,0,0,.1) 100%;-webkit-animation:hide .5s .3s linear both;-moz-animation:hide .5s .3s linear both;animation:hide .5s .2s linear both}@-webkit-keyframes show{0%{opacity:0}100%{opacity:1}}@-moz-keyframes show{0%{opacity:0}100%{opacity:1}}@-o-keyframes show{0%{opacity:0}100%{opacity:1}}@keyframes show{0%{opacity:0}100%{opacity:1}}@-webkit-keyframes hide{0%{opacity:1}100%{opacity:0}}@-moz-keyframes hide{0%{opacity:1}100%{opacity:0}}@-o-keyframes hide{0%{opacity:1}100%{opacity:0}}@keyframes hide{0%{opacity:1}100%{opacity:0}}@media screen and (max-width:767px){[data-element_type="eae-evergreen-timer.skin2"] .flip-clock-divider{width:15px}[data-element_type="eae-evergreen-timer.skin2"] .flip-clock-dot{height:5px;width:5px}[data-element_type="eae-evergreen-timer.skin2"] .eae-flip-clock-wrapper ul{height:40px}[data-element_type="eae-evergreen-timer.skin2"] .flip-clock-divider{height:50px}[data-element_type="eae-evergreen-timer.skin2"] .eae-flip-clock-wrapper ul li{line-height:37px}[data-element_type="eae-evergreen-timer.skin2"] .eae-flip-clock-wrapper ul li a div div.inn{font-size:24px}[data-element_type="eae-evergreen-timer.skin2"] .eae-flip-clock-wrapper ul{margin:2px}}[data-element_type="eae-evergreen-timer.skin3"] #timer{font-family:sans-serif;color:#fff;display:inline-block;font-weight:100;text-align:center;font-size:30px}[data-element_type="eae-evergreen-timer.skin3"] .desc{display:flex;justify-content:center}[data-element_type="eae-evergreen-timer.skin3"].eae-egt-content-align-right .desc{justify-content:flex-end}[data-element_type="eae-evergreen-timer.skin3"].eae-egt-content-align-left .desc{justify-content:flex-start}[data-element_type="eae-evergreen-timer.skin3"] .desc .egt-time-text{display:inline-block;padding:0 50px 0 50px}[data-element_type="eae-evergreen-timer.skin3"] .eae-time-wrapper{padding:50px;border-radius:3px;background:#00bf96;display:inline-block;overflow:hidden;margin:5px;line-height:1em}[data-element_type="eae-evergreen-timer.skin3"] #timer span:nth-child(1){background:khaki}[data-element_type="eae-evergreen-timer.skin3"] #timer span:nth-child(2){background:#cd5c5c}[data-element_type="eae-evergreen-timer.skin3"] #timer span:nth-child(3){background:#5f9ea0}[data-element_type="eae-evergreen-timer.skin3"] #timer span:nth-child(4){background:#6495ed}[data-element_type="eae-evergreen-timer.skin3"] .fade{animation:flip .7s ease forwards}@keyframes flip{0%{transform:rotateY(0) scaleY(1.1);opacity:.5}50%{transform:rotateY(180deg) scaleY(1.3);opacity:0}100%{transform:rotateY(0);opacity:1}}@media screen and (max-width:767px){[data-element_type="eae-evergreen-timer.skin3"] #timer span{font-size:22px}[data-element_type="eae-evergreen-timer.skin2"] .flip-clock-divider .flip-clock-label{top:-1.5em;right:-42px}[data-element_type="eae-evergreen-timer.skin2"] .flip-clock-divider.minutes .flip-clock-label{right:-48px}[data-element_type="eae-evergreen-timer.skin2"] .flip-clock-divider.seconds .flip-clock-label{right:-51px}}[data-element_type="eae-evergreen-timer.skin4"] .eae-evergreen-wrapper{width:100%}[data-element_type="eae-evergreen-timer.skin4"] .container{margin:0 auto}[data-element_type="eae-evergreen-timer.skin4"] .special{position:relative;width:840px;height:47px}[data-element_type="eae-evergreen-timer.skin4"] #counter{position:absolute;z-index:4000}[data-element_type="eae-evergreen-timer.skin4"] .digit-separator{position:relative;float:left;width:17px;height:44px;overflow:hidden;background-image:url(../digit-sep-svg.svg);background-repeat:no-repeat;background-position:0 0;background-color:#4054b2}[data-element_type="eae-evergreen-timer.skin4"] .digit{background-image:url(../digits-svg-alpha.svg);background-color:#4054b2}.eae-ct-wrapper *{box-sizing:border-box;margin:0;outline:0}article.eae-ct-wrapper{width:100%;max-width:1000px;margin:0 auto;position:relative}.eae-ct-wrapper th{position:relative}.eae-ct-wrapper ul{display:none;top:0;z-index:10;padding-bottom:14px}.eae-ct-wrapper li{list-style:none;flex:1;position:relative}.eae-ct-wrapper li:hover{cursor:pointer}.eae-ct-wrapper .eae-ct-heading{width:100%;padding:10px;background:#fff;font-size:20px;font-weight:700;height:60px;color:#999;text-align:center}.eae-ct-wrapper li.eae-ct-heading .eae-ct-heading-inner{position:absolute;align-self:center;top:50%;left:50%;transform:translate(-50%,-50%);width:100%}.eae-ct-wrapper li.eae-ct-heading.active{background:#f5f5f5}.eae-ct-wrapper table{border-collapse:collapse;table-layout:fixed;width:100%}.eae-ct-wrapper th{background:#f5f5f5;display:none}.eae-ct-wrapper td,.eae-ct-wrapper th{height:53px;vertical-align:middle}.eae-ct-wrapper table{border:none}.eae-ct-wrapper table tr td:first-child,.eae-ct-wrapper table tr td:last-child,.eae-ct-wrapper td,.eae-ct-wrapper th{border:1px solid #ddd;padding:10px;empty-cells:show}.eae-ct-wrapper td,.eae-ct-wrapper th{text-align:left}.eae-ct-wrapper td+td,.eae-ct-wrapper th+th{text-align:center}.eae-ct-wrapper tr:first-child{background:0 0!important}.eae-ct-wrapper ul li:nth-child(1){display:table-cell}.eae-ct-wrapper tr td:nth-child(2){display:table-cell}.eae-ct-wrapper td:nth-child(1){display:table-cell}.eae-ct-wrapper td{display:none}.eae-ct-wrapper .sep{background:#f5f5f5;font-weight:700}.eae-ct-price-wrapper{display:flex;justify-content:center}.eae-ct-tt-type-icon .eae-ct-feature .tooltip{float:right}.eae-ct-wrapper .tooltiptext::before{content:'';border-width:5px 5px 0 5px;border-color:#fff;border-left-color:transparent;border-right-color:transparent;border-bottom-color:transparent;bottom:-10px;width:0;height:0;border-style:solid;position:absolute;margin:5px;left:42%}.eae-ct-wrapper .eae-ct-price{font-size:28px;font-weight:700;line-height:1em}.eae-ct-wrapper .eae-ct-currency{align-self:flex-start;margin-right:3px}.eae-ct-wrapper .eae-ct-fractional-price{align-self:flex-start;margin-left:3px}.eae-ct-wrapper .eae-ct-duration{align-self:flex-start}.eae-ct-wrapper .eae-ct-original-price{margin-right:5px;text-decoration:line-through;align-self:flex-end}.eae-ct-wrapper .tick{font-size:18px;color:#2ca01c}.eae-ct-wrapper .hide{border:0!important;background:0 0}.eae-ct-ribbons-yes .eae-ct-ribbons-wrapper{position:absolute;top:0;width:100px;overflow:hidden;height:100px;z-index:998;padding:8px 12px}.eae-ct-ribbons-h-top.eae-ct-ribbons-yes .eae-ct-ribbons-wrapper{position:absolute;top:0;width:100%;overflow:hidden;height:50px;z-index:999;padding:8px 12px}.eae-ct-ribbons-h-top.eae-ct-ribbons-yes .eae-ct-ribbons-wrapper-top{background-color:rgba(63,195,135,.8);color:#fff;transform:translateY(-100%);position:absolute;width:100%;top:0;left:0}.eae-ct-ribbons-h-left.eae-ct-ribbons-yes .eae-ct-ribbons-wrapper{-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);left:0;right:auto}.eae-ct-ribbons-h-right.eae-ct-ribbons-yes .eae-ct-ribbons-wrapper{-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(90deg);left:auto;right:0}.eae-ct-ribbons-yes .eae-ct-ribbons-wrapper span.eae-ct-ribbons-inner{position:absolute;text-align:center;left:0;top:0;width:200%;-webkit-transform:translateY(-50%) translateX(-50%) translateX(35px) rotate(-45deg);-ms-transform:translateY(-50%) translateX(-50%) translateX(35px) rotate(-45deg);transform:translateY(-50%) translateX(-50%) translateX(35px) rotate(-45deg);margin-top:35px;font-size:13px;line-height:2;font-weight:800;text-transform:uppercase;background:rgba(63,195,135,.8);padding:8px 12px;color:#fff}.eae-ct-wrapper .tooltip{position:relative;display:inline-block}.eae-ct-wrapper .tooltip .tooltiptext{visibility:hidden;min-width:120px;background-color:#000;color:#fff;text-align:center;border-radius:6px;padding:5px 0;position:absolute;z-index:1;bottom:120%;left:50%;margin-left:-60px}.eae-ct-wrapper .tooltip:hover .tooltiptext{visibility:visible}.eae-ct-heading-tooltip{text-decoration-line:underline;text-decoration-style:dotted}.eae-ct-btn{padding:10px 15px 10px 15px;color:#fff;display:inline-block;line-height:1em}.eae-ct-btn:hover{color:#fff}.eae-ct-wrapper i.fa.fa-check{color:#38f146}.eae-ct-wrapper i.fa.fa-close{color:red}.eae-ct-wrapper tr:last-child td:first-child{background:0 0!important;border:none!important}.eae-ct-wrapper tr:last-child{background:0 0!important}@media (min-width:767px){.eae-ct-wrapper td,.eae-ct-wrapper th{width:330px}.eae-ct-wrapper td+td,.eae-ct-wrapper th+th{width:auto}}.eae-tab-format-all .eae-ct-wrapper ul{display:flex}@media (min-width:1023px){.eae-tab-format-mobile .eae-ct-wrapper td,.eae-tab-format-mobile .eae-ct-wrapper th,.eae-tab-format-tab-mob .eae-ct-wrapper td,.eae-tab-format-tab-mob .eae-ct-wrapper th{display:table-cell!important}}@media (max-width:1023px){.eae-tab-format-tab-mob .eae-ct-wrapper ul{display:flex}.eae-tab-format-all .eae-ct-wrapper td+td,.eae-tab-format-all .eae-ct-wrapper th+th{display:none}}@media (max-width:1023px) and (min-width:768px){.eae-tab-format-mobile .eae-ct-wrapper td,.eae-tab-format-mobile .eae-ct-wrapper th{display:table-cell!important}}@media (max-width:767px){.eae-tab-format-mobile .eae-ct-wrapper ul{display:flex}}
1
+ .elementor-widget-wts-textseparator .elementor-widget-container{overflow:hidden}.wts-eae-textseparator{align-items:center;display:flex;flex-flow:row nowrap;margin:auto}.eae-separator-icon-inner i{height:1em;width:1em;text-align:center}.wts-eae-textseparator .eae-sep-holder{flex:1 1 auto;height:1px;min-width:10%;position:relative}.wts-eae-textseparator .eae-sep-holder .eae-sep-lines{border-top-width:1px;display:block;height:1px;position:relative;top:1px;width:100%}.eae-separator-title{margin:0;-moz-box-flex:0;flex:0 1 auto;line-height:1em;margin:0;overflow-wrap:break-word}.sep-align-right .sep-right{display:none}.sep-align-left .sep-left{display:none}.eae-icon-view-stacked i{color:#fff}.eae-icon-view-framed .eae-separator-icon-inner{border:1px solid}.eae-icon-shape-circle .eae-separator-icon-inner{border-radius:50%}.eae-separator-icon-wrapper,.eae-separator-title{margin:0 5px!important}.eae-separator-icon-inner{line-height:1}.wts-price-box-wrapper .eae-pt-heading,.wts-price-box-wrapper .eae-pt-sub-heading{margin:5px 0;text-align:center}.plan-price-shape{display:table;height:6em;margin:auto;width:6em}.eae-pt-price-box-shape-circle .plan-price-shape,.eae-pt-price-box-shape-square .plan-price-shape{border:1px solid}.eae-pt-price-box-shape-circle .plan-price-shape{border-radius:50%}.plan-price-block{padding:10px 0}.plan-price-shape-inner{display:table-cell;vertical-align:middle;padding:10px}.plan-price-shape-inner>span{display:block;font-size:1em;text-align:center}.eae-pt-feature-list{list-style:outside none none;text-align:center;margin:10px 0}.eae-pt-button-wrapper>a{text-align:center;display:inline-block}.eae-pt-button-wrapper{text-align:center}.wts-price-box-wrapper .heading-wrapper,.wts-price-box-wrapper .plan-features-wrapper{padding:10px 5px}.eae-pt-button-wrapper{padding:15px 0}.eae-pt-button-wrapper a{padding:5px 15px;border-radius:3px}.eae-pt-align-icon-right{float:right}.strike-feature{text-decoration:line-through}.eae-flip-box{width:100%;text-align:center}.eae-flip-box-wrapper{display:inline-block;width:100%}.eae-flip-box-inner{width:100%;height:200px;position:relative;-webkit-transform-style:preserve-3d;-moz-transform-style:preserve-3d;-ms-transform-style:preserve-3d;transform-style:preserve-3d}.eae-flip-box-inner .eae-flip-box-back,.eae-flip-box-inner .eae-flip-box-front{width:100%;height:100%;position:absolute;top:0;left:0;text-align:center;padding:10px;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;backface-visibility:hidden;-webkit-transition:all .6s ease 0s;-moz-transition:all .6s ease 0s;-ms-transition:all .6s ease 0s;-o-transition:all .6s ease 0s;transition:all .6s ease 0s}.eae-flip-box-front{z-index:2}.eae-flip-box-back{z-index:1}.eae-fb-animate-vertical .eae-flip-box-inner .eae-flip-box-front{-webkit-transform:perspective(1000px) rotateX(0);-ms-transform:perspective(1000px) rotateX(0);transform:perspective(1000px) rotateX(0)}.eae-fb-animate-vertical .eae-flip-box-inner .eae-flip-box-back{-webkit-transform:perspective(1000px) rotateX(180deg);transform:perspective(1000px) rotateX(180deg);-ms-transform:perspective(1000px) rotateX(180deg)}.eae-fb-animate-vertical .eae-flip-box-inner:hover .eae-flip-box-front{-webkit-transform:perspective(1000px) rotateX(180deg);transform:perspective(1000px) rotateX(180deg);-ms-transform:perspective(1000px) rotateX(180deg)}.eae-fb-animate-vertical .eae-flip-box-inner:hover .eae-flip-box-back{-webkit-transform:perspective(1000px) rotateX(0);transform:perspective(1000px) rotateX(0);-ms-transform:perspective(1000px) rotateX(0)}.eae-fb-animate-horizontal .eae-flip-box-inner .eae-flip-box-front{-webkit-transform:perspective(1000px) rotateY(0);transform:perspective(1000px) rotateY(0);-ms-transform:perspective(1000px) rotateY(0)}.eae-fb-animate-horizontal .eae-flip-box-inner .eae-flip-box-back{-webkit-transform:perspective(1000px) rotateY(180deg);transform:perspective(1000px) rotateY(180deg);-ms-transform:perspective(1000px) rotateY(180deg)}.eae-fb-animate-horizontal .eae-flip-box-inner:hover .eae-flip-box-front{-webkit-transform:perspective(1000px) rotateY(180deg);transform:perspective(1000px) rotateY(180deg);-ms-transform:perspective(1000px) rotateY(180deg)}.eae-fb-animate-horizontal .eae-flip-box-inner:hover .eae-flip-box-back{-webkit-transform:perspective(1000px) rotateY(0);transform:perspective(1000px) rotateY(0);-ms-transform:perspective(1000px) rotateY(0)}.eae-fb-animate-fade .eae-flip-box-inner .eae-flip-box-front{opacity:1}.eae-fb-animate-fade .eae-flip-box-inner .eae-flip-box-back{opacity:0}.eae-fb-animate-fade .eae-flip-box-inner:hover .eae-flip-box-front{opacity:0}.eae-fb-animate-fade .eae-flip-box-inner:hover .eae-flip-box-back{opacity:1}.eae-flip-box-wrapper:focus .eae-flip-box-back,.eae-flip-box-wrapper:hover .eae-flip-box-back{z-index:2}.eae-flip-box-wrapper:focus .eae-flip-box-front,.eae-flip-box-wrapper:hover .eae-flip-box-front{z-index:1}.fade .eae-flip-box-wrapper .eae-flip-box-front{opacity:1;transition:1s}.fade .eae-flip-box-wrapper .eae-flip-box-back{opacity:0;transition:1s}.fade .eae-flip-box-wrapper:focus .eae-flip-box-front,.fade .eae-flip-box-wrapper:hover .eae-flip-box-front{opacity:0}.fade .eae-flip-box-wrapper:focus .eae-flip-box-back,.fade .eae-flip-box-wrapper:hover .eae-flip-box-back{opacity:1}.eae-fb-animate-flip .eae-flip-box-wrapper{perspective:800px}.eae-fb-animate-flip .eae-flip-box-inner{transform-style:preserve-3d;transform:rotateX(0) rotateY(0) rotateZ(0);transition:1s}.eae-fb-animate-flip .eae-flip-box-front{transform:translate3d(0,0,1px)}.eae-fb-animate-flip .eae-flip-box-back{transform:rotateY(180deg) translate3d(0,0,0)}.eae-fb-animate-flip .eae-flip-box-wrapper:focus .eae-flip-box-inner,.eae-fb-animate-flip .eae-flip-box-wrapper:hover .eae-flip-box-inner{transform:rotateY(180deg)}.up .eae-flip-box-front{transform:translate3d(0,0,1px)}.up .eae-flip-box-back{transform:rotateX(180deg) translate3d(0,0,0)}.up .eae-flip-box-wrapper:focus .eae-flip-box-inner,.up .eae-flip-box-wrapper:hover .eae-flip-box-inner{transform:rotateX(180deg)}.box .eae-flip-box-front{transform:translate3d(0,0,100px) scale(.85,.85)}.box .eae-flip-box-back{transform:rotateY(180deg) translate3d(0,0,100px) scale(.85,.85)}.box.up .eae-flip-box-back{transform:rotateX(180deg) translate3d(0,0,100px) scale(.85,.85)}.hideback .eae-flip-box-back,.hideback .eae-flip-box-front{backface-visibility:hidden}.eae-fb-animate-nananana .eae-flip-box-wrapper:focus .eae-flip-box-front,.eae-fb-animate-nananana .eae-flip-box-wrapper:hover .eae-flip-box-front{z-index:10;animation:batman 1s 2 alternate linear}.eae-fb-animate-flipcard .eae-flip-box-back,.eae-fb-animate-flipcard .eae-flip-box-front{transition:transform .4s ease;transform-origin:center center -150px;-webkit-transform-origin:center center -150px}.flipcard-rotate-top-down .eae-flip-box-front{transform:perspective(0) rotateX(0) rotateY(0) rotateZ(0)}.flipcard-rotate-top-down .eae-flip-box-back{transform:perspective(0) rotateX(90deg) rotateY(0) rotateZ(0)}.eae-fb-animate-flipcard.flipcard-rotate-top-down .eae-flip-box-wrapper:hover .eae-flip-box-front{transform:perspective(0) rotateX(-90deg) rotateY(0) rotateZ(0)}.eae-fb-animate-flipcard.flipcard-rotate-top-down .eae-flip-box-wrapper:hover .eae-flip-box-back{z-index:99999;transform:perspective(0) rotateX(0) rotateY(0) rotateZ(0)}.flipcard-rotate-down-top .eae-flip-box-front{transform:perspective(0) rotateX(0) rotateY(0) rotateZ(0)}.flipcard-rotate-down-top .eae-flip-box-back{transform:perspective(0) rotateX(-90deg) rotateY(0) rotateZ(0)}.eae-fb-animate-flipcard.flipcard-rotate-down-top .eae-flip-box-wrapper:hover .eae-flip-box-front{transform:perspective(0) rotateX(90deg) rotateY(0) rotateZ(0)}.eae-fb-animate-flipcard.flipcard-rotate-down-top .eae-flip-box-wrapper:hover .eae-flip-box-back{z-index:99999;transform:perspective(0) rotateX(0) rotateY(0) rotateZ(0)}.flipcard-rotate-left-right .eae-flip-box-front{transform:perspective(0) rotateX(0) rotateY(0) rotateZ(0)}.flipcard-rotate-left-right .eae-flip-box-back{transform:perspective(0) rotateX(0) rotateY(-90deg) rotateZ(0)}.eae-fb-animate-flipcard.flipcard-rotate-left-right .eae-flip-box-wrapper:hover .eae-flip-box-front{transform:perspective(0) rotateX(0) rotateY(90deg) rotateZ(0)}.eae-fb-animate-flipcard.flipcard-rotate-left-right .eae-flip-box-wrapper:hover .eae-flip-box-back{z-index:99999;transform:perspective(0) rotateX(0) rotateY(0) rotateZ(0)}.flipcard-rotate-right-left .eae-flip-box-front{transform:perspective(0) rotateX(0) rotateY(0) rotateZ(0)}.flipcard-rotate-right-left .eae-flip-box-back{transform:perspective(0) rotateX(0) rotateY(90deg) rotateZ(0)}.eae-fb-animate-flipcard.flipcard-rotate-right-left .eae-flip-box-wrapper:hover .eae-flip-box-front{transform:perspective(0) rotateX(0) rotateY(-90deg) rotateZ(0)}.eae-fb-animate-flipcard.flipcard-rotate-right-left .eae-flip-box-wrapper:hover .eae-flip-box-back{z-index:99999;transform:perspective(0) rotateX(0) rotateY(0) rotateZ(0)}@keyframes batman{0%{transform:scale(1,1) rotateZ(0)}100%{transform:scale(0,0) rotateZ(720deg);opacity:0}}.eae-flip-box-back i,.eae-flip-box-front i{font-size:32px;height:1em;width:1em}.eae-fb-icon-view-framed{border:1px solid #92be43}.eae-fb-icon-shape-circle{border-radius:50%}.eae-flip-box-wrapper .icon-wrapper{display:inline-block;padding:10px;line-height:1}.eae-flip-box-wrapper .back-icon-title,.eae-flip-box-wrapper .front-icon-title{margin:10px auto;color:#fff}.eae-flip-box-wrapper .flipbox-content{display:block;position:relative;top:50%;transform:translateY(-50%);-ms-transform:translateY(-50%)}.flipbox-content p{margin-bottom:10px}.eae-fb-button{display:inline-block;padding:5px 10px}.eae-flip-box-front{background:#a0ce4e}.eae-flip-box-back{background:#73b9dc}@media only screen and (max-width:768px){.eae-flip-box-back,.eae-flip-box-front,.flipbox-content{cursor:pointer;overflow:visible!important;transform-style:preserve-3d;-webkit-transform-style:preserve-3d}}.elementor-widget-wts-shape-separator svg{display:block}.wts-eae-pl-wrapper ul{margin:0}.wts-eae-pl-wrapper ul li{list-style:none;overflow:hidden;margin-bottom:10px}.eae-pl-img-align-none .eae-pl-image-wrapper a{text-align:center}.eae-pl-title{margin:0}.eae-pl-title a{display:block}.eae-pl-readmore a{display:inline-block;border-radius:2px;color:#fff;padding:4px 8px}.eae-at-animation-text-wrapper{display:inline-block;position:relative;text-align:left}.eae-at-animation-text-wrapper .eae-at-animation-text{display:inline-block;position:absolute;white-space:nowrap;left:0;top:0}.eae-at-animation-text-wrapper .eae-at-animation-text.is-visible{position:relative}.no-js .eae-at-animation-text-wrapper .eae-at-animation-text{opacity:0}.no-js .eae-at-animation-text-wrapper .eae-at-animation-text.is-visible{opacity:1}.eae-animtext-wrapper{font-size:40px}.eae-st-rest-text{display:inline-block}.eae-st-split-text{display:inline-block}.eae-at-animation.type .eae-at-animation-text-wrapper{vertical-align:bottom;overflow:hidden}.eae-at-animation.type .eae-at-animation-text-wrapper::after{content:'';position:absolute;right:0;top:50%;bottom:auto;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%);height:90%;width:1px}.eae-at-animation.type .eae-at-animation-text-wrapper.waiting::after{-webkit-animation:cd-pulse 1s infinite;-moz-animation:cd-pulse 1s infinite;animation:cd-pulse 1s infinite}.eae-at-animation.type .eae-at-animation-text-wrapper.selected::after{visibility:hidden}.eae-at-animation.type .eae-at-animation-text{visibility:hidden}.eae-at-animation.type .eae-at-animation-text.is-visible{visibility:visible}.eae-at-animation.type i{position:absolute;visibility:hidden}.eae-at-animation.type i.in{position:relative;visibility:visible}@-webkit-keyframes cd-pulse{0%{-webkit-transform:translateY(-50%) scale(1);opacity:1}40%{-webkit-transform:translateY(-50%) scale(.9);opacity:0}100%{-webkit-transform:translateY(-50%) scale(0);opacity:0}}@-moz-keyframes cd-pulse{0%{-moz-transform:translateY(-50%) scale(1);opacity:1}40%{-moz-transform:translateY(-50%) scale(.9);opacity:0}100%{-moz-transform:translateY(-50%) scale(0);opacity:0}}@keyframes cd-pulse{0%{-webkit-transform:translateY(-50%) scale(1);-moz-transform:translateY(-50%) scale(1);-ms-transform:translateY(-50%) scale(1);-o-transform:translateY(-50%) scale(1);transform:translateY(-50%) scale(1);opacity:1}40%{-webkit-transform:translateY(-50%) scale(.9);-moz-transform:translateY(-50%) scale(.9);-ms-transform:translateY(-50%) scale(.9);-o-transform:translateY(-50%) scale(.9);transform:translateY(-50%) scale(.9);opacity:0}100%{-webkit-transform:translateY(-50%) scale(0);-moz-transform:translateY(-50%) scale(0);-ms-transform:translateY(-50%) scale(0);-o-transform:translateY(-50%) scale(0);transform:translateY(-50%) scale(0);opacity:0}}.eae-tabs{position:relative;width:100%;overflow:hidden;margin:1em 0 2em;font-weight:300}.eae-tabs nav{text-align:center;line-height:0}.eae-tabs nav ul{padding:0;margin:0;list-style:none;display:inline-block}.eae-tabs nav ul li{border:1px solid #becbd2;border-bottom:none;display:block;position:relative}.eae-tabs nav li.tab-current{border:1px solid #47a3da;border-bottom:none;z-index:100}.eae-nav-pos-top nav li.tab-current:after,.eae-nav-pos-top nav li.tab-current:before{content:'';position:absolute;height:2px;right:100%;bottom:0;width:1000px;background:#47a3da}.eae-nav-pos-top nav ul li{margin:0 .25em;float:left}.eae-nav-pos-top nav li.tab-current:after{right:auto;left:100%;width:4000px}.eae-tabs nav a{display:block;line-height:2.5;padding:0 1.25em;white-space:nowrap}.eae-tabs nav i{line-height:2.5;padding:1px}.eae-tabs nav a:hover{color:#768e9d}.eae-tabs nav li.tab-current a{color:#47a3da}.eae-nav-pos-left nav{float:left;width:20%}.eae-nav-pos-left nav ul li{margin:0 0 10px 0}.eae-nav-pos-left .eae-content{float:left;width:80%;padding-left:5px}.eae-tabs nav a:before{display:inline-block;vertical-align:middle;text-transform:none;font-weight:400;font-variant:normal;font-family:icomoon;line-height:1;speak:none;-webkit-font-smoothing:antialiased;margin:-.25em .4em 0 0}.eae-content section{font-size:1.25em;padding:20px 20px;max-width:1230px;margin:0 auto}.eae-content section:after,.eae-content section:before{content:'';display:table}.eae-content section:after{clear:both}.eae-no-js .content section{display:block;padding-bottom:2em;border-bottom:1px solid #47a3da}.eae-content section.content-current{display:block}@media screen and (max-width:52.375em){.text-mobile-no.eae-tabs nav a span{display:none}.eae-tabs nav a:before{margin-right:0}}@media screen and (max-width:32em){.eae-tabs nav ul,.eae-tabs nav ul li a{width:100%;padding:0}.eae-tabs nav ul li{width:25%;margin:0}.eae-nav-pos-left .eae-tabs nav ul li{width:100%;margin-bottom:10px}}.eae-img-comp-container{width:100%;position:relative;text-align:center}.eae-img-comp-container img{vertical-align:middle}.eae-img-comp-img{position:absolute;top:0;left:0;height:100%;width:100%;overflow:hidden;transform:translateZ(0);backface-visibility:hidden}.eae-img-comp-img img{display:block;max-width:100%;width:100%}.eae-img-comp-slider{position:absolute;z-index:9;width:40px;height:40px;background-color:#2196f3;opacity:1;border-radius:50%}.icon-horizontal{cursor:ew-resize}.icon-vertical{cursor:n-resize}.mode-horizontal .eae-img-comp-overlay img{position:absolute;left:0;top:0;display:block;width:auto;height:100%!important;max-width:none!important}.mode-vertical .eae-img-comp-overlay img{position:absolute;left:0;top:0;display:block;width:100%;height:auto!important;max-width:none!important}.eae-slider-icon{top:50%;transform:translateY(-50%) translateX(-50%);position:absolute;left:50%;color:#fff}.elementor-widget-wts-ab-image{text-align:center}.elementor-widget-wts-ab-image .elementor-widget-container{display:inline-block;margin:0 auto!important;overflow:hidden}.eae-text-before{position:absolute!important;padding:10px;transition:transform .3s .7s,opacity .3s .7s;color:#d36118;z-index:0;background:rgba(255,255,255,.5);margin:20px}.eae-text-after{position:absolute!important;padding:10px;transition:transform .3s .7s,opacity .3s .7s;color:#d36118;z-index:0;background:rgba(255,255,255,.5);margin:20px}.divTest{display:inline-block;background-color:#00a0d2;padding:20px}.eae-particle-wrapper{width:100%;height:100%;position:absolute;left:0;top:0}.particles-js-canvas-el{height:100%;position:absolute}.eae-section-bs{position:absolute;width:100%;height:100%;top:0}.eae-section-bs-inner{width:100%;height:100%}.eae-popup.mfp-bg{top:0;left:0;width:100%;height:100%;z-index:1042;overflow:hidden;position:fixed;background:#0b0b0b;opacity:.8}.eae-popup-link{padding:10px;color:#fff;display:inline-block}.eae-popup-link:hover{color:#fff}.eae-popup.mfp-wrap{top:0;left:0;width:100%;height:100%;z-index:1043;position:fixed;outline:0!important;-webkit-backface-visibility:hidden}.eae-popup .mfp-container{text-align:center;position:absolute;width:100%;height:100%;left:0;top:0;padding:0 8px;box-sizing:border-box}.eae-popup .mfp-container:before{content:'';display:inline-block;height:100%;vertical-align:middle}.eae-popup .mfp-align-top .mfp-container:before{display:none}.eae-popup .mfp-content{position:relative;display:inline-block;vertical-align:middle;margin:0 auto;text-align:left;z-index:1045}.eae-modal-content{padding:20px}.eae-pop-btn-align-left .eae-popup-wrapper{text-align:left}.eae-pop-btn-align-right .eae-popup-wrapper{text-align:right}.eae-pop-btn-align-center .eae-popup-wrapper{text-align:center}.eae-pop-btn-align-justify .eae-popup-wrapper{text-align:center}.eae-pop-btn-align-justify .eae-popup-wrapper a{display:block}.eae-popup .mfp-ajax-holder .mfp-content,.eae-popup .mfp-inline-holder .mfp-content{width:50%;background-color:#fff;cursor:auto;overflow:hidden}.eae-popup .mfp-ajax-cur{cursor:progress}.eae-popup .mfp-zoom-out-cur,.eae-popup .mfp-zoom-out-cur .mfp-image-holder .eae-close{cursor:-moz-zoom-out;cursor:-webkit-zoom-out;cursor:zoom-out}.eae-popup .mfp-zoom{cursor:pointer;cursor:-webkit-zoom-in;cursor:-moz-zoom-in;cursor:zoom-in}.eae-popup.mfp-auto-cursor .mfp-content{cursor:auto}.eae-popup .eae-close,.eae-popup .mfp-arrow,.eae-popup .mfp-counter,.eae-popup .mfp-preloader{-webkit-user-select:none;-moz-user-select:none;user-select:none}.mfp-loading.mfp-figure{display:none}.mfp-hide{display:none!important}.eae-popup .mfp-preloader{color:#ccc;position:absolute;top:50%;width:auto;text-align:center;margin-top:-.8em;left:8px;right:8px;z-index:1044}.eae-popup .mfp-preloader a{color:#ccc}.eae-popup .mfp-preloader a:hover{color:#fff}.mfp-s-ready .mfp-preloader{display:none}.mfp-s-error .mfp-content{display:none}button.eae-close,button.mfp-arrow{overflow:visible;cursor:pointer;background:0 0;border:0;-webkit-appearance:none;display:block;outline:0;padding:0;z-index:1046;box-shadow:none;touch-action:manipulation}button::-moz-focus-inner{padding:0;border:0}.eae-popup .eae-close{width:44px;height:44px;line-height:1em;position:absolute;right:0;top:0;text-decoration:none;text-align:center;opacity:1;padding:0 0 18px 10px;color:#fff;font-size:28px}.eae-close:focus,.eae-close:hover{opacity:1;cursor:pointer}.eae-close:active{top:1px}.eae-close:before{top:50%;left:50%;position:absolute;transform:translate(-50%,-50%)}.eae-popup.eae-close-btn-in .eae-close{color:#fff;padding-right:10px}.mfp-iframe-holder .eae-close,.mfp-image-holder .eae-close{color:#fff;right:-6px;text-align:right;padding-right:6px;width:100%}.mfp-counter{position:absolute;top:0;right:0;color:#ccc;font-size:12px;line-height:18px;white-space:nowrap}.mfp-arrow{position:absolute;opacity:.65;margin:0;top:50%;margin-top:-55px;padding:0;width:90px;height:110px;-webkit-tap-highlight-color:transparent}.mfp-arrow:active{margin-top:-54px}.mfp-arrow:focus,.mfp-arrow:hover{opacity:1}.mfp-arrow:after,.mfp-arrow:before{content:'';display:block;width:0;height:0;position:absolute;left:0;top:0;margin-top:35px;margin-left:35px;border:medium inset transparent}.mfp-arrow:after{border-top-width:13px;border-bottom-width:13px;top:8px}.mfp-arrow:before{border-top-width:21px;border-bottom-width:21px;opacity:.7}.mfp-arrow-left{left:0}.mfp-arrow-left:after{border-right:17px solid #fff;margin-left:31px}.mfp-arrow-left:before{margin-left:25px;border-right:27px solid #3f3f3f}.mfp-arrow-right{right:0}.mfp-arrow-right:after{border-left:17px solid #fff;margin-left:39px}.mfp-arrow-right:before{border-left:27px solid #3f3f3f}.mfp-iframe-holder{padding-top:40px;padding-bottom:40px}.mfp-iframe-holder .mfp-content{line-height:0;width:100%;max-width:900px}.mfp-iframe-holder .eae-close{top:-40px}.mfp-iframe-scaler{width:100%;height:0;overflow:hidden;padding-top:56.25%}.mfp-iframe-scaler iframe{position:absolute;display:block;top:0;left:0;width:100%;height:100%;box-shadow:0 0 8px rgba(0,0,0,.6);background:#000}img.mfp-img{width:auto;max-width:100%;height:auto;display:block;line-height:0;box-sizing:border-box;padding:40px 0 40px;margin:0 auto}.eae-popup .mfp-figure{line-height:0}.eae-popup .mfp-figure:after{content:'';position:absolute;left:0;top:40px;bottom:40px;display:block;right:0;width:auto;height:auto;z-index:-1;box-shadow:0 0 8px rgba(0,0,0,.6);background:#444}.eae-popup .mfp-figure small{color:#bdbdbd;display:block;font-size:12px;line-height:14px}.eae-popup .mfp-figure figure{margin:0}.eae-popup .mfp-bottom-bar{margin-top:-36px;position:absolute;top:100%;left:0;width:100%;cursor:auto}.eae-popup .mfp-title{text-align:left;line-height:1;word-wrap:break-word;color:#fff;background-color:#4054b2;padding:20px 20px 20px 20px}.eae-popup .mfp-image-holder .mfp-content{max-width:100%}.eae-popup .mfp-gallery .mfp-image-holder .mfp-figure{cursor:pointer}@media screen and (max-width:800px) and (orientation:landscape),screen and (max-height:300px){.mfp-img-mobile .mfp-image-holder{padding-left:0;padding-right:0}.mfp-img-mobile img.mfp-img{padding:0}.mfp-img-mobile .mfp-figure:after{top:0;bottom:0}.mfp-img-mobile .mfp-figure small{display:inline;margin-left:5px}.mfp-img-mobile .mfp-bottom-bar{background:rgba(0,0,0,.6);bottom:0;margin:0;top:auto;padding:3px 5px;position:fixed;box-sizing:border-box}.mfp-img-mobile .mfp-bottom-bar:empty{padding:0}.mfp-img-mobile .mfp-counter{right:5px;top:3px}.mfp-img-mobile .eae-close{top:0;right:0;width:35px;height:35px;line-height:35px;background:rgba(0,0,0,.6);position:fixed;text-align:center;padding:0}}.elementor-element.eae-animated-gradient-yes,.elementor-element.eae-animated-gradient-yes .animated-gradient{background-size:400% 400%!important;-webkit-animation:AnimateGradient 15s ease-in-out infinite;-moz-animation:AnimateGradient 15s ease-in-out infinite;animation:AnimateGradient 15s ease-in-out infinite}.animated-gradient{position:absolute;top:0;left:0;height:100%;width:100%}@-webkit-keyframes AnimateGradient{0%{background-position:0 50%}50%{background-position:100% 50%}100%{background-position:0 50%}}@-moz-keyframes AnimateGradient{0%{background-position:0 50%}50%{background-position:100% 50%}100%{background-position:0 50%}}@keyframes AnimateGradient{0%{background-position:0 50%}50%{background-position:100% 50%}100%{background-position:0 50%}}.eae-swiper-outer-wrapper .swiper-slide{height:auto;overflow:inherit}.eae-swiper-outer-wrapper .swiper-slide-wrapper,.eae-swiper-outer-wrapper .testimonial-wrapper{height:100%}.eae-grid{display:flex;flex-wrap:wrap;flex-direction:row}.eae-masonry- .eae-grid-item{position:relative;height:100%}.eae-masonry- .eae-grid-item .testimonial-wrapper{height:100%}.eae-grid-container{transition:.1s all ease}.eae-grid-container{display:inline-block}.wrapper .content{margin:10px 0}.skin-2.testimonial-wrapper{display:flex;flex-direction:column;background-color:#9c989821;min-height:300px;padding:10px 20px;box-shadow:0 0 5px rgba(0,0,0,.15);color:#696969}.skin-2 .content-wrapper{padding:10px;position:relative;background-color:#fff;border-radius:10px;color:#77778e}.skin-2 i.after-content,.skin-2 i.before-content{position:absolute}.skin-2 i.before-content{top:10px;left:20px}.skin-2 i.after-content{bottom:10px;right:20px}.skin-2 blockquote{position:relative;font-size:14px;padding:10px;font-weight:500;text-align:left;margin:0;line-height:1.6em;font-style:italic}.skin-2 blockquote::after,.skin-2 blockquote::before{font-family:FontAwesome;content:"\201C";position:absolute;font-size:50px;opacity:.3;font-style:normal}.skin-2 blockquote::before{top:10px;left:20px}.skin-2 blockquote::after{content:"\201D";right:20px}.skin-2 .image-wrapper{position:relative;max-width:100%;text-align:center}.skin-2 img{width:100px;border-radius:25%}.skin-2 .detail-wrapper{text-align:center}.skin-2 .company,.skin-2 .designation,.skin-2 .rating-wrapper,.skin-2 .title{padding:5px 0}.skin-2 .rating-wrapper{color:navy}.skin-2 .title{font-weight:800;color:#000}.skin-2 blockquote p{margin:10px 0!important}.skin-1.testimonial-wrapper{display:flex;flex-direction:column;background-color:#fff;box-shadow:0 0 5px rgba(0,0,0,.15);color:#000}.skin-1 .content-wrapper{order:0}.skin-1 .image-wrapper{order:1;text-align:center;margin:15px 0}.skin-1 .detail-wrapper{order:2}.skin-1 .content-wrapper{padding:10px;position:relative}.skin-1 i.after-content,.skin-1 i.before-content{position:absolute}.skin-1 i.before-content{top:10px;left:20px}.skin-1 i.after-content{bottom:10px;right:20px}.skin-1 blockquote{position:relative;background-color:#fff;font-size:14px;padding:10px;font-weight:500;text-align:left;margin:0;line-height:1.6em;font-style:italic}.skin-1 blockquote::after,.skin-1 blockquote::before{font-family:FontAwesome;content:"\201C";position:absolute;font-size:50px;opacity:.3;font-style:normal}.skin-1 blockquote::before{top:10px;left:20px}.skin-1 blockquote::after{content:"\201D";right:20px}.skin-1 .image-wrapper{position:relative;max-width:100%}.skin-1 img{width:100px;height:auto;border-radius:50%}.skin-1 .detail-wrapper{display:flex;flex-direction:row-reverse;justify-content:space-between;padding:10px;background-color:rgba(157,163,156,.18)}.skin-1 .designation,.skin-1 .rating-wrapper,.skin-1 .title{margin:0 5px}.skin-1 .title-wrapper{display:flex;flex-direction:row}.skin-1 .rating-wrapper{color:#fecc1f}.skin-4.testimonial-wrapper{flex-direction:column;display:flex;background-color:#bfbfb6bd;min-height:300px;padding:10px 0;box-shadow:0 0 5px rgba(0,0,0,.15);color:#77778e}.skin-4 .content-wrapper{padding:10px;position:relative}.skin-4 .content-wrapper{order:2;color:#3c3c3c}.skin-4 i.after-content,.skin-4 i.before-content{position:absolute}.skin-4 i.before-content{top:10px;left:20px}.skin-4 i.after-content{bottom:10px;right:20px}.skin-4 blockquote{position:relative;font-size:14px;padding:10px;font-weight:500;text-align:left;margin:0;line-height:1.6em;font-style:italic}.skin-4 blockquote::after,.skin-4 blockquote::before{font-family:FontAwesome;content:"\201C";position:absolute;font-size:50px;opacity:.3;font-style:normal}.skin-4 blockquote::before{top:10px;left:20px}.skin-4 blockquote::after{content:"\201D";right:20px}.skin-4 .image-wrapper{position:relative;max-width:100%;text-align:center}.skin-4 img{width:100px;border-radius:50%}.skin-4 .detail-wrapper{text-align:center}.skin-2 .designation,.skin-2 .title,.skin-4 .rating-wrapper{padding:5px 0}.skin-4 .rating-wrapper{color:#690a69}.skin-4 .title{font-weight:800;color:#000}.skin-3.testimonial-wrapper{display:flex;flex-direction:row;background-color:#9c989821;box-shadow:0 0 5px rgba(0,0,0,.15);color:#000;overflow:hidden}.skin-3 .content-section{display:flex;flex-direction:column;align-self:center}.skin-3 .content-wrapper{padding:10px;position:relative}.skin-2 i.after-content,.skin-3 i.before-content{position:absolute}.skin-3 i.before-content{top:10px;left:20px}.skin-3 i.after-content{bottom:10px;right:20px}.skin-3 blockquote{position:relative;font-size:18px;padding:10px;font-weight:500;text-align:left;margin:0;line-height:1.6em;font-style:italic}.skin-3 blockquote::after,.skin-3 blockquote::before{font-family:FontAwesome;content:"\201C";position:absolute;font-size:50px;opacity:.3;font-style:normal}.skin-3 blockquote::before{top:10px;left:20px}.skin-3 blockquote::after{content:"\201D";right:20px}.skin-3 .image-wrapper{position:relative;max-width:30%;max-height:250px;text-align:center;align-self:center}.skin-3 img{width:100%}.testimonial-wrapper .skin-3 .eae-person-avatar{border-radius:50%}.skin-3 .detail-wrapper{text-align:left;padding-left:20px}.skin-3 .designation,.skin-3 .rating-wrapper,.skin-3 .title{padding:3px 0}.skin-3 .rating-wrapper{color:#800040}.skin-3 .title{font-weight:800}.eae-swiper-outer-wrapper .swiper-button-prev{-webkit-mask:url(arrow-left.svg) no-repeat 100% 100%;mask:url(arrow-left.svg) no-repeat 100% 100%;-webkit-mask-size:cover;mask-size:cover;background-image:none;background-color:#007aff;transform:translateY(-50%);margin-top:0}.eae-swiper-outer-wrapper .swiper-container-rtl .swiper-button-prev{-webkit-mask:url(arrow-right.svg) no-repeat 100% 100%;mask:url(arrow-right.svg) no-repeat 100% 100%}.eae-swiper-outer-wrapper .swiper-button-next{-webkit-mask:url(arrow-right.svg) no-repeat 100% 100%;mask:url(arrow-right.svg) no-repeat 100% 100%;-webkit-mask-size:cover;mask-size:cover;background-image:none;background-color:#007aff;transform:translateY(-50%);margin-top:0}.eae-swiper-outer-wrapper .swiper-container-rtl .swiper-button-next{-webkit-mask:url(arrow-left.svg) no-repeat 100% 100%;mask:url(arrow-left.svg) no-repeat 100% 100%}.elementor-widget-wts-testimonial-slider .eae-swiper-outer-wrapper .swiper-button-next,.elementor-widget-wts-testimonial-slider .eae-swiper-outer-wrapper .swiper-button-prev{-webkit-mask:none;mask:none;-webkit-mask-size:unset;mask-size:unset;background-image:none;background-color:unset;width:auto;height:auto;transform:translateY(-50%);margin-top:0}.swiper-container .swiper-button-next i,.swiper-container .swiper-button-prev i{width:1em;height:1em;text-align:center;position:relative}.elementor-widget-wts-testimonial-slider .eae-swiper-outer-wrapper .eae-swiper-button-wrapper{position:absolute;height:auto;line-height:0}.eae-hpos-right.eae-vpos-top .eae-swiper-button-wrapper{bottom:auto;top:0;width:auto;right:0}.eae-vpos-top.eae-hpos-left .eae-swiper-button-wrapper{bottom:auto;top:0;width:auto;left:0}.eeae-hpos-right.eae-vpos-bottom .eae-swiper-button-wrapper{bottom:0;top:auto;width:auto;right:0}.eae-vpos-bottom.eae-hpos-left .eae-swiper-button-wrapper{bottom:0;top:auto;width:auto;left:0}.eae-hpos-right.eae-vpos-middle .eae-swiper-button-wrapper{bottom:auto;top:50%;width:auto;right:0}.eae-hpos-left.eae-vpos-middle .eae-swiper-button-wrapper{bottom:auto;top:50%;width:auto;left:0}.eae-hpos-left .swiper-button-next,.eae-hpos-left .swiper-button-prev,.eae-hpos-right .swiper-button-next,.eae-hpos-right .swiper-button-prev{position:relative;display:inline-block;right:auto;left:auto}.eae-hpos-right.eae-vpos-bottom .swiper-button-next,.eae-hpos-right.eae-vpos-bottom .swiper-button-prev{top:auto;bottom:0;transform:unset}.eae-hpos-right.eae-vpos-top .swiper-button-next,.eae-hpos-right.eae-vpos-top .swiper-button-prev{top:0;bottom:auto;transform:unset}.eae-hpos-left.eae-vpos-top .swiper-button-next,.eae-hpos-left.eae-vpos-top .swiper-button-prev{top:0;bottom:auto;transform:unset}.eae-hpos-left.eae-vpos-bottom .swiper-button-next,.eae-hpos-left.eae-vpos-bottom .swiper-button-prev{top:auto;bottom:0;transform:unset}.eae-hpos-center.eae-vpos-bottom .swiper-button-next,.eae-hpos-center.eae-vpos-bottom .swiper-button-prev{top:auto;bottom:0;transform:unset}.eae-hpos-center.eae-vpos-top .swiper-button-next,.eae-hpos-center.eae-vpos-top .swiper-button-prev{top:0;bottom:auto;transform:unset}@media all and (max-width:900px){.mfp-arrow{-webkit-transform:scale(.75);transform:scale(.75)}.mfp-arrow-left{-webkit-transform-origin:0;transform-origin:0}.mfp-arrow-right{-webkit-transform-origin:100%;transform-origin:100%}.mfp-container{padding-left:6px;padding-right:6px}}.eae-info-circle{position:relative;width:90%;margin:0 auto;border-radius:50%;display:block}.eae-info-circle:before{content:'';display:block;position:absolute;top:4%;left:4%;width:92%;height:92%;border-radius:50%;z-index:1;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;pointer-events:none}.eae-info-circle:after{content:'';display:block;padding-top:100%}.eae-info-circle .eae-ic-icon-wrap{position:absolute;display:inline-block;top:50%;left:50%;z-index:2;line-height:1em;vertical-align:middle;overflow:hidden;max-width:100%}.eae-info-circle .eae-info-circle-item{position:absolute;top:0;left:0;width:100%;height:100%;display:block}.eae-info-circle .eae-info-circle-item.eae-active .eae-info-circle-item__content-wrap{visibility:visible;opacity:1;display:flex}.eae-info-circle .eae-info-circle-item__content-wrap{visibility:visible;display:none;height:91%;width:91%;opacity:0;top:50%;transform:translateY(-50%) translateX(-50%);position:absolute;left:50%;border-radius:50%;overflow:hidden;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.eae-info-circle .eae-info-circle-item__content-wrap:before{content:'';display:inline-block;height:100%;vertical-align:middle}.eae-info-circle .eae-info-circle-item__content{display:inline-block;top:50%;transform:translateY(-50%) translateX(-50%);position:absolute;left:50%;vertical-align:middle;z-index:1;max-height:100%;overflow:auto;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;text-align:center;width:75%}@media screen and (max-width:767px){.eae-info-circle.eae-info-circle .eae-info-circle-item__content-wrap:before{display:none}.eae-info-circle:after,.eae-info-circle:before{display:none}.eae-info-circle{width:100%!important}.eae-info-circle-wrapper:after,.eae-info-circle-wrapper:before{display:none}.eae-info-circle .eae-ic-icon-wrap{display:block;text-align:center;position:relative!important;left:unset!important;margin-left:0!important;margin-top:0!important;margin-bottom:10px}.eae-info-circle-item{position:relative!important;border-radius:0!important;padding:0;margin:10px 0}.eae-info-circle .eae-info-circle-item__content-wrap{visibility:visible;opacity:1!important;display:flex!important;border-radius:0!important;border:none!important;margin:0!important;padding-right:0!important;padding-left:0!important;padding-bottom:0!important;width:100%;height:auto;line-height:1.5em;position:relative;top:unset;left:unset;transform:unset}.eae-info-circle .eae-info-circle-item__content{position:relative;top:unset;left:unset;transform:unset;width:100%;padding:10px}}.eae-icon-wrap i{height:1.25em;width:1.25em;line-height:1.25em;display:block}.eae-icon-wrap i img{top:50%;left:50%;transform:translateX(-50%) translateY(-50%);position:absolute}.eae-icon{display:inline-block;text-align:center;line-height:1em;vertical-align:middle;max-width:100%;overflow:hidden;padding:10px}.eae-icon-shape-circle:not(.elementor-element){border-radius:50%}.eae-icon-view-framed:not(.elementor-element){border-width:1px;border-style:solid}.eae-icon-wrapper{display:flex}.eae-icon-wrapper .eae-icon{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);line-height:1}.eae-timeline{position:relative;display:inline-block;width:100%}.eae-timline-progress-bar{width:4px;background-color:#f45b69;top:0;bottom:50px;position:absolute;transform:translateX(-50%)}.eae-timeline-item{position:relative;display:flex;flex-direction:row;padding-bottom:50px}.eae-timeline-item:last-child{padding-bottom:0!important}.eae-tl-top .eae-timeline-item{align-items:flex-start}.eae-tl-top .eae-tl-item-content::before{top:10px}.eae-timeline-item.image-position-row .eae-tl-item-image,.eae-timeline-item.image-position-row-reverse .eae-tl-item-image{margin-top:0;margin-bottom:0}.eae-tl-item-meta-wrapper-inner{display:none}.eae-tl-bottom .eae-timeline-item{align-items:flex-end}.eae-tl-bottom .eae-tl-item-content::before{bottom:10px}.eae-tl-center .eae-timeline-item{align-items:center}.eae-tl-center .eae-tl-item-content::before{bottom:calc(50% - 5px)}.eae-layout-center .eae-timline-progress-bar{left:50%}.eae-layout-center .eae-timeline-item:nth-child(odd){flex-direction:row-reverse}.eae-layout-center .eae-timeline-item:nth-child(odd) .eae-tl-item-meta-wrapper{margin-right:0;margin-left:0;justify-content:flex-start}.eae-layout-center .eae-timeline-item:nth-child(odd) .eae-tl-content-wrapper{padding-right:20px;padding-left:0}.eae-layout-center .eae-timeline-item:nth-child(even) .eae-tl-content-wrapper{padding-right:0;padding-left:20px}.eae-layout-left .eae-tl-content-wrapper{padding-right:10px;padding-left:20px}.eae-layout-left .eae-timline-progress-bar{left:20px}.eae-layout-left .eae-tl-item-meta-wrapper{display:none}.eae-layout-left .eae-tl-item-meta-wrapper-inner{display:block}.eae-layout-right .eae-timline-progress-bar{left:calc(100% - 20px)}.eae-layout-right .eae-tl-content-wrapper{padding-right:20px;padding-left:10px}.eae-layout-right .eae-tl-icon-wrapper{order:3}.eae-layout-right .eae-tl-item-meta-wrapper{display:none}.eae-layout-right .eae-tl-item-meta-wrapper-inner{display:block}.eae-tl-item-meta-wrapper{flex-grow:1;order:0;flex-basis:50%;flex-direction:initial;justify-content:flex-end;display:flex;align-items:center;margin-right:0}.eae-tl-item-meta{padding:0 20px}.eae-tl-icon-wrapper{height:auto;width:auto;flex-grow:0;flex-shrink:0;order:1;margin-left:0;margin-right:0;min-width:10px;min-height:10px;border-radius:999px;position:relative;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center}.eae-tl-content-wrapper{flex-grow:1;order:2;flex-basis:50%;position:relative;padding-right:0;padding-left:20px}.eae-tl-item-content{background:#f4f4f4;padding:25px;overflow:hidden;text-align:center;display:flex;flex-direction:row}.eae-tl-content{display:inline-block;position:relative;padding:10px;width:100%;color:#000}.eae-timeline-item.custom-image-style-yes.image-position-row .eae-content-inner,.eae-timeline-item.custom-image-style-yes.image-position-row-reverse .eae-content-inner,.image-position-row .eae-timeline .eae-timeline-item:not(.custom-image-style-yes) .eae-content-inner,.image-position-row-reverse .eae-timeline .eae-timeline-item:not(.custom-image-style-yes) .eae-content-inner{position:relative;left:50%;top:50%;transform:translate(-50%,-50%);line-height:1;width:100%}.custom-image-style-.image-position-row .eae-content-inner,.custom-image-style-.image-position-row-reverse .eae-content-inner,.custom-image-style-no.image-position-row .eae-content-inner,.custom-image-style-no.image-position-row-reverse .eae-content-inner{left:unset;top:unset;transform:unset}.eae-tl-item-image{display:inline-block}.image-position-row .eae-tl-item-image img,.image-position-row-reverse .eae-tl-item-image img{object-fit:cover;height:100%!important}.image-position-row .eae-tl-item-image,.image-position-row-reverse .eae-tl-item-image{margin:0}.image-position-column .eae-tl-item-image{margin:auto}.custom-image-style-.image-position-column .eae-tl-item-image,.custom-image-style-no.image-position-column .eae-tl-item-image{margin:0 auto}.eae-pb-inner-line{width:100%;background-color:#3d5ac3}.eae-tl-item-content::before{content:'';position:absolute;width:0;height:0;border-style:solid;border-width:8px 16px 8px 0;border-color:transparent #f4f4f4 transparent transparent}.eae-icon-wrapper{display:flex}.elementor-widget-bpel-timeline .eae-icon-wrapper{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);line-height:1}.eae-tl-read-more{display:inline-block;padding:5px;border:2px solid #000}.image-position-row .eae-timeline.eae-timeline-alternate-yes .eae-timeline-item:nth-child(odd):not(.custom-image-style-yes) .eae-tl-item-content{flex-direction:row-reverse!important}.image-position-row-reverse .eae-timeline.eae-timeline-alternate-yes .eae-timeline-item:nth-child(odd):not(.custom-image-style-yes) .eae-tl-item-content{flex-direction:row!important}@media screen and (min-width:1024px){.eae-layout-center .eae-timeline-item:nth-child(odd) .eae-tl-item-content::before,.eae-layout-right .eae-tl-item-content::before{right:4px;border-width:8px 0 8px 16px;border-color:transparent transparent transparent #f4f4f4}.eae-layout-center .eae-timeline-item:nth-child(even) .eae-tl-item-content::before,.eae-layout-left .eae-tl-item-content::before{left:4px;border-width:8px 16px 8px 0;border-color:transparent #f4f4f4 transparent transparent}}@media screen and (max-width:1023px) and (min-width:768px){.image-position-row .eae-timeline.eae-timeline-alternate-yes .eae-timeline-item:nth-child(odd):not(.custom-image-style-yes) .eae-tl-item-content{flex-direction:row-reverse!important}.image-position-row-reverse .eae-timeline.eae-timeline-alternate-yes .eae-timeline-item:nth-child(odd):not(.custom-image-style-yes) .eae-tl-item-content{flex-direction:row!important}.eae-tl-res-style-mobile-tablet .eae-tl-item-meta-wrapper{display:none}.eae-tl-res-style-mobile-tablet .eae-tl-item-meta-wrapper-inner{display:block}.eae-tl-res-style-mobile-tablet.eae-tl-res-layout-left .eae-timeline-item{flex-direction:row!important}.eae-tl-res-style-mobile-tablet.eae-tl-res-layout-right .eae-timeline-item{flex-direction:row-reverse!important}.eae-layout-center.eae-tl-res-style-mobile-tablet.eae-tl-res-layout-left .eae-timeline-item .eae-tl-item-content::before,.eae-layout-left .eae-timeline-item .eae-tl-item-content::before,.eae-layout-left .eae-tl-item-content::before,.eae-timeline.eae-layout-center.eae-tl-res-style-mobile .eae-timeline-item:nth-child(even) .eae-tl-item-content::before{left:4px!important;border-width:8px 16px 8px 0!important;border-color:transparent #f4f4f4 transparent transparent!important}.eae-layout-center.eae-tl-res-style-mobile-tablet.eae-tl-res-layout-right .eae-timeline-item .eae-tl-item-content::before,.eae-layout-right .eae-timeline-item .eae-tl-item-content::before,.eae-layout-right .eae-tl-item-content::before,.eae-timeline.eae-layout-center.eae-tl-res-style-mobile .eae-timeline-item:nth-child(odd) .eae-tl-item-content::before,.eae-tl-res-style-mobile-tablet.eae-tl-res-layout-right .eae-timeline-item .eae-tl-item-content::before{right:4px!important;border-width:8px 0 8px 16px!important;border-color:transparent transparent transparent #f4f4f4!important}.eae-tl-res-style-mobile-tablet.eae-layout-center.eae-tl-res-layout-left .eae-timeline-item .eae-tl-content-wrapper{padding-right:0!important;padding-left:20px!important}.eae-tl-res-style-mobile-tablet.eae-layout-center.eae-tl-res-layout-right .eae-timeline-item .eae-tl-content-wrapper{padding-right:20px!important;padding-left:0!important}.eae-tl-res-style-mobile-tablet.eae-layout-center.eae-tl-res-layout-left .eae-timline-progress-bar{left:13px}.eae-tl-res-style-mobile-tablet.eae-layout-center.eae-tl-res-layout-right .eae-timline-progress-bar{left:calc(100% - 13px)}}@media screen and (max-width:767px){.eae-tl-item-meta-wrapper{display:none}.eae-tl-item-meta-wrapper-inner{display:block}.elementor-widget-bpel-timeline:not(.image-position-column) .eae-timeline .eae-tl-item-content{flex-direction:column-reverse!important}.eae-tl-item-image,.elementor-widget-bpel-timeline:not(.image-position-column) .eae-tl-content{width:100%!important}.eae-tl-res-style-mobile-tablet.eae-tl-res-layout-left .eae-timeline-item,.eae-tl-res-style-mobile.eae-tl-res-layout-left .eae-timeline-item{flex-direction:row!important}.eae-tl-res-style-mobile-tablet.eae-tl-res-layout-right .eae-timeline-item,.eae-tl-res-style-mobile.eae-tl-res-layout-right .eae-timeline-item{flex-direction:row-reverse!important}.eae-layout-left .eae-timeline-item .eae-tl-item-content::before,.eae-timeline.eae-layout-center.eae-tl-center.eae-tl-res-style-mobile-tablet.eae-tl-res-layout-left .eae-timeline-item:nth-child(odd) .eae-tl-item-content::before,.eae-timeline.eae-layout-center.eae-tl-center.eae-tl-res-style-mobile.eae-tl-res-layout-left .eae-timeline-item:nth-child(odd) .eae-tl-item-content::before,.eae-tl-res-style-mobile-tablet.eae-tl-res-layout-left .eae-timeline-item .eae-tl-item-content::before,.eae-tl-res-style-mobile.eae-tl-res-layout-left .eae-timeline-item .eae-tl-item-content::before{left:4px!important;border-width:8px 16px 8px 0!important;border-color:transparent #f4f4f4 transparent transparent!important}.eae-layout-right .eae-timeline-item .eae-tl-item-content::before,.eae-tl-res-style-mobile-tablet.eae-tl-res-layout-right .eae-timeline-item .eae-tl-item-content::before,.eae-tl-res-style-mobile.eae-tl-res-layout-right .eae-timeline-item .eae-tl-item-content::before{right:4px!important;border-width:8px 0 8px 16px!important;border-color:transparent transparent transparent #f4f4f4!important}.eae-tl-res-style-mobile-tablet.eae-layout-center.eae-tl-res-layout-left .eae-timeline-item .eae-tl-content-wrapper,.eae-tl-res-style-mobile.eae-layout-center.eae-tl-res-layout-left .eae-timeline-item .eae-tl-content-wrapper{padding-right:0!important;padding-left:20px!important}.eae-tl-res-style-mobile-tablet.eae-layout-center.eae-tl-res-layout-right .eae-timeline-item .eae-tl-content-wrapper,.eae-tl-res-style-mobile.eae-layout-center.eae-tl-res-layout-right .eae-timeline-item .eae-tl-content-wrapper{padding-right:20px!important;padding-left:0!important}.eae-tl-res-style-mobile-tablet.eae-layout-center.eae-tl-res-layout-left .eae-timline-progress-bar,.eae-tl-res-style-mobile.eae-layout-center.eae-tl-res-layout-left .eae-timline-progress-bar{left:13px}.eae-tl-res-style-mobile-tablet.eae-layout-center.eae-tl-res-layout-right .eae-timline-progress-bar,.eae-tl-res-style-mobile.eae-layout-center.eae-tl-res-layout-right .eae-timline-progress-bar{left:calc(100% - 13px)}}[data-element_type="eae-evergreen-timer.skin1"] .eae-evergreen-wrapper{display:block;text-align:center}[data-element_type="eae-evergreen-timer.skin1"] #eaeclockdiv{font-family:sans-serif;color:#fff;display:inline-block;font-weight:100;text-align:center;font-size:30px}[data-element_type="eae-evergreen-timer.skin1"] .eae-time-wrapper{padding:10px;border-radius:3px;background:#00bf96;display:inline-block;overflow:hidden}[data-element_type="eae-evergreen-timer.skin1"] #eaeclockdiv div>span{padding:15px;width:100%;background:#00816a;display:inline-block}[data-element_type="eae-evergreen-timer.skin1"] .smalltext{padding:7px;font-size:16px}[data-element_type="eae-evergreen-timer.skin1"] .eae-egt-hide{display:none}.eae-egt-message{display:none}@media screen and (max-width:767px){[data-element_type="eae-evergreen-timer.skin1"] #eaeclockdiv div>span{padding:5px}[data-element_type="eae-evergreen-timer.skin1"] .eae-time-wrapper{padding:5px}}[data-element_type="eae-evergreen-timer.skin2"] .eae-flip-clock-wrapper *{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;-o-box-sizing:border-box;box-sizing:border-box;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-o-backface-visibility:hidden;backface-visibility:hidden}[data-element_type="eae-evergreen-timer.skin2"] .eae-evergreen-wrapper{display:inline-block;width:100%;text-align:center;margin:auto}[data-element_type="eae-evergreen-timer.skin2"] .timer-container{display:inline-block}[data-element_type="eae-evergreen-timer.skin2"] .eae-flip-clock-wrapper a{cursor:pointer;text-decoration:none;color:#ccc}[data-element_type="eae-evergreen-timer.skin2"] .eae-flip-clock-wrapper a:hover{color:#fff}[data-element_type="eae-evergreen-timer.skin2"] .eae-flip-clock-wrapper ul{list-style:none}[data-element_type="eae-evergreen-timer.skin2"] .eae-flip-clock-wrapper.clearfix:after,[data-element_type="eae-evergreen-timer.skin2"] .eae-flip-clock-wrapper.clearfix:before{content:" ";display:table}[data-element_type="eae-evergreen-timer.skin2"] .eae-flip-clock-wrapper.clearfix:after{clear:both}[data-element_type="eae-evergreen-timer.skin2"] .eae-flip-clock-wrapper{font:normal 11px "Helvetica Neue",Helvetica,sans-serif;-webkit-user-select:none}[data-element_type="eae-evergreen-timer.skin2"] .flip-clock-meridium{background:0 0!important;box-shadow:0 0 0!important;font-size:36px!important}[data-element_type="eae-evergreen-timer.skin2"] .flip-clock-meridium a{color:#313333}[data-element_type="eae-evergreen-timer.skin2"] .eae-flip-clock-wrapper{text-align:center;position:relative;width:100%;margin:1em}[data-element_type="eae-evergreen-timer.skin2"] .eae-flip-clock-wrapper:after,[data-element_type="eae-evergreen-timer.skin2"] .eae-flip-clock-wrapper:before{content:" ";display:table}[data-element_type="eae-evergreen-timer.skin2"] .eae-flip-clock-wrapper:after{clear:both}[data-element_type="eae-evergreen-timer.skin2"] .eae-flip-clock-wrapper ul{position:relative;float:left;margin:5px;width:60px;height:90px;font-size:80px;font-weight:700;line-height:87px;border-radius:6px;background:#000}[data-element_type="eae-evergreen-timer.skin2"] .eae-flip-clock-wrapper ul li{z-index:1;position:absolute;left:0;top:0;width:100%;height:100%;line-height:87px;text-decoration:none!important}[data-element_type="eae-evergreen-timer.skin2"] .eae-flip-clock-wrapper ul li:first-child{z-index:2}[data-element_type="eae-evergreen-timer.skin2"] .eae-flip-clock-wrapper ul li a{display:block;height:100%;-webkit-perspective:200px;-moz-perspective:200px;perspective:200px;margin:0!important;overflow:visible!important;cursor:default!important}[data-element_type="eae-evergreen-timer.skin2"] .eae-flip-clock-wrapper ul li a div{z-index:1;position:absolute;left:0;width:100%;height:50%;font-size:80px;overflow:hidden;outline:1px solid transparent}[data-element_type="eae-evergreen-timer.skin2"] .eae-flip-clock-wrapper ul li a div .shadow{position:absolute;width:100%;height:100%;z-index:2}[data-element_type="eae-evergreen-timer.skin2"] .eae-flip-clock-wrapper ul li a div.up{-webkit-transform-origin:50% 100%;-moz-transform-origin:50% 100%;-ms-transform-origin:50% 100%;-o-transform-origin:50% 100%;transform-origin:50% 100%;top:0}[data-element_type="eae-evergreen-timer.skin2"] .eae-flip-clock-wrapper ul li a div.up:after{content:"";position:absolute;top:44px;left:0;z-index:5;width:100%;height:3px;background-color:#000;background-color:rgba(0,0,0,.4)}[data-element_type="eae-evergreen-timer.skin2"] .eae-flip-clock-wrapper ul li a div.down{-webkit-transform-origin:50% 0;-moz-transform-origin:50% 0;-ms-transform-origin:50% 0;-o-transform-origin:50% 0;transform-origin:50% 0;bottom:0;border-bottom-left-radius:6px;border-bottom-right-radius:6px}[data-element_type="eae-evergreen-timer.skin2"] .eae-flip-clock-wrapper ul li a div div.inn{position:absolute;left:0;z-index:1;width:100%;height:200%;color:#ccc;text-shadow:0 1px 2px #000;text-align:center;background-color:#333;border-radius:6px;font-size:70px}[data-element_type="eae-evergreen-timer.skin2"] .eae-flip-clock-wrapper ul li a div.up div.inn{top:0}[data-element_type="eae-evergreen-timer.skin2"] .eae-flip-clock-wrapper ul li a div.down div.inn{bottom:0}[data-element_type="eae-evergreen-timer.skin2"] .eae-flip-clock-wrapper ul.play li.flip-clock-before{z-index:3}[data-element_type="eae-evergreen-timer.skin2"] .eae-flip-clock-wrapper .flip{box-shadow:0 2px 5px rgba(0,0,0,.7)}[data-element_type="eae-evergreen-timer.skin2"] .eae-flip-clock-wrapper ul.play li.flip-clock-active{-webkit-animation:asd 10ms .49s linear both;-moz-animation:asd 10ms .49s linear both;animation:asd 10ms .49s linear both;z-index:5}[data-element_type="eae-evergreen-timer.skin2"] .flip-clock-divider{float:left;display:inline-block;position:relative;width:20px;height:100px}[data-element_type="eae-evergreen-timer.skin2"] .flip-clock-divider:first-child{width:0}[data-element_type="eae-evergreen-timer.skin2"] .flip-clock-dot{display:block;background:#323434;width:10px;height:10px;position:absolute;border-radius:50%;box-shadow:0 0 5px rgba(0,0,0,.5);left:5px}[data-element_type="eae-evergreen-timer.skin2"] .flip-clock-divider .flip-clock-label{position:absolute;top:-1.5em;right:-86px;color:#000;text-shadow:none}[data-element_type="eae-evergreen-timer.skin2"] .flip-clock-divider.minutes .flip-clock-label{right:-88px}[data-element_type="eae-evergreen-timer.skin2"] .flip-clock-divider.seconds .flip-clock-label{right:-91px}[data-element_type="eae-evergreen-timer.skin2"] .flip-clock-dot.top{top:30%}[data-element_type="eae-evergreen-timer.skin2"] .flip-clock-dot.bottom{bottom:30%}@-webkit-keyframes asd{0%{z-index:2}100%{z-index:4}}@-moz-keyframes asd{0%{z-index:2}100%{z-index:4}}@-o-keyframes asd{0%{z-index:2}100%{z-index:4}}@keyframes asd{0%{z-index:2}100%{z-index:4}}[data-element_type="eae-evergreen-timer.skin2"] .eae-flip-clock-wrapper ul.play li.flip-clock-active .down{z-index:2;-webkit-animation:turn .5s .5s linear both;-moz-animation:turn .5s .5s linear both;animation:turn .5s .5s linear both}@-webkit-keyframes turn{0%{-webkit-transform:rotateX(90deg)}100%{-webkit-transform:rotateX(0)}}@-moz-keyframes turn{0%{-moz-transform:rotateX(90deg)}100%{-moz-transform:rotateX(0)}}@-o-keyframes turn{0%{-o-transform:rotateX(90deg)}100%{-o-transform:rotateX(0)}}@keyframes turn{0%{transform:rotateX(90deg)}100%{transform:rotateX(0)}}[data-element_type="eae-evergreen-timer.skin2"] .eae-flip-clock-wrapper ul.play li.flip-clock-before .up{z-index:2;-webkit-animation:turn2 .5s linear both;-moz-animation:turn2 .5s linear both;animation:turn2 .5s linear both}@-webkit-keyframes turn2{0%{-webkit-transform:rotateX(0)}100%{-webkit-transform:rotateX(-90deg)}}@-moz-keyframes turn2{0%{-moz-transform:rotateX(0)}100%{-moz-transform:rotateX(-90deg)}}@-o-keyframes turn2{0%{-o-transform:rotateX(0)}100%{-o-transform:rotateX(-90deg)}}@keyframes turn2{0%{transform:rotateX(0)}100%{transform:rotateX(-90deg)}}[data-element_type="eae-evergreen-timer.skin2"] .eae-flip-clock-wrapper ul li.flip-clock-active{z-index:3}[data-element_type="eae-evergreen-timer.skin2"] .eae-flip-clock-wrapper ul.play li.flip-clock-before .up .shadow{background:-moz-linear-gradient(top,rgba(0,0,0,.1) 0,#000 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0,rgba(0,0,0,.1)),color-stop(100%,#000));background:linear,top,rgba(0,0,0,.1) 0,#000 100%;background:-o-linear-gradient(top,rgba(0,0,0,.1) 0,#000 100%);background:-ms-linear-gradient(top,rgba(0,0,0,.1) 0,#000 100%);background:linear,to bottom,rgba(0,0,0,.1) 0,#000 100%;-webkit-animation:show .5s linear both;-moz-animation:show .5s linear both;animation:show .5s linear both}[data-element_type="eae-evergreen-timer.skin2"] .eae-flip-clock-wrapper ul.play li.flip-clock-active .up .shadow{background:-moz-linear-gradient(top,rgba(0,0,0,.1) 0,#000 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0,rgba(0,0,0,.1)),color-stop(100%,#000));background:linear,top,rgba(0,0,0,.1) 0,#000 100%;background:-o-linear-gradient(top,rgba(0,0,0,.1) 0,#000 100%);background:-ms-linear-gradient(top,rgba(0,0,0,.1) 0,#000 100%);background:linear,to bottom,rgba(0,0,0,.1) 0,#000 100%;-webkit-animation:hide .5s .3s linear both;-moz-animation:hide .5s .3s linear both;animation:hide .5s .3s linear both}[data-element_type="eae-evergreen-timer.skin2"] .eae-flip-clock-wrapper ul.play li.flip-clock-before .down .shadow{background:-moz-linear-gradient(top,#000 0,rgba(0,0,0,.1) 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0,#000),color-stop(100%,rgba(0,0,0,.1)));background:linear,top,#000 0,rgba(0,0,0,.1) 100%;background:-o-linear-gradient(top,#000 0,rgba(0,0,0,.1) 100%);background:-ms-linear-gradient(top,#000 0,rgba(0,0,0,.1) 100%);background:linear,to bottom,#000 0,rgba(0,0,0,.1) 100%;-webkit-animation:show .5s linear both;-moz-animation:show .5s linear both;animation:show .5s linear both}[data-element_type="eae-evergreen-timer.skin2"] .eae-flip-clock-wrapper ul.play li.flip-clock-active .down .shadow{background:-moz-linear-gradient(top,#000 0,rgba(0,0,0,.1) 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0,#000),color-stop(100%,rgba(0,0,0,.1)));background:linear,top,#000 0,rgba(0,0,0,.1) 100%;background:-o-linear-gradient(top,#000 0,rgba(0,0,0,.1) 100%);background:-ms-linear-gradient(top,#000 0,rgba(0,0,0,.1) 100%);background:linear,to bottom,#000 0,rgba(0,0,0,.1) 100%;-webkit-animation:hide .5s .3s linear both;-moz-animation:hide .5s .3s linear both;animation:hide .5s .2s linear both}@-webkit-keyframes show{0%{opacity:0}100%{opacity:1}}@-moz-keyframes show{0%{opacity:0}100%{opacity:1}}@-o-keyframes show{0%{opacity:0}100%{opacity:1}}@keyframes show{0%{opacity:0}100%{opacity:1}}@-webkit-keyframes hide{0%{opacity:1}100%{opacity:0}}@-moz-keyframes hide{0%{opacity:1}100%{opacity:0}}@-o-keyframes hide{0%{opacity:1}100%{opacity:0}}@keyframes hide{0%{opacity:1}100%{opacity:0}}@media screen and (max-width:767px){[data-element_type="eae-evergreen-timer.skin2"] .flip-clock-divider{width:15px}[data-element_type="eae-evergreen-timer.skin2"] .flip-clock-dot{height:5px;width:5px}[data-element_type="eae-evergreen-timer.skin2"] .eae-flip-clock-wrapper ul{height:40px}[data-element_type="eae-evergreen-timer.skin2"] .flip-clock-divider{height:50px}[data-element_type="eae-evergreen-timer.skin2"] .eae-flip-clock-wrapper ul li{line-height:37px}[data-element_type="eae-evergreen-timer.skin2"] .eae-flip-clock-wrapper ul li a div div.inn{font-size:24px}[data-element_type="eae-evergreen-timer.skin2"] .eae-flip-clock-wrapper ul{margin:2px}}[data-element_type="eae-evergreen-timer.skin3"] #timer{font-family:sans-serif;color:#fff;display:inline-block;font-weight:100;text-align:center;font-size:30px}[data-element_type="eae-evergreen-timer.skin3"] .desc{display:flex;justify-content:center}[data-element_type="eae-evergreen-timer.skin3"].eae-egt-content-align-right .desc{justify-content:flex-end}[data-element_type="eae-evergreen-timer.skin3"].eae-egt-content-align-left .desc{justify-content:flex-start}[data-element_type="eae-evergreen-timer.skin3"] .desc .egt-time-text{display:inline-block;padding:0 50px 0 50px}[data-element_type="eae-evergreen-timer.skin3"] .eae-time-wrapper{padding:50px;border-radius:3px;background:#00bf96;display:inline-block;overflow:hidden;margin:5px;line-height:1em}[data-element_type="eae-evergreen-timer.skin3"] #timer span:nth-child(1){background:khaki}[data-element_type="eae-evergreen-timer.skin3"] #timer span:nth-child(2){background:#cd5c5c}[data-element_type="eae-evergreen-timer.skin3"] #timer span:nth-child(3){background:#5f9ea0}[data-element_type="eae-evergreen-timer.skin3"] #timer span:nth-child(4){background:#6495ed}[data-element_type="eae-evergreen-timer.skin3"] .fade{animation:flip .7s ease forwards}@keyframes flip{0%{transform:rotateY(0) scaleY(1.1);opacity:.5}50%{transform:rotateY(180deg) scaleY(1.3);opacity:0}100%{transform:rotateY(0);opacity:1}}@media screen and (max-width:767px){[data-element_type="eae-evergreen-timer.skin3"] #timer span{font-size:22px}[data-element_type="eae-evergreen-timer.skin2"] .flip-clock-divider .flip-clock-label{top:-1.5em;right:-42px}[data-element_type="eae-evergreen-timer.skin2"] .flip-clock-divider.minutes .flip-clock-label{right:-48px}[data-element_type="eae-evergreen-timer.skin2"] .flip-clock-divider.seconds .flip-clock-label{right:-51px}}[data-element_type="eae-evergreen-timer.skin4"] .eae-evergreen-wrapper{width:100%}[data-element_type="eae-evergreen-timer.skin4"] .container{margin:0 auto}[data-element_type="eae-evergreen-timer.skin4"] .special{position:relative;width:840px;height:47px}[data-element_type="eae-evergreen-timer.skin4"] #counter{position:absolute;z-index:4000}[data-element_type="eae-evergreen-timer.skin4"] .digit-separator{position:relative;float:left;width:17px;height:44px;overflow:hidden;background-image:url(../digit-sep-svg.svg);background-repeat:no-repeat;background-position:0 0;background-color:#4054b2}[data-element_type="eae-evergreen-timer.skin4"] .digit{background-image:url(../digits-svg-alpha.svg);background-color:#4054b2}.eae-ct-wrapper *{box-sizing:border-box;margin:0;outline:0}article.eae-ct-wrapper{width:100%;max-width:1000px;margin:0 auto;position:relative}.eae-ct-wrapper th{position:relative}.eae-ct-wrapper ul{display:none;top:0;z-index:10;padding-bottom:14px}.eae-ct-wrapper li{list-style:none;flex:1;position:relative}.eae-ct-wrapper li:hover{cursor:pointer}.eae-ct-wrapper .eae-ct-heading{width:100%;padding:10px;background:#fff;font-size:20px;font-weight:700;height:60px;color:#999;text-align:center}.eae-ct-wrapper li.eae-ct-heading .eae-ct-heading-inner{position:absolute;align-self:center;top:50%;left:50%;transform:translate(-50%,-50%);width:100%}.eae-ct-wrapper li.eae-ct-heading.active{background:#f5f5f5}.eae-ct-wrapper table{border-collapse:collapse;table-layout:fixed;width:100%}.eae-ct-wrapper th{background:#f5f5f5;display:none}.eae-ct-wrapper td,.eae-ct-wrapper th{height:53px;vertical-align:middle}.eae-ct-wrapper table{border:none}.eae-ct-wrapper table tr td:first-child,.eae-ct-wrapper table tr td:last-child,.eae-ct-wrapper td,.eae-ct-wrapper th{border:1px solid #ddd;padding:10px;empty-cells:show}.eae-ct-wrapper td,.eae-ct-wrapper th{text-align:left}.eae-ct-wrapper td+td,.eae-ct-wrapper th+th{text-align:center}.eae-ct-wrapper tr:first-child{background:0 0!important}.eae-ct-wrapper ul li:nth-child(1){display:table-cell}.eae-ct-wrapper tr td:nth-child(2){display:table-cell}.eae-ct-wrapper td:nth-child(1){display:table-cell}.eae-ct-wrapper td{display:none}.eae-ct-wrapper .sep{background:#f5f5f5;font-weight:700}.eae-ct-price-wrapper{display:flex;justify-content:center}.eae-ct-tt-type-icon .eae-ct-feature .tooltip{float:right}.eae-ct-wrapper .tooltiptext::before{content:'';border-width:5px 5px 0 5px;border-color:#fff;border-left-color:transparent;border-right-color:transparent;border-bottom-color:transparent;bottom:-10px;width:0;height:0;border-style:solid;position:absolute;margin:5px;left:42%}.eae-ct-wrapper .eae-ct-price{font-size:28px;font-weight:700;line-height:1em}.eae-ct-wrapper .eae-ct-currency{align-self:flex-start;margin-right:3px}.eae-ct-wrapper .eae-ct-fractional-price{align-self:flex-start;margin-left:3px}.eae-ct-wrapper .eae-ct-duration{align-self:flex-start}.eae-ct-wrapper .eae-ct-original-price{margin-right:5px;text-decoration:line-through;align-self:flex-end}.eae-ct-wrapper .tick{font-size:18px;color:#2ca01c}.eae-ct-wrapper .hide{border:0!important;background:0 0}.eae-ct-ribbons-yes .eae-ct-ribbons-wrapper{position:absolute;top:0;width:100px;overflow:hidden;height:100px;z-index:998;padding:8px 12px}.eae-ct-ribbons-h-top.eae-ct-ribbons-yes .eae-ct-ribbons-wrapper{position:absolute;top:0;width:100%;overflow:hidden;height:50px;z-index:999;padding:8px 12px}.eae-ct-ribbons-h-top.eae-ct-ribbons-yes .eae-ct-ribbons-wrapper-top{background-color:rgba(63,195,135,.8);color:#fff;transform:translateY(-100%);position:absolute;width:100%;top:0;left:0}.eae-ct-ribbons-h-left.eae-ct-ribbons-yes .eae-ct-ribbons-wrapper{-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);left:0;right:auto}.eae-ct-ribbons-h-right.eae-ct-ribbons-yes .eae-ct-ribbons-wrapper{-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(90deg);left:auto;right:0}.eae-ct-ribbons-yes .eae-ct-ribbons-wrapper span.eae-ct-ribbons-inner{position:absolute;text-align:center;left:0;top:0;width:200%;-webkit-transform:translateY(-50%) translateX(-50%) translateX(35px) rotate(-45deg);-ms-transform:translateY(-50%) translateX(-50%) translateX(35px) rotate(-45deg);transform:translateY(-50%) translateX(-50%) translateX(35px) rotate(-45deg);margin-top:35px;font-size:13px;line-height:2;font-weight:800;text-transform:uppercase;background:rgba(63,195,135,.8);padding:8px 12px;color:#fff}.eae-ct-wrapper .tooltip{position:relative;display:inline-block}.eae-ct-wrapper .tooltip .tooltiptext{visibility:hidden;min-width:120px;background-color:#000;color:#fff;text-align:center;border-radius:6px;padding:5px 0;position:absolute;z-index:1;bottom:120%;left:50%;margin-left:-60px}.eae-ct-wrapper .tooltip:hover .tooltiptext{visibility:visible}.eae-ct-heading-tooltip{text-decoration-line:underline;text-decoration-style:dotted}.eae-ct-btn{padding:10px 15px 10px 15px;color:#fff;display:inline-block;line-height:1em}.eae-ct-btn:hover{color:#fff}.eae-ct-wrapper i.fa.fa-check{color:#38f146}.eae-ct-wrapper i.fa.fa-close{color:red}.eae-ct-wrapper tr:last-child td:first-child{background:0 0!important;border:none!important}.eae-ct-wrapper tr:last-child{background:0 0!important}@media (min-width:767px){.eae-ct-wrapper td,.eae-ct-wrapper th{width:330px}.eae-ct-wrapper td+td,.eae-ct-wrapper th+th{width:auto}}.eae-tab-format-all .eae-ct-wrapper ul{display:flex}@media (min-width:1023px){.eae-tab-format-mobile .eae-ct-wrapper td,.eae-tab-format-mobile .eae-ct-wrapper th,.eae-tab-format-tab-mob .eae-ct-wrapper td,.eae-tab-format-tab-mob .eae-ct-wrapper th{display:table-cell!important}}@media (max-width:1023px){.eae-tab-format-tab-mob .eae-ct-wrapper ul{display:flex}.eae-tab-format-all .eae-ct-wrapper td+td,.eae-tab-format-all .eae-ct-wrapper th+th{display:none}}@media (max-width:1023px) and (min-width:768px){.eae-tab-format-mobile .eae-ct-wrapper td,.eae-tab-format-mobile .eae-ct-wrapper th{display:table-cell!important}}@media (max-width:767px){.eae-tab-format-mobile .eae-ct-wrapper ul{display:flex}}.eae-progress-bar-wrapper{display:flex;flex-direction:column;align-items:flex-start;margin:15px 0}.eae-progress-bar-wrapper.eae-progress-bar{width:100%;position:relative;box-sizing:border-box}.eae-pb-bar,.eae-pb-bar-inner,.eae-pb-bar-skill,.eae-pb-bar-value{box-sizing:border-box}.eae-pb-bar{position:relative;height:100%;width:100%;overflow:hidden}.eae-pb-bar--no-overflow{overflow:visible}.eae-pb-bar-inner{position:absolute;top:0;left:0;height:100%;-webkit-transform:scaleX(0);transform:scaleX(0);-webkit-transform-origin:left center;transform-origin:left center}.eae-pb-bar-inner.js-animated{transition-property:all;transition-duration:1.5s;transition-timing-function:cubic-bezier(.1,1.14,.31,1.06);transition-delay:1.5s;-webkit-transform:scaleX(1);transform:scaleX(1)}.eae-pb-bar-skill,.eae-pb-bar-value{font-size:14px;letter-spacing:1px}.eae-pb-bar-value--aligned-value{-webkit-transform:translateX(-50%);transform:translateX(-50%)}.eae-progress-bar-skin1{height:20px;padding:4px;border:1px solid #ddd;border-radius:20px}.eae-pb-bar-skin1{border-radius:20px}.eae-pb-bar-inner-skin1{background-color:#00bfb3;background-size:200%;background-position:0 0;border-radius:20px}.eae-pb-bar-skill-skin1{position:absolute;bottom:20px;left:0;opacity:0}.eae-pb-bar-skill-skin1.js-animated{transition-property:all;transition-duration:.5s;transition-timing-function:linear;transition-delay:.5s;left:0;opacity:1}.eae-pb-bar-value-skin1{position:absolute;bottom:20px;opacity:1;right:0}.eae-pb-bar-value-skin1.js-animated{transition-property:all;transition-duration:.5s;transition-timing-function:linear;transition-delay:.5s;right:0;opacity:1}.eae-progress-bar-skin2{height:15px;box-shadow:0 2px 2px 0 rgba(0,0,0,.14),0 3px 1px -2px rgba(0,0,0,.12),0 1px 5px 0 rgba(0,0,0,.2);border-radius:3px}@-webkit-keyframes progress-2-bg-animation{0%{background-position:0 0,0 0}100%{background-position:0 0,42px 0}}@keyframes progress-2-bg-animation{0%{background-position:0 0,0 0}100%{background-position:0 0,42px 0}}.eae-pb-bar-inner-skin2{background-image:linear-gradient(to top,rgba(255,255,255,.15),rgba(0,0,0,.2)),linear-gradient(135deg,#5eeb5b,#5eeb5b 33%,#358600 33%,#358600 66%,#5eeb5b 66%);background-size:100% 100%,42px 100%;background-position:0 0,0 0;border-radius:3px}.eae-pb-bar-inner-skin2.js-animated{-webkit-animation:progress-2-bg-animation 1.5s linear 0s infinite;animation:progress-2-bg-animation 1.5s linear 0s infinite}.eae-pb-bar-skill-skin2{position:absolute;left:0;opacity:0}.eae-pb-bar-skill-skin2.js-animated{transition-property:all;transition-duration:.5s;transition-timing-function:linear;transition-delay:.5s;bottom:20px;opacity:1}.eae-pb-bar-value-skin2{position:absolute;right:0;opacity:0}.eae-pb-bar-value-skin2.js-animated{transition-property:all;transition-duration:.5s;transition-timing-function:linear;transition-delay:.5s;bottom:20px;opacity:1}.eae-progress-bar-skin3{height:5px;background-color:#efefef}.eae-pb-bar-inner-skin3,.eae-pb-bar-value-skin3{background-color:#f40076}.eae-pb-bar-inner:after,.eae-pb-bar-value-skin3:after{border-top-color:#f40076}.eae-pb-bar-skill-skin3{position:absolute;bottom:10px;left:-10px;opacity:0}.eae-pb-bar-skill-skin3.js-animated{transition-property:all;transition-duration:.5s;transition-timing-function:linear;transition-delay:.5s;left:0;opacity:1}.eae-pb-bar-value-skin3{position:absolute;display:inline-block;padding:0 8px;font-size:14px;color:#fff;opacity:0}.eae-pb-bar-value-skin3:after{position:absolute;left:50%;bottom:-10px;display:block;width:0;height:0;content:'';-webkit-transform:translateX(-50%);transform:translateX(-50%);border-width:5px;border-style:solid;border-color:#f40076 transparent transparent transparent}.eae-pb-bar-inner-skin3.js-animated{transition-property:all;transition-duration:1.5s;transition-timing-function:cubic-bezier(.1,1.14,.31,1.06);transition-delay:1.5s;-webkit-transform:scaleX(1);transform:scaleX(1)}.eae-pb-bar-value-skin3.js-animated{transition-property:all;transition-duration:1.5s;transition-timing-function:cubic-bezier(.1,1.14,.31,1.06);transition-delay:2s;bottom:14px;opacity:1}.eae-progress-bar-skin4{height:3px;background-color:#efefef}.eae-pb-bar-inner-skin4{background-color:#000}.eae-pb-bar-inner-skin4:after{position:absolute;top:50%;right:0;display:block;width:8px;height:8px;content:'';-webkit-transform:translateY(-50%);transform:translateY(-50%);background-color:#000;border-radius:50%}.eae-pb-bar-value-skin4{position:absolute;bottom:2px;font-size:14px;opacity:0}.eae-pb-bar-value-skin4.js-animated{transition-property:all;transition-duration:1.5s;transition-timing-function:linear;transition-delay:1.5s;opacity:1}.eae-pb-bar-skill-skin4{position:absolute;bottom:2px;left:-20px;opacity:0}.eae-pb-bar-skill-skin4.js-animated{transition-property:all;transition-duration:.5s;transition-timing-function:linear;transition-delay:.5s;left:0;opacity:1}.eae-progress-bar-skin5{height:30px;background-color:#f7f7f7}.eae-pb-bar-inner-skin5{background-color:#57b8ff}.eae-pb-bar-skill-skin5{position:absolute;top:50%;left:10px;color:#fff;-webkit-transform:translateY(-50%);transform:translateY(-50%);opacity:0}.eae-pb-bar-skill-skin5.js-animated{transition-property:all;transition-duration:.5s;transition-timing-function:linear;transition-delay:.5s;opacity:1}.eae-pb-bar-value-skin5{position:absolute;top:50%;color:#fff;-webkit-transform:translateX(-100%) translateX(-10px) translateY(-50%);transform:translateX(-100%) translateX(-10px) translateY(-50%);opacity:0;z-index:10}.eae-pb-bar-value-skin5.js-animated{transition-property:all;transition-duration:1.5s;transition-timing-function:linear;transition-delay:1.5s;opacity:1}.eae-dual-button-wrapper.button-style-horizontal{display:flex;flex-direction:row;position:relative}.eae-dual-button-main-wrapper{display:flex;flex-direction:row;justify-content:center}.eae-dual-button-wrapper a{min-width:200px}.eae-dual-button-wrapper.button-style-vertical{display:inline-flex;flex-direction:column;position:relative}.eae-button-1.icon-before,.eae-button-2.icon-before{display:flex;flex-direction:row}.eae-button-1.icon-after,.eae-button-2.icon-after{display:flex;flex-direction:row-reverse}.eae-button-1-wrapper .eae-button-1,.eae-button-2-wrapper .eae-button-2{color:#000}.eae-button-1-wrapper:hover .eae-button-1,.eae-button-2-wrapper:hover .eae-button-2{color:#000}.eae-dual-button-wrapper.button-style-vertical .eae-button-1.icon-after,.eae-dual-button-wrapper.button-style-vertical .eae-button-1.icon-before,.eae-dual-button-wrapper.button-style-vertical .eae-button-2.icon-after,.eae-dual-button-wrapper.button-style-vertical .eae-button-2.icon-before{justify-content:center}.eae-button-1.icon-up,.eae-button-2.icon-up{display:flex;flex-direction:column;text-align:center}.eae-button-1.icon-down,.eae-button-2.icon-down{display:flex;flex-direction:column-reverse;text-align:center}.eae-button-1-wrapper{background:#ffb6c1;display:flex;justify-content:center;width:100%}.eae-button-2-wrapper{background:orange;display:flex;justify-content:center;width:100%}.eae-button-1.icon-up .icon-wrapper,.eae-button-2.icon-down .icon-wrapper,.eae-button-2.icon-up .icon-wrapper{text-align:center}.eae-button-1.icon-up .eae-button-text,.eae-button-2.icon-down .eae-button-text,.eae-button-2.icon-up .eae-button-text{text-align:center}.eae-button-1.icon-after i,.eae-button-1.icon-before i,.eae-button-2.icon-after i,.eae-button-2.icon-before i{align-self:center;margin:0 10px}.eae-button-1.icon-down i,.eae-button-1.icon-up i,.eae-button-2.icon-down i,.eae-button-2.icon-up i{align-self:center;margin:5px 0}.eae-dual-button-wrapper.button-style-horizontal .eae-button-1-wrapper,.eae-dual-button-wrapper.button-style-horizontal .eae-button-2-wrapper{padding:12px 20px}.eae-dual-button-wrapper.button-style-vertical .eae-button-1-wrapper,.eae-dual-button-wrapper.button-style-vertical .eae-button-2-wrapper{padding:20px 30px}.eae-button1,.eae-button2{position:relative;display:flex}.eae-dual-button-wrapper.button-style-vertical .eae-button1{display:flex;flex-direction:column}.eae-button-separator-wrapper .eae-button-separator{width:40px;height:40px;line-height:40px;border-radius:50%;z-index:1;box-shadow:0 0 0 6px rgba(255,255,255,.2);background:#fafaf8;color:#444;text-transform:uppercase;text-align:center;vertical-align:middle;font-weight:400;font-size:14px;position:absolute;transform:translateY(-50%)}.eae-button-separator span{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}.eae-sweep-right{vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px transparent;position:relative;-webkit-transition-property:color;transition-property:color;-webkit-transition-duration:.3s;transition-duration:.3s}.eae-sweep-right:before{content:"";position:absolute;z-index:-1;top:0;left:0;right:0;bottom:0;background:#2098d1;-webkit-transform:scaleX(0);transform:scaleX(0);-webkit-transform-origin:0 50%;transform-origin:0 50%;-webkit-transition-property:transform;transition-property:transform;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}.eae-sweep-right:active,.eae-sweep-right:focus,.eae-sweep-right:hover{color:#fff}.eae-sweep-right:active:before,.eae-sweep-right:focus:before,.eae-sweep-right:hover:before{-webkit-transform:scaleX(1);transform:scaleX(1)}.eae-sweep-left{vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px transparent;position:relative;-webkit-transition-property:color;transition-property:color;-webkit-transition-duration:.3s;transition-duration:.3s}.eae-sweep-left:before{content:"";position:absolute;z-index:-1;top:0;left:0;right:0;bottom:0;background:#2098d1;-webkit-transform:scaleX(0);transform:scaleX(0);-webkit-transform-origin:100% 50%;transform-origin:100% 50%;-webkit-transition-property:transform;transition-property:transform;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}.eae-sweep-left:active,.eae-sweep-left:focus,.eae-sweep-left:hover{color:#fff}.eae-sweep-left:active:before,.eae-sweep-left:focus:before,.eae-sweep-left:hover:before{-webkit-transform:scaleX(1);transform:scaleX(1)}.eae-sweep-bottom{vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px transparent;position:relative;-webkit-transition-property:color;transition-property:color;-webkit-transition-duration:.3s;transition-duration:.3s}.eae-sweep-bottom:before{content:"";position:absolute;z-index:-1;top:0;left:0;right:0;bottom:0;background:#2098d1;-webkit-transform:scaleY(0);transform:scaleY(0);-webkit-transform-origin:50% 0;transform-origin:50% 0;-webkit-transition-property:transform;transition-property:transform;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}.eae-sweep-bottom:active,.eae-sweep-bottom:focus,.eae-sweep-bottom:hover{color:#fff}.eae-sweep-bottom:active:before,.eae-sweep-bottom:focus:before,.eae-sweep-bottom:hover:before{-webkit-transform:scaleY(1);transform:scaleY(1)}.eae-sweep-top{vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px transparent;position:relative;-webkit-transition-property:color;transition-property:color;-webkit-transition-duration:.3s;transition-duration:.3s}.eae-sweep-top:before{content:"";position:absolute;z-index:-1;top:0;left:0;right:0;bottom:0;background:#2098d1;-webkit-transform:scaleY(0);transform:scaleY(0);-webkit-transform-origin:50% 100%;transform-origin:50% 100%;-webkit-transition-property:transform;transition-property:transform;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}.eae-sweep-top:active,.eae-sweep-top:focus,.eae-sweep-top:hover{color:#fff}.eae-sweep-top:active:before,.eae-sweep-top:focus:before,.eae-sweep-top:hover:before{-webkit-transform:scaleY(1);transform:scaleY(1)}.eae-bounce-right{vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px transparent;position:relative;-webkit-transition-property:color;transition-property:color;-webkit-transition-duration:.5s;transition-duration:.5s}.eae-bounce-right:before{content:"";position:absolute;z-index:-1;top:0;left:0;right:0;bottom:0;background:#2098d1;-webkit-transform:scaleX(0);transform:scaleX(0);-webkit-transform-origin:0 50%;transform-origin:0 50%;-webkit-transition-property:transform;transition-property:transform;-webkit-transition-duration:.5s;transition-duration:.5s;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}.eae-bounce-right:active,.eae-bounce-right:focus,.eae-bounce-right:hover{color:#fff}.eae-bounce-right:active:before,.eae-bounce-right:focus:before,.eae-bounce-right:hover:before{-webkit-transform:scaleX(1);transform:scaleX(1);-webkit-transition-timing-function:cubic-bezier(.52,1.64,.37,.66);transition-timing-function:cubic-bezier(.52,1.64,.37,.66)}.eae-bounce-left{vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px transparent;position:relative;-webkit-transition-property:color;transition-property:color;-webkit-transition-duration:.5s;transition-duration:.5s}.eae-bounce-left:before{content:"";position:absolute;z-index:-1;top:0;left:0;right:0;bottom:0;background:#2098d1;-webkit-transform:scaleX(0);transform:scaleX(0);-webkit-transform-origin:100% 50%;transform-origin:100% 50%;-webkit-transition-property:transform;transition-property:transform;-webkit-transition-duration:.5s;transition-duration:.5s;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}.eae-bounce-left:active,.eae-bounce-left:focus,.eae-bounce-left:hover{color:#fff}.eae-bounce-left:active:before,.eae-bounce-left:focus:before,.eae-bounce-left:hover:before{-webkit-transform:scaleX(1);transform:scaleX(1);-webkit-transition-timing-function:cubic-bezier(.52,1.64,.37,.66);transition-timing-function:cubic-bezier(.52,1.64,.37,.66)}.eae-bounce-bottom{vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px transparent;position:relative;-webkit-transition-property:color;transition-property:color;-webkit-transition-duration:.5s;transition-duration:.5s}.eae-bounce-bottom:before{content:"";position:absolute;z-index:-1;top:0;left:0;right:0;bottom:0;background:#2098d1;-webkit-transform:scaleY(0);transform:scaleY(0);-webkit-transform-origin:50% 0;transform-origin:50% 0;-webkit-transition-property:transform;transition-property:transform;-webkit-transition-duration:.5s;transition-duration:.5s;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}.eae-bounce-bottom:active,.eae-bounce-bottom:focus,.eae-bounce-bottom:hover{color:#fff}.eae-bounce-bottom:active:before,.eae-bounce-bottom:focus:before,.eae-bounce-bottom:hover:before{-webkit-transform:scaleY(1);transform:scaleY(1);-webkit-transition-timing-function:cubic-bezier(.52,1.64,.37,.66);transition-timing-function:cubic-bezier(.52,1.64,.37,.66)}.eae-bounce-top{vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px transparent;position:relative;-webkit-transition-property:color;transition-property:color;-webkit-transition-duration:.5s;transition-duration:.5s}.eae-bounce-top:before{content:"";position:absolute;z-index:-1;top:0;left:0;right:0;bottom:0;background:#2098d1;-webkit-transform:scaleY(0);transform:scaleY(0);-webkit-transform-origin:50% 100%;transform-origin:50% 100%;-webkit-transition-property:transform;transition-property:transform;-webkit-transition-duration:.5s;transition-duration:.5s;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}.eae-bounce-top:active,.eae-bounce-top:focus,.eae-bounce-top:hover{color:#fff}.eae-bounce-top:active:before,.eae-bounce-top:focus:before,.eae-bounce-top:hover:before{-webkit-transform:scaleY(1);transform:scaleY(1);-webkit-transition-timing-function:cubic-bezier(.52,1.64,.37,.66);transition-timing-function:cubic-bezier(.52,1.64,.37,.66)}
assets/digit-sep-svg.svg CHANGED
@@ -1,20 +1,20 @@
1
- <?xml version="1.0" encoding="UTF-8"?>
2
- <svg width="17px" height="44px" viewBox="0 0 17 44" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
3
- <!-- Generator: Sketch 51.2 (57519) - http://www.bohemiancoding.com/sketch -->
4
- <title>Artboard</title>
5
- <desc>Created with Sketch.</desc>
6
- <defs>
7
- <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-1">
8
- <stop stop-color="#D8D8D8" stop-opacity="0.5" offset="0%"></stop>
9
- <stop stop-color="#EEEEEE" stop-opacity="0.5" offset="50.435784%"></stop>
10
- <stop stop-color="#D8D8D8" stop-opacity="0.5" offset="100%"></stop>
11
- </linearGradient>
12
- </defs>
13
- <g id="Artboard" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
14
- <g id="Group" fill="url(#linearGradient-1)">
15
- <rect id="Rectangle" x="0" y="0" width="17" height="44"></rect>
16
- </g>
17
- <rect id="Rectangle-2" fill="#FFFFFF" x="7" y="24" width="4" height="4"></rect>
18
- <rect id="Rectangle-2" fill="#FFFFFF" x="7" y="15" width="4" height="4"></rect>
19
- </g>
20
  </svg>
1
+ <?xml version="1.0" encoding="UTF-8"?>
2
+ <svg width="17px" height="44px" viewBox="0 0 17 44" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
3
+ <!-- Generator: Sketch 51.2 (57519) - http://www.bohemiancoding.com/sketch -->
4
+ <title>Artboard</title>
5
+ <desc>Created with Sketch.</desc>
6
+ <defs>
7
+ <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-1">
8
+ <stop stop-color="#D8D8D8" stop-opacity="0.5" offset="0%"></stop>
9
+ <stop stop-color="#EEEEEE" stop-opacity="0.5" offset="50.435784%"></stop>
10
+ <stop stop-color="#D8D8D8" stop-opacity="0.5" offset="100%"></stop>
11
+ </linearGradient>
12
+ </defs>
13
+ <g id="Artboard" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
14
+ <g id="Group" fill="url(#linearGradient-1)">
15
+ <rect id="Rectangle" x="0" y="0" width="17" height="44"></rect>
16
+ </g>
17
+ <rect id="Rectangle-2" fill="#FFFFFF" x="7" y="24" width="4" height="4"></rect>
18
+ <rect id="Rectangle-2" fill="#FFFFFF" x="7" y="15" width="4" height="4"></rect>
19
+ </g>
20
  </svg>
assets/digits-svg-alpha.svg CHANGED
@@ -1,81 +1,81 @@
1
- <?xml version="1.0" encoding="UTF-8"?>
2
- <svg width="30px" height="484px" viewBox="0 0 30 484" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
3
- <!-- Generator: Sketch 51.2 (57519) - http://www.bohemiancoding.com/sketch -->
4
- <title>Artboard</title>
5
- <desc>Created with Sketch.</desc>
6
- <defs>
7
- <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-1">
8
- <stop stop-color="#D8D8D8" stop-opacity="0.5" offset="0%"></stop>
9
- <stop stop-color="#EEEEEE" stop-opacity="0.5" offset="50.435784%"></stop>
10
- <stop stop-color="#D8D8D8" stop-opacity="0.5" offset="100%"></stop>
11
- </linearGradient>
12
- </defs>
13
- <g id="Artboard" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
14
- <g id="0">
15
- <rect id="Rectangle" fill="url(#linearGradient-1)" x="0" y="0" width="30" height="44"></rect>
16
- <text font-family="Roboto-Regular, Roboto" font-size="35" font-weight="normal" fill="#FFFFFF">
17
- <tspan x="5.17333984" y="34">0</tspan>
18
- </text>
19
- </g>
20
- <g id="1" transform="translate(0.000000, 44.000000)">
21
- <rect id="Rectangle" fill="url(#linearGradient-1)" x="0" y="0" width="30" height="44"></rect>
22
- <text font-family="Roboto-Regular, Roboto" font-size="35" font-weight="normal" fill="#FFFFFF">
23
- <tspan x="5.17333984" y="34">1</tspan>
24
- </text>
25
- </g>
26
- <g id="2" transform="translate(0.000000, 88.000000)">
27
- <rect id="Rectangle" fill="url(#linearGradient-1)" x="0" y="0" width="30" height="44"></rect>
28
- <text font-family="Roboto-Regular, Roboto" font-size="35" font-weight="normal" fill="#FFFFFF">
29
- <tspan x="5.17333984" y="34">2</tspan>
30
- </text>
31
- </g>
32
- <g id="3" transform="translate(0.000000, 132.000000)">
33
- <rect id="Rectangle" fill="url(#linearGradient-1)" x="0" y="0" width="30" height="44"></rect>
34
- <text font-family="Roboto-Regular, Roboto" font-size="35" font-weight="normal" fill="#FFFFFF">
35
- <tspan x="5.17333984" y="34">3</tspan>
36
- </text>
37
- </g>
38
- <g id="4" transform="translate(0.000000, 176.000000)">
39
- <rect id="Rectangle" fill="url(#linearGradient-1)" x="0" y="0" width="30" height="44"></rect>
40
- <text font-family="Roboto-Regular, Roboto" font-size="35" font-weight="normal" fill="#FFFFFF">
41
- <tspan x="5.17333984" y="34">4</tspan>
42
- </text>
43
- </g>
44
- <g id="Group" transform="translate(0.000000, 220.000000)">
45
- <rect id="Rectangle" fill="url(#linearGradient-1)" x="0" y="0" width="30" height="44"></rect>
46
- <text id="5" font-family="Roboto-Regular, Roboto" font-size="35" font-weight="normal" fill="#FFFFFF">
47
- <tspan x="5.17333984" y="34">5</tspan>
48
- </text>
49
- </g>
50
- <g id="Group" transform="translate(0.000000, 264.000000)">
51
- <rect id="Rectangle" fill="url(#linearGradient-1)" x="0" y="0" width="30" height="44"></rect>
52
- <text id="6" font-family="Roboto-Regular, Roboto" font-size="35" font-weight="normal" fill="#FFFFFF">
53
- <tspan x="5.17333984" y="34">6</tspan>
54
- </text>
55
- </g>
56
- <g id="Group" transform="translate(0.000000, 308.000000)">
57
- <rect id="Rectangle" fill="url(#linearGradient-1)" x="0" y="0" width="30" height="44"></rect>
58
- <text id="7" font-family="Roboto-Regular, Roboto" font-size="35" font-weight="normal" fill="#FFFFFF">
59
- <tspan x="5.17333984" y="34">7</tspan>
60
- </text>
61
- </g>
62
- <g id="Group" transform="translate(0.000000, 352.000000)">
63
- <rect id="Rectangle" fill="url(#linearGradient-1)" x="0" y="0" width="30" height="44"></rect>
64
- <text id="8" font-family="Roboto-Regular, Roboto" font-size="35" font-weight="normal" fill="#FFFFFF">
65
- <tspan x="5.17333984" y="34">8</tspan>
66
- </text>
67
- </g>
68
- <g id="Group" transform="translate(0.000000, 396.000000)">
69
- <rect id="Rectangle" fill="url(#linearGradient-1)" x="0" y="0" width="30" height="44"></rect>
70
- <text id="9" font-family="Roboto-Regular, Roboto" font-size="35" font-weight="normal" fill="#FFFFFF">
71
- <tspan x="5.17333984" y="34">9</tspan>
72
- </text>
73
- </g>
74
- <g id="Group" transform="translate(0.000000, 440.000000)">
75
- <rect id="Rectangle" fill="url(#linearGradient-1)" x="0" y="0" width="30" height="44"></rect>
76
- <text id="0" font-family="Roboto-Regular, Roboto" font-size="35" font-weight="normal" fill="#FFFFFF">
77
- <tspan x="5.17333984" y="34">0</tspan>
78
- </text>
79
- </g>
80
- </g>
81
  </svg>
1
+ <?xml version="1.0" encoding="UTF-8"?>
2
+ <svg width="30px" height="484px" viewBox="0 0 30 484" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
3
+ <!-- Generator: Sketch 51.2 (57519) - http://www.bohemiancoding.com/sketch -->
4
+ <title>Artboard</title>
5
+ <desc>Created with Sketch.</desc>
6
+ <defs>
7
+ <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-1">
8
+ <stop stop-color="#D8D8D8" stop-opacity="0.5" offset="0%"></stop>
9
+ <stop stop-color="#EEEEEE" stop-opacity="0.5" offset="50.435784%"></stop>
10
+ <stop stop-color="#D8D8D8" stop-opacity="0.5" offset="100%"></stop>
11
+ </linearGradient>
12
+ </defs>
13
+ <g id="Artboard" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
14
+ <g id="0">
15
+ <rect id="Rectangle" fill="url(#linearGradient-1)" x="0" y="0" width="30" height="44"></rect>
16
+ <text font-family="Roboto-Regular, Roboto" font-size="35" font-weight="normal" fill="#FFFFFF">
17
+ <tspan x="5.17333984" y="34">0</tspan>
18
+ </text>
19
+ </g>
20
+ <g id="1" transform="translate(0.000000, 44.000000)">
21
+ <rect id="Rectangle" fill="url(#linearGradient-1)" x="0" y="0" width="30" height="44"></rect>
22
+ <text font-family="Roboto-Regular, Roboto" font-size="35" font-weight="normal" fill="#FFFFFF">
23
+ <tspan x="5.17333984" y="34">1</tspan>
24
+ </text>
25
+ </g>
26
+ <g id="2" transform="translate(0.000000, 88.000000)">
27
+ <rect id="Rectangle" fill="url(#linearGradient-1)" x="0" y="0" width="30" height="44"></rect>
28
+ <text font-family="Roboto-Regular, Roboto" font-size="35" font-weight="normal" fill="#FFFFFF">
29
+ <tspan x="5.17333984" y="34">2</tspan>
30
+ </text>
31
+ </g>
32
+ <g id="3" transform="translate(0.000000, 132.000000)">
33
+ <rect id="Rectangle" fill="url(#linearGradient-1)" x="0" y="0" width="30" height="44"></rect>
34
+ <text font-family="Roboto-Regular, Roboto" font-size="35" font-weight="normal" fill="#FFFFFF">
35
+ <tspan x="5.17333984" y="34">3</tspan>
36
+ </text>
37
+ </g>
38
+ <g id="4" transform="translate(0.000000, 176.000000)">
39
+ <rect id="Rectangle" fill="url(#linearGradient-1)" x="0" y="0" width="30" height="44"></rect>
40
+ <text font-family="Roboto-Regular, Roboto" font-size="35" font-weight="normal" fill="#FFFFFF">
41
+ <tspan x="5.17333984" y="34">4</tspan>
42
+ </text>
43
+ </g>
44
+ <g id="Group" transform="translate(0.000000, 220.000000)">
45
+ <rect id="Rectangle" fill="url(#linearGradient-1)" x="0" y="0" width="30" height="44"></rect>
46
+ <text id="5" font-family="Roboto-Regular, Roboto" font-size="35" font-weight="normal" fill="#FFFFFF">
47
+ <tspan x="5.17333984" y="34">5</tspan>
48
+ </text>
49
+ </g>
50
+ <g id="Group" transform="translate(0.000000, 264.000000)">
51
+ <rect id="Rectangle" fill="url(#linearGradient-1)" x="0" y="0" width="30" height="44"></rect>
52
+ <text id="6" font-family="Roboto-Regular, Roboto" font-size="35" font-weight="normal" fill="#FFFFFF">
53
+ <tspan x="5.17333984" y="34">6</tspan>
54
+ </text>
55
+ </g>
56
+ <g id="Group" transform="translate(0.000000, 308.000000)">
57
+ <rect id="Rectangle" fill="url(#linearGradient-1)" x="0" y="0" width="30" height="44"></rect>
58
+ <text id="7" font-family="Roboto-Regular, Roboto" font-size="35" font-weight="normal" fill="#FFFFFF">
59
+ <tspan x="5.17333984" y="34">7</tspan>
60
+ </text>
61
+ </g>
62
+ <g id="Group" transform="translate(0.000000, 352.000000)">
63
+ <rect id="Rectangle" fill="url(#linearGradient-1)" x="0" y="0" width="30" height="44"></rect>
64
+ <text id="8" font-family="Roboto-Regular, Roboto" font-size="35" font-weight="normal" fill="#FFFFFF">
65
+ <tspan x="5.17333984" y="34">8</tspan>
66
+ </text>
67
+ </g>
68
+ <g id="Group" transform="translate(0.000000, 396.000000)">
69
+ <rect id="Rectangle" fill="url(#linearGradient-1)" x="0" y="0" width="30" height="44"></rect>
70
+ <text id="9" font-family="Roboto-Regular, Roboto" font-size="35" font-weight="normal" fill="#FFFFFF">
71
+ <tspan x="5.17333984" y="34">9</tspan>
72
+ </text>
73
+ </g>
74
+ <g id="Group" transform="translate(0.000000, 440.000000)">
75
+ <rect id="Rectangle" fill="url(#linearGradient-1)" x="0" y="0" width="30" height="44"></rect>
76
+ <text id="0" font-family="Roboto-Regular, Roboto" font-size="35" font-weight="normal" fill="#FFFFFF">
77
+ <tspan x="5.17333984" y="34">0</tspan>
78
+ </text>
79
+ </g>
80
+ </g>
81
  </svg>
assets/js/animated-main.js CHANGED
@@ -1,135 +1,135 @@
1
- //jQuery.noConflict();
2
-
3
- jQuery(document).on('elementor/render/animation-text',function(e){
4
- jQuery(".eae-at-animation-text-wrapper .eae-at-animation-text:first-child").addClass("is-visible");
5
-
6
- //set animation timing
7
- var animationDelay = 2500,
8
- //loading bar effect
9
- barAnimationDelay = 3800,
10
- barWaiting = barAnimationDelay - 3000, //3000 is the duration of the transition on the loading bar - set in the scss/css file
11
- //letters effect
12
- lettersDelay = 50,
13
- //type effect
14
- typeLettersDelay = 150,
15
- selectionDuration = 500,
16
- typeAnimationDelay = selectionDuration + 800,
17
- //clip effect
18
- revealDuration = 600,
19
- revealAnimationDelay = 1500;
20
-
21
- initHeadline();
22
-
23
-
24
- function initHeadline() {
25
- //insert <i> element for each letter of a changing word
26
- singleLetters(jQuery('.eae-at-animation.letters').find('.eae-at-animation-text'));
27
- //initialise headline animation
28
- animateHeadline(jQuery('.eae-at-animation-text-wrapper'));
29
- }
30
-
31
- function singleLetters($words) {
32
- $words.each(function(){
33
- var word = jQuery(this),
34
- letters = word.text().split(''),
35
- selected = word.hasClass('is-visible');
36
- for (i in letters) {
37
- letters[i] = (selected) ? '<i class="in">' + letters[i] + '</i>': '<i>' + letters[i] + '</i>';
38
- }
39
- var newLetters = letters.join('');
40
- word.html(newLetters).css('opacity', 1);
41
- });
42
- }
43
-
44
- function animateHeadline($headlines) {
45
- var duration = animationDelay;
46
-
47
- $headlines.each(function(){
48
- var headline = jQuery(this);
49
-
50
- if (!headline.hasClass('type') ) {
51
- //assign to .eae-at-animation-text-wrapper the width of its longest word
52
- var words = headline.find('.eae-at-animation-text-wrapper .eae-at-animation-text'),
53
- width = 0;
54
- words.each(function(){
55
- var wordWidth = jQuery(this).width();
56
- if (wordWidth > width) width = wordWidth;
57
- });
58
- headline.find('.eae-at-animation-text-wrapper').css('width', width);
59
- };
60
-
61
- //trigger animation
62
- setTimeout(function(){ hideWord( headline.find('.is-visible').eq(0) ) }, duration);
63
- });
64
- }
65
-
66
- function hideWord($word) {
67
-
68
- var nextWord = takeNext($word);
69
-
70
- if($word.parents('.eae-at-animation').hasClass('type')) {
71
- var parentSpan = $word.parent('.eae-at-animation-text-wrapper');
72
- parentSpan.addClass('selected').removeClass('waiting');
73
- setTimeout(function(){
74
- parentSpan.removeClass('selected');
75
- $word.removeClass('is-visible').addClass('is-hidden').children('i').removeClass('in').addClass('out');
76
- }, selectionDuration);
77
- setTimeout(function(){ showWord(nextWord, typeLettersDelay) }, typeAnimationDelay);
78
- } else if($word.parents('.eae-at-animation').hasClass('letters')) {
79
- var bool = ($word.children('i').length >= nextWord.children('i').length) ? true : false;
80
- hideLetter($word.find('i').eq(0), $word, bool, lettersDelay);
81
- showLetter(nextWord.find('i').eq(0), nextWord, bool, lettersDelay);
82
-
83
- } else {
84
- switchWord($word, nextWord);
85
- setTimeout(function(){ hideWord(nextWord) }, animationDelay);
86
- }
87
- }
88
-
89
- function showWord($word, $duration) {
90
- if($word.parents('.eae-at-animation').hasClass('type')) {
91
- showLetter($word.find('i').eq(0), $word, false, $duration);
92
- $word.addClass('is-visible').removeClass('is-hidden');
93
-
94
- }
95
- }
96
-
97
- function hideLetter($letter, $word, $bool, $duration) {
98
- $letter.removeClass('in').addClass('out');
99
-
100
- if(!$letter.is(':last-child')) {
101
- setTimeout(function(){ hideLetter($letter.next(), $word, $bool, $duration); }, $duration);
102
- } else if($bool) {
103
- setTimeout(function(){ hideWord(takeNext($word)) }, animationDelay);
104
- }
105
-
106
- if($letter.is(':last-child') && jQuery('html').hasClass('no-csstransitions')) {
107
- var nextWord = takeNext($word);
108
- switchWord($word, nextWord);
109
- }
110
- }
111
-
112
- function showLetter($letter, $word, $bool, $duration) {
113
- $letter.addClass('in').removeClass('out');
114
-
115
- if(!$letter.is(':last-child')) {
116
- setTimeout(function(){ showLetter($letter.next(), $word, $bool, $duration); }, $duration);
117
- } else {
118
- if($word.parents('.eae-at-animation').hasClass('type')) { setTimeout(function(){ $word.parents('.eae-at-animation-text-wrapper').addClass('waiting'); }, 200);}
119
- if(!$bool) { setTimeout(function(){ hideWord($word) }, animationDelay) }
120
- }
121
- }
122
-
123
- function takeNext($word) {
124
- return (!$word.is(':last-child')) ? $word.next() : $word.parent().children().eq(0);
125
- }
126
-
127
- function takePrev($word) {
128
- return (!$word.is(':first-child')) ? $word.prev() : $word.parent().children().last();
129
- }
130
-
131
- function switchWord($oldWord, $newWord) {
132
- $oldWord.removeClass('is-visible').addClass('is-hidden');
133
- $newWord.removeClass('is-hidden').addClass('is-visible');
134
- }
135
  });
1
+ //jQuery.noConflict();
2
+
3
+ jQuery(document).on('elementor/render/animation-text',function(e){
4
+ jQuery(".eae-at-animation-text-wrapper .eae-at-animation-text:first-child").addClass("is-visible");
5
+
6
+ //set animation timing
7
+ var animationDelay = 2500,
8
+ //loading bar effect
9
+ barAnimationDelay = 3800,
10
+ barWaiting = barAnimationDelay - 3000, //3000 is the duration of the transition on the loading bar - set in the scss/css file
11
+ //letters effect
12
+ lettersDelay = 50,
13
+ //type effect
14
+ typeLettersDelay = 150,
15
+ selectionDuration = 500,
16
+ typeAnimationDelay = selectionDuration + 800,
17
+ //clip effect
18
+ revealDuration = 600,
19
+ revealAnimationDelay = 1500;
20
+
21
+ initHeadline();
22
+
23
+
24
+ function initHeadline() {
25
+ //insert <i> element for each letter of a changing word
26
+ singleLetters(jQuery('.eae-at-animation.letters').find('.eae-at-animation-text'));
27
+ //initialise headline animation
28
+ animateHeadline(jQuery('.eae-at-animation-text-wrapper'));
29
+ }
30
+
31
+ function singleLetters($words) {
32
+ $words.each(function(){
33
+ var word = jQuery(this),
34
+ letters = word.text().split(''),
35
+ selected = word.hasClass('is-visible');
36
+ for (i in letters) {
37
+ letters[i] = (selected) ? '<i class="in">' + letters[i] + '</i>': '<i>' + letters[i] + '</i>';
38
+ }
39
+ var newLetters = letters.join('');
40
+ word.html(newLetters).css('opacity', 1);
41
+ });
42
+ }
43
+
44
+ function animateHeadline($headlines) {
45
+ var duration = animationDelay;
46
+
47
+ $headlines.each(function(){
48
+ var headline = jQuery(this);
49
+
50
+ if (!headline.hasClass('type') ) {
51
+ //assign to .eae-at-animation-text-wrapper the width of its longest word
52
+ var words = headline.find('.eae-at-animation-text-wrapper .eae-at-animation-text'),
53
+ width = 0;
54
+ words.each(function(){
55
+ var wordWidth = jQuery(this).width();
56
+ if (wordWidth > width) width = wordWidth;
57
+ });
58
+ headline.find('.eae-at-animation-text-wrapper').css('width', width);
59
+ };
60
+
61
+ //trigger animation
62
+ setTimeout(function(){ hideWord( headline.find('.is-visible').eq(0) ) }, duration);
63
+ });
64
+ }
65
+
66
+ function hideWord($word) {
67
+
68
+ var nextWord = takeNext($word);
69
+
70
+ if($word.parents('.eae-at-animation').hasClass('type')) {
71
+ var parentSpan = $word.parent('.eae-at-animation-text-wrapper');
72
+ parentSpan.addClass('selected').removeClass('waiting');
73
+ setTimeout(function(){
74
+ parentSpan.removeClass('selected');
75
+ $word.removeClass('is-visible').addClass('is-hidden').children('i').removeClass('in').addClass('out');
76
+ }, selectionDuration);
77
+ setTimeout(function(){ showWord(nextWord, typeLettersDelay) }, typeAnimationDelay);
78
+ } else if($word.parents('.eae-at-animation').hasClass('letters')) {
79
+ var bool = ($word.children('i').length >= nextWord.children('i').length) ? true : false;
80
+ hideLetter($word.find('i').eq(0), $word, bool, lettersDelay);
81
+ showLetter(nextWord.find('i').eq(0), nextWord, bool, lettersDelay);
82
+
83
+ } else {
84
+ switchWord($word, nextWord);
85
+ setTimeout(function(){ hideWord(nextWord) }, animationDelay);
86
+ }
87
+ }
88
+
89
+ function showWord($word, $duration) {
90
+ if($word.parents('.eae-at-animation').hasClass('type')) {
91
+ showLetter($word.find('i').eq(0), $word, false, $duration);
92
+ $word.addClass('is-visible').removeClass('is-hidden');
93
+
94
+ }
95
+ }
96
+
97
+ function hideLetter($letter, $word, $bool, $duration) {
98
+ $letter.removeClass('in').addClass('out');
99
+
100
+ if(!$letter.is(':last-child')) {
101
+ setTimeout(function(){ hideLetter($letter.next(), $word, $bool, $duration); }, $duration);
102
+ } else if($bool) {
103
+ setTimeout(function(){ hideWord(takeNext($word)) }, animationDelay);
104
+ }
105
+
106
+ if($letter.is(':last-child') && jQuery('html').hasClass('no-csstransitions')) {
107
+ var nextWord = takeNext($word);
108
+ switchWord($word, nextWord);
109
+ }
110
+ }
111
+
112
+ function showLetter($letter, $word, $bool, $duration) {
113
+ $letter.addClass('in').removeClass('out');
114
+
115
+ if(!$letter.is(':last-child')) {
116
+ setTimeout(function(){ showLetter($letter.next(), $word, $bool, $duration); }, $duration);
117
+ } else {
118
+ if($word.parents('.eae-at-animation').hasClass('type')) { setTimeout(function(){ $word.parents('.eae-at-animation-text-wrapper').addClass('waiting'); }, 200);}
119
+ if(!$bool) { setTimeout(function(){ hideWord($word) }, animationDelay) }
120
+ }
121
+ }
122
+
123
+ function takeNext($word) {
124
+ return (!$word.is(':last-child')) ? $word.next() : $word.parent().children().eq(0);
125
+ }
126
+
127
+ function takePrev($word) {
128
+ return (!$word.is(':first-child')) ? $word.prev() : $word.parent().children().last();
129
+ }
130
+
131
+ function switchWord($oldWord, $newWord) {
132
+ $oldWord.removeClass('is-visible').addClass('is-hidden');
133
+ $newWord.removeClass('is-hidden').addClass('is-visible');
134
+ }
135
  });
assets/js/eae.js CHANGED
@@ -1,1980 +1,2035 @@
1
- jQuery( window ).on( 'elementor/frontend/init', function() {
2
-
3
- elementorFrontend.hooks.addAction( 'frontend/element_ready/wts-gmap.default', function( $scope ) {
4
- map = new_map($scope.find('.eae-markers'));
5
-
6
- function new_map( $el ) {
7
- $wrapper = $scope.find('.eae-markers');
8
- var zoom = $wrapper.data('zoom');
9
- var $markers = $el.find('.marker');
10
- var styles = $wrapper.data('style');
11
- var prevent_scroll = $wrapper.data('scroll');
12
- // vars
13
- var args = {
14
- zoom : zoom,
15
- center : new google.maps.LatLng(0, 0),
16
- mapTypeId : google.maps.MapTypeId.ROADMAP,
17
- styles : styles
18
- };
19
-
20
- // create map
21
- var map = new google.maps.Map( $el[0], args);
22
-
23
- // add a markers reference
24
- map.markers = [];
25
-
26
- // add markers
27
- $markers.each(function(){
28
- add_marker( jQuery(this), map );
29
- });
30
-
31
- // center map
32
- center_map( map, zoom );
33
-
34
- // return
35
- return map;
36
- }
37
-
38
- function add_marker( $marker, map ) {
39
- var animate = $wrapper.data('animate')
40
- $wrapper = $scope.find('.eae-markers');
41
- //alert($marker.attr('data-lat') + ' - '+ $marker.attr('data-lng'));
42
- var latlng = new google.maps.LatLng( $marker.attr('data-lat'), $marker.attr('data-lng') );
43
-
44
- icon_img = $marker.attr('data-icon');
45
- if(icon_img != ''){
46
- var icon = {
47
- url : $marker.attr('data-icon'),
48
- scaledSize: new google.maps.Size($marker.attr('data-icon-size'), $marker.attr('data-icon-size'))
49
- };
50
-
51
- }
52
-
53
-
54
- //var icon = $marker.attr('data-icon');
55
-
56
- // create marker
57
- var marker = new google.maps.Marker({
58
- position : latlng,
59
- map : map,
60
- icon : icon,
61
- animation: google.maps.Animation.DROP
62
- });
63
- if(animate == 'animate-yes'){
64
- marker.setAnimation(google.maps.Animation.BOUNCE);
65
- }
66
- if(animate == 'animate-yes'){
67
- google.maps.event.addListener(marker, 'click', function() {
68
- marker.setAnimation(null);
69
- });
70
- }
71
-
72
-
73
-
74
- // add to array
75
- map.markers.push( marker );
76
- // if marker contains HTML, add it to an infoWindow
77
-
78
- if( $marker.html() )
79
- {
80
- // create info window
81
- var infowindow = new google.maps.InfoWindow({
82
- content : $marker.html()
83
- });
84
-
85
- // show info window when marker is clicked
86
- google.maps.event.addListener(marker, 'click', function() {
87
- infowindow.open( map, marker );
88
- });
89
-
90
-
91
- }
92
- if(animate == 'animate-yes') {
93
- google.maps.event.addListener(infowindow, 'closeclick', function () {
94
- marker.setAnimation(google.maps.Animation.BOUNCE);
95
- });
96
- }
97
- }
98
-
99
- function center_map( map, zoom ) {
100
-
101
- // vars
102
- var bounds = new google.maps.LatLngBounds();
103
- // loop through all markers and create bounds
104
- jQuery.each( map.markers, function( i, marker ){
105
- var latlng = new google.maps.LatLng( marker.position.lat(), marker.position.lng() );
106
- bounds.extend( latlng );
107
- });
108
-
109
- // only 1 marker?
110
- if( map.markers.length == 1 )
111
- {
112
- // set center of map
113
- map.setCenter( bounds.getCenter() );
114
- map.setZoom( zoom );
115
- }
116
- else
117
- {
118
- // fit to bounds
119
- map.fitBounds( bounds );
120
- }
121
- }
122
- });
123
-
124
- elementorFrontend.hooks.addAction( 'frontend/element_ready/global', function ( $scope ) {
125
-
126
- var eae_slides = [];
127
- var eae_slides_json = [];
128
- var eae_transition;
129
- var eae_animation;
130
- var eae_custom_overlay;
131
- var eae_overlay;
132
- var eae_cover;
133
- var eae_delay;
134
- var eae_timer;
135
- var slider_wrapper = $scope.children('.eae-section-bs').children('.eae-section-bs-inner');
136
-
137
- if (slider_wrapper && slider_wrapper.data('eae-bg-slider')) {
138
-
139
- slider_images = slider_wrapper.data('eae-bg-slider');
140
- eae_transition = slider_wrapper.data('eae-bg-slider-transition');
141
- eae_animation = slider_wrapper.data('eae-bg-slider-animation');
142
- eae_custom_overlay = slider_wrapper.data('eae-bg-custom-overlay');
143
- if (eae_custom_overlay == 'yes') {
144
- eae_overlay = eae_editor.plugin_url + 'assets/lib/vegas/overlays/' + slider_wrapper.data('eae-bg-slider-overlay');
145
- } else {
146
- if (slider_wrapper.data('eae-bg-slider-overlay')) {
147
- eae_overlay = eae_editor.plugin_url + 'assets/lib/vegas/overlays/' + slider_wrapper.data('eae-bg-slider-overlay');
148
- } else {
149
- eae_overlay = eae_editor.plugin_url + 'assets/lib/vegas/overlays/' + slider_wrapper.data('eae-bg-slider-overlay');
150
- }
151
- }
152
-
153
- eae_cover = slider_wrapper.data('eae-bg-slider-cover');
154
- eae_delay = slider_wrapper.data('eae-bs-slider-delay');
155
- eae_timer = slider_wrapper.data('eae-bs-slider-timer');
156
-
157
- if (typeof slider_images != 'undefined') {
158
- eae_slides = slider_images.split(",");
159
-
160
- jQuery.each(eae_slides, function (key, value) {
161
- var slide = [];
162
- slide.src = value;
163
- eae_slides_json.push(slide);
164
- });
165
-
166
- slider_wrapper.vegas({
167
- slides: eae_slides_json,
168
- transition: eae_transition,
169
- animation: eae_animation,
170
- overlay: eae_overlay,
171
- cover: eae_cover,
172
- delay: eae_delay,
173
- timer: eae_timer,
174
- init: function () {
175
- if (eae_custom_overlay == 'yes') {
176
- var ob_vegas_overlay = slider_wrapper.children('.vegas-overlay');
177
- ob_vegas_overlay.css('background-image', '');
178
- }
179
- }
180
- });
181
-
182
- }
183
- }
184
- });
185
-
186
- });
187
-
188
- (function( $ ){
189
-
190
- $(window).on('elementor/frontend/init',function(){
191
-
192
- var ab_image = function($scope, $){
193
- ab_style = $scope.find('.eae-img-comp-container').data("ab-style");
194
- slider_pos = $scope.find('.eae-img-comp-container').data("slider-pos");
195
- if(ab_style == "horizontal"){
196
- horizontal($scope);
197
- }else{
198
- vertical();
199
- }
200
-
201
- function horizontal($scope) {
202
- var x, i, start_pos;
203
- /*find all elements with an "overlay" class:*/
204
- x = $scope.find(".eae-img-comp-overlay");
205
- start_pos = x.width();
206
- start_pos = start_pos * slider_pos /100;
207
- compareImages(x[0]);
208
-
209
- function compareImages(img) {
210
- var slider, clicked = 0, w, h;
211
- /*get the width and height of the img element*/
212
- w = img.offsetWidth;
213
- h = img.offsetHeight;
214
- /*set the width of the img element to 50%:*/
215
- img.style.width = start_pos + "px";
216
- /*create slider:*/
217
- slider = $scope.find(".eae-img-comp-slider");
218
- slider = slider[0];
219
- /*position the slider in the middle:*/
220
- slider.style.top = (h / 2) - (slider.offsetHeight / 2) + "px";
221
- slider.style.left = start_pos - (slider.offsetWidth / 2) + "px";
222
- /*execute a function when the mouse button is pressed:*/
223
- if(!$scope.hasClass('elementor-element-edit-mode')) {
224
- slider.addEventListener("mousedown", slideReady);
225
- //slider.addEventListener("mouseover", slideReady);
226
- //img.addEventListener("mouseover", slideReady);
227
-
228
- /*and another function when the mouse button is released:*/
229
- window.addEventListener("mouseup", slideFinish);
230
- //slider.addEventListener("mouseout", slideFinish);
231
- //img.addEventListener("mouseout", slideFinish);
232
- /*or touched (for touch screens:*/
233
- slider.addEventListener("touchstart", slideReady);
234
- /*and released (for touch screens:*/
235
- window.addEventListener("touchstop", slideFinish);
236
- }
237
- function slideReady(e) {
238
- /*prevent any other actions that may occur when moving over the image:*/
239
- e.preventDefault();
240
- /*the slider is now clicked and ready to move:*/
241
- clicked = 1;
242
- /*execute a function when the slider is moved:*/
243
- window.addEventListener("mousemove", slideMove);
244
- //window.addEventListener("mouseover", slideMove);
245
- //window.addEventListener("touchmove", slideMove);
246
- slider.addEventListener("touchmove", touchMoveaction);
247
- }
248
- function slideFinish() {
249
- /*the slider is no longer clicked:*/
250
- clicked = 0;
251
- }
252
- function slideMove(e) {
253
- var pos;
254
- /*if the slider is no longer clicked, exit this function:*/
255
- if (clicked == 0) return false;
256
- /*get the cursor's x position:*/
257
- pos = getCursorPos(e);
258
- /*prevent the slider from being positioned outside the image:*/
259
- if (pos < 0) pos = 0;
260
- if (pos > w) pos = w;
261
- /*execute a function that will resize the overlay image according to the cursor:*/
262
- slide(pos);
263
- }
264
-
265
- function touchMoveaction(e)
266
- {
267
- var pos;
268
- /*if the slider is no longer clicked, exit this function:*/
269
- if (clicked == 0) return false;
270
- /*get the cursor's x position:*/
271
- pos = getTouchPos(e);
272
-
273
- /*prevent the slider from being positioned outside the image:*/
274
- if (pos < 0) pos = 0;
275
- if (pos > w) pos = w;
276
- /*execute a function that will resize the overlay image according to the cursor:*/
277
- slide(pos);
278
- }
279
-
280
- function getTouchPos(e) {
281
- var a, x = 0;
282
- a = img.getBoundingClientRect();
283
-
284
- /*calculate the cursor's x coordinate, relative to the image:*/
285
- x = e.changedTouches[0].clientX - a.left;
286
- return x;
287
- }
288
-
289
- function getCursorPos(e) {
290
- var a, x = 0;
291
- e = e || window.event;
292
- /*get the x positions of the image:*/
293
- a = img.getBoundingClientRect();
294
- /*calculate the cursor's x coordinate, relative to the image:*/
295
- x = e.pageX - a.left;
296
-
297
- /*consider any page scrolling:*/
298
- //x = x - window.pageXOffset;
299
- return x;
300
- }
301
- function slide(x) {
302
- /*resize the image:*/
303
- img.style.width = x + "px";
304
- /*position the slider:*/
305
- slider.style.left = img.offsetWidth - (slider.offsetWidth / 2) + "px";
306
- }
307
- }
308
- }
309
-
310
- function vertical() {
311
- var x, i;
312
- /*find all elements with an "overlay" class:*/
313
- //x = document.getElementsByClassName("eae-img-comp-overlay");
314
- x = $scope.find(".eae-img-comp-overlay");
315
- start_pos = x.height();
316
- start_pos = start_pos * slider_pos /100;
317
- compareImages(x[0]);
318
-
319
- function compareImages(img) {
320
- var slider, img, clicked = 0, w, h;
321
- /*get the width and height of the img element*/
322
- w = img.offsetWidth;
323
- h = img.offsetHeight;
324
- /*set the width of the img element to 50%:*/
325
- img.style.height = start_pos + "px";
326
- /*create slider:*/
327
- slider = $scope.find(".eae-img-comp-slider");
328
- slider = slider[0];
329
- /*position the slider in the middle:*/
330
- slider.style.top = start_pos - (slider.offsetHeight / 2) + "px";
331
- slider.style.left = (w / 2) - (slider.offsetWidth / 2) + "px";
332
- /*execute a function when the mouse button is pressed:*/
333
- if(!$scope.hasClass('elementor-element-edit-mode')) {
334
- slider.addEventListener("mousedown", slideReady);
335
- /*and another function when the mouse button is released:*/
336
- window.addEventListener("mouseup", slideFinish);
337
- /*or touched (for touch screens:*/
338
- slider.addEventListener("touchstart", slideReady);
339
- /*and released (for touch screens:*/
340
- window.addEventListener("touchstop", slideFinish);
341
- }
342
- function slideReady(e) {
343
- /*prevent any other actions that may occur when moving over the image:*/
344
- e.preventDefault();
345
- /*the slider is now clicked and ready to move:*/
346
- clicked = 1;
347
- /*execute a function when the slider is moved:*/
348
- window.addEventListener("mousemove", slideMove);
349
- slider.addEventListener("touchmove", touchMoveaction);
350
- }
351
- function slideFinish() {
352
- /*the slider is no longer clicked:*/
353
- clicked = 0;
354
- }
355
- function slideMove(e) {
356
- var pos;
357
- /*if the slider is no longer clicked, exit this function:*/
358
- if (clicked == 0) return false;
359
- /*get the cursor's x position:*/
360
- pos = getCursorPos(e)
361
- /*prevent the slider from being positioned outside the image:*/
362
- if (pos < 0) pos = 0;
363
- if (pos > h) pos = h;
364
- /*execute a function that will resize the overlay image according to the cursor:*/
365
- slide(pos);
366
- }
367
-
368
- function getCursorPos(e) {
369
- var a, x = 0;
370
- e = e || window.event;
371
- /*get the x positions of the image:*/
372
- a = img.getBoundingClientRect();
373
- /*calculate the cursor's x coordinate, relative to the image:*/
374
- x = e.pageY - a.top;
375
- /*consider any page scrolling:*/
376
- x = x - window.pageYOffset;
377
-
378
- return x;
379
- }
380
-
381
- function touchMoveaction(e)
382
- {
383
- var pos;
384
- /*if the slider is no longer clicked, exit this function:*/
385
- if (clicked == 0) return false;
386
- /*get the cursor's x position:*/
387
- pos = getTouchPos(e);
388
-
389
- /*prevent the slider from being positioned outside the image:*/
390
- if (pos < 0) pos = 0;
391
- if (pos > h) pos = h;
392
- /*execute a function that will resize the overlay image according to the cursor:*/
393
- slide(pos);
394
- }
395
-
396
- function getTouchPos(e) {
397
- var a, x = 0;
398
- a = img.getBoundingClientRect();
399
-
400
- /*calculate the cursor's x coordinate, relative to the image:*/
401
- x = e.changedTouches[0].clientY - a.top;
402
-
403
- //x = x - slider.offsetHeight;
404
-
405
- return x;
406
- }
407
-
408
- function slide(x) {
409
- /*resize the image:*/
410
- img.style.height = x + "px";
411
- /*position the slider:*/
412
- slider.style.top = img.offsetHeight - (slider.offsetHeight / 2) + "px";
413
- }
414
- }
415
- }
416
- }
417
-
418
- var ParticlesBG = function($scope, $){
419
-
420
- if($scope.hasClass('eae-particle-yes')){
421
- id = $scope.data('id');
422
- //console.lgo(id);
423
- element_type = $scope.data('element_type');
424
- pdata = $scope.data('eae-particle');
425
- pdata_wrapper = $scope.find('.eae-particle-wrapper').data('eae-pdata');
426
- if(typeof pdata != 'undefined' && pdata != ''){
427
- if($scope.find('.eae-section-bs').length > 0){
428
- $scope.find('.eae-section-bs').after('<div class="eae-particle-wrapper" id="eae-particle-'+ id +'"></div>');
429
- particlesJS('eae-particle-'+ id, pdata);
430
- }
431
- else{
432
-
433
- if(element_type == 'column'){
434
- $scope.find('.elementor-column-wrap').prepend('<div class="eae-particle-wrapper" id="eae-particle-'+ id +'"></div>');
435
- }else{
436
- $scope.prepend('<div class="eae-particle-wrapper" id="eae-particle-'+ id +'"></div>');
437
- }
438
-
439
- particlesJS('eae-particle-'+ id, pdata);
440
- }
441
-
442
-
443
- }else if(typeof pdata_wrapper != 'undefined' && pdata_wrapper != ''){
444
-
445
-
446
- // $scope.prepend('<div class="eae-particle-wrapper" id="eae-particle-'+ id +'"></div>');
447
- //console.log('calling particle js else', JSON.parse(pdata_wrapper));
448
-
449
- $scope.prepend('<div class="eae-particle-wrapper" id="eae-particle-'+ id +'"></div>');
450
-
451
- particlesJS('eae-particle-'+ id, JSON.parse(pdata_wrapper));
452
- }
453
-
454
- }
455
-
456
- };
457
-
458
-
459
- /*EAE Animated Gradient Background*/
460
-
461
- var AnimatedGradient = function ($scope , $) {
462
- //console.log($scope);
463
- if($scope.hasClass('eae-animated-gradient-yes')){
464
- id = $scope.data('id');
465
- //editMode = elementorFrontend.isEditMode();
466
- //console.log(settings);
467
- color= $scope.data('color');
468
- angle = $scope.data('angle');
469
- var gradient_color = 'linear-gradient(' + angle + ',' + color + ')';
470
- heading = $scope.find('.elementor-heading-title')
471
- $scope.css({'background' : gradient_color});
472
- //console.log(gradient_color);
473
- }
474
- };
475
-
476
- var EaePopup = function($scope, $){
477
- $preview_modal = $scope.find('.eae-popup-wrapper').data('preview-modal');
478
- $close_btn = $scope.find('.eae-popup-wrapper').data('close-btn');
479
-
480
- $magnific = $scope.find('.eae-popup-link').eaePopup({
481
- type: 'inline',
482
-
483
- disableOn: 0,
484
-
485
- key: null,
486
-
487
- midClick: false,
488
-
489
- mainClass: 'eae-popup eae-popup-'+$scope.find('.eae-popup-link').data('id') +' eae-wrap-'+$scope.find('.eae-popup-link').data('ctrl-id'),
490
-
491
- preloader: true,
492
-
493
- focus: '', // CSS selector of input to focus after popup is opened
494
-
495
- closeOnContentClick: false,
496
-
497
- closeOnBgClick: true,
498
-
499
- closeBtnInside: $scope.find('.eae-popup-wrapper').data('close-in-out'),
500
-
501
- showCloseBtn: true,
502
-
503
- enableEscapeKey: false,
504
-
505
- modal: false,
506
-
507
- alignTop: false,
508
-
509
- removalDelay: 0,
510
-
511
- prependTo: null,
512
-
513
- fixedContentPos: 'auto',
514
-
515
- fixedBgPos: 'auto',
516
-
517
- overflowY: 'auto',
518
-
519
- closeMarkup: '<i class="eae-close '+ $close_btn +'"> </i>',
520
-
521
- tClose: 'Close (Esc)',
522
-
523
- tLoading: 'Loading...',
524
-
525
- autoFocusLast: true
526
- });
527
-
528
- if($preview_modal == 'yes'){
529
- if($scope.hasClass('elementor-element-edit-mode')) {
530
- $scope.find('.eae-popup-link').click();
531
- }
532
- }
533
- };
534
-
535
-
536
-
537
- var EAETestimonial =function ($scope , $) {
538
- if($scope.find('.eae-grid-wrapper').hasClass('eae-masonry-yes')){
539
- //console.log('grid');
540
- var grid = $scope.find('.eae-grid');
541
- var $grid_obj = grid.masonry({
542
- });
543
- $grid_obj.imagesLoaded().progress(function(){
544
- $grid_obj.masonry('layout');
545
- });
546
- }
547
- if($scope.find('.eae-layout-carousel').length){
548
- outer_wrapper = $scope.find('.eae-swiper-outer-wrapper');
549
- wid = $scope.data('id');
550
- wclass = '.elementor-element-' + wid;
551
- var direction = outer_wrapper.data('direction');
552
- var speed = outer_wrapper.data('speed');
553
- var autoplay = outer_wrapper.data('autoplay')
554
- var duration = outer_wrapper.data('duration');
555
- //console.log(duration);
556
- var effect = outer_wrapper.data('effect');
557
- var space = outer_wrapper.data('space');
558
- var loop = outer_wrapper.data('loop');
559
- if (loop == 'yes') {
560
- loop = true;
561
- }
562
- else {
563
- loop = false;
564
- }
565
- var slides_per_view = outer_wrapper.data('slides-per-view');
566
- var slides_per_group = outer_wrapper.data('slides-per-group');
567
- var ptype = outer_wrapper.data('ptype');
568
- var navigation = outer_wrapper.data('navigation');
569
- var clickable = outer_wrapper.data('clickable');
570
- var keyboard = outer_wrapper.data('keyboard');
571
- var scrollbar = outer_wrapper.data('scrollbar');
572
- adata = {
573
- direction: direction,
574
- effect: effect,
575
- spaceBetween: space.desktop,
576
- loop: loop,
577
- speed:speed,
578
- slidesPerView: slides_per_view.desktop,
579
- slidesPerGroup: slides_per_group.desktop,
580
- observer: true,
581
- mousewheel: {
582
- invert: true,
583
- },
584
- breakpoints: {
585
- 1024 :{
586
- spaceBetween: space.tablet,
587
- slidesPerView: slides_per_view.tablet,
588
- slidesPerGroup: slides_per_group.tablet,
589
- },
590
- 767 : {
591
- spaceBetween: space.mobile,
592
- slidesPerView: slides_per_view.mobile,
593
- slidesPerGroup: slides_per_group.mobile,
594
- }
595
- }
596
- };
597
- if(effect == 'fade'){
598
- adata['fadeEffect'] = {
599
- crossFade : false,
600
- }
601
- }
602
- if(autoplay == 'yes'){
603
- adata['autoplay']={
604
- delay : duration,
605
- disableOnInteraction : false,
606
- };
607
- }
608
- else{
609
- adata['autoplay'] = false;
610
- }
611
- if(navigation == 'yes'){
612
- adata['navigation'] = {
613
- nextEl: '.swiper-button-next',
614
- prevEl: '.swiper-button-prev',
615
- }
616
- }
617
- if(ptype != ''){
618
- adata['pagination']= {
619
- el: '.swiper-pagination',
620
- type: ptype,
621
- }
622
- }
623
- if(ptype == 'bullets' && clickable == 'yes'){
624
- adata['pagination'] = {
625
- el: '.swiper-pagination',
626
- clickable : true,
627
- type: ptype,
628
- }
629
- }
630
- if(scrollbar == 'yes') {
631
- adata['scrollbar'] = {
632
- el: '.swiper-scrollbar',
633
- draggable: true,
634
- }
635
- }
636
- if(keyboard == 'yes'){
637
- adata['keyboard'] = {
638
- enabled:true,
639
- onlyInViewport : true,
640
- }
641
- }
642
- if(loop == false) {
643
- adata['autoplay'] ={
644
- delay : duration,
645
- stopOnLastSlide : true,
646
- disableOnInteraction : false,
647
- }
648
- }
649
- //console.log(adata);
650
- window.mswiper = new Swiper( '.elementor-element-' + wid + ' .eae-swiper-outer-wrapper .swiper-container', adata);
651
- $('.elementor-element-' + wid + ' .eae-swiper-outer-wrapper .swiper-container').css('visibility','visible');
652
- }
653
- };
654
-
655
- /* Info Circle */
656
- var InfoCircleHandler = function ($scope, $) {
657
-
658
- $wrap_class = '.elementor-element-'+ $scope.data('id');
659
- $angle = 0;
660
-
661
- function set_icon_mobile($wrap_class) {
662
- $icons = $(document).find($wrap_class).find('.eae-ic-icon-wrap');
663
-
664
- if(window.innerWidth < 767){
665
- $icons.each(function (index, value) {
666
- $(value).css('top', $(value).height()/2 + 8 + "px");
667
- $(value).next('.eae-info-circle-item__content-wrap').css('padding-top',$(value).height()/2 + 8 + "px");
668
- });
669
- }
670
- else{
671
- $icons.each(function (index, value) {
672
- $(value).css('margin-left', $(value).outerWidth() * -.5);
673
- $(value).css('margin-top', $(value).outerHeight() * -.5);
674
- $a = arc_to_coords($angle);
675
- $b = 360 / $icons.length;
676
- $(value).css('left', $a.x + "%");
677
- $(value).css('top', $a.y + "%");
678
- $angle += $b;
679
- });
680
- }
681
- }
682
- set_icon_mobile($scope);
683
-
684
- function arc_to_coords(angle) {
685
- angle = (angle - 90) * Math.PI / 180;
686
-
687
- return {
688
- x: 50 + (45 * Math.cos(angle)),
689
- y: 50 + (45 * Math.sin(angle))
690
- }
691
- }
692
-
693
- var timer = null;
694
- $autoplayDuration = $scope.find('.eae-info-circle').data('delay');
695
-
696
- function startSetInterval() {
697
- if ($scope.find('.eae-info-circle').data('autoplay') == 'yes') {
698
- timer = setInterval(showDiv, $autoplayDuration);
699
- }
700
- }
701
-
702
- // start function on page load
703
- startSetInterval();
704
-
705
- // hover behaviour
706
- $scope.find('.eae-ic-icon-wrap').hover(function () {
707
- clearInterval(timer);
708
- }, function () {
709
- startSetInterval();
710
- });
711
- if($scope.find('.eae-info-circle-item').length > 0)
712
- {
713
- $($scope.find('.eae-info-circle-item')[0]).addClass('eae-active');
714
- }
715
-
716
- $scope.find('.eae-ic-icon-wrap').on('click mouseenter', function () {
717
- $scope.find('.eae-info-circle-item').removeClass('eae-active');
718
- $(this).parent().addClass('eae-active');
719
- });
720
-
721
- function showDiv() {
722
- if ($scope.find('.eae-active').next().length > 0) {
723
- $scope.find('.eae-active').next().addClass('eae-active').siblings().removeClass('eae-active');
724
- }
725
- else {
726
- $scope.find('.eae-info-circle-item').eq(0).addClass('eae-active').siblings().removeClass('eae-active');
727
- }
728
- }
729
-
730
- window.addEventListener("resize", set_icon_mobile.bind(this,$wrap_class) );
731
- };
732
-
733
- var TimelineHandler = function ($scope, $) {
734
-
735
- set_progress_bar();
736
-
737
- function set_progress_bar() {
738
- var pb = $scope.find(".eae-timline-progress-bar");
739
- var items = $scope.find(".eae-timeline-item");
740
- var tl = $scope.find(".eae-timeline");
741
- var h = $(tl).height();
742
- var last_offset = $(items).last().find('.eae-tl-icon-wrapper').offset().top - $(items[0]).parent().offset().top;
743
- var icon_width = $scope.find('.eae-tl-icon-wrapper');
744
-
745
- $(pb).css('top', $(items[0]).find('.eae-tl-icon-wrapper').offset().top - $(items[0]).parent().offset().top);
746
- $(pb).css('bottom', h - last_offset);
747
- $(pb).css('left', icon_width.eq(0)[0].offsetLeft + icon_width.eq(0).width() / 2);
748
-
749
- items.each(function (index, value) {
750
- var waypoint = new Waypoint({
751
- element: $(value),
752
- handler: function (direction) {
753
- if (direction == 'down') {
754
- $(value).addClass('eae-tl-item-focused');
755
- }
756
- else {
757
- $(value).removeClass('eae-tl-item-focused');
758
- }
759
- },
760
- offset: 100,
761
- })
762
- });
763
- }
764
-
765
- function progress_bar_increment() {
766
- var pb = $scope.find(".eae-timline-progress-bar");
767
-
768
- //jQuery(".eae-timline-progress-bar").css('top', $scope.find(".eae-timeline").offset().top + 50);
769
- $scope.find(".eae-pb-inner-line").css('height', $(window).scrollTop() - $scope.find(".eae-timeline").offset().top + 100);
770
- $scope.find(".eae-pb-inner-line").css('max-height', $scope.find(".eae-pb-inner-line").parent().height());
771
- }
772
-
773
- // listen for events
774
- //window.addEventListener("load", set_progress_bar);
775
- window.addEventListener("resize", set_progress_bar);
776
- window.addEventListener("scroll", progress_bar_increment);
777
- };
778
-
779
- function eaeSetCookie(cname, cvalue, exdays) {
780
- var d = new Date();
781
- d.setTime(d.getTime() + (exdays * 60 * 60 * 1000));
782
-
783
- //console.log('exp time',cookie_expire);
784
- //d.setTime(d.getTime() + ( exdays * 60 * 60 * 1000));
785
- var expires = "expires=" + d.toUTCString();
786
- document.cookie = cname + "=" + cvalue + ";" + expires + ";path=/";
787
-
788
- };
789
-
790
- function eaeGetCookie(cname) {
791
- var name = cname + "=";
792
- var decodedCookie = decodeURIComponent(document.cookie);
793
- var ca = decodedCookie.split(';');
794
- for (var i = 0; i < ca.length; i++) {
795
- var c = ca[i];
796
- while (c.charAt(0) == ' ') {
797
- c = c.substring(1);
798
- }
799
- if (c.indexOf(name) == 0) {
800
- return c.substring(name.length, c.length);
801
- }
802
- }
803
- return "";
804
- };
805
-
806
- var EgTimerSkin1 = function ($scope, $) {
807
-
808
- var countDownDate = $scope.find(".eae-evergreen-wrapper").data("egtime");
809
- var cookie_expire = $scope.find(".eae-evergreen-wrapper").data("egt-expire");
810
- var element_type = $scope.find(".eae-evergreen-wrapper").data("element-type");
811
- var element_id = "eae-" + $scope.find(".eae-evergreen-wrapper").data("id");
812
- var element_cookie_id = "eae-temp-" + $scope.find(".eae-evergreen-wrapper").data("id");
813
- var actions = $scope.find(".eae-evergreen-wrapper").data("actions");
814
-
815
- var unqId = $scope.find(".eae-evergreen-wrapper").data("unqid");
816
-
817
- var now = new Date().getTime();
818
-
819
- // for front end time get from cookie
820
-
821
- if(!$scope.hasClass('elementor-element-edit-mode')) {
822
- if (element_type === 'countdown') {
823
- date1 = new Date(countDownDate);
824
- countDownDate = date1.getTime();
825
-
826
- var expires1 = "expires=" + date1.toUTCString();
827
- document.cookie = element_cookie_id + "=" + date1.getTime() + ";" + expires1 +";path=/";
828
- }
829
- else {
830
- var first_load_value = eaeGetCookie(element_id);
831
- var date1 = "";
832
- if (first_load_value !== "") {
833
- date1 = new Date(parseInt(first_load_value));
834
- date1.setSeconds(date1.getSeconds() + $scope.find(".eae-evergreen-wrapper").data("egtime"));
835
- countDownDate = date1.getTime();
836
-
837
- var d2 = new Date(parseInt(first_load_value));
838
- d2.setTime(d2.getTime() + (cookie_expire * 60 * 60 * 1000));
839
- var expires2 = "expires=" + d2.toUTCString();
840
- document.cookie = element_id + "=" + first_load_value + ";" + expires2 +';path=/';
841
-
842
-
843
- var d1 = new Date(parseInt(first_load_value));
844
- d1.setTime(d1.getTime() + ($scope.find(".eae-evergreen-wrapper").data("egtime") * 1000));
845
- var expires1 = "expires=" + d1.toUTCString();
846
-
847
- //console.log('expire',expires);
848
- if ((countDownDate - now) > 0) {
849
- document.cookie = element_cookie_id + "=" + first_load_value + ";" + expires1 +";path=/";
850
- }
851
- }
852
- else {
853
- //console.log('countdown date set cookie',countDownDate);
854
- temp_date = countDownDate;
855
- date1 = new Date();
856
- date1.setSeconds(date1.getSeconds() + $scope.find(".eae-evergreen-wrapper").data("egtime"));
857
- countDownDate = date1.getTime();
858
- //console.log('countdown date set cookie',countDownDate);
859
- eaeSetCookie(element_id, new Date().getTime(), cookie_expire);
860
- //eaeSetCookie(element_cookie_id, new Date().getTime(), countDownDate);
861
-
862
- var d = new Date();
863
- d.setTime(d.getTime() + (temp_date * 1000));
864
- var expires = "expires=" + d.toUTCString();
865
- console.log('first load');
866
- //console.log('expire',expires);
867
-
868
- document.cookie = element_cookie_id + "=" + new Date().getTime() + ";" + expires +";path=/";
869
- }
870
- }
871
- }
872
- if(!$scope.hasClass('elementor-element-edit-mode')){
873
- var distance = countDownDate - now;
874
-
875
- if(distance < 0){
876
-
877
- if(actions.length > 0)
878
- {
879
- actions.forEach(function (value) {
880
- if (value === 'redirect') {
881
- $url = $scope.find(".eae-evergreen-wrapper").data("redirected-url");
882
- if ($url !== "") {
883
- window.location.href = $url1;
884
- }
885
- }
886
- if (value === 'hide') {
887
- if(!$scope.hasClass('elementor-element-edit-mode')) {
888
- $scope.find('#eaeclockdiv').css('display', 'none');
889
- $scope.find('.egt-title').css('display', 'none');
890
- }
891
- }
892
- if (value === 'message') {
893
- $scope.find('.eae-egt-message').css('display', 'block');
894
- }
895
- if (value === 'hide_parent') {
896
- if(!$scope.hasClass('elementor-element-edit-mode')) {
897
- $p_secs = $scope.closest('section');
898
- $p_secs.css('display', 'none');
899
- }
900
- }
901
- });
902
- }
903
-
904
- days = "00";
905
- hours = "00";
906
- minutes = "00";
907
- seconds = "00";
908
-
909
- $scope.find('.'+unqId).find('#eaedivDays').html(days);
910
- $scope.find('.'+unqId).find('#eaedivHours').html(hours.slice(-2));
911
- $scope.find('.'+unqId).find('#eaedivMinutes').html(minutes.slice(-2));
912
- $scope.find('.'+unqId).find('#eaedivSeconds').html(seconds.slice(-2));
913
- return;
914
- }
915
- }
916
-
917
- // For editor
918
-
919
- if($scope.hasClass('elementor-element-edit-mode')) {
920
- console.log('editor');
921
- if (element_type === 'countdown') {
922
- date1 = new Date(countDownDate);
923
- countDownDate = date1.getTime();
924
- }
925
- else {
926
- date1 = new Date();
927
- date1.setSeconds(date1.getSeconds() + $scope.find(".eae-evergreen-wrapper").data("egtime"));
928
- countDownDate = date1.getTime();
929
- }
930
-
931
- console.log('date editor', countDownDate);
932
- }
933
-
934
- var y = setInterval(function () {
935
- //console.log('c date inner',countDownDate);
936
- // Get todays date and time
937
-
938
- var now = new Date().getTime();
939
- // Find the distance between now and the count down date
940
-
941
- var distance = countDownDate - now;
942
-
943
- //console.log('distance',distance);
944
- var days = 0;
945
- var hours = 0;
946
- var minutes = 0;
947
- var seconds = 0;
948
- if (distance > 0) {
949
- // Time calculations for days, hours, minutes and seconds
950
- days = Math.floor(distance / (1000 * 60 * 60 * 24));
951
- hours = "0" + Math.floor((distance % (1000 * 60 * 60 * 24)) / (1000 * 60 * 60));
952
- minutes = "0" + Math.floor((distance % (1000 * 60 * 60)) / (1000 * 60));
953
- seconds = "0" + Math.floor((distance % (1000 * 60)) / 1000);
954
- }
955
- else {
956
- if(actions.length > 0)
957
- {
958
- actions.forEach(function (value) {
959
- if (value === 'redirect') {
960
- $url1 = $scope.find(".eae-evergreen-wrapper").data("redirected-url");
961
- if ($url1 !== "") {
962
- window.location.href = $url1;
963
- }
964
- }
965
- if (value === 'hide') {
966
- if(!$scope.hasClass('elementor-element-edit-mode')) {
967
- $scope.find('#eaeclockdiv').css('display', 'none');
968
- $scope.find('.egt-title').css('display', 'none');
969
- }
970
- }
971
- if (value === 'message') {
972
- $scope.find('.eae-egt-message').css('display', 'block');
973
- }
974
- if (value === 'hide_parent') {
975
- if(!$scope.hasClass('elementor-element-edit-mode')) {
976
- $p_secs = $scope.closest('section');
977
- $p_secs.css('display', 'none');
978
- }
979
- }
980
- });
981
- }
982
- clearInterval(y);
983
- days = "00";
984
- hours = "00";
985
- minutes = "00";
986
- seconds = "00";
987
- }
988
-
989
- if(days < 10)
990
- {
991
- days = "0"+ days;
992
- }
993
- $scope.find('.'+unqId).find('#eaedivDays').html(days);
994
- $scope.find('.'+unqId).find('#eaedivHours').html(hours.slice(-2));
995
- $scope.find('.'+unqId).find('#eaedivMinutes').html(minutes.slice(-2));
996
- $scope.find('.'+unqId).find('#eaedivSeconds').html(seconds.slice(-2));
997
-
998
- }, 1000);
999
- };
1000
-
1001
- var EgTimerSkin2 = function ($scope, $) {
1002
- var countDownDate = $scope.find(".eae-evergreen-wrapper").data("egtime");
1003
- var cookie_expire = $scope.find(".eae-evergreen-wrapper").data("egt-expire");
1004
- var element_type = $scope.find(".eae-evergreen-wrapper").data("element-type");
1005
- var element_id = "eae-" + $scope.find(".eae-evergreen-wrapper").data("id");
1006
- var element_cookie_id = "eae-temp-" + $scope.find(".eae-evergreen-wrapper").data("id");
1007
- var actions = $scope.find(".eae-evergreen-wrapper").data("actions");
1008
- var unqId = $scope.find(".eae-evergreen-wrapper").data("unqid");
1009
-
1010
- var now = new Date().getTime();
1011
-
1012
- if(!$scope.hasClass('elementor-element-edit-mode')) {
1013
- if (element_type === 'countdown') {
1014
- date1 = new Date(countDownDate);
1015
- countDownDate = date1.getTime();
1016
- console.log('countdown',countDownDate);
1017
- console.log('date 1',date1);
1018
- console.log('date 1 gettime',date1.getTime());
1019
- var expires1 = "expires=" + date1.toUTCString();
1020
- console.log('expire',expires1);
1021
-
1022
- document.cookie = element_cookie_id + "=" + date1.getTime() + ";" + expires1 +";path=/";
1023
- }
1024
- else {
1025
- var first_load_value = eaeGetCookie(element_id);
1026
- var date1 = "";
1027
- if (first_load_value !== "") {
1028
- date1 = new Date(parseInt(first_load_value));
1029
- date1.setSeconds(date1.getSeconds() + $scope.find(".eae-evergreen-wrapper").data("egtime"));
1030
- countDownDate = date1.getTime();
1031
-
1032
- var d2 = new Date(parseInt(first_load_value));
1033
- d2.setTime(d2.getTime() + (cookie_expire * 60 * 60 * 1000));
1034
- var expires2 = "expires=" + d2.toUTCString();
1035
- document.cookie = element_id + "=" + first_load_value + ";" + expires2 +';path=/';
1036
-
1037
-
1038
- var d1 = new Date(parseInt(first_load_value));
1039
- d1.setTime(d1.getTime() + ($scope.find(".eae-evergreen-wrapper").data("egtime") * 1000));
1040
- var expires1 = "expires=" + d1.toUTCString();
1041
-
1042
- //console.log('expire',expires);
1043
- if ((countDownDate - now) > 0) {
1044
- document.cookie = element_cookie_id + "=" + first_load_value + ";" + expires1 +";path=/";
1045
- }
1046
- }
1047
- else {
1048
- //console.log('countdown date set cookie',countDownDate);
1049
- temp_date = countDownDate;
1050
- date1 = new Date();
1051
- date1.setSeconds(date1.getSeconds() + $scope.find(".eae-evergreen-wrapper").data("egtime"));
1052
- countDownDate = date1.getTime();
1053
- //console.log('countdown date set cookie',countDownDate);
1054
- eaeSetCookie(element_id, new Date().getTime(), cookie_expire);
1055
- //eaeSetCookie(element_cookie_id, new Date().getTime(), countDownDate);
1056
-
1057
- var d = new Date();
1058
- d.setTime(d.getTime() + (temp_date * 1000));
1059
- var expires = "expires=" + d.toUTCString();
1060
- console.log('first load');
1061
- //console.log('expire',expires);
1062
-
1063
- document.cookie = element_cookie_id + "=" + new Date().getTime() + ";" + expires +";path=/";
1064
- }
1065
- }
1066
- }
1067
- if(!$scope.hasClass('elementor-element-edit-mode')){
1068
- var distance = countDownDate - now;
1069
- console.log('frontend actions');
1070
- if(distance < 0){
1071
-
1072
- if(actions.length > 0)
1073
- {
1074
- actions.forEach(function (value) {
1075
- if (value === 'redirect') {
1076
- $url = $scope.find(".eae-evergreen-wrapper").data("redirected-url");
1077
- if ($url !== "") {
1078
- window.location.href = $url;
1079
- }
1080
- }
1081
- if (value === 'hide') {
1082
- $scope.find('.'+unqId).find('.timer-container').css('display', 'none');
1083
- $scope.find('.'+unqId).find('.egt-title').css('display', 'none');
1084
- }
1085
- if (value === 'message') {
1086
- $scope.find('.'+unqId).find('.eae-egt-message').css('display', 'block');
1087
- }
1088
- if (value === 'hide_parent') {
1089
- if(!$scope.hasClass('elementor-element-edit-mode')) {
1090
- $p_secs = $scope.closest('section');
1091
- $p_secs.css('display', 'none');
1092
- }
1093
- }
1094
- });
1095
- }
1096
-
1097
-
1098
- return;
1099
- }
1100
- }
1101
-
1102
- if($scope.hasClass('elementor-element-edit-mode')) {
1103
- console.log('editor');
1104
- if (element_type === 'countdown') {
1105
- date1 = new Date(countDownDate);
1106
- countDownDate = date1.getTime();
1107
- }
1108
- else {
1109
- date1 = new Date();
1110
- date1.setSeconds(date1.getSeconds() + $scope.find(".eae-evergreen-wrapper").data("egtime"));
1111
- countDownDate = date1.getTime();
1112
- }
1113
-
1114
- console.log('date editor', countDownDate);
1115
- }
1116
-
1117
- // Update the count down every 1 second
1118
- var x = setInterval(function () {
1119
-
1120
- // Get todays date and time
1121
- var now = new Date().getTime();
1122
-
1123
- // Find the distance between now and the count down date
1124
- var distance = countDownDate - now;
1125
-
1126
- // Time calculations for days, hours, minutes and seconds
1127
- var days = Math.floor(distance / (1000 * 60 * 60 * 24));
1128
- var hours = Math.floor((distance % (1000 * 60 * 60 * 24)) / (1000 * 60 * 60));
1129
- var minutes = Math.floor((distance % (1000 * 60 * 60)) / (1000 * 60));
1130
- var seconds = Math.floor((distance % (1000 * 60)) / 1000);
1131
-
1132
- $scope.find('.'+unqId).find('#eaeulSec1').find('.flip-clock-active').removeClass('flip-clock-active');
1133
- $scope.find('.'+unqId).find('#eaeulSec1').find('.flip-clock-before').removeClass('flip-clock-before');
1134
- $scope.find('.'+unqId).find('#eaeulSec').find('.flip-clock-active').removeClass('flip-clock-active');
1135
- $scope.find('.'+unqId).find('#eaeulSec').find('.flip-clock-before').removeClass('flip-clock-before');
1136
- // If the count down is finished, write some text
1137
- if (distance < 0) {
1138
- clearInterval(x);
1139
- if(actions.length > 0)
1140
- {
1141
- console.log('action length',actions.length);
1142
- actions.forEach(function (value) {
1143
- if (value === 'redirect') {
1144
- if(!$scope.hasClass('elementor-element-edit-mode')) {
1145
- $url1 = $scope.find(".eae-evergreen-wrapper").data("redirected-url");
1146
- console.log('url',$url1);
1147
- if ($url1 !== "") {
1148
- window.location.href = $url1;
1149
- }
1150
- }
1151
- }
1152
- if (value === 'hide') {
1153
- if(!$scope.hasClass('elementor-element-edit-mode')) {
1154
- $scope.find('.' + unqId).find('.timer-container').css('display', 'none');
1155
- $scope.find('.' + unqId).find('.egt-title').css('display', 'none');
1156
- }
1157
- }
1158
- if (value === 'message') {
1159
- if(!$scope.hasClass('elementor-element-edit-mode')) {
1160
- $scope.find('.' + unqId).find('.eae-egt-message').css('display', 'block');
1161
- }
1162
- }
1163
- if (value === 'hide_parent') {
1164
- if(!$scope.hasClass('elementor-element-edit-mode')) {
1165
- $p_secs = $scope.closest('section');
1166
- $p_secs.css('display', 'none');
1167
- }
1168
- }
1169
- });
1170
- }
1171
- //document.getElementById("demo").Html = "EXPIRED";
1172
- return;
1173
- }
1174
- if($.trim(seconds).length === 2){
1175
- //var x = parseInt($.trim(seconds).charAt(1)) - 1;
1176
- var a = "#eaeulSec1 li:eq( "+ $.trim(seconds).charAt(1) +" )";
1177
- var b = "#eaeulSec li:eq( "+ $.trim(seconds).charAt(0) +" )";
1178
-
1179
- if ($scope.find('.'+unqId).find(a).next().length > 0) {
1180
- $scope.find('.'+unqId).find( a ).addClass('flip-clock-active');
1181
- $scope.find('.'+unqId).find( a ).next().addClass('flip-clock-before');
1182
- }
1183
- else{
1184
- $scope.find('.'+unqId).find('#eaeulSec1 li:last-child').addClass('flip-clock-active');
1185
- $scope.find('.'+unqId).find('#eaeulSec1 li:first-child').addClass('flip-clock-before');
1186
- }
1187
- if ($scope.find('.'+unqId).find(b).next().length > 0) {
1188
- $scope.find('.'+unqId).find( b ).addClass('flip-clock-active');
1189
- $scope.find('.'+unqId).find( b ).next().addClass('flip-clock-before');
1190
- }
1191
- else{
1192
- $scope.find('.'+unqId).find('#eaeulSec li:last-child').addClass('flip-clock-active');
1193
- $scope.find('.'+unqId).find('#eaeulSec li:first-child').addClass('flip-clock-before');
1194
- }
1195
- }
1196
- else{
1197
- //var x = parseInt($.trim(seconds).charAt(1)) - 1;
1198
- var a = "#eaeulSec1 li:eq( "+ $.trim(seconds).charAt(0) +" )";
1199
- var b = "#eaeulSec li:eq( 0 )";
1200
-
1201
- if ($scope.find('.'+unqId).find(a).next().length > 0) {
1202
- $scope.find('.'+unqId).find( a ).addClass('flip-clock-active');
1203
- $scope.find('.'+unqId).find( a ).next().addClass('flip-clock-before');
1204
- }
1205
- else{
1206
- $scope.find('.'+unqId).find('#eaeulSec1 li:last-child').addClass('flip-clock-active');
1207
- $scope.find('.'+unqId).find('#eaeulSec1 li:first-child').addClass('flip-clock-before');
1208
- }
1209
-
1210
- if ($scope.find('.'+unqId).find(b).next().length > 0) {
1211
- $scope.find('.'+unqId).find( b ).addClass('flip-clock-active');
1212
- $scope.find('.'+unqId).find( b ).next().addClass('flip-clock-before');
1213
- }
1214
- else{
1215
- $scope.find('.'+unqId).find('#eaeulSec li:last-child').addClass('flip-clock-active');
1216
- $scope.find('.'+unqId).find('#eaeulSec li:first-child').addClass('flip-clock-before');
1217
- }
1218
- }
1219
-
1220
- $scope.find('.'+unqId).find('#eaeulMin1').find('.flip-clock-active').removeClass('flip-clock-active');
1221
- $scope.find('.'+unqId).find('#eaeulMin1').find('.flip-clock-before').removeClass('flip-clock-before');
1222
- $scope.find('.'+unqId).find('#eaeulMin').find('.flip-clock-active').removeClass('flip-clock-active');
1223
- $scope.find('.'+unqId).find('#eaeulMin').find('.flip-clock-before').removeClass('flip-clock-before');
1224
-
1225
- if($.trim(minutes).length == 2){
1226
- //var x = parseInt($.trim(seconds).charAt(1)) - 1;
1227
- var a = "#eaeulMin1 li:eq( "+ $.trim(minutes).charAt(1) +" )";
1228
- var b = "#eaeulMin li:eq( "+ $.trim(minutes).charAt(0) +" )";
1229
-
1230
- if ($scope.find('.'+unqId).find(a).next().length > 0) {
1231
- $scope.find('.'+unqId).find( a ).addClass('flip-clock-active');
1232
- $scope.find('.'+unqId).find( a ).next().addClass('flip-clock-before');
1233
- }
1234
- else{
1235
- $scope.find('.'+unqId).find('#eaeulMin1 li:last-child').addClass('flip-clock-active');
1236
- $scope.find('.'+unqId).find('#eaeulMin1 li:first-child').addClass('flip-clock-before');
1237
- }
1238
- if ($scope.find('.'+unqId).find(b).next().length > 0) {
1239
- $scope.find('.'+unqId).find( b ).addClass('flip-clock-active');
1240
- $scope.find('.'+unqId).find( b ).next().addClass('flip-clock-before');
1241
- }
1242
- else{
1243
- $scope.find('.'+unqId).find('#eaeulMin li:last-child').addClass('flip-clock-active');
1244
- $scope.find('.'+unqId).find('#eaeulMin li:first-child').addClass('flip-clock-before');
1245
- }
1246
- }
1247
- else{
1248
- //var x = parseInt($.trim(seconds).charAt(1)) - 1;
1249
- var a = "#eaeulMin1 li:eq( "+ $.trim(minutes).charAt(0) +" )";
1250
- var b = "#eaeulMin li:eq( 0 )";
1251
-
1252
- if ($scope.find('.'+unqId).find(a).next().length > 0) {
1253
- $scope.find('.'+unqId).find( a ).addClass('flip-clock-active');
1254
- $scope.find('.'+unqId).find( a ).next().addClass('flip-clock-before');
1255
- }
1256
- else{
1257
- $scope.find('.'+unqId).find('#eaeulMin1 li:last-child').addClass('flip-clock-active');
1258
- $scope.find('.'+unqId).find('#eaeulMin1 li:first-child').addClass('flip-clock-before');
1259
- }
1260
-
1261
- if ($scope.find('.'+unqId).find(b).next().length > 0) {
1262
- $scope.find('.'+unqId).find( b ).addClass('flip-clock-active');
1263
- $scope.find('.'+unqId).find( b ).next().addClass('flip-clock-before');
1264
- }
1265
- else{
1266
- $scope.find('.'+unqId).find('#eaeulMin li:last-child').addClass('flip-clock-active');
1267
- $scope.find('.'+unqId).find('#eaeulMin li:first-child').addClass('flip-clock-before');
1268
- }
1269
- }
1270
-
1271
- $scope.find('.'+unqId).find('#eaeulHour1').find('.flip-clock-active').removeClass('flip-clock-active');
1272
- $scope.find('.'+unqId).find('#eaeulHour1').find('.flip-clock-before').removeClass('flip-clock-before');
1273
- $scope.find('.'+unqId).find('#eaeulHour').find('.flip-clock-active').removeClass('flip-clock-active');
1274
- $scope.find('.'+unqId).find('#eaeulHour').find('.flip-clock-before').removeClass('flip-clock-before');
1275
-
1276
- if($.trim(hours).length == 2){
1277
- //var x = parseInt($.trim(seconds).charAt(1)) - 1;
1278
- var a = "#eaeulHour1 li:eq( "+ $.trim(hours).charAt(1) +" )";
1279
- var b = "#eaeulHour li:eq( "+ $.trim(hours).charAt(0) +" )";
1280
-
1281
- if ($scope.find('.'+unqId).find(a).next().length > 0) {
1282
- $scope.find('.'+unqId).find( a ).addClass('flip-clock-active');
1283
- $scope.find('.'+unqId).find( a ).next().addClass('flip-clock-before');
1284
- }
1285
- else{
1286
- $scope.find('.'+unqId).find('#eaeulHour1 li:last-child').addClass('flip-clock-active');
1287
- $scope.find('.'+unqId).find('#eaeulHour1 li:first-child').addClass('flip-clock-before');
1288
- }
1289
- if ($scope.find('.'+unqId).find(b).next().length > 0) {
1290
- $scope.find('.'+unqId).find( b ).addClass('flip-clock-active');
1291
- $scope.find('.'+unqId).find( b ).next().addClass('flip-clock-before');
1292
- }
1293
- else{
1294
- $scope.find('.'+unqId).find('#eaeulHour li:last-child').addClass('flip-clock-active');
1295
- $scope.find('.'+unqId).find('#eaeulHour li:first-child').addClass('flip-clock-before');
1296
- }
1297
- }
1298
- else{
1299
- //var x = parseInt($.trim(seconds).charAt(1)) - 1;
1300
- var a = "#eaeulHour1 li:eq( "+ $.trim(hours).charAt(0) +" )";
1301
- var b = "#eaeulHour li:eq( 0 )";
1302
-
1303
- if ($scope.find('.'+unqId).find(a).next().length > 0) {
1304
- $scope.find('.'+unqId).find( a ).addClass('flip-clock-active');
1305
- $scope.find('.'+unqId).find( a ).next().addClass('flip-clock-before');
1306
- }
1307
- else{
1308
- $scope.find('.'+unqId).find('#eaeulHour1 li:last-child').addClass('flip-clock-active');
1309
- $scope.find('.'+unqId).find('#eaeulHour li:first-child').addClass('flip-clock-before');
1310
- }
1311
-
1312
- if ($scope.find('.'+unqId).find(b).next().length > 0) {
1313
- $scope.find('.'+unqId).find( b ).addClass('flip-clock-active');
1314
- $scope.find('.'+unqId).find( b ).next().addClass('flip-clock-before');
1315
- }
1316
- else{
1317
- $scope.find('.'+unqId).find('#eaeulHour li:last-child').addClass('flip-clock-active');
1318
- $scope.find('.'+unqId).find('#eaeulHour li:first-child').addClass('flip-clock-before');
1319
- }
1320
- }
1321
-
1322
- $scope.find('.'+unqId).find('#eaeulDay1').find('.flip-clock-active').removeClass('flip-clock-active');
1323
- $scope.find('.'+unqId).find('#eaeulDay1').find('.flip-clock-before').removeClass('flip-clock-before');
1324
- $scope.find('.'+unqId).find('#eaeulDay').find('.flip-clock-active').removeClass('flip-clock-active');
1325
- $scope.find('.'+unqId).find('#eaeulDay').find('.flip-clock-before').removeClass('flip-clock-before');
1326
-
1327
- if($.trim(days).length == 2){
1328
- //var x = parseInt($.trim(seconds).charAt(1)) - 1;
1329
- var a = "#eaeulDay1 li:eq( "+ $.trim(days).charAt(1) +" )";
1330
- var b = "#eaeulDay li:eq( "+ $.trim(days).charAt(0) +" )";
1331
-
1332
- if ($scope.find('.'+unqId).find(a).next().length > 0) {
1333
- $scope.find('.'+unqId).find( a ).addClass('flip-clock-active');
1334
- $scope.find('.'+unqId).find( a ).next().addClass('flip-clock-before');
1335
- }
1336
- else{
1337
- $scope.find('.'+unqId).find('#eaeulDay1 li:last-child').addClass('flip-clock-active');
1338
- $scope.find('.'+unqId).find('#eaeulDay1 li:first-child').addClass('flip-clock-before');
1339
- }
1340
- if ($scope.find('.'+unqId).find(b).next().length > 0) {
1341
- $scope.find('.'+unqId).find( b ).addClass('flip-clock-active');
1342
- $scope.find('.'+unqId).find( b ).next().addClass('flip-clock-before');
1343
- }
1344
- else{
1345
- $scope.find('.'+unqId).find('#eaeulDay li:last-child').addClass('flip-clock-active');
1346
- $scope.find('.'+unqId).find('#eaeulDay li:first-child').addClass('flip-clock-before');
1347
- }
1348
- }
1349
- else{
1350
- //var x = parseInt($.trim(seconds).charAt(1)) - 1;
1351
- var a = "#eaeulDay1 li:eq( "+ $.trim(days).charAt(0) +" )";
1352
- var b = "#eaeulDay li:eq( 0 )";
1353
-
1354
- if ($scope.find('.'+unqId).find(a).next().length > 0) {
1355
- $scope.find('.'+unqId).find( a ).addClass('flip-clock-active');
1356
- $scope.find('.'+unqId).find( a ).next().addClass('flip-clock-before');
1357
- }
1358
- else{
1359
- $scope.find('.'+unqId).find('#eaeulDay1 li:last-child').addClass('flip-clock-active');
1360
- $scope.find('.'+unqId).find('#eaeulDay li:first-child').addClass('flip-clock-before');
1361
- }
1362
-
1363
- if ($scope.find('.'+unqId).find(b).next().length > 0) {
1364
- $scope.find('.'+unqId).find( b ).addClass('flip-clock-active');
1365
- $scope.find('.'+unqId).find( b ).next().addClass('flip-clock-before');
1366
- }
1367
- else{
1368
- $scope.find('.'+unqId).find('#eaeulDay li:last-child').addClass('flip-clock-active');
1369
- $scope.find('.'+unqId).find('#eaeulDay li:first-child').addClass('flip-clock-before');
1370
- }
1371
- }
1372
-
1373
- }, 1000);
1374
- };
1375
-
1376
- var EgTimerSkin3 = function ($scope, $) {
1377
- var countDownDate = $scope.find(".eae-evergreen-wrapper").data("egtime");
1378
- var cookie_expire = $scope.find(".eae-evergreen-wrapper").data("egt-expire");
1379
- var element_type = $scope.find(".eae-evergreen-wrapper").data("element-type");
1380
- var element_id = "eae-" + $scope.find(".eae-evergreen-wrapper").data("id");
1381
- var element_cookie_id = "eae-temp-" + $scope.find(".eae-evergreen-wrapper").data("id");
1382
- var actions = $scope.find(".eae-evergreen-wrapper").data("actions");
1383
- var dayShow = $scope.find(".eae-evergreen-wrapper").data("days");
1384
- var hourShow = $scope.find(".eae-evergreen-wrapper").data("hours");
1385
- var minShow = $scope.find(".eae-evergreen-wrapper").data("mins");
1386
- var secShow = $scope.find(".eae-evergreen-wrapper").data("seconds");
1387
- var unqId = $scope.find(".eae-evergreen-wrapper").data("unqid");
1388
-
1389
- var now = new Date().getTime();
1390
-
1391
- // for front end time get from cookie
1392
-
1393
- if(!$scope.hasClass('elementor-element-edit-mode')) {
1394
- if (element_type === 'countdown') {
1395
- date1 = new Date(countDownDate);
1396
- countDownDate = date1.getTime();
1397
-
1398
- var expires1 = "expires=" + date1.toUTCString();
1399
- document.cookie = element_cookie_id + "=" + date1.getTime() + ";" + expires1 +";path=/";
1400
-
1401
- }
1402
- else {
1403
- var first_load_value = eaeGetCookie(element_id);
1404
- var date1 = "";
1405
- if (first_load_value !== "") {
1406
- date1 = new Date(parseInt(first_load_value));
1407
- date1.setSeconds(date1.getSeconds() + $scope.find(".eae-evergreen-wrapper").data("egtime"));
1408
- countDownDate = date1.getTime();
1409
-
1410
- var d2 = new Date(parseInt(first_load_value));
1411
- d2.setTime(d2.getTime() + (cookie_expire * 60 * 60 * 1000));
1412
- var expires2 = "expires=" + d2.toUTCString();
1413
- document.cookie = element_id + "=" + first_load_value + ";" + expires2 +';path=/';
1414
-
1415
-
1416
- var d1 = new Date(parseInt(first_load_value));
1417
- d1.setTime(d1.getTime() + ($scope.find(".eae-evergreen-wrapper").data("egtime") * 1000));
1418
- var expires1 = "expires=" + d1.toUTCString();
1419
-
1420
- //console.log('expire',expires);
1421
- if ((countDownDate - now) > 0) {
1422
- document.cookie = element_cookie_id + "=" + first_load_value + ";" + expires1 +";path=/";
1423
- }
1424
- }
1425
- else {
1426
- //console.log('countdown date set cookie',countDownDate);
1427
- temp_date = countDownDate;
1428
- date1 = new Date();
1429
- date1.setSeconds(date1.getSeconds() + $scope.find(".eae-evergreen-wrapper").data("egtime"));
1430
- countDownDate = date1.getTime();
1431
- //console.log('countdown date set cookie',countDownDate);
1432
- eaeSetCookie(element_id, new Date().getTime(), cookie_expire);
1433
- //eaeSetCookie(element_cookie_id, new Date().getTime(), countDownDate);
1434
-
1435
- var d = new Date();
1436
- d.setTime(d.getTime() + (temp_date * 1000));
1437
- var expires = "expires=" + d.toUTCString();
1438
- console.log('first load');
1439
- //console.log('expire',expires);
1440
-
1441
- document.cookie = element_cookie_id + "=" + new Date().getTime() + ";" + expires +";path=/";
1442
- }
1443
- }
1444
- }
1445
- if(!$scope.hasClass('elementor-element-edit-mode')) {
1446
- var distance = updateTime(countDownDate);
1447
-
1448
- if (parseInt(distance.all) < 1) {
1449
- console.log('distance', distance.all);
1450
- console.log('action length', actions.length);
1451
- if (actions.length > 0) {
1452
- actions.forEach(function (value) {
1453
- if (value === 'redirect') {
1454
- if (!$scope.hasClass('elementor-element-edit-mode')) {
1455
- $url = $scope.find(".eae-evergreen-wrapper").data("redirected-url");
1456
- if ($url !== "") {
1457
- window.location.href = $url;
1458
- }
1459
- }
1460
- }
1461
- if (value === 'hide_parent') {
1462
- if (!$scope.hasClass('elementor-element-edit-mode')) {
1463
- $p_secs = $scope.closest('section');
1464
- $p_secs.css('display', 'none');
1465
- }
1466
- }
1467
- if (value === 'hide') {
1468
- $scope.find('#timer').css('display', 'none');
1469
- $scope.find('.egt-title').css('display', 'none');
1470
- $scope.find('.desc').css('display', 'none');
1471
- }
1472
- if (value === 'message') {
1473
- $scope.find('.eae-egt-message').css('display', 'block');
1474
- }
1475
- });
1476
-
1477
- if(actions.length === 1){
1478
- if(actions[0] === '' || actions[0] === 'message'){
1479
- var clock = $scope.find('.' + unqId).find('#timer')[0];
1480
- //clock.innerHTML = "<span class='egt-time eae-time-wrapper'>0</span><span class='egt-time eae-time-wrapper'>0</span><span class='egt-time eae-time-wrapper'>0</span><span class='egt-time eae-time-wrapper'>0</span>";
1481
- if (dayShow === 'yes') {
1482
- clock.innerHTML = "<span class='egt-time eae-time-wrapper'><div>00</div></span>";
1483
- }
1484
- if (hourShow === 'yes') {
1485
- if (dayShow === 'yes') {
1486
- $(clock).append("<span class='egt-time eae-time-wrapper'><div>00</div></span>");
1487
- }
1488
- else {
1489
- clock.innerHTML = "<span class='egt-time eae-time-wrapper'><div>00</div></span>";
1490
- }
1491
- }
1492
- if (minShow === 'yes') {
1493
- if (dayShow === 'yes' || hourShow === 'yes') {
1494
- $(clock).append("<span class='egt-time eae-time-wrapper'><div>00</div></span>");
1495
- }
1496
- else {
1497
- clock.innerHTML = "<span class='egt-time eae-time-wrapper'><div>00</div></span>";
1498
- }
1499
- }
1500
- if (secShow === 'yes') {
1501
- if (dayShow === 'yes' || hourShow === 'yes' || minShow === 'yes') {
1502
- $(clock).append("<span class='egt-time eae-time-wrapper'><div>00</div></span>");
1503
- }
1504
- else {
1505
- clock.innerHTML = "<span class='egt-time eae-time-wrapper'><div>00</div></span>";
1506
- }
1507
- }
1508
- }
1509
- }
1510
- }
1511
-
1512
- // set html for 000000
1513
-
1514
-
1515
- return;
1516
- }
1517
- }
1518
-
1519
- if($scope.hasClass('elementor-element-edit-mode')) {
1520
- if (element_type === 'countdown') {
1521
- date1 = new Date(countDownDate);
1522
- countDownDate = date1.getTime();
1523
- }
1524
- else {
1525
- date1 = new Date();
1526
- date1.setSeconds(date1.getSeconds() + $scope.find(".eae-evergreen-wrapper").data("egtime"));
1527
- countDownDate = date1.getTime();
1528
- }
1529
-
1530
- console.log('date editor', countDownDate);
1531
- }
1532
-
1533
- /* if (element_type === 'countdown') {
1534
- date1 = new Date(countDownDate);
1535
- countDownDate = date1.getTime();
1536
- }
1537
- else {
1538
- var first_load_value = eaeGetCookie(element_id);
1539
- var date1 = "";
1540
- if (first_load_value !== "") {
1541
- date1 = new Date(parseInt(first_load_value));
1542
- date1.setSeconds(date1.getSeconds() + countDownDate);
1543
- countDownDate = date1.getTime();
1544
- }
1545
- else {
1546
- date1 = new Date();
1547
- date1.setSeconds(date1.getSeconds() + countDownDate);
1548
- countDownDate = date1.getTime();
1549
- eaeSetCookie(element_id, new Date().getTime(), cookie_expire);
1550
- }
1551
- }*/
1552
-
1553
- var timer = updateTime(countDownDate);
1554
-
1555
- if(timer.all > 1) {
1556
- startTimer('timer', countDownDate);
1557
- }
1558
-
1559
- function updateTime(endDate) {
1560
- var time = countDownDate - new Date();
1561
-
1562
- return {
1563
- 'days': Math.floor( time / (1000*60*60*24) ),
1564
- 'hours': "0" + Math.floor( (time / (1000*60*60)) % 24 ),
1565
- 'minutes': "0" + Math.floor( (time / (1000*60)) % 60 ),
1566
- 'seconds': "0" + Math.floor( (time / 1000) % 60 ),
1567
- 'all': time
1568
- }
1569
-
1570
- }
1571
-
1572
- function animate(span) {
1573
- span.classList.add('fade');
1574
- setTimeout(function() {
1575
- span.classList.remove('fade');
1576
- }, 700)
1577
- }
1578
- function startTimer(clockID, endDate) {
1579
-
1580
- var timeInt = setInterval(function() {
1581
- //var clock = document.getElementById(clockID);
1582
- var clock = $scope.find('.'+unqId).find('#timer')[0];
1583
- var timer = updateTime(countDownDate);
1584
-
1585
- //clock.innerHTML = "<span class='egt-time eae-time-wrapper'><div>"+timer.days+"</div></span><span class='egt-time eae-time-wrapper'><div>"+timer.hours+" </div></span><span class='egt-time eae-time-wrapper'><div>"+timer.minutes+"</div></span><span class='egt-time eae-time-wrapper'><div>"+timer.seconds+"</div></span>";
1586
- if(dayShow === 'yes')
1587
- {
1588
- if(timer.days < 10){
1589
- timer.days = "0" + timer.days;
1590
- }
1591
- clock.innerHTML = "<span class='egt-time eae-time-wrapper'><div>"+timer.days+"</div></span>";
1592
- }
1593
- if(hourShow === 'yes') {
1594
- if(dayShow === 'yes') {
1595
- $(clock).append("<span class='egt-time eae-time-wrapper'><div>" + timer.hours.slice(-2) + "</div></span>");
1596
- }
1597
- else {
1598
- clock.innerHTML = "<span class='egt-time eae-time-wrapper'><div>" + timer.hours.slice(-2) + "</div></span>";
1599
- }
1600
- }
1601
- if(minShow === 'yes') {
1602
- if(dayShow === 'yes' || hourShow === 'yes') {
1603
- $(clock).append("<span class='egt-time eae-time-wrapper'><div>" + timer.minutes.slice(-2) + "</div></span>");
1604
- }
1605
- else{
1606
- clock.innerHTML = "<span class='egt-time eae-time-wrapper'><div>" + timer.minutes.slice(-2) + "</div></span>";
1607
- }
1608
- }
1609
- if(secShow === 'yes') {
1610
- if(dayShow === 'yes' || hourShow === 'yes' || minShow === 'yes') {
1611
- $(clock).append("<span class='egt-time eae-time-wrapper'><div>" + timer.seconds.slice(-2) + "</div></span>");
1612
- }
1613
- else{
1614
- clock.innerHTML = "<span class='egt-time eae-time-wrapper'><div>" + timer.seconds.slice(-2) + "</div></span>";
1615
- }
1616
- }
1617
- //console.log('d',dayShow,'h',hourShow,'m',minShow,'s',secShow);
1618
- // animate
1619
- var spans = clock.getElementsByTagName('span');
1620
- if(dayShow === 'yes') {
1621
- if (timer.hours == 59 && timer.minutes == 59 && timer.seconds == 59) animate(spans[0]);
1622
- }
1623
-
1624
- if(hourShow === 'yes') {
1625
- if(dayShow === 'yes') {
1626
- if (timer.minutes == 59 && timer.seconds == 59) animate(spans[1]);
1627
- }
1628
- else {
1629
- if (timer.minutes == 59 && timer.seconds == 59) animate(spans[0]);
1630
- }
1631
- }
1632
-
1633
- if(minShow === 'yes') {
1634
- if(dayShow === 'yes') {
1635
- if(hourShow === 'yes') {
1636
- if (timer.seconds == 59) animate(spans[2]);
1637
- }
1638
- else{
1639
- if (timer.seconds == 59) animate(spans[1]);
1640
- }
1641
- }
1642
- else {
1643
- if(hourShow === 'yes') {
1644
- if (timer.seconds == 59) animate(spans[1]);
1645
- }
1646
- else{
1647
- if (timer.seconds == 59) animate(spans[0]);
1648
- }
1649
- }
1650
- }
1651
- if(secShow === 'yes') {
1652
- if(dayShow === 'yes') {
1653
- if(hourShow === 'yes') {
1654
- if(minShow === 'yes') {
1655
- animate(spans[3]);
1656
- }
1657
- }
1658
- else{
1659
- if(minShow === 'yes') {
1660
- animate(spans[2]);
1661
- }
1662
- else{
1663
- animate(spans[1]);
1664
- }
1665
- }
1666
- }
1667
- else{
1668
- if(hourShow === 'yes') {
1669
- if(minShow === 'yes') {
1670
- animate(spans[2]);
1671
- }
1672
- }
1673
- else{
1674
- if(minShow === 'yes') {
1675
- animate(spans[1]);
1676
- }
1677
- else{
1678
- animate(spans[0]);
1679
- }
1680
- }
1681
- }
1682
- }
1683
-
1684
- if(timer.all <= 1) {
1685
- clearInterval(timeInt);
1686
- //clock.innerHTML = "<span class='egt-time eae-time-wrapper'>0</span><span class='egt-time eae-time-wrapper'>0</span><span class='egt-time eae-time-wrapper'>0</span><span class='egt-time eae-time-wrapper'>0</span>";
1687
- if(dayShow === 'yes')
1688
- {
1689
- clock.innerHTML = "<span class='egt-time eae-time-wrapper'><div>00</div></span>";
1690
- }
1691
- if(hourShow === 'yes') {
1692
- if(dayShow === 'yes') {
1693
- $(clock).append("<span class='egt-time eae-time-wrapper'><div>00</div></span>");
1694
- }
1695
- else {
1696
- clock.innerHTML = "<span class='egt-time eae-time-wrapper'><div>00</div></span>";
1697
- }
1698
- }
1699
- if(minShow === 'yes') {
1700
- if(dayShow === 'yes' || hourShow === 'yes') {
1701
- $(clock).append("<span class='egt-time eae-time-wrapper'><div>00</div></span>");
1702
- }
1703
- else{
1704
- clock.innerHTML = "<span class='egt-time eae-time-wrapper'><div>00</div></span>";
1705
- }
1706
- }
1707
- if(secShow === 'yes') {
1708
- if(dayShow === 'yes' || hourShow === 'yes' || minShow === 'yes') {
1709
- $(clock).append("<span class='egt-time eae-time-wrapper'><div>00</div></span>");
1710
- }
1711
- else{
1712
- clock.innerHTML = "<span class='egt-time eae-time-wrapper'><div>00</div></span>";
1713
- }
1714
- }
1715
-
1716
- if (!$scope.hasClass('elementor-element-edit-mode')) {
1717
- if (actions.length > 0) {
1718
- actions.forEach(function (value) {
1719
- console.log('value', value);
1720
- if (value === 'redirect') {
1721
- $url1 = $scope.find(".eae-evergreen-wrapper").data("redirected-url");
1722
- if ($url1 !== "") {
1723
- window.location.href = $url1;
1724
- }
1725
- }
1726
- if (value === 'hide') {
1727
- $scope.find('#timer').css('display', 'none');
1728
- $scope.find('.egt-title').css('display', 'none');
1729
- $scope.find('.desc').css('display', 'none');
1730
- }
1731
- if (value === 'message') {
1732
- $scope.find('.eae-egt-message').css('display', 'block');
1733
- }
1734
- if (value === 'hide_parent') {
1735
- $p_secs = $scope.closest('section');
1736
- $p_secs.css('display', 'none');
1737
- }
1738
- });
1739
- }
1740
- }
1741
- }
1742
- }, 1000);
1743
- }
1744
- };
1745
-
1746
- var EgTimerSkin4 = function ($scope, $) {
1747
- var countDownDate = $scope.find(".eae-evergreen-wrapper").data("egtime");
1748
- var cookie_expire = $scope.find(".eae-evergreen-wrapper").data("egt-expire");
1749
- var element_type = $scope.find(".eae-evergreen-wrapper").data("element-type");
1750
- var element_id = "eae-" + $scope.find(".eae-evergreen-wrapper").data("id");
1751
- var actions = $scope.find(".eae-evergreen-wrapper").data("actions");
1752
- var dayShow = $scope.find(".eae-evergreen-wrapper").data("days");
1753
- var hourShow = $scope.find(".eae-evergreen-wrapper").data("hours");
1754
- var minShow = $scope.find(".eae-evergreen-wrapper").data("mins");
1755
- var secShow = $scope.find(".eae-evergreen-wrapper").data("seconds");
1756
-
1757
-
1758
- if (element_type === 'countdown') {
1759
- date1 = new Date(countDownDate);
1760
- countDownDate = date1.getTime();
1761
- countDownDate = Math.floor((countDownDate - new Date())/1000);
1762
- }
1763
- else {
1764
- var first_load_value = eaeGetCookie(element_id);
1765
- var date1 = "";
1766
- var cur_date = "";
1767
- if (first_load_value !== "") {
1768
- date1 = new Date(parseInt(first_load_value));
1769
- cur_date = new Date().getTime();
1770
- date1 = cur_date - first_load_value;
1771
- date1 = date1/1000;
1772
- countDownDate = countDownDate - date1;
1773
- }
1774
- else {
1775
- //date1 = new Date();
1776
- //date1.setSeconds(date1.getSeconds() + countDownDate);
1777
- //console.log('date1 else',date1);
1778
- //countDownDate = countDownDate;
1779
- eaeSetCookie(element_id, new Date().getTime(), cookie_expire);
1780
- }
1781
- }
1782
-
1783
- C3Counter("counter", { startTime :countDownDate });
1784
-
1785
- function C3Counter(id, opt) {
1786
-
1787
- this.options = {
1788
- stepTime: 60, // not used
1789
- format: "dd:hh:mm:ss", // not used
1790
- startTime: "00:00:00:00",
1791
- digitImages: 1,
1792
- digitWidth: 30,
1793
- digitHeight: 44,
1794
- digitSlide : true,
1795
- digitSlideTime : 200,
1796
- digitImageHeight : 484,
1797
- digitAnimationHeight : 44,
1798
- timerEnd: function(){},
1799
- image: "digits.png",
1800
- updateInterval : 1000
1801
-
1802
- };
1803
- var s;
1804
- if (typeof opt != "undefined") {
1805
- for (s in this.options) {
1806
- if (typeof opt[s] != "undefined") {
1807
- this.options[s] = opt[s];
1808
- }
1809
- }
1810
- }
1811
- if (String(options.startTime).indexOf(":") == -1) {
1812
- options.tempStartTime = options.startTime;
1813
- } else {
1814
- //TODO - does not convert time with : to seconds to count
1815
- var td = new Date(options.startTime);
1816
- }
1817
-
1818
-
1819
- this.pad2 = function(number) {
1820
- return (number < 10 ? '0' : '') + number;
1821
- }
1822
-
1823
- var timer = setInterval( "this.updateCounter()", options.updateInterval);
1824
- var startTime = new Date().getTime();
1825
- var secNo = 0;
1826
- var timerSingle = new Array();
1827
- var dc = 0;
1828
- var digits = new Array();
1829
- var d = new Date();
1830
- var lastTime = d.getTime();
1831
-
1832
- this.calculateTime = function() {
1833
- var tempTime = options.tempStartTime;
1834
-
1835
- if (String(options.tempStartTime).indexOf(":") == -1) {
1836
- var seconds=Math.round(options.tempStartTime % 60);
1837
- options.tempStartTime=Math.floor(options.tempStartTime/60);
1838
- var minutes=Math.round(options.tempStartTime % 60);
1839
- options.tempStartTime=Math.floor(options.tempStartTime/60);
1840
- var hours=Math.round(options.tempStartTime % 24);
1841
- options.tempStartTime=Math.floor(options.tempStartTime/24);
1842
- var days=Math.round(options.tempStartTime);
1843
- options.timeStr = this.pad2(days)+this.pad2(hours)+this.pad2(minutes)+this.pad2(seconds);
1844
- }
1845
-
1846
- var currTime = new Date().getTime();
1847
- var diff = currTime - startTime;
1848
- if(seconds < 0 || minutes < 0 || hours < 0 || days < 0){
1849
- options.timeStr = this.pad2(0)+this.pad2(0)+this.pad2(0)+this.pad2(0);
1850
- }
1851
- options.tempStartTime = options.startTime - Math.round(diff/1000);
1852
- };
1853
- this.calculateTime();
1854
-
1855
- for (dc=0; dc<8; dc++) {
1856
- digits[dc] = { digit: this.options.timeStr.charAt(dc)};
1857
- /*if(dayShow !== 'yes'){
1858
- console.log('day no show',dc);
1859
- //dc = 3;
1860
- return true;
1861
- }
1862
- console.log('if out',dc);*/
1863
- $("#"+id).append("<div id='digit"+dc+"' style='position:relative;float:left;width:"+this.options.digitWidth+"px;height:"+this.options.digitHeight+"px;overflow:hidden;'><div class='digit' id='digit-bg"+dc+"' style='position:absolute; top:-"+digits[dc].digit*this.options.digitAnimationHeight+"px; width:"+this.options.digitWidth+"px; height:"+this.options.digitImageHeight+"px; '></div></div>");
1864
-
1865
- if (dc % 2 == 1 && dc < 6) {
1866
- $("#"+id).append("<div class='digit-separator' style='float:left;'></div>");
1867
- }
1868
- }
1869
-
1870
- $("#"+id).append("<div style='clear:both'></div>");
1871
-
1872
- this.animateDigits = function() {
1873
- for (var dc=0; dc<8; dc++) {
1874
- digits[dc].digitNext = Number(this.options.timeStr.charAt(dc));
1875
- digits[dc].digitNext = (digits[dc].digitNext + 10)%10;
1876
- var no = dc;
1877
-
1878
- if (digits[no].digit == 0) $("#digit-bg"+no).css("top", -this.options.digitImageHeight+this.options.digitHeight + "px");
1879
- if (digits[no].digit != digits[no].digitNext) {
1880
- $("#digit-bg"+no).animate( { "top" : -digits[no].digitNext*options.digitHeight+"px"}, options.digitSlideTime);
1881
- digits[no].digit = digits[no].digitNext;
1882
- }
1883
-
1884
- }
1885
-
1886
- var end = this.checkEnd();
1887
- };
1888
-
1889
- this.checkEnd = function() {
1890
- for (var i = 0; i < digits.length; i++) {
1891
- if (digits[i].digit != 0) {
1892
- return false;
1893
- }
1894
- }
1895
- clearInterval(timer);
1896
- if(typeof(actions) !== 'undefined')
1897
- {
1898
- actions.forEach(function (value) {
1899
- if (value.type === 'redirect') {
1900
- if (value.redirect_url !== "") {
1901
- window.location.href = value.redirect_url;
1902
- }
1903
- }
1904
- if (value.type === 'hide') {
1905
- $scope.find('.eae-evergreen-wrapper').css('display', 'none');
1906
- }
1907
- if (value.type === 'message') {
1908
- $scope.find('.eae-egt-message').css('display', 'block');
1909
- }
1910
- });
1911
- }
1912
- this.options.timerEnd();
1913
- return true;
1914
- };
1915
-
1916
- this.updateCounter = function() {
1917
- d = new Date();
1918
-
1919
- if ((d.getTime() - lastTime) < (options.updateInterval - 50)) {
1920
- return;
1921
- }
1922
- lastTime = d.getTime();
1923
- this.calculateTime();
1924
- this.animateDigits();
1925
- }
1926
-
1927
- }
1928
- };
1929
-
1930
- var CompareTable = function ($scope, $) {
1931
- $($scope.find(".eae-ct-heading")[0]).addClass("active");
1932
- $scope.find( "ul" ).on( "click", "li", function() {
1933
-
1934
- var pos = $(this).index()+2;
1935
- $scope.find("tr").find('td:not(:eq(0))').hide();
1936
- $scope.find('td:nth-child('+pos+')').css('display','table-cell');
1937
- $scope.find("tr").find('th:not(:eq(0))').hide();
1938
- $scope.find('li').removeClass('active');
1939
- $(this).addClass('active');
1940
- });
1941
-
1942
- // Initialize the media query
1943
- var mediaQuery = window.matchMedia('(min-width: 767px)');
1944
-
1945
- // Add a listen event
1946
- mediaQuery.addListener(doSomething);
1947
-
1948
- // Function to do something with the media query
1949
- function doSomething(mediaQuery) {
1950
- if (mediaQuery.matches) {
1951
- $scope.find('.sep').attr('colspan',5);
1952
- } else {
1953
- $scope.find('.sep').attr('colspan',2);
1954
- }
1955
- }
1956
-
1957
- // On load
1958
- doSomething(mediaQuery);
1959
- };
1960
- elementorFrontend.hooks.addAction( 'frontend/element_ready/wts-ab-image.default', ab_image);
1961
- elementorFrontend.hooks.addAction( 'frontend/element_ready/global', ParticlesBG );
1962
- elementorFrontend.hooks.addAction( 'frontend/element_ready/global', AnimatedGradient );
1963
- elementorFrontend.hooks.addAction( 'frontend/element_ready/wts-modal-popup.default', EaePopup );
1964
- elementorFrontend.hooks.addAction( 'frontend/element_ready/wts-testimonial-slider.default', EAETestimonial);
1965
- elementorFrontend.hooks.addAction('frontend/element_ready/eae-info-circle.skin1', InfoCircleHandler);
1966
- elementorFrontend.hooks.addAction('frontend/element_ready/eae-info-circle.skin2', InfoCircleHandler);
1967
- elementorFrontend.hooks.addAction('frontend/element_ready/eae-info-circle.skin3', InfoCircleHandler);
1968
- elementorFrontend.hooks.addAction('frontend/element_ready/eae-info-circle.skin4', InfoCircleHandler);
1969
- elementorFrontend.hooks.addAction('frontend/element_ready/eae-timeline.skin1', TimelineHandler);
1970
- elementorFrontend.hooks.addAction('frontend/element_ready/eae-timeline.skin2', TimelineHandler);
1971
- elementorFrontend.hooks.addAction('frontend/element_ready/eae-timeline.skin3', TimelineHandler);
1972
- elementorFrontend.hooks.addAction('frontend/element_ready/eae-timeline.skin4', TimelineHandler);
1973
- elementorFrontend.hooks.addAction('frontend/element_ready/eae-evergreen-timer.skin1', EgTimerSkin1);
1974
- elementorFrontend.hooks.addAction('frontend/element_ready/eae-evergreen-timer.skin2', EgTimerSkin2);
1975
- elementorFrontend.hooks.addAction('frontend/element_ready/eae-evergreen-timer.skin3', EgTimerSkin3);
1976
- //elementorFrontend.hooks.addAction('frontend/element_ready/eae-evergreen-timer.skin4', EgTimerSkin4);
1977
- elementorFrontend.hooks.addAction('frontend/element_ready/eae-comparisontable.default', CompareTable);
1978
- });
1979
-
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1980
  })(jQuery)
1
+ jQuery( window ).on( 'elementor/frontend/init', function() {
2
+
3
+ elementorFrontend.hooks.addAction( 'frontend/element_ready/wts-gmap.default', function( $scope ) {
4
+ map = new_map($scope.find('.eae-markers'));
5
+
6
+ function new_map( $el ) {
7
+ $wrapper = $scope.find('.eae-markers');
8
+ var zoom = $wrapper.data('zoom');
9
+ var $markers = $el.find('.marker');
10
+ var styles = $wrapper.data('style');
11
+ var prevent_scroll = $wrapper.data('scroll');
12
+ // vars
13
+ var args = {
14
+ zoom : zoom,
15
+ center : new google.maps.LatLng(0, 0),
16
+ mapTypeId : google.maps.MapTypeId.ROADMAP,
17
+ styles : styles
18
+ };
19
+
20
+ // create map
21
+ var map = new google.maps.Map( $el[0], args);
22
+
23
+ // add a markers reference
24
+ map.markers = [];
25
+
26
+ // add markers
27
+ $markers.each(function(){
28
+ add_marker( jQuery(this), map );
29
+ });
30
+
31
+ // center map
32
+ center_map( map, zoom );
33
+
34
+ // return
35
+ return map;
36
+ }
37
+
38
+ function add_marker( $marker, map ) {
39
+ var animate = $wrapper.data('animate')
40
+ $wrapper = $scope.find('.eae-markers');
41
+ //alert($marker.attr('data-lat') + ' - '+ $marker.attr('data-lng'));
42
+ var latlng = new google.maps.LatLng( $marker.attr('data-lat'), $marker.attr('data-lng') );
43
+
44
+ icon_img = $marker.attr('data-icon');
45
+ if(icon_img != ''){
46
+ var icon = {
47
+ url : $marker.attr('data-icon'),
48
+ scaledSize: new google.maps.Size($marker.attr('data-icon-size'), $marker.attr('data-icon-size'))
49
+ };
50
+
51
+ }
52
+
53
+
54
+ //var icon = $marker.attr('data-icon');
55
+
56
+ // create marker
57
+ var marker = new google.maps.Marker({
58
+ position : latlng,
59
+ map : map,
60
+ icon : icon,
61
+ animation: google.maps.Animation.DROP
62
+ });
63
+ if(animate == 'animate-yes'){
64
+ marker.setAnimation(google.maps.Animation.BOUNCE);
65
+ }
66
+ if(animate == 'animate-yes'){
67
+ google.maps.event.addListener(marker, 'click', function() {
68
+ marker.setAnimation(null);
69
+ });
70
+ }
71
+
72
+
73
+
74
+ // add to array
75
+ map.markers.push( marker );
76
+ // if marker contains HTML, add it to an infoWindow
77
+
78
+ if( $marker.html() )
79
+ {
80
+ // create info window
81
+ var infowindow = new google.maps.InfoWindow({
82
+ content : $marker.html()
83
+ });
84
+
85
+ // show info window when marker is clicked
86
+ google.maps.event.addListener(marker, 'click', function() {
87
+ infowindow.open( map, marker );
88
+ });
89
+
90
+
91
+ }
92
+ if(animate == 'animate-yes') {
93
+ google.maps.event.addListener(infowindow, 'closeclick', function () {
94
+ marker.setAnimation(google.maps.Animation.BOUNCE);
95
+ });
96
+ }
97
+ }
98
+
99
+ function center_map( map, zoom ) {
100
+
101
+ // vars
102
+ var bounds = new google.maps.LatLngBounds();
103
+ // loop through all markers and create bounds
104
+ jQuery.each( map.markers, function( i, marker ){
105
+ var latlng = new google.maps.LatLng( marker.position.lat(), marker.position.lng() );
106
+ bounds.extend( latlng );
107
+ });
108
+
109
+ // only 1 marker?
110
+ if( map.markers.length == 1 )
111
+ {
112
+ // set center of map
113
+ map.setCenter( bounds.getCenter() );
114
+ map.setZoom( zoom );
115
+ }
116
+ else
117
+ {
118
+ // fit to bounds
119
+ map.fitBounds( bounds );
120
+ }
121
+ }
122
+ });
123
+
124
+ elementorFrontend.hooks.addAction( 'frontend/element_ready/global', function ( $scope ) {
125
+
126
+ var eae_slides = [];
127
+ var eae_slides_json = [];
128
+ var eae_transition;
129
+ var eae_animation;
130
+ var eae_custom_overlay;
131
+ var eae_overlay;
132
+ var eae_cover;
133
+ var eae_delay;
134
+ var eae_timer;
135
+ var slider_wrapper = $scope.children('.eae-section-bs').children('.eae-section-bs-inner');
136
+
137
+ if (slider_wrapper && slider_wrapper.data('eae-bg-slider')) {
138
+
139
+ slider_images = slider_wrapper.data('eae-bg-slider');
140
+ eae_transition = slider_wrapper.data('eae-bg-slider-transition');
141
+ eae_animation = slider_wrapper.data('eae-bg-slider-animation');
142
+ eae_custom_overlay = slider_wrapper.data('eae-bg-custom-overlay');
143
+ if (eae_custom_overlay == 'yes') {
144
+ eae_overlay = eae_editor.plugin_url + 'assets/lib/vegas/overlays/' + slider_wrapper.data('eae-bg-slider-overlay');
145
+ } else {
146
+ if (slider_wrapper.data('eae-bg-slider-overlay')) {
147
+ eae_overlay = eae_editor.plugin_url + 'assets/lib/vegas/overlays/' + slider_wrapper.data('eae-bg-slider-overlay');
148
+ } else {
149
+ eae_overlay = eae_editor.plugin_url + 'assets/lib/vegas/overlays/' + slider_wrapper.data('eae-bg-slider-overlay');
150
+ }
151
+ }
152
+
153
+ eae_cover = slider_wrapper.data('eae-bg-slider-cover');
154
+ eae_delay = slider_wrapper.data('eae-bs-slider-delay');
155
+ eae_timer = slider_wrapper.data('eae-bs-slider-timer');
156
+
157
+ if (typeof slider_images != 'undefined') {
158
+ eae_slides = slider_images.split(",");
159
+
160
+ jQuery.each(eae_slides, function (key, value) {
161
+ var slide = [];
162
+ slide.src = value;
163
+ eae_slides_json.push(slide);
164
+ });
165
+
166
+ slider_wrapper.vegas({
167
+ slides: eae_slides_json,
168
+ transition: eae_transition,
169
+ animation: eae_animation,
170
+ overlay: eae_overlay,
171
+ cover: eae_cover,
172
+ delay: eae_delay,
173
+ timer: eae_timer,
174
+ init: function () {
175
+ if (eae_custom_overlay == 'yes') {
176
+ var ob_vegas_overlay = slider_wrapper.children('.vegas-overlay');
177
+ ob_vegas_overlay.css('background-image', '');
178
+ }
179
+ }
180
+ });
181
+
182
+ }
183
+ }
184
+ });
185
+
186
+ });
187
+
188
+ (function( $ ) {
189
+
190
+ $(window).on('elementor/frontend/init', function () {
191
+
192
+ var ab_image = function ($scope, $) {
193
+ ab_style = $scope.find('.eae-img-comp-container').data("ab-style");
194
+ slider_pos = $scope.find('.eae-img-comp-container').data("slider-pos");
195
+ if (ab_style == "horizontal") {
196
+ horizontal($scope);
197
+ } else {
198
+ vertical();
199
+ }
200
+
201
+ function horizontal($scope) {
202
+ var x, i, start_pos;
203
+ /*find all elements with an "overlay" class:*/
204
+ x = $scope.find(".eae-img-comp-overlay");
205
+ start_pos = x.width();
206
+ start_pos = start_pos * slider_pos / 100;
207
+ compareImages(x[0]);
208
+
209
+ function compareImages(img) {
210
+ var slider, clicked = 0, w, h;
211
+ /*get the width and height of the img element*/
212
+ w = img.offsetWidth;
213
+ h = img.offsetHeight;
214
+ /*set the width of the img element to 50%:*/
215
+ img.style.width = start_pos + "px";
216
+ /*create slider:*/
217
+ slider = $scope.find(".eae-img-comp-slider");
218
+ slider = slider[0];
219
+ /*position the slider in the middle:*/
220
+ slider.style.top = (h / 2) - (slider.offsetHeight / 2) + "px";
221
+ slider.style.left = start_pos - (slider.offsetWidth / 2) + "px";
222
+ /*execute a function when the mouse button is pressed:*/
223
+ if (!$scope.hasClass('elementor-element-edit-mode')) {
224
+ slider.addEventListener("mousedown", slideReady);
225
+ //slider.addEventListener("mouseover", slideReady);
226
+ //img.addEventListener("mouseover", slideReady);
227
+
228
+ /*and another function when the mouse button is released:*/
229
+ window.addEventListener("mouseup", slideFinish);
230
+ //slider.addEventListener("mouseout", slideFinish);
231
+ //img.addEventListener("mouseout", slideFinish);
232
+ /*or touched (for touch screens:*/
233
+ slider.addEventListener("touchstart", slideReady);
234
+ /*and released (for touch screens:*/
235
+ window.addEventListener("touchstop", slideFinish);
236
+ }
237
+
238
+ function slideReady(e) {
239
+ /*prevent any other actions that may occur when moving over the image:*/
240
+ e.preventDefault();
241
+ /*the slider is now clicked and ready to move:*/
242
+ clicked = 1;
243
+ /*execute a function when the slider is moved:*/
244
+ window.addEventListener("mousemove", slideMove);
245
+ //window.addEventListener("mouseover", slideMove);
246
+ //window.addEventListener("touchmove", slideMove);
247
+ slider.addEventListener("touchmove", touchMoveaction);
248
+ }
249
+
250
+ function slideFinish() {
251
+ /*the slider is no longer clicked:*/
252
+ clicked = 0;
253
+ }
254
+
255
+ function slideMove(e) {
256
+ var pos;
257
+ /*if the slider is no longer clicked, exit this function:*/
258
+ if (clicked == 0) return false;
259
+ /*get the cursor's x position:*/
260
+ pos = getCursorPos(e);
261
+ /*prevent the slider from being positioned outside the image:*/
262
+ if (pos < 0) pos = 0;
263
+ if (pos > w) pos = w;
264
+ /*execute a function that will resize the overlay image according to the cursor:*/
265
+ slide(pos);
266
+ }
267
+
268
+ function touchMoveaction(e) {
269
+ var pos;
270
+ /*if the slider is no longer clicked, exit this function:*/
271
+ if (clicked == 0) return false;
272
+ /*get the cursor's x position:*/
273
+ pos = getTouchPos(e);
274
+
275
+ /*prevent the slider from being positioned outside the image:*/
276
+ if (pos < 0) pos = 0;
277
+ if (pos > w) pos = w;
278
+ /*execute a function that will resize the overlay image according to the cursor:*/
279
+ slide(pos);
280
+ }
281
+
282
+ function getTouchPos(e) {
283
+ var a, x = 0;
284
+ a = img.getBoundingClientRect();
285
+
286
+ /*calculate the cursor's x coordinate, relative to the image:*/
287
+ x = e.changedTouches[0].clientX - a.left;
288
+ return x;
289
+ }
290
+
291
+ function getCursorPos(e) {
292
+ var a, x = 0;
293
+ e = e || window.event;
294
+ /*get the x positions of the image:*/
295
+ a = img.getBoundingClientRect();
296
+ /*calculate the cursor's x coordinate, relative to the image:*/
297
+ x = e.pageX - a.left;
298
+
299
+ /*consider any page scrolling:*/
300
+ //x = x - window.pageXOffset;
301
+ return x;
302
+ }
303
+
304
+ function slide(x) {
305
+ /*resize the image:*/
306
+ img.style.width = x + "px";
307
+ /*position the slider:*/
308
+ slider.style.left = img.offsetWidth - (slider.offsetWidth / 2) + "px";
309
+ }
310
+ }
311
+ }
312
+
313
+ function vertical() {
314
+ var x, i;
315
+ /*find all elements with an "overlay" class:*/
316
+ //x = document.getElementsByClassName("eae-img-comp-overlay");
317
+ x = $scope.find(".eae-img-comp-overlay");
318
+ start_pos = x.height();
319
+ start_pos = start_pos * slider_pos / 100;
320
+ compareImages(x[0]);
321
+
322
+ function compareImages(img) {
323
+ var slider, img, clicked = 0, w, h;
324
+ /*get the width and height of the img element*/
325
+ w = img.offsetWidth;
326
+ h = img.offsetHeight;
327
+ /*set the width of the img element to 50%:*/
328
+ img.style.height = start_pos + "px";
329
+ /*create slider:*/
330
+ slider = $scope.find(".eae-img-comp-slider");
331
+ slider = slider[0];
332
+ /*position the slider in the middle:*/
333
+ slider.style.top = start_pos - (slider.offsetHeight / 2) + "px";
334
+ slider.style.left = (w / 2) - (slider.offsetWidth / 2) + "px";
335
+ /*execute a function when the mouse button is pressed:*/
336
+ if (!$scope.hasClass('elementor-element-edit-mode')) {
337
+ slider.addEventListener("mousedown", slideReady);
338
+ /*and another function when the mouse button is released:*/
339
+ window.addEventListener("mouseup", slideFinish);
340
+ /*or touched (for touch screens:*/
341
+ slider.addEventListener("touchstart", slideReady);
342
+ /*and released (for touch screens:*/
343
+ window.addEventListener("touchstop", slideFinish);
344
+ }
345
+
346
+ function slideReady(e) {
347
+ /*prevent any other actions that may occur when moving over the image:*/
348
+ e.preventDefault();
349
+ /*the slider is now clicked and ready to move:*/
350
+ clicked = 1;
351
+ /*execute a function when the slider is moved:*/
352
+ window.addEventListener("mousemove", slideMove);
353
+ slider.addEventListener("touchmove", touchMoveaction);
354
+ }
355
+
356
+ function slideFinish() {
357
+ /*the slider is no longer clicked:*/
358
+ clicked = 0;
359
+ }
360
+
361
+ function slideMove(e) {
362
+ var pos;
363
+ /*if the slider is no longer clicked, exit this function:*/
364
+ if (clicked == 0) return false;
365
+ /*get the cursor's x position:*/
366
+ pos = getCursorPos(e)
367
+ /*prevent the slider from being positioned outside the image:*/
368
+ if (pos < 0) pos = 0;
369
+ if (pos > h) pos = h;
370
+ /*execute a function that will resize the overlay image according to the cursor:*/
371
+ slide(pos);
372
+ }
373
+
374
+ function getCursorPos(e) {
375
+ var a, x = 0;
376
+ e = e || window.event;
377
+ /*get the x positions of the image:*/
378
+ a = img.getBoundingClientRect();
379
+ /*calculate the cursor's x coordinate, relative to the image:*/
380
+ x = e.pageY - a.top;
381
+ /*consider any page scrolling:*/
382
+ x = x - window.pageYOffset;
383
+
384
+ return x;
385
+ }
386
+
387
+ function touchMoveaction(e) {
388
+ var pos;
389
+ /*if the slider is no longer clicked, exit this function:*/
390
+ if (clicked == 0) return false;
391
+ /*get the cursor's x position:*/
392
+ pos = getTouchPos(e);
393
+
394
+ /*prevent the slider from being positioned outside the image:*/
395
+ if (pos < 0) pos = 0;
396
+ if (pos > h) pos = h;
397
+ /*execute a function that will resize the overlay image according to the cursor:*/
398
+ slide(pos);
399
+ }
400
+
401
+ function getTouchPos(e) {
402
+ var a, x = 0;
403
+ a = img.getBoundingClientRect();
404
+
405
+ /*calculate the cursor's x coordinate, relative to the image:*/
406
+ x = e.changedTouches[0].clientY - a.top;
407
+
408
+ //x = x - slider.offsetHeight;
409
+
410
+ return x;
411
+ }
412
+
413
+ function slide(x) {
414
+ /*resize the image:*/
415
+ img.style.height = x + "px";
416
+ /*position the slider:*/
417
+ slider.style.top = img.offsetHeight - (slider.offsetHeight / 2) + "px";
418
+ }
419
+ }
420
+ }
421
+ }
422
+
423
+ var ParticlesBG = function ($scope, $) {
424
+
425
+ if ($scope.hasClass('eae-particle-yes')) {
426
+ id = $scope.data('id');
427
+ //console.lgo(id);
428
+ element_type = $scope.data('element_type');
429
+ pdata = $scope.data('eae-particle');
430
+ pdata_wrapper = $scope.find('.eae-particle-wrapper').data('eae-pdata');
431
+ if (typeof pdata != 'undefined' && pdata != '') {
432
+ if ($scope.find('.eae-section-bs').length > 0) {
433
+ $scope.find('.eae-section-bs').after('<div class="eae-particle-wrapper" id="eae-particle-' + id + '"></div>');
434
+ particlesJS('eae-particle-' + id, pdata);
435
+ } else {
436
+
437
+ if (element_type == 'column') {
438
+
439
+ $scope.find('.elementor-column-wrap').prepend('<div class="eae-particle-wrapper" id="eae-particle-' + id + '"></div>');
440
+ } else {
441
+ $scope.prepend('<div class="eae-particle-wrapper" id="eae-particle-' + id + '"></div>');
442
+ }
443
+
444
+ particlesJS('eae-particle-' + id, pdata);
445
+ }
446
+
447
+
448
+ } else if (typeof pdata_wrapper != 'undefined' && pdata_wrapper != '') {
449
+
450
+ // $scope.prepend('<div class="eae-particle-wrapper" id="eae-particle-'+ id +'"></div>');
451
+ //console.log('calling particle js else', JSON.parse(pdata_wrapper));
452
+ if (element_type == 'column') {
453
+ $scope.find('.elementor-column-wrap').prepend('<div class="eae-particle-wrapper" id="eae-particle-' + id + '"></div>');
454
+ }
455
+ else{
456
+ $scope.prepend('<div class="eae-particle-wrapper" id="eae-particle-' + id + '"></div>');
457
+ }
458
+
459
+ particlesJS('eae-particle-' + id, JSON.parse(pdata_wrapper));
460
+ }
461
+
462
+ }
463
+
464
+ };
465
+
466
+
467
+ /*EAE Animated Gradient Background*/
468
+
469
+ var AnimatedGradient = function ($scope, $) {
470
+
471
+
472
+ if ($scope.hasClass('eae-animated-gradient-yes')) {
473
+ id = $scope.data('id');
474
+ //editMode = elementorFrontend.isEditMode();
475
+ //console.log(settings);
476
+ color = $scope.data('color');
477
+ angle = $scope.data('angle');
478
+ var gradient_color = 'linear-gradient(' + angle + ',' + color + ')';
479
+ heading = $scope.find('.elementor-heading-title');
480
+ $scope.css('background-image', gradient_color);
481
+ if($scope.hasClass('elementor-element-edit-mode'))
482
+ {
483
+
484
+ color = $scope.find('.animated-gradient').data('color');
485
+ angle = $scope.find('.animated-gradient').data('angle');
486
+ gradient_color_editor = 'linear-gradient(' + angle + ',' + color + ')';
487
+ $scope.prepend('<div class="animated-gradient" style="background-image : ' + gradient_color_editor + ' "></div>');
488
+ //$scope.find('.animated-gradient').css('background-image', gradient_color_editor);
489
+ //$scope.find('.animated-gradient').css('background-color', 'red');
490
+ }
491
+ //$scope.css('position', 'relative');
492
+ //$scope.css('background-color', 'black');
493
+
494
+ }
495
+ };
496
+
497
+ var EaePopup = function ($scope, $) {
498
+ $preview_modal = $scope.find('.eae-popup-wrapper').data('preview-modal');
499
+ $close_btn = $scope.find('.eae-popup-wrapper').data('close-btn');
500
+
501
+ $magnific = $scope.find('.eae-popup-link').eaePopup({
502
+ type: 'inline',
503
+
504
+ disableOn: 0,
505
+
506
+ key: null,
507
+
508
+ midClick: false,
509
+
510
+ mainClass: 'eae-popup eae-popup-' + $scope.find('.eae-popup-link').data('id') + ' eae-wrap-' + $scope.find('.eae-popup-link').data('ctrl-id'),
511
+
512
+ preloader: true,
513
+
514
+ focus: '', // CSS selector of input to focus after popup is opened
515
+
516
+ closeOnContentClick: false,
517
+
518
+ closeOnBgClick: true,
519
+
520
+ closeBtnInside: $scope.find('.eae-popup-wrapper').data('close-in-out'),
521
+
522
+ showCloseBtn: true,
523
+
524
+ enableEscapeKey: false,
525
+
526
+ modal: false,
527
+
528
+ alignTop: false,
529
+
530
+ removalDelay: 0,
531
+
532
+ prependTo: null,
533
+
534
+ fixedContentPos: 'auto',
535
+
536
+ fixedBgPos: 'auto',
537
+
538
+ overflowY: 'auto',
539
+
540
+ closeMarkup: '<i class="eae-close ' + $close_btn + '"> </i>',
541
+
542
+ tClose: 'Close (Esc)',
543
+
544
+ tLoading: 'Loading...',
545
+
546
+ autoFocusLast: true
547
+ });
548
+
549
+ if ($preview_modal == 'yes') {
550
+ if ($scope.hasClass('elementor-element-edit-mode')) {
551
+ $scope.find('.eae-popup-link').click();
552
+ }
553
+ }
554
+ };
555
+
556
+
557
+ var EAETestimonial = function ($scope, $) {
558
+ if ($scope.find('.eae-grid-wrapper').hasClass('eae-masonry-yes')) {
559
+ //console.log('grid');
560
+ var grid = $scope.find('.eae-grid');
561
+ var $grid_obj = grid.masonry({});
562
+ $grid_obj.imagesLoaded().progress(function () {
563
+ $grid_obj.masonry('layout');
564
+ });
565
+ }
566
+ if ($scope.find('.eae-layout-carousel').length) {
567
+ outer_wrapper = $scope.find('.eae-swiper-outer-wrapper');
568
+ wid = $scope.data('id');
569
+ wclass = '.elementor-element-' + wid;
570
+ var direction = outer_wrapper.data('direction');
571
+ var speed = outer_wrapper.data('speed');
572
+ var autoplay = outer_wrapper.data('autoplay')
573
+ var duration = outer_wrapper.data('duration');
574
+ //console.log(duration);
575
+ var effect = outer_wrapper.data('effect');
576
+ var space = outer_wrapper.data('space');
577
+ var loop = outer_wrapper.data('loop');
578
+ if (loop == 'yes') {
579
+ loop = true;
580
+ }
581
+ else {
582
+ loop = false;
583
+ }
584
+ var slides_per_view = outer_wrapper.data('slides-per-view');
585
+ var slides_per_group = outer_wrapper.data('slides-per-group');
586
+ var ptype = outer_wrapper.data('ptype');
587
+ var navigation = outer_wrapper.data('navigation');
588
+ var clickable = outer_wrapper.data('clickable');
589
+ var keyboard = outer_wrapper.data('keyboard');
590
+ var scrollbar = outer_wrapper.data('scrollbar');
591
+ adata = {
592
+ direction: direction,
593
+ effect: effect,
594
+ spaceBetween: space.desktop,
595
+ loop: loop,
596
+ speed: speed,
597
+ slidesPerView: slides_per_view.desktop,
598
+ slidesPerGroup: slides_per_group.desktop,
599
+ observer: true,
600
+ mousewheel: {
601
+ invert: true,
602
+ },
603
+ breakpoints: {
604
+ 1024: {
605
+ spaceBetween: space.tablet,
606
+ slidesPerView: slides_per_view.tablet,
607
+ slidesPerGroup: slides_per_group.tablet,
608
+ },
609
+ 767: {
610
+ spaceBetween: space.mobile,
611
+ slidesPerView: slides_per_view.mobile,
612
+ slidesPerGroup: slides_per_group.mobile,
613
+ }
614
+ }
615
+ };
616
+ if (effect == 'fade') {
617
+ adata['fadeEffect'] = {
618
+ crossFade: false,
619
+ }
620
+ }
621
+ if (autoplay == 'yes') {
622
+ adata['autoplay'] = {
623
+ delay: duration,
624
+ disableOnInteraction: false,
625
+ };
626
+ }
627
+ else {
628
+ adata['autoplay'] = false;
629
+ }
630
+ if (navigation == 'yes') {
631
+ adata['navigation'] = {
632
+ nextEl: '.swiper-button-next',
633
+ prevEl: '.swiper-button-prev',
634
+ }
635
+ }
636
+ if (ptype != '') {
637
+ adata['pagination'] = {
638
+ el: '.swiper-pagination',
639
+ type: ptype,
640
+ }
641
+ }
642
+ if (ptype == 'bullets' && clickable == 'yes') {
643
+ adata['pagination'] = {
644
+ el: '.swiper-pagination',
645
+ clickable: true,
646
+ type: ptype,
647
+ }
648
+ }
649
+ if (scrollbar == 'yes') {
650
+ adata['scrollbar'] = {
651
+ el: '.swiper-scrollbar',
652
+ draggable: true,
653
+ }
654
+ }
655
+ if (keyboard == 'yes') {
656
+ adata['keyboard'] = {
657
+ enabled: true,
658
+ onlyInViewport: true,
659
+ }
660
+ }
661
+ if (loop == false) {
662
+ adata['autoplay'] = {
663
+ delay: duration,
664
+ stopOnLastSlide: true,
665
+ disableOnInteraction: false,
666
+ }
667
+ }
668
+ //console.log(adata);
669
+ window.mswiper = new Swiper('.elementor-element-' + wid + ' .eae-swiper-outer-wrapper .swiper-container', adata);
670
+ $('.elementor-element-' + wid + ' .eae-swiper-outer-wrapper .swiper-container').css('visibility', 'visible');
671
+ }
672
+ };
673
+
674
+ /* Info Circle */
675
+ var InfoCircleHandler = function ($scope, $) {
676
+
677
+ $wrap_class = '.elementor-element-' + $scope.data('id');
678
+ $angle = 0;
679
+
680
+ function set_icon_mobile($wrap_class) {
681
+ $icons = $(document).find($wrap_class).find('.eae-ic-icon-wrap');
682
+
683
+ if (window.innerWidth < 767) {
684
+ $icons.each(function (index, value) {
685
+ $(value).css('top', $(value).height() / 2 + 8 + "px");
686
+ $(value).next('.eae-info-circle-item__content-wrap').css('padding-top', $(value).height() / 2 + 8 + "px");
687
+ });
688
+ }
689
+ else {
690
+ $icons.each(function (index, value) {
691
+ $(value).css('margin-left', $(value).outerWidth() * -.5);
692
+ $(value).css('margin-top', $(value).outerHeight() * -.5);
693
+ $a = arc_to_coords($angle);
694
+ $b = 360 / $icons.length;
695
+ $(value).css('left', $a.x + "%");
696
+ $(value).css('top', $a.y + "%");
697
+ $angle += $b;
698
+ });
699
+ }
700
+ }
701
+
702
+ set_icon_mobile($scope);
703
+
704
+ function arc_to_coords(angle) {
705
+ angle = (angle - 90) * Math.PI / 180;
706
+
707
+ return {
708
+ x: 50 + (45 * Math.cos(angle)),
709
+ y: 50 + (45 * Math.sin(angle))
710
+ }
711
+ }
712
+
713
+ var timer = null;
714
+ $autoplayDuration = $scope.find('.eae-info-circle').data('delay');
715
+
716
+ function startSetInterval() {
717
+ if ($scope.find('.eae-info-circle').data('autoplay') == 'yes') {
718
+ timer = setInterval(showDiv, $autoplayDuration);
719
+ }
720
+ }
721
+
722
+ // start function on page load
723
+ startSetInterval();
724
+
725
+ // hover behaviour
726
+ $scope.find('.eae-ic-icon-wrap').hover(function () {
727
+ clearInterval(timer);
728
+ }, function () {
729
+ startSetInterval();
730
+ });
731
+ if ($scope.find('.eae-info-circle-item').length > 0) {
732
+ $($scope.find('.eae-info-circle-item')[0]).addClass('eae-active');
733
+ }
734
+
735
+ $scope.find('.eae-ic-icon-wrap').on('click mouseenter', function () {
736
+ $scope.find('.eae-info-circle-item').removeClass('eae-active');
737
+ $(this).parent().addClass('eae-active');
738
+ });
739
+
740
+ function showDiv() {
741
+ if ($scope.find('.eae-active').next().length > 0) {
742
+ $scope.find('.eae-active').next().addClass('eae-active').siblings().removeClass('eae-active');
743
+ }
744
+ else {
745
+ $scope.find('.eae-info-circle-item').eq(0).addClass('eae-active').siblings().removeClass('eae-active');
746
+ }
747
+ }
748
+
749
+ window.addEventListener("resize", set_icon_mobile.bind(this, $wrap_class));
750
+ };
751
+
752
+ var TimelineHandler = function ($scope, $) {
753
+
754
+ set_progress_bar();
755
+
756
+ function set_progress_bar() {
757
+ var pb = $scope.find(".eae-timline-progress-bar");
758
+ var items = $scope.find(".eae-timeline-item");
759
+ var tl = $scope.find(".eae-timeline");
760
+ var h = $(tl).height();
761
+ var last_offset = $(items).last().find('.eae-tl-icon-wrapper').offset().top - $(items[0]).parent().offset().top;
762
+ var icon_width = $scope.find('.eae-tl-icon-wrapper');
763
+
764
+ $(pb).css('top', $(items[0]).find('.eae-tl-icon-wrapper').offset().top - $(items[0]).parent().offset().top);
765
+ $(pb).css('bottom', h - last_offset);
766
+ $(pb).css('left', icon_width.eq(0)[0].offsetLeft + icon_width.eq(0).width() / 2);
767
+
768
+ items.each(function (index, value) {
769
+ var waypoint = new Waypoint({
770
+ element: $(value),
771
+ handler: function (direction) {
772
+ if (direction == 'down') {
773
+ $(value).addClass('eae-tl-item-focused');
774
+ }
775
+ else {
776
+ $(value).removeClass('eae-tl-item-focused');
777
+ }
778
+ },
779
+ offset: 100,
780
+ })
781
+ });
782
+ }
783
+
784
+ function progress_bar_increment() {
785
+ var pb = $scope.find(".eae-timline-progress-bar");
786
+
787
+ //jQuery(".eae-timline-progress-bar").css('top', $scope.find(".eae-timeline").offset().top + 50);
788
+ $scope.find(".eae-pb-inner-line").css('height', $(window).scrollTop() - $scope.find(".eae-timeline").offset().top + 100);
789
+ $scope.find(".eae-pb-inner-line").css('max-height', $scope.find(".eae-pb-inner-line").parent().height());
790
+ }
791
+
792
+ // listen for events
793
+ //window.addEventListener("load", set_progress_bar);
794
+ window.addEventListener("resize", set_progress_bar);
795
+ window.addEventListener("scroll", progress_bar_increment);
796
+ };
797
+
798
+ function eaeSetCookie(cname, cvalue, exdays) {
799
+ var d = new Date();
800
+ d.setTime(d.getTime() + (exdays * 60 * 60 * 1000));
801
+
802
+ //console.log('exp time',cookie_expire);
803
+ //d.setTime(d.getTime() + ( exdays * 60 * 60 * 1000));
804
+ var expires = "expires=" + d.toUTCString();
805
+ document.cookie = cname + "=" + cvalue + ";" + expires + ";path=/";
806
+
807
+ };
808
+
809
+ function eaeGetCookie(cname) {
810
+ var name = cname + "=";
811
+ var decodedCookie = decodeURIComponent(document.cookie);
812
+ var ca = decodedCookie.split(';');
813
+ for (var i = 0; i < ca.length; i++) {
814
+ var c = ca[i];
815
+ while (c.charAt(0) == ' ') {
816
+ c = c.substring(1);
817
+ }
818
+ if (c.indexOf(name) == 0) {
819
+ return c.substring(name.length, c.length);
820
+ }
821
+ }
822
+ return "";
823
+ };
824
+
825
+ var EgTimerSkin1 = function ($scope, $) {
826
+
827
+ var countDownDate = $scope.find(".eae-evergreen-wrapper").data("egtime");
828
+ var cookie_expire = $scope.find(".eae-evergreen-wrapper").data("egt-expire");
829
+ var element_type = $scope.find(".eae-evergreen-wrapper").data("element-type");
830
+ var element_id = "eae-" + $scope.find(".eae-evergreen-wrapper").data("id");
831
+ var element_cookie_id = "eae-temp-" + $scope.find(".eae-evergreen-wrapper").data("id");
832
+ var actions = $scope.find(".eae-evergreen-wrapper").data("actions");
833
+
834
+ var unqId = $scope.find(".eae-evergreen-wrapper").data("unqid");
835
+
836
+ var now = new Date().getTime();
837
+
838
+ // for front end time get from cookie
839
+
840
+ if (!$scope.hasClass('elementor-element-edit-mode')) {
841
+ if (element_type === 'countdown') {
842
+ date1 = new Date(countDownDate);
843
+ countDownDate = date1.getTime();
844
+
845
+ var expires1 = "expires=" + date1.toUTCString();
846
+ document.cookie = element_cookie_id + "=" + date1.getTime() + ";" + expires1 + ";path=/";
847
+ }
848
+ else {
849
+ var first_load_value = eaeGetCookie(element_id);
850
+ var date1 = "";
851
+ if (first_load_value !== "") {
852
+ date1 = new Date(parseInt(first_load_value));
853
+ date1.setSeconds(date1.getSeconds() + $scope.find(".eae-evergreen-wrapper").data("egtime"));
854
+ countDownDate = date1.getTime();
855
+
856
+ var d2 = new Date(parseInt(first_load_value));
857
+ d2.setTime(d2.getTime() + (cookie_expire * 60 * 60 * 1000));
858
+ var expires2 = "expires=" + d2.toUTCString();
859
+ document.cookie = element_id + "=" + first_load_value + ";" + expires2 + ';path=/';
860
+
861
+
862
+ var d1 = new Date(parseInt(first_load_value));
863
+ d1.setTime(d1.getTime() + ($scope.find(".eae-evergreen-wrapper").data("egtime") * 1000));
864
+ var expires1 = "expires=" + d1.toUTCString();
865
+
866
+ //console.log('expire',expires);
867
+ if ((countDownDate - now) > 0) {
868
+ document.cookie = element_cookie_id + "=" + first_load_value + ";" + expires1 + ";path=/";
869
+ }
870
+ }
871
+ else {
872
+ //console.log('countdown date set cookie',countDownDate);
873
+ temp_date = countDownDate;
874
+ date1 = new Date();
875
+ date1.setSeconds(date1.getSeconds() + $scope.find(".eae-evergreen-wrapper").data("egtime"));
876
+ countDownDate = date1.getTime();
877
+ //console.log('countdown date set cookie',countDownDate);
878
+ eaeSetCookie(element_id, new Date().getTime(), cookie_expire);
879
+ //eaeSetCookie(element_cookie_id, new Date().getTime(), countDownDate);
880
+
881
+ var d = new Date();
882
+ d.setTime(d.getTime() + (temp_date * 1000));
883
+ var expires = "expires=" + d.toUTCString();
884
+ console.log('first load');
885
+ //console.log('expire',expires);
886
+
887
+ document.cookie = element_cookie_id + "=" + new Date().getTime() + ";" + expires + ";path=/";
888
+ }
889
+ }
890
+ }
891
+ if (!$scope.hasClass('elementor-element-edit-mode')) {
892
+ var distance = countDownDate - now;
893
+
894
+ if (distance < 0) {
895
+
896
+ if (actions.length > 0) {
897
+ actions.forEach(function (value) {
898
+ if (value === 'redirect') {
899
+ $url = $scope.find(".eae-evergreen-wrapper").data("redirected-url");
900
+ if ($.trim($url) !== "") {
901
+ window.location.href = $url1;
902
+ }
903
+ }
904
+ if (value === 'hide') {
905
+ if (!$scope.hasClass('elementor-element-edit-mode')) {
906
+ $scope.find('#eaeclockdiv').css('display', 'none');
907
+ $scope.find('.egt-title').css('display', 'none');
908
+ }
909
+ }
910
+ if (value === 'message') {
911
+ $scope.find('.eae-egt-message').css('display', 'block');
912
+ }
913
+ if (value === 'hide_parent') {
914
+ if (!$scope.hasClass('elementor-element-edit-mode')) {
915
+ $p_secs = $scope.closest('section');
916
+ $p_secs.css('display', 'none');
917
+ }
918
+ }
919
+ });
920
+ }
921
+
922
+ days = "00";
923
+ hours = "00";
924
+ minutes = "00";
925
+ seconds = "00";
926
+
927
+ $scope.find('.' + unqId).find('#eaedivDays').html(days);
928
+ $scope.find('.' + unqId).find('#eaedivHours').html(hours.slice(-2));
929
+ $scope.find('.' + unqId).find('#eaedivMinutes').html(minutes.slice(-2));
930
+ $scope.find('.' + unqId).find('#eaedivSeconds').html(seconds.slice(-2));
931
+ return;
932
+ }
933
+ }
934
+
935
+ // For editor
936
+
937
+ if ($scope.hasClass('elementor-element-edit-mode')) {
938
+
939
+ if (element_type === 'countdown') {
940
+ date1 = new Date(countDownDate);
941
+ countDownDate = date1.getTime();
942
+ }
943
+ else {
944
+ date1 = new Date();
945
+ date1.setSeconds(date1.getSeconds() + $scope.find(".eae-evergreen-wrapper").data("egtime"));
946
+ countDownDate = date1.getTime();
947
+ }
948
+ }
949
+
950
+ var y = setInterval(function () {
951
+ //console.log('c date inner',countDownDate);
952
+ // Get todays date and time
953
+
954
+ var now = new Date().getTime();
955
+ // Find the distance between now and the count down date
956
+
957
+ var distance = countDownDate - now;
958
+
959
+ //console.log('distance',distance);
960
+ var days = 0;
961
+ var hours = 0;
962
+ var minutes = 0;
963
+ var seconds = 0;
964
+ if (distance > 0) {
965
+ // Time calculations for days, hours, minutes and seconds
966
+ days = Math.floor(distance / (1000 * 60 * 60 * 24));
967
+ hours = "0" + Math.floor((distance % (1000 * 60 * 60 * 24)) / (1000 * 60 * 60));
968
+ minutes = "0" + Math.floor((distance % (1000 * 60 * 60)) / (1000 * 60));
969
+ seconds = "0" + Math.floor((distance % (1000 * 60)) / 1000);
970
+ }
971
+ else {
972
+ if (actions.length > 0) {
973
+ if (!$scope.hasClass('elementor-element-edit-mode')) {
974
+ actions.forEach(function (value) {
975
+ if (value === 'redirect') {
976
+ $url1 = $scope.find(".eae-evergreen-wrapper").data("redirected-url");
977
+ if ($.trim($url1) !== "") {
978
+ window.location.href = $url1;
979
+ }
980
+ }
981
+ if (value === 'hide') {
982
+ $scope.find('#eaeclockdiv').css('display', 'none');
983
+ $scope.find('.egt-title').css('display', 'none');
984
+ }
985
+ if (value === 'message') {
986
+ $scope.find('.eae-egt-message').css('display', 'block');
987
+ }
988
+ if (value === 'hide_parent') {
989
+ if (!$scope.hasClass('elementor-element-edit-mode')) {
990
+ $p_secs = $scope.closest('section');
991
+ $p_secs.css('display', 'none');
992
+ }
993
+ }
994
+ });
995
+ }
996
+ }
997
+ clearInterval(y);
998
+ days = "0";
999
+ hours = "00";
1000
+ minutes = "00";
1001
+ seconds = "00";
1002
+ }
1003
+
1004
+ if (days < 10) {
1005
+ days = "0" + days;
1006
+ }
1007
+ $scope.find('.' + unqId).find('#eaedivDays').html(days);
1008
+ $scope.find('.' + unqId).find('#eaedivHours').html(hours.slice(-2));
1009
+ $scope.find('.' + unqId).find('#eaedivMinutes').html(minutes.slice(-2));
1010
+ $scope.find('.' + unqId).find('#eaedivSeconds').html(seconds.slice(-2));
1011
+
1012
+ }, 1000);
1013
+ };
1014
+
1015
+ var EgTimerSkin2 = function ($scope, $) {
1016
+ var countDownDate = $scope.find(".eae-evergreen-wrapper").data("egtime");
1017
+ var cookie_expire = $scope.find(".eae-evergreen-wrapper").data("egt-expire");
1018
+ var element_type = $scope.find(".eae-evergreen-wrapper").data("element-type");
1019
+ var element_id = "eae-" + $scope.find(".eae-evergreen-wrapper").data("id");
1020
+ var element_cookie_id = "eae-temp-" + $scope.find(".eae-evergreen-wrapper").data("id");
1021
+ var actions = $scope.find(".eae-evergreen-wrapper").data("actions");
1022
+ var unqId = $scope.find(".eae-evergreen-wrapper").data("unqid");
1023
+
1024
+ var now = new Date().getTime();
1025
+
1026
+ if (!$scope.hasClass('elementor-element-edit-mode')) {
1027
+ if (element_type === 'countdown') {
1028
+ date1 = new Date(countDownDate);
1029
+ countDownDate = date1.getTime();
1030
+ var expires1 = "expires=" + date1.toUTCString();
1031
+
1032
+ document.cookie = element_cookie_id + "=" + date1.getTime() + ";" + expires1 + ";path=/";
1033
+ }
1034
+ else {
1035
+ var first_load_value = eaeGetCookie(element_id);
1036
+ var date1 = "";
1037
+ if (first_load_value !== "") {
1038
+ date1 = new Date(parseInt(first_load_value));
1039
+ date1.setSeconds(date1.getSeconds() + $scope.find(".eae-evergreen-wrapper").data("egtime"));
1040
+ countDownDate = date1.getTime();
1041
+
1042
+ var d2 = new Date(parseInt(first_load_value));
1043
+ d2.setTime(d2.getTime() + (cookie_expire * 60 * 60 * 1000));
1044
+ var expires2 = "expires=" + d2.toUTCString();
1045
+ document.cookie = element_id + "=" + first_load_value + ";" + expires2 + ';path=/';
1046
+
1047
+
1048
+ var d1 = new Date(parseInt(first_load_value));
1049
+ d1.setTime(d1.getTime() + ($scope.find(".eae-evergreen-wrapper").data("egtime") * 1000));
1050
+ var expires1 = "expires=" + d1.toUTCString();
1051
+
1052
+ //console.log('expire',expires);
1053
+ if ((countDownDate - now) > 0) {
1054
+ document.cookie = element_cookie_id + "=" + first_load_value + ";" + expires1 + ";path=/";
1055
+ }
1056
+ }
1057
+ else {
1058
+ temp_date = countDownDate;
1059
+ date1 = new Date();
1060
+ date1.setSeconds(date1.getSeconds() + $scope.find(".eae-evergreen-wrapper").data("egtime"));
1061
+ countDownDate = date1.getTime();
1062
+ //console.log('countdown date set cookie',countDownDate);
1063
+ eaeSetCookie(element_id, new Date().getTime(), cookie_expire);
1064
+ //eaeSetCookie(element_cookie_id, new Date().getTime(), countDownDate);
1065
+
1066
+ var d = new Date();
1067
+ d.setTime(d.getTime() + (temp_date * 1000));
1068
+ var expires = "expires=" + d.toUTCString();
1069
+
1070
+ document.cookie = element_cookie_id + "=" + new Date().getTime() + ";" + expires + ";path=/";
1071
+ }
1072
+ }
1073
+ }
1074
+ if (!$scope.hasClass('elementor-element-edit-mode')) {
1075
+ var distance = countDownDate - now;
1076
+ if (distance < 0) {
1077
+
1078
+ if (actions.length > 0) {
1079
+ actions.forEach(function (value) {
1080
+ if (value === 'redirect') {
1081
+ $url = $scope.find(".eae-evergreen-wrapper").data("redirected-url");
1082
+ if ($.trim($url) !== "") {
1083
+ window.location.href = $url;
1084
+ }
1085
+ }
1086
+ if (value === 'hide') {
1087
+ $scope.find('.' + unqId).find('.timer-container').css('display', 'none');
1088
+ $scope.find('.' + unqId).find('.egt-title').css('display', 'none');
1089
+ }
1090
+ if (value === 'message') {
1091
+ $scope.find('.' + unqId).find('.eae-egt-message').css('display', 'block');
1092
+ }
1093
+ if (value === 'hide_parent') {
1094
+ if (!$scope.hasClass('elementor-element-edit-mode')) {
1095
+ $p_secs = $scope.closest('section');
1096
+ $p_secs.css('display', 'none');
1097
+ }
1098
+ }
1099
+ });
1100
+ }
1101
+
1102
+
1103
+ return;
1104
+ }
1105
+ }
1106
+
1107
+ if ($scope.hasClass('elementor-element-edit-mode')) {
1108
+ if (element_type === 'countdown') {
1109
+ date1 = new Date(countDownDate);
1110
+ countDownDate = date1.getTime();
1111
+ }
1112
+ else {
1113
+ date1 = new Date();
1114
+ date1.setSeconds(date1.getSeconds() + $scope.find(".eae-evergreen-wrapper").data("egtime"));
1115
+ countDownDate = date1.getTime();
1116
+ }
1117
+ }
1118
+
1119
+ // Update the count down every 1 second
1120
+ var x = setInterval(function () {
1121
+
1122
+ // Get todays date and time
1123
+ var now = new Date().getTime();
1124
+
1125
+ // Find the distance between now and the count down date
1126
+ var distance = countDownDate - now;
1127
+
1128
+ // Time calculations for days, hours, minutes and seconds
1129
+ var days = Math.floor(distance / (1000 * 60 * 60 * 24));
1130
+ var hours = Math.floor((distance % (1000 * 60 * 60 * 24)) / (1000 * 60 * 60));
1131
+ var minutes = Math.floor((distance % (1000 * 60 * 60)) / (1000 * 60));
1132
+ var seconds = Math.floor((distance % (1000 * 60)) / 1000);
1133
+
1134
+ $scope.find('.' + unqId).find('#eaeulSec1').find('.flip-clock-active').removeClass('flip-clock-active');
1135
+ $scope.find('.' + unqId).find('#eaeulSec1').find('.flip-clock-before').removeClass('flip-clock-before');
1136
+ $scope.find('.' + unqId).find('#eaeulSec').find('.flip-clock-active').removeClass('flip-clock-active');
1137
+ $scope.find('.' + unqId).find('#eaeulSec').find('.flip-clock-before').removeClass('flip-clock-before');
1138
+ // If the count down is finished, write some text
1139
+ if (distance < 0) {
1140
+ clearInterval(x);
1141
+ if (actions.length > 0) {
1142
+ actions.forEach(function (value) {
1143
+ if (value === 'redirect') {
1144
+ if (!$scope.hasClass('elementor-element-edit-mode')) {
1145
+ $url1 = $scope.find(".eae-evergreen-wrapper").data("redirected-url");
1146
+ if ($.trim($url1) !== "") {
1147
+ window.location.href = $url1;
1148
+ }
1149
+ }
1150
+ }
1151
+ if (value === 'hide') {
1152
+ if (!$scope.hasClass('elementor-element-edit-mode')) {
1153
+ $scope.find('.' + unqId).find('.timer-container').css('display', 'none');
1154
+ $scope.find('.' + unqId).find('.egt-title').css('display', 'none');
1155
+ }
1156
+ }
1157
+ if (value === 'message') {
1158
+ if (!$scope.hasClass('elementor-element-edit-mode')) {
1159
+ $scope.find('.' + unqId).find('.eae-egt-message').css('display', 'block');
1160
+ }
1161
+ }
1162
+ if (value === 'hide_parent') {
1163
+ if (!$scope.hasClass('elementor-element-edit-mode')) {
1164
+ $p_secs = $scope.closest('section');
1165
+ $p_secs.css('display', 'none');
1166
+ }
1167
+ }
1168
+ });
1169
+ }
1170
+ //document.getElementById("demo").Html = "EXPIRED";
1171
+ return;
1172
+ }
1173
+ if ($.trim(seconds).length === 2) {
1174
+ //var x = parseInt($.trim(seconds).charAt(1)) - 1;
1175
+ var a = "#eaeulSec1 li:eq( " + $.trim(seconds).charAt(1) + " )";
1176
+ var b = "#eaeulSec li:eq( " + $.trim(seconds).charAt(0) + " )";
1177
+
1178
+ if ($scope.find('.' + unqId).find(a).next().length > 0) {
1179
+ $scope.find('.' + unqId).find(a).addClass('flip-clock-active');
1180
+ $scope.find('.' + unqId).find(a).next().addClass('flip-clock-before');
1181
+ }
1182
+ else {
1183
+ $scope.find('.' + unqId).find('#eaeulSec1 li:last-child').addClass('flip-clock-active');
1184
+ $scope.find('.' + unqId).find('#eaeulSec1 li:first-child').addClass('flip-clock-before');
1185
+ }
1186
+ if ($scope.find('.' + unqId).find(b).next().length > 0) {
1187
+ $scope.find('.' + unqId).find(b).addClass('flip-clock-active');
1188
+ $scope.find('.' + unqId).find(b).next().addClass('flip-clock-before');
1189
+ }
1190
+ else {
1191
+ $scope.find('.' + unqId).find('#eaeulSec li:last-child').addClass('flip-clock-active');
1192
+ $scope.find('.' + unqId).find('#eaeulSec li:first-child').addClass('flip-clock-before');
1193
+ }
1194
+ }
1195
+ else {
1196
+ //var x = parseInt($.trim(seconds).charAt(1)) - 1;
1197
+ var a = "#eaeulSec1 li:eq( " + $.trim(seconds).charAt(0) + " )";
1198
+ var b = "#eaeulSec li:eq( 0 )";
1199
+
1200
+ if ($scope.find('.' + unqId).find(a).next().length > 0) {
1201
+ $scope.find('.' + unqId).find(a).addClass('flip-clock-active');
1202
+ $scope.find('.' + unqId).find(a).next().addClass('flip-clock-before');
1203
+ }
1204
+ else {
1205
+ $scope.find('.' + unqId).find('#eaeulSec1 li:last-child').addClass('flip-clock-active');
1206
+ $scope.find('.' + unqId).find('#eaeulSec1 li:first-child').addClass('flip-clock-before');
1207
+ }
1208
+
1209
+ if ($scope.find('.' + unqId).find(b).next().length > 0) {
1210
+ $scope.find('.' + unqId).find(b).addClass('flip-clock-active');
1211
+ $scope.find('.' + unqId).find(b).next().addClass('flip-clock-before');
1212
+ }
1213
+ else {
1214
+ $scope.find('.' + unqId).find('#eaeulSec li:last-child').addClass('flip-clock-active');
1215
+ $scope.find('.' + unqId).find('#eaeulSec li:first-child').addClass('flip-clock-before');
1216
+ }
1217
+ }
1218
+
1219
+ $scope.find('.' + unqId).find('#eaeulMin1').find('.flip-clock-active').removeClass('flip-clock-active');
1220
+ $scope.find('.' + unqId).find('#eaeulMin1').find('.flip-clock-before').removeClass('flip-clock-before');
1221
+ $scope.find('.' + unqId).find('#eaeulMin').find('.flip-clock-active').removeClass('flip-clock-active');
1222
+ $scope.find('.' + unqId).find('#eaeulMin').find('.flip-clock-before').removeClass('flip-clock-before');
1223
+
1224
+ if ($.trim(minutes).length == 2) {
1225
+ //var x = parseInt($.trim(seconds).charAt(1)) - 1;
1226
+ var a = "#eaeulMin1 li:eq( " + $.trim(minutes).charAt(1) + " )";
1227
+ var b = "#eaeulMin li:eq( " + $.trim(minutes).charAt(0) + " )";
1228
+
1229
+ if ($scope.find('.' + unqId).find(a).next().length > 0) {
1230
+ $scope.find('.' + unqId).find(a).addClass('flip-clock-active');
1231
+ $scope.find('.' + unqId).find(a).next().addClass('flip-clock-before');
1232
+ }
1233
+ else {
1234
+ $scope.find('.' + unqId).find('#eaeulMin1 li:last-child').addClass('flip-clock-active');
1235
+ $scope.find('.' + unqId).find('#eaeulMin1 li:first-child').addClass('flip-clock-before');
1236
+ }
1237
+ if ($scope.find('.' + unqId).find(b).next().length > 0) {
1238
+ $scope.find('.' + unqId).find(b).addClass('flip-clock-active');
1239
+ $scope.find('.' + unqId).find(b).next().addClass('flip-clock-before');
1240
+ }
1241
+ else {
1242
+ $scope.find('.' + unqId).find('#eaeulMin li:last-child').addClass('flip-clock-active');
1243
+ $scope.find('.' + unqId).find('#eaeulMin li:first-child').addClass('flip-clock-before');
1244
+ }
1245
+ }
1246
+ else {
1247
+ //var x = parseInt($.trim(seconds).charAt(1)) - 1;
1248
+ var a = "#eaeulMin1 li:eq( " + $.trim(minutes).charAt(0) + " )";
1249
+ var b = "#eaeulMin li:eq( 0 )";
1250
+
1251
+ if ($scope.find('.' + unqId).find(a).next().length > 0) {
1252
+ $scope.find('.' + unqId).find(a).addClass('flip-clock-active');
1253
+ $scope.find('.' + unqId).find(a).next().addClass('flip-clock-before');
1254
+ }
1255
+ else {
1256
+ $scope.find('.' + unqId).find('#eaeulMin1 li:last-child').addClass('flip-clock-active');
1257
+ $scope.find('.' + unqId).find('#eaeulMin1 li:first-child').addClass('flip-clock-before');
1258
+ }
1259
+
1260
+ if ($scope.find('.' + unqId).find(b).next().length > 0) {
1261
+ $scope.find('.' + unqId).find(b).addClass('flip-clock-active');
1262
+ $scope.find('.' + unqId).find(b).next().addClass('flip-clock-before');
1263
+ }
1264
+ else {
1265
+ $scope.find('.' + unqId).find('#eaeulMin li:last-child').addClass('flip-clock-active');
1266
+ $scope.find('.' + unqId).find('#eaeulMin li:first-child').addClass('flip-clock-before');
1267
+ }
1268
+ }
1269
+
1270
+ $scope.find('.' + unqId).find('#eaeulHour1').find('.flip-clock-active').removeClass('flip-clock-active');
1271
+ $scope.find('.' + unqId).find('#eaeulHour1').find('.flip-clock-before').removeClass('flip-clock-before');
1272
+ $scope.find('.' + unqId).find('#eaeulHour').find('.flip-clock-active').removeClass('flip-clock-active');
1273
+ $scope.find('.' + unqId).find('#eaeulHour').find('.flip-clock-before').removeClass('flip-clock-before');
1274
+
1275
+ if ($.trim(hours).length == 2) {
1276
+ //var x = parseInt($.trim(seconds).charAt(1)) - 1;
1277
+ var a = "#eaeulHour1 li:eq( " + $.trim(hours).charAt(1) + " )";
1278
+ var b = "#eaeulHour li:eq( " + $.trim(hours).charAt(0) + " )";
1279
+
1280
+ if ($scope.find('.' + unqId).find(a).next().length > 0) {
1281
+ $scope.find('.' + unqId).find(a).addClass('flip-clock-active');
1282
+ $scope.find('.' + unqId).find(a).next().addClass('flip-clock-before');
1283
+ }
1284
+ else {
1285
+ $scope.find('.' + unqId).find('#eaeulHour1 li:last-child').addClass('flip-clock-active');
1286
+ $scope.find('.' + unqId).find('#eaeulHour1 li:first-child').addClass('flip-clock-before');
1287
+ }
1288
+ if ($scope.find('.' + unqId).find(b).next().length > 0) {
1289
+ $scope.find('.' + unqId).find(b).addClass('flip-clock-active');
1290
+ $scope.find('.' + unqId).find(b).next().addClass('flip-clock-before');
1291
+ }
1292
+ else {
1293
+ $scope.find('.' + unqId).find('#eaeulHour li:last-child').addClass('flip-clock-active');
1294
+ $scope.find('.' + unqId).find('#eaeulHour li:first-child').addClass('flip-clock-before');
1295
+ }
1296
+ }
1297
+ else {
1298
+ //var x = parseInt($.trim(seconds).charAt(1)) - 1;
1299
+ var a = "#eaeulHour1 li:eq( " + $.trim(hours).charAt(0) + " )";
1300
+ var b = "#eaeulHour li:eq( 0 )";
1301
+
1302
+ if ($scope.find('.' + unqId).find(a).next().length > 0) {
1303
+ $scope.find('.' + unqId).find(a).addClass('flip-clock-active');
1304
+ $scope.find('.' + unqId).find(a).next().addClass('flip-clock-before');
1305
+ }
1306
+ else {
1307
+ $scope.find('.' + unqId).find('#eaeulHour1 li:last-child').addClass('flip-clock-active');
1308
+ $scope.find('.' + unqId).find('#eaeulHour li:first-child').addClass('flip-clock-before');
1309
+ }
1310
+
1311
+ if ($scope.find('.' + unqId).find(b).next().length > 0) {
1312
+ $scope.find('.' + unqId).find(b).addClass('flip-clock-active');
1313
+ $scope.find('.' + unqId).find(b).next().addClass('flip-clock-before');
1314
+ }
1315
+ else {
1316
+ $scope.find('.' + unqId).find('#eaeulHour li:last-child').addClass('flip-clock-active');
1317
+ $scope.find('.' + unqId).find('#eaeulHour li:first-child').addClass('flip-clock-before');
1318
+ }
1319
+ }
1320
+
1321
+ $scope.find('.' + unqId).find('#eaeulDay1').find('.flip-clock-active').removeClass('flip-clock-active');
1322
+ $scope.find('.' + unqId).find('#eaeulDay1').find('.flip-clock-before').removeClass('flip-clock-before');
1323
+ $scope.find('.' + unqId).find('#eaeulDay').find('.flip-clock-active').removeClass('flip-clock-active');
1324
+ $scope.find('.' + unqId).find('#eaeulDay').find('.flip-clock-before').removeClass('flip-clock-before');
1325
+
1326
+ if ($.trim(days).length == 2) {
1327
+ //var x = parseInt($.trim(seconds).charAt(1)) - 1;
1328
+ var a = "#eaeulDay1 li:eq( " + $.trim(days).charAt(1) + " )";
1329
+ var b = "#eaeulDay li:eq( " + $.trim(days).charAt(0) + " )";
1330
+
1331
+ if ($scope.find('.' + unqId).find(a).next().length > 0) {
1332
+ $scope.find('.' + unqId).find(a).addClass('flip-clock-active');
1333
+ $scope.find('.' + unqId).find(a).next().addClass('flip-clock-before');
1334
+ }
1335
+ else {
1336
+ $scope.find('.' + unqId).find('#eaeulDay1 li:last-child').addClass('flip-clock-active');
1337
+ $scope.find('.' + unqId).find('#eaeulDay1 li:first-child').addClass('flip-clock-before');
1338
+ }
1339
+ if ($scope.find('.' + unqId).find(b).next().length > 0) {
1340
+ $scope.find('.' + unqId).find(b).addClass('flip-clock-active');
1341
+ $scope.find('.' + unqId).find(b).next().addClass('flip-clock-before');
1342
+ }
1343
+ else {
1344
+ $scope.find('.' + unqId).find('#eaeulDay li:last-child').addClass('flip-clock-active');
1345
+ $scope.find('.' + unqId).find('#eaeulDay li:first-child').addClass('flip-clock-before');
1346
+ }
1347
+ }
1348
+ else {
1349
+ //var x = parseInt($.trim(seconds).charAt(1)) - 1;
1350
+ var a = "#eaeulDay1 li:eq( " + $.trim(days).charAt(0) + " )";
1351
+ var b = "#eaeulDay li:eq( 0 )";
1352
+
1353
+ if ($scope.find('.' + unqId).find(a).next().length > 0) {
1354
+ $scope.find('.' + unqId).find(a).addClass('flip-clock-active');
1355
+ $scope.find('.' + unqId).find(a).next().addClass('flip-clock-before');
1356
+ }
1357
+ else {
1358
+ $scope.find('.' + unqId).find('#eaeulDay1 li:last-child').addClass('flip-clock-active');
1359
+ $scope.find('.' + unqId).find('#eaeulDay li:first-child').addClass('flip-clock-before');
1360
+ }
1361
+
1362
+ if ($scope.find('.' + unqId).find(b).next().length > 0) {
1363
+ $scope.find('.' + unqId).find(b).addClass('flip-clock-active');
1364
+ $scope.find('.' + unqId).find(b).next().addClass('flip-clock-before');
1365
+ }
1366
+ else {
1367
+ $scope.find('.' + unqId).find('#eaeulDay li:last-child').addClass('flip-clock-active');
1368
+ $scope.find('.' + unqId).find('#eaeulDay li:first-child').addClass('flip-clock-before');
1369
+ }
1370
+ }
1371
+
1372
+ }, 1000);
1373
+ };
1374
+
1375
+ var EgTimerSkin3 = function ($scope, $) {
1376
+ var countDownDate = $scope.find(".eae-evergreen-wrapper").data("egtime");
1377
+ var cookie_expire = $scope.find(".eae-evergreen-wrapper").data("egt-expire");
1378
+ var element_type = $scope.find(".eae-evergreen-wrapper").data("element-type");
1379
+ var element_id = "eae-" + $scope.find(".eae-evergreen-wrapper").data("id");
1380
+ var element_cookie_id = "eae-temp-" + $scope.find(".eae-evergreen-wrapper").data("id");
1381
+ var actions = $scope.find(".eae-evergreen-wrapper").data("actions");
1382
+ var dayShow = $scope.find(".eae-evergreen-wrapper").data("days");
1383
+ var hourShow = $scope.find(".eae-evergreen-wrapper").data("hours");
1384
+ var minShow = $scope.find(".eae-evergreen-wrapper").data("mins");
1385
+ var secShow = $scope.find(".eae-evergreen-wrapper").data("seconds");
1386
+ var unqId = $scope.find(".eae-evergreen-wrapper").data("unqid");
1387
+
1388
+ var now = new Date().getTime();
1389
+
1390
+ // for front end time get from cookie
1391
+
1392
+ if (!$scope.hasClass('elementor-element-edit-mode')) {
1393
+ if (element_type === 'countdown') {
1394
+ date1 = new Date(countDownDate);
1395
+ countDownDate = date1.getTime();
1396
+
1397
+ var expires1 = "expires=" + date1.toUTCString();
1398
+ document.cookie = element_cookie_id + "=" + date1.getTime() + ";" + expires1 + ";path=/";
1399
+
1400
+ }
1401
+ else {
1402
+ var first_load_value = eaeGetCookie(element_id);
1403
+ var date1 = "";
1404
+ if (first_load_value !== "") {
1405
+ date1 = new Date(parseInt(first_load_value));
1406
+ date1.setSeconds(date1.getSeconds() + $scope.find(".eae-evergreen-wrapper").data("egtime"));
1407
+ countDownDate = date1.getTime();
1408
+
1409
+ var d2 = new Date(parseInt(first_load_value));
1410
+ d2.setTime(d2.getTime() + (cookie_expire * 60 * 60 * 1000));
1411
+ var expires2 = "expires=" + d2.toUTCString();
1412
+ document.cookie = element_id + "=" + first_load_value + ";" + expires2 + ';path=/';
1413
+
1414
+
1415
+ var d1 = new Date(parseInt(first_load_value));
1416
+ d1.setTime(d1.getTime() + ($scope.find(".eae-evergreen-wrapper").data("egtime") * 1000));
1417
+ var expires1 = "expires=" + d1.toUTCString();
1418
+
1419
+ //console.log('expire',expires);
1420
+ if ((countDownDate - now) > 0) {
1421
+ document.cookie = element_cookie_id + "=" + first_load_value + ";" + expires1 + ";path=/";
1422
+ }
1423
+ }
1424
+ else {
1425
+ //console.log('countdown date set cookie',countDownDate);
1426
+ temp_date = countDownDate;
1427
+ date1 = new Date();
1428
+ date1.setSeconds(date1.getSeconds() + $scope.find(".eae-evergreen-wrapper").data("egtime"));
1429
+ countDownDate = date1.getTime();
1430
+ //console.log('countdown date set cookie',countDownDate);
1431
+ eaeSetCookie(element_id, new Date().getTime(), cookie_expire);
1432
+ //eaeSetCookie(element_cookie_id, new Date().getTime(), countDownDate);
1433
+
1434
+ var d = new Date();
1435
+ d.setTime(d.getTime() + (temp_date * 1000));
1436
+ var expires = "expires=" + d.toUTCString();
1437
+ //console.log('expire',expires);
1438
+
1439
+ document.cookie = element_cookie_id + "=" + new Date().getTime() + ";" + expires + ";path=/";
1440
+ }
1441
+ }
1442
+ }
1443
+ if (!$scope.hasClass('elementor-element-edit-mode')) {
1444
+ var distance = updateTime(countDownDate);
1445
+
1446
+ if (parseInt(distance.all) < 1) {
1447
+ if (actions.length > 0) {
1448
+ actions.forEach(function (value) {
1449
+ if (value === 'redirect') {
1450
+ if (!$scope.hasClass('elementor-element-edit-mode')) {
1451
+ $url = $scope.find(".eae-evergreen-wrapper").data("redirected-url");
1452
+ if ($url !== "") {
1453
+ window.location.href = $url;
1454
+ }
1455
+ }
1456
+ }
1457
+ if (value === 'hide_parent') {
1458
+ if (!$scope.hasClass('elementor-element-edit-mode')) {
1459
+ $p_secs = $scope.closest('section');
1460
+ $p_secs.css('display', 'none');
1461
+ }
1462
+ }
1463
+ if (value === 'hide') {
1464
+ $scope.find('#timer').css('display', 'none');
1465
+ $scope.find('.egt-title').css('display', 'none');
1466
+ $scope.find('.desc').css('display', 'none');
1467
+ }
1468
+ if (value === 'message') {
1469
+ $scope.find('.eae-egt-message').css('display', 'block');
1470
+ }
1471
+ });
1472
+
1473
+ if (actions.length === 1) {
1474
+ if (actions[0] === '' || actions[0] === 'message') {
1475
+ var clock = $scope.find('.' + unqId).find('#timer')[0];
1476
+ //clock.innerHTML = "<span class='egt-time eae-time-wrapper'>0</span><span class='egt-time eae-time-wrapper'>0</span><span class='egt-time eae-time-wrapper'>0</span><span class='egt-time eae-time-wrapper'>0</span>";
1477
+ if (dayShow === 'yes') {
1478
+ clock.innerHTML = "<span class='egt-time eae-time-wrapper'><div>00</div></span>";
1479
+ }
1480
+ if (hourShow === 'yes') {
1481
+ if (dayShow === 'yes') {
1482
+ $(clock).append("<span class='egt-time eae-time-wrapper'><div>00</div></span>");
1483
+ }
1484
+ else {
1485
+ clock.innerHTML = "<span class='egt-time eae-time-wrapper'><div>00</div></span>";
1486
+ }
1487
+ }
1488
+ if (minShow === 'yes') {
1489
+ if (dayShow === 'yes' || hourShow === 'yes') {
1490
+ $(clock).append("<span class='egt-time eae-time-wrapper'><div>00</div></span>");
1491
+ }
1492
+ else {
1493
+ clock.innerHTML = "<span class='egt-time eae-time-wrapper'><div>00</div></span>";
1494
+ }
1495
+ }
1496
+ if (secShow === 'yes') {
1497
+ if (dayShow === 'yes' || hourShow === 'yes' || minShow === 'yes') {
1498
+ $(clock).append("<span class='egt-time eae-time-wrapper'><div>00</div></span>");
1499
+ }
1500
+ else {
1501
+ clock.innerHTML = "<span class='egt-time eae-time-wrapper'><div>00</div></span>";
1502
+ }
1503
+ }
1504
+ }
1505
+ }
1506
+ }
1507
+
1508
+ // set html for 000000
1509
+
1510
+
1511
+ return;
1512
+ }
1513
+ }
1514
+
1515
+ if ($scope.hasClass('elementor-element-edit-mode')) {
1516
+ if (element_type === 'countdown') {
1517
+ date1 = new Date(countDownDate);
1518
+ countDownDate = date1.getTime();
1519
+ }
1520
+ else {
1521
+ date1 = new Date();
1522
+ date1.setSeconds(date1.getSeconds() + $scope.find(".eae-evergreen-wrapper").data("egtime"));
1523
+ countDownDate = date1.getTime();
1524
+ }
1525
+ }
1526
+
1527
+ /* if (element_type === 'countdown') {
1528
+ date1 = new Date(countDownDate);
1529
+ countDownDate = date1.getTime();
1530
+ }
1531
+ else {
1532
+ var first_load_value = eaeGetCookie(element_id);
1533
+ var date1 = "";
1534
+ if (first_load_value !== "") {
1535
+ date1 = new Date(parseInt(first_load_value));
1536
+ date1.setSeconds(date1.getSeconds() + countDownDate);
1537
+ countDownDate = date1.getTime();
1538
+ }
1539
+ else {
1540
+ date1 = new Date();
1541
+ date1.setSeconds(date1.getSeconds() + countDownDate);
1542
+ countDownDate = date1.getTime();
1543
+ eaeSetCookie(element_id, new Date().getTime(), cookie_expire);
1544
+ }
1545
+ }*/
1546
+
1547
+ var timer = updateTime(countDownDate);
1548
+
1549
+ if (timer.all > 1) {
1550
+ startTimer('timer', countDownDate);
1551
+ }
1552
+
1553
+ function updateTime(endDate) {
1554
+ var time = countDownDate - new Date();
1555
+
1556
+ return {
1557
+ 'days': Math.floor(time / (1000 * 60 * 60 * 24)),
1558
+ 'hours': "0" + Math.floor((time / (1000 * 60 * 60)) % 24),
1559
+ 'minutes': "0" + Math.floor((time / (1000 * 60)) % 60),
1560
+ 'seconds': "0" + Math.floor((time / 1000) % 60),
1561
+ 'all': time
1562
+ }
1563
+
1564
+ }
1565
+
1566
+ function animate(span) {
1567
+ span.classList.add('fade');
1568
+ setTimeout(function () {
1569
+ span.classList.remove('fade');
1570
+ }, 700)
1571
+ }
1572
+
1573
+ function startTimer(clockID, endDate) {
1574
+
1575
+ var timeInt = setInterval(function () {
1576
+ //var clock = document.getElementById(clockID);
1577
+ var clock = $scope.find('.' + unqId).find('#timer')[0];
1578
+ var timer = updateTime(countDownDate);
1579
+
1580
+ //clock.innerHTML = "<span class='egt-time eae-time-wrapper'><div>"+timer.days+"</div></span><span class='egt-time eae-time-wrapper'><div>"+timer.hours+" </div></span><span class='egt-time eae-time-wrapper'><div>"+timer.minutes+"</div></span><span class='egt-time eae-time-wrapper'><div>"+timer.seconds+"</div></span>";
1581
+ if (dayShow === 'yes') {
1582
+ if (timer.days < 10) {
1583
+ timer.days = "0" + timer.days;
1584
+ }
1585
+ clock.innerHTML = "<span class='egt-time eae-time-wrapper'><div>" + timer.days + "</div></span>";
1586
+ }
1587
+ if (hourShow === 'yes') {
1588
+ if (dayShow === 'yes') {
1589
+ $(clock).append("<span class='egt-time eae-time-wrapper'><div>" + timer.hours.slice(-2) + "</div></span>");
1590
+ }
1591
+ else {
1592
+ clock.innerHTML = "<span class='egt-time eae-time-wrapper'><div>" + timer.hours.slice(-2) + "</div></span>";
1593
+ }
1594
+ }
1595
+ if (minShow === 'yes') {
1596
+ if (dayShow === 'yes' || hourShow === 'yes') {
1597
+ $(clock).append("<span class='egt-time eae-time-wrapper'><div>" + timer.minutes.slice(-2) + "</div></span>");
1598
+ }
1599
+ else {
1600
+ clock.innerHTML = "<span class='egt-time eae-time-wrapper'><div>" + timer.minutes.slice(-2) + "</div></span>";
1601
+ }
1602
+ }
1603
+ if (secShow === 'yes') {
1604
+ if (dayShow === 'yes' || hourShow === 'yes' || minShow === 'yes') {
1605
+ $(clock).append("<span class='egt-time eae-time-wrapper'><div>" + timer.seconds.slice(-2) + "</div></span>");
1606
+ }
1607
+ else {
1608
+ clock.innerHTML = "<span class='egt-time eae-time-wrapper'><div>" + timer.seconds.slice(-2) + "</div></span>";
1609
+ }
1610
+ }
1611
+ //console.log('d',dayShow,'h',hourShow,'m',minShow,'s',secShow);
1612
+ // animate
1613
+ var spans = clock.getElementsByTagName('span');
1614
+ if (dayShow === 'yes') {
1615
+ if (timer.hours == 59 && timer.minutes == 59 && timer.seconds == 59) animate(spans[0]);
1616
+ }
1617
+
1618
+ if (hourShow === 'yes') {
1619
+ if (dayShow === 'yes') {
1620
+ if (timer.minutes == 59 && timer.seconds == 59) animate(spans[1]);
1621
+ }
1622
+ else {
1623
+ if (timer.minutes == 59 && timer.seconds == 59) animate(spans[0]);
1624
+ }
1625
+ }
1626
+
1627
+ if (minShow === 'yes') {
1628
+ if (dayShow === 'yes') {
1629
+ if (hourShow === 'yes') {
1630
+ if (timer.seconds == 59) animate(spans[2]);
1631
+ }
1632
+ else {
1633
+ if (timer.seconds == 59) animate(spans[1]);
1634
+ }
1635
+ }
1636
+ else {
1637
+ if (hourShow === 'yes') {
1638
+ if (timer.seconds == 59) animate(spans[1]);
1639
+ }
1640
+ else {
1641
+ if (timer.seconds == 59) animate(spans[0]);
1642
+ }
1643
+ }
1644
+ }
1645
+ if (secShow === 'yes') {
1646
+ if (dayShow === 'yes') {
1647
+ if (hourShow === 'yes') {
1648
+ if (minShow === 'yes') {
1649
+ animate(spans[3]);
1650
+ }
1651
+ }
1652
+ else {
1653
+ if (minShow === 'yes') {
1654
+ animate(spans[2]);
1655
+ }
1656
+ else {
1657
+ animate(spans[1]);
1658
+ }
1659
+ }
1660
+ }
1661
+ else {
1662
+ if (hourShow === 'yes') {
1663
+ if (minShow === 'yes') {
1664
+ animate(spans[2]);
1665
+ }
1666
+ }
1667
+ else {
1668
+ if (minShow === 'yes') {
1669
+ animate(spans[1]);
1670
+ }
1671
+ else {
1672
+ animate(spans[0]);
1673
+ }
1674
+ }
1675
+ }
1676
+ }
1677
+
1678
+ if (timer.all <= 1) {
1679
+ clearInterval(timeInt);
1680
+ //clock.innerHTML = "<span class='egt-time eae-time-wrapper'>0</span><span class='egt-time eae-time-wrapper'>0</span><span class='egt-time eae-time-wrapper'>0</span><span class='egt-time eae-time-wrapper'>0</span>";
1681
+ if (dayShow === 'yes') {
1682
+ clock.innerHTML = "<span class='egt-time eae-time-wrapper'><div>00</div></span>";
1683
+ }
1684
+ if (hourShow === 'yes') {
1685
+ if (dayShow === 'yes') {
1686
+ $(clock).append("<span class='egt-time eae-time-wrapper'><div>00</div></span>");
1687
+ }
1688
+ else {
1689
+ clock.innerHTML = "<span class='egt-time eae-time-wrapper'><div>00</div></span>";
1690
+ }
1691
+ }
1692
+ if (minShow === 'yes') {
1693
+ if (dayShow === 'yes' || hourShow === 'yes') {
1694
+ $(clock).append("<span class='egt-time eae-time-wrapper'><div>00</div></span>");
1695
+ }
1696
+ else {
1697
+ clock.innerHTML = "<span class='egt-time eae-time-wrapper'><div>00</div></span>";
1698
+ }
1699
+ }
1700
+ if (secShow === 'yes') {
1701
+ if (dayShow === 'yes' || hourShow === 'yes' || minShow === 'yes') {
1702
+ $(clock).append("<span class='egt-time eae-time-wrapper'><div>00</div></span>");
1703
+ }
1704
+ else {
1705
+ clock.innerHTML = "<span class='egt-time eae-time-wrapper'><div>00</div></span>";
1706
+ }
1707
+ }
1708
+
1709
+ if (!$scope.hasClass('elementor-element-edit-mode')) {
1710
+ if (actions.length > 0) {
1711
+ actions.forEach(function (value) {
1712
+ if (value === 'redirect') {
1713
+ $url1 = $scope.find(".eae-evergreen-wrapper").data("redirected-url");
1714
+ if ($url1 !== "") {
1715
+ window.location.href = $url1;
1716
+ }
1717
+ }
1718
+ if (value === 'hide') {
1719
+ $scope.find('#timer').css('display', 'none');
1720
+ $scope.find('.egt-title').css('display', 'none');
1721
+ $scope.find('.desc').css('display', 'none');
1722
+ }
1723
+ if (value === 'message') {
1724
+ $scope.find('.eae-egt-message').css('display', 'block');
1725
+ }
1726
+ if (value === 'hide_parent') {
1727
+ $p_secs = $scope.closest('section');
1728
+ $p_secs.css('display', 'none');
1729
+ }
1730
+ });
1731
+ }
1732
+ }
1733
+ }
1734
+ }, 1000);
1735
+ }
1736
+ };
1737
+
1738
+ var EgTimerSkin4 = function ($scope, $) {
1739
+ var countDownDate = $scope.find(".eae-evergreen-wrapper").data("egtime");
1740
+ var cookie_expire = $scope.find(".eae-evergreen-wrapper").data("egt-expire");
1741
+ var element_type = $scope.find(".eae-evergreen-wrapper").data("element-type");
1742
+ var element_id = "eae-" + $scope.find(".eae-evergreen-wrapper").data("id");
1743
+ var actions = $scope.find(".eae-evergreen-wrapper").data("actions");
1744
+ var dayShow = $scope.find(".eae-evergreen-wrapper").data("days");
1745
+ var hourShow = $scope.find(".eae-evergreen-wrapper").data("hours");
1746
+ var minShow = $scope.find(".eae-evergreen-wrapper").data("mins");
1747
+ var secShow = $scope.find(".eae-evergreen-wrapper").data("seconds");
1748
+
1749
+
1750
+ if (element_type === 'countdown') {
1751
+ date1 = new Date(countDownDate);
1752
+ countDownDate = date1.getTime();
1753
+ countDownDate = Math.floor((countDownDate - new Date()) / 1000);
1754
+ }
1755
+ else {
1756
+ var first_load_value = eaeGetCookie(element_id);
1757
+ var date1 = "";
1758
+ var cur_date = "";
1759
+ if (first_load_value !== "") {
1760
+ date1 = new Date(parseInt(first_load_value));
1761
+ cur_date = new Date().getTime();
1762
+ date1 = cur_date - first_load_value;
1763
+ date1 = date1 / 1000;
1764
+ countDownDate = countDownDate - date1;
1765
+ }
1766
+ else {
1767
+ //date1 = new Date();
1768
+ //date1.setSeconds(date1.getSeconds() + countDownDate);
1769
+ //console.log('date1 else',date1);
1770
+ //countDownDate = countDownDate;
1771
+ eaeSetCookie(element_id, new Date().getTime(), cookie_expire);
1772
+ }
1773
+ }
1774
+
1775
+ C3Counter("counter", {startTime: countDownDate});
1776
+
1777
+ function C3Counter(id, opt) {
1778
+
1779
+ this.options = {
1780
+ stepTime: 60, // not used
1781
+ format: "dd:hh:mm:ss", // not used
1782
+ startTime: "00:00:00:00",
1783
+ digitImages: 1,
1784
+ digitWidth: 30,
1785
+ digitHeight: 44,
1786
+ digitSlide: true,
1787
+ digitSlideTime: 200,
1788
+ digitImageHeight: 484,
1789
+ digitAnimationHeight: 44,
1790
+ timerEnd: function () {
1791
+ },
1792
+ image: "digits.png",
1793
+ updateInterval: 1000
1794
+
1795
+ };
1796
+ var s;
1797
+ if (typeof opt != "undefined") {
1798
+ for (s in this.options) {
1799
+ if (typeof opt[s] != "undefined") {
1800
+ this.options[s] = opt[s];
1801
+ }
1802
+ }
1803
+ }
1804
+ if (String(options.startTime).indexOf(":") == -1) {
1805
+ options.tempStartTime = options.startTime;
1806
+ } else {
1807
+ //TODO - does not convert time with : to seconds to count
1808
+ var td = new Date(options.startTime);
1809
+ }
1810
+
1811
+
1812
+ this.pad2 = function (number) {
1813
+ return (number < 10 ? '0' : '') + number;
1814
+ }
1815
+
1816
+ var timer = setInterval("this.updateCounter()", options.updateInterval);
1817
+ var startTime = new Date().getTime();
1818
+ var secNo = 0;
1819
+ var timerSingle = new Array();
1820
+ var dc = 0;
1821
+ var digits = new Array();
1822
+ var d = new Date();
1823
+ var lastTime = d.getTime();
1824
+
1825
+ this.calculateTime = function () {
1826
+ var tempTime = options.tempStartTime;
1827
+
1828
+ if (String(options.tempStartTime).indexOf(":") == -1) {
1829
+ var seconds = Math.round(options.tempStartTime % 60);
1830
+ options.tempStartTime = Math.floor(options.tempStartTime / 60);
1831
+ var minutes = Math.round(options.tempStartTime % 60);
1832
+ options.tempStartTime = Math.floor(options.tempStartTime / 60);
1833
+ var hours = Math.round(options.tempStartTime % 24);
1834
+ options.tempStartTime = Math.floor(options.tempStartTime / 24);
1835
+ var days = Math.round(options.tempStartTime);
1836
+ options.timeStr = this.pad2(days) + this.pad2(hours) + this.pad2(minutes) + this.pad2(seconds);
1837
+ }
1838
+
1839
+ var currTime = new Date().getTime();
1840
+ var diff = currTime - startTime;
1841
+ if (seconds < 0 || minutes < 0 || hours < 0 || days < 0) {
1842
+ options.timeStr = this.pad2(0) + this.pad2(0) + this.pad2(0) + this.pad2(0);
1843
+ }
1844
+ options.tempStartTime = options.startTime - Math.round(diff / 1000);
1845
+ };
1846
+ this.calculateTime();
1847
+
1848
+ for (dc = 0; dc < 8; dc++) {
1849
+ digits[dc] = {digit: this.options.timeStr.charAt(dc)};
1850
+ /*if(dayShow !== 'yes'){
1851
+ console.log('day no show',dc);
1852
+ //dc = 3;
1853
+ return true;
1854
+ }
1855
+ console.log('if out',dc);*/
1856
+ $("#" + id).append("<div id='digit" + dc + "' style='position:relative;float:left;width:" + this.options.digitWidth + "px;height:" + this.options.digitHeight + "px;overflow:hidden;'><div class='digit' id='digit-bg" + dc + "' style='position:absolute; top:-" + digits[dc].digit * this.options.digitAnimationHeight + "px; width:" + this.options.digitWidth + "px; height:" + this.options.digitImageHeight + "px; '></div></div>");
1857
+
1858
+ if (dc % 2 == 1 && dc < 6) {
1859
+ $("#" + id).append("<div class='digit-separator' style='float:left;'></div>");
1860
+ }
1861
+ }
1862
+
1863
+ $("#" + id).append("<div style='clear:both'></div>");
1864
+
1865
+ this.animateDigits = function () {
1866
+ for (var dc = 0; dc < 8; dc++) {
1867
+ digits[dc].digitNext = Number(this.options.timeStr.charAt(dc));
1868
+ digits[dc].digitNext = (digits[dc].digitNext + 10) % 10;
1869
+ var no = dc;
1870
+
1871
+ if (digits[no].digit == 0) $("#digit-bg" + no).css("top", -this.options.digitImageHeight + this.options.digitHeight + "px");
1872
+ if (digits[no].digit != digits[no].digitNext) {
1873
+ $("#digit-bg" + no).animate({"top": -digits[no].digitNext * options.digitHeight + "px"}, options.digitSlideTime);
1874
+ digits[no].digit = digits[no].digitNext;
1875
+ }
1876
+
1877
+ }
1878
+
1879
+ var end = this.checkEnd();
1880
+ };
1881
+
1882
+ this.checkEnd = function () {
1883
+ for (var i = 0; i < digits.length; i++) {
1884
+ if (digits[i].digit != 0) {
1885
+ return false;
1886
+ }
1887
+ }
1888
+ clearInterval(timer);
1889
+ if (typeof(actions) !== 'undefined') {
1890
+ actions.forEach(function (value) {
1891
+ if (value.type === 'redirect') {
1892
+ if (value.redirect_url !== "") {
1893
+ window.location.href = value.redirect_url;
1894
+ }
1895
+ }
1896
+ if (value.type === 'hide') {
1897
+ $scope.find('.eae-evergreen-wrapper').css('display', 'none');
1898
+ }
1899
+ if (value.type === 'message') {
1900
+ $scope.find('.eae-egt-message').css('display', 'block');
1901
+ }
1902
+ });
1903
+ }
1904
+ this.options.timerEnd();
1905
+ return true;
1906
+ };
1907
+
1908
+ this.updateCounter = function () {
1909
+ d = new Date();
1910
+
1911
+ if ((d.getTime() - lastTime) < (options.updateInterval - 50)) {
1912
+ return;
1913
+ }
1914
+ lastTime = d.getTime();
1915
+ this.calculateTime();
1916
+ this.animateDigits();
1917
+ }
1918
+
1919
+ }
1920
+ };
1921
+
1922
+ var CompareTable = function ($scope, $) {
1923
+ $($scope.find(".eae-ct-heading")[0]).addClass("active");
1924
+ $scope.find("ul").on("click", "li", function () {
1925
+
1926
+ var pos = $(this).index() + 2;
1927
+ $scope.find("tr").find('td:not(:eq(0))').hide();
1928
+ $scope.find('td:nth-child(' + pos + ')').css('display', 'table-cell');
1929
+ $scope.find("tr").find('th:not(:eq(0))').hide();
1930
+ $scope.find('li').removeClass('active');
1931
+ $(this).addClass('active');
1932
+ });
1933
+
1934
+ // Initialize the media query
1935
+ var mediaQuery = window.matchMedia('(min-width: 767px)');
1936
+
1937
+ // Add a listen event
1938
+ mediaQuery.addListener(doSomething);
1939
+
1940
+ // Function to do something with the media query
1941
+ function doSomething(mediaQuery) {
1942
+ if (mediaQuery.matches) {
1943
+ $scope.find('.sep').attr('colspan', 5);
1944
+ } else {
1945
+ $scope.find('.sep').attr('colspan', 2);
1946
+ }
1947
+ }
1948
+
1949
+ // On load
1950
+ doSomething(mediaQuery);
1951
+ };
1952
+
1953
+ var ProgressBar = function ($scope, $) {
1954
+ $wrapper = $scope.find('.eae-progress-bar');
1955
+ var skill = $wrapper.attr('data-skill');
1956
+ var skill_value = $wrapper.attr('data-value');
1957
+ var skin = $wrapper.attr('data-skin');
1958
+ var skillELem = $wrapper.find('.eae-pb-bar-skill');
1959
+ var valueELem = $wrapper.find('.eae-pb-bar-value');
1960
+ var prgBar = $wrapper.find('.eae-pb-bar');
1961
+ var prgInner = $wrapper.find('.eae-pb-bar-inner');
1962
+
1963
+ if(skin === 'skin1'){
1964
+ $(prgInner).attr("style" , "width : " +skill_value+ "%");
1965
+ }
1966
+ if(skin === 'skin2'){
1967
+ $(prgInner).attr("style" , "width : " +skill_value+ "%");
1968
+ }
1969
+ if(skin === 'skin3'){
1970
+ $(valueELem).addClass('eae-pb-bar-value--aligned-value');
1971
+ $(valueELem).attr("style" ,"left :" +skill_value+ "%");
1972
+ $(prgInner).attr("style" ,"width :" +skill_value+ "%");
1973
+ }
1974
+ if(skin === 'skin4'){
1975
+ $(valueELem).addClass('eae-pb-bar-value--aligned-value');
1976
+ $(valueELem).attr("style" ,"left :" +skill_value+ "%");
1977
+ $(prgInner).attr("style" ,"width :" +skill_value+ "%")
1978
+ $(prgBar).addClass('eae-pb-bar--no-overflow');
1979
+ }
1980
+ if(skin === 'skin5'){
1981
+ $(valueELem).addClass('eae-pb-bar-value--aligned-value');
1982
+ $(valueELem).attr("style" ,"left :" +skill_value+ "%");
1983
+ $(prgInner).attr("style" ,"width :" +skill_value+ "%")
1984
+ }
1985
+
1986
+ $wrapper.each(function (index, value) {
1987
+ var waypoint = new Waypoint({
1988
+ element: value,
1989
+ skill_value : $(value).find('.eae-pb-bar-skill'),
1990
+ valueElem : $(value).find('.eae-pb-bar-value'),
1991
+ prgBar : $(value).find('.eae-pb-bar-bar'),
1992
+ prgInner : $(value).find('.eae-pb-bar-inner'),
1993
+ handler: function (direction) {
1994
+ if (direction == 'down') {
1995
+ if(!$(valueELem).hasClass('js-animated')){
1996
+ $(valueELem).addClass('js-animated');
1997
+ }
1998
+ if(!$(prgInner).hasClass('js-animated')){
1999
+ $(prgInner).addClass('js-animated');
2000
+ }
2001
+ if(!$(skillELem).hasClass('js-animated')) {
2002
+ $(skillELem).addClass('js-animated');
2003
+ }
2004
+ }
2005
+ },
2006
+ offset: 'bottom-in-view',
2007
+ })
2008
+ });
2009
+ };
2010
+ elementorFrontend.hooks.addAction('frontend/element_ready/wts-ab-image.default', ab_image);
2011
+ elementorFrontend.hooks.addAction('frontend/element_ready/global', ParticlesBG);
2012
+ elementorFrontend.hooks.addAction('frontend/element_ready/global', AnimatedGradient);
2013
+ elementorFrontend.hooks.addAction('frontend/element_ready/wts-modal-popup.default', EaePopup);
2014
+ elementorFrontend.hooks.addAction('frontend/element_ready/wts-testimonial-slider.default', EAETestimonial);
2015
+ elementorFrontend.hooks.addAction('frontend/element_ready/eae-info-circle.skin1', InfoCircleHandler);
2016
+ elementorFrontend.hooks.addAction('frontend/element_ready/eae-info-circle.skin2', InfoCircleHandler);
2017
+ elementorFrontend.hooks.addAction('frontend/element_ready/eae-info-circle.skin3', InfoCircleHandler);
2018
+ elementorFrontend.hooks.addAction('frontend/element_ready/eae-info-circle.skin4', InfoCircleHandler);
2019
+ elementorFrontend.hooks.addAction('frontend/element_ready/eae-timeline.skin1', TimelineHandler);
2020
+ elementorFrontend.hooks.addAction('frontend/element_ready/eae-timeline.skin2', TimelineHandler);
2021
+ elementorFrontend.hooks.addAction('frontend/element_ready/eae-timeline.skin3', TimelineHandler);
2022
+ elementorFrontend.hooks.addAction('frontend/element_ready/eae-timeline.skin4', TimelineHandler);
2023
+ elementorFrontend.hooks.addAction('frontend/element_ready/eae-evergreen-timer.skin1', EgTimerSkin1);
2024
+ elementorFrontend.hooks.addAction('frontend/element_ready/eae-evergreen-timer.skin2', EgTimerSkin2);
2025
+ elementorFrontend.hooks.addAction('frontend/element_ready/eae-evergreen-timer.skin3', EgTimerSkin3);
2026
+ //elementorFrontend.hooks.addAction('frontend/element_ready/eae-evergreen-timer.skin4', EgTimerSkin4);
2027
+ elementorFrontend.hooks.addAction('frontend/element_ready/eae-comparisontable.default', CompareTable);
2028
+ elementorFrontend.hooks.addAction('frontend/element_ready/eae-progress-bar.skin1', ProgressBar);
2029
+ elementorFrontend.hooks.addAction('frontend/element_ready/eae-progress-bar.skin2', ProgressBar);
2030
+ elementorFrontend.hooks.addAction('frontend/element_ready/eae-progress-bar.skin3', ProgressBar);
2031
+ elementorFrontend.hooks.addAction('frontend/element_ready/eae-progress-bar.skin4', ProgressBar);
2032
+ elementorFrontend.hooks.addAction('frontend/element_ready/eae-progress-bar.skin5', ProgressBar);
2033
+ });
2034
+
2035
  })(jQuery)
assets/js/eae.min.js CHANGED
@@ -1 +1 @@
1
- jQuery(window).on("elementor/frontend/init",function(){elementorFrontend.hooks.addAction("frontend/element_ready/wts-gmap.default",function(l){map=function(e){$wrapper=l.find(".eae-markers");var a=$wrapper.data("zoom"),i=e.find(".marker"),n=$wrapper.data("style"),t=($wrapper.data("scroll"),{zoom:a,center:new google.maps.LatLng(0,0),mapTypeId:google.maps.MapTypeId.ROADMAP,styles:n}),d=new google.maps.Map(e[0],t);return d.markers=[],i.each(function(){!function(e,a){var i=$wrapper.data("animate");$wrapper=l.find(".eae-markers");var n=new google.maps.LatLng(e.attr("data-lat"),e.attr("data-lng"));if(icon_img=e.attr("data-icon"),""!=icon_img)var t={url:e.attr("data-icon"),scaledSize:new google.maps.Size(e.attr("data-icon-size"),e.attr("data-icon-size"))};var d=new google.maps.Marker({position:n,map:a,icon:t,animation:google.maps.Animation.DROP});if("animate-yes"==i&&d.setAnimation(google.maps.Animation.BOUNCE),"animate-yes"==i&&google.maps.event.addListener(d,"click",function(){d.setAnimation(null)}),a.markers.push(d),e.html()){var s=new google.maps.InfoWindow({content:e.html()});google.maps.event.addListener(d,"click",function(){s.open(a,d)})}"animate-yes"==i&&google.maps.event.addListener(s,"closeclick",function(){d.setAnimation(google.maps.Animation.BOUNCE)})}(jQuery(this),d)}),s=d,r=a,o=new google.maps.LatLngBounds,jQuery.each(s.markers,function(e,a){var i=new google.maps.LatLng(a.position.lat(),a.position.lng());o.extend(i)}),1==s.markers.length?(s.setCenter(o.getCenter()),s.setZoom(r)):s.fitBounds(o),d;var s,r,o}(l.find(".eae-markers"))}),elementorFrontend.hooks.addAction("frontend/element_ready/global",function(e){var a,i,n,t,d,s,r,o=[],l=[],c=e.children(".eae-section-bs").children(".eae-section-bs-inner");c&&c.data("eae-bg-slider")&&(slider_images=c.data("eae-bg-slider"),a=c.data("eae-bg-slider-transition"),i=c.data("eae-bg-slider-animation"),t=("yes"==(n=c.data("eae-bg-custom-overlay"))||c.data("eae-bg-slider-overlay"),eae_editor.plugin_url+"assets/lib/vegas/overlays/"+c.data("eae-bg-slider-overlay")),d=c.data("eae-bg-slider-cover"),s=c.data("eae-bs-slider-delay"),r=c.data("eae-bs-slider-timer"),"undefined"!=typeof slider_images&&(o=slider_images.split(","),jQuery.each(o,function(e,a){var i=[];i.src=a,l.push(i)}),c.vegas({slides:l,transition:a,animation:i,overlay:t,cover:d,delay:s,timer:r,init:function(){"yes"==n&&c.children(".vegas-overlay").css("background-image","")}})))})}),jQuery(window).on("elementor/frontend/init",function(){var e=function(e,n){function a(e){$icons=n(document).find(e).find(".eae-ic-icon-wrap"),window.innerWidth<767?$icons.each(function(e,a){n(a).css("top",n(a).height()/2+8+"px"),n(a).next(".eae-info-circle-item__content-wrap").css("padding-top",n(a).height()/2+8+"px")}):$icons.each(function(e,a){var i;n(a).css("margin-left",-.5*n(a).outerWidth()),n(a).css("margin-top",-.5*n(a).outerHeight()),$a=(i=((i=$angle)-90)*Math.PI/180,{x:50+45*Math.cos(i),y:50+45*Math.sin(i)}),$b=360/$icons.length,n(a).css("left",$a.x+"%"),n(a).css("top",$a.y+"%"),$angle+=$b})}$wrap_class=".elementor-element-"+e.data("id"),$angle=0,a(e);var i=null;function t(){"yes"==e.find(".eae-info-circle").data("autoplay")&&(i=setInterval(d,$autoplayDuration))}function d(){0<e.find(".eae-active").next().length?e.find(".eae-active").next().addClass("eae-active").siblings().removeClass("eae-active"):e.find(".eae-info-circle-item").eq(0).addClass("eae-active").siblings().removeClass("eae-active")}$autoplayDuration=e.find(".eae-info-circle").data("delay"),t(),e.find(".eae-ic-icon-wrap").hover(function(){clearInterval(i)},function(){t()}),0<e.find(".eae-info-circle-item").length&&n(e.find(".eae-info-circle-item")[0]).addClass("eae-active"),e.find(".eae-ic-icon-wrap").on("click mouseenter",function(){e.find(".eae-info-circle-item").removeClass("eae-active"),n(this).parent().addClass("eae-active")}),window.addEventListener("resize",a.bind(this,$wrap_class))},a=function(s,r){function e(){var e=s.find(".eae-timline-progress-bar"),a=s.find(".eae-timeline-item"),i=s.find(".eae-timeline"),n=r(i).height(),t=r(a).last().find(".eae-tl-icon-wrapper").offset().top-r(a[0]).parent().offset().top,d=s.find(".eae-tl-icon-wrapper");r(e).css("top",r(a[0]).find(".eae-tl-icon-wrapper").offset().top-r(a[0]).parent().offset().top),r(e).css("bottom",n-t),r(e).css("left",d.eq(0)[0].offsetLeft+d.eq(0).width()/2),a.each(function(e,a){new Waypoint({element:r(a),handler:function(e){"down"==e?r(a).addClass("eae-tl-item-focused"):r(a).removeClass("eae-tl-item-focused")},offset:100})})}e(),window.addEventListener("resize",e),window.addEventListener("scroll",function(){s.find(".eae-timline-progress-bar"),s.find(".eae-pb-inner-line").css("height",r(window).scrollTop()-s.find(".eae-timeline").offset().top+100),s.find(".eae-pb-inner-line").css("max-height",s.find(".eae-pb-inner-line").parent().height())})};function $(e,a,i){var n=new Date;n.setTime(n.getTime()+60*i*60*1e3);var t="expires="+n.toUTCString();document.cookie=e+"="+a+";"+t+";path=/"}function S(e){for(var a=e+"=",i=decodeURIComponent(document.cookie).split(";"),n=0;n<i.length;n++){for(var t=i[n];" "==t.charAt(0);)t=t.substring(1);if(0==t.indexOf(a))return t.substring(a.length,t.length)}return""}elementorFrontend.hooks.addAction("frontend/element_ready/wts-ab-image.default",function(c,e){var a,f,i,p;ab_style=c.find(".eae-img-comp-container").data("ab-style"),slider_pos=c.find(".eae-img-comp-container").data("slider-pos"),"horizontal"==ab_style?(i=(f=c).find(".eae-img-comp-overlay"),p=(p=i.width())*slider_pos/100,function(t){var a,d,e,s=0;function i(e){e.preventDefault(),s=1,window.addEventListener("mousemove",r),a.addEventListener("touchmove",o)}function n(){s=0}function r(e){var a,i,n;if(0==s)return!1;i=(i=e)||window.event,n=t.getBoundingClientRect(),(a=i.pageX-n.left)<0&&(a=0),d<a&&(a=d),l(a)}function o(e){var a,i,n;if(0==s)return!1;i=e,n=t.getBoundingClientRect(),(a=i.changedTouches[0].clientX-n.left)<0&&(a=0),d<a&&(a=d),l(a)}function l(e){t.style.width=e+"px",a.style.left=t.offsetWidth-a.offsetWidth/2+"px"}d=t.offsetWidth,e=t.offsetHeight,t.style.width=p+"px",(a=(a=f.find(".eae-img-comp-slider"))[0]).style.top=e/2-a.offsetHeight/2+"px",a.style.left=p-a.offsetWidth/2+"px",f.hasClass("elementor-element-edit-mode")||(a.addEventListener("mousedown",i),window.addEventListener("mouseup",n),a.addEventListener("touchstart",i),window.addEventListener("touchstop",n))}(i[0])):(a=c.find(".eae-img-comp-overlay"),start_pos=a.height(),start_pos=start_pos*slider_pos/100,function(d){var a,e,s,r=0;function i(e){e.preventDefault(),r=1,window.addEventListener("mousemove",t),a.addEventListener("touchmove",o)}function n(){r=0}function t(e){var a,i,n,t;if(0==r)return!1;t=0,i=(i=e)||window.event,n=d.getBoundingClientRect(),t=i.pageY-n.top,(a=t-=window.pageYOffset)<0&&(a=0),s<a&&(a=s),l(a)}function o(e){var a,i,n;if(0==r)return!1;i=e,n=d.getBoundingClientRect(),(a=i.changedTouches[0].clientY-n.top)<0&&(a=0),s<a&&(a=s),l(a)}function l(e){d.style.height=e+"px",a.style.top=d.offsetHeight-a.offsetHeight/2+"px"}e=d.offsetWidth,s=d.offsetHeight,d.style.height=start_pos+"px",(a=(a=c.find(".eae-img-comp-slider"))[0]).style.top=start_pos-a.offsetHeight/2+"px",a.style.left=e/2-a.offsetWidth/2+"px",c.hasClass("elementor-element-edit-mode")||(a.addEventListener("mousedown",i),window.addEventListener("mouseup",n),a.addEventListener("touchstart",i),window.addEventListener("touchstop",n))}(a[0]))}),elementorFrontend.hooks.addAction("frontend/element_ready/global",function(e,a){e.hasClass("eae-particle-yes")&&(id=e.data("id"),element_type=e.data("element_type"),pdata=e.data("eae-particle"),pdata_wrapper=e.find(".eae-particle-wrapper").data("eae-pdata"),"undefined"!=typeof pdata&&""!=pdata?(0<e.find(".eae-section-bs").length?e.find(".eae-section-bs").after('<div class="eae-particle-wrapper" id="eae-particle-'+id+'"></div>'):"column"==element_type?e.find(".elementor-column-wrap").prepend('<div class="eae-particle-wrapper" id="eae-particle-'+id+'"></div>'):e.prepend('<div class="eae-particle-wrapper" id="eae-particle-'+id+'"></div>'),particlesJS("eae-particle-"+id,pdata)):"undefined"!=typeof pdata_wrapper&&""!=pdata_wrapper&&(e.prepend('<div class="eae-particle-wrapper" id="eae-particle-'+id+'"></div>'),particlesJS("eae-particle-"+id,JSON.parse(pdata_wrapper))))}),elementorFrontend.hooks.addAction("frontend/element_ready/global",function(e,a){if(e.hasClass("eae-animated-gradient-yes")){id=e.data("id"),color=e.data("color"),angle=e.data("angle");var i="linear-gradient("+angle+","+color+")";heading=e.find(".elementor-heading-title"),e.css({background:i})}}),elementorFrontend.hooks.addAction("frontend/element_ready/wts-modal-popup.default",function(e,a){$preview_modal=e.find(".eae-popup-wrapper").data("preview-modal"),$close_btn=e.find(".eae-popup-wrapper").data("close-btn"),$magnific=e.find(".eae-popup-link").eaePopup({type:"inline",disableOn:0,key:null,midClick:!1,mainClass:"eae-popup eae-popup-"+e.find(".eae-popup-link").data("id")+" eae-wrap-"+e.find(".eae-popup-link").data("ctrl-id"),preloader:!0,focus:"",closeOnContentClick:!1,closeOnBgClick:!0,closeBtnInside:e.find(".eae-popup-wrapper").data("close-in-out"),showCloseBtn:!0,enableEscapeKey:!1,modal:!1,alignTop:!1,removalDelay:0,prependTo:null,fixedContentPos:"auto",fixedBgPos:"auto",overflowY:"auto",closeMarkup:'<i class="eae-close '+$close_btn+'"> </i>',tClose:"Close (Esc)",tLoading:"Loading...",autoFocusLast:!0}),"yes"==$preview_modal&&e.hasClass("elementor-element-edit-mode")&&e.find(".eae-popup-link").click()}),elementorFrontend.hooks.addAction("frontend/element_ready/wts-testimonial-slider.default",function(e,a){if(e.find(".eae-grid-wrapper").hasClass("eae-masonry-yes")){var i=e.find(".eae-grid").masonry({});i.imagesLoaded().progress(function(){i.masonry("layout")})}if(e.find(".eae-layout-carousel").length){outer_wrapper=e.find(".eae-swiper-outer-wrapper"),wid=e.data("id"),wclass=".elementor-element-"+wid;var n=outer_wrapper.data("direction"),t=outer_wrapper.data("speed"),d=outer_wrapper.data("autoplay"),s=outer_wrapper.data("duration"),r=outer_wrapper.data("effect"),o=outer_wrapper.data("space"),l=outer_wrapper.data("loop");l="yes"==l;var c=outer_wrapper.data("slides-per-view"),f=outer_wrapper.data("slides-per-group"),p=outer_wrapper.data("ptype"),m=outer_wrapper.data("navigation"),g=outer_wrapper.data("clickable"),u=outer_wrapper.data("keyboard"),v=outer_wrapper.data("scrollbar");adata={direction:n,effect:r,spaceBetween:o.desktop,loop:l,speed:t,slidesPerView:c.desktop,slidesPerGroup:f.desktop,observer:!0,mousewheel:{invert:!0},breakpoints:{1024:{spaceBetween:o.tablet,slidesPerView:c.tablet,slidesPerGroup:f.tablet},767:{spaceBetween:o.mobile,slidesPerView:c.mobile,slidesPerGroup:f.mobile}}},"fade"==r&&(adata.fadeEffect={crossFade:!1}),adata.autoplay="yes"==d&&{delay:s,disableOnInteraction:!1},"yes"==m&&(adata.navigation={nextEl:".swiper-button-next",prevEl:".swiper-button-prev"}),""!=p&&(adata.pagination={el:".swiper-pagination",type:p}),"bullets"==p&&"yes"==g&&(adata.pagination={el:".swiper-pagination",clickable:!0,type:p}),"yes"==v&&(adata.scrollbar={el:".swiper-scrollbar",draggable:!0}),"yes"==u&&(adata.keyboard={enabled:!0,onlyInViewport:!0}),0==l&&(adata.autoplay={delay:s,stopOnLastSlide:!0,disableOnInteraction:!1}),window.mswiper=new Swiper(".elementor-element-"+wid+" .eae-swiper-outer-wrapper .swiper-container",adata),a(".elementor-element-"+wid+" .eae-swiper-outer-wrapper .swiper-container").css("visibility","visible")}}),elementorFrontend.hooks.addAction("frontend/element_ready/eae-info-circle.skin1",e),elementorFrontend.hooks.addAction("frontend/element_ready/eae-info-circle.skin2",e),elementorFrontend.hooks.addAction("frontend/element_ready/eae-info-circle.skin3",e),elementorFrontend.hooks.addAction("frontend/element_ready/eae-info-circle.skin4",e),elementorFrontend.hooks.addAction("frontend/element_ready/eae-timeline.skin1",a),elementorFrontend.hooks.addAction("frontend/element_ready/eae-timeline.skin2",a),elementorFrontend.hooks.addAction("frontend/element_ready/eae-timeline.skin3",a),elementorFrontend.hooks.addAction("frontend/element_ready/eae-timeline.skin4",a),elementorFrontend.hooks.addAction("frontend/element_ready/eae-evergreen-timer.skin1",function(s,e){var r=s.find(".eae-evergreen-wrapper").data("egtime"),a=s.find(".eae-evergreen-wrapper").data("egt-expire"),i=s.find(".eae-evergreen-wrapper").data("element-type"),n="eae-"+s.find(".eae-evergreen-wrapper").data("id"),t="eae-temp-"+s.find(".eae-evergreen-wrapper").data("id"),o=s.find(".eae-evergreen-wrapper").data("actions"),l=s.find(".eae-evergreen-wrapper").data("unqid"),d=(new Date).getTime();if(!s.hasClass("elementor-element-edit-mode"))if("countdown"===i){p=new Date(r),r=p.getTime();var c="expires="+p.toUTCString();document.cookie=t+"="+p.getTime()+";"+c+";path=/"}else{var f=S(n),p="";if(""!==f){(p=new Date(parseInt(f))).setSeconds(p.getSeconds()+s.find(".eae-evergreen-wrapper").data("egtime")),r=p.getTime();var m=new Date(parseInt(f));m.setTime(m.getTime()+60*a*60*1e3);var g="expires="+m.toUTCString();document.cookie=n+"="+f+";"+g+";path=/";var u=new Date(parseInt(f));u.setTime(u.getTime()+1e3*s.find(".eae-evergreen-wrapper").data("egtime")),c="expires="+u.toUTCString(),0<r-d&&(document.cookie=t+"="+f+";"+c+";path=/")}else{temp_date=r,(p=new Date).setSeconds(p.getSeconds()+s.find(".eae-evergreen-wrapper").data("egtime")),r=p.getTime(),$(n,(new Date).getTime(),a);var v=new Date;v.setTime(v.getTime()+1e3*temp_date);var h="expires="+v.toUTCString();console.log("first load"),document.cookie=t+"="+(new Date).getTime()+";"+h+";path=/"}}if(!s.hasClass("elementor-element-edit-mode")&&r-d<0)return 0<o.length&&o.forEach(function(e){"redirect"===e&&($url=s.find(".eae-evergreen-wrapper").data("redirected-url"),""!==$url&&(window.location.href=$url1)),"hide"===e&&(s.hasClass("elementor-element-edit-mode")||(s.find("#eaeclockdiv").css("display","none"),s.find(".egt-title").css("display","none"))),"message"===e&&s.find(".eae-egt-message").css("display","block"),"hide_parent"===e&&(s.hasClass("elementor-element-edit-mode")||($p_secs=s.closest("section"),$p_secs.css("display","none")))}),days="00",hours="00",minutes="00",seconds="00",s.find("."+l).find("#eaedivDays").html(days),s.find("."+l).find("#eaedivHours").html(hours.slice(-2)),s.find("."+l).find("#eaedivMinutes").html(minutes.slice(-2)),void s.find("."+l).find("#eaedivSeconds").html(seconds.slice(-2));s.hasClass("elementor-element-edit-mode")&&(console.log("editor"),"countdown"===i?p=new Date(r):(p=new Date).setSeconds(p.getSeconds()+s.find(".eae-evergreen-wrapper").data("egtime")),r=p.getTime(),console.log("date editor",r));var w=setInterval(function(){var e=(new Date).getTime(),a=r-e,i=0,n=0,t=0,d=0;d=0<a?(i=Math.floor(a/864e5),n="0"+Math.floor(a%864e5/36e5),t="0"+Math.floor(a%36e5/6e4),"0"+Math.floor(a%6e4/1e3)):(0<o.length&&o.forEach(function(e){"redirect"===e&&($url1=s.find(".eae-evergreen-wrapper").data("redirected-url"),""!==$url1&&(window.location.href=$url1)),"hide"===e&&(s.hasClass("elementor-element-edit-mode")||(s.find("#eaeclockdiv").css("display","none"),s.find(".egt-title").css("display","none"))),"message"===e&&s.find(".eae-egt-message").css("display","block"),"hide_parent"===e&&(s.hasClass("elementor-element-edit-mode")||($p_secs=s.closest("section"),$p_secs.css("display","none")))}),clearInterval(w),t=n=i="00"),i<10&&(i="0"+i),s.find("."+l).find("#eaedivDays").html(i),s.find("."+l).find("#eaedivHours").html(n.slice(-2)),s.find("."+l).find("#eaedivMinutes").html(t.slice(-2)),s.find("."+l).find("#eaedivSeconds").html(d.slice(-2))},1e3)}),elementorFrontend.hooks.addAction("frontend/element_ready/eae-evergreen-timer.skin2",function(o,l){var c=o.find(".eae-evergreen-wrapper").data("egtime"),e=o.find(".eae-evergreen-wrapper").data("egt-expire"),a=o.find(".eae-evergreen-wrapper").data("element-type"),i="eae-"+o.find(".eae-evergreen-wrapper").data("id"),n="eae-temp-"+o.find(".eae-evergreen-wrapper").data("id"),f=o.find(".eae-evergreen-wrapper").data("actions"),p=o.find(".eae-evergreen-wrapper").data("unqid"),t=(new Date).getTime();if(!o.hasClass("elementor-element-edit-mode"))if("countdown"===a){r=new Date(c),c=r.getTime(),console.log("countdown",c),console.log("date 1",r),console.log("date 1 gettime",r.getTime());var d="expires="+r.toUTCString();console.log("expire",d),document.cookie=n+"="+r.getTime()+";"+d+";path=/"}else{var s=S(i),r="";if(""!==s){(r=new Date(parseInt(s))).setSeconds(r.getSeconds()+o.find(".eae-evergreen-wrapper").data("egtime")),c=r.getTime();var m=new Date(parseInt(s));m.setTime(m.getTime()+60*e*60*1e3);var g="expires="+m.toUTCString();document.cookie=i+"="+s+";"+g+";path=/";var u=new Date(parseInt(s));u.setTime(u.getTime()+1e3*o.find(".eae-evergreen-wrapper").data("egtime")),d="expires="+u.toUTCString(),0<c-t&&(document.cookie=n+"="+s+";"+d+";path=/")}else{temp_date=c,(r=new Date).setSeconds(r.getSeconds()+o.find(".eae-evergreen-wrapper").data("egtime")),c=r.getTime(),$(i,(new Date).getTime(),e);var v=new Date;v.setTime(v.getTime()+1e3*temp_date);var h="expires="+v.toUTCString();console.log("first load"),document.cookie=n+"="+(new Date).getTime()+";"+h+";path=/"}}if(!o.hasClass("elementor-element-edit-mode")){var w=c-t;if(console.log("frontend actions"),w<0)return void(0<f.length&&f.forEach(function(e){"redirect"===e&&($url=o.find(".eae-evergreen-wrapper").data("redirected-url"),""!==$url&&(window.location.href=$url)),"hide"===e&&(o.find("."+p).find(".timer-container").css("display","none"),o.find("."+p).find(".egt-title").css("display","none")),"message"===e&&o.find("."+p).find(".eae-egt-message").css("display","block"),"hide_parent"===e&&(o.hasClass("elementor-element-edit-mode")||($p_secs=o.closest("section"),$p_secs.css("display","none")))}))}o.hasClass("elementor-element-edit-mode")&&(console.log("editor"),"countdown"===a?r=new Date(c):(r=new Date).setSeconds(r.getSeconds()+o.find(".eae-evergreen-wrapper").data("egtime")),c=r.getTime(),console.log("date editor",c));var y=setInterval(function(){var e=(new Date).getTime(),a=c-e,i=Math.floor(a/864e5),n=Math.floor(a%864e5/36e5),t=Math.floor(a%36e5/6e4),d=Math.floor(a%6e4/1e3);if(o.find("."+p).find("#eaeulSec1").find(".flip-clock-active").removeClass("flip-clock-active"),o.find("."+p).find("#eaeulSec1").find(".flip-clock-before").removeClass("flip-clock-before"),o.find("."+p).find("#eaeulSec").find(".flip-clock-active").removeClass("flip-clock-active"),o.find("."+p).find("#eaeulSec").find(".flip-clock-before").removeClass("flip-clock-before"),a<0)return clearInterval(y),void(0<f.length&&(console.log("action length",f.length),f.forEach(function(e){"redirect"===e&&(o.hasClass("elementor-element-edit-mode")||($url1=o.find(".eae-evergreen-wrapper").data("redirected-url"),console.log("url",$url1),""!==$url1&&(window.location.href=$url1))),"hide"===e&&(o.hasClass("elementor-element-edit-mode")||(o.find("."+p).find(".timer-container").css("display","none"),o.find("."+p).find(".egt-title").css("display","none"))),"message"===e&&(o.hasClass("elementor-element-edit-mode")||o.find("."+p).find(".eae-egt-message").css("display","block")),"hide_parent"===e&&(o.hasClass("elementor-element-edit-mode")||($p_secs=o.closest("section"),$p_secs.css("display","none")))})));if(2===l.trim(d).length){var s="#eaeulSec1 li:eq( "+l.trim(d).charAt(1)+" )",r="#eaeulSec li:eq( "+l.trim(d).charAt(0)+" )";0<o.find("."+p).find(s).next().length?(o.find("."+p).find(s).addClass("flip-clock-active"),o.find("."+p).find(s).next().addClass("flip-clock-before")):(o.find("."+p).find("#eaeulSec1 li:last-child").addClass("flip-clock-active"),o.find("."+p).find("#eaeulSec1 li:first-child").addClass("flip-clock-before")),0<o.find("."+p).find(r).next().length?(o.find("."+p).find(r).addClass("flip-clock-active"),o.find("."+p).find(r).next().addClass("flip-clock-before")):(o.find("."+p).find("#eaeulSec li:last-child").addClass("flip-clock-active"),o.find("."+p).find("#eaeulSec li:first-child").addClass("flip-clock-before"))}else s="#eaeulSec1 li:eq( "+l.trim(d).charAt(0)+" )",r="#eaeulSec li:eq( 0 )",0<o.find("."+p).find(s).next().length?(o.find("."+p).find(s).addClass("flip-clock-active"),o.find("."+p).find(s).next().addClass("flip-clock-before")):(o.find("."+p).find("#eaeulSec1 li:last-child").addClass("flip-clock-active"),o.find("."+p).find("#eaeulSec1 li:first-child").addClass("flip-clock-before")),0<o.find("."+p).find(r).next().length?(o.find("."+p).find(r).addClass("flip-clock-active"),o.find("."+p).find(r).next().addClass("flip-clock-before")):(o.find("."+p).find("#eaeulSec li:last-child").addClass("flip-clock-active"),o.find("."+p).find("#eaeulSec li:first-child").addClass("flip-clock-before"));o.find("."+p).find("#eaeulMin1").find(".flip-clock-active").removeClass("flip-clock-active"),o.find("."+p).find("#eaeulMin1").find(".flip-clock-before").removeClass("flip-clock-before"),o.find("."+p).find("#eaeulMin").find(".flip-clock-active").removeClass("flip-clock-active"),o.find("."+p).find("#eaeulMin").find(".flip-clock-before").removeClass("flip-clock-before"),r=2==l.trim(t).length?(s="#eaeulMin1 li:eq( "+l.trim(t).charAt(1)+" )","#eaeulMin li:eq( "+l.trim(t).charAt(0)+" )"):(s="#eaeulMin1 li:eq( "+l.trim(t).charAt(0)+" )","#eaeulMin li:eq( 0 )"),0<o.find("."+p).find(s).next().length?(o.find("."+p).find(s).addClass("flip-clock-active"),o.find("."+p).find(s).next().addClass("flip-clock-before")):(o.find("."+p).find("#eaeulMin1 li:last-child").addClass("flip-clock-active"),o.find("."+p).find("#eaeulMin1 li:first-child").addClass("flip-clock-before")),0<o.find("."+p).find(r).next().length?(o.find("."+p).find(r).addClass("flip-clock-active"),o.find("."+p).find(r).next().addClass("flip-clock-before")):(o.find("."+p).find("#eaeulMin li:last-child").addClass("flip-clock-active"),o.find("."+p).find("#eaeulMin li:first-child").addClass("flip-clock-before")),o.find("."+p).find("#eaeulHour1").find(".flip-clock-active").removeClass("flip-clock-active"),o.find("."+p).find("#eaeulHour1").find(".flip-clock-before").removeClass("flip-clock-before"),o.find("."+p).find("#eaeulHour").find(".flip-clock-active").removeClass("flip-clock-active"),o.find("."+p).find("#eaeulHour").find(".flip-clock-before").removeClass("flip-clock-before"),2==l.trim(n).length?(s="#eaeulHour1 li:eq( "+l.trim(n).charAt(1)+" )",r="#eaeulHour li:eq( "+l.trim(n).charAt(0)+" )",0<o.find("."+p).find(s).next().length?(o.find("."+p).find(s).addClass("flip-clock-active"),o.find("."+p).find(s).next().addClass("flip-clock-before")):(o.find("."+p).find("#eaeulHour1 li:last-child").addClass("flip-clock-active"),o.find("."+p).find("#eaeulHour1 li:first-child").addClass("flip-clock-before"))):(s="#eaeulHour1 li:eq( "+l.trim(n).charAt(0)+" )",r="#eaeulHour li:eq( 0 )",0<o.find("."+p).find(s).next().length?(o.find("."+p).find(s).addClass("flip-clock-active"),o.find("."+p).find(s).next().addClass("flip-clock-before")):(o.find("."+p).find("#eaeulHour1 li:last-child").addClass("flip-clock-active"),o.find("."+p).find("#eaeulHour li:first-child").addClass("flip-clock-before"))),0<o.find("."+p).find(r).next().length?(o.find("."+p).find(r).addClass("flip-clock-active"),o.find("."+p).find(r).next().addClass("flip-clock-before")):(o.find("."+p).find("#eaeulHour li:last-child").addClass("flip-clock-active"),o.find("."+p).find("#eaeulHour li:first-child").addClass("flip-clock-before")),o.find("."+p).find("#eaeulDay1").find(".flip-clock-active").removeClass("flip-clock-active"),o.find("."+p).find("#eaeulDay1").find(".flip-clock-before").removeClass("flip-clock-before"),o.find("."+p).find("#eaeulDay").find(".flip-clock-active").removeClass("flip-clock-active"),o.find("."+p).find("#eaeulDay").find(".flip-clock-before").removeClass("flip-clock-before"),2==l.trim(i).length?(s="#eaeulDay1 li:eq( "+l.trim(i).charAt(1)+" )",r="#eaeulDay li:eq( "+l.trim(i).charAt(0)+" )",0<o.find("."+p).find(s).next().length?(o.find("."+p).find(s).addClass("flip-clock-active"),o.find("."+p).find(s).next().addClass("flip-clock-before")):(o.find("."+p).find("#eaeulDay1 li:last-child").addClass("flip-clock-active"),o.find("."+p).find("#eaeulDay1 li:first-child").addClass("flip-clock-before"))):(s="#eaeulDay1 li:eq( "+l.trim(i).charAt(0)+" )",r="#eaeulDay li:eq( 0 )",0<o.find("."+p).find(s).next().length?(o.find("."+p).find(s).addClass("flip-clock-active"),o.find("."+p).find(s).next().addClass("flip-clock-before")):(o.find("."+p).find("#eaeulDay1 li:last-child").addClass("flip-clock-active"),o.find("."+p).find("#eaeulDay li:first-child").addClass("flip-clock-before"))),0<o.find("."+p).find(r).next().length?(o.find("."+p).find(r).addClass("flip-clock-active"),o.find("."+p).find(r).next().addClass("flip-clock-before")):(o.find("."+p).find("#eaeulDay li:last-child").addClass("flip-clock-active"),o.find("."+p).find("#eaeulDay li:first-child").addClass("flip-clock-before"))},1e3)}),elementorFrontend.hooks.addAction("frontend/element_ready/eae-evergreen-timer.skin3",function(n,t){var d,i=n.find(".eae-evergreen-wrapper").data("egtime"),e=n.find(".eae-evergreen-wrapper").data("egt-expire"),a=n.find(".eae-evergreen-wrapper").data("element-type"),s="eae-"+n.find(".eae-evergreen-wrapper").data("id"),r="eae-temp-"+n.find(".eae-evergreen-wrapper").data("id"),o=n.find(".eae-evergreen-wrapper").data("actions"),l=n.find(".eae-evergreen-wrapper").data("days"),c=n.find(".eae-evergreen-wrapper").data("hours"),f=n.find(".eae-evergreen-wrapper").data("mins"),p=n.find(".eae-evergreen-wrapper").data("seconds"),m=n.find(".eae-evergreen-wrapper").data("unqid"),g=(new Date).getTime();if(!n.hasClass("elementor-element-edit-mode"))if("countdown"===a){h=new Date(i),i=h.getTime();var u="expires="+h.toUTCString();document.cookie=r+"="+h.getTime()+";"+u+";path=/"}else{var v=S(s),h="";if(""!==v){(h=new Date(parseInt(v))).setSeconds(h.getSeconds()+n.find(".eae-evergreen-wrapper").data("egtime")),i=h.getTime();var w=new Date(parseInt(v));w.setTime(w.getTime()+60*e*60*1e3);var y="expires="+w.toUTCString();document.cookie=s+"="+v+";"+y+";path=/";var k=new Date(parseInt(v));k.setTime(k.getTime()+1e3*n.find(".eae-evergreen-wrapper").data("egtime")),u="expires="+k.toUTCString(),0<i-g&&(document.cookie=r+"="+v+";"+u+";path=/")}else{temp_date=i,(h=new Date).setSeconds(h.getSeconds()+n.find(".eae-evergreen-wrapper").data("egtime")),i=h.getTime(),$(s,(new Date).getTime(),e);var C=new Date;C.setTime(C.getTime()+1e3*temp_date);var b="expires="+C.toUTCString();console.log("first load"),document.cookie=r+"="+(new Date).getTime()+";"+b+";path=/"}}if(!n.hasClass("elementor-element-edit-mode")){var _=x();if(parseInt(_.all)<1){if(console.log("distance",_.all),console.log("action length",o.length),0<o.length&&(o.forEach(function(e){"redirect"===e&&(n.hasClass("elementor-element-edit-mode")||($url=n.find(".eae-evergreen-wrapper").data("redirected-url"),""!==$url&&(window.location.href=$url))),"hide_parent"===e&&(n.hasClass("elementor-element-edit-mode")||($p_secs=n.closest("section"),$p_secs.css("display","none"))),"hide"===e&&(n.find("#timer").css("display","none"),n.find(".egt-title").css("display","none"),n.find(".desc").css("display","none")),"message"===e&&n.find(".eae-egt-message").css("display","block")}),1===o.length&&(""===o[0]||"message"===o[0]))){var T=n.find("."+m).find("#timer")[0];"yes"===l&&(T.innerHTML="<span class='egt-time eae-time-wrapper'><div>00</div></span>"),"yes"===c&&("yes"===l?t(T).append("<span class='egt-time eae-time-wrapper'><div>00</div></span>"):T.innerHTML="<span class='egt-time eae-time-wrapper'><div>00</div></span>"),"yes"===f&&("yes"===l||"yes"===c?t(T).append("<span class='egt-time eae-time-wrapper'><div>00</div></span>"):T.innerHTML="<span class='egt-time eae-time-wrapper'><div>00</div></span>"),"yes"===p&&("yes"===l||"yes"===c||"yes"===f?t(T).append("<span class='egt-time eae-time-wrapper'><div>00</div></span>"):T.innerHTML="<span class='egt-time eae-time-wrapper'><div>00</div></span>")}return}}function x(e){var a=i-new Date;return{days:Math.floor(a/864e5),hours:"0"+Math.floor(a/36e5%24),minutes:"0"+Math.floor(a/6e4%60),seconds:"0"+Math.floor(a/1e3%60),all:a}}function D(e){e.classList.add("fade"),setTimeout(function(){e.classList.remove("fade")},700)}n.hasClass("elementor-element-edit-mode")&&("countdown"===a?h=new Date(i):(h=new Date).setSeconds(h.getSeconds()+n.find(".eae-evergreen-wrapper").data("egtime")),i=h.getTime(),console.log("date editor",i)),1<x().all&&(d=setInterval(function(){var e=n.find("."+m).find("#timer")[0],a=x();"yes"===l&&(a.days<10&&(a.days="0"+a.days),e.innerHTML="<span class='egt-time eae-time-wrapper'><div>"+a.days+"</div></span>"),"yes"===c&&("yes"===l?t(e).append("<span class='egt-time eae-time-wrapper'><div>"+a.hours.slice(-2)+"</div></span>"):e.innerHTML="<span class='egt-time eae-time-wrapper'><div>"+a.hours.slice(-2)+"</div></span>"),"yes"===f&&("yes"===l||"yes"===c?t(e).append("<span class='egt-time eae-time-wrapper'><div>"+a.minutes.slice(-2)+"</div></span>"):e.innerHTML="<span class='egt-time eae-time-wrapper'><div>"+a.minutes.slice(-2)+"</div></span>"),"yes"===p&&("yes"===l||"yes"===c||"yes"===f?t(e).append("<span class='egt-time eae-time-wrapper'><div>"+a.seconds.slice(-2)+"</div></span>"):e.innerHTML="<span class='egt-time eae-time-wrapper'><div>"+a.seconds.slice(-2)+"</div></span>");var i=e.getElementsByTagName("span");"yes"===l&&59==a.hours&&59==a.minutes&&59==a.seconds&&D(i[0]),"yes"===c&&("yes"===l?59==a.minutes&&59==a.seconds&&D(i[1]):59==a.minutes&&59==a.seconds&&D(i[0])),"yes"===f&&("yes"===l?"yes"===c?59==a.seconds&&D(i[2]):59==a.seconds&&D(i[1]):"yes"===c?59==a.seconds&&D(i[1]):59==a.seconds&&D(i[0])),"yes"===p&&("yes"===l?"yes"===c?"yes"===f&&D(i[3]):D("yes"===f?i[2]:i[1]):"yes"===c?"yes"===f&&D(i[2]):D("yes"===f?i[1]:i[0])),a.all<=1&&(clearInterval(d),"yes"===l&&(e.innerHTML="<span class='egt-time eae-time-wrapper'><div>00</div></span>"),"yes"===c&&("yes"===l?t(e).append("<span class='egt-time eae-time-wrapper'><div>00</div></span>"):e.innerHTML="<span class='egt-time eae-time-wrapper'><div>00</div></span>"),"yes"===f&&("yes"===l||"yes"===c?t(e).append("<span class='egt-time eae-time-wrapper'><div>00</div></span>"):e.innerHTML="<span class='egt-time eae-time-wrapper'><div>00</div></span>"),"yes"===p&&("yes"===l||"yes"===c||"yes"===f?t(e).append("<span class='egt-time eae-time-wrapper'><div>00</div></span>"):e.innerHTML="<span class='egt-time eae-time-wrapper'><div>00</div></span>"),n.hasClass("elementor-element-edit-mode")||0<o.length&&o.forEach(function(e){console.log("value",e),"redirect"===e&&($url1=n.find(".eae-evergreen-wrapper").data("redirected-url"),""!==$url1&&(window.location.href=$url1)),"hide"===e&&(n.find("#timer").css("display","none"),n.find(".egt-title").css("display","none"),n.find(".desc").css("display","none")),"message"===e&&n.find(".eae-egt-message").css("display","block"),"hide_parent"===e&&($p_secs=n.closest("section"),$p_secs.css("display","none"))}))},1e3))}),elementorFrontend.hooks.addAction("frontend/element_ready/eae-comparisontable.default",function(a,i){i(a.find(".eae-ct-heading")[0]).addClass("active"),a.find("ul").on("click","li",function(){var e=i(this).index()+2;a.find("tr").find("td:not(:eq(0))").hide(),a.find("td:nth-child("+e+")").css("display","table-cell"),a.find("tr").find("th:not(:eq(0))").hide(),a.find("li").removeClass("active"),i(this).addClass("active")});var e=window.matchMedia("(min-width: 767px)");function n(e){e.matches?a.find(".sep").attr("colspan",5):a.find(".sep").attr("colspan",2)}e.addListener(n),n(e)})});
1
+ jQuery(window).on("elementor/frontend/init",function(){elementorFrontend.hooks.addAction("frontend/element_ready/wts-gmap.default",function(o){map=function(e){$wrapper=o.find(".eae-markers");var a=$wrapper.data("zoom"),i=e.find(".marker"),n=$wrapper.data("style"),t=($wrapper.data("scroll"),{zoom:a,center:new google.maps.LatLng(0,0),mapTypeId:google.maps.MapTypeId.ROADMAP,styles:n}),d=new google.maps.Map(e[0],t);return d.markers=[],i.each(function(){!function(e,a){var i=$wrapper.data("animate");$wrapper=o.find(".eae-markers");var n=new google.maps.LatLng(e.attr("data-lat"),e.attr("data-lng"));if(icon_img=e.attr("data-icon"),""!=icon_img)var t={url:e.attr("data-icon"),scaledSize:new google.maps.Size(e.attr("data-icon-size"),e.attr("data-icon-size"))};var d=new google.maps.Marker({position:n,map:a,icon:t,animation:google.maps.Animation.DROP});if("animate-yes"==i&&d.setAnimation(google.maps.Animation.BOUNCE),"animate-yes"==i&&google.maps.event.addListener(d,"click",function(){d.setAnimation(null)}),a.markers.push(d),e.html()){var r=new google.maps.InfoWindow({content:e.html()});google.maps.event.addListener(d,"click",function(){r.open(a,d)})}"animate-yes"==i&&google.maps.event.addListener(r,"closeclick",function(){d.setAnimation(google.maps.Animation.BOUNCE)})}(jQuery(this),d)}),r=d,s=a,l=new google.maps.LatLngBounds,jQuery.each(r.markers,function(e,a){var i=new google.maps.LatLng(a.position.lat(),a.position.lng());l.extend(i)}),1==r.markers.length?(r.setCenter(l.getCenter()),r.setZoom(s)):r.fitBounds(l),d;var r,s,l}(o.find(".eae-markers"))}),elementorFrontend.hooks.addAction("frontend/element_ready/global",function(e){var a,i,n,t,d,r,s,l=[],o=[],c=e.children(".eae-section-bs").children(".eae-section-bs-inner");c&&c.data("eae-bg-slider")&&(slider_images=c.data("eae-bg-slider"),a=c.data("eae-bg-slider-transition"),i=c.data("eae-bg-slider-animation"),t=("yes"==(n=c.data("eae-bg-custom-overlay"))||c.data("eae-bg-slider-overlay"),eae_editor.plugin_url+"assets/lib/vegas/overlays/"+c.data("eae-bg-slider-overlay")),d=c.data("eae-bg-slider-cover"),r=c.data("eae-bs-slider-delay"),s=c.data("eae-bs-slider-timer"),"undefined"!=typeof slider_images&&(l=slider_images.split(","),jQuery.each(l,function(e,a){var i=[];i.src=a,o.push(i)}),c.vegas({slides:o,transition:a,animation:i,overlay:t,cover:d,delay:r,timer:s,init:function(){"yes"==n&&c.children(".vegas-overlay").css("background-image","")}})))})}),jQuery(window).on("elementor/frontend/init",function(){var e=function(e,n){function a(e){$icons=n(document).find(e).find(".eae-ic-icon-wrap"),window.innerWidth<767?$icons.each(function(e,a){n(a).css("top",n(a).height()/2+8+"px"),n(a).next(".eae-info-circle-item__content-wrap").css("padding-top",n(a).height()/2+8+"px")}):$icons.each(function(e,a){var i;n(a).css("margin-left",-.5*n(a).outerWidth()),n(a).css("margin-top",-.5*n(a).outerHeight()),$a=(i=((i=$angle)-90)*Math.PI/180,{x:50+45*Math.cos(i),y:50+45*Math.sin(i)}),$b=360/$icons.length,n(a).css("left",$a.x+"%"),n(a).css("top",$a.y+"%"),$angle+=$b})}$wrap_class=".elementor-element-"+e.data("id"),$angle=0,a(e);var i=null;function t(){"yes"==e.find(".eae-info-circle").data("autoplay")&&(i=setInterval(d,$autoplayDuration))}function d(){0<e.find(".eae-active").next().length?e.find(".eae-active").next().addClass("eae-active").siblings().removeClass("eae-active"):e.find(".eae-info-circle-item").eq(0).addClass("eae-active").siblings().removeClass("eae-active")}$autoplayDuration=e.find(".eae-info-circle").data("delay"),t(),e.find(".eae-ic-icon-wrap").hover(function(){clearInterval(i)},function(){t()}),0<e.find(".eae-info-circle-item").length&&n(e.find(".eae-info-circle-item")[0]).addClass("eae-active"),e.find(".eae-ic-icon-wrap").on("click mouseenter",function(){e.find(".eae-info-circle-item").removeClass("eae-active"),n(this).parent().addClass("eae-active")}),window.addEventListener("resize",a.bind(this,$wrap_class))},a=function(r,s){function e(){var e=r.find(".eae-timline-progress-bar"),a=r.find(".eae-timeline-item"),i=r.find(".eae-timeline"),n=s(i).height(),t=s(a).last().find(".eae-tl-icon-wrapper").offset().top-s(a[0]).parent().offset().top,d=r.find(".eae-tl-icon-wrapper");s(e).css("top",s(a[0]).find(".eae-tl-icon-wrapper").offset().top-s(a[0]).parent().offset().top),s(e).css("bottom",n-t),s(e).css("left",d.eq(0)[0].offsetLeft+d.eq(0).width()/2),a.each(function(e,a){new Waypoint({element:s(a),handler:function(e){"down"==e?s(a).addClass("eae-tl-item-focused"):s(a).removeClass("eae-tl-item-focused")},offset:100})})}e(),window.addEventListener("resize",e),window.addEventListener("scroll",function(){r.find(".eae-timline-progress-bar"),r.find(".eae-pb-inner-line").css("height",s(window).scrollTop()-r.find(".eae-timeline").offset().top+100),r.find(".eae-pb-inner-line").css("max-height",r.find(".eae-pb-inner-line").parent().height())})};function D(e,a,i){var n=new Date;n.setTime(n.getTime()+60*i*60*1e3);var t="expires="+n.toUTCString();document.cookie=e+"="+a+";"+t+";path=/"}function S(e){for(var a=e+"=",i=decodeURIComponent(document.cookie).split(";"),n=0;n<i.length;n++){for(var t=i[n];" "==t.charAt(0);)t=t.substring(1);if(0==t.indexOf(a))return t.substring(a.length,t.length)}return""}var i=function(e,i){$wrapper=e.find(".eae-progress-bar"),$wrapper.attr("data-skill");var a=$wrapper.attr("data-value"),n=$wrapper.attr("data-skin"),t=$wrapper.find(".eae-pb-bar-skill"),d=$wrapper.find(".eae-pb-bar-value"),r=$wrapper.find(".eae-pb-bar"),s=$wrapper.find(".eae-pb-bar-inner");"skin1"===n&&i(s).attr("style","width : "+a+"%"),"skin2"===n&&i(s).attr("style","width : "+a+"%"),"skin3"===n&&(i(d).addClass("eae-pb-bar-value--aligned-value"),i(d).attr("style","left :"+a+"%"),i(s).attr("style","width :"+a+"%")),"skin4"===n&&(i(d).addClass("eae-pb-bar-value--aligned-value"),i(d).attr("style","left :"+a+"%"),i(s).attr("style","width :"+a+"%"),i(r).addClass("eae-pb-bar--no-overflow")),"skin5"===n&&(i(d).addClass("eae-pb-bar-value--aligned-value"),i(d).attr("style","left :"+a+"%"),i(s).attr("style","width :"+a+"%")),$wrapper.each(function(e,a){new Waypoint({element:a,skill_value:i(a).find(".eae-pb-bar-skill"),valueElem:i(a).find(".eae-pb-bar-value"),prgBar:i(a).find(".eae-pb-bar-bar"),prgInner:i(a).find(".eae-pb-bar-inner"),handler:function(e){"down"==e&&(i(d).hasClass("js-animated")||i(d).addClass("js-animated"),i(s).hasClass("js-animated")||i(s).addClass("js-animated"),i(t).hasClass("js-animated")||i(t).addClass("js-animated"))},offset:"bottom-in-view"})})};elementorFrontend.hooks.addAction("frontend/element_ready/wts-ab-image.default",function(c,e){var a,p,i,f;ab_style=c.find(".eae-img-comp-container").data("ab-style"),slider_pos=c.find(".eae-img-comp-container").data("slider-pos"),"horizontal"==ab_style?(i=(p=c).find(".eae-img-comp-overlay"),f=(f=i.width())*slider_pos/100,function(t){var a,d,e,r=0;function i(e){e.preventDefault(),r=1,window.addEventListener("mousemove",s),a.addEventListener("touchmove",l)}function n(){r=0}function s(e){var a,i,n;if(0==r)return!1;i=(i=e)||window.event,n=t.getBoundingClientRect(),(a=i.pageX-n.left)<0&&(a=0),d<a&&(a=d),o(a)}function l(e){var a,i,n;if(0==r)return!1;i=e,n=t.getBoundingClientRect(),(a=i.changedTouches[0].clientX-n.left)<0&&(a=0),d<a&&(a=d),o(a)}function o(e){t.style.width=e+"px",a.style.left=t.offsetWidth-a.offsetWidth/2+"px"}d=t.offsetWidth,e=t.offsetHeight,t.style.width=f+"px",(a=(a=p.find(".eae-img-comp-slider"))[0]).style.top=e/2-a.offsetHeight/2+"px",a.style.left=f-a.offsetWidth/2+"px",p.hasClass("elementor-element-edit-mode")||(a.addEventListener("mousedown",i),window.addEventListener("mouseup",n),a.addEventListener("touchstart",i),window.addEventListener("touchstop",n))}(i[0])):(a=c.find(".eae-img-comp-overlay"),start_pos=a.height(),start_pos=start_pos*slider_pos/100,function(d){var a,e,r,s=0;function i(e){e.preventDefault(),s=1,window.addEventListener("mousemove",t),a.addEventListener("touchmove",l)}function n(){s=0}function t(e){var a,i,n,t;if(0==s)return!1;t=0,i=(i=e)||window.event,n=d.getBoundingClientRect(),t=i.pageY-n.top,(a=t-=window.pageYOffset)<0&&(a=0),r<a&&(a=r),o(a)}function l(e){var a,i,n;if(0==s)return!1;i=e,n=d.getBoundingClientRect(),(a=i.changedTouches[0].clientY-n.top)<0&&(a=0),r<a&&(a=r),o(a)}function o(e){d.style.height=e+"px",a.style.top=d.offsetHeight-a.offsetHeight/2+"px"}e=d.offsetWidth,r=d.offsetHeight,d.style.height=start_pos+"px",(a=(a=c.find(".eae-img-comp-slider"))[0]).style.top=start_pos-a.offsetHeight/2+"px",a.style.left=e/2-a.offsetWidth/2+"px",c.hasClass("elementor-element-edit-mode")||(a.addEventListener("mousedown",i),window.addEventListener("mouseup",n),a.addEventListener("touchstart",i),window.addEventListener("touchstop",n))}(a[0]))}),elementorFrontend.hooks.addAction("frontend/element_ready/global",function(e,a){e.hasClass("eae-particle-yes")&&(id=e.data("id"),element_type=e.data("element_type"),pdata=e.data("eae-particle"),pdata_wrapper=e.find(".eae-particle-wrapper").data("eae-pdata"),"undefined"!=typeof pdata&&""!=pdata?(0<e.find(".eae-section-bs").length?e.find(".eae-section-bs").after('<div class="eae-particle-wrapper" id="eae-particle-'+id+'"></div>'):"column"==element_type?e.find(".elementor-column-wrap").prepend('<div class="eae-particle-wrapper" id="eae-particle-'+id+'"></div>'):e.prepend('<div class="eae-particle-wrapper" id="eae-particle-'+id+'"></div>'),particlesJS("eae-particle-"+id,pdata)):"undefined"!=typeof pdata_wrapper&&""!=pdata_wrapper&&("column"==element_type?e.find(".elementor-column-wrap").prepend('<div class="eae-particle-wrapper" id="eae-particle-'+id+'"></div>'):e.prepend('<div class="eae-particle-wrapper" id="eae-particle-'+id+'"></div>'),particlesJS("eae-particle-"+id,JSON.parse(pdata_wrapper))))}),elementorFrontend.hooks.addAction("frontend/element_ready/global",function(e,a){if(e.hasClass("eae-animated-gradient-yes")){id=e.data("id"),color=e.data("color"),angle=e.data("angle");var i="linear-gradient("+angle+","+color+")";heading=e.find(".elementor-heading-title"),e.css("background-image",i),e.hasClass("elementor-element-edit-mode")&&(color=e.find(".animated-gradient").data("color"),angle=e.find(".animated-gradient").data("angle"),gradient_color_editor="linear-gradient("+angle+","+color+")",e.prepend('<div class="animated-gradient" style="background-image : '+gradient_color_editor+' "></div>'))}}),elementorFrontend.hooks.addAction("frontend/element_ready/wts-modal-popup.default",function(e,a){$preview_modal=e.find(".eae-popup-wrapper").data("preview-modal"),$close_btn=e.find(".eae-popup-wrapper").data("close-btn"),$magnific=e.find(".eae-popup-link").eaePopup({type:"inline",disableOn:0,key:null,midClick:!1,mainClass:"eae-popup eae-popup-"+e.find(".eae-popup-link").data("id")+" eae-wrap-"+e.find(".eae-popup-link").data("ctrl-id"),preloader:!0,focus:"",closeOnContentClick:!1,closeOnBgClick:!0,closeBtnInside:e.find(".eae-popup-wrapper").data("close-in-out"),showCloseBtn:!0,enableEscapeKey:!1,modal:!1,alignTop:!1,removalDelay:0,prependTo:null,fixedContentPos:"auto",fixedBgPos:"auto",overflowY:"auto",closeMarkup:'<i class="eae-close '+$close_btn+'"> </i>',tClose:"Close (Esc)",tLoading:"Loading...",autoFocusLast:!0}),"yes"==$preview_modal&&e.hasClass("elementor-element-edit-mode")&&e.find(".eae-popup-link").click()}),elementorFrontend.hooks.addAction("frontend/element_ready/wts-testimonial-slider.default",function(e,a){if(e.find(".eae-grid-wrapper").hasClass("eae-masonry-yes")){var i=e.find(".eae-grid").masonry({});i.imagesLoaded().progress(function(){i.masonry("layout")})}if(e.find(".eae-layout-carousel").length){outer_wrapper=e.find(".eae-swiper-outer-wrapper"),wid=e.data("id"),wclass=".elementor-element-"+wid;var n=outer_wrapper.data("direction"),t=outer_wrapper.data("speed"),d=outer_wrapper.data("autoplay"),r=outer_wrapper.data("duration"),s=outer_wrapper.data("effect"),l=outer_wrapper.data("space"),o=outer_wrapper.data("loop");o="yes"==o;var c=outer_wrapper.data("slides-per-view"),p=outer_wrapper.data("slides-per-group"),f=outer_wrapper.data("ptype"),m=outer_wrapper.data("navigation"),g=outer_wrapper.data("clickable"),u=outer_wrapper.data("keyboard"),v=outer_wrapper.data("scrollbar");adata={direction:n,effect:s,spaceBetween:l.desktop,loop:o,speed:t,slidesPerView:c.desktop,slidesPerGroup:p.desktop,observer:!0,mousewheel:{invert:!0},breakpoints:{1024:{spaceBetween:l.tablet,slidesPerView:c.tablet,slidesPerGroup:p.tablet},767:{spaceBetween:l.mobile,slidesPerView:c.mobile,slidesPerGroup:p.mobile}}},"fade"==s&&(adata.fadeEffect={crossFade:!1}),adata.autoplay="yes"==d&&{delay:r,disableOnInteraction:!1},"yes"==m&&(adata.navigation={nextEl:".swiper-button-next",prevEl:".swiper-button-prev"}),""!=f&&(adata.pagination={el:".swiper-pagination",type:f}),"bullets"==f&&"yes"==g&&(adata.pagination={el:".swiper-pagination",clickable:!0,type:f}),"yes"==v&&(adata.scrollbar={el:".swiper-scrollbar",draggable:!0}),"yes"==u&&(adata.keyboard={enabled:!0,onlyInViewport:!0}),0==o&&(adata.autoplay={delay:r,stopOnLastSlide:!0,disableOnInteraction:!1}),window.mswiper=new Swiper(".elementor-element-"+wid+" .eae-swiper-outer-wrapper .swiper-container",adata),a(".elementor-element-"+wid+" .eae-swiper-outer-wrapper .swiper-container").css("visibility","visible")}}),elementorFrontend.hooks.addAction("frontend/element_ready/eae-info-circle.skin1",e),elementorFrontend.hooks.addAction("frontend/element_ready/eae-info-circle.skin2",e),elementorFrontend.hooks.addAction("frontend/element_ready/eae-info-circle.skin3",e),elementorFrontend.hooks.addAction("frontend/element_ready/eae-info-circle.skin4",e),elementorFrontend.hooks.addAction("frontend/element_ready/eae-timeline.skin1",a),elementorFrontend.hooks.addAction("frontend/element_ready/eae-timeline.skin2",a),elementorFrontend.hooks.addAction("frontend/element_ready/eae-timeline.skin3",a),elementorFrontend.hooks.addAction("frontend/element_ready/eae-timeline.skin4",a),elementorFrontend.hooks.addAction("frontend/element_ready/eae-evergreen-timer.skin1",function(r,s){var l=r.find(".eae-evergreen-wrapper").data("egtime"),e=r.find(".eae-evergreen-wrapper").data("egt-expire"),a=r.find(".eae-evergreen-wrapper").data("element-type"),i="eae-"+r.find(".eae-evergreen-wrapper").data("id"),n="eae-temp-"+r.find(".eae-evergreen-wrapper").data("id"),o=r.find(".eae-evergreen-wrapper").data("actions"),c=r.find(".eae-evergreen-wrapper").data("unqid"),t=(new Date).getTime();if(!r.hasClass("elementor-element-edit-mode"))if("countdown"===a){f=new Date(l),l=f.getTime();var d="expires="+f.toUTCString();document.cookie=n+"="+f.getTime()+";"+d+";path=/"}else{var p=S(i),f="";if(""!==p){(f=new Date(parseInt(p))).setSeconds(f.getSeconds()+r.find(".eae-evergreen-wrapper").data("egtime")),l=f.getTime();var m=new Date(parseInt(p));m.setTime(m.getTime()+60*e*60*1e3);var g="expires="+m.toUTCString();document.cookie=i+"="+p+";"+g+";path=/";var u=new Date(parseInt(p));u.setTime(u.getTime()+1e3*r.find(".eae-evergreen-wrapper").data("egtime")),d="expires="+u.toUTCString(),0<l-t&&(document.cookie=n+"="+p+";"+d+";path=/")}else{temp_date=l,(f=new Date).setSeconds(f.getSeconds()+r.find(".eae-evergreen-wrapper").data("egtime")),l=f.getTime(),D(i,(new Date).getTime(),e);var v=new Date;v.setTime(v.getTime()+1e3*temp_date);var h="expires="+v.toUTCString();console.log("first load"),document.cookie=n+"="+(new Date).getTime()+";"+h+";path=/"}}if(!r.hasClass("elementor-element-edit-mode")&&l-t<0)return 0<o.length&&o.forEach(function(e){"redirect"===e&&($url=r.find(".eae-evergreen-wrapper").data("redirected-url"),""!==s.trim($url)&&(window.location.href=$url1)),"hide"===e&&(r.hasClass("elementor-element-edit-mode")||(r.find("#eaeclockdiv").css("display","none"),r.find(".egt-title").css("display","none"))),"message"===e&&r.find(".eae-egt-message").css("display","block"),"hide_parent"===e&&(r.hasClass("elementor-element-edit-mode")||($p_secs=r.closest("section"),$p_secs.css("display","none")))}),days="00",hours="00",minutes="00",seconds="00",r.find("."+c).find("#eaedivDays").html(days),r.find("."+c).find("#eaedivHours").html(hours.slice(-2)),r.find("."+c).find("#eaedivMinutes").html(minutes.slice(-2)),void r.find("."+c).find("#eaedivSeconds").html(seconds.slice(-2));r.hasClass("elementor-element-edit-mode")&&("countdown"===a?f=new Date(l):(f=new Date).setSeconds(f.getSeconds()+r.find(".eae-evergreen-wrapper").data("egtime")),l=f.getTime());var w=setInterval(function(){var e=(new Date).getTime(),a=l-e,i=0,n=0,t=0,d=0;d=0<a?(i=Math.floor(a/864e5),n="0"+Math.floor(a%864e5/36e5),t="0"+Math.floor(a%36e5/6e4),"0"+Math.floor(a%6e4/1e3)):(0<o.length&&(r.hasClass("elementor-element-edit-mode")||o.forEach(function(e){"redirect"===e&&($url1=r.find(".eae-evergreen-wrapper").data("redirected-url"),""!==s.trim($url1)&&(window.location.href=$url1)),"hide"===e&&(r.find("#eaeclockdiv").css("display","none"),r.find(".egt-title").css("display","none")),"message"===e&&r.find(".eae-egt-message").css("display","block"),"hide_parent"===e&&(r.hasClass("elementor-element-edit-mode")||($p_secs=r.closest("section"),$p_secs.css("display","none")))})),clearInterval(w),i="0",t=n="00"),i<10&&(i="0"+i),r.find("."+c).find("#eaedivDays").html(i),r.find("."+c).find("#eaedivHours").html(n.slice(-2)),r.find("."+c).find("#eaedivMinutes").html(t.slice(-2)),r.find("."+c).find("#eaedivSeconds").html(d.slice(-2))},1e3)}),elementorFrontend.hooks.addAction("frontend/element_ready/eae-evergreen-timer.skin2",function(l,o){var c=l.find(".eae-evergreen-wrapper").data("egtime"),e=l.find(".eae-evergreen-wrapper").data("egt-expire"),a=l.find(".eae-evergreen-wrapper").data("element-type"),i="eae-"+l.find(".eae-evergreen-wrapper").data("id"),n="eae-temp-"+l.find(".eae-evergreen-wrapper").data("id"),p=l.find(".eae-evergreen-wrapper").data("actions"),f=l.find(".eae-evergreen-wrapper").data("unqid"),t=(new Date).getTime();if(!l.hasClass("elementor-element-edit-mode"))if("countdown"===a){s=new Date(c),c=s.getTime();var d="expires="+s.toUTCString();document.cookie=n+"="+s.getTime()+";"+d+";path=/"}else{var r=S(i),s="";if(""!==r){(s=new Date(parseInt(r))).setSeconds(s.getSeconds()+l.find(".eae-evergreen-wrapper").data("egtime")),c=s.getTime();var m=new Date(parseInt(r));m.setTime(m.getTime()+60*e*60*1e3);var g="expires="+m.toUTCString();document.cookie=i+"="+r+";"+g+";path=/";var u=new Date(parseInt(r));u.setTime(u.getTime()+1e3*l.find(".eae-evergreen-wrapper").data("egtime")),d="expires="+u.toUTCString(),0<c-t&&(document.cookie=n+"="+r+";"+d+";path=/")}else{temp_date=c,(s=new Date).setSeconds(s.getSeconds()+l.find(".eae-evergreen-wrapper").data("egtime")),c=s.getTime(),D(i,(new Date).getTime(),e);var v=new Date;v.setTime(v.getTime()+1e3*temp_date);var h="expires="+v.toUTCString();document.cookie=n+"="+(new Date).getTime()+";"+h+";path=/"}}if(!l.hasClass("elementor-element-edit-mode")&&c-t<0)0<p.length&&p.forEach(function(e){"redirect"===e&&($url=l.find(".eae-evergreen-wrapper").data("redirected-url"),""!==o.trim($url)&&(window.location.href=$url)),"hide"===e&&(l.find("."+f).find(".timer-container").css("display","none"),l.find("."+f).find(".egt-title").css("display","none")),"message"===e&&l.find("."+f).find(".eae-egt-message").css("display","block"),"hide_parent"===e&&(l.hasClass("elementor-element-edit-mode")||($p_secs=l.closest("section"),$p_secs.css("display","none")))});else{l.hasClass("elementor-element-edit-mode")&&("countdown"===a?s=new Date(c):(s=new Date).setSeconds(s.getSeconds()+l.find(".eae-evergreen-wrapper").data("egtime")),c=s.getTime());var w=setInterval(function(){var e=(new Date).getTime(),a=c-e,i=Math.floor(a/864e5),n=Math.floor(a%864e5/36e5),t=Math.floor(a%36e5/6e4),d=Math.floor(a%6e4/1e3);if(l.find("."+f).find("#eaeulSec1").find(".flip-clock-active").removeClass("flip-clock-active"),l.find("."+f).find("#eaeulSec1").find(".flip-clock-before").removeClass("flip-clock-before"),l.find("."+f).find("#eaeulSec").find(".flip-clock-active").removeClass("flip-clock-active"),l.find("."+f).find("#eaeulSec").find(".flip-clock-before").removeClass("flip-clock-before"),a<0)return clearInterval(w),void(0<p.length&&p.forEach(function(e){"redirect"===e&&(l.hasClass("elementor-element-edit-mode")||($url1=l.find(".eae-evergreen-wrapper").data("redirected-url"),""!==o.trim($url1)&&(window.location.href=$url1))),"hide"===e&&(l.hasClass("elementor-element-edit-mode")||(l.find("."+f).find(".timer-container").css("display","none"),l.find("."+f).find(".egt-title").css("display","none"))),"message"===e&&(l.hasClass("elementor-element-edit-mode")||l.find("."+f).find(".eae-egt-message").css("display","block")),"hide_parent"===e&&(l.hasClass("elementor-element-edit-mode")||($p_secs=l.closest("section"),$p_secs.css("display","none")))}));if(2===o.trim(d).length){var r="#eaeulSec1 li:eq( "+o.trim(d).charAt(1)+" )",s="#eaeulSec li:eq( "+o.trim(d).charAt(0)+" )";0<l.find("."+f).find(r).next().length?(l.find("."+f).find(r).addClass("flip-clock-active"),l.find("."+f).find(r).next().addClass("flip-clock-before")):(l.find("."+f).find("#eaeulSec1 li:last-child").addClass("flip-clock-active"),l.find("."+f).find("#eaeulSec1 li:first-child").addClass("flip-clock-before")),0<l.find("."+f).find(s).next().length?(l.find("."+f).find(s).addClass("flip-clock-active"),l.find("."+f).find(s).next().addClass("flip-clock-before")):(l.find("."+f).find("#eaeulSec li:last-child").addClass("flip-clock-active"),l.find("."+f).find("#eaeulSec li:first-child").addClass("flip-clock-before"))}else r="#eaeulSec1 li:eq( "+o.trim(d).charAt(0)+" )",s="#eaeulSec li:eq( 0 )",0<l.find("."+f).find(r).next().length?(l.find("."+f).find(r).addClass("flip-clock-active"),l.find("."+f).find(r).next().addClass("flip-clock-before")):(l.find("."+f).find("#eaeulSec1 li:last-child").addClass("flip-clock-active"),l.find("."+f).find("#eaeulSec1 li:first-child").addClass("flip-clock-before")),0<l.find("."+f).find(s).next().length?(l.find("."+f).find(s).addClass("flip-clock-active"),l.find("."+f).find(s).next().addClass("flip-clock-before")):(l.find("."+f).find("#eaeulSec li:last-child").addClass("flip-clock-active"),l.find("."+f).find("#eaeulSec li:first-child").addClass("flip-clock-before"));l.find("."+f).find("#eaeulMin1").find(".flip-clock-active").removeClass("flip-clock-active"),l.find("."+f).find("#eaeulMin1").find(".flip-clock-before").removeClass("flip-clock-before"),l.find("."+f).find("#eaeulMin").find(".flip-clock-active").removeClass("flip-clock-active"),l.find("."+f).find("#eaeulMin").find(".flip-clock-before").removeClass("flip-clock-before"),s=2==o.trim(t).length?(r="#eaeulMin1 li:eq( "+o.trim(t).charAt(1)+" )","#eaeulMin li:eq( "+o.trim(t).charAt(0)+" )"):(r="#eaeulMin1 li:eq( "+o.trim(t).charAt(0)+" )","#eaeulMin li:eq( 0 )"),0<l.find("."+f).find(r).next().length?(l.find("."+f).find(r).addClass("flip-clock-active"),l.find("."+f).find(r).next().addClass("flip-clock-before")):(l.find("."+f).find("#eaeulMin1 li:last-child").addClass("flip-clock-active"),l.find("."+f).find("#eaeulMin1 li:first-child").addClass("flip-clock-before")),0<l.find("."+f).find(s).next().length?(l.find("."+f).find(s).addClass("flip-clock-active"),l.find("."+f).find(s).next().addClass("flip-clock-before")):(l.find("."+f).find("#eaeulMin li:last-child").addClass("flip-clock-active"),l.find("."+f).find("#eaeulMin li:first-child").addClass("flip-clock-before")),l.find("."+f).find("#eaeulHour1").find(".flip-clock-active").removeClass("flip-clock-active"),l.find("."+f).find("#eaeulHour1").find(".flip-clock-before").removeClass("flip-clock-before"),l.find("."+f).find("#eaeulHour").find(".flip-clock-active").removeClass("flip-clock-active"),l.find("."+f).find("#eaeulHour").find(".flip-clock-before").removeClass("flip-clock-before"),2==o.trim(n).length?(r="#eaeulHour1 li:eq( "+o.trim(n).charAt(1)+" )",s="#eaeulHour li:eq( "+o.trim(n).charAt(0)+" )",0<l.find("."+f).find(r).next().length?(l.find("."+f).find(r).addClass("flip-clock-active"),l.find("."+f).find(r).next().addClass("flip-clock-before")):(l.find("."+f).find("#eaeulHour1 li:last-child").addClass("flip-clock-active"),l.find("."+f).find("#eaeulHour1 li:first-child").addClass("flip-clock-before"))):(r="#eaeulHour1 li:eq( "+o.trim(n).charAt(0)+" )",s="#eaeulHour li:eq( 0 )",0<l.find("."+f).find(r).next().length?(l.find("."+f).find(r).addClass("flip-clock-active"),l.find("."+f).find(r).next().addClass("flip-clock-before")):(l.find("."+f).find("#eaeulHour1 li:last-child").addClass("flip-clock-active"),l.find("."+f).find("#eaeulHour li:first-child").addClass("flip-clock-before"))),0<l.find("."+f).find(s).next().length?(l.find("."+f).find(s).addClass("flip-clock-active"),l.find("."+f).find(s).next().addClass("flip-clock-before")):(l.find("."+f).find("#eaeulHour li:last-child").addClass("flip-clock-active"),l.find("."+f).find("#eaeulHour li:first-child").addClass("flip-clock-before")),l.find("."+f).find("#eaeulDay1").find(".flip-clock-active").removeClass("flip-clock-active"),l.find("."+f).find("#eaeulDay1").find(".flip-clock-before").removeClass("flip-clock-before"),l.find("."+f).find("#eaeulDay").find(".flip-clock-active").removeClass("flip-clock-active"),l.find("."+f).find("#eaeulDay").find(".flip-clock-before").removeClass("flip-clock-before"),2==o.trim(i).length?(r="#eaeulDay1 li:eq( "+o.trim(i).charAt(1)+" )",s="#eaeulDay li:eq( "+o.trim(i).charAt(0)+" )",0<l.find("."+f).find(r).next().length?(l.find("."+f).find(r).addClass("flip-clock-active"),l.find("."+f).find(r).next().addClass("flip-clock-before")):(l.find("."+f).find("#eaeulDay1 li:last-child").addClass("flip-clock-active"),l.find("."+f).find("#eaeulDay1 li:first-child").addClass("flip-clock-before"))):(r="#eaeulDay1 li:eq( "+o.trim(i).charAt(0)+" )",s="#eaeulDay li:eq( 0 )",0<l.find("."+f).find(r).next().length?(l.find("."+f).find(r).addClass("flip-clock-active"),l.find("."+f).find(r).next().addClass("flip-clock-before")):(l.find("."+f).find("#eaeulDay1 li:last-child").addClass("flip-clock-active"),l.find("."+f).find("#eaeulDay li:first-child").addClass("flip-clock-before"))),0<l.find("."+f).find(s).next().length?(l.find("."+f).find(s).addClass("flip-clock-active"),l.find("."+f).find(s).next().addClass("flip-clock-before")):(l.find("."+f).find("#eaeulDay li:last-child").addClass("flip-clock-active"),l.find("."+f).find("#eaeulDay li:first-child").addClass("flip-clock-before"))},1e3)}}),elementorFrontend.hooks.addAction("frontend/element_ready/eae-evergreen-timer.skin3",function(n,t){var d,i=n.find(".eae-evergreen-wrapper").data("egtime"),e=n.find(".eae-evergreen-wrapper").data("egt-expire"),a=n.find(".eae-evergreen-wrapper").data("element-type"),r="eae-"+n.find(".eae-evergreen-wrapper").data("id"),s="eae-temp-"+n.find(".eae-evergreen-wrapper").data("id"),l=n.find(".eae-evergreen-wrapper").data("actions"),o=n.find(".eae-evergreen-wrapper").data("days"),c=n.find(".eae-evergreen-wrapper").data("hours"),p=n.find(".eae-evergreen-wrapper").data("mins"),f=n.find(".eae-evergreen-wrapper").data("seconds"),m=n.find(".eae-evergreen-wrapper").data("unqid"),g=(new Date).getTime();if(!n.hasClass("elementor-element-edit-mode"))if("countdown"===a){h=new Date(i),i=h.getTime();var u="expires="+h.toUTCString();document.cookie=s+"="+h.getTime()+";"+u+";path=/"}else{var v=S(r),h="";if(""!==v){(h=new Date(parseInt(v))).setSeconds(h.getSeconds()+n.find(".eae-evergreen-wrapper").data("egtime")),i=h.getTime();var w=new Date(parseInt(v));w.setTime(w.getTime()+60*e*60*1e3);var y="expires="+w.toUTCString();document.cookie=r+"="+v+";"+y+";path=/";var k=new Date(parseInt(v));k.setTime(k.getTime()+1e3*n.find(".eae-evergreen-wrapper").data("egtime")),u="expires="+k.toUTCString(),0<i-g&&(document.cookie=s+"="+v+";"+u+";path=/")}else{temp_date=i,(h=new Date).setSeconds(h.getSeconds()+n.find(".eae-evergreen-wrapper").data("egtime")),i=h.getTime(),D(r,(new Date).getTime(),e);var b=new Date;b.setTime(b.getTime()+1e3*temp_date);var C="expires="+b.toUTCString();document.cookie=s+"="+(new Date).getTime()+";"+C+";path=/"}}if(!n.hasClass("elementor-element-edit-mode")){var _=x();if(parseInt(_.all)<1){if(0<l.length&&(l.forEach(function(e){"redirect"===e&&(n.hasClass("elementor-element-edit-mode")||($url=n.find(".eae-evergreen-wrapper").data("redirected-url"),""!==$url&&(window.location.href=$url))),"hide_parent"===e&&(n.hasClass("elementor-element-edit-mode")||($p_secs=n.closest("section"),$p_secs.css("display","none"))),"hide"===e&&(n.find("#timer").css("display","none"),n.find(".egt-title").css("display","none"),n.find(".desc").css("display","none")),"message"===e&&n.find(".eae-egt-message").css("display","block")}),1===l.length&&(""===l[0]||"message"===l[0]))){var T=n.find("."+m).find("#timer")[0];"yes"===o&&(T.innerHTML="<span class='egt-time eae-time-wrapper'><div>00</div></span>"),"yes"===c&&("yes"===o?t(T).append("<span class='egt-time eae-time-wrapper'><div>00</div></span>"):T.innerHTML="<span class='egt-time eae-time-wrapper'><div>00</div></span>"),"yes"===p&&("yes"===o||"yes"===c?t(T).append("<span class='egt-time eae-time-wrapper'><div>00</div></span>"):T.innerHTML="<span class='egt-time eae-time-wrapper'><div>00</div></span>"),"yes"===f&&("yes"===o||"yes"===c||"yes"===p?t(T).append("<span class='egt-time eae-time-wrapper'><div>00</div></span>"):T.innerHTML="<span class='egt-time eae-time-wrapper'><div>00</div></span>")}return}}function x(e){var a=i-new Date;return{days:Math.floor(a/864e5),hours:"0"+Math.floor(a/36e5%24),minutes:"0"+Math.floor(a/6e4%60),seconds:"0"+Math.floor(a/1e3%60),all:a}}function $(e){e.classList.add("fade"),setTimeout(function(){e.classList.remove("fade")},700)}n.hasClass("elementor-element-edit-mode")&&("countdown"===a?h=new Date(i):(h=new Date).setSeconds(h.getSeconds()+n.find(".eae-evergreen-wrapper").data("egtime")),i=h.getTime()),1<x().all&&(d=setInterval(function(){var e=n.find("."+m).find("#timer")[0],a=x();"yes"===o&&(a.days<10&&(a.days="0"+a.days),e.innerHTML="<span class='egt-time eae-time-wrapper'><div>"+a.days+"</div></span>"),"yes"===c&&("yes"===o?t(e).append("<span class='egt-time eae-time-wrapper'><div>"+a.hours.slice(-2)+"</div></span>"):e.innerHTML="<span class='egt-time eae-time-wrapper'><div>"+a.hours.slice(-2)+"</div></span>"),"yes"===p&&("yes"===o||"yes"===c?t(e).append("<span class='egt-time eae-time-wrapper'><div>"+a.minutes.slice(-2)+"</div></span>"):e.innerHTML="<span class='egt-time eae-time-wrapper'><div>"+a.minutes.slice(-2)+"</div></span>"),"yes"===f&&("yes"===o||"yes"===c||"yes"===p?t(e).append("<span class='egt-time eae-time-wrapper'><div>"+a.seconds.slice(-2)+"</div></span>"):e.innerHTML="<span class='egt-time eae-time-wrapper'><div>"+a.seconds.slice(-2)+"</div></span>");var i=e.getElementsByTagName("span");"yes"===o&&59==a.hours&&59==a.minutes&&59==a.seconds&&$(i[0]),"yes"===c&&("yes"===o?59==a.minutes&&59==a.seconds&&$(i[1]):59==a.minutes&&59==a.seconds&&$(i[0])),"yes"===p&&("yes"===o?"yes"===c?59==a.seconds&&$(i[2]):59==a.seconds&&$(i[1]):"yes"===c?59==a.seconds&&$(i[1]):59==a.seconds&&$(i[0])),"yes"===f&&("yes"===o?"yes"===c?"yes"===p&&$(i[3]):$("yes"===p?i[2]:i[1]):"yes"===c?"yes"===p&&$(i[2]):$("yes"===p?i[1]:i[0])),a.all<=1&&(clearInterval(d),"yes"===o&&(e.innerHTML="<span class='egt-time eae-time-wrapper'><div>00</div></span>"),"yes"===c&&("yes"===o?t(e).append("<span class='egt-time eae-time-wrapper'><div>00</div></span>"):e.innerHTML="<span class='egt-time eae-time-wrapper'><div>00</div></span>"),"yes"===p&&("yes"===o||"yes"===c?t(e).append("<span class='egt-time eae-time-wrapper'><div>00</div></span>"):e.innerHTML="<span class='egt-time eae-time-wrapper'><div>00</div></span>"),"yes"===f&&("yes"===o||"yes"===c||"yes"===p?t(e).append("<span class='egt-time eae-time-wrapper'><div>00</div></span>"):e.innerHTML="<span class='egt-time eae-time-wrapper'><div>00</div></span>"),n.hasClass("elementor-element-edit-mode")||0<l.length&&l.forEach(function(e){"redirect"===e&&($url1=n.find(".eae-evergreen-wrapper").data("redirected-url"),""!==$url1&&(window.location.href=$url1)),"hide"===e&&(n.find("#timer").css("display","none"),n.find(".egt-title").css("display","none"),n.find(".desc").css("display","none")),"message"===e&&n.find(".eae-egt-message").css("display","block"),"hide_parent"===e&&($p_secs=n.closest("section"),$p_secs.css("display","none"))}))},1e3))}),elementorFrontend.hooks.addAction("frontend/element_ready/eae-comparisontable.default",function(a,i){i(a.find(".eae-ct-heading")[0]).addClass("active"),a.find("ul").on("click","li",function(){var e=i(this).index()+2;a.find("tr").find("td:not(:eq(0))").hide(),a.find("td:nth-child("+e+")").css("display","table-cell"),a.find("tr").find("th:not(:eq(0))").hide(),a.find("li").removeClass("active"),i(this).addClass("active")});var e=window.matchMedia("(min-width: 767px)");function n(e){e.matches?a.find(".sep").attr("colspan",5):a.find(".sep").attr("colspan",2)}e.addListener(n),n(e)}),elementorFrontend.hooks.addAction("frontend/element_ready/eae-progress-bar.skin1",i),elementorFrontend.hooks.addAction("frontend/element_ready/eae-progress-bar.skin2",i),elementorFrontend.hooks.addAction("frontend/element_ready/eae-progress-bar.skin3",i),elementorFrontend.hooks.addAction("frontend/element_ready/eae-progress-bar.skin4",i),elementorFrontend.hooks.addAction("frontend/element_ready/eae-progress-bar.skin5",i)});
assets/js/particles.js CHANGED
@@ -1,1539 +1,1539 @@
1
- /* -----------------------------------------------
2
- /* Author : Vincent Garreau - vincentgarreau.com
3
- /* MIT license: http://opensource.org/licenses/MIT
4
- /* Demo / Generator : vincentgarreau.com/particles.js
5
- /* GitHub : github.com/VincentGarreau/particles.js
6
- /* How to use? : Check the GitHub README
7
- /* v2.0.0
8
- /* ----------------------------------------------- */
9
-
10
- var pJS = function(tag_id, params){
11
-
12
- var canvas_el = document.querySelector('#'+tag_id+' > .particles-js-canvas-el');
13
-
14
- /* particles.js variables with default values */
15
- this.pJS = {
16
- canvas: {
17
- el: canvas_el,
18
- w: canvas_el.offsetWidth,
19
- h: canvas_el.offsetHeight
20
- },
21
- particles: {
22
- number: {
23
- value: 400,
24
- density: {
25
- enable: true,
26
- value_area: 800
27
- }
28
- },
29
- color: {
30
- value: '#fff'
31
- },
32
- shape: {
33
- type: 'circle',
34
- stroke: {
35
- width: 0,
36
- color: '#ff0000'
37
- },
38
- polygon: {
39
- nb_sides: 5
40
- },
41
- image: {
42
- src: '',
43
- width: 100,
44
- height: 100
45
- }
46
- },
47
- opacity: {
48
- value: 1,
49
- random: false,
50
- anim: {
51
- enable: false,
52
- speed: 2,
53
- opacity_min: 0,
54
- sync: false
55
- }
56
- },
57
- size: {
58
- value: 20,
59
- random: false,
60
- anim: {
61
- enable: false,
62
- speed: 20,
63
- size_min: 0,
64
- sync: false
65
- }
66
- },
67
- line_linked: {
68
- enable: true,
69
- distance: 100,
70
- color: '#fff',
71
- opacity: 1,
72
- width: 1
73
- },
74
- move: {
75
- enable: true,
76
- speed: 2,
77
- direction: 'none',
78
- random: false,
79
- straight: false,
80
- out_mode: 'out',
81
- bounce: false,
82
- attract: {
83
- enable: false,
84
- rotateX: 3000,
85
- rotateY: 3000
86
- }
87
- },
88
- array: []
89
- },
90
- interactivity: {
91
- detect_on: 'canvas',
92
- events: {
93
- onhover: {
94
- enable: true,
95
- mode: 'grab'
96
- },
97
- onclick: {
98
- enable: true,
99
- mode: 'push'
100
- },
101
- resize: true
102
- },
103
- modes: {
104
- grab:{
105
- distance: 100,
106
- line_linked:{
107
- opacity: 1
108
- }
109
- },
110
- bubble:{
111
- distance: 200,
112
- size: 80,
113
- duration: 0.4
114
- },
115
- repulse:{
116
- distance: 200,
117
- duration: 0.4
118
- },
119
- push:{
120
- particles_nb: 4
121
- },
122
- remove:{
123
- particles_nb: 2
124
- }
125
- },
126
- mouse:{}
127
- },
128
- retina_detect: false,
129
- fn: {
130
- interact: {},
131
- modes: {},
132
- vendors:{}
133
- },
134
- tmp: {}
135
- };
136
-
137
- var pJS = this.pJS;
138
-
139
- /* params settings */
140
- if(params){
141
- Object.deepExtend(pJS, params);
142
- }
143
-
144
- pJS.tmp.obj = {
145
- size_value: pJS.particles.size.value,
146
- size_anim_speed: pJS.particles.size.anim.speed,
147
- move_speed: pJS.particles.move.speed,
148
- line_linked_distance: pJS.particles.line_linked.distance,
149
- line_linked_width: pJS.particles.line_linked.width,
150
- mode_grab_distance: pJS.interactivity.modes.grab.distance,
151
- mode_bubble_distance: pJS.interactivity.modes.bubble.distance,
152
- mode_bubble_size: pJS.interactivity.modes.bubble.size,
153
- mode_repulse_distance: pJS.interactivity.modes.repulse.distance
154
- };
155
-
156
-
157
- pJS.fn.retinaInit = function(){
158
-
159
- if(pJS.retina_detect && window.devicePixelRatio > 1){
160
- pJS.canvas.pxratio = window.devicePixelRatio;
161
- pJS.tmp.retina = true;
162
- }
163
- else{
164
- pJS.canvas.pxratio = 1;
165
- pJS.tmp.retina = false;
166
- }
167
-
168
- pJS.canvas.w = pJS.canvas.el.offsetWidth * pJS.canvas.pxratio;
169
- pJS.canvas.h = pJS.canvas.el.offsetHeight * pJS.canvas.pxratio;
170
-
171
- pJS.particles.size.value = pJS.tmp.obj.size_value * pJS.canvas.pxratio;
172
- pJS.particles.size.anim.speed = pJS.tmp.obj.size_anim_speed * pJS.canvas.pxratio;
173
- pJS.particles.move.speed = pJS.tmp.obj.move_speed * pJS.canvas.pxratio;
174
- pJS.particles.line_linked.distance = pJS.tmp.obj.line_linked_distance * pJS.canvas.pxratio;
175
- pJS.interactivity.modes.grab.distance = pJS.tmp.obj.mode_grab_distance * pJS.canvas.pxratio;
176
- pJS.interactivity.modes.bubble.distance = pJS.tmp.obj.mode_bubble_distance * pJS.canvas.pxratio;
177
- pJS.particles.line_linked.width = pJS.tmp.obj.line_linked_width * pJS.canvas.pxratio;
178
- pJS.interactivity.modes.bubble.size = pJS.tmp.obj.mode_bubble_size * pJS.canvas.pxratio;
179
- pJS.interactivity.modes.repulse.distance = pJS.tmp.obj.mode_repulse_distance * pJS.canvas.pxratio;
180
-
181
- };
182
-
183
-
184
-
185
- /* ---------- pJS functions - canvas ------------ */
186
-
187
- pJS.fn.canvasInit = function(){
188
- pJS.canvas.ctx = pJS.canvas.el.getContext('2d');
189
- };
190
-
191
- pJS.fn.canvasSize = function(){
192
-
193
- pJS.canvas.el.width = pJS.canvas.w;
194
- pJS.canvas.el.height = pJS.canvas.h;
195
-
196
- if(pJS && pJS.interactivity.events.resize){
197
-
198
- window.addEventListener('resize', function(){
199
-
200
- pJS.canvas.w = pJS.canvas.el.offsetWidth;
201
- pJS.canvas.h = pJS.canvas.el.offsetHeight;
202
-
203
- /* resize canvas */
204
- if(pJS.tmp.retina){
205
- pJS.canvas.w *= pJS.canvas.pxratio;
206
- pJS.canvas.h *= pJS.canvas.pxratio;
207
- }
208
-
209
- pJS.canvas.el.width = pJS.canvas.w;
210
- pJS.canvas.el.height = pJS.canvas.h;
211
-
212
- /* repaint canvas on anim disabled */
213
- if(!pJS.particles.move.enable){
214
- pJS.fn.particlesEmpty();
215
- pJS.fn.particlesCreate();
216
- pJS.fn.particlesDraw();
217
- pJS.fn.vendors.densityAutoParticles();
218
- }
219
-
220
- /* density particles enabled */
221
- pJS.fn.vendors.densityAutoParticles();
222
-
223
- });
224
-
225
- }
226
-
227
- };
228
-
229
-
230
- pJS.fn.canvasPaint = function(){
231
- pJS.canvas.ctx.fillRect(0, 0, pJS.canvas.w, pJS.canvas.h);
232
- };
233
-
234
- pJS.fn.canvasClear = function(){
235
- pJS.canvas.ctx.clearRect(0, 0, pJS.canvas.w, pJS.canvas.h);
236
- };
237
-
238
-
239
- /* --------- pJS functions - particles ----------- */
240
-
241
- pJS.fn.particle = function(color, opacity, position){
242
-
243
- /* size */
244
- this.radius = (pJS.particles.size.random ? Math.random() : 1) * pJS.particles.size.value;
245
- if(pJS.particles.size.anim.enable){
246
- this.size_status = false;
247
- this.vs = pJS.particles.size.anim.speed / 100;
248
- if(!pJS.particles.size.anim.sync){
249
- this.vs = this.vs * Math.random();
250
- }
251
- }
252
-
253
- /* position */
254
- this.x = position ? position.x : Math.random() * pJS.canvas.w;
255
- this.y = position ? position.y : Math.random() * pJS.canvas.h;
256
-
257
- /* check position - into the canvas */
258
- if(this.x > pJS.canvas.w - this.radius*2) this.x = this.x - this.radius;
259
- else if(this.x < this.radius*2) this.x = this.x + this.radius;
260
- if(this.y > pJS.canvas.h - this.radius*2) this.y = this.y - this.radius;
261
- else if(this.y < this.radius*2) this.y = this.y + this.radius;
262
-
263
- /* check position - avoid overlap */
264
- if(pJS.particles.move.bounce){
265
- pJS.fn.vendors.checkOverlap(this, position);
266
- }
267
-
268
- /* color */
269
- this.color = {};
270
- if(typeof(color.value) == 'object'){
271
-
272
- if(color.value instanceof Array){
273
- var color_selected = color.value[Math.floor(Math.random() * pJS.particles.color.value.length)];
274
- this.color.rgb = hexToRgb(color_selected);
275
- }else{
276
- if(color.value.r != undefined && color.value.g != undefined && color.value.b != undefined){
277
- this.color.rgb = {
278
- r: color.value.r,
279
- g: color.value.g,
280
- b: color.value.b
281
- }
282
- }
283
- if(color.value.h != undefined && color.value.s != undefined && color.value.l != undefined){
284
- this.color.hsl = {
285
- h: color.value.h,
286
- s: color.value.s,
287
- l: color.value.l
288
- }
289
- }
290
- }
291
-
292
- }
293
- else if(color.value == 'random'){
294
- this.color.rgb = {
295
- r: (Math.floor(Math.random() * (255 - 0 + 1)) + 0),
296
- g: (Math.floor(Math.random() * (255 - 0 + 1)) + 0),
297
- b: (Math.floor(Math.random() * (255 - 0 + 1)) + 0)
298
- }
299
- }
300
- else if(typeof(color.value) == 'string'){
301
- this.color = color;
302
- this.color.rgb = hexToRgb(this.color.value);
303
- }
304
-
305
- /* opacity */
306
- this.opacity = (pJS.particles.opacity.random ? Math.random() : 1) * pJS.particles.opacity.value;
307
- if(pJS.particles.opacity.anim.enable){
308
- this.opacity_status = false;
309
- this.vo = pJS.particles.opacity.anim.speed / 100;
310
- if(!pJS.particles.opacity.anim.sync){
311
- this.vo = this.vo * Math.random();
312
- }
313
- }
314
-
315
- /* animation - velocity for speed */
316
- var velbase = {}
317
- switch(pJS.particles.move.direction){
318
- case 'top':
319
- velbase = { x:0, y:-1 };
320
- break;
321
- case 'top-right':
322
- velbase = { x:0.5, y:-0.5 };
323
- break;
324
- case 'right':
325
- velbase = { x:1, y:-0 };
326
- break;
327
- case 'bottom-right':
328
- velbase = { x:0.5, y:0.5 };
329
- break;
330
- case 'bottom':
331
- velbase = { x:0, y:1 };
332
- break;
333
- case 'bottom-left':
334
- velbase = { x:-0.5, y:1 };
335
- break;
336
- case 'left':
337
- velbase = { x:-1, y:0 };
338
- break;
339
- case 'top-left':
340
- velbase = { x:-0.5, y:-0.5 };
341
- break;
342
- default:
343
- velbase = { x:0, y:0 };
344
- break;
345
- }
346
-
347
- if(pJS.particles.move.straight){
348
- this.vx = velbase.x;
349
- this.vy = velbase.y;
350
- if(pJS.particles.move.random){
351
- this.vx = this.vx * (Math.random());
352
- this.vy = this.vy * (Math.random());
353
- }
354
- }else{
355
- this.vx = velbase.x + Math.random()-0.5;
356
- this.vy = velbase.y + Math.random()-0.5;
357
- }
358
-
359
- // var theta = 2.0 * Math.PI * Math.random();
360
- // this.vx = Math.cos(theta);
361
- // this.vy = Math.sin(theta);
362
-
363
- this.vx_i = this.vx;
364
- this.vy_i = this.vy;
365
-
366
-
367
-
368
- /* if shape is image */
369
-
370
- var shape_type = pJS.particles.shape.type;
371
- if(typeof(shape_type) == 'object'){
372
- if(shape_type instanceof Array){
373
- var shape_selected = shape_type[Math.floor(Math.random() * shape_type.length)];
374
- this.shape = shape_selected;
375
- }
376
- }else{
377
- this.shape = shape_type;
378
- }
379
-
380
- if(this.shape == 'image'){
381
- var sh = pJS.particles.shape;
382
- this.img = {
383
- src: sh.image.src,
384
- ratio: sh.image.width / sh.image.height
385
- }
386
- if(!this.img.ratio) this.img.ratio = 1;
387
- if(pJS.tmp.img_type == 'svg' && pJS.tmp.source_svg != undefined){
388
- pJS.fn.vendors.createSvgImg(this);
389
- if(pJS.tmp.pushing){
390
- this.img.loaded = false;
391
- }
392
- }
393
- }
394
-
395
-
396
-
397
- };
398
-
399
-
400
- pJS.fn.particle.prototype.draw = function() {
401
-
402
- var p = this;
403
-
404
- if(p.radius_bubble != undefined){
405
- var radius = p.radius_bubble;
406
- }else{
407
- var radius = p.radius;
408
- }
409
-
410
- if(p.opacity_bubble != undefined){
411
- var opacity = p.opacity_bubble;
412
- }else{
413
- var opacity = p.opacity;
414
- }
415
-
416
- if(p.color.rgb){
417
- var color_value = 'rgba('+p.color.rgb.r+','+p.color.rgb.g+','+p.color.rgb.b+','+opacity+')';
418
- }else{
419
- var color_value = 'hsla('+p.color.hsl.h+','+p.color.hsl.s+'%,'+p.color.hsl.l+'%,'+opacity+')';
420
- }
421
-
422
- pJS.canvas.ctx.fillStyle = color_value;
423
- pJS.canvas.ctx.beginPath();
424
-
425
- switch(p.shape){
426
-
427
- case 'circle':
428
- pJS.canvas.ctx.arc(p.x, p.y, radius, 0, Math.PI * 2, false);
429
- break;
430
-
431
- case 'edge':
432
- pJS.canvas.ctx.rect(p.x-radius, p.y-radius, radius*2, radius*2);
433
- break;
434
-
435
- case 'triangle':
436
- pJS.fn.vendors.drawShape(pJS.canvas.ctx, p.x-radius, p.y+radius / 1.66, radius*2, 3, 2);
437
- break;
438
-
439
- case 'polygon':
440
- pJS.fn.vendors.drawShape(
441
- pJS.canvas.ctx,
442
- p.x - radius / (pJS.particles.shape.polygon.nb_sides/3.5), // startX
443
- p.y - radius / (2.66/3.5), // startY
444
- radius*2.66 / (pJS.particles.shape.polygon.nb_sides/3), // sideLength
445
- pJS.particles.shape.polygon.nb_sides, // sideCountNumerator
446
- 1 // sideCountDenominator
447
- );
448
- break;
449
-
450
- case 'star':
451
- pJS.fn.vendors.drawShape(
452
- pJS.canvas.ctx,
453
- p.x - radius*2 / (pJS.particles.shape.polygon.nb_sides/4), // startX
454
- p.y - radius / (2*2.66/3.5), // startY
455
- radius*2*2.66 / (pJS.particles.shape.polygon.nb_sides/3), // sideLength
456
- pJS.particles.shape.polygon.nb_sides, // sideCountNumerator
457
- 2 // sideCountDenominator
458
- );
459
- break;
460
-
461
- case 'image':
462
-
463
- function draw(){
464
- pJS.canvas.ctx.drawImage(
465
- img_obj,
466
- p.x-radius,
467
- p.y-radius,
468
- radius*2,
469
- radius*2 / p.img.ratio
470
- );
471
- }
472
-
473
- if(pJS.tmp.img_type == 'svg'){
474
- var img_obj = p.img.obj;
475
- }else{
476
- var img_obj = pJS.tmp.img_obj;
477
- }
478
-
479
- if(img_obj){
480
- draw();
481
- }
482
-
483
- break;
484
-
485
- }
486
-
487
- pJS.canvas.ctx.closePath();
488
-
489
- if(pJS.particles.shape.stroke.width > 0){
490
- pJS.canvas.ctx.strokeStyle = pJS.particles.shape.stroke.color;
491
- pJS.canvas.ctx.lineWidth = pJS.particles.shape.stroke.width;
492
- pJS.canvas.ctx.stroke();
493
- }
494
-
495
- pJS.canvas.ctx.fill();
496
-
497
- };
498
-
499
-
500
- pJS.fn.particlesCreate = function(){
501
- for(var i = 0; i < pJS.particles.number.value; i++) {
502
- pJS.particles.array.push(new pJS.fn.particle(pJS.particles.color, pJS.particles.opacity.value));
503
- }
504
- };
505
-
506
- pJS.fn.particlesUpdate = function(){
507
-
508
- for(var i = 0; i < pJS.particles.array.length; i++){
509
-
510
- /* the particle */
511
- var p = pJS.particles.array[i];
512
-
513
- // var d = ( dx = pJS.interactivity.mouse.click_pos_x - p.x ) * dx + ( dy = pJS.interactivity.mouse.click_pos_y - p.y ) * dy;
514
- // var f = -BANG_SIZE / d;
515
- // if ( d < BANG_SIZE ) {
516
- // var t = Math.atan2( dy, dx );
517
- // p.vx = f * Math.cos(t);
518
- // p.vy = f * Math.sin(t);
519
- // }
520
-
521
- /* move the particle */
522
- if(pJS.particles.move.enable){
523
- var ms = pJS.particles.move.speed/2;
524
- p.x += p.vx * ms;
525
- p.y += p.vy * ms;
526
- }
527
-
528
- /* change opacity status */
529
- if(pJS.particles.opacity.anim.enable) {
530
- if(p.opacity_status == true) {
531
- if(p.opacity >= pJS.particles.opacity.value) p.opacity_status = false;
532
- p.opacity += p.vo;
533
- }else {
534
- if(p.opacity <= pJS.particles.opacity.anim.opacity_min) p.opacity_status = true;
535
- p.opacity -= p.vo;
536
- }
537
- if(p.opacity < 0) p.opacity = 0;
538
- }
539
-
540
- /* change size */
541
- if(pJS.particles.size.anim.enable){
542
- if(p.size_status == true){
543
- if(p.radius >= pJS.particles.size.value) p.size_status = false;
544
- p.radius += p.vs;
545
- }else{
546
- if(p.radius <= pJS.particles.size.anim.size_min) p.size_status = true;
547
- p.radius -= p.vs;
548
- }
549
- if(p.radius < 0) p.radius = 0;
550
- }
551
-
552
- /* change particle position if it is out of canvas */
553
- if(pJS.particles.move.out_mode == 'bounce'){
554
- var new_pos = {
555
- x_left: p.radius,
556
- x_right: pJS.canvas.w,
557
- y_top: p.radius,
558
- y_bottom: pJS.canvas.h
559
- }
560
- }else{
561
- var new_pos = {
562
- x_left: -p.radius,
563
- x_right: pJS.canvas.w + p.radius,
564
- y_top: -p.radius,
565
- y_bottom: pJS.canvas.h + p.radius
566
- }
567
- }
568
-
569
- if(p.x - p.radius > pJS.canvas.w){
570
- p.x = new_pos.x_left;
571
- p.y = Math.random() * pJS.canvas.h;
572
- }
573
- else if(p.x + p.radius < 0){
574
- p.x = new_pos.x_right;
575
- p.y = Math.random() * pJS.canvas.h;
576
- }
577
- if(p.y - p.radius > pJS.canvas.h){
578
- p.y = new_pos.y_top;
579
- p.x = Math.random() * pJS.canvas.w;
580
- }
581
- else if(p.y + p.radius < 0){
582
- p.y = new_pos.y_bottom;
583
- p.x = Math.random() * pJS.canvas.w;
584
- }
585
-
586
- /* out of canvas modes */
587
- switch(pJS.particles.move.out_mode){
588
- case 'bounce':
589
- if (p.x + p.radius > pJS.canvas.w) p.vx = -p.vx;
590
- else if (p.x - p.radius < 0) p.vx = -p.vx;
591
- if (p.y + p.radius > pJS.canvas.h) p.vy = -p.vy;
592
- else if (p.y - p.radius < 0) p.vy = -p.vy;
593
- break;
594
- }
595
-
596
- /* events */
597
- if(isInArray('grab', pJS.interactivity.events.onhover.mode)){
598
- pJS.fn.modes.grabParticle(p);
599
- }
600
-
601
- if(isInArray('bubble', pJS.interactivity.events.onhover.mode) || isInArray('bubble', pJS.interactivity.events.onclick.mode)){
602
- pJS.fn.modes.bubbleParticle(p);
603
- }
604
-
605
- if(isInArray('repulse', pJS.interactivity.events.onhover.mode) || isInArray('repulse', pJS.interactivity.events.onclick.mode)){
606
- pJS.fn.modes.repulseParticle(p);
607
- }
608
-
609
- /* interaction auto between particles */
610
- if(pJS.particles.line_linked.enable || pJS.particles.move.attract.enable){
611
- for(var j = i + 1; j < pJS.particles.array.length; j++){
612
- var p2 = pJS.particles.array[j];
613
-
614
- /* link particles */
615
- if(pJS.particles.line_linked.enable){
616
- pJS.fn.interact.linkParticles(p,p2);
617
- }
618
-
619
- /* attract particles */
620
- if(pJS.particles.move.attract.enable){
621
- pJS.fn.interact.attractParticles(p,p2);
622
- }
623
-
624
- /* bounce particles */
625
- if(pJS.particles.move.bounce){
626
- pJS.fn.interact.bounceParticles(p,p2);
627
- }
628
-
629
- }
630
- }
631
-
632
-
633
- }
634
-
635
- };
636
-
637
- pJS.fn.particlesDraw = function(){
638
-
639
- /* clear canvas */
640
- pJS.canvas.ctx.clearRect(0, 0, pJS.canvas.w, pJS.canvas.h);
641
-
642
- /* update each particles param */
643
- pJS.fn.particlesUpdate();
644
-
645
- /* draw each particle */
646
- for(var i = 0; i < pJS.particles.array.length; i++){
647
- var p = pJS.particles.array[i];
648
- p.draw();
649
- }
650
-
651
- };
652
-
653
- pJS.fn.particlesEmpty = function(){
654
- pJS.particles.array = [];
655
- };
656
-
657
- pJS.fn.particlesRefresh = function(){
658
-
659
- /* init all */
660
- cancelRequestAnimFrame(pJS.fn.checkAnimFrame);
661
- cancelRequestAnimFrame(pJS.fn.drawAnimFrame);
662
- pJS.tmp.source_svg = undefined;
663
- pJS.tmp.img_obj = undefined;
664
- pJS.tmp.count_svg = 0;
665
- pJS.fn.particlesEmpty();
666
- pJS.fn.canvasClear();
667
-
668
- /* restart */
669
- pJS.fn.vendors.start();
670
-
671
- };
672
-
673
-
674
- /* ---------- pJS functions - particles interaction ------------ */
675
-
676
- pJS.fn.interact.linkParticles = function(p1, p2){
677
-
678
- var dx = p1.x - p2.x,
679
- dy = p1.y - p2.y,
680
- dist = Math.sqrt(dx*dx + dy*dy);
681
-
682
- /* draw a line between p1 and p2 if the distance between them is under the config distance */
683
- if(dist <= pJS.particles.line_linked.distance){
684
-
685
- var opacity_line = pJS.particles.line_linked.opacity - (dist / (1/pJS.particles.line_linked.opacity)) / pJS.particles.line_linked.distance;
686
-
687
- if(opacity_line > 0){
688
-
689
- /* style */
690
- var color_line = pJS.particles.line_linked.color_rgb_line;
691
- pJS.canvas.ctx.strokeStyle = 'rgba('+color_line.r+','+color_line.g+','+color_line.b+','+opacity_line+')';
692
- pJS.canvas.ctx.lineWidth = pJS.particles.line_linked.width;
693
- //pJS.canvas.ctx.lineCap = 'round'; /* performance issue */
694
-
695
- /* path */
696
- pJS.canvas.ctx.beginPath();
697
- pJS.canvas.ctx.moveTo(p1.x, p1.y);
698
- pJS.canvas.ctx.lineTo(p2.x, p2.y);
699
- pJS.canvas.ctx.stroke();
700
- pJS.canvas.ctx.closePath();
701
-
702
- }
703
-
704
- }
705
-
706
- };
707
-
708
-
709
- pJS.fn.interact.attractParticles = function(p1, p2){
710
-
711
- /* condensed particles */
712
- var dx = p1.x - p2.x,
713
- dy = p1.y - p2.y,
714
- dist = Math.sqrt(dx*dx + dy*dy);
715
-
716
- if(dist <= pJS.particles.line_linked.distance){
717
-
718
- var ax = dx/(pJS.particles.move.attract.rotateX*1000),
719
- ay = dy/(pJS.particles.move.attract.rotateY*1000);
720
-
721
- p1.vx -= ax;
722
- p1.vy -= ay;
723
-
724
- p2.vx += ax;
725
- p2.vy += ay;
726
-
727
- }
728
-
729
-
730
- }
731
-
732
-
733
- pJS.fn.interact.bounceParticles = function(p1, p2){
734
-
735
- var dx = p1.x - p2.x,
736
- dy = p1.y - p2.y,
737
- dist = Math.sqrt(dx*dx + dy*dy),
738
- dist_p = p1.radius+p2.radius;
739
-
740
- if(dist <= dist_p){
741
- p1.vx = -p1.vx;
742
- p1.vy = -p1.vy;
743
-
744
- p2.vx = -p2.vx;
745
- p2.vy = -p2.vy;
746
- }
747
-
748
- }
749
-
750
-
751
- /* ---------- pJS functions - modes events ------------ */
752
-
753
- pJS.fn.modes.pushParticles = function(nb, pos){
754
-
755
- pJS.tmp.pushing = true;
756
-
757
- for(var i = 0; i < nb; i++){
758
- pJS.particles.array.push(
759
- new pJS.fn.particle(
760
- pJS.particles.color,
761
- pJS.particles.opacity.value,
762
- {
763
- 'x': pos ? pos.pos_x : Math.random() * pJS.canvas.w,
764
- 'y': pos ? pos.pos_y : Math.random() * pJS.canvas.h
765
- }
766
- )
767
- )
768
- if(i == nb-1){
769
- if(!pJS.particles.move.enable){
770
- pJS.fn.particlesDraw();
771
- }
772
- pJS.tmp.pushing = false;
773
- }
774
- }
775
-
776
- };
777
-
778
-
779
- pJS.fn.modes.removeParticles = function(nb){
780
-
781
- pJS.particles.array.splice(0, nb);
782
- if(!pJS.particles.move.enable){
783
- pJS.fn.particlesDraw();
784
- }
785
-
786
- };
787
-
788
-
789
- pJS.fn.modes.bubbleParticle = function(p){
790
-
791
- /* on hover event */
792
- if(pJS.interactivity.events.onhover.enable && isInArray('bubble', pJS.interactivity.events.onhover.mode)){
793
-
794
- var dx_mouse = p.x - pJS.interactivity.mouse.pos_x,
795
- dy_mouse = p.y - pJS.interactivity.mouse.pos_y,
796
- dist_mouse = Math.sqrt(dx_mouse*dx_mouse + dy_mouse*dy_mouse),
797
- ratio = 1 - dist_mouse / pJS.interactivity.modes.bubble.distance;
798
-
799
- function init(){
800
- p.opacity_bubble = p.opacity;
801
- p.radius_bubble = p.radius;
802
- }
803
-
804
- /* mousemove - check ratio */
805
- if(dist_mouse <= pJS.interactivity.modes.bubble.distance){
806
-
807
- if(ratio >= 0 && pJS.interactivity.status == 'mousemove'){
808
-
809
- /* size */
810
- if(pJS.interactivity.modes.bubble.size != pJS.particles.size.value){
811
-
812
- if(pJS.interactivity.modes.bubble.size > pJS.particles.size.value){
813
- var size = p.radius + (pJS.interactivity.modes.bubble.size*ratio);
814
- if(size >= 0){
815
- p.radius_bubble = size;
816
- }
817
- }else{
818
- var dif = p.radius - pJS.interactivity.modes.bubble.size,
819
- size = p.radius - (dif*ratio);
820
- if(size > 0){
821
- p.radius_bubble = size;
822
- }else{
823
- p.radius_bubble = 0;
824
- }
825
- }
826
-
827
- }
828
-
829
- /* opacity */
830
- if(pJS.interactivity.modes.bubble.opacity != pJS.particles.opacity.value){
831
-
832
- if(pJS.interactivity.modes.bubble.opacity > pJS.particles.opacity.value){
833
- var opacity = pJS.interactivity.modes.bubble.opacity*ratio;
834
- if(opacity > p.opacity && opacity <= pJS.interactivity.modes.bubble.opacity){
835
- p.opacity_bubble = opacity;
836
- }
837
- }else{
838
- var opacity = p.opacity - (pJS.particles.opacity.value-pJS.interactivity.modes.bubble.opacity)*ratio;
839
- if(opacity < p.opacity && opacity >= pJS.interactivity.modes.bubble.opacity){
840
- p.opacity_bubble = opacity;
841
- }
842
- }
843
-
844
- }
845
-
846
- }
847
-
848
- }else{
849
- init();
850
- }
851
-
852
-
853
- /* mouseleave */
854
- if(pJS.interactivity.status == 'mouseleave'){
855
- init();
856
- }
857
-
858
- }
859
-
860
- /* on click event */
861
- else if(pJS.interactivity.events.onclick.enable && isInArray('bubble', pJS.interactivity.events.onclick.mode)){
862
-
863
-
864
- if(pJS.tmp.bubble_clicking){
865
- var dx_mouse = p.x - pJS.interactivity.mouse.click_pos_x,
866
- dy_mouse = p.y - pJS.interactivity.mouse.click_pos_y,
867
- dist_mouse = Math.sqrt(dx_mouse*dx_mouse + dy_mouse*dy_mouse),
868
- time_spent = (new Date().getTime() - pJS.interactivity.mouse.click_time)/1000;
869
-
870
- if(time_spent > pJS.interactivity.modes.bubble.duration){
871
- pJS.tmp.bubble_duration_end = true;
872
- }
873
-
874
- if(time_spent > pJS.interactivity.modes.bubble.duration*2){
875
- pJS.tmp.bubble_clicking = false;
876
- pJS.tmp.bubble_duration_end = false;
877
- }
878
- }
879
-
880
-
881
- function process(bubble_param, particles_param, p_obj_bubble, p_obj, id){
882
-
883
- if(bubble_param != particles_param){
884
-
885
- if(!pJS.tmp.bubble_duration_end){
886
- if(dist_mouse <= pJS.interactivity.modes.bubble.distance){
887
- if(p_obj_bubble != undefined) var obj = p_obj_bubble;
888
- else var obj = p_obj;
889
- if(obj != bubble_param){
890
- var value = p_obj - (time_spent * (p_obj - bubble_param) / pJS.interactivity.modes.bubble.duration);
891
- if(id == 'size') p.radius_bubble = value;
892
- if(id == 'opacity') p.opacity_bubble = value;
893
- }
894
- }else{
895
- if(id == 'size') p.radius_bubble = undefined;
896
- if(id == 'opacity') p.opacity_bubble = undefined;
897
- }
898
- }else{
899
- if(p_obj_bubble != undefined){
900
- var value_tmp = p_obj - (time_spent * (p_obj - bubble_param) / pJS.interactivity.modes.bubble.duration),
901
- dif = bubble_param - value_tmp;
902
- value = bubble_param + dif;
903
- if(id == 'size') p.radius_bubble = value;
904
- if(id == 'opacity') p.opacity_bubble = value;
905
- }
906
- }
907
-
908
- }
909
-
910
- }
911
-
912
- if(pJS.tmp.bubble_clicking){
913
- /* size */
914
- process(pJS.interactivity.modes.bubble.size, pJS.particles.size.value, p.radius_bubble, p.radius, 'size');
915
- /* opacity */
916
- process(pJS.interactivity.modes.bubble.opacity, pJS.particles.opacity.value, p.opacity_bubble, p.opacity, 'opacity');
917
- }
918
-
919
- }
920
-
921
- };
922
-
923
-
924
- pJS.fn.modes.repulseParticle = function(p){
925
-
926
- if(pJS.interactivity.events.onhover.enable && isInArray('repulse', pJS.interactivity.events.onhover.mode) && pJS.interactivity.status == 'mousemove') {
927
-
928
- var dx_mouse = p.x - pJS.interactivity.mouse.pos_x,
929
- dy_mouse = p.y - pJS.interactivity.mouse.pos_y,
930
- dist_mouse = Math.sqrt(dx_mouse*dx_mouse + dy_mouse*dy_mouse);
931
-
932
- var normVec = {x: dx_mouse/dist_mouse, y: dy_mouse/dist_mouse},
933
- repulseRadius = pJS.interactivity.modes.repulse.distance,
934
- velocity = 100,
935
- repulseFactor = clamp((1/repulseRadius)*(-1*Math.pow(dist_mouse/repulseRadius,2)+1)*repulseRadius*velocity, 0, 50);
936
-
937
- var pos = {
938
- x: p.x + normVec.x * repulseFactor,
939
- y: p.y + normVec.y * repulseFactor
940
- }
941
-
942
- if(pJS.particles.move.out_mode == 'bounce'){
943
- if(pos.x - p.radius > 0 && pos.x + p.radius < pJS.canvas.w) p.x = pos.x;
944
- if(pos.y - p.radius > 0 && pos.y + p.radius < pJS.canvas.h) p.y = pos.y;
945
- }else{
946
- p.x = pos.x;
947
- p.y = pos.y;
948
- }
949
-
950
- }
951
-
952
-
953
- else if(pJS.interactivity.events.onclick.enable && isInArray('repulse', pJS.interactivity.events.onclick.mode)) {
954
-
955
- if(!pJS.tmp.repulse_finish){
956
- pJS.tmp.repulse_count++;
957
- if(pJS.tmp.repulse_count == pJS.particles.array.length){
958
- pJS.tmp.repulse_finish = true;
959
- }
960
- }
961
-
962
- if(pJS.tmp.repulse_clicking){
963
-
964
- var repulseRadius = Math.pow(pJS.interactivity.modes.repulse.distance/6, 3);
965
-
966
- var dx = pJS.interactivity.mouse.click_pos_x - p.x,
967
- dy = pJS.interactivity.mouse.click_pos_y - p.y,
968
- d = dx*dx + dy*dy;
969
-
970
- var force = -repulseRadius / d * 1;
971
-
972
- function process(){
973
-
974
- var f = Math.atan2(dy,dx);
975
- p.vx = force * Math.cos(f);
976
- p.vy = force * Math.sin(f);
977
-
978
- if(pJS.particles.move.out_mode == 'bounce'){
979
- var pos = {
980
- x: p.x + p.vx,
981
- y: p.y + p.vy
982
- }
983
- if (pos.x + p.radius > pJS.canvas.w) p.vx = -p.vx;
984
- else if (pos.x - p.radius < 0) p.vx = -p.vx;
985
- if (pos.y + p.radius > pJS.canvas.h) p.vy = -p.vy;
986
- else if (pos.y - p.radius < 0) p.vy = -p.vy;
987
- }
988
-
989
- }
990
-
991
- // default
992
- if(d <= repulseRadius){
993
- process();
994
- }
995
-
996
- // bang - slow motion mode
997
- // if(!pJS.tmp.repulse_finish){
998
- // if(d <= repulseRadius){
999
- // process();
1000
- // }
1001
- // }else{
1002
- // process();
1003
- // }
1004
-
1005
-
1006
- }else{
1007
-
1008
- if(pJS.tmp.repulse_clicking == false){
1009
-
1010
- p.vx = p.vx_i;
1011
- p.vy = p.vy_i;
1012
-
1013
- }
1014
-
1015
- }
1016
-
1017
- }
1018
-
1019
- }
1020
-
1021
-
1022
- pJS.fn.modes.grabParticle = function(p){
1023
-
1024
- if(pJS.interactivity.events.onhover.enable && pJS.interactivity.status == 'mousemove'){
1025
-
1026
- var dx_mouse = p.x - pJS.interactivity.mouse.pos_x,
1027
- dy_mouse = p.y - pJS.interactivity.mouse.pos_y,
1028
- dist_mouse = Math.sqrt(dx_mouse*dx_mouse + dy_mouse*dy_mouse);
1029
-
1030
- /* draw a line between the cursor and the particle if the distance between them is under the config distance */
1031
- if(dist_mouse <= pJS.interactivity.modes.grab.distance){
1032
-
1033
- var opacity_line = pJS.interactivity.modes.grab.line_linked.opacity - (dist_mouse / (1/pJS.interactivity.modes.grab.line_linked.opacity)) / pJS.interactivity.modes.grab.distance;
1034
-
1035
- if(opacity_line > 0){
1036
-
1037
- /* style */
1038
- var color_line = pJS.particles.line_linked.color_rgb_line;
1039
- pJS.canvas.ctx.strokeStyle = 'rgba('+color_line.r+','+color_line.g+','+color_line.b+','+opacity_line+')';
1040
- pJS.canvas.ctx.lineWidth = pJS.particles.line_linked.width;
1041
- //pJS.canvas.ctx.lineCap = 'round'; /* performance issue */
1042
-
1043
- /* path */
1044
- pJS.canvas.ctx.beginPath();
1045
- pJS.canvas.ctx.moveTo(p.x, p.y);
1046
- pJS.canvas.ctx.lineTo(pJS.interactivity.mouse.pos_x, pJS.interactivity.mouse.pos_y);
1047
- pJS.canvas.ctx.stroke();
1048
- pJS.canvas.ctx.closePath();
1049
-
1050
- }
1051
-
1052
- }
1053
-
1054
- }
1055
-
1056
- };
1057
-
1058
-
1059
-
1060
- /* ---------- pJS functions - vendors ------------ */
1061
-
1062
- pJS.fn.vendors.eventsListeners = function(){
1063
-
1064
- /* events target element */
1065
- if(pJS.interactivity.detect_on == 'window'){
1066
- pJS.interactivity.el = window;
1067
- }else{
1068
- pJS.interactivity.el = pJS.canvas.el;
1069
- }
1070
-
1071
-
1072
- /* detect mouse pos - on hover / click event */
1073
- if(pJS.interactivity.events.onhover.enable || pJS.interactivity.events.onclick.enable){
1074
-
1075
- /* el on mousemove */
1076
- pJS.interactivity.el.addEventListener('mousemove', function(e){
1077
-
1078
- if(pJS.interactivity.el == window){
1079
- var pos_x = e.clientX,
1080
- pos_y = e.clientY;
1081
- }
1082
- else{
1083
- var pos_x = e.offsetX || e.clientX,
1084
- pos_y = e.offsetY || e.clientY;
1085
- }
1086
-
1087
- pJS.interactivity.mouse.pos_x = pos_x;
1088
- pJS.interactivity.mouse.pos_y = pos_y;
1089
-
1090
- if(pJS.tmp.retina){
1091
- pJS.interactivity.mouse.pos_x *= pJS.canvas.pxratio;
1092
- pJS.interactivity.mouse.pos_y *= pJS.canvas.pxratio;
1093
- }
1094
-
1095
- pJS.interactivity.status = 'mousemove';
1096
-
1097
- });
1098
-
1099
- /* el on onmouseleave */
1100
- pJS.interactivity.el.addEventListener('mouseleave', function(e){
1101
-
1102
- pJS.interactivity.mouse.pos_x = null;
1103
- pJS.interactivity.mouse.pos_y = null;
1104
- pJS.interactivity.status = 'mouseleave';
1105
-
1106
- });
1107
-
1108
- }
1109
-
1110
- /* on click event */
1111
- if(pJS.interactivity.events.onclick.enable){
1112
-
1113
- pJS.interactivity.el.addEventListener('click', function(){
1114
-
1115
- pJS.interactivity.mouse.click_pos_x = pJS.interactivity.mouse.pos_x;
1116
- pJS.interactivity.mouse.click_pos_y = pJS.interactivity.mouse.pos_y;
1117
- pJS.interactivity.mouse.click_time = new Date().getTime();
1118
-
1119
- if(pJS.interactivity.events.onclick.enable){
1120
-
1121
- switch(pJS.interactivity.events.onclick.mode){
1122
-
1123
- case 'push':
1124
- if(pJS.particles.move.enable){
1125
- pJS.fn.modes.pushParticles(pJS.interactivity.modes.push.particles_nb, pJS.interactivity.mouse);
1126
- }else{
1127
- if(pJS.interactivity.modes.push.particles_nb == 1){
1128
- pJS.fn.modes.pushParticles(pJS.interactivity.modes.push.particles_nb, pJS.interactivity.mouse);
1129
- }
1130
- else if(pJS.interactivity.modes.push.particles_nb > 1){
1131
- pJS.fn.modes.pushParticles(pJS.interactivity.modes.push.particles_nb);
1132
- }
1133
- }
1134
- break;
1135
-
1136
- case 'remove':
1137
- pJS.fn.modes.removeParticles(pJS.interactivity.modes.remove.particles_nb);
1138
- break;
1139
-
1140
- case 'bubble':
1141
- pJS.tmp.bubble_clicking = true;
1142
- break;
1143
-
1144
- case 'repulse':
1145
- pJS.tmp.repulse_clicking = true;
1146
- pJS.tmp.repulse_count = 0;
1147
- pJS.tmp.repulse_finish = false;
1148
- setTimeout(function(){
1149
- pJS.tmp.repulse_clicking = false;
1150
- }, pJS.interactivity.modes.repulse.duration*1000)
1151
- break;
1152
-
1153
- }
1154
-
1155
- }
1156
-
1157
- });
1158
-
1159
- }
1160
-
1161
-
1162
- };
1163
-
1164
- pJS.fn.vendors.densityAutoParticles = function(){
1165
-
1166
- if(pJS.particles.number.density.enable){
1167
-
1168
- /* calc area */
1169
- var area = pJS.canvas.el.width * pJS.canvas.el.height / 1000;
1170
- if(pJS.tmp.retina){
1171
- area = area/(pJS.canvas.pxratio*2);
1172
- }
1173
-
1174
- /* calc number of particles based on density area */
1175
- var nb_particles = area * pJS.particles.number.value / pJS.particles.number.density.value_area;
1176
-
1177
- /* add or remove X particles */
1178
- var missing_particles = pJS.particles.array.length - nb_particles;
1179
- if(missing_particles < 0) pJS.fn.modes.pushParticles(Math.abs(missing_particles));
1180
- else pJS.fn.modes.removeParticles(missing_particles);
1181
-
1182
- }
1183
-
1184
- };
1185
-
1186
-
1187
- pJS.fn.vendors.checkOverlap = function(p1, position){
1188
- for(var i = 0; i < pJS.particles.array.length; i++){
1189
- var p2 = pJS.particles.array[i];
1190
-
1191
- var dx = p1.x - p2.x,
1192
- dy = p1.y - p2.y,
1193
- dist = Math.sqrt(dx*dx + dy*dy);
1194
-
1195
- if(dist <= p1.radius + p2.radius){
1196
- p1.x = position ? position.x : Math.random() * pJS.canvas.w;
1197
- p1.y = position ? position.y : Math.random() * pJS.canvas.h;
1198
- pJS.fn.vendors.checkOverlap(p1);
1199
- }
1200
- }
1201
- };
1202
-
1203
-
1204
- pJS.fn.vendors.createSvgImg = function(p){
1205
-
1206
- /* set color to svg element */
1207
- var svgXml = pJS.tmp.source_svg,
1208
- rgbHex = /#([0-9A-F]{3,6})/gi,
1209
- coloredSvgXml = svgXml.replace(rgbHex, function (m, r, g, b) {
1210
- if(p.color.rgb){
1211
- var color_value = 'rgba('+p.color.rgb.r+','+p.color.rgb.g+','+p.color.rgb.b+','+p.opacity+')';
1212
- }else{
1213
- var color_value = 'hsla('+p.color.hsl.h+','+p.color.hsl.s+'%,'+p.color.hsl.l+'%,'+p.opacity+')';
1214
- }
1215
- return color_value;
1216
- });
1217
-
1218
- /* prepare to create img with colored svg */
1219
- var svg = new Blob([coloredSvgXml], {type: 'image/svg+xml;charset=utf-8'}),
1220
- DOMURL = window.URL || window.webkitURL || window,
1221
- url = DOMURL.createObjectURL(svg);
1222
-
1223
- /* create particle img obj */
1224
- var img = new Image();
1225
- img.addEventListener('load', function(){
1226
- p.img.obj = img;
1227
- p.img.loaded = true;
1228
- DOMURL.revokeObjectURL(url);
1229
- pJS.tmp.count_svg++;
1230
- });
1231
- img.src = url;
1232
-
1233
- };
1234
-
1235
-
1236
- pJS.fn.vendors.destroypJS = function(){
1237
- cancelAnimationFrame(pJS.fn.drawAnimFrame);
1238
- canvas_el.remove();
1239
- pJSDom = null;
1240
- };
1241
-
1242
-
1243
- pJS.fn.vendors.drawShape = function(c, startX, startY, sideLength, sideCountNumerator, sideCountDenominator){
1244
-
1245
- // By Programming Thomas - https://programmingthomas.wordpress.com/2013/04/03/n-sided-shapes/
1246
- var sideCount = sideCountNumerator * sideCountDenominator;
1247
- var decimalSides = sideCountNumerator / sideCountDenominator;
1248
- var interiorAngleDegrees = (180 * (decimalSides - 2)) / decimalSides;
1249
- var interiorAngle = Math.PI - Math.PI * interiorAngleDegrees / 180; // convert to radians
1250
- c.save();
1251
- c.beginPath();
1252
- c.translate(startX, startY);
1253
- c.moveTo(0,0);
1254
- for (var i = 0; i < sideCount; i++) {
1255
- c.lineTo(sideLength,0);
1256
- c.translate(sideLength,0);
1257
- c.rotate(interiorAngle);
1258
- }
1259
- //c.stroke();
1260
- c.fill();
1261
- c.restore();
1262
-
1263
- };
1264
-
1265
- pJS.fn.vendors.exportImg = function(){
1266
- window.open(pJS.canvas.el.toDataURL('image/png'), '_blank');
1267
- };
1268
-
1269
-
1270
- pJS.fn.vendors.loadImg = function(type){
1271
-
1272
- pJS.tmp.img_error = undefined;
1273
-
1274
- if(pJS.particles.shape.image.src != ''){
1275
-
1276
- if(type == 'svg'){
1277
-
1278
- var xhr = new XMLHttpRequest();
1279
- xhr.open('GET', pJS.particles.shape.image.src);
1280
- xhr.onreadystatechange = function (data) {
1281
- if(xhr.readyState == 4){
1282
- if(xhr.status == 200){
1283
- pJS.tmp.source_svg = data.currentTarget.response;
1284
- pJS.fn.vendors.checkBeforeDraw();
1285
- }else{
1286
- console.log('Error pJS - Image not found');
1287
- pJS.tmp.img_error = true;
1288
- }
1289
- }
1290
- }
1291
- xhr.send();
1292
-
1293
- }else{
1294
-
1295
- var img = new Image();
1296
- img.addEventListener('load', function(){
1297
- pJS.tmp.img_obj = img;
1298
- pJS.fn.vendors.checkBeforeDraw();
1299
- });
1300
- img.src = pJS.particles.shape.image.src;
1301
-
1302
- }
1303
-
1304
- }else{
1305
- console.log('Error pJS - No image.src');
1306
- pJS.tmp.img_error = true;
1307
- }
1308
-
1309
- };
1310
-
1311
-
1312
- pJS.fn.vendors.draw = function(){
1313
-
1314
- if(pJS.particles.shape.type == 'image'){
1315
-
1316
- if(pJS.tmp.img_type == 'svg'){
1317
-
1318
- if(pJS.tmp.count_svg >= pJS.particles.number.value){
1319
- pJS.fn.particlesDraw();
1320
- if(!pJS.particles.move.enable) cancelRequestAnimFrame(pJS.fn.drawAnimFrame);
1321
- else pJS.fn.drawAnimFrame = requestAnimFrame(pJS.fn.vendors.draw);
1322
- }else{
1323
- //console.log('still loading...');
1324
- if(!pJS.tmp.img_error) pJS.fn.drawAnimFrame = requestAnimFrame(pJS.fn.vendors.draw);
1325
- }
1326
-
1327
- }else{
1328
-
1329
- if(pJS.tmp.img_obj != undefined){
1330
- pJS.fn.particlesDraw();
1331
- if(!pJS.particles.move.enable) cancelRequestAnimFrame(pJS.fn.drawAnimFrame);
1332
- else pJS.fn.drawAnimFrame = requestAnimFrame(pJS.fn.vendors.draw);
1333
- }else{
1334
- if(!pJS.tmp.img_error) pJS.fn.drawAnimFrame = requestAnimFrame(pJS.fn.vendors.draw);
1335
- }
1336
-
1337
- }
1338
-
1339
- }else{
1340
- pJS.fn.particlesDraw();
1341
- if(!pJS.particles.move.enable) cancelRequestAnimFrame(pJS.fn.drawAnimFrame);
1342
- else pJS.fn.drawAnimFrame = requestAnimFrame(pJS.fn.vendors.draw);
1343
- }
1344
-
1345
- };
1346
-
1347
-
1348
- pJS.fn.vendors.checkBeforeDraw = function(){
1349
-
1350
- // if shape is image
1351
- if(pJS.particles.shape.type == 'image'){
1352
-
1353
- if(pJS.tmp.img_type == 'svg' && pJS.tmp.source_svg == undefined){
1354
- pJS.tmp.checkAnimFrame = requestAnimFrame(check);
1355
- }else{
1356
- //console.log('images loaded! cancel check');
1357
- cancelRequestAnimFrame(pJS.tmp.checkAnimFrame);
1358
- if(!pJS.tmp.img_error){
1359
- pJS.fn.vendors.init();
1360
- pJS.fn.vendors.draw();
1361
- }
1362
-
1363
- }
1364
-
1365
- }else{
1366
- pJS.fn.vendors.init();
1367
- pJS.fn.vendors.draw();
1368
- }
1369
-
1370
- };
1371
-
1372
-
1373
- pJS.fn.vendors.init = function(){
1374
-
1375
- /* init canvas + particles */
1376
- pJS.fn.retinaInit();
1377
- pJS.fn.canvasInit();
1378
- pJS.fn.canvasSize();
1379
- pJS.fn.canvasPaint();
1380
- pJS.fn.particlesCreate();
1381
- pJS.fn.vendors.densityAutoParticles();
1382
-
1383
- /* particles.line_linked - convert hex colors to rgb */
1384
- pJS.particles.line_linked.color_rgb_line = hexToRgb(pJS.particles.line_linked.color);
1385
-
1386
- };
1387
-
1388
-
1389
- pJS.fn.vendors.start = function(){
1390
-
1391
- if(isInArray('image', pJS.particles.shape.type)){
1392
- pJS.tmp.img_type = pJS.particles.shape.image.src.substr(pJS.particles.shape.image.src.length - 3);
1393
- pJS.fn.vendors.loadImg(pJS.tmp.img_type);
1394
- }else{
1395
- pJS.fn.vendors.checkBeforeDraw();
1396
- }
1397
-
1398
- };
1399
-
1400
-
1401
-
1402
-
1403
- /* ---------- pJS - start ------------ */
1404
-
1405
-
1406
- pJS.fn.vendors.eventsListeners();
1407
-
1408
- pJS.fn.vendors.start();
1409
-
1410
-
1411
-
1412
- };
1413
-
1414
- /* ---------- global functions - vendors ------------ */
1415
-
1416
- Object.deepExtend = function(destination, source) {
1417
- for (var property in source) {
1418
- if (source[property] && source[property].constructor &&
1419
- source[property].constructor === Object) {
1420
- destination[property] = destination[property] || {};
1421
- arguments.callee(destination[property], source[property]);
1422
- } else {
1423
- destination[property] = source[property];
1424
- }
1425
- }
1426
- return destination;
1427
- };
1428
-
1429
- window.requestAnimFrame = (function(){
1430
- return window.requestAnimationFrame ||
1431
- window.webkitRequestAnimationFrame ||
1432
- window.mozRequestAnimationFrame ||
1433
- window.oRequestAnimationFrame ||
1434
- window.msRequestAnimationFrame ||
1435
- function(callback){
1436
- window.setTimeout(callback, 1000 / 60);
1437
- };
1438
- })();
1439
-
1440
- window.cancelRequestAnimFrame = ( function() {
1441
- return window.cancelAnimationFrame ||
1442
- window.webkitCancelRequestAnimationFrame ||
1443
- window.mozCancelRequestAnimationFrame ||
1444
- window.oCancelRequestAnimationFrame ||
1445
- window.msCancelRequestAnimationFrame ||
1446
- clearTimeout
1447
- } )();
1448
-
1449
- function hexToRgb(hex){
1450
- // By Tim Down - http://stackoverflow.com/a/5624139/3493650
1451
- // Expand shorthand form (e.g. "03F") to full form (e.g. "0033FF")
1452
- var shorthandRegex = /^#?([a-f\d])([a-f\d])([a-f\d])$/i;
1453
- hex = hex.replace(shorthandRegex, function(m, r, g, b) {
1454
- return r + r + g + g + b + b;
1455
- });
1456
- var result = /^#?([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})$/i.exec(hex);
1457
- return result ? {
1458
- r: parseInt(result[1], 16),
1459
- g: parseInt(result[2], 16),
1460
- b: parseInt(result[3], 16)
1461
- } : null;
1462
- };
1463
-
1464
- function clamp(number, min, max) {
1465
- return Math.min(Math.max(number, min), max);
1466
- };
1467
-
1468
- function isInArray(value, array) {
1469
- return array.indexOf(value) > -1;
1470
- }
1471
-
1472
-
1473
- /* ---------- particles.js functions - start ------------ */
1474
-
1475
- window.pJSDom = [];
1476
-
1477
- window.particlesJS = function(tag_id, params){
1478
-
1479
- /* no string id? so it's object params, and set the id with default id */
1480
- if(typeof(tag_id) != 'string'){
1481
- params = tag_id;
1482
- tag_id = 'particles-js';
1483
- }
1484
-
1485
- /* no id? set the id to default id */
1486
- if(!tag_id){
1487
- tag_id = 'particles-js';
1488
- }
1489
-
1490
- /* pJS elements */
1491
- var pJS_tag = document.getElementById(tag_id),
1492
- pJS_canvas_class = 'particles-js-canvas-el',
1493
- exist_canvas = pJS_tag.getElementsByClassName(pJS_canvas_class);
1494
-
1495
- /* remove canvas if exists into the pJS target tag */
1496
- if(exist_canvas.length){
1497
- while(exist_canvas.length > 0){
1498
- pJS_tag.removeChild(exist_canvas[0]);
1499
- }
1500
- }
1501
-
1502
- /* create canvas element */
1503
- var canvas_el = document.createElement('canvas');
1504
- canvas_el.className = pJS_canvas_class;
1505
-
1506
- /* set size canvas */
1507
- canvas_el.style.width = "100%";
1508
- canvas_el.style.height = "100%";
1509
-
1510
- /* append canvas */
1511
- var canvas = document.getElementById(tag_id).appendChild(canvas_el);
1512
-
1513
- /* launch particle.js */
1514
- if(canvas != null){
1515
- pJSDom.push(new pJS(tag_id, params));
1516
- }
1517
-
1518
- };
1519
-
1520
- window.particlesJS.load = function(tag_id, path_config_json, callback){
1521
-
1522
- /* load json config */
1523
- var xhr = new XMLHttpRequest();
1524
- xhr.open('GET', path_config_json);
1525
- xhr.onreadystatechange = function (data) {
1526
- if(xhr.readyState == 4){
1527
- if(xhr.status == 200){
1528
- var params = JSON.parse(data.currentTarget.response);
1529
- window.particlesJS(tag_id, params);
1530
- if(callback) callback();
1531
- }else{
1532
- console.log('Error pJS - XMLHttpRequest status: '+xhr.status);
1533
- console.log('Error pJS - File config not found');
1534
- }
1535
- }
1536
- };
1537
- xhr.send();
1538
-
1539
  };
1
+ /* -----------------------------------------------
2
+ /* Author : Vincent Garreau - vincentgarreau.com
3
+ /* MIT license: http://opensource.org/licenses/MIT
4
+ /* Demo / Generator : vincentgarreau.com/particles.js
5
+ /* GitHub : github.com/VincentGarreau/particles.js
6
+ /* How to use? : Check the GitHub README
7
+ /* v2.0.0
8
+ /* ----------------------------------------------- */
9
+
10
+ var pJS = function(tag_id, params){
11
+
12
+ var canvas_el = document.querySelector('#'+tag_id+' > .particles-js-canvas-el');
13
+
14
+ /* particles.js variables with default values */
15
+ this.pJS = {
16
+ canvas: {
17
+ el: canvas_el,
18
+ w: canvas_el.offsetWidth,
19
+ h: canvas_el.offsetHeight
20
+ },
21
+ particles: {
22
+ number: {
23
+ value: 400,
24
+ density: {
25
+ enable: true,
26
+ value_area: 800
27
+ }
28
+ },
29
+ color: {
30
+ value: '#fff'
31
+ },
32
+ shape: {
33
+ type: 'circle',
34
+ stroke: {
35
+ width: 0,
36
+ color: '#ff0000'
37
+ },
38
+ polygon: {
39
+ nb_sides: 5
40
+ },
41
+ image: {
42
+ src: '',
43
+ width: 100,
44
+ height: 100
45
+ }
46
+ },
47
+ opacity: {
48
+ value: 1,
49
+ random: false,
50
+ anim: {
51
+ enable: false,
52
+ speed: 2,
53
+ opacity_min: 0,
54
+ sync: false
55
+ }
56
+ },
57
+ size: {
58
+ value: 20,
59
+ random: false,
60
+ anim: {
61
+ enable: false,
62
+ speed: 20,
63
+ size_min: 0,
64
+ sync: false
65
+ }
66
+ },
67
+ line_linked: {
68
+ enable: true,
69
+ distance: 100,
70
+ color: '#fff',
71
+ opacity: 1,
72
+ width: 1
73
+ },
74
+ move: {
75
+ enable: true,
76
+ speed: 2,
77
+ direction: 'none',
78
+ random: false,
79
+ straight: false,
80
+ out_mode: 'out',
81
+ bounce: false,
82
+ attract: {
83
+ enable: false,
84
+ rotateX: 3000,
85
+ rotateY: 3000
86
+ }
87
+ },
88
+ array: []
89
+ },
90
+ interactivity: {
91
+ detect_on: 'canvas',
92
+ events: {
93
+ onhover: {
94
+ enable: true,
95
+ mode: 'grab'
96
+ },
97
+ onclick: {
98
+ enable: true,
99
+ mode: 'push'
100
+ },
101
+ resize: true
102
+ },
103
+ modes: {
104
+ grab:{
105
+ distance: 100,
106
+ line_linked:{
107
+ opacity: 1
108
+ }
109
+ },
110
+ bubble:{
111
+ distance: 200,
112
+ size: 80,
113
+ duration: 0.4
114
+ },
115
+ repulse:{
116
+ distance: 200,
117
+ duration: 0.4
118
+ },
119
+ push:{
120
+ particles_nb: 4
121
+ },
122
+ remove:{
123
+ particles_nb: 2
124
+ }
125
+ },
126
+ mouse:{}
127
+ },
128
+ retina_detect: false,
129
+ fn: {
130
+ interact: {},
131
+ modes: {},
132
+ vendors:{}
133
+ },
134
+ tmp: {}
135
+ };
136
+
137
+ var pJS = this.pJS;
138
+
139
+ /* params settings */
140
+ if(params){
141
+ Object.deepExtend(pJS, params);
142
+ }
143
+
144
+ pJS.tmp.obj = {
145
+ size_value: pJS.particles.size.value,
146
+ size_anim_speed: pJS.particles.size.anim.speed,
147
+ move_speed: pJS.particles.move.speed,
148
+ line_linked_distance: pJS.particles.line_linked.distance,
149
+ line_linked_width: pJS.particles.line_linked.width,
150
+ mode_grab_distance: pJS.interactivity.modes.grab.distance,
151
+ mode_bubble_distance: pJS.interactivity.modes.bubble.distance,
152
+ mode_bubble_size: pJS.interactivity.modes.bubble.size,
153
+ mode_repulse_distance: pJS.interactivity.modes.repulse.distance
154
+ };
155
+
156
+
157
+ pJS.fn.retinaInit = function(){
158
+
159
+ if(pJS.retina_detect && window.devicePixelRatio > 1){
160
+ pJS.canvas.pxratio = window.devicePixelRatio;
161
+ pJS.tmp.retina = true;
162
+ }
163
+ else{
164
+ pJS.canvas.pxratio = 1;
165
+ pJS.tmp.retina = false;
166
+ }
167
+
168
+ pJS.canvas.w = pJS.canvas.el.offsetWidth * pJS.canvas.pxratio;
169
+ pJS.canvas.h = pJS.canvas.el.offsetHeight * pJS.canvas.pxratio;
170
+
171
+ pJS.particles.size.value = pJS.tmp.obj.size_value * pJS.canvas.pxratio;
172
+ pJS.particles.size.anim.speed = pJS.tmp.obj.size_anim_speed * pJS.canvas.pxratio;
173
+ pJS.particles.move.speed = pJS.tmp.obj.move_speed * pJS.canvas.pxratio;
174
+ pJS.particles.line_linked.distance = pJS.tmp.obj.line_linked_distance * pJS.canvas.pxratio;
175
+ pJS.interactivity.modes.grab.distance = pJS.tmp.obj.mode_grab_distance * pJS.canvas.pxratio;
176
+ pJS.interactivity.modes.bubble.distance = pJS.tmp.obj.mode_bubble_distance * pJS.canvas.pxratio;
177
+ pJS.particles.line_linked.width = pJS.tmp.obj.line_linked_width * pJS.canvas.pxratio;
178
+ pJS.interactivity.modes.bubble.size = pJS.tmp.obj.mode_bubble_size * pJS.canvas.pxratio;
179
+ pJS.interactivity.modes.repulse.distance = pJS.tmp.obj.mode_repulse_distance * pJS.canvas.pxratio;
180
+
181
+ };
182
+
183
+
184
+
185
+ /* ---------- pJS functions - canvas ------------ */
186
+
187
+ pJS.fn.canvasInit = function(){
188
+ pJS.canvas.ctx = pJS.canvas.el.getContext('2d');
189
+ };
190
+
191
+ pJS.fn.canvasSize = function(){
192
+
193
+ pJS.canvas.el.width = pJS.canvas.w;
194
+ pJS.canvas.el.height = pJS.canvas.h;
195
+
196
+ if(pJS && pJS.interactivity.events.resize){
197
+
198
+ window.addEventListener('resize', function(){
199
+
200
+ pJS.canvas.w = pJS.canvas.el.offsetWidth;
201
+ pJS.canvas.h = pJS.canvas.el.offsetHeight;
202
+
203
+ /* resize canvas */
204
+ if(pJS.tmp.retina){
205
+ pJS.canvas.w *= pJS.canvas.pxratio;
206
+ pJS.canvas.h *= pJS.canvas.pxratio;
207
+ }
208
+
209
+ pJS.canvas.el.width = pJS.canvas.w;
210
+ pJS.canvas.el.height = pJS.canvas.h;
211
+
212
+ /* repaint canvas on anim disabled */
213
+ if(!pJS.particles.move.enable){
214
+ pJS.fn.particlesEmpty();
215
+ pJS.fn.particlesCreate();
216
+ pJS.fn.particlesDraw();
217
+ pJS.fn.vendors.densityAutoParticles();
218
+ }
219
+
220
+ /* density particles enabled */
221
+ pJS.fn.vendors.densityAutoParticles();
222
+
223
+ });
224
+
225
+ }
226
+
227
+ };
228
+
229
+
230
+ pJS.fn.canvasPaint = function(){
231
+ pJS.canvas.ctx.fillRect(0, 0, pJS.canvas.w, pJS.canvas.h);
232
+ };
233
+
234
+ pJS.fn.canvasClear = function(){
235
+ pJS.canvas.ctx.clearRect(0, 0, pJS.canvas.w, pJS.canvas.h);
236
+ };
237
+
238
+
239
+ /* --------- pJS functions - particles ----------- */
240
+
241
+ pJS.fn.particle = function(color, opacity, position){
242
+
243
+ /* size */
244
+ this.radius = (pJS.particles.size.random ? Math.random() : 1) * pJS.particles.size.value;
245
+ if(pJS.particles.size.anim.enable){
246
+ this.size_status = false;
247
+ this.vs = pJS.particles.size.anim.speed / 100;
248
+ if(!pJS.particles.size.anim.sync){
249
+ this.vs = this.vs * Math.random();
250
+ }
251
+ }
252
+
253
+ /* position */
254
+ this.x = position ? position.x : Math.random() * pJS.canvas.w;
255
+ this.y = position ? position.y : Math.random() * pJS.canvas.h;
256
+
257
+ /* check position - into the canvas */
258
+ if(this.x > pJS.canvas.w - this.radius*2) this.x = this.x - this.radius;
259
+ else if(this.x < this.radius*2) this.x = this.x + this.radius;
260
+ if(this.y > pJS.canvas.h - this.radius*2) this.y = this.y - this.radius;
261
+ else if(this.y < this.radius*2) this.y = this.y + this.radius;
262
+
263
+ /* check position - avoid overlap */
264
+ if(pJS.particles.move.bounce){
265
+ pJS.fn.vendors.checkOverlap(this, position);
266
+ }
267
+
268
+ /* color */
269
+ this.color = {};
270
+ if(typeof(color.value) == 'object'){
271
+
272
+ if(color.value instanceof Array){
273
+ var color_selected = color.value[Math.floor(Math.random() * pJS.particles.color.value.length)];
274
+ this.color.rgb = hexToRgb(color_selected);
275
+ }else{
276
+ if(color.value.r != undefined && color.value.g != undefined && color.value.b != undefined){
277
+ this.color.rgb = {
278
+ r: color.value.r,
279
+ g: color.value.g,
280
+ b: color.value.b
281
+ }
282
+ }
283
+ if(color.value.h != undefined && color.value.s != undefined && color.value.l != undefined){
284
+ this.color.hsl = {
285
+ h: color.value.h,
286
+ s: color.value.s,
287
+ l: color.value.l
288
+ }
289
+ }
290
+ }
291
+
292
+ }
293
+ else if(color.value == 'random'){
294
+ this.color.rgb = {
295
+ r: (Math.floor(Math.random() * (255 - 0 + 1)) + 0),
296
+ g: (Math.floor(Math.random() * (255 - 0 + 1)) + 0),
297
+ b: (Math.floor(Math.random() * (255 - 0 + 1)) + 0)
298
+ }
299
+ }
300
+ else if(typeof(color.value) == 'string'){
301
+ this.color = color;
302
+ this.color.rgb = hexToRgb(this.color.value);
303
+ }
304
+
305
+ /* opacity */
306
+ this.opacity = (pJS.particles.opacity.random ? Math.random() : 1) * pJS.particles.opacity.value;
307
+ if(pJS.particles.opacity.anim.enable){
308
+ this.opacity_status = false;
309
+ this.vo = pJS.particles.opacity.anim.speed / 100;
310
+ if(!pJS.particles.opacity.anim.sync){
311
+ this.vo = this.vo * Math.random();
312
+ }
313
+ }
314
+
315
+ /* animation - velocity for speed */
316
+ var velbase = {}
317
+ switch(pJS.particles.move.direction){
318
+ case 'top':
319
+ velbase = { x:0, y:-1 };
320
+ break;
321
+ case 'top-right':
322
+ velbase = { x:0.5, y:-0.5 };
323
+ break;
324
+ case 'right':
325
+ velbase = { x:1, y:-0 };
326
+ break;
327
+ case 'bottom-right':
328
+ velbase = { x:0.5, y:0.5 };
329
+ break;
330
+ case 'bottom':
331
+ velbase = { x:0, y:1 };
332
+ break;
333
+ case 'bottom-left':
334
+ velbase = { x:-0.5, y:1 };
335
+ break;
336
+ case 'left':
337
+ velbase = { x:-1, y:0 };
338
+ break;
339
+ case 'top-left':
340
+ velbase = { x:-0.5, y:-0.5 };
341
+ break;
342
+ default:
343
+ velbase = { x:0, y:0 };
344
+ break;
345
+ }
346
+
347
+ if(pJS.particles.move.straight){
348
+ this.vx = velbase.x;
349
+ this.vy = velbase.y;
350
+ if(pJS.particles.move.random){
351
+ this.vx = this.vx * (Math.random());
352
+ this.vy = this.vy * (Math.random());
353
+ }
354
+ }else{
355
+ this.vx = velbase.x + Math.random()-0.5;
356
+ this.vy = velbase.y + Math.random()-0.5;
357
+ }
358
+
359
+ // var theta = 2.0 * Math.PI * Math.random();
360
+ // this.vx = Math.cos(theta);
361
+ // this.vy = Math.sin(theta);
362
+
363
+ this.vx_i = this.vx;
364
+ this.vy_i = this.vy;
365
+
366
+
367
+
368
+ /* if shape is image */
369
+
370
+ var shape_type = pJS.particles.shape.type;
371
+ if(typeof(shape_type) == 'object'){
372
+ if(shape_type instanceof Array){
373
+ var shape_selected = shape_type[Math.floor(Math.random() * shape_type.length)];
374
+ this.shape = shape_selected;
375
+ }
376
+ }else{
377
+ this.shape = shape_type;
378
+ }
379
+
380
+ if(this.shape == 'image'){
381
+ var sh = pJS.particles.shape;
382
+ this.img = {
383
+ src: sh.image.src,
384
+ ratio: sh.image.width / sh.image.height
385
+ }
386
+ if(!this.img.ratio) this.img.ratio = 1;
387
+ if(pJS.tmp.img_type == 'svg' && pJS.tmp.source_svg != undefined){
388
+ pJS.fn.vendors.createSvgImg(this);
389
+ if(pJS.tmp.pushing){
390
+ this.img.loaded = false;
391
+ }
392
+ }
393
+ }
394
+
395
+
396
+
397
+ };
398
+
399
+
400
+ pJS.fn.particle.prototype.draw = function() {
401
+
402
+ var p = this;
403
+
404
+ if(p.radius_bubble != undefined){
405
+ var radius = p.radius_bubble;
406
+ }else{
407
+ var radius = p.radius;
408
+ }
409
+
410
+ if(p.opacity_bubble != undefined){
411
+ var opacity = p.opacity_bubble;
412
+ }else{
413
+ var opacity = p.opacity;
414
+ }
415
+
416
+ if(p.color.rgb){
417
+ var color_value = 'rgba('+p.color.rgb.r+','+p.color.rgb.g+','+p.color.rgb.b+','+opacity+')';
418
+ }else{
419
+ var color_value = 'hsla('+p.color.hsl.h+','+p.color.hsl.s+'%,'+p.color.hsl.l+'%,'+opacity+')';
420
+ }
421
+
422
+ pJS.canvas.ctx.fillStyle = color_value;
423
+ pJS.canvas.ctx.beginPath();
424
+
425
+ switch(p.shape){
426
+
427
+ case 'circle':
428
+ pJS.canvas.ctx.arc(p.x, p.y, radius, 0, Math.PI * 2, false);
429
+ break;
430
+
431
+ case 'edge':
432
+ pJS.canvas.ctx.rect(p.x-radius, p.y-radius, radius*2, radius*2);
433
+ break;
434
+
435
+ case 'triangle':
436
+ pJS.fn.vendors.drawShape(pJS.canvas.ctx, p.x-radius, p.y+radius / 1.66, radius*2, 3, 2);
437
+ break;
438
+
439
+ case 'polygon':
440
+ pJS.fn.vendors.drawShape(
441
+ pJS.canvas.ctx,
442
+ p.x - radius / (pJS.particles.shape.polygon.nb_sides/3.5), // startX
443
+ p.y - radius / (2.66/3.5), // startY
444
+ radius*2.66 / (pJS.particles.shape.polygon.nb_sides/3), // sideLength
445
+ pJS.particles.shape.polygon.nb_sides, // sideCountNumerator
446
+ 1 // sideCountDenominator
447
+ );
448
+ break;
449
+
450
+ case 'star':
451
+ pJS.fn.vendors.drawShape(
452
+ pJS.canvas.ctx,
453
+ p.x - radius*2 / (pJS.particles.shape.polygon.nb_sides/4), // startX
454
+ p.y - radius / (2*2.66/3.5), // startY
455
+ radius*2*2.66 / (pJS.particles.shape.polygon.nb_sides/3), // sideLength
456
+ pJS.particles.shape.polygon.nb_sides, // sideCountNumerator
457
+ 2 // sideCountDenominator
458
+ );
459
+ break;
460
+
461
+ case 'image':
462
+
463
+ function draw(){
464
+ pJS.canvas.ctx.drawImage(
465
+ img_obj,
466
+ p.x-radius,
467
+ p.y-radius,
468
+ radius*2,
469
+ radius*2 / p.img.ratio
470
+ );
471
+ }
472
+
473
+ if(pJS.tmp.img_type == 'svg'){
474
+ var img_obj = p.img.obj;
475
+ }else{
476
+ var img_obj = pJS.tmp.img_obj;
477
+ }
478
+
479
+ if(img_obj){
480
+ draw();
481
+ }
482
+
483
+ break;
484
+
485
+ }
486
+
487
+ pJS.canvas.ctx.closePath();
488
+
489
+ if(pJS.particles.shape.stroke.width > 0){
490
+ pJS.canvas.ctx.strokeStyle = pJS.particles.shape.stroke.color;
491
+ pJS.canvas.ctx.lineWidth = pJS.particles.shape.stroke.width;
492
+ pJS.canvas.ctx.stroke();
493
+ }
494
+
495
+ pJS.canvas.ctx.fill();
496
+
497
+ };
498
+
499
+
500
+ pJS.fn.particlesCreate = function(){
501
+ for(var i = 0; i < pJS.particles.number.value; i++) {
502
+ pJS.particles.array.push(new pJS.fn.particle(pJS.particles.color, pJS.particles.opacity.value));
503
+ }
504
+ };
505
+
506
+ pJS.fn.particlesUpdate = function(){
507
+
508
+ for(var i = 0; i < pJS.particles.array.length; i++){
509
+
510
+ /* the particle */
511
+ var p = pJS.particles.array[i];
512
+
513
+ // var d = ( dx = pJS.interactivity.mouse.click_pos_x - p.x ) * dx + ( dy = pJS.interactivity.mouse.click_pos_y - p.y ) * dy;
514
+ // var f = -BANG_SIZE / d;
515
+ // if ( d < BANG_SIZE ) {
516
+ // var t = Math.atan2( dy, dx );
517
+ // p.vx = f * Math.cos(t);
518
+ // p.vy = f * Math.sin(t);
519
+ // }
520
+
521
+ /* move the particle */
522
+ if(pJS.particles.move.enable){
523
+ var ms = pJS.particles.move.speed/2;
524
+ p.x += p.vx * ms;
525
+ p.y += p.vy * ms;
526
+ }
527
+
528
+ /* change opacity status */
529
+ if(pJS.particles.opacity.anim.enable) {
530
+ if(p.opacity_status == true) {
531
+ if(p.opacity >= pJS.particles.opacity.value) p.opacity_status = false;
532
+ p.opacity += p.vo;
533
+ }else {
534
+ if(p.opacity <= pJS.particles.opacity.anim.opacity_min) p.opacity_status = true;
535
+ p.opacity -= p.vo;
536
+ }
537
+ if(p.opacity < 0) p.opacity = 0;
538
+ }
539
+
540
+ /* change size */
541
+ if(pJS.particles.size.anim.enable){
542
+ if(p.size_status == true){
543
+ if(p.radius >= pJS.particles.size.value) p.size_status = false;
544
+ p.radius += p.vs;
545
+ }else{
546
+ if(p.radius <= pJS.particles.size.anim.size_min) p.size_status = true;
547
+ p.radius -= p.vs;
548
+ }
549
+ if(p.radius < 0) p.radius = 0;
550
+ }
551
+
552
+ /* change particle position if it is out of canvas */
553
+ if(pJS.particles.move.out_mode == 'bounce'){
554
+ var new_pos = {
555
+ x_left: p.radius,
556
+ x_right: pJS.canvas.w,
557
+ y_top: p.radius,
558
+ y_bottom: pJS.canvas.h
559
+ }
560
+ }else{
561
+ var new_pos = {
562
+ x_left: -p.radius,
563
+ x_right: pJS.canvas.w + p.radius,
564
+ y_top: -p.radius,
565
+ y_bottom: pJS.canvas.h + p.radius
566
+ }
567
+ }
568
+
569
+ if(p.x - p.radius > pJS.canvas.w){
570
+ p.x = new_pos.x_left;
571
+ p.y = Math.random() * pJS.canvas.h;
572
+ }
573
+ else if(p.x + p.radius < 0){
574
+ p.x = new_pos.x_right;
575
+ p.y = Math.random() * pJS.canvas.h;
576
+ }
577
+ if(p.y - p.radius > pJS.canvas.h){
578
+ p.y = new_pos.y_top;
579
+ p.x = Math.random() * pJS.canvas.w;
580
+ }
581
+ else if(p.y + p.radius < 0){
582
+ p.y = new_pos.y_bottom;
583
+ p.x = Math.random() * pJS.canvas.w;
584
+ }
585
+
586
+ /* out of canvas modes */
587
+ switch(pJS.particles.move.out_mode){
588
+ case 'bounce':
589
+ if (p.x + p.radius > pJS.canvas.w) p.vx = -p.vx;
590
+ else if (p.x - p.radius < 0) p.vx = -p.vx;
591
+ if (p.y + p.radius > pJS.canvas.h) p.vy = -p.vy;
592
+ else if (p.y - p.radius < 0) p.vy = -p.vy;
593
+ break;
594
+ }
595
+
596
+ /* events */
597
+ if(isInArray('grab', pJS.interactivity.events.onhover.mode)){
598
+ pJS.fn.modes.grabParticle(p);
599
+ }
600
+
601
+ if(isInArray('bubble', pJS.interactivity.events.onhover.mode) || isInArray('bubble', pJS.interactivity.events.onclick.mode)){
602
+ pJS.fn.modes.bubbleParticle(p);
603
+ }
604
+
605
+ if(isInArray('repulse', pJS.interactivity.events.onhover.mode) || isInArray('repulse', pJS.interactivity.events.onclick.mode)){
606
+ pJS.fn.modes.repulseParticle(p);
607
+ }
608
+
609
+ /* interaction auto between particles */
610
+ if(pJS.particles.line_linked.enable || pJS.particles.move.attract.enable){
611
+ for(var j = i + 1; j < pJS.particles.array.length; j++){
612
+ var p2 = pJS.particles.array[j];
613
+
614
+ /* link particles */
615
+ if(pJS.particles.line_linked.enable){
616
+ pJS.fn.interact.linkParticles(p,p2);
617
+ }
618
+
619
+ /* attract particles */
620
+ if(pJS.particles.move.attract.enable){
621
+ pJS.fn.interact.attractParticles(p,p2);
622
+ }
623
+
624
+ /* bounce particles */
625
+ if(pJS.particles.move.bounce){
626
+ pJS.fn.interact.bounceParticles(p,p2);
627
+ }
628
+
629
+ }
630
+ }
631
+
632
+
633
+ }
634
+
635
+ };
636
+
637
+ pJS.fn.particlesDraw = function(){
638
+
639
+ /* clear canvas */
640
+ pJS.canvas.ctx.clearRect(0, 0, pJS.canvas.w, pJS.canvas.h);
641
+
642
+ /* update each particles param */
643
+ pJS.fn.particlesUpdate();
644
+
645
+ /* draw each particle */
646
+ for(var i = 0; i < pJS.particles.array.length; i++){
647
+ var p = pJS.particles.array[i];
648
+ p.draw();
649
+ }
650
+
651
+ };
652
+
653
+ pJS.fn.particlesEmpty = function(){
654
+ pJS.particles.array = [];
655
+ };
656
+
657
+ pJS.fn.particlesRefresh = function(){
658
+
659
+ /* init all */
660
+ cancelRequestAnimFrame(pJS.fn.checkAnimFrame);
661
+ cancelRequestAnimFrame(pJS.fn.drawAnimFrame);
662
+ pJS.tmp.source_svg = undefined;
663
+ pJS.tmp.img_obj = undefined;
664
+ pJS.tmp.count_svg = 0;
665
+ pJS.fn.particlesEmpty();
666
+ pJS.fn.canvasClear();
667
+
668
+ /* restart */
669
+ pJS.fn.vendors.start();
670
+
671
+ };
672
+
673
+
674
+ /* ---------- pJS functions - particles interaction ------------ */
675
+
676
+ pJS.fn.interact.linkParticles = function(p1, p2){
677
+
678
+ var dx = p1.x - p2.x,
679
+ dy = p1.y - p2.y,
680
+ dist = Math.sqrt(dx*dx + dy*dy);
681
+
682
+ /* draw a line between p1 and p2 if the distance between them is under the config distance */
683
+ if(dist <= pJS.particles.line_linked.distance){
684
+
685
+ var opacity_line = pJS.particles.line_linked.opacity - (dist / (1/pJS.particles.line_linked.opacity)) / pJS.particles.line_linked.distance;
686
+
687
+ if(opacity_line > 0){
688
+
689
+ /* style */
690
+ var color_line = pJS.particles.line_linked.color_rgb_line;
691
+ pJS.canvas.ctx.strokeStyle = 'rgba('+color_line.r+','+color_line.g+','+color_line.b+','+opacity_line+')';
692
+ pJS.canvas.ctx.lineWidth = pJS.particles.line_linked.width;
693
+ //pJS.canvas.ctx.lineCap = 'round'; /* performance issue */
694
+
695
+ /* path */
696
+ pJS.canvas.ctx.beginPath();
697
+ pJS.canvas.ctx.moveTo(p1.x, p1.y);
698
+ pJS.canvas.ctx.lineTo(p2.x, p2.y);
699
+ pJS.canvas.ctx.stroke();
700
+ pJS.canvas.ctx.closePath();
701
+
702
+ }
703
+
704
+ }
705
+
706
+ };
707
+
708
+
709
+ pJS.fn.interact.attractParticles = function(p1, p2){
710
+
711
+ /* condensed particles */
712
+ var dx = p1.x - p2.x,
713
+ dy = p1.y - p2.y,
714
+ dist = Math.sqrt(dx*dx + dy*dy);
715
+
716
+ if(dist <= pJS.particles.line_linked.distance){
717
+
718
+ var ax = dx/(pJS.particles.move.attract.rotateX*1000),
719
+ ay = dy/(pJS.particles.move.attract.rotateY*1000);
720
+
721
+ p1.vx -= ax;
722
+ p1.vy -= ay;
723
+
724
+ p2.vx += ax;
725
+ p2.vy += ay;
726
+
727
+ }
728
+
729
+
730
+ }
731
+
732
+
733
+ pJS.fn.interact.bounceParticles = function(p1, p2){
734
+
735
+ var dx = p1.x - p2.x,
736
+ dy = p1.y - p2.y,
737
+ dist = Math.sqrt(dx*dx + dy*dy),
738
+ dist_p = p1.radius+p2.radius;
739
+
740
+ if(dist <= dist_p){
741
+ p1.vx = -p1.vx;
742
+ p1.vy = -p1.vy;
743
+
744
+ p2.vx = -p2.vx;
745
+ p2.vy = -p2.vy;
746
+ }
747
+
748
+ }
749
+
750
+
751
+ /* ---------- pJS functions - modes events ------------ */
752
+
753
+ pJS.fn.modes.pushParticles = function(nb, pos){
754
+
755
+ pJS.tmp.pushing = true;
756
+
757
+ for(var i = 0; i < nb; i++){
758
+ pJS.particles.array.push(
759
+ new pJS.fn.particle(
760
+ pJS.particles.color,
761
+ pJS.particles.opacity.value,
762
+ {
763
+ 'x': pos ? pos.pos_x : Math.random() * pJS.canvas.w,
764
+ 'y': pos ? pos.pos_y : Math.random() * pJS.canvas.h
765
+ }
766
+ )
767
+ )
768
+ if(i == nb-1){
769
+ if(!pJS.particles.move.enable){
770
+ pJS.fn.particlesDraw();
771
+ }
772
+ pJS.tmp.pushing = false;
773
+ }
774
+ }
775
+
776
+ };
777
+
778
+
779
+ pJS.fn.modes.removeParticles = function(nb){
780
+
781
+ pJS.particles.array.splice(0, nb);
782
+ if(!pJS.particles.move.enable){
783
+ pJS.fn.particlesDraw();
784
+ }
785
+
786
+ };
787
+
788
+
789
+ pJS.fn.modes.bubbleParticle = function(p){
790
+
791
+ /* on hover event */
792
+ if(pJS.interactivity.events.onhover.enable && isInArray('bubble', pJS.interactivity.events.onhover.mode)){
793
+
794
+ var dx_mouse = p.x - pJS.interactivity.mouse.pos_x,
795
+ dy_mouse = p.y - pJS.interactivity.mouse.pos_y,
796
+ dist_mouse = Math.sqrt(dx_mouse*dx_mouse + dy_mouse*dy_mouse),
797
+ ratio = 1 - dist_mouse / pJS.interactivity.modes.bubble.distance;
798
+
799
+ function init(){
800
+ p.opacity_bubble = p.opacity;
801
+ p.radius_bubble = p.radius;
802
+ }
803
+
804
+ /* mousemove - check ratio */
805
+ if(dist_mouse <= pJS.interactivity.modes.bubble.distance){
806
+
807
+ if(ratio >= 0 && pJS.interactivity.status == 'mousemove'){
808
+
809
+ /* size */
810
+ if(pJS.interactivity.modes.bubble.size != pJS.particles.size.value){
811
+
812
+ if(pJS.interactivity.modes.bubble.size > pJS.particles.size.value){
813
+ var size = p.radius + (pJS.interactivity.modes.bubble.size*ratio);
814
+ if(size >= 0){
815
+ p.radius_bubble = size;
816
+ }
817
+ }else{
818
+ var dif = p.radius - pJS.interactivity.modes.bubble.size,
819
+ size = p.radius - (dif*ratio);
820
+ if(size > 0){
821
+ p.radius_bubble = size;
822
+ }else{
823
+ p.radius_bubble = 0;
824
+ }
825
+ }
826
+
827
+ }
828
+
829
+ /* opacity */
830
+ if(pJS.interactivity.modes.bubble.opacity != pJS.particles.opacity.value){
831
+
832
+ if(pJS.interactivity.modes.bubble.opacity > pJS.particles.opacity.value){
833
+ var opacity = pJS.interactivity.modes.bubble.opacity*ratio;
834
+ if(opacity > p.opacity && opacity <= pJS.interactivity.modes.bubble.opacity){
835
+ p.opacity_bubble = opacity;
836
+ }
837
+ }else{
838
+ var opacity = p.opacity - (pJS.particles.opacity.value-pJS.interactivity.modes.bubble.opacity)*ratio;
839
+ if(opacity < p.opacity && opacity >= pJS.interactivity.modes.bubble.opacity){
840
+ p.opacity_bubble = opacity;
841
+ }
842
+ }
843
+
844
+ }
845
+
846
+ }
847
+
848
+ }else{
849
+ init();
850
+ }
851
+
852
+
853
+ /* mouseleave */
854
+ if(pJS.interactivity.status == 'mouseleave'){
855
+ init();
856
+ }
857
+
858
+ }
859
+
860
+ /* on click event */
861
+ else if(pJS.interactivity.events.onclick.enable && isInArray('bubble', pJS.interactivity.events.onclick.mode)){
862
+
863
+
864
+ if(pJS.tmp.bubble_clicking){
865
+ var dx_mouse = p.x - pJS.interactivity.mouse.click_pos_x,
866
+ dy_mouse = p.y - pJS.interactivity.mouse.click_pos_y,
867
+ dist_mouse = Math.sqrt(dx_mouse*dx_mouse + dy_mouse*dy_mouse),
868
+ time_spent = (new Date().getTime() - pJS.interactivity.mouse.click_time)/1000;
869
+
870
+ if(time_spent > pJS.interactivity.modes.bubble.duration){
871
+ pJS.tmp.bubble_duration_end = true;
872
+ }
873
+
874
+ if(time_spent > pJS.interactivity.modes.bubble.duration*2){
875
+ pJS.tmp.bubble_clicking = false;
876
+ pJS.tmp.bubble_duration_end = false;
877
+ }
878
+ }
879
+
880
+
881
+ function process(bubble_param, particles_param, p_obj_bubble, p_obj, id){
882
+
883
+ if(bubble_param != particles_param){
884
+
885
+ if(!pJS.tmp.bubble_duration_end){
886
+ if(dist_mouse <= pJS.interactivity.modes.bubble.distance){
887
+ if(p_obj_bubble != undefined) var obj = p_obj_bubble;
888
+ else var obj = p_obj;
889
+ if(obj != bubble_param){
890
+ var value = p_obj - (time_spent * (p_obj - bubble_param) / pJS.interactivity.modes.bubble.duration);
891
+ if(id == 'size') p.radius_bubble = value;
892
+ if(id == 'opacity') p.opacity_bubble = value;
893
+ }
894
+ }else{
895
+ if(id == 'size') p.radius_bubble = undefined;
896
+ if(id == 'opacity') p.opacity_bubble = undefined;
897
+ }
898
+ }else{
899
+ if(p_obj_bubble != undefined){
900
+ var value_tmp = p_obj - (time_spent * (p_obj - bubble_param) / pJS.interactivity.modes.bubble.duration),
901
+ dif = bubble_param - value_tmp;
902
+ value = bubble_param + dif;
903
+ if(id == 'size') p.radius_bubble = value;
904
+ if(id == 'opacity') p.opacity_bubble = value;
905
+ }
906
+ }
907
+
908
+ }
909
+
910
+ }
911
+
912
+ if(pJS.tmp.bubble_clicking){
913
+ /* size */
914
+ process(pJS.interactivity.modes.bubble.size, pJS.particles.size.value, p.radius_bubble, p.radius, 'size');
915
+ /* opacity */
916
+ process(pJS.interactivity.modes.bubble.opacity, pJS.particles.opacity.value, p.opacity_bubble, p.opacity, 'opacity');
917
+ }
918
+
919
+ }
920
+
921
+ };
922
+
923
+
924
+ pJS.fn.modes.repulseParticle = function(p){
925
+
926
+ if(pJS.interactivity.events.onhover.enable && isInArray('repulse', pJS.interactivity.events.onhover.mode) && pJS.interactivity.status == 'mousemove') {
927
+
928
+ var dx_mouse = p.x - pJS.interactivity.mouse.pos_x,
929
+ dy_mouse = p.y - pJS.interactivity.mouse.pos_y,
930
+ dist_mouse = Math.sqrt(dx_mouse*dx_mouse + dy_mouse*dy_mouse);
931
+
932
+ var normVec = {x: dx_mouse/dist_mouse, y: dy_mouse/dist_mouse},
933
+ repulseRadius = pJS.interactivity.modes.repulse.distance,
934
+ velocity = 100,
935
+ repulseFactor = clamp((1/repulseRadius)*(-1*Math.pow(dist_mouse/repulseRadius,2)+1)*repulseRadius*velocity, 0, 50);
936
+
937
+ var pos = {
938
+ x: p.x + normVec.x * repulseFactor,
939
+ y: p.y + normVec.y * repulseFactor
940
+ }
941
+
942
+ if(pJS.particles.move.out_mode == 'bounce'){
943
+ if(pos.x - p.radius > 0 && pos.x + p.radius < pJS.canvas.w) p.x = pos.x;
944
+ if(pos.y - p.radius > 0 && pos.y + p.radius < pJS.canvas.h) p.y = pos.y;
945
+ }else{
946
+ p.x = pos.x;
947
+ p.y = pos.y;
948
+ }
949
+
950
+ }
951
+
952
+
953
+ else if(pJS.interactivity.events.onclick.enable && isInArray('repulse', pJS.interactivity.events.onclick.mode)) {
954
+
955
+ if(!pJS.tmp.repulse_finish){
956
+ pJS.tmp.repulse_count++;
957
+ if(pJS.tmp.repulse_count == pJS.particles.array.length){
958
+ pJS.tmp.repulse_finish = true;
959
+ }
960
+ }
961
+
962
+ if(pJS.tmp.repulse_clicking){
963
+
964
+ var repulseRadius = Math.pow(pJS.interactivity.modes.repulse.distance/6, 3);
965
+
966
+ var dx = pJS.interactivity.mouse.click_pos_x - p.x,
967
+ dy = pJS.interactivity.mouse.click_pos_y - p.y,
968
+ d = dx*dx + dy*dy;
969
+
970
+ var force = -repulseRadius / d * 1;
971
+
972
+ function process(){
973
+
974
+ var f = Math.atan2(dy,dx);
975
+ p.vx = force * Math.cos(f);
976
+ p.vy = force * Math.sin(f);
977
+
978
+ if(pJS.particles.move.out_mode == 'bounce'){
979
+ var pos = {
980
+ x: p.x + p.vx,
981
+ y: p.y + p.vy
982
+ }
983
+ if (pos.x + p.radius > pJS.canvas.w) p.vx = -p.vx;
984
+ else if (pos.x - p.radius < 0) p.vx = -p.vx;
985
+ if (pos.y + p.radius > pJS.canvas.h) p.vy = -p.vy;
986
+ else if (pos.y - p.radius < 0) p.vy = -p.vy;
987
+ }
988
+
989
+ }
990
+
991
+ // default
992
+ if(d <= repulseRadius){
993
+ process();
994
+ }
995
+
996
+ // bang - slow motion mode
997
+ // if(!pJS.tmp.repulse_finish){
998
+ // if(d <= repulseRadius){
999
+ // process();
1000
+ // }
1001
+ // }else{
1002
+ // process();
1003
+ // }
1004
+
1005
+
1006
+ }else{
1007
+
1008
+ if(pJS.tmp.repulse_clicking == false){
1009
+
1010
+ p.vx = p.vx_i;
1011
+ p.vy = p.vy_i;
1012
+
1013
+ }
1014
+
1015
+ }
1016
+
1017
+ }
1018
+
1019
+ }
1020
+
1021
+
1022
+ pJS.fn.modes.grabParticle = function(p){
1023
+
1024
+ if(pJS.interactivity.events.onhover.enable && pJS.interactivity.status == 'mousemove'){
1025
+
1026
+ var dx_mouse = p.x - pJS.interactivity.mouse.pos_x,
1027
+ dy_mouse = p.y - pJS.interactivity.mouse.pos_y,
1028
+ dist_mouse = Math.sqrt(dx_mouse*dx_mouse + dy_mouse*dy_mouse);
1029
+
1030
+ /* draw a line between the cursor and the particle if the distance between them is under the config distance */
1031
+ if(dist_mouse <= pJS.interactivity.modes.grab.distance){
1032
+
1033
+ var opacity_line = pJS.interactivity.modes.grab.line_linked.opacity - (dist_mouse / (1/pJS.interactivity.modes.grab.line_linked.opacity)) / pJS.interactivity.modes.grab.distance;
1034
+
1035
+ if(opacity_line > 0){
1036
+
1037
+ /* style */
1038
+ var color_line = pJS.particles.line_linked.color_rgb_line;
1039
+ pJS.canvas.ctx.strokeStyle = 'rgba('+color_line.r+','+color_line.g+','+color_line.b+','+opacity_line+')';
1040
+ pJS.canvas.ctx.lineWidth = pJS.particles.line_linked.width;
1041
+ //pJS.canvas.ctx.lineCap = 'round'; /* performance issue */
1042
+
1043
+ /* path */
1044
+ pJS.canvas.ctx.beginPath();
1045
+ pJS.canvas.ctx.moveTo(p.x, p.y);
1046
+ pJS.canvas.ctx.lineTo(pJS.interactivity.mouse.pos_x, pJS.interactivity.mouse.pos_y);
1047
+ pJS.canvas.ctx.stroke();
1048
+ pJS.canvas.ctx.closePath();
1049
+
1050
+ }
1051
+
1052
+ }
1053
+
1054
+ }
1055
+
1056
+ };
1057
+
1058
+
1059
+
1060
+ /* ---------- pJS functions - vendors ------------ */
1061
+
1062
+ pJS.fn.vendors.eventsListeners = function(){
1063
+
1064
+ /* events target element */
1065
+ if(pJS.interactivity.detect_on == 'window'){
1066
+ pJS.interactivity.el = window;
1067
+ }else{
1068
+ pJS.interactivity.el = pJS.canvas.el;
1069
+ }
1070
+
1071
+
1072
+ /* detect mouse pos - on hover / click event */
1073
+ if(pJS.interactivity.events.onhover.enable || pJS.interactivity.events.onclick.enable){
1074
+
1075
+ /* el on mousemove */
1076
+ pJS.interactivity.el.addEventListener('mousemove', function(e){
1077
+
1078
+ if(pJS.interactivity.el == window){
1079
+ var pos_x = e.clientX,
1080
+ pos_y = e.clientY;
1081
+ }
1082
+ else{
1083
+ var pos_x = e.offsetX || e.clientX,
1084
+ pos_y = e.offsetY || e.clientY;
1085
+ }
1086
+
1087
+ pJS.interactivity.mouse.pos_x = pos_x;
1088
+ pJS.interactivity.mouse.pos_y = pos_y;
1089
+
1090
+ if(pJS.tmp.retina){
1091
+ pJS.interactivity.mouse.pos_x *= pJS.canvas.pxratio;
1092
+ pJS.interactivity.mouse.pos_y *= pJS.canvas.pxratio;
1093
+ }
1094
+
1095
+ pJS.interactivity.status = 'mousemove';
1096
+
1097
+ });
1098
+
1099
+ /* el on onmouseleave */
1100
+ pJS.interactivity.el.addEventListener('mouseleave', function(e){
1101
+
1102
+ pJS.interactivity.mouse.pos_x = null;
1103
+ pJS.interactivity.mouse.pos_y = null;
1104
+ pJS.interactivity.status = 'mouseleave';
1105
+
1106
+ });
1107
+
1108
+ }
1109
+
1110
+ /* on click event */
1111
+ if(pJS.interactivity.events.onclick.enable){
1112
+
1113
+ pJS.interactivity.el.addEventListener('click', function(){
1114
+
1115
+ pJS.interactivity.mouse.click_pos_x = pJS.interactivity.mouse.pos_x;
1116
+ pJS.interactivity.mouse.click_pos_y = pJS.interactivity.mouse.pos_y;
1117
+ pJS.interactivity.mouse.click_time = new Date().getTime();
1118
+
1119
+ if(pJS.interactivity.events.onclick.enable){
1120
+
1121
+ switch(pJS.interactivity.events.onclick.mode){
1122
+
1123
+ case 'push':
1124
+ if(pJS.particles.move.enable){
1125
+ pJS.fn.modes.pushParticles(pJS.interactivity.modes.push.particles_nb, pJS.interactivity.mouse);
1126
+ }else{
1127
+ if(pJS.interactivity.modes.push.particles_nb == 1){
1128
+ pJS.fn.modes.pushParticles(pJS.interactivity.modes.push.particles_nb, pJS.interactivity.mouse);
1129
+ }
1130
+ else if(pJS.interactivity.modes.push.particles_nb > 1){
1131
+ pJS.fn.modes.pushParticles(pJS.interactivity.modes.push.particles_nb);
1132
+ }
1133
+ }
1134
+ break;
1135
+
1136
+ case 'remove':
1137
+ pJS.fn.modes.removeParticles(pJS.interactivity.modes.remove.particles_nb);
1138
+ break;
1139
+
1140
+ case 'bubble':
1141
+ pJS.tmp.bubble_clicking = true;
1142
+ break;
1143
+
1144
+ case 'repulse':
1145
+ pJS.tmp.repulse_clicking = true;
1146
+ pJS.tmp.repulse_count = 0;
1147
+ pJS.tmp.repulse_finish = false;
1148
+ setTimeout(function(){
1149
+ pJS.tmp.repulse_clicking = false;
1150
+ }, pJS.interactivity.modes.repulse.duration*1000)
1151
+ break;
1152
+
1153
+ }
1154
+
1155
+ }
1156
+
1157
+ });
1158
+
1159
+ }
1160
+
1161
+
1162
+ };
1163
+
1164
+ pJS.fn.vendors.densityAutoParticles = function(){
1165
+
1166
+ if(pJS.particles.number.density.enable){
1167
+
1168
+ /* calc area */
1169
+ var area = pJS.canvas.el.width * pJS.canvas.el.height / 1000;
1170
+ if(pJS.tmp.retina){
1171
+ area = area/(pJS.canvas.pxratio*2);
1172
+ }
1173
+
1174
+ /* calc number of particles based on density area */
1175
+ var nb_particles = area * pJS.particles.number.value / pJS.particles.number.density.value_area;
1176
+
1177
+ /* add or remove X particles */
1178
+ var missing_particles = pJS.particles.array.length - nb_particles;
1179
+ if(missing_particles < 0) pJS.fn.modes.pushParticles(Math.abs(missing_particles));
1180
+ else pJS.fn.modes.removeParticles(missing_particles);
1181
+
1182
+ }
1183
+
1184
+ };
1185
+
1186
+
1187
+ pJS.fn.vendors.checkOverlap = function(p1, position){
1188
+ for(var i = 0; i < pJS.particles.array.length; i++){
1189
+ var p2 = pJS.particles.array[i];
1190
+
1191
+ var dx = p1.x - p2.x,
1192
+ dy = p1.y - p2.y,
1193
+ dist = Math.sqrt(dx*dx + dy*dy);
1194
+
1195
+ if(dist <= p1.radius + p2.radius){
1196
+ p1.x = position ? position.x : Math.random() * pJS.canvas.w;
1197
+ p1.y = position ? position.y : Math.random() * pJS.canvas.h;
1198
+ pJS.fn.vendors.checkOverlap(p1);
1199
+ }
1200
+ }
1201
+ };
1202
+
1203
+
1204
+ pJS.fn.vendors.createSvgImg = function(p){
1205
+
1206
+ /* set color to svg element */
1207
+ var svgXml = pJS.tmp.source_svg,
1208
+ rgbHex = /#([0-9A-F]{3,6})/gi,
1209
+ coloredSvgXml = svgXml.replace(rgbHex, function (m, r, g, b) {
1210
+ if(p.color.rgb){
1211
+ var color_value = 'rgba('+p.color.rgb.r+','+p.color.rgb.g+','+p.color.rgb.b+','+p.opacity+')';
1212
+ }else{
1213
+ var color_value = 'hsla('+p.color.hsl.h+','+p.color.hsl.s+'%,'+p.color.hsl.l+'%,'+p.opacity+')';
1214
+ }
1215
+ return color_value;
1216
+ });
1217
+
1218
+ /* prepare to create img with colored svg */
1219
+ var svg = new Blob([coloredSvgXml], {type: 'image/svg+xml;charset=utf-8'}),
1220
+ DOMURL = window.URL || window.webkitURL || window,
1221
+ url = DOMURL.createObjectURL(svg);
1222
+
1223
+ /* create particle img obj */
1224
+ var img = new Image();
1225
+ img.addEventListener('load', function(){
1226
+ p.img.obj = img;
1227
+ p.img.loaded = true;
1228
+ DOMURL.revokeObjectURL(url);
1229
+ pJS.tmp.count_svg++;
1230
+ });
1231
+ img.src = url;
1232
+
1233
+ };
1234
+
1235
+
1236
+ pJS.fn.vendors.destroypJS = function(){
1237
+ cancelAnimationFrame(pJS.fn.drawAnimFrame);
1238
+ canvas_el.remove();
1239
+ pJSDom = null;
1240
+ };
1241
+
1242
+
1243
+ pJS.fn.vendors.drawShape = function(c, startX, startY, sideLength, sideCountNumerator, sideCountDenominator){
1244
+
1245
+ // By Programming Thomas - https://programmingthomas.wordpress.com/2013/04/03/n-sided-shapes/
1246
+ var sideCount = sideCountNumerator * sideCountDenominator;
1247
+ var decimalSides = sideCountNumerator / sideCountDenominator;
1248
+ var interiorAngleDegrees = (180 * (decimalSides - 2)) / decimalSides;
1249
+ var interiorAngle = Math.PI - Math.PI * interiorAngleDegrees / 180; // convert to radians
1250
+ c.save();
1251
+ c.beginPath();
1252
+ c.translate(startX, startY);
1253
+ c.moveTo(0,0);
1254
+ for (var i = 0; i < sideCount; i++) {
1255
+ c.lineTo(sideLength,0);
1256
+ c.translate(sideLength,0);
1257
+ c.rotate(interiorAngle);
1258
+ }
1259
+ //c.stroke();
1260
+ c.fill();
1261
+ c.restore();
1262
+
1263
+ };
1264
+
1265
+ pJS.fn.vendors.exportImg = function(){
1266
+ window.open(pJS.canvas.el.toDataURL('image/png'), '_blank');
1267
+ };
1268
+
1269
+
1270
+ pJS.fn.vendors.loadImg = function(type){
1271
+
1272
+ pJS.tmp.img_error = undefined;
1273
+
1274
+ if(pJS.particles.shape.image.src != ''){
1275
+
1276
+ if(type == 'svg'){
1277
+
1278
+ var xhr = new XMLHttpRequest();
1279
+ xhr.open('GET', pJS.particles.shape.image.src);
1280
+ xhr.onreadystatechange = function (data) {
1281
+ if(xhr.readyState == 4){
1282
+ if(xhr.status == 200){
1283
+ pJS.tmp.source_svg = data.currentTarget.response;
1284
+ pJS.fn.vendors.checkBeforeDraw();
1285
+ }else{
1286
+ console.log('Error pJS - Image not found');
1287
+ pJS.tmp.img_error = true;
1288
+ }
1289
+ }
1290
+ }
1291
+ xhr.send();
1292
+
1293
+ }else{
1294
+
1295
+ var img = new Image();
1296
+ img.addEventListener('load', function(){
1297
+ pJS.tmp.img_obj = img;
1298
+ pJS.fn.vendors.checkBeforeDraw();
1299
+ });
1300
+ img.src = pJS.particles.shape.image.src;
1301
+
1302
+ }
1303
+
1304
+ }else{
1305
+ console.log('Error pJS - No image.src');
1306
+ pJS.tmp.img_error = true;
1307
+ }
1308
+
1309
+ };
1310
+
1311
+
1312
+ pJS.fn.vendors.draw = function(){
1313
+
1314
+ if(pJS.particles.shape.type == 'image'){
1315
+
1316
+ if(pJS.tmp.img_type == 'svg'){
1317
+
1318
+ if(pJS.tmp.count_svg >= pJS.particles.number.value){
1319
+ pJS.fn.particlesDraw();
1320
+ if(!pJS.particles.move.enable) cancelRequestAnimFrame(pJS.fn.drawAnimFrame);
1321
+ else pJS.fn.drawAnimFrame = requestAnimFrame(pJS.fn.vendors.draw);
1322
+ }else{
1323
+ //console.log('still loading...');
1324
+ if(!pJS.tmp.img_error) pJS.fn.drawAnimFrame = requestAnimFrame(pJS.fn.vendors.draw);
1325
+ }
1326
+
1327
+ }else{
1328
+
1329
+ if(pJS.tmp.img_obj != undefined){
1330
+ pJS.fn.particlesDraw();
1331
+ if(!pJS.particles.move.enable) cancelRequestAnimFrame(pJS.fn.drawAnimFrame);
1332
+ else pJS.fn.drawAnimFrame = requestAnimFrame(pJS.fn.vendors.draw);
1333
+ }else{
1334
+ if(!pJS.tmp.img_error) pJS.fn.drawAnimFrame = requestAnimFrame(pJS.fn.vendors.draw);
1335
+ }
1336
+
1337
+ }
1338
+
1339
+ }else{
1340
+ pJS.fn.particlesDraw();
1341
+ if(!pJS.particles.move.enable) cancelRequestAnimFrame(pJS.fn.drawAnimFrame);
1342
+ else pJS.fn.drawAnimFrame = requestAnimFrame(pJS.fn.vendors.draw);
1343
+ }
1344
+
1345
+ };
1346
+
1347
+
1348
+ pJS.fn.vendors.checkBeforeDraw = function(){
1349
+
1350
+ // if shape is image
1351
+ if(pJS.particles.shape.type == 'image'){
1352
+
1353
+ if(pJS.tmp.img_type == 'svg' && pJS.tmp.source_svg == undefined){
1354
+ pJS.tmp.checkAnimFrame = requestAnimFrame(check);
1355
+ }else{
1356
+ //console.log('images loaded! cancel check');
1357
+ cancelRequestAnimFrame(pJS.tmp.checkAnimFrame);
1358
+ if(!pJS.tmp.img_error){
1359
+ pJS.fn.vendors.init();
1360
+ pJS.fn.vendors.draw();
1361
+ }
1362
+
1363
+ }
1364
+
1365
+ }else{
1366
+ pJS.fn.vendors.init();
1367
+ pJS.fn.vendors.draw();
1368
+ }
1369
+
1370
+ };
1371
+
1372
+
1373
+ pJS.fn.vendors.init = function(){
1374
+
1375
+ /* init canvas + particles */
1376
+ pJS.fn.retinaInit();
1377
+ pJS.fn.canvasInit();
1378
+ pJS.fn.canvasSize();
1379
+ pJS.fn.canvasPaint();
1380
+ pJS.fn.particlesCreate();
1381
+ pJS.fn.vendors.densityAutoParticles();
1382
+
1383
+ /* particles.line_linked - convert hex colors to rgb */
1384
+ pJS.particles.line_linked.color_rgb_line = hexToRgb(pJS.particles.line_linked.color);
1385
+
1386
+ };
1387
+
1388
+
1389
+ pJS.fn.vendors.start = function(){
1390
+
1391
+ if(isInArray('image', pJS.particles.shape.type)){
1392
+ pJS.tmp.img_type = pJS.particles.shape.image.src.substr(pJS.particles.shape.image.src.length - 3);
1393
+ pJS.fn.vendors.loadImg(pJS.tmp.img_type);
1394
+ }else{
1395
+ pJS.fn.vendors.checkBeforeDraw();
1396
+ }
1397
+
1398
+ };
1399
+
1400
+
1401
+
1402
+
1403
+ /* ---------- pJS - start ------------ */
1404
+
1405
+
1406
+ pJS.fn.vendors.eventsListeners();
1407
+
1408
+ pJS.fn.vendors.start();
1409
+
1410
+
1411
+
1412
+ };
1413
+
1414
+ /* ---------- global functions - vendors ------------ */
1415
+
1416
+ Object.deepExtend = function(destination, source) {
1417
+ for (var property in source) {
1418
+ if (source[property] && source[property].constructor &&
1419
+ source[property].constructor === Object) {
1420
+ destination[property] = destination[property] || {};
1421
+ arguments.callee(destination[property], source[property]);
1422
+ } else {
1423
+ destination[property] = source[property];
1424
+ }
1425
+ }
1426
+ return destination;
1427
+ };
1428
+
1429
+ window.requestAnimFrame = (function(){
1430
+ return window.requestAnimationFrame ||
1431
+ window.webkitRequestAnimationFrame ||
1432
+ window.mozRequestAnimationFrame ||
1433
+ window.oRequestAnimationFrame ||
1434
+ window.msRequestAnimationFrame ||
1435
+ function(callback){
1436
+ window.setTimeout(callback, 1000 / 60);
1437
+ };
1438
+ })();
1439
+
1440
+ window.cancelRequestAnimFrame = ( function() {
1441
+ return window.cancelAnimationFrame ||
1442
+ window.webkitCancelRequestAnimationFrame ||
1443
+ window.mozCancelRequestAnimationFrame ||
1444
+ window.oCancelRequestAnimationFrame ||
1445
+ window.msCancelRequestAnimationFrame ||
1446
+ clearTimeout
1447
+ } )();
1448
+
1449
+ function hexToRgb(hex){
1450
+ // By Tim Down - http://stackoverflow.com/a/5624139/3493650
1451
+ // Expand shorthand form (e.g. "03F") to full form (e.g. "0033FF")
1452
+ var shorthandRegex = /^#?([a-f\d])([a-f\d])([a-f\d])$/i;
1453
+ hex = hex.replace(shorthandRegex, function(m, r, g, b) {
1454
+ return r + r + g + g + b + b;
1455
+ });
1456
+ var result = /^#?([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})$/i.exec(hex);
1457
+ return result ? {
1458
+ r: parseInt(result[1], 16),
1459
+ g: parseInt(result[2], 16),
1460
+ b: parseInt(result[3], 16)
1461
+ } : null;
1462
+ };
1463
+
1464
+ function clamp(number, min, max) {
1465
+ return Math.min(Math.max(number, min), max);
1466
+ };
1467
+
1468
+ function isInArray(value, array) {
1469
+ return array.indexOf(value) > -1;
1470
+ }
1471
+
1472
+
1473
+ /* ---------- particles.js functions - start ------------ */
1474
+
1475
+ window.pJSDom = [];
1476
+
1477
+ window.particlesJS = function(tag_id, params){
1478
+
1479
+ /* no string id? so it's object params, and set the id with default id */
1480
+ if(typeof(tag_id) != 'string'){
1481
+ params = tag_id;
1482
+ tag_id = 'particles-js';
1483
+ }
1484
+
1485
+ /* no id? set the id to default id */
1486
+ if(!tag_id){
1487
+ tag_id = 'particles-js';
1488
+ }
1489
+
1490
+ /* pJS elements */
1491
+ var pJS_tag = document.getElementById(tag_id),
1492
+ pJS_canvas_class = 'particles-js-canvas-el',
1493
+ exist_canvas = pJS_tag.getElementsByClassName(pJS_canvas_class);
1494
+
1495
+ /* remove canvas if exists into the pJS target tag */
1496
+ if(exist_canvas.length){
1497
+ while(exist_canvas.length > 0){
1498
+ pJS_tag.removeChild(exist_canvas[0]);
1499
+ }
1500
+ }
1501
+
1502
+ /* create canvas element */
1503
+ var canvas_el = document.createElement('canvas');
1504
+ canvas_el.className = pJS_canvas_class;
1505
+
1506
+ /* set size canvas */
1507
+ canvas_el.style.width = "100%";
1508
+ canvas_el.style.height = "100%";
1509
+
1510
+ /* append canvas */
1511
+ var canvas = document.getElementById(tag_id).appendChild(canvas_el);
1512
+
1513
+ /* launch particle.js */
1514
+ if(canvas != null){
1515
+ pJSDom.push(new pJS(tag_id, params));
1516
+ }
1517
+
1518
+ };
1519
+
1520
+ window.particlesJS.load = function(tag_id, path_config_json, callback){
1521
+
1522
+ /* load json config */
1523
+ var xhr = new XMLHttpRequest();
1524
+ xhr.open('GET', path_config_json);
1525
+ xhr.onreadystatechange = function (data) {
1526
+ if(xhr.readyState == 4){
1527
+ if(xhr.status == 200){
1528
+ var params = JSON.parse(data.currentTarget.response);
1529
+ window.particlesJS(tag_id, params);
1530
+ if(callback) callback();
1531
+ }else{
1532
+ console.log('Error pJS - XMLHttpRequest status: '+xhr.status);
1533
+ console.log('Error pJS - File config not found');
1534
+ }
1535
+ }
1536
+ };
1537
+ xhr.send();
1538
+
1539
  };
assets/js/stickyanything.js CHANGED
@@ -1,9 +1,9 @@
1
- /*
2
- Sticky-kit v1.1.2 | WTFPL | Leaf Corcoran 2015 | http://leafo.net
3
- */
4
- (function(){var b,f;b=this.jQuery||window.jQuery;f=b(window);b.fn.stick_in_parent=function(d){var A,w,J,n,B,K,p,q,k,E,t;null==d&&(d={});t=d.sticky_class;B=d.inner_scrolling;E=d.recalc_every;k=d.parent;q=d.offset_top;p=d.spacer;w=d.bottoming;null==q&&(q=0);null==k&&(k=void 0);null==B&&(B=!0);null==t&&(t="is_stuck");A=b(document);null==w&&(w=!0);J=function(a,d,n,C,F,u,r,G){var v,H,m,D,I,c,g,x,y,z,h,l;if(!a.data("sticky_kit")){a.data("sticky_kit",!0);I=A.height();g=a.parent();null!=k&&(g=g.closest(k));
5
- if(!g.length)throw"failed to find stick parent";v=m=!1;(h=null!=p?p&&a.closest(p):b("<div />"))&&h.css("position",a.css("position"));x=function(){var c,f,e;if(!G&&(I=A.height(),c=parseInt(g.css("border-top-width"),10),f=parseInt(g.css("padding-top"),10),d=parseInt(g.css("padding-bottom"),10),n=g.offset().top+c+f,C=g.height(),m&&(v=m=!1,null==p&&(a.insertAfter(h),h.detach()),a.css({position:"",top:"",width:"",bottom:""}).removeClass(t),e=!0),F=a.offset().top-(parseInt(a.css("margin-top"),10)||0)-q,
6
- u=a.outerHeight(!0),r=a.css("float"),h&&h.css({width:a.outerWidth(!0),height:u,display:a.css("display"),"vertical-align":a.css("vertical-align"),"float":r}),e))return l()};x();if(u!==C)return D=void 0,c=q,z=E,l=function(){var b,l,e,k;if(!G&&(e=!1,null!=z&&(--z,0>=z&&(z=E,x(),e=!0)),e||A.height()===I||x(),e=f.scrollTop(),null!=D&&(l=e-D),D=e,m?(w&&(k=e+u+c>C+n,v&&!k&&(v=!1,a.css({position:"fixed",bottom:"",top:c}).trigger("sticky_kit:unbottom"))),e<F&&(m=!1,c=q,null==p&&("left"!==r&&"right"!==r||a.insertAfter(h),
7
- h.detach()),b={position:"",width:"",top:""},a.css(b).removeClass(t).trigger("sticky_kit:unstick")),B&&(b=f.height(),u+q>b&&!v&&(c-=l,c=Math.max(b-u,c),c=Math.min(q,c),m&&a.css({top:c+"px"})))):e>F&&(m=!0,b={position:"fixed",top:c},b.width="border-box"===a.css("box-sizing")?a.outerWidth()+"px":a.width()+"px",a.css(b).addClass(t),null==p&&(a.after(h),"left"!==r&&"right"!==r||h.append(a)),a.trigger("sticky_kit:stick")),m&&w&&(null==k&&(k=e+u+c>C+n),!v&&k)))return v=!0,"static"===g.css("position")&&g.css({position:"relative"}),
8
- a.css({position:"absolute",bottom:d,top:"auto"}).trigger("sticky_kit:bottom")},y=function(){x();return l()},H=function(){G=!0;f.off("touchmove",l);f.off("scroll",l);f.off("resize",y);b(document.body).off("sticky_kit:recalc",y);a.off("sticky_kit:detach",H);a.removeData("sticky_kit");a.css({position:"",bottom:"",top:"",width:""});g.position("position","");if(m)return null==p&&("left"!==r&&"right"!==r||a.insertAfter(h),h.remove()),a.removeClass(t)},f.on("touchmove",l),f.on("scroll",l),f.on("resize",
9
  y),b(document.body).on("sticky_kit:recalc",y),a.on("sticky_kit:detach",H),setTimeout(l,0)}};n=0;for(K=this.length;n<K;n++)d=this[n],J(b(d));return this}}).call(this);
1
+ /*
2
+ Sticky-kit v1.1.2 | WTFPL | Leaf Corcoran 2015 | http://leafo.net
3
+ */
4
+ (function(){var b,f;b=this.jQuery||window.jQuery;f=b(window);b.fn.stick_in_parent=function(d){var A,w,J,n,B,K,p,q,k,E,t;null==d&&(d={});t=d.sticky_class;B=d.inner_scrolling;E=d.recalc_every;k=d.parent;q=d.offset_top;p=d.spacer;w=d.bottoming;null==q&&(q=0);null==k&&(k=void 0);null==B&&(B=!0);null==t&&(t="is_stuck");A=b(document);null==w&&(w=!0);J=function(a,d,n,C,F,u,r,G){var v,H,m,D,I,c,g,x,y,z,h,l;if(!a.data("sticky_kit")){a.data("sticky_kit",!0);I=A.height();g=a.parent();null!=k&&(g=g.closest(k));
5
+ if(!g.length)throw"failed to find stick parent";v=m=!1;(h=null!=p?p&&a.closest(p):b("<div />"))&&h.css("position",a.css("position"));x=function(){var c,f,e;if(!G&&(I=A.height(),c=parseInt(g.css("border-top-width"),10),f=parseInt(g.css("padding-top"),10),d=parseInt(g.css("padding-bottom"),10),n=g.offset().top+c+f,C=g.height(),m&&(v=m=!1,null==p&&(a.insertAfter(h),h.detach()),a.css({position:"",top:"",width:"",bottom:""}).removeClass(t),e=!0),F=a.offset().top-(parseInt(a.css("margin-top"),10)||0)-q,
6
+ u=a.outerHeight(!0),r=a.css("float"),h&&h.css({width:a.outerWidth(!0),height:u,display:a.css("display"),"vertical-align":a.css("vertical-align"),"float":r}),e))return l()};x();if(u!==C)return D=void 0,c=q,z=E,l=function(){var b,l,e,k;if(!G&&(e=!1,null!=z&&(--z,0>=z&&(z=E,x(),e=!0)),e||A.height()===I||x(),e=f.scrollTop(),null!=D&&(l=e-D),D=e,m?(w&&(k=e+u+c>C+n,v&&!k&&(v=!1,a.css({position:"fixed",bottom:"",top:c}).trigger("sticky_kit:unbottom"))),e<F&&(m=!1,c=q,null==p&&("left"!==r&&"right"!==r||a.insertAfter(h),
7
+ h.detach()),b={position:"",width:"",top:""},a.css(b).removeClass(t).trigger("sticky_kit:unstick")),B&&(b=f.height(),u+q>b&&!v&&(c-=l,c=Math.max(b-u,c),c=Math.min(q,c),m&&a.css({top:c+"px"})))):e>F&&(m=!0,b={position:"fixed",top:c},b.width="border-box"===a.css("box-sizing")?a.outerWidth()+"px":a.width()+"px",a.css(b).addClass(t),null==p&&(a.after(h),"left"!==r&&"right"!==r||h.append(a)),a.trigger("sticky_kit:stick")),m&&w&&(null==k&&(k=e+u+c>C+n),!v&&k)))return v=!0,"static"===g.css("position")&&g.css({position:"relative"}),
8
+ a.css({position:"absolute",bottom:d,top:"auto"}).trigger("sticky_kit:bottom")},y=function(){x();return l()},H=function(){G=!0;f.off("touchmove",l);f.off("scroll",l);f.off("resize",y);b(document.body).off("sticky_kit:recalc",y);a.off("sticky_kit:detach",H);a.removeData("sticky_kit");a.css({position:"",bottom:"",top:"",width:""});g.position("position","");if(m)return null==p&&("left"!==r&&"right"!==r||a.insertAfter(h),h.remove()),a.removeClass(t)},f.on("touchmove",l),f.on("scroll",l),f.on("resize",
9
  y),b(document.body).on("sticky_kit:recalc",y),a.on("sticky_kit:detach",H),setTimeout(l,0)}};n=0;for(K=this.length;n<K;n++)d=this[n],J(b(d));return this}}).call(this);
assets/lib/eae-icons/fonts/eae-icons.eot CHANGED
Binary file
assets/lib/eae-icons/fonts/eae-icons.svg CHANGED
@@ -1,16 +1,18 @@
1
- <?xml version="1.0" standalone="no"?>
2
- <!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd" >
3
- <svg xmlns="http://www.w3.org/2000/svg">
4
- <metadata>Generated by IcoMoon</metadata>
5
- <defs>
6
- <font id="eae-icons" horiz-adv-x="1024">
7
- <font-face units-per-em="1024" ascent="960" descent="-64" />
8
- <missing-glyph horiz-adv-x="1024" />
9
- <glyph unicode="&#x20;" horiz-adv-x="512" d="" />
10
- <glyph unicode="&#xe900;" glyph-name="timer" d="M487.619 910.608v48.822c8.079 0.379 16.208 0.57 24.381 0.57 282.77 0 512-229.23 512-512s-229.23-512-512-512c-282.77 0-512 229.23-512 512 0 173.988 86.785 327.707 219.429 420.228v-61.056c-104.155-84.944-170.667-214.291-170.667-359.173 0-255.839 207.399-463.238 463.238-463.238s463.238 207.399 463.238 463.238c0 247.661-194.351 449.929-438.857 462.608v-291.941h-48.762v291.941zM488.288 434.478l-212.064 332.745 251.408-305.091c0.449-0.501 0.877-1.020 1.283-1.557l0.237-0.288c3.004-4.129 4.749-9.232 4.653-14.731-0.233-13.369-11.26-24.018-24.63-23.785-9.056 0.158-16.865 5.269-20.887 12.706z" />
11
- <glyph unicode="&#xe901;" glyph-name="timeline" d="M487.619 960h48.762v-1024h-48.762v1024zM0 838.095h414.476v-48.762h-414.476v48.762zM609.524 594.286h414.476v-48.762h-414.476v48.762zM0 350.476h414.476v-48.762h-414.476v48.762zM609.524 106.667h414.476v-48.762h-414.476v48.762z" />
12
- <glyph unicode="&#xe902;" glyph-name="popup" d="M320 640v-42.667h-213.333v-554.667h554.667v213.333h42.667v-256h-640v640h256zM362.667 853.333v-554.667h554.667v554.667h-554.667zM320 896h640v-640h-640v640zM842.775 778.775l-316.784-105.595 211.189-211.189 105.595 316.784zM462.509 368.339c182.511 182.511 182.511 182.511 298.079 298.079l15.085 15.085-30.17 30.17-15.085-15.085c-115.568-115.568-115.568-115.568-298.079-298.079l-15.085-15.085 30.17-30.17 15.085 15.085z" />
13
- <glyph unicode="&#xe903;" glyph-name="info-circle" d="M512 42.667c200.295 0 362.667 162.371 362.667 362.667s-162.371 362.667-362.667 362.667c-200.295 0-362.667-162.371-362.667-362.667s162.371-362.667 362.667-362.667zM512 0c-223.859 0-405.333 181.474-405.333 405.333s181.474 405.333 405.333 405.333c223.859 0 405.333-181.474 405.333-405.333s-181.474-405.333-405.333-405.333zM512 650.667c-76.583 0-138.667 62.083-138.667 138.667s62.083 138.667 138.667 138.667c76.583 0 138.667-62.083 138.667-138.667s-62.083-138.667-138.667-138.667zM181.333 85.333c-76.583 0-138.667 62.083-138.667 138.667s62.083 138.667 138.667 138.667c76.583 0 138.667-62.083 138.667-138.667s-62.083-138.667-138.667-138.667zM821.333 85.333c-76.583 0-138.667 62.083-138.667 138.667s62.083 138.667 138.667 138.667c76.583 0 138.667-62.083 138.667-138.667s-62.083-138.667-138.667-138.667z" />
14
- <glyph unicode="&#xe904;" glyph-name="ba" d="M106.667 106.667h341.333v-42.667h-384v768h384v-42.667h-341.333v-682.667zM490.667 896h42.667v-896h-42.667v896zM576 789.333v42.667h42.667v-42.667h-42.667zM661.333 789.333v42.667h42.667v-42.667h-42.667zM746.667 789.333v42.667h42.667v-42.667h-42.667zM832 789.333v42.667h42.667v-42.667h-42.667zM917.333 789.333v42.667h42.667v-42.667h-42.667zM917.333 746.667h42.667v-42.667h-42.667v42.667zM917.333 661.333h42.667v-42.667h-42.667v42.667zM917.333 576h42.667v-42.667h-42.667v42.667zM917.333 490.667h42.667v-42.667h-42.667v42.667zM917.333 405.333h42.667v-42.667h-42.667v42.667zM917.333 320h42.667v-42.667h-42.667v42.667zM917.333 234.667h42.667v-42.667h-42.667v42.667zM917.333 149.333h42.667v-42.667h-42.667v42.667zM917.333 106.667v-42.667h-42.667v42.667h42.667zM832 106.667v-42.667h-42.667v42.667h42.667zM746.667 106.667v-42.667h-42.667v42.667h42.667zM661.333 106.667v-42.667h-42.667v42.667h42.667z" />
15
- <glyph unicode="&#xe905;" glyph-name="compare-table" d="M106.667 853.333v-810.667h810.667v810.667h-810.667zM64 896h896v-896h-896v896zM490.667 853.333h42.667v-810.667h-42.667v810.667zM288 256c47.128 0 85.333-38.205 85.333-85.333s-38.205-85.333-85.333-85.333c-47.128 0-85.333 38.205-85.333 85.333s38.205 85.333 85.333 85.333zM328.488 202.478c-1.606 1.619-4.22 1.63-5.839 0.023l-48.637-48.246-20.574 20.74c-1.606 1.619-4.22 1.63-5.839 0.024l-7.817-7.754c-1.619-1.606-1.63-4.22-0.023-5.839l31.236-31.489c1.606-1.619 4.22-1.63 5.839-0.023l59.385 58.909c1.619 1.606 1.629 4.221 0.023 5.839l-7.754 7.817zM288 810.667c47.128 0 85.333-38.205 85.333-85.333s-38.205-85.333-85.333-85.333c-47.128 0-85.333 38.205-85.333 85.333s38.205 85.333 85.333 85.333zM328.488 757.144c-1.606 1.619-4.22 1.63-5.839 0.023l-48.637-48.246-20.574 20.74c-1.606 1.619-4.22 1.63-5.839 0.024l-7.817-7.754c-1.619-1.606-1.63-4.22-0.023-5.839l31.236-31.489c1.606-1.619 4.22-1.63 5.839-0.023l59.385 58.909c1.619 1.606 1.629 4.221 0.023 5.839l-7.754 7.817zM736 810.667c47.128 0 85.333-38.205 85.333-85.333s-38.205-85.333-85.333-85.333c-47.128 0-85.333 38.205-85.333 85.333s38.205 85.333 85.333 85.333zM776.488 757.144c-1.606 1.619-4.22 1.63-5.839 0.023l-48.637-48.246-20.574 20.74c-1.606 1.619-4.22 1.63-5.839 0.024l-7.817-7.754c-1.619-1.606-1.63-4.22-0.023-5.839l31.236-31.489c1.606-1.619 4.22-1.63 5.839-0.023l59.385 58.909c1.619 1.606 1.629 4.221 0.023 5.839l-7.754 7.817zM736 533.333c47.128 0 85.333-38.205 85.333-85.333s-38.205-85.333-85.333-85.333c-47.128 0-85.333 38.205-85.333 85.333s38.205 85.333 85.333 85.333zM776.488 479.811c-1.606 1.619-4.22 1.63-5.839 0.023l-48.637-48.246-20.574 20.74c-1.606 1.619-4.22 1.63-5.839 0.024l-7.817-7.754c-1.619-1.606-1.63-4.22-0.023-5.839l31.236-31.489c1.606-1.619 4.22-1.63 5.839-0.023l59.385 58.909c1.619 1.606 1.629 4.221 0.023 5.839l-7.754 7.817zM725.333 256c47.14 0 85.333-38.194 85.333-85.333s-38.194-85.333-85.333-85.333c-47.14 0-85.333 38.194-85.333 85.333s38.194 85.333 85.333 85.333zM725.333 101.849c38.022 0 68.817 30.796 68.817 68.817s-30.796 68.817-68.817 68.817c-38.022 0-68.817-30.796-68.817-68.817s30.796-68.817 68.817-68.817zM760.361 192.069l-21.402-21.402 21.402-21.402c1.617-1.617 1.617-4.232 0-5.849l-7.776-7.776c-1.617-1.617-4.232-1.617-5.849 0l-21.402 21.402-21.402-21.402c-1.617-1.617-4.232-1.617-5.849 0l-7.776 7.776c-1.617 1.617-1.617 4.232 0 5.849l21.402 21.402-21.402 21.402c-1.617 1.617-1.617 4.232 0 5.849l7.776 7.776c1.617 1.617 4.232 1.617 5.849 0l21.402-21.402 21.402 21.402c1.617 1.617 4.232 1.617 5.849 0l7.776-7.776c1.617-1.617 1.617-4.232 0-5.849zM288 533.333c47.14 0 85.333-38.194 85.333-85.333s-38.194-85.333-85.333-85.333c-47.14 0-85.333 38.194-85.333 85.333s38.194 85.333 85.333 85.333zM288 379.183c38.022 0 68.817 30.796 68.817 68.817s-30.796 68.817-68.817 68.817c-38.022 0-68.817-30.796-68.817-68.817s30.796-68.817 68.817-68.817zM323.028 469.402l-21.402-21.402 21.402-21.402c1.617-1.617 1.617-4.232 0-5.849l-7.776-7.776c-1.617-1.617-4.232-1.617-5.849 0l-21.402 21.402-21.402-21.402c-1.617-1.617-4.232-1.617-5.849 0l-7.776 7.776c-1.617 1.617-1.617 4.232 0 5.849l21.402 21.402-21.402 21.402c-1.617 1.617-1.617 4.232 0 5.849l7.776 7.776c1.617 1.617 4.232 1.617 5.849 0l21.402-21.402 21.402 21.402c1.617 1.617 4.232 1.617 5.849 0l7.776-7.776c1.617-1.617 1.617-4.232 0-5.849z" />
 
 
16
  </font></defs></svg>
1
+ <?xml version="1.0" standalone="no"?>
2
+ <!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd" >
3
+ <svg xmlns="http://www.w3.org/2000/svg">
4
+ <metadata>Generated by IcoMoon</metadata>
5
+ <defs>
6
+ <font id="eae-icons" horiz-adv-x="1024">
7
+ <font-face units-per-em="1024" ascent="960" descent="-64" />
8
+ <missing-glyph horiz-adv-x="1024" />
9
+ <glyph unicode="&#x20;" horiz-adv-x="512" d="" />
10
+ <glyph unicode="&#xe900;" glyph-name="timer" d="M487.619 910.608v48.822c8.079 0.379 16.208 0.57 24.381 0.57 282.77 0 512-229.23 512-512s-229.23-512-512-512c-282.77 0-512 229.23-512 512 0 173.988 86.785 327.707 219.429 420.228v-61.056c-104.155-84.944-170.667-214.291-170.667-359.173 0-255.839 207.399-463.238 463.238-463.238s463.238 207.399 463.238 463.238c0 247.661-194.351 449.929-438.857 462.608v-291.941h-48.762v291.941zM488.288 434.478l-212.064 332.745 251.408-305.091c0.449-0.501 0.877-1.020 1.283-1.557l0.237-0.288c3.004-4.129 4.749-9.232 4.653-14.731-0.233-13.369-11.26-24.018-24.63-23.785-9.056 0.158-16.865 5.269-20.887 12.706z" />
11
+ <glyph unicode="&#xe901;" glyph-name="timeline" d="M487.619 960h48.762v-1024h-48.762v1024zM0 838.095h414.476v-48.762h-414.476v48.762zM609.524 594.286h414.476v-48.762h-414.476v48.762zM0 350.476h414.476v-48.762h-414.476v48.762zM609.524 106.667h414.476v-48.762h-414.476v48.762z" />
12
+ <glyph unicode="&#xe902;" glyph-name="popup" d="M320 640v-42.667h-213.333v-554.667h554.667v213.333h42.667v-256h-640v640h256zM362.667 853.333v-554.667h554.667v554.667h-554.667zM320 896h640v-640h-640v640zM842.775 778.775l-316.784-105.595 211.189-211.189 105.595 316.784zM462.509 368.339c182.511 182.511 182.511 182.511 298.079 298.079l15.085 15.085-30.17 30.17-15.085-15.085c-115.568-115.568-115.568-115.568-298.079-298.079l-15.085-15.085 30.17-30.17 15.085 15.085z" />
13
+ <glyph unicode="&#xe903;" glyph-name="info-circle" d="M512 42.667c200.295 0 362.667 162.371 362.667 362.667s-162.371 362.667-362.667 362.667c-200.295 0-362.667-162.371-362.667-362.667s162.371-362.667 362.667-362.667zM512 0c-223.859 0-405.333 181.474-405.333 405.333s181.474 405.333 405.333 405.333c223.859 0 405.333-181.474 405.333-405.333s-181.474-405.333-405.333-405.333zM512 650.667c-76.583 0-138.667 62.083-138.667 138.667s62.083 138.667 138.667 138.667c76.583 0 138.667-62.083 138.667-138.667s-62.083-138.667-138.667-138.667zM181.333 85.333c-76.583 0-138.667 62.083-138.667 138.667s62.083 138.667 138.667 138.667c76.583 0 138.667-62.083 138.667-138.667s-62.083-138.667-138.667-138.667zM821.333 85.333c-76.583 0-138.667 62.083-138.667 138.667s62.083 138.667 138.667 138.667c76.583 0 138.667-62.083 138.667-138.667s-62.083-138.667-138.667-138.667z" />
14
+ <glyph unicode="&#xe904;" glyph-name="ba" d="M106.667 106.667h341.333v-42.667h-384v768h384v-42.667h-341.333v-682.667zM490.667 896h42.667v-896h-42.667v896zM576 789.333v42.667h42.667v-42.667h-42.667zM661.333 789.333v42.667h42.667v-42.667h-42.667zM746.667 789.333v42.667h42.667v-42.667h-42.667zM832 789.333v42.667h42.667v-42.667h-42.667zM917.333 789.333v42.667h42.667v-42.667h-42.667zM917.333 746.667h42.667v-42.667h-42.667v42.667zM917.333 661.333h42.667v-42.667h-42.667v42.667zM917.333 576h42.667v-42.667h-42.667v42.667zM917.333 490.667h42.667v-42.667h-42.667v42.667zM917.333 405.333h42.667v-42.667h-42.667v42.667zM917.333 320h42.667v-42.667h-42.667v42.667zM917.333 234.667h42.667v-42.667h-42.667v42.667zM917.333 149.333h42.667v-42.667h-42.667v42.667zM917.333 106.667v-42.667h-42.667v42.667h42.667zM832 106.667v-42.667h-42.667v42.667h42.667zM746.667 106.667v-42.667h-42.667v42.667h42.667zM661.333 106.667v-42.667h-42.667v42.667h42.667z" />
15
+ <glyph unicode="&#xe905;" glyph-name="compare-table" d="M106.667 853.333v-810.667h810.667v810.667h-810.667zM64 896h896v-896h-896v896zM490.667 853.333h42.667v-810.667h-42.667v810.667zM288 256c47.128 0 85.333-38.205 85.333-85.333s-38.205-85.333-85.333-85.333c-47.128 0-85.333 38.205-85.333 85.333s38.205 85.333 85.333 85.333zM328.488 202.478c-1.606 1.619-4.22 1.63-5.839 0.023l-48.637-48.246-20.574 20.74c-1.606 1.619-4.22 1.63-5.839 0.024l-7.817-7.754c-1.619-1.606-1.63-4.22-0.023-5.839l31.236-31.489c1.606-1.619 4.22-1.63 5.839-0.023l59.385 58.909c1.619 1.606 1.629 4.221 0.023 5.839l-7.754 7.817zM288 810.667c47.128 0 85.333-38.205 85.333-85.333s-38.205-85.333-85.333-85.333c-47.128 0-85.333 38.205-85.333 85.333s38.205 85.333 85.333 85.333zM328.488 757.144c-1.606 1.619-4.22 1.63-5.839 0.023l-48.637-48.246-20.574 20.74c-1.606 1.619-4.22 1.63-5.839 0.024l-7.817-7.754c-1.619-1.606-1.63-4.22-0.023-5.839l31.236-31.489c1.606-1.619 4.22-1.63 5.839-0.023l59.385 58.909c1.619 1.606 1.629 4.221 0.023 5.839l-7.754 7.817zM736 810.667c47.128 0 85.333-38.205 85.333-85.333s-38.205-85.333-85.333-85.333c-47.128 0-85.333 38.205-85.333 85.333s38.205 85.333 85.333 85.333zM776.488 757.144c-1.606 1.619-4.22 1.63-5.839 0.023l-48.637-48.246-20.574 20.74c-1.606 1.619-4.22 1.63-5.839 0.024l-7.817-7.754c-1.619-1.606-1.63-4.22-0.023-5.839l31.236-31.489c1.606-1.619 4.22-1.63 5.839-0.023l59.385 58.909c1.619 1.606 1.629 4.221 0.023 5.839l-7.754 7.817zM736 533.333c47.128 0 85.333-38.205 85.333-85.333s-38.205-85.333-85.333-85.333c-47.128 0-85.333 38.205-85.333 85.333s38.205 85.333 85.333 85.333zM776.488 479.811c-1.606 1.619-4.22 1.63-5.839 0.023l-48.637-48.246-20.574 20.74c-1.606 1.619-4.22 1.63-5.839 0.024l-7.817-7.754c-1.619-1.606-1.63-4.22-0.023-5.839l31.236-31.489c1.606-1.619 4.22-1.63 5.839-0.023l59.385 58.909c1.619 1.606 1.629 4.221 0.023 5.839l-7.754 7.817zM725.333 256c47.14 0 85.333-38.194 85.333-85.333s-38.194-85.333-85.333-85.333c-47.14 0-85.333 38.194-85.333 85.333s38.194 85.333 85.333 85.333zM725.333 101.849c38.022 0 68.817 30.796 68.817 68.817s-30.796 68.817-68.817 68.817c-38.022 0-68.817-30.796-68.817-68.817s30.796-68.817 68.817-68.817zM760.361 192.069l-21.402-21.402 21.402-21.402c1.617-1.617 1.617-4.232 0-5.849l-7.776-7.776c-1.617-1.617-4.232-1.617-5.849 0l-21.402 21.402-21.402-21.402c-1.617-1.617-4.232-1.617-5.849 0l-7.776 7.776c-1.617 1.617-1.617 4.232 0 5.849l21.402 21.402-21.402 21.402c-1.617 1.617-1.617 4.232 0 5.849l7.776 7.776c1.617 1.617 4.232 1.617 5.849 0l21.402-21.402 21.402 21.402c1.617 1.617 4.232 1.617 5.849 0l7.776-7.776c1.617-1.617 1.617-4.232 0-5.849zM288 533.333c47.14 0 85.333-38.194 85.333-85.333s-38.194-85.333-85.333-85.333c-47.14 0-85.333 38.194-85.333 85.333s38.194 85.333 85.333 85.333zM288 379.183c38.022 0 68.817 30.796 68.817 68.817s-30.796 68.817-68.817 68.817c-38.022 0-68.817-30.796-68.817-68.817s30.796-68.817 68.817-68.817zM323.028 469.402l-21.402-21.402 21.402-21.402c1.617-1.617 1.617-4.232 0-5.849l-7.776-7.776c-1.617-1.617-4.232-1.617-5.849 0l-21.402 21.402-21.402-21.402c-1.617-1.617-4.232-1.617-5.849 0l-7.776 7.776c-1.617 1.617-1.617 4.232 0 5.849l21.402 21.402-21.402 21.402c-1.617 1.617-1.617 4.232 0 5.849l7.776 7.776c1.617 1.617 4.232 1.617 5.849 0l21.402-21.402 21.402 21.402c1.617 1.617 4.232 1.617 5.849 0l7.776-7.776c1.617-1.617 1.617-4.232 0-5.849z" />
16
+ <glyph unicode="&#xe906;" glyph-name="dual-button" d="M512 640h448v-384h-448v384zM106.667 597.333v-298.667h810.667v298.667h-810.667zM64 640h896v-384h-896v384z" />
17
+ <glyph unicode="&#xe907;" glyph-name="progress-bar" d="M149.333 554.667h42.667v-213.333h-42.667v213.333zM234.667 554.667h42.667v-213.333h-42.667v213.333zM320 554.667h42.667v-213.333h-42.667v213.333zM405.333 554.667h42.667v-213.333h-42.667v213.333zM490.667 554.667h42.667v-213.333h-42.667v213.333zM576 554.667h42.667v-213.333h-42.667v213.333zM106.667 597.333v-298.667h810.667v298.667h-810.667zM64 640h896v-384h-896v384z" />
18
  </font></defs></svg>
assets/lib/eae-icons/fonts/eae-icons.ttf CHANGED
Binary file
assets/lib/eae-icons/fonts/eae-icons.woff CHANGED
Binary file
assets/lib/eae-icons/style.css CHANGED
@@ -1,50 +1,58 @@
1
- @font-face {
2
- font-family: 'eae-icons';
3
- src: url('fonts/eae-icons.eot?817qrd');
4
- src: url('fonts/eae-icons.eot?817qrd#iefix') format('embedded-opentype'),
5
- url('fonts/eae-icons.ttf?817qrd') format('truetype'),
6
- url('fonts/eae-icons.woff?817qrd') format('woff'),
7
- url('fonts/eae-icons.svg?817qrd#eae-icons') format('svg');
8
- font-weight: normal;
9
- font-style: normal;
10
- }
11
-
12
- [class^="eae-"], [class*=" eae-"] {
13
- /* use !important to prevent issues with browser extensions that change fonts */
14
- font-family: 'eae-icons' !important;
15
- speak: none;
16
- font-style: normal;
17
- font-weight: normal;
18
- font-variant: normal;
19
- text-transform: none;
20
- line-height: 1;
21
-
22
- /* Better Font Rendering =========== */
23
- -webkit-font-smoothing: antialiased;
24
- -moz-osx-font-smoothing: grayscale;
25
- }
26
-
27
- .eae-compare-table:before {
28
- content: "\e905";
29
- color: #556068;
30
- }
31
- .eae-ba:before {
32
- content: "\e904";
33
- color: #556068;
34
- }
35
- .eae-timer:before {
36
- content: "\e900";
37
- color: #556068;
38
- }
39
- .eae-timeline:before {
40
- content: "\e901";
41
- color: #556068;
42
- }
43
- .eae-popup:before {
44
- content: "\e902";
45
- color: #556068;
46
- }
47
- .eae-info-circle:before {
48
- content: "\e903";
49
- color: #556068;
50
- }
 
 
 
 
 
 
 
 
1
+ @font-face {
2
+ font-family: 'eae-icons';
3
+ src: url('fonts/eae-icons.eot?gyovjt');
4
+ src: url('fonts/eae-icons.eot?gyovjt#iefix') format('embedded-opentype'),
5
+ url('fonts/eae-icons.ttf?gyovjt') format('truetype'),
6
+ url('fonts/eae-icons.woff?gyovjt') format('woff'),
7
+ url('fonts/eae-icons.svg?gyovjt#eae-icons') format('svg');
8
+ font-weight: normal;
9
+ font-style: normal;
10
+ }
11
+
12
+ [class^="eae-"], [class*=" eae-"] {
13
+ /* use !important to prevent issues with browser extensions that change fonts */
14
+ font-family: 'eae-icons' !important;
15
+ speak: none;
16
+ font-style: normal;
17
+ font-weight: normal;
18
+ font-variant: normal;
19
+ text-transform: none;
20
+ line-height: 1;
21
+
22
+ /* Better Font Rendering =========== */
23
+ -webkit-font-smoothing: antialiased;
24
+ -moz-osx-font-smoothing: grayscale;
25
+ }
26
+
27
+ .eae-progress-bar:before {
28
+ content: "\e907";
29
+ color: #556068;
30
+ }
31
+ .eae-dual-button:before {
32
+ content: "\e906";
33
+ color: #556068;
34
+ }
35
+ .eae-compare-table:before {
36
+ content: "\e905";
37
+ color: #556068;
38
+ }
39
+ .eae-ba:before {
40
+ content: "\e904";
41
+ color: #556068;
42
+ }
43
+ .eae-timer:before {
44
+ content: "\e900";
45
+ color: #556068;
46
+ }
47
+ .eae-timeline:before {
48
+ content: "\e901";
49
+ color: #556068;
50
+ }
51
+ .eae-popup:before {
52
+ content: "\e902";
53
+ color: #556068;
54
+ }
55
+ .eae-info-circle:before {
56
+ content: "\e903";
57
+ color: #556068;
58
+ }
assets/lib/magnific.js CHANGED
@@ -1,1861 +1,1861 @@
1
- /*! Magnific Popup - v1.1.0 - 2016-02-20
2
- * http://dimsemenov.com/plugins/magnific-popup/
3
- * Copyright (c) 2016 Dmitry Semenov; */
4
- ;(function (factory) {
5
- if (typeof define === 'function' && define.amd) {
6
- // AMD. Register as an anonymous module.
7
- define(['jquery'], factory);
8
- } else if (typeof exports === 'object') {
9
- // Node/CommonJS
10
- factory(require('jquery'));
11
- } else {
12
- // Browser globals
13
- factory(window.jQuery || window.Zepto);
14
- }
15
- }(function($) {
16
-
17
- /*>>core*/
18
- /**
19
- *
20
- * Magnific Popup Core JS file
21
- *
22
- */
23
-
24
-
25
- /**
26
- * Private static constants
27
- */
28
- var CLOSE_EVENT = 'Close',
29
- BEFORE_CLOSE_EVENT = 'BeforeClose',
30
- AFTER_CLOSE_EVENT = 'AfterClose',
31
- BEFORE_APPEND_EVENT = 'BeforeAppend',
32
- MARKUP_PARSE_EVENT = 'MarkupParse',
33
- OPEN_EVENT = 'Open',
34
- CHANGE_EVENT = 'Change',
35
- NS = 'mfp',
36
- EVENT_NS = '.' + NS,
37
- READY_CLASS = 'mfp-ready',
38
- REMOVING_CLASS = 'mfp-removing',
39
- PREVENT_CLOSE_CLASS = 'mfp-prevent-close';
40
-
41
-
42
- /**
43
- * Private vars
44
- */
45
- /*jshint -W079 */
46
- var mfp, // As we have only one instance of EaePopup object, we define it locally to not to use 'this'
47
- EaePopup = function(){},
48
- _isJQ = !!(window.jQuery),
49
- _prevStatus,
50
- _window = $(window),
51
- _document,
52
- _prevContentType,
53
- _wrapClasses,
54
- _currPopupType;
55
-
56
-
57
- /**
58
- * Private functions
59
- */
60
- var _mfpOn = function(name, f) {
61
- mfp.ev.on(NS + name + EVENT_NS, f);
62
- },
63
- _getEl = function(className, appendTo, html, raw) {
64
- var el = document.createElement('div');
65
- el.className = 'mfp-'+className;
66
- if(html) {
67
- el.innerHTML = html;
68
- }
69
- if(!raw) {
70
- el = $(el);
71
- if(appendTo) {
72
- el.appendTo(appendTo);
73
- }
74
- } else if(appendTo) {
75
- appendTo.appendChild(el);
76
- }
77
- return el;
78
- },
79
- _mfpTrigger = function(e, data) {
80
- mfp.ev.triggerHandler(NS + e, data);
81
-
82
- if(mfp.st.callbacks) {
83
- // converts "mfpEventName" to "eventName" callback and triggers it if it's present
84
- e = e.charAt(0).toLowerCase() + e.slice(1);
85
- if(mfp.st.callbacks[e]) {
86
- mfp.st.callbacks[e].apply(mfp, $.isArray(data) ? data : [data]);
87
- }
88
- }
89
- },
90
- _getCloseBtn = function(type) {
91
- if(type !== _currPopupType || !mfp.currTemplate.closeBtn) {
92
- mfp.currTemplate.closeBtn = $( mfp.st.closeMarkup.replace('%title%', mfp.st.tClose ) );
93
- _currPopupType = type;
94
- }
95
- return mfp.currTemplate.closeBtn;
96
- },
97
- // Initialize Magnific Popup only when called at least once
98
- _checkInstance = function() {
99
- if(!$.eaePopup.instance) {
100
- /*jshint -W020 */
101
- mfp = new EaePopup();
102
- mfp.init();
103
- $.eaePopup.instance = mfp;
104
- }
105
- },
106
- // CSS transition detection, http://stackoverflow.com/questions/7264899/detect-css-transitions-using-javascript-and-without-modernizr
107
- supportsTransitions = function() {
108
- var s = document.createElement('p').style, // 's' for style. better to create an element if body yet to exist
109
- v = ['ms','O','Moz','Webkit']; // 'v' for vendor
110
-
111
- if( s['transition'] !== undefined ) {
112
- return true;
113
- }
114
-
115
- while( v.length ) {
116
- if( v.pop() + 'Transition' in s ) {
117
- return true;
118
- }
119
- }
120
-
121
- return false;
122
- };
123
-
124
-
125
-
126
- /**
127
- * Public functions
128
- */
129
- EaePopup.prototype = {
130
-
131
- constructor: EaePopup,
132
-
133
- /**
134
- * Initializes Magnific Popup plugin.
135
- * This function is triggered only once when $.fn.magnificPopup or $.eaePopup is executed
136
- */
137
- init: function() {
138
- var appVersion = navigator.appVersion;
139
- mfp.isLowIE = mfp.isIE8 = document.all && !document.addEventListener;
140
- mfp.isAndroid = (/android/gi).test(appVersion);
141
- mfp.isIOS = (/iphone|ipad|ipod/gi).test(appVersion);
142
- mfp.supportsTransition = supportsTransitions();
143
-
144
- // We disable fixed positioned lightbox on devices that don't handle it nicely.
145
- // If you know a better way of detecting this - let me know.
146
- mfp.probablyMobile = (mfp.isAndroid || mfp.isIOS || /(Opera Mini)|Kindle|webOS|BlackBerry|(Opera Mobi)|(Windows Phone)|IEMobile/i.test(navigator.userAgent) );
147
- _document = $(document);
148
-
149
- mfp.popupsCache = {};
150
- },
151
-
152
- /**
153
- * Opens popup
154
- * @param data [description]
155
- */
156
- open: function(data) {
157
-
158
- var i;
159
-
160
- if(data.isObj === false) {
161
- // convert jQuery collection to array to avoid conflicts later
162
- mfp.items = data.items.toArray();
163
-
164
- mfp.index = 0;
165
- var items = data.items,
166
- item;
167
- for(i = 0; i < items.length; i++) {
168
- item = items[i];
169
- if(item.parsed) {
170
- item = item.el[0];
171
- }
172
- if(item === data.el[0]) {
173
- mfp.index = i;
174
- break;
175
- }
176
- }
177
- } else {
178
- mfp.items = $.isArray(data.items) ? data.items : [data.items];
179
- mfp.index = data.index || 0;
180
- }
181
-
182
- // if popup is already opened - we just update the content
183
- if(mfp.isOpen) {
184
- mfp.updateItemHTML();
185
- return;
186
- }
187
-
188
- mfp.types = [];
189
- _wrapClasses = 'bp-popup';
190
- if(data.mainEl && data.mainEl.length) {
191
- mfp.ev = data.mainEl.eq(0);
192
- } else {
193
- mfp.ev = _document;
194
- }
195
-
196
- if(data.key) {
197
- if(!mfp.popupsCache[data.key]) {
198
- mfp.popupsCache[data.key] = {};
199
- }
200
- mfp.currTemplate = mfp.popupsCache[data.key];
201
- } else {
202
- mfp.currTemplate = {};
203
- }
204
-
205
-
206
-
207
- mfp.st = $.extend(true, {}, $.eaePopup.defaults, data );
208
- mfp.fixedContentPos = mfp.st.fixedContentPos === 'auto' ? !mfp.probablyMobile : mfp.st.fixedContentPos;
209
-
210
- if(mfp.st.modal) {
211
- mfp.st.closeOnContentClick = false;
212
- mfp.st.closeOnBgClick = false;
213
- mfp.st.showCloseBtn = false;
214
- mfp.st.enableEscapeKey = false;
215
- }
216
-
217
-
218
- // Building markup
219
- // main containers are created only once
220
- if(!mfp.bgOverlay) {
221
-
222
- // Dark overlay
223
- mfp.bgOverlay = _getEl('bg').on('click'+EVENT_NS, function() {
224
- mfp.close();
225
- });
226
-
227
- mfp.wrap = _getEl('wrap').attr('tabindex', -1).on('click'+EVENT_NS, function(e) {
228
- if(mfp._checkIfClose(e.target)) {
229
- mfp.close();
230
- }
231
- });
232
-
233
- mfp.container = _getEl('container', mfp.wrap);
234
- }
235
-
236
- mfp.contentContainer = _getEl('content');
237
- if(mfp.st.preloader) {
238
- mfp.preloader = _getEl('preloader', mfp.container, mfp.st.tLoading);
239
- }
240
-
241
-
242
- // Initializing modules
243
- var modules = $.eaePopup.modules;
244
- for(i = 0; i < modules.length; i++) {
245
- var n = modules[i];
246
- n = n.charAt(0).toUpperCase() + n.slice(1);
247
- mfp['init'+n].call(mfp);
248
- }
249
- _mfpTrigger('BeforeOpen');
250
-
251
-
252
- if(mfp.st.showCloseBtn) {
253
- // Close button
254
- if(!mfp.st.closeBtnInside) {
255
- mfp.wrap.append( _getCloseBtn() );
256
- } else {
257
- _mfpOn(MARKUP_PARSE_EVENT, function(e, template, values, item) {
258
- values.close_replaceWith = _getCloseBtn(item.type);
259
- });
260
- _wrapClasses += ' eae-close-btn-in';
261
- }
262
- }
263
-
264
- if(mfp.st.alignTop) {
265
- _wrapClasses += ' mfp-align-top';
266
- }
267
-
268
-
269
-
270
- if(mfp.fixedContentPos) {
271
- mfp.wrap.css({
272
- overflow: mfp.st.overflowY,
273
- overflowX: 'hidden',
274
- overflowY: mfp.st.overflowY
275
- });
276
- } else {
277
- mfp.wrap.css({
278
- top: _window.scrollTop(),
279
- position: 'absolute'
280
- });
281
- }
282
- if( mfp.st.fixedBgPos === false || (mfp.st.fixedBgPos === 'auto' && !mfp.fixedContentPos) ) {
283
- mfp.bgOverlay.css({
284
- height: _document.height(),
285
- position: 'absolute'
286
- });
287
- }
288
-
289
-
290
-
291
- if(mfp.st.enableEscapeKey) {
292
- // Close on ESC key
293
- _document.on('keyup' + EVENT_NS, function(e) {
294
- if(e.keyCode === 27) {
295
- mfp.close();
296
- }
297
- });
298
- }
299
-
300
- _window.on('resize' + EVENT_NS, function() {
301
- mfp.updateSize();
302
- });
303
-
304
-
305
- if(!mfp.st.closeOnContentClick) {
306
- _wrapClasses += ' mfp-auto-cursor';
307
- }
308
-
309
- if(_wrapClasses)
310
- mfp.wrap.addClass(_wrapClasses);
311
-
312
-
313
- // this triggers recalculation of layout, so we get it once to not to trigger twice
314
- var windowHeight = mfp.wH = _window.height();
315
-
316
-
317
- var windowStyles = {};
318
-
319
- if( mfp.fixedContentPos ) {
320
- if(mfp._hasScrollBar(windowHeight)){
321
- var s = mfp._getScrollbarSize();
322
- if(s) {
323
- windowStyles.marginRight = s;
324
- }
325
- }
326
- }
327
-
328
- if(mfp.fixedContentPos) {
329
- if(!mfp.isIE7) {
330
- windowStyles.overflow = 'hidden';
331
- } else {
332
- // ie7 double-scroll bug
333
- $('body, html').css('overflow', 'hidden');
334
- }
335
- }
336
-
337
-
338
-
339
- var classesToadd = mfp.st.mainClass;
340
- if(mfp.isIE7) {
341
- classesToadd += ' mfp-ie7';
342
- }
343
- if(classesToadd) {
344
- mfp._addClassToMFP( classesToadd );
345
- }
346
-
347
- // add content
348
- mfp.updateItemHTML();
349
-
350
- _mfpTrigger('BuildControls');
351
-
352
- // remove scrollbar, add margin e.t.c
353
- $('html').css(windowStyles);
354
-
355
- // add everything to DOM
356
- mfp.bgOverlay.add(mfp.wrap).prependTo( mfp.st.prependTo || $(document.body) );
357
-
358
- // Save last focused element
359
- mfp._lastFocusedEl = document.activeElement;
360
-
361
- // Wait for next cycle to allow CSS transition
362
- setTimeout(function() {
363
-
364
- if(mfp.content) {
365
- mfp._addClassToMFP(READY_CLASS);
366
- mfp._setFocus();
367
- } else {
368
- // if content is not defined (not loaded e.t.c) we add class only for BG
369
- mfp.bgOverlay.addClass(READY_CLASS);
370
- }
371
-
372
- // Trap the focus in popup
373
- _document.on('focusin' + EVENT_NS, mfp._onFocusIn);
374
-
375
- }, 16);
376
-
377
- mfp.isOpen = true;
378
- mfp.updateSize(windowHeight);
379
- _mfpTrigger(OPEN_EVENT);
380
- //mfp.bgOverlay.attr('class', 'bp-popup mfp-bg');
381
- return data;
382
- },
383
-
384
- /**
385
- * Closes the popup
386
- */
387
- close: function() {
388
- if(!mfp.isOpen) return;
389
- _mfpTrigger(BEFORE_CLOSE_EVENT);
390
-
391
- mfp.isOpen = false;
392
- // for CSS3 animation
393
- if(mfp.st.removalDelay && !mfp.isLowIE && mfp.supportsTransition ) {
394
- mfp._addClassToMFP(REMOVING_CLASS);
395
- setTimeout(function() {
396
- mfp._close();
397
- }, mfp.st.removalDelay);
398
- } else {
399
- mfp._close();
400
- }
401
- },
402
-
403
- /**
404
- * Helper for close() function
405
- */
406
- _close: function() {
407
- _mfpTrigger(CLOSE_EVENT);
408
-
409
- var classesToRemove = REMOVING_CLASS + ' ' + READY_CLASS + ' ';
410
-
411
- mfp.bgOverlay.detach();
412
- mfp.wrap.detach();
413
- mfp.container.empty();
414
-
415
- if(mfp.st.mainClass) {
416
- classesToRemove += mfp.st.mainClass + ' ';
417
- }
418
-
419
- mfp._removeClassFromMFP(classesToRemove);
420
-
421
- if(mfp.fixedContentPos) {
422
- var windowStyles = {marginRight: ''};
423
- if(mfp.isIE7) {
424
- $('body, html').css('overflow', '');
425
- } else {
426
- windowStyles.overflow = '';
427
- }
428
- $('html').css(windowStyles);
429
- }
430
-
431
- _document.off('keyup' + EVENT_NS + ' focusin' + EVENT_NS);
432
- mfp.ev.off(EVENT_NS);
433
-
434
- // clean up DOM elements that aren't removed
435
- mfp.wrap.attr('class', 'mfp-wrap').removeAttr('style');
436
- mfp.bgOverlay.attr('class', 'bp-popup mfp-bg');
437
- mfp.container.attr('class', 'mfp-container');
438
-
439
- // remove close button from target element
440
- if(mfp.st.showCloseBtn &&
441
- (!mfp.st.closeBtnInside || mfp.currTemplate[mfp.currItem.type] === true)) {
442
- if(mfp.currTemplate.closeBtn)
443
- mfp.currTemplate.closeBtn.detach();
444
- }
445
-
446
-
447
- if(mfp.st.autoFocusLast && mfp._lastFocusedEl) {
448
- $(mfp._lastFocusedEl).focus(); // put tab focus back
449
- }
450
- mfp.currItem = null;
451
- mfp.content = null;
452
- mfp.currTemplate = null;
453
- mfp.prevHeight = 0;
454
-
455
- _mfpTrigger(AFTER_CLOSE_EVENT);
456
- },
457
-
458
- updateSize: function(winHeight) {
459
-
460
- if(mfp.isIOS) {
461
- // fixes iOS nav bars https://github.com/dimsemenov/Magnific-Popup/issues/2
462
- var zoomLevel = document.documentElement.clientWidth / window.innerWidth;
463
- var height = window.innerHeight * zoomLevel;
464
- mfp.wrap.css('height', height);
465
- mfp.wH = height;
466
- } else {
467
- mfp.wH = winHeight || _window.height();
468
- }
469
- // Fixes #84: popup incorrectly positioned with position:relative on body
470
- if(!mfp.fixedContentPos) {
471
- mfp.wrap.css('height', mfp.wH);
472
- }
473
-
474
- _mfpTrigger('Resize');
475
-
476
- },
477
-
478
- /**
479
- * Set content of popup based on current index
480
- */
481
- updateItemHTML: function() {
482
- var item = mfp.items[mfp.index];
483
-
484
- // Detach and perform modifications
485
- mfp.contentContainer.detach();
486
-
487
- if(mfp.content)
488
- mfp.content.detach();
489
-
490
- if(!item.parsed) {
491
- item = mfp.parseEl( mfp.index );
492
- }
493
-
494
- var type = item.type;
495
-
496
- _mfpTrigger('BeforeChange', [mfp.currItem ? mfp.currItem.type : '', type]);
497
- // BeforeChange event works like so:
498
- // _mfpOn('BeforeChange', function(e, prevType, newType) { });
499
-
500
- mfp.currItem = item;
501
-
502
- if(!mfp.currTemplate[type]) {
503
- var markup = mfp.st[type] ? mfp.st[type].markup : false;
504
-
505
- // allows to modify markup
506
- _mfpTrigger('FirstMarkupParse', markup);
507
-
508
- if(markup) {
509
- mfp.currTemplate[type] = $(markup);
510
- } else {
511
- // if there is no markup found we just define that template is parsed
512
- mfp.currTemplate[type] = true;
513
- }
514
- }
515
-
516
- if(_prevContentType && _prevContentType !== item.type) {
517
- mfp.container.removeClass('mfp-'+_prevContentType+'-holder');
518
- }
519
-
520
- var newContent = mfp['get' + type.charAt(0).toUpperCase() + type.slice(1)](item, mfp.currTemplate[type]);
521
- mfp.appendContent(newContent, type);
522
-
523
- item.preloaded = true;
524
-
525
- _mfpTrigger(CHANGE_EVENT, item);
526
- _prevContentType = item.type;
527
-
528
- // Append container back after its content changed
529
- mfp.container.prepend(mfp.contentContainer);
530
-
531
- _mfpTrigger('AfterChange');
532
- },
533
-
534
-
535
- /**
536
- * Set HTML content of popup
537
- */
538
- appendContent: function(newContent, type) {
539
- mfp.content = newContent;
540
-
541
- if(newContent) {
542
- if(mfp.st.showCloseBtn && mfp.st.closeBtnInside &&
543
- mfp.currTemplate[type] === true) {
544
- // if there is no markup, we just append close button element inside
545
- if(!mfp.content.find('.eae-close').length) {
546
- mfp.content.append(_getCloseBtn());
547
- }
548
- } else {
549
- mfp.content = newContent;
550
- }
551
- } else {
552
- mfp.content = '';
553
- }
554
-
555
- _mfpTrigger(BEFORE_APPEND_EVENT);
556
- mfp.container.addClass('mfp-'+type+'-holder');
557
-
558
- mfp.contentContainer.append(mfp.content);
559
- },
560
-
561
-
562
- /**
563
- * Creates Magnific Popup data object based on given data
564
- * @param {int} index Index of item to parse
565
- */
566
- parseEl: function(index) {
567
- var item = mfp.items[index],
568
- type;
569
-
570
- if(item.tagName) {
571
- item = { el: $(item) };
572
- } else {
573
- type = item.type;
574
- item = { data: item, src: item.src };
575
- }
576
-
577
- if(item.el) {
578
- var types = mfp.types;
579
-
580
- // check for 'mfp-TYPE' class
581
- for(var i = 0; i < types.length; i++) {
582
- if( item.el.hasClass('mfp-'+types[i]) ) {
583
- type = types[i];
584
- break;
585
- }
586
- }
587
-
588
- item.src = item.el.attr('data-mfp-src');
589
- if(!item.src) {
590
- item.src = item.el.attr('href');
591
- }
592
- }
593
-
594
- item.type = type || mfp.st.type || 'inline';
595
- item.index = index;
596
- item.parsed = true;
597
- mfp.items[index] = item;
598
- _mfpTrigger('ElementParse', item);
599
-
600
- return mfp.items[index];
601
- },
602
-
603
-
604
- /**
605
- * Initializes single popup or a group of popups
606
- */
607
- addGroup: function(el, options) {
608
- var eHandler = function(e) {
609
- e.mfpEl = this;
610
- mfp._openClick(e, el, options);
611
- };
612
-
613
- if(!options) {
614
- options = {};
615
- }
616
-
617
- var eName = 'click.magnificPopup';
618
- options.mainEl = el;
619
-
620
- if(options.items) {
621
- options.isObj = true;
622
- el.off(eName).on(eName, eHandler);
623
- } else {
624
- options.isObj = false;
625
- if(options.delegate) {
626
- el.off(eName).on(eName, options.delegate , eHandler);
627
- } else {
628
- options.items = el;
629
- el.off(eName).on(eName, eHandler);
630
- }
631
- }
632
- },
633
- _openClick: function(e, el, options) {
634
-
635
- var midClick = options.midClick !== undefined ? options.midClick : $.eaePopup.defaults.midClick;
636
-
637
-
638
- if(!midClick && ( e.which === 2 || e.ctrlKey || e.metaKey || e.altKey || e.shiftKey ) ) {
639
- return;
640
- }
641
-
642
- var disableOn = options.disableOn !== undefined ? options.disableOn : $.eaePopup.defaults.disableOn;
643
-
644
- if(disableOn) {
645
- if($.isFunction(disableOn)) {
646
- if( !disableOn.call(mfp) ) {
647
- return true;
648
- }
649
- } else { // else it's number
650
- if( _window.width() < disableOn ) {
651
- return true;
652
- }
653
- }
654
- }
655
-
656
- if(e.type) {
657
- e.preventDefault();
658
-
659
- // This will prevent popup from closing if element is inside and popup is already opened
660
- if(mfp.isOpen) {
661
- e.stopPropagation();
662
- }
663
- }
664
-
665
- options.el = $(e.mfpEl);
666
- if(options.delegate) {
667
- options.items = el.find(options.delegate);
668
- }
669
- mfp.open(options);
670
- },
671
-
672
-
673
- /**
674
- * Updates text on preloader
675
- */
676
- updateStatus: function(status, text) {
677
-
678
- if(mfp.preloader) {
679
- if(_prevStatus !== status) {
680
- mfp.container.removeClass('mfp-s-'+_prevStatus);
681
- }
682
-
683
- if(!text && status === 'loading') {
684
- text = mfp.st.tLoading;
685
- }
686
-
687
- var data = {
688
- status: status,
689
- text: text
690
- };
691
- // allows to modify status
692
- _mfpTrigger('UpdateStatus', data);
693
-
694
- status = data.status;
695
- text = data.text;
696
-
697
- mfp.preloader.html(text);
698
-
699
- mfp.preloader.find('a').on('click', function(e) {
700
- e.stopImmediatePropagation();
701
- });
702
-
703
- mfp.container.addClass('mfp-s-'+status);
704
- _prevStatus = status;
705
- }
706
- },
707
-
708
-
709
- /*
710
- "Private" helpers that aren't private at all
711
- */
712
- // Check to close popup or not
713
- // "target" is an element that was clicked
714
- _checkIfClose: function(target) {
715
-
716
- if($(target).hasClass(PREVENT_CLOSE_CLASS)) {
717
- return;
718
- }
719
-
720
- var closeOnContent = mfp.st.closeOnContentClick;
721
- var closeOnBg = mfp.st.closeOnBgClick;
722
-
723
- if(closeOnContent && closeOnBg) {
724
- return true;
725
- } else {
726
-
727
- // We close the popup if click is on close button or on preloader. Or if there is no content.
728
- if(!mfp.content || $(target).hasClass('eae-close') || (mfp.preloader && target === mfp.preloader[0]) ) {
729
- return true;
730
- }
731
-
732
- // if click is outside the content
733
- if( (target !== mfp.content[0] && !$.contains(mfp.content[0], target)) ) {
734
- if(closeOnBg) {
735
- // last check, if the clicked element is in DOM, (in case it's removed onclick)
736
- if( $.contains(document, target) ) {
737
- return true;
738
- }
739
- }
740
- } else if(closeOnContent) {
741
- return true;
742
- }
743
-
744
- }
745
- return false;
746
- },
747
- _addClassToMFP: function(cName) {
748
- mfp.bgOverlay.addClass(cName);
749
- mfp.wrap.addClass(cName);
750
- },
751
- _removeClassFromMFP: function(cName) {
752
- this.bgOverlay.removeClass(cName);
753
- mfp.wrap.removeClass(cName);
754
- },
755
- _hasScrollBar: function(winHeight) {
756
- return ( (mfp.isIE7 ? _document.height() : document.body.scrollHeight) > (winHeight || _window.height()) );
757
- },
758
- _setFocus: function() {
759
- (mfp.st.focus ? mfp.content.find(mfp.st.focus).eq(0) : mfp.wrap).focus();
760
- },
761
- _onFocusIn: function(e) {
762
- if( e.target !== mfp.wrap[0] && !$.contains(mfp.wrap[0], e.target) ) {
763
- mfp._setFocus();
764
- return false;
765
- }
766
- },
767
- _parseMarkup: function(template, values, item) {
768
- var arr;
769
- if(item.data) {
770
- values = $.extend(item.data, values);
771
- }
772
- _mfpTrigger(MARKUP_PARSE_EVENT, [template, values, item] );
773
-
774
- $.each(values, function(key, value) {
775
- if(value === undefined || value === false) {
776
- return true;
777
- }
778
- arr = key.split('_');
779
- if(arr.length > 1) {
780
- var el = template.find(EVENT_NS + '-'+arr[0]);
781
-
782
- if(el.length > 0) {
783
- var attr = arr[1];
784
- if(attr === 'replaceWith') {
785
- if(el[0] !== value[0]) {
786
- el.replaceWith(value);
787
- }
788
- } else if(attr === 'img') {
789
- if(el.is('img')) {
790
- el.attr('src', value);
791
- } else {
792
- el.replaceWith( $('<img>').attr('src', value).attr('class', el.attr('class')) );
793
- }
794
- } else {
795
- el.attr(arr[1], value);
796
- }
797
- }
798
-
799
- } else {
800
- template.find(EVENT_NS + '-'+key).html(value);
801
- }
802
- });
803
- },
804
-
805
- _getScrollbarSize: function() {
806
- // thx David
807
- if(mfp.scrollbarSize === undefined) {
808
- var scrollDiv = document.createElement("div");
809
- scrollDiv.style.cssText = 'width: 99px; height: 99px; overflow: scroll; position: absolute; top: -9999px;';
810
- document.body.appendChild(scrollDiv);
811
- mfp.scrollbarSize = scrollDiv.offsetWidth - scrollDiv.clientWidth;
812
- document.body.removeChild(scrollDiv);
813
- }
814
- return mfp.scrollbarSize;
815
- }
816
-
817
- }; /* EaePopup core prototype end */
818
-
819
-
820
-
821
-
822
- /**
823
- * Public static functions
824
- */
825
- $.eaePopup = {
826
- instance: null,
827
- proto: EaePopup.prototype,
828
- modules: [],
829
-
830
- open: function(options, index) {
831
- _checkInstance();
832
-
833
- if(!options) {
834
- options = {};
835
- } else {
836
- options = $.extend(true, {}, options);
837
- }
838
-
839
- options.isObj = true;
840
- options.index = index || 0;
841
- return this.instance.open(options);
842
- },
843
-
844
- close: function() {
845
- return $.eaePopup.instance && $.eaePopup.instance.close();
846
- },
847
-
848
- registerModule: function(name, module) {
849
- if(module.options) {
850
- $.eaePopup.defaults[name] = module.options;
851
- }
852
- $.extend(this.proto, module.proto);
853
- this.modules.push(name);
854
- },
855
-
856
- defaults: {
857
-
858
- // Info about options is in docs:
859
- // http://dimsemenov.com/plugins/magnific-popup/documentation.html#options
860
-
861
- disableOn: 0,
862
-
863
- key: null,
864
-
865
- midClick: false,
866
-
867
- mainClass: '',
868
-
869
- preloader: true,
870
-
871
- focus: '', // CSS selector of input to focus after popup is opened
872
-
873
- closeOnContentClick: false,
874
-
875
- closeOnBgClick: true,
876
-
877
- closeBtnInside: true,
878
-
879
- showCloseBtn: true,
880
-
881
- enableEscapeKey: true,
882
-
883
- modal: false,
884
-
885
- alignTop: false,
886
-
887
- removalDelay: 0,
888
-
889
- prependTo: null,
890
-
891
- fixedContentPos: 'auto',
892
-
893
- fixedBgPos: 'auto',
894
-
895
- overflowY: 'auto',
896
-
897
- closeMarkup: '<button title="%title%" type="button" class="eae-close">&#215;</button>',
898
-
899
- tClose: 'Close (Esc)',
900
-
901
- tLoading: 'Loading...',
902
-
903
- autoFocusLast: true
904
-
905
- }
906
- };
907
-
908
-
909
-
910
- $.fn.eaePopup = function(options) {
911
- _checkInstance();
912
- //console.log('popup');
913
- var jqEl = $(this);
914
-
915
- // We call some API method of first param is a string
916
- if (typeof options === "string" ) {
917
-
918
- if(options === 'open') {
919
- var items,
920
- itemOpts = _isJQ ? jqEl.data('magnificPopup') : jqEl[0].magnificPopup,
921
- index = parseInt(arguments[1], 10) || 0;
922
-
923
- if(itemOpts.items) {
924
- items = itemOpts.items[index];
925
- } else {
926
- items = jqEl;
927
- if(itemOpts.delegate) {
928
- items = items.find(itemOpts.delegate);
929
- }
930
- items = items.eq( index );
931
- }
932
- mfp._openClick({mfpEl:items}, jqEl, itemOpts);
933
- } else {
934
- if(mfp.isOpen)
935
- mfp[options].apply(mfp, Array.prototype.slice.call(arguments, 1));
936
- }
937
-
938
- } else {
939
- // clone options obj
940
- options = $.extend(true, {}, options);
941
-
942
- /*
943
- * As Zepto doesn't support .data() method for objects
944
- * and it works only in normal browsers
945
- * we assign "options" object directly to the DOM element. FTW!
946
- */
947
- if(_isJQ) {
948
- jqEl.data('magnificPopup', options);
949
- } else {
950
- jqEl[0].magnificPopup = options;
951
- }
952
-
953
- mfp.addGroup(jqEl, options);
954
-
955
- }
956
- return jqEl;
957
- };
958
-
959
- /*>>core*/
960
-
961
- /*>>inline*/
962
-
963
- var INLINE_NS = 'inline',
964
- _hiddenClass,
965
- _inlinePlaceholder,
966
- _lastInlineElement,
967
- _putInlineElementsBack = function() {
968
- if(_lastInlineElement) {
969
- _inlinePlaceholder.after( _lastInlineElement.addClass(_hiddenClass) ).detach();
970
- _lastInlineElement = null;
971
- }
972
- };
973
-
974
- $.eaePopup.registerModule(INLINE_NS, {
975
- options: {
976
- hiddenClass: 'hide', // will be appended with `mfp-` prefix
977
- markup: '',
978
- tNotFound: 'Content not found'
979
- },
980
- proto: {
981
-
982
- initInline: function() {
983
- mfp.types.push(INLINE_NS);
984
-
985
- _mfpOn(CLOSE_EVENT+'.'+INLINE_NS, function() {
986
- _putInlineElementsBack();
987
- });
988
- },
989
-
990
- getInline: function(item, template) {
991
-
992
- _putInlineElementsBack();
993
-
994
- if(item.src) {
995
- var inlineSt = mfp.st.inline,
996
- el = $(item.src);
997
-
998
- if(el.length) {
999
-
1000
- // If target element has parent - we replace it with placeholder and put it back after popup is closed
1001
- var parent = el[0].parentNode;
1002
- if(parent && parent.tagName) {
1003
- if(!_inlinePlaceholder) {
1004
- _hiddenClass = inlineSt.hiddenClass;
1005
- _inlinePlaceholder = _getEl(_hiddenClass);
1006
- _hiddenClass = 'mfp-'+_hiddenClass;
1007
- }
1008
- // replace target inline element with placeholder
1009
- _lastInlineElement = el.after(_inlinePlaceholder).detach().removeClass(_hiddenClass);
1010
- }
1011
-
1012
- mfp.updateStatus('ready');
1013
- } else {
1014
- mfp.updateStatus('error', inlineSt.tNotFound);
1015
- el = $('<div>');
1016
- }
1017
-
1018
- item.inlineElement = el;
1019
- return el;
1020
- }
1021
-
1022
- mfp.updateStatus('ready');
1023
- mfp._parseMarkup(template, {}, item);
1024
- return template;
1025
- }
1026
- }
1027
- });
1028
-
1029
- /*>>inline*/
1030
-
1031
- /*>>ajax*/
1032
- var AJAX_NS = 'ajax',
1033
- _ajaxCur,
1034
- _removeAjaxCursor = function() {
1035
- if(_ajaxCur) {
1036
- $(document.body).removeClass(_ajaxCur);
1037
- }
1038
- },
1039
- _destroyAjaxRequest = function() {
1040
- _removeAjaxCursor();
1041
- if(mfp.req) {
1042
- mfp.req.abort();
1043
- }
1044
- };
1045
-
1046
- $.eaePopup.registerModule(AJAX_NS, {
1047
-
1048
- options: {
1049
- settings: null,
1050
- cursor: 'mfp-ajax-cur',
1051
- tError: '<a href="%url%">The content</a> could not be loaded.'
1052
- },
1053
-
1054
- proto: {
1055
- initAjax: function() {
1056
- mfp.types.push(AJAX_NS);
1057
- _ajaxCur = mfp.st.ajax.cursor;
1058
-
1059
- _mfpOn(CLOSE_EVENT+'.'+AJAX_NS, _destroyAjaxRequest);
1060
- _mfpOn('BeforeChange.' + AJAX_NS, _destroyAjaxRequest);
1061
- },
1062
- getAjax: function(item) {
1063
-
1064
- if(_ajaxCur) {
1065
- $(document.body).addClass(_ajaxCur);
1066
- }
1067
-
1068
- mfp.updateStatus('loading');
1069
-
1070
- var opts = $.extend({
1071
- url: item.src,
1072
- success: function(data, textStatus, jqXHR) {
1073
- var temp = {
1074
- data:data,
1075
- xhr:jqXHR
1076
- };
1077
-
1078
- _mfpTrigger('ParseAjax', temp);
1079
-
1080
- mfp.appendContent( $(temp.data), AJAX_NS );
1081
-
1082
- item.finished = true;
1083
-
1084
- _removeAjaxCursor();
1085
-
1086
- mfp._setFocus();
1087
-
1088
- setTimeout(function() {
1089
- mfp.wrap.addClass(READY_CLASS);
1090
- }, 16);
1091
-
1092
- mfp.updateStatus('ready');
1093
-
1094
- _mfpTrigger('AjaxContentAdded');
1095
- },
1096
- error: function() {
1097
- _removeAjaxCursor();
1098
- item.finished = item.loadError = true;
1099
- mfp.updateStatus('error', mfp.st.ajax.tError.replace('%url%', item.src));
1100
- }
1101
- }, mfp.st.ajax.settings);
1102
-
1103
- mfp.req = $.ajax(opts);
1104
-
1105
- return '';
1106
- }
1107
- }
1108
- });
1109
-
1110
- /*>>ajax*/
1111
-
1112
- /*>>image*/
1113
- var _imgInterval,
1114
- _getTitle = function(item) {
1115
- if(item.data && item.data.title !== undefined)
1116
- return item.data.title;
1117
-
1118
- var src = mfp.st.image.titleSrc;
1119
-
1120
- if(src) {
1121
- if($.isFunction(src)) {
1122
- return src.call(mfp, item);
1123
- } else if(item.el) {
1124
- return item.el.attr(src) || '';
1125
- }
1126
- }
1127
- return '';
1128
- };
1129
-
1130
- $.eaePopup.registerModule('image', {
1131
-
1132
- options: {
1133
- markup: '<div class="mfp-figure">'+
1134
- '<div class="eae-close"></div>'+
1135
- '<figure>'+
1136
- '<div class="mfp-img"></div>'+
1137
- '<figcaption>'+
1138
- '<div class="mfp-bottom-bar">'+
1139
- '<div class="mfp-title"></div>'+
1140
- '<div class="mfp-counter"></div>'+
1141
- '</div>'+
1142
- '</figcaption>'+
1143
- '</figure>'+
1144
- '</div>',
1145
- cursor: 'mfp-zoom-out-cur',
1146
- titleSrc: 'title',
1147
- verticalFit: true,
1148
- tError: '<a href="%url%">The image</a> could not be loaded.'
1149
- },
1150
-
1151
- proto: {
1152
- initImage: function() {
1153
- var imgSt = mfp.st.image,
1154
- ns = '.image';
1155
-
1156
- mfp.types.push('image');
1157
-
1158
- _mfpOn(OPEN_EVENT+ns, function() {
1159
- if(mfp.currItem.type === 'image' && imgSt.cursor) {
1160
- $(document.body).addClass(imgSt.cursor);
1161
- }
1162
- });
1163
-
1164
- _mfpOn(CLOSE_EVENT+ns, function() {
1165
- if(imgSt.cursor) {
1166
- $(document.body).removeClass(imgSt.cursor);
1167
- }
1168
- _window.off('resize' + EVENT_NS);
1169
- });
1170
-
1171
- _mfpOn('Resize'+ns, mfp.resizeImage);
1172
- if(mfp.isLowIE) {
1173
- _mfpOn('AfterChange', mfp.resizeImage);
1174
- }
1175
- },
1176
- resizeImage: function() {
1177
- var item = mfp.currItem;
1178
- if(!item || !item.img) return;
1179
-
1180
- if(mfp.st.image.verticalFit) {
1181
- var decr = 0;
1182
- // fix box-sizing in ie7/8
1183
- if(mfp.isLowIE) {
1184
- decr = parseInt(item.img.css('padding-top'), 10) + parseInt(item.img.css('padding-bottom'),10);
1185
- }
1186
- item.img.css('max-height', mfp.wH-decr);
1187
- }
1188
- },
1189
- _onImageHasSize: function(item) {
1190
- if(item.img) {
1191
-
1192
- item.hasSize = true;
1193
-
1194
- if(_imgInterval) {
1195
- clearInterval(_imgInterval);
1196
- }
1197
-
1198
- item.isCheckingImgSize = false;
1199
-
1200
- _mfpTrigger('ImageHasSize', item);
1201
-
1202
- if(item.imgHidden) {
1203
- if(mfp.content)
1204
- mfp.content.removeClass('mfp-loading');
1205
-
1206
- item.imgHidden = false;
1207
- }
1208
-
1209
- }
1210
- },
1211
-
1212
- /**
1213
- * Function that loops until the image has size to display elements that rely on it asap
1214
- */
1215
- findImageSize: function(item) {
1216
-
1217
- var counter = 0,
1218
- img = item.img[0],
1219
- mfpSetInterval = function(delay) {
1220
-
1221
- if(_imgInterval) {
1222
- clearInterval(_imgInterval);
1223
- }
1224
- // decelerating interval that checks for size of an image
1225
- _imgInterval = setInterval(function() {
1226
- if(img.naturalWidth > 0) {
1227
- mfp._onImageHasSize(item);
1228
- return;
1229
- }
1230
-
1231
- if(counter > 200) {
1232
- clearInterval(_imgInterval);
1233
- }
1234
-
1235
- counter++;
1236
- if(counter === 3) {
1237
- mfpSetInterval(10);
1238
- } else if(counter === 40) {
1239
- mfpSetInterval(50);
1240
- } else if(counter === 100) {
1241
- mfpSetInterval(500);
1242
- }
1243
- }, delay);
1244
- };
1245
-
1246
- mfpSetInterval(1);
1247
- },
1248
-
1249
- getImage: function(item, template) {
1250
-
1251
- var guard = 0,
1252
-
1253
- // image load complete handler
1254
- onLoadComplete = function() {
1255
- if(item) {
1256
- if (item.img[0].complete) {
1257
- item.img.off('.mfploader');
1258
-
1259
- if(item === mfp.currItem){
1260
- mfp._onImageHasSize(item);
1261
-
1262
- mfp.updateStatus('ready');
1263
- }
1264
-
1265
- item.hasSize = true;
1266
- item.loaded = true;
1267
-
1268
- _mfpTrigger('ImageLoadComplete');
1269
-
1270
- }
1271
- else {
1272
- // if image complete check fails 200 times (20 sec), we assume that there was an error.
1273
- guard++;
1274
- if(guard < 200) {
1275
- setTimeout(onLoadComplete,100);
1276
- } else {
1277
- onLoadError();
1278
- }
1279
- }
1280
- }
1281
- },
1282
-
1283
- // image error handler
1284
- onLoadError = function() {
1285
- if(item) {
1286
- item.img.off('.mfploader');
1287
- if(item === mfp.currItem){
1288
- mfp._onImageHasSize(item);
1289
- mfp.updateStatus('error', imgSt.tError.replace('%url%', item.src) );
1290
- }
1291
-
1292
- item.hasSize = true;
1293
- item.loaded = true;
1294
- item.loadError = true;
1295
- }
1296
- },
1297
- imgSt = mfp.st.image;
1298
-
1299
-
1300
- var el = template.find('.mfp-img');
1301
- if(el.length) {
1302
- var img = document.createElement('img');
1303
- img.className = 'mfp-img';
1304
- if(item.el && item.el.find('img').length) {
1305
- img.alt = item.el.find('img').attr('alt');
1306
- }
1307
- item.img = $(img).on('load.mfploader', onLoadComplete).on('error.mfploader', onLoadError);
1308
- img.src = item.src;
1309
-
1310
- // without clone() "error" event is not firing when IMG is replaced by new IMG
1311
- // TODO: find a way to avoid such cloning
1312
- if(el.is('img')) {
1313
- item.img = item.img.clone();
1314
- }
1315
-
1316
- img = item.img[0];
1317
- if(img.naturalWidth > 0) {
1318
- item.hasSize = true;
1319
- } else if(!img.width) {
1320
- item.hasSize = false;
1321
- }
1322
- }
1323
-
1324
- mfp._parseMarkup(template, {
1325
- title: _getTitle(item),
1326
- img_replaceWith: item.img
1327
- }, item);
1328
-
1329
- mfp.resizeImage();
1330
-
1331
- if(item.hasSize) {
1332
- if(_imgInterval) clearInterval(_imgInterval);
1333
-
1334
- if(item.loadError) {
1335
- template.addClass('mfp-loading');
1336
- mfp.updateStatus('error', imgSt.tError.replace('%url%', item.src) );
1337
- } else {
1338
- template.removeClass('mfp-loading');
1339
- mfp.updateStatus('ready');
1340
- }
1341
- return template;
1342
- }
1343
-
1344
- mfp.updateStatus('loading');
1345
- item.loading = true;
1346
-
1347
- if(!item.hasSize) {
1348
- item.imgHidden = true;
1349
- template.addClass('mfp-loading');
1350
- mfp.findImageSize(item);
1351
- }
1352
-
1353
- return template;
1354
- }
1355
- }
1356
- });
1357
-
1358
- /*>>image*/
1359
-
1360
- /*>>zoom*/
1361
- var hasMozTransform,
1362
- getHasMozTransform = function() {
1363
- if(hasMozTransform === undefined) {
1364
- hasMozTransform = document.createElement('p').style.MozTransform !== undefined;
1365
- }
1366
- return hasMozTransform;
1367
- };
1368
-
1369
- $.eaePopup.registerModule('zoom', {
1370
-
1371
- options: {
1372
- enabled: false,
1373
- easing: 'ease-in-out',
1374
- duration: 300,
1375
- opener: function(element) {
1376
- return element.is('img') ? element : element.find('img');
1377
- }
1378
- },
1379
-
1380
- proto: {
1381
-
1382
- initZoom: function() {
1383
- var zoomSt = mfp.st.zoom,
1384
- ns = '.zoom',
1385
- image;
1386
-
1387
- if(!zoomSt.enabled || !mfp.supportsTransition) {
1388
- return;
1389
- }
1390
-
1391
- var duration = zoomSt.duration,
1392
- getElToAnimate = function(image) {
1393
- var newImg = image.clone().removeAttr('style').removeAttr('class').addClass('mfp-animated-image'),
1394
- transition = 'all '+(zoomSt.duration/1000)+'s ' + zoomSt.easing,
1395
- cssObj = {
1396
- position: 'fixed',
1397
- zIndex: 9999,
1398
- left: 0,
1399
- top: 0,
1400
- '-webkit-backface-visibility': 'hidden'
1401
- },
1402
- t = 'transition';
1403
-
1404
- cssObj['-webkit-'+t] = cssObj['-moz-'+t] = cssObj['-o-'+t] = cssObj[t] = transition;
1405
-
1406
- newImg.css(cssObj);
1407
- return newImg;
1408
- },
1409
- showMainContent = function() {
1410
- mfp.content.css('visibility', 'visible');
1411
- },
1412
- openTimeout,
1413
- animatedImg;
1414
-
1415
- _mfpOn('BuildControls'+ns, function() {
1416
- if(mfp._allowZoom()) {
1417
-
1418
- clearTimeout(openTimeout);
1419
- mfp.content.css('visibility', 'hidden');
1420
-
1421
- // Basically, all code below does is clones existing image, puts in on top of the current one and animated it
1422
-
1423
- image = mfp._getItemToZoom();
1424
-
1425
- if(!image) {
1426
- showMainContent();
1427
- return;
1428
- }
1429
-
1430
- animatedImg = getElToAnimate(image);
1431
-
1432
- animatedImg.css( mfp._getOffset() );
1433
-
1434
- mfp.wrap.append(animatedImg);
1435
-
1436
- openTimeout = setTimeout(function() {
1437
- animatedImg.css( mfp._getOffset( true ) );
1438
- openTimeout = setTimeout(function() {
1439
-
1440
- showMainContent();
1441
-
1442
- setTimeout(function() {
1443
- animatedImg.remove();
1444
- image = animatedImg = null;
1445
- _mfpTrigger('ZoomAnimationEnded');
1446
- }, 16); // avoid blink when switching images
1447
-
1448
- }, duration); // this timeout equals animation duration
1449
-
1450
- }, 16); // by adding this timeout we avoid short glitch at the beginning of animation
1451
-
1452
-
1453
- // Lots of timeouts...
1454
- }
1455
- });
1456
- _mfpOn(BEFORE_CLOSE_EVENT+ns, function() {
1457
- if(mfp._allowZoom()) {
1458
-
1459
- clearTimeout(openTimeout);
1460
-
1461
- mfp.st.removalDelay = duration;
1462
-
1463
- if(!image) {
1464
- image = mfp._getItemToZoom();
1465
- if(!image) {
1466
- return;
1467
- }
1468
- animatedImg = getElToAnimate(image);
1469
- }
1470
-
1471
- animatedImg.css( mfp._getOffset(true) );
1472
- mfp.wrap.append(animatedImg);
1473
- mfp.content.css('visibility', 'hidden');
1474
-
1475
- setTimeout(function() {
1476
- animatedImg.css( mfp._getOffset() );
1477
- }, 16);
1478
- }
1479
-
1480
- });
1481
-
1482
- _mfpOn(CLOSE_EVENT+ns, function() {
1483
- if(mfp._allowZoom()) {
1484
- showMainContent();
1485
- if(animatedImg) {
1486
- animatedImg.remove();
1487
- }
1488
- image = null;
1489
- }
1490
- });
1491
- },
1492
-
1493
- _allowZoom: function() {
1494
- return mfp.currItem.type === 'image';
1495
- },
1496
-
1497
- _getItemToZoom: function() {
1498
- if(mfp.currItem.hasSize) {
1499
- return mfp.currItem.img;
1500
- } else {
1501
- return false;
1502
- }
1503
- },
1504
-
1505
- // Get element postion relative to viewport
1506
- _getOffset: function(isLarge) {
1507
- var el;
1508
- if(isLarge) {
1509
- el = mfp.currItem.img;
1510
- } else {
1511
- el = mfp.st.zoom.opener(mfp.currItem.el || mfp.currItem);
1512
- }
1513
-
1514
- var offset = el.offset();
1515
- var paddingTop = parseInt(el.css('padding-top'),10);
1516
- var paddingBottom = parseInt(el.css('padding-bottom'),10);
1517
- offset.top -= ( $(window).scrollTop() - paddingTop );
1518
-
1519
-
1520
- /*
1521
-
1522
- Animating left + top + width/height looks glitchy in Firefox, but perfect in Chrome. And vice-versa.
1523
-
1524
- */
1525
- var obj = {
1526
- width: el.width(),
1527
- // fix Zepto height+padding issue
1528
- height: (_isJQ ? el.innerHeight() : el[0].offsetHeight) - paddingBottom - paddingTop
1529
- };
1530
-
1531
- // I hate to do this, but there is no another option
1532
- if( getHasMozTransform() ) {
1533
- obj['-moz-transform'] = obj['transform'] = 'translate(' + offset.left + 'px,' + offset.top + 'px)';
1534
- } else {
1535
- obj.left = offset.left;
1536
- obj.top = offset.top;
1537
- }
1538
- return obj;
1539
- }
1540
-
1541
- }
1542
- });
1543
-
1544
-
1545
-
1546
- /*>>zoom*/
1547
-
1548
- /*>>iframe*/
1549
-
1550
- var IFRAME_NS = 'iframe',
1551
- _emptyPage = '//about:blank',
1552
-
1553
- _fixIframeBugs = function(isShowing) {
1554
- if(mfp.currTemplate[IFRAME_NS]) {
1555
- var el = mfp.currTemplate[IFRAME_NS].find('iframe');
1556
- if(el.length) {
1557
- // reset src after the popup is closed to avoid "video keeps playing after popup is closed" bug
1558
- if(!isShowing) {
1559
- el[0].src = _emptyPage;
1560
- }
1561
-
1562
- // IE8 black screen bug fix
1563
- if(mfp.isIE8) {
1564
- el.css('display', isShowing ? 'block' : 'none');
1565
- }
1566
- }
1567
- }
1568
- };
1569
-
1570
- $.eaePopup.registerModule(IFRAME_NS, {
1571
-
1572
- options: {
1573
- markup: '<div class="mfp-iframe-scaler">'+
1574
- '<div class="eae-close"></div>'+
1575
- '<iframe class="mfp-iframe" src="//about:blank" frameborder="0" allowfullscreen></iframe>'+
1576
- '</div>',
1577
-
1578
- srcAction: 'iframe_src',
1579
-
1580
- // we don't care and support only one default type of URL by default
1581
- patterns: {
1582
- youtube: {
1583
- index: 'youtube.com',
1584
- id: 'v=',
1585
- src: '//www.youtube.com/embed/%id%?autoplay=1'
1586
- },
1587
- vimeo: {
1588
- index: 'vimeo.com/',
1589
- id: '/',
1590
- src: '//player.vimeo.com/video/%id%?autoplay=1'
1591
- },
1592
- gmaps: {
1593
- index: '//maps.google.',
1594
- src: '%id%&output=embed'
1595
- }
1596
- }
1597
- },
1598
-
1599
- proto: {
1600
- initIframe: function() {
1601
- mfp.types.push(IFRAME_NS);
1602
-
1603
- _mfpOn('BeforeChange', function(e, prevType, newType) {
1604
- if(prevType !== newType) {
1605
- if(prevType === IFRAME_NS) {
1606
- _fixIframeBugs(); // iframe if removed
1607
- } else if(newType === IFRAME_NS) {
1608
- _fixIframeBugs(true); // iframe is showing
1609
- }
1610
- }// else {
1611
- // iframe source is switched, don't do anything
1612
- //}
1613
- });
1614
-
1615
- _mfpOn(CLOSE_EVENT + '.' + IFRAME_NS, function() {
1616
- _fixIframeBugs();
1617
- });
1618
- },
1619
-
1620
- getIframe: function(item, template) {
1621
- var embedSrc = item.src;
1622
- var iframeSt = mfp.st.iframe;
1623
-
1624
- $.each(iframeSt.patterns, function() {
1625
- if(embedSrc.indexOf( this.index ) > -1) {
1626
- if(this.id) {
1627
- if(typeof this.id === 'string') {
1628
- embedSrc = embedSrc.substr(embedSrc.lastIndexOf(this.id)+this.id.length, embedSrc.length);
1629
- } else {
1630
- embedSrc = this.id.call( this, embedSrc );
1631
- }
1632
- }
1633
- embedSrc = this.src.replace('%id%', embedSrc );
1634
- return false; // break;
1635
- }
1636
- });
1637
-
1638
- var dataObj = {};
1639
- if(iframeSt.srcAction) {
1640
- dataObj[iframeSt.srcAction] = embedSrc;
1641
- }
1642
- mfp._parseMarkup(template, dataObj, item);
1643
-
1644
- mfp.updateStatus('ready');
1645
-
1646
- return template;
1647
- }
1648
- }
1649
- });
1650
-
1651
-
1652
-
1653
- /*>>iframe*/
1654
-
1655
- /*>>gallery*/
1656
- /**
1657
- * Get looped index depending on number of slides
1658
- */
1659
- var _getLoopedId = function(index) {
1660
- var numSlides = mfp.items.length;
1661
- if(index > numSlides - 1) {
1662
- return index - numSlides;
1663
- } else if(index < 0) {
1664
- return numSlides + index;
1665
- }
1666
- return index;
1667
- },
1668
- _replaceCurrTotal = function(text, curr, total) {
1669
- return text.replace(/%curr%/gi, curr + 1).replace(/%total%/gi, total);
1670
- };
1671
-
1672
- $.eaePopup.registerModule('gallery', {
1673
-
1674
- options: {
1675
- enabled: false,
1676
- arrowMarkup: '<button title="%title%" type="button" class="mfp-arrow mfp-arrow-%dir%"></button>',
1677
- preload: [0,2],
1678
- navigateByImgClick: true,
1679
- arrows: true,
1680
-
1681
- tPrev: 'Previous (Left arrow key)',
1682
- tNext: 'Next (Right arrow key)',
1683
- tCounter: '%curr% of %total%'
1684
- },
1685
-
1686
- proto: {
1687
- initGallery: function() {
1688
-
1689
- var gSt = mfp.st.gallery,
1690
- ns = '.mfp-gallery';
1691
-
1692
- mfp.direction = true; // true - next, false - prev
1693
-
1694
- if(!gSt || !gSt.enabled ) return false;
1695
-
1696
- _wrapClasses += ' mfp-gallery';
1697
-
1698
- _mfpOn(OPEN_EVENT+ns, function() {
1699
-
1700
- if(gSt.navigateByImgClick) {
1701
- mfp.wrap.on('click'+ns, '.mfp-img', function() {
1702
- if(mfp.items.length > 1) {
1703
- mfp.next();
1704
- return false;
1705
- }
1706
- });
1707
- }
1708
-
1709
- _document.on('keydown'+ns, function(e) {
1710
- if (e.keyCode === 37) {
1711
- mfp.prev();
1712
- } else if (e.keyCode === 39) {
1713
- mfp.next();
1714
- }
1715
- });
1716
- });
1717
-
1718
- _mfpOn('UpdateStatus'+ns, function(e, data) {
1719
- if(data.text) {
1720
- data.text = _replaceCurrTotal(data.text, mfp.currItem.index, mfp.items.length);
1721
- }
1722
- });
1723
-
1724
- _mfpOn(MARKUP_PARSE_EVENT+ns, function(e, element, values, item) {
1725
- var l = mfp.items.length;
1726
- values.counter = l > 1 ? _replaceCurrTotal(gSt.tCounter, item.index, l) : '';
1727
- });
1728
-
1729
- _mfpOn('BuildControls' + ns, function() {
1730
- if(mfp.items.length > 1 && gSt.arrows && !mfp.arrowLeft) {
1731
- var markup = gSt.arrowMarkup,
1732
- arrowLeft = mfp.arrowLeft = $( markup.replace(/%title%/gi, gSt.tPrev).replace(/%dir%/gi, 'left') ).addClass(PREVENT_CLOSE_CLASS),
1733
- arrowRight = mfp.arrowRight = $( markup.replace(/%title%/gi, gSt.tNext).replace(/%dir%/gi, 'right') ).addClass(PREVENT_CLOSE_CLASS);
1734
-
1735
- arrowLeft.click(function() {
1736
- mfp.prev();
1737
- });
1738
- arrowRight.click(function() {
1739
- mfp.next();
1740
- });
1741
-
1742
- mfp.container.append(arrowLeft.add(arrowRight));
1743
- }
1744
- });
1745
-
1746
- _mfpOn(CHANGE_EVENT+ns, function() {
1747
- if(mfp._preloadTimeout) clearTimeout(mfp._preloadTimeout);
1748
-
1749
- mfp._preloadTimeout = setTimeout(function() {
1750
- mfp.preloadNearbyImages();
1751
- mfp._preloadTimeout = null;
1752
- }, 16);
1753
- });
1754
-
1755
-
1756
- _mfpOn(CLOSE_EVENT+ns, function() {
1757
- _document.off(ns);
1758
- mfp.wrap.off('click'+ns);
1759
- mfp.arrowRight = mfp.arrowLeft = null;
1760
- });
1761
-
1762
- },
1763
- next: function() {
1764
- mfp.direction = true;
1765
- mfp.index = _getLoopedId(mfp.index + 1);
1766
- mfp.updateItemHTML();
1767
- },
1768
- prev: function() {
1769
- mfp.direction = false;
1770
- mfp.index = _getLoopedId(mfp.index - 1);
1771
- mfp.updateItemHTML();
1772
- },
1773
- goTo: function(newIndex) {
1774
- mfp.direction = (newIndex >= mfp.index);
1775
- mfp.index = newIndex;
1776
- mfp.updateItemHTML();
1777
- },
1778
- preloadNearbyImages: function() {
1779
- var p = mfp.st.gallery.preload,
1780
- preloadBefore = Math.min(p[0], mfp.items.length),
1781
- preloadAfter = Math.min(p[1], mfp.items.length),
1782
- i;
1783
-
1784
- for(i = 1; i <= (mfp.direction ? preloadAfter : preloadBefore); i++) {
1785
- mfp._preloadItem(mfp.index+i);
1786
- }
1787
- for(i = 1; i <= (mfp.direction ? preloadBefore : preloadAfter); i++) {
1788
- mfp._preloadItem(mfp.index-i);
1789
- }
1790
- },
1791
- _preloadItem: function(index) {
1792
- index = _getLoopedId(index);
1793
-
1794
- if(mfp.items[index].preloaded) {
1795
- return;
1796
- }
1797
-
1798
- var item = mfp.items[index];
1799
- if(!item.parsed) {
1800
- item = mfp.parseEl( index );
1801
- }
1802
-
1803
- _mfpTrigger('LazyLoad', item);
1804
-
1805
- if(item.type === 'image') {
1806
- item.img = $('<img class="mfp-img" />').on('load.mfploader', function() {
1807
- item.hasSize = true;
1808
- }).on('error.mfploader', function() {
1809
- item.hasSize = true;
1810
- item.loadError = true;
1811
- _mfpTrigger('LazyLoadError', item);
1812
- }).attr('src', item.src);
1813
- }
1814
-
1815
-
1816
- item.preloaded = true;
1817
- }
1818
- }
1819
- });
1820
-
1821
- /*>>gallery*/
1822
-
1823
- /*>>retina*/
1824
-
1825
- var RETINA_NS = 'retina';
1826
-
1827
- $.eaePopup.registerModule(RETINA_NS, {
1828
- options: {
1829
- replaceSrc: function(item) {
1830
- return item.src.replace(/\.\w+$/, function(m) { return '@2x' + m; });
1831
- },
1832
- ratio: 1 // Function or number. Set to 1 to disable.
1833
- },
1834
- proto: {
1835
- initRetina: function() {
1836
- if(window.devicePixelRatio > 1) {
1837
-
1838
- var st = mfp.st.retina,
1839
- ratio = st.ratio;
1840
-
1841
- ratio = !isNaN(ratio) ? ratio : ratio();
1842
-
1843
- if(ratio > 1) {
1844
- _mfpOn('ImageHasSize' + '.' + RETINA_NS, function(e, item) {
1845
- item.img.css({
1846
- 'max-width': item.img[0].naturalWidth / ratio,
1847
- 'width': '100%'
1848
- });
1849
- });
1850
- _mfpOn('ElementParse' + '.' + RETINA_NS, function(e, item) {
1851
- item.src = st.replaceSrc(item, ratio);
1852
- });
1853
- }
1854
- }
1855
-
1856
- }
1857
- }
1858
- });
1859
-
1860
- /*>>retina*/
1861
  _checkInstance(); }));
1
+ /*! Magnific Popup - v1.1.0 - 2016-02-20
2
+ * http://dimsemenov.com/plugins/magnific-popup/
3
+ * Copyright (c) 2016 Dmitry Semenov; */
4
+ ;(function (factory) {
5
+ if (typeof define === 'function' && define.amd) {
6
+ // AMD. Register as an anonymous module.
7
+ define(['jquery'], factory);
8
+ } else if (typeof exports === 'object') {
9
+ // Node/CommonJS
10
+ factory(require('jquery'));
11
+ } else {
12
+ // Browser globals
13
+ factory(window.jQuery || window.Zepto);
14
+ }
15
+ }(function($) {
16
+
17
+ /*>>core*/
18
+ /**
19
+ *
20
+ * Magnific Popup Core JS file
21
+ *
22
+ */
23
+
24
+
25
+ /**
26
+ * Private static constants
27
+ */
28
+ var CLOSE_EVENT = 'Close',
29
+ BEFORE_CLOSE_EVENT = 'BeforeClose',
30
+ AFTER_CLOSE_EVENT = 'AfterClose',
31
+ BEFORE_APPEND_EVENT = 'BeforeAppend',
32
+ MARKUP_PARSE_EVENT = 'MarkupParse',
33
+ OPEN_EVENT = 'Open',
34
+ CHANGE_EVENT = 'Change',
35
+ NS = 'mfp',
36
+ EVENT_NS = '.' + NS,
37
+ READY_CLASS = 'mfp-ready',
38
+ REMOVING_CLASS = 'mfp-removing',
39
+ PREVENT_CLOSE_CLASS = 'mfp-prevent-close';
40
+
41
+
42
+ /**
43
+ * Private vars
44
+ */
45
+ /*jshint -W079 */
46
+ var mfp, // As we have only one instance of EaePopup object, we define it locally to not to use 'this'
47
+ EaePopup = function(){},
48
+ _isJQ = !!(window.jQuery),
49
+ _prevStatus,
50
+ _window = $(window),
51
+ _document,
52
+ _prevContentType,
53
+ _wrapClasses,
54
+ _currPopupType;
55
+
56
+
57
+ /**
58
+ * Private functions
59
+ */
60
+ var _mfpOn = function(name, f) {
61
+ mfp.ev.on(NS + name + EVENT_NS, f);
62
+ },
63
+ _getEl = function(className, appendTo, html, raw) {
64
+ var el = document.createElement('div');
65
+ el.className = 'mfp-'+className;
66
+ if(html) {
67
+ el.innerHTML = html;
68
+ }
69
+ if(!raw) {
70
+ el = $(el);
71
+ if(appendTo) {
72
+ el.appendTo(appendTo);
73
+ }
74
+ } else if(appendTo) {
75
+ appendTo.appendChild(el);
76
+ }
77
+ return el;
78
+ },
79
+ _mfpTrigger = function(e, data) {
80
+ mfp.ev.triggerHandler(NS + e, data);
81
+
82
+ if(mfp.st.callbacks) {
83
+ // converts "mfpEventName" to "eventName" callback and triggers it if it's present
84
+ e = e.charAt(0).toLowerCase() + e.slice(1);
85
+ if(mfp.st.callbacks[e]) {
86
+ mfp.st.callbacks[e].apply(mfp, $.isArray(data) ? data : [data]);
87
+ }
88
+ }
89
+ },
90
+ _getCloseBtn = function(type) {
91
+ if(type !== _currPopupType || !mfp.currTemplate.closeBtn) {
92
+ mfp.currTemplate.closeBtn = $( mfp.st.closeMarkup.replace('%title%', mfp.st.tClose ) );
93
+ _currPopupType = type;
94
+ }
95
+ return mfp.currTemplate.closeBtn;
96
+ },
97
+ // Initialize Magnific Popup only when called at least once
98
+ _checkInstance = function() {
99
+ if(!$.eaePopup.instance) {
100
+ /*jshint -W020 */
101
+ mfp = new EaePopup();
102
+ mfp.init();
103
+ $.eaePopup.instance = mfp;
104
+ }
105
+ },
106
+ // CSS transition detection, http://stackoverflow.com/questions/7264899/detect-css-transitions-using-javascript-and-without-modernizr
107
+ supportsTransitions = function() {
108
+ var s = document.createElement('p').style, // 's' for style. better to create an element if body yet to exist
109
+ v = ['ms','O','Moz','Webkit']; // 'v' for vendor
110
+
111
+ if( s['transition'] !== undefined ) {
112
+ return true;
113
+ }
114
+
115
+ while( v.length ) {
116
+ if( v.pop() + 'Transition' in s ) {
117
+ return true;
118
+ }
119
+ }
120
+
121
+ return false;
122
+ };
123
+
124
+
125
+
126
+ /**
127
+ * Public functions
128
+ */
129
+ EaePopup.prototype = {
130
+
131
+ constructor: EaePopup,
132
+
133
+ /**
134
+ * Initializes Magnific Popup plugin.
135
+ * This function is triggered only once when $.fn.magnificPopup or $.eaePopup is executed
136
+ */
137
+ init: function() {
138
+ var appVersion = navigator.appVersion;
139
+ mfp.isLowIE = mfp.isIE8 = document.all && !document.addEventListener;
140
+ mfp.isAndroid = (/android/gi).test(appVersion);
141
+ mfp.isIOS = (/iphone|ipad|ipod/gi).test(appVersion);
142
+ mfp.supportsTransition = supportsTransitions();
143
+
144
+ // We disable fixed positioned lightbox on devices that don't handle it nicely.
145
+ // If you know a better way of detecting this - let me know.
146
+ mfp.probablyMobile = (mfp.isAndroid || mfp.isIOS || /(Opera Mini)|Kindle|webOS|BlackBerry|(Opera Mobi)|(Windows Phone)|IEMobile/i.test(navigator.userAgent) );
147
+ _document = $(document);
148
+
149
+ mfp.popupsCache = {};
150
+ },
151
+
152
+ /**
153
+ * Opens popup
154
+ * @param data [description]
155
+ */
156
+ open: function(data) {
157
+
158
+ var i;
159
+
160
+ if(data.isObj === false) {
161
+ // convert jQuery collection to array to avoid conflicts later
162
+ mfp.items = data.items.toArray();
163
+
164
+ mfp.index = 0;
165
+ var items = data.items,
166
+ item;
167
+ for(i = 0; i < items.length; i++) {
168
+ item = items[i];
169
+ if(item.parsed) {
170
+ item = item.el[0];
171
+ }
172
+ if(item === data.el[0]) {
173
+ mfp.index = i;
174
+ break;
175
+ }
176
+ }
177
+ } else {
178
+ mfp.items = $.isArray(data.items) ? data.items : [data.items];
179
+ mfp.index = data.index || 0;
180
+ }
181
+
182
+ // if popup is already opened - we just update the content
183
+ if(mfp.isOpen) {
184
+ mfp.updateItemHTML();
185
+ return;
186
+ }
187
+
188
+ mfp.types = [];
189
+ _wrapClasses = 'bp-popup';
190
+ if(data.mainEl && data.mainEl.length) {
191
+ mfp.ev = data.mainEl.eq(0);
192
+ } else {
193
+ mfp.ev = _document;
194
+ }
195
+
196
+ if(data.key) {
197
+ if(!mfp.popupsCache[data.key]) {
198
+ mfp.popupsCache[data.key] = {};
199
+ }
200
+ mfp.currTemplate = mfp.popupsCache[data.key];
201
+ } else {
202
+ mfp.currTemplate = {};
203
+ }
204
+
205
+
206
+
207
+ mfp.st = $.extend(true, {}, $.eaePopup.defaults, data );
208
+ mfp.fixedContentPos = mfp.st.fixedContentPos === 'auto' ? !mfp.probablyMobile : mfp.st.fixedContentPos;
209
+
210
+ if(mfp.st.modal) {
211
+ mfp.st.closeOnContentClick = false;
212
+ mfp.st.closeOnBgClick = false;
213
+ mfp.st.showCloseBtn = false;
214
+ mfp.st.enableEscapeKey = false;
215
+ }
216
+
217
+
218
+ // Building markup
219
+ // main containers are created only once
220
+ if(!mfp.bgOverlay) {
221
+
222
+ // Dark overlay
223
+ mfp.bgOverlay = _getEl('bg').on('click'+EVENT_NS, function() {
224
+ mfp.close();
225
+ });
226
+
227
+ mfp.wrap = _getEl('wrap').attr('tabindex', -1).on('click'+EVENT_NS, function(e) {
228
+ if(mfp._checkIfClose(e.target)) {
229
+ mfp.close();
230
+ }
231
+ });
232
+
233
+ mfp.container = _getEl('container', mfp.wrap);
234
+ }
235
+
236
+ mfp.contentContainer = _getEl('content');
237
+ if(mfp.st.preloader) {
238
+ mfp.preloader = _getEl('preloader', mfp.container, mfp.st.tLoading);
239
+ }
240
+
241
+
242
+ // Initializing modules
243
+ var modules = $.eaePopup.modules;
244
+ for(i = 0; i < modules.length; i++) {
245
+ var n = modules[i];
246
+ n = n.charAt(0).toUpperCase() + n.slice(1);
247
+ mfp['init'+n].call(mfp);
248
+ }
249
+ _mfpTrigger('BeforeOpen');
250
+
251
+
252
+ if(mfp.st.showCloseBtn) {
253
+ // Close button
254
+ if(!mfp.st.closeBtnInside) {
255
+ mfp.wrap.append( _getCloseBtn() );
256
+ } else {
257
+ _mfpOn(MARKUP_PARSE_EVENT, function(e, template, values, item) {
258
+ values.close_replaceWith = _getCloseBtn(item.type);
259
+ });
260
+ _wrapClasses += ' eae-close-btn-in';
261
+ }
262
+ }
263
+
264
+ if(mfp.st.alignTop) {
265
+ _wrapClasses += ' mfp-align-top';
266
+ }
267
+
268
+
269
+
270
+ if(mfp.fixedContentPos) {
271
+ mfp.wrap.css({
272
+ overflow: mfp.st.overflowY,
273
+ overflowX: 'hidden',
274
+ overflowY: mfp.st.overflowY
275
+ });
276
+ } else {
277
+ mfp.wrap.css({
278
+ top: _window.scrollTop(),
279
+ position: 'absolute'
280
+ });
281
+ }
282
+ if( mfp.st.fixedBgPos === false || (mfp.st.fixedBgPos === 'auto' && !mfp.fixedContentPos) ) {
283
+ mfp.bgOverlay.css({
284
+ height: _document.height(),
285
+ position: 'absolute'
286
+ });
287
+ }
288
+
289
+
290
+
291
+ if(mfp.st.enableEscapeKey) {
292
+ // Close on ESC key
293
+ _document.on('keyup' + EVENT_NS, function(e) {
294
+ if(e.keyCode === 27) {
295
+ mfp.close();
296
+ }
297
+ });
298
+ }
299
+
300
+ _window.on('resize' + EVENT_NS, function() {
301
+ mfp.updateSize();
302
+ });
303
+
304
+
305
+ if(!mfp.st.closeOnContentClick) {
306
+ _wrapClasses += ' mfp-auto-cursor';
307
+ }
308
+
309
+ if(_wrapClasses)
310
+ mfp.wrap.addClass(_wrapClasses);
311
+
312
+
313
+ // this triggers recalculation of layout, so we get it once to not to trigger twice
314
+ var windowHeight = mfp.wH = _window.height();
315
+
316
+
317
+ var windowStyles = {};
318
+
319
+ if( mfp.fixedContentPos ) {
320
+ if(mfp._hasScrollBar(windowHeight)){
321
+ var s = mfp._getScrollbarSize();
322
+ if(s) {
323
+ windowStyles.marginRight = s;
324
+ }
325
+ }
326
+ }
327
+
328
+ if(mfp.fixedContentPos) {
329
+ if(!mfp.isIE7) {
330
+ windowStyles.overflow = 'hidden';
331
+ } else {
332
+ // ie7 double-scroll bug
333
+ $('body, html').css('overflow', 'hidden');
334
+ }
335
+ }
336
+
337
+
338
+
339
+ var classesToadd = mfp.st.mainClass;
340
+ if(mfp.isIE7) {
341
+ classesToadd += ' mfp-ie7';
342
+ }
343
+ if(classesToadd) {
344
+ mfp._addClassToMFP( classesToadd );
345
+ }
346
+
347
+ // add content
348
+ mfp.updateItemHTML();
349
+
350
+ _mfpTrigger('BuildControls');
351
+
352
+ // remove scrollbar, add margin e.t.c
353
+ $('html').css(windowStyles);
354
+
355
+ // add everything to DOM
356
+ mfp.bgOverlay.add(mfp.wrap).prependTo( mfp.st.prependTo || $(document.body) );
357
+
358
+ // Save last focused element
359
+ mfp._lastFocusedEl = document.activeElement;
360
+
361
+ // Wait for next cycle to allow CSS transition
362
+ setTimeout(function() {
363
+
364
+ if(mfp.content) {
365
+ mfp._addClassToMFP(READY_CLASS);
366
+ mfp._setFocus();
367
+ } else {
368
+ // if content is not defined (not loaded e.t.c) we add class only for BG
369
+ mfp.bgOverlay.addClass(READY_CLASS);
370
+ }
371
+
372
+ // Trap the focus in popup
373
+ _document.on('focusin' + EVENT_NS, mfp._onFocusIn);
374
+
375
+ }, 16);
376
+
377
+ mfp.isOpen = true;
378
+ mfp.updateSize(windowHeight);
379
+ _mfpTrigger(OPEN_EVENT);
380
+ //mfp.bgOverlay.attr('class', 'bp-popup mfp-bg');
381
+ return data;
382
+ },
383
+
384
+ /**
385
+ * Closes the popup
386
+ */
387
+ close: function() {
388
+ if(!mfp.isOpen) return;
389
+ _mfpTrigger(BEFORE_CLOSE_EVENT);
390
+
391
+ mfp.isOpen = false;
392
+ // for CSS3 animation
393
+ if(mfp.st.removalDelay && !mfp.isLowIE && mfp.supportsTransition ) {
394
+ mfp._addClassToMFP(REMOVING_CLASS);
395
+ setTimeout(function() {
396
+ mfp._close();
397
+ }, mfp.st.removalDelay);
398
+ } else {
399
+ mfp._close();
400
+ }
401
+ },
402
+
403
+ /**
404
+ * Helper for close() function
405
+ */
406
+ _close: function() {
407
+ _mfpTrigger(CLOSE_EVENT);
408
+
409
+ var classesToRemove = REMOVING_CLASS + ' ' + READY_CLASS + ' ';
410
+
411
+ mfp.bgOverlay.detach();
412
+ mfp.wrap.detach();
413
+ mfp.container.empty();
414
+
415
+ if(mfp.st.mainClass) {
416
+ classesToRemove += mfp.st.mainClass + ' ';
417
+ }
418
+
419
+ mfp._removeClassFromMFP(classesToRemove);
420
+
421
+ if(mfp.fixedContentPos) {
422
+ var windowStyles = {marginRight: ''};
423
+ if(mfp.isIE7) {
424
+ $('body, html').css('overflow', '');
425
+ } else {
426
+ windowStyles.overflow = '';
427
+ }
428
+ $('html').css(windowStyles);
429
+ }
430
+
431
+ _document.off('keyup' + EVENT_NS + ' focusin' + EVENT_NS);
432
+ mfp.ev.off(EVENT_NS);
433
+
434
+ // clean up DOM elements that aren't removed
435
+ mfp.wrap.attr('class', 'mfp-wrap').removeAttr('style');
436
+ mfp.bgOverlay.attr('class', 'bp-popup mfp-bg');
437
+ mfp.container.attr('class', 'mfp-container');
438
+
439
+ // remove close button from target element
440
+ if(mfp.st.showCloseBtn &&
441
+ (!mfp.st.closeBtnInside || mfp.currTemplate[mfp.currItem.type] === true)) {
442
+ if(mfp.currTemplate.closeBtn)
443
+ mfp.currTemplate.closeBtn.detach();
444
+ }
445
+
446
+
447
+ if(mfp.st.autoFocusLast && mfp._lastFocusedEl) {
448
+ $(mfp._lastFocusedEl).focus(); // put tab focus back
449
+ }
450
+ mfp.currItem = null;
451
+ mfp.content = null;
452
+ mfp.currTemplate = null;
453
+ mfp.prevHeight = 0;
454
+
455
+ _mfpTrigger(AFTER_CLOSE_EVENT);
456
+ },
457
+
458
+ updateSize: function(winHeight) {
459
+
460
+ if(mfp.isIOS) {
461
+ // fixes iOS nav bars https://github.com/dimsemenov/Magnific-Popup/issues/2
462
+ var zoomLevel = document.documentElement.clientWidth / window.innerWidth;
463
+ var height = window.innerHeight * zoomLevel;
464
+ mfp.wrap.css('height', height);
465
+ mfp.wH = height;
466
+ } else {
467
+ mfp.wH = winHeight || _window.height();
468
+ }
469
+ // Fixes #84: popup incorrectly positioned with position:relative on body
470
+ if(!mfp.fixedContentPos) {
471
+ mfp.wrap.css('height', mfp.wH);
472
+ }
473
+
474
+ _mfpTrigger('Resize');
475
+
476
+ },
477
+
478
+ /**
479
+ * Set content of popup based on current index
480
+ */
481
+ updateItemHTML: function() {
482
+ var item = mfp.items[mfp.index];
483
+
484
+ // Detach and perform modifications
485
+ mfp.contentContainer.detach();
486
+
487
+ if(mfp.content)
488
+ mfp.content.detach();
489
+
490
+ if(!item.parsed) {
491
+ item = mfp.parseEl( mfp.index );
492
+ }
493
+
494
+ var type = item.type;
495
+
496
+ _mfpTrigger('BeforeChange', [mfp.currItem ? mfp.currItem.type : '', type]);
497
+ // BeforeChange event works like so:
498
+ // _mfpOn('BeforeChange', function(e, prevType, newType) { });
499
+
500
+ mfp.currItem = item;
501
+
502
+ if(!mfp.currTemplate[type]) {
503
+ var markup = mfp.st[type] ? mfp.st[type].markup : false;
504
+
505
+ // allows to modify markup
506
+ _mfpTrigger('FirstMarkupParse', markup);
507
+
508
+ if(markup) {
509
+ mfp.currTemplate[type] = $(markup);
510
+ } else {
511
+ // if there is no markup found we just define that template is parsed
512
+ mfp.currTemplate[type] = true;
513
+ }
514
+ }
515
+
516
+ if(_prevContentType && _prevContentType !== item.type) {
517
+ mfp.container.removeClass('mfp-'+_prevContentType+'-holder');
518
+ }
519
+
520
+ var newContent = mfp['get' + type.charAt(0).toUpperCase() + type.slice(1)](item, mfp.currTemplate[type]);
521
+ mfp.appendContent(newContent, type);
522
+
523
+ item.preloaded = true;
524
+
525
+ _mfpTrigger(CHANGE_EVENT, item);
526
+ _prevContentType = item.type;
527
+
528
+ // Append container back after its content changed
529
+ mfp.container.prepend(mfp.contentContainer);
530
+
531
+ _mfpTrigger('AfterChange');
532
+ },
533
+
534
+
535
+ /**
536
+ * Set HTML content of popup
537
+ */
538
+ appendContent: function(newContent, type) {
539
+ mfp.content = newContent;
540
+
541
+ if(newContent) {
542
+ if(mfp.st.showCloseBtn && mfp.st.closeBtnInside &&
543
+ mfp.currTemplate[type] === true) {
544
+ // if there is no markup, we just append close button element inside
545
+ if(!mfp.content.find('.eae-close').length) {
546
+ mfp.content.append(_getCloseBtn());
547
+ }
548
+ } else {
549
+ mfp.content = newContent;
550
+ }
551
+ } else {
552
+ mfp.content = '';
553
+ }
554
+
555
+ _mfpTrigger(BEFORE_APPEND_EVENT);
556
+ mfp.container.addClass('mfp-'+type+'-holder');
557
+
558
+ mfp.contentContainer.append(mfp.content);
559
+ },
560
+
561
+
562
+ /**
563
+ * Creates Magnific Popup data object based on given data
564
+ * @param {int} index Index of item to parse
565
+ */
566
+ parseEl: function(index) {
567
+ var item = mfp.items[index],
568
+ type;
569
+
570
+ if(item.tagName) {
571
+ item = { el: $(item) };
572
+ } else {
573
+ type = item.type;
574
+ item = { data: item, src: item.src };
575
+ }
576
+
577
+ if(item.el) {
578
+ var types = mfp.types;
579
+
580
+ // check for 'mfp-TYPE' class
581
+ for(var i = 0; i < types.length; i++) {
582
+ if( item.el.hasClass('mfp-'+types[i]) ) {
583
+ type = types[i];
584
+ break;
585
+ }
586
+ }
587
+
588
+ item.src = item.el.attr('data-mfp-src');
589
+ if(!item.src) {
590
+ item.src = item.el.attr('href');
591
+ }
592
+ }
593
+
594
+ item.type = type || mfp.st.type || 'inline';
595
+ item.index = index;
596
+ item.parsed = true;
597
+ mfp.items[index] = item;
598
+ _mfpTrigger('ElementParse', item);
599
+
600
+ return mfp.items[index];
601
+ },
602
+
603
+
604
+ /**
605
+ * Initializes single popup or a group of popups
606
+ */
607
+ addGroup: function(el, options) {
608
+ var eHandler = function(e) {
609
+ e.mfpEl = this;
610
+ mfp._openClick(e, el, options);
611
+ };
612
+
613
+ if(!options) {
614
+ options = {};
615
+ }
616
+
617
+ var eName = 'click.magnificPopup';
618
+ options.mainEl = el;
619
+
620
+ if(options.items) {
621
+ options.isObj = true;
622
+ el.off(eName).on(eName, eHandler);
623
+ } else {
624
+ options.isObj = false;
625
+ if(options.delegate) {
626
+ el.off(eName).on(eName, options.delegate , eHandler);
627
+ } else {
628
+ options.items = el;
629
+ el.off(eName).on(eName, eHandler);
630
+ }
631
+ }
632
+ },
633
+ _openClick: function(e, el, options) {
634
+
635
+ var midClick = options.midClick !== undefined ? options.midClick : $.eaePopup.defaults.midClick;
636
+
637
+
638
+ if(!midClick && ( e.which === 2 || e.ctrlKey || e.metaKey || e.altKey || e.shiftKey ) ) {
639
+ return;
640
+ }
641
+
642
+ var disableOn = options.disableOn !== undefined ? options.disableOn : $.eaePopup.defaults.disableOn;
643
+
644
+ if(disableOn) {
645
+ if($.isFunction(disableOn)) {
646
+ if( !disableOn.call(mfp) ) {
647
+ return true;
648
+ }
649
+ } else { // else it's number
650
+ if( _window.width() < disableOn ) {
651
+ return true;
652
+ }
653
+ }
654
+ }
655
+
656
+ if(e.type) {
657
+ e.preventDefault();
658
+
659
+ // This will prevent popup from closing if element is inside and popup is already opened
660
+ if(mfp.isOpen) {
661
+ e.stopPropagation();
662
+ }
663
+ }
664
+
665
+ options.el = $(e.mfpEl);
666
+ if(options.delegate) {
667
+ options.items = el.find(options.delegate);
668
+ }
669
+ mfp.open(options);
670
+ },
671
+
672
+
673
+ /**
674
+ * Updates text on preloader
675
+ */
676
+ updateStatus: function(status, text) {
677
+
678
+ if(mfp.preloader) {
679
+ if(_prevStatus !== status) {
680
+ mfp.container.removeClass('mfp-s-'+_prevStatus);
681
+ }
682
+
683
+ if(!text && status === 'loading') {
684
+ text = mfp.st.tLoading;
685
+ }
686
+
687
+ var data = {
688
+ status: status,
689
+ text: text
690
+ };
691
+ // allows to modify status
692
+ _mfpTrigger('UpdateStatus', data);
693
+
694
+ status = data.status;
695
+ text = data.text;
696
+
697
+ mfp.preloader.html(text);
698
+
699
+ mfp.preloader.find('a').on('click', function(e) {
700
+ e.stopImmediatePropagation();
701
+ });
702
+
703
+ mfp.container.addClass('mfp-s-'+status);
704
+ _prevStatus = status;
705
+ }
706
+ },
707
+
708
+
709
+ /*
710
+ "Private" helpers that aren't private at all
711
+ */
712
+ // Check to close popup or not
713
+ // "target" is an element that was clicked
714
+ _checkIfClose: function(target) {
715
+
716
+ if($(target).hasClass(PREVENT_CLOSE_CLASS)) {
717
+ return;
718
+ }
719
+
720
+ var closeOnContent = mfp.st.closeOnContentClick;
721
+ var closeOnBg = mfp.st.closeOnBgClick;
722
+
723
+ if(closeOnContent && closeOnBg) {
724
+ return true;
725
+ } else {
726
+
727
+ // We close the popup if click is on close button or on preloader. Or if there is no content.
728
+ if(!mfp.content || $(target).hasClass('eae-close') || (mfp.preloader && target === mfp.preloader[0]) ) {
729
+ return true;
730
+ }
731
+
732
+ // if click is outside the content
733
+ if( (target !== mfp.content[0] && !$.contains(mfp.content[0], target)) ) {
734
+ if(closeOnBg) {
735
+ // last check, if the clicked element is in DOM, (in case it's removed onclick)
736
+ if( $.contains(document, target) ) {
737
+ return true;
738
+ }
739
+ }
740
+ } else if(closeOnContent) {
741
+ return true;
742
+ }
743
+
744
+ }
745
+ return false;
746
+ },
747
+ _addClassToMFP: function(cName) {
748
+ mfp.bgOverlay.addClass(cName);
749
+ mfp.wrap.addClass(cName);
750
+ },
751
+ _removeClassFromMFP: function(cName) {
752
+ this.bgOverlay.removeClass(cName);
753
+ mfp.wrap.removeClass(cName);
754
+ },
755
+ _hasScrollBar: function(winHeight) {
756
+ return ( (mfp.isIE7 ? _document.height() : document.body.scrollHeight) > (winHeight || _window.height()) );
757
+ },
758
+ _setFocus: function() {
759
+ (mfp.st.focus ? mfp.content.find(mfp.st.focus).eq(0) : mfp.wrap).focus();
760
+ },
761
+ _onFocusIn: function(e) {
762
+ if( e.target !== mfp.wrap[0] && !$.contains(mfp.wrap[0], e.target) ) {
763
+ mfp._setFocus();
764
+ return false;
765
+ }
766
+ },
767
+ _parseMarkup: function(template, values, item) {
768
+ var arr;
769
+ if(item.data) {
770
+ values = $.extend(item.data, values);
771
+ }
772
+ _mfpTrigger(MARKUP_PARSE_EVENT, [template, values, item] );
773
+
774
+ $.each(values, function(key, value) {
775
+ if(value === undefined || value === false) {
776
+ return true;
777
+ }
778
+ arr = key.split('_');
779
+ if(arr.length > 1) {
780
+ var el = template.find(EVENT_NS + '-'+arr[0]);
781
+
782
+ if(el.length > 0) {
783
+ var attr = arr[1];
784
+ if(attr === 'replaceWith') {
785
+ if(el[0] !== value[0]) {
786
+ el.replaceWith(value);
787
+ }
788
+ } else if(attr === 'img') {
789
+ if(el.is('img')) {
790
+ el.attr('src', value);
791
+ } else {
792
+ el.replaceWith( $('<img>').attr('src', value).attr('class', el.attr('class')) );
793
+ }
794
+ } else {
795
+ el.attr(arr[1], value);
796
+ }
797
+ }
798
+
799
+ } else {
800
+ template.find(EVENT_NS + '-'+key).html(value);
801
+ }
802
+ });
803
+ },
804
+
805
+ _getScrollbarSize: function() {
806
+ // thx David
807
+ if(mfp.scrollbarSize === undefined) {
808
+ var scrollDiv = document.createElement("div");
809
+ scrollDiv.style.cssText = 'width: 99px; height: 99px; overflow: scroll; position: absolute; top: -9999px;';
810
+ document.body.appendChild(scrollDiv);
811
+ mfp.scrollbarSize = scrollDiv.offsetWidth - scrollDiv.clientWidth;
812
+ document.body.removeChild(scrollDiv);
813
+ }
814
+ return mfp.scrollbarSize;
815
+ }
816
+
817
+ }; /* EaePopup core prototype end */
818
+
819
+
820
+
821
+
822
+ /**
823
+ * Public static functions
824
+ */
825
+ $.eaePopup = {
826
+ instance: null,
827
+ proto: EaePopup.prototype,
828
+ modules: [],
829
+
830
+ open: function(options, index) {
831
+ _checkInstance();
832
+
833
+ if(!options) {
834
+ options = {};
835
+ } else {
836
+ options = $.extend(true, {}, options);
837
+ }
838
+
839
+ options.isObj = true;
840
+ options.index = index || 0;
841
+ return this.instance.open(options);
842
+ },
843
+
844
+ close: function() {
845
+ return $.eaePopup.instance && $.eaePopup.instance.close();
846
+ },
847
+
848
+ registerModule: function(name, module) {
849
+ if(module.options) {
850
+ $.eaePopup.defaults[name] = module.options;
851
+ }
852
+ $.extend(this.proto, module.proto);
853
+ this.modules.push(name);
854
+ },
855
+
856
+ defaults: {
857
+
858
+ // Info about options is in docs:
859
+ // http://dimsemenov.com/plugins/magnific-popup/documentation.html#options
860
+
861
+ disableOn: 0,
862
+
863
+ key: null,
864
+
865
+ midClick: false,
866
+
867
+ mainClass: '',
868
+
869
+ preloader: true,
870
+
871
+ focus: '', // CSS selector of input to focus after popup is opened
872
+
873
+ closeOnContentClick: false,
874
+
875
+ closeOnBgClick: true,
876
+
877
+ closeBtnInside: true,
878
+
879
+ showCloseBtn: true,
880
+
881
+ enableEscapeKey: true,
882
+
883
+ modal: false,
884
+
885
+ alignTop: false,
886
+
887
+ removalDelay: 0,
888
+
889
+ prependTo: null,
890
+
891
+ fixedContentPos: 'auto',
892
+
893
+ fixedBgPos: 'auto',
894
+
895
+ overflowY: 'auto',
896
+
897
+ closeMarkup: '<button title="%title%" type="button" class="eae-close">&#215;</button>',
898
+
899
+ tClose: 'Close (Esc)',
900
+
901
+ tLoading: 'Loading...',
902
+
903
+ autoFocusLast: true
904
+
905
+ }
906
+ };
907
+
908
+
909
+
910
+ $.fn.eaePopup = function(options) {
911
+ _checkInstance();
912
+ //console.log('popup');
913
+ var jqEl = $(this);
914
+
915
+ // We call some API method of first param is a string
916
+ if (typeof options === "string" ) {
917
+
918
+ if(options === 'open') {
919
+ var items,
920
+ itemOpts = _isJQ ? jqEl.data('magnificPopup') : jqEl[0].magnificPopup,
921
+ index = parseInt(arguments[1], 10) || 0;
922
+
923
+ if(itemOpts.items) {
924
+ items = itemOpts.items[index];
925
+ } else {
926
+ items = jqEl;
927
+ if(itemOpts.delegate) {
928
+ items = items.find(itemOpts.delegate);
929
+ }
930
+ items = items.eq( index );
931
+ }
932
+ mfp._openClick({mfpEl:items}, jqEl, itemOpts);
933
+ } else {
934
+ if(mfp.isOpen)
935
+ mfp[options].apply(mfp, Array.prototype.slice.call(arguments, 1));
936
+ }
937
+
938
+ } else {
939
+ // clone options obj
940
+ options = $.extend(true, {}, options);
941
+
942
+ /*
943
+ * As Zepto doesn't support .data() method for objects
944
+ * and it works only in normal browsers
945
+ * we assign "options" object directly to the DOM element. FTW!
946
+ */
947
+ if(_isJQ) {
948
+ jqEl.data('magnificPopup', options);
949
+ } else {
950
+ jqEl[0].magnificPopup = options;
951
+ }
952
+
953
+ mfp.addGroup(jqEl, options);
954
+
955
+ }
956
+ return jqEl;
957
+ };
958
+
959
+ /*>>core*/
960
+
961
+ /*>>inline*/
962
+
963
+ var INLINE_NS = 'inline',
964
+ _hiddenClass,
965
+ _inlinePlaceholder,
966
+ _lastInlineElement,
967
+ _putInlineElementsBack = function() {
968
+ if(_lastInlineElement) {
969
+ _inlinePlaceholder.after( _lastInlineElement.addClass(_hiddenClass) ).detach();
970
+ _lastInlineElement = null;
971
+ }
972
+ };
973
+
974
+ $.eaePopup.registerModule(INLINE_NS, {
975
+ options: {
976
+ hiddenClass: 'hide', // will be appended with `mfp-` prefix
977
+ markup: '',
978
+ tNotFound: 'Content not found'
979
+ },
980
+ proto: {
981
+
982
+ initInline: function() {
983
+ mfp.types.push(INLINE_NS);
984
+
985
+ _mfpOn(CLOSE_EVENT+'.'+INLINE_NS, function() {
986
+ _putInlineElementsBack();
987
+ });
988
+ },
989
+
990
+ getInline: function(item, template) {
991
+
992
+ _putInlineElementsBack();
993
+
994
+ if(item.src) {
995
+ var inlineSt = mfp.st.inline,
996
+ el = $(item.src);
997
+
998
+ if(el.length) {
999
+
1000
+ // If target element has parent - we replace it with placeholder and put it back after popup is closed
1001
+ var parent = el[0].parentNode;
1002
+ if(parent && parent.tagName) {
1003
+ if(!_inlinePlaceholder) {
1004
+ _hiddenClass = inlineSt.hiddenClass;
1005
+ _inlinePlaceholder = _getEl(_hiddenClass);
1006
+ _hiddenClass = 'mfp-'+_hiddenClass;
1007
+ }
1008
+ // replace target inline element with placeholder
1009
+ _lastInlineElement = el.after(_inlinePlaceholder).detach().removeClass(_hiddenClass);
1010
+ }
1011
+
1012
+ mfp.updateStatus('ready');
1013
+ } else {
1014
+ mfp.updateStatus('error', inlineSt.tNotFound);
1015
+ el = $('<div>');
1016
+ }
1017
+
1018
+ item.inlineElement = el;
1019
+ return el;
1020
+ }
1021
+
1022
+ mfp.updateStatus('ready');
1023
+ mfp._parseMarkup(template, {}, item);
1024
+ return template;
1025
+ }
1026
+ }
1027
+ });
1028
+
1029
+ /*>>inline*/
1030
+
1031
+ /*>>ajax*/
1032
+ var AJAX_NS = 'ajax',
1033
+ _ajaxCur,
1034
+ _removeAjaxCursor = function() {
1035
+ if(_ajaxCur) {
1036
+ $(document.body).removeClass(_ajaxCur);
1037
+ }
1038
+ },
1039
+ _destroyAjaxRequest = function() {
1040
+ _removeAjaxCursor();
1041
+ if(mfp.req) {
1042
+ mfp.req.abort();
1043
+ }
1044
+ };
1045
+
1046
+ $.eaePopup.registerModule(AJAX_NS, {
1047
+
1048
+ options: {
1049
+ settings: null,
1050
+ cursor: 'mfp-ajax-cur',
1051
+ tError: '<a href="%url%">The content</a> could not be loaded.'
1052
+ },
1053
+
1054
+ proto: {
1055
+ initAjax: function() {
1056
+ mfp.types.push(AJAX_NS);
1057
+ _ajaxCur = mfp.st.ajax.cursor;
1058
+
1059
+ _mfpOn(CLOSE_EVENT+'.'+AJAX_NS, _destroyAjaxRequest);
1060
+ _mfpOn('BeforeChange.' + AJAX_NS, _destroyAjaxRequest);
1061
+ },
1062
+ getAjax: function(item) {
1063
+
1064
+ if(_ajaxCur) {
1065
+ $(document.body).addClass(_ajaxCur);
1066
+ }
1067
+
1068
+ mfp.updateStatus('loading');
1069
+
1070
+ var opts = $.extend({
1071
+ url: item.src,
1072
+ success: function(data, textStatus, jqXHR) {
1073
+ var temp = {
1074
+ data:data,
1075
+ xhr:jqXHR
1076
+ };
1077
+
1078
+ _mfpTrigger('ParseAjax', temp);
1079
+
1080
+ mfp.appendContent( $(temp.data), AJAX_NS );
1081
+
1082
+ item.finished = true;
1083
+
1084
+ _removeAjaxCursor();
1085
+
1086
+ mfp._setFocus();
1087
+
1088
+ setTimeout(function() {
1089
+ mfp.wrap.addClass(READY_CLASS);
1090
+ }, 16);
1091
+
1092
+ mfp.updateStatus('ready');
1093
+
1094
+ _mfpTrigger('AjaxContentAdded');
1095
+ },
1096
+ error: function() {
1097
+ _removeAjaxCursor();
1098
+ item.finished = item.loadError = true;
1099
+ mfp.updateStatus('error', mfp.st.ajax.tError.replace('%url%', item.src));
1100
+ }
1101
+ }, mfp.st.ajax.settings);
1102
+
1103
+ mfp.req = $.ajax(opts);
1104
+
1105
+ return '';
1106
+ }
1107
+ }
1108
+ });
1109
+
1110
+ /*>>ajax*/
1111
+
1112
+ /*>>image*/
1113
+ var _imgInterval,
1114
+ _getTitle = function(item) {
1115
+ if(item.data && item.data.title !== undefined)
1116
+ return item.data.title;
1117
+
1118
+ var src = mfp.st.image.titleSrc;
1119
+
1120
+ if(src) {
1121
+ if($.isFunction(src)) {
1122
+ return src.call(mfp, item);
1123
+ } else if(item.el) {
1124
+ return item.el.attr(src) || '';
1125
+ }
1126
+ }
1127
+ return '';
1128
+ };
1129
+
1130
+ $.eaePopup.registerModule('image', {
1131
+
1132
+ options: {
1133
+ markup: '<div class="mfp-figure">'+
1134
+ '<div class="eae-close"></div>'+
1135
+ '<figure>'+
1136
+ '<div class="mfp-img"></div>'+
1137
+ '<figcaption>'+
1138
+ '<div class="mfp-bottom-bar">'+
1139
+ '<div class="mfp-title"></div>'+
1140
+ '<div class="mfp-counter"></div>'+
1141
+ '</div>'+
1142
+ '</figcaption>'+
1143
+ '</figure>'+
1144
+ '</div>',
1145
+ cursor: 'mfp-zoom-out-cur',
1146
+ titleSrc: 'title',
1147
+ verticalFit: true,
1148
+ tError: '<a href="%url%">The image</a> could not be loaded.'
1149
+ },
1150
+
1151
+ proto: {
1152
+ initImage: function() {
1153
+ var imgSt = mfp.st.image,
1154
+ ns = '.image';
1155
+
1156
+ mfp.types.push('image');
1157
+
1158
+ _mfpOn(OPEN_EVENT+ns, function() {
1159
+ if(mfp.currItem.type === 'image' && imgSt.cursor) {
1160
+ $(document.body).addClass(imgSt.cursor);
1161
+ }
1162
+ });
1163
+
1164
+ _mfpOn(CLOSE_EVENT+ns, function() {
1165
+ if(imgSt.cursor) {
1166
+ $(document.body).removeClass(imgSt.cursor);
1167
+ }
1168
+ _window.off('resize' + EVENT_NS);
1169
+ });
1170
+
1171
+ _mfpOn('Resize'+ns, mfp.resizeImage);
1172
+ if(mfp.isLowIE) {
1173
+ _mfpOn('AfterChange', mfp.resizeImage);
1174
+ }
1175
+ },
1176
+ resizeImage: function() {
1177
+ var item = mfp.currItem;
1178
+ if(!item || !item.img) return;
1179
+
1180
+ if(mfp.st.image.verticalFit) {
1181
+ var decr = 0;
1182
+ // fix box-sizing in ie7/8
1183
+ if(mfp.isLowIE) {
1184
+ decr = parseInt(item.img.css('padding-top'), 10) + parseInt(item.img.css('padding-bottom'),10);
1185
+ }
1186
+ item.img.css('max-height', mfp.wH-decr);
1187
+ }
1188
+ },
1189
+ _onImageHasSize: function(item) {
1190
+ if(item.img) {
1191
+
1192
+ item.hasSize = true;
1193
+
1194
+ if(_imgInterval) {
1195
+ clearInterval(_imgInterval);
1196
+ }
1197
+
1198
+ item.isCheckingImgSize = false;
1199
+
1200
+ _mfpTrigger('ImageHasSize', item);
1201
+
1202
+ if(item.imgHidden) {
1203
+ if(mfp.content)
1204
+ mfp.content.removeClass('mfp-loading');
1205
+
1206
+ item.imgHidden = false;
1207
+ }
1208
+
1209
+ }
1210
+ },
1211
+
1212
+ /**
1213
+ * Function that loops until the image has size to display elements that rely on it asap
1214
+ */
1215
+ findImageSize: function(item) {
1216
+
1217
+ var counter = 0,
1218
+ img = item.img[0],
1219
+ mfpSetInterval = function(delay) {
1220
+
1221
+ if(_imgInterval) {
1222
+ clearInterval(_imgInterval);
1223
+ }
1224
+ // decelerating interval that checks for size of an image
1225
+ _imgInterval = setInterval(function() {
1226
+ if(img.naturalWidth > 0) {
1227
+ mfp._onImageHasSize(item);
1228
+ return;
1229
+ }
1230
+
1231
+ if(counter > 200) {
1232
+ clearInterval(_imgInterval);
1233
+ }
1234
+
1235
+ counter++;
1236
+ if(counter === 3) {
1237
+ mfpSetInterval(10);
1238
+ } else if(counter === 40) {
1239
+ mfpSetInterval(50);
1240
+ } else if(counter === 100) {
1241
+ mfpSetInterval(500);
1242
+ }
1243
+ }, delay);
1244
+ };
1245
+
1246
+ mfpSetInterval(1);
1247
+ },
1248
+
1249
+ getImage: function(item, template) {
1250
+
1251
+ var guard = 0,
1252
+
1253
+ // image load complete handler
1254
+ onLoadComplete = function() {
1255
+ if(item) {
1256
+ if (item.img[0].complete) {
1257
+ item.img.off('.mfploader');
1258
+
1259
+ if(item === mfp.currItem){
1260
+ mfp._onImageHasSize(item);
1261
+
1262
+ mfp.updateStatus('ready');
1263
+ }
1264
+
1265
+ item.hasSize = true;
1266
+ item.loaded = true;
1267
+
1268
+ _mfpTrigger('ImageLoadComplete');
1269
+
1270
+ }
1271
+ else {
1272
+ // if image complete check fails 200 times (20 sec), we assume that there was an error.
1273
+ guard++;
1274
+ if(guard < 200) {
1275
+ setTimeout(onLoadComplete,100);
1276
+ } else {
1277
+ onLoadError();
1278
+ }
1279
+ }
1280
+ }
1281
+ },
1282
+
1283
+ // image error handler
1284
+ onLoadError = function() {
1285
+ if(item) {
1286
+ item.img.off('.mfploader');
1287
+ if(item === mfp.currItem){
1288
+ mfp._onImageHasSize(item);
1289
+ mfp.updateStatus('error', imgSt.tError.replace('%url%', item.src) );
1290
+ }
1291
+
1292
+ item.hasSize = true;
1293
+ item.loaded = true;
1294
+ item.loadError = true;
1295
+ }
1296
+ },
1297
+ imgSt = mfp.st.image;
1298
+
1299
+
1300
+ var el = template.find('.mfp-img');
1301
+ if(el.length) {
1302
+ var img = document.createElement('img');
1303
+ img.className = 'mfp-img';
1304
+ if(item.el && item.el.find('img').length) {
1305
+ img.alt = item.el.find('img').attr('alt');
1306
+ }
1307
+ item.img = $(img).on('load.mfploader', onLoadComplete).on('error.mfploader', onLoadError);
1308
+ img.src = item.src;
1309
+
1310
+ // without clone() "error" event is not firing when IMG is replaced by new IMG
1311
+ // TODO: find a way to avoid such cloning
1312
+ if(el.is('img')) {
1313
+ item.img = item.img.clone();
1314
+ }
1315
+
1316
+ img = item.img[0];
1317
+ if(img.naturalWidth > 0) {
1318
+ item.hasSize = true;
1319
+ } else if(!img.width) {
1320
+ item.hasSize = false;
1321
+ }
1322
+ }
1323
+
1324
+ mfp._parseMarkup(template, {
1325
+ title: _getTitle(item),
1326
+ img_replaceWith: item.img
1327
+ }, item);
1328
+
1329
+ mfp.resizeImage();
1330
+
1331
+ if(item.hasSize) {
1332
+ if(_imgInterval) clearInterval(_imgInterval);
1333
+
1334
+ if(item.loadError) {
1335
+ template.addClass('mfp-loading');
1336
+ mfp.updateStatus('error', imgSt.tError.replace('%url%', item.src) );
1337
+ } else {
1338
+ template.removeClass('mfp-loading');
1339
+ mfp.updateStatus('ready');
1340
+ }
1341
+ return template;
1342
+ }
1343
+
1344
+ mfp.updateStatus('loading');
1345
+ item.loading = true;
1346
+
1347
+ if(!item.hasSize) {
1348
+ item.imgHidden = true;
1349
+ template.addClass('mfp-loading');
1350
+ mfp.findImageSize(item);
1351
+ }
1352
+
1353
+ return template;
1354
+ }
1355
+ }
1356
+ });
1357
+
1358
+ /*>>image*/
1359
+
1360
+ /*>>zoom*/
1361
+ var hasMozTransform,
1362
+ getHasMozTransform = function() {
1363
+ if(hasMozTransform === undefined) {
1364
+ hasMozTransform = document.createElement('p').style.MozTransform !== undefined;
1365
+ }
1366
+ return hasMozTransform;
1367
+ };
1368
+
1369
+ $.eaePopup.registerModule('zoom', {
1370
+
1371
+ options: {
1372
+ enabled: false,
1373
+ easing: 'ease-in-out',
1374
+ duration: 300,
1375
+ opener: function(element) {
1376
+ return element.is('img') ? element : element.find('img');
1377
+ }
1378
+ },
1379
+
1380
+ proto: {
1381
+
1382
+ initZoom: function() {
1383
+ var zoomSt = mfp.st.zoom,
1384
+ ns = '.zoom',
1385
+ image;
1386
+
1387
+ if(!zoomSt.enabled || !mfp.supportsTransition) {
1388
+ return;
1389
+ }
1390
+
1391
+ var duration = zoomSt.duration,
1392
+ getElToAnimate = function(image) {
1393
+ var newImg = image.clone().removeAttr('style').removeAttr('class').addClass('mfp-animated-image'),
1394
+ transition = 'all '+(zoomSt.duration/1000)+'s ' + zoomSt.easing,
1395
+ cssObj = {
1396
+ position: 'fixed',
1397
+ zIndex: 9999,
1398
+ left: 0,
1399
+ top: 0,
1400
+ '-webkit-backface-visibility': 'hidden'
1401
+ },
1402
+ t = 'transition';
1403
+
1404
+ cssObj['-webkit-'+t] = cssObj['-moz-'+t] = cssObj['-o-'+t] = cssObj[t] = transition;
1405
+
1406
+ newImg.css(cssObj);
1407
+ return newImg;
1408
+ },
1409
+ showMainContent = function() {
1410
+ mfp.content.css('visibility', 'visible');
1411
+ },
1412
+ openTimeout,
1413
+ animatedImg;
1414
+
1415
+ _mfpOn('BuildControls'+ns, function() {
1416
+ if(mfp._allowZoom()) {
1417
+
1418
+ clearTimeout(openTimeout);
1419
+ mfp.content.css('visibility', 'hidden');
1420
+
1421
+ // Basically, all code below does is clones existing image, puts in on top of the current one and animated it
1422
+
1423
+ image = mfp._getItemToZoom();
1424
+
1425
+ if(!image) {
1426
+ showMainContent();
1427
+ return;
1428
+ }
1429
+
1430
+ animatedImg = getElToAnimate(image);
1431
+
1432
+ animatedImg.css( mfp._getOffset() );
1433
+
1434
+ mfp.wrap.append(animatedImg);
1435
+
1436
+ openTimeout = setTimeout(function() {
1437
+ animatedImg.css( mfp._getOffset( true ) );
1438
+ openTimeout = setTimeout(function() {
1439
+
1440
+ showMainContent();
1441
+
1442
+ setTimeout(function() {
1443
+ animatedImg.remove();
1444
+ image = animatedImg = null;
1445
+ _mfpTrigger('ZoomAnimationEnded');
1446
+ }, 16); // avoid blink when switching images
1447
+
1448
+ }, duration); // this timeout equals animation duration
1449
+
1450
+ }, 16); // by adding this timeout we avoid short glitch at the beginning of animation
1451
+
1452
+
1453
+ // Lots of timeouts...
1454
+ }
1455
+ });
1456
+ _mfpOn(BEFORE_CLOSE_EVENT+ns, function() {
1457
+ if(mfp._allowZoom()) {
1458
+
1459
+ clearTimeout(openTimeout);
1460
+
1461
+ mfp.st.removalDelay = duration;
1462
+
1463
+ if(!image) {
1464
+ image = mfp._getItemToZoom();
1465
+ if(!image) {
1466
+ return;
1467
+ }
1468
+ animatedImg = getElToAnimate(image);
1469
+ }
1470
+
1471
+ animatedImg.css( mfp._getOffset(true) );
1472
+ mfp.wrap.append(animatedImg);
1473
+ mfp.content.css('visibility', 'hidden');
1474
+
1475
+ setTimeout(function() {
1476
+ animatedImg.css( mfp._getOffset() );
1477
+ }, 16);
1478
+ }
1479
+
1480
+ });
1481
+
1482
+ _mfpOn(CLOSE_EVENT+ns, function() {
1483
+ if(mfp._allowZoom()) {
1484
+ showMainContent();
1485
+ if(animatedImg) {
1486
+ animatedImg.remove();
1487
+ }
1488
+ image = null;
1489
+ }
1490
+ });
1491
+ },
1492
+
1493
+ _allowZoom: function() {
1494
+ return mfp.currItem.type === 'image';
1495
+ },
1496
+
1497
+ _getItemToZoom: function() {
1498
+ if(mfp.currItem.hasSize) {
1499
+ return mfp.currItem.img;
1500
+ } else {
1501
+ return false;
1502
+ }
1503
+ },
1504
+
1505
+ // Get element postion relative to viewport
1506
+ _getOffset: function(isLarge) {
1507
+ var el;
1508
+ if(isLarge) {
1509
+ el = mfp.currItem.img;
1510
+ } else {
1511
+ el = mfp.st.zoom.opener(mfp.currItem.el || mfp.currItem);
1512
+ }
1513
+
1514
+ var offset = el.offset();
1515
+ var paddingTop = parseInt(el.css('padding-top'),10);
1516
+ var paddingBottom = parseInt(el.css('padding-bottom'),10);
1517
+ offset.top -= ( $(window).scrollTop() - paddingTop );
1518
+
1519
+
1520
+ /*
1521
+
1522
+ Animating left + top + width/height looks glitchy in Firefox, but perfect in Chrome. And vice-versa.
1523
+
1524
+ */
1525
+ var obj = {
1526
+ width: el.width(),
1527
+ // fix Zepto height+padding issue
1528
+ height: (_isJQ ? el.innerHeight() : el[0].offsetHeight) - paddingBottom - paddingTop
1529
+ };
1530
+
1531
+ // I hate to do this, but there is no another option
1532
+ if( getHasMozTransform() ) {
1533
+ obj['-moz-transform'] = obj['transform'] = 'translate(' + offset.left + 'px,' + offset.top + 'px)';
1534
+ } else {
1535
+ obj.left = offset.left;
1536
+ obj.top = offset.top;
1537
+ }
1538
+ return obj;
1539
+ }
1540
+
1541
+ }
1542
+ });
1543
+
1544
+
1545
+
1546
+ /*>>zoom*/
1547
+
1548
+ /*>>iframe*/
1549
+
1550
+ var IFRAME_NS = 'iframe',
1551
+ _emptyPage = '//about:blank',
1552
+
1553
+ _fixIframeBugs = function(isShowing) {
1554
+ if(mfp.currTemplate[IFRAME_NS]) {
1555
+ var el = mfp.currTemplate[IFRAME_NS].find('iframe');
1556
+ if(el.length) {
1557
+ // reset src after the popup is closed to avoid "video keeps playing after popup is closed" bug
1558
+ if(!isShowing) {
1559
+ el[0].src = _emptyPage;
1560
+ }
1561
+
1562
+ // IE8 black screen bug fix
1563
+ if(mfp.isIE8) {
1564
+ el.css('display', isShowing ? 'block' : 'none');
1565
+ }
1566
+ }
1567
+ }
1568
+ };
1569
+
1570
+ $.eaePopup.registerModule(IFRAME_NS, {
1571
+
1572
+ options: {
1573
+ markup: '<div class="mfp-iframe-scaler">'+
1574
+ '<div class="eae-close"></div>'+
1575
+ '<iframe class="mfp-iframe" src="//about:blank" frameborder="0" allowfullscreen></iframe>'+
1576
+ '</div>',
1577
+
1578
+ srcAction: 'iframe_src',
1579
+
1580
+ // we don't care and support only one default type of URL by default
1581
+ patterns: {
1582
+ youtube: {
1583
+ index: 'youtube.com',
1584
+ id: 'v=',
1585
+ src: '//www.youtube.com/embed/%id%?autoplay=1'
1586
+ },
1587
+ vimeo: {
1588
+ index: 'vimeo.com/',
1589
+ id: '/',
1590
+ src: '//player.vimeo.com/video/%id%?autoplay=1'
1591
+ },
1592
+ gmaps: {
1593
+ index: '//maps.google.',
1594
+ src: '%id%&output=embed'
1595
+ }
1596
+ }
1597
+ },
1598
+
1599
+ proto: {
1600
+ initIframe: function() {
1601
+ mfp.types.push(IFRAME_NS);
1602
+
1603
+ _mfpOn('BeforeChange', function(e, prevType, newType) {
1604
+ if(prevType !== newType) {
1605
+ if(prevType === IFRAME_NS) {
1606
+ _fixIframeBugs(); // iframe if removed
1607
+ } else if(newType === IFRAME_NS) {
1608
+ _fixIframeBugs(true); // iframe is showing
1609
+ }
1610
+ }// else {
1611
+ // iframe source is switched, don't do anything
1612
+ //}
1613
+ });
1614
+
1615
+ _mfpOn(CLOSE_EVENT + '.' + IFRAME_NS, function() {
1616
+ _fixIframeBugs();
1617
+ });
1618
+ },
1619
+
1620
+ getIframe: function(item, template) {
1621
+ var embedSrc = item.src;
1622
+ var iframeSt = mfp.st.iframe;
1623
+
1624
+ $.each(iframeSt.patterns, function() {
1625
+ if(embedSrc.indexOf( this.index ) > -1) {
1626
+ if(this.id) {
1627
+ if(typeof this.id === 'string') {
1628
+ embedSrc = embedSrc.substr(embedSrc.lastIndexOf(this.id)+this.id.length, embedSrc.length);
1629
+ } else {
1630
+ embedSrc = this.id.call( this, embedSrc );
1631
+ }
1632
+ }
1633
+ embedSrc = this.src.replace('%id%', embedSrc );
1634
+ return false; // break;
1635
+ }
1636
+ });
1637
+
1638
+ var dataObj = {};
1639
+ if(iframeSt.srcAction) {
1640
+ dataObj[iframeSt.srcAction] = embedSrc;
1641
+ }
1642
+ mfp._parseMarkup(template, dataObj, item);
1643
+
1644
+ mfp.updateStatus('ready');
1645
+
1646
+ return template;
1647
+ }
1648
+ }
1649
+ });
1650
+
1651
+
1652
+
1653
+ /*>>iframe*/
1654
+
1655
+ /*>>gallery*/
1656
+ /**
1657
+ * Get looped index depending on number of slides
1658
+ */
1659
+ var _getLoopedId = function(index) {
1660
+ var numSlides = mfp.items.length;
1661
+ if(index > numSlides - 1) {
1662
+ return index - numSlides;
1663
+ } else if(index < 0) {
1664
+ return numSlides + index;
1665
+ }
1666
+ return index;
1667
+ },
1668
+ _replaceCurrTotal = function(text, curr, total) {
1669
+ return text.replace(/%curr%/gi, curr + 1).replace(/%total%/gi, total);
1670
+ };
1671
+
1672
+ $.eaePopup.registerModule('gallery', {
1673
+
1674
+ options: {
1675
+ enabled: false,
1676
+ arrowMarkup: '<button title="%title%" type="button" class="mfp-arrow mfp-arrow-%dir%"></button>',
1677
+ preload: [0,2],
1678
+ navigateByImgClick: true,
1679
+ arrows: true,
1680
+
1681
+ tPrev: 'Previous (Left arrow key)',
1682
+ tNext: 'Next (Right arrow key)',
1683
+ tCounter: '%curr% of %total%'
1684
+ },
1685
+
1686
+ proto: {
1687
+ initGallery: function() {
1688
+
1689
+ var gSt = mfp.st.gallery,
1690
+ ns = '.mfp-gallery';
1691
+
1692
+ mfp.direction = true; // true - next, false - prev
1693
+
1694
+ if(!gSt || !gSt.enabled ) return false;
1695
+
1696
+ _wrapClasses += ' mfp-gallery';
1697
+
1698
+ _mfpOn(OPEN_EVENT+ns, function() {
1699
+
1700
+ if(gSt.navigateByImgClick) {
1701
+ mfp.wrap.on('click'+ns, '.mfp-img', function() {
1702
+ if(mfp.items.length > 1) {
1703
+ mfp.next();
1704
+ return false;
1705
+ }
1706
+ });
1707
+ }
1708
+
1709
+ _document.on('keydown'+ns, function(e) {
1710
+ if (e.keyCode === 37) {
1711
+ mfp.prev();
1712
+ } else if (e.keyCode === 39) {
1713
+ mfp.next();
1714
+ }
1715
+ });
1716
+ });
1717
+
1718
+ _mfpOn('UpdateStatus'+ns, function(e, data) {
1719
+ if(data.text) {
1720
+ data.text = _replaceCurrTotal(data.text, mfp.currItem.index, mfp.items.length);
1721
+ }
1722
+ });
1723
+
1724
+ _mfpOn(MARKUP_PARSE_EVENT+ns, function(e, element, values, item) {
1725
+ var l = mfp.items.length;
1726
+ values.counter = l > 1 ? _replaceCurrTotal(gSt.tCounter, item.index, l) : '';
1727
+ });
1728
+
1729
+ _mfpOn('BuildControls' + ns, function() {
1730
+ if(mfp.items.length > 1 && gSt.arrows && !mfp.arrowLeft) {
1731
+ var markup = gSt.arrowMarkup,
1732
+ arrowLeft = mfp.arrowLeft = $( markup.replace(/%title%/gi, gSt.tPrev).replace(/%dir%/gi, 'left') ).addClass(PREVENT_CLOSE_CLASS),
1733
+ arrowRight = mfp.arrowRight = $( markup.replace(/%title%/gi, gSt.tNext).replace(/%dir%/gi, 'right') ).addClass(PREVENT_CLOSE_CLASS);
1734
+
1735
+ arrowLeft.click(function() {
1736
+ mfp.prev();
1737
+ });
1738
+ arrowRight.click(function() {
1739
+ mfp.next();
1740
+ });
1741
+
1742
+ mfp.container.append(arrowLeft.add(arrowRight));
1743
+ }
1744
+ });
1745
+
1746
+ _mfpOn(CHANGE_EVENT+ns, function() {
1747
+ if(mfp._preloadTimeout) clearTimeout(mfp._preloadTimeout);
1748
+
1749
+ mfp._preloadTimeout = setTimeout(function() {
1750
+ mfp.preloadNearbyImages();
1751
+ mfp._preloadTimeout = null;
1752
+ }, 16);
1753
+ });
1754
+
1755
+
1756
+ _mfpOn(CLOSE_EVENT+ns, function() {
1757
+ _document.off(ns);
1758
+ mfp.wrap.off('click'+ns);
1759
+ mfp.arrowRight = mfp.arrowLeft = null;
1760
+ });
1761
+
1762
+ },
1763
+ next: function() {
1764
+ mfp.direction = true;
1765
+ mfp.index = _getLoopedId(mfp.index + 1);
1766
+ mfp.updateItemHTML();
1767
+ },
1768
+ prev: function() {
1769
+ mfp.direction = false;
1770
+ mfp.index = _getLoopedId(mfp.index - 1);
1771
+ mfp.updateItemHTML();
1772
+ },
1773
+ goTo: function(newIndex) {
1774
+ mfp.direction = (newIndex >= mfp.index);
1775
+ mfp.index = newIndex;
1776
+ mfp.updateItemHTML();
1777
+ },
1778
+ preloadNearbyImages: function() {
1779
+ var p = mfp.st.gallery.preload,
1780
+ preloadBefore = Math.min(p[0], mfp.items.length),
1781
+ preloadAfter = Math.min(p[1], mfp.items.length),
1782
+ i;
1783
+
1784
+ for(i = 1; i <= (mfp.direction ? preloadAfter : preloadBefore); i++) {
1785
+ mfp._preloadItem(mfp.index+i);
1786
+ }
1787
+ for(i = 1; i <= (mfp.direction ? preloadBefore : preloadAfter); i++) {
1788
+ mfp._preloadItem(mfp.index-i);
1789
+ }
1790
+ },
1791
+ _preloadItem: function(index) {
1792
+ index = _getLoopedId(index);
1793
+
1794
+ if(mfp.items[index].preloaded) {
1795
+ return;
1796
+ }
1797
+
1798
+ var item = mfp.items[index];
1799
+ if(!item.parsed) {
1800
+ item = mfp.parseEl( index );
1801
+ }
1802
+
1803
+ _mfpTrigger('LazyLoad', item);
1804
+
1805
+ if(item.type === 'image') {
1806
+ item.img = $('<img class="mfp-img" />').on('load.mfploader', function() {
1807
+ item.hasSize = true;
1808
+ }).on('error.mfploader', function() {
1809
+ item.hasSize = true;
1810
+ item.loadError = true;
1811
+ _mfpTrigger('LazyLoadError', item);
1812
+ }).attr('src', item.src);
1813
+ }
1814
+
1815
+
1816
+ item.preloaded = true;
1817
+ }
1818
+ }
1819
+ });
1820
+
1821
+ /*>>gallery*/
1822
+
1823
+ /*>>retina*/
1824
+
1825
+ var RETINA_NS = 'retina';
1826
+
1827
+ $.eaePopup.registerModule(RETINA_NS, {
1828
+ options: {
1829
+ replaceSrc: function(item) {
1830
+ return item.src.replace(/\.\w+$/, function(m) { return '@2x' + m; });
1831
+ },
1832
+ ratio: 1 // Function or number. Set to 1 to disable.
1833
+ },
1834
+ proto: {
1835
+ initRetina: function() {
1836
+ if(window.devicePixelRatio > 1) {
1837
+
1838
+ var st = mfp.st.retina,
1839
+ ratio = st.ratio;
1840
+
1841
+ ratio = !isNaN(ratio) ? ratio : ratio();
1842
+
1843
+ if(ratio > 1) {
1844
+ _mfpOn('ImageHasSize' + '.' + RETINA_NS, function(e, item) {
1845
+ item.img.css({
1846
+ 'max-width': item.img[0].naturalWidth / ratio,
1847
+ 'width': '100%'
1848
+ });
1849
+ });
1850
+ _mfpOn('ElementParse' + '.' + RETINA_NS, function(e, item) {
1851
+ item.src = st.replaceSrc(item, ratio);
1852
+ });
1853
+ }
1854
+ }
1855
+
1856
+ }
1857
+ }
1858
+ });
1859
+
1860
+ /*>>retina*/
1861
  _checkInstance(); }));
assets/lib/swiper/css/swiper.css CHANGED
@@ -1,618 +1,618 @@
1
- /**
2
- * Swiper 4.4.6
3
- * Most modern mobile touch slider and framework with hardware accelerated transitions
4
- * http://www.idangero.us/swiper/
5
- *
6
- * Copyright 2014-2018 Vladimir Kharlampidi
7
- *
8
- * Released under the MIT License
9
- *
10
- * Released on: December 19, 2018
11
- */
12
- .swiper-container {
13
- margin: 0 auto;
14
- position: relative;
15
- overflow: hidden;
16
- list-style: none;
17
- padding: 0;
18
- /* Fix of Webkit flickering */
19
- z-index: 1;
20
- }
21
- .swiper-container-no-flexbox .swiper-slide {
22
- float: left;
23
- }
24
- .swiper-container-vertical > .swiper-wrapper {
25
- -webkit-box-orient: vertical;
26
- -webkit-box-direction: normal;
27
- -webkit-flex-direction: column;
28
- -ms-flex-direction: column;
29
- flex-direction: column;
30
- }
31
- .swiper-wrapper {
32
- position: relative;
33
- width: 100%;
34
- height: 100%;
35
- z-index: 1;
36
- display: -webkit-box;
37
- display: -webkit-flex;
38
- display: -ms-flexbox;
39
- display: flex;
40
- -webkit-transition-property: -webkit-transform;
41
- transition-property: -webkit-transform;
42
- -o-transition-property: transform;
43
- transition-property: transform;
44
- transition-property: transform, -webkit-transform;
45
- -webkit-box-sizing: content-box;
46
- box-sizing: content-box;
47
- }
48
- .swiper-container-android .swiper-slide,
49
- .swiper-wrapper {
50
- -webkit-transform: translate3d(0px, 0, 0);
51
- transform: translate3d(0px, 0, 0);
52
- }
53
- .swiper-container-multirow > .swiper-wrapper {
54
- -webkit-flex-wrap: wrap;
55
- -ms-flex-wrap: wrap;
56
- flex-wrap: wrap;
57
- }
58
- .swiper-container-free-mode > .swiper-wrapper {
59
- -webkit-transition-timing-function: ease-out;
60
- -o-transition-timing-function: ease-out;
61
- transition-timing-function: ease-out;
62
- margin: 0 auto;
63
- }
64
- .swiper-slide {
65
- -webkit-flex-shrink: 0;
66
- -ms-flex-negative: 0;
67
- flex-shrink: 0;
68
- width: 100%;
69
- height: 100%;
70
- position: relative;
71
- -webkit-transition-property: -webkit-transform;
72
- transition-property: -webkit-transform;
73
- -o-transition-property: transform;
74
- transition-property: transform;
75
- transition-property: transform, -webkit-transform;
76
- }
77
- .swiper-slide-invisible-blank {
78
- visibility: hidden;
79
- }
80
- /* Auto Height */
81
- .swiper-container-autoheight,
82
- .swiper-container-autoheight .swiper-slide {
83
- height: auto;
84
- }
85
- .swiper-container-autoheight .swiper-wrapper {
86
- -webkit-box-align: start;
87
- -webkit-align-items: flex-start;
88
- -ms-flex-align: start;
89
- align-items: flex-start;
90
- -webkit-transition-property: height, -webkit-transform;
91
- transition-property: height, -webkit-transform;
92
- -o-transition-property: transform, height;
93
- transition-property: transform, height;
94
- transition-property: transform, height, -webkit-transform;
95
- }
96
- /* 3D Effects */
97
- .swiper-container-3d {
98
- -webkit-perspective: 1200px;
99
- perspective: 1200px;
100
- }
101
- .swiper-container-3d .swiper-wrapper,
102
- .swiper-container-3d .swiper-slide,
103
- .swiper-container-3d .swiper-slide-shadow-left,
104
- .swiper-container-3d .swiper-slide-shadow-right,
105
- .swiper-container-3d .swiper-slide-shadow-top,
106
- .swiper-container-3d .swiper-slide-shadow-bottom,
107
- .swiper-container-3d .swiper-cube-shadow {
108
- -webkit-transform-style: preserve-3d;
109
- transform-style: preserve-3d;
110
- }
111
- .swiper-container-3d .swiper-slide-shadow-left,
112
- .swiper-container-3d .swiper-slide-shadow-right,
113
- .swiper-container-3d .swiper-slide-shadow-top,
114
- .swiper-container-3d .swiper-slide-shadow-bottom {
115
- position: absolute;
116
- left: 0;
117
- top: 0;
118
- width: 100%;
119
- height: 100%;
120
- pointer-events: none;
121
- z-index: 10;
122
- }
123
- .swiper-container-3d .swiper-slide-shadow-left {
124
- background-image: -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
125
- background-image: -webkit-linear-gradient(right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
126
- background-image: -o-linear-gradient(right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
127
- background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
128
- }
129
- .swiper-container-3d .swiper-slide-shadow-right {
130
- background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
131
- background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
132
- background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
133
- background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
134
- }
135
- .swiper-container-3d .swiper-slide-shadow-top {
136
- background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
137
- background-image: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
138
- background-image: -o-linear-gradient(bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
139
- background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
140
- }
141
- .swiper-container-3d .swiper-slide-shadow-bottom {
142
- background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
143
- background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
144
- background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
145
- background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
146
- }
147
- /* IE10 Windows Phone 8 Fixes */
148
- .swiper-container-wp8-horizontal,
149
- .swiper-container-wp8-horizontal > .swiper-wrapper {
150
- -ms-touch-action: pan-y;
151
- touch-action: pan-y;
152
- }
153
- .swiper-container-wp8-vertical,
154
- .swiper-container-wp8-vertical > .swiper-wrapper {
155
- -ms-touch-action: pan-x;
156
- touch-action: pan-x;
157
- }
158
- .swiper-button-prev,
159
- .swiper-button-next {
160
- position: absolute;
161
- top: 50%;
162
- width: 27px;
163
- height: 44px;
164
- margin-top: -22px;
165
- z-index: 10;
166
- cursor: pointer;
167
- background-size: 27px 44px;
168
- background-position: center;
169
- background-repeat: no-repeat;
170
- }
171
- .swiper-button-prev.swiper-button-disabled,
172
- .swiper-button-next.swiper-button-disabled {
173
- opacity: 0.35;
174
- cursor: auto;
175
- pointer-events: none;
176
- }
177
- .swiper-button-prev,
178
- .swiper-container-rtl .swiper-button-next {
179
- background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
180
- left: 10px;
181
- right: auto;
182
- }
183
- .swiper-button-next,
184
- .swiper-container-rtl .swiper-button-prev {
185
- background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
186
- right: 10px;
187
- left: auto;
188
- }
189
- .swiper-button-prev.swiper-button-white,
190
- .swiper-container-rtl .swiper-button-next.swiper-button-white {
191
- background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");
192
- }
193
- .swiper-button-next.swiper-button-white,
194
- .swiper-container-rtl .swiper-button-prev.swiper-button-white {
195
- background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");
196
- }
197
- .swiper-button-prev.swiper-button-black,
198
- .swiper-container-rtl .swiper-button-next.swiper-button-black {
199
- background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E");
200
- }
201
- .swiper-button-next.swiper-button-black,
202
- .swiper-container-rtl .swiper-button-prev.swiper-button-black {
203
- background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E");
204
- }
205
- .swiper-button-lock {
206
- display: none;
207
- }
208
- .swiper-pagination {
209
- position: absolute;
210
- text-align: center;
211
- -webkit-transition: 300ms opacity;
212
- -o-transition: 300ms opacity;
213
- transition: 300ms opacity;
214
- -webkit-transform: translate3d(0, 0, 0);
215
- transform: translate3d(0, 0, 0);
216
- z-index: 10;
217
- }
218
- .swiper-pagination.swiper-pagination-hidden {
219
- opacity: 0;
220
- }
221
- /* Common Styles */
222
- .swiper-pagination-fraction,
223
- .swiper-pagination-custom,
224
- .swiper-container-horizontal > .swiper-pagination-bullets {
225
- bottom: 10px;
226
- left: 0;
227
- width: 100%;
228
- }
229
- /* Bullets */
230
- .swiper-pagination-bullets-dynamic {
231
- overflow: hidden;
232
- font-size: 0;
233
- }
234
- .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
235
- -webkit-transform: scale(0.33);
236
- -ms-transform: scale(0.33);
237
- transform: scale(0.33);
238
- position: relative;
239
- }
240
- .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {
241
- -webkit-transform: scale(1);
242
- -ms-transform: scale(1);
243
- transform: scale(1);
244
- }
245
- .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
246
- -webkit-transform: scale(1);
247
- -ms-transform: scale(1);
248
- transform: scale(1);
249
- }
250
- .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
251
- -webkit-transform: scale(0.66);
252
- -ms-transform: scale(0.66);
253
- transform: scale(0.66);
254
- }
255
- .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
256
- -webkit-transform: scale(0.33);
257
- -ms-transform: scale(0.33);
258
- transform: scale(0.33);
259
- }
260
- .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
261
- -webkit-transform: scale(0.66);
262
- -ms-transform: scale(0.66);
263
- transform: scale(0.66);
264
- }
265
- .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
266
- -webkit-transform: scale(0.33);
267
- -ms-transform: scale(0.33);
268
- transform: scale(0.33);
269
- }
270
- .swiper-pagination-bullet {
271
- width: 8px;
272
- height: 8px;
273
- display: inline-block;
274
- border-radius: 100%;
275
- background: #000;
276
- opacity: 0.2;
277
- }
278
- button.swiper-pagination-bullet {
279
- border: none;
280
- margin: 0;
281
- padding: 0;
282
- -webkit-box-shadow: none;
283
- box-shadow: none;
284
- -webkit-appearance: none;
285
- -moz-appearance: none;
286
- appearance: none;
287
- }
288
- .swiper-pagination-clickable .swiper-pagination-bullet {
289
- cursor: pointer;
290
- }
291
- .swiper-pagination-bullet-active {
292
- opacity: 1;
293
- background: #007aff;
294
- }
295
- .swiper-container-vertical > .swiper-pagination-bullets {
296
- right: 10px;
297
- top: 50%;
298
- -webkit-transform: translate3d(0px, -50%, 0);
299
- transform: translate3d(0px, -50%, 0);
300
- }
301
- .swiper-container-vertical > .swiper-pagination-bullets .swiper-pagination-bullet {
302
- margin: 6px 0;
303
- display: block;
304
- }
305
- .swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
306
- top: 50%;
307
- -webkit-transform: translateY(-50%);
308
- -ms-transform: translateY(-50%);
309
- transform: translateY(-50%);
310
- width: 8px;
311
- }
312
- .swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
313
- display: inline-block;
314
- -webkit-transition: 200ms top, 200ms -webkit-transform;
315
- transition: 200ms top, 200ms -webkit-transform;
316
- -o-transition: 200ms transform, 200ms top;
317
- transition: 200ms transform, 200ms top;
318
- transition: 200ms transform, 200ms top, 200ms -webkit-transform;
319
- }
320
- .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
321
- margin: 0 4px;
322
- }
323
- .swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
324
- left: 50%;
325
- -webkit-transform: translateX(-50%);
326
- -ms-transform: translateX(-50%);
327
- transform: translateX(-50%);
328
- white-space: nowrap;
329
- }
330
- .swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
331
- -webkit-transition: 200ms left, 200ms -webkit-transform;
332
- transition: 200ms left, 200ms -webkit-transform;
333
- -o-transition: 200ms transform, 200ms left;
334
- transition: 200ms transform, 200ms left;
335
- transition: 200ms transform, 200ms left, 200ms -webkit-transform;
336
- }
337
- .swiper-container-horizontal.swiper-container-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
338
- -webkit-transition: 200ms right, 200ms -webkit-transform;
339
- transition: 200ms right, 200ms -webkit-transform;
340
- -o-transition: 200ms transform, 200ms right;
341
- transition: 200ms transform, 200ms right;
342
- transition: 200ms transform, 200ms right, 200ms -webkit-transform;
343
- }
344
- /* Progress */
345
- .swiper-pagination-progressbar {
346
- background: rgba(0, 0, 0, 0.25);
347
- position: absolute;
348
- }
349
- .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
350
- background: #007aff;
351
- position: absolute;
352
- left: 0;
353
- top: 0;
354
- width: 100%;
355
- height: 100%;
356
- -webkit-transform: scale(0);
357
- -ms-transform: scale(0);
358
- transform: scale(0);
359
- -webkit-transform-origin: left top;
360
- -ms-transform-origin: left top;
361
- transform-origin: left top;
362
- }
363
- .swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
364
- -webkit-transform-origin: right top;
365
- -ms-transform-origin: right top;
366
- transform-origin: right top;
367
- }
368
- .swiper-container-horizontal > .swiper-pagination-progressbar,
369
- .swiper-container-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
370
- width: 100%;
371
- height: 4px;
372
- left: 0;
373
- top: 0;
374
- }
375
- .swiper-container-vertical > .swiper-pagination-progressbar,
376
- .swiper-container-horizontal > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
377
- width: 4px;
378
- height: 100%;
379
- left: 0;
380
- top: 0;
381
- }
382
- .swiper-pagination-white .swiper-pagination-bullet-active {
383
- background: #ffffff;
384
- }
385
- .swiper-pagination-progressbar.swiper-pagination-white {
386
- background: rgba(255, 255, 255, 0.25);
387
- }
388
- .swiper-pagination-progressbar.swiper-pagination-white .swiper-pagination-progressbar-fill {
389
- background: #ffffff;
390
- }
391
- .swiper-pagination-black .swiper-pagination-bullet-active {
392
- background: #000000;
393
- }
394
- .swiper-pagination-progressbar.swiper-pagination-black {
395
- background: rgba(0, 0, 0, 0.25);
396
- }
397
- .swiper-pagination-progressbar.swiper-pagination-black .swiper-pagination-progressbar-fill {
398
- background: #000000;
399
- }
400
- .swiper-pagination-lock {
401
- display: none;
402
- }
403
- /* Scrollbar */
404
- .swiper-scrollbar {
405
- border-radius: 10px;
406
- position: relative;
407
- -ms-touch-action: none;
408
- background: rgba(0, 0, 0, 0.1);
409
- }
410
- .swiper-container-horizontal > .swiper-scrollbar {
411
- position: absolute;
412
- left: 1%;
413
- bottom: 3px;
414
- z-index: 50;
415
- height: 5px;
416
- width: 98%;
417
- }
418
- .swiper-container-vertical > .swiper-scrollbar {
419
- position: absolute;
420
- right: 3px;
421
- top: 1%;
422
- z-index: 50;
423
- width: 5px;
424
- height: 98%;
425
- }
426
- .swiper-scrollbar-drag {
427
- height: 100%;
428
- width: 100%;
429
- position: relative;
430
- background: rgba(0, 0, 0, 0.5);
431
- border-radius: 10px;
432
- left: 0;
433
- top: 0;
434
- }
435
- .swiper-scrollbar-cursor-drag {
436
- cursor: move;
437
- }
438
- .swiper-scrollbar-lock {
439
- display: none;
440
- }
441
- .swiper-zoom-container {
442
- width: 100%;
443
- height: 100%;
444
- display: -webkit-box;
445
- display: -webkit-flex;
446
- display: -ms-flexbox;
447
- display: flex;
448
- -webkit-box-pack: center;
449
- -webkit-justify-content: center;
450
- -ms-flex-pack: center;
451
- justify-content: center;
452
- -webkit-box-align: center;
453
- -webkit-align-items: center;
454
- -ms-flex-align: center;
455
- align-items: center;
456
- text-align: center;
457
- }
458
- .swiper-zoom-container > img,
459
- .swiper-zoom-container > svg,
460
- .swiper-zoom-container > canvas {
461
- max-width: 100%;
462
- max-height: 100%;
463
- -o-object-fit: contain;
464
- object-fit: contain;
465
- }
466
- .swiper-slide-zoomed {
467
- cursor: move;
468
- }
469
- /* Preloader */
470
- .swiper-lazy-preloader {
471
- width: 42px;
472
- height: 42px;
473
- position: absolute;
474
- left: 50%;
475
- top: 50%;
476
- margin-left: -21px;
477
- margin-top: -21px;
478
- z-index: 10;
479
- -webkit-transform-origin: 50%;
480
- -ms-transform-origin: 50%;
481
- transform-origin: 50%;
482
- -webkit-animation: swiper-preloader-spin 1s steps(12, end) infinite;
483
- animation: swiper-preloader-spin 1s steps(12, end) infinite;
484
- }
485
- .swiper-lazy-preloader:after {
486
- display: block;
487
- content: '';
488
- width: 100%;
489
- height: 100%;
490
- background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
491
- background-position: 50%;
492
- background-size: 100%;
493
- background-repeat: no-repeat;
494
- }
495
- .swiper-lazy-preloader-white:after {
496
- background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
497
- }
498
- @-webkit-keyframes swiper-preloader-spin {
499
- 100% {
500
- -webkit-transform: rotate(360deg);
501
- transform: rotate(360deg);
502
- }
503
- }
504
- @keyframes swiper-preloader-spin {
505
- 100% {
506
- -webkit-transform: rotate(360deg);
507
- transform: rotate(360deg);
508
- }
509
- }
510
- /* a11y */
511
- .swiper-container .swiper-notification {
512
- position: absolute;
513
- left: 0;
514
- top: 0;
515
- pointer-events: none;
516
- opacity: 0;
517
- z-index: -1000;
518
- }
519
- .swiper-container-fade.swiper-container-free-mode .swiper-slide {
520
- -webkit-transition-timing-function: ease-out;
521
- -o-transition-timing-function: ease-out;
522
- transition-timing-function: ease-out;
523
- }
524
- .swiper-container-fade .swiper-slide {
525
- pointer-events: none;
526
- -webkit-transition-property: opacity;
527
- -o-transition-property: opacity;
528
- transition-property: opacity;
529
- }
530
- .swiper-container-fade .swiper-slide .swiper-slide {
531
- pointer-events: none;
532
- }
533
- .swiper-container-fade .swiper-slide-active,
534
- .swiper-container-fade .swiper-slide-active .swiper-slide-active {
535
- pointer-events: auto;
536
- }
537
- .swiper-container-cube {
538
- overflow: visible;
539
- }
540
- .swiper-container-cube .swiper-slide {
541
- pointer-events: none;
542
- -webkit-backface-visibility: hidden;
543
- backface-visibility: hidden;
544
- z-index: 1;
545
- visibility: hidden;
546
- -webkit-transform-origin: 0 0;
547
- -ms-transform-origin: 0 0;
548
- transform-origin: 0 0;
549
- width: 100%;
550
- height: 100%;
551
- }
552
- .swiper-container-cube .swiper-slide .swiper-slide {
553
- pointer-events: none;
554
- }
555
- .swiper-container-cube.swiper-container-rtl .swiper-slide {
556
- -webkit-transform-origin: 100% 0;
557
- -ms-transform-origin: 100% 0;
558
- transform-origin: 100% 0;
559
- }
560
- .swiper-container-cube .swiper-slide-active,
561
- .swiper-container-cube .swiper-slide-active .swiper-slide-active {
562
- pointer-events: auto;
563
- }
564
- .swiper-container-cube .swiper-slide-active,
565
- .swiper-container-cube .swiper-slide-next,
566
- .swiper-container-cube .swiper-slide-prev,
567
- .swiper-container-cube .swiper-slide-next + .swiper-slide {
568
- pointer-events: auto;
569
- visibility: visible;
570
- }
571
- .swiper-container-cube .swiper-slide-shadow-top,
572
- .swiper-container-cube .swiper-slide-shadow-bottom,
573
- .swiper-container-cube .swiper-slide-shadow-left,
574
- .swiper-container-cube .swiper-slide-shadow-right {
575
- z-index: 0;
576
- -webkit-backface-visibility: hidden;
577
- backface-visibility: hidden;
578
- }
579
- .swiper-container-cube .swiper-cube-shadow {
580
- position: absolute;
581
- left: 0;
582
- bottom: 0px;
583
- width: 100%;
584
- height: 100%;
585
- background: #000;
586
- opacity: 0.6;
587
- -webkit-filter: blur(50px);
588
- filter: blur(50px);
589
- z-index: 0;
590
- }
591
- .swiper-container-flip {
592
- overflow: visible;
593
- }
594
- .swiper-container-flip .swiper-slide {
595
- pointer-events: none;
596
- -webkit-backface-visibility: hidden;
597
- backface-visibility: hidden;
598
- z-index: 1;
599
- }
600
- .swiper-container-flip .swiper-slide .swiper-slide {
601
- pointer-events: none;
602
- }
603
- .swiper-container-flip .swiper-slide-active,
604
- .swiper-container-flip .swiper-slide-active .swiper-slide-active {
605
- pointer-events: auto;
606
- }
607
- .swiper-container-flip .swiper-slide-shadow-top,
608
- .swiper-container-flip .swiper-slide-shadow-bottom,
609
- .swiper-container-flip .swiper-slide-shadow-left,
610
- .swiper-container-flip .swiper-slide-shadow-right {
611
- z-index: 0;
612
- -webkit-backface-visibility: hidden;
613
- backface-visibility: hidden;
614
- }
615
- .swiper-container-coverflow .swiper-wrapper {
616
- /* Windows 8 IE 10 fix */
617
- -ms-perspective: 1200px;
618
- }
1
+ /**
2
+ * Swiper 4.4.6
3
+ * Most modern mobile touch slider and framework with hardware accelerated transitions
4
+ * http://www.idangero.us/swiper/
5
+ *
6
+ * Copyright 2014-2018 Vladimir Kharlampidi
7
+ *
8
+ * Released under the MIT License
9
+ *
10
+ * Released on: December 19, 2018
11
+ */
12
+ .swiper-container {
13
+ margin: 0 auto;
14
+ position: relative;
15
+ overflow: hidden;
16
+ list-style: none;
17
+ padding: 0;
18
+ /* Fix of Webkit flickering */
19
+ z-index: 1;
20
+ }
21
+ .swiper-container-no-flexbox .swiper-slide {
22
+ float: left;
23
+ }
24
+ .swiper-container-vertical > .swiper-wrapper {
25
+ -webkit-box-orient: vertical;
26
+ -webkit-box-direction: normal;
27
+ -webkit-flex-direction: column;
28
+ -ms-flex-direction: column;
29
+ flex-direction: column;
30
+ }
31
+ .swiper-wrapper {
32
+ position: relative;
33
+ width: 100%;
34
+ height: 100%;
35
+ z-index: 1;
36
+ display: -webkit-box;
37
+ display: -webkit-flex;
38
+ display: -ms-flexbox;
39
+ display: flex;
40
+ -webkit-transition-property: -webkit-transform;
41
+ transition-property: -webkit-transform;
42
+ -o-transition-property: transform;
43
+ transition-property: transform;
44
+ transition-property: transform, -webkit-transform;
45
+ -webkit-box-sizing: content-box;
46
+ box-sizing: content-box;
47
+ }
48
+ .swiper-container-android .swiper-slide,
49
+ .swiper-wrapper {
50
+ -webkit-transform: translate3d(0px, 0, 0);
51
+ transform: translate3d(0px, 0, 0);
52
+ }
53
+ .swiper-container-multirow > .swiper-wrapper {
54
+ -webkit-flex-wrap: wrap;
55
+ -ms-flex-wrap: wrap;
56
+ flex-wrap: wrap;
57
+ }
58
+ .swiper-container-free-mode > .swiper-wrapper {
59
+ -webkit-transition-timing-function: ease-out;
60
+ -o-transition-timing-function: ease-out;
61
+ transition-timing-function: ease-out;
62
+ margin: 0 auto;
63
+ }
64
+ .swiper-slide {
65
+ -webkit-flex-shrink: 0;
66
+ -ms-flex-negative: 0;
67
+ flex-shrink: 0;
68
+ width: 100%;
69
+ height: 100%;
70
+ position: relative;
71
+ -webkit-transition-property: -webkit-transform;
72
+ transition-property: -webkit-transform;
73
+ -o-transition-property: transform;
74
+ transition-property: transform;
75
+ transition-property: transform, -webkit-transform;
76
+ }
77
+ .swiper-slide-invisible-blank {
78
+ visibility: hidden;
79
+ }
80
+ /* Auto Height */
81
+ .swiper-container-autoheight,
82
+ .swiper-container-autoheight .swiper-slide {
83
+ height: auto;
84
+ }
85
+ .swiper-container-autoheight .swiper-wrapper {
86
+ -webkit-box-align: start;
87
+ -webkit-align-items: flex-start;
88
+ -ms-flex-align: start;
89
+ align-items: flex-start;
90
+ -webkit-transition-property: height, -webkit-transform;
91
+ transition-property: height, -webkit-transform;
92
+ -o-transition-property: transform, height;
93
+ transition-property: transform, height;
94
+ transition-property: transform, height, -webkit-transform;
95
+ }
96
+ /* 3D Effects */
97
+ .swiper-container-3d {
98
+ -webkit-perspective: 1200px;
99
+ perspective: 1200px;
100
+ }
101
+ .swiper-container-3d .swiper-wrapper,
102
+ .swiper-container-3d .swiper-slide,
103
+ .swiper-container-3d .swiper-slide-shadow-left,
104
+ .swiper-container-3d .swiper-slide-shadow-right,
105
+ .swiper-container-3d .swiper-slide-shadow-top,
106
+ .swiper-container-3d .swiper-slide-shadow-bottom,
107
+ .swiper-container-3d .swiper-cube-shadow {
108
+ -webkit-transform-style: preserve-3d;
109
+ transform-style: preserve-3d;
110
+ }
111
+ .swiper-container-3d .swiper-slide-shadow-left,
112
+ .swiper-container-3d .swiper-slide-shadow-right,
113
+ .swiper-container-3d .swiper-slide-shadow-top,
114
+ .swiper-container-3d .swiper-slide-shadow-bottom {
115
+ position: absolute;
116
+ left: 0;
117
+ top: 0;
118
+ width: 100%;
119
+ height: 100%;
120
+ pointer-events: none;
121
+ z-index: 10;
122
+ }
123
+ .swiper-container-3d .swiper-slide-shadow-left {
124
+ background-image: -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
125
+ background-image: -webkit-linear-gradient(right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
126
+ background-image: -o-linear-gradient(right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
127
+ background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
128
+ }
129
+ .swiper-container-3d .swiper-slide-shadow-right {
130
+ background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
131
+ background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
132
+ background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
133
+ background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
134
+ }
135
+ .swiper-container-3d .swiper-slide-shadow-top {
136
+ background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
137
+ background-image: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
138
+ background-image: -o-linear-gradient(bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
139
+ background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
140
+ }
141
+ .swiper-container-3d .swiper-slide-shadow-bottom {
142
+ background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
143
+ background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
144
+ background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
145
+ background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
146
+ }
147
+ /* IE10 Windows Phone 8 Fixes */
148
+ .swiper-container-wp8-horizontal,
149
+ .swiper-container-wp8-horizontal > .swiper-wrapper {
150
+ -ms-touch-action: pan-y;
151
+ touch-action: pan-y;
152
+ }
153
+ .swiper-container-wp8-vertical,
154
+ .swiper-container-wp8-vertical > .swiper-wrapper {
155
+ -ms-touch-action: pan-x;
156
+ touch-action: pan-x;
157
+ }
158
+ .swiper-button-prev,
159
+ .swiper-button-next {
160
+ position: absolute;
161
+ top: 50%;
162
+ width: 27px;
163
+ height: 44px;
164
+ margin-top: -22px;
165
+ z-index: 10;
166
+ cursor: pointer;
167
+ background-size: 27px 44px;
168
+ background-position: center;
169
+ background-repeat: no-repeat;
170
+ }
171
+ .swiper-button-prev.swiper-button-disabled,
172
+ .swiper-button-next.swiper-button-disabled {
173
+ opacity: 0.35;
174
+ cursor: auto;
175
+ pointer-events: none;
176
+ }
177
+ .swiper-button-prev,
178
+ .swiper-container-rtl .swiper-button-next {
179
+ background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
180
+ left: 10px;
181
+ right: auto;
182
+ }
183
+ .swiper-button-next,
184
+ .swiper-container-rtl .swiper-button-prev {
185
+ background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
186
+ right: 10px;
187
+ left: auto;
188
+ }
189
+ .swiper-button-prev.swiper-button-white,
190
+ .swiper-container-rtl .swiper-button-next.swiper-button-white {
191
+ background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");
192
+ }
193
+ .swiper-button-next.swiper-button-white,
194
+ .swiper-container-rtl .swiper-button-prev.swiper-button-white {
195
+ background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");
196
+ }
197
+ .swiper-button-prev.swiper-button-black,
198
+ .swiper-container-rtl .swiper-button-next.swiper-button-black {
199
+ background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E");
200
+ }
201
+ .swiper-button-next.swiper-button-black,
202
+ .swiper-container-rtl .swiper-button-prev.swiper-button-black {
203
+ background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E");
204
+ }
205
+ .swiper-button-lock {
206
+ display: none;
207
+ }
208
+ .swiper-pagination {
209
+ position: absolute;
210
+ text-align: center;
211
+ -webkit-transition: 300ms opacity;
212
+ -o-transition: 300ms opacity;
213
+ transition: 300ms opacity;
214
+ -webkit-transform: translate3d(0, 0, 0);
215
+ transform: translate3d(0, 0, 0);
216
+ z-index: 10;
217
+ }
218
+ .swiper-pagination.swiper-pagination-hidden {
219
+ opacity: 0;
220
+ }
221
+ /* Common Styles */
222
+ .swiper-pagination-fraction,
223
+ .swiper-pagination-custom,
224
+ .swiper-container-horizontal > .swiper-pagination-bullets {
225
+ bottom: 10px;
226
+ left: 0;
227
+ width: 100%;
228
+ }
229
+ /* Bullets */
230
+ .swiper-pagination-bullets-dynamic {
231
+ overflow: hidden;
232
+ font-size: 0;
233
+ }
234
+ .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
235
+ -webkit-transform: scale(0.33);
236
+ -ms-transform: scale(0.33);
237
+ transform: scale(0.33);
238
+ position: relative;
239
+ }
240
+ .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {
241
+ -webkit-transform: scale(1);
242
+ -ms-transform: scale(1);
243
+ transform: scale(1);
244
+ }
245
+ .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
246
+ -webkit-transform: scale(1);
247
+ -ms-transform: scale(1);
248
+ transform: scale(1);
249
+ }
250
+ .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
251
+ -webkit-transform: scale(0.66);
252
+ -ms-transform: scale(0.66);
253
+ transform: scale(0.66);
254
+ }
255
+ .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
256
+ -webkit-transform: scale(0.33);
257
+ -ms-transform: scale(0.33);
258
+ transform: scale(0.33);
259
+ }
260
+ .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
261
+ -webkit-transform: scale(0.66);
262
+ -ms-transform: scale(0.66);
263
+ transform: scale(0.66);
264
+ }
265
+ .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
266
+ -webkit-transform: scale(0.33);
267
+ -ms-transform: scale(0.33);
268
+ transform: scale(0.33);
269
+ }
270
+ .swiper-pagination-bullet {
271
+ width: 8px;
272
+ height: 8px;
273
+ display: inline-block;
274
+ border-radius: 100%;
275
+ background: #000;
276
+ opacity: 0.2;
277
+ }
278
+ button.swiper-pagination-bullet {
279
+ border: none;
280
+ margin: 0;
281
+ padding: 0;
282
+ -webkit-box-shadow: none;
283
+ box-shadow: none;
284
+ -webkit-appearance: none;
285
+ -moz-appearance: none;
286
+ appearance: none;
287
+ }
288
+ .swiper-pagination-clickable .swiper-pagination-bullet {
289
+ cursor: pointer;
290
+ }
291
+ .swiper-pagination-bullet-active {
292
+ opacity: 1;
293
+ background: #007aff;
294
+ }
295
+ .swiper-container-vertical > .swiper-pagination-bullets {
296
+ right: 10px;
297
+ top: 50%;
298
+ -webkit-transform: translate3d(0px, -50%, 0);
299
+ transform: translate3d(0px, -50%, 0);
300
+ }
301
+ .swiper-container-vertical > .swiper-pagination-bullets .swiper-pagination-bullet {
302
+ margin: 6px 0;
303
+ display: block;
304
+ }
305
+ .swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
306
+ top: 50%;
307
+ -webkit-transform: translateY(-50%);
308
+ -ms-transform: translateY(-50%);
309
+ transform: translateY(-50%);
310
+ width: 8px;
311
+ }
312
+ .swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
313
+ display: inline-block;
314
+ -webkit-transition: 200ms top, 200ms -webkit-transform;
315
+ transition: 200ms top, 200ms -webkit-transform;
316
+ -o-transition: 200ms transform, 200ms top;
317
+ transition: 200ms transform, 200ms top;
318
+ transition: 200ms transform, 200ms top, 200ms -webkit-transform;
319
+ }
320
+ .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
321
+ margin: 0 4px;
322
+ }
323
+ .swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
324
+ left: 50%;
325
+ -webkit-transform: translateX(-50%);
326
+ -ms-transform: translateX(-50%);
327
+ transform: translateX(-50%);
328
+ white-space: nowrap;
329
+ }
330
+ .swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
331
+ -webkit-transition: 200ms left, 200ms -webkit-transform;
332
+ transition: 200ms left, 200ms -webkit-transform;
333
+ -o-transition: 200ms transform, 200ms left;
334
+ transition: 200ms transform, 200ms left;
335
+ transition: 200ms transform, 200ms left, 200ms -webkit-transform;
336
+ }
337
+ .swiper-container-horizontal.swiper-container-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
338
+ -webkit-transition: 200ms right, 200ms -webkit-transform;
339
+ transition: 200ms right, 200ms -webkit-transform;
340
+ -o-transition: 200ms transform, 200ms right;
341
+ transition: 200ms transform, 200ms right;
342
+ transition: 200ms transform, 200ms right, 200ms -webkit-transform;
343
+ }
344
+ /* Progress */
345
+ .swiper-pagination-progressbar {
346
+ background: rgba(0, 0, 0, 0.25);
347
+ position: absolute;
348
+ }
349
+ .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
350
+ background: #007aff;
351
+ position: absolute;
352
+ left: 0;
353
+ top: 0;
354
+ width: 100%;
355
+ height: 100%;
356
+ -webkit-transform: scale(0);
357
+ -ms-transform: scale(0);
358
+ transform: scale(0);
359
+ -webkit-transform-origin: left top;
360
+ -ms-transform-origin: left top;
361
+ transform-origin: left top;
362
+ }
363
+ .swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
364
+ -webkit-transform-origin: right top;
365
+ -ms-transform-origin: right top;
366
+ transform-origin: right top;
367
+ }
368
+ .swiper-container-horizontal > .swiper-pagination-progressbar,
369
+ .swiper-container-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
370
+ width: 100%;
371
+ height: 4px;
372
+ left: 0;
373
+ top: 0;
374
+ }
375
+ .swiper-container-vertical > .swiper-pagination-progressbar,
376
+ .swiper-container-horizontal > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
377
+ width: 4px;
378
+ height: 100%;
379
+ left: 0;
380
+ top: 0;
381
+ }
382
+ .swiper-pagination-white .swiper-pagination-bullet-active {
383
+ background: #ffffff;
384
+ }
385
+ .swiper-pagination-progressbar.swiper-pagination-white {
386
+ background: rgba(255, 255, 255, 0.25);
387
+ }
388
+ .swiper-pagination-progressbar.swiper-pagination-white .swiper-pagination-progressbar-fill {
389
+ background: #ffffff;
390
+ }
391
+ .swiper-pagination-black .swiper-pagination-bullet-active {
392
+ background: #000000;
393
+ }
394
+ .swiper-pagination-progressbar.swiper-pagination-black {
395
+ background: rgba(0, 0, 0, 0.25);
396
+ }
397
+ .swiper-pagination-progressbar.swiper-pagination-black .swiper-pagination-progressbar-fill {
398
+ background: #000000;
399
+ }
400
+ .swiper-pagination-lock {
401
+ display: none;
402
+ }
403
+ /* Scrollbar */
404
+ .swiper-scrollbar {
405
+ border-radius: 10px;
406
+ position: relative;
407
+ -ms-touch-action: none;
408
+ background: rgba(0, 0, 0, 0.1);
409
+ }
410
+ .swiper-container-horizontal > .swiper-scrollbar {
411
+ position: absolute;
412
+ left: 1%;
413
+ bottom: 3px;
414
+ z-index: 50;
415
+ height: 5px;
416
+ width: 98%;
417
+ }
418
+ .swiper-container-vertical > .swiper-scrollbar {
419
+ position: absolute;
420
+ right: 3px;
421
+ top: 1%;
422
+ z-index: 50;
423
+ width: 5px;
424
+ height: 98%;
425
+ }
426
+ .swiper-scrollbar-drag {
427
+ height: 100%;
428
+ width: 100%;
429
+ position: relative;
430
+ background: rgba(0, 0, 0, 0.5);
431
+ border-radius: 10px;
432
+ left: 0;
433
+ top: 0;
434
+ }
435
+ .swiper-scrollbar-cursor-drag {
436
+ cursor: move;
437
+ }
438
+ .swiper-scrollbar-lock {
439
+ display: none;
440
+ }
441
+ .swiper-zoom-container {
442
+ width: 100%;
443
+ height: 100%;
444
+ display: -webkit-box;
445
+ display: -webkit-flex;
446
+ display: -ms-flexbox;
447
+ display: flex;
448
+ -webkit-box-pack: center;
449
+ -webkit-justify-content: center;
450
+ -ms-flex-pack: center;
451
+ justify-content: center;
452
+ -webkit-box-align: center;
453
+ -webkit-align-items: center;
454
+ -ms-flex-align: center;
455
+ align-items: center;
456
+ text-align: center;
457
+ }
458
+ .swiper-zoom-container > img,
459
+ .swiper-zoom-container > svg,
460
+ .swiper-zoom-container > canvas {
461
+ max-width: 100%;
462
+ max-height: 100%;
463
+ -o-object-fit: contain;
464
+ object-fit: contain;
465
+ }
466
+ .swiper-slide-zoomed {
467
+ cursor: move;
468
+ }
469
+ /* Preloader */
470
+ .swiper-lazy-preloader {
471
+ width: 42px;
472
+ height: 42px;
473
+ position: absolute;
474
+ left: 50%;
475
+ top: 50%;
476
+ margin-left: -21px;
477
+ margin-top: -21px;
478
+ z-index: 10;
479
+ -webkit-transform-origin: 50%;
480
+ -ms-transform-origin: 50%;
481
+ transform-origin: 50%;
482
+ -webkit-animation: swiper-preloader-spin 1s steps(12, end) infinite;
483
+ animation: swiper-preloader-spin 1s steps(12, end) infinite;
484
+ }
485
+ .swiper-lazy-preloader:after {
486
+ display: block;
487
+ content: '';
488
+ width: 100%;
489
+ height: 100%;
490
+ background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
491
+ background-position: 50%;
492
+ background-size: 100%;
493
+ background-repeat: no-repeat;
494
+ }
495
+ .swiper-lazy-preloader-white:after {
496
+ background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
497
+ }
498
+ @-webkit-keyframes swiper-preloader-spin {
499
+ 100% {
500
+ -webkit-transform: rotate(360deg);
501
+ transform: rotate(360deg);
502
+ }
503
+ }
504
+ @keyframes swiper-preloader-spin {
505
+ 100% {
506
+ -webkit-transform: rotate(360deg);
507
+ transform: rotate(360deg);
508
+ }
509
+ }
510
+ /* a11y */
511
+ .swiper-container .swiper-notification {
512
+ position: absolute;
513
+ left: 0;
514
+ top: 0;
515
+ pointer-events: none;
516
+ opacity: 0;
517
+ z-index: -1000;
518
+ }
519
+ .swiper-container-fade.swiper-container-free-mode .swiper-slide {
520
+ -webkit-transition-timing-function: ease-out;
521
+ -o-transition-timing-function: ease-out;
522
+ transition-timing-function: ease-out;
523
+ }
524
+ .swiper-container-fade .swiper-slide {
525
+ pointer-events: none;
526
+ -webkit-transition-property: opacity;
527
+ -o-transition-property: opacity;
528
+ transition-property: opacity;
529
+ }
530
+ .swiper-container-fade .swiper-slide .swiper-slide {
531
+ pointer-events: none;
532
+ }
533
+ .swiper-container-fade .swiper-slide-active,
534
+ .swiper-container-fade .swiper-slide-active .swiper-slide-active {
535
+ pointer-events: auto;
536
+ }
537
+ .swiper-container-cube {
538
+ overflow: visible;
539
+ }
540
+ .swiper-container-cube .swiper-slide {
541
+ pointer-events: none;
542
+ -webkit-backface-visibility: hidden;
543
+ backface-visibility: hidden;
544
+ z-index: 1;
545
+ visibility: hidden;
546
+ -webkit-transform-origin: 0 0;
547
+ -ms-transform-origin: 0 0;
548
+ transform-origin: 0 0;
549
+ width: 100%;
550
+ height: 100%;
551
+ }
552
+ .swiper-container-cube .swiper-slide .swiper-slide {
553
+ pointer-events: none;
554
+ }
555
+ .swiper-container-cube.swiper-container-rtl .swiper-slide {
556
+ -webkit-transform-origin: 100% 0;
557
+ -ms-transform-origin: 100% 0;
558
+ transform-origin: 100% 0;
559
+ }
560
+ .swiper-container-cube .swiper-slide-active,
561
+ .swiper-container-cube .swiper-slide-active .swiper-slide-active {
562
+ pointer-events: auto;
563
+ }
564
+ .swiper-container-cube .swiper-slide-active,
565
+ .swiper-container-cube .swiper-slide-next,
566
+ .swiper-container-cube .swiper-slide-prev,
567
+ .swiper-container-cube .swiper-slide-next + .swiper-slide {
568
+ pointer-events: auto;
569
+ visibility: visible;
570
+ }
571
+ .swiper-container-cube .swiper-slide-shadow-top,
572
+ .swiper-container-cube .swiper-slide-shadow-bottom,
573
+ .swiper-container-cube .swiper-slide-shadow-left,
574
+ .swiper-container-cube .swiper-slide-shadow-right {
575
+ z-index: 0;
576
+ -webkit-backface-visibility: hidden;
577
+ backface-visibility: hidden;
578
+ }
579
+ .swiper-container-cube .swiper-cube-shadow {
580
+ position: absolute;
581
+ left: 0;
582
+ bottom: 0px;
583
+ width: 100%;
584
+ height: 100%;
585
+ background: #000;
586
+ opacity: 0.6;
587
+ -webkit-filter: blur(50px);
588
+ filter: blur(50px);
589
+ z-index: 0;
590
+ }
591
+ .swiper-container-flip {
592
+ overflow: visible;
593
+ }
594
+ .swiper-container-flip .swiper-slide {
595
+ pointer-events: none;
596
+ -webkit-backface-visibility: hidden;
597
+ backface-visibility: hidden;
598
+ z-index: 1;
599
+ }
600
+ .swiper-container-flip .swiper-slide .swiper-slide {
601
+ pointer-events: none;
602
+ }
603
+ .swiper-container-flip .swiper-slide-active,
604
+ .swiper-container-flip .swiper-slide-active .swiper-slide-active {
605
+ pointer-events: auto;
606
+ }
607
+ .swiper-container-flip .swiper-slide-shadow-top,
608
+ .swiper-container-flip .swiper-slide-shadow-bottom,
609
+ .swiper-container-flip .swiper-slide-shadow-left,
610
+ .swiper-container-flip .swiper-slide-shadow-right {
611
+ z-index: 0;
612
+ -webkit-backface-visibility: hidden;
613
+ backface-visibility: hidden;
614
+ }
615
+ .swiper-container-coverflow .swiper-wrapper {
616
+ /* Windows 8 IE 10 fix */
617
+ -ms-perspective: 1200px;
618
+ }
assets/lib/swiper/css/swiper.min.css CHANGED
@@ -1,12 +1,12 @@
1
- /**
2
- * Swiper 4.4.6
3
- * Most modern mobile touch slider and framework with hardware accelerated transitions
4
- * http://www.idangero.us/swiper/
5
- *
6
- * Copyright 2014-2018 Vladimir Kharlampidi
7
- *
8
- * Released under the MIT License
9
- *
10
- * Released on: December 19, 2018
11
- */
12
  .swiper-container{margin:0 auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1}.swiper-container-no-flexbox .swiper-slide{float:left}.swiper-container-vertical>.swiper-wrapper{-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;-o-transition-property:transform;transition-property:transform;transition-property:transform,-webkit-transform;-webkit-box-sizing:content-box;box-sizing:content-box}.swiper-container-android .swiper-slide,.swiper-wrapper{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.swiper-container-multirow>.swiper-wrapper{-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}.swiper-container-free-mode>.swiper-wrapper{-webkit-transition-timing-function:ease-out;-o-transition-timing-function:ease-out;transition-timing-function:ease-out;margin:0 auto}.swiper-slide{-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;width:100%;height:100%;position:relative;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;-o-transition-property:transform;transition-property:transform;transition-property:transform,-webkit-transform}.swiper-slide-invisible-blank{visibility:hidden}.swiper-container-autoheight,.swiper-container-autoheight .swiper-slide{height:auto}.swiper-container-autoheight .swiper-wrapper{-webkit-box-align:start;-webkit-align-items:flex-start;-ms-flex-align:start;align-items:flex-start;-webkit-transition-property:height,-webkit-transform;transition-property:height,-webkit-transform;-o-transition-property:transform,height;transition-property:transform,height;transition-property:transform,height,-webkit-transform}.swiper-container-3d{-webkit-perspective:1200px;perspective:1200px}.swiper-container-3d .swiper-cube-shadow,.swiper-container-3d .swiper-slide,.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top,.swiper-container-3d .swiper-wrapper{-webkit-transform-style:preserve-3d;transform-style:preserve-3d}.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-container-3d .swiper-slide-shadow-left{background-image:-webkit-gradient(linear,right top,left top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-right{background-image:-webkit-gradient(linear,left top,right top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-top{background-image:-webkit-gradient(linear,left bottom,left top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-bottom{background-image:-webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-wp8-horizontal,.swiper-container-wp8-horizontal>.swiper-wrapper{-ms-touch-action:pan-y;touch-action:pan-y}.swiper-container-wp8-vertical,.swiper-container-wp8-vertical>.swiper-wrapper{-ms-touch-action:pan-x;touch-action:pan-x}.swiper-button-next,.swiper-button-prev{position:absolute;top:50%;width:27px;height:44px;margin-top:-22px;z-index:10;cursor:pointer;background-size:27px 44px;background-position:center;background-repeat:no-repeat}.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}.swiper-button-prev,.swiper-container-rtl .swiper-button-next{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");left:10px;right:auto}.swiper-button-next,.swiper-container-rtl .swiper-button-prev{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");right:10px;left:auto}.swiper-button-prev.swiper-button-white,.swiper-container-rtl .swiper-button-next.swiper-button-white{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")}.swiper-button-next.swiper-button-white,.swiper-container-rtl .swiper-button-prev.swiper-button-white{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")}.swiper-button-prev.swiper-button-black,.swiper-container-rtl .swiper-button-next.swiper-button-black{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")}.swiper-button-next.swiper-button-black,.swiper-container-rtl .swiper-button-prev.swiper-button-black{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")}.swiper-button-lock{display:none}.swiper-pagination{position:absolute;text-align:center;-webkit-transition:.3s opacity;-o-transition:.3s opacity;transition:.3s opacity;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-container-horizontal>.swiper-pagination-bullets,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:10px;left:0;width:100%}.swiper-pagination-bullets-dynamic{overflow:hidden;font-size:0}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{-webkit-transform:scale(.33);-ms-transform:scale(.33);transform:scale(.33);position:relative}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{-webkit-transform:scale(.66);-ms-transform:scale(.66);transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{-webkit-transform:scale(.33);-ms-transform:scale(.33);transform:scale(.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{-webkit-transform:scale(.66);-ms-transform:scale(.66);transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{-webkit-transform:scale(.33);-ms-transform:scale(.33);transform:scale(.33)}.swiper-pagination-bullet{width:8px;height:8px;display:inline-block;border-radius:100%;background:#000;opacity:.2}button.swiper-pagination-bullet{border:none;margin:0;padding:0;-webkit-box-shadow:none;box-shadow:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-bullet-active{opacity:1;background:#007aff}.swiper-container-vertical>.swiper-pagination-bullets{right:10px;top:50%;-webkit-transform:translate3d(0,-50%,0);transform:translate3d(0,-50%,0)}.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin:6px 0;display:block}.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);width:8px}.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;-webkit-transition:.2s top,.2s -webkit-transform;transition:.2s top,.2s -webkit-transform;-o-transition:.2s transform,.2s top;transition:.2s transform,.2s top;transition:.2s transform,.2s top,.2s -webkit-transform}.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 4px}.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);white-space:nowrap}.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{-webkit-transition:.2s left,.2s -webkit-transform;transition:.2s left,.2s -webkit-transform;-o-transition:.2s transform,.2s left;transition:.2s transform,.2s left;transition:.2s transform,.2s left,.2s -webkit-transform}.swiper-container-horizontal.swiper-container-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{-webkit-transition:.2s right,.2s -webkit-transform;transition:.2s right,.2s -webkit-transform;-o-transition:.2s transform,.2s right;transition:.2s transform,.2s right;transition:.2s transform,.2s right,.2s -webkit-transform}.swiper-pagination-progressbar{background:rgba(0,0,0,.25);position:absolute}.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:#007aff;position:absolute;left:0;top:0;width:100%;height:100%;-webkit-transform:scale(0);-ms-transform:scale(0);transform:scale(0);-webkit-transform-origin:left top;-ms-transform-origin:left top;transform-origin:left top}.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{-webkit-transform-origin:right top;-ms-transform-origin:right top;transform-origin:right top}.swiper-container-horizontal>.swiper-pagination-progressbar,.swiper-container-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite{width:100%;height:4px;left:0;top:0}.swiper-container-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-container-vertical>.swiper-pagination-progressbar{width:4px;height:100%;left:0;top:0}.swiper-pagination-white .swiper-pagination-bullet-active{background:#fff}.swiper-pagination-progressbar.swiper-pagination-white{background:rgba(255,255,255,.25)}.swiper-pagination-progressbar.swiper-pagination-white .swiper-pagination-progressbar-fill{background:#fff}.swiper-pagination-black .swiper-pagination-bullet-active{background:#000}.swiper-pagination-progressbar.swiper-pagination-black{background:rgba(0,0,0,.25)}.swiper-pagination-progressbar.swiper-pagination-black .swiper-pagination-progressbar-fill{background:#000}.swiper-pagination-lock{display:none}.swiper-scrollbar{border-radius:10px;position:relative;-ms-touch-action:none;background:rgba(0,0,0,.1)}.swiper-container-horizontal>.swiper-scrollbar{position:absolute;left:1%;bottom:3px;z-index:50;height:5px;width:98%}.swiper-container-vertical>.swiper-scrollbar{position:absolute;right:3px;top:1%;z-index:50;width:5px;height:98%}.swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:rgba(0,0,0,.5);border-radius:10px;left:0;top:0}.swiper-scrollbar-cursor-drag{cursor:move}.swiper-scrollbar-lock{display:none}.swiper-zoom-container{width:100%;height:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;text-align:center}.swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg{max-width:100%;max-height:100%;-o-object-fit:contain;object-fit:contain}.swiper-slide-zoomed{cursor:move}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;-webkit-transform-origin:50%;-ms-transform-origin:50%;transform-origin:50%;-webkit-animation:swiper-preloader-spin 1s steps(12,end) infinite;animation:swiper-preloader-spin 1s steps(12,end) infinite}.swiper-lazy-preloader:after{display:block;content:'';width:100%;height:100%;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");background-position:50%;background-size:100%;background-repeat:no-repeat}.swiper-lazy-preloader-white:after{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")}@-webkit-keyframes swiper-preloader-spin{100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes swiper-preloader-spin{100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}.swiper-container .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}.swiper-container-fade.swiper-container-free-mode .swiper-slide{-webkit-transition-timing-function:ease-out;-o-transition-timing-function:ease-out;transition-timing-function:ease-out}.swiper-container-fade .swiper-slide{pointer-events:none;-webkit-transition-property:opacity;-o-transition-property:opacity;transition-property:opacity}.swiper-container-fade .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-fade .swiper-slide-active,.swiper-container-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-cube{overflow:visible}.swiper-container-cube .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1;visibility:hidden;-webkit-transform-origin:0 0;-ms-transform-origin:0 0;transform-origin:0 0;width:100%;height:100%}.swiper-container-cube .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-cube.swiper-container-rtl .swiper-slide{-webkit-transform-origin:100% 0;-ms-transform-origin:100% 0;transform-origin:100% 0}.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-next,.swiper-container-cube .swiper-slide-next+.swiper-slide,.swiper-container-cube .swiper-slide-prev{pointer-events:auto;visibility:visible}.swiper-container-cube .swiper-slide-shadow-bottom,.swiper-container-cube .swiper-slide-shadow-left,.swiper-container-cube .swiper-slide-shadow-right,.swiper-container-cube .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-container-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0;width:100%;height:100%;background:#000;opacity:.6;-webkit-filter:blur(50px);filter:blur(50px);z-index:0}.swiper-container-flip{overflow:visible}.swiper-container-flip .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1}.swiper-container-flip .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-flip .swiper-slide-active,.swiper-container-flip .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-flip .swiper-slide-shadow-bottom,.swiper-container-flip .swiper-slide-shadow-left,.swiper-container-flip .swiper-slide-shadow-right,.swiper-container-flip .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-container-coverflow .swiper-wrapper{-ms-perspective:1200px}
1
+ /**
2
+ * Swiper 4.4.6
3
+ * Most modern mobile touch slider and framework with hardware accelerated transitions
4
+ * http://www.idangero.us/swiper/
5
+ *
6
+ * Copyright 2014-2018 Vladimir Kharlampidi
7
+ *
8
+ * Released under the MIT License
9
+ *
10
+ * Released on: December 19, 2018
11
+ */
12
  .swiper-container{margin:0 auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1}.swiper-container-no-flexbox .swiper-slide{float:left}.swiper-container-vertical>.swiper-wrapper{-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;-o-transition-property:transform;transition-property:transform;transition-property:transform,-webkit-transform;-webkit-box-sizing:content-box;box-sizing:content-box}.swiper-container-android .swiper-slide,.swiper-wrapper{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.swiper-container-multirow>.swiper-wrapper{-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}.swiper-container-free-mode>.swiper-wrapper{-webkit-transition-timing-function:ease-out;-o-transition-timing-function:ease-out;transition-timing-function:ease-out;margin:0 auto}.swiper-slide{-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;width:100%;height:100%;position:relative;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;-o-transition-property:transform;transition-property:transform;transition-property:transform,-webkit-transform}.swiper-slide-invisible-blank{visibility:hidden}.swiper-container-autoheight,.swiper-container-autoheight .swiper-slide{height:auto}.swiper-container-autoheight .swiper-wrapper{-webkit-box-align:start;-webkit-align-items:flex-start;-ms-flex-align:start;align-items:flex-start;-webkit-transition-property:height,-webkit-transform;transition-property:height,-webkit-transform;-o-transition-property:transform,height;transition-property:transform,height;transition-property:transform,height,-webkit-transform}.swiper-container-3d{-webkit-perspective:1200px;perspective:1200px}.swiper-container-3d .swiper-cube-shadow,.swiper-container-3d .swiper-slide,.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top,.swiper-container-3d .swiper-wrapper{-webkit-transform-style:preserve-3d;transform-style:preserve-3d}.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-container-3d .swiper-slide-shadow-left{background-image:-webkit-gradient(linear,right top,left top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-right{background-image:-webkit-gradient(linear,left top,right top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-top{background-image:-webkit-gradient(linear,left bottom,left top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-bottom{background-image:-webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-wp8-horizontal,.swiper-container-wp8-horizontal>.swiper-wrapper{-ms-touch-action:pan-y;touch-action:pan-y}.swiper-container-wp8-vertical,.swiper-container-wp8-vertical>.swiper-wrapper{-ms-touch-action:pan-x;touch-action:pan-x}.swiper-button-next,.swiper-button-prev{position:absolute;top:50%;width:27px;height:44px;margin-top:-22px;z-index:10;cursor:pointer;background-size:27px 44px;background-position:center;background-repeat:no-repeat}.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}.swiper-button-prev,.swiper-container-rtl .swiper-button-next{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");left:10px;right:auto}.swiper-button-next,.swiper-container-rtl .swiper-button-prev{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");right:10px;left:auto}.swiper-button-prev.swiper-button-white,.swiper-container-rtl .swiper-button-next.swiper-button-white{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")}.swiper-button-next.swiper-button-white,.swiper-container-rtl .swiper-button-prev.swiper-button-white{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")}.swiper-button-prev.swiper-button-black,.swiper-container-rtl .swiper-button-next.swiper-button-black{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")}.swiper-button-next.swiper-button-black,.swiper-container-rtl .swiper-button-prev.swiper-button-black{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")}.swiper-button-lock{display:none}.swiper-pagination{position:absolute;text-align:center;-webkit-transition:.3s opacity;-o-transition:.3s opacity;transition:.3s opacity;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-container-horizontal>.swiper-pagination-bullets,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:10px;left:0;width:100%}.swiper-pagination-bullets-dynamic{overflow:hidden;font-size:0}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{-webkit-transform:scale(.33);-ms-transform:scale(.33);transform:scale(.33);position:relative}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{-webkit-transform:scale(.66);-ms-transform:scale(.66);transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{-webkit-transform:scale(.33);-ms-transform:scale(.33);transform:scale(.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{-webkit-transform:scale(.66);-ms-transform:scale(.66);transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{-webkit-transform:scale(.33);-ms-transform:scale(.33);transform:scale(.33)}.swiper-pagination-bullet{width:8px;height:8px;display:inline-block;border-radius:100%;background:#000;opacity:.2}button.swiper-pagination-bullet{border:none;margin:0;padding:0;-webkit-box-shadow:none;box-shadow:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-bullet-active{opacity:1;background:#007aff}.swiper-container-vertical>.swiper-pagination-bullets{right:10px;top:50%;-webkit-transform:translate3d(0,-50%,0);transform:translate3d(0,-50%,0)}.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin:6px 0;display:block}.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);width:8px}.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;-webkit-transition:.2s top,.2s -webkit-transform;transition:.2s top,.2s -webkit-transform;-o-transition:.2s transform,.2s top;transition:.2s transform,.2s top;transition:.2s transform,.2s top,.2s -webkit-transform}.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 4px}.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);white-space:nowrap}.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{-webkit-transition:.2s left,.2s -webkit-transform;transition:.2s left,.2s -webkit-transform;-o-transition:.2s transform,.2s left;transition:.2s transform,.2s left;transition:.2s transform,.2s left,.2s -webkit-transform}.swiper-container-horizontal.swiper-container-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{-webkit-transition:.2s right,.2s -webkit-transform;transition:.2s right,.2s -webkit-transform;-o-transition:.2s transform,.2s right;transition:.2s transform,.2s right;transition:.2s transform,.2s right,.2s -webkit-transform}.swiper-pagination-progressbar{background:rgba(0,0,0,.25);position:absolute}.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:#007aff;position:absolute;left:0;top:0;width:100%;height:100%;-webkit-transform:scale(0);-ms-transform:scale(0);transform:scale(0);-webkit-transform-origin:left top;-ms-transform-origin:left top;transform-origin:left top}.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{-webkit-transform-origin:right top;-ms-transform-origin:right top;transform-origin:right top}.swiper-container-horizontal>.swiper-pagination-progressbar,.swiper-container-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite{width:100%;height:4px;left:0;top:0}.swiper-container-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-container-vertical>.swiper-pagination-progressbar{width:4px;height:100%;left:0;top:0}.swiper-pagination-white .swiper-pagination-bullet-active{background:#fff}.swiper-pagination-progressbar.swiper-pagination-white{background:rgba(255,255,255,.25)}.swiper-pagination-progressbar.swiper-pagination-white .swiper-pagination-progressbar-fill{background:#fff}.swiper-pagination-black .swiper-pagination-bullet-active{background:#000}.swiper-pagination-progressbar.swiper-pagination-black{background:rgba(0,0,0,.25)}.swiper-pagination-progressbar.swiper-pagination-black .swiper-pagination-progressbar-fill{background:#000}.swiper-pagination-lock{display:none}.swiper-scrollbar{border-radius:10px;position:relative;-ms-touch-action:none;background:rgba(0,0,0,.1)}.swiper-container-horizontal>.swiper-scrollbar{position:absolute;left:1%;bottom:3px;z-index:50;height:5px;width:98%}.swiper-container-vertical>.swiper-scrollbar{position:absolute;right:3px;top:1%;z-index:50;width:5px;height:98%}.swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:rgba(0,0,0,.5);border-radius:10px;left:0;top:0}.swiper-scrollbar-cursor-drag{cursor:move}.swiper-scrollbar-lock{display:none}.swiper-zoom-container{width:100%;height:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;text-align:center}.swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg{max-width:100%;max-height:100%;-o-object-fit:contain;object-fit:contain}.swiper-slide-zoomed{cursor:move}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;-webkit-transform-origin:50%;-ms-transform-origin:50%;transform-origin:50%;-webkit-animation:swiper-preloader-spin 1s steps(12,end) infinite;animation:swiper-preloader-spin 1s steps(12,end) infinite}.swiper-lazy-preloader:after{display:block;content:'';width:100%;height:100%;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");background-position:50%;background-size:100%;background-repeat:no-repeat}.swiper-lazy-preloader-white:after{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")}@-webkit-keyframes swiper-preloader-spin{100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes swiper-preloader-spin{100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}.swiper-container .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}.swiper-container-fade.swiper-container-free-mode .swiper-slide{-webkit-transition-timing-function:ease-out;-o-transition-timing-function:ease-out;transition-timing-function:ease-out}.swiper-container-fade .swiper-slide{pointer-events:none;-webkit-transition-property:opacity;-o-transition-property:opacity;transition-property:opacity}.swiper-container-fade .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-fade .swiper-slide-active,.swiper-container-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-cube{overflow:visible}.swiper-container-cube .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1;visibility:hidden;-webkit-transform-origin:0 0;-ms-transform-origin:0 0;transform-origin:0 0;width:100%;height:100%}.swiper-container-cube .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-cube.swiper-container-rtl .swiper-slide{-webkit-transform-origin:100% 0;-ms-transform-origin:100% 0;transform-origin:100% 0}.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-next,.swiper-container-cube .swiper-slide-next+.swiper-slide,.swiper-container-cube .swiper-slide-prev{pointer-events:auto;visibility:visible}.swiper-container-cube .swiper-slide-shadow-bottom,.swiper-container-cube .swiper-slide-shadow-left,.swiper-container-cube .swiper-slide-shadow-right,.swiper-container-cube .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-container-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0;width:100%;height:100%;background:#000;opacity:.6;-webkit-filter:blur(50px);filter:blur(50px);z-index:0}.swiper-container-flip{overflow:visible}.swiper-container-flip .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1}.swiper-container-flip .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-flip .swiper-slide-active,.swiper-container-flip .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-flip .swiper-slide-shadow-bottom,.swiper-container-flip .swiper-slide-shadow-left,.swiper-container-flip .swiper-slide-shadow-right,.swiper-container-flip .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-container-coverflow .swiper-wrapper{-ms-perspective:1200px}
assets/lib/swiper/js/swiper.esm.bundle.js CHANGED
@@ -1,7018 +1,7018 @@
1
- /**
2
- * Swiper 4.4.6
3
- * Most modern mobile touch slider and framework with hardware accelerated transitions
4
- * http://www.idangero.us/swiper/
5
- *
6
- * Copyright 2014-2018 Vladimir Kharlampidi
7
- *
8
- * Released under the MIT License
9
- *
10
- * Released on: December 19, 2018
11
- */
12
-
13
- import { $, addClass, removeClass, hasClass, toggleClass, attr, removeAttr, data, transform, transition, on, off, trigger, transitionEnd, outerWidth, outerHeight, offset, css, each, html, text, is, index, eq, append, prepend, next, nextAll, prev, prevAll, parent, parents, closest, find, children, remove, add, styles } from 'dom7/dist/dom7.modular';
14
- import { window, document } from 'ssr-window';
15
-
16
- const Methods = {
17
- addClass,
18
- removeClass,
19
- hasClass,
20
- toggleClass,
21
- attr,
22
- removeAttr,
23
- data,
24
- transform,
25
- transition,
26
- on,
27
- off,
28
- trigger,
29
- transitionEnd,
30
- outerWidth,
31
- outerHeight,
32
- offset,
33
- css,
34
- each,
35
- html,
36
- text,
37
- is,
38
- index,
39
- eq,
40
- append,
41
- prepend,
42
- next,
43
- nextAll,
44
- prev,
45
- prevAll,
46
- parent,
47
- parents,
48
- closest,
49
- find,
50
- children,
51
- remove,
52
- add,
53
- styles,
54
- };
55
-
56
- Object.keys(Methods).forEach((methodName) => {
57
- $.fn[methodName] = Methods[methodName];
58
- });
59
-
60
- const Utils = {
61
- deleteProps(obj) {
62
- const object = obj;
63
- Object.keys(object).forEach((key) => {
64
- try {
65
- object[key] = null;
66
- } catch (e) {
67
- // no getter for object
68
- }
69
- try {
70
- delete object[key];
71
- } catch (e) {
72
- // something got wrong
73
- }
74
- });
75
- },
76
- nextTick(callback, delay = 0) {
77
- return setTimeout(callback, delay);
78
- },
79
- now() {
80
- return Date.now();
81
- },
82
- getTranslate(el, axis = 'x') {
83
- let matrix;
84
- let curTransform;
85
- let transformMatrix;
86
-
87
- const curStyle = window.getComputedStyle(el, null);
88
-
89
- if (window.WebKitCSSMatrix) {
90
- curTransform = curStyle.transform || curStyle.webkitTransform;
91
- if (curTransform.split(',').length > 6) {
92
- curTransform = curTransform.split(', ').map(a => a.replace(',', '.')).join(', ');
93
- }
94
- // Some old versions of Webkit choke when 'none' is passed; pass
95
- // empty string instead in this case
96
- transformMatrix = new window.WebKitCSSMatrix(curTransform === 'none' ? '' : curTransform);
97
- } else {
98
- transformMatrix = curStyle.MozTransform || curStyle.OTransform || curStyle.MsTransform || curStyle.msTransform || curStyle.transform || curStyle.getPropertyValue('transform').replace('translate(', 'matrix(1, 0, 0, 1,');
99
- matrix = transformMatrix.toString().split(',');
100
- }
101
-
102
- if (axis === 'x') {
103
- // Latest Chrome and webkits Fix
104
- if (window.WebKitCSSMatrix) curTransform = transformMatrix.m41;
105
- // Crazy IE10 Matrix
106
- else if (matrix.length === 16) curTransform = parseFloat(matrix[12]);
107
- // Normal Browsers
108
- else curTransform = parseFloat(matrix[4]);
109
- }
110
- if (axis === 'y') {
111
- // Latest Chrome and webkits Fix
112
- if (window.WebKitCSSMatrix) curTransform = transformMatrix.m42;
113
- // Crazy IE10 Matrix
114
- else if (matrix.length === 16) curTransform = parseFloat(matrix[13]);
115
- // Normal Browsers
116
- else curTransform = parseFloat(matrix[5]);
117
- }
118
- return curTransform || 0;
119
- },
120
- parseUrlQuery(url) {
121
- const query = {};
122
- let urlToParse = url || window.location.href;
123
- let i;
124
- let params;
125
- let param;
126
- let length;
127
- if (typeof urlToParse === 'string' && urlToParse.length) {
128
- urlToParse = urlToParse.indexOf('?') > -1 ? urlToParse.replace(/\S*\?/, '') : '';
129
- params = urlToParse.split('&').filter(paramsPart => paramsPart !== '');
130
- length = params.length;
131
-
132
- for (i = 0; i < length; i += 1) {
133
- param = params[i].replace(/#\S+/g, '').split('=');
134
- query[decodeURIComponent(param[0])] = typeof param[1] === 'undefined' ? undefined : decodeURIComponent(param[1]) || '';
135
- }
136
- }
137
- return query;
138
- },
139
- isObject(o) {
140
- return typeof o === 'object' && o !== null && o.constructor && o.constructor === Object;
141
- },
142
- extend(...args) {
143
- const to = Object(args[0]);
144
- for (let i = 1; i < args.length; i += 1) {
145
- const nextSource = args[i];
146
- if (nextSource !== undefined && nextSource !== null) {
147
- const keysArray = Object.keys(Object(nextSource));
148
- for (let nextIndex = 0, len = keysArray.length; nextIndex < len; nextIndex += 1) {
149
- const nextKey = keysArray[nextIndex];
150
- const desc = Object.getOwnPropertyDescriptor(nextSource, nextKey);
151
- if (desc !== undefined && desc.enumerable) {
152
- if (Utils.isObject(to[nextKey]) && Utils.isObject(nextSource[nextKey])) {
153
- Utils.extend(to[nextKey], nextSource[nextKey]);
154
- } else if (!Utils.isObject(to[nextKey]) && Utils.isObject(nextSource[nextKey])) {
155
- to[nextKey] = {};
156
- Utils.extend(to[nextKey], nextSource[nextKey]);
157
- } else {
158
- to[nextKey] = nextSource[nextKey];
159
- }
160
- }
161
- }
162
- }
163
- }
164
- return to;
165
- },
166
- };
167
-
168
- const Support = (function Support() {
169
- const testDiv = document.createElement('div');
170
- return {
171
- touch: (window.Modernizr && window.Modernizr.touch === true) || (function checkTouch() {
172
- return !!((window.navigator.maxTouchPoints > 0) || ('ontouchstart' in window) || (window.DocumentTouch && document instanceof window.DocumentTouch));
173
- }()),
174
-
175
- pointerEvents: !!(window.navigator.pointerEnabled || window.PointerEvent || ('maxTouchPoints' in window.navigator)),
176
- prefixedPointerEvents: !!window.navigator.msPointerEnabled,
177
-
178
- transition: (function checkTransition() {
179
- const style = testDiv.style;
180
- return ('transition' in style || 'webkitTransition' in style || 'MozTransition' in style);
181
- }()),
182
- transforms3d: (window.Modernizr && window.Modernizr.csstransforms3d === true) || (function checkTransforms3d() {
183
- const style = testDiv.style;
184
- return ('webkitPerspective' in style || 'MozPerspective' in style || 'OPerspective' in style || 'MsPerspective' in style || 'perspective' in style);
185
- }()),
186
-
187
- flexbox: (function checkFlexbox() {
188
- const style = testDiv.style;
189
- const styles$$1 = ('alignItems webkitAlignItems webkitBoxAlign msFlexAlign mozBoxAlign webkitFlexDirection msFlexDirection mozBoxDirection mozBoxOrient webkitBoxDirection webkitBoxOrient').split(' ');
190
- for (let i = 0; i < styles$$1.length; i += 1) {
191
- if (styles$$1[i] in style) return true;
192
- }
193
- return false;
194
- }()),
195
-
196
- observer: (function checkObserver() {
197
- return ('MutationObserver' in window || 'WebkitMutationObserver' in window);
198
- }()),
199
-
200
- passiveListener: (function checkPassiveListener() {
201
- let supportsPassive = false;
202
- try {
203
- const opts = Object.defineProperty({}, 'passive', {
204
- // eslint-disable-next-line
205
- get() {
206
- supportsPassive = true;
207
- },
208
- });
209
- window.addEventListener('testPassiveListener', null, opts);
210
- } catch (e) {
211
- // No support
212
- }
213
- return supportsPassive;
214
- }()),
215
-
216
- gestures: (function checkGestures() {
217
- return 'ongesturestart' in window;
218
- }()),
219
- };
220
- }());
221
-
222
- class SwiperClass {
223
- constructor(params = {}) {
224
- const self = this;
225
- self.params = params;
226
-
227
- // Events
228
- self.eventsListeners = {};
229
-
230
- if (self.params && self.params.on) {
231
- Object.keys(self.params.on).forEach((eventName) => {
232
- self.on(eventName, self.params.on[eventName]);
233
- });
234
- }
235
- }
236
-
237
- on(events, handler, priority) {
238
- const self = this;
239
- if (typeof handler !== 'function') return self;
240
- const method = priority ? 'unshift' : 'push';
241
- events.split(' ').forEach((event) => {
242
- if (!self.eventsListeners[event]) self.eventsListeners[event] = [];
243
- self.eventsListeners[event][method](handler);
244
- });
245
- return self;
246
- }
247
-
248
- once(events, handler, priority) {
249
- const self = this;
250
- if (typeof handler !== 'function') return self;
251
- function onceHandler(...args) {
252
- handler.apply(self, args);
253
- self.off(events, onceHandler);
254
- }
255
- return self.on(events, onceHandler, priority);
256
- }
257
-
258
- off(events, handler) {
259
- const self = this;
260
- if (!self.eventsListeners) return self;
261
- events.split(' ').forEach((event) => {
262
- if (typeof handler === 'undefined') {
263
- self.eventsListeners[event] = [];
264
- } else if (self.eventsListeners[event] && self.eventsListeners[event].length) {
265
- self.eventsListeners[event].forEach((eventHandler, index$$1) => {
266
- if (eventHandler === handler) {
267
- self.eventsListeners[event].splice(index$$1, 1);
268
- }
269
- });
270
- }
271
- });
272
- return self;
273
- }
274
-
275
- emit(...args) {
276
- const self = this;
277
- if (!self.eventsListeners) return self;
278
- let events;
279
- let data$$1;
280
- let context;
281
- if (typeof args[0] === 'string' || Array.isArray(args[0])) {
282
- events = args[0];
283
- data$$1 = args.slice(1, args.length);
284
- context = self;
285
- } else {
286
- events = args[0].events;
287
- data$$1 = args[0].data;
288
- context = args[0].context || self;
289
- }
290
- const eventsArray = Array.isArray(events) ? events : events.split(' ');
291
- eventsArray.forEach((event) => {
292
- if (self.eventsListeners && self.eventsListeners[event]) {
293
- const handlers = [];
294
- self.eventsListeners[event].forEach((eventHandler) => {
295
- handlers.push(eventHandler);
296
- });
297
- handlers.forEach((eventHandler) => {
298
- eventHandler.apply(context, data$$1);
299
- });
300
- }
301
- });
302
- return self;
303
- }
304
-
305
- useModulesParams(instanceParams) {
306
- const instance = this;
307
- if (!instance.modules) return;
308
- Object.keys(instance.modules).forEach((moduleName) => {
309
- const module = instance.modules[moduleName];
310
- // Extend params
311
- if (module.params) {
312
- Utils.extend(instanceParams, module.params);
313
- }
314
- });
315
- }
316
-
317
- useModules(modulesParams = {}) {
318
- const instance = this;
319
- if (!instance.modules) return;
320
- Object.keys(instance.modules).forEach((moduleName) => {
321
- const module = instance.modules[moduleName];
322
- const moduleParams = modulesParams[moduleName] || {};
323
- // Extend instance methods and props
324
- if (module.instance) {
325
- Object.keys(module.instance).forEach((modulePropName) => {
326
- const moduleProp = module.instance[modulePropName];
327
- if (typeof moduleProp === 'function') {
328
- instance[modulePropName] = moduleProp.bind(instance);
329
- } else {
330
- instance[modulePropName] = moduleProp;
331
- }
332
- });
333
- }
334
- // Add event listeners
335
- if (module.on && instance.on) {
336
- Object.keys(module.on).forEach((moduleEventName) => {
337
- instance.on(moduleEventName, module.on[moduleEventName]);
338
- });
339
- }
340
-
341
- // Module create callback
342
- if (module.create) {
343
- module.create.bind(instance)(moduleParams);
344
- }
345
- });
346
- }
347
-
348
- static set components(components) {
349
- const Class = this;
350
- if (!Class.use) return;
351
- Class.use(components);
352
- }
353
-
354
- static installModule(module, ...params) {
355
- const Class = this;
356
- if (!Class.prototype.modules) Class.prototype.modules = {};
357
- const name = module.name || (`${Object.keys(Class.prototype.modules).length}_${Utils.now()}`);
358
- Class.prototype.modules[name] = module;
359
- // Prototype
360
- if (module.proto) {
361
- Object.keys(module.proto).forEach((key) => {
362
- Class.prototype[key] = module.proto[key];
363
- });
364
- }
365
- // Class
366
- if (module.static) {
367
- Object.keys(module.static).forEach((key) => {
368
- Class[key] = module.static[key];
369
- });
370
- }
371
- // Callback
372
- if (module.install) {
373
- module.install.apply(Class, params);
374
- }
375
- return Class;
376
- }
377
-
378
- static use(module, ...params) {
379
- const Class = this;
380
- if (Array.isArray(module)) {
381
- module.forEach(m => Class.installModule(m));
382
- return Class;
383
- }
384
- return Class.installModule(module, ...params);
385
- }
386
- }
387
-
388
- function updateSize () {
389
- const swiper = this;
390
- let width;
391
- let height;
392
- const $el = swiper.$el;
393
- if (typeof swiper.params.width !== 'undefined') {
394
- width = swiper.params.width;
395
- } else {
396
- width = $el[0].clientWidth;
397
- }
398
- if (typeof swiper.params.height !== 'undefined') {
399
- height = swiper.params.height;
400
- } else {
401
- height = $el[0].clientHeight;
402
- }
403
- if ((width === 0 && swiper.isHorizontal()) || (height === 0 && swiper.isVertical())) {
404
- return;
405
- }
406
-
407
- // Subtract paddings
408
- width = width - parseInt($el.css('padding-left'), 10) - parseInt($el.css('padding-right'), 10);
409
- height = height - parseInt($el.css('padding-top'), 10) - parseInt($el.css('padding-bottom'), 10);
410
-
411
- Utils.extend(swiper, {
412
- width,
413
- height,
414
- size: swiper.isHorizontal() ? width : height,
415
- });
416
- }
417
-
418
- function updateSlides () {
419
- const swiper = this;
420
- const params = swiper.params;
421
-
422
- const {
423
- $wrapperEl, size: swiperSize, rtlTranslate: rtl, wrongRTL,
424
- } = swiper;
425
- const isVirtual = swiper.virtual && params.virtual.enabled;
426
- const previousSlidesLength = isVirtual ? swiper.virtual.slides.length : swiper.slides.length;
427
- const slides = $wrapperEl.children(`.${swiper.params.slideClass}`);
428
- const slidesLength = isVirtual ? swiper.virtual.slides.length : slides.length;
429
- let snapGrid = [];
430
- const slidesGrid = [];
431
- const slidesSizesGrid = [];
432
-
433
- let offsetBefore = params.slidesOffsetBefore;
434
- if (typeof offsetBefore === 'function') {
435
- offsetBefore = params.slidesOffsetBefore.call(swiper);
436
- }
437
-
438
- let offsetAfter = params.slidesOffsetAfter;
439
- if (typeof offsetAfter === 'function') {
440
- offsetAfter = params.slidesOffsetAfter.call(swiper);
441
- }
442
-
443
- const previousSnapGridLength = swiper.snapGrid.length;
444
- const previousSlidesGridLength = swiper.snapGrid.length;
445
-
446
- let spaceBetween = params.spaceBetween;
447
- let slidePosition = -offsetBefore;
448
- let prevSlideSize = 0;
449
- let index$$1 = 0;
450
- if (typeof swiperSize === 'undefined') {
451
- return;
452
- }
453
- if (typeof spaceBetween === 'string' && spaceBetween.indexOf('%') >= 0) {
454
- spaceBetween = (parseFloat(spaceBetween.replace('%', '')) / 100) * swiperSize;
455
- }
456
-
457
- swiper.virtualSize = -spaceBetween;
458
-
459
- // reset margins
460
- if (rtl) slides.css({ marginLeft: '', marginTop: '' });
461
- else slides.css({ marginRight: '', marginBottom: '' });
462
-
463
- let slidesNumberEvenToRows;
464
- if (params.slidesPerColumn > 1) {
465
- if (Math.floor(slidesLength / params.slidesPerColumn) === slidesLength / swiper.params.slidesPerColumn) {
466
- slidesNumberEvenToRows = slidesLength;
467
- } else {
468
- slidesNumberEvenToRows = Math.ceil(slidesLength / params.slidesPerColumn) * params.slidesPerColumn;
469
- }
470
- if (params.slidesPerView !== 'auto' && params.slidesPerColumnFill === 'row') {
471
- slidesNumberEvenToRows = Math.max(slidesNumberEvenToRows, params.slidesPerView * params.slidesPerColumn);
472
- }
473
- }
474
-
475
- // Calc slides
476
- let slideSize;
477
- const slidesPerColumn = params.slidesPerColumn;
478
- const slidesPerRow = slidesNumberEvenToRows / slidesPerColumn;
479
- const numFullColumns = Math.floor(slidesLength / params.slidesPerColumn);
480
- for (let i = 0; i < slidesLength; i += 1) {
481
- slideSize = 0;
482
- const slide = slides.eq(i);
483
- if (params.slidesPerColumn > 1) {
484
- // Set slides order
485
- let newSlideOrderIndex;
486
- let column;
487
- let row;
488
- if (params.slidesPerColumnFill === 'column') {
489
- column = Math.floor(i / slidesPerColumn);
490
- row = i - (column * slidesPerColumn);
491
- if (column > numFullColumns || (column === numFullColumns && row === slidesPerColumn - 1)) {
492
- row += 1;
493
- if (row >= slidesPerColumn) {
494
- row = 0;
495
- column += 1;
496
- }
497
- }
498
- newSlideOrderIndex = column + ((row * slidesNumberEvenToRows) / slidesPerColumn);
499
- slide
500
- .css({
501
- '-webkit-box-ordinal-group': newSlideOrderIndex,
502
- '-moz-box-ordinal-group': newSlideOrderIndex,
503
- '-ms-flex-order': newSlideOrderIndex,
504
- '-webkit-order': newSlideOrderIndex,
505
- order: newSlideOrderIndex,
506
- });
507
- } else {
508
- row = Math.floor(i / slidesPerRow);
509
- column = i - (row * slidesPerRow);
510
- }
511
- slide
512
- .css(
513
- `margin-${swiper.isHorizontal() ? 'top' : 'left'}`,
514
- (row !== 0 && params.spaceBetween) && (`${params.spaceBetween}px`)
515
- )
516
- .attr('data-swiper-column', column)
517
- .attr('data-swiper-row', row);
518
- }
519
- if (slide.css('display') === 'none') continue; // eslint-disable-line
520
-
521
- if (params.slidesPerView === 'auto') {
522
- const slideStyles = window.getComputedStyle(slide[0], null);
523
- const currentTransform = slide[0].style.transform;
524
- const currentWebKitTransform = slide[0].style.webkitTransform;
525
- if (currentTransform) {
526
- slide[0].style.transform = 'none';
527
- }
528
- if (currentWebKitTransform) {
529
- slide[0].style.webkitTransform = 'none';
530
- }
531
- if (params.roundLengths) {
532
- slideSize = swiper.isHorizontal()
533
- ? slide.outerWidth(true)
534
- : slide.outerHeight(true);
535
- } else {
536
- // eslint-disable-next-line
537
- if (swiper.isHorizontal()) {
538
- const width = parseFloat(slideStyles.getPropertyValue('width'));
539
- const paddingLeft = parseFloat(slideStyles.getPropertyValue('padding-left'));
540
- const paddingRight = parseFloat(slideStyles.getPropertyValue('padding-right'));
541
- const marginLeft = parseFloat(slideStyles.getPropertyValue('margin-left'));
542
- const marginRight = parseFloat(slideStyles.getPropertyValue('margin-right'));
543
- const boxSizing = slideStyles.getPropertyValue('box-sizing');
544
- if (boxSizing && boxSizing === 'border-box') {
545
- slideSize = width + marginLeft + marginRight;
546
- } else {
547
- slideSize = width + paddingLeft + paddingRight + marginLeft + marginRight;
548
- }
549
- } else {
550
- const height = parseFloat(slideStyles.getPropertyValue('height'));
551
- const paddingTop = parseFloat(slideStyles.getPropertyValue('padding-top'));
552
- const paddingBottom = parseFloat(slideStyles.getPropertyValue('padding-bottom'));
553
- const marginTop = parseFloat(slideStyles.getPropertyValue('margin-top'));
554
- const marginBottom = parseFloat(slideStyles.getPropertyValue('margin-bottom'));
555
- const boxSizing = slideStyles.getPropertyValue('box-sizing');
556
- if (boxSizing && boxSizing === 'border-box') {
557
- slideSize = height + marginTop + marginBottom;
558
- } else {
559
- slideSize = height + paddingTop + paddingBottom + marginTop + marginBottom;
560
- }
561
- }
562
- }
563
- if (currentTransform) {
564
- slide[0].style.transform = currentTransform;
565
- }
566
- if (currentWebKitTransform) {
567
- slide[0].style.webkitTransform = currentWebKitTransform;
568
- }
569
- if (params.roundLengths) slideSize = Math.floor(slideSize);
570
- } else {
571
- slideSize = (swiperSize - ((params.slidesPerView - 1) * spaceBetween)) / params.slidesPerView;
572
- if (params.roundLengths) slideSize = Math.floor(slideSize);
573
-
574
- if (slides[i]) {
575
- if (swiper.isHorizontal()) {
576
- slides[i].style.width = `${slideSize}px`;
577
- } else {
578
- slides[i].style.height = `${slideSize}px`;
579
- }
580
- }
581
- }
582
- if (slides[i]) {
583
- slides[i].swiperSlideSize = slideSize;
584
- }
585
- slidesSizesGrid.push(slideSize);
586
-
587
-
588
- if (params.centeredSlides) {
589
- slidePosition = slidePosition + (slideSize / 2) + (prevSlideSize / 2) + spaceBetween;
590
- if (prevSlideSize === 0 && i !== 0) slidePosition = slidePosition - (swiperSize / 2) - spaceBetween;
591
- if (i === 0) slidePosition = slidePosition - (swiperSize / 2) - spaceBetween;
592
- if (Math.abs(slidePosition) < 1 / 1000) slidePosition = 0;
593
- if (params.roundLengths) slidePosition = Math.floor(slidePosition);
594
- if ((index$$1) % params.slidesPerGroup === 0) snapGrid.push(slidePosition);
595
- slidesGrid.push(slidePosition);
596
- } else {
597
- if (params.roundLengths) slidePosition = Math.floor(slidePosition);
598
- if ((index$$1) % params.slidesPerGroup === 0) snapGrid.push(slidePosition);
599
- slidesGrid.push(slidePosition);
600
- slidePosition = slidePosition + slideSize + spaceBetween;
601
- }
602
-
603
- swiper.virtualSize += slideSize + spaceBetween;
604
-
605
- prevSlideSize = slideSize;
606
-
607
- index$$1 += 1;
608
- }
609
- swiper.virtualSize = Math.max(swiper.virtualSize, swiperSize) + offsetAfter;
610
- let newSlidesGrid;
611
-
612
- if (
613
- rtl && wrongRTL && (params.effect === 'slide' || params.effect === 'coverflow')) {
614
- $wrapperEl.css({ width: `${swiper.virtualSize + params.spaceBetween}px` });
615
- }
616
- if (!Support.flexbox || params.setWrapperSize) {
617
- if (swiper.isHorizontal()) $wrapperEl.css({ width: `${swiper.virtualSize + params.spaceBetween}px` });
618
- else $wrapperEl.css({ height: `${swiper.virtualSize + params.spaceBetween}px` });
619
- }
620
-
621
- if (params.slidesPerColumn > 1) {
622
- swiper.virtualSize = (slideSize + params.spaceBetween) * slidesNumberEvenToRows;
623
- swiper.virtualSize = Math.ceil(swiper.virtualSize / params.slidesPerColumn) - params.spaceBetween;
624
- if (swiper.isHorizontal()) $wrapperEl.css({ width: `${swiper.virtualSize + params.spaceBetween}px` });
625
- else $wrapperEl.css({ height: `${swiper.virtualSize + params.spaceBetween}px` });
626
- if (params.centeredSlides) {
627
- newSlidesGrid = [];
628
- for (let i = 0; i < snapGrid.length; i += 1) {
629
- let slidesGridItem = snapGrid[i];
630
- if (params.roundLengths) slidesGridItem = Math.floor(slidesGridItem);
631
- if (snapGrid[i] < swiper.virtualSize + snapGrid[0]) newSlidesGrid.push(slidesGridItem);
632
- }
633
- snapGrid = newSlidesGrid;
634
- }
635
- }
636
-
637
- // Remove last grid elements depending on width
638
- if (!params.centeredSlides) {
639
- newSlidesGrid = [];
640
- for (let i = 0; i < snapGrid.length; i += 1) {
641
- let slidesGridItem = snapGrid[i];
642
- if (params.roundLengths) slidesGridItem = Math.floor(slidesGridItem);
643
- if (snapGrid[i] <= swiper.virtualSize - swiperSize) {
644
- newSlidesGrid.push(slidesGridItem);
645
- }
646
- }
647
- snapGrid = newSlidesGrid;
648
- if (Math.floor(swiper.virtualSize - swiperSize) - Math.floor(snapGrid[snapGrid.length - 1]) > 1) {
649
- snapGrid.push(swiper.virtualSize - swiperSize);
650
- }
651
- }
652
- if (snapGrid.length === 0) snapGrid = [0];
653
-
654
- if (params.spaceBetween !== 0) {
655
- if (swiper.isHorizontal()) {
656
- if (rtl) slides.css({ marginLeft: `${spaceBetween}px` });
657
- else slides.css({ marginRight: `${spaceBetween}px` });
658
- } else slides.css({ marginBottom: `${spaceBetween}px` });
659
- }
660
-
661
- if (params.centerInsufficientSlides) {
662
- let allSlidesSize = 0;
663
- slidesSizesGrid.forEach((slideSizeValue) => {
664
- allSlidesSize += slideSizeValue + (params.spaceBetween ? params.spaceBetween : 0);
665
- });
666
- allSlidesSize -= params.spaceBetween;
667
- if (allSlidesSize < swiperSize) {
668
- const allSlidesOffset = (swiperSize - allSlidesSize) / 2;
669
- snapGrid.forEach((snap, snapIndex) => {
670
- snapGrid[snapIndex] = snap - allSlidesOffset;
671
- });
672
- slidesGrid.forEach((snap, snapIndex) => {
673
- slidesGrid[snapIndex] = snap + allSlidesOffset;
674
- });
675
- }
676
- }
677
-
678
- Utils.extend(swiper, {
679
- slides,
680
- snapGrid,
681
- slidesGrid,
682
- slidesSizesGrid,
683
- });
684
-
685
- if (slidesLength !== previousSlidesLength) {
686
- swiper.emit('slidesLengthChange');
687
- }
688
- if (snapGrid.length !== previousSnapGridLength) {
689
- if (swiper.params.watchOverflow) swiper.checkOverflow();
690
- swiper.emit('snapGridLengthChange');
691
- }
692
- if (slidesGrid.length !== previousSlidesGridLength) {
693
- swiper.emit('slidesGridLengthChange');
694
- }
695
-
696
- if (params.watchSlidesProgress || params.watchSlidesVisibility) {
697
- swiper.updateSlidesOffset();
698
- }
699
- }
700
-
701
- function updateAutoHeight (speed) {
702
- const swiper = this;
703
- const activeSlides = [];
704
- let newHeight = 0;
705
- let i;
706
- if (typeof speed === 'number') {
707
- swiper.setTransition(speed);
708
- } else if (speed === true) {
709
- swiper.setTransition(swiper.params.speed);
710
- }
711
- // Find slides currently in view
712
- if (swiper.params.slidesPerView !== 'auto' && swiper.params.slidesPerView > 1) {
713
- for (i = 0; i < Math.ceil(swiper.params.slidesPerView); i += 1) {
714
- const index$$1 = swiper.activeIndex + i;
715
- if (index$$1 > swiper.slides.length) break;
716
- activeSlides.push(swiper.slides.eq(index$$1)[0]);
717
- }
718
- } else {
719
- activeSlides.push(swiper.slides.eq(swiper.activeIndex)[0]);
720
- }
721
-
722
- // Find new height from highest slide in view
723
- for (i = 0; i < activeSlides.length; i += 1) {
724
- if (typeof activeSlides[i] !== 'undefined') {
725
- const height = activeSlides[i].offsetHeight;
726
- newHeight = height > newHeight ? height : newHeight;
727
- }
728
- }
729
-
730
- // Update Height
731
- if (newHeight) swiper.$wrapperEl.css('height', `${newHeight}px`);
732
- }
733
-
734
- function updateSlidesOffset () {
735
- const swiper = this;
736
- const slides = swiper.slides;
737
- for (let i = 0; i < slides.length; i += 1) {
738
- slides[i].swiperSlideOffset = swiper.isHorizontal() ? slides[i].offsetLeft : slides[i].offsetTop;
739
- }
740
- }
741
-
742
- function updateSlidesProgress (translate = (this && this.translate) || 0) {
743
- const swiper = this;
744
- const params = swiper.params;
745
-
746
- const { slides, rtlTranslate: rtl } = swiper;
747
-
748
- if (slides.length === 0) return;
749
- if (typeof slides[0].swiperSlideOffset === 'undefined') swiper.updateSlidesOffset();
750
-
751
- let offsetCenter = -translate;
752
- if (rtl) offsetCenter = translate;
753
-
754
- // Visible Slides
755
- slides.removeClass(params.slideVisibleClass);
756
-
757
- swiper.visibleSlidesIndexes = [];
758
- swiper.visibleSlides = [];
759
-
760
- for (let i = 0; i < slides.length; i += 1) {
761
- const slide = slides[i];
762
- const slideProgress = (
763
- (offsetCenter + (params.centeredSlides ? swiper.minTranslate() : 0)) - slide.swiperSlideOffset
764
- ) / (slide.swiperSlideSize + params.spaceBetween);
765
- if (params.watchSlidesVisibility) {
766
- const slideBefore = -(offsetCenter - slide.swiperSlideOffset);
767
- const slideAfter = slideBefore + swiper.slidesSizesGrid[i];
768
- const isVisible = (slideBefore >= 0 && slideBefore < swiper.size)
769
- || (slideAfter > 0 && slideAfter <= swiper.size)
770
- || (slideBefore <= 0 && slideAfter >= swiper.size);
771
- if (isVisible) {
772
- swiper.visibleSlides.push(slide);
773
- swiper.visibleSlidesIndexes.push(i);
774
- slides.eq(i).addClass(params.slideVisibleClass);
775
- }
776
- }
777
- slide.progress = rtl ? -slideProgress : slideProgress;
778
- }
779
- swiper.visibleSlides = $(swiper.visibleSlides);
780
- }
781
-
782
- function updateProgress (translate = (this && this.translate) || 0) {
783
- const swiper = this;
784
- const params = swiper.params;
785
-
786
- const translatesDiff = swiper.maxTranslate() - swiper.minTranslate();
787
- let { progress, isBeginning, isEnd } = swiper;
788
- const wasBeginning = isBeginning;
789
- const wasEnd = isEnd;
790
- if (translatesDiff === 0) {
791
- progress = 0;
792
- isBeginning = true;
793
- isEnd = true;
794
- } else {
795
- progress = (translate - swiper.minTranslate()) / (translatesDiff);
796
- isBeginning = progress <= 0;
797
- isEnd = progress >= 1;
798
- }
799
- Utils.extend(swiper, {
800
- progress,
801
- isBeginning,
802
- isEnd,
803
- });
804
-
805
- if (params.watchSlidesProgress || params.watchSlidesVisibility) swiper.updateSlidesProgress(translate);
806
-
807
- if (isBeginning && !wasBeginning) {
808
- swiper.emit('reachBeginning toEdge');
809
- }
810
- if (isEnd && !wasEnd) {
811
- swiper.emit('reachEnd toEdge');
812
- }
813
- if ((wasBeginning && !isBeginning) || (wasEnd && !isEnd)) {
814
- swiper.emit('fromEdge');
815
- }
816
-
817
- swiper.emit('progress', progress);
818
- }
819
-
820
- function updateSlidesClasses () {
821
- const swiper = this;
822
-
823
- const {
824
- slides, params, $wrapperEl, activeIndex, realIndex,
825
- } = swiper;
826
- const isVirtual = swiper.virtual && params.virtual.enabled;
827
-
828
- slides.removeClass(`${params.slideActiveClass} ${params.slideNextClass} ${params.slidePrevClass} ${params.slideDuplicateActiveClass} ${params.slideDuplicateNextClass} ${params.slideDuplicatePrevClass}`);
829
-
830
- let activeSlide;
831
- if (isVirtual) {
832
- activeSlide = swiper.$wrapperEl.find(`.${params.slideClass}[data-swiper-slide-index="${activeIndex}"]`);
833
- } else {
834
- activeSlide = slides.eq(activeIndex);
835
- }
836
-
837
- // Active classes
838
- activeSlide.addClass(params.slideActiveClass);
839
-
840
- if (params.loop) {
841
- // Duplicate to all looped slides
842
- if (activeSlide.hasClass(params.slideDuplicateClass)) {
843
- $wrapperEl
844
- .children(`.${params.slideClass}:not(.${params.slideDuplicateClass})[data-swiper-slide-index="${realIndex}"]`)
845
- .addClass(params.slideDuplicateActiveClass);
846
- } else {
847
- $wrapperEl
848
- .children(`.${params.slideClass}.${params.slideDuplicateClass}[data-swiper-slide-index="${realIndex}"]`)
849
- .addClass(params.slideDuplicateActiveClass);
850
- }
851
- }
852
- // Next Slide
853
- let nextSlide = activeSlide.nextAll(`.${params.slideClass}`).eq(0).addClass(params.slideNextClass);
854
- if (params.loop && nextSlide.length === 0) {
855
- nextSlide = slides.eq(0);
856
- nextSlide.addClass(params.slideNextClass);
857
- }
858
- // Prev Slide
859
- let prevSlide = activeSlide.prevAll(`.${params.slideClass}`).eq(0).addClass(params.slidePrevClass);
860
- if (params.loop && prevSlide.length === 0) {
861
- prevSlide = slides.eq(-1);
862
- prevSlide.addClass(params.slidePrevClass);
863
- }
864
- if (params.loop) {
865
- // Duplicate to all looped slides
866
- if (nextSlide.hasClass(params.slideDuplicateClass)) {
867
- $wrapperEl
868
- .children(`.${params.slideClass}:not(.${params.slideDuplicateClass})[data-swiper-slide-index="${nextSlide.attr('data-swiper-slide-index')}"]`)
869
- .addClass(params.slideDuplicateNextClass);
870
- } else {
871
- $wrapperEl
872
- .children(`.${params.slideClass}.${params.slideDuplicateClass}[data-swiper-slide-index="${nextSlide.attr('data-swiper-slide-index')}"]`)
873
- .addClass(params.slideDuplicateNextClass);
874
- }
875
- if (prevSlide.hasClass(params.slideDuplicateClass)) {
876
- $wrapperEl
877
- .children(`.${params.slideClass}:not(.${params.slideDuplicateClass})[data-swiper-slide-index="${prevSlide.attr('data-swiper-slide-index')}"]`)
878
- .addClass(params.slideDuplicatePrevClass);
879
- } else {
880
- $wrapperEl
881
- .children(`.${params.slideClass}.${params.slideDuplicateClass}[data-swiper-slide-index="${prevSlide.attr('data-swiper-slide-index')}"]`)
882
- .addClass(params.slideDuplicatePrevClass);
883
- }
884
- }
885
- }
886
-
887
- function updateActiveIndex (newActiveIndex) {
888
- const swiper = this;
889
- const translate = swiper.rtlTranslate ? swiper.translate : -swiper.translate;
890
- const {
891
- slidesGrid, snapGrid, params, activeIndex: previousIndex, realIndex: previousRealIndex, snapIndex: previousSnapIndex,
892
- } = swiper;
893
- let activeIndex = newActiveIndex;
894
- let snapIndex;
895
- if (typeof activeIndex === 'undefined') {
896
- for (let i = 0; i < slidesGrid.length; i += 1) {
897
- if (typeof slidesGrid[i + 1] !== 'undefined') {
898
- if (translate >= slidesGrid[i] && translate < slidesGrid[i + 1] - ((slidesGrid[i + 1] - slidesGrid[i]) / 2)) {
899
- activeIndex = i;
900
- } else if (translate >= slidesGrid[i] && translate < slidesGrid[i + 1]) {
901
- activeIndex = i + 1;
902
- }
903
- } else if (translate >= slidesGrid[i]) {
904
- activeIndex = i;
905
- }
906
- }
907
- // Normalize slideIndex
908
- if (params.normalizeSlideIndex) {
909
- if (activeIndex < 0 || typeof activeIndex === 'undefined') activeIndex = 0;
910
- }
911
- }
912
- if (snapGrid.indexOf(translate) >= 0) {
913
- snapIndex = snapGrid.indexOf(translate);
914
- } else {
915
- snapIndex = Math.floor(activeIndex / params.slidesPerGroup);
916
- }
917
- if (snapIndex >= snapGrid.length) snapIndex = snapGrid.length - 1;
918
- if (activeIndex === previousIndex) {
919
- if (snapIndex !== previousSnapIndex) {
920
- swiper.snapIndex = snapIndex;
921
- swiper.emit('snapIndexChange');
922
- }
923
- return;
924
- }
925
-
926
- // Get real index
927
- const realIndex = parseInt(swiper.slides.eq(activeIndex).attr('data-swiper-slide-index') || activeIndex, 10);
928
-
929
- Utils.extend(swiper, {
930
- snapIndex,
931
- realIndex,
932
- previousIndex,
933
- activeIndex,
934
- });
935
- swiper.emit('activeIndexChange');
936
- swiper.emit('snapIndexChange');
937
- if (previousRealIndex !== realIndex) {
938
- swiper.emit('realIndexChange');
939
- }
940
- swiper.emit('slideChange');
941
- }
942
-
943
- function updateClickedSlide (e) {
944
- const swiper = this;
945
- const params = swiper.params;
946
- const slide = $(e.target).closest(`.${params.slideClass}`)[0];
947
- let slideFound = false;
948
- if (slide) {
949
- for (let i = 0; i < swiper.slides.length; i += 1) {
950
- if (swiper.slides[i] === slide) slideFound = true;
951
- }
952
- }
953
-
954
- if (slide && slideFound) {
955
- swiper.clickedSlide = slide;
956
- if (swiper.virtual && swiper.params.virtual.enabled) {
957
- swiper.clickedIndex = parseInt($(slide).attr('data-swiper-slide-index'), 10);
958
- } else {
959
- swiper.clickedIndex = $(slide).index();
960
- }
961
- } else {
962
- swiper.clickedSlide = undefined;
963
- swiper.clickedIndex = undefined;
964
- return;
965
- }
966
- if (params.slideToClickedSlide && swiper.clickedIndex !== undefined && swiper.clickedIndex !== swiper.activeIndex) {
967
- swiper.slideToClickedSlide();
968
- }
969
- }
970
-
971
- var update = {
972
- updateSize,
973
- updateSlides,
974
- updateAutoHeight,
975
- updateSlidesOffset,
976
- updateSlidesProgress,
977
- updateProgress,
978
- updateSlidesClasses,
979
- updateActiveIndex,
980
- updateClickedSlide,
981
- };
982
-
983
- function getTranslate (axis = this.isHorizontal() ? 'x' : 'y') {
984
- const swiper = this;
985
-
986
- const {
987
- params, rtlTranslate: rtl, translate, $wrapperEl,
988
- } = swiper;
989
-
990
- if (params.virtualTranslate) {
991
- return rtl ? -translate : translate;
992
- }
993
-
994
- let currentTranslate = Utils.getTranslate($wrapperEl[0], axis);
995
- if (rtl) currentTranslate = -currentTranslate;
996
-
997
- return currentTranslate || 0;
998
- }
999
-
1000
- function setTranslate (translate, byController) {
1001
- const swiper = this;
1002
- const {
1003
- rtlTranslate: rtl, params, $wrapperEl, progress,
1004
- } = swiper;
1005
- let x = 0;
1006
- let y = 0;
1007
- const z = 0;
1008
-
1009
- if (swiper.isHorizontal()) {
1010
- x = rtl ? -translate : translate;
1011
- } else {
1012
- y = translate;
1013
- }
1014
-
1015
- if (params.roundLengths) {
1016
- x = Math.floor(x);
1017
- y = Math.floor(y);
1018
- }
1019
-
1020
- if (!params.virtualTranslate) {
1021
- if (Support.transforms3d) $wrapperEl.transform(`translate3d(${x}px, ${y}px, ${z}px)`);
1022
- else $wrapperEl.transform(`translate(${x}px, ${y}px)`);
1023
- }
1024
- swiper.previousTranslate = swiper.translate;
1025
- swiper.translate = swiper.isHorizontal() ? x : y;
1026
-
1027
- // Check if we need to update progress
1028
- let newProgress;
1029
- const translatesDiff = swiper.maxTranslate() - swiper.minTranslate();
1030
- if (translatesDiff === 0) {
1031
- newProgress = 0;
1032
- } else {
1033
- newProgress = (translate - swiper.minTranslate()) / (translatesDiff);
1034
- }
1035
- if (newProgress !== progress) {
1036
- swiper.updateProgress(translate);
1037
- }
1038
-
1039
- swiper.emit('setTranslate', swiper.translate, byController);
1040
- }
1041
-
1042
- function minTranslate () {
1043
- return (-this.snapGrid[0]);
1044
- }
1045
-
1046
- function maxTranslate () {
1047
- return (-this.snapGrid[this.snapGrid.length - 1]);
1048
- }
1049
-
1050
- var translate = {
1051
- getTranslate,
1052
- setTranslate,
1053
- minTranslate,
1054
- maxTranslate,
1055
- };
1056
-
1057
- function setTransition (duration, byController) {
1058
- const swiper = this;
1059
-
1060
- swiper.$wrapperEl.transition(duration);
1061
-
1062
- swiper.emit('setTransition', duration, byController);
1063
- }
1064
-
1065
- function transitionStart (runCallbacks = true, direction) {
1066
- const swiper = this;
1067
- const { activeIndex, params, previousIndex } = swiper;
1068
- if (params.autoHeight) {
1069
- swiper.updateAutoHeight();
1070
- }
1071
-
1072
- let dir = direction;
1073
- if (!dir) {
1074
- if (activeIndex > previousIndex) dir = 'next';
1075
- else if (activeIndex < previousIndex) dir = 'prev';
1076
- else dir = 'reset';
1077
- }
1078
-
1079
- swiper.emit('transitionStart');
1080
-
1081
- if (runCallbacks && activeIndex !== previousIndex) {
1082
- if (dir === 'reset') {
1083
- swiper.emit('slideResetTransitionStart');
1084
- return;
1085
- }
1086
- swiper.emit('slideChangeTransitionStart');
1087
- if (dir === 'next') {
1088
- swiper.emit('slideNextTransitionStart');
1089
- } else {
1090
- swiper.emit('slidePrevTransitionStart');
1091
- }
1092
- }
1093
- }
1094
-
1095
- function transitionEnd$1 (runCallbacks = true, direction) {
1096
- const swiper = this;
1097
- const { activeIndex, previousIndex } = swiper;
1098
- swiper.animating = false;
1099
- swiper.setTransition(0);
1100
-
1101
- let dir = direction;
1102
- if (!dir) {
1103
- if (activeIndex > previousIndex) dir = 'next';
1104
- else if (activeIndex < previousIndex) dir = 'prev';
1105
- else dir = 'reset';
1106
- }
1107
-
1108
- swiper.emit('transitionEnd');
1109
-
1110
- if (runCallbacks && activeIndex !== previousIndex) {
1111
- if (dir === 'reset') {
1112
- swiper.emit('slideResetTransitionEnd');
1113
- return;
1114
- }
1115
- swiper.emit('slideChangeTransitionEnd');
1116
- if (dir === 'next') {
1117
- swiper.emit('slideNextTransitionEnd');
1118
- } else {
1119
- swiper.emit('slidePrevTransitionEnd');
1120
- }
1121
- }
1122
- }
1123
-
1124
- var transition$1 = {
1125
- setTransition,
1126
- transitionStart,
1127
- transitionEnd: transitionEnd$1,
1128
- };
1129
-
1130
- function slideTo (index$$1 = 0, speed = this.params.speed, runCallbacks = true, internal) {
1131
- const swiper = this;
1132
- let slideIndex = index$$1;
1133
- if (slideIndex < 0) slideIndex = 0;
1134
-
1135
- const {
1136
- params, snapGrid, slidesGrid, previousIndex, activeIndex, rtlTranslate: rtl,
1137
- } = swiper;
1138
- if (swiper.animating && params.preventInteractionOnTransition) {
1139
- return false;
1140
- }
1141
-
1142
- let snapIndex = Math.floor(slideIndex / params.slidesPerGroup);
1143
- if (snapIndex >= snapGrid.length) snapIndex = snapGrid.length - 1;
1144
-
1145
- if ((activeIndex || params.initialSlide || 0) === (previousIndex || 0) && runCallbacks) {
1146
- swiper.emit('beforeSlideChangeStart');
1147
- }
1148
-
1149
- const translate = -snapGrid[snapIndex];
1150
-
1151
- // Update progress
1152
- swiper.updateProgress(translate);
1153
-
1154
- // Normalize slideIndex
1155
- if (params.normalizeSlideIndex) {
1156
- for (let i = 0; i < slidesGrid.length; i += 1) {
1157
- if (-Math.floor(translate * 100) >= Math.floor(slidesGrid[i] * 100)) {
1158
- slideIndex = i;
1159
- }
1160
- }
1161
- }
1162
- // Directions locks
1163
- if (swiper.initialized && slideIndex !== activeIndex) {
1164
- if (!swiper.allowSlideNext && translate < swiper.translate && translate < swiper.minTranslate()) {
1165
- return false;
1166
- }
1167
- if (!swiper.allowSlidePrev && translate > swiper.translate && translate > swiper.maxTranslate()) {
1168
- if ((activeIndex || 0) !== slideIndex) return false;
1169
- }
1170
- }
1171
-
1172
- let direction;
1173
- if (slideIndex > activeIndex) direction = 'next';
1174
- else if (slideIndex < activeIndex) direction = 'prev';
1175
- else direction = 'reset';
1176
-
1177
-
1178
- // Update Index
1179
- if ((rtl && -translate === swiper.translate) || (!rtl && translate === swiper.translate)) {
1180
- swiper.updateActiveIndex(slideIndex);
1181
- // Update Height
1182
- if (params.autoHeight) {
1183
- swiper.updateAutoHeight();
1184
- }
1185
- swiper.updateSlidesClasses();
1186
- if (params.effect !== 'slide') {
1187
- swiper.setTranslate(translate);
1188
- }
1189
- if (direction !== 'reset') {
1190
- swiper.transitionStart(runCallbacks, direction);
1191
- swiper.transitionEnd(runCallbacks, direction);
1192
- }
1193
- return false;
1194
- }
1195
-
1196
- if (speed === 0 || !Support.transition) {
1197
- swiper.setTransition(0);
1198
- swiper.setTranslate(translate);
1199
- swiper.updateActiveIndex(slideIndex);
1200
- swiper.updateSlidesClasses();
1201
- swiper.emit('beforeTransitionStart', speed, internal);
1202
- swiper.transitionStart(runCallbacks, direction);
1203
- swiper.transitionEnd(runCallbacks, direction);
1204
- } else {
1205
- swiper.setTransition(speed);
1206
- swiper.setTranslate(translate);
1207
- swiper.updateActiveIndex(slideIndex);
1208
- swiper.updateSlidesClasses();
1209
- swiper.emit('beforeTransitionStart', speed, internal);
1210
- swiper.transitionStart(runCallbacks, direction);
1211
- if (!swiper.animating) {
1212
- swiper.animating = true;
1213
- if (!swiper.onSlideToWrapperTransitionEnd) {
1214
- swiper.onSlideToWrapperTransitionEnd = function transitionEnd$$1(e) {
1215
- if (!swiper || swiper.destroyed) return;
1216
- if (e.target !== this) return;
1217
- swiper.$wrapperEl[0].removeEventListener('transitionend', swiper.onSlideToWrapperTransitionEnd);
1218
- swiper.$wrapperEl[0].removeEventListener('webkitTransitionEnd', swiper.onSlideToWrapperTransitionEnd);
1219
- swiper.onSlideToWrapperTransitionEnd = null;
1220
- delete swiper.onSlideToWrapperTransitionEnd;
1221
- swiper.transitionEnd(runCallbacks, direction);
1222
- };
1223
- }
1224
- swiper.$wrapperEl[0].addEventListener('transitionend', swiper.onSlideToWrapperTransitionEnd);
1225
- swiper.$wrapperEl[0].addEventListener('webkitTransitionEnd', swiper.onSlideToWrapperTransitionEnd);
1226
- }
1227
- }
1228
-
1229
- return true;
1230
- }
1231
-
1232
- function slideToLoop (index$$1 = 0, speed = this.params.speed, runCallbacks = true, internal) {
1233
- const swiper = this;
1234
- let newIndex = index$$1;
1235
- if (swiper.params.loop) {
1236
- newIndex += swiper.loopedSlides;
1237
- }
1238
-
1239
- return swiper.slideTo(newIndex, speed, runCallbacks, internal);
1240
- }
1241
-
1242
- /* eslint no-unused-vars: "off" */
1243
- function slideNext (speed = this.params.speed, runCallbacks = true, internal) {
1244
- const swiper = this;
1245
- const { params, animating } = swiper;
1246
- if (params.loop) {
1247
- if (animating) return false;
1248
- swiper.loopFix();
1249
- // eslint-disable-next-line
1250
- swiper._clientLeft = swiper.$wrapperEl[0].clientLeft;
1251
- return swiper.slideTo(swiper.activeIndex + params.slidesPerGroup, speed, runCallbacks, internal);
1252
- }
1253
- return swiper.slideTo(swiper.activeIndex + params.slidesPerGroup, speed, runCallbacks, internal);
1254
- }
1255
-
1256
- /* eslint no-unused-vars: "off" */
1257
- function slidePrev (speed = this.params.speed, runCallbacks = true, internal) {
1258
- const swiper = this;
1259
- const {
1260
- params, animating, snapGrid, slidesGrid, rtlTranslate,
1261
- } = swiper;
1262
-
1263
- if (params.loop) {
1264
- if (animating) return false;
1265
- swiper.loopFix();
1266
- // eslint-disable-next-line
1267
- swiper._clientLeft = swiper.$wrapperEl[0].clientLeft;
1268
- }
1269
- const translate = rtlTranslate ? swiper.translate : -swiper.translate;
1270
- function normalize(val) {
1271
- if (val < 0) return -Math.floor(Math.abs(val));
1272
- return Math.floor(val);
1273
- }
1274
- const normalizedTranslate = normalize(translate);
1275
- const normalizedSnapGrid = snapGrid.map(val => normalize(val));
1276
- const normalizedSlidesGrid = slidesGrid.map(val => normalize(val));
1277
-
1278
- const currentSnap = snapGrid[normalizedSnapGrid.indexOf(normalizedTranslate)];
1279
- const prevSnap = snapGrid[normalizedSnapGrid.indexOf(normalizedTranslate) - 1];
1280
- let prevIndex;
1281
- if (typeof prevSnap !== 'undefined') {
1282
- prevIndex = slidesGrid.indexOf(prevSnap);
1283
- if (prevIndex < 0) prevIndex = swiper.activeIndex - 1;
1284
- }
1285
- return swiper.slideTo(prevIndex, speed, runCallbacks, internal);
1286
- }
1287
-
1288
- /* eslint no-unused-vars: "off" */
1289
- function slideReset (speed = this.params.speed, runCallbacks = true, internal) {
1290
- const swiper = this;
1291
- return swiper.slideTo(swiper.activeIndex, speed, runCallbacks, internal);
1292
- }
1293
-
1294
- /* eslint no-unused-vars: "off" */
1295
- function slideToClosest (speed = this.params.speed, runCallbacks = true, internal) {
1296
- const swiper = this;
1297
- let index$$1 = swiper.activeIndex;
1298
- const snapIndex = Math.floor(index$$1 / swiper.params.slidesPerGroup);
1299
-
1300
- if (snapIndex < swiper.snapGrid.length - 1) {
1301
- const translate = swiper.rtlTranslate ? swiper.translate : -swiper.translate;
1302
-
1303
- const currentSnap = swiper.snapGrid[snapIndex];
1304
- const nextSnap = swiper.snapGrid[snapIndex + 1];
1305
-
1306
- if ((translate - currentSnap) > (nextSnap - currentSnap) / 2) {
1307
- index$$1 = swiper.params.slidesPerGroup;
1308
- }
1309
- }
1310
-
1311
- return swiper.slideTo(index$$1, speed, runCallbacks, internal);
1312
- }
1313
-
1314
- function slideToClickedSlide () {
1315
- const swiper = this;
1316
- const { params, $wrapperEl } = swiper;
1317
-
1318
- const slidesPerView = params.slidesPerView === 'auto' ? swiper.slidesPerViewDynamic() : params.slidesPerView;
1319
- let slideToIndex = swiper.clickedIndex;
1320
- let realIndex;
1321
- if (params.loop) {
1322
- if (swiper.animating) return;
1323
- realIndex = parseInt($(swiper.clickedSlide).attr('data-swiper-slide-index'), 10);
1324
- if (params.centeredSlides) {
1325
- if (
1326
- (slideToIndex < swiper.loopedSlides - (slidesPerView / 2))
1327
- || (slideToIndex > (swiper.slides.length - swiper.loopedSlides) + (slidesPerView / 2))
1328
- ) {
1329
- swiper.loopFix();
1330
- slideToIndex = $wrapperEl
1331
- .children(`.${params.slideClass}[data-swiper-slide-index="${realIndex}"]:not(.${params.slideDuplicateClass})`)
1332
- .eq(0)
1333
- .index();
1334
-
1335
- Utils.nextTick(() => {
1336
- swiper.slideTo(slideToIndex);
1337
- });
1338
- } else {
1339
- swiper.slideTo(slideToIndex);
1340
- }
1341
- } else if (slideToIndex > swiper.slides.length - slidesPerView) {
1342
- swiper.loopFix();
1343
- slideToIndex = $wrapperEl
1344
- .children(`.${params.slideClass}[data-swiper-slide-index="${realIndex}"]:not(.${params.slideDuplicateClass})`)
1345
- .eq(0)
1346
- .index();
1347
-
1348
- Utils.nextTick(() => {
1349
- swiper.slideTo(slideToIndex);
1350
- });
1351
- } else {
1352
- swiper.slideTo(slideToIndex);
1353
- }
1354
- } else {
1355
- swiper.slideTo(slideToIndex);
1356
- }
1357
- }
1358
-
1359
- var slide = {
1360
- slideTo,
1361
- slideToLoop,
1362
- slideNext,
1363
- slidePrev,
1364
- slideReset,
1365
- slideToClosest,
1366
- slideToClickedSlide,
1367
- };
1368
-
1369
- function loopCreate () {
1370
- const swiper = this;
1371
- const { params, $wrapperEl } = swiper;
1372
- // Remove duplicated slides
1373
- $wrapperEl.children(`.${params.slideClass}.${params.slideDuplicateClass}`).remove();
1374
-
1375
- let slides = $wrapperEl.children(`.${params.slideClass}`);
1376
-
1377
- if (params.loopFillGroupWithBlank) {
1378
- const blankSlidesNum = params.slidesPerGroup - (slides.length % params.slidesPerGroup);
1379
- if (blankSlidesNum !== params.slidesPerGroup) {
1380
- for (let i = 0; i < blankSlidesNum; i += 1) {
1381
- const blankNode = $(document.createElement('div')).addClass(`${params.slideClass} ${params.slideBlankClass}`);
1382
- $wrapperEl.append(blankNode);
1383
- }
1384
- slides = $wrapperEl.children(`.${params.slideClass}`);
1385
- }
1386
- }
1387
-
1388
- if (params.slidesPerView === 'auto' && !params.loopedSlides) params.loopedSlides = slides.length;
1389
-
1390
- swiper.loopedSlides = parseInt(params.loopedSlides || params.slidesPerView, 10);
1391
- swiper.loopedSlides += params.loopAdditionalSlides;
1392
- if (swiper.loopedSlides > slides.length) {
1393
- swiper.loopedSlides = slides.length;
1394
- }
1395
-
1396
- const prependSlides = [];
1397
- const appendSlides = [];
1398
- slides.each((index$$1, el) => {
1399
- const slide = $(el);
1400
- if (index$$1 < swiper.loopedSlides) appendSlides.push(el);
1401
- if (index$$1 < slides.length && index$$1 >= slides.length - swiper.loopedSlides) prependSlides.push(el);
1402
- slide.attr('data-swiper-slide-index', index$$1);
1403
- });
1404
- for (let i = 0; i < appendSlides.length; i += 1) {
1405
- $wrapperEl.append($(appendSlides[i].cloneNode(true)).addClass(params.slideDuplicateClass));
1406
- }
1407
- for (let i = prependSlides.length - 1; i >= 0; i -= 1) {
1408
- $wrapperEl.prepend($(prependSlides[i].cloneNode(true)).addClass(params.slideDuplicateClass));
1409
- }
1410
- }
1411
-
1412
- function loopFix () {
1413
- const swiper = this;
1414
- const {
1415
- params, activeIndex, slides, loopedSlides, allowSlidePrev, allowSlideNext, snapGrid, rtlTranslate: rtl,
1416
- } = swiper;
1417
- let newIndex;
1418
- swiper.allowSlidePrev = true;
1419
- swiper.allowSlideNext = true;
1420
-
1421
- const snapTranslate = -snapGrid[activeIndex];
1422
- const diff = snapTranslate - swiper.getTranslate();
1423
-
1424
-
1425
- // Fix For Negative Oversliding
1426
- if (activeIndex < loopedSlides) {
1427
- newIndex = (slides.length - (loopedSlides * 3)) + activeIndex;
1428
- newIndex += loopedSlides;
1429
- const slideChanged = swiper.slideTo(newIndex, 0, false, true);
1430
- if (slideChanged && diff !== 0) {
1431
- swiper.setTranslate((rtl ? -swiper.translate : swiper.translate) - diff);
1432
- }
1433
- } else if ((params.slidesPerView === 'auto' && activeIndex >= loopedSlides * 2) || (activeIndex >= slides.length - loopedSlides)) {
1434
- // Fix For Positive Oversliding
1435
- newIndex = -slides.length + activeIndex + loopedSlides;
1436
- newIndex += loopedSlides;
1437
- const slideChanged = swiper.slideTo(newIndex, 0, false, true);
1438
- if (slideChanged && diff !== 0) {
1439
- swiper.setTranslate((rtl ? -swiper.translate : swiper.translate) - diff);
1440
- }
1441
- }
1442
- swiper.allowSlidePrev = allowSlidePrev;
1443
- swiper.allowSlideNext = allowSlideNext;
1444
- }
1445
-
1446
- function loopDestroy () {
1447
- const swiper = this;
1448
- const { $wrapperEl, params, slides } = swiper;
1449
- $wrapperEl.children(`.${params.slideClass}.${params.slideDuplicateClass},.${params.slideClass}.${params.slideBlankClass}`).remove();
1450
- slides.removeAttr('data-swiper-slide-index');
1451
- }
1452
-
1453
- var loop = {
1454
- loopCreate,
1455
- loopFix,
1456
- loopDestroy,
1457
- };
1458
-
1459
- function setGrabCursor (moving) {
1460
- const swiper = this;
1461
- if (Support.touch || !swiper.params.simulateTouch || (swiper.params.watchOverflow && swiper.isLocked)) return;
1462
- const el = swiper.el;
1463
- el.style.cursor = 'move';
1464
- el.style.cursor = moving ? '-webkit-grabbing' : '-webkit-grab';
1465
- el.style.cursor = moving ? '-moz-grabbin' : '-moz-grab';
1466
- el.style.cursor = moving ? 'grabbing' : 'grab';
1467
- }
1468
-
1469
- function unsetGrabCursor () {
1470
- const swiper = this;
1471
- if (Support.touch || (swiper.params.watchOverflow && swiper.isLocked)) return;
1472
- swiper.el.style.cursor = '';
1473
- }
1474
-
1475
- var grabCursor = {
1476
- setGrabCursor,
1477
- unsetGrabCursor,
1478
- };
1479
-
1480
- function appendSlide (slides) {
1481
- const swiper = this;
1482
- const { $wrapperEl, params } = swiper;
1483
- if (params.loop) {
1484
- swiper.loopDestroy();
1485
- }
1486
- if (typeof slides === 'object' && 'length' in slides) {
1487
- for (let i = 0; i < slides.length; i += 1) {
1488
- if (slides[i]) $wrapperEl.append(slides[i]);
1489
- }
1490
- } else {
1491
- $wrapperEl.append(slides);
1492
- }
1493
- if (params.loop) {
1494
- swiper.loopCreate();
1495
- }
1496
- if (!(params.observer && Support.observer)) {
1497
- swiper.update();
1498
- }
1499
- }
1500
-
1501
- function prependSlide (slides) {
1502
- const swiper = this;
1503
- const { params, $wrapperEl, activeIndex } = swiper;
1504
-
1505
- if (params.loop) {
1506
- swiper.loopDestroy();
1507
- }
1508
- let newActiveIndex = activeIndex + 1;
1509
- if (typeof slides === 'object' && 'length' in slides) {
1510
- for (let i = 0; i < slides.length; i += 1) {
1511
- if (slides[i]) $wrapperEl.prepend(slides[i]);
1512
- }
1513
- newActiveIndex = activeIndex + slides.length;
1514
- } else {
1515
- $wrapperEl.prepend(slides);
1516
- }
1517
- if (params.loop) {
1518
- swiper.loopCreate();
1519
- }
1520
- if (!(params.observer && Support.observer)) {
1521
- swiper.update();
1522
- }
1523
- swiper.slideTo(newActiveIndex, 0, false);
1524
- }
1525
-
1526
- function addSlide (index$$1, slides) {
1527
- const swiper = this;
1528
- const { $wrapperEl, params, activeIndex } = swiper;
1529
- let activeIndexBuffer = activeIndex;
1530
- if (params.loop) {
1531
- activeIndexBuffer -= swiper.loopedSlides;
1532
- swiper.loopDestroy();
1533
- swiper.slides = $wrapperEl.children(`.${params.slideClass}`);
1534
- }
1535
- const baseLength = swiper.slides.length;
1536
- if (index$$1 <= 0) {
1537
- swiper.prependSlide(slides);
1538
- return;
1539
- }
1540
- if (index$$1 >= baseLength) {
1541
- swiper.appendSlide(slides);
1542
- return;
1543
- }
1544
- let newActiveIndex = activeIndexBuffer > index$$1 ? activeIndexBuffer + 1 : activeIndexBuffer;
1545
-
1546
- const slidesBuffer = [];
1547
- for (let i = baseLength - 1; i >= index$$1; i -= 1) {
1548
- const currentSlide = swiper.slides.eq(i);
1549
- currentSlide.remove();
1550
- slidesBuffer.unshift(currentSlide);
1551
- }
1552
-
1553
- if (typeof slides === 'object' && 'length' in slides) {
1554
- for (let i = 0; i < slides.length; i += 1) {
1555
- if (slides[i]) $wrapperEl.append(slides[i]);
1556
- }
1557
- newActiveIndex = activeIndexBuffer > index$$1 ? activeIndexBuffer + slides.length : activeIndexBuffer;
1558
- } else {
1559
- $wrapperEl.append(slides);
1560
- }
1561
-
1562
- for (let i = 0; i < slidesBuffer.length; i += 1) {
1563
- $wrapperEl.append(slidesBuffer[i]);
1564
- }
1565
-
1566
- if (params.loop) {
1567
- swiper.loopCreate();
1568
- }
1569
- if (!(params.observer && Support.observer)) {
1570
- swiper.update();
1571
- }
1572
- if (params.loop) {
1573
- swiper.slideTo(newActiveIndex + swiper.loopedSlides, 0, false);
1574
- } else {
1575
- swiper.slideTo(newActiveIndex, 0, false);
1576
- }
1577
- }
1578
-
1579
- function removeSlide (slidesIndexes) {
1580
- const swiper = this;
1581
- const { params, $wrapperEl, activeIndex } = swiper;
1582
-
1583
- let activeIndexBuffer = activeIndex;
1584
- if (params.loop) {
1585
- activeIndexBuffer -= swiper.loopedSlides;
1586
- swiper.loopDestroy();
1587
- swiper.slides = $wrapperEl.children(`.${params.slideClass}`);
1588
- }
1589
- let newActiveIndex = activeIndexBuffer;
1590
- let indexToRemove;
1591
-
1592
- if (typeof slidesIndexes === 'object' && 'length' in slidesIndexes) {
1593
- for (let i = 0; i < slidesIndexes.length; i += 1) {
1594
- indexToRemove = slidesIndexes[i];
1595
- if (swiper.slides[indexToRemove]) swiper.slides.eq(indexToRemove).remove();
1596
- if (indexToRemove < newActiveIndex) newActiveIndex -= 1;
1597
- }
1598
- newActiveIndex = Math.max(newActiveIndex, 0);
1599
- } else {
1600
- indexToRemove = slidesIndexes;
1601
- if (swiper.slides[indexToRemove]) swiper.slides.eq(indexToRemove).remove();
1602
- if (indexToRemove < newActiveIndex) newActiveIndex -= 1;
1603
- newActiveIndex = Math.max(newActiveIndex, 0);
1604
- }
1605
-
1606
- if (params.loop) {
1607
- swiper.loopCreate();
1608
- }
1609
-
1610
- if (!(params.observer && Support.observer)) {
1611
- swiper.update();
1612
- }
1613
- if (params.loop) {
1614
- swiper.slideTo(newActiveIndex + swiper.loopedSlides, 0, false);
1615
- } else {
1616
- swiper.slideTo(newActiveIndex, 0, false);
1617
- }
1618
- }
1619
-
1620
- function removeAllSlides () {
1621
- const swiper = this;
1622
-
1623
- const slidesIndexes = [];
1624
- for (let i = 0; i < swiper.slides.length; i += 1) {
1625
- slidesIndexes.push(i);
1626
- }
1627
- swiper.removeSlide(slidesIndexes);
1628
- }
1629
-
1630
- var manipulation = {
1631
- appendSlide,
1632
- prependSlide,
1633
- addSlide,
1634
- removeSlide,
1635
- removeAllSlides,
1636
- };
1637
-
1638
- const Device = (function Device() {
1639
- const ua = window.navigator.userAgent;
1640
-
1641
- const device = {
1642
- ios: false,
1643
- android: false,
1644
- androidChrome: false,
1645
- desktop: false,
1646
- windows: false,
1647
- iphone: false,
1648
- ipod: false,
1649
- ipad: false,
1650
- cordova: window.cordova || window.phonegap,
1651
- phonegap: window.cordova || window.phonegap,
1652
- };
1653
-
1654
- const windows = ua.match(/(Windows Phone);?[\s\/]+([\d.]+)?/); // eslint-disable-line
1655
- const android = ua.match(/(Android);?[\s\/]+([\d.]+)?/); // eslint-disable-line
1656
- const ipad = ua.match(/(iPad).*OS\s([\d_]+)/);
1657
- const ipod = ua.match(/(iPod)(.*OS\s([\d_]+))?/);
1658
- const iphone = !ipad && ua.match(/(iPhone\sOS|iOS)\s([\d_]+)/);
1659
-
1660
-
1661
- // Windows
1662
- if (windows) {
1663
- device.os = 'windows';
1664
- device.osVersion = windows[2];
1665
- device.windows = true;
1666
- }
1667
- // Android
1668
- if (android && !windows) {
1669
- device.os = 'android';
1670
- device.osVersion = android[2];
1671
- device.android = true;
1672
- device.androidChrome = ua.toLowerCase().indexOf('chrome') >= 0;
1673
- }
1674
- if (ipad || iphone || ipod) {
1675
- device.os = 'ios';
1676
- device.ios = true;
1677
- }
1678
- // iOS
1679
- if (iphone && !ipod) {
1680
- device.osVersion = iphone[2].replace(/_/g, '.');
1681
- device.iphone = true;
1682
- }
1683
- if (ipad) {
1684
- device.osVersion = ipad[2].replace(/_/g, '.');
1685
- device.ipad = true;
1686
- }
1687
- if (ipod) {
1688
- device.osVersion = ipod[3] ? ipod[3].replace(/_/g, '.') : null;
1689
- device.iphone = true;
1690
- }
1691
- // iOS 8+ changed UA
1692
- if (device.ios && device.osVersion && ua.indexOf('Version/') >= 0) {
1693
- if (device.osVersion.split('.')[0] === '10') {
1694
- device.osVersion = ua.toLowerCase().split('version/')[1].split(' ')[0];
1695
- }
1696
- }
1697
-
1698
- // Desktop
1699
- device.desktop = !(device.os || device.android || device.webView);
1700
-
1701
- // Webview
1702
- device.webView = (iphone || ipad || ipod) && ua.match(/.*AppleWebKit(?!.*Safari)/i);
1703
-
1704
- // Minimal UI
1705
- if (device.os && device.os === 'ios') {
1706
- const osVersionArr = device.osVersion.split('.');
1707
- const metaViewport = document.querySelector('meta[name="viewport"]');
1708
- device.minimalUi = !device.webView
1709
- && (ipod || iphone)
1710
- && (osVersionArr[0] * 1 === 7 ? osVersionArr[1] * 1 >= 1 : osVersionArr[0] * 1 > 7)
1711
- && metaViewport && metaViewport.getAttribute('content').indexOf('minimal-ui') >= 0;
1712
- }
1713
-
1714
- // Pixel Ratio
1715
- device.pixelRatio = window.devicePixelRatio || 1;
1716
-
1717
- // Export object
1718
- return device;
1719
- }());
1720
-
1721
- function onTouchStart (event) {
1722
- const swiper = this;
1723
- const data$$1 = swiper.touchEventsData;
1724
- const { params, touches } = swiper;
1725
- if (swiper.animating && params.preventInteractionOnTransition) {
1726
- return;
1727
- }
1728
- let e = event;
1729
- if (e.originalEvent) e = e.originalEvent;
1730
- data$$1.isTouchEvent = e.type === 'touchstart';
1731
- if (!data$$1.isTouchEvent && 'which' in e && e.which === 3) return;
1732
- if (!data$$1.isTouchEvent && 'button' in e && e.button > 0) return;
1733
- if (data$$1.isTouched && data$$1.isMoved) return;
1734
- if (params.noSwiping && $(e.target).closest(params.noSwipingSelector ? params.noSwipingSelector : `.${params.noSwipingClass}`)[0]) {
1735
- swiper.allowClick = true;
1736
- return;
1737
- }
1738
- if (params.swipeHandler) {
1739
- if (!$(e).closest(params.swipeHandler)[0]) return;
1740
- }
1741
-
1742
- touches.currentX = e.type === 'touchstart' ? e.targetTouches[0].pageX : e.pageX;
1743
- touches.currentY = e.type === 'touchstart' ? e.targetTouches[0].pageY : e.pageY;
1744
- const startX = touches.currentX;
1745
- const startY = touches.currentY;
1746
-
1747
- // Do NOT start if iOS edge swipe is detected. Otherwise iOS app (UIWebView) cannot swipe-to-go-back anymore
1748
-
1749
- const edgeSwipeDetection = params.edgeSwipeDetection || params.iOSEdgeSwipeDetection;
1750
- const edgeSwipeThreshold = params.edgeSwipeThreshold || params.iOSEdgeSwipeThreshold;
1751
- if (
1752
- edgeSwipeDetection
1753
- && ((startX <= edgeSwipeThreshold)
1754
- || (startX >= window.screen.width - edgeSwipeThreshold))
1755
- ) {
1756
- return;
1757
- }
1758
-
1759
- Utils.extend(data$$1, {
1760
- isTouched: true,
1761
- isMoved: false,
1762
- allowTouchCallbacks: true,
1763
- isScrolling: undefined,
1764
- startMoving: undefined,
1765
- });
1766
-
1767
- touches.startX = startX;
1768
- touches.startY = startY;
1769
- data$$1.touchStartTime = Utils.now();
1770
- swiper.allowClick = true;
1771
- swiper.updateSize();
1772
- swiper.swipeDirection = undefined;
1773
- if (params.threshold > 0) data$$1.allowThresholdMove = false;
1774
- if (e.type !== 'touchstart') {
1775
- let preventDefault = true;
1776
- if ($(e.target).is(data$$1.formElements)) preventDefault = false;
1777
- if (
1778
- document.activeElement
1779
- && $(document.activeElement).is(data$$1.formElements)
1780
- && document.activeElement !== e.target
1781
- ) {
1782
- document.activeElement.blur();
1783
- }
1784
-
1785
- const shouldPreventDefault = preventDefault && swiper.allowTouchMove && params.touchStartPreventDefault;
1786
- if (params.touchStartForcePreventDefault || shouldPreventDefault) {
1787
- e.preventDefault();
1788
- }
1789
- }
1790
- swiper.emit('touchStart', e);
1791
- }
1792
-
1793
- function onTouchMove (event) {
1794
- const swiper = this;
1795
- const data$$1 = swiper.touchEventsData;
1796
- const { params, touches, rtlTranslate: rtl } = swiper;
1797
- let e = event;
1798
- if (e.originalEvent) e = e.originalEvent;
1799
- if (!data$$1.isTouched) {
1800
- if (data$$1.startMoving && data$$1.isScrolling) {
1801
- swiper.emit('touchMoveOpposite', e);
1802
- }
1803
- return;
1804
- }
1805
- if (data$$1.isTouchEvent && e.type === 'mousemove') return;
1806
- const pageX = e.type === 'touchmove' ? e.targetTouches[0].pageX : e.pageX;
1807
- const pageY = e.type === 'touchmove' ? e.targetTouches[0].pageY : e.pageY;
1808
- if (e.preventedByNestedSwiper) {
1809
- touches.startX = pageX;
1810
- touches.startY = pageY;
1811
- return;
1812
- }
1813
- if (!swiper.allowTouchMove) {
1814
- // isMoved = true;
1815
- swiper.allowClick = false;
1816
- if (data$$1.isTouched) {
1817
- Utils.extend(touches, {
1818
- startX: pageX,
1819
- startY: pageY,
1820
- currentX: pageX,
1821
- currentY: pageY,
1822
- });
1823
- data$$1.touchStartTime = Utils.now();
1824
- }
1825
- return;
1826
- }
1827
- if (data$$1.isTouchEvent && params.touchReleaseOnEdges && !params.loop) {
1828
- if (swiper.isVertical()) {
1829
- // Vertical
1830
- if (
1831
- (pageY < touches.startY && swiper.translate <= swiper.maxTranslate())
1832
- || (pageY > touches.startY && swiper.translate >= swiper.minTranslate())
1833
- ) {
1834
- data$$1.isTouched = false;
1835
- data$$1.isMoved = false;
1836
- return;
1837
- }
1838
- } else if (
1839
- (pageX < touches.startX && swiper.translate <= swiper.maxTranslate())
1840
- || (pageX > touches.startX && swiper.translate >= swiper.minTranslate())
1841
- ) {
1842
- return;
1843
- }
1844
- }
1845
- if (data$$1.isTouchEvent && document.activeElement) {
1846
- if (e.target === document.activeElement && $(e.target).is(data$$1.formElements)) {
1847
- data$$1.isMoved = true;
1848
- swiper.allowClick = false;
1849
- return;
1850
- }
1851
- }
1852
- if (data$$1.allowTouchCallbacks) {
1853
- swiper.emit('touchMove', e);
1854
- }
1855
- if (e.targetTouches && e.targetTouches.length > 1) return;
1856
-
1857
- touches.currentX = pageX;
1858
- touches.currentY = pageY;
1859
-
1860
- const diffX = touches.currentX - touches.startX;
1861
- const diffY = touches.currentY - touches.startY;
1862
- if (swiper.params.threshold && Math.sqrt((diffX ** 2) + (diffY ** 2)) < swiper.params.threshold) return;
1863
-
1864
- if (typeof data$$1.isScrolling === 'undefined') {
1865
- let touchAngle;
1866
- if ((swiper.isHorizontal() && touches.currentY === touches.startY) || (swiper.isVertical() && touches.currentX === touches.startX)) {
1867
- data$$1.isScrolling = false;
1868
- } else {
1869
- // eslint-disable-next-line
1870
- if ((diffX * diffX) + (diffY * diffY) >= 25) {
1871
- touchAngle = (Math.atan2(Math.abs(diffY), Math.abs(diffX)) * 180) / Math.PI;
1872
- data$$1.isScrolling = swiper.isHorizontal() ? touchAngle > params.touchAngle : (90 - touchAngle > params.touchAngle);
1873
- }
1874
- }
1875
- }
1876
- if (data$$1.isScrolling) {
1877
- swiper.emit('touchMoveOpposite', e);
1878
- }
1879
- if (typeof data$$1.startMoving === 'undefined') {
1880
- if (touches.currentX !== touches.startX || touches.currentY !== touches.startY) {
1881
- data$$1.startMoving = true;
1882
- }
1883
- }
1884
- if (data$$1.isScrolling) {
1885
- data$$1.isTouched = false;
1886
- return;
1887
- }
1888
- if (!data$$1.startMoving) {
1889
- return;
1890
- }
1891
- swiper.allowClick = false;
1892
- e.preventDefault();
1893
- if (params.touchMoveStopPropagation && !params.nested) {
1894
- e.stopPropagation();
1895
- }
1896
-
1897
- if (!data$$1.isMoved) {
1898
- if (params.loop) {
1899
- swiper.loopFix();
1900
- }
1901
- data$$1.startTranslate = swiper.getTranslate();
1902
- swiper.setTransition(0);
1903
- if (swiper.animating) {
1904
- swiper.$wrapperEl.trigger('webkitTransitionEnd transitionend');
1905
- }
1906
- data$$1.allowMomentumBounce = false;
1907
- // Grab Cursor
1908
- if (params.grabCursor && (swiper.allowSlideNext === true || swiper.allowSlidePrev === true)) {
1909
- swiper.setGrabCursor(true);
1910
- }
1911
- swiper.emit('sliderFirstMove', e);
1912
- }
1913
- swiper.emit('sliderMove', e);
1914
- data$$1.isMoved = true;
1915
-
1916
- let diff = swiper.isHorizontal() ? diffX : diffY;
1917
- touches.diff = diff;
1918
-
1919
- diff *= params.touchRatio;
1920
- if (rtl) diff = -diff;
1921
-
1922
- swiper.swipeDirection = diff > 0 ? 'prev' : 'next';
1923
- data$$1.currentTranslate = diff + data$$1.startTranslate;
1924
-
1925
- let disableParentSwiper = true;
1926
- let resistanceRatio = params.resistanceRatio;
1927
- if (params.touchReleaseOnEdges) {
1928
- resistanceRatio = 0;
1929
- }
1930
- if ((diff > 0 && data$$1.currentTranslate > swiper.minTranslate())) {
1931
- disableParentSwiper = false;
1932
- if (params.resistance) data$$1.currentTranslate = (swiper.minTranslate() - 1) + ((-swiper.minTranslate() + data$$1.startTranslate + diff) ** resistanceRatio);
1933
- } else if (diff < 0 && data$$1.currentTranslate < swiper.maxTranslate()) {
1934
- disableParentSwiper = false;
1935
- if (params.resistance) data$$1.currentTranslate = (swiper.maxTranslate() + 1) - ((swiper.maxTranslate() - data$$1.startTranslate - diff) ** resistanceRatio);
1936
- }
1937
-
1938
- if (disableParentSwiper) {
1939
- e.preventedByNestedSwiper = true;
1940
- }
1941
-
1942
- // Directions locks
1943
- if (!swiper.allowSlideNext && swiper.swipeDirection === 'next' && data$$1.currentTranslate < data$$1.startTranslate) {
1944
- data$$1.currentTranslate = data$$1.startTranslate;
1945
- }
1946
- if (!swiper.allowSlidePrev && swiper.swipeDirection === 'prev' && data$$1.currentTranslate > data$$1.startTranslate) {
1947
- data$$1.currentTranslate = data$$1.startTranslate;
1948
- }
1949
-
1950
-
1951
- // Threshold
1952
- if (params.threshold > 0) {
1953
- if (Math.abs(diff) > params.threshold || data$$1.allowThresholdMove) {
1954
- if (!data$$1.allowThresholdMove) {
1955
- data$$1.allowThresholdMove = true;
1956
- touches.startX = touches.currentX;
1957
- touches.startY = touches.currentY;
1958
- data$$1.currentTranslate = data$$1.startTranslate;
1959
- touches.diff = swiper.isHorizontal() ? touches.currentX - touches.startX : touches.currentY - touches.startY;
1960
- return;
1961
- }
1962
- } else {
1963
- data$$1.currentTranslate = data$$1.startTranslate;
1964
- return;
1965
- }
1966
- }
1967
-
1968
- if (!params.followFinger) return;
1969
-
1970
- // Update active index in free mode
1971
- if (params.freeMode || params.watchSlidesProgress || params.watchSlidesVisibility) {
1972
- swiper.updateActiveIndex();
1973
- swiper.updateSlidesClasses();
1974
- }
1975
- if (params.freeMode) {
1976
- // Velocity
1977
- if (data$$1.velocities.length === 0) {
1978
- data$$1.velocities.push({
1979
- position: touches[swiper.isHorizontal() ? 'startX' : 'startY'],
1980
- time: data$$1.touchStartTime,
1981
- });
1982
- }
1983
- data$$1.velocities.push({
1984
- position: touches[swiper.isHorizontal() ? 'currentX' : 'currentY'],
1985
- time: Utils.now(),
1986
- });
1987
- }
1988
- // Update progress
1989
- swiper.updateProgress(data$$1.currentTranslate);
1990
- // Update translate
1991
- swiper.setTranslate(data$$1.currentTranslate);
1992
- }
1993
-
1994
- function onTouchEnd (event) {
1995
- const swiper = this;
1996
- const data$$1 = swiper.touchEventsData;
1997
-
1998
- const {
1999
- params, touches, rtlTranslate: rtl, $wrapperEl, slidesGrid, snapGrid,
2000
- } = swiper;
2001
- let e = event;
2002
- if (e.originalEvent) e = e.originalEvent;
2003
- if (data$$1.allowTouchCallbacks) {
2004
- swiper.emit('touchEnd', e);
2005
- }
2006
- data$$1.allowTouchCallbacks = false;
2007
- if (!data$$1.isTouched) {
2008
- if (data$$1.isMoved && params.grabCursor) {
2009
- swiper.setGrabCursor(false);
2010
- }
2011
- data$$1.isMoved = false;
2012
- data$$1.startMoving = false;
2013
- return;
2014
- }
2015
- // Return Grab Cursor
2016
- if (params.grabCursor && data$$1.isMoved && data$$1.isTouched && (swiper.allowSlideNext === true || swiper.allowSlidePrev === true)) {
2017
- swiper.setGrabCursor(false);
2018
- }
2019
-
2020
- // Time diff
2021
- const touchEndTime = Utils.now();
2022
- const timeDiff = touchEndTime - data$$1.touchStartTime;
2023
-
2024
- // Tap, doubleTap, Click
2025
- if (swiper.allowClick) {
2026
- swiper.updateClickedSlide(e);
2027
- swiper.emit('tap', e);
2028
- if (timeDiff < 300 && (touchEndTime - data$$1.lastClickTime) > 300) {
2029
- if (data$$1.clickTimeout) clearTimeout(data$$1.clickTimeout);
2030
- data$$1.clickTimeout = Utils.nextTick(() => {
2031
- if (!swiper || swiper.destroyed) return;
2032
- swiper.emit('click', e);
2033
- }, 300);
2034
- }
2035
- if (timeDiff < 300 && (touchEndTime - data$$1.lastClickTime) < 300) {
2036
- if (data$$1.clickTimeout) clearTimeout(data$$1.clickTimeout);
2037
- swiper.emit('doubleTap', e);
2038
- }
2039
- }
2040
-
2041
- data$$1.lastClickTime = Utils.now();
2042
- Utils.nextTick(() => {
2043
- if (!swiper.destroyed) swiper.allowClick = true;
2044
- });
2045
-
2046
- if (!data$$1.isTouched || !data$$1.isMoved || !swiper.swipeDirection || touches.diff === 0 || data$$1.currentTranslate === data$$1.startTranslate) {
2047
- data$$1.isTouched = false;
2048
- data$$1.isMoved = false;
2049
- data$$1.startMoving = false;
2050
- return;
2051
- }
2052
- data$$1.isTouched = false;
2053
- data$$1.isMoved = false;
2054
- data$$1.startMoving = false;
2055
-
2056
- let currentPos;
2057
- if (params.followFinger) {
2058
- currentPos = rtl ? swiper.translate : -swiper.translate;
2059
- } else {
2060
- currentPos = -data$$1.currentTranslate;
2061
- }
2062
-
2063
- if (params.freeMode) {
2064
- if (currentPos < -swiper.minTranslate()) {
2065
- swiper.slideTo(swiper.activeIndex);
2066
- return;
2067
- }
2068
- if (currentPos > -swiper.maxTranslate()) {
2069
- if (swiper.slides.length < snapGrid.length) {
2070
- swiper.slideTo(snapGrid.length - 1);
2071
- } else {
2072
- swiper.slideTo(swiper.slides.length - 1);
2073
- }
2074
- return;
2075
- }
2076
-
2077
- if (params.freeModeMomentum) {
2078
- if (data$$1.velocities.length > 1) {
2079
- const lastMoveEvent = data$$1.velocities.pop();
2080
- const velocityEvent = data$$1.velocities.pop();
2081
-
2082
- const distance = lastMoveEvent.position - velocityEvent.position;
2083
- const time = lastMoveEvent.time - velocityEvent.time;
2084
- swiper.velocity = distance / time;
2085
- swiper.velocity /= 2;
2086
- if (Math.abs(swiper.velocity) < params.freeModeMinimumVelocity) {
2087
- swiper.velocity = 0;
2088
- }
2089
- // this implies that the user stopped moving a finger then released.
2090
- // There would be no events with distance zero, so the last event is stale.
2091
- if (time > 150 || (Utils.now() - lastMoveEvent.time) > 300) {
2092
- swiper.velocity = 0;
2093
- }
2094
- } else {
2095
- swiper.velocity = 0;
2096
- }
2097
- swiper.velocity *= params.freeModeMomentumVelocityRatio;
2098
-
2099
- data$$1.velocities.length = 0;
2100
- let momentumDuration = 1000 * params.freeModeMomentumRatio;
2101
- const momentumDistance = swiper.velocity * momentumDuration;
2102
-
2103
- let newPosition = swiper.translate + momentumDistance;
2104
- if (rtl) newPosition = -newPosition;
2105
-
2106
- let doBounce = false;
2107
- let afterBouncePosition;
2108
- const bounceAmount = Math.abs(swiper.velocity) * 20 * params.freeModeMomentumBounceRatio;
2109
- let needsLoopFix;
2110
- if (newPosition < swiper.maxTranslate()) {
2111
- if (params.freeModeMomentumBounce) {
2112
- if (newPosition + swiper.maxTranslate() < -bounceAmount) {
2113
- newPosition = swiper.maxTranslate() - bounceAmount;
2114
- }
2115
- afterBouncePosition = swiper.maxTranslate();
2116
- doBounce = true;
2117
- data$$1.allowMomentumBounce = true;
2118
- } else {
2119
- newPosition = swiper.maxTranslate();
2120
- }
2121
- if (params.loop && params.centeredSlides) needsLoopFix = true;
2122
- } else if (newPosition > swiper.minTranslate()) {
2123
- if (params.freeModeMomentumBounce) {
2124
- if (newPosition - swiper.minTranslate() > bounceAmount) {
2125
- newPosition = swiper.minTranslate() + bounceAmount;
2126
- }
2127
- afterBouncePosition = swiper.minTranslate();
2128
- doBounce = true;
2129
- data$$1.allowMomentumBounce = true;
2130
- } else {
2131
- newPosition = swiper.minTranslate();
2132
- }
2133
- if (params.loop && params.centeredSlides) needsLoopFix = true;
2134
- } else if (params.freeModeSticky) {
2135
- let nextSlide;
2136
- for (let j = 0; j < snapGrid.length; j += 1) {
2137
- if (snapGrid[j] > -newPosition) {
2138
- nextSlide = j;
2139
- break;
2140
- }
2141
- }
2142
-
2143
- if (Math.abs(snapGrid[nextSlide] - newPosition) < Math.abs(snapGrid[nextSlide - 1] - newPosition) || swiper.swipeDirection === 'next') {
2144
- newPosition = snapGrid[nextSlide];
2145
- } else {
2146
- newPosition = snapGrid[nextSlide - 1];
2147
- }
2148
- newPosition = -newPosition;
2149
- }
2150
- if (needsLoopFix) {
2151
- swiper.once('transitionEnd', () => {
2152
- swiper.loopFix();
2153
- });
2154
- }
2155
- // Fix duration
2156
- if (swiper.velocity !== 0) {
2157
- if (rtl) {
2158
- momentumDuration = Math.abs((-newPosition - swiper.translate) / swiper.velocity);
2159
- } else {
2160
- momentumDuration = Math.abs((newPosition - swiper.translate) / swiper.velocity);
2161
- }
2162
- } else if (params.freeModeSticky) {
2163
- swiper.slideToClosest();
2164
- return;
2165
- }
2166
-
2167
- if (params.freeModeMomentumBounce && doBounce) {
2168
- swiper.updateProgress(afterBouncePosition);
2169
- swiper.setTransition(momentumDuration);
2170
- swiper.setTranslate(newPosition);
2171
- swiper.transitionStart(true, swiper.swipeDirection);
2172
- swiper.animating = true;
2173
- $wrapperEl.transitionEnd(() => {
2174
- if (!swiper || swiper.destroyed || !data$$1.allowMomentumBounce) return;
2175
- swiper.emit('momentumBounce');
2176
-
2177
- swiper.setTransition(params.speed);
2178
- swiper.setTranslate(afterBouncePosition);
2179
- $wrapperEl.transitionEnd(() => {
2180
- if (!swiper || swiper.destroyed) return;
2181
- swiper.transitionEnd();
2182
- });
2183
- });
2184
- } else if (swiper.velocity) {
2185
- swiper.updateProgress(newPosition);
2186
- swiper.setTransition(momentumDuration);
2187
- swiper.setTranslate(newPosition);
2188
- swiper.transitionStart(true, swiper.swipeDirection);
2189
- if (!swiper.animating) {
2190
- swiper.animating = true;
2191
- $wrapperEl.transitionEnd(() => {
2192
- if (!swiper || swiper.destroyed) return;
2193
- swiper.transitionEnd();
2194
- });
2195
- }
2196
- } else {
2197
- swiper.updateProgress(newPosition);
2198
- }
2199
-
2200
- swiper.updateActiveIndex();
2201
- swiper.updateSlidesClasses();
2202
- } else if (params.freeModeSticky) {
2203
- swiper.slideToClosest();
2204
- return;
2205
- }
2206
-
2207
- if (!params.freeModeMomentum || timeDiff >= params.longSwipesMs) {
2208
- swiper.updateProgress();
2209
- swiper.updateActiveIndex();
2210
- swiper.updateSlidesClasses();
2211
- }
2212
- return;
2213
- }
2214
-
2215
- // Find current slide
2216
- let stopIndex = 0;
2217
- let groupSize = swiper.slidesSizesGrid[0];
2218
- for (let i = 0; i < slidesGrid.length; i += params.slidesPerGroup) {
2219
- if (typeof slidesGrid[i + params.slidesPerGroup] !== 'undefined') {
2220
- if (currentPos >= slidesGrid[i] && currentPos < slidesGrid[i + params.slidesPerGroup]) {
2221
- stopIndex = i;
2222
- groupSize = slidesGrid[i + params.slidesPerGroup] - slidesGrid[i];
2223
- }
2224
- } else if (currentPos >= slidesGrid[i]) {
2225
- stopIndex = i;
2226
- groupSize = slidesGrid[slidesGrid.length - 1] - slidesGrid[slidesGrid.length - 2];
2227
- }
2228
- }
2229
-
2230
- // Find current slide size
2231
- const ratio = (currentPos - slidesGrid[stopIndex]) / groupSize;
2232
-
2233
- if (timeDiff > params.longSwipesMs) {
2234
- // Long touches
2235
- if (!params.longSwipes) {
2236
- swiper.slideTo(swiper.activeIndex);
2237
- return;
2238
- }
2239
- if (swiper.swipeDirection === 'next') {
2240
- if (ratio >= params.longSwipesRatio) swiper.slideTo(stopIndex + params.slidesPerGroup);
2241
- else swiper.slideTo(stopIndex);
2242
- }
2243
- if (swiper.swipeDirection === 'prev') {
2244
- if (ratio > (1 - params.longSwipesRatio)) swiper.slideTo(stopIndex + params.slidesPerGroup);
2245
- else swiper.slideTo(stopIndex);
2246
- }
2247
- } else {
2248
- // Short swipes
2249
- if (!params.shortSwipes) {
2250
- swiper.slideTo(swiper.activeIndex);
2251
- return;
2252
- }
2253
- if (swiper.swipeDirection === 'next') {
2254
- swiper.slideTo(stopIndex + params.slidesPerGroup);
2255
- }
2256
- if (swiper.swipeDirection === 'prev') {
2257
- swiper.slideTo(stopIndex);
2258
- }
2259
- }
2260
- }
2261
-
2262
- function onResize () {
2263
- const swiper = this;
2264
-
2265
- const { params, el } = swiper;
2266
-
2267
- if (el && el.offsetWidth === 0) return;
2268
-
2269
- // Breakpoints
2270
- if (params.breakpoints) {
2271
- swiper.setBreakpoint();
2272
- }
2273
-
2274
- // Save locks
2275
- const { allowSlideNext, allowSlidePrev, snapGrid } = swiper;
2276
-
2277
- // Disable locks on resize
2278
- swiper.allowSlideNext = true;
2279
- swiper.allowSlidePrev = true;
2280
-
2281
- swiper.updateSize();
2282
- swiper.updateSlides();
2283
-
2284
- if (params.freeMode) {
2285
- const newTranslate = Math.min(Math.max(swiper.translate, swiper.maxTranslate()), swiper.minTranslate());
2286
- swiper.setTranslate(newTranslate);
2287
- swiper.updateActiveIndex();
2288
- swiper.updateSlidesClasses();
2289
-
2290
- if (params.autoHeight) {
2291
- swiper.updateAutoHeight();
2292
- }
2293
- } else {
2294
- swiper.updateSlidesClasses();
2295
- if ((params.slidesPerView === 'auto' || params.slidesPerView > 1) && swiper.isEnd && !swiper.params.centeredSlides) {
2296
- swiper.slideTo(swiper.slides.length - 1, 0, false, true);
2297
- } else {
2298
- swiper.slideTo(swiper.activeIndex, 0, false, true);
2299
- }
2300
- }
2301
- // Return locks after resize
2302
- swiper.allowSlidePrev = allowSlidePrev;
2303
- swiper.allowSlideNext = allowSlideNext;
2304
-
2305
- if (swiper.params.watchOverflow && snapGrid !== swiper.snapGrid) {
2306
- swiper.checkOverflow();
2307
- }
2308
- }
2309
-
2310
- function onClick (e) {
2311
- const swiper = this;
2312
- if (!swiper.allowClick) {
2313
- if (swiper.params.preventClicks) e.preventDefault();
2314
- if (swiper.params.preventClicksPropagation && swiper.animating) {
2315
- e.stopPropagation();
2316
- e.stopImmediatePropagation();
2317
- }
2318
- }
2319
- }
2320
-
2321
- function attachEvents() {
2322
- const swiper = this;
2323
- const {
2324
- params, touchEvents, el, wrapperEl,
2325
- } = swiper;
2326
-
2327
- {
2328
- swiper.onTouchStart = onTouchStart.bind(swiper);
2329
- swiper.onTouchMove = onTouchMove.bind(swiper);
2330
- swiper.onTouchEnd = onTouchEnd.bind(swiper);
2331
- }
2332
-
2333
- swiper.onClick = onClick.bind(swiper);
2334
-
2335
- const target = params.touchEventsTarget === 'container' ? el : wrapperEl;
2336
- const capture = !!params.nested;
2337
-
2338
- // Touch Events
2339
- {
2340
- if (!Support.touch && (Support.pointerEvents || Support.prefixedPointerEvents)) {
2341
- target.addEventListener(touchEvents.start, swiper.onTouchStart, false);
2342
- document.addEventListener(touchEvents.move, swiper.onTouchMove, capture);
2343
- document.addEventListener(touchEvents.end, swiper.onTouchEnd, false);
2344
- } else {
2345
- if (Support.touch) {
2346
- const passiveListener = touchEvents.start === 'touchstart' && Support.passiveListener && params.passiveListeners ? { passive: true, capture: false } : false;
2347
- target.addEventListener(touchEvents.start, swiper.onTouchStart, passiveListener);
2348
- target.addEventListener(touchEvents.move, swiper.onTouchMove, Support.passiveListener ? { passive: false, capture } : capture);
2349
- target.addEventListener(touchEvents.end, swiper.onTouchEnd, passiveListener);
2350
- }
2351
- if ((params.simulateTouch && !Device.ios && !Device.android) || (params.simulateTouch && !Support.touch && Device.ios)) {
2352
- target.addEventListener('mousedown', swiper.onTouchStart, false);
2353
- document.addEventListener('mousemove', swiper.onTouchMove, capture);
2354
- document.addEventListener('mouseup', swiper.onTouchEnd, false);
2355
- }
2356
- }
2357
- // Prevent Links Clicks
2358
- if (params.preventClicks || params.preventClicksPropagation) {
2359
- target.addEventListener('click', swiper.onClick, true);
2360
- }
2361
- }
2362
-
2363
- // Resize handler
2364
- swiper.on((Device.ios || Device.android ? 'resize orientationchange observerUpdate' : 'resize observerUpdate'), onResize, true);
2365
- }
2366
-
2367
- function detachEvents() {
2368
- const swiper = this;
2369
-
2370
- const {
2371
- params, touchEvents, el, wrapperEl,
2372
- } = swiper;
2373
-
2374
- const target = params.touchEventsTarget === 'container' ? el : wrapperEl;
2375
- const capture = !!params.nested;
2376
-
2377
- // Touch Events
2378
- {
2379
- if (!Support.touch && (Support.pointerEvents || Support.prefixedPointerEvents)) {
2380
- target.removeEventListener(touchEvents.start, swiper.onTouchStart, false);
2381
- document.removeEventListener(touchEvents.move, swiper.onTouchMove, capture);
2382
- document.removeEventListener(touchEvents.end, swiper.onTouchEnd, false);
2383
- } else {
2384
- if (Support.touch) {
2385
- const passiveListener = touchEvents.start === 'onTouchStart' && Support.passiveListener && params.passiveListeners ? { passive: true, capture: false } : false;
2386
- target.removeEventListener(touchEvents.start, swiper.onTouchStart, passiveListener);
2387
- target.removeEventListener(touchEvents.move, swiper.onTouchMove, capture);
2388
- target.removeEventListener(touchEvents.end, swiper.onTouchEnd, passiveListener);
2389
- }
2390
- if ((params.simulateTouch && !Device.ios && !Device.android) || (params.simulateTouch && !Support.touch && Device.ios)) {
2391
- target.removeEventListener('mousedown', swiper.onTouchStart, false);
2392
- document.removeEventListener('mousemove', swiper.onTouchMove, capture);
2393
- document.removeEventListener('mouseup', swiper.onTouchEnd, false);
2394
- }
2395
- }
2396
- // Prevent Links Clicks
2397
- if (params.preventClicks || params.preventClicksPropagation) {
2398
- target.removeEventListener('click', swiper.onClick, true);
2399
- }
2400
- }
2401
-
2402
- // Resize handler
2403
- swiper.off((Device.ios || Device.android ? 'resize orientationchange observerUpdate' : 'resize observerUpdate'), onResize);
2404
- }
2405
-
2406
- var events = {
2407
- attachEvents,
2408
- detachEvents,
2409
- };
2410
-
2411
- function setBreakpoint () {
2412
- const swiper = this;
2413
- const {
2414
- activeIndex, initialized, loopedSlides = 0, params,
2415
- } = swiper;
2416
- const breakpoints = params.breakpoints;
2417
- if (!breakpoints || (breakpoints && Object.keys(breakpoints).length === 0)) return;
2418
-
2419
- // Set breakpoint for window width and update parameters
2420
- const breakpoint = swiper.getBreakpoint(breakpoints);
2421
-
2422
- if (breakpoint && swiper.currentBreakpoint !== breakpoint) {
2423
- const breakpointOnlyParams = breakpoint in breakpoints ? breakpoints[breakpoint] : undefined;
2424
- if (breakpointOnlyParams) {
2425
- ['slidesPerView', 'spaceBetween', 'slidesPerGroup'].forEach((param) => {
2426
- const paramValue = breakpointOnlyParams[param];
2427
- if (typeof paramValue === 'undefined') return;
2428
- if (param === 'slidesPerView' && (paramValue === 'AUTO' || paramValue === 'auto')) {
2429
- breakpointOnlyParams[param] = 'auto';
2430
- } else if (param === 'slidesPerView') {
2431
- breakpointOnlyParams[param] = parseFloat(paramValue);
2432
- } else {
2433
- breakpointOnlyParams[param] = parseInt(paramValue, 10);
2434
- }
2435
- });
2436
- }
2437
-
2438
- const breakpointParams = breakpointOnlyParams || swiper.originalParams;
2439
- const needsReLoop = params.loop && (breakpointParams.slidesPerView !== params.slidesPerView);
2440
-
2441
- Utils.extend(swiper.params, breakpointParams);
2442
-
2443
- Utils.extend(swiper, {
2444
- allowTouchMove: swiper.params.allowTouchMove,
2445
- allowSlideNext: swiper.params.allowSlideNext,
2446
- allowSlidePrev: swiper.params.allowSlidePrev,
2447
- });
2448
-
2449
- swiper.currentBreakpoint = breakpoint;
2450
-
2451
- if (needsReLoop && initialized) {
2452
- swiper.loopDestroy();
2453
- swiper.loopCreate();
2454
- swiper.updateSlides();
2455
- swiper.slideTo((activeIndex - loopedSlides) + swiper.loopedSlides, 0, false);
2456
- }
2457
- swiper.emit('breakpoint', breakpointParams);
2458
- }
2459
- }
2460
-
2461
- function getBreakpoint (breakpoints) {
2462
- const swiper = this;
2463
- // Get breakpoint for window width
2464
- if (!breakpoints) return undefined;
2465
- let breakpoint = false;
2466
- const points = [];
2467
- Object.keys(breakpoints).forEach((point) => {
2468
- points.push(point);
2469
- });
2470
- points.sort((a, b) => parseInt(a, 10) - parseInt(b, 10));
2471
- for (let i = 0; i < points.length; i += 1) {
2472
- const point = points[i];
2473
- if (swiper.params.breakpointsInverse) {
2474
- if (point <= window.innerWidth) {
2475
- breakpoint = point;
2476
- }
2477
- } else if (point >= window.innerWidth && !breakpoint) {
2478
- breakpoint = point;
2479
- }
2480
- }
2481
- return breakpoint || 'max';
2482
- }
2483
-
2484
- var breakpoints = { setBreakpoint, getBreakpoint };
2485
-
2486
- const Browser = (function Browser() {
2487
- function isSafari() {
2488
- const ua = window.navigator.userAgent.toLowerCase();
2489
- return (ua.indexOf('safari') >= 0 && ua.indexOf('chrome') < 0 && ua.indexOf('android') < 0);
2490
- }
2491
- return {
2492
- isIE: !!window.navigator.userAgent.match(/Trident/g) || !!window.navigator.userAgent.match(/MSIE/g),
2493
- isEdge: !!window.navigator.userAgent.match(/Edge/g),
2494
- isSafari: isSafari(),
2495
- isUiWebView: /(iPhone|iPod|iPad).*AppleWebKit(?!.*Safari)/i.test(window.navigator.userAgent),
2496
- };
2497
- }());
2498
-
2499
- function addClasses () {
2500
- const swiper = this;
2501
- const {
2502
- classNames, params, rtl, $el,
2503
- } = swiper;
2504
- const suffixes = [];
2505
-
2506
- suffixes.push(params.direction);
2507
-
2508
- if (params.freeMode) {
2509
- suffixes.push('free-mode');
2510
- }
2511
- if (!Support.flexbox) {
2512
- suffixes.push('no-flexbox');
2513
- }
2514
- if (params.autoHeight) {
2515
- suffixes.push('autoheight');
2516
- }
2517
- if (rtl) {
2518
- suffixes.push('rtl');
2519
- }
2520
- if (params.slidesPerColumn > 1) {
2521
- suffixes.push('multirow');
2522
- }
2523
- if (Device.android) {
2524
- suffixes.push('android');
2525
- }
2526
- if (Device.ios) {
2527
- suffixes.push('ios');
2528
- }
2529
- // WP8 Touch Events Fix
2530
- if ((Browser.isIE || Browser.isEdge) && (Support.pointerEvents || Support.prefixedPointerEvents)) {
2531
- suffixes.push(`wp8-${params.direction}`);
2532
- }
2533
-
2534
- suffixes.forEach((suffix) => {
2535
- classNames.push(params.containerModifierClass + suffix);
2536
- });
2537
-
2538
- $el.addClass(classNames.join(' '));
2539
- }
2540
-
2541
- function removeClasses () {
2542
- const swiper = this;
2543
- const { $el, classNames } = swiper;
2544
-
2545
- $el.removeClass(classNames.join(' '));
2546
- }
2547
-
2548
- var classes = { addClasses, removeClasses };
2549
-
2550
- function loadImage (imageEl, src, srcset, sizes, checkForComplete, callback) {
2551
- let image;
2552
- function onReady() {
2553
- if (callback) callback();
2554
- }
2555
- if (!imageEl.complete || !checkForComplete) {
2556
- if (src) {
2557
- image = new window.Image();
2558
- image.onload = onReady;
2559
- image.onerror = onReady;
2560
- if (sizes) {
2561
- image.sizes = sizes;
2562
- }
2563
- if (srcset) {
2564
- image.srcset = srcset;
2565
- }
2566
- if (src) {
2567
- image.src = src;
2568
- }
2569
- } else {
2570
- onReady();
2571
- }
2572
- } else {
2573
- // image already loaded...
2574
- onReady();
2575
- }
2576
- }
2577
-
2578
- function preloadImages () {
2579
- const swiper = this;
2580
- swiper.imagesToLoad = swiper.$el.find('img');
2581
- function onReady() {
2582
- if (typeof swiper === 'undefined' || swiper === null || !swiper || swiper.destroyed) return;
2583
- if (swiper.imagesLoaded !== undefined) swiper.imagesLoaded += 1;
2584
- if (swiper.imagesLoaded === swiper.imagesToLoad.length) {
2585
- if (swiper.params.updateOnImagesReady) swiper.update();
2586
- swiper.emit('imagesReady');
2587
- }
2588
- }
2589
- for (let i = 0; i < swiper.imagesToLoad.length; i += 1) {
2590
- const imageEl = swiper.imagesToLoad[i];
2591
- swiper.loadImage(
2592
- imageEl,
2593
- imageEl.currentSrc || imageEl.getAttribute('src'),
2594
- imageEl.srcset || imageEl.getAttribute('srcset'),
2595
- imageEl.sizes || imageEl.getAttribute('sizes'),
2596
- true,
2597
- onReady
2598
- );
2599
- }
2600
- }
2601
-
2602
- var images = {
2603
- loadImage,
2604
- preloadImages,
2605
- };
2606
-
2607
- function checkOverflow() {
2608
- const swiper = this;
2609
- const wasLocked = swiper.isLocked;
2610
-
2611
- swiper.isLocked = swiper.snapGrid.length === 1;
2612
- swiper.allowSlideNext = !swiper.isLocked;
2613
- swiper.allowSlidePrev = !swiper.isLocked;
2614
-
2615
- // events
2616
- if (wasLocked !== swiper.isLocked) swiper.emit(swiper.isLocked ? 'lock' : 'unlock');
2617
-
2618
- if (wasLocked && wasLocked !== swiper.isLocked) {
2619
- swiper.isEnd = false;
2620
- swiper.navigation.update();
2621
- }
2622
- }
2623
-
2624
- var checkOverflow$1 = { checkOverflow };
2625
-
2626
- var defaults = {
2627
- init: true,
2628
- direction: 'horizontal',
2629
- touchEventsTarget: 'container',
2630
- initialSlide: 0,
2631
- speed: 300,
2632
- //
2633
- preventInteractionOnTransition: false,
2634
-
2635
- // To support iOS's swipe-to-go-back gesture (when being used in-app, with UIWebView).
2636
- edgeSwipeDetection: false,
2637
- edgeSwipeThreshold: 20,
2638
-
2639
- // Free mode
2640
- freeMode: false,
2641
- freeModeMomentum: true,
2642
- freeModeMomentumRatio: 1,
2643
- freeModeMomentumBounce: true,
2644
- freeModeMomentumBounceRatio: 1,
2645
- freeModeMomentumVelocityRatio: 1,
2646
- freeModeSticky: false,
2647
- freeModeMinimumVelocity: 0.02,
2648
-
2649
- // Autoheight
2650
- autoHeight: false,
2651
-
2652
- // Set wrapper width
2653
- setWrapperSize: false,
2654
-
2655
- // Virtual Translate
2656
- virtualTranslate: false,
2657
-
2658
- // Effects
2659
- effect: 'slide', // 'slide' or 'fade' or 'cube' or 'coverflow' or 'flip'
2660
-
2661
- // Breakpoints
2662
- breakpoints: undefined,
2663
- breakpointsInverse: false,
2664
-
2665
- // Slides grid
2666
- spaceBetween: 0,
2667
- slidesPerView: 1,
2668
- slidesPerColumn: 1,
2669
- slidesPerColumnFill: 'column',
2670
- slidesPerGroup: 1,
2671
- centeredSlides: false,
2672
- slidesOffsetBefore: 0, // in px
2673
- slidesOffsetAfter: 0, // in px
2674
- normalizeSlideIndex: true,
2675
- centerInsufficientSlides: false,
2676
-
2677
- // Disable swiper and hide navigation when container not overflow
2678
- watchOverflow: false,
2679
-
2680
- // Round length
2681
- roundLengths: false,
2682
-
2683
- // Touches
2684
- touchRatio: 1,
2685
- touchAngle: 45,
2686
- simulateTouch: true,
2687
- shortSwipes: true,
2688
- longSwipes: true,
2689
- longSwipesRatio: 0.5,
2690
- longSwipesMs: 300,
2691
- followFinger: true,
2692
- allowTouchMove: true,
2693
- threshold: 0,
2694
- touchMoveStopPropagation: true,
2695
- touchStartPreventDefault: true,
2696
- touchStartForcePreventDefault: false,
2697
- touchReleaseOnEdges: false,
2698
-
2699
- // Unique Navigation Elements
2700
- uniqueNavElements: true,
2701
-
2702
- // Resistance
2703
- resistance: true,
2704
- resistanceRatio: 0.85,
2705
-
2706
- // Progress
2707
- watchSlidesProgress: false,
2708
- watchSlidesVisibility: false,
2709
-
2710
- // Cursor
2711
- grabCursor: false,
2712
-
2713
- // Clicks
2714
- preventClicks: true,
2715
- preventClicksPropagation: true,
2716
- slideToClickedSlide: false,
2717
-
2718
- // Images
2719
- preloadImages: true,
2720
- updateOnImagesReady: true,
2721
-
2722
- // loop
2723
- loop: false,
2724
- loopAdditionalSlides: 0,
2725
- loopedSlides: null,
2726
- loopFillGroupWithBlank: false,
2727
-
2728
- // Swiping/no swiping
2729
- allowSlidePrev: true,
2730
- allowSlideNext: true,
2731
- swipeHandler: null, // '.swipe-handler',
2732
- noSwiping: true,
2733
- noSwipingClass: 'swiper-no-swiping',
2734
- noSwipingSelector: null,
2735
-
2736
- // Passive Listeners
2737
- passiveListeners: true,
2738
-
2739
- // NS
2740
- containerModifierClass: 'swiper-container-', // NEW
2741
- slideClass: 'swiper-slide',
2742
- slideBlankClass: 'swiper-slide-invisible-blank',
2743
- slideActiveClass: 'swiper-slide-active',
2744
- slideDuplicateActiveClass: 'swiper-slide-duplicate-active',
2745
- slideVisibleClass: 'swiper-slide-visible',
2746
- slideDuplicateClass: 'swiper-slide-duplicate',
2747
- slideNextClass: 'swiper-slide-next',
2748
- slideDuplicateNextClass: 'swiper-slide-duplicate-next',
2749
- slidePrevClass: 'swiper-slide-prev',
2750
- slideDuplicatePrevClass: 'swiper-slide-duplicate-prev',
2751
- wrapperClass: 'swiper-wrapper',
2752
-
2753
- // Callbacks
2754
- runCallbacksOnInit: true,
2755
- };
2756
-
2757
- const prototypes = {
2758
- update,
2759
- translate,
2760
- transition: transition$1,
2761
- slide,
2762
- loop,
2763
- grabCursor,
2764
- manipulation,
2765
- events,
2766
- breakpoints,
2767
- checkOverflow: checkOverflow$1,
2768
- classes,
2769
- images,
2770
- };
2771
-
2772
- const extendedDefaults = {};
2773
-
2774
- class Swiper extends SwiperClass {
2775
- constructor(...args) {
2776
- let el;
2777
- let params;
2778
- if (args.length === 1 && args[0].constructor && args[0].constructor === Object) {
2779
- params = args[0];
2780
- } else {
2781
- [el, params] = args;
2782
- }
2783
- if (!params) params = {};
2784
-
2785
- params = Utils.extend({}, params);
2786
- if (el && !params.el) params.el = el;
2787
-
2788
- super(params);
2789
-
2790
- Object.keys(prototypes).forEach((prototypeGroup) => {
2791
- Object.keys(prototypes[prototypeGroup]).forEach((protoMethod) => {
2792
- if (!Swiper.prototype[protoMethod]) {
2793
- Swiper.prototype[protoMethod] = prototypes[prototypeGroup][protoMethod];
2794
- }
2795
- });
2796
- });
2797
-
2798
- // Swiper Instance
2799
- const swiper = this;
2800
- if (typeof swiper.modules === 'undefined') {
2801
- swiper.modules = {};
2802
- }
2803
- Object.keys(swiper.modules).forEach((moduleName) => {
2804
- const module = swiper.modules[moduleName];
2805
- if (module.params) {
2806
- const moduleParamName = Object.keys(module.params)[0];
2807
- const moduleParams = module.params[moduleParamName];
2808
- if (typeof moduleParams !== 'object' || moduleParams === null) return;
2809
- if (!(moduleParamName in params && 'enabled' in moduleParams)) return;
2810
- if (params[moduleParamName] === true) {
2811
- params[moduleParamName] = { enabled: true };
2812
- }
2813
- if (
2814
- typeof params[moduleParamName] === 'object'
2815
- && !('enabled' in params[moduleParamName])
2816
- ) {
2817
- params[moduleParamName].enabled = true;
2818
- }
2819
- if (!params[moduleParamName]) params[moduleParamName] = { enabled: false };
2820
- }
2821
- });
2822
-
2823
- // Extend defaults with modules params
2824
- const swiperParams = Utils.extend({}, defaults);
2825
- swiper.useModulesParams(swiperParams);
2826
-
2827
- // Extend defaults with passed params
2828
- swiper.params = Utils.extend({}, swiperParams, extendedDefaults, params);
2829
- swiper.originalParams = Utils.extend({}, swiper.params);
2830
- swiper.passedParams = Utils.extend({}, params);
2831
-
2832
- // Save Dom lib
2833
- swiper.$ = $;
2834
-
2835
- // Find el
2836
- const $el = $(swiper.params.el);
2837
- el = $el[0];
2838
-
2839
- if (!el) {
2840
- return undefined;
2841
- }
2842
-
2843
- if ($el.length > 1) {
2844
- const swipers = [];
2845
- $el.each((index$$1, containerEl) => {
2846
- const newParams = Utils.extend({}, params, { el: containerEl });
2847
- swipers.push(new Swiper(newParams));
2848
- });
2849
- return swipers;
2850
- }
2851
-
2852
- el.swiper = swiper;
2853
- $el.data('swiper', swiper);
2854
-
2855
- // Find Wrapper
2856
- const $wrapperEl = $el.children(`.${swiper.params.wrapperClass}`);
2857
-
2858
- // Extend Swiper
2859
- Utils.extend(swiper, {
2860
- $el,
2861
- el,
2862
- $wrapperEl,
2863
- wrapperEl: $wrapperEl[0],
2864
-
2865
- // Classes
2866
- classNames: [],
2867
-
2868
- // Slides
2869
- slides: $(),
2870
- slidesGrid: [],
2871
- snapGrid: [],
2872
- slidesSizesGrid: [],
2873
-
2874
- // isDirection
2875
- isHorizontal() {
2876
- return swiper.params.direction === 'horizontal';
2877
- },
2878
- isVertical() {
2879
- return swiper.params.direction === 'vertical';
2880
- },
2881
- // RTL
2882
- rtl: (el.dir.toLowerCase() === 'rtl' || $el.css('direction') === 'rtl'),
2883
- rtlTranslate: swiper.params.direction === 'horizontal' && (el.dir.toLowerCase() === 'rtl' || $el.css('direction') === 'rtl'),
2884
- wrongRTL: $wrapperEl.css('display') === '-webkit-box',
2885
-
2886
- // Indexes
2887
- activeIndex: 0,
2888
- realIndex: 0,
2889
-
2890
- //
2891
- isBeginning: true,
2892
- isEnd: false,
2893
-
2894
- // Props
2895
- translate: 0,
2896
- previousTranslate: 0,
2897
- progress: 0,
2898
- velocity: 0,
2899
- animating: false,
2900
-
2901
- // Locks
2902
- allowSlideNext: swiper.params.allowSlideNext,
2903
- allowSlidePrev: swiper.params.allowSlidePrev,
2904
-
2905
- // Touch Events
2906
- touchEvents: (function touchEvents() {
2907
- const touch = ['touchstart', 'touchmove', 'touchend'];
2908
- let desktop = ['mousedown', 'mousemove', 'mouseup'];
2909
- if (Support.pointerEvents) {
2910
- desktop = ['pointerdown', 'pointermove', 'pointerup'];
2911
- } else if (Support.prefixedPointerEvents) {
2912
- desktop = ['MSPointerDown', 'MSPointerMove', 'MSPointerUp'];
2913
- }
2914
- swiper.touchEventsTouch = {
2915
- start: touch[0],
2916
- move: touch[1],
2917
- end: touch[2],
2918
- };
2919
- swiper.touchEventsDesktop = {
2920
- start: desktop[0],
2921
- move: desktop[1],
2922
- end: desktop[2],
2923
- };
2924
- return Support.touch || !swiper.params.simulateTouch ? swiper.touchEventsTouch : swiper.touchEventsDesktop;
2925
- }()),
2926
- touchEventsData: {
2927
- isTouched: undefined,
2928
- isMoved: undefined,
2929
- allowTouchCallbacks: undefined,
2930
- touchStartTime: undefined,
2931
- isScrolling: undefined,
2932
- currentTranslate: undefined,
2933
- startTranslate: undefined,
2934
- allowThresholdMove: undefined,
2935
- // Form elements to match
2936
- formElements: 'input, select, option, textarea, button, video',
2937
- // Last click time
2938
- lastClickTime: Utils.now(),
2939
- clickTimeout: undefined,
2940
- // Velocities
2941
- velocities: [],
2942
- allowMomentumBounce: undefined,
2943
- isTouchEvent: undefined,
2944
- startMoving: undefined,
2945
- },
2946
-
2947
- // Clicks
2948
- allowClick: true,
2949
-
2950
- // Touches
2951
- allowTouchMove: swiper.params.allowTouchMove,
2952
-
2953
- touches: {
2954
- startX: 0,
2955
- startY: 0,
2956
- currentX: 0,
2957
- currentY: 0,
2958
- diff: 0,
2959
- },
2960
-
2961
- // Images
2962
- imagesToLoad: [],
2963
- imagesLoaded: 0,
2964
-
2965
- });
2966
-
2967
- // Install Modules
2968
- swiper.useModules();
2969
-
2970
- // Init
2971
- if (swiper.params.init) {
2972
- swiper.init();
2973
- }
2974
-
2975
- // Return app instance
2976
- return swiper;
2977
- }
2978
-
2979
- slidesPerViewDynamic() {
2980
- const swiper = this;
2981
- const {
2982
- params, slides, slidesGrid, size: swiperSize, activeIndex,
2983
- } = swiper;
2984
- let spv = 1;
2985
- if (params.centeredSlides) {
2986
- let slideSize = slides[activeIndex].swiperSlideSize;
2987
- let breakLoop;
2988
- for (let i = activeIndex + 1; i < slides.length; i += 1) {
2989
- if (slides[i] && !breakLoop) {
2990
- slideSize += slides[i].swiperSlideSize;
2991
- spv += 1;
2992
- if (slideSize > swiperSize) breakLoop = true;
2993
- }
2994
- }
2995
- for (let i = activeIndex - 1; i >= 0; i -= 1) {
2996
- if (slides[i] && !breakLoop) {
2997
- slideSize += slides[i].swiperSlideSize;
2998
- spv += 1;
2999
- if (slideSize > swiperSize) breakLoop = true;
3000
- }
3001
- }
3002
- } else {
3003
- for (let i = activeIndex + 1; i < slides.length; i += 1) {
3004
- if (slidesGrid[i] - slidesGrid[activeIndex] < swiperSize) {
3005
- spv += 1;
3006
- }
3007
- }
3008
- }
3009
- return spv;
3010
- }
3011
-
3012
- update() {
3013
- const swiper = this;
3014
- if (!swiper || swiper.destroyed) return;
3015
- const { snapGrid, params } = swiper;
3016
- // Breakpoints
3017
- if (params.breakpoints) {
3018
- swiper.setBreakpoint();
3019
- }
3020
- swiper.updateSize();
3021
- swiper.updateSlides();
3022
- swiper.updateProgress();
3023
- swiper.updateSlidesClasses();
3024
-
3025
- function setTranslate() {
3026
- const translateValue = swiper.rtlTranslate ? swiper.translate * -1 : swiper.translate;
3027
- const newTranslate = Math.min(Math.max(translateValue, swiper.maxTranslate()), swiper.minTranslate());
3028
- swiper.setTranslate(newTranslate);
3029
- swiper.updateActiveIndex();
3030
- swiper.updateSlidesClasses();
3031
- }
3032
- let translated;
3033
- if (swiper.params.freeMode) {
3034
- setTranslate();
3035
- if (swiper.params.autoHeight) {
3036
- swiper.updateAutoHeight();
3037
- }
3038
- } else {
3039
- if ((swiper.params.slidesPerView === 'auto' || swiper.params.slidesPerView > 1) && swiper.isEnd && !swiper.params.centeredSlides) {
3040
- translated = swiper.slideTo(swiper.slides.length - 1, 0, false, true);
3041
- } else {
3042
- translated = swiper.slideTo(swiper.activeIndex, 0, false, true);
3043
- }
3044
- if (!translated) {
3045
- setTranslate();
3046
- }
3047
- }
3048
- if (params.watchOverflow && snapGrid !== swiper.snapGrid) {
3049
- swiper.checkOverflow();
3050
- }
3051
- swiper.emit('update');
3052
- }
3053
-
3054
- init() {
3055
- const swiper = this;
3056
- if (swiper.initialized) return;
3057
-
3058
- swiper.emit('beforeInit');
3059
-
3060
- // Set breakpoint
3061
- if (swiper.params.breakpoints) {
3062
- swiper.setBreakpoint();
3063
- }
3064
-
3065
- // Add Classes
3066
- swiper.addClasses();
3067
-
3068
- // Create loop
3069
- if (swiper.params.loop) {
3070
- swiper.loopCreate();
3071
- }
3072
-
3073
- // Update size
3074
- swiper.updateSize();
3075
-
3076
- // Update slides
3077
- swiper.updateSlides();
3078
-
3079
- if (swiper.params.watchOverflow) {
3080
- swiper.checkOverflow();
3081
- }
3082
-
3083
- // Set Grab Cursor
3084
- if (swiper.params.grabCursor) {
3085
- swiper.setGrabCursor();
3086
- }
3087
-
3088
- if (swiper.params.preloadImages) {
3089
- swiper.preloadImages();
3090
- }
3091
-
3092
- // Slide To Initial Slide
3093
- if (swiper.params.loop) {
3094
- swiper.slideTo(swiper.params.initialSlide + swiper.loopedSlides, 0, swiper.params.runCallbacksOnInit);
3095
- } else {
3096
- swiper.slideTo(swiper.params.initialSlide, 0, swiper.params.runCallbacksOnInit);
3097
- }
3098
-
3099
- // Attach events
3100
- swiper.attachEvents();
3101
-
3102
- // Init Flag
3103
- swiper.initialized = true;
3104
-
3105
- // Emit
3106
- swiper.emit('init');
3107
- }
3108
-
3109
- destroy(deleteInstance = true, cleanStyles = true) {
3110
- const swiper = this;
3111
- const {
3112
- params, $el, $wrapperEl, slides,
3113
- } = swiper;
3114
-
3115
- if (typeof swiper.params === 'undefined' || swiper.destroyed) {
3116
- return null;
3117
- }
3118
-
3119
- swiper.emit('beforeDestroy');
3120
-
3121
- // Init Flag
3122
- swiper.initialized = false;
3123
-
3124
- // Detach events
3125
- swiper.detachEvents();
3126
-
3127
- // Destroy loop
3128
- if (params.loop) {
3129
- swiper.loopDestroy();
3130
- }
3131
-
3132
- // Cleanup styles
3133
- if (cleanStyles) {
3134
- swiper.removeClasses();
3135
- $el.removeAttr('style');
3136
- $wrapperEl.removeAttr('style');
3137
- if (slides && slides.length) {
3138
- slides
3139
- .removeClass([
3140
- params.slideVisibleClass,
3141
- params.slideActiveClass,
3142
- params.slideNextClass,
3143
- params.slidePrevClass,
3144
- ].join(' '))
3145
- .removeAttr('style')
3146
- .removeAttr('data-swiper-slide-index')
3147
- .removeAttr('data-swiper-column')
3148
- .removeAttr('data-swiper-row');
3149
- }
3150
- }
3151
-
3152
- swiper.emit('destroy');
3153
-
3154
- // Detach emitter events
3155
- Object.keys(swiper.eventsListeners).forEach((eventName) => {
3156
- swiper.off(eventName);
3157
- });
3158
-
3159
- if (deleteInstance !== false) {
3160
- swiper.$el[0].swiper = null;
3161
- swiper.$el.data('swiper', null);
3162
- Utils.deleteProps(swiper);
3163
- }
3164
- swiper.destroyed = true;
3165
-
3166
- return null;
3167
- }
3168
-
3169
- static extendDefaults(newDefaults) {
3170
- Utils.extend(extendedDefaults, newDefaults);
3171
- }
3172
-
3173
- static get extendedDefaults() {
3174
- return extendedDefaults;
3175
- }
3176
-
3177
- static get defaults() {
3178
- return defaults;
3179
- }
3180
-
3181
- static get Class() {
3182
- return SwiperClass;
3183
- }
3184
-
3185
- static get $() {
3186
- return $;
3187
- }
3188
- }
3189
-
3190
- var Device$1 = {
3191
- name: 'device',
3192
- proto: {
3193
- device: Device,
3194
- },
3195
- static: {
3196
- device: Device,
3197
- },
3198
- };
3199
-
3200
- var Support$1 = {
3201
- name: 'support',
3202
- proto: {
3203
- support: Support,
3204
- },
3205
- static: {
3206
- support: Support,
3207
- },
3208
- };
3209
-
3210
- var Browser$1 = {
3211
- name: 'browser',
3212
- proto: {
3213
- browser: Browser,
3214
- },
3215
- static: {
3216
- browser: Browser,
3217
- },
3218
- };
3219
-
3220
- var Resize = {
3221
- name: 'resize',
3222
- create() {
3223
- const swiper = this;
3224
- Utils.extend(swiper, {
3225
- resize: {
3226
- resizeHandler() {
3227
- if (!swiper || swiper.destroyed || !swiper.initialized) return;
3228
- swiper.emit('beforeResize');
3229
- swiper.emit('resize');
3230
- },
3231
- orientationChangeHandler() {
3232
- if (!swiper || swiper.destroyed || !swiper.initialized) return;
3233
- swiper.emit('orientationchange');
3234
- },
3235
- },
3236
- });
3237
- },
3238
- on: {
3239
- init() {
3240
- const swiper = this;
3241
- // Emit resize
3242
- window.addEventListener('resize', swiper.resize.resizeHandler);
3243
-
3244
- // Emit orientationchange
3245
- window.addEventListener('orientationchange', swiper.resize.orientationChangeHandler);
3246
- },
3247
- destroy() {
3248
- const swiper = this;
3249
- window.removeEventListener('resize', swiper.resize.resizeHandler);
3250
- window.removeEventListener('orientationchange', swiper.resize.orientationChangeHandler);
3251
- },
3252
- },
3253
- };
3254
-
3255
- const Observer = {
3256
- func: window.MutationObserver || window.WebkitMutationObserver,
3257
- attach(target, options = {}) {
3258
- const swiper = this;
3259
-
3260
- const ObserverFunc = Observer.func;
3261
- const observer = new ObserverFunc((mutations) => {
3262
- // The observerUpdate event should only be triggered
3263
- // once despite the number of mutations. Additional
3264
- // triggers are redundant and are very costly
3265
- if (mutations.length === 1) {
3266
- swiper.emit('observerUpdate', mutations[0]);
3267
- return;
3268
- }
3269
- const observerUpdate = function observerUpdate() {
3270
- swiper.emit('observerUpdate', mutations[0]);
3271
- };
3272
-
3273
- if (window.requestAnimationFrame) {
3274
- window.requestAnimationFrame(observerUpdate);
3275
- } else {
3276
- window.setTimeout(observerUpdate, 0);
3277
- }
3278
- });
3279
-
3280
- observer.observe(target, {
3281
- attributes: typeof options.attributes === 'undefined' ? true : options.attributes,
3282
- childList: typeof options.childList === 'undefined' ? true : options.childList,
3283
- characterData: typeof options.characterData === 'undefined' ? true : options.characterData,
3284
- });
3285
-
3286
- swiper.observer.observers.push(observer);
3287
- },
3288
- init() {
3289
- const swiper = this;
3290
- if (!Support.observer || !swiper.params.observer) return;
3291
- if (swiper.params.observeParents) {
3292
- const containerParents = swiper.$el.parents();
3293
- for (let i = 0; i < containerParents.length; i += 1) {
3294
- swiper.observer.attach(containerParents[i]);
3295
- }
3296
- }
3297
- // Observe container
3298
- swiper.observer.attach(swiper.$el[0], { childList: swiper.params.observeSlideChildren });
3299
-
3300
- // Observe wrapper
3301
- swiper.observer.attach(swiper.$wrapperEl[0], { attributes: false });
3302
- },
3303
- destroy() {
3304
- const swiper = this;
3305
- swiper.observer.observers.forEach((observer) => {
3306
- observer.disconnect();
3307
- });
3308
- swiper.observer.observers = [];
3309
- },
3310
- };
3311
-
3312
- var Observer$1 = {
3313
- name: 'observer',
3314
- params: {
3315
- observer: false,
3316
- observeParents: false,
3317
- observeSlideChildren: false,
3318
- },
3319
- create() {
3320
- const swiper = this;
3321
- Utils.extend(swiper, {
3322
- observer: {
3323
- init: Observer.init.bind(swiper),
3324
- attach: Observer.attach.bind(swiper),
3325
- destroy: Observer.destroy.bind(swiper),
3326
- observers: [],
3327
- },
3328
- });
3329
- },
3330
- on: {
3331
- init() {
3332
- const swiper = this;
3333
- swiper.observer.init();
3334
- },
3335
- destroy() {
3336
- const swiper = this;
3337
- swiper.observer.destroy();
3338
- },
3339
- },
3340
- };
3341
-
3342
- const Virtual = {
3343
- update(force) {
3344
- const swiper = this;
3345
- const { slidesPerView, slidesPerGroup, centeredSlides } = swiper.params;
3346
- const { addSlidesBefore, addSlidesAfter } = swiper.params.virtual;
3347
- const {
3348
- from: previousFrom,
3349
- to: previousTo,
3350
- slides,
3351
- slidesGrid: previousSlidesGrid,
3352
- renderSlide,
3353
- offset: previousOffset,
3354
- } = swiper.virtual;
3355
- swiper.updateActiveIndex();
3356
- const activeIndex = swiper.activeIndex || 0;
3357
-
3358
- let offsetProp;
3359
- if (swiper.rtlTranslate) offsetProp = 'right';
3360
- else offsetProp = swiper.isHorizontal() ? 'left' : 'top';
3361
-
3362
- let slidesAfter;
3363
- let slidesBefore;
3364
- if (centeredSlides) {
3365
- slidesAfter = Math.floor(slidesPerView / 2) + slidesPerGroup + addSlidesBefore;
3366
- slidesBefore = Math.floor(slidesPerView / 2) + slidesPerGroup + addSlidesAfter;
3367
- } else {
3368
- slidesAfter = slidesPerView + (slidesPerGroup - 1) + addSlidesBefore;
3369
- slidesBefore = slidesPerGroup + addSlidesAfter;
3370
- }
3371
- const from = Math.max((activeIndex || 0) - slidesBefore, 0);
3372
- const to = Math.min((activeIndex || 0) + slidesAfter, slides.length - 1);
3373
- const offset$$1 = (swiper.slidesGrid[from] || 0) - (swiper.slidesGrid[0] || 0);
3374
-
3375
- Utils.extend(swiper.virtual, {
3376
- from,
3377
- to,
3378
- offset: offset$$1,
3379
- slidesGrid: swiper.slidesGrid,
3380
- });
3381
-
3382
- function onRendered() {
3383
- swiper.updateSlides();
3384
- swiper.updateProgress();
3385
- swiper.updateSlidesClasses();
3386
- if (swiper.lazy && swiper.params.lazy.enabled) {
3387
- swiper.lazy.load();
3388
- }
3389
- }
3390
-
3391
- if (previousFrom === from && previousTo === to && !force) {
3392
- if (swiper.slidesGrid !== previousSlidesGrid && offset$$1 !== previousOffset) {
3393
- swiper.slides.css(offsetProp, `${offset$$1}px`);
3394
- }
3395
- swiper.updateProgress();
3396
- return;
3397
- }
3398
- if (swiper.params.virtual.renderExternal) {
3399
- swiper.params.virtual.renderExternal.call(swiper, {
3400
- offset: offset$$1,
3401
- from,
3402
- to,
3403
- slides: (function getSlides() {
3404
- const slidesToRender = [];
3405
- for (let i = from; i <= to; i += 1) {
3406
- slidesToRender.push(slides[i]);
3407
- }
3408
- return slidesToRender;
3409
- }()),
3410
- });
3411
- onRendered();
3412
- return;
3413
- }
3414
- const prependIndexes = [];
3415
- const appendIndexes = [];
3416
- if (force) {
3417
- swiper.$wrapperEl.find(`.${swiper.params.slideClass}`).remove();
3418
- } else {
3419
- for (let i = previousFrom; i <= previousTo; i += 1) {
3420
- if (i < from || i > to) {
3421
- swiper.$wrapperEl.find(`.${swiper.params.slideClass}[data-swiper-slide-index="${i}"]`).remove();
3422
- }
3423
- }
3424
- }