Image Hover Effects – Elementor Addon - Version 1.3.2

Version Description

  • Icons control upgraded to support Font Awesome 5 and SVG icons
Download this release

Release Info

Developer blocksera
Plugin Icon 128x128 Image Hover Effects – Elementor Addon
Version 1.3.2
Comparing to
See all releases

Code changes from version 1.3.1 to 1.3.2

assets/style.css CHANGED
@@ -1,1464 +1,1472 @@
1
- .elementor-element.elementor-widget-e_image_hover_effects .eihe-box {
2
- position: relative;
3
- display: block;
4
- overflow: hidden;
5
- backface-visibility: hidden;
6
- -webkit-backface-visibility: hidden;
7
- transform: translateZ(0);
8
- -o-transform: translateZ(0);
9
- -ms-transform: translateZ(0);
10
- -moz-transform: translateZ(0);
11
- -webkit-transform: translateZ(0);
12
- -moz-osx-font-smoothing: grayscale;
13
- }
14
-
15
- .elementor-element.elementor-widget-e_image_hover_effects .eihe-box.eihe_flex-start .eihe-caption > * {
16
- text-align: left;
17
- }
18
- .elementor-element.elementor-widget-e_image_hover_effects .eihe-box.eihe_center .eihe-caption > * {
19
- text-align: center;
20
- }
21
- .elementor-element.elementor-widget-e_image_hover_effects .eihe-box.eihe_flex-end .eihe-caption > * {
22
- text-align: right;
23
- }
24
-
25
- .elementor-element.elementor-widget-e_image_hover_effects .eihe-box img {
26
- position: relative;
27
- width: 100%;
28
- vertical-align: middle;
29
- }
30
-
31
- .elementor-element.elementor-widget-e_image_hover_effects .eihe-box .eihe-caption {
32
- display: flex;
33
- align-items: center;
34
- justify-content: center;
35
- flex-direction: column;
36
- position: absolute;
37
- top: 0;
38
- bottom: 0;
39
- left: 0;
40
- right: 0;
41
- margin: auto;
42
- color: #fff;
43
- z-index: 2;
44
- }
45
-
46
- .elementor-element.elementor-widget-e_image_hover_effects .eihe-box .eihe-caption .eihe-title-cover {
47
- display: flex;
48
- align-items: center;
49
- flex-direction: row;
50
- margin-bottom: 10px;
51
- }
52
-
53
- .elementor-element.elementor-widget-e_image_hover_effects .eihe-box .eihe-caption .eihe-title-cover .eihe-title {
54
- font-family: 'arial',sans-serif;
55
- font-size: 40px;
56
- margin: 0 !important;
57
- padding: 0 !important;
58
- color: white;
59
- }
60
-
61
- .elementor-element.elementor-widget-e_image_hover_effects .eihe-box .eihe-caption .eihe-title-cover i {
62
- margin-top: 0 !important;
63
- margin-bottom: 0 !important;
64
- padding: 0 !important;
65
- }
66
-
67
- .elementor-element.elementor-widget-e_image_hover_effects .eihe-box .eihe-caption p {
68
- font-family: 'arial',sans-serif;
69
- font-size: 16px;
70
- margin: 0 !important;
71
- padding: 0 !important;
72
- color: white;
73
- }
74
-
75
- .elementor-element.elementor-widget-e_image_hover_effects .eihe-box,
76
- .elementor-element.elementor-widget-e_image_hover_effects .eihe-box:before,
77
- .elementor-element.elementor-widget-e_image_hover_effects .eihe-box:after,
78
- .elementor-element.elementor-widget-e_image_hover_effects .eihe-box *,
79
- .elementor-element.elementor-widget-e_image_hover_effects .eihe-box *:before,
80
- .elementor-element.elementor-widget-e_image_hover_effects .eihe-box *:after {
81
- box-sizing: border-box;
82
- -webkit-transition: all 0.5s ease;
83
- -moz-transition: all 0.5s ease;
84
- transition: all 0.5s ease;
85
- }
86
- .elementor-element.elementor-widget-e_image_hover_effects .eihe-box:before {
87
- z-index: 1;
88
- }
89
-
90
- /* eihe-fade-*
91
- ----------------------------- */
92
- [class^='eihe-fade'] .eihe-caption, [class*=' eihe-fade'] .eihe-caption {
93
- opacity: 0;
94
- }
95
-
96
- [class^='eihe-fade']:hover .eihe-caption, [class*=' eihe-fade']:hover .eihe-caption {
97
- opacity: 1;
98
- }
99
-
100
- [class^='eihe-fade']:hover > img, [class^='eihe-fade']:hover .eihe-caption, [class*=' eihe-fade']:hover > img, [class*=' eihe-fade']:hover .eihe-caption {
101
- -webkit-transform: translate(0, 0);
102
- -moz-transform: translate(0, 0);
103
- -ms-transform: translate(0, 0);
104
- -o-transform: translate(0, 0);
105
- transform: translate(0, 0);
106
- }
107
-
108
- /* eihe-fade-in-up
109
- ----------------------------- */
110
- .eihe-fade-in-up .eihe-caption {
111
- -webkit-transform: translate(0, 15%);
112
- -moz-transform: translate(0, 15%);
113
- -ms-transform: translate(0, 15%);
114
- -o-transform: translate(0, 15%);
115
- transform: translate(0, 15%);
116
- }
117
-
118
- /* eihe-fade-in-down
119
- ----------------------------- */
120
- .eihe-fade-in-down .eihe-caption {
121
- -webkit-transform: translate(0, -15%);
122
- -moz-transform: translate(0, -15%);
123
- -ms-transform: translate(0, -15%);
124
- -o-transform: translate(0, -15%);
125
- transform: translate(0, -15%);
126
- }
127
-
128
- /* eihe-fade-in-left
129
- ----------------------------- */
130
- .eihe-fade-in-left .eihe-caption {
131
- -webkit-transform: translate(-15%, 0);
132
- -moz-transform: translate(-15%, 0);
133
- -ms-transform: translate(-15%, 0);
134
- -o-transform: translate(-15%, 0);
135
- transform: translate(-15%, 0);
136
- }
137
-
138
- /* eihe-fade-in-right
139
- ----------------------------- */
140
- .eihe-fade-in-right .eihe-caption {
141
- -webkit-transform: translate(15%, 0);
142
- -moz-transform: translate(15%, 0);
143
- -ms-transform: translate(15%, 0);
144
- -o-transform: translate(15%, 0);
145
- transform: translate(15%, 0);
146
- }
147
-
148
- /* eihe-push-*
149
- ----------------------------- */
150
- [class^='eihe-push-']:hover .eihe-caption, [class*=' eihe-push-']:hover .eihe-caption {
151
- -webkit-transform: translate(0, 0);
152
- -moz-transform: translate(0, 0);
153
- -ms-transform: translate(0, 0);
154
- -o-transform: translate(0, 0);
155
- transform: translate(0, 0);
156
- }
157
-
158
- /* eihe-push-up
159
- ----------------------------- */
160
- .eihe-push-up .eihe-caption {
161
- -webkit-transform: translateY(100%);
162
- -moz-transform: translateY(100%);
163
- -ms-transform: translateY(100%);
164
- -o-transform: translateY(100%);
165
- transform: translateY(100%);
166
- }
167
-
168
- .eihe-push-up:hover > img {
169
- -webkit-transform: translateY(-100%);
170
- -moz-transform: translateY(-100%);
171
- -ms-transform: translateY(-100%);
172
- -o-transform: translateY(-100%);
173
- transform: translateY(-100%);
174
- }
175
-
176
- /* eihe-push-down
177
- ----------------------------- */
178
- .eihe-push-down .eihe-caption {
179
- -webkit-transform: translateY(-100%);
180
- -moz-transform: translateY(-100%);
181
- -ms-transform: translateY(-100%);
182
- -o-transform: translateY(-100%);
183
- transform: translateY(-100%);
184
- }
185
-
186
- .eihe-push-down:hover > img {
187
- -webkit-transform: translateY(100%);
188
- -moz-transform: translateY(100%);
189
- -ms-transform: translateY(100%);
190
- -o-transform: translateY(100%);
191
- transform: translateY(100%);
192
- }
193
-
194
- /* eihe-push-left
195
- ----------------------------- */
196
- .eihe-push-left .eihe-caption {
197
- -webkit-transform: translateX(100%);
198
- -moz-transform: translateX(100%);
199
- -ms-transform: translateX(100%);
200
- -o-transform: translateX(100%);
201
- transform: translateX(100%);
202
- }
203
-
204
- .eihe-push-left:hover > img {
205
- -webkit-transform: translateX(-100%);
206
- -moz-transform: translateX(-100%);
207
- -ms-transform: translateX(-100%);
208
- -o-transform: translateX(-100%);
209
- transform: translateX(-100%);
210
- }
211
-
212
- /* eihe-push--right
213
- ----------------------------- */
214
- .eihe-push-right .eihe-caption {
215
- -webkit-transform: translateX(-100%);
216
- -moz-transform: translateX(-100%);
217
- -ms-transform: translateX(-100%);
218
- -o-transform: translateX(-100%);
219
- transform: translateX(-100%);
220
- }
221
-
222
- .eihe-push-right:hover > img {
223
- -webkit-transform: translateX(100%);
224
- -moz-transform: translateX(100%);
225
- -ms-transform: translateX(100%);
226
- -o-transform: translateX(100%);
227
- transform: translateX(100%);
228
- }
229
-
230
- /* eihe-slide-*
231
- ----------------------------- */
232
- [class^='eihe-slide-']:hover .eihe-caption, [class*=' eihe-slide-']:hover .eihe-caption {
233
- -webkit-transform: translate(0, 0);
234
- -moz-transform: translate(0, 0);
235
- -ms-transform: translate(0, 0);
236
- -o-transform: translate(0, 0);
237
- transform: translate(0, 0);
238
- }
239
-
240
- /* eihe-slide-up
241
- ----------------------------- */
242
- .eihe-slide-up .eihe-caption {
243
- -webkit-transform: translateY(100%);
244
- -moz-transform: translateY(100%);
245
- -ms-transform: translateY(100%);
246
- -o-transform: translateY(100%);
247
- transform: translateY(100%);
248
- }
249
-
250
- /* eihe-slide-down
251
- ----------------------------- */
252
- .eihe-slide-down .eihe-caption {
253
- -webkit-transform: translateY(-100%);
254
- -moz-transform: translateY(-100%);
255
- -ms-transform: translateY(-100%);
256
- -o-transform: translateY(-100%);
257
- transform: translateY(-100%);
258
- }
259
-
260
- /* eihe-slide-left
261
- ----------------------------- */
262
- .eihe-slide-left .eihe-caption {
263
- -webkit-transform: translateX(100%);
264
- -moz-transform: translateX(100%);
265
- -ms-transform: translateX(100%);
266
- -o-transform: translateX(100%);
267
- transform: translateX(100%);
268
- }
269
-
270
- /* eihe-slide-right
271
- ----------------------------- */
272
- .eihe-slide-right .eihe-caption {
273
- -webkit-transform: translateX(-100%);
274
- -moz-transform: translateX(-100%);
275
- -ms-transform: translateX(-100%);
276
- -o-transform: translateX(-100%);
277
- transform: translateX(-100%);
278
- }
279
-
280
- /* eihe-reveal-*
281
- ----------------------------- */
282
- [class^='eihe-reveal-']:before, [class*=' eihe-reveal-']:before {
283
- position: absolute;
284
- top: 0;
285
- bottom: 0;
286
- left: 0;
287
- right: 0;
288
- content: '';
289
- }
290
-
291
- [class^='eihe-reveal-'] .eihe-caption, [class*=' eihe-reveal-'] .eihe-caption {
292
- opacity: 0;
293
- }
294
-
295
- [class^='eihe-reveal-']:hover:before, [class*=' eihe-reveal-']:hover:before {
296
- -webkit-transform: translate(0, 0);
297
- -moz-transform: translate(0, 0);
298
- -ms-transform: translate(0, 0);
299
- -o-transform: translate(0, 0);
300
- transform: translate(0, 0);
301
- }
302
-
303
- [class^='eihe-reveal-']:hover .eihe-caption, [class*=' eihe-reveal-']:hover .eihe-caption {
304
- opacity: 1;
305
- -webkit-transition-delay: 0.21s;
306
- -moz-transition-delay: 0.21s;
307
- transition-delay: 0.21s;
308
- }
309
-
310
- /* eihe-reveal-up
311
- ----------------------------- */
312
- .eihe-reveal-up:before {
313
- -webkit-transform: translateY(100%);
314
- -moz-transform: translateY(100%);
315
- -ms-transform: translateY(100%);
316
- -o-transform: translateY(100%);
317
- transform: translateY(100%);
318
- }
319
-
320
- /* eihe-reveal-down
321
- ----------------------------- */
322
- .eihe-reveal-down:before {
323
- -webkit-transform: translateY(-100%);
324
- -moz-transform: translateY(-100%);
325
- -ms-transform: translateY(-100%);
326
- -o-transform: translateY(-100%);
327
- transform: translateY(-100%);
328
- }
329
-
330
- /* eihe-reveal-left
331
- ----------------------------- */
332
- .eihe-reveal-left:before {
333
- -webkit-transform: translateX(100%);
334
- -moz-transform: translateX(100%);
335
- -ms-transform: translateX(100%);
336
- -o-transform: translateX(100%);
337
- transform: translateX(100%);
338
- }
339
-
340
- /* eihe-reveal-right
341
- ----------------------------- */
342
- .eihe-reveal-right:before {
343
- -webkit-transform: translateX(-100%);
344
- -moz-transform: translateX(-100%);
345
- -ms-transform: translateX(-100%);
346
- -o-transform: translateX(-100%);
347
- transform: translateX(-100%);
348
- }
349
-
350
- /* eihe-hinge-*
351
- ----------------------------- */
352
- [class^='eihe-hinge-'], [class*=' eihe-hinge-'] {
353
- -webkit-perspective: 50em;
354
- -moz-perspective: 50em;
355
- perspective: 50em;
356
- }
357
-
358
- [class^='eihe-hinge-'] .eihe-caption, [class*=' eihe-hinge-'] .eihe-caption {
359
- opacity: 0;
360
- z-index: 1;
361
- }
362
-
363
- [class^='eihe-hinge-']:hover img, [class*=' eihe-hinge-']:hover img {
364
- opacity: 0;
365
- }
366
-
367
- [class^='eihe-hinge-']:hover .eihe-caption, [class*=' eihe-hinge-']:hover .eihe-caption {
368
- opacity: 1;
369
- -webkit-transition-delay: 0.21s;
370
- -moz-transition-delay: 0.21s;
371
- transition-delay: 0.21s;
372
- }
373
-
374
- /* eihe-hinge-up
375
- ----------------------------- */
376
- .eihe-hinge-up img {
377
- -webkit-transform-origin: 50% 0%;
378
- -moz-transform-origin: 50% 0%;
379
- -ms-transform-origin: 50% 0%;
380
- -o-transform-origin: 50% 0%;
381
- transform-origin: 50% 0%;
382
- }
383
-
384
- .eihe-hinge-up .eihe-caption {
385
- -webkit-transform: rotateX(90deg);
386
- -moz-transform: rotateX(90deg);
387
- -ms-transform: rotateX(90deg);
388
- -o-transform: rotateX(90deg);
389
- transform: rotateX(90deg);
390
- -webkit-transform-origin: 50% 100%;
391
- -moz-transform-origin: 50% 100%;
392
- -ms-transform-origin: 50% 100%;
393
- -o-transform-origin: 50% 100%;
394
- transform-origin: 50% 100%;
395
- }
396
-
397
- .eihe-hinge-up:hover > img {
398
- -webkit-transform: rotateX(-90deg);
399
- -moz-transform: rotateX(-90deg);
400
- -ms-transform: rotateX(-90deg);
401
- -o-transform: rotateX(-90deg);
402
- transform: rotateX(-90deg);
403
- }
404
-
405
- .eihe-hinge-up:hover .eihe-caption {
406
- -webkit-transform: rotateX(0);
407
- -moz-transform: rotateX(0);
408
- -ms-transform: rotateX(0);
409
- -o-transform: rotateX(0);
410
- transform: rotateX(0);
411
- }
412
-
413
- /* eihe-hinge-down
414
- ----------------------------- */
415
- .eihe-hinge-down img {
416
- -webkit-transform-origin: 50% 100%;
417
- -moz-transform-origin: 50% 100%;
418
- -ms-transform-origin: 50% 100%;
419
- -o-transform-origin: 50% 100%;
420
- transform-origin: 50% 100%;
421
- }
422
-
423
- .eihe-hinge-down .eihe-caption {
424
- -webkit-transform: rotateX(-90deg);
425
- -moz-transform: rotateX(-90deg);
426
- -ms-transform: rotateX(-90deg);
427
- -o-transform: rotateX(-90deg);
428
- transform: rotateX(-90deg);
429
- -webkit-transform-origin: 50% -50%;
430
- -moz-transform-origin: 50% -50%;
431
- -ms-transform-origin: 50% -50%;
432
- -o-transform-origin: 50% -50%;
433
- transform-origin: 50% -50%;
434
- }
435
-
436
- .eihe-hinge-down:hover > img {
437
- -webkit-transform: rotateX(90deg);
438
- -moz-transform: rotateX(90deg);
439
- -ms-transform: rotateX(90deg);
440
- -o-transform: rotateX(90deg);
441
- transform: rotateX(90deg);
442
- opacity: 0;
443
- }
444
-
445
- .eihe-hinge-down:hover .eihe-caption {
446
- -webkit-transform: rotateX(0);
447
- -moz-transform: rotateX(0);
448
- -ms-transform: rotateX(0);
449
- -o-transform: rotateX(0);
450
- transform: rotateX(0);
451
- }
452
-
453
- /* eihe-hinge-left
454
- ----------------------------- */
455
- .eihe-hinge-left img {
456
- -webkit-transform-origin: 0% 50%;
457
- -moz-transform-origin: 0% 50%;
458
- -ms-transform-origin: 0% 50%;
459
- -o-transform-origin: 0% 50%;
460
- transform-origin: 0% 50%;
461
- }
462
-
463
- .eihe-hinge-left .eihe-caption {
464
- -webkit-transform: rotateY(-90deg);
465
- -moz-transform: rotateY(-90deg);
466
- -ms-transform: rotateY(-90deg);
467
- -o-transform: rotateY(-90deg);
468
- transform: rotateY(-90deg);
469
- -webkit-transform-origin: 100% 50%;
470
- -moz-transform-origin: 100% 50%;
471
- -ms-transform-origin: 100% 50%;
472
- -o-transform-origin: 100% 50%;
473
- transform-origin: 100% 50%;
474
- }
475
-
476
- .eihe-hinge-left:hover > img {
477
- -webkit-transform: rotateY(90deg);
478
- -moz-transform: rotateY(90deg);
479
- -ms-transform: rotateY(90deg);
480
- -o-transform: rotateY(90deg);
481
- transform: rotateY(90deg);
482
- }
483
-
484
- .eihe-hinge-left:hover .eihe-caption {
485
- -webkit-transform: rotateY(0);
486
- -moz-transform: rotateY(0);
487
- -ms-transform: rotateY(0);
488
- -o-transform: rotateY(0);
489
- transform: rotateY(0);
490
- }
491
-
492
- /* eihe-hinge-right
493
- ----------------------------- */
494
- .eihe-hinge-right img {
495
- -webkit-transform-origin: 100% 50%;
496
- -moz-transform-origin: 100% 50%;
497
- -ms-transform-origin: 100% 50%;
498
- -o-transform-origin: 100% 50%;
499
- transform-origin: 100% 50%;
500
- }
501
-
502
- .eihe-hinge-right .eihe-caption {
503
- -webkit-transform: rotateY(90deg);
504
- -moz-transform: rotateY(90deg);
505
- -ms-transform: rotateY(90deg);
506
- -o-transform: rotateY(90deg);
507
- transform: rotateY(90deg);
508
- -webkit-transform-origin: 0 50%;
509
- -moz-transform-origin: 0 50%;
510
- -ms-transform-origin: 0 50%;
511
- -o-transform-origin: 0 50%;
512
- transform-origin: 0 50%;
513
- }
514
-
515
- .eihe-hinge-right:hover > img {
516
- -webkit-transform: rotateY(-90deg);
517
- -moz-transform: rotateY(-90deg);
518
- -ms-transform: rotateY(-90deg);
519
- -o-transform: rotateY(-90deg);
520
- transform: rotateY(-90deg);
521
- }
522
-
523
- .eihe-hinge-right:hover .eihe-caption {
524
- -webkit-transform: rotateY(0);
525
- -moz-transform: rotateY(0);
526
- -ms-transform: rotateY(0);
527
- -o-transform: rotateY(0);
528
- transform: rotateY(0);
529
- }
530
-
531
- /* eihe-flip-*
532
- ----------------------------- */
533
- [class^='eihe-flip-'], [class*=' eihe-flip-'] {
534
- -webkit-perspective: 50em;
535
- -moz-perspective: 50em;
536
- perspective: 50em;
537
- }
538
-
539
- [class^='eihe-flip-'] img, [class*=' eihe-flip-'] img {
540
- backface-visibility: hidden;
541
- }
542
-
543
- [class^='eihe-flip-'] .eihe-caption, [class*=' eihe-flip-'] .eihe-caption {
544
- opacity: 0;
545
- }
546
-
547
- [class^='eihe-flip-']:hover > img, [class*=' eihe-flip-']:hover > img {
548
- opacity: 0;
549
- }
550
-
551
- [class^='eihe-flip-']:hover .eihe-caption, [class*=' eihe-flip-']:hover .eihe-caption {
552
- opacity: 1;
553
- -webkit-transition-delay: 0.14s;
554
- -moz-transition-delay: 0.14s;
555
- transition-delay: 0.14s;
556
- }
557
-
558
- /* eihe-flip-horiz
559
- ----------------------------- */
560
- .eihe-flip-horiz .eihe-caption {
561
- -webkit-transform: rotateX(90deg);
562
- -moz-transform: rotateX(90deg);
563
- -ms-transform: rotateX(90deg);
564
- -o-transform: rotateX(90deg);
565
- transform: rotateX(90deg);
566
- -webkit-transform-origin: 0% 50%;
567
- -moz-transform-origin: 0% 50%;
568
- -ms-transform-origin: 0% 50%;
569
- -o-transform-origin: 0% 50%;
570
- transform-origin: 0% 50%;
571
- }
572
-
573
- .eihe-flip-horiz:hover img {
574
- -webkit-transform: rotateX(-180deg);
575
- -moz-transform: rotateX(-180deg);
576
- -ms-transform: rotateX(-180deg);
577
- -o-transform: rotateX(-180deg);
578
- transform: rotateX(-180deg);
579
- }
580
-
581
- .eihe-flip-horiz:hover .eihe-caption {
582
- -webkit-transform: rotateX(0deg);
583
- -moz-transform: rotateX(0deg);
584
- -ms-transform: rotateX(0deg);
585
- -o-transform: rotateX(0deg);
586
- transform: rotateX(0deg);
587
- }
588
-
589
- /* eihe-flip-vert
590
- ----------------------------- */
591
- .eihe-flip-vert .eihe-caption {
592
- -webkit-transform: rotateY(90deg);
593
- -moz-transform: rotateY(90deg);
594
- -ms-transform: rotateY(90deg);
595
- -o-transform: rotateY(90deg);
596
- transform: rotateY(90deg);
597
- -webkit-transform-origin: 50% 0%;
598
- -moz-transform-origin: 50% 0%;
599
- -ms-transform-origin: 50% 0%;
600
- -o-transform-origin: 50% 0%;
601
- transform-origin: 50% 0%;
602
- }
603
-
604
- .eihe-flip-vert:hover > img {
605
- -webkit-transform: rotateY(-180deg);
606
- -moz-transform: rotateY(-180deg);
607
- -ms-transform: rotateY(-180deg);
608
- -o-transform: rotateY(-180deg);
609
- transform: rotateY(-180deg);
610
- }
611
-
612
- .eihe-flip-vert:hover .eihe-caption {
613
- -webkit-transform: rotateY(0deg);
614
- -moz-transform: rotateY(0deg);
615
- -ms-transform: rotateY(0deg);
616
- -o-transform: rotateY(0deg);
617
- transform: rotateY(0deg);
618
- }
619
-
620
- /* eihe-flip-diag-1
621
- ----------------------------- */
622
- .eihe-flip-diag-1 .eihe-caption {
623
- -webkit-transform: rotate3d(1, -1, 0, 100deg);
624
- -moz-transform: rotate3d(1, -1, 0, 100deg);
625
- -ms-transform: rotate3d(1, -1, 0, 100deg);
626
- -o-transform: rotate3d(1, -1, 0, 100deg);
627
- transform: rotate3d(1, -1, 0, 100deg);
628
- }
629
-
630
- .eihe-flip-diag-1:hover > img {
631
- -webkit-transform: rotate3d(-1, 1, 0, 100deg);
632
- -moz-transform: rotate3d(-1, 1, 0, 100deg);
633
- -ms-transform: rotate3d(-1, 1, 0, 100deg);
634
- -o-transform: rotate3d(-1, 1, 0, 100deg);
635
- transform: rotate3d(-1, 1, 0, 100deg);
636
- }
637
-
638
- .eihe-flip-diag-1:hover .eihe-caption {
639
- -webkit-transform: rotate3d(0, 0, 0, 0deg);
640
- -moz-transform: rotate3d(0, 0, 0, 0deg);
641
- -ms-transform: rotate3d(0, 0, 0, 0deg);
642
- -o-transform: rotate3d(0, 0, 0, 0deg);
643
- transform: rotate3d(0, 0, 0, 0deg);
644
- }
645
-
646
- /* eihe-flip-diag-2
647
- ----------------------------- */
648
- .eihe-flip-diag-2 .eihe-caption {
649
- -webkit-transform: rotate3d(1, 1, 0, 100deg);
650
- -moz-transform: rotate3d(1, 1, 0, 100deg);
651
- -ms-transform: rotate3d(1, 1, 0, 100deg);
652
- -o-transform: rotate3d(1, 1, 0, 100deg);
653
- transform: rotate3d(1, 1, 0, 100deg);
654
- }
655
-
656
- .eihe-flip-diag-2:hover > img {
657
- -webkit-transform: rotate3d(-1, -1, 0, 100deg);
658
- -moz-transform: rotate3d(-1, -1, 0, 100deg);
659
- -ms-transform: rotate3d(-1, -1, 0, 100deg);
660
- -o-transform: rotate3d(-1, -1, 0, 100deg);
661
- transform: rotate3d(-1, -1, 0, 100deg);
662
- }
663
-
664
- .eihe-flip-diag-2:hover .eihe-caption {
665
- -webkit-transform: rotate3d(0, 0, 0, 0deg);
666
- -moz-transform: rotate3d(0, 0, 0, 0deg);
667
- -ms-transform: rotate3d(0, 0, 0, 0deg);
668
- -o-transform: rotate3d(0, 0, 0, 0deg);
669
- transform: rotate3d(0, 0, 0, 0deg);
670
- }
671
-
672
- /* eihe-shutter-out-*
673
- ----------------------------- */
674
- [class^='eihe-shutter-out-']:before, [class*=' eihe-shutter-out-']:before {
675
- position: absolute;
676
- content: '';
677
- -webkit-transition-delay: 0.105s;
678
- -moz-transition-delay: 0.105s;
679
- transition-delay: 0.105s;
680
- }
681
-
682
- [class^='eihe-shutter-out-'] .eihe-caption, [class*=' eihe-shutter-out-'] .eihe-caption {
683
- opacity: 0;
684
- -webkit-transition-delay: 0s;
685
- -moz-transition-delay: 0s;
686
- transition-delay: 0s;
687
- }
688
-
689
- [class^='eihe-shutter-out-']:hover:before, [class*=' eihe-shutter-out-']:hover:before {
690
- -webkit-transition-delay: 0s;
691
- -moz-transition-delay: 0s;
692
- transition-delay: 0s;
693
- }
694
-
695
- [class^='eihe-shutter-out-']:hover .eihe-caption, [class*=' eihe-shutter-out-']:hover .eihe-caption {
696
- opacity: 1;
697
- -webkit-transition-delay: 0.105s;
698
- -moz-transition-delay: 0.105s;
699
- transition-delay: 0.105s;
700
- }
701
-
702
- /* eihe-shutter-out-horiz
703
- ----------------------------- */
704
- .eihe-shutter-out-horiz:before {
705
- left: 50%;
706
- right: 50%;
707
- top: 0;
708
- bottom: 0;
709
- }
710
-
711
- .eihe-shutter-out-horiz:hover:before {
712
- left: 0;
713
- right: 0;
714
- }
715
-
716
- /* eihe-shutter-out-vert
717
- ----------------------------- */
718
- .eihe-shutter-out-vert:before {
719
- top: 50%;
720
- bottom: 50%;
721
- left: 0;
722
- right: 0;
723
- }
724
-
725
- .eihe-shutter-out-vert:hover:before {
726
- top: 0;
727
- bottom: 0;
728
- }
729
-
730
- /* eihe-shutter-out-diag-1
731
- ----------------------------- */
732
- .eihe-shutter-out-diag-1:before {
733
- top: 50%;
734
- bottom: 50%;
735
- left: -35%;
736
- right: -35%;
737
- -webkit-transform: rotate(45deg);
738
- -moz-transform: rotate(45deg);
739
- -ms-transform: rotate(45deg);
740
- -o-transform: rotate(45deg);
741
- transform: rotate(45deg);
742
- }
743
-
744
- .eihe-shutter-out-diag-1:hover:before {
745
- top: -35%;
746
- bottom: -35%;
747
- }
748
-
749
- /* eihe-shutter-out-diag-2
750
- ----------------------------- */
751
- .eihe-shutter-out-diag-2:before {
752
- top: 50%;
753
- bottom: 50%;
754
- left: -35%;
755
- right: -35%;
756
- -webkit-transform: rotate(-45deg);
757
- -moz-transform: rotate(-45deg);
758
- -ms-transform: rotate(-45deg);
759
- -o-transform: rotate(-45deg);
760
- transform: rotate(-45deg);
761
- }
762
-
763
- .eihe-shutter-out-diag-2:hover:before {
764
- top: -35%;
765
- bottom: -35%;
766
- }
767
-
768
- /* eihe-shutter-in-*
769
- ----------------------------- */
770
- [class^='eihe-shutter-in-']:after, [class^='eihe-shutter-in-']:before, [class*=' eihe-shutter-in-']:after, [class*=' eihe-shutter-in-']:before {
771
- position: absolute;
772
- content: '';
773
- }
774
-
775
- [class^='eihe-shutter-in-']:after, [class*=' eihe-shutter-in-']:after {
776
- top: 0;
777
- left: 0;
778
- }
779
-
780
- [class^='eihe-shutter-in-']:before, [class*=' eihe-shutter-in-']:before {
781
- right: 0;
782
- bottom: 0;
783
- }
784
-
785
- [class^='eihe-shutter-in-'] .eihe-caption, [class*=' eihe-shutter-in-'] .eihe-caption {
786
- opacity: 0;
787
- z-index: 1;
788
- }
789
-
790
- [class^='eihe-shutter-in-']:hover .eihe-caption, [class*=' eihe-shutter-in-']:hover .eihe-caption {
791
- opacity: 1;
792
- -webkit-transition-delay: 0.21s;
793
- -moz-transition-delay: 0.21s;
794
- transition-delay: 0.21s;
795
- }
796
-
797
- /* eihe-shutter-in-horiz
798
- ----------------------------- */
799
- .eihe-shutter-in-horiz:after, .eihe-shutter-in-horiz:before {
800
- width: 0;
801
- height: 100%;
802
- }
803
-
804
- .eihe-shutter-in-horiz:hover:after, .eihe-shutter-in-horiz:hover:before {
805
- width: 50%;
806
- }
807
-
808
- /* eihe-shutter-in-vert
809
- ----------------------------- */
810
- .eihe-shutter-in-vert:after, .eihe-shutter-in-vert:before {
811
- height: 0;
812
- width: 100%;
813
- }
814
-
815
- .eihe-shutter-in-vert:hover:after, .eihe-shutter-in-vert:hover:before {
816
- height: 50%;
817
- }
818
-
819
- /* eihe-shutter-in-out-horiz
820
- ----------------------------- */
821
- .eihe-shutter-in-out-horiz:after, .eihe-shutter-in-out-horiz:before {
822
- width: 0;
823
- height: 100%;
824
- opacity: 0.75;
825
- }
826
-
827
- .eihe-shutter-in-out-horiz:hover:after, .eihe-shutter-in-out-horiz:hover:before {
828
- width: 100%;
829
- }
830
-
831
- /* eihe-shutter-in-out-vert
832
- ----------------------------- */
833
- .eihe-shutter-in-out-vert:after, .eihe-shutter-in-out-vert:before {
834
- height: 0;
835
- width: 100%;
836
- opacity: 0.75;
837
- }
838
-
839
- .eihe-shutter-in-out-vert:hover:after, .eihe-shutter-in-out-vert:hover:before {
840
- height: 100%;
841
- }
842
-
843
- /* eihe-shutter-in-out-diag-1
844
- ----------------------------- */
845
- .eihe-shutter-in-out-diag-1:after, .eihe-shutter-in-out-diag-1:before {
846
- width: 200%;
847
- height: 200%;
848
- -webkit-transition: all 0.6s ease;
849
- -moz-transition: all 0.6s ease;
850
- transition: all 0.6s ease;
851
- opacity: 0.75;
852
- }
853
-
854
- .eihe-shutter-in-out-diag-1:after {
855
- -webkit-transform: skew(-45deg) translateX(-150%);
856
- -moz-transform: skew(-45deg) translateX(-150%);
857
- -ms-transform: skew(-45deg) translateX(-150%);
858
- -o-transform: skew(-45deg) translateX(-150%);
859
- transform: skew(-45deg) translateX(-150%);
860
- }
861
-
862
- .eihe-shutter-in-out-diag-1:before {
863
- -webkit-transform: skew(-45deg) translateX(150%);
864
- -moz-transform: skew(-45deg) translateX(150%);
865
- -ms-transform: skew(-45deg) translateX(150%);
866
- -o-transform: skew(-45deg) translateX(150%);
867
- transform: skew(-45deg) translateX(150%);
868
- }
869
-
870
- .eihe-shutter-in-out-diag-1:hover:after {
871
- -webkit-transform: skew(-45deg) translateX(-50%);
872
- -moz-transform: skew(-45deg) translateX(-50%);
873
- -ms-transform: skew(-45deg) translateX(-50%);
874
- -o-transform: skew(-45deg) translateX(-50%);
875
- transform: skew(-45deg) translateX(-50%);
876
- }
877
-
878
- .eihe-shutter-in-out-diag-1:hover:before {
879
- -webkit-transform: skew(-45deg) translateX(50%);
880
- -moz-transform: skew(-45deg) translateX(50%);
881
- -ms-transform: skew(-45deg) translateX(50%);
882
- -o-transform: skew(-45deg) translateX(50%);
883
- transform: skew(-45deg) translateX(50%);
884
- }
885
-
886
- /* eihe-shutter-in-out-diag-2
887
- ----------------------------- */
888
- .eihe-shutter-in-out-diag-2:after, .eihe-shutter-in-out-diag-2:before {
889
- width: 200%;
890
- height: 200%;
891
- -webkit-transition: all 0.6s ease;
892
- -moz-transition: all 0.6s ease;
893
- transition: all 0.6s ease;
894
- opacity: 0.75;
895
- }
896
-
897
- .eihe-shutter-in-out-diag-2:after {
898
- -webkit-transform: skew(45deg) translateX(-100%);
899
- -moz-transform: skew(45deg) translateX(-100%);
900
- -ms-transform: skew(45deg) translateX(-100%);
901
- -o-transform: skew(45deg) translateX(-100%);
902
- transform: skew(45deg) translateX(-100%);
903
- }
904
-
905
- .eihe-shutter-in-out-diag-2:before {
906
- -webkit-transform: skew(45deg) translateX(100%);
907
- -moz-transform: skew(45deg) translateX(100%);
908
- -ms-transform: skew(45deg) translateX(100%);
909
- -o-transform: skew(45deg) translateX(100%);
910
- transform: skew(45deg) translateX(100%);
911
- }
912
-
913
- .eihe-shutter-in-out-diag-2:hover:after {
914
- -webkit-transform: skew(45deg) translateX(0%);
915
- -moz-transform: skew(45deg) translateX(0%);
916
- -ms-transform: skew(45deg) translateX(0%);
917
- -o-transform: skew(45deg) translateX(0%);
918
- transform: skew(45deg) translateX(0%);
919
- }
920
-
921
- .eihe-shutter-in-out-diag-2:hover:before {
922
- -webkit-transform: skew(45deg) translateX(0%);
923
- -moz-transform: skew(45deg) translateX(0%);
924
- -ms-transform: skew(45deg) translateX(0%);
925
- -o-transform: skew(45deg) translateX(0%);
926
- transform: skew(45deg) translateX(0%);
927
- }
928
-
929
- /* eihe-fold*
930
- ----------------------------- */
931
- [class^='eihe-fold'], [class*=' eihe-fold'] {
932
- -webkit-perspective: 50em;
933
- -moz-perspective: 50em;
934
- perspective: 50em;
935
- }
936
-
937
- [class^='eihe-fold'] img, [class*=' eihe-fold'] img {
938
- -webkit-transform-origin: 50% 0%;
939
- -moz-transform-origin: 50% 0%;
940
- -ms-transform-origin: 50% 0%;
941
- -o-transform-origin: 50% 0%;
942
- transform-origin: 50% 0%;
943
- }
944
-
945
- [class^='eihe-fold'] .eihe-caption, [class*=' eihe-fold'] .eihe-caption {
946
- z-index: 1;
947
- opacity: 0;
948
- }
949
-
950
- [class^='eihe-fold']:hover > img, [class*=' eihe-fold']:hover > img {
951
- opacity: 0;
952
- -webkit-transition-delay: 0;
953
- -moz-transition-delay: 0;
954
- transition-delay: 0;
955
- }
956
-
957
- [class^='eihe-fold']:hover .eihe-caption, [class*=' eihe-fold']:hover .eihe-caption {
958
- -webkit-transform: rotateX(0) translate3d(0, 0%, 0) scale(1);
959
- -moz-transform: rotateX(0) translate3d(0, 0%, 0) scale(1);
960
- -ms-transform: rotateX(0) translate3d(0, 0%, 0) scale(1);
961
- -o-transform: rotateX(0) translate3d(0, 0%, 0) scale(1);
962
- transform: rotateX(0) translate3d(0, 0%, 0) scale(1);
963
- opacity: 1;
964
- -webkit-transition-delay: 0.21s;
965
- -moz-transition-delay: 0.21s;
966
- transition-delay: 0.21s;
967
- }
968
-
969
- /* eihe-fold-up
970
- ----------------------------- */
971
- .eihe-fold-up > img {
972
- -webkit-transform-origin: 50% 0%;
973
- -moz-transform-origin: 50% 0%;
974
- -ms-transform-origin: 50% 0%;
975
- -o-transform-origin: 50% 0%;
976
- transform-origin: 50% 0%;
977
- }
978
-
979
- .eihe-fold-up .eihe-caption {
980
- -webkit-transform: rotateX(-90deg) translate3d(0%, -50%, 0) scale(0.6);
981
- -moz-transform: rotateX(-90deg) translate3d(0%, -50%, 0) scale(0.6);
982
- -ms-transform: rotateX(-90deg) translate3d(0%, -50%, 0) scale(0.6);
983
- -o-transform: rotateX(-90deg) translate3d(0%, -50%, 0) scale(0.6);
984
- transform: rotateX(-90deg) translate3d(0%, -50%, 0) scale(0.6);
985
- -webkit-transform-origin: 50% 100%;
986
- -moz-transform-origin: 50% 100%;
987
- -ms-transform-origin: 50% 100%;
988
- -o-transform-origin: 50% 100%;
989
- transform-origin: 50% 100%;
990
- }
991
-
992
- .eihe-fold-up:hover > img {
993
- -webkit-transform: rotateX(90deg) scale(0.6) translateY(50%);
994
- -moz-transform: rotateX(90deg) scale(0.6) translateY(50%);
995
- -ms-transform: rotateX(90deg) scale(0.6) translateY(50%);
996
- -o-transform: rotateX(90deg) scale(0.6) translateY(50%);
997
- transform: rotateX(90deg) scale(0.6) translateY(50%);
998
- }
999
-
1000
- /* eihe-fold-down
1001
- ----------------------------- */
1002
- .eihe-fold-down > img {
1003
- -webkit-transform-origin: 50% 100%;
1004
- -moz-transform-origin: 50% 100%;
1005
- -ms-transform-origin: 50% 100%;
1006
- -o-transform-origin: 50% 100%;
1007
- transform-origin: 50% 100%;
1008
- }
1009
-
1010
- .eihe-fold-down .eihe-caption {
1011
- -webkit-transform: rotateX(90deg) translate3d(0%, 50%, 0) scale(0.6);
1012
- -moz-transform: rotateX(90deg) translate3d(0%, 50%, 0) scale(0.6);
1013
- -ms-transform: rotateX(90deg) translate3d(0%, 50%, 0) scale(0.6);
1014
- -o-transform: rotateX(90deg) translate3d(0%, 50%, 0) scale(0.6);
1015
- transform: rotateX(90deg) translate3d(0%, 50%, 0) scale(0.6);
1016
- -webkit-transform-origin: 50% 0%;
1017
- -moz-transform-origin: 50% 0%;
1018
- -ms-transform-origin: 50% 0%;
1019
- -o-transform-origin: 50% 0%;
1020
- transform-origin: 50% 0%;
1021
- }
1022
-
1023
- .eihe-fold-down:hover > img {
1024
- -webkit-transform: rotateX(-90deg) scale(0.6) translateY(-50%);
1025
- -moz-transform: rotateX(-90deg) scale(0.6) translateY(-50%);
1026
- -ms-transform: rotateX(-90deg) scale(0.6) translateY(-50%);
1027
- -o-transform: rotateX(-90deg) scale(0.6) translateY(-50%);
1028
- transform: rotateX(-90deg) scale(0.6) translateY(-50%);
1029
- }
1030
-
1031
- /* eihe-fold-left
1032
- ----------------------------- */
1033
- .eihe-fold-left > img {
1034
- -webkit-transform-origin: 0% 50%;
1035
- -moz-transform-origin: 0% 50%;
1036
- -ms-transform-origin: 0% 50%;
1037
- -o-transform-origin: 0% 50%;
1038
- transform-origin: 0% 50%;
1039
- }
1040
-
1041
- .eihe-fold-left .eihe-caption {
1042
- -webkit-transform: rotateY(90deg) translate3d(-50%, 0%, 0) scale(0.6);
1043
- -moz-transform: rotateY(90deg) translate3d(-50%, 0%, 0) scale(0.6);
1044
- -ms-transform: rotateY(90deg) translate3d(-50%, 0%, 0) scale(0.6);
1045
- -o-transform: rotateY(90deg) translate3d(-50%, 0%, 0) scale(0.6);
1046
- transform: rotateY(90deg) translate3d(-50%, 0%, 0) scale(0.6);
1047
- -webkit-transform-origin: 100% 50%;
1048
- -moz-transform-origin: 100% 50%;
1049
- -ms-transform-origin: 100% 50%;
1050
- -o-transform-origin: 100% 50%;
1051
- transform-origin: 100% 50%;
1052
- }
1053
-
1054
- .eihe-fold-left:hover > img {
1055
- -webkit-transform: rotateY(-90deg) scale(0.6) translateX(50%);
1056
- -moz-transform: rotateY(-90deg) scale(0.6) translateX(50%);
1057
- -ms-transform: rotateY(-90deg) scale(0.6) translateX(50%);
1058
- -o-transform: rotateY(-90deg) scale(0.6) translateX(50%);
1059
- transform: rotateY(-90deg) scale(0.6) translateX(50%);
1060
- }
1061
-
1062
- /* eihe-fold-right
1063
- ----------------------------- */
1064
- .eihe-fold-right > img {
1065
- -webkit-transform-origin: 100% 50%;
1066
- -moz-transform-origin: 100% 50%;
1067
- -ms-transform-origin: 100% 50%;
1068
- -o-transform-origin: 100% 50%;
1069
- transform-origin: 100% 50%;
1070
- }
1071
-
1072
- .eihe-fold-right .eihe-caption {
1073
- -webkit-transform: rotateY(-90deg) translate3d(50%, 0%, 0) scale(0.6);
1074
- -moz-transform: rotateY(-90deg) translate3d(50%, 0%, 0) scale(0.6);
1075
- -ms-transform: rotateY(-90deg) translate3d(50%, 0%, 0) scale(0.6);
1076
- -o-transform: rotateY(-90deg) translate3d(50%, 0%, 0) scale(0.6);
1077
- transform: rotateY(-90deg) translate3d(50%, 0%, 0) scale(0.6);
1078
- -webkit-transform-origin: 0 50%;
1079
- -moz-transform-origin: 0 50%;
1080
- -ms-transform-origin: 0 50%;
1081
- -o-transform-origin: 0 50%;
1082
- transform-origin: 0 50%;
1083
- }
1084
-
1085
- .eihe-fold-right:hover > img {
1086
- -webkit-transform: rotateY(90deg) scale(0.6) translateX(-50%);
1087
- -moz-transform: rotateY(90deg) scale(0.6) translateX(-50%);
1088
- -ms-transform: rotateY(90deg) scale(0.6) translateX(-50%);
1089
- -o-transform: rotateY(90deg) scale(0.6) translateX(-50%);
1090
- transform: rotateY(90deg) scale(0.6) translateX(-50%);
1091
- }
1092
-
1093
- /* eihe-zoom-in
1094
- ----------------------------- */
1095
- .eihe-zoom-in .eihe-caption {
1096
- opacity: 0;
1097
- -webkit-transform: scale(0.5);
1098
- -moz-transform: scale(0.5);
1099
- -ms-transform: scale(0.5);
1100
- -o-transform: scale(0.5);
1101
- transform: scale(0.5);
1102
- }
1103
-
1104
- .eihe-zoom-in:hover .eihe-caption {
1105
- -webkit-transform: scale(1);
1106
- -moz-transform: scale(1);
1107
- -ms-transform: scale(1);
1108
- -o-transform: scale(1);
1109
- transform: scale(1);
1110
- opacity: 1;
1111
- }
1112
-
1113
- /* eihe-zoom-out*
1114
- ----------------------------- */
1115
- [class^='eihe-zoom-out'] .eihe-caption, [class*=' eihe-zoom-out'] .eihe-caption {
1116
- -webkit-transform: scale(0.5);
1117
- -moz-transform: scale(0.5);
1118
- -ms-transform: scale(0.5);
1119
- -o-transform: scale(0.5);
1120
- transform: scale(0.5);
1121
- -webkit-transform-origin: 50% 50%;
1122
- -moz-transform-origin: 50% 50%;
1123
- -ms-transform-origin: 50% 50%;
1124
- -o-transform-origin: 50% 50%;
1125
- transform-origin: 50% 50%;
1126
- opacity: 0;
1127
- }
1128
-
1129
- [class^='eihe-zoom-out']:hover .eihe-caption, [class^='eihe-zoom-out'].hover .eihe-caption, [class*=' eihe-zoom-out']:hover .eihe-caption, [class*=' eihe-zoom-out'].hover .eihe-caption {
1130
- -webkit-transform: scale(1);
1131
- -moz-transform: scale(1);
1132
- -ms-transform: scale(1);
1133
- -o-transform: scale(1);
1134
- transform: scale(1);
1135
- opacity: 1;
1136
- -webkit-transition-delay: 0.35s;
1137
- -moz-transition-delay: 0.35s;
1138
- transition-delay: 0.35s;
1139
- }
1140
-
1141
- /* eihe-zoom-out
1142
- ----------------------------- */
1143
- .eihe-zoom-out:hover > img {
1144
- -webkit-transform: scale(0.5);
1145
- -moz-transform: scale(0.5);
1146
- -ms-transform: scale(0.5);
1147
- -o-transform: scale(0.5);
1148
- transform: scale(0.5);
1149
- opacity: 0;
1150
- }
1151
-
1152
- /* eihe-zoom-out-up
1153
- ----------------------------- */
1154
- .eihe-zoom-out-up:hover > img, .eihe-zoom-out-up.hover > img {
1155
- -webkit-animation: eihe-zoom-out-up 0.4025s linear;
1156
- -moz-animation: eihe-zoom-out-up 0.4025s linear;
1157
- animation: eihe-zoom-out-up 0.4025s linear;
1158
- -webkit-animation-iteration-count: 1;
1159
- -moz-animation-iteration-count: 1;
1160
- animation-iteration-count: 1;
1161
- -webkit-animation-fill-mode: forwards;
1162
- -moz-animation-fill-mode: forwards;
1163
- animation-fill-mode: forwards;
1164
- }
1165
-
1166
- @-webkit-keyframes eihe-zoom-out-up {
1167
- 50% {
1168
- -webkit-transform: scale(0.8) translateY(0%);
1169
- -moz-transform: scale(0.8) translateY(0%);
1170
- -ms-transform: scale(0.8) translateY(0%);
1171
- -o-transform: scale(0.8) translateY(0%);
1172
- transform: scale(0.8) translateY(0%);
1173
- opacity: 0.5;
1174
- }
1175
- 100% {
1176
- -webkit-transform: scale(0.8) translateY(-150%);
1177
- -moz-transform: scale(0.8) translateY(-150%);
1178
- -ms-transform: scale(0.8) translateY(-150%);
1179
- -o-transform: scale(0.8) translateY(-150%);
1180
- transform: scale(0.8) translateY(-150%);
1181
- opacity: 0.5;
1182
- }
1183
- }
1184
-
1185
- @keyframes eihe-zoom-out-up {
1186
- 50% {
1187
- -webkit-transform: scale(0.8) translateY(0%);
1188
- -moz-transform: scale(0.8) translateY(0%);
1189
- -ms-transform: scale(0.8) translateY(0%);
1190
- -o-transform: scale(0.8) translateY(0%);
1191
- transform: scale(0.8) translateY(0%);
1192
- opacity: 0.5;
1193
- }
1194
- 100% {
1195
- -webkit-transform: scale(0.8) translateY(-150%);
1196
- -moz-transform: scale(0.8) translateY(-150%);
1197
- -ms-transform: scale(0.8) translateY(-150%);
1198
- -o-transform: scale(0.8) translateY(-150%);
1199
- transform: scale(0.8) translateY(-150%);
1200
- opacity: 0.5;
1201
- }
1202
- }
1203
-
1204
- /* eihe-zoom-out-down
1205
- ----------------------------- */
1206
- .eihe-zoom-out-down:hover > img, .eihe-zoom-out-down.hover > img {
1207
- -webkit-animation: eihe-zoom-out-down 0.4025s linear;
1208
- -moz-animation: eihe-zoom-out-down 0.4025s linear;
1209
- animation: eihe-zoom-out-down 0.4025s linear;
1210
- -webkit-animation-iteration-count: 1;
1211
- -moz-animation-iteration-count: 1;
1212
- animation-iteration-count: 1;
1213
- -webkit-animation-fill-mode: forwards;
1214
- -moz-animation-fill-mode: forwards;
1215
- animation-fill-mode: forwards;
1216
- }
1217
-
1218
- @-webkit-keyframes eihe-zoom-out-down {
1219
- 50% {
1220
- -webkit-transform: scale(0.8) translateY(0%);
1221
- -moz-transform: scale(0.8) translateY(0%);
1222
- -ms-transform: scale(0.8) translateY(0%);
1223
- -o-transform: scale(0.8) translateY(0%);
1224
- transform: scale(0.8) translateY(0%);
1225
- opacity: 0.5;
1226
- }
1227
- 100% {
1228
- -webkit-transform: scale(0.8) translateY(150%);
1229
- -moz-transform: scale(0.8) translateY(150%);
1230
- -ms-transform: scale(0.8) translateY(150%);
1231
- -o-transform: scale(0.8) translateY(150%);
1232
- transform: scale(0.8) translateY(150%);
1233
- opacity: 0.5;
1234
- }
1235
- }
1236
-
1237
- @keyframes eihe-zoom-out-down {
1238
- 50% {
1239
- -webkit-transform: scale(0.8) translateY(0%);
1240
- -moz-transform: scale(0.8) translateY(0%);
1241
- -ms-transform: scale(0.8) translateY(0%);
1242
- -o-transform: scale(0.8) translateY(0%);
1243
- transform: scale(0.8) translateY(0%);
1244
- opacity: 0.5;
1245
- }
1246
- 100% {
1247
- -webkit-transform: scale(0.8) translateY(150%);
1248
- -moz-transform: scale(0.8) translateY(150%);
1249
- -ms-transform: scale(0.8) translateY(150%);
1250
- -o-transform: scale(0.8) translateY(150%);
1251
- transform: scale(0.8) translateY(150%);
1252
- opacity: 0.5;
1253
- }
1254
- }
1255
-
1256
- /* eihe-zoom-out-left
1257
- ----------------------------- */
1258
- .eihe-zoom-out-left:hover > img, .eihe-zoom-out-left.hover > img {
1259
- -webkit-animation: eihe-zoom-out-left 0.4025s linear;
1260
- -moz-animation: eihe-zoom-out-left 0.4025s linear;
1261
- animation: eihe-zoom-out-left 0.4025s linear;
1262
- -webkit-animation-iteration-count: 1;
1263
- -moz-animation-iteration-count: 1;
1264
- animation-iteration-count: 1;
1265
- -webkit-animation-fill-mode: forwards;
1266
- -moz-animation-fill-mode: forwards;
1267
- animation-fill-mode: forwards;
1268
- }
1269
-
1270
- @-webkit-keyframes eihe-zoom-out-left {
1271
- 50% {
1272
- -webkit-transform: scale(0.8) translateX(0%);
1273
- -moz-transform: scale(0.8) translateX(0%);
1274
- -ms-transform: scale(0.8) translateX(0%);
1275
- -o-transform: scale(0.8) translateX(0%);
1276
- transform: scale(0.8) translateX(0%);
1277
- opacity: 0.5;
1278
- }
1279
- 100% {
1280
- -webkit-transform: scale(0.8) translateX(-150%);
1281
- -moz-transform: scale(0.8) translateX(-150%);
1282
- -ms-transform: scale(0.8) translateX(-150%);
1283
- -o-transform: scale(0.8) translateX(-150%);
1284
- transform: scale(0.8) translateX(-150%);
1285
- opacity: 0.5;
1286
- }
1287
- }
1288
-
1289
- @keyframes eihe-zoom-out-left {
1290
- 50% {
1291
- -webkit-transform: scale(0.8) translateX(0%);
1292
- -moz-transform: scale(0.8) translateX(0%);
1293
- -ms-transform: scale(0.8) translateX(0%);
1294
- -o-transform: scale(0.8) translateX(0%);
1295
- transform: scale(0.8) translateX(0%);
1296
- opacity: 0.5;
1297
- }
1298
- 100% {
1299
- -webkit-transform: scale(0.8) translateX(-150%);
1300
- -moz-transform: scale(0.8) translateX(-150%);
1301
- -ms-transform: scale(0.8) translateX(-150%);
1302
- -o-transform: scale(0.8) translateX(-150%);
1303
- transform: scale(0.8) translateX(-150%);
1304
- opacity: 0.5;
1305
- }
1306
- }
1307
-
1308
- /* eihe-zoom-out-right
1309
- ----------------------------- */
1310
- .eihe-zoom-out-right:hover > img, .eihe-zoom-out-right.hover > img {
1311
- -webkit-animation: eihe-zoom-out-right 0.4025s linear;
1312
- -moz-animation: eihe-zoom-out-right 0.4025s linear;
1313
- animation: eihe-zoom-out-right 0.4025s linear;
1314
- -webkit-animation-iteration-count: 1;
1315
- -moz-animation-iteration-count: 1;
1316
- animation-iteration-count: 1;
1317
- -webkit-animation-fill-mode: forwards;
1318
- -moz-animation-fill-mode: forwards;
1319
- animation-fill-mode: forwards;
1320
- }
1321
-
1322
- @-webkit-keyframes eihe-zoom-out-right {
1323
- 50% {
1324
- -webkit-transform: scale(0.8) translateX(0%);
1325
- -moz-transform: scale(0.8) translateX(0%);
1326
- -ms-transform: scale(0.8) translateX(0%);
1327
- -o-transform: scale(0.8) translateX(0%);
1328
- transform: scale(0.8) translateX(0%);
1329
- opacity: 0.5;
1330
- }
1331
- 100% {
1332
- -webkit-transform: scale(0.8) translateX(150%);
1333
- -moz-transform: scale(0.8) translateX(150%);
1334
- -ms-transform: scale(0.8) translateX(150%);
1335
- -o-transform: scale(0.8) translateX(150%);
1336
- transform: scale(0.8) translateX(150%);
1337
- opacity: 0.5;
1338
- }
1339
- }
1340
-
1341
- @keyframes eihe-zoom-out-right {
1342
- 50% {
1343
- -webkit-transform: scale(0.8) translateX(0%);
1344
- -moz-transform: scale(0.8) translateX(0%);
1345
- -ms-transform: scale(0.8) translateX(0%);
1346
- -o-transform: scale(0.8) translateX(0%);
1347
- transform: scale(0.8) translateX(0%);
1348
- opacity: 0.5;
1349
- }
1350
- 100% {
1351
- -webkit-transform: scale(0.8) translateX(150%);
1352
- -moz-transform: scale(0.8) translateX(150%);
1353
- -ms-transform: scale(0.8) translateX(150%);
1354
- -o-transform: scale(0.8) translateX(150%);
1355
- transform: scale(0.8) translateX(150%);
1356
- opacity: 0.5;
1357
- }
1358
- }
1359
-
1360
- /* eihe-zoom-out-flip-horiz
1361
- ----------------------------- */
1362
- .eihe-zoom-out-flip-horiz {
1363
- -webkit-perspective: 50em;
1364
- -moz-perspective: 50em;
1365
- perspective: 50em;
1366
- }
1367
-
1368
- .eihe-zoom-out-flip-horiz .eihe-caption {
1369
- opacity: 0;
1370
- -webkit-transform: rotateX(90deg) translateY(-100%) scale(0.5);
1371
- -moz-transform: rotateX(90deg) translateY(-100%) scale(0.5);
1372
- -ms-transform: rotateX(90deg) translateY(-100%) scale(0.5);
1373
- -o-transform: rotateX(90deg) translateY(-100%) scale(0.5);
1374
- transform: rotateX(90deg) translateY(-100%) scale(0.5);
1375
- }
1376
-
1377
- .eihe-zoom-out-flip-horiz:hover > img, .eihe-zoom-out-flip-horiz.hover > img {
1378
- -webkit-transform: rotateX(-100deg) translateY(50%) scale(0.5);
1379
- -moz-transform: rotateX(-100deg) translateY(50%) scale(0.5);
1380
- -ms-transform: rotateX(-100deg) translateY(50%) scale(0.5);
1381
- -o-transform: rotateX(-100deg) translateY(50%) scale(0.5);
1382
- transform: rotateX(-100deg) translateY(50%) scale(0.5);
1383
- opacity: 0;
1384
- -webkit-transition-delay: 0;
1385
- -moz-transition-delay: 0;
1386
- transition-delay: 0;
1387
- }
1388
-
1389
- .eihe-zoom-out-flip-horiz:hover .eihe-caption, .eihe-zoom-out-flip-horiz.hover .eihe-caption {
1390
- -webkit-transform: rotateX(0) translateY(0%) scale(1);
1391
- -moz-transform: rotateX(0) translateY(0%) scale(1);
1392
- -ms-transform: rotateX(0) translateY(0%) scale(1);
1393
- -o-transform: rotateX(0) translateY(0%) scale(1);
1394
- transform: rotateX(0) translateY(0%) scale(1);
1395
- opacity: 1;
1396
- -webkit-transition-delay: 0.35s;
1397
- -moz-transition-delay: 0.35s;
1398
- transition-delay: 0.35s;
1399
- }
1400
-
1401
- /* eihe-zoom-out-flip-vert
1402
- ----------------------------- */
1403
- .eihe-zoom-out-flip-vert {
1404
- -webkit-perspective: 50em;
1405
- -moz-perspective: 50em;
1406
- perspective: 50em;
1407
- }
1408
-
1409
- .eihe-zoom-out-flip-vert .eihe-caption {
1410
- opacity: 0;
1411
- -webkit-transform: rotateY(90deg) translate(50%, 0) scale(0.5);
1412
- -moz-transform: rotateY(90deg) translate(50%, 0) scale(0.5);
1413
- -ms-transform: rotateY(90deg) translate(50%, 0) scale(0.5);
1414
- -o-transform: rotateY(90deg) translate(50%, 0) scale(0.5);
1415
- transform: rotateY(90deg) translate(50%, 0) scale(0.5);
1416
- }
1417
-
1418
- .eihe-zoom-out-flip-vert:hover > img, .eihe-zoom-out-flip-vert.hover > img {
1419
- -webkit-transform: rotateY(-100deg) translateX(50%) scale(0.5);
1420
- -moz-transform: rotateY(-100deg) translateX(50%) scale(0.5);
1421
- -ms-transform: rotateY(-100deg) translateX(50%) scale(0.5);
1422
- -o-transform: rotateY(-100deg) translateX(50%) scale(0.5);
1423
- transform: rotateY(-100deg) translateX(50%) scale(0.5);
1424
- opacity: 0;
1425
- -webkit-transition-delay: 0;
1426
- -moz-transition-delay: 0;
1427
- transition-delay: 0;
1428
- }
1429
-
1430
- .eihe-zoom-out-flip-vert:hover .eihe-caption, .eihe-zoom-out-flip-vert.hover .eihe-caption {
1431
- -webkit-transform: rotateY(0) translate(0, 0) scale(1);
1432
- -moz-transform: rotateY(0) translate(0, 0) scale(1);
1433
- -ms-transform: rotateY(0) translate(0, 0) scale(1);
1434
- -o-transform: rotateY(0) translate(0, 0) scale(1);
1435
- transform: rotateY(0) translate(0, 0) scale(1);
1436
- opacity: 1;
1437
- -webkit-transition-delay: 0.35s;
1438
- -moz-transition-delay: 0.35s;
1439
- transition-delay: 0.35s;
1440
- }
1441
-
1442
- /* eihe-blur
1443
- ----------------------------- */
1444
- .eihe-blur .eihe-caption {
1445
- opacity: 0;
1446
- }
1447
-
1448
- .eihe-blur:hover > img {
1449
- -webkit-filter: blur(30px);
1450
- filter: blur(30px);
1451
- -webkit-transform: scale(1.2);
1452
- -moz-transform: scale(1.2);
1453
- -ms-transform: scale(1.2);
1454
- -o-transform: scale(1.2);
1455
- transform: scale(1.2);
1456
- opacity: 0;
1457
- }
1458
-
1459
- .eihe-blur:hover .eihe-caption {
1460
- opacity: 1;
1461
- -webkit-transition-delay: 0.21s;
1462
- -moz-transition-delay: 0.21s;
1463
- transition-delay: 0.21s;
 
 
 
 
 
 
 
 
1464
  }
1
+ .eihe-icon {
2
+ display: flex;
3
+ align-items: center;
4
+ }
5
+ .eihe-icon svg {
6
+ width: 100%;
7
+ fill: currentColor;
8
+ }
9
+ .elementor-element.elementor-widget-e_image_hover_effects .eihe-box {
10
+ position: relative;
11
+ display: block;
12
+ overflow: hidden;
13
+ backface-visibility: hidden;
14
+ -webkit-backface-visibility: hidden;
15
+ transform: translateZ(0);
16
+ -o-transform: translateZ(0);
17
+ -ms-transform: translateZ(0);
18
+ -moz-transform: translateZ(0);
19
+ -webkit-transform: translateZ(0);
20
+ -moz-osx-font-smoothing: grayscale;
21
+ }
22
+
23
+ .elementor-element.elementor-widget-e_image_hover_effects .eihe-box.eihe_flex-start .eihe-caption > * {
24
+ text-align: left;
25
+ }
26
+ .elementor-element.elementor-widget-e_image_hover_effects .eihe-box.eihe_center .eihe-caption > * {
27
+ text-align: center;
28
+ }
29
+ .elementor-element.elementor-widget-e_image_hover_effects .eihe-box.eihe_flex-end .eihe-caption > * {
30
+ text-align: right;
31
+ }
32
+
33
+ .elementor-element.elementor-widget-e_image_hover_effects .eihe-box img {
34
+ position: relative;
35
+ width: 100%;
36
+ vertical-align: middle;
37
+ }
38
+
39
+ .elementor-element.elementor-widget-e_image_hover_effects .eihe-box .eihe-caption {
40
+ display: flex;
41
+ align-items: center;
42
+ justify-content: center;
43
+ flex-direction: column;
44
+ position: absolute;
45
+ top: 0;
46
+ bottom: 0;
47
+ left: 0;
48
+ right: 0;
49
+ margin: auto;
50
+ color: #fff;
51
+ z-index: 2;
52
+ }
53
+
54
+ .elementor-element.elementor-widget-e_image_hover_effects .eihe-box .eihe-caption .eihe-title-cover {
55
+ display: flex;
56
+ align-items: center;
57
+ flex-direction: row;
58
+ margin-bottom: 10px;
59
+ }
60
+
61
+ .elementor-element.elementor-widget-e_image_hover_effects .eihe-box .eihe-caption .eihe-title-cover .eihe-title {
62
+ font-family: 'arial',sans-serif;
63
+ font-size: 40px;
64
+ margin: 0 !important;
65
+ padding: 0 !important;
66
+ color: white;
67
+ }
68
+
69
+ .elementor-element.elementor-widget-e_image_hover_effects .eihe-box .eihe-caption .eihe-title-cover i {
70
+ margin-top: 0 !important;
71
+ margin-bottom: 0 !important;
72
+ padding: 0 !important;
73
+ }
74
+
75
+ .elementor-element.elementor-widget-e_image_hover_effects .eihe-box .eihe-caption p {
76
+ font-family: 'arial',sans-serif;
77
+ font-size: 16px;
78
+ margin: 0 !important;
79
+ padding: 0 !important;
80
+ color: white;
81
+ }
82
+
83
+ .elementor-element.elementor-widget-e_image_hover_effects .eihe-box,
84
+ .elementor-element.elementor-widget-e_image_hover_effects .eihe-box:before,
85
+ .elementor-element.elementor-widget-e_image_hover_effects .eihe-box:after,
86
+ .elementor-element.elementor-widget-e_image_hover_effects .eihe-box *,
87
+ .elementor-element.elementor-widget-e_image_hover_effects .eihe-box *:before,
88
+ .elementor-element.elementor-widget-e_image_hover_effects .eihe-box *:after {
89
+ box-sizing: border-box;
90
+ -webkit-transition: all 0.5s ease;
91
+ -moz-transition: all 0.5s ease;
92
+ transition: all 0.5s ease;
93
+ }
94
+ .elementor-element.elementor-widget-e_image_hover_effects .eihe-box:before {
95
+ z-index: 1;
96
+ }
97
+
98
+ /* eihe-fade-*
99
+ ----------------------------- */
100
+ [class^='eihe-fade'] .eihe-caption, [class*=' eihe-fade'] .eihe-caption {
101
+ opacity: 0;
102
+ }
103
+
104
+ [class^='eihe-fade']:hover .eihe-caption, [class*=' eihe-fade']:hover .eihe-caption {
105
+ opacity: 1;
106
+ }
107
+
108
+ [class^='eihe-fade']:hover > img, [class^='eihe-fade']:hover .eihe-caption, [class*=' eihe-fade']:hover > img, [class*=' eihe-fade']:hover .eihe-caption {
109
+ -webkit-transform: translate(0, 0);
110
+ -moz-transform: translate(0, 0);
111
+ -ms-transform: translate(0, 0);
112
+ -o-transform: translate(0, 0);
113
+ transform: translate(0, 0);
114
+ }
115
+
116
+ /* eihe-fade-in-up
117
+ ----------------------------- */
118
+ .eihe-fade-in-up .eihe-caption {
119
+ -webkit-transform: translate(0, 15%);
120
+ -moz-transform: translate(0, 15%);
121
+ -ms-transform: translate(0, 15%);
122
+ -o-transform: translate(0, 15%);
123
+ transform: translate(0, 15%);
124
+ }
125
+
126
+ /* eihe-fade-in-down
127
+ ----------------------------- */
128
+ .eihe-fade-in-down .eihe-caption {
129
+ -webkit-transform: translate(0, -15%);
130
+ -moz-transform: translate(0, -15%);
131
+ -ms-transform: translate(0, -15%);
132
+ -o-transform: translate(0, -15%);
133
+ transform: translate(0, -15%);
134
+ }
135
+
136
+ /* eihe-fade-in-left
137
+ ----------------------------- */
138
+ .eihe-fade-in-left .eihe-caption {
139
+ -webkit-transform: translate(-15%, 0);
140
+ -moz-transform: translate(-15%, 0);
141
+ -ms-transform: translate(-15%, 0);
142
+ -o-transform: translate(-15%, 0);
143
+ transform: translate(-15%, 0);
144
+ }
145
+
146
+ /* eihe-fade-in-right
147
+ ----------------------------- */
148
+ .eihe-fade-in-right .eihe-caption {
149
+ -webkit-transform: translate(15%, 0);
150
+ -moz-transform: translate(15%, 0);
151
+ -ms-transform: translate(15%, 0);
152
+ -o-transform: translate(15%, 0);
153
+ transform: translate(15%, 0);
154
+ }
155
+
156
+ /* eihe-push-*
157
+ ----------------------------- */
158
+ [class^='eihe-push-']:hover .eihe-caption, [class*=' eihe-push-']:hover .eihe-caption {
159
+ -webkit-transform: translate(0, 0);
160
+ -moz-transform: translate(0, 0);
161
+ -ms-transform: translate(0, 0);
162
+ -o-transform: translate(0, 0);
163
+ transform: translate(0, 0);
164
+ }
165
+
166
+ /* eihe-push-up
167
+ ----------------------------- */
168
+ .eihe-push-up .eihe-caption {
169
+ -webkit-transform: translateY(100%);
170
+ -moz-transform: translateY(100%);
171
+ -ms-transform: translateY(100%);
172
+ -o-transform: translateY(100%);
173
+ transform: translateY(100%);
174
+ }
175
+
176
+ .eihe-push-up:hover > img {
177
+ -webkit-transform: translateY(-100%);
178
+ -moz-transform: translateY(-100%);
179
+ -ms-transform: translateY(-100%);
180
+ -o-transform: translateY(-100%);
181
+ transform: translateY(-100%);
182
+ }
183
+
184
+ /* eihe-push-down
185
+ ----------------------------- */
186
+ .eihe-push-down .eihe-caption {
187
+ -webkit-transform: translateY(-100%);
188
+ -moz-transform: translateY(-100%);
189
+ -ms-transform: translateY(-100%);
190
+ -o-transform: translateY(-100%);
191
+ transform: translateY(-100%);
192
+ }
193
+
194
+ .eihe-push-down:hover > img {
195
+ -webkit-transform: translateY(100%);
196
+ -moz-transform: translateY(100%);
197
+ -ms-transform: translateY(100%);
198
+ -o-transform: translateY(100%);
199
+ transform: translateY(100%);
200
+ }
201
+
202
+ /* eihe-push-left
203
+ ----------------------------- */
204
+ .eihe-push-left .eihe-caption {
205
+ -webkit-transform: translateX(100%);
206
+ -moz-transform: translateX(100%);
207
+ -ms-transform: translateX(100%);
208
+ -o-transform: translateX(100%);
209
+ transform: translateX(100%);
210
+ }
211
+
212
+ .eihe-push-left:hover > img {
213
+ -webkit-transform: translateX(-100%);
214
+ -moz-transform: translateX(-100%);
215
+ -ms-transform: translateX(-100%);
216
+ -o-transform: translateX(-100%);
217
+ transform: translateX(-100%);
218
+ }
219
+
220
+ /* eihe-push--right
221
+ ----------------------------- */
222
+ .eihe-push-right .eihe-caption {
223
+ -webkit-transform: translateX(-100%);
224
+ -moz-transform: translateX(-100%);
225
+ -ms-transform: translateX(-100%);
226
+ -o-transform: translateX(-100%);
227
+ transform: translateX(-100%);
228
+ }
229
+
230
+ .eihe-push-right:hover > img {
231
+ -webkit-transform: translateX(100%);
232
+ -moz-transform: translateX(100%);
233
+ -ms-transform: translateX(100%);
234
+ -o-transform: translateX(100%);
235
+ transform: translateX(100%);
236
+ }
237
+
238
+ /* eihe-slide-*
239
+ ----------------------------- */
240
+ [class^='eihe-slide-']:hover .eihe-caption, [class*=' eihe-slide-']:hover .eihe-caption {
241
+ -webkit-transform: translate(0, 0);
242
+ -moz-transform: translate(0, 0);
243
+ -ms-transform: translate(0, 0);
244
+ -o-transform: translate(0, 0);
245
+ transform: translate(0, 0);
246
+ }
247
+
248
+ /* eihe-slide-up
249
+ ----------------------------- */
250
+ .eihe-slide-up .eihe-caption {
251
+ -webkit-transform: translateY(100%);
252
+ -moz-transform: translateY(100%);
253
+ -ms-transform: translateY(100%);
254
+ -o-transform: translateY(100%);
255
+ transform: translateY(100%);
256
+ }
257
+
258
+ /* eihe-slide-down
259
+ ----------------------------- */
260
+ .eihe-slide-down .eihe-caption {
261
+ -webkit-transform: translateY(-100%);
262
+ -moz-transform: translateY(-100%);
263
+ -ms-transform: translateY(-100%);
264
+ -o-transform: translateY(-100%);
265
+ transform: translateY(-100%);
266
+ }
267
+
268
+ /* eihe-slide-left
269
+ ----------------------------- */
270
+ .eihe-slide-left .eihe-caption {
271
+ -webkit-transform: translateX(100%);
272
+ -moz-transform: translateX(100%);
273
+ -ms-transform: translateX(100%);
274
+ -o-transform: translateX(100%);
275
+ transform: translateX(100%);
276
+ }
277
+
278
+ /* eihe-slide-right
279
+ ----------------------------- */
280
+ .eihe-slide-right .eihe-caption {
281
+ -webkit-transform: translateX(-100%);
282
+ -moz-transform: translateX(-100%);
283
+ -ms-transform: translateX(-100%);
284
+ -o-transform: translateX(-100%);
285
+ transform: translateX(-100%);
286
+ }
287
+
288
+ /* eihe-reveal-*
289
+ ----------------------------- */
290
+ [class^='eihe-reveal-']:before, [class*=' eihe-reveal-']:before {
291
+ position: absolute;
292
+ top: 0;
293
+ bottom: 0;
294
+ left: 0;
295
+ right: 0;
296
+ content: '';
297
+ }
298
+
299
+ [class^='eihe-reveal-'] .eihe-caption, [class*=' eihe-reveal-'] .eihe-caption {
300
+ opacity: 0;
301
+ }
302
+
303
+ [class^='eihe-reveal-']:hover:before, [class*=' eihe-reveal-']:hover:before {
304
+ -webkit-transform: translate(0, 0);
305
+ -moz-transform: translate(0, 0);
306
+ -ms-transform: translate(0, 0);
307
+ -o-transform: translate(0, 0);
308
+ transform: translate(0, 0);
309
+ }
310
+
311
+ [class^='eihe-reveal-']:hover .eihe-caption, [class*=' eihe-reveal-']:hover .eihe-caption {
312
+ opacity: 1;
313
+ -webkit-transition-delay: 0.21s;
314
+ -moz-transition-delay: 0.21s;
315
+ transition-delay: 0.21s;
316
+ }
317
+
318
+ /* eihe-reveal-up
319
+ ----------------------------- */
320
+ .eihe-reveal-up:before {
321
+ -webkit-transform: translateY(100%);
322
+ -moz-transform: translateY(100%);
323
+ -ms-transform: translateY(100%);
324
+ -o-transform: translateY(100%);
325
+ transform: translateY(100%);
326
+ }
327
+
328
+ /* eihe-reveal-down
329
+ ----------------------------- */
330
+ .eihe-reveal-down:before {
331
+ -webkit-transform: translateY(-100%);
332
+ -moz-transform: translateY(-100%);
333
+ -ms-transform: translateY(-100%);
334
+ -o-transform: translateY(-100%);
335
+ transform: translateY(-100%);
336
+ }
337
+
338
+ /* eihe-reveal-left
339
+ ----------------------------- */
340
+ .eihe-reveal-left:before {
341
+ -webkit-transform: translateX(100%);
342
+ -moz-transform: translateX(100%);
343
+ -ms-transform: translateX(100%);
344
+ -o-transform: translateX(100%);
345
+ transform: translateX(100%);
346
+ }
347
+
348
+ /* eihe-reveal-right
349
+ ----------------------------- */
350
+ .eihe-reveal-right:before {
351
+ -webkit-transform: translateX(-100%);
352
+ -moz-transform: translateX(-100%);
353
+ -ms-transform: translateX(-100%);
354
+ -o-transform: translateX(-100%);
355
+ transform: translateX(-100%);
356
+ }
357
+
358
+ /* eihe-hinge-*
359
+ ----------------------------- */
360
+ [class^='eihe-hinge-'], [class*=' eihe-hinge-'] {
361
+ -webkit-perspective: 50em;
362
+ -moz-perspective: 50em;
363
+ perspective: 50em;
364
+ }
365
+
366
+ [class^='eihe-hinge-'] .eihe-caption, [class*=' eihe-hinge-'] .eihe-caption {
367
+ opacity: 0;
368
+ z-index: 1;
369
+ }
370
+
371
+ [class^='eihe-hinge-']:hover img, [class*=' eihe-hinge-']:hover img {
372
+ opacity: 0;
373
+ }
374
+
375
+ [class^='eihe-hinge-']:hover .eihe-caption, [class*=' eihe-hinge-']:hover .eihe-caption {
376
+ opacity: 1;
377
+ -webkit-transition-delay: 0.21s;
378
+ -moz-transition-delay: 0.21s;
379
+ transition-delay: 0.21s;
380
+ }
381
+
382
+ /* eihe-hinge-up
383
+ ----------------------------- */
384
+ .eihe-hinge-up img {
385
+ -webkit-transform-origin: 50% 0%;
386
+ -moz-transform-origin: 50% 0%;
387
+ -ms-transform-origin: 50% 0%;
388
+ -o-transform-origin: 50% 0%;
389
+ transform-origin: 50% 0%;
390
+ }
391
+
392
+ .eihe-hinge-up .eihe-caption {
393
+ -webkit-transform: rotateX(90deg);
394
+ -moz-transform: rotateX(90deg);
395
+ -ms-transform: rotateX(90deg);
396
+ -o-transform: rotateX(90deg);
397
+ transform: rotateX(90deg);
398
+ -webkit-transform-origin: 50% 100%;
399
+ -moz-transform-origin: 50% 100%;
400
+ -ms-transform-origin: 50% 100%;
401
+ -o-transform-origin: 50% 100%;
402
+ transform-origin: 50% 100%;
403
+ }
404
+
405
+ .eihe-hinge-up:hover > img {
406
+ -webkit-transform: rotateX(-90deg);
407
+ -moz-transform: rotateX(-90deg);
408
+ -ms-transform: rotateX(-90deg);
409
+ -o-transform: rotateX(-90deg);
410
+ transform: rotateX(-90deg);
411
+ }
412
+
413
+ .eihe-hinge-up:hover .eihe-caption {
414
+ -webkit-transform: rotateX(0);
415
+ -moz-transform: rotateX(0);
416
+ -ms-transform: rotateX(0);
417
+ -o-transform: rotateX(0);
418
+ transform: rotateX(0);
419
+ }
420
+
421
+ /* eihe-hinge-down
422
+ ----------------------------- */
423
+ .eihe-hinge-down img {
424
+ -webkit-transform-origin: 50% 100%;
425
+ -moz-transform-origin: 50% 100%;
426
+ -ms-transform-origin: 50% 100%;
427
+ -o-transform-origin: 50% 100%;
428
+ transform-origin: 50% 100%;
429
+ }
430
+
431
+ .eihe-hinge-down .eihe-caption {
432
+ -webkit-transform: rotateX(-90deg);
433
+ -moz-transform: rotateX(-90deg);
434
+ -ms-transform: rotateX(-90deg);
435
+ -o-transform: rotateX(-90deg);
436
+ transform: rotateX(-90deg);
437
+ -webkit-transform-origin: 50% -50%;
438
+ -moz-transform-origin: 50% -50%;
439
+ -ms-transform-origin: 50% -50%;
440
+ -o-transform-origin: 50% -50%;
441
+ transform-origin: 50% -50%;
442
+ }
443
+
444
+ .eihe-hinge-down:hover > img {
445
+ -webkit-transform: rotateX(90deg);
446
+ -moz-transform: rotateX(90deg);
447
+ -ms-transform: rotateX(90deg);
448
+ -o-transform: rotateX(90deg);
449
+ transform: rotateX(90deg);
450
+ opacity: 0;
451
+ }
452
+
453
+ .eihe-hinge-down:hover .eihe-caption {
454
+ -webkit-transform: rotateX(0);
455
+ -moz-transform: rotateX(0);
456
+ -ms-transform: rotateX(0);
457
+ -o-transform: rotateX(0);
458
+ transform: rotateX(0);
459
+ }
460
+
461
+ /* eihe-hinge-left
462
+ ----------------------------- */
463
+ .eihe-hinge-left img {
464
+ -webkit-transform-origin: 0% 50%;
465
+ -moz-transform-origin: 0% 50%;
466
+ -ms-transform-origin: 0% 50%;
467
+ -o-transform-origin: 0% 50%;
468
+ transform-origin: 0% 50%;
469
+ }
470
+
471
+ .eihe-hinge-left .eihe-caption {
472
+ -webkit-transform: rotateY(-90deg);
473
+ -moz-transform: rotateY(-90deg);
474
+ -ms-transform: rotateY(-90deg);
475
+ -o-transform: rotateY(-90deg);
476
+ transform: rotateY(-90deg);
477
+ -webkit-transform-origin: 100% 50%;
478
+ -moz-transform-origin: 100% 50%;
479
+ -ms-transform-origin: 100% 50%;
480
+ -o-transform-origin: 100% 50%;
481
+ transform-origin: 100% 50%;
482
+ }
483
+
484
+ .eihe-hinge-left:hover > img {
485
+ -webkit-transform: rotateY(90deg);
486
+ -moz-transform: rotateY(90deg);
487
+ -ms-transform: rotateY(90deg);
488
+ -o-transform: rotateY(90deg);
489
+ transform: rotateY(90deg);
490
+ }
491
+
492
+ .eihe-hinge-left:hover .eihe-caption {
493
+ -webkit-transform: rotateY(0);
494
+ -moz-transform: rotateY(0);
495
+ -ms-transform: rotateY(0);
496
+ -o-transform: rotateY(0);
497
+ transform: rotateY(0);
498
+ }
499
+
500
+ /* eihe-hinge-right
501
+ ----------------------------- */
502
+ .eihe-hinge-right img {
503
+ -webkit-transform-origin: 100% 50%;
504
+ -moz-transform-origin: 100% 50%;
505
+ -ms-transform-origin: 100% 50%;
506
+ -o-transform-origin: 100% 50%;
507
+ transform-origin: 100% 50%;
508
+ }
509
+
510
+ .eihe-hinge-right .eihe-caption {
511
+ -webkit-transform: rotateY(90deg);
512
+ -moz-transform: rotateY(90deg);
513
+ -ms-transform: rotateY(90deg);
514
+ -o-transform: rotateY(90deg);
515
+ transform: rotateY(90deg);
516
+ -webkit-transform-origin: 0 50%;
517
+ -moz-transform-origin: 0 50%;
518
+ -ms-transform-origin: 0 50%;
519
+ -o-transform-origin: 0 50%;
520
+ transform-origin: 0 50%;
521
+ }
522
+
523
+ .eihe-hinge-right:hover > img {
524
+ -webkit-transform: rotateY(-90deg);
525
+ -moz-transform: rotateY(-90deg);
526
+ -ms-transform: rotateY(-90deg);
527
+ -o-transform: rotateY(-90deg);
528
+ transform: rotateY(-90deg);
529
+ }
530
+
531
+ .eihe-hinge-right:hover .eihe-caption {
532
+ -webkit-transform: rotateY(0);
533
+ -moz-transform: rotateY(0);
534
+ -ms-transform: rotateY(0);
535
+ -o-transform: rotateY(0);
536
+ transform: rotateY(0);
537
+ }
538
+
539
+ /* eihe-flip-*
540
+ ----------------------------- */
541
+ [class^='eihe-flip-'], [class*=' eihe-flip-'] {
542
+ -webkit-perspective: 50em;
543
+ -moz-perspective: 50em;
544
+ perspective: 50em;
545
+ }
546
+
547
+ [class^='eihe-flip-'] img, [class*=' eihe-flip-'] img {
548
+ backface-visibility: hidden;
549
+ }
550
+
551
+ [class^='eihe-flip-'] .eihe-caption, [class*=' eihe-flip-'] .eihe-caption {
552
+ opacity: 0;
553
+ }
554
+
555
+ [class^='eihe-flip-']:hover > img, [class*=' eihe-flip-']:hover > img {
556
+ opacity: 0;
557
+ }
558
+
559
+ [class^='eihe-flip-']:hover .eihe-caption, [class*=' eihe-flip-']:hover .eihe-caption {
560
+ opacity: 1;
561
+ -webkit-transition-delay: 0.14s;
562
+ -moz-transition-delay: 0.14s;
563
+ transition-delay: 0.14s;
564
+ }
565
+
566
+ /* eihe-flip-horiz
567
+ ----------------------------- */
568
+ .eihe-flip-horiz .eihe-caption {
569
+ -webkit-transform: rotateX(90deg);
570
+ -moz-transform: rotateX(90deg);
571
+ -ms-transform: rotateX(90deg);
572
+ -o-transform: rotateX(90deg);
573
+ transform: rotateX(90deg);
574
+ -webkit-transform-origin: 0% 50%;
575
+ -moz-transform-origin: 0% 50%;
576
+ -ms-transform-origin: 0% 50%;
577
+ -o-transform-origin: 0% 50%;
578
+ transform-origin: 0% 50%;
579
+ }
580
+
581
+ .eihe-flip-horiz:hover img {
582
+ -webkit-transform: rotateX(-180deg);
583
+ -moz-transform: rotateX(-180deg);
584
+ -ms-transform: rotateX(-180deg);
585
+ -o-transform: rotateX(-180deg);
586
+ transform: rotateX(-180deg);
587
+ }
588
+
589
+ .eihe-flip-horiz:hover .eihe-caption {
590
+ -webkit-transform: rotateX(0deg);
591
+ -moz-transform: rotateX(0deg);
592
+ -ms-transform: rotateX(0deg);
593
+ -o-transform: rotateX(0deg);
594
+ transform: rotateX(0deg);
595
+ }
596
+
597
+ /* eihe-flip-vert
598
+ ----------------------------- */
599
+ .eihe-flip-vert .eihe-caption {
600
+ -webkit-transform: rotateY(90deg);
601
+ -moz-transform: rotateY(90deg);
602
+ -ms-transform: rotateY(90deg);
603
+ -o-transform: rotateY(90deg);
604
+ transform: rotateY(90deg);
605
+ -webkit-transform-origin: 50% 0%;
606
+ -moz-transform-origin: 50% 0%;
607
+ -ms-transform-origin: 50% 0%;
608
+ -o-transform-origin: 50% 0%;
609
+ transform-origin: 50% 0%;
610
+ }
611
+
612
+ .eihe-flip-vert:hover > img {
613
+ -webkit-transform: rotateY(-180deg);
614
+ -moz-transform: rotateY(-180deg);
615
+ -ms-transform: rotateY(-180deg);
616
+ -o-transform: rotateY(-180deg);
617
+ transform: rotateY(-180deg);
618
+ }
619
+
620
+ .eihe-flip-vert:hover .eihe-caption {
621
+ -webkit-transform: rotateY(0deg);
622
+ -moz-transform: rotateY(0deg);
623
+ -ms-transform: rotateY(0deg);
624
+ -o-transform: rotateY(0deg);
625
+ transform: rotateY(0deg);
626
+ }
627
+
628
+ /* eihe-flip-diag-1
629
+ ----------------------------- */
630
+ .eihe-flip-diag-1 .eihe-caption {
631
+ -webkit-transform: rotate3d(1, -1, 0, 100deg);
632
+ -moz-transform: rotate3d(1, -1, 0, 100deg);
633
+ -ms-transform: rotate3d(1, -1, 0, 100deg);
634
+ -o-transform: rotate3d(1, -1, 0, 100deg);
635
+ transform: rotate3d(1, -1, 0, 100deg);
636
+ }
637
+
638
+ .eihe-flip-diag-1:hover > img {
639
+ -webkit-transform: rotate3d(-1, 1, 0, 100deg);
640
+ -moz-transform: rotate3d(-1, 1, 0, 100deg);
641
+ -ms-transform: rotate3d(-1, 1, 0, 100deg);
642
+ -o-transform: rotate3d(-1, 1, 0, 100deg);
643
+ transform: rotate3d(-1, 1, 0, 100deg);
644
+ }
645
+
646
+ .eihe-flip-diag-1:hover .eihe-caption {
647
+ -webkit-transform: rotate3d(0, 0, 0, 0deg);
648
+ -moz-transform: rotate3d(0, 0, 0, 0deg);
649
+ -ms-transform: rotate3d(0, 0, 0, 0deg);
650
+ -o-transform: rotate3d(0, 0, 0, 0deg);
651
+ transform: rotate3d(0, 0, 0, 0deg);
652
+ }
653
+
654
+ /* eihe-flip-diag-2
655
+ ----------------------------- */
656
+ .eihe-flip-diag-2 .eihe-caption {
657
+ -webkit-transform: rotate3d(1, 1, 0, 100deg);
658
+ -moz-transform: rotate3d(1, 1, 0, 100deg);
659
+ -ms-transform: rotate3d(1, 1, 0, 100deg);
660
+ -o-transform: rotate3d(1, 1, 0, 100deg);
661
+ transform: rotate3d(1, 1, 0, 100deg);
662
+ }
663
+
664
+ .eihe-flip-diag-2:hover > img {
665
+ -webkit-transform: rotate3d(-1, -1, 0, 100deg);
666
+ -moz-transform: rotate3d(-1, -1, 0, 100deg);
667
+ -ms-transform: rotate3d(-1, -1, 0, 100deg);
668
+ -o-transform: rotate3d(-1, -1, 0, 100deg);
669
+ transform: rotate3d(-1, -1, 0, 100deg);
670
+ }
671
+
672
+ .eihe-flip-diag-2:hover .eihe-caption {
673
+ -webkit-transform: rotate3d(0, 0, 0, 0deg);
674
+ -moz-transform: rotate3d(0, 0, 0, 0deg);
675
+ -ms-transform: rotate3d(0, 0, 0, 0deg);
676
+ -o-transform: rotate3d(0, 0, 0, 0deg);
677
+ transform: rotate3d(0, 0, 0, 0deg);
678
+ }
679
+
680
+ /* eihe-shutter-out-*
681
+ ----------------------------- */
682
+ [class^='eihe-shutter-out-']:before, [class*=' eihe-shutter-out-']:before {
683
+ position: absolute;
684
+ content: '';
685
+ -webkit-transition-delay: 0.105s;
686
+ -moz-transition-delay: 0.105s;
687
+ transition-delay: 0.105s;
688
+ }
689
+
690
+ [class^='eihe-shutter-out-'] .eihe-caption, [class*=' eihe-shutter-out-'] .eihe-caption {
691
+ opacity: 0;
692
+ -webkit-transition-delay: 0s;
693
+ -moz-transition-delay: 0s;
694
+ transition-delay: 0s;
695
+ }
696
+
697
+ [class^='eihe-shutter-out-']:hover:before, [class*=' eihe-shutter-out-']:hover:before {
698
+ -webkit-transition-delay: 0s;
699
+ -moz-transition-delay: 0s;
700
+ transition-delay: 0s;
701
+ }
702
+
703
+ [class^='eihe-shutter-out-']:hover .eihe-caption, [class*=' eihe-shutter-out-']:hover .eihe-caption {
704
+ opacity: 1;
705
+ -webkit-transition-delay: 0.105s;
706
+ -moz-transition-delay: 0.105s;
707
+ transition-delay: 0.105s;
708
+ }
709
+
710
+ /* eihe-shutter-out-horiz
711
+ ----------------------------- */
712
+ .eihe-shutter-out-horiz:before {
713
+ left: 50%;
714
+ right: 50%;
715
+ top: 0;
716
+ bottom: 0;
717
+ }
718
+
719
+ .eihe-shutter-out-horiz:hover:before {
720
+ left: 0;
721
+ right: 0;
722
+ }
723
+
724
+ /* eihe-shutter-out-vert
725
+ ----------------------------- */
726
+ .eihe-shutter-out-vert:before {
727
+ top: 50%;
728
+ bottom: 50%;
729
+ left: 0;
730
+ right: 0;
731
+ }
732
+
733
+ .eihe-shutter-out-vert:hover:before {
734
+ top: 0;
735
+ bottom: 0;
736
+ }
737
+
738
+ /* eihe-shutter-out-diag-1
739
+ ----------------------------- */
740
+ .eihe-shutter-out-diag-1:before {
741
+ top: 50%;
742
+ bottom: 50%;
743
+ left: -35%;
744
+ right: -35%;
745
+ -webkit-transform: rotate(45deg);
746
+ -moz-transform: rotate(45deg);
747
+ -ms-transform: rotate(45deg);
748
+ -o-transform: rotate(45deg);
749
+ transform: rotate(45deg);
750
+ }
751
+
752
+ .eihe-shutter-out-diag-1:hover:before {
753
+ top: -35%;
754
+ bottom: -35%;
755
+ }
756
+
757
+ /* eihe-shutter-out-diag-2
758
+ ----------------------------- */
759
+ .eihe-shutter-out-diag-2:before {
760
+ top: 50%;
761
+ bottom: 50%;
762
+ left: -35%;
763
+ right: -35%;
764
+ -webkit-transform: rotate(-45deg);
765
+ -moz-transform: rotate(-45deg);
766
+ -ms-transform: rotate(-45deg);
767
+ -o-transform: rotate(-45deg);
768
+ transform: rotate(-45deg);
769
+ }
770
+
771
+ .eihe-shutter-out-diag-2:hover:before {
772
+ top: -35%;
773
+ bottom: -35%;
774
+ }
775
+
776
+ /* eihe-shutter-in-*
777
+ ----------------------------- */
778
+ [class^='eihe-shutter-in-']:after, [class^='eihe-shutter-in-']:before, [class*=' eihe-shutter-in-']:after, [class*=' eihe-shutter-in-']:before {
779
+ position: absolute;
780
+ content: '';
781
+ }
782
+
783
+ [class^='eihe-shutter-in-']:after, [class*=' eihe-shutter-in-']:after {
784
+ top: 0;
785
+ left: 0;
786
+ }
787
+
788
+ [class^='eihe-shutter-in-']:before, [class*=' eihe-shutter-in-']:before {
789
+ right: 0;
790
+ bottom: 0;
791
+ }
792
+
793
+ [class^='eihe-shutter-in-'] .eihe-caption, [class*=' eihe-shutter-in-'] .eihe-caption {
794
+ opacity: 0;
795
+ z-index: 1;
796
+ }
797
+
798
+ [class^='eihe-shutter-in-']:hover .eihe-caption, [class*=' eihe-shutter-in-']:hover .eihe-caption {
799
+ opacity: 1;
800
+ -webkit-transition-delay: 0.21s;
801
+ -moz-transition-delay: 0.21s;
802
+ transition-delay: 0.21s;
803
+ }
804
+
805
+ /* eihe-shutter-in-horiz
806
+ ----------------------------- */
807
+ .eihe-shutter-in-horiz:after, .eihe-shutter-in-horiz:before {
808
+ width: 0;
809
+ height: 100%;
810
+ }
811
+
812
+ .eihe-shutter-in-horiz:hover:after, .eihe-shutter-in-horiz:hover:before {
813
+ width: 50%;
814
+ }
815
+
816
+ /* eihe-shutter-in-vert
817
+ ----------------------------- */
818
+ .eihe-shutter-in-vert:after, .eihe-shutter-in-vert:before {
819
+ height: 0;
820
+ width: 100%;
821
+ }
822
+
823
+ .eihe-shutter-in-vert:hover:after, .eihe-shutter-in-vert:hover:before {
824
+ height: 50%;
825
+ }
826
+
827
+ /* eihe-shutter-in-out-horiz
828
+ ----------------------------- */
829
+ .eihe-shutter-in-out-horiz:after, .eihe-shutter-in-out-horiz:before {
830
+ width: 0;
831
+ height: 100%;
832
+ opacity: 0.75;
833
+ }
834
+
835
+ .eihe-shutter-in-out-horiz:hover:after, .eihe-shutter-in-out-horiz:hover:before {
836
+ width: 100%;
837
+ }
838
+
839
+ /* eihe-shutter-in-out-vert
840
+ ----------------------------- */
841
+ .eihe-shutter-in-out-vert:after, .eihe-shutter-in-out-vert:before {
842
+ height: 0;
843
+ width: 100%;
844
+ opacity: 0.75;
845
+ }
846
+
847
+ .eihe-shutter-in-out-vert:hover:after, .eihe-shutter-in-out-vert:hover:before {
848
+ height: 100%;
849
+ }
850
+
851
+ /* eihe-shutter-in-out-diag-1
852
+ ----------------------------- */
853
+ .eihe-shutter-in-out-diag-1:after, .eihe-shutter-in-out-diag-1:before {
854
+ width: 200%;
855
+ height: 200%;
856
+ -webkit-transition: all 0.6s ease;
857
+ -moz-transition: all 0.6s ease;
858
+ transition: all 0.6s ease;
859
+ opacity: 0.75;
860
+ }
861
+
862
+ .eihe-shutter-in-out-diag-1:after {
863
+ -webkit-transform: skew(-45deg) translateX(-150%);
864
+ -moz-transform: skew(-45deg) translateX(-150%);
865
+ -ms-transform: skew(-45deg) translateX(-150%);
866
+ -o-transform: skew(-45deg) translateX(-150%);
867
+ transform: skew(-45deg) translateX(-150%);
868
+ }
869
+
870
+ .eihe-shutter-in-out-diag-1:before {
871
+ -webkit-transform: skew(-45deg) translateX(150%);
872
+ -moz-transform: skew(-45deg) translateX(150%);
873
+ -ms-transform: skew(-45deg) translateX(150%);
874
+ -o-transform: skew(-45deg) translateX(150%);
875
+ transform: skew(-45deg) translateX(150%);
876
+ }
877
+
878
+ .eihe-shutter-in-out-diag-1:hover:after {
879
+ -webkit-transform: skew(-45deg) translateX(-50%);
880
+ -moz-transform: skew(-45deg) translateX(-50%);
881
+ -ms-transform: skew(-45deg) translateX(-50%);
882
+ -o-transform: skew(-45deg) translateX(-50%);
883
+ transform: skew(-45deg) translateX(-50%);
884
+ }
885
+
886
+ .eihe-shutter-in-out-diag-1:hover:before {
887
+ -webkit-transform: skew(-45deg) translateX(50%);
888
+ -moz-transform: skew(-45deg) translateX(50%);
889
+ -ms-transform: skew(-45deg) translateX(50%);
890
+ -o-transform: skew(-45deg) translateX(50%);
891
+ transform: skew(-45deg) translateX(50%);
892
+ }
893
+
894
+ /* eihe-shutter-in-out-diag-2
895
+ ----------------------------- */
896
+ .eihe-shutter-in-out-diag-2:after, .eihe-shutter-in-out-diag-2:before {
897
+ width: 200%;
898
+ height: 200%;
899
+ -webkit-transition: all 0.6s ease;
900
+ -moz-transition: all 0.6s ease;
901
+ transition: all 0.6s ease;
902
+ opacity: 0.75;
903
+ }
904
+
905
+ .eihe-shutter-in-out-diag-2:after {
906
+ -webkit-transform: skew(45deg) translateX(-100%);
907
+ -moz-transform: skew(45deg) translateX(-100%);
908
+ -ms-transform: skew(45deg) translateX(-100%);
909
+ -o-transform: skew(45deg) translateX(-100%);
910
+ transform: skew(45deg) translateX(-100%);
911
+ }
912
+
913
+ .eihe-shutter-in-out-diag-2:before {
914
+ -webkit-transform: skew(45deg) translateX(100%);
915
+ -moz-transform: skew(45deg) translateX(100%);
916
+ -ms-transform: skew(45deg) translateX(100%);
917
+ -o-transform: skew(45deg) translateX(100%);
918
+ transform: skew(45deg) translateX(100%);
919
+ }
920
+
921
+ .eihe-shutter-in-out-diag-2:hover:after {
922
+ -webkit-transform: skew(45deg) translateX(0%);
923
+ -moz-transform: skew(45deg) translateX(0%);
924
+ -ms-transform: skew(45deg) translateX(0%);
925
+ -o-transform: skew(45deg) translateX(0%);
926
+ transform: skew(45deg) translateX(0%);
927
+ }
928
+
929
+ .eihe-shutter-in-out-diag-2:hover:before {
930
+ -webkit-transform: skew(45deg) translateX(0%);
931
+ -moz-transform: skew(45deg) translateX(0%);
932
+ -ms-transform: skew(45deg) translateX(0%);
933
+ -o-transform: skew(45deg) translateX(0%);
934
+ transform: skew(45deg) translateX(0%);
935
+ }
936
+
937
+ /* eihe-fold*
938
+ ----------------------------- */
939
+ [class^='eihe-fold'], [class*=' eihe-fold'] {
940
+ -webkit-perspective: 50em;
941
+ -moz-perspective: 50em;
942
+ perspective: 50em;
943
+ }
944
+
945
+ [class^='eihe-fold'] img, [class*=' eihe-fold'] img {
946
+ -webkit-transform-origin: 50% 0%;
947
+ -moz-transform-origin: 50% 0%;
948
+ -ms-transform-origin: 50% 0%;
949
+ -o-transform-origin: 50% 0%;
950
+ transform-origin: 50% 0%;
951
+ }
952
+
953
+ [class^='eihe-fold'] .eihe-caption, [class*=' eihe-fold'] .eihe-caption {
954
+ z-index: 1;
955
+ opacity: 0;
956
+ }
957
+
958
+ [class^='eihe-fold']:hover > img, [class*=' eihe-fold']:hover > img {
959
+ opacity: 0;
960
+ -webkit-transition-delay: 0;
961
+ -moz-transition-delay: 0;
962
+ transition-delay: 0;
963
+ }
964
+
965
+ [class^='eihe-fold']:hover .eihe-caption, [class*=' eihe-fold']:hover .eihe-caption {
966
+ -webkit-transform: rotateX(0) translate3d(0, 0%, 0) scale(1);
967
+ -moz-transform: rotateX(0) translate3d(0, 0%, 0) scale(1);
968
+ -ms-transform: rotateX(0) translate3d(0, 0%, 0) scale(1);
969
+ -o-transform: rotateX(0) translate3d(0, 0%, 0) scale(1);
970
+ transform: rotateX(0) translate3d(0, 0%, 0) scale(1);
971
+ opacity: 1;
972
+ -webkit-transition-delay: 0.21s;
973
+ -moz-transition-delay: 0.21s;
974
+ transition-delay: 0.21s;
975
+ }
976
+
977
+ /* eihe-fold-up
978
+ ----------------------------- */
979
+ .eihe-fold-up > img {
980
+ -webkit-transform-origin: 50% 0%;
981
+ -moz-transform-origin: 50% 0%;
982
+ -ms-transform-origin: 50% 0%;
983
+ -o-transform-origin: 50% 0%;
984
+ transform-origin: 50% 0%;
985
+ }
986
+
987
+ .eihe-fold-up .eihe-caption {
988
+ -webkit-transform: rotateX(-90deg) translate3d(0%, -50%, 0) scale(0.6);
989
+ -moz-transform: rotateX(-90deg) translate3d(0%, -50%, 0) scale(0.6);
990
+ -ms-transform: rotateX(-90deg) translate3d(0%, -50%, 0) scale(0.6);
991
+ -o-transform: rotateX(-90deg) translate3d(0%, -50%, 0) scale(0.6);
992
+ transform: rotateX(-90deg) translate3d(0%, -50%, 0) scale(0.6);
993
+ -webkit-transform-origin: 50% 100%;
994
+ -moz-transform-origin: 50% 100%;
995
+ -ms-transform-origin: 50% 100%;
996
+ -o-transform-origin: 50% 100%;
997
+ transform-origin: 50% 100%;
998
+ }
999
+
1000
+ .eihe-fold-up:hover > img {
1001
+ -webkit-transform: rotateX(90deg) scale(0.6) translateY(50%);
1002
+ -moz-transform: rotateX(90deg) scale(0.6) translateY(50%);
1003
+ -ms-transform: rotateX(90deg) scale(0.6) translateY(50%);
1004
+ -o-transform: rotateX(90deg) scale(0.6) translateY(50%);
1005
+ transform: rotateX(90deg) scale(0.6) translateY(50%);
1006
+ }
1007
+
1008
+ /* eihe-fold-down
1009
+ ----------------------------- */
1010
+ .eihe-fold-down > img {
1011
+ -webkit-transform-origin: 50% 100%;
1012
+ -moz-transform-origin: 50% 100%;
1013
+ -ms-transform-origin: 50% 100%;
1014
+ -o-transform-origin: 50% 100%;
1015
+ transform-origin: 50% 100%;
1016
+ }
1017
+
1018
+ .eihe-fold-down .eihe-caption {
1019
+ -webkit-transform: rotateX(90deg) translate3d(0%, 50%, 0) scale(0.6);
1020
+ -moz-transform: rotateX(90deg) translate3d(0%, 50%, 0) scale(0.6);
1021
+ -ms-transform: rotateX(90deg) translate3d(0%, 50%, 0) scale(0.6);
1022
+ -o-transform: rotateX(90deg) translate3d(0%, 50%, 0) scale(0.6);
1023
+ transform: rotateX(90deg) translate3d(0%, 50%, 0) scale(0.6);
1024
+ -webkit-transform-origin: 50% 0%;
1025
+ -moz-transform-origin: 50% 0%;
1026
+ -ms-transform-origin: 50% 0%;
1027
+ -o-transform-origin: 50% 0%;
1028
+ transform-origin: 50% 0%;
1029
+ }
1030
+
1031
+ .eihe-fold-down:hover > img {
1032
+ -webkit-transform: rotateX(-90deg) scale(0.6) translateY(-50%);
1033
+ -moz-transform: rotateX(-90deg) scale(0.6) translateY(-50%);
1034
+ -ms-transform: rotateX(-90deg) scale(0.6) translateY(-50%);
1035
+ -o-transform: rotateX(-90deg) scale(0.6) translateY(-50%);
1036
+ transform: rotateX(-90deg) scale(0.6) translateY(-50%);
1037
+ }
1038
+
1039
+ /* eihe-fold-left
1040
+ ----------------------------- */
1041
+ .eihe-fold-left > img {
1042
+ -webkit-transform-origin: 0% 50%;
1043
+ -moz-transform-origin: 0% 50%;
1044
+ -ms-transform-origin: 0% 50%;
1045
+ -o-transform-origin: 0% 50%;
1046
+ transform-origin: 0% 50%;
1047
+ }
1048
+
1049
+ .eihe-fold-left .eihe-caption {
1050
+ -webkit-transform: rotateY(90deg) translate3d(-50%, 0%, 0) scale(0.6);
1051
+ -moz-transform: rotateY(90deg) translate3d(-50%, 0%, 0) scale(0.6);
1052
+ -ms-transform: rotateY(90deg) translate3d(-50%, 0%, 0) scale(0.6);
1053
+ -o-transform: rotateY(90deg) translate3d(-50%, 0%, 0) scale(0.6);
1054
+ transform: rotateY(90deg) translate3d(-50%, 0%, 0) scale(0.6);
1055
+ -webkit-transform-origin: 100% 50%;
1056
+ -moz-transform-origin: 100% 50%;
1057
+ -ms-transform-origin: 100% 50%;
1058
+ -o-transform-origin: 100% 50%;
1059
+ transform-origin: 100% 50%;
1060
+ }
1061
+
1062
+ .eihe-fold-left:hover > img {
1063
+ -webkit-transform: rotateY(-90deg) scale(0.6) translateX(50%);
1064
+ -moz-transform: rotateY(-90deg) scale(0.6) translateX(50%);
1065
+ -ms-transform: rotateY(-90deg) scale(0.6) translateX(50%);
1066
+ -o-transform: rotateY(-90deg) scale(0.6) translateX(50%);
1067
+ transform: rotateY(-90deg) scale(0.6) translateX(50%);
1068
+ }
1069
+
1070
+ /* eihe-fold-right
1071
+ ----------------------------- */
1072
+ .eihe-fold-right > img {
1073
+ -webkit-transform-origin: 100% 50%;
1074
+ -moz-transform-origin: 100% 50%;
1075
+ -ms-transform-origin: 100% 50%;
1076
+ -o-transform-origin: 100% 50%;
1077
+ transform-origin: 100% 50%;
1078
+ }
1079
+
1080
+ .eihe-fold-right .eihe-caption {
1081
+ -webkit-transform: rotateY(-90deg) translate3d(50%, 0%, 0) scale(0.6);
1082
+ -moz-transform: rotateY(-90deg) translate3d(50%, 0%, 0) scale(0.6);
1083
+ -ms-transform: rotateY(-90deg) translate3d(50%, 0%, 0) scale(0.6);
1084
+ -o-transform: rotateY(-90deg) translate3d(50%, 0%, 0) scale(0.6);
1085
+ transform: rotateY(-90deg) translate3d(50%, 0%, 0) scale(0.6);
1086
+ -webkit-transform-origin: 0 50%;
1087
+ -moz-transform-origin: 0 50%;
1088
+ -ms-transform-origin: 0 50%;
1089
+ -o-transform-origin: 0 50%;
1090
+ transform-origin: 0 50%;
1091
+ }
1092
+
1093
+ .eihe-fold-right:hover > img {
1094
+ -webkit-transform: rotateY(90deg) scale(0.6) translateX(-50%);
1095
+ -moz-transform: rotateY(90deg) scale(0.6) translateX(-50%);
1096
+ -ms-transform: rotateY(90deg) scale(0.6) translateX(-50%);
1097
+ -o-transform: rotateY(90deg) scale(0.6) translateX(-50%);
1098
+ transform: rotateY(90deg) scale(0.6) translateX(-50%);
1099
+ }
1100
+
1101
+ /* eihe-zoom-in
1102
+ ----------------------------- */
1103
+ .eihe-zoom-in .eihe-caption {
1104
+ opacity: 0;
1105
+ -webkit-transform: scale(0.5);
1106
+ -moz-transform: scale(0.5);
1107
+ -ms-transform: scale(0.5);
1108
+ -o-transform: scale(0.5);
1109
+ transform: scale(0.5);
1110
+ }
1111
+
1112
+ .eihe-zoom-in:hover .eihe-caption {
1113
+ -webkit-transform: scale(1);
1114
+ -moz-transform: scale(1);
1115
+ -ms-transform: scale(1);
1116
+ -o-transform: scale(1);
1117
+ transform: scale(1);
1118
+ opacity: 1;
1119
+ }
1120
+
1121
+ /* eihe-zoom-out*
1122
+ ----------------------------- */
1123
+ [class^='eihe-zoom-out'] .eihe-caption, [class*=' eihe-zoom-out'] .eihe-caption {
1124
+ -webkit-transform: scale(0.5);
1125
+ -moz-transform: scale(0.5);
1126
+ -ms-transform: scale(0.5);
1127
+ -o-transform: scale(0.5);
1128
+ transform: scale(0.5);
1129
+ -webkit-transform-origin: 50% 50%;
1130
+ -moz-transform-origin: 50% 50%;
1131
+ -ms-transform-origin: 50% 50%;
1132
+ -o-transform-origin: 50% 50%;
1133
+ transform-origin: 50% 50%;
1134
+ opacity: 0;
1135
+ }
1136
+
1137
+ [class^='eihe-zoom-out']:hover .eihe-caption, [class^='eihe-zoom-out'].hover .eihe-caption, [class*=' eihe-zoom-out']:hover .eihe-caption, [class*=' eihe-zoom-out'].hover .eihe-caption {
1138
+ -webkit-transform: scale(1);
1139
+ -moz-transform: scale(1);
1140
+ -ms-transform: scale(1);
1141
+ -o-transform: scale(1);
1142
+ transform: scale(1);
1143
+ opacity: 1;
1144
+ -webkit-transition-delay: 0.35s;
1145
+ -moz-transition-delay: 0.35s;
1146
+ transition-delay: 0.35s;
1147
+ }
1148
+
1149
+ /* eihe-zoom-out
1150
+ ----------------------------- */
1151
+ .eihe-zoom-out:hover > img {
1152
+ -webkit-transform: scale(0.5);
1153
+ -moz-transform: scale(0.5);
1154
+ -ms-transform: scale(0.5);
1155
+ -o-transform: scale(0.5);
1156
+ transform: scale(0.5);
1157
+ opacity: 0;
1158
+ }
1159
+
1160
+ /* eihe-zoom-out-up
1161
+ ----------------------------- */
1162
+ .eihe-zoom-out-up:hover > img, .eihe-zoom-out-up.hover > img {
1163
+ -webkit-animation: eihe-zoom-out-up 0.4025s linear;
1164
+ -moz-animation: eihe-zoom-out-up 0.4025s linear;
1165
+ animation: eihe-zoom-out-up 0.4025s linear;
1166
+ -webkit-animation-iteration-count: 1;
1167
+ -moz-animation-iteration-count: 1;
1168
+ animation-iteration-count: 1;
1169
+ -webkit-animation-fill-mode: forwards;
1170
+ -moz-animation-fill-mode: forwards;
1171
+ animation-fill-mode: forwards;
1172
+ }
1173
+
1174
+ @-webkit-keyframes eihe-zoom-out-up {
1175
+ 50% {
1176
+ -webkit-transform: scale(0.8) translateY(0%);
1177
+ -moz-transform: scale(0.8) translateY(0%);
1178
+ -ms-transform: scale(0.8) translateY(0%);
1179
+ -o-transform: scale(0.8) translateY(0%);
1180
+ transform: scale(0.8) translateY(0%);
1181
+ opacity: 0.5;
1182
+ }
1183
+ 100% {
1184
+ -webkit-transform: scale(0.8) translateY(-150%);
1185
+ -moz-transform: scale(0.8) translateY(-150%);
1186
+ -ms-transform: scale(0.8) translateY(-150%);
1187
+ -o-transform: scale(0.8) translateY(-150%);
1188
+ transform: scale(0.8) translateY(-150%);
1189
+ opacity: 0.5;
1190
+ }
1191
+ }
1192
+
1193
+ @keyframes eihe-zoom-out-up {
1194
+ 50% {
1195
+ -webkit-transform: scale(0.8) translateY(0%);
1196
+ -moz-transform: scale(0.8) translateY(0%);
1197
+ -ms-transform: scale(0.8) translateY(0%);
1198
+ -o-transform: scale(0.8) translateY(0%);
1199
+ transform: scale(0.8) translateY(0%);
1200
+ opacity: 0.5;
1201
+ }
1202
+ 100% {
1203
+ -webkit-transform: scale(0.8) translateY(-150%);
1204
+ -moz-transform: scale(0.8) translateY(-150%);
1205
+ -ms-transform: scale(0.8) translateY(-150%);
1206
+ -o-transform: scale(0.8) translateY(-150%);
1207
+ transform: scale(0.8) translateY(-150%);
1208
+ opacity: 0.5;
1209
+ }
1210
+ }
1211
+
1212
+ /* eihe-zoom-out-down
1213
+ ----------------------------- */
1214
+ .eihe-zoom-out-down:hover > img, .eihe-zoom-out-down.hover > img {
1215
+ -webkit-animation: eihe-zoom-out-down 0.4025s linear;
1216
+ -moz-animation: eihe-zoom-out-down 0.4025s linear;
1217
+ animation: eihe-zoom-out-down 0.4025s linear;
1218
+ -webkit-animation-iteration-count: 1;
1219
+ -moz-animation-iteration-count: 1;
1220
+ animation-iteration-count: 1;
1221
+ -webkit-animation-fill-mode: forwards;
1222
+ -moz-animation-fill-mode: forwards;
1223
+ animation-fill-mode: forwards;
1224
+ }
1225
+
1226
+ @-webkit-keyframes eihe-zoom-out-down {
1227
+ 50% {
1228
+ -webkit-transform: scale(0.8) translateY(0%);
1229
+ -moz-transform: scale(0.8) translateY(0%);
1230
+ -ms-transform: scale(0.8) translateY(0%);
1231
+ -o-transform: scale(0.8) translateY(0%);
1232
+ transform: scale(0.8) translateY(0%);
1233
+ opacity: 0.5;
1234
+ }
1235
+ 100% {
1236
+ -webkit-transform: scale(0.8) translateY(150%);
1237
+ -moz-transform: scale(0.8) translateY(150%);
1238
+ -ms-transform: scale(0.8) translateY(150%);
1239
+ -o-transform: scale(0.8) translateY(150%);
1240
+ transform: scale(0.8) translateY(150%);
1241
+ opacity: 0.5;
1242
+ }
1243
+ }
1244
+
1245
+ @keyframes eihe-zoom-out-down {
1246
+ 50% {
1247
+ -webkit-transform: scale(0.8) translateY(0%);
1248
+ -moz-transform: scale(0.8) translateY(0%);
1249
+ -ms-transform: scale(0.8) translateY(0%);
1250
+ -o-transform: scale(0.8) translateY(0%);
1251
+ transform: scale(0.8) translateY(0%);
1252
+ opacity: 0.5;
1253
+ }
1254
+ 100% {
1255
+ -webkit-transform: scale(0.8) translateY(150%);
1256
+ -moz-transform: scale(0.8) translateY(150%);
1257
+ -ms-transform: scale(0.8) translateY(150%);
1258
+ -o-transform: scale(0.8) translateY(150%);
1259
+ transform: scale(0.8) translateY(150%);
1260
+ opacity: 0.5;
1261
+ }
1262
+ }
1263
+
1264
+ /* eihe-zoom-out-left
1265
+ ----------------------------- */
1266
+ .eihe-zoom-out-left:hover > img, .eihe-zoom-out-left.hover > img {
1267
+ -webkit-animation: eihe-zoom-out-left 0.4025s linear;
1268
+ -moz-animation: eihe-zoom-out-left 0.4025s linear;
1269
+ animation: eihe-zoom-out-left 0.4025s linear;
1270
+ -webkit-animation-iteration-count: 1;
1271
+ -moz-animation-iteration-count: 1;
1272
+ animation-iteration-count: 1;
1273
+ -webkit-animation-fill-mode: forwards;
1274
+ -moz-animation-fill-mode: forwards;
1275
+ animation-fill-mode: forwards;
1276
+ }
1277
+
1278
+ @-webkit-keyframes eihe-zoom-out-left {
1279
+ 50% {
1280
+ -webkit-transform: scale(0.8) translateX(0%);
1281
+ -moz-transform: scale(0.8) translateX(0%);
1282
+ -ms-transform: scale(0.8) translateX(0%);
1283
+ -o-transform: scale(0.8) translateX(0%);
1284
+ transform: scale(0.8) translateX(0%);
1285
+ opacity: 0.5;
1286
+ }
1287
+ 100% {
1288
+ -webkit-transform: scale(0.8) translateX(-150%);
1289
+ -moz-transform: scale(0.8) translateX(-150%);
1290
+ -ms-transform: scale(0.8) translateX(-150%);
1291
+ -o-transform: scale(0.8) translateX(-150%);
1292
+ transform: scale(0.8) translateX(-150%);
1293
+ opacity: 0.5;
1294
+ }
1295
+ }
1296
+
1297
+ @keyframes eihe-zoom-out-left {
1298
+ 50% {
1299
+ -webkit-transform: scale(0.8) translateX(0%);
1300
+ -moz-transform: scale(0.8) translateX(0%);
1301
+ -ms-transform: scale(0.8) translateX(0%);
1302
+ -o-transform: scale(0.8) translateX(0%);
1303
+ transform: scale(0.8) translateX(0%);
1304
+ opacity: 0.5;
1305
+ }
1306
+ 100% {
1307
+ -webkit-transform: scale(0.8) translateX(-150%);
1308
+ -moz-transform: scale(0.8) translateX(-150%);
1309
+ -ms-transform: scale(0.8) translateX(-150%);
1310
+ -o-transform: scale(0.8) translateX(-150%);
1311
+ transform: scale(0.8) translateX(-150%);
1312
+ opacity: 0.5;
1313
+ }
1314
+ }
1315
+
1316
+ /* eihe-zoom-out-right
1317
+ ----------------------------- */
1318
+ .eihe-zoom-out-right:hover > img, .eihe-zoom-out-right.hover > img {
1319
+ -webkit-animation: eihe-zoom-out-right 0.4025s linear;
1320
+ -moz-animation: eihe-zoom-out-right 0.4025s linear;
1321
+ animation: eihe-zoom-out-right 0.4025s linear;
1322
+ -webkit-animation-iteration-count: 1;
1323
+ -moz-animation-iteration-count: 1;
1324
+ animation-iteration-count: 1;
1325
+ -webkit-animation-fill-mode: forwards;
1326
+ -moz-animation-fill-mode: forwards;
1327
+ animation-fill-mode: forwards;
1328
+ }
1329
+
1330
+ @-webkit-keyframes eihe-zoom-out-right {
1331
+ 50% {
1332
+ -webkit-transform: scale(0.8) translateX(0%);
1333
+ -moz-transform: scale(0.8) translateX(0%);
1334
+ -ms-transform: scale(0.8) translateX(0%);
1335
+ -o-transform: scale(0.8) translateX(0%);
1336
+ transform: scale(0.8) translateX(0%);
1337
+ opacity: 0.5;
1338
+ }
1339
+ 100% {
1340
+ -webkit-transform: scale(0.8) translateX(150%);
1341
+ -moz-transform: scale(0.8) translateX(150%);
1342
+ -ms-transform: scale(0.8) translateX(150%);
1343
+ -o-transform: scale(0.8) translateX(150%);
1344
+ transform: scale(0.8) translateX(150%);
1345
+ opacity: 0.5;
1346
+ }
1347
+ }
1348
+
1349
+ @keyframes eihe-zoom-out-right {
1350
+ 50% {
1351
+ -webkit-transform: scale(0.8) translateX(0%);
1352
+ -moz-transform: scale(0.8) translateX(0%);
1353
+ -ms-transform: scale(0.8) translateX(0%);
1354
+ -o-transform: scale(0.8) translateX(0%);
1355
+ transform: scale(0.8) translateX(0%);
1356
+ opacity: 0.5;
1357
+ }
1358
+ 100% {
1359
+ -webkit-transform: scale(0.8) translateX(150%);
1360
+ -moz-transform: scale(0.8) translateX(150%);
1361
+ -ms-transform: scale(0.8) translateX(150%);
1362
+ -o-transform: scale(0.8) translateX(150%);
1363
+ transform: scale(0.8) translateX(150%);
1364
+ opacity: 0.5;
1365
+ }
1366
+ }
1367
+
1368
+ /* eihe-zoom-out-flip-horiz
1369
+ ----------------------------- */
1370
+ .eihe-zoom-out-flip-horiz {
1371
+ -webkit-perspective: 50em;
1372
+ -moz-perspective: 50em;
1373
+ perspective: 50em;
1374
+ }
1375
+
1376
+ .eihe-zoom-out-flip-horiz .eihe-caption {
1377
+ opacity: 0;
1378
+ -webkit-transform: rotateX(90deg) translateY(-100%) scale(0.5);
1379
+ -moz-transform: rotateX(90deg) translateY(-100%) scale(0.5);
1380
+ -ms-transform: rotateX(90deg) translateY(-100%) scale(0.5);
1381
+ -o-transform: rotateX(90deg) translateY(-100%) scale(0.5);
1382
+ transform: rotateX(90deg) translateY(-100%) scale(0.5);
1383
+ }
1384
+
1385
+ .eihe-zoom-out-flip-horiz:hover > img, .eihe-zoom-out-flip-horiz.hover > img {
1386
+ -webkit-transform: rotateX(-100deg) translateY(50%) scale(0.5);
1387
+ -moz-transform: rotateX(-100deg) translateY(50%) scale(0.5);
1388
+ -ms-transform: rotateX(-100deg) translateY(50%) scale(0.5);
1389
+ -o-transform: rotateX(-100deg) translateY(50%) scale(0.5);
1390
+ transform: rotateX(-100deg) translateY(50%) scale(0.5);
1391
+ opacity: 0;
1392
+ -webkit-transition-delay: 0;
1393
+ -moz-transition-delay: 0;
1394
+ transition-delay: 0;
1395
+ }
1396
+
1397
+ .eihe-zoom-out-flip-horiz:hover .eihe-caption, .eihe-zoom-out-flip-horiz.hover .eihe-caption {
1398
+ -webkit-transform: rotateX(0) translateY(0%) scale(1);
1399
+ -moz-transform: rotateX(0) translateY(0%) scale(1);
1400
+ -ms-transform: rotateX(0) translateY(0%) scale(1);
1401
+ -o-transform: rotateX(0) translateY(0%) scale(1);
1402
+ transform: rotateX(0) translateY(0%) scale(1);
1403
+ opacity: 1;
1404
+ -webkit-transition-delay: 0.35s;
1405
+ -moz-transition-delay: 0.35s;
1406
+ transition-delay: 0.35s;
1407
+ }
1408
+
1409
+ /* eihe-zoom-out-flip-vert
1410
+ ----------------------------- */
1411
+ .eihe-zoom-out-flip-vert {
1412
+ -webkit-perspective: 50em;
1413
+ -moz-perspective: 50em;
1414
+ perspective: 50em;
1415
+ }
1416
+
1417
+ .eihe-zoom-out-flip-vert .eihe-caption {
1418
+ opacity: 0;
1419
+ -webkit-transform: rotateY(90deg) translate(50%, 0) scale(0.5);
1420
+ -moz-transform: rotateY(90deg) translate(50%, 0) scale(0.5);
1421
+ -ms-transform: rotateY(90deg) translate(50%, 0) scale(0.5);
1422
+ -o-transform: rotateY(90deg) translate(50%, 0) scale(0.5);
1423
+ transform: rotateY(90deg) translate(50%, 0) scale(0.5);
1424
+ }
1425
+
1426
+ .eihe-zoom-out-flip-vert:hover > img, .eihe-zoom-out-flip-vert.hover > img {
1427
+ -webkit-transform: rotateY(-100deg) translateX(50%) scale(0.5);
1428
+ -moz-transform: rotateY(-100deg) translateX(50%) scale(0.5);
1429
+ -ms-transform: rotateY(-100deg) translateX(50%) scale(0.5);
1430
+ -o-transform: rotateY(-100deg) translateX(50%) scale(0.5);
1431
+ transform: rotateY(-100deg) translateX(50%) scale(0.5);
1432
+ opacity: 0;
1433
+ -webkit-transition-delay: 0;
1434
+ -moz-transition-delay: 0;
1435
+ transition-delay: 0;
1436
+ }
1437
+
1438
+ .eihe-zoom-out-flip-vert:hover .eihe-caption, .eihe-zoom-out-flip-vert.hover .eihe-caption {
1439
+ -webkit-transform: rotateY(0) translate(0, 0) scale(1);
1440
+ -moz-transform: rotateY(0) translate(0, 0) scale(1);
1441
+ -ms-transform: rotateY(0) translate(0, 0) scale(1);
1442
+ -o-transform: rotateY(0) translate(0, 0) scale(1);
1443
+ transform: rotateY(0) translate(0, 0) scale(1);
1444
+ opacity: 1;
1445
+ -webkit-transition-delay: 0.35s;
1446
+ -moz-transition-delay: 0.35s;
1447
+ transition-delay: 0.35s;
1448
+ }
1449
+
1450
+ /* eihe-blur
1451
+ ----------------------------- */
1452
+ .eihe-blur .eihe-caption {
1453
+ opacity: 0;
1454
+ }
1455
+
1456
+ .eihe-blur:hover > img {
1457
+ -webkit-filter: blur(30px);
1458
+ filter: blur(30px);
1459
+ -webkit-transform: scale(1.2);
1460
+ -moz-transform: scale(1.2);
1461
+ -ms-transform: scale(1.2);
1462
+ -o-transform: scale(1.2);
1463
+ transform: scale(1.2);
1464
+ opacity: 0;
1465
+ }
1466
+
1467
+ .eihe-blur:hover .eihe-caption {
1468
+ opacity: 1;
1469
+ -webkit-transition-delay: 0.21s;
1470
+ -moz-transition-delay: 0.21s;
1471
+ transition-delay: 0.21s;
1472
  }
assets/style.min.css CHANGED
@@ -1 +1 @@
1
- .elementor-element.elementor-widget-e_image_hover_effects .eihe-box{position:relative;display:block;overflow:hidden;backface-visibility:hidden;-webkit-backface-visibility:hidden;transform:translateZ(0);-o-transform:translateZ(0);-ms-transform:translateZ(0);-moz-transform:translateZ(0);-webkit-transform:translateZ(0);-moz-osx-font-smoothing:grayscale}.elementor-element.elementor-widget-e_image_hover_effects .eihe-box.eihe_flex-start .eihe-caption>*{text-align:left}.elementor-element.elementor-widget-e_image_hover_effects .eihe-box.eihe_center .eihe-caption>*{text-align:center}.elementor-element.elementor-widget-e_image_hover_effects .eihe-box.eihe_flex-end .eihe-caption>*{text-align:right}.elementor-element.elementor-widget-e_image_hover_effects .eihe-box img{position:relative;width:100%;vertical-align:middle}.elementor-element.elementor-widget-e_image_hover_effects .eihe-box .eihe-caption{display:flex;align-items:center;justify-content:center;flex-direction:column;position:absolute;top:0;bottom:0;left:0;right:0;margin:auto;color:#fff;z-index:2}.elementor-element.elementor-widget-e_image_hover_effects .eihe-box .eihe-caption .eihe-title-cover{display:flex;align-items:center;flex-direction:row;margin-bottom:10px}.elementor-element.elementor-widget-e_image_hover_effects .eihe-box .eihe-caption .eihe-title-cover .eihe-title{font-family:arial,sans-serif;font-size:40px;margin:0!important;padding:0!important;color:#fff}.elementor-element.elementor-widget-e_image_hover_effects .eihe-box .eihe-caption .eihe-title-cover i{margin-top:0!important;margin-bottom:0!important;padding:0!important}.elementor-element.elementor-widget-e_image_hover_effects .eihe-box .eihe-caption p{font-family:arial,sans-serif;font-size:16px;margin:0!important;padding:0!important;color:#fff}.elementor-element.elementor-widget-e_image_hover_effects .eihe-box,.elementor-element.elementor-widget-e_image_hover_effects .eihe-box *,.elementor-element.elementor-widget-e_image_hover_effects .eihe-box :after,.elementor-element.elementor-widget-e_image_hover_effects .eihe-box :before,.elementor-element.elementor-widget-e_image_hover_effects .eihe-box:after,.elementor-element.elementor-widget-e_image_hover_effects .eihe-box:before{box-sizing:border-box;-webkit-transition:all .5s ease;-moz-transition:all .5s ease;transition:all .5s ease}.elementor-element.elementor-widget-e_image_hover_effects .eihe-box:before{z-index:1}[class*=' eihe-fade'] .eihe-caption,[class^=eihe-fade] .eihe-caption{opacity:0}[class*=' eihe-fade']:hover .eihe-caption,[class^=eihe-fade]:hover .eihe-caption{opacity:1}[class*=' eihe-fade']:hover .eihe-caption,[class*=' eihe-fade']:hover>img,[class^=eihe-fade]:hover .eihe-caption,[class^=eihe-fade]:hover>img{-webkit-transform:translate(0,0);-moz-transform:translate(0,0);-ms-transform:translate(0,0);-o-transform:translate(0,0);transform:translate(0,0)}.eihe-fade-in-up .eihe-caption{-webkit-transform:translate(0,15%);-moz-transform:translate(0,15%);-ms-transform:translate(0,15%);-o-transform:translate(0,15%);transform:translate(0,15%)}.eihe-fade-in-down .eihe-caption{-webkit-transform:translate(0,-15%);-moz-transform:translate(0,-15%);-ms-transform:translate(0,-15%);-o-transform:translate(0,-15%);transform:translate(0,-15%)}.eihe-fade-in-left .eihe-caption{-webkit-transform:translate(-15%,0);-moz-transform:translate(-15%,0);-ms-transform:translate(-15%,0);-o-transform:translate(-15%,0);transform:translate(-15%,0)}.eihe-fade-in-right .eihe-caption{-webkit-transform:translate(15%,0);-moz-transform:translate(15%,0);-ms-transform:translate(15%,0);-o-transform:translate(15%,0);transform:translate(15%,0)}[class*=' eihe-push-']:hover .eihe-caption,[class^=eihe-push-]:hover .eihe-caption{-webkit-transform:translate(0,0);-moz-transform:translate(0,0);-ms-transform:translate(0,0);-o-transform:translate(0,0);transform:translate(0,0)}.eihe-push-up .eihe-caption{-webkit-transform:translateY(100%);-moz-transform:translateY(100%);-ms-transform:translateY(100%);-o-transform:translateY(100%);transform:translateY(100%)}.eihe-push-up:hover>img{-webkit-transform:translateY(-100%);-moz-transform:translateY(-100%);-ms-transform:translateY(-100%);-o-transform:translateY(-100%);transform:translateY(-100%)}.eihe-push-down .eihe-caption{-webkit-transform:translateY(-100%);-moz-transform:translateY(-100%);-ms-transform:translateY(-100%);-o-transform:translateY(-100%);transform:translateY(-100%)}.eihe-push-down:hover>img{-webkit-transform:translateY(100%);-moz-transform:translateY(100%);-ms-transform:translateY(100%);-o-transform:translateY(100%);transform:translateY(100%)}.eihe-push-left .eihe-caption{-webkit-transform:translateX(100%);-moz-transform:translateX(100%);-ms-transform:translateX(100%);-o-transform:translateX(100%);transform:translateX(100%)}.eihe-push-left:hover>img{-webkit-transform:translateX(-100%);-moz-transform:translateX(-100%);-ms-transform:translateX(-100%);-o-transform:translateX(-100%);transform:translateX(-100%)}.eihe-push-right .eihe-caption{-webkit-transform:translateX(-100%);-moz-transform:translateX(-100%);-ms-transform:translateX(-100%);-o-transform:translateX(-100%);transform:translateX(-100%)}.eihe-push-right:hover>img{-webkit-transform:translateX(100%);-moz-transform:translateX(100%);-ms-transform:translateX(100%);-o-transform:translateX(100%);transform:translateX(100%)}[class*=' eihe-slide-']:hover .eihe-caption,[class^=eihe-slide-]:hover .eihe-caption{-webkit-transform:translate(0,0);-moz-transform:translate(0,0);-ms-transform:translate(0,0);-o-transform:translate(0,0);transform:translate(0,0)}.eihe-slide-up .eihe-caption{-webkit-transform:translateY(100%);-moz-transform:translateY(100%);-ms-transform:translateY(100%);-o-transform:translateY(100%);transform:translateY(100%)}.eihe-slide-down .eihe-caption{-webkit-transform:translateY(-100%);-moz-transform:translateY(-100%);-ms-transform:translateY(-100%);-o-transform:translateY(-100%);transform:translateY(-100%)}.eihe-slide-left .eihe-caption{-webkit-transform:translateX(100%);-moz-transform:translateX(100%);-ms-transform:translateX(100%);-o-transform:translateX(100%);transform:translateX(100%)}.eihe-slide-right .eihe-caption{-webkit-transform:translateX(-100%);-moz-transform:translateX(-100%);-ms-transform:translateX(-100%);-o-transform:translateX(-100%);transform:translateX(-100%)}[class*=' eihe-reveal-']:before,[class^=eihe-reveal-]:before{position:absolute;top:0;bottom:0;left:0;right:0;content:''}[class*=' eihe-reveal-'] .eihe-caption,[class^=eihe-reveal-] .eihe-caption{opacity:0}[class*=' eihe-reveal-']:hover:before,[class^=eihe-reveal-]:hover:before{-webkit-transform:translate(0,0);-moz-transform:translate(0,0);-ms-transform:translate(0,0);-o-transform:translate(0,0);transform:translate(0,0)}[class*=' eihe-reveal-']:hover .eihe-caption,[class^=eihe-reveal-]:hover .eihe-caption{opacity:1;-webkit-transition-delay:.21s;-moz-transition-delay:.21s;transition-delay:.21s}.eihe-reveal-up:before{-webkit-transform:translateY(100%);-moz-transform:translateY(100%);-ms-transform:translateY(100%);-o-transform:translateY(100%);transform:translateY(100%)}.eihe-reveal-down:before{-webkit-transform:translateY(-100%);-moz-transform:translateY(-100%);-ms-transform:translateY(-100%);-o-transform:translateY(-100%);transform:translateY(-100%)}.eihe-reveal-left:before{-webkit-transform:translateX(100%);-moz-transform:translateX(100%);-ms-transform:translateX(100%);-o-transform:translateX(100%);transform:translateX(100%)}.eihe-reveal-right:before{-webkit-transform:translateX(-100%);-moz-transform:translateX(-100%);-ms-transform:translateX(-100%);-o-transform:translateX(-100%);transform:translateX(-100%)}[class*=' eihe-hinge-'],[class^=eihe-hinge-]{-webkit-perspective:50em;-moz-perspective:50em;perspective:50em}[class*=' eihe-hinge-'] .eihe-caption,[class^=eihe-hinge-] .eihe-caption{opacity:0;z-index:1}[class*=' eihe-hinge-']:hover img,[class^=eihe-hinge-]:hover img{opacity:0}[class*=' eihe-hinge-']:hover .eihe-caption,[class^=eihe-hinge-]:hover .eihe-caption{opacity:1;-webkit-transition-delay:.21s;-moz-transition-delay:.21s;transition-delay:.21s}.eihe-hinge-up img{-webkit-transform-origin:50% 0;-moz-transform-origin:50% 0;-ms-transform-origin:50% 0;-o-transform-origin:50% 0;transform-origin:50% 0}.eihe-hinge-up .eihe-caption{-webkit-transform:rotateX(90deg);-moz-transform:rotateX(90deg);-ms-transform:rotateX(90deg);-o-transform:rotateX(90deg);transform:rotateX(90deg);-webkit-transform-origin:50% 100%;-moz-transform-origin:50% 100%;-ms-transform-origin:50% 100%;-o-transform-origin:50% 100%;transform-origin:50% 100%}.eihe-hinge-up:hover>img{-webkit-transform:rotateX(-90deg);-moz-transform:rotateX(-90deg);-ms-transform:rotateX(-90deg);-o-transform:rotateX(-90deg);transform:rotateX(-90deg)}.eihe-hinge-up:hover .eihe-caption{-webkit-transform:rotateX(0);-moz-transform:rotateX(0);-ms-transform:rotateX(0);-o-transform:rotateX(0);transform:rotateX(0)}.eihe-hinge-down img{-webkit-transform-origin:50% 100%;-moz-transform-origin:50% 100%;-ms-transform-origin:50% 100%;-o-transform-origin:50% 100%;transform-origin:50% 100%}.eihe-hinge-down .eihe-caption{-webkit-transform:rotateX(-90deg);-moz-transform:rotateX(-90deg);-ms-transform:rotateX(-90deg);-o-transform:rotateX(-90deg);transform:rotateX(-90deg);-webkit-transform-origin:50% -50%;-moz-transform-origin:50% -50%;-ms-transform-origin:50% -50%;-o-transform-origin:50% -50%;transform-origin:50% -50%}.eihe-hinge-down:hover>img{-webkit-transform:rotateX(90deg);-moz-transform:rotateX(90deg);-ms-transform:rotateX(90deg);-o-transform:rotateX(90deg);transform:rotateX(90deg);opacity:0}.eihe-hinge-down:hover .eihe-caption{-webkit-transform:rotateX(0);-moz-transform:rotateX(0);-ms-transform:rotateX(0);-o-transform:rotateX(0);transform:rotateX(0)}.eihe-hinge-left img{-webkit-transform-origin:0 50%;-moz-transform-origin:0 50%;-ms-transform-origin:0 50%;-o-transform-origin:0 50%;transform-origin:0 50%}.eihe-hinge-left .eihe-caption{-webkit-transform:rotateY(-90deg);-moz-transform:rotateY(-90deg);-ms-transform:rotateY(-90deg);-o-transform:rotateY(-90deg);transform:rotateY(-90deg);-webkit-transform-origin:100% 50%;-moz-transform-origin:100% 50%;-ms-transform-origin:100% 50%;-o-transform-origin:100% 50%;transform-origin:100% 50%}.eihe-hinge-left:hover>img{-webkit-transform:rotateY(90deg);-moz-transform:rotateY(90deg);-ms-transform:rotateY(90deg);-o-transform:rotateY(90deg);transform:rotateY(90deg)}.eihe-hinge-left:hover .eihe-caption{-webkit-transform:rotateY(0);-moz-transform:rotateY(0);-ms-transform:rotateY(0);-o-transform:rotateY(0);transform:rotateY(0)}.eihe-hinge-right img{-webkit-transform-origin:100% 50%;-moz-transform-origin:100% 50%;-ms-transform-origin:100% 50%;-o-transform-origin:100% 50%;transform-origin:100% 50%}.eihe-hinge-right .eihe-caption{-webkit-transform:rotateY(90deg);-moz-transform:rotateY(90deg);-ms-transform:rotateY(90deg);-o-transform:rotateY(90deg);transform:rotateY(90deg);-webkit-transform-origin:0 50%;-moz-transform-origin:0 50%;-ms-transform-origin:0 50%;-o-transform-origin:0 50%;transform-origin:0 50%}.eihe-hinge-right:hover>img{-webkit-transform:rotateY(-90deg);-moz-transform:rotateY(-90deg);-ms-transform:rotateY(-90deg);-o-transform:rotateY(-90deg);transform:rotateY(-90deg)}.eihe-hinge-right:hover .eihe-caption{-webkit-transform:rotateY(0);-moz-transform:rotateY(0);-ms-transform:rotateY(0);-o-transform:rotateY(0);transform:rotateY(0)}[class*=' eihe-flip-'],[class^=eihe-flip-]{-webkit-perspective:50em;-moz-perspective:50em;perspective:50em}[class*=' eihe-flip-'] img,[class^=eihe-flip-] img{backface-visibility:hidden}[class*=' eihe-flip-'] .eihe-caption,[class^=eihe-flip-] .eihe-caption{opacity:0}[class*=' eihe-flip-']:hover>img,[class^=eihe-flip-]:hover>img{opacity:0}[class*=' eihe-flip-']:hover .eihe-caption,[class^=eihe-flip-]:hover .eihe-caption{opacity:1;-webkit-transition-delay:.14s;-moz-transition-delay:.14s;transition-delay:.14s}.eihe-flip-horiz .eihe-caption{-webkit-transform:rotateX(90deg);-moz-transform:rotateX(90deg);-ms-transform:rotateX(90deg);-o-transform:rotateX(90deg);transform:rotateX(90deg);-webkit-transform-origin:0 50%;-moz-transform-origin:0 50%;-ms-transform-origin:0 50%;-o-transform-origin:0 50%;transform-origin:0 50%}.eihe-flip-horiz:hover img{-webkit-transform:rotateX(-180deg);-moz-transform:rotateX(-180deg);-ms-transform:rotateX(-180deg);-o-transform:rotateX(-180deg);transform:rotateX(-180deg)}.eihe-flip-horiz:hover .eihe-caption{-webkit-transform:rotateX(0);-moz-transform:rotateX(0);-ms-transform:rotateX(0);-o-transform:rotateX(0);transform:rotateX(0)}.eihe-flip-vert .eihe-caption{-webkit-transform:rotateY(90deg);-moz-transform:rotateY(90deg);-ms-transform:rotateY(90deg);-o-transform:rotateY(90deg);transform:rotateY(90deg);-webkit-transform-origin:50% 0;-moz-transform-origin:50% 0;-ms-transform-origin:50% 0;-o-transform-origin:50% 0;transform-origin:50% 0}.eihe-flip-vert:hover>img{-webkit-transform:rotateY(-180deg);-moz-transform:rotateY(-180deg);-ms-transform:rotateY(-180deg);-o-transform:rotateY(-180deg);transform:rotateY(-180deg)}.eihe-flip-vert:hover .eihe-caption{-webkit-transform:rotateY(0);-moz-transform:rotateY(0);-ms-transform:rotateY(0);-o-transform:rotateY(0);transform:rotateY(0)}.eihe-flip-diag-1 .eihe-caption{-webkit-transform:rotate3d(1,-1,0,100deg);-moz-transform:rotate3d(1,-1,0,100deg);-ms-transform:rotate3d(1,-1,0,100deg);-o-transform:rotate3d(1,-1,0,100deg);transform:rotate3d(1,-1,0,100deg)}.eihe-flip-diag-1:hover>img{-webkit-transform:rotate3d(-1,1,0,100deg);-moz-transform:rotate3d(-1,1,0,100deg);-ms-transform:rotate3d(-1,1,0,100deg);-o-transform:rotate3d(-1,1,0,100deg);transform:rotate3d(-1,1,0,100deg)}.eihe-flip-diag-1:hover .eihe-caption{-webkit-transform:rotate3d(0,0,0,0deg);-moz-transform:rotate3d(0,0,0,0deg);-ms-transform:rotate3d(0,0,0,0deg);-o-transform:rotate3d(0,0,0,0deg);transform:rotate3d(0,0,0,0deg)}.eihe-flip-diag-2 .eihe-caption{-webkit-transform:rotate3d(1,1,0,100deg);-moz-transform:rotate3d(1,1,0,100deg);-ms-transform:rotate3d(1,1,0,100deg);-o-transform:rotate3d(1,1,0,100deg);transform:rotate3d(1,1,0,100deg)}.eihe-flip-diag-2:hover>img{-webkit-transform:rotate3d(-1,-1,0,100deg);-moz-transform:rotate3d(-1,-1,0,100deg);-ms-transform:rotate3d(-1,-1,0,100deg);-o-transform:rotate3d(-1,-1,0,100deg);transform:rotate3d(-1,-1,0,100deg)}.eihe-flip-diag-2:hover .eihe-caption{-webkit-transform:rotate3d(0,0,0,0deg);-moz-transform:rotate3d(0,0,0,0deg);-ms-transform:rotate3d(0,0,0,0deg);-o-transform:rotate3d(0,0,0,0deg);transform:rotate3d(0,0,0,0deg)}[class*=' eihe-shutter-out-']:before,[class^=eihe-shutter-out-]:before{position:absolute;content:'';-webkit-transition-delay:105ms;-moz-transition-delay:105ms;transition-delay:105ms}[class*=' eihe-shutter-out-'] .eihe-caption,[class^=eihe-shutter-out-] .eihe-caption{opacity:0;-webkit-transition-delay:0s;-moz-transition-delay:0s;transition-delay:0s}[class*=' eihe-shutter-out-']:hover:before,[class^=eihe-shutter-out-]:hover:before{-webkit-transition-delay:0s;-moz-transition-delay:0s;transition-delay:0s}[class*=' eihe-shutter-out-']:hover .eihe-caption,[class^=eihe-shutter-out-]:hover .eihe-caption{opacity:1;-webkit-transition-delay:105ms;-moz-transition-delay:105ms;transition-delay:105ms}.eihe-shutter-out-horiz:before{left:50%;right:50%;top:0;bottom:0}.eihe-shutter-out-horiz:hover:before{left:0;right:0}.eihe-shutter-out-vert:before{top:50%;bottom:50%;left:0;right:0}.eihe-shutter-out-vert:hover:before{top:0;bottom:0}.eihe-shutter-out-diag-1:before{top:50%;bottom:50%;left:-35%;right:-35%;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg)}.eihe-shutter-out-diag-1:hover:before{top:-35%;bottom:-35%}.eihe-shutter-out-diag-2:before{top:50%;bottom:50%;left:-35%;right:-35%;-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg)}.eihe-shutter-out-diag-2:hover:before{top:-35%;bottom:-35%}[class*=' eihe-shutter-in-']:after,[class*=' eihe-shutter-in-']:before,[class^=eihe-shutter-in-]:after,[class^=eihe-shutter-in-]:before{position:absolute;content:''}[class*=' eihe-shutter-in-']:after,[class^=eihe-shutter-in-]:after{top:0;left:0}[class*=' eihe-shutter-in-']:before,[class^=eihe-shutter-in-]:before{right:0;bottom:0}[class*=' eihe-shutter-in-'] .eihe-caption,[class^=eihe-shutter-in-] .eihe-caption{opacity:0;z-index:1}[class*=' eihe-shutter-in-']:hover .eihe-caption,[class^=eihe-shutter-in-]:hover .eihe-caption{opacity:1;-webkit-transition-delay:.21s;-moz-transition-delay:.21s;transition-delay:.21s}.eihe-shutter-in-horiz:after,.eihe-shutter-in-horiz:before{width:0;height:100%}.eihe-shutter-in-horiz:hover:after,.eihe-shutter-in-horiz:hover:before{width:50%}.eihe-shutter-in-vert:after,.eihe-shutter-in-vert:before{height:0;width:100%}.eihe-shutter-in-vert:hover:after,.eihe-shutter-in-vert:hover:before{height:50%}.eihe-shutter-in-out-horiz:after,.eihe-shutter-in-out-horiz:before{width:0;height:100%;opacity:.75}.eihe-shutter-in-out-horiz:hover:after,.eihe-shutter-in-out-horiz:hover:before{width:100%}.eihe-shutter-in-out-vert:after,.eihe-shutter-in-out-vert:before{height:0;width:100%;opacity:.75}.eihe-shutter-in-out-vert:hover:after,.eihe-shutter-in-out-vert:hover:before{height:100%}.eihe-shutter-in-out-diag-1:after,.eihe-shutter-in-out-diag-1:before{width:200%;height:200%;-webkit-transition:all .6s ease;-moz-transition:all .6s ease;transition:all .6s ease;opacity:.75}.eihe-shutter-in-out-diag-1:after{-webkit-transform:skew(-45deg) translateX(-150%);-moz-transform:skew(-45deg) translateX(-150%);-ms-transform:skew(-45deg) translateX(-150%);-o-transform:skew(-45deg) translateX(-150%);transform:skew(-45deg) translateX(-150%)}.eihe-shutter-in-out-diag-1:before{-webkit-transform:skew(-45deg) translateX(150%);-moz-transform:skew(-45deg) translateX(150%);-ms-transform:skew(-45deg) translateX(150%);-o-transform:skew(-45deg) translateX(150%);transform:skew(-45deg) translateX(150%)}.eihe-shutter-in-out-diag-1:hover:after{-webkit-transform:skew(-45deg) translateX(-50%);-moz-transform:skew(-45deg) translateX(-50%);-ms-transform:skew(-45deg) translateX(-50%);-o-transform:skew(-45deg) translateX(-50%);transform:skew(-45deg) translateX(-50%)}.eihe-shutter-in-out-diag-1:hover:before{-webkit-transform:skew(-45deg) translateX(50%);-moz-transform:skew(-45deg) translateX(50%);-ms-transform:skew(-45deg) translateX(50%);-o-transform:skew(-45deg) translateX(50%);transform:skew(-45deg) translateX(50%)}.eihe-shutter-in-out-diag-2:after,.eihe-shutter-in-out-diag-2:before{width:200%;height:200%;-webkit-transition:all .6s ease;-moz-transition:all .6s ease;transition:all .6s ease;opacity:.75}.eihe-shutter-in-out-diag-2:after{-webkit-transform:skew(45deg) translateX(-100%);-moz-transform:skew(45deg) translateX(-100%);-ms-transform:skew(45deg) translateX(-100%);-o-transform:skew(45deg) translateX(-100%);transform:skew(45deg) translateX(-100%)}.eihe-shutter-in-out-diag-2:before{-webkit-transform:skew(45deg) translateX(100%);-moz-transform:skew(45deg) translateX(100%);-ms-transform:skew(45deg) translateX(100%);-o-transform:skew(45deg) translateX(100%);transform:skew(45deg) translateX(100%)}.eihe-shutter-in-out-diag-2:hover:after{-webkit-transform:skew(45deg) translateX(0);-moz-transform:skew(45deg) translateX(0);-ms-transform:skew(45deg) translateX(0);-o-transform:skew(45deg) translateX(0);transform:skew(45deg) translateX(0)}.eihe-shutter-in-out-diag-2:hover:before{-webkit-transform:skew(45deg) translateX(0);-moz-transform:skew(45deg) translateX(0);-ms-transform:skew(45deg) translateX(0);-o-transform:skew(45deg) translateX(0);transform:skew(45deg) translateX(0)}[class*=' eihe-fold'],[class^=eihe-fold]{-webkit-perspective:50em;-moz-perspective:50em;perspective:50em}[class*=' eihe-fold'] img,[class^=eihe-fold] img{-webkit-transform-origin:50% 0;-moz-transform-origin:50% 0;-ms-transform-origin:50% 0;-o-transform-origin:50% 0;transform-origin:50% 0}[class*=' eihe-fold'] .eihe-caption,[class^=eihe-fold] .eihe-caption{z-index:1;opacity:0}[class*=' eihe-fold']:hover>img,[class^=eihe-fold]:hover>img{opacity:0;-webkit-transition-delay:0;-moz-transition-delay:0;transition-delay:0}[class*=' eihe-fold']:hover .eihe-caption,[class^=eihe-fold]:hover .eihe-caption{-webkit-transform:rotateX(0) translate3d(0,0,0) scale(1);-moz-transform:rotateX(0) translate3d(0,0,0) scale(1);-ms-transform:rotateX(0) translate3d(0,0,0) scale(1);-o-transform:rotateX(0) translate3d(0,0,0) scale(1);transform:rotateX(0) translate3d(0,0,0) scale(1);opacity:1;-webkit-transition-delay:.21s;-moz-transition-delay:.21s;transition-delay:.21s}.eihe-fold-up>img{-webkit-transform-origin:50% 0;-moz-transform-origin:50% 0;-ms-transform-origin:50% 0;-o-transform-origin:50% 0;transform-origin:50% 0}.eihe-fold-up .eihe-caption{-webkit-transform:rotateX(-90deg) translate3d(0,-50%,0) scale(.6);-moz-transform:rotateX(-90deg) translate3d(0,-50%,0) scale(.6);-ms-transform:rotateX(-90deg) translate3d(0,-50%,0) scale(.6);-o-transform:rotateX(-90deg) translate3d(0,-50%,0) scale(.6);transform:rotateX(-90deg) translate3d(0,-50%,0) scale(.6);-webkit-transform-origin:50% 100%;-moz-transform-origin:50% 100%;-ms-transform-origin:50% 100%;-o-transform-origin:50% 100%;transform-origin:50% 100%}.eihe-fold-up:hover>img{-webkit-transform:rotateX(90deg) scale(.6) translateY(50%);-moz-transform:rotateX(90deg) scale(.6) translateY(50%);-ms-transform:rotateX(90deg) scale(.6) translateY(50%);-o-transform:rotateX(90deg) scale(.6) translateY(50%);transform:rotateX(90deg) scale(.6) translateY(50%)}.eihe-fold-down>img{-webkit-transform-origin:50% 100%;-moz-transform-origin:50% 100%;-ms-transform-origin:50% 100%;-o-transform-origin:50% 100%;transform-origin:50% 100%}.eihe-fold-down .eihe-caption{-webkit-transform:rotateX(90deg) translate3d(0,50%,0) scale(.6);-moz-transform:rotateX(90deg) translate3d(0,50%,0) scale(.6);-ms-transform:rotateX(90deg) translate3d(0,50%,0) scale(.6);-o-transform:rotateX(90deg) translate3d(0,50%,0) scale(.6);transform:rotateX(90deg) translate3d(0,50%,0) scale(.6);-webkit-transform-origin:50% 0;-moz-transform-origin:50% 0;-ms-transform-origin:50% 0;-o-transform-origin:50% 0;transform-origin:50% 0}.eihe-fold-down:hover>img{-webkit-transform:rotateX(-90deg) scale(.6) translateY(-50%);-moz-transform:rotateX(-90deg) scale(.6) translateY(-50%);-ms-transform:rotateX(-90deg) scale(.6) translateY(-50%);-o-transform:rotateX(-90deg) scale(.6) translateY(-50%);transform:rotateX(-90deg) scale(.6) translateY(-50%)}.eihe-fold-left>img{-webkit-transform-origin:0 50%;-moz-transform-origin:0 50%;-ms-transform-origin:0 50%;-o-transform-origin:0 50%;transform-origin:0 50%}.eihe-fold-left .eihe-caption{-webkit-transform:rotateY(90deg) translate3d(-50%,0,0) scale(.6);-moz-transform:rotateY(90deg) translate3d(-50%,0,0) scale(.6);-ms-transform:rotateY(90deg) translate3d(-50%,0,0) scale(.6);-o-transform:rotateY(90deg) translate3d(-50%,0,0) scale(.6);transform:rotateY(90deg) translate3d(-50%,0,0) scale(.6);-webkit-transform-origin:100% 50%;-moz-transform-origin:100% 50%;-ms-transform-origin:100% 50%;-o-transform-origin:100% 50%;transform-origin:100% 50%}.eihe-fold-left:hover>img{-webkit-transform:rotateY(-90deg) scale(.6) translateX(50%);-moz-transform:rotateY(-90deg) scale(.6) translateX(50%);-ms-transform:rotateY(-90deg) scale(.6) translateX(50%);-o-transform:rotateY(-90deg) scale(.6) translateX(50%);transform:rotateY(-90deg) scale(.6) translateX(50%)}.eihe-fold-right>img{-webkit-transform-origin:100% 50%;-moz-transform-origin:100% 50%;-ms-transform-origin:100% 50%;-o-transform-origin:100% 50%;transform-origin:100% 50%}.eihe-fold-right .eihe-caption{-webkit-transform:rotateY(-90deg) translate3d(50%,0,0) scale(.6);-moz-transform:rotateY(-90deg) translate3d(50%,0,0) scale(.6);-ms-transform:rotateY(-90deg) translate3d(50%,0,0) scale(.6);-o-transform:rotateY(-90deg) translate3d(50%,0,0) scale(.6);transform:rotateY(-90deg) translate3d(50%,0,0) scale(.6);-webkit-transform-origin:0 50%;-moz-transform-origin:0 50%;-ms-transform-origin:0 50%;-o-transform-origin:0 50%;transform-origin:0 50%}.eihe-fold-right:hover>img{-webkit-transform:rotateY(90deg) scale(.6) translateX(-50%);-moz-transform:rotateY(90deg) scale(.6) translateX(-50%);-ms-transform:rotateY(90deg) scale(.6) translateX(-50%);-o-transform:rotateY(90deg) scale(.6) translateX(-50%);transform:rotateY(90deg) scale(.6) translateX(-50%)}.eihe-zoom-in .eihe-caption{opacity:0;-webkit-transform:scale(.5);-moz-transform:scale(.5);-ms-transform:scale(.5);-o-transform:scale(.5);transform:scale(.5)}.eihe-zoom-in:hover .eihe-caption{-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1);opacity:1}[class*=' eihe-zoom-out'] .eihe-caption,[class^=eihe-zoom-out] .eihe-caption{-webkit-transform:scale(.5);-moz-transform:scale(.5);-ms-transform:scale(.5);-o-transform:scale(.5);transform:scale(.5);-webkit-transform-origin:50% 50%;-moz-transform-origin:50% 50%;-ms-transform-origin:50% 50%;-o-transform-origin:50% 50%;transform-origin:50% 50%;opacity:0}[class*=' eihe-zoom-out'].hover .eihe-caption,[class*=' eihe-zoom-out']:hover .eihe-caption,[class^=eihe-zoom-out].hover .eihe-caption,[class^=eihe-zoom-out]:hover .eihe-caption{-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1);opacity:1;-webkit-transition-delay:.35s;-moz-transition-delay:.35s;transition-delay:.35s}.eihe-zoom-out:hover>img{-webkit-transform:scale(.5);-moz-transform:scale(.5);-ms-transform:scale(.5);-o-transform:scale(.5);transform:scale(.5);opacity:0}.eihe-zoom-out-up.hover>img,.eihe-zoom-out-up:hover>img{-webkit-animation:eihe-zoom-out-up .4025s linear;-moz-animation:eihe-zoom-out-up .4025s linear;animation:eihe-zoom-out-up .4025s linear;-webkit-animation-iteration-count:1;-moz-animation-iteration-count:1;animation-iteration-count:1;-webkit-animation-fill-mode:forwards;-moz-animation-fill-mode:forwards;animation-fill-mode:forwards}@-webkit-keyframes eihe-zoom-out-up{50%{-webkit-transform:scale(.8) translateY(0);-moz-transform:scale(.8) translateY(0);-ms-transform:scale(.8) translateY(0);-o-transform:scale(.8) translateY(0);transform:scale(.8) translateY(0);opacity:.5}100%{-webkit-transform:scale(.8) translateY(-150%);-moz-transform:scale(.8) translateY(-150%);-ms-transform:scale(.8) translateY(-150%);-o-transform:scale(.8) translateY(-150%);transform:scale(.8) translateY(-150%);opacity:.5}}@keyframes eihe-zoom-out-up{50%{-webkit-transform:scale(.8) translateY(0);-moz-transform:scale(.8) translateY(0);-ms-transform:scale(.8) translateY(0);-o-transform:scale(.8) translateY(0);transform:scale(.8) translateY(0);opacity:.5}100%{-webkit-transform:scale(.8) translateY(-150%);-moz-transform:scale(.8) translateY(-150%);-ms-transform:scale(.8) translateY(-150%);-o-transform:scale(.8) translateY(-150%);transform:scale(.8) translateY(-150%);opacity:.5}}.eihe-zoom-out-down.hover>img,.eihe-zoom-out-down:hover>img{-webkit-animation:eihe-zoom-out-down .4025s linear;-moz-animation:eihe-zoom-out-down .4025s linear;animation:eihe-zoom-out-down .4025s linear;-webkit-animation-iteration-count:1;-moz-animation-iteration-count:1;animation-iteration-count:1;-webkit-animation-fill-mode:forwards;-moz-animation-fill-mode:forwards;animation-fill-mode:forwards}@-webkit-keyframes eihe-zoom-out-down{50%{-webkit-transform:scale(.8) translateY(0);-moz-transform:scale(.8) translateY(0);-ms-transform:scale(.8) translateY(0);-o-transform:scale(.8) translateY(0);transform:scale(.8) translateY(0);opacity:.5}100%{-webkit-transform:scale(.8) translateY(150%);-moz-transform:scale(.8) translateY(150%);-ms-transform:scale(.8) translateY(150%);-o-transform:scale(.8) translateY(150%);transform:scale(.8) translateY(150%);opacity:.5}}@keyframes eihe-zoom-out-down{50%{-webkit-transform:scale(.8) translateY(0);-moz-transform:scale(.8) translateY(0);-ms-transform:scale(.8) translateY(0);-o-transform:scale(.8) translateY(0);transform:scale(.8) translateY(0);opacity:.5}100%{-webkit-transform:scale(.8) translateY(150%);-moz-transform:scale(.8) translateY(150%);-ms-transform:scale(.8) translateY(150%);-o-transform:scale(.8) translateY(150%);transform:scale(.8) translateY(150%);opacity:.5}}.eihe-zoom-out-left.hover>img,.eihe-zoom-out-left:hover>img{-webkit-animation:eihe-zoom-out-left .4025s linear;-moz-animation:eihe-zoom-out-left .4025s linear;animation:eihe-zoom-out-left .4025s linear;-webkit-animation-iteration-count:1;-moz-animation-iteration-count:1;animation-iteration-count:1;-webkit-animation-fill-mode:forwards;-moz-animation-fill-mode:forwards;animation-fill-mode:forwards}@-webkit-keyframes eihe-zoom-out-left{50%{-webkit-transform:scale(.8) translateX(0);-moz-transform:scale(.8) translateX(0);-ms-transform:scale(.8) translateX(0);-o-transform:scale(.8) translateX(0);transform:scale(.8) translateX(0);opacity:.5}100%{-webkit-transform:scale(.8) translateX(-150%);-moz-transform:scale(.8) translateX(-150%);-ms-transform:scale(.8) translateX(-150%);-o-transform:scale(.8) translateX(-150%);transform:scale(.8) translateX(-150%);opacity:.5}}@keyframes eihe-zoom-out-left{50%{-webkit-transform:scale(.8) translateX(0);-moz-transform:scale(.8) translateX(0);-ms-transform:scale(.8) translateX(0);-o-transform:scale(.8) translateX(0);transform:scale(.8) translateX(0);opacity:.5}100%{-webkit-transform:scale(.8) translateX(-150%);-moz-transform:scale(.8) translateX(-150%);-ms-transform:scale(.8) translateX(-150%);-o-transform:scale(.8) translateX(-150%);transform:scale(.8) translateX(-150%);opacity:.5}}.eihe-zoom-out-right.hover>img,.eihe-zoom-out-right:hover>img{-webkit-animation:eihe-zoom-out-right .4025s linear;-moz-animation:eihe-zoom-out-right .4025s linear;animation:eihe-zoom-out-right .4025s linear;-webkit-animation-iteration-count:1;-moz-animation-iteration-count:1;animation-iteration-count:1;-webkit-animation-fill-mode:forwards;-moz-animation-fill-mode:forwards;animation-fill-mode:forwards}@-webkit-keyframes eihe-zoom-out-right{50%{-webkit-transform:scale(.8) translateX(0);-moz-transform:scale(.8) translateX(0);-ms-transform:scale(.8) translateX(0);-o-transform:scale(.8) translateX(0);transform:scale(.8) translateX(0);opacity:.5}100%{-webkit-transform:scale(.8) translateX(150%);-moz-transform:scale(.8) translateX(150%);-ms-transform:scale(.8) translateX(150%);-o-transform:scale(.8) translateX(150%);transform:scale(.8) translateX(150%);opacity:.5}}@keyframes eihe-zoom-out-right{50%{-webkit-transform:scale(.8) translateX(0);-moz-transform:scale(.8) translateX(0);-ms-transform:scale(.8) translateX(0);-o-transform:scale(.8) translateX(0);transform:scale(.8) translateX(0);opacity:.5}100%{-webkit-transform:scale(.8) translateX(150%);-moz-transform:scale(.8) translateX(150%);-ms-transform:scale(.8) translateX(150%);-o-transform:scale(.8) translateX(150%);transform:scale(.8) translateX(150%);opacity:.5}}.eihe-zoom-out-flip-horiz{-webkit-perspective:50em;-moz-perspective:50em;perspective:50em}.eihe-zoom-out-flip-horiz .eihe-caption{opacity:0;-webkit-transform:rotateX(90deg) translateY(-100%) scale(.5);-moz-transform:rotateX(90deg) translateY(-100%) scale(.5);-ms-transform:rotateX(90deg) translateY(-100%) scale(.5);-o-transform:rotateX(90deg) translateY(-100%) scale(.5);transform:rotateX(90deg) translateY(-100%) scale(.5)}.eihe-zoom-out-flip-horiz.hover>img,.eihe-zoom-out-flip-horiz:hover>img{-webkit-transform:rotateX(-100deg) translateY(50%) scale(.5);-moz-transform:rotateX(-100deg) translateY(50%) scale(.5);-ms-transform:rotateX(-100deg) translateY(50%) scale(.5);-o-transform:rotateX(-100deg) translateY(50%) scale(.5);transform:rotateX(-100deg) translateY(50%) scale(.5);opacity:0;-webkit-transition-delay:0;-moz-transition-delay:0;transition-delay:0}.eihe-zoom-out-flip-horiz.hover .eihe-caption,.eihe-zoom-out-flip-horiz:hover .eihe-caption{-webkit-transform:rotateX(0) translateY(0) scale(1);-moz-transform:rotateX(0) translateY(0) scale(1);-ms-transform:rotateX(0) translateY(0) scale(1);-o-transform:rotateX(0) translateY(0) scale(1);transform:rotateX(0) translateY(0) scale(1);opacity:1;-webkit-transition-delay:.35s;-moz-transition-delay:.35s;transition-delay:.35s}.eihe-zoom-out-flip-vert{-webkit-perspective:50em;-moz-perspective:50em;perspective:50em}.eihe-zoom-out-flip-vert .eihe-caption{opacity:0;-webkit-transform:rotateY(90deg) translate(50%,0) scale(.5);-moz-transform:rotateY(90deg) translate(50%,0) scale(.5);-ms-transform:rotateY(90deg) translate(50%,0) scale(.5);-o-transform:rotateY(90deg) translate(50%,0) scale(.5);transform:rotateY(90deg) translate(50%,0) scale(.5)}.eihe-zoom-out-flip-vert.hover>img,.eihe-zoom-out-flip-vert:hover>img{-webkit-transform:rotateY(-100deg) translateX(50%) scale(.5);-moz-transform:rotateY(-100deg) translateX(50%) scale(.5);-ms-transform:rotateY(-100deg) translateX(50%) scale(.5);-o-transform:rotateY(-100deg) translateX(50%) scale(.5);transform:rotateY(-100deg) translateX(50%) scale(.5);opacity:0;-webkit-transition-delay:0;-moz-transition-delay:0;transition-delay:0}.eihe-zoom-out-flip-vert.hover .eihe-caption,.eihe-zoom-out-flip-vert:hover .eihe-caption{-webkit-transform:rotateY(0) translate(0,0) scale(1);-moz-transform:rotateY(0) translate(0,0) scale(1);-ms-transform:rotateY(0) translate(0,0) scale(1);-o-transform:rotateY(0) translate(0,0) scale(1);transform:rotateY(0) translate(0,0) scale(1);opacity:1;-webkit-transition-delay:.35s;-moz-transition-delay:.35s;transition-delay:.35s}.eihe-blur .eihe-caption{opacity:0}.eihe-blur:hover>img{-webkit-filter:blur(30px);filter:blur(30px);-webkit-transform:scale(1.2);-moz-transform:scale(1.2);-ms-transform:scale(1.2);-o-transform:scale(1.2);transform:scale(1.2);opacity:0}.eihe-blur:hover .eihe-caption{opacity:1;-webkit-transition-delay:.21s;-moz-transition-delay:.21s;transition-delay:.21s}
1
+ .eihe-icon{display:flex;align-items:center}.eihe-icon svg{width:100%;fill:currentColor}.elementor-element.elementor-widget-e_image_hover_effects .eihe-box{position:relative;display:block;overflow:hidden;backface-visibility:hidden;-webkit-backface-visibility:hidden;transform:translateZ(0);-o-transform:translateZ(0);-ms-transform:translateZ(0);-moz-transform:translateZ(0);-webkit-transform:translateZ(0);-moz-osx-font-smoothing:grayscale}.elementor-element.elementor-widget-e_image_hover_effects .eihe-box.eihe_flex-start .eihe-caption>*{text-align:left}.elementor-element.elementor-widget-e_image_hover_effects .eihe-box.eihe_center .eihe-caption>*{text-align:center}.elementor-element.elementor-widget-e_image_hover_effects .eihe-box.eihe_flex-end .eihe-caption>*{text-align:right}.elementor-element.elementor-widget-e_image_hover_effects .eihe-box img{position:relative;width:100%;vertical-align:middle}.elementor-element.elementor-widget-e_image_hover_effects .eihe-box .eihe-caption{display:flex;align-items:center;justify-content:center;flex-direction:column;position:absolute;top:0;bottom:0;left:0;right:0;margin:auto;color:#fff;z-index:2}.elementor-element.elementor-widget-e_image_hover_effects .eihe-box .eihe-caption .eihe-title-cover{display:flex;align-items:center;flex-direction:row;margin-bottom:10px}.elementor-element.elementor-widget-e_image_hover_effects .eihe-box .eihe-caption .eihe-title-cover .eihe-title{font-family:arial,sans-serif;font-size:40px;margin:0!important;padding:0!important;color:#fff}.elementor-element.elementor-widget-e_image_hover_effects .eihe-box .eihe-caption .eihe-title-cover i{margin-top:0!important;margin-bottom:0!important;padding:0!important}.elementor-element.elementor-widget-e_image_hover_effects .eihe-box .eihe-caption p{font-family:arial,sans-serif;font-size:16px;margin:0!important;padding:0!important;color:#fff}.elementor-element.elementor-widget-e_image_hover_effects .eihe-box,.elementor-element.elementor-widget-e_image_hover_effects .eihe-box *,.elementor-element.elementor-widget-e_image_hover_effects .eihe-box :after,.elementor-element.elementor-widget-e_image_hover_effects .eihe-box :before,.elementor-element.elementor-widget-e_image_hover_effects .eihe-box:after,.elementor-element.elementor-widget-e_image_hover_effects .eihe-box:before{box-sizing:border-box;-webkit-transition:all .5s ease;-moz-transition:all .5s ease;transition:all .5s ease}.elementor-element.elementor-widget-e_image_hover_effects .eihe-box:before{z-index:1}[class*=' eihe-fade'] .eihe-caption,[class^=eihe-fade] .eihe-caption{opacity:0}[class*=' eihe-fade']:hover .eihe-caption,[class^=eihe-fade]:hover .eihe-caption{opacity:1}[class*=' eihe-fade']:hover .eihe-caption,[class*=' eihe-fade']:hover>img,[class^=eihe-fade]:hover .eihe-caption,[class^=eihe-fade]:hover>img{-webkit-transform:translate(0,0);-moz-transform:translate(0,0);-ms-transform:translate(0,0);-o-transform:translate(0,0);transform:translate(0,0)}.eihe-fade-in-up .eihe-caption{-webkit-transform:translate(0,15%);-moz-transform:translate(0,15%);-ms-transform:translate(0,15%);-o-transform:translate(0,15%);transform:translate(0,15%)}.eihe-fade-in-down .eihe-caption{-webkit-transform:translate(0,-15%);-moz-transform:translate(0,-15%);-ms-transform:translate(0,-15%);-o-transform:translate(0,-15%);transform:translate(0,-15%)}.eihe-fade-in-left .eihe-caption{-webkit-transform:translate(-15%,0);-moz-transform:translate(-15%,0);-ms-transform:translate(-15%,0);-o-transform:translate(-15%,0);transform:translate(-15%,0)}.eihe-fade-in-right .eihe-caption{-webkit-transform:translate(15%,0);-moz-transform:translate(15%,0);-ms-transform:translate(15%,0);-o-transform:translate(15%,0);transform:translate(15%,0)}[class*=' eihe-push-']:hover .eihe-caption,[class^=eihe-push-]:hover .eihe-caption{-webkit-transform:translate(0,0);-moz-transform:translate(0,0);-ms-transform:translate(0,0);-o-transform:translate(0,0);transform:translate(0,0)}.eihe-push-up .eihe-caption{-webkit-transform:translateY(100%);-moz-transform:translateY(100%);-ms-transform:translateY(100%);-o-transform:translateY(100%);transform:translateY(100%)}.eihe-push-up:hover>img{-webkit-transform:translateY(-100%);-moz-transform:translateY(-100%);-ms-transform:translateY(-100%);-o-transform:translateY(-100%);transform:translateY(-100%)}.eihe-push-down .eihe-caption{-webkit-transform:translateY(-100%);-moz-transform:translateY(-100%);-ms-transform:translateY(-100%);-o-transform:translateY(-100%);transform:translateY(-100%)}.eihe-push-down:hover>img{-webkit-transform:translateY(100%);-moz-transform:translateY(100%);-ms-transform:translateY(100%);-o-transform:translateY(100%);transform:translateY(100%)}.eihe-push-left .eihe-caption{-webkit-transform:translateX(100%);-moz-transform:translateX(100%);-ms-transform:translateX(100%);-o-transform:translateX(100%);transform:translateX(100%)}.eihe-push-left:hover>img{-webkit-transform:translateX(-100%);-moz-transform:translateX(-100%);-ms-transform:translateX(-100%);-o-transform:translateX(-100%);transform:translateX(-100%)}.eihe-push-right .eihe-caption{-webkit-transform:translateX(-100%);-moz-transform:translateX(-100%);-ms-transform:translateX(-100%);-o-transform:translateX(-100%);transform:translateX(-100%)}.eihe-push-right:hover>img{-webkit-transform:translateX(100%);-moz-transform:translateX(100%);-ms-transform:translateX(100%);-o-transform:translateX(100%);transform:translateX(100%)}[class*=' eihe-slide-']:hover .eihe-caption,[class^=eihe-slide-]:hover .eihe-caption{-webkit-transform:translate(0,0);-moz-transform:translate(0,0);-ms-transform:translate(0,0);-o-transform:translate(0,0);transform:translate(0,0)}.eihe-slide-up .eihe-caption{-webkit-transform:translateY(100%);-moz-transform:translateY(100%);-ms-transform:translateY(100%);-o-transform:translateY(100%);transform:translateY(100%)}.eihe-slide-down .eihe-caption{-webkit-transform:translateY(-100%);-moz-transform:translateY(-100%);-ms-transform:translateY(-100%);-o-transform:translateY(-100%);transform:translateY(-100%)}.eihe-slide-left .eihe-caption{-webkit-transform:translateX(100%);-moz-transform:translateX(100%);-ms-transform:translateX(100%);-o-transform:translateX(100%);transform:translateX(100%)}.eihe-slide-right .eihe-caption{-webkit-transform:translateX(-100%);-moz-transform:translateX(-100%);-ms-transform:translateX(-100%);-o-transform:translateX(-100%);transform:translateX(-100%)}[class*=' eihe-reveal-']:before,[class^=eihe-reveal-]:before{position:absolute;top:0;bottom:0;left:0;right:0;content:''}[class*=' eihe-reveal-'] .eihe-caption,[class^=eihe-reveal-] .eihe-caption{opacity:0}[class*=' eihe-reveal-']:hover:before,[class^=eihe-reveal-]:hover:before{-webkit-transform:translate(0,0);-moz-transform:translate(0,0);-ms-transform:translate(0,0);-o-transform:translate(0,0);transform:translate(0,0)}[class*=' eihe-reveal-']:hover .eihe-caption,[class^=eihe-reveal-]:hover .eihe-caption{opacity:1;-webkit-transition-delay:.21s;-moz-transition-delay:.21s;transition-delay:.21s}.eihe-reveal-up:before{-webkit-transform:translateY(100%);-moz-transform:translateY(100%);-ms-transform:translateY(100%);-o-transform:translateY(100%);transform:translateY(100%)}.eihe-reveal-down:before{-webkit-transform:translateY(-100%);-moz-transform:translateY(-100%);-ms-transform:translateY(-100%);-o-transform:translateY(-100%);transform:translateY(-100%)}.eihe-reveal-left:before{-webkit-transform:translateX(100%);-moz-transform:translateX(100%);-ms-transform:translateX(100%);-o-transform:translateX(100%);transform:translateX(100%)}.eihe-reveal-right:before{-webkit-transform:translateX(-100%);-moz-transform:translateX(-100%);-ms-transform:translateX(-100%);-o-transform:translateX(-100%);transform:translateX(-100%)}[class*=' eihe-hinge-'],[class^=eihe-hinge-]{-webkit-perspective:50em;-moz-perspective:50em;perspective:50em}[class*=' eihe-hinge-'] .eihe-caption,[class^=eihe-hinge-] .eihe-caption{opacity:0;z-index:1}[class*=' eihe-hinge-']:hover img,[class^=eihe-hinge-]:hover img{opacity:0}[class*=' eihe-hinge-']:hover .eihe-caption,[class^=eihe-hinge-]:hover .eihe-caption{opacity:1;-webkit-transition-delay:.21s;-moz-transition-delay:.21s;transition-delay:.21s}.eihe-hinge-up img{-webkit-transform-origin:50% 0;-moz-transform-origin:50% 0;-ms-transform-origin:50% 0;-o-transform-origin:50% 0;transform-origin:50% 0}.eihe-hinge-up .eihe-caption{-webkit-transform:rotateX(90deg);-moz-transform:rotateX(90deg);-ms-transform:rotateX(90deg);-o-transform:rotateX(90deg);transform:rotateX(90deg);-webkit-transform-origin:50% 100%;-moz-transform-origin:50% 100%;-ms-transform-origin:50% 100%;-o-transform-origin:50% 100%;transform-origin:50% 100%}.eihe-hinge-up:hover>img{-webkit-transform:rotateX(-90deg);-moz-transform:rotateX(-90deg);-ms-transform:rotateX(-90deg);-o-transform:rotateX(-90deg);transform:rotateX(-90deg)}.eihe-hinge-up:hover .eihe-caption{-webkit-transform:rotateX(0);-moz-transform:rotateX(0);-ms-transform:rotateX(0);-o-transform:rotateX(0);transform:rotateX(0)}.eihe-hinge-down img{-webkit-transform-origin:50% 100%;-moz-transform-origin:50% 100%;-ms-transform-origin:50% 100%;-o-transform-origin:50% 100%;transform-origin:50% 100%}.eihe-hinge-down .eihe-caption{-webkit-transform:rotateX(-90deg);-moz-transform:rotateX(-90deg);-ms-transform:rotateX(-90deg);-o-transform:rotateX(-90deg);transform:rotateX(-90deg);-webkit-transform-origin:50% -50%;-moz-transform-origin:50% -50%;-ms-transform-origin:50% -50%;-o-transform-origin:50% -50%;transform-origin:50% -50%}.eihe-hinge-down:hover>img{-webkit-transform:rotateX(90deg);-moz-transform:rotateX(90deg);-ms-transform:rotateX(90deg);-o-transform:rotateX(90deg);transform:rotateX(90deg);opacity:0}.eihe-hinge-down:hover .eihe-caption{-webkit-transform:rotateX(0);-moz-transform:rotateX(0);-ms-transform:rotateX(0);-o-transform:rotateX(0);transform:rotateX(0)}.eihe-hinge-left img{-webkit-transform-origin:0 50%;-moz-transform-origin:0 50%;-ms-transform-origin:0 50%;-o-transform-origin:0 50%;transform-origin:0 50%}.eihe-hinge-left .eihe-caption{-webkit-transform:rotateY(-90deg);-moz-transform:rotateY(-90deg);-ms-transform:rotateY(-90deg);-o-transform:rotateY(-90deg);transform:rotateY(-90deg);-webkit-transform-origin:100% 50%;-moz-transform-origin:100% 50%;-ms-transform-origin:100% 50%;-o-transform-origin:100% 50%;transform-origin:100% 50%}.eihe-hinge-left:hover>img{-webkit-transform:rotateY(90deg);-moz-transform:rotateY(90deg);-ms-transform:rotateY(90deg);-o-transform:rotateY(90deg);transform:rotateY(90deg)}.eihe-hinge-left:hover .eihe-caption{-webkit-transform:rotateY(0);-moz-transform:rotateY(0);-ms-transform:rotateY(0);-o-transform:rotateY(0);transform:rotateY(0)}.eihe-hinge-right img{-webkit-transform-origin:100% 50%;-moz-transform-origin:100% 50%;-ms-transform-origin:100% 50%;-o-transform-origin:100% 50%;transform-origin:100% 50%}.eihe-hinge-right .eihe-caption{-webkit-transform:rotateY(90deg);-moz-transform:rotateY(90deg);-ms-transform:rotateY(90deg);-o-transform:rotateY(90deg);transform:rotateY(90deg);-webkit-transform-origin:0 50%;-moz-transform-origin:0 50%;-ms-transform-origin:0 50%;-o-transform-origin:0 50%;transform-origin:0 50%}.eihe-hinge-right:hover>img{-webkit-transform:rotateY(-90deg);-moz-transform:rotateY(-90deg);-ms-transform:rotateY(-90deg);-o-transform:rotateY(-90deg);transform:rotateY(-90deg)}.eihe-hinge-right:hover .eihe-caption{-webkit-transform:rotateY(0);-moz-transform:rotateY(0);-ms-transform:rotateY(0);-o-transform:rotateY(0);transform:rotateY(0)}[class*=' eihe-flip-'],[class^=eihe-flip-]{-webkit-perspective:50em;-moz-perspective:50em;perspective:50em}[class*=' eihe-flip-'] img,[class^=eihe-flip-] img{backface-visibility:hidden}[class*=' eihe-flip-'] .eihe-caption,[class^=eihe-flip-] .eihe-caption{opacity:0}[class*=' eihe-flip-']:hover>img,[class^=eihe-flip-]:hover>img{opacity:0}[class*=' eihe-flip-']:hover .eihe-caption,[class^=eihe-flip-]:hover .eihe-caption{opacity:1;-webkit-transition-delay:.14s;-moz-transition-delay:.14s;transition-delay:.14s}.eihe-flip-horiz .eihe-caption{-webkit-transform:rotateX(90deg);-moz-transform:rotateX(90deg);-ms-transform:rotateX(90deg);-o-transform:rotateX(90deg);transform:rotateX(90deg);-webkit-transform-origin:0 50%;-moz-transform-origin:0 50%;-ms-transform-origin:0 50%;-o-transform-origin:0 50%;transform-origin:0 50%}.eihe-flip-horiz:hover img{-webkit-transform:rotateX(-180deg);-moz-transform:rotateX(-180deg);-ms-transform:rotateX(-180deg);-o-transform:rotateX(-180deg);transform:rotateX(-180deg)}.eihe-flip-horiz:hover .eihe-caption{-webkit-transform:rotateX(0);-moz-transform:rotateX(0);-ms-transform:rotateX(0);-o-transform:rotateX(0);transform:rotateX(0)}.eihe-flip-vert .eihe-caption{-webkit-transform:rotateY(90deg);-moz-transform:rotateY(90deg);-ms-transform:rotateY(90deg);-o-transform:rotateY(90deg);transform:rotateY(90deg);-webkit-transform-origin:50% 0;-moz-transform-origin:50% 0;-ms-transform-origin:50% 0;-o-transform-origin:50% 0;transform-origin:50% 0}.eihe-flip-vert:hover>img{-webkit-transform:rotateY(-180deg);-moz-transform:rotateY(-180deg);-ms-transform:rotateY(-180deg);-o-transform:rotateY(-180deg);transform:rotateY(-180deg)}.eihe-flip-vert:hover .eihe-caption{-webkit-transform:rotateY(0);-moz-transform:rotateY(0);-ms-transform:rotateY(0);-o-transform:rotateY(0);transform:rotateY(0)}.eihe-flip-diag-1 .eihe-caption{-webkit-transform:rotate3d(1,-1,0,100deg);-moz-transform:rotate3d(1,-1,0,100deg);-ms-transform:rotate3d(1,-1,0,100deg);-o-transform:rotate3d(1,-1,0,100deg);transform:rotate3d(1,-1,0,100deg)}.eihe-flip-diag-1:hover>img{-webkit-transform:rotate3d(-1,1,0,100deg);-moz-transform:rotate3d(-1,1,0,100deg);-ms-transform:rotate3d(-1,1,0,100deg);-o-transform:rotate3d(-1,1,0,100deg);transform:rotate3d(-1,1,0,100deg)}.eihe-flip-diag-1:hover .eihe-caption{-webkit-transform:rotate3d(0,0,0,0deg);-moz-transform:rotate3d(0,0,0,0deg);-ms-transform:rotate3d(0,0,0,0deg);-o-transform:rotate3d(0,0,0,0deg);transform:rotate3d(0,0,0,0deg)}.eihe-flip-diag-2 .eihe-caption{-webkit-transform:rotate3d(1,1,0,100deg);-moz-transform:rotate3d(1,1,0,100deg);-ms-transform:rotate3d(1,1,0,100deg);-o-transform:rotate3d(1,1,0,100deg);transform:rotate3d(1,1,0,100deg)}.eihe-flip-diag-2:hover>img{-webkit-transform:rotate3d(-1,-1,0,100deg);-moz-transform:rotate3d(-1,-1,0,100deg);-ms-transform:rotate3d(-1,-1,0,100deg);-o-transform:rotate3d(-1,-1,0,100deg);transform:rotate3d(-1,-1,0,100deg)}.eihe-flip-diag-2:hover .eihe-caption{-webkit-transform:rotate3d(0,0,0,0deg);-moz-transform:rotate3d(0,0,0,0deg);-ms-transform:rotate3d(0,0,0,0deg);-o-transform:rotate3d(0,0,0,0deg);transform:rotate3d(0,0,0,0deg)}[class*=' eihe-shutter-out-']:before,[class^=eihe-shutter-out-]:before{position:absolute;content:'';-webkit-transition-delay:105ms;-moz-transition-delay:105ms;transition-delay:105ms}[class*=' eihe-shutter-out-'] .eihe-caption,[class^=eihe-shutter-out-] .eihe-caption{opacity:0;-webkit-transition-delay:0s;-moz-transition-delay:0s;transition-delay:0s}[class*=' eihe-shutter-out-']:hover:before,[class^=eihe-shutter-out-]:hover:before{-webkit-transition-delay:0s;-moz-transition-delay:0s;transition-delay:0s}[class*=' eihe-shutter-out-']:hover .eihe-caption,[class^=eihe-shutter-out-]:hover .eihe-caption{opacity:1;-webkit-transition-delay:105ms;-moz-transition-delay:105ms;transition-delay:105ms}.eihe-shutter-out-horiz:before{left:50%;right:50%;top:0;bottom:0}.eihe-shutter-out-horiz:hover:before{left:0;right:0}.eihe-shutter-out-vert:before{top:50%;bottom:50%;left:0;right:0}.eihe-shutter-out-vert:hover:before{top:0;bottom:0}.eihe-shutter-out-diag-1:before{top:50%;bottom:50%;left:-35%;right:-35%;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg)}.eihe-shutter-out-diag-1:hover:before{top:-35%;bottom:-35%}.eihe-shutter-out-diag-2:before{top:50%;bottom:50%;left:-35%;right:-35%;-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg)}.eihe-shutter-out-diag-2:hover:before{top:-35%;bottom:-35%}[class*=' eihe-shutter-in-']:after,[class*=' eihe-shutter-in-']:before,[class^=eihe-shutter-in-]:after,[class^=eihe-shutter-in-]:before{position:absolute;content:''}[class*=' eihe-shutter-in-']:after,[class^=eihe-shutter-in-]:after{top:0;left:0}[class*=' eihe-shutter-in-']:before,[class^=eihe-shutter-in-]:before{right:0;bottom:0}[class*=' eihe-shutter-in-'] .eihe-caption,[class^=eihe-shutter-in-] .eihe-caption{opacity:0;z-index:1}[class*=' eihe-shutter-in-']:hover .eihe-caption,[class^=eihe-shutter-in-]:hover .eihe-caption{opacity:1;-webkit-transition-delay:.21s;-moz-transition-delay:.21s;transition-delay:.21s}.eihe-shutter-in-horiz:after,.eihe-shutter-in-horiz:before{width:0;height:100%}.eihe-shutter-in-horiz:hover:after,.eihe-shutter-in-horiz:hover:before{width:50%}.eihe-shutter-in-vert:after,.eihe-shutter-in-vert:before{height:0;width:100%}.eihe-shutter-in-vert:hover:after,.eihe-shutter-in-vert:hover:before{height:50%}.eihe-shutter-in-out-horiz:after,.eihe-shutter-in-out-horiz:before{width:0;height:100%;opacity:.75}.eihe-shutter-in-out-horiz:hover:after,.eihe-shutter-in-out-horiz:hover:before{width:100%}.eihe-shutter-in-out-vert:after,.eihe-shutter-in-out-vert:before{height:0;width:100%;opacity:.75}.eihe-shutter-in-out-vert:hover:after,.eihe-shutter-in-out-vert:hover:before{height:100%}.eihe-shutter-in-out-diag-1:after,.eihe-shutter-in-out-diag-1:before{width:200%;height:200%;-webkit-transition:all .6s ease;-moz-transition:all .6s ease;transition:all .6s ease;opacity:.75}.eihe-shutter-in-out-diag-1:after{-webkit-transform:skew(-45deg) translateX(-150%);-moz-transform:skew(-45deg) translateX(-150%);-ms-transform:skew(-45deg) translateX(-150%);-o-transform:skew(-45deg) translateX(-150%);transform:skew(-45deg) translateX(-150%)}.eihe-shutter-in-out-diag-1:before{-webkit-transform:skew(-45deg) translateX(150%);-moz-transform:skew(-45deg) translateX(150%);-ms-transform:skew(-45deg) translateX(150%);-o-transform:skew(-45deg) translateX(150%);transform:skew(-45deg) translateX(150%)}.eihe-shutter-in-out-diag-1:hover:after{-webkit-transform:skew(-45deg) translateX(-50%);-moz-transform:skew(-45deg) translateX(-50%);-ms-transform:skew(-45deg) translateX(-50%);-o-transform:skew(-45deg) translateX(-50%);transform:skew(-45deg) translateX(-50%)}.eihe-shutter-in-out-diag-1:hover:before{-webkit-transform:skew(-45deg) translateX(50%);-moz-transform:skew(-45deg) translateX(50%);-ms-transform:skew(-45deg) translateX(50%);-o-transform:skew(-45deg) translateX(50%);transform:skew(-45deg) translateX(50%)}.eihe-shutter-in-out-diag-2:after,.eihe-shutter-in-out-diag-2:before{width:200%;height:200%;-webkit-transition:all .6s ease;-moz-transition:all .6s ease;transition:all .6s ease;opacity:.75}.eihe-shutter-in-out-diag-2:after{-webkit-transform:skew(45deg) translateX(-100%);-moz-transform:skew(45deg) translateX(-100%);-ms-transform:skew(45deg) translateX(-100%);-o-transform:skew(45deg) translateX(-100%);transform:skew(45deg) translateX(-100%)}.eihe-shutter-in-out-diag-2:before{-webkit-transform:skew(45deg) translateX(100%);-moz-transform:skew(45deg) translateX(100%);-ms-transform:skew(45deg) translateX(100%);-o-transform:skew(45deg) translateX(100%);transform:skew(45deg) translateX(100%)}.eihe-shutter-in-out-diag-2:hover:after{-webkit-transform:skew(45deg) translateX(0);-moz-transform:skew(45deg) translateX(0);-ms-transform:skew(45deg) translateX(0);-o-transform:skew(45deg) translateX(0);transform:skew(45deg) translateX(0)}.eihe-shutter-in-out-diag-2:hover:before{-webkit-transform:skew(45deg) translateX(0);-moz-transform:skew(45deg) translateX(0);-ms-transform:skew(45deg) translateX(0);-o-transform:skew(45deg) translateX(0);transform:skew(45deg) translateX(0)}[class*=' eihe-fold'],[class^=eihe-fold]{-webkit-perspective:50em;-moz-perspective:50em;perspective:50em}[class*=' eihe-fold'] img,[class^=eihe-fold] img{-webkit-transform-origin:50% 0;-moz-transform-origin:50% 0;-ms-transform-origin:50% 0;-o-transform-origin:50% 0;transform-origin:50% 0}[class*=' eihe-fold'] .eihe-caption,[class^=eihe-fold] .eihe-caption{z-index:1;opacity:0}[class*=' eihe-fold']:hover>img,[class^=eihe-fold]:hover>img{opacity:0;-webkit-transition-delay:0;-moz-transition-delay:0;transition-delay:0}[class*=' eihe-fold']:hover .eihe-caption,[class^=eihe-fold]:hover .eihe-caption{-webkit-transform:rotateX(0) translate3d(0,0,0) scale(1);-moz-transform:rotateX(0) translate3d(0,0,0) scale(1);-ms-transform:rotateX(0) translate3d(0,0,0) scale(1);-o-transform:rotateX(0) translate3d(0,0,0) scale(1);transform:rotateX(0) translate3d(0,0,0) scale(1);opacity:1;-webkit-transition-delay:.21s;-moz-transition-delay:.21s;transition-delay:.21s}.eihe-fold-up>img{-webkit-transform-origin:50% 0;-moz-transform-origin:50% 0;-ms-transform-origin:50% 0;-o-transform-origin:50% 0;transform-origin:50% 0}.eihe-fold-up .eihe-caption{-webkit-transform:rotateX(-90deg) translate3d(0,-50%,0) scale(.6);-moz-transform:rotateX(-90deg) translate3d(0,-50%,0) scale(.6);-ms-transform:rotateX(-90deg) translate3d(0,-50%,0) scale(.6);-o-transform:rotateX(-90deg) translate3d(0,-50%,0) scale(.6);transform:rotateX(-90deg) translate3d(0,-50%,0) scale(.6);-webkit-transform-origin:50% 100%;-moz-transform-origin:50% 100%;-ms-transform-origin:50% 100%;-o-transform-origin:50% 100%;transform-origin:50% 100%}.eihe-fold-up:hover>img{-webkit-transform:rotateX(90deg) scale(.6) translateY(50%);-moz-transform:rotateX(90deg) scale(.6) translateY(50%);-ms-transform:rotateX(90deg) scale(.6) translateY(50%);-o-transform:rotateX(90deg) scale(.6) translateY(50%);transform:rotateX(90deg) scale(.6) translateY(50%)}.eihe-fold-down>img{-webkit-transform-origin:50% 100%;-moz-transform-origin:50% 100%;-ms-transform-origin:50% 100%;-o-transform-origin:50% 100%;transform-origin:50% 100%}.eihe-fold-down .eihe-caption{-webkit-transform:rotateX(90deg) translate3d(0,50%,0) scale(.6);-moz-transform:rotateX(90deg) translate3d(0,50%,0) scale(.6);-ms-transform:rotateX(90deg) translate3d(0,50%,0) scale(.6);-o-transform:rotateX(90deg) translate3d(0,50%,0) scale(.6);transform:rotateX(90deg) translate3d(0,50%,0) scale(.6);-webkit-transform-origin:50% 0;-moz-transform-origin:50% 0;-ms-transform-origin:50% 0;-o-transform-origin:50% 0;transform-origin:50% 0}.eihe-fold-down:hover>img{-webkit-transform:rotateX(-90deg) scale(.6) translateY(-50%);-moz-transform:rotateX(-90deg) scale(.6) translateY(-50%);-ms-transform:rotateX(-90deg) scale(.6) translateY(-50%);-o-transform:rotateX(-90deg) scale(.6) translateY(-50%);transform:rotateX(-90deg) scale(.6) translateY(-50%)}.eihe-fold-left>img{-webkit-transform-origin:0 50%;-moz-transform-origin:0 50%;-ms-transform-origin:0 50%;-o-transform-origin:0 50%;transform-origin:0 50%}.eihe-fold-left .eihe-caption{-webkit-transform:rotateY(90deg) translate3d(-50%,0,0) scale(.6);-moz-transform:rotateY(90deg) translate3d(-50%,0,0) scale(.6);-ms-transform:rotateY(90deg) translate3d(-50%,0,0) scale(.6);-o-transform:rotateY(90deg) translate3d(-50%,0,0) scale(.6);transform:rotateY(90deg) translate3d(-50%,0,0) scale(.6);-webkit-transform-origin:100% 50%;-moz-transform-origin:100% 50%;-ms-transform-origin:100% 50%;-o-transform-origin:100% 50%;transform-origin:100% 50%}.eihe-fold-left:hover>img{-webkit-transform:rotateY(-90deg) scale(.6) translateX(50%);-moz-transform:rotateY(-90deg) scale(.6) translateX(50%);-ms-transform:rotateY(-90deg) scale(.6) translateX(50%);-o-transform:rotateY(-90deg) scale(.6) translateX(50%);transform:rotateY(-90deg) scale(.6) translateX(50%)}.eihe-fold-right>img{-webkit-transform-origin:100% 50%;-moz-transform-origin:100% 50%;-ms-transform-origin:100% 50%;-o-transform-origin:100% 50%;transform-origin:100% 50%}.eihe-fold-right .eihe-caption{-webkit-transform:rotateY(-90deg) translate3d(50%,0,0) scale(.6);-moz-transform:rotateY(-90deg) translate3d(50%,0,0) scale(.6);-ms-transform:rotateY(-90deg) translate3d(50%,0,0) scale(.6);-o-transform:rotateY(-90deg) translate3d(50%,0,0) scale(.6);transform:rotateY(-90deg) translate3d(50%,0,0) scale(.6);-webkit-transform-origin:0 50%;-moz-transform-origin:0 50%;-ms-transform-origin:0 50%;-o-transform-origin:0 50%;transform-origin:0 50%}.eihe-fold-right:hover>img{-webkit-transform:rotateY(90deg) scale(.6) translateX(-50%);-moz-transform:rotateY(90deg) scale(.6) translateX(-50%);-ms-transform:rotateY(90deg) scale(.6) translateX(-50%);-o-transform:rotateY(90deg) scale(.6) translateX(-50%);transform:rotateY(90deg) scale(.6) translateX(-50%)}.eihe-zoom-in .eihe-caption{opacity:0;-webkit-transform:scale(.5);-moz-transform:scale(.5);-ms-transform:scale(.5);-o-transform:scale(.5);transform:scale(.5)}.eihe-zoom-in:hover .eihe-caption{-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1);opacity:1}[class*=' eihe-zoom-out'] .eihe-caption,[class^=eihe-zoom-out] .eihe-caption{-webkit-transform:scale(.5);-moz-transform:scale(.5);-ms-transform:scale(.5);-o-transform:scale(.5);transform:scale(.5);-webkit-transform-origin:50% 50%;-moz-transform-origin:50% 50%;-ms-transform-origin:50% 50%;-o-transform-origin:50% 50%;transform-origin:50% 50%;opacity:0}[class*=' eihe-zoom-out'].hover .eihe-caption,[class*=' eihe-zoom-out']:hover .eihe-caption,[class^=eihe-zoom-out].hover .eihe-caption,[class^=eihe-zoom-out]:hover .eihe-caption{-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1);opacity:1;-webkit-transition-delay:.35s;-moz-transition-delay:.35s;transition-delay:.35s}.eihe-zoom-out:hover>img{-webkit-transform:scale(.5);-moz-transform:scale(.5);-ms-transform:scale(.5);-o-transform:scale(.5);transform:scale(.5);opacity:0}.eihe-zoom-out-up.hover>img,.eihe-zoom-out-up:hover>img{-webkit-animation:eihe-zoom-out-up .4025s linear;-moz-animation:eihe-zoom-out-up .4025s linear;animation:eihe-zoom-out-up .4025s linear;-webkit-animation-iteration-count:1;-moz-animation-iteration-count:1;animation-iteration-count:1;-webkit-animation-fill-mode:forwards;-moz-animation-fill-mode:forwards;animation-fill-mode:forwards}@-webkit-keyframes eihe-zoom-out-up{50%{-webkit-transform:scale(.8) translateY(0);-moz-transform:scale(.8) translateY(0);-ms-transform:scale(.8) translateY(0);-o-transform:scale(.8) translateY(0);transform:scale(.8) translateY(0);opacity:.5}100%{-webkit-transform:scale(.8) translateY(-150%);-moz-transform:scale(.8) translateY(-150%);-ms-transform:scale(.8) translateY(-150%);-o-transform:scale(.8) translateY(-150%);transform:scale(.8) translateY(-150%);opacity:.5}}@keyframes eihe-zoom-out-up{50%{-webkit-transform:scale(.8) translateY(0);-moz-transform:scale(.8) translateY(0);-ms-transform:scale(.8) translateY(0);-o-transform:scale(.8) translateY(0);transform:scale(.8) translateY(0);opacity:.5}100%{-webkit-transform:scale(.8) translateY(-150%);-moz-transform:scale(.8) translateY(-150%);-ms-transform:scale(.8) translateY(-150%);-o-transform:scale(.8) translateY(-150%);transform:scale(.8) translateY(-150%);opacity:.5}}.eihe-zoom-out-down.hover>img,.eihe-zoom-out-down:hover>img{-webkit-animation:eihe-zoom-out-down .4025s linear;-moz-animation:eihe-zoom-out-down .4025s linear;animation:eihe-zoom-out-down .4025s linear;-webkit-animation-iteration-count:1;-moz-animation-iteration-count:1;animation-iteration-count:1;-webkit-animation-fill-mode:forwards;-moz-animation-fill-mode:forwards;animation-fill-mode:forwards}@-webkit-keyframes eihe-zoom-out-down{50%{-webkit-transform:scale(.8) translateY(0);-moz-transform:scale(.8) translateY(0);-ms-transform:scale(.8) translateY(0);-o-transform:scale(.8) translateY(0);transform:scale(.8) translateY(0);opacity:.5}100%{-webkit-transform:scale(.8) translateY(150%);-moz-transform:scale(.8) translateY(150%);-ms-transform:scale(.8) translateY(150%);-o-transform:scale(.8) translateY(150%);transform:scale(.8) translateY(150%);opacity:.5}}@keyframes eihe-zoom-out-down{50%{-webkit-transform:scale(.8) translateY(0);-moz-transform:scale(.8) translateY(0);-ms-transform:scale(.8) translateY(0);-o-transform:scale(.8) translateY(0);transform:scale(.8) translateY(0);opacity:.5}100%{-webkit-transform:scale(.8) translateY(150%);-moz-transform:scale(.8) translateY(150%);-ms-transform:scale(.8) translateY(150%);-o-transform:scale(.8) translateY(150%);transform:scale(.8) translateY(150%);opacity:.5}}.eihe-zoom-out-left.hover>img,.eihe-zoom-out-left:hover>img{-webkit-animation:eihe-zoom-out-left .4025s linear;-moz-animation:eihe-zoom-out-left .4025s linear;animation:eihe-zoom-out-left .4025s linear;-webkit-animation-iteration-count:1;-moz-animation-iteration-count:1;animation-iteration-count:1;-webkit-animation-fill-mode:forwards;-moz-animation-fill-mode:forwards;animation-fill-mode:forwards}@-webkit-keyframes eihe-zoom-out-left{50%{-webkit-transform:scale(.8) translateX(0);-moz-transform:scale(.8) translateX(0);-ms-transform:scale(.8) translateX(0);-o-transform:scale(.8) translateX(0);transform:scale(.8) translateX(0);opacity:.5}100%{-webkit-transform:scale(.8) translateX(-150%);-moz-transform:scale(.8) translateX(-150%);-ms-transform:scale(.8) translateX(-150%);-o-transform:scale(.8) translateX(-150%);transform:scale(.8) translateX(-150%);opacity:.5}}@keyframes eihe-zoom-out-left{50%{-webkit-transform:scale(.8) translateX(0);-moz-transform:scale(.8) translateX(0);-ms-transform:scale(.8) translateX(0);-o-transform:scale(.8) translateX(0);transform:scale(.8) translateX(0);opacity:.5}100%{-webkit-transform:scale(.8) translateX(-150%);-moz-transform:scale(.8) translateX(-150%);-ms-transform:scale(.8) translateX(-150%);-o-transform:scale(.8) translateX(-150%);transform:scale(.8) translateX(-150%);opacity:.5}}.eihe-zoom-out-right.hover>img,.eihe-zoom-out-right:hover>img{-webkit-animation:eihe-zoom-out-right .4025s linear;-moz-animation:eihe-zoom-out-right .4025s linear;animation:eihe-zoom-out-right .4025s linear;-webkit-animation-iteration-count:1;-moz-animation-iteration-count:1;animation-iteration-count:1;-webkit-animation-fill-mode:forwards;-moz-animation-fill-mode:forwards;animation-fill-mode:forwards}@-webkit-keyframes eihe-zoom-out-right{50%{-webkit-transform:scale(.8) translateX(0);-moz-transform:scale(.8) translateX(0);-ms-transform:scale(.8) translateX(0);-o-transform:scale(.8) translateX(0);transform:scale(.8) translateX(0);opacity:.5}100%{-webkit-transform:scale(.8) translateX(150%);-moz-transform:scale(.8) translateX(150%);-ms-transform:scale(.8) translateX(150%);-o-transform:scale(.8) translateX(150%);transform:scale(.8) translateX(150%);opacity:.5}}@keyframes eihe-zoom-out-right{50%{-webkit-transform:scale(.8) translateX(0);-moz-transform:scale(.8) translateX(0);-ms-transform:scale(.8) translateX(0);-o-transform:scale(.8) translateX(0);transform:scale(.8) translateX(0);opacity:.5}100%{-webkit-transform:scale(.8) translateX(150%);-moz-transform:scale(.8) translateX(150%);-ms-transform:scale(.8) translateX(150%);-o-transform:scale(.8) translateX(150%);transform:scale(.8) translateX(150%);opacity:.5}}.eihe-zoom-out-flip-horiz{-webkit-perspective:50em;-moz-perspective:50em;perspective:50em}.eihe-zoom-out-flip-horiz .eihe-caption{opacity:0;-webkit-transform:rotateX(90deg) translateY(-100%) scale(.5);-moz-transform:rotateX(90deg) translateY(-100%) scale(.5);-ms-transform:rotateX(90deg) translateY(-100%) scale(.5);-o-transform:rotateX(90deg) translateY(-100%) scale(.5);transform:rotateX(90deg) translateY(-100%) scale(.5)}.eihe-zoom-out-flip-horiz.hover>img,.eihe-zoom-out-flip-horiz:hover>img{-webkit-transform:rotateX(-100deg) translateY(50%) scale(.5);-moz-transform:rotateX(-100deg) translateY(50%) scale(.5);-ms-transform:rotateX(-100deg) translateY(50%) scale(.5);-o-transform:rotateX(-100deg) translateY(50%) scale(.5);transform:rotateX(-100deg) translateY(50%) scale(.5);opacity:0;-webkit-transition-delay:0;-moz-transition-delay:0;transition-delay:0}.eihe-zoom-out-flip-horiz.hover .eihe-caption,.eihe-zoom-out-flip-horiz:hover .eihe-caption{-webkit-transform:rotateX(0) translateY(0) scale(1);-moz-transform:rotateX(0) translateY(0) scale(1);-ms-transform:rotateX(0) translateY(0) scale(1);-o-transform:rotateX(0) translateY(0) scale(1);transform:rotateX(0) translateY(0) scale(1);opacity:1;-webkit-transition-delay:.35s;-moz-transition-delay:.35s;transition-delay:.35s}.eihe-zoom-out-flip-vert{-webkit-perspective:50em;-moz-perspective:50em;perspective:50em}.eihe-zoom-out-flip-vert .eihe-caption{opacity:0;-webkit-transform:rotateY(90deg) translate(50%,0) scale(.5);-moz-transform:rotateY(90deg) translate(50%,0) scale(.5);-ms-transform:rotateY(90deg) translate(50%,0) scale(.5);-o-transform:rotateY(90deg) translate(50%,0) scale(.5);transform:rotateY(90deg) translate(50%,0) scale(.5)}.eihe-zoom-out-flip-vert.hover>img,.eihe-zoom-out-flip-vert:hover>img{-webkit-transform:rotateY(-100deg) translateX(50%) scale(.5);-moz-transform:rotateY(-100deg) translateX(50%) scale(.5);-ms-transform:rotateY(-100deg) translateX(50%) scale(.5);-o-transform:rotateY(-100deg) translateX(50%) scale(.5);transform:rotateY(-100deg) translateX(50%) scale(.5);opacity:0;-webkit-transition-delay:0;-moz-transition-delay:0;transition-delay:0}.eihe-zoom-out-flip-vert.hover .eihe-caption,.eihe-zoom-out-flip-vert:hover .eihe-caption{-webkit-transform:rotateY(0) translate(0,0) scale(1);-moz-transform:rotateY(0) translate(0,0) scale(1);-ms-transform:rotateY(0) translate(0,0) scale(1);-o-transform:rotateY(0) translate(0,0) scale(1);transform:rotateY(0) translate(0,0) scale(1);opacity:1;-webkit-transition-delay:.35s;-moz-transition-delay:.35s;transition-delay:.35s}.eihe-blur .eihe-caption{opacity:0}.eihe-blur:hover>img{-webkit-filter:blur(30px);filter:blur(30px);-webkit-transform:scale(1.2);-moz-transform:scale(1.2);-ms-transform:scale(1.2);-o-transform:scale(1.2);transform:scale(1.2);opacity:0}.eihe-blur:hover .eihe-caption{opacity:1;-webkit-transition-delay:.21s;-moz-transition-delay:.21s;transition-delay:.21s}
image-hover-effects-addon-for-elementor.php CHANGED
@@ -7,8 +7,8 @@
7
  * Description: Add creative image hover effects to Elementor page builder. Easily customize title and content and effects with intuitive interface.
8
  * Requires PHP: 5.6
9
  * Requires at least: 4.7
10
- * Tested up to: 5.5
11
- * Version: 1.3.1
12
  * License: GPL v3
13
  * Text Domain: eihe-lang
14
  * Domain Path: /languages
@@ -18,8 +18,8 @@ if (!defined('ABSPATH')) {
18
  exit;
19
  }
20
 
21
- define('EIHE_VERSION', '1.3.1');
22
- define('EIHE_MINIMUM_ELEMENTOR_VERSION', '1.1.2');
23
  define('EIHE_PATH', plugin_dir_path(__FILE__));
24
  define('EIHE_URL', plugin_dir_url(__FILE__));
25
 
7
  * Description: Add creative image hover effects to Elementor page builder. Easily customize title and content and effects with intuitive interface.
8
  * Requires PHP: 5.6
9
  * Requires at least: 4.7
10
+ * Tested up to: 5.5.3
11
+ * Version: 1.3.2
12
  * License: GPL v3
13
  * Text Domain: eihe-lang
14
  * Domain Path: /languages
18
  exit;
19
  }
20
 
21
+ define('EIHE_VERSION', '1.3.2');
22
+ define('EIHE_MINIMUM_ELEMENTOR_VERSION', '2.6.0');
23
  define('EIHE_PATH', plugin_dir_path(__FILE__));
24
  define('EIHE_URL', plugin_dir_url(__FILE__));
25
 
includes/widgets.php CHANGED
@@ -121,7 +121,7 @@ class Elementor_Image_Hover_Effects_EIHE extends Widget_Base {
121
  'label_block' => true
122
  ]
123
  );
124
-
125
  $this->add_control(
126
  'eihe_tag',
127
  [
@@ -154,16 +154,15 @@ class Elementor_Image_Hover_Effects_EIHE extends Widget_Base {
154
  ]
155
  );
156
 
157
- $this->add_control(
158
- 'icon',
159
- [
160
- 'label' => __( 'Icon', 'eihe-lang'),
161
- 'type' => Controls_Manager::ICON,
162
- 'label_block' => true,
163
  'separator' => 'before',
164
- 'default' => '',
165
- ]
166
- );
167
 
168
  $this->add_control(
169
  'icon_order',
@@ -233,8 +232,8 @@ class Elementor_Image_Hover_Effects_EIHE extends Widget_Base {
233
  'value' => Scheme_Color::COLOR_1,
234
  ],
235
  'selectors' => [
236
- "{{WRAPPER}} .eihe-box,
237
- {{WRAPPER}} .eihe-box .eihe-caption,
238
  {{WRAPPER}} .eihe-box[class^='eihe-shutter-in-']:after,
239
  {{WRAPPER}} .eihe-box[class^='eihe-shutter-in-']:before,
240
  {{WRAPPER}} .eihe-box[class*=' eihe-shutter-in-']:after,
@@ -248,7 +247,7 @@ class Elementor_Image_Hover_Effects_EIHE extends Widget_Base {
248
  "{{WRAPPER}} .eihe-box[class*=' eihe-shutter-out-'] .eihe-caption" => "background: none;",
249
  ]
250
  ]
251
- );
252
 
253
  $this->add_responsive_control(
254
  'eihe_align',
@@ -422,52 +421,52 @@ class Elementor_Image_Hover_Effects_EIHE extends Widget_Base {
422
  ],
423
  'default' => '#dddddd',
424
  'selectors' => [
425
- '{{WRAPPER}} .eihe-box .eihe-caption .eihe-title-cover i' => 'color: {{VALUE}};',
426
  ],
427
  ]
428
  );
429
 
430
  $this->add_control(
431
- 'icon_size',
432
- [
433
- 'label' => __('Icon Size', 'eihe-lang'),
434
- 'type' => Controls_Manager::SLIDER,
435
- 'range' => [
436
- 'px' => [
437
- 'min' => 5,
438
- 'max' => 200,
439
- ],
440
- ],
441
- 'default' => [
442
- 'size' => 30
443
  ],
444
  'selectors' => [
445
- '{{WRAPPER}} .eihe-box .eihe-caption .eihe-title-cover i' => 'font-size: {{SIZE}}{{UNIT}}; width: {{SIZE}}{{UNIT}}; height: {{SIZE}}{{UNIT}};',
446
  ],
447
- ]
448
- );
449
-
450
  $this->add_control(
451
- 'icon_space',
452
- [
453
- 'label' => __('Icon Space', 'eihe-lang'),
454
- 'type' => Controls_Manager::SLIDER,
455
- 'range' => [
456
- 'px' => [
457
- 'min' => 0,
458
- 'max' => 150,
459
- ],
460
- ],
461
- 'default' => [
462
- 'size' => 15
463
  ],
464
  'selectors' => [
465
- '{{WRAPPER}} .eihe-box .eihe-caption .eihe-title-cover i.eihe-ileft' => 'margin-right: {{SIZE}}{{UNIT}};',
466
- '{{WRAPPER}} .eihe-box .eihe-caption .eihe-title-cover i.eihe-iright' => 'margin-left: {{SIZE}}{{UNIT}};',
467
  ],
468
- ]
469
- );
470
-
471
  $this->end_controls_section();
472
  }
473
 
@@ -490,9 +489,9 @@ class Elementor_Image_Hover_Effects_EIHE extends Widget_Base {
490
  <?php echo Group_Control_Image_Size::get_attachment_image_html($settings, 'eihe_thumbnail', 'eihe_image'); ?>
491
  <div class="eihe-caption">
492
  <div class="eihe-title-cover">
493
- <?php if($icon_order == 'before' && !empty($icon)) { ?> <i class="eihe-ileft <?php echo esc_attr($icon); ?>"></i> <?php } ?>
494
  <<?php echo $eihe_tag;?> class="eihe-title"><?php echo $settings['eihe_title']; ?></<?php echo $eihe_tag; ?>>
495
- <?php if($icon_order == 'after' && !empty($icon)) { ?> <i class="eihe-iright <?php echo esc_attr($icon); ?>"></i> <?php } ?>
496
  </div>
497
  <p><?php echo $settings['eihe_description']; ?></p>
498
  </div>
@@ -516,6 +515,7 @@ class Elementor_Image_Hover_Effects_EIHE extends Widget_Base {
516
  var image_url = elementor.imagesManager.getImageUrl(image);
517
  var icon = settings.icon;
518
  var icon_order = settings.icon_order;
 
519
 
520
  var target = settings.eihe_link.is_external ? ' target="_blank"' : '';
521
  var nofollow = settings.eihe_link.nofollow ? ' rel="nofollow"' : '';
@@ -527,12 +527,14 @@ class Elementor_Image_Hover_Effects_EIHE extends Widget_Base {
527
  <img src="{{{ image_url }}}" />
528
  <div class="eihe-caption">
529
  <div class="eihe-title-cover">
530
- <# if(icon != '' && icon_order == 'before'){ #>
531
- <i class="eihe-ileft {{{ icon }}}"></i>
 
532
  <# } #>
533
  <{{{settings.eihe_tag}}} class="eihe-title">{{{ settings.eihe_title }}}</{{{settings.eihe_tag}}}>
534
- <# if(icon != '' && icon_order == 'after'){ #>
535
- <i class="eihe-iright {{{ icon }}}"></i>
 
536
  <# } #>
537
  </div>
538
  <p>{{{ settings.eihe_description }}}</p>
121
  'label_block' => true
122
  ]
123
  );
124
+
125
  $this->add_control(
126
  'eihe_tag',
127
  [
154
  ]
155
  );
156
 
157
+ $this->add_control(
158
+ 'icon',
159
+ [
160
+ 'label' => __( 'Icon', 'eihe-lang'),
161
+ 'type' => Controls_Manager::ICONS,
162
+ 'label_block' => true,
163
  'separator' => 'before',
164
+ ]
165
+ );
 
166
 
167
  $this->add_control(
168
  'icon_order',
232
  'value' => Scheme_Color::COLOR_1,
233
  ],
234
  'selectors' => [
235
+ "{{WRAPPER}} .eihe-box,
236
+ {{WRAPPER}} .eihe-box .eihe-caption,
237
  {{WRAPPER}} .eihe-box[class^='eihe-shutter-in-']:after,
238
  {{WRAPPER}} .eihe-box[class^='eihe-shutter-in-']:before,
239
  {{WRAPPER}} .eihe-box[class*=' eihe-shutter-in-']:after,
247
  "{{WRAPPER}} .eihe-box[class*=' eihe-shutter-out-'] .eihe-caption" => "background: none;",
248
  ]
249
  ]
250
+ );
251
 
252
  $this->add_responsive_control(
253
  'eihe_align',
421
  ],
422
  'default' => '#dddddd',
423
  'selectors' => [
424
+ '{{WRAPPER}} .eihe-box .eihe-caption .eihe-title-cover .eihe-icon' => 'color: {{VALUE}};',
425
  ],
426
  ]
427
  );
428
 
429
  $this->add_control(
430
+ 'icon_size',
431
+ [
432
+ 'label' => __('Icon Size', 'eihe-lang'),
433
+ 'type' => Controls_Manager::SLIDER,
434
+ 'range' => [
435
+ 'px' => [
436
+ 'min' => 5,
437
+ 'max' => 200,
438
+ ],
439
+ ],
440
+ 'default' => [
441
+ 'size' => 30
442
  ],
443
  'selectors' => [
444
+ '{{WRAPPER}} .eihe-box .eihe-caption .eihe-title-cover .eihe-icon' => 'font-size: {{SIZE}}{{UNIT}}; width: {{SIZE}}{{UNIT}}; height: {{SIZE}}{{UNIT}};',
445
  ],
446
+ ]
447
+ );
448
+
449
  $this->add_control(
450
+ 'icon_space',
451
+ [
452
+ 'label' => __('Icon Space', 'eihe-lang'),
453
+ 'type' => Controls_Manager::SLIDER,
454
+ 'range' => [
455
+ 'px' => [
456
+ 'min' => 0,
457
+ 'max' => 150,
458
+ ],
459
+ ],
460
+ 'default' => [
461
+ 'size' => 15
462
  ],
463
  'selectors' => [
464
+ '{{WRAPPER}} .eihe-box .eihe-caption .eihe-title-cover .eihe-ileft' => 'margin-right: {{SIZE}}{{UNIT}};',
465
+ '{{WRAPPER}} .eihe-box .eihe-caption .eihe-title-cover .eihe-iright' => 'margin-left: {{SIZE}}{{UNIT}};',
466
  ],
467
+ ]
468
+ );
469
+
470
  $this->end_controls_section();
471
  }
472
 
489
  <?php echo Group_Control_Image_Size::get_attachment_image_html($settings, 'eihe_thumbnail', 'eihe_image'); ?>
490
  <div class="eihe-caption">
491
  <div class="eihe-title-cover">
492
+ <?php if($icon_order == 'before' && !empty($icon)) { ?><div class="eihe-ileft eihe-icon"><?php Icons_Manager::render_icon( $icon, [ 'aria-hidden' => 'true' ] ); ?> </div> <?php } ?>
493
  <<?php echo $eihe_tag;?> class="eihe-title"><?php echo $settings['eihe_title']; ?></<?php echo $eihe_tag; ?>>
494
+ <?php if($icon_order == 'after' && !empty($icon)) { ?><div class="eihe-iright eihe-icon"><?php Icons_Manager::render_icon( $icon, [ 'aria-hidden' => 'true' ] ); ?> </div> <?php } ?>
495
  </div>
496
  <p><?php echo $settings['eihe_description']; ?></p>
497
  </div>
515
  var image_url = elementor.imagesManager.getImageUrl(image);
516
  var icon = settings.icon;
517
  var icon_order = settings.icon_order;
518
+ var iconHTML = '';
519
 
520
  var target = settings.eihe_link.is_external ? ' target="_blank"' : '';
521
  var nofollow = settings.eihe_link.nofollow ? ' rel="nofollow"' : '';
527
  <img src="{{{ image_url }}}" />
528
  <div class="eihe-caption">
529
  <div class="eihe-title-cover">
530
+ <# if(icon != '' && settings.icon.value && icon_order == 'before'){
531
+ iconHTML = elementor.helpers.renderIcon(view, settings.icon, { 'aria-hidden': true }, 'i', 'object' ); #>
532
+ <div class="eihe-ileft eihe-icon">{{{ iconHTML.value }}}</div>
533
  <# } #>
534
  <{{{settings.eihe_tag}}} class="eihe-title">{{{ settings.eihe_title }}}</{{{settings.eihe_tag}}}>
535
+ <# if(icon != '' && settings.icon.value && icon_order == 'after'){
536
+ iconHTML = elementor.helpers.renderIcon(view, settings.icon, { 'aria-hidden': true }, 'i', 'object' ); #>
537
+ <div class="eihe-iright eihe-icon">{{{ iconHTML.value }}}</div>
538
  <# } #>
539
  </div>
540
  <p>{{{ settings.eihe_description }}}</p>
readme.txt CHANGED
@@ -4,8 +4,8 @@ Donate Link: https://imagehoverpro.blocksera.com
4
  Tags: elementor, addons, elementor widget, image hover effects, css effects
5
  Requires PHP: 5.6
6
  Requires at least: 4.7
7
- Tested up to: 5.5
8
- Stable tag: 1.3.1
9
  License: GPLv3 or later
10
  License URI: https://www.gnu.org/licenses/gpl-3.0.html
11
 
@@ -115,6 +115,9 @@ Yes, but you need to remove this plugin and install pro version after purchase.
115
 
116
  == Changelog ==
117
 
 
 
 
118
  = 1.3.1 =
119
  * Wordpress 5.5 Compatibility Update
120
  * Minor Fix
4
  Tags: elementor, addons, elementor widget, image hover effects, css effects
5
  Requires PHP: 5.6
6
  Requires at least: 4.7
7
+ Tested up to: 5.5.3
8
+ Stable tag: 1.3.2
9
  License: GPLv3 or later
10
  License URI: https://www.gnu.org/licenses/gpl-3.0.html
11
 
115
 
116
  == Changelog ==
117
 
118
+ = 1.3.2 =
119
+ * Icons control upgraded to support Font Awesome 5 and SVG icons
120
+
121
  = 1.3.1 =
122
  * Wordpress 5.5 Compatibility Update
123
  * Minor Fix