Premium Addons for Elementor - Version 4.4.0

Version Description

  • Tweak: Added Flipping Efect in Countdown widget.
  • Tweak: Added Padding option for digits in Countdown widget.
  • Fixed: Exclude Sticky Posts option not working in Blog widget.
  • Fixed: Lottie Icon Size conflict on the editor with Elementor Pro.
Download this release

Release Info

Developer leap13
Plugin Icon 128x128 Premium Addons for Elementor
Version 4.4.0
Comparing to
See all releases

Code changes from version 4.3.9 to 4.4.0

Files changed (7) hide show
  1. admin/includes/elements.php +10 -8
  2. assets/frontend/css/premium-addons-rtl.css +8170 -8007
  3. assets/frontend/css/premium-addons.css +6690 -6558
  4. assets/frontend/js/TweenMax.js +10 -0
  5. assets/frontend/js/jquery-countdown.js +1 -1
  6. assets/frontend/js/premium-addons.js +82 -9
  7. assets/frontend/min-css/premium-addons-rtl.min.css +0 -1
admin/includes/elements.php CHANGED
@@ -328,10 +328,11 @@ $elements = array(
328
  'is_pro' => true,
329
  ),
330
  array(
331
- 'key' => 'premium-icon-list',
332
- 'title' => __( 'Bullet List', 'premium-addons-for-elementor' ),
333
- 'demo' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/elementor-bullet-list-widget/', 'settings-page', 'wp-dash', 'dashboard' ),
334
- 'doc' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/docs/bullet-list-widget-tutorial/', 'settings-page', 'wp-dash', 'dashboard' ),
 
335
  ),
336
  array(
337
  'key' => 'premium-facebook-feed',
@@ -762,10 +763,11 @@ $elements = array(
762
  'is_pro' => true,
763
  ),
764
  array(
765
- 'key' => 'premium-icon-list',
766
- 'title' => __( 'Bullet List', 'premium-addons-for-elementor' ),
767
- 'demo' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/elementor-bullet-list-widget/', 'settings-page', 'wp-dash', 'dashboard' ),
768
- 'doc' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/docs/bullet-list-widget-tutorial/', 'settings-page', 'wp-dash', 'dashboard' ),
 
769
  ),
770
  ),
771
  ),
328
  'is_pro' => true,
329
  ),
330
  array(
331
+ 'key' => 'premium-icon-list',
332
+ 'title' => __( 'Bullet List', 'premium-addons-for-elementor' ),
333
+ 'demo' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/elementor-bullet-list-widget/', 'settings-page', 'wp-dash', 'dashboard' ),
334
+ 'doc' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/docs/bullet-list-widget-tutorial/', 'settings-page', 'wp-dash', 'dashboard' ),
335
+ 'tutorial' => 'https://www.youtube.com/watch?v=MPeXJiZ14sI',
336
  ),
337
  array(
338
  'key' => 'premium-facebook-feed',
763
  'is_pro' => true,
764
  ),
765
  array(
766
+ 'key' => 'premium-icon-list',
767
+ 'title' => __( 'Bullet List', 'premium-addons-for-elementor' ),
768
+ 'demo' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/elementor-bullet-list-widget/', 'settings-page', 'wp-dash', 'dashboard' ),
769
+ 'doc' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/docs/bullet-list-widget-tutorial/', 'settings-page', 'wp-dash', 'dashboard' ),
770
+ 'tutorial' => 'https://www.youtube.com/watch?v=MPeXJiZ14sI',
771
  ),
772
  ),
773
  ),
assets/frontend/css/premium-addons-rtl.css CHANGED
@@ -1,8007 +1,8170 @@
1
- @font-face {
2
- font-family: "pa-elements";
3
- src: url("../../editor/fonts/pa-elements.eot?p2y7wv");
4
- src: url("../../editor/fonts/pa-elements.eot?p2y7wv#iefix") format("embedded-opentype"),
5
- url("../../editor/fonts/pa-elements.ttf?p2y7wv") format("truetype"),
6
- url("../../editor/fonts/pa-elements.woff?p2y7wv") format("woff"),
7
- url("../../editor/fonts/pa-elements.svg?p2y7wv#pa-elements") format("svg");
8
- font-weight: normal;
9
- font-style: normal;
10
- }
11
-
12
- /**************** Premium Banner ****************/
13
- /************************************************/
14
- .premium-banner {
15
- overflow: hidden;
16
- }
17
-
18
- .premium-banner-ib {
19
- display: block;
20
- position: relative;
21
- }
22
-
23
- .premium-banner-ib img {
24
- display: block;
25
- position: relative;
26
- }
27
-
28
- .premium-banner-img-wrap {
29
- -js-display: flex;
30
- display: -webkit-box;
31
- display: -webkit-flex;
32
- display: -moz-box;
33
- display: -ms-flexbox;
34
- display: flex;
35
- height: 100%;
36
- }
37
-
38
- .premium-banner-img-wrap .premium-banner-ib-img {
39
- -webkit-flex-shrink: 0;
40
- -ms-flex-negative: 0;
41
- flex-shrink: 0;
42
- }
43
-
44
- .premium-banner-ib {
45
- z-index: 1;
46
- overflow: hidden;
47
- margin: 0 0 35px;
48
- text-align: center;
49
- -webkit-box-sizing: border-box;
50
- -moz-box-sizing: border-box;
51
- box-sizing: border-box;
52
- }
53
-
54
- .premium-banner-ib-desc .premium-banner-read-more {
55
- z-index: 100;
56
- }
57
-
58
- .premium-banner-ib,
59
- .wpb_column > .wpb_wrapper .premium-banner-ib {
60
- margin-bottom: 0px;
61
- }
62
-
63
- .elementor-widget-premium-addon-banner .premium-banner-ib-title {
64
- background: transparent;
65
- }
66
-
67
- .premium-banner-ib *,
68
- .premium-banner-ib .premium-banner-ib-desc {
69
- -webkit-box-sizing: border-box;
70
- -moz-box-sizing: border-box;
71
- box-sizing: border-box;
72
- }
73
-
74
- .premium-banner-ib img {
75
- min-width: 100%;
76
- max-width: 100%;
77
- -webkit-transition: opacity 0.35s;
78
- transition: opacity 0.35s;
79
- }
80
-
81
- .premium-banner-ib .premium-banner-ib-desc {
82
- padding: 15px;
83
- -webkit-backface-visibility: hidden;
84
- backface-visibility: hidden;
85
- -webkit-box-sizing: border-box;
86
- -moz-box-sizing: border-box;
87
- box-sizing: border-box;
88
- position: absolute;
89
- top: 0;
90
- right: 0;
91
- width: 100%;
92
- height: 100%;
93
- }
94
-
95
- .premium-banner-ib .premium-banner-ib-link {
96
- position: absolute;
97
- top: 0;
98
- right: 0;
99
- width: 100%;
100
- height: 100%;
101
- z-index: 1000;
102
- text-indent: 200%;
103
- white-space: nowrap;
104
- font-size: 0;
105
- opacity: 0;
106
- }
107
-
108
- .premium-banner-ib a.premium-banner-ib-link {
109
- display: block;
110
- background: 100% 0;
111
- }
112
-
113
- .premium-banner-animation1 img {
114
- width: -webkit-calc(100% + 50px) !important;
115
- width: calc(100% + 50px) !important;
116
- max-width: -webkit-calc(100% + 50px) !important;
117
- max-width: calc(100% + 50px) !important;
118
- -webkit-transition: opacity 0.35s, -webkit-filter 0.35s, -webkit-transform 0.35s;
119
- transition: opacity 0.35s, -webkit-filter 0.35s, -webkit-transform 0.35s;
120
- -webkit-transition: opacity 0.35s, -webkit-filter 0.35s, -webkit-transform 0.35s;
121
- transition: opacity 0.35s, filter 0.35s, transform 0.35s;
122
- transition: opacity 0.35s, filter 0.35s, transform 0.35s, -webkit-filter 0.35s, -webkit-transform 0.35s;
123
- transition: opacity 0.35s, filter 0.35s, transform 0.35s, -webkit-filter 0.35s, -webkit-transform 0.35s;
124
- -webkit-transform: translate3d(40px, 0, 0);
125
- transform: translate3d(40px, 0, 0);
126
- }
127
-
128
- .premium-banner-animation2 .premium-banner-ib-title {
129
- padding: 15px;
130
- }
131
-
132
- .premium-banner-animation1 .premium-banner-ib-desc {
133
- top: auto;
134
- bottom: 0;
135
- min-height: 25%;
136
- height: auto;
137
- max-height: 100%;
138
- text-align: right;
139
- }
140
-
141
- .premium-banner-animation1 .premium-banner-ib-content,
142
- .premium-banner-animation1 .premium-banner-ib-title,
143
- .premium-banner-animation1 .premium-banner-read-more {
144
- -webkit-transform: translate3d(0, 40px, 0);
145
- transform: translate3d(0, 40px, 0);
146
- -webkit-transition-delay: 0.05s;
147
- transition-delay: 0.05s;
148
- -webkit-transition-duration: 0.35s;
149
- transition-duration: 0.35s;
150
- }
151
-
152
- .premium-banner-animation1 .premium-banner-ib-title {
153
- -webkit-transition: -webkit-transform 0.35s;
154
- transition: -webkit-transform 0.35s;
155
- transition: transform 0.35s;
156
- transition: transform 0.35s, -webkit-transform 0.35s;
157
- }
158
-
159
- .premium-banner-animation1 .premium-banner-ib-content,
160
- .premium-banner-animation1 .premium-banner-read-more {
161
- margin-top: 10px;
162
- opacity: 0;
163
- -webkit-transition: opacity 0.2s, -webkit-transform 0.35s;
164
- transition: opacity 0.2s, -webkit-transform 0.35s;
165
- transition: opacity 0.2s, transform 0.35s;
166
- transition: opacity 0.2s, transform 0.35s, -webkit-transform 0.35s;
167
- }
168
-
169
- .premium-banner-animation1:hover .premium-banner-ib-content,
170
- .premium-banner-animation1.active .premium-banner-ib-content,
171
- .premium-banner-animation1:hover .premium-banner-read-more,
172
- .premium-banner-animation1.active .premium-banner-read-more {
173
- opacity: 1;
174
- -webkit-transition-delay: 0.05s;
175
- transition-delay: 0.05s;
176
- -webkit-transition-duration: 0.35s;
177
- transition-duration: 0.35s;
178
- }
179
-
180
- .premium-banner-animation1:hover .premium-banner-ib-content,
181
- .premium-banner-animation1.active .premium-banner-ib-content,
182
- .premium-banner-animation1:hover .premium-banner-read-more,
183
- .premium-banner-animation1.active .premium-banner-read-more,
184
- .premium-banner-animation1:hover .premium-banner-ib-title,
185
- .premium-banner-animation1.active .premium-banner-ib-title,
186
- .premium-banner-animation1:hover img,
187
- .premium-banner-animation1.active img {
188
- -webkit-transform: translate3d(0, 0, 0);
189
- transform: translate3d(0, 0, 0);
190
- -webkit-transition-delay: 0.05s;
191
- transition-delay: 0.05s;
192
- -webkit-transition-duration: 0.35s;
193
- transition-duration: 0.35s;
194
- }
195
-
196
- .premium-banner-animation1.zoomout img,
197
- .premium-banner-animation1.scale img {
198
- -webkit-transform: translate3d(40px, 0, 0) scale(1.1);
199
- transform: translate3d(40px, 0, 0) scale(1.1);
200
- }
201
-
202
- .premium-banner-ib.sepia img {
203
- -webkit-filter: sepia(30%);
204
- filter: sepia(30%);
205
- }
206
-
207
- .premium-banner-ib.bright img {
208
- -webkit-filter: brightness(1);
209
- filter: brightness(1);
210
- }
211
-
212
- .premium-banner-ib.sepia:hover img {
213
- -webkit-filter: sepia(0%);
214
- filter: sepia(0%);
215
- }
216
-
217
- .premium-banner-ib.bright:hover img {
218
- -webkit-filter: brightness(1.2);
219
- filter: brightness(1.2);
220
- }
221
-
222
- .premium-banner-animation1.premium-banner-min-height img,
223
- .premium-banner-animation2.premium-banner-min-height img,
224
- .premium-banner-animation4.premium-banner-min-height img,
225
- .premium-banner-animation5.premium-banner-min-height img,
226
- .premium-banner-animation6.premium-banner-min-height img,
227
- .premium-banner-animation13.premium-banner-min-height img {
228
- height: auto;
229
- }
230
-
231
- .premium-banner-animation2 img {
232
- width: 100%;
233
- }
234
-
235
- .premium-banner-animation2 .premium-banner-ib-desc::before {
236
- position: absolute;
237
- content: "";
238
- top: 0;
239
- right: 0;
240
- width: 100%;
241
- height: 100%;
242
- opacity: 0;
243
- -webkit-transform: translate3d(0, 50%, 0);
244
- transform: translate3d(0, 50%, 0);
245
- }
246
-
247
- .premium-banner-animation2 .premium-banner-ib-title {
248
- position: absolute;
249
- top: 50%;
250
- right: 0;
251
- width: 100%;
252
- -webkit-transition: color 0.35s, -webkit-transform 0.35s;
253
- transition: color 0.35s, -webkit-transform 0.35s;
254
- transition: transform 0.35s, color 0.35s;
255
- transition: transform 0.35s, color 0.35s, -webkit-transform 0.35s;
256
- -webkit-transform: translate3d(0, -50%, 0);
257
- transform: translate3d(0, -50%, 0);
258
- }
259
-
260
- .premium-banner-animation2 .premium-banner-ib-content,
261
- .premium-banner-animation2 .premium-banner-read-more,
262
- .premium-banner-animation2 .premium-banner-ib-desc::before {
263
- -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
264
- transition: opacity 0.35s, -webkit-transform 0.35s;
265
- transition: opacity 0.35s, transform 0.35s;
266
- transition: opacity 0.35s, transform 0.35s, -webkit-transform 0.35s;
267
- }
268
-
269
- .premium-banner-animation2 .premium-banner-ib-content,
270
- .premium-banner-animation2 .premium-banner-read-more {
271
- position: absolute;
272
- bottom: 0;
273
- right: 0;
274
- padding: 15px;
275
- width: 100%;
276
- max-height: 50%;
277
- opacity: 0;
278
- -webkit-transform: translate3d(0, 10px, 0);
279
- transform: translate3d(0, 10px, 0);
280
- }
281
-
282
- .premium-banner-animation2:hover .premium-banner-ib-title,
283
- .premium-banner-animation2.active .premium-banner-ib-title {
284
- -webkit-transform: translate3d(0, -40px, 0);
285
- transform: translate3d(0, -40px, 0);
286
- }
287
-
288
- .premium-banner-animation2:hover .premium-banner-read-more,
289
- .premium-banner-animation2.active .premium-banner-read-more,
290
- .premium-banner-animation2:hover .premium-banner-ib-desc::before,
291
- .premium-banner-animation2.active .premium-banner-ib-desc::before {
292
- opacity: 1;
293
- -webkit-transform: translate3d(0, 0, 0);
294
- transform: translate3d(0, 0, 0);
295
- }
296
-
297
- .premium-banner-animation2:hover .premium-banner-ib-content,
298
- .premium-banner-animation2.active .premium-banner-ib-content {
299
- opacity: 1;
300
- -webkit-transform: translate3d(0, -30px, 0);
301
- transform: translate3d(0, -30px, 0);
302
- }
303
-
304
- .premium-banner-animation3 .premium-banner-ib-title {
305
- position: absolute;
306
- bottom: 0;
307
- right: 0;
308
- padding: 15px;
309
- width: 100%;
310
- text-align: right;
311
- -webkit-transform: translate3d(0, -30px, 0);
312
- transform: translate3d(0, -30px, 0);
313
- }
314
-
315
- .premium-banner-animation3 .premium-banner-ib-desc::before,
316
- .premium-banner-animation3 .premium-banner-ib-title {
317
- -webkit-transition: -webkit-transform 0.35s;
318
- transition: -webkit-transform 0.35s;
319
- transition: transform 0.35s;
320
- transition: transform 0.35s, -webkit-transform 0.35s;
321
- }
322
-
323
- .premium-banner-animation3:hover .premium-banner-ib-desc::before,
324
- .premium-banner-animation3.active .premium-banner-ib-desc::before,
325
- .premium-banner-animation3:hover .premium-banner-ib-title,
326
- .premium-banner-animation3.active .premium-banner-ib-title {
327
- opacity: 1;
328
- -webkit-transform: translate3d(0, 0, 0);
329
- transform: translate3d(0, 0, 0);
330
- }
331
-
332
- .premium-banner-animation3 .premium-banner-ib-content {
333
- max-height: -webkit-calc(100% - 60px - 1.5em);
334
- max-height: calc(100% - 60px - 1.5em);
335
- overflow: hidden;
336
- }
337
-
338
- .premium-banner-animation4 img {
339
- width: -webkit-calc(100% + 40px) !important;
340
- width: calc(100% + 40px) !important;
341
- max-width: -webkit-calc(100% + 40px) !important;
342
- max-width: calc(100% + 40px) !important;
343
- }
344
-
345
- .premium-banner-animation4 .premium-banner-ib-desc {
346
- padding: 30px;
347
- }
348
-
349
- .premium-banner-animation4 .premium-banner-ib-desc::after {
350
- position: absolute;
351
- content: "";
352
- opacity: 0;
353
- }
354
-
355
- .premium-banner-animation4 .premium-banner-ib-desc::before {
356
- position: absolute;
357
- content: "";
358
- opacity: 0;
359
- top: 50px;
360
- left: 30px;
361
- bottom: 50px;
362
- right: 30px;
363
- border-top: 1px solid #fff;
364
- border-bottom: 1px solid #fff;
365
- -webkit-transform: scale(0, 1);
366
- -ms-transform: scale(0, 1);
367
- transform: scale(0, 1);
368
- -webkit-transform-origin: 100% 0;
369
- -ms-transform-origin: 100% 0;
370
- transform-origin: 100% 0;
371
- }
372
-
373
- .premium-banner-animation4 .premium-banner-ib-desc::after {
374
- top: 30px;
375
- left: 50px;
376
- bottom: 30px;
377
- right: 50px;
378
- border-left: 1px solid #fff;
379
- border-right: 1px solid #fff;
380
- -webkit-transform: scale(1, 0);
381
- -ms-transform: scale(1, 0);
382
- transform: scale(1, 0);
383
- -webkit-transform-origin: 0% 0;
384
- -ms-transform-origin: 0% 0;
385
- transform-origin: 0% 0;
386
- }
387
-
388
- .premium-banner-animation4 .premium-banner-ib-title {
389
- padding: 50px 30px 0 30px;
390
- -webkit-transition: -webkit-transform 0.35s;
391
- transition: -webkit-transform 0.35s;
392
- transition: transform 0.35s;
393
- transition: transform 0.35s, -webkit-transform 0.35s;
394
- }
395
-
396
- .premium-banner-animation4 .premium-banner-ib-content,
397
- .premium-banner-animation4 .premium-banner-read-more {
398
- padding: 10px 30px;
399
- opacity: 0;
400
- overflow: hidden;
401
- -webkit-transform: translate3d(0, -10px, 0);
402
- transform: translate3d(0, -10px, 0);
403
- }
404
-
405
- .premium-banner-animation4 .premium-banner-ib-title,
406
- .premium-banner-animation4 img {
407
- -webkit-transform: translate3d(30px, 0, 0);
408
- transform: translate3d(30px, 0, 0);
409
- }
410
-
411
- .premium-banner-animation4.zoomout img,
412
- .premium-banner-animation4.scale img {
413
- -webkit-transform: translate3d(30px, 0, 0) scale(1.1);
414
- transform: translate3d(30px, 0, 0) scale(1.1);
415
- }
416
-
417
- .premium-banner-animation4 .premium-banner-ib-content,
418
- .premium-banner-animation4 .premium-banner-read-more {
419
- -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
420
- transition: opacity 0.35s, -webkit-transform 0.35s;
421
- transition: opacity 0.35s, transform 0.35s;
422
- transition: opacity 0.35s, transform 0.35s, -webkit-transform 0.35s;
423
- }
424
-
425
- .premium-banner-animation4 .premium-banner-ib-desc::after,
426
- .premium-banner-animation4 .premium-banner-ib-desc::before {
427
- -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
428
- transition: opacity 0.35s, -webkit-transform 0.35s;
429
- transition: opacity 0.35s, transform 0.35s;
430
- transition: opacity 0.35s, transform 0.35s, -webkit-transform 0.35s;
431
- }
432
-
433
- .premium-banner-animation4 img {
434
- -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
435
- transition: opacity 0.35s, -webkit-transform 0.35s;
436
- transition: opacity 0.35s, transform 0.35s;
437
- transition: opacity 0.35s, transform 0.35s, -webkit-transform 0.35s;
438
- }
439
-
440
- .premium-banner-animation4:hover .premium-banner-ib-desc::after,
441
- .premium-banner-animation4.active .premium-banner-ib-desc::after,
442
- .premium-banner-animation4:hover .premium-banner-ib-desc::before,
443
- .premium-banner-animation4.active .premium-banner-ib-desc::before {
444
- opacity: 1;
445
- -webkit-transform: scale(1);
446
- -ms-transform: scale(1);
447
- transform: scale(1);
448
- }
449
-
450
- .premium-banner-animation4:hover .premium-banner-ib-content,
451
- .premium-banner-animation4.active .premium-banner-ib-content,
452
- .premium-banner-animation4:hover .premium-banner-read-more,
453
- .premium-banner-animation4.active .premium-banner-read-more,
454
- .premium-banner-animation4:hover .premium-banner-ib-title,
455
- .premium-banner-animation4.active .premium-banner-ib-title {
456
- opacity: 1;
457
- -webkit-transform: translate3d(0, 0, 0);
458
- transform: translate3d(0, 0, 0);
459
- }
460
-
461
- .premium-banner-animation4:hover .premium-banner-ib-content,
462
- .premium-banner-animation4:hover .premium-banner-ib-desc::after,
463
- .premium-banner-animation4:hover .premium-banner-ib-title,
464
- .premium-banner-animation4:hover img {
465
- -webkit-transition-delay: 0.15s;
466
- transition-delay: 0.15s;
467
- }
468
-
469
- .premium-banner-animation5 .premium-banner-ib-desc {
470
- top: auto;
471
- bottom: 0;
472
- padding: 15px;
473
- height: auto;
474
- background: #f2f2f2;
475
- color: #3c4a50;
476
- -webkit-transition: -webkit-transform 0.35s;
477
- transition: -webkit-transform 0.35s;
478
- transition: transform 0.35s;
479
- transition: transform 0.35s, -webkit-transform 0.35s;
480
- -webkit-transform: translate3d(0, 100%, 0);
481
- transform: translate3d(0, 100%, 0);
482
- }
483
-
484
- .premium-banner-animation5 .premium-banner-ib-content {
485
- position: absolute;
486
- top: auto;
487
- bottom: 100%;
488
- right: 0;
489
- width: 100%;
490
- padding: 15px;
491
- opacity: 0;
492
- -webkit-transition: opacity 0.35s;
493
- transition: opacity 0.35s;
494
- }
495
-
496
- .premium-banner-animation5 .premium-banner-ib-title,
497
- .premium-banner-animation5 .premium-banner-read-more {
498
- -webkit-transition: -webkit-transform 0.35s;
499
- transition: -webkit-transform 0.35s;
500
- transition: transform 0.35s;
501
- transition: transform 0.35s, -webkit-transform 0.35s;
502
- -webkit-transform: translate3d(0, 200%, 0);
503
- transform: translate3d(0, 200%, 0);
504
- text-align: center;
505
- }
506
-
507
- .premium-banner-animation5 .premium-banner-ib-title {
508
- margin: 10px 0;
509
- }
510
-
511
- .premium-banner-animation5:hover .premium-banner-ib-content,
512
- .premium-banner-animation5.active .premium-banner-ib-content,
513
- .premium-banner-animation5:hover .premium-banner-ib-content *,
514
- .premium-banner-animation5.active .premium-banner-ib-content * {
515
- opacity: 1 !important;
516
- z-index: 99 !important;
517
- -webkit-backface-visibility: hidden !important;
518
- backface-visibility: hidden !important;
519
- }
520
-
521
- .premium-banner-animation5:hover .premium-banner-ib-desc,
522
- .premium-banner-animation5.active .premium-banner-ib-desc,
523
- .premium-banner-animation5:hover .premium-banner-ib-title,
524
- .premium-banner-animation5.active .premium-banner-ib-title,
525
- .premium-banner-animation5:hover .premium-banner-read-more,
526
- .premium-banner-animation5.active .premium-banner-read-more {
527
- -webkit-transform: translateY(0);
528
- -ms-transform: translateY(0);
529
- transform: translateY(0);
530
- }
531
-
532
- .premium-banner-animation5:hover .premium-banner-ib-title {
533
- -webkit-transition-delay: 0.05s;
534
- transition-delay: 0.05s;
535
- }
536
-
537
- .premium-banner-animation5 img {
538
- -webkit-transition: opacity 0.35s, -webkit-filter 0.35s, -webkit-transform 0.35s;
539
- transition: opacity 0.35s, -webkit-filter 0.35s, -webkit-transform 0.35s;
540
- -webkit-transition: opacity 0.35s, -webkit-filter 0.35s, -webkit-transform 0.35s;
541
- transition: opacity 0.35s, filter 0.35s, transform 0.35s;
542
- transition: opacity 0.35s, filter 0.35s, transform 0.35s, -webkit-filter 0.35s, -webkit-transform 0.35s;
543
- transition: opacity 0.35s, filter 0.35s, transform 0.35s, -webkit-filter 0.35s, -webkit-transform 0.35s;
544
- }
545
-
546
- .premium-banner-animation2 img,
547
- .premium-banner-animation4 img,
548
- .premium-banner-animation6 img {
549
- -webkit-transition: opacity 0.35s, -webkit-filter 0.35s, -webkit-transform 0.35s;
550
- transition: opacity 0.35s, -webkit-filter 0.35s, -webkit-transform 0.35s;
551
- -webkit-transition: opacity 0.35s, -webkit-filter 0.35s, -webkit-transform 0.35s;
552
- transition: opacity 0.35s, filter 0.35s, transform 0.35s;
553
- transition: opacity 0.35s, filter 0.35s, transform 0.35s, -webkit-filter 0.35s, -webkit-transform 0.35s;
554
- transition: opacity 0.35s, filter 0.35s, transform 0.35s, -webkit-filter 0.35s, -webkit-transform 0.35s;
555
- }
556
-
557
- .premium-banner-animation5.zoomout img,
558
- .premium-banner-animation5.scale img {
559
- -webkit-transform: scale(1.1);
560
- -ms-transform: scale(1.1);
561
- transform: scale(1.1);
562
- }
563
-
564
- .premium-banner-animation2.zoomout img,
565
- .premium-banner-animation2.scale img {
566
- -webkit-transform: scale(1.1);
567
- -ms-transform: scale(1.1);
568
- transform: scale(1.1);
569
- }
570
-
571
- .premium-banner-animation6.zoomout img,
572
- .premium-banner-animation6.scale img {
573
- -webkit-transform: scale(1.1);
574
- -ms-transform: scale(1.1);
575
- transform: scale(1.1);
576
- }
577
-
578
- .premium-banner-animation5.zoomin:hover img,
579
- .premium-banner-animation2.zoomin:hover img,
580
- .premium-banner-animation6.zoomin:hover img {
581
- -webkit-transform: scale(1.1);
582
- -ms-transform: scale(1.1);
583
- transform: scale(1.1);
584
- }
585
-
586
- .premium-banner-animation5.zoomout:hover img,
587
- .premium-banner-animation2.zoomout:hover img,
588
- .premium-banner-animation6.zoomout:hover img {
589
- -webkit-transform: scale(1);
590
- -ms-transform: scale(1);
591
- transform: scale(1);
592
- }
593
-
594
- .premium-banner-animation5.scale:hover img,
595
- .premium-banner-animation2.scale:hover img,
596
- .premium-banner-animation6.scale:hover img {
597
- -webkit-transform: scale(1.2) rotate(-5deg);
598
- -ms-transform: scale(1.2) rotate(-5deg);
599
- transform: scale(1.2) rotate(-5deg);
600
- }
601
-
602
- .premium-banner-animation5.grayscale:hover img,
603
- .premium-banner-animation2.grayscale:hover img,
604
- .premium-banner-animation6.grayscale:hover img {
605
- -webkit-filter: grayscale(100%);
606
- filter: grayscale(100%);
607
- }
608
-
609
- .premium-banner-animation5.blur:hover img,
610
- .premium-banner-animation2.blur:hover img {
611
- -webkit-filter: blur(3px);
612
- filter: blur(3px);
613
- }
614
-
615
- .premium-banner-animation6.blur:hover img {
616
- -webkit-filter: blur(3px);
617
- filter: blur(3px);
618
- }
619
-
620
- .premium-banner-animation6 .premium-banner-ib-desc {
621
- padding: 45px;
622
- }
623
-
624
- .premium-banner-animation6 .premium-banner-ib-desc::before {
625
- position: absolute;
626
- content: "";
627
- top: 30px;
628
- left: 30px;
629
- bottom: 30px;
630
- right: 30px;
631
- border: 1px solid #fff;
632
- }
633
-
634
- .premium-banner-animation6 .premium-banner-ib-title {
635
- margin: 20px 0 10px;
636
- -webkit-transition: -webkit-transform 0.35s;
637
- transition: -webkit-transform 0.35s;
638
- transition: transform 0.35s;
639
- transition: transform 0.35s, -webkit-transform 0.35s;
640
- -webkit-transform: translate3d(0, 100%, 0);
641
- transform: translate3d(0, 100%, 0);
642
- }
643
-
644
- .premium-banner-animation6 .premium-banner-ib-content,
645
- .premium-banner-animation6 .premium-banner-read-more,
646
- .premium-banner-animation6 .premium-banner-ib-desc::before {
647
- opacity: 0;
648
- -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
649
- transition: opacity 0.35s, -webkit-transform 0.35s;
650
- transition: opacity 0.35s, transform 0.35s;
651
- transition: opacity 0.35s, transform 0.35s, -webkit-transform 0.35s;
652
- -webkit-transform: scale(0);
653
- -ms-transform: scale(0);
654
- transform: scale(0);
655
- }
656
-
657
- .premium-banner-animation6 .premium-banner-read-more {
658
- margin-top: 10px;
659
- }
660
-
661
- .premium-banner-animation6:hover .premium-banner-ib-title,
662
- .premium-banner-animation6.active .premium-banner-ib-title {
663
- -webkit-transform: translate3d(0, 0, 0);
664
- transform: translate3d(0, 0, 0);
665
- }
666
-
667
- .premium-banner-animation6:hover .premium-banner-ib-content,
668
- .premium-banner-animation6.active .premium-banner-ib-content,
669
- .premium-banner-animation6:hover .premium-banner-read-more,
670
- .premium-banner-animation6.active .premium-banner-read-more,
671
- .premium-banner-animation6:hover .premium-banner-ib-desc::before,
672
- .premium-banner-animation6.active .premium-banner-ib-desc::before {
673
- opacity: 1;
674
- -webkit-transform: scale(1);
675
- -ms-transform: scale(1);
676
- transform: scale(1);
677
- }
678
-
679
- .premium-banner-animation12 .premium-banner-ib-desc::after {
680
- position: absolute;
681
- content: "";
682
- left: 30px;
683
- bottom: 30px;
684
- right: 30px;
685
- height: -webkit-calc(50% - 30px);
686
- height: calc(50% - 30px);
687
- border: 7px solid #fff;
688
- -webkit-transition: -webkit-transform 0.35s;
689
- transition: -webkit-transform 0.35s;
690
- transition: transform 0.35s;
691
- transition: transform 0.35s, -webkit-transform 0.35s;
692
- -webkit-transform: translate3d(0, -100%, 0);
693
- transform: translate3d(0, -100%, 0);
694
- }
695
-
696
- .premium-banner-animation12:hover .premium-banner-ib-desc::after,
697
- .premium-banner-animation12.active .premium-banner-ib-desc::after {
698
- -webkit-transform: translate3d(0, 0, 0);
699
- transform: translate3d(0, 0, 0);
700
- }
701
-
702
- .premium-banner-animation12 .premium-banner-ib-desc {
703
- padding: 45px;
704
- text-align: right;
705
- }
706
-
707
- .premium-banner-animation12 .premium-banner-ib-content {
708
- position: absolute;
709
- left: 60px;
710
- bottom: 60px;
711
- right: 60px;
712
- opacity: 0;
713
- -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
714
- transition: opacity 0.35s, -webkit-transform 0.35s;
715
- transition: opacity 0.35s, transform 0.35s;
716
- transition: opacity 0.35s, transform 0.35s, -webkit-transform 0.35s;
717
- -webkit-transform: translate3d(0, -100px, 0);
718
- transform: translate3d(0, -100px, 0);
719
- }
720
-
721
- .premium-banner-animation12:hover .premium-banner-ib-content,
722
- .premium-banner-animation12.active .premium-banner-ib-content {
723
- opacity: 1;
724
- -webkit-transform: translate3d(0, 0, 0);
725
- transform: translate3d(0, 0, 0);
726
- }
727
-
728
- .premium-banner-animation13 img {
729
- width: -webkit-calc(100% + 20px) !important;
730
- width: calc(100% + 20px) !important;
731
- max-width: -webkit-calc(100% + 20px) !important;
732
- max-width: calc(100% + 20px) !important;
733
- -webkit-transition: opacity 0.35s, -webkit-filter 0.35s, -webkit-transform 0.35s;
734
- transition: opacity 0.35s, -webkit-filter 0.35s, -webkit-transform 0.35s;
735
- -webkit-transition: opacity 0.35s, -webkit-filter 0.35s, -webkit-transform 0.35s;
736
- transition: opacity 0.35s, filter 0.35s, transform 0.35s;
737
- transition: opacity 0.35s, filter 0.35s, transform 0.35s, -webkit-filter 0.35s, -webkit-transform 0.35s;
738
- transition: opacity 0.35s, filter 0.35s, transform 0.35s, -webkit-filter 0.35s, -webkit-transform 0.35s;
739
- -webkit-transform: translate3d(10px, 0, 0);
740
- transform: translate3d(10px, 0, 0);
741
- -webkit-backface-visibility: hidden;
742
- backface-visibility: hidden;
743
- }
744
-
745
- .premium-banner-animation13.zoomout img,
746
- .premium-banner-animation13.scale img {
747
- -webkit-transform: translate3d(10px, 0, 0) scale(1.1);
748
- transform: translate3d(10px, 0, 0) scale(1.1);
749
- }
750
-
751
- .premium-banner-animation13.none:hover img {
752
- -webkit-transform: translate3d(0, 0, 0);
753
- transform: translate3d(0, 0, 0);
754
- }
755
-
756
- .premium-banner-animation1.none:hover img,
757
- .premium-banner-animation4.none:hover img {
758
- -webkit-transform: translate3d(0, 0, 0);
759
- transform: translate3d(0, 0, 0);
760
- }
761
-
762
- .premium-banner-animation13.zoomin:hover img,
763
- .premium-banner-animation1.zoomin:hover img,
764
- .premium-banner-animation4.zoomin:hover img,
765
- .premium-banner-animation8.zoomin:hover img,
766
- .premium-banner-animation7.zoomin:hover img,
767
- .premium-banner-animation9.zoomin:hover img,
768
- .premium-banner-animation10.zoomin:hover img,
769
- .premium-banner-animation11.zoomin:hover img {
770
- -webkit-transform: translate3d(0, 0, 0) scale(1.1);
771
- transform: translate3d(0, 0, 0) scale(1.1);
772
- }
773
-
774
- .premium-banner-animation13.zoomout:hover img,
775
- .premium-banner-animation1.zoomout:hover img,
776
- .premium-banner-animation4.zoomout:hover img,
777
- .premium-banner-animation8.zoomout:hover img,
778
- .premium-banner-animation7.zoomout:hover img,
779
- .premium-banner-animation9.zoomout:hover img,
780
- .premium-banner-animation10.zoomout:hover img,
781
- .premium-banner-animation11.zoomout:hover img {
782
- -webkit-transform: translate3d(0, 0, 0) scale(1);
783
- transform: translate3d(0, 0, 0) scale(1);
784
- }
785
-
786
- .premium-banner-animation13.scale:hover img,
787
- .premium-banner-animation1.scale:hover img,
788
- .premium-banner-animation4.scale:hover img,
789
- .premium-banner-animation8.scale:hover img,
790
- .premium-banner-animation7.scale:hover img,
791
- .premium-banner-animation9.scale:hover img,
792
- .premium-banner-animation10.scale:hover img,
793
- .premium-banner-animation11.scale:hover img {
794
- -webkit-transform: translate3d(0, 0, 0) scale(1.2) rotate(-5deg);
795
- transform: translate3d(0, 0, 0) scale(1.2) rotate(-5deg);
796
- }
797
-
798
- .premium-banner-animation13.grayscale:hover img,
799
- .premium-banner-animation1.grayscale:hover img,
800
- .premium-banner-animation4.grayscale:hover img,
801
- .premium-banner-animation8.grayscale:hover img,
802
- .premium-banner-animation7.grayscale:hover img,
803
- .premium-banner-animation9.grayscale:hover img,
804
- .premium-banner-animation10.grayscale:hover img,
805
- .premium-banner-animation11.grayscale:hover img {
806
- -webkit-transform: translate3d(0, 0, 0);
807
- transform: translate3d(0, 0, 0);
808
- -webkit-filter: grayscale(100%);
809
- filter: grayscale(100%);
810
- }
811
-
812
- .premium-banner-animation13.blur:hover img,
813
- .premium-banner-animation1.blur:hover img,
814
- .premium-banner-animation4.blur:hover,
815
- .premium-banner-animation8.blur:hover img,
816
- .premium-banner-animation7.blur:hover img,
817
- .premium-banner-animation9.blur:hover img,
818
- .premium-banner-animation10.blur:hover img,
819
- .premium-banner-animation11.blur:hover img {
820
- -webkit-transform: translate3d(0, 0, 0);
821
- transform: translate3d(0, 0, 0);
822
- -webkit-filter: blur(3px);
823
- filter: blur(3px);
824
- }
825
-
826
- .premium-banner-animation13 .premium-banner-ib-desc {
827
- text-align: right;
828
- }
829
-
830
- .premium-banner-animation13 .premium-banner-ib-title {
831
- position: relative;
832
- overflow: hidden;
833
- padding: 5px 0 10px;
834
- }
835
-
836
- .premium-banner-animation13 .premium-banner-ib-title::after {
837
- position: absolute;
838
- content: "";
839
- bottom: 0;
840
- right: 0;
841
- width: 100%;
842
- height: 2px;
843
- background: #fff;
844
- -webkit-transition: -webkit-transform 0.35s;
845
- transition: -webkit-transform 0.35s;
846
- transition: transform 0.35s;
847
- transition: transform 0.35s, -webkit-transform 0.35s;
848
- -webkit-transform: translate3d(101%, 0, 0);
849
- transform: translate3d(101%, 0, 0);
850
- }
851
-
852
- .premium-banner-animation13:hover .premium-banner-ib-title::after,
853
- .premium-banner-animation13.active .premium-banner-ib-title::after {
854
- -webkit-transform: translate3d(0, 0, 0);
855
- transform: translate3d(0, 0, 0);
856
- }
857
-
858
- .premium-banner-animation13 .premium-banner-ib-content,
859
- .premium-banner-animation13 .premium-banner-read-more {
860
- padding: 15px 0;
861
- opacity: 0;
862
- -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
863
- transition: opacity 0.35s, -webkit-transform 0.35s;
864
- transition: opacity 0.35s, transform 0.35s;
865
- transition: opacity 0.35s, transform 0.35s, -webkit-transform 0.35s;
866
- -webkit-transform: translate3d(-100%, 0, 0);
867
- transform: translate3d(-100%, 0, 0);
868
- }
869
-
870
- .premium-banner-animation13:hover .premium-banner-ib-content,
871
- .premium-banner-animation13.active .premium-banner-ib-content,
872
- .premium-banner-animation13:hover .premium-banner-read-more,
873
- .premium-banner-animation13.active .premium-banner-read-more {
874
- opacity: 1;
875
- -webkit-transform: translate3d(0, 0, 0);
876
- transform: translate3d(0, 0, 0);
877
- }
878
-
879
- .premium-banner-ib.premium-banner-animation5 .premium-banner-toggle-size {
880
- right: 50%;
881
- width: auto !important;
882
- height: 100%;
883
- max-width: none;
884
- -webkit-transform: translateX(50%);
885
- -ms-transform: translateX(50%);
886
- transform: translateX(50%);
887
- }
888
-
889
- .premium-banner-ib img {
890
- border: none;
891
- padding: 0;
892
- margin: 0;
893
- }
894
-
895
- .premium-banner-animation7 img {
896
- width: -webkit-calc(100% + 40px) !important;
897
- width: calc(100% + 40px) !important;
898
- max-width: -webkit-calc(100% + 40px) !important;
899
- max-width: calc(100% + 40px) !important;
900
- }
901
-
902
- .premium-banner-animation7 .premium-banner-brlr {
903
- width: 7px;
904
- }
905
-
906
- .premium-banner-animation7 .premium-banner-brtb {
907
- height: 7px;
908
- }
909
-
910
- .premium-banner-animation7 .premium-banner-br {
911
- position: absolute;
912
- z-index: 1;
913
- background-color: white;
914
- -webkit-transition: all 0.3s ease-in-out;
915
- transition: all 0.3s ease-in-out;
916
- -webkit-transition-delay: 0.2s;
917
- transition-delay: 0.2s;
918
- }
919
-
920
- .premium-banner-animation7 .premium-banner-bleft {
921
- right: 30px;
922
- top: -webkit-calc(100% - 150px);
923
- top: calc(100% - 150px);
924
- height: 0;
925
- }
926
-
927
- .premium-banner-animation7 .premium-banner-bright {
928
- left: 30px;
929
- bottom: -webkit-calc(100% - 150px);
930
- bottom: calc(100% - 150px);
931
- height: 0;
932
- }
933
-
934
- .premium-banner-animation7 .premium-banner-bottom {
935
- left: -webkit-calc(100% - 150px);
936
- left: calc(100% - 150px);
937
- bottom: 30px;
938
- width: 0;
939
- }
940
-
941
- .premium-banner-animation7 .premium-banner-btop {
942
- right: -webkit-calc(100% - 150px);
943
- right: calc(100% - 150px);
944
- top: 30px;
945
- width: 0;
946
- }
947
-
948
- .premium-banner-animation7 .premium-banner-ib-desc {
949
- padding: 70px;
950
- display: table;
951
- }
952
-
953
- .premium-banner-animation7 .premium-banner-ib-desc .premium-banner-desc-centered {
954
- display: table-cell;
955
- vertical-align: middle;
956
- }
957
-
958
- .premium-banner-animation7 .premium-banner-ib-title {
959
- margin-top: 0;
960
- }
961
-
962
- .premium-banner-animation7 .premium-banner-ib-title,
963
- .premium-banner-animation7 img {
964
- -webkit-transform: translate3d(30px, 0, 0);
965
- transform: translate3d(30px, 0, 0);
966
- }
967
-
968
- .premium-banner-animation7.zoomout img,
969
- .premium-banner-animation7.scale img {
970
- -webkit-transform: translate3d(30px, 0, 0) scale(1.1);
971
- transform: translate3d(30px, 0, 0) scale(1.1);
972
- }
973
-
974
- .premium-banner-animation7 .premium-banner-ib-content,
975
- .premium-banner-animation7 .premium-banner-read-more {
976
- margin-top: 10px;
977
- }
978
-
979
- .premium-banner-animation7 .premium-banner-ib-desc::after,
980
- .premium-banner-animation7 .premium-banner-ib-desc::before {
981
- -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
982
- transition: opacity 0.35s, -webkit-transform 0.35s;
983
- transition: opacity 0.35s, transform 0.35s;
984
- transition: opacity 0.35s, transform 0.35s, -webkit-transform 0.35s;
985
- }
986
-
987
- .premium-banner-animation7 .premium-banner-ib-title,
988
- .premium-banner-animation7 .premium-banner-ib-content,
989
- .premium-banner-animation7 .premium-banner-read-more {
990
- opacity: 0;
991
- -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
992
- transition: opacity 0.35s, -webkit-transform 0.35s;
993
- transition: opacity 0.35s, transform 0.35s;
994
- transition: opacity 0.35s, transform 0.35s, -webkit-transform 0.35s;
995
- }
996
-
997
- .premium-banner-animation7 img {
998
- -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
999
- transition: opacity 0.35s, -webkit-transform 0.35s;
1000
- transition: opacity 0.35s, transform 0.35s;
1001
- transition: opacity 0.35s, transform 0.35s, -webkit-transform 0.35s;
1002
- }
1003
-
1004
- .premium-banner-animation7:hover .premium-banner-ib-content,
1005
- .premium-banner-animation7.active .premium-banner-ib-content,
1006
- .premium-banner-animation7:hover .premium-banner-read-more,
1007
- .premium-banner-animation7.active .premium-banner-read-more,
1008
- .premium-banner-animation7:hover .premium-banner-ib-title,
1009
- .premium-banner-animation7.active .premium-banner-ib-title {
1010
- opacity: 1;
1011
- -webkit-transform: translate3d(0, 0, 0);
1012
- transform: translate3d(0, 0, 0);
1013
- }
1014
-
1015
- .premium-banner-animation7:hover .premium-banner-bleft,
1016
- .premium-banner-animation7.active .premium-banner-bleft {
1017
- top: 30px;
1018
- height: 70px;
1019
- }
1020
-
1021
- .premium-banner-animation7:hover .premium-banner-bright,
1022
- .premium-banner-animation7.active .premium-banner-bright {
1023
- bottom: 30px;
1024
- height: 70px;
1025
- }
1026
-
1027
- .premium-banner-animation7:hover .premium-banner-bottom,
1028
- .premium-banner-animation7.active .premium-banner-bottom {
1029
- left: 30px;
1030
- width: 70px;
1031
- }
1032
-
1033
- .premium-banner-animation7:hover .premium-banner-btop,
1034
- .premium-banner-animation7.active .premium-banner-btop {
1035
- right: 30px;
1036
- width: 70px;
1037
- }
1038
-
1039
- .premium-banner-animation7:hover .premium-banner-ib-content,
1040
- .premium-banner-animation7:hover .premium-banner-read-more,
1041
- .premium-banner-animation7:hover .premium-banner-ib-title,
1042
- .premium-banner-animation7:hover img {
1043
- -webkit-transition-delay: 0.15s;
1044
- transition-delay: 0.15s;
1045
- }
1046
-
1047
- .premium-banner-animation8 img {
1048
- width: -webkit-calc(100% + 40px) !important;
1049
- width: calc(100% + 40px) !important;
1050
- max-width: -webkit-calc(100% + 40px) !important;
1051
- max-width: calc(100% + 40px) !important;
1052
- }
1053
-
1054
- .premium-banner-animation8 .premium-banner-brlr {
1055
- width: 7px;
1056
- }
1057
-
1058
- .premium-banner-animation8 .premium-banner-brtb {
1059
- height: 7px;
1060
- }
1061
-
1062
- .premium-banner-animation8 .premium-banner-br {
1063
- position: absolute;
1064
- z-index: 1;
1065
- background-color: white;
1066
- -webkit-transition: all 0.3s ease-in-out;
1067
- transition: all 0.3s ease-in-out;
1068
- -webkit-transition-delay: 0.2s;
1069
- transition-delay: 0.2s;
1070
- }
1071
-
1072
- .premium-banner-animation8 .premium-banner-bleft {
1073
- right: 30px;
1074
- top: 50%;
1075
- -webkit-transform: translateY(-50%);
1076
- -ms-transform: translateY(-50%);
1077
- transform: translateY(-50%);
1078
- height: 0;
1079
- }
1080
-
1081
- .premium-banner-animation8 .premium-banner-bright {
1082
- left: 30px;
1083
- top: 50%;
1084
- -webkit-transform: translateY(-50%);
1085
- -ms-transform: translateY(-50%);
1086
- transform: translateY(-50%);
1087
- height: 0;
1088
- }
1089
-
1090
- .premium-banner-animation8 .premium-banner-bottom {
1091
- right: 50%;
1092
- -webkit-transform: translateX(50%);
1093
- -ms-transform: translateX(50%);
1094
- transform: translateX(50%);
1095
- bottom: 30px;
1096
- width: 0;
1097
- }
1098
-
1099
- .premium-banner-animation8 .premium-banner-btop {
1100
- right: 50%;
1101
- -webkit-transform: translateX(50%);
1102
- -ms-transform: translateX(50%);
1103
- transform: translateX(50%);
1104
- top: 30px;
1105
- width: 0;
1106
- }
1107
-
1108
- .premium-banner-animation8 .premium-banner-ib-desc {
1109
- padding: 70px;
1110
- display: table;
1111
- }
1112
-
1113
- .premium-banner-animation8 .premium-banner-ib-desc .premium-banner-desc-centered {
1114
- display: table-cell;
1115
- vertical-align: middle;
1116
- }
1117
-
1118
- .premium-banner-animation8 .premium-banner-ib-title {
1119
- margin-top: 0;
1120
- }
1121
-
1122
- .premium-banner-animation8 .premium-banner-ib-title,
1123
- .premium-banner-animation8 img {
1124
- -webkit-transform: translate3d(30px, 0, 0);
1125
- transform: translate3d(30px, 0, 0);
1126
- }
1127
-
1128
- .premium-banner-animation8.zoomout img,
1129
- .premium-banner-animation8.scale img {
1130
- -webkit-transform: translate3d(30px, 0, 0) scale(1.1);
1131
- transform: translate3d(30px, 0, 0) scale(1.1);
1132
- }
1133
-
1134
- .premium-banner-animation8 .premium-banner-ib-content,
1135
- .premium-banner-animation8 .premium-banner-read-more {
1136
- margin-top: 10px;
1137
- }
1138
-
1139
- .premium-banner-animation8 .premium-banner-ib-desc::after,
1140
- .premium-banner-animation8 .premium-banner-ib-desc::before {
1141
- -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
1142
- transition: opacity 0.35s, -webkit-transform 0.35s;
1143
- transition: opacity 0.35s, transform 0.35s;
1144
- transition: opacity 0.35s, transform 0.35s, -webkit-transform 0.35s;
1145
- }
1146
-
1147
- .premium-banner-animation8 .premium-banner-ib-title,
1148
- .premium-banner-animation8 .premium-banner-ib-content,
1149
- .premium-banner-animation8 .premium-banner-read-more {
1150
- -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
1151
- transition: opacity 0.35s, -webkit-transform 0.35s;
1152
- transition: opacity 0.35s, transform 0.35s;
1153
- transition: opacity 0.35s, transform 0.35s, -webkit-transform 0.35s;
1154
- opacity: 0;
1155
- }
1156
-
1157
- .premium-banner-animation8 img {
1158
- -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
1159
- transition: opacity 0.35s, -webkit-transform 0.35s;
1160
- transition: opacity 0.35s, transform 0.35s;
1161
- transition: opacity 0.35s, transform 0.35s, -webkit-transform 0.35s;
1162
- }
1163
-
1164
- .premium-banner-animation8:hover .premium-banner-ib-content,
1165
- .premium-banner-animation8.active .premium-banner-ib-content,
1166
- .premium-banner-animation8:hover .premium-banner-read-more,
1167
- .premium-banner-animation8.active .premium-banner-read-more,
1168
- .premium-banner-animation8:hover .premium-banner-ib-title,
1169
- .premium-banner-animation8.active .premium-banner-ib-title {
1170
- opacity: 1;
1171
- -webkit-transform: translate3d(0, 0, 0);
1172
- transform: translate3d(0, 0, 0);
1173
- }
1174
-
1175
- .premium-banner-animation8:hover .premium-banner-bleft,
1176
- .premium-banner-animation8.active .premium-banner-bleft {
1177
- height: -webkit-calc(100% - 61px);
1178
- height: calc(100% - 61px);
1179
- }
1180
-
1181
- .premium-banner-animation8:hover .premium-banner-bright,
1182
- .premium-banner-animation8.active .premium-banner-bright {
1183
- height: -webkit-calc(100% - 61px);
1184
- height: calc(100% - 61px);
1185
- }
1186
-
1187
- .premium-banner-animation8:hover .premium-banner-bottom,
1188
- .premium-banner-animation8.active .premium-banner-bottom {
1189
- width: -webkit-calc(100% - 61px);
1190
- width: calc(100% - 61px);
1191
- }
1192
-
1193
- .premium-banner-animation8:hover .premium-banner-btop,
1194
- .premium-banner-animation8.active .premium-banner-btop {
1195
- width: -webkit-calc(100% - 61px);
1196
- width: calc(100% - 61px);
1197
- }
1198
-
1199
- .premium-banner-animation8:hover .premium-banner-ib-content,
1200
- .premium-banner-animation8:hover .premium-banner-ib-title,
1201
- .premium-banner-animation8:hover .premium-banner-read-more,
1202
- .premium-banner-animation8:hover img {
1203
- -webkit-transition-delay: 0.15s;
1204
- transition-delay: 0.15s;
1205
- }
1206
-
1207
- .premium-banner-animation9 img {
1208
- width: -webkit-calc(100% + 20px) !important;
1209
- width: calc(100% + 20px) !important;
1210
- max-width: -webkit-calc(100% + 20px) !important;
1211
- max-width: calc(100% + 20px) !important;
1212
- -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
1213
- transition: opacity 0.35s, -webkit-transform 0.35s;
1214
- transition: opacity 0.35s, transform 0.35s;
1215
- transition: opacity 0.35s, transform 0.35s, -webkit-transform 0.35s;
1216
- -webkit-transform: scale(1.2);
1217
- -ms-transform: scale(1.2);
1218
- transform: scale(1.2);
1219
- }
1220
-
1221
- .premium-banner-animation9 .premium-banner-ib-desc {
1222
- width: 100%;
1223
- height: 100%;
1224
- }
1225
-
1226
- .premium-banner-animation9 .premium-banner-ib-desc::before {
1227
- position: absolute;
1228
- top: 50%;
1229
- right: 50%;
1230
- width: 80%;
1231
- height: 1px;
1232
- background: #fff;
1233
- content: "";
1234
- -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
1235
- transition: opacity 0.35s, -webkit-transform 0.35s;
1236
- transition: opacity 0.35s, transform 0.35s;
1237
- transition: opacity 0.35s, transform 0.35s, -webkit-transform 0.35s;
1238
- -webkit-transform: translate3d(50%, -50%, 0);
1239
- transform: translate3d(50%, -50%, 0);
1240
- }
1241
-
1242
- .premium-banner-animation9 .premium-banner-ib-desc::after {
1243
- position: absolute;
1244
- top: 50%;
1245
- right: 50%;
1246
- width: 80%;
1247
- height: 1px;
1248
- background: #fff;
1249
- content: "";
1250
- -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
1251
- transition: opacity 0.35s, -webkit-transform 0.35s;
1252
- transition: opacity 0.35s, transform 0.35s;
1253
- transition: opacity 0.35s, transform 0.35s, -webkit-transform 0.35s;
1254
- -webkit-transform: translate3d(50%, -50%, 0);
1255
- transform: translate3d(50%, -50%, 0);
1256
- }
1257
-
1258
- .premium-banner-animation9 .premium-banner-ib-title {
1259
- position: absolute;
1260
- top: 50%;
1261
- right: 0;
1262
- width: 100%;
1263
- -webkit-transition: -webkit-transform 0.35s;
1264
- transition: -webkit-transform 0.35s;
1265
- transition: transform 0.35s;
1266
- transition: transform 0.35s, -webkit-transform 0.35s;
1267
- -webkit-transform: translate3d(0, -70px, 0);
1268
- transform: translate3d(0, -70px, 0);
1269
- margin-top: 0;
1270
- padding: 0 10%;
1271
- }
1272
-
1273
- .premium-banner-animation9:hover .premium-banner-ib-title,
1274
- .premium-banner-animation9.active .premium-banner-ib-title {
1275
- -webkit-transform: translate3d(0, -80px, 0);
1276
- transform: translate3d(0, -80px, 0);
1277
- }
1278
-
1279
- .premium-banner-animation9 .premium-banner-ib-content,
1280
- .premium-banner-animation9 .premium-banner-read-more {
1281
- position: absolute;
1282
- top: 50%;
1283
- right: 0;
1284
- width: 100%;
1285
- -webkit-transition: -webkit-transform 0.35s;
1286
- transition: -webkit-transform 0.35s;
1287
- transition: transform 0.35s;
1288
- transition: transform 0.35s, -webkit-transform 0.35s;
1289
- padding: 0 10%;
1290
- -webkit-transform: translate3d(0, 35px, 0);
1291
- transform: translate3d(0, 35px, 0);
1292
- }
1293
-
1294
- .premium-banner-animation9 .premium-banner-read-more {
1295
- top: 75%;
1296
- }
1297
-
1298
- .premium-banner-animation9:hover .premium-banner-ib-content,
1299
- .premium-banner-animation9.active .premium-banner-ib-content,
1300
- .premium-banner-animation9:hover .premium-banner-read-more,
1301
- .premium-banner-animation9.active .premium-banner-read-more {
1302
- -webkit-transform: translate3d(0, 45px, 0);
1303
- transform: translate3d(0, 45px, 0);
1304
- }
1305
-
1306
- .premium-banner-animation9:hover .premium-banner-ib-desc::before,
1307
- .premium-banner-animation9.active .premium-banner-ib-desc::before {
1308
- opacity: 0.5;
1309
- -webkit-transform: translate3d(50%, -50%, 0) rotate(-45deg);
1310
- transform: translate3d(50%, -50%, 0) rotate(-45deg);
1311
- }
1312
-
1313
- .premium-banner-animation9:hover .premium-banner-ib-desc::after,
1314
- .premium-banner-animation9.active .premium-banner-ib-desc::after {
1315
- opacity: 0.5;
1316
- -webkit-transform: translate3d(50%, -50%, 0) rotate(45deg);
1317
- transform: translate3d(50%, -50%, 0) rotate(45deg);
1318
- }
1319
-
1320
- .premium-banner-animation9:hover img {
1321
- -webkit-transform: scale(1);
1322
- -ms-transform: scale(1);
1323
- transform: scale(1);
1324
- }
1325
-
1326
- .premium-banner-animation10 img {
1327
- width: -webkit-calc(100% + 20px) !important;
1328
- width: calc(100% + 20px) !important;
1329
- max-width: -webkit-calc(100% + 20px) !important;
1330
- max-width: calc(100% + 20px) !important;
1331
- }
1332
-
1333
- .premium-banner-animation10 .premium-banner-ib-title {
1334
- position: relative;
1335
- overflow: hidden;
1336
- padding: 5px 0 15px;
1337
- -webkit-transition: -webkit-transform 0.35s;
1338
- transition: -webkit-transform 0.35s;
1339
- transition: transform 0.35s;
1340
- transition: transform 0.35s, -webkit-transform 0.35s;
1341
- -webkit-transform: translate3d(0, 20px, 0);
1342
- transform: translate3d(0, 20px, 0);
1343
- margin-bottom: 0;
1344
- }
1345
-
1346
- .premium-banner-animation10 .premium-banner-ib-title::after {
1347
- position: absolute;
1348
- content: "";
1349
- bottom: 0;
1350
- right: 0;
1351
- width: 100%;
1352
- height: 3px;
1353
- background: #fff;
1354
- opacity: 0;
1355
- -webkit-transform: translate3d(0, 100%, 0);
1356
- transform: translate3d(0, 100%, 0);
1357
- -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
1358
- transition: opacity 0.35s, -webkit-transform 0.35s;
1359
- transition: opacity 0.35s, transform 0.35s;
1360
- transition: opacity 0.35s, transform 0.35s, -webkit-transform 0.35s;
1361
- }
1362
-
1363
- .premium-banner-animation10:hover .premium-banner-ib-title,
1364
- .premium-banner-animation10.active .premium-banner-ib-title {
1365
- -webkit-transform: translate3d(0, 0, 0);
1366
- transform: translate3d(0, 0, 0);
1367
- }
1368
-
1369
- .premium-banner-animation10:hover .premium-banner-ib-title::after,
1370
- .premium-banner-animation10.active .premium-banner-ib-title::after {
1371
- opacity: 1;
1372
- -webkit-transform: translate3d(0, 0, 0);
1373
- transform: translate3d(0, 0, 0);
1374
- }
1375
-
1376
- .premium-banner-animation10 .premium-banner-ib-content,
1377
- .premium-banner-animation10 .premium-banner-read-more {
1378
- padding-top: 15px;
1379
- opacity: 0;
1380
- -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
1381
- transition: opacity 0.35s, -webkit-transform 0.35s;
1382
- transition: opacity 0.35s, transform 0.35s;
1383
- transition: opacity 0.35s, transform 0.35s, -webkit-transform 0.35s;
1384
- -webkit-transform: translate3d(0, 100%, 0);
1385
- transform: translate3d(0, 100%, 0);
1386
- }
1387
-
1388
- .premium-banner-animation10 .premium-banner-read-more {
1389
- padding: 0;
1390
- }
1391
-
1392
- .premium-banner-animation10:hover .premium-banner-ib-content,
1393
- .premium-banner-animation10.active .premium-banner-ib-content,
1394
- .premium-banner-animation10:hover .premium-banner-read-more,
1395
- .premium-banner-animation10.active .premium-banner-read-more {
1396
- opacity: 1;
1397
- -webkit-transform: translate3d(0, 0, 0);
1398
- transform: translate3d(0, 0, 0);
1399
- }
1400
-
1401
- .premium-banner-animation11 {
1402
- -webkit-transition: -webkit-transform 1s ease-out;
1403
- transition: -webkit-transform 1s ease-out;
1404
- transition: transform 1s ease-out;
1405
- transition: transform 1s ease-out, -webkit-transform 1s ease-out;
1406
- -webkit-transition-delay: 0.125s;
1407
- transition-delay: 0.125s;
1408
- }
1409
- .premium-banner-animation11 .premium-banner-ib-desc {
1410
- position: absolute;
1411
- z-index: 5;
1412
- -webkit-transform: translate3d(30px, 0, 0);
1413
- transform: translate3d(30px, 0, 0);
1414
- opacity: 0;
1415
- top: auto;
1416
- bottom: 0;
1417
- min-height: 25%;
1418
- height: auto;
1419
- max-height: 100%;
1420
- text-align: left;
1421
- padding: 30px;
1422
- -webkit-transition: all 0.6s ease-out;
1423
- transition: all 0.6s ease-out;
1424
- }
1425
- .premium-banner-animation11 img {
1426
- width: 100%;
1427
- -webkit-transition: opacity 0.35s, -webkit-filter 0.35s, -webkit-transform 0.35s;
1428
- transition: opacity 0.35s, -webkit-filter 0.35s, -webkit-transform 0.35s;
1429
- transition: opacity 0.35s, filter 0.35s, transform 0.35s;
1430
- transition: opacity 0.35s, filter 0.35s, transform 0.35s, -webkit-filter 0.35s, -webkit-transform 0.35s;
1431
- }
1432
- .premium-banner-animation11 .premium-banner-ib-title {
1433
- margin-bottom: 10px;
1434
- }
1435
- .premium-banner-animation11 .premium-banner-gradient {
1436
- position: absolute;
1437
- left: 0;
1438
- top: 0;
1439
- right: 0;
1440
- bottom: 0;
1441
- }
1442
- .premium-banner-animation11 .premium-banner-gradient:after,
1443
- .premium-banner-animation11 .premium-banner-gradient:before {
1444
- position: absolute;
1445
- content: "";
1446
- left: 0;
1447
- top: 0;
1448
- right: 0;
1449
- bottom: 0;
1450
- -webkit-transform: translate3d(100%, 0, 0);
1451
- transform: translate3d(100%, 0, 0);
1452
- background-image: -webkit-linear-gradient(-40deg, rgba(84, 89, 95, 0.5) 27.89%, #6ec1e4 72.11%);
1453
- background-image: -webkit-linear-gradient(130deg, rgba(84, 89, 95, 0.5) 27.89%, #6ec1e4 72.11%);
1454
- background-image: linear-gradient(-40deg, rgba(84, 89, 95, 0.5) 27.89%, #6ec1e4 72.11%);
1455
- z-index: 2;
1456
- }
1457
- .premium-banner-animation11 .premium-banner-gradient:before {
1458
- mix-blend-mode: color;
1459
- }
1460
- .premium-banner-animation11 .premium-banner-gradient:after {
1461
- mix-blend-mode: multiply;
1462
- }
1463
- .premium-banner-animation11:hover .premium-banner-ib-desc,
1464
- .premium-banner-animation11.active .premium-banner-ib-desc {
1465
- opacity: 1;
1466
- -webkit-transform: translate3d(0, 0, 0);
1467
- transform: translate3d(0, 0, 0);
1468
- }
1469
- .premium-banner-animation11:hover .premium-banner-gradient:after,
1470
- .premium-banner-animation11:hover .premium-banner-gradient:before,
1471
- .premium-banner-animation11.active .premium-banner-gradient:after,
1472
- .premium-banner-animation11.active .premium-banner-gradient:before {
1473
- -webkit-transform: translate3d(0, 0, 0);
1474
- transform: translate3d(0, 0, 0);
1475
- }
1476
- .premium-banner-animation11.zoomout img,
1477
- .premium-banner-animation11.scale img {
1478
- -webkit-transform: translate3d(-10px, 0, 0) scale(1.1);
1479
- transform: translate3d(-10px, 0, 0) scale(1.1);
1480
- }
1481
-
1482
- /**************** Premium CountDown *************/
1483
- /************************************************/
1484
- .premium-countdown {
1485
- display: -ms-flexbox;
1486
- display: -webkit-flex;
1487
- display: -moz-flex;
1488
- display: -ms-flex;
1489
- -js-display: flex;
1490
- display: -webkit-box;
1491
- display: -moz-box;
1492
- display: flex;
1493
- }
1494
-
1495
- /* jQuery Countdown styles 2.0.0. */
1496
- .pre_countdown-row {
1497
- display: block;
1498
- text-align: center;
1499
- }
1500
-
1501
- .countdown .pre_countdown-section {
1502
- display: inline-block;
1503
- max-width: 100%;
1504
- margin-bottom: 15px;
1505
- }
1506
-
1507
- .countdown .pre_countdown-section {
1508
- display: -webkit-inline-box;
1509
- display: -webkit-inline-flex;
1510
- display: -ms-inline-flexbox;
1511
- -js-display: inline-flex;
1512
- display: -moz-inline-box;
1513
- display: inline-flex;
1514
- -webkit-box-align: center;
1515
- -webkit-align-items: center;
1516
- -moz-box-align: center;
1517
- -ms-flex-align: center;
1518
- align-items: center;
1519
- }
1520
-
1521
- .countdown .pre_countdown-section:last-child {
1522
- margin-left: 0;
1523
- }
1524
-
1525
- .countdown span.pre_countdown-amount {
1526
- font-size: 70px;
1527
- line-height: 1;
1528
- }
1529
-
1530
- .countdown .pre_time-mid {
1531
- display: block;
1532
- }
1533
-
1534
- .premium-countdown-separator-yes .pre-countdown_separator {
1535
- display: block;
1536
- margin: 0 50px;
1537
- font-size: 30px;
1538
- }
1539
-
1540
- .premium-countdown-separator-yes .pre_countdown-row .pre_countdown-section:last-child .pre-countdown_separator {
1541
- display: none;
1542
- }
1543
-
1544
- /************************************ * Digit and unit styles *************************************/
1545
- .side .pre_countdown-section .pre_countdown-period {
1546
- vertical-align: bottom;
1547
- }
1548
-
1549
- .countdown .pre_countdown-section .pre_countdown-period {
1550
- font-size: 17px;
1551
- line-height: 3em;
1552
- }
1553
-
1554
- .side .pre_countdown-section .pre_countdown-amount,
1555
- .side .pre_countdown-section .pre_countdown-period {
1556
- display: inline-block;
1557
- }
1558
-
1559
- .side .pre_countdown-section .pre_countdown-amount {
1560
- margin-left: 5px;
1561
- }
1562
-
1563
- .down .pre_countdown-section .pre_countdown-amount,
1564
- .down .pre_countdown-section .pre_countdown-period {
1565
- display: block;
1566
- }
1567
-
1568
- /**************** Premium Carousel **************/
1569
- /************************************************/
1570
- .premium-carousel-wrapper a.carousel-arrow,
1571
- .premium-carousel-wrapper a.ver-carousel-arrow,
1572
- .premium-fb-rev-container a.carousel-arrow,
1573
- .premium-tabs-nav-list a.carousel-arrow,
1574
- .premium-blog-wrap a.carousel-arrow,
1575
- .premium-hscroll-wrap a.carousel-arrow,
1576
- .premium-twitter-feed-wrapper a.carousel-arrow,
1577
- .premium-facebook-feed-wrapper a.carousel-arrow,
1578
- .premium-instafeed-container a.carousel-arrow,
1579
- .premium-persons-container a.carousel-arrow {
1580
- display: -ms-flexbox;
1581
- display: -webkit-flex;
1582
- display: -moz-flex;
1583
- display: -ms-flex;
1584
- -js-display: flex;
1585
- display: -webkit-box;
1586
- display: -moz-box;
1587
- display: flex;
1588
- -webkit-box-align: center;
1589
- -webkit-align-items: center;
1590
- -moz-box-align: center;
1591
- -ms-flex-align: center;
1592
- align-items: center;
1593
- -webkit-box-pack: center;
1594
- -webkit-justify-content: center;
1595
- -moz-box-pack: center;
1596
- -ms-flex-pack: center;
1597
- justify-content: center;
1598
- width: 2em;
1599
- height: 2em;
1600
- line-height: 0;
1601
- text-align: center;
1602
- position: absolute;
1603
- z-index: 99;
1604
- cursor: pointer;
1605
- -webkit-transition: all 0.3s ease-in-out;
1606
- transition: all 0.3s ease-in-out;
1607
- -webkit-appearance: inherit;
1608
- border: none;
1609
- -webkit-box-shadow: none;
1610
- box-shadow: none;
1611
- }
1612
-
1613
- div[class^="premium-"] .slick-arrow i {
1614
- display: block;
1615
- }
1616
-
1617
- .ver-carousel-arrow.carousel-next i {
1618
- margin-bottom: -3px;
1619
- }
1620
-
1621
- .premium-carousel-wrapper a.slick-arrow:hover {
1622
- -webkit-box-shadow: none !important;
1623
- box-shadow: none !important;
1624
- }
1625
-
1626
- .premium-carousel-wrapper .premium-carousel-content-hidden {
1627
- visibility: hidden;
1628
- }
1629
-
1630
- .premium-carousel-wrapper a.carousel-arrow,
1631
- .premium-fb-rev-container a.carousel-arrow,
1632
- .premium-tabs-nav-list a.carousel-arrow,
1633
- .premium-blog-wrap a.carousel-arrow,
1634
- .premium-hscroll-wrap a.carousel-arrow,
1635
- .premium-twitter-feed-wrapper a.carousel-arrow,
1636
- .premium-facebook-feed-wrapper a.carousel-arrow,
1637
- .premium-instafeed-container a.carousel-arrow,
1638
- .premium-persons-container a.carousel-arrow {
1639
- top: 50%;
1640
- -webkit-transform: translateY(-50%);
1641
- -ms-transform: translateY(-50%);
1642
- transform: translateY(-50%);
1643
- }
1644
-
1645
- .premium-carousel-wrapper a.ver-carousel-arrow {
1646
- right: 50%;
1647
- -webkit-transform: translateX(50%);
1648
- -ms-transform: translateX(50%);
1649
- transform: translateX(50%);
1650
- }
1651
-
1652
- a.carousel-arrow.carousel-next {
1653
- right: -20px;
1654
- }
1655
-
1656
- a.carousel-arrow.carousel-prev {
1657
- left: -20px;
1658
- }
1659
-
1660
- a.ver-carousel-arrow.carousel-next {
1661
- bottom: -56px;
1662
- }
1663
-
1664
- a.ver-carousel-arrow.carousel-prev {
1665
- top: -45px;
1666
- }
1667
-
1668
- a.circle-bg {
1669
- -webkit-border-radius: 100%;
1670
- border-radius: 100%;
1671
- }
1672
-
1673
- a.circle-border {
1674
- -webkit-border-radius: 100%;
1675
- border-radius: 100%;
1676
- border: solid black;
1677
- }
1678
-
1679
- a.square-border {
1680
- border: solid black;
1681
- }
1682
-
1683
- .premium-carousel-dots-below,
1684
- .premium-blog-wrap ul.slick-dots,
1685
- .premium-fb-rev-reviews ul.slick-dots {
1686
- position: relative;
1687
- bottom: 0;
1688
- list-style: none;
1689
- text-align: center;
1690
- margin: 0;
1691
- padding: 0;
1692
- }
1693
-
1694
- .premium-carousel-dots-above ul.slick-dots {
1695
- position: absolute;
1696
- display: -ms-flexbox;
1697
- display: -webkit-flex;
1698
- display: -moz-flex;
1699
- display: -ms-flex;
1700
- -js-display: flex;
1701
- display: -webkit-box;
1702
- display: -moz-box;
1703
- display: flex;
1704
- top: 50%;
1705
- -webkit-transform: translateY(-50%);
1706
- -ms-transform: translateY(-50%);
1707
- transform: translateY(-50%);
1708
- -webkit-flex-direction: column;
1709
- -webkit-box-orient: vertical;
1710
- -webkit-box-direction: normal;
1711
- -moz-box-orient: vertical;
1712
- -moz-box-direction: normal;
1713
- -ms-flex-direction: column;
1714
- flex-direction: column;
1715
- }
1716
-
1717
- ul.slick-dots li {
1718
- font-size: 10px;
1719
- display: -webkit-inline-box;
1720
- display: -webkit-inline-flex;
1721
- display: -ms-inline-flexbox;
1722
- -js-display: inline-flex;
1723
- display: -moz-inline-box;
1724
- display: inline-flex;
1725
- -webkit-box-pack: center;
1726
- -webkit-justify-content: center;
1727
- -moz-box-pack: center;
1728
- -ms-flex-pack: center;
1729
- justify-content: center;
1730
- -webkit-box-align: center;
1731
- -webkit-align-items: center;
1732
- -moz-box-align: center;
1733
- -ms-flex-align: center;
1734
- align-items: center;
1735
- margin: 5px;
1736
- width: 20px;
1737
- height: 20px;
1738
- cursor: pointer;
1739
- }
1740
-
1741
- /*
1742
- * Custom Navigation Dot
1743
- */
1744
- .premium-carousel-wrapper .premium-carousel-nav-dot,
1745
- .premium-carousel-wrapper .premium-carousel-nav-arrow-prev,
1746
- .premium-carousel-wrapper .premium-carousel-nav-arrow-next {
1747
- display: none;
1748
- }
1749
-
1750
- .premium-carousel-wrapper ul.slick-dots svg {
1751
- width: 20px;
1752
- height: 20px;
1753
- }
1754
-
1755
- /* Ripple Out */
1756
- @-webkit-keyframes hvr-ripple-out {
1757
- 0% {
1758
- -webkit-transform: scale(1);
1759
- transform: scale(1);
1760
- opacity: 1;
1761
- }
1762
-
1763
- 100% {
1764
- -webkit-transform: scale(1.5);
1765
- transform: scale(1.5);
1766
- opacity: 0;
1767
- }
1768
- }
1769
-
1770
- @keyframes hvr-ripple-out {
1771
- 0% {
1772
- -webkit-transform: scale(1);
1773
- transform: scale(1);
1774
- opacity: 1;
1775
- }
1776
-
1777
- 100% {
1778
- -webkit-transform: scale(1.5);
1779
- transform: scale(1.5);
1780
- opacity: 0;
1781
- }
1782
- }
1783
-
1784
- .premium-carousel-ripple-yes .premium-carousel-wrapper {
1785
- padding-bottom: 1px;
1786
- }
1787
-
1788
- .premium-carousel-ripple-yes ul.slick-dots li,
1789
- .premium-carousel-ripple-yes ul.slick-dots li i {
1790
- position: relative;
1791
- }
1792
-
1793
- .premium-carousel-ripple-yes ul.slick-dots li i {
1794
- z-index: 1;
1795
- }
1796
-
1797
- .premium-carousel-ripple-yes ul.slick-dots li:hover:before {
1798
- content: "";
1799
- position: absolute;
1800
- -webkit-transform: scale(1);
1801
- -ms-transform: scale(1);
1802
- transform: scale(1);
1803
- top: 0;
1804
- left: 0;
1805
- bottom: 0;
1806
- right: 0;
1807
- -webkit-border-radius: 50%;
1808
- border-radius: 50%;
1809
- pointer-events: none;
1810
- background-color: rgba(0, 0, 0, 0.15);
1811
- }
1812
-
1813
- .premium-carousel-ripple-yes ul.slick-dots li.slick-active:hover:before {
1814
- background-color: rgba(0, 0, 0, 0.3);
1815
- }
1816
-
1817
- .premium-carousel-ripple-yes ul.slick-dots li:hover:before {
1818
- -webkit-animation: hvr-ripple-out 1.3s infinite;
1819
- animation: hvr-ripple-out 1.3s infinite;
1820
- }
1821
-
1822
- .premium-carousel-wrapper.premium-carousel-scale .slick-slide {
1823
- -webkit-transform: scale(1.25, 1.25);
1824
- -ms-transform: scale(1.25, 1.25);
1825
- transform: scale(1.25, 1.25);
1826
- -webkit-transition: all 0.3s ease-in-out !important;
1827
- transition: all 0.3s ease-in-out !important;
1828
- }
1829
-
1830
- .premium-carousel-wrapper.premium-carousel-scale div.slick-active {
1831
- -webkit-transform: scale(1, 1);
1832
- -ms-transform: scale(1, 1);
1833
- transform: scale(1, 1);
1834
- }
1835
-
1836
- [dir="rtl"] .premium-carousel-inner .slick-slide {
1837
- float: right;
1838
- }
1839
-
1840
- /**************** Premium Counter ***************/
1841
- /************************************************/
1842
- .premium-counter-area {
1843
- padding: 10px 0;
1844
- -js-display: flex;
1845
- display: -webkit-box;
1846
- display: -webkit-flex;
1847
- display: -moz-box;
1848
- display: -ms-flexbox;
1849
- display: flex;
1850
- -webkit-box-pack: center;
1851
- -webkit-justify-content: center;
1852
- -moz-box-pack: center;
1853
- -ms-flex-pack: center;
1854
- justify-content: center;
1855
- -webkit-box-align: center;
1856
- -webkit-align-items: center;
1857
- -moz-box-align: center;
1858
- -ms-flex-align: center;
1859
- align-items: center;
1860
- }
1861
-
1862
- .premium-counter-area.top {
1863
- -webkit-box-orient: vertical;
1864
- -webkit-box-direction: normal;
1865
- -webkit-flex-direction: column;
1866
- -moz-box-orient: vertical;
1867
- -moz-box-direction: normal;
1868
- -ms-flex-direction: column;
1869
- flex-direction: column;
1870
- }
1871
-
1872
- .premium-counter-area.right {
1873
- -webkit-box-orient: horizontal;
1874
- -webkit-box-direction: reverse;
1875
- -webkit-flex-direction: row-reverse;
1876
- -moz-box-orient: horizontal;
1877
- -moz-box-direction: reverse;
1878
- -ms-flex-direction: row-reverse;
1879
- flex-direction: row-reverse;
1880
- }
1881
-
1882
- .premium-counter-area.right .premium-counter-icon {
1883
- padding-right: 20px;
1884
- }
1885
-
1886
- .premium-counter-area.left .premium-counter-icon {
1887
- padding-left: 20px;
1888
- }
1889
-
1890
- .premium-counter-area .premium-counter-icon .icon i.fa:before {
1891
- vertical-align: text-top;
1892
- }
1893
-
1894
- .premium-counter-area .premium-counter-icon span.icon {
1895
- text-align: center;
1896
- display: inline-block;
1897
- vertical-align: middle;
1898
- }
1899
-
1900
- .premium-counter-area .premium-counter-icon .circle {
1901
- -webkit-border-radius: 100%;
1902
- border-radius: 100%;
1903
- }
1904
-
1905
- .premium-counter-area .premium-counter-icon img,
1906
- .premium-counter-area .premium-counter-icon svg {
1907
- width: 80px;
1908
- }
1909
-
1910
- .premium-counter-area .premium-counter-icon .premium-counter-animation svg {
1911
- height: 80px;
1912
- }
1913
-
1914
- .premium-counter-area .premium-counter-title {
1915
- padding: 0;
1916
- margin: 0;
1917
- }
1918
-
1919
- .premium-counter-area .premium-counter-value-wrap {
1920
- -js-display: flex;
1921
- display: -webkit-box;
1922
- display: -webkit-flex;
1923
- display: -moz-box;
1924
- display: -ms-flexbox;
1925
- display: flex;
1926
- -webkit-box-align: center;
1927
- -webkit-align-items: center;
1928
- -moz-box-align: center;
1929
- -ms-flex-align: center;
1930
- align-items: center;
1931
- }
1932
-
1933
- .premium-init-wrapper.right {
1934
- text-align: left;
1935
- }
1936
-
1937
- /* * Custom image and simple styles image fix */
1938
- span.icon.flex-width {
1939
- width: auto !important;
1940
- height: auto !important;
1941
- }
1942
-
1943
- .premium-counter-area .premium-counter-init {
1944
- font-size: 35px;
1945
- }
1946
-
1947
- /**************** Premium Image Separator ****************/
1948
- /*********************************************************/
1949
- /*Image Separator Container Style*/
1950
- .premium-image-separator-container {
1951
- position: absolute;
1952
- width: 100%;
1953
- z-index: 2;
1954
- top: auto;
1955
- }
1956
-
1957
- .premium-image-separator-container img {
1958
- display: inline-block !important;
1959
- -webkit-mask-repeat: no-repeat;
1960
- mask-repeat: no-repeat;
1961
- -webkit-mask-position: center;
1962
- mask-position: center;
1963
- }
1964
-
1965
- /*Link on Image Style*/
1966
- .premium-image-separator-link {
1967
- position: absolute;
1968
- z-index: 9999;
1969
- top: 0;
1970
- right: 0;
1971
- width: 100%;
1972
- height: 100%;
1973
- text-decoration: none;
1974
- }
1975
-
1976
- /*Important to override Theme options*/
1977
- a.premium-image-separator-link:hover,
1978
- a.premium-image-separator-link:visited,
1979
- a.premium-image-separator-link:focus,
1980
- a.premium-image-separator-link:active {
1981
- -webkit-box-shadow: none !important;
1982
- box-shadow: none !important;
1983
- outline: none !important;
1984
- border: none !important;
1985
- text-decoration: none !important;
1986
- }
1987
-
1988
- .premium-image-separator-container .img-responsive {
1989
- display: inline-block;
1990
- }
1991
-
1992
- .premium-image-separator-container i {
1993
- padding: 0.1em;
1994
- -webkit-transition: all 0.3s ease-in-out;
1995
- transition: all 0.3s ease-in-out;
1996
- }
1997
-
1998
- /**************** Premium Modal Box ****************/
1999
- /***************************************************/
2000
- .premium-modal-trigger-btn,
2001
- .premium-modal-box-modal-lower-close {
2002
- display: inline-block;
2003
- padding: 6px 12px;
2004
- margin-bottom: 0;
2005
- font-size: 14px;
2006
- font-weight: normal;
2007
- line-height: 1.42857143;
2008
- text-align: center;
2009
- white-space: nowrap;
2010
- vertical-align: middle;
2011
- -ms-touch-action: manipulation;
2012
- touch-action: manipulation;
2013
- cursor: pointer;
2014
- -webkit-user-select: none;
2015
- -moz-user-select: none;
2016
- -ms-user-select: none;
2017
- user-select: none;
2018
- background-image: none;
2019
- border: 1px solid transparent;
2020
- }
2021
-
2022
- .premium-modal-trigger-btn i {
2023
- -webkit-transition: all 0.3s ease-in-out;
2024
- transition: all 0.3s ease-in-out;
2025
- }
2026
-
2027
- .premium-btn-md {
2028
- padding: 8px 14px;
2029
- font-size: 16px;
2030
- line-height: 1.2;
2031
- }
2032
-
2033
- .premium-btn-lg {
2034
- padding: 10px 16px;
2035
- font-size: 18px;
2036
- line-height: 1.3333333;
2037
- }
2038
-
2039
- .premium-btn-block {
2040
- display: block;
2041
- width: 100%;
2042
- }
2043
-
2044
- .premium-modal-box-modal-close {
2045
- float: left;
2046
- font-size: 21px;
2047
- font-weight: bold;
2048
- line-height: 1;
2049
- color: #000;
2050
- }
2051
-
2052
- .premium-modal-box-modal-close:hover,
2053
- .premium-modal-box-modal-close:focus {
2054
- color: #000;
2055
- text-decoration: none;
2056
- cursor: pointer;
2057
- }
2058
-
2059
- button.premium-modal-box-modal-close {
2060
- -webkit-appearance: none;
2061
- padding: 0;
2062
- cursor: pointer;
2063
- background: transparent;
2064
- border: 0;
2065
- }
2066
-
2067
- .premium-modal-box-modal {
2068
- position: fixed;
2069
- top: 0;
2070
- left: 0;
2071
- bottom: 0;
2072
- right: 0;
2073
- z-index: 1050;
2074
- display: none;
2075
- -webkit-overflow-scrolling: touch;
2076
- outline: 0;
2077
- padding: 0 !important;
2078
- background: rgba(0, 0, 0, 0.5);
2079
- -webkit-box-align: center;
2080
- -webkit-align-items: center;
2081
- -moz-box-align: center;
2082
- -ms-flex-align: center;
2083
- align-items: center;
2084
- -webkit-box-pack: center;
2085
- -webkit-justify-content: center;
2086
- -moz-box-pack: center;
2087
- -ms-flex-pack: center;
2088
- justify-content: center;
2089
- }
2090
-
2091
- .premium-modal-box-modal .premium-modal-box-modal-dialog {
2092
- position: absolute;
2093
- max-height: -webkit-calc(100vh - 150px);
2094
- max-height: calc(100vh - 150px);
2095
- -js-display: flex;
2096
- display: -webkit-box;
2097
- display: -webkit-flex;
2098
- display: -moz-box;
2099
- display: -ms-flexbox;
2100
- display: flex;
2101
- -webkit-box-orient: vertical;
2102
- -webkit-box-direction: normal;
2103
- -webkit-flex-direction: column;
2104
- -moz-box-orient: vertical;
2105
- -moz-box-direction: normal;
2106
- -ms-flex-direction: column;
2107
- flex-direction: column;
2108
- opacity: 0;
2109
- }
2110
-
2111
- .premium-modal-box-modal-content {
2112
- background-color: #fff;
2113
- -webkit-background-clip: padding-box;
2114
- background-clip: padding-box;
2115
- border: 1px solid rgba(0, 0, 0, 0.2);
2116
- -webkit-border-radius: 6px;
2117
- border-radius: 6px;
2118
- outline: 0;
2119
- }
2120
-
2121
- .premium-modal-backdrop.premium-in {
2122
- filter: alpha(opacity=50);
2123
- opacity: 0.5 !important;
2124
- }
2125
-
2126
- .premium-modal-fade.premium-in {
2127
- opacity: 1;
2128
- }
2129
-
2130
- .premium-modal-backdrop {
2131
- position: fixed;
2132
- top: 0;
2133
- left: 0;
2134
- bottom: 0;
2135
- right: 0;
2136
- z-index: 1040;
2137
- background-color: #000;
2138
- }
2139
-
2140
- .premium-modal-backdrop.premium-modal-fade {
2141
- filter: alpha(opacity=0);
2142
- opacity: 0;
2143
- }
2144
-
2145
- .premium-modal-fade {
2146
- opacity: 0;
2147
- }
2148
-
2149
- .premium-in {
2150
- -js-display: flex !important;
2151
- display: -webkit-box !important;
2152
- display: -webkit-flex !important;
2153
- display: -moz-box !important;
2154
- display: -ms-flexbox !important;
2155
- display: flex !important;
2156
- }
2157
-
2158
- .premium-modal-box-modal-header {
2159
- -js-display: flex;
2160
- display: -webkit-box;
2161
- display: -webkit-flex;
2162
- display: -moz-box;
2163
- display: -ms-flexbox;
2164
- display: flex;
2165
- -webkit-box-pack: justify;
2166
- -webkit-justify-content: space-between;
2167
- -moz-box-pack: justify;
2168
- -ms-flex-pack: justify;
2169
- justify-content: space-between;
2170
- -webkit-box-align: center;
2171
- -webkit-align-items: center;
2172
- -moz-box-align: center;
2173
- -ms-flex-align: center;
2174
- align-items: center;
2175
- padding: 5px 15px;
2176
- border-bottom: 1px solid #e5e5e5;
2177
- }
2178
-
2179
- .premium-modal-box-modal-header .premium-modal-box-modal-close {
2180
- margin-top: -2px;
2181
- }
2182
-
2183
- .premium-modal-box-modal-header .premium-modal-box-modal-title {
2184
- -js-display: flex;
2185
- display: -webkit-box;
2186
- display: -webkit-flex;
2187
- display: -moz-box;
2188
- display: -ms-flexbox;
2189
- display: flex;
2190
- -webkit-box-align: center;
2191
- -webkit-align-items: center;
2192
- -moz-box-align: center;
2193
- -ms-flex-align: center;
2194
- align-items: center;
2195
- margin: 0;
2196
- padding: 0;
2197
- }
2198
-
2199
- .premium-modal-box-modal-header .premium-modal-box-modal-title svg {
2200
- width: 50px;
2201
- height: 60px;
2202
- }
2203
-
2204
- .premium-modal-box-modal-body {
2205
- position: relative;
2206
- padding: 15px;
2207
- overflow: hidden;
2208
- }
2209
-
2210
- .premium-modal-box-modal-footer {
2211
- padding: 15px;
2212
- text-align: left;
2213
- border-top: 1px solid #e5e5e5;
2214
- }
2215
-
2216
- .premium-modal-scrollbar-measure {
2217
- position: absolute;
2218
- top: -9999px;
2219
- width: 50px;
2220
- height: 50px;
2221
- overflow: scroll;
2222
- }
2223
-
2224
- .premium-modal-trigger-text {
2225
- background: none !important;
2226
- display: inline-block;
2227
- }
2228
-
2229
- .premium-modal-box-container {
2230
- width: 100% !important;
2231
- }
2232
-
2233
- /*Open Modal Button Style*/
2234
- .premium-modal-trigger-container .premium-modal-trigger-btn {
2235
- border: none;
2236
- -webkit-transition: all 0.3s ease-in-out;
2237
- transition: all 0.3s ease-in-out;
2238
- }
2239
-
2240
- .premium-modal-trigger-container .premium-modal-trigger-img,
2241
- .premium-modal-trigger-container .premium-modal-trigger-text,
2242
- .premium-modal-trigger-container .premium-modal-trigger-animation {
2243
- cursor: pointer;
2244
- }
2245
-
2246
- .premium-modal-trigger-container .premium-modal-trigger-animation {
2247
- display: inline-block;
2248
- width: 200px;
2249
- height: 200px;
2250
- -webkit-transition: all 0.3s ease-in-out;
2251
- transition: all 0.3s ease-in-out;
2252
- }
2253
-
2254
- /*Image on Modal Header Style*/
2255
- .premium-modal-box-modal-header img {
2256
- width: 48px;
2257
- padding-left: 5px;
2258
- }
2259
-
2260
- .premium-modal-box-modal-header i,
2261
- .premium-modal-box-modal-header svg {
2262
- padding-left: 6px;
2263
- }
2264
-
2265
- .premium-modal-box-modal-close {
2266
- position: relative;
2267
- z-index: 99;
2268
- }
2269
-
2270
- .premium-modal-trigger-img,
2271
- .premium-modal-trigger-text,
2272
- .premium-modal-box-close-button-container,
2273
- .premium-modal-box-modal-close,
2274
- .premium-modal-box-modal-lower-close {
2275
- -webkit-transition: all 0.3s ease-in-out;
2276
- transition: all 0.3s ease-in-out;
2277
- }
2278
-
2279
- @media (min-width: 768px) {
2280
- .premium-modal-box-modal-dialog {
2281
- width: 700px;
2282
- max-height: 600px;
2283
- overflow: auto;
2284
- }
2285
- }
2286
-
2287
- @media (max-width: 767px) {
2288
- .premium-modal-box-modal-dialog {
2289
- width: 100%;
2290
- max-height: 500px;
2291
- overflow: auto;
2292
- }
2293
- }
2294
-
2295
- .premium-modal-box-container[data-modal-animation*="animated-"] {
2296
- opacity: 0;
2297
- }
2298
-
2299
- /**************** Premium Progress Bar ****************/
2300
- /******************************************************/
2301
- .premium-progressbar-container {
2302
- position: relative;
2303
- }
2304
-
2305
- .premium-progressbar-bar-wrap {
2306
- position: relative;
2307
- text-align: right;
2308
- overflow: hidden;
2309
- height: 25px;
2310
- margin-bottom: 50px;
2311
- background-color: #f5f5f5;
2312
- -webkit-border-radius: 4px;
2313
- border-radius: 4px;
2314
- -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
2315
- box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
2316
- }
2317
-
2318
- .premium-progressbar-bar-wrap.premium-progressbar-dots {
2319
- background-color: transparent;
2320
- width: 100%;
2321
- -js-display: flex;
2322
- display: -webkit-box;
2323
- display: -webkit-flex;
2324
- display: -moz-box;
2325
- display: -ms-flexbox;
2326
- display: flex;
2327
- height: auto;
2328
- -webkit-box-shadow: none;
2329
- box-shadow: none;
2330
- }
2331
-
2332
- .premium-progressbar-bar-wrap .progress-segment {
2333
- position: relative;
2334
- width: 25px;
2335
- height: 25px;
2336
- -webkit-border-radius: 50%;
2337
- border-radius: 50%;
2338
- overflow: hidden;
2339
- background-color: #f5f5f5;
2340
- }
2341
-
2342
- .premium-progressbar-bar-wrap .progress-segment.filled {
2343
- background: #6ec1e4;
2344
- }
2345
-
2346
- .premium-progressbar-bar-wrap .progress-segment:not(:first-child):not(:last-child) {
2347
- margin: 0 4px;
2348
- }
2349
-
2350
- .premium-progressbar-bar-wrap .progress-segment:first-child {
2351
- margin-left: 4px;
2352
- }
2353
-
2354
- .premium-progressbar-bar-wrap .progress-segment:last-child {
2355
- margin-right: 4px;
2356
- }
2357
-
2358
- .premium-progressbar-bar-wrap .progress-segment .segment-inner {
2359
- position: absolute;
2360
- top: 0;
2361
- right: 0;
2362
- height: 100%;
2363
- background-color: #6ec1e4;
2364
- }
2365
-
2366
- .premium-progressbar-bar {
2367
- float: right;
2368
- width: 0%;
2369
- height: 100%;
2370
- font-size: 12px;
2371
- line-height: 20px;
2372
- background: #6ec1e4;
2373
- text-align: center;
2374
- -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
2375
- box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
2376
- }
2377
-
2378
- .premium-progressbar-striped .premium-progressbar-bar {
2379
- background-image: -webkit-linear-gradient(
2380
- -135deg,
2381
- rgba(255, 255, 255, 0.15) 25%,
2382
- transparent 25%,
2383
- transparent 50%,
2384
- rgba(255, 255, 255, 0.15) 50%,
2385
- rgba(255, 255, 255, 0.15) 75%,
2386
- transparent 75%,
2387
- transparent
2388
- );
2389
- background-image: -webkit-linear-gradient(
2390
- 45deg,
2391
- rgba(255, 255, 255, 0.15) 25%,
2392
- transparent 25%,
2393
- transparent 50%,
2394
- rgba(255, 255, 255, 0.15) 50%,
2395
- rgba(255, 255, 255, 0.15) 75%,
2396
- transparent 75%,
2397
- transparent
2398
- );
2399
- background-image: linear-gradient(
2400
- 45deg,
2401
- rgba(255, 255, 255, 0.15) 25%,
2402
- transparent 25%,
2403
- transparent 50%,
2404
- rgba(255, 255, 255, 0.15) 50%,
2405
- rgba(255, 255, 255, 0.15) 75%,
2406
- transparent 75%,
2407
- transparent
2408
- );
2409
- -webkit-background-size: 40px 40px;
2410
- background-size: 40px 40px;
2411
- }
2412
-
2413
- .premium-progressbar-active .premium-progressbar-bar {
2414
- -webkit-animation: progress-bar-stripes 2s linear infinite;
2415
- animation: progress-bar-stripes 2s linear infinite;
2416
- }
2417
-
2418
- .premium-progressbar-gradient .premium-progressbar-bar {
2419
- -webkit-background-size: 400% 400% !important;
2420
- background-size: 400% 400% !important;
2421
- -webkit-animation: progress-bar-gradient 10s ease-in-out infinite;
2422
- animation: progress-bar-gradient 10s ease-in-out infinite;
2423
- }
2424
-
2425
- .premium-progressbar-bar {
2426
- position: absolute;
2427
- overflow: hidden;
2428
- line-height: 20px;
2429
- }
2430
-
2431
- .premium-progressbar-container .clearfix {
2432
- clear: both;
2433
- }
2434
-
2435
- .premium-progressbar-bar {
2436
- -webkit-transition: width 0s ease-in-out !important;
2437
- transition: width 0s ease-in-out !important;
2438
- }
2439
-
2440
- .premium-progressbar-container p:first-of-type {
2441
- margin: 0;
2442
- float: right;
2443
- }
2444
-
2445
- .premium-progressbar-container p:nth-of-type(2) {
2446
- margin: 0;
2447
- float: left;
2448
- }
2449
-
2450
- .premium-progressbar-name {
2451
- right: 50%;
2452
- top: 0;
2453
- left: 0;
2454
- -webkit-transform: translateX(12.5px);
2455
- -ms-transform: translateX(12.5px);
2456
- transform: translateX(12.5px);
2457
- z-index: 1;
2458
- }
2459
-
2460
- .premium-progressbar-multiple-label {
2461
- position: relative;
2462
- float: right;
2463
- width: 0;
2464
- right: 50%;
2465
- }
2466
-
2467
- .premium-progressbar-center-label {
2468
- position: relative;
2469
- white-space: nowrap;
2470
- }
2471
-
2472
- .premium-progressbar-arrow {
2473
- height: 15px;
2474
- right: 50%;
2475
- display: inline-block;
2476
- border-right: 7px solid transparent;
2477
- border-left: 7px solid transparent;
2478
- border-top: 11px solid;
2479
- -webkit-transform: translateX(50%);
2480
- -ms-transform: translateX(50%);
2481
- transform: translateX(50%);
2482
- }
2483
-
2484
- .premium-progressbar-pin {
2485
- border-right: 1px solid;
2486
- height: 12px;
2487
- right: 50%;
2488
- display: inline-block;
2489
- }
2490
-
2491
- /**
2492
- * Circle Progress Bar
2493
- */
2494
- .premium-progressbar-circle-wrap {
2495
- width: 200px;
2496
- height: 200px;
2497
- position: relative;
2498
- margin: 0 auto;
2499
- }
2500
-
2501
- .premium-progressbar-circle-wrap .premium-progressbar-circle {
2502
- position: absolute;
2503
- top: 0;
2504
- right: 0;
2505
- width: 100%;
2506
- height: 100%;
2507
- -webkit-clip-path: inset(0 0 0 50%);
2508
- clip-path: inset(0 0 0 50%);
2509
- }
2510
-
2511
- .premium-progressbar-circle-wrap .premium-progressbar-circle div {
2512
- position: absolute;
2513
- right: 0;
2514
- top: 0;
2515
- height: 100%;
2516
- width: 100%;
2517
- border-width: 6px;
2518
- border-style: solid;
2519
- border-color: #54595f;
2520
- -webkit-border-radius: 50%;
2521
- border-radius: 50%;
2522
- -webkit-clip-path: inset(0 50% 0 0);
2523
- clip-path: inset(0 50% 0 0);
2524
- }
2525
-
2526
- .premium-progressbar-circle-wrap .premium-progressbar-circle .premium-progressbar-circle-left {
2527
- -webkit-transform: rotate(0);
2528
- -ms-transform: rotate(0);
2529
- transform: rotate(0);
2530
- }
2531
-
2532
- .premium-progressbar-circle-wrap .premium-progressbar-circle .premium-progressbar-circle-right {
2533
- -webkit-transform: rotate(-180deg);
2534
- -ms-transform: rotate(-180deg);
2535
- transform: rotate(-180deg);
2536
- visibility: hidden;
2537
- }
2538
-
2539
- .premium-progressbar-circle-wrap .premium-progressbar-circle-base {
2540
- width: 100%;
2541
- height: 100%;
2542
- border: 6px solid #eee;
2543
- -webkit-border-radius: 50%;
2544
- border-radius: 50%;
2545
- }
2546
-
2547
- .premium-progressbar-circle-wrap .premium-progressbar-circle-content {
2548
- position: absolute;
2549
- top: 0;
2550
- right: 0;
2551
- width: 100%;
2552
- height: 100%;
2553
- -js-display: flex;
2554
- display: -webkit-box;
2555
- display: -webkit-flex;
2556
- display: -moz-box;
2557
- display: -ms-flexbox;
2558
- display: flex;
2559
- -webkit-box-orient: vertical;
2560
- -webkit-box-direction: normal;
2561
- -webkit-flex-direction: column;
2562
- -moz-box-orient: vertical;
2563
- -moz-box-direction: normal;
2564
- -ms-flex-direction: column;
2565
- flex-direction: column;
2566
- -webkit-box-pack: center;
2567
- -webkit-justify-content: center;
2568
- -moz-box-pack: center;
2569
- -ms-flex-pack: center;
2570
- justify-content: center;
2571
- -webkit-box-align: center;
2572
- -webkit-align-items: center;
2573
- -moz-box-align: center;
2574
- -ms-flex-align: center;
2575
- align-items: center;
2576
- }
2577
-
2578
- .premium-progressbar-circle-wrap .premium-lottie-animation {
2579
- line-height: 1;
2580
- }
2581
-
2582
- @-webkit-keyframes progress-bar-stripes {
2583
- from {
2584
- background-position: 100% 0;
2585
- }
2586
-
2587
- to {
2588
- background-position: 40px 0;
2589
- }
2590
- }
2591
-
2592
- @keyframes progress-bar-stripes {
2593
- from {
2594
- background-position: 100% 0;
2595
- }
2596
-
2597
- to {
2598
- background-position: 40px 0;
2599
- }
2600
- }
2601
-
2602
- @-webkit-keyframes progress-bar-gradient {
2603
- 0% {
2604
- background-position: 100% 50%;
2605
- }
2606
-
2607
- 50% {
2608
- background-position: 0% 50%;
2609
- }
2610
-
2611
- 100% {
2612
- background-position: 100% 50%;
2613
- }
2614
- }
2615
-
2616
- @keyframes progress-bar-gradient {
2617
- 0% {
2618
- background-position: 100% 50%;
2619
- }
2620
-
2621
- 50% {
2622
- background-position: 0% 50%;
2623
- }
2624
-
2625
- 100% {
2626
- background-position: 100% 50%;
2627
- }
2628
- }
2629
-
2630
- /**************** Premium Testimonials ****************/
2631
- /******************************************************/
2632
- .premium-testimonial-box {
2633
- width: 100%;
2634
- background: transparent;
2635
- -webkit-transition: all 0.3s ease-in-out;
2636
- transition: all 0.3s ease-in-out;
2637
- }
2638
-
2639
- .premium-testimonial-box .premium-testimonial-author-info {
2640
- -js-display: flex;
2641
- display: -webkit-box;
2642
- display: -webkit-flex;
2643
- display: -moz-box;
2644
- display: -ms-flexbox;
2645
- display: flex;
2646
- -webkit-box-pack: center;
2647
- -webkit-justify-content: center;
2648
- -moz-box-pack: center;
2649
- -ms-flex-pack: center;
2650
- justify-content: center;
2651
- -webkit-box-align: center;
2652
- -webkit-align-items: center;
2653
- -moz-box-align: center;
2654
- -ms-flex-align: center;
2655
- align-items: center;
2656
- }
2657
-
2658
- .premium-testimonial-box .premium-testimonial-person-name,
2659
- .premium-testimonial-box .premium-testimonial-company-name {
2660
- font-weight: 600;
2661
- margin: 0;
2662
- }
2663
-
2664
- .premium-testimonial-container {
2665
- position: relative;
2666
- }
2667
-
2668
- .premium-testimonial-img-wrapper {
2669
- margin-right: auto;
2670
- margin-left: auto;
2671
- overflow: hidden;
2672
- border-style: solid !important;
2673
- }
2674
-
2675
- .premium-testimonial-img-wrapper.circle {
2676
- -webkit-border-radius: 50%;
2677
- border-radius: 50%;
2678
- }
2679
-
2680
- .premium-testimonial-img-wrapper.rounded {
2681
- -webkit-border-radius: 15px;
2682
- border-radius: 15px;
2683
- }
2684
-
2685
- .premium-testimonial-img-wrapper img {
2686
- -o-object-fit: cover;
2687
- object-fit: cover;
2688
- width: 100%;
2689
- height: 100% !important;
2690
- }
2691
-
2692
- .premium-testimonial-content-wrapper {
2693
- position: relative;
2694
- display: -ms-flexbox;
2695
- display: -webkit-flex;
2696
- display: -moz-flex;
2697
- display: -ms-flex;
2698
- -js-display: flex;
2699
- display: -webkit-box;
2700
- display: -moz-box;
2701
- display: flex;
2702
- -webkit-box-orient: vertical;
2703
- -webkit-box-direction: normal;
2704
- -webkit-flex-direction: column;
2705
- -moz-box-orient: vertical;
2706
- -moz-box-direction: normal;
2707
- -ms-flex-direction: column;
2708
- flex-direction: column;
2709
- z-index: 2;
2710
- width: 100%;
2711
- padding: 20px;
2712
- text-align: center;
2713
- }
2714
-
2715
- .premium-testimonial-clear-float {
2716
- clear: both;
2717
- }
2718
-
2719
- .premium-testimonial-upper-quote,
2720
- .premium-testimonial-lower-quote {
2721
- position: absolute;
2722
- z-index: 1;
2723
- }
2724
-
2725
- /**************** Premium Dual Heading *****************/
2726
- /*******************************************************/
2727
- .premium-dual-header-container .premium-dual-header-first-header,
2728
- .premium-dual-header-container .premium-dual-header-second-header {
2729
- position: relative;
2730
- padding: 0;
2731
- margin: 0;
2732
- display: inline-block;
2733
- -webkit-transform: translate(0, 0);
2734
- -ms-transform: translate(0, 0);
2735
- transform: translate(0, 0);
2736
- }
2737
-
2738
- .premium-dual-header-first-clip .premium-dual-header-first-span,
2739
- .premium-dual-header-second-clip {
2740
- -webkit-text-fill-color: transparent;
2741
- -webkit-background-clip: text;
2742
- }
2743
-
2744
- .premium-dual-header-first-clip.stroke .premium-dual-header-first-span,
2745
- .premium-dual-header-second-clip.stroke {
2746
- -webkit-text-stroke-color: transparent;
2747
- -webkit-text-fill-color: #fafafa;
2748
- -webkit-text-stroke-width: 2px;
2749
- }
2750
-
2751
- @media (max-width: 500px) {
2752
- .premium-dual-header-container .premium-dual-header-first-header,
2753
- .premium-dual-header-container .premium-dual-header-second-header {
2754
- display: block;
2755
- word-wrap: break-word;
2756
- }
2757
-
2758
- .premium-dual-header-first-container,
2759
- .premium-dual-header-second-container {
2760
- margin: 0;
2761
- }
2762
- }
2763
-
2764
- @media (min-width: 501px) {
2765
- .premium-dual-header-first-container {
2766
- margin-left: 5px;
2767
- }
2768
- }
2769
-
2770
- .premium-dual-header-first-header.gradient .premium-dual-header-first-span,
2771
- .premium-dual-header-second-header.gradient {
2772
- -webkit-background-size: 300% 300% !important;
2773
- background-size: 300% 300% !important;
2774
- -webkit-animation: Gradient 10s ease-in-out infinite;
2775
- animation: Gradient 10s ease-in-out infinite;
2776
- }
2777
-
2778
- @-webkit-keyframes Gradient {
2779
- 0% {
2780
- background-position: 100% 50%;
2781
- }
2782
-
2783
- 50% {
2784
- background-position: 0% 50%;
2785
- }
2786
-
2787
- 100% {
2788
- background-position: 100% 50%;
2789
- }
2790
- }
2791
-
2792
- @keyframes Gradient {
2793
- 0% {
2794
- background-position: 100% 50%;
2795
- }
2796
-
2797
- 50% {
2798
- background-position: 0% 50%;
2799
- }
2800
-
2801
- 100% {
2802
- background-position: 100% 50%;
2803
- }
2804
- }
2805
-
2806
- /**************** Premium Title ****************/
2807
- /***********************************************/
2808
- .premium-title-container {
2809
- position: relative;
2810
- width: 100%;
2811
- clear: both;
2812
- overflow: hidden;
2813
- }
2814
-
2815
- .premium-title-container .premium-title-header {
2816
- position: relative;
2817
- margin: 0;
2818
- padding: 10px;
2819
- }
2820
-
2821
- .premium-title-container .premium-title-header:not(.premium-title-style7) {
2822
- -webkit-box-align: center;
2823
- -webkit-align-items: center;
2824
- -moz-box-align: center;
2825
- -ms-flex-align: center;
2826
- align-items: center;
2827
- }
2828
-
2829
- .premium-title-container .premium-title-header svg {
2830
- width: 40px;
2831
- height: 40px;
2832
- }
2833
-
2834
- .premium-title-container .premium-title-header img {
2835
- width: 40px;
2836
- height: 40px;
2837
- -o-object-fit: cover;
2838
- object-fit: cover;
2839
- }
2840
-
2841
- .premium-title-container .premium-title-header a {
2842
- position: absolute;
2843
- top: 0;
2844
- right: 0;
2845
- width: 100%;
2846
- height: 100%;
2847
- }
2848
-
2849
- .premium-title-container .premium-lottie-animation {
2850
- -js-display: flex;
2851
- display: -webkit-box;
2852
- display: -webkit-flex;
2853
- display: -moz-box;
2854
- display: -ms-flexbox;
2855
- display: flex;
2856
- }
2857
-
2858
- .premium-title-icon-row .premium-title-icon {
2859
- margin-left: 10px;
2860
- }
2861
-
2862
- .premium-title-icon-row-reverse .premium-title-icon {
2863
- margin-right: 10px;
2864
- }
2865
-
2866
- .premium-title-style3,
2867
- .premium-title-style4 {
2868
- -js-display: flex;
2869
- display: -webkit-box;
2870
- display: -webkit-flex;
2871
- display: -moz-box;
2872
- display: -ms-flexbox;
2873
- display: flex;
2874
- }
2875
-
2876
- .premium-title-style1,
2877
- .premium-title-style2,
2878
- .premium-title-style5,
2879
- .premium-title-style6,
2880
- .premium-title-style8,
2881
- .premium-title-style9 {
2882
- -js-display: inline-flex;
2883
- display: -webkit-inline-box;
2884
- display: -webkit-inline-flex;
2885
- display: -moz-inline-box;
2886
- display: -ms-inline-flexbox;
2887
- display: inline-flex;
2888
- }
2889
-
2890
- .premium-title-style7 {
2891
- -js-display: inline-flex;
2892
- display: -webkit-inline-box;
2893
- display: -webkit-inline-flex;
2894
- display: -moz-inline-box;
2895
- display: -ms-inline-flexbox;
2896
- display: inline-flex;
2897
- -webkit-box-orient: vertical;
2898
- -webkit-box-direction: normal;
2899
- -webkit-flex-direction: column;
2900
- -moz-box-orient: vertical;
2901
- -moz-box-direction: normal;
2902
- -ms-flex-direction: column;
2903
- flex-direction: column;
2904
- }
2905
-
2906
- .premium-title-style7 .premium-title-style7-inner {
2907
- -js-display: flex;
2908
- display: -webkit-box;
2909
- display: -webkit-flex;
2910
- display: -moz-box;
2911
- display: -ms-flexbox;
2912
- display: flex;
2913
- -webkit-box-align: center;
2914
- -webkit-align-items: center;
2915
- -moz-box-align: center;
2916
- -ms-flex-align: center;
2917
- align-items: center;
2918
- }
2919
-
2920
- .premium-title-style1 {
2921
- border-right: 3px solid #6ec1e4;
2922
- }
2923
-
2924
- .premium-title-container.style2,
2925
- .premium-title-container.style4,
2926
- .premium-title-container.style5,
2927
- .premium-title-container.style6 {
2928
- border-bottom: 3px solid #6ec1e4;
2929
- }
2930
-
2931
- /*Style 6 Header*/
2932
- .premium-title-style6:before {
2933
- position: absolute;
2934
- right: 50%;
2935
- bottom: 0;
2936
- margin-right: -2px;
2937
- content: "";
2938
- border: 3px solid transparent;
2939
- }
2940
-
2941
- /*Style 6 Trinagle*/
2942
- .premium-title-style7-stripe-wrap {
2943
- -js-display: flex;
2944
- display: -webkit-box;
2945
- display: -webkit-flex;
2946
- display: -moz-box;
2947
- display: -ms-flexbox;
2948
- display: flex;
2949
- }
2950
-
2951
- .premium-title-style7:before {
2952
- display: none;
2953
- }
2954
-
2955
- .premium-title-style8 .premium-title-text[data-animation="shiny"] {
2956
- -webkit-background-size: 125px 125px !important;
2957
- background-size: 125px !important;
2958
- color: rgba(255, 255, 255, 0);
2959
- -webkit-background-clip: text !important;
2960
- background-clip: text !important;
2961
- -webkit-animation-name: pa-shinny-text !important;
2962
- animation-name: pa-shinny-text !important;
2963
- -webkit-animation-duration: var(--animation-speed) !important;
2964
- animation-duration: var(--animation-speed) !important;
2965
- -webkit-animation-iteration-count: infinite !important;
2966
- animation-iteration-count: infinite !important;
2967
- background: var(--base-color) -webkit-gradient(
2968
- linear,
2969
- left top,
2970
- right top,
2971
- from(var(--base-color)),
2972
- to(var(--base-color)),
2973
- color-stop(0.5, var(--shiny-color))
2974
- ) 0 0 no-repeat;
2975
- }
2976
-
2977
- .premium-title-style9[data-animation-blur="process"] .premium-title-style9-letter {
2978
- -webkit-animation: pa-blur-shadow 2s 1 alternate;
2979
- animation: pa-blur-shadow 2s 1 alternate;
2980
- }
2981
-
2982
- .premium-title-gradient-yes .premium-title-text,
2983
- .premium-title-gradient-yes .premium-title-icon {
2984
- -webkit-background-clip: text;
2985
- -webkit-text-fill-color: transparent;
2986
- background-image: -webkit-gradient(linear, left top, right top, from(#ffa648), color-stop(#f17cc1), to(#4da9fd));
2987
- background-image: -webkit-linear-gradient(left, #ffa648, #f17cc1, #4da9fd);
2988
- background-image: linear-gradient(to right, #ffa648, #f17cc1, #4da9fd);
2989
- -webkit-animation: pa-text-gradient 8s infinite;
2990
- animation: pa-text-gradient 8s infinite;
2991
- }
2992
-
2993
- @-webkit-keyframes pa-shinny-text {
2994
- 0% {
2995
- background-position: 100%;
2996
- }
2997
-
2998
- 100% {
2999
- background-position: -100%;
3000
- }
3001
- }
3002
-
3003
- @keyframes pa-shinny-text {
3004
- 0% {
3005
- background-position: 100%;
3006
- }
3007
-
3008
- 100% {
3009
- background-position: -100%;
3010
- }
3011
- }
3012
-
3013
- @-webkit-keyframes pa-blur-shadow {
3014
- from {
3015
- text-shadow: 0 0 var(--shadow-value) var(--shadow-color);
3016
- color: transparent;
3017
- }
3018
-
3019
- to {
3020
- text-shadow: 0;
3021
- }
3022
- }
3023
-
3024
- @keyframes pa-blur-shadow {
3025
- from {
3026
- text-shadow: 0 0 var(--shadow-value) var(--shadow-color);
3027
- color: transparent;
3028
- }
3029
-
3030
- to {
3031
- text-shadow: 0;
3032
- }
3033
- }
3034
-
3035
- @-webkit-keyframes pa-text-gradient {
3036
- 0%,
3037
- 100% {
3038
- -webkit-filter: hue-rotate(0deg);
3039
- filter: hue-rotate(0deg);
3040
- }
3041
- 50% {
3042
- -webkit-filter: hue-rotate(360deg);
3043
- filter: hue-rotate(360deg);
3044
- }
3045
- }
3046
-
3047
- @keyframes pa-text-gradient {
3048
- 0%,
3049
- 100% {
3050
- -webkit-filter: hue-rotate(0deg);
3051
- filter: hue-rotate(0deg);
3052
- }
3053
- 50% {
3054
- -webkit-filter: hue-rotate(360deg);
3055
- filter: hue-rotate(360deg);
3056
- }
3057
- }
3058
-
3059
- /*
3060
- * Common Title/Dual Heading
3061
- */
3062
- .premium-title-bg-text:before {
3063
- position: absolute;
3064
- content: attr(data-background);
3065
- top: 0;
3066
- left: 0;
3067
- text-align: left;
3068
- }
3069
-
3070
- .premium-mask-yes .premium-dual-header-first-clip .premium-dual-header-first-span .premium-mask-span,
3071
- .premium-mask-yes .premium-dual-header-second-clip .premium-mask-span {
3072
- background: inherit;
3073
- }
3074
-
3075
- .premium-mask-yes .premium-mask-span {
3076
- position: relative;
3077
- overflow: hidden;
3078
- -js-display: inline-flex !important;
3079
- display: -webkit-inline-box !important;
3080
- display: -webkit-inline-flex !important;
3081
- display: -moz-inline-box !important;
3082
- display: -ms-inline-flexbox !important;
3083
- display: inline-flex !important;
3084
- }
3085
- .premium-mask-yes .premium-mask-span::after {
3086
- content: "";
3087
- position: absolute;
3088
- top: 0;
3089
- right: 0px;
3090
- width: 100%;
3091
- height: 100%;
3092
- background-color: currentColor;
3093
- -webkit-backface-visibility: visible;
3094
- backface-visibility: visible;
3095
- }
3096
-
3097
- .premium-mask-active.premium-mask-tr .premium-mask-span::after {
3098
- -webkit-animation: pa-mask-tr 1.7s cubic-bezier(1, 0, 0.18, 1) forwards;
3099
- animation: pa-mask-tr 1.7s cubic-bezier(1, 0, 0.18, 1) forwards;
3100
- -webkit-transform: translateX(-103%);
3101
- -ms-transform: translateX(-103%);
3102
- transform: translateX(-103%);
3103
- }
3104
-
3105
- .premium-mask-active.premium-mask-tl .premium-mask-span::after {
3106
- -webkit-animation: pa-mask-tl 1.7s cubic-bezier(1, 0, 0.18, 1) forwards;
3107
- animation: pa-mask-tl 1.7s cubic-bezier(1, 0, 0.18, 1) forwards;
3108
- -webkit-transform: translateX(103%);
3109
- -ms-transform: translateX(103%);
3110
- transform: translateX(103%);
3111
- }
3112
-
3113
- .premium-mask-active.premium-mask-tb .premium-mask-span::after {
3114
- -webkit-animation: pa-mask-tb 1.7s cubic-bezier(1, 0, 0.18, 1) forwards;
3115
- animation: pa-mask-tb 1.7s cubic-bezier(1, 0, 0.18, 1) forwards;
3116
- -webkit-transform: translateY(-103%);
3117
- -ms-transform: translateY(-103%);
3118
- transform: translateY(-103%);
3119
- }
3120
-
3121
- .premium-mask-active.premium-mask-tt .premium-mask-span::after {
3122
- -webkit-animation: pa-mask-tt 1.7s cubic-bezier(1, 0, 0.18, 1) forwards;
3123
- animation: pa-mask-tt 1.7s cubic-bezier(1, 0, 0.18, 1) forwards;
3124
- -webkit-transform: translateY(103%);
3125
- -ms-transform: translateY(103%);
3126
- transform: translateY(103%);
3127
- }
3128
-
3129
- @-webkit-keyframes pa-mask-tr {
3130
- 0% {
3131
- -webkit-transform: translateX(0%);
3132
- transform: translateX(0%);
3133
- }
3134
- 100% {
3135
- -webkit-transform: translateX(103%);
3136
- transform: translateX(103%);
3137
- }
3138
- }
3139
-
3140
- @keyframes pa-mask-tr {
3141
- 0% {
3142
- -webkit-transform: translateX(0%);
3143
- transform: translateX(0%);
3144
- }
3145
- 100% {
3146
- -webkit-transform: translateX(103%);
3147
- transform: translateX(103%);
3148
- }
3149
- }
3150
-
3151
- @-webkit-keyframes pa-mask-tl {
3152
- 0% {
3153
- -webkit-transform: translateX(0%);
3154
- transform: translateX(0%);
3155
- }
3156
- 100% {
3157
- -webkit-transform: translateX(-103%);
3158
- transform: translateX(-103%);
3159
- }
3160
- }
3161
-
3162
- @keyframes pa-mask-tl {
3163
- 0% {
3164
- -webkit-transform: translateX(0%);
3165
- transform: translateX(0%);
3166
- }
3167
- 100% {
3168
- -webkit-transform: translateX(-103%);
3169
- transform: translateX(-103%);
3170
- }
3171
- }
3172
-
3173
- @-webkit-keyframes pa-mask-tb {
3174
- 0% {
3175
- -webkit-transform: translateY(0%);
3176
- transform: translateY(0%);
3177
- }
3178
- 100% {
3179
- -webkit-transform: translateY(103%);
3180
- transform: translateY(103%);
3181
- }
3182
- }
3183
-
3184
- @keyframes pa-mask-tb {
3185
- 0% {
3186
- -webkit-transform: translateY(0%);
3187
- transform: translateY(0%);
3188
- }
3189
- 100% {
3190
- -webkit-transform: translateY(103%);
3191
- transform: translateY(103%);
3192
- }
3193
- }
3194
-
3195
- @-webkit-keyframes pa-mask-tt {
3196
- 0% {
3197
- -webkit-transform: translateY(0%);
3198
- transform: translateY(0%);
3199
- }
3200
- 100% {
3201
- -webkit-transform: translateY(-103%);
3202
- transform: translateY(-103%);
3203
- }
3204
- }
3205
-
3206
- @keyframes pa-mask-tt {
3207
- 0% {
3208
- -webkit-transform: translateY(0%);
3209
- transform: translateY(0%);
3210
- }
3211
- 100% {
3212
- -webkit-transform: translateY(-103%);
3213
- transform: translateY(-103%);
3214
- }
3215
- }
3216
-
3217
- /**************** Premium Video Box ************/
3218
- /***********************************************/
3219
- .premium-video-box-transform {
3220
- -webkit-transform: none !important;
3221
- -ms-transform: none !important;
3222
- transform: none !important;
3223
- }
3224
-
3225
- .premium-video-box-container {
3226
- -js-display: flex;
3227
- display: -webkit-box;
3228
- display: -webkit-flex;
3229
- display: -moz-box;
3230
- display: -ms-flexbox;
3231
- display: flex;
3232
- -webkit-box-orient: vertical;
3233
- -webkit-box-direction: normal;
3234
- -webkit-flex-direction: column;
3235
- -moz-box-orient: vertical;
3236
- -moz-box-direction: normal;
3237
- -ms-flex-direction: column;
3238
- flex-direction: column;
3239
- }
3240
-
3241
- .premium-video-box-container > div {
3242
- position: relative;
3243
- overflow: hidden;
3244
- }
3245
-
3246
- .pa-aspect-ratio-11 .premium-video-box-container > div {
3247
- padding-bottom: 100%;
3248
- }
3249
-
3250
- .pa-aspect-ratio-169 .premium-video-box-container > div {
3251
- padding-bottom: 56.25%;
3252
- }
3253
-
3254
- .pa-aspect-ratio-43 .premium-video-box-container > div {
3255
- padding-bottom: 75%;
3256
- }
3257
-
3258
- .pa-aspect-ratio-32 .premium-video-box-container > div {
3259
- padding-bottom: 66.6666%;
3260
- }
3261
-
3262
- .pa-aspect-ratio-219 .premium-video-box-container > div {
3263
- padding-bottom: 42.8571%;
3264
- }
3265
-
3266
- .pa-aspect-ratio-916 .premium-video-box-container > div {
3267
- padding-bottom: 177.8%;
3268
- }
3269
-
3270
- .premium-video-box-image-container {
3271
- position: absolute;
3272
- top: 0;
3273
- right: 0;
3274
- bottom: 0;
3275
- left: 0;
3276
- width: 100%;
3277
- height: 100%;
3278
- -webkit-background-size: cover;
3279
- background-size: cover;
3280
- background-position: 50%;
3281
- cursor: pointer;
3282
- margin: auto;
3283
- -webkit-transition: 0.2s all;
3284
- transition: 0.2s all;
3285
- }
3286
-
3287
- .premium-video-box-play-icon-container {
3288
- position: absolute;
3289
- z-index: 2;
3290
- cursor: pointer;
3291
- -webkit-transform: translate(50%, -50%);
3292
- -ms-transform: translate(50%, -50%);
3293
- transform: translate(50%, -50%);
3294
- background: rgba(252, 252, 252, 0.35);
3295
- }
3296
-
3297
- .premium-video-box-description-container {
3298
- position: absolute;
3299
- z-index: 2;
3300
- padding: 5px;
3301
- text-align: center;
3302
- cursor: pointer;
3303
- -webkit-transform: translate(50%, -50%);
3304
- -ms-transform: translate(50%, -50%);
3305
- transform: translate(50%, -50%);
3306
- }
3307
-
3308
- .premium-video-box-text {
3309
- margin-bottom: 0 !important;
3310
- -webkit-transition: all 0.3s ease-in-out;
3311
- transition: all 0.3s ease-in-out;
3312
- }
3313
-
3314
- .premium-video-box-play-icon {
3315
- padding: 15px;
3316
- -webkit-transform: translateX(-4%);
3317
- -ms-transform: translateX(-4%);
3318
- transform: translateX(-4%);
3319
- -webkit-transition: all 0.3s ease-in-out;
3320
- transition: all 0.3s ease-in-out;
3321
- }
3322
-
3323
- .premium-video-box-video-container {
3324
- position: absolute;
3325
- top: 0;
3326
- right: 0;
3327
- z-index: 2;
3328
- width: 100%;
3329
- height: 100%;
3330
- -webkit-transition: opacity 0.8s ease-in-out;
3331
- transition: opacity 0.8s ease-in-out;
3332
- overflow: hidden;
3333
- cursor: pointer;
3334
- }
3335
-
3336
- .premium-video-box-container[data-overlay="true"][data-type="self"] .premium-video-box-video-container {
3337
- opacity: 0;
3338
- visibility: hidden;
3339
- }
3340
-
3341
- .premium-video-box-video-container iframe {
3342
- max-width: 100%;
3343
- width: 100%;
3344
- height: 100%;
3345
- margin: 0;
3346
- line-height: 1;
3347
- border: none;
3348
- }
3349
-
3350
- .premium-video-box-video-container video {
3351
- max-width: 100%;
3352
- width: 100%;
3353
- height: 100%;
3354
- margin: 0;
3355
- line-height: 1;
3356
- border: none;
3357
- background-color: #000;
3358
- -o-object-fit: contain;
3359
- object-fit: contain;
3360
- }
3361
-
3362
- .premium-video-box-container .premium-video-box-vimeo-wrap {
3363
- -js-display: flex;
3364
- display: -webkit-box;
3365
- display: -webkit-flex;
3366
- display: -moz-box;
3367
- display: -ms-flexbox;
3368
- display: flex;
3369
- position: absolute;
3370
- top: 0;
3371
- right: 0;
3372
- z-index: 3;
3373
- margin: 10px;
3374
- margin-left: 10px;
3375
- -webkit-transition: opacity 0.2s ease-out;
3376
- transition: opacity 0.2s ease-out;
3377
- margin-left: 4.6em;
3378
- }
3379
-
3380
- .premium-video-box-vimeo-wrap .premium-video-box-vimeo-portrait {
3381
- width: 60px;
3382
- height: 60px;
3383
- background: rgba(23, 35, 34, 0.75);
3384
- margin-left: 1px;
3385
- -webkit-box-flex: 1;
3386
- -webkit-flex: 1 0 auto;
3387
- -moz-box-flex: 1;
3388
- -ms-flex: 1 0 auto;
3389
- flex: 1 0 auto;
3390
- padding: 0;
3391
- }
3392
-
3393
- .premium-video-box-vimeo-portrait img {
3394
- width: 50px;
3395
- height: 50px;
3396
- margin: 5px;
3397
- padding: 0;
3398
- border: 0;
3399
- -webkit-border-radius: 50%;
3400
- border-radius: 50%;
3401
- }
3402
-
3403
- .premium-video-box-vimeo-wrap .premium-video-box-vimeo-headers {
3404
- font-size: 10px;
3405
- }
3406
-
3407
- .premium-video-box-vimeo-wrap .premium-video-box-vimeo-title {
3408
- max-width: 100%;
3409
- font-size: 2em !important;
3410
- font-weight: 700;
3411
- margin: 0;
3412
- padding: 0.1em 0.2em;
3413
- background: rgba(23, 35, 34, 0.75);
3414
- display: inline-block;
3415
- text-transform: none;
3416
- line-height: normal;
3417
- letter-spacing: normal;
3418
- }
3419
-
3420
- .premium-video-box-vimeo-wrap .premium-video-box-vimeo-byline {
3421
- font-size: 1.2em !important;
3422
- font-weight: 400;
3423
- color: #fff;
3424
- margin-top: 0.1em;
3425
- padding: 0.2em 0.5em;
3426
- background: rgba(23, 35, 34, 0.75);
3427
- text-transform: none;
3428
- line-height: normal;
3429
- letter-spacing: normal;
3430
- }
3431
-
3432
- .premium-video-box-playlist-container {
3433
- -js-display: flex;
3434
- display: -webkit-box;
3435
- display: -webkit-flex;
3436
- display: -moz-box;
3437
- display: -ms-flexbox;
3438
- display: flex;
3439
- -webkit-flex-wrap: wrap;
3440
- -ms-flex-wrap: wrap;
3441
- flex-wrap: wrap;
3442
- }
3443
-
3444
- .premium-video-box-playlist-container .premium-video-box-container {
3445
- height: 100%;
3446
- overflow: hidden;
3447
- }
3448
-
3449
- .premium-video-box-container:hover .premium-video-box-image-container.zoomin {
3450
- -webkit-transform: scale(1.1);
3451
- -ms-transform: scale(1.1);
3452
- transform: scale(1.1);
3453
- }
3454
-
3455
- .premium-video-box-container:hover .premium-video-box-image-container.zoomout {
3456
- -webkit-transform: scale(1);
3457
- -ms-transform: scale(1);
3458
- transform: scale(1);
3459
- }
3460
-
3461
- .premium-video-box-container:hover .premium-video-box-image-container.scale {
3462
- -webkit-transform: scale(1.3) rotate(-5deg);
3463
- -ms-transform: scale(1.3) rotate(-5deg);
3464
- transform: scale(1.3) rotate(-5deg);
3465
- }
3466
-
3467
- .premium-video-box-container:hover .premium-video-box-image-container.gray {
3468
- -webkit-filter: grayscale(0%);
3469
- filter: grayscale(0%);
3470
- }
3471
-
3472
- .premium-video-box-container:hover .premium-video-box-image-container.blur {
3473
- -webkit-filter: blur(3px);
3474
- filter: blur(3px);
3475
- }
3476
-
3477
- .premium-video-box-container:hover .premium-video-box-image-container.sepia {
3478
- -webkit-filter: sepia(0%);
3479
- filter: sepia(0%);
3480
- }
3481
-
3482
- .premium-video-box-container:hover .premium-video-box-image-container.trans {
3483
- -webkit-transform: translateX(0px) scale(1.1);
3484
- -ms-transform: translateX(0px) scale(1.1);
3485
- transform: translateX(0px) scale(1.1);
3486
- }
3487
-
3488
- .premium-video-box-container:hover .premium-video-box-image-container.bright {
3489
- -webkit-filter: brightness(1.2);
3490
- filter: brightness(1.2);
3491
- }
3492
-
3493
- .premium-video-box-image-container.gray {
3494
- -webkit-filter: grayscale(100%);
3495
- filter: grayscale(100%);
3496
- }
3497
-
3498
- .premium-video-box-image-container.zoomout,
3499
- .premium-video-box-image-container.scale {
3500
- -webkit-transform: scale(1.2);
3501
- -ms-transform: scale(1.2);
3502
- transform: scale(1.2);
3503
- }
3504
-
3505
- .premium-video-box-image-container.sepia {
3506
- -webkit-filter: sepia(30%);
3507
- filter: sepia(30%);
3508
- }
3509
-
3510
- .premium-video-box-image-container.bright {
3511
- -webkit-filter: brightness(1);
3512
- filter: brightness(1);
3513
- }
3514
-
3515
- .premium-video-box-image-container.trans {
3516
- -webkit-transform: translateX(15px) scale(1.1);
3517
- -ms-transform: translateX(15px) scale(1.1);
3518
- transform: translateX(15px) scale(1.1);
3519
- }
3520
-
3521
- .premium-video-box-mask-media {
3522
- -webkit-mask-repeat: no-repeat;
3523
- mask-repeat: no-repeat;
3524
- }
3525
-
3526
- /* Sticky Video Option */
3527
- .premium-video-box-container.premium-video-box-sticky-apply {
3528
- z-index: 99;
3529
- overflow: unset;
3530
- }
3531
-
3532
- .premium-video-box-container.premium-video-box-sticky-apply .premium-video-box-inner-wrap {
3533
- position: fixed !important;
3534
- z-index: 99999;
3535
- height: 225px;
3536
- width: 400px;
3537
- background: #fff;
3538
- }
3539
-
3540
- .premium-video-box-container.premium-video-box-sticky-apply .premium-video-box-vimeo-wrap,
3541
- .premium-video-box-container.premium-video-box-sticky-apply .premium-video-box-container:before {
3542
- visibility: hidden;
3543
- }
3544
-
3545
- .premium-video-box-container.premium-video-box-sticky-apply
3546
- .premium-video-box-sticky-infobar-wrap.premium-video-box-sticky-apply
3547
- .premium-video-box-inner-wrap {
3548
- -webkit-box-shadow: unset;
3549
- box-shadow: unset;
3550
- }
3551
-
3552
- .premium-video-box-sticky-close,
3553
- .premium-video-box-sticky-infobar {
3554
- display: none;
3555
- }
3556
-
3557
- .premium-video-box-sticky-apply .premium-video-box-sticky-close {
3558
- position: absolute;
3559
- padding: 5px;
3560
- cursor: pointer;
3561
- z-index: 99999;
3562
- height: 14px;
3563
- width: 14px;
3564
- -webkit-box-sizing: content-box;
3565
- -moz-box-sizing: content-box;
3566
- box-sizing: content-box;
3567
- -webkit-border-radius: 100%;
3568
- border-radius: 100%;
3569
- -js-display: flex;
3570
- display: -webkit-box;
3571
- display: -webkit-flex;
3572
- display: -moz-box;
3573
- display: -ms-flexbox;
3574
- display: flex;
3575
- -webkit-box-pack: center;
3576
- -webkit-justify-content: center;
3577
- -moz-box-pack: center;
3578
- -ms-flex-pack: center;
3579
- justify-content: center;
3580
- -webkit-box-align: center;
3581
- -webkit-align-items: center;
3582
- -moz-box-align: center;
3583
- -ms-flex-align: center;
3584
- align-items: center;
3585
- }
3586
-
3587
- .premium-video-box-sticky-apply .premium-video-box-play-icon-container {
3588
- -js-display: flex;
3589
- display: -webkit-box;
3590
- display: -webkit-flex;
3591
- display: -moz-box;
3592
- display: -ms-flexbox;
3593
- display: flex;
3594
- }
3595
-
3596
- .premium-video-box-sticky-apply .premium-video-box-play-icon {
3597
- -webkit-transition: none;
3598
- transition: none;
3599
- }
3600
-
3601
- .premium-video-box-sticky-apply .premium-video-box-sticky-infobar {
3602
- display: block;
3603
- position: relative;
3604
- top: 100%;
3605
- width: 100%;
3606
- padding: 5px;
3607
- text-align: center;
3608
- z-index: 9999;
3609
- margin-top: -1px;
3610
- }
3611
-
3612
- .premium-video-box-sticky-apply .premium-video-box-inner-wrap.ui-draggable {
3613
- cursor: move;
3614
- }
3615
-
3616
- .premium-video-sticky-top-left
3617
- .premium-video-box-container.premium-video-box-sticky-apply
3618
- .premium-video-box-inner-wrap {
3619
- left: auto;
3620
- right: 20px;
3621
- top: 20px;
3622
- }
3623
-
3624
- .premium-video-sticky-bottom-left
3625
- .premium-video-box-container.premium-video-box-sticky-apply
3626
- .premium-video-box-inner-wrap {
3627
- left: auto;
3628
- right: 20px;
3629
- bottom: 20px;
3630
- }
3631
-
3632
- .premium-video-sticky-top-right
3633
- .premium-video-box-container.premium-video-box-sticky-apply
3634
- .premium-video-box-inner-wrap {
3635
- right: auto;
3636
- left: 20px;
3637
- top: 20px;
3638
- }
3639
-
3640
- .premium-video-sticky-bottom-right
3641
- .premium-video-box-container.premium-video-box-sticky-apply
3642
- .premium-video-box-inner-wrap {
3643
- right: auto;
3644
- left: 20px;
3645
- bottom: 20px;
3646
- }
3647
-
3648
- .premium-video-sticky-center-left
3649
- .premium-video-box-container.premium-video-box-sticky-apply
3650
- .premium-video-box-inner-wrap {
3651
- left: auto;
3652
- right: 20px;
3653
- top: 50%;
3654
- -webkit-transform: translateY(-50%);
3655
- -ms-transform: translateY(-50%);
3656
- transform: translateY(-50%);
3657
- }
3658
-
3659
- .premium-video-sticky-center-right
3660
- .premium-video-box-container.premium-video-box-sticky-apply
3661
- .premium-video-box-inner-wrap {
3662
- right: auto;
3663
- left: 20px;
3664
- top: 50%;
3665
- -webkit-transform: translateY(-50%);
3666
- -ms-transform: translateY(-50%);
3667
- transform: translateY(-50%);
3668
- }
3669
-
3670
- .premium-video-sticky-bottom-right
3671
- .premium-video-box-sticky-infobar-wrap.premium-video-box-sticky-apply
3672
- .premium-video-box-inner-wrap,
3673
- .premium-video-sticky-bottom-left
3674
- .premium-video-box-sticky-infobar-wrap.premium-video-box-sticky-apply
3675
- .premium-video-box-inner-wrap {
3676
- bottom: 55px;
3677
- }
3678
-
3679
- .premium-video-sticky-top-left .premium-video-box-sticky-apply .premium-video-box-sticky-close,
3680
- .premium-video-sticky-bottom-left .premium-video-box-sticky-apply .premium-video-box-sticky-close,
3681
- .premium-video-sticky-center-left .premium-video-box-sticky-apply .premium-video-box-sticky-close {
3682
- top: -10px;
3683
- left: -10px;
3684
- }
3685
-
3686
- .premium-video-sticky-top-right .premium-video-box-sticky-apply .premium-video-box-sticky-close,
3687
- .premium-video-sticky-bottom-right .premium-video-box-sticky-apply .premium-video-box-sticky-close,
3688
- .premium-video-sticky-center-right .premium-video-box-sticky-apply .premium-video-box-sticky-close {
3689
- top: -10px;
3690
- right: -10px;
3691
- }
3692
-
3693
- .premium-video-box-filter-sticky {
3694
- -webkit-filter: none !important;
3695
- filter: none !important;
3696
- }
3697
-
3698
- /**************** Premium Blog *****************/
3699
- /***********************************************/
3700
- .premium-blog-thumb-effect-wrapper {
3701
- position: relative;
3702
- overflow: hidden;
3703
- }
3704
-
3705
- .premium-blog-effect-container:not(.premium-blog-bordered-effect) .premium-blog-post-link {
3706
- position: absolute;
3707
- top: 0;
3708
- right: 0;
3709
- width: 100%;
3710
- height: 100%;
3711
- z-index: 2;
3712
- padding: 20px;
3713
- }
3714
-
3715
- .premium-blog-bordered-effect .premium-blog-post-link {
3716
- display: block;
3717
- height: 100%;
3718
- position: relative;
3719
- }
3720
-
3721
- /*Thumbnail Img*/
3722
- .premium-blog-thumbnail-container {
3723
- overflow: hidden;
3724
- }
3725
-
3726
- .premium-blog-thumbnail-container img,
3727
- .premium-blog-thumbnail-container .below-entry-meta {
3728
- width: 100%;
3729
- height: 100%;
3730
- margin: 0 !important;
3731
- -webkit-transition: all 0.4s ease-in-out;
3732
- transition: all 0.4s ease-in-out;
3733
- }
3734
-
3735
- .premium-blog-thumb-effect-wrapper .premium-blog-zoomout-effect img,
3736
- .premium-blog-thumb-effect-wrapper .premium-blog-scale-effect img {
3737
- -webkit-transform: scale(1.2);
3738
- -ms-transform: scale(1.2);
3739
- transform: scale(1.2);
3740
- }
3741
-
3742
- .premium-blog-thumb-effect-wrapper .premium-blog-sepia-effect img {
3743
- -webkit-filter: sepia(30%);
3744
- filter: sepia(30%);
3745
- }
3746
-
3747
- .premium-blog-thumb-effect-wrapper .premium-blog-bright-effect img {
3748
- -webkit-filter: brightness(1);
3749
- filter: brightness(1);
3750
- }
3751
-
3752
- .premium-blog-thumb-effect-wrapper .premium-blog-trans-effect img {
3753
- -webkit-transform: translateX(15px) scale(1.1);
3754
- -ms-transform: translateX(15px) scale(1.1);
3755
- transform: translateX(15px) scale(1.1);
3756
- }
3757
-
3758
- .premium-blog-post-outer-container:hover .premium-blog-zoomin-effect img {
3759
- -webkit-transform: scale(1.2);
3760
- -ms-transform: scale(1.2);
3761
- transform: scale(1.2);
3762
- }
3763
-
3764
- .premium-blog-post-outer-container:hover .premium-blog-zoomout-effect img {
3765
- -webkit-transform: scale(1.1);
3766
- -ms-transform: scale(1.1);
3767
- transform: scale(1.1);
3768
- }
3769
-
3770
- .premium-blog-post-outer-container:hover .premium-blog-scale-effect img {
3771
- -webkit-transform: scale(1.3) rotate(-5deg);
3772
- -ms-transform: scale(1.3) rotate(-5deg);
3773
- transform: scale(1.3) rotate(-5deg);
3774
- }
3775
-
3776
- .premium-blog-post-outer-container:hover .premium-blog-gray-effect img {
3777
- -webkit-filter: grayscale(100%);
3778
- filter: grayscale(100%);
3779
- }
3780
-
3781
- .premium-blog-post-outer-container:hover .premium-blog-blur-effect img {
3782
- -webkit-filter: blur(3px);
3783
- filter: blur(3px);
3784
- }
3785
-
3786
- .premium-blog-post-outer-container:hover .premium-blog-sepia-effect img {
3787
- -webkit-filter: sepia(0%);
3788
- filter: sepia(0%);
3789
- }
3790
-
3791
- .premium-blog-post-outer-container:hover .premium-blog-bright-effect img {
3792
- -webkit-filter: brightness(1.2);
3793
- filter: brightness(1.2);
3794
- }
3795
-
3796
- .premium-blog-post-outer-container:hover .premium-blog-trans-effect img {
3797
- -webkit-transform: translateX(0px) scale(1.1);
3798
- -ms-transform: translateX(0px) scale(1.1);
3799
- transform: translateX(0px) scale(1.1);
3800
- }
3801
-
3802
- .premium-blog-post-container {
3803
- overflow: hidden;
3804
- }
3805
-
3806
- .premium-blog-post-container .premium-blog-inner-container {
3807
- -js-display: flex;
3808
- display: -webkit-box;
3809
- display: -webkit-flex;
3810
- display: -moz-box;
3811
- display: -ms-flexbox;
3812
- display: flex;
3813
- }
3814
-
3815
- .premium-blog-post-container .premium-blog-post-content {
3816
- line-height: 1.5em;
3817
- color: #777;
3818
- font-size: 14px;
3819
- margin-bottom: 10px;
3820
- }
3821
-
3822
- .premium-blog-post-container ul.post-categories a:hover,
3823
- .premium-blog-post-container ul.post-categories a:focus,
3824
- .premium-blog-post-container .premium-blog-post-link:hover,
3825
- .premium-blog-post-container .premium-blog-post-link:focus {
3826
- -webkit-box-shadow: none !important;
3827
- box-shadow: none !important;
3828
- outline: none !important;
3829
- }
3830
-
3831
- .premium-blog-post-container .premium-blog-entry-title {
3832
- font-size: 18px;
3833
- margin-bottom: 5px;
3834
- }
3835
-
3836
- .premium-blog-post-container.premium-blog-skin-modern .premium-blog-content-wrapper {
3837
- position: relative;
3838
- z-index: 3;
3839
- top: -50px;
3840
- }
3841
-
3842
- .premium-blog-post-container .premium-blog-content-wrapper {
3843
- background-color: #f5f5f5;
3844
- padding: 30px;
3845
- }
3846
-
3847
- .premium-blog-post-container .premium-blog-content-wrapper.empty-thumb {
3848
- top: 0;
3849
- }
3850
-
3851
- .premium-blog-post-container:not(.premium-blog-skin-classic):not(.premium-blog-skin-side):not(.premium-blog-skin-banner)
3852
- .premium-blog-thumbnail-container:before,
3853
- .premium-blog-post-container:not(.premium-blog-skin-classic):not(.premium-blog-skin-side):not(.premium-blog-skin-banner)
3854
- .premium-blog-thumbnail-container:after {
3855
- position: absolute;
3856
- content: "";
3857
- z-index: 1;
3858
- top: 50%;
3859
- right: 50%;
3860
- opacity: 0;
3861
- -webkit-transform: translate(50%, -50%);
3862
- -ms-transform: translate(50%, -50%);
3863
- transform: translate(50%, -50%);
3864
- -webkit-transition: all 0.4s linear 0s;
3865
- transition: all 0.4s linear 0s;
3866
- height: 1px;
3867
- width: 100%;
3868
- background-color: #fff;
3869
- }
3870
-
3871
- .premium-blog-post-container:not(.premium-blog-skin-classic):not(.premium-blog-skin-side):not(.premium-blog-skin-banner)
3872
- .premium-blog-thumbnail-container:before {
3873
- width: 1px;
3874
- height: 100%;
3875
- }
3876
-
3877
- .premium-blog-post-container:not(.premium-blog-skin-classic):not(.premium-blog-skin-side):not(.premium-blog-skin-banner)
3878
- .premium-blog-thumb-effect-wrapper:hover
3879
- .premium-blog-thumbnail-container:after {
3880
- width: 20px;
3881
- opacity: 1;
3882
- }
3883
-
3884
- .premium-blog-post-container:not(.premium-blog-skin-classic):not(.premium-blog-skin-side):not(.premium-blog-skin-banner)
3885
- .premium-blog-thumb-effect-wrapper:hover
3886
- .premium-blog-thumbnail-container:before {
3887
- height: 20px;
3888
- opacity: 1;
3889
- }
3890
-
3891
- .premium-blog-post-container:not(.premium-blog-skin-classic):not(.premium-blog-skin-side):not(.premium-blog-skin-banner)
3892
- .premium-blog-content-wrapper {
3893
- margin: 0px 10px 20px;
3894
- clear: both;
3895
- }
3896
-
3897
- .premium-blog-post-container.premium-blog-skin-classic .premium-blog-thumbnail-overlay,
3898
- .premium-blog-post-container.premium-blog-skin-side .premium-blog-thumbnail-overlay,
3899
- .premium-blog-post-container.premium-blog-skin-banner .premium-blog-thumbnail-overlay {
3900
- position: absolute;
3901
- top: 0;
3902
- right: 0;
3903
- width: 100%;
3904
- height: 100%;
3905
- -webkit-transition: all 0.3s ease-in-out;
3906
- transition: all 0.3s ease-in-out;
3907
- opacity: 0;
3908
- }
3909
-
3910
- .premium-blog-post-container.premium-blog-skin-classic .premium-blog-thumbnail-overlay a,
3911
- .premium-blog-post-container.premium-blog-skin-side .premium-blog-thumbnail-overlay a,
3912
- .premium-blog-post-container.premium-blog-skin-banner .premium-blog-thumbnail-overlay a {
3913
- -js-display: flex;
3914
- display: -webkit-box;
3915
- display: -webkit-flex;
3916
- display: -moz-box;
3917
- display: -ms-flexbox;
3918
- display: flex;
3919
- -webkit-box-pack: center;
3920
- -webkit-justify-content: center;
3921
- -moz-box-pack: center;
3922
- -ms-flex-pack: center;
3923
- justify-content: center;
3924
- -webkit-box-align: center;
3925
- -webkit-align-items: center;
3926
- -moz-box-align: center;
3927
- -ms-flex-align: center;
3928
- align-items: center;
3929
- width: 100%;
3930
- height: 100%;
3931
- }
3932
-
3933
- .premium-blog-post-container.premium-blog-skin-classic .premium-blog-thumbnail-overlay span,
3934
- .premium-blog-post-container.premium-blog-skin-classic .premium-blog-thumbnail-overlay i,
3935
- .premium-blog-post-container.premium-blog-skin-side .premium-blog-thumbnail-overlay span,
3936
- .premium-blog-post-container.premium-blog-skin-side .premium-blog-thumbnail-overlay i,
3937
- .premium-blog-post-container.premium-blog-skin-banner .premium-blog-thumbnail-overlay span,
3938
- .premium-blog-post-container.premium-blog-skin-banner .premium-blog-thumbnail-overlay i {
3939
- -webkit-transition: all 0.3s ease-in-out;
3940
- transition: all 0.3s ease-in-out;
3941
- }
3942
-
3943
- .premium-blog-post-container.premium-blog-skin-side {
3944
- -js-display: flex;
3945
- display: -webkit-box;
3946
- display: -webkit-flex;
3947
- display: -moz-box;
3948
- display: -ms-flexbox;
3949
- display: flex;
3950
- }
3951
-
3952
- .premium-blog-post-container.premium-blog-skin-side .premium-blog-thumbnail-container {
3953
- height: 100%;
3954
- }
3955
-
3956
- .premium-blog-post-container.premium-blog-skin-side .premium-blog-content-wrapper {
3957
- -webkit-box-flex: 1;
3958
- -webkit-flex: 1;
3959
- -moz-box-flex: 1;
3960
- -ms-flex: 1;
3961
- flex: 1;
3962
- }
3963
-
3964
- .premium-blog-post-container.premium-blog-skin-banner {
3965
- position: relative;
3966
- }
3967
-
3968
- .premium-blog-post-container.premium-blog-skin-banner .premium-blog-content-wrapper {
3969
- position: absolute;
3970
- width: 100%;
3971
- bottom: 0;
3972
- -js-display: flex;
3973
- display: -webkit-box;
3974
- display: -webkit-flex;
3975
- display: -moz-box;
3976
- display: -ms-flexbox;
3977
- display: flex;
3978
- -webkit-box-orient: vertical;
3979
- -webkit-box-direction: normal;
3980
- -webkit-flex-direction: column;
3981
- -moz-box-orient: vertical;
3982
- -moz-box-direction: normal;
3983
- -ms-flex-direction: column;
3984
- flex-direction: column;
3985
- background-color: transparent;
3986
- z-index: 3;
3987
- }
3988
-
3989
- .premium-blog-post-container.premium-blog-skin-banner .premium-blog-content-wrapper-inner {
3990
- -webkit-transition: -webkit-transform 0.3s ease-in-out;
3991
- transition: -webkit-transform 0.3s ease-in-out;
3992
- transition: transform 0.3s ease-in-out;
3993
- transition: transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
3994
- }
3995
-
3996
- .premium-blog-post-container.premium-blog-skin-banner:hover .premium-blog-content-wrapper-inner {
3997
- -webkit-transform: translateY(-5px);
3998
- -ms-transform: translateY(-5px);
3999
- transform: translateY(-5px);
4000
- }
4001
-
4002
- .premium-blog-post-container .premium-blog-cats-container ul.post-categories {
4003
- margin: 0;
4004
- padding: 0;
4005
- list-style: none;
4006
- -js-display: flex;
4007
- display: -webkit-box;
4008
- display: -webkit-flex;
4009
- display: -moz-box;
4010
- display: -ms-flexbox;
4011
- display: flex;
4012
- }
4013
-
4014
- .premium-blog-post-container .premium-blog-cats-container a {
4015
- display: block;
4016
- font-size: 12px;
4017
- color: #fff;
4018
- background-color: #777;
4019
- margin: 0 0 10px 3px;
4020
- padding: 5px;
4021
- -webkit-transition: all 0.3s ease-in-out;
4022
- transition: all 0.3s ease-in-out;
4023
- }
4024
-
4025
- /*
4026
- * Diagonal Effect
4027
- */
4028
- .premium-blog-diagonal-container {
4029
- position: absolute;
4030
- top: 0;
4031
- right: 0;
4032
- width: 100%;
4033
- height: 100%;
4034
- }
4035
-
4036
- .premium-blog-diagonal-effect:before {
4037
- position: absolute;
4038
- top: 0px;
4039
- right: 0px;
4040
- width: 100%;
4041
- height: 100%;
4042
- content: " ";
4043
- z-index: 1;
4044
- background: rgba(255, 255, 255, 0.2);
4045
- -webkit-transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, -45deg) translate3d(0, -150%, 0);
4046
- transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, -45deg) translate3d(0, -150%, 0);
4047
- -webkit-transition: all 0.3s linear 0s;
4048
- transition: all 0.3s linear 0s;
4049
- }
4050
-
4051
- .premium-blog-thumb-effect-wrapper:hover .premium-blog-diagonal-effect:before {
4052
- -webkit-transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, -45deg) translate3d(0, 150%, 0);
4053
- transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, -45deg) translate3d(0, 150%, 0);
4054
- }
4055
-
4056
- /*
4057
- * Framed Effect
4058
- */
4059
- .premium-blog-framed-effect {
4060
- position: absolute;
4061
- width: -webkit-calc(100% - 30px);
4062
- width: calc(100% - 30px);
4063
- height: -webkit-calc(100% - 30px);
4064
- height: calc(100% - 30px);
4065
- top: 15px;
4066
- right: 15px;
4067
- opacity: 0;
4068
- -webkit-transform: scale(0.3);
4069
- -ms-transform: scale(0.3);
4070
- transform: scale(0.3);
4071
- -webkit-transition: all 0.3s linear 0s;
4072
- transition: all 0.3s linear 0s;
4073
- }
4074
-
4075
- .premium-blog-thumb-effect-wrapper:hover .premium-blog-framed-effect {
4076
- opacity: 0.99;
4077
- -webkit-transform: scale(1);
4078
- -ms-transform: scale(1);
4079
- transform: scale(1);
4080
- }
4081
-
4082
- /*
4083
- * Bordered Effect
4084
- */
4085
- .premium-blog-bordered-effect {
4086
- position: absolute;
4087
- top: 0;
4088
- right: 0;
4089
- width: 100%;
4090
- height: 100%;
4091
- opacity: 0;
4092
- padding: 15px;
4093
- -webkit-transition: all 0.3s linear 0s;
4094
- transition: all 0.3s linear 0s;
4095
- }
4096
-
4097
- .premium-blog-bordered-effect .premium-blog-post-link:before,
4098
- .premium-blog-bordered-effect .premium-blog-post-link:after {
4099
- content: "";
4100
- display: block;
4101
- position: absolute;
4102
- top: 0;
4103
- right: 0;
4104
- width: 100%;
4105
- height: 100%;
4106
- -webkit-transition: all 0.5s linear 0s;
4107
- transition: all 0.5s linear 0s;
4108
- -webkit-transition-delay: 0s;
4109
- transition-delay: 0s;
4110
- border-color: rgba(255, 255, 255, 0.45);
4111
- }
4112
-
4113
- .premium-blog-bordered-effect .premium-blog-post-link:before {
4114
- border-left: 2px solid;
4115
- border-right: 2px solid;
4116
- -webkit-transform: scale(1, 0);
4117
- -ms-transform: scale(1, 0);
4118
- transform: scale(1, 0);
4119
- -webkit-transform-origin: 0% 0;
4120
- -ms-transform-origin: 0% 0;
4121
- transform-origin: 0% 0;
4122
- }
4123
-
4124
- .premium-blog-bordered-effect .premium-blog-post-link:after {
4125
- border-top: 2px solid;
4126
- border-bottom: 2px solid;
4127
- -webkit-transform: scale(0, 1);
4128
- -ms-transform: scale(0, 1);
4129
- transform: scale(0, 1);
4130
- -webkit-transform-origin: 100% 0;
4131
- -ms-transform-origin: 100% 0;
4132
- transform-origin: 100% 0;
4133
- }
4134
-
4135
- .premium-blog-thumb-effect-wrapper:hover .premium-blog-bordered-effect {
4136
- opacity: 0.99;
4137
- }
4138
-
4139
- .premium-blog-thumb-effect-wrapper:hover .premium-blog-bordered-effect .premium-blog-post-link:before,
4140
- .premium-blog-thumb-effect-wrapper:hover .premium-blog-bordered-effect .premium-blog-post-link:after {
4141
- -webkit-transition-delay: 0.15s;
4142
- transition-delay: 0.15s;
4143
- opacity: 1;
4144
- -webkit-transform: scale(1);
4145
- -ms-transform: scale(1);
4146
- transform: scale(1);
4147
- }
4148
-
4149
- /*
4150
- * Squares Effect
4151
- */
4152
- .premium-blog-squares-effect,
4153
- .premium-blog-squares-square-container {
4154
- position: absolute;
4155
- top: 0;
4156
- right: 0;
4157
- width: 100%;
4158
- height: 100%;
4159
- }
4160
-
4161
- .premium-blog-squares-effect:before,
4162
- .premium-blog-squares-effect:after {
4163
- position: absolute;
4164
- content: "";
4165
- top: 0;
4166
- right: 0;
4167
- width: 50%;
4168
- height: 50%;
4169
- -webkit-transform: translate(100%, -100%);
4170
- -ms-transform: translate(100%, -100%);
4171
- transform: translate(100%, -100%);
4172
- opacity: 0.7;
4173
- -webkit-transition: all 0.3s linear 0s;
4174
- transition: all 0.3s linear 0s;
4175
- }
4176
-
4177
- .premium-blog-squares-square-container:before,
4178
- .premium-blog-squares-square-container:after {
4179
- position: absolute;
4180
- content: "";
4181
- top: 0;
4182
- right: 0;
4183
- width: 50%;
4184
- height: 50%;
4185
- -webkit-transform: translate(100%, -100%);
4186
- -ms-transform: translate(100%, -100%);
4187
- transform: translate(100%, -100%);
4188
- opacity: 0.7;
4189
- -webkit-transition: all 0.3s linear 0s;
4190
- transition: all 0.3s linear 0s;
4191
- }
4192
-
4193
- .premium-blog-squares-square-container:before,
4194
- .premium-blog-squares-square-container:after {
4195
- opacity: 0.8;
4196
- }
4197
-
4198
- .premium-blog-squares-effect:after {
4199
- -webkit-transform: translate(-200%, 200%);
4200
- -ms-transform: translate(-200%, 200%);
4201
- transform: translate(-200%, 200%);
4202
- }
4203
-
4204
- .premium-blog-squares-square-container:before {
4205
- -webkit-transform: translate(100%, 200%);
4206
- -ms-transform: translate(100%, 200%);
4207
- transform: translate(100%, 200%);
4208
- }
4209
-
4210
- .premium-blog-squares-square-container:after {
4211
- -webkit-transform: translate(-200%, -100%);
4212
- -ms-transform: translate(-200%, -100%);
4213
- transform: translate(-200%, -100%);
4214
- }
4215
-
4216
- .premium-blog-thumb-effect-wrapper:hover .premium-blog-squares-effect:before {
4217
- -webkit-transform: translate(0, 0%) scaleY(1.003) scaleX(1.003);
4218
- -ms-transform: translate(0, 0%) scaleY(1.003) scaleX(1.003);
4219
- transform: translate(0, 0%) scaleY(1.003) scaleX(1.003);
4220
- }
4221
-
4222
- .premium-blog-thumb-effect-wrapper:hover .premium-blog-squares-effect:after {
4223
- -webkit-transform: translate(-100%, 100%) scaleY(1.003) scaleX(1.003);
4224
- -ms-transform: translate(-100%, 100%) scaleY(1.003) scaleX(1.003);
4225
- transform: translate(-100%, 100%) scaleY(1.003) scaleX(1.003);
4226
- }
4227
-
4228
- .premium-blog-thumb-effect-wrapper:hover .premium-blog-squares-square-container:before {
4229
- -webkit-transform: translate(0, 100%);
4230
- -ms-transform: translate(0, 100%);
4231
- transform: translate(0, 100%);
4232
- }
4233
-
4234
- .premium-blog-thumb-effect-wrapper:hover .premium-blog-squares-square-container:after {
4235
- -webkit-transform: translate(-100%, 0%);
4236
- -ms-transform: translate(-100%, 0%);
4237
- transform: translate(-100%, 0%);
4238
- }
4239
-
4240
- .premium-blog-thumb-effect-wrapper:hover .premium-blog-thumbnail-overlay {
4241
- opacity: 1;
4242
- }
4243
-
4244
- .premium-blog-thumb-effect-wrapper:hover .premium-blog-thumbnail-overlay a {
4245
- opacity: 1;
4246
- -webkit-transform: scale(1);
4247
- -ms-transform: scale(1);
4248
- transform: scale(1);
4249
- }
4250
-
4251
- .premium-blog-clear-fix {
4252
- clear: both;
4253
- }
4254
-
4255
- .premium-blog-masked .premium-blog-thumbnail-container {
4256
- position: relative;
4257
- overflow: visible;
4258
- }
4259
- .premium-blog-masked .premium-blog-thumbnail-container svg {
4260
- position: absolute;
4261
- height: 100px;
4262
- width: 100%;
4263
- bottom: -5px;
4264
- right: 0;
4265
- fill: #f5f5f5;
4266
- z-index: 99;
4267
- }
4268
- .premium-blog-masked .premium-blog-thumbnail-container svg.premium-blog-shape-divider-svg {
4269
- -webkit-transform: rotate(180deg);
4270
- -ms-transform: rotate(180deg);
4271
- transform: rotate(180deg);
4272
- }
4273
-
4274
- .premium-blog-masked .premium-blog-author-thumbnail,
4275
- .premium-blog-masked .premium-blog-skin-banner .premium-blog-content-wrapper {
4276
- z-index: 999 !important;
4277
- }
4278
-
4279
- /*Post Format Container*/
4280
- .premium-blog-format-link {
4281
- padding: 5px;
4282
- line-height: 0;
4283
- }
4284
-
4285
- /*Post Format Icon*/
4286
- /*Post Format Content Margin */
4287
- .premium-blog-entry-meta {
4288
- line-height: 1.3em;
4289
- font-size: 12px;
4290
- margin-bottom: 13px;
4291
- color: #adadad;
4292
- }
4293
-
4294
- .premium-blog-entry-meta i {
4295
- margin-left: 3px;
4296
- -webkit-transition: all 0.3s ease-in-out;
4297
- transition: all 0.3s ease-in-out;
4298
- }
4299
-
4300
- .premium-blog-meta-data {
4301
- display: inline-block;
4302
- }
4303
-
4304
- .premium-blog-meta-data .premium-blog-meta-separator {
4305
- margin: 0 5px;
4306
- }
4307
-
4308
- .premium-blog-meta-data a,
4309
- .premium-blog-meta-data span {
4310
- color: inherit;
4311
- -webkit-transition: all 0.3s ease-in-out;
4312
- transition: all 0.3s ease-in-out;
4313
- }
4314
-
4315
- .premium-blog-author-thumbnail {
4316
- position: relative;
4317
- padding: 0 30px;
4318
- width: 100%;
4319
- top: -10px;
4320
- height: 0;
4321
- pointer-events: none;
4322
- }
4323
-
4324
- .premium-blog-author-thumbnail img {
4325
- -webkit-border-radius: 50%;
4326
- border-radius: 50%;
4327
- width: 60px;
4328
- pointer-events: all;
4329
- -webkit-transform: translateY(-50%);
4330
- -ms-transform: translateY(-50%);
4331
- transform: translateY(-50%);
4332
- }
4333
-
4334
- .premium-blog-entry-title a,
4335
- .premium-blog-post-tags-container a,
4336
- .premium-blog-post-content .premium-blog-excerpt-link {
4337
- -webkit-transition: all 0.3s ease-in-out;
4338
- transition: all 0.3s ease-in-out;
4339
- }
4340
-
4341
- .premium-blog-excerpt-link-wrap a.premium-blog-excerpt-link {
4342
- background-color: transparent;
4343
- color: #54595f;
4344
- padding: 0;
4345
- }
4346
-
4347
- .premium-blog-cta-full-yes .premium-blog-excerpt-link {
4348
- width: 100%;
4349
- }
4350
-
4351
- .premium-blog-post-tags-container {
4352
- margin-top: 8px;
4353
- -js-display: flex;
4354
- display: -webkit-box;
4355
- display: -webkit-flex;
4356
- display: -moz-box;
4357
- display: -ms-flexbox;
4358
- display: flex;
4359
- -webkit-box-align: center;
4360
- -webkit-align-items: center;
4361
- -moz-box-align: center;
4362
- -ms-flex-align: center;
4363
- align-items: center;
4364
- -webkit-flex-wrap: wrap;
4365
- -ms-flex-wrap: wrap;
4366
- flex-wrap: wrap;
4367
- }
4368
-
4369
- .premium-blog-post-tags-container a {
4370
- color: inherit;
4371
- margin-right: 5px;
4372
- }
4373
-
4374
- .premium-blog-align-center .post-categories,
4375
- .premium-blog-align-center .premium-blog-inner-container,
4376
- .premium-blog-align-center .premium-blog-post-tags-container {
4377
- -webkit-box-pack: center;
4378
- -webkit-justify-content: center;
4379
- -moz-box-pack: center;
4380
- -ms-flex-pack: center;
4381
- justify-content: center;
4382
- }
4383
-
4384
- .premium-blog-align-left .premium-blog-post-container:not(.premium-blog-skin-cards) .post-categories,
4385
- .premium-blog-align-left .premium-blog-post-container:not(.premium-blog-skin-cards) .premium-blog-inner-container,
4386
- .premium-blog-align-left .premium-blog-post-container:not(.premium-blog-skin-cards) .premium-blog-post-tags-container {
4387
- -webkit-box-pack: end;
4388
- -webkit-justify-content: flex-end;
4389
- -moz-box-pack: end;
4390
- -ms-flex-pack: end;
4391
- justify-content: flex-end;
4392
- }
4393
-
4394
- .premium-blog-align-left .premium-blog-post-container.premium-blog-skin-cards .post-categories,
4395
- .premium-blog-align-left .premium-blog-post-container.premium-blog-skin-cards .premium-blog-inner-container,
4396
- .premium-blog-align-left .premium-blog-post-container.premium-blog-skin-cards .premium-blog-post-tags-container {
4397
- -webkit-box-pack: start;
4398
- -webkit-justify-content: flex-start;
4399
- -moz-box-pack: start;
4400
- -ms-flex-pack: start;
4401
- justify-content: flex-start;
4402
- }
4403
-
4404
- .premium-blog-align-right .premium-blog-post-container:not(.premium-blog-skin-cards) .post-categories,
4405
- .premium-blog-align-right .premium-blog-post-container:not(.premium-blog-skin-cards) .premium-blog-inner-container,
4406
- .premium-blog-align-right .premium-blog-post-container:not(.premium-blog-skin-cards) .premium-blog-post-tags-container {
4407
- -webkit-box-pack: start;
4408
- -webkit-justify-content: flex-start;
4409
- -moz-box-pack: start;
4410
- -ms-flex-pack: start;
4411
- justify-content: flex-start;
4412
- }
4413
-
4414
- .premium-blog-align-right .premium-blog-post-container.premium-blog-skin-cards .post-categories,
4415
- .premium-blog-align-right .premium-blog-post-container.premium-blog-skin-cards .premium-blog-inner-container,
4416
- .premium-blog-align-right .premium-blog-post-container.premium-blog-skin-cards .premium-blog-post-tags-container {
4417
- -webkit-box-pack: end;
4418
- -webkit-justify-content: flex-end;
4419
- -moz-box-pack: end;
4420
- -ms-flex-pack: end;
4421
- justify-content: flex-end;
4422
- }
4423
-
4424
- /* Pagination */
4425
- .premium-blog-pagination-container {
4426
- text-align: left;
4427
- }
4428
-
4429
- .premium-blog-pagination-container span {
4430
- cursor: default;
4431
- }
4432
-
4433
- .premium-blog-pagination-container .page-numbers {
4434
- display: inline-block;
4435
- color: #000;
4436
- line-height: 1;
4437
- font-size: 1em;
4438
- font-weight: 400;
4439
- text-decoration: none;
4440
- padding: 0.75em;
4441
- margin: 0 0 0.4em 0.4em;
4442
- -webkit-transition: all 0.2s ease-in-out;
4443
- transition: all 0.2s ease-in-out;
4444
- }
4445
-
4446
- .premium-blog-wrap .premium-loading-feed {
4447
- display: block;
4448
- position: absolute;
4449
- width: 100%;
4450
- height: 100%;
4451
- top: 0px;
4452
- right: 0px;
4453
- bottom: 0px;
4454
- left: 0px;
4455
- background: rgba(255, 255, 255, 0.2);
4456
- -js-display: flex;
4457
- display: -webkit-box;
4458
- display: -webkit-flex;
4459
- display: -moz-box;
4460
- display: -ms-flexbox;
4461
- display: flex;
4462
- -webkit-box-align: center;
4463
- -webkit-align-items: center;
4464
- -moz-box-align: center;
4465
- -ms-flex-align: center;
4466
- align-items: center;
4467
- z-index: 99;
4468
- }
4469
-
4470
- .premium-blog-wrap {
4471
- -js-display: flex;
4472
- display: -webkit-box;
4473
- display: -webkit-flex;
4474
- display: -moz-box;
4475
- display: -ms-flexbox;
4476
- display: flex;
4477
- -webkit-flex-wrap: wrap;
4478
- -ms-flex-wrap: wrap;
4479
- flex-wrap: wrap;
4480
- }
4481
-
4482
- .premium-blog-wrap ul.slick-dots {
4483
- width: 100%;
4484
- }
4485
-
4486
- /**
4487
- * Even Layout
4488
- */
4489
- .premium-blog-even .premium-blog-post-container {
4490
- height: 100%;
4491
- }
4492
-
4493
- .premium-blog-even .slick-track {
4494
- -js-display: flex;
4495
- display: -webkit-box;
4496
- display: -webkit-flex;
4497
- display: -moz-box;
4498
- display: -ms-flexbox;
4499
- display: flex;
4500
- }
4501
-
4502
- .premium-blog-even .slick-slide {
4503
- height: inherit !important;
4504
- }
4505
-
4506
- /**
4507
- * Responsive Style
4508
- */
4509
- @media (max-width: 768px) {
4510
- .premium-blog-content-wrapper {
4511
- top: 0;
4512
- margin: 0;
4513
- padding: 15px;
4514
- }
4515
-
4516
- .premium-blog-thumb-effect-wrapper {
4517
- margin-bottom: 15px;
4518
- }
4519
- }
4520
-
4521
- [dir="rtl"] .premium-blog-wrap.slick-slider .slick-list,
4522
- [dir="rtl"] .premium-blog-wrap.slick-slider .slick-track {
4523
- direction: ltr;
4524
- }
4525
-
4526
- /************ Premium Team Members ************/
4527
- /*********************************************/
4528
- .premium-person-container {
4529
- position: relative;
4530
- }
4531
-
4532
- .premium-person-image-container {
4533
- position: relative;
4534
- text-align: center;
4535
- }
4536
-
4537
- .premium-person-image-container .premium-person-image-wrap {
4538
- overflow: hidden;
4539
- }
4540
-
4541
- .premium-person-zoomout-effect .premium-person-image-container img,
4542
- .premium-person-scale-effect .premium-person-image-container img {
4543
- -webkit-transform: scale(1.2);
4544
- -ms-transform: scale(1.2);
4545
- transform: scale(1.2);
4546
- }
4547
-
4548
- .premium-person-sepia-effect .premium-person-image-container img {
4549
- -webkit-filter: sepia(30%);
4550
- filter: sepia(30%);
4551
- }
4552
-
4553
- .premium-person-bright-effect .premium-person-image-container img {
4554
- -webkit-filter: brightness(1);
4555
- filter: brightness(1);
4556
- }
4557
-
4558
- .premium-person-trans-effect .premium-person-image-container img {
4559
- -webkit-transform: translateX(15px) scale(1.1);
4560
- -ms-transform: translateX(15px) scale(1.1);
4561
- transform: translateX(15px) scale(1.1);
4562
- }
4563
-
4564
- .premium-person-zoomin-effect:hover .premium-person-image-container img {
4565
- -webkit-transform: scale(1.2);
4566
- -ms-transform: scale(1.2);
4567
- transform: scale(1.2);
4568
- }
4569
-
4570
- .premium-person-zoomout-effect:hover .premium-person-image-container img {
4571
- -webkit-transform: scale(1.1);
4572
- -ms-transform: scale(1.1);
4573
- transform: scale(1.1);
4574
- }
4575
-
4576
- .premium-person-scale-effect:hover .premium-person-image-container img {
4577
- -webkit-transform: scale(1.3) rotate(-5deg);
4578
- -ms-transform: scale(1.3) rotate(-5deg);
4579
- transform: scale(1.3) rotate(-5deg);
4580
- }
4581
-
4582
- .premium-person-grayscale-effect:hover .premium-person-image-container img {
4583
- -webkit-filter: grayscale(100%);
4584
- filter: grayscale(100%);
4585
- }
4586
-
4587
- .premium-person-blur-effect:hover .premium-person-image-container img {
4588
- -webkit-filter: blur(3px);
4589
- filter: blur(3px);
4590
- }
4591
-
4592
- .premium-person-sepia-effect:hover .premium-person-image-container img {
4593
- -webkit-filter: sepia(0%);
4594
- filter: sepia(0%);
4595
- }
4596
-
4597
- .premium-person-bright-effect:hover .premium-person-image-container img {
4598
- -webkit-filter: brightness(1.2);
4599
- filter: brightness(1.2);
4600
- }
4601
-
4602
- .premium-person-trans-effect:hover .premium-person-image-container img {
4603
- -webkit-transform: translateX(0px) scale(1.1);
4604
- -ms-transform: translateX(0px) scale(1.1);
4605
- transform: translateX(0px) scale(1.1);
4606
- }
4607
-
4608
- .premium-person-container .premium-person-image-container img {
4609
- width: 100%;
4610
- height: 100%;
4611
- -o-object-fit: cover;
4612
- object-fit: cover;
4613
- -webkit-transition: all 0.5s ease-in-out;
4614
- transition: all 0.5s ease-in-out;
4615
- }
4616
-
4617
- .premium-person-style2 .premium-person-social {
4618
- position: absolute;
4619
- top: 0;
4620
- right: 0;
4621
- width: 100%;
4622
- height: 100%;
4623
- z-index: 2;
4624
- -js-display: flex;
4625
- display: -webkit-box;
4626
- display: -webkit-flex;
4627
- display: -moz-box;
4628
- display: -ms-flexbox;
4629
- display: flex;
4630
- -webkit-box-pack: center;
4631
- -webkit-justify-content: center;
4632
- -moz-box-pack: center;
4633
- -ms-flex-pack: center;
4634
- justify-content: center;
4635
- -webkit-box-align: center;
4636
- -webkit-align-items: center;
4637
- -moz-box-align: center;
4638
- -ms-flex-align: center;
4639
- align-items: center;
4640
- -webkit-box-shadow: inset 0 0 120px 0 rgba(0, 0, 0, 0.5);
4641
- box-shadow: inset 0 0 120px 0 rgba(0, 0, 0, 0.5);
4642
- -webkit-transition: all 0.5s linear 0s;
4643
- transition: all 0.5s linear 0s;
4644
- opacity: 0;
4645
- }
4646
-
4647
- .premium-person-style2 .premium-person-image-container:hover .premium-person-social {
4648
- opacity: 1;
4649
- }
4650
-
4651
- .premium-person-list-item a {
4652
- display: inline-block;
4653
- }
4654
-
4655
- .premium-person-style2 .premium-person-list-item a {
4656
- opacity: 0;
4657
- -webkit-transform: scale(0);
4658
- -ms-transform: scale(0);
4659
- transform: scale(0);
4660
- -webkit-transition: all 0.5s ease-in-out 0s;
4661
- transition: all 0.5s ease-in-out 0s;
4662
- }
4663
-
4664
- .premium-person-style2 .premium-person-image-container:hover .premium-person-list-item a {
4665
- opacity: 1;
4666
- -webkit-transform: scale(1);
4667
- -ms-transform: scale(1);
4668
- transform: scale(1);
4669
- }
4670
-
4671
- .premium-person-info-container {
4672
- padding: 30px 15px;
4673
- }
4674
-
4675
- .premium-person-name {
4676
- margin: 0 0 5px;
4677
- font-weight: 700;
4678
- }
4679
-
4680
- .premium-person-title {
4681
- margin: 0 0 20px;
4682
- padding: 0;
4683
- }
4684
-
4685
- .premium-person-content {
4686
- margin: 0 0 30px;
4687
- }
4688
-
4689
- /*Override Theme List Margin*/
4690
- ul.premium-person-social-list {
4691
- margin: 0px !important;
4692
- padding: 0;
4693
- }
4694
-
4695
- .premium-person-social-list .premium-person-list-item {
4696
- display: inline;
4697
- list-style: none;
4698
- }
4699
-
4700
- .premium-person-social-list li {
4701
- position: relative;
4702
- bottom: 0px;
4703
- -webkit-transition: all 0.2s ease-in-out;
4704
- transition: all 0.2s ease-in-out;
4705
- }
4706
-
4707
- .premium-person-social-list li i {
4708
- position: relative;
4709
- bottom: 0px;
4710
- -webkit-transition: all 0.2s ease-in-out;
4711
- transition: all 0.2s ease-in-out;
4712
- }
4713
-
4714
- .premium-person-defaults-yes li.premium-person-facebook:hover a {
4715
- background-color: #3b5998 !important;
4716
- }
4717
-
4718
- .premium-person-defaults-yes li.premium-person-twitter:hover a {
4719
- background-color: #55acee !important;
4720
- }
4721
-
4722
- .premium-person-defaults-yes li.premium-person-linkedin:hover a {
4723
- background-color: #0077b5 !important;
4724
- }
4725
-
4726
- .premium-person-defaults-yes li.premium-person-google:hover a {
4727
- background-color: #dc4e41 !important;
4728
- }
4729
-
4730
- .premium-person-defaults-yes li.premium-person-youtube:hover a {
4731
- background-color: #b31217 !important;
4732
- }
4733
-
4734
- .premium-person-defaults-yes li.premium-person-instagram:hover a {
4735
- background-color: #e4405f !important;
4736
- }
4737
-
4738
- .premium-person-defaults-yes li.premium-person-skype:hover a {
4739
- background-color: #00aff0 !important;
4740
- }
4741
-
4742
- .premium-person-defaults-yes li.premium-person-pinterest:hover a {
4743
- background-color: #bd081c !important;
4744
- }
4745
-
4746
- .premium-person-defaults-yes li.premium-person-dribbble:hover a {
4747
- background-color: #ea4c89 !important;
4748
- }
4749
-
4750
- .premium-person-defaults-yes li.premium-person-mail:hover a {
4751
- background-color: #b23121 !important;
4752
- }
4753
-
4754
- .premium-person-defaults-yes li.premium-person-behance:hover a {
4755
- background-color: #1769ff !important;
4756
- }
4757
-
4758
- .premium-person-defaults-yes li.premium-person-whatsapp:hover a {
4759
- background-color: #25d366 !important;
4760
- }
4761
-
4762
- .premium-person-defaults-yes li.premium-person-telegram:hover a {
4763
- background-color: #0088cc !important;
4764
- }
4765
-
4766
- .premium-person-defaults-yes li.premium-person-site:hover a {
4767
- background-color: #0055a5 !important;
4768
- }
4769
-
4770
- .premium-person-social-list li:hover a {
4771
- -webkit-box-shadow: none;
4772
- box-shadow: none;
4773
- }
4774
-
4775
- .premium-person-social-list li a:focus {
4776
- -webkit-box-shadow: none;
4777
- box-shadow: none;
4778
- outline: none;
4779
- }
4780
-
4781
- .premium-person-social-list li i {
4782
- font-size: 18px;
4783
- }
4784
-
4785
- .elementor-widget-premium-addon-person .elementor-widget-container {
4786
- -js-display: flex;
4787
- display: -webkit-box;
4788
- display: -webkit-flex;
4789
- display: -moz-box;
4790
- display: -ms-flexbox;
4791
- display: flex;
4792
- -webkit-box-pack: center;
4793
- -webkit-justify-content: center;
4794
- -moz-box-pack: center;
4795
- -ms-flex-pack: center;
4796
- justify-content: center;
4797
- }
4798
-
4799
- .premium-persons-container.multiple-persons {
4800
- -js-display: flex;
4801
- display: -webkit-box;
4802
- display: -webkit-flex;
4803
- display: -moz-box;
4804
- display: -ms-flexbox;
4805
- display: flex;
4806
- -webkit-flex-wrap: wrap;
4807
- -ms-flex-wrap: wrap;
4808
- flex-wrap: wrap;
4809
- width: 100%;
4810
- }
4811
-
4812
- .premium-person-style1 .premium-person-container {
4813
- overflow: hidden;
4814
- }
4815
-
4816
- .premium-person-style1 .premium-person-container .premium-person-info {
4817
- position: absolute;
4818
- top: auto;
4819
- left: 0;
4820
- right: 0;
4821
- -webkit-transition: all 500ms ease 0s;
4822
- transition: all 500ms ease 0s;
4823
- -webkit-transform: translate3d(0, 100%, 0);
4824
- transform: translate3d(0, 100%, 0);
4825
- }
4826
-
4827
- .premium-person-style1 .premium-person-container:hover .premium-person-info {
4828
- -webkit-transform: translate3d(0, 0, 0);
4829
- transform: translate3d(0, 0, 0);
4830
- bottom: -1px !important;
4831
- }
4832
-
4833
- .premium-person-style1 .premium-person-social-list li:hover {
4834
- bottom: 5px;
4835
- }
4836
-
4837
- .premium-person-style1.multiple-persons:not([data-persons-equal="yes"]) {
4838
- -webkit-box-align: start;
4839
- -webkit-align-items: flex-start;
4840
- -moz-box-align: start;
4841
- -ms-flex-align: start;
4842
- align-items: flex-start;
4843
- }
4844
-
4845
- .premium-person-style1 .slick-track {
4846
- -js-display: flex;
4847
- display: -webkit-box;
4848
- display: -webkit-flex;
4849
- display: -moz-box;
4850
- display: -ms-flexbox;
4851
- display: flex;
4852
- }
4853
-
4854
- .premium-person-style1 .slick-slide {
4855
- height: inherit !important;
4856
- }
4857
-
4858
- .premium-person-style1.multiple-persons[data-persons-equal="yes"] .premium-person-image-container,
4859
- .premium-person-style1.multiple-persons[data-persons-equal="yes"] .premium-person-image-wrap {
4860
- height: 100%;
4861
- }
4862
-
4863
- .premium-person-style3 .premium-person-info-container {
4864
- position: absolute;
4865
- top: 0;
4866
- right: 0;
4867
- width: 100%;
4868
- height: 100%;
4869
- -js-display: flex;
4870
- display: -webkit-box;
4871
- display: -webkit-flex;
4872
- display: -moz-box;
4873
- display: -ms-flexbox;
4874
- display: flex;
4875
- -webkit-box-orient: vertical;
4876
- -webkit-box-direction: normal;
4877
- -webkit-flex-direction: column;
4878
- -moz-box-orient: vertical;
4879
- -moz-box-direction: normal;
4880
- -ms-flex-direction: column;
4881
- flex-direction: column;
4882
- -webkit-box-pack: justify;
4883
- -webkit-justify-content: space-between;
4884
- -moz-box-pack: justify;
4885
- -ms-flex-pack: justify;
4886
- justify-content: space-between;
4887
- }
4888
-
4889
- .premium-person-style3 .premium-person-title-desc-wrap {
4890
- -js-display: flex;
4891
- display: -webkit-box;
4892
- display: -webkit-flex;
4893
- display: -moz-box;
4894
- display: -ms-flexbox;
4895
- display: flex;
4896
- -webkit-box-orient: horizontal;
4897
- -webkit-box-direction: reverse;
4898
- -webkit-flex-direction: row-reverse;
4899
- -moz-box-orient: horizontal;
4900
- -moz-box-direction: reverse;
4901
- -ms-flex-direction: row-reverse;
4902
- flex-direction: row-reverse;
4903
- -webkit-box-pack: justify;
4904
- -webkit-justify-content: space-between;
4905
- -moz-box-pack: justify;
4906
- -ms-flex-pack: justify;
4907
- justify-content: space-between;
4908
- -webkit-box-align: start;
4909
- -webkit-align-items: flex-start;
4910
- -moz-box-align: start;
4911
- -ms-flex-align: start;
4912
- align-items: flex-start;
4913
- }
4914
-
4915
- .premium-person-style3 .premium-person-name-icons-wrap {
4916
- -js-display: flex;
4917
- display: -webkit-box;
4918
- display: -webkit-flex;
4919
- display: -moz-box;
4920
- display: -ms-flexbox;
4921
- display: flex;
4922
- -webkit-box-pack: justify;
4923
- -webkit-justify-content: space-between;
4924
- -moz-box-pack: justify;
4925
- -ms-flex-pack: justify;
4926
- justify-content: space-between;
4927
- -webkit-box-align: end;
4928
- -webkit-align-items: flex-end;
4929
- -moz-box-align: end;
4930
- -ms-flex-align: end;
4931
- align-items: flex-end;
4932
- }
4933
-
4934
- .premium-person-style3 .premium-person-title {
4935
- opacity: 0;
4936
- -webkit-transition: all 0.3s ease;
4937
- transition: all 0.3s ease;
4938
- width: 0;
4939
- }
4940
-
4941
- .premium-person-style3 .premium-person-title span {
4942
- display: inline-block;
4943
- }
4944
-
4945
- .premium-person-style3 .premium-person-name {
4946
- padding-right: 10px;
4947
- }
4948
-
4949
- .premium-person-style3 .premium-person-social-list {
4950
- -js-display: flex;
4951
- display: -webkit-box;
4952
- display: -webkit-flex;
4953
- display: -moz-box;
4954
- display: -ms-flexbox;
4955
- display: flex;
4956
- -webkit-box-orient: vertical;
4957
- -webkit-box-direction: normal;
4958
- -webkit-flex-direction: column;
4959
- -moz-box-orient: vertical;
4960
- -moz-box-direction: normal;
4961
- -ms-flex-direction: column;
4962
- flex-direction: column;
4963
- -webkit-transform: translateY(20px);
4964
- -ms-transform: translateY(20px);
4965
- transform: translateY(20px);
4966
- opacity: 0;
4967
- -webkit-transition: all 0.3s ease;
4968
- transition: all 0.3s ease;
4969
- }
4970
-
4971
- .premium-person-style3 .premium-person-list-item {
4972
- line-height: 0;
4973
- }
4974
-
4975
- .premium-person-style3 .premium-person-list-item a {
4976
- padding: 5px 0 0 10px;
4977
- margin: 5px 0;
4978
- }
4979
-
4980
- .premium-person-style3 .premium-person-container:hover .premium-person-title {
4981
- opacity: 1;
4982
- }
4983
-
4984
- .premium-person-style3 .premium-person-container:hover .premium-person-social-list {
4985
- opacity: 1;
4986
- -webkit-transform: translateY(0);
4987
- -ms-transform: translateY(0);
4988
- transform: translateY(0);
4989
- }
4990
-
4991
- .premium-persons-title-cw .premium-person-title {
4992
- -webkit-transform: translateX(-15px) rotate(-90deg);
4993
- -ms-transform: translateX(-15px) rotate(-90deg);
4994
- transform: translateX(-15px) rotate(-90deg);
4995
- -webkit-transform-origin: top;
4996
- -ms-transform-origin: top;
4997
- transform-origin: top;
4998
- }
4999
-
5000
- .premium-persons-title-cw .premium-person-container:hover .premium-person-title {
5001
- -webkit-transform: translateX(0) rotate(-90deg);
5002
- -ms-transform: translateX(0) rotate(-90deg);
5003
- transform: translateX(0) rotate(-90deg);
5004
- }
5005
-
5006
- .premium-persons-title-ccw .premium-person-title {
5007
- width: auto;
5008
- margin-left: 20px;
5009
- -webkit-transform: translateX(-15px) rotate(90deg);
5010
- -ms-transform: translateX(-15px) rotate(90deg);
5011
- transform: translateX(-15px) rotate(90deg);
5012
- -webkit-transform-origin: center left;
5013
- -ms-transform-origin: center left;
5014
- transform-origin: center left;
5015
- }
5016
-
5017
- .premium-persons-title-ccw .premium-person-container:hover .premium-person-title {
5018
- -webkit-transform: translateX(0) rotate(90deg);
5019
- -ms-transform: translateX(0) rotate(90deg);
5020
- transform: translateX(0) rotate(90deg);
5021
- }
5022
-
5023
- /**************** Premium Fancy Text *******************/
5024
- /*******************************************************/
5025
- .premium-suffix-text,
5026
- .premium-fancy-text,
5027
- .premium-prefix-text {
5028
- font-size: 40px;
5029
- }
5030
-
5031
- .premium-fancy-text-wrapper .premium-fancy-list-items {
5032
- list-style: none;
5033
- }
5034
-
5035
- .premium-fancy-text-wrapper .premium-fancy-text-span-align {
5036
- vertical-align: top;
5037
- }
5038
-
5039
- .premium-fancy-text-wrapper:not(.typing):not(.slide) .premium-fancy-text-items-wrapper {
5040
- margin: 0;
5041
- padding: 0;
5042
- border: none;
5043
- position: relative;
5044
- }
5045
-
5046
- .premium-fancy-text-wrapper:not(.typing):not(.slide) .premium-fancy-list-items {
5047
- position: absolute;
5048
- top: 0;
5049
- right: 0;
5050
- display: inline-block;
5051
- }
5052
-
5053
- .premium-fancy-text-wrapper.zoomout .premium-fancy-item-hidden {
5054
- opacity: 0;
5055
- -webkit-animation: pa-zoom-out 0.8s;
5056
- animation: pa-zoom-out 0.8s;
5057
- }
5058
-
5059
- .premium-fancy-text-wrapper.zoomout .premium-fancy-item-visible {
5060
- position: relative !important;
5061
- -webkit-animation: pa-zoom-in 0.8s;
5062
- animation: pa-zoom-in 0.8s;
5063
- }
5064
-
5065
- .premium-fancy-text-wrapper.zoomout .premium-fancy-text-items-wrapper {
5066
- -webkit-perspective: 300px;
5067
- perspective: 300px;
5068
- }
5069
-
5070
- .premium-fancy-text-wrapper.rotate .premium-fancy-list-items {
5071
- -webkit-transform-origin: 50% 100%;
5072
- -ms-transform-origin: 50% 100%;
5073
- transform-origin: 50% 100%;
5074
- }
5075
-
5076
- .premium-fancy-text-wrapper.rotate .premium-fancy-item-hidden {
5077
- opacity: 0;
5078
- -webkit-transform: rotateX(180deg);
5079
- -ms-transform: rotateX(180deg);
5080
- transform: rotateX(180deg);
5081
- -webkit-animation: pa-rotate-out 1.2s;
5082
- animation: pa-rotate-out 1.2s;
5083
- }
5084
-
5085
- .premium-fancy-text-wrapper.rotate .premium-fancy-item-visible {
5086
- position: relative !important;
5087
- -webkit-transform: rotateX(0deg);
5088
- -ms-transform: rotateX(0deg);
5089
- transform: rotateX(0deg);
5090
- -webkit-animation: pa-rotate-in 1.2s;
5091
- animation: pa-rotate-in 1.2s;
5092
- }
5093
-
5094
- .premium-fancy-text-wrapper.bar .premium-fancy-text-items-wrapper::after {
5095
- position: absolute;
5096
- content: "";
5097
- right: 0;
5098
- bottom: 0;
5099
- width: 0;
5100
- height: 3px;
5101
- background: #000;
5102
- }
5103
-
5104
- .premium-fancy-text-wrapper.bar .premium-fancy-text-items-wrapper.active::after {
5105
- width: 100%;
5106
- -webkit-transition: width 3s ease-in-out;
5107
- transition: width 3s ease-in-out;
5108
- }
5109
-
5110
- .premium-fancy-text-wrapper.bar .premium-fancy-list-items {
5111
- opacity: 0;
5112
- }
5113
-
5114
- .premium-fancy-text-wrapper.bar .premium-fancy-item-visible {
5115
- opacity: 1;
5116
- -webkit-transition: opacity 2s ease-in-out;
5117
- transition: opacity 2s ease-in-out;
5118
- position: relative !important;
5119
- }
5120
-
5121
- .premium-fancy-text-wrapper.auto-fade .premium-fancy-text {
5122
- display: inline-block;
5123
- width: 200px;
5124
- font-weight: 400;
5125
- }
5126
-
5127
- .premium-fancy-text-wrapper.auto-fade .premium-fancy-svg-text {
5128
- position: relative;
5129
- vertical-align: sub;
5130
- }
5131
-
5132
- .premium-fancy-text-wrapper.auto-fade g > text {
5133
- text-anchor: start;
5134
- shape-rendering: crispEdges;
5135
- opacity: 0;
5136
- font-size: 300px;
5137
- -webkit-animation-name: pa-auto-fade;
5138
- animation-name: pa-auto-fade;
5139
- -moz-animation-name: pa-auto-fade;
5140
- -webkit-animation-duration: 9s;
5141
- animation-duration: 9s;
5142
- -webkit-animation-timing-function: linear;
5143
- animation-timing-function: linear;
5144
- -webkit-animation-iteration-count: infinite;
5145
- animation-iteration-count: infinite;
5146
- }
5147
-
5148
- .premium-fancy-text-wrapper.auto-fade g > text:nth-child(1) {
5149
- -webkit-animation-delay: 0s;
5150
- animation-delay: 0s;
5151
- }
5152
-
5153
- .premium-fancy-text-wrapper.auto-fade g > text:nth-child(2) {
5154
- -webkit-animation-delay: 3s;
5155
- animation-delay: 3s;
5156
- }
5157
-
5158
- .premium-fancy-text-wrapper.auto-fade g > text:nth-child(3) {
5159
- -webkit-animation-delay: 6s;
5160
- animation-delay: 6s;
5161
- }
5162
-
5163
- @-webkit-keyframes pa-auto-fade {
5164
- 0% {
5165
- opacity: 0;
5166
- }
5167
- 20% {
5168
- opacity: 1;
5169
- }
5170
- 35% {
5171
- opacity: 0;
5172
- }
5173
- 100% {
5174
- opacity: 0;
5175
- }
5176
- }
5177
-
5178
- @keyframes pa-auto-fade {
5179
- 0% {
5180
- opacity: 0;
5181
- }
5182
- 20% {
5183
- opacity: 1;
5184
- }
5185
- 35% {
5186
- opacity: 0;
5187
- }
5188
- 100% {
5189
- opacity: 0;
5190
- }
5191
- }
5192
-
5193
- @-webkit-keyframes pa-zoom-in {
5194
- 0% {
5195
- opacity: 0;
5196
- -webkit-transform: translateZ(100px);
5197
- transform: translateZ(100px);
5198
- }
5199
-
5200
- 100% {
5201
- opacity: 1;
5202
- -webkit-transform: translateZ(0);
5203
- transform: translateZ(0);
5204
- }
5205
- }
5206
-
5207
- @keyframes pa-zoom-in {
5208
- 0% {
5209
- opacity: 0;
5210
- -webkit-transform: translateZ(100px);
5211
- transform: translateZ(100px);
5212
- }
5213
-
5214
- 100% {
5215
- opacity: 1;
5216
- -webkit-transform: translateZ(0);
5217
- transform: translateZ(0);
5218
- }
5219
- }
5220
-
5221
- @-webkit-keyframes pa-zoom-out {
5222
- 0% {
5223
- opacity: 1;
5224
- -webkit-transform: translateZ(0);
5225
- transform: translateZ(0);
5226
- }
5227
-
5228
- 100% {
5229
- opacity: 0;
5230
- -webkit-transform: translateZ(-100px);
5231
- transform: translateZ(-100px);
5232
- }
5233
- }
5234
-
5235
- @keyframes pa-zoom-out {
5236
- 0% {
5237
- opacity: 1;
5238
- -webkit-transform: translateZ(0);
5239
- transform: translateZ(0);
5240
- }
5241
-
5242
- 100% {
5243
- opacity: 0;
5244
- -webkit-transform: translateZ(-100px);
5245
- transform: translateZ(-100px);
5246
- }
5247
- }
5248
-
5249
- @-webkit-keyframes pa-rotate-in {
5250
- 0% {
5251
- opacity: 0;
5252
- -webkit-transform: rotateX(180deg);
5253
- transform: rotateX(180deg);
5254
- }
5255
-
5256
- 35% {
5257
- opacity: 0;
5258
- -webkit-transform: rotateX(120deg);
5259
- transform: rotateX(120deg);
5260
- }
5261
-
5262
- 65% {
5263
- opacity: 0;
5264
- }
5265
-
5266
- 100% {
5267
- opacity: 1;
5268
- -webkit-transform: rotateX(360deg);
5269
- transform: rotateX(360deg);
5270
- }
5271
- }
5272
-
5273
- @keyframes pa-rotate-in {
5274
- 0% {
5275
- opacity: 0;
5276
- -webkit-transform: rotateX(180deg);
5277
- transform: rotateX(180deg);
5278
- }
5279
-
5280
- 35% {
5281
- opacity: 0;
5282
- -webkit-transform: rotateX(120deg);
5283
- transform: rotateX(120deg);
5284
- }
5285
-
5286
- 65% {
5287
- opacity: 0;
5288
- }
5289
-
5290
- 100% {
5291
- opacity: 1;
5292
- -webkit-transform: rotateX(360deg);
5293
- transform: rotateX(360deg);
5294
- }
5295
- }
5296
-
5297
- @-webkit-keyframes pa-rotate-out {
5298
- 0% {
5299
- opacity: 1;
5300
- -webkit-transform: rotateX(0deg);
5301
- transform: rotateX(0deg);
5302
- }
5303
-
5304
- 35% {
5305
- opacity: 1;
5306
- -webkit-transform: rotateX(-40deg);
5307
- transform: rotateX(-40deg);
5308
- }
5309
-
5310
- 65% {
5311
- opacity: 0;
5312
- }
5313
-
5314
- 100% {
5315
- opacity: 0;
5316
- -webkit-transform: rotateX(180deg);
5317
- transform: rotateX(180deg);
5318
- }
5319
- }
5320
-
5321
- @keyframes pa-rotate-out {
5322
- 0% {
5323
- opacity: 1;
5324
- -webkit-transform: rotateX(0deg);
5325
- transform: rotateX(0deg);
5326
- }
5327
-
5328
- 35% {
5329
- opacity: 1;
5330
- -webkit-transform: rotateX(-40deg);
5331
- transform: rotateX(-40deg);
5332
- }
5333
-
5334
- 65% {
5335
- opacity: 0;
5336
- }
5337
-
5338
- 100% {
5339
- opacity: 0;
5340
- -webkit-transform: rotateX(180deg);
5341
- transform: rotateX(180deg);
5342
- }
5343
- }
5344
-
5345
- /**************** Premium Pricing Table ****************/
5346
- /*******************************************************/
5347
- .premium-pricing-table-container {
5348
- position: relative;
5349
- overflow: hidden;
5350
- text-align: center;
5351
- -webkit-transition: all 0.3s ease-in-out;
5352
- transition: all 0.3s ease-in-out;
5353
- }
5354
-
5355
- .premium-pricing-icon-container {
5356
- -js-display: flex;
5357
- display: -webkit-box;
5358
- display: -webkit-flex;
5359
- display: -moz-box;
5360
- display: -ms-flexbox;
5361
- display: flex;
5362
- -webkit-box-pack: center;
5363
- -webkit-justify-content: center;
5364
- -moz-box-pack: center;
5365
- -ms-flex-pack: center;
5366
- justify-content: center;
5367
- line-height: 0;
5368
- }
5369
-
5370
- .premium-pricing-icon-container .premium-pricing-icon {
5371
- display: inline-block;
5372
- }
5373
-
5374
- .premium-pricing-icon-container .premium-pricing-image {
5375
- overflow: hidden;
5376
- }
5377
-
5378
- .premium-pricing-icon-container .premium-pricing-image img {
5379
- width: 25px;
5380
- height: 25px;
5381
- -o-object-fit: cover;
5382
- object-fit: cover;
5383
- }
5384
-
5385
- .premium-badge-left {
5386
- position: absolute;
5387
- top: 0;
5388
- }
5389
-
5390
- .premium-badge-right {
5391
- position: absolute;
5392
- top: 0;
5393
- right: 0;
5394
- }
5395
-
5396
- .premium-badge-left {
5397
- left: 0;
5398
- }
5399
-
5400
- .premium-badge-triangle.premium-badge-left .corner {
5401
- width: 0;
5402
- height: 0;
5403
- border-top: 150px solid;
5404
- border-bottom: 150px solid transparent;
5405
- border-right: 150px solid transparent;
5406
- }
5407
-
5408
- .premium-badge-triangle.premium-badge-right .corner {
5409
- width: 0;
5410
- height: 0;
5411
- border-bottom: 150px solid transparent;
5412
- border-right: 150px solid;
5413
- border-left: 150px solid transparent;
5414
- }
5415
-
5416
- .premium-badge-triangle span {
5417
- position: absolute;
5418
- top: 35px;
5419
- width: 100px;
5420
- text-align: center;
5421
- -webkit-transform: rotate(-45deg);
5422
- -ms-transform: rotate(-45deg);
5423
- transform: rotate(-45deg);
5424
- display: block;
5425
- text-transform: uppercase;
5426
- }
5427
-
5428
- .premium-badge-triangle.premium-badge-right span {
5429
- -webkit-transform: rotate(45deg);
5430
- -ms-transform: rotate(45deg);
5431
- transform: rotate(45deg);
5432
- right: 0;
5433
- }
5434
-
5435
- .premium-badge-circle {
5436
- min-width: 4em;
5437
- min-height: 4em;
5438
- line-height: 4em;
5439
- text-align: center;
5440
- -webkit-border-radius: 100%;
5441
- border-radius: 100%;
5442
- position: absolute;
5443
- z-index: 1;
5444
- }
5445
-
5446
- .premium-badge-stripe {
5447
- position: absolute;
5448
- -webkit-transform: rotate(90deg);
5449
- -ms-transform: rotate(90deg);
5450
- transform: rotate(90deg);
5451
- width: 15em;
5452
- overflow: hidden;
5453
- height: 15em;
5454
- }
5455
-
5456
- .premium-badge-stripe.premium-badge-left {
5457
- -webkit-transform: rotate(0);
5458
- -ms-transform: rotate(0);
5459
- transform: rotate(0);
5460
- }
5461
-
5462
- .premium-badge-stripe .corner {
5463
- text-align: center;
5464
- left: 0;
5465
- width: 150%;
5466
- -webkit-transform: translateY(-50%) translateX(-50%) translateX(35px) rotate(-45deg);
5467
- -ms-transform: translateY(-50%) translateX(-50%) translateX(35px) rotate(-45deg);
5468
- transform: translateY(-50%) translateX(-50%) translateX(35px) rotate(-45deg);
5469
- margin-top: 35px;
5470
- font-size: 13px;
5471
- line-height: 2;
5472
- font-weight: 800;
5473
- text-transform: uppercase;
5474
- }
5475
-
5476
- .premium-badge-flag .corner {
5477
- text-align: center;
5478
- -webkit-border-radius: 4px 4px 0 4px;
5479
- border-radius: 4px 4px 0 4px;
5480
- padding: 3px 15px;
5481
- position: absolute;
5482
- top: 10%;
5483
- right: -8px;
5484
- }
5485
-
5486
- .premium-badge-flag .corner::before,
5487
- .premium-badge-flag .corner::after {
5488
- content: "";
5489
- display: block;
5490
- position: absolute;
5491
- width: 0;
5492
- height: 0;
5493
- top: 100%;
5494
- right: 0;
5495
- border-bottom: 8px solid transparent;
5496
- }
5497
-
5498
- .elementor-widget-premium-addon-pricing-table .elementor-widget-container {
5499
- overflow: visible !important;
5500
- }
5501
-
5502
- .premium-badge-flag .corner::after {
5503
- border-left: 8px solid rgba(0, 0, 0, 0.2);
5504
- }
5505
-
5506
- .premium-pricing-price-currency {
5507
- position: relative;
5508
- }
5509
-
5510
- .premium-pricing-button-container {
5511
- display: block;
5512
- }
5513
-
5514
- .premium-pricing-list {
5515
- -js-display: flex;
5516
- display: -webkit-box;
5517
- display: -webkit-flex;
5518
- display: -moz-box;
5519
- display: -ms-flexbox;
5520
- display: flex;
5521
- -webkit-box-orient: vertical;
5522
- -webkit-box-direction: normal;
5523
- -webkit-flex-direction: column;
5524
- -moz-box-orient: vertical;
5525
- -moz-box-direction: normal;
5526
- -ms-flex-direction: column;
5527
- flex-direction: column;
5528
- list-style-type: none;
5529
- margin: 0;
5530
- }
5531
-
5532
- .premium-pricing-list .premium-pricing-list-item {
5533
- -js-display: flex;
5534
- display: -webkit-box;
5535
- display: -webkit-flex;
5536
- display: -moz-box;
5537
- display: -ms-flexbox;
5538
- display: flex;
5539
- -webkit-box-align: center;
5540
- -webkit-align-items: center;
5541
- -moz-box-align: center;
5542
- -ms-flex-align: center;
5543
- align-items: center;
5544
- }
5545
-
5546
- .premium-pricing-list .premium-pricing-list-item svg {
5547
- width: 50px;
5548
- height: 50px;
5549
- }
5550
-
5551
- .premium-pricing-list .premium-pricing-list-item img {
5552
- width: 30px;
5553
- height: 30px;
5554
- -o-object-fit: cover;
5555
- object-fit: cover;
5556
- }
5557
-
5558
- .premium-pricing-list .premium-pricing-list-span {
5559
- position: relative;
5560
- }
5561
-
5562
- .premium-pricing-list .list-item-tooltip {
5563
- border-bottom: 1px dotted;
5564
- }
5565
-
5566
- .premium-pricing-list .premium-pricing-list-tooltip {
5567
- position: absolute;
5568
- top: -webkit-calc(100% + 1px);
5569
- top: calc(100% + 1px);
5570
- right: 0;
5571
- visibility: hidden;
5572
- padding: 15px 20px;
5573
- -webkit-border-radius: 5px;
5574
- border-radius: 5px;
5575
- min-width: 200px;
5576
- overflow: hidden;
5577
- text-align: right;
5578
- font-size: 0.8rem;
5579
- color: #fff;
5580
- background-color: #aaa;
5581
- }
5582
-
5583
- .premium-pricing-features-left .premium-pricing-list-span {
5584
- text-align: right;
5585
- }
5586
-
5587
- .premium-pricing-features-center .premium-pricing-list-span {
5588
- text-align: center;
5589
- }
5590
-
5591
- .premium-pricing-features-right .premium-pricing-list-span {
5592
- text-align: left;
5593
- }
5594
-
5595
- .premium-pricing-list-span:hover .premium-pricing-list-tooltip {
5596
- z-index: 99;
5597
- visibility: visible;
5598
- opacity: 1;
5599
- }
5600
-
5601
- .premium-pricing-slashed-price-value {
5602
- display: inline-block;
5603
- font-size: 20px;
5604
- font-weight: 400;
5605
- margin-left: 5px;
5606
- }
5607
-
5608
- .premium-pricing-price-value {
5609
- font-size: 70px;
5610
- }
5611
-
5612
- .premium-pricing-description-container li {
5613
- list-style-position: inside;
5614
- text-indent: -40px;
5615
- }
5616
-
5617
- @-moz-document url-prefix() {
5618
- .premium-pricing-description-container li {
5619
- text-indent: 0px;
5620
- }
5621
- }
5622
-
5623
- .premium-pricing-price-button {
5624
- display: block;
5625
- padding: 6px 12px;
5626
- line-height: 1.42857143;
5627
- text-align: center;
5628
- color: #fff;
5629
- background: #6ec1e4;
5630
- margin-bottom: 0;
5631
- -webkit-transition: all 0.3s ease-in-out;
5632
- transition: all 0.3s ease-in-out;
5633
- }
5634
-
5635
- /**************** Premium Google Maps ******************/
5636
- /*******************************************************/
5637
- .premium-maps-info-container {
5638
- margin-top: 10px;
5639
- margin-bottom: 10px;
5640
- }
5641
-
5642
- .premium-maps-info-title,
5643
- .premium-maps-info-desc {
5644
- margin: 0;
5645
- padding: 0;
5646
- }
5647
-
5648
- .premium-maps-container .gm-style-iw {
5649
- text-align: center;
5650
- direction: ltr;
5651
- }
5652
-
5653
- .premium-maps-container .gm-style img {
5654
- max-width: none !important;
5655
- }
5656
-
5657
- /**************** Premium Button ***********************/
5658
- /*******************************************************/
5659
- .premium-button {
5660
- display: inline-block;
5661
- position: relative;
5662
- overflow: hidden;
5663
- cursor: pointer;
5664
- -webkit-transition: all 0.2s ease-in-out !important;
5665
- transition: all 0.2s ease-in-out !important;
5666
- }
5667
-
5668
- .premium-button-sm {
5669
- padding: 12px 24px;
5670
- font-size: 14px;
5671
- line-height: 1;
5672
- }
5673
-
5674
- .premium-button .premium-lottie-animation,
5675
- .premium-image-button .premium-lottie-animation {
5676
- -js-display: flex;
5677
- display: -webkit-box;
5678
- display: -webkit-flex;
5679
- display: -moz-box;
5680
- display: -ms-flexbox;
5681
- display: flex;
5682
- }
5683
- .premium-button .premium-lottie-animation svg,
5684
- .premium-image-button .premium-lottie-animation svg {
5685
- width: 50px;
5686
- height: 50px;
5687
- }
5688
-
5689
- .premium-button-md {
5690
- padding: 14px 26px;
5691
- font-size: 16px;
5692
- line-height: 1.2;
5693
- }
5694
-
5695
- .premium-button-lg {
5696
- padding: 16px 28px;
5697
- font-size: 18px;
5698
- line-height: 1.3333;
5699
- }
5700
-
5701
- .premium-button-block {
5702
- font-size: 15px;
5703
- line-height: 1;
5704
- padding: 12px 24px;
5705
- width: 100%;
5706
- text-align: center;
5707
- }
5708
-
5709
- .premium-button-text {
5710
- display: inline-block;
5711
- width: 100%;
5712
- }
5713
-
5714
- .premium-button-style1,
5715
- .premium-button-style2,
5716
- .premium-button-style5,
5717
- .premium-button-style7 {
5718
- display: inline-block;
5719
- vertical-align: middle;
5720
- -webkit-transform: perspective(1px) translateZ(0);
5721
- transform: perspective(1px) translateZ(0);
5722
- -webkit-box-shadow: 0 0 1px transparent;
5723
- box-shadow: 0 0 1px transparent;
5724
- position: relative;
5725
- -webkit-transition-property: color;
5726
- transition-property: color;
5727
- -webkit-transition-duration: 0.15s;
5728
- transition-duration: 0.15s;
5729
- }
5730
-
5731
- .premium-button-style1:before,
5732
- .premium-button-style2:before,
5733
- .premium-button-style5:before {
5734
- content: "";
5735
- position: absolute;
5736
- z-index: -1;
5737
- top: 0;
5738
- right: 0;
5739
- left: 0;
5740
- bottom: 0;
5741
- -webkit-transform: scaleY(0);
5742
- -ms-transform: scaleY(0);
5743
- transform: scaleY(0);
5744
- -webkit-transform-origin: 50% 0;
5745
- -ms-transform-origin: 50% 0;
5746
- transform-origin: 50% 0;
5747
- -webkit-transition-property: -webkit-transform;
5748
- transition-property: -webkit-transform;
5749
- transition-property: transform;
5750
- transition-property: transform, -webkit-transform;
5751
- -webkit-transition-duration: 0.15s;
5752
- transition-duration: 0.15s;
5753
- -webkit-transition-timing-function: ease-out;
5754
- transition-timing-function: ease-out;
5755
- }
5756
-
5757
- .premium-button-style5-radialin:before,
5758
- .premium-button-style5-radialout:before {
5759
- -webkit-transform-origin: 50%;
5760
- -ms-transform-origin: 50%;
5761
- transform-origin: 50%;
5762
- -webkit-border-radius: 100%;
5763
- border-radius: 100%;
5764
- -webkit-transform: scale(0);
5765
- -ms-transform: scale(0);
5766
- transform: scale(0);
5767
- }
5768
-
5769
- .premium-button-style5-radialin:before {
5770
- -webkit-transform: scale(2);
5771
- -ms-transform: scale(2);
5772
- transform: scale(2);
5773
- }
5774
-
5775
- .premium-button-style5-rectin:before {
5776
- -webkit-transform-origin: 50%;
5777
- -ms-transform-origin: 50%;
5778
- transform-origin: 50%;
5779
- -webkit-transform: scale(1);
5780
- -ms-transform: scale(1);
5781
- transform: scale(1);
5782
- }
5783
-
5784
- .premium-button-style5-rectout:before {
5785
- -webkit-transform-origin: 50%;
5786
- -ms-transform-origin: 50%;
5787
- transform-origin: 50%;
5788
- -webkit-transform: scale(0);
5789
- -ms-transform: scale(0);
5790
- transform: scale(0);
5791
- }
5792
-
5793
- .premium-button-style5-rectout:hover:before {
5794
- -webkit-transform: scale(1);
5795
- -ms-transform: scale(1);
5796
- transform: scale(1);
5797
- }
5798
-
5799
- .premium-button-style5-rectin:hover:before {
5800
- -webkit-transform: scale(0);
5801
- -ms-transform: scale(0);
5802
- transform: scale(0);
5803
- }
5804
-
5805
- .premium-button-style5-radialout:hover:before {
5806
- -webkit-transform: scale(2);
5807
- -ms-transform: scale(2);
5808
- transform: scale(2);
5809
- }
5810
-
5811
- .premium-button-style5-radialin:hover:before {
5812
- -webkit-transform: scale(0);
5813
- -ms-transform: scale(0);
5814
- transform: scale(0);
5815
- }
5816
-
5817
- .premium-button-style1-top:before {
5818
- -webkit-transform-origin: 50% 100%;
5819
- -ms-transform-origin: 50% 100%;
5820
- transform-origin: 50% 100%;
5821
- }
5822
-
5823
- .premium-button-style1-right:before {
5824
- -webkit-transform: scaleX(0);
5825
- -ms-transform: scaleX(0);
5826
- transform: scaleX(0);
5827
- -webkit-transform-origin: 100% 50%;
5828
- -ms-transform-origin: 100% 50%;
5829
- transform-origin: 100% 50%;
5830
- }
5831
-
5832
- .premium-button-style1-left:before {
5833
- -webkit-transform: scaleX(0);
5834
- -ms-transform: scaleX(0);
5835
- transform: scaleX(0);
5836
- -webkit-transform-origin: 0% 50%;
5837
- -ms-transform-origin: 0% 50%;
5838
- transform-origin: 0% 50%;
5839
- }
5840
-
5841
- .premium-button-style2-shutouthor:before,
5842
- .premium-button-style2-scshutoutver:before {
5843
- -webkit-transform: scaleY(0);
5844
- -ms-transform: scaleY(0);
5845
- transform: scaleY(0);
5846
- -webkit-transform-origin: 0% 50%;
5847
- -ms-transform-origin: 0% 50%;
5848
- transform-origin: 0% 50%;
5849
- }
5850
-
5851
- .premium-button-style2-shutoutver:before,
5852
- .premium-button-style2-scshutouthor:before {
5853
- -webkit-transform: scaleX(0);
5854
- -ms-transform: scaleX(0);
5855
- transform: scaleX(0);
5856
- -webkit-transform-origin: 50% 50%;
5857
- -ms-transform-origin: 50% 50%;
5858
- transform-origin: 50% 50%;
5859
- }
5860
-
5861
- .premium-button-style2-shutinhor:before {
5862
- -webkit-transform: scaleX(1);
5863
- -ms-transform: scaleX(1);
5864
- transform: scaleX(1);
5865
- -webkit-transform-origin: 50%;
5866
- -ms-transform-origin: 50%;
5867
- transform-origin: 50%;
5868
- }
5869
-
5870
- .premium-button-style2-shutinver:before {
5871
- -webkit-transform: scaleY(1);
5872
- -ms-transform: scaleY(1);
5873
- transform: scaleY(1);
5874
- -webkit-transform-origin: 50%;
5875
- -ms-transform-origin: 50%;
5876
- transform-origin: 50%;
5877
- }
5878
-
5879
- .premium-button-style1-bottom:hover:before,
5880
- .premium-button-style1-top:hover:before {
5881
- -webkit-transform: scaleY(1);
5882
- -ms-transform: scaleY(1);
5883
- transform: scaleY(1);
5884
- }
5885
-
5886
- .premium-button-style1-left:hover:before,
5887
- .premium-button-style1-right:hover:before,
5888
- .premium-button-style2-shutouthor:hover:before,
5889
- .premium-button-style2-shutoutver:hover:before {
5890
- -webkit-transform: scaleX(1);
5891
- -ms-transform: scaleX(1);
5892
- transform: scaleX(1);
5893
- }
5894
-
5895
- .premium-button-style2-shutinhor:hover:before {
5896
- -webkit-transform: scaleX(0);
5897
- -ms-transform: scaleX(0);
5898
- transform: scaleX(0);
5899
- }
5900
-
5901
- .premium-button-style2-shutinver:hover:before {
5902
- -webkit-transform: scaleY(0);
5903
- -ms-transform: scaleY(0);
5904
- transform: scaleY(0);
5905
- }
5906
-
5907
- .premium-button-style2-scshutouthor:hover:before {
5908
- -webkit-transform: scaleX(0.9);
5909
- -ms-transform: scaleX(0.9);
5910
- transform: scaleX(0.9);
5911
- }
5912
-
5913
- .premium-button-style2-scshutoutver:hover:before {
5914
- -webkit-transform: scaleY(0.8);
5915
- -ms-transform: scaleY(0.8);
5916
- transform: scaleY(0.8);
5917
- }
5918
-
5919
- /*Diagonal*/
5920
- .premium-button-style2-dshutinhor:before {
5921
- top: 50%;
5922
- right: 50%;
5923
- width: 120%;
5924
- height: 0%;
5925
- -webkit-transform: translateX(50%) translateY(-50%) rotate(45deg);
5926
- -ms-transform: translateX(50%) translateY(-50%) rotate(45deg);
5927
- transform: translateX(50%) translateY(-50%) rotate(45deg);
5928
- -webkit-transform-origin: 50%;
5929
- -ms-transform-origin: 50%;
5930
- transform-origin: 50%;
5931
- -webkit-transition-property: all;
5932
- transition-property: all;
5933
- }
5934
-
5935
- .premium-button-style2-dshutinver:before {
5936
- top: 50%;
5937
- right: 50%;
5938
- width: 120%;
5939
- height: 0%;
5940
- -webkit-transform-origin: 50%;
5941
- -ms-transform-origin: 50%;
5942
- transform-origin: 50%;
5943
- -webkit-transition-property: all;
5944
- transition-property: all;
5945
- -webkit-transform: translateX(50%) translateY(-50%) rotate(-45deg);
5946
- -ms-transform: translateX(50%) translateY(-50%) rotate(-45deg);
5947
- transform: translateX(50%) translateY(-50%) rotate(-45deg);
5948
- }
5949
-
5950
- .premium-button-style2-dshutinhor:hover:before,
5951
- .premium-button-style2-dshutinver:hover:before {
5952
- height: 220%;
5953
- }
5954
-
5955
- .premium-button-style3-before i,
5956
- .premium-button-style3-before svg {
5957
- opacity: 0;
5958
- -webkit-transform: translateX(5px);
5959
- -ms-transform: translateX(5px);
5960
- transform: translateX(5px);
5961
- -webkit-transition: all 0.5s ease-in-out;
5962
- transition: all 0.5s ease-in-out;
5963
- }
5964
-
5965
- .premium-button-style3-after i,
5966
- .premium-button-style3-after svg {
5967
- opacity: 0;
5968
- -webkit-transform: translateX(5px);
5969
- -ms-transform: translateX(5px);
5970
- transform: translateX(5px);
5971
- -webkit-transition: all 0.5s ease-in-out;
5972
- transition: all 0.5s ease-in-out;
5973
- -webkit-transform: translateX(-5px);
5974
- -ms-transform: translateX(-5px);
5975
- transform: translateX(-5px);
5976
- }
5977
-
5978
- .premium-button-style3-after:hover i,
5979
- .premium-button-style3-after:hover svg {
5980
- opacity: 1;
5981
- }
5982
-
5983
- .premium-button-style3-before:hover i,
5984
- .premium-button-style3-before:hover svg {
5985
- opacity: 1;
5986
- }
5987
-
5988
- .premium-button-text-icon-wrapper {
5989
- -js-display: flex;
5990
- display: -webkit-box;
5991
- display: -webkit-flex;
5992
- display: -moz-box;
5993
- display: -ms-flexbox;
5994
- display: flex;
5995
- -webkit-box-pack: center;
5996
- -webkit-justify-content: center;
5997
- -moz-box-pack: center;
5998
- -ms-flex-pack: center;
5999
- justify-content: center;
6000
- -webkit-box-align: center;
6001
- -webkit-align-items: center;
6002
- -moz-box-align: center;
6003
- -ms-flex-align: center;
6004
- align-items: center;
6005
- -webkit-transition: all 0.2s ease-in-out;
6006
- transition: all 0.2s ease-in-out;
6007
- }
6008
- .premium-button-text-icon-wrapper span,
6009
- .premium-button-text-icon-wrapper i,
6010
- .premium-button-text-icon-wrapper svg {
6011
- -webkit-transition: all 0.2s ease-in-out;
6012
- transition: all 0.2s ease-in-out;
6013
- }
6014
-
6015
- .premium-button-style4-icon-wrapper {
6016
- position: absolute;
6017
- z-index: 2;
6018
- width: 100%;
6019
- text-align: center;
6020
- -js-display: flex;
6021
- display: -webkit-box;
6022
- display: -webkit-flex;
6023
- display: -moz-box;
6024
- display: -ms-flexbox;
6025
- display: flex;
6026
- -webkit-box-align: center;
6027
- -webkit-align-items: center;
6028
- -moz-box-align: center;
6029
- -ms-flex-align: center;
6030
- align-items: center;
6031
- -webkit-box-pack: center;
6032
- -webkit-justify-content: center;
6033
- -moz-box-pack: center;
6034
- -ms-flex-pack: center;
6035
- justify-content: center;
6036
- height: 100%;
6037
- opacity: 0;
6038
- -webkit-transition: all 0.3s ease-in-out;
6039
- transition: all 0.3s ease-in-out;
6040
- }
6041
- .premium-button-style4-icon-wrapper.top {
6042
- bottom: -100%;
6043
- right: 0;
6044
- }
6045
- .premium-button-style4-icon-wrapper.bottom {
6046
- top: -100%;
6047
- right: 0;
6048
- }
6049
- .premium-button-style4-icon-wrapper.left {
6050
- top: 0;
6051
- right: -100%;
6052
- }
6053
- .premium-button-style4-icon-wrapper.right {
6054
- top: 0;
6055
- left: -100%;
6056
- }
6057
-
6058
- .premium-button-style4-bottom:hover .premium-button-style4-icon-wrapper {
6059
- top: 0;
6060
- opacity: 1;
6061
- }
6062
-
6063
- .premium-button-style4-top:hover .premium-button-style4-icon-wrapper {
6064
- bottom: 0;
6065
- opacity: 1;
6066
- }
6067
-
6068
- .premium-button-style4-left:hover .premium-button-style4-icon-wrapper {
6069
- right: 0;
6070
- opacity: 1;
6071
- }
6072
-
6073
- .premium-button-style4-right:hover .premium-button-style4-icon-wrapper {
6074
- left: 0;
6075
- opacity: 1;
6076
- }
6077
-
6078
- .premium-button-style4-bottom:hover .premium-button-text-icon-wrapper {
6079
- -webkit-transform: translateY(100%);
6080
- -ms-transform: translateY(100%);
6081
- transform: translateY(100%);
6082
- opacity: 0;
6083
- }
6084
-
6085
- .premium-button-style4-top:hover .premium-button-text-icon-wrapper {
6086
- -webkit-transform: translateY(-100%);
6087
- -ms-transform: translateY(-100%);
6088
- transform: translateY(-100%);
6089
- opacity: 0;
6090
- }
6091
-
6092
- .premium-button-style4-left:hover .premium-button-text-icon-wrapper {
6093
- -webkit-transform: translateX(-100%);
6094
- -ms-transform: translateX(-100%);
6095
- transform: translateX(-100%);
6096
- opacity: 0;
6097
- }
6098
-
6099
- .premium-button-style4-right:hover .premium-button-text-icon-wrapper {
6100
- -webkit-transform: translateX(100%);
6101
- -ms-transform: translateX(100%);
6102
- transform: translateX(100%);
6103
- opacity: 0;
6104
- }
6105
-
6106
- .premium-button-style6:before {
6107
- content: "";
6108
- position: absolute;
6109
- right: 50%;
6110
- top: 50%;
6111
- width: 100px;
6112
- height: 100px;
6113
- -webkit-border-radius: 100%;
6114
- border-radius: 100%;
6115
- -webkit-transform: translate(50%, -50%) scale(0);
6116
- -ms-transform: translate(50%, -50%) scale(0);
6117
- transform: translate(50%, -50%) scale(0);
6118
- -webkit-transition: all 0.3s ease-in-out;
6119
- transition: all 0.3s ease-in-out;
6120
- }
6121
-
6122
- .premium-button-style6:hover:before {
6123
- -webkit-transform: translate(50%, -50%) scale(3);
6124
- -ms-transform: translate(50%, -50%) scale(3);
6125
- transform: translate(50%, -50%) scale(3);
6126
- }
6127
-
6128
- .premium-button-style6 .premium-button-text-icon-wrapper {
6129
- position: relative;
6130
- z-index: 1;
6131
- }
6132
-
6133
- .premium-mouse-detect-yes .premium-button-style6 .premium-button-style6-bg {
6134
- position: absolute;
6135
- z-index: 0;
6136
- top: 0;
6137
- right: 0;
6138
- width: 0px;
6139
- height: 0px;
6140
- -webkit-border-radius: 50%;
6141
- border-radius: 50%;
6142
- display: block;
6143
- -webkit-transform: translate(50%, -50%);
6144
- -ms-transform: translate(50%, -50%);
6145
- transform: translate(50%, -50%);
6146
- -webkit-transition: width 0.4s ease-in-out, height 0.4s ease-in-out;
6147
- transition: width 0.4s ease-in-out, height 0.4s ease-in-out;
6148
- }
6149
-
6150
- .premium-mouse-detect-yes .premium-button-style6:hover .premium-button-style6-bg {
6151
- width: 225%;
6152
- height: 560px;
6153
- }
6154
-
6155
- .premium-mouse-detect-yes .premium-button-style6:before {
6156
- width: 0;
6157
- height: 0;
6158
- }
6159
-
6160
- .premium-button-style7-right .premium-button-text-icon-wrapper:before,
6161
- .premium-button-style7-left .premium-button-text-icon-wrapper:before {
6162
- -webkit-transition: width 0.3s ease-out 0.15s;
6163
- transition: width 0.3s ease-out 0.15s;
6164
- }
6165
-
6166
- .premium-button-style7-right .premium-button-text-icon-wrapper:after,
6167
- .premium-button-style7-left .premium-button-text-icon-wrapper:after {
6168
- -webkit-transition: width 0.3s ease-out 0s;
6169
- transition: width 0.3s ease-out 0s;
6170
- }
6171
-
6172
- .premium-button-style7-bottom .premium-button-text-icon-wrapper:before,
6173
- .premium-button-style7-top .premium-button-text-icon-wrapper:before {
6174
- -webkit-transition: height 0.3s ease-out 0.15s;
6175
- transition: height 0.3s ease-out 0.15s;
6176
- }
6177
-
6178
- .premium-button-style7-bottom .premium-button-text-icon-wrapper:after,
6179
- .premium-button-style7-top .premium-button-text-icon-wrapper:after {
6180
- -webkit-transition: height 0.3s ease-out 0s;
6181
- transition: height 0.3s ease-out 0s;
6182
- }
6183
-
6184
- .premium-button[class*="style7"]:hover .premium-button-text-icon-wrapper:before {
6185
- -webkit-transition-delay: 0s;
6186
- transition-delay: 0s;
6187
- }
6188
-
6189
- .premium-button[class*="style7"]:hover .premium-button-text-icon-wrapper:after {
6190
- -webkit-transition-delay: 0.15s;
6191
- transition-delay: 0.15s;
6192
- }
6193
-
6194
- .premium-button-style7-bottom .premium-button-text-icon-wrapper:before,
6195
- .premium-button-style7-bottom .premium-button-text-icon-wrapper:after {
6196
- content: "";
6197
- position: absolute;
6198
- left: 0;
6199
- top: 0;
6200
- right: 0;
6201
- height: 0;
6202
- z-index: -1;
6203
- }
6204
-
6205
- .premium-button-style7-top .premium-button-text-icon-wrapper:after,
6206
- .premium-button-style7-top .premium-button-text-icon-wrapper:before {
6207
- content: "";
6208
- position: absolute;
6209
- left: 0;
6210
- bottom: 0;
6211
- right: 0;
6212
- height: 0;
6213
- z-index: -1;
6214
- }
6215
-
6216
- .premium-button-style7-right .premium-button-text-icon-wrapper:after,
6217
- .premium-button-style7-right .premium-button-text-icon-wrapper:before {
6218
- content: "";
6219
- position: absolute;
6220
- right: 0;
6221
- top: 0;
6222
- bottom: 0;
6223
- width: 0;
6224
- z-index: -1;
6225
- }
6226
-
6227
- .premium-button-style7-left .premium-button-text-icon-wrapper:after,
6228
- .premium-button-style7-left .premium-button-text-icon-wrapper:before {
6229
- content: "";
6230
- position: absolute;
6231
- left: 0;
6232
- top: 0;
6233
- bottom: 0;
6234
- width: 0;
6235
- z-index: -1;
6236
- }
6237
-
6238
- .premium-button-style7-bottom:hover .premium-button-text-icon-wrapper:after,
6239
- .premium-button-style7-bottom:hover .premium-button-text-icon-wrapper:before {
6240
- height: 100%;
6241
- top: 0;
6242
- }
6243
-
6244
- .premium-button-style7-top:hover .premium-button-text-icon-wrapper:after,
6245
- .premium-button-style7-top:hover .premium-button-text-icon-wrapper:before {
6246
- height: 100%;
6247
- bottom: 0;
6248
- }
6249
-
6250
- .premium-button-style7-left:hover .premium-button-text-icon-wrapper:after,
6251
- .premium-button-style7-left:hover .premium-button-text-icon-wrapper:before {
6252
- width: 100%;
6253
- left: 0;
6254
- }
6255
-
6256
- .premium-button-style7-right:hover .premium-button-text-icon-wrapper:after,
6257
- .premium-button-style7-right:hover .premium-button-text-icon-wrapper:before {
6258
- width: 100%;
6259
- right: 0;
6260
- }
6261
-
6262
- /**************** Premium Contact Form7 **********/
6263
- /*************************************************/
6264
- .premium-contact-form-anim-yes .wpcf7-span::after {
6265
- display: block;
6266
- height: 2px;
6267
- content: "";
6268
- top: -2px;
6269
- position: relative;
6270
- width: 0px;
6271
- -webkit-transition: all ease-in-out 0.3s;
6272
- transition: all ease-in-out 0.3s;
6273
- }
6274
-
6275
- .premium-contact-form-anim-yes .wpcf7-span.is-focused::after {
6276
- width: 100%;
6277
- }
6278
-
6279
- /**************** Premium Image Button ***********/
6280
- /*************************************************/
6281
- .premium-image-button {
6282
- display: inline-block;
6283
- position: relative;
6284
- overflow: hidden;
6285
- background: #6ec1e4;
6286
- cursor: pointer;
6287
- -webkit-transition: all 0.2s ease-in-out !important;
6288
- transition: all 0.2s ease-in-out !important;
6289
- }
6290
-
6291
- /*Default background for slide styles*/
6292
- .premium-image-button:hover,
6293
- .premium-image-button-style4-icon-wrapper,
6294
- .premium-image-button-style1-top:before,
6295
- .premium-image-button-style1-bottom:before,
6296
- .premium-image-button-style1-left:before,
6297
- .premium-image-button-style1-right:before {
6298
- background-color: #54595f;
6299
- }
6300
-
6301
- .premium-image-button.premium-image-button-sm {
6302
- padding: 12px 24px;
6303
- font-size: 14px;
6304
- line-height: 1;
6305
- }
6306
-
6307
- .premium-image-button.premium-image-button-md {
6308
- padding: 14px 26px;
6309
- font-size: 16px;
6310
- line-height: 1.2;
6311
- }
6312
-
6313
- .premium-image-button.premium-image-button-lg {
6314
- padding: 16px 28px;
6315
- font-size: 18px;
6316
- line-height: 1.3333;
6317
- }
6318
-
6319
- .premium-image-button.premium-image-button-block {
6320
- font-size: 15px;
6321
- line-height: 1;
6322
- padding: 12px 24px;
6323
- width: 100%;
6324
- text-align: center;
6325
- }
6326
-
6327
- .premium-image-button-text-icon-wrapper {
6328
- display: -webkit-box;
6329
- display: -webkit-flex;
6330
- display: -ms-flexbox;
6331
- -js-display: flex;
6332
- display: -moz-box;
6333
- display: flex;
6334
- -webkit-box-pack: center;
6335
- -webkit-justify-content: center;
6336
- -moz-box-pack: center;
6337
- -ms-flex-pack: center;
6338
- justify-content: center;
6339
- -webkit-box-align: center;
6340
- -webkit-align-items: center;
6341
- -moz-box-align: center;
6342
- -ms-flex-align: center;
6343
- align-items: center;
6344
- position: relative;
6345
- z-index: 3;
6346
- }
6347
-
6348
- .premium-image-button-text-icon-wrapper span,
6349
- .premium-image-button-text-icon-wrapper,
6350
- .premium-image-button-text-icon-wrapper i,
6351
- .premium-image-button-text-icon-wrapper svg {
6352
- -webkit-transition: all 0.2s ease-in-out;
6353
- transition: all 0.2s ease-in-out;
6354
- }
6355
-
6356
- .premium-image-button-style1-bottom:before,
6357
- .premium-image-button-style1-top:before,
6358
- .premium-image-button-style1-left:before,
6359
- .premium-image-button-style1-right:before {
6360
- -webkit-transition: all 0.2s ease-in-out;
6361
- transition: all 0.2s ease-in-out;
6362
- }
6363
-
6364
- .premium-image-button-style1-bottom:before {
6365
- content: "";
6366
- position: absolute;
6367
- width: 100%;
6368
- height: 0;
6369
- top: 0;
6370
- right: 0;
6371
- }
6372
-
6373
- .premium-image-button-style1-top:before {
6374
- content: "";
6375
- position: absolute;
6376
- width: 100%;
6377
- height: 0;
6378
- bottom: 0;
6379
- right: 0;
6380
- }
6381
-
6382
- .premium-image-button-style1-right:before {
6383
- content: "";
6384
- position: absolute;
6385
- width: 0;
6386
- height: 100%;
6387
- bottom: 0;
6388
- right: 0;
6389
- }
6390
-
6391
- .premium-image-button-style1-left:before {
6392
- content: "";
6393
- position: absolute;
6394
- width: 0;
6395
- height: 100%;
6396
- top: 0;
6397
- left: 0;
6398
- }
6399
-
6400
- .premium-image-button-style1-bottom:hover:before {
6401
- height: 100%;
6402
- }
6403
-
6404
- .premium-image-button-style1-top:hover:before {
6405
- height: 100%;
6406
- }
6407
-
6408
- .premium-image-button-style1-right:hover:before {
6409
- width: 100%;
6410
- }
6411
-
6412
- .premium-image-button-style1-left:hover:before {
6413
- width: 100%;
6414
- }
6415
-
6416
- .premium-image-button-diagonal-top,
6417
- .premium-image-button-diagonal-bottom,
6418
- .premium-image-button-diagonal-left,
6419
- .premium-image-button-diagonal-right {
6420
- z-index: 10;
6421
- }
6422
-
6423
- .premium-image-button-diagonal-top:before,
6424
- .premium-image-button-diagonal-bottom:before,
6425
- .premium-image-button-diagonal-left:before,
6426
- .premium-image-button-diagonal-right:before {
6427
- position: absolute;
6428
- top: 0px;
6429
- right: 0px;
6430
- width: 100%;
6431
- height: 100%;
6432
- content: "";
6433
- z-index: 1;
6434
- background: rgba(255, 255, 255, 0.2);
6435
- -webkit-transform: scale3d(14, 1.4, 1) rotate3d(0, 0, 1, -45deg) translate3d(0, -150%, 0);
6436
- -ms-transform: scale3d(14, 1.4, 1) rotate3d(0, 0, 1, -45deg) translate3d(0, -150%, 0);
6437
- transform: scale3d(14, 1.4, 1) rotate3d(0, 0, 1, -45deg) translate3d(0, -150%, 0);
6438
- -webkit-transition: all 0.8s ease-out;
6439
- transition: all 0.8s ease-out;
6440
- }
6441
-
6442
- .premium-image-button-diagonal-right:hover:before,
6443
- .premium-image-button-diagonal-left:before {
6444
- -webkit-transform: scale3d(14, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, -150%, 0);
6445
- -ms-transform: scale3d(14, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, -150%, 0);
6446
- transform: scale3d(14, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, -150%, 0);
6447
- }
6448
-
6449
- .premium-image-button-diagonal-left:hover:before,
6450
- .premium-image-button-diagonal-right:before {
6451
- -webkit-transform: scale3d(14, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, 150%, 0);
6452
- -ms-transform: scale3d(14, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, 150%, 0);
6453
- transform: scale3d(14, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, 150%, 0);
6454
- }
6455
-
6456
- .premium-image-button-diagonal-top:hover:before,
6457
- .premium-image-button-diagonal-bottom:before {
6458
- -webkit-transform: scale3d(14, 1.4, 1) rotate3d(0, 0, 1, -45deg) translate3d(0, -150%, 0);
6459
- -ms-transform: scale3d(14, 1.4, 1) rotate3d(0, 0, 1, -45deg) translate3d(0, -150%, 0);
6460
- transform: scale3d(14, 1.4, 1) rotate3d(0, 0, 1, -45deg) translate3d(0, -150%, 0);
6461
- }
6462
-
6463
- .premium-image-button-diagonal-bottom:hover:before,
6464
- .premium-image-button-diagonal-top:before {
6465
- -webkit-transform: scale3d(14, 1.4, 1) rotate3d(0, 0, 1, -45deg) translate3d(0, 150%, 0);
6466
- -ms-transform: scale3d(14, 1.4, 1) rotate3d(0, 0, 1, -45deg) translate3d(0, 150%, 0);
6467
- transform: scale3d(14, 1.4, 1) rotate3d(0, 0, 1, -45deg) translate3d(0, 150%, 0);
6468
- }
6469
-
6470
- .premium-image-button-style4-icon-wrapper {
6471
- position: absolute;
6472
- z-index: 2;
6473
- width: 100%;
6474
- text-align: center;
6475
- display: -webkit-box;
6476
- display: -webkit-flex;
6477
- display: -ms-flexbox;
6478
- -js-display: flex;
6479
- display: -moz-box;
6480
- display: flex;
6481
- -webkit-box-align: center;
6482
- -webkit-align-items: center;
6483
- -moz-box-align: center;
6484
- -ms-flex-align: center;
6485
- align-items: center;
6486
- -webkit-box-pack: center;
6487
- -webkit-justify-content: center;
6488
- -moz-box-pack: center;
6489
- -ms-flex-pack: center;
6490
- justify-content: center;
6491
- height: 100%;
6492
- opacity: 0;
6493
- -webkit-transition: all 0.3s ease-in-out;
6494
- transition: all 0.3s ease-in-out;
6495
- }
6496
-
6497
- .premium-image-button-style4-icon-wrapper.top {
6498
- bottom: -100%;
6499
- right: 0;
6500
- }
6501
-
6502
- .premium-image-button-style4-icon-wrapper.bottom {
6503
- top: -100%;
6504
- right: 0;
6505
- }
6506
-
6507
- .premium-image-button-style4-icon-wrapper.left {
6508
- top: 0;
6509
- right: -100%;
6510
- }
6511
-
6512
- .premium-image-button-style4-icon-wrapper.right {
6513
- top: 0;
6514
- left: -100%;
6515
- }
6516
-
6517
- .premium-image-button-style4-bottom:hover .premium-image-button-style4-icon-wrapper {
6518
- top: 0;
6519
- opacity: 1;
6520
- }
6521
-
6522
- .premium-image-button-style4-top:hover .premium-image-button-style4-icon-wrapper {
6523
- bottom: 0;
6524
- opacity: 1;
6525
- }
6526
-
6527
- .premium-image-button-style4-left:hover .premium-image-button-style4-icon-wrapper {
6528
- right: 0;
6529
- opacity: 1;
6530
- }
6531
-
6532
- .premium-image-button-style4-right:hover .premium-image-button-style4-icon-wrapper {
6533
- left: 0;
6534
- opacity: 1;
6535
- }
6536
-
6537
- .premium-image-button-style4-bottom:hover .premium-image-button-text-icon-wrapper {
6538
- -webkit-transform: translateY(100%);
6539
- -ms-transform: translateY(100%);
6540
- transform: translateY(100%);
6541
- opacity: 0;
6542
- }
6543
-
6544
- .premium-image-button-style4-top:hover .premium-image-button-text-icon-wrapper {
6545
- -webkit-transform: translateY(-100%);
6546
- -ms-transform: translateY(-100%);
6547
- transform: translateY(-100%);
6548
- opacity: 0;
6549
- }
6550
-
6551
- .premium-image-button-style4-left:hover .premium-image-button-text-icon-wrapper {
6552
- -webkit-transform: translateX(-100%);
6553
- -ms-transform: translateX(-100%);
6554
- transform: translateX(-100%);
6555
- opacity: 0;
6556
- }
6557
-
6558
- .premium-image-button-style4-right:hover .premium-image-button-text-icon-wrapper {
6559
- -webkit-transform: translateX(100%);
6560
- -ms-transform: translateX(100%);
6561
- transform: translateX(100%);
6562
- opacity: 0;
6563
- }
6564
-
6565
- .premium-image-button-overlap-effect-horizontal:before,
6566
- .premium-image-button-overlap-effect-vertical:before {
6567
- position: absolute;
6568
- content: "";
6569
- top: 0;
6570
- right: 0;
6571
- width: 100%;
6572
- height: 100%;
6573
- opacity: 0;
6574
- -webkit-transition: all 1s ease-in-out;
6575
- transition: all 1s ease-in-out;
6576
- background: rgba(255, 255, 255, 0.2);
6577
- -webkit-animation-name: premium-overlap-effect-done;
6578
- animation-name: premium-overlap-effect-done;
6579
- -webkit-animation-duration: 1s;
6580
- animation-duration: 1s;
6581
- }
6582
-
6583
- .premium-image-button-overlap-effect-vertical:before {
6584
- -webkit-animation-name: premium-overlap-ver-effect-done;
6585
- animation-name: premium-overlap-ver-effect-done;
6586
- -webkit-animation-duration: 1s;
6587
- animation-duration: 1s;
6588
- }
6589
-
6590
- .premium-image-button-overlap-effect-horizontal:hover:before {
6591
- -webkit-animation-name: premium-overlap-effect;
6592
- animation-name: premium-overlap-effect;
6593
- -webkit-animation-duration: 1s;
6594
- animation-duration: 1s;
6595
- }
6596
-
6597
- .premium-image-button-overlap-effect-vertical:hover:before {
6598
- -webkit-animation-name: premium-overlap-ver-effect;
6599
- animation-name: premium-overlap-ver-effect;
6600
- -webkit-animation-duration: 1s;
6601
- animation-duration: 1s;
6602
- }
6603
-
6604
- @-webkit-keyframes premium-overlap-effect {
6605
- 0% {
6606
- opacity: 0;
6607
- -webkit-transform: rotateY(0deg);
6608
- transform: rotateY(0deg);
6609
- }
6610
-
6611
- 50% {
6612
- opacity: 1;
6613
- -webkit-transform: rotateY(180deg);
6614
- transform: rotateY(180deg);
6615
- }
6616
-
6617
- 100% {
6618
- opacity: 0;
6619
- -webkit-transform: rotateY(360deg);
6620
- transform: rotateY(360deg);
6621
- }
6622
- }
6623
-
6624
- @keyframes premium-overlap-effect {
6625
- 0% {
6626
- opacity: 0;
6627
- -webkit-transform: rotateY(0deg);
6628
- transform: rotateY(0deg);
6629
- }
6630
-
6631
- 50% {
6632
- opacity: 1;
6633
- -webkit-transform: rotateY(180deg);
6634
- transform: rotateY(180deg);
6635
- }
6636
-
6637
- 100% {
6638
- opacity: 0;
6639
- -webkit-transform: rotateY(360deg);
6640
- transform: rotateY(360deg);
6641
- }
6642
- }
6643
-
6644
- @-webkit-keyframes premium-overlap-effect-done {
6645
- 0% {
6646
- opacity: 0;
6647
- -webkit-transform: rotateY(0deg);
6648
- transform: rotateY(0deg);
6649
- }
6650
-
6651
- 50% {
6652
- opacity: 1;
6653
- -webkit-transform: rotateY(180deg);
6654
- transform: rotateY(180deg);
6655
- }
6656
-
6657
- 100% {
6658
- opacity: 0;
6659
- -webkit-transform: rotateY(360deg);
6660
- transform: rotateY(360deg);
6661
- }
6662
- }
6663
-
6664
- @keyframes premium-overlap-effect-done {
6665
- 0% {
6666
- opacity: 0;
6667
- -webkit-transform: rotateY(0deg);
6668
- transform: rotateY(0deg);
6669
- }
6670
-
6671
- 50% {
6672
- opacity: 1;
6673
- -webkit-transform: rotateY(180deg);
6674
- transform: rotateY(180deg);
6675
- }
6676
-
6677
- 100% {
6678
- opacity: 0;
6679
- -webkit-transform: rotateY(360deg);
6680
- transform: rotateY(360deg);
6681
- }
6682
- }
6683
-
6684
- @-webkit-keyframes premium-overlap-ver-effect {
6685
- 0% {
6686
- opacity: 0;
6687
- -webkit-transform: rotateX(0deg);
6688
- transform: rotateX(0deg);
6689
- }
6690
-
6691
- 50% {
6692
- opacity: 1;
6693
- -webkit-transform: rotateX(180deg);
6694
- transform: rotateX(180deg);
6695
- }
6696
-
6697
- 100% {
6698
- opacity: 0;
6699
- -webkit-transform: rotateX(360deg);
6700
- transform: rotateX(360deg);
6701
- }
6702
- }
6703
-
6704
- @keyframes premium-overlap-ver-effect {
6705
- 0% {
6706
- opacity: 0;
6707
- -webkit-transform: rotateX(0deg);
6708
- transform: rotateX(0deg);
6709
- }
6710
-
6711
- 50% {
6712
- opacity: 1;
6713
- -webkit-transform: rotateX(180deg);
6714
- transform: rotateX(180deg);
6715
- }
6716
-
6717
- 100% {
6718
- opacity: 0;
6719
- -webkit-transform: rotateX(360deg);
6720
- transform: rotateX(360deg);
6721
- }
6722
- }
6723
-
6724
- @-webkit-keyframes premium-overlap-ver-effect-done {
6725
- 0% {
6726
- opacity: 0;
6727
- -webkit-transform: rotateX(0deg);
6728
- transform: rotateX(0deg);
6729
- }
6730
-
6731
- 50% {
6732
- opacity: 1;
6733
- -webkit-transform: rotateX(180deg);
6734
- transform: rotateX(180deg);
6735
- }
6736
-
6737
- 100% {
6738
- opacity: 0;
6739
- -webkit-transform: rotateX(360deg);
6740
- transform: rotateX(360deg);
6741
- }
6742
- }
6743
-
6744
- @keyframes premium-overlap-ver-effect-done {
6745
- 0% {
6746
- opacity: 0;
6747
- -webkit-transform: rotateX(0deg);
6748
- transform: rotateX(0deg);
6749
- }
6750
-
6751
- 50% {
6752
- opacity: 1;
6753
- -webkit-transform: rotateX(180deg);
6754
- transform: rotateX(180deg);
6755
- }
6756
-
6757
- 100% {
6758
- opacity: 0;
6759
- -webkit-transform: rotateX(360deg);
6760
- transform: rotateX(360deg);
6761
- }
6762
- }
6763
-
6764
- /**************** Premium Grid *******************/
6765
- /*************************************************/
6766
- .premium-img-gallery-filter,
6767
- .premium-blog-filter {
6768
- display: -webkit-box;
6769
- display: -webkit-flex;
6770
- display: -ms-flexbox;
6771
- -js-display: flex;
6772
- display: -moz-box;
6773
- display: flex;
6774
- -webkit-box-align: center;
6775
- -webkit-align-items: center;
6776
- -moz-box-align: center;
6777
- -ms-flex-align: center;
6778
- align-items: center;
6779
- -webkit-box-pack: center;
6780
- -webkit-justify-content: center;
6781
- -moz-box-pack: center;
6782
- -ms-flex-pack: center;
6783
- justify-content: center;
6784
- }
6785
-
6786
- .premium-img-gallery {
6787
- clear: both;
6788
- overflow: hidden;
6789
- }
6790
-
6791
- .premium-gallery-container .premium-gallery-item {
6792
- padding: 10px;
6793
- float: right;
6794
- /* Google Chrome isotope issue */
6795
- }
6796
-
6797
- .premium-gallery-container .grid-sizer {
6798
- width: 33.33%;
6799
- }
6800
-
6801
- .premium-img-gallery-filter .premium-gallery-cats-container li a.category,
6802
- .premium-blog-filter .premium-blog-filters-container li a.category {
6803
- outline: none;
6804
- text-decoration: none;
6805
- -webkit-border-radius: 75px;
6806
- border-radius: 75px;
6807
- margin: 15px 5px 20px;
6808
- padding: 7px 20px;
6809
- -webkit-transition: all 0.3s ease-in-out;
6810
- transition: all 0.3s ease-in-out;
6811
- }
6812
-
6813
- .premium-img-gallery-filter .premium-gallery-cats-container li a.category span {
6814
- -webkit-transition: all 0.3s ease-in-out;
6815
- transition: all 0.3s ease-in-out;
6816
- }
6817
-
6818
- .pa-gallery-img {
6819
- position: relative;
6820
- }
6821
-
6822
- .pa-gallery-img .pa-gallery-whole-link {
6823
- position: absolute;
6824
- top: 0;
6825
- right: 0;
6826
- width: 100%;
6827
- height: 100%;
6828
- }
6829
-
6830
- .pa-gallery-img.style2 .pa-gallery-whole-link {
6831
- z-index: 99;
6832
- }
6833
-
6834
- .pa-gallery-img-container {
6835
- overflow: hidden;
6836
- -webkit-backface-visibility: hidden;
6837
- -moz-backface-visibility: hidden;
6838
- -webkit-transform: translate3d(0, 0, 0);
6839
- transform: translate3d(0, 0, 0);
6840
- }
6841
-
6842
- .pa-gallery-img-container img {
6843
- display: block;
6844
- width: 100%;
6845
- -webkit-transition: all 0.3s ease-in-out;
6846
- transition: all 0.3s ease-in-out;
6847
- }
6848
-
6849
- .premium-img-gallery.gray img {
6850
- -webkit-filter: grayscale(100%);
6851
- filter: grayscale(100%);
6852
- }
6853
-
6854
- .premium-img-gallery.zoomout img,
6855
- .premium-img-gallery.scale img {
6856
- -webkit-transform: scale(1.2);
6857
- -ms-transform: scale(1.2);
6858
- transform: scale(1.2);
6859
- }
6860
-
6861
- .premium-img-gallery.sepia img {
6862
- -webkit-filter: sepia(30%);
6863
- filter: sepia(30%);
6864
- }
6865
-
6866
- .premium-img-gallery.bright img {
6867
- -webkit-filter: brightness(1);
6868
- filter: brightness(1);
6869
- }
6870
-
6871
- .premium-img-gallery.trans img {
6872
- -webkit-transform: translateX(15px) scale(1.1);
6873
- -ms-transform: translateX(15px) scale(1.1);
6874
- transform: translateX(15px) scale(1.1);
6875
- }
6876
-
6877
- .pa-gallery-img .pa-gallery-magnific-image,
6878
- .pa-gallery-img .pa-gallery-img-link {
6879
- outline: none;
6880
- }
6881
-
6882
- .pa-gallery-img .pa-gallery-magnific-image span,
6883
- .pa-gallery-img .pa-gallery-img-link span {
6884
- line-height: 1;
6885
- display: inline-block;
6886
- opacity: 0;
6887
- margin: 0 5px;
6888
- padding: 15px;
6889
- -webkit-border-radius: 50%;
6890
- border-radius: 50%;
6891
- }
6892
-
6893
- .pa-gallery-img.style2 .pa-gallery-magnific-image span,
6894
- .pa-gallery-img.style2 .pa-gallery-img-link span {
6895
- margin: 0 5px 20px;
6896
- }
6897
-
6898
- .pa-gallery-img:hover .pa-gallery-magnific-image span {
6899
- -webkit-transition: all 0.3s ease-in-out, opacity 0.5s ease-in-out 0.3s;
6900
- transition: all 0.3s ease-in-out, opacity 0.5s ease-in-out 0.3s;
6901
- }
6902
-
6903
- .pa-gallery-img:hover .pa-gallery-img-link span {
6904
- -webkit-transition: all 0.3s ease-in-out, opacity 0.5s ease-in-out 0.6s;
6905
- transition: all 0.3s ease-in-out, opacity 0.5s ease-in-out 0.6s;
6906
- }
6907
-
6908
- .pa-gallery-img:hover .pa-gallery-magnific-image span,
6909
- .pa-gallery-img:hover .pa-gallery-img-link span,
6910
- .premium-gallery-icon-show a.pa-gallery-video-icon span {
6911
- opacity: 1;
6912
- }
6913
-
6914
- .premium-img-gallery-filter ul.premium-gallery-cats-container,
6915
- .premium-blog-filter ul.premium-blog-filters-container {
6916
- text-align: center;
6917
- margin: 0;
6918
- padding: 0;
6919
- }
6920
-
6921
- .premium-img-gallery-filter .premium-gallery-cats-container li,
6922
- .premium-blog-filter .premium-blog-filters-container li {
6923
- list-style: none;
6924
- display: -webkit-inline-box;
6925
- display: -webkit-inline-flex;
6926
- display: -ms-inline-flexbox;
6927
- -js-display: inline-flex;
6928
- display: -moz-inline-box;
6929
- display: inline-flex;
6930
- }
6931
-
6932
- .premium-img-gallery.zoomin .pa-gallery-img:hover img {
6933
- -webkit-transform: scale(1.1);
6934
- -ms-transform: scale(1.1);
6935
- transform: scale(1.1);
6936
- }
6937
-
6938
- .premium-img-gallery.zoomout .pa-gallery-img:hover img {
6939
- -webkit-transform: scale(1);
6940
- -ms-transform: scale(1);
6941
- transform: scale(1);
6942
- }
6943
-
6944
- .premium-img-gallery.scale .pa-gallery-img:hover img {
6945
- -webkit-transform: scale(1.3) rotate(-5deg);
6946
- -ms-transform: scale(1.3) rotate(-5deg);
6947
- transform: scale(1.3) rotate(-5deg);
6948
- }
6949
-
6950
- .premium-img-gallery.gray .pa-gallery-img:hover img {
6951
- -webkit-filter: grayscale(0%);
6952
- filter: grayscale(0%);
6953
- }
6954
-
6955
- .premium-img-gallery.blur .pa-gallery-img:hover img {
6956
- -webkit-filter: blur(3px);
6957
- filter: blur(3px);
6958
- }
6959
-
6960
- .premium-img-gallery.sepia .pa-gallery-img:hover img {
6961
- -webkit-filter: sepia(0%);
6962
- filter: sepia(0%);
6963
- }
6964
-
6965
- .premium-img-gallery.trans .pa-gallery-img:hover img {
6966
- -webkit-transform: translateX(0px) scale(1.1);
6967
- -ms-transform: translateX(0px) scale(1.1);
6968
- transform: translateX(0px) scale(1.1);
6969
- }
6970
-
6971
- .premium-img-gallery.bright .pa-gallery-img:hover img {
6972
- -webkit-filter: brightness(1.2);
6973
- filter: brightness(1.2);
6974
- }
6975
-
6976
- .pa-gallery-img .premium-gallery-caption {
6977
- padding: 10px;
6978
- }
6979
-
6980
- .pa-gallery-img .premium-gallery-caption .premium-gallery-img-name {
6981
- margin-bottom: 0;
6982
- }
6983
-
6984
- .pa-gallery-img.style1 {
6985
- overflow: hidden;
6986
- }
6987
-
6988
- .pa-gallery-img:not(.style2) .pa-gallery-icons-wrapper {
6989
- position: absolute;
6990
- top: 0;
6991
- right: 0;
6992
- width: 100%;
6993
- height: 100%;
6994
- -webkit-transition: all 0.3s ease-in-out;
6995
- transition: all 0.3s ease-in-out;
6996
- }
6997
-
6998
- .pa-gallery-img:not(.style2) .pa-gallery-icons-inner-container {
6999
- position: absolute;
7000
- top: 33.33%;
7001
- width: 100%;
7002
- text-align: center;
7003
- -webkit-transform: translateY(-50%);
7004
- -ms-transform: translateY(-50%);
7005
- transform: translateY(-50%);
7006
- z-index: 999;
7007
- }
7008
-
7009
- .pa-gallery-img.style1 .premium-gallery-caption {
7010
- position: absolute;
7011
- top: auto;
7012
- left: 0;
7013
- right: 0;
7014
- width: 100%;
7015
- -webkit-transition: all 500ms ease 0s;
7016
- transition: all 500ms ease 0s;
7017
- -webkit-transform: translate3d(0, 100%, 0);
7018
- -ms-transform: translate3d(0, 100%, 0);
7019
- transform: translate3d(0, 100%, 0);
7020
- }
7021
-
7022
- .pa-gallery-img.default .premium-gallery-caption {
7023
- position: absolute;
7024
- top: auto;
7025
- left: 0;
7026
- right: 0;
7027
- width: 100%;
7028
- bottom: 0;
7029
- }
7030
-
7031
- .pa-gallery-img.style1:hover .premium-gallery-caption {
7032
- -webkit-transform: translate3d(0, 0, 0);
7033
- -ms-transform: translate3d(0, 0, 0);
7034
- transform: translate3d(0, 0, 0);
7035
- bottom: -1px !important;
7036
- }
7037
-
7038
- .pa-gallery-img.style2 .pa-gallery-icons-caption-container {
7039
- position: absolute;
7040
- top: 0;
7041
- right: 0;
7042
- width: 100%;
7043
- height: 100%;
7044
- opacity: 0;
7045
- -webkit-backface-visibility: hidden;
7046
- backface-visibility: hidden;
7047
- -webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
7048
- -webkit-transition: opacity 0.3s, -webkit-transform 0.3s;
7049
- transition: opacity 0.3s, -webkit-transform 0.3s;
7050
- transition: transform 0.3s, opacity 0.3s;
7051
- transition: transform 0.3s, opacity 0.3s, -webkit-transform 0.3s;
7052
- z-index: 1;
7053
- background-color: rgba(108, 191, 226, 0.68);
7054
- display: -webkit-box;
7055
- display: -webkit-flex;
7056
- display: -ms-flexbox;
7057
- -js-display: flex;
7058
- display: -moz-box;
7059
- display: flex;
7060
- text-align: center;
7061
- -webkit-box-align: center;
7062
- -webkit-align-items: center;
7063
- -moz-box-align: center;
7064
- -ms-flex-align: center;
7065
- align-items: center;
7066
- }
7067
-
7068
- .pa-gallery-img.style2 .pa-gallery-icons-caption-cell {
7069
- width: 100%;
7070
- }
7071
-
7072
- .pa-gallery-img.style2:hover .pa-gallery-icons-caption-container {
7073
- opacity: 1;
7074
- -webkit-transform: translate(-15px, 15px);
7075
- -ms-transform: translate(-15px, 15px);
7076
- transform: translate(-15px, 15px);
7077
- }
7078
-
7079
- .premium-clearfix {
7080
- clear: both;
7081
- }
7082
-
7083
- .premium-gallery-container .pa-gallery-item {
7084
- padding: 10px;
7085
- }
7086
-
7087
- /**
7088
- * Metro Layout
7089
- */
7090
- .premium-img-gallery-metro .premium-gallery-item {
7091
- overflow: hidden;
7092
- }
7093
-
7094
- .premium-img-gallery-metro .pa-gallery-img {
7095
- height: 100%;
7096
- }
7097
-
7098
- .premium-img-gallery-metro .pa-gallery-img-container {
7099
- height: 100%;
7100
- }
7101
-
7102
- .premium-img-gallery-metro .pa-gallery-img-container img {
7103
- min-height: 100%;
7104
- width: 100%;
7105
- -o-object-fit: fill;
7106
- object-fit: fill;
7107
- }
7108
-
7109
- .premium-img-gallery .premium-gallery-item-hidden {
7110
- visibility: hidden;
7111
- width: 0 !important;
7112
- height: 0 !important;
7113
- margin: 0 !important;
7114
- padding: 0 !important;
7115
- }
7116
-
7117
- .premium-gallery-load-more .premium-gallery-load-more-btn {
7118
- -webkit-box-shadow: none;
7119
- box-shadow: none;
7120
- text-shadow: none;
7121
- border: none;
7122
- outline: none;
7123
- -webkit-box-align: center;
7124
- -ms-flex-align: center;
7125
- -webkit-align-items: center;
7126
- -moz-box-align: center;
7127
- align-items: center;
7128
- vertical-align: bottom;
7129
- cursor: pointer;
7130
- line-height: 1;
7131
- font-style: normal;
7132
- font-weight: normal;
7133
- background-image: none;
7134
- color: #fff;
7135
- -webkit-transition: all 0.3s ease-in-out;
7136
- transition: all 0.3s ease-in-out;
7137
- }
7138
-
7139
- .premium-gallery-load-more-btn {
7140
- display: -webkit-inline-box;
7141
- display: -webkit-inline-flex;
7142
- display: -ms-inline-flexbox;
7143
- -js-display: inline-flex;
7144
- display: -moz-inline-box;
7145
- display: inline-flex;
7146
- -webkit-box-align: center;
7147
- -webkit-align-items: center;
7148
- -moz-box-align: center;
7149
- -ms-flex-align: center;
7150
- align-items: center;
7151
- }
7152
-
7153
- .premium-loader {
7154
- border: 3px solid #f3f3f3;
7155
- border-top-width: 3px;
7156
- border-top-style: solid;
7157
- border-top-color: rgb(243, 243, 243);
7158
- -webkit-border-radius: 50%;
7159
- border-radius: 50%;
7160
- border-top: 3px solid;
7161
- border-top-color: #bbb;
7162
- width: 30px;
7163
- height: 30px;
7164
- -webkit-animation: spin 2s linear infinite;
7165
- animation: spin 2s linear infinite;
7166
- margin: 0 auto;
7167
- }
7168
-
7169
- .premium-gallery-load-more-btn div {
7170
- margin-right: 3px;
7171
- }
7172
-
7173
- .premium-gallery-load-more-btn .premium-loader {
7174
- display: inline-block;
7175
- width: 20px;
7176
- height: 20px;
7177
- }
7178
-
7179
- /** * Video */
7180
- .pa-gallery-img .pa-gallery-lightbox-wrap {
7181
- display: inline-block;
7182
- }
7183
-
7184
- .premium-img-gallery-no-lightbox .premium-gallery-video-item .pa-gallery-img,
7185
- .pa-gallery-img .pa-gallery-video-icon {
7186
- cursor: pointer;
7187
- }
7188
-
7189
- .pa-gallery-img-container iframe,
7190
- .pa-gallery-img-container video {
7191
- position: absolute;
7192
- visibility: hidden;
7193
- top: 0;
7194
- right: 0;
7195
- max-width: 100%;
7196
- width: 100%;
7197
- height: 100%;
7198
- margin: 0;
7199
- line-height: 1;
7200
- border: none;
7201
- }
7202
-
7203
- .pa-gallery-img-container video {
7204
- -o-object-fit: contain;
7205
- object-fit: contain;
7206
- }
7207
-
7208
- .pa-gallery-icons-inner-container svg,
7209
- .pa-gallery-icons-caption-cell svg {
7210
- width: 14px;
7211
- height: 14px;
7212
- }
7213
-
7214
- .premium-gallery-gradient-layer {
7215
- position: absolute;
7216
- bottom: 40px;
7217
- width: 100%;
7218
- height: 20px;
7219
- background: -webkit-gradient(linear, left bottom, left top, from(#17181f), to(rgba(255, 255, 255, 0)));
7220
- background: -webkit-linear-gradient(bottom, #17181f 0%, rgba(255, 255, 255, 0) 100%);
7221
- background: linear-gradient(to top, #17181f 0%, rgba(255, 255, 255, 0) 100%);
7222
- }
7223
-
7224
- @-webkit-keyframes spin {
7225
- 0% {
7226
- -webkit-transform: rotate(0deg);
7227
- }
7228
-
7229
- 100% {
7230
- -webkit-transform: rotate(-360deg);
7231
- }
7232
- }
7233
-
7234
- @keyframes spin {
7235
- 0% {
7236
- -webkit-transform: rotate(0deg);
7237
- transform: rotate(0deg);
7238
- }
7239
-
7240
- 100% {
7241
- -webkit-transform: rotate(-360deg);
7242
- transform: rotate(-360deg);
7243
- }
7244
- }
7245
-
7246
- /************ Premium Vertical Scroll ************/
7247
- /*************************************************/
7248
- .premium-vscroll-inner {
7249
- position: relative;
7250
- /* overflow: hidden;
7251
- */
7252
- min-height: 100%;
7253
- }
7254
-
7255
- .premium-vscroll-inner .premium-vscroll-dots {
7256
- position: fixed;
7257
- z-index: 100;
7258
- opacity: 1;
7259
- margin-top: -32px;
7260
- -webkit-transition: all 0.3s ease-in-out;
7261
- transition: all 0.3s ease-in-out;
7262
- }
7263
-
7264
- .premium-vscroll-wrap .premium-vscroll-nav-menu {
7265
- opacity: 1;
7266
- -webkit-transition: all 0.3s ease-in-out;
7267
- transition: all 0.3s ease-in-out;
7268
- }
7269
-
7270
- .premium-vscroll-inner .premium-vscroll-dots,
7271
- .premium-vscroll-wrap .premium-vscroll-dots-hide {
7272
- opacity: 0;
7273
- visibility: hidden;
7274
- }
7275
-
7276
- .premium-vscroll-nav-dots-yes .premium-vscroll-inner .premium-vscroll-dots {
7277
- opacity: 1;
7278
- visibility: visible;
7279
- }
7280
-
7281
- .premium-vscroll-dots.middle {
7282
- top: 50%;
7283
- }
7284
-
7285
- .premium-vscroll-dots.top {
7286
- top: 40px;
7287
- }
7288
-
7289
- .premium-vscroll-dots.bottom {
7290
- bottom: 30px;
7291
- }
7292
-
7293
- .premium-vscroll-dots.right {
7294
- left: 17px;
7295
- }
7296
-
7297
- .premium-vscroll-dots.left {
7298
- right: 17px;
7299
- }
7300
-
7301
- .premium-vscroll-inner ul.premium-vscroll-dots-list,
7302
- .premium-vscroll-wrap .premium-vscroll-nav-menu {
7303
- margin: 0 !important;
7304
- padding: 0;
7305
- }
7306
-
7307
- .premium-vscroll-inner ul.premium-vscroll-dots-list li {
7308
- width: 14px;
7309
- height: 13px;
7310
- margin: 7px;
7311
- position: relative;
7312
- display: -webkit-box;
7313
- display: -webkit-flex;
7314
- display: -ms-flexbox;
7315
- -js-display: flex;
7316
- display: -moz-box;
7317
- display: flex;
7318
- -webkit-box-pack: center;
7319
- -ms-flex-pack: center;
7320
- -webkit-justify-content: center;
7321
- -moz-box-pack: center;
7322
- justify-content: center;
7323
- -webkit-box-align: center;
7324
- -ms-flex-align: center;
7325
- -webkit-align-items: center;
7326
- -moz-box-align: center;
7327
- align-items: center;
7328
- overflow: visible;
7329
- }
7330
-
7331
- .premium-vscroll-inner .premium-vscroll-dot-item .premium-vscroll-nav-link {
7332
- display: block;
7333
- position: relative;
7334
- z-index: 1;
7335
- width: 100%;
7336
- height: 100%;
7337
- cursor: pointer;
7338
- text-decoration: none;
7339
- }
7340
-
7341
- .premium-vscroll-inner .premium-vscroll-dot-item .premium-vscroll-nav-link span {
7342
- top: 2px;
7343
- right: 2.5px;
7344
- width: 8px;
7345
- height: 8px;
7346
- border: 1px solid #000;
7347
- -webkit-border-radius: 50%;
7348
- border-radius: 50%;
7349
- position: absolute;
7350
- z-index: 1;
7351
- -webkit-transition: all 0.3s ease-in-out;
7352
- transition: all 0.3s ease-in-out;
7353
- }
7354
-
7355
- .premium-vscroll-inner .premium-vscroll-dot-item.active .premium-vscroll-nav-link span {
7356
- -webkit-transform: scale(1.6);
7357
- -ms-transform: scale(1.6);
7358
- transform: scale(1.6);
7359
- }
7360
-
7361
- .premium-vscroll-inner .premium-vscroll-dot-item .premium-vscroll-tooltip {
7362
- position: absolute;
7363
- color: #fff;
7364
- font-size: 14px;
7365
- font-family: arial, helvetica, sans-serif;
7366
- white-space: nowrap;
7367
- max-width: 220px;
7368
- padding-right: 0.4em;
7369
- padding-left: 0.4em;
7370
- }
7371
-
7372
- .premium-vscroll-inner .premium-vscroll-dots.right .premium-vscroll-tooltip {
7373
- left: 27px;
7374
- }
7375
-
7376
- /* * Lines */
7377
- .premium-vscroll-inner .premium-vscroll-dots.lines .premium-vscroll-dot-item {
7378
- width: 4px;
7379
- height: 30px;
7380
- }
7381
-
7382
- .premium-vscroll-inner .premium-vscroll-dots.lines .premium-vscroll-dot-item span {
7383
- width: 100%;
7384
- height: 100%;
7385
- -webkit-border-radius: 0;
7386
- border-radius: 0;
7387
- }
7388
-
7389
- .premium-vscroll-inner .premium-vscroll-dots.lines .premium-vscroll-dot-item.active span {
7390
- -webkit-transform: scale(1);
7391
- -ms-transform: scale(1);
7392
- transform: scale(1);
7393
- }
7394
-
7395
- @media (max-width: 768px) {
7396
- .premium-vscroll-dots.right {
7397
- left: 7px;
7398
- }
7399
-
7400
- .premium-vscroll-dots.left {
7401
- right: 7px;
7402
- }
7403
- }
7404
-
7405
- .premium-vscroll-inner .premium-vscroll-dots.right .premium-vscroll-tooltip::after {
7406
- position: absolute;
7407
- top: 50%;
7408
- content: "";
7409
- right: -webkit-calc(100% - 1px);
7410
- right: calc(100% - 1px);
7411
- width: 10px;
7412
- height: 0;
7413
- border-top: 6px solid transparent;
7414
- border-bottom: 6px solid transparent;
7415
- border-right: 6px solid;
7416
- -webkit-transform: translateY(-50%);
7417
- -ms-transform: translateY(-50%);
7418
- transform: translateY(-50%);
7419
- }
7420
-
7421
- .premium-vscroll-inner .premium-vscroll-dots.left .premium-vscroll-tooltip::after {
7422
- position: absolute;
7423
- top: 50%;
7424
- content: "";
7425
- left: -webkit-calc(100% - 1px);
7426
- left: calc(100% - 1px);
7427
- width: 10px;
7428
- height: 0;
7429
- border-top: 6px solid transparent;
7430
- border-bottom: 6px solid transparent;
7431
- border-left: 6px solid;
7432
- -webkit-transform: translateY(-50%);
7433
- -ms-transform: translateY(-50%);
7434
- transform: translateY(-50%);
7435
- }
7436
-
7437
- .premium-vscroll-inner .premium-vscroll-dots.left .premium-vscroll-tooltip {
7438
- right: 27px;
7439
- }
7440
-
7441
- .premium-vscroll-nav-menu {
7442
- position: fixed;
7443
- top: 20px;
7444
- height: 40px;
7445
- z-index: 100;
7446
- padding: 0;
7447
- margin: 0;
7448
- }
7449
-
7450
- .premium-vscroll-nav-menu.left {
7451
- right: 0;
7452
- }
7453
-
7454
- .premium-vscroll-nav-menu.right {
7455
- left: 0;
7456
- }
7457
-
7458
- .premium-vscroll-nav-menu .premium-vscroll-nav-item {
7459
- display: inline-block;
7460
- margin: 10px;
7461
- color: #000;
7462
- background: #fff;
7463
- background: rgba(255, 255, 255, 0.3);
7464
- }
7465
-
7466
- .premium-vscroll-nav-menu .premium-vscroll-nav-item .premium-vscroll-nav-link {
7467
- padding: 9px 18px;
7468
- display: block;
7469
- cursor: pointer;
7470
- }
7471
-
7472
- .premium-vscroll-nav-menu .premium-vscroll-nav-item .premium-vscroll-nav-link,
7473
- .premium-vscroll-nav-menu .premium-vscroll-nav-item .premium-vscroll-nav-link:hover {
7474
- color: #000;
7475
- }
7476
-
7477
- .premium-vscroll-nav-menu .premium-vscroll-nav-item .premium-vscroll-nav-link:focus,
7478
- .multiscroll-nav li a:focus {
7479
- outline: none;
7480
- }
7481
-
7482
- .premium-vscroll-temp .slimScrollBar {
7483
- visibility: hidden;
7484
- }
7485
-
7486
- /************ Premium Image Scroll ***************/
7487
- /*************************************************/
7488
- .premium-image-scroll-section,
7489
- .premium-image-scroll-container {
7490
- -webkit-transition: all 0.3s ease-in-out;
7491
- transition: all 0.3s ease-in-out;
7492
- }
7493
-
7494
- .premium-image-scroll-section {
7495
- position: relative;
7496
- overflow: hidden;
7497
- width: 100%;
7498
- -webkit-mask-image: -webkit-radial-gradient(white, black);
7499
- }
7500
-
7501
- .premium-image-scroll-container {
7502
- width: 100%;
7503
- }
7504
-
7505
- .premium-image-scroll-container .premium-image-scroll-mask-media {
7506
- -webkit-mask-repeat: no-repeat;
7507
- mask-repeat: no-repeat;
7508
- -webkit-mask-position: center;
7509
- mask-position: center;
7510
- }
7511
-
7512
- .premium-container-scroll {
7513
- overflow: auto;
7514
- }
7515
-
7516
- .premium-image-scroll-container .premium-image-scroll-horizontal {
7517
- position: relative;
7518
- width: 100%;
7519
- height: 100%;
7520
- }
7521
-
7522
- .premium-image-scroll-container .premium-image-scroll-horizontal img {
7523
- max-width: none;
7524
- height: 100%;
7525
- }
7526
-
7527
- .premium-image-scroll-container .premium-image-scroll-vertical img {
7528
- width: 100%;
7529
- max-width: 100%;
7530
- height: auto;
7531
- }
7532
-
7533
- .premium-image-scroll-ver {
7534
- position: relative;
7535
- }
7536
-
7537
- .premium-image-scroll-container .premium-image-scroll-overlay {
7538
- background: rgba(2, 2, 2, 0.3);
7539
- }
7540
-
7541
- .premium-image-scroll-container .premium-image-scroll-link,
7542
- .premium-image-scroll-container .premium-image-scroll-overlay {
7543
- position: absolute;
7544
- top: 0;
7545
- bottom: 0;
7546
- right: 0;
7547
- left: 0;
7548
- z-index: 4;
7549
- }
7550
-
7551
- .premium-image-scroll-content {
7552
- display: inline-block;
7553
- position: absolute;
7554
- height: auto;
7555
- top: 50%;
7556
- right: 50%;
7557
- text-align: center;
7558
- z-index: 5;
7559
- -webkit-transform: translate(50%, -50%);
7560
- -ms-transform: translate(50%, -50%);
7561
- transform: translate(50%, -50%);
7562
- }
7563
-
7564
- .premium-container-scroll-instant .premium-image-scroll-image {
7565
- -webkit-transition: all 0s ease-in-out !important;
7566
- transition: all 0s ease-in-out !important;
7567
- }
7568
-
7569
- .premium-image-scroll-container img {
7570
- -webkit-transition: -webkit-transform 3s ease-in-out;
7571
- transition: -webkit-transform 3s ease-in-out;
7572
- transition: transform 3s ease-in-out;
7573
- transition: transform 3s ease-in-out, -webkit-transform 3s ease-in-out;
7574
- }
7575
-
7576
- .premium-image-scroll-container .premium-image-scroll-overlay,
7577
- .premium-image-scroll-container .premium-image-scroll-content {
7578
- -webkit-transition: all 0.3s ease-in-out;
7579
- transition: all 0.3s ease-in-out;
7580
- opacity: 1;
7581
- }
7582
-
7583
- .premium-image-scroll-container:hover .premium-image-scroll-overlay {
7584
- opacity: 0;
7585
- }
7586
-
7587
- .premium-image-scroll-container:hover .premium-image-scroll-content {
7588
- opacity: 0;
7589
- visibility: hidden;
7590
- }
7591
-
7592
- .premium-image-scroll-content .premium-image-scroll-icon {
7593
- display: inline-block;
7594
- font-family: "pa-elements" !important;
7595
- speak: none;
7596
- font-style: normal;
7597
- font-weight: normal;
7598
- font-variant: normal;
7599
- text-transform: none;
7600
- line-height: 1;
7601
- -webkit-font-smoothing: antialiased;
7602
- -moz-osx-font-smoothing: grayscale;
7603
- -webkit-animation-duration: 0.5s;
7604
- animation-duration: 0.5s;
7605
- -webkit-animation-iteration-count: infinite;
7606
- animation-iteration-count: infinite;
7607
- -webkit-animation-direction: alternate;
7608
- animation-direction: alternate;
7609
- -webkit-animation-timing-function: ease-in-out;
7610
- animation-timing-function: ease-in-out;
7611
- }
7612
-
7613
- .pa-horizontal-mouse-scroll:before {
7614
- content: "\e917";
7615
- }
7616
-
7617
- .pa-vertical-mouse-scroll:before {
7618
- content: "\e918";
7619
- }
7620
-
7621
- .pa-horizontal-mouse-scroll {
7622
- -webkit-animation-name: pa-scroll-horizontal;
7623
- animation-name: pa-scroll-horizontal;
7624
- }
7625
-
7626
- .pa-vertical-mouse-scroll {
7627
- -webkit-animation-name: pa-scroll-vertical;
7628
- animation-name: pa-scroll-vertical;
7629
- }
7630
-
7631
- @-webkit-keyframes pa-scroll-vertical {
7632
- 0% {
7633
- -webkit-transform: translateY(0px);
7634
- transform: translateY(0px);
7635
- }
7636
-
7637
- 100% {
7638
- -webkit-transform: translateY(5px);
7639
- transform: translateY(5px);
7640
- }
7641
- }
7642
-
7643
- @keyframes pa-scroll-vertical {
7644
- 0% {
7645
- -webkit-transform: translateY(0px);
7646
- transform: translateY(0px);
7647
- }
7648
-
7649
- 100% {
7650
- -webkit-transform: translateY(5px);
7651
- transform: translateY(5px);
7652
- }
7653
- }
7654
-
7655
- @-webkit-keyframes pa-scroll-horizontal {
7656
- 0% {
7657
- -webkit-transform: translateX(0px);
7658
- transform: translateX(0px);
7659
- }
7660
-
7661
- 100% {
7662
- -webkit-transform: translateX(-5px);
7663
- transform: translateX(-5px);
7664
- }
7665
- }
7666
-
7667
- @keyframes pa-scroll-horizontal {
7668
- 0% {
7669
- -webkit-transform: translateX(0px);
7670
- transform: translateX(0px);
7671
- }
7672
-
7673
- 100% {
7674
- -webkit-transform: translateX(-5px);
7675
- transform: translateX(-5px);
7676
- }
7677
- }
7678
-
7679
- /********* Premium Lottie Animations **********/
7680
- /**********************************************/
7681
- .premium-lottie-wrap .premium-lottie-animation {
7682
- position: relative;
7683
- -js-display: inline-flex;
7684
- display: -webkit-inline-box;
7685
- display: -webkit-inline-flex;
7686
- display: -moz-inline-box;
7687
- display: -ms-inline-flexbox;
7688
- display: inline-flex;
7689
- -webkit-transition: all 0.3s ease-in-out;
7690
- transition: all 0.3s ease-in-out;
7691
- }
7692
-
7693
- .premium-lottie-wrap .premium-lottie-animation a {
7694
- position: absolute;
7695
- left: 0;
7696
- top: 0;
7697
- width: 100%;
7698
- height: 100%;
7699
- }
7700
-
7701
- /**************** Premium Bullet List *****************/
7702
- /******************************************************/
7703
- .premium-icon-list-box {
7704
- -js-display: flex;
7705
- display: -webkit-box;
7706
- display: -webkit-flex;
7707
- display: -moz-box;
7708
- display: -ms-flexbox;
7709
- display: flex;
7710
- -webkit-flex-wrap: wrap;
7711
- -ms-flex-wrap: wrap;
7712
- flex-wrap: wrap;
7713
- -webkit-box-orient: vertical;
7714
- -webkit-box-direction: normal;
7715
- -webkit-flex-direction: column;
7716
- -moz-box-orient: vertical;
7717
- -moz-box-direction: normal;
7718
- -ms-flex-direction: column;
7719
- flex-direction: column;
7720
- }
7721
-
7722
- .premium-icon-list-box .premium-icon-list-content-grow-lc {
7723
- -webkit-transform-origin: right center;
7724
- -ms-transform-origin: right center;
7725
- transform-origin: right center;
7726
- }
7727
-
7728
- .premium-icon-list-box .premium-icon-list-content-grow-rc {
7729
- -webkit-transform-origin: left center;
7730
- -ms-transform-origin: left center;
7731
- transform-origin: left center;
7732
- }
7733
-
7734
- .premium-icon-list-box .premium-icon-list-content-grow-cc {
7735
- -webkit-transform-origin: center center;
7736
- -ms-transform-origin: center center;
7737
- transform-origin: center center;
7738
- }
7739
-
7740
- .premium-icon-list-content {
7741
- -js-display: flex;
7742
- display: -webkit-box;
7743
- display: -webkit-flex;
7744
- display: -moz-box;
7745
- display: -ms-flexbox;
7746
- display: flex;
7747
- -webkit-transition: all 0.3s ease-in-out;
7748
- transition: all 0.3s ease-in-out;
7749
- width: auto;
7750
- position: relative;
7751
- }
7752
-
7753
- .premium-icon-list-content .premium-icon-list-text span,
7754
- .premium-icon-list-content .premium-icon-list-wrapper {
7755
- display: inline-block;
7756
- -webkit-align-self: center;
7757
- -ms-flex-item-align: center;
7758
- align-self: center;
7759
- -webkit-transition: all 0.3s ease-in-out;
7760
- transition: all 0.3s ease-in-out;
7761
- }
7762
-
7763
- .premium-icon-list-content .premium-icon-list-text span {
7764
- margin: 0 5px;
7765
- }
7766
-
7767
- .premium-icon-list-content .premium-icon-list-icon-text p {
7768
- font-size: 18px;
7769
- background-color: #eee;
7770
- padding: 1px 5px;
7771
- -webkit-border-radius: 2px;
7772
- border-radius: 2px;
7773
- }
7774
-
7775
- .premium-icon-list-content .premium-icon-list-text span,
7776
- .premium-icon-list-content .premium-icon-list-icon-text p,
7777
- .premium-icon-list-content .premium-icon-list-wrapper img,
7778
- .premium-icon-list-content .premium-icon-list-wrapper svg,
7779
- .premium-icon-list-content .premium-icon-list-wrapper i {
7780
- -webkit-transition: all 0.3s ease-in-out;
7781
- transition: all 0.3s ease-in-out;
7782
- }
7783
-
7784
- .premium-icon-list-content .premium-icon-list-wrapper {
7785
- position: relative;
7786
- line-height: 0;
7787
- }
7788
-
7789
- .premium-icon-list-content .premium-icon-list-wrapper img,
7790
- .premium-icon-list-content .premium-icon-list-wrapper .premium-lottie-animation svg {
7791
- width: 30px !important;
7792
- height: 30px !important;
7793
- position: relative;
7794
- z-index: 500;
7795
- }
7796
-
7797
- .premium-icon-list-content .premium-icon-list-wrapper i,
7798
- .premium-icon-list-content .premium-icon-list-wrapper .premium-icon-list-icon-text {
7799
- position: relative;
7800
- z-index: 500;
7801
- }
7802
-
7803
- .premium-icon-list-content .premium-icon-list-link {
7804
- position: absolute;
7805
- top: 0;
7806
- right: 0;
7807
- width: 100%;
7808
- height: 100%;
7809
- z-index: 1000;
7810
- }
7811
-
7812
- .premium-icon-list-content:not(:last-of-type) .premium-icon-list-connector {
7813
- width: 100%;
7814
- height: 100%;
7815
- position: absolute;
7816
- top: 0.5em;
7817
- z-index: 100;
7818
- -js-display: flex;
7819
- display: -webkit-box;
7820
- display: -webkit-flex;
7821
- display: -moz-box;
7822
- display: -ms-flexbox;
7823
- display: flex;
7824
- -webkit-box-pack: center;
7825
- -webkit-justify-content: center;
7826
- -moz-box-pack: center;
7827
- -ms-flex-pack: center;
7828
- justify-content: center;
7829
- }
7830
-
7831
- .premium-icon-list-content:not(:last-of-type) .premium-icon-list-connector .premium-icon-connector-content:after {
7832
- content: "";
7833
- border-left-width: 1px;
7834
- border-left-style: solid;
7835
- border-color: #333333;
7836
- display: block;
7837
- height: 100%;
7838
- }
7839
-
7840
- li.premium-icon-list-content.premium-icon-list-content-inline {
7841
- -webkit-align-self: center;
7842
- -ms-flex-item-align: center;
7843
- align-self: center;
7844
- z-index: 2;
7845
- }
7846
-
7847
- li.premium-icon-list-content.premium-icon-list-content-inline:not(:first-child) {
7848
- margin: 0 3px;
7849
- }
7850
-
7851
- li.premium-icon-list-content.premium-icon-list-content-inline:first-child {
7852
- margin: 0 0 0 3px;
7853
- }
7854
-
7855
- .premium-icon-list-divider:not(:last-child) {
7856
- width: 100%;
7857
- -webkit-box-flex: 0;
7858
- -webkit-flex: 0 0 100%;
7859
- -moz-box-flex: 0;
7860
- -ms-flex: 0 0 100%;
7861
- flex: 0 0 100%;
7862
- overflow: hidden;
7863
- }
7864
-
7865
- .premium-icon-list-divider:not(:last-child):after {
7866
- content: "";
7867
- display: block;
7868
- border-top-style: solid;
7869
- border-top-width: 1px;
7870
- }
7871
-
7872
- .premium-icon-list-divider-inline:not(:last-child) {
7873
- float: left;
7874
- display: inline-block;
7875
- position: relative;
7876
- height: 100%;
7877
- overflow: hidden;
7878
- -webkit-align-self: center;
7879
- -ms-flex-item-align: center;
7880
- align-self: center;
7881
- margin: 0 3px;
7882
- }
7883
-
7884
- .premium-icon-list-divider-inline:not(:last-child):after {
7885
- content: "";
7886
- display: block;
7887
- border-right-width: 1px;
7888
- height: 33px;
7889
- border-right-style: solid;
7890
- }
7891
-
7892
- .premium-icon-list-icon-text {
7893
- line-height: 1.5;
7894
- }
7895
-
7896
- .premium-icon-list-icon-text p,
7897
- ul.premium-icon-list-box,
7898
- li.premium-icon-list-content {
7899
- margin: 0;
7900
- }
7901
-
7902
- .premium-icon-list-blur:hover .premium-icon-list-content .premium-icon-list-wrapper i,
7903
- .premium-icon-list-blur:hover .premium-icon-list-content .premium-icon-list-text span,
7904
- .premium-icon-list-blur:hover .premium-icon-list-content .premium-icon-list-icon-text p {
7905
- color: transparent !important;
7906
- text-shadow: 0 0 3px #aaa;
7907
- }
7908
-
7909
- .premium-icon-list-blur:hover .premium-icon-list-content .premium-icon-connector-content,
7910
- .premium-icon-list-blur:hover .premium-icon-list-content .premium-icon-list-wrapper .premium-lottie-animation svg,
7911
- .premium-icon-list-blur:hover .premium-icon-list-content .premium-icon-list-wrapper img,
7912
- .premium-icon-list-blur:hover .premium-icon-list-content .premium-icon-list-badge {
7913
- -webkit-filter: blur(3px);
7914
- filter: blur(3px);
7915
- }
7916
-
7917
- .premium-icon-list-blur:hover .premium-icon-list-content:hover .premium-icon-list-wrapper i,
7918
- .premium-icon-list-blur:hover .premium-icon-list-content:hover .premium-icon-list-text span,
7919
- .premium-icon-list-blur:hover .premium-icon-list-content:hover .premium-icon-list-icon-text p {
7920
- color: #aaa !important;
7921
- text-shadow: 0 0px 0 transparent;
7922
- }
7923
-
7924
- .premium-icon-list-blur:hover .premium-icon-list-content:hover .premium-icon-connector-content,
7925
- .premium-icon-list-blur:hover .premium-icon-list-content:hover .premium-icon-list-wrapper .premium-lottie-animation svg,
7926
- .premium-icon-list-blur:hover .premium-icon-list-content:hover .premium-icon-list-wrapper img,
7927
- .premium-icon-list-blur:hover .premium-icon-list-content:hover .premium-icon-list-badge {
7928
- -webkit-filter: none;
7929
- filter: none;
7930
- }
7931
-
7932
- .premium-icon-list-content .premium-icon-list-badge {
7933
- font-size: 11px;
7934
- top: auto;
7935
- min-width: -webkit-max-content;
7936
- min-width: -moz-max-content;
7937
- min-width: max-content;
7938
- height: -webkit-fit-content;
7939
- height: -moz-fit-content;
7940
- height: fit-content;
7941
- }
7942
-
7943
- .premium-icon-list-content .premium-icon-list-icon-text p {
7944
- font-size: 13px;
7945
- }
7946
-
7947
- .premium-icon-list-gradient-effect[data-text] {
7948
- display: inline-block;
7949
- position: relative;
7950
- text-decoration: none;
7951
- }
7952
-
7953
- .premium-icon-list-gradient-effect[data-text]::before {
7954
- content: attr(data-text);
7955
- position: absolute;
7956
- z-index: 1;
7957
- overflow: hidden;
7958
- -webkit-clip-path: polygon(100% 100%, 100% 100%, 50% 50%);
7959
- clip-path: polygon(100% 100%, 100% 100%, 50% 50%);
7960
- -webkit-background-clip: text;
7961
- background-clip: text;
7962
- -webkit-text-fill-color: transparent;
7963
- -webkit-transition: all 0.4s ease;
7964
- transition: all 0.4s ease;
7965
- }
7966
-
7967
- .premium-icon-list-content:hover .premium-icon-list-gradient-effect[data-text]::before,
7968
- .premium-icon-list-content:focus .premium-icon-list-gradient-effect[data-text]::before {
7969
- -webkit-animation: rtlgradient 1s forwards;
7970
- animation: rtlgradient 1s forwards;
7971
- }
7972
-
7973
- @-webkit-keyframes rtlgradient {
7974
- 0% {
7975
- -webkit-clip-path: circle(0% at 150% 50%);
7976
- clip-path: circle(0% at 150% 50%);
7977
- }
7978
-
7979
- 100% {
7980
- -webkit-clip-path: circle(100% at 50% 50%);
7981
- clip-path: circle(100% at 50% 50%);
7982
- }
7983
- }
7984
-
7985
- @keyframes rtlgradient {
7986
- 0% {
7987
- -webkit-clip-path: circle(0% at 150% 50%);
7988
- clip-path: circle(0% at 150% 50%);
7989
- }
7990
-
7991
- 100% {
7992
- -webkit-clip-path: circle(100% at 50% 50%);
7993
- clip-path: circle(100% at 50% 50%);
7994
- }
7995
- }
7996
-
7997
- ul[data-list-animation*="animated-"] .premium-icon-list-divider,
7998
- ul[data-list-animation*="animated-"] .premium-icon-list-content,
7999
- ul[data-list-animation*="animated-"] .premium-icon-list-divider-inline {
8000
- opacity: 0;
8001
- }
8002
-
8003
- .premium-icon-list-content-grow-effect:hover {
8004
- -webkit-transform: scale(1.07);
8005
- -ms-transform: scale(1.07);
8006
- transform: scale(1.07);
8007
- }
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
+ @font-face {
2
+ font-family: "pa-elements";
3
+ src: url("../../editor/fonts/pa-elements.eot?p2y7wv");
4
+ src: url("../../editor/fonts/pa-elements.eot?p2y7wv#iefix") format("embedded-opentype"),
5
+ url("../../editor/fonts/pa-elements.ttf?p2y7wv") format("truetype"),
6
+ url("../../editor/fonts/pa-elements.woff?p2y7wv") format("woff"),
7
+ url("../../editor/fonts/pa-elements.svg?p2y7wv#pa-elements") format("svg");
8
+ font-weight: normal;
9
+ font-style: normal;
10
+ }
11
+
12
+ /**************** Premium Banner ****************/
13
+ /************************************************/
14
+ .premium-banner {
15
+ overflow: hidden;
16
+ }
17
+
18
+ .premium-banner-ib {
19
+ display: block;
20
+ position: relative;
21
+ }
22
+
23
+ .premium-banner-ib img {
24
+ display: block;
25
+ position: relative;
26
+ }
27
+
28
+ .premium-banner-img-wrap {
29
+ -js-display: flex;
30
+ display: -webkit-box;
31
+ display: -webkit-flex;
32
+ display: -moz-box;
33
+ display: -ms-flexbox;
34
+ display: flex;
35
+ height: 100%;
36
+ }
37
+
38
+ .premium-banner-img-wrap .premium-banner-ib-img {
39
+ -webkit-flex-shrink: 0;
40
+ -ms-flex-negative: 0;
41
+ flex-shrink: 0;
42
+ }
43
+
44
+ .premium-banner-ib {
45
+ z-index: 1;
46
+ overflow: hidden;
47
+ margin: 0 0 35px;
48
+ text-align: center;
49
+ -webkit-box-sizing: border-box;
50
+ -moz-box-sizing: border-box;
51
+ box-sizing: border-box;
52
+ }
53
+
54
+ .premium-banner-ib-desc .premium-banner-read-more {
55
+ z-index: 100;
56
+ }
57
+
58
+ .premium-banner-ib,
59
+ .wpb_column>.wpb_wrapper .premium-banner-ib {
60
+ margin-bottom: 0px;
61
+ }
62
+
63
+ .elementor-widget-premium-addon-banner .premium-banner-ib-title {
64
+ background: transparent;
65
+ }
66
+
67
+ .premium-banner-ib *,
68
+ .premium-banner-ib .premium-banner-ib-desc {
69
+ -webkit-box-sizing: border-box;
70
+ -moz-box-sizing: border-box;
71
+ box-sizing: border-box;
72
+ }
73
+
74
+ .premium-banner-ib img {
75
+ min-width: 100%;
76
+ max-width: 100%;
77
+ -webkit-transition: opacity 0.35s;
78
+ transition: opacity 0.35s;
79
+ }
80
+
81
+ .premium-banner-ib .premium-banner-ib-desc {
82
+ padding: 15px;
83
+ -webkit-backface-visibility: hidden;
84
+ backface-visibility: hidden;
85
+ -webkit-box-sizing: border-box;
86
+ -moz-box-sizing: border-box;
87
+ box-sizing: border-box;
88
+ position: absolute;
89
+ top: 0;
90
+ right: 0;
91
+ width: 100%;
92
+ height: 100%;
93
+ }
94
+
95
+ .premium-banner-ib .premium-banner-ib-link {
96
+ position: absolute;
97
+ top: 0;
98
+ right: 0;
99
+ width: 100%;
100
+ height: 100%;
101
+ z-index: 1000;
102
+ text-indent: 200%;
103
+ white-space: nowrap;
104
+ font-size: 0;
105
+ opacity: 0;
106
+ }
107
+
108
+ .premium-banner-ib a.premium-banner-ib-link {
109
+ display: block;
110
+ background: 100% 0;
111
+ }
112
+
113
+ .premium-banner-animation1 img {
114
+ width: -webkit-calc(100% + 50px) !important;
115
+ width: calc(100% + 50px) !important;
116
+ max-width: -webkit-calc(100% + 50px) !important;
117
+ max-width: calc(100% + 50px) !important;
118
+ -webkit-transition: opacity 0.35s, -webkit-filter 0.35s, -webkit-transform 0.35s;
119
+ transition: opacity 0.35s, -webkit-filter 0.35s, -webkit-transform 0.35s;
120
+ -webkit-transition: opacity 0.35s, -webkit-filter 0.35s, -webkit-transform 0.35s;
121
+ transition: opacity 0.35s, filter 0.35s, transform 0.35s;
122
+ transition: opacity 0.35s, filter 0.35s, transform 0.35s, -webkit-filter 0.35s, -webkit-transform 0.35s;
123
+ transition: opacity 0.35s, filter 0.35s, transform 0.35s, -webkit-filter 0.35s, -webkit-transform 0.35s;
124
+ -webkit-transform: translate3d(40px, 0, 0);
125
+ transform: translate3d(40px, 0, 0);
126
+ }
127
+
128
+ .premium-banner-animation2 .premium-banner-ib-title {
129
+ padding: 15px;
130
+ }
131
+
132
+ .premium-banner-animation1 .premium-banner-ib-desc {
133
+ top: auto;
134
+ bottom: 0;
135
+ min-height: 25%;
136
+ height: auto;
137
+ max-height: 100%;
138
+ text-align: right;
139
+ }
140
+
141
+ .premium-banner-animation1 .premium-banner-ib-content,
142
+ .premium-banner-animation1 .premium-banner-ib-title,
143
+ .premium-banner-animation1 .premium-banner-read-more {
144
+ -webkit-transform: translate3d(0, 40px, 0);
145
+ transform: translate3d(0, 40px, 0);
146
+ -webkit-transition-delay: 0.05s;
147
+ transition-delay: 0.05s;
148
+ -webkit-transition-duration: 0.35s;
149
+ transition-duration: 0.35s;
150
+ }
151
+
152
+ .premium-banner-animation1 .premium-banner-ib-title {
153
+ -webkit-transition: -webkit-transform 0.35s;
154
+ transition: -webkit-transform 0.35s;
155
+ transition: transform 0.35s;
156
+ transition: transform 0.35s, -webkit-transform 0.35s;
157
+ }
158
+
159
+ .premium-banner-animation1 .premium-banner-ib-content,
160
+ .premium-banner-animation1 .premium-banner-read-more {
161
+ margin-top: 10px;
162
+ opacity: 0;
163
+ -webkit-transition: opacity 0.2s, -webkit-transform 0.35s;
164
+ transition: opacity 0.2s, -webkit-transform 0.35s;
165
+ transition: opacity 0.2s, transform 0.35s;
166
+ transition: opacity 0.2s, transform 0.35s, -webkit-transform 0.35s;
167
+ }
168
+
169
+ .premium-banner-animation1:hover .premium-banner-ib-content,
170
+ .premium-banner-animation1.active .premium-banner-ib-content,
171
+ .premium-banner-animation1:hover .premium-banner-read-more,
172
+ .premium-banner-animation1.active .premium-banner-read-more {
173
+ opacity: 1;
174
+ -webkit-transition-delay: 0.05s;
175
+ transition-delay: 0.05s;
176
+ -webkit-transition-duration: 0.35s;
177
+ transition-duration: 0.35s;
178
+ }
179
+
180
+ .premium-banner-animation1:hover .premium-banner-ib-content,
181
+ .premium-banner-animation1.active .premium-banner-ib-content,
182
+ .premium-banner-animation1:hover .premium-banner-read-more,
183
+ .premium-banner-animation1.active .premium-banner-read-more,
184
+ .premium-banner-animation1:hover .premium-banner-ib-title,
185
+ .premium-banner-animation1.active .premium-banner-ib-title,
186
+ .premium-banner-animation1:hover img,
187
+ .premium-banner-animation1.active img {
188
+ -webkit-transform: translate3d(0, 0, 0);
189
+ transform: translate3d(0, 0, 0);
190
+ -webkit-transition-delay: 0.05s;
191
+ transition-delay: 0.05s;
192
+ -webkit-transition-duration: 0.35s;
193
+ transition-duration: 0.35s;
194
+ }
195
+
196
+ .premium-banner-animation1.zoomout img,
197
+ .premium-banner-animation1.scale img {
198
+ -webkit-transform: translate3d(40px, 0, 0) scale(1.1);
199
+ transform: translate3d(40px, 0, 0) scale(1.1);
200
+ }
201
+
202
+ .premium-banner-ib.sepia img {
203
+ -webkit-filter: sepia(30%);
204
+ filter: sepia(30%);
205
+ }
206
+
207
+ .premium-banner-ib.bright img {
208
+ -webkit-filter: brightness(1);
209
+ filter: brightness(1);
210
+ }
211
+
212
+ .premium-banner-ib.sepia:hover img {
213
+ -webkit-filter: sepia(0%);
214
+ filter: sepia(0%);
215
+ }
216
+
217
+ .premium-banner-ib.bright:hover img {
218
+ -webkit-filter: brightness(1.2);
219
+ filter: brightness(1.2);
220
+ }
221
+
222
+ .premium-banner-animation1.premium-banner-min-height img,
223
+ .premium-banner-animation2.premium-banner-min-height img,
224
+ .premium-banner-animation4.premium-banner-min-height img,
225
+ .premium-banner-animation5.premium-banner-min-height img,
226
+ .premium-banner-animation6.premium-banner-min-height img,
227
+ .premium-banner-animation13.premium-banner-min-height img {
228
+ height: auto;
229
+ }
230
+
231
+ .premium-banner-animation2 img {
232
+ width: 100%;
233
+ }
234
+
235
+ .premium-banner-animation2 .premium-banner-ib-desc::before {
236
+ position: absolute;
237
+ content: "";
238
+ top: 0;
239
+ right: 0;
240
+ width: 100%;
241
+ height: 100%;
242
+ opacity: 0;
243
+ -webkit-transform: translate3d(0, 50%, 0);
244
+ transform: translate3d(0, 50%, 0);
245
+ }
246
+
247
+ .premium-banner-animation2 .premium-banner-ib-title {
248
+ position: absolute;
249
+ top: 50%;
250
+ right: 0;
251
+ width: 100%;
252
+ -webkit-transition: color 0.35s, -webkit-transform 0.35s;
253
+ transition: color 0.35s, -webkit-transform 0.35s;
254
+ transition: transform 0.35s, color 0.35s;
255
+ transition: transform 0.35s, color 0.35s, -webkit-transform 0.35s;
256
+ -webkit-transform: translate3d(0, -50%, 0);
257
+ transform: translate3d(0, -50%, 0);
258
+ }
259
+
260
+ .premium-banner-animation2 .premium-banner-ib-content,
261
+ .premium-banner-animation2 .premium-banner-read-more,
262
+ .premium-banner-animation2 .premium-banner-ib-desc::before {
263
+ -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
264
+ transition: opacity 0.35s, -webkit-transform 0.35s;
265
+ transition: opacity 0.35s, transform 0.35s;
266
+ transition: opacity 0.35s, transform 0.35s, -webkit-transform 0.35s;
267
+ }
268
+
269
+ .premium-banner-animation2 .premium-banner-ib-content,
270
+ .premium-banner-animation2 .premium-banner-read-more {
271
+ position: absolute;
272
+ bottom: 0;
273
+ right: 0;
274
+ padding: 15px;
275
+ width: 100%;
276
+ max-height: 50%;
277
+ opacity: 0;
278
+ -webkit-transform: translate3d(0, 10px, 0);
279
+ transform: translate3d(0, 10px, 0);
280
+ }
281
+
282
+ .premium-banner-animation2:hover .premium-banner-ib-title,
283
+ .premium-banner-animation2.active .premium-banner-ib-title {
284
+ -webkit-transform: translate3d(0, -40px, 0);
285
+ transform: translate3d(0, -40px, 0);
286
+ }
287
+
288
+ .premium-banner-animation2:hover .premium-banner-read-more,
289
+ .premium-banner-animation2.active .premium-banner-read-more,
290
+ .premium-banner-animation2:hover .premium-banner-ib-desc::before,
291
+ .premium-banner-animation2.active .premium-banner-ib-desc::before {
292
+ opacity: 1;
293
+ -webkit-transform: translate3d(0, 0, 0);
294
+ transform: translate3d(0, 0, 0);
295
+ }
296
+
297
+ .premium-banner-animation2:hover .premium-banner-ib-content,
298
+ .premium-banner-animation2.active .premium-banner-ib-content {
299
+ opacity: 1;
300
+ -webkit-transform: translate3d(0, -30px, 0);
301
+ transform: translate3d(0, -30px, 0);
302
+ }
303
+
304
+ .premium-banner-animation3 .premium-banner-ib-title {
305
+ position: absolute;
306
+ bottom: 0;
307
+ right: 0;
308
+ padding: 15px;
309
+ width: 100%;
310
+ text-align: right;
311
+ -webkit-transform: translate3d(0, -30px, 0);
312
+ transform: translate3d(0, -30px, 0);
313
+ }
314
+
315
+ .premium-banner-animation3 .premium-banner-ib-desc::before,
316
+ .premium-banner-animation3 .premium-banner-ib-title {
317
+ -webkit-transition: -webkit-transform 0.35s;
318
+ transition: -webkit-transform 0.35s;
319
+ transition: transform 0.35s;
320
+ transition: transform 0.35s, -webkit-transform 0.35s;
321
+ }
322
+
323
+ .premium-banner-animation3:hover .premium-banner-ib-desc::before,
324
+ .premium-banner-animation3.active .premium-banner-ib-desc::before,
325
+ .premium-banner-animation3:hover .premium-banner-ib-title,
326
+ .premium-banner-animation3.active .premium-banner-ib-title {
327
+ opacity: 1;
328
+ -webkit-transform: translate3d(0, 0, 0);
329
+ transform: translate3d(0, 0, 0);
330
+ }
331
+
332
+ .premium-banner-animation3 .premium-banner-ib-content {
333
+ max-height: -webkit-calc(100% - 60px - 1.5em);
334
+ max-height: calc(100% - 60px - 1.5em);
335
+ overflow: hidden;
336
+ }
337
+
338
+ .premium-banner-animation4 img {
339
+ width: -webkit-calc(100% + 40px) !important;
340
+ width: calc(100% + 40px) !important;
341
+ max-width: -webkit-calc(100% + 40px) !important;
342
+ max-width: calc(100% + 40px) !important;
343
+ }
344
+
345
+ .premium-banner-animation4 .premium-banner-ib-desc {
346
+ padding: 30px;
347
+ }
348
+
349
+ .premium-banner-animation4 .premium-banner-ib-desc::after {
350
+ position: absolute;
351
+ content: "";
352
+ opacity: 0;
353
+ }
354
+
355
+ .premium-banner-animation4 .premium-banner-ib-desc::before {
356
+ position: absolute;
357
+ content: "";
358
+ opacity: 0;
359
+ top: 50px;
360
+ left: 30px;
361
+ bottom: 50px;
362
+ right: 30px;
363
+ border-top: 1px solid #fff;
364
+ border-bottom: 1px solid #fff;
365
+ -webkit-transform: scale(0, 1);
366
+ -ms-transform: scale(0, 1);
367
+ transform: scale(0, 1);
368
+ -webkit-transform-origin: 100% 0;
369
+ -ms-transform-origin: 100% 0;
370
+ transform-origin: 100% 0;
371
+ }
372
+
373
+ .premium-banner-animation4 .premium-banner-ib-desc::after {
374
+ top: 30px;
375
+ left: 50px;
376
+ bottom: 30px;
377
+ right: 50px;
378
+ border-left: 1px solid #fff;
379
+ border-right: 1px solid #fff;
380
+ -webkit-transform: scale(1, 0);
381
+ -ms-transform: scale(1, 0);
382
+ transform: scale(1, 0);
383
+ -webkit-transform-origin: 0% 0;
384
+ -ms-transform-origin: 0% 0;
385
+ transform-origin: 0% 0;
386
+ }
387
+
388
+ .premium-banner-animation4 .premium-banner-ib-title {
389
+ padding: 50px 30px 0 30px;
390
+ -webkit-transition: -webkit-transform 0.35s;
391
+ transition: -webkit-transform 0.35s;
392
+ transition: transform 0.35s;
393
+ transition: transform 0.35s, -webkit-transform 0.35s;
394
+ }
395
+
396
+ .premium-banner-animation4 .premium-banner-ib-content,
397
+ .premium-banner-animation4 .premium-banner-read-more {
398
+ padding: 10px 30px;
399
+ opacity: 0;
400
+ overflow: hidden;
401
+ -webkit-transform: translate3d(0, -10px, 0);
402
+ transform: translate3d(0, -10px, 0);
403
+ }
404
+
405
+ .premium-banner-animation4 .premium-banner-ib-title,
406
+ .premium-banner-animation4 img {
407
+ -webkit-transform: translate3d(30px, 0, 0);
408
+ transform: translate3d(30px, 0, 0);
409
+ }
410
+
411
+ .premium-banner-animation4.zoomout img,
412
+ .premium-banner-animation4.scale img {
413
+ -webkit-transform: translate3d(30px, 0, 0) scale(1.1);
414
+ transform: translate3d(30px, 0, 0) scale(1.1);
415
+ }
416
+
417
+ .premium-banner-animation4 .premium-banner-ib-content,
418
+ .premium-banner-animation4 .premium-banner-read-more {
419
+ -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
420
+ transition: opacity 0.35s, -webkit-transform 0.35s;
421
+ transition: opacity 0.35s, transform 0.35s;
422
+ transition: opacity 0.35s, transform 0.35s, -webkit-transform 0.35s;
423
+ }
424
+
425
+ .premium-banner-animation4 .premium-banner-ib-desc::after,
426
+ .premium-banner-animation4 .premium-banner-ib-desc::before {
427
+ -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
428
+ transition: opacity 0.35s, -webkit-transform 0.35s;
429
+ transition: opacity 0.35s, transform 0.35s;
430
+ transition: opacity 0.35s, transform 0.35s, -webkit-transform 0.35s;
431
+ }
432
+
433
+ .premium-banner-animation4 img {
434
+ -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
435
+ transition: opacity 0.35s, -webkit-transform 0.35s;
436
+ transition: opacity 0.35s, transform 0.35s;
437
+ transition: opacity 0.35s, transform 0.35s, -webkit-transform 0.35s;
438
+ }
439
+
440
+ .premium-banner-animation4:hover .premium-banner-ib-desc::after,
441
+ .premium-banner-animation4.active .premium-banner-ib-desc::after,
442
+ .premium-banner-animation4:hover .premium-banner-ib-desc::before,
443
+ .premium-banner-animation4.active .premium-banner-ib-desc::before {
444
+ opacity: 1;
445
+ -webkit-transform: scale(1);
446
+ -ms-transform: scale(1);
447
+ transform: scale(1);
448
+ }
449
+
450
+ .premium-banner-animation4:hover .premium-banner-ib-content,
451
+ .premium-banner-animation4.active .premium-banner-ib-content,
452
+ .premium-banner-animation4:hover .premium-banner-read-more,
453
+ .premium-banner-animation4.active .premium-banner-read-more,
454
+ .premium-banner-animation4:hover .premium-banner-ib-title,
455
+ .premium-banner-animation4.active .premium-banner-ib-title {
456
+ opacity: 1;
457
+ -webkit-transform: translate3d(0, 0, 0);
458
+ transform: translate3d(0, 0, 0);
459
+ }
460
+
461
+ .premium-banner-animation4:hover .premium-banner-ib-content,
462
+ .premium-banner-animation4:hover .premium-banner-ib-desc::after,
463
+ .premium-banner-animation4:hover .premium-banner-ib-title,
464
+ .premium-banner-animation4:hover img {
465
+ -webkit-transition-delay: 0.15s;
466
+ transition-delay: 0.15s;
467
+ }
468
+
469
+ .premium-banner-animation5 .premium-banner-ib-desc {
470
+ top: auto;
471
+ bottom: 0;
472
+ padding: 15px;
473
+ height: auto;
474
+ background: #f2f2f2;
475
+ color: #3c4a50;
476
+ -webkit-transition: -webkit-transform 0.35s;
477
+ transition: -webkit-transform 0.35s;
478
+ transition: transform 0.35s;
479
+ transition: transform 0.35s, -webkit-transform 0.35s;
480
+ -webkit-transform: translate3d(0, 100%, 0);
481
+ transform: translate3d(0, 100%, 0);
482
+ }
483
+
484
+ .premium-banner-animation5 .premium-banner-ib-content {
485
+ position: absolute;
486
+ top: auto;
487
+ bottom: 100%;
488
+ right: 0;
489
+ width: 100%;
490
+ padding: 15px;
491
+ opacity: 0;
492
+ -webkit-transition: opacity 0.35s;
493
+ transition: opacity 0.35s;
494
+ }
495
+
496
+ .premium-banner-animation5 .premium-banner-ib-title,
497
+ .premium-banner-animation5 .premium-banner-read-more {
498
+ -webkit-transition: -webkit-transform 0.35s;
499
+ transition: -webkit-transform 0.35s;
500
+ transition: transform 0.35s;
501
+ transition: transform 0.35s, -webkit-transform 0.35s;
502
+ -webkit-transform: translate3d(0, 200%, 0);
503
+ transform: translate3d(0, 200%, 0);
504
+ text-align: center;
505
+ }
506
+
507
+ .premium-banner-animation5 .premium-banner-ib-title {
508
+ margin: 10px 0;
509
+ }
510
+
511
+ .premium-banner-animation5:hover .premium-banner-ib-content,
512
+ .premium-banner-animation5.active .premium-banner-ib-content,
513
+ .premium-banner-animation5:hover .premium-banner-ib-content *,
514
+ .premium-banner-animation5.active .premium-banner-ib-content * {
515
+ opacity: 1 !important;
516
+ z-index: 99 !important;
517
+ -webkit-backface-visibility: hidden !important;
518
+ backface-visibility: hidden !important;
519
+ }
520
+
521
+ .premium-banner-animation5:hover .premium-banner-ib-desc,
522
+ .premium-banner-animation5.active .premium-banner-ib-desc,
523
+ .premium-banner-animation5:hover .premium-banner-ib-title,
524
+ .premium-banner-animation5.active .premium-banner-ib-title,
525
+ .premium-banner-animation5:hover .premium-banner-read-more,
526
+ .premium-banner-animation5.active .premium-banner-read-more {
527
+ -webkit-transform: translateY(0);
528
+ -ms-transform: translateY(0);
529
+ transform: translateY(0);
530
+ }
531
+
532
+ .premium-banner-animation5:hover .premium-banner-ib-title {
533
+ -webkit-transition-delay: 0.05s;
534
+ transition-delay: 0.05s;
535
+ }
536
+
537
+ .premium-banner-animation5 img {
538
+ -webkit-transition: opacity 0.35s, -webkit-filter 0.35s, -webkit-transform 0.35s;
539
+ transition: opacity 0.35s, -webkit-filter 0.35s, -webkit-transform 0.35s;
540
+ -webkit-transition: opacity 0.35s, -webkit-filter 0.35s, -webkit-transform 0.35s;
541
+ transition: opacity 0.35s, filter 0.35s, transform 0.35s;
542
+ transition: opacity 0.35s, filter 0.35s, transform 0.35s, -webkit-filter 0.35s, -webkit-transform 0.35s;
543
+ transition: opacity 0.35s, filter 0.35s, transform 0.35s, -webkit-filter 0.35s, -webkit-transform 0.35s;
544
+ }
545
+
546
+ .premium-banner-animation2 img,
547
+ .premium-banner-animation4 img,
548
+ .premium-banner-animation6 img {
549
+ -webkit-transition: opacity 0.35s, -webkit-filter 0.35s, -webkit-transform 0.35s;
550
+ transition: opacity 0.35s, -webkit-filter 0.35s, -webkit-transform 0.35s;
551
+ -webkit-transition: opacity 0.35s, -webkit-filter 0.35s, -webkit-transform 0.35s;
552
+ transition: opacity 0.35s, filter 0.35s, transform 0.35s;
553
+ transition: opacity 0.35s, filter 0.35s, transform 0.35s, -webkit-filter 0.35s, -webkit-transform 0.35s;
554
+ transition: opacity 0.35s, filter 0.35s, transform 0.35s, -webkit-filter 0.35s, -webkit-transform 0.35s;
555
+ }
556
+
557
+ .premium-banner-animation5.zoomout img,
558
+ .premium-banner-animation5.scale img {
559
+ -webkit-transform: scale(1.1);
560
+ -ms-transform: scale(1.1);
561
+ transform: scale(1.1);
562
+ }
563
+
564
+ .premium-banner-animation2.zoomout img,
565
+ .premium-banner-animation2.scale img {
566
+ -webkit-transform: scale(1.1);
567
+ -ms-transform: scale(1.1);
568
+ transform: scale(1.1);
569
+ }
570
+
571
+ .premium-banner-animation6.zoomout img,
572
+ .premium-banner-animation6.scale img {
573
+ -webkit-transform: scale(1.1);
574
+ -ms-transform: scale(1.1);
575
+ transform: scale(1.1);
576
+ }
577
+
578
+ .premium-banner-animation5.zoomin:hover img,
579
+ .premium-banner-animation2.zoomin:hover img,
580
+ .premium-banner-animation6.zoomin:hover img {
581
+ -webkit-transform: scale(1.1);
582
+ -ms-transform: scale(1.1);
583
+ transform: scale(1.1);
584
+ }
585
+
586
+ .premium-banner-animation5.zoomout:hover img,
587
+ .premium-banner-animation2.zoomout:hover img,
588
+ .premium-banner-animation6.zoomout:hover img {
589
+ -webkit-transform: scale(1);
590
+ -ms-transform: scale(1);
591
+ transform: scale(1);
592
+ }
593
+
594
+ .premium-banner-animation5.scale:hover img,
595
+ .premium-banner-animation2.scale:hover img,
596
+ .premium-banner-animation6.scale:hover img {
597
+ -webkit-transform: scale(1.2) rotate(-5deg);
598
+ -ms-transform: scale(1.2) rotate(-5deg);
599
+ transform: scale(1.2) rotate(-5deg);
600
+ }
601
+
602
+ .premium-banner-animation5.grayscale:hover img,
603
+ .premium-banner-animation2.grayscale:hover img,
604
+ .premium-banner-animation6.grayscale:hover img {
605
+ -webkit-filter: grayscale(100%);
606
+ filter: grayscale(100%);
607
+ }
608
+
609
+ .premium-banner-animation5.blur:hover img,
610
+ .premium-banner-animation2.blur:hover img {
611
+ -webkit-filter: blur(3px);
612
+ filter: blur(3px);
613
+ }
614
+
615
+ .premium-banner-animation6.blur:hover img {
616
+ -webkit-filter: blur(3px);
617
+ filter: blur(3px);
618
+ }
619
+
620
+ .premium-banner-animation6 .premium-banner-ib-desc {
621
+ padding: 45px;
622
+ }
623
+
624
+ .premium-banner-animation6 .premium-banner-ib-desc::before {
625
+ position: absolute;
626
+ content: "";
627
+ top: 30px;
628
+ left: 30px;
629
+ bottom: 30px;
630
+ right: 30px;
631
+ border: 1px solid #fff;
632
+ }
633
+
634
+ .premium-banner-animation6 .premium-banner-ib-title {
635
+ margin: 20px 0 10px;
636
+ -webkit-transition: -webkit-transform 0.35s;
637
+ transition: -webkit-transform 0.35s;
638
+ transition: transform 0.35s;
639
+ transition: transform 0.35s, -webkit-transform 0.35s;
640
+ -webkit-transform: translate3d(0, 100%, 0);
641
+ transform: translate3d(0, 100%, 0);
642
+ }
643
+
644
+ .premium-banner-animation6 .premium-banner-ib-content,
645
+ .premium-banner-animation6 .premium-banner-read-more,
646
+ .premium-banner-animation6 .premium-banner-ib-desc::before {
647
+ opacity: 0;
648
+ -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
649
+ transition: opacity 0.35s, -webkit-transform 0.35s;
650
+ transition: opacity 0.35s, transform 0.35s;
651
+ transition: opacity 0.35s, transform 0.35s, -webkit-transform 0.35s;
652
+ -webkit-transform: scale(0);
653
+ -ms-transform: scale(0);
654
+ transform: scale(0);
655
+ }
656
+
657
+ .premium-banner-animation6 .premium-banner-read-more {
658
+ margin-top: 10px;
659
+ }
660
+
661
+ .premium-banner-animation6:hover .premium-banner-ib-title,
662
+ .premium-banner-animation6.active .premium-banner-ib-title {
663
+ -webkit-transform: translate3d(0, 0, 0);
664
+ transform: translate3d(0, 0, 0);
665
+ }
666
+
667
+ .premium-banner-animation6:hover .premium-banner-ib-content,
668
+ .premium-banner-animation6.active .premium-banner-ib-content,
669
+ .premium-banner-animation6:hover .premium-banner-read-more,
670
+ .premium-banner-animation6.active .premium-banner-read-more,
671
+ .premium-banner-animation6:hover .premium-banner-ib-desc::before,
672
+ .premium-banner-animation6.active .premium-banner-ib-desc::before {
673
+ opacity: 1;
674
+ -webkit-transform: scale(1);
675
+ -ms-transform: scale(1);
676
+ transform: scale(1);
677
+ }
678
+
679
+ .premium-banner-animation12 .premium-banner-ib-desc::after {
680
+ position: absolute;
681
+ content: "";
682
+ left: 30px;
683
+ bottom: 30px;
684
+ right: 30px;
685
+ height: -webkit-calc(50% - 30px);
686
+ height: calc(50% - 30px);
687
+ border: 7px solid #fff;
688
+ -webkit-transition: -webkit-transform 0.35s;
689
+ transition: -webkit-transform 0.35s;
690
+ transition: transform 0.35s;
691
+ transition: transform 0.35s, -webkit-transform 0.35s;
692
+ -webkit-transform: translate3d(0, -100%, 0);
693
+ transform: translate3d(0, -100%, 0);
694
+ }
695
+
696
+ .premium-banner-animation12:hover .premium-banner-ib-desc::after,
697
+ .premium-banner-animation12.active .premium-banner-ib-desc::after {
698
+ -webkit-transform: translate3d(0, 0, 0);
699
+ transform: translate3d(0, 0, 0);
700
+ }
701
+
702
+ .premium-banner-animation12 .premium-banner-ib-desc {
703
+ padding: 45px;
704
+ text-align: right;
705
+ }
706
+
707
+ .premium-banner-animation12 .premium-banner-ib-content {
708
+ position: absolute;
709
+ left: 60px;
710
+ bottom: 60px;
711
+ right: 60px;
712
+ opacity: 0;
713
+ -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
714
+ transition: opacity 0.35s, -webkit-transform 0.35s;
715
+ transition: opacity 0.35s, transform 0.35s;
716
+ transition: opacity 0.35s, transform 0.35s, -webkit-transform 0.35s;
717
+ -webkit-transform: translate3d(0, -100px, 0);
718
+ transform: translate3d(0, -100px, 0);
719
+ }
720
+
721
+ .premium-banner-animation12:hover .premium-banner-ib-content,
722
+ .premium-banner-animation12.active .premium-banner-ib-content {
723
+ opacity: 1;
724
+ -webkit-transform: translate3d(0, 0, 0);
725
+ transform: translate3d(0, 0, 0);
726
+ }
727
+
728
+ .premium-banner-animation13 img {
729
+ width: -webkit-calc(100% + 20px) !important;
730
+ width: calc(100% + 20px) !important;
731
+ max-width: -webkit-calc(100% + 20px) !important;
732
+ max-width: calc(100% + 20px) !important;
733
+ -webkit-transition: opacity 0.35s, -webkit-filter 0.35s, -webkit-transform 0.35s;
734
+ transition: opacity 0.35s, -webkit-filter 0.35s, -webkit-transform 0.35s;
735
+ -webkit-transition: opacity 0.35s, -webkit-filter 0.35s, -webkit-transform 0.35s;
736
+ transition: opacity 0.35s, filter 0.35s, transform 0.35s;
737
+ transition: opacity 0.35s, filter 0.35s, transform 0.35s, -webkit-filter 0.35s, -webkit-transform 0.35s;
738
+ transition: opacity 0.35s, filter 0.35s, transform 0.35s, -webkit-filter 0.35s, -webkit-transform 0.35s;
739
+ -webkit-transform: translate3d(10px, 0, 0);
740
+ transform: translate3d(10px, 0, 0);
741
+ -webkit-backface-visibility: hidden;
742
+ backface-visibility: hidden;
743
+ }
744
+
745
+ .premium-banner-animation13.zoomout img,
746
+ .premium-banner-animation13.scale img {
747
+ -webkit-transform: translate3d(10px, 0, 0) scale(1.1);
748
+ transform: translate3d(10px, 0, 0) scale(1.1);
749
+ }
750
+
751
+ .premium-banner-animation13.none:hover img {
752
+ -webkit-transform: translate3d(0, 0, 0);
753
+ transform: translate3d(0, 0, 0);
754
+ }
755
+
756
+ .premium-banner-animation1.none:hover img,
757
+ .premium-banner-animation4.none:hover img {
758
+ -webkit-transform: translate3d(0, 0, 0);
759
+ transform: translate3d(0, 0, 0);
760
+ }
761
+
762
+ .premium-banner-animation13.zoomin:hover img,
763
+ .premium-banner-animation1.zoomin:hover img,
764
+ .premium-banner-animation4.zoomin:hover img,
765
+ .premium-banner-animation8.zoomin:hover img,
766
+ .premium-banner-animation7.zoomin:hover img,
767
+ .premium-banner-animation9.zoomin:hover img,
768
+ .premium-banner-animation10.zoomin:hover img,
769
+ .premium-banner-animation11.zoomin:hover img {
770
+ -webkit-transform: translate3d(0, 0, 0) scale(1.1);
771
+ transform: translate3d(0, 0, 0) scale(1.1);
772
+ }
773
+
774
+ .premium-banner-animation13.zoomout:hover img,
775
+ .premium-banner-animation1.zoomout:hover img,
776
+ .premium-banner-animation4.zoomout:hover img,
777
+ .premium-banner-animation8.zoomout:hover img,
778
+ .premium-banner-animation7.zoomout:hover img,
779
+ .premium-banner-animation9.zoomout:hover img,
780
+ .premium-banner-animation10.zoomout:hover img,
781
+ .premium-banner-animation11.zoomout:hover img {
782
+ -webkit-transform: translate3d(0, 0, 0) scale(1);
783
+ transform: translate3d(0, 0, 0) scale(1);
784
+ }
785
+
786
+ .premium-banner-animation13.scale:hover img,
787
+ .premium-banner-animation1.scale:hover img,
788
+ .premium-banner-animation4.scale:hover img,
789
+ .premium-banner-animation8.scale:hover img,
790
+ .premium-banner-animation7.scale:hover img,
791
+ .premium-banner-animation9.scale:hover img,
792
+ .premium-banner-animation10.scale:hover img,
793
+ .premium-banner-animation11.scale:hover img {
794
+ -webkit-transform: translate3d(0, 0, 0) scale(1.2) rotate(-5deg);
795
+ transform: translate3d(0, 0, 0) scale(1.2) rotate(-5deg);
796
+ }
797
+
798
+ .premium-banner-animation13.grayscale:hover img,
799
+ .premium-banner-animation1.grayscale:hover img,
800
+ .premium-banner-animation4.grayscale:hover img,
801
+ .premium-banner-animation8.grayscale:hover img,
802
+ .premium-banner-animation7.grayscale:hover img,
803
+ .premium-banner-animation9.grayscale:hover img,
804
+ .premium-banner-animation10.grayscale:hover img,
805
+ .premium-banner-animation11.grayscale:hover img {
806
+ -webkit-transform: translate3d(0, 0, 0);
807
+ transform: translate3d(0, 0, 0);
808
+ -webkit-filter: grayscale(100%);
809
+ filter: grayscale(100%);
810
+ }
811
+
812
+ .premium-banner-animation13.blur:hover img,
813
+ .premium-banner-animation1.blur:hover img,
814
+ .premium-banner-animation4.blur:hover,
815
+ .premium-banner-animation8.blur:hover img,
816
+ .premium-banner-animation7.blur:hover img,
817
+ .premium-banner-animation9.blur:hover img,
818
+ .premium-banner-animation10.blur:hover img,
819
+ .premium-banner-animation11.blur:hover img {
820
+ -webkit-transform: translate3d(0, 0, 0);
821
+ transform: translate3d(0, 0, 0);
822
+ -webkit-filter: blur(3px);
823
+ filter: blur(3px);
824
+ }
825
+
826
+ .premium-banner-animation13 .premium-banner-ib-desc {
827
+ text-align: right;
828
+ }
829
+
830
+ .premium-banner-animation13 .premium-banner-ib-title {
831
+ position: relative;
832
+ overflow: hidden;
833
+ padding: 5px 0 10px;
834
+ }
835
+
836
+ .premium-banner-animation13 .premium-banner-ib-title::after {
837
+ position: absolute;
838
+ content: "";
839
+ bottom: 0;
840
+ right: 0;
841
+ width: 100%;
842
+ height: 2px;
843
+ background: #fff;
844
+ -webkit-transition: -webkit-transform 0.35s;
845
+ transition: -webkit-transform 0.35s;
846
+ transition: transform 0.35s;
847
+ transition: transform 0.35s, -webkit-transform 0.35s;
848
+ -webkit-transform: translate3d(101%, 0, 0);
849
+ transform: translate3d(101%, 0, 0);
850
+ }
851
+
852
+ .premium-banner-animation13:hover .premium-banner-ib-title::after,
853
+ .premium-banner-animation13.active .premium-banner-ib-title::after {
854
+ -webkit-transform: translate3d(0, 0, 0);
855
+ transform: translate3d(0, 0, 0);
856
+ }
857
+
858
+ .premium-banner-animation13 .premium-banner-ib-content,
859
+ .premium-banner-animation13 .premium-banner-read-more {
860
+ padding: 15px 0;
861
+ opacity: 0;
862
+ -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
863
+ transition: opacity 0.35s, -webkit-transform 0.35s;
864
+ transition: opacity 0.35s, transform 0.35s;
865
+ transition: opacity 0.35s, transform 0.35s, -webkit-transform 0.35s;
866
+ -webkit-transform: translate3d(-100%, 0, 0);
867
+ transform: translate3d(-100%, 0, 0);
868
+ }
869
+
870
+ .premium-banner-animation13:hover .premium-banner-ib-content,
871
+ .premium-banner-animation13.active .premium-banner-ib-content,
872
+ .premium-banner-animation13:hover .premium-banner-read-more,
873
+ .premium-banner-animation13.active .premium-banner-read-more {
874
+ opacity: 1;
875
+ -webkit-transform: translate3d(0, 0, 0);
876
+ transform: translate3d(0, 0, 0);
877
+ }
878
+
879
+ .premium-banner-ib.premium-banner-animation5 .premium-banner-toggle-size {
880
+ right: 50%;
881
+ width: auto !important;
882
+ height: 100%;
883
+ max-width: none;
884
+ -webkit-transform: translateX(50%);
885
+ -ms-transform: translateX(50%);
886
+ transform: translateX(50%);
887
+ }
888
+
889
+ .premium-banner-ib img {
890
+ border: none;
891
+ padding: 0;
892
+ margin: 0;
893
+ }
894
+
895
+ .premium-banner-animation7 img {
896
+ width: -webkit-calc(100% + 40px) !important;
897
+ width: calc(100% + 40px) !important;
898
+ max-width: -webkit-calc(100% + 40px) !important;
899
+ max-width: calc(100% + 40px) !important;
900
+ }
901
+
902
+ .premium-banner-animation7 .premium-banner-brlr {
903
+ width: 7px;
904
+ }
905
+
906
+ .premium-banner-animation7 .premium-banner-brtb {
907
+ height: 7px;
908
+ }
909
+
910
+ .premium-banner-animation7 .premium-banner-br {
911
+ position: absolute;
912
+ z-index: 1;
913
+ background-color: white;
914
+ -webkit-transition: all 0.3s ease-in-out;
915
+ transition: all 0.3s ease-in-out;
916
+ -webkit-transition-delay: 0.2s;
917
+ transition-delay: 0.2s;
918
+ }
919
+
920
+ .premium-banner-animation7 .premium-banner-bleft {
921
+ right: 30px;
922
+ top: -webkit-calc(100% - 150px);
923
+ top: calc(100% - 150px);
924
+ height: 0;
925
+ }
926
+
927
+ .premium-banner-animation7 .premium-banner-bright {
928
+ left: 30px;
929
+ bottom: -webkit-calc(100% - 150px);
930
+ bottom: calc(100% - 150px);
931
+ height: 0;
932
+ }
933
+
934
+ .premium-banner-animation7 .premium-banner-bottom {
935
+ left: -webkit-calc(100% - 150px);
936
+ left: calc(100% - 150px);
937
+ bottom: 30px;
938
+ width: 0;
939
+ }
940
+
941
+ .premium-banner-animation7 .premium-banner-btop {
942
+ right: -webkit-calc(100% - 150px);
943
+ right: calc(100% - 150px);
944
+ top: 30px;
945
+ width: 0;
946
+ }
947
+
948
+ .premium-banner-animation7 .premium-banner-ib-desc {
949
+ padding: 70px;
950
+ display: table;
951
+ }
952
+
953
+ .premium-banner-animation7 .premium-banner-ib-desc .premium-banner-desc-centered {
954
+ display: table-cell;
955
+ vertical-align: middle;
956
+ }
957
+
958
+ .premium-banner-animation7 .premium-banner-ib-title {
959
+ margin-top: 0;
960
+ }
961
+
962
+ .premium-banner-animation7 .premium-banner-ib-title,
963
+ .premium-banner-animation7 img {
964
+ -webkit-transform: translate3d(30px, 0, 0);
965
+ transform: translate3d(30px, 0, 0);
966
+ }
967
+
968
+ .premium-banner-animation7.zoomout img,
969
+ .premium-banner-animation7.scale img {
970
+ -webkit-transform: translate3d(30px, 0, 0) scale(1.1);
971
+ transform: translate3d(30px, 0, 0) scale(1.1);
972
+ }
973
+
974
+ .premium-banner-animation7 .premium-banner-ib-content,
975
+ .premium-banner-animation7 .premium-banner-read-more {
976
+ margin-top: 10px;
977
+ }
978
+
979
+ .premium-banner-animation7 .premium-banner-ib-desc::after,
980
+ .premium-banner-animation7 .premium-banner-ib-desc::before {
981
+ -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
982
+ transition: opacity 0.35s, -webkit-transform 0.35s;
983
+ transition: opacity 0.35s, transform 0.35s;
984
+ transition: opacity 0.35s, transform 0.35s, -webkit-transform 0.35s;
985
+ }
986
+
987
+ .premium-banner-animation7 .premium-banner-ib-title,
988
+ .premium-banner-animation7 .premium-banner-ib-content,
989
+ .premium-banner-animation7 .premium-banner-read-more {
990
+ opacity: 0;
991
+ -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
992
+ transition: opacity 0.35s, -webkit-transform 0.35s;
993
+ transition: opacity 0.35s, transform 0.35s;
994
+ transition: opacity 0.35s, transform 0.35s, -webkit-transform 0.35s;
995
+ }
996
+
997
+ .premium-banner-animation7 img {
998
+ -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
999
+ transition: opacity 0.35s, -webkit-transform 0.35s;
1000
+ transition: opacity 0.35s, transform 0.35s;
1001
+ transition: opacity 0.35s, transform 0.35s, -webkit-transform 0.35s;
1002
+ }
1003
+
1004
+ .premium-banner-animation7:hover .premium-banner-ib-content,
1005
+ .premium-banner-animation7.active .premium-banner-ib-content,
1006
+ .premium-banner-animation7:hover .premium-banner-read-more,
1007
+ .premium-banner-animation7.active .premium-banner-read-more,
1008
+ .premium-banner-animation7:hover .premium-banner-ib-title,
1009
+ .premium-banner-animation7.active .premium-banner-ib-title {
1010
+ opacity: 1;
1011
+ -webkit-transform: translate3d(0, 0, 0);
1012
+ transform: translate3d(0, 0, 0);
1013
+ }
1014
+
1015
+ .premium-banner-animation7:hover .premium-banner-bleft,
1016
+ .premium-banner-animation7.active .premium-banner-bleft {
1017
+ top: 30px;
1018
+ height: 70px;
1019
+ }
1020
+
1021
+ .premium-banner-animation7:hover .premium-banner-bright,
1022
+ .premium-banner-animation7.active .premium-banner-bright {
1023
+ bottom: 30px;
1024
+ height: 70px;
1025
+ }
1026
+
1027
+ .premium-banner-animation7:hover .premium-banner-bottom,
1028
+ .premium-banner-animation7.active .premium-banner-bottom {
1029
+ left: 30px;
1030
+ width: 70px;
1031
+ }
1032
+
1033
+ .premium-banner-animation7:hover .premium-banner-btop,
1034
+ .premium-banner-animation7.active .premium-banner-btop {
1035
+ right: 30px;
1036
+ width: 70px;
1037
+ }
1038
+
1039
+ .premium-banner-animation7:hover .premium-banner-ib-content,
1040
+ .premium-banner-animation7:hover .premium-banner-read-more,
1041
+ .premium-banner-animation7:hover .premium-banner-ib-title,
1042
+ .premium-banner-animation7:hover img {
1043
+ -webkit-transition-delay: 0.15s;
1044
+ transition-delay: 0.15s;
1045
+ }
1046
+
1047
+ .premium-banner-animation8 img {
1048
+ width: -webkit-calc(100% + 40px) !important;
1049
+ width: calc(100% + 40px) !important;
1050
+ max-width: -webkit-calc(100% + 40px) !important;
1051
+ max-width: calc(100% + 40px) !important;
1052
+ }
1053
+
1054
+ .premium-banner-animation8 .premium-banner-brlr {
1055
+ width: 7px;
1056
+ }
1057
+
1058
+ .premium-banner-animation8 .premium-banner-brtb {
1059
+ height: 7px;
1060
+ }
1061
+
1062
+ .premium-banner-animation8 .premium-banner-br {
1063
+ position: absolute;
1064
+ z-index: 1;
1065
+ background-color: white;
1066
+ -webkit-transition: all 0.3s ease-in-out;
1067
+ transition: all 0.3s ease-in-out;
1068
+ -webkit-transition-delay: 0.2s;
1069
+ transition-delay: 0.2s;
1070
+ }
1071
+
1072
+ .premium-banner-animation8 .premium-banner-bleft {
1073
+ right: 30px;
1074
+ top: 50%;
1075
+ -webkit-transform: translateY(-50%);
1076
+ -ms-transform: translateY(-50%);
1077
+ transform: translateY(-50%);
1078
+ height: 0;
1079
+ }
1080
+
1081
+ .premium-banner-animation8 .premium-banner-bright {
1082
+ left: 30px;
1083
+ top: 50%;
1084
+ -webkit-transform: translateY(-50%);
1085
+ -ms-transform: translateY(-50%);
1086
+ transform: translateY(-50%);
1087
+ height: 0;
1088
+ }
1089
+
1090
+ .premium-banner-animation8 .premium-banner-bottom {
1091
+ right: 50%;
1092
+ -webkit-transform: translateX(50%);
1093
+ -ms-transform: translateX(50%);
1094
+ transform: translateX(50%);
1095
+ bottom: 30px;
1096
+ width: 0;
1097
+ }
1098
+
1099
+ .premium-banner-animation8 .premium-banner-btop {
1100
+ right: 50%;
1101
+ -webkit-transform: translateX(50%);
1102
+ -ms-transform: translateX(50%);
1103
+ transform: translateX(50%);
1104
+ top: 30px;
1105
+ width: 0;
1106
+ }
1107
+
1108
+ .premium-banner-animation8 .premium-banner-ib-desc {
1109
+ padding: 70px;
1110
+ display: table;
1111
+ }
1112
+
1113
+ .premium-banner-animation8 .premium-banner-ib-desc .premium-banner-desc-centered {
1114
+ display: table-cell;
1115
+ vertical-align: middle;
1116
+ }
1117
+
1118
+ .premium-banner-animation8 .premium-banner-ib-title {
1119
+ margin-top: 0;
1120
+ }
1121
+
1122
+ .premium-banner-animation8 .premium-banner-ib-title,
1123
+ .premium-banner-animation8 img {
1124
+ -webkit-transform: translate3d(30px, 0, 0);
1125
+ transform: translate3d(30px, 0, 0);
1126
+ }
1127
+
1128
+ .premium-banner-animation8.zoomout img,
1129
+ .premium-banner-animation8.scale img {
1130
+ -webkit-transform: translate3d(30px, 0, 0) scale(1.1);
1131
+ transform: translate3d(30px, 0, 0) scale(1.1);
1132
+ }
1133
+
1134
+ .premium-banner-animation8 .premium-banner-ib-content,
1135
+ .premium-banner-animation8 .premium-banner-read-more {
1136
+ margin-top: 10px;
1137
+ }
1138
+
1139
+ .premium-banner-animation8 .premium-banner-ib-desc::after,
1140
+ .premium-banner-animation8 .premium-banner-ib-desc::before {
1141
+ -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
1142
+ transition: opacity 0.35s, -webkit-transform 0.35s;
1143
+ transition: opacity 0.35s, transform 0.35s;
1144
+ transition: opacity 0.35s, transform 0.35s, -webkit-transform 0.35s;
1145
+ }
1146
+
1147
+ .premium-banner-animation8 .premium-banner-ib-title,
1148
+ .premium-banner-animation8 .premium-banner-ib-content,
1149
+ .premium-banner-animation8 .premium-banner-read-more {
1150
+ -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
1151
+ transition: opacity 0.35s, -webkit-transform 0.35s;
1152
+ transition: opacity 0.35s, transform 0.35s;
1153
+ transition: opacity 0.35s, transform 0.35s, -webkit-transform 0.35s;
1154
+ opacity: 0;
1155
+ }
1156
+
1157
+ .premium-banner-animation8 img {
1158
+ -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
1159
+ transition: opacity 0.35s, -webkit-transform 0.35s;
1160
+ transition: opacity 0.35s, transform 0.35s;
1161
+ transition: opacity 0.35s, transform 0.35s, -webkit-transform 0.35s;
1162
+ }
1163
+
1164
+ .premium-banner-animation8:hover .premium-banner-ib-content,
1165
+ .premium-banner-animation8.active .premium-banner-ib-content,
1166
+ .premium-banner-animation8:hover .premium-banner-read-more,
1167
+ .premium-banner-animation8.active .premium-banner-read-more,
1168
+ .premium-banner-animation8:hover .premium-banner-ib-title,
1169
+ .premium-banner-animation8.active .premium-banner-ib-title {
1170
+ opacity: 1;
1171
+ -webkit-transform: translate3d(0, 0, 0);
1172
+ transform: translate3d(0, 0, 0);
1173
+ }
1174
+
1175
+ .premium-banner-animation8:hover .premium-banner-bleft,
1176
+ .premium-banner-animation8.active .premium-banner-bleft {
1177
+ height: -webkit-calc(100% - 61px);
1178
+ height: calc(100% - 61px);
1179
+ }
1180
+
1181
+ .premium-banner-animation8:hover .premium-banner-bright,
1182
+ .premium-banner-animation8.active .premium-banner-bright {
1183
+ height: -webkit-calc(100% - 61px);
1184
+ height: calc(100% - 61px);
1185
+ }
1186
+
1187
+ .premium-banner-animation8:hover .premium-banner-bottom,
1188
+ .premium-banner-animation8.active .premium-banner-bottom {
1189
+ width: -webkit-calc(100% - 61px);
1190
+ width: calc(100% - 61px);
1191
+ }
1192
+
1193
+ .premium-banner-animation8:hover .premium-banner-btop,
1194
+ .premium-banner-animation8.active .premium-banner-btop {
1195
+ width: -webkit-calc(100% - 61px);
1196
+ width: calc(100% - 61px);
1197
+ }
1198
+
1199
+ .premium-banner-animation8:hover .premium-banner-ib-content,
1200
+ .premium-banner-animation8:hover .premium-banner-ib-title,
1201
+ .premium-banner-animation8:hover .premium-banner-read-more,
1202
+ .premium-banner-animation8:hover img {
1203
+ -webkit-transition-delay: 0.15s;
1204
+ transition-delay: 0.15s;
1205
+ }
1206
+
1207
+ .premium-banner-animation9 img {
1208
+ width: -webkit-calc(100% + 20px) !important;
1209
+ width: calc(100% + 20px) !important;
1210
+ max-width: -webkit-calc(100% + 20px) !important;
1211
+ max-width: calc(100% + 20px) !important;
1212
+ -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
1213
+ transition: opacity 0.35s, -webkit-transform 0.35s;
1214
+ transition: opacity 0.35s, transform 0.35s;
1215
+ transition: opacity 0.35s, transform 0.35s, -webkit-transform 0.35s;
1216
+ -webkit-transform: scale(1.2);
1217
+ -ms-transform: scale(1.2);
1218
+ transform: scale(1.2);
1219
+ }
1220
+
1221
+ .premium-banner-animation9 .premium-banner-ib-desc {
1222
+ width: 100%;
1223
+ height: 100%;
1224
+ }
1225
+
1226
+ .premium-banner-animation9 .premium-banner-ib-desc::before {
1227
+ position: absolute;
1228
+ top: 50%;
1229
+ right: 50%;
1230
+ width: 80%;
1231
+ height: 1px;
1232
+ background: #fff;
1233
+ content: "";
1234
+ -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
1235
+ transition: opacity 0.35s, -webkit-transform 0.35s;
1236
+ transition: opacity 0.35s, transform 0.35s;
1237
+ transition: opacity 0.35s, transform 0.35s, -webkit-transform 0.35s;
1238
+ -webkit-transform: translate3d(50%, -50%, 0);
1239
+ transform: translate3d(50%, -50%, 0);
1240
+ }
1241
+
1242
+ .premium-banner-animation9 .premium-banner-ib-desc::after {
1243
+ position: absolute;
1244
+ top: 50%;
1245
+ right: 50%;
1246
+ width: 80%;
1247
+ height: 1px;
1248
+ background: #fff;
1249
+ content: "";
1250
+ -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
1251
+ transition: opacity 0.35s, -webkit-transform 0.35s;
1252
+ transition: opacity 0.35s, transform 0.35s;
1253
+ transition: opacity 0.35s, transform 0.35s, -webkit-transform 0.35s;
1254
+ -webkit-transform: translate3d(50%, -50%, 0);
1255
+ transform: translate3d(50%, -50%, 0);
1256
+ }
1257
+
1258
+ .premium-banner-animation9 .premium-banner-ib-title {
1259
+ position: absolute;
1260
+ top: 50%;
1261
+ right: 0;
1262
+ width: 100%;
1263
+ -webkit-transition: -webkit-transform 0.35s;
1264
+ transition: -webkit-transform 0.35s;
1265
+ transition: transform 0.35s;
1266
+ transition: transform 0.35s, -webkit-transform 0.35s;
1267
+ -webkit-transform: translate3d(0, -70px, 0);
1268
+ transform: translate3d(0, -70px, 0);
1269
+ margin-top: 0;
1270
+ padding: 0 10%;
1271
+ }
1272
+
1273
+ .premium-banner-animation9:hover .premium-banner-ib-title,
1274
+ .premium-banner-animation9.active .premium-banner-ib-title {
1275
+ -webkit-transform: translate3d(0, -80px, 0);
1276
+ transform: translate3d(0, -80px, 0);
1277
+ }
1278
+
1279
+ .premium-banner-animation9 .premium-banner-ib-content,
1280
+ .premium-banner-animation9 .premium-banner-read-more {
1281
+ position: absolute;
1282
+ top: 50%;
1283
+ right: 0;
1284
+ width: 100%;
1285
+ -webkit-transition: -webkit-transform 0.35s;
1286
+ transition: -webkit-transform 0.35s;
1287
+ transition: transform 0.35s;
1288
+ transition: transform 0.35s, -webkit-transform 0.35s;
1289
+ padding: 0 10%;
1290
+ -webkit-transform: translate3d(0, 35px, 0);
1291
+ transform: translate3d(0, 35px, 0);
1292
+ }
1293
+
1294
+ .premium-banner-animation9 .premium-banner-read-more {
1295
+ top: 75%;
1296
+ }
1297
+
1298
+ .premium-banner-animation9:hover .premium-banner-ib-content,
1299
+ .premium-banner-animation9.active .premium-banner-ib-content,
1300
+ .premium-banner-animation9:hover .premium-banner-read-more,
1301
+ .premium-banner-animation9.active .premium-banner-read-more {
1302
+ -webkit-transform: translate3d(0, 45px, 0);
1303
+ transform: translate3d(0, 45px, 0);
1304
+ }
1305
+
1306
+ .premium-banner-animation9:hover .premium-banner-ib-desc::before,
1307
+ .premium-banner-animation9.active .premium-banner-ib-desc::before {
1308
+ opacity: 0.5;
1309
+ -webkit-transform: translate3d(50%, -50%, 0) rotate(-45deg);
1310
+ transform: translate3d(50%, -50%, 0) rotate(-45deg);
1311
+ }
1312
+
1313
+ .premium-banner-animation9:hover .premium-banner-ib-desc::after,
1314
+ .premium-banner-animation9.active .premium-banner-ib-desc::after {
1315
+ opacity: 0.5;
1316
+ -webkit-transform: translate3d(50%, -50%, 0) rotate(45deg);
1317
+ transform: translate3d(50%, -50%, 0) rotate(45deg);
1318
+ }
1319
+
1320
+ .premium-banner-animation9:hover img {
1321
+ -webkit-transform: scale(1);
1322
+ -ms-transform: scale(1);
1323
+ transform: scale(1);
1324
+ }
1325
+
1326
+ .premium-banner-animation10 img {
1327
+ width: -webkit-calc(100% + 20px) !important;
1328
+ width: calc(100% + 20px) !important;
1329
+ max-width: -webkit-calc(100% + 20px) !important;
1330
+ max-width: calc(100% + 20px) !important;
1331
+ }
1332
+
1333
+ .premium-banner-animation10 .premium-banner-ib-title {
1334
+ position: relative;
1335
+ overflow: hidden;
1336
+ padding: 5px 0 15px;
1337
+ -webkit-transition: -webkit-transform 0.35s;
1338
+ transition: -webkit-transform 0.35s;
1339
+ transition: transform 0.35s;
1340
+ transition: transform 0.35s, -webkit-transform 0.35s;
1341
+ -webkit-transform: translate3d(0, 20px, 0);
1342
+ transform: translate3d(0, 20px, 0);
1343
+ margin-bottom: 0;
1344
+ }
1345
+
1346
+ .premium-banner-animation10 .premium-banner-ib-title::after {
1347
+ position: absolute;
1348
+ content: "";
1349
+ bottom: 0;
1350
+ right: 0;
1351
+ width: 100%;
1352
+ height: 3px;
1353
+ background: #fff;
1354
+ opacity: 0;
1355
+ -webkit-transform: translate3d(0, 100%, 0);
1356
+ transform: translate3d(0, 100%, 0);
1357
+ -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
1358
+ transition: opacity 0.35s, -webkit-transform 0.35s;
1359
+ transition: opacity 0.35s, transform 0.35s;
1360
+ transition: opacity 0.35s, transform 0.35s, -webkit-transform 0.35s;
1361
+ }
1362
+
1363
+ .premium-banner-animation10:hover .premium-banner-ib-title,
1364
+ .premium-banner-animation10.active .premium-banner-ib-title {
1365
+ -webkit-transform: translate3d(0, 0, 0);
1366
+ transform: translate3d(0, 0, 0);
1367
+ }
1368
+
1369
+ .premium-banner-animation10:hover .premium-banner-ib-title::after,
1370
+ .premium-banner-animation10.active .premium-banner-ib-title::after {
1371
+ opacity: 1;
1372
+ -webkit-transform: translate3d(0, 0, 0);
1373
+ transform: translate3d(0, 0, 0);
1374
+ }
1375
+
1376
+ .premium-banner-animation10 .premium-banner-ib-content,
1377
+ .premium-banner-animation10 .premium-banner-read-more {
1378
+ padding-top: 15px;
1379
+ opacity: 0;
1380
+ -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
1381
+ transition: opacity 0.35s, -webkit-transform 0.35s;
1382
+ transition: opacity 0.35s, transform 0.35s;
1383
+ transition: opacity 0.35s, transform 0.35s, -webkit-transform 0.35s;
1384
+ -webkit-transform: translate3d(0, 100%, 0);
1385
+ transform: translate3d(0, 100%, 0);
1386
+ }
1387
+
1388
+ .premium-banner-animation10 .premium-banner-read-more {
1389
+ padding: 0;
1390
+ }
1391
+
1392
+ .premium-banner-animation10:hover .premium-banner-ib-content,
1393
+ .premium-banner-animation10.active .premium-banner-ib-content,
1394
+ .premium-banner-animation10:hover .premium-banner-read-more,
1395
+ .premium-banner-animation10.active .premium-banner-read-more {
1396
+ opacity: 1;
1397
+ -webkit-transform: translate3d(0, 0, 0);
1398
+ transform: translate3d(0, 0, 0);
1399
+ }
1400
+
1401
+ .premium-banner-animation11 {
1402
+ -webkit-transition: -webkit-transform 1s ease-out;
1403
+ transition: -webkit-transform 1s ease-out;
1404
+ transition: transform 1s ease-out;
1405
+ transition: transform 1s ease-out, -webkit-transform 1s ease-out;
1406
+ -webkit-transition-delay: 0.125s;
1407
+ transition-delay: 0.125s;
1408
+ }
1409
+
1410
+ .premium-banner-animation11 .premium-banner-ib-desc {
1411
+ position: absolute;
1412
+ z-index: 5;
1413
+ -webkit-transform: translate3d(30px, 0, 0);
1414
+ transform: translate3d(30px, 0, 0);
1415
+ opacity: 0;
1416
+ top: auto;
1417
+ bottom: 0;
1418
+ min-height: 25%;
1419
+ height: auto;
1420
+ max-height: 100%;
1421
+ text-align: left;
1422
+ padding: 30px;
1423
+ -webkit-transition: all 0.6s ease-out;
1424
+ transition: all 0.6s ease-out;
1425
+ }
1426
+
1427
+ .premium-banner-animation11 img {
1428
+ width: 100%;
1429
+ -webkit-transition: opacity 0.35s, -webkit-filter 0.35s, -webkit-transform 0.35s;
1430
+ transition: opacity 0.35s, -webkit-filter 0.35s, -webkit-transform 0.35s;
1431
+ transition: opacity 0.35s, filter 0.35s, transform 0.35s;
1432
+ transition: opacity 0.35s, filter 0.35s, transform 0.35s, -webkit-filter 0.35s, -webkit-transform 0.35s;
1433
+ }
1434
+
1435
+ .premium-banner-animation11 .premium-banner-ib-title {
1436
+ margin-bottom: 10px;
1437
+ }
1438
+
1439
+ .premium-banner-animation11 .premium-banner-gradient {
1440
+ position: absolute;
1441
+ left: 0;
1442
+ top: 0;
1443
+ right: 0;
1444
+ bottom: 0;
1445
+ }
1446
+
1447
+ .premium-banner-animation11 .premium-banner-gradient:after,
1448
+ .premium-banner-animation11 .premium-banner-gradient:before {
1449
+ position: absolute;
1450
+ content: "";
1451
+ left: 0;
1452
+ top: 0;
1453
+ right: 0;
1454
+ bottom: 0;
1455
+ -webkit-transform: translate3d(100%, 0, 0);
1456
+ transform: translate3d(100%, 0, 0);
1457
+ background-image: -webkit-linear-gradient(-40deg, rgba(84, 89, 95, 0.5) 27.89%, #6ec1e4 72.11%);
1458
+ background-image: -webkit-linear-gradient(130deg, rgba(84, 89, 95, 0.5) 27.89%, #6ec1e4 72.11%);
1459
+ background-image: linear-gradient(-40deg, rgba(84, 89, 95, 0.5) 27.89%, #6ec1e4 72.11%);
1460
+ z-index: 2;
1461
+ }
1462
+
1463
+ .premium-banner-animation11 .premium-banner-gradient:before {
1464
+ mix-blend-mode: color;
1465
+ }
1466
+
1467
+ .premium-banner-animation11 .premium-banner-gradient:after {
1468
+ mix-blend-mode: multiply;
1469
+ }
1470
+
1471
+ .premium-banner-animation11:hover .premium-banner-ib-desc,
1472
+ .premium-banner-animation11.active .premium-banner-ib-desc {
1473
+ opacity: 1;
1474
+ -webkit-transform: translate3d(0, 0, 0);
1475
+ transform: translate3d(0, 0, 0);
1476
+ }
1477
+
1478
+ .premium-banner-animation11:hover .premium-banner-gradient:after,
1479
+ .premium-banner-animation11:hover .premium-banner-gradient:before,
1480
+ .premium-banner-animation11.active .premium-banner-gradient:after,
1481
+ .premium-banner-animation11.active .premium-banner-gradient:before {
1482
+ -webkit-transform: translate3d(0, 0, 0);
1483
+ transform: translate3d(0, 0, 0);
1484
+ }
1485
+
1486
+ .premium-banner-animation11.zoomout img,
1487
+ .premium-banner-animation11.scale img {
1488
+ -webkit-transform: translate3d(-10px, 0, 0) scale(1.1);
1489
+ transform: translate3d(-10px, 0, 0) scale(1.1);
1490
+ }
1491
+
1492
+ /************ Premium Countdown ************/
1493
+ /*******************************************/
1494
+ .premium-countdown {
1495
+ -js-display: flex;
1496
+ display: -webkit-box;
1497
+ display: -webkit-flex;
1498
+ display: -moz-box;
1499
+ display: -ms-flexbox;
1500
+ display: flex;
1501
+ text-align: center;
1502
+ }
1503
+
1504
+ .countdown-row {
1505
+ display: block;
1506
+ text-align: center;
1507
+ }
1508
+
1509
+ .countdown .countdown-section {
1510
+ display: inline-block;
1511
+ max-width: 100%;
1512
+ margin-bottom: 15px;
1513
+ -js-display: inline-flex;
1514
+ display: -webkit-inline-box;
1515
+ display: -webkit-inline-flex;
1516
+ display: -moz-inline-box;
1517
+ display: -ms-inline-flexbox;
1518
+ display: inline-flex;
1519
+ -webkit-box-align: center;
1520
+ -webkit-align-items: center;
1521
+ -moz-box-align: center;
1522
+ -ms-flex-align: center;
1523
+ align-items: center;
1524
+ }
1525
+
1526
+ .countdown .countdown-section:last-child {
1527
+ margin-left: 0;
1528
+ }
1529
+
1530
+ .countdown span.countdown-amount {
1531
+ font-size: 70px;
1532
+ line-height: 1;
1533
+ padding: 40px;
1534
+ }
1535
+
1536
+ .countdown .pre_time-mid {
1537
+ display: block;
1538
+ }
1539
+
1540
+ .premium-countdown-separator-yes .countdown_separator {
1541
+ display: block;
1542
+ margin: 0 50px;
1543
+ font-size: 30px;
1544
+ }
1545
+
1546
+ .premium-countdown-separator-yes .countdown-row .countdown-section:last-child .countdown_separator,
1547
+ .premium-countdown-separator-yes .premium-countdown-block:last-child .countdown_separator {
1548
+ display: none;
1549
+ }
1550
+
1551
+ /**
1552
+ * Digit and unit styles
1553
+ */
1554
+ .side .countdown-section .countdown-period {
1555
+ vertical-align: bottom;
1556
+ }
1557
+
1558
+ .countdown .countdown-section .countdown-period {
1559
+ font-size: 17px;
1560
+ line-height: 3em;
1561
+ }
1562
+
1563
+ .side .countdown-section .countdown-amount,
1564
+ .side .countdown-section .countdown-period {
1565
+ display: inline-block;
1566
+ }
1567
+
1568
+ .side .countdown-section .countdown-amount {
1569
+ margin-left: 5px;
1570
+ }
1571
+
1572
+ .down .countdown-section .countdown-amount,
1573
+ .down .countdown-section .countdown-period {
1574
+ display: block;
1575
+ }
1576
+
1577
+ /**
1578
+ * Flip Layout
1579
+ */
1580
+ .premium-countdown-flip .premium-countdown-block {
1581
+ text-align: center;
1582
+ -js-display: inline-flex;
1583
+ display: -webkit-inline-box;
1584
+ display: -webkit-inline-flex;
1585
+ display: -moz-inline-box;
1586
+ display: -ms-inline-flexbox;
1587
+ display: inline-flex;
1588
+ -webkit-box-align: center;
1589
+ -webkit-align-items: center;
1590
+ -moz-box-align: center;
1591
+ -ms-flex-align: center;
1592
+ align-items: center;
1593
+ }
1594
+
1595
+ .premium-countdown-flip .premium-countdown-block:last-child {
1596
+ margin-left: 0;
1597
+ }
1598
+
1599
+ .premium-countdown-flip .premium-countdown-label {
1600
+ overflow: hidden;
1601
+ color: #1a1a1a;
1602
+ text-transform: uppercase;
1603
+ }
1604
+
1605
+ .premium-countdown-flip .premium-countdown-figure {
1606
+ position: relative;
1607
+ height: 110px;
1608
+ width: 100px;
1609
+ line-height: 107px;
1610
+ background-color: #fff;
1611
+ -webkit-border-radius: 10px;
1612
+ border-radius: 10px;
1613
+ -webkit-box-shadow: 0 3px 4px 0 rgba(0, 0, 0, 0.2), inset -2px 4px 0 0 rgba(255, 255, 255, 0.08);
1614
+ box-shadow: 0 3px 4px 0 rgba(0, 0, 0, 0.2), inset -2px 4px 0 0 rgba(255, 255, 255, 0.08);
1615
+ }
1616
+
1617
+ .premium-countdown-flip .premium-countdown-figure:last-child {
1618
+ margin-left: 0;
1619
+ }
1620
+
1621
+ .premium-countdown-flip .premium-countdown-figure>span {
1622
+ position: absolute;
1623
+ right: 0;
1624
+ left: 0;
1625
+ margin: auto;
1626
+ font-weight: 700;
1627
+ }
1628
+
1629
+ .premium-countdown-flip .premium-countdown-figure .top {
1630
+ z-index: 3;
1631
+ -webkit-transform-origin: 50% 100%;
1632
+ -ms-transform-origin: 50% 100%;
1633
+ transform-origin: 50% 100%;
1634
+ -webkit-transform: perspective(200px);
1635
+ transform: perspective(200px);
1636
+ -webkit-backface-visibility: hidden;
1637
+ backface-visibility: hidden;
1638
+ }
1639
+
1640
+ .premium-countdown-flip .premium-countdown-figure .bottom {
1641
+ z-index: 1;
1642
+ }
1643
+
1644
+ .premium-countdown-flip .premium-countdown-figure .bottom::before {
1645
+ content: "";
1646
+ position: absolute;
1647
+ display: block;
1648
+ top: 0;
1649
+ right: 0;
1650
+ width: 100%;
1651
+ height: 50%;
1652
+ background-color: rgba(0, 0, 0, 0.02);
1653
+ }
1654
+
1655
+ .premium-countdown-flip .premium-countdown-figure .top-back {
1656
+ -webkit-backface-visibility: hidden;
1657
+ backface-visibility: hidden;
1658
+ z-index: 4;
1659
+ bottom: 0;
1660
+ -webkit-transform-origin: 50% 0;
1661
+ -ms-transform-origin: 50% 0;
1662
+ transform-origin: 50% 0;
1663
+ -webkit-transform: perspective(200px) rotateX(180deg);
1664
+ transform: perspective(200px) rotateX(180deg);
1665
+ }
1666
+
1667
+ .premium-countdown-flip .premium-countdown-figure .top-back span {
1668
+ position: absolute;
1669
+ top: -100%;
1670
+ right: 0;
1671
+ left: 0;
1672
+ margin: auto;
1673
+ }
1674
+
1675
+ .premium-countdown-flip .premium-countdown-figure .bottom-back {
1676
+ z-index: 2;
1677
+ top: 0;
1678
+ }
1679
+
1680
+ .premium-countdown-flip .premium-countdown-figure .bottom-back span {
1681
+ position: absolute;
1682
+ top: 0;
1683
+ right: 0;
1684
+ left: 0;
1685
+ margin: auto;
1686
+ }
1687
+
1688
+ .premium-countdown-flip .premium-countdown-figure .top,
1689
+ .premium-countdown-flip .premium-countdown-figure .bottom-back,
1690
+ .premium-countdown-flip .premium-countdown-figure .top-back {
1691
+ height: 50%;
1692
+ overflow: hidden;
1693
+ background-color: #f7f7f7;
1694
+ -webkit-border-top-right-radius: 10px;
1695
+ border-top-right-radius: 10px;
1696
+ -webkit-border-top-left-radius: 10px;
1697
+ border-top-left-radius: 10px;
1698
+ }
1699
+
1700
+ .premium-countdown-flip .premium-countdown-figure .top-back {
1701
+ -webkit-border-bottom-right-radius: 10px;
1702
+ border-bottom-right-radius: 10px;
1703
+ -webkit-border-bottom-left-radius: 10px;
1704
+ border-bottom-left-radius: 10px;
1705
+ }
1706
+
1707
+ .premium-countdown-flip .premium-countdown-figure .top::after,
1708
+ .premium-countdown-flip .premium-countdown-figure .bottom-back::after {
1709
+ content: "";
1710
+ position: absolute;
1711
+ z-index: -1;
1712
+ right: 0;
1713
+ bottom: 0;
1714
+ width: 100%;
1715
+ height: 100%;
1716
+ border-bottom: 1px solid rgba(0, 0, 0, 0.1);
1717
+ }
1718
+
1719
+ .side .premium-countdown-figure,
1720
+ .side .premium-countdown-label {
1721
+ display: inline-block;
1722
+ }
1723
+
1724
+ .side .premium-countdown-figure {
1725
+ margin-left: 5px;
1726
+ }
1727
+
1728
+ .down .premium-countdown-figure,
1729
+ .down .premium-countdown-label {
1730
+ display: block;
1731
+ }
1732
+
1733
+ .down .premium-countdown-label {
1734
+ width: 100%;
1735
+ }
1736
+
1737
+ /**************** Premium Carousel **************/
1738
+ /************************************************/
1739
+ .premium-carousel-wrapper a.carousel-arrow,
1740
+ .premium-carousel-wrapper a.ver-carousel-arrow,
1741
+ .premium-fb-rev-container a.carousel-arrow,
1742
+ .premium-tabs-nav-list a.carousel-arrow,
1743
+ .premium-blog-wrap a.carousel-arrow,
1744
+ .premium-hscroll-wrap a.carousel-arrow,
1745
+ .premium-twitter-feed-wrapper a.carousel-arrow,
1746
+ .premium-facebook-feed-wrapper a.carousel-arrow,
1747
+ .premium-instafeed-container a.carousel-arrow,
1748
+ .premium-persons-container a.carousel-arrow {
1749
+ display: -ms-flexbox;
1750
+ display: -webkit-flex;
1751
+ display: -moz-flex;
1752
+ display: -ms-flex;
1753
+ -js-display: flex;
1754
+ display: -webkit-box;
1755
+ display: -moz-box;
1756
+ display: flex;
1757
+ -webkit-box-align: center;
1758
+ -webkit-align-items: center;
1759
+ -moz-box-align: center;
1760
+ -ms-flex-align: center;
1761
+ align-items: center;
1762
+ -webkit-box-pack: center;
1763
+ -webkit-justify-content: center;
1764
+ -moz-box-pack: center;
1765
+ -ms-flex-pack: center;
1766
+ justify-content: center;
1767
+ width: 2em;
1768
+ height: 2em;
1769
+ line-height: 0;
1770
+ text-align: center;
1771
+ position: absolute;
1772
+ z-index: 99;
1773
+ cursor: pointer;
1774
+ -webkit-transition: all 0.3s ease-in-out;
1775
+ transition: all 0.3s ease-in-out;
1776
+ -webkit-appearance: inherit;
1777
+ border: none;
1778
+ -webkit-box-shadow: none;
1779
+ box-shadow: none;
1780
+ }
1781
+
1782
+ div[class^="premium-"] .slick-arrow i {
1783
+ display: block;
1784
+ }
1785
+
1786
+ .ver-carousel-arrow.carousel-next i {
1787
+ margin-bottom: -3px;
1788
+ }
1789
+
1790
+ .premium-carousel-wrapper a.slick-arrow:hover {
1791
+ -webkit-box-shadow: none !important;
1792
+ box-shadow: none !important;
1793
+ }
1794
+
1795
+ .premium-carousel-wrapper .premium-carousel-content-hidden {
1796
+ visibility: hidden;
1797
+ }
1798
+
1799
+ .premium-carousel-wrapper a.carousel-arrow,
1800
+ .premium-fb-rev-container a.carousel-arrow,
1801
+ .premium-tabs-nav-list a.carousel-arrow,
1802
+ .premium-blog-wrap a.carousel-arrow,
1803
+ .premium-hscroll-wrap a.carousel-arrow,
1804
+ .premium-twitter-feed-wrapper a.carousel-arrow,
1805
+ .premium-facebook-feed-wrapper a.carousel-arrow,
1806
+ .premium-instafeed-container a.carousel-arrow,
1807
+ .premium-persons-container a.carousel-arrow {
1808
+ top: 50%;
1809
+ -webkit-transform: translateY(-50%);
1810
+ -ms-transform: translateY(-50%);
1811
+ transform: translateY(-50%);
1812
+ }
1813
+
1814
+ .premium-carousel-wrapper a.ver-carousel-arrow {
1815
+ right: 50%;
1816
+ -webkit-transform: translateX(50%);
1817
+ -ms-transform: translateX(50%);
1818
+ transform: translateX(50%);
1819
+ }
1820
+
1821
+ a.carousel-arrow.carousel-next {
1822
+ right: -20px;
1823
+ }
1824
+
1825
+ a.carousel-arrow.carousel-prev {
1826
+ left: -20px;
1827
+ }
1828
+
1829
+ a.ver-carousel-arrow.carousel-next {
1830
+ bottom: -56px;
1831
+ }
1832
+
1833
+ a.ver-carousel-arrow.carousel-prev {
1834
+ top: -45px;
1835
+ }
1836
+
1837
+ a.circle-bg {
1838
+ -webkit-border-radius: 100%;
1839
+ border-radius: 100%;
1840
+ }
1841
+
1842
+ a.circle-border {
1843
+ -webkit-border-radius: 100%;
1844
+ border-radius: 100%;
1845
+ border: solid black;
1846
+ }
1847
+
1848
+ a.square-border {
1849
+ border: solid black;
1850
+ }
1851
+
1852
+ .premium-carousel-dots-below,
1853
+ .premium-blog-wrap ul.slick-dots,
1854
+ .premium-fb-rev-reviews ul.slick-dots {
1855
+ position: relative;
1856
+ bottom: 0;
1857
+ list-style: none;
1858
+ text-align: center;
1859
+ margin: 0;
1860
+ padding: 0;
1861
+ }
1862
+
1863
+ .premium-carousel-dots-above ul.slick-dots {
1864
+ position: absolute;
1865
+ display: -ms-flexbox;
1866
+ display: -webkit-flex;
1867
+ display: -moz-flex;
1868
+ display: -ms-flex;
1869
+ -js-display: flex;
1870
+ display: -webkit-box;
1871
+ display: -moz-box;
1872
+ display: flex;
1873
+ top: 50%;
1874
+ -webkit-transform: translateY(-50%);
1875
+ -ms-transform: translateY(-50%);
1876
+ transform: translateY(-50%);
1877
+ -webkit-flex-direction: column;
1878
+ -webkit-box-orient: vertical;
1879
+ -webkit-box-direction: normal;
1880
+ -moz-box-orient: vertical;
1881
+ -moz-box-direction: normal;
1882
+ -ms-flex-direction: column;
1883
+ flex-direction: column;
1884
+ }
1885
+
1886
+ ul.slick-dots li {
1887
+ font-size: 10px;
1888
+ display: -webkit-inline-box;
1889
+ display: -webkit-inline-flex;
1890
+ display: -ms-inline-flexbox;
1891
+ -js-display: inline-flex;
1892
+ display: -moz-inline-box;
1893
+ display: inline-flex;
1894
+ -webkit-box-pack: center;
1895
+ -webkit-justify-content: center;
1896
+ -moz-box-pack: center;
1897
+ -ms-flex-pack: center;
1898
+ justify-content: center;
1899
+ -webkit-box-align: center;
1900
+ -webkit-align-items: center;
1901
+ -moz-box-align: center;
1902
+ -ms-flex-align: center;
1903
+ align-items: center;
1904
+ margin: 5px;
1905
+ width: 20px;
1906
+ height: 20px;
1907
+ cursor: pointer;
1908
+ }
1909
+
1910
+ /*
1911
+ * Custom Navigation Dot
1912
+ */
1913
+ .premium-carousel-wrapper .premium-carousel-nav-dot,
1914
+ .premium-carousel-wrapper .premium-carousel-nav-arrow-prev,
1915
+ .premium-carousel-wrapper .premium-carousel-nav-arrow-next {
1916
+ display: none;
1917
+ }
1918
+
1919
+ .premium-carousel-wrapper ul.slick-dots svg {
1920
+ width: 20px;
1921
+ height: 20px;
1922
+ }
1923
+
1924
+ /* Ripple Out */
1925
+ @-webkit-keyframes hvr-ripple-out {
1926
+ 0% {
1927
+ -webkit-transform: scale(1);
1928
+ transform: scale(1);
1929
+ opacity: 1;
1930
+ }
1931
+
1932
+ 100% {
1933
+ -webkit-transform: scale(1.5);
1934
+ transform: scale(1.5);
1935
+ opacity: 0;
1936
+ }
1937
+ }
1938
+
1939
+ @keyframes hvr-ripple-out {
1940
+ 0% {
1941
+ -webkit-transform: scale(1);
1942
+ transform: scale(1);
1943
+ opacity: 1;
1944
+ }
1945
+
1946
+ 100% {
1947
+ -webkit-transform: scale(1.5);
1948
+ transform: scale(1.5);
1949
+ opacity: 0;
1950
+ }
1951
+ }
1952
+
1953
+ .premium-carousel-ripple-yes .premium-carousel-wrapper {
1954
+ padding-bottom: 1px;
1955
+ }
1956
+
1957
+ .premium-carousel-ripple-yes ul.slick-dots li,
1958
+ .premium-carousel-ripple-yes ul.slick-dots li i {
1959
+ position: relative;
1960
+ }
1961
+
1962
+ .premium-carousel-ripple-yes ul.slick-dots li i {
1963
+ z-index: 1;
1964
+ }
1965
+
1966
+ .premium-carousel-ripple-yes ul.slick-dots li:hover:before {
1967
+ content: "";
1968
+ position: absolute;
1969
+ -webkit-transform: scale(1);
1970
+ -ms-transform: scale(1);
1971
+ transform: scale(1);
1972
+ top: 0;
1973
+ left: 0;
1974
+ bottom: 0;
1975
+ right: 0;
1976
+ -webkit-border-radius: 50%;
1977
+ border-radius: 50%;
1978
+ pointer-events: none;
1979
+ background-color: rgba(0, 0, 0, 0.15);
1980
+ }
1981
+
1982
+ .premium-carousel-ripple-yes ul.slick-dots li.slick-active:hover:before {
1983
+ background-color: rgba(0, 0, 0, 0.3);
1984
+ }
1985
+
1986
+ .premium-carousel-ripple-yes ul.slick-dots li:hover:before {
1987
+ -webkit-animation: hvr-ripple-out 1.3s infinite;
1988
+ animation: hvr-ripple-out 1.3s infinite;
1989
+ }
1990
+
1991
+ .premium-carousel-wrapper.premium-carousel-scale .slick-slide {
1992
+ -webkit-transform: scale(1.25, 1.25);
1993
+ -ms-transform: scale(1.25, 1.25);
1994
+ transform: scale(1.25, 1.25);
1995
+ -webkit-transition: all 0.3s ease-in-out !important;
1996
+ transition: all 0.3s ease-in-out !important;
1997
+ }
1998
+
1999
+ .premium-carousel-wrapper.premium-carousel-scale div.slick-active {
2000
+ -webkit-transform: scale(1, 1);
2001
+ -ms-transform: scale(1, 1);
2002
+ transform: scale(1, 1);
2003
+ }
2004
+
2005
+ [dir="rtl"] .premium-carousel-inner .slick-slide {
2006
+ float: right;
2007
+ }
2008
+
2009
+ /**************** Premium Counter ***************/
2010
+ /************************************************/
2011
+ .premium-counter-area {
2012
+ padding: 10px 0;
2013
+ -js-display: flex;
2014
+ display: -webkit-box;
2015
+ display: -webkit-flex;
2016
+ display: -moz-box;
2017
+ display: -ms-flexbox;
2018
+ display: flex;
2019
+ -webkit-box-pack: center;
2020
+ -webkit-justify-content: center;
2021
+ -moz-box-pack: center;
2022
+ -ms-flex-pack: center;
2023
+ justify-content: center;
2024
+ -webkit-box-align: center;
2025
+ -webkit-align-items: center;
2026
+ -moz-box-align: center;
2027
+ -ms-flex-align: center;
2028
+ align-items: center;
2029
+ }
2030
+
2031
+ .premium-counter-area.top {
2032
+ -webkit-box-orient: vertical;
2033
+ -webkit-box-direction: normal;
2034
+ -webkit-flex-direction: column;
2035
+ -moz-box-orient: vertical;
2036
+ -moz-box-direction: normal;
2037
+ -ms-flex-direction: column;
2038
+ flex-direction: column;
2039
+ }
2040
+
2041
+ .premium-counter-area.right {
2042
+ -webkit-box-orient: horizontal;
2043
+ -webkit-box-direction: reverse;
2044
+ -webkit-flex-direction: row-reverse;
2045
+ -moz-box-orient: horizontal;
2046
+ -moz-box-direction: reverse;
2047
+ -ms-flex-direction: row-reverse;
2048
+ flex-direction: row-reverse;
2049
+ }
2050
+
2051
+ .premium-counter-area.right .premium-counter-icon {
2052
+ padding-right: 20px;
2053
+ }
2054
+
2055
+ .premium-counter-area.left .premium-counter-icon {
2056
+ padding-left: 20px;
2057
+ }
2058
+
2059
+ .premium-counter-area .premium-counter-icon .icon i.fa:before {
2060
+ vertical-align: text-top;
2061
+ }
2062
+
2063
+ .premium-counter-area .premium-counter-icon span.icon {
2064
+ text-align: center;
2065
+ display: inline-block;
2066
+ vertical-align: middle;
2067
+ }
2068
+
2069
+ .premium-counter-area .premium-counter-icon .circle {
2070
+ -webkit-border-radius: 100%;
2071
+ border-radius: 100%;
2072
+ }
2073
+
2074
+ .premium-counter-area .premium-counter-icon img,
2075
+ .premium-counter-area .premium-counter-icon svg {
2076
+ width: 80px;
2077
+ }
2078
+
2079
+ .premium-counter-area .premium-counter-icon .premium-counter-animation svg {
2080
+ height: 80px;
2081
+ }
2082
+
2083
+ .premium-counter-area .premium-counter-title {
2084
+ padding: 0;
2085
+ margin: 0;
2086
+ }
2087
+
2088
+ .premium-counter-area .premium-counter-value-wrap {
2089
+ -js-display: flex;
2090
+ display: -webkit-box;
2091
+ display: -webkit-flex;
2092
+ display: -moz-box;
2093
+ display: -ms-flexbox;
2094
+ display: flex;
2095
+ -webkit-box-align: center;
2096
+ -webkit-align-items: center;
2097
+ -moz-box-align: center;
2098
+ -ms-flex-align: center;
2099
+ align-items: center;
2100
+ }
2101
+
2102
+ .premium-init-wrapper.right {
2103
+ text-align: left;
2104
+ }
2105
+
2106
+ /* * Custom image and simple styles image fix */
2107
+ span.icon.flex-width {
2108
+ width: auto !important;
2109
+ height: auto !important;
2110
+ }
2111
+
2112
+ .premium-counter-area .premium-counter-init {
2113
+ font-size: 35px;
2114
+ }
2115
+
2116
+ /**************** Premium Image Separator ****************/
2117
+ /*********************************************************/
2118
+ /*Image Separator Container Style*/
2119
+ .premium-image-separator-container {
2120
+ position: absolute;
2121
+ width: 100%;
2122
+ z-index: 2;
2123
+ top: auto;
2124
+ }
2125
+
2126
+ .premium-image-separator-container img {
2127
+ display: inline-block !important;
2128
+ -webkit-mask-repeat: no-repeat;
2129
+ mask-repeat: no-repeat;
2130
+ -webkit-mask-position: center;
2131
+ mask-position: center;
2132
+ }
2133
+
2134
+ /*Link on Image Style*/
2135
+ .premium-image-separator-link {
2136
+ position: absolute;
2137
+ z-index: 9999;
2138
+ top: 0;
2139
+ right: 0;
2140
+ width: 100%;
2141
+ height: 100%;
2142
+ text-decoration: none;
2143
+ }
2144
+
2145
+ /*Important to override Theme options*/
2146
+ a.premium-image-separator-link:hover,
2147
+ a.premium-image-separator-link:visited,
2148
+ a.premium-image-separator-link:focus,
2149
+ a.premium-image-separator-link:active {
2150
+ -webkit-box-shadow: none !important;
2151
+ box-shadow: none !important;
2152
+ outline: none !important;
2153
+ border: none !important;
2154
+ text-decoration: none !important;
2155
+ }
2156
+
2157
+ .premium-image-separator-container .img-responsive {
2158
+ display: inline-block;
2159
+ }
2160
+
2161
+ .premium-image-separator-container i {
2162
+ padding: 0.1em;
2163
+ -webkit-transition: all 0.3s ease-in-out;
2164
+ transition: all 0.3s ease-in-out;
2165
+ }
2166
+
2167
+ /**************** Premium Modal Box ****************/
2168
+ /***************************************************/
2169
+ .premium-modal-trigger-btn,
2170
+ .premium-modal-box-modal-lower-close {
2171
+ display: inline-block;
2172
+ padding: 6px 12px;
2173
+ margin-bottom: 0;
2174
+ font-size: 14px;
2175
+ font-weight: normal;
2176
+ line-height: 1.42857143;
2177
+ text-align: center;
2178
+ white-space: nowrap;
2179
+ vertical-align: middle;
2180
+ -ms-touch-action: manipulation;
2181
+ touch-action: manipulation;
2182
+ cursor: pointer;
2183
+ -webkit-user-select: none;
2184
+ -moz-user-select: none;
2185
+ -ms-user-select: none;
2186
+ user-select: none;
2187
+ background-image: none;
2188
+ border: 1px solid transparent;
2189
+ }
2190
+
2191
+ .premium-modal-trigger-btn i {
2192
+ -webkit-transition: all 0.3s ease-in-out;
2193
+ transition: all 0.3s ease-in-out;
2194
+ }
2195
+
2196
+ .premium-btn-md {
2197
+ padding: 8px 14px;
2198
+ font-size: 16px;
2199
+ line-height: 1.2;
2200
+ }
2201
+
2202
+ .premium-btn-lg {
2203
+ padding: 10px 16px;
2204
+ font-size: 18px;
2205
+ line-height: 1.3333333;
2206
+ }
2207
+
2208
+ .premium-btn-block {
2209
+ display: block;
2210
+ width: 100%;
2211
+ }
2212
+
2213
+ .premium-modal-box-modal-close {
2214
+ float: left;
2215
+ font-size: 21px;
2216
+ font-weight: bold;
2217
+ line-height: 1;
2218
+ color: #000;
2219
+ }
2220
+
2221
+ .premium-modal-box-modal-close:hover,
2222
+ .premium-modal-box-modal-close:focus {
2223
+ color: #000;
2224
+ text-decoration: none;
2225
+ cursor: pointer;
2226
+ }
2227
+
2228
+ button.premium-modal-box-modal-close {
2229
+ -webkit-appearance: none;
2230
+ padding: 0;
2231
+ cursor: pointer;
2232
+ background: transparent;
2233
+ border: 0;
2234
+ }
2235
+
2236
+ .premium-modal-box-modal {
2237
+ position: fixed;
2238
+ top: 0;
2239
+ left: 0;
2240
+ bottom: 0;
2241
+ right: 0;
2242
+ z-index: 1050;
2243
+ display: none;
2244
+ -webkit-overflow-scrolling: touch;
2245
+ outline: 0;
2246
+ padding: 0 !important;
2247
+ background: rgba(0, 0, 0, 0.5);
2248
+ -webkit-box-align: center;
2249
+ -webkit-align-items: center;
2250
+ -moz-box-align: center;
2251
+ -ms-flex-align: center;
2252
+ align-items: center;
2253
+ -webkit-box-pack: center;
2254
+ -webkit-justify-content: center;
2255
+ -moz-box-pack: center;
2256
+ -ms-flex-pack: center;
2257
+ justify-content: center;
2258
+ }
2259
+
2260
+ .premium-modal-box-modal .premium-modal-box-modal-dialog {
2261
+ position: absolute;
2262
+ max-height: -webkit-calc(100vh - 150px);
2263
+ max-height: calc(100vh - 150px);
2264
+ -js-display: flex;
2265
+ display: -webkit-box;
2266
+ display: -webkit-flex;
2267
+ display: -moz-box;
2268
+ display: -ms-flexbox;
2269
+ display: flex;
2270
+ -webkit-box-orient: vertical;
2271
+ -webkit-box-direction: normal;
2272
+ -webkit-flex-direction: column;
2273
+ -moz-box-orient: vertical;
2274
+ -moz-box-direction: normal;
2275
+ -ms-flex-direction: column;
2276
+ flex-direction: column;
2277
+ opacity: 0;
2278
+ }
2279
+
2280
+ .premium-modal-box-modal-content {
2281
+ background-color: #fff;
2282
+ -webkit-background-clip: padding-box;
2283
+ background-clip: padding-box;
2284
+ border: 1px solid rgba(0, 0, 0, 0.2);
2285
+ -webkit-border-radius: 6px;
2286
+ border-radius: 6px;
2287
+ outline: 0;
2288
+ }
2289
+
2290
+ .premium-modal-backdrop.premium-in {
2291
+ filter: alpha(opacity=50);
2292
+ opacity: 0.5 !important;
2293
+ }
2294
+
2295
+ .premium-modal-fade.premium-in {
2296
+ opacity: 1;
2297
+ }
2298
+
2299
+ .premium-modal-backdrop {
2300
+ position: fixed;
2301
+ top: 0;
2302
+ left: 0;
2303
+ bottom: 0;
2304
+ right: 0;
2305
+ z-index: 1040;
2306
+ background-color: #000;
2307
+ }
2308
+
2309
+ .premium-modal-backdrop.premium-modal-fade {
2310
+ filter: alpha(opacity=0);
2311
+ opacity: 0;
2312
+ }
2313
+
2314
+ .premium-modal-fade {
2315
+ opacity: 0;
2316
+ }
2317
+
2318
+ .premium-in {
2319
+ -js-display: flex !important;
2320
+ display: -webkit-box !important;
2321
+ display: -webkit-flex !important;
2322
+ display: -moz-box !important;
2323
+ display: -ms-flexbox !important;
2324
+ display: flex !important;
2325
+ }
2326
+
2327
+ .premium-modal-box-modal-header {
2328
+ -js-display: flex;
2329
+ display: -webkit-box;
2330
+ display: -webkit-flex;
2331
+ display: -moz-box;
2332
+ display: -ms-flexbox;
2333
+ display: flex;
2334
+ -webkit-box-pack: justify;
2335
+ -webkit-justify-content: space-between;
2336
+ -moz-box-pack: justify;
2337
+ -ms-flex-pack: justify;
2338
+ justify-content: space-between;
2339
+ -webkit-box-align: center;
2340
+ -webkit-align-items: center;
2341
+ -moz-box-align: center;
2342
+ -ms-flex-align: center;
2343
+ align-items: center;
2344
+ padding: 5px 15px;
2345
+ border-bottom: 1px solid #e5e5e5;
2346
+ }
2347
+
2348
+ .premium-modal-box-modal-header .premium-modal-box-modal-close {
2349
+ margin-top: -2px;
2350
+ }
2351
+
2352
+ .premium-modal-box-modal-header .premium-modal-box-modal-title {
2353
+ -js-display: flex;
2354
+ display: -webkit-box;
2355
+ display: -webkit-flex;
2356
+ display: -moz-box;
2357
+ display: -ms-flexbox;
2358
+ display: flex;
2359
+ -webkit-box-align: center;
2360
+ -webkit-align-items: center;
2361
+ -moz-box-align: center;
2362
+ -ms-flex-align: center;
2363
+ align-items: center;
2364
+ margin: 0;
2365
+ padding: 0;
2366
+ }
2367
+
2368
+ .premium-modal-box-modal-header .premium-modal-box-modal-title svg {
2369
+ width: 50px;
2370
+ height: 60px;
2371
+ }
2372
+
2373
+ .premium-modal-box-modal-body {
2374
+ position: relative;
2375
+ padding: 15px;
2376
+ overflow: hidden;
2377
+ }
2378
+
2379
+ .premium-modal-box-modal-footer {
2380
+ padding: 15px;
2381
+ text-align: left;
2382
+ border-top: 1px solid #e5e5e5;
2383
+ }
2384
+
2385
+ .premium-modal-scrollbar-measure {
2386
+ position: absolute;
2387
+ top: -9999px;
2388
+ width: 50px;
2389
+ height: 50px;
2390
+ overflow: scroll;
2391
+ }
2392
+
2393
+ .premium-modal-trigger-text {
2394
+ background: none !important;
2395
+ display: inline-block;
2396
+ }
2397
+
2398
+ .premium-modal-box-container {
2399
+ width: 100% !important;
2400
+ }
2401
+
2402
+ /*Open Modal Button Style*/
2403
+ .premium-modal-trigger-container .premium-modal-trigger-btn {
2404
+ border: none;
2405
+ -webkit-transition: all 0.3s ease-in-out;
2406
+ transition: all 0.3s ease-in-out;
2407
+ }
2408
+
2409
+ .premium-modal-trigger-container .premium-modal-trigger-img,
2410
+ .premium-modal-trigger-container .premium-modal-trigger-text,
2411
+ .premium-modal-trigger-container .premium-modal-trigger-animation {
2412
+ cursor: pointer;
2413
+ }
2414
+
2415
+ .premium-modal-trigger-container .premium-modal-trigger-animation {
2416
+ display: inline-block;
2417
+ width: 200px;
2418
+ height: 200px;
2419
+ -webkit-transition: all 0.3s ease-in-out;
2420
+ transition: all 0.3s ease-in-out;
2421
+ }
2422
+
2423
+ /*Image on Modal Header Style*/
2424
+ .premium-modal-box-modal-header img {
2425
+ width: 48px;
2426
+ padding-left: 5px;
2427
+ }
2428
+
2429
+ .premium-modal-box-modal-header i,
2430
+ .premium-modal-box-modal-header svg {
2431
+ padding-left: 6px;
2432
+ }
2433
+
2434
+ .premium-modal-box-modal-close {
2435
+ position: relative;
2436
+ z-index: 99;
2437
+ }
2438
+
2439
+ .premium-modal-trigger-img,
2440
+ .premium-modal-trigger-text,
2441
+ .premium-modal-box-close-button-container,
2442
+ .premium-modal-box-modal-close,
2443
+ .premium-modal-box-modal-lower-close {
2444
+ -webkit-transition: all 0.3s ease-in-out;
2445
+ transition: all 0.3s ease-in-out;
2446
+ }
2447
+
2448
+ @media (min-width: 768px) {
2449
+ .premium-modal-box-modal-dialog {
2450
+ width: 700px;
2451
+ max-height: 600px;
2452
+ overflow: auto;
2453
+ }
2454
+ }
2455
+
2456
+ @media (max-width: 767px) {
2457
+ .premium-modal-box-modal-dialog {
2458
+ width: 100%;
2459
+ max-height: 500px;
2460
+ overflow: auto;
2461
+ }
2462
+ }
2463
+
2464
+ .premium-modal-box-container[data-modal-animation*="animated-"] {
2465
+ opacity: 0;
2466
+ }
2467
+
2468
+ /**************** Premium Progress Bar ****************/
2469
+ /******************************************************/
2470
+ .premium-progressbar-container {
2471
+ position: relative;
2472
+ }
2473
+
2474
+ .premium-progressbar-bar-wrap {
2475
+ position: relative;
2476
+ text-align: right;
2477
+ overflow: hidden;
2478
+ height: 25px;
2479
+ margin-bottom: 50px;
2480
+ background-color: #f5f5f5;
2481
+ -webkit-border-radius: 4px;
2482
+ border-radius: 4px;
2483
+ -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
2484
+ box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
2485
+ }
2486
+
2487
+ .premium-progressbar-bar-wrap.premium-progressbar-dots {
2488
+ background-color: transparent;
2489
+ width: 100%;
2490
+ -js-display: flex;
2491
+ display: -webkit-box;
2492
+ display: -webkit-flex;
2493
+ display: -moz-box;
2494
+ display: -ms-flexbox;
2495
+ display: flex;
2496
+ height: auto;
2497
+ -webkit-box-shadow: none;
2498
+ box-shadow: none;
2499
+ }
2500
+
2501
+ .premium-progressbar-bar-wrap .progress-segment {
2502
+ position: relative;
2503
+ width: 25px;
2504
+ height: 25px;
2505
+ -webkit-border-radius: 50%;
2506
+ border-radius: 50%;
2507
+ overflow: hidden;
2508
+ background-color: #f5f5f5;
2509
+ }
2510
+
2511
+ .premium-progressbar-bar-wrap .progress-segment.filled {
2512
+ background: #6ec1e4;
2513
+ }
2514
+
2515
+ .premium-progressbar-bar-wrap .progress-segment:not(:first-child):not(:last-child) {
2516
+ margin: 0 4px;
2517
+ }
2518
+
2519
+ .premium-progressbar-bar-wrap .progress-segment:first-child {
2520
+ margin-left: 4px;
2521
+ }
2522
+
2523
+ .premium-progressbar-bar-wrap .progress-segment:last-child {
2524
+ margin-right: 4px;
2525
+ }
2526
+
2527
+ .premium-progressbar-bar-wrap .progress-segment .segment-inner {
2528
+ position: absolute;
2529
+ top: 0;
2530
+ right: 0;
2531
+ height: 100%;
2532
+ background-color: #6ec1e4;
2533
+ }
2534
+
2535
+ .premium-progressbar-bar {
2536
+ float: right;
2537
+ width: 0%;
2538
+ height: 100%;
2539
+ font-size: 12px;
2540
+ line-height: 20px;
2541
+ background: #6ec1e4;
2542
+ text-align: center;
2543
+ -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
2544
+ box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
2545
+ }
2546
+
2547
+ .premium-progressbar-striped .premium-progressbar-bar {
2548
+ background-image: -webkit-linear-gradient(-135deg,
2549
+ rgba(255, 255, 255, 0.15) 25%,
2550
+ transparent 25%,
2551
+ transparent 50%,
2552
+ rgba(255, 255, 255, 0.15) 50%,
2553
+ rgba(255, 255, 255, 0.15) 75%,
2554
+ transparent 75%,
2555
+ transparent);
2556
+ background-image: -webkit-linear-gradient(45deg,
2557
+ rgba(255, 255, 255, 0.15) 25%,
2558
+ transparent 25%,
2559
+ transparent 50%,
2560
+ rgba(255, 255, 255, 0.15) 50%,
2561
+ rgba(255, 255, 255, 0.15) 75%,
2562
+ transparent 75%,
2563
+ transparent);
2564
+ background-image: linear-gradient(45deg,
2565
+ rgba(255, 255, 255, 0.15) 25%,
2566
+ transparent 25%,
2567
+ transparent 50%,
2568
+ rgba(255, 255, 255, 0.15) 50%,
2569
+ rgba(255, 255, 255, 0.15) 75%,
2570
+ transparent 75%,
2571
+ transparent);
2572
+ -webkit-background-size: 40px 40px;
2573
+ background-size: 40px 40px;
2574
+ }
2575
+
2576
+ .premium-progressbar-active .premium-progressbar-bar {
2577
+ -webkit-animation: progress-bar-stripes 2s linear infinite;
2578
+ animation: progress-bar-stripes 2s linear infinite;
2579
+ }
2580
+
2581
+ .premium-progressbar-gradient .premium-progressbar-bar {
2582
+ -webkit-background-size: 400% 400% !important;
2583
+ background-size: 400% 400% !important;
2584
+ -webkit-animation: progress-bar-gradient 10s ease-in-out infinite;
2585
+ animation: progress-bar-gradient 10s ease-in-out infinite;
2586
+ }
2587
+
2588
+ .premium-progressbar-bar {
2589
+ position: absolute;
2590
+ overflow: hidden;
2591
+ line-height: 20px;
2592
+ }
2593
+
2594
+ .premium-progressbar-container .clearfix {
2595
+ clear: both;
2596
+ }
2597
+
2598
+ .premium-progressbar-bar {
2599
+ -webkit-transition: width 0s ease-in-out !important;
2600
+ transition: width 0s ease-in-out !important;
2601
+ }
2602
+
2603
+ .premium-progressbar-container p:first-of-type {
2604
+ margin: 0;
2605
+ float: right;
2606
+ }
2607
+
2608
+ .premium-progressbar-container p:nth-of-type(2) {
2609
+ margin: 0;
2610
+ float: left;
2611
+ }
2612
+
2613
+ .premium-progressbar-name {
2614
+ right: 50%;
2615
+ top: 0;
2616
+ left: 0;
2617
+ -webkit-transform: translateX(12.5px);
2618
+ -ms-transform: translateX(12.5px);
2619
+ transform: translateX(12.5px);
2620
+ z-index: 1;
2621
+ }
2622
+
2623
+ .premium-progressbar-multiple-label {
2624
+ position: relative;
2625
+ float: right;
2626
+ width: 0;
2627
+ right: 50%;
2628
+ }
2629
+
2630
+ .premium-progressbar-center-label {
2631
+ position: relative;
2632
+ white-space: nowrap;
2633
+ }
2634
+
2635
+ .premium-progressbar-arrow {
2636
+ height: 15px;
2637
+ right: 50%;
2638
+ display: inline-block;
2639
+ border-right: 7px solid transparent;
2640
+ border-left: 7px solid transparent;
2641
+ border-top: 11px solid;
2642
+ -webkit-transform: translateX(50%);
2643
+ -ms-transform: translateX(50%);
2644
+ transform: translateX(50%);
2645
+ }
2646
+
2647
+ .premium-progressbar-pin {
2648
+ border-right: 1px solid;
2649
+ height: 12px;
2650
+ right: 50%;
2651
+ display: inline-block;
2652
+ }
2653
+
2654
+ /**
2655
+ * Circle Progress Bar
2656
+ */
2657
+ .premium-progressbar-circle-wrap {
2658
+ width: 200px;
2659
+ height: 200px;
2660
+ position: relative;
2661
+ margin: 0 auto;
2662
+ }
2663
+
2664
+ .premium-progressbar-circle-wrap .premium-progressbar-circle {
2665
+ position: absolute;
2666
+ top: 0;
2667
+ right: 0;
2668
+ width: 100%;
2669
+ height: 100%;
2670
+ -webkit-clip-path: inset(0 0 0 50%);
2671
+ clip-path: inset(0 0 0 50%);
2672
+ }
2673
+
2674
+ .premium-progressbar-circle-wrap .premium-progressbar-circle div {
2675
+ position: absolute;
2676
+ right: 0;
2677
+ top: 0;
2678
+ height: 100%;
2679
+ width: 100%;
2680
+ border-width: 6px;
2681
+ border-style: solid;
2682
+ border-color: #54595f;
2683
+ -webkit-border-radius: 50%;
2684
+ border-radius: 50%;
2685
+ -webkit-clip-path: inset(0 50% 0 0);
2686
+ clip-path: inset(0 50% 0 0);
2687
+ }
2688
+
2689
+ .premium-progressbar-circle-wrap .premium-progressbar-circle .premium-progressbar-circle-left {
2690
+ -webkit-transform: rotate(0);
2691
+ -ms-transform: rotate(0);
2692
+ transform: rotate(0);
2693
+ }
2694
+
2695
+ .premium-progressbar-circle-wrap .premium-progressbar-circle .premium-progressbar-circle-right {
2696
+ -webkit-transform: rotate(-180deg);
2697
+ -ms-transform: rotate(-180deg);
2698
+ transform: rotate(-180deg);
2699
+ visibility: hidden;
2700
+ }
2701
+
2702
+ .premium-progressbar-circle-wrap .premium-progressbar-circle-base {
2703
+ width: 100%;
2704
+ height: 100%;
2705
+ border: 6px solid #eee;
2706
+ -webkit-border-radius: 50%;
2707
+ border-radius: 50%;
2708
+ }
2709
+
2710
+ .premium-progressbar-circle-wrap .premium-progressbar-circle-content {
2711
+ position: absolute;
2712
+ top: 0;
2713
+ right: 0;
2714
+ width: 100%;
2715
+ height: 100%;
2716
+ -js-display: flex;
2717
+ display: -webkit-box;
2718
+ display: -webkit-flex;
2719
+ display: -moz-box;
2720
+ display: -ms-flexbox;
2721
+ display: flex;
2722
+ -webkit-box-orient: vertical;
2723
+ -webkit-box-direction: normal;
2724
+ -webkit-flex-direction: column;
2725
+ -moz-box-orient: vertical;
2726
+ -moz-box-direction: normal;
2727
+ -ms-flex-direction: column;
2728
+ flex-direction: column;
2729
+ -webkit-box-pack: center;
2730
+ -webkit-justify-content: center;
2731
+ -moz-box-pack: center;
2732
+ -ms-flex-pack: center;
2733
+ justify-content: center;
2734
+ -webkit-box-align: center;
2735
+ -webkit-align-items: center;
2736
+ -moz-box-align: center;
2737
+ -ms-flex-align: center;
2738
+ align-items: center;
2739
+ }
2740
+
2741
+ .premium-progressbar-circle-wrap .premium-lottie-animation {
2742
+ line-height: 1;
2743
+ }
2744
+
2745
+ @-webkit-keyframes progress-bar-stripes {
2746
+ from {
2747
+ background-position: 100% 0;
2748
+ }
2749
+
2750
+ to {
2751
+ background-position: 40px 0;
2752
+ }
2753
+ }
2754
+
2755
+ @keyframes progress-bar-stripes {
2756
+ from {
2757
+ background-position: 100% 0;
2758
+ }
2759
+
2760
+ to {
2761
+ background-position: 40px 0;
2762
+ }
2763
+ }
2764
+
2765
+ @-webkit-keyframes progress-bar-gradient {
2766
+ 0% {
2767
+ background-position: 100% 50%;
2768
+ }
2769
+
2770
+ 50% {
2771
+ background-position: 0% 50%;
2772
+ }
2773
+
2774
+ 100% {
2775
+ background-position: 100% 50%;
2776
+ }
2777
+ }
2778
+
2779
+ @keyframes progress-bar-gradient {
2780
+ 0% {
2781
+ background-position: 100% 50%;
2782
+ }
2783
+
2784
+ 50% {
2785
+ background-position: 0% 50%;
2786
+ }
2787
+
2788
+ 100% {
2789
+ background-position: 100% 50%;
2790
+ }
2791
+ }
2792
+
2793
+ /**************** Premium Testimonials ****************/
2794
+ /******************************************************/
2795
+ .premium-testimonial-box {
2796
+ width: 100%;
2797
+ background: transparent;
2798
+ -webkit-transition: all 0.3s ease-in-out;
2799
+ transition: all 0.3s ease-in-out;
2800
+ }
2801
+
2802
+ .premium-testimonial-box .premium-testimonial-author-info {
2803
+ -js-display: flex;
2804
+ display: -webkit-box;
2805
+ display: -webkit-flex;
2806
+ display: -moz-box;
2807
+ display: -ms-flexbox;
2808
+ display: flex;
2809
+ -webkit-box-pack: center;
2810
+ -webkit-justify-content: center;
2811
+ -moz-box-pack: center;
2812
+ -ms-flex-pack: center;
2813
+ justify-content: center;
2814
+ -webkit-box-align: center;
2815
+ -webkit-align-items: center;
2816
+ -moz-box-align: center;
2817
+ -ms-flex-align: center;
2818
+ align-items: center;
2819
+ }
2820
+
2821
+ .premium-testimonial-box .premium-testimonial-person-name,
2822
+ .premium-testimonial-box .premium-testimonial-company-name {
2823
+ font-weight: 600;
2824
+ margin: 0;
2825
+ }
2826
+
2827
+ .premium-testimonial-container {
2828
+ position: relative;
2829
+ }
2830
+
2831
+ .premium-testimonial-img-wrapper {
2832
+ margin-right: auto;
2833
+ margin-left: auto;
2834
+ overflow: hidden;
2835
+ border-style: solid !important;
2836
+ }
2837
+
2838
+ .premium-testimonial-img-wrapper.circle {
2839
+ -webkit-border-radius: 50%;
2840
+ border-radius: 50%;
2841
+ }
2842
+
2843
+ .premium-testimonial-img-wrapper.rounded {
2844
+ -webkit-border-radius: 15px;
2845
+ border-radius: 15px;
2846
+ }
2847
+
2848
+ .premium-testimonial-img-wrapper img {
2849
+ -o-object-fit: cover;
2850
+ object-fit: cover;
2851
+ width: 100%;
2852
+ height: 100% !important;
2853
+ }
2854
+
2855
+ .premium-testimonial-content-wrapper {
2856
+ position: relative;
2857
+ display: -ms-flexbox;
2858
+ display: -webkit-flex;
2859
+ display: -moz-flex;
2860
+ display: -ms-flex;
2861
+ -js-display: flex;
2862
+ display: -webkit-box;
2863
+ display: -moz-box;
2864
+ display: flex;
2865
+ -webkit-box-orient: vertical;
2866
+ -webkit-box-direction: normal;
2867
+ -webkit-flex-direction: column;
2868
+ -moz-box-orient: vertical;
2869
+ -moz-box-direction: normal;
2870
+ -ms-flex-direction: column;
2871
+ flex-direction: column;
2872
+ z-index: 2;
2873
+ width: 100%;
2874
+ padding: 20px;
2875
+ text-align: center;
2876
+ }
2877
+
2878
+ .premium-testimonial-clear-float {
2879
+ clear: both;
2880
+ }
2881
+
2882
+ .premium-testimonial-upper-quote,
2883
+ .premium-testimonial-lower-quote {
2884
+ position: absolute;
2885
+ z-index: 1;
2886
+ }
2887
+
2888
+ /**************** Premium Dual Heading *****************/
2889
+ /*******************************************************/
2890
+ .premium-dual-header-container .premium-dual-header-first-header,
2891
+ .premium-dual-header-container .premium-dual-header-second-header {
2892
+ position: relative;
2893
+ padding: 0;
2894
+ margin: 0;
2895
+ display: inline-block;
2896
+ -webkit-transform: translate(0, 0);
2897
+ -ms-transform: translate(0, 0);
2898
+ transform: translate(0, 0);
2899
+ }
2900
+
2901
+ .premium-dual-header-first-clip .premium-dual-header-first-span,
2902
+ .premium-dual-header-second-clip {
2903
+ -webkit-text-fill-color: transparent;
2904
+ -webkit-background-clip: text;
2905
+ }
2906
+
2907
+ .premium-dual-header-first-clip.stroke .premium-dual-header-first-span,
2908
+ .premium-dual-header-second-clip.stroke {
2909
+ -webkit-text-stroke-color: transparent;
2910
+ -webkit-text-fill-color: #fafafa;
2911
+ -webkit-text-stroke-width: 2px;
2912
+ }
2913
+
2914
+ @media (max-width: 500px) {
2915
+
2916
+ .premium-dual-header-container .premium-dual-header-first-header,
2917
+ .premium-dual-header-container .premium-dual-header-second-header {
2918
+ display: block;
2919
+ word-wrap: break-word;
2920
+ }
2921
+
2922
+ .premium-dual-header-first-container,
2923
+ .premium-dual-header-second-container {
2924
+ margin: 0;
2925
+ }
2926
+ }
2927
+
2928
+ @media (min-width: 501px) {
2929
+ .premium-dual-header-first-container {
2930
+ margin-left: 5px;
2931
+ }
2932
+ }
2933
+
2934
+ .premium-dual-header-first-header.gradient .premium-dual-header-first-span,
2935
+ .premium-dual-header-second-header.gradient {
2936
+ -webkit-background-size: 300% 300% !important;
2937
+ background-size: 300% 300% !important;
2938
+ -webkit-animation: Gradient 10s ease-in-out infinite;
2939
+ animation: Gradient 10s ease-in-out infinite;
2940
+ }
2941
+
2942
+ @-webkit-keyframes Gradient {
2943
+ 0% {
2944
+ background-position: 100% 50%;
2945
+ }
2946
+
2947
+ 50% {
2948
+ background-position: 0% 50%;
2949
+ }
2950
+
2951
+ 100% {
2952
+ background-position: 100% 50%;
2953
+ }
2954
+ }
2955
+
2956
+ @keyframes Gradient {
2957
+ 0% {
2958
+ background-position: 100% 50%;
2959
+ }
2960
+
2961
+ 50% {
2962
+ background-position: 0% 50%;
2963
+ }
2964
+
2965
+ 100% {
2966
+ background-position: 100% 50%;
2967
+ }
2968
+ }
2969
+
2970
+ /**************** Premium Title ****************/
2971
+ /***********************************************/
2972
+ .premium-title-container {
2973
+ position: relative;
2974
+ width: 100%;
2975
+ clear: both;
2976
+ overflow: hidden;
2977
+ }
2978
+
2979
+ .premium-title-container .premium-title-header {
2980
+ position: relative;
2981
+ margin: 0;
2982
+ padding: 10px;
2983
+ }
2984
+
2985
+ .premium-title-container .premium-title-header:not(.premium-title-style7) {
2986
+ -webkit-box-align: center;
2987
+ -webkit-align-items: center;
2988
+ -moz-box-align: center;
2989
+ -ms-flex-align: center;
2990
+ align-items: center;
2991
+ }
2992
+
2993
+ .premium-title-container .premium-title-header svg {
2994
+ width: 40px;
2995
+ height: 40px;
2996
+ }
2997
+
2998
+ .premium-title-container .premium-title-header img {
2999
+ width: 40px;
3000
+ height: 40px;
3001
+ -o-object-fit: cover;
3002
+ object-fit: cover;
3003
+ }
3004
+
3005
+ .premium-title-container .premium-title-header a {
3006
+ position: absolute;
3007
+ top: 0;
3008
+ right: 0;
3009
+ width: 100%;
3010
+ height: 100%;
3011
+ }
3012
+
3013
+ .premium-title-container .premium-lottie-animation {
3014
+ -js-display: flex;
3015
+ display: -webkit-box;
3016
+ display: -webkit-flex;
3017
+ display: -moz-box;
3018
+ display: -ms-flexbox;
3019
+ display: flex;
3020
+ }
3021
+
3022
+ .premium-title-icon-row .premium-title-icon {
3023
+ margin-left: 10px;
3024
+ }
3025
+
3026
+ .premium-title-icon-row-reverse .premium-title-icon {
3027
+ margin-right: 10px;
3028
+ }
3029
+
3030
+ .premium-title-style3,
3031
+ .premium-title-style4 {
3032
+ -js-display: flex;
3033
+ display: -webkit-box;
3034
+ display: -webkit-flex;
3035
+ display: -moz-box;
3036
+ display: -ms-flexbox;
3037
+ display: flex;
3038
+ }
3039
+
3040
+ .premium-title-style1,
3041
+ .premium-title-style2,
3042
+ .premium-title-style5,
3043
+ .premium-title-style6,
3044
+ .premium-title-style8,
3045
+ .premium-title-style9 {
3046
+ -js-display: inline-flex;
3047
+ display: -webkit-inline-box;
3048
+ display: -webkit-inline-flex;
3049
+ display: -moz-inline-box;
3050
+ display: -ms-inline-flexbox;
3051
+ display: inline-flex;
3052
+ }
3053
+
3054
+ .premium-title-style7 {
3055
+ -js-display: inline-flex;
3056
+ display: -webkit-inline-box;
3057
+ display: -webkit-inline-flex;
3058
+ display: -moz-inline-box;
3059
+ display: -ms-inline-flexbox;
3060
+ display: inline-flex;
3061
+ -webkit-box-orient: vertical;
3062
+ -webkit-box-direction: normal;
3063
+ -webkit-flex-direction: column;
3064
+ -moz-box-orient: vertical;
3065
+ -moz-box-direction: normal;
3066
+ -ms-flex-direction: column;
3067
+ flex-direction: column;
3068
+ }
3069
+
3070
+ .premium-title-style7 .premium-title-style7-inner {
3071
+ -js-display: flex;
3072
+ display: -webkit-box;
3073
+ display: -webkit-flex;
3074
+ display: -moz-box;
3075
+ display: -ms-flexbox;
3076
+ display: flex;
3077
+ -webkit-box-align: center;
3078
+ -webkit-align-items: center;
3079
+ -moz-box-align: center;
3080
+ -ms-flex-align: center;
3081
+ align-items: center;
3082
+ }
3083
+
3084
+ .premium-title-style1 {
3085
+ border-right: 3px solid #6ec1e4;
3086
+ }
3087
+
3088
+ .premium-title-container.style2,
3089
+ .premium-title-container.style4,
3090
+ .premium-title-container.style5,
3091
+ .premium-title-container.style6 {
3092
+ border-bottom: 3px solid #6ec1e4;
3093
+ }
3094
+
3095
+ /*Style 6 Header*/
3096
+ .premium-title-style6:before {
3097
+ position: absolute;
3098
+ right: 50%;
3099
+ bottom: 0;
3100
+ margin-right: -2px;
3101
+ content: "";
3102
+ border: 3px solid transparent;
3103
+ }
3104
+
3105
+ /*Style 6 Trinagle*/
3106
+ .premium-title-style7-stripe-wrap {
3107
+ -js-display: flex;
3108
+ display: -webkit-box;
3109
+ display: -webkit-flex;
3110
+ display: -moz-box;
3111
+ display: -ms-flexbox;
3112
+ display: flex;
3113
+ }
3114
+
3115
+ .premium-title-style7:before {
3116
+ display: none;
3117
+ }
3118
+
3119
+ .premium-title-style8 .premium-title-text[data-animation="shiny"] {
3120
+ -webkit-background-size: 125px 125px !important;
3121
+ background-size: 125px !important;
3122
+ color: rgba(255, 255, 255, 0);
3123
+ -webkit-background-clip: text !important;
3124
+ background-clip: text !important;
3125
+ -webkit-animation-name: pa-shinny-text !important;
3126
+ animation-name: pa-shinny-text !important;
3127
+ -webkit-animation-duration: var(--animation-speed) !important;
3128
+ animation-duration: var(--animation-speed) !important;
3129
+ -webkit-animation-iteration-count: infinite !important;
3130
+ animation-iteration-count: infinite !important;
3131
+ background: var(--base-color) -webkit-gradient(linear,
3132
+ left top,
3133
+ right top,
3134
+ from(var(--base-color)),
3135
+ to(var(--base-color)),
3136
+ color-stop(0.5, var(--shiny-color))) 0 0 no-repeat;
3137
+ }
3138
+
3139
+ .premium-title-style9[data-animation-blur="process"] .premium-title-style9-letter {
3140
+ -webkit-animation: pa-blur-shadow 2s 1 alternate;
3141
+ animation: pa-blur-shadow 2s 1 alternate;
3142
+ }
3143
+
3144
+ .premium-title-gradient-yes .premium-title-text,
3145
+ .premium-title-gradient-yes .premium-title-icon {
3146
+ -webkit-background-clip: text;
3147
+ -webkit-text-fill-color: transparent;
3148
+ background-image: -webkit-gradient(linear, left top, right top, from(#ffa648), color-stop(#f17cc1), to(#4da9fd));
3149
+ background-image: -webkit-linear-gradient(left, #ffa648, #f17cc1, #4da9fd);
3150
+ background-image: linear-gradient(to right, #ffa648, #f17cc1, #4da9fd);
3151
+ -webkit-animation: pa-text-gradient 8s infinite;
3152
+ animation: pa-text-gradient 8s infinite;
3153
+ }
3154
+
3155
+ @-webkit-keyframes pa-shinny-text {
3156
+ 0% {
3157
+ background-position: 100%;
3158
+ }
3159
+
3160
+ 100% {
3161
+ background-position: -100%;
3162
+ }
3163
+ }
3164
+
3165
+ @keyframes pa-shinny-text {
3166
+ 0% {
3167
+ background-position: 100%;
3168
+ }
3169
+
3170
+ 100% {
3171
+ background-position: -100%;
3172
+ }
3173
+ }
3174
+
3175
+ @-webkit-keyframes pa-blur-shadow {
3176
+ from {
3177
+ text-shadow: 0 0 var(--shadow-value) var(--shadow-color);
3178
+ color: transparent;
3179
+ }
3180
+
3181
+ to {
3182
+ text-shadow: 0;
3183
+ }
3184
+ }
3185
+
3186
+ @keyframes pa-blur-shadow {
3187
+ from {
3188
+ text-shadow: 0 0 var(--shadow-value) var(--shadow-color);
3189
+ color: transparent;
3190
+ }
3191
+
3192
+ to {
3193
+ text-shadow: 0;
3194
+ }
3195
+ }
3196
+
3197
+ @-webkit-keyframes pa-text-gradient {
3198
+
3199
+ 0%,
3200
+ 100% {
3201
+ -webkit-filter: hue-rotate(0deg);
3202
+ filter: hue-rotate(0deg);
3203
+ }
3204
+
3205
+ 50% {
3206
+ -webkit-filter: hue-rotate(360deg);
3207
+ filter: hue-rotate(360deg);
3208
+ }
3209
+ }
3210
+
3211
+ @keyframes pa-text-gradient {
3212
+
3213
+ 0%,
3214
+ 100% {
3215
+ -webkit-filter: hue-rotate(0deg);
3216
+ filter: hue-rotate(0deg);
3217
+ }
3218
+
3219
+ 50% {
3220
+ -webkit-filter: hue-rotate(360deg);
3221
+ filter: hue-rotate(360deg);
3222
+ }
3223
+ }
3224
+
3225
+ /*
3226
+ * Common Title/Dual Heading
3227
+ */
3228
+ .premium-title-bg-text:before {
3229
+ position: absolute;
3230
+ content: attr(data-background);
3231
+ top: 0;
3232
+ left: 0;
3233
+ text-align: left;
3234
+ }
3235
+
3236
+ .premium-mask-yes .premium-dual-header-first-clip .premium-dual-header-first-span .premium-mask-span,
3237
+ .premium-mask-yes .premium-dual-header-second-clip .premium-mask-span {
3238
+ background: inherit;
3239
+ }
3240
+
3241
+ .premium-mask-yes .premium-mask-span {
3242
+ position: relative;
3243
+ overflow: hidden;
3244
+ -js-display: inline-flex !important;
3245
+ display: -webkit-inline-box !important;
3246
+ display: -webkit-inline-flex !important;
3247
+ display: -moz-inline-box !important;
3248
+ display: -ms-inline-flexbox !important;
3249
+ display: inline-flex !important;
3250
+ }
3251
+
3252
+ .premium-mask-yes .premium-mask-span::after {
3253
+ content: "";
3254
+ position: absolute;
3255
+ top: 0;
3256
+ right: 0px;
3257
+ width: 100%;
3258
+ height: 100%;
3259
+ background-color: currentColor;
3260
+ -webkit-backface-visibility: visible;
3261
+ backface-visibility: visible;
3262
+ }
3263
+
3264
+ .premium-mask-active.premium-mask-tr .premium-mask-span::after {
3265
+ -webkit-animation: pa-mask-tr 1.7s cubic-bezier(1, 0, 0.18, 1) forwards;
3266
+ animation: pa-mask-tr 1.7s cubic-bezier(1, 0, 0.18, 1) forwards;
3267
+ -webkit-transform: translateX(-103%);
3268
+ -ms-transform: translateX(-103%);
3269
+ transform: translateX(-103%);
3270
+ }
3271
+
3272
+ .premium-mask-active.premium-mask-tl .premium-mask-span::after {
3273
+ -webkit-animation: pa-mask-tl 1.7s cubic-bezier(1, 0, 0.18, 1) forwards;
3274
+ animation: pa-mask-tl 1.7s cubic-bezier(1, 0, 0.18, 1) forwards;
3275
+ -webkit-transform: translateX(103%);
3276
+ -ms-transform: translateX(103%);
3277
+ transform: translateX(103%);
3278
+ }
3279
+
3280
+ .premium-mask-active.premium-mask-tb .premium-mask-span::after {
3281
+ -webkit-animation: pa-mask-tb 1.7s cubic-bezier(1, 0, 0.18, 1) forwards;
3282
+ animation: pa-mask-tb 1.7s cubic-bezier(1, 0, 0.18, 1) forwards;
3283
+ -webkit-transform: translateY(-103%);
3284
+ -ms-transform: translateY(-103%);
3285
+ transform: translateY(-103%);
3286
+ }
3287
+
3288
+ .premium-mask-active.premium-mask-tt .premium-mask-span::after {
3289
+ -webkit-animation: pa-mask-tt 1.7s cubic-bezier(1, 0, 0.18, 1) forwards;
3290
+ animation: pa-mask-tt 1.7s cubic-bezier(1, 0, 0.18, 1) forwards;
3291
+ -webkit-transform: translateY(103%);
3292
+ -ms-transform: translateY(103%);
3293
+ transform: translateY(103%);
3294
+ }
3295
+
3296
+ @-webkit-keyframes pa-mask-tr {
3297
+ 0% {
3298
+ -webkit-transform: translateX(0%);
3299
+ transform: translateX(0%);
3300
+ }
3301
+
3302
+ 100% {
3303
+ -webkit-transform: translateX(103%);
3304
+ transform: translateX(103%);
3305
+ }
3306
+ }
3307
+
3308
+ @keyframes pa-mask-tr {
3309
+ 0% {
3310
+ -webkit-transform: translateX(0%);
3311
+ transform: translateX(0%);
3312
+ }
3313
+
3314
+ 100% {
3315
+ -webkit-transform: translateX(103%);
3316
+ transform: translateX(103%);
3317
+ }
3318
+ }
3319
+
3320
+ @-webkit-keyframes pa-mask-tl {
3321
+ 0% {
3322
+ -webkit-transform: translateX(0%);
3323
+ transform: translateX(0%);
3324
+ }
3325
+
3326
+ 100% {
3327
+ -webkit-transform: translateX(-103%);
3328
+ transform: translateX(-103%);
3329
+ }
3330
+ }
3331
+
3332
+ @keyframes pa-mask-tl {
3333
+ 0% {
3334
+ -webkit-transform: translateX(0%);
3335
+ transform: translateX(0%);
3336
+ }
3337
+
3338
+ 100% {
3339
+ -webkit-transform: translateX(-103%);
3340
+ transform: translateX(-103%);
3341
+ }
3342
+ }
3343
+
3344
+ @-webkit-keyframes pa-mask-tb {
3345
+ 0% {
3346
+ -webkit-transform: translateY(0%);
3347
+ transform: translateY(0%);
3348
+ }
3349
+
3350
+ 100% {
3351
+ -webkit-transform: translateY(103%);
3352
+ transform: translateY(103%);
3353
+ }
3354
+ }
3355
+
3356
+ @keyframes pa-mask-tb {
3357
+ 0% {
3358
+ -webkit-transform: translateY(0%);
3359
+ transform: translateY(0%);
3360
+ }
3361
+
3362
+ 100% {
3363
+ -webkit-transform: translateY(103%);
3364
+ transform: translateY(103%);
3365
+ }
3366
+ }
3367
+
3368
+ @-webkit-keyframes pa-mask-tt {
3369
+ 0% {
3370
+ -webkit-transform: translateY(0%);
3371
+ transform: translateY(0%);
3372
+ }
3373
+
3374
+ 100% {
3375
+ -webkit-transform: translateY(-103%);
3376
+ transform: translateY(-103%);
3377
+ }
3378
+ }
3379
+
3380
+ @keyframes pa-mask-tt {
3381
+ 0% {
3382
+ -webkit-transform: translateY(0%);
3383
+ transform: translateY(0%);
3384
+ }
3385
+
3386
+ 100% {
3387
+ -webkit-transform: translateY(-103%);
3388
+ transform: translateY(-103%);
3389
+ }
3390
+ }
3391
+
3392
+ /**************** Premium Video Box ************/
3393
+ /***********************************************/
3394
+ .premium-video-box-transform {
3395
+ -webkit-transform: none !important;
3396
+ -ms-transform: none !important;
3397
+ transform: none !important;
3398
+ }
3399
+
3400
+ .premium-video-box-container {
3401
+ -js-display: flex;
3402
+ display: -webkit-box;
3403
+ display: -webkit-flex;
3404
+ display: -moz-box;
3405
+ display: -ms-flexbox;
3406
+ display: flex;
3407
+ -webkit-box-orient: vertical;
3408
+ -webkit-box-direction: normal;
3409
+ -webkit-flex-direction: column;
3410
+ -moz-box-orient: vertical;
3411
+ -moz-box-direction: normal;
3412
+ -ms-flex-direction: column;
3413
+ flex-direction: column;
3414
+ }
3415
+
3416
+ .premium-video-box-container>div {
3417
+ position: relative;
3418
+ overflow: hidden;
3419
+ }
3420
+
3421
+ .pa-aspect-ratio-11 .premium-video-box-container>div {
3422
+ padding-bottom: 100%;
3423
+ }
3424
+
3425
+ .pa-aspect-ratio-169 .premium-video-box-container>div {
3426
+ padding-bottom: 56.25%;
3427
+ }
3428
+
3429
+ .pa-aspect-ratio-43 .premium-video-box-container>div {
3430
+ padding-bottom: 75%;
3431
+ }
3432
+
3433
+ .pa-aspect-ratio-32 .premium-video-box-container>div {
3434
+ padding-bottom: 66.6666%;
3435
+ }
3436
+
3437
+ .pa-aspect-ratio-219 .premium-video-box-container>div {
3438
+ padding-bottom: 42.8571%;
3439
+ }
3440
+
3441
+ .pa-aspect-ratio-916 .premium-video-box-container>div {
3442
+ padding-bottom: 177.8%;
3443
+ }
3444
+
3445
+ .premium-video-box-image-container {
3446
+ position: absolute;
3447
+ top: 0;
3448
+ right: 0;
3449
+ bottom: 0;
3450
+ left: 0;
3451
+ width: 100%;
3452
+ height: 100%;
3453
+ -webkit-background-size: cover;
3454
+ background-size: cover;
3455
+ background-position: 50%;
3456
+ cursor: pointer;
3457
+ margin: auto;
3458
+ -webkit-transition: 0.2s all;
3459
+ transition: 0.2s all;
3460
+ }
3461
+
3462
+ .premium-video-box-play-icon-container {
3463
+ position: absolute;
3464
+ z-index: 2;
3465
+ cursor: pointer;
3466
+ -webkit-transform: translate(50%, -50%);
3467
+ -ms-transform: translate(50%, -50%);
3468
+ transform: translate(50%, -50%);
3469
+ background: rgba(252, 252, 252, 0.35);
3470
+ }
3471
+
3472
+ .premium-video-box-description-container {
3473
+ position: absolute;
3474
+ z-index: 2;
3475
+ padding: 5px;
3476
+ text-align: center;
3477
+ cursor: pointer;
3478
+ -webkit-transform: translate(50%, -50%);
3479
+ -ms-transform: translate(50%, -50%);
3480
+ transform: translate(50%, -50%);
3481
+ }
3482
+
3483
+ .premium-video-box-text {
3484
+ margin-bottom: 0 !important;
3485
+ -webkit-transition: all 0.3s ease-in-out;
3486
+ transition: all 0.3s ease-in-out;
3487
+ }
3488
+
3489
+ .premium-video-box-play-icon {
3490
+ padding: 15px;
3491
+ -webkit-transform: translateX(-4%);
3492
+ -ms-transform: translateX(-4%);
3493
+ transform: translateX(-4%);
3494
+ -webkit-transition: all 0.3s ease-in-out;
3495
+ transition: all 0.3s ease-in-out;
3496
+ }
3497
+
3498
+ .premium-video-box-video-container {
3499
+ position: absolute;
3500
+ top: 0;
3501
+ right: 0;
3502
+ z-index: 2;
3503
+ width: 100%;
3504
+ height: 100%;
3505
+ -webkit-transition: opacity 0.8s ease-in-out;
3506
+ transition: opacity 0.8s ease-in-out;
3507
+ overflow: hidden;
3508
+ cursor: pointer;
3509
+ }
3510
+
3511
+ .premium-video-box-container[data-overlay="true"][data-type="self"] .premium-video-box-video-container {
3512
+ opacity: 0;
3513
+ visibility: hidden;
3514
+ }
3515
+
3516
+ .premium-video-box-video-container iframe {
3517
+ max-width: 100%;
3518
+ width: 100%;
3519
+ height: 100%;
3520
+ margin: 0;
3521
+ line-height: 1;
3522
+ border: none;
3523
+ }
3524
+
3525
+ .premium-video-box-video-container video {
3526
+ max-width: 100%;
3527
+ width: 100%;
3528
+ height: 100%;
3529
+ margin: 0;
3530
+ line-height: 1;
3531
+ border: none;
3532
+ background-color: #000;
3533
+ -o-object-fit: contain;
3534
+ object-fit: contain;
3535
+ }
3536
+
3537
+ .premium-video-box-container .premium-video-box-vimeo-wrap {
3538
+ -js-display: flex;
3539
+ display: -webkit-box;
3540
+ display: -webkit-flex;
3541
+ display: -moz-box;
3542
+ display: -ms-flexbox;
3543
+ display: flex;
3544
+ position: absolute;
3545
+ top: 0;
3546
+ right: 0;
3547
+ z-index: 3;
3548
+ margin: 10px;
3549
+ margin-left: 10px;
3550
+ -webkit-transition: opacity 0.2s ease-out;
3551
+ transition: opacity 0.2s ease-out;
3552
+ margin-left: 4.6em;
3553
+ }
3554
+
3555
+ .premium-video-box-vimeo-wrap .premium-video-box-vimeo-portrait {
3556
+ width: 60px;
3557
+ height: 60px;
3558
+ background: rgba(23, 35, 34, 0.75);
3559
+ margin-left: 1px;
3560
+ -webkit-box-flex: 1;
3561
+ -webkit-flex: 1 0 auto;
3562
+ -moz-box-flex: 1;
3563
+ -ms-flex: 1 0 auto;
3564
+ flex: 1 0 auto;
3565
+ padding: 0;
3566
+ }
3567
+
3568
+ .premium-video-box-vimeo-portrait img {
3569
+ width: 50px;
3570
+ height: 50px;
3571
+ margin: 5px;
3572
+ padding: 0;
3573
+ border: 0;
3574
+ -webkit-border-radius: 50%;
3575
+ border-radius: 50%;
3576
+ }
3577
+
3578
+ .premium-video-box-vimeo-wrap .premium-video-box-vimeo-headers {
3579
+ font-size: 10px;
3580
+ }
3581
+
3582
+ .premium-video-box-vimeo-wrap .premium-video-box-vimeo-title {
3583
+ max-width: 100%;
3584
+ font-size: 2em !important;
3585
+ font-weight: 700;
3586
+ margin: 0;
3587
+ padding: 0.1em 0.2em;
3588
+ background: rgba(23, 35, 34, 0.75);
3589
+ display: inline-block;
3590
+ text-transform: none;
3591
+ line-height: normal;
3592
+ letter-spacing: normal;
3593
+ }
3594
+
3595
+ .premium-video-box-vimeo-wrap .premium-video-box-vimeo-byline {
3596
+ font-size: 1.2em !important;
3597
+ font-weight: 400;
3598
+ color: #fff;
3599
+ margin-top: 0.1em;
3600
+ padding: 0.2em 0.5em;
3601
+ background: rgba(23, 35, 34, 0.75);
3602
+ text-transform: none;
3603
+ line-height: normal;
3604
+ letter-spacing: normal;
3605
+ }
3606
+
3607
+ .premium-video-box-playlist-container {
3608
+ -js-display: flex;
3609
+ display: -webkit-box;
3610
+ display: -webkit-flex;
3611
+ display: -moz-box;
3612
+ display: -ms-flexbox;
3613
+ display: flex;
3614
+ -webkit-flex-wrap: wrap;
3615
+ -ms-flex-wrap: wrap;
3616
+ flex-wrap: wrap;
3617
+ }
3618
+
3619
+ .premium-video-box-playlist-container .premium-video-box-container {
3620
+ height: 100%;
3621
+ overflow: hidden;
3622
+ }
3623
+
3624
+ .premium-video-box-container:hover .premium-video-box-image-container.zoomin {
3625
+ -webkit-transform: scale(1.1);
3626
+ -ms-transform: scale(1.1);
3627
+ transform: scale(1.1);
3628
+ }
3629
+
3630
+ .premium-video-box-container:hover .premium-video-box-image-container.zoomout {
3631
+ -webkit-transform: scale(1);
3632
+ -ms-transform: scale(1);
3633
+ transform: scale(1);
3634
+ }
3635
+
3636
+ .premium-video-box-container:hover .premium-video-box-image-container.scale {
3637
+ -webkit-transform: scale(1.3) rotate(-5deg);
3638
+ -ms-transform: scale(1.3) rotate(-5deg);
3639
+ transform: scale(1.3) rotate(-5deg);
3640
+ }
3641
+
3642
+ .premium-video-box-container:hover .premium-video-box-image-container.gray {
3643
+ -webkit-filter: grayscale(0%);
3644
+ filter: grayscale(0%);
3645
+ }
3646
+
3647
+ .premium-video-box-container:hover .premium-video-box-image-container.blur {
3648
+ -webkit-filter: blur(3px);
3649
+ filter: blur(3px);
3650
+ }
3651
+
3652
+ .premium-video-box-container:hover .premium-video-box-image-container.sepia {
3653
+ -webkit-filter: sepia(0%);
3654
+ filter: sepia(0%);
3655
+ }
3656
+
3657
+ .premium-video-box-container:hover .premium-video-box-image-container.trans {
3658
+ -webkit-transform: translateX(0px) scale(1.1);
3659
+ -ms-transform: translateX(0px) scale(1.1);
3660
+ transform: translateX(0px) scale(1.1);
3661
+ }
3662
+
3663
+ .premium-video-box-container:hover .premium-video-box-image-container.bright {
3664
+ -webkit-filter: brightness(1.2);
3665
+ filter: brightness(1.2);
3666
+ }
3667
+
3668
+ .premium-video-box-image-container.gray {
3669
+ -webkit-filter: grayscale(100%);
3670
+ filter: grayscale(100%);
3671
+ }
3672
+
3673
+ .premium-video-box-image-container.zoomout,
3674
+ .premium-video-box-image-container.scale {
3675
+ -webkit-transform: scale(1.2);
3676
+ -ms-transform: scale(1.2);
3677
+ transform: scale(1.2);
3678
+ }
3679
+
3680
+ .premium-video-box-image-container.sepia {
3681
+ -webkit-filter: sepia(30%);
3682
+ filter: sepia(30%);
3683
+ }
3684
+
3685
+ .premium-video-box-image-container.bright {
3686
+ -webkit-filter: brightness(1);
3687
+ filter: brightness(1);
3688
+ }
3689
+
3690
+ .premium-video-box-image-container.trans {
3691
+ -webkit-transform: translateX(15px) scale(1.1);
3692
+ -ms-transform: translateX(15px) scale(1.1);
3693
+ transform: translateX(15px) scale(1.1);
3694
+ }
3695
+
3696
+ .premium-video-box-mask-media {
3697
+ -webkit-mask-repeat: no-repeat;
3698
+ mask-repeat: no-repeat;
3699
+ }
3700
+
3701
+ /* Sticky Video Option */
3702
+ .premium-video-box-container.premium-video-box-sticky-apply {
3703
+ z-index: 99;
3704
+ overflow: unset;
3705
+ }
3706
+
3707
+ .premium-video-box-container.premium-video-box-sticky-apply .premium-video-box-inner-wrap {
3708
+ position: fixed !important;
3709
+ z-index: 99999;
3710
+ height: 225px;
3711
+ width: 400px;
3712
+ background: #fff;
3713
+ }
3714
+
3715
+ .premium-video-box-container.premium-video-box-sticky-apply .premium-video-box-vimeo-wrap,
3716
+ .premium-video-box-container.premium-video-box-sticky-apply .premium-video-box-container:before {
3717
+ visibility: hidden;
3718
+ }
3719
+
3720
+ .premium-video-box-container.premium-video-box-sticky-apply .premium-video-box-sticky-infobar-wrap.premium-video-box-sticky-apply .premium-video-box-inner-wrap {
3721
+ -webkit-box-shadow: unset;
3722
+ box-shadow: unset;
3723
+ }
3724
+
3725
+ .premium-video-box-sticky-close,
3726
+ .premium-video-box-sticky-infobar {
3727
+ display: none;
3728
+ }
3729
+
3730
+ .premium-video-box-sticky-apply .premium-video-box-sticky-close {
3731
+ position: absolute;
3732
+ padding: 5px;
3733
+ cursor: pointer;
3734
+ z-index: 99999;
3735
+ height: 14px;
3736
+ width: 14px;
3737
+ -webkit-box-sizing: content-box;
3738
+ -moz-box-sizing: content-box;
3739
+ box-sizing: content-box;
3740
+ -webkit-border-radius: 100%;
3741
+ border-radius: 100%;
3742
+ -js-display: flex;
3743
+ display: -webkit-box;
3744
+ display: -webkit-flex;
3745
+ display: -moz-box;
3746
+ display: -ms-flexbox;
3747
+ display: flex;
3748
+ -webkit-box-pack: center;
3749
+ -webkit-justify-content: center;
3750
+ -moz-box-pack: center;
3751
+ -ms-flex-pack: center;
3752
+ justify-content: center;
3753
+ -webkit-box-align: center;
3754
+ -webkit-align-items: center;
3755
+ -moz-box-align: center;
3756
+ -ms-flex-align: center;
3757
+ align-items: center;
3758
+ }
3759
+
3760
+ .premium-video-box-sticky-apply .premium-video-box-play-icon-container {
3761
+ -js-display: flex;
3762
+ display: -webkit-box;
3763
+ display: -webkit-flex;
3764
+ display: -moz-box;
3765
+ display: -ms-flexbox;
3766
+ display: flex;
3767
+ }
3768
+
3769
+ .premium-video-box-sticky-apply .premium-video-box-play-icon {
3770
+ -webkit-transition: none;
3771
+ transition: none;
3772
+ }
3773
+
3774
+ .premium-video-box-sticky-apply .premium-video-box-sticky-infobar {
3775
+ display: block;
3776
+ position: relative;
3777
+ top: 100%;
3778
+ width: 100%;
3779
+ padding: 5px;
3780
+ text-align: center;
3781
+ z-index: 9999;
3782
+ margin-top: -1px;
3783
+ }
3784
+
3785
+ .premium-video-box-sticky-apply .premium-video-box-inner-wrap.ui-draggable {
3786
+ cursor: move;
3787
+ }
3788
+
3789
+ .premium-video-sticky-top-left .premium-video-box-container.premium-video-box-sticky-apply .premium-video-box-inner-wrap {
3790
+ left: auto;
3791
+ right: 20px;
3792
+ top: 20px;
3793
+ }
3794
+
3795
+ .premium-video-sticky-bottom-left .premium-video-box-container.premium-video-box-sticky-apply .premium-video-box-inner-wrap {
3796
+ left: auto;
3797
+ right: 20px;
3798
+ bottom: 20px;
3799
+ }
3800
+
3801
+ .premium-video-sticky-top-right .premium-video-box-container.premium-video-box-sticky-apply .premium-video-box-inner-wrap {
3802
+ right: auto;
3803
+ left: 20px;
3804
+ top: 20px;
3805
+ }
3806
+
3807
+ .premium-video-sticky-bottom-right .premium-video-box-container.premium-video-box-sticky-apply .premium-video-box-inner-wrap {
3808
+ right: auto;
3809
+ left: 20px;
3810
+ bottom: 20px;
3811
+ }
3812
+
3813
+ .premium-video-sticky-center-left .premium-video-box-container.premium-video-box-sticky-apply .premium-video-box-inner-wrap {
3814
+ left: auto;
3815
+ right: 20px;
3816
+ top: 50%;
3817
+ -webkit-transform: translateY(-50%);
3818
+ -ms-transform: translateY(-50%);
3819
+ transform: translateY(-50%);
3820
+ }
3821
+
3822
+ .premium-video-sticky-center-right .premium-video-box-container.premium-video-box-sticky-apply .premium-video-box-inner-wrap {
3823
+ right: auto;
3824
+ left: 20px;
3825
+ top: 50%;
3826
+ -webkit-transform: translateY(-50%);
3827
+ -ms-transform: translateY(-50%);
3828
+ transform: translateY(-50%);
3829
+ }
3830
+
3831
+ .premium-video-sticky-bottom-right .premium-video-box-sticky-infobar-wrap.premium-video-box-sticky-apply .premium-video-box-inner-wrap,
3832
+ .premium-video-sticky-bottom-left .premium-video-box-sticky-infobar-wrap.premium-video-box-sticky-apply .premium-video-box-inner-wrap {
3833
+ bottom: 55px;
3834
+ }
3835
+
3836
+ .premium-video-sticky-top-left .premium-video-box-sticky-apply .premium-video-box-sticky-close,
3837
+ .premium-video-sticky-bottom-left .premium-video-box-sticky-apply .premium-video-box-sticky-close,
3838
+ .premium-video-sticky-center-left .premium-video-box-sticky-apply .premium-video-box-sticky-close {
3839
+ top: -10px;
3840
+ left: -10px;
3841
+ }
3842
+
3843
+ .premium-video-sticky-top-right .premium-video-box-sticky-apply .premium-video-box-sticky-close,
3844
+ .premium-video-sticky-bottom-right .premium-video-box-sticky-apply .premium-video-box-sticky-close,
3845
+ .premium-video-sticky-center-right .premium-video-box-sticky-apply .premium-video-box-sticky-close {
3846
+ top: -10px;
3847
+ right: -10px;
3848
+ }
3849
+
3850
+ .premium-video-box-filter-sticky {
3851
+ -webkit-filter: none !important;
3852
+ filter: none !important;
3853
+ }
3854
+
3855
+ /**************** Premium Blog *****************/
3856
+ /***********************************************/
3857
+ .premium-blog-thumb-effect-wrapper {
3858
+ position: relative;
3859
+ overflow: hidden;
3860
+ }
3861
+
3862
+ .premium-blog-effect-container:not(.premium-blog-bordered-effect) .premium-blog-post-link {
3863
+ position: absolute;
3864
+ top: 0;
3865
+ right: 0;
3866
+ width: 100%;
3867
+ height: 100%;
3868
+ z-index: 2;
3869
+ padding: 20px;
3870
+ }
3871
+
3872
+ .premium-blog-bordered-effect .premium-blog-post-link {
3873
+ display: block;
3874
+ height: 100%;
3875
+ position: relative;
3876
+ }
3877
+
3878
+ /*Thumbnail Img*/
3879
+ .premium-blog-thumbnail-container {
3880
+ overflow: hidden;
3881
+ }
3882
+
3883
+ .premium-blog-thumbnail-container img,
3884
+ .premium-blog-thumbnail-container .below-entry-meta {
3885
+ width: 100%;
3886
+ height: 100%;
3887
+ margin: 0 !important;
3888
+ -webkit-transition: all 0.4s ease-in-out;
3889
+ transition: all 0.4s ease-in-out;
3890
+ }
3891
+
3892
+ .premium-blog-thumb-effect-wrapper .premium-blog-zoomout-effect img,
3893
+ .premium-blog-thumb-effect-wrapper .premium-blog-scale-effect img {
3894
+ -webkit-transform: scale(1.2);
3895
+ -ms-transform: scale(1.2);
3896
+ transform: scale(1.2);
3897
+ }
3898
+
3899
+ .premium-blog-thumb-effect-wrapper .premium-blog-sepia-effect img {
3900
+ -webkit-filter: sepia(30%);
3901
+ filter: sepia(30%);
3902
+ }
3903
+
3904
+ .premium-blog-thumb-effect-wrapper .premium-blog-bright-effect img {
3905
+ -webkit-filter: brightness(1);
3906
+ filter: brightness(1);
3907
+ }
3908
+
3909
+ .premium-blog-thumb-effect-wrapper .premium-blog-trans-effect img {
3910
+ -webkit-transform: translateX(15px) scale(1.1);
3911
+ -ms-transform: translateX(15px) scale(1.1);
3912
+ transform: translateX(15px) scale(1.1);
3913
+ }
3914
+
3915
+ .premium-blog-post-outer-container:hover .premium-blog-zoomin-effect img {
3916
+ -webkit-transform: scale(1.2);
3917
+ -ms-transform: scale(1.2);
3918
+ transform: scale(1.2);
3919
+ }
3920
+
3921
+ .premium-blog-post-outer-container:hover .premium-blog-zoomout-effect img {
3922
+ -webkit-transform: scale(1.1);
3923
+ -ms-transform: scale(1.1);
3924
+ transform: scale(1.1);
3925
+ }
3926
+
3927
+ .premium-blog-post-outer-container:hover .premium-blog-scale-effect img {
3928
+ -webkit-transform: scale(1.3) rotate(-5deg);
3929
+ -ms-transform: scale(1.3) rotate(-5deg);
3930
+ transform: scale(1.3) rotate(-5deg);
3931
+ }
3932
+
3933
+ .premium-blog-post-outer-container:hover .premium-blog-gray-effect img {
3934
+ -webkit-filter: grayscale(100%);
3935
+ filter: grayscale(100%);
3936
+ }
3937
+
3938
+ .premium-blog-post-outer-container:hover .premium-blog-blur-effect img {
3939
+ -webkit-filter: blur(3px);
3940
+ filter: blur(3px);
3941
+ }
3942
+
3943
+ .premium-blog-post-outer-container:hover .premium-blog-sepia-effect img {
3944
+ -webkit-filter: sepia(0%);
3945
+ filter: sepia(0%);
3946
+ }
3947
+
3948
+ .premium-blog-post-outer-container:hover .premium-blog-bright-effect img {
3949
+ -webkit-filter: brightness(1.2);
3950
+ filter: brightness(1.2);
3951
+ }
3952
+
3953
+ .premium-blog-post-outer-container:hover .premium-blog-trans-effect img {
3954
+ -webkit-transform: translateX(0px) scale(1.1);
3955
+ -ms-transform: translateX(0px) scale(1.1);
3956
+ transform: translateX(0px) scale(1.1);
3957
+ }
3958
+
3959
+ .premium-blog-post-container {
3960
+ overflow: hidden;
3961
+ }
3962
+
3963
+ .premium-blog-post-container .premium-blog-inner-container {
3964
+ -js-display: flex;
3965
+ display: -webkit-box;
3966
+ display: -webkit-flex;
3967
+ display: -moz-box;
3968
+ display: -ms-flexbox;
3969
+ display: flex;
3970
+ }
3971
+
3972
+ .premium-blog-post-container .premium-blog-post-content {
3973
+ line-height: 1.5em;
3974
+ color: #777;
3975
+ font-size: 14px;
3976
+ margin-bottom: 10px;
3977
+ }
3978
+
3979
+ .premium-blog-post-container ul.post-categories a:hover,
3980
+ .premium-blog-post-container ul.post-categories a:focus,
3981
+ .premium-blog-post-container .premium-blog-post-link:hover,
3982
+ .premium-blog-post-container .premium-blog-post-link:focus {
3983
+ -webkit-box-shadow: none !important;
3984
+ box-shadow: none !important;
3985
+ outline: none !important;
3986
+ }
3987
+
3988
+ .premium-blog-post-container .premium-blog-entry-title {
3989
+ font-size: 18px;
3990
+ margin-bottom: 5px;
3991
+ }
3992
+
3993
+ .premium-blog-post-container.premium-blog-skin-modern .premium-blog-content-wrapper {
3994
+ position: relative;
3995
+ z-index: 3;
3996
+ top: -50px;
3997
+ }
3998
+
3999
+ .premium-blog-post-container .premium-blog-content-wrapper {
4000
+ background-color: #f5f5f5;
4001
+ padding: 30px;
4002
+ }
4003
+
4004
+ .premium-blog-post-container .premium-blog-content-wrapper.empty-thumb {
4005
+ top: 0;
4006
+ }
4007
+
4008
+ .premium-blog-post-container:not(.premium-blog-skin-classic):not(.premium-blog-skin-side):not(.premium-blog-skin-banner) .premium-blog-thumbnail-container:before,
4009
+ .premium-blog-post-container:not(.premium-blog-skin-classic):not(.premium-blog-skin-side):not(.premium-blog-skin-banner) .premium-blog-thumbnail-container:after {
4010
+ position: absolute;
4011
+ content: "";
4012
+ z-index: 1;
4013
+ top: 50%;
4014
+ right: 50%;
4015
+ opacity: 0;
4016
+ -webkit-transform: translate(50%, -50%);
4017
+ -ms-transform: translate(50%, -50%);
4018
+ transform: translate(50%, -50%);
4019
+ -webkit-transition: all 0.4s linear 0s;
4020
+ transition: all 0.4s linear 0s;
4021
+ height: 1px;
4022
+ width: 100%;
4023
+ background-color: #fff;
4024
+ }
4025
+
4026
+ .premium-blog-post-container:not(.premium-blog-skin-classic):not(.premium-blog-skin-side):not(.premium-blog-skin-banner) .premium-blog-thumbnail-container:before {
4027
+ width: 1px;
4028
+ height: 100%;
4029
+ }
4030
+
4031
+ .premium-blog-post-container:not(.premium-blog-skin-classic):not(.premium-blog-skin-side):not(.premium-blog-skin-banner) .premium-blog-thumb-effect-wrapper:hover .premium-blog-thumbnail-container:after {
4032
+ width: 20px;
4033
+ opacity: 1;
4034
+ }
4035
+
4036
+ .premium-blog-post-container:not(.premium-blog-skin-classic):not(.premium-blog-skin-side):not(.premium-blog-skin-banner) .premium-blog-thumb-effect-wrapper:hover .premium-blog-thumbnail-container:before {
4037
+ height: 20px;
4038
+ opacity: 1;
4039
+ }
4040
+
4041
+ .premium-blog-post-container:not(.premium-blog-skin-classic):not(.premium-blog-skin-side):not(.premium-blog-skin-banner) .premium-blog-content-wrapper {
4042
+ margin: 0px 10px 20px;
4043
+ clear: both;
4044
+ }
4045
+
4046
+ .premium-blog-post-container.premium-blog-skin-classic .premium-blog-thumbnail-overlay,
4047
+ .premium-blog-post-container.premium-blog-skin-side .premium-blog-thumbnail-overlay,
4048
+ .premium-blog-post-container.premium-blog-skin-banner .premium-blog-thumbnail-overlay {
4049
+ position: absolute;
4050
+ top: 0;
4051
+ right: 0;
4052
+ width: 100%;
4053
+ height: 100%;
4054
+ -webkit-transition: all 0.3s ease-in-out;
4055
+ transition: all 0.3s ease-in-out;
4056
+ opacity: 0;
4057
+ }
4058
+
4059
+ .premium-blog-post-container.premium-blog-skin-classic .premium-blog-thumbnail-overlay a,
4060
+ .premium-blog-post-container.premium-blog-skin-side .premium-blog-thumbnail-overlay a,
4061
+ .premium-blog-post-container.premium-blog-skin-banner .premium-blog-thumbnail-overlay a {
4062
+ -js-display: flex;
4063
+ display: -webkit-box;
4064
+ display: -webkit-flex;
4065
+ display: -moz-box;
4066
+ display: -ms-flexbox;
4067
+ display: flex;
4068
+ -webkit-box-pack: center;
4069
+ -webkit-justify-content: center;
4070
+ -moz-box-pack: center;
4071
+ -ms-flex-pack: center;
4072
+ justify-content: center;
4073
+ -webkit-box-align: center;
4074
+ -webkit-align-items: center;
4075
+ -moz-box-align: center;
4076
+ -ms-flex-align: center;
4077
+ align-items: center;
4078
+ width: 100%;
4079
+ height: 100%;
4080
+ }
4081
+
4082
+ .premium-blog-post-container.premium-blog-skin-classic .premium-blog-thumbnail-overlay span,
4083
+ .premium-blog-post-container.premium-blog-skin-classic .premium-blog-thumbnail-overlay i,
4084
+ .premium-blog-post-container.premium-blog-skin-side .premium-blog-thumbnail-overlay span,
4085
+ .premium-blog-post-container.premium-blog-skin-side .premium-blog-thumbnail-overlay i,
4086
+ .premium-blog-post-container.premium-blog-skin-banner .premium-blog-thumbnail-overlay span,
4087
+ .premium-blog-post-container.premium-blog-skin-banner .premium-blog-thumbnail-overlay i {
4088
+ -webkit-transition: all 0.3s ease-in-out;
4089
+ transition: all 0.3s ease-in-out;
4090
+ }
4091
+
4092
+ .premium-blog-post-container.premium-blog-skin-side {
4093
+ -js-display: flex;
4094
+ display: -webkit-box;
4095
+ display: -webkit-flex;
4096
+ display: -moz-box;
4097
+ display: -ms-flexbox;
4098
+ display: flex;
4099
+ }
4100
+
4101
+ .premium-blog-post-container.premium-blog-skin-side .premium-blog-thumbnail-container {
4102
+ height: 100%;
4103
+ }
4104
+
4105
+ .premium-blog-post-container.premium-blog-skin-side .premium-blog-content-wrapper {
4106
+ -webkit-box-flex: 1;
4107
+ -webkit-flex: 1;
4108
+ -moz-box-flex: 1;
4109
+ -ms-flex: 1;
4110
+ flex: 1;
4111
+ }
4112
+
4113
+ .premium-blog-post-container.premium-blog-skin-banner {
4114
+ position: relative;
4115
+ }
4116
+
4117
+ .premium-blog-post-container.premium-blog-skin-banner .premium-blog-content-wrapper {
4118
+ position: absolute;
4119
+ width: 100%;
4120
+ bottom: 0;
4121
+ -js-display: flex;
4122
+ display: -webkit-box;
4123
+ display: -webkit-flex;
4124
+ display: -moz-box;
4125
+ display: -ms-flexbox;
4126
+ display: flex;
4127
+ -webkit-box-orient: vertical;
4128
+ -webkit-box-direction: normal;
4129
+ -webkit-flex-direction: column;
4130
+ -moz-box-orient: vertical;
4131
+ -moz-box-direction: normal;
4132
+ -ms-flex-direction: column;
4133
+ flex-direction: column;
4134
+ background-color: transparent;
4135
+ z-index: 3;
4136
+ }
4137
+
4138
+ .premium-blog-post-container.premium-blog-skin-banner .premium-blog-content-wrapper-inner {
4139
+ -webkit-transition: -webkit-transform 0.3s ease-in-out;
4140
+ transition: -webkit-transform 0.3s ease-in-out;
4141
+ transition: transform 0.3s ease-in-out;
4142
+ transition: transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
4143
+ }
4144
+
4145
+ .premium-blog-post-container.premium-blog-skin-banner:hover .premium-blog-content-wrapper-inner {
4146
+ -webkit-transform: translateY(-5px);
4147
+ -ms-transform: translateY(-5px);
4148
+ transform: translateY(-5px);
4149
+ }
4150
+
4151
+ .premium-blog-post-container .premium-blog-cats-container ul.post-categories {
4152
+ margin: 0;
4153
+ padding: 0;
4154
+ list-style: none;
4155
+ -js-display: flex;
4156
+ display: -webkit-box;
4157
+ display: -webkit-flex;
4158
+ display: -moz-box;
4159
+ display: -ms-flexbox;
4160
+ display: flex;
4161
+ }
4162
+
4163
+ .premium-blog-post-container .premium-blog-cats-container a {
4164
+ display: block;
4165
+ font-size: 12px;
4166
+ color: #fff;
4167
+ background-color: #777;
4168
+ margin: 0 0 10px 3px;
4169
+ padding: 5px;
4170
+ -webkit-transition: all 0.3s ease-in-out;
4171
+ transition: all 0.3s ease-in-out;
4172
+ }
4173
+
4174
+ /*
4175
+ * Diagonal Effect
4176
+ */
4177
+ .premium-blog-diagonal-container {
4178
+ position: absolute;
4179
+ top: 0;
4180
+ right: 0;
4181
+ width: 100%;
4182
+ height: 100%;
4183
+ }
4184
+
4185
+ .premium-blog-diagonal-effect:before {
4186
+ position: absolute;
4187
+ top: 0px;
4188
+ right: 0px;
4189
+ width: 100%;
4190
+ height: 100%;
4191
+ content: " ";
4192
+ z-index: 1;
4193
+ background: rgba(255, 255, 255, 0.2);
4194
+ -webkit-transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, -45deg) translate3d(0, -150%, 0);
4195
+ transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, -45deg) translate3d(0, -150%, 0);
4196
+ -webkit-transition: all 0.3s linear 0s;
4197
+ transition: all 0.3s linear 0s;
4198
+ }
4199
+
4200
+ .premium-blog-thumb-effect-wrapper:hover .premium-blog-diagonal-effect:before {
4201
+ -webkit-transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, -45deg) translate3d(0, 150%, 0);
4202
+ transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, -45deg) translate3d(0, 150%, 0);
4203
+ }
4204
+
4205
+ /*
4206
+ * Framed Effect
4207
+ */
4208
+ .premium-blog-framed-effect {
4209
+ position: absolute;
4210
+ width: -webkit-calc(100% - 30px);
4211
+ width: calc(100% - 30px);
4212
+ height: -webkit-calc(100% - 30px);
4213
+ height: calc(100% - 30px);
4214
+ top: 15px;
4215
+ right: 15px;
4216
+ opacity: 0;
4217
+ -webkit-transform: scale(0.3);
4218
+ -ms-transform: scale(0.3);
4219
+ transform: scale(0.3);
4220
+ -webkit-transition: all 0.3s linear 0s;
4221
+ transition: all 0.3s linear 0s;
4222
+ }
4223
+
4224
+ .premium-blog-thumb-effect-wrapper:hover .premium-blog-framed-effect {
4225
+ opacity: 0.99;
4226
+ -webkit-transform: scale(1);
4227
+ -ms-transform: scale(1);
4228
+ transform: scale(1);
4229
+ }
4230
+
4231
+ /*
4232
+ * Bordered Effect
4233
+ */
4234
+ .premium-blog-bordered-effect {
4235
+ position: absolute;
4236
+ top: 0;
4237
+ right: 0;
4238
+ width: 100%;
4239
+ height: 100%;
4240
+ opacity: 0;
4241
+ padding: 15px;
4242
+ -webkit-transition: all 0.3s linear 0s;
4243
+ transition: all 0.3s linear 0s;
4244
+ }
4245
+
4246
+ .premium-blog-bordered-effect .premium-blog-post-link:before,
4247
+ .premium-blog-bordered-effect .premium-blog-post-link:after {
4248
+ content: "";
4249
+ display: block;
4250
+ position: absolute;
4251
+ top: 0;
4252
+ right: 0;
4253
+ width: 100%;
4254
+ height: 100%;
4255
+ -webkit-transition: all 0.5s linear 0s;
4256
+ transition: all 0.5s linear 0s;
4257
+ -webkit-transition-delay: 0s;
4258
+ transition-delay: 0s;
4259
+ border-color: rgba(255, 255, 255, 0.45);
4260
+ }
4261
+
4262
+ .premium-blog-bordered-effect .premium-blog-post-link:before {
4263
+ border-left: 2px solid;
4264
+ border-right: 2px solid;
4265
+ -webkit-transform: scale(1, 0);
4266
+ -ms-transform: scale(1, 0);
4267
+ transform: scale(1, 0);
4268
+ -webkit-transform-origin: 0% 0;
4269
+ -ms-transform-origin: 0% 0;
4270
+ transform-origin: 0% 0;
4271
+ }
4272
+
4273
+ .premium-blog-bordered-effect .premium-blog-post-link:after {
4274
+ border-top: 2px solid;
4275
+ border-bottom: 2px solid;
4276
+ -webkit-transform: scale(0, 1);
4277
+ -ms-transform: scale(0, 1);
4278
+ transform: scale(0, 1);
4279
+ -webkit-transform-origin: 100% 0;
4280
+ -ms-transform-origin: 100% 0;
4281
+ transform-origin: 100% 0;
4282
+ }
4283
+
4284
+ .premium-blog-thumb-effect-wrapper:hover .premium-blog-bordered-effect {
4285
+ opacity: 0.99;
4286
+ }
4287
+
4288
+ .premium-blog-thumb-effect-wrapper:hover .premium-blog-bordered-effect .premium-blog-post-link:before,
4289
+ .premium-blog-thumb-effect-wrapper:hover .premium-blog-bordered-effect .premium-blog-post-link:after {
4290
+ -webkit-transition-delay: 0.15s;
4291
+ transition-delay: 0.15s;
4292
+ opacity: 1;
4293
+ -webkit-transform: scale(1);
4294
+ -ms-transform: scale(1);
4295
+ transform: scale(1);
4296
+ }
4297
+
4298
+ /*
4299
+ * Squares Effect
4300
+ */
4301
+ .premium-blog-squares-effect,
4302
+ .premium-blog-squares-square-container {
4303
+ position: absolute;
4304
+ top: 0;
4305
+ right: 0;
4306
+ width: 100%;
4307
+ height: 100%;
4308
+ }
4309
+
4310
+ .premium-blog-squares-effect:before,
4311
+ .premium-blog-squares-effect:after {
4312
+ position: absolute;
4313
+ content: "";
4314
+ top: 0;
4315
+ right: 0;
4316
+ width: 50%;
4317
+ height: 50%;
4318
+ -webkit-transform: translate(100%, -100%);
4319
+ -ms-transform: translate(100%, -100%);
4320
+ transform: translate(100%, -100%);
4321
+ opacity: 0.7;
4322
+ -webkit-transition: all 0.3s linear 0s;
4323
+ transition: all 0.3s linear 0s;
4324
+ }
4325
+
4326
+ .premium-blog-squares-square-container:before,
4327
+ .premium-blog-squares-square-container:after {
4328
+ position: absolute;
4329
+ content: "";
4330
+ top: 0;
4331
+ right: 0;
4332
+ width: 50%;
4333
+ height: 50%;
4334
+ -webkit-transform: translate(100%, -100%);
4335
+ -ms-transform: translate(100%, -100%);
4336
+ transform: translate(100%, -100%);
4337
+ opacity: 0.7;
4338
+ -webkit-transition: all 0.3s linear 0s;
4339
+ transition: all 0.3s linear 0s;
4340
+ }
4341
+
4342
+ .premium-blog-squares-square-container:before,
4343
+ .premium-blog-squares-square-container:after {
4344
+ opacity: 0.8;
4345
+ }
4346
+
4347
+ .premium-blog-squares-effect:after {
4348
+ -webkit-transform: translate(-200%, 200%);
4349
+ -ms-transform: translate(-200%, 200%);
4350
+ transform: translate(-200%, 200%);
4351
+ }
4352
+
4353
+ .premium-blog-squares-square-container:before {
4354
+ -webkit-transform: translate(100%, 200%);
4355
+ -ms-transform: translate(100%, 200%);
4356
+ transform: translate(100%, 200%);
4357
+ }
4358
+
4359
+ .premium-blog-squares-square-container:after {
4360
+ -webkit-transform: translate(-200%, -100%);
4361
+ -ms-transform: translate(-200%, -100%);
4362
+ transform: translate(-200%, -100%);
4363
+ }
4364
+
4365
+ .premium-blog-thumb-effect-wrapper:hover .premium-blog-squares-effect:before {
4366
+ -webkit-transform: translate(0, 0%) scaleY(1.003) scaleX(1.003);
4367
+ -ms-transform: translate(0, 0%) scaleY(1.003) scaleX(1.003);
4368
+ transform: translate(0, 0%) scaleY(1.003) scaleX(1.003);
4369
+ }
4370
+
4371
+ .premium-blog-thumb-effect-wrapper:hover .premium-blog-squares-effect:after {
4372
+ -webkit-transform: translate(-100%, 100%) scaleY(1.003) scaleX(1.003);
4373
+ -ms-transform: translate(-100%, 100%) scaleY(1.003) scaleX(1.003);
4374
+ transform: translate(-100%, 100%) scaleY(1.003) scaleX(1.003);
4375
+ }
4376
+
4377
+ .premium-blog-thumb-effect-wrapper:hover .premium-blog-squares-square-container:before {
4378
+ -webkit-transform: translate(0, 100%);
4379
+ -ms-transform: translate(0, 100%);
4380
+ transform: translate(0, 100%);
4381
+ }
4382
+
4383
+ .premium-blog-thumb-effect-wrapper:hover .premium-blog-squares-square-container:after {
4384
+ -webkit-transform: translate(-100%, 0%);
4385
+ -ms-transform: translate(-100%, 0%);
4386
+ transform: translate(-100%, 0%);
4387
+ }
4388
+
4389
+ .premium-blog-thumb-effect-wrapper:hover .premium-blog-thumbnail-overlay {
4390
+ opacity: 1;
4391
+ }
4392
+
4393
+ .premium-blog-thumb-effect-wrapper:hover .premium-blog-thumbnail-overlay a {
4394
+ opacity: 1;
4395
+ -webkit-transform: scale(1);
4396
+ -ms-transform: scale(1);
4397
+ transform: scale(1);
4398
+ }
4399
+
4400
+ .premium-blog-clear-fix {
4401
+ clear: both;
4402
+ }
4403
+
4404
+ .premium-blog-masked .premium-blog-thumbnail-container {
4405
+ position: relative;
4406
+ overflow: visible;
4407
+ }
4408
+
4409
+ .premium-blog-masked .premium-blog-thumbnail-container svg {
4410
+ position: absolute;
4411
+ height: 100px;
4412
+ width: 100%;
4413
+ bottom: -5px;
4414
+ right: 0;
4415
+ fill: #f5f5f5;
4416
+ z-index: 99;
4417
+ }
4418
+
4419
+ .premium-blog-masked .premium-blog-thumbnail-container svg.premium-blog-shape-divider-svg {
4420
+ -webkit-transform: rotate(180deg);
4421
+ -ms-transform: rotate(180deg);
4422
+ transform: rotate(180deg);
4423
+ }
4424
+
4425
+ .premium-blog-masked .premium-blog-author-thumbnail,
4426
+ .premium-blog-masked .premium-blog-skin-banner .premium-blog-content-wrapper {
4427
+ z-index: 999 !important;
4428
+ }
4429
+
4430
+ /*Post Format Container*/
4431
+ .premium-blog-format-link {
4432
+ padding: 5px;
4433
+ line-height: 0;
4434
+ }
4435
+
4436
+ /*Post Format Icon*/
4437
+ /*Post Format Content Margin */
4438
+ .premium-blog-entry-meta {
4439
+ line-height: 1.3em;
4440
+ font-size: 12px;
4441
+ margin-bottom: 13px;
4442
+ color: #adadad;
4443
+ }
4444
+
4445
+ .premium-blog-entry-meta i {
4446
+ margin-left: 3px;
4447
+ -webkit-transition: all 0.3s ease-in-out;
4448
+ transition: all 0.3s ease-in-out;
4449
+ }
4450
+
4451
+ .premium-blog-meta-data {
4452
+ display: inline-block;
4453
+ }
4454
+
4455
+ .premium-blog-meta-data .premium-blog-meta-separator {
4456
+ margin: 0 5px;
4457
+ }
4458
+
4459
+ .premium-blog-meta-data a,
4460
+ .premium-blog-meta-data span {
4461
+ color: inherit;
4462
+ -webkit-transition: all 0.3s ease-in-out;
4463
+ transition: all 0.3s ease-in-out;
4464
+ }
4465
+
4466
+ .premium-blog-author-thumbnail {
4467
+ position: relative;
4468
+ padding: 0 30px;
4469
+ width: 100%;
4470
+ top: -10px;
4471
+ height: 0;
4472
+ pointer-events: none;
4473
+ }
4474
+
4475
+ .premium-blog-author-thumbnail img {
4476
+ -webkit-border-radius: 50%;
4477
+ border-radius: 50%;
4478
+ width: 60px;
4479
+ pointer-events: all;
4480
+ -webkit-transform: translateY(-50%);
4481
+ -ms-transform: translateY(-50%);
4482
+ transform: translateY(-50%);
4483
+ }
4484
+
4485
+ .premium-blog-entry-title a,
4486
+ .premium-blog-post-tags-container a,
4487
+ .premium-blog-post-content .premium-blog-excerpt-link {
4488
+ -webkit-transition: all 0.3s ease-in-out;
4489
+ transition: all 0.3s ease-in-out;
4490
+ }
4491
+
4492
+ .premium-blog-excerpt-link-wrap a.premium-blog-excerpt-link {
4493
+ background-color: transparent;
4494
+ color: #54595f;
4495
+ padding: 0;
4496
+ }
4497
+
4498
+ .premium-blog-cta-full-yes .premium-blog-excerpt-link {
4499
+ width: 100%;
4500
+ }
4501
+
4502
+ .premium-blog-post-tags-container {
4503
+ margin-top: 8px;
4504
+ -js-display: flex;
4505
+ display: -webkit-box;
4506
+ display: -webkit-flex;
4507
+ display: -moz-box;
4508
+ display: -ms-flexbox;
4509
+ display: flex;
4510
+ -webkit-box-align: center;
4511
+ -webkit-align-items: center;
4512
+ -moz-box-align: center;
4513
+ -ms-flex-align: center;
4514
+ align-items: center;
4515
+ -webkit-flex-wrap: wrap;
4516
+ -ms-flex-wrap: wrap;
4517
+ flex-wrap: wrap;
4518
+ }
4519
+
4520
+ .premium-blog-post-tags-container a {
4521
+ color: inherit;
4522
+ margin-right: 5px;
4523
+ }
4524
+
4525
+ .premium-blog-align-center .post-categories,
4526
+ .premium-blog-align-center .premium-blog-inner-container,
4527
+ .premium-blog-align-center .premium-blog-post-tags-container {
4528
+ -webkit-box-pack: center;
4529
+ -webkit-justify-content: center;
4530
+ -moz-box-pack: center;
4531
+ -ms-flex-pack: center;
4532
+ justify-content: center;
4533
+ }
4534
+
4535
+ .premium-blog-align-left .premium-blog-post-container:not(.premium-blog-skin-cards) .post-categories,
4536
+ .premium-blog-align-left .premium-blog-post-container:not(.premium-blog-skin-cards) .premium-blog-inner-container,
4537
+ .premium-blog-align-left .premium-blog-post-container:not(.premium-blog-skin-cards) .premium-blog-post-tags-container {
4538
+ -webkit-box-pack: end;
4539
+ -webkit-justify-content: flex-end;
4540
+ -moz-box-pack: end;
4541
+ -ms-flex-pack: end;
4542
+ justify-content: flex-end;
4543
+ }
4544
+
4545
+ .premium-blog-align-left .premium-blog-post-container.premium-blog-skin-cards .post-categories,
4546
+ .premium-blog-align-left .premium-blog-post-container.premium-blog-skin-cards .premium-blog-inner-container,
4547
+ .premium-blog-align-left .premium-blog-post-container.premium-blog-skin-cards .premium-blog-post-tags-container {
4548
+ -webkit-box-pack: start;
4549
+ -webkit-justify-content: flex-start;
4550
+ -moz-box-pack: start;
4551
+ -ms-flex-pack: start;
4552
+ justify-content: flex-start;
4553
+ }
4554
+
4555
+ .premium-blog-align-right .premium-blog-post-container:not(.premium-blog-skin-cards) .post-categories,
4556
+ .premium-blog-align-right .premium-blog-post-container:not(.premium-blog-skin-cards) .premium-blog-inner-container,
4557
+ .premium-blog-align-right .premium-blog-post-container:not(.premium-blog-skin-cards) .premium-blog-post-tags-container {
4558
+ -webkit-box-pack: start;
4559
+ -webkit-justify-content: flex-start;
4560
+ -moz-box-pack: start;
4561
+ -ms-flex-pack: start;
4562
+ justify-content: flex-start;
4563
+ }
4564
+
4565
+ .premium-blog-align-right .premium-blog-post-container.premium-blog-skin-cards .post-categories,
4566
+ .premium-blog-align-right .premium-blog-post-container.premium-blog-skin-cards .premium-blog-inner-container,
4567
+ .premium-blog-align-right .premium-blog-post-container.premium-blog-skin-cards .premium-blog-post-tags-container {
4568
+ -webkit-box-pack: end;
4569
+ -webkit-justify-content: flex-end;
4570
+ -moz-box-pack: end;
4571
+ -ms-flex-pack: end;
4572
+ justify-content: flex-end;
4573
+ }
4574
+
4575
+ /* Pagination */
4576
+ .premium-blog-pagination-container {
4577
+ text-align: left;
4578
+ }
4579
+
4580
+ .premium-blog-pagination-container span {
4581
+ cursor: default;
4582
+ }
4583
+
4584
+ .premium-blog-pagination-container .page-numbers {
4585
+ display: inline-block;
4586
+ color: #000;
4587
+ line-height: 1;
4588
+ font-size: 1em;
4589
+ font-weight: 400;
4590
+ text-decoration: none;
4591
+ padding: 0.75em;
4592
+ margin: 0 0 0.4em 0.4em;
4593
+ -webkit-transition: all 0.2s ease-in-out;
4594
+ transition: all 0.2s ease-in-out;
4595
+ }
4596
+
4597
+ .premium-blog-wrap .premium-loading-feed {
4598
+ display: block;
4599
+ position: absolute;
4600
+ width: 100%;
4601
+ height: 100%;
4602
+ top: 0px;
4603
+ right: 0px;
4604
+ bottom: 0px;
4605
+ left: 0px;
4606
+ background: rgba(255, 255, 255, 0.2);
4607
+ -js-display: flex;
4608
+ display: -webkit-box;
4609
+ display: -webkit-flex;
4610
+ display: -moz-box;
4611
+ display: -ms-flexbox;
4612
+ display: flex;
4613
+ -webkit-box-align: center;
4614
+ -webkit-align-items: center;
4615
+ -moz-box-align: center;
4616
+ -ms-flex-align: center;
4617
+ align-items: center;
4618
+ z-index: 99;
4619
+ }
4620
+
4621
+ .premium-blog-wrap {
4622
+ -js-display: flex;
4623
+ display: -webkit-box;
4624
+ display: -webkit-flex;
4625
+ display: -moz-box;
4626
+ display: -ms-flexbox;
4627
+ display: flex;
4628
+ -webkit-flex-wrap: wrap;
4629
+ -ms-flex-wrap: wrap;
4630
+ flex-wrap: wrap;
4631
+ }
4632
+
4633
+ .premium-blog-wrap ul.slick-dots {
4634
+ width: 100%;
4635
+ }
4636
+
4637
+ /**
4638
+ * Even Layout
4639
+ */
4640
+ .premium-blog-even .premium-blog-post-container {
4641
+ height: 100%;
4642
+ }
4643
+
4644
+ .premium-blog-even .slick-track {
4645
+ -js-display: flex;
4646
+ display: -webkit-box;
4647
+ display: -webkit-flex;
4648
+ display: -moz-box;
4649
+ display: -ms-flexbox;
4650
+ display: flex;
4651
+ }
4652
+
4653
+ .premium-blog-even .slick-slide {
4654
+ height: inherit !important;
4655
+ }
4656
+
4657
+ /**
4658
+ * Responsive Style
4659
+ */
4660
+ @media (max-width: 768px) {
4661
+ .premium-blog-content-wrapper {
4662
+ top: 0;
4663
+ margin: 0;
4664
+ padding: 15px;
4665
+ }
4666
+
4667
+ .premium-blog-thumb-effect-wrapper {
4668
+ margin-bottom: 15px;
4669
+ }
4670
+ }
4671
+
4672
+ [dir="rtl"] .premium-blog-wrap.slick-slider .slick-list,
4673
+ [dir="rtl"] .premium-blog-wrap.slick-slider .slick-track {
4674
+ direction: ltr;
4675
+ }
4676
+
4677
+ /************ Premium Team Members ************/
4678
+ /*********************************************/
4679
+ .premium-person-container {
4680
+ position: relative;
4681
+ }
4682
+
4683
+ .premium-person-image-container {
4684
+ position: relative;
4685
+ text-align: center;
4686
+ }
4687
+
4688
+ .premium-person-image-container .premium-person-image-wrap {
4689
+ overflow: hidden;
4690
+ }
4691
+
4692
+ .premium-person-zoomout-effect .premium-person-image-container img,
4693
+ .premium-person-scale-effect .premium-person-image-container img {
4694
+ -webkit-transform: scale(1.2);
4695
+ -ms-transform: scale(1.2);
4696
+ transform: scale(1.2);
4697
+ }
4698
+
4699
+ .premium-person-sepia-effect .premium-person-image-container img {
4700
+ -webkit-filter: sepia(30%);
4701
+ filter: sepia(30%);
4702
+ }
4703
+
4704
+ .premium-person-bright-effect .premium-person-image-container img {
4705
+ -webkit-filter: brightness(1);
4706
+ filter: brightness(1);
4707
+ }
4708
+
4709
+ .premium-person-trans-effect .premium-person-image-container img {
4710
+ -webkit-transform: translateX(15px) scale(1.1);
4711
+ -ms-transform: translateX(15px) scale(1.1);
4712
+ transform: translateX(15px) scale(1.1);
4713
+ }
4714
+
4715
+ .premium-person-zoomin-effect:hover .premium-person-image-container img {
4716
+ -webkit-transform: scale(1.2);
4717
+ -ms-transform: scale(1.2);
4718
+ transform: scale(1.2);
4719
+ }
4720
+
4721
+ .premium-person-zoomout-effect:hover .premium-person-image-container img {
4722
+ -webkit-transform: scale(1.1);
4723
+ -ms-transform: scale(1.1);
4724
+ transform: scale(1.1);
4725
+ }
4726
+
4727
+ .premium-person-scale-effect:hover .premium-person-image-container img {
4728
+ -webkit-transform: scale(1.3) rotate(-5deg);
4729
+ -ms-transform: scale(1.3) rotate(-5deg);
4730
+ transform: scale(1.3) rotate(-5deg);
4731
+ }
4732
+
4733
+ .premium-person-grayscale-effect:hover .premium-person-image-container img {
4734
+ -webkit-filter: grayscale(100%);
4735
+ filter: grayscale(100%);
4736
+ }
4737
+
4738
+ .premium-person-blur-effect:hover .premium-person-image-container img {
4739
+ -webkit-filter: blur(3px);
4740
+ filter: blur(3px);
4741
+ }
4742
+
4743
+ .premium-person-sepia-effect:hover .premium-person-image-container img {
4744
+ -webkit-filter: sepia(0%);
4745
+ filter: sepia(0%);
4746
+ }
4747
+
4748
+ .premium-person-bright-effect:hover .premium-person-image-container img {
4749
+ -webkit-filter: brightness(1.2);
4750
+ filter: brightness(1.2);
4751
+ }
4752
+
4753
+ .premium-person-trans-effect:hover .premium-person-image-container img {
4754
+ -webkit-transform: translateX(0px) scale(1.1);
4755
+ -ms-transform: translateX(0px) scale(1.1);
4756
+ transform: translateX(0px) scale(1.1);
4757
+ }
4758
+
4759
+ .premium-person-container .premium-person-image-container img {
4760
+ width: 100%;
4761
+ height: 100%;
4762
+ -o-object-fit: cover;
4763
+ object-fit: cover;
4764
+ -webkit-transition: all 0.5s ease-in-out;
4765
+ transition: all 0.5s ease-in-out;
4766
+ }
4767
+
4768
+ .premium-person-style2 .premium-person-social {
4769
+ position: absolute;
4770
+ top: 0;
4771
+ right: 0;
4772
+ width: 100%;
4773
+ height: 100%;
4774
+ z-index: 2;
4775
+ -js-display: flex;
4776
+ display: -webkit-box;
4777
+ display: -webkit-flex;
4778
+ display: -moz-box;
4779
+ display: -ms-flexbox;
4780
+ display: flex;
4781
+ -webkit-box-pack: center;
4782
+ -webkit-justify-content: center;
4783
+ -moz-box-pack: center;
4784
+ -ms-flex-pack: center;
4785
+ justify-content: center;
4786
+ -webkit-box-align: center;
4787
+ -webkit-align-items: center;
4788
+ -moz-box-align: center;
4789
+ -ms-flex-align: center;
4790
+ align-items: center;
4791
+ -webkit-box-shadow: inset 0 0 120px 0 rgba(0, 0, 0, 0.5);
4792
+ box-shadow: inset 0 0 120px 0 rgba(0, 0, 0, 0.5);
4793
+ -webkit-transition: all 0.5s linear 0s;
4794
+ transition: all 0.5s linear 0s;
4795
+ opacity: 0;
4796
+ }
4797
+
4798
+ .premium-person-style2 .premium-person-image-container:hover .premium-person-social {
4799
+ opacity: 1;
4800
+ }
4801
+
4802
+ .premium-person-list-item a {
4803
+ display: inline-block;
4804
+ }
4805
+
4806
+ .premium-person-style2 .premium-person-list-item a {
4807
+ opacity: 0;
4808
+ -webkit-transform: scale(0);
4809
+ -ms-transform: scale(0);
4810
+ transform: scale(0);
4811
+ -webkit-transition: all 0.5s ease-in-out 0s;
4812
+ transition: all 0.5s ease-in-out 0s;
4813
+ }
4814
+
4815
+ .premium-person-style2 .premium-person-image-container:hover .premium-person-list-item a {
4816
+ opacity: 1;
4817
+ -webkit-transform: scale(1);
4818
+ -ms-transform: scale(1);
4819
+ transform: scale(1);
4820
+ }
4821
+
4822
+ .premium-person-info-container {
4823
+ padding: 30px 15px;
4824
+ }
4825
+
4826
+ .premium-person-name {
4827
+ margin: 0 0 5px;
4828
+ font-weight: 700;
4829
+ }
4830
+
4831
+ .premium-person-title {
4832
+ margin: 0 0 20px;
4833
+ padding: 0;
4834
+ }
4835
+
4836
+ .premium-person-content {
4837
+ margin: 0 0 30px;
4838
+ }
4839
+
4840
+ /*Override Theme List Margin*/
4841
+ ul.premium-person-social-list {
4842
+ margin: 0px !important;
4843
+ padding: 0;
4844
+ }
4845
+
4846
+ .premium-person-social-list .premium-person-list-item {
4847
+ display: inline;
4848
+ list-style: none;
4849
+ }
4850
+
4851
+ .premium-person-social-list li {
4852
+ position: relative;
4853
+ bottom: 0px;
4854
+ -webkit-transition: all 0.2s ease-in-out;
4855
+ transition: all 0.2s ease-in-out;
4856
+ }
4857
+
4858
+ .premium-person-social-list li i {
4859
+ position: relative;
4860
+ bottom: 0px;
4861
+ -webkit-transition: all 0.2s ease-in-out;
4862
+ transition: all 0.2s ease-in-out;
4863
+ }
4864
+
4865
+ .premium-person-defaults-yes li.premium-person-facebook:hover a {
4866
+ background-color: #3b5998 !important;
4867
+ }
4868
+
4869
+ .premium-person-defaults-yes li.premium-person-twitter:hover a {
4870
+ background-color: #55acee !important;
4871
+ }
4872
+
4873
+ .premium-person-defaults-yes li.premium-person-linkedin:hover a {
4874
+ background-color: #0077b5 !important;
4875
+ }
4876
+
4877
+ .premium-person-defaults-yes li.premium-person-google:hover a {
4878
+ background-color: #dc4e41 !important;
4879
+ }
4880
+
4881
+ .premium-person-defaults-yes li.premium-person-youtube:hover a {
4882
+ background-color: #b31217 !important;
4883
+ }
4884
+
4885
+ .premium-person-defaults-yes li.premium-person-instagram:hover a {
4886
+ background-color: #e4405f !important;
4887
+ }
4888
+
4889
+ .premium-person-defaults-yes li.premium-person-skype:hover a {
4890
+ background-color: #00aff0 !important;
4891
+ }
4892
+
4893
+ .premium-person-defaults-yes li.premium-person-pinterest:hover a {
4894
+ background-color: #bd081c !important;
4895
+ }
4896
+
4897
+ .premium-person-defaults-yes li.premium-person-dribbble:hover a {
4898
+ background-color: #ea4c89 !important;
4899
+ }
4900
+
4901
+ .premium-person-defaults-yes li.premium-person-mail:hover a {
4902
+ background-color: #b23121 !important;
4903
+ }
4904
+
4905
+ .premium-person-defaults-yes li.premium-person-behance:hover a {
4906
+ background-color: #1769ff !important;
4907
+ }
4908
+
4909
+ .premium-person-defaults-yes li.premium-person-whatsapp:hover a {
4910
+ background-color: #25d366 !important;
4911
+ }
4912
+
4913
+ .premium-person-defaults-yes li.premium-person-telegram:hover a {
4914
+ background-color: #0088cc !important;
4915
+ }
4916
+
4917
+ .premium-person-defaults-yes li.premium-person-site:hover a {
4918
+ background-color: #0055a5 !important;
4919
+ }
4920
+
4921
+ .premium-person-social-list li:hover a {
4922
+ -webkit-box-shadow: none;
4923
+ box-shadow: none;
4924
+ }
4925
+
4926
+ .premium-person-social-list li a:focus {
4927
+ -webkit-box-shadow: none;
4928
+ box-shadow: none;
4929
+ outline: none;
4930
+ }
4931
+
4932
+ .premium-person-social-list li i {
4933
+ font-size: 18px;
4934
+ }
4935
+
4936
+ .elementor-widget-premium-addon-person .elementor-widget-container {
4937
+ -js-display: flex;
4938
+ display: -webkit-box;
4939
+ display: -webkit-flex;
4940
+ display: -moz-box;
4941
+ display: -ms-flexbox;
4942
+ display: flex;
4943
+ -webkit-box-pack: center;
4944
+ -webkit-justify-content: center;
4945
+ -moz-box-pack: center;
4946
+ -ms-flex-pack: center;
4947
+ justify-content: center;
4948
+ }
4949
+
4950
+ .premium-persons-container.multiple-persons {
4951
+ -js-display: flex;
4952
+ display: -webkit-box;
4953
+ display: -webkit-flex;
4954
+ display: -moz-box;
4955
+ display: -ms-flexbox;
4956
+ display: flex;
4957
+ -webkit-flex-wrap: wrap;
4958
+ -ms-flex-wrap: wrap;
4959
+ flex-wrap: wrap;
4960
+ width: 100%;
4961
+ }
4962
+
4963
+ .premium-person-style1 .premium-person-container {
4964
+ overflow: hidden;
4965
+ }
4966
+
4967
+ .premium-person-style1 .premium-person-container .premium-person-info {
4968
+ position: absolute;
4969
+ top: auto;
4970
+ left: 0;
4971
+ right: 0;
4972
+ -webkit-transition: all 500ms ease 0s;
4973
+ transition: all 500ms ease 0s;
4974
+ -webkit-transform: translate3d(0, 100%, 0);
4975
+ transform: translate3d(0, 100%, 0);
4976
+ }
4977
+
4978
+ .premium-person-style1 .premium-person-container:hover .premium-person-info {
4979
+ -webkit-transform: translate3d(0, 0, 0);
4980
+ transform: translate3d(0, 0, 0);
4981
+ bottom: -1px !important;
4982
+ }
4983
+
4984
+ .premium-person-style1 .premium-person-social-list li:hover {
4985
+ bottom: 5px;
4986
+ }
4987
+
4988
+ .premium-person-style1.multiple-persons:not([data-persons-equal="yes"]) {
4989
+ -webkit-box-align: start;
4990
+ -webkit-align-items: flex-start;
4991
+ -moz-box-align: start;
4992
+ -ms-flex-align: start;
4993
+ align-items: flex-start;
4994
+ }
4995
+
4996
+ .premium-person-style1 .slick-track {
4997
+ -js-display: flex;
4998
+ display: -webkit-box;
4999
+ display: -webkit-flex;
5000
+ display: -moz-box;
5001
+ display: -ms-flexbox;
5002
+ display: flex;
5003
+ }
5004
+
5005
+ .premium-person-style1 .slick-slide {
5006
+ height: inherit !important;
5007
+ }
5008
+
5009
+ .premium-person-style1.multiple-persons[data-persons-equal="yes"] .premium-person-image-container,
5010
+ .premium-person-style1.multiple-persons[data-persons-equal="yes"] .premium-person-image-wrap {
5011
+ height: 100%;
5012
+ }
5013
+
5014
+ .premium-person-style3 .premium-person-info-container {
5015
+ position: absolute;
5016
+ top: 0;
5017
+ right: 0;
5018
+ width: 100%;
5019
+ height: 100%;
5020
+ -js-display: flex;
5021
+ display: -webkit-box;
5022
+ display: -webkit-flex;
5023
+ display: -moz-box;
5024
+ display: -ms-flexbox;
5025
+ display: flex;
5026
+ -webkit-box-orient: vertical;
5027
+ -webkit-box-direction: normal;
5028
+ -webkit-flex-direction: column;
5029
+ -moz-box-orient: vertical;
5030
+ -moz-box-direction: normal;
5031
+ -ms-flex-direction: column;
5032
+ flex-direction: column;
5033
+ -webkit-box-pack: justify;
5034
+ -webkit-justify-content: space-between;
5035
+ -moz-box-pack: justify;
5036
+ -ms-flex-pack: justify;
5037
+ justify-content: space-between;
5038
+ }
5039
+
5040
+ .premium-person-style3 .premium-person-title-desc-wrap {
5041
+ -js-display: flex;
5042
+ display: -webkit-box;
5043
+ display: -webkit-flex;
5044
+ display: -moz-box;
5045
+ display: -ms-flexbox;
5046
+ display: flex;
5047
+ -webkit-box-orient: horizontal;
5048
+ -webkit-box-direction: reverse;
5049
+ -webkit-flex-direction: row-reverse;
5050
+ -moz-box-orient: horizontal;
5051
+ -moz-box-direction: reverse;
5052
+ -ms-flex-direction: row-reverse;
5053
+ flex-direction: row-reverse;
5054
+ -webkit-box-pack: justify;
5055
+ -webkit-justify-content: space-between;
5056
+ -moz-box-pack: justify;
5057
+ -ms-flex-pack: justify;
5058
+ justify-content: space-between;
5059
+ -webkit-box-align: start;
5060
+ -webkit-align-items: flex-start;
5061
+ -moz-box-align: start;
5062
+ -ms-flex-align: start;
5063
+ align-items: flex-start;
5064
+ }
5065
+
5066
+ .premium-person-style3 .premium-person-name-icons-wrap {
5067
+ -js-display: flex;
5068
+ display: -webkit-box;
5069
+ display: -webkit-flex;
5070
+ display: -moz-box;
5071
+ display: -ms-flexbox;
5072
+ display: flex;
5073
+ -webkit-box-pack: justify;
5074
+ -webkit-justify-content: space-between;
5075
+ -moz-box-pack: justify;
5076
+ -ms-flex-pack: justify;
5077
+ justify-content: space-between;
5078
+ -webkit-box-align: end;
5079
+ -webkit-align-items: flex-end;
5080
+ -moz-box-align: end;
5081
+ -ms-flex-align: end;
5082
+ align-items: flex-end;
5083
+ }
5084
+
5085
+ .premium-person-style3 .premium-person-title {
5086
+ opacity: 0;
5087
+ -webkit-transition: all 0.3s ease;
5088
+ transition: all 0.3s ease;
5089
+ width: 0;
5090
+ }
5091
+
5092
+ .premium-person-style3 .premium-person-title span {
5093
+ display: inline-block;
5094
+ }
5095
+
5096
+ .premium-person-style3 .premium-person-name {
5097
+ padding-right: 10px;
5098
+ }
5099
+
5100
+ .premium-person-style3 .premium-person-social-list {
5101
+ -js-display: flex;
5102
+ display: -webkit-box;
5103
+ display: -webkit-flex;
5104
+ display: -moz-box;
5105
+ display: -ms-flexbox;
5106
+ display: flex;
5107
+ -webkit-box-orient: vertical;
5108
+ -webkit-box-direction: normal;
5109
+ -webkit-flex-direction: column;
5110
+ -moz-box-orient: vertical;
5111
+ -moz-box-direction: normal;
5112
+ -ms-flex-direction: column;
5113
+ flex-direction: column;
5114
+ -webkit-transform: translateY(20px);
5115
+ -ms-transform: translateY(20px);
5116
+ transform: translateY(20px);
5117
+ opacity: 0;
5118
+ -webkit-transition: all 0.3s ease;
5119
+ transition: all 0.3s ease;
5120
+ }
5121
+
5122
+ .premium-person-style3 .premium-person-list-item {
5123
+ line-height: 0;
5124
+ }
5125
+
5126
+ .premium-person-style3 .premium-person-list-item a {
5127
+ padding: 5px 0 0 10px;
5128
+ margin: 5px 0;
5129
+ }
5130
+
5131
+ .premium-person-style3 .premium-person-container:hover .premium-person-title {
5132
+ opacity: 1;
5133
+ }
5134
+
5135
+ .premium-person-style3 .premium-person-container:hover .premium-person-social-list {
5136
+ opacity: 1;
5137
+ -webkit-transform: translateY(0);
5138
+ -ms-transform: translateY(0);
5139
+ transform: translateY(0);
5140
+ }
5141
+
5142
+ .premium-persons-title-cw .premium-person-title {
5143
+ -webkit-transform: translateX(-15px) rotate(-90deg);
5144
+ -ms-transform: translateX(-15px) rotate(-90deg);
5145
+ transform: translateX(-15px) rotate(-90deg);
5146
+ -webkit-transform-origin: top;
5147
+ -ms-transform-origin: top;
5148
+ transform-origin: top;
5149
+ }
5150
+
5151
+ .premium-persons-title-cw .premium-person-container:hover .premium-person-title {
5152
+ -webkit-transform: translateX(0) rotate(-90deg);
5153
+ -ms-transform: translateX(0) rotate(-90deg);
5154
+ transform: translateX(0) rotate(-90deg);
5155
+ }
5156
+
5157
+ .premium-persons-title-ccw .premium-person-title {
5158
+ width: auto;
5159
+ margin-left: 20px;
5160
+ -webkit-transform: translateX(-15px) rotate(90deg);
5161
+ -ms-transform: translateX(-15px) rotate(90deg);
5162
+ transform: translateX(-15px) rotate(90deg);
5163
+ -webkit-transform-origin: center left;
5164
+ -ms-transform-origin: center left;
5165
+ transform-origin: center left;
5166
+ }
5167
+
5168
+ .premium-persons-title-ccw .premium-person-container:hover .premium-person-title {
5169
+ -webkit-transform: translateX(0) rotate(90deg);
5170
+ -ms-transform: translateX(0) rotate(90deg);
5171
+ transform: translateX(0) rotate(90deg);
5172
+ }
5173
+
5174
+ /**************** Premium Fancy Text *******************/
5175
+ /*******************************************************/
5176
+ .premium-suffix-text,
5177
+ .premium-fancy-text,
5178
+ .premium-prefix-text {
5179
+ font-size: 40px;
5180
+ }
5181
+
5182
+ .premium-fancy-text-wrapper .premium-fancy-list-items {
5183
+ list-style: none;
5184
+ }
5185
+
5186
+ .premium-fancy-text-wrapper .premium-fancy-text-span-align {
5187
+ vertical-align: top;
5188
+ }
5189
+
5190
+ .premium-fancy-text-wrapper:not(.typing):not(.slide) .premium-fancy-text-items-wrapper {
5191
+ margin: 0;
5192
+ padding: 0;
5193
+ border: none;
5194
+ position: relative;
5195
+ }
5196
+
5197
+ .premium-fancy-text-wrapper:not(.typing):not(.slide) .premium-fancy-list-items {
5198
+ position: absolute;
5199
+ top: 0;
5200
+ right: 0;
5201
+ display: inline-block;
5202
+ }
5203
+
5204
+ .premium-fancy-text-wrapper.zoomout .premium-fancy-item-hidden {
5205
+ opacity: 0;
5206
+ -webkit-animation: pa-zoom-out 0.8s;
5207
+ animation: pa-zoom-out 0.8s;
5208
+ }
5209
+
5210
+ .premium-fancy-text-wrapper.zoomout .premium-fancy-item-visible {
5211
+ position: relative !important;
5212
+ -webkit-animation: pa-zoom-in 0.8s;
5213
+ animation: pa-zoom-in 0.8s;
5214
+ }
5215
+
5216
+ .premium-fancy-text-wrapper.zoomout .premium-fancy-text-items-wrapper {
5217
+ -webkit-perspective: 300px;
5218
+ perspective: 300px;
5219
+ }
5220
+
5221
+ .premium-fancy-text-wrapper.rotate .premium-fancy-list-items {
5222
+ -webkit-transform-origin: 50% 100%;
5223
+ -ms-transform-origin: 50% 100%;
5224
+ transform-origin: 50% 100%;
5225
+ }
5226
+
5227
+ .premium-fancy-text-wrapper.rotate .premium-fancy-item-hidden {
5228
+ opacity: 0;
5229
+ -webkit-transform: rotateX(180deg);
5230
+ -ms-transform: rotateX(180deg);
5231
+ transform: rotateX(180deg);
5232
+ -webkit-animation: pa-rotate-out 1.2s;
5233
+ animation: pa-rotate-out 1.2s;
5234
+ }
5235
+
5236
+ .premium-fancy-text-wrapper.rotate .premium-fancy-item-visible {
5237
+ position: relative !important;
5238
+ -webkit-transform: rotateX(0deg);
5239
+ -ms-transform: rotateX(0deg);
5240
+ transform: rotateX(0deg);
5241
+ -webkit-animation: pa-rotate-in 1.2s;
5242
+ animation: pa-rotate-in 1.2s;
5243
+ }
5244
+
5245
+ .premium-fancy-text-wrapper.bar .premium-fancy-text-items-wrapper::after {
5246
+ position: absolute;
5247
+ content: "";
5248
+ right: 0;
5249
+ bottom: 0;
5250
+ width: 0;
5251
+ height: 3px;
5252
+ background: #000;
5253
+ }
5254
+
5255
+ .premium-fancy-text-wrapper.bar .premium-fancy-text-items-wrapper.active::after {
5256
+ width: 100%;
5257
+ -webkit-transition: width 3s ease-in-out;
5258
+ transition: width 3s ease-in-out;
5259
+ }
5260
+
5261
+ .premium-fancy-text-wrapper.bar .premium-fancy-list-items {
5262
+ opacity: 0;
5263
+ }
5264
+
5265
+ .premium-fancy-text-wrapper.bar .premium-fancy-item-visible {
5266
+ opacity: 1;
5267
+ -webkit-transition: opacity 2s ease-in-out;
5268
+ transition: opacity 2s ease-in-out;
5269
+ position: relative !important;
5270
+ }
5271
+
5272
+ .premium-fancy-text-wrapper.auto-fade .premium-fancy-text {
5273
+ display: inline-block;
5274
+ width: 200px;
5275
+ font-weight: 400;
5276
+ }
5277
+
5278
+ .premium-fancy-text-wrapper.auto-fade .premium-fancy-svg-text {
5279
+ position: relative;
5280
+ vertical-align: sub;
5281
+ }
5282
+
5283
+ .premium-fancy-text-wrapper.auto-fade g>text {
5284
+ text-anchor: start;
5285
+ shape-rendering: crispEdges;
5286
+ opacity: 0;
5287
+ font-size: 300px;
5288
+ -webkit-animation-name: pa-auto-fade;
5289
+ animation-name: pa-auto-fade;
5290
+ -moz-animation-name: pa-auto-fade;
5291
+ -webkit-animation-duration: 9s;
5292
+ animation-duration: 9s;
5293
+ -webkit-animation-timing-function: linear;
5294
+ animation-timing-function: linear;
5295
+ -webkit-animation-iteration-count: infinite;
5296
+ animation-iteration-count: infinite;
5297
+ }
5298
+
5299
+ .premium-fancy-text-wrapper.auto-fade g>text:nth-child(1) {
5300
+ -webkit-animation-delay: 0s;
5301
+ animation-delay: 0s;
5302
+ }
5303
+
5304
+ .premium-fancy-text-wrapper.auto-fade g>text:nth-child(2) {
5305
+ -webkit-animation-delay: 3s;
5306
+ animation-delay: 3s;
5307
+ }
5308
+
5309
+ .premium-fancy-text-wrapper.auto-fade g>text:nth-child(3) {
5310
+ -webkit-animation-delay: 6s;
5311
+ animation-delay: 6s;
5312
+ }
5313
+
5314
+ @-webkit-keyframes pa-auto-fade {
5315
+ 0% {
5316
+ opacity: 0;
5317
+ }
5318
+
5319
+ 20% {
5320
+ opacity: 1;
5321
+ }
5322
+
5323
+ 35% {
5324
+ opacity: 0;
5325
+ }
5326
+
5327
+ 100% {
5328
+ opacity: 0;
5329
+ }
5330
+ }
5331
+
5332
+ @keyframes pa-auto-fade {
5333
+ 0% {
5334
+ opacity: 0;
5335
+ }
5336
+
5337
+ 20% {
5338
+ opacity: 1;
5339
+ }
5340
+
5341
+ 35% {
5342
+ opacity: 0;
5343
+ }
5344
+
5345
+ 100% {
5346
+ opacity: 0;
5347
+ }
5348
+ }
5349
+
5350
+ @-webkit-keyframes pa-zoom-in {
5351
+ 0% {
5352
+ opacity: 0;
5353
+ -webkit-transform: translateZ(100px);
5354
+ transform: translateZ(100px);
5355
+ }
5356
+
5357
+ 100% {
5358
+ opacity: 1;
5359
+ -webkit-transform: translateZ(0);
5360
+ transform: translateZ(0);
5361
+ }
5362
+ }
5363
+
5364
+ @keyframes pa-zoom-in {
5365
+ 0% {
5366
+ opacity: 0;
5367
+ -webkit-transform: translateZ(100px);
5368
+ transform: translateZ(100px);
5369
+ }
5370
+
5371
+ 100% {
5372
+ opacity: 1;
5373
+ -webkit-transform: translateZ(0);
5374
+ transform: translateZ(0);
5375
+ }
5376
+ }
5377
+
5378
+ @-webkit-keyframes pa-zoom-out {
5379
+ 0% {
5380
+ opacity: 1;
5381
+ -webkit-transform: translateZ(0);
5382
+ transform: translateZ(0);
5383
+ }
5384
+
5385
+ 100% {
5386
+ opacity: 0;
5387
+ -webkit-transform: translateZ(-100px);
5388
+ transform: translateZ(-100px);
5389
+ }
5390
+ }
5391
+
5392
+ @keyframes pa-zoom-out {
5393
+ 0% {
5394
+ opacity: 1;
5395
+ -webkit-transform: translateZ(0);
5396
+ transform: translateZ(0);
5397
+ }
5398
+
5399
+ 100% {
5400
+ opacity: 0;
5401
+ -webkit-transform: translateZ(-100px);
5402
+ transform: translateZ(-100px);
5403
+ }
5404
+ }
5405
+
5406
+ @-webkit-keyframes pa-rotate-in {
5407
+ 0% {
5408
+ opacity: 0;
5409
+ -webkit-transform: rotateX(180deg);
5410
+ transform: rotateX(180deg);
5411
+ }
5412
+
5413
+ 35% {
5414
+ opacity: 0;
5415
+ -webkit-transform: rotateX(120deg);
5416
+ transform: rotateX(120deg);
5417
+ }
5418
+
5419
+ 65% {
5420
+ opacity: 0;
5421
+ }
5422
+
5423
+ 100% {
5424
+ opacity: 1;
5425
+ -webkit-transform: rotateX(360deg);
5426
+ transform: rotateX(360deg);
5427
+ }
5428
+ }
5429
+
5430
+ @keyframes pa-rotate-in {
5431
+ 0% {
5432
+ opacity: 0;
5433
+ -webkit-transform: rotateX(180deg);
5434
+ transform: rotateX(180deg);
5435
+ }
5436
+
5437
+ 35% {
5438
+ opacity: 0;
5439
+ -webkit-transform: rotateX(120deg);
5440
+ transform: rotateX(120deg);
5441
+ }
5442
+
5443
+ 65% {
5444
+ opacity: 0;
5445
+ }
5446
+
5447
+ 100% {
5448
+ opacity: 1;
5449
+ -webkit-transform: rotateX(360deg);
5450
+ transform: rotateX(360deg);
5451
+ }
5452
+ }
5453
+
5454
+ @-webkit-keyframes pa-rotate-out {
5455
+ 0% {
5456
+ opacity: 1;
5457
+ -webkit-transform: rotateX(0deg);
5458
+ transform: rotateX(0deg);
5459
+ }
5460
+
5461
+ 35% {
5462
+ opacity: 1;
5463
+ -webkit-transform: rotateX(-40deg);
5464
+ transform: rotateX(-40deg);
5465
+ }
5466
+
5467
+ 65% {
5468
+ opacity: 0;
5469
+ }
5470
+
5471
+ 100% {
5472
+ opacity: 0;
5473
+ -webkit-transform: rotateX(180deg);
5474
+ transform: rotateX(180deg);
5475
+ }
5476
+ }
5477
+
5478
+ @keyframes pa-rotate-out {
5479
+ 0% {
5480
+ opacity: 1;
5481
+ -webkit-transform: rotateX(0deg);
5482
+ transform: rotateX(0deg);
5483
+ }
5484
+
5485
+ 35% {
5486
+ opacity: 1;
5487
+ -webkit-transform: rotateX(-40deg);
5488
+ transform: rotateX(-40deg);
5489
+ }
5490
+
5491
+ 65% {
5492
+ opacity: 0;
5493
+ }
5494
+
5495
+ 100% {
5496
+ opacity: 0;
5497
+ -webkit-transform: rotateX(180deg);
5498
+ transform: rotateX(180deg);
5499
+ }
5500
+ }
5501
+
5502
+ /**************** Premium Pricing Table ****************/
5503
+ /*******************************************************/
5504
+ .premium-pricing-table-container {
5505
+ position: relative;
5506
+ overflow: hidden;
5507
+ text-align: center;
5508
+ -webkit-transition: all 0.3s ease-in-out;
5509
+ transition: all 0.3s ease-in-out;
5510
+ }
5511
+
5512
+ .premium-pricing-icon-container {
5513
+ -js-display: flex;
5514
+ display: -webkit-box;
5515
+ display: -webkit-flex;
5516
+ display: -moz-box;
5517
+ display: -ms-flexbox;
5518
+ display: flex;
5519
+ -webkit-box-pack: center;
5520
+ -webkit-justify-content: center;
5521
+ -moz-box-pack: center;
5522
+ -ms-flex-pack: center;
5523
+ justify-content: center;
5524
+ line-height: 0;
5525
+ }
5526
+
5527
+ .premium-pricing-icon-container .premium-pricing-icon {
5528
+ display: inline-block;
5529
+ }
5530
+
5531
+ .premium-pricing-icon-container .premium-pricing-image {
5532
+ overflow: hidden;
5533
+ }
5534
+
5535
+ .premium-pricing-icon-container .premium-pricing-image img {
5536
+ width: 25px;
5537
+ height: 25px;
5538
+ -o-object-fit: cover;
5539
+ object-fit: cover;
5540
+ }
5541
+
5542
+ .premium-badge-left {
5543
+ position: absolute;
5544
+ top: 0;
5545
+ }
5546
+
5547
+ .premium-badge-right {
5548
+ position: absolute;
5549
+ top: 0;
5550
+ right: 0;
5551
+ }
5552
+
5553
+ .premium-badge-left {
5554
+ left: 0;
5555
+ }
5556
+
5557
+ .premium-badge-triangle.premium-badge-left .corner {
5558
+ width: 0;
5559
+ height: 0;
5560
+ border-top: 150px solid;
5561
+ border-bottom: 150px solid transparent;
5562
+ border-right: 150px solid transparent;
5563
+ }
5564
+
5565
+ .premium-badge-triangle.premium-badge-right .corner {
5566
+ width: 0;
5567
+ height: 0;
5568
+ border-bottom: 150px solid transparent;
5569
+ border-right: 150px solid;
5570
+ border-left: 150px solid transparent;
5571
+ }
5572
+
5573
+ .premium-badge-triangle span {
5574
+ position: absolute;
5575
+ top: 35px;
5576
+ width: 100px;
5577
+ text-align: center;
5578
+ -webkit-transform: rotate(-45deg);
5579
+ -ms-transform: rotate(-45deg);
5580
+ transform: rotate(-45deg);
5581
+ display: block;
5582
+ text-transform: uppercase;
5583
+ }
5584
+
5585
+ .premium-badge-triangle.premium-badge-right span {
5586
+ -webkit-transform: rotate(45deg);
5587
+ -ms-transform: rotate(45deg);
5588
+ transform: rotate(45deg);
5589
+ right: 0;
5590
+ }
5591
+
5592
+ .premium-badge-circle {
5593
+ min-width: 4em;
5594
+ min-height: 4em;
5595
+ line-height: 4em;
5596
+ text-align: center;
5597
+ -webkit-border-radius: 100%;
5598
+ border-radius: 100%;
5599
+ position: absolute;
5600
+ z-index: 1;
5601
+ }
5602
+
5603
+ .premium-badge-stripe {
5604
+ position: absolute;
5605
+ -webkit-transform: rotate(90deg);
5606
+ -ms-transform: rotate(90deg);
5607
+ transform: rotate(90deg);
5608
+ width: 15em;
5609
+ overflow: hidden;
5610
+ height: 15em;
5611
+ }
5612
+
5613
+ .premium-badge-stripe.premium-badge-left {
5614
+ -webkit-transform: rotate(0);
5615
+ -ms-transform: rotate(0);
5616
+ transform: rotate(0);
5617
+ }
5618
+
5619
+ .premium-badge-stripe .corner {
5620
+ text-align: center;
5621
+ left: 0;
5622
+ width: 150%;
5623
+ -webkit-transform: translateY(-50%) translateX(-50%) translateX(35px) rotate(-45deg);
5624
+ -ms-transform: translateY(-50%) translateX(-50%) translateX(35px) rotate(-45deg);
5625
+ transform: translateY(-50%) translateX(-50%) translateX(35px) rotate(-45deg);
5626
+ margin-top: 35px;
5627
+ font-size: 13px;
5628
+ line-height: 2;
5629
+ font-weight: 800;
5630
+ text-transform: uppercase;
5631
+ }
5632
+
5633
+ .premium-badge-flag .corner {
5634
+ text-align: center;
5635
+ -webkit-border-radius: 4px 4px 0 4px;
5636
+ border-radius: 4px 4px 0 4px;
5637
+ padding: 3px 15px;
5638
+ position: absolute;
5639
+ top: 10%;
5640
+ right: -8px;
5641
+ }
5642
+
5643
+ .premium-badge-flag .corner::before,
5644
+ .premium-badge-flag .corner::after {
5645
+ content: "";
5646
+ display: block;
5647
+ position: absolute;
5648
+ width: 0;
5649
+ height: 0;
5650
+ top: 100%;
5651
+ right: 0;
5652
+ border-bottom: 8px solid transparent;
5653
+ }
5654
+
5655
+ .elementor-widget-premium-addon-pricing-table .elementor-widget-container {
5656
+ overflow: visible !important;
5657
+ }
5658
+
5659
+ .premium-badge-flag .corner::after {
5660
+ border-left: 8px solid rgba(0, 0, 0, 0.2);
5661
+ }
5662
+
5663
+ .premium-pricing-price-currency {
5664
+ position: relative;
5665
+ }
5666
+
5667
+ .premium-pricing-button-container {
5668
+ display: block;
5669
+ }
5670
+
5671
+ .premium-pricing-list {
5672
+ -js-display: flex;
5673
+ display: -webkit-box;
5674
+ display: -webkit-flex;
5675
+ display: -moz-box;
5676
+ display: -ms-flexbox;
5677
+ display: flex;
5678
+ -webkit-box-orient: vertical;
5679
+ -webkit-box-direction: normal;
5680
+ -webkit-flex-direction: column;
5681
+ -moz-box-orient: vertical;
5682
+ -moz-box-direction: normal;
5683
+ -ms-flex-direction: column;
5684
+ flex-direction: column;
5685
+ list-style-type: none;
5686
+ margin: 0;
5687
+ }
5688
+
5689
+ .premium-pricing-list .premium-pricing-list-item {
5690
+ -js-display: flex;
5691
+ display: -webkit-box;
5692
+ display: -webkit-flex;
5693
+ display: -moz-box;
5694
+ display: -ms-flexbox;
5695
+ display: flex;
5696
+ -webkit-box-align: center;
5697
+ -webkit-align-items: center;
5698
+ -moz-box-align: center;
5699
+ -ms-flex-align: center;
5700
+ align-items: center;
5701
+ }
5702
+
5703
+ .premium-pricing-list .premium-pricing-list-item svg {
5704
+ width: 50px;
5705
+ height: 50px;
5706
+ }
5707
+
5708
+ .premium-pricing-list .premium-pricing-list-item img {
5709
+ width: 30px;
5710
+ height: 30px;
5711
+ -o-object-fit: cover;
5712
+ object-fit: cover;
5713
+ }
5714
+
5715
+ .premium-pricing-list .premium-pricing-list-span {
5716
+ position: relative;
5717
+ }
5718
+
5719
+ .premium-pricing-list .list-item-tooltip {
5720
+ border-bottom: 1px dotted;
5721
+ }
5722
+
5723
+ .premium-pricing-list .premium-pricing-list-tooltip {
5724
+ position: absolute;
5725
+ top: -webkit-calc(100% + 1px);
5726
+ top: calc(100% + 1px);
5727
+ right: 0;
5728
+ visibility: hidden;
5729
+ padding: 15px 20px;
5730
+ -webkit-border-radius: 5px;
5731
+ border-radius: 5px;
5732
+ min-width: 200px;
5733
+ overflow: hidden;
5734
+ text-align: right;
5735
+ font-size: 0.8rem;
5736
+ color: #fff;
5737
+ background-color: #aaa;
5738
+ }
5739
+
5740
+ .premium-pricing-features-left .premium-pricing-list-span {
5741
+ text-align: right;
5742
+ }
5743
+
5744
+ .premium-pricing-features-center .premium-pricing-list-span {
5745
+ text-align: center;
5746
+ }
5747
+
5748
+ .premium-pricing-features-right .premium-pricing-list-span {
5749
+ text-align: left;
5750
+ }
5751
+
5752
+ .premium-pricing-list-span:hover .premium-pricing-list-tooltip {
5753
+ z-index: 99;
5754
+ visibility: visible;
5755
+ opacity: 1;
5756
+ }
5757
+
5758
+ .premium-pricing-slashed-price-value {
5759
+ display: inline-block;
5760
+ font-size: 20px;
5761
+ font-weight: 400;
5762
+ margin-left: 5px;
5763
+ }
5764
+
5765
+ .premium-pricing-price-value {
5766
+ font-size: 70px;
5767
+ }
5768
+
5769
+ .premium-pricing-description-container li {
5770
+ list-style-position: inside;
5771
+ text-indent: -40px;
5772
+ }
5773
+
5774
+ @-moz-document url-prefix() {
5775
+ .premium-pricing-description-container li {
5776
+ text-indent: 0px;
5777
+ }
5778
+ }
5779
+
5780
+ .premium-pricing-price-button {
5781
+ display: block;
5782
+ padding: 6px 12px;
5783
+ line-height: 1.42857143;
5784
+ text-align: center;
5785
+ color: #fff;
5786
+ background: #6ec1e4;
5787
+ margin-bottom: 0;
5788
+ -webkit-transition: all 0.3s ease-in-out;
5789
+ transition: all 0.3s ease-in-out;
5790
+ }
5791
+
5792
+ /**************** Premium Google Maps ******************/
5793
+ /*******************************************************/
5794
+ .premium-maps-info-container {
5795
+ margin-top: 10px;
5796
+ margin-bottom: 10px;
5797
+ }
5798
+
5799
+ .premium-maps-info-title,
5800
+ .premium-maps-info-desc {
5801
+ margin: 0;
5802
+ padding: 0;
5803
+ }
5804
+
5805
+ .premium-maps-container .gm-style-iw {
5806
+ text-align: center;
5807
+ direction: ltr;
5808
+ }
5809
+
5810
+ .premium-maps-container .gm-style img {
5811
+ max-width: none !important;
5812
+ }
5813
+
5814
+ /**************** Premium Button ***********************/
5815
+ /*******************************************************/
5816
+ .premium-button {
5817
+ display: inline-block;
5818
+ position: relative;
5819
+ overflow: hidden;
5820
+ cursor: pointer;
5821
+ -webkit-transition: all 0.2s ease-in-out !important;
5822
+ transition: all 0.2s ease-in-out !important;
5823
+ }
5824
+
5825
+ .premium-button-sm {
5826
+ padding: 12px 24px;
5827
+ font-size: 14px;
5828
+ line-height: 1;
5829
+ }
5830
+
5831
+ .premium-button .premium-lottie-animation,
5832
+ .premium-image-button .premium-lottie-animation {
5833
+ -js-display: flex;
5834
+ display: -webkit-box;
5835
+ display: -webkit-flex;
5836
+ display: -moz-box;
5837
+ display: -ms-flexbox;
5838
+ display: flex;
5839
+ }
5840
+
5841
+ .premium-button .premium-lottie-animation svg,
5842
+ .premium-image-button .premium-lottie-animation svg {
5843
+ width: 50px;
5844
+ height: 50px;
5845
+ }
5846
+
5847
+ .premium-button-md {
5848
+ padding: 14px 26px;
5849
+ font-size: 16px;
5850
+ line-height: 1.2;
5851
+ }
5852
+
5853
+ .premium-button-lg {
5854
+ padding: 16px 28px;
5855
+ font-size: 18px;
5856
+ line-height: 1.3333;
5857
+ }
5858
+
5859
+ .premium-button-block {
5860
+ font-size: 15px;
5861
+ line-height: 1;
5862
+ padding: 12px 24px;
5863
+ width: 100%;
5864
+ text-align: center;
5865
+ }
5866
+
5867
+ .premium-button-text {
5868
+ display: inline-block;
5869
+ width: 100%;
5870
+ }
5871
+
5872
+ .premium-button-style1,
5873
+ .premium-button-style2,
5874
+ .premium-button-style5,
5875
+ .premium-button-style7 {
5876
+ display: inline-block;
5877
+ vertical-align: middle;
5878
+ -webkit-transform: perspective(1px) translateZ(0);
5879
+ transform: perspective(1px) translateZ(0);
5880
+ -webkit-box-shadow: 0 0 1px transparent;
5881
+ box-shadow: 0 0 1px transparent;
5882
+ position: relative;
5883
+ -webkit-transition-property: color;
5884
+ transition-property: color;
5885
+ -webkit-transition-duration: 0.15s;
5886
+ transition-duration: 0.15s;
5887
+ }
5888
+
5889
+ .premium-button-style1:before,
5890
+ .premium-button-style2:before,
5891
+ .premium-button-style5:before {
5892
+ content: "";
5893
+ position: absolute;
5894
+ z-index: -1;
5895
+ top: 0;
5896
+ right: 0;
5897
+ left: 0;
5898
+ bottom: 0;
5899
+ -webkit-transform: scaleY(0);
5900
+ -ms-transform: scaleY(0);
5901
+ transform: scaleY(0);
5902
+ -webkit-transform-origin: 50% 0;
5903
+ -ms-transform-origin: 50% 0;
5904
+ transform-origin: 50% 0;
5905
+ -webkit-transition-property: -webkit-transform;
5906
+ transition-property: -webkit-transform;
5907
+ transition-property: transform;
5908
+ transition-property: transform, -webkit-transform;
5909
+ -webkit-transition-duration: 0.15s;
5910
+ transition-duration: 0.15s;
5911
+ -webkit-transition-timing-function: ease-out;
5912
+ transition-timing-function: ease-out;
5913
+ }
5914
+
5915
+ .premium-button-style5-radialin:before,
5916
+ .premium-button-style5-radialout:before {
5917
+ -webkit-transform-origin: 50%;
5918
+ -ms-transform-origin: 50%;
5919
+ transform-origin: 50%;
5920
+ -webkit-border-radius: 100%;
5921
+ border-radius: 100%;
5922
+ -webkit-transform: scale(0);
5923
+ -ms-transform: scale(0);
5924
+ transform: scale(0);
5925
+ }
5926
+
5927
+ .premium-button-style5-radialin:before {
5928
+ -webkit-transform: scale(2);
5929
+ -ms-transform: scale(2);
5930
+ transform: scale(2);
5931
+ }
5932
+
5933
+ .premium-button-style5-rectin:before {
5934
+ -webkit-transform-origin: 50%;
5935
+ -ms-transform-origin: 50%;
5936
+ transform-origin: 50%;
5937
+ -webkit-transform: scale(1);
5938
+ -ms-transform: scale(1);
5939
+ transform: scale(1);
5940
+ }
5941
+
5942
+ .premium-button-style5-rectout:before {
5943
+ -webkit-transform-origin: 50%;
5944
+ -ms-transform-origin: 50%;
5945
+ transform-origin: 50%;
5946
+ -webkit-transform: scale(0);
5947
+ -ms-transform: scale(0);
5948
+ transform: scale(0);
5949
+ }
5950
+
5951
+ .premium-button-style5-rectout:hover:before {
5952
+ -webkit-transform: scale(1);
5953
+ -ms-transform: scale(1);
5954
+ transform: scale(1);
5955
+ }
5956
+
5957
+ .premium-button-style5-rectin:hover:before {
5958
+ -webkit-transform: scale(0);
5959
+ -ms-transform: scale(0);
5960
+ transform: scale(0);
5961
+ }
5962
+
5963
+ .premium-button-style5-radialout:hover:before {
5964
+ -webkit-transform: scale(2);
5965
+ -ms-transform: scale(2);
5966
+ transform: scale(2);
5967
+ }
5968
+
5969
+ .premium-button-style5-radialin:hover:before {
5970
+ -webkit-transform: scale(0);
5971
+ -ms-transform: scale(0);
5972
+ transform: scale(0);
5973
+ }
5974
+
5975
+ .premium-button-style1-top:before {
5976
+ -webkit-transform-origin: 50% 100%;
5977
+ -ms-transform-origin: 50% 100%;
5978
+ transform-origin: 50% 100%;
5979
+ }
5980
+
5981
+ .premium-button-style1-right:before {
5982
+ -webkit-transform: scaleX(0);
5983
+ -ms-transform: scaleX(0);
5984
+ transform: scaleX(0);
5985
+ -webkit-transform-origin: 100% 50%;
5986
+ -ms-transform-origin: 100% 50%;
5987
+ transform-origin: 100% 50%;
5988
+ }
5989
+
5990
+ .premium-button-style1-left:before {
5991
+ -webkit-transform: scaleX(0);
5992
+ -ms-transform: scaleX(0);
5993
+ transform: scaleX(0);
5994
+ -webkit-transform-origin: 0% 50%;
5995
+ -ms-transform-origin: 0% 50%;
5996
+ transform-origin: 0% 50%;
5997
+ }
5998
+
5999
+ .premium-button-style2-shutouthor:before,
6000
+ .premium-button-style2-scshutoutver:before {
6001
+ -webkit-transform: scaleY(0);
6002
+ -ms-transform: scaleY(0);
6003
+ transform: scaleY(0);
6004
+ -webkit-transform-origin: 0% 50%;
6005
+ -ms-transform-origin: 0% 50%;
6006
+ transform-origin: 0% 50%;
6007
+ }
6008
+
6009
+ .premium-button-style2-shutoutver:before,
6010
+ .premium-button-style2-scshutouthor:before {
6011
+ -webkit-transform: scaleX(0);
6012
+ -ms-transform: scaleX(0);
6013
+ transform: scaleX(0);
6014
+ -webkit-transform-origin: 50% 50%;
6015
+ -ms-transform-origin: 50% 50%;
6016
+ transform-origin: 50% 50%;
6017
+ }
6018
+
6019
+ .premium-button-style2-shutinhor:before {
6020
+ -webkit-transform: scaleX(1);
6021
+ -ms-transform: scaleX(1);
6022
+ transform: scaleX(1);
6023
+ -webkit-transform-origin: 50%;
6024
+ -ms-transform-origin: 50%;
6025
+ transform-origin: 50%;
6026
+ }
6027
+
6028
+ .premium-button-style2-shutinver:before {
6029
+ -webkit-transform: scaleY(1);
6030
+ -ms-transform: scaleY(1);
6031
+ transform: scaleY(1);
6032
+ -webkit-transform-origin: 50%;
6033
+ -ms-transform-origin: 50%;
6034
+ transform-origin: 50%;
6035
+ }
6036
+
6037
+ .premium-button-style1-bottom:hover:before,
6038
+ .premium-button-style1-top:hover:before {
6039
+ -webkit-transform: scaleY(1);
6040
+ -ms-transform: scaleY(1);
6041
+ transform: scaleY(1);
6042
+ }
6043
+
6044
+ .premium-button-style1-left:hover:before,
6045
+ .premium-button-style1-right:hover:before,
6046
+ .premium-button-style2-shutouthor:hover:before,
6047
+ .premium-button-style2-shutoutver:hover:before {
6048
+ -webkit-transform: scaleX(1);
6049
+ -ms-transform: scaleX(1);
6050
+ transform: scaleX(1);
6051
+ }
6052
+
6053
+ .premium-button-style2-shutinhor:hover:before {
6054
+ -webkit-transform: scaleX(0);
6055
+ -ms-transform: scaleX(0);
6056
+ transform: scaleX(0);
6057
+ }
6058
+
6059
+ .premium-button-style2-shutinver:hover:before {
6060
+ -webkit-transform: scaleY(0);
6061
+ -ms-transform: scaleY(0);
6062
+ transform: scaleY(0);
6063
+ }
6064
+
6065
+ .premium-button-style2-scshutouthor:hover:before {
6066
+ -webkit-transform: scaleX(0.9);
6067
+ -ms-transform: scaleX(0.9);
6068
+ transform: scaleX(0.9);
6069
+ }
6070
+
6071
+ .premium-button-style2-scshutoutver:hover:before {
6072
+ -webkit-transform: scaleY(0.8);
6073
+ -ms-transform: scaleY(0.8);
6074
+ transform: scaleY(0.8);
6075
+ }
6076
+
6077
+ /*Diagonal*/
6078
+ .premium-button-style2-dshutinhor:before {
6079
+ top: 50%;
6080
+ right: 50%;
6081
+ width: 120%;
6082
+ height: 0%;
6083
+ -webkit-transform: translateX(50%) translateY(-50%) rotate(45deg);
6084
+ -ms-transform: translateX(50%) translateY(-50%) rotate(45deg);
6085
+ transform: translateX(50%) translateY(-50%) rotate(45deg);
6086
+ -webkit-transform-origin: 50%;
6087
+ -ms-transform-origin: 50%;
6088
+ transform-origin: 50%;
6089
+ -webkit-transition-property: all;
6090
+ transition-property: all;
6091
+ }
6092
+
6093
+ .premium-button-style2-dshutinver:before {
6094
+ top: 50%;
6095
+ right: 50%;
6096
+ width: 120%;
6097
+ height: 0%;
6098
+ -webkit-transform-origin: 50%;
6099
+ -ms-transform-origin: 50%;
6100
+ transform-origin: 50%;
6101
+ -webkit-transition-property: all;
6102
+ transition-property: all;
6103
+ -webkit-transform: translateX(50%) translateY(-50%) rotate(-45deg);
6104
+ -ms-transform: translateX(50%) translateY(-50%) rotate(-45deg);
6105
+ transform: translateX(50%) translateY(-50%) rotate(-45deg);
6106
+ }
6107
+
6108
+ .premium-button-style2-dshutinhor:hover:before,
6109
+ .premium-button-style2-dshutinver:hover:before {
6110
+ height: 220%;
6111
+ }
6112
+
6113
+ .premium-button-style3-before i,
6114
+ .premium-button-style3-before svg {
6115
+ opacity: 0;
6116
+ -webkit-transform: translateX(5px);
6117
+ -ms-transform: translateX(5px);
6118
+ transform: translateX(5px);
6119
+ -webkit-transition: all 0.5s ease-in-out;
6120
+ transition: all 0.5s ease-in-out;
6121
+ }
6122
+
6123
+ .premium-button-style3-after i,
6124
+ .premium-button-style3-after svg {
6125
+ opacity: 0;
6126
+ -webkit-transform: translateX(5px);
6127
+ -ms-transform: translateX(5px);
6128
+ transform: translateX(5px);
6129
+ -webkit-transition: all 0.5s ease-in-out;
6130
+ transition: all 0.5s ease-in-out;
6131
+ -webkit-transform: translateX(-5px);
6132
+ -ms-transform: translateX(-5px);
6133
+ transform: translateX(-5px);
6134
+ }
6135
+
6136
+ .premium-button-style3-after:hover i,
6137
+ .premium-button-style3-after:hover svg {
6138
+ opacity: 1;
6139
+ }
6140
+
6141
+ .premium-button-style3-before:hover i,
6142
+ .premium-button-style3-before:hover svg {
6143
+ opacity: 1;
6144
+ }
6145
+
6146
+ .premium-button-text-icon-wrapper {
6147
+ -js-display: flex;
6148
+ display: -webkit-box;
6149
+ display: -webkit-flex;
6150
+ display: -moz-box;
6151
+ display: -ms-flexbox;
6152
+ display: flex;
6153
+ -webkit-box-pack: center;
6154
+ -webkit-justify-content: center;
6155
+ -moz-box-pack: center;
6156
+ -ms-flex-pack: center;
6157
+ justify-content: center;
6158
+ -webkit-box-align: center;
6159
+ -webkit-align-items: center;
6160
+ -moz-box-align: center;
6161
+ -ms-flex-align: center;
6162
+ align-items: center;
6163
+ -webkit-transition: all 0.2s ease-in-out;
6164
+ transition: all 0.2s ease-in-out;
6165
+ }
6166
+
6167
+ .premium-button-text-icon-wrapper span,
6168
+ .premium-button-text-icon-wrapper i,
6169
+ .premium-button-text-icon-wrapper svg {
6170
+ -webkit-transition: all 0.2s ease-in-out;
6171
+ transition: all 0.2s ease-in-out;
6172
+ }
6173
+
6174
+ .premium-button-style4-icon-wrapper {
6175
+ position: absolute;
6176
+ z-index: 2;
6177
+ width: 100%;
6178
+ text-align: center;
6179
+ -js-display: flex;
6180
+ display: -webkit-box;
6181
+ display: -webkit-flex;
6182
+ display: -moz-box;
6183
+ display: -ms-flexbox;
6184
+ display: flex;
6185
+ -webkit-box-align: center;
6186
+ -webkit-align-items: center;
6187
+ -moz-box-align: center;
6188
+ -ms-flex-align: center;
6189
+ align-items: center;
6190
+ -webkit-box-pack: center;
6191
+ -webkit-justify-content: center;
6192
+ -moz-box-pack: center;
6193
+ -ms-flex-pack: center;
6194
+ justify-content: center;
6195
+ height: 100%;
6196
+ opacity: 0;
6197
+ -webkit-transition: all 0.3s ease-in-out;
6198
+ transition: all 0.3s ease-in-out;
6199
+ }
6200
+
6201
+ .premium-button-style4-icon-wrapper.top {
6202
+ bottom: -100%;
6203
+ right: 0;
6204
+ }
6205
+
6206
+ .premium-button-style4-icon-wrapper.bottom {
6207
+ top: -100%;
6208
+ right: 0;
6209
+ }
6210
+
6211
+ .premium-button-style4-icon-wrapper.left {
6212
+ top: 0;
6213
+ right: -100%;
6214
+ }
6215
+
6216
+ .premium-button-style4-icon-wrapper.right {
6217
+ top: 0;
6218
+ left: -100%;
6219
+ }
6220
+
6221
+ .premium-button-style4-bottom:hover .premium-button-style4-icon-wrapper {
6222
+ top: 0;
6223
+ opacity: 1;
6224
+ }
6225
+
6226
+ .premium-button-style4-top:hover .premium-button-style4-icon-wrapper {
6227
+ bottom: 0;
6228
+ opacity: 1;
6229
+ }
6230
+
6231
+ .premium-button-style4-left:hover .premium-button-style4-icon-wrapper {
6232
+ right: 0;
6233
+ opacity: 1;
6234
+ }
6235
+
6236
+ .premium-button-style4-right:hover .premium-button-style4-icon-wrapper {
6237
+ left: 0;
6238
+ opacity: 1;
6239
+ }
6240
+
6241
+ .premium-button-style4-bottom:hover .premium-button-text-icon-wrapper {
6242
+ -webkit-transform: translateY(100%);
6243
+ -ms-transform: translateY(100%);
6244
+ transform: translateY(100%);
6245
+ opacity: 0;
6246
+ }
6247
+
6248
+ .premium-button-style4-top:hover .premium-button-text-icon-wrapper {
6249
+ -webkit-transform: translateY(-100%);
6250
+ -ms-transform: translateY(-100%);
6251
+ transform: translateY(-100%);
6252
+ opacity: 0;
6253
+ }
6254
+
6255
+ .premium-button-style4-left:hover .premium-button-text-icon-wrapper {
6256
+ -webkit-transform: translateX(-100%);
6257
+ -ms-transform: translateX(-100%);
6258
+ transform: translateX(-100%);
6259
+ opacity: 0;
6260
+ }
6261
+
6262
+ .premium-button-style4-right:hover .premium-button-text-icon-wrapper {
6263
+ -webkit-transform: translateX(100%);
6264
+ -ms-transform: translateX(100%);
6265
+ transform: translateX(100%);
6266
+ opacity: 0;
6267
+ }
6268
+
6269
+ .premium-button-style6:before {
6270
+ content: "";
6271
+ position: absolute;
6272
+ right: 50%;
6273
+ top: 50%;
6274
+ width: 100px;
6275
+ height: 100px;
6276
+ -webkit-border-radius: 100%;
6277
+ border-radius: 100%;
6278
+ -webkit-transform: translate(50%, -50%) scale(0);
6279
+ -ms-transform: translate(50%, -50%) scale(0);
6280
+ transform: translate(50%, -50%) scale(0);
6281
+ -webkit-transition: all 0.3s ease-in-out;
6282
+ transition: all 0.3s ease-in-out;
6283
+ }
6284
+
6285
+ .premium-button-style6:hover:before {
6286
+ -webkit-transform: translate(50%, -50%) scale(3);
6287
+ -ms-transform: translate(50%, -50%) scale(3);
6288
+ transform: translate(50%, -50%) scale(3);
6289
+ }
6290
+
6291
+ .premium-button-style6 .premium-button-text-icon-wrapper {
6292
+ position: relative;
6293
+ z-index: 1;
6294
+ }
6295
+
6296
+ .premium-mouse-detect-yes .premium-button-style6 .premium-button-style6-bg {
6297
+ position: absolute;
6298
+ z-index: 0;
6299
+ top: 0;
6300
+ right: 0;
6301
+ width: 0px;
6302
+ height: 0px;
6303
+ -webkit-border-radius: 50%;
6304
+ border-radius: 50%;
6305
+ display: block;
6306
+ -webkit-transform: translate(50%, -50%);
6307
+ -ms-transform: translate(50%, -50%);
6308
+ transform: translate(50%, -50%);
6309
+ -webkit-transition: width 0.4s ease-in-out, height 0.4s ease-in-out;
6310
+ transition: width 0.4s ease-in-out, height 0.4s ease-in-out;
6311
+ }
6312
+
6313
+ .premium-mouse-detect-yes .premium-button-style6:hover .premium-button-style6-bg {
6314
+ width: 225%;
6315
+ height: 560px;
6316
+ }
6317
+
6318
+ .premium-mouse-detect-yes .premium-button-style6:before {
6319
+ width: 0;
6320
+ height: 0;
6321
+ }
6322
+
6323
+ .premium-button-style7-right .premium-button-text-icon-wrapper:before,
6324
+ .premium-button-style7-left .premium-button-text-icon-wrapper:before {
6325
+ -webkit-transition: width 0.3s ease-out 0.15s;
6326
+ transition: width 0.3s ease-out 0.15s;
6327
+ }
6328
+
6329
+ .premium-button-style7-right .premium-button-text-icon-wrapper:after,
6330
+ .premium-button-style7-left .premium-button-text-icon-wrapper:after {
6331
+ -webkit-transition: width 0.3s ease-out 0s;
6332
+ transition: width 0.3s ease-out 0s;
6333
+ }
6334
+
6335
+ .premium-button-style7-bottom .premium-button-text-icon-wrapper:before,
6336
+ .premium-button-style7-top .premium-button-text-icon-wrapper:before {
6337
+ -webkit-transition: height 0.3s ease-out 0.15s;
6338
+ transition: height 0.3s ease-out 0.15s;
6339
+ }
6340
+
6341
+ .premium-button-style7-bottom .premium-button-text-icon-wrapper:after,
6342
+ .premium-button-style7-top .premium-button-text-icon-wrapper:after {
6343
+ -webkit-transition: height 0.3s ease-out 0s;
6344
+ transition: height 0.3s ease-out 0s;
6345
+ }
6346
+
6347
+ .premium-button[class*="style7"]:hover .premium-button-text-icon-wrapper:before {
6348
+ -webkit-transition-delay: 0s;
6349
+ transition-delay: 0s;
6350
+ }
6351
+
6352
+ .premium-button[class*="style7"]:hover .premium-button-text-icon-wrapper:after {
6353
+ -webkit-transition-delay: 0.15s;
6354
+ transition-delay: 0.15s;
6355
+ }
6356
+
6357
+ .premium-button-style7-bottom .premium-button-text-icon-wrapper:before,
6358
+ .premium-button-style7-bottom .premium-button-text-icon-wrapper:after {
6359
+ content: "";
6360
+ position: absolute;
6361
+ left: 0;
6362
+ top: 0;
6363
+ right: 0;
6364
+ height: 0;
6365
+ z-index: -1;
6366
+ }
6367
+
6368
+ .premium-button-style7-top .premium-button-text-icon-wrapper:after,
6369
+ .premium-button-style7-top .premium-button-text-icon-wrapper:before {
6370
+ content: "";
6371
+ position: absolute;
6372
+ left: 0;
6373
+ bottom: 0;
6374
+ right: 0;
6375
+ height: 0;
6376
+ z-index: -1;
6377
+ }
6378
+
6379
+ .premium-button-style7-right .premium-button-text-icon-wrapper:after,
6380
+ .premium-button-style7-right .premium-button-text-icon-wrapper:before {
6381
+ content: "";
6382
+ position: absolute;
6383
+ right: 0;
6384
+ top: 0;
6385
+ bottom: 0;
6386
+ width: 0;
6387
+ z-index: -1;
6388
+ }
6389
+
6390
+ .premium-button-style7-left .premium-button-text-icon-wrapper:after,
6391
+ .premium-button-style7-left .premium-button-text-icon-wrapper:before {
6392
+ content: "";
6393
+ position: absolute;
6394
+ left: 0;
6395
+ top: 0;
6396
+ bottom: 0;
6397
+ width: 0;
6398
+ z-index: -1;
6399
+ }
6400
+
6401
+ .premium-button-style7-bottom:hover .premium-button-text-icon-wrapper:after,
6402
+ .premium-button-style7-bottom:hover .premium-button-text-icon-wrapper:before {
6403
+ height: 100%;
6404
+ top: 0;
6405
+ }
6406
+
6407
+ .premium-button-style7-top:hover .premium-button-text-icon-wrapper:after,
6408
+ .premium-button-style7-top:hover .premium-button-text-icon-wrapper:before {
6409
+ height: 100%;
6410
+ bottom: 0;
6411
+ }
6412
+
6413
+ .premium-button-style7-left:hover .premium-button-text-icon-wrapper:after,
6414
+ .premium-button-style7-left:hover .premium-button-text-icon-wrapper:before {
6415
+ width: 100%;
6416
+ left: 0;
6417
+ }
6418
+
6419
+ .premium-button-style7-right:hover .premium-button-text-icon-wrapper:after,
6420
+ .premium-button-style7-right:hover .premium-button-text-icon-wrapper:before {
6421
+ width: 100%;
6422
+ right: 0;
6423
+ }
6424
+
6425
+ /**************** Premium Contact Form7 **********/
6426
+ /*************************************************/
6427
+ .premium-contact-form-anim-yes .wpcf7-span::after {
6428
+ display: block;
6429
+ height: 2px;
6430
+ content: "";
6431
+ top: -2px;
6432
+ position: relative;
6433
+ width: 0px;
6434
+ -webkit-transition: all ease-in-out 0.3s;
6435
+ transition: all ease-in-out 0.3s;
6436
+ }
6437
+
6438
+ .premium-contact-form-anim-yes .wpcf7-span.is-focused::after {
6439
+ width: 100%;
6440
+ }
6441
+
6442
+ /**************** Premium Image Button ***********/
6443
+ /*************************************************/
6444
+ .premium-image-button {
6445
+ display: inline-block;
6446
+ position: relative;
6447
+ overflow: hidden;
6448
+ background: #6ec1e4;
6449
+ cursor: pointer;
6450
+ -webkit-transition: all 0.2s ease-in-out !important;
6451
+ transition: all 0.2s ease-in-out !important;
6452
+ }
6453
+
6454
+ /*Default background for slide styles*/
6455
+ .premium-image-button:hover,
6456
+ .premium-image-button-style4-icon-wrapper,
6457
+ .premium-image-button-style1-top:before,
6458
+ .premium-image-button-style1-bottom:before,
6459
+ .premium-image-button-style1-left:before,
6460
+ .premium-image-button-style1-right:before {
6461
+ background-color: #54595f;
6462
+ }
6463
+
6464
+ .premium-image-button.premium-image-button-sm {
6465
+ padding: 12px 24px;
6466
+ font-size: 14px;
6467
+ line-height: 1;
6468
+ }
6469
+
6470
+ .premium-image-button.premium-image-button-md {
6471
+ padding: 14px 26px;
6472
+ font-size: 16px;
6473
+ line-height: 1.2;
6474
+ }
6475
+
6476
+ .premium-image-button.premium-image-button-lg {
6477
+ padding: 16px 28px;
6478
+ font-size: 18px;
6479
+ line-height: 1.3333;
6480
+ }
6481
+
6482
+ .premium-image-button.premium-image-button-block {
6483
+ font-size: 15px;
6484
+ line-height: 1;
6485
+ padding: 12px 24px;
6486
+ width: 100%;
6487
+ text-align: center;
6488
+ }
6489
+
6490
+ .premium-image-button-text-icon-wrapper {
6491
+ display: -webkit-box;
6492
+ display: -webkit-flex;
6493
+ display: -ms-flexbox;
6494
+ -js-display: flex;
6495
+ display: -moz-box;
6496
+ display: flex;
6497
+ -webkit-box-pack: center;
6498
+ -webkit-justify-content: center;
6499
+ -moz-box-pack: center;
6500
+ -ms-flex-pack: center;
6501
+ justify-content: center;
6502
+ -webkit-box-align: center;
6503
+ -webkit-align-items: center;
6504
+ -moz-box-align: center;
6505
+ -ms-flex-align: center;
6506
+ align-items: center;
6507
+ position: relative;
6508
+ z-index: 3;
6509
+ }
6510
+
6511
+ .premium-image-button-text-icon-wrapper span,
6512
+ .premium-image-button-text-icon-wrapper,
6513
+ .premium-image-button-text-icon-wrapper i,
6514
+ .premium-image-button-text-icon-wrapper svg {
6515
+ -webkit-transition: all 0.2s ease-in-out;
6516
+ transition: all 0.2s ease-in-out;
6517
+ }
6518
+
6519
+ .premium-image-button-style1-bottom:before,
6520
+ .premium-image-button-style1-top:before,
6521
+ .premium-image-button-style1-left:before,
6522
+ .premium-image-button-style1-right:before {
6523
+ -webkit-transition: all 0.2s ease-in-out;
6524
+ transition: all 0.2s ease-in-out;
6525
+ }
6526
+
6527
+ .premium-image-button-style1-bottom:before {
6528
+ content: "";
6529
+ position: absolute;
6530
+ width: 100%;
6531
+ height: 0;
6532
+ top: 0;
6533
+ right: 0;
6534
+ }
6535
+
6536
+ .premium-image-button-style1-top:before {
6537
+ content: "";
6538
+ position: absolute;
6539
+ width: 100%;
6540
+ height: 0;
6541
+ bottom: 0;
6542
+ right: 0;
6543
+ }
6544
+
6545
+ .premium-image-button-style1-right:before {
6546
+ content: "";
6547
+ position: absolute;
6548
+ width: 0;
6549
+ height: 100%;
6550
+ bottom: 0;
6551
+ right: 0;
6552
+ }
6553
+
6554
+ .premium-image-button-style1-left:before {
6555
+ content: "";
6556
+ position: absolute;
6557
+ width: 0;
6558
+ height: 100%;
6559
+ top: 0;
6560
+ left: 0;
6561
+ }
6562
+
6563
+ .premium-image-button-style1-bottom:hover:before {
6564
+ height: 100%;
6565
+ }
6566
+
6567
+ .premium-image-button-style1-top:hover:before {
6568
+ height: 100%;
6569
+ }
6570
+
6571
+ .premium-image-button-style1-right:hover:before {
6572
+ width: 100%;
6573
+ }
6574
+
6575
+ .premium-image-button-style1-left:hover:before {
6576
+ width: 100%;
6577
+ }
6578
+
6579
+ .premium-image-button-diagonal-top,
6580
+ .premium-image-button-diagonal-bottom,
6581
+ .premium-image-button-diagonal-left,
6582
+ .premium-image-button-diagonal-right {
6583
+ z-index: 10;
6584
+ }
6585
+
6586
+ .premium-image-button-diagonal-top:before,
6587
+ .premium-image-button-diagonal-bottom:before,
6588
+ .premium-image-button-diagonal-left:before,
6589
+ .premium-image-button-diagonal-right:before {
6590
+ position: absolute;
6591
+ top: 0px;
6592
+ right: 0px;
6593
+ width: 100%;
6594
+ height: 100%;
6595
+ content: "";
6596
+ z-index: 1;
6597
+ background: rgba(255, 255, 255, 0.2);
6598
+ -webkit-transform: scale3d(14, 1.4, 1) rotate3d(0, 0, 1, -45deg) translate3d(0, -150%, 0);
6599
+ -ms-transform: scale3d(14, 1.4, 1) rotate3d(0, 0, 1, -45deg) translate3d(0, -150%, 0);
6600
+ transform: scale3d(14, 1.4, 1) rotate3d(0, 0, 1, -45deg) translate3d(0, -150%, 0);
6601
+ -webkit-transition: all 0.8s ease-out;
6602
+ transition: all 0.8s ease-out;
6603
+ }
6604
+
6605
+ .premium-image-button-diagonal-right:hover:before,
6606
+ .premium-image-button-diagonal-left:before {
6607
+ -webkit-transform: scale3d(14, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, -150%, 0);
6608
+ -ms-transform: scale3d(14, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, -150%, 0);
6609
+ transform: scale3d(14, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, -150%, 0);
6610
+ }
6611
+
6612
+ .premium-image-button-diagonal-left:hover:before,
6613
+ .premium-image-button-diagonal-right:before {
6614
+ -webkit-transform: scale3d(14, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, 150%, 0);
6615
+ -ms-transform: scale3d(14, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, 150%, 0);
6616
+ transform: scale3d(14, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, 150%, 0);
6617
+ }
6618
+
6619
+ .premium-image-button-diagonal-top:hover:before,
6620
+ .premium-image-button-diagonal-bottom:before {
6621
+ -webkit-transform: scale3d(14, 1.4, 1) rotate3d(0, 0, 1, -45deg) translate3d(0, -150%, 0);
6622
+ -ms-transform: scale3d(14, 1.4, 1) rotate3d(0, 0, 1, -45deg) translate3d(0, -150%, 0);
6623
+ transform: scale3d(14, 1.4, 1) rotate3d(0, 0, 1, -45deg) translate3d(0, -150%, 0);
6624
+ }
6625
+
6626
+ .premium-image-button-diagonal-bottom:hover:before,
6627
+ .premium-image-button-diagonal-top:before {
6628
+ -webkit-transform: scale3d(14, 1.4, 1) rotate3d(0, 0, 1, -45deg) translate3d(0, 150%, 0);
6629
+ -ms-transform: scale3d(14, 1.4, 1) rotate3d(0, 0, 1, -45deg) translate3d(0, 150%, 0);
6630
+ transform: scale3d(14, 1.4, 1) rotate3d(0, 0, 1, -45deg) translate3d(0, 150%, 0);
6631
+ }
6632
+
6633
+ .premium-image-button-style4-icon-wrapper {
6634
+ position: absolute;
6635
+ z-index: 2;
6636
+ width: 100%;
6637
+ text-align: center;
6638
+ display: -webkit-box;
6639
+ display: -webkit-flex;
6640
+ display: -ms-flexbox;
6641
+ -js-display: flex;
6642
+ display: -moz-box;
6643
+ display: flex;
6644
+ -webkit-box-align: center;
6645
+ -webkit-align-items: center;
6646
+ -moz-box-align: center;
6647
+ -ms-flex-align: center;
6648
+ align-items: center;
6649
+ -webkit-box-pack: center;
6650
+ -webkit-justify-content: center;
6651
+ -moz-box-pack: center;
6652
+ -ms-flex-pack: center;
6653
+ justify-content: center;
6654
+ height: 100%;
6655
+ opacity: 0;
6656
+ -webkit-transition: all 0.3s ease-in-out;
6657
+ transition: all 0.3s ease-in-out;
6658
+ }
6659
+
6660
+ .premium-image-button-style4-icon-wrapper.top {
6661
+ bottom: -100%;
6662
+ right: 0;
6663
+ }
6664
+
6665
+ .premium-image-button-style4-icon-wrapper.bottom {
6666
+ top: -100%;
6667
+ right: 0;
6668
+ }
6669
+
6670
+ .premium-image-button-style4-icon-wrapper.left {
6671
+ top: 0;
6672
+ right: -100%;
6673
+ }
6674
+
6675
+ .premium-image-button-style4-icon-wrapper.right {
6676
+ top: 0;
6677
+ left: -100%;
6678
+ }
6679
+
6680
+ .premium-image-button-style4-bottom:hover .premium-image-button-style4-icon-wrapper {
6681
+ top: 0;
6682
+ opacity: 1;
6683
+ }
6684
+
6685
+ .premium-image-button-style4-top:hover .premium-image-button-style4-icon-wrapper {
6686
+ bottom: 0;
6687
+ opacity: 1;
6688
+ }
6689
+
6690
+ .premium-image-button-style4-left:hover .premium-image-button-style4-icon-wrapper {
6691
+ right: 0;
6692
+ opacity: 1;
6693
+ }
6694
+
6695
+ .premium-image-button-style4-right:hover .premium-image-button-style4-icon-wrapper {
6696
+ left: 0;
6697
+ opacity: 1;
6698
+ }
6699
+
6700
+ .premium-image-button-style4-bottom:hover .premium-image-button-text-icon-wrapper {
6701
+ -webkit-transform: translateY(100%);
6702
+ -ms-transform: translateY(100%);
6703
+ transform: translateY(100%);
6704
+ opacity: 0;
6705
+ }
6706
+
6707
+ .premium-image-button-style4-top:hover .premium-image-button-text-icon-wrapper {
6708
+ -webkit-transform: translateY(-100%);
6709
+ -ms-transform: translateY(-100%);
6710
+ transform: translateY(-100%);
6711
+ opacity: 0;
6712
+ }
6713
+
6714
+ .premium-image-button-style4-left:hover .premium-image-button-text-icon-wrapper {
6715
+ -webkit-transform: translateX(-100%);
6716
+ -ms-transform: translateX(-100%);
6717
+ transform: translateX(-100%);
6718
+ opacity: 0;
6719
+ }
6720
+
6721
+ .premium-image-button-style4-right:hover .premium-image-button-text-icon-wrapper {
6722
+ -webkit-transform: translateX(100%);
6723
+ -ms-transform: translateX(100%);
6724
+ transform: translateX(100%);
6725
+ opacity: 0;
6726
+ }
6727
+
6728
+ .premium-image-button-overlap-effect-horizontal:before,
6729
+ .premium-image-button-overlap-effect-vertical:before {
6730
+ position: absolute;
6731
+ content: "";
6732
+ top: 0;
6733
+ right: 0;
6734
+ width: 100%;
6735
+ height: 100%;
6736
+ opacity: 0;
6737
+ -webkit-transition: all 1s ease-in-out;
6738
+ transition: all 1s ease-in-out;
6739
+ background: rgba(255, 255, 255, 0.2);
6740
+ -webkit-animation-name: premium-overlap-effect-done;
6741
+ animation-name: premium-overlap-effect-done;
6742
+ -webkit-animation-duration: 1s;
6743
+ animation-duration: 1s;
6744
+ }
6745
+
6746
+ .premium-image-button-overlap-effect-vertical:before {
6747
+ -webkit-animation-name: premium-overlap-ver-effect-done;
6748
+ animation-name: premium-overlap-ver-effect-done;
6749
+ -webkit-animation-duration: 1s;
6750
+ animation-duration: 1s;
6751
+ }
6752
+
6753
+ .premium-image-button-overlap-effect-horizontal:hover:before {
6754
+ -webkit-animation-name: premium-overlap-effect;
6755
+ animation-name: premium-overlap-effect;
6756
+ -webkit-animation-duration: 1s;
6757
+ animation-duration: 1s;
6758
+ }
6759
+
6760
+ .premium-image-button-overlap-effect-vertical:hover:before {
6761
+ -webkit-animation-name: premium-overlap-ver-effect;
6762
+ animation-name: premium-overlap-ver-effect;
6763
+ -webkit-animation-duration: 1s;
6764
+ animation-duration: 1s;
6765
+ }
6766
+
6767
+ @-webkit-keyframes premium-overlap-effect {
6768
+ 0% {
6769
+ opacity: 0;
6770
+ -webkit-transform: rotateY(0deg);
6771
+ transform: rotateY(0deg);
6772
+ }
6773
+
6774
+ 50% {
6775
+ opacity: 1;
6776
+ -webkit-transform: rotateY(180deg);
6777
+ transform: rotateY(180deg);
6778
+ }
6779
+
6780
+ 100% {
6781
+ opacity: 0;
6782
+ -webkit-transform: rotateY(360deg);
6783
+ transform: rotateY(360deg);
6784
+ }
6785
+ }
6786
+
6787
+ @keyframes premium-overlap-effect {
6788
+ 0% {
6789
+ opacity: 0;
6790
+ -webkit-transform: rotateY(0deg);
6791
+ transform: rotateY(0deg);
6792
+ }
6793
+
6794
+ 50% {
6795
+ opacity: 1;
6796
+ -webkit-transform: rotateY(180deg);
6797
+ transform: rotateY(180deg);
6798
+ }
6799
+
6800
+ 100% {
6801
+ opacity: 0;
6802
+ -webkit-transform: rotateY(360deg);
6803
+ transform: rotateY(360deg);
6804
+ }
6805
+ }
6806
+
6807
+ @-webkit-keyframes premium-overlap-effect-done {
6808
+ 0% {
6809
+ opacity: 0;
6810
+ -webkit-transform: rotateY(0deg);
6811
+ transform: rotateY(0deg);
6812
+ }
6813
+
6814
+ 50% {
6815
+ opacity: 1;
6816
+ -webkit-transform: rotateY(180deg);
6817
+ transform: rotateY(180deg);
6818
+ }
6819
+
6820
+ 100% {
6821
+ opacity: 0;
6822
+ -webkit-transform: rotateY(360deg);
6823
+ transform: rotateY(360deg);
6824
+ }
6825
+ }
6826
+
6827
+ @keyframes premium-overlap-effect-done {
6828
+ 0% {
6829
+ opacity: 0;
6830
+ -webkit-transform: rotateY(0deg);
6831
+ transform: rotateY(0deg);
6832
+ }
6833
+
6834
+ 50% {
6835
+ opacity: 1;
6836
+ -webkit-transform: rotateY(180deg);
6837
+ transform: rotateY(180deg);
6838
+ }
6839
+
6840
+ 100% {
6841
+ opacity: 0;
6842
+ -webkit-transform: rotateY(360deg);
6843
+ transform: rotateY(360deg);
6844
+ }
6845
+ }
6846
+
6847
+ @-webkit-keyframes premium-overlap-ver-effect {
6848
+ 0% {
6849
+ opacity: 0;
6850
+ -webkit-transform: rotateX(0deg);
6851
+ transform: rotateX(0deg);
6852
+ }
6853
+
6854
+ 50% {
6855
+ opacity: 1;
6856
+ -webkit-transform: rotateX(180deg);
6857
+ transform: rotateX(180deg);
6858
+ }
6859
+
6860
+ 100% {
6861
+ opacity: 0;
6862
+ -webkit-transform: rotateX(360deg);
6863
+ transform: rotateX(360deg);
6864
+ }
6865
+ }
6866
+
6867
+ @keyframes premium-overlap-ver-effect {
6868
+ 0% {
6869
+ opacity: 0;
6870
+ -webkit-transform: rotateX(0deg);
6871
+ transform: rotateX(0deg);
6872
+ }
6873
+
6874
+ 50% {
6875
+ opacity: 1;
6876
+ -webkit-transform: rotateX(180deg);
6877
+ transform: rotateX(180deg);
6878
+ }
6879
+
6880
+ 100% {
6881
+ opacity: 0;
6882
+ -webkit-transform: rotateX(360deg);
6883
+ transform: rotateX(360deg);
6884
+ }
6885
+ }
6886
+
6887
+ @-webkit-keyframes premium-overlap-ver-effect-done {
6888
+ 0% {
6889
+ opacity: 0;
6890
+ -webkit-transform: rotateX(0deg);
6891
+ transform: rotateX(0deg);
6892
+ }
6893
+
6894
+ 50% {
6895
+ opacity: 1;
6896
+ -webkit-transform: rotateX(180deg);
6897
+ transform: rotateX(180deg);
6898
+ }
6899
+
6900
+ 100% {
6901
+ opacity: 0;
6902
+ -webkit-transform: rotateX(360deg);
6903
+ transform: rotateX(360deg);
6904
+ }
6905
+ }
6906
+
6907
+ @keyframes premium-overlap-ver-effect-done {
6908
+ 0% {
6909
+ opacity: 0;
6910
+ -webkit-transform: rotateX(0deg);
6911
+ transform: rotateX(0deg);
6912
+ }
6913
+
6914
+ 50% {
6915
+ opacity: 1;
6916
+ -webkit-transform: rotateX(180deg);
6917
+ transform: rotateX(180deg);
6918
+ }
6919
+
6920
+ 100% {
6921
+ opacity: 0;
6922
+ -webkit-transform: rotateX(360deg);
6923
+ transform: rotateX(360deg);
6924
+ }
6925
+ }
6926
+
6927
+ /**************** Premium Grid *******************/
6928
+ /*************************************************/
6929
+ .premium-img-gallery-filter,
6930
+ .premium-blog-filter {
6931
+ display: -webkit-box;
6932
+ display: -webkit-flex;
6933
+ display: -ms-flexbox;
6934
+ -js-display: flex;
6935
+ display: -moz-box;
6936
+ display: flex;
6937
+ -webkit-box-align: center;
6938
+ -webkit-align-items: center;
6939
+ -moz-box-align: center;
6940
+ -ms-flex-align: center;
6941
+ align-items: center;
6942
+ -webkit-box-pack: center;
6943
+ -webkit-justify-content: center;
6944
+ -moz-box-pack: center;
6945
+ -ms-flex-pack: center;
6946
+ justify-content: center;
6947
+ }
6948
+
6949
+ .premium-img-gallery {
6950
+ clear: both;
6951
+ overflow: hidden;
6952
+ }
6953
+
6954
+ .premium-gallery-container .premium-gallery-item {
6955
+ padding: 10px;
6956
+ float: right;
6957
+ /* Google Chrome isotope issue */
6958
+ }
6959
+
6960
+ .premium-gallery-container .grid-sizer {
6961
+ width: 33.33%;
6962
+ }
6963
+
6964
+ .premium-img-gallery-filter .premium-gallery-cats-container li a.category,
6965
+ .premium-blog-filter .premium-blog-filters-container li a.category {
6966
+ outline: none;
6967
+ text-decoration: none;
6968
+ -webkit-border-radius: 75px;
6969
+ border-radius: 75px;
6970
+ margin: 15px 5px 20px;
6971
+ padding: 7px 20px;
6972
+ -webkit-transition: all 0.3s ease-in-out;
6973
+ transition: all 0.3s ease-in-out;
6974
+ }
6975
+
6976
+ .premium-img-gallery-filter .premium-gallery-cats-container li a.category span {
6977
+ -webkit-transition: all 0.3s ease-in-out;
6978
+ transition: all 0.3s ease-in-out;
6979
+ }
6980
+
6981
+ .pa-gallery-img {
6982
+ position: relative;
6983
+ }
6984
+
6985
+ .pa-gallery-img .pa-gallery-whole-link {
6986
+ position: absolute;
6987
+ top: 0;
6988
+ right: 0;
6989
+ width: 100%;
6990
+ height: 100%;
6991
+ }
6992
+
6993
+ .pa-gallery-img.style2 .pa-gallery-whole-link {
6994
+ z-index: 99;
6995
+ }
6996
+
6997
+ .pa-gallery-img-container {
6998
+ overflow: hidden;
6999
+ -webkit-backface-visibility: hidden;
7000
+ -moz-backface-visibility: hidden;
7001
+ -webkit-transform: translate3d(0, 0, 0);
7002
+ transform: translate3d(0, 0, 0);
7003
+ }
7004
+
7005
+ .pa-gallery-img-container img {
7006
+ display: block;
7007
+ width: 100%;
7008
+ -webkit-transition: all 0.3s ease-in-out;
7009
+ transition: all 0.3s ease-in-out;
7010
+ }
7011
+
7012
+ .premium-img-gallery.gray img {
7013
+ -webkit-filter: grayscale(100%);
7014
+ filter: grayscale(100%);
7015
+ }
7016
+
7017
+ .premium-img-gallery.zoomout img,
7018
+ .premium-img-gallery.scale img {
7019
+ -webkit-transform: scale(1.2);
7020
+ -ms-transform: scale(1.2);
7021
+ transform: scale(1.2);
7022
+ }
7023
+
7024
+ .premium-img-gallery.sepia img {
7025
+ -webkit-filter: sepia(30%);
7026
+ filter: sepia(30%);
7027
+ }
7028
+
7029
+ .premium-img-gallery.bright img {
7030
+ -webkit-filter: brightness(1);
7031
+ filter: brightness(1);
7032
+ }
7033
+
7034
+ .premium-img-gallery.trans img {
7035
+ -webkit-transform: translateX(15px) scale(1.1);
7036
+ -ms-transform: translateX(15px) scale(1.1);
7037
+ transform: translateX(15px) scale(1.1);
7038
+ }
7039
+
7040
+ .pa-gallery-img .pa-gallery-magnific-image,
7041
+ .pa-gallery-img .pa-gallery-img-link {
7042
+ outline: none;
7043
+ }
7044
+
7045
+ .pa-gallery-img .pa-gallery-magnific-image span,
7046
+ .pa-gallery-img .pa-gallery-img-link span {
7047
+ line-height: 1;
7048
+ display: inline-block;
7049
+ opacity: 0;
7050
+ margin: 0 5px;
7051
+ padding: 15px;
7052
+ -webkit-border-radius: 50%;
7053
+ border-radius: 50%;
7054
+ }
7055
+
7056
+ .pa-gallery-img.style2 .pa-gallery-magnific-image span,
7057
+ .pa-gallery-img.style2 .pa-gallery-img-link span {
7058
+ margin: 0 5px 20px;
7059
+ }
7060
+
7061
+ .pa-gallery-img:hover .pa-gallery-magnific-image span {
7062
+ -webkit-transition: all 0.3s ease-in-out, opacity 0.5s ease-in-out 0.3s;
7063
+ transition: all 0.3s ease-in-out, opacity 0.5s ease-in-out 0.3s;
7064
+ }
7065
+
7066
+ .pa-gallery-img:hover .pa-gallery-img-link span {
7067
+ -webkit-transition: all 0.3s ease-in-out, opacity 0.5s ease-in-out 0.6s;
7068
+ transition: all 0.3s ease-in-out, opacity 0.5s ease-in-out 0.6s;
7069
+ }
7070
+
7071
+ .pa-gallery-img:hover .pa-gallery-magnific-image span,
7072
+ .pa-gallery-img:hover .pa-gallery-img-link span,
7073
+ .premium-gallery-icon-show a.pa-gallery-video-icon span {
7074
+ opacity: 1;
7075
+ }
7076
+
7077
+ .premium-img-gallery-filter ul.premium-gallery-cats-container,
7078
+ .premium-blog-filter ul.premium-blog-filters-container {
7079
+ text-align: center;
7080
+ margin: 0;
7081
+ padding: 0;
7082
+ }
7083
+
7084
+ .premium-img-gallery-filter .premium-gallery-cats-container li,
7085
+ .premium-blog-filter .premium-blog-filters-container li {
7086
+ list-style: none;
7087
+ display: -webkit-inline-box;
7088
+ display: -webkit-inline-flex;
7089
+ display: -ms-inline-flexbox;
7090
+ -js-display: inline-flex;
7091
+ display: -moz-inline-box;
7092
+ display: inline-flex;
7093
+ }
7094
+
7095
+ .premium-img-gallery.zoomin .pa-gallery-img:hover img {
7096
+ -webkit-transform: scale(1.1);
7097
+ -ms-transform: scale(1.1);
7098
+ transform: scale(1.1);
7099
+ }
7100
+
7101
+ .premium-img-gallery.zoomout .pa-gallery-img:hover img {
7102
+ -webkit-transform: scale(1);
7103
+ -ms-transform: scale(1);
7104
+ transform: scale(1);
7105
+ }
7106
+
7107
+ .premium-img-gallery.scale .pa-gallery-img:hover img {
7108
+ -webkit-transform: scale(1.3) rotate(-5deg);
7109
+ -ms-transform: scale(1.3) rotate(-5deg);
7110
+ transform: scale(1.3) rotate(-5deg);
7111
+ }
7112
+
7113
+ .premium-img-gallery.gray .pa-gallery-img:hover img {
7114
+ -webkit-filter: grayscale(0%);
7115
+ filter: grayscale(0%);
7116
+ }
7117
+
7118
+ .premium-img-gallery.blur .pa-gallery-img:hover img {
7119
+ -webkit-filter: blur(3px);
7120
+ filter: blur(3px);
7121
+ }
7122
+
7123
+ .premium-img-gallery.sepia .pa-gallery-img:hover img {
7124
+ -webkit-filter: sepia(0%);
7125
+ filter: sepia(0%);
7126
+ }
7127
+
7128
+ .premium-img-gallery.trans .pa-gallery-img:hover img {
7129
+ -webkit-transform: translateX(0px) scale(1.1);
7130
+ -ms-transform: translateX(0px) scale(1.1);
7131
+ transform: translateX(0px) scale(1.1);
7132
+ }
7133
+
7134
+ .premium-img-gallery.bright .pa-gallery-img:hover img {
7135
+ -webkit-filter: brightness(1.2);
7136
+ filter: brightness(1.2);
7137
+ }
7138
+
7139
+ .pa-gallery-img .premium-gallery-caption {
7140
+ padding: 10px;
7141
+ }
7142
+
7143
+ .pa-gallery-img .premium-gallery-caption .premium-gallery-img-name {
7144
+ margin-bottom: 0;
7145
+ }
7146
+
7147
+ .pa-gallery-img.style1 {
7148
+ overflow: hidden;
7149
+ }
7150
+
7151
+ .pa-gallery-img:not(.style2) .pa-gallery-icons-wrapper {
7152
+ position: absolute;
7153
+ top: 0;
7154
+ right: 0;
7155
+ width: 100%;
7156
+ height: 100%;
7157
+ -webkit-transition: all 0.3s ease-in-out;
7158
+ transition: all 0.3s ease-in-out;
7159
+ }
7160
+
7161
+ .pa-gallery-img:not(.style2) .pa-gallery-icons-inner-container {
7162
+ position: absolute;
7163
+ top: 33.33%;
7164
+ width: 100%;
7165
+ text-align: center;
7166
+ -webkit-transform: translateY(-50%);
7167
+ -ms-transform: translateY(-50%);
7168
+ transform: translateY(-50%);
7169
+ z-index: 999;
7170
+ }
7171
+
7172
+ .pa-gallery-img.style1 .premium-gallery-caption {
7173
+ position: absolute;
7174
+ top: auto;
7175
+ left: 0;
7176
+ right: 0;
7177
+ width: 100%;
7178
+ -webkit-transition: all 500ms ease 0s;
7179
+ transition: all 500ms ease 0s;
7180
+ -webkit-transform: translate3d(0, 100%, 0);
7181
+ -ms-transform: translate3d(0, 100%, 0);
7182
+ transform: translate3d(0, 100%, 0);
7183
+ }
7184
+
7185
+ .pa-gallery-img.default .premium-gallery-caption {
7186
+ position: absolute;
7187
+ top: auto;
7188
+ left: 0;
7189
+ right: 0;
7190
+ width: 100%;
7191
+ bottom: 0;
7192
+ }
7193
+
7194
+ .pa-gallery-img.style1:hover .premium-gallery-caption {
7195
+ -webkit-transform: translate3d(0, 0, 0);
7196
+ -ms-transform: translate3d(0, 0, 0);
7197
+ transform: translate3d(0, 0, 0);
7198
+ bottom: -1px !important;
7199
+ }
7200
+
7201
+ .pa-gallery-img.style2 .pa-gallery-icons-caption-container {
7202
+ position: absolute;
7203
+ top: 0;
7204
+ right: 0;
7205
+ width: 100%;
7206
+ height: 100%;
7207
+ opacity: 0;
7208
+ -webkit-backface-visibility: hidden;
7209
+ backface-visibility: hidden;
7210
+ -webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
7211
+ -webkit-transition: opacity 0.3s, -webkit-transform 0.3s;
7212
+ transition: opacity 0.3s, -webkit-transform 0.3s;
7213
+ transition: transform 0.3s, opacity 0.3s;
7214
+ transition: transform 0.3s, opacity 0.3s, -webkit-transform 0.3s;
7215
+ z-index: 1;
7216
+ background-color: rgba(108, 191, 226, 0.68);
7217
+ display: -webkit-box;
7218
+ display: -webkit-flex;
7219
+ display: -ms-flexbox;
7220
+ -js-display: flex;
7221
+ display: -moz-box;
7222
+ display: flex;
7223
+ text-align: center;
7224
+ -webkit-box-align: center;
7225
+ -webkit-align-items: center;
7226
+ -moz-box-align: center;
7227
+ -ms-flex-align: center;
7228
+ align-items: center;
7229
+ }
7230
+
7231
+ .pa-gallery-img.style2 .pa-gallery-icons-caption-cell {
7232
+ width: 100%;
7233
+ }
7234
+
7235
+ .pa-gallery-img.style2:hover .pa-gallery-icons-caption-container {
7236
+ opacity: 1;
7237
+ -webkit-transform: translate(-15px, 15px);
7238
+ -ms-transform: translate(-15px, 15px);
7239
+ transform: translate(-15px, 15px);
7240
+ }
7241
+
7242
+ .premium-clearfix {
7243
+ clear: both;
7244
+ }
7245
+
7246
+ .premium-gallery-container .pa-gallery-item {
7247
+ padding: 10px;
7248
+ }
7249
+
7250
+ /**
7251
+ * Metro Layout
7252
+ */
7253
+ .premium-img-gallery-metro .premium-gallery-item {
7254
+ overflow: hidden;
7255
+ }
7256
+
7257
+ .premium-img-gallery-metro .pa-gallery-img {
7258
+ height: 100%;
7259
+ }
7260
+
7261
+ .premium-img-gallery-metro .pa-gallery-img-container {
7262
+ height: 100%;
7263
+ }
7264
+
7265
+ .premium-img-gallery-metro .pa-gallery-img-container img {
7266
+ min-height: 100%;
7267
+ width: 100%;
7268
+ -o-object-fit: fill;
7269
+ object-fit: fill;
7270
+ }
7271
+
7272
+ .premium-img-gallery .premium-gallery-item-hidden {
7273
+ visibility: hidden;
7274
+ width: 0 !important;
7275
+ height: 0 !important;
7276
+ margin: 0 !important;
7277
+ padding: 0 !important;
7278
+ }
7279
+
7280
+ .premium-gallery-load-more .premium-gallery-load-more-btn {
7281
+ -webkit-box-shadow: none;
7282
+ box-shadow: none;
7283
+ text-shadow: none;
7284
+ border: none;
7285
+ outline: none;
7286
+ -webkit-box-align: center;
7287
+ -ms-flex-align: center;
7288
+ -webkit-align-items: center;
7289
+ -moz-box-align: center;
7290
+ align-items: center;
7291
+ vertical-align: bottom;
7292
+ cursor: pointer;
7293
+ line-height: 1;
7294
+ font-style: normal;
7295
+ font-weight: normal;
7296
+ background-image: none;
7297
+ color: #fff;
7298
+ -webkit-transition: all 0.3s ease-in-out;
7299
+ transition: all 0.3s ease-in-out;
7300
+ }
7301
+
7302
+ .premium-gallery-load-more-btn {
7303
+ display: -webkit-inline-box;
7304
+ display: -webkit-inline-flex;
7305
+ display: -ms-inline-flexbox;
7306
+ -js-display: inline-flex;
7307
+ display: -moz-inline-box;
7308
+ display: inline-flex;
7309
+ -webkit-box-align: center;
7310
+ -webkit-align-items: center;
7311
+ -moz-box-align: center;
7312
+ -ms-flex-align: center;
7313
+ align-items: center;
7314
+ }
7315
+
7316
+ .premium-loader {
7317
+ border: 3px solid #f3f3f3;
7318
+ border-top-width: 3px;
7319
+ border-top-style: solid;
7320
+ border-top-color: rgb(243, 243, 243);
7321
+ -webkit-border-radius: 50%;
7322
+ border-radius: 50%;
7323
+ border-top: 3px solid;
7324
+ border-top-color: #bbb;
7325
+ width: 30px;
7326
+ height: 30px;
7327
+ -webkit-animation: spin 2s linear infinite;
7328
+ animation: spin 2s linear infinite;
7329
+ margin: 0 auto;
7330
+ }
7331
+
7332
+ .premium-gallery-load-more-btn div {
7333
+ margin-right: 3px;
7334
+ }
7335
+
7336
+ .premium-gallery-load-more-btn .premium-loader {
7337
+ display: inline-block;
7338
+ width: 20px;
7339
+ height: 20px;
7340
+ }
7341
+
7342
+ /** * Video */
7343
+ .pa-gallery-img .pa-gallery-lightbox-wrap {
7344
+ display: inline-block;
7345
+ }
7346
+
7347
+ .premium-img-gallery-no-lightbox .premium-gallery-video-item .pa-gallery-img,
7348
+ .pa-gallery-img .pa-gallery-video-icon {
7349
+ cursor: pointer;
7350
+ }
7351
+
7352
+ .pa-gallery-img-container iframe,
7353
+ .pa-gallery-img-container video {
7354
+ position: absolute;
7355
+ visibility: hidden;
7356
+ top: 0;
7357
+ right: 0;
7358
+ max-width: 100%;
7359
+ width: 100%;
7360
+ height: 100%;
7361
+ margin: 0;
7362
+ line-height: 1;
7363
+ border: none;
7364
+ }
7365
+
7366
+ .pa-gallery-img-container video {
7367
+ -o-object-fit: contain;
7368
+ object-fit: contain;
7369
+ }
7370
+
7371
+ .pa-gallery-icons-inner-container svg,
7372
+ .pa-gallery-icons-caption-cell svg {
7373
+ width: 14px;
7374
+ height: 14px;
7375
+ }
7376
+
7377
+ .premium-gallery-gradient-layer {
7378
+ position: absolute;
7379
+ bottom: 40px;
7380
+ width: 100%;
7381
+ height: 20px;
7382
+ background: -webkit-gradient(linear, left bottom, left top, from(#17181f), to(rgba(255, 255, 255, 0)));
7383
+ background: -webkit-linear-gradient(bottom, #17181f 0%, rgba(255, 255, 255, 0) 100%);
7384
+ background: linear-gradient(to top, #17181f 0%, rgba(255, 255, 255, 0) 100%);
7385
+ }
7386
+
7387
+ @-webkit-keyframes spin {
7388
+ 0% {
7389
+ -webkit-transform: rotate(0deg);
7390
+ }
7391
+
7392
+ 100% {
7393
+ -webkit-transform: rotate(-360deg);
7394
+ }
7395
+ }
7396
+
7397
+ @keyframes spin {
7398
+ 0% {
7399
+ -webkit-transform: rotate(0deg);
7400
+ transform: rotate(0deg);
7401
+ }
7402
+
7403
+ 100% {
7404
+ -webkit-transform: rotate(-360deg);
7405
+ transform: rotate(-360deg);
7406
+ }
7407
+ }
7408
+
7409
+ /************ Premium Vertical Scroll ************/
7410
+ /*************************************************/
7411
+ .premium-vscroll-inner {
7412
+ position: relative;
7413
+ /* overflow: hidden;
7414
+ */
7415
+ min-height: 100%;
7416
+ }
7417
+
7418
+ .premium-vscroll-inner .premium-vscroll-dots {
7419
+ position: fixed;
7420
+ z-index: 100;
7421
+ opacity: 1;
7422
+ margin-top: -32px;
7423
+ -webkit-transition: all 0.3s ease-in-out;
7424
+ transition: all 0.3s ease-in-out;
7425
+ }
7426
+
7427
+ .premium-vscroll-wrap .premium-vscroll-nav-menu {
7428
+ opacity: 1;
7429
+ -webkit-transition: all 0.3s ease-in-out;
7430
+ transition: all 0.3s ease-in-out;
7431
+ }
7432
+
7433
+ .premium-vscroll-inner .premium-vscroll-dots,
7434
+ .premium-vscroll-wrap .premium-vscroll-dots-hide {
7435
+ opacity: 0;
7436
+ visibility: hidden;
7437
+ }
7438
+
7439
+ .premium-vscroll-nav-dots-yes .premium-vscroll-inner .premium-vscroll-dots {
7440
+ opacity: 1;
7441
+ visibility: visible;
7442
+ }
7443
+
7444
+ .premium-vscroll-dots.middle {
7445
+ top: 50%;
7446
+ }
7447
+
7448
+ .premium-vscroll-dots.top {
7449
+ top: 40px;
7450
+ }
7451
+
7452
+ .premium-vscroll-dots.bottom {
7453
+ bottom: 30px;
7454
+ }
7455
+
7456
+ .premium-vscroll-dots.right {
7457
+ left: 17px;
7458
+ }
7459
+
7460
+ .premium-vscroll-dots.left {
7461
+ right: 17px;
7462
+ }
7463
+
7464
+ .premium-vscroll-inner ul.premium-vscroll-dots-list,
7465
+ .premium-vscroll-wrap .premium-vscroll-nav-menu {
7466
+ margin: 0 !important;
7467
+ padding: 0;
7468
+ }
7469
+
7470
+ .premium-vscroll-inner ul.premium-vscroll-dots-list li {
7471
+ width: 14px;
7472
+ height: 13px;
7473
+ margin: 7px;
7474
+ position: relative;
7475
+ display: -webkit-box;
7476
+ display: -webkit-flex;
7477
+ display: -ms-flexbox;
7478
+ -js-display: flex;
7479
+ display: -moz-box;
7480
+ display: flex;
7481
+ -webkit-box-pack: center;
7482
+ -ms-flex-pack: center;
7483
+ -webkit-justify-content: center;
7484
+ -moz-box-pack: center;
7485
+ justify-content: center;
7486
+ -webkit-box-align: center;
7487
+ -ms-flex-align: center;
7488
+ -webkit-align-items: center;
7489
+ -moz-box-align: center;
7490
+ align-items: center;
7491
+ overflow: visible;
7492
+ }
7493
+
7494
+ .premium-vscroll-inner .premium-vscroll-dot-item .premium-vscroll-nav-link {
7495
+ display: block;
7496
+ position: relative;
7497
+ z-index: 1;
7498
+ width: 100%;
7499
+ height: 100%;
7500
+ cursor: pointer;
7501
+ text-decoration: none;
7502
+ }
7503
+
7504
+ .premium-vscroll-inner .premium-vscroll-dot-item .premium-vscroll-nav-link span {
7505
+ top: 2px;
7506
+ right: 2.5px;
7507
+ width: 8px;
7508
+ height: 8px;
7509
+ border: 1px solid #000;
7510
+ -webkit-border-radius: 50%;
7511
+ border-radius: 50%;
7512
+ position: absolute;
7513
+ z-index: 1;
7514
+ -webkit-transition: all 0.3s ease-in-out;
7515
+ transition: all 0.3s ease-in-out;
7516
+ }
7517
+
7518
+ .premium-vscroll-inner .premium-vscroll-dot-item.active .premium-vscroll-nav-link span {
7519
+ -webkit-transform: scale(1.6);
7520
+ -ms-transform: scale(1.6);
7521
+ transform: scale(1.6);
7522
+ }
7523
+
7524
+ .premium-vscroll-inner .premium-vscroll-dot-item .premium-vscroll-tooltip {
7525
+ position: absolute;
7526
+ color: #fff;
7527
+ font-size: 14px;
7528
+ font-family: arial, helvetica, sans-serif;
7529
+ white-space: nowrap;
7530
+ max-width: 220px;
7531
+ padding-right: 0.4em;
7532
+ padding-left: 0.4em;
7533
+ }
7534
+
7535
+ .premium-vscroll-inner .premium-vscroll-dots.right .premium-vscroll-tooltip {
7536
+ left: 27px;
7537
+ }
7538
+
7539
+ /* * Lines */
7540
+ .premium-vscroll-inner .premium-vscroll-dots.lines .premium-vscroll-dot-item {
7541
+ width: 4px;
7542
+ height: 30px;
7543
+ }
7544
+
7545
+ .premium-vscroll-inner .premium-vscroll-dots.lines .premium-vscroll-dot-item span {
7546
+ width: 100%;
7547
+ height: 100%;
7548
+ -webkit-border-radius: 0;
7549
+ border-radius: 0;
7550
+ }
7551
+
7552
+ .premium-vscroll-inner .premium-vscroll-dots.lines .premium-vscroll-dot-item.active span {
7553
+ -webkit-transform: scale(1);
7554
+ -ms-transform: scale(1);
7555
+ transform: scale(1);
7556
+ }
7557
+
7558
+ @media (max-width: 768px) {
7559
+ .premium-vscroll-dots.right {
7560
+ left: 7px;
7561
+ }
7562
+
7563
+ .premium-vscroll-dots.left {
7564
+ right: 7px;
7565
+ }
7566
+ }
7567
+
7568
+ .premium-vscroll-inner .premium-vscroll-dots.right .premium-vscroll-tooltip::after {
7569
+ position: absolute;
7570
+ top: 50%;
7571
+ content: "";
7572
+ right: -webkit-calc(100% - 1px);
7573
+ right: calc(100% - 1px);
7574
+ width: 10px;
7575
+ height: 0;
7576
+ border-top: 6px solid transparent;
7577
+ border-bottom: 6px solid transparent;
7578
+ border-right: 6px solid;
7579
+ -webkit-transform: translateY(-50%);
7580
+ -ms-transform: translateY(-50%);
7581
+ transform: translateY(-50%);
7582
+ }
7583
+
7584
+ .premium-vscroll-inner .premium-vscroll-dots.left .premium-vscroll-tooltip::after {
7585
+ position: absolute;
7586
+ top: 50%;
7587
+ content: "";
7588
+ left: -webkit-calc(100% - 1px);
7589
+ left: calc(100% - 1px);
7590
+ width: 10px;
7591
+ height: 0;
7592
+ border-top: 6px solid transparent;
7593
+ border-bottom: 6px solid transparent;
7594
+ border-left: 6px solid;
7595
+ -webkit-transform: translateY(-50%);
7596
+ -ms-transform: translateY(-50%);
7597
+ transform: translateY(-50%);
7598
+ }
7599
+
7600
+ .premium-vscroll-inner .premium-vscroll-dots.left .premium-vscroll-tooltip {
7601
+ right: 27px;
7602
+ }
7603
+
7604
+ .premium-vscroll-nav-menu {
7605
+ position: fixed;
7606
+ top: 20px;
7607
+ height: 40px;
7608
+ z-index: 100;
7609
+ padding: 0;
7610
+ margin: 0;
7611
+ }
7612
+
7613
+ .premium-vscroll-nav-menu.left {
7614
+ right: 0;
7615
+ }
7616
+
7617
+ .premium-vscroll-nav-menu.right {
7618
+ left: 0;
7619
+ }
7620
+
7621
+ .premium-vscroll-nav-menu .premium-vscroll-nav-item {
7622
+ display: inline-block;
7623
+ margin: 10px;
7624
+ color: #000;
7625
+ background: #fff;
7626
+ background: rgba(255, 255, 255, 0.3);
7627
+ }
7628
+
7629
+ .premium-vscroll-nav-menu .premium-vscroll-nav-item .premium-vscroll-nav-link {
7630
+ padding: 9px 18px;
7631
+ display: block;
7632
+ cursor: pointer;
7633
+ }
7634
+
7635
+ .premium-vscroll-nav-menu .premium-vscroll-nav-item .premium-vscroll-nav-link,
7636
+ .premium-vscroll-nav-menu .premium-vscroll-nav-item .premium-vscroll-nav-link:hover {
7637
+ color: #000;
7638
+ }
7639
+
7640
+ .premium-vscroll-nav-menu .premium-vscroll-nav-item .premium-vscroll-nav-link:focus,
7641
+ .multiscroll-nav li a:focus {
7642
+ outline: none;
7643
+ }
7644
+
7645
+ .premium-vscroll-temp .slimScrollBar {
7646
+ visibility: hidden;
7647
+ }
7648
+
7649
+ /************ Premium Image Scroll ***************/
7650
+ /*************************************************/
7651
+ .premium-image-scroll-section,
7652
+ .premium-image-scroll-container {
7653
+ -webkit-transition: all 0.3s ease-in-out;
7654
+ transition: all 0.3s ease-in-out;
7655
+ }
7656
+
7657
+ .premium-image-scroll-section {
7658
+ position: relative;
7659
+ overflow: hidden;
7660
+ width: 100%;
7661
+ -webkit-mask-image: -webkit-radial-gradient(white, black);
7662
+ }
7663
+
7664
+ .premium-image-scroll-container {
7665
+ width: 100%;
7666
+ }
7667
+
7668
+ .premium-image-scroll-container .premium-image-scroll-mask-media {
7669
+ -webkit-mask-repeat: no-repeat;
7670
+ mask-repeat: no-repeat;
7671
+ -webkit-mask-position: center;
7672
+ mask-position: center;
7673
+ }
7674
+
7675
+ .premium-container-scroll {
7676
+ overflow: auto;
7677
+ }
7678
+
7679
+ .premium-image-scroll-container .premium-image-scroll-horizontal {
7680
+ position: relative;
7681
+ width: 100%;
7682
+ height: 100%;
7683
+ }
7684
+
7685
+ .premium-image-scroll-container .premium-image-scroll-horizontal img {
7686
+ max-width: none;
7687
+ height: 100%;
7688
+ }
7689
+
7690
+ .premium-image-scroll-container .premium-image-scroll-vertical img {
7691
+ width: 100%;
7692
+ max-width: 100%;
7693
+ height: auto;
7694
+ }
7695
+
7696
+ .premium-image-scroll-ver {
7697
+ position: relative;
7698
+ }
7699
+
7700
+ .premium-image-scroll-container .premium-image-scroll-overlay {
7701
+ background: rgba(2, 2, 2, 0.3);
7702
+ }
7703
+
7704
+ .premium-image-scroll-container .premium-image-scroll-link,
7705
+ .premium-image-scroll-container .premium-image-scroll-overlay {
7706
+ position: absolute;
7707
+ top: 0;
7708
+ bottom: 0;
7709
+ right: 0;
7710
+ left: 0;
7711
+ z-index: 4;
7712
+ }
7713
+
7714
+ .premium-image-scroll-content {
7715
+ display: inline-block;
7716
+ position: absolute;
7717
+ height: auto;
7718
+ top: 50%;
7719
+ right: 50%;
7720
+ text-align: center;
7721
+ z-index: 5;
7722
+ -webkit-transform: translate(50%, -50%);
7723
+ -ms-transform: translate(50%, -50%);
7724
+ transform: translate(50%, -50%);
7725
+ }
7726
+
7727
+ .premium-container-scroll-instant .premium-image-scroll-image {
7728
+ -webkit-transition: all 0s ease-in-out !important;
7729
+ transition: all 0s ease-in-out !important;
7730
+ }
7731
+
7732
+ .premium-image-scroll-container img {
7733
+ -webkit-transition: -webkit-transform 3s ease-in-out;
7734
+ transition: -webkit-transform 3s ease-in-out;
7735
+ transition: transform 3s ease-in-out;
7736
+ transition: transform 3s ease-in-out, -webkit-transform 3s ease-in-out;
7737
+ }
7738
+
7739
+ .premium-image-scroll-container .premium-image-scroll-overlay,
7740
+ .premium-image-scroll-container .premium-image-scroll-content {
7741
+ -webkit-transition: all 0.3s ease-in-out;
7742
+ transition: all 0.3s ease-in-out;
7743
+ opacity: 1;
7744
+ }
7745
+
7746
+ .premium-image-scroll-container:hover .premium-image-scroll-overlay {
7747
+ opacity: 0;
7748
+ }
7749
+
7750
+ .premium-image-scroll-container:hover .premium-image-scroll-content {
7751
+ opacity: 0;
7752
+ visibility: hidden;
7753
+ }
7754
+
7755
+ .premium-image-scroll-content .premium-image-scroll-icon {
7756
+ display: inline-block;
7757
+ font-family: "pa-elements" !important;
7758
+ speak: none;
7759
+ font-style: normal;
7760
+ font-weight: normal;
7761
+ font-variant: normal;
7762
+ text-transform: none;
7763
+ line-height: 1;
7764
+ -webkit-font-smoothing: antialiased;
7765
+ -moz-osx-font-smoothing: grayscale;
7766
+ -webkit-animation-duration: 0.5s;
7767
+ animation-duration: 0.5s;
7768
+ -webkit-animation-iteration-count: infinite;
7769
+ animation-iteration-count: infinite;
7770
+ -webkit-animation-direction: alternate;
7771
+ animation-direction: alternate;
7772
+ -webkit-animation-timing-function: ease-in-out;
7773
+ animation-timing-function: ease-in-out;
7774
+ }
7775
+
7776
+ .pa-horizontal-mouse-scroll:before {
7777
+ content: "\e917";
7778
+ }
7779
+
7780
+ .pa-vertical-mouse-scroll:before {
7781
+ content: "\e918";
7782
+ }
7783
+
7784
+ .pa-horizontal-mouse-scroll {
7785
+ -webkit-animation-name: pa-scroll-horizontal;
7786
+ animation-name: pa-scroll-horizontal;
7787
+ }
7788
+
7789
+ .pa-vertical-mouse-scroll {
7790
+ -webkit-animation-name: pa-scroll-vertical;
7791
+ animation-name: pa-scroll-vertical;
7792
+ }
7793
+
7794
+ @-webkit-keyframes pa-scroll-vertical {
7795
+ 0% {
7796
+ -webkit-transform: translateY(0px);
7797
+ transform: translateY(0px);
7798
+ }
7799
+
7800
+ 100% {
7801
+ -webkit-transform: translateY(5px);
7802
+ transform: translateY(5px);
7803
+ }
7804
+ }
7805
+
7806
+ @keyframes pa-scroll-vertical {
7807
+ 0% {
7808
+ -webkit-transform: translateY(0px);
7809
+ transform: translateY(0px);
7810
+ }
7811
+
7812
+ 100% {
7813
+ -webkit-transform: translateY(5px);
7814
+ transform: translateY(5px);
7815
+ }
7816
+ }
7817
+
7818
+ @-webkit-keyframes pa-scroll-horizontal {
7819
+ 0% {
7820
+ -webkit-transform: translateX(0px);
7821
+ transform: translateX(0px);
7822
+ }
7823
+
7824
+ 100% {
7825
+ -webkit-transform: translateX(-5px);
7826
+ transform: translateX(-5px);
7827
+ }
7828
+ }
7829
+
7830
+ @keyframes pa-scroll-horizontal {
7831
+ 0% {
7832
+ -webkit-transform: translateX(0px);
7833
+ transform: translateX(0px);
7834
+ }
7835
+
7836
+ 100% {
7837
+ -webkit-transform: translateX(-5px);
7838
+ transform: translateX(-5px);
7839
+ }
7840
+ }
7841
+
7842
+ /********* Premium Lottie Animations **********/
7843
+ /**********************************************/
7844
+ .premium-lottie-wrap .premium-lottie-animation {
7845
+ position: relative;
7846
+ -js-display: inline-flex;
7847
+ display: -webkit-inline-box;
7848
+ display: -webkit-inline-flex;
7849
+ display: -moz-inline-box;
7850
+ display: -ms-inline-flexbox;
7851
+ display: inline-flex;
7852
+ -webkit-transition: all 0.3s ease-in-out;
7853
+ transition: all 0.3s ease-in-out;
7854
+ }
7855
+
7856
+ .premium-lottie-wrap .premium-lottie-animation a {
7857
+ position: absolute;
7858
+ left: 0;
7859
+ top: 0;
7860
+ width: 100%;
7861
+ height: 100%;
7862
+ }
7863
+
7864
+ /**************** Premium Bullet List *****************/
7865
+ /******************************************************/
7866
+ .premium-icon-list-box {
7867
+ -js-display: flex;
7868
+ display: -webkit-box;
7869
+ display: -webkit-flex;
7870
+ display: -moz-box;
7871
+ display: -ms-flexbox;
7872
+ display: flex;
7873
+ -webkit-flex-wrap: wrap;
7874
+ -ms-flex-wrap: wrap;
7875
+ flex-wrap: wrap;
7876
+ -webkit-box-orient: vertical;
7877
+ -webkit-box-direction: normal;
7878
+ -webkit-flex-direction: column;
7879
+ -moz-box-orient: vertical;
7880
+ -moz-box-direction: normal;
7881
+ -ms-flex-direction: column;
7882
+ flex-direction: column;
7883
+ }
7884
+
7885
+ .premium-icon-list-box .premium-icon-list-content-grow-lc {
7886
+ -webkit-transform-origin: right center;
7887
+ -ms-transform-origin: right center;
7888
+ transform-origin: right center;
7889
+ }
7890
+
7891
+ .premium-icon-list-box .premium-icon-list-content-grow-rc {
7892
+ -webkit-transform-origin: left center;
7893
+ -ms-transform-origin: left center;
7894
+ transform-origin: left center;
7895
+ }
7896
+
7897
+ .premium-icon-list-box .premium-icon-list-content-grow-cc {
7898
+ -webkit-transform-origin: center center;
7899
+ -ms-transform-origin: center center;
7900
+ transform-origin: center center;
7901
+ }
7902
+
7903
+ .premium-icon-list-content {
7904
+ -js-display: flex;
7905
+ display: -webkit-box;
7906
+ display: -webkit-flex;
7907
+ display: -moz-box;
7908
+ display: -ms-flexbox;
7909
+ display: flex;
7910
+ -webkit-transition: all 0.3s ease-in-out;
7911
+ transition: all 0.3s ease-in-out;
7912
+ width: auto;
7913
+ position: relative;
7914
+ }
7915
+
7916
+ .premium-icon-list-content .premium-icon-list-text span,
7917
+ .premium-icon-list-content .premium-icon-list-wrapper {
7918
+ display: inline-block;
7919
+ -webkit-align-self: center;
7920
+ -ms-flex-item-align: center;
7921
+ align-self: center;
7922
+ -webkit-transition: all 0.3s ease-in-out;
7923
+ transition: all 0.3s ease-in-out;
7924
+ }
7925
+
7926
+ .premium-icon-list-content .premium-icon-list-text span {
7927
+ margin: 0 5px;
7928
+ }
7929
+
7930
+ .premium-icon-list-content .premium-icon-list-icon-text p {
7931
+ font-size: 18px;
7932
+ background-color: #eee;
7933
+ padding: 1px 5px;
7934
+ -webkit-border-radius: 2px;
7935
+ border-radius: 2px;
7936
+ }
7937
+
7938
+ .premium-icon-list-content .premium-icon-list-text span,
7939
+ .premium-icon-list-content .premium-icon-list-icon-text p,
7940
+ .premium-icon-list-content .premium-icon-list-wrapper img,
7941
+ .premium-icon-list-content .premium-icon-list-wrapper svg,
7942
+ .premium-icon-list-content .premium-icon-list-wrapper i {
7943
+ -webkit-transition: all 0.3s ease-in-out;
7944
+ transition: all 0.3s ease-in-out;
7945
+ }
7946
+
7947
+ .premium-icon-list-content .premium-icon-list-wrapper {
7948
+ position: relative;
7949
+ line-height: 0;
7950
+ }
7951
+
7952
+ .premium-icon-list-content .premium-icon-list-wrapper img,
7953
+ .premium-icon-list-content .premium-icon-list-wrapper .premium-lottie-animation svg {
7954
+ width: 30px !important;
7955
+ height: 30px !important;
7956
+ position: relative;
7957
+ z-index: 500;
7958
+ }
7959
+
7960
+ .premium-icon-list-content .premium-icon-list-wrapper i,
7961
+ .premium-icon-list-content .premium-icon-list-wrapper .premium-icon-list-icon-text {
7962
+ position: relative;
7963
+ z-index: 500;
7964
+ }
7965
+
7966
+ .premium-icon-list-content .premium-icon-list-link {
7967
+ position: absolute;
7968
+ top: 0;
7969
+ right: 0;
7970
+ width: 100%;
7971
+ height: 100%;
7972
+ z-index: 1000;
7973
+ }
7974
+
7975
+ .premium-icon-list-content:not(:last-of-type) .premium-icon-list-connector {
7976
+ width: 100%;
7977
+ height: 100%;
7978
+ position: absolute;
7979
+ top: 0.5em;
7980
+ z-index: 100;
7981
+ -js-display: flex;
7982
+ display: -webkit-box;
7983
+ display: -webkit-flex;
7984
+ display: -moz-box;
7985
+ display: -ms-flexbox;
7986
+ display: flex;
7987
+ -webkit-box-pack: center;
7988
+ -webkit-justify-content: center;
7989
+ -moz-box-pack: center;
7990
+ -ms-flex-pack: center;
7991
+ justify-content: center;
7992
+ }
7993
+
7994
+ .premium-icon-list-content:not(:last-of-type) .premium-icon-list-connector .premium-icon-connector-content:after {
7995
+ content: "";
7996
+ border-left-width: 1px;
7997
+ border-left-style: solid;
7998
+ border-color: #333333;
7999
+ display: block;
8000
+ height: 100%;
8001
+ }
8002
+
8003
+ li.premium-icon-list-content.premium-icon-list-content-inline {
8004
+ -webkit-align-self: center;
8005
+ -ms-flex-item-align: center;
8006
+ align-self: center;
8007
+ z-index: 2;
8008
+ }
8009
+
8010
+ li.premium-icon-list-content.premium-icon-list-content-inline:not(:first-child) {
8011
+ margin: 0 3px;
8012
+ }
8013
+
8014
+ li.premium-icon-list-content.premium-icon-list-content-inline:first-child {
8015
+ margin: 0 0 0 3px;
8016
+ }
8017
+
8018
+ .premium-icon-list-divider:not(:last-child) {
8019
+ width: 100%;
8020
+ -webkit-box-flex: 0;
8021
+ -webkit-flex: 0 0 100%;
8022
+ -moz-box-flex: 0;
8023
+ -ms-flex: 0 0 100%;
8024
+ flex: 0 0 100%;
8025
+ overflow: hidden;
8026
+ }
8027
+
8028
+ .premium-icon-list-divider:not(:last-child):after {
8029
+ content: "";
8030
+ display: block;
8031
+ border-top-style: solid;
8032
+ border-top-width: 1px;
8033
+ }
8034
+
8035
+ .premium-icon-list-divider-inline:not(:last-child) {
8036
+ float: left;
8037
+ display: inline-block;
8038
+ position: relative;
8039
+ height: 100%;
8040
+ overflow: hidden;
8041
+ -webkit-align-self: center;
8042
+ -ms-flex-item-align: center;
8043
+ align-self: center;
8044
+ margin: 0 3px;
8045
+ }
8046
+
8047
+ .premium-icon-list-divider-inline:not(:last-child):after {
8048
+ content: "";
8049
+ display: block;
8050
+ border-right-width: 1px;
8051
+ height: 33px;
8052
+ border-right-style: solid;
8053
+ }
8054
+
8055
+ .premium-icon-list-icon-text {
8056
+ line-height: 1.5;
8057
+ }
8058
+
8059
+ .premium-icon-list-icon-text p,
8060
+ ul.premium-icon-list-box,
8061
+ li.premium-icon-list-content {
8062
+ margin: 0;
8063
+ }
8064
+
8065
+ .premium-icon-list-blur:hover .premium-icon-list-content .premium-icon-list-wrapper i,
8066
+ .premium-icon-list-blur:hover .premium-icon-list-content .premium-icon-list-text span,
8067
+ .premium-icon-list-blur:hover .premium-icon-list-content .premium-icon-list-icon-text p {
8068
+ color: transparent !important;
8069
+ text-shadow: 0 0 3px #aaa;
8070
+ }
8071
+
8072
+ .premium-icon-list-blur:hover .premium-icon-list-content .premium-icon-connector-content,
8073
+ .premium-icon-list-blur:hover .premium-icon-list-content .premium-icon-list-wrapper .premium-lottie-animation svg,
8074
+ .premium-icon-list-blur:hover .premium-icon-list-content .premium-icon-list-wrapper img,
8075
+ .premium-icon-list-blur:hover .premium-icon-list-content .premium-icon-list-badge {
8076
+ -webkit-filter: blur(3px);
8077
+ filter: blur(3px);
8078
+ }
8079
+
8080
+ .premium-icon-list-blur:hover .premium-icon-list-content:hover .premium-icon-list-wrapper i,
8081
+ .premium-icon-list-blur:hover .premium-icon-list-content:hover .premium-icon-list-text span,
8082
+ .premium-icon-list-blur:hover .premium-icon-list-content:hover .premium-icon-list-icon-text p {
8083
+ color: #aaa !important;
8084
+ text-shadow: 0 0px 0 transparent;
8085
+ }
8086
+
8087
+ .premium-icon-list-blur:hover .premium-icon-list-content:hover .premium-icon-connector-content,
8088
+ .premium-icon-list-blur:hover .premium-icon-list-content:hover .premium-icon-list-wrapper .premium-lottie-animation svg,
8089
+ .premium-icon-list-blur:hover .premium-icon-list-content:hover .premium-icon-list-wrapper img,
8090
+ .premium-icon-list-blur:hover .premium-icon-list-content:hover .premium-icon-list-badge {
8091
+ -webkit-filter: none;
8092
+ filter: none;
8093
+ }
8094
+
8095
+ .premium-icon-list-content .premium-icon-list-badge {
8096
+ font-size: 11px;
8097
+ top: auto;
8098
+ min-width: -webkit-max-content;
8099
+ min-width: -moz-max-content;
8100
+ min-width: max-content;
8101
+ height: -webkit-fit-content;
8102
+ height: -moz-fit-content;
8103
+ height: fit-content;
8104
+ }
8105
+
8106
+ .premium-icon-list-content .premium-icon-list-icon-text p {
8107
+ font-size: 13px;
8108
+ }
8109
+
8110
+ .premium-icon-list-gradient-effect[data-text] {
8111
+ display: inline-block;
8112
+ position: relative;
8113
+ text-decoration: none;
8114
+ }
8115
+
8116
+ .premium-icon-list-gradient-effect[data-text]::before {
8117
+ content: attr(data-text);
8118
+ position: absolute;
8119
+ z-index: 1;
8120
+ overflow: hidden;
8121
+ -webkit-clip-path: polygon(100% 100%, 100% 100%, 50% 50%);
8122
+ clip-path: polygon(100% 100%, 100% 100%, 50% 50%);
8123
+ -webkit-background-clip: text;
8124
+ background-clip: text;
8125
+ -webkit-text-fill-color: transparent;
8126
+ -webkit-transition: all 0.4s ease;
8127
+ transition: all 0.4s ease;
8128
+ }
8129
+
8130
+ .premium-icon-list-content:hover .premium-icon-list-gradient-effect[data-text]::before,
8131
+ .premium-icon-list-content:focus .premium-icon-list-gradient-effect[data-text]::before {
8132
+ -webkit-animation: rtlgradient 1s forwards;
8133
+ animation: rtlgradient 1s forwards;
8134
+ }
8135
+
8136
+ @-webkit-keyframes rtlgradient {
8137
+ 0% {
8138
+ -webkit-clip-path: circle(0% at 150% 50%);
8139
+ clip-path: circle(0% at 150% 50%);
8140
+ }
8141
+
8142
+ 100% {
8143
+ -webkit-clip-path: circle(100% at 50% 50%);
8144
+ clip-path: circle(100% at 50% 50%);
8145
+ }
8146
+ }
8147
+
8148
+ @keyframes rtlgradient {
8149
+ 0% {
8150
+ -webkit-clip-path: circle(0% at 150% 50%);
8151
+ clip-path: circle(0% at 150% 50%);
8152
+ }
8153
+
8154
+ 100% {
8155
+ -webkit-clip-path: circle(100% at 50% 50%);
8156
+ clip-path: circle(100% at 50% 50%);
8157
+ }
8158
+ }
8159
+
8160
+ ul[data-list-animation*="animated-"] .premium-icon-list-divider,
8161
+ ul[data-list-animation*="animated-"] .premium-icon-list-content,
8162
+ ul[data-list-animation*="animated-"] .premium-icon-list-divider-inline {
8163
+ opacity: 0;
8164
+ }
8165
+
8166
+ .premium-icon-list-content-grow-effect:hover {
8167
+ -webkit-transform: scale(1.07);
8168
+ -ms-transform: scale(1.07);
8169
+ transform: scale(1.07);
8170
+ }
assets/frontend/css/premium-addons.css CHANGED
@@ -1,6558 +1,6690 @@
1
- @font-face {
2
- font-family: "pa-elements";
3
- src: url("../../editor/fonts/pa-elements.eot?p2y7wv");
4
- src: url("../../editor/fonts/pa-elements.eot?p2y7wv#iefix") format("embedded-opentype"), url("../../editor/fonts/pa-elements.ttf?p2y7wv") format("truetype"), url("../../editor/fonts/pa-elements.woff?p2y7wv") format("woff"), url("../../editor/fonts/pa-elements.svg?p2y7wv#pa-elements") format("svg");
5
- font-weight: normal;
6
- font-style: normal; }
7
-
8
- /**************** Premium Banner ****************/
9
- /************************************************/
10
- .premium-banner {
11
- overflow: hidden; }
12
-
13
- .premium-banner-ib {
14
- display: block;
15
- position: relative;
16
- z-index: 1;
17
- overflow: hidden;
18
- margin: 0;
19
- text-align: center;
20
- -webkit-box-sizing: border-box;
21
- -moz-box-sizing: border-box;
22
- box-sizing: border-box; }
23
- .premium-banner-ib img {
24
- display: block;
25
- position: relative; }
26
-
27
- .premium-banner-img-wrap {
28
- -js-display: flex;
29
- display: -webkit-box;
30
- display: -webkit-flex;
31
- display: -moz-box;
32
- display: -ms-flexbox;
33
- display: flex;
34
- height: 100%; }
35
- .premium-banner-img-wrap .premium-banner-ib-img {
36
- -webkit-flex-shrink: 0;
37
- -ms-flex-negative: 0;
38
- flex-shrink: 0; }
39
-
40
- .premium-banner-ib-desc .premium-banner-read-more {
41
- z-index: 100; }
42
-
43
- .elementor-widget-premium-addon-banner .premium-banner-ib-title {
44
- background: transparent; }
45
-
46
- .premium-banner-ib *,
47
- .premium-banner-ib .premium-banner-ib-desc {
48
- -webkit-box-sizing: border-box;
49
- -moz-box-sizing: border-box;
50
- box-sizing: border-box; }
51
-
52
- .premium-banner-ib img {
53
- min-width: 100%;
54
- max-width: 100%;
55
- -webkit-transition: opacity 0.35s;
56
- transition: opacity 0.35s; }
57
-
58
- .premium-banner-ib .premium-banner-ib-desc {
59
- padding: 15px;
60
- -webkit-backface-visibility: hidden;
61
- backface-visibility: hidden;
62
- -webkit-box-sizing: border-box;
63
- -moz-box-sizing: border-box;
64
- box-sizing: border-box;
65
- position: absolute;
66
- top: 0;
67
- left: 0;
68
- width: 100%;
69
- height: 100%; }
70
-
71
- .premium-banner-ib .premium-banner-ib-link {
72
- position: absolute;
73
- top: 0;
74
- left: 0;
75
- width: 100%;
76
- height: 100%;
77
- z-index: 1000;
78
- text-indent: 200%;
79
- white-space: nowrap;
80
- font-size: 0;
81
- opacity: 0; }
82
-
83
- .premium-banner-ib a.premium-banner-ib-link {
84
- display: block;
85
- background: 0 0; }
86
-
87
- .premium-banner-animation1 img {
88
- width: -webkit-calc(100% + 50px) !important;
89
- width: calc(100% + 50px) !important;
90
- max-width: -webkit-calc(100% + 50px) !important;
91
- max-width: calc(100% + 50px) !important;
92
- -webkit-transition: opacity 0.35s, -webkit-filter 0.35s, -webkit-transform 0.35s;
93
- transition: opacity 0.35s, -webkit-filter 0.35s, -webkit-transform 0.35s;
94
- transition: opacity 0.35s, filter 0.35s, transform 0.35s;
95
- transition: opacity 0.35s, filter 0.35s, transform 0.35s, -webkit-filter 0.35s, -webkit-transform 0.35s;
96
- -webkit-transform: translate3d(-40px, 0, 0);
97
- transform: translate3d(-40px, 0, 0); }
98
-
99
- .premium-banner-animation2 .premium-banner-ib-title {
100
- padding: 15px; }
101
-
102
- .premium-banner-animation1 .premium-banner-ib-desc {
103
- top: auto;
104
- bottom: 0;
105
- min-height: 25%;
106
- height: auto;
107
- max-height: 100%;
108
- text-align: left; }
109
-
110
- .premium-banner-animation1 .premium-banner-ib-content,
111
- .premium-banner-animation1 .premium-banner-ib-title,
112
- .premium-banner-animation1 .premium-banner-read-more {
113
- -webkit-transform: translate3d(0, 40px, 0);
114
- transform: translate3d(0, 40px, 0);
115
- -webkit-transition-delay: 0.05s;
116
- transition-delay: 0.05s;
117
- -webkit-transition-duration: 0.35s;
118
- transition-duration: 0.35s; }
119
-
120
- .premium-banner-animation1 .premium-banner-ib-title {
121
- -webkit-transition: -webkit-transform 0.35s;
122
- transition: -webkit-transform 0.35s;
123
- transition: transform 0.35s;
124
- transition: transform 0.35s, -webkit-transform 0.35s; }
125
-
126
- .premium-banner-animation1 .premium-banner-ib-content,
127
- .premium-banner-animation1 .premium-banner-read-more {
128
- margin-top: 10px;
129
- opacity: 0;
130
- -webkit-transition: opacity 0.2s, -webkit-transform 0.35s;
131
- transition: opacity 0.2s, -webkit-transform 0.35s;
132
- transition: opacity 0.2s, transform 0.35s;
133
- transition: opacity 0.2s, transform 0.35s, -webkit-transform 0.35s; }
134
-
135
- .premium-banner-animation1:hover .premium-banner-ib-content,
136
- .premium-banner-animation1.active .premium-banner-ib-content,
137
- .premium-banner-animation1:hover .premium-banner-read-more,
138
- .premium-banner-animation1.active .premium-banner-read-more {
139
- opacity: 1;
140
- -webkit-transition-delay: 0.05s;
141
- transition-delay: 0.05s;
142
- -webkit-transition-duration: 0.35s;
143
- transition-duration: 0.35s; }
144
-
145
- .premium-banner-animation1:hover .premium-banner-ib-content,
146
- .premium-banner-animation1.active .premium-banner-ib-content,
147
- .premium-banner-animation1:hover .premium-banner-read-more,
148
- .premium-banner-animation1.active .premium-banner-read-more,
149
- .premium-banner-animation1:hover .premium-banner-ib-title,
150
- .premium-banner-animation1.active .premium-banner-ib-title,
151
- .premium-banner-animation1:hover img,
152
- .premium-banner-animation1.active img {
153
- -webkit-transform: translate3d(0, 0, 0);
154
- transform: translate3d(0, 0, 0);
155
- -webkit-transition-delay: 0.05s;
156
- transition-delay: 0.05s;
157
- -webkit-transition-duration: 0.35s;
158
- transition-duration: 0.35s; }
159
-
160
- .premium-banner-animation1.zoomout img,
161
- .premium-banner-animation1.scale img {
162
- -webkit-transform: translate3d(-40px, 0, 0) scale(1.1);
163
- transform: translate3d(-40px, 0, 0) scale(1.1); }
164
-
165
- .premium-banner-ib.sepia img {
166
- -webkit-filter: sepia(30%);
167
- filter: sepia(30%); }
168
-
169
- .premium-banner-ib.bright img {
170
- -webkit-filter: brightness(1);
171
- filter: brightness(1); }
172
-
173
- .premium-banner-ib.sepia:hover img {
174
- -webkit-filter: sepia(0%);
175
- filter: sepia(0%); }
176
-
177
- .premium-banner-ib.bright:hover img {
178
- -webkit-filter: brightness(1.2);
179
- filter: brightness(1.2); }
180
-
181
- .premium-banner-animation1.premium-banner-min-height img,
182
- .premium-banner-animation2.premium-banner-min-height img,
183
- .premium-banner-animation4.premium-banner-min-height img,
184
- .premium-banner-animation5.premium-banner-min-height img,
185
- .premium-banner-animation6.premium-banner-min-height img,
186
- .premium-banner-animation13.premium-banner-min-height img {
187
- height: auto; }
188
-
189
- .premium-banner-animation2 img {
190
- width: 100%; }
191
-
192
- .premium-banner-animation2 .premium-banner-ib-desc::before {
193
- position: absolute;
194
- content: "";
195
- top: 0;
196
- left: 0;
197
- width: 100%;
198
- height: 100%;
199
- opacity: 0;
200
- -webkit-transform: translate3d(0, 50%, 0);
201
- transform: translate3d(0, 50%, 0); }
202
-
203
- .premium-banner-animation2 .premium-banner-ib-title {
204
- position: absolute;
205
- top: 50%;
206
- left: 0;
207
- width: 100%;
208
- -webkit-transition: color 0.35s, -webkit-transform 0.35s;
209
- transition: color 0.35s, -webkit-transform 0.35s;
210
- transition: transform 0.35s, color 0.35s;
211
- transition: transform 0.35s, color 0.35s, -webkit-transform 0.35s;
212
- -webkit-transform: translate3d(0, -50%, 0);
213
- transform: translate3d(0, -50%, 0); }
214
-
215
- .premium-banner-animation2 .premium-banner-ib-content,
216
- .premium-banner-animation2 .premium-banner-read-more,
217
- .premium-banner-animation2 .premium-banner-ib-desc::before {
218
- -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
219
- transition: opacity 0.35s, -webkit-transform 0.35s;
220
- transition: opacity 0.35s, transform 0.35s;
221
- transition: opacity 0.35s, transform 0.35s, -webkit-transform 0.35s; }
222
-
223
- .premium-banner-animation2 .premium-banner-ib-content,
224
- .premium-banner-animation2 .premium-banner-read-more {
225
- position: absolute;
226
- bottom: 0;
227
- left: 0;
228
- padding: 15px;
229
- width: 100%;
230
- max-height: 50%;
231
- opacity: 0;
232
- -webkit-transform: translate3d(0, 10px, 0);
233
- transform: translate3d(0, 10px, 0); }
234
-
235
- .premium-banner-animation2:hover .premium-banner-ib-title,
236
- .premium-banner-animation2.active .premium-banner-ib-title {
237
- -webkit-transform: translate3d(0, -40px, 0);
238
- transform: translate3d(0, -40px, 0); }
239
-
240
- .premium-banner-animation2:hover .premium-banner-read-more,
241
- .premium-banner-animation2.active .premium-banner-read-more,
242
- .premium-banner-animation2:hover .premium-banner-ib-desc::before,
243
- .premium-banner-animation2.active .premium-banner-ib-desc::before {
244
- opacity: 1;
245
- -webkit-transform: translate3d(0, 0, 0);
246
- transform: translate3d(0, 0, 0); }
247
-
248
- .premium-banner-animation2:hover .premium-banner-ib-content,
249
- .premium-banner-animation2.active .premium-banner-ib-content {
250
- opacity: 1;
251
- -webkit-transform: translate3d(0, -30px, 0);
252
- transform: translate3d(0, -30px, 0); }
253
-
254
- .premium-banner-animation3 .premium-banner-ib-title {
255
- position: absolute;
256
- bottom: 0;
257
- left: 0;
258
- padding: 15px;
259
- width: 100%;
260
- text-align: left;
261
- -webkit-transform: translate3d(0, -30px, 0);
262
- transform: translate3d(0, -30px, 0); }
263
-
264
- .premium-banner-animation3 .premium-banner-ib-desc::before,
265
- .premium-banner-animation3 .premium-banner-ib-title {
266
- -webkit-transition: -webkit-transform 0.35s;
267
- transition: -webkit-transform 0.35s;
268
- transition: transform 0.35s;
269
- transition: transform 0.35s, -webkit-transform 0.35s; }
270
-
271
- .premium-banner-animation3:hover .premium-banner-ib-desc::before,
272
- .premium-banner-animation3.active .premium-banner-ib-desc::before,
273
- .premium-banner-animation3:hover .premium-banner-ib-title,
274
- .premium-banner-animation3.active .premium-banner-ib-title {
275
- opacity: 1;
276
- -webkit-transform: translate3d(0, 0, 0);
277
- transform: translate3d(0, 0, 0); }
278
-
279
- .premium-banner-animation3 .premium-banner-ib-content {
280
- max-height: -webkit-calc(100% - 60px - 1.5em);
281
- max-height: calc(100% - 60px - 1.5em);
282
- overflow: hidden; }
283
-
284
- .premium-banner-animation4 img {
285
- width: -webkit-calc(100% + 40px) !important;
286
- width: calc(100% + 40px) !important;
287
- max-width: -webkit-calc(100% + 40px) !important;
288
- max-width: calc(100% + 40px) !important; }
289
-
290
- .premium-banner-animation4 .premium-banner-ib-desc {
291
- padding: 30px; }
292
- .premium-banner-animation4 .premium-banner-ib-desc::after {
293
- position: absolute;
294
- content: "";
295
- opacity: 0; }
296
- .premium-banner-animation4 .premium-banner-ib-desc::before {
297
- position: absolute;
298
- content: "";
299
- opacity: 0;
300
- top: 50px;
301
- right: 30px;
302
- bottom: 50px;
303
- left: 30px;
304
- border-top: 1px solid #fff;
305
- border-bottom: 1px solid #fff;
306
- -webkit-transform: scale(0, 1);
307
- -ms-transform: scale(0, 1);
308
- transform: scale(0, 1);
309
- -webkit-transform-origin: 0 0;
310
- -ms-transform-origin: 0 0;
311
- transform-origin: 0 0; }
312
- .premium-banner-animation4 .premium-banner-ib-desc::after {
313
- top: 30px;
314
- right: 50px;
315
- bottom: 30px;
316
- left: 50px;
317
- border-right: 1px solid #fff;
318
- border-left: 1px solid #fff;
319
- -webkit-transform: scale(1, 0);
320
- -ms-transform: scale(1, 0);
321
- transform: scale(1, 0);
322
- -webkit-transform-origin: 100% 0;
323
- -ms-transform-origin: 100% 0;
324
- transform-origin: 100% 0; }
325
-
326
- .premium-banner-animation4 .premium-banner-ib-title {
327
- padding: 50px 30px 0 30px;
328
- -webkit-transition: -webkit-transform 0.35s;
329
- transition: -webkit-transform 0.35s;
330
- transition: transform 0.35s;
331
- transition: transform 0.35s, -webkit-transform 0.35s; }
332
-
333
- .premium-banner-animation4 .premium-banner-ib-content,
334
- .premium-banner-animation4 .premium-banner-read-more {
335
- padding: 10px 30px;
336
- opacity: 0;
337
- overflow: hidden;
338
- -webkit-transform: translate3d(0, -10px, 0);
339
- transform: translate3d(0, -10px, 0); }
340
-
341
- .premium-banner-animation4 .premium-banner-ib-title,
342
- .premium-banner-animation4 img {
343
- -webkit-transform: translate3d(-30px, 0, 0);
344
- transform: translate3d(-30px, 0, 0); }
345
-
346
- .premium-banner-animation4.zoomout img,
347
- .premium-banner-animation4.scale img {
348
- -webkit-transform: translate3d(-30px, 0, 0) scale(1.1);
349
- transform: translate3d(-30px, 0, 0) scale(1.1); }
350
-
351
- .premium-banner-animation4 .premium-banner-ib-content,
352
- .premium-banner-animation4 .premium-banner-read-more {
353
- -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
354
- transition: opacity 0.35s, -webkit-transform 0.35s;
355
- transition: opacity 0.35s, transform 0.35s;
356
- transition: opacity 0.35s, transform 0.35s, -webkit-transform 0.35s; }
357
-
358
- .premium-banner-animation4 .premium-banner-ib-desc::after, .premium-banner-animation4 .premium-banner-ib-desc::before {
359
- -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
360
- transition: opacity 0.35s, -webkit-transform 0.35s;
361
- transition: opacity 0.35s, transform 0.35s;
362
- transition: opacity 0.35s, transform 0.35s, -webkit-transform 0.35s; }
363
-
364
- .premium-banner-animation4 img {
365
- -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
366
- transition: opacity 0.35s, -webkit-transform 0.35s;
367
- transition: opacity 0.35s, transform 0.35s;
368
- transition: opacity 0.35s, transform 0.35s, -webkit-transform 0.35s; }
369
-
370
- .premium-banner-animation4:hover .premium-banner-ib-desc::after,
371
- .premium-banner-animation4.active .premium-banner-ib-desc::after,
372
- .premium-banner-animation4:hover .premium-banner-ib-desc::before,
373
- .premium-banner-animation4.active .premium-banner-ib-desc::before {
374
- opacity: 1;
375
- -webkit-transform: scale(1);
376
- -ms-transform: scale(1);
377
- transform: scale(1); }
378
-
379
- .premium-banner-animation4:hover .premium-banner-ib-content,
380
- .premium-banner-animation4.active .premium-banner-ib-content,
381
- .premium-banner-animation4:hover .premium-banner-read-more,
382
- .premium-banner-animation4.active .premium-banner-read-more,
383
- .premium-banner-animation4:hover .premium-banner-ib-title,
384
- .premium-banner-animation4.active .premium-banner-ib-title {
385
- opacity: 1;
386
- -webkit-transform: translate3d(0, 0, 0);
387
- transform: translate3d(0, 0, 0); }
388
-
389
- .premium-banner-animation4:hover .premium-banner-ib-content,
390
- .premium-banner-animation4:hover .premium-banner-ib-desc::after,
391
- .premium-banner-animation4:hover .premium-banner-ib-title,
392
- .premium-banner-animation4:hover img {
393
- -webkit-transition-delay: 0.15s;
394
- transition-delay: 0.15s; }
395
-
396
- .premium-banner-animation5 .premium-banner-ib-desc {
397
- top: auto;
398
- bottom: 0;
399
- padding: 15px;
400
- height: auto;
401
- background: #f2f2f2;
402
- color: #3c4a50;
403
- -webkit-transition: -webkit-transform 0.35s;
404
- transition: -webkit-transform 0.35s;
405
- transition: transform 0.35s;
406
- transition: transform 0.35s, -webkit-transform 0.35s;
407
- -webkit-transform: translate3d(0, 100%, 0);
408
- transform: translate3d(0, 100%, 0); }
409
-
410
- .premium-banner-animation5 .premium-banner-ib-content {
411
- position: absolute;
412
- top: auto;
413
- bottom: 100%;
414
- left: 0;
415
- width: 100%;
416
- padding: 15px;
417
- opacity: 0;
418
- -webkit-transition: opacity 0.35s;
419
- transition: opacity 0.35s; }
420
-
421
- .premium-banner-animation5 .premium-banner-ib-title,
422
- .premium-banner-animation5 .premium-banner-read-more {
423
- -webkit-transition: -webkit-transform 0.35s;
424
- transition: -webkit-transform 0.35s;
425
- transition: transform 0.35s;
426
- transition: transform 0.35s, -webkit-transform 0.35s;
427
- -webkit-transform: translate3d(0, 200%, 0);
428
- transform: translate3d(0, 200%, 0);
429
- text-align: center; }
430
-
431
- .premium-banner-animation5 .premium-banner-ib-title {
432
- margin: 10px 0; }
433
-
434
- .premium-banner-animation5:hover .premium-banner-ib-content,
435
- .premium-banner-animation5.active .premium-banner-ib-content,
436
- .premium-banner-animation5:hover .premium-banner-ib-content *,
437
- .premium-banner-animation5.active .premium-banner-ib-content * {
438
- opacity: 1 !important;
439
- z-index: 99 !important;
440
- -webkit-backface-visibility: hidden !important;
441
- backface-visibility: hidden !important; }
442
-
443
- .premium-banner-animation5:hover .premium-banner-ib-desc,
444
- .premium-banner-animation5.active .premium-banner-ib-desc,
445
- .premium-banner-animation5:hover .premium-banner-ib-title,
446
- .premium-banner-animation5.active .premium-banner-ib-title,
447
- .premium-banner-animation5:hover .premium-banner-read-more,
448
- .premium-banner-animation5.active .premium-banner-read-more {
449
- -webkit-transform: translateY(0);
450
- -ms-transform: translateY(0);
451
- transform: translateY(0); }
452
-
453
- .premium-banner-animation5:hover .premium-banner-ib-title {
454
- -webkit-transition-delay: 0.05s;
455
- transition-delay: 0.05s; }
456
-
457
- .premium-banner-animation5 img {
458
- -webkit-transition: opacity 0.35s, -webkit-filter 0.35s, -webkit-transform 0.35s;
459
- transition: opacity 0.35s, -webkit-filter 0.35s, -webkit-transform 0.35s;
460
- transition: opacity 0.35s, filter 0.35s, transform 0.35s;
461
- transition: opacity 0.35s, filter 0.35s, transform 0.35s, -webkit-filter 0.35s, -webkit-transform 0.35s; }
462
-
463
- .premium-banner-animation2 img,
464
- .premium-banner-animation4 img,
465
- .premium-banner-animation6 img {
466
- -webkit-transition: opacity 0.35s, -webkit-filter 0.35s, -webkit-transform 0.35s;
467
- transition: opacity 0.35s, -webkit-filter 0.35s, -webkit-transform 0.35s;
468
- transition: opacity 0.35s, filter 0.35s, transform 0.35s;
469
- transition: opacity 0.35s, filter 0.35s, transform 0.35s, -webkit-filter 0.35s, -webkit-transform 0.35s; }
470
-
471
- .premium-banner-animation5.zoomout img,
472
- .premium-banner-animation5.scale img {
473
- -webkit-transform: scale(1.1);
474
- -ms-transform: scale(1.1);
475
- transform: scale(1.1); }
476
-
477
- .premium-banner-animation2.zoomout img,
478
- .premium-banner-animation2.scale img {
479
- -webkit-transform: scale(1.1);
480
- -ms-transform: scale(1.1);
481
- transform: scale(1.1); }
482
-
483
- .premium-banner-animation6.zoomout img,
484
- .premium-banner-animation6.scale img {
485
- -webkit-transform: scale(1.1);
486
- -ms-transform: scale(1.1);
487
- transform: scale(1.1); }
488
-
489
- .premium-banner-animation5.zoomin:hover img,
490
- .premium-banner-animation2.zoomin:hover img,
491
- .premium-banner-animation6.zoomin:hover img {
492
- -webkit-transform: scale(1.1);
493
- -ms-transform: scale(1.1);
494
- transform: scale(1.1); }
495
-
496
- .premium-banner-animation5.zoomout:hover img,
497
- .premium-banner-animation2.zoomout:hover img,
498
- .premium-banner-animation6.zoomout:hover img {
499
- -webkit-transform: scale(1);
500
- -ms-transform: scale(1);
501
- transform: scale(1); }
502
-
503
- .premium-banner-animation5.scale:hover img,
504
- .premium-banner-animation2.scale:hover img,
505
- .premium-banner-animation6.scale:hover img {
506
- -webkit-transform: scale(1.2) rotate(5deg);
507
- -ms-transform: scale(1.2) rotate(5deg);
508
- transform: scale(1.2) rotate(5deg); }
509
-
510
- .premium-banner-animation5.grayscale:hover img,
511
- .premium-banner-animation2.grayscale:hover img,
512
- .premium-banner-animation6.grayscale:hover img {
513
- -webkit-filter: grayscale(100%);
514
- filter: grayscale(100%); }
515
-
516
- .premium-banner-animation5.blur:hover img,
517
- .premium-banner-animation2.blur:hover img {
518
- -webkit-filter: blur(3px);
519
- filter: blur(3px); }
520
-
521
- .premium-banner-animation6.blur:hover img {
522
- -webkit-filter: blur(3px);
523
- filter: blur(3px); }
524
-
525
- .premium-banner-animation6 .premium-banner-ib-desc {
526
- padding: 45px; }
527
- .premium-banner-animation6 .premium-banner-ib-desc::before {
528
- position: absolute;
529
- content: "";
530
- top: 30px;
531
- right: 30px;
532
- bottom: 30px;
533
- left: 30px;
534
- border: 1px solid #fff; }
535
-
536
- .premium-banner-animation6 .premium-banner-ib-title {
537
- margin: 20px 0 10px;
538
- -webkit-transition: -webkit-transform 0.35s;
539
- transition: -webkit-transform 0.35s;
540
- transition: transform 0.35s;
541
- transition: transform 0.35s, -webkit-transform 0.35s;
542
- -webkit-transform: translate3d(0, 100%, 0);
543
- transform: translate3d(0, 100%, 0); }
544
-
545
- .premium-banner-animation6 .premium-banner-ib-content,
546
- .premium-banner-animation6 .premium-banner-read-more,
547
- .premium-banner-animation6 .premium-banner-ib-desc::before {
548
- opacity: 0;
549
- -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
550
- transition: opacity 0.35s, -webkit-transform 0.35s;
551
- transition: opacity 0.35s, transform 0.35s;
552
- transition: opacity 0.35s, transform 0.35s, -webkit-transform 0.35s;
553
- -webkit-transform: scale(0);
554
- -ms-transform: scale(0);
555
- transform: scale(0); }
556
-
557
- .premium-banner-animation6 .premium-banner-read-more {
558
- margin-top: 10px; }
559
-
560
- .premium-banner-animation6:hover .premium-banner-ib-title,
561
- .premium-banner-animation6.active .premium-banner-ib-title {
562
- -webkit-transform: translate3d(0, 0, 0);
563
- transform: translate3d(0, 0, 0); }
564
-
565
- .premium-banner-animation6:hover .premium-banner-ib-content,
566
- .premium-banner-animation6.active .premium-banner-ib-content,
567
- .premium-banner-animation6:hover .premium-banner-read-more,
568
- .premium-banner-animation6.active .premium-banner-read-more,
569
- .premium-banner-animation6:hover .premium-banner-ib-desc::before,
570
- .premium-banner-animation6.active .premium-banner-ib-desc::before {
571
- opacity: 1;
572
- -webkit-transform: scale(1);
573
- -ms-transform: scale(1);
574
- transform: scale(1); }
575
-
576
- .premium-banner-animation12 .premium-banner-ib-desc::after {
577
- position: absolute;
578
- content: "";
579
- right: 30px;
580
- bottom: 30px;
581
- left: 30px;
582
- height: -webkit-calc(50% - 30px);
583
- height: calc(50% - 30px);
584
- border: 7px solid #fff;
585
- -webkit-transition: -webkit-transform 0.35s;
586
- transition: -webkit-transform 0.35s;
587
- transition: transform 0.35s;
588
- transition: transform 0.35s, -webkit-transform 0.35s;
589
- -webkit-transform: translate3d(0, -100%, 0);
590
- transform: translate3d(0, -100%, 0); }
591
-
592
- .premium-banner-animation12:hover .premium-banner-ib-desc::after,
593
- .premium-banner-animation12.active .premium-banner-ib-desc::after {
594
- -webkit-transform: translate3d(0, 0, 0);
595
- transform: translate3d(0, 0, 0); }
596
-
597
- .premium-banner-animation12 .premium-banner-ib-desc {
598
- padding: 45px;
599
- text-align: left; }
600
-
601
- .premium-banner-animation12 .premium-banner-ib-content {
602
- position: absolute;
603
- right: 60px;
604
- bottom: 60px;
605
- left: 60px;
606
- opacity: 0;
607
- -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
608
- transition: opacity 0.35s, -webkit-transform 0.35s;
609
- transition: opacity 0.35s, transform 0.35s;
610
- transition: opacity 0.35s, transform 0.35s, -webkit-transform 0.35s;
611
- -webkit-transform: translate3d(0, -100px, 0);
612
- transform: translate3d(0, -100px, 0); }
613
-
614
- .premium-banner-animation12:hover .premium-banner-ib-content,
615
- .premium-banner-animation12.active .premium-banner-ib-content {
616
- opacity: 1;
617
- -webkit-transform: translate3d(0, 0, 0);
618
- transform: translate3d(0, 0, 0); }
619
-
620
- .premium-banner-animation13 img {
621
- width: -webkit-calc(100% + 20px) !important;
622
- width: calc(100% + 20px) !important;
623
- max-width: -webkit-calc(100% + 20px) !important;
624
- max-width: calc(100% + 20px) !important;
625
- -webkit-transition: opacity 0.35s, -webkit-filter 0.35s, -webkit-transform 0.35s;
626
- transition: opacity 0.35s, -webkit-filter 0.35s, -webkit-transform 0.35s;
627
- transition: opacity 0.35s, filter 0.35s, transform 0.35s;
628
- transition: opacity 0.35s, filter 0.35s, transform 0.35s, -webkit-filter 0.35s, -webkit-transform 0.35s;
629
- -webkit-transform: translate3d(-10px, 0, 0);
630
- transform: translate3d(-10px, 0, 0);
631
- -webkit-backface-visibility: hidden;
632
- backface-visibility: hidden; }
633
-
634
- .premium-banner-animation13.zoomout img,
635
- .premium-banner-animation13.scale img {
636
- -webkit-transform: translate3d(-10px, 0, 0) scale(1.1);
637
- transform: translate3d(-10px, 0, 0) scale(1.1); }
638
-
639
- .premium-banner-animation13.none:hover img {
640
- -webkit-transform: translate3d(0, 0, 0);
641
- transform: translate3d(0, 0, 0); }
642
-
643
- .premium-banner-animation1.none:hover img,
644
- .premium-banner-animation4.none:hover img {
645
- -webkit-transform: translate3d(0, 0, 0);
646
- transform: translate3d(0, 0, 0); }
647
-
648
- .premium-banner-animation13.zoomin:hover img,
649
- .premium-banner-animation1.zoomin:hover img,
650
- .premium-banner-animation4.zoomin:hover img,
651
- .premium-banner-animation8.zoomin:hover img,
652
- .premium-banner-animation7.zoomin:hover img,
653
- .premium-banner-animation9.zoomin:hover img,
654
- .premium-banner-animation10.zoomin:hover img,
655
- .premium-banner-animation11.zoomin:hover img {
656
- -webkit-transform: translate3d(0, 0, 0) scale(1.1);
657
- transform: translate3d(0, 0, 0) scale(1.1); }
658
-
659
- .premium-banner-animation13.zoomout:hover img,
660
- .premium-banner-animation1.zoomout:hover img,
661
- .premium-banner-animation4.zoomout:hover img,
662
- .premium-banner-animation8.zoomout:hover img,
663
- .premium-banner-animation7.zoomout:hover img,
664
- .premium-banner-animation9.zoomout:hover img,
665
- .premium-banner-animation10.zoomout:hover img,
666
- .premium-banner-animation11.zoomout:hover img {
667
- -webkit-transform: translate3d(0, 0, 0) scale(1);
668
- transform: translate3d(0, 0, 0) scale(1); }
669
-
670
- .premium-banner-animation13.scale:hover img,
671
- .premium-banner-animation1.scale:hover img,
672
- .premium-banner-animation4.scale:hover img,
673
- .premium-banner-animation8.scale:hover img,
674
- .premium-banner-animation7.scale:hover img,
675
- .premium-banner-animation9.scale:hover img,
676
- .premium-banner-animation10.scale:hover img,
677
- .premium-banner-animation11.scale:hover img {
678
- -webkit-transform: translate3d(0, 0, 0) scale(1.2) rotate(5deg);
679
- transform: translate3d(0, 0, 0) scale(1.2) rotate(5deg); }
680
-
681
- .premium-banner-animation13.grayscale:hover img,
682
- .premium-banner-animation1.grayscale:hover img,
683
- .premium-banner-animation4.grayscale:hover img,
684
- .premium-banner-animation8.grayscale:hover img,
685
- .premium-banner-animation7.grayscale:hover img,
686
- .premium-banner-animation9.grayscale:hover img,
687
- .premium-banner-animation10.grayscale:hover img,
688
- .premium-banner-animation11.grayscale:hover img {
689
- -webkit-transform: translate3d(0, 0, 0);
690
- transform: translate3d(0, 0, 0);
691
- -webkit-filter: grayscale(100%);
692
- filter: grayscale(100%); }
693
-
694
- .premium-banner-animation13.blur:hover img,
695
- .premium-banner-animation1.blur:hover img,
696
- .premium-banner-animation4.blur:hover,
697
- .premium-banner-animation8.blur:hover img,
698
- .premium-banner-animation7.blur:hover img,
699
- .premium-banner-animation9.blur:hover img,
700
- .premium-banner-animation10.blur:hover img,
701
- .premium-banner-animation11.blur:hover img {
702
- -webkit-transform: translate3d(0, 0, 0);
703
- transform: translate3d(0, 0, 0);
704
- -webkit-filter: blur(3px);
705
- filter: blur(3px); }
706
-
707
- .premium-banner-animation13 .premium-banner-ib-desc {
708
- text-align: left; }
709
-
710
- .premium-banner-animation13 .premium-banner-ib-title {
711
- position: relative;
712
- overflow: hidden;
713
- padding: 5px 0 10px; }
714
- .premium-banner-animation13 .premium-banner-ib-title::after {
715
- position: absolute;
716
- content: "";
717
- bottom: 0;
718
- left: 0;
719
- width: 100%;
720
- height: 2px;
721
- background: #fff;
722
- -webkit-transition: -webkit-transform 0.35s;
723
- transition: -webkit-transform 0.35s;
724
- transition: transform 0.35s;
725
- transition: transform 0.35s, -webkit-transform 0.35s;
726
- -webkit-transform: translate3d(-101%, 0, 0);
727
- transform: translate3d(-101%, 0, 0); }
728
-
729
- .premium-banner-animation13:hover .premium-banner-ib-title::after,
730
- .premium-banner-animation13.active .premium-banner-ib-title::after {
731
- -webkit-transform: translate3d(0, 0, 0);
732
- transform: translate3d(0, 0, 0); }
733
-
734
- .premium-banner-animation13 .premium-banner-ib-content,
735
- .premium-banner-animation13 .premium-banner-read-more {
736
- padding: 15px 0;
737
- opacity: 0;
738
- -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
739
- transition: opacity 0.35s, -webkit-transform 0.35s;
740
- transition: opacity 0.35s, transform 0.35s;
741
- transition: opacity 0.35s, transform 0.35s, -webkit-transform 0.35s;
742
- -webkit-transform: translate3d(100%, 0, 0);
743
- transform: translate3d(100%, 0, 0); }
744
-
745
- .premium-banner-animation13:hover .premium-banner-ib-content,
746
- .premium-banner-animation13.active .premium-banner-ib-content,
747
- .premium-banner-animation13:hover .premium-banner-read-more,
748
- .premium-banner-animation13.active .premium-banner-read-more {
749
- opacity: 1;
750
- -webkit-transform: translate3d(0, 0, 0);
751
- transform: translate3d(0, 0, 0); }
752
-
753
- .premium-banner-ib.premium-banner-animation5 .premium-banner-toggle-size {
754
- left: 50%;
755
- width: auto !important;
756
- height: 100%;
757
- max-width: none;
758
- -webkit-transform: translateX(-50%);
759
- -ms-transform: translateX(-50%);
760
- transform: translateX(-50%); }
761
-
762
- .premium-banner-ib img {
763
- border: none;
764
- padding: 0;
765
- margin: 0; }
766
-
767
- .premium-banner-animation7 img {
768
- width: -webkit-calc(100% + 40px) !important;
769
- width: calc(100% + 40px) !important;
770
- max-width: -webkit-calc(100% + 40px) !important;
771
- max-width: calc(100% + 40px) !important;
772
- -webkit-transition: opacity 0.35s, -webkit-filter 0.35s, -webkit-transform 0.35s;
773
- transition: opacity 0.35s, -webkit-filter 0.35s, -webkit-transform 0.35s;
774
- transition: opacity 0.35s, filter 0.35s, transform 0.35s;
775
- transition: opacity 0.35s, filter 0.35s, transform 0.35s, -webkit-filter 0.35s, -webkit-transform 0.35s; }
776
-
777
- .premium-banner-animation7 .premium-banner-brlr {
778
- width: 7px; }
779
-
780
- .premium-banner-animation7 .premium-banner-brtb {
781
- height: 7px; }
782
-
783
- .premium-banner-animation7 .premium-banner-br {
784
- position: absolute;
785
- z-index: 1;
786
- background-color: white;
787
- -webkit-transition: all 0.3s ease-in-out;
788
- transition: all 0.3s ease-in-out;
789
- -webkit-transition-delay: 0.2s;
790
- transition-delay: 0.2s; }
791
-
792
- .premium-banner-animation7 .premium-banner-bleft {
793
- left: 30px;
794
- top: -webkit-calc(100% - 150px);
795
- top: calc(100% - 150px);
796
- height: 0; }
797
-
798
- .premium-banner-animation7 .premium-banner-bright {
799
- right: 30px;
800
- bottom: -webkit-calc(100% - 150px);
801
- bottom: calc(100% - 150px);
802
- height: 0; }
803
-
804
- .premium-banner-animation7 .premium-banner-bottom {
805
- right: -webkit-calc(100% - 150px);
806
- right: calc(100% - 150px);
807
- bottom: 30px;
808
- width: 0; }
809
-
810
- .premium-banner-animation7 .premium-banner-btop {
811
- left: -webkit-calc(100% - 150px);
812
- left: calc(100% - 150px);
813
- top: 30px;
814
- width: 0; }
815
-
816
- .premium-banner-animation7 .premium-banner-ib-desc {
817
- padding: 70px;
818
- display: table; }
819
- .premium-banner-animation7 .premium-banner-ib-desc .premium-banner-desc-centered {
820
- display: table-cell;
821
- vertical-align: middle; }
822
-
823
- .premium-banner-animation7 .premium-banner-ib-title {
824
- margin-top: 0; }
825
-
826
- .premium-banner-animation7 .premium-banner-ib-title,
827
- .premium-banner-animation7 img {
828
- -webkit-transform: translate3d(-30px, 0, 0);
829
- transform: translate3d(-30px, 0, 0); }
830
-
831
- .premium-banner-animation7.zoomout img,
832
- .premium-banner-animation7.scale img {
833
- -webkit-transform: translate3d(-30px, 0, 0) scale(1.1);
834
- transform: translate3d(-30px, 0, 0) scale(1.1); }
835
-
836
- .premium-banner-animation7 .premium-banner-ib-content,
837
- .premium-banner-animation7 .premium-banner-read-more {
838
- margin-top: 10px; }
839
-
840
- .premium-banner-animation7 .premium-banner-ib-desc::after, .premium-banner-animation7 .premium-banner-ib-desc::before {
841
- -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
842
- transition: opacity 0.35s, -webkit-transform 0.35s;
843
- transition: opacity 0.35s, transform 0.35s;
844
- transition: opacity 0.35s, transform 0.35s, -webkit-transform 0.35s; }
845
-
846
- .premium-banner-animation7 .premium-banner-ib-title,
847
- .premium-banner-animation7 .premium-banner-ib-content,
848
- .premium-banner-animation7 .premium-banner-read-more {
849
- opacity: 0;
850
- -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
851
- transition: opacity 0.35s, -webkit-transform 0.35s;
852
- transition: opacity 0.35s, transform 0.35s;
853
- transition: opacity 0.35s, transform 0.35s, -webkit-transform 0.35s; }
854
-
855
- .premium-banner-animation7:hover .premium-banner-ib-content,
856
- .premium-banner-animation7.active .premium-banner-ib-content,
857
- .premium-banner-animation7:hover .premium-banner-read-more,
858
- .premium-banner-animation7.active .premium-banner-read-more,
859
- .premium-banner-animation7:hover .premium-banner-ib-title,
860
- .premium-banner-animation7.active .premium-banner-ib-title {
861
- opacity: 1;
862
- -webkit-transform: translate3d(0, 0, 0);
863
- transform: translate3d(0, 0, 0); }
864
-
865
- .premium-banner-animation7:hover .premium-banner-bleft, .premium-banner-animation7.active .premium-banner-bleft {
866
- top: 30px;
867
- height: 70px; }
868
-
869
- .premium-banner-animation7:hover .premium-banner-bright, .premium-banner-animation7.active .premium-banner-bright {
870
- bottom: 30px;
871
- height: 70px; }
872
-
873
- .premium-banner-animation7:hover .premium-banner-bottom, .premium-banner-animation7.active .premium-banner-bottom {
874
- right: 30px;
875
- width: 70px; }
876
-
877
- .premium-banner-animation7:hover .premium-banner-btop, .premium-banner-animation7.active .premium-banner-btop {
878
- left: 30px;
879
- width: 70px; }
880
-
881
- .premium-banner-animation7:hover .premium-banner-ib-content,
882
- .premium-banner-animation7:hover .premium-banner-read-more,
883
- .premium-banner-animation7:hover .premium-banner-ib-title,
884
- .premium-banner-animation7:hover img {
885
- -webkit-transition-delay: 0.15s;
886
- transition-delay: 0.15s; }
887
-
888
- .premium-banner-animation8 img {
889
- width: -webkit-calc(100% + 40px) !important;
890
- width: calc(100% + 40px) !important;
891
- max-width: -webkit-calc(100% + 40px) !important;
892
- max-width: calc(100% + 40px) !important;
893
- -webkit-transition: opacity 0.35s, -webkit-filter 0.35s, -webkit-transform 0.35s;
894
- transition: opacity 0.35s, -webkit-filter 0.35s, -webkit-transform 0.35s;
895
- transition: opacity 0.35s, filter 0.35s, transform 0.35s;
896
- transition: opacity 0.35s, filter 0.35s, transform 0.35s, -webkit-filter 0.35s, -webkit-transform 0.35s; }
897
-
898
- .premium-banner-animation8 .premium-banner-brlr {
899
- width: 7px; }
900
-
901
- .premium-banner-animation8 .premium-banner-brtb {
902
- height: 7px; }
903
-
904
- .premium-banner-animation8 .premium-banner-br {
905
- position: absolute;
906
- z-index: 1;
907
- background-color: white;
908
- -webkit-transition: all 0.3s ease-in-out;
909
- transition: all 0.3s ease-in-out;
910
- -webkit-transition-delay: 0.2s;
911
- transition-delay: 0.2s; }
912
-
913
- .premium-banner-animation8 .premium-banner-bleft {
914
- left: 30px;
915
- top: 50%;
916
- -webkit-transform: translateY(-50%);
917
- -ms-transform: translateY(-50%);
918
- transform: translateY(-50%);
919
- height: 0; }
920
-
921
- .premium-banner-animation8 .premium-banner-bright {
922
- right: 30px;
923
- top: 50%;
924
- -webkit-transform: translateY(-50%);
925
- -ms-transform: translateY(-50%);
926
- transform: translateY(-50%);
927
- height: 0; }
928
-
929
- .premium-banner-animation8 .premium-banner-bottom {
930
- left: 50%;
931
- -webkit-transform: translateX(-50%);
932
- -ms-transform: translateX(-50%);
933
- transform: translateX(-50%);
934
- bottom: 30px;
935
- width: 0; }
936
-
937
- .premium-banner-animation8 .premium-banner-btop {
938
- left: 50%;
939
- -webkit-transform: translateX(-50%);
940
- -ms-transform: translateX(-50%);
941
- transform: translateX(-50%);
942
- top: 30px;
943
- width: 0; }
944
-
945
- .premium-banner-animation8 .premium-banner-ib-desc {
946
- padding: 70px;
947
- display: table; }
948
- .premium-banner-animation8 .premium-banner-ib-desc .premium-banner-desc-centered {
949
- display: table-cell;
950
- vertical-align: middle; }
951
-
952
- .premium-banner-animation8 .premium-banner-ib-title {
953
- margin-top: 0; }
954
-
955
- .premium-banner-animation8 .premium-banner-ib-title,
956
- .premium-banner-animation8 img {
957
- -webkit-transform: translate3d(-30px, 0, 0);
958
- transform: translate3d(-30px, 0, 0); }
959
-
960
- .premium-banner-animation8.zoomout img,
961
- .premium-banner-animation8.scale img {
962
- -webkit-transform: translate3d(-30px, 0, 0) scale(1.1);
963
- transform: translate3d(-30px, 0, 0) scale(1.1); }
964
-
965
- .premium-banner-animation8 .premium-banner-ib-content,
966
- .premium-banner-animation8 .premium-banner-read-more {
967
- margin-top: 10px; }
968
-
969
- .premium-banner-animation8 .premium-banner-ib-desc::after, .premium-banner-animation8 .premium-banner-ib-desc::before {
970
- -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
971
- transition: opacity 0.35s, -webkit-transform 0.35s;
972
- transition: opacity 0.35s, transform 0.35s;
973
- transition: opacity 0.35s, transform 0.35s, -webkit-transform 0.35s; }
974
-
975
- .premium-banner-animation8 .premium-banner-ib-title,
976
- .premium-banner-animation8 .premium-banner-ib-content,
977
- .premium-banner-animation8 .premium-banner-read-more {
978
- -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
979
- transition: opacity 0.35s, -webkit-transform 0.35s;
980
- transition: opacity 0.35s, transform 0.35s;
981
- transition: opacity 0.35s, transform 0.35s, -webkit-transform 0.35s;
982
- opacity: 0; }
983
-
984
- .premium-banner-animation8:hover .premium-banner-ib-content,
985
- .premium-banner-animation8.active .premium-banner-ib-content,
986
- .premium-banner-animation8:hover .premium-banner-read-more,
987
- .premium-banner-animation8.active .premium-banner-read-more,
988
- .premium-banner-animation8:hover .premium-banner-ib-title,
989
- .premium-banner-animation8.active .premium-banner-ib-title {
990
- opacity: 1;
991
- -webkit-transform: translate3d(0, 0, 0);
992
- transform: translate3d(0, 0, 0); }
993
-
994
- .premium-banner-animation8:hover .premium-banner-bleft, .premium-banner-animation8.active .premium-banner-bleft {
995
- height: -webkit-calc(100% - 61px);
996
- height: calc(100% - 61px); }
997
-
998
- .premium-banner-animation8:hover .premium-banner-bright, .premium-banner-animation8.active .premium-banner-bright {
999
- height: -webkit-calc(100% - 61px);
1000
- height: calc(100% - 61px); }
1001
-
1002
- .premium-banner-animation8:hover .premium-banner-bottom, .premium-banner-animation8.active .premium-banner-bottom {
1003
- width: -webkit-calc(100% - 61px);
1004
- width: calc(100% - 61px); }
1005
-
1006
- .premium-banner-animation8:hover .premium-banner-btop, .premium-banner-animation8.active .premium-banner-btop {
1007
- width: -webkit-calc(100% - 61px);
1008
- width: calc(100% - 61px); }
1009
-
1010
- .premium-banner-animation8:hover .premium-banner-ib-content,
1011
- .premium-banner-animation8:hover .premium-banner-ib-title,
1012
- .premium-banner-animation8:hover .premium-banner-read-more,
1013
- .premium-banner-animation8:hover img {
1014
- -webkit-transition-delay: 0.15s;
1015
- transition-delay: 0.15s; }
1016
-
1017
- .premium-banner-animation9 img {
1018
- width: -webkit-calc(100% + 20px) !important;
1019
- width: calc(100% + 20px) !important;
1020
- max-width: -webkit-calc(100% + 20px) !important;
1021
- max-width: calc(100% + 20px) !important;
1022
- -webkit-transition: opacity 0.35s, -webkit-filter 0.35s, -webkit-transform 0.35s;
1023
- transition: opacity 0.35s, -webkit-filter 0.35s, -webkit-transform 0.35s;
1024
- transition: opacity 0.35s, filter 0.35s, transform 0.35s;
1025
- transition: opacity 0.35s, filter 0.35s, transform 0.35s, -webkit-filter 0.35s, -webkit-transform 0.35s;
1026
- -webkit-transform: scale(1.2);
1027
- -ms-transform: scale(1.2);
1028
- transform: scale(1.2); }
1029
-
1030
- .premium-banner-animation9 .premium-banner-ib-desc {
1031
- width: 100%;
1032
- height: 100%; }
1033
- .premium-banner-animation9 .premium-banner-ib-desc::before {
1034
- position: absolute;
1035
- top: 50%;
1036
- left: 50%;
1037
- width: 80%;
1038
- height: 1px;
1039
- background: #fff;
1040
- content: "";
1041
- -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
1042
- transition: opacity 0.35s, -webkit-transform 0.35s;
1043
- transition: opacity 0.35s, transform 0.35s;
1044
- transition: opacity 0.35s, transform 0.35s, -webkit-transform 0.35s;
1045
- -webkit-transform: translate3d(-50%, -50%, 0);
1046
- transform: translate3d(-50%, -50%, 0); }
1047
- .premium-banner-animation9 .premium-banner-ib-desc::after {
1048
- position: absolute;
1049
- top: 50%;
1050
- left: 50%;
1051
- width: 80%;
1052
- height: 1px;
1053
- background: #fff;
1054
- content: "";
1055
- -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
1056
- transition: opacity 0.35s, -webkit-transform 0.35s;
1057
- transition: opacity 0.35s, transform 0.35s;
1058
- transition: opacity 0.35s, transform 0.35s, -webkit-transform 0.35s;
1059
- -webkit-transform: translate3d(-50%, -50%, 0);
1060
- transform: translate3d(-50%, -50%, 0); }
1061
-
1062
- .premium-banner-animation9 .premium-banner-ib-title {
1063
- position: absolute;
1064
- top: 50%;
1065
- left: 0;
1066
- width: 100%;
1067
- -webkit-transition: -webkit-transform 0.35s;
1068
- transition: -webkit-transform 0.35s;
1069
- transition: transform 0.35s;
1070
- transition: transform 0.35s, -webkit-transform 0.35s;
1071
- -webkit-transform: translate3d(0, -70px, 0);
1072
- transform: translate3d(0, -70px, 0);
1073
- margin-top: 0;
1074
- padding: 0 10%; }
1075
-
1076
- .premium-banner-animation9:hover .premium-banner-ib-title,
1077
- .premium-banner-animation9.active .premium-banner-ib-title {
1078
- -webkit-transform: translate3d(0, -80px, 0);
1079
- transform: translate3d(0, -80px, 0); }
1080
-
1081
- .premium-banner-animation9 .premium-banner-ib-content,
1082
- .premium-banner-animation9 .premium-banner-read-more {
1083
- position: absolute;
1084
- top: 50%;
1085
- left: 0;
1086
- width: 100%;
1087
- -webkit-transition: -webkit-transform 0.35s;
1088
- transition: -webkit-transform 0.35s;
1089
- transition: transform 0.35s;
1090
- transition: transform 0.35s, -webkit-transform 0.35s;
1091
- padding: 0 10%;
1092
- -webkit-transform: translate3d(0, 35px, 0);
1093
- transform: translate3d(0, 35px, 0); }
1094
-
1095
- .premium-banner-animation9 .premium-banner-read-more {
1096
- top: 75%; }
1097
-
1098
- .premium-banner-animation9:hover .premium-banner-ib-content,
1099
- .premium-banner-animation9.active .premium-banner-ib-content,
1100
- .premium-banner-animation9:hover .premium-banner-read-more,
1101
- .premium-banner-animation9.active .premium-banner-read-more {
1102
- -webkit-transform: translate3d(0, 45px, 0);
1103
- transform: translate3d(0, 45px, 0); }
1104
-
1105
- .premium-banner-animation9:hover .premium-banner-ib-desc::before,
1106
- .premium-banner-animation9.active .premium-banner-ib-desc::before {
1107
- opacity: 0.5;
1108
- -webkit-transform: translate3d(-50%, -50%, 0) rotate(45deg);
1109
- transform: translate3d(-50%, -50%, 0) rotate(45deg); }
1110
-
1111
- .premium-banner-animation9:hover .premium-banner-ib-desc::after,
1112
- .premium-banner-animation9.active .premium-banner-ib-desc::after {
1113
- opacity: 0.5;
1114
- -webkit-transform: translate3d(-50%, -50%, 0) rotate(-45deg);
1115
- transform: translate3d(-50%, -50%, 0) rotate(-45deg); }
1116
-
1117
- .premium-banner-animation9:hover img {
1118
- -webkit-transform: scale(1);
1119
- -ms-transform: scale(1);
1120
- transform: scale(1); }
1121
-
1122
- .premium-banner-animation10 img {
1123
- width: -webkit-calc(100% + 20px) !important;
1124
- width: calc(100% + 20px) !important;
1125
- max-width: -webkit-calc(100% + 20px) !important;
1126
- max-width: calc(100% + 20px) !important;
1127
- -webkit-transition: opacity 0.35s, -webkit-filter 0.35s, -webkit-transform 0.35s;
1128
- transition: opacity 0.35s, -webkit-filter 0.35s, -webkit-transform 0.35s;
1129
- transition: opacity 0.35s, filter 0.35s, transform 0.35s;
1130
- transition: opacity 0.35s, filter 0.35s, transform 0.35s, -webkit-filter 0.35s, -webkit-transform 0.35s; }
1131
-
1132
- .premium-banner-animation10 .premium-banner-ib-title {
1133
- position: relative;
1134
- overflow: hidden;
1135
- padding: 5px 0 15px;
1136
- -webkit-transition: -webkit-transform 0.35s;
1137
- transition: -webkit-transform 0.35s;
1138
- transition: transform 0.35s;
1139
- transition: transform 0.35s, -webkit-transform 0.35s;
1140
- -webkit-transform: translate3d(0, 20px, 0);
1141
- transform: translate3d(0, 20px, 0);
1142
- margin-bottom: 0; }
1143
- .premium-banner-animation10 .premium-banner-ib-title::after {
1144
- position: absolute;
1145
- content: "";
1146
- bottom: 0;
1147
- left: 0;
1148
- width: 100%;
1149
- height: 3px;
1150
- background: #fff;
1151
- opacity: 0;
1152
- -webkit-transform: translate3d(0, 100%, 0);
1153
- transform: translate3d(0, 100%, 0);
1154
- -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
1155
- transition: opacity 0.35s, -webkit-transform 0.35s;
1156
- transition: opacity 0.35s, transform 0.35s;
1157
- transition: opacity 0.35s, transform 0.35s, -webkit-transform 0.35s; }
1158
-
1159
- .premium-banner-animation10:hover .premium-banner-ib-title,
1160
- .premium-banner-animation10.active .premium-banner-ib-title {
1161
- -webkit-transform: translate3d(0, 0, 0);
1162
- transform: translate3d(0, 0, 0); }
1163
-
1164
- .premium-banner-animation10:hover .premium-banner-ib-title::after,
1165
- .premium-banner-animation10.active .premium-banner-ib-title::after {
1166
- opacity: 1;
1167
- -webkit-transform: translate3d(0, 0, 0);
1168
- transform: translate3d(0, 0, 0); }
1169
-
1170
- .premium-banner-animation10.zoomout img,
1171
- .premium-banner-animation10.scale img {
1172
- -webkit-transform: translate3d(-10px, 0, 0) scale(1.1);
1173
- transform: translate3d(-10px, 0, 0) scale(1.1); }
1174
-
1175
- .premium-banner-animation10 .premium-banner-ib-content,
1176
- .premium-banner-animation10 .premium-banner-read-more {
1177
- padding-top: 15px;
1178
- opacity: 0;
1179
- -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
1180
- transition: opacity 0.35s, -webkit-transform 0.35s;
1181
- transition: opacity 0.35s, transform 0.35s;
1182
- transition: opacity 0.35s, transform 0.35s, -webkit-transform 0.35s;
1183
- -webkit-transform: translate3d(0, 100%, 0);
1184
- transform: translate3d(0, 100%, 0); }
1185
-
1186
- .premium-banner-animation10 .premium-banner-read-more {
1187
- padding: 0; }
1188
-
1189
- .premium-banner-animation10:hover .premium-banner-ib-content,
1190
- .premium-banner-animation10.active .premium-banner-ib-content,
1191
- .premium-banner-animation10:hover .premium-banner-read-more,
1192
- .premium-banner-animation10.active .premium-banner-read-more {
1193
- opacity: 1;
1194
- -webkit-transform: translate3d(0, 0, 0);
1195
- transform: translate3d(0, 0, 0); }
1196
-
1197
- .premium-banner-animation11 {
1198
- -webkit-transition: -webkit-transform 1s ease-out;
1199
- transition: -webkit-transform 1s ease-out;
1200
- transition: transform 1s ease-out;
1201
- transition: transform 1s ease-out, -webkit-transform 1s ease-out;
1202
- -webkit-transition-delay: 0.125s;
1203
- transition-delay: 0.125s; }
1204
- .premium-banner-animation11 .premium-banner-ib-desc {
1205
- position: absolute;
1206
- z-index: 5;
1207
- -webkit-transform: translate3d(-30px, 0, 0);
1208
- transform: translate3d(-30px, 0, 0);
1209
- opacity: 0;
1210
- top: auto;
1211
- bottom: 0;
1212
- min-height: 25%;
1213
- height: auto;
1214
- max-height: 100%;
1215
- text-align: left;
1216
- padding: 30px;
1217
- -webkit-transition: all 0.6s ease-out;
1218
- transition: all 0.6s ease-out; }
1219
- .premium-banner-animation11 img {
1220
- width: 100%;
1221
- -webkit-transition: opacity 0.35s, -webkit-filter 0.35s, -webkit-transform 0.35s;
1222
- transition: opacity 0.35s, -webkit-filter 0.35s, -webkit-transform 0.35s;
1223
- transition: opacity 0.35s, filter 0.35s, transform 0.35s;
1224
- transition: opacity 0.35s, filter 0.35s, transform 0.35s, -webkit-filter 0.35s, -webkit-transform 0.35s; }
1225
- .premium-banner-animation11 .premium-banner-ib-title {
1226
- margin-bottom: 10px; }
1227
- .premium-banner-animation11 .premium-banner-gradient {
1228
- position: absolute;
1229
- left: 0;
1230
- top: 0;
1231
- right: 0;
1232
- bottom: 0; }
1233
- .premium-banner-animation11 .premium-banner-gradient:after,
1234
- .premium-banner-animation11 .premium-banner-gradient:before {
1235
- position: absolute;
1236
- content: "";
1237
- left: 0;
1238
- top: 0;
1239
- right: 0;
1240
- bottom: 0;
1241
- -webkit-transform: translate3d(-100%, 0, 0);
1242
- transform: translate3d(-100%, 0, 0);
1243
- background-image: -webkit-linear-gradient(40deg, rgba(84, 89, 95, 0.5) 27.89%, #6ec1e4 72.11%);
1244
- background-image: linear-gradient(50deg, rgba(84, 89, 95, 0.5) 27.89%, #6ec1e4 72.11%);
1245
- z-index: 2; }
1246
- .premium-banner-animation11 .premium-banner-gradient:before {
1247
- mix-blend-mode: color; }
1248
- .premium-banner-animation11 .premium-banner-gradient:after {
1249
- mix-blend-mode: multiply; }
1250
- .premium-banner-animation11:hover .premium-banner-ib-desc,
1251
- .premium-banner-animation11.active .premium-banner-ib-desc {
1252
- opacity: 1;
1253
- -webkit-transform: translate3d(0, 0, 0);
1254
- transform: translate3d(0, 0, 0); }
1255
- .premium-banner-animation11:hover .premium-banner-gradient:after,
1256
- .premium-banner-animation11:hover .premium-banner-gradient:before,
1257
- .premium-banner-animation11.active .premium-banner-gradient:after,
1258
- .premium-banner-animation11.active .premium-banner-gradient:before {
1259
- -webkit-transform: translate3d(0, 0, 0);
1260
- transform: translate3d(0, 0, 0); }
1261
- .premium-banner-animation11.zoomout img,
1262
- .premium-banner-animation11.scale img {
1263
- -webkit-transform: translate3d(-10px, 0, 0) scale(1.1);
1264
- transform: translate3d(-10px, 0, 0) scale(1.1); }
1265
-
1266
- /**************** Premium CountDown *************/
1267
- /************************************************/
1268
- .premium-countdown {
1269
- -js-display: flex;
1270
- display: -webkit-box;
1271
- display: -webkit-flex;
1272
- display: -moz-box;
1273
- display: -ms-flexbox;
1274
- display: flex; }
1275
-
1276
- .pre_countdown-row {
1277
- display: block;
1278
- text-align: center; }
1279
-
1280
- .countdown .pre_countdown-section {
1281
- display: inline-block;
1282
- max-width: 100%;
1283
- margin-bottom: 15px;
1284
- -js-display: inline-flex;
1285
- display: -webkit-inline-box;
1286
- display: -webkit-inline-flex;
1287
- display: -moz-inline-box;
1288
- display: -ms-inline-flexbox;
1289
- display: inline-flex;
1290
- -webkit-box-align: center;
1291
- -webkit-align-items: center;
1292
- -moz-box-align: center;
1293
- -ms-flex-align: center;
1294
- align-items: center; }
1295
- .countdown .pre_countdown-section:last-child {
1296
- margin-right: 0; }
1297
-
1298
- .countdown span.pre_countdown-amount {
1299
- font-size: 70px;
1300
- line-height: 1; }
1301
-
1302
- .countdown .pre_time-mid {
1303
- display: block; }
1304
-
1305
- .premium-countdown-separator-yes .pre-countdown_separator {
1306
- display: block;
1307
- margin: 0 50px;
1308
- font-size: 30px; }
1309
-
1310
- .premium-countdown-separator-yes .pre_countdown-row .pre_countdown-section:last-child .pre-countdown_separator {
1311
- display: none; }
1312
-
1313
- /************************************ * Digit and unit styles *************************************/
1314
- .side .pre_countdown-section .pre_countdown-period {
1315
- vertical-align: bottom; }
1316
-
1317
- .countdown .pre_countdown-section .pre_countdown-period {
1318
- font-size: 17px;
1319
- line-height: 3em; }
1320
-
1321
- .side .pre_countdown-section .pre_countdown-amount,
1322
- .side .pre_countdown-section .pre_countdown-period {
1323
- display: inline-block; }
1324
-
1325
- .side .pre_countdown-section .pre_countdown-amount {
1326
- margin-right: 5px; }
1327
-
1328
- .down .pre_countdown-section .pre_countdown-amount,
1329
- .down .pre_countdown-section .pre_countdown-period {
1330
- display: block; }
1331
-
1332
- /**************** Premium Carousel ****************/
1333
- /**************************************************/
1334
- .premium-carousel-wrapper a.carousel-arrow, .premium-carousel-wrapper a.ver-carousel-arrow {
1335
- -js-display: flex;
1336
- display: -webkit-box;
1337
- display: -webkit-flex;
1338
- display: -moz-box;
1339
- display: -ms-flexbox;
1340
- display: flex;
1341
- -webkit-box-align: center;
1342
- -webkit-align-items: center;
1343
- -moz-box-align: center;
1344
- -ms-flex-align: center;
1345
- align-items: center;
1346
- -webkit-box-pack: center;
1347
- -webkit-justify-content: center;
1348
- -moz-box-pack: center;
1349
- -ms-flex-pack: center;
1350
- justify-content: center;
1351
- width: 2em;
1352
- height: 2em;
1353
- line-height: 0;
1354
- text-align: center;
1355
- position: absolute;
1356
- z-index: 99;
1357
- cursor: pointer;
1358
- -webkit-transition: all 0.3s ease-in-out;
1359
- transition: all 0.3s ease-in-out;
1360
- -webkit-appearance: inherit;
1361
- border: none;
1362
- -webkit-box-shadow: none;
1363
- box-shadow: none; }
1364
-
1365
- .premium-tabs-nav-list a.carousel-arrow,
1366
- .premium-fb-rev-container a.carousel-arrow,
1367
- .premium-blog-wrap a.carousel-arrow,
1368
- .premium-hscroll-wrap a.carousel-arrow,
1369
- .premium-twitter-feed-wrapper a.carousel-arrow,
1370
- .premium-facebook-feed-wrapper a.carousel-arrow,
1371
- .premium-instafeed-container a.carousel-arrow,
1372
- .premium-persons-container a.carousel-arrow {
1373
- -js-display: flex;
1374
- display: -webkit-box;
1375
- display: -webkit-flex;
1376
- display: -moz-box;
1377
- display: -ms-flexbox;
1378
- display: flex;
1379
- -webkit-box-align: center;
1380
- -webkit-align-items: center;
1381
- -moz-box-align: center;
1382
- -ms-flex-align: center;
1383
- align-items: center;
1384
- -webkit-box-pack: center;
1385
- -webkit-justify-content: center;
1386
- -moz-box-pack: center;
1387
- -ms-flex-pack: center;
1388
- justify-content: center;
1389
- width: 2em;
1390
- height: 2em;
1391
- line-height: 0;
1392
- text-align: center;
1393
- position: absolute;
1394
- z-index: 99;
1395
- cursor: pointer;
1396
- -webkit-transition: all 0.3s ease-in-out;
1397
- transition: all 0.3s ease-in-out;
1398
- -webkit-appearance: inherit;
1399
- border: none;
1400
- -webkit-box-shadow: none;
1401
- box-shadow: none; }
1402
-
1403
- div[class^="premium-"] .slick-arrow i {
1404
- display: block; }
1405
-
1406
- .ver-carousel-arrow.carousel-next i {
1407
- margin-bottom: -3px; }
1408
-
1409
- .premium-carousel-wrapper a.slick-arrow:hover {
1410
- -webkit-box-shadow: none !important;
1411
- box-shadow: none !important; }
1412
-
1413
- .premium-carousel-wrapper .premium-carousel-content-hidden {
1414
- visibility: hidden; }
1415
-
1416
- .premium-carousel-wrapper a.carousel-arrow {
1417
- top: 50%; }
1418
-
1419
- .premium-tabs-nav-list a.carousel-arrow,
1420
- .premium-fb-rev-container a.carousel-arrow,
1421
- .premium-blog-wrap a.carousel-arrow,
1422
- .premium-hscroll-wrap a.carousel-arrow,
1423
- .premium-twitter-feed-wrapper a.carousel-arrow,
1424
- .premium-facebook-feed-wrapper a.carousel-arrow,
1425
- .premium-instafeed-container a.carousel-arrow,
1426
- .premium-persons-container a.carousel-arrow {
1427
- top: 50%;
1428
- -webkit-transform: translateY(-50%);
1429
- -ms-transform: translateY(-50%);
1430
- transform: translateY(-50%); }
1431
-
1432
- .premium-carousel-wrapper a.ver-carousel-arrow {
1433
- left: 50%;
1434
- -webkit-transform: translateX(-50%);
1435
- -ms-transform: translateX(-50%);
1436
- transform: translateX(-50%); }
1437
-
1438
- a.carousel-arrow.carousel-next {
1439
- right: -20px; }
1440
-
1441
- a.carousel-arrow.carousel-prev {
1442
- left: -20px; }
1443
-
1444
- a.ver-carousel-arrow.carousel-next {
1445
- bottom: -56px; }
1446
-
1447
- a.ver-carousel-arrow.carousel-prev {
1448
- top: -45px; }
1449
-
1450
- a.circle-bg {
1451
- -webkit-border-radius: 100%;
1452
- border-radius: 100%; }
1453
-
1454
- a.circle-border {
1455
- -webkit-border-radius: 100%;
1456
- border-radius: 100%;
1457
- border: solid black; }
1458
-
1459
- a.square-border {
1460
- border: solid black; }
1461
-
1462
- .premium-carousel-dots-below ul.slick-dots,
1463
- .premium-blog-wrap ul.slick-dots,
1464
- .premium-fb-rev-reviews ul.slick-dots {
1465
- position: relative;
1466
- bottom: 0;
1467
- list-style: none;
1468
- text-align: center;
1469
- margin: 0;
1470
- padding: 0; }
1471
-
1472
- .premium-carousel-dots-above ul.slick-dots {
1473
- position: absolute;
1474
- -js-display: flex;
1475
- display: -webkit-box;
1476
- display: -webkit-flex;
1477
- display: -moz-box;
1478
- display: -ms-flexbox;
1479
- display: flex;
1480
- width: auto;
1481
- top: 50%;
1482
- bottom: auto;
1483
- -webkit-transform: translateY(-50%);
1484
- -ms-transform: translateY(-50%);
1485
- transform: translateY(-50%);
1486
- -webkit-box-orient: vertical;
1487
- -webkit-box-direction: normal;
1488
- -webkit-flex-direction: column;
1489
- -moz-box-orient: vertical;
1490
- -moz-box-direction: normal;
1491
- -ms-flex-direction: column;
1492
- flex-direction: column; }
1493
-
1494
- ul.slick-dots li {
1495
- font-size: 10px;
1496
- -js-display: inline-flex;
1497
- display: -webkit-inline-box;
1498
- display: -webkit-inline-flex;
1499
- display: -moz-inline-box;
1500
- display: -ms-inline-flexbox;
1501
- display: inline-flex;
1502
- -webkit-box-pack: center;
1503
- -webkit-justify-content: center;
1504
- -moz-box-pack: center;
1505
- -ms-flex-pack: center;
1506
- justify-content: center;
1507
- -webkit-box-align: center;
1508
- -webkit-align-items: center;
1509
- -moz-box-align: center;
1510
- -ms-flex-align: center;
1511
- align-items: center;
1512
- margin: 5px;
1513
- width: 20px;
1514
- height: 20px;
1515
- cursor: pointer; }
1516
-
1517
- /*
1518
- * Custom Navigation Dot
1519
- */
1520
- .premium-carousel-wrapper .premium-carousel-nav-dot,
1521
- .premium-carousel-wrapper .premium-carousel-nav-arrow-prev,
1522
- .premium-carousel-wrapper .premium-carousel-nav-arrow-next {
1523
- display: none; }
1524
-
1525
- .premium-carousel-wrapper ul.slick-dots svg {
1526
- width: 20px;
1527
- height: 20px; }
1528
-
1529
- /* Ripple Out */
1530
- @-webkit-keyframes hvr-ripple-out {
1531
- 0% {
1532
- -webkit-transform: scale(1);
1533
- transform: scale(1);
1534
- opacity: 1; }
1535
- 100% {
1536
- -webkit-transform: scale(1.5);
1537
- transform: scale(1.5);
1538
- opacity: 0; } }
1539
- @keyframes hvr-ripple-out {
1540
- 0% {
1541
- -webkit-transform: scale(1);
1542
- transform: scale(1);
1543
- opacity: 1; }
1544
- 100% {
1545
- -webkit-transform: scale(1.5);
1546
- transform: scale(1.5);
1547
- opacity: 0; } }
1548
-
1549
- .premium-carousel-ripple-yes .premium-carousel-wrapper {
1550
- padding-bottom: 1px; }
1551
-
1552
- .premium-carousel-ripple-yes ul.slick-dots li {
1553
- position: relative; }
1554
- .premium-carousel-ripple-yes ul.slick-dots li i {
1555
- position: relative;
1556
- z-index: 1; }
1557
- .premium-carousel-ripple-yes ul.slick-dots li:hover:before {
1558
- content: "";
1559
- position: absolute;
1560
- -webkit-transform: scale(1);
1561
- -ms-transform: scale(1);
1562
- transform: scale(1);
1563
- top: 0;
1564
- right: 0;
1565
- bottom: 0;
1566
- left: 0;
1567
- -webkit-border-radius: 50%;
1568
- border-radius: 50%;
1569
- pointer-events: none;
1570
- background-color: rgba(0, 0, 0, 0.15); }
1571
- .premium-carousel-ripple-yes ul.slick-dots li.slick-active:hover:before {
1572
- background-color: rgba(0, 0, 0, 0.3); }
1573
- .premium-carousel-ripple-yes ul.slick-dots li:hover:before {
1574
- -webkit-animation: hvr-ripple-out 1.3s infinite;
1575
- animation: hvr-ripple-out 1.3s infinite; }
1576
-
1577
- .premium-carousel-wrapper.premium-carousel-scale .slick-slide {
1578
- -webkit-transform: scale(1.25, 1.25);
1579
- -ms-transform: scale(1.25, 1.25);
1580
- transform: scale(1.25, 1.25);
1581
- -webkit-transition: all 0.3s ease-in-out !important;
1582
- transition: all 0.3s ease-in-out !important; }
1583
-
1584
- .premium-carousel-wrapper.premium-carousel-scale div.slick-active {
1585
- -webkit-transform: scale(1, 1);
1586
- -ms-transform: scale(1, 1);
1587
- transform: scale(1, 1); }
1588
-
1589
- [dir="rtl"] .premium-carousel-inner .slick-slide {
1590
- float: right; }
1591
-
1592
- /**************** Premium Counter ***************/
1593
- /************************************************/
1594
- .premium-counter-area {
1595
- padding: 10px 0;
1596
- -js-display: flex;
1597
- display: -webkit-box;
1598
- display: -webkit-flex;
1599
- display: -moz-box;
1600
- display: -ms-flexbox;
1601
- display: flex;
1602
- -webkit-box-pack: center;
1603
- -webkit-justify-content: center;
1604
- -moz-box-pack: center;
1605
- -ms-flex-pack: center;
1606
- justify-content: center;
1607
- -webkit-box-align: center;
1608
- -webkit-align-items: center;
1609
- -moz-box-align: center;
1610
- -ms-flex-align: center;
1611
- align-items: center; }
1612
- .premium-counter-area.top {
1613
- -webkit-box-orient: vertical;
1614
- -webkit-box-direction: normal;
1615
- -webkit-flex-direction: column;
1616
- -moz-box-orient: vertical;
1617
- -moz-box-direction: normal;
1618
- -ms-flex-direction: column;
1619
- flex-direction: column; }
1620
- .premium-counter-area.right {
1621
- -webkit-box-orient: horizontal;
1622
- -webkit-box-direction: reverse;
1623
- -webkit-flex-direction: row-reverse;
1624
- -moz-box-orient: horizontal;
1625
- -moz-box-direction: reverse;
1626
- -ms-flex-direction: row-reverse;
1627
- flex-direction: row-reverse; }
1628
- .premium-counter-area.right .premium-counter-icon {
1629
- padding-left: 20px; }
1630
- .premium-counter-area.left .premium-counter-icon {
1631
- padding-right: 20px; }
1632
- .premium-counter-area .premium-counter-icon .icon i.fa:before {
1633
- vertical-align: text-top; }
1634
- .premium-counter-area .premium-counter-icon span.icon {
1635
- text-align: center;
1636
- display: inline-block;
1637
- vertical-align: middle; }
1638
- .premium-counter-area .premium-counter-icon .circle {
1639
- -webkit-border-radius: 100%;
1640
- border-radius: 100%; }
1641
- .premium-counter-area .premium-counter-icon img,
1642
- .premium-counter-area .premium-counter-icon svg {
1643
- width: 80px; }
1644
- .premium-counter-area .premium-counter-icon .premium-counter-animation svg {
1645
- height: 80px; }
1646
- .premium-counter-area .premium-counter-title {
1647
- padding: 0;
1648
- margin: 0; }
1649
- .premium-counter-area .premium-counter-value-wrap {
1650
- -js-display: flex;
1651
- display: -webkit-box;
1652
- display: -webkit-flex;
1653
- display: -moz-box;
1654
- display: -ms-flexbox;
1655
- display: flex;
1656
- -webkit-box-align: center;
1657
- -webkit-align-items: center;
1658
- -moz-box-align: center;
1659
- -ms-flex-align: center;
1660
- align-items: center; }
1661
-
1662
- .premium-init-wrapper.right {
1663
- text-align: right; }
1664
-
1665
- span.icon.flex-width {
1666
- width: auto !important;
1667
- height: auto !important; }
1668
-
1669
- .premium-counter-area .premium-counter-init {
1670
- font-size: 35px; }
1671
-
1672
- /**************** Premium Image Separator ****************/
1673
- /*********************************************************/
1674
- .premium-image-separator-container {
1675
- position: absolute;
1676
- width: 100%;
1677
- z-index: 2;
1678
- top: auto;
1679
- -webkit-transition: all 0.3s ease-in-out;
1680
- transition: all 0.3s ease-in-out; }
1681
- .premium-image-separator-container svg,
1682
- .premium-image-separator-container img {
1683
- display: inline-block !important;
1684
- -webkit-mask-repeat: no-repeat;
1685
- mask-repeat: no-repeat;
1686
- -webkit-mask-position: center;
1687
- mask-position: center; }
1688
- .premium-image-separator-container .premium-image-separator-link {
1689
- position: absolute;
1690
- z-index: 9999;
1691
- top: 0;
1692
- left: 0;
1693
- width: 100%;
1694
- height: 100%;
1695
- text-decoration: none; }
1696
- .premium-image-separator-container .premium-image-separator-link:hover, .premium-image-separator-container .premium-image-separator-link:visited, .premium-image-separator-container .premium-image-separator-link:focus, .premium-image-separator-container .premium-image-separator-link:active {
1697
- -webkit-box-shadow: none !important;
1698
- box-shadow: none !important;
1699
- outline: none !important;
1700
- border: none !important;
1701
- text-decoration: none !important; }
1702
- .premium-image-separator-container i {
1703
- padding: 0.1em;
1704
- -webkit-transition: all 0.3s ease-in-out;
1705
- transition: all 0.3s ease-in-out; }
1706
-
1707
- /**************** Premium Modal Box ****************/
1708
- /***************************************************/
1709
- .premium-modal-trigger-btn,
1710
- .premium-modal-box-modal-lower-close {
1711
- display: inline-block;
1712
- padding: 6px 12px;
1713
- margin-bottom: 0;
1714
- font-size: 14px;
1715
- font-weight: normal;
1716
- line-height: 1.42857143;
1717
- text-align: center;
1718
- white-space: nowrap;
1719
- vertical-align: middle;
1720
- -ms-touch-action: manipulation;
1721
- touch-action: manipulation;
1722
- cursor: pointer;
1723
- -webkit-user-select: none;
1724
- -moz-user-select: none;
1725
- -ms-user-select: none;
1726
- user-select: none;
1727
- background-image: none;
1728
- border: 1px solid transparent; }
1729
-
1730
- .premium-modal-trigger-btn i {
1731
- -webkit-transition: all 0.3s ease-in-out;
1732
- transition: all 0.3s ease-in-out; }
1733
-
1734
- .premium-btn-md {
1735
- padding: 8px 14px;
1736
- font-size: 16px;
1737
- line-height: 1.2; }
1738
-
1739
- .premium-btn-lg {
1740
- padding: 10px 16px;
1741
- font-size: 18px;
1742
- line-height: 1.3333333; }
1743
-
1744
- .premium-btn-block {
1745
- display: block;
1746
- width: 100%; }
1747
-
1748
- .premium-modal-box-modal-close {
1749
- float: right;
1750
- font-size: 21px;
1751
- font-weight: bold;
1752
- line-height: 1;
1753
- color: #000; }
1754
- .premium-modal-box-modal-close:hover, .premium-modal-box-modal-close:focus {
1755
- color: #000;
1756
- text-decoration: none;
1757
- cursor: pointer; }
1758
-
1759
- button.premium-modal-box-modal-close {
1760
- -webkit-appearance: none;
1761
- padding: 0;
1762
- cursor: pointer;
1763
- background: transparent;
1764
- border: 0; }
1765
-
1766
- .premium-modal-box-modal {
1767
- position: fixed;
1768
- top: 0;
1769
- right: 0;
1770
- bottom: 0;
1771
- left: 0;
1772
- z-index: 1050;
1773
- display: none;
1774
- -webkit-overflow-scrolling: touch;
1775
- outline: 0;
1776
- padding: 0 !important;
1777
- background: rgba(0, 0, 0, 0.5);
1778
- -webkit-box-align: center;
1779
- -webkit-align-items: center;
1780
- -moz-box-align: center;
1781
- -ms-flex-align: center;
1782
- align-items: center;
1783
- -webkit-box-pack: center;
1784
- -webkit-justify-content: center;
1785
- -moz-box-pack: center;
1786
- -ms-flex-pack: center;
1787
- justify-content: center; }
1788
- .premium-modal-box-modal .premium-modal-box-modal-dialog {
1789
- position: absolute;
1790
- max-height: -webkit-calc(100vh - 150px);
1791
- max-height: calc(100vh - 150px);
1792
- -js-display: flex;
1793
- display: -webkit-box;
1794
- display: -webkit-flex;
1795
- display: -moz-box;
1796
- display: -ms-flexbox;
1797
- display: flex;
1798
- -webkit-box-orient: vertical;
1799
- -webkit-box-direction: normal;
1800
- -webkit-flex-direction: column;
1801
- -moz-box-orient: vertical;
1802
- -moz-box-direction: normal;
1803
- -ms-flex-direction: column;
1804
- flex-direction: column;
1805
- opacity: 0; }
1806
-
1807
- .premium-modal-box-modal-content {
1808
- background-color: #fff;
1809
- background-clip: padding-box;
1810
- border: 1px solid rgba(0, 0, 0, 0.2);
1811
- -webkit-border-radius: 6px;
1812
- border-radius: 6px;
1813
- outline: 0; }
1814
-
1815
- .premium-modal-backdrop.premium-in {
1816
- filter: alpha(opacity=50);
1817
- opacity: 0.5 !important; }
1818
-
1819
- .premium-in {
1820
- opacity: 1; }
1821
-
1822
- .premium-modal-backdrop {
1823
- position: fixed;
1824
- top: 0;
1825
- right: 0;
1826
- bottom: 0;
1827
- left: 0;
1828
- z-index: 1040;
1829
- background-color: #000; }
1830
-
1831
- .premium-in {
1832
- -js-display: flex !important;
1833
- display: -webkit-box !important;
1834
- display: -webkit-flex !important;
1835
- display: -moz-box !important;
1836
- display: -ms-flexbox !important;
1837
- display: flex !important; }
1838
-
1839
- .premium-modal-box-modal-header {
1840
- -js-display: flex;
1841
- display: -webkit-box;
1842
- display: -webkit-flex;
1843
- display: -moz-box;
1844
- display: -ms-flexbox;
1845
- display: flex;
1846
- -webkit-box-pack: justify;
1847
- -webkit-justify-content: space-between;
1848
- -moz-box-pack: justify;
1849
- -ms-flex-pack: justify;
1850
- justify-content: space-between;
1851
- -webkit-box-align: center;
1852
- -webkit-align-items: center;
1853
- -moz-box-align: center;
1854
- -ms-flex-align: center;
1855
- align-items: center;
1856
- padding: 5px 15px;
1857
- border-bottom: 1px solid #e5e5e5; }
1858
- .premium-modal-box-modal-header .premium-modal-box-modal-close {
1859
- margin-top: -2px; }
1860
- .premium-modal-box-modal-header .premium-modal-box-modal-title {
1861
- -js-display: flex;
1862
- display: -webkit-box;
1863
- display: -webkit-flex;
1864
- display: -moz-box;
1865
- display: -ms-flexbox;
1866
- display: flex;
1867
- -webkit-box-align: center;
1868
- -webkit-align-items: center;
1869
- -moz-box-align: center;
1870
- -ms-flex-align: center;
1871
- align-items: center;
1872
- margin: 0;
1873
- padding: 0; }
1874
- .premium-modal-box-modal-header .premium-modal-box-modal-title svg {
1875
- width: 50px;
1876
- height: 60px; }
1877
-
1878
- .premium-modal-box-modal-body {
1879
- position: relative;
1880
- padding: 15px;
1881
- overflow: hidden; }
1882
-
1883
- .premium-modal-box-modal-footer {
1884
- padding: 15px;
1885
- text-align: right;
1886
- border-top: 1px solid #e5e5e5; }
1887
-
1888
- .premium-modal-scrollbar-measure {
1889
- position: absolute;
1890
- top: -9999px;
1891
- width: 50px;
1892
- height: 50px;
1893
- overflow: scroll; }
1894
-
1895
- .premium-modal-trigger-text {
1896
- background: none !important;
1897
- display: inline-block; }
1898
-
1899
- .premium-modal-box-container {
1900
- width: 100% !important; }
1901
-
1902
- /*Open Modal Button Style*/
1903
- .premium-modal-trigger-container .premium-modal-trigger-btn {
1904
- border: none;
1905
- -webkit-transition: all 0.3s ease-in-out;
1906
- transition: all 0.3s ease-in-out; }
1907
-
1908
- .premium-modal-trigger-container .premium-modal-trigger-img,
1909
- .premium-modal-trigger-container .premium-modal-trigger-text,
1910
- .premium-modal-trigger-container .premium-modal-trigger-animation {
1911
- cursor: pointer; }
1912
-
1913
- .premium-modal-trigger-container .premium-modal-trigger-animation {
1914
- display: inline-block;
1915
- width: 200px;
1916
- height: 200px;
1917
- -webkit-transition: all 0.3s ease-in-out;
1918
- transition: all 0.3s ease-in-out; }
1919
-
1920
- /*Image on Modal Header Style*/
1921
- .premium-modal-box-modal-header img {
1922
- width: 48px;
1923
- padding-right: 5px; }
1924
-
1925
- .premium-modal-box-modal-header i,
1926
- .premium-modal-box-modal-header svg {
1927
- padding-right: 6px; }
1928
-
1929
- .premium-modal-box-modal-close {
1930
- position: relative;
1931
- z-index: 99; }
1932
-
1933
- .premium-modal-trigger-img,
1934
- .premium-modal-trigger-text,
1935
- .premium-modal-box-close-button-container,
1936
- .premium-modal-box-modal-close,
1937
- .premium-modal-box-modal-lower-close {
1938
- -webkit-transition: all 0.3s ease-in-out;
1939
- transition: all 0.3s ease-in-out; }
1940
-
1941
- @media (min-width: 768px) {
1942
- .premium-modal-box-modal-dialog {
1943
- width: 700px;
1944
- max-height: 600px;
1945
- overflow: auto; } }
1946
-
1947
- @media (max-width: 767px) {
1948
- .premium-modal-box-modal-dialog {
1949
- width: 100%;
1950
- max-height: 500px;
1951
- overflow: auto; } }
1952
-
1953
- .premium-modal-box-container[data-modal-animation*="animated-"] {
1954
- opacity: 0; }
1955
-
1956
- /**************** Premium Progress Bar ****************/
1957
- /******************************************************/
1958
- .premium-progressbar-container {
1959
- position: relative; }
1960
-
1961
- .premium-progressbar-bar-wrap {
1962
- position: relative;
1963
- text-align: left;
1964
- overflow: hidden;
1965
- height: 25px;
1966
- margin-bottom: 50px;
1967
- background-color: #f5f5f5;
1968
- -webkit-border-radius: 4px;
1969
- border-radius: 4px;
1970
- -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
1971
- box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); }
1972
- .premium-progressbar-bar-wrap.premium-progressbar-dots {
1973
- background-color: transparent;
1974
- width: 100%;
1975
- -js-display: flex;
1976
- display: -webkit-box;
1977
- display: -webkit-flex;
1978
- display: -moz-box;
1979
- display: -ms-flexbox;
1980
- display: flex;
1981
- height: auto;
1982
- -webkit-box-shadow: none;
1983
- box-shadow: none; }
1984
- .premium-progressbar-bar-wrap .progress-segment {
1985
- position: relative;
1986
- width: 25px;
1987
- height: 25px;
1988
- -webkit-border-radius: 50%;
1989
- border-radius: 50%;
1990
- overflow: hidden;
1991
- background-color: #f5f5f5; }
1992
- .premium-progressbar-bar-wrap .progress-segment.filled {
1993
- background: #6ec1e4; }
1994
- .premium-progressbar-bar-wrap .progress-segment:not(:first-child):not(:last-child) {
1995
- margin: 0 4px; }
1996
- .premium-progressbar-bar-wrap .progress-segment:first-child {
1997
- margin-right: 4px; }
1998
- .premium-progressbar-bar-wrap .progress-segment:last-child {
1999
- margin-left: 4px; }
2000
- .premium-progressbar-bar-wrap .progress-segment .segment-inner {
2001
- position: absolute;
2002
- top: 0;
2003
- left: 0;
2004
- height: 100%;
2005
- background-color: #6ec1e4; }
2006
-
2007
- .premium-progressbar-bar {
2008
- float: left;
2009
- width: 0%;
2010
- height: 100%;
2011
- font-size: 12px;
2012
- line-height: 20px;
2013
- background: #6ec1e4;
2014
- text-align: center;
2015
- -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
2016
- box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15); }
2017
-
2018
- .premium-progressbar-striped .premium-progressbar-bar {
2019
- background-image: -webkit-linear-gradient(135deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
2020
- background-image: linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
2021
- -webkit-background-size: 40px 40px;
2022
- background-size: 40px 40px; }
2023
-
2024
- .premium-progressbar-active .premium-progressbar-bar {
2025
- -webkit-animation: progress-bar-stripes 2s linear infinite;
2026
- animation: progress-bar-stripes 2s linear infinite; }
2027
-
2028
- .premium-progressbar-gradient .premium-progressbar-bar {
2029
- -webkit-background-size: 400% 400% !important;
2030
- background-size: 400% 400% !important;
2031
- -webkit-animation: progress-bar-gradient 10s ease-in-out infinite;
2032
- animation: progress-bar-gradient 10s ease-in-out infinite; }
2033
-
2034
- .premium-progressbar-bar {
2035
- position: absolute;
2036
- overflow: hidden;
2037
- line-height: 20px; }
2038
-
2039
- .premium-progressbar-container .clearfix {
2040
- clear: both; }
2041
-
2042
- .premium-progressbar-bar {
2043
- -webkit-transition: width 0s ease-in-out !important;
2044
- transition: width 0s ease-in-out !important; }
2045
-
2046
- .premium-progressbar-container p:first-of-type {
2047
- margin: 0;
2048
- float: left; }
2049
-
2050
- .premium-progressbar-container p:nth-of-type(2) {
2051
- margin: 0;
2052
- float: right; }
2053
-
2054
- .premium-progressbar-name {
2055
- left: 50%;
2056
- top: 0;
2057
- right: 0;
2058
- -webkit-transform: translateX(-12.5px);
2059
- -ms-transform: translateX(-12.5px);
2060
- transform: translateX(-12.5px);
2061
- z-index: 1; }
2062
-
2063
- .premium-progressbar-multiple-label {
2064
- position: relative;
2065
- float: left;
2066
- width: 0;
2067
- left: 50%; }
2068
-
2069
- .premium-progressbar-center-label {
2070
- position: relative;
2071
- white-space: nowrap; }
2072
-
2073
- .premium-progressbar-arrow {
2074
- height: 15px;
2075
- left: 50%;
2076
- display: inline-block;
2077
- border-left: 7px solid transparent;
2078
- border-right: 7px solid transparent;
2079
- border-top: 11px solid;
2080
- -webkit-transform: translateX(-50%);
2081
- -ms-transform: translateX(-50%);
2082
- transform: translateX(-50%); }
2083
-
2084
- .premium-progressbar-pin {
2085
- border-left: 1px solid;
2086
- height: 12px;
2087
- left: 50%;
2088
- display: inline-block; }
2089
-
2090
- /**
2091
- * Circle Progress Bar
2092
- */
2093
- .premium-progressbar-circle-wrap {
2094
- width: 200px;
2095
- height: 200px;
2096
- position: relative;
2097
- margin: 0 auto; }
2098
- .premium-progressbar-circle-wrap .premium-progressbar-circle {
2099
- position: absolute;
2100
- top: 0;
2101
- left: 0;
2102
- width: 100%;
2103
- height: 100%;
2104
- -webkit-clip-path: inset(0 0 0 50%);
2105
- clip-path: inset(0 0 0 50%); }
2106
- .premium-progressbar-circle-wrap .premium-progressbar-circle div {
2107
- position: absolute;
2108
- left: 0;
2109
- top: 0;
2110
- height: 100%;
2111
- width: 100%;
2112
- border-width: 6px;
2113
- border-style: solid;
2114
- border-color: #54595f;
2115
- -webkit-border-radius: 50%;
2116
- border-radius: 50%;
2117
- -webkit-clip-path: inset(0 50% 0 0);
2118
- clip-path: inset(0 50% 0 0); }
2119
- .premium-progressbar-circle-wrap .premium-progressbar-circle .premium-progressbar-circle-left {
2120
- -webkit-transform: rotate(0);
2121
- -ms-transform: rotate(0);
2122
- transform: rotate(0); }
2123
- .premium-progressbar-circle-wrap .premium-progressbar-circle .premium-progressbar-circle-right {
2124
- -webkit-transform: rotate(180deg);
2125
- -ms-transform: rotate(180deg);
2126
- transform: rotate(180deg);
2127
- visibility: hidden; }
2128
- .premium-progressbar-circle-wrap .premium-progressbar-circle-base {
2129
- width: 100%;
2130
- height: 100%;
2131
- border: 6px solid #eee;
2132
- -webkit-border-radius: 50%;
2133
- border-radius: 50%; }
2134
- .premium-progressbar-circle-wrap .premium-progressbar-circle-content {
2135
- position: absolute;
2136
- top: 0;
2137
- left: 0;
2138
- width: 100%;
2139
- height: 100%;
2140
- -js-display: flex;
2141
- display: -webkit-box;
2142
- display: -webkit-flex;
2143
- display: -moz-box;
2144
- display: -ms-flexbox;
2145
- display: flex;
2146
- -webkit-box-orient: vertical;
2147
- -webkit-box-direction: normal;
2148
- -webkit-flex-direction: column;
2149
- -moz-box-orient: vertical;
2150
- -moz-box-direction: normal;
2151
- -ms-flex-direction: column;
2152
- flex-direction: column;
2153
- -webkit-box-pack: center;
2154
- -webkit-justify-content: center;
2155
- -moz-box-pack: center;
2156
- -ms-flex-pack: center;
2157
- justify-content: center;
2158
- -webkit-box-align: center;
2159
- -webkit-align-items: center;
2160
- -moz-box-align: center;
2161
- -ms-flex-align: center;
2162
- align-items: center; }
2163
- .premium-progressbar-circle-wrap .premium-lottie-animation {
2164
- line-height: 1; }
2165
-
2166
- @-webkit-keyframes progress-bar-stripes {
2167
- from {
2168
- background-position: 0 0; }
2169
- to {
2170
- background-position: 40px 0; } }
2171
-
2172
- @keyframes progress-bar-stripes {
2173
- from {
2174
- background-position: 0 0; }
2175
- to {
2176
- background-position: 40px 0; } }
2177
-
2178
- @-webkit-keyframes progress-bar-gradient {
2179
- 0% {
2180
- background-position: 0% 50%; }
2181
- 50% {
2182
- background-position: 100% 50%; }
2183
- 100% {
2184
- background-position: 0% 50%; } }
2185
-
2186
- @keyframes progress-bar-gradient {
2187
- 0% {
2188
- background-position: 0% 50%; }
2189
- 50% {
2190
- background-position: 100% 50%; }
2191
- 100% {
2192
- background-position: 0% 50%; } }
2193
-
2194
- /**************** Premium Testimonials ****************/
2195
- /******************************************************/
2196
- .premium-testimonial-box {
2197
- width: 100%;
2198
- background: transparent;
2199
- -webkit-transition: all 0.3s ease-in-out;
2200
- transition: all 0.3s ease-in-out; }
2201
- .premium-testimonial-box .premium-testimonial-author-info {
2202
- -js-display: flex;
2203
- display: -webkit-box;
2204
- display: -webkit-flex;
2205
- display: -moz-box;
2206
- display: -ms-flexbox;
2207
- display: flex;
2208
- -webkit-box-pack: center;
2209
- -webkit-justify-content: center;
2210
- -moz-box-pack: center;
2211
- -ms-flex-pack: center;
2212
- justify-content: center;
2213
- -webkit-box-align: center;
2214
- -webkit-align-items: center;
2215
- -moz-box-align: center;
2216
- -ms-flex-align: center;
2217
- align-items: center; }
2218
- .premium-testimonial-box .premium-testimonial-person-name,
2219
- .premium-testimonial-box .premium-testimonial-company-name {
2220
- font-weight: 600;
2221
- margin: 0; }
2222
-
2223
- .premium-testimonial-container {
2224
- position: relative; }
2225
-
2226
- .premium-testimonial-img-wrapper {
2227
- margin-left: auto;
2228
- margin-right: auto;
2229
- overflow: hidden;
2230
- border-style: solid !important; }
2231
- .premium-testimonial-img-wrapper.circle {
2232
- -webkit-border-radius: 50%;
2233
- border-radius: 50%; }
2234
- .premium-testimonial-img-wrapper.rounded {
2235
- -webkit-border-radius: 15px;
2236
- border-radius: 15px; }
2237
- .premium-testimonial-img-wrapper img {
2238
- -o-object-fit: cover;
2239
- object-fit: cover;
2240
- width: 100%;
2241
- height: 100% !important; }
2242
-
2243
- .premium-testimonial-content-wrapper {
2244
- position: relative;
2245
- -js-display: flex;
2246
- display: -webkit-box;
2247
- display: -webkit-flex;
2248
- display: -moz-box;
2249
- display: -ms-flexbox;
2250
- display: flex;
2251
- -webkit-box-orient: vertical;
2252
- -webkit-box-direction: normal;
2253
- -webkit-flex-direction: column;
2254
- -moz-box-orient: vertical;
2255
- -moz-box-direction: normal;
2256
- -ms-flex-direction: column;
2257
- flex-direction: column;
2258
- z-index: 2;
2259
- width: 100%;
2260
- padding: 20px;
2261
- text-align: center; }
2262
-
2263
- .premium-testimonial-clear-float {
2264
- clear: both; }
2265
-
2266
- .premium-testimonial-upper-quote,
2267
- .premium-testimonial-lower-quote {
2268
- position: absolute;
2269
- z-index: 1; }
2270
-
2271
- /**************** Premium Dual Heading *****************/
2272
- /*******************************************************/
2273
- .premium-dual-header-container .premium-dual-header-first-header,
2274
- .premium-dual-header-container .premium-dual-header-second-header {
2275
- position: relative;
2276
- padding: 0;
2277
- margin: 0;
2278
- display: inline-block;
2279
- -webkit-transform: translate(0, 0);
2280
- -ms-transform: translate(0, 0);
2281
- transform: translate(0, 0); }
2282
-
2283
- .premium-dual-header-first-clip .premium-dual-header-first-span,
2284
- .premium-dual-header-second-clip {
2285
- -webkit-text-fill-color: transparent;
2286
- -webkit-background-clip: text;
2287
- background-clip: text; }
2288
-
2289
- .premium-dual-header-first-clip.stroke .premium-dual-header-first-span,
2290
- .premium-dual-header-second-clip.stroke {
2291
- -webkit-text-stroke-color: transparent;
2292
- -webkit-text-fill-color: #fafafa;
2293
- -webkit-text-stroke-width: 2px; }
2294
-
2295
- @media (max-width: 500px) {
2296
- .premium-dual-header-container .premium-dual-header-first-header,
2297
- .premium-dual-header-container .premium-dual-header-second-header {
2298
- display: block;
2299
- word-wrap: break-word; }
2300
- .premium-dual-header-first-container,
2301
- .premium-dual-header-second-container {
2302
- margin: 0; } }
2303
-
2304
- @media (min-width: 501px) {
2305
- .premium-dual-header-first-container {
2306
- margin-right: 5px; } }
2307
-
2308
- .premium-dual-header-first-header.gradient .premium-dual-header-first-span,
2309
- .premium-dual-header-second-header.gradient {
2310
- -webkit-background-size: 300% 300% !important;
2311
- background-size: 300% 300% !important;
2312
- -webkit-animation: Gradient 10s ease-in-out infinite;
2313
- animation: Gradient 10s ease-in-out infinite; }
2314
-
2315
- @-webkit-keyframes Gradient {
2316
- 0% {
2317
- background-position: 0% 50%; }
2318
- 50% {
2319
- background-position: 100% 50%; }
2320
- 100% {
2321
- background-position: 0% 50%; } }
2322
-
2323
- @keyframes Gradient {
2324
- 0% {
2325
- background-position: 0% 50%; }
2326
- 50% {
2327
- background-position: 100% 50%; }
2328
- 100% {
2329
- background-position: 0% 50%; } }
2330
-
2331
- .premium-mask-yes.premium-header-inline .premium-dual-header-first-span,
2332
- .premium-mask-yes.premium-header-inline .premium-dual-header-first-span {
2333
- display: inline-block !important; }
2334
-
2335
- /**************** Premium Title ****************/
2336
- /***********************************************/
2337
- .premium-title-container {
2338
- position: relative;
2339
- width: 100%;
2340
- clear: both; }
2341
- .premium-title-container .premium-title-header {
2342
- position: relative;
2343
- margin: 0;
2344
- padding: 10px; }
2345
- .premium-title-container .premium-title-header:not(.premium-title-style7) {
2346
- -webkit-box-align: center;
2347
- -webkit-align-items: center;
2348
- -moz-box-align: center;
2349
- -ms-flex-align: center;
2350
- align-items: center; }
2351
- .premium-title-container .premium-title-header svg {
2352
- width: 40px;
2353
- height: 40px; }
2354
- .premium-title-container .premium-title-header img {
2355
- width: 40px;
2356
- height: 40px;
2357
- -o-object-fit: cover;
2358
- object-fit: cover; }
2359
- .premium-title-container .premium-title-header a {
2360
- position: absolute;
2361
- top: 0;
2362
- left: 0;
2363
- width: 100%;
2364
- height: 100%; }
2365
- .premium-title-container .premium-lottie-animation {
2366
- -js-display: flex;
2367
- display: -webkit-box;
2368
- display: -webkit-flex;
2369
- display: -moz-box;
2370
- display: -ms-flexbox;
2371
- display: flex; }
2372
-
2373
- .premium-title-icon-row .premium-title-icon {
2374
- margin-right: 10px; }
2375
-
2376
- .premium-title-icon-row-reverse .premium-title-icon {
2377
- margin-left: 10px; }
2378
-
2379
- .premium-title-style3,
2380
- .premium-title-style4 {
2381
- -js-display: flex;
2382
- display: -webkit-box;
2383
- display: -webkit-flex;
2384
- display: -moz-box;
2385
- display: -ms-flexbox;
2386
- display: flex; }
2387
-
2388
- .premium-title-style1,
2389
- .premium-title-style2,
2390
- .premium-title-style5,
2391
- .premium-title-style6,
2392
- .premium-title-style8,
2393
- .premium-title-style9 {
2394
- -js-display: inline-flex;
2395
- display: -webkit-inline-box;
2396
- display: -webkit-inline-flex;
2397
- display: -moz-inline-box;
2398
- display: -ms-inline-flexbox;
2399
- display: inline-flex; }
2400
-
2401
- .premium-title-style7 {
2402
- -js-display: inline-flex;
2403
- display: -webkit-inline-box;
2404
- display: -webkit-inline-flex;
2405
- display: -moz-inline-box;
2406
- display: -ms-inline-flexbox;
2407
- display: inline-flex;
2408
- -webkit-box-orient: vertical;
2409
- -webkit-box-direction: normal;
2410
- -webkit-flex-direction: column;
2411
- -moz-box-orient: vertical;
2412
- -moz-box-direction: normal;
2413
- -ms-flex-direction: column;
2414
- flex-direction: column; }
2415
- .premium-title-style7 .premium-title-style7-inner {
2416
- -js-display: flex;
2417
- display: -webkit-box;
2418
- display: -webkit-flex;
2419
- display: -moz-box;
2420
- display: -ms-flexbox;
2421
- display: flex;
2422
- -webkit-box-align: center;
2423
- -webkit-align-items: center;
2424
- -moz-box-align: center;
2425
- -ms-flex-align: center;
2426
- align-items: center; }
2427
-
2428
- .premium-title-style1 {
2429
- border-left: 3px solid #6ec1e4; }
2430
-
2431
- .premium-title-container.style2, .premium-title-container.style4, .premium-title-container.style5, .premium-title-container.style6 {
2432
- border-bottom: 3px solid #6ec1e4; }
2433
-
2434
- /*Style 6 Header*/
2435
- .premium-title-style6:before {
2436
- position: absolute;
2437
- left: 50%;
2438
- bottom: 0;
2439
- margin-left: -2px;
2440
- content: "";
2441
- border: 3px solid transparent; }
2442
-
2443
- /*Style 6 Trinagle*/
2444
- .premium-title-style7-stripe-wrap {
2445
- -js-display: flex;
2446
- display: -webkit-box;
2447
- display: -webkit-flex;
2448
- display: -moz-box;
2449
- display: -ms-flexbox;
2450
- display: flex; }
2451
-
2452
- .premium-title-style7:before {
2453
- display: none; }
2454
-
2455
- .premium-title-style8 .premium-title-text[data-animation="shiny"] {
2456
- -webkit-background-size: 125px 125px !important;
2457
- background-size: 125px !important;
2458
- color: rgba(255, 255, 255, 0);
2459
- -webkit-background-clip: text !important;
2460
- background-clip: text !important;
2461
- -webkit-animation-name: pa-shinny-text !important;
2462
- animation-name: pa-shinny-text !important;
2463
- -webkit-animation-duration: var(--animation-speed) !important;
2464
- animation-duration: var(--animation-speed) !important;
2465
- -webkit-animation-iteration-count: infinite !important;
2466
- animation-iteration-count: infinite !important;
2467
- background: var(--base-color) -webkit-gradient(linear, left top, right top, from(var(--base-color)), to(var(--base-color)), color-stop(0.5, var(--shiny-color))) 0 0 no-repeat; }
2468
-
2469
- @-webkit-keyframes pa-shinny-text {
2470
- 0% {
2471
- background-position: 0%; }
2472
- 100% {
2473
- background-position: 200%; } }
2474
-
2475
- @keyframes pa-shinny-text {
2476
- 0% {
2477
- background-position: 0%; }
2478
- 100% {
2479
- background-position: 200%; } }
2480
-
2481
- .premium-title-style9[data-animation-blur="process"] .premium-title-style9-letter {
2482
- -webkit-animation: pa-blur-shadow 2s 1 alternate;
2483
- animation: pa-blur-shadow 2s 1 alternate; }
2484
-
2485
- @-webkit-keyframes pa-blur-shadow {
2486
- from {
2487
- text-shadow: 0 0 var(--shadow-value) var(--shadow-color);
2488
- color: transparent; }
2489
- to {
2490
- text-shadow: 0; } }
2491
-
2492
- @keyframes pa-blur-shadow {
2493
- from {
2494
- text-shadow: 0 0 var(--shadow-value) var(--shadow-color);
2495
- color: transparent; }
2496
- to {
2497
- text-shadow: 0; } }
2498
-
2499
- .premium-title-gradient-yes .premium-title-text,
2500
- .premium-title-gradient-yes .premium-title-icon {
2501
- -webkit-background-clip: text;
2502
- -webkit-text-fill-color: transparent;
2503
- background-image: -webkit-gradient(linear, left top, right top, from(#ffa648), color-stop(#f17cc1), to(#4da9fd));
2504
- background-image: -webkit-linear-gradient(left, #ffa648, #f17cc1, #4da9fd);
2505
- background-image: linear-gradient(to right, #ffa648, #f17cc1, #4da9fd);
2506
- -webkit-animation: pa-text-gradient 8s infinite;
2507
- animation: pa-text-gradient 8s infinite; }
2508
-
2509
- @-webkit-keyframes pa-text-gradient {
2510
- 0%,
2511
- 100% {
2512
- -webkit-filter: hue-rotate(0deg);
2513
- filter: hue-rotate(0deg); }
2514
- 50% {
2515
- -webkit-filter: hue-rotate(360deg);
2516
- filter: hue-rotate(360deg); } }
2517
-
2518
- @keyframes pa-text-gradient {
2519
- 0%,
2520
- 100% {
2521
- -webkit-filter: hue-rotate(0deg);
2522
- filter: hue-rotate(0deg); }
2523
- 50% {
2524
- -webkit-filter: hue-rotate(360deg);
2525
- filter: hue-rotate(360deg); } }
2526
-
2527
- /*
2528
- * Common Title/Dual Heading
2529
- */
2530
- .premium-title-bg-text:before {
2531
- position: absolute;
2532
- content: attr(data-background);
2533
- top: 0;
2534
- left: 0;
2535
- text-align: left; }
2536
-
2537
- .premium-mask-yes .premium-dual-header-first-clip .premium-dual-header-first-span .premium-mask-span,
2538
- .premium-mask-yes .premium-dual-header-second-clip .premium-mask-span {
2539
- background: inherit; }
2540
-
2541
- .premium-mask-yes .premium-mask-span {
2542
- position: relative;
2543
- overflow: hidden;
2544
- -js-display: inline-flex !important;
2545
- display: -webkit-inline-box !important;
2546
- display: -webkit-inline-flex !important;
2547
- display: -moz-inline-box !important;
2548
- display: -ms-inline-flexbox !important;
2549
- display: inline-flex !important; }
2550
- .premium-mask-yes .premium-mask-span::after {
2551
- content: "";
2552
- position: absolute;
2553
- top: 0;
2554
- right: 0px;
2555
- width: 100%;
2556
- height: 100%;
2557
- background-color: currentColor;
2558
- -webkit-backface-visibility: visible;
2559
- backface-visibility: visible; }
2560
-
2561
- .premium-mask-active.premium-mask-tr .premium-mask-span::after {
2562
- -webkit-animation: pa-mask-tr 1.7s cubic-bezier(1, 0, 0.18, 1) forwards;
2563
- animation: pa-mask-tr 1.7s cubic-bezier(1, 0, 0.18, 1) forwards;
2564
- -webkit-transform: translateX(-103%);
2565
- -ms-transform: translateX(-103%);
2566
- transform: translateX(-103%); }
2567
-
2568
- .premium-mask-active.premium-mask-tl .premium-mask-span::after {
2569
- -webkit-animation: pa-mask-tl 1.7s cubic-bezier(1, 0, 0.18, 1) forwards;
2570
- animation: pa-mask-tl 1.7s cubic-bezier(1, 0, 0.18, 1) forwards;
2571
- -webkit-transform: translateX(103%);
2572
- -ms-transform: translateX(103%);
2573
- transform: translateX(103%); }
2574
-
2575
- .premium-mask-active.premium-mask-tb .premium-mask-span::after {
2576
- -webkit-animation: pa-mask-tb 1.7s cubic-bezier(1, 0, 0.18, 1) forwards;
2577
- animation: pa-mask-tb 1.7s cubic-bezier(1, 0, 0.18, 1) forwards;
2578
- -webkit-transform: translateY(-103%);
2579
- -ms-transform: translateY(-103%);
2580
- transform: translateY(-103%); }
2581
-
2582
- .premium-mask-active.premium-mask-tt .premium-mask-span::after {
2583
- -webkit-animation: pa-mask-tt 1.7s cubic-bezier(1, 0, 0.18, 1) forwards;
2584
- animation: pa-mask-tt 1.7s cubic-bezier(1, 0, 0.18, 1) forwards;
2585
- -webkit-transform: translateY(103%);
2586
- -ms-transform: translateY(103%);
2587
- transform: translateY(103%); }
2588
-
2589
- @-webkit-keyframes pa-mask-tr {
2590
- 0% {
2591
- -webkit-transform: translateX(0%);
2592
- transform: translateX(0%); }
2593
- 100% {
2594
- -webkit-transform: translateX(103%);
2595
- transform: translateX(103%); } }
2596
-
2597
- @keyframes pa-mask-tr {
2598
- 0% {
2599
- -webkit-transform: translateX(0%);
2600
- transform: translateX(0%); }
2601
- 100% {
2602
- -webkit-transform: translateX(103%);
2603
- transform: translateX(103%); } }
2604
-
2605
- @-webkit-keyframes pa-mask-tl {
2606
- 0% {
2607
- -webkit-transform: translateX(0%);
2608
- transform: translateX(0%); }
2609
- 100% {
2610
- -webkit-transform: translateX(-103%);
2611
- transform: translateX(-103%); } }
2612
-
2613
- @keyframes pa-mask-tl {
2614
- 0% {
2615
- -webkit-transform: translateX(0%);
2616
- transform: translateX(0%); }
2617
- 100% {
2618
- -webkit-transform: translateX(-103%);
2619
- transform: translateX(-103%); } }
2620
-
2621
- @-webkit-keyframes pa-mask-tb {
2622
- 0% {
2623
- -webkit-transform: translateY(0%);
2624
- transform: translateY(0%); }
2625
- 100% {
2626
- -webkit-transform: translateY(103%);
2627
- transform: translateY(103%); } }
2628
-
2629
- @keyframes pa-mask-tb {
2630
- 0% {
2631
- -webkit-transform: translateY(0%);
2632
- transform: translateY(0%); }
2633
- 100% {
2634
- -webkit-transform: translateY(103%);
2635
- transform: translateY(103%); } }
2636
-
2637
- @-webkit-keyframes pa-mask-tt {
2638
- 0% {
2639
- -webkit-transform: translateY(0%);
2640
- transform: translateY(0%); }
2641
- 100% {
2642
- -webkit-transform: translateY(-103%);
2643
- transform: translateY(-103%); } }
2644
-
2645
- @keyframes pa-mask-tt {
2646
- 0% {
2647
- -webkit-transform: translateY(0%);
2648
- transform: translateY(0%); }
2649
- 100% {
2650
- -webkit-transform: translateY(-103%);
2651
- transform: translateY(-103%); } }
2652
-
2653
- /**************** Premium Video Box ************/
2654
- /***********************************************/
2655
- .premium-video-box-transform {
2656
- -webkit-transform: none !important;
2657
- -ms-transform: none !important;
2658
- transform: none !important; }
2659
-
2660
- .premium-video-box-container {
2661
- -js-display: flex;
2662
- display: -webkit-box;
2663
- display: -webkit-flex;
2664
- display: -moz-box;
2665
- display: -ms-flexbox;
2666
- display: flex;
2667
- -webkit-box-orient: vertical;
2668
- -webkit-box-direction: normal;
2669
- -webkit-flex-direction: column;
2670
- -moz-box-orient: vertical;
2671
- -moz-box-direction: normal;
2672
- -ms-flex-direction: column;
2673
- flex-direction: column; }
2674
-
2675
- .premium-video-box-container > div {
2676
- position: relative;
2677
- overflow: hidden; }
2678
-
2679
- .pa-aspect-ratio-11 .premium-video-box-container > div {
2680
- padding-bottom: 100%; }
2681
-
2682
- .pa-aspect-ratio-169 .premium-video-box-container > div {
2683
- padding-bottom: 56.25%; }
2684
-
2685
- .pa-aspect-ratio-43 .premium-video-box-container > div {
2686
- padding-bottom: 75%; }
2687
-
2688
- .pa-aspect-ratio-32 .premium-video-box-container > div {
2689
- padding-bottom: 66.6666%; }
2690
-
2691
- .pa-aspect-ratio-219 .premium-video-box-container > div {
2692
- padding-bottom: 42.8571%; }
2693
-
2694
- .pa-aspect-ratio-916 .premium-video-box-container > div {
2695
- padding-bottom: 177.8%; }
2696
-
2697
- .premium-video-box-image-container {
2698
- position: absolute;
2699
- top: 0;
2700
- left: 0;
2701
- bottom: 0;
2702
- right: 0;
2703
- width: 100%;
2704
- height: 100%;
2705
- -webkit-background-size: cover;
2706
- background-size: cover;
2707
- background-position: 50%;
2708
- cursor: pointer;
2709
- margin: auto;
2710
- -webkit-transition: 0.2s all;
2711
- transition: 0.2s all; }
2712
-
2713
- .premium-video-box-play-icon-container {
2714
- position: absolute;
2715
- z-index: 2;
2716
- cursor: pointer;
2717
- -webkit-transform: translate(-50%, -50%);
2718
- -ms-transform: translate(-50%, -50%);
2719
- transform: translate(-50%, -50%);
2720
- background: rgba(252, 252, 252, 0.35); }
2721
-
2722
- .premium-video-box-description-container {
2723
- position: absolute;
2724
- z-index: 2;
2725
- padding: 5px;
2726
- text-align: center;
2727
- cursor: pointer;
2728
- -webkit-transform: translate(-50%, -50%);
2729
- -ms-transform: translate(-50%, -50%);
2730
- transform: translate(-50%, -50%); }
2731
-
2732
- .premium-video-box-text {
2733
- margin-bottom: 0 !important;
2734
- -webkit-transition: all 0.3s ease-in-out;
2735
- transition: all 0.3s ease-in-out; }
2736
-
2737
- .premium-video-box-play-icon {
2738
- padding: 15px;
2739
- -webkit-transform: translateX(4%);
2740
- -ms-transform: translateX(4%);
2741
- transform: translateX(4%);
2742
- -webkit-transition: all 0.3s ease-in-out;
2743
- transition: all 0.3s ease-in-out; }
2744
-
2745
- .premium-video-box-video-container {
2746
- position: absolute;
2747
- top: 0;
2748
- left: 0;
2749
- z-index: 2;
2750
- width: 100%;
2751
- height: 100%;
2752
- -webkit-transition: opacity 0.8s ease-in-out;
2753
- transition: opacity 0.8s ease-in-out;
2754
- overflow: hidden;
2755
- cursor: pointer; }
2756
-
2757
- .premium-video-box-container[data-overlay="true"][data-type="self"] .premium-video-box-video-container {
2758
- opacity: 0;
2759
- visibility: hidden; }
2760
-
2761
- .premium-video-box-video-container iframe {
2762
- max-width: 100%;
2763
- width: 100%;
2764
- height: 100%;
2765
- margin: 0;
2766
- line-height: 1;
2767
- border: none; }
2768
-
2769
- .premium-video-box-video-container video {
2770
- max-width: 100%;
2771
- width: 100%;
2772
- height: 100%;
2773
- margin: 0;
2774
- line-height: 1;
2775
- border: none;
2776
- background-color: #000;
2777
- -o-object-fit: contain;
2778
- object-fit: contain; }
2779
-
2780
- .premium-video-box-container .premium-video-box-vimeo-wrap {
2781
- -js-display: flex;
2782
- display: -webkit-box;
2783
- display: -webkit-flex;
2784
- display: -moz-box;
2785
- display: -ms-flexbox;
2786
- display: flex;
2787
- position: absolute;
2788
- top: 0;
2789
- left: 0;
2790
- z-index: 3;
2791
- margin: 10px;
2792
- margin-right: 10px;
2793
- -webkit-transition: opacity 0.2s ease-out;
2794
- transition: opacity 0.2s ease-out;
2795
- margin-right: 4.6em; }
2796
-
2797
- .premium-video-box-vimeo-wrap .premium-video-box-vimeo-portrait {
2798
- width: 60px;
2799
- height: 60px;
2800
- background: rgba(23, 35, 34, 0.75);
2801
- margin-right: 1px;
2802
- -webkit-box-flex: 1;
2803
- -webkit-flex: 1 0 auto;
2804
- -moz-box-flex: 1;
2805
- -ms-flex: 1 0 auto;
2806
- flex: 1 0 auto;
2807
- padding: 0; }
2808
-
2809
- .premium-video-box-vimeo-portrait img {
2810
- width: 50px;
2811
- height: 50px;
2812
- margin: 5px;
2813
- padding: 0;
2814
- border: 0;
2815
- -webkit-border-radius: 50%;
2816
- border-radius: 50%; }
2817
-
2818
- .premium-video-box-vimeo-wrap .premium-video-box-vimeo-headers {
2819
- font-size: 10px; }
2820
-
2821
- .premium-video-box-vimeo-wrap .premium-video-box-vimeo-title {
2822
- max-width: 100%;
2823
- font-size: 2em !important;
2824
- font-weight: 700;
2825
- margin: 0;
2826
- padding: 0.1em 0.2em;
2827
- background: rgba(23, 35, 34, 0.75);
2828
- display: inline-block;
2829
- text-transform: none;
2830
- line-height: normal;
2831
- letter-spacing: normal; }
2832
-
2833
- .premium-video-box-vimeo-wrap .premium-video-box-vimeo-byline {
2834
- font-size: 1.2em !important;
2835
- font-weight: 400;
2836
- color: #fff;
2837
- margin-top: 0.1em;
2838
- padding: 0.2em 0.5em;
2839
- background: rgba(23, 35, 34, 0.75);
2840
- text-transform: none;
2841
- line-height: normal;
2842
- letter-spacing: normal; }
2843
-
2844
- .premium-video-box-playlist-container {
2845
- -js-display: flex;
2846
- display: -webkit-box;
2847
- display: -webkit-flex;
2848
- display: -moz-box;
2849
- display: -ms-flexbox;
2850
- display: flex;
2851
- -webkit-flex-wrap: wrap;
2852
- -ms-flex-wrap: wrap;
2853
- flex-wrap: wrap; }
2854
- .premium-video-box-playlist-container .premium-video-box-container {
2855
- height: 100%;
2856
- overflow: hidden; }
2857
-
2858
- .premium-video-box-container:hover .premium-video-box-image-container.zoomin {
2859
- -webkit-transform: scale(1.1);
2860
- -ms-transform: scale(1.1);
2861
- transform: scale(1.1); }
2862
-
2863
- .premium-video-box-container:hover .premium-video-box-image-container.zoomout {
2864
- -webkit-transform: scale(1);
2865
- -ms-transform: scale(1);
2866
- transform: scale(1); }
2867
-
2868
- .premium-video-box-container:hover .premium-video-box-image-container.scale {
2869
- -webkit-transform: scale(1.3) rotate(5deg);
2870
- -ms-transform: scale(1.3) rotate(5deg);
2871
- transform: scale(1.3) rotate(5deg); }
2872
-
2873
- .premium-video-box-container:hover .premium-video-box-image-container.gray {
2874
- -webkit-filter: grayscale(0%);
2875
- filter: grayscale(0%); }
2876
-
2877
- .premium-video-box-container:hover .premium-video-box-image-container.blur {
2878
- -webkit-filter: blur(3px);
2879
- filter: blur(3px); }
2880
-
2881
- .premium-video-box-container:hover .premium-video-box-image-container.sepia {
2882
- -webkit-filter: sepia(0%);
2883
- filter: sepia(0%); }
2884
-
2885
- .premium-video-box-container:hover .premium-video-box-image-container.trans {
2886
- -webkit-transform: translateX(0px) scale(1.1);
2887
- -ms-transform: translateX(0px) scale(1.1);
2888
- transform: translateX(0px) scale(1.1); }
2889
-
2890
- .premium-video-box-container:hover .premium-video-box-image-container.bright {
2891
- -webkit-filter: brightness(1.2);
2892
- filter: brightness(1.2); }
2893
-
2894
- .premium-video-box-image-container.gray {
2895
- -webkit-filter: grayscale(100%);
2896
- filter: grayscale(100%); }
2897
-
2898
- .premium-video-box-image-container.zoomout, .premium-video-box-image-container.scale {
2899
- -webkit-transform: scale(1.2);
2900
- -ms-transform: scale(1.2);
2901
- transform: scale(1.2); }
2902
-
2903
- .premium-video-box-image-container.sepia {
2904
- -webkit-filter: sepia(30%);
2905
- filter: sepia(30%); }
2906
-
2907
- .premium-video-box-image-container.bright {
2908
- -webkit-filter: brightness(1);
2909
- filter: brightness(1); }
2910
-
2911
- .premium-video-box-image-container.trans {
2912
- -webkit-transform: translateX(-15px) scale(1.1);
2913
- -ms-transform: translateX(-15px) scale(1.1);
2914
- transform: translateX(-15px) scale(1.1); }
2915
-
2916
- .premium-video-box-mask-media {
2917
- -webkit-mask-repeat: no-repeat;
2918
- mask-repeat: no-repeat; }
2919
-
2920
- /* Sticky Video Option */
2921
- .premium-video-box-container.premium-video-box-sticky-apply {
2922
- z-index: 99;
2923
- overflow: unset; }
2924
- .premium-video-box-container.premium-video-box-sticky-apply .premium-video-box-inner-wrap {
2925
- position: fixed !important;
2926
- z-index: 99999;
2927
- height: 225px;
2928
- width: 400px;
2929
- background: #fff; }
2930
- .premium-video-box-container.premium-video-box-sticky-apply .premium-video-box-vimeo-wrap,
2931
- .premium-video-box-container.premium-video-box-sticky-apply .premium-video-box-container:before {
2932
- visibility: hidden; }
2933
- .premium-video-box-container.premium-video-box-sticky-apply .premium-video-box-sticky-infobar-wrap.premium-video-box-sticky-apply .premium-video-box-inner-wrap {
2934
- -webkit-box-shadow: unset;
2935
- box-shadow: unset; }
2936
-
2937
- .premium-video-box-sticky-close,
2938
- .premium-video-box-sticky-infobar {
2939
- display: none; }
2940
-
2941
- .premium-video-box-sticky-apply .premium-video-box-sticky-close {
2942
- position: absolute;
2943
- padding: 5px;
2944
- cursor: pointer;
2945
- z-index: 99999;
2946
- height: 14px;
2947
- width: 14px;
2948
- -webkit-box-sizing: content-box;
2949
- -moz-box-sizing: content-box;
2950
- box-sizing: content-box;
2951
- -webkit-border-radius: 100%;
2952
- border-radius: 100%;
2953
- -js-display: flex;
2954
- display: -webkit-box;
2955
- display: -webkit-flex;
2956
- display: -moz-box;
2957
- display: -ms-flexbox;
2958
- display: flex;
2959
- -webkit-box-pack: center;
2960
- -webkit-justify-content: center;
2961
- -moz-box-pack: center;
2962
- -ms-flex-pack: center;
2963
- justify-content: center;
2964
- -webkit-box-align: center;
2965
- -webkit-align-items: center;
2966
- -moz-box-align: center;
2967
- -ms-flex-align: center;
2968
- align-items: center; }
2969
-
2970
- .premium-video-box-sticky-apply .premium-video-box-play-icon-container {
2971
- -js-display: flex;
2972
- display: -webkit-box;
2973
- display: -webkit-flex;
2974
- display: -moz-box;
2975
- display: -ms-flexbox;
2976
- display: flex; }
2977
-
2978
- .premium-video-box-sticky-apply .premium-video-box-play-icon {
2979
- -webkit-transition: none;
2980
- transition: none; }
2981
-
2982
- .premium-video-box-sticky-apply .premium-video-box-sticky-infobar {
2983
- display: block;
2984
- position: relative;
2985
- top: 100%;
2986
- width: 100%;
2987
- padding: 5px;
2988
- text-align: center;
2989
- z-index: 9999;
2990
- margin-top: -1px; }
2991
-
2992
- .premium-video-box-sticky-apply .premium-video-box-inner-wrap.ui-draggable {
2993
- cursor: move; }
2994
-
2995
- .premium-video-sticky-top-left
2996
- .premium-video-box-container.premium-video-box-sticky-apply
2997
- .premium-video-box-inner-wrap {
2998
- right: auto;
2999
- left: 20px;
3000
- top: 20px; }
3001
-
3002
- .premium-video-sticky-bottom-left
3003
- .premium-video-box-container.premium-video-box-sticky-apply
3004
- .premium-video-box-inner-wrap {
3005
- right: auto;
3006
- left: 20px;
3007
- bottom: 20px; }
3008
-
3009
- .premium-video-sticky-top-right
3010
- .premium-video-box-container.premium-video-box-sticky-apply
3011
- .premium-video-box-inner-wrap {
3012
- left: auto;
3013
- right: 20px;
3014
- top: 20px; }
3015
-
3016
- .premium-video-sticky-bottom-right
3017
- .premium-video-box-container.premium-video-box-sticky-apply
3018
- .premium-video-box-inner-wrap {
3019
- left: auto;
3020
- right: 20px;
3021
- bottom: 20px; }
3022
-
3023
- .premium-video-sticky-center-left
3024
- .premium-video-box-container.premium-video-box-sticky-apply
3025
- .premium-video-box-inner-wrap {
3026
- right: auto;
3027
- left: 20px;
3028
- top: 50%;
3029
- -webkit-transform: translateY(-50%);
3030
- -ms-transform: translateY(-50%);
3031
- transform: translateY(-50%); }
3032
-
3033
- .premium-video-sticky-center-right
3034
- .premium-video-box-container.premium-video-box-sticky-apply
3035
- .premium-video-box-inner-wrap {
3036
- left: auto;
3037
- right: 20px;
3038
- top: 50%;
3039
- -webkit-transform: translateY(-50%);
3040
- -ms-transform: translateY(-50%);
3041
- transform: translateY(-50%); }
3042
-
3043
- .premium-video-sticky-bottom-right
3044
- .premium-video-box-sticky-infobar-wrap.premium-video-box-sticky-apply
3045
- .premium-video-box-inner-wrap,
3046
- .premium-video-sticky-bottom-left
3047
- .premium-video-box-sticky-infobar-wrap.premium-video-box-sticky-apply
3048
- .premium-video-box-inner-wrap {
3049
- bottom: 55px; }
3050
-
3051
- .premium-video-sticky-top-left .premium-video-box-sticky-apply .premium-video-box-sticky-close,
3052
- .premium-video-sticky-bottom-left .premium-video-box-sticky-apply .premium-video-box-sticky-close,
3053
- .premium-video-sticky-center-left .premium-video-box-sticky-apply .premium-video-box-sticky-close {
3054
- top: -10px;
3055
- right: -10px; }
3056
-
3057
- .premium-video-sticky-top-right .premium-video-box-sticky-apply .premium-video-box-sticky-close,
3058
- .premium-video-sticky-bottom-right .premium-video-box-sticky-apply .premium-video-box-sticky-close,
3059
- .premium-video-sticky-center-right .premium-video-box-sticky-apply .premium-video-box-sticky-close {
3060
- top: -10px;
3061
- left: -10px; }
3062
-
3063
- .premium-video-box-filter-sticky {
3064
- -webkit-filter: none !important;
3065
- filter: none !important; }
3066
-
3067
- /**************** Premium Blog *****************/
3068
- /***********************************************/
3069
- .premium-blog-thumb-effect-wrapper {
3070
- position: relative;
3071
- overflow: hidden; }
3072
-
3073
- .premium-blog-effect-container:not(.premium-blog-bordered-effect) .premium-blog-post-link {
3074
- position: absolute;
3075
- top: 0;
3076
- left: 0;
3077
- width: 100%;
3078
- height: 100%;
3079
- z-index: 2;
3080
- padding: 20px; }
3081
-
3082
- .premium-blog-bordered-effect .premium-blog-post-link {
3083
- display: block;
3084
- height: 100%;
3085
- position: relative; }
3086
-
3087
- /*Thumbnail Img*/
3088
- .premium-blog-thumbnail-container {
3089
- overflow: hidden; }
3090
- .premium-blog-thumbnail-container img,
3091
- .premium-blog-thumbnail-container .below-entry-meta {
3092
- width: 100%;
3093
- height: 100%;
3094
- margin: 0 !important;
3095
- -webkit-transition: all 0.4s ease-in-out;
3096
- transition: all 0.4s ease-in-out; }
3097
-
3098
- .premium-blog-thumb-effect-wrapper .premium-blog-zoomout-effect img,
3099
- .premium-blog-thumb-effect-wrapper .premium-blog-scale-effect img {
3100
- -webkit-transform: scale(1.2);
3101
- -ms-transform: scale(1.2);
3102
- transform: scale(1.2); }
3103
-
3104
- .premium-blog-thumb-effect-wrapper .premium-blog-sepia-effect img {
3105
- -webkit-filter: sepia(30%);
3106
- filter: sepia(30%); }
3107
-
3108
- .premium-blog-thumb-effect-wrapper .premium-blog-bright-effect img {
3109
- -webkit-filter: brightness(1);
3110
- filter: brightness(1); }
3111
-
3112
- .premium-blog-thumb-effect-wrapper .premium-blog-trans-effect img {
3113
- -webkit-transform: translateX(-15px) scale(1.1);
3114
- -ms-transform: translateX(-15px) scale(1.1);
3115
- transform: translateX(-15px) scale(1.1); }
3116
-
3117
- .premium-blog-post-outer-container:hover .premium-blog-zoomin-effect img {
3118
- -webkit-transform: scale(1.2);
3119
- -ms-transform: scale(1.2);
3120
- transform: scale(1.2); }
3121
-
3122
- .premium-blog-post-outer-container:hover .premium-blog-zoomout-effect img {
3123
- -webkit-transform: scale(1.1);
3124
- -ms-transform: scale(1.1);
3125
- transform: scale(1.1); }
3126
-
3127
- .premium-blog-post-outer-container:hover .premium-blog-scale-effect img {
3128
- -webkit-transform: scale(1.3) rotate(5deg);
3129
- -ms-transform: scale(1.3) rotate(5deg);
3130
- transform: scale(1.3) rotate(5deg); }
3131
-
3132
- .premium-blog-post-outer-container:hover .premium-blog-gray-effect img {
3133
- -webkit-filter: grayscale(100%);
3134
- filter: grayscale(100%); }
3135
-
3136
- .premium-blog-post-outer-container:hover .premium-blog-blur-effect img {
3137
- -webkit-filter: blur(3px);
3138
- filter: blur(3px); }
3139
-
3140
- .premium-blog-post-outer-container:hover .premium-blog-sepia-effect img {
3141
- -webkit-filter: sepia(0%);
3142
- filter: sepia(0%); }
3143
-
3144
- .premium-blog-post-outer-container:hover .premium-blog-bright-effect img {
3145
- -webkit-filter: brightness(1.2);
3146
- filter: brightness(1.2); }
3147
-
3148
- .premium-blog-post-outer-container:hover .premium-blog-trans-effect img {
3149
- -webkit-transform: translateX(0px) scale(1.1);
3150
- -ms-transform: translateX(0px) scale(1.1);
3151
- transform: translateX(0px) scale(1.1); }
3152
-
3153
- .premium-blog-post-container {
3154
- overflow: hidden; }
3155
- .premium-blog-post-container .premium-blog-inner-container {
3156
- -js-display: flex;
3157
- display: -webkit-box;
3158
- display: -webkit-flex;
3159
- display: -moz-box;
3160
- display: -ms-flexbox;
3161
- display: flex; }
3162
- .premium-blog-post-container .premium-blog-post-content {
3163
- line-height: 1.5em;
3164
- color: #777;
3165
- font-size: 14px;
3166
- margin-bottom: 10px; }
3167
- .premium-blog-post-container ul.post-categories a:hover, .premium-blog-post-container ul.post-categories a:focus,
3168
- .premium-blog-post-container .premium-blog-post-link:hover,
3169
- .premium-blog-post-container .premium-blog-post-link:focus {
3170
- -webkit-box-shadow: none !important;
3171
- box-shadow: none !important;
3172
- outline: none !important; }
3173
- .premium-blog-post-container .premium-blog-entry-title {
3174
- font-size: 18px;
3175
- margin-bottom: 5px; }
3176
- .premium-blog-post-container.premium-blog-skin-modern .premium-blog-content-wrapper {
3177
- position: relative;
3178
- z-index: 3;
3179
- top: -50px; }
3180
- .premium-blog-post-container .premium-blog-content-wrapper {
3181
- background-color: #f5f5f5;
3182
- padding: 30px; }
3183
- .premium-blog-post-container .premium-blog-content-wrapper.empty-thumb {
3184
- top: 0; }
3185
- .premium-blog-post-container:not(.premium-blog-skin-classic):not(.premium-blog-skin-side):not(.premium-blog-skin-banner) .premium-blog-thumbnail-container:before, .premium-blog-post-container:not(.premium-blog-skin-classic):not(.premium-blog-skin-side):not(.premium-blog-skin-banner) .premium-blog-thumbnail-container:after {
3186
- position: absolute;
3187
- content: "";
3188
- z-index: 1;
3189
- top: 50%;
3190
- left: 50%;
3191
- opacity: 0;
3192
- -webkit-transform: translate(-50%, -50%);
3193
- -ms-transform: translate(-50%, -50%);
3194
- transform: translate(-50%, -50%);
3195
- -webkit-transition: all 0.4s linear 0s;
3196
- transition: all 0.4s linear 0s;
3197
- height: 1px;
3198
- width: 100%;
3199
- background-color: #fff; }
3200
- .premium-blog-post-container:not(.premium-blog-skin-classic):not(.premium-blog-skin-side):not(.premium-blog-skin-banner) .premium-blog-thumbnail-container:before {
3201
- width: 1px;
3202
- height: 100%; }
3203
- .premium-blog-post-container:not(.premium-blog-skin-classic):not(.premium-blog-skin-side):not(.premium-blog-skin-banner) .premium-blog-thumb-effect-wrapper:hover .premium-blog-thumbnail-container:after {
3204
- width: 20px;
3205
- opacity: 1; }
3206
- .premium-blog-post-container:not(.premium-blog-skin-classic):not(.premium-blog-skin-side):not(.premium-blog-skin-banner) .premium-blog-thumb-effect-wrapper:hover .premium-blog-thumbnail-container:before {
3207
- height: 20px;
3208
- opacity: 1; }
3209
- .premium-blog-post-container:not(.premium-blog-skin-classic):not(.premium-blog-skin-side):not(.premium-blog-skin-banner) .premium-blog-content-wrapper {
3210
- margin: 0px 10px 20px;
3211
- clear: both; }
3212
- .premium-blog-post-container.premium-blog-skin-classic .premium-blog-thumbnail-overlay, .premium-blog-post-container.premium-blog-skin-side .premium-blog-thumbnail-overlay, .premium-blog-post-container.premium-blog-skin-banner .premium-blog-thumbnail-overlay {
3213
- position: absolute;
3214
- top: 0;
3215
- left: 0;
3216
- width: 100%;
3217
- height: 100%;
3218
- -webkit-transition: all 0.3s ease-in-out;
3219
- transition: all 0.3s ease-in-out;
3220
- opacity: 0; }
3221
- .premium-blog-post-container.premium-blog-skin-classic .premium-blog-thumbnail-overlay a, .premium-blog-post-container.premium-blog-skin-side .premium-blog-thumbnail-overlay a, .premium-blog-post-container.premium-blog-skin-banner .premium-blog-thumbnail-overlay a {
3222
- -js-display: flex;
3223
- display: -webkit-box;
3224
- display: -webkit-flex;
3225
- display: -moz-box;
3226
- display: -ms-flexbox;
3227
- display: flex;
3228
- -webkit-box-pack: center;
3229
- -webkit-justify-content: center;
3230
- -moz-box-pack: center;
3231
- -ms-flex-pack: center;
3232
- justify-content: center;
3233
- -webkit-box-align: center;
3234
- -webkit-align-items: center;
3235
- -moz-box-align: center;
3236
- -ms-flex-align: center;
3237
- align-items: center;
3238
- width: 100%;
3239
- height: 100%; }
3240
- .premium-blog-post-container.premium-blog-skin-classic .premium-blog-thumbnail-overlay span,
3241
- .premium-blog-post-container.premium-blog-skin-classic .premium-blog-thumbnail-overlay i, .premium-blog-post-container.premium-blog-skin-side .premium-blog-thumbnail-overlay span,
3242
- .premium-blog-post-container.premium-blog-skin-side .premium-blog-thumbnail-overlay i, .premium-blog-post-container.premium-blog-skin-banner .premium-blog-thumbnail-overlay span,
3243
- .premium-blog-post-container.premium-blog-skin-banner .premium-blog-thumbnail-overlay i {
3244
- -webkit-transition: all 0.3s ease-in-out;
3245
- transition: all 0.3s ease-in-out; }
3246
- .premium-blog-post-container.premium-blog-skin-side {
3247
- -js-display: flex;
3248
- display: -webkit-box;
3249
- display: -webkit-flex;
3250
- display: -moz-box;
3251
- display: -ms-flexbox;
3252
- display: flex; }
3253
- .premium-blog-post-container.premium-blog-skin-side .premium-blog-thumbnail-container {
3254
- height: 100%; }
3255
- .premium-blog-post-container.premium-blog-skin-side .premium-blog-content-wrapper {
3256
- -webkit-box-flex: 1;
3257
- -webkit-flex: 1;
3258
- -moz-box-flex: 1;
3259
- -ms-flex: 1;
3260
- flex: 1; }
3261
- .premium-blog-post-container.premium-blog-skin-banner {
3262
- position: relative; }
3263
- .premium-blog-post-container.premium-blog-skin-banner .premium-blog-content-wrapper {
3264
- position: absolute;
3265
- width: 100%;
3266
- bottom: 0;
3267
- -js-display: flex;
3268
- display: -webkit-box;
3269
- display: -webkit-flex;
3270
- display: -moz-box;
3271
- display: -ms-flexbox;
3272
- display: flex;
3273
- -webkit-box-orient: vertical;
3274
- -webkit-box-direction: normal;
3275
- -webkit-flex-direction: column;
3276
- -moz-box-orient: vertical;
3277
- -moz-box-direction: normal;
3278
- -ms-flex-direction: column;
3279
- flex-direction: column;
3280
- background-color: transparent;
3281
- z-index: 3; }
3282
- .premium-blog-post-container.premium-blog-skin-banner .premium-blog-content-wrapper-inner {
3283
- -webkit-transition: -webkit-transform 0.3s ease-in-out;
3284
- transition: -webkit-transform 0.3s ease-in-out;
3285
- transition: transform 0.3s ease-in-out;
3286
- transition: transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out; }
3287
- .premium-blog-post-container.premium-blog-skin-banner:hover .premium-blog-content-wrapper-inner {
3288
- -webkit-transform: translateY(-5px);
3289
- -ms-transform: translateY(-5px);
3290
- transform: translateY(-5px); }
3291
- .premium-blog-post-container .premium-blog-cats-container ul.post-categories {
3292
- margin: 0;
3293
- padding: 0;
3294
- list-style: none;
3295
- -js-display: flex;
3296
- display: -webkit-box;
3297
- display: -webkit-flex;
3298
- display: -moz-box;
3299
- display: -ms-flexbox;
3300
- display: flex; }
3301
- .premium-blog-post-container .premium-blog-cats-container a {
3302
- display: block;
3303
- font-size: 12px;
3304
- color: #fff;
3305
- background-color: #777;
3306
- margin: 0 3px 10px 0;
3307
- padding: 5px;
3308
- -webkit-transition: all 0.3s ease-in-out;
3309
- transition: all 0.3s ease-in-out; }
3310
-
3311
- /*
3312
- * Diagonal Effect
3313
- */
3314
- .premium-blog-diagonal-container {
3315
- position: absolute;
3316
- top: 0;
3317
- left: 0;
3318
- width: 100%;
3319
- height: 100%; }
3320
-
3321
- .premium-blog-diagonal-effect:before {
3322
- position: absolute;
3323
- top: 0px;
3324
- left: 0px;
3325
- width: 100%;
3326
- height: 100%;
3327
- content: " ";
3328
- z-index: 1;
3329
- background: rgba(255, 255, 255, 0.2);
3330
- -webkit-transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, -150%, 0);
3331
- transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, -150%, 0);
3332
- -webkit-transition: all 0.3s linear 0s;
3333
- transition: all 0.3s linear 0s; }
3334
-
3335
- .premium-blog-thumb-effect-wrapper:hover .premium-blog-diagonal-effect:before {
3336
- -webkit-transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, 150%, 0);
3337
- transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, 150%, 0); }
3338
-
3339
- /*
3340
- * Framed Effect
3341
- */
3342
- .premium-blog-framed-effect {
3343
- position: absolute;
3344
- width: -webkit-calc(100% - 30px);
3345
- width: calc(100% - 30px);
3346
- height: -webkit-calc(100% - 30px);
3347
- height: calc(100% - 30px);
3348
- top: 15px;
3349
- left: 15px;
3350
- opacity: 0;
3351
- -webkit-transform: scale(0.3);
3352
- -ms-transform: scale(0.3);
3353
- transform: scale(0.3);
3354
- -webkit-transition: all 0.3s linear 0s;
3355
- transition: all 0.3s linear 0s; }
3356
-
3357
- .premium-blog-thumb-effect-wrapper:hover .premium-blog-framed-effect {
3358
- opacity: 0.99;
3359
- -webkit-transform: scale(1);
3360
- -ms-transform: scale(1);
3361
- transform: scale(1); }
3362
-
3363
- /*
3364
- * Bordered Effect
3365
- */
3366
- .premium-blog-bordered-effect {
3367
- position: absolute;
3368
- top: 0;
3369
- left: 0;
3370
- width: 100%;
3371
- height: 100%;
3372
- opacity: 0;
3373
- padding: 15px;
3374
- -webkit-transition: all 0.3s linear 0s;
3375
- transition: all 0.3s linear 0s; }
3376
- .premium-blog-bordered-effect .premium-blog-post-link:before, .premium-blog-bordered-effect .premium-blog-post-link:after {
3377
- content: "";
3378
- display: block;
3379
- position: absolute;
3380
- top: 0;
3381
- left: 0;
3382
- width: 100%;
3383
- height: 100%;
3384
- -webkit-transition: all 0.5s linear 0s;
3385
- transition: all 0.5s linear 0s;
3386
- -webkit-transition-delay: 0s;
3387
- transition-delay: 0s;
3388
- border-color: rgba(255, 255, 255, 0.45); }
3389
- .premium-blog-bordered-effect .premium-blog-post-link:before {
3390
- border-right: 2px solid;
3391
- border-left: 2px solid;
3392
- -webkit-transform: scale(1, 0);
3393
- -ms-transform: scale(1, 0);
3394
- transform: scale(1, 0);
3395
- -webkit-transform-origin: 100% 0;
3396
- -ms-transform-origin: 100% 0;
3397
- transform-origin: 100% 0; }
3398
- .premium-blog-bordered-effect .premium-blog-post-link:after {
3399
- border-top: 2px solid;
3400
- border-bottom: 2px solid;
3401
- -webkit-transform: scale(0, 1);
3402
- -ms-transform: scale(0, 1);
3403
- transform: scale(0, 1);
3404
- -webkit-transform-origin: 0 0;
3405
- -ms-transform-origin: 0 0;
3406
- transform-origin: 0 0; }
3407
-
3408
- .premium-blog-thumb-effect-wrapper:hover .premium-blog-bordered-effect {
3409
- opacity: 0.99; }
3410
- .premium-blog-thumb-effect-wrapper:hover .premium-blog-bordered-effect .premium-blog-post-link:before, .premium-blog-thumb-effect-wrapper:hover .premium-blog-bordered-effect .premium-blog-post-link:after {
3411
- -webkit-transition-delay: 0.15s;
3412
- transition-delay: 0.15s;
3413
- opacity: 1;
3414
- -webkit-transform: scale(1);
3415
- -ms-transform: scale(1);
3416
- transform: scale(1); }
3417
-
3418
- /*
3419
- * Squares Effect
3420
- */
3421
- .premium-blog-squares-effect,
3422
- .premium-blog-squares-square-container {
3423
- position: absolute;
3424
- top: 0;
3425
- left: 0;
3426
- width: 100%;
3427
- height: 100%; }
3428
-
3429
- .premium-blog-squares-effect:before, .premium-blog-squares-effect:after {
3430
- position: absolute;
3431
- content: "";
3432
- top: 0;
3433
- left: 0;
3434
- width: 50%;
3435
- height: 50%;
3436
- -webkit-transform: translate(-100%, -100%);
3437
- -ms-transform: translate(-100%, -100%);
3438
- transform: translate(-100%, -100%);
3439
- opacity: 0.7;
3440
- -webkit-transition: all 0.3s linear 0s;
3441
- transition: all 0.3s linear 0s; }
3442
-
3443
- .premium-blog-squares-square-container:before, .premium-blog-squares-square-container:after {
3444
- position: absolute;
3445
- content: "";
3446
- top: 0;
3447
- left: 0;
3448
- width: 50%;
3449
- height: 50%;
3450
- -webkit-transform: translate(-100%, -100%);
3451
- -ms-transform: translate(-100%, -100%);
3452
- transform: translate(-100%, -100%);
3453
- opacity: 0.7;
3454
- -webkit-transition: all 0.3s linear 0s;
3455
- transition: all 0.3s linear 0s; }
3456
-
3457
- .premium-blog-squares-square-container:before, .premium-blog-squares-square-container:after {
3458
- opacity: 0.8; }
3459
-
3460
- .premium-blog-squares-effect:after {
3461
- -webkit-transform: translate(200%, 200%);
3462
- -ms-transform: translate(200%, 200%);
3463
- transform: translate(200%, 200%); }
3464
-
3465
- .premium-blog-squares-square-container:before {
3466
- -webkit-transform: translate(-100%, 200%);
3467
- -ms-transform: translate(-100%, 200%);
3468
- transform: translate(-100%, 200%); }
3469
-
3470
- .premium-blog-squares-square-container:after {
3471
- -webkit-transform: translate(200%, -100%);
3472
- -ms-transform: translate(200%, -100%);
3473
- transform: translate(200%, -100%); }
3474
-
3475
- .premium-blog-thumb-effect-wrapper:hover .premium-blog-squares-effect:before {
3476
- -webkit-transform: translate(0, 0%) scaleY(1.003) scaleX(1.003);
3477
- -ms-transform: translate(0, 0%) scaleY(1.003) scaleX(1.003);
3478
- transform: translate(0, 0%) scaleY(1.003) scaleX(1.003); }
3479
-
3480
- .premium-blog-thumb-effect-wrapper:hover .premium-blog-squares-effect:after {
3481
- -webkit-transform: translate(100%, 100%) scaleY(1.003) scaleX(1.003);
3482
- -ms-transform: translate(100%, 100%) scaleY(1.003) scaleX(1.003);
3483
- transform: translate(100%, 100%) scaleY(1.003) scaleX(1.003); }
3484
-
3485
- .premium-blog-thumb-effect-wrapper:hover .premium-blog-squares-square-container:before {
3486
- -webkit-transform: translate(0, 100%);
3487
- -ms-transform: translate(0, 100%);
3488
- transform: translate(0, 100%); }
3489
-
3490
- .premium-blog-thumb-effect-wrapper:hover .premium-blog-squares-square-container:after {
3491
- -webkit-transform: translate(100%, 0%);
3492
- -ms-transform: translate(100%, 0%);
3493
- transform: translate(100%, 0%); }
3494
-
3495
- .premium-blog-thumb-effect-wrapper:hover .premium-blog-thumbnail-overlay {
3496
- opacity: 1; }
3497
- .premium-blog-thumb-effect-wrapper:hover .premium-blog-thumbnail-overlay a {
3498
- opacity: 1;
3499
- -webkit-transform: scale(1);
3500
- -ms-transform: scale(1);
3501
- transform: scale(1); }
3502
-
3503
- .premium-blog-clear-fix {
3504
- clear: both; }
3505
-
3506
- .premium-blog-masked .premium-blog-thumbnail-container {
3507
- position: relative;
3508
- overflow: visible; }
3509
- .premium-blog-masked .premium-blog-thumbnail-container svg {
3510
- position: absolute;
3511
- height: 100px;
3512
- width: 100%;
3513
- bottom: -5px;
3514
- left: 0;
3515
- fill: #f5f5f5;
3516
- z-index: 99; }
3517
- .premium-blog-masked .premium-blog-thumbnail-container svg.premium-blog-shape-divider-svg {
3518
- -webkit-transform: rotate(180deg);
3519
- -ms-transform: rotate(180deg);
3520
- transform: rotate(180deg); }
3521
-
3522
- .premium-blog-masked .premium-blog-author-thumbnail,
3523
- .premium-blog-masked .premium-blog-skin-banner .premium-blog-content-wrapper {
3524
- z-index: 999 !important; }
3525
-
3526
- .premium-blog-format-link {
3527
- padding: 5px;
3528
- line-height: 0; }
3529
-
3530
- .premium-blog-entry-meta {
3531
- line-height: 1.3em;
3532
- font-size: 12px;
3533
- margin-bottom: 13px;
3534
- color: #adadad; }
3535
- .premium-blog-entry-meta i {
3536
- margin-right: 3px;
3537
- -webkit-transition: all 0.3s ease-in-out;
3538
- transition: all 0.3s ease-in-out; }
3539
-
3540
- .premium-blog-meta-data {
3541
- display: inline-block; }
3542
- .premium-blog-meta-data .premium-blog-meta-separator {
3543
- margin: 0 5px; }
3544
- .premium-blog-meta-data a,
3545
- .premium-blog-meta-data span {
3546
- color: inherit;
3547
- -webkit-transition: all 0.3s ease-in-out;
3548
- transition: all 0.3s ease-in-out; }
3549
-
3550
- .premium-blog-author-thumbnail {
3551
- position: relative;
3552
- padding: 0 30px;
3553
- width: 100%;
3554
- top: -10px;
3555
- height: 0;
3556
- pointer-events: none; }
3557
- .premium-blog-author-thumbnail img {
3558
- -webkit-border-radius: 50%;
3559
- border-radius: 50%;
3560
- width: 60px;
3561
- pointer-events: all;
3562
- -webkit-transform: translateY(-50%);
3563
- -ms-transform: translateY(-50%);
3564
- transform: translateY(-50%); }
3565
-
3566
- .premium-blog-entry-title a,
3567
- .premium-blog-post-tags-container a,
3568
- .premium-blog-post-content .premium-blog-excerpt-link {
3569
- -webkit-transition: all 0.3s ease-in-out;
3570
- transition: all 0.3s ease-in-out; }
3571
-
3572
- .premium-blog-excerpt-link-wrap a.premium-blog-excerpt-link {
3573
- background-color: transparent;
3574
- color: #54595f;
3575
- padding: 0; }
3576
-
3577
- .premium-blog-cta-full-yes .premium-blog-excerpt-link {
3578
- width: 100%; }
3579
-
3580
- .premium-blog-post-tags-container {
3581
- margin-top: 8px;
3582
- -js-display: flex;
3583
- display: -webkit-box;
3584
- display: -webkit-flex;
3585
- display: -moz-box;
3586
- display: -ms-flexbox;
3587
- display: flex;
3588
- -webkit-box-align: center;
3589
- -webkit-align-items: center;
3590
- -moz-box-align: center;
3591
- -ms-flex-align: center;
3592
- align-items: center;
3593
- -webkit-flex-wrap: wrap;
3594
- -ms-flex-wrap: wrap;
3595
- flex-wrap: wrap; }
3596
- .premium-blog-post-tags-container a {
3597
- color: inherit;
3598
- margin-left: 5px; }
3599
-
3600
- /*Tags align*/
3601
- .premium-blog-align-left .post-categories,
3602
- .premium-blog-align-left .premium-blog-inner-container,
3603
- .premium-blog-align-left .premium-blog-post-tags-container {
3604
- -webkit-box-pack: start;
3605
- -webkit-justify-content: flex-start;
3606
- -moz-box-pack: start;
3607
- -ms-flex-pack: start;
3608
- justify-content: flex-start; }
3609
-
3610
- .premium-blog-align-center .post-categories,
3611
- .premium-blog-align-center .premium-blog-inner-container,
3612
- .premium-blog-align-center .premium-blog-post-tags-container {
3613
- -webkit-box-pack: center;
3614
- -webkit-justify-content: center;
3615
- -moz-box-pack: center;
3616
- -ms-flex-pack: center;
3617
- justify-content: center; }
3618
-
3619
- .premium-blog-align-right .post-categories,
3620
- .premium-blog-align-right .premium-blog-inner-container,
3621
- .premium-blog-align-right .premium-blog-post-tags-container {
3622
- -webkit-box-pack: end;
3623
- -webkit-justify-content: flex-end;
3624
- -moz-box-pack: end;
3625
- -ms-flex-pack: end;
3626
- justify-content: flex-end; }
3627
-
3628
- /* Pagination */
3629
- .premium-blog-pagination-container {
3630
- text-align: right; }
3631
- .premium-blog-pagination-container span {
3632
- cursor: default; }
3633
- .premium-blog-pagination-container .page-numbers {
3634
- display: inline-block;
3635
- color: #000;
3636
- line-height: 1;
3637
- font-size: 1em;
3638
- font-weight: 400;
3639
- text-decoration: none;
3640
- padding: 0.75em;
3641
- margin: 0 0.4em 0.4em 0;
3642
- -webkit-transition: all 0.2s ease-in-out;
3643
- transition: all 0.2s ease-in-out; }
3644
-
3645
- .premium-blog-wrap .premium-loading-feed {
3646
- display: block;
3647
- position: absolute;
3648
- width: 100%;
3649
- height: 100%;
3650
- top: 0px;
3651
- left: 0px;
3652
- bottom: 0px;
3653
- right: 0px;
3654
- background: rgba(255, 255, 255, 0.2);
3655
- -js-display: flex;
3656
- display: -webkit-box;
3657
- display: -webkit-flex;
3658
- display: -moz-box;
3659
- display: -ms-flexbox;
3660
- display: flex;
3661
- -webkit-box-align: center;
3662
- -webkit-align-items: center;
3663
- -moz-box-align: center;
3664
- -ms-flex-align: center;
3665
- align-items: center;
3666
- z-index: 99; }
3667
-
3668
- .premium-blog-wrap {
3669
- -js-display: flex;
3670
- display: -webkit-box;
3671
- display: -webkit-flex;
3672
- display: -moz-box;
3673
- display: -ms-flexbox;
3674
- display: flex;
3675
- -webkit-flex-wrap: wrap;
3676
- -ms-flex-wrap: wrap;
3677
- flex-wrap: wrap; }
3678
- .premium-blog-wrap ul.slick-dots {
3679
- width: 100%; }
3680
-
3681
- /*
3682
- * List Layout
3683
- */
3684
- .premium-blog-list .premium-blog-post-outer-container {
3685
- width: 100%; }
3686
-
3687
- /**
3688
- * Even Layout
3689
- */
3690
- .premium-blog-even .premium-blog-post-container {
3691
- height: 100%; }
3692
-
3693
- .premium-blog-even .slick-track {
3694
- -js-display: flex;
3695
- display: -webkit-box;
3696
- display: -webkit-flex;
3697
- display: -moz-box;
3698
- display: -ms-flexbox;
3699
- display: flex; }
3700
-
3701
- .premium-blog-even .slick-slide {
3702
- height: inherit !important; }
3703
-
3704
- /**
3705
- * Responsive Style
3706
- */
3707
- @media (max-width: 768px) {
3708
- .premium-blog-content-wrapper {
3709
- top: 0;
3710
- margin: 0;
3711
- padding: 15px; }
3712
- .premium-blog-skin-side {
3713
- -webkit-box-orient: vertical;
3714
- -webkit-box-direction: normal;
3715
- -webkit-flex-direction: column;
3716
- -moz-box-orient: vertical;
3717
- -moz-box-direction: normal;
3718
- -ms-flex-direction: column;
3719
- flex-direction: column; } }
3720
-
3721
- /************ Premium Team Members ************/
3722
- /**********************************************/
3723
- .premium-person-container {
3724
- position: relative; }
3725
-
3726
- .premium-person-image-container {
3727
- position: relative;
3728
- text-align: center; }
3729
- .premium-person-image-container .premium-person-image-wrap {
3730
- overflow: hidden; }
3731
-
3732
- .premium-person-zoomout-effect .premium-person-image-container img,
3733
- .premium-person-scale-effect .premium-person-image-container img {
3734
- -webkit-transform: scale(1.2);
3735
- -ms-transform: scale(1.2);
3736
- transform: scale(1.2); }
3737
-
3738
- .premium-person-sepia-effect .premium-person-image-container img {
3739
- -webkit-filter: sepia(30%);
3740
- filter: sepia(30%); }
3741
-
3742
- .premium-person-bright-effect .premium-person-image-container img {
3743
- -webkit-filter: brightness(1);
3744
- filter: brightness(1); }
3745
-
3746
- .premium-person-trans-effect .premium-person-image-container img {
3747
- -webkit-transform: translateX(-15px) scale(1.1);
3748
- -ms-transform: translateX(-15px) scale(1.1);
3749
- transform: translateX(-15px) scale(1.1); }
3750
-
3751
- .premium-person-zoomin-effect:hover .premium-person-image-container img {
3752
- -webkit-transform: scale(1.2);
3753
- -ms-transform: scale(1.2);
3754
- transform: scale(1.2); }
3755
-
3756
- .premium-person-zoomout-effect:hover .premium-person-image-container img {
3757
- -webkit-transform: scale(1.1);
3758
- -ms-transform: scale(1.1);
3759
- transform: scale(1.1); }
3760
-
3761
- .premium-person-scale-effect:hover .premium-person-image-container img {
3762
- -webkit-transform: scale(1.3) rotate(5deg);
3763
- -ms-transform: scale(1.3) rotate(5deg);
3764
- transform: scale(1.3) rotate(5deg); }
3765
-
3766
- .premium-person-grayscale-effect:hover .premium-person-image-container img {
3767
- -webkit-filter: grayscale(100%);
3768
- filter: grayscale(100%); }
3769
-
3770
- .premium-person-blur-effect:hover .premium-person-image-container img {
3771
- -webkit-filter: blur(3px);
3772
- filter: blur(3px); }
3773
-
3774
- .premium-person-sepia-effect:hover .premium-person-image-container img {
3775
- -webkit-filter: sepia(0%);
3776
- filter: sepia(0%); }
3777
-
3778
- .premium-person-bright-effect:hover .premium-person-image-container img {
3779
- -webkit-filter: brightness(1.2);
3780
- filter: brightness(1.2); }
3781
-
3782
- .premium-person-trans-effect:hover .premium-person-image-container img {
3783
- -webkit-transform: translateX(0px) scale(1.1);
3784
- -ms-transform: translateX(0px) scale(1.1);
3785
- transform: translateX(0px) scale(1.1); }
3786
-
3787
- .premium-person-container .premium-person-image-container img {
3788
- width: 100%;
3789
- height: 100%;
3790
- -o-object-fit: cover;
3791
- object-fit: cover;
3792
- -webkit-transition: all 0.5s ease-in-out;
3793
- transition: all 0.5s ease-in-out; }
3794
-
3795
- .premium-person-style2 .premium-person-social {
3796
- position: absolute;
3797
- top: 0;
3798
- left: 0;
3799
- width: 100%;
3800
- height: 100%;
3801
- z-index: 2;
3802
- -js-display: flex;
3803
- display: -webkit-box;
3804
- display: -webkit-flex;
3805
- display: -moz-box;
3806
- display: -ms-flexbox;
3807
- display: flex;
3808
- -webkit-box-pack: center;
3809
- -webkit-justify-content: center;
3810
- -moz-box-pack: center;
3811
- -ms-flex-pack: center;
3812
- justify-content: center;
3813
- -webkit-box-align: center;
3814
- -webkit-align-items: center;
3815
- -moz-box-align: center;
3816
- -ms-flex-align: center;
3817
- align-items: center;
3818
- -webkit-box-shadow: inset 0 0 120px 0 rgba(0, 0, 0, 0.5);
3819
- box-shadow: inset 0 0 120px 0 rgba(0, 0, 0, 0.5);
3820
- -webkit-transition: all 0.5s linear 0s;
3821
- transition: all 0.5s linear 0s;
3822
- opacity: 0; }
3823
-
3824
- .premium-person-style2 .premium-person-image-container:hover .premium-person-social {
3825
- opacity: 1; }
3826
-
3827
- .premium-person-list-item a {
3828
- display: inline-block; }
3829
-
3830
- .premium-person-style2 .premium-person-list-item a {
3831
- opacity: 0;
3832
- -webkit-transform: scale(0);
3833
- -ms-transform: scale(0);
3834
- transform: scale(0);
3835
- -webkit-transition: all 0.5s ease-in-out 0s;
3836
- transition: all 0.5s ease-in-out 0s; }
3837
-
3838
- .premium-person-style2 .premium-person-image-container:hover .premium-person-list-item a {
3839
- opacity: 1;
3840
- -webkit-transform: scale(1);
3841
- -ms-transform: scale(1);
3842
- transform: scale(1); }
3843
-
3844
- .premium-person-info-container {
3845
- padding: 30px 15px; }
3846
-
3847
- .premium-person-name {
3848
- margin: 0 0 5px;
3849
- font-weight: 700; }
3850
-
3851
- .premium-person-title {
3852
- margin: 0 0 20px;
3853
- padding: 0; }
3854
-
3855
- .premium-person-content {
3856
- margin: 0 0 30px; }
3857
-
3858
- /*Override Theme List Margin*/
3859
- ul.premium-person-social-list {
3860
- margin: 0px !important;
3861
- padding: 0; }
3862
-
3863
- .premium-person-social-list .premium-person-list-item {
3864
- display: inline;
3865
- list-style: none; }
3866
-
3867
- .premium-person-social-list li {
3868
- position: relative;
3869
- bottom: 0px;
3870
- -webkit-transition: all 0.2s ease-in-out;
3871
- transition: all 0.2s ease-in-out; }
3872
- .premium-person-social-list li i {
3873
- position: relative;
3874
- bottom: 0px;
3875
- -webkit-transition: all 0.2s ease-in-out;
3876
- transition: all 0.2s ease-in-out; }
3877
-
3878
- .premium-person-defaults-yes li.premium-person-facebook:hover a {
3879
- background-color: #3b5998 !important; }
3880
-
3881
- .premium-person-defaults-yes li.premium-person-twitter:hover a {
3882
- background-color: #55acee !important; }
3883
-
3884
- .premium-person-defaults-yes li.premium-person-linkedin:hover a {
3885
- background-color: #0077b5 !important; }
3886
-
3887
- .premium-person-defaults-yes li.premium-person-google:hover a {
3888
- background-color: #dc4e41 !important; }
3889
-
3890
- .premium-person-defaults-yes li.premium-person-youtube:hover a {
3891
- background-color: #b31217 !important; }
3892
-
3893
- .premium-person-defaults-yes li.premium-person-instagram:hover a {
3894
- background-color: #e4405f !important; }
3895
-
3896
- .premium-person-defaults-yes li.premium-person-skype:hover a {
3897
- background-color: #00aff0 !important; }
3898
-
3899
- .premium-person-defaults-yes li.premium-person-pinterest:hover a {
3900
- background-color: #bd081c !important; }
3901
-
3902
- .premium-person-defaults-yes li.premium-person-dribbble:hover a {
3903
- background-color: #ea4c89 !important; }
3904
-
3905
- .premium-person-defaults-yes li.premium-person-mail:hover a {
3906
- background-color: #b23121 !important; }
3907
-
3908
- .premium-person-defaults-yes li.premium-person-behance:hover a {
3909
- background-color: #1769ff !important; }
3910
-
3911
- .premium-person-defaults-yes li.premium-person-whatsapp:hover a {
3912
- background-color: #25d366 !important; }
3913
-
3914
- .premium-person-defaults-yes li.premium-person-telegram:hover a {
3915
- background-color: #0088cc !important; }
3916
-
3917
- .premium-person-defaults-yes li.premium-person-site:hover a {
3918
- background-color: #0055a5 !important; }
3919
-
3920
- .premium-person-social-list li:hover a {
3921
- -webkit-box-shadow: none;
3922
- box-shadow: none; }
3923
-
3924
- .premium-person-social-list li a:focus {
3925
- -webkit-box-shadow: none;
3926
- box-shadow: none;
3927
- outline: none; }
3928
-
3929
- .premium-person-social-list li i {
3930
- font-size: 18px; }
3931
-
3932
- .elementor-widget-premium-addon-person .elementor-widget-container {
3933
- -js-display: flex;
3934
- display: -webkit-box;
3935
- display: -webkit-flex;
3936
- display: -moz-box;
3937
- display: -ms-flexbox;
3938
- display: flex;
3939
- -webkit-box-pack: center;
3940
- -webkit-justify-content: center;
3941
- -moz-box-pack: center;
3942
- -ms-flex-pack: center;
3943
- justify-content: center; }
3944
-
3945
- .premium-persons-container.multiple-persons {
3946
- -js-display: flex;
3947
- display: -webkit-box;
3948
- display: -webkit-flex;
3949
- display: -moz-box;
3950
- display: -ms-flexbox;
3951
- display: flex;
3952
- -webkit-flex-wrap: wrap;
3953
- -ms-flex-wrap: wrap;
3954
- flex-wrap: wrap;
3955
- width: 100%; }
3956
-
3957
- .premium-person-style1 .premium-person-container {
3958
- overflow: hidden; }
3959
- .premium-person-style1 .premium-person-container .premium-person-info {
3960
- position: absolute;
3961
- top: auto;
3962
- right: 0;
3963
- left: 0;
3964
- -webkit-transition: all 500ms ease 0s;
3965
- transition: all 500ms ease 0s;
3966
- -webkit-transform: translate3d(0, 100%, 0);
3967
- transform: translate3d(0, 100%, 0); }
3968
- .premium-person-style1 .premium-person-container:hover .premium-person-info {
3969
- -webkit-transform: translate3d(0, 0, 0);
3970
- transform: translate3d(0, 0, 0);
3971
- bottom: -1px !important; }
3972
-
3973
- .premium-person-style1 .premium-person-social-list li:hover {
3974
- bottom: 5px; }
3975
-
3976
- .premium-person-style1.multiple-persons:not([data-persons-equal="yes"]) {
3977
- -webkit-box-align: start;
3978
- -webkit-align-items: flex-start;
3979
- -moz-box-align: start;
3980
- -ms-flex-align: start;
3981
- align-items: flex-start; }
3982
-
3983
- .premium-person-style1 .slick-track {
3984
- -js-display: flex;
3985
- display: -webkit-box;
3986
- display: -webkit-flex;
3987
- display: -moz-box;
3988
- display: -ms-flexbox;
3989
- display: flex; }
3990
-
3991
- .premium-person-style1 .slick-slide {
3992
- height: inherit !important; }
3993
-
3994
- .premium-person-style1.multiple-persons[data-persons-equal="yes"] .premium-person-image-container,
3995
- .premium-person-style1.multiple-persons[data-persons-equal="yes"] .premium-person-image-wrap {
3996
- height: 100%; }
3997
-
3998
- .premium-person-style3 .premium-person-info-container {
3999
- position: absolute;
4000
- top: 0;
4001
- left: 0;
4002
- width: 100%;
4003
- height: 100%;
4004
- -js-display: flex;
4005
- display: -webkit-box;
4006
- display: -webkit-flex;
4007
- display: -moz-box;
4008
- display: -ms-flexbox;
4009
- display: flex;
4010
- -webkit-box-orient: vertical;
4011
- -webkit-box-direction: normal;
4012
- -webkit-flex-direction: column;
4013
- -moz-box-orient: vertical;
4014
- -moz-box-direction: normal;
4015
- -ms-flex-direction: column;
4016
- flex-direction: column;
4017
- -webkit-box-pack: justify;
4018
- -webkit-justify-content: space-between;
4019
- -moz-box-pack: justify;
4020
- -ms-flex-pack: justify;
4021
- justify-content: space-between; }
4022
-
4023
- .premium-person-style3 .premium-person-title-desc-wrap {
4024
- -js-display: flex;
4025
- display: -webkit-box;
4026
- display: -webkit-flex;
4027
- display: -moz-box;
4028
- display: -ms-flexbox;
4029
- display: flex;
4030
- -webkit-box-orient: horizontal;
4031
- -webkit-box-direction: reverse;
4032
- -webkit-flex-direction: row-reverse;
4033
- -moz-box-orient: horizontal;
4034
- -moz-box-direction: reverse;
4035
- -ms-flex-direction: row-reverse;
4036
- flex-direction: row-reverse;
4037
- -webkit-box-pack: justify;
4038
- -webkit-justify-content: space-between;
4039
- -moz-box-pack: justify;
4040
- -ms-flex-pack: justify;
4041
- justify-content: space-between;
4042
- -webkit-box-align: start;
4043
- -webkit-align-items: flex-start;
4044
- -moz-box-align: start;
4045
- -ms-flex-align: start;
4046
- align-items: flex-start; }
4047
-
4048
- .premium-person-style3 .premium-person-name-icons-wrap {
4049
- -js-display: flex;
4050
- display: -webkit-box;
4051
- display: -webkit-flex;
4052
- display: -moz-box;
4053
- display: -ms-flexbox;
4054
- display: flex;
4055
- -webkit-box-pack: justify;
4056
- -webkit-justify-content: space-between;
4057
- -moz-box-pack: justify;
4058
- -ms-flex-pack: justify;
4059
- justify-content: space-between;
4060
- -webkit-box-align: end;
4061
- -webkit-align-items: flex-end;
4062
- -moz-box-align: end;
4063
- -ms-flex-align: end;
4064
- align-items: flex-end; }
4065
-
4066
- .premium-person-style3 .premium-person-title {
4067
- opacity: 0;
4068
- -webkit-transition: all 0.3s ease;
4069
- transition: all 0.3s ease;
4070
- width: 0; }
4071
- .premium-person-style3 .premium-person-title span {
4072
- display: inline-block; }
4073
-
4074
- .premium-person-style3 .premium-person-name {
4075
- padding-left: 10px; }
4076
-
4077
- .premium-person-style3 .premium-person-social-list {
4078
- -js-display: flex;
4079
- display: -webkit-box;
4080
- display: -webkit-flex;
4081
- display: -moz-box;
4082
- display: -ms-flexbox;
4083
- display: flex;
4084
- -webkit-box-orient: vertical;
4085
- -webkit-box-direction: normal;
4086
- -webkit-flex-direction: column;
4087
- -moz-box-orient: vertical;
4088
- -moz-box-direction: normal;
4089
- -ms-flex-direction: column;
4090
- flex-direction: column;
4091
- -webkit-transform: translateY(20px);
4092
- -ms-transform: translateY(20px);
4093
- transform: translateY(20px);
4094
- opacity: 0;
4095
- -webkit-transition: all 0.3s ease;
4096
- transition: all 0.3s ease; }
4097
-
4098
- .premium-person-style3 .premium-person-list-item {
4099
- line-height: 0; }
4100
- .premium-person-style3 .premium-person-list-item a {
4101
- padding: 5px 10px 0 0;
4102
- margin: 5px 0; }
4103
-
4104
- .premium-person-style3 .premium-person-container:hover .premium-person-title {
4105
- opacity: 1; }
4106
-
4107
- .premium-person-style3 .premium-person-container:hover .premium-person-social-list {
4108
- opacity: 1;
4109
- -webkit-transform: translateY(0);
4110
- -ms-transform: translateY(0);
4111
- transform: translateY(0); }
4112
-
4113
- .premium-persons-title-cw .premium-person-title {
4114
- -webkit-transform: translateX(15px) rotate(90deg);
4115
- -ms-transform: translateX(15px) rotate(90deg);
4116
- transform: translateX(15px) rotate(90deg);
4117
- -webkit-transform-origin: top;
4118
- -ms-transform-origin: top;
4119
- transform-origin: top; }
4120
-
4121
- .premium-persons-title-cw .premium-person-container:hover .premium-person-title {
4122
- -webkit-transform: translateX(0) rotate(90deg);
4123
- -ms-transform: translateX(0) rotate(90deg);
4124
- transform: translateX(0) rotate(90deg); }
4125
-
4126
- .premium-persons-title-ccw .premium-person-title {
4127
- width: auto;
4128
- margin-right: 20px;
4129
- -webkit-transform: translateX(15px) rotate(-90deg);
4130
- -ms-transform: translateX(15px) rotate(-90deg);
4131
- transform: translateX(15px) rotate(-90deg);
4132
- -webkit-transform-origin: center right;
4133
- -ms-transform-origin: center right;
4134
- transform-origin: center right; }
4135
-
4136
- .premium-persons-title-ccw .premium-person-container:hover .premium-person-title {
4137
- -webkit-transform: translateX(0) rotate(-90deg);
4138
- -ms-transform: translateX(0) rotate(-90deg);
4139
- transform: translateX(0) rotate(-90deg); }
4140
-
4141
- /**************** Premium Fancy Text *******************/
4142
- /*******************************************************/
4143
- .premium-suffix-text,
4144
- .premium-fancy-text,
4145
- .premium-prefix-text {
4146
- font-size: 40px; }
4147
-
4148
- .premium-fancy-text-wrapper .premium-fancy-list-items {
4149
- list-style: none; }
4150
-
4151
- .premium-fancy-text-wrapper .premium-fancy-text-span-align {
4152
- vertical-align: top; }
4153
-
4154
- .premium-fancy-text-wrapper:not(.typing):not(.slide) .premium-fancy-text-items-wrapper {
4155
- margin: 0;
4156
- padding: 0;
4157
- border: none;
4158
- position: relative; }
4159
-
4160
- .premium-fancy-text-wrapper:not(.typing):not(.slide) .premium-fancy-list-items {
4161
- position: absolute;
4162
- top: 0;
4163
- left: 0;
4164
- display: inline-block; }
4165
-
4166
- .premium-fancy-text-wrapper.zoomout .premium-fancy-item-hidden {
4167
- opacity: 0;
4168
- -webkit-animation: pa-zoom-out 0.8s;
4169
- animation: pa-zoom-out 0.8s; }
4170
-
4171
- .premium-fancy-text-wrapper.zoomout .premium-fancy-item-visible {
4172
- position: relative !important;
4173
- -webkit-animation: pa-zoom-in 0.8s;
4174
- animation: pa-zoom-in 0.8s; }
4175
-
4176
- .premium-fancy-text-wrapper.zoomout .premium-fancy-text-items-wrapper {
4177
- -webkit-perspective: 300px;
4178
- perspective: 300px; }
4179
-
4180
- .premium-fancy-text-wrapper.rotate .premium-fancy-list-items {
4181
- -webkit-transform-origin: 50% 100%;
4182
- -ms-transform-origin: 50% 100%;
4183
- transform-origin: 50% 100%; }
4184
-
4185
- .premium-fancy-text-wrapper.rotate .premium-fancy-item-hidden {
4186
- opacity: 0;
4187
- -webkit-transform: rotateX(180deg);
4188
- transform: rotateX(180deg);
4189
- -webkit-animation: pa-rotate-out 1.2s;
4190
- animation: pa-rotate-out 1.2s; }
4191
-
4192
- .premium-fancy-text-wrapper.rotate .premium-fancy-item-visible {
4193
- position: relative !important;
4194
- -webkit-transform: rotateX(0deg);
4195
- transform: rotateX(0deg);
4196
- -webkit-animation: pa-rotate-in 1.2s;
4197
- animation: pa-rotate-in 1.2s; }
4198
-
4199
- .premium-fancy-text-wrapper.custom .premium-fancy-item-hidden {
4200
- opacity: 0; }
4201
-
4202
- .premium-fancy-text-wrapper.custom .premium-fancy-item-visible {
4203
- position: relative !important; }
4204
-
4205
- .premium-fancy-text-wrapper.auto-fade .premium-fancy-text {
4206
- display: inline-block;
4207
- width: 200px;
4208
- font-weight: 400; }
4209
-
4210
- .premium-fancy-text-wrapper.auto-fade .premium-fancy-svg-text {
4211
- position: relative;
4212
- vertical-align: sub; }
4213
-
4214
- .premium-fancy-text-wrapper.auto-fade g > text {
4215
- text-anchor: start;
4216
- shape-rendering: crispEdges;
4217
- opacity: 0;
4218
- font-size: 300px;
4219
- -webkit-animation-name: pa-auto-fade;
4220
- animation-name: pa-auto-fade;
4221
- -moz-animation-name: pa-auto-fade;
4222
- -webkit-animation-duration: 9s;
4223
- animation-duration: 9s;
4224
- -webkit-animation-timing-function: linear;
4225
- animation-timing-function: linear;
4226
- -webkit-animation-iteration-count: infinite;
4227
- animation-iteration-count: infinite; }
4228
-
4229
- .premium-fancy-text-wrapper.auto-fade g > text:nth-child(1) {
4230
- -webkit-animation-delay: 0s;
4231
- animation-delay: 0s; }
4232
-
4233
- .premium-fancy-text-wrapper.auto-fade g > text:nth-child(2) {
4234
- -webkit-animation-delay: 3s;
4235
- animation-delay: 3s; }
4236
-
4237
- .premium-fancy-text-wrapper.auto-fade g > text:nth-child(3) {
4238
- -webkit-animation-delay: 6s;
4239
- animation-delay: 6s; }
4240
-
4241
- @-webkit-keyframes pa-auto-fade {
4242
- 0% {
4243
- opacity: 0; }
4244
- 20% {
4245
- opacity: 1; }
4246
- 35% {
4247
- opacity: 0; }
4248
- 100% {
4249
- opacity: 0; } }
4250
-
4251
- @keyframes pa-auto-fade {
4252
- 0% {
4253
- opacity: 0; }
4254
- 20% {
4255
- opacity: 1; }
4256
- 35% {
4257
- opacity: 0; }
4258
- 100% {
4259
- opacity: 0; } }
4260
-
4261
- @-webkit-keyframes pa-zoom-in {
4262
- 0% {
4263
- opacity: 0;
4264
- -webkit-transform: translateZ(100px);
4265
- transform: translateZ(100px); }
4266
- 100% {
4267
- opacity: 1;
4268
- -webkit-transform: translateZ(0);
4269
- transform: translateZ(0); } }
4270
-
4271
- @keyframes pa-zoom-in {
4272
- 0% {
4273
- opacity: 0;
4274
- -webkit-transform: translateZ(100px);
4275
- transform: translateZ(100px); }
4276
- 100% {
4277
- opacity: 1;
4278
- -webkit-transform: translateZ(0);
4279
- transform: translateZ(0); } }
4280
-
4281
- @-webkit-keyframes pa-zoom-out {
4282
- 0% {
4283
- opacity: 1;
4284
- -webkit-transform: translateZ(0);
4285
- transform: translateZ(0); }
4286
- 100% {
4287
- opacity: 0;
4288
- -webkit-transform: translateZ(-100px);
4289
- transform: translateZ(-100px); } }
4290
-
4291
- @keyframes pa-zoom-out {
4292
- 0% {
4293
- opacity: 1;
4294
- -webkit-transform: translateZ(0);
4295
- transform: translateZ(0); }
4296
- 100% {
4297
- opacity: 0;
4298
- -webkit-transform: translateZ(-100px);
4299
- transform: translateZ(-100px); } }
4300
-
4301
- @-webkit-keyframes pa-rotate-in {
4302
- 0% {
4303
- opacity: 0;
4304
- -webkit-transform: rotateX(180deg);
4305
- transform: rotateX(180deg); }
4306
- 35% {
4307
- opacity: 0;
4308
- -webkit-transform: rotateX(120deg);
4309
- transform: rotateX(120deg); }
4310
- 65% {
4311
- opacity: 0; }
4312
- 100% {
4313
- opacity: 1;
4314
- -webkit-transform: rotateX(360deg);
4315
- transform: rotateX(360deg); } }
4316
-
4317
- @keyframes pa-rotate-in {
4318
- 0% {
4319
- opacity: 0;
4320
- -webkit-transform: rotateX(180deg);
4321
- transform: rotateX(180deg); }
4322
- 35% {
4323
- opacity: 0;
4324
- -webkit-transform: rotateX(120deg);
4325
- transform: rotateX(120deg); }
4326
- 65% {
4327
- opacity: 0; }
4328
- 100% {
4329
- opacity: 1;
4330
- -webkit-transform: rotateX(360deg);
4331
- transform: rotateX(360deg); } }
4332
-
4333
- @-webkit-keyframes pa-rotate-out {
4334
- 0% {
4335
- opacity: 1;
4336
- -webkit-transform: rotateX(0deg);
4337
- transform: rotateX(0deg); }
4338
- 35% {
4339
- opacity: 1;
4340
- -webkit-transform: rotateX(-40deg);
4341
- transform: rotateX(-40deg); }
4342
- 65% {
4343
- opacity: 0; }
4344
- 100% {
4345
- opacity: 0;
4346
- -webkit-transform: rotateX(180deg);
4347
- transform: rotateX(180deg); } }
4348
-
4349
- @keyframes pa-rotate-out {
4350
- 0% {
4351
- opacity: 1;
4352
- -webkit-transform: rotateX(0deg);
4353
- transform: rotateX(0deg); }
4354
- 35% {
4355
- opacity: 1;
4356
- -webkit-transform: rotateX(-40deg);
4357
- transform: rotateX(-40deg); }
4358
- 65% {
4359
- opacity: 0; }
4360
- 100% {
4361
- opacity: 0;
4362
- -webkit-transform: rotateX(180deg);
4363
- transform: rotateX(180deg); } }
4364
-
4365
- /**************** Premium Pricing Table ****************/
4366
- /*******************************************************/
4367
- .premium-pricing-table-container {
4368
- position: relative;
4369
- overflow: hidden;
4370
- text-align: center;
4371
- -webkit-transition: all 0.3s ease-in-out;
4372
- transition: all 0.3s ease-in-out; }
4373
-
4374
- .premium-pricing-icon-container {
4375
- -js-display: flex;
4376
- display: -webkit-box;
4377
- display: -webkit-flex;
4378
- display: -moz-box;
4379
- display: -ms-flexbox;
4380
- display: flex;
4381
- -webkit-box-pack: center;
4382
- -webkit-justify-content: center;
4383
- -moz-box-pack: center;
4384
- -ms-flex-pack: center;
4385
- justify-content: center;
4386
- line-height: 0; }
4387
- .premium-pricing-icon-container .premium-pricing-icon {
4388
- display: inline-block; }
4389
- .premium-pricing-icon-container .premium-pricing-image {
4390
- overflow: hidden; }
4391
- .premium-pricing-icon-container .premium-pricing-image img {
4392
- width: 25px;
4393
- height: 25px;
4394
- -o-object-fit: cover;
4395
- object-fit: cover; }
4396
-
4397
- .premium-badge-left {
4398
- position: absolute;
4399
- top: 0; }
4400
-
4401
- .premium-badge-right {
4402
- position: absolute;
4403
- top: 0;
4404
- right: 0; }
4405
-
4406
- .premium-badge-left {
4407
- left: 0; }
4408
-
4409
- .premium-badge-triangle.premium-badge-left .corner {
4410
- width: 0;
4411
- height: 0;
4412
- border-top: 150px solid;
4413
- border-bottom: 150px solid transparent;
4414
- border-right: 150px solid transparent; }
4415
-
4416
- .premium-badge-triangle.premium-badge-right .corner {
4417
- width: 0;
4418
- height: 0;
4419
- border-bottom: 150px solid transparent;
4420
- border-right: 150px solid;
4421
- border-left: 150px solid transparent; }
4422
-
4423
- .premium-badge-triangle span {
4424
- position: absolute;
4425
- top: 35px;
4426
- width: 100px;
4427
- text-align: center;
4428
- -webkit-transform: rotate(-45deg);
4429
- -ms-transform: rotate(-45deg);
4430
- transform: rotate(-45deg);
4431
- display: block;
4432
- text-transform: uppercase; }
4433
-
4434
- .premium-badge-triangle.premium-badge-right span {
4435
- -webkit-transform: rotate(45deg);
4436
- -ms-transform: rotate(45deg);
4437
- transform: rotate(45deg);
4438
- right: 0; }
4439
-
4440
- .premium-badge-circle {
4441
- min-width: 4em;
4442
- min-height: 4em;
4443
- line-height: 4em;
4444
- text-align: center;
4445
- -webkit-border-radius: 100%;
4446
- border-radius: 100%;
4447
- position: absolute;
4448
- z-index: 1; }
4449
-
4450
- .premium-badge-stripe {
4451
- position: absolute;
4452
- -webkit-transform: rotate(90deg);
4453
- -ms-transform: rotate(90deg);
4454
- transform: rotate(90deg);
4455
- width: 15em;
4456
- overflow: hidden;
4457
- height: 15em; }
4458
- .premium-badge-stripe.premium-badge-left {
4459
- -webkit-transform: rotate(0);
4460
- -ms-transform: rotate(0);
4461
- transform: rotate(0); }
4462
- .premium-badge-stripe .corner {
4463
- text-align: center;
4464
- left: 0;
4465
- width: 150%;
4466
- -webkit-transform: translateY(-50%) translateX(-50%) translateX(35px) rotate(-45deg);
4467
- -ms-transform: translateY(-50%) translateX(-50%) translateX(35px) rotate(-45deg);
4468
- transform: translateY(-50%) translateX(-50%) translateX(35px) rotate(-45deg);
4469
- margin-top: 35px;
4470
- font-size: 13px;
4471
- line-height: 2;
4472
- font-weight: 800;
4473
- text-transform: uppercase; }
4474
-
4475
- .premium-badge-flag .corner {
4476
- text-align: center;
4477
- -webkit-border-radius: 4px 4px 0 4px;
4478
- border-radius: 4px 4px 0 4px;
4479
- padding: 3px 15px;
4480
- position: absolute;
4481
- top: 10%;
4482
- right: -8px; }
4483
- .premium-badge-flag .corner::before, .premium-badge-flag .corner::after {
4484
- content: "";
4485
- display: block;
4486
- position: absolute;
4487
- width: 0;
4488
- height: 0;
4489
- top: 100%;
4490
- right: 0;
4491
- border-bottom: 8px solid transparent; }
4492
-
4493
- .elementor-widget-premium-addon-pricing-table .elementor-widget-container {
4494
- overflow: visible !important; }
4495
-
4496
- .premium-badge-flag .corner::after {
4497
- border-left: 8px solid rgba(0, 0, 0, 0.2); }
4498
-
4499
- .premium-pricing-price-currency {
4500
- position: relative; }
4501
-
4502
- .premium-pricing-button-container {
4503
- display: block; }
4504
-
4505
- .premium-pricing-list {
4506
- -js-display: flex;
4507
- display: -webkit-box;
4508
- display: -webkit-flex;
4509
- display: -moz-box;
4510
- display: -ms-flexbox;
4511
- display: flex;
4512
- -webkit-box-orient: vertical;
4513
- -webkit-box-direction: normal;
4514
- -webkit-flex-direction: column;
4515
- -moz-box-orient: vertical;
4516
- -moz-box-direction: normal;
4517
- -ms-flex-direction: column;
4518
- flex-direction: column;
4519
- list-style-type: none;
4520
- margin: 0; }
4521
- .premium-pricing-list .premium-pricing-list-item {
4522
- -js-display: flex;
4523
- display: -webkit-box;
4524
- display: -webkit-flex;
4525
- display: -moz-box;
4526
- display: -ms-flexbox;
4527
- display: flex;
4528
- -webkit-box-align: center;
4529
- -webkit-align-items: center;
4530
- -moz-box-align: center;
4531
- -ms-flex-align: center;
4532
- align-items: center; }
4533
- .premium-pricing-list .premium-pricing-list-item svg {
4534
- width: 50px;
4535
- height: 50px; }
4536
- .premium-pricing-list .premium-pricing-list-item img {
4537
- width: 30px;
4538
- height: 30px;
4539
- -o-object-fit: cover;
4540
- object-fit: cover; }
4541
- .premium-pricing-list .premium-pricing-list-span {
4542
- position: relative; }
4543
- .premium-pricing-list .list-item-tooltip {
4544
- border-bottom: 1px dotted; }
4545
- .premium-pricing-list .premium-pricing-list-tooltip {
4546
- position: absolute;
4547
- top: -webkit-calc(100% + 1px);
4548
- top: calc(100% + 1px);
4549
- left: 0;
4550
- visibility: hidden;
4551
- padding: 15px 20px;
4552
- -webkit-border-radius: 5px;
4553
- border-radius: 5px;
4554
- min-width: 200px;
4555
- overflow: hidden;
4556
- text-align: left;
4557
- font-size: 0.8rem;
4558
- color: #fff;
4559
- background-color: #aaa; }
4560
-
4561
- .premium-pricing-features-left .premium-pricing-list-span {
4562
- text-align: left; }
4563
-
4564
- .premium-pricing-features-center .premium-pricing-list-span {
4565
- text-align: center; }
4566
-
4567
- .premium-pricing-features-right .premium-pricing-list-span {
4568
- text-align: right; }
4569
-
4570
- .premium-pricing-list-span:hover .premium-pricing-list-tooltip {
4571
- z-index: 99;
4572
- visibility: visible;
4573
- opacity: 1; }
4574
-
4575
- .premium-pricing-slashed-price-value {
4576
- display: inline-block;
4577
- font-size: 20px;
4578
- font-weight: 400;
4579
- margin-right: 5px; }
4580
-
4581
- .premium-pricing-price-value {
4582
- font-size: 70px; }
4583
-
4584
- .premium-pricing-description-container li {
4585
- list-style-position: inside;
4586
- text-indent: -40px; }
4587
-
4588
- @-moz-document url-prefix() {
4589
- .premium-pricing-description-container li {
4590
- text-indent: 0px; } }
4591
-
4592
- .premium-pricing-price-button {
4593
- display: block;
4594
- padding: 6px 12px;
4595
- line-height: 1.42857143;
4596
- text-align: center;
4597
- color: #fff;
4598
- background: #6ec1e4;
4599
- margin-bottom: 0;
4600
- -webkit-transition: all 0.3s ease-in-out;
4601
- transition: all 0.3s ease-in-out; }
4602
-
4603
- /**************** Premium Google Maps ******************/
4604
- /*******************************************************/
4605
- .premium-maps-info-container {
4606
- margin-top: 10px;
4607
- margin-bottom: 10px; }
4608
-
4609
- .premium-maps-info-title,
4610
- .premium-maps-info-desc {
4611
- margin: 0;
4612
- padding: 0; }
4613
-
4614
- .premium-maps-container .gm-style-iw {
4615
- text-align: center; }
4616
-
4617
- .premium-maps-container .gm-style img {
4618
- max-width: none !important; }
4619
-
4620
- /**************** Premium Button ***********************/
4621
- /*******************************************************/
4622
- .premium-button {
4623
- display: inline-block;
4624
- position: relative;
4625
- overflow: hidden;
4626
- cursor: pointer;
4627
- -webkit-transition: all 0.2s ease-in-out !important;
4628
- transition: all 0.2s ease-in-out !important; }
4629
-
4630
- .premium-button-sm {
4631
- padding: 12px 24px;
4632
- font-size: 14px;
4633
- line-height: 1; }
4634
-
4635
- .premium-button .premium-lottie-animation,
4636
- .premium-image-button .premium-lottie-animation {
4637
- -js-display: flex;
4638
- display: -webkit-box;
4639
- display: -webkit-flex;
4640
- display: -moz-box;
4641
- display: -ms-flexbox;
4642
- display: flex; }
4643
- .premium-button .premium-lottie-animation svg,
4644
- .premium-image-button .premium-lottie-animation svg {
4645
- width: 50px;
4646
- height: 50px; }
4647
-
4648
- .premium-button-md {
4649
- padding: 14px 26px;
4650
- font-size: 16px;
4651
- line-height: 1.2; }
4652
-
4653
- .premium-button-lg {
4654
- padding: 16px 28px;
4655
- font-size: 18px;
4656
- line-height: 1.3333; }
4657
-
4658
- .premium-button-block {
4659
- font-size: 15px;
4660
- line-height: 1;
4661
- padding: 12px 24px;
4662
- width: 100%;
4663
- text-align: center; }
4664
-
4665
- .premium-button-text {
4666
- display: inline-block;
4667
- width: 100%; }
4668
-
4669
- .premium-button-style1,
4670
- .premium-button-style2,
4671
- .premium-button-style5,
4672
- .premium-button-style7 {
4673
- display: inline-block;
4674
- vertical-align: middle;
4675
- -webkit-transform: perspective(1px) translateZ(0);
4676
- transform: perspective(1px) translateZ(0);
4677
- -webkit-box-shadow: 0 0 1px transparent;
4678
- box-shadow: 0 0 1px transparent;
4679
- position: relative;
4680
- -webkit-transition-property: color;
4681
- transition-property: color;
4682
- -webkit-transition-duration: 0.15s;
4683
- transition-duration: 0.15s; }
4684
-
4685
- .premium-button-style1:before,
4686
- .premium-button-style2:before,
4687
- .premium-button-style5:before {
4688
- content: "";
4689
- position: absolute;
4690
- z-index: -1;
4691
- top: 0;
4692
- left: 0;
4693
- right: 0;
4694
- bottom: 0;
4695
- -webkit-transform: scaleY(0);
4696
- -ms-transform: scaleY(0);
4697
- transform: scaleY(0);
4698
- -webkit-transform-origin: 50% 0;
4699
- -ms-transform-origin: 50% 0;
4700
- transform-origin: 50% 0;
4701
- -webkit-transition-property: -webkit-transform;
4702
- transition-property: -webkit-transform;
4703
- transition-property: transform;
4704
- transition-property: transform, -webkit-transform;
4705
- -webkit-transition-duration: 0.15s;
4706
- transition-duration: 0.15s;
4707
- -webkit-transition-timing-function: ease-out;
4708
- transition-timing-function: ease-out; }
4709
-
4710
- .premium-button-style5-radialin:before,
4711
- .premium-button-style5-radialout:before {
4712
- -webkit-transform-origin: 50%;
4713
- -ms-transform-origin: 50%;
4714
- transform-origin: 50%;
4715
- -webkit-border-radius: 100%;
4716
- border-radius: 100%;
4717
- -webkit-transform: scale(0);
4718
- -ms-transform: scale(0);
4719
- transform: scale(0); }
4720
-
4721
- .premium-button-style5-radialin:before {
4722
- -webkit-transform: scale(2);
4723
- -ms-transform: scale(2);
4724
- transform: scale(2); }
4725
-
4726
- .premium-button-style5-rectin:before {
4727
- -webkit-transform-origin: 50%;
4728
- -ms-transform-origin: 50%;
4729
- transform-origin: 50%;
4730
- -webkit-transform: scale(1);
4731
- -ms-transform: scale(1);
4732
- transform: scale(1); }
4733
-
4734
- .premium-button-style5-rectout:before {
4735
- -webkit-transform-origin: 50%;
4736
- -ms-transform-origin: 50%;
4737
- transform-origin: 50%;
4738
- -webkit-transform: scale(0);
4739
- -ms-transform: scale(0);
4740
- transform: scale(0); }
4741
-
4742
- .premium-button-style5-rectout:hover:before {
4743
- -webkit-transform: scale(1);
4744
- -ms-transform: scale(1);
4745
- transform: scale(1); }
4746
-
4747
- .premium-button-style5-rectin:hover:before {
4748
- -webkit-transform: scale(0);
4749
- -ms-transform: scale(0);
4750
- transform: scale(0); }
4751
-
4752
- .premium-button-style5-radialout:hover:before {
4753
- -webkit-transform: scale(2);
4754
- -ms-transform: scale(2);
4755
- transform: scale(2); }
4756
-
4757
- .premium-button-style5-radialin:hover:before {
4758
- -webkit-transform: scale(0);
4759
- -ms-transform: scale(0);
4760
- transform: scale(0); }
4761
-
4762
- .premium-button-style1-top:before {
4763
- -webkit-transform-origin: 50% 100%;
4764
- -ms-transform-origin: 50% 100%;
4765
- transform-origin: 50% 100%; }
4766
-
4767
- .premium-button-style1-right:before {
4768
- -webkit-transform: scaleX(0);
4769
- -ms-transform: scaleX(0);
4770
- transform: scaleX(0);
4771
- -webkit-transform-origin: 0% 50%;
4772
- -ms-transform-origin: 0% 50%;
4773
- transform-origin: 0% 50%; }
4774
-
4775
- .premium-button-style1-left:before {
4776
- -webkit-transform: scaleX(0);
4777
- -ms-transform: scaleX(0);
4778
- transform: scaleX(0);
4779
- -webkit-transform-origin: 100% 50%;
4780
- -ms-transform-origin: 100% 50%;
4781
- transform-origin: 100% 50%; }
4782
-
4783
- .premium-button-style2-shutouthor:before,
4784
- .premium-button-style2-scshutoutver:before {
4785
- -webkit-transform: scaleY(0);
4786
- -ms-transform: scaleY(0);
4787
- transform: scaleY(0);
4788
- -webkit-transform-origin: 100% 50%;
4789
- -ms-transform-origin: 100% 50%;
4790
- transform-origin: 100% 50%; }
4791
-
4792
- .premium-button-style2-shutoutver:before,
4793
- .premium-button-style2-scshutouthor:before {
4794
- -webkit-transform: scaleX(0);
4795
- -ms-transform: scaleX(0);
4796
- transform: scaleX(0);
4797
- -webkit-transform-origin: 50% 50%;
4798
- -ms-transform-origin: 50% 50%;
4799
- transform-origin: 50% 50%; }
4800
-
4801
- .premium-button-style2-shutinhor:before {
4802
- -webkit-transform: scaleX(1);
4803
- -ms-transform: scaleX(1);
4804
- transform: scaleX(1);
4805
- -webkit-transform-origin: 50%;
4806
- -ms-transform-origin: 50%;
4807
- transform-origin: 50%; }
4808
-
4809
- .premium-button-style2-shutinver:before {
4810
- -webkit-transform: scaleY(1);
4811
- -ms-transform: scaleY(1);
4812
- transform: scaleY(1);
4813
- -webkit-transform-origin: 50%;
4814
- -ms-transform-origin: 50%;
4815
- transform-origin: 50%; }
4816
-
4817
- .premium-button-style1-bottom:hover:before,
4818
- .premium-button-style1-top:hover:before {
4819
- -webkit-transform: scaleY(1);
4820
- -ms-transform: scaleY(1);
4821
- transform: scaleY(1); }
4822
-
4823
- .premium-button-style1-left:hover:before,
4824
- .premium-button-style1-right:hover:before,
4825
- .premium-button-style2-shutouthor:hover:before,
4826
- .premium-button-style2-shutoutver:hover:before {
4827
- -webkit-transform: scaleX(1);
4828
- -ms-transform: scaleX(1);
4829
- transform: scaleX(1); }
4830
-
4831
- .premium-button-style2-shutinhor:hover:before {
4832
- -webkit-transform: scaleX(0);
4833
- -ms-transform: scaleX(0);
4834
- transform: scaleX(0); }
4835
-
4836
- .premium-button-style2-shutinver:hover:before {
4837
- -webkit-transform: scaleY(0);
4838
- -ms-transform: scaleY(0);
4839
- transform: scaleY(0); }
4840
-
4841
- .premium-button-style2-scshutouthor:hover:before {
4842
- -webkit-transform: scaleX(0.9);
4843
- -ms-transform: scaleX(0.9);
4844
- transform: scaleX(0.9); }
4845
-
4846
- .premium-button-style2-scshutoutver:hover:before {
4847
- -webkit-transform: scaleY(0.8);
4848
- -ms-transform: scaleY(0.8);
4849
- transform: scaleY(0.8); }
4850
-
4851
- /*Diagonal*/
4852
- .premium-button-style2-dshutinhor:before {
4853
- top: 50%;
4854
- left: 50%;
4855
- width: 120%;
4856
- height: 0%;
4857
- -webkit-transform: translateX(-50%) translateY(-50%) rotate(-45deg);
4858
- -ms-transform: translateX(-50%) translateY(-50%) rotate(-45deg);
4859
- transform: translateX(-50%) translateY(-50%) rotate(-45deg);
4860
- -webkit-transform-origin: 50%;
4861
- -ms-transform-origin: 50%;
4862
- transform-origin: 50%;
4863
- -webkit-transition-property: all;
4864
- transition-property: all; }
4865
-
4866
- .premium-button-style2-dshutinver:before {
4867
- top: 50%;
4868
- left: 50%;
4869
- width: 120%;
4870
- height: 0%;
4871
- -webkit-transform-origin: 50%;
4872
- -ms-transform-origin: 50%;
4873
- transform-origin: 50%;
4874
- -webkit-transition-property: all;
4875
- transition-property: all;
4876
- -webkit-transform: translateX(-50%) translateY(-50%) rotate(45deg);
4877
- -ms-transform: translateX(-50%) translateY(-50%) rotate(45deg);
4878
- transform: translateX(-50%) translateY(-50%) rotate(45deg); }
4879
-
4880
- .premium-button-style2-dshutinhor:hover:before,
4881
- .premium-button-style2-dshutinver:hover:before {
4882
- height: 220%; }
4883
-
4884
- .premium-button-style3-before i,
4885
- .premium-button-style3-before svg {
4886
- opacity: 0;
4887
- -webkit-transform: translateX(-5px);
4888
- -ms-transform: translateX(-5px);
4889
- transform: translateX(-5px);
4890
- -webkit-transition: all 0.5s ease-in-out;
4891
- transition: all 0.5s ease-in-out; }
4892
-
4893
- .premium-button-style3-after i,
4894
- .premium-button-style3-after svg {
4895
- opacity: 0;
4896
- -webkit-transform: translateX(-5px);
4897
- -ms-transform: translateX(-5px);
4898
- transform: translateX(-5px);
4899
- -webkit-transition: all 0.5s ease-in-out;
4900
- transition: all 0.5s ease-in-out;
4901
- -webkit-transform: translateX(5px);
4902
- -ms-transform: translateX(5px);
4903
- transform: translateX(5px); }
4904
-
4905
- .premium-button-style3-after:hover i,
4906
- .premium-button-style3-after:hover svg {
4907
- opacity: 1; }
4908
-
4909
- .premium-button-style3-before:hover i,
4910
- .premium-button-style3-before:hover svg {
4911
- opacity: 1; }
4912
-
4913
- .premium-button-text-icon-wrapper {
4914
- -js-display: flex;
4915
- display: -webkit-box;
4916
- display: -webkit-flex;
4917
- display: -moz-box;
4918
- display: -ms-flexbox;
4919
- display: flex;
4920
- -webkit-box-pack: center;
4921
- -webkit-justify-content: center;
4922
- -moz-box-pack: center;
4923
- -ms-flex-pack: center;
4924
- justify-content: center;
4925
- -webkit-box-align: center;
4926
- -webkit-align-items: center;
4927
- -moz-box-align: center;
4928
- -ms-flex-align: center;
4929
- align-items: center;
4930
- -webkit-transition: all 0.2s ease-in-out;
4931
- transition: all 0.2s ease-in-out; }
4932
- .premium-button-text-icon-wrapper span,
4933
- .premium-button-text-icon-wrapper i,
4934
- .premium-button-text-icon-wrapper svg {
4935
- -webkit-transition: all 0.2s ease-in-out;
4936
- transition: all 0.2s ease-in-out; }
4937
-
4938
- .premium-button-style4-icon-wrapper {
4939
- position: absolute;
4940
- z-index: 2;
4941
- width: 100%;
4942
- text-align: center;
4943
- -js-display: flex;
4944
- display: -webkit-box;
4945
- display: -webkit-flex;
4946
- display: -moz-box;
4947
- display: -ms-flexbox;
4948
- display: flex;
4949
- -webkit-box-align: center;
4950
- -webkit-align-items: center;
4951
- -moz-box-align: center;
4952
- -ms-flex-align: center;
4953
- align-items: center;
4954
- -webkit-box-pack: center;
4955
- -webkit-justify-content: center;
4956
- -moz-box-pack: center;
4957
- -ms-flex-pack: center;
4958
- justify-content: center;
4959
- height: 100%;
4960
- opacity: 0;
4961
- -webkit-transition: all 0.3s ease-in-out;
4962
- transition: all 0.3s ease-in-out; }
4963
- .premium-button-style4-icon-wrapper.top {
4964
- bottom: -100%;
4965
- left: 0; }
4966
- .premium-button-style4-icon-wrapper.bottom {
4967
- top: -100%;
4968
- left: 0; }
4969
- .premium-button-style4-icon-wrapper.left {
4970
- top: 0;
4971
- left: -100%; }
4972
- .premium-button-style4-icon-wrapper.right {
4973
- top: 0;
4974
- right: -100%; }
4975
-
4976
- .premium-button-style4-bottom:hover .premium-button-style4-icon-wrapper {
4977
- top: 0;
4978
- opacity: 1; }
4979
-
4980
- .premium-button-style4-top:hover .premium-button-style4-icon-wrapper {
4981
- bottom: 0;
4982
- opacity: 1; }
4983
-
4984
- .premium-button-style4-left:hover .premium-button-style4-icon-wrapper {
4985
- left: 0;
4986
- opacity: 1; }
4987
-
4988
- .premium-button-style4-right:hover .premium-button-style4-icon-wrapper {
4989
- right: 0;
4990
- opacity: 1; }
4991
-
4992
- .premium-button-style4-bottom:hover .premium-button-text-icon-wrapper {
4993
- -webkit-transform: translateY(100%);
4994
- -ms-transform: translateY(100%);
4995
- transform: translateY(100%);
4996
- opacity: 0; }
4997
-
4998
- .premium-button-style4-top:hover .premium-button-text-icon-wrapper {
4999
- -webkit-transform: translateY(-100%);
5000
- -ms-transform: translateY(-100%);
5001
- transform: translateY(-100%);
5002
- opacity: 0; }
5003
-
5004
- .premium-button-style4-left:hover .premium-button-text-icon-wrapper {
5005
- -webkit-transform: translateX(100%);
5006
- -ms-transform: translateX(100%);
5007
- transform: translateX(100%);
5008
- opacity: 0; }
5009
-
5010
- .premium-button-style4-right:hover .premium-button-text-icon-wrapper {
5011
- -webkit-transform: translateX(-100%);
5012
- -ms-transform: translateX(-100%);
5013
- transform: translateX(-100%);
5014
- opacity: 0; }
5015
-
5016
- .premium-button-style6:before {
5017
- content: "";
5018
- position: absolute;
5019
- left: 50%;
5020
- top: 50%;
5021
- width: 100px;
5022
- height: 100px;
5023
- -webkit-border-radius: 100%;
5024
- border-radius: 100%;
5025
- -webkit-transform: translate(-50%, -50%) scale(0);
5026
- -ms-transform: translate(-50%, -50%) scale(0);
5027
- transform: translate(-50%, -50%) scale(0);
5028
- -webkit-transition: all 0.3s ease-in-out;
5029
- transition: all 0.3s ease-in-out; }
5030
-
5031
- .premium-button-style6:hover:before {
5032
- -webkit-transform: translate(-50%, -50%) scale(3);
5033
- -ms-transform: translate(-50%, -50%) scale(3);
5034
- transform: translate(-50%, -50%) scale(3); }
5035
-
5036
- .premium-button-style6 .premium-button-text-icon-wrapper {
5037
- position: relative;
5038
- z-index: 1; }
5039
-
5040
- .premium-mouse-detect-yes .premium-button-style6 .premium-button-style6-bg {
5041
- position: absolute;
5042
- z-index: 0;
5043
- top: 0;
5044
- left: 0;
5045
- width: 0px;
5046
- height: 0px;
5047
- -webkit-border-radius: 50%;
5048
- border-radius: 50%;
5049
- display: block;
5050
- -webkit-transform: translate(-50%, -50%);
5051
- -ms-transform: translate(-50%, -50%);
5052
- transform: translate(-50%, -50%);
5053
- -webkit-transition: width 0.4s ease-in-out, height 0.4s ease-in-out;
5054
- transition: width 0.4s ease-in-out, height 0.4s ease-in-out; }
5055
-
5056
- .premium-mouse-detect-yes .premium-button-style6:hover .premium-button-style6-bg {
5057
- width: 225%;
5058
- height: 560px; }
5059
-
5060
- .premium-mouse-detect-yes .premium-button-style6:before {
5061
- width: 0;
5062
- height: 0; }
5063
-
5064
- .premium-button-style7-right .premium-button-text-icon-wrapper:before,
5065
- .premium-button-style7-left .premium-button-text-icon-wrapper:before {
5066
- -webkit-transition: width 0.3s ease-out 0.15s;
5067
- transition: width 0.3s ease-out 0.15s; }
5068
-
5069
- .premium-button-style7-right .premium-button-text-icon-wrapper:after,
5070
- .premium-button-style7-left .premium-button-text-icon-wrapper:after {
5071
- -webkit-transition: width 0.3s ease-out 0s;
5072
- transition: width 0.3s ease-out 0s; }
5073
-
5074
- .premium-button-style7-bottom .premium-button-text-icon-wrapper:before,
5075
- .premium-button-style7-top .premium-button-text-icon-wrapper:before {
5076
- -webkit-transition: height 0.3s ease-out 0.15s;
5077
- transition: height 0.3s ease-out 0.15s; }
5078
-
5079
- .premium-button-style7-bottom .premium-button-text-icon-wrapper:after,
5080
- .premium-button-style7-top .premium-button-text-icon-wrapper:after {
5081
- -webkit-transition: height 0.3s ease-out 0s;
5082
- transition: height 0.3s ease-out 0s; }
5083
-
5084
- .premium-button-style7:hover .premium-button-text-icon-wrapper:before {
5085
- -webkit-transition-delay: 0s;
5086
- transition-delay: 0s; }
5087
-
5088
- .premium-button-style7:hover .premium-button-text-icon-wrapper:after {
5089
- -webkit-transition-delay: 0.15s;
5090
- transition-delay: 0.15s; }
5091
-
5092
- .premium-button-style7-bottom .premium-button-text-icon-wrapper:before,
5093
- .premium-button-style7-bottom .premium-button-text-icon-wrapper:after {
5094
- content: "";
5095
- position: absolute;
5096
- right: 0;
5097
- top: 0;
5098
- left: 0;
5099
- height: 0;
5100
- z-index: -1; }
5101
-
5102
- .premium-button-style7-top .premium-button-text-icon-wrapper:after,
5103
- .premium-button-style7-top .premium-button-text-icon-wrapper:before {
5104
- content: "";
5105
- position: absolute;
5106
- right: 0;
5107
- bottom: 0;
5108
- left: 0;
5109
- height: 0;
5110
- z-index: -1; }
5111
-
5112
- .premium-button-style7-right .premium-button-text-icon-wrapper:after,
5113
- .premium-button-style7-right .premium-button-text-icon-wrapper:before {
5114
- content: "";
5115
- position: absolute;
5116
- right: 0;
5117
- top: 0;
5118
- bottom: 0;
5119
- width: 0;
5120
- z-index: -1; }
5121
-
5122
- .premium-button-style7-left .premium-button-text-icon-wrapper:after,
5123
- .premium-button-style7-left .premium-button-text-icon-wrapper:before {
5124
- content: "";
5125
- position: absolute;
5126
- left: 0;
5127
- top: 0;
5128
- bottom: 0;
5129
- width: 0;
5130
- z-index: -1; }
5131
-
5132
- .premium-button-style7-bottom:hover .premium-button-text-icon-wrapper:after,
5133
- .premium-button-style7-bottom:hover .premium-button-text-icon-wrapper:before {
5134
- height: 100%;
5135
- top: 0; }
5136
-
5137
- .premium-button-style7-top:hover .premium-button-text-icon-wrapper:after,
5138
- .premium-button-style7-top:hover .premium-button-text-icon-wrapper:before {
5139
- height: 100%;
5140
- bottom: 0; }
5141
-
5142
- .premium-button-style7-left:hover .premium-button-text-icon-wrapper:after,
5143
- .premium-button-style7-left:hover .premium-button-text-icon-wrapper:before {
5144
- width: 100%;
5145
- left: 0; }
5146
-
5147
- .premium-button-style7-right:hover .premium-button-text-icon-wrapper:after,
5148
- .premium-button-style7-right:hover .premium-button-text-icon-wrapper:before {
5149
- width: 100%;
5150
- right: 0; }
5151
-
5152
- /**************** Premium Contact Form7 **********/
5153
- /*************************************************/
5154
- .premium-contact-form-anim-yes .wpcf7-span::after {
5155
- display: block;
5156
- height: 2px;
5157
- content: "";
5158
- top: -2px;
5159
- position: relative;
5160
- width: 0px;
5161
- -webkit-transition: all ease-in-out 0.3s;
5162
- transition: all ease-in-out 0.3s; }
5163
-
5164
- .premium-contact-form-anim-yes .wpcf7-span.is-focused::after {
5165
- width: 100%; }
5166
-
5167
- /**************** Premium Image Button ***********/
5168
- /*************************************************/
5169
- .premium-image-button {
5170
- display: inline-block;
5171
- position: relative;
5172
- overflow: hidden;
5173
- background: #6ec1e4;
5174
- cursor: pointer;
5175
- -webkit-transition: all 0.2s ease-in-out !important;
5176
- transition: all 0.2s ease-in-out !important; }
5177
- .premium-image-button:hover {
5178
- background-color: #54595f; }
5179
-
5180
- /*Default background for slide styles*/
5181
- .premium-image-button-style4-icon-wrapper,
5182
- .premium-image-button-style1:before {
5183
- background-color: #54595f; }
5184
-
5185
- .premium-image-button.premium-image-button-sm {
5186
- padding: 12px 24px;
5187
- font-size: 14px;
5188
- line-height: 1; }
5189
-
5190
- .premium-image-button.premium-image-button-md {
5191
- padding: 14px 26px;
5192
- font-size: 16px;
5193
- line-height: 1.2; }
5194
-
5195
- .premium-image-button.premium-image-button-lg {
5196
- padding: 16px 28px;
5197
- font-size: 18px;
5198
- line-height: 1.3333; }
5199
-
5200
- .premium-image-button.premium-image-button-block {
5201
- font-size: 15px;
5202
- line-height: 1;
5203
- padding: 12px 24px;
5204
- width: 100%;
5205
- text-align: center; }
5206
-
5207
- .premium-image-button-text-icon-wrapper {
5208
- -js-display: flex;
5209
- display: -webkit-box;
5210
- display: -webkit-flex;
5211
- display: -moz-box;
5212
- display: -ms-flexbox;
5213
- display: flex;
5214
- -webkit-box-pack: center;
5215
- -webkit-justify-content: center;
5216
- -moz-box-pack: center;
5217
- -ms-flex-pack: center;
5218
- justify-content: center;
5219
- -webkit-box-align: center;
5220
- -webkit-align-items: center;
5221
- -moz-box-align: center;
5222
- -ms-flex-align: center;
5223
- align-items: center;
5224
- position: relative;
5225
- z-index: 3;
5226
- -webkit-transition: all 0.2s ease-in-out;
5227
- transition: all 0.2s ease-in-out; }
5228
- .premium-image-button-text-icon-wrapper span,
5229
- .premium-image-button-text-icon-wrapper i,
5230
- .premium-image-button-text-icon-wrapper svg {
5231
- -webkit-transition: all 0.2s ease-in-out;
5232
- transition: all 0.2s ease-in-out; }
5233
-
5234
- .premium-image-button-style1:before {
5235
- position: absolute;
5236
- content: "";
5237
- -webkit-transition: all 0.2s ease-in-out;
5238
- transition: all 0.2s ease-in-out; }
5239
-
5240
- .premium-image-button-style1-bottom:before {
5241
- width: 100%;
5242
- height: 0;
5243
- top: 0;
5244
- left: 0; }
5245
-
5246
- .premium-image-button-style1-top:before {
5247
- width: 100%;
5248
- height: 0;
5249
- bottom: 0;
5250
- left: 0; }
5251
-
5252
- .premium-image-button-style1-right:before {
5253
- width: 0;
5254
- height: 100%;
5255
- bottom: 0;
5256
- left: 0; }
5257
-
5258
- .premium-image-button-style1-left:before {
5259
- width: 0;
5260
- height: 100%;
5261
- top: 0;
5262
- right: 0; }
5263
-
5264
- .premium-image-button-style1-bottom:hover:before,
5265
- .premium-image-button-style1-top:hover:before {
5266
- height: 100%; }
5267
-
5268
- .premium-image-button-style1-right:hover:before,
5269
- .premium-image-button-style1-left:hover:before {
5270
- width: 100%; }
5271
-
5272
- .premium-image-button-style3 {
5273
- z-index: 10; }
5274
- .premium-image-button-style3:before {
5275
- position: absolute;
5276
- top: 0px;
5277
- left: 0px;
5278
- width: 100%;
5279
- height: 100%;
5280
- content: "";
5281
- z-index: 1;
5282
- background: rgba(255, 255, 255, 0.2);
5283
- -webkit-transform: scale3d(14, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, -150%, 0);
5284
- transform: scale3d(14, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, -150%, 0);
5285
- -webkit-transition: all 0.8s ease-out;
5286
- transition: all 0.8s ease-out; }
5287
-
5288
- .premium-image-button-diagonal-right:before {
5289
- -webkit-transform: scale3d(14, 1.4, 1) rotate3d(0, 0, 1, -45deg) translate3d(0, 150%, 0);
5290
- transform: scale3d(14, 1.4, 1) rotate3d(0, 0, 1, -45deg) translate3d(0, 150%, 0); }
5291
-
5292
- .premium-image-button-diagonal-right:hover:before {
5293
- -webkit-transform: scale3d(14, 1.4, 1) rotate3d(0, 0, 1, -45deg) translate3d(0, -150%, 0);
5294
- transform: scale3d(14, 1.4, 1) rotate3d(0, 0, 1, -45deg) translate3d(0, -150%, 0); }
5295
-
5296
- .premium-image-button-diagonal-left:before {
5297
- -webkit-transform: scale3d(14, 1.4, 1) rotate3d(0, 0, 1, -45deg) translate3d(0, -150%, 0);
5298
- transform: scale3d(14, 1.4, 1) rotate3d(0, 0, 1, -45deg) translate3d(0, -150%, 0); }
5299
-
5300
- .premium-image-button-diagonal-left:hover:before {
5301
- -webkit-transform: scale3d(14, 1.4, 1) rotate3d(0, 0, 1, -45deg) translate3d(0, 150%, 0);
5302
- transform: scale3d(14, 1.4, 1) rotate3d(0, 0, 1, -45deg) translate3d(0, 150%, 0); }
5303
-
5304
- .premium-image-button-diagonal-bottom:before {
5305
- -webkit-transform: scale3d(14, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, -150%, 0);
5306
- transform: scale3d(14, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, -150%, 0); }
5307
-
5308
- .premium-image-button-diagonal-bottom:hover:before {
5309
- -webkit-transform: scale3d(14, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, 150%, 0);
5310
- transform: scale3d(14, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, 150%, 0); }
5311
-
5312
- .premium-image-button-diagonal-top:before {
5313
- -webkit-transform: scale3d(14, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, 150%, 0);
5314
- transform: scale3d(14, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, 150%, 0); }
5315
-
5316
- .premium-image-button-diagonal-top:hover:before {
5317
- -webkit-transform: scale3d(14, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, -150%, 0);
5318
- transform: scale3d(14, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, -150%, 0); }
5319
-
5320
- .premium-image-button-style4-icon-wrapper {
5321
- position: absolute;
5322
- z-index: 2;
5323
- width: 100%;
5324
- text-align: center;
5325
- -js-display: flex;
5326
- display: -webkit-box;
5327
- display: -webkit-flex;
5328
- display: -moz-box;
5329
- display: -ms-flexbox;
5330
- display: flex;
5331
- -webkit-box-align: center;
5332
- -webkit-align-items: center;
5333
- -moz-box-align: center;
5334
- -ms-flex-align: center;
5335
- align-items: center;
5336
- -webkit-box-pack: center;
5337
- -webkit-justify-content: center;
5338
- -moz-box-pack: center;
5339
- -ms-flex-pack: center;
5340
- justify-content: center;
5341
- height: 100%;
5342
- opacity: 0;
5343
- -webkit-transition: all 0.3s ease-in-out;
5344
- transition: all 0.3s ease-in-out; }
5345
- .premium-image-button-style4-icon-wrapper.top {
5346
- bottom: -100%;
5347
- left: 0; }
5348
- .premium-image-button-style4-icon-wrapper.bottom {
5349
- top: -100%;
5350
- left: 0; }
5351
- .premium-image-button-style4-icon-wrapper.left {
5352
- top: 0;
5353
- left: -100%; }
5354
- .premium-image-button-style4-icon-wrapper.right {
5355
- top: 0;
5356
- right: -100%; }
5357
-
5358
- .premium-image-button-style4-bottom:hover .premium-image-button-style4-icon-wrapper {
5359
- top: 0;
5360
- opacity: 1; }
5361
-
5362
- .premium-image-button-style4-bottom:hover .premium-image-button-text-icon-wrapper {
5363
- -webkit-transform: translateY(100%);
5364
- -ms-transform: translateY(100%);
5365
- transform: translateY(100%);
5366
- opacity: 0; }
5367
-
5368
- .premium-image-button-style4-top:hover .premium-image-button-style4-icon-wrapper {
5369
- bottom: 0;
5370
- opacity: 1; }
5371
-
5372
- .premium-image-button-style4-top:hover .premium-image-button-text-icon-wrapper {
5373
- -webkit-transform: translateY(-100%);
5374
- -ms-transform: translateY(-100%);
5375
- transform: translateY(-100%);
5376
- opacity: 0; }
5377
-
5378
- .premium-image-button-style4-left:hover .premium-image-button-style4-icon-wrapper {
5379
- left: 0;
5380
- opacity: 1; }
5381
-
5382
- .premium-image-button-style4-left:hover .premium-image-button-text-icon-wrapper {
5383
- -webkit-transform: translateX(100%);
5384
- -ms-transform: translateX(100%);
5385
- transform: translateX(100%);
5386
- opacity: 0; }
5387
-
5388
- .premium-image-button-style4-right:hover .premium-image-button-style4-icon-wrapper {
5389
- right: 0;
5390
- opacity: 1; }
5391
-
5392
- .premium-image-button-style4-right:hover .premium-image-button-text-icon-wrapper {
5393
- -webkit-transform: translateX(-100%);
5394
- -ms-transform: translateX(-100%);
5395
- transform: translateX(-100%);
5396
- opacity: 0; }
5397
-
5398
- .premium-image-button-style5:before {
5399
- position: absolute;
5400
- content: "";
5401
- top: 0;
5402
- left: 0;
5403
- width: 100%;
5404
- height: 100%;
5405
- opacity: 0;
5406
- -webkit-transition: all 1s ease-in-out;
5407
- transition: all 1s ease-in-out;
5408
- background: rgba(255, 255, 255, 0.2);
5409
- -webkit-animation-name: premium-overlap-effect-done;
5410
- animation-name: premium-overlap-effect-done;
5411
- -webkit-animation-duration: 1s;
5412
- animation-duration: 1s; }
5413
-
5414
- .premium-image-button-overlap-effect-vertical:before {
5415
- -webkit-animation-name: premium-overlap-ver-effect-done;
5416
- animation-name: premium-overlap-ver-effect-done; }
5417
-
5418
- .premium-image-button-overlap-effect-horizontal:hover:before {
5419
- -webkit-animation-name: premium-overlap-effect;
5420
- animation-name: premium-overlap-effect; }
5421
-
5422
- .premium-image-button-overlap-effect-vertical:hover:before {
5423
- -webkit-animation-name: premium-overlap-ver-effect;
5424
- animation-name: premium-overlap-ver-effect; }
5425
-
5426
- @-webkit-keyframes premium-overlap-effect {
5427
- 0% {
5428
- opacity: 0;
5429
- -webkit-transform: rotateY(0deg);
5430
- transform: rotateY(0deg); }
5431
- 50% {
5432
- opacity: 1;
5433
- -webkit-transform: rotateY(180deg);
5434
- transform: rotateY(180deg); }
5435
- 100% {
5436
- opacity: 0;
5437
- -webkit-transform: rotateY(360deg);
5438
- transform: rotateY(360deg); } }
5439
-
5440
- @keyframes premium-overlap-effect {
5441
- 0% {
5442
- opacity: 0;
5443
- -webkit-transform: rotateY(0deg);
5444
- transform: rotateY(0deg); }
5445
- 50% {
5446
- opacity: 1;
5447
- -webkit-transform: rotateY(180deg);
5448
- transform: rotateY(180deg); }
5449
- 100% {
5450
- opacity: 0;
5451
- -webkit-transform: rotateY(360deg);
5452
- transform: rotateY(360deg); } }
5453
-
5454
- @-webkit-keyframes premium-overlap-effect-done {
5455
- 0% {
5456
- opacity: 0;
5457
- -webkit-transform: rotateY(0deg);
5458
- transform: rotateY(0deg); }
5459
- 50% {
5460
- opacity: 1;
5461
- -webkit-transform: rotateY(180deg);
5462
- transform: rotateY(180deg); }
5463
- 100% {
5464
- opacity: 0;
5465
- -webkit-transform: rotateY(360deg);
5466
- transform: rotateY(360deg); } }
5467
-
5468
- @keyframes premium-overlap-effect-done {
5469
- 0% {
5470
- opacity: 0;
5471
- -webkit-transform: rotateY(0deg);
5472
- transform: rotateY(0deg); }
5473
- 50% {
5474
- opacity: 1;
5475
- -webkit-transform: rotateY(180deg);
5476
- transform: rotateY(180deg); }
5477
- 100% {
5478
- opacity: 0;
5479
- -webkit-transform: rotateY(360deg);
5480
- transform: rotateY(360deg); } }
5481
-
5482
- @-webkit-keyframes premium-overlap-ver-effect {
5483
- 0% {
5484
- opacity: 0;
5485
- -webkit-transform: rotateX(0deg);
5486
- transform: rotateX(0deg); }
5487
- 50% {
5488
- opacity: 1;
5489
- -webkit-transform: rotateX(180deg);
5490
- transform: rotateX(180deg); }
5491
- 100% {
5492
- opacity: 0;
5493
- -webkit-transform: rotateX(360deg);
5494
- transform: rotateX(360deg); } }
5495
-
5496
- @keyframes premium-overlap-ver-effect {
5497
- 0% {
5498
- opacity: 0;
5499
- -webkit-transform: rotateX(0deg);
5500
- transform: rotateX(0deg); }
5501
- 50% {
5502
- opacity: 1;
5503
- -webkit-transform: rotateX(180deg);
5504
- transform: rotateX(180deg); }
5505
- 100% {
5506
- opacity: 0;
5507
- -webkit-transform: rotateX(360deg);
5508
- transform: rotateX(360deg); } }
5509
-
5510
- @-webkit-keyframes premium-overlap-ver-effect-done {
5511
- 0% {
5512
- opacity: 0;
5513
- -webkit-transform: rotateX(0deg);
5514
- transform: rotateX(0deg); }
5515
- 50% {
5516
- opacity: 1;
5517
- -webkit-transform: rotateX(180deg);
5518
- transform: rotateX(180deg); }
5519
- 100% {
5520
- opacity: 0;
5521
- -webkit-transform: rotateX(360deg);
5522
- transform: rotateX(360deg); } }
5523
-
5524
- @keyframes premium-overlap-ver-effect-done {
5525
- 0% {
5526
- opacity: 0;
5527
- -webkit-transform: rotateX(0deg);
5528
- transform: rotateX(0deg); }
5529
- 50% {
5530
- opacity: 1;
5531
- -webkit-transform: rotateX(180deg);
5532
- transform: rotateX(180deg); }
5533
- 100% {
5534
- opacity: 0;
5535
- -webkit-transform: rotateX(360deg);
5536
- transform: rotateX(360deg); } }
5537
-
5538
- /**************** Premium Grid /****************/
5539
- /***********************************************/
5540
- .premium-img-gallery-filter,
5541
- .premium-blog-filter {
5542
- -js-display: flex;
5543
- display: -webkit-box;
5544
- display: -webkit-flex;
5545
- display: -moz-box;
5546
- display: -ms-flexbox;
5547
- display: flex;
5548
- -webkit-box-align: center;
5549
- -webkit-align-items: center;
5550
- -moz-box-align: center;
5551
- -ms-flex-align: center;
5552
- align-items: center;
5553
- -webkit-box-pack: center;
5554
- -webkit-justify-content: center;
5555
- -moz-box-pack: center;
5556
- -ms-flex-pack: center;
5557
- justify-content: center; }
5558
-
5559
- .premium-img-gallery {
5560
- clear: both;
5561
- overflow: hidden; }
5562
-
5563
- .premium-gallery-container .premium-gallery-item {
5564
- padding: 10px;
5565
- float: left; }
5566
-
5567
- .premium-gallery-container .grid-sizer {
5568
- width: 33.33%; }
5569
-
5570
- .premium-gallery-container .pa-gallery-item {
5571
- padding: 10px; }
5572
-
5573
- .premium-img-gallery-filter .premium-gallery-cats-container li a.category,
5574
- .premium-blog-filter .premium-blog-filters-container li a.category {
5575
- outline: none;
5576
- text-decoration: none;
5577
- -webkit-border-radius: 75px;
5578
- border-radius: 75px;
5579
- margin: 15px 5px 20px;
5580
- padding: 7px 20px;
5581
- -webkit-transition: all 0.3s ease-in-out;
5582
- transition: all 0.3s ease-in-out; }
5583
-
5584
- .premium-img-gallery-filter .premium-gallery-cats-container li a.category span {
5585
- -webkit-transition: all 0.3s ease-in-out;
5586
- transition: all 0.3s ease-in-out; }
5587
-
5588
- .pa-gallery-img {
5589
- position: relative; }
5590
- .pa-gallery-img .pa-gallery-whole-link {
5591
- position: absolute;
5592
- top: 0;
5593
- left: 0;
5594
- width: 100%;
5595
- height: 100%; }
5596
- .pa-gallery-img.style2 .pa-gallery-whole-link {
5597
- z-index: 99; }
5598
-
5599
- .pa-gallery-img-container {
5600
- overflow: hidden;
5601
- -webkit-backface-visibility: hidden;
5602
- backface-visibility: hidden;
5603
- -webkit-transform: translate3d(0, 0, 0);
5604
- transform: translate3d(0, 0, 0); }
5605
- .pa-gallery-img-container img {
5606
- display: block;
5607
- width: 100%;
5608
- -webkit-transition: all 0.3s ease-in-out;
5609
- transition: all 0.3s ease-in-out; }
5610
-
5611
- .premium-img-gallery.gray img {
5612
- -webkit-filter: grayscale(100%);
5613
- filter: grayscale(100%); }
5614
-
5615
- .premium-img-gallery.zoomout img,
5616
- .premium-img-gallery.scale img {
5617
- -webkit-transform: scale(1.2);
5618
- -ms-transform: scale(1.2);
5619
- transform: scale(1.2); }
5620
-
5621
- .premium-img-gallery.sepia img {
5622
- -webkit-filter: sepia(30%);
5623
- filter: sepia(30%); }
5624
-
5625
- .premium-img-gallery.bright img {
5626
- -webkit-filter: brightness(1);
5627
- filter: brightness(1); }
5628
-
5629
- .premium-img-gallery.trans img {
5630
- -webkit-transform: translateX(-15px) scale(1.1);
5631
- -ms-transform: translateX(-15px) scale(1.1);
5632
- transform: translateX(-15px) scale(1.1); }
5633
-
5634
- .pa-gallery-img .pa-gallery-magnific-image,
5635
- .pa-gallery-img .pa-gallery-img-link {
5636
- outline: none; }
5637
-
5638
- .pa-gallery-img .pa-gallery-magnific-image span,
5639
- .pa-gallery-img .pa-gallery-img-link span {
5640
- line-height: 1;
5641
- display: inline-block;
5642
- opacity: 0;
5643
- margin: 0 5px;
5644
- padding: 15px;
5645
- -webkit-border-radius: 50%;
5646
- border-radius: 50%; }
5647
-
5648
- .pa-gallery-img.style2 .pa-gallery-magnific-image span,
5649
- .pa-gallery-img.style2 .pa-gallery-img-link span {
5650
- margin: 0 5px 20px; }
5651
-
5652
- .pa-gallery-img:hover .pa-gallery-magnific-image span {
5653
- -webkit-transition: all 0.3s ease-in-out, opacity 0.5s ease-in-out 0.3s;
5654
- transition: all 0.3s ease-in-out, opacity 0.5s ease-in-out 0.3s; }
5655
-
5656
- .pa-gallery-img:hover .pa-gallery-img-link span {
5657
- -webkit-transition: all 0.3s ease-in-out, opacity 0.5s ease-in-out 0.6s;
5658
- transition: all 0.3s ease-in-out, opacity 0.5s ease-in-out 0.6s; }
5659
-
5660
- .pa-gallery-img:hover .pa-gallery-magnific-image span,
5661
- .pa-gallery-img:hover .pa-gallery-img-link span {
5662
- opacity: 1; }
5663
-
5664
- .premium-gallery-icon-show a.pa-gallery-video-icon span {
5665
- opacity: 1; }
5666
-
5667
- .premium-img-gallery-filter ul.premium-gallery-cats-container,
5668
- .premium-blog-filter ul.premium-blog-filters-container {
5669
- text-align: center;
5670
- margin: 0;
5671
- padding: 0; }
5672
-
5673
- .premium-img-gallery-filter .premium-gallery-cats-container li,
5674
- .premium-blog-filter .premium-blog-filters-container li {
5675
- list-style: none;
5676
- -js-display: inline-flex;
5677
- display: -webkit-inline-box;
5678
- display: -webkit-inline-flex;
5679
- display: -moz-inline-box;
5680
- display: -ms-inline-flexbox;
5681
- display: inline-flex; }
5682
-
5683
- .premium-img-gallery.zoomin .pa-gallery-img:hover img {
5684
- -webkit-transform: scale(1.1);
5685
- -ms-transform: scale(1.1);
5686
- transform: scale(1.1); }
5687
-
5688
- .premium-img-gallery.zoomout .pa-gallery-img:hover img {
5689
- -webkit-transform: scale(1);
5690
- -ms-transform: scale(1);
5691
- transform: scale(1); }
5692
-
5693
- .premium-img-gallery.scale .pa-gallery-img:hover img {
5694
- -webkit-transform: scale(1.3) rotate(5deg);
5695
- -ms-transform: scale(1.3) rotate(5deg);
5696
- transform: scale(1.3) rotate(5deg); }
5697
-
5698
- .premium-img-gallery.gray .pa-gallery-img:hover img {
5699
- -webkit-filter: grayscale(0%);
5700
- filter: grayscale(0%); }
5701
-
5702
- .premium-img-gallery.blur .pa-gallery-img:hover img {
5703
- -webkit-filter: blur(3px);
5704
- filter: blur(3px); }
5705
-
5706
- .premium-img-gallery.sepia .pa-gallery-img:hover img {
5707
- -webkit-filter: sepia(0%);
5708
- filter: sepia(0%); }
5709
-
5710
- .premium-img-gallery.trans .pa-gallery-img:hover img {
5711
- -webkit-transform: translateX(0px) scale(1.1);
5712
- -ms-transform: translateX(0px) scale(1.1);
5713
- transform: translateX(0px) scale(1.1); }
5714
-
5715
- .premium-img-gallery.bright .pa-gallery-img:hover img {
5716
- -webkit-filter: brightness(1.2);
5717
- filter: brightness(1.2); }
5718
-
5719
- .pa-gallery-img .premium-gallery-caption {
5720
- padding: 10px; }
5721
- .pa-gallery-img .premium-gallery-caption .premium-gallery-img-name {
5722
- margin-bottom: 0; }
5723
-
5724
- .pa-gallery-img.style1 {
5725
- overflow: hidden; }
5726
-
5727
- .pa-gallery-img:not(.style2) .pa-gallery-icons-wrapper {
5728
- position: absolute;
5729
- top: 0;
5730
- left: 0;
5731
- width: 100%;
5732
- height: 100%;
5733
- -webkit-transition: all 0.3s ease-in-out;
5734
- transition: all 0.3s ease-in-out; }
5735
-
5736
- .pa-gallery-img:not(.style2) .pa-gallery-icons-inner-container {
5737
- position: absolute;
5738
- top: 33.33%;
5739
- width: 100%;
5740
- text-align: center;
5741
- -webkit-transform: translateY(-50%);
5742
- -ms-transform: translateY(-50%);
5743
- transform: translateY(-50%);
5744
- z-index: 999; }
5745
-
5746
- .pa-gallery-img.style1 .premium-gallery-caption {
5747
- position: absolute;
5748
- top: auto;
5749
- right: 0;
5750
- bottom: -1px;
5751
- left: 0;
5752
- width: 100%;
5753
- -webkit-transition: all 500ms ease 0s;
5754
- transition: all 500ms ease 0s;
5755
- -webkit-transform: translate3d(0, 100%, 0);
5756
- transform: translate3d(0, 100%, 0); }
5757
-
5758
- .pa-gallery-img.style1:hover .premium-gallery-caption {
5759
- -webkit-transform: translate3d(0, 0, 0);
5760
- transform: translate3d(0, 0, 0);
5761
- bottom: -1px !important; }
5762
-
5763
- .pa-gallery-img.default .premium-gallery-caption {
5764
- position: absolute;
5765
- top: auto;
5766
- right: 0;
5767
- left: 0;
5768
- width: 100%;
5769
- bottom: 0; }
5770
-
5771
- .pa-gallery-img.style2 .pa-gallery-icons-caption-container {
5772
- position: absolute;
5773
- top: 0;
5774
- left: 0;
5775
- width: 100%;
5776
- height: 100%;
5777
- opacity: 0;
5778
- -webkit-backface-visibility: hidden;
5779
- backface-visibility: hidden;
5780
- -webkit-transition: opacity 0.3s, -webkit-transform 0.3s;
5781
- transition: opacity 0.3s, -webkit-transform 0.3s;
5782
- transition: transform 0.3s, opacity 0.3s;
5783
- transition: transform 0.3s, opacity 0.3s, -webkit-transform 0.3s;
5784
- z-index: 1;
5785
- background-color: rgba(108, 191, 226, 0.68);
5786
- -js-display: flex;
5787
- display: -webkit-box;
5788
- display: -webkit-flex;
5789
- display: -moz-box;
5790
- display: -ms-flexbox;
5791
- display: flex;
5792
- text-align: center;
5793
- -webkit-box-align: center;
5794
- -webkit-align-items: center;
5795
- -moz-box-align: center;
5796
- -ms-flex-align: center;
5797
- align-items: center; }
5798
-
5799
- .pa-gallery-img.style2 .pa-gallery-icons-caption-cell {
5800
- width: 100%; }
5801
-
5802
- .pa-gallery-img.style2:hover .pa-gallery-icons-caption-container {
5803
- opacity: 1;
5804
- -webkit-transform: translate(15px, 15px);
5805
- -ms-transform: translate(15px, 15px);
5806
- transform: translate(15px, 15px); }
5807
-
5808
- .premium-clearfix {
5809
- clear: both; }
5810
-
5811
- /**
5812
- * Metro Layout
5813
- */
5814
- .premium-img-gallery-metro .premium-gallery-item {
5815
- overflow: hidden; }
5816
-
5817
- .premium-img-gallery-metro .pa-gallery-img {
5818
- height: 100%; }
5819
-
5820
- .premium-img-gallery-metro .pa-gallery-img-container {
5821
- height: 100%; }
5822
- .premium-img-gallery-metro .pa-gallery-img-container img {
5823
- min-height: 100%;
5824
- width: 100%;
5825
- -o-object-fit: fill;
5826
- object-fit: fill; }
5827
-
5828
- .premium-img-gallery .premium-gallery-item-hidden {
5829
- visibility: hidden;
5830
- width: 0 !important;
5831
- height: 0 !important;
5832
- margin: 0 !important;
5833
- padding: 0 !important; }
5834
-
5835
- .premium-gallery-load-more {
5836
- position: relative; }
5837
- .premium-gallery-load-more .premium-gallery-load-more-btn {
5838
- -webkit-box-shadow: none;
5839
- box-shadow: none;
5840
- text-shadow: none;
5841
- border: none;
5842
- outline: none;
5843
- -webkit-box-align: center;
5844
- -webkit-align-items: center;
5845
- -moz-box-align: center;
5846
- -ms-flex-align: center;
5847
- align-items: center;
5848
- vertical-align: bottom;
5849
- cursor: pointer;
5850
- line-height: 1;
5851
- font-style: normal;
5852
- font-weight: normal;
5853
- background-image: none;
5854
- color: #fff;
5855
- -webkit-transition: all 0.3s ease-in-out;
5856
- transition: all 0.3s ease-in-out; }
5857
-
5858
- .premium-gallery-load-more-btn {
5859
- -js-display: inline-flex;
5860
- display: -webkit-inline-box;
5861
- display: -webkit-inline-flex;
5862
- display: -moz-inline-box;
5863
- display: -ms-inline-flexbox;
5864
- display: inline-flex;
5865
- -webkit-box-align: center;
5866
- -webkit-align-items: center;
5867
- -moz-box-align: center;
5868
- -ms-flex-align: center;
5869
- align-items: center; }
5870
-
5871
- .premium-loader {
5872
- border: 3px solid #f3f3f3;
5873
- border-top-width: 3px;
5874
- border-top-style: solid;
5875
- border-top-color: #f3f3f3;
5876
- -webkit-border-radius: 50%;
5877
- border-radius: 50%;
5878
- border-top: 3px solid;
5879
- border-top-color: #bbb;
5880
- width: 30px;
5881
- height: 30px;
5882
- -webkit-animation: spin 2s linear infinite;
5883
- animation: spin 2s linear infinite;
5884
- margin: 0 auto; }
5885
-
5886
- .premium-gallery-load-more-btn div {
5887
- margin-left: 3px; }
5888
-
5889
- .premium-gallery-load-more-btn .premium-loader {
5890
- display: inline-block;
5891
- width: 20px;
5892
- height: 20px; }
5893
-
5894
- .pa-gallery-img .pa-gallery-lightbox-wrap {
5895
- display: inline-block; }
5896
-
5897
- .premium-img-gallery-no-lightbox .premium-gallery-video-item .pa-gallery-img,
5898
- .pa-gallery-img .pa-gallery-video-icon {
5899
- cursor: pointer; }
5900
-
5901
- .pa-gallery-img-container iframe {
5902
- position: absolute;
5903
- visibility: hidden;
5904
- top: 0;
5905
- left: 0;
5906
- max-width: 100%;
5907
- width: 100%;
5908
- height: 100%;
5909
- margin: 0;
5910
- line-height: 1;
5911
- border: none; }
5912
-
5913
- .pa-gallery-img-container video {
5914
- position: absolute;
5915
- visibility: hidden;
5916
- top: 0;
5917
- left: 0;
5918
- max-width: 100%;
5919
- width: 100%;
5920
- height: 100%;
5921
- margin: 0;
5922
- line-height: 1;
5923
- border: none;
5924
- -o-object-fit: contain;
5925
- object-fit: contain; }
5926
-
5927
- .pa-gallery-icons-inner-container svg,
5928
- .pa-gallery-icons-caption-cell svg {
5929
- width: 14px;
5930
- height: 14px; }
5931
-
5932
- .premium-gallery-gradient-layer {
5933
- position: absolute;
5934
- bottom: 40px;
5935
- width: 100%;
5936
- height: 20px;
5937
- background: -webkit-gradient(linear, left bottom, left top, from(#17181f), to(rgba(255, 255, 255, 0)));
5938
- background: -webkit-linear-gradient(bottom, #17181f 0%, rgba(255, 255, 255, 0) 100%);
5939
- background: linear-gradient(to top, #17181f 0%, rgba(255, 255, 255, 0) 100%); }
5940
-
5941
- @-webkit-keyframes spin {
5942
- 0% {
5943
- -webkit-transform: rotate(0deg);
5944
- transform: rotate(0deg); }
5945
- 100% {
5946
- -webkit-transform: rotate(360deg);
5947
- transform: rotate(360deg); } }
5948
-
5949
- @keyframes spin {
5950
- 0% {
5951
- -webkit-transform: rotate(0deg);
5952
- transform: rotate(0deg); }
5953
- 100% {
5954
- -webkit-transform: rotate(360deg);
5955
- transform: rotate(360deg); } }
5956
-
5957
- /************ Premium Vertical Scroll ************/
5958
- /*************************************************/
5959
- .premium-vscroll-inner {
5960
- position: relative;
5961
- min-height: 100%; }
5962
- .premium-vscroll-inner .premium-vscroll-dots {
5963
- position: fixed;
5964
- z-index: 100;
5965
- opacity: 1;
5966
- margin-top: -32px;
5967
- -webkit-transition: all 0.3s ease-in-out;
5968
- transition: all 0.3s ease-in-out; }
5969
-
5970
- .premium-vscroll-wrap .premium-vscroll-nav-menu {
5971
- opacity: 1;
5972
- -webkit-transition: all 0.3s ease-in-out;
5973
- transition: all 0.3s ease-in-out; }
5974
-
5975
- .premium-vscroll-inner .premium-vscroll-dots,
5976
- .premium-vscroll-wrap .premium-vscroll-dots-hide {
5977
- opacity: 0;
5978
- visibility: hidden; }
5979
-
5980
- .premium-vscroll-nav-dots-yes .premium-vscroll-inner .premium-vscroll-dots:not(.premium-vscroll-dots-hide) {
5981
- opacity: 1;
5982
- visibility: visible; }
5983
-
5984
- .premium-vscroll-dots.middle {
5985
- top: 50%; }
5986
-
5987
- .premium-vscroll-dots.top {
5988
- top: 40px; }
5989
-
5990
- .premium-vscroll-dots.bottom {
5991
- bottom: 30px; }
5992
-
5993
- .premium-vscroll-dots.right {
5994
- right: 17px; }
5995
-
5996
- .premium-vscroll-dots.left {
5997
- left: 17px; }
5998
-
5999
- .premium-vscroll-inner ul.premium-vscroll-dots-list,
6000
- .premium-vscroll-wrap .premium-vscroll-nav-menu {
6001
- margin: 0 !important;
6002
- padding: 0; }
6003
-
6004
- .premium-vscroll-inner ul.premium-vscroll-dots-list li {
6005
- width: 14px;
6006
- height: 13px;
6007
- margin: 7px;
6008
- position: relative;
6009
- -js-display: flex;
6010
- display: -webkit-box;
6011
- display: -webkit-flex;
6012
- display: -moz-box;
6013
- display: -ms-flexbox;
6014
- display: flex;
6015
- -webkit-box-pack: center;
6016
- -webkit-justify-content: center;
6017
- -moz-box-pack: center;
6018
- -ms-flex-pack: center;
6019
- justify-content: center;
6020
- -webkit-box-align: center;
6021
- -webkit-align-items: center;
6022
- -moz-box-align: center;
6023
- -ms-flex-align: center;
6024
- align-items: center;
6025
- overflow: visible; }
6026
-
6027
- .premium-vscroll-inner .premium-vscroll-dot-item .premium-vscroll-nav-link {
6028
- display: block;
6029
- position: relative;
6030
- z-index: 1;
6031
- width: 100%;
6032
- height: 100%;
6033
- cursor: pointer;
6034
- text-decoration: none; }
6035
- .premium-vscroll-inner .premium-vscroll-dot-item .premium-vscroll-nav-link span {
6036
- top: 2px;
6037
- left: 2.5px;
6038
- width: 8px;
6039
- height: 8px;
6040
- border: 1px solid #000;
6041
- -webkit-border-radius: 50%;
6042
- border-radius: 50%;
6043
- position: absolute;
6044
- z-index: 1;
6045
- -webkit-transition: all 0.3s ease-in-out;
6046
- transition: all 0.3s ease-in-out; }
6047
-
6048
- .premium-vscroll-inner .premium-vscroll-dot-item.active .premium-vscroll-nav-link span {
6049
- -webkit-transform: scale(1.6);
6050
- -ms-transform: scale(1.6);
6051
- transform: scale(1.6); }
6052
-
6053
- .premium-vscroll-inner .premium-vscroll-dot-item .premium-vscroll-tooltip {
6054
- position: absolute;
6055
- color: #fff;
6056
- font-size: 14px;
6057
- font-family: arial, helvetica, sans-serif;
6058
- white-space: nowrap;
6059
- max-width: 220px;
6060
- padding-left: 0.4em;
6061
- padding-right: 0.4em; }
6062
-
6063
- .premium-vscroll-inner .premium-vscroll-dots.right .premium-vscroll-tooltip {
6064
- right: 27px; }
6065
-
6066
- .premium-vscroll-inner .premium-vscroll-dots.lines .premium-vscroll-dot-item {
6067
- width: 4px;
6068
- height: 30px; }
6069
- .premium-vscroll-inner .premium-vscroll-dots.lines .premium-vscroll-dot-item span {
6070
- width: 100%;
6071
- height: 100%;
6072
- -webkit-border-radius: 0;
6073
- border-radius: 0; }
6074
- .premium-vscroll-inner .premium-vscroll-dots.lines .premium-vscroll-dot-item.active span {
6075
- -webkit-transform: scale(1);
6076
- -ms-transform: scale(1);
6077
- transform: scale(1); }
6078
-
6079
- .premium-vscroll-inner .premium-vscroll-dots.right .premium-vscroll-tooltip::after {
6080
- position: absolute;
6081
- top: 50%;
6082
- content: "";
6083
- left: -webkit-calc(100% - 1px);
6084
- left: calc(100% - 1px);
6085
- width: 10px;
6086
- height: 0;
6087
- border-top: 6px solid transparent;
6088
- border-bottom: 6px solid transparent;
6089
- border-left: 6px solid;
6090
- -webkit-transform: translateY(-50%);
6091
- -ms-transform: translateY(-50%);
6092
- transform: translateY(-50%); }
6093
-
6094
- .premium-vscroll-inner .premium-vscroll-dots.left .premium-vscroll-tooltip {
6095
- left: 27px; }
6096
- .premium-vscroll-inner .premium-vscroll-dots.left .premium-vscroll-tooltip::after {
6097
- position: absolute;
6098
- top: 50%;
6099
- content: "";
6100
- right: -webkit-calc(100% - 1px);
6101
- right: calc(100% - 1px);
6102
- width: 10px;
6103
- height: 0;
6104
- border-top: 6px solid transparent;
6105
- border-bottom: 6px solid transparent;
6106
- border-right: 6px solid;
6107
- -webkit-transform: translateY(-50%);
6108
- -ms-transform: translateY(-50%);
6109
- transform: translateY(-50%); }
6110
-
6111
- /* * Lines */
6112
- @media (max-width: 768px) {
6113
- .premium-vscroll-dots.right {
6114
- right: 7px; }
6115
- .premium-vscroll-dots.left {
6116
- left: 7px; } }
6117
-
6118
- .premium-vscroll-nav-menu {
6119
- position: fixed;
6120
- top: 20px;
6121
- height: 40px;
6122
- z-index: 100;
6123
- padding: 0;
6124
- margin: 0; }
6125
- .premium-vscroll-nav-menu.left {
6126
- left: 0; }
6127
- .premium-vscroll-nav-menu.right {
6128
- right: 0; }
6129
- .premium-vscroll-nav-menu .premium-vscroll-nav-item {
6130
- display: inline-block;
6131
- margin: 10px;
6132
- color: #000;
6133
- background: #fff;
6134
- background: rgba(255, 255, 255, 0.3); }
6135
- .premium-vscroll-nav-menu .premium-vscroll-nav-item .premium-vscroll-nav-link {
6136
- padding: 9px 18px;
6137
- display: block;
6138
- cursor: pointer;
6139
- color: #000; }
6140
- .premium-vscroll-nav-menu .premium-vscroll-nav-item .premium-vscroll-nav-link:hover {
6141
- color: #000; }
6142
- .premium-vscroll-nav-menu .premium-vscroll-nav-item .premium-vscroll-nav-link:focus {
6143
- outline: none; }
6144
-
6145
- .multiscroll-nav li a:focus {
6146
- outline: none; }
6147
-
6148
- .premium-vscroll-temp .slimScrollBar {
6149
- visibility: hidden; }
6150
-
6151
- /************ Premium Image Scroll ************/
6152
- /**********************************************/
6153
- .premium-image-scroll-section,
6154
- .premium-image-scroll-container {
6155
- -webkit-transition: all 0.3s ease-in-out;
6156
- transition: all 0.3s ease-in-out; }
6157
-
6158
- .premium-image-scroll-section {
6159
- position: relative;
6160
- overflow: hidden;
6161
- width: 100%;
6162
- -webkit-mask-image: -webkit-radial-gradient(white, black); }
6163
-
6164
- .premium-image-scroll-container {
6165
- width: 100%; }
6166
- .premium-image-scroll-container .premium-image-scroll-mask-media {
6167
- -webkit-mask-repeat: no-repeat;
6168
- mask-repeat: no-repeat;
6169
- -webkit-mask-position: center;
6170
- mask-position: center; }
6171
-
6172
- .premium-container-scroll {
6173
- overflow: auto; }
6174
-
6175
- .premium-image-scroll-container .premium-image-scroll-horizontal {
6176
- position: relative;
6177
- width: 100%;
6178
- height: 100%; }
6179
- .premium-image-scroll-container .premium-image-scroll-horizontal img {
6180
- max-width: none;
6181
- height: 100%; }
6182
-
6183
- .premium-image-scroll-container .premium-image-scroll-vertical img {
6184
- width: 100%;
6185
- max-width: 100%;
6186
- height: auto; }
6187
-
6188
- .premium-image-scroll-ver {
6189
- position: relative; }
6190
-
6191
- .premium-image-scroll-container .premium-image-scroll-overlay {
6192
- background: rgba(2, 2, 2, 0.3); }
6193
-
6194
- .premium-image-scroll-container .premium-image-scroll-link,
6195
- .premium-image-scroll-container .premium-image-scroll-overlay {
6196
- position: absolute;
6197
- top: 0;
6198
- bottom: 0;
6199
- left: 0;
6200
- right: 0;
6201
- z-index: 4; }
6202
-
6203
- .premium-image-scroll-content {
6204
- display: inline-block;
6205
- position: absolute;
6206
- height: auto;
6207
- top: 50%;
6208
- left: 50%;
6209
- text-align: center;
6210
- z-index: 5;
6211
- -webkit-transform: translate(-50%, -50%);
6212
- -ms-transform: translate(-50%, -50%);
6213
- transform: translate(-50%, -50%); }
6214
-
6215
- .premium-container-scroll-instant .premium-image-scroll-image {
6216
- -webkit-transition: all 0s ease-in-out !important;
6217
- transition: all 0s ease-in-out !important; }
6218
-
6219
- .premium-image-scroll-container img {
6220
- -webkit-transition: -webkit-transform 3s ease-in-out;
6221
- transition: -webkit-transform 3s ease-in-out;
6222
- transition: transform 3s ease-in-out;
6223
- transition: transform 3s ease-in-out, -webkit-transform 3s ease-in-out; }
6224
-
6225
- .premium-image-scroll-container .premium-image-scroll-overlay,
6226
- .premium-image-scroll-container .premium-image-scroll-content {
6227
- -webkit-transition: all 0.3s ease-in-out;
6228
- transition: all 0.3s ease-in-out;
6229
- opacity: 1; }
6230
-
6231
- .premium-image-scroll-container:hover .premium-image-scroll-overlay {
6232
- opacity: 0; }
6233
-
6234
- .premium-image-scroll-container:hover .premium-image-scroll-content {
6235
- opacity: 0;
6236
- visibility: hidden; }
6237
-
6238
- .premium-image-scroll-content .premium-image-scroll-icon {
6239
- display: inline-block;
6240
- font-family: "pa-elements" !important;
6241
- speak: none;
6242
- font-style: normal;
6243
- font-weight: normal;
6244
- font-variant: normal;
6245
- text-transform: none;
6246
- line-height: 1;
6247
- -webkit-font-smoothing: antialiased;
6248
- -moz-osx-font-smoothing: grayscale;
6249
- -webkit-animation-duration: 0.5s;
6250
- animation-duration: 0.5s;
6251
- -webkit-animation-iteration-count: infinite;
6252
- animation-iteration-count: infinite;
6253
- -webkit-animation-direction: alternate;
6254
- animation-direction: alternate;
6255
- -webkit-animation-timing-function: ease-in-out;
6256
- animation-timing-function: ease-in-out; }
6257
-
6258
- .pa-horizontal-mouse-scroll:before {
6259
- content: "\e917"; }
6260
-
6261
- .pa-vertical-mouse-scroll:before {
6262
- content: "\e918"; }
6263
-
6264
- .pa-horizontal-mouse-scroll {
6265
- -webkit-animation-name: pa-scroll-horizontal;
6266
- animation-name: pa-scroll-horizontal; }
6267
-
6268
- .pa-vertical-mouse-scroll {
6269
- -webkit-animation-name: pa-scroll-vertical;
6270
- animation-name: pa-scroll-vertical; }
6271
-
6272
- @-webkit-keyframes pa-scroll-vertical {
6273
- 0% {
6274
- -webkit-transform: translateY(0px);
6275
- transform: translateY(0px); }
6276
- 100% {
6277
- -webkit-transform: translateY(5px);
6278
- transform: translateY(5px); } }
6279
-
6280
- @keyframes pa-scroll-vertical {
6281
- 0% {
6282
- -webkit-transform: translateY(0px);
6283
- transform: translateY(0px); }
6284
- 100% {
6285
- -webkit-transform: translateY(5px);
6286
- transform: translateY(5px); } }
6287
-
6288
- @-webkit-keyframes pa-scroll-horizontal {
6289
- 0% {
6290
- -webkit-transform: translateX(0px);
6291
- transform: translateX(0px); }
6292
- 100% {
6293
- -webkit-transform: translateX(5px);
6294
- transform: translateX(5px); } }
6295
-
6296
- @keyframes pa-scroll-horizontal {
6297
- 0% {
6298
- -webkit-transform: translateX(0px);
6299
- transform: translateX(0px); }
6300
- 100% {
6301
- -webkit-transform: translateX(5px);
6302
- transform: translateX(5px); } }
6303
-
6304
- /********* Premium Lottie Animations *********/
6305
- /*********************************************/
6306
- .premium-lottie-wrap .premium-lottie-animation {
6307
- position: relative;
6308
- -js-display: inline-flex;
6309
- display: -webkit-inline-box;
6310
- display: -webkit-inline-flex;
6311
- display: -moz-inline-box;
6312
- display: -ms-inline-flexbox;
6313
- display: inline-flex;
6314
- -webkit-transition: all 0.3s ease-in-out;
6315
- transition: all 0.3s ease-in-out; }
6316
- .premium-lottie-wrap .premium-lottie-animation a {
6317
- position: absolute;
6318
- left: 0;
6319
- top: 0;
6320
- width: 100%;
6321
- height: 100%; }
6322
-
6323
- /**************** Premium Bullet List ****************/
6324
- /*****************************************************/
6325
- .premium-icon-list-box {
6326
- -js-display: flex;
6327
- display: -webkit-box;
6328
- display: -webkit-flex;
6329
- display: -moz-box;
6330
- display: -ms-flexbox;
6331
- display: flex;
6332
- -webkit-flex-wrap: wrap;
6333
- -ms-flex-wrap: wrap;
6334
- flex-wrap: wrap;
6335
- -webkit-box-orient: vertical;
6336
- -webkit-box-direction: normal;
6337
- -webkit-flex-direction: column;
6338
- -moz-box-orient: vertical;
6339
- -moz-box-direction: normal;
6340
- -ms-flex-direction: column;
6341
- flex-direction: column; }
6342
- .premium-icon-list-box .premium-icon-list-content-grow-lc {
6343
- -webkit-transform-origin: left center;
6344
- -ms-transform-origin: left center;
6345
- transform-origin: left center; }
6346
- .premium-icon-list-box .premium-icon-list-content-grow-rc {
6347
- -webkit-transform-origin: right center;
6348
- -ms-transform-origin: right center;
6349
- transform-origin: right center; }
6350
- .premium-icon-list-box .premium-icon-list-content-grow-cc {
6351
- -webkit-transform-origin: center center;
6352
- -ms-transform-origin: center center;
6353
- transform-origin: center center; }
6354
-
6355
- .premium-icon-list-content {
6356
- -js-display: flex;
6357
- display: -webkit-box;
6358
- display: -webkit-flex;
6359
- display: -moz-box;
6360
- display: -ms-flexbox;
6361
- display: flex;
6362
- -webkit-transition: all 0.3s ease-in-out;
6363
- transition: all 0.3s ease-in-out;
6364
- width: auto;
6365
- position: relative; }
6366
- .premium-icon-list-content .premium-icon-list-text span,
6367
- .premium-icon-list-content .premium-icon-list-wrapper {
6368
- display: inline-block;
6369
- -webkit-align-self: center;
6370
- -ms-flex-item-align: center;
6371
- align-self: center;
6372
- -webkit-transition: all 0.3s ease-in-out;
6373
- transition: all 0.3s ease-in-out; }
6374
- .premium-icon-list-content .premium-icon-list-text span {
6375
- margin: 0 5px; }
6376
- .premium-icon-list-content .premium-icon-list-icon-text p {
6377
- font-size: 18px;
6378
- background-color: #eee;
6379
- padding: 1px 5px;
6380
- -webkit-border-radius: 2px;
6381
- border-radius: 2px; }
6382
- .premium-icon-list-content .premium-icon-list-text span,
6383
- .premium-icon-list-content .premium-icon-list-icon-text p,
6384
- .premium-icon-list-content .premium-icon-list-wrapper img,
6385
- .premium-icon-list-content .premium-icon-list-wrapper svg,
6386
- .premium-icon-list-content .premium-icon-list-wrapper i {
6387
- -webkit-transition: all 0.3s ease-in-out;
6388
- transition: all 0.3s ease-in-out; }
6389
- .premium-icon-list-content .premium-icon-list-wrapper {
6390
- position: relative;
6391
- line-height: 0; }
6392
- .premium-icon-list-content .premium-icon-list-wrapper img,
6393
- .premium-icon-list-content .premium-icon-list-wrapper .premium-lottie-animation svg {
6394
- width: 30px !important;
6395
- height: 30px !important;
6396
- position: relative;
6397
- z-index: 500; }
6398
- .premium-icon-list-content .premium-icon-list-wrapper i,
6399
- .premium-icon-list-content .premium-icon-list-wrapper .premium-icon-list-icon-text {
6400
- position: relative;
6401
- z-index: 500; }
6402
- .premium-icon-list-content .premium-icon-list-link {
6403
- position: absolute;
6404
- top: 0;
6405
- left: 0;
6406
- width: 100%;
6407
- height: 100%;
6408
- z-index: 1000; }
6409
-
6410
- .premium-icon-list-content:not(:last-of-type) .premium-icon-list-connector {
6411
- width: 100%;
6412
- height: 100%;
6413
- position: absolute;
6414
- top: 0.5em;
6415
- z-index: 100;
6416
- -js-display: flex;
6417
- display: -webkit-box;
6418
- display: -webkit-flex;
6419
- display: -moz-box;
6420
- display: -ms-flexbox;
6421
- display: flex;
6422
- -webkit-box-pack: center;
6423
- -webkit-justify-content: center;
6424
- -moz-box-pack: center;
6425
- -ms-flex-pack: center;
6426
- justify-content: center; }
6427
- .premium-icon-list-content:not(:last-of-type) .premium-icon-list-connector .premium-icon-connector-content:after {
6428
- content: "";
6429
- border-right-width: 1px;
6430
- border-right-style: solid;
6431
- border-color: #333333;
6432
- display: block;
6433
- height: 100%; }
6434
-
6435
- li.premium-icon-list-content.premium-icon-list-content-inline {
6436
- -webkit-align-self: center;
6437
- -ms-flex-item-align: center;
6438
- align-self: center;
6439
- z-index: 2; }
6440
-
6441
- li.premium-icon-list-content.premium-icon-list-content-inline:not(:first-child) {
6442
- margin: 0 3px; }
6443
-
6444
- li.premium-icon-list-content.premium-icon-list-content-inline:first-child {
6445
- margin: 0 3px 0 0; }
6446
-
6447
- .premium-icon-list-divider:not(:last-child) {
6448
- width: 100%;
6449
- -webkit-box-flex: 0;
6450
- -webkit-flex: 0 0 100%;
6451
- -moz-box-flex: 0;
6452
- -ms-flex: 0 0 100%;
6453
- flex: 0 0 100%;
6454
- overflow: hidden; }
6455
-
6456
- .premium-icon-list-divider:not(:last-child):after {
6457
- content: "";
6458
- display: block;
6459
- border-top-style: solid;
6460
- border-top-width: 1px; }
6461
-
6462
- .premium-icon-list-divider-inline:not(:last-child) {
6463
- float: right;
6464
- display: inline-block;
6465
- position: relative;
6466
- height: 100%;
6467
- overflow: hidden;
6468
- -webkit-align-self: center;
6469
- -ms-flex-item-align: center;
6470
- align-self: center;
6471
- margin: 0 3px; }
6472
-
6473
- .premium-icon-list-divider-inline:not(:last-child):after {
6474
- content: "";
6475
- display: block;
6476
- border-left-width: 1px;
6477
- height: 33px;
6478
- border-left-style: solid; }
6479
-
6480
- .premium-icon-list-icon-text {
6481
- line-height: 1.5; }
6482
-
6483
- .premium-icon-list-icon-text p,
6484
- ul.premium-icon-list-box,
6485
- li.premium-icon-list-content {
6486
- margin: 0; }
6487
-
6488
- .premium-icon-list-blur:hover .premium-icon-list-content .premium-icon-list-wrapper i,
6489
- .premium-icon-list-blur:hover .premium-icon-list-content .premium-icon-list-text span,
6490
- .premium-icon-list-blur:hover .premium-icon-list-content .premium-icon-list-icon-text p {
6491
- color: transparent !important;
6492
- text-shadow: 0 0 3px #aaa; }
6493
-
6494
- .premium-icon-list-blur:hover .premium-icon-list-content .premium-icon-connector-content,
6495
- .premium-icon-list-blur:hover .premium-icon-list-content .premium-icon-list-wrapper .premium-lottie-animation svg,
6496
- .premium-icon-list-blur:hover .premium-icon-list-content .premium-icon-list-wrapper img,
6497
- .premium-icon-list-blur:hover .premium-icon-list-content .premium-icon-list-badge {
6498
- -webkit-filter: blur(3px);
6499
- filter: blur(3px); }
6500
-
6501
- .premium-icon-list-blur:hover .premium-icon-list-content:hover .premium-icon-list-wrapper i,
6502
- .premium-icon-list-blur:hover .premium-icon-list-content:hover .premium-icon-list-text span,
6503
- .premium-icon-list-blur:hover .premium-icon-list-content:hover .premium-icon-list-icon-text p {
6504
- color: #aaa !important;
6505
- text-shadow: 0 0px 0 transparent; }
6506
-
6507
- .premium-icon-list-blur:hover .premium-icon-list-content:hover .premium-icon-connector-content,
6508
- .premium-icon-list-blur:hover .premium-icon-list-content:hover .premium-icon-list-wrapper .premium-lottie-animation svg,
6509
- .premium-icon-list-blur:hover .premium-icon-list-content:hover .premium-icon-list-wrapper img,
6510
- .premium-icon-list-blur:hover .premium-icon-list-content:hover .premium-icon-list-badge {
6511
- -webkit-filter: none;
6512
- filter: none; }
6513
-
6514
- .premium-icon-list-content .premium-icon-list-badge {
6515
- font-size: 11px;
6516
- top: auto;
6517
- min-width: -webkit-max-content;
6518
- min-width: -moz-max-content;
6519
- min-width: max-content;
6520
- height: -webkit-fit-content;
6521
- height: -moz-fit-content;
6522
- height: fit-content; }
6523
-
6524
- .premium-icon-list-content .premium-icon-list-icon-text p {
6525
- font-size: 13px; }
6526
-
6527
- .premium-icon-list-gradient-effect[data-text] {
6528
- display: inline-block;
6529
- position: relative;
6530
- text-decoration: none; }
6531
-
6532
- .premium-icon-list-gradient-effect[data-text]::before {
6533
- content: attr(data-text);
6534
- position: absolute;
6535
- z-index: 1;
6536
- overflow: hidden;
6537
- -webkit-clip-path: polygon(0 0, 1px 0, 1px 100%, 0 100%);
6538
- clip-path: polygon(0 0, 1px 0, 1px 100%, 0 100%);
6539
- -webkit-background-clip: text;
6540
- background-clip: text;
6541
- -webkit-text-fill-color: transparent;
6542
- -webkit-transition: all 0.4s ease;
6543
- transition: all 0.4s ease; }
6544
-
6545
- .premium-icon-list-content:hover .premium-icon-list-gradient-effect[data-text]::before,
6546
- .premium-icon-list-content:focus .premium-icon-list-gradient-effect[data-text]::before {
6547
- -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
6548
- clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%); }
6549
-
6550
- ul[data-list-animation*="animated-"] .premium-icon-list-divider,
6551
- ul[data-list-animation*="animated-"] .premium-icon-list-content,
6552
- ul[data-list-animation*="animated-"] .premium-icon-list-divider-inline {
6553
- opacity: 0; }
6554
-
6555
- .premium-icon-list-content-grow-effect:hover {
6556
- -webkit-transform: scale(1.07);
6557
- -ms-transform: scale(1.07);
6558
- transform: scale(1.07); }
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
+ @font-face {
2
+ font-family: "pa-elements";
3
+ src: url("../../editor/fonts/pa-elements.eot?p2y7wv");
4
+ src: url("../../editor/fonts/pa-elements.eot?p2y7wv#iefix") format("embedded-opentype"), url("../../editor/fonts/pa-elements.ttf?p2y7wv") format("truetype"), url("../../editor/fonts/pa-elements.woff?p2y7wv") format("woff"), url("../../editor/fonts/pa-elements.svg?p2y7wv#pa-elements") format("svg");
5
+ font-weight: normal;
6
+ font-style: normal; }
7
+
8
+ /**************** Premium Banner ****************/
9
+ /************************************************/
10
+ .premium-banner {
11
+ overflow: hidden; }
12
+
13
+ .premium-banner-ib {
14
+ display: block;
15
+ position: relative;
16
+ z-index: 1;
17
+ overflow: hidden;
18
+ margin: 0;
19
+ text-align: center;
20
+ -webkit-box-sizing: border-box;
21
+ -moz-box-sizing: border-box;
22
+ box-sizing: border-box; }
23
+ .premium-banner-ib img {
24
+ display: block;
25
+ position: relative; }
26
+
27
+ .premium-banner-img-wrap {
28
+ -js-display: flex;
29
+ display: -webkit-box;
30
+ display: -webkit-flex;
31
+ display: -moz-box;
32
+ display: -ms-flexbox;
33
+ display: flex;
34
+ height: 100%; }
35
+ .premium-banner-img-wrap .premium-banner-ib-img {
36
+ -webkit-flex-shrink: 0;
37
+ -ms-flex-negative: 0;
38
+ flex-shrink: 0; }
39
+
40
+ .premium-banner-ib-desc .premium-banner-read-more {
41
+ z-index: 100; }
42
+
43
+ .elementor-widget-premium-addon-banner .premium-banner-ib-title {
44
+ background: transparent; }
45
+
46
+ .premium-banner-ib *,
47
+ .premium-banner-ib .premium-banner-ib-desc {
48
+ -webkit-box-sizing: border-box;
49
+ -moz-box-sizing: border-box;
50
+ box-sizing: border-box; }
51
+
52
+ .premium-banner-ib img {
53
+ min-width: 100%;
54
+ max-width: 100%;
55
+ -webkit-transition: opacity 0.35s;
56
+ transition: opacity 0.35s; }
57
+
58
+ .premium-banner-ib .premium-banner-ib-desc {
59
+ padding: 15px;
60
+ -webkit-backface-visibility: hidden;
61
+ backface-visibility: hidden;
62
+ -webkit-box-sizing: border-box;
63
+ -moz-box-sizing: border-box;
64
+ box-sizing: border-box;
65
+ position: absolute;
66
+ top: 0;
67
+ left: 0;
68
+ width: 100%;
69
+ height: 100%; }
70
+
71
+ .premium-banner-ib .premium-banner-ib-link {
72
+ position: absolute;
73
+ top: 0;
74
+ left: 0;
75
+ width: 100%;
76
+ height: 100%;
77
+ z-index: 1000;
78
+ text-indent: 200%;
79
+ white-space: nowrap;
80
+ font-size: 0;
81
+ opacity: 0; }
82
+
83
+ .premium-banner-ib a.premium-banner-ib-link {
84
+ display: block;
85
+ background: 0 0; }
86
+
87
+ .premium-banner-animation1 img {
88
+ width: -webkit-calc(100% + 50px) !important;
89
+ width: calc(100% + 50px) !important;
90
+ max-width: -webkit-calc(100% + 50px) !important;
91
+ max-width: calc(100% + 50px) !important;
92
+ -webkit-transition: opacity 0.35s, -webkit-filter 0.35s, -webkit-transform 0.35s;
93
+ transition: opacity 0.35s, -webkit-filter 0.35s, -webkit-transform 0.35s;
94
+ transition: opacity 0.35s, filter 0.35s, transform 0.35s;
95
+ transition: opacity 0.35s, filter 0.35s, transform 0.35s, -webkit-filter 0.35s, -webkit-transform 0.35s;
96
+ -webkit-transform: translate3d(-40px, 0, 0);
97
+ transform: translate3d(-40px, 0, 0); }
98
+
99
+ .premium-banner-animation2 .premium-banner-ib-title {
100
+ padding: 15px; }
101
+
102
+ .premium-banner-animation1 .premium-banner-ib-desc {
103
+ top: auto;
104
+ bottom: 0;
105
+ min-height: 25%;
106
+ height: auto;
107
+ max-height: 100%;
108
+ text-align: left; }
109
+
110
+ .premium-banner-animation1 .premium-banner-ib-content,
111
+ .premium-banner-animation1 .premium-banner-ib-title,
112
+ .premium-banner-animation1 .premium-banner-read-more {
113
+ -webkit-transform: translate3d(0, 40px, 0);
114
+ transform: translate3d(0, 40px, 0);
115
+ -webkit-transition-delay: 0.05s;
116
+ transition-delay: 0.05s;
117
+ -webkit-transition-duration: 0.35s;
118
+ transition-duration: 0.35s; }
119
+
120
+ .premium-banner-animation1 .premium-banner-ib-title {
121
+ -webkit-transition: -webkit-transform 0.35s;
122
+ transition: -webkit-transform 0.35s;
123
+ transition: transform 0.35s;
124
+ transition: transform 0.35s, -webkit-transform 0.35s; }
125
+
126
+ .premium-banner-animation1 .premium-banner-ib-content,
127
+ .premium-banner-animation1 .premium-banner-read-more {
128
+ margin-top: 10px;
129
+ opacity: 0;
130
+ -webkit-transition: opacity 0.2s, -webkit-transform 0.35s;
131
+ transition: opacity 0.2s, -webkit-transform 0.35s;
132
+ transition: opacity 0.2s, transform 0.35s;
133
+ transition: opacity 0.2s, transform 0.35s, -webkit-transform 0.35s; }
134
+
135
+ .premium-banner-animation1:hover .premium-banner-ib-content,
136
+ .premium-banner-animation1.active .premium-banner-ib-content,
137
+ .premium-banner-animation1:hover .premium-banner-read-more,
138
+ .premium-banner-animation1.active .premium-banner-read-more {
139
+ opacity: 1;
140
+ -webkit-transition-delay: 0.05s;
141
+ transition-delay: 0.05s;
142
+ -webkit-transition-duration: 0.35s;
143
+ transition-duration: 0.35s; }
144
+
145
+ .premium-banner-animation1:hover .premium-banner-ib-content,
146
+ .premium-banner-animation1.active .premium-banner-ib-content,
147
+ .premium-banner-animation1:hover .premium-banner-read-more,
148
+ .premium-banner-animation1.active .premium-banner-read-more,
149
+ .premium-banner-animation1:hover .premium-banner-ib-title,
150
+ .premium-banner-animation1.active .premium-banner-ib-title,
151
+ .premium-banner-animation1:hover img,
152
+ .premium-banner-animation1.active img {
153
+ -webkit-transform: translate3d(0, 0, 0);
154
+ transform: translate3d(0, 0, 0);
155
+ -webkit-transition-delay: 0.05s;
156
+ transition-delay: 0.05s;
157
+ -webkit-transition-duration: 0.35s;
158
+ transition-duration: 0.35s; }
159
+
160
+ .premium-banner-animation1.zoomout img,
161
+ .premium-banner-animation1.scale img {
162
+ -webkit-transform: translate3d(-40px, 0, 0) scale(1.1);
163
+ transform: translate3d(-40px, 0, 0) scale(1.1); }
164
+
165
+ .premium-banner-ib.sepia img {
166
+ -webkit-filter: sepia(30%);
167
+ filter: sepia(30%); }
168
+
169
+ .premium-banner-ib.bright img {
170
+ -webkit-filter: brightness(1);
171
+ filter: brightness(1); }
172
+
173
+ .premium-banner-ib.sepia:hover img {
174
+ -webkit-filter: sepia(0%);
175
+ filter: sepia(0%); }
176
+
177
+ .premium-banner-ib.bright:hover img {
178
+ -webkit-filter: brightness(1.2);
179
+ filter: brightness(1.2); }
180
+
181
+ .premium-banner-animation1.premium-banner-min-height img,
182
+ .premium-banner-animation2.premium-banner-min-height img,
183
+ .premium-banner-animation4.premium-banner-min-height img,
184
+ .premium-banner-animation5.premium-banner-min-height img,
185
+ .premium-banner-animation6.premium-banner-min-height img,
186
+ .premium-banner-animation13.premium-banner-min-height img {
187
+ height: auto; }
188
+
189
+ .premium-banner-animation2 img {
190
+ width: 100%; }
191
+
192
+ .premium-banner-animation2 .premium-banner-ib-desc::before {
193
+ position: absolute;
194
+ content: "";
195
+ top: 0;
196
+ left: 0;
197
+ width: 100%;
198
+ height: 100%;
199
+ opacity: 0;
200
+ -webkit-transform: translate3d(0, 50%, 0);
201
+ transform: translate3d(0, 50%, 0); }
202
+
203
+ .premium-banner-animation2 .premium-banner-ib-title {
204
+ position: absolute;
205
+ top: 50%;
206
+ left: 0;
207
+ width: 100%;
208
+ -webkit-transition: color 0.35s, -webkit-transform 0.35s;
209
+ transition: color 0.35s, -webkit-transform 0.35s;
210
+ transition: transform 0.35s, color 0.35s;
211
+ transition: transform 0.35s, color 0.35s, -webkit-transform 0.35s;
212
+ -webkit-transform: translate3d(0, -50%, 0);
213
+ transform: translate3d(0, -50%, 0); }
214
+
215
+ .premium-banner-animation2 .premium-banner-ib-content,
216
+ .premium-banner-animation2 .premium-banner-read-more,
217
+ .premium-banner-animation2 .premium-banner-ib-desc::before {
218
+ -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
219
+ transition: opacity 0.35s, -webkit-transform 0.35s;
220
+ transition: opacity 0.35s, transform 0.35s;
221
+ transition: opacity 0.35s, transform 0.35s, -webkit-transform 0.35s; }
222
+
223
+ .premium-banner-animation2 .premium-banner-ib-content,
224
+ .premium-banner-animation2 .premium-banner-read-more {
225
+ position: absolute;
226
+ bottom: 0;
227
+ left: 0;
228
+ padding: 15px;
229
+ width: 100%;
230
+ max-height: 50%;
231
+ opacity: 0;
232
+ -webkit-transform: translate3d(0, 10px, 0);
233
+ transform: translate3d(0, 10px, 0); }
234
+
235
+ .premium-banner-animation2:hover .premium-banner-ib-title,
236
+ .premium-banner-animation2.active .premium-banner-ib-title {
237
+ -webkit-transform: translate3d(0, -40px, 0);
238
+ transform: translate3d(0, -40px, 0); }
239
+
240
+ .premium-banner-animation2:hover .premium-banner-read-more,
241
+ .premium-banner-animation2.active .premium-banner-read-more,
242
+ .premium-banner-animation2:hover .premium-banner-ib-desc::before,
243
+ .premium-banner-animation2.active .premium-banner-ib-desc::before {
244
+ opacity: 1;
245
+ -webkit-transform: translate3d(0, 0, 0);
246
+ transform: translate3d(0, 0, 0); }
247
+
248
+ .premium-banner-animation2:hover .premium-banner-ib-content,
249
+ .premium-banner-animation2.active .premium-banner-ib-content {
250
+ opacity: 1;
251
+ -webkit-transform: translate3d(0, -30px, 0);
252
+ transform: translate3d(0, -30px, 0); }
253
+
254
+ .premium-banner-animation3 .premium-banner-ib-title {
255
+ position: absolute;
256
+ bottom: 0;
257
+ left: 0;
258
+ padding: 15px;
259
+ width: 100%;
260
+ text-align: left;
261
+ -webkit-transform: translate3d(0, -30px, 0);
262
+ transform: translate3d(0, -30px, 0); }
263
+
264
+ .premium-banner-animation3 .premium-banner-ib-desc::before,
265
+ .premium-banner-animation3 .premium-banner-ib-title {
266
+ -webkit-transition: -webkit-transform 0.35s;
267
+ transition: -webkit-transform 0.35s;
268
+ transition: transform 0.35s;
269
+ transition: transform 0.35s, -webkit-transform 0.35s; }
270
+
271
+ .premium-banner-animation3:hover .premium-banner-ib-desc::before,
272
+ .premium-banner-animation3.active .premium-banner-ib-desc::before,
273
+ .premium-banner-animation3:hover .premium-banner-ib-title,
274
+ .premium-banner-animation3.active .premium-banner-ib-title {
275
+ opacity: 1;
276
+ -webkit-transform: translate3d(0, 0, 0);
277
+ transform: translate3d(0, 0, 0); }
278
+
279
+ .premium-banner-animation3 .premium-banner-ib-content {
280
+ max-height: -webkit-calc(100% - 60px - 1.5em);
281
+ max-height: calc(100% - 60px - 1.5em);
282
+ overflow: hidden; }
283
+
284
+ .premium-banner-animation4 img {
285
+ width: -webkit-calc(100% + 40px) !important;
286
+ width: calc(100% + 40px) !important;
287
+ max-width: -webkit-calc(100% + 40px) !important;
288
+ max-width: calc(100% + 40px) !important; }
289
+
290
+ .premium-banner-animation4 .premium-banner-ib-desc {
291
+ padding: 30px; }
292
+ .premium-banner-animation4 .premium-banner-ib-desc::after {
293
+ position: absolute;
294
+ content: "";
295
+ opacity: 0; }
296
+ .premium-banner-animation4 .premium-banner-ib-desc::before {
297
+ position: absolute;
298
+ content: "";
299
+ opacity: 0;
300
+ top: 50px;
301
+ right: 30px;
302
+ bottom: 50px;
303
+ left: 30px;
304
+ border-top: 1px solid #fff;
305
+ border-bottom: 1px solid #fff;
306
+ -webkit-transform: scale(0, 1);
307
+ -ms-transform: scale(0, 1);
308
+ transform: scale(0, 1);
309
+ -webkit-transform-origin: 0 0;
310
+ -ms-transform-origin: 0 0;
311
+ transform-origin: 0 0; }
312
+ .premium-banner-animation4 .premium-banner-ib-desc::after {
313
+ top: 30px;
314
+ right: 50px;
315
+ bottom: 30px;
316
+ left: 50px;
317
+ border-right: 1px solid #fff;
318
+ border-left: 1px solid #fff;
319
+ -webkit-transform: scale(1, 0);
320
+ -ms-transform: scale(1, 0);
321
+ transform: scale(1, 0);
322
+ -webkit-transform-origin: 100% 0;
323
+ -ms-transform-origin: 100% 0;
324
+ transform-origin: 100% 0; }
325
+
326
+ .premium-banner-animation4 .premium-banner-ib-title {
327
+ padding: 50px 30px 0 30px;
328
+ -webkit-transition: -webkit-transform 0.35s;
329
+ transition: -webkit-transform 0.35s;
330
+ transition: transform 0.35s;
331
+ transition: transform 0.35s, -webkit-transform 0.35s; }
332
+
333
+ .premium-banner-animation4 .premium-banner-ib-content,
334
+ .premium-banner-animation4 .premium-banner-read-more {
335
+ padding: 10px 30px;
336
+ opacity: 0;
337
+ overflow: hidden;
338
+ -webkit-transform: translate3d(0, -10px, 0);
339
+ transform: translate3d(0, -10px, 0); }
340
+
341
+ .premium-banner-animation4 .premium-banner-ib-title,
342
+ .premium-banner-animation4 img {
343
+ -webkit-transform: translate3d(-30px, 0, 0);
344
+ transform: translate3d(-30px, 0, 0); }
345
+
346
+ .premium-banner-animation4.zoomout img,
347
+ .premium-banner-animation4.scale img {
348
+ -webkit-transform: translate3d(-30px, 0, 0) scale(1.1);
349
+ transform: translate3d(-30px, 0, 0) scale(1.1); }
350
+
351
+ .premium-banner-animation4 .premium-banner-ib-content,
352
+ .premium-banner-animation4 .premium-banner-read-more {
353
+ -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
354
+ transition: opacity 0.35s, -webkit-transform 0.35s;
355
+ transition: opacity 0.35s, transform 0.35s;
356
+ transition: opacity 0.35s, transform 0.35s, -webkit-transform 0.35s; }
357
+
358
+ .premium-banner-animation4 .premium-banner-ib-desc::after, .premium-banner-animation4 .premium-banner-ib-desc::before {
359
+ -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
360
+ transition: opacity 0.35s, -webkit-transform 0.35s;
361
+ transition: opacity 0.35s, transform 0.35s;
362
+ transition: opacity 0.35s, transform 0.35s, -webkit-transform 0.35s; }
363
+
364
+ .premium-banner-animation4 img {
365
+ -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
366
+ transition: opacity 0.35s, -webkit-transform 0.35s;
367
+ transition: opacity 0.35s, transform 0.35s;
368
+ transition: opacity 0.35s, transform 0.35s, -webkit-transform 0.35s; }
369
+
370
+ .premium-banner-animation4:hover .premium-banner-ib-desc::after,
371
+ .premium-banner-animation4.active .premium-banner-ib-desc::after,
372
+ .premium-banner-animation4:hover .premium-banner-ib-desc::before,
373
+ .premium-banner-animation4.active .premium-banner-ib-desc::before {
374
+ opacity: 1;
375
+ -webkit-transform: scale(1);
376
+ -ms-transform: scale(1);
377
+ transform: scale(1); }
378
+
379
+ .premium-banner-animation4:hover .premium-banner-ib-content,
380
+ .premium-banner-animation4.active .premium-banner-ib-content,
381
+ .premium-banner-animation4:hover .premium-banner-read-more,
382
+ .premium-banner-animation4.active .premium-banner-read-more,
383
+ .premium-banner-animation4:hover .premium-banner-ib-title,
384
+ .premium-banner-animation4.active .premium-banner-ib-title {
385
+ opacity: 1;
386
+ -webkit-transform: translate3d(0, 0, 0);
387
+ transform: translate3d(0, 0, 0); }
388
+
389
+ .premium-banner-animation4:hover .premium-banner-ib-content,
390
+ .premium-banner-animation4:hover .premium-banner-ib-desc::after,
391
+ .premium-banner-animation4:hover .premium-banner-ib-title,
392
+ .premium-banner-animation4:hover img {
393
+ -webkit-transition-delay: 0.15s;
394
+ transition-delay: 0.15s; }
395
+
396
+ .premium-banner-animation5 .premium-banner-ib-desc {
397
+ top: auto;
398
+ bottom: 0;
399
+ padding: 15px;
400
+ height: auto;
401
+ background: #f2f2f2;
402
+ color: #3c4a50;
403
+ -webkit-transition: -webkit-transform 0.35s;
404
+ transition: -webkit-transform 0.35s;
405
+ transition: transform 0.35s;
406
+ transition: transform 0.35s, -webkit-transform 0.35s;
407
+ -webkit-transform: translate3d(0, 100%, 0);
408
+ transform: translate3d(0, 100%, 0); }
409
+
410
+ .premium-banner-animation5 .premium-banner-ib-content {
411
+ position: absolute;
412
+ top: auto;
413
+ bottom: 100%;
414
+ left: 0;
415
+ width: 100%;
416
+ padding: 15px;
417
+ opacity: 0;
418
+ -webkit-transition: opacity 0.35s;
419
+ transition: opacity 0.35s; }
420
+
421
+ .premium-banner-animation5 .premium-banner-ib-title,
422
+ .premium-banner-animation5 .premium-banner-read-more {
423
+ -webkit-transition: -webkit-transform 0.35s;
424
+ transition: -webkit-transform 0.35s;
425
+ transition: transform 0.35s;
426
+ transition: transform 0.35s, -webkit-transform 0.35s;
427
+ -webkit-transform: translate3d(0, 200%, 0);
428
+ transform: translate3d(0, 200%, 0);
429
+ text-align: center; }
430
+
431
+ .premium-banner-animation5 .premium-banner-ib-title {
432
+ margin: 10px 0; }
433
+
434
+ .premium-banner-animation5:hover .premium-banner-ib-content,
435
+ .premium-banner-animation5.active .premium-banner-ib-content,
436
+ .premium-banner-animation5:hover .premium-banner-ib-content *,
437
+ .premium-banner-animation5.active .premium-banner-ib-content * {
438
+ opacity: 1 !important;
439
+ z-index: 99 !important;
440
+ -webkit-backface-visibility: hidden !important;
441
+ backface-visibility: hidden !important; }
442
+
443
+ .premium-banner-animation5:hover .premium-banner-ib-desc,
444
+ .premium-banner-animation5.active .premium-banner-ib-desc,
445
+ .premium-banner-animation5:hover .premium-banner-ib-title,
446
+ .premium-banner-animation5.active .premium-banner-ib-title,
447
+ .premium-banner-animation5:hover .premium-banner-read-more,
448
+ .premium-banner-animation5.active .premium-banner-read-more {
449
+ -webkit-transform: translateY(0);
450
+ -ms-transform: translateY(0);
451
+ transform: translateY(0); }
452
+
453
+ .premium-banner-animation5:hover .premium-banner-ib-title {
454
+ -webkit-transition-delay: 0.05s;
455
+ transition-delay: 0.05s; }
456
+
457
+ .premium-banner-animation5 img {
458
+ -webkit-transition: opacity 0.35s, -webkit-filter 0.35s, -webkit-transform 0.35s;
459
+ transition: opacity 0.35s, -webkit-filter 0.35s, -webkit-transform 0.35s;
460
+ transition: opacity 0.35s, filter 0.35s, transform 0.35s;
461
+ transition: opacity 0.35s, filter 0.35s, transform 0.35s, -webkit-filter 0.35s, -webkit-transform 0.35s; }
462
+
463
+ .premium-banner-animation2 img,
464
+ .premium-banner-animation4 img,
465
+ .premium-banner-animation6 img {
466
+ -webkit-transition: opacity 0.35s, -webkit-filter 0.35s, -webkit-transform 0.35s;
467
+ transition: opacity 0.35s, -webkit-filter 0.35s, -webkit-transform 0.35s;
468
+ transition: opacity 0.35s, filter 0.35s, transform 0.35s;
469
+ transition: opacity 0.35s, filter 0.35s, transform 0.35s, -webkit-filter 0.35s, -webkit-transform 0.35s; }
470
+
471
+ .premium-banner-animation5.zoomout img,
472
+ .premium-banner-animation5.scale img {
473
+ -webkit-transform: scale(1.1);
474
+ -ms-transform: scale(1.1);
475
+ transform: scale(1.1); }
476
+
477
+ .premium-banner-animation2.zoomout img,
478
+ .premium-banner-animation2.scale img {
479
+ -webkit-transform: scale(1.1);
480
+ -ms-transform: scale(1.1);
481
+ transform: scale(1.1); }
482
+
483
+ .premium-banner-animation6.zoomout img,
484
+ .premium-banner-animation6.scale img {
485
+ -webkit-transform: scale(1.1);
486
+ -ms-transform: scale(1.1);
487
+ transform: scale(1.1); }
488
+
489
+ .premium-banner-animation5.zoomin:hover img,
490
+ .premium-banner-animation2.zoomin:hover img,
491
+ .premium-banner-animation6.zoomin:hover img {
492
+ -webkit-transform: scale(1.1);
493
+ -ms-transform: scale(1.1);
494
+ transform: scale(1.1); }
495
+
496
+ .premium-banner-animation5.zoomout:hover img,
497
+ .premium-banner-animation2.zoomout:hover img,
498
+ .premium-banner-animation6.zoomout:hover img {
499
+ -webkit-transform: scale(1);
500
+ -ms-transform: scale(1);
501
+ transform: scale(1); }
502
+
503
+ .premium-banner-animation5.scale:hover img,
504
+ .premium-banner-animation2.scale:hover img,
505
+ .premium-banner-animation6.scale:hover img {
506
+ -webkit-transform: scale(1.2) rotate(5deg);
507
+ -ms-transform: scale(1.2) rotate(5deg);
508
+ transform: scale(1.2) rotate(5deg); }
509
+
510
+ .premium-banner-animation5.grayscale:hover img,
511
+ .premium-banner-animation2.grayscale:hover img,
512
+ .premium-banner-animation6.grayscale:hover img {
513
+ -webkit-filter: grayscale(100%);
514
+ filter: grayscale(100%); }
515
+
516
+ .premium-banner-animation5.blur:hover img,
517
+ .premium-banner-animation2.blur:hover img {
518
+ -webkit-filter: blur(3px);
519
+ filter: blur(3px); }
520
+
521
+ .premium-banner-animation6.blur:hover img {
522
+ -webkit-filter: blur(3px);
523
+ filter: blur(3px); }
524
+
525
+ .premium-banner-animation6 .premium-banner-ib-desc {
526
+ padding: 45px; }
527
+ .premium-banner-animation6 .premium-banner-ib-desc::before {
528
+ position: absolute;
529
+ content: "";
530
+ top: 30px;
531
+ right: 30px;
532
+ bottom: 30px;
533
+ left: 30px;
534
+ border: 1px solid #fff; }
535
+
536
+ .premium-banner-animation6 .premium-banner-ib-title {
537
+ margin: 20px 0 10px;
538
+ -webkit-transition: -webkit-transform 0.35s;
539
+ transition: -webkit-transform 0.35s;
540
+ transition: transform 0.35s;
541
+ transition: transform 0.35s, -webkit-transform 0.35s;
542
+ -webkit-transform: translate3d(0, 100%, 0);
543
+ transform: translate3d(0, 100%, 0); }
544
+
545
+ .premium-banner-animation6 .premium-banner-ib-content,
546
+ .premium-banner-animation6 .premium-banner-read-more,
547
+ .premium-banner-animation6 .premium-banner-ib-desc::before {
548
+ opacity: 0;
549
+ -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
550
+ transition: opacity 0.35s, -webkit-transform 0.35s;
551
+ transition: opacity 0.35s, transform 0.35s;
552
+ transition: opacity 0.35s, transform 0.35s, -webkit-transform 0.35s;
553
+ -webkit-transform: scale(0);
554
+ -ms-transform: scale(0);
555
+ transform: scale(0); }
556
+
557
+ .premium-banner-animation6 .premium-banner-read-more {
558
+ margin-top: 10px; }
559
+
560
+ .premium-banner-animation6:hover .premium-banner-ib-title,
561
+ .premium-banner-animation6.active .premium-banner-ib-title {
562
+ -webkit-transform: translate3d(0, 0, 0);
563
+ transform: translate3d(0, 0, 0); }
564
+
565
+ .premium-banner-animation6:hover .premium-banner-ib-content,
566
+ .premium-banner-animation6.active .premium-banner-ib-content,
567
+ .premium-banner-animation6:hover .premium-banner-read-more,
568
+ .premium-banner-animation6.active .premium-banner-read-more,
569
+ .premium-banner-animation6:hover .premium-banner-ib-desc::before,
570
+ .premium-banner-animation6.active .premium-banner-ib-desc::before {
571
+ opacity: 1;
572
+ -webkit-transform: scale(1);
573
+ -ms-transform: scale(1);
574
+ transform: scale(1); }
575
+
576
+ .premium-banner-animation12 .premium-banner-ib-desc::after {
577
+ position: absolute;
578
+ content: "";
579
+ right: 30px;
580
+ bottom: 30px;
581
+ left: 30px;
582
+ height: -webkit-calc(50% - 30px);
583
+ height: calc(50% - 30px);
584
+ border: 7px solid #fff;
585
+ -webkit-transition: -webkit-transform 0.35s;
586
+ transition: -webkit-transform 0.35s;
587
+ transition: transform 0.35s;
588
+ transition: transform 0.35s, -webkit-transform 0.35s;
589
+ -webkit-transform: translate3d(0, -100%, 0);
590
+ transform: translate3d(0, -100%, 0); }
591
+
592
+ .premium-banner-animation12:hover .premium-banner-ib-desc::after,
593
+ .premium-banner-animation12.active .premium-banner-ib-desc::after {
594
+ -webkit-transform: translate3d(0, 0, 0);
595
+ transform: translate3d(0, 0, 0); }
596
+
597
+ .premium-banner-animation12 .premium-banner-ib-desc {
598
+ padding: 45px;
599
+ text-align: left; }
600
+
601
+ .premium-banner-animation12 .premium-banner-ib-content {
602
+ position: absolute;
603
+ right: 60px;
604
+ bottom: 60px;
605
+ left: 60px;
606
+ opacity: 0;
607
+ -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
608
+ transition: opacity 0.35s, -webkit-transform 0.35s;
609
+ transition: opacity 0.35s, transform 0.35s;
610
+ transition: opacity 0.35s, transform 0.35s, -webkit-transform 0.35s;
611
+ -webkit-transform: translate3d(0, -100px, 0);
612
+ transform: translate3d(0, -100px, 0); }
613
+
614
+ .premium-banner-animation12:hover .premium-banner-ib-content,
615
+ .premium-banner-animation12.active .premium-banner-ib-content {
616
+ opacity: 1;
617
+ -webkit-transform: translate3d(0, 0, 0);
618
+ transform: translate3d(0, 0, 0); }
619
+
620
+ .premium-banner-animation13 img {
621
+ width: -webkit-calc(100% + 20px) !important;
622
+ width: calc(100% + 20px) !important;
623
+ max-width: -webkit-calc(100% + 20px) !important;
624
+ max-width: calc(100% + 20px) !important;
625
+ -webkit-transition: opacity 0.35s, -webkit-filter 0.35s, -webkit-transform 0.35s;
626
+ transition: opacity 0.35s, -webkit-filter 0.35s, -webkit-transform 0.35s;
627
+ transition: opacity 0.35s, filter 0.35s, transform 0.35s;
628
+ transition: opacity 0.35s, filter 0.35s, transform 0.35s, -webkit-filter 0.35s, -webkit-transform 0.35s;
629
+ -webkit-transform: translate3d(-10px, 0, 0);
630
+ transform: translate3d(-10px, 0, 0);
631
+ -webkit-backface-visibility: hidden;
632
+ backface-visibility: hidden; }
633
+
634
+ .premium-banner-animation13.zoomout img,
635
+ .premium-banner-animation13.scale img {
636
+ -webkit-transform: translate3d(-10px, 0, 0) scale(1.1);
637
+ transform: translate3d(-10px, 0, 0) scale(1.1); }
638
+
639
+ .premium-banner-animation13.none:hover img {
640
+ -webkit-transform: translate3d(0, 0, 0);
641
+ transform: translate3d(0, 0, 0); }
642
+
643
+ .premium-banner-animation1.none:hover img,
644
+ .premium-banner-animation4.none:hover img {
645
+ -webkit-transform: translate3d(0, 0, 0);
646
+ transform: translate3d(0, 0, 0); }
647
+
648
+ .premium-banner-animation13.zoomin:hover img,
649
+ .premium-banner-animation1.zoomin:hover img,
650
+ .premium-banner-animation4.zoomin:hover img,
651
+ .premium-banner-animation8.zoomin:hover img,
652
+ .premium-banner-animation7.zoomin:hover img,
653
+ .premium-banner-animation9.zoomin:hover img,
654
+ .premium-banner-animation10.zoomin:hover img,
655
+ .premium-banner-animation11.zoomin:hover img {
656
+ -webkit-transform: translate3d(0, 0, 0) scale(1.1);
657
+ transform: translate3d(0, 0, 0) scale(1.1); }
658
+
659
+ .premium-banner-animation13.zoomout:hover img,
660
+ .premium-banner-animation1.zoomout:hover img,
661
+ .premium-banner-animation4.zoomout:hover img,
662
+ .premium-banner-animation8.zoomout:hover img,
663
+ .premium-banner-animation7.zoomout:hover img,
664
+ .premium-banner-animation9.zoomout:hover img,
665
+ .premium-banner-animation10.zoomout:hover img,
666
+ .premium-banner-animation11.zoomout:hover img {
667
+ -webkit-transform: translate3d(0, 0, 0) scale(1);
668
+ transform: translate3d(0, 0, 0) scale(1); }
669
+
670
+ .premium-banner-animation13.scale:hover img,
671
+ .premium-banner-animation1.scale:hover img,
672
+ .premium-banner-animation4.scale:hover img,
673
+ .premium-banner-animation8.scale:hover img,
674
+ .premium-banner-animation7.scale:hover img,
675
+ .premium-banner-animation9.scale:hover img,
676
+ .premium-banner-animation10.scale:hover img,
677
+ .premium-banner-animation11.scale:hover img {
678
+ -webkit-transform: translate3d(0, 0, 0) scale(1.2) rotate(5deg);
679
+ transform: translate3d(0, 0, 0) scale(1.2) rotate(5deg); }
680
+
681
+ .premium-banner-animation13.grayscale:hover img,
682
+ .premium-banner-animation1.grayscale:hover img,
683
+ .premium-banner-animation4.grayscale:hover img,
684
+ .premium-banner-animation8.grayscale:hover img,
685
+ .premium-banner-animation7.grayscale:hover img,
686
+ .premium-banner-animation9.grayscale:hover img,
687
+ .premium-banner-animation10.grayscale:hover img,
688
+ .premium-banner-animation11.grayscale:hover img {
689
+ -webkit-transform: translate3d(0, 0, 0);
690
+ transform: translate3d(0, 0, 0);
691
+ -webkit-filter: grayscale(100%);
692
+ filter: grayscale(100%); }
693
+
694
+ .premium-banner-animation13.blur:hover img,
695
+ .premium-banner-animation1.blur:hover img,
696
+ .premium-banner-animation4.blur:hover,
697
+ .premium-banner-animation8.blur:hover img,
698
+ .premium-banner-animation7.blur:hover img,
699
+ .premium-banner-animation9.blur:hover img,
700
+ .premium-banner-animation10.blur:hover img,
701
+ .premium-banner-animation11.blur:hover img {
702
+ -webkit-transform: translate3d(0, 0, 0);
703
+ transform: translate3d(0, 0, 0);
704
+ -webkit-filter: blur(3px);
705
+ filter: blur(3px); }
706
+
707
+ .premium-banner-animation13 .premium-banner-ib-desc {
708
+ text-align: left; }
709
+
710
+ .premium-banner-animation13 .premium-banner-ib-title {
711
+ position: relative;
712
+ overflow: hidden;
713
+ padding: 5px 0 10px; }
714
+ .premium-banner-animation13 .premium-banner-ib-title::after {
715
+ position: absolute;
716
+ content: "";
717
+ bottom: 0;
718
+ left: 0;
719
+ width: 100%;
720
+ height: 2px;
721
+ background: #fff;
722
+ -webkit-transition: -webkit-transform 0.35s;
723
+ transition: -webkit-transform 0.35s;
724
+ transition: transform 0.35s;
725
+ transition: transform 0.35s, -webkit-transform 0.35s;
726
+ -webkit-transform: translate3d(-101%, 0, 0);
727
+ transform: translate3d(-101%, 0, 0); }
728
+
729
+ .premium-banner-animation13:hover .premium-banner-ib-title::after,
730
+ .premium-banner-animation13.active .premium-banner-ib-title::after {
731
+ -webkit-transform: translate3d(0, 0, 0);
732
+ transform: translate3d(0, 0, 0); }
733
+
734
+ .premium-banner-animation13 .premium-banner-ib-content,
735
+ .premium-banner-animation13 .premium-banner-read-more {
736
+ padding: 15px 0;
737
+ opacity: 0;
738
+ -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
739
+ transition: opacity 0.35s, -webkit-transform 0.35s;
740
+ transition: opacity 0.35s, transform 0.35s;
741
+ transition: opacity 0.35s, transform 0.35s, -webkit-transform 0.35s;
742
+ -webkit-transform: translate3d(100%, 0, 0);
743
+ transform: translate3d(100%, 0, 0); }
744
+
745
+ .premium-banner-animation13:hover .premium-banner-ib-content,
746
+ .premium-banner-animation13.active .premium-banner-ib-content,
747
+ .premium-banner-animation13:hover .premium-banner-read-more,
748
+ .premium-banner-animation13.active .premium-banner-read-more {
749
+ opacity: 1;
750
+ -webkit-transform: translate3d(0, 0, 0);
751
+ transform: translate3d(0, 0, 0); }
752
+
753
+ .premium-banner-ib.premium-banner-animation5 .premium-banner-toggle-size {
754
+ left: 50%;
755
+ width: auto !important;
756
+ height: 100%;
757
+ max-width: none;
758
+ -webkit-transform: translateX(-50%);
759
+ -ms-transform: translateX(-50%);
760
+ transform: translateX(-50%); }
761
+
762
+ .premium-banner-ib img {
763
+ border: none;
764
+ padding: 0;
765
+ margin: 0; }
766
+
767
+ .premium-banner-animation7 img {
768
+ width: -webkit-calc(100% + 40px) !important;
769
+ width: calc(100% + 40px) !important;
770
+ max-width: -webkit-calc(100% + 40px) !important;
771
+ max-width: calc(100% + 40px) !important;
772
+ -webkit-transition: opacity 0.35s, -webkit-filter 0.35s, -webkit-transform 0.35s;
773
+ transition: opacity 0.35s, -webkit-filter 0.35s, -webkit-transform 0.35s;
774
+ transition: opacity 0.35s, filter 0.35s, transform 0.35s;
775
+ transition: opacity 0.35s, filter 0.35s, transform 0.35s, -webkit-filter 0.35s, -webkit-transform 0.35s; }
776
+
777
+ .premium-banner-animation7 .premium-banner-brlr {
778
+ width: 7px; }
779
+
780
+ .premium-banner-animation7 .premium-banner-brtb {
781
+ height: 7px; }
782
+
783
+ .premium-banner-animation7 .premium-banner-br {
784
+ position: absolute;
785
+ z-index: 1;
786
+ background-color: white;
787
+ -webkit-transition: all 0.3s ease-in-out;
788
+ transition: all 0.3s ease-in-out;
789
+ -webkit-transition-delay: 0.2s;
790
+ transition-delay: 0.2s; }
791
+
792
+ .premium-banner-animation7 .premium-banner-bleft {
793
+ left: 30px;
794
+ top: -webkit-calc(100% - 150px);
795
+ top: calc(100% - 150px);
796
+ height: 0; }
797
+
798
+ .premium-banner-animation7 .premium-banner-bright {
799
+ right: 30px;
800
+ bottom: -webkit-calc(100% - 150px);
801
+ bottom: calc(100% - 150px);
802
+ height: 0; }
803
+
804
+ .premium-banner-animation7 .premium-banner-bottom {
805
+ right: -webkit-calc(100% - 150px);
806
+ right: calc(100% - 150px);
807
+ bottom: 30px;
808
+ width: 0; }
809
+
810
+ .premium-banner-animation7 .premium-banner-btop {
811
+ left: -webkit-calc(100% - 150px);
812
+ left: calc(100% - 150px);
813
+ top: 30px;
814
+ width: 0; }
815
+
816
+ .premium-banner-animation7 .premium-banner-ib-desc {
817
+ padding: 70px;
818
+ display: table; }
819
+ .premium-banner-animation7 .premium-banner-ib-desc .premium-banner-desc-centered {
820
+ display: table-cell;
821
+ vertical-align: middle; }
822
+
823
+ .premium-banner-animation7 .premium-banner-ib-title {
824
+ margin-top: 0; }
825
+
826
+ .premium-banner-animation7 .premium-banner-ib-title,
827
+ .premium-banner-animation7 img {
828
+ -webkit-transform: translate3d(-30px, 0, 0);
829
+ transform: translate3d(-30px, 0, 0); }
830
+
831
+ .premium-banner-animation7.zoomout img,
832
+ .premium-banner-animation7.scale img {
833
+ -webkit-transform: translate3d(-30px, 0, 0) scale(1.1);
834
+ transform: translate3d(-30px, 0, 0) scale(1.1); }
835
+
836
+ .premium-banner-animation7 .premium-banner-ib-content,
837
+ .premium-banner-animation7 .premium-banner-read-more {
838
+ margin-top: 10px; }
839
+
840
+ .premium-banner-animation7 .premium-banner-ib-desc::after, .premium-banner-animation7 .premium-banner-ib-desc::before {
841
+ -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
842
+ transition: opacity 0.35s, -webkit-transform 0.35s;
843
+ transition: opacity 0.35s, transform 0.35s;
844
+ transition: opacity 0.35s, transform 0.35s, -webkit-transform 0.35s; }
845
+
846
+ .premium-banner-animation7 .premium-banner-ib-title,
847
+ .premium-banner-animation7 .premium-banner-ib-content,
848
+ .premium-banner-animation7 .premium-banner-read-more {
849
+ opacity: 0;
850
+ -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
851
+ transition: opacity 0.35s, -webkit-transform 0.35s;
852
+ transition: opacity 0.35s, transform 0.35s;
853
+ transition: opacity 0.35s, transform 0.35s, -webkit-transform 0.35s; }
854
+
855
+ .premium-banner-animation7:hover .premium-banner-ib-content,
856
+ .premium-banner-animation7.active .premium-banner-ib-content,
857
+ .premium-banner-animation7:hover .premium-banner-read-more,
858
+ .premium-banner-animation7.active .premium-banner-read-more,
859
+ .premium-banner-animation7:hover .premium-banner-ib-title,
860
+ .premium-banner-animation7.active .premium-banner-ib-title {
861
+ opacity: 1;
862
+ -webkit-transform: translate3d(0, 0, 0);
863
+ transform: translate3d(0, 0, 0); }
864
+
865
+ .premium-banner-animation7:hover .premium-banner-bleft, .premium-banner-animation7.active .premium-banner-bleft {
866
+ top: 30px;
867
+ height: 70px; }
868
+
869
+ .premium-banner-animation7:hover .premium-banner-bright, .premium-banner-animation7.active .premium-banner-bright {
870
+ bottom: 30px;
871
+ height: 70px; }
872
+
873
+ .premium-banner-animation7:hover .premium-banner-bottom, .premium-banner-animation7.active .premium-banner-bottom {
874
+ right: 30px;
875
+ width: 70px; }
876
+
877
+ .premium-banner-animation7:hover .premium-banner-btop, .premium-banner-animation7.active .premium-banner-btop {
878
+ left: 30px;
879
+ width: 70px; }
880
+
881
+ .premium-banner-animation7:hover .premium-banner-ib-content,
882
+ .premium-banner-animation7:hover .premium-banner-read-more,
883
+ .premium-banner-animation7:hover .premium-banner-ib-title,
884
+ .premium-banner-animation7:hover img {
885
+ -webkit-transition-delay: 0.15s;
886
+ transition-delay: 0.15s; }
887
+
888
+ .premium-banner-animation8 img {
889
+ width: -webkit-calc(100% + 40px) !important;
890
+ width: calc(100% + 40px) !important;
891
+ max-width: -webkit-calc(100% + 40px) !important;
892
+ max-width: calc(100% + 40px) !important;
893
+ -webkit-transition: opacity 0.35s, -webkit-filter 0.35s, -webkit-transform 0.35s;
894
+ transition: opacity 0.35s, -webkit-filter 0.35s, -webkit-transform 0.35s;
895
+ transition: opacity 0.35s, filter 0.35s, transform 0.35s;
896
+ transition: opacity 0.35s, filter 0.35s, transform 0.35s, -webkit-filter 0.35s, -webkit-transform 0.35s; }
897
+
898
+ .premium-banner-animation8 .premium-banner-brlr {
899
+ width: 7px; }
900
+
901
+ .premium-banner-animation8 .premium-banner-brtb {
902
+ height: 7px; }
903
+
904
+ .premium-banner-animation8 .premium-banner-br {
905
+ position: absolute;
906
+ z-index: 1;
907
+ background-color: white;
908
+ -webkit-transition: all 0.3s ease-in-out;
909
+ transition: all 0.3s ease-in-out;
910
+ -webkit-transition-delay: 0.2s;
911
+ transition-delay: 0.2s; }
912
+
913
+ .premium-banner-animation8 .premium-banner-bleft {
914
+ left: 30px;
915
+ top: 50%;
916
+ -webkit-transform: translateY(-50%);
917
+ -ms-transform: translateY(-50%);
918
+ transform: translateY(-50%);
919
+ height: 0; }
920
+
921
+ .premium-banner-animation8 .premium-banner-bright {
922
+ right: 30px;
923
+ top: 50%;
924
+ -webkit-transform: translateY(-50%);
925
+ -ms-transform: translateY(-50%);
926
+ transform: translateY(-50%);
927
+ height: 0; }
928
+
929
+ .premium-banner-animation8 .premium-banner-bottom {
930
+ left: 50%;
931
+ -webkit-transform: translateX(-50%);
932
+ -ms-transform: translateX(-50%);
933
+ transform: translateX(-50%);
934
+ bottom: 30px;
935
+ width: 0; }
936
+
937
+ .premium-banner-animation8 .premium-banner-btop {
938
+ left: 50%;
939
+ -webkit-transform: translateX(-50%);
940
+ -ms-transform: translateX(-50%);
941
+ transform: translateX(-50%);
942
+ top: 30px;
943
+ width: 0; }
944
+
945
+ .premium-banner-animation8 .premium-banner-ib-desc {
946
+ padding: 70px;
947
+ display: table; }
948
+ .premium-banner-animation8 .premium-banner-ib-desc .premium-banner-desc-centered {
949
+ display: table-cell;
950
+ vertical-align: middle; }
951
+
952
+ .premium-banner-animation8 .premium-banner-ib-title {
953
+ margin-top: 0; }
954
+
955
+ .premium-banner-animation8 .premium-banner-ib-title,
956
+ .premium-banner-animation8 img {
957
+ -webkit-transform: translate3d(-30px, 0, 0);
958
+ transform: translate3d(-30px, 0, 0); }
959
+
960
+ .premium-banner-animation8.zoomout img,
961
+ .premium-banner-animation8.scale img {
962
+ -webkit-transform: translate3d(-30px, 0, 0) scale(1.1);
963
+ transform: translate3d(-30px, 0, 0) scale(1.1); }
964
+
965
+ .premium-banner-animation8 .premium-banner-ib-content,
966
+ .premium-banner-animation8 .premium-banner-read-more {
967
+ margin-top: 10px; }
968
+
969
+ .premium-banner-animation8 .premium-banner-ib-desc::after, .premium-banner-animation8 .premium-banner-ib-desc::before {
970
+ -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
971
+ transition: opacity 0.35s, -webkit-transform 0.35s;
972
+ transition: opacity 0.35s, transform 0.35s;
973
+ transition: opacity 0.35s, transform 0.35s, -webkit-transform 0.35s; }
974
+
975
+ .premium-banner-animation8 .premium-banner-ib-title,
976
+ .premium-banner-animation8 .premium-banner-ib-content,
977
+ .premium-banner-animation8 .premium-banner-read-more {
978
+ -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
979
+ transition: opacity 0.35s, -webkit-transform 0.35s;
980
+ transition: opacity 0.35s, transform 0.35s;
981
+ transition: opacity 0.35s, transform 0.35s, -webkit-transform 0.35s;
982
+ opacity: 0; }
983
+
984
+ .premium-banner-animation8:hover .premium-banner-ib-content,
985
+ .premium-banner-animation8.active .premium-banner-ib-content,
986
+ .premium-banner-animation8:hover .premium-banner-read-more,
987
+ .premium-banner-animation8.active .premium-banner-read-more,
988
+ .premium-banner-animation8:hover .premium-banner-ib-title,
989
+ .premium-banner-animation8.active .premium-banner-ib-title {
990
+ opacity: 1;
991
+ -webkit-transform: translate3d(0, 0, 0);
992
+ transform: translate3d(0, 0, 0); }
993
+
994
+ .premium-banner-animation8:hover .premium-banner-bleft, .premium-banner-animation8.active .premium-banner-bleft {
995
+ height: -webkit-calc(100% - 61px);
996
+ height: calc(100% - 61px); }
997
+
998
+ .premium-banner-animation8:hover .premium-banner-bright, .premium-banner-animation8.active .premium-banner-bright {
999
+ height: -webkit-calc(100% - 61px);
1000
+ height: calc(100% - 61px); }
1001
+
1002
+ .premium-banner-animation8:hover .premium-banner-bottom, .premium-banner-animation8.active .premium-banner-bottom {
1003
+ width: -webkit-calc(100% - 61px);
1004
+ width: calc(100% - 61px); }
1005
+
1006
+ .premium-banner-animation8:hover .premium-banner-btop, .premium-banner-animation8.active .premium-banner-btop {
1007
+ width: -webkit-calc(100% - 61px);
1008
+ width: calc(100% - 61px); }
1009
+
1010
+ .premium-banner-animation8:hover .premium-banner-ib-content,
1011
+ .premium-banner-animation8:hover .premium-banner-ib-title,
1012
+ .premium-banner-animation8:hover .premium-banner-read-more,
1013
+ .premium-banner-animation8:hover img {
1014
+ -webkit-transition-delay: 0.15s;
1015
+ transition-delay: 0.15s; }
1016
+
1017
+ .premium-banner-animation9 img {
1018
+ width: -webkit-calc(100% + 20px) !important;
1019
+ width: calc(100% + 20px) !important;
1020
+ max-width: -webkit-calc(100% + 20px) !important;
1021
+ max-width: calc(100% + 20px) !important;
1022
+ -webkit-transition: opacity 0.35s, -webkit-filter 0.35s, -webkit-transform 0.35s;
1023
+ transition: opacity 0.35s, -webkit-filter 0.35s, -webkit-transform 0.35s;
1024
+ transition: opacity 0.35s, filter 0.35s, transform 0.35s;
1025
+ transition: opacity 0.35s, filter 0.35s, transform 0.35s, -webkit-filter 0.35s, -webkit-transform 0.35s;
1026
+ -webkit-transform: scale(1.2);
1027
+ -ms-transform: scale(1.2);
1028
+ transform: scale(1.2); }
1029
+
1030
+ .premium-banner-animation9 .premium-banner-ib-desc {
1031
+ width: 100%;
1032
+ height: 100%; }
1033
+ .premium-banner-animation9 .premium-banner-ib-desc::before {
1034
+ position: absolute;
1035
+ top: 50%;
1036
+ left: 50%;
1037
+ width: 80%;
1038
+ height: 1px;
1039
+ background: #fff;
1040
+ content: "";
1041
+ -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
1042
+ transition: opacity 0.35s, -webkit-transform 0.35s;
1043
+ transition: opacity 0.35s, transform 0.35s;
1044
+ transition: opacity 0.35s, transform 0.35s, -webkit-transform 0.35s;
1045
+ -webkit-transform: translate3d(-50%, -50%, 0);
1046
+ transform: translate3d(-50%, -50%, 0); }
1047
+ .premium-banner-animation9 .premium-banner-ib-desc::after {
1048
+ position: absolute;
1049
+ top: 50%;
1050
+ left: 50%;
1051
+ width: 80%;
1052
+ height: 1px;
1053
+ background: #fff;
1054
+ content: "";
1055
+ -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
1056
+ transition: opacity 0.35s, -webkit-transform 0.35s;
1057
+ transition: opacity 0.35s, transform 0.35s;
1058
+ transition: opacity 0.35s, transform 0.35s, -webkit-transform 0.35s;
1059
+ -webkit-transform: translate3d(-50%, -50%, 0);
1060
+ transform: translate3d(-50%, -50%, 0); }
1061
+
1062
+ .premium-banner-animation9 .premium-banner-ib-title {
1063
+ position: absolute;
1064
+ top: 50%;
1065
+ left: 0;
1066
+ width: 100%;
1067
+ -webkit-transition: -webkit-transform 0.35s;
1068
+ transition: -webkit-transform 0.35s;
1069
+ transition: transform 0.35s;
1070
+ transition: transform 0.35s, -webkit-transform 0.35s;
1071
+ -webkit-transform: translate3d(0, -70px, 0);
1072
+ transform: translate3d(0, -70px, 0);
1073
+ margin-top: 0;
1074
+ padding: 0 10%; }
1075
+
1076
+ .premium-banner-animation9:hover .premium-banner-ib-title,
1077
+ .premium-banner-animation9.active .premium-banner-ib-title {
1078
+ -webkit-transform: translate3d(0, -80px, 0);
1079
+ transform: translate3d(0, -80px, 0); }
1080
+
1081
+ .premium-banner-animation9 .premium-banner-ib-content,
1082
+ .premium-banner-animation9 .premium-banner-read-more {
1083
+ position: absolute;
1084
+ top: 50%;
1085
+ left: 0;
1086
+ width: 100%;
1087
+ -webkit-transition: -webkit-transform 0.35s;
1088
+ transition: -webkit-transform 0.35s;
1089
+ transition: transform 0.35s;
1090
+ transition: transform 0.35s, -webkit-transform 0.35s;
1091
+ padding: 0 10%;
1092
+ -webkit-transform: translate3d(0, 35px, 0);
1093
+ transform: translate3d(0, 35px, 0); }
1094
+
1095
+ .premium-banner-animation9 .premium-banner-read-more {
1096
+ top: 75%; }
1097
+
1098
+ .premium-banner-animation9:hover .premium-banner-ib-content,
1099
+ .premium-banner-animation9.active .premium-banner-ib-content,
1100
+ .premium-banner-animation9:hover .premium-banner-read-more,
1101
+ .premium-banner-animation9.active .premium-banner-read-more {
1102
+ -webkit-transform: translate3d(0, 45px, 0);
1103
+ transform: translate3d(0, 45px, 0); }
1104
+
1105
+ .premium-banner-animation9:hover .premium-banner-ib-desc::before,
1106
+ .premium-banner-animation9.active .premium-banner-ib-desc::before {
1107
+ opacity: 0.5;
1108
+ -webkit-transform: translate3d(-50%, -50%, 0) rotate(45deg);
1109
+ transform: translate3d(-50%, -50%, 0) rotate(45deg); }
1110
+
1111
+ .premium-banner-animation9:hover .premium-banner-ib-desc::after,
1112
+ .premium-banner-animation9.active .premium-banner-ib-desc::after {
1113
+ opacity: 0.5;
1114
+ -webkit-transform: translate3d(-50%, -50%, 0) rotate(-45deg);
1115
+ transform: translate3d(-50%, -50%, 0) rotate(-45deg); }
1116
+
1117
+ .premium-banner-animation9:hover img {
1118
+ -webkit-transform: scale(1);
1119
+ -ms-transform: scale(1);
1120
+ transform: scale(1); }
1121
+
1122
+ .premium-banner-animation10 img {
1123
+ width: -webkit-calc(100% + 20px) !important;
1124
+ width: calc(100% + 20px) !important;
1125
+ max-width: -webkit-calc(100% + 20px) !important;
1126
+ max-width: calc(100% + 20px) !important;
1127
+ -webkit-transition: opacity 0.35s, -webkit-filter 0.35s, -webkit-transform 0.35s;
1128
+ transition: opacity 0.35s, -webkit-filter 0.35s, -webkit-transform 0.35s;
1129
+ transition: opacity 0.35s, filter 0.35s, transform 0.35s;
1130
+ transition: opacity 0.35s, filter 0.35s, transform 0.35s, -webkit-filter 0.35s, -webkit-transform 0.35s; }
1131
+
1132
+ .premium-banner-animation10 .premium-banner-ib-title {
1133
+ position: relative;
1134
+ overflow: hidden;
1135
+ padding: 5px 0 15px;
1136
+ -webkit-transition: -webkit-transform 0.35s;
1137
+ transition: -webkit-transform 0.35s;
1138
+ transition: transform 0.35s;
1139
+ transition: transform 0.35s, -webkit-transform 0.35s;
1140
+ -webkit-transform: translate3d(0, 20px, 0);
1141
+ transform: translate3d(0, 20px, 0);
1142
+ margin-bottom: 0; }
1143
+ .premium-banner-animation10 .premium-banner-ib-title::after {
1144
+ position: absolute;
1145
+ content: "";
1146
+ bottom: 0;
1147
+ left: 0;
1148
+ width: 100%;
1149
+ height: 3px;
1150
+ background: #fff;
1151
+ opacity: 0;
1152
+ -webkit-transform: translate3d(0, 100%, 0);
1153
+ transform: translate3d(0, 100%, 0);
1154
+ -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
1155
+ transition: opacity 0.35s, -webkit-transform 0.35s;
1156
+ transition: opacity 0.35s, transform 0.35s;
1157
+ transition: opacity 0.35s, transform 0.35s, -webkit-transform 0.35s; }
1158
+
1159
+ .premium-banner-animation10:hover .premium-banner-ib-title,
1160
+ .premium-banner-animation10.active .premium-banner-ib-title {
1161
+ -webkit-transform: translate3d(0, 0, 0);
1162
+ transform: translate3d(0, 0, 0); }
1163
+
1164
+ .premium-banner-animation10:hover .premium-banner-ib-title::after,
1165
+ .premium-banner-animation10.active .premium-banner-ib-title::after {
1166
+ opacity: 1;
1167
+ -webkit-transform: translate3d(0, 0, 0);
1168
+ transform: translate3d(0, 0, 0); }
1169
+
1170
+ .premium-banner-animation10.zoomout img,
1171
+ .premium-banner-animation10.scale img {
1172
+ -webkit-transform: translate3d(-10px, 0, 0) scale(1.1);
1173
+ transform: translate3d(-10px, 0, 0) scale(1.1); }
1174
+
1175
+ .premium-banner-animation10 .premium-banner-ib-content,
1176
+ .premium-banner-animation10 .premium-banner-read-more {
1177
+ padding-top: 15px;
1178
+ opacity: 0;
1179
+ -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
1180
+ transition: opacity 0.35s, -webkit-transform 0.35s;
1181
+ transition: opacity 0.35s, transform 0.35s;
1182
+ transition: opacity 0.35s, transform 0.35s, -webkit-transform 0.35s;
1183
+ -webkit-transform: translate3d(0, 100%, 0);
1184
+ transform: translate3d(0, 100%, 0); }
1185
+
1186
+ .premium-banner-animation10 .premium-banner-read-more {
1187
+ padding: 0; }
1188
+
1189
+ .premium-banner-animation10:hover .premium-banner-ib-content,
1190
+ .premium-banner-animation10.active .premium-banner-ib-content,
1191
+ .premium-banner-animation10:hover .premium-banner-read-more,
1192
+ .premium-banner-animation10.active .premium-banner-read-more {
1193
+ opacity: 1;
1194
+ -webkit-transform: translate3d(0, 0, 0);
1195
+ transform: translate3d(0, 0, 0); }
1196
+
1197
+ .premium-banner-animation11 {
1198
+ -webkit-transition: -webkit-transform 1s ease-out;
1199
+ transition: -webkit-transform 1s ease-out;
1200
+ transition: transform 1s ease-out;
1201
+ transition: transform 1s ease-out, -webkit-transform 1s ease-out;
1202
+ -webkit-transition-delay: 0.125s;
1203
+ transition-delay: 0.125s; }
1204
+ .premium-banner-animation11 .premium-banner-ib-desc {
1205
+ position: absolute;
1206
+ z-index: 5;
1207
+ -webkit-transform: translate3d(-30px, 0, 0);
1208
+ transform: translate3d(-30px, 0, 0);
1209
+ opacity: 0;
1210
+ top: auto;
1211
+ bottom: 0;
1212
+ min-height: 25%;
1213
+ height: auto;
1214
+ max-height: 100%;
1215
+ text-align: left;
1216
+ padding: 30px;
1217
+ -webkit-transition: all 0.6s ease-out;
1218
+ transition: all 0.6s ease-out; }
1219
+ .premium-banner-animation11 img {
1220
+ width: 100%;
1221
+ -webkit-transition: opacity 0.35s, -webkit-filter 0.35s, -webkit-transform 0.35s;
1222
+ transition: opacity 0.35s, -webkit-filter 0.35s, -webkit-transform 0.35s;
1223
+ transition: opacity 0.35s, filter 0.35s, transform 0.35s;
1224
+ transition: opacity 0.35s, filter 0.35s, transform 0.35s, -webkit-filter 0.35s, -webkit-transform 0.35s; }
1225
+ .premium-banner-animation11 .premium-banner-ib-title {
1226
+ margin-bottom: 10px; }
1227
+ .premium-banner-animation11 .premium-banner-gradient {
1228
+ position: absolute;
1229
+ left: 0;
1230
+ top: 0;
1231
+ right: 0;
1232
+ bottom: 0; }
1233
+ .premium-banner-animation11 .premium-banner-gradient:after,
1234
+ .premium-banner-animation11 .premium-banner-gradient:before {
1235
+ position: absolute;
1236
+ content: "";
1237
+ left: 0;
1238
+ top: 0;
1239
+ right: 0;
1240
+ bottom: 0;
1241
+ -webkit-transform: translate3d(-100%, 0, 0);
1242
+ transform: translate3d(-100%, 0, 0);
1243
+ background-image: -webkit-linear-gradient(40deg, rgba(84, 89, 95, 0.5) 27.89%, #6ec1e4 72.11%);
1244
+ background-image: linear-gradient(50deg, rgba(84, 89, 95, 0.5) 27.89%, #6ec1e4 72.11%);
1245
+ z-index: 2; }
1246
+ .premium-banner-animation11 .premium-banner-gradient:before {
1247
+ mix-blend-mode: color; }
1248
+ .premium-banner-animation11 .premium-banner-gradient:after {
1249
+ mix-blend-mode: multiply; }
1250
+ .premium-banner-animation11:hover .premium-banner-ib-desc,
1251
+ .premium-banner-animation11.active .premium-banner-ib-desc {
1252
+ opacity: 1;
1253
+ -webkit-transform: translate3d(0, 0, 0);
1254
+ transform: translate3d(0, 0, 0); }
1255
+ .premium-banner-animation11:hover .premium-banner-gradient:after,
1256
+ .premium-banner-animation11:hover .premium-banner-gradient:before,
1257
+ .premium-banner-animation11.active .premium-banner-gradient:after,
1258
+ .premium-banner-animation11.active .premium-banner-gradient:before {
1259
+ -webkit-transform: translate3d(0, 0, 0);
1260
+ transform: translate3d(0, 0, 0); }
1261
+ .premium-banner-animation11.zoomout img,
1262
+ .premium-banner-animation11.scale img {
1263
+ -webkit-transform: translate3d(-10px, 0, 0) scale(1.1);
1264
+ transform: translate3d(-10px, 0, 0) scale(1.1); }
1265
+
1266
+ /**************** Premium CountDown *************/
1267
+ /************************************************/
1268
+ .premium-countdown {
1269
+ -js-display: flex;
1270
+ display: -webkit-box;
1271
+ display: -webkit-flex;
1272
+ display: -moz-box;
1273
+ display: -ms-flexbox;
1274
+ display: flex;
1275
+ text-align: center; }
1276
+
1277
+ .countdown-row {
1278
+ display: block;
1279
+ text-align: center; }
1280
+
1281
+ .countdown .countdown-section {
1282
+ display: inline-block;
1283
+ max-width: 100%;
1284
+ margin-bottom: 15px;
1285
+ -js-display: inline-flex;
1286
+ display: -webkit-inline-box;
1287
+ display: -webkit-inline-flex;
1288
+ display: -moz-inline-box;
1289
+ display: -ms-inline-flexbox;
1290
+ display: inline-flex;
1291
+ -webkit-box-align: center;
1292
+ -webkit-align-items: center;
1293
+ -moz-box-align: center;
1294
+ -ms-flex-align: center;
1295
+ align-items: center; }
1296
+ .countdown .countdown-section:last-child {
1297
+ margin-right: 0; }
1298
+
1299
+ .countdown span.countdown-amount {
1300
+ font-size: 70px;
1301
+ line-height: 1;
1302
+ padding: 40px; }
1303
+
1304
+ .countdown .pre_time-mid {
1305
+ display: block; }
1306
+
1307
+ .premium-countdown-separator-yes .countdown_separator {
1308
+ display: block;
1309
+ margin: 0 50px;
1310
+ font-size: 30px; }
1311
+
1312
+ .premium-countdown-separator-yes .countdown-row .countdown-section:last-child .countdown_separator,
1313
+ .premium-countdown-separator-yes .premium-countdown-block:last-child .countdown_separator {
1314
+ display: none; }
1315
+
1316
+ /**
1317
+ * Digit and unit styles
1318
+ */
1319
+ .side .countdown-section .countdown-period {
1320
+ vertical-align: bottom; }
1321
+
1322
+ .countdown .countdown-section .countdown-period {
1323
+ font-size: 17px;
1324
+ line-height: 3em; }
1325
+
1326
+ .side .countdown-section .countdown-amount,
1327
+ .side .countdown-section .countdown-period {
1328
+ display: inline-block; }
1329
+
1330
+ .side .countdown-section .countdown-amount {
1331
+ margin-right: 5px; }
1332
+
1333
+ .down .countdown-section .countdown-amount,
1334
+ .down .countdown-section .countdown-period {
1335
+ display: block; }
1336
+
1337
+ /**
1338
+ * Flip Layout
1339
+ */
1340
+ .premium-countdown-flip .premium-countdown-block {
1341
+ text-align: center;
1342
+ -js-display: inline-flex;
1343
+ display: -webkit-inline-box;
1344
+ display: -webkit-inline-flex;
1345
+ display: -moz-inline-box;
1346
+ display: -ms-inline-flexbox;
1347
+ display: inline-flex;
1348
+ -webkit-box-align: center;
1349
+ -webkit-align-items: center;
1350
+ -moz-box-align: center;
1351
+ -ms-flex-align: center;
1352
+ align-items: center; }
1353
+ .premium-countdown-flip .premium-countdown-block:last-child {
1354
+ margin-right: 0; }
1355
+
1356
+ .premium-countdown-flip .premium-countdown-label {
1357
+ overflow: hidden;
1358
+ color: #1a1a1a;
1359
+ text-transform: uppercase; }
1360
+
1361
+ .premium-countdown-flip .premium-countdown-figure {
1362
+ position: relative;
1363
+ height: 110px;
1364
+ width: 100px;
1365
+ line-height: 107px;
1366
+ background-color: #fff;
1367
+ -webkit-border-radius: 10px;
1368
+ border-radius: 10px;
1369
+ -webkit-box-shadow: 0 3px 4px 0 rgba(0, 0, 0, 0.2), inset 2px 4px 0 0 rgba(255, 255, 255, 0.08);
1370
+ box-shadow: 0 3px 4px 0 rgba(0, 0, 0, 0.2), inset 2px 4px 0 0 rgba(255, 255, 255, 0.08); }
1371
+ .premium-countdown-flip .premium-countdown-figure:last-child {
1372
+ margin-right: 0; }
1373
+ .premium-countdown-flip .premium-countdown-figure > span {
1374
+ position: absolute;
1375
+ left: 0;
1376
+ right: 0;
1377
+ margin: auto;
1378
+ font-weight: 700; }
1379
+ .premium-countdown-flip .premium-countdown-figure .top {
1380
+ z-index: 3;
1381
+ -webkit-transform-origin: 50% 100%;
1382
+ -ms-transform-origin: 50% 100%;
1383
+ transform-origin: 50% 100%;
1384
+ -webkit-transform: perspective(200px);
1385
+ transform: perspective(200px);
1386
+ -webkit-backface-visibility: hidden;
1387
+ backface-visibility: hidden; }
1388
+ .premium-countdown-flip .premium-countdown-figure .bottom {
1389
+ z-index: 1; }
1390
+ .premium-countdown-flip .premium-countdown-figure .bottom::before {
1391
+ content: "";
1392
+ position: absolute;
1393
+ display: block;
1394
+ top: 0;
1395
+ left: 0;
1396
+ width: 100%;
1397
+ height: 50%;
1398
+ background-color: rgba(0, 0, 0, 0.02); }
1399
+ .premium-countdown-flip .premium-countdown-figure .top-back {
1400
+ -webkit-backface-visibility: hidden;
1401
+ backface-visibility: hidden;
1402
+ z-index: 4;
1403
+ bottom: 0;
1404
+ -webkit-transform-origin: 50% 0;
1405
+ -ms-transform-origin: 50% 0;
1406
+ transform-origin: 50% 0;
1407
+ -webkit-transform: perspective(200px) rotateX(180deg);
1408
+ transform: perspective(200px) rotateX(180deg); }
1409
+ .premium-countdown-flip .premium-countdown-figure .top-back span {
1410
+ position: absolute;
1411
+ top: -100%;
1412
+ left: 0;
1413
+ right: 0;
1414
+ margin: auto; }
1415
+ .premium-countdown-flip .premium-countdown-figure .bottom-back {
1416
+ z-index: 2;
1417
+ top: 0; }
1418
+ .premium-countdown-flip .premium-countdown-figure .bottom-back span {
1419
+ position: absolute;
1420
+ top: 0;
1421
+ left: 0;
1422
+ right: 0;
1423
+ margin: auto; }
1424
+ .premium-countdown-flip .premium-countdown-figure .top,
1425
+ .premium-countdown-flip .premium-countdown-figure .bottom-back,
1426
+ .premium-countdown-flip .premium-countdown-figure .top-back {
1427
+ height: 50%;
1428
+ overflow: hidden;
1429
+ background-color: #f7f7f7;
1430
+ -webkit-border-top-left-radius: 10px;
1431
+ border-top-left-radius: 10px;
1432
+ -webkit-border-top-right-radius: 10px;
1433
+ border-top-right-radius: 10px; }
1434
+ .premium-countdown-flip .premium-countdown-figure .top-back {
1435
+ -webkit-border-bottom-left-radius: 10px;
1436
+ border-bottom-left-radius: 10px;
1437
+ -webkit-border-bottom-right-radius: 10px;
1438
+ border-bottom-right-radius: 10px; }
1439
+ .premium-countdown-flip .premium-countdown-figure .top::after,
1440
+ .premium-countdown-flip .premium-countdown-figure .bottom-back::after {
1441
+ content: "";
1442
+ position: absolute;
1443
+ z-index: -1;
1444
+ left: 0;
1445
+ bottom: 0;
1446
+ width: 100%;
1447
+ height: 100%;
1448
+ border-bottom: 1px solid rgba(0, 0, 0, 0.1); }
1449
+
1450
+ .side .premium-countdown-figure,
1451
+ .side .premium-countdown-label {
1452
+ display: inline-block; }
1453
+
1454
+ .side .premium-countdown-figure {
1455
+ margin-right: 5px; }
1456
+
1457
+ .down .premium-countdown-figure,
1458
+ .down .premium-countdown-label {
1459
+ display: block; }
1460
+
1461
+ .down .premium-countdown-label {
1462
+ width: 100%; }
1463
+
1464
+ /**************** Premium Carousel ****************/
1465
+ /**************************************************/
1466
+ .premium-carousel-wrapper a.carousel-arrow, .premium-carousel-wrapper a.ver-carousel-arrow {
1467
+ -js-display: flex;
1468
+ display: -webkit-box;
1469
+ display: -webkit-flex;
1470
+ display: -moz-box;
1471
+ display: -ms-flexbox;
1472
+ display: flex;
1473
+ -webkit-box-align: center;
1474
+ -webkit-align-items: center;
1475
+ -moz-box-align: center;
1476
+ -ms-flex-align: center;
1477
+ align-items: center;
1478
+ -webkit-box-pack: center;
1479
+ -webkit-justify-content: center;
1480
+ -moz-box-pack: center;
1481
+ -ms-flex-pack: center;
1482
+ justify-content: center;
1483
+ width: 2em;
1484
+ height: 2em;
1485
+ line-height: 0;
1486
+ text-align: center;
1487
+ position: absolute;
1488
+ z-index: 99;
1489
+ cursor: pointer;
1490
+ -webkit-transition: all 0.3s ease-in-out;
1491
+ transition: all 0.3s ease-in-out;
1492
+ -webkit-appearance: inherit;
1493
+ border: none;
1494
+ -webkit-box-shadow: none;
1495
+ box-shadow: none; }
1496
+
1497
+ .premium-tabs-nav-list a.carousel-arrow,
1498
+ .premium-fb-rev-container a.carousel-arrow,
1499
+ .premium-blog-wrap a.carousel-arrow,
1500
+ .premium-hscroll-wrap a.carousel-arrow,
1501
+ .premium-twitter-feed-wrapper a.carousel-arrow,
1502
+ .premium-facebook-feed-wrapper a.carousel-arrow,
1503
+ .premium-instafeed-container a.carousel-arrow,
1504
+ .premium-persons-container a.carousel-arrow {
1505
+ -js-display: flex;
1506
+ display: -webkit-box;
1507
+ display: -webkit-flex;
1508
+ display: -moz-box;
1509
+ display: -ms-flexbox;
1510
+ display: flex;
1511
+ -webkit-box-align: center;
1512
+ -webkit-align-items: center;
1513
+ -moz-box-align: center;
1514
+ -ms-flex-align: center;
1515
+ align-items: center;
1516
+ -webkit-box-pack: center;
1517
+ -webkit-justify-content: center;
1518
+ -moz-box-pack: center;
1519
+ -ms-flex-pack: center;
1520
+ justify-content: center;
1521
+ width: 2em;
1522
+ height: 2em;
1523
+ line-height: 0;
1524
+ text-align: center;
1525
+ position: absolute;
1526
+ z-index: 99;
1527
+ cursor: pointer;
1528
+ -webkit-transition: all 0.3s ease-in-out;
1529
+ transition: all 0.3s ease-in-out;
1530
+ -webkit-appearance: inherit;
1531
+ border: none;
1532
+ -webkit-box-shadow: none;
1533
+ box-shadow: none; }
1534
+
1535
+ div[class^="premium-"] .slick-arrow i {
1536
+ display: block; }
1537
+
1538
+ .ver-carousel-arrow.carousel-next i {
1539
+ margin-bottom: -3px; }
1540
+
1541
+ .premium-carousel-wrapper a.slick-arrow:hover {
1542
+ -webkit-box-shadow: none !important;
1543
+ box-shadow: none !important; }
1544
+
1545
+ .premium-carousel-wrapper .premium-carousel-content-hidden {
1546
+ visibility: hidden; }
1547
+
1548
+ .premium-carousel-wrapper a.carousel-arrow {
1549
+ top: 50%; }
1550
+
1551
+ .premium-tabs-nav-list a.carousel-arrow,
1552
+ .premium-fb-rev-container a.carousel-arrow,
1553
+ .premium-blog-wrap a.carousel-arrow,
1554
+ .premium-hscroll-wrap a.carousel-arrow,
1555
+ .premium-twitter-feed-wrapper a.carousel-arrow,
1556
+ .premium-facebook-feed-wrapper a.carousel-arrow,
1557
+ .premium-instafeed-container a.carousel-arrow,
1558
+ .premium-persons-container a.carousel-arrow {
1559
+ top: 50%;
1560
+ -webkit-transform: translateY(-50%);
1561
+ -ms-transform: translateY(-50%);
1562
+ transform: translateY(-50%); }
1563
+
1564
+ .premium-carousel-wrapper a.ver-carousel-arrow {
1565
+ left: 50%;
1566
+ -webkit-transform: translateX(-50%);
1567
+ -ms-transform: translateX(-50%);
1568
+ transform: translateX(-50%); }
1569
+
1570
+ a.carousel-arrow.carousel-next {
1571
+ right: -20px; }
1572
+
1573
+ a.carousel-arrow.carousel-prev {
1574
+ left: -20px; }
1575
+
1576
+ a.ver-carousel-arrow.carousel-next {
1577
+ bottom: -56px; }
1578
+
1579
+ a.ver-carousel-arrow.carousel-prev {
1580
+ top: -45px; }
1581
+
1582
+ a.circle-bg {
1583
+ -webkit-border-radius: 100%;
1584
+ border-radius: 100%; }
1585
+
1586
+ a.circle-border {
1587
+ -webkit-border-radius: 100%;
1588
+ border-radius: 100%;
1589
+ border: solid black; }
1590
+
1591
+ a.square-border {
1592
+ border: solid black; }
1593
+
1594
+ .premium-carousel-dots-below ul.slick-dots,
1595
+ .premium-blog-wrap ul.slick-dots,
1596
+ .premium-fb-rev-reviews ul.slick-dots {
1597
+ position: relative;
1598
+ bottom: 0;
1599
+ list-style: none;
1600
+ text-align: center;
1601
+ margin: 0;
1602
+ padding: 0; }
1603
+
1604
+ .premium-carousel-dots-above ul.slick-dots {
1605
+ position: absolute;
1606
+ -js-display: flex;
1607
+ display: -webkit-box;
1608
+ display: -webkit-flex;
1609
+ display: -moz-box;
1610
+ display: -ms-flexbox;
1611
+ display: flex;
1612
+ width: auto;
1613
+ top: 50%;
1614
+ bottom: auto;
1615
+ -webkit-transform: translateY(-50%);
1616
+ -ms-transform: translateY(-50%);
1617
+ transform: translateY(-50%);
1618
+ -webkit-box-orient: vertical;
1619
+ -webkit-box-direction: normal;
1620
+ -webkit-flex-direction: column;
1621
+ -moz-box-orient: vertical;
1622
+ -moz-box-direction: normal;
1623
+ -ms-flex-direction: column;
1624
+ flex-direction: column; }
1625
+
1626
+ ul.slick-dots li {
1627
+ font-size: 10px;
1628
+ -js-display: inline-flex;
1629
+ display: -webkit-inline-box;
1630
+ display: -webkit-inline-flex;
1631
+ display: -moz-inline-box;
1632
+ display: -ms-inline-flexbox;
1633
+ display: inline-flex;
1634
+ -webkit-box-pack: center;
1635
+ -webkit-justify-content: center;
1636
+ -moz-box-pack: center;
1637
+ -ms-flex-pack: center;
1638
+ justify-content: center;
1639
+ -webkit-box-align: center;
1640
+ -webkit-align-items: center;
1641
+ -moz-box-align: center;
1642
+ -ms-flex-align: center;
1643
+ align-items: center;
1644
+ margin: 5px;
1645
+ width: 20px;
1646
+ height: 20px;
1647
+ cursor: pointer; }
1648
+
1649
+ /*
1650
+ * Custom Navigation Dot
1651
+ */
1652
+ .premium-carousel-wrapper .premium-carousel-nav-dot,
1653
+ .premium-carousel-wrapper .premium-carousel-nav-arrow-prev,
1654
+ .premium-carousel-wrapper .premium-carousel-nav-arrow-next {
1655
+ display: none; }
1656
+
1657
+ .premium-carousel-wrapper ul.slick-dots svg {
1658
+ width: 20px;
1659
+ height: 20px; }
1660
+
1661
+ /* Ripple Out */
1662
+ @-webkit-keyframes hvr-ripple-out {
1663
+ 0% {
1664
+ -webkit-transform: scale(1);
1665
+ transform: scale(1);
1666
+ opacity: 1; }
1667
+ 100% {
1668
+ -webkit-transform: scale(1.5);
1669
+ transform: scale(1.5);
1670
+ opacity: 0; } }
1671
+ @keyframes hvr-ripple-out {
1672
+ 0% {
1673
+ -webkit-transform: scale(1);
1674
+ transform: scale(1);
1675
+ opacity: 1; }
1676
+ 100% {
1677
+ -webkit-transform: scale(1.5);
1678
+ transform: scale(1.5);
1679
+ opacity: 0; } }
1680
+
1681
+ .premium-carousel-ripple-yes .premium-carousel-wrapper {
1682
+ padding-bottom: 1px; }
1683
+
1684
+ .premium-carousel-ripple-yes ul.slick-dots li {
1685
+ position: relative; }
1686
+ .premium-carousel-ripple-yes ul.slick-dots li i {
1687
+ position: relative;
1688
+ z-index: 1; }
1689
+ .premium-carousel-ripple-yes ul.slick-dots li:hover:before {
1690
+ content: "";
1691
+ position: absolute;
1692
+ -webkit-transform: scale(1);
1693
+ -ms-transform: scale(1);
1694
+ transform: scale(1);
1695
+ top: 0;
1696
+ right: 0;
1697
+ bottom: 0;
1698
+ left: 0;
1699
+ -webkit-border-radius: 50%;
1700
+ border-radius: 50%;
1701
+ pointer-events: none;
1702
+ background-color: rgba(0, 0, 0, 0.15); }
1703
+ .premium-carousel-ripple-yes ul.slick-dots li.slick-active:hover:before {
1704
+ background-color: rgba(0, 0, 0, 0.3); }
1705
+ .premium-carousel-ripple-yes ul.slick-dots li:hover:before {
1706
+ -webkit-animation: hvr-ripple-out 1.3s infinite;
1707
+ animation: hvr-ripple-out 1.3s infinite; }
1708
+
1709
+ .premium-carousel-wrapper.premium-carousel-scale .slick-slide {
1710
+ -webkit-transform: scale(1.25, 1.25);
1711
+ -ms-transform: scale(1.25, 1.25);
1712
+ transform: scale(1.25, 1.25);
1713
+ -webkit-transition: all 0.3s ease-in-out !important;
1714
+ transition: all 0.3s ease-in-out !important; }
1715
+
1716
+ .premium-carousel-wrapper.premium-carousel-scale div.slick-active {
1717
+ -webkit-transform: scale(1, 1);
1718
+ -ms-transform: scale(1, 1);
1719
+ transform: scale(1, 1); }
1720
+
1721
+ [dir="rtl"] .premium-carousel-inner .slick-slide {
1722
+ float: right; }
1723
+
1724
+ /**************** Premium Counter ***************/
1725
+ /************************************************/
1726
+ .premium-counter-area {
1727
+ padding: 10px 0;
1728
+ -js-display: flex;
1729
+ display: -webkit-box;
1730
+ display: -webkit-flex;
1731
+ display: -moz-box;
1732
+ display: -ms-flexbox;
1733
+ display: flex;
1734
+ -webkit-box-pack: center;
1735
+ -webkit-justify-content: center;
1736
+ -moz-box-pack: center;
1737
+ -ms-flex-pack: center;
1738
+ justify-content: center;
1739
+ -webkit-box-align: center;
1740
+ -webkit-align-items: center;
1741
+ -moz-box-align: center;
1742
+ -ms-flex-align: center;
1743
+ align-items: center; }
1744
+ .premium-counter-area.top {
1745
+ -webkit-box-orient: vertical;
1746
+ -webkit-box-direction: normal;
1747
+ -webkit-flex-direction: column;
1748
+ -moz-box-orient: vertical;
1749
+ -moz-box-direction: normal;
1750
+ -ms-flex-direction: column;
1751
+ flex-direction: column; }
1752
+ .premium-counter-area.right {
1753
+ -webkit-box-orient: horizontal;
1754
+ -webkit-box-direction: reverse;
1755
+ -webkit-flex-direction: row-reverse;
1756
+ -moz-box-orient: horizontal;
1757
+ -moz-box-direction: reverse;
1758
+ -ms-flex-direction: row-reverse;
1759
+ flex-direction: row-reverse; }
1760
+ .premium-counter-area.right .premium-counter-icon {
1761
+ padding-left: 20px; }
1762
+ .premium-counter-area.left .premium-counter-icon {
1763
+ padding-right: 20px; }
1764
+ .premium-counter-area .premium-counter-icon .icon i.fa:before {
1765
+ vertical-align: text-top; }
1766
+ .premium-counter-area .premium-counter-icon span.icon {
1767
+ text-align: center;
1768
+ display: inline-block;
1769
+ vertical-align: middle; }
1770
+ .premium-counter-area .premium-counter-icon .circle {
1771
+ -webkit-border-radius: 100%;
1772
+ border-radius: 100%; }
1773
+ .premium-counter-area .premium-counter-icon img,
1774
+ .premium-counter-area .premium-counter-icon svg {
1775
+ width: 80px; }
1776
+ .premium-counter-area .premium-counter-icon .premium-counter-animation svg {
1777
+ height: 80px; }
1778
+ .premium-counter-area .premium-counter-title {
1779
+ padding: 0;
1780
+ margin: 0; }
1781
+ .premium-counter-area .premium-counter-value-wrap {
1782
+ -js-display: flex;
1783
+ display: -webkit-box;
1784
+ display: -webkit-flex;
1785
+ display: -moz-box;
1786
+ display: -ms-flexbox;
1787
+ display: flex;
1788
+ -webkit-box-align: center;
1789
+ -webkit-align-items: center;
1790
+ -moz-box-align: center;
1791
+ -ms-flex-align: center;
1792
+ align-items: center; }
1793
+
1794
+ .premium-init-wrapper.right {
1795
+ text-align: right; }
1796
+
1797
+ span.icon.flex-width {
1798
+ width: auto !important;
1799
+ height: auto !important; }
1800
+
1801
+ .premium-counter-area .premium-counter-init {
1802
+ font-size: 35px; }
1803
+
1804
+ /**************** Premium Image Separator ****************/
1805
+ /*********************************************************/
1806
+ .premium-image-separator-container {
1807
+ position: absolute;
1808
+ width: 100%;
1809
+ z-index: 2;
1810
+ top: auto;
1811
+ -webkit-transition: all 0.3s ease-in-out;
1812
+ transition: all 0.3s ease-in-out; }
1813
+ .premium-image-separator-container svg,
1814
+ .premium-image-separator-container img {
1815
+ display: inline-block !important;
1816
+ -webkit-mask-repeat: no-repeat;
1817
+ mask-repeat: no-repeat;
1818
+ -webkit-mask-position: center;
1819
+ mask-position: center; }
1820
+ .premium-image-separator-container .premium-image-separator-link {
1821
+ position: absolute;
1822
+ z-index: 9999;
1823
+ top: 0;
1824
+ left: 0;
1825
+ width: 100%;
1826
+ height: 100%;
1827
+ text-decoration: none; }
1828
+ .premium-image-separator-container .premium-image-separator-link:hover, .premium-image-separator-container .premium-image-separator-link:visited, .premium-image-separator-container .premium-image-separator-link:focus, .premium-image-separator-container .premium-image-separator-link:active {
1829
+ -webkit-box-shadow: none !important;
1830
+ box-shadow: none !important;
1831
+ outline: none !important;
1832
+ border: none !important;
1833
+ text-decoration: none !important; }
1834
+ .premium-image-separator-container i {
1835
+ padding: 0.1em;
1836
+ -webkit-transition: all 0.3s ease-in-out;
1837
+ transition: all 0.3s ease-in-out; }
1838
+
1839
+ /**************** Premium Modal Box ****************/
1840
+ /***************************************************/
1841
+ .premium-modal-trigger-btn,
1842
+ .premium-modal-box-modal-lower-close {
1843
+ display: inline-block;
1844
+ padding: 6px 12px;
1845
+ margin-bottom: 0;
1846
+ font-size: 14px;
1847
+ font-weight: normal;
1848
+ line-height: 1.42857143;
1849
+ text-align: center;
1850
+ white-space: nowrap;
1851
+ vertical-align: middle;
1852
+ -ms-touch-action: manipulation;
1853
+ touch-action: manipulation;
1854
+ cursor: pointer;
1855
+ -webkit-user-select: none;
1856
+ -moz-user-select: none;
1857
+ -ms-user-select: none;
1858
+ user-select: none;
1859
+ background-image: none;
1860
+ border: 1px solid transparent; }
1861
+
1862
+ .premium-modal-trigger-btn i {
1863
+ -webkit-transition: all 0.3s ease-in-out;
1864
+ transition: all 0.3s ease-in-out; }
1865
+
1866
+ .premium-btn-md {
1867
+ padding: 8px 14px;
1868
+ font-size: 16px;
1869
+ line-height: 1.2; }
1870
+
1871
+ .premium-btn-lg {
1872
+ padding: 10px 16px;
1873
+ font-size: 18px;
1874
+ line-height: 1.3333333; }
1875
+
1876
+ .premium-btn-block {
1877
+ display: block;
1878
+ width: 100%; }
1879
+
1880
+ .premium-modal-box-modal-close {
1881
+ float: right;
1882
+ font-size: 21px;
1883
+ font-weight: bold;
1884
+ line-height: 1;
1885
+ color: #000; }
1886
+ .premium-modal-box-modal-close:hover, .premium-modal-box-modal-close:focus {
1887
+ color: #000;
1888
+ text-decoration: none;
1889
+ cursor: pointer; }
1890
+
1891
+ button.premium-modal-box-modal-close {
1892
+ -webkit-appearance: none;
1893
+ padding: 0;
1894
+ cursor: pointer;
1895
+ background: transparent;
1896
+ border: 0; }
1897
+
1898
+ .premium-modal-box-modal {
1899
+ position: fixed;
1900
+ top: 0;
1901
+ right: 0;
1902
+ bottom: 0;
1903
+ left: 0;
1904
+ z-index: 1050;
1905
+ display: none;
1906
+ -webkit-overflow-scrolling: touch;
1907
+ outline: 0;
1908
+ padding: 0 !important;
1909
+ background: rgba(0, 0, 0, 0.5);
1910
+ -webkit-box-align: center;
1911
+ -webkit-align-items: center;
1912
+ -moz-box-align: center;
1913
+ -ms-flex-align: center;
1914
+ align-items: center;
1915
+ -webkit-box-pack: center;
1916
+ -webkit-justify-content: center;
1917
+ -moz-box-pack: center;
1918
+ -ms-flex-pack: center;
1919
+ justify-content: center; }
1920
+ .premium-modal-box-modal .premium-modal-box-modal-dialog {
1921
+ position: absolute;
1922
+ max-height: -webkit-calc(100vh - 150px);
1923
+ max-height: calc(100vh - 150px);
1924
+ -js-display: flex;
1925
+ display: -webkit-box;
1926
+ display: -webkit-flex;
1927
+ display: -moz-box;
1928
+ display: -ms-flexbox;
1929
+ display: flex;
1930
+ -webkit-box-orient: vertical;
1931
+ -webkit-box-direction: normal;
1932
+ -webkit-flex-direction: column;
1933
+ -moz-box-orient: vertical;
1934
+ -moz-box-direction: normal;
1935
+ -ms-flex-direction: column;
1936
+ flex-direction: column;
1937
+ opacity: 0; }
1938
+
1939
+ .premium-modal-box-modal-content {
1940
+ background-color: #fff;
1941
+ background-clip: padding-box;
1942
+ border: 1px solid rgba(0, 0, 0, 0.2);
1943
+ -webkit-border-radius: 6px;
1944
+ border-radius: 6px;
1945
+ outline: 0; }
1946
+
1947
+ .premium-modal-backdrop.premium-in {
1948
+ filter: alpha(opacity=50);
1949
+ opacity: 0.5 !important; }
1950
+
1951
+ .premium-in {
1952
+ opacity: 1; }
1953
+
1954
+ .premium-modal-backdrop {
1955
+ position: fixed;
1956
+ top: 0;
1957
+ right: 0;
1958
+ bottom: 0;
1959
+ left: 0;
1960
+ z-index: 1040;
1961
+ background-color: #000; }
1962
+
1963
+ .premium-in {
1964
+ -js-display: flex !important;
1965
+ display: -webkit-box !important;
1966
+ display: -webkit-flex !important;
1967
+ display: -moz-box !important;
1968
+ display: -ms-flexbox !important;
1969
+ display: flex !important; }
1970
+
1971
+ .premium-modal-box-modal-header {
1972
+ -js-display: flex;
1973
+ display: -webkit-box;
1974
+ display: -webkit-flex;
1975
+ display: -moz-box;
1976
+ display: -ms-flexbox;
1977
+ display: flex;
1978
+ -webkit-box-pack: justify;
1979
+ -webkit-justify-content: space-between;
1980
+ -moz-box-pack: justify;
1981
+ -ms-flex-pack: justify;
1982
+ justify-content: space-between;
1983
+ -webkit-box-align: center;
1984
+ -webkit-align-items: center;
1985
+ -moz-box-align: center;
1986
+ -ms-flex-align: center;
1987
+ align-items: center;
1988
+ padding: 5px 15px;
1989
+ border-bottom: 1px solid #e5e5e5; }
1990
+ .premium-modal-box-modal-header .premium-modal-box-modal-close {
1991
+ margin-top: -2px; }
1992
+ .premium-modal-box-modal-header .premium-modal-box-modal-title {
1993
+ -js-display: flex;
1994
+ display: -webkit-box;
1995
+ display: -webkit-flex;
1996
+ display: -moz-box;
1997
+ display: -ms-flexbox;
1998
+ display: flex;
1999
+ -webkit-box-align: center;
2000
+ -webkit-align-items: center;
2001
+ -moz-box-align: center;
2002
+ -ms-flex-align: center;
2003
+ align-items: center;
2004
+ margin: 0;
2005
+ padding: 0; }
2006
+ .premium-modal-box-modal-header .premium-modal-box-modal-title svg {
2007
+ width: 50px;
2008
+ height: 60px; }
2009
+
2010
+ .premium-modal-box-modal-body {
2011
+ position: relative;
2012
+ padding: 15px;
2013
+ overflow: hidden; }
2014
+
2015
+ .premium-modal-box-modal-footer {
2016
+ padding: 15px;
2017
+ text-align: right;
2018
+ border-top: 1px solid #e5e5e5; }
2019
+
2020
+ .premium-modal-scrollbar-measure {
2021
+ position: absolute;
2022
+ top: -9999px;
2023
+ width: 50px;
2024
+ height: 50px;
2025
+ overflow: scroll; }
2026
+
2027
+ .premium-modal-trigger-text {
2028
+ background: none !important;
2029
+ display: inline-block; }
2030
+
2031
+ .premium-modal-box-container {
2032
+ width: 100% !important; }
2033
+
2034
+ /*Open Modal Button Style*/
2035
+ .premium-modal-trigger-container .premium-modal-trigger-btn {
2036
+ border: none;
2037
+ -webkit-transition: all 0.3s ease-in-out;
2038
+ transition: all 0.3s ease-in-out; }
2039
+
2040
+ .premium-modal-trigger-container .premium-modal-trigger-img,
2041
+ .premium-modal-trigger-container .premium-modal-trigger-text,
2042
+ .premium-modal-trigger-container .premium-modal-trigger-animation {
2043
+ cursor: pointer; }
2044
+
2045
+ .premium-modal-trigger-container .premium-modal-trigger-animation {
2046
+ display: inline-block;
2047
+ width: 200px;
2048
+ height: 200px;
2049
+ -webkit-transition: all 0.3s ease-in-out;
2050
+ transition: all 0.3s ease-in-out; }
2051
+
2052
+ /*Image on Modal Header Style*/
2053
+ .premium-modal-box-modal-header img {
2054
+ width: 48px;
2055
+ padding-right: 5px; }
2056
+
2057
+ .premium-modal-box-modal-header i,
2058
+ .premium-modal-box-modal-header svg {
2059
+ padding-right: 6px; }
2060
+
2061
+ .premium-modal-box-modal-close {
2062
+ position: relative;
2063
+ z-index: 99; }
2064
+
2065
+ .premium-modal-trigger-img,
2066
+ .premium-modal-trigger-text,
2067
+ .premium-modal-box-close-button-container,
2068
+ .premium-modal-box-modal-close,
2069
+ .premium-modal-box-modal-lower-close {
2070
+ -webkit-transition: all 0.3s ease-in-out;
2071
+ transition: all 0.3s ease-in-out; }
2072
+
2073
+ @media (min-width: 768px) {
2074
+ .premium-modal-box-modal-dialog {
2075
+ width: 700px;
2076
+ max-height: 600px;
2077
+ overflow: auto; } }
2078
+
2079
+ @media (max-width: 767px) {
2080
+ .premium-modal-box-modal-dialog {
2081
+ width: 100%;
2082
+ max-height: 500px;
2083
+ overflow: auto; } }
2084
+
2085
+ .premium-modal-box-container[data-modal-animation*="animated-"] {
2086
+ opacity: 0; }
2087
+
2088
+ /**************** Premium Progress Bar ****************/
2089
+ /******************************************************/
2090
+ .premium-progressbar-container {
2091
+ position: relative; }
2092
+
2093
+ .premium-progressbar-bar-wrap {
2094
+ position: relative;
2095
+ text-align: left;
2096
+ overflow: hidden;
2097
+ height: 25px;
2098
+ margin-bottom: 50px;
2099
+ background-color: #f5f5f5;
2100
+ -webkit-border-radius: 4px;
2101
+ border-radius: 4px;
2102
+ -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
2103
+ box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); }
2104
+ .premium-progressbar-bar-wrap.premium-progressbar-dots {
2105
+ background-color: transparent;
2106
+ width: 100%;
2107
+ -js-display: flex;
2108
+ display: -webkit-box;
2109
+ display: -webkit-flex;
2110
+ display: -moz-box;
2111
+ display: -ms-flexbox;
2112
+ display: flex;
2113
+ height: auto;
2114
+ -webkit-box-shadow: none;
2115
+ box-shadow: none; }
2116
+ .premium-progressbar-bar-wrap .progress-segment {
2117
+ position: relative;
2118
+ width: 25px;
2119
+ height: 25px;
2120
+ -webkit-border-radius: 50%;
2121
+ border-radius: 50%;
2122
+ overflow: hidden;
2123
+ background-color: #f5f5f5; }
2124
+ .premium-progressbar-bar-wrap .progress-segment.filled {
2125
+ background: #6ec1e4; }
2126
+ .premium-progressbar-bar-wrap .progress-segment:not(:first-child):not(:last-child) {
2127
+ margin: 0 4px; }
2128
+ .premium-progressbar-bar-wrap .progress-segment:first-child {
2129
+ margin-right: 4px; }
2130
+ .premium-progressbar-bar-wrap .progress-segment:last-child {
2131
+ margin-left: 4px; }
2132
+ .premium-progressbar-bar-wrap .progress-segment .segment-inner {
2133
+ position: absolute;
2134
+ top: 0;
2135
+ left: 0;
2136
+ height: 100%;
2137
+ background-color: #6ec1e4; }
2138
+
2139
+ .premium-progressbar-bar {
2140
+ float: left;
2141
+ width: 0%;
2142
+ height: 100%;
2143
+ font-size: 12px;
2144
+ line-height: 20px;
2145
+ background: #6ec1e4;
2146
+ text-align: center;
2147
+ -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
2148
+ box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15); }
2149
+
2150
+ .premium-progressbar-striped .premium-progressbar-bar {
2151
+ background-image: -webkit-linear-gradient(135deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
2152
+ background-image: linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
2153
+ -webkit-background-size: 40px 40px;
2154
+ background-size: 40px 40px; }
2155
+
2156
+ .premium-progressbar-active .premium-progressbar-bar {
2157
+ -webkit-animation: progress-bar-stripes 2s linear infinite;
2158
+ animation: progress-bar-stripes 2s linear infinite; }
2159
+
2160
+ .premium-progressbar-gradient .premium-progressbar-bar {
2161
+ -webkit-background-size: 400% 400% !important;
2162
+ background-size: 400% 400% !important;
2163
+ -webkit-animation: progress-bar-gradient 10s ease-in-out infinite;
2164
+ animation: progress-bar-gradient 10s ease-in-out infinite; }
2165
+
2166
+ .premium-progressbar-bar {
2167
+ position: absolute;
2168
+ overflow: hidden;
2169
+ line-height: 20px; }
2170
+
2171
+ .premium-progressbar-container .clearfix {
2172
+ clear: both; }
2173
+
2174
+ .premium-progressbar-bar {
2175
+ -webkit-transition: width 0s ease-in-out !important;
2176
+ transition: width 0s ease-in-out !important; }
2177
+
2178
+ .premium-progressbar-container p:first-of-type {
2179
+ margin: 0;
2180
+ float: left; }
2181
+
2182
+ .premium-progressbar-container p:nth-of-type(2) {
2183
+ margin: 0;
2184
+ float: right; }
2185
+
2186
+ .premium-progressbar-name {
2187
+ left: 50%;
2188
+ top: 0;
2189
+ right: 0;
2190
+ -webkit-transform: translateX(-12.5px);
2191
+ -ms-transform: translateX(-12.5px);
2192
+ transform: translateX(-12.5px);
2193
+ z-index: 1; }
2194
+
2195
+ .premium-progressbar-multiple-label {
2196
+ position: relative;
2197
+ float: left;
2198
+ width: 0;
2199
+ left: 50%; }
2200
+
2201
+ .premium-progressbar-center-label {
2202
+ position: relative;
2203
+ white-space: nowrap; }
2204
+
2205
+ .premium-progressbar-arrow {
2206
+ height: 15px;
2207
+ left: 50%;
2208
+ display: inline-block;
2209
+ border-left: 7px solid transparent;
2210
+ border-right: 7px solid transparent;
2211
+ border-top: 11px solid;
2212
+ -webkit-transform: translateX(-50%);
2213
+ -ms-transform: translateX(-50%);
2214
+ transform: translateX(-50%); }
2215
+
2216
+ .premium-progressbar-pin {
2217
+ border-left: 1px solid;
2218
+ height: 12px;
2219
+ left: 50%;
2220
+ display: inline-block; }
2221
+
2222
+ /**
2223
+ * Circle Progress Bar
2224
+ */
2225
+ .premium-progressbar-circle-wrap {
2226
+ width: 200px;
2227
+ height: 200px;
2228
+ position: relative;
2229
+ margin: 0 auto; }
2230
+ .premium-progressbar-circle-wrap .premium-progressbar-circle {
2231
+ position: absolute;
2232
+ top: 0;
2233
+ left: 0;
2234
+ width: 100%;
2235
+ height: 100%;
2236
+ -webkit-clip-path: inset(0 0 0 50%);
2237
+ clip-path: inset(0 0 0 50%); }
2238
+ .premium-progressbar-circle-wrap .premium-progressbar-circle div {
2239
+ position: absolute;
2240
+ left: 0;
2241
+ top: 0;
2242
+ height: 100%;
2243
+ width: 100%;
2244
+ border-width: 6px;
2245
+ border-style: solid;
2246
+ border-color: #54595f;
2247
+ -webkit-border-radius: 50%;
2248
+ border-radius: 50%;
2249
+ -webkit-clip-path: inset(0 50% 0 0);
2250
+ clip-path: inset(0 50% 0 0); }
2251
+ .premium-progressbar-circle-wrap .premium-progressbar-circle .premium-progressbar-circle-left {
2252
+ -webkit-transform: rotate(0);
2253
+ -ms-transform: rotate(0);
2254
+ transform: rotate(0); }
2255
+ .premium-progressbar-circle-wrap .premium-progressbar-circle .premium-progressbar-circle-right {
2256
+ -webkit-transform: rotate(180deg);
2257
+ -ms-transform: rotate(180deg);
2258
+ transform: rotate(180deg);
2259
+ visibility: hidden; }
2260
+ .premium-progressbar-circle-wrap .premium-progressbar-circle-base {
2261
+ width: 100%;
2262
+ height: 100%;
2263
+ border: 6px solid #eee;
2264
+ -webkit-border-radius: 50%;
2265
+ border-radius: 50%; }
2266
+ .premium-progressbar-circle-wrap .premium-progressbar-circle-content {
2267
+ position: absolute;
2268
+ top: 0;
2269
+ left: 0;
2270
+ width: 100%;
2271
+ height: 100%;
2272
+ -js-display: flex;
2273
+ display: -webkit-box;
2274
+ display: -webkit-flex;
2275
+ display: -moz-box;
2276
+ display: -ms-flexbox;
2277
+ display: flex;
2278
+ -webkit-box-orient: vertical;
2279
+ -webkit-box-direction: normal;
2280
+ -webkit-flex-direction: column;
2281
+ -moz-box-orient: vertical;
2282
+ -moz-box-direction: normal;
2283
+ -ms-flex-direction: column;
2284
+ flex-direction: column;
2285
+ -webkit-box-pack: center;
2286
+ -webkit-justify-content: center;
2287
+ -moz-box-pack: center;
2288
+ -ms-flex-pack: center;
2289
+ justify-content: center;
2290
+ -webkit-box-align: center;
2291
+ -webkit-align-items: center;
2292
+ -moz-box-align: center;
2293
+ -ms-flex-align: center;
2294
+ align-items: center; }
2295
+ .premium-progressbar-circle-wrap .premium-lottie-animation {
2296
+ line-height: 1; }
2297
+
2298
+ @-webkit-keyframes progress-bar-stripes {
2299
+ from {
2300
+ background-position: 0 0; }
2301
+ to {
2302
+ background-position: 40px 0; } }
2303
+
2304
+ @keyframes progress-bar-stripes {
2305
+ from {
2306
+ background-position: 0 0; }
2307
+ to {
2308
+ background-position: 40px 0; } }
2309
+
2310
+ @-webkit-keyframes progress-bar-gradient {
2311
+ 0% {
2312
+ background-position: 0% 50%; }
2313
+ 50% {
2314
+ background-position: 100% 50%; }
2315
+ 100% {
2316
+ background-position: 0% 50%; } }
2317
+
2318
+ @keyframes progress-bar-gradient {
2319
+ 0% {
2320
+ background-position: 0% 50%; }
2321
+ 50% {
2322
+ background-position: 100% 50%; }
2323
+ 100% {
2324
+ background-position: 0% 50%; } }
2325
+
2326
+ /**************** Premium Testimonials ****************/
2327
+ /******************************************************/
2328
+ .premium-testimonial-box {
2329
+ width: 100%;
2330
+ background: transparent;
2331
+ -webkit-transition: all 0.3s ease-in-out;
2332
+ transition: all 0.3s ease-in-out; }
2333
+ .premium-testimonial-box .premium-testimonial-author-info {
2334
+ -js-display: flex;
2335
+ display: -webkit-box;
2336
+ display: -webkit-flex;
2337
+ display: -moz-box;
2338
+ display: -ms-flexbox;
2339
+ display: flex;
2340
+ -webkit-box-pack: center;
2341
+ -webkit-justify-content: center;
2342
+ -moz-box-pack: center;
2343
+ -ms-flex-pack: center;
2344
+ justify-content: center;
2345
+ -webkit-box-align: center;
2346
+ -webkit-align-items: center;
2347
+ -moz-box-align: center;
2348
+ -ms-flex-align: center;
2349
+ align-items: center; }
2350
+ .premium-testimonial-box .premium-testimonial-person-name,
2351
+ .premium-testimonial-box .premium-testimonial-company-name {
2352
+ font-weight: 600;
2353
+ margin: 0; }
2354
+
2355
+ .premium-testimonial-container {
2356
+ position: relative; }
2357
+
2358
+ .premium-testimonial-img-wrapper {
2359
+ margin-left: auto;
2360
+ margin-right: auto;
2361
+ overflow: hidden;
2362
+ border-style: solid !important; }
2363
+ .premium-testimonial-img-wrapper.circle {
2364
+ -webkit-border-radius: 50%;
2365
+ border-radius: 50%; }
2366
+ .premium-testimonial-img-wrapper.rounded {
2367
+ -webkit-border-radius: 15px;
2368
+ border-radius: 15px; }
2369
+ .premium-testimonial-img-wrapper img {
2370
+ -o-object-fit: cover;
2371
+ object-fit: cover;
2372
+ width: 100%;
2373
+ height: 100% !important; }
2374
+
2375
+ .premium-testimonial-content-wrapper {
2376
+ position: relative;
2377
+ -js-display: flex;
2378
+ display: -webkit-box;
2379
+ display: -webkit-flex;
2380
+ display: -moz-box;
2381
+ display: -ms-flexbox;
2382
+ display: flex;
2383
+ -webkit-box-orient: vertical;
2384
+ -webkit-box-direction: normal;
2385
+ -webkit-flex-direction: column;
2386
+ -moz-box-orient: vertical;
2387
+ -moz-box-direction: normal;
2388
+ -ms-flex-direction: column;
2389
+ flex-direction: column;
2390
+ z-index: 2;
2391
+ width: 100%;
2392
+ padding: 20px;
2393
+ text-align: center; }
2394
+
2395
+ .premium-testimonial-clear-float {
2396
+ clear: both; }
2397
+
2398
+ .premium-testimonial-upper-quote,
2399
+ .premium-testimonial-lower-quote {
2400
+ position: absolute;
2401
+ z-index: 1; }
2402
+
2403
+ /**************** Premium Dual Heading *****************/
2404
+ /*******************************************************/
2405
+ .premium-dual-header-container .premium-dual-header-first-header,
2406
+ .premium-dual-header-container .premium-dual-header-second-header {
2407
+ position: relative;
2408
+ padding: 0;
2409
+ margin: 0;
2410
+ display: inline-block;
2411
+ -webkit-transform: translate(0, 0);
2412
+ -ms-transform: translate(0, 0);
2413
+ transform: translate(0, 0); }
2414
+
2415
+ .premium-dual-header-first-clip .premium-dual-header-first-span,
2416
+ .premium-dual-header-second-clip {
2417
+ -webkit-text-fill-color: transparent;
2418
+ -webkit-background-clip: text;
2419
+ background-clip: text; }
2420
+
2421
+ .premium-dual-header-first-clip.stroke .premium-dual-header-first-span,
2422
+ .premium-dual-header-second-clip.stroke {
2423
+ -webkit-text-stroke-color: transparent;
2424
+ -webkit-text-fill-color: #fafafa;
2425
+ -webkit-text-stroke-width: 2px; }
2426
+
2427
+ @media (max-width: 500px) {
2428
+ .premium-dual-header-container .premium-dual-header-first-header,
2429
+ .premium-dual-header-container .premium-dual-header-second-header {
2430
+ display: block;
2431
+ word-wrap: break-word; }
2432
+ .premium-dual-header-first-container,
2433
+ .premium-dual-header-second-container {
2434
+ margin: 0; } }
2435
+
2436
+ @media (min-width: 501px) {
2437
+ .premium-dual-header-first-container {
2438
+ margin-right: 5px; } }
2439
+
2440
+ .premium-dual-header-first-header.gradient .premium-dual-header-first-span,
2441
+ .premium-dual-header-second-header.gradient {
2442
+ -webkit-background-size: 300% 300% !important;
2443
+ background-size: 300% 300% !important;
2444
+ -webkit-animation: Gradient 10s ease-in-out infinite;
2445
+ animation: Gradient 10s ease-in-out infinite; }
2446
+
2447
+ @-webkit-keyframes Gradient {
2448
+ 0% {
2449
+ background-position: 0% 50%; }
2450
+ 50% {
2451
+ background-position: 100% 50%; }
2452
+ 100% {
2453
+ background-position: 0% 50%; } }
2454
+
2455
+ @keyframes Gradient {
2456
+ 0% {
2457
+ background-position: 0% 50%; }
2458
+ 50% {
2459
+ background-position: 100% 50%; }
2460
+ 100% {
2461
+ background-position: 0% 50%; } }
2462
+
2463
+ .premium-mask-yes.premium-header-inline .premium-dual-header-first-span,
2464
+ .premium-mask-yes.premium-header-inline .premium-dual-header-first-span {
2465
+ display: inline-block !important; }
2466
+
2467
+ /**************** Premium Title ****************/
2468
+ /***********************************************/
2469
+ .premium-title-container {
2470
+ position: relative;
2471
+ width: 100%;
2472
+ clear: both; }
2473
+ .premium-title-container .premium-title-header {
2474
+ position: relative;
2475
+ margin: 0;
2476
+ padding: 10px; }
2477
+ .premium-title-container .premium-title-header:not(.premium-title-style7) {
2478
+ -webkit-box-align: center;
2479
+ -webkit-align-items: center;
2480
+ -moz-box-align: center;
2481
+ -ms-flex-align: center;
2482
+ align-items: center; }
2483
+ .premium-title-container .premium-title-header svg {
2484
+ width: 40px;
2485
+ height: 40px; }
2486
+ .premium-title-container .premium-title-header img {
2487
+ width: 40px;
2488
+ height: 40px;
2489
+ -o-object-fit: cover;
2490
+ object-fit: cover; }
2491
+ .premium-title-container .premium-title-header a {
2492
+ position: absolute;
2493
+ top: 0;
2494
+ left: 0;
2495
+ width: 100%;
2496
+ height: 100%; }
2497
+ .premium-title-container .premium-lottie-animation {
2498
+ -js-display: flex;
2499
+ display: -webkit-box;
2500
+ display: -webkit-flex;
2501
+ display: -moz-box;
2502
+ display: -ms-flexbox;
2503
+ display: flex; }
2504
+
2505
+ .premium-title-icon-row .premium-title-icon {
2506
+ margin-right: 10px; }
2507
+
2508
+ .premium-title-icon-row-reverse .premium-title-icon {
2509
+ margin-left: 10px; }
2510
+
2511
+ .premium-title-style3,
2512
+ .premium-title-style4 {
2513
+ -js-display: flex;
2514
+ display: -webkit-box;
2515
+ display: -webkit-flex;
2516
+ display: -moz-box;
2517
+ display: -ms-flexbox;
2518
+ display: flex; }
2519
+
2520
+ .premium-title-style1,
2521
+ .premium-title-style2,
2522
+ .premium-title-style5,
2523
+ .premium-title-style6,
2524
+ .premium-title-style8,
2525
+ .premium-title-style9 {
2526
+ -js-display: inline-flex;
2527
+ display: -webkit-inline-box;
2528
+ display: -webkit-inline-flex;
2529
+ display: -moz-inline-box;
2530
+ display: -ms-inline-flexbox;
2531
+ display: inline-flex; }
2532
+
2533
+ .premium-title-style7 {
2534
+ -js-display: inline-flex;
2535
+ display: -webkit-inline-box;
2536
+ display: -webkit-inline-flex;
2537
+ display: -moz-inline-box;
2538
+ display: -ms-inline-flexbox;
2539
+ display: inline-flex;
2540
+ -webkit-box-orient: vertical;
2541
+ -webkit-box-direction: normal;
2542
+ -webkit-flex-direction: column;
2543
+ -moz-box-orient: vertical;
2544
+ -moz-box-direction: normal;
2545
+ -ms-flex-direction: column;
2546
+ flex-direction: column; }
2547
+ .premium-title-style7 .premium-title-style7-inner {
2548
+ -js-display: flex;
2549
+ display: -webkit-box;
2550
+ display: -webkit-flex;
2551
+ display: -moz-box;
2552
+ display: -ms-flexbox;
2553
+ display: flex;
2554
+ -webkit-box-align: center;
2555
+ -webkit-align-items: center;
2556
+ -moz-box-align: center;
2557
+ -ms-flex-align: center;
2558
+ align-items: center; }
2559
+
2560
+ .premium-title-style1 {
2561
+ border-left: 3px solid #6ec1e4; }
2562
+
2563
+ .premium-title-container.style2, .premium-title-container.style4, .premium-title-container.style5, .premium-title-container.style6 {
2564
+ border-bottom: 3px solid #6ec1e4; }
2565
+
2566
+ /*Style 6 Header*/
2567
+ .premium-title-style6:before {
2568
+ position: absolute;
2569
+ left: 50%;
2570
+ bottom: 0;
2571
+ margin-left: -2px;
2572
+ content: "";
2573
+ border: 3px solid transparent; }
2574
+
2575
+ /*Style 6 Trinagle*/
2576
+ .premium-title-style7-stripe-wrap {
2577
+ -js-display: flex;
2578
+ display: -webkit-box;
2579
+ display: -webkit-flex;
2580
+ display: -moz-box;
2581
+ display: -ms-flexbox;
2582
+ display: flex; }
2583
+
2584
+ .premium-title-style7:before {
2585
+ display: none; }
2586
+
2587
+ .premium-title-style8 .premium-title-text[data-animation="shiny"] {
2588
+ -webkit-background-size: 125px 125px !important;
2589
+ background-size: 125px !important;
2590
+ color: rgba(255, 255, 255, 0);
2591
+ -webkit-background-clip: text !important;
2592
+ background-clip: text !important;
2593
+ -webkit-animation-name: pa-shinny-text !important;
2594
+ animation-name: pa-shinny-text !important;
2595
+ -webkit-animation-duration: var(--animation-speed) !important;
2596
+ animation-duration: var(--animation-speed) !important;
2597
+ -webkit-animation-iteration-count: infinite !important;
2598
+ animation-iteration-count: infinite !important;
2599
+ background: var(--base-color) -webkit-gradient(linear, left top, right top, from(var(--base-color)), to(var(--base-color)), color-stop(0.5, var(--shiny-color))) 0 0 no-repeat; }
2600
+
2601
+ @-webkit-keyframes pa-shinny-text {
2602
+ 0% {
2603
+ background-position: 0%; }
2604
+ 100% {
2605
+ background-position: 200%; } }
2606
+
2607
+ @keyframes pa-shinny-text {
2608
+ 0% {
2609
+ background-position: 0%; }
2610
+ 100% {
2611
+ background-position: 200%; } }
2612
+
2613
+ .premium-title-style9[data-animation-blur="process"] .premium-title-style9-letter {
2614
+ -webkit-animation: pa-blur-shadow 2s 1 alternate;
2615
+ animation: pa-blur-shadow 2s 1 alternate; }
2616
+
2617
+ @-webkit-keyframes pa-blur-shadow {
2618
+ from {
2619
+ text-shadow: 0 0 var(--shadow-value) var(--shadow-color);
2620
+ color: transparent; }
2621
+ to {
2622
+ text-shadow: 0; } }
2623
+
2624
+ @keyframes pa-blur-shadow {
2625
+ from {
2626
+ text-shadow: 0 0 var(--shadow-value) var(--shadow-color);
2627
+ color: transparent; }
2628
+ to {
2629
+ text-shadow: 0; } }
2630
+
2631
+ .premium-title-gradient-yes .premium-title-text,
2632
+ .premium-title-gradient-yes .premium-title-icon {
2633
+ -webkit-background-clip: text;
2634
+ -webkit-text-fill-color: transparent;
2635
+ background-image: -webkit-gradient(linear, left top, right top, from(#ffa648), color-stop(#f17cc1), to(#4da9fd));
2636
+ background-image: -webkit-linear-gradient(left, #ffa648, #f17cc1, #4da9fd);
2637
+ background-image: linear-gradient(to right, #ffa648, #f17cc1, #4da9fd);
2638
+ -webkit-animation: pa-text-gradient 8s infinite;
2639
+ animation: pa-text-gradient 8s infinite; }
2640
+
2641
+ @-webkit-keyframes pa-text-gradient {
2642
+ 0%,
2643
+ 100% {
2644
+ -webkit-filter: hue-rotate(0deg);
2645
+ filter: hue-rotate(0deg); }
2646
+ 50% {
2647
+ -webkit-filter: hue-rotate(360deg);
2648
+ filter: hue-rotate(360deg); } }
2649
+
2650
+ @keyframes pa-text-gradient {
2651
+ 0%,
2652
+ 100% {
2653
+ -webkit-filter: hue-rotate(0deg);
2654
+ filter: hue-rotate(0deg); }
2655
+ 50% {
2656
+ -webkit-filter: hue-rotate(360deg);
2657
+ filter: hue-rotate(360deg); } }
2658
+
2659
+ /*
2660
+ * Common Title/Dual Heading
2661
+ */
2662
+ .premium-title-bg-text:before {
2663
+ position: absolute;
2664
+ content: attr(data-background);
2665
+ top: 0;
2666
+ left: 0;
2667
+ text-align: left; }
2668
+
2669
+ .premium-mask-yes .premium-dual-header-first-clip .premium-dual-header-first-span .premium-mask-span,
2670
+ .premium-mask-yes .premium-dual-header-second-clip .premium-mask-span {
2671
+ background: inherit; }
2672
+
2673
+ .premium-mask-yes .premium-mask-span {
2674
+ position: relative;
2675
+ overflow: hidden;
2676
+ -js-display: inline-flex !important;
2677
+ display: -webkit-inline-box !important;
2678
+ display: -webkit-inline-flex !important;
2679
+ display: -moz-inline-box !important;
2680
+ display: -ms-inline-flexbox !important;
2681
+ display: inline-flex !important; }
2682
+ .premium-mask-yes .premium-mask-span::after {
2683
+ content: "";
2684
+ position: absolute;
2685
+ top: 0;
2686
+ right: 0px;
2687
+ width: 100%;
2688
+ height: 100%;
2689
+ background-color: currentColor;
2690
+ -webkit-backface-visibility: visible;
2691
+ backface-visibility: visible; }
2692
+
2693
+ .premium-mask-active.premium-mask-tr .premium-mask-span::after {
2694
+ -webkit-animation: pa-mask-tr 1.7s cubic-bezier(1, 0, 0.18, 1) forwards;
2695
+ animation: pa-mask-tr 1.7s cubic-bezier(1, 0, 0.18, 1) forwards;
2696
+ -webkit-transform: translateX(-103%);
2697
+ -ms-transform: translateX(-103%);
2698
+ transform: translateX(-103%); }
2699
+
2700
+ .premium-mask-active.premium-mask-tl .premium-mask-span::after {
2701
+ -webkit-animation: pa-mask-tl 1.7s cubic-bezier(1, 0, 0.18, 1) forwards;
2702
+ animation: pa-mask-tl 1.7s cubic-bezier(1, 0, 0.18, 1) forwards;
2703
+ -webkit-transform: translateX(103%);
2704
+ -ms-transform: translateX(103%);
2705
+ transform: translateX(103%); }
2706
+
2707
+ .premium-mask-active.premium-mask-tb .premium-mask-span::after {
2708
+ -webkit-animation: pa-mask-tb 1.7s cubic-bezier(1, 0, 0.18, 1) forwards;
2709
+ animation: pa-mask-tb 1.7s cubic-bezier(1, 0, 0.18, 1) forwards;
2710
+ -webkit-transform: translateY(-103%);
2711
+ -ms-transform: translateY(-103%);
2712
+ transform: translateY(-103%); }
2713
+
2714
+ .premium-mask-active.premium-mask-tt .premium-mask-span::after {
2715
+ -webkit-animation: pa-mask-tt 1.7s cubic-bezier(1, 0, 0.18, 1) forwards;
2716
+ animation: pa-mask-tt 1.7s cubic-bezier(1, 0, 0.18, 1) forwards;
2717
+ -webkit-transform: translateY(103%);
2718
+ -ms-transform: translateY(103%);
2719
+ transform: translateY(103%); }
2720
+
2721
+ @-webkit-keyframes pa-mask-tr {
2722
+ 0% {
2723
+ -webkit-transform: translateX(0%);
2724
+ transform: translateX(0%); }
2725
+ 100% {
2726
+ -webkit-transform: translateX(103%);
2727
+ transform: translateX(103%); } }
2728
+
2729
+ @keyframes pa-mask-tr {
2730
+ 0% {
2731
+ -webkit-transform: translateX(0%);
2732
+ transform: translateX(0%); }
2733
+ 100% {
2734
+ -webkit-transform: translateX(103%);
2735
+ transform: translateX(103%); } }
2736
+
2737
+ @-webkit-keyframes pa-mask-tl {
2738
+ 0% {
2739
+ -webkit-transform: translateX(0%);
2740
+ transform: translateX(0%); }
2741
+ 100% {
2742
+ -webkit-transform: translateX(-103%);
2743
+ transform: translateX(-103%); } }
2744
+
2745
+ @keyframes pa-mask-tl {
2746
+ 0% {
2747
+ -webkit-transform: translateX(0%);
2748
+ transform: translateX(0%); }
2749
+ 100% {
2750
+ -webkit-transform: translateX(-103%);
2751
+ transform: translateX(-103%); } }
2752
+
2753
+ @-webkit-keyframes pa-mask-tb {
2754
+ 0% {
2755
+ -webkit-transform: translateY(0%);
2756
+ transform: translateY(0%); }
2757
+ 100% {
2758
+ -webkit-transform: translateY(103%);
2759
+ transform: translateY(103%); } }
2760
+
2761
+ @keyframes pa-mask-tb {
2762
+ 0% {
2763
+ -webkit-transform: translateY(0%);
2764
+ transform: translateY(0%); }
2765
+ 100% {
2766
+ -webkit-transform: translateY(103%);
2767
+ transform: translateY(103%); } }
2768
+
2769
+ @-webkit-keyframes pa-mask-tt {
2770
+ 0% {
2771
+ -webkit-transform: translateY(0%);
2772
+ transform: translateY(0%); }
2773
+ 100% {
2774
+ -webkit-transform: translateY(-103%);
2775
+ transform: translateY(-103%); } }
2776
+
2777
+ @keyframes pa-mask-tt {
2778
+ 0% {
2779
+ -webkit-transform: translateY(0%);
2780
+ transform: translateY(0%); }
2781
+ 100% {
2782
+ -webkit-transform: translateY(-103%);
2783
+ transform: translateY(-103%); } }
2784
+
2785
+ /**************** Premium Video Box ************/
2786
+ /***********************************************/
2787
+ .premium-video-box-transform {
2788
+ -webkit-transform: none !important;
2789
+ -ms-transform: none !important;
2790
+ transform: none !important; }
2791
+
2792
+ .premium-video-box-container {
2793
+ -js-display: flex;
2794
+ display: -webkit-box;
2795
+ display: -webkit-flex;
2796
+ display: -moz-box;
2797
+ display: -ms-flexbox;
2798
+ display: flex;
2799
+ -webkit-box-orient: vertical;
2800
+ -webkit-box-direction: normal;
2801
+ -webkit-flex-direction: column;
2802
+ -moz-box-orient: vertical;
2803
+ -moz-box-direction: normal;
2804
+ -ms-flex-direction: column;
2805
+ flex-direction: column; }
2806
+
2807
+ .premium-video-box-container > div {
2808
+ position: relative;
2809
+ overflow: hidden; }
2810
+
2811
+ .pa-aspect-ratio-11 .premium-video-box-container > div {
2812
+ padding-bottom: 100%; }
2813
+
2814
+ .pa-aspect-ratio-169 .premium-video-box-container > div {
2815
+ padding-bottom: 56.25%; }
2816
+
2817
+ .pa-aspect-ratio-43 .premium-video-box-container > div {
2818
+ padding-bottom: 75%; }
2819
+
2820
+ .pa-aspect-ratio-32 .premium-video-box-container > div {
2821
+ padding-bottom: 66.6666%; }
2822
+
2823
+ .pa-aspect-ratio-219 .premium-video-box-container > div {
2824
+ padding-bottom: 42.8571%; }
2825
+
2826
+ .pa-aspect-ratio-916 .premium-video-box-container > div {
2827
+ padding-bottom: 177.8%; }
2828
+
2829
+ .premium-video-box-image-container {
2830
+ position: absolute;
2831
+ top: 0;
2832
+ left: 0;
2833
+ bottom: 0;
2834
+ right: 0;
2835
+ width: 100%;
2836
+ height: 100%;
2837
+ -webkit-background-size: cover;
2838
+ background-size: cover;
2839
+ background-position: 50%;
2840
+ cursor: pointer;
2841
+ margin: auto;
2842
+ -webkit-transition: 0.2s all;
2843
+ transition: 0.2s all; }
2844
+
2845
+ .premium-video-box-play-icon-container {
2846
+ position: absolute;
2847
+ z-index: 2;
2848
+ cursor: pointer;
2849
+ -webkit-transform: translate(-50%, -50%);
2850
+ -ms-transform: translate(-50%, -50%);
2851
+ transform: translate(-50%, -50%);
2852
+ background: rgba(252, 252, 252, 0.35); }
2853
+
2854
+ .premium-video-box-description-container {
2855
+ position: absolute;
2856
+ z-index: 2;
2857
+ padding: 5px;
2858
+ text-align: center;
2859
+ cursor: pointer;
2860
+ -webkit-transform: translate(-50%, -50%);
2861
+ -ms-transform: translate(-50%, -50%);
2862
+ transform: translate(-50%, -50%); }
2863
+
2864
+ .premium-video-box-text {
2865
+ margin-bottom: 0 !important;
2866
+ -webkit-transition: all 0.3s ease-in-out;
2867
+ transition: all 0.3s ease-in-out; }
2868
+
2869
+ .premium-video-box-play-icon {
2870
+ padding: 15px;
2871
+ -webkit-transform: translateX(4%);
2872
+ -ms-transform: translateX(4%);
2873
+ transform: translateX(4%);
2874
+ -webkit-transition: all 0.3s ease-in-out;
2875
+ transition: all 0.3s ease-in-out; }
2876
+
2877
+ .premium-video-box-video-container {
2878
+ position: absolute;
2879
+ top: 0;
2880
+ left: 0;
2881
+ z-index: 2;
2882
+ width: 100%;
2883
+ height: 100%;
2884
+ -webkit-transition: opacity 0.8s ease-in-out;
2885
+ transition: opacity 0.8s ease-in-out;
2886
+ overflow: hidden;
2887
+ cursor: pointer; }
2888
+
2889
+ .premium-video-box-container[data-overlay="true"][data-type="self"] .premium-video-box-video-container {
2890
+ opacity: 0;
2891
+ visibility: hidden; }
2892
+
2893
+ .premium-video-box-video-container iframe {
2894
+ max-width: 100%;
2895
+ width: 100%;
2896
+ height: 100%;
2897
+ margin: 0;
2898
+ line-height: 1;
2899
+ border: none; }
2900
+
2901
+ .premium-video-box-video-container video {
2902
+ max-width: 100%;
2903
+ width: 100%;
2904
+ height: 100%;
2905
+ margin: 0;
2906
+ line-height: 1;
2907
+ border: none;
2908
+ background-color: #000;
2909
+ -o-object-fit: contain;
2910
+ object-fit: contain; }
2911
+
2912
+ .premium-video-box-container .premium-video-box-vimeo-wrap {
2913
+ -js-display: flex;
2914
+ display: -webkit-box;
2915
+ display: -webkit-flex;
2916
+ display: -moz-box;
2917
+ display: -ms-flexbox;
2918
+ display: flex;
2919
+ position: absolute;
2920
+ top: 0;
2921
+ left: 0;
2922
+ z-index: 3;
2923
+ margin: 10px;
2924
+ margin-right: 10px;
2925
+ -webkit-transition: opacity 0.2s ease-out;
2926
+ transition: opacity 0.2s ease-out;
2927
+ margin-right: 4.6em; }
2928
+
2929
+ .premium-video-box-vimeo-wrap .premium-video-box-vimeo-portrait {
2930
+ width: 60px;
2931
+ height: 60px;
2932
+ background: rgba(23, 35, 34, 0.75);
2933
+ margin-right: 1px;
2934
+ -webkit-box-flex: 1;
2935
+ -webkit-flex: 1 0 auto;
2936
+ -moz-box-flex: 1;
2937
+ -ms-flex: 1 0 auto;
2938
+ flex: 1 0 auto;
2939
+ padding: 0; }
2940
+
2941
+ .premium-video-box-vimeo-portrait img {
2942
+ width: 50px;
2943
+ height: 50px;
2944
+ margin: 5px;
2945
+ padding: 0;
2946
+ border: 0;
2947
+ -webkit-border-radius: 50%;
2948
+ border-radius: 50%; }
2949
+
2950
+ .premium-video-box-vimeo-wrap .premium-video-box-vimeo-headers {
2951
+ font-size: 10px; }
2952
+
2953
+ .premium-video-box-vimeo-wrap .premium-video-box-vimeo-title {
2954
+ max-width: 100%;
2955
+ font-size: 2em !important;
2956
+ font-weight: 700;
2957
+ margin: 0;
2958
+ padding: 0.1em 0.2em;
2959
+ background: rgba(23, 35, 34, 0.75);
2960
+ display: inline-block;
2961
+ text-transform: none;
2962
+ line-height: normal;
2963
+ letter-spacing: normal; }
2964
+
2965
+ .premium-video-box-vimeo-wrap .premium-video-box-vimeo-byline {
2966
+ font-size: 1.2em !important;
2967
+ font-weight: 400;
2968
+ color: #fff;
2969
+ margin-top: 0.1em;
2970
+ padding: 0.2em 0.5em;
2971
+ background: rgba(23, 35, 34, 0.75);
2972
+ text-transform: none;
2973
+ line-height: normal;
2974
+ letter-spacing: normal; }
2975
+
2976
+ .premium-video-box-playlist-container {
2977
+ -js-display: flex;
2978
+ display: -webkit-box;
2979
+ display: -webkit-flex;
2980
+ display: -moz-box;
2981
+ display: -ms-flexbox;
2982
+ display: flex;
2983
+ -webkit-flex-wrap: wrap;
2984
+ -ms-flex-wrap: wrap;
2985
+ flex-wrap: wrap; }
2986
+ .premium-video-box-playlist-container .premium-video-box-container {
2987
+ height: 100%;
2988
+ overflow: hidden; }
2989
+
2990
+ .premium-video-box-container:hover .premium-video-box-image-container.zoomin {
2991
+ -webkit-transform: scale(1.1);
2992
+ -ms-transform: scale(1.1);
2993
+ transform: scale(1.1); }
2994
+
2995
+ .premium-video-box-container:hover .premium-video-box-image-container.zoomout {
2996
+ -webkit-transform: scale(1);
2997
+ -ms-transform: scale(1);
2998
+ transform: scale(1); }
2999
+
3000
+ .premium-video-box-container:hover .premium-video-box-image-container.scale {
3001
+ -webkit-transform: scale(1.3) rotate(5deg);
3002
+ -ms-transform: scale(1.3) rotate(5deg);
3003
+ transform: scale(1.3) rotate(5deg); }
3004
+
3005
+ .premium-video-box-container:hover .premium-video-box-image-container.gray {
3006
+ -webkit-filter: grayscale(0%);
3007
+ filter: grayscale(0%); }
3008
+
3009
+ .premium-video-box-container:hover .premium-video-box-image-container.blur {
3010
+ -webkit-filter: blur(3px);
3011
+ filter: blur(3px); }
3012
+
3013
+ .premium-video-box-container:hover .premium-video-box-image-container.sepia {
3014
+ -webkit-filter: sepia(0%);
3015
+ filter: sepia(0%); }
3016
+
3017
+ .premium-video-box-container:hover .premium-video-box-image-container.trans {
3018
+ -webkit-transform: translateX(0px) scale(1.1);
3019
+ -ms-transform: translateX(0px) scale(1.1);
3020
+ transform: translateX(0px) scale(1.1); }
3021
+
3022
+ .premium-video-box-container:hover .premium-video-box-image-container.bright {
3023
+ -webkit-filter: brightness(1.2);
3024
+ filter: brightness(1.2); }
3025
+
3026
+ .premium-video-box-image-container.gray {
3027
+ -webkit-filter: grayscale(100%);
3028
+ filter: grayscale(100%); }
3029
+
3030
+ .premium-video-box-image-container.zoomout, .premium-video-box-image-container.scale {
3031
+ -webkit-transform: scale(1.2);
3032
+ -ms-transform: scale(1.2);
3033
+ transform: scale(1.2); }
3034
+
3035
+ .premium-video-box-image-container.sepia {
3036
+ -webkit-filter: sepia(30%);
3037
+ filter: sepia(30%); }
3038
+
3039
+ .premium-video-box-image-container.bright {
3040
+ -webkit-filter: brightness(1);
3041
+ filter: brightness(1); }
3042
+
3043
+ .premium-video-box-image-container.trans {
3044
+ -webkit-transform: translateX(-15px) scale(1.1);
3045
+ -ms-transform: translateX(-15px) scale(1.1);
3046
+ transform: translateX(-15px) scale(1.1); }
3047
+
3048
+ .premium-video-box-mask-media {
3049
+ -webkit-mask-repeat: no-repeat;
3050
+ mask-repeat: no-repeat; }
3051
+
3052
+ /* Sticky Video Option */
3053
+ .premium-video-box-container.premium-video-box-sticky-apply {
3054
+ z-index: 99;
3055
+ overflow: unset; }
3056
+ .premium-video-box-container.premium-video-box-sticky-apply .premium-video-box-inner-wrap {
3057
+ position: fixed !important;
3058
+ z-index: 99999;
3059
+ height: 225px;
3060
+ width: 400px;
3061
+ background: #fff; }
3062
+ .premium-video-box-container.premium-video-box-sticky-apply .premium-video-box-vimeo-wrap,
3063
+ .premium-video-box-container.premium-video-box-sticky-apply .premium-video-box-container:before {
3064
+ visibility: hidden; }
3065
+ .premium-video-box-container.premium-video-box-sticky-apply .premium-video-box-sticky-infobar-wrap.premium-video-box-sticky-apply .premium-video-box-inner-wrap {
3066
+ -webkit-box-shadow: unset;
3067
+ box-shadow: unset; }
3068
+
3069
+ .premium-video-box-sticky-close,
3070
+ .premium-video-box-sticky-infobar {
3071
+ display: none; }
3072
+
3073
+ .premium-video-box-sticky-apply .premium-video-box-sticky-close {
3074
+ position: absolute;
3075
+ padding: 5px;
3076
+ cursor: pointer;
3077
+ z-index: 99999;
3078
+ height: 14px;
3079
+ width: 14px;
3080
+ -webkit-box-sizing: content-box;
3081
+ -moz-box-sizing: content-box;
3082
+ box-sizing: content-box;
3083
+ -webkit-border-radius: 100%;
3084
+ border-radius: 100%;
3085
+ -js-display: flex;
3086
+ display: -webkit-box;
3087
+ display: -webkit-flex;
3088
+ display: -moz-box;
3089
+ display: -ms-flexbox;
3090
+ display: flex;
3091
+ -webkit-box-pack: center;
3092
+ -webkit-justify-content: center;
3093
+ -moz-box-pack: center;
3094
+ -ms-flex-pack: center;
3095
+ justify-content: center;
3096
+ -webkit-box-align: center;
3097
+ -webkit-align-items: center;
3098
+ -moz-box-align: center;
3099
+ -ms-flex-align: center;
3100
+ align-items: center; }
3101
+
3102
+ .premium-video-box-sticky-apply .premium-video-box-play-icon-container {
3103
+ -js-display: flex;
3104
+ display: -webkit-box;
3105
+ display: -webkit-flex;
3106
+ display: -moz-box;
3107
+ display: -ms-flexbox;
3108
+ display: flex; }
3109
+
3110
+ .premium-video-box-sticky-apply .premium-video-box-play-icon {
3111
+ -webkit-transition: none;
3112
+ transition: none; }
3113
+
3114
+ .premium-video-box-sticky-apply .premium-video-box-sticky-infobar {
3115
+ display: block;
3116
+ position: relative;
3117
+ top: 100%;
3118
+ width: 100%;
3119
+ padding: 5px;
3120
+ text-align: center;
3121
+ z-index: 9999;
3122
+ margin-top: -1px; }
3123
+
3124
+ .premium-video-box-sticky-apply .premium-video-box-inner-wrap.ui-draggable {
3125
+ cursor: move; }
3126
+
3127
+ .premium-video-sticky-top-left
3128
+ .premium-video-box-container.premium-video-box-sticky-apply
3129
+ .premium-video-box-inner-wrap {
3130
+ right: auto;
3131
+ left: 20px;
3132
+ top: 20px; }
3133
+
3134
+ .premium-video-sticky-bottom-left
3135
+ .premium-video-box-container.premium-video-box-sticky-apply
3136
+ .premium-video-box-inner-wrap {
3137
+ right: auto;
3138
+ left: 20px;
3139
+ bottom: 20px; }
3140
+
3141
+ .premium-video-sticky-top-right
3142
+ .premium-video-box-container.premium-video-box-sticky-apply
3143
+ .premium-video-box-inner-wrap {
3144
+ left: auto;
3145
+ right: 20px;
3146
+ top: 20px; }
3147
+
3148
+ .premium-video-sticky-bottom-right
3149
+ .premium-video-box-container.premium-video-box-sticky-apply
3150
+ .premium-video-box-inner-wrap {
3151
+ left: auto;
3152
+ right: 20px;
3153
+ bottom: 20px; }
3154
+
3155
+ .premium-video-sticky-center-left
3156
+ .premium-video-box-container.premium-video-box-sticky-apply
3157
+ .premium-video-box-inner-wrap {
3158
+ right: auto;
3159
+ left: 20px;
3160
+ top: 50%;
3161
+ -webkit-transform: translateY(-50%);
3162
+ -ms-transform: translateY(-50%);
3163
+ transform: translateY(-50%); }
3164
+
3165
+ .premium-video-sticky-center-right
3166
+ .premium-video-box-container.premium-video-box-sticky-apply
3167
+ .premium-video-box-inner-wrap {
3168
+ left: auto;
3169
+ right: 20px;
3170
+ top: 50%;
3171
+ -webkit-transform: translateY(-50%);
3172
+ -ms-transform: translateY(-50%);
3173
+ transform: translateY(-50%); }
3174
+
3175
+ .premium-video-sticky-bottom-right
3176
+ .premium-video-box-sticky-infobar-wrap.premium-video-box-sticky-apply
3177
+ .premium-video-box-inner-wrap,
3178
+ .premium-video-sticky-bottom-left
3179
+ .premium-video-box-sticky-infobar-wrap.premium-video-box-sticky-apply
3180
+ .premium-video-box-inner-wrap {
3181
+ bottom: 55px; }
3182
+
3183
+ .premium-video-sticky-top-left .premium-video-box-sticky-apply .premium-video-box-sticky-close,
3184
+ .premium-video-sticky-bottom-left .premium-video-box-sticky-apply .premium-video-box-sticky-close,
3185
+ .premium-video-sticky-center-left .premium-video-box-sticky-apply .premium-video-box-sticky-close {
3186
+ top: -10px;
3187
+ right: -10px; }
3188
+
3189
+ .premium-video-sticky-top-right .premium-video-box-sticky-apply .premium-video-box-sticky-close,
3190
+ .premium-video-sticky-bottom-right .premium-video-box-sticky-apply .premium-video-box-sticky-close,
3191
+ .premium-video-sticky-center-right .premium-video-box-sticky-apply .premium-video-box-sticky-close {
3192
+ top: -10px;
3193
+ left: -10px; }
3194
+
3195
+ .premium-video-box-filter-sticky {
3196
+ -webkit-filter: none !important;
3197
+ filter: none !important; }
3198
+
3199
+ /**************** Premium Blog *****************/
3200
+ /***********************************************/
3201
+ .premium-blog-thumb-effect-wrapper {
3202
+ position: relative;
3203
+ overflow: hidden; }
3204
+
3205
+ .premium-blog-effect-container:not(.premium-blog-bordered-effect) .premium-blog-post-link {
3206
+ position: absolute;
3207
+ top: 0;
3208
+ left: 0;
3209
+ width: 100%;
3210
+ height: 100%;
3211
+ z-index: 2;
3212
+ padding: 20px; }
3213
+
3214
+ .premium-blog-bordered-effect .premium-blog-post-link {
3215
+ display: block;
3216
+ height: 100%;
3217
+ position: relative; }
3218
+
3219
+ /*Thumbnail Img*/
3220
+ .premium-blog-thumbnail-container {
3221
+ overflow: hidden; }
3222
+ .premium-blog-thumbnail-container img,
3223
+ .premium-blog-thumbnail-container .below-entry-meta {
3224
+ width: 100%;
3225
+ height: 100%;
3226
+ margin: 0 !important;
3227
+ -webkit-transition: all 0.4s ease-in-out;
3228
+ transition: all 0.4s ease-in-out; }
3229
+
3230
+ .premium-blog-thumb-effect-wrapper .premium-blog-zoomout-effect img,
3231
+ .premium-blog-thumb-effect-wrapper .premium-blog-scale-effect img {
3232
+ -webkit-transform: scale(1.2);
3233
+ -ms-transform: scale(1.2);
3234
+ transform: scale(1.2); }
3235
+
3236
+ .premium-blog-thumb-effect-wrapper .premium-blog-sepia-effect img {
3237
+ -webkit-filter: sepia(30%);
3238
+ filter: sepia(30%); }
3239
+
3240
+ .premium-blog-thumb-effect-wrapper .premium-blog-bright-effect img {
3241
+ -webkit-filter: brightness(1);
3242
+ filter: brightness(1); }
3243
+
3244
+ .premium-blog-thumb-effect-wrapper .premium-blog-trans-effect img {
3245
+ -webkit-transform: translateX(-15px) scale(1.1);
3246
+ -ms-transform: translateX(-15px) scale(1.1);
3247
+ transform: translateX(-15px) scale(1.1); }
3248
+
3249
+ .premium-blog-post-outer-container:hover .premium-blog-zoomin-effect img {
3250
+ -webkit-transform: scale(1.2);
3251
+ -ms-transform: scale(1.2);
3252
+ transform: scale(1.2); }
3253
+
3254
+ .premium-blog-post-outer-container:hover .premium-blog-zoomout-effect img {
3255
+ -webkit-transform: scale(1.1);
3256
+ -ms-transform: scale(1.1);
3257
+ transform: scale(1.1); }
3258
+
3259
+ .premium-blog-post-outer-container:hover .premium-blog-scale-effect img {
3260
+ -webkit-transform: scale(1.3) rotate(5deg);
3261
+ -ms-transform: scale(1.3) rotate(5deg);
3262
+ transform: scale(1.3) rotate(5deg); }
3263
+
3264
+ .premium-blog-post-outer-container:hover .premium-blog-gray-effect img {
3265
+ -webkit-filter: grayscale(100%);
3266
+ filter: grayscale(100%); }
3267
+
3268
+ .premium-blog-post-outer-container:hover .premium-blog-blur-effect img {
3269
+ -webkit-filter: blur(3px);
3270
+ filter: blur(3px); }
3271
+
3272
+ .premium-blog-post-outer-container:hover .premium-blog-sepia-effect img {
3273
+ -webkit-filter: sepia(0%);
3274
+ filter: sepia(0%); }
3275
+
3276
+ .premium-blog-post-outer-container:hover .premium-blog-bright-effect img {
3277
+ -webkit-filter: brightness(1.2);
3278
+ filter: brightness(1.2); }
3279
+
3280
+ .premium-blog-post-outer-container:hover .premium-blog-trans-effect img {
3281
+ -webkit-transform: translateX(0px) scale(1.1);
3282
+ -ms-transform: translateX(0px) scale(1.1);
3283
+ transform: translateX(0px) scale(1.1); }
3284
+
3285
+ .premium-blog-post-container {
3286
+ overflow: hidden; }
3287
+ .premium-blog-post-container .premium-blog-inner-container {
3288
+ -js-display: flex;
3289
+ display: -webkit-box;
3290
+ display: -webkit-flex;
3291
+ display: -moz-box;
3292
+ display: -ms-flexbox;
3293
+ display: flex; }
3294
+ .premium-blog-post-container .premium-blog-post-content {
3295
+ line-height: 1.5em;
3296
+ color: #777;
3297
+ font-size: 14px;
3298
+ margin-bottom: 10px; }
3299
+ .premium-blog-post-container ul.post-categories a:hover, .premium-blog-post-container ul.post-categories a:focus,
3300
+ .premium-blog-post-container .premium-blog-post-link:hover,
3301
+ .premium-blog-post-container .premium-blog-post-link:focus {
3302
+ -webkit-box-shadow: none !important;
3303
+ box-shadow: none !important;
3304
+ outline: none !important; }
3305
+ .premium-blog-post-container .premium-blog-entry-title {
3306
+ font-size: 18px;
3307
+ margin-bottom: 5px; }
3308
+ .premium-blog-post-container.premium-blog-skin-modern .premium-blog-content-wrapper {
3309
+ position: relative;
3310
+ z-index: 3;
3311
+ top: -50px; }
3312
+ .premium-blog-post-container .premium-blog-content-wrapper {
3313
+ background-color: #f5f5f5;
3314
+ padding: 30px; }
3315
+ .premium-blog-post-container .premium-blog-content-wrapper.empty-thumb {
3316
+ top: 0; }
3317
+ .premium-blog-post-container:not(.premium-blog-skin-classic):not(.premium-blog-skin-side):not(.premium-blog-skin-banner) .premium-blog-thumbnail-container:before, .premium-blog-post-container:not(.premium-blog-skin-classic):not(.premium-blog-skin-side):not(.premium-blog-skin-banner) .premium-blog-thumbnail-container:after {
3318
+ position: absolute;
3319
+ content: "";
3320
+ z-index: 1;
3321
+ top: 50%;
3322
+ left: 50%;
3323
+ opacity: 0;
3324
+ -webkit-transform: translate(-50%, -50%);
3325
+ -ms-transform: translate(-50%, -50%);
3326
+ transform: translate(-50%, -50%);
3327
+ -webkit-transition: all 0.4s linear 0s;
3328
+ transition: all 0.4s linear 0s;
3329
+ height: 1px;
3330
+ width: 100%;
3331
+ background-color: #fff; }
3332
+ .premium-blog-post-container:not(.premium-blog-skin-classic):not(.premium-blog-skin-side):not(.premium-blog-skin-banner) .premium-blog-thumbnail-container:before {
3333
+ width: 1px;
3334
+ height: 100%; }
3335
+ .premium-blog-post-container:not(.premium-blog-skin-classic):not(.premium-blog-skin-side):not(.premium-blog-skin-banner) .premium-blog-thumb-effect-wrapper:hover .premium-blog-thumbnail-container:after {
3336
+ width: 20px;
3337
+ opacity: 1; }
3338
+ .premium-blog-post-container:not(.premium-blog-skin-classic):not(.premium-blog-skin-side):not(.premium-blog-skin-banner) .premium-blog-thumb-effect-wrapper:hover .premium-blog-thumbnail-container:before {
3339
+ height: 20px;
3340
+ opacity: 1; }
3341
+ .premium-blog-post-container:not(.premium-blog-skin-classic):not(.premium-blog-skin-side):not(.premium-blog-skin-banner) .premium-blog-content-wrapper {
3342
+ margin: 0px 10px 20px;
3343
+ clear: both; }
3344
+ .premium-blog-post-container.premium-blog-skin-classic .premium-blog-thumbnail-overlay, .premium-blog-post-container.premium-blog-skin-side .premium-blog-thumbnail-overlay, .premium-blog-post-container.premium-blog-skin-banner .premium-blog-thumbnail-overlay {
3345
+ position: absolute;
3346
+ top: 0;
3347
+ left: 0;
3348
+ width: 100%;
3349
+ height: 100%;
3350
+ -webkit-transition: all 0.3s ease-in-out;
3351
+ transition: all 0.3s ease-in-out;
3352
+ opacity: 0; }
3353
+ .premium-blog-post-container.premium-blog-skin-classic .premium-blog-thumbnail-overlay a, .premium-blog-post-container.premium-blog-skin-side .premium-blog-thumbnail-overlay a, .premium-blog-post-container.premium-blog-skin-banner .premium-blog-thumbnail-overlay a {
3354
+ -js-display: flex;
3355
+ display: -webkit-box;
3356
+ display: -webkit-flex;
3357
+ display: -moz-box;
3358
+ display: -ms-flexbox;
3359
+ display: flex;
3360
+ -webkit-box-pack: center;
3361
+ -webkit-justify-content: center;
3362
+ -moz-box-pack: center;
3363
+ -ms-flex-pack: center;
3364
+ justify-content: center;
3365
+ -webkit-box-align: center;
3366
+ -webkit-align-items: center;
3367
+ -moz-box-align: center;
3368
+ -ms-flex-align: center;
3369
+ align-items: center;
3370
+ width: 100%;
3371
+ height: 100%; }
3372
+ .premium-blog-post-container.premium-blog-skin-classic .premium-blog-thumbnail-overlay span,
3373
+ .premium-blog-post-container.premium-blog-skin-classic .premium-blog-thumbnail-overlay i, .premium-blog-post-container.premium-blog-skin-side .premium-blog-thumbnail-overlay span,
3374
+ .premium-blog-post-container.premium-blog-skin-side .premium-blog-thumbnail-overlay i, .premium-blog-post-container.premium-blog-skin-banner .premium-blog-thumbnail-overlay span,
3375
+ .premium-blog-post-container.premium-blog-skin-banner .premium-blog-thumbnail-overlay i {
3376
+ -webkit-transition: all 0.3s ease-in-out;
3377
+ transition: all 0.3s ease-in-out; }
3378
+ .premium-blog-post-container.premium-blog-skin-side {
3379
+ -js-display: flex;
3380
+ display: -webkit-box;
3381
+ display: -webkit-flex;
3382
+ display: -moz-box;
3383
+ display: -ms-flexbox;
3384
+ display: flex; }
3385
+ .premium-blog-post-container.premium-blog-skin-side .premium-blog-thumbnail-container {
3386
+ height: 100%; }
3387
+ .premium-blog-post-container.premium-blog-skin-side .premium-blog-content-wrapper {
3388
+ -webkit-box-flex: 1;
3389
+ -webkit-flex: 1;
3390
+ -moz-box-flex: 1;
3391
+ -ms-flex: 1;
3392
+ flex: 1; }
3393
+ .premium-blog-post-container.premium-blog-skin-banner {
3394
+ position: relative; }
3395
+ .premium-blog-post-container.premium-blog-skin-banner .premium-blog-content-wrapper {
3396
+ position: absolute;
3397
+ width: 100%;
3398
+ bottom: 0;
3399
+ -js-display: flex;
3400
+ display: -webkit-box;
3401
+ display: -webkit-flex;
3402
+ display: -moz-box;
3403
+ display: -ms-flexbox;
3404
+ display: flex;
3405
+ -webkit-box-orient: vertical;
3406
+ -webkit-box-direction: normal;
3407
+ -webkit-flex-direction: column;
3408
+ -moz-box-orient: vertical;
3409
+ -moz-box-direction: normal;
3410
+ -ms-flex-direction: column;
3411
+ flex-direction: column;
3412
+ background-color: transparent;
3413
+ z-index: 3; }
3414
+ .premium-blog-post-container.premium-blog-skin-banner .premium-blog-content-wrapper-inner {
3415
+ -webkit-transition: -webkit-transform 0.3s ease-in-out;
3416
+ transition: -webkit-transform 0.3s ease-in-out;
3417
+ transition: transform 0.3s ease-in-out;
3418
+ transition: transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out; }
3419
+ .premium-blog-post-container.premium-blog-skin-banner:hover .premium-blog-content-wrapper-inner {
3420
+ -webkit-transform: translateY(-5px);
3421
+ -ms-transform: translateY(-5px);
3422
+ transform: translateY(-5px); }
3423
+ .premium-blog-post-container .premium-blog-cats-container ul.post-categories {
3424
+ margin: 0;
3425
+ padding: 0;
3426
+ list-style: none;
3427
+ -js-display: flex;
3428
+ display: -webkit-box;
3429
+ display: -webkit-flex;
3430
+ display: -moz-box;
3431
+ display: -ms-flexbox;
3432
+ display: flex; }
3433
+ .premium-blog-post-container .premium-blog-cats-container a {
3434
+ display: block;
3435
+ font-size: 12px;
3436
+ color: #fff;
3437
+ background-color: #777;
3438
+ margin: 0 3px 10px 0;
3439
+ padding: 5px;
3440
+ -webkit-transition: all 0.3s ease-in-out;
3441
+ transition: all 0.3s ease-in-out; }
3442
+
3443
+ /*
3444
+ * Diagonal Effect
3445
+ */
3446
+ .premium-blog-diagonal-container {
3447
+ position: absolute;
3448
+ top: 0;
3449
+ left: 0;
3450
+ width: 100%;
3451
+ height: 100%; }
3452
+
3453
+ .premium-blog-diagonal-effect:before {
3454
+ position: absolute;
3455
+ top: 0px;
3456
+ left: 0px;
3457
+ width: 100%;
3458
+ height: 100%;
3459
+ content: " ";
3460
+ z-index: 1;
3461
+ background: rgba(255, 255, 255, 0.2);
3462
+ -webkit-transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, -150%, 0);
3463
+ transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, -150%, 0);
3464
+ -webkit-transition: all 0.3s linear 0s;
3465
+ transition: all 0.3s linear 0s; }
3466
+
3467
+ .premium-blog-thumb-effect-wrapper:hover .premium-blog-diagonal-effect:before {
3468
+ -webkit-transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, 150%, 0);
3469
+ transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, 150%, 0); }
3470
+
3471
+ /*
3472
+ * Framed Effect
3473
+ */
3474
+ .premium-blog-framed-effect {
3475
+ position: absolute;
3476
+ width: -webkit-calc(100% - 30px);
3477
+ width: calc(100% - 30px);
3478
+ height: -webkit-calc(100% - 30px);
3479
+ height: calc(100% - 30px);
3480
+ top: 15px;
3481
+ left: 15px;
3482
+ opacity: 0;
3483
+ -webkit-transform: scale(0.3);
3484
+ -ms-transform: scale(0.3);
3485
+ transform: scale(0.3);
3486
+ -webkit-transition: all 0.3s linear 0s;
3487
+ transition: all 0.3s linear 0s; }
3488
+
3489
+ .premium-blog-thumb-effect-wrapper:hover .premium-blog-framed-effect {
3490
+ opacity: 0.99;
3491
+ -webkit-transform: scale(1);
3492
+ -ms-transform: scale(1);
3493
+ transform: scale(1); }
3494
+
3495
+ /*
3496
+ * Bordered Effect
3497
+ */
3498
+ .premium-blog-bordered-effect {
3499
+ position: absolute;
3500
+ top: 0;
3501
+ left: 0;
3502
+ width: 100%;
3503
+ height: 100%;
3504
+ opacity: 0;
3505
+ padding: 15px;
3506
+ -webkit-transition: all 0.3s linear 0s;
3507
+ transition: all 0.3s linear 0s; }
3508
+ .premium-blog-bordered-effect .premium-blog-post-link:before, .premium-blog-bordered-effect .premium-blog-post-link:after {
3509
+ content: "";
3510
+ display: block;
3511
+ position: absolute;
3512
+ top: 0;
3513
+ left: 0;
3514
+ width: 100%;
3515
+ height: 100%;
3516
+ -webkit-transition: all 0.5s linear 0s;
3517
+ transition: all 0.5s linear 0s;
3518
+ -webkit-transition-delay: 0s;
3519
+ transition-delay: 0s;
3520
+ border-color: rgba(255, 255, 255, 0.45); }
3521
+ .premium-blog-bordered-effect .premium-blog-post-link:before {
3522
+ border-right: 2px solid;
3523
+ border-left: 2px solid;
3524
+ -webkit-transform: scale(1, 0);
3525
+ -ms-transform: scale(1, 0);
3526
+ transform: scale(1, 0);
3527
+ -webkit-transform-origin: 100% 0;
3528
+ -ms-transform-origin: 100% 0;
3529
+ transform-origin: 100% 0; }
3530
+ .premium-blog-bordered-effect .premium-blog-post-link:after {
3531
+ border-top: 2px solid;
3532
+ border-bottom: 2px solid;
3533
+ -webkit-transform: scale(0, 1);
3534
+ -ms-transform: scale(0, 1);
3535
+ transform: scale(0, 1);
3536
+ -webkit-transform-origin: 0 0;
3537
+ -ms-transform-origin: 0 0;
3538
+ transform-origin: 0 0; }
3539
+
3540
+ .premium-blog-thumb-effect-wrapper:hover .premium-blog-bordered-effect {
3541
+ opacity: 0.99; }
3542
+ .premium-blog-thumb-effect-wrapper:hover .premium-blog-bordered-effect .premium-blog-post-link:before, .premium-blog-thumb-effect-wrapper:hover .premium-blog-bordered-effect .premium-blog-post-link:after {
3543
+ -webkit-transition-delay: 0.15s;
3544
+ transition-delay: 0.15s;
3545
+ opacity: 1;
3546
+ -webkit-transform: scale(1);
3547
+ -ms-transform: scale(1);
3548
+ transform: scale(1); }
3549
+
3550
+ /*
3551
+ * Squares Effect
3552
+ */
3553
+ .premium-blog-squares-effect,
3554
+ .premium-blog-squares-square-container {
3555
+ position: absolute;
3556
+ top: 0;
3557
+ left: 0;
3558
+ width: 100%;
3559
+ height: 100%; }
3560
+
3561
+ .premium-blog-squares-effect:before, .premium-blog-squares-effect:after {
3562
+ position: absolute;
3563
+ content: "";
3564
+ top: 0;
3565
+ left: 0;
3566
+ width: 50%;
3567
+ height: 50%;
3568
+ -webkit-transform: translate(-100%, -100%);
3569
+ -ms-transform: translate(-100%, -100%);
3570
+ transform: translate(-100%, -100%);
3571
+ opacity: 0.7;
3572
+ -webkit-transition: all 0.3s linear 0s;
3573
+ transition: all 0.3s linear 0s; }
3574
+
3575
+ .premium-blog-squares-square-container:before, .premium-blog-squares-square-container:after {
3576
+ position: absolute;
3577
+ content: "";
3578
+ top: 0;
3579
+ left: 0;
3580
+ width: 50%;
3581
+ height: 50%;
3582
+ -webkit-transform: translate(-100%, -100%);
3583
+ -ms-transform: translate(-100%, -100%);
3584
+ transform: translate(-100%, -100%);
3585
+ opacity: 0.7;
3586
+ -webkit-transition: all 0.3s linear 0s;
3587
+ transition: all 0.3s linear 0s; }
3588
+
3589
+ .premium-blog-squares-square-container:before, .premium-blog-squares-square-container:after {
3590
+ opacity: 0.8; }
3591
+
3592
+ .premium-blog-squares-effect:after {
3593
+ -webkit-transform: translate(200%, 200%);
3594
+ -ms-transform: translate(200%, 200%);
3595
+ transform: translate(200%, 200%); }
3596
+
3597
+ .premium-blog-squares-square-container:before {
3598
+ -webkit-transform: translate(-100%, 200%);
3599
+ -ms-transform: translate(-100%, 200%);
3600
+ transform: translate(-100%, 200%); }
3601
+
3602
+ .premium-blog-squares-square-container:after {
3603
+ -webkit-transform: translate(200%, -100%);
3604
+ -ms-transform: translate(200%, -100%);
3605
+ transform: translate(200%, -100%); }
3606
+
3607
+ .premium-blog-thumb-effect-wrapper:hover .premium-blog-squares-effect:before {
3608
+ -webkit-transform: translate(0, 0%) scaleY(1.003) scaleX(1.003);
3609
+ -ms-transform: translate(0, 0%) scaleY(1.003) scaleX(1.003);
3610
+ transform: translate(0, 0%) scaleY(1.003) scaleX(1.003); }
3611
+
3612
+ .premium-blog-thumb-effect-wrapper:hover .premium-blog-squares-effect:after {
3613
+ -webkit-transform: translate(100%, 100%) scaleY(1.003) scaleX(1.003);
3614
+ -ms-transform: translate(100%, 100%) scaleY(1.003) scaleX(1.003);
3615
+ transform: translate(100%, 100%) scaleY(1.003) scaleX(1.003); }
3616
+
3617
+ .premium-blog-thumb-effect-wrapper:hover .premium-blog-squares-square-container:before {
3618
+ -webkit-transform: translate(0, 100%);
3619
+ -ms-transform: translate(0, 100%);
3620
+ transform: translate(0, 100%); }
3621
+
3622
+ .premium-blog-thumb-effect-wrapper:hover .premium-blog-squares-square-container:after {
3623
+ -webkit-transform: translate(100%, 0%);
3624
+ -ms-transform: translate(100%, 0%);
3625
+ transform: translate(100%, 0%); }
3626
+
3627
+ .premium-blog-thumb-effect-wrapper:hover .premium-blog-thumbnail-overlay {
3628
+ opacity: 1; }
3629
+ .premium-blog-thumb-effect-wrapper:hover .premium-blog-thumbnail-overlay a {
3630
+ opacity: 1;
3631
+ -webkit-transform: scale(1);
3632
+ -ms-transform: scale(1);
3633
+ transform: scale(1); }
3634
+
3635
+ .premium-blog-clear-fix {
3636
+ clear: both; }
3637
+
3638
+ .premium-blog-masked .premium-blog-thumbnail-container {
3639
+ position: relative;
3640
+ overflow: visible; }
3641
+ .premium-blog-masked .premium-blog-thumbnail-container svg {
3642
+ position: absolute;
3643
+ height: 100px;
3644
+ width: 100%;
3645
+ bottom: -5px;
3646
+ left: 0;
3647
+ fill: #f5f5f5;
3648
+ z-index: 99; }
3649
+ .premium-blog-masked .premium-blog-thumbnail-container svg.premium-blog-shape-divider-svg {
3650
+ -webkit-transform: rotate(180deg);
3651
+ -ms-transform: rotate(180deg);
3652
+ transform: rotate(180deg); }
3653
+
3654
+ .premium-blog-masked .premium-blog-author-thumbnail,
3655
+ .premium-blog-masked .premium-blog-skin-banner .premium-blog-content-wrapper {
3656
+ z-index: 999 !important; }
3657
+
3658
+ .premium-blog-format-link {
3659
+ padding: 5px;
3660
+ line-height: 0; }
3661
+
3662
+ .premium-blog-entry-meta {
3663
+ line-height: 1.3em;
3664
+ font-size: 12px;
3665
+ margin-bottom: 13px;
3666
+ color: #adadad; }
3667
+ .premium-blog-entry-meta i {
3668
+ margin-right: 3px;
3669
+ -webkit-transition: all 0.3s ease-in-out;
3670
+ transition: all 0.3s ease-in-out; }
3671
+
3672
+ .premium-blog-meta-data {
3673
+ display: inline-block; }
3674
+ .premium-blog-meta-data .premium-blog-meta-separator {
3675
+ margin: 0 5px; }
3676
+ .premium-blog-meta-data a,
3677
+ .premium-blog-meta-data span {
3678
+ color: inherit;
3679
+ -webkit-transition: all 0.3s ease-in-out;
3680
+ transition: all 0.3s ease-in-out; }
3681
+
3682
+ .premium-blog-author-thumbnail {
3683
+ position: relative;
3684
+ padding: 0 30px;
3685
+ width: 100%;
3686
+ top: -10px;
3687
+ height: 0;
3688
+ pointer-events: none; }
3689
+ .premium-blog-author-thumbnail img {
3690
+ -webkit-border-radius: 50%;
3691
+ border-radius: 50%;
3692
+ width: 60px;
3693
+ pointer-events: all;
3694
+ -webkit-transform: translateY(-50%);
3695
+ -ms-transform: translateY(-50%);
3696
+ transform: translateY(-50%); }
3697
+
3698
+ .premium-blog-entry-title a,
3699
+ .premium-blog-post-tags-container a,
3700
+ .premium-blog-post-content .premium-blog-excerpt-link {
3701
+ -webkit-transition: all 0.3s ease-in-out;
3702
+ transition: all 0.3s ease-in-out; }
3703
+
3704
+ .premium-blog-excerpt-link-wrap a.premium-blog-excerpt-link {
3705
+ background-color: transparent;
3706
+ color: #54595f;
3707
+ padding: 0; }
3708
+
3709
+ .premium-blog-cta-full-yes .premium-blog-excerpt-link {
3710
+ width: 100%; }
3711
+
3712
+ .premium-blog-post-tags-container {
3713
+ margin-top: 8px;
3714
+ -js-display: flex;
3715
+ display: -webkit-box;
3716
+ display: -webkit-flex;
3717
+ display: -moz-box;
3718
+ display: -ms-flexbox;
3719
+ display: flex;
3720
+ -webkit-box-align: center;
3721
+ -webkit-align-items: center;
3722
+ -moz-box-align: center;
3723
+ -ms-flex-align: center;
3724
+ align-items: center;
3725
+ -webkit-flex-wrap: wrap;
3726
+ -ms-flex-wrap: wrap;
3727
+ flex-wrap: wrap; }
3728
+ .premium-blog-post-tags-container a {
3729
+ color: inherit;
3730
+ margin-left: 5px; }
3731
+
3732
+ /*Tags align*/
3733
+ .premium-blog-align-left .post-categories,
3734
+ .premium-blog-align-left .premium-blog-inner-container,
3735
+ .premium-blog-align-left .premium-blog-post-tags-container {
3736
+ -webkit-box-pack: start;
3737
+ -webkit-justify-content: flex-start;
3738
+ -moz-box-pack: start;
3739
+ -ms-flex-pack: start;
3740
+ justify-content: flex-start; }
3741
+
3742
+ .premium-blog-align-center .post-categories,
3743
+ .premium-blog-align-center .premium-blog-inner-container,
3744
+ .premium-blog-align-center .premium-blog-post-tags-container {
3745
+ -webkit-box-pack: center;
3746
+ -webkit-justify-content: center;
3747
+ -moz-box-pack: center;
3748
+ -ms-flex-pack: center;
3749
+ justify-content: center; }
3750
+
3751
+ .premium-blog-align-right .post-categories,
3752
+ .premium-blog-align-right .premium-blog-inner-container,
3753
+ .premium-blog-align-right .premium-blog-post-tags-container {
3754
+ -webkit-box-pack: end;
3755
+ -webkit-justify-content: flex-end;
3756
+ -moz-box-pack: end;
3757
+ -ms-flex-pack: end;
3758
+ justify-content: flex-end; }
3759
+
3760
+ /* Pagination */
3761
+ .premium-blog-pagination-container {
3762
+ text-align: right; }
3763
+ .premium-blog-pagination-container span {
3764
+ cursor: default; }
3765
+ .premium-blog-pagination-container .page-numbers {
3766
+ display: inline-block;
3767
+ color: #000;
3768
+ line-height: 1;
3769
+ font-size: 1em;
3770
+ font-weight: 400;
3771
+ text-decoration: none;
3772
+ padding: 0.75em;
3773
+ margin: 0 0.4em 0.4em 0;
3774
+ -webkit-transition: all 0.2s ease-in-out;
3775
+ transition: all 0.2s ease-in-out; }
3776
+
3777
+ .premium-blog-wrap .premium-loading-feed {
3778
+ display: block;
3779
+ position: absolute;
3780
+ width: 100%;
3781
+ height: 100%;
3782
+ top: 0px;
3783
+ left: 0px;
3784
+ bottom: 0px;
3785
+ right: 0px;
3786
+ background: rgba(255, 255, 255, 0.2);
3787
+ -js-display: flex;
3788
+ display: -webkit-box;
3789
+ display: -webkit-flex;
3790
+ display: -moz-box;
3791
+ display: -ms-flexbox;
3792
+ display: flex;
3793
+ -webkit-box-align: center;
3794
+ -webkit-align-items: center;
3795
+ -moz-box-align: center;
3796
+ -ms-flex-align: center;
3797
+ align-items: center;
3798
+ z-index: 99; }
3799
+
3800
+ .premium-blog-wrap {
3801
+ -js-display: flex;
3802
+ display: -webkit-box;
3803
+ display: -webkit-flex;
3804
+ display: -moz-box;
3805
+ display: -ms-flexbox;
3806
+ display: flex;
3807
+ -webkit-flex-wrap: wrap;
3808
+ -ms-flex-wrap: wrap;
3809
+ flex-wrap: wrap; }
3810
+ .premium-blog-wrap ul.slick-dots {
3811
+ width: 100%; }
3812
+
3813
+ /*
3814
+ * List Layout
3815
+ */
3816
+ .premium-blog-list .premium-blog-post-outer-container {
3817
+ width: 100%; }
3818
+
3819
+ /**
3820
+ * Even Layout
3821
+ */
3822
+ .premium-blog-even .premium-blog-post-container {
3823
+ height: 100%; }
3824
+
3825
+ .premium-blog-even .slick-track {
3826
+ -js-display: flex;
3827
+ display: -webkit-box;
3828
+ display: -webkit-flex;
3829
+ display: -moz-box;
3830
+ display: -ms-flexbox;
3831
+ display: flex; }
3832
+
3833
+ .premium-blog-even .slick-slide {
3834
+ height: inherit !important; }
3835
+
3836
+ /**
3837
+ * Responsive Style
3838
+ */
3839
+ @media (max-width: 768px) {
3840
+ .premium-blog-content-wrapper {
3841
+ top: 0;
3842
+ margin: 0;
3843
+ padding: 15px; }
3844
+ .premium-blog-skin-side {
3845
+ -webkit-box-orient: vertical;
3846
+ -webkit-box-direction: normal;
3847
+ -webkit-flex-direction: column;
3848
+ -moz-box-orient: vertical;
3849
+ -moz-box-direction: normal;
3850
+ -ms-flex-direction: column;
3851
+ flex-direction: column; } }
3852
+
3853
+ /************ Premium Team Members ************/
3854
+ /**********************************************/
3855
+ .premium-person-container {
3856
+ position: relative; }
3857
+
3858
+ .premium-person-image-container {
3859
+ position: relative;
3860
+ text-align: center; }
3861
+ .premium-person-image-container .premium-person-image-wrap {
3862
+ overflow: hidden; }
3863
+
3864
+ .premium-person-zoomout-effect .premium-person-image-container img,
3865
+ .premium-person-scale-effect .premium-person-image-container img {
3866
+ -webkit-transform: scale(1.2);
3867
+ -ms-transform: scale(1.2);
3868
+ transform: scale(1.2); }
3869
+
3870
+ .premium-person-sepia-effect .premium-person-image-container img {
3871
+ -webkit-filter: sepia(30%);
3872
+ filter: sepia(30%); }
3873
+
3874
+ .premium-person-bright-effect .premium-person-image-container img {
3875
+ -webkit-filter: brightness(1);
3876
+ filter: brightness(1); }
3877
+
3878
+ .premium-person-trans-effect .premium-person-image-container img {
3879
+ -webkit-transform: translateX(-15px) scale(1.1);
3880
+ -ms-transform: translateX(-15px) scale(1.1);
3881
+ transform: translateX(-15px) scale(1.1); }
3882
+
3883
+ .premium-person-zoomin-effect:hover .premium-person-image-container img {
3884
+ -webkit-transform: scale(1.2);
3885
+ -ms-transform: scale(1.2);
3886
+ transform: scale(1.2); }
3887
+
3888
+ .premium-person-zoomout-effect:hover .premium-person-image-container img {
3889
+ -webkit-transform: scale(1.1);
3890
+ -ms-transform: scale(1.1);
3891
+ transform: scale(1.1); }
3892
+
3893
+ .premium-person-scale-effect:hover .premium-person-image-container img {
3894
+ -webkit-transform: scale(1.3) rotate(5deg);
3895
+ -ms-transform: scale(1.3) rotate(5deg);
3896
+ transform: scale(1.3) rotate(5deg); }
3897
+
3898
+ .premium-person-grayscale-effect:hover .premium-person-image-container img {
3899
+ -webkit-filter: grayscale(100%);
3900
+ filter: grayscale(100%); }
3901
+
3902
+ .premium-person-blur-effect:hover .premium-person-image-container img {
3903
+ -webkit-filter: blur(3px);
3904
+ filter: blur(3px); }
3905
+
3906
+ .premium-person-sepia-effect:hover .premium-person-image-container img {
3907
+ -webkit-filter: sepia(0%);
3908
+ filter: sepia(0%); }
3909
+
3910
+ .premium-person-bright-effect:hover .premium-person-image-container img {
3911
+ -webkit-filter: brightness(1.2);
3912
+ filter: brightness(1.2); }
3913
+
3914
+ .premium-person-trans-effect:hover .premium-person-image-container img {
3915
+ -webkit-transform: translateX(0px) scale(1.1);
3916
+ -ms-transform: translateX(0px) scale(1.1);
3917
+ transform: translateX(0px) scale(1.1); }
3918
+
3919
+ .premium-person-container .premium-person-image-container img {
3920
+ width: 100%;
3921
+ height: 100%;
3922
+ -o-object-fit: cover;
3923
+ object-fit: cover;
3924
+ -webkit-transition: all 0.5s ease-in-out;
3925
+ transition: all 0.5s ease-in-out; }
3926
+
3927
+ .premium-person-style2 .premium-person-social {
3928
+ position: absolute;
3929
+ top: 0;
3930
+ left: 0;
3931
+ width: 100%;
3932
+ height: 100%;
3933
+ z-index: 2;
3934
+ -js-display: flex;
3935
+ display: -webkit-box;
3936
+ display: -webkit-flex;
3937
+ display: -moz-box;
3938
+ display: -ms-flexbox;
3939
+ display: flex;
3940
+ -webkit-box-pack: center;
3941
+ -webkit-justify-content: center;
3942
+ -moz-box-pack: center;
3943
+ -ms-flex-pack: center;
3944
+ justify-content: center;
3945
+ -webkit-box-align: center;
3946
+ -webkit-align-items: center;
3947
+ -moz-box-align: center;
3948
+ -ms-flex-align: center;
3949
+ align-items: center;
3950
+ -webkit-box-shadow: inset 0 0 120px 0 rgba(0, 0, 0, 0.5);
3951
+ box-shadow: inset 0 0 120px 0 rgba(0, 0, 0, 0.5);
3952
+ -webkit-transition: all 0.5s linear 0s;
3953
+ transition: all 0.5s linear 0s;
3954
+ opacity: 0; }
3955
+
3956
+ .premium-person-style2 .premium-person-image-container:hover .premium-person-social {
3957
+ opacity: 1; }
3958
+
3959
+ .premium-person-list-item a {
3960
+ display: inline-block; }
3961
+
3962
+ .premium-person-style2 .premium-person-list-item a {
3963
+ opacity: 0;
3964
+ -webkit-transform: scale(0);
3965
+ -ms-transform: scale(0);
3966
+ transform: scale(0);
3967
+ -webkit-transition: all 0.5s ease-in-out 0s;
3968
+ transition: all 0.5s ease-in-out 0s; }
3969
+
3970
+ .premium-person-style2 .premium-person-image-container:hover .premium-person-list-item a {
3971
+ opacity: 1;
3972
+ -webkit-transform: scale(1);
3973
+ -ms-transform: scale(1);
3974
+ transform: scale(1); }
3975
+
3976
+ .premium-person-info-container {
3977
+ padding: 30px 15px; }
3978
+
3979
+ .premium-person-name {
3980
+ margin: 0 0 5px;
3981
+ font-weight: 700; }
3982
+
3983
+ .premium-person-title {
3984
+ margin: 0 0 20px;
3985
+ padding: 0; }
3986
+
3987
+ .premium-person-content {
3988
+ margin: 0 0 30px; }
3989
+
3990
+ /*Override Theme List Margin*/
3991
+ ul.premium-person-social-list {
3992
+ margin: 0px !important;
3993
+ padding: 0; }
3994
+
3995
+ .premium-person-social-list .premium-person-list-item {
3996
+ display: inline;
3997
+ list-style: none; }
3998
+
3999
+ .premium-person-social-list li {
4000
+ position: relative;
4001
+ bottom: 0px;
4002
+ -webkit-transition: all 0.2s ease-in-out;
4003
+ transition: all 0.2s ease-in-out; }
4004
+ .premium-person-social-list li i {
4005
+ position: relative;
4006
+ bottom: 0px;
4007
+ -webkit-transition: all 0.2s ease-in-out;
4008
+ transition: all 0.2s ease-in-out; }
4009
+
4010
+ .premium-person-defaults-yes li.premium-person-facebook:hover a {
4011
+ background-color: #3b5998 !important; }
4012
+
4013
+ .premium-person-defaults-yes li.premium-person-twitter:hover a {
4014
+ background-color: #55acee !important; }
4015
+
4016
+ .premium-person-defaults-yes li.premium-person-linkedin:hover a {
4017
+ background-color: #0077b5 !important; }
4018
+
4019
+ .premium-person-defaults-yes li.premium-person-google:hover a {
4020
+ background-color: #dc4e41 !important; }
4021
+
4022
+ .premium-person-defaults-yes li.premium-person-youtube:hover a {
4023
+ background-color: #b31217 !important; }
4024
+
4025
+ .premium-person-defaults-yes li.premium-person-instagram:hover a {
4026
+ background-color: #e4405f !important; }
4027
+
4028
+ .premium-person-defaults-yes li.premium-person-skype:hover a {
4029
+ background-color: #00aff0 !important; }
4030
+
4031
+ .premium-person-defaults-yes li.premium-person-pinterest:hover a {
4032
+ background-color: #bd081c !important; }
4033
+
4034
+ .premium-person-defaults-yes li.premium-person-dribbble:hover a {
4035
+ background-color: #ea4c89 !important; }
4036
+
4037
+ .premium-person-defaults-yes li.premium-person-mail:hover a {
4038
+ background-color: #b23121 !important; }
4039
+
4040
+ .premium-person-defaults-yes li.premium-person-behance:hover a {
4041
+ background-color: #1769ff !important; }
4042
+
4043
+ .premium-person-defaults-yes li.premium-person-whatsapp:hover a {
4044
+ background-color: #25d366 !important; }
4045
+
4046
+ .premium-person-defaults-yes li.premium-person-telegram:hover a {
4047
+ background-color: #0088cc !important; }
4048
+
4049
+ .premium-person-defaults-yes li.premium-person-site:hover a {
4050
+ background-color: #0055a5 !important; }
4051
+
4052
+ .premium-person-social-list li:hover a {
4053
+ -webkit-box-shadow: none;
4054
+ box-shadow: none; }
4055
+
4056
+ .premium-person-social-list li a:focus {
4057
+ -webkit-box-shadow: none;
4058
+ box-shadow: none;
4059
+ outline: none; }
4060
+
4061
+ .premium-person-social-list li i {
4062
+ font-size: 18px; }
4063
+
4064
+ .elementor-widget-premium-addon-person .elementor-widget-container {
4065
+ -js-display: flex;
4066
+ display: -webkit-box;
4067
+ display: -webkit-flex;
4068
+ display: -moz-box;
4069
+ display: -ms-flexbox;
4070
+ display: flex;
4071
+ -webkit-box-pack: center;
4072
+ -webkit-justify-content: center;
4073
+ -moz-box-pack: center;
4074
+ -ms-flex-pack: center;
4075
+ justify-content: center; }
4076
+
4077
+ .premium-persons-container.multiple-persons {
4078
+ -js-display: flex;
4079
+ display: -webkit-box;
4080
+ display: -webkit-flex;
4081
+ display: -moz-box;
4082
+ display: -ms-flexbox;
4083
+ display: flex;
4084
+ -webkit-flex-wrap: wrap;
4085
+ -ms-flex-wrap: wrap;
4086
+ flex-wrap: wrap;
4087
+ width: 100%; }
4088
+
4089
+ .premium-person-style1 .premium-person-container {
4090
+ overflow: hidden; }
4091
+ .premium-person-style1 .premium-person-container .premium-person-info {
4092
+ position: absolute;
4093
+ top: auto;
4094
+ right: 0;
4095
+ left: 0;
4096
+ -webkit-transition: all 500ms ease 0s;
4097
+ transition: all 500ms ease 0s;
4098
+ -webkit-transform: translate3d(0, 100%, 0);
4099
+ transform: translate3d(0, 100%, 0); }
4100
+ .premium-person-style1 .premium-person-container:hover .premium-person-info {
4101
+ -webkit-transform: translate3d(0, 0, 0);
4102
+ transform: translate3d(0, 0, 0);
4103
+ bottom: -1px !important; }
4104
+
4105
+ .premium-person-style1 .premium-person-social-list li:hover {
4106
+ bottom: 5px; }
4107
+
4108
+ .premium-person-style1.multiple-persons:not([data-persons-equal="yes"]) {
4109
+ -webkit-box-align: start;
4110
+ -webkit-align-items: flex-start;
4111
+ -moz-box-align: start;
4112
+ -ms-flex-align: start;
4113
+ align-items: flex-start; }
4114
+
4115
+ .premium-person-style1 .slick-track {
4116
+ -js-display: flex;
4117
+ display: -webkit-box;
4118
+ display: -webkit-flex;
4119
+ display: -moz-box;
4120
+ display: -ms-flexbox;
4121
+ display: flex; }
4122
+
4123
+ .premium-person-style1 .slick-slide {
4124
+ height: inherit !important; }
4125
+
4126
+ .premium-person-style1.multiple-persons[data-persons-equal="yes"] .premium-person-image-container,
4127
+ .premium-person-style1.multiple-persons[data-persons-equal="yes"] .premium-person-image-wrap {
4128
+ height: 100%; }
4129
+
4130
+ .premium-person-style3 .premium-person-info-container {
4131
+ position: absolute;
4132
+ top: 0;
4133
+ left: 0;
4134
+ width: 100%;
4135
+ height: 100%;
4136
+ -js-display: flex;
4137
+ display: -webkit-box;
4138
+ display: -webkit-flex;
4139
+ display: -moz-box;
4140
+ display: -ms-flexbox;
4141
+ display: flex;
4142
+ -webkit-box-orient: vertical;
4143
+ -webkit-box-direction: normal;
4144
+ -webkit-flex-direction: column;
4145
+ -moz-box-orient: vertical;
4146
+ -moz-box-direction: normal;
4147
+ -ms-flex-direction: column;
4148
+ flex-direction: column;
4149
+ -webkit-box-pack: justify;
4150
+ -webkit-justify-content: space-between;
4151
+ -moz-box-pack: justify;
4152
+ -ms-flex-pack: justify;
4153
+ justify-content: space-between; }
4154
+
4155
+ .premium-person-style3 .premium-person-title-desc-wrap {
4156
+ -js-display: flex;
4157
+ display: -webkit-box;
4158
+ display: -webkit-flex;
4159
+ display: -moz-box;
4160
+ display: -ms-flexbox;
4161
+ display: flex;
4162
+ -webkit-box-orient: horizontal;
4163
+ -webkit-box-direction: reverse;
4164
+ -webkit-flex-direction: row-reverse;
4165
+ -moz-box-orient: horizontal;
4166
+ -moz-box-direction: reverse;
4167
+ -ms-flex-direction: row-reverse;
4168
+ flex-direction: row-reverse;
4169
+ -webkit-box-pack: justify;
4170
+ -webkit-justify-content: space-between;
4171
+ -moz-box-pack: justify;
4172
+ -ms-flex-pack: justify;
4173
+ justify-content: space-between;
4174
+ -webkit-box-align: start;
4175
+ -webkit-align-items: flex-start;
4176
+ -moz-box-align: start;
4177
+ -ms-flex-align: start;
4178
+ align-items: flex-start; }
4179
+
4180
+ .premium-person-style3 .premium-person-name-icons-wrap {
4181
+ -js-display: flex;
4182
+ display: -webkit-box;
4183
+ display: -webkit-flex;
4184
+ display: -moz-box;
4185
+ display: -ms-flexbox;
4186
+ display: flex;
4187
+ -webkit-box-pack: justify;
4188
+ -webkit-justify-content: space-between;
4189
+ -moz-box-pack: justify;
4190
+ -ms-flex-pack: justify;
4191
+ justify-content: space-between;
4192
+ -webkit-box-align: end;
4193
+ -webkit-align-items: flex-end;
4194
+ -moz-box-align: end;
4195
+ -ms-flex-align: end;
4196
+ align-items: flex-end; }
4197
+
4198
+ .premium-person-style3 .premium-person-title {
4199
+ opacity: 0;
4200
+ -webkit-transition: all 0.3s ease;
4201
+ transition: all 0.3s ease;
4202
+ width: 0; }
4203
+ .premium-person-style3 .premium-person-title span {
4204
+ display: inline-block; }
4205
+
4206
+ .premium-person-style3 .premium-person-name {
4207
+ padding-left: 10px; }
4208
+
4209
+ .premium-person-style3 .premium-person-social-list {
4210
+ -js-display: flex;
4211
+ display: -webkit-box;
4212
+ display: -webkit-flex;
4213
+ display: -moz-box;
4214
+ display: -ms-flexbox;
4215
+ display: flex;
4216
+ -webkit-box-orient: vertical;
4217
+ -webkit-box-direction: normal;
4218
+ -webkit-flex-direction: column;
4219
+ -moz-box-orient: vertical;
4220
+ -moz-box-direction: normal;
4221
+ -ms-flex-direction: column;
4222
+ flex-direction: column;
4223
+ -webkit-transform: translateY(20px);
4224
+ -ms-transform: translateY(20px);
4225
+ transform: translateY(20px);
4226
+ opacity: 0;
4227
+ -webkit-transition: all 0.3s ease;
4228
+ transition: all 0.3s ease; }
4229
+
4230
+ .premium-person-style3 .premium-person-list-item {
4231
+ line-height: 0; }
4232
+ .premium-person-style3 .premium-person-list-item a {
4233
+ padding: 5px 10px 0 0;
4234
+ margin: 5px 0; }
4235
+
4236
+ .premium-person-style3 .premium-person-container:hover .premium-person-title {
4237
+ opacity: 1; }
4238
+
4239
+ .premium-person-style3 .premium-person-container:hover .premium-person-social-list {
4240
+ opacity: 1;
4241
+ -webkit-transform: translateY(0);
4242
+ -ms-transform: translateY(0);
4243
+ transform: translateY(0); }
4244
+
4245
+ .premium-persons-title-cw .premium-person-title {
4246
+ -webkit-transform: translateX(15px) rotate(90deg);
4247
+ -ms-transform: translateX(15px) rotate(90deg);
4248
+ transform: translateX(15px) rotate(90deg);
4249
+ -webkit-transform-origin: top;
4250
+ -ms-transform-origin: top;
4251
+ transform-origin: top; }
4252
+
4253
+ .premium-persons-title-cw .premium-person-container:hover .premium-person-title {
4254
+ -webkit-transform: translateX(0) rotate(90deg);
4255
+ -ms-transform: translateX(0) rotate(90deg);
4256
+ transform: translateX(0) rotate(90deg); }
4257
+
4258
+ .premium-persons-title-ccw .premium-person-title {
4259
+ width: auto;
4260
+ margin-right: 20px;
4261
+ -webkit-transform: translateX(15px) rotate(-90deg);
4262
+ -ms-transform: translateX(15px) rotate(-90deg);
4263
+ transform: translateX(15px) rotate(-90deg);
4264
+ -webkit-transform-origin: center right;
4265
+ -ms-transform-origin: center right;
4266
+ transform-origin: center right; }
4267
+
4268
+ .premium-persons-title-ccw .premium-person-container:hover .premium-person-title {
4269
+ -webkit-transform: translateX(0) rotate(-90deg);
4270
+ -ms-transform: translateX(0) rotate(-90deg);
4271
+ transform: translateX(0) rotate(-90deg); }
4272
+
4273
+ /**************** Premium Fancy Text *******************/
4274
+ /*******************************************************/
4275
+ .premium-suffix-text,
4276
+ .premium-fancy-text,
4277
+ .premium-prefix-text {
4278
+ font-size: 40px; }
4279
+
4280
+ .premium-fancy-text-wrapper .premium-fancy-list-items {
4281
+ list-style: none; }
4282
+
4283
+ .premium-fancy-text-wrapper .premium-fancy-text-span-align {
4284
+ vertical-align: top; }
4285
+
4286
+ .premium-fancy-text-wrapper:not(.typing):not(.slide) .premium-fancy-text-items-wrapper {
4287
+ margin: 0;
4288
+ padding: 0;
4289
+ border: none;
4290
+ position: relative; }
4291
+
4292
+ .premium-fancy-text-wrapper:not(.typing):not(.slide) .premium-fancy-list-items {
4293
+ position: absolute;
4294
+ top: 0;
4295
+ left: 0;
4296
+ display: inline-block; }
4297
+
4298
+ .premium-fancy-text-wrapper.zoomout .premium-fancy-item-hidden {
4299
+ opacity: 0;
4300
+ -webkit-animation: pa-zoom-out 0.8s;
4301
+ animation: pa-zoom-out 0.8s; }
4302
+
4303
+ .premium-fancy-text-wrapper.zoomout .premium-fancy-item-visible {
4304
+ position: relative !important;
4305
+ -webkit-animation: pa-zoom-in 0.8s;
4306
+ animation: pa-zoom-in 0.8s; }
4307
+
4308
+ .premium-fancy-text-wrapper.zoomout .premium-fancy-text-items-wrapper {
4309
+ -webkit-perspective: 300px;
4310
+ perspective: 300px; }
4311
+
4312
+ .premium-fancy-text-wrapper.rotate .premium-fancy-list-items {
4313
+ -webkit-transform-origin: 50% 100%;
4314
+ -ms-transform-origin: 50% 100%;
4315
+ transform-origin: 50% 100%; }
4316
+
4317
+ .premium-fancy-text-wrapper.rotate .premium-fancy-item-hidden {
4318
+ opacity: 0;
4319
+ -webkit-transform: rotateX(180deg);
4320
+ transform: rotateX(180deg);
4321
+ -webkit-animation: pa-rotate-out 1.2s;
4322
+ animation: pa-rotate-out 1.2s; }
4323
+
4324
+ .premium-fancy-text-wrapper.rotate .premium-fancy-item-visible {
4325
+ position: relative !important;
4326
+ -webkit-transform: rotateX(0deg);
4327
+ transform: rotateX(0deg);
4328
+ -webkit-animation: pa-rotate-in 1.2s;
4329
+ animation: pa-rotate-in 1.2s; }
4330
+
4331
+ .premium-fancy-text-wrapper.custom .premium-fancy-item-hidden {
4332
+ opacity: 0; }
4333
+
4334
+ .premium-fancy-text-wrapper.custom .premium-fancy-item-visible {
4335
+ position: relative !important; }
4336
+
4337
+ .premium-fancy-text-wrapper.auto-fade .premium-fancy-text {
4338
+ display: inline-block;
4339
+ width: 200px;
4340
+ font-weight: 400; }
4341
+
4342
+ .premium-fancy-text-wrapper.auto-fade .premium-fancy-svg-text {
4343
+ position: relative;
4344
+ vertical-align: sub; }
4345
+
4346
+ .premium-fancy-text-wrapper.auto-fade g > text {
4347
+ text-anchor: start;
4348
+ shape-rendering: crispEdges;
4349
+ opacity: 0;
4350
+ font-size: 300px;
4351
+ -webkit-animation-name: pa-auto-fade;
4352
+ animation-name: pa-auto-fade;
4353
+ -moz-animation-name: pa-auto-fade;
4354
+ -webkit-animation-duration: 9s;
4355
+ animation-duration: 9s;
4356
+ -webkit-animation-timing-function: linear;
4357
+ animation-timing-function: linear;
4358
+ -webkit-animation-iteration-count: infinite;
4359
+ animation-iteration-count: infinite; }
4360
+
4361
+ .premium-fancy-text-wrapper.auto-fade g > text:nth-child(1) {
4362
+ -webkit-animation-delay: 0s;
4363
+ animation-delay: 0s; }
4364
+
4365
+ .premium-fancy-text-wrapper.auto-fade g > text:nth-child(2) {
4366
+ -webkit-animation-delay: 3s;
4367
+ animation-delay: 3s; }
4368
+
4369
+ .premium-fancy-text-wrapper.auto-fade g > text:nth-child(3) {
4370
+ -webkit-animation-delay: 6s;
4371
+ animation-delay: 6s; }
4372
+
4373
+ @-webkit-keyframes pa-auto-fade {
4374
+ 0% {
4375
+ opacity: 0; }
4376
+ 20% {
4377
+ opacity: 1; }
4378
+ 35% {
4379
+ opacity: 0; }
4380
+ 100% {
4381
+ opacity: 0; } }
4382
+
4383
+ @keyframes pa-auto-fade {
4384
+ 0% {
4385
+ opacity: 0; }
4386
+ 20% {
4387
+ opacity: 1; }
4388
+ 35% {
4389
+ opacity: 0; }
4390
+ 100% {
4391
+ opacity: 0; } }
4392
+
4393
+ @-webkit-keyframes pa-zoom-in {
4394
+ 0% {
4395
+ opacity: 0;
4396
+ -webkit-transform: translateZ(100px);
4397
+ transform: translateZ(100px); }
4398
+ 100% {
4399
+ opacity: 1;
4400
+ -webkit-transform: translateZ(0);
4401
+ transform: translateZ(0); } }
4402
+
4403
+ @keyframes pa-zoom-in {
4404
+ 0% {
4405
+ opacity: 0;
4406
+ -webkit-transform: translateZ(100px);
4407
+ transform: translateZ(100px); }
4408
+ 100% {
4409
+ opacity: 1;
4410
+ -webkit-transform: translateZ(0);
4411
+ transform: translateZ(0); } }
4412
+
4413
+ @-webkit-keyframes pa-zoom-out {
4414
+ 0% {
4415
+ opacity: 1;
4416
+ -webkit-transform: translateZ(0);
4417
+ transform: translateZ(0); }
4418
+ 100% {
4419
+ opacity: 0;
4420
+ -webkit-transform: translateZ(-100px);
4421
+ transform: translateZ(-100px); } }
4422
+
4423
+ @keyframes pa-zoom-out {
4424
+ 0% {
4425
+ opacity: 1;
4426
+ -webkit-transform: translateZ(0);
4427
+ transform: translateZ(0); }
4428
+ 100% {
4429
+ opacity: 0;
4430
+ -webkit-transform: translateZ(-100px);
4431
+ transform: translateZ(-100px); } }
4432
+
4433
+ @-webkit-keyframes pa-rotate-in {
4434
+ 0% {
4435
+ opacity: 0;
4436
+ -webkit-transform: rotateX(180deg);
4437
+ transform: rotateX(180deg); }
4438
+ 35% {
4439
+ opacity: 0;
4440
+ -webkit-transform: rotateX(120deg);
4441
+ transform: rotateX(120deg); }
4442
+ 65% {
4443
+ opacity: 0; }
4444
+ 100% {
4445
+ opacity: 1;
4446
+ -webkit-transform: rotateX(360deg);
4447
+ transform: rotateX(360deg); } }
4448
+
4449
+ @keyframes pa-rotate-in {
4450
+ 0% {
4451
+ opacity: 0;
4452
+ -webkit-transform: rotateX(180deg);
4453
+ transform: rotateX(180deg); }
4454
+ 35% {
4455
+ opacity: 0;
4456
+ -webkit-transform: rotateX(120deg);
4457
+ transform: rotateX(120deg); }
4458
+ 65% {
4459
+ opacity: 0; }
4460
+ 100% {
4461
+ opacity: 1;
4462
+ -webkit-transform: rotateX(360deg);
4463
+ transform: rotateX(360deg); } }
4464
+
4465
+ @-webkit-keyframes pa-rotate-out {
4466
+ 0% {
4467
+ opacity: 1;
4468
+ -webkit-transform: rotateX(0deg);
4469
+ transform: rotateX(0deg); }
4470
+ 35% {
4471
+ opacity: 1;
4472
+ -webkit-transform: rotateX(-40deg);
4473
+ transform: rotateX(-40deg); }
4474
+ 65% {
4475
+ opacity: 0; }
4476
+ 100% {
4477
+ opacity: 0;
4478
+ -webkit-transform: rotateX(180deg);
4479
+ transform: rotateX(180deg); } }
4480
+
4481
+ @keyframes pa-rotate-out {
4482
+ 0% {
4483
+ opacity: 1;
4484
+ -webkit-transform: rotateX(0deg);
4485
+ transform: rotateX(0deg); }
4486
+ 35% {
4487
+ opacity: 1;
4488
+ -webkit-transform: rotateX(-40deg);
4489
+ transform: rotateX(-40deg); }
4490
+ 65% {
4491
+ opacity: 0; }
4492
+ 100% {
4493
+ opacity: 0;
4494
+ -webkit-transform: rotateX(180deg);
4495
+ transform: rotateX(180deg); } }
4496
+
4497
+ /**************** Premium Pricing Table ****************/
4498
+ /*******************************************************/
4499
+ .premium-pricing-table-container {
4500
+ position: relative;
4501
+ overflow: hidden;
4502
+ text-align: center;
4503
+ -webkit-transition: all 0.3s ease-in-out;
4504
+ transition: all 0.3s ease-in-out; }
4505
+
4506
+ .premium-pricing-icon-container {
4507
+ -js-display: flex;
4508
+ display: -webkit-box;
4509
+ display: -webkit-flex;
4510
+ display: -moz-box;
4511
+ display: -ms-flexbox;
4512
+ display: flex;
4513
+ -webkit-box-pack: center;
4514
+ -webkit-justify-content: center;
4515
+ -moz-box-pack: center;
4516
+ -ms-flex-pack: center;
4517
+ justify-content: center;
4518
+ line-height: 0; }
4519
+ .premium-pricing-icon-container .premium-pricing-icon {
4520
+ display: inline-block; }
4521
+ .premium-pricing-icon-container .premium-pricing-image {
4522
+ overflow: hidden; }
4523
+ .premium-pricing-icon-container .premium-pricing-image img {
4524
+ width: 25px;
4525
+ height: 25px;
4526
+ -o-object-fit: cover;
4527
+ object-fit: cover; }
4528
+
4529
+ .premium-badge-left {
4530
+ position: absolute;
4531
+ top: 0; }
4532
+
4533
+ .premium-badge-right {
4534
+ position: absolute;
4535
+ top: 0;
4536
+ right: 0; }
4537
+
4538
+ .premium-badge-left {
4539
+ left: 0; }
4540
+
4541
+ .premium-badge-triangle.premium-badge-left .corner {
4542
+ width: 0;
4543
+ height: 0;
4544
+ border-top: 150px solid;
4545
+ border-bottom: 150px solid transparent;
4546
+ border-right: 150px solid transparent; }
4547
+
4548
+ .premium-badge-triangle.premium-badge-right .corner {
4549
+ width: 0;
4550
+ height: 0;
4551
+ border-bottom: 150px solid transparent;
4552
+ border-right: 150px solid;
4553
+ border-left: 150px solid transparent; }
4554
+
4555
+ .premium-badge-triangle span {
4556
+ position: absolute;
4557
+ top: 35px;
4558
+ width: 100px;
4559
+ text-align: center;
4560
+ -webkit-transform: rotate(-45deg);
4561
+ -ms-transform: rotate(-45deg);
4562
+ transform: rotate(-45deg);
4563
+ display: block;
4564
+ text-transform: uppercase; }
4565
+
4566
+ .premium-badge-triangle.premium-badge-right span {
4567
+ -webkit-transform: rotate(45deg);
4568
+ -ms-transform: rotate(45deg);
4569
+ transform: rotate(45deg);
4570
+ right: 0; }
4571
+
4572
+ .premium-badge-circle {
4573
+ min-width: 4em;
4574
+ min-height: 4em;
4575
+ line-height: 4em;
4576
+ text-align: center;
4577
+ -webkit-border-radius: 100%;
4578
+ border-radius: 100%;
4579
+ position: absolute;
4580
+ z-index: 1; }
4581
+
4582
+ .premium-badge-stripe {
4583
+ position: absolute;
4584
+ -webkit-transform: rotate(90deg);
4585
+ -ms-transform: rotate(90deg);
4586
+ transform: rotate(90deg);
4587
+ width: 15em;
4588
+ overflow: hidden;
4589
+ height: 15em; }
4590
+ .premium-badge-stripe.premium-badge-left {
4591
+ -webkit-transform: rotate(0);
4592
+ -ms-transform: rotate(0);
4593
+ transform: rotate(0); }
4594
+ .premium-badge-stripe .corner {
4595
+ text-align: center;
4596
+ left: 0;
4597
+ width: 150%;
4598
+ -webkit-transform: translateY(-50%) translateX(-50%) translateX(35px) rotate(-45deg);
4599
+ -ms-transform: translateY(-50%) translateX(-50%) translateX(35px) rotate(-45deg);
4600
+ transform: translateY(-50%) translateX(-50%) translateX(35px) rotate(-45deg);
4601
+ margin-top: 35px;
4602
+ font-size: 13px;
4603
+ line-height: 2;
4604
+ font-weight: 800;
4605
+ text-transform: uppercase; }
4606
+
4607
+ .premium-badge-flag .corner {
4608
+ text-align: center;
4609
+ -webkit-border-radius: 4px 4px 0 4px;
4610
+ border-radius: 4px 4px 0 4px;
4611
+ padding: 3px 15px;
4612
+ position: absolute;
4613
+ top: 10%;
4614
+ right: -8px; }
4615
+ .premium-badge-flag .corner::before, .premium-badge-flag .corner::after {
4616
+ content: "";
4617
+ display: block;
4618
+ position: absolute;
4619
+ width: 0;
4620
+ height: 0;
4621
+ top: 100%;
4622
+ right: 0;
4623
+ border-bottom: 8px solid transparent; }
4624
+
4625
+ .elementor-widget-premium-addon-pricing-table .elementor-widget-container {
4626
+ overflow: visible !important; }
4627
+
4628
+ .premium-badge-flag .corner::after {
4629
+ border-left: 8px solid rgba(0, 0, 0, 0.2); }
4630
+
4631
+ .premium-pricing-price-currency {
4632
+ position: relative; }
4633
+
4634
+ .premium-pricing-button-container {
4635
+ display: block; }
4636
+
4637
+ .premium-pricing-list {
4638
+ -js-display: flex;
4639
+ display: -webkit-box;
4640
+ display: -webkit-flex;
4641
+ display: -moz-box;
4642
+ display: -ms-flexbox;
4643
+ display: flex;
4644
+ -webkit-box-orient: vertical;
4645
+ -webkit-box-direction: normal;
4646
+ -webkit-flex-direction: column;
4647
+ -moz-box-orient: vertical;
4648
+ -moz-box-direction: normal;
4649
+ -ms-flex-direction: column;
4650
+ flex-direction: column;
4651
+ list-style-type: none;
4652
+ margin: 0; }
4653
+ .premium-pricing-list .premium-pricing-list-item {
4654
+ -js-display: flex;
4655
+ display: -webkit-box;
4656
+ display: -webkit-flex;
4657
+ display: -moz-box;
4658
+ display: -ms-flexbox;
4659
+ display: flex;
4660
+ -webkit-box-align: center;
4661
+ -webkit-align-items: center;
4662
+ -moz-box-align: center;
4663
+ -ms-flex-align: center;
4664
+ align-items: center; }
4665
+ .premium-pricing-list .premium-pricing-list-item svg {
4666
+ width: 50px;
4667
+ height: 50px; }
4668
+ .premium-pricing-list .premium-pricing-list-item img {
4669
+ width: 30px;
4670
+ height: 30px;
4671
+ -o-object-fit: cover;
4672
+ object-fit: cover; }
4673
+ .premium-pricing-list .premium-pricing-list-span {
4674
+ position: relative; }
4675
+ .premium-pricing-list .list-item-tooltip {
4676
+ border-bottom: 1px dotted; }
4677
+ .premium-pricing-list .premium-pricing-list-tooltip {
4678
+ position: absolute;
4679
+ top: -webkit-calc(100% + 1px);
4680
+ top: calc(100% + 1px);
4681
+ left: 0;
4682
+ visibility: hidden;
4683
+ padding: 15px 20px;
4684
+ -webkit-border-radius: 5px;
4685
+ border-radius: 5px;
4686
+ min-width: 200px;
4687
+ overflow: hidden;
4688
+ text-align: left;
4689
+ font-size: 0.8rem;
4690
+ color: #fff;
4691
+ background-color: #aaa; }
4692
+
4693
+ .premium-pricing-features-left .premium-pricing-list-span {
4694
+ text-align: left; }
4695
+
4696
+ .premium-pricing-features-center .premium-pricing-list-span {
4697
+ text-align: center; }
4698
+
4699
+ .premium-pricing-features-right .premium-pricing-list-span {
4700
+ text-align: right; }
4701
+
4702
+ .premium-pricing-list-span:hover .premium-pricing-list-tooltip {
4703
+ z-index: 99;
4704
+ visibility: visible;
4705
+ opacity: 1; }
4706
+
4707
+ .premium-pricing-slashed-price-value {
4708
+ display: inline-block;
4709
+ font-size: 20px;
4710
+ font-weight: 400;
4711
+ margin-right: 5px; }
4712
+
4713
+ .premium-pricing-price-value {
4714
+ font-size: 70px; }
4715
+
4716
+ .premium-pricing-description-container li {
4717
+ list-style-position: inside;
4718
+ text-indent: -40px; }
4719
+
4720
+ @-moz-document url-prefix() {
4721
+ .premium-pricing-description-container li {
4722
+ text-indent: 0px; } }
4723
+
4724
+ .premium-pricing-price-button {
4725
+ display: block;
4726
+ padding: 6px 12px;
4727
+ line-height: 1.42857143;
4728
+ text-align: center;
4729
+ color: #fff;
4730
+ background: #6ec1e4;
4731
+ margin-bottom: 0;
4732
+ -webkit-transition: all 0.3s ease-in-out;
4733
+ transition: all 0.3s ease-in-out; }
4734
+
4735
+ /**************** Premium Google Maps ******************/
4736
+ /*******************************************************/
4737
+ .premium-maps-info-container {
4738
+ margin-top: 10px;
4739
+ margin-bottom: 10px; }
4740
+
4741
+ .premium-maps-info-title,
4742
+ .premium-maps-info-desc {
4743
+ margin: 0;
4744
+ padding: 0; }
4745
+
4746
+ .premium-maps-container .gm-style-iw {
4747
+ text-align: center; }
4748
+
4749
+ .premium-maps-container .gm-style img {
4750
+ max-width: none !important; }
4751
+
4752
+ /**************** Premium Button ***********************/
4753
+ /*******************************************************/
4754
+ .premium-button {
4755
+ display: inline-block;
4756
+ position: relative;
4757
+ overflow: hidden;
4758
+ cursor: pointer;
4759
+ -webkit-transition: all 0.2s ease-in-out !important;
4760
+ transition: all 0.2s ease-in-out !important; }
4761
+
4762
+ .premium-button-sm {
4763
+ padding: 12px 24px;
4764
+ font-size: 14px;
4765
+ line-height: 1; }
4766
+
4767
+ .premium-button .premium-lottie-animation,
4768
+ .premium-image-button .premium-lottie-animation {
4769
+ -js-display: flex;
4770
+ display: -webkit-box;
4771
+ display: -webkit-flex;
4772
+ display: -moz-box;
4773
+ display: -ms-flexbox;
4774
+ display: flex; }
4775
+ .premium-button .premium-lottie-animation svg,
4776
+ .premium-image-button .premium-lottie-animation svg {
4777
+ width: 50px;
4778
+ height: 50px; }
4779
+
4780
+ .premium-button-md {
4781
+ padding: 14px 26px;
4782
+ font-size: 16px;
4783
+ line-height: 1.2; }
4784
+
4785
+ .premium-button-lg {
4786
+ padding: 16px 28px;
4787
+ font-size: 18px;
4788
+ line-height: 1.3333; }
4789
+
4790
+ .premium-button-block {
4791
+ font-size: 15px;
4792
+ line-height: 1;
4793
+ padding: 12px 24px;
4794
+ width: 100%;
4795
+ text-align: center; }
4796
+
4797
+ .premium-button-text {
4798
+ display: inline-block;
4799
+ width: 100%; }
4800
+
4801
+ .premium-button-style1,
4802
+ .premium-button-style2,
4803
+ .premium-button-style5,
4804
+ .premium-button-style7 {
4805
+ display: inline-block;
4806
+ vertical-align: middle;
4807
+ -webkit-transform: perspective(1px) translateZ(0);
4808
+ transform: perspective(1px) translateZ(0);
4809
+ -webkit-box-shadow: 0 0 1px transparent;
4810
+ box-shadow: 0 0 1px transparent;
4811
+ position: relative;
4812
+ -webkit-transition-property: color;
4813
+ transition-property: color;
4814
+ -webkit-transition-duration: 0.15s;
4815
+ transition-duration: 0.15s; }
4816
+
4817
+ .premium-button-style1:before,
4818
+ .premium-button-style2:before,
4819
+ .premium-button-style5:before {
4820
+ content: "";
4821
+ position: absolute;
4822
+ z-index: -1;
4823
+ top: 0;
4824
+ left: 0;
4825
+ right: 0;
4826
+ bottom: 0;
4827
+ -webkit-transform: scaleY(0);
4828
+ -ms-transform: scaleY(0);
4829
+ transform: scaleY(0);
4830
+ -webkit-transform-origin: 50% 0;
4831
+ -ms-transform-origin: 50% 0;
4832
+ transform-origin: 50% 0;
4833
+ -webkit-transition-property: -webkit-transform;
4834
+ transition-property: -webkit-transform;
4835
+ transition-property: transform;
4836
+ transition-property: transform, -webkit-transform;
4837
+ -webkit-transition-duration: 0.15s;
4838
+ transition-duration: 0.15s;
4839
+ -webkit-transition-timing-function: ease-out;
4840
+ transition-timing-function: ease-out; }
4841
+
4842
+ .premium-button-style5-radialin:before,
4843
+ .premium-button-style5-radialout:before {
4844
+ -webkit-transform-origin: 50%;
4845
+ -ms-transform-origin: 50%;
4846
+ transform-origin: 50%;
4847
+ -webkit-border-radius: 100%;
4848
+ border-radius: 100%;
4849
+ -webkit-transform: scale(0);
4850
+ -ms-transform: scale(0);
4851
+ transform: scale(0); }
4852
+
4853
+ .premium-button-style5-radialin:before {
4854
+ -webkit-transform: scale(2);
4855
+ -ms-transform: scale(2);
4856
+ transform: scale(2); }
4857
+
4858
+ .premium-button-style5-rectin:before {
4859
+ -webkit-transform-origin: 50%;
4860
+ -ms-transform-origin: 50%;
4861
+ transform-origin: 50%;
4862
+ -webkit-transform: scale(1);
4863
+ -ms-transform: scale(1);
4864
+ transform: scale(1); }
4865
+
4866
+ .premium-button-style5-rectout:before {
4867
+ -webkit-transform-origin: 50%;
4868
+ -ms-transform-origin: 50%;
4869
+ transform-origin: 50%;
4870
+ -webkit-transform: scale(0);
4871
+ -ms-transform: scale(0);
4872
+ transform: scale(0); }
4873
+
4874
+ .premium-button-style5-rectout:hover:before {
4875
+ -webkit-transform: scale(1);
4876
+ -ms-transform: scale(1);
4877
+ transform: scale(1); }
4878
+
4879
+ .premium-button-style5-rectin:hover:before {
4880
+ -webkit-transform: scale(0);
4881
+ -ms-transform: scale(0);
4882
+ transform: scale(0); }
4883
+
4884
+ .premium-button-style5-radialout:hover:before {
4885
+ -webkit-transform: scale(2);
4886
+ -ms-transform: scale(2);
4887
+ transform: scale(2); }
4888
+
4889
+ .premium-button-style5-radialin:hover:before {
4890
+ -webkit-transform: scale(0);
4891
+ -ms-transform: scale(0);
4892
+ transform: scale(0); }
4893
+
4894
+ .premium-button-style1-top:before {
4895
+ -webkit-transform-origin: 50% 100%;
4896
+ -ms-transform-origin: 50% 100%;
4897
+ transform-origin: 50% 100%; }
4898
+
4899
+ .premium-button-style1-right:before {
4900
+ -webkit-transform: scaleX(0);
4901
+ -ms-transform: scaleX(0);
4902
+ transform: scaleX(0);
4903
+ -webkit-transform-origin: 0% 50%;
4904
+ -ms-transform-origin: 0% 50%;
4905
+ transform-origin: 0% 50%; }
4906
+
4907
+ .premium-button-style1-left:before {
4908
+ -webkit-transform: scaleX(0);
4909
+ -ms-transform: scaleX(0);
4910
+ transform: scaleX(0);
4911
+ -webkit-transform-origin: 100% 50%;
4912
+ -ms-transform-origin: 100% 50%;
4913
+ transform-origin: 100% 50%; }
4914
+
4915
+ .premium-button-style2-shutouthor:before,
4916
+ .premium-button-style2-scshutoutver:before {
4917
+ -webkit-transform: scaleY(0);
4918
+ -ms-transform: scaleY(0);
4919
+ transform: scaleY(0);
4920
+ -webkit-transform-origin: 100% 50%;
4921
+ -ms-transform-origin: 100% 50%;
4922
+ transform-origin: 100% 50%; }
4923
+
4924
+ .premium-button-style2-shutoutver:before,
4925
+ .premium-button-style2-scshutouthor:before {
4926
+ -webkit-transform: scaleX(0);
4927
+ -ms-transform: scaleX(0);
4928
+ transform: scaleX(0);
4929
+ -webkit-transform-origin: 50% 50%;
4930
+ -ms-transform-origin: 50% 50%;
4931
+ transform-origin: 50% 50%; }
4932
+
4933
+ .premium-button-style2-shutinhor:before {
4934
+ -webkit-transform: scaleX(1);
4935
+ -ms-transform: scaleX(1);
4936
+ transform: scaleX(1);
4937
+ -webkit-transform-origin: 50%;
4938
+ -ms-transform-origin: 50%;
4939
+ transform-origin: 50%; }
4940
+
4941
+ .premium-button-style2-shutinver:before {
4942
+ -webkit-transform: scaleY(1);
4943
+ -ms-transform: scaleY(1);
4944
+ transform: scaleY(1);
4945
+ -webkit-transform-origin: 50%;
4946
+ -ms-transform-origin: 50%;
4947
+ transform-origin: 50%; }
4948
+
4949
+ .premium-button-style1-bottom:hover:before,
4950
+ .premium-button-style1-top:hover:before {
4951
+ -webkit-transform: scaleY(1);
4952
+ -ms-transform: scaleY(1);
4953
+ transform: scaleY(1); }
4954
+
4955
+ .premium-button-style1-left:hover:before,
4956
+ .premium-button-style1-right:hover:before,
4957
+ .premium-button-style2-shutouthor:hover:before,
4958
+ .premium-button-style2-shutoutver:hover:before {
4959
+ -webkit-transform: scaleX(1);
4960
+ -ms-transform: scaleX(1);
4961
+ transform: scaleX(1); }
4962
+
4963
+ .premium-button-style2-shutinhor:hover:before {
4964
+ -webkit-transform: scaleX(0);
4965
+ -ms-transform: scaleX(0);
4966
+ transform: scaleX(0); }
4967
+
4968
+ .premium-button-style2-shutinver:hover:before {
4969
+ -webkit-transform: scaleY(0);
4970
+ -ms-transform: scaleY(0);
4971
+ transform: scaleY(0); }
4972
+
4973
+ .premium-button-style2-scshutouthor:hover:before {
4974
+ -webkit-transform: scaleX(0.9);
4975
+ -ms-transform: scaleX(0.9);
4976
+ transform: scaleX(0.9); }
4977
+
4978
+ .premium-button-style2-scshutoutver:hover:before {
4979
+ -webkit-transform: scaleY(0.8);
4980
+ -ms-transform: scaleY(0.8);
4981
+ transform: scaleY(0.8); }
4982
+
4983
+ /*Diagonal*/
4984
+ .premium-button-style2-dshutinhor:before {
4985
+ top: 50%;
4986
+ left: 50%;
4987
+ width: 120%;
4988
+ height: 0%;
4989
+ -webkit-transform: translateX(-50%) translateY(-50%) rotate(-45deg);
4990
+ -ms-transform: translateX(-50%) translateY(-50%) rotate(-45deg);
4991
+ transform: translateX(-50%) translateY(-50%) rotate(-45deg);
4992
+ -webkit-transform-origin: 50%;
4993
+ -ms-transform-origin: 50%;
4994
+ transform-origin: 50%;
4995
+ -webkit-transition-property: all;
4996
+ transition-property: all; }
4997
+
4998
+ .premium-button-style2-dshutinver:before {
4999
+ top: 50%;
5000
+ left: 50%;
5001
+ width: 120%;
5002
+ height: 0%;
5003
+ -webkit-transform-origin: 50%;
5004
+ -ms-transform-origin: 50%;
5005
+ transform-origin: 50%;
5006
+ -webkit-transition-property: all;
5007
+ transition-property: all;
5008
+ -webkit-transform: translateX(-50%) translateY(-50%) rotate(45deg);
5009
+ -ms-transform: translateX(-50%) translateY(-50%) rotate(45deg);
5010
+ transform: translateX(-50%) translateY(-50%) rotate(45deg); }
5011
+
5012
+ .premium-button-style2-dshutinhor:hover:before,
5013
+ .premium-button-style2-dshutinver:hover:before {
5014
+ height: 220%; }
5015
+
5016
+ .premium-button-style3-before i,
5017
+ .premium-button-style3-before svg {
5018
+ opacity: 0;
5019
+ -webkit-transform: translateX(-5px);
5020
+ -ms-transform: translateX(-5px);
5021
+ transform: translateX(-5px);
5022
+ -webkit-transition: all 0.5s ease-in-out;
5023
+ transition: all 0.5s ease-in-out; }
5024
+
5025
+ .premium-button-style3-after i,
5026
+ .premium-button-style3-after svg {
5027
+ opacity: 0;
5028
+ -webkit-transform: translateX(-5px);
5029
+ -ms-transform: translateX(-5px);
5030
+ transform: translateX(-5px);
5031
+ -webkit-transition: all 0.5s ease-in-out;
5032
+ transition: all 0.5s ease-in-out;
5033
+ -webkit-transform: translateX(5px);
5034
+ -ms-transform: translateX(5px);
5035
+ transform: translateX(5px); }
5036
+
5037
+ .premium-button-style3-after:hover i,
5038
+ .premium-button-style3-after:hover svg {
5039
+ opacity: 1; }
5040
+
5041
+ .premium-button-style3-before:hover i,
5042
+ .premium-button-style3-before:hover svg {
5043
+ opacity: 1; }
5044
+
5045
+ .premium-button-text-icon-wrapper {
5046
+ -js-display: flex;
5047
+ display: -webkit-box;
5048
+ display: -webkit-flex;
5049
+ display: -moz-box;
5050
+ display: -ms-flexbox;
5051
+ display: flex;
5052
+ -webkit-box-pack: center;
5053
+ -webkit-justify-content: center;
5054
+ -moz-box-pack: center;
5055
+ -ms-flex-pack: center;
5056
+ justify-content: center;
5057
+ -webkit-box-align: center;
5058
+ -webkit-align-items: center;
5059
+ -moz-box-align: center;
5060
+ -ms-flex-align: center;
5061
+ align-items: center;
5062
+ -webkit-transition: all 0.2s ease-in-out;
5063
+ transition: all 0.2s ease-in-out; }
5064
+ .premium-button-text-icon-wrapper span,
5065
+ .premium-button-text-icon-wrapper i,
5066
+ .premium-button-text-icon-wrapper svg {
5067
+ -webkit-transition: all 0.2s ease-in-out;
5068
+ transition: all 0.2s ease-in-out; }
5069
+
5070
+ .premium-button-style4-icon-wrapper {
5071
+ position: absolute;
5072
+ z-index: 2;
5073
+ width: 100%;
5074
+ text-align: center;
5075
+ -js-display: flex;
5076
+ display: -webkit-box;
5077
+ display: -webkit-flex;
5078
+ display: -moz-box;
5079
+ display: -ms-flexbox;
5080
+ display: flex;
5081
+ -webkit-box-align: center;
5082
+ -webkit-align-items: center;
5083
+ -moz-box-align: center;
5084
+ -ms-flex-align: center;
5085
+ align-items: center;
5086
+ -webkit-box-pack: center;
5087
+ -webkit-justify-content: center;
5088
+ -moz-box-pack: center;
5089
+ -ms-flex-pack: center;
5090
+ justify-content: center;
5091
+ height: 100%;
5092
+ opacity: 0;
5093
+ -webkit-transition: all 0.3s ease-in-out;
5094
+ transition: all 0.3s ease-in-out; }
5095
+ .premium-button-style4-icon-wrapper.top {
5096
+ bottom: -100%;
5097
+ left: 0; }
5098
+ .premium-button-style4-icon-wrapper.bottom {
5099
+ top: -100%;
5100
+ left: 0; }
5101
+ .premium-button-style4-icon-wrapper.left {
5102
+ top: 0;
5103
+ left: -100%; }
5104
+ .premium-button-style4-icon-wrapper.right {
5105
+ top: 0;
5106
+ right: -100%; }
5107
+
5108
+ .premium-button-style4-bottom:hover .premium-button-style4-icon-wrapper {
5109
+ top: 0;
5110
+ opacity: 1; }
5111
+
5112
+ .premium-button-style4-top:hover .premium-button-style4-icon-wrapper {
5113
+ bottom: 0;
5114
+ opacity: 1; }
5115
+
5116
+ .premium-button-style4-left:hover .premium-button-style4-icon-wrapper {
5117
+ left: 0;
5118
+ opacity: 1; }
5119
+
5120
+ .premium-button-style4-right:hover .premium-button-style4-icon-wrapper {
5121
+ right: 0;
5122
+ opacity: 1; }
5123
+
5124
+ .premium-button-style4-bottom:hover .premium-button-text-icon-wrapper {
5125
+ -webkit-transform: translateY(100%);
5126
+ -ms-transform: translateY(100%);
5127
+ transform: translateY(100%);
5128
+ opacity: 0; }
5129
+
5130
+ .premium-button-style4-top:hover .premium-button-text-icon-wrapper {
5131
+ -webkit-transform: translateY(-100%);
5132
+ -ms-transform: translateY(-100%);
5133
+ transform: translateY(-100%);
5134
+ opacity: 0; }
5135
+
5136
+ .premium-button-style4-left:hover .premium-button-text-icon-wrapper {
5137
+ -webkit-transform: translateX(100%);
5138
+ -ms-transform: translateX(100%);
5139
+ transform: translateX(100%);
5140
+ opacity: 0; }
5141
+
5142
+ .premium-button-style4-right:hover .premium-button-text-icon-wrapper {
5143
+ -webkit-transform: translateX(-100%);
5144
+ -ms-transform: translateX(-100%);
5145
+ transform: translateX(-100%);
5146
+ opacity: 0; }
5147
+
5148
+ .premium-button-style6:before {
5149
+ content: "";
5150
+ position: absolute;
5151
+ left: 50%;
5152
+ top: 50%;
5153
+ width: 100px;
5154
+ height: 100px;
5155
+ -webkit-border-radius: 100%;
5156
+ border-radius: 100%;
5157
+ -webkit-transform: translate(-50%, -50%) scale(0);
5158
+ -ms-transform: translate(-50%, -50%) scale(0);
5159
+ transform: translate(-50%, -50%) scale(0);
5160
+ -webkit-transition: all 0.3s ease-in-out;
5161
+ transition: all 0.3s ease-in-out; }
5162
+
5163
+ .premium-button-style6:hover:before {
5164
+ -webkit-transform: translate(-50%, -50%) scale(3);
5165
+ -ms-transform: translate(-50%, -50%) scale(3);
5166
+ transform: translate(-50%, -50%) scale(3); }
5167
+
5168
+ .premium-button-style6 .premium-button-text-icon-wrapper {
5169
+ position: relative;
5170
+ z-index: 1; }
5171
+
5172
+ .premium-mouse-detect-yes .premium-button-style6 .premium-button-style6-bg {
5173
+ position: absolute;
5174
+ z-index: 0;
5175
+ top: 0;
5176
+ left: 0;
5177
+ width: 0px;
5178
+ height: 0px;
5179
+ -webkit-border-radius: 50%;
5180
+ border-radius: 50%;
5181
+ display: block;
5182
+ -webkit-transform: translate(-50%, -50%);
5183
+ -ms-transform: translate(-50%, -50%);
5184
+ transform: translate(-50%, -50%);
5185
+ -webkit-transition: width 0.4s ease-in-out, height 0.4s ease-in-out;
5186
+ transition: width 0.4s ease-in-out, height 0.4s ease-in-out; }
5187
+
5188
+ .premium-mouse-detect-yes .premium-button-style6:hover .premium-button-style6-bg {
5189
+ width: 225%;
5190
+ height: 560px; }
5191
+
5192
+ .premium-mouse-detect-yes .premium-button-style6:before {
5193
+ width: 0;
5194
+ height: 0; }
5195
+
5196
+ .premium-button-style7-right .premium-button-text-icon-wrapper:before,
5197
+ .premium-button-style7-left .premium-button-text-icon-wrapper:before {
5198
+ -webkit-transition: width 0.3s ease-out 0.15s;
5199
+ transition: width 0.3s ease-out 0.15s; }
5200
+
5201
+ .premium-button-style7-right .premium-button-text-icon-wrapper:after,
5202
+ .premium-button-style7-left .premium-button-text-icon-wrapper:after {
5203
+ -webkit-transition: width 0.3s ease-out 0s;
5204
+ transition: width 0.3s ease-out 0s; }
5205
+
5206
+ .premium-button-style7-bottom .premium-button-text-icon-wrapper:before,
5207
+ .premium-button-style7-top .premium-button-text-icon-wrapper:before {
5208
+ -webkit-transition: height 0.3s ease-out 0.15s;
5209
+ transition: height 0.3s ease-out 0.15s; }
5210
+
5211
+ .premium-button-style7-bottom .premium-button-text-icon-wrapper:after,
5212
+ .premium-button-style7-top .premium-button-text-icon-wrapper:after {
5213
+ -webkit-transition: height 0.3s ease-out 0s;
5214
+ transition: height 0.3s ease-out 0s; }
5215
+
5216
+ .premium-button-style7:hover .premium-button-text-icon-wrapper:before {
5217
+ -webkit-transition-delay: 0s;
5218
+ transition-delay: 0s; }
5219
+
5220
+ .premium-button-style7:hover .premium-button-text-icon-wrapper:after {
5221
+ -webkit-transition-delay: 0.15s;
5222
+ transition-delay: 0.15s; }
5223
+
5224
+ .premium-button-style7-bottom .premium-button-text-icon-wrapper:before,
5225
+ .premium-button-style7-bottom .premium-button-text-icon-wrapper:after {
5226
+ content: "";
5227
+ position: absolute;
5228
+ right: 0;
5229
+ top: 0;
5230
+ left: 0;
5231
+ height: 0;
5232
+ z-index: -1; }
5233
+
5234
+ .premium-button-style7-top .premium-button-text-icon-wrapper:after,
5235
+ .premium-button-style7-top .premium-button-text-icon-wrapper:before {
5236
+ content: "";
5237
+ position: absolute;
5238
+ right: 0;
5239
+ bottom: 0;
5240
+ left: 0;
5241
+ height: 0;
5242
+ z-index: -1; }
5243
+
5244
+ .premium-button-style7-right .premium-button-text-icon-wrapper:after,
5245
+ .premium-button-style7-right .premium-button-text-icon-wrapper:before {
5246
+ content: "";
5247
+ position: absolute;
5248
+ right: 0;
5249
+ top: 0;
5250
+ bottom: 0;
5251
+ width: 0;
5252
+ z-index: -1; }
5253
+
5254
+ .premium-button-style7-left .premium-button-text-icon-wrapper:after,
5255
+ .premium-button-style7-left .premium-button-text-icon-wrapper:before {
5256
+ content: "";
5257
+ position: absolute;
5258
+ left: 0;
5259
+ top: 0;
5260
+ bottom: 0;
5261
+ width: 0;
5262
+ z-index: -1; }
5263
+
5264
+ .premium-button-style7-bottom:hover .premium-button-text-icon-wrapper:after,
5265
+ .premium-button-style7-bottom:hover .premium-button-text-icon-wrapper:before {
5266
+ height: 100%;
5267
+ top: 0; }
5268
+
5269
+ .premium-button-style7-top:hover .premium-button-text-icon-wrapper:after,
5270
+ .premium-button-style7-top:hover .premium-button-text-icon-wrapper:before {
5271
+ height: 100%;
5272
+ bottom: 0; }
5273
+
5274
+ .premium-button-style7-left:hover .premium-button-text-icon-wrapper:after,
5275
+ .premium-button-style7-left:hover .premium-button-text-icon-wrapper:before {
5276
+ width: 100%;
5277
+ left: 0; }
5278
+
5279
+ .premium-button-style7-right:hover .premium-button-text-icon-wrapper:after,
5280
+ .premium-button-style7-right:hover .premium-button-text-icon-wrapper:before {
5281
+ width: 100%;
5282
+ right: 0; }
5283
+
5284
+ /**************** Premium Contact Form7 **********/
5285
+ /*************************************************/
5286
+ .premium-contact-form-anim-yes .wpcf7-span::after {
5287
+ display: block;
5288
+ height: 2px;
5289
+ content: "";
5290
+ top: -2px;
5291
+ position: relative;
5292
+ width: 0px;
5293
+ -webkit-transition: all ease-in-out 0.3s;
5294
+ transition: all ease-in-out 0.3s; }
5295
+
5296
+ .premium-contact-form-anim-yes .wpcf7-span.is-focused::after {
5297
+ width: 100%; }
5298
+
5299
+ /**************** Premium Image Button ***********/
5300
+ /*************************************************/
5301
+ .premium-image-button {
5302
+ display: inline-block;
5303
+ position: relative;
5304
+ overflow: hidden;
5305
+ background: #6ec1e4;
5306
+ cursor: pointer;
5307
+ -webkit-transition: all 0.2s ease-in-out !important;
5308
+ transition: all 0.2s ease-in-out !important; }
5309
+ .premium-image-button:hover {
5310
+ background-color: #54595f; }
5311
+
5312
+ /*Default background for slide styles*/
5313
+ .premium-image-button-style4-icon-wrapper,
5314
+ .premium-image-button-style1:before {
5315
+ background-color: #54595f; }
5316
+
5317
+ .premium-image-button.premium-image-button-sm {
5318
+ padding: 12px 24px;
5319
+ font-size: 14px;
5320
+ line-height: 1; }
5321
+
5322
+ .premium-image-button.premium-image-button-md {
5323
+ padding: 14px 26px;
5324
+ font-size: 16px;
5325
+ line-height: 1.2; }
5326
+
5327
+ .premium-image-button.premium-image-button-lg {
5328
+ padding: 16px 28px;
5329
+ font-size: 18px;
5330
+ line-height: 1.3333; }
5331
+
5332
+ .premium-image-button.premium-image-button-block {
5333
+ font-size: 15px;
5334
+ line-height: 1;
5335
+ padding: 12px 24px;
5336
+ width: 100%;
5337
+ text-align: center; }
5338
+
5339
+ .premium-image-button-text-icon-wrapper {
5340
+ -js-display: flex;
5341
+ display: -webkit-box;
5342
+ display: -webkit-flex;
5343
+ display: -moz-box;
5344
+ display: -ms-flexbox;
5345
+ display: flex;
5346
+ -webkit-box-pack: center;
5347
+ -webkit-justify-content: center;
5348
+ -moz-box-pack: center;
5349
+ -ms-flex-pack: center;
5350
+ justify-content: center;
5351
+ -webkit-box-align: center;
5352
+ -webkit-align-items: center;
5353
+ -moz-box-align: center;
5354
+ -ms-flex-align: center;
5355
+ align-items: center;
5356
+ position: relative;
5357
+ z-index: 3;
5358
+ -webkit-transition: all 0.2s ease-in-out;
5359
+ transition: all 0.2s ease-in-out; }
5360
+ .premium-image-button-text-icon-wrapper span,
5361
+ .premium-image-button-text-icon-wrapper i,
5362
+ .premium-image-button-text-icon-wrapper svg {
5363
+ -webkit-transition: all 0.2s ease-in-out;
5364
+ transition: all 0.2s ease-in-out; }
5365
+
5366
+ .premium-image-button-style1:before {
5367
+ position: absolute;
5368
+ content: "";
5369
+ -webkit-transition: all 0.2s ease-in-out;
5370
+ transition: all 0.2s ease-in-out; }
5371
+
5372
+ .premium-image-button-style1-bottom:before {
5373
+ width: 100%;
5374
+ height: 0;
5375
+ top: 0;
5376
+ left: 0; }
5377
+
5378
+ .premium-image-button-style1-top:before {
5379
+ width: 100%;
5380
+ height: 0;
5381
+ bottom: 0;
5382
+ left: 0; }
5383
+
5384
+ .premium-image-button-style1-right:before {
5385
+ width: 0;
5386
+ height: 100%;
5387
+ bottom: 0;
5388
+ left: 0; }
5389
+
5390
+ .premium-image-button-style1-left:before {
5391
+ width: 0;
5392
+ height: 100%;
5393
+ top: 0;
5394
+ right: 0; }
5395
+
5396
+ .premium-image-button-style1-bottom:hover:before,
5397
+ .premium-image-button-style1-top:hover:before {
5398
+ height: 100%; }
5399
+
5400
+ .premium-image-button-style1-right:hover:before,
5401
+ .premium-image-button-style1-left:hover:before {
5402
+ width: 100%; }
5403
+
5404
+ .premium-image-button-style3 {
5405
+ z-index: 10; }
5406
+ .premium-image-button-style3:before {
5407
+ position: absolute;
5408
+ top: 0px;
5409
+ left: 0px;
5410
+ width: 100%;
5411
+ height: 100%;
5412
+ content: "";
5413
+ z-index: 1;
5414
+ background: rgba(255, 255, 255, 0.2);
5415
+ -webkit-transform: scale3d(14, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, -150%, 0);
5416
+ transform: scale3d(14, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, -150%, 0);
5417
+ -webkit-transition: all 0.8s ease-out;
5418
+ transition: all 0.8s ease-out; }
5419
+
5420
+ .premium-image-button-diagonal-right:before {
5421
+ -webkit-transform: scale3d(14, 1.4, 1) rotate3d(0, 0, 1, -45deg) translate3d(0, 150%, 0);
5422
+ transform: scale3d(14, 1.4, 1) rotate3d(0, 0, 1, -45deg) translate3d(0, 150%, 0); }
5423
+
5424
+ .premium-image-button-diagonal-right:hover:before {
5425
+ -webkit-transform: scale3d(14, 1.4, 1) rotate3d(0, 0, 1, -45deg) translate3d(0, -150%, 0);
5426
+ transform: scale3d(14, 1.4, 1) rotate3d(0, 0, 1, -45deg) translate3d(0, -150%, 0); }
5427
+
5428
+ .premium-image-button-diagonal-left:before {
5429
+ -webkit-transform: scale3d(14, 1.4, 1) rotate3d(0, 0, 1, -45deg) translate3d(0, -150%, 0);
5430
+ transform: scale3d(14, 1.4, 1) rotate3d(0, 0, 1, -45deg) translate3d(0, -150%, 0); }
5431
+
5432
+ .premium-image-button-diagonal-left:hover:before {
5433
+ -webkit-transform: scale3d(14, 1.4, 1) rotate3d(0, 0, 1, -45deg) translate3d(0, 150%, 0);
5434
+ transform: scale3d(14, 1.4, 1) rotate3d(0, 0, 1, -45deg) translate3d(0, 150%, 0); }
5435
+
5436
+ .premium-image-button-diagonal-bottom:before {
5437
+ -webkit-transform: scale3d(14, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, -150%, 0);
5438
+ transform: scale3d(14, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, -150%, 0); }
5439
+
5440
+ .premium-image-button-diagonal-bottom:hover:before {
5441
+ -webkit-transform: scale3d(14, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, 150%, 0);
5442
+ transform: scale3d(14, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, 150%, 0); }
5443
+
5444
+ .premium-image-button-diagonal-top:before {
5445
+ -webkit-transform: scale3d(14, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, 150%, 0);
5446
+ transform: scale3d(14, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, 150%, 0); }
5447
+
5448
+ .premium-image-button-diagonal-top:hover:before {
5449
+ -webkit-transform: scale3d(14, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, -150%, 0);
5450
+ transform: scale3d(14, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, -150%, 0); }
5451
+
5452
+ .premium-image-button-style4-icon-wrapper {
5453
+ position: absolute;
5454
+ z-index: 2;
5455
+ width: 100%;
5456
+ text-align: center;
5457
+ -js-display: flex;
5458
+ display: -webkit-box;
5459
+ display: -webkit-flex;
5460
+ display: -moz-box;
5461
+ display: -ms-flexbox;
5462
+ display: flex;
5463
+ -webkit-box-align: center;
5464
+ -webkit-align-items: center;
5465
+ -moz-box-align: center;
5466
+ -ms-flex-align: center;
5467
+ align-items: center;
5468
+ -webkit-box-pack: center;
5469
+ -webkit-justify-content: center;
5470
+ -moz-box-pack: center;
5471
+ -ms-flex-pack: center;
5472
+ justify-content: center;
5473
+ height: 100%;
5474
+ opacity: 0;
5475
+ -webkit-transition: all 0.3s ease-in-out;
5476
+ transition: all 0.3s ease-in-out; }
5477
+ .premium-image-button-style4-icon-wrapper.top {
5478
+ bottom: -100%;
5479
+ left: 0; }
5480
+ .premium-image-button-style4-icon-wrapper.bottom {
5481
+ top: -100%;
5482
+ left: 0; }
5483
+ .premium-image-button-style4-icon-wrapper.left {
5484
+ top: 0;
5485
+ left: -100%; }
5486
+ .premium-image-button-style4-icon-wrapper.right {
5487
+ top: 0;
5488
+ right: -100%; }
5489
+
5490
+ .premium-image-button-style4-bottom:hover .premium-image-button-style4-icon-wrapper {
5491
+ top: 0;
5492
+ opacity: 1; }
5493
+
5494
+ .premium-image-button-style4-bottom:hover .premium-image-button-text-icon-wrapper {
5495
+ -webkit-transform: translateY(100%);
5496
+ -ms-transform: translateY(100%);
5497
+ transform: translateY(100%);
5498
+ opacity: 0; }
5499
+
5500
+ .premium-image-button-style4-top:hover .premium-image-button-style4-icon-wrapper {
5501
+ bottom: 0;
5502
+ opacity: 1; }
5503
+
5504
+ .premium-image-button-style4-top:hover .premium-image-button-text-icon-wrapper {
5505
+ -webkit-transform: translateY(-100%);
5506
+ -ms-transform: translateY(-100%);
5507
+ transform: translateY(-100%);
5508
+ opacity: 0; }
5509
+
5510
+ .premium-image-button-style4-left:hover .premium-image-button-style4-icon-wrapper {
5511
+ left: 0;
5512
+ opacity: 1; }
5513
+
5514
+ .premium-image-button-style4-left:hover .premium-image-button-text-icon-wrapper {
5515
+ -webkit-transform: translateX(100%);
5516
+ -ms-transform: translateX(100%);
5517
+ transform: translateX(100%);
5518
+ opacity: 0; }
5519
+
5520
+ .premium-image-button-style4-right:hover .premium-image-button-style4-icon-wrapper {
5521
+ right: 0;
5522
+ opacity: 1; }
5523
+
5524
+ .premium-image-button-style4-right:hover .premium-image-button-text-icon-wrapper {
5525
+ -webkit-transform: translateX(-100%);
5526
+ -ms-transform: translateX(-100%);
5527
+ transform: translateX(-100%);
5528
+ opacity: 0; }
5529
+
5530
+ .premium-image-button-style5:before {
5531
+ position: absolute;
5532
+ content: "";
5533
+ top: 0;
5534
+ left: 0;
5535
+ width: 100%;
5536
+ height: 100%;
5537
+ opacity: 0;
5538
+ -webkit-transition: all 1s ease-in-out;
5539
+ transition: all 1s ease-in-out;
5540
+ background: rgba(255, 255, 255, 0.2);
5541
+ -webkit-animation-name: premium-overlap-effect-done;
5542
+ animation-name: premium-overlap-effect-done;
5543
+ -webkit-animation-duration: 1s;
5544
+ animation-duration: 1s; }
5545
+
5546
+ .premium-image-button-overlap-effect-vertical:before {
5547
+ -webkit-animation-name: premium-overlap-ver-effect-done;
5548
+ animation-name: premium-overlap-ver-effect-done; }
5549
+
5550
+ .premium-image-button-overlap-effect-horizontal:hover:before {
5551
+ -webkit-animation-name: premium-overlap-effect;
5552
+ animation-name: premium-overlap-effect; }
5553
+
5554
+ .premium-image-button-overlap-effect-vertical:hover:before {
5555
+ -webkit-animation-name: premium-overlap-ver-effect;
5556
+ animation-name: premium-overlap-ver-effect; }
5557
+
5558
+ @-webkit-keyframes premium-overlap-effect {
5559
+ 0% {
5560
+ opacity: 0;
5561
+ -webkit-transform: rotateY(0deg);
5562
+ transform: rotateY(0deg); }
5563
+ 50% {
5564
+ opacity: 1;
5565
+ -webkit-transform: rotateY(180deg);
5566
+ transform: rotateY(180deg); }
5567
+ 100% {
5568
+ opacity: 0;
5569
+ -webkit-transform: rotateY(360deg);
5570
+ transform: rotateY(360deg); } }
5571
+
5572
+ @keyframes premium-overlap-effect {
5573
+ 0% {
5574
+ opacity: 0;
5575
+ -webkit-transform: rotateY(0deg);
5576
+ transform: rotateY(0deg); }
5577
+ 50% {
5578
+ opacity: 1;
5579
+ -webkit-transform: rotateY(180deg);
5580
+ transform: rotateY(180deg); }
5581
+ 100% {
5582
+ opacity: 0;
5583
+ -webkit-transform: rotateY(360deg);
5584
+ transform: rotateY(360deg); } }
5585
+
5586
+ @-webkit-keyframes premium-overlap-effect-done {
5587
+ 0% {
5588
+ opacity: 0;
5589
+ -webkit-transform: rotateY(0deg);
5590
+ transform: rotateY(0deg); }
5591
+ 50% {
5592
+ opacity: 1;
5593
+ -webkit-transform: rotateY(180deg);
5594
+ transform: rotateY(180deg); }
5595
+ 100% {
5596
+ opacity: 0;
5597
+ -webkit-transform: rotateY(360deg);
5598
+ transform: rotateY(360deg); } }
5599
+
5600
+ @keyframes premium-overlap-effect-done {
5601
+ 0% {
5602
+ opacity: 0;
5603
+ -webkit-transform: rotateY(0deg);
5604
+ transform: rotateY(0deg); }
5605
+ 50% {
5606
+ opacity: 1;
5607
+ -webkit-transform: rotateY(180deg);
5608
+ transform: rotateY(180deg); }
5609
+ 100% {
5610
+ opacity: 0;
5611
+ -webkit-transform: rotateY(360deg);
5612
+ transform: rotateY(360deg); } }
5613
+
5614
+ @-webkit-keyframes premium-overlap-ver-effect {
5615
+ 0% {
5616
+ opacity: 0;
5617
+ -webkit-transform: rotateX(0deg);
5618
+ transform: rotateX(0deg); }
5619
+ 50% {
5620
+ opacity: 1;
5621
+ -webkit-transform: rotateX(180deg);
5622
+ transform: rotateX(180deg); }
5623
+ 100% {
5624
+ opacity: 0;
5625
+ -webkit-transform: rotateX(360deg);
5626
+ transform: rotateX(360deg); } }
5627
+
5628
+ @keyframes premium-overlap-ver-effect {
5629
+ 0% {
5630
+ opacity: 0;
5631
+ -webkit-transform: rotateX(0deg);
5632
+ transform: rotateX(0deg); }
5633
+ 50% {
5634
+ opacity: 1;
5635
+ -webkit-transform: rotateX(180deg);
5636
+ transform: rotateX(180deg); }
5637
+ 100% {
5638
+ opacity: 0;
5639
+ -webkit-transform: rotateX(360deg);
5640
+ transform: rotateX(360deg); } }
5641
+
5642
+ @-webkit-keyframes premium-overlap-ver-effect-done {
5643
+ 0% {
5644
+ opacity: 0;
5645
+ -webkit-transform: rotateX(0deg);
5646
+ transform: rotateX(0deg); }
5647
+ 50% {
5648
+ opacity: 1;
5649
+ -webkit-transform: rotateX(180deg);
5650
+ transform: rotateX(180deg); }
5651
+ 100% {
5652
+ opacity: 0;
5653
+ -webkit-transform: rotateX(360deg);
5654
+ transform: rotateX(360deg); } }
5655
+
5656
+ @keyframes premium-overlap-ver-effect-done {
5657
+ 0% {
5658
+ opacity: 0;
5659
+ -webkit-transform: rotateX(0deg);
5660
+ transform: rotateX(0deg); }
5661
+ 50% {
5662
+ opacity: 1;
5663
+ -webkit-transform: rotateX(180deg);
5664
+ transform: rotateX(180deg); }
5665
+ 100% {
5666
+ opacity: 0;
5667
+ -webkit-transform: rotateX(360deg);
5668
+ transform: rotateX(360deg); } }
5669
+
5670
+ /**************** Premium Grid /****************/
5671
+ /***********************************************/
5672
+ .premium-img-gallery-filter,
5673
+ .premium-blog-filter {
5674
+ -js-display: flex;
5675
+ display: -webkit-box;
5676
+ display: -webkit-flex;
5677
+ display: -moz-box;
5678
+ display: -ms-flexbox;
5679
+ display: flex;
5680
+ -webkit-box-align: center;
5681
+ -webkit-align-items: center;
5682
+ -moz-box-align: center;
5683
+ -ms-flex-align: center;
5684
+ align-items: center;
5685
+ -webkit-box-pack: center;
5686
+ -webkit-justify-content: center;
5687
+ -moz-box-pack: center;
5688
+ -ms-flex-pack: center;
5689
+ justify-content: center; }
5690
+
5691
+ .premium-img-gallery {
5692
+ clear: both;
5693
+ overflow: hidden; }
5694
+
5695
+ .premium-gallery-container .premium-gallery-item {
5696
+ padding: 10px;
5697
+ float: left; }
5698
+
5699
+ .premium-gallery-container .grid-sizer {
5700
+ width: 33.33%; }
5701
+
5702
+ .premium-gallery-container .pa-gallery-item {
5703
+ padding: 10px; }
5704
+
5705
+ .premium-img-gallery-filter .premium-gallery-cats-container li a.category,
5706
+ .premium-blog-filter .premium-blog-filters-container li a.category {
5707
+ outline: none;
5708
+ text-decoration: none;
5709
+ -webkit-border-radius: 75px;
5710
+ border-radius: 75px;
5711
+ margin: 15px 5px 20px;
5712
+ padding: 7px 20px;
5713
+ -webkit-transition: all 0.3s ease-in-out;
5714
+ transition: all 0.3s ease-in-out; }
5715
+
5716
+ .premium-img-gallery-filter .premium-gallery-cats-container li a.category span {
5717
+ -webkit-transition: all 0.3s ease-in-out;
5718
+ transition: all 0.3s ease-in-out; }
5719
+
5720
+ .pa-gallery-img {
5721
+ position: relative; }
5722
+ .pa-gallery-img .pa-gallery-whole-link {
5723
+ position: absolute;
5724
+ top: 0;
5725
+ left: 0;
5726
+ width: 100%;
5727
+ height: 100%; }
5728
+ .pa-gallery-img.style2 .pa-gallery-whole-link {
5729
+ z-index: 99; }
5730
+
5731
+ .pa-gallery-img-container {
5732
+ overflow: hidden;
5733
+ -webkit-backface-visibility: hidden;
5734
+ backface-visibility: hidden;
5735
+ -webkit-transform: translate3d(0, 0, 0);
5736
+ transform: translate3d(0, 0, 0); }
5737
+ .pa-gallery-img-container img {
5738
+ display: block;
5739
+ width: 100%;
5740
+ -webkit-transition: all 0.3s ease-in-out;
5741
+ transition: all 0.3s ease-in-out; }
5742
+
5743
+ .premium-img-gallery.gray img {
5744
+ -webkit-filter: grayscale(100%);
5745
+ filter: grayscale(100%); }
5746
+
5747
+ .premium-img-gallery.zoomout img,
5748
+ .premium-img-gallery.scale img {
5749
+ -webkit-transform: scale(1.2);
5750
+ -ms-transform: scale(1.2);
5751
+ transform: scale(1.2); }
5752
+
5753
+ .premium-img-gallery.sepia img {
5754
+ -webkit-filter: sepia(30%);
5755
+ filter: sepia(30%); }
5756
+
5757
+ .premium-img-gallery.bright img {
5758
+ -webkit-filter: brightness(1);
5759
+ filter: brightness(1); }
5760
+
5761
+ .premium-img-gallery.trans img {
5762
+ -webkit-transform: translateX(-15px) scale(1.1);
5763
+ -ms-transform: translateX(-15px) scale(1.1);
5764
+ transform: translateX(-15px) scale(1.1); }
5765
+
5766
+ .pa-gallery-img .pa-gallery-magnific-image,
5767
+ .pa-gallery-img .pa-gallery-img-link {
5768
+ outline: none; }
5769
+
5770
+ .pa-gallery-img .pa-gallery-magnific-image span,
5771
+ .pa-gallery-img .pa-gallery-img-link span {
5772
+ line-height: 1;
5773
+ display: inline-block;
5774
+ opacity: 0;
5775
+ margin: 0 5px;
5776
+ padding: 15px;
5777
+ -webkit-border-radius: 50%;
5778
+ border-radius: 50%; }
5779
+
5780
+ .pa-gallery-img.style2 .pa-gallery-magnific-image span,
5781
+ .pa-gallery-img.style2 .pa-gallery-img-link span {
5782
+ margin: 0 5px 20px; }
5783
+
5784
+ .pa-gallery-img:hover .pa-gallery-magnific-image span {
5785
+ -webkit-transition: all 0.3s ease-in-out, opacity 0.5s ease-in-out 0.3s;
5786
+ transition: all 0.3s ease-in-out, opacity 0.5s ease-in-out 0.3s; }
5787
+
5788
+ .pa-gallery-img:hover .pa-gallery-img-link span {
5789
+ -webkit-transition: all 0.3s ease-in-out, opacity 0.5s ease-in-out 0.6s;
5790
+ transition: all 0.3s ease-in-out, opacity 0.5s ease-in-out 0.6s; }
5791
+
5792
+ .pa-gallery-img:hover .pa-gallery-magnific-image span,
5793
+ .pa-gallery-img:hover .pa-gallery-img-link span {
5794
+ opacity: 1; }
5795
+
5796
+ .premium-gallery-icon-show a.pa-gallery-video-icon span {
5797
+ opacity: 1; }
5798
+
5799
+ .premium-img-gallery-filter ul.premium-gallery-cats-container,
5800
+ .premium-blog-filter ul.premium-blog-filters-container {
5801
+ text-align: center;
5802
+ margin: 0;
5803
+ padding: 0; }
5804
+
5805
+ .premium-img-gallery-filter .premium-gallery-cats-container li,
5806
+ .premium-blog-filter .premium-blog-filters-container li {
5807
+ list-style: none;
5808
+ -js-display: inline-flex;
5809
+ display: -webkit-inline-box;
5810
+ display: -webkit-inline-flex;
5811
+ display: -moz-inline-box;
5812
+ display: -ms-inline-flexbox;
5813
+ display: inline-flex; }
5814
+
5815
+ .premium-img-gallery.zoomin .pa-gallery-img:hover img {
5816
+ -webkit-transform: scale(1.1);
5817
+ -ms-transform: scale(1.1);
5818
+ transform: scale(1.1); }
5819
+
5820
+ .premium-img-gallery.zoomout .pa-gallery-img:hover img {
5821
+ -webkit-transform: scale(1);
5822
+ -ms-transform: scale(1);
5823
+ transform: scale(1); }
5824
+
5825
+ .premium-img-gallery.scale .pa-gallery-img:hover img {
5826
+ -webkit-transform: scale(1.3) rotate(5deg);
5827
+ -ms-transform: scale(1.3) rotate(5deg);
5828
+ transform: scale(1.3) rotate(5deg); }
5829
+
5830
+ .premium-img-gallery.gray .pa-gallery-img:hover img {
5831
+ -webkit-filter: grayscale(0%);
5832
+ filter: grayscale(0%); }
5833
+
5834
+ .premium-img-gallery.blur .pa-gallery-img:hover img {
5835
+ -webkit-filter: blur(3px);
5836
+ filter: blur(3px); }
5837
+
5838
+ .premium-img-gallery.sepia .pa-gallery-img:hover img {
5839
+ -webkit-filter: sepia(0%);
5840
+ filter: sepia(0%); }
5841
+
5842
+ .premium-img-gallery.trans .pa-gallery-img:hover img {
5843
+ -webkit-transform: translateX(0px) scale(1.1);
5844
+ -ms-transform: translateX(0px) scale(1.1);
5845
+ transform: translateX(0px) scale(1.1); }
5846
+
5847
+ .premium-img-gallery.bright .pa-gallery-img:hover img {
5848
+ -webkit-filter: brightness(1.2);
5849
+ filter: brightness(1.2); }
5850
+
5851
+ .pa-gallery-img .premium-gallery-caption {
5852
+ padding: 10px; }
5853
+ .pa-gallery-img .premium-gallery-caption .premium-gallery-img-name {
5854
+ margin-bottom: 0; }
5855
+
5856
+ .pa-gallery-img.style1 {
5857
+ overflow: hidden; }
5858
+
5859
+ .pa-gallery-img:not(.style2) .pa-gallery-icons-wrapper {
5860
+ position: absolute;
5861
+ top: 0;
5862
+ left: 0;
5863
+ width: 100%;
5864
+ height: 100%;
5865
+ -webkit-transition: all 0.3s ease-in-out;
5866
+ transition: all 0.3s ease-in-out; }
5867
+
5868
+ .pa-gallery-img:not(.style2) .pa-gallery-icons-inner-container {
5869
+ position: absolute;
5870
+ top: 33.33%;
5871
+ width: 100%;
5872
+ text-align: center;
5873
+ -webkit-transform: translateY(-50%);
5874
+ -ms-transform: translateY(-50%);
5875
+ transform: translateY(-50%);
5876
+ z-index: 999; }
5877
+
5878
+ .pa-gallery-img.style1 .premium-gallery-caption {
5879
+ position: absolute;
5880
+ top: auto;
5881
+ right: 0;
5882
+ bottom: -1px;
5883
+ left: 0;
5884
+ width: 100%;
5885
+ -webkit-transition: all 500ms ease 0s;
5886
+ transition: all 500ms ease 0s;
5887
+ -webkit-transform: translate3d(0, 100%, 0);
5888
+ transform: translate3d(0, 100%, 0); }
5889
+
5890
+ .pa-gallery-img.style1:hover .premium-gallery-caption {
5891
+ -webkit-transform: translate3d(0, 0, 0);
5892
+ transform: translate3d(0, 0, 0);
5893
+ bottom: -1px !important; }
5894
+
5895
+ .pa-gallery-img.default .premium-gallery-caption {
5896
+ position: absolute;
5897
+ top: auto;
5898
+ right: 0;
5899
+ left: 0;
5900
+ width: 100%;
5901
+ bottom: 0; }
5902
+
5903
+ .pa-gallery-img.style2 .pa-gallery-icons-caption-container {
5904
+ position: absolute;
5905
+ top: 0;
5906
+ left: 0;
5907
+ width: 100%;
5908
+ height: 100%;
5909
+ opacity: 0;
5910
+ -webkit-backface-visibility: hidden;
5911
+ backface-visibility: hidden;
5912
+ -webkit-transition: opacity 0.3s, -webkit-transform 0.3s;
5913
+ transition: opacity 0.3s, -webkit-transform 0.3s;
5914
+ transition: transform 0.3s, opacity 0.3s;
5915
+ transition: transform 0.3s, opacity 0.3s, -webkit-transform 0.3s;
5916
+ z-index: 1;
5917
+ background-color: rgba(108, 191, 226, 0.68);
5918
+ -js-display: flex;
5919
+ display: -webkit-box;
5920
+ display: -webkit-flex;
5921
+ display: -moz-box;
5922
+ display: -ms-flexbox;
5923
+ display: flex;
5924
+ text-align: center;
5925
+ -webkit-box-align: center;
5926
+ -webkit-align-items: center;
5927
+ -moz-box-align: center;
5928
+ -ms-flex-align: center;
5929
+ align-items: center; }
5930
+
5931
+ .pa-gallery-img.style2 .pa-gallery-icons-caption-cell {
5932
+ width: 100%; }
5933
+
5934
+ .pa-gallery-img.style2:hover .pa-gallery-icons-caption-container {
5935
+ opacity: 1;
5936
+ -webkit-transform: translate(15px, 15px);
5937
+ -ms-transform: translate(15px, 15px);
5938
+ transform: translate(15px, 15px); }
5939
+
5940
+ .premium-clearfix {
5941
+ clear: both; }
5942
+
5943
+ /**
5944
+ * Metro Layout
5945
+ */
5946
+ .premium-img-gallery-metro .premium-gallery-item {
5947
+ overflow: hidden; }
5948
+
5949
+ .premium-img-gallery-metro .pa-gallery-img {
5950
+ height: 100%; }
5951
+
5952
+ .premium-img-gallery-metro .pa-gallery-img-container {
5953
+ height: 100%; }
5954
+ .premium-img-gallery-metro .pa-gallery-img-container img {
5955
+ min-height: 100%;
5956
+ width: 100%;
5957
+ -o-object-fit: fill;
5958
+ object-fit: fill; }
5959
+
5960
+ .premium-img-gallery .premium-gallery-item-hidden {
5961
+ visibility: hidden;
5962
+ width: 0 !important;
5963
+ height: 0 !important;
5964
+ margin: 0 !important;
5965
+ padding: 0 !important; }
5966
+
5967
+ .premium-gallery-load-more {
5968
+ position: relative; }
5969
+ .premium-gallery-load-more .premium-gallery-load-more-btn {
5970
+ -webkit-box-shadow: none;
5971
+ box-shadow: none;
5972
+ text-shadow: none;
5973
+ border: none;
5974
+ outline: none;
5975
+ -webkit-box-align: center;
5976
+ -webkit-align-items: center;
5977
+ -moz-box-align: center;
5978
+ -ms-flex-align: center;
5979
+ align-items: center;
5980
+ vertical-align: bottom;
5981
+ cursor: pointer;
5982
+ line-height: 1;
5983
+ font-style: normal;
5984
+ font-weight: normal;
5985
+ background-image: none;
5986
+ color: #fff;
5987
+ -webkit-transition: all 0.3s ease-in-out;
5988
+ transition: all 0.3s ease-in-out; }
5989
+
5990
+ .premium-gallery-load-more-btn {
5991
+ -js-display: inline-flex;
5992
+ display: -webkit-inline-box;
5993
+ display: -webkit-inline-flex;
5994
+ display: -moz-inline-box;
5995
+ display: -ms-inline-flexbox;
5996
+ display: inline-flex;
5997
+ -webkit-box-align: center;
5998
+ -webkit-align-items: center;
5999
+ -moz-box-align: center;
6000
+ -ms-flex-align: center;
6001
+ align-items: center; }
6002
+
6003
+ .premium-loader {
6004
+ border: 3px solid #f3f3f3;
6005
+ border-top-width: 3px;
6006
+ border-top-style: solid;
6007
+ border-top-color: #f3f3f3;
6008
+ -webkit-border-radius: 50%;
6009
+ border-radius: 50%;
6010
+ border-top: 3px solid;
6011
+ border-top-color: #bbb;
6012
+ width: 30px;
6013
+ height: 30px;
6014
+ -webkit-animation: spin 2s linear infinite;
6015
+ animation: spin 2s linear infinite;
6016
+ margin: 0 auto; }
6017
+
6018
+ .premium-gallery-load-more-btn div {
6019
+ margin-left: 3px; }
6020
+
6021
+ .premium-gallery-load-more-btn .premium-loader {
6022
+ display: inline-block;
6023
+ width: 20px;
6024
+ height: 20px; }
6025
+
6026
+ .pa-gallery-img .pa-gallery-lightbox-wrap {
6027
+ display: inline-block; }
6028
+
6029
+ .premium-img-gallery-no-lightbox .premium-gallery-video-item .pa-gallery-img,
6030
+ .pa-gallery-img .pa-gallery-video-icon {
6031
+ cursor: pointer; }
6032
+
6033
+ .pa-gallery-img-container iframe {
6034
+ position: absolute;
6035
+ visibility: hidden;
6036
+ top: 0;
6037
+ left: 0;
6038
+ max-width: 100%;
6039
+ width: 100%;
6040
+ height: 100%;
6041
+ margin: 0;
6042
+ line-height: 1;
6043
+ border: none; }
6044
+
6045
+ .pa-gallery-img-container video {
6046
+ position: absolute;
6047
+ visibility: hidden;
6048
+ top: 0;
6049
+ left: 0;
6050
+ max-width: 100%;
6051
+ width: 100%;
6052
+ height: 100%;
6053
+ margin: 0;
6054
+ line-height: 1;
6055
+ border: none;
6056
+ -o-object-fit: contain;
6057
+ object-fit: contain; }
6058
+
6059
+ .pa-gallery-icons-inner-container svg,
6060
+ .pa-gallery-icons-caption-cell svg {
6061
+ width: 14px;
6062
+ height: 14px; }
6063
+
6064
+ .premium-gallery-gradient-layer {
6065
+ position: absolute;
6066
+ bottom: 40px;
6067
+ width: 100%;
6068
+ height: 20px;
6069
+ background: -webkit-gradient(linear, left bottom, left top, from(#17181f), to(rgba(255, 255, 255, 0)));
6070
+ background: -webkit-linear-gradient(bottom, #17181f 0%, rgba(255, 255, 255, 0) 100%);
6071
+ background: linear-gradient(to top, #17181f 0%, rgba(255, 255, 255, 0) 100%); }
6072
+
6073
+ @-webkit-keyframes spin {
6074
+ 0% {
6075
+ -webkit-transform: rotate(0deg);
6076
+ transform: rotate(0deg); }
6077
+ 100% {
6078
+ -webkit-transform: rotate(360deg);
6079
+ transform: rotate(360deg); } }
6080
+
6081
+ @keyframes spin {
6082
+ 0% {
6083
+ -webkit-transform: rotate(0deg);
6084
+ transform: rotate(0deg); }
6085
+ 100% {
6086
+ -webkit-transform: rotate(360deg);
6087
+ transform: rotate(360deg); } }
6088
+
6089
+ /************ Premium Vertical Scroll ************/
6090
+ /*************************************************/
6091
+ .premium-vscroll-inner {
6092
+ position: relative;
6093
+ min-height: 100%; }
6094
+ .premium-vscroll-inner .premium-vscroll-dots {
6095
+ position: fixed;
6096
+ z-index: 100;
6097
+ opacity: 1;
6098
+ margin-top: -32px;
6099
+ -webkit-transition: all 0.3s ease-in-out;
6100
+ transition: all 0.3s ease-in-out; }
6101
+
6102
+ .premium-vscroll-wrap .premium-vscroll-nav-menu {
6103
+ opacity: 1;
6104
+ -webkit-transition: all 0.3s ease-in-out;
6105
+ transition: all 0.3s ease-in-out; }
6106
+
6107
+ .premium-vscroll-inner .premium-vscroll-dots,
6108
+ .premium-vscroll-wrap .premium-vscroll-dots-hide {
6109
+ opacity: 0;
6110
+ visibility: hidden; }
6111
+
6112
+ .premium-vscroll-nav-dots-yes .premium-vscroll-inner .premium-vscroll-dots:not(.premium-vscroll-dots-hide) {
6113
+ opacity: 1;
6114
+ visibility: visible; }
6115
+
6116
+ .premium-vscroll-dots.middle {
6117
+ top: 50%; }
6118
+
6119
+ .premium-vscroll-dots.top {
6120
+ top: 40px; }
6121
+
6122
+ .premium-vscroll-dots.bottom {
6123
+ bottom: 30px; }
6124
+
6125
+ .premium-vscroll-dots.right {
6126
+ right: 17px; }
6127
+
6128
+ .premium-vscroll-dots.left {
6129
+ left: 17px; }
6130
+
6131
+ .premium-vscroll-inner ul.premium-vscroll-dots-list,
6132
+ .premium-vscroll-wrap .premium-vscroll-nav-menu {
6133
+ margin: 0 !important;
6134
+ padding: 0; }
6135
+
6136
+ .premium-vscroll-inner ul.premium-vscroll-dots-list li {
6137
+ width: 14px;
6138
+ height: 13px;
6139
+ margin: 7px;
6140
+ position: relative;
6141
+ -js-display: flex;
6142
+ display: -webkit-box;
6143
+ display: -webkit-flex;
6144
+ display: -moz-box;
6145
+ display: -ms-flexbox;
6146
+ display: flex;
6147
+ -webkit-box-pack: center;
6148
+ -webkit-justify-content: center;
6149
+ -moz-box-pack: center;
6150
+ -ms-flex-pack: center;
6151
+ justify-content: center;
6152
+ -webkit-box-align: center;
6153
+ -webkit-align-items: center;
6154
+ -moz-box-align: center;
6155
+ -ms-flex-align: center;
6156
+ align-items: center;
6157
+ overflow: visible; }
6158
+
6159
+ .premium-vscroll-inner .premium-vscroll-dot-item .premium-vscroll-nav-link {
6160
+ display: block;
6161
+ position: relative;
6162
+ z-index: 1;
6163
+ width: 100%;
6164
+ height: 100%;
6165
+ cursor: pointer;
6166
+ text-decoration: none; }
6167
+ .premium-vscroll-inner .premium-vscroll-dot-item .premium-vscroll-nav-link span {
6168
+ top: 2px;
6169
+ left: 2.5px;
6170
+ width: 8px;
6171
+ height: 8px;
6172
+ border: 1px solid #000;
6173
+ -webkit-border-radius: 50%;
6174
+ border-radius: 50%;
6175
+ position: absolute;
6176
+ z-index: 1;
6177
+ -webkit-transition: all 0.3s ease-in-out;
6178
+ transition: all 0.3s ease-in-out; }
6179
+
6180
+ .premium-vscroll-inner .premium-vscroll-dot-item.active .premium-vscroll-nav-link span {
6181
+ -webkit-transform: scale(1.6);
6182
+ -ms-transform: scale(1.6);
6183
+ transform: scale(1.6); }
6184
+
6185
+ .premium-vscroll-inner .premium-vscroll-dot-item .premium-vscroll-tooltip {
6186
+ position: absolute;
6187
+ color: #fff;
6188
+ font-size: 14px;
6189
+ font-family: arial, helvetica, sans-serif;
6190
+ white-space: nowrap;
6191
+ max-width: 220px;
6192
+ padding-left: 0.4em;
6193
+ padding-right: 0.4em; }
6194
+
6195
+ .premium-vscroll-inner .premium-vscroll-dots.right .premium-vscroll-tooltip {
6196
+ right: 27px; }
6197
+
6198
+ .premium-vscroll-inner .premium-vscroll-dots.lines .premium-vscroll-dot-item {
6199
+ width: 4px;
6200
+ height: 30px; }
6201
+ .premium-vscroll-inner .premium-vscroll-dots.lines .premium-vscroll-dot-item span {
6202
+ width: 100%;
6203
+ height: 100%;
6204
+ -webkit-border-radius: 0;
6205
+ border-radius: 0; }
6206
+ .premium-vscroll-inner .premium-vscroll-dots.lines .premium-vscroll-dot-item.active span {
6207
+ -webkit-transform: scale(1);
6208
+ -ms-transform: scale(1);
6209
+ transform: scale(1); }
6210
+
6211
+ .premium-vscroll-inner .premium-vscroll-dots.right .premium-vscroll-tooltip::after {
6212
+ position: absolute;
6213
+ top: 50%;
6214
+ content: "";
6215
+ left: -webkit-calc(100% - 1px);
6216
+ left: calc(100% - 1px);
6217
+ width: 10px;
6218
+ height: 0;
6219
+ border-top: 6px solid transparent;
6220
+ border-bottom: 6px solid transparent;
6221
+ border-left: 6px solid;
6222
+ -webkit-transform: translateY(-50%);
6223
+ -ms-transform: translateY(-50%);
6224
+ transform: translateY(-50%); }
6225
+
6226
+ .premium-vscroll-inner .premium-vscroll-dots.left .premium-vscroll-tooltip {
6227
+ left: 27px; }
6228
+ .premium-vscroll-inner .premium-vscroll-dots.left .premium-vscroll-tooltip::after {
6229
+ position: absolute;
6230
+ top: 50%;
6231
+ content: "";
6232
+ right: -webkit-calc(100% - 1px);
6233
+ right: calc(100% - 1px);
6234
+ width: 10px;
6235
+ height: 0;
6236
+ border-top: 6px solid transparent;
6237
+ border-bottom: 6px solid transparent;
6238
+ border-right: 6px solid;
6239
+ -webkit-transform: translateY(-50%);
6240
+ -ms-transform: translateY(-50%);
6241
+ transform: translateY(-50%); }
6242
+
6243
+ /* * Lines */
6244
+ @media (max-width: 768px) {
6245
+ .premium-vscroll-dots.right {
6246
+ right: 7px; }
6247
+ .premium-vscroll-dots.left {
6248
+ left: 7px; } }
6249
+
6250
+ .premium-vscroll-nav-menu {
6251
+ position: fixed;
6252
+ top: 20px;
6253
+ height: 40px;
6254
+ z-index: 100;
6255
+ padding: 0;
6256
+ margin: 0; }
6257
+ .premium-vscroll-nav-menu.left {
6258
+ left: 0; }
6259
+ .premium-vscroll-nav-menu.right {
6260
+ right: 0; }
6261
+ .premium-vscroll-nav-menu .premium-vscroll-nav-item {
6262
+ display: inline-block;
6263
+ margin: 10px;
6264
+ color: #000;
6265
+ background: #fff;
6266
+ background: rgba(255, 255, 255, 0.3); }
6267
+ .premium-vscroll-nav-menu .premium-vscroll-nav-item .premium-vscroll-nav-link {
6268
+ padding: 9px 18px;
6269
+ display: block;
6270
+ cursor: pointer;
6271
+ color: #000; }
6272
+ .premium-vscroll-nav-menu .premium-vscroll-nav-item .premium-vscroll-nav-link:hover {
6273
+ color: #000; }
6274
+ .premium-vscroll-nav-menu .premium-vscroll-nav-item .premium-vscroll-nav-link:focus {
6275
+ outline: none; }
6276
+
6277
+ .multiscroll-nav li a:focus {
6278
+ outline: none; }
6279
+
6280
+ .premium-vscroll-temp .slimScrollBar {
6281
+ visibility: hidden; }
6282
+
6283
+ /************ Premium Image Scroll ************/
6284
+ /**********************************************/
6285
+ .premium-image-scroll-section,
6286
+ .premium-image-scroll-container {
6287
+ -webkit-transition: all 0.3s ease-in-out;
6288
+ transition: all 0.3s ease-in-out; }
6289
+
6290
+ .premium-image-scroll-section {
6291
+ position: relative;
6292
+ overflow: hidden;
6293
+ width: 100%;
6294
+ -webkit-mask-image: -webkit-radial-gradient(white, black); }
6295
+
6296
+ .premium-image-scroll-container {
6297
+ width: 100%; }
6298
+ .premium-image-scroll-container .premium-image-scroll-mask-media {
6299
+ -webkit-mask-repeat: no-repeat;
6300
+ mask-repeat: no-repeat;
6301
+ -webkit-mask-position: center;
6302
+ mask-position: center; }
6303
+
6304
+ .premium-container-scroll {
6305
+ overflow: auto; }
6306
+
6307
+ .premium-image-scroll-container .premium-image-scroll-horizontal {
6308
+ position: relative;
6309
+ width: 100%;
6310
+ height: 100%; }
6311
+ .premium-image-scroll-container .premium-image-scroll-horizontal img {
6312
+ max-width: none;
6313
+ height: 100%; }
6314
+
6315
+ .premium-image-scroll-container .premium-image-scroll-vertical img {
6316
+ width: 100%;
6317
+ max-width: 100%;
6318
+ height: auto; }
6319
+
6320
+ .premium-image-scroll-ver {
6321
+ position: relative; }
6322
+
6323
+ .premium-image-scroll-container .premium-image-scroll-overlay {
6324
+ background: rgba(2, 2, 2, 0.3); }
6325
+
6326
+ .premium-image-scroll-container .premium-image-scroll-link,
6327
+ .premium-image-scroll-container .premium-image-scroll-overlay {
6328
+ position: absolute;
6329
+ top: 0;
6330
+ bottom: 0;
6331
+ left: 0;
6332
+ right: 0;
6333
+ z-index: 4; }
6334
+
6335
+ .premium-image-scroll-content {
6336
+ display: inline-block;
6337
+ position: absolute;
6338
+ height: auto;
6339
+ top: 50%;
6340
+ left: 50%;
6341
+ text-align: center;
6342
+ z-index: 5;
6343
+ -webkit-transform: translate(-50%, -50%);
6344
+ -ms-transform: translate(-50%, -50%);
6345
+ transform: translate(-50%, -50%); }
6346
+
6347
+ .premium-container-scroll-instant .premium-image-scroll-image {
6348
+ -webkit-transition: all 0s ease-in-out !important;
6349
+ transition: all 0s ease-in-out !important; }
6350
+
6351
+ .premium-image-scroll-container img {
6352
+ -webkit-transition: -webkit-transform 3s ease-in-out;
6353
+ transition: -webkit-transform 3s ease-in-out;
6354
+ transition: transform 3s ease-in-out;
6355
+ transition: transform 3s ease-in-out, -webkit-transform 3s ease-in-out; }
6356
+
6357
+ .premium-image-scroll-container .premium-image-scroll-overlay,
6358
+ .premium-image-scroll-container .premium-image-scroll-content {
6359
+ -webkit-transition: all 0.3s ease-in-out;
6360
+ transition: all 0.3s ease-in-out;
6361
+ opacity: 1; }
6362
+
6363
+ .premium-image-scroll-container:hover .premium-image-scroll-overlay {
6364
+ opacity: 0; }
6365
+
6366
+ .premium-image-scroll-container:hover .premium-image-scroll-content {
6367
+ opacity: 0;
6368
+ visibility: hidden; }
6369
+
6370
+ .premium-image-scroll-content .premium-image-scroll-icon {
6371
+ display: inline-block;
6372
+ font-family: "pa-elements" !important;
6373
+ speak: none;
6374
+ font-style: normal;
6375
+ font-weight: normal;
6376
+ font-variant: normal;
6377
+ text-transform: none;
6378
+ line-height: 1;
6379
+ -webkit-font-smoothing: antialiased;
6380
+ -moz-osx-font-smoothing: grayscale;
6381
+ -webkit-animation-duration: 0.5s;
6382
+ animation-duration: 0.5s;
6383
+ -webkit-animation-iteration-count: infinite;
6384
+ animation-iteration-count: infinite;
6385
+ -webkit-animation-direction: alternate;
6386
+ animation-direction: alternate;
6387
+ -webkit-animation-timing-function: ease-in-out;
6388
+ animation-timing-function: ease-in-out; }
6389
+
6390
+ .pa-horizontal-mouse-scroll:before {
6391
+ content: "\e917"; }
6392
+
6393
+ .pa-vertical-mouse-scroll:before {
6394
+ content: "\e918"; }
6395
+
6396
+ .pa-horizontal-mouse-scroll {
6397
+ -webkit-animation-name: pa-scroll-horizontal;
6398
+ animation-name: pa-scroll-horizontal; }
6399
+
6400
+ .pa-vertical-mouse-scroll {
6401
+ -webkit-animation-name: pa-scroll-vertical;
6402
+ animation-name: pa-scroll-vertical; }
6403
+
6404
+ @-webkit-keyframes pa-scroll-vertical {
6405
+ 0% {
6406
+ -webkit-transform: translateY(0px);
6407
+ transform: translateY(0px); }
6408
+ 100% {
6409
+ -webkit-transform: translateY(5px);
6410
+ transform: translateY(5px); } }
6411
+
6412
+ @keyframes pa-scroll-vertical {
6413
+ 0% {
6414
+ -webkit-transform: translateY(0px);
6415
+ transform: translateY(0px); }
6416
+ 100% {
6417
+ -webkit-transform: translateY(5px);
6418
+ transform: translateY(5px); } }
6419
+
6420
+ @-webkit-keyframes pa-scroll-horizontal {
6421
+ 0% {
6422
+ -webkit-transform: translateX(0px);
6423
+ transform: translateX(0px); }
6424
+ 100% {
6425
+ -webkit-transform: translateX(5px);
6426
+ transform: translateX(5px); } }
6427
+
6428
+ @keyframes pa-scroll-horizontal {
6429
+ 0% {
6430
+ -webkit-transform: translateX(0px);
6431
+ transform: translateX(0px); }
6432
+ 100% {
6433
+ -webkit-transform: translateX(5px);
6434
+ transform: translateX(5px); } }
6435
+
6436
+ /********* Premium Lottie Animations *********/
6437
+ /*********************************************/
6438
+ .premium-lottie-wrap .premium-lottie-animation {
6439
+ position: relative;
6440
+ -js-display: inline-flex;
6441
+ display: -webkit-inline-box;
6442
+ display: -webkit-inline-flex;
6443
+ display: -moz-inline-box;
6444
+ display: -ms-inline-flexbox;
6445
+ display: inline-flex;
6446
+ -webkit-transition: all 0.3s ease-in-out;
6447
+ transition: all 0.3s ease-in-out; }
6448
+ .premium-lottie-wrap .premium-lottie-animation a {
6449
+ position: absolute;
6450
+ left: 0;
6451
+ top: 0;
6452
+ width: 100%;
6453
+ height: 100%; }
6454
+
6455
+ /**************** Premium Bullet List ****************/
6456
+ /*****************************************************/
6457
+ .premium-icon-list-box {
6458
+ -js-display: flex;
6459
+ display: -webkit-box;
6460
+ display: -webkit-flex;
6461
+ display: -moz-box;
6462
+ display: -ms-flexbox;
6463
+ display: flex;
6464
+ -webkit-flex-wrap: wrap;
6465
+ -ms-flex-wrap: wrap;
6466
+ flex-wrap: wrap;
6467
+ -webkit-box-orient: vertical;
6468
+ -webkit-box-direction: normal;
6469
+ -webkit-flex-direction: column;
6470
+ -moz-box-orient: vertical;
6471
+ -moz-box-direction: normal;
6472
+ -ms-flex-direction: column;
6473
+ flex-direction: column; }
6474
+ .premium-icon-list-box .premium-icon-list-content-grow-lc {
6475
+ -webkit-transform-origin: left center;
6476
+ -ms-transform-origin: left center;
6477
+ transform-origin: left center; }
6478
+ .premium-icon-list-box .premium-icon-list-content-grow-rc {
6479
+ -webkit-transform-origin: right center;
6480
+ -ms-transform-origin: right center;
6481
+ transform-origin: right center; }
6482
+ .premium-icon-list-box .premium-icon-list-content-grow-cc {
6483
+ -webkit-transform-origin: center center;
6484
+ -ms-transform-origin: center center;
6485
+ transform-origin: center center; }
6486
+
6487
+ .premium-icon-list-content {
6488
+ -js-display: flex;
6489
+ display: -webkit-box;
6490
+ display: -webkit-flex;
6491
+ display: -moz-box;
6492
+ display: -ms-flexbox;
6493
+ display: flex;
6494
+ -webkit-transition: all 0.3s ease-in-out;
6495
+ transition: all 0.3s ease-in-out;
6496
+ width: auto;
6497
+ position: relative; }
6498
+ .premium-icon-list-content .premium-icon-list-text span,
6499
+ .premium-icon-list-content .premium-icon-list-wrapper {
6500
+ display: inline-block;
6501
+ -webkit-align-self: center;
6502
+ -ms-flex-item-align: center;
6503
+ align-self: center;
6504
+ -webkit-transition: all 0.3s ease-in-out;
6505
+ transition: all 0.3s ease-in-out; }
6506
+ .premium-icon-list-content .premium-icon-list-text span {
6507
+ margin: 0 5px; }
6508
+ .premium-icon-list-content .premium-icon-list-icon-text p {
6509
+ font-size: 18px;
6510
+ background-color: #eee;
6511
+ padding: 1px 5px;
6512
+ -webkit-border-radius: 2px;
6513
+ border-radius: 2px; }
6514
+ .premium-icon-list-content .premium-icon-list-text span,
6515
+ .premium-icon-list-content .premium-icon-list-icon-text p,
6516
+ .premium-icon-list-content .premium-icon-list-wrapper img,
6517
+ .premium-icon-list-content .premium-icon-list-wrapper svg,
6518
+ .premium-icon-list-content .premium-icon-list-wrapper i {
6519
+ -webkit-transition: all 0.3s ease-in-out;
6520
+ transition: all 0.3s ease-in-out; }
6521
+ .premium-icon-list-content .premium-icon-list-wrapper {
6522
+ position: relative;
6523
+ line-height: 0; }
6524
+ .premium-icon-list-content .premium-icon-list-wrapper img,
6525
+ .premium-icon-list-content .premium-icon-list-wrapper .premium-lottie-animation svg {
6526
+ width: 30px !important;
6527
+ height: 30px !important;
6528
+ position: relative;
6529
+ z-index: 500; }
6530
+ .premium-icon-list-content .premium-icon-list-wrapper i,
6531
+ .premium-icon-list-content .premium-icon-list-wrapper .premium-icon-list-icon-text {
6532
+ position: relative;
6533
+ z-index: 500; }
6534
+ .premium-icon-list-content .premium-icon-list-link {
6535
+ position: absolute;
6536
+ top: 0;
6537
+ left: 0;
6538
+ width: 100%;
6539
+ height: 100%;
6540
+ z-index: 1000; }
6541
+
6542
+ .premium-icon-list-content:not(:last-of-type) .premium-icon-list-connector {
6543
+ width: 100%;
6544
+ height: 100%;
6545
+ position: absolute;
6546
+ top: 0.5em;
6547
+ z-index: 100;
6548
+ -js-display: flex;
6549
+ display: -webkit-box;
6550
+ display: -webkit-flex;
6551
+ display: -moz-box;
6552
+ display: -ms-flexbox;
6553
+ display: flex;
6554
+ -webkit-box-pack: center;
6555
+ -webkit-justify-content: center;
6556
+ -moz-box-pack: center;
6557
+ -ms-flex-pack: center;
6558
+ justify-content: center; }
6559
+ .premium-icon-list-content:not(:last-of-type) .premium-icon-list-connector .premium-icon-connector-content:after {
6560
+ content: "";
6561
+ border-right-width: 1px;
6562
+ border-right-style: solid;
6563
+ border-color: #333333;
6564
+ display: block;
6565
+ height: 100%; }
6566
+
6567
+ li.premium-icon-list-content.premium-icon-list-content-inline {
6568
+ -webkit-align-self: center;
6569
+ -ms-flex-item-align: center;
6570
+ align-self: center;
6571
+ z-index: 2; }
6572
+
6573
+ li.premium-icon-list-content.premium-icon-list-content-inline:not(:first-child) {
6574
+ margin: 0 3px; }
6575
+
6576
+ li.premium-icon-list-content.premium-icon-list-content-inline:first-child {
6577
+ margin: 0 3px 0 0; }
6578
+
6579
+ .premium-icon-list-divider:not(:last-child) {
6580
+ width: 100%;
6581
+ -webkit-box-flex: 0;
6582
+ -webkit-flex: 0 0 100%;
6583
+ -moz-box-flex: 0;
6584
+ -ms-flex: 0 0 100%;
6585
+ flex: 0 0 100%;
6586
+ overflow: hidden; }
6587
+
6588
+ .premium-icon-list-divider:not(:last-child):after {
6589
+ content: "";
6590
+ display: block;
6591
+ border-top-style: solid;
6592
+ border-top-width: 1px; }
6593
+
6594
+ .premium-icon-list-divider-inline:not(:last-child) {
6595
+ float: right;
6596
+ display: inline-block;
6597
+ position: relative;
6598
+ height: 100%;
6599
+ overflow: hidden;
6600
+ -webkit-align-self: center;
6601
+ -ms-flex-item-align: center;
6602
+ align-self: center;
6603
+ margin: 0 3px; }
6604
+
6605
+ .premium-icon-list-divider-inline:not(:last-child):after {
6606
+ content: "";
6607
+ display: block;
6608
+ border-left-width: 1px;
6609
+ height: 33px;
6610
+ border-left-style: solid; }
6611
+
6612
+ .premium-icon-list-icon-text {
6613
+ line-height: 1.5; }
6614
+
6615
+ .premium-icon-list-icon-text p,
6616
+ ul.premium-icon-list-box,
6617
+ li.premium-icon-list-content {
6618
+ margin: 0; }
6619
+
6620
+ .premium-icon-list-blur:hover .premium-icon-list-content .premium-icon-list-wrapper i,
6621
+ .premium-icon-list-blur:hover .premium-icon-list-content .premium-icon-list-text span,
6622
+ .premium-icon-list-blur:hover .premium-icon-list-content .premium-icon-list-icon-text p {
6623
+ color: transparent !important;
6624
+ text-shadow: 0 0 3px #aaa; }
6625
+
6626
+ .premium-icon-list-blur:hover .premium-icon-list-content .premium-icon-connector-content,
6627
+ .premium-icon-list-blur:hover .premium-icon-list-content .premium-icon-list-wrapper .premium-lottie-animation svg,
6628
+ .premium-icon-list-blur:hover .premium-icon-list-content .premium-icon-list-wrapper img,
6629
+ .premium-icon-list-blur:hover .premium-icon-list-content .premium-icon-list-badge {
6630
+ -webkit-filter: blur(3px);
6631
+ filter: blur(3px); }
6632
+
6633
+ .premium-icon-list-blur:hover .premium-icon-list-content:hover .premium-icon-list-wrapper i,
6634
+ .premium-icon-list-blur:hover .premium-icon-list-content:hover .premium-icon-list-text span,
6635
+ .premium-icon-list-blur:hover .premium-icon-list-content:hover .premium-icon-list-icon-text p {
6636
+ color: #aaa !important;
6637
+ text-shadow: 0 0px 0 transparent; }
6638
+
6639
+ .premium-icon-list-blur:hover .premium-icon-list-content:hover .premium-icon-connector-content,
6640
+ .premium-icon-list-blur:hover .premium-icon-list-content:hover .premium-icon-list-wrapper .premium-lottie-animation svg,
6641
+ .premium-icon-list-blur:hover .premium-icon-list-content:hover .premium-icon-list-wrapper img,
6642
+ .premium-icon-list-blur:hover .premium-icon-list-content:hover .premium-icon-list-badge {
6643
+ -webkit-filter: none;
6644
+ filter: none; }
6645
+
6646
+ .premium-icon-list-content .premium-icon-list-badge {
6647
+ font-size: 11px;
6648
+ top: auto;
6649
+ min-width: -webkit-max-content;
6650
+ min-width: -moz-max-content;
6651
+ min-width: max-content;
6652
+ height: -webkit-fit-content;
6653
+ height: -moz-fit-content;
6654
+ height: fit-content; }
6655
+
6656
+ .premium-icon-list-content .premium-icon-list-icon-text p {
6657
+ font-size: 13px; }
6658
+
6659
+ .premium-icon-list-gradient-effect[data-text] {
6660
+ display: inline-block;
6661
+ position: relative;
6662
+ text-decoration: none; }
6663
+
6664
+ .premium-icon-list-gradient-effect[data-text]::before {
6665
+ content: attr(data-text);
6666
+ position: absolute;
6667
+ z-index: 1;
6668
+ overflow: hidden;
6669
+ -webkit-clip-path: polygon(0 0, 1px 0, 1px 100%, 0 100%);
6670
+ clip-path: polygon(0 0, 1px 0, 1px 100%, 0 100%);
6671
+ -webkit-background-clip: text;
6672
+ background-clip: text;
6673
+ -webkit-text-fill-color: transparent;
6674
+ -webkit-transition: all 0.4s ease;
6675
+ transition: all 0.4s ease; }
6676
+
6677
+ .premium-icon-list-content:hover .premium-icon-list-gradient-effect[data-text]::before,
6678
+ .premium-icon-list-content:focus .premium-icon-list-gradient-effect[data-text]::before {
6679
+ -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
6680
+ clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%); }
6681
+
6682
+ ul[data-list-animation*="animated-"] .premium-icon-list-divider,
6683
+ ul[data-list-animation*="animated-"] .premium-icon-list-content,
6684
+ ul[data-list-animation*="animated-"] .premium-icon-list-divider-inline {
6685
+ opacity: 0; }
6686
+
6687
+ .premium-icon-list-content-grow-effect:hover {
6688
+ -webkit-transform: scale(1.07);
6689
+ -ms-transform: scale(1.07);
6690
+ transform: scale(1.07); }
assets/frontend/js/TweenMax.js ADDED
@@ -0,0 +1,10 @@
 
 
 
 
 
 
 
 
 
 
1
+ /*!
2
+ * GSAP 3.6.1
3
+ * https://greensock.com
4
+ *
5
+ * @license Copyright 2021, GreenSock. All rights reserved.
6
+ * Subject to the terms at https://greensock.com/standard-license or for Club GreenSock members, the agreement issued with that membership.
7
+ * @author: Jack Doyle, jack@greensock.com
8
+ */
9
+
10
+ !function (t, e) { "object" == typeof exports && "undefined" != typeof module ? e(exports) : "function" == typeof define && define.amd ? define(["exports"], e) : e((t = t || self).window = t.window || {}) }(this, function (e) { "use strict"; function _inheritsLoose(t, e) { t.prototype = Object.create(e.prototype), (t.prototype.constructor = t).__proto__ = e } function _assertThisInitialized(t) { if (void 0 === t) throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); return t } function o(t) { return "string" == typeof t } function p(t) { return "function" == typeof t } function q(t) { return "number" == typeof t } function r(t) { return void 0 === t } function s(t) { return "object" == typeof t } function t(t) { return !1 !== t } function u() { return "undefined" != typeof window } function v(t) { return p(t) || o(t) } function M(t) { return (h = mt(t, ot)) && ae } function N(t, e) { return console.warn("Invalid property", t, "set to", e, "Missing plugin? gsap.registerPlugin()") } function O(t, e) { return !e && console.warn(t) } function P(t, e) { return t && (ot[t] = e) && h && (h[t] = e) || ot } function Q() { return 0 } function $(t) { var e, r, i = t[0]; if (s(i) || p(i) || (t = [t]), !(e = (i._gsap || {}).harness)) { for (r = pt.length; r-- && !pt[r].targetTest(i);); e = pt[r] } for (r = t.length; r--;)t[r] && (t[r]._gsap || (t[r]._gsap = new Rt(t[r], e))) || t.splice(r, 1); return t } function _(t) { return t._gsap || $(Tt(t))[0]._gsap } function aa(t, e, i) { return (i = t[e]) && p(i) ? t[e]() : r(i) && t.getAttribute && t.getAttribute(e) || i } function ba(t, e) { return (t = t.split(",")).forEach(e) || t } function ca(t) { return Math.round(1e5 * t) / 1e5 || 0 } function da(t, e) { for (var r = e.length, i = 0; t.indexOf(e[i]) < 0 && ++i < r;); return i < r } function ea(e, r, i) { var n, a = q(e[1]), s = (a ? 2 : 1) + (r < 2 ? 0 : 1), o = e[s]; if (a && (o.duration = e[1]), o.parent = i, r) { for (n = o; i && !("immediateRender" in n);)n = i.vars.defaults || {}, i = t(i.vars.inherit) && i.parent; o.immediateRender = t(n.immediateRender), r < 2 ? o.runBackwards = 1 : o.startAt = e[s - 1] } return o } function fa() { var t, e, r = ht.length, i = ht.slice(0); for (lt = {}, t = ht.length = 0; t < r; t++)(e = i[t]) && e._lazy && (e.render(e._lazy[0], e._lazy[1], !0)._lazy = 0) } function ga(t, e, r, i) { ht.length && fa(), t.render(e, r, i), ht.length && fa() } function ha(t) { var e = parseFloat(t); return (e || 0 === e) && (t + "").match(at).length < 2 ? e : o(t) ? t.trim() : t } function ia(t) { return t } function ja(t, e) { for (var r in e) r in t || (t[r] = e[r]); return t } function ka(t, e) { for (var r in e) r in t || "duration" === r || "ease" === r || (t[r] = e[r]) } function ma(t, e) { for (var r in e) "__proto__" !== r && "constructor" !== r && "prototype" !== r && (t[r] = s(e[r]) ? ma(t[r] || (t[r] = {}), e[r]) : e[r]); return t } function na(t, e) { var r, i = {}; for (r in t) r in e || (i[r] = t[r]); return i } function oa(e) { var r = e.parent || F, i = e.keyframes ? ka : ja; if (t(e.inherit)) for (; r;)i(e, r.vars.defaults), r = r.parent || r._dp; return e } function ra(t, e, r, i) { void 0 === r && (r = "_first"), void 0 === i && (i = "_last"); var n = e._prev, a = e._next; n ? n._next = a : t[r] === e && (t[r] = a), a ? a._prev = n : t[i] === e && (t[i] = n), e._next = e._prev = e.parent = null } function sa(t, e) { !t.parent || e && !t.parent.autoRemoveChildren || t.parent.remove(t), t._act = 0 } function ta(t, e) { if (t && (!e || e._end > t._dur || e._start < 0)) for (var r = t; r;)r._dirty = 1, r = r.parent; return t } function wa(t) { return t._repeat ? gt(t._tTime, t = t.duration() + t._rDelay) * t : 0 } function ya(t, e) { return (t - e._start) * e._ts + (0 <= e._ts ? 0 : e._dirty ? e.totalDuration() : e._tDur) } function za(t) { return t._end = ca(t._start + (t._tDur / Math.abs(t._ts || t._rts || j) || 0)) } function Aa(t, e) { var r = t._dp; return r && r.smoothChildTiming && t._ts && (t._start = ca(r._time - (0 < t._ts ? e / t._ts : ((t._dirty ? t.totalDuration() : t._tDur) - e) / -t._ts)), za(t), r._dirty || ta(r, t)), t } function Ba(t, e) { var r; if ((e._time || e._initted && !e._dur) && (r = ya(t.rawTime(), e), (!e._dur || yt(0, e.totalDuration(), r) - e._tTime > j) && e.render(r, !0)), ta(t, e)._dp && t._initted && t._time >= t._dur && t._ts) { if (t._dur < t.duration()) for (r = t; r._dp;)0 <= r.rawTime() && r.totalTime(r._tTime), r = r._dp; t._zTime = -j } } function Ca(t, e, r, i) { return e.parent && sa(e), e._start = ca(r + e._delay), e._end = ca(e._start + (e.totalDuration() / Math.abs(e.timeScale()) || 0)), function _addLinkedListItem(t, e, r, i, n) { void 0 === r && (r = "_first"), void 0 === i && (i = "_last"); var a, s = t[i]; if (n) for (a = e[n]; s && s[n] > a;)s = s._prev; s ? (e._next = s._next, s._next = e) : (e._next = t[r], t[r] = e), e._next ? e._next._prev = e : t[i] = e, e._prev = s, e.parent = e._dp = t }(t, e, "_first", "_last", t._sort ? "_start" : 0), t._recent = e, i || Ba(t, e), t } function Da(t, e) { return (ot.ScrollTrigger || N("scrollTrigger", e)) && ot.ScrollTrigger.create(e, t) } function Ea(t, e, r, i) { return Nt(t, e), t._initted ? !r && t._pt && (t._dur && !1 !== t.vars.lazy || !t._dur && t.vars.lazy) && f !== Pt.frame ? (ht.push(t), t._lazy = [e, i], 1) : void 0 : 1 } function Ia(t, e, r, i) { var n = t._repeat, a = ca(e) || 0, s = t._tTime / t._tDur; return s && !i && (t._time *= a / t._dur), t._dur = a, t._tDur = n ? n < 0 ? 1e10 : ca(a * (n + 1) + t._rDelay * n) : a, s && !i ? Aa(t, t._tTime = t._tDur * s) : t.parent && za(t), r || ta(t.parent, t), t } function Ja(t) { return t instanceof Bt ? ta(t) : Ia(t, t._dur) } function La(t, e) { var r, i, n = t.labels, a = t._recent || vt, s = t.duration() >= U ? a.endTime(!1) : t._dur; return o(e) && (isNaN(e) || e in n) ? "<" === (r = e.charAt(0)) || ">" === r ? ("<" === r ? a._start : a.endTime(0 <= a._repeat)) + (parseFloat(e.substr(1)) || 0) : (r = e.indexOf("=")) < 0 ? (e in n || (n[e] = s), n[e]) : (i = +(e.charAt(r - 1) + e.substr(r + 1)), 1 < r ? La(t, e.substr(0, r - 1)) + i : s + i) : null == e ? s : +e } function Ma(t, e) { return t || 0 === t ? e(t) : e } function Oa(t) { if ("string" != typeof t) return ""; var e = st.exec(t); return e ? t.substr(e.index + e[0].length) : "" } function Ra(t, e) { return t && s(t) && "length" in t && (!e && !t.length || t.length - 1 in t && s(t[0])) && !t.nodeType && t !== i } function Ua(t) { return t.sort(function () { return .5 - Math.random() }) } function Va(t) { if (p(t)) return t; var _ = s(t) ? t : { each: t }, m = Et(_.ease), g = _.from || 0, v = parseFloat(_.base) || 0, y = {}, e = 0 < g && g < 1, b = isNaN(g) || e, T = _.axis, w = g, x = g; return o(g) ? w = x = { center: .5, edges: .5, end: 1 }[g] || 0 : !e && b && (w = g[0], x = g[1]), function (t, e, r) { var i, n, a, s, o, u, h, l, f, d = (r || _).length, c = y[d]; if (!c) { if (!(f = "auto" === _.grid ? 0 : (_.grid || [1, U])[1])) { for (h = -U; h < (h = r[f++].getBoundingClientRect().left) && f < d;); f-- } for (c = y[d] = [], i = b ? Math.min(f, d) * w - .5 : g % f, n = b ? d * x / f - .5 : g / f | 0, l = U, u = h = 0; u < d; u++)a = u % f - i, s = n - (u / f | 0), c[u] = o = T ? Math.abs("y" === T ? s : a) : J(a * a + s * s), h < o && (h = o), o < l && (l = o); "random" === g && Ua(c), c.max = h - l, c.min = l, c.v = d = (parseFloat(_.amount) || parseFloat(_.each) * (d < f ? d - 1 : T ? "y" === T ? d / f : f : Math.max(f, d / f)) || 0) * ("edges" === g ? -1 : 1), c.b = d < 0 ? v - d : v, c.u = Oa(_.amount || _.each) || 0, m = m && d < 0 ? It(m) : m } return d = (c[t] - c.min) / c.max || 0, ca(c.b + (m ? m(d) : d) * c.v) + c.u } } function Wa(r) { var i = r < 1 ? Math.pow(10, (r + "").length - 2) : 1; return function (t) { var e = Math.round(parseFloat(t) / r) * r * i; return (e - e % 1) / i + (q(t) ? 0 : Oa(t)) } } function Xa(u, t) { var h, l, e = K(u); return !e && s(u) && (h = e = u.radius || U, u.values ? (u = Tt(u.values), (l = !q(u[0])) && (h *= h)) : u = Wa(u.increment)), Ma(t, e ? p(u) ? function (t) { return l = u(t), Math.abs(l - t) <= h ? l : t } : function (t) { for (var e, r, i = parseFloat(l ? t.x : t), n = parseFloat(l ? t.y : 0), a = U, s = 0, o = u.length; o--;)(e = l ? (e = u[o].x - i) * e + (r = u[o].y - n) * r : Math.abs(u[o] - i)) < a && (a = e, s = o); return s = !h || a <= h ? u[s] : t, l || s === t || q(t) ? s : s + Oa(t) } : Wa(u)) } function Ya(t, e, r, i) { return Ma(K(t) ? !e : !0 === r ? !!(r = 0) : !i, function () { return K(t) ? t[~~(Math.random() * t.length)] : (r = r || 1e-5) && (i = r < 1 ? Math.pow(10, (r + "").length - 2) : 1) && Math.floor(Math.round((t - r / 2 + Math.random() * (e - t + .99 * r)) / r) * r * i) / i }) } function ab(e, r, t) { return Ma(t, function (t) { return e[~~r(t)] }) } function db(t) { for (var e, r, i, n, a = 0, s = ""; ~(e = t.indexOf("random(", a));)i = t.indexOf(")", e), n = "[" === t.charAt(e + 7), r = t.substr(e + 7, i - e - 7).match(n ? at : tt), s += t.substr(a, e - a) + Ya(n ? r : +r[0], n ? 0 : +r[1], +r[2] || 1e-5), a = i + 1; return s + t.substr(a, t.length - a) } function gb(t, e, r) { var i, n, a, s = t.labels, o = U; for (i in s) (n = s[i] - e) < 0 == !!r && n && o > (n = Math.abs(n)) && (a = i, o = n); return a } function ib(t) { return sa(t), t.scrollTrigger && t.scrollTrigger.kill(!1), t.progress() < 1 && xt(t, "onInterrupt"), t } function nb(t, e, r) { return (6 * (t = t < 0 ? t + 1 : 1 < t ? t - 1 : t) < 1 ? e + (r - e) * t * 6 : t < .5 ? r : 3 * t < 2 ? e + (r - e) * (2 / 3 - t) * 6 : e) * Ot + .5 | 0 } function ob(t, e, r) { var i, n, a, s, o, u, h, l, f, d, c = t ? q(t) ? [t >> 16, t >> 8 & Ot, t & Ot] : 0 : Mt.black; if (!c) { if ("," === t.substr(-1) && (t = t.substr(0, t.length - 1)), Mt[t]) c = Mt[t]; else if ("#" === t.charAt(0)) { if (t.length < 6 && (t = "#" + (i = t.charAt(1)) + i + (n = t.charAt(2)) + n + (a = t.charAt(3)) + a + (5 === t.length ? t.charAt(4) + t.charAt(4) : "")), 9 === t.length) return [(c = parseInt(t.substr(1, 6), 16)) >> 16, c >> 8 & Ot, c & Ot, parseInt(t.substr(7), 16) / 255]; c = [(t = parseInt(t.substr(1), 16)) >> 16, t >> 8 & Ot, t & Ot] } else if ("hsl" === t.substr(0, 3)) if (c = d = t.match(tt), e) { if (~t.indexOf("=")) return c = t.match(et), r && c.length < 4 && (c[3] = 1), c } else s = +c[0] % 360 / 360, o = c[1] / 100, i = 2 * (u = c[2] / 100) - (n = u <= .5 ? u * (o + 1) : u + o - u * o), 3 < c.length && (c[3] *= 1), c[0] = nb(s + 1 / 3, i, n), c[1] = nb(s, i, n), c[2] = nb(s - 1 / 3, i, n); else c = t.match(tt) || Mt.transparent; c = c.map(Number) } return e && !d && (i = c[0] / Ot, n = c[1] / Ot, a = c[2] / Ot, u = ((h = Math.max(i, n, a)) + (l = Math.min(i, n, a))) / 2, h === l ? s = o = 0 : (f = h - l, o = .5 < u ? f / (2 - h - l) : f / (h + l), s = h === i ? (n - a) / f + (n < a ? 6 : 0) : h === n ? (a - i) / f + 2 : (i - n) / f + 4, s *= 60), c[0] = ~~(s + .5), c[1] = ~~(100 * o + .5), c[2] = ~~(100 * u + .5)), r && c.length < 4 && (c[3] = 1), c } function pb(t) { var r = [], i = [], n = -1; return t.split(kt).forEach(function (t) { var e = t.match(rt) || []; r.push.apply(r, e), i.push(n += e.length + 1) }), r.c = i, r } function qb(t, e, r) { var i, n, a, s, o = "", u = (t + o).match(kt), h = e ? "hsla(" : "rgba(", l = 0; if (!u) return t; if (u = u.map(function (t) { return (t = ob(t, e, 1)) && h + (e ? t[0] + "," + t[1] + "%," + t[2] + "%," + t[3] : t.join(",")) + ")" }), r && (a = pb(t), (i = r.c).join(o) !== a.c.join(o))) for (s = (n = t.replace(kt, "1").split(rt)).length - 1; l < s; l++)o += n[l] + (~i.indexOf(l) ? u.shift() || h + "0,0,0,0)" : (a.length ? a : u.length ? u : r).shift()); if (!n) for (s = (n = t.split(kt)).length - 1; l < s; l++)o += n[l] + u[l]; return o + n[s] } function tb(t) { var e, r = t.join(" "); if (kt.lastIndex = 0, kt.test(r)) return e = Ct.test(r), t[1] = qb(t[1], e), t[0] = qb(t[0], e, pb(t[1])), !0 } function Cb(t) { var e = (t + "").split("("), r = Dt[e[0]]; return r && 1 < e.length && r.config ? r.config.apply(null, ~t.indexOf("{") ? [function _parseObjectInString(t) { for (var e, r, i, n = {}, a = t.substr(1, t.length - 3).split(":"), s = a[0], o = 1, u = a.length; o < u; o++)r = a[o], e = o !== u - 1 ? r.lastIndexOf(",") : r.length, i = r.substr(0, e), n[s] = isNaN(i) ? i.replace(zt, "").trim() : +i, s = r.substr(e + 1).trim(); return n }(e[1])] : function _valueInParentheses(t) { var e = t.indexOf("(") + 1, r = t.indexOf(")"), i = t.indexOf("(", e); return t.substring(e, ~i && i < r ? t.indexOf(")", r + 1) : r) }(t).split(",").map(ha)) : Dt._CE && St.test(t) ? Dt._CE("", t) : r } function Eb(t, e) { for (var r, i = t._first; i;)i instanceof Bt ? Eb(i, e) : !i.vars.yoyoEase || i._yoyo && i._repeat || i._yoyo === e || (i.timeline ? Eb(i.timeline, e) : (r = i._ease, i._ease = i._yEase, i._yEase = r, i._yoyo = e)), i = i._next } function Gb(t, e, r, i) { void 0 === r && (r = function easeOut(t) { return 1 - e(1 - t) }), void 0 === i && (i = function easeInOut(t) { return t < .5 ? e(2 * t) / 2 : 1 - e(2 * (1 - t)) / 2 }); var n, a = { easeIn: e, easeOut: r, easeInOut: i }; return ba(t, function (t) { for (var e in Dt[t] = ot[t] = a, Dt[n = t.toLowerCase()] = r, a) Dt[n + ("easeIn" === e ? ".in" : "easeOut" === e ? ".out" : ".inOut")] = Dt[t + "." + e] = a[e] }), a } function Hb(e) { return function (t) { return t < .5 ? (1 - e(1 - 2 * t)) / 2 : .5 + e(2 * (t - .5)) / 2 } } function Ib(r, t, e) { function Dl(t) { return 1 === t ? 1 : i * Math.pow(2, -10 * t) * H((t - a) * n) + 1 } var i = 1 <= t ? t : 1, n = (e || (r ? .3 : .45)) / (t < 1 ? t : 1), a = n / X * (Math.asin(1 / i) || 0), s = "out" === r ? Dl : "in" === r ? function (t) { return 1 - Dl(1 - t) } : Hb(Dl); return n = X / n, s.config = function (t, e) { return Ib(r, t, e) }, s } function Jb(e, r) { function Ll(t) { return t ? --t * t * ((r + 1) * t + r) + 1 : 0 } void 0 === r && (r = 1.70158); var t = "out" === e ? Ll : "in" === e ? function (t) { return 1 - Ll(1 - t) } : Hb(Ll); return t.config = function (t) { return Jb(e, t) }, t } var R, F, i, n, a, h, l, f, d, c, m, g, y, b, T, w, x, k, C, A, D, S, z, I, E, L, Y = { autoSleep: 120, force3D: "auto", nullTargetWarn: 1, units: { lineHeight: "" } }, B = { duration: .5, overwrite: !1, delay: 0 }, U = 1e8, j = 1 / U, X = 2 * Math.PI, V = X / 4, G = 0, J = Math.sqrt, W = Math.cos, H = Math.sin, Z = "function" == typeof ArrayBuffer && ArrayBuffer.isView || function () { }, K = Array.isArray, tt = /(?:-?\.?\d|\.)+/gi, et = /[-+=.]*\d+[.e\-+]*\d*[e\-+]*\d*/g, rt = /[-+=.]*\d+[.e-]*\d*[a-z%]*/g, it = /[-+=.]*\d+\.?\d*(?:e-|e\+)?\d*/gi, nt = /[+-]=-?[.\d]+/, at = /[#\-+.]*\b[a-z\d-=+%.]+/gi, st = /[\d.+\-=]+(?:e[-+]\d*)*/i, ot = {}, ut = {}, ht = [], lt = {}, ft = {}, dt = {}, ct = 30, pt = [], _t = "", mt = function _merge(t, e) { for (var r in e) t[r] = e[r]; return t }, gt = function _animationCycle(t, e) { var r = Math.floor(t /= e); return t && r === t ? r - 1 : r }, vt = { _start: 0, endTime: Q }, yt = function _clamp(t, e, r) { return r < t ? t : e < r ? e : r }, bt = [].slice, Tt = function toArray(t, e) { return !o(t) || e || !n && At() ? K(t) ? function _flatten(t, e, r) { return void 0 === r && (r = []), t.forEach(function (t) { return o(t) && !e || Ra(t, 1) ? r.push.apply(r, Tt(t)) : r.push(t) }) || r }(t, e) : Ra(t) ? bt.call(t, 0) : t ? [t] : [] : bt.call(a.querySelectorAll(t), 0) }, wt = function mapRange(e, t, r, i, n) { var a = t - e, s = i - r; return Ma(n, function (t) { return r + ((t - e) / a * s || 0) }) }, xt = function _callback(t, e, r) { var i, n, a = t.vars, s = a[e]; if (s) return i = a[e + "Params"], n = a.callbackScope || t, r && ht.length && fa(), i ? s.apply(n, i) : s.call(n) }, Ot = 255, Mt = { aqua: [0, Ot, Ot], lime: [0, Ot, 0], silver: [192, 192, 192], black: [0, 0, 0], maroon: [128, 0, 0], teal: [0, 128, 128], blue: [0, 0, Ot], navy: [0, 0, 128], white: [Ot, Ot, Ot], olive: [128, 128, 0], yellow: [Ot, Ot, 0], orange: [Ot, 165, 0], gray: [128, 128, 128], purple: [128, 0, 128], green: [0, 128, 0], red: [Ot, 0, 0], pink: [Ot, 192, 203], cyan: [0, Ot, Ot], transparent: [Ot, Ot, Ot, 0] }, kt = function () { var t, e = "(?:\\b(?:(?:rgb|rgba|hsl|hsla)\\(.+?\\))|\\B#(?:[0-9a-f]{3,4}){1,2}\\b"; for (t in Mt) e += "|" + t + "\\b"; return new RegExp(e + ")", "gi") }(), Ct = /hsl[a]?\(/, Pt = (x = Date.now, k = 500, C = 33, A = x(), D = A, z = S = 1e3 / 240, b = { time: 0, frame: 0, tick: function tick() { zk(!0) }, deltaRatio: function deltaRatio(t) { return T / (1e3 / (t || 60)) }, wake: function wake() { l && (!n && u() && (i = n = window, a = i.document || {}, ot.gsap = ae, (i.gsapVersions || (i.gsapVersions = [])).push(ae.version), M(h || i.GreenSockGlobals || !i.gsap && i || {}), y = i.requestAnimationFrame), m && b.sleep(), g = y || function (t) { return setTimeout(t, z - 1e3 * b.time + 1 | 0) }, c = 1, zk(2)) }, sleep: function sleep() { (y ? i.cancelAnimationFrame : clearTimeout)(m), c = 0, g = Q }, lagSmoothing: function lagSmoothing(t, e) { k = t || 1e8, C = Math.min(e, k, 0) }, fps: function fps(t) { S = 1e3 / (t || 240), z = 1e3 * b.time + S }, add: function add(t) { I.indexOf(t) < 0 && I.push(t), At() }, remove: function remove(t) { var e; ~(e = I.indexOf(t)) && I.splice(e, 1) && e <= w && w-- }, _listeners: I = [] }), At = function _wake() { return !c && Pt.wake() }, Dt = {}, St = /^[\d.\-M][\d.\-,\s]/, zt = /["']/g, It = function _invertEase(e) { return function (t) { return 1 - e(1 - t) } }, Et = function _parseEase(t, e) { return t && (p(t) ? t : Dt[t] || Cb(t)) || e }; function zk(t) { var e, r, i, n, a = x() - D, s = !0 === t; if (k < a && (A += a - C), (0 < (e = (i = (D += a) - A) - z) || s) && (n = ++b.frame, T = i - 1e3 * b.time, b.time = i /= 1e3, z += e + (S <= e ? 4 : S - e), r = 1), s || (m = g(zk)), r) for (w = 0; w < I.length; w++)I[w](i, T, n, t) } function am(t) { return t < L ? E * t * t : t < .7272727272727273 ? E * Math.pow(t - 1.5 / 2.75, 2) + .75 : t < .9090909090909092 ? E * (t -= 2.25 / 2.75) * t + .9375 : E * Math.pow(t - 2.625 / 2.75, 2) + .984375 } ba("Linear,Quad,Cubic,Quart,Quint,Strong", function (t, e) { var r = e < 5 ? e + 1 : e; Gb(t + ",Power" + (r - 1), e ? function (t) { return Math.pow(t, r) } : function (t) { return t }, function (t) { return 1 - Math.pow(1 - t, r) }, function (t) { return t < .5 ? Math.pow(2 * t, r) / 2 : 1 - Math.pow(2 * (1 - t), r) / 2 }) }), Dt.Linear.easeNone = Dt.none = Dt.Linear.easeIn, Gb("Elastic", Ib("in"), Ib("out"), Ib()), E = 7.5625, L = 1 / 2.75, Gb("Bounce", function (t) { return 1 - am(1 - t) }, am), Gb("Expo", function (t) { return t ? Math.pow(2, 10 * (t - 1)) : 0 }), Gb("Circ", function (t) { return -(J(1 - t * t) - 1) }), Gb("Sine", function (t) { return 1 === t ? 1 : 1 - W(t * V) }), Gb("Back", Jb("in"), Jb("out"), Jb()), Dt.SteppedEase = Dt.steps = ot.SteppedEase = { config: function config(t, e) { void 0 === t && (t = 1); var r = 1 / t, i = t + (e ? 0 : 1), n = e ? 1 : 0; return function (t) { return ((i * yt(0, .99999999, t) | 0) + n) * r } } }, B.ease = Dt["quad.out"], ba("onComplete,onUpdate,onStart,onRepeat,onReverseComplete,onInterrupt", function (t) { return _t += t + "," + t + "Params," }); var Lt, Rt = function GSCache(t, e) { this.id = G++, (t._gsap = this).target = t, this.harness = e, this.get = e ? e.get : aa, this.set = e ? e.getSetter : Wt }, Ft = ((Lt = Animation.prototype).delay = function delay(t) { return t || 0 === t ? (this.parent && this.parent.smoothChildTiming && this.startTime(this._start + t - this._delay), this._delay = t, this) : this._delay }, Lt.duration = function duration(t) { return arguments.length ? this.totalDuration(0 < this._repeat ? t + (t + this._rDelay) * this._repeat : t) : this.totalDuration() && this._dur }, Lt.totalDuration = function totalDuration(t) { return arguments.length ? (this._dirty = 0, Ia(this, this._repeat < 0 ? t : (t - this._repeat * this._rDelay) / (this._repeat + 1))) : this._tDur }, Lt.totalTime = function totalTime(t, e) { if (At(), !arguments.length) return this._tTime; var r = this._dp; if (r && r.smoothChildTiming && this._ts) { for (Aa(this, t), !r._dp || r.parent || Ba(r, this); r.parent;)r.parent._time !== r._start + (0 <= r._ts ? r._tTime / r._ts : (r.totalDuration() - r._tTime) / -r._ts) && r.totalTime(r._tTime, !0), r = r.parent; !this.parent && this._dp.autoRemoveChildren && (0 < this._ts && t < this._tDur || this._ts < 0 && 0 < t || !this._tDur && !t) && Ca(this._dp, this, this._start - this._delay) } return (this._tTime !== t || !this._dur && !e || this._initted && Math.abs(this._zTime) === j || !t && !this._initted && (this.add || this._ptLookup)) && (this._ts || (this._pTime = t), ga(this, t, e)), this }, Lt.time = function time(t, e) { return arguments.length ? this.totalTime(Math.min(this.totalDuration(), t + wa(this)) % this._dur || (t ? this._dur : 0), e) : this._time }, Lt.totalProgress = function totalProgress(t, e) { return arguments.length ? this.totalTime(this.totalDuration() * t, e) : this.totalDuration() ? Math.min(1, this._tTime / this._tDur) : this.ratio }, Lt.progress = function progress(t, e) { return arguments.length ? this.totalTime(this.duration() * (!this._yoyo || 1 & this.iteration() ? t : 1 - t) + wa(this), e) : this.duration() ? Math.min(1, this._time / this._dur) : this.ratio }, Lt.iteration = function iteration(t, e) { var r = this.duration() + this._rDelay; return arguments.length ? this.totalTime(this._time + (t - 1) * r, e) : this._repeat ? gt(this._tTime, r) + 1 : 1 }, Lt.timeScale = function timeScale(t) { if (!arguments.length) return this._rts === -j ? 0 : this._rts; if (this._rts === t) return this; var e = this.parent && this._ts ? ya(this.parent._time, this) : this._tTime; return this._rts = +t || 0, this._ts = this._ps || t === -j ? 0 : this._rts, function _recacheAncestors(t) { for (var e = t.parent; e && e.parent;)e._dirty = 1, e.totalDuration(), e = e.parent; return t }(this.totalTime(yt(-this._delay, this._tDur, e), !0)) }, Lt.paused = function paused(t) { return arguments.length ? (this._ps !== t && ((this._ps = t) ? (this._pTime = this._tTime || Math.max(-this._delay, this.rawTime()), this._ts = this._act = 0) : (At(), this._ts = this._rts, this.totalTime(this.parent && !this.parent.smoothChildTiming ? this.rawTime() : this._tTime || this._pTime, 1 === this.progress() && (this._tTime -= j) && Math.abs(this._zTime) !== j))), this) : this._ps }, Lt.startTime = function startTime(t) { if (arguments.length) { this._start = t; var e = this.parent || this._dp; return !e || !e._sort && this.parent || Ca(e, this, t - this._delay), this } return this._start }, Lt.endTime = function endTime(e) { return this._start + (t(e) ? this.totalDuration() : this.duration()) / Math.abs(this._ts) }, Lt.rawTime = function rawTime(t) { var e = this.parent || this._dp; return e ? t && (!this._ts || this._repeat && this._time && this.totalProgress() < 1) ? this._tTime % (this._dur + this._rDelay) : this._ts ? ya(e.rawTime(t), this) : this._tTime : this._tTime }, Lt.globalTime = function globalTime(t) { for (var e = this, r = arguments.length ? t : e.rawTime(); e;)r = e._start + r / (e._ts || 1), e = e._dp; return r }, Lt.repeat = function repeat(t) { return arguments.length ? (this._repeat = t === 1 / 0 ? -2 : t, Ja(this)) : -2 === this._repeat ? 1 / 0 : this._repeat }, Lt.repeatDelay = function repeatDelay(t) { return arguments.length ? (this._rDelay = t, Ja(this)) : this._rDelay }, Lt.yoyo = function yoyo(t) { return arguments.length ? (this._yoyo = t, this) : this._yoyo }, Lt.seek = function seek(e, r) { return this.totalTime(La(this, e), t(r)) }, Lt.restart = function restart(e, r) { return this.play().totalTime(e ? -this._delay : 0, t(r)) }, Lt.play = function play(t, e) { return null != t && this.seek(t, e), this.reversed(!1).paused(!1) }, Lt.reverse = function reverse(t, e) { return null != t && this.seek(t || this.totalDuration(), e), this.reversed(!0).paused(!1) }, Lt.pause = function pause(t, e) { return null != t && this.seek(t, e), this.paused(!0) }, Lt.resume = function resume() { return this.paused(!1) }, Lt.reversed = function reversed(t) { return arguments.length ? (!!t !== this.reversed() && this.timeScale(-this._rts || (t ? -j : 0)), this) : this._rts < 0 }, Lt.invalidate = function invalidate() { return this._initted = this._act = 0, this._zTime = -j, this }, Lt.isActive = function isActive() { var t, e = this.parent || this._dp, r = this._start; return !(e && !(this._ts && this._initted && e.isActive() && (t = e.rawTime(!0)) >= r && t < this.endTime(!0) - j)) }, Lt.eventCallback = function eventCallback(t, e, r) { var i = this.vars; return 1 < arguments.length ? (e ? (i[t] = e, r && (i[t + "Params"] = r), "onUpdate" === t && (this._onUpdate = e)) : delete i[t], this) : i[t] }, Lt.then = function then(t) { var i = this; return new Promise(function (e) { function sn() { var t = i.then; i.then = null, p(r) && (r = r(i)) && (r.then || r === i) && (i.then = t), e(r), i.then = t } var r = p(t) ? t : ia; i._initted && 1 === i.totalProgress() && 0 <= i._ts || !i._tTime && i._ts < 0 ? sn() : i._prom = sn }) }, Lt.kill = function kill() { ib(this) }, Animation); function Animation(t, e) { var r = t.parent || F; this.vars = t, this._delay = +t.delay || 0, (this._repeat = t.repeat === 1 / 0 ? -2 : t.repeat || 0) && (this._rDelay = t.repeatDelay || 0, this._yoyo = !!t.yoyo || !!t.yoyoEase), this._ts = 1, Ia(this, +t.duration, 1, 1), this.data = t.data, c || Pt.wake(), r && Ca(r, this, e || 0 === e ? e : r._time, 1), t.reversed && this.reverse(), t.paused && this.paused(!0) } ja(Ft.prototype, { _time: 0, _start: 0, _end: 0, _tTime: 0, _tDur: 0, _dirty: 0, _repeat: 0, _yoyo: !1, parent: null, _initted: !1, _rDelay: 0, _ts: 1, _dp: 0, ratio: 0, _zTime: -j, _prom: 0, _ps: !1, _rts: 1 }); var Bt = function (n) { function Timeline(e, r) { var i; return void 0 === e && (e = {}), (i = n.call(this, e, r) || this).labels = {}, i.smoothChildTiming = !!e.smoothChildTiming, i.autoRemoveChildren = !!e.autoRemoveChildren, i._sort = t(e.sortChildren), i.parent && Ba(i.parent, _assertThisInitialized(i)), e.scrollTrigger && Da(_assertThisInitialized(i), e.scrollTrigger), i } _inheritsLoose(Timeline, n); var e = Timeline.prototype; return e.to = function to(t, e, r, i) { return new Vt(t, ea(arguments, 0, this), La(this, q(e) ? i : r)), this }, e.from = function from(t, e, r, i) { return new Vt(t, ea(arguments, 1, this), La(this, q(e) ? i : r)), this }, e.fromTo = function fromTo(t, e, r, i, n) { return new Vt(t, ea(arguments, 2, this), La(this, q(e) ? n : i)), this }, e.set = function set(t, e, r) { return e.duration = 0, e.parent = this, oa(e).repeatDelay || (e.repeat = 0), e.immediateRender = !!e.immediateRender, new Vt(t, e, La(this, r), 1), this }, e.call = function call(t, e, r) { return Ca(this, Vt.delayedCall(0, t, e), La(this, r)) }, e.staggerTo = function staggerTo(t, e, r, i, n, a, s) { return r.duration = e, r.stagger = r.stagger || i, r.onComplete = a, r.onCompleteParams = s, r.parent = this, new Vt(t, r, La(this, n)), this }, e.staggerFrom = function staggerFrom(e, r, i, n, a, s, o) { return i.runBackwards = 1, oa(i).immediateRender = t(i.immediateRender), this.staggerTo(e, r, i, n, a, s, o) }, e.staggerFromTo = function staggerFromTo(e, r, i, n, a, s, o, u) { return n.startAt = i, oa(n).immediateRender = t(n.immediateRender), this.staggerTo(e, r, n, a, s, o, u) }, e.render = function render(t, e, r) { var i, n, a, s, o, u, h, l, f, d, c, p, _ = this._time, m = this._dirty ? this.totalDuration() : this._tDur, g = this._dur, v = this !== F && m - j < t && 0 <= t ? m : t < j ? 0 : t, y = this._zTime < 0 != t < 0 && (this._initted || !g); if (v !== this._tTime || r || y) { if (_ !== this._time && g && (v += this._time - _, t += this._time - _), i = v, f = this._start, u = !(l = this._ts), y && (g || (_ = this._zTime), !t && e || (this._zTime = t)), this._repeat) { if (c = this._yoyo, o = g + this._rDelay, this._repeat < -1 && t < 0) return this.totalTime(100 * o + t, e, r); if (i = ca(v % o), v === m ? (s = this._repeat, i = g) : ((s = ~~(v / o)) && s === v / o && (i = g, s--), g < i && (i = g)), d = gt(this._tTime, o), !_ && this._tTime && d !== s && (d = s), c && 1 & s && (i = g - i, p = 1), s !== d && !this._lock) { var b = c && 1 & d, T = b === (c && 1 & s); if (s < d && (b = !b), _ = b ? 0 : g, this._lock = 1, this.render(_ || (p ? 0 : ca(s * o)), e, !g)._lock = 0, !e && this.parent && xt(this, "onRepeat"), this.vars.repeatRefresh && !p && (this.invalidate()._lock = 1), _ && _ !== this._time || u != !this._ts || this.vars.onRepeat && !this.parent && !this._act) return this; if (g = this._dur, m = this._tDur, T && (this._lock = 2, _ = b ? g : -1e-4, this.render(_, !0)), this._lock = 0, !this._ts && !u) return this; Eb(this, p) } } if (this._hasPause && !this._forcing && this._lock < 2 && (h = function _findNextPauseTween(t, e, r) { var i; if (e < r) for (i = t._first; i && i._start <= r;) { if (!i._dur && "isPause" === i.data && i._start > e) return i; i = i._next } else for (i = t._last; i && i._start >= r;) { if (!i._dur && "isPause" === i.data && i._start < e) return i; i = i._prev } }(this, ca(_), ca(i))) && (v -= i - (i = h._start)), this._tTime = v, this._time = i, this._act = !l, this._initted || (this._onUpdate = this.vars.onUpdate, this._initted = 1, this._zTime = t, _ = 0), _ || !i || e || xt(this, "onStart"), _ <= i && 0 <= t) for (n = this._first; n;) { if (a = n._next, (n._act || i >= n._start) && n._ts && h !== n) { if (n.parent !== this) return this.render(t, e, r); if (n.render(0 < n._ts ? (i - n._start) * n._ts : (n._dirty ? n.totalDuration() : n._tDur) + (i - n._start) * n._ts, e, r), i !== this._time || !this._ts && !u) { h = 0, a && (v += this._zTime = -j); break } } n = a } else { n = this._last; for (var w = t < 0 ? t : i; n;) { if (a = n._prev, (n._act || w <= n._end) && n._ts && h !== n) { if (n.parent !== this) return this.render(t, e, r); if (n.render(0 < n._ts ? (w - n._start) * n._ts : (n._dirty ? n.totalDuration() : n._tDur) + (w - n._start) * n._ts, e, r), i !== this._time || !this._ts && !u) { h = 0, a && (v += this._zTime = w ? -j : j); break } } n = a } } if (h && !e && (this.pause(), h.render(_ <= i ? 0 : -j)._zTime = _ <= i ? 1 : -1, this._ts)) return this._start = f, za(this), this.render(t, e, r); this._onUpdate && !e && xt(this, "onUpdate", !0), (v === m && m >= this.totalDuration() || !v && _) && (f !== this._start && Math.abs(l) === Math.abs(this._ts) || this._lock || (!t && g || !(v === m && 0 < this._ts || !v && this._ts < 0) || sa(this, 1), e || t < 0 && !_ || !v && !_ || (xt(this, v === m ? "onComplete" : "onReverseComplete", !0), !this._prom || v < m && 0 < this.timeScale() || this._prom()))) } return this }, e.add = function add(t, e) { var r = this; if (q(e) || (e = La(this, e)), !(t instanceof Ft)) { if (K(t)) return t.forEach(function (t) { return r.add(t, e) }), this; if (o(t)) return this.addLabel(t, e); if (!p(t)) return this; t = Vt.delayedCall(0, t) } return this !== t ? Ca(this, t, e) : this }, e.getChildren = function getChildren(t, e, r, i) { void 0 === t && (t = !0), void 0 === e && (e = !0), void 0 === r && (r = !0), void 0 === i && (i = -U); for (var n = [], a = this._first; a;)a._start >= i && (a instanceof Vt ? e && n.push(a) : (r && n.push(a), t && n.push.apply(n, a.getChildren(!0, e, r)))), a = a._next; return n }, e.getById = function getById(t) { for (var e = this.getChildren(1, 1, 1), r = e.length; r--;)if (e[r].vars.id === t) return e[r] }, e.remove = function remove(t) { return o(t) ? this.removeLabel(t) : p(t) ? this.killTweensOf(t) : (ra(this, t), t === this._recent && (this._recent = this._last), ta(this)) }, e.totalTime = function totalTime(t, e) { return arguments.length ? (this._forcing = 1, !this._dp && this._ts && (this._start = ca(Pt.time - (0 < this._ts ? t / this._ts : (this.totalDuration() - t) / -this._ts))), n.prototype.totalTime.call(this, t, e), this._forcing = 0, this) : this._tTime }, e.addLabel = function addLabel(t, e) { return this.labels[t] = La(this, e), this }, e.removeLabel = function removeLabel(t) { return delete this.labels[t], this }, e.addPause = function addPause(t, e, r) { var i = Vt.delayedCall(0, e || Q, r); return i.data = "isPause", this._hasPause = 1, Ca(this, i, La(this, t)) }, e.removePause = function removePause(t) { var e = this._first; for (t = La(this, t); e;)e._start === t && "isPause" === e.data && sa(e), e = e._next }, e.killTweensOf = function killTweensOf(t, e, r) { for (var i = this.getTweensOf(t, r), n = i.length; n--;)qt !== i[n] && i[n].kill(t, e); return this }, e.getTweensOf = function getTweensOf(t, e) { for (var r, i = [], n = Tt(t), a = this._first, s = q(e); a;)a instanceof Vt ? da(a._targets, n) && (s ? (!qt || a._initted && a._ts) && a.globalTime(0) <= e && a.globalTime(a.totalDuration()) > e : !e || a.isActive()) && i.push(a) : (r = a.getTweensOf(n, e)).length && i.push.apply(i, r), a = a._next; return i }, e.tweenTo = function tweenTo(t, e) { e = e || {}; var r = this, i = La(r, t), n = e.startAt, a = e.onStart, s = e.onStartParams, o = e.immediateRender, u = Vt.to(r, ja({ ease: e.ease || "none", lazy: !1, immediateRender: !1, time: i, overwrite: "auto", duration: e.duration || Math.abs((i - (n && "time" in n ? n.time : r._time)) / r.timeScale()) || j, onStart: function onStart() { r.pause(); var t = e.duration || Math.abs((i - r._time) / r.timeScale()); u._dur !== t && Ia(u, t, 0, 1).render(u._time, !0, !0), a && a.apply(u, s || []) } }, e)); return o ? u.render(0) : u }, e.tweenFromTo = function tweenFromTo(t, e, r) { return this.tweenTo(e, ja({ startAt: { time: La(this, t) } }, r)) }, e.recent = function recent() { return this._recent }, e.nextLabel = function nextLabel(t) { return void 0 === t && (t = this._time), gb(this, La(this, t)) }, e.previousLabel = function previousLabel(t) { return void 0 === t && (t = this._time), gb(this, La(this, t), 1) }, e.currentLabel = function currentLabel(t) { return arguments.length ? this.seek(t, !0) : this.previousLabel(this._time + j) }, e.shiftChildren = function shiftChildren(t, e, r) { void 0 === r && (r = 0); for (var i, n = this._first, a = this.labels; n;)n._start >= r && (n._start += t, n._end += t), n = n._next; if (e) for (i in a) a[i] >= r && (a[i] += t); return ta(this) }, e.invalidate = function invalidate() { var t = this._first; for (this._lock = 0; t;)t.invalidate(), t = t._next; return n.prototype.invalidate.call(this) }, e.clear = function clear(t) { void 0 === t && (t = !0); for (var e, r = this._first; r;)e = r._next, this.remove(r), r = e; return this._dp && (this._time = this._tTime = this._pTime = 0), t && (this.labels = {}), ta(this) }, e.totalDuration = function totalDuration(t) { var e, r, i, n = 0, a = this, s = a._last, o = U; if (arguments.length) return a.timeScale((a._repeat < 0 ? a.duration() : a.totalDuration()) / (a.reversed() ? -t : t)); if (a._dirty) { for (i = a.parent; s;)e = s._prev, s._dirty && s.totalDuration(), o < (r = s._start) && a._sort && s._ts && !a._lock ? (a._lock = 1, Ca(a, s, r - s._delay, 1)._lock = 0) : o = r, r < 0 && s._ts && (n -= r, (!i && !a._dp || i && i.smoothChildTiming) && (a._start += r / a._ts, a._time -= r, a._tTime -= r), a.shiftChildren(-r, !1, -Infinity), o = 0), s._end > n && s._ts && (n = s._end), s = e; Ia(a, a === F && a._time > n ? a._time : n, 1, 1), a._dirty = 0 } return a._tDur }, Timeline.updateRoot = function updateRoot(t) { if (F._ts && (ga(F, ya(t, F)), f = Pt.frame), Pt.frame >= ct) { ct += Y.autoSleep || 120; var e = F._first; if ((!e || !e._ts) && Y.autoSleep && Pt._listeners.length < 2) { for (; e && !e._ts;)e = e._next; e || Pt.sleep() } } }, Timeline }(Ft); ja(Bt.prototype, { _lock: 0, _hasPause: 0, _forcing: 0 }); function Qb(t, e, r, i, n, a) { var u, h, l, f; if (ft[t] && !1 !== (u = new ft[t]).init(n, u.rawVars ? e[t] : function _processVars(t, e, r, i, n) { if (p(t) && (t = Ut(t, n, e, r, i)), !s(t) || t.style && t.nodeType || K(t) || Z(t)) return o(t) ? Ut(t, n, e, r, i) : t; var a, u = {}; for (a in t) u[a] = Ut(t[a], n, e, r, i); return u }(e[t], i, n, a, r), r, i, a) && (r._pt = h = new ie(r._pt, n, t, 0, 1, u.render, u, 0, u.priority), r !== d)) for (l = r._ptLookup[r._targets.indexOf(n)], f = u._props.length; f--;)l[u._props[f]] = h; return u } var qt, Yt = function _addPropTween(t, e, r, i, n, a, s, u, h) { p(i) && (i = i(n || 0, t, a)); var l, f = t[e], d = "get" !== r ? r : p(f) ? h ? t[e.indexOf("set") || !p(t["get" + e.substr(3)]) ? e : "get" + e.substr(3)](h) : t[e]() : f, c = p(f) ? h ? Jt : Qt : Gt; if (o(i) && (~i.indexOf("random(") && (i = db(i)), "=" === i.charAt(1) && (i = parseFloat(d) + parseFloat(i.substr(2)) * ("-" === i.charAt(0) ? -1 : 1) + (Oa(d) || 0))), d !== i) return isNaN(d * i) ? (f || e in t || N(e, i), function _addComplexStringPropTween(t, e, r, i, n, a, s) { var o, u, h, l, f, d, c, p, _ = new ie(this._pt, t, e, 0, 1, Zt, null, n), m = 0, g = 0; for (_.b = r, _.e = i, r += "", (c = ~(i += "").indexOf("random(")) && (i = db(i)), a && (a(p = [r, i], t, e), r = p[0], i = p[1]), u = r.match(it) || []; o = it.exec(i);)l = o[0], f = i.substring(m, o.index), h ? h = (h + 1) % 5 : "rgba(" === f.substr(-5) && (h = 1), l !== u[g++] && (d = parseFloat(u[g - 1]) || 0, _._pt = { _next: _._pt, p: f || 1 === g ? f : ",", s: d, c: "=" === l.charAt(1) ? parseFloat(l.substr(2)) * ("-" === l.charAt(0) ? -1 : 1) : parseFloat(l) - d, m: h && h < 4 ? Math.round : 0 }, m = it.lastIndex); return _.c = m < i.length ? i.substring(m, i.length) : "", _.fp = s, (nt.test(i) || c) && (_.e = 0), this._pt = _ }.call(this, t, e, d, i, c, u || Y.stringFilter, h)) : (l = new ie(this._pt, t, e, +d || 0, i - (d || 0), "boolean" == typeof f ? $t : Ht, 0, c), h && (l.fp = h), s && l.modifier(s, this, t), this._pt = l) }, Nt = function _initTween(e, r) { var i, n, a, s, o, u, h, l, f, d, c, p, m, g = e.vars, v = g.ease, y = g.startAt, b = g.immediateRender, T = g.lazy, w = g.onUpdate, x = g.onUpdateParams, O = g.callbackScope, M = g.runBackwards, k = g.yoyoEase, C = g.keyframes, P = g.autoRevert, A = e._dur, D = e._startAt, S = e._targets, z = e.parent, I = z && "nested" === z.data ? z.parent._targets : S, E = "auto" === e._overwrite && !R, L = e.timeline; if (!L || C && v || (v = "none"), e._ease = Et(v, B.ease), e._yEase = k ? It(Et(!0 === k ? v : k, B.ease)) : 0, k && e._yoyo && !e._repeat && (k = e._yEase, e._yEase = e._ease, e._ease = k), !L) { if (p = (l = S[0] ? _(S[0]).harness : 0) && g[l.prop], i = na(g, ut), D && D.render(-1, !0).kill(), y) if (sa(e._startAt = Vt.set(S, ja({ data: "isStart", overwrite: !1, parent: z, immediateRender: !0, lazy: t(T), startAt: null, delay: 0, onUpdate: w, onUpdateParams: x, callbackScope: O, stagger: 0 }, y))), b) { if (0 < r) P || (e._startAt = 0); else if (A && !(r < 0 && D)) return void (r && (e._zTime = r)) } else !1 === P && (e._startAt = 0); else if (M && A) if (D) P || (e._startAt = 0); else if (r && (b = !1), a = ja({ overwrite: !1, data: "isFromStart", lazy: b && t(T), immediateRender: b, stagger: 0, parent: z }, i), p && (a[l.prop] = p), sa(e._startAt = Vt.set(S, a)), b) { if (!r) return } else _initTween(e._startAt, j); for (e._pt = 0, T = A && t(T) || T && !A, n = 0; n < S.length; n++) { if (h = (o = S[n])._gsap || $(S)[n]._gsap, e._ptLookup[n] = d = {}, lt[h.id] && ht.length && fa(), c = I === S ? n : I.indexOf(o), l && !1 !== (f = new l).init(o, p || i, e, c, I) && (e._pt = s = new ie(e._pt, o, f.name, 0, 1, f.render, f, 0, f.priority), f._props.forEach(function (t) { d[t] = s }), f.priority && (u = 1)), !l || p) for (a in i) ft[a] && (f = Qb(a, i, e, c, o, I)) ? f.priority && (u = 1) : d[a] = s = Yt.call(e, o, a, "get", i[a], c, I, 0, g.stringFilter); e._op && e._op[n] && e.kill(o, e._op[n]), E && e._pt && (qt = e, F.killTweensOf(o, d, e.globalTime(0)), m = !e.parent, qt = 0), e._pt && T && (lt[h.id] = 1) } u && re(e), e._onInit && e._onInit(e) } e._from = !L && !!g.runBackwards, e._onUpdate = w, e._initted = (!e._op || e._pt) && !m }, Ut = function _parseFuncOrString(t, e, r, i, n) { return p(t) ? t.call(e, r, i, n) : o(t) && ~t.indexOf("random(") ? db(t) : t }, jt = _t + "repeat,repeatDelay,yoyo,repeatRefresh,yoyoEase", Xt = (jt + ",id,stagger,delay,duration,paused,scrollTrigger").split(","), Vt = function (A) { function Tween(e, r, i, n) { var a; "number" == typeof r && (i.duration = r, r = i, i = null); var o, u, h, l, f, d, c, p, _ = (a = A.call(this, n ? r : oa(r), i) || this).vars, m = _.duration, g = _.delay, y = _.immediateRender, b = _.stagger, T = _.overwrite, w = _.keyframes, x = _.defaults, M = _.scrollTrigger, k = _.yoyoEase, C = a.parent, P = (K(e) || Z(e) ? q(e[0]) : "length" in r) ? [e] : Tt(e); if (a._targets = P.length ? $(P) : O("GSAP target " + e + " not found. https://greensock.com", !Y.nullTargetWarn) || [], a._ptLookup = [], a._overwrite = T, w || b || v(m) || v(g)) { if (r = a.vars, (o = a.timeline = new Bt({ data: "nested", defaults: x || {} })).kill(), o.parent = o._dp = _assertThisInitialized(a), o._start = 0, w) ja(o.vars.defaults, { ease: "none" }), w.forEach(function (t) { return o.to(P, t, ">") }); else { if (l = P.length, c = b ? Va(b) : Q, s(b)) for (f in b) ~jt.indexOf(f) && ((p = p || {})[f] = b[f]); for (u = 0; u < l; u++) { for (f in h = {}, r) Xt.indexOf(f) < 0 && (h[f] = r[f]); h.stagger = 0, k && (h.yoyoEase = k), p && mt(h, p), d = P[u], h.duration = +Ut(m, _assertThisInitialized(a), u, d, P), h.delay = (+Ut(g, _assertThisInitialized(a), u, d, P) || 0) - a._delay, !b && 1 === l && h.delay && (a._delay = g = h.delay, a._start += g, h.delay = 0), o.to(d, h, c(u, d, P)) } o.duration() ? m = g = 0 : a.timeline = 0 } m || a.duration(m = o.duration()) } else a.timeline = 0; return !0 !== T || R || (qt = _assertThisInitialized(a), F.killTweensOf(P), qt = 0), C && Ba(C, _assertThisInitialized(a)), (y || !m && !w && a._start === ca(C._time) && t(y) && function _hasNoPausedAncestors(t) { return !t || t._ts && _hasNoPausedAncestors(t.parent) }(_assertThisInitialized(a)) && "nested" !== C.data) && (a._tTime = -j, a.render(Math.max(0, -g))), M && Da(_assertThisInitialized(a), M), a } _inheritsLoose(Tween, A); var e = Tween.prototype; return e.render = function render(t, e, r) { var i, n, a, s, o, u, h, l, f, d = this._time, c = this._tDur, p = this._dur, _ = c - j < t && 0 <= t ? c : t < j ? 0 : t; if (p) { if (_ !== this._tTime || !t || r || !this._initted && this._tTime || this._startAt && this._zTime < 0 != t < 0) { if (i = _, l = this.timeline, this._repeat) { if (s = p + this._rDelay, this._repeat < -1 && t < 0) return this.totalTime(100 * s + t, e, r); if (i = ca(_ % s), _ === c ? (a = this._repeat, i = p) : ((a = ~~(_ / s)) && a === _ / s && (i = p, a--), p < i && (i = p)), (u = this._yoyo && 1 & a) && (f = this._yEase, i = p - i), o = gt(this._tTime, s), i === d && !r && this._initted) return this; a !== o && (l && this._yEase && Eb(l, u), !this.vars.repeatRefresh || u || this._lock || (this._lock = r = 1, this.render(ca(s * a), !0).invalidate()._lock = 0)) } if (!this._initted) { if (Ea(this, t < 0 ? t : i, r, e)) return this._tTime = 0, this; if (p !== this._dur) return this.render(t, e, r) } for (this._tTime = _, this._time = i, !this._act && this._ts && (this._act = 1, this._lazy = 0), this.ratio = h = (f || this._ease)(i / p), this._from && (this.ratio = h = 1 - h), !i || d || e || xt(this, "onStart"), n = this._pt; n;)n.r(h, n.d), n = n._next; l && l.render(t < 0 ? t : !i && u ? -j : l._dur * h, e, r) || this._startAt && (this._zTime = t), this._onUpdate && !e && (t < 0 && this._startAt && this._startAt.render(t, !0, r), xt(this, "onUpdate")), this._repeat && a !== o && this.vars.onRepeat && !e && this.parent && xt(this, "onRepeat"), _ !== this._tDur && _ || this._tTime !== _ || (t < 0 && this._startAt && !this._onUpdate && this._startAt.render(t, !0, !0), !t && p || !(_ === this._tDur && 0 < this._ts || !_ && this._ts < 0) || sa(this, 1), e || t < 0 && !d || !_ && !d || (xt(this, _ === c ? "onComplete" : "onReverseComplete", !0), !this._prom || _ < c && 0 < this.timeScale() || this._prom())) } } else !function _renderZeroDurationTween(t, e, r, i) { var n, a, s, o = t.ratio, u = e < 0 || !e && (!t._start && function _parentPlayheadIsBeforeStart(t) { var e = t.parent; return e && e._ts && e._initted && !e._lock && (e.rawTime() < 0 || _parentPlayheadIsBeforeStart(e)) }(t) || (t._ts < 0 || t._dp._ts < 0) && "isFromStart" !== t.data && "isStart" !== t.data) ? 0 : 1, h = t._rDelay, l = 0; if (h && t._repeat && (l = yt(0, t._tDur, e), a = gt(l, h), s = gt(t._tTime, h), t._yoyo && 1 & a && (u = 1 - u), a !== s && (o = 1 - u, t.vars.repeatRefresh && t._initted && t.invalidate())), u !== o || i || t._zTime === j || !e && t._zTime) { if (!t._initted && Ea(t, e, i, r)) return; for (s = t._zTime, t._zTime = e || (r ? j : 0), r = r || e && !s, t.ratio = u, t._from && (u = 1 - u), t._time = 0, t._tTime = l, n = t._pt; n;)n.r(u, n.d), n = n._next; t._startAt && e < 0 && t._startAt.render(e, !0, !0), t._onUpdate && !r && xt(t, "onUpdate"), l && t._repeat && !r && t.parent && xt(t, "onRepeat"), (e >= t._tDur || e < 0) && t.ratio === u && (u && sa(t, 1), r || (xt(t, u ? "onComplete" : "onReverseComplete", !0), t._prom && t._prom())) } else t._zTime || (t._zTime = e) }(this, t, e, r); return this }, e.targets = function targets() { return this._targets }, e.invalidate = function invalidate() { return this._pt = this._op = this._startAt = this._onUpdate = this._lazy = this.ratio = 0, this._ptLookup = [], this.timeline && this.timeline.invalidate(), A.prototype.invalidate.call(this) }, e.kill = function kill(t, e) { if (void 0 === e && (e = "all"), !(t || e && "all" !== e)) return this._lazy = this._pt = 0, this.parent ? ib(this) : this; if (this.timeline) { var r = this.timeline.totalDuration(); return this.timeline.killTweensOf(t, e, qt && !0 !== qt.vars.overwrite)._first || ib(this), this.parent && r !== this.timeline.totalDuration() && Ia(this, this._dur * this.timeline._tDur / r, 0, 1), this } var i, n, a, s, u, h, l, f = this._targets, d = t ? Tt(t) : f, c = this._ptLookup, p = this._pt; if ((!e || "all" === e) && function _arraysMatch(t, e) { for (var r = t.length, i = r === e.length; i && r-- && t[r] === e[r];); return r < 0 }(f, d)) return "all" === e && (this._pt = 0), ib(this); for (i = this._op = this._op || [], "all" !== e && (o(e) && (u = {}, ba(e, function (t) { return u[t] = 1 }), e = u), e = function _addAliasesToVars(t, e) { var r, i, n, a, s = t[0] ? _(t[0]).harness : 0, o = s && s.aliases; if (!o) return e; for (i in r = mt({}, e), o) if (i in r) for (n = (a = o[i].split(",")).length; n--;)r[a[n]] = r[i]; return r }(f, e)), l = f.length; l--;)if (~d.indexOf(f[l])) for (u in n = c[l], "all" === e ? (i[l] = e, s = n, a = {}) : (a = i[l] = i[l] || {}, s = e), s) (h = n && n[u]) && ("kill" in h.d && !0 !== h.d.kill(u) || ra(this, h, "_pt"), delete n[u]), "all" !== a && (a[u] = 1); return this._initted && !this._pt && p && ib(this), this }, Tween.to = function to(t, e, r) { return new Tween(t, e, r) }, Tween.from = function from(t, e) { return new Tween(t, ea(arguments, 1)) }, Tween.delayedCall = function delayedCall(t, e, r, i) { return new Tween(e, 0, { immediateRender: !1, lazy: !1, overwrite: !1, delay: t, onComplete: e, onReverseComplete: e, onCompleteParams: r, onReverseCompleteParams: r, callbackScope: i }) }, Tween.fromTo = function fromTo(t, e, r) { return new Tween(t, ea(arguments, 2)) }, Tween.set = function set(t, e) { return e.duration = 0, e.repeatDelay || (e.repeat = 0), new Tween(t, e) }, Tween.killTweensOf = function killTweensOf(t, e, r) { return F.killTweensOf(t, e, r) }, Tween }(Ft); ja(Vt.prototype, { _targets: [], _lazy: 0, _startAt: 0, _op: 0, _onInit: 0 }), ba("staggerTo,staggerFrom,staggerFromTo", function (r) { Vt[r] = function () { var t = new Bt, e = bt.call(arguments, 0); return e.splice("staggerFromTo" === r ? 5 : 4, 0, 0), t[r].apply(t, e) } }); function _b(t, e, r) { return t.setAttribute(e, r) } function hc(t, e, r, i) { i.mSet(t, e, i.m.call(i.tween, r, i.mt), i) } var Gt = function _setterPlain(t, e, r) { return t[e] = r }, Qt = function _setterFunc(t, e, r) { return t[e](r) }, Jt = function _setterFuncWithParam(t, e, r, i) { return t[e](i.fp, r) }, Wt = function _getSetter(t, e) { return p(t[e]) ? Qt : r(t[e]) && t.setAttribute ? _b : Gt }, Ht = function _renderPlain(t, e) { return e.set(e.t, e.p, Math.round(1e4 * (e.s + e.c * t)) / 1e4, e) }, $t = function _renderBoolean(t, e) { return e.set(e.t, e.p, !!(e.s + e.c * t), e) }, Zt = function _renderComplexString(t, e) { var r = e._pt, i = ""; if (!t && e.b) i = e.b; else if (1 === t && e.e) i = e.e; else { for (; r;)i = r.p + (r.m ? r.m(r.s + r.c * t) : Math.round(1e4 * (r.s + r.c * t)) / 1e4) + i, r = r._next; i += e.c } e.set(e.t, e.p, i, e) }, Kt = function _renderPropTweens(t, e) { for (var r = e._pt; r;)r.r(t, r.d), r = r._next }, te = function _addPluginModifier(t, e, r, i) { for (var n, a = this._pt; a;)n = a._next, a.p === i && a.modifier(t, e, r), a = n }, ee = function _killPropTweensOf(t) { for (var e, r, i = this._pt; i;)r = i._next, i.p === t && !i.op || i.op === t ? ra(this, i, "_pt") : i.dep || (e = 1), i = r; return !e }, re = function _sortPropTweensByPriority(t) { for (var e, r, i, n, a = t._pt; a;) { for (e = a._next, r = i; r && r.pr > a.pr;)r = r._next; (a._prev = r ? r._prev : n) ? a._prev._next = a : i = a, (a._next = r) ? r._prev = a : n = a, a = e } t._pt = i }, ie = (PropTween.prototype.modifier = function modifier(t, e, r) { this.mSet = this.mSet || this.set, this.set = hc, this.m = t, this.mt = r, this.tween = e }, PropTween); function PropTween(t, e, r, i, n, a, s, o, u) { this.t = e, this.s = i, this.c = n, this.p = r, this.r = a || Ht, this.d = s || this, this.set = o || Gt, this.pr = u || 0, (this._next = t) && (t._prev = this) } ba(_t + "parent,duration,ease,delay,overwrite,runBackwards,startAt,yoyo,immediateRender,repeat,repeatDelay,data,paused,reversed,lazy,callbackScope,stringFilter,id,yoyoEase,stagger,inherit,repeatRefresh,keyframes,autoRevert,scrollTrigger", function (t) { return ut[t] = 1 }), ot.TweenMax = ot.TweenLite = Vt, ot.TimelineLite = ot.TimelineMax = Bt, F = new Bt({ sortChildren: !1, defaults: B, autoRemoveChildren: !0, id: "root", smoothChildTiming: !0 }), Y.stringFilter = tb; var ne = { registerPlugin: function registerPlugin() { for (var t = arguments.length, e = new Array(t), r = 0; r < t; r++)e[r] = arguments[r]; e.forEach(function (t) { return function _createPlugin(t) { var e = (t = !t.name && t.default || t).name, r = p(t), i = e && !r && t.init ? function () { this._props = [] } : t, n = { init: Q, render: Kt, add: Yt, kill: ee, modifier: te, rawVars: 0 }, a = { targetTest: 0, get: 0, getSetter: Wt, aliases: {}, register: 0 }; if (At(), t !== i) { if (ft[e]) return; ja(i, ja(na(t, n), a)), mt(i.prototype, mt(n, na(t, a))), ft[i.prop = e] = i, t.targetTest && (pt.push(i), ut[e] = 1), e = ("css" === e ? "CSS" : e.charAt(0).toUpperCase() + e.substr(1)) + "Plugin" } P(e, i), t.register && t.register(ae, i, ie) }(t) }) }, timeline: function timeline(t) { return new Bt(t) }, getTweensOf: function getTweensOf(t, e) { return F.getTweensOf(t, e) }, getProperty: function getProperty(i, t, e, r) { o(i) && (i = Tt(i)[0]); var n = _(i || {}).get, a = e ? ia : ha; return "native" === e && (e = ""), i ? t ? a((ft[t] && ft[t].get || n)(i, t, e, r)) : function (t, e, r) { return a((ft[t] && ft[t].get || n)(i, t, e, r)) } : i }, quickSetter: function quickSetter(r, e, i) { if (1 < (r = Tt(r)).length) { var n = r.map(function (t) { return ae.quickSetter(t, e, i) }), a = n.length; return function (t) { for (var e = a; e--;)n[e](t) } } r = r[0] || {}; var s = ft[e], o = _(r), u = o.harness && (o.harness.aliases || {})[e] || e, h = s ? function (t) { var e = new s; d._pt = 0, e.init(r, i ? t + i : t, d, 0, [r]), e.render(1, e), d._pt && Kt(1, d) } : o.set(r, u); return s ? h : function (t) { return h(r, u, i ? t + i : t, o, 1) } }, isTweening: function isTweening(t) { return 0 < F.getTweensOf(t, !0).length }, defaults: function defaults(t) { return t && t.ease && (t.ease = Et(t.ease, B.ease)), ma(B, t || {}) }, config: function config(t) { return ma(Y, t || {}) }, registerEffect: function registerEffect(t) { var i = t.name, n = t.effect, e = t.plugins, a = t.defaults, r = t.extendTimeline; (e || "").split(",").forEach(function (t) { return t && !ft[t] && !ot[t] && O(i + " effect requires " + t + " plugin.") }), dt[i] = function (t, e, r) { return n(Tt(t), ja(e || {}, a), r) }, r && (Bt.prototype[i] = function (t, e, r) { return this.add(dt[i](t, s(e) ? e : (r = e) && {}, this), r) }) }, registerEase: function registerEase(t, e) { Dt[t] = Et(e) }, parseEase: function parseEase(t, e) { return arguments.length ? Et(t, e) : Dt }, getById: function getById(t) { return F.getById(t) }, exportRoot: function exportRoot(e, r) { void 0 === e && (e = {}); var i, n, a = new Bt(e); for (a.smoothChildTiming = t(e.smoothChildTiming), F.remove(a), a._dp = 0, a._time = a._tTime = F._time, i = F._first; i;)n = i._next, !r && !i._dur && i instanceof Vt && i.vars.onComplete === i._targets[0] || Ca(a, i, i._start - i._delay), i = n; return Ca(F, a, 0), a }, utils: { wrap: function wrap(e, t, r) { var i = t - e; return K(e) ? ab(e, wrap(0, e.length), t) : Ma(r, function (t) { return (i + (t - e) % i) % i + e }) }, wrapYoyo: function wrapYoyo(e, t, r) { var i = t - e, n = 2 * i; return K(e) ? ab(e, wrapYoyo(0, e.length - 1), t) : Ma(r, function (t) { return e + (i < (t = (n + (t - e) % n) % n || 0) ? n - t : t) }) }, distribute: Va, random: Ya, snap: Xa, normalize: function normalize(t, e, r) { return wt(t, e, 0, 1, r) }, getUnit: Oa, clamp: function clamp(e, r, t) { return Ma(t, function (t) { return yt(e, r, t) }) }, splitColor: ob, toArray: Tt, mapRange: wt, pipe: function pipe() { for (var t = arguments.length, e = new Array(t), r = 0; r < t; r++)e[r] = arguments[r]; return function (t) { return e.reduce(function (t, e) { return e(t) }, t) } }, unitize: function unitize(e, r) { return function (t) { return e(parseFloat(t)) + (r || Oa(t)) } }, interpolate: function interpolate(e, r, t, i) { var n = isNaN(e + r) ? 0 : function (t) { return (1 - t) * e + t * r }; if (!n) { var a, s, u, h, l, f = o(e), d = {}; if (!0 === t && (i = 1) && (t = null), f) e = { p: e }, r = { p: r }; else if (K(e) && !K(r)) { for (u = [], h = e.length, l = h - 2, s = 1; s < h; s++)u.push(interpolate(e[s - 1], e[s])); h--, n = function func(t) { t *= h; var e = Math.min(l, ~~t); return u[e](t - e) }, t = r } else i || (e = mt(K(e) ? [] : {}, e)); if (!u) { for (a in r) Yt.call(d, e, a, "get", r[a]); n = function func(t) { return Kt(t, d) || (f ? e.p : e) } } } return Ma(t, n) }, shuffle: Ua }, install: M, effects: dt, ticker: Pt, updateRoot: Bt.updateRoot, plugins: ft, globalTimeline: F, core: { PropTween: ie, globals: P, Tween: Vt, Timeline: Bt, Animation: Ft, getCache: _, _removeLinkedListItem: ra, suppressOverwrites: function suppressOverwrites(t) { return R = t } } }; ba("to,from,fromTo,delayedCall,set,killTweensOf", function (t) { return ne[t] = Vt[t] }), Pt.add(Bt.updateRoot), d = ne.to({}, { duration: 0 }); function lc(t, e) { for (var r = t._pt; r && r.p !== e && r.op !== e && r.fp !== e;)r = r._next; return r } function nc(t, n) { return { name: t, rawVars: 1, init: function init(t, i, e) { e._onInit = function (t) { var e, r; if (o(i) && (e = {}, ba(i, function (t) { return e[t] = 1 }), i = e), n) { for (r in e = {}, i) e[r] = n(i[r]); i = e } !function _addModifiers(t, e) { var r, i, n, a = t._targets; for (r in e) for (i = a.length; i--;)(n = (n = t._ptLookup[i][r]) && n.d) && (n._pt && (n = lc(n, r)), n && n.modifier && n.modifier(e[r], t, a[i], r)) }(t, i) } } } } var ae = ne.registerPlugin({ name: "attr", init: function init(t, e, r, i, n) { var a, s; for (a in e) (s = this.add(t, "setAttribute", (t.getAttribute(a) || 0) + "", e[a], i, n, 0, 0, a)) && (s.op = a), this._props.push(a) } }, { name: "endArray", init: function init(t, e) { for (var r = e.length; r--;)this.add(t, r, t[r] || 0, e[r]) } }, nc("roundProps", Wa), nc("modifiers"), nc("snap", Xa)) || ne; Vt.version = Bt.version = ae.version = "3.6.1", l = 1, u() && At(); function Yc(t, e) { return e.set(e.t, e.p, Math.round(1e4 * (e.s + e.c * t)) / 1e4 + e.u, e) } function Zc(t, e) { return e.set(e.t, e.p, 1 === t ? e.e : Math.round(1e4 * (e.s + e.c * t)) / 1e4 + e.u, e) } function $c(t, e) { return e.set(e.t, e.p, t ? Math.round(1e4 * (e.s + e.c * t)) / 1e4 + e.u : e.b, e) } function _c(t, e) { var r = e.s + e.c * t; e.set(e.t, e.p, ~~(r + (r < 0 ? -.5 : .5)) + e.u, e) } function ad(t, e) { return e.set(e.t, e.p, t ? e.e : e.b, e) } function bd(t, e) { return e.set(e.t, e.p, 1 !== t ? e.b : e.e, e) } function cd(t, e, r) { return t.style[e] = r } function dd(t, e, r) { return t.style.setProperty(e, r) } function ed(t, e, r) { return t._gsap[e] = r } function fd(t, e, r) { return t._gsap.scaleX = t._gsap.scaleY = r } function gd(t, e, r, i, n) { var a = t._gsap; a.scaleX = a.scaleY = r, a.renderTransform(n, a) } function hd(t, e, r, i, n) { var a = t._gsap; a[e] = r, a.renderTransform(n, a) } function ld(t, e) { var r = oe.createElementNS ? oe.createElementNS((e || "http://www.w3.org/1999/xhtml").replace(/^https/, "http"), t) : oe.createElement(t); return r.style ? r : oe.createElement(t) } function md(t, e, r) { var i = getComputedStyle(t); return i[e] || i.getPropertyValue(e.replace(Le, "-$1").toLowerCase()) || i.getPropertyValue(e) || !r && md(t, Ue(e) || e, 1) || "" } function pd() { (function _windowExists() { return "undefined" != typeof window })() && window.document && (se = window, oe = se.document, ue = oe.documentElement, le = ld("div") || { style: {} }, ld("div"), qe = Ue(qe), Ye = qe + "Origin", le.style.cssText = "border-width:0;line-height:0;position:absolute;padding:0", de = !!Ue("perspective"), he = 1) } function qd(t) { var e, r = ld("svg", this.ownerSVGElement && this.ownerSVGElement.getAttribute("xmlns") || "http://www.w3.org/2000/svg"), i = this.parentNode, n = this.nextSibling, a = this.style.cssText; if (ue.appendChild(r), r.appendChild(this), this.style.display = "block", t) try { e = this.getBBox(), this._gsapBBox = this.getBBox, this.getBBox = qd } catch (t) { } else this._gsapBBox && (e = this._gsapBBox()); return i && (n ? i.insertBefore(this, n) : i.appendChild(this)), ue.removeChild(r), this.style.cssText = a, e } function rd(t, e) { for (var r = e.length; r--;)if (t.hasAttribute(e[r])) return t.getAttribute(e[r]) } function sd(e) { var r; try { r = e.getBBox() } catch (t) { r = qd.call(e, !0) } return r && (r.width || r.height) || e.getBBox === qd || (r = qd.call(e, !0)), !r || r.width || r.x || r.y ? r : { x: +rd(e, ["x", "cx", "x1"]) || 0, y: +rd(e, ["y", "cy", "y1"]) || 0, width: 0, height: 0 } } function td(t) { return !(!t.getCTM || t.parentNode && !t.ownerSVGElement || !sd(t)) } function ud(t, e) { if (e) { var r = t.style; e in Se && e !== Ye && (e = qe), r.removeProperty ? ("ms" !== e.substr(0, 2) && "webkit" !== e.substr(0, 6) || (e = "-" + e), r.removeProperty(e.replace(Le, "-$1").toLowerCase())) : r.removeAttribute(e) } } function vd(t, e, r, i, n, a) { var s = new ie(t._pt, e, r, 0, 1, a ? bd : ad); return (t._pt = s).b = i, s.e = n, t._props.push(r), s } function xd(t, e, r, i) { var n, a, s, o, u = parseFloat(r) || 0, h = (r + "").trim().substr((u + "").length) || "px", l = le.style, f = Re.test(e), d = "svg" === t.tagName.toLowerCase(), c = (d ? "client" : "offset") + (f ? "Width" : "Height"), p = "px" === i, m = "%" === i; return i === h || !u || je[i] || je[h] ? u : ("px" === h || p || (u = xd(t, e, r, "px")), o = t.getCTM && td(t), !m && "%" !== h || !Se[e] && !~e.indexOf("adius") ? (l[f ? "width" : "height"] = 100 + (p ? h : i), a = ~e.indexOf("adius") || "em" === i && t.appendChild && !d ? t : t.parentNode, o && (a = (t.ownerSVGElement || {}).parentNode), a && a !== oe && a.appendChild || (a = oe.body), (s = a._gsap) && m && s.width && f && s.time === Pt.time ? ca(u / s.width * 100) : (!m && "%" !== h || (l.position = md(t, "position")), a === t && (l.position = "static"), a.appendChild(le), n = le[c], a.removeChild(le), l.position = "absolute", f && m && ((s = _(a)).time = Pt.time, s.width = a[c]), ca(p ? n * u / 100 : n && u ? 100 / n * u : 0))) : (n = o ? t.getBBox()[f ? "width" : "height"] : t[c], ca(m ? u / n * 100 : u / 100 * n))) } function yd(t, e, r, i) { var n; return he || pd(), e in Be && "transform" !== e && ~(e = Be[e]).indexOf(",") && (e = e.split(",")[0]), Se[e] && "transform" !== e ? (n = Je(t, i), n = "transformOrigin" !== e ? n[e] : We(md(t, Ye)) + " " + n.zOrigin + "px") : (n = t.style[e]) && "auto" !== n && !i && !~(n + "").indexOf("calc(") || (n = Ve[e] && Ve[e](t, e, r) || md(t, e) || aa(t, e) || ("opacity" === e ? 1 : 0)), r && !~(n + "").trim().indexOf(" ") ? xd(t, e, n, r) + r : n } function zd(t, e, r, i) { if (!r || "none" === r) { var n = Ue(e, t, 1), a = n && md(t, n, 1); a && a !== r ? (e = n, r = a) : "borderColor" === e && (r = md(t, "borderTopColor")) } var s, o, u, h, l, f, d, c, p, _, m, g, v = new ie(this._pt, t.style, e, 0, 1, Zt), y = 0, b = 0; if (v.b = r, v.e = i, r += "", "auto" === (i += "") && (t.style[e] = i, i = md(t, e) || i, t.style[e] = r), tb(s = [r, i]), i = s[1], u = (r = s[0]).match(rt) || [], (i.match(rt) || []).length) { for (; o = rt.exec(i);)d = o[0], p = i.substring(y, o.index), l ? l = (l + 1) % 5 : "rgba(" !== p.substr(-5) && "hsla(" !== p.substr(-5) || (l = 1), d !== (f = u[b++] || "") && (h = parseFloat(f) || 0, m = f.substr((h + "").length), (g = "=" === d.charAt(1) ? +(d.charAt(0) + "1") : 0) && (d = d.substr(2)), c = parseFloat(d), _ = d.substr((c + "").length), y = rt.lastIndex - _.length, _ || (_ = _ || Y.units[e] || m, y === i.length && (i += _, v.e += _)), m !== _ && (h = xd(t, e, f, _) || 0), v._pt = { _next: v._pt, p: p || 1 === b ? p : ",", s: h, c: g ? g * c : c - h, m: l && l < 4 || "zIndex" === e ? Math.round : 0 }); v.c = y < i.length ? i.substring(y, i.length) : "" } else v.r = "display" === e && "none" === i ? bd : ad; return nt.test(i) && (v.e = 0), this._pt = v } function Bd(t) { var e = t.split(" "), r = e[0], i = e[1] || "50%"; return "top" !== r && "bottom" !== r && "left" !== i && "right" !== i || (t = r, r = i, i = t), e[0] = Xe[r] || r, e[1] = Xe[i] || i, e.join(" ") } function Cd(t, e) { if (e.tween && e.tween._time === e.tween._dur) { var r, i, n, a = e.t, s = a.style, o = e.u, u = a._gsap; if ("all" === o || !0 === o) s.cssText = "", i = 1; else for (n = (o = o.split(",")).length; -1 < --n;)r = o[n], Se[r] && (i = 1, r = "transformOrigin" === r ? Ye : qe), ud(a, r); i && (ud(a, qe), u && (u.svg && a.removeAttribute("transform"), Je(a, 1), u.uncache = 1)) } } function Gd(t) { return "matrix(1, 0, 0, 1, 0, 0)" === t || "none" === t || !t } function Hd(t) { var e = md(t, qe); return Gd(e) ? Ge : e.substr(7).match(et).map(ca) } function Id(t, e) { var r, i, n, a, s = t._gsap || _(t), o = t.style, u = Hd(t); return s.svg && t.getAttribute("transform") ? "1,0,0,1,0,0" === (u = [(n = t.transform.baseVal.consolidate().matrix).a, n.b, n.c, n.d, n.e, n.f]).join(",") ? Ge : u : (u !== Ge || t.offsetParent || t === ue || s.svg || (n = o.display, o.display = "block", (r = t.parentNode) && t.offsetParent || (a = 1, i = t.nextSibling, ue.appendChild(t)), u = Hd(t), n ? o.display = n : ud(t, "display"), a && (i ? r.insertBefore(t, i) : r ? r.appendChild(t) : ue.removeChild(t))), e && 6 < u.length ? [u[0], u[1], u[4], u[5], u[12], u[13]] : u) } function Jd(t, e, r, i, n, a) { var s, o, u, h = t._gsap, l = n || Id(t, !0), f = h.xOrigin || 0, d = h.yOrigin || 0, c = h.xOffset || 0, p = h.yOffset || 0, _ = l[0], m = l[1], g = l[2], v = l[3], y = l[4], b = l[5], T = e.split(" "), w = parseFloat(T[0]) || 0, x = parseFloat(T[1]) || 0; r ? l !== Ge && (o = _ * v - m * g) && (u = w * (-m / o) + x * (_ / o) - (_ * b - m * y) / o, w = w * (v / o) + x * (-g / o) + (g * b - v * y) / o, x = u) : (w = (s = sd(t)).x + (~T[0].indexOf("%") ? w / 100 * s.width : w), x = s.y + (~(T[1] || T[0]).indexOf("%") ? x / 100 * s.height : x)), i || !1 !== i && h.smooth ? (y = w - f, b = x - d, h.xOffset = c + (y * _ + b * g) - y, h.yOffset = p + (y * m + b * v) - b) : h.xOffset = h.yOffset = 0, h.xOrigin = w, h.yOrigin = x, h.smooth = !!i, h.origin = e, h.originIsAbsolute = !!r, t.style[Ye] = "0px 0px", a && (vd(a, h, "xOrigin", f, w), vd(a, h, "yOrigin", d, x), vd(a, h, "xOffset", c, h.xOffset), vd(a, h, "yOffset", p, h.yOffset)), t.setAttribute("data-svg-origin", w + " " + x) } function Md(t, e, r) { var i = Oa(e); return ca(parseFloat(e) + parseFloat(xd(t, "x", r + "px", i))) + i } function Td(t, e, r, i, n, a) { var s, u, h = 360, l = o(n), f = parseFloat(n) * (l && ~n.indexOf("rad") ? ze : 1), d = a ? f * a : f - i, c = i + d + "deg"; return l && ("short" === (s = n.split("_")[1]) && (d %= h) !== d % 180 && (d += d < 0 ? h : -h), "cw" === s && d < 0 ? d = (d + 36e9) % h - ~~(d / h) * h : "ccw" === s && 0 < d && (d = (d - 36e9) % h - ~~(d / h) * h)), t._pt = u = new ie(t._pt, e, r, i, d, Zc), u.e = c, u.u = "deg", t._props.push(r), u } function Ud(t, e) { for (var r in e) t[r] = e[r]; return t } function Vd(t, e, r) { var i, n, a, s, o, u, h, l = Ud({}, r._gsap), f = r.style; for (n in l.svg ? (a = r.getAttribute("transform"), r.setAttribute("transform", ""), f[qe] = e, i = Je(r, 1), ud(r, qe), r.setAttribute("transform", a)) : (a = getComputedStyle(r)[qe], f[qe] = e, i = Je(r, 1), f[qe] = a), Se) (a = l[n]) !== (s = i[n]) && "perspective,force3D,transformOrigin,svgOrigin".indexOf(n) < 0 && (o = Oa(a) !== (h = Oa(s)) ? xd(r, n, a, h) : parseFloat(a), u = parseFloat(s), t._pt = new ie(t._pt, i, n, o, u - o, Yc), t._pt.u = h || 0, t._props.push(n)); Ud(i, l) } var se, oe, ue, he, le, fe, de, ce = Dt.Power0, pe = Dt.Power1, _e = Dt.Power2, me = Dt.Power3, ge = Dt.Power4, ve = Dt.Linear, ye = Dt.Quad, be = Dt.Cubic, Te = Dt.Quart, we = Dt.Quint, xe = Dt.Strong, Oe = Dt.Elastic, Me = Dt.Back, ke = Dt.SteppedEase, Ce = Dt.Bounce, Pe = Dt.Sine, Ae = Dt.Expo, De = Dt.Circ, Se = {}, ze = 180 / Math.PI, Ie = Math.PI / 180, Ee = Math.atan2, Le = /([A-Z])/g, Re = /(?:left|right|width|margin|padding|x)/i, Fe = /[\s,\(]\S/, Be = { autoAlpha: "opacity,visibility", scale: "scaleX,scaleY", alpha: "opacity" }, qe = "transform", Ye = qe + "Origin", Ne = "O,Moz,ms,Ms,Webkit".split(","), Ue = function _checkPropPrefix(t, e, r) { var i = (e || le).style, n = 5; if (t in i && !r) return t; for (t = t.charAt(0).toUpperCase() + t.substr(1); n-- && !(Ne[n] + t in i);); return n < 0 ? null : (3 === n ? "ms" : 0 <= n ? Ne[n] : "") + t }, je = { deg: 1, rad: 1, turn: 1 }, Xe = { top: "0%", bottom: "100%", left: "0%", right: "100%", center: "50%" }, Ve = { clearProps: function clearProps(t, e, r, i, n) { if ("isFromStart" !== n.data) { var a = t._pt = new ie(t._pt, e, r, 0, 0, Cd); return a.u = i, a.pr = -10, a.tween = n, t._props.push(r), 1 } } }, Ge = [1, 0, 0, 1, 0, 0], Qe = {}, Je = function _parseTransform(t, e) { var r = t._gsap || new Rt(t); if ("x" in r && !e && !r.uncache) return r; var i, n, a, s, o, u, h, l, f, d, c, p, _, m, g, v, y, b, T, w, x, O, M, k, C, P, A, D, S, z, I, E, L = t.style, R = r.scaleX < 0, F = "deg", B = md(t, Ye) || "0"; return i = n = a = u = h = l = f = d = c = 0, s = o = 1, r.svg = !(!t.getCTM || !td(t)), m = Id(t, r.svg), r.svg && (k = !r.uncache && !e && t.getAttribute("data-svg-origin"), Jd(t, k || B, !!k || r.originIsAbsolute, !1 !== r.smooth, m)), p = r.xOrigin || 0, _ = r.yOrigin || 0, m !== Ge && (b = m[0], T = m[1], w = m[2], x = m[3], i = O = m[4], n = M = m[5], 6 === m.length ? (s = Math.sqrt(b * b + T * T), o = Math.sqrt(x * x + w * w), u = b || T ? Ee(T, b) * ze : 0, (f = w || x ? Ee(w, x) * ze + u : 0) && (o *= Math.abs(Math.cos(f * Ie))), r.svg && (i -= p - (p * b + _ * w), n -= _ - (p * T + _ * x))) : (E = m[6], z = m[7], A = m[8], D = m[9], S = m[10], I = m[11], i = m[12], n = m[13], a = m[14], h = (g = Ee(E, S)) * ze, g && (k = O * (v = Math.cos(-g)) + A * (y = Math.sin(-g)), C = M * v + D * y, P = E * v + S * y, A = O * -y + A * v, D = M * -y + D * v, S = E * -y + S * v, I = z * -y + I * v, O = k, M = C, E = P), l = (g = Ee(-w, S)) * ze, g && (v = Math.cos(-g), I = x * (y = Math.sin(-g)) + I * v, b = k = b * v - A * y, T = C = T * v - D * y, w = P = w * v - S * y), u = (g = Ee(T, b)) * ze, g && (k = b * (v = Math.cos(g)) + T * (y = Math.sin(g)), C = O * v + M * y, T = T * v - b * y, M = M * v - O * y, b = k, O = C), h && 359.9 < Math.abs(h) + Math.abs(u) && (h = u = 0, l = 180 - l), s = ca(Math.sqrt(b * b + T * T + w * w)), o = ca(Math.sqrt(M * M + E * E)), g = Ee(O, M), f = 2e-4 < Math.abs(g) ? g * ze : 0, c = I ? 1 / (I < 0 ? -I : I) : 0), r.svg && (k = t.getAttribute("transform"), r.forceCSS = t.setAttribute("transform", "") || !Gd(md(t, qe)), k && t.setAttribute("transform", k))), 90 < Math.abs(f) && Math.abs(f) < 270 && (R ? (s *= -1, f += u <= 0 ? 180 : -180, u += u <= 0 ? 180 : -180) : (o *= -1, f += f <= 0 ? 180 : -180)), r.x = i - ((r.xPercent = i && (r.xPercent || (Math.round(t.offsetWidth / 2) === Math.round(-i) ? -50 : 0))) ? t.offsetWidth * r.xPercent / 100 : 0) + "px", r.y = n - ((r.yPercent = n && (r.yPercent || (Math.round(t.offsetHeight / 2) === Math.round(-n) ? -50 : 0))) ? t.offsetHeight * r.yPercent / 100 : 0) + "px", r.z = a + "px", r.scaleX = ca(s), r.scaleY = ca(o), r.rotation = ca(u) + F, r.rotationX = ca(h) + F, r.rotationY = ca(l) + F, r.skewX = f + F, r.skewY = d + F, r.transformPerspective = c + "px", (r.zOrigin = parseFloat(B.split(" ")[2]) || 0) && (L[Ye] = We(B)), r.xOffset = r.yOffset = 0, r.force3D = Y.force3D, r.renderTransform = r.svg ? er : de ? tr : He, r.uncache = 0, r }, We = function _firstTwoOnly(t) { return (t = t.split(" "))[0] + " " + t[1] }, He = function _renderNon3DTransforms(t, e) { e.z = "0px", e.rotationY = e.rotationX = "0deg", e.force3D = 0, tr(t, e) }, $e = "0deg", Ze = "0px", Ke = ") ", tr = function _renderCSSTransforms(t, e) { var r = e || this, i = r.xPercent, n = r.yPercent, a = r.x, s = r.y, o = r.z, u = r.rotation, h = r.rotationY, l = r.rotationX, f = r.skewX, d = r.skewY, c = r.scaleX, p = r.scaleY, _ = r.transformPerspective, m = r.force3D, g = r.target, v = r.zOrigin, y = "", b = "auto" === m && t && 1 !== t || !0 === m; if (v && (l !== $e || h !== $e)) { var T, w = parseFloat(h) * Ie, x = Math.sin(w), O = Math.cos(w); w = parseFloat(l) * Ie, T = Math.cos(w), a = Md(g, a, x * T * -v), s = Md(g, s, -Math.sin(w) * -v), o = Md(g, o, O * T * -v + v) } _ !== Ze && (y += "perspective(" + _ + Ke), (i || n) && (y += "translate(" + i + "%, " + n + "%) "), !b && a === Ze && s === Ze && o === Ze || (y += o !== Ze || b ? "translate3d(" + a + ", " + s + ", " + o + ") " : "translate(" + a + ", " + s + Ke), u !== $e && (y += "rotate(" + u + Ke), h !== $e && (y += "rotateY(" + h + Ke), l !== $e && (y += "rotateX(" + l + Ke), f === $e && d === $e || (y += "skew(" + f + ", " + d + Ke), 1 === c && 1 === p || (y += "scale(" + c + ", " + p + Ke), g.style[qe] = y || "translate(0, 0)" }, er = function _renderSVGTransforms(t, e) { var r, i, n, a, s, o = e || this, u = o.xPercent, h = o.yPercent, l = o.x, f = o.y, d = o.rotation, c = o.skewX, p = o.skewY, _ = o.scaleX, m = o.scaleY, g = o.target, v = o.xOrigin, y = o.yOrigin, b = o.xOffset, T = o.yOffset, w = o.forceCSS, x = parseFloat(l), O = parseFloat(f); d = parseFloat(d), c = parseFloat(c), (p = parseFloat(p)) && (c += p = parseFloat(p), d += p), d || c ? (d *= Ie, c *= Ie, r = Math.cos(d) * _, i = Math.sin(d) * _, n = Math.sin(d - c) * -m, a = Math.cos(d - c) * m, c && (p *= Ie, s = Math.tan(c - p), n *= s = Math.sqrt(1 + s * s), a *= s, p && (s = Math.tan(p), r *= s = Math.sqrt(1 + s * s), i *= s)), r = ca(r), i = ca(i), n = ca(n), a = ca(a)) : (r = _, a = m, i = n = 0), (x && !~(l + "").indexOf("px") || O && !~(f + "").indexOf("px")) && (x = xd(g, "x", l, "px"), O = xd(g, "y", f, "px")), (v || y || b || T) && (x = ca(x + v - (v * r + y * n) + b), O = ca(O + y - (v * i + y * a) + T)), (u || h) && (s = g.getBBox(), x = ca(x + u / 100 * s.width), O = ca(O + h / 100 * s.height)), s = "matrix(" + r + "," + i + "," + n + "," + a + "," + x + "," + O + ")", g.setAttribute("transform", s), w && (g.style[qe] = s) }; ba("padding,margin,Width,Radius", function (e, r) { var t = "Right", i = "Bottom", n = "Left", o = (r < 3 ? ["Top", t, i, n] : ["Top" + n, "Top" + t, i + t, i + n]).map(function (t) { return r < 2 ? e + t : "border" + t + e }); Ve[1 < r ? "border" + e : e] = function (e, t, r, i, n) { var a, s; if (arguments.length < 4) return a = o.map(function (t) { return yd(e, t, r) }), 5 === (s = a.join(" ")).split(a[0]).length ? a[0] : s; a = (i + "").split(" "), s = {}, o.forEach(function (t, e) { return s[t] = a[e] = a[e] || a[(e - 1) / 2 | 0] }), e.init(t, s, n) } }); var rr, ir, nr, ar = { name: "css", register: pd, targetTest: function targetTest(t) { return t.style && t.nodeType }, init: function init(t, e, r, i, n) { var a, s, o, u, h, l, f, d, c, p, _, m, g, v, y, b = this._props, T = t.style, w = r.vars.startAt; for (f in he || pd(), e) if ("autoRound" !== f && (s = e[f], !ft[f] || !Qb(f, e, r, i, t, n))) if (h = typeof s, l = Ve[f], "function" === h && (h = typeof (s = s.call(r, i, t, n))), "string" === h && ~s.indexOf("random(") && (s = db(s)), l) l(this, t, f, s, r) && (y = 1); else if ("--" === f.substr(0, 2)) a = (getComputedStyle(t).getPropertyValue(f) + "").trim(), s += "", kt.lastIndex = 0, kt.test(a) || (d = Oa(a), c = Oa(s)), c ? d !== c && (a = xd(t, f, a, c) + c) : d && (s += d), this.add(T, "setProperty", a, s, i, n, 0, 0, f); else if ("undefined" !== h) { if (w && f in w ? (a = "function" == typeof w[f] ? w[f].call(r, i, t, n) : w[f], f in Y.units && !Oa(a) && (a += Y.units[f]), "=" === (a + "").charAt(1) && (a = yd(t, f))) : a = yd(t, f), u = parseFloat(a), (p = "string" === h && "=" === s.charAt(1) ? +(s.charAt(0) + "1") : 0) && (s = s.substr(2)), o = parseFloat(s), f in Be && ("autoAlpha" === f && (1 === u && "hidden" === yd(t, "visibility") && o && (u = 0), vd(this, T, "visibility", u ? "inherit" : "hidden", o ? "inherit" : "hidden", !o)), "scale" !== f && "transform" !== f && ~(f = Be[f]).indexOf(",") && (f = f.split(",")[0])), _ = f in Se) if (m || ((g = t._gsap).renderTransform && !e.parseTransform || Je(t, e.parseTransform), v = !1 !== e.smoothOrigin && g.smooth, (m = this._pt = new ie(this._pt, T, qe, 0, 1, g.renderTransform, g, 0, -1)).dep = 1), "scale" === f) this._pt = new ie(this._pt, g, "scaleY", g.scaleY, p ? p * o : o - g.scaleY), b.push("scaleY", f), f += "X"; else { if ("transformOrigin" === f) { s = Bd(s), g.svg ? Jd(t, s, 0, v, 0, this) : ((c = parseFloat(s.split(" ")[2]) || 0) !== g.zOrigin && vd(this, g, "zOrigin", g.zOrigin, c), vd(this, T, f, We(a), We(s))); continue } if ("svgOrigin" === f) { Jd(t, s, 1, v, 0, this); continue } if (f in Qe) { Td(this, g, f, u, s, p); continue } if ("smoothOrigin" === f) { vd(this, g, "smooth", g.smooth, s); continue } if ("force3D" === f) { g[f] = s; continue } if ("transform" === f) { Vd(this, s, t); continue } } else f in T || (f = Ue(f) || f); if (_ || (o || 0 === o) && (u || 0 === u) && !Fe.test(s) && f in T) o = o || 0, (d = (a + "").substr((u + "").length)) !== (c = Oa(s) || (f in Y.units ? Y.units[f] : d)) && (u = xd(t, f, a, c)), this._pt = new ie(this._pt, _ ? g : T, f, u, p ? p * o : o - u, _ || "px" !== c && "zIndex" !== f || !1 === e.autoRound ? Yc : _c), this._pt.u = c || 0, d !== c && (this._pt.b = a, this._pt.r = $c); else if (f in T) zd.call(this, t, f, a, s); else { if (!(f in t)) { N(f, s); continue } this.add(t, f, t[f], s, i, n) } b.push(f) } y && re(this) }, get: yd, aliases: Be, getSetter: function getSetter(t, e, i) { var n = Be[e]; return n && n.indexOf(",") < 0 && (e = n), e in Se && e !== Ye && (t._gsap.x || yd(t, "x")) ? i && fe === i ? "scale" === e ? fd : ed : (fe = i || {}) && ("scale" === e ? gd : hd) : t.style && !r(t.style[e]) ? cd : ~e.indexOf("-") ? dd : Wt(t, e) }, core: { _removeProperty: ud, _getMatrix: Id } }; ae.utils.checkPrefix = Ue, nr = ba((rr = "x,y,z,scale,scaleX,scaleY,xPercent,yPercent") + "," + (ir = "rotation,rotationX,rotationY,skewX,skewY") + ",transform,transformOrigin,svgOrigin,force3D,smoothOrigin,transformPerspective", function (t) { Se[t] = 1 }), ba(ir, function (t) { Y.units[t] = "deg", Qe[t] = 1 }), Be[nr[13]] = rr + "," + ir, ba("0:translateX,1:translateY,2:translateZ,8:rotate,8:rotationZ,8:rotateZ,9:rotateX,10:rotateY", function (t) { var e = t.split(":"); Be[e[1]] = nr[e[0]] }), ba("x,y,z,top,right,bottom,left,width,height,fontSize,padding,margin,perspective", function (t) { Y.units[t] = "px" }), ae.registerPlugin(ar); var sr = ae.registerPlugin(ar) || ae, or = sr.core.Tween; e.Back = Me, e.Bounce = Ce, e.CSSPlugin = ar, e.Circ = De, e.Cubic = be, e.Elastic = Oe, e.Expo = Ae, e.Linear = ve, e.Power0 = ce, e.Power1 = pe, e.Power2 = _e, e.Power3 = me, e.Power4 = ge, e.Quad = ye, e.Quart = Te, e.Quint = we, e.Sine = Pe, e.SteppedEase = ke, e.Strong = xe, e.TimelineLite = Bt, e.TimelineMax = Bt, e.TweenLite = Vt, e.TweenMax = or, e.default = sr, e.gsap = sr; if (typeof (window) === "undefined" || window !== e) { Object.defineProperty(e, "__esModule", { value: !0 }) } else { delete e.default } });
assets/frontend/js/jquery-countdown.js CHANGED
@@ -1 +1 @@
1
- !function(){var t=!1;window.JQClass=function(){},JQClass.classes={},JQClass.extend=function e(i){var n=this.prototype;t=!0;var s=new this;for(var o in t=!1,i)s[o]="function"==typeof i[o]&&"function"==typeof n[o]?function(t,e){return function(){var i=this._super;this._super=function(e){return n[t].apply(this,e)};var s=e.apply(this,arguments);return this._super=i,s}}(o,i[o]):i[o];function a(){!t&&this._init&&this._init.apply(this,arguments)}return((a.prototype=s).constructor=a).extend=e,a}}(),function($){function camelCase(t){return t.replace(/-([a-z])/g,function(t,e){return e.toUpperCase()})}JQClass.classes.JQPlugin=JQClass.extend({name:"plugin",defaultOptions:{},regionalOptions:{},_getters:[],_getMarker:function(){return"is-"+this.name},_init:function(){$.extend(this.defaultOptions,this.regionalOptions&&this.regionalOptions[""]||{});var t=camelCase(this.name);$[t]=this,$.fn[t]=function(e){var i=Array.prototype.slice.call(arguments,1);return $[t]._isNotChained(e,i)?$[t][e].apply($[t],[this[0]].concat(i)):this.each(function(){if("string"==typeof e){if("_"===e[0]||!$[t][e])throw"Unknown method: "+e;$[t][e].apply($[t],[this].concat(i))}else $[t]._attach(this,e)})}},setDefaults:function(t){$.extend(this.defaultOptions,t||{})},_isNotChained:function(t,e){return"option"===t&&(0===e.length||1===e.length&&"string"==typeof e[0])||-1<$.inArray(t,this._getters)},_attach:function(t,e){if(!(t=$(t)).hasClass(this._getMarker())){t.addClass(this._getMarker()),e=$.extend({},this.defaultOptions,this._getMetadata(t),e||{});var i=$.extend({name:this.name,elem:t,options:e},this._instSettings(t,e));t.data(this.name,i),this._postAttach(t,i),this.option(t,e)}},_instSettings:function(t,e){return{}},_postAttach:function(t,e){},_getMetadata:function(d){try{var f=d.data(this.name.toLowerCase())||"";for(var g in f=f.replace(/'/g,'"'),f=f.replace(/([a-zA-Z0-9]+):/g,function(t,e,i){var n=f.substring(0,i).match(/"/g);return n&&n.length%2!=0?e+":":'"'+e+'":'}),f=$.parseJSON("{"+f+"}"),f){var h=f[g];"string"==typeof h&&h.match(/^new Date\((.*)\)$/)&&(f[g]=eval(h))}return f}catch(t){return{}}},_getInst:function(t){return $(t).data(this.name)||{}},option:function(t,e,i){var n=(t=$(t)).data(this.name);if(!e||"string"==typeof e&&null==i)return(s=(n||{}).options)&&e?s[e]:s;if(t.hasClass(this._getMarker())){var s=e||{};"string"==typeof e&&((s={})[e]=i),this._optionsChanged(t,n,s),$.extend(n.options,s)}},_optionsChanged:function(t,e,i){},destroy:function(t){(t=$(t)).hasClass(this._getMarker())&&(this._preDestroy(t,this._getInst(t)),t.removeData(this.name).removeClass(this._getMarker()))},_preDestroy:function(t,e){}}),$.JQPlugin={createPlugin:function(t,e){"object"==typeof t&&(e=t,t="JQPlugin"),t=camelCase(t);var i=camelCase(e.name);JQClass.classes[i]=JQClass.classes[t].extend(e),new JQClass.classes[i]}}}(jQuery),function(t){var e="pre_countdown";t.JQPlugin.createPlugin({name:e,defaultOptions:{until:null,since:null,timezone:null,serverSync:null,format:"dHMS",layout:"",compact:!1,padZeroes:!1,significant:0,description:"",expiryUrl:"",expiryText:"",alwaysExpire:!1,onExpiry:null,onTick:null,tickInterval:1},regionalOptions:{"":{labels:["Years","Months","Weeks","Days","Hours","Minutes","Seconds"],labels1:["Year","Month","Week","Day","Hour","Minute","Second"],compactLabels:["y","m","w","d"],whichLabels:null,digits:["0","1","2","3","4","5","6","7","8","9"],timeSeparator:":",isRTL:!1}},_getters:["getTimes"],_rtlClass:e+"-rtl",_sectionClass:e+"-section",_amountClass:e+"-amount",_periodClass:e+"-period",_rowClass:e+"-row",_holdingClass:e+"-holding",_showClass:e+"-show",_descrClass:e+"-descr",_timerElems:[],_init:function(){var e=this;this._super(),this._serverSyncs=[];var i="function"==typeof Date.now?Date.now:function(){return(new Date).getTime()},n=window.performance&&"function"==typeof window.performance.now,s=window.requestAnimationFrame||window.webkitRequestAnimationFrame||window.mozRequestAnimationFrame||window.oRequestAnimationFrame||window.msRequestAnimationFrame||null,o=0;!s||t.noRequestAnimationFrame?(t.noRequestAnimationFrame=null,setInterval(function(){e._updateElems()},980)):(o=window.animationStartTime||window.webkitAnimationStartTime||window.mozAnimationStartTime||window.oAnimationStartTime||window.msAnimationStartTime||i(),s(function t(a){var r=a<1e12?n?performance.now()+performance.timing.navigationStart:i():a||i();1e3<=r-o&&(e._updateElems(),o=r),s(t)}))},UTCDate:function(t,e,i,n,s,o,a,r){"object"==typeof e&&e.constructor==Date&&(r=e.getMilliseconds(),a=e.getSeconds(),o=e.getMinutes(),s=e.getHours(),n=e.getDate(),i=e.getMonth(),e=e.getFullYear());var l=new Date;return l.setUTCFullYear(e),l.setUTCDate(1),l.setUTCMonth(i||0),l.setUTCDate(n||1),l.setUTCHours(s||0),l.setUTCMinutes((o||0)-(Math.abs(t)<30?60*t:t)),l.setUTCSeconds(a||0),l.setUTCMilliseconds(r||0),l},periodsToSeconds:function(t){return 31557600*t[0]+2629800*t[1]+604800*t[2]+86400*t[3]+3600*t[4]+60*t[5]+t[6]},_instSettings:function(t,e){return{_periods:[0,0,0,0,0,0,0]}},_addElem:function(t){this._hasElem(t)||this._timerElems.push(t)},_hasElem:function(e){return-1<t.inArray(e,this._timerElems)},_removeElem:function(e){this._timerElems=t.map(this._timerElems,function(t){return t==e?null:t})},_updateElems:function(){for(var t=this._timerElems.length-1;0<=t;t--)this._updateCountdown(this._timerElems[t])},_optionsChanged:function(e,i,n){n.layout&&(n.layout=n.layout.replace(/&lt;/g,"<").replace(/&gt;/g,">")),this._resetExtraLabels(i.options,n);var s=i.options.timezone!=n.timezone;t.extend(i.options,n),this._adjustSettings(e,i,null!=n.until||null!=n.since||s);var o=new Date;(i._since&&i._since<o||i._until&&i._until>o)&&this._addElem(e[0]),this._updateCountdown(e,i)},_updateCountdown:function(e,i){if(e=e.jquery?e:t(e),i=i||e.data(this.name)){if(e.html(this._generateHTML(i)).toggleClass(this._rtlClass,i.options.isRTL),t.isFunction(i.options.onTick)){var n="lap"!=i._hold?i._periods:this._calculatePeriods(i,i._show,i.options.significant,new Date);1!=i.options.tickInterval&&this.periodsToSeconds(n)%i.options.tickInterval!=0||i.options.onTick.apply(e[0],[n])}if("pause"!=i._hold&&(i._since?i._now.getTime()<i._since.getTime():i._now.getTime()>=i._until.getTime())&&!i._expiring){if(i._expiring=!0,this._hasElem(e[0])||i.options.alwaysExpire){if(this._removeElem(e[0]),t.isFunction(i.options.onExpiry)&&i.options.onExpiry.apply(e[0],[]),i.options.expiryText){var s=i.options.layout;i.options.layout=i.options.expiryText,this._updateCountdown(e[0],i),i.options.layout=s}i.options.expiryUrl&&(window.location=i.options.expiryUrl)}i._expiring=!1}else"pause"==i._hold&&this._removeElem(e[0])}},_resetExtraLabels:function(t,e){var i=!1;for(var n in e)if("whichLabels"!=n&&n.match(/[Ll]abels/)){i=!0;break}if(i)for(var n in t)n.match(/[Ll]abels[02-9]|compactLabels1/)&&(t[n]=null)},_adjustSettings:function(e,i,n){for(var s,o=0,a=null,r=0;r<this._serverSyncs.length;r++)if(this._serverSyncs[r][0]==i.options.serverSync){a=this._serverSyncs[r][1];break}if(null!=a)o=i.options.serverSync?a:0,s=new Date;else{var l=t.isFunction(i.options.serverSync)?i.options.serverSync.apply(e[0],[]):null;s=new Date,o=l?s.getTime()-l.getTime():0,this._serverSyncs.push([i.options.serverSync,o])}var p=i.options.timezone;p=null==p?-s.getTimezoneOffset():p,(n||!n&&null==i._until&&null==i._since)&&(i._since=i.options.since,null!=i._since&&(i._since=this.UTCDate(p,this._determineTime(i._since,null)),i._since&&o&&i._since.setMilliseconds(i._since.getMilliseconds()+o)),i._until=this.UTCDate(p,this._determineTime(i.options.until,s)),o&&i._until.setMilliseconds(i._until.getMilliseconds()+o)),i._show=this._determineShow(i)},_preDestroy:function(t,e){this._removeElem(t[0]),t.empty()},pause:function(t){this._hold(t,"pause")},lap:function(t){this._hold(t,"lap")},resume:function(t){this._hold(t,null)},toggle:function(e){this[(t.data(e,this.name)||{})._hold?"resume":"pause"](e)},toggleLap:function(e){this[(t.data(e,this.name)||{})._hold?"resume":"lap"](e)},_hold:function(e,i){var n=t.data(e,this.name);if(n){if("pause"==n._hold&&!i){n._periods=n._savePeriods;var s=n._since?"-":"+";n[n._since?"_since":"_until"]=this._determineTime(s+n._periods[0]+"y"+s+n._periods[1]+"o"+s+n._periods[2]+"w"+s+n._periods[3]+"d"+s+n._periods[4]+"h"+s+n._periods[5]+"m"+s+n._periods[6]+"s"),this._addElem(e)}n._hold=i,n._savePeriods="pause"==i?n._periods:null,t.data(e,this.name,n),this._updateCountdown(e,n)}},getTimes:function(e){var i=t.data(e,this.name);return i?"pause"==i._hold?i._savePeriods:i._hold?this._calculatePeriods(i,i._show,i.options.significant,new Date):i._periods:null},_determineTime:function(t,e){var i,n,s=this,o=null==t?e:"string"==typeof t?function(t){t=t.toLowerCase();for(var e=new Date,i=e.getFullYear(),n=e.getMonth(),o=e.getDate(),a=e.getHours(),r=e.getMinutes(),l=e.getSeconds(),p=/([+-]?[0-9]+)\s*(s|m|h|d|w|o|y)?/g,_=p.exec(t);_;){switch(_[2]||"s"){case"s":l+=parseInt(_[1],10);break;case"m":r+=parseInt(_[1],10);break;case"h":a+=parseInt(_[1],10);break;case"d":o+=parseInt(_[1],10);break;case"w":o+=7*parseInt(_[1],10);break;case"o":n+=parseInt(_[1],10),o=Math.min(o,s._getDaysInMonth(i,n));break;case"y":i+=parseInt(_[1],10),o=Math.min(o,s._getDaysInMonth(i,n))}_=p.exec(t)}return new Date(i,n,o,a,r,l,0)}(t):"number"==typeof t?(i=t,(n=new Date).setTime(n.getTime()+1e3*i),n):t;return o&&o.setMilliseconds(0),o},_getDaysInMonth:function(t,e){return 32-new Date(t,e,32).getDate()},_normalLabels:function(t){return t},_generateHTML:function(e){var i=this;e._periods=e._hold?e._periods:this._calculatePeriods(e,e._show,e.options.significant,new Date);for(var n=!1,s=0,o=e.options.significant,a=t.extend({},e._show),r=0;r<=6;r++)n|="?"==e._show[r]&&0<e._periods[r],a[r]="?"!=e._show[r]||n?e._show[r]:null,s+=a[r]?1:0,o-=0<e._periods[r]?1:0;var l=[!1,!1,!1,!1,!1,!1,!1];for(r=6;0<=r;r--)e._show[r]&&(e._periods[r]?l[r]=!0:(l[r]=0<o,o--));var p=e.options.compact?e.options.compactLabels:e.options.labels,_=e.options.whichLabels||this._normalLabels,h=e.options.padZeroes?2:1,u=function(t){var n=e.options["labels"+_(e._periods[t])];return!e.options.significant&&a[t]||e.options.significant&&l[t]?'<span class="'+i._sectionClass+'"><span class="pre_time-mid"><span class="'+i._amountClass+'">'+i._minDigits(e,e._periods[t],h)+'</span><span class="'+i._periodClass+'">'+(n?n[t]:p[t])+"</span></span><span class='pre-countdown_separator'>"+e.options.timeSeparator+"</span></span>":""};return'<span class="'+this._rowClass+" "+this._showClass+(e.options.significant||s)+(e._hold?" "+this._holdingClass:"")+'">'+u(0)+u(1)+u(2)+u(3)+u(4)+u(5)+u(6)+"</span>"+(e.options.description?'<span class="'+this._rowClass+" "+this._descrClass+'">'+e.options.description+"</span>":"")},_buildLayout:function(e,i,n,s,o,a){for(var r=e.options[s?"compactLabels":"labels"],l=e.options.whichLabels||this._normalLabels,p=function(t){return(e.options[(s?"compactLabels":"labels")+l(e._periods[t])]||r)[t]},_=function(t,i){return e.options.digits[Math.floor(t/i)%10]},h={desc:e.options.description,sep:e.options.timeSeparator,yl:p(0),yn:this._minDigits(e,e._periods[0],1),ynn:this._minDigits(e,e._periods[0],2),ynnn:this._minDigits(e,e._periods[0],3),y1:_(e._periods[0],1),y10:_(e._periods[0],10),y100:_(e._periods[0],100),y1000:_(e._periods[0],1e3),ol:p(1),on:this._minDigits(e,e._periods[1],1),onn:this._minDigits(e,e._periods[1],2),onnn:this._minDigits(e,e._periods[1],3),o1:_(e._periods[1],1),o10:_(e._periods[1],10),o100:_(e._periods[1],100),o1000:_(e._periods[1],1e3),wl:p(2),wn:this._minDigits(e,e._periods[2],1),wnn:this._minDigits(e,e._periods[2],2),wnnn:this._minDigits(e,e._periods[2],3),w1:_(e._periods[2],1),w10:_(e._periods[2],10),w100:_(e._periods[2],100),w1000:_(e._periods[2],1e3),dl:p(3),dn:this._minDigits(e,e._periods[3],1),dnn:this._minDigits(e,e._periods[3],2),dnnn:this._minDigits(e,e._periods[3],3),d1:_(e._periods[3],1),d10:_(e._periods[3],10),d100:_(e._periods[3],100),d1000:_(e._periods[3],1e3),hl:p(4),hn:this._minDigits(e,e._periods[4],1),hnn:this._minDigits(e,e._periods[4],2),hnnn:this._minDigits(e,e._periods[4],3),h1:_(e._periods[4],1),h10:_(e._periods[4],10),h100:_(e._periods[4],100),h1000:_(e._periods[4],1e3),ml:p(5),mn:this._minDigits(e,e._periods[5],1),mnn:this._minDigits(e,e._periods[5],2),mnnn:this._minDigits(e,e._periods[5],3),m1:_(e._periods[5],1),m10:_(e._periods[5],10),m100:_(e._periods[5],100),m1000:_(e._periods[5],1e3),sl:p(6),sn:this._minDigits(e,e._periods[6],1),snn:this._minDigits(e,e._periods[6],2),snnn:this._minDigits(e,e._periods[6],3),s1:_(e._periods[6],1),s10:_(e._periods[6],10),s100:_(e._periods[6],100),s1000:_(e._periods[6],1e3)},u=n,c=0;c<=6;c++){var d="yowdhms".charAt(c),m=new RegExp("\\{"+d+"<\\}([\\s\\S]*)\\{"+d+">\\}","g");u=u.replace(m,!o&&i[c]||o&&a[c]?"$1":"")}return t.each(h,function(t,e){var i=new RegExp("\\{"+t+"\\}","g");u=u.replace(i,e)}),u},_minDigits:function(t,e,i){return(e=""+e).length>=i?this._translateDigits(t,e):(e="0000000000"+e,this._translateDigits(t,e.substr(e.length-i)))},_translateDigits:function(t,e){return(""+e).replace(/[0-9]/g,function(e){return t.options.digits[e]})},_determineShow:function(t){var e=t.options.format,i=[];return i[0]=e.match("y")?"?":e.match("Y")?"!":null,i[1]=e.match("o")?"?":e.match("O")?"!":null,i[2]=e.match("w")?"?":e.match("W")?"!":null,i[3]=e.match("d")?"?":e.match("D")?"!":null,i[4]=e.match("h")?"?":e.match("H")?"!":null,i[5]=e.match("m")?"?":e.match("M")?"!":null,i[6]=e.match("s")?"?":e.match("S")?"!":null,i},_calculatePeriods:function(t,e,i,n){t._now=n,t._now.setMilliseconds(0);var s=new Date(t._now.getTime());t._since?n.getTime()<t._since.getTime()?t._now=n=s:n=t._since:(s.setTime(t._until.getTime()),n.getTime()>t._until.getTime()&&(t._now=n=s));var o=[0,0,0,0,0,0,0];if(e[0]||e[1]){var a=this._getDaysInMonth(n.getFullYear(),n.getMonth()),r=this._getDaysInMonth(s.getFullYear(),s.getMonth()),l=s.getDate()==n.getDate()||s.getDate()>=Math.min(a,r)&&n.getDate()>=Math.min(a,r),p=function(t){return 60*(60*t.getHours()+t.getMinutes())+t.getSeconds()},_=Math.max(0,12*(s.getFullYear()-n.getFullYear())+s.getMonth()-n.getMonth()+(s.getDate()<n.getDate()&&!l||l&&p(s)<p(n)?-1:0));o[0]=e[0]?Math.floor(_/12):0,o[1]=e[1]?_-12*o[0]:0;var h=(n=new Date(n.getTime())).getDate()==a,u=this._getDaysInMonth(n.getFullYear()+o[0],n.getMonth()+o[1]);n.getDate()>u&&n.setDate(u),n.setFullYear(n.getFullYear()+o[0]),n.setMonth(n.getMonth()+o[1]),h&&n.setDate(u)}var c=Math.floor((s.getTime()-n.getTime())/1e3),d=function(t,i){o[t]=e[t]?Math.floor(c/i):0,c-=o[t]*i};if(d(2,604800),d(3,86400),d(4,3600),d(5,60),d(6,1),0<c&&!t._since)for(var m=[1,12,4.3482,7,24,60,60],g=6,f=1,w=6;0<=w;w--)e[w]&&(o[g]>=f&&(o[g]=0,c=1),0<c&&(o[w]++,c=0,g=w,f=1)),f*=m[w];if(i)for(w=0;w<=6;w++)i&&o[w]?i--:i||(o[w]=0);return o}})}(jQuery);
1
+ !function () { var a = !1; window.JQClass = function () { }, JQClass.classes = {}, JQClass.extend = function t(e) { var s = this.prototype; a = !0; var i = new this; for (var n in a = !1, e) i[n] = "function" == typeof e[n] && "function" == typeof s[n] ? function (i, n) { return function () { var t = this._super; this._super = function (t) { return s[i].apply(this, t) }; var e = n.apply(this, arguments); return this._super = t, e } }(n, e[n]) : e[n]; function o() { !a && this._init && this._init.apply(this, arguments) } return ((o.prototype = i).constructor = o).extend = t, o } }(), function ($) { function camelCase(t) { return t.replace(/-([a-z])/g, function (t, e) { return e.toUpperCase() }) } JQClass.classes.JQPlugin = JQClass.extend({ name: "plugin", defaultOptions: {}, regionalOptions: {}, _getters: [], _getMarker: function () { return "is-" + this.name }, _init: function () { $.extend(this.defaultOptions, this.regionalOptions && this.regionalOptions[""] || {}); var i = camelCase(this.name); $[i] = this, $.fn[i] = function (t) { var e = Array.prototype.slice.call(arguments, 1); return $[i]._isNotChained(t, e) ? $[i][t].apply($[i], [this[0]].concat(e)) : this.each(function () { if ("string" == typeof t) { if ("_" === t[0] || !$[i][t]) throw "Unknown method: " + t; $[i][t].apply($[i], [this].concat(e)) } else $[i]._attach(this, t) }) } }, setDefaults: function (t) { $.extend(this.defaultOptions, t || {}) }, _isNotChained: function (t, e) { return "option" === t && (0 === e.length || 1 === e.length && "string" == typeof e[0]) || -1 < $.inArray(t, this._getters) }, _attach: function (t, e) { if (!(t = $(t)).hasClass(this._getMarker())) { t.addClass(this._getMarker()), e = $.extend({}, this.defaultOptions, this._getMetadata(t), e || {}); var i = $.extend({ name: this.name, elem: t, options: e }, this._instSettings(t, e)); t.data(this.name, i), this._postAttach(t, i), this.option(t, e) } }, _instSettings: function (t, e) { return {} }, _postAttach: function (t, e) { }, _getMetadata: function (d) { try { var f = d.data(this.name.toLowerCase()) || ""; for (var g in f = f.replace(/'/g, '"'), f = f.replace(/([a-zA-Z0-9]+):/g, function (t, e, i) { var n = f.substring(0, i).match(/"/g); return n && n.length % 2 != 0 ? e + ":" : '"' + e + '":' }), f = $.parseJSON("{" + f + "}"), f) { var h = f[g]; "string" == typeof h && h.match(/^new Date\((.*)\)$/) && (f[g] = eval(h)) } return f } catch (t) { return {} } }, _getInst: function (t) { return $(t).data(this.name) || {} }, option: function (t, e, i) { var n = (t = $(t)).data(this.name); if (!e || "string" == typeof e && null == i) return (s = (n || {}).options) && e ? s[e] : s; if (t.hasClass(this._getMarker())) { var s = e || {}; "string" == typeof e && ((s = {})[e] = i), this._optionsChanged(t, n, s), $.extend(n.options, s) } }, _optionsChanged: function (t, e, i) { }, destroy: function (t) { (t = $(t)).hasClass(this._getMarker()) && (this._preDestroy(t, this._getInst(t)), t.removeData(this.name).removeClass(this._getMarker())) }, _preDestroy: function (t, e) { } }), $.JQPlugin = { createPlugin: function (t, e) { "object" == typeof t && (e = t, t = "JQPlugin"), t = camelCase(t); var i = camelCase(e.name); JQClass.classes[i] = JQClass.classes[t].extend(e), new JQClass.classes[i] } } }(jQuery), function (m) { var t = "countdown"; m.JQPlugin.createPlugin({ name: t, defaultOptions: { until: null, since: null, timezone: null, serverSync: null, format: "dHMS", layout: "", compact: !1, padZeroes: !1, significant: 0, description: "", expiryUrl: "", expiryText: "", alwaysExpire: !1, onExpiry: null, onTick: null, tickInterval: 1 }, regionalOptions: { "": { labels: ["Years", "Months", "Weeks", "Days", "Hours", "Minutes", "Seconds"], labels1: ["Year", "Month", "Week", "Day", "Hour", "Minute", "Second"], compactLabels: ["y", "m", "w", "d"], whichLabels: null, digits: ["0", "1", "2", "3", "4", "5", "6", "7", "8", "9"], timeSeparator: ":", isRTL: !1 } }, _getters: ["getTimes"], _rtlClass: t + "-rtl", _sectionClass: t + "-section", _amountClass: t + "-amount", _periodClass: t + "-period", _rowClass: t + "-row", _holdingClass: t + "-holding", _showClass: t + "-show", _descrClass: t + "-descr", _timerElems: [], _init: function () { var n = this; this._super(), this._serverSyncs = []; var s = "function" == typeof Date.now ? Date.now : function () { return (new Date).getTime() }, o = window.performance && "function" == typeof window.performance.now, a = window.requestAnimationFrame || window.webkitRequestAnimationFrame || window.mozRequestAnimationFrame || window.oRequestAnimationFrame || window.msRequestAnimationFrame || null, r = 0; !a || m.noRequestAnimationFrame ? (m.noRequestAnimationFrame = null, setInterval(function () { n._updateElems() }, 980)) : (r = window.animationStartTime || window.webkitAnimationStartTime || window.mozAnimationStartTime || window.oAnimationStartTime || window.msAnimationStartTime || s(), a(function t(e) { var i = e < 1e12 ? o ? performance.now() + performance.timing.navigationStart : s() : e || s(); 1e3 <= i - r && (n._updateElems(), r = i), a(t) })) }, UTCDate: function (t, e, i, n, s, o, a, r) { "object" == typeof e && e.constructor == Date && (r = e.getMilliseconds(), a = e.getSeconds(), o = e.getMinutes(), s = e.getHours(), n = e.getDate(), i = e.getMonth(), e = e.getFullYear()); var l = new Date; return l.setUTCFullYear(e), l.setUTCDate(1), l.setUTCMonth(i || 0), l.setUTCDate(n || 1), l.setUTCHours(s || 0), l.setUTCMinutes((o || 0) - (Math.abs(t) < 30 ? 60 * t : t)), l.setUTCSeconds(a || 0), l.setUTCMilliseconds(r || 0), l }, periodsToSeconds: function (t) { return 31557600 * t[0] + 2629800 * t[1] + 604800 * t[2] + 86400 * t[3] + 3600 * t[4] + 60 * t[5] + t[6] }, _instSettings: function (t, e) { return { _periods: [0, 0, 0, 0, 0, 0, 0] } }, _addElem: function (t) { this._hasElem(t) || this._timerElems.push(t) }, _hasElem: function (t) { return -1 < m.inArray(t, this._timerElems) }, _removeElem: function (e) { this._timerElems = m.map(this._timerElems, function (t) { return t == e ? null : t }) }, _updateElems: function () { for (var t = this._timerElems.length - 1; 0 <= t; t--)this._updateCountdown(this._timerElems[t]) }, _optionsChanged: function (t, e, i) { i.layout && (i.layout = i.layout.replace(/&lt;/g, "<").replace(/&gt;/g, ">")), this._resetExtraLabels(e.options, i); var n = e.options.timezone != i.timezone; m.extend(e.options, i), this._adjustSettings(t, e, null != i.until || null != i.since || n); var s = new Date; (e._since && e._since < s || e._until && e._until > s) && this._addElem(t[0]), this._updateCountdown(t, e) }, _updateCountdown: function (t, e) { if (t = t.jquery ? t : m(t), e = e || t.data(this.name)) { if (t.html(this._generateHTML(e)).toggleClass(this._rtlClass, e.options.isRTL), m.isFunction(e.options.onTick)) { var i = "lap" != e._hold ? e._periods : this._calculatePeriods(e, e._show, e.options.significant, new Date); 1 != e.options.tickInterval && this.periodsToSeconds(i) % e.options.tickInterval != 0 || e.options.onTick.apply(t[0], [i]) } if ("pause" != e._hold && (e._since ? e._now.getTime() < e._since.getTime() : e._now.getTime() >= e._until.getTime()) && !e._expiring) { if (e._expiring = !0, this._hasElem(t[0]) || e.options.alwaysExpire) { if (this._removeElem(t[0]), m.isFunction(e.options.onExpiry) && e.options.onExpiry.apply(t[0], []), e.options.expiryText) { var n = e.options.layout; e.options.layout = e.options.expiryText, this._updateCountdown(t[0], e), e.options.layout = n } e.options.expiryUrl && (window.location = e.options.expiryUrl) } e._expiring = !1 } else "pause" == e._hold && this._removeElem(t[0]) } }, _resetExtraLabels: function (t, e) { var i = !1; for (var n in e) if ("whichLabels" != n && n.match(/[Ll]abels/)) { i = !0; break } if (i) for (var n in t) n.match(/[Ll]abels[02-9]|compactLabels1/) && (t[n] = null) }, _adjustSettings: function (t, e, i) { for (var n, s = 0, o = null, a = 0; a < this._serverSyncs.length; a++)if (this._serverSyncs[a][0] == e.options.serverSync) { o = this._serverSyncs[a][1]; break } if (null != o) s = e.options.serverSync ? o : 0, n = new Date; else { var r = m.isFunction(e.options.serverSync) ? e.options.serverSync.apply(t[0], []) : null; n = new Date, s = r ? n.getTime() - r.getTime() : 0, this._serverSyncs.push([e.options.serverSync, s]) } var l = e.options.timezone; l = null == l ? -n.getTimezoneOffset() : l, (i || !i && null == e._until && null == e._since) && (e._since = e.options.since, null != e._since && (e._since = this.UTCDate(l, this._determineTime(e._since, null)), e._since && s && e._since.setMilliseconds(e._since.getMilliseconds() + s)), e._until = this.UTCDate(l, this._determineTime(e.options.until, n)), s && e._until.setMilliseconds(e._until.getMilliseconds() + s)), e._show = this._determineShow(e) }, _preDestroy: function (t, e) { this._removeElem(t[0]), t.empty() }, pause: function (t) { this._hold(t, "pause") }, lap: function (t) { this._hold(t, "lap") }, resume: function (t) { this._hold(t, null) }, toggle: function (t) { this[(m.data(t, this.name) || {})._hold ? "resume" : "pause"](t) }, toggleLap: function (t) { this[(m.data(t, this.name) || {})._hold ? "resume" : "lap"](t) }, _hold: function (t, e) { var i = m.data(t, this.name); if (i) { if ("pause" == i._hold && !e) { i._periods = i._savePeriods; var n = i._since ? "-" : "+"; i[i._since ? "_since" : "_until"] = this._determineTime(n + i._periods[0] + "y" + n + i._periods[1] + "o" + n + i._periods[2] + "w" + n + i._periods[3] + "d" + n + i._periods[4] + "h" + n + i._periods[5] + "m" + n + i._periods[6] + "s"), this._addElem(t) } i._hold = e, i._savePeriods = "pause" == e ? i._periods : null, m.data(t, this.name, i), this._updateCountdown(t, i) } }, getTimes: function (t) { var e = m.data(t, this.name); return e ? "pause" == e._hold ? e._savePeriods : e._hold ? this._calculatePeriods(e, e._show, e.options.significant, new Date) : e._periods : null }, _determineTime: function (t, e) { var i, n, _ = this, s = null == t ? e : "string" == typeof t ? function (t) { t = t.toLowerCase(); for (var e = new Date, i = e.getFullYear(), n = e.getMonth(), s = e.getDate(), o = e.getHours(), a = e.getMinutes(), r = e.getSeconds(), l = /([+-]?[0-9]+)\s*(s|m|h|d|w|o|y)?/g, p = l.exec(t); p;) { switch (p[2] || "s") { case "s": r += parseInt(p[1], 10); break; case "m": a += parseInt(p[1], 10); break; case "h": o += parseInt(p[1], 10); break; case "d": s += parseInt(p[1], 10); break; case "w": s += 7 * parseInt(p[1], 10); break; case "o": n += parseInt(p[1], 10), s = Math.min(s, _._getDaysInMonth(i, n)); break; case "y": i += parseInt(p[1], 10), s = Math.min(s, _._getDaysInMonth(i, n)) }p = l.exec(t) } return new Date(i, n, s, o, a, r, 0) }(t) : "number" == typeof t ? (i = t, (n = new Date).setTime(n.getTime() + 1e3 * i), n) : t; return s && s.setMilliseconds(0), s }, _getDaysInMonth: function (t, e) { return 32 - new Date(t, e, 32).getDate() }, _normalLabels: function (t) { return t }, _generateHTML: function (i) { var n = this; i._periods = i._hold ? i._periods : this._calculatePeriods(i, i._show, i.options.significant, new Date); for (var t = !1, e = 0, s = i.options.significant, o = m.extend({}, i._show), a = 0; a <= 6; a++)t |= "?" == i._show[a] && 0 < i._periods[a], o[a] = "?" != i._show[a] || t ? i._show[a] : null, e += o[a] ? 1 : 0, s -= 0 < i._periods[a] ? 1 : 0; var r = [!1, !1, !1, !1, !1, !1, !1]; for (a = 6; 0 <= a; a--)i._show[a] && (i._periods[a] ? r[a] = !0 : (r[a] = 0 < s, s--)); function l(t) { var e = i.options["labels" + _(i._periods[t])]; return !i.options.significant && o[t] || i.options.significant && r[t] ? '<span class="' + n._sectionClass + '"><span class="pre_time-mid"><span class="' + n._amountClass + '">' + n._minDigits(i, i._periods[t], u) + '</span><span class="' + n._periodClass + '">' + (e ? e[t] : p[t]) + "</span></span><span class='countdown_separator'>" + i.options.timeSeparator + "</span></span>" : "" } var p = i.options.compact ? i.options.compactLabels : i.options.labels, _ = i.options.whichLabels || this._normalLabels, u = i.options.padZeroes ? 2 : 1; return i.options.layout ? this._buildLayout(i, o, i.options.layout, i.options.compact, i.options.significant, r) : '<span class="' + this._rowClass + " " + this._showClass + (i.options.significant || e) + (i._hold ? " " + this._holdingClass : "") + '">' + l(0) + l(1) + l(2) + l(3) + l(4) + l(5) + l(6) + "</span>" + (i.options.description ? '<span class="' + this._rowClass + " " + this._descrClass + '">' + i.options.description + "</span>" : "") }, _buildLayout: function (i, t, e, n, s, o) { function a(t) { return (i.options[(n ? "compactLabels" : "labels") + p(i._periods[t])] || l)[t] } function r(t, e) { return i.options.digits[Math.floor(t / e) % 10] } for (var l = i.options[n ? "compactLabels" : "labels"], p = i.options.whichLabels || this._normalLabels, _ = { desc: i.options.description, sep: i.options.timeSeparator, yl: a(0), yn: this._minDigits(i, i._periods[0], 1), ynn: this._minDigits(i, i._periods[0], 2), ynnn: this._minDigits(i, i._periods[0], 3), y1: r(i._periods[0], 1), y10: r(i._periods[0], 10), y100: r(i._periods[0], 100), y1000: r(i._periods[0], 1e3), ol: a(1), on: this._minDigits(i, i._periods[1], 1), onn: this._minDigits(i, i._periods[1], 2), onnn: this._minDigits(i, i._periods[1], 3), o1: r(i._periods[1], 1), o10: r(i._periods[1], 10), o100: r(i._periods[1], 100), o1000: r(i._periods[1], 1e3), wl: a(2), wn: this._minDigits(i, i._periods[2], 1), wnn: this._minDigits(i, i._periods[2], 2), wnnn: this._minDigits(i, i._periods[2], 3), w1: r(i._periods[2], 1), w10: r(i._periods[2], 10), w100: r(i._periods[2], 100), w1000: r(i._periods[2], 1e3), dl: a(3), dn: this._minDigits(i, i._periods[3], 1), dnn: this._minDigits(i, i._periods[3], 2), dnnn: this._minDigits(i, i._periods[3], 3), d1: r(i._periods[3], 1), d10: r(i._periods[3], 10), d100: r(i._periods[3], 100), d1000: r(i._periods[3], 1e3), hl: a(4), hn: this._minDigits(i, i._periods[4], 1), hnn: this._minDigits(i, i._periods[4], 2), hnnn: this._minDigits(i, i._periods[4], 3), h1: r(i._periods[4], 1), h10: r(i._periods[4], 10), h100: r(i._periods[4], 100), h1000: r(i._periods[4], 1e3), ml: a(5), mn: this._minDigits(i, i._periods[5], 1), mnn: this._minDigits(i, i._periods[5], 2), mnnn: this._minDigits(i, i._periods[5], 3), m1: r(i._periods[5], 1), m10: r(i._periods[5], 10), m100: r(i._periods[5], 100), m1000: r(i._periods[5], 1e3), sl: a(6), sn: this._minDigits(i, i._periods[6], 1), snn: this._minDigits(i, i._periods[6], 2), snnn: this._minDigits(i, i._periods[6], 3), s1: r(i._periods[6], 1), s10: r(i._periods[6], 10), s100: r(i._periods[6], 100), s1000: r(i._periods[6], 1e3) }, u = e, c = 0; c <= 6; c++) { var h = "yowdhms".charAt(c), d = new RegExp("\\{" + h + "<\\}([\\s\\S]*)\\{" + h + ">\\}", "g"); u = u.replace(d, !s && t[c] || s && o[c] ? "$1" : "") } return m.each(_, function (t, e) { var i = new RegExp("\\{" + t + "\\}", "g"); u = u.replace(i, e) }), u }, _minDigits: function (t, e, i) { return (e = "" + e).length >= i ? this._translateDigits(t, e) : (e = "0000000000" + e, this._translateDigits(t, e.substr(e.length - i))) }, _translateDigits: function (e, t) { return ("" + t).replace(/[0-9]/g, function (t) { return e.options.digits[t] }) }, _determineShow: function (t) { var e = t.options.format, i = []; return i[0] = e.match("y") ? "?" : e.match("Y") ? "!" : null, i[1] = e.match("o") ? "?" : e.match("O") ? "!" : null, i[2] = e.match("w") ? "?" : e.match("W") ? "!" : null, i[3] = e.match("d") ? "?" : e.match("D") ? "!" : null, i[4] = e.match("h") ? "?" : e.match("H") ? "!" : null, i[5] = e.match("m") ? "?" : e.match("M") ? "!" : null, i[6] = e.match("s") ? "?" : e.match("S") ? "!" : null, i }, _calculatePeriods: function (t, i, e, n) { t._now = n, t._now.setMilliseconds(0); var s = new Date(t._now.getTime()); t._since ? n.getTime() < t._since.getTime() ? t._now = n = s : n = t._since : (s.setTime(t._until.getTime()), n.getTime() > t._until.getTime() && (t._now = n = s)); var o = [0, 0, 0, 0, 0, 0, 0]; if (i[0] || i[1]) { function a(t) { return 60 * (60 * t.getHours() + t.getMinutes()) + t.getSeconds() } var r = this._getDaysInMonth(n.getFullYear(), n.getMonth()), l = this._getDaysInMonth(s.getFullYear(), s.getMonth()), p = s.getDate() == n.getDate() || s.getDate() >= Math.min(r, l) && n.getDate() >= Math.min(r, l), _ = Math.max(0, 12 * (s.getFullYear() - n.getFullYear()) + s.getMonth() - n.getMonth() + (s.getDate() < n.getDate() && !p || p && a(s) < a(n) ? -1 : 0)); o[0] = i[0] ? Math.floor(_ / 12) : 0, o[1] = i[1] ? _ - 12 * o[0] : 0; var u = (n = new Date(n.getTime())).getDate() == r, c = this._getDaysInMonth(n.getFullYear() + o[0], n.getMonth() + o[1]); n.getDate() > c && n.setDate(c), n.setFullYear(n.getFullYear() + o[0]), n.setMonth(n.getMonth() + o[1]), u && n.setDate(c) } function h(t, e) { o[t] = i[t] ? Math.floor(d / e) : 0, d -= o[t] * e } var d = Math.floor((s.getTime() - n.getTime()) / 1e3); if (h(2, 604800), h(3, 86400), h(4, 3600), h(5, 60), h(6, 1), 0 < d && !t._since) for (var m = [1, 12, 4.3482, 7, 24, 60, 60], g = 6, f = 1, w = 6; 0 <= w; w--)i[w] && (o[g] >= f && (o[g] = 0, d = 1), 0 < d && (o[w]++, d = 0, g = w, f = 1)), f *= m[w]; if (e) for (w = 0; w <= 6; w++)e && o[w] ? e-- : e || (o[w] = 0); return o } }) }(jQuery);
assets/frontend/js/premium-addons.js CHANGED
@@ -876,23 +876,51 @@
876
 
877
  var $countDownElement = $scope.find(".premium-countdown"),
878
  settings = $countDownElement.data("settings"),
 
879
  label1 = settings.label1,
880
  label2 = settings.label2,
881
  newLabe1 = label1.split(","),
882
  newLabel2 = label2.split(","),
883
  timerType = settings.timerType,
884
- until = 'evergreen' === timerType ? settings.until.date : settings.until;
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
885
 
886
- $countDownElement.find('.premium-countdown-init').pre_countdown({
 
887
  labels: newLabel2,
888
  labels1: newLabe1,
889
  until: new Date(until),
890
  format: settings.format,
891
  padZeroes: true,
892
  timeSeparator: settings.separator,
 
 
 
 
 
 
 
 
893
  onExpiry: function () {
894
  if ('onExpiry' === settings.event) {
895
- $countDownElement.find('.premium-countdown-init').html(settings.text);
896
  }
897
  },
898
  serverSync: function () {
@@ -901,14 +929,58 @@
901
  });
902
 
903
  if (settings.reset) {
904
- $countDownElement.find('.premium-countdown-init').pre_countdown('option', 'until', new Date(until));
905
  }
906
 
907
  if ('expiryUrl' === settings.event) {
908
- $countDownElement.find('.premium-countdown-init').pre_countdown('option', 'expiryUrl', (elementorFrontend.isEditMode()) ? '' : settings.text);
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
909
  }
910
 
911
- times = $countDownElement.find('.premium-countdown-init').pre_countdown("getTimes");
912
 
913
  function runTimer(el) {
914
  return el == 0;
@@ -917,11 +989,12 @@
917
  if (times.every(runTimer)) {
918
 
919
  if ('onExpiry' === settings.event) {
920
- $countDownElement.find('.premium-countdown-init').html(settings.text);
921
  } else if ('expiryUrl' === settings.event && !elementorFrontend.isEditMode()) {
922
  var editMode = $('body').find('#elementor').length;
923
- if (editMode > 0) {
924
- $countDownElement.find('.premium-countdown-init').html('<h1>You can not redirect url from elementor Editor!!</h1>');
 
925
  } else {
926
  if (!elementorFrontend.isEditMode()) {
927
  window.location.href = settings.text;
876
 
877
  var $countDownElement = $scope.find(".premium-countdown"),
878
  settings = $countDownElement.data("settings"),
879
+ id = $scope.data('id'),
880
  label1 = settings.label1,
881
  label2 = settings.label2,
882
  newLabe1 = label1.split(","),
883
  newLabel2 = label2.split(","),
884
  timerType = settings.timerType,
885
+ until = 'evergreen' === timerType ? settings.until.date : settings.until,
886
+ layout = '',
887
+ map = {
888
+ y: { index: 0, oldVal: '' },
889
+ o: { index: 1, oldVal: '' },
890
+ w: { index: 2, oldVal: '' },
891
+ d: { index: 3, oldVal: '' },
892
+ h: { index: 4, oldVal: '' },
893
+ m: { index: 5, oldVal: '' },
894
+ s: { index: 6, oldVal: '' }
895
+ };
896
+
897
+ if ($countDownElement.find('#countdown-' + id).hasClass('premium-countdown-flip')) {
898
+ settings.format.split('').forEach(function (unit) {
899
+ var lowercased = unit.toLowerCase();
900
+
901
+ layout += '<div class="premium-countdown-block premium-countdown-' + lowercased + '"><div class="pre_time-mid"> <div class="premium-countdown-figure"><span class="top">{' + lowercased + 'nn}</span><span class="top-back"><span>{' + lowercased + 'nn}</span></span><span class="bottom">{' + lowercased + 'nn}</span><span class="bottom-back"><span>{' + lowercased + 'nn}</span></span></div><span class="premium-countdown-label">{' + lowercased + 'l}</span></div><span class="countdown_separator">{sep}</span></div>';
902
+ });
903
+ }
904
 
905
+ $countDownElement.find('#countdown-' + id).countdown({
906
+ layout: layout,
907
  labels: newLabel2,
908
  labels1: newLabe1,
909
  until: new Date(until),
910
  format: settings.format,
911
  padZeroes: true,
912
  timeSeparator: settings.separator,
913
+ onTick: function (periods) {
914
+
915
+ equalWidth();
916
+
917
+ if ($countDownElement.find('#countdown-' + id).hasClass('premium-countdown-flip')) {
918
+ animateFigure(periods, map);
919
+ }
920
+ },
921
  onExpiry: function () {
922
  if ('onExpiry' === settings.event) {
923
+ $countDownElement.find('#countdown-' + id).html(settings.text);
924
  }
925
  },
926
  serverSync: function () {
929
  });
930
 
931
  if (settings.reset) {
932
+ $countDownElement.find('.premium-countdown-init').countdown('option', 'until', new Date(until));
933
  }
934
 
935
  if ('expiryUrl' === settings.event) {
936
+ $countDownElement.find('#countdown-' + id).countdown('option', 'expiryUrl', (elementorFrontend.isEditMode()) ? '' : settings.text);
937
+ }
938
+
939
+ function equalWidth() {
940
+ var width = 0;
941
+ $countDownElement.find('#countdown-' + id + ' .countdown-amount').each(function (index, slot) {
942
+ if (width < $(slot).outerWidth()) {
943
+ width = $(slot).outerWidth();
944
+ }
945
+ });
946
+
947
+ $countDownElement.find('#countdown-' + id + ' .countdown-amount').css('width', width);
948
+ }
949
+
950
+ function animateFigure(periods, map) {
951
+ settings.format.split('').forEach(function (unit) {
952
+
953
+ var lowercased = unit.toLowerCase(),
954
+ index = map[lowercased].index,
955
+ oldVal = map[lowercased].oldVal;
956
+
957
+ if (periods[index] !== oldVal) {
958
+
959
+ map[lowercased].oldVal = periods[index];
960
+
961
+ var $top = $('#countdown-' + id).find('.premium-countdown-' + lowercased + ' .top'),
962
+ $back_top = $('#countdown-' + id).find('.premium-countdown-' + lowercased + ' .top-back');
963
+
964
+ TweenMax.to($top, 0.8, {
965
+ rotationX: '-180deg',
966
+ transformPerspective: 300,
967
+ ease: Quart.easeOut,
968
+ onComplete: function () {
969
+ TweenMax.set($top, { rotationX: 0 });
970
+ }
971
+ });
972
+
973
+ TweenMax.to($back_top, 0.8, {
974
+ rotationX: 0,
975
+ transformPerspective: 300,
976
+ ease: Quart.easeOut,
977
+ clearProps: 'all'
978
+ });
979
+ }
980
+ });
981
  }
982
 
983
+ times = $countDownElement.find('#countdown-' + id).countdown("getTimes");
984
 
985
  function runTimer(el) {
986
  return el == 0;
989
  if (times.every(runTimer)) {
990
 
991
  if ('onExpiry' === settings.event) {
992
+ $countDownElement.find('#countdown-' + id).html(settings.text);
993
  } else if ('expiryUrl' === settings.event && !elementorFrontend.isEditMode()) {
994
  var editMode = $('body').find('#elementor').length;
995
+ if (0 < editMode) {
996
+ $countDownElement.find('#countdown-' + id).html(
997
+ "<h1>You can not redirect url from elementor Editor!!</h1>");
998
  } else {
999
  if (!elementorFrontend.isEditMode()) {
1000
  window.location.href = settings.text;
assets/frontend/min-css/premium-addons-rtl.min.css CHANGED
@@ -1 +1 @@
1
- @font-face{font-family:pa-elements;src:url(../../editor/fonts/pa-elements.eot?p2y7wv);src:url(../../editor/fonts/pa-elements.eot?p2y7wv#iefix) format("embedded-opentype"),url(../../editor/fonts/pa-elements.ttf?p2y7wv) format("truetype"),url(../../editor/fonts/pa-elements.woff?p2y7wv) format("woff"),url(../../editor/fonts/pa-elements.svg?p2y7wv#pa-elements) format("svg");font-weight:400;font-style:normal}.premium-banner{overflow:hidden}.premium-banner-ib{display:block;position:relative}.premium-banner-ib img{display:block;position:relative}.premium-banner-img-wrap{-js-display:flex;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;height:100%}.premium-banner-img-wrap .premium-banner-ib-img{-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0}.premium-banner-ib{z-index:1;overflow:hidden;margin:0 0 35px;text-align:center;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.premium-banner-ib-desc .premium-banner-read-more{z-index:100}.premium-banner-ib,.wpb_column>.wpb_wrapper .premium-banner-ib{margin-bottom:0}.elementor-widget-premium-addon-banner .premium-banner-ib-title{background:0 0}.premium-banner-ib *,.premium-banner-ib .premium-banner-ib-desc{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.premium-banner-ib img{min-width:100%;max-width:100%;-webkit-transition:opacity .35s;transition:opacity .35s}.premium-banner-ib .premium-banner-ib-desc{padding:15px;-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;position:absolute;top:0;right:0;width:100%;height:100%}.premium-banner-ib .premium-banner-ib-link{position:absolute;top:0;right:0;width:100%;height:100%;z-index:1000;text-indent:200%;white-space:nowrap;font-size:0;opacity:0}.premium-banner-ib a.premium-banner-ib-link{display:block;background:100% 0}.premium-banner-animation1 img{width:-webkit-calc(100% + 50px)!important;width:calc(100% + 50px)!important;max-width:-webkit-calc(100% + 50px)!important;max-width:calc(100% + 50px)!important;-webkit-transition:opacity .35s,-webkit-filter .35s,-webkit-transform .35s;transition:opacity .35s,-webkit-filter .35s,-webkit-transform .35s;-webkit-transition:opacity .35s,-webkit-filter .35s,-webkit-transform .35s;transition:opacity .35s,filter .35s,transform .35s;transition:opacity .35s,filter .35s,transform .35s,-webkit-filter .35s,-webkit-transform .35s;transition:opacity .35s,filter .35s,transform .35s,-webkit-filter .35s,-webkit-transform .35s;-webkit-transform:translate3d(40px,0,0);transform:translate3d(40px,0,0)}.premium-banner-animation2 .premium-banner-ib-title{padding:15px}.premium-banner-animation1 .premium-banner-ib-desc{top:auto;bottom:0;min-height:25%;height:auto;max-height:100%;text-align:right}.premium-banner-animation1 .premium-banner-ib-content,.premium-banner-animation1 .premium-banner-ib-title,.premium-banner-animation1 .premium-banner-read-more{-webkit-transform:translate3d(0,40px,0);transform:translate3d(0,40px,0);-webkit-transition-delay:50ms;transition-delay:50ms;-webkit-transition-duration:.35s;transition-duration:.35s}.premium-banner-animation1 .premium-banner-ib-title{-webkit-transition:-webkit-transform .35s;transition:-webkit-transform .35s;transition:transform .35s;transition:transform .35s,-webkit-transform .35s}.premium-banner-animation1 .premium-banner-ib-content,.premium-banner-animation1 .premium-banner-read-more{margin-top:10px;opacity:0;-webkit-transition:opacity .2s,-webkit-transform .35s;transition:opacity .2s,-webkit-transform .35s;transition:opacity .2s,transform .35s;transition:opacity .2s,transform .35s,-webkit-transform .35s}.premium-banner-animation1.active .premium-banner-ib-content,.premium-banner-animation1.active .premium-banner-read-more,.premium-banner-animation1:hover .premium-banner-ib-content,.premium-banner-animation1:hover .premium-banner-read-more{opacity:1;-webkit-transition-delay:50ms;transition-delay:50ms;-webkit-transition-duration:.35s;transition-duration:.35s}.premium-banner-animation1.active .premium-banner-ib-content,.premium-banner-animation1.active .premium-banner-ib-title,.premium-banner-animation1.active .premium-banner-read-more,.premium-banner-animation1.active img,.premium-banner-animation1:hover .premium-banner-ib-content,.premium-banner-animation1:hover .premium-banner-ib-title,.premium-banner-animation1:hover .premium-banner-read-more,.premium-banner-animation1:hover img{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);-webkit-transition-delay:50ms;transition-delay:50ms;-webkit-transition-duration:.35s;transition-duration:.35s}.premium-banner-animation1.scale img,.premium-banner-animation1.zoomout img{-webkit-transform:translate3d(40px,0,0) scale(1.1);transform:translate3d(40px,0,0) scale(1.1)}.premium-banner-ib.sepia img{-webkit-filter:sepia(30%);filter:sepia(30%)}.premium-banner-ib.bright img{-webkit-filter:brightness(1);filter:brightness(1)}.premium-banner-ib.sepia:hover img{-webkit-filter:sepia(0);filter:sepia(0)}.premium-banner-ib.bright:hover img{-webkit-filter:brightness(1.2);filter:brightness(1.2)}.premium-banner-animation1.premium-banner-min-height img,.premium-banner-animation13.premium-banner-min-height img,.premium-banner-animation2.premium-banner-min-height img,.premium-banner-animation4.premium-banner-min-height img,.premium-banner-animation5.premium-banner-min-height img,.premium-banner-animation6.premium-banner-min-height img{height:auto}.premium-banner-animation2 img{width:100%}.premium-banner-animation2 .premium-banner-ib-desc::before{position:absolute;content:"";top:0;right:0;width:100%;height:100%;opacity:0;-webkit-transform:translate3d(0,50%,0);transform:translate3d(0,50%,0)}.premium-banner-animation2 .premium-banner-ib-title{position:absolute;top:50%;right:0;width:100%;-webkit-transition:color .35s,-webkit-transform .35s;transition:color .35s,-webkit-transform .35s;transition:transform .35s,color .35s;transition:transform .35s,color .35s,-webkit-transform .35s;-webkit-transform:translate3d(0,-50%,0);transform:translate3d(0,-50%,0)}.premium-banner-animation2 .premium-banner-ib-content,.premium-banner-animation2 .premium-banner-ib-desc::before,.premium-banner-animation2 .premium-banner-read-more{-webkit-transition:opacity .35s,-webkit-transform .35s;transition:opacity .35s,-webkit-transform .35s;transition:opacity .35s,transform .35s;transition:opacity .35s,transform .35s,-webkit-transform .35s}.premium-banner-animation2 .premium-banner-ib-content,.premium-banner-animation2 .premium-banner-read-more{position:absolute;bottom:0;right:0;padding:15px;width:100%;max-height:50%;opacity:0;-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}.premium-banner-animation2.active .premium-banner-ib-title,.premium-banner-animation2:hover .premium-banner-ib-title{-webkit-transform:translate3d(0,-40px,0);transform:translate3d(0,-40px,0)}.premium-banner-animation2.active .premium-banner-ib-desc::before,.premium-banner-animation2.active .premium-banner-read-more,.premium-banner-animation2:hover .premium-banner-ib-desc::before,.premium-banner-animation2:hover .premium-banner-read-more{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.premium-banner-animation2.active .premium-banner-ib-content,.premium-banner-animation2:hover .premium-banner-ib-content{opacity:1;-webkit-transform:translate3d(0,-30px,0);transform:translate3d(0,-30px,0)}.premium-banner-animation3 .premium-banner-ib-title{position:absolute;bottom:0;right:0;padding:15px;width:100%;text-align:right;-webkit-transform:translate3d(0,-30px,0);transform:translate3d(0,-30px,0)}.premium-banner-animation3 .premium-banner-ib-desc::before,.premium-banner-animation3 .premium-banner-ib-title{-webkit-transition:-webkit-transform .35s;transition:-webkit-transform .35s;transition:transform .35s;transition:transform .35s,-webkit-transform .35s}.premium-banner-animation3.active .premium-banner-ib-desc::before,.premium-banner-animation3.active .premium-banner-ib-title,.premium-banner-animation3:hover .premium-banner-ib-desc::before,.premium-banner-animation3:hover .premium-banner-ib-title{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.premium-banner-animation3 .premium-banner-ib-content{max-height:-webkit-calc(100% - 60px - 1.5em);max-height:calc(100% - 60px - 1.5em);overflow:hidden}.premium-banner-animation4 img{width:-webkit-calc(100% + 40px)!important;width:calc(100% + 40px)!important;max-width:-webkit-calc(100% + 40px)!important;max-width:calc(100% + 40px)!important}.premium-banner-animation4 .premium-banner-ib-desc{padding:30px}.premium-banner-animation4 .premium-banner-ib-desc::after{position:absolute;content:"";opacity:0}.premium-banner-animation4 .premium-banner-ib-desc::before{position:absolute;content:"";opacity:0;top:50px;left:30px;bottom:50px;right:30px;border-top:1px solid #fff;border-bottom:1px solid #fff;-webkit-transform:scale(0,1);-ms-transform:scale(0,1);transform:scale(0,1);-webkit-transform-origin:100% 0;-ms-transform-origin:100% 0;transform-origin:100% 0}.premium-banner-animation4 .premium-banner-ib-desc::after{top:30px;left:50px;bottom:30px;right:50px;border-left:1px solid #fff;border-right:1px solid #fff;-webkit-transform:scale(1,0);-ms-transform:scale(1,0);transform:scale(1,0);-webkit-transform-origin:0 0;-ms-transform-origin:0 0;transform-origin:0 0}.premium-banner-animation4 .premium-banner-ib-title{padding:50px 30px 0 30px;-webkit-transition:-webkit-transform .35s;transition:-webkit-transform .35s;transition:transform .35s;transition:transform .35s,-webkit-transform .35s}.premium-banner-animation4 .premium-banner-ib-content,.premium-banner-animation4 .premium-banner-read-more{padding:10px 30px;opacity:0;overflow:hidden;-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}.premium-banner-animation4 .premium-banner-ib-title,.premium-banner-animation4 img{-webkit-transform:translate3d(30px,0,0);transform:translate3d(30px,0,0)}.premium-banner-animation4.scale img,.premium-banner-animation4.zoomout img{-webkit-transform:translate3d(30px,0,0) scale(1.1);transform:translate3d(30px,0,0) scale(1.1)}.premium-banner-animation4 .premium-banner-ib-content,.premium-banner-animation4 .premium-banner-read-more{-webkit-transition:opacity .35s,-webkit-transform .35s;transition:opacity .35s,-webkit-transform .35s;transition:opacity .35s,transform .35s;transition:opacity .35s,transform .35s,-webkit-transform .35s}.premium-banner-animation4 .premium-banner-ib-desc::after,.premium-banner-animation4 .premium-banner-ib-desc::before{-webkit-transition:opacity .35s,-webkit-transform .35s;transition:opacity .35s,-webkit-transform .35s;transition:opacity .35s,transform .35s;transition:opacity .35s,transform .35s,-webkit-transform .35s}.premium-banner-animation4 img{-webkit-transition:opacity .35s,-webkit-transform .35s;transition:opacity .35s,-webkit-transform .35s;transition:opacity .35s,transform .35s;transition:opacity .35s,transform .35s,-webkit-transform .35s}.premium-banner-animation4.active .premium-banner-ib-desc::after,.premium-banner-animation4.active .premium-banner-ib-desc::before,.premium-banner-animation4:hover .premium-banner-ib-desc::after,.premium-banner-animation4:hover .premium-banner-ib-desc::before{opacity:1;-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}.premium-banner-animation4.active .premium-banner-ib-content,.premium-banner-animation4.active .premium-banner-ib-title,.premium-banner-animation4.active .premium-banner-read-more,.premium-banner-animation4:hover .premium-banner-ib-content,.premium-banner-animation4:hover .premium-banner-ib-title,.premium-banner-animation4:hover .premium-banner-read-more{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.premium-banner-animation4:hover .premium-banner-ib-content,.premium-banner-animation4:hover .premium-banner-ib-desc::after,.premium-banner-animation4:hover .premium-banner-ib-title,.premium-banner-animation4:hover img{-webkit-transition-delay:.15s;transition-delay:.15s}.premium-banner-animation5 .premium-banner-ib-desc{top:auto;bottom:0;padding:15px;height:auto;background:#f2f2f2;color:#3c4a50;-webkit-transition:-webkit-transform .35s;transition:-webkit-transform .35s;transition:transform .35s;transition:transform .35s,-webkit-transform .35s;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}.premium-banner-animation5 .premium-banner-ib-content{position:absolute;top:auto;bottom:100%;right:0;width:100%;padding:15px;opacity:0;-webkit-transition:opacity .35s;transition:opacity .35s}.premium-banner-animation5 .premium-banner-ib-title,.premium-banner-animation5 .premium-banner-read-more{-webkit-transition:-webkit-transform .35s;transition:-webkit-transform .35s;transition:transform .35s;transition:transform .35s,-webkit-transform .35s;-webkit-transform:translate3d(0,200%,0);transform:translate3d(0,200%,0);text-align:center}.premium-banner-animation5 .premium-banner-ib-title{margin:10px 0}.premium-banner-animation5.active .premium-banner-ib-content,.premium-banner-animation5.active .premium-banner-ib-content *,.premium-banner-animation5:hover .premium-banner-ib-content,.premium-banner-animation5:hover .premium-banner-ib-content *{opacity:1!important;z-index:99!important;-webkit-backface-visibility:hidden!important;backface-visibility:hidden!important}.premium-banner-animation5.active .premium-banner-ib-desc,.premium-banner-animation5.active .premium-banner-ib-title,.premium-banner-animation5.active .premium-banner-read-more,.premium-banner-animation5:hover .premium-banner-ib-desc,.premium-banner-animation5:hover .premium-banner-ib-title,.premium-banner-animation5:hover .premium-banner-read-more{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}.premium-banner-animation5:hover .premium-banner-ib-title{-webkit-transition-delay:50ms;transition-delay:50ms}.premium-banner-animation5 img{-webkit-transition:opacity .35s,-webkit-filter .35s,-webkit-transform .35s;transition:opacity .35s,-webkit-filter .35s,-webkit-transform .35s;-webkit-transition:opacity .35s,-webkit-filter .35s,-webkit-transform .35s;transition:opacity .35s,filter .35s,transform .35s;transition:opacity .35s,filter .35s,transform .35s,-webkit-filter .35s,-webkit-transform .35s;transition:opacity .35s,filter .35s,transform .35s,-webkit-filter .35s,-webkit-transform .35s}.premium-banner-animation2 img,.premium-banner-animation4 img,.premium-banner-animation6 img{-webkit-transition:opacity .35s,-webkit-filter .35s,-webkit-transform .35s;transition:opacity .35s,-webkit-filter .35s,-webkit-transform .35s;-webkit-transition:opacity .35s,-webkit-filter .35s,-webkit-transform .35s;transition:opacity .35s,filter .35s,transform .35s;transition:opacity .35s,filter .35s,transform .35s,-webkit-filter .35s,-webkit-transform .35s;transition:opacity .35s,filter .35s,transform .35s,-webkit-filter .35s,-webkit-transform .35s}.premium-banner-animation5.scale img,.premium-banner-animation5.zoomout img{-webkit-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1)}.premium-banner-animation2.scale img,.premium-banner-animation2.zoomout img{-webkit-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1)}.premium-banner-animation6.scale img,.premium-banner-animation6.zoomout img{-webkit-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1)}.premium-banner-animation2.zoomin:hover img,.premium-banner-animation5.zoomin:hover img,.premium-banner-animation6.zoomin:hover img{-webkit-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1)}.premium-banner-animation2.zoomout:hover img,.premium-banner-animation5.zoomout:hover img,.premium-banner-animation6.zoomout:hover img{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}.premium-banner-animation2.scale:hover img,.premium-banner-animation5.scale:hover img,.premium-banner-animation6.scale:hover img{-webkit-transform:scale(1.2) rotate(-5deg);-ms-transform:scale(1.2) rotate(-5deg);transform:scale(1.2) rotate(-5deg)}.premium-banner-animation2.grayscale:hover img,.premium-banner-animation5.grayscale:hover img,.premium-banner-animation6.grayscale:hover img{-webkit-filter:grayscale(100%);filter:grayscale(100%)}.premium-banner-animation2.blur:hover img,.premium-banner-animation5.blur:hover img{-webkit-filter:blur(3px);filter:blur(3px)}.premium-banner-animation6.blur:hover img{-webkit-filter:blur(3px);filter:blur(3px)}.premium-banner-animation6 .premium-banner-ib-desc{padding:45px}.premium-banner-animation6 .premium-banner-ib-desc::before{position:absolute;content:"";top:30px;left:30px;bottom:30px;right:30px;border:1px solid #fff}.premium-banner-animation6 .premium-banner-ib-title{margin:20px 0 10px;-webkit-transition:-webkit-transform .35s;transition:-webkit-transform .35s;transition:transform .35s;transition:transform .35s,-webkit-transform .35s;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}.premium-banner-animation6 .premium-banner-ib-content,.premium-banner-animation6 .premium-banner-ib-desc::before,.premium-banner-animation6 .premium-banner-read-more{opacity:0;-webkit-transition:opacity .35s,-webkit-transform .35s;transition:opacity .35s,-webkit-transform .35s;transition:opacity .35s,transform .35s;transition:opacity .35s,transform .35s,-webkit-transform .35s;-webkit-transform:scale(0);-ms-transform:scale(0);transform:scale(0)}.premium-banner-animation6 .premium-banner-read-more{margin-top:10px}.premium-banner-animation6.active .premium-banner-ib-title,.premium-banner-animation6:hover .premium-banner-ib-title{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.premium-banner-animation6.active .premium-banner-ib-content,.premium-banner-animation6.active .premium-banner-ib-desc::before,.premium-banner-animation6.active .premium-banner-read-more,.premium-banner-animation6:hover .premium-banner-ib-content,.premium-banner-animation6:hover .premium-banner-ib-desc::before,.premium-banner-animation6:hover .premium-banner-read-more{opacity:1;-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}.premium-banner-animation12 .premium-banner-ib-desc::after{position:absolute;content:"";left:30px;bottom:30px;right:30px;height:-webkit-calc(50% - 30px);height:calc(50% - 30px);border:7px solid #fff;-webkit-transition:-webkit-transform .35s;transition:-webkit-transform .35s;transition:transform .35s;transition:transform .35s,-webkit-transform .35s;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}.premium-banner-animation12.active .premium-banner-ib-desc::after,.premium-banner-animation12:hover .premium-banner-ib-desc::after{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.premium-banner-animation12 .premium-banner-ib-desc{padding:45px;text-align:right}.premium-banner-animation12 .premium-banner-ib-content{position:absolute;left:60px;bottom:60px;right:60px;opacity:0;-webkit-transition:opacity .35s,-webkit-transform .35s;transition:opacity .35s,-webkit-transform .35s;transition:opacity .35s,transform .35s;transition:opacity .35s,transform .35s,-webkit-transform .35s;-webkit-transform:translate3d(0,-100px,0);transform:translate3d(0,-100px,0)}.premium-banner-animation12.active .premium-banner-ib-content,.premium-banner-animation12:hover .premium-banner-ib-content{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.premium-banner-animation13 img{width:-webkit-calc(100% + 20px)!important;width:calc(100% + 20px)!important;max-width:-webkit-calc(100% + 20px)!important;max-width:calc(100% + 20px)!important;-webkit-transition:opacity .35s,-webkit-filter .35s,-webkit-transform .35s;transition:opacity .35s,-webkit-filter .35s,-webkit-transform .35s;-webkit-transition:opacity .35s,-webkit-filter .35s,-webkit-transform .35s;transition:opacity .35s,filter .35s,transform .35s;transition:opacity .35s,filter .35s,transform .35s,-webkit-filter .35s,-webkit-transform .35s;transition:opacity .35s,filter .35s,transform .35s,-webkit-filter .35s,-webkit-transform .35s;-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0);-webkit-backface-visibility:hidden;backface-visibility:hidden}.premium-banner-animation13.scale img,.premium-banner-animation13.zoomout img{-webkit-transform:translate3d(10px,0,0) scale(1.1);transform:translate3d(10px,0,0) scale(1.1)}.premium-banner-animation13.none:hover img{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.premium-banner-animation1.none:hover img,.premium-banner-animation4.none:hover img{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.premium-banner-animation1.zoomin:hover img,.premium-banner-animation10.zoomin:hover img,.premium-banner-animation11.zoomin:hover img,.premium-banner-animation13.zoomin:hover img,.premium-banner-animation4.zoomin:hover img,.premium-banner-animation7.zoomin:hover img,.premium-banner-animation8.zoomin:hover img,.premium-banner-animation9.zoomin:hover img{-webkit-transform:translate3d(0,0,0) scale(1.1);transform:translate3d(0,0,0) scale(1.1)}.premium-banner-animation1.zoomout:hover img,.premium-banner-animation10.zoomout:hover img,.premium-banner-animation11.zoomout:hover img,.premium-banner-animation13.zoomout:hover img,.premium-banner-animation4.zoomout:hover img,.premium-banner-animation7.zoomout:hover img,.premium-banner-animation8.zoomout:hover img,.premium-banner-animation9.zoomout:hover img{-webkit-transform:translate3d(0,0,0) scale(1);transform:translate3d(0,0,0) scale(1)}.premium-banner-animation1.scale:hover img,.premium-banner-animation10.scale:hover img,.premium-banner-animation11.scale:hover img,.premium-banner-animation13.scale:hover img,.premium-banner-animation4.scale:hover img,.premium-banner-animation7.scale:hover img,.premium-banner-animation8.scale:hover img,.premium-banner-animation9.scale:hover img{-webkit-transform:translate3d(0,0,0) scale(1.2) rotate(-5deg);transform:translate3d(0,0,0) scale(1.2) rotate(-5deg)}.premium-banner-animation1.grayscale:hover img,.premium-banner-animation10.grayscale:hover img,.premium-banner-animation11.grayscale:hover img,.premium-banner-animation13.grayscale:hover img,.premium-banner-animation4.grayscale:hover img,.premium-banner-animation7.grayscale:hover img,.premium-banner-animation8.grayscale:hover img,.premium-banner-animation9.grayscale:hover img{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);-webkit-filter:grayscale(100%);filter:grayscale(100%)}.premium-banner-animation1.blur:hover img,.premium-banner-animation10.blur:hover img,.premium-banner-animation11.blur:hover img,.premium-banner-animation13.blur:hover img,.premium-banner-animation4.blur:hover,.premium-banner-animation7.blur:hover img,.premium-banner-animation8.blur:hover img,.premium-banner-animation9.blur:hover img{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);-webkit-filter:blur(3px);filter:blur(3px)}.premium-banner-animation13 .premium-banner-ib-desc{text-align:right}.premium-banner-animation13 .premium-banner-ib-title{position:relative;overflow:hidden;padding:5px 0 10px}.premium-banner-animation13 .premium-banner-ib-title::after{position:absolute;content:"";bottom:0;right:0;width:100%;height:2px;background:#fff;-webkit-transition:-webkit-transform .35s;transition:-webkit-transform .35s;transition:transform .35s;transition:transform .35s,-webkit-transform .35s;-webkit-transform:translate3d(101%,0,0);transform:translate3d(101%,0,0)}.premium-banner-animation13.active .premium-banner-ib-title::after,.premium-banner-animation13:hover .premium-banner-ib-title::after{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.premium-banner-animation13 .premium-banner-ib-content,.premium-banner-animation13 .premium-banner-read-more{padding:15px 0;opacity:0;-webkit-transition:opacity .35s,-webkit-transform .35s;transition:opacity .35s,-webkit-transform .35s;transition:opacity .35s,transform .35s;transition:opacity .35s,transform .35s,-webkit-transform .35s;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}.premium-banner-animation13.active .premium-banner-ib-content,.premium-banner-animation13.active .premium-banner-read-more,.premium-banner-animation13:hover .premium-banner-ib-content,.premium-banner-animation13:hover .premium-banner-read-more{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.premium-banner-ib.premium-banner-animation5 .premium-banner-toggle-size{right:50%;width:auto!important;height:100%;max-width:none;-webkit-transform:translateX(50%);-ms-transform:translateX(50%);transform:translateX(50%)}.premium-banner-ib img{border:none;padding:0;margin:0}.premium-banner-animation7 img{width:-webkit-calc(100% + 40px)!important;width:calc(100% + 40px)!important;max-width:-webkit-calc(100% + 40px)!important;max-width:calc(100% + 40px)!important}.premium-banner-animation7 .premium-banner-brlr{width:7px}.premium-banner-animation7 .premium-banner-brtb{height:7px}.premium-banner-animation7 .premium-banner-br{position:absolute;z-index:1;background-color:#fff;-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out;-webkit-transition-delay:.2s;transition-delay:.2s}.premium-banner-animation7 .premium-banner-bleft{right:30px;top:-webkit-calc(100% - 150px);top:calc(100% - 150px);height:0}.premium-banner-animation7 .premium-banner-bright{left:30px;bottom:-webkit-calc(100% - 150px);bottom:calc(100% - 150px);height:0}.premium-banner-animation7 .premium-banner-bottom{left:-webkit-calc(100% - 150px);left:calc(100% - 150px);bottom:30px;width:0}.premium-banner-animation7 .premium-banner-btop{right:-webkit-calc(100% - 150px);right:calc(100% - 150px);top:30px;width:0}.premium-banner-animation7 .premium-banner-ib-desc{padding:70px;display:table}.premium-banner-animation7 .premium-banner-ib-desc .premium-banner-desc-centered{display:table-cell;vertical-align:middle}.premium-banner-animation7 .premium-banner-ib-title{margin-top:0}.premium-banner-animation7 .premium-banner-ib-title,.premium-banner-animation7 img{-webkit-transform:translate3d(30px,0,0);transform:translate3d(30px,0,0)}.premium-banner-animation7.scale img,.premium-banner-animation7.zoomout img{-webkit-transform:translate3d(30px,0,0) scale(1.1);transform:translate3d(30px,0,0) scale(1.1)}.premium-banner-animation7 .premium-banner-ib-content,.premium-banner-animation7 .premium-banner-read-more{margin-top:10px}.premium-banner-animation7 .premium-banner-ib-desc::after,.premium-banner-animation7 .premium-banner-ib-desc::before{-webkit-transition:opacity .35s,-webkit-transform .35s;transition:opacity .35s,-webkit-transform .35s;transition:opacity .35s,transform .35s;transition:opacity .35s,transform .35s,-webkit-transform .35s}.premium-banner-animation7 .premium-banner-ib-content,.premium-banner-animation7 .premium-banner-ib-title,.premium-banner-animation7 .premium-banner-read-more{opacity:0;-webkit-transition:opacity .35s,-webkit-transform .35s;transition:opacity .35s,-webkit-transform .35s;transition:opacity .35s,transform .35s;transition:opacity .35s,transform .35s,-webkit-transform .35s}.premium-banner-animation7 img{-webkit-transition:opacity .35s,-webkit-transform .35s;transition:opacity .35s,-webkit-transform .35s;transition:opacity .35s,transform .35s;transition:opacity .35s,transform .35s,-webkit-transform .35s}.premium-banner-animation7.active .premium-banner-ib-content,.premium-banner-animation7.active .premium-banner-ib-title,.premium-banner-animation7.active .premium-banner-read-more,.premium-banner-animation7:hover .premium-banner-ib-content,.premium-banner-animation7:hover .premium-banner-ib-title,.premium-banner-animation7:hover .premium-banner-read-more{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.premium-banner-animation7.active .premium-banner-bleft,.premium-banner-animation7:hover .premium-banner-bleft{top:30px;height:70px}.premium-banner-animation7.active .premium-banner-bright,.premium-banner-animation7:hover .premium-banner-bright{bottom:30px;height:70px}.premium-banner-animation7.active .premium-banner-bottom,.premium-banner-animation7:hover .premium-banner-bottom{left:30px;width:70px}.premium-banner-animation7.active .premium-banner-btop,.premium-banner-animation7:hover .premium-banner-btop{right:30px;width:70px}.premium-banner-animation7:hover .premium-banner-ib-content,.premium-banner-animation7:hover .premium-banner-ib-title,.premium-banner-animation7:hover .premium-banner-read-more,.premium-banner-animation7:hover img{-webkit-transition-delay:.15s;transition-delay:.15s}.premium-banner-animation8 img{width:-webkit-calc(100% + 40px)!important;width:calc(100% + 40px)!important;max-width:-webkit-calc(100% + 40px)!important;max-width:calc(100% + 40px)!important}.premium-banner-animation8 .premium-banner-brlr{width:7px}.premium-banner-animation8 .premium-banner-brtb{height:7px}.premium-banner-animation8 .premium-banner-br{position:absolute;z-index:1;background-color:#fff;-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out;-webkit-transition-delay:.2s;transition-delay:.2s}.premium-banner-animation8 .premium-banner-bleft{right:30px;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);height:0}.premium-banner-animation8 .premium-banner-bright{left:30px;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);height:0}.premium-banner-animation8 .premium-banner-bottom{right:50%;-webkit-transform:translateX(50%);-ms-transform:translateX(50%);transform:translateX(50%);bottom:30px;width:0}.premium-banner-animation8 .premium-banner-btop{right:50%;-webkit-transform:translateX(50%);-ms-transform:translateX(50%);transform:translateX(50%);top:30px;width:0}.premium-banner-animation8 .premium-banner-ib-desc{padding:70px;display:table}.premium-banner-animation8 .premium-banner-ib-desc .premium-banner-desc-centered{display:table-cell;vertical-align:middle}.premium-banner-animation8 .premium-banner-ib-title{margin-top:0}.premium-banner-animation8 .premium-banner-ib-title,.premium-banner-animation8 img{-webkit-transform:translate3d(30px,0,0);transform:translate3d(30px,0,0)}.premium-banner-animation8.scale img,.premium-banner-animation8.zoomout img{-webkit-transform:translate3d(30px,0,0) scale(1.1);transform:translate3d(30px,0,0) scale(1.1)}.premium-banner-animation8 .premium-banner-ib-content,.premium-banner-animation8 .premium-banner-read-more{margin-top:10px}.premium-banner-animation8 .premium-banner-ib-desc::after,.premium-banner-animation8 .premium-banner-ib-desc::before{-webkit-transition:opacity .35s,-webkit-transform .35s;transition:opacity .35s,-webkit-transform .35s;transition:opacity .35s,transform .35s;transition:opacity .35s,transform .35s,-webkit-transform .35s}.premium-banner-animation8 .premium-banner-ib-content,.premium-banner-animation8 .premium-banner-ib-title,.premium-banner-animation8 .premium-banner-read-more{-webkit-transition:opacity .35s,-webkit-transform .35s;transition:opacity .35s,-webkit-transform .35s;transition:opacity .35s,transform .35s;transition:opacity .35s,transform .35s,-webkit-transform .35s;opacity:0}.premium-banner-animation8 img{-webkit-transition:opacity .35s,-webkit-transform .35s;transition:opacity .35s,-webkit-transform .35s;transition:opacity .35s,transform .35s;transition:opacity .35s,transform .35s,-webkit-transform .35s}.premium-banner-animation8.active .premium-banner-ib-content,.premium-banner-animation8.active .premium-banner-ib-title,.premium-banner-animation8.active .premium-banner-read-more,.premium-banner-animation8:hover .premium-banner-ib-content,.premium-banner-animation8:hover .premium-banner-ib-title,.premium-banner-animation8:hover .premium-banner-read-more{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.premium-banner-animation8.active .premium-banner-bleft,.premium-banner-animation8:hover .premium-banner-bleft{height:-webkit-calc(100% - 61px);height:calc(100% - 61px)}.premium-banner-animation8.active .premium-banner-bright,.premium-banner-animation8:hover .premium-banner-bright{height:-webkit-calc(100% - 61px);height:calc(100% - 61px)}.premium-banner-animation8.active .premium-banner-bottom,.premium-banner-animation8:hover .premium-banner-bottom{width:-webkit-calc(100% - 61px);width:calc(100% - 61px)}.premium-banner-animation8.active .premium-banner-btop,.premium-banner-animation8:hover .premium-banner-btop{width:-webkit-calc(100% - 61px);width:calc(100% - 61px)}.premium-banner-animation8:hover .premium-banner-ib-content,.premium-banner-animation8:hover .premium-banner-ib-title,.premium-banner-animation8:hover .premium-banner-read-more,.premium-banner-animation8:hover img{-webkit-transition-delay:.15s;transition-delay:.15s}.premium-banner-animation9 img{width:-webkit-calc(100% + 20px)!important;width:calc(100% + 20px)!important;max-width:-webkit-calc(100% + 20px)!important;max-width:calc(100% + 20px)!important;-webkit-transition:opacity .35s,-webkit-transform .35s;transition:opacity .35s,-webkit-transform .35s;transition:opacity .35s,transform .35s;transition:opacity .35s,transform .35s,-webkit-transform .35s;-webkit-transform:scale(1.2);-ms-transform:scale(1.2);transform:scale(1.2)}.premium-banner-animation9 .premium-banner-ib-desc{width:100%;height:100%}.premium-banner-animation9 .premium-banner-ib-desc::before{position:absolute;top:50%;right:50%;width:80%;height:1px;background:#fff;content:"";-webkit-transition:opacity .35s,-webkit-transform .35s;transition:opacity .35s,-webkit-transform .35s;transition:opacity .35s,transform .35s;transition:opacity .35s,transform .35s,-webkit-transform .35s;-webkit-transform:translate3d(50%,-50%,0);transform:translate3d(50%,-50%,0)}.premium-banner-animation9 .premium-banner-ib-desc::after{position:absolute;top:50%;right:50%;width:80%;height:1px;background:#fff;content:"";-webkit-transition:opacity .35s,-webkit-transform .35s;transition:opacity .35s,-webkit-transform .35s;transition:opacity .35s,transform .35s;transition:opacity .35s,transform .35s,-webkit-transform .35s;-webkit-transform:translate3d(50%,-50%,0);transform:translate3d(50%,-50%,0)}.premium-banner-animation9 .premium-banner-ib-title{position:absolute;top:50%;right:0;width:100%;-webkit-transition:-webkit-transform .35s;transition:-webkit-transform .35s;transition:transform .35s;transition:transform .35s,-webkit-transform .35s;-webkit-transform:translate3d(0,-70px,0);transform:translate3d(0,-70px,0);margin-top:0;padding:0 10%}.premium-banner-animation9.active .premium-banner-ib-title,.premium-banner-animation9:hover .premium-banner-ib-title{-webkit-transform:translate3d(0,-80px,0);transform:translate3d(0,-80px,0)}.premium-banner-animation9 .premium-banner-ib-content,.premium-banner-animation9 .premium-banner-read-more{position:absolute;top:50%;right:0;width:100%;-webkit-transition:-webkit-transform .35s;transition:-webkit-transform .35s;transition:transform .35s;transition:transform .35s,-webkit-transform .35s;padding:0 10%;-webkit-transform:translate3d(0,35px,0);transform:translate3d(0,35px,0)}.premium-banner-animation9 .premium-banner-read-more{top:75%}.premium-banner-animation9.active .premium-banner-ib-content,.premium-banner-animation9.active .premium-banner-read-more,.premium-banner-animation9:hover .premium-banner-ib-content,.premium-banner-animation9:hover .premium-banner-read-more{-webkit-transform:translate3d(0,45px,0);transform:translate3d(0,45px,0)}.premium-banner-animation9.active .premium-banner-ib-desc::before,.premium-banner-animation9:hover .premium-banner-ib-desc::before{opacity:.5;-webkit-transform:translate3d(50%,-50%,0) rotate(-45deg);transform:translate3d(50%,-50%,0) rotate(-45deg)}.premium-banner-animation9.active .premium-banner-ib-desc::after,.premium-banner-animation9:hover .premium-banner-ib-desc::after{opacity:.5;-webkit-transform:translate3d(50%,-50%,0) rotate(45deg);transform:translate3d(50%,-50%,0) rotate(45deg)}.premium-banner-animation9:hover img{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}.premium-banner-animation10 img{width:-webkit-calc(100% + 20px)!important;width:calc(100% + 20px)!important;max-width:-webkit-calc(100% + 20px)!important;max-width:calc(100% + 20px)!important}.premium-banner-animation10 .premium-banner-ib-title{position:relative;overflow:hidden;padding:5px 0 15px;-webkit-transition:-webkit-transform .35s;transition:-webkit-transform .35s;transition:transform .35s;transition:transform .35s,-webkit-transform .35s;-webkit-transform:translate3d(0,20px,0);transform:translate3d(0,20px,0);margin-bottom:0}.premium-banner-animation10 .premium-banner-ib-title::after{position:absolute;content:"";bottom:0;right:0;width:100%;height:3px;background:#fff;opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0);-webkit-transition:opacity .35s,-webkit-transform .35s;transition:opacity .35s,-webkit-transform .35s;transition:opacity .35s,transform .35s;transition:opacity .35s,transform .35s,-webkit-transform .35s}.premium-banner-animation10.active .premium-banner-ib-title,.premium-banner-animation10:hover .premium-banner-ib-title{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.premium-banner-animation10.active .premium-banner-ib-title::after,.premium-banner-animation10:hover .premium-banner-ib-title::after{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.premium-banner-animation10 .premium-banner-ib-content,.premium-banner-animation10 .premium-banner-read-more{padding-top:15px;opacity:0;-webkit-transition:opacity .35s,-webkit-transform .35s;transition:opacity .35s,-webkit-transform .35s;transition:opacity .35s,transform .35s;transition:opacity .35s,transform .35s,-webkit-transform .35s;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}.premium-banner-animation10 .premium-banner-read-more{padding:0}.premium-banner-animation10.active .premium-banner-ib-content,.premium-banner-animation10.active .premium-banner-read-more,.premium-banner-animation10:hover .premium-banner-ib-content,.premium-banner-animation10:hover .premium-banner-read-more{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.premium-banner-animation11{-webkit-transition:-webkit-transform 1s ease-out;transition:-webkit-transform 1s ease-out;transition:transform 1s ease-out;transition:transform 1s ease-out,-webkit-transform 1s ease-out;-webkit-transition-delay:125ms;transition-delay:125ms}.premium-banner-animation11 .premium-banner-ib-desc{position:absolute;z-index:5;-webkit-transform:translate3d(30px,0,0);transform:translate3d(30px,0,0);opacity:0;top:auto;bottom:0;min-height:25%;height:auto;max-height:100%;text-align:left;padding:30px;-webkit-transition:all .6s ease-out;transition:all .6s ease-out}.premium-banner-animation11 img{width:100%;-webkit-transition:opacity .35s,-webkit-filter .35s,-webkit-transform .35s;transition:opacity .35s,-webkit-filter .35s,-webkit-transform .35s;transition:opacity .35s,filter .35s,transform .35s;transition:opacity .35s,filter .35s,transform .35s,-webkit-filter .35s,-webkit-transform .35s}.premium-banner-animation11 .premium-banner-ib-title{margin-bottom:10px}.premium-banner-animation11 .premium-banner-gradient{position:absolute;left:0;top:0;right:0;bottom:0}.premium-banner-animation11 .premium-banner-gradient:after,.premium-banner-animation11 .premium-banner-gradient:before{position:absolute;content:"";left:0;top:0;right:0;bottom:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0);background-image:-webkit-linear-gradient(-40deg,rgba(84,89,95,.5) 27.89%,#6ec1e4 72.11%);background-image:-webkit-linear-gradient(130deg,rgba(84,89,95,.5) 27.89%,#6ec1e4 72.11%);background-image:linear-gradient(-40deg,rgba(84,89,95,.5) 27.89%,#6ec1e4 72.11%);z-index:2}.premium-banner-animation11 .premium-banner-gradient:before{mix-blend-mode:color}.premium-banner-animation11 .premium-banner-gradient:after{mix-blend-mode:multiply}.premium-banner-animation11.active .premium-banner-ib-desc,.premium-banner-animation11:hover .premium-banner-ib-desc{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.premium-banner-animation11.active .premium-banner-gradient:after,.premium-banner-animation11.active .premium-banner-gradient:before,.premium-banner-animation11:hover .premium-banner-gradient:after,.premium-banner-animation11:hover .premium-banner-gradient:before{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.premium-banner-animation11.scale img,.premium-banner-animation11.zoomout img{-webkit-transform:translate3d(-10px,0,0) scale(1.1);transform:translate3d(-10px,0,0) scale(1.1)}.premium-countdown{display:-ms-flexbox;display:-webkit-flex;display:-moz-flex;display:-ms-flex;-js-display:flex;display:-webkit-box;display:-moz-box;display:flex}.pre_countdown-row{display:block;text-align:center}.countdown .pre_countdown-section{display:inline-block;max-width:100%;margin-bottom:15px}.countdown .pre_countdown-section{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;-js-display:inline-flex;display:-moz-inline-box;display:inline-flex;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center}.countdown .pre_countdown-section:last-child{margin-left:0}.countdown span.pre_countdown-amount{font-size:70px;line-height:1}.countdown .pre_time-mid{display:block}.premium-countdown-separator-yes .pre-countdown_separator{display:block;margin:0 50px;font-size:30px}.premium-countdown-separator-yes .pre_countdown-row .pre_countdown-section:last-child .pre-countdown_separator{display:none}.side .pre_countdown-section .pre_countdown-period{vertical-align:bottom}.countdown .pre_countdown-section .pre_countdown-period{font-size:17px;line-height:3em}.side .pre_countdown-section .pre_countdown-amount,.side .pre_countdown-section .pre_countdown-period{display:inline-block}.side .pre_countdown-section .pre_countdown-amount{margin-left:5px}.down .pre_countdown-section .pre_countdown-amount,.down .pre_countdown-section .pre_countdown-period{display:block}.premium-blog-wrap a.carousel-arrow,.premium-carousel-wrapper a.carousel-arrow,.premium-carousel-wrapper a.ver-carousel-arrow,.premium-facebook-feed-wrapper a.carousel-arrow,.premium-fb-rev-container a.carousel-arrow,.premium-hscroll-wrap a.carousel-arrow,.premium-instafeed-container a.carousel-arrow,.premium-persons-container a.carousel-arrow,.premium-tabs-nav-list a.carousel-arrow,.premium-twitter-feed-wrapper a.carousel-arrow{display:-ms-flexbox;display:-webkit-flex;display:-moz-flex;display:-ms-flex;-js-display:flex;display:-webkit-box;display:-moz-box;display:flex;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-moz-box-pack:center;-ms-flex-pack:center;justify-content:center;width:2em;height:2em;line-height:0;text-align:center;position:absolute;z-index:99;cursor:pointer;-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out;-webkit-appearance:inherit;border:none;-webkit-box-shadow:none;box-shadow:none}div[class^=premium-] .slick-arrow i{display:block}.ver-carousel-arrow.carousel-next i{margin-bottom:-3px}.premium-carousel-wrapper a.slick-arrow:hover{-webkit-box-shadow:none!important;box-shadow:none!important}.premium-carousel-wrapper .premium-carousel-content-hidden{visibility:hidden}.premium-blog-wrap a.carousel-arrow,.premium-carousel-wrapper a.carousel-arrow,.premium-facebook-feed-wrapper a.carousel-arrow,.premium-fb-rev-container a.carousel-arrow,.premium-hscroll-wrap a.carousel-arrow,.premium-instafeed-container a.carousel-arrow,.premium-persons-container a.carousel-arrow,.premium-tabs-nav-list a.carousel-arrow,.premium-twitter-feed-wrapper a.carousel-arrow{top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%)}.premium-carousel-wrapper a.ver-carousel-arrow{right:50%;-webkit-transform:translateX(50%);-ms-transform:translateX(50%);transform:translateX(50%)}a.carousel-arrow.carousel-next{right:-20px}a.carousel-arrow.carousel-prev{left:-20px}a.ver-carousel-arrow.carousel-next{bottom:-56px}a.ver-carousel-arrow.carousel-prev{top:-45px}a.circle-bg{-webkit-border-radius:100%;border-radius:100%}a.circle-border{-webkit-border-radius:100%;border-radius:100%;border:solid #000}a.square-border{border:solid #000}.premium-blog-wrap ul.slick-dots,.premium-carousel-dots-below,.premium-fb-rev-reviews ul.slick-dots{position:relative;bottom:0;list-style:none;text-align:center;margin:0;padding:0}.premium-carousel-dots-above ul.slick-dots{position:absolute;display:-ms-flexbox;display:-webkit-flex;display:-moz-flex;display:-ms-flex;-js-display:flex;display:-webkit-box;display:-moz-box;display:flex;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);-webkit-flex-direction:column;-webkit-box-orient:vertical;-webkit-box-direction:normal;-moz-box-orient:vertical;-moz-box-direction:normal;-ms-flex-direction:column;flex-direction:column}ul.slick-dots li{font-size:10px;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;-js-display:inline-flex;display:-moz-inline-box;display:inline-flex;-webkit-box-pack:center;-webkit-justify-content:center;-moz-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;margin:5px;width:20px;height:20px;cursor:pointer}.premium-carousel-wrapper .premium-carousel-nav-arrow-next,.premium-carousel-wrapper .premium-carousel-nav-arrow-prev,.premium-carousel-wrapper .premium-carousel-nav-dot{display:none}.premium-carousel-wrapper ul.slick-dots svg{width:20px;height:20px}@-webkit-keyframes hvr-ripple-out{0%{-webkit-transform:scale(1);transform:scale(1);opacity:1}100%{-webkit-transform:scale(1.5);transform:scale(1.5);opacity:0}}@keyframes hvr-ripple-out{0%{-webkit-transform:scale(1);transform:scale(1);opacity:1}100%{-webkit-transform:scale(1.5);transform:scale(1.5);opacity:0}}.premium-carousel-ripple-yes .premium-carousel-wrapper{padding-bottom:1px}.premium-carousel-ripple-yes ul.slick-dots li,.premium-carousel-ripple-yes ul.slick-dots li i{position:relative}.premium-carousel-ripple-yes ul.slick-dots li i{z-index:1}.premium-carousel-ripple-yes ul.slick-dots li:hover:before{content:"";position:absolute;-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1);top:0;left:0;bottom:0;right:0;-webkit-border-radius:50%;border-radius:50%;pointer-events:none;background-color:rgba(0,0,0,.15)}.premium-carousel-ripple-yes ul.slick-dots li.slick-active:hover:before{background-color:rgba(0,0,0,.3)}.premium-carousel-ripple-yes ul.slick-dots li:hover:before{-webkit-animation:hvr-ripple-out 1.3s infinite;animation:hvr-ripple-out 1.3s infinite}.premium-carousel-wrapper.premium-carousel-scale .slick-slide{-webkit-transform:scale(1.25,1.25);-ms-transform:scale(1.25,1.25);transform:scale(1.25,1.25);-webkit-transition:all .3s ease-in-out!important;transition:all .3s ease-in-out!important}.premium-carousel-wrapper.premium-carousel-scale div.slick-active{-webkit-transform:scale(1,1);-ms-transform:scale(1,1);transform:scale(1,1)}[dir=rtl] .premium-carousel-inner .slick-slide{float:right}.premium-counter-area{padding:10px 0;-js-display:flex;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-moz-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center}.premium-counter-area.top{-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-moz-box-orient:vertical;-moz-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.premium-counter-area.right{-webkit-box-orient:horizontal;-webkit-box-direction:reverse;-webkit-flex-direction:row-reverse;-moz-box-orient:horizontal;-moz-box-direction:reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse}.premium-counter-area.right .premium-counter-icon{padding-right:20px}.premium-counter-area.left .premium-counter-icon{padding-left:20px}.premium-counter-area .premium-counter-icon .icon i.fa:before{vertical-align:text-top}.premium-counter-area .premium-counter-icon span.icon{text-align:center;display:inline-block;vertical-align:middle}.premium-counter-area .premium-counter-icon .circle{-webkit-border-radius:100%;border-radius:100%}.premium-counter-area .premium-counter-icon img,.premium-counter-area .premium-counter-icon svg{width:80px}.premium-counter-area .premium-counter-icon .premium-counter-animation svg{height:80px}.premium-counter-area .premium-counter-title{padding:0;margin:0}.premium-counter-area .premium-counter-value-wrap{-js-display:flex;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center}.premium-init-wrapper.right{text-align:left}span.icon.flex-width{width:auto!important;height:auto!important}.premium-counter-area .premium-counter-init{font-size:35px}.premium-image-separator-container{position:absolute;width:100%;z-index:2;top:auto}.premium-image-separator-container img{display:inline-block!important;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center}.premium-image-separator-link{position:absolute;z-index:9999;top:0;right:0;width:100%;height:100%;text-decoration:none}a.premium-image-separator-link:active,a.premium-image-separator-link:focus,a.premium-image-separator-link:hover,a.premium-image-separator-link:visited{-webkit-box-shadow:none!important;box-shadow:none!important;outline:0!important;border:none!important;text-decoration:none!important}.premium-image-separator-container .img-responsive{display:inline-block}.premium-image-separator-container i{padding:.1em;-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out}.premium-modal-box-modal-lower-close,.premium-modal-trigger-btn{display:inline-block;padding:6px 12px;margin-bottom:0;font-size:14px;font-weight:400;line-height:1.42857143;text-align:center;white-space:nowrap;vertical-align:middle;-ms-touch-action:manipulation;touch-action:manipulation;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background-image:none;border:1px solid transparent}.premium-modal-trigger-btn i{-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out}.premium-btn-md{padding:8px 14px;font-size:16px;line-height:1.2}.premium-btn-lg{padding:10px 16px;font-size:18px;line-height:1.3333333}.premium-btn-block{display:block;width:100%}.premium-modal-box-modal-close{float:left;font-size:21px;font-weight:700;line-height:1;color:#000}.premium-modal-box-modal-close:focus,.premium-modal-box-modal-close:hover{color:#000;text-decoration:none;cursor:pointer}button.premium-modal-box-modal-close{-webkit-appearance:none;padding:0;cursor:pointer;background:0 0;border:0}.premium-modal-box-modal{position:fixed;top:0;left:0;bottom:0;right:0;z-index:1050;display:none;-webkit-overflow-scrolling:touch;outline:0;padding:0!important;background:rgba(0,0,0,.5);-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-moz-box-pack:center;-ms-flex-pack:center;justify-content:center}.premium-modal-box-modal .premium-modal-box-modal-dialog{position:absolute;max-height:-webkit-calc(100vh - 150px);max-height:calc(100vh - 150px);-js-display:flex;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-moz-box-orient:vertical;-moz-box-direction:normal;-ms-flex-direction:column;flex-direction:column;opacity:0}.premium-modal-box-modal-content{background-color:#fff;-webkit-background-clip:padding-box;background-clip:padding-box;border:1px solid rgba(0,0,0,.2);-webkit-border-radius:6px;border-radius:6px;outline:0}.premium-modal-backdrop.premium-in{opacity:.5!important}.premium-modal-fade.premium-in{opacity:1}.premium-modal-backdrop{position:fixed;top:0;left:0;bottom:0;right:0;z-index:1040;background-color:#000}.premium-modal-backdrop.premium-modal-fade{opacity:0}.premium-modal-fade{opacity:0}.premium-in{-js-display:flex!important;display:-webkit-box!important;display:-webkit-flex!important;display:-moz-box!important;display:-ms-flexbox!important;display:flex!important}.premium-modal-box-modal-header{-js-display:flex;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;-moz-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;padding:5px 15px;border-bottom:1px solid #e5e5e5}.premium-modal-box-modal-header .premium-modal-box-modal-close{margin-top:-2px}.premium-modal-box-modal-header .premium-modal-box-modal-title{-js-display:flex;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;margin:0;padding:0}.premium-modal-box-modal-header .premium-modal-box-modal-title svg{width:50px;height:60px}.premium-modal-box-modal-body{position:relative;padding:15px;overflow:hidden}.premium-modal-box-modal-footer{padding:15px;text-align:left;border-top:1px solid #e5e5e5}.premium-modal-scrollbar-measure{position:absolute;top:-9999px;width:50px;height:50px;overflow:scroll}.premium-modal-trigger-text{background:0 0!important;display:inline-block}.premium-modal-box-container{width:100%!important}.premium-modal-trigger-container .premium-modal-trigger-btn{border:none;-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out}.premium-modal-trigger-container .premium-modal-trigger-animation,.premium-modal-trigger-container .premium-modal-trigger-img,.premium-modal-trigger-container .premium-modal-trigger-text{cursor:pointer}.premium-modal-trigger-container .premium-modal-trigger-animation{display:inline-block;width:200px;height:200px;-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out}.premium-modal-box-modal-header img{width:48px;padding-left:5px}.premium-modal-box-modal-header i,.premium-modal-box-modal-header svg{padding-left:6px}.premium-modal-box-modal-close{position:relative;z-index:99}.premium-modal-box-close-button-container,.premium-modal-box-modal-close,.premium-modal-box-modal-lower-close,.premium-modal-trigger-img,.premium-modal-trigger-text{-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out}@media (min-width:768px){.premium-modal-box-modal-dialog{width:700px;max-height:600px;overflow:auto}}@media (max-width:767px){.premium-modal-box-modal-dialog{width:100%;max-height:500px;overflow:auto}}.premium-modal-box-container[data-modal-animation*=animated-]{opacity:0}.premium-progressbar-container{position:relative}.premium-progressbar-bar-wrap{position:relative;text-align:right;overflow:hidden;height:25px;margin-bottom:50px;background-color:#f5f5f5;-webkit-border-radius:4px;border-radius:4px;-webkit-box-shadow:inset 0 1px 2px rgba(0,0,0,.1);box-shadow:inset 0 1px 2px rgba(0,0,0,.1)}.premium-progressbar-bar-wrap.premium-progressbar-dots{background-color:transparent;width:100%;-js-display:flex;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;height:auto;-webkit-box-shadow:none;box-shadow:none}.premium-progressbar-bar-wrap .progress-segment{position:relative;width:25px;height:25px;-webkit-border-radius:50%;border-radius:50%;overflow:hidden;background-color:#f5f5f5}.premium-progressbar-bar-wrap .progress-segment.filled{background:#6ec1e4}.premium-progressbar-bar-wrap .progress-segment:not(:first-child):not(:last-child){margin:0 4px}.premium-progressbar-bar-wrap .progress-segment:first-child{margin-left:4px}.premium-progressbar-bar-wrap .progress-segment:last-child{margin-right:4px}.premium-progressbar-bar-wrap .progress-segment .segment-inner{position:absolute;top:0;right:0;height:100%;background-color:#6ec1e4}.premium-progressbar-bar{float:right;width:0%;height:100%;font-size:12px;line-height:20px;background:#6ec1e4;text-align:center;-webkit-box-shadow:inset 0 -1px 0 rgba(0,0,0,.15);box-shadow:inset 0 -1px 0 rgba(0,0,0,.15)}.premium-progressbar-striped .premium-progressbar-bar{background-image:-webkit-linear-gradient(-135deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-image:-webkit-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-image:linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);-webkit-background-size:40px 40px;background-size:40px 40px}.premium-progressbar-active .premium-progressbar-bar{-webkit-animation:progress-bar-stripes 2s linear infinite;animation:progress-bar-stripes 2s linear infinite}.premium-progressbar-gradient .premium-progressbar-bar{-webkit-background-size:400% 400%!important;background-size:400% 400%!important;-webkit-animation:progress-bar-gradient 10s ease-in-out infinite;animation:progress-bar-gradient 10s ease-in-out infinite}.premium-progressbar-bar{position:absolute;overflow:hidden;line-height:20px}.premium-progressbar-container .clearfix{clear:both}.premium-progressbar-bar{-webkit-transition:width 0s ease-in-out!important;transition:width 0s ease-in-out!important}.premium-progressbar-container p:first-of-type{margin:0;float:right}.premium-progressbar-container p:nth-of-type(2){margin:0;float:left}.premium-progressbar-name{right:50%;top:0;left:0;-webkit-transform:translateX(12.5px);-ms-transform:translateX(12.5px);transform:translateX(12.5px);z-index:1}.premium-progressbar-multiple-label{position:relative;float:right;width:0;right:50%}.premium-progressbar-center-label{position:relative;white-space:nowrap}.premium-progressbar-arrow{height:15px;right:50%;display:inline-block;border-right:7px solid transparent;border-left:7px solid transparent;border-top:11px solid;-webkit-transform:translateX(50%);-ms-transform:translateX(50%);transform:translateX(50%)}.premium-progressbar-pin{border-right:1px solid;height:12px;right:50%;display:inline-block}.premium-progressbar-circle-wrap{width:200px;height:200px;position:relative;margin:0 auto}.premium-progressbar-circle-wrap .premium-progressbar-circle{position:absolute;top:0;right:0;width:100%;height:100%;-webkit-clip-path:inset(0 0 0 50%);clip-path:inset(0 0 0 50%)}.premium-progressbar-circle-wrap .premium-progressbar-circle div{position:absolute;right:0;top:0;height:100%;width:100%;border-width:6px;border-style:solid;border-color:#54595f;-webkit-border-radius:50%;border-radius:50%;-webkit-clip-path:inset(0 50% 0 0);clip-path:inset(0 50% 0 0)}.premium-progressbar-circle-wrap .premium-progressbar-circle .premium-progressbar-circle-left{-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0)}.premium-progressbar-circle-wrap .premium-progressbar-circle .premium-progressbar-circle-right{-webkit-transform:rotate(-180deg);-ms-transform:rotate(-180deg);transform:rotate(-180deg);visibility:hidden}.premium-progressbar-circle-wrap .premium-progressbar-circle-base{width:100%;height:100%;border:6px solid #eee;-webkit-border-radius:50%;border-radius:50%}.premium-progressbar-circle-wrap .premium-progressbar-circle-content{position:absolute;top:0;right:0;width:100%;height:100%;-js-display:flex;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-moz-box-orient:vertical;-moz-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-webkit-justify-content:center;-moz-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center}.premium-progressbar-circle-wrap .premium-lottie-animation{line-height:1}@-webkit-keyframes progress-bar-stripes{from{background-position:100% 0}to{background-position:40px 0}}@keyframes progress-bar-stripes{from{background-position:100% 0}to{background-position:40px 0}}@-webkit-keyframes progress-bar-gradient{0%{background-position:100% 50%}50%{background-position:0 50%}100%{background-position:100% 50%}}@keyframes progress-bar-gradient{0%{background-position:100% 50%}50%{background-position:0 50%}100%{background-position:100% 50%}}.premium-testimonial-box{width:100%;background:0 0;-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out}.premium-testimonial-box .premium-testimonial-author-info{-js-display:flex;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-moz-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center}.premium-testimonial-box .premium-testimonial-company-name,.premium-testimonial-box .premium-testimonial-person-name{font-weight:600;margin:0}.premium-testimonial-container{position:relative}.premium-testimonial-img-wrapper{margin-right:auto;margin-left:auto;overflow:hidden;border-style:solid!important}.premium-testimonial-img-wrapper.circle{-webkit-border-radius:50%;border-radius:50%}.premium-testimonial-img-wrapper.rounded{-webkit-border-radius:15px;border-radius:15px}.premium-testimonial-img-wrapper img{-o-object-fit:cover;object-fit:cover;width:100%;height:100%!important}.premium-testimonial-content-wrapper{position:relative;display:-ms-flexbox;display:-webkit-flex;display:-moz-flex;display:-ms-flex;-js-display:flex;display:-webkit-box;display:-moz-box;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-moz-box-orient:vertical;-moz-box-direction:normal;-ms-flex-direction:column;flex-direction:column;z-index:2;width:100%;padding:20px;text-align:center}.premium-testimonial-clear-float{clear:both}.premium-testimonial-lower-quote,.premium-testimonial-upper-quote{position:absolute;z-index:1}.premium-dual-header-container .premium-dual-header-first-header,.premium-dual-header-container .premium-dual-header-second-header{position:relative;padding:0;margin:0;display:inline-block;-webkit-transform:translate(0,0);-ms-transform:translate(0,0);transform:translate(0,0)}.premium-dual-header-first-clip .premium-dual-header-first-span,.premium-dual-header-second-clip{-webkit-text-fill-color:transparent;-webkit-background-clip:text}.premium-dual-header-first-clip.stroke .premium-dual-header-first-span,.premium-dual-header-second-clip.stroke{-webkit-text-stroke-color:transparent;-webkit-text-fill-color:#fafafa;-webkit-text-stroke-width:2px}@media (max-width:500px){.premium-dual-header-container .premium-dual-header-first-header,.premium-dual-header-container .premium-dual-header-second-header{display:block;word-wrap:break-word}.premium-dual-header-first-container,.premium-dual-header-second-container{margin:0}}@media (min-width:501px){.premium-dual-header-first-container{margin-left:5px}}.premium-dual-header-first-header.gradient .premium-dual-header-first-span,.premium-dual-header-second-header.gradient{-webkit-background-size:300% 300%!important;background-size:300% 300%!important;-webkit-animation:Gradient 10s ease-in-out infinite;animation:Gradient 10s ease-in-out infinite}@-webkit-keyframes Gradient{0%{background-position:100% 50%}50%{background-position:0 50%}100%{background-position:100% 50%}}@keyframes Gradient{0%{background-position:100% 50%}50%{background-position:0 50%}100%{background-position:100% 50%}}.premium-title-container{position:relative;width:100%;clear:both;overflow:hidden}.premium-title-container .premium-title-header{position:relative;margin:0;padding:10px}.premium-title-container .premium-title-header:not(.premium-title-style7){-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center}.premium-title-container .premium-title-header svg{width:40px;height:40px}.premium-title-container .premium-title-header img{width:40px;height:40px;-o-object-fit:cover;object-fit:cover}.premium-title-container .premium-title-header a{position:absolute;top:0;right:0;width:100%;height:100%}.premium-title-container .premium-lottie-animation{-js-display:flex;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex}.premium-title-icon-row .premium-title-icon{margin-left:10px}.premium-title-icon-row-reverse .premium-title-icon{margin-right:10px}.premium-title-style3,.premium-title-style4{-js-display:flex;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex}.premium-title-style1,.premium-title-style2,.premium-title-style5,.premium-title-style6,.premium-title-style8,.premium-title-style9{-js-display:inline-flex;display:-webkit-inline-box;display:-webkit-inline-flex;display:-moz-inline-box;display:-ms-inline-flexbox;display:inline-flex}.premium-title-style7{-js-display:inline-flex;display:-webkit-inline-box;display:-webkit-inline-flex;display:-moz-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-moz-box-orient:vertical;-moz-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.premium-title-style7 .premium-title-style7-inner{-js-display:flex;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center}.premium-title-style1{border-right:3px solid #6ec1e4}.premium-title-container.style2,.premium-title-container.style4,.premium-title-container.style5,.premium-title-container.style6{border-bottom:3px solid #6ec1e4}.premium-title-style6:before{position:absolute;right:50%;bottom:0;margin-right:-2px;content:"";border:3px solid transparent}.premium-title-style7-stripe-wrap{-js-display:flex;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex}.premium-title-style7:before{display:none}.premium-title-style8 .premium-title-text[data-animation=shiny]{-webkit-background-size:125px 125px!important;background-size:125px!important;color:rgba(255,255,255,0);-webkit-background-clip:text!important;background-clip:text!important;-webkit-animation-name:pa-shinny-text!important;animation-name:pa-shinny-text!important;-webkit-animation-duration:var(--animation-speed)!important;animation-duration:var(--animation-speed)!important;-webkit-animation-iteration-count:infinite!important;animation-iteration-count:infinite!important;background:var(--base-color) -webkit-gradient(linear,left top,right top,from(var(--base-color)),to(var(--base-color)),color-stop(.5,var(--shiny-color))) 0 0 no-repeat}.premium-title-style9[data-animation-blur=process] .premium-title-style9-letter{-webkit-animation:pa-blur-shadow 2s 1 alternate;animation:pa-blur-shadow 2s 1 alternate}.premium-title-gradient-yes .premium-title-icon,.premium-title-gradient-yes .premium-title-text{-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-image:-webkit-gradient(linear,left top,right top,from(#ffa648),color-stop(#f17cc1),to(#4da9fd));background-image:-webkit-linear-gradient(left,#ffa648,#f17cc1,#4da9fd);background-image:linear-gradient(to right,#ffa648,#f17cc1,#4da9fd);-webkit-animation:pa-text-gradient 8s infinite;animation:pa-text-gradient 8s infinite}@-webkit-keyframes pa-shinny-text{0%{background-position:100%}100%{background-position:-100%}}@keyframes pa-shinny-text{0%{background-position:100%}100%{background-position:-100%}}@-webkit-keyframes pa-blur-shadow{from{text-shadow:0 0 var(--shadow-value) var(--shadow-color);color:transparent}to{text-shadow:0}}@keyframes pa-blur-shadow{from{text-shadow:0 0 var(--shadow-value) var(--shadow-color);color:transparent}to{text-shadow:0}}@-webkit-keyframes pa-text-gradient{0%,100%{-webkit-filter:hue-rotate(0);filter:hue-rotate(0)}50%{-webkit-filter:hue-rotate(360deg);filter:hue-rotate(360deg)}}@keyframes pa-text-gradient{0%,100%{-webkit-filter:hue-rotate(0);filter:hue-rotate(0)}50%{-webkit-filter:hue-rotate(360deg);filter:hue-rotate(360deg)}}.premium-title-bg-text:before{position:absolute;content:attr(data-background);top:0;left:0;text-align:left}.premium-mask-yes .premium-dual-header-first-clip .premium-dual-header-first-span .premium-mask-span,.premium-mask-yes .premium-dual-header-second-clip .premium-mask-span{background:inherit}.premium-mask-yes .premium-mask-span{position:relative;overflow:hidden;-js-display:inline-flex!important;display:-webkit-inline-box!important;display:-webkit-inline-flex!important;display:-moz-inline-box!important;display:-ms-inline-flexbox!important;display:inline-flex!important}.premium-mask-yes .premium-mask-span::after{content:"";position:absolute;top:0;right:0;width:100%;height:100%;background-color:currentColor;-webkit-backface-visibility:visible;backface-visibility:visible}.premium-mask-active.premium-mask-tr .premium-mask-span::after{-webkit-animation:pa-mask-tr 1.7s cubic-bezier(1,0,.18,1) forwards;animation:pa-mask-tr 1.7s cubic-bezier(1,0,.18,1) forwards;-webkit-transform:translateX(-103%);-ms-transform:translateX(-103%);transform:translateX(-103%)}.premium-mask-active.premium-mask-tl .premium-mask-span::after{-webkit-animation:pa-mask-tl 1.7s cubic-bezier(1,0,.18,1) forwards;animation:pa-mask-tl 1.7s cubic-bezier(1,0,.18,1) forwards;-webkit-transform:translateX(103%);-ms-transform:translateX(103%);transform:translateX(103%)}.premium-mask-active.premium-mask-tb .premium-mask-span::after{-webkit-animation:pa-mask-tb 1.7s cubic-bezier(1,0,.18,1) forwards;animation:pa-mask-tb 1.7s cubic-bezier(1,0,.18,1) forwards;-webkit-transform:translateY(-103%);-ms-transform:translateY(-103%);transform:translateY(-103%)}.premium-mask-active.premium-mask-tt .premium-mask-span::after{-webkit-animation:pa-mask-tt 1.7s cubic-bezier(1,0,.18,1) forwards;animation:pa-mask-tt 1.7s cubic-bezier(1,0,.18,1) forwards;-webkit-transform:translateY(103%);-ms-transform:translateY(103%);transform:translateY(103%)}@-webkit-keyframes pa-mask-tr{0%{-webkit-transform:translateX(0);transform:translateX(0)}100%{-webkit-transform:translateX(103%);transform:translateX(103%)}}@keyframes pa-mask-tr{0%{-webkit-transform:translateX(0);transform:translateX(0)}100%{-webkit-transform:translateX(103%);transform:translateX(103%)}}@-webkit-keyframes pa-mask-tl{0%{-webkit-transform:translateX(0);transform:translateX(0)}100%{-webkit-transform:translateX(-103%);transform:translateX(-103%)}}@keyframes pa-mask-tl{0%{-webkit-transform:translateX(0);transform:translateX(0)}100%{-webkit-transform:translateX(-103%);transform:translateX(-103%)}}@-webkit-keyframes pa-mask-tb{0%{-webkit-transform:translateY(0);transform:translateY(0)}100%{-webkit-transform:translateY(103%);transform:translateY(103%)}}@keyframes pa-mask-tb{0%{-webkit-transform:translateY(0);transform:translateY(0)}100%{-webkit-transform:translateY(103%);transform:translateY(103%)}}@-webkit-keyframes pa-mask-tt{0%{-webkit-transform:translateY(0);transform:translateY(0)}100%{-webkit-transform:translateY(-103%);transform:translateY(-103%)}}@keyframes pa-mask-tt{0%{-webkit-transform:translateY(0);transform:translateY(0)}100%{-webkit-transform:translateY(-103%);transform:translateY(-103%)}}.premium-video-box-transform{-webkit-transform:none!important;-ms-transform:none!important;transform:none!important}.premium-video-box-container{-js-display:flex;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-moz-box-orient:vertical;-moz-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.premium-video-box-container>div{position:relative;overflow:hidden}.pa-aspect-ratio-11 .premium-video-box-container>div{padding-bottom:100%}.pa-aspect-ratio-169 .premium-video-box-container>div{padding-bottom:56.25%}.pa-aspect-ratio-43 .premium-video-box-container>div{padding-bottom:75%}.pa-aspect-ratio-32 .premium-video-box-container>div{padding-bottom:66.6666%}.pa-aspect-ratio-219 .premium-video-box-container>div{padding-bottom:42.8571%}.pa-aspect-ratio-916 .premium-video-box-container>div{padding-bottom:177.8%}.premium-video-box-image-container{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;-webkit-background-size:cover;background-size:cover;background-position:50%;cursor:pointer;margin:auto;-webkit-transition:.2s all;transition:.2s all}.premium-video-box-play-icon-container{position:absolute;z-index:2;cursor:pointer;-webkit-transform:translate(50%,-50%);-ms-transform:translate(50%,-50%);transform:translate(50%,-50%);background:rgba(252,252,252,.35)}.premium-video-box-description-container{position:absolute;z-index:2;padding:5px;text-align:center;cursor:pointer;-webkit-transform:translate(50%,-50%);-ms-transform:translate(50%,-50%